LoginEmailVerification

// LoginEmailVerification 画面 SDK の使用方法:
import LoginEmailVerification from '@auth0/auth0-acul-js/login-email-verification';

// ログインメール検証画面のマネージャーをインスタンス化
const loginEmailVerificationManager = new LoginEmailVerification();

// 画面固有のテキストにアクセス (例: タイトル、ラベル、ボタンテキスト)
const screenTexts = loginEmailVerificationManager.screen.texts;
const pageTitle = screenTexts?.title || 'Verify Your Email';
const codePlaceholder = screenTexts?.codePlaceholder || 'Enter code here';

// 前回の試行からのトランザクションエラーにアクセス
const transactionErrors = loginEmailVerificationManager.transaction.errors;
if (transactionErrors && transactionErrors.length > 0) {
  transactionErrors.forEach(error => {
    console.error(`Error Code: ${error.code}, Message: ${error.message}`);
    // これらのエラーをユーザーに適切に表示します。
  });
}

// フォームからのコード送信を処理する例
async function onCodeSubmit(enteredCode: string) {
  try {
    await loginEmailVerificationManager.continueWithCode({ code: enteredCode });
    // 検証が成功すると、Auth0 は通常ユーザーをリダイレクトします。
    // 検証エラー (例: 無効なコード) がある場合、ページは
    // 再レンダリングされ、`loginEmailVerificationManager.transaction.errors` が更新されます。
  } catch (e) {
    // この catch ブロックは送信中の予期しないエラー (例: ネットワークの問題) 用です。
    console.error('An unexpected error occurred while submitting the code:', e);
  }
}

// コード再送信リクエストを処理する例
async function onResendCodeClick() {
  try {
    await loginEmailVerificationManager.resendCode();
    // 新しいコードが送信されたことをユーザーに通知します。
    // ページが再レンダリングされる可能性があります。「too-many-emails」などの
    // 問題については `loginEmailVerificationManager.transaction.errors` を確認してください。
  } catch (e) {
    console.error('コードの再送信中に予期しないエラーが発生しました:', e);
  }
}