CustomizedConsent

// CustomizedConsent 画面 SDK の使用方法:
import CustomizedConsent from '@auth0/auth0-acul-js/customized-consent';

// カスタマイズされた同意画面のマネージャーをインスタンス化する
const consentManager = new CustomizedConsent();

// 画面データにアクセスする
const clientName = consentManager.client.name;
const userEmail = consentManager.user.email;
const requestedScopes = consentManager.screen.scopes;
const authorizationDetails = consentManager.screen.authorizationDetails;

console.log(`${clientName} is requesting consent from ${userEmail}.`);
console.log("Requested Scopes:", requestedScopes);
console.log("Authorization Details:", authorizationDetails);

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

// 同意承認を処理する例
async function onAcceptConsent() {
  try {
    await consentManager.accept();
    // 成功すると、Auth0 は通常リダイレクトする。
  } catch (e) {
    console.error('Failed to accept consent:', e);
  }
}

// 同意拒否を処理する例
async function onDenyConsent() {
  try {
    await consentManager.deny({ denial_reason: "user_declined" });
    // 成功すると、Auth0 は通常リダイレクトする。
  } catch (e) {
    console.error('Failed to deny consent:', e);
  }
}