@oneblink/apps-react 11.0.0-beta.1 → 11.0.0-beta.3

package/dist/apps/services/cognito.d.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_MFA_SETTINGS, LoginAttemptResponse, MfaMethod, MfaRequirementCheckResult, MfaSettings } from './AWSCognitoClient';
+import { DEFAULT_MFA_SETTINGS, LoginAttemptResponse, MfaMethod, MfaSettings } from './AWSCognitoClient';
 import { MiscTypes } from '@oneblink/types';
 interface CognitoServiceData {
     oAuthClientId: string;
@@ -243,7 +243,7 @@ declare function getUserFriendlyName(): string | undefined;
  *
  * ```js
  * const mfaAuthenticatorAppSetupQrCodeUrl =
- *   authService.generateMfaAuthenticatorAppQrCodeUrl()
+ *   mfaService.generateMfaAuthenticatorAppQrCodeUrl()
  * if (mfaAuthenticatorAppSetupQrCodeUrl) {
  *   // use mfaAuthenticatorAppSetupQrCodeUrl to display QR code to user
  * }
@@ -252,30 +252,11 @@ declare function getUserFriendlyName(): string | undefined;
  * @returns
  */
 declare function generateMfaAuthenticatorAppQrCodeUrl(mfaAuthenticatorAppSetup: Awaited<ReturnType<typeof setupMfaAuthenticatorApp>>): string | undefined;
-/**
- * Check if the current user meets an MFA requirement.
- *
- * #### Example
- *
- * ```js
- * const { mfaSettings, userMeetsMfaRequirement } =
- *   await authService.checkIsMfaEnabled('any')
- * if (userMeetsMfaRequirement) {
- *   // User has met the MFA requirement
- * } else {
- *   // Prompt user to set up MFA
- * }
- * ```
- *
- * @returns
- */
-declare function checkIsMfaEnabled(mfaRequirement: MiscTypes.MfaRequirement | undefined): Promise<MfaRequirementCheckResult>;
 declare function getMfaSettings(abortSignal?: AbortSignal): Promise<MfaSettings>;
 declare function updateUserPhoneNumber(phoneNumber: string): Promise<{
     isPhoneNumberVerified: boolean;
 }>;
 declare function removeUserPhoneNumber(): Promise<void>;
-declare function sendPhoneNumberVerificationCode(): Promise<import("@aws-sdk/client-cognito-identity-provider").GetUserAttributeVerificationCodeCommandOutput | undefined>;
 declare function verifyUserPhoneNumber(code: string): Promise<void>;
 declare function setupSmsMfa(options?: {
     preferred?: boolean;
@@ -291,7 +272,7 @@ declare function setPreferredMfaMethod(method: MfaMethod): Promise<void>;
  *
  * ```js
  * const { secretCode, mfaCodeCallback } =
- *   await authService.setupMfaAuthenticatorApp()
+ *   await mfaService.setupMfaAuthenticatorApp()
  * // Prompt the user to enter an MFA code
  * const code = prompt(
  *   `Please enter a one-time code from your MFA app after creating a new entry with secret: ${secretCode}.`,
@@ -307,5 +288,5 @@ declare function setupMfaAuthenticatorApp(options?: {
     secretCode: string | undefined;
     mfaCodeCallback: (code: string) => Promise<void>;
 } | undefined>;
-export { init, registerAuthListener, loginUsernamePassword, loginHostedUI, handleAuthentication, changePassword, forgotPassword, logoutHostedUI, logout, isLoggedIn, getCognitoIdToken, getUserProfile, getUserFriendlyName, checkIsMfaEnabled, getMfaSettings, updateUserPhoneNumber, removeUserPhoneNumber, sendPhoneNumberVerificationCode, verifyUserPhoneNumber, disableMfaMethod, setPreferredMfaMethod, setupSmsMfa, setupMfaAuthenticatorApp, generateMfaAuthenticatorAppQrCodeUrl, DEFAULT_MFA_SETTINGS, };
-export type { LoginAttemptResponse, MfaMethod, MfaRequirementCheckResult, MfaSettings, };
+export { init, registerAuthListener, loginUsernamePassword, loginHostedUI, handleAuthentication, changePassword, forgotPassword, logoutHostedUI, logout, isLoggedIn, getCognitoIdToken, getUserProfile, getUserFriendlyName, getMfaSettings, updateUserPhoneNumber, removeUserPhoneNumber, verifyUserPhoneNumber, disableMfaMethod, setPreferredMfaMethod, setupSmsMfa, setupMfaAuthenticatorApp, generateMfaAuthenticatorAppQrCodeUrl, DEFAULT_MFA_SETTINGS, };
+export type { LoginAttemptResponse, MfaMethod, MfaSettings };

package/dist/apps/services/cognito.js

@@ -363,7 +363,7 @@ function getUserFriendlyName() {
  *
  * ```js
  * const mfaAuthenticatorAppSetupQrCodeUrl =
- *   authService.generateMfaAuthenticatorAppQrCodeUrl()
+ *   mfaService.generateMfaAuthenticatorAppQrCodeUrl()
  * if (mfaAuthenticatorAppSetupQrCodeUrl) {
  *   // use mfaAuthenticatorAppSetupQrCodeUrl to display QR code to user
  * }
@@ -378,29 +378,6 @@ function generateMfaAuthenticatorAppQrCodeUrl(mfaAuthenticatorAppSetup) {
     }
     return `otpauth://totp/${tenants.current.productShortName}:${profile.email}?secret=${mfaAuthenticatorAppSetup.secretCode}&issuer=${tenants.current.productShortName}`;
 }
-/**
- * Check if the current user meets an MFA requirement.
- *
- * #### Example
- *
- * ```js
- * const { mfaSettings, userMeetsMfaRequirement } =
- *   await authService.checkIsMfaEnabled('any')
- * if (userMeetsMfaRequirement) {
- *   // User has met the MFA requirement
- * } else {
- *   // Prompt user to set up MFA
- * }
- * ```
- *
- * @returns
- */
-async function checkIsMfaEnabled(mfaRequirement) {
-    if (!awsCognitoClient) {
-        throw new Error('"authService" has not been initiated. You must call the init() function before checking if the current user has MFA enabled.');
-    }
-    return await awsCognitoClient.checkIsMfaEnabled(mfaRequirement);
-}
 async function getMfaSettings(abortSignal) {
     if (!awsCognitoClient) {
         throw new Error('"authService" has not been initiated. You must call the init() function before checking MFA settings.');
@@ -419,12 +396,6 @@ async function removeUserPhoneNumber() {
     }
     return await awsCognitoClient.removeUserPhoneNumber();
 }
-async function sendPhoneNumberVerificationCode() {
-    if (!awsCognitoClient) {
-        throw new Error('"authService" has not been initiated. You must call the init() function before sending a phone number verification code.');
-    }
-    return await awsCognitoClient.sendPhoneNumberVerificationCode();
-}
 async function verifyUserPhoneNumber(code) {
     if (!awsCognitoClient) {
         throw new Error('"authService" has not been initiated. You must call the init() function before verifying the user phone number.');
@@ -458,7 +429,7 @@ async function setPreferredMfaMethod(method) {
  *
  * ```js
  * const { secretCode, mfaCodeCallback } =
- *   await authService.setupMfaAuthenticatorApp()
+ *   await mfaService.setupMfaAuthenticatorApp()
  * // Prompt the user to enter an MFA code
  * const code = prompt(
  *   `Please enter a one-time code from your MFA app after creating a new entry with secret: ${secretCode}.`,
@@ -474,5 +445,5 @@ async function setupMfaAuthenticatorApp(options) {
     }
     return await awsCognitoClient.setupMfaAuthenticatorApp(options);
 }
-export { init, registerAuthListener, loginUsernamePassword, loginHostedUI, handleAuthentication, changePassword, forgotPassword, logoutHostedUI, logout, isLoggedIn, getCognitoIdToken, getUserProfile, getUserFriendlyName, checkIsMfaEnabled, getMfaSettings, updateUserPhoneNumber, removeUserPhoneNumber, sendPhoneNumberVerificationCode, verifyUserPhoneNumber, disableMfaMethod, setPreferredMfaMethod, setupSmsMfa, setupMfaAuthenticatorApp, generateMfaAuthenticatorAppQrCodeUrl, DEFAULT_MFA_SETTINGS, };
+export { init, registerAuthListener, loginUsernamePassword, loginHostedUI, handleAuthentication, changePassword, forgotPassword, logoutHostedUI, logout, isLoggedIn, getCognitoIdToken, getUserProfile, getUserFriendlyName, getMfaSettings, updateUserPhoneNumber, removeUserPhoneNumber, verifyUserPhoneNumber, disableMfaMethod, setPreferredMfaMethod, setupSmsMfa, setupMfaAuthenticatorApp, generateMfaAuthenticatorAppQrCodeUrl, DEFAULT_MFA_SETTINGS, };
 //# sourceMappingURL=cognito.js.map

package/dist/apps/services/cognito.js.map

@@ -1 +1 @@
-{"version":3,"file":"cognito.js","sourceRoot":"","sources":["../../../src/apps/services/cognito.ts"],"names":[],"mappings":"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","sourcesContent":["import { jwtDecode } from 'jwt-decode'\n\nimport AWSCognitoClient, {\n  DEFAULT_MFA_SETTINGS,\n  LoginAttemptResponse,\n  MfaMethod,\n  MfaRequirementCheckResult,\n  MfaSettings,\n} from './AWSCognitoClient'\n\nimport * as offlineService from '../offline-service'\nimport { userService } from '@oneblink/sdk-core'\nimport { MiscTypes } from '@oneblink/types'\nimport { HTTPError, postRequest } from './fetch'\nimport tenants from '../tenants'\nimport OneBlinkAppsError from './errors/oneBlinkAppsError'\n\ninterface CognitoServiceData {\n  oAuthClientId: string\n  loginDomain: string\n  region: string\n  redirectUri: string\n  logoutUri: string\n}\n\nconst CONTINUE_TO = 'continueTo'\n\nlet awsCognitoClient: null | AWSCognitoClient = null\n\nfunction init(cognitoServiceData: CognitoServiceData) {\n  console.log('Initiating CognitoIdentityServiceProvider', cognitoServiceData)\n\n  awsCognitoClient = new AWSCognitoClient({\n    clientId: cognitoServiceData.oAuthClientId,\n    region: cognitoServiceData.region,\n    loginDomain: cognitoServiceData.loginDomain,\n    redirectUri: cognitoServiceData.redirectUri,\n    logoutUri: cognitoServiceData.logoutUri,\n  })\n}\n\n/**\n * Register a listener function that will be call when authentication tokens are\n * updated or removed.\n *\n * #### Example\n *\n * ```js\n * const listener = async () => {\n *   // Check if the user is logged in still\n *   const isLoggedIn = authService.isLoggedIn()\n * }\n * const deregister = await authService.registerAuthListener(listener)\n *\n * // When no longer needed, remember to deregister the listener\n * deregister()\n * ```\n *\n * @param listener\n * @returns\n */\nfunction registerAuthListener(listener: () => unknown): () => void {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to register a listener.',\n    )\n  }\n  return awsCognitoClient.registerListener(listener)\n}\n\n/**\n * Create a session for a user by entering a username and password. If the user\n * requires a password reset, the \"resetPasswordCallback\" property will be\n * returned. This function should be called with the new password once entered\n * by the user. If the user requires an MFA token, the \"mfa\" property will be\n * returned. Its \"codeCallback\" should be called with the one-time token. The\n * functions returned are recursive and the result from each of them is the same\n * result from the loginUsernamePassword() function. Each time the response\n * includes a callback, you will need to begin the process again until all\n * callbacks are handled.\n *\n * #### Example\n *\n * ```js\n * async function handleLoginAttemptResponse({\n *   resetPasswordCallback,\n *   mfa,\n * }) {\n *   // \"resetPasswordCallback\" will be undefined if a password reset was not required.\n *   if (resetPasswordCallback) {\n *     // Prompt the user to enter a new password\n *     const newPassword = prompt(\n *       'The password you entered was only temporary, and must be reset for security purposes. Please enter your new password below to continue.',\n *     )\n *     const resetPasswordResponse =\n *       await resetPasswordCallback(newPassword)\n *     return await handleLoginAttemptResponse(resetPasswordResponse)\n *   }\n *\n *   // \"mfa\" will be undefined if MFA is not setup.\n *   if (mfa) {\n *     // Prompt the user to enter an MFA code\n *     const code = prompt(\n *       mfa.method === 'email'\n *         ? 'Please enter the one-time code sent to your email.'\n *         : 'Please enter a one-time code from your MFA app.',\n *     )\n *     const mfaCodeResponse = await mfa.codeCallback(code)\n *     return await handleLoginAttemptResponse(mfaCodeResponse)\n *   }\n * }\n *\n * const username = 'user@email.io'\n * const password = 'P@$5w0rd'\n *\n * const loginAttemptResponse = await authService.loginUsernamePassword(\n *   username,\n *   password,\n * )\n *\n * await handleLoginAttemptResponse(loginAttemptResponse)\n * ```\n *\n * @param username\n * @param password\n * @returns\n */\nasync function loginUsernamePassword(username: string, password: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to login.',\n    )\n  }\n  console.log('Attempting sign using username', username)\n  return awsCognitoClient.loginUsernamePassword(\n    username.toLowerCase(),\n    password,\n  )\n}\n\n/**\n * Redirect the user to the login screen. Passing an `identityProvider` is\n * optionally, it will allow users to skip the login page and be directed\n * straight to that providers login page\n *\n * #### Example\n *\n * ```js\n * // OPtionally pass a\n * const identityProvider = 'Google'\n * await authService.loginHostedUI(identityProvider)\n * // User will be redirected to login page or promise will resolve\n * ```\n *\n * @param identityProviderName\n * @returns\n */\nasync function loginHostedUI(identityProviderName?: string): Promise<void> {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to login.',\n    )\n  }\n  const continueTo = `${window.location.pathname}${window.location.search}`\n  localStorage.setItem(CONTINUE_TO, continueTo)\n\n  return awsCognitoClient.loginHostedUI(identityProviderName)\n}\n\n/**\n * This function should be called when the user is redirected back to your app\n * after a login attempt. It will use the query string add the redirect URL to\n * create a session for the current user. It will return a URL as a `string`\n * that should be redirected to within your app.\n *\n * #### Example\n *\n * ```js\n * try {\n *   const continueTo = await authService.handleAuthentication()\n *   // Redirect the user back to where they were before attempting to login\n *   window.location.href = continueTo\n * } catch (error) {\n *   // handle failed login attempts here.\n * }\n * ```\n *\n * @returns\n */\nasync function handleAuthentication(): Promise<string> {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to handle authentication in URL.',\n    )\n  }\n\n  const continueTo = localStorage.getItem(CONTINUE_TO) || '/'\n  if (isLoggedIn()) {\n    console.log('Already authenticated, redirecting to:', continueTo)\n  } else {\n    await awsCognitoClient.handleAuthentication()\n  }\n\n  localStorage.removeItem(CONTINUE_TO)\n\n  return continueTo\n}\n\n/**\n * Allow the currently logged in user to change their password by passing their\n * existing password and a new password.\n *\n * #### Example\n *\n * ```js\n * const currentPassword = 'P@$5w0rd'\n * const newPassword = 'P@$5w0rD'\n * await authService.changePassword(currentPassword, newPassword)\n * ```\n *\n * @param existingPassword\n * @param newPassword\n * @returns\n */\nasync function changePassword(existingPassword: string, newPassword: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to change passwords.',\n    )\n  }\n\n  return await awsCognitoClient.changePassword(existingPassword, newPassword)\n}\n\n/**\n * Allow a user to start the forgot password process. The user will be emailed a\n * temporary code that must be passed with a new password to the function\n * returned.\n *\n * #### Example\n *\n * ```js\n * const username = 'user@email.io'\n * const finishForgotPassword = await authService.forgotPassword(username)\n *\n * // Prompt the user to enter the code and a new password\n * const code = prompt(\n *   'You have been emailed a verification code, please enter it here.',\n * )\n * const newPassword = prompt('Please enter a new password to continue.')\n * await finishForgotPassword(code, newPassword)\n * ```\n *\n * @param username\n * @param formsAppId Used to give the resulting email sent to the user\n *   associated forms app branding and sending address\n * @returns\n */\nasync function forgotPassword(\n  username: string,\n  /**\n   * Used to give the resulting email sent to the user associated forms app\n   * branding and sending address\n   */\n  formsAppId?: number,\n): Promise<(code: string, password: string) => Promise<void>> {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before starting the forgot password process.',\n    )\n  }\n\n  try {\n    const url = `${tenants.current.apiOrigin}/authentication/reset-password`\n    await postRequest(url, {\n      username,\n      formsAppId,\n    })\n  } catch (err) {\n    const error = err as HTTPError\n    switch (error.status) {\n      case 400: {\n        throw new OneBlinkAppsError(error.message, {\n          title: 'Invalid Request',\n          httpStatusCode: error.status,\n        })\n      }\n      default: {\n        throw new OneBlinkAppsError(\n          'An unknown error has occurred. Please contact support if the problem persists.',\n          {\n            originalError: error,\n            httpStatusCode: error.status,\n          },\n        )\n      }\n    }\n  }\n\n  return async (code, password) => {\n    await awsCognitoClient?.confirmForgotPassword({\n      username,\n      code,\n      password,\n    })\n  }\n}\n\n/**\n * Redirect the user to the logout screen to clear the users session on the\n * hosted login page. User will then be redirected to `/logout`. After being\n * redirected back to the application, the `logout()` function should be called\n * to clear the session data from browser storage.\n *\n * #### Example\n *\n * ```js\n * authService.logoutHostedUI()\n * ```\n */\nfunction logoutHostedUI(): void {\n  if (awsCognitoClient) {\n    awsCognitoClient.logoutHostedUI()\n  }\n}\n\nasync function logout() {\n  if (awsCognitoClient) {\n    await awsCognitoClient.logout()\n  }\n}\n\n/**\n * Check if the user is currently logged in\n *\n * #### Example\n *\n * ```js\n * const isLoggedIn = authService.isLoggedIn()\n * // handle user being logged in or not\n * ```\n *\n * @returns\n */\nfunction isLoggedIn(): boolean {\n  return !!(awsCognitoClient && awsCognitoClient._getRefreshToken())\n}\n\nasync function getCognitoIdToken(): Promise<string | undefined> {\n  if (!awsCognitoClient) {\n    return\n  }\n\n  if (offlineService.isOffline()) {\n    return awsCognitoClient._getIdToken()\n  }\n\n  return await awsCognitoClient.getIdToken()\n}\n\n/**\n * Get current users profile based on there Id Token payload. This will return\n * `null` if the the current user is not logged in.\n *\n * #### Example\n *\n * ```js\n * const profile = authService.getUserProfile()\n * if (profile) {\n *   // Use profile here\n * }\n * ```\n *\n * @returns\n */\nfunction getUserProfile(): MiscTypes.UserProfile | null {\n  if (!awsCognitoClient) {\n    return null\n  }\n  const idToken = awsCognitoClient._getIdToken()\n  if (!idToken) {\n    return null\n  }\n\n  const jwtToken = jwtDecode(idToken)\n  return userService.parseUserProfile(jwtToken) || null\n}\n\nexport function getUsername(): string | undefined {\n  const profile = getUserProfile()\n  if (!profile) {\n    return undefined\n  }\n\n  return profile.username\n}\n\n/**\n * A friendly `string` that represents the current user. Uses first name, last\n * name, full name and username. This will return `null` the current user is not\n * logged in.\n *\n * #### Example\n *\n * ```js\n * const name = authService.getUserFriendlyName()\n * if (name) {\n *   // Display current user's name\n * }\n * ```\n *\n * @returns\n */\nfunction getUserFriendlyName(): string | undefined {\n  const profile = getUserProfile()\n  if (!profile) {\n    return\n  }\n\n  return userService.getUserFriendlyName(profile)\n}\n\n/**\n * Generate a QR code link to display to a user after they have initiated\n * authenticator app MFA setup.\n *\n * #### Example\n *\n * ```js\n * const mfaAuthenticatorAppSetupQrCodeUrl =\n *   authService.generateMfaAuthenticatorAppQrCodeUrl()\n * if (mfaAuthenticatorAppSetupQrCodeUrl) {\n *   // use mfaAuthenticatorAppSetupQrCodeUrl to display QR code to user\n * }\n * ```\n *\n * @returns\n */\nfunction generateMfaAuthenticatorAppQrCodeUrl(\n  mfaAuthenticatorAppSetup: Awaited<\n    ReturnType<typeof setupMfaAuthenticatorApp>\n  >,\n): string | undefined {\n  const profile = getUserProfile()\n  if (!profile || !mfaAuthenticatorAppSetup) {\n    return\n  }\n\n  return `otpauth://totp/${tenants.current.productShortName}:${profile.email}?secret=${mfaAuthenticatorAppSetup.secretCode}&issuer=${tenants.current.productShortName}`\n}\n\n/**\n * Check if the current user meets an MFA requirement.\n *\n * #### Example\n *\n * ```js\n * const { mfaSettings, userMeetsMfaRequirement } =\n *   await authService.checkIsMfaEnabled('any')\n * if (userMeetsMfaRequirement) {\n *   // User has met the MFA requirement\n * } else {\n *   // Prompt user to set up MFA\n * }\n * ```\n *\n * @returns\n */\nasync function checkIsMfaEnabled(\n  mfaRequirement: MiscTypes.MfaRequirement | undefined,\n): Promise<MfaRequirementCheckResult> {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before checking if the current user has MFA enabled.',\n    )\n  }\n\n  return await awsCognitoClient.checkIsMfaEnabled(mfaRequirement)\n}\n\nasync function getMfaSettings(abortSignal?: AbortSignal) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before checking MFA settings.',\n    )\n  }\n\n  return await awsCognitoClient.getMfaSettings(abortSignal)\n}\n\nasync function updateUserPhoneNumber(phoneNumber: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before updating the user phone number.',\n    )\n  }\n\n  return await awsCognitoClient.updateUserPhoneNumber(phoneNumber)\n}\n\nasync function removeUserPhoneNumber() {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before removing the user phone number.',\n    )\n  }\n\n  return await awsCognitoClient.removeUserPhoneNumber()\n}\n\nasync function sendPhoneNumberVerificationCode() {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before sending a phone number verification code.',\n    )\n  }\n\n  return await awsCognitoClient.sendPhoneNumberVerificationCode()\n}\n\nasync function verifyUserPhoneNumber(code: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before verifying the user phone number.',\n    )\n  }\n\n  return await awsCognitoClient.verifyUserPhoneNumber(code)\n}\n\nasync function setupSmsMfa(options?: { preferred?: boolean }) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to setup SMS MFA.',\n    )\n  }\n\n  return await awsCognitoClient.setupSmsMfa(options)\n}\n\nasync function disableMfaMethod(method: MfaMethod) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to disable an MFA method.',\n    )\n  }\n\n  return await awsCognitoClient.disableMfaMethod(method)\n}\n\nasync function setPreferredMfaMethod(method: MfaMethod) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to set the preferred MFA method.',\n    )\n  }\n\n  return await awsCognitoClient.setPreferredMfaMethod(method)\n}\n\n/**\n * Setup authenticator app MFA for the current user. The result will include a\n * callback that should be called with the valid TOTP from an authenticator\n * app.\n *\n * #### Example\n *\n * ```js\n * const { secretCode, mfaCodeCallback } =\n *   await authService.setupMfaAuthenticatorApp()\n * // Prompt the user to enter an MFA code\n * const code = prompt(\n *   `Please enter a one-time code from your MFA app after creating a new entry with secret: ${secretCode}.`,\n * )\n * await mfaCodeCallback(code)\n * ```\n *\n * @returns\n */\nasync function setupMfaAuthenticatorApp(options?: { preferred?: boolean }) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to setup authenticator app MFA.',\n    )\n  }\n\n  return await awsCognitoClient.setupMfaAuthenticatorApp(options)\n}\n\nexport {\n  init,\n  registerAuthListener,\n  loginUsernamePassword,\n  loginHostedUI,\n  handleAuthentication,\n  changePassword,\n  forgotPassword,\n  logoutHostedUI,\n  logout,\n  isLoggedIn,\n  getCognitoIdToken,\n  getUserProfile,\n  getUserFriendlyName,\n  checkIsMfaEnabled,\n  getMfaSettings,\n  updateUserPhoneNumber,\n  removeUserPhoneNumber,\n  sendPhoneNumberVerificationCode,\n  verifyUserPhoneNumber,\n  disableMfaMethod,\n  setPreferredMfaMethod,\n  setupSmsMfa,\n  setupMfaAuthenticatorApp,\n  generateMfaAuthenticatorAppQrCodeUrl,\n  DEFAULT_MFA_SETTINGS,\n}\nexport type {\n  LoginAttemptResponse,\n  MfaMethod,\n  MfaRequirementCheckResult,\n  MfaSettings,\n}\n"]}
+{"version":3,"file":"cognito.js","sourceRoot":"","sources":["../../../src/apps/services/cognito.ts"],"names":[],"mappings":"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","sourcesContent":["import { jwtDecode } from 'jwt-decode'\n\nimport AWSCognitoClient, {\n  DEFAULT_MFA_SETTINGS,\n  LoginAttemptResponse,\n  MfaMethod,\n  MfaSettings,\n} from './AWSCognitoClient'\n\nimport * as offlineService from '../offline-service'\nimport { userService } from '@oneblink/sdk-core'\nimport { MiscTypes } from '@oneblink/types'\nimport { HTTPError, postRequest } from './fetch'\nimport tenants from '../tenants'\nimport OneBlinkAppsError from './errors/oneBlinkAppsError'\n\ninterface CognitoServiceData {\n  oAuthClientId: string\n  loginDomain: string\n  region: string\n  redirectUri: string\n  logoutUri: string\n}\n\nconst CONTINUE_TO = 'continueTo'\n\nlet awsCognitoClient: null | AWSCognitoClient = null\n\nfunction init(cognitoServiceData: CognitoServiceData) {\n  console.log('Initiating CognitoIdentityServiceProvider', cognitoServiceData)\n\n  awsCognitoClient = new AWSCognitoClient({\n    clientId: cognitoServiceData.oAuthClientId,\n    region: cognitoServiceData.region,\n    loginDomain: cognitoServiceData.loginDomain,\n    redirectUri: cognitoServiceData.redirectUri,\n    logoutUri: cognitoServiceData.logoutUri,\n  })\n}\n\n/**\n * Register a listener function that will be call when authentication tokens are\n * updated or removed.\n *\n * #### Example\n *\n * ```js\n * const listener = async () => {\n *   // Check if the user is logged in still\n *   const isLoggedIn = authService.isLoggedIn()\n * }\n * const deregister = await authService.registerAuthListener(listener)\n *\n * // When no longer needed, remember to deregister the listener\n * deregister()\n * ```\n *\n * @param listener\n * @returns\n */\nfunction registerAuthListener(listener: () => unknown): () => void {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to register a listener.',\n    )\n  }\n  return awsCognitoClient.registerListener(listener)\n}\n\n/**\n * Create a session for a user by entering a username and password. If the user\n * requires a password reset, the \"resetPasswordCallback\" property will be\n * returned. This function should be called with the new password once entered\n * by the user. If the user requires an MFA token, the \"mfa\" property will be\n * returned. Its \"codeCallback\" should be called with the one-time token. The\n * functions returned are recursive and the result from each of them is the same\n * result from the loginUsernamePassword() function. Each time the response\n * includes a callback, you will need to begin the process again until all\n * callbacks are handled.\n *\n * #### Example\n *\n * ```js\n * async function handleLoginAttemptResponse({\n *   resetPasswordCallback,\n *   mfa,\n * }) {\n *   // \"resetPasswordCallback\" will be undefined if a password reset was not required.\n *   if (resetPasswordCallback) {\n *     // Prompt the user to enter a new password\n *     const newPassword = prompt(\n *       'The password you entered was only temporary, and must be reset for security purposes. Please enter your new password below to continue.',\n *     )\n *     const resetPasswordResponse =\n *       await resetPasswordCallback(newPassword)\n *     return await handleLoginAttemptResponse(resetPasswordResponse)\n *   }\n *\n *   // \"mfa\" will be undefined if MFA is not setup.\n *   if (mfa) {\n *     // Prompt the user to enter an MFA code\n *     const code = prompt(\n *       mfa.method === 'email'\n *         ? 'Please enter the one-time code sent to your email.'\n *         : 'Please enter a one-time code from your MFA app.',\n *     )\n *     const mfaCodeResponse = await mfa.codeCallback(code)\n *     return await handleLoginAttemptResponse(mfaCodeResponse)\n *   }\n * }\n *\n * const username = 'user@email.io'\n * const password = 'P@$5w0rd'\n *\n * const loginAttemptResponse = await authService.loginUsernamePassword(\n *   username,\n *   password,\n * )\n *\n * await handleLoginAttemptResponse(loginAttemptResponse)\n * ```\n *\n * @param username\n * @param password\n * @returns\n */\nasync function loginUsernamePassword(username: string, password: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to login.',\n    )\n  }\n  console.log('Attempting sign using username', username)\n  return awsCognitoClient.loginUsernamePassword(\n    username.toLowerCase(),\n    password,\n  )\n}\n\n/**\n * Redirect the user to the login screen. Passing an `identityProvider` is\n * optionally, it will allow users to skip the login page and be directed\n * straight to that providers login page\n *\n * #### Example\n *\n * ```js\n * // OPtionally pass a\n * const identityProvider = 'Google'\n * await authService.loginHostedUI(identityProvider)\n * // User will be redirected to login page or promise will resolve\n * ```\n *\n * @param identityProviderName\n * @returns\n */\nasync function loginHostedUI(identityProviderName?: string): Promise<void> {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to login.',\n    )\n  }\n  const continueTo = `${window.location.pathname}${window.location.search}`\n  localStorage.setItem(CONTINUE_TO, continueTo)\n\n  return awsCognitoClient.loginHostedUI(identityProviderName)\n}\n\n/**\n * This function should be called when the user is redirected back to your app\n * after a login attempt. It will use the query string add the redirect URL to\n * create a session for the current user. It will return a URL as a `string`\n * that should be redirected to within your app.\n *\n * #### Example\n *\n * ```js\n * try {\n *   const continueTo = await authService.handleAuthentication()\n *   // Redirect the user back to where they were before attempting to login\n *   window.location.href = continueTo\n * } catch (error) {\n *   // handle failed login attempts here.\n * }\n * ```\n *\n * @returns\n */\nasync function handleAuthentication(): Promise<string> {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to handle authentication in URL.',\n    )\n  }\n\n  const continueTo = localStorage.getItem(CONTINUE_TO) || '/'\n  if (isLoggedIn()) {\n    console.log('Already authenticated, redirecting to:', continueTo)\n  } else {\n    await awsCognitoClient.handleAuthentication()\n  }\n\n  localStorage.removeItem(CONTINUE_TO)\n\n  return continueTo\n}\n\n/**\n * Allow the currently logged in user to change their password by passing their\n * existing password and a new password.\n *\n * #### Example\n *\n * ```js\n * const currentPassword = 'P@$5w0rd'\n * const newPassword = 'P@$5w0rD'\n * await authService.changePassword(currentPassword, newPassword)\n * ```\n *\n * @param existingPassword\n * @param newPassword\n * @returns\n */\nasync function changePassword(existingPassword: string, newPassword: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to change passwords.',\n    )\n  }\n\n  return await awsCognitoClient.changePassword(existingPassword, newPassword)\n}\n\n/**\n * Allow a user to start the forgot password process. The user will be emailed a\n * temporary code that must be passed with a new password to the function\n * returned.\n *\n * #### Example\n *\n * ```js\n * const username = 'user@email.io'\n * const finishForgotPassword = await authService.forgotPassword(username)\n *\n * // Prompt the user to enter the code and a new password\n * const code = prompt(\n *   'You have been emailed a verification code, please enter it here.',\n * )\n * const newPassword = prompt('Please enter a new password to continue.')\n * await finishForgotPassword(code, newPassword)\n * ```\n *\n * @param username\n * @param formsAppId Used to give the resulting email sent to the user\n *   associated forms app branding and sending address\n * @returns\n */\nasync function forgotPassword(\n  username: string,\n  /**\n   * Used to give the resulting email sent to the user associated forms app\n   * branding and sending address\n   */\n  formsAppId?: number,\n): Promise<(code: string, password: string) => Promise<void>> {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before starting the forgot password process.',\n    )\n  }\n\n  try {\n    const url = `${tenants.current.apiOrigin}/authentication/reset-password`\n    await postRequest(url, {\n      username,\n      formsAppId,\n    })\n  } catch (err) {\n    const error = err as HTTPError\n    switch (error.status) {\n      case 400: {\n        throw new OneBlinkAppsError(error.message, {\n          title: 'Invalid Request',\n          httpStatusCode: error.status,\n        })\n      }\n      default: {\n        throw new OneBlinkAppsError(\n          'An unknown error has occurred. Please contact support if the problem persists.',\n          {\n            originalError: error,\n            httpStatusCode: error.status,\n          },\n        )\n      }\n    }\n  }\n\n  return async (code, password) => {\n    await awsCognitoClient?.confirmForgotPassword({\n      username,\n      code,\n      password,\n    })\n  }\n}\n\n/**\n * Redirect the user to the logout screen to clear the users session on the\n * hosted login page. User will then be redirected to `/logout`. After being\n * redirected back to the application, the `logout()` function should be called\n * to clear the session data from browser storage.\n *\n * #### Example\n *\n * ```js\n * authService.logoutHostedUI()\n * ```\n */\nfunction logoutHostedUI(): void {\n  if (awsCognitoClient) {\n    awsCognitoClient.logoutHostedUI()\n  }\n}\n\nasync function logout() {\n  if (awsCognitoClient) {\n    await awsCognitoClient.logout()\n  }\n}\n\n/**\n * Check if the user is currently logged in\n *\n * #### Example\n *\n * ```js\n * const isLoggedIn = authService.isLoggedIn()\n * // handle user being logged in or not\n * ```\n *\n * @returns\n */\nfunction isLoggedIn(): boolean {\n  return !!(awsCognitoClient && awsCognitoClient._getRefreshToken())\n}\n\nasync function getCognitoIdToken(): Promise<string | undefined> {\n  if (!awsCognitoClient) {\n    return\n  }\n\n  if (offlineService.isOffline()) {\n    return awsCognitoClient._getIdToken()\n  }\n\n  return await awsCognitoClient.getIdToken()\n}\n\n/**\n * Get current users profile based on there Id Token payload. This will return\n * `null` if the the current user is not logged in.\n *\n * #### Example\n *\n * ```js\n * const profile = authService.getUserProfile()\n * if (profile) {\n *   // Use profile here\n * }\n * ```\n *\n * @returns\n */\nfunction getUserProfile(): MiscTypes.UserProfile | null {\n  if (!awsCognitoClient) {\n    return null\n  }\n  const idToken = awsCognitoClient._getIdToken()\n  if (!idToken) {\n    return null\n  }\n\n  const jwtToken = jwtDecode(idToken)\n  return userService.parseUserProfile(jwtToken) || null\n}\n\nexport function getUsername(): string | undefined {\n  const profile = getUserProfile()\n  if (!profile) {\n    return undefined\n  }\n\n  return profile.username\n}\n\n/**\n * A friendly `string` that represents the current user. Uses first name, last\n * name, full name and username. This will return `null` the current user is not\n * logged in.\n *\n * #### Example\n *\n * ```js\n * const name = authService.getUserFriendlyName()\n * if (name) {\n *   // Display current user's name\n * }\n * ```\n *\n * @returns\n */\nfunction getUserFriendlyName(): string | undefined {\n  const profile = getUserProfile()\n  if (!profile) {\n    return\n  }\n\n  return userService.getUserFriendlyName(profile)\n}\n\n/**\n * Generate a QR code link to display to a user after they have initiated\n * authenticator app MFA setup.\n *\n * #### Example\n *\n * ```js\n * const mfaAuthenticatorAppSetupQrCodeUrl =\n *   mfaService.generateMfaAuthenticatorAppQrCodeUrl()\n * if (mfaAuthenticatorAppSetupQrCodeUrl) {\n *   // use mfaAuthenticatorAppSetupQrCodeUrl to display QR code to user\n * }\n * ```\n *\n * @returns\n */\nfunction generateMfaAuthenticatorAppQrCodeUrl(\n  mfaAuthenticatorAppSetup: Awaited<\n    ReturnType<typeof setupMfaAuthenticatorApp>\n  >,\n): string | undefined {\n  const profile = getUserProfile()\n  if (!profile || !mfaAuthenticatorAppSetup) {\n    return\n  }\n\n  return `otpauth://totp/${tenants.current.productShortName}:${profile.email}?secret=${mfaAuthenticatorAppSetup.secretCode}&issuer=${tenants.current.productShortName}`\n}\n\nasync function getMfaSettings(abortSignal?: AbortSignal) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before checking MFA settings.',\n    )\n  }\n\n  return await awsCognitoClient.getMfaSettings(abortSignal)\n}\n\nasync function updateUserPhoneNumber(phoneNumber: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before updating the user phone number.',\n    )\n  }\n\n  return await awsCognitoClient.updateUserPhoneNumber(phoneNumber)\n}\n\nasync function removeUserPhoneNumber() {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before removing the user phone number.',\n    )\n  }\n\n  return await awsCognitoClient.removeUserPhoneNumber()\n}\n\nasync function verifyUserPhoneNumber(code: string) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before verifying the user phone number.',\n    )\n  }\n\n  return await awsCognitoClient.verifyUserPhoneNumber(code)\n}\n\nasync function setupSmsMfa(options?: { preferred?: boolean }) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to setup SMS MFA.',\n    )\n  }\n\n  return await awsCognitoClient.setupSmsMfa(options)\n}\n\nasync function disableMfaMethod(method: MfaMethod) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to disable an MFA method.',\n    )\n  }\n\n  return await awsCognitoClient.disableMfaMethod(method)\n}\n\nasync function setPreferredMfaMethod(method: MfaMethod) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to set the preferred MFA method.',\n    )\n  }\n\n  return await awsCognitoClient.setPreferredMfaMethod(method)\n}\n\n/**\n * Setup authenticator app MFA for the current user. The result will include a\n * callback that should be called with the valid TOTP from an authenticator\n * app.\n *\n * #### Example\n *\n * ```js\n * const { secretCode, mfaCodeCallback } =\n *   await mfaService.setupMfaAuthenticatorApp()\n * // Prompt the user to enter an MFA code\n * const code = prompt(\n *   `Please enter a one-time code from your MFA app after creating a new entry with secret: ${secretCode}.`,\n * )\n * await mfaCodeCallback(code)\n * ```\n *\n * @returns\n */\nasync function setupMfaAuthenticatorApp(options?: { preferred?: boolean }) {\n  if (!awsCognitoClient) {\n    throw new Error(\n      '\"authService\" has not been initiated. You must call the init() function before attempting to setup authenticator app MFA.',\n    )\n  }\n\n  return await awsCognitoClient.setupMfaAuthenticatorApp(options)\n}\n\nexport {\n  init,\n  registerAuthListener,\n  loginUsernamePassword,\n  loginHostedUI,\n  handleAuthentication,\n  changePassword,\n  forgotPassword,\n  logoutHostedUI,\n  logout,\n  isLoggedIn,\n  getCognitoIdToken,\n  getUserProfile,\n  getUserFriendlyName,\n  getMfaSettings,\n  updateUserPhoneNumber,\n  removeUserPhoneNumber,\n  verifyUserPhoneNumber,\n  disableMfaMethod,\n  setPreferredMfaMethod,\n  setupSmsMfa,\n  setupMfaAuthenticatorApp,\n  generateMfaAuthenticatorAppQrCodeUrl,\n  DEFAULT_MFA_SETTINGS,\n}\nexport type { LoginAttemptResponse, MfaMethod, MfaSettings }\n"]}

package/dist/components/mfa/MfaAuthenticatorAppDialog.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from 'react';
 import { QRCodeSVG } from 'qrcode.react';
 import { Box, Collapse, Dialog, Grid, Link, Typography, DialogContent, DialogActions, Button, DialogTitle, } from '@mui/material';
-import { authService } from '../../apps';
+import { mfaService } from '../../apps';
 import useBooleanState from '../../hooks/useBooleanState';
 import useMfa from '../../hooks/useMfa';
 import { CopyToClipBoardIconButton } from '../CopyToClipboardIconButton';
@@ -13,7 +13,7 @@ function MfaAuthenticatorAppDialog() {
     const [isShowingSecretCode, showSecretCode, hideSecretCode] = useBooleanState(false);
     const qrcodeValue = React.useMemo(() => {
         if (mfaAuthenticatorAppSetup) {
-            return authService.generateMfaAuthenticatorAppQrCodeUrl(mfaAuthenticatorAppSetup);
+            return mfaService.generateMfaAuthenticatorAppQrCodeUrl(mfaAuthenticatorAppSetup);
         }
     }, [mfaAuthenticatorAppSetup]);
     const [isSaving, startSaving, stopSaving] = useBooleanState(false);

package/dist/components/mfa/MfaAuthenticatorAppDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MfaAuthenticatorAppDialog.js","sourceRoot":"","sources":["../../../src/components/mfa/MfaAuthenticatorAppDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { QRCodeSVG } from 'qrcode.react'\nimport {\n  Box,\n  Collapse,\n  Dialog,\n  Grid,\n  Link,\n  Typography,\n  DialogContent,\n  DialogActions,\n  Button,\n  DialogTitle,\n} from '@mui/material'\nimport { authService } from '../../apps'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport useMfa from '../../hooks/useMfa'\nimport { CopyToClipBoardIconButton } from '../CopyToClipboardIconButton'\nimport InputField from '../InputField'\n\nfunction MfaAuthenticatorAppDialog() {\n  const {\n    mfaAuthenticatorAppSetup,\n    cancelMfaAuthenticatorAppSetup,\n    completeMfaAuthenticatorAppSetup,\n  } = useMfa()\n\n  const [code, setState] = React.useState('')\n  const [isShowingSecretCode, showSecretCode, hideSecretCode] =\n    useBooleanState(false)\n\n  const qrcodeValue = React.useMemo(() => {\n    if (mfaAuthenticatorAppSetup) {\n      return authService.generateMfaAuthenticatorAppQrCodeUrl(\n        mfaAuthenticatorAppSetup,\n      )\n    }\n  }, [mfaAuthenticatorAppSetup])\n\n  const [isSaving, startSaving, stopSaving] = useBooleanState(false)\n  const handleSubmit = React.useCallback(\n    async (event: React.SubmitEvent<HTMLFormElement>) => {\n      event.preventDefault()\n\n      if (!code || !mfaAuthenticatorAppSetup || isSaving) {\n        return\n      }\n\n      startSaving()\n      try {\n        await mfaAuthenticatorAppSetup.mfaCodeCallback(code)\n        await completeMfaAuthenticatorAppSetup()\n      } finally {\n        stopSaving()\n      }\n    },\n    [\n      code,\n      completeMfaAuthenticatorAppSetup,\n      isSaving,\n      mfaAuthenticatorAppSetup,\n      startSaving,\n      stopSaving,\n    ],\n  )\n\n  return (\n    <React.Fragment>\n      <Dialog\n        open={!!mfaAuthenticatorAppSetup}\n        onClose={cancelMfaAuthenticatorAppSetup}\n        title=\"Complete MFA Setup\"\n      >\n        <form onSubmit={handleSubmit}>\n          <DialogTitle>Authenticator App Setup</DialogTitle>\n          <DialogContent dividers>\n            <Typography variant=\"body2\" component=\"p\" sx={{ mb: 2 }}>\n              Authenticator apps like{' '}\n              <Link\n                href=\"https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                Google Authenticator\n              </Link>{' '}\n              and{' '}\n              <Link\n                href=\"https://www.microsoft.com/en-us/security/mobile-authenticator-app\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                Microsoft Authenticator\n              </Link>{' '}\n              generate one-time passwords that are used as a second factor to\n              verify your identity when prompted during sign-in.\n            </Typography>\n            <Typography variant=\"subtitle2\" gutterBottom>\n              Scan the QR code\n            </Typography>\n            <Typography variant=\"body2\" sx={{ mb: 2 }}>\n              Use an authenticator app or browser extension to scan the QR code\n              below.\n            </Typography>\n\n            <Box marginBottom={2}>\n              <Grid container spacing={2} alignItems=\"center\">\n                <Grid>\n                  <Box\n                    border={1}\n                    padding={2}\n                    borderRadius={1}\n                    borderColor=\"divider\"\n                    display=\"inline-block\"\n                    lineHeight={0}\n                  >\n                    <QRCodeSVG value={qrcodeValue || ''} />\n                  </Box>\n                </Grid>\n                <Grid size={{ xs: 'grow' }}>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    Having trouble scanning the QR code?{' '}\n                    <Link\n                      type=\"button\"\n                      onClick={showSecretCode}\n                      component=\"button\"\n                    >\n                      Click here\n                    </Link>{' '}\n                    to display the setup key which can be manually entered in\n                    your authenticator app.\n                  </Typography>\n                </Grid>\n              </Grid>\n            </Box>\n\n            <Collapse in={isShowingSecretCode}>\n              <Box marginBottom={2}>\n                <InputField\n                  label=\"Setup Key\"\n                  value={mfaAuthenticatorAppSetup?.secretCode || ''}\n                  variant=\"filled\"\n                  focused={false}\n                  sx={{\n                    input: {\n                      cursor: 'default !important',\n                    },\n                  }}\n                  fullWidth\n                  slotProps={{\n                    input: {\n                      readOnly: true,\n                      endAdornment: (\n                        <CopyToClipBoardIconButton\n                          text={mfaAuthenticatorAppSetup?.secretCode || ''}\n                        />\n                      ),\n                    },\n                  }}\n                  helperText={\n                    <>\n                      <Link\n                        type=\"button\"\n                        onClick={hideSecretCode}\n                        component=\"button\"\n                      >\n                        Click here\n                      </Link>{' '}\n                      to hide the setup key\n                    </>\n                  }\n                />\n              </Box>\n            </Collapse>\n\n            <Typography variant=\"subtitle2\" gutterBottom>\n              Verify App\n            </Typography>\n            <Typography variant=\"body2\" sx={{ mb: 2 }}>\n              Enter the 6-digit code found in your authenticator app.\n            </Typography>\n\n            <InputField\n              autoFocus\n              margin=\"none\"\n              name=\"code\"\n              label=\"Code\"\n              fullWidth\n              placeholder=\"XXXXXX\"\n              variant=\"outlined\"\n              value={code}\n              onChange={(event) => {\n                const newValue = event.target.value\n                setState(() => newValue)\n              }}\n              disabled={isSaving}\n              data-cypress=\"mfa-authenticator-app-code\"\n            />\n          </DialogContent>\n          <DialogActions>\n            <Button\n              type=\"button\"\n              onClick={cancelMfaAuthenticatorAppSetup}\n              disabled={isSaving}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!code || isSaving}\n            >\n              Save\n            </Button>\n          </DialogActions>\n        </form>\n      </Dialog>\n    </React.Fragment>\n  )\n}\n\n/**\n * React Component that guides users through authenticator app MFA setup,\n * including QR code scanning and verification code entry. Typically rendered by\n * `<MultiFactorAuthentication />` within an\n * `<MfaProvider />` tree.\n *\n * @returns\n */\nexport default React.memo(MfaAuthenticatorAppDialog)\n"]}
+{"version":3,"file":"MfaAuthenticatorAppDialog.js","sourceRoot":"","sources":["../../../src/components/mfa/MfaAuthenticatorAppDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { QRCodeSVG } from 'qrcode.react'\nimport {\n  Box,\n  Collapse,\n  Dialog,\n  Grid,\n  Link,\n  Typography,\n  DialogContent,\n  DialogActions,\n  Button,\n  DialogTitle,\n} from '@mui/material'\nimport { mfaService } from '../../apps'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport useMfa from '../../hooks/useMfa'\nimport { CopyToClipBoardIconButton } from '../CopyToClipboardIconButton'\nimport InputField from '../InputField'\n\nfunction MfaAuthenticatorAppDialog() {\n  const {\n    mfaAuthenticatorAppSetup,\n    cancelMfaAuthenticatorAppSetup,\n    completeMfaAuthenticatorAppSetup,\n  } = useMfa()\n\n  const [code, setState] = React.useState('')\n  const [isShowingSecretCode, showSecretCode, hideSecretCode] =\n    useBooleanState(false)\n\n  const qrcodeValue = React.useMemo(() => {\n    if (mfaAuthenticatorAppSetup) {\n      return mfaService.generateMfaAuthenticatorAppQrCodeUrl(\n        mfaAuthenticatorAppSetup,\n      )\n    }\n  }, [mfaAuthenticatorAppSetup])\n\n  const [isSaving, startSaving, stopSaving] = useBooleanState(false)\n  const handleSubmit = React.useCallback(\n    async (event: React.SubmitEvent<HTMLFormElement>) => {\n      event.preventDefault()\n\n      if (!code || !mfaAuthenticatorAppSetup || isSaving) {\n        return\n      }\n\n      startSaving()\n      try {\n        await mfaAuthenticatorAppSetup.mfaCodeCallback(code)\n        await completeMfaAuthenticatorAppSetup()\n      } finally {\n        stopSaving()\n      }\n    },\n    [\n      code,\n      completeMfaAuthenticatorAppSetup,\n      isSaving,\n      mfaAuthenticatorAppSetup,\n      startSaving,\n      stopSaving,\n    ],\n  )\n\n  return (\n    <React.Fragment>\n      <Dialog\n        open={!!mfaAuthenticatorAppSetup}\n        onClose={cancelMfaAuthenticatorAppSetup}\n        title=\"Complete MFA Setup\"\n      >\n        <form onSubmit={handleSubmit}>\n          <DialogTitle>Authenticator App Setup</DialogTitle>\n          <DialogContent dividers>\n            <Typography variant=\"body2\" component=\"p\" sx={{ mb: 2 }}>\n              Authenticator apps like{' '}\n              <Link\n                href=\"https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                Google Authenticator\n              </Link>{' '}\n              and{' '}\n              <Link\n                href=\"https://www.microsoft.com/en-us/security/mobile-authenticator-app\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                Microsoft Authenticator\n              </Link>{' '}\n              generate one-time passwords that are used as a second factor to\n              verify your identity when prompted during sign-in.\n            </Typography>\n            <Typography variant=\"subtitle2\" gutterBottom>\n              Scan the QR code\n            </Typography>\n            <Typography variant=\"body2\" sx={{ mb: 2 }}>\n              Use an authenticator app or browser extension to scan the QR code\n              below.\n            </Typography>\n\n            <Box marginBottom={2}>\n              <Grid container spacing={2} alignItems=\"center\">\n                <Grid>\n                  <Box\n                    border={1}\n                    padding={2}\n                    borderRadius={1}\n                    borderColor=\"divider\"\n                    display=\"inline-block\"\n                    lineHeight={0}\n                  >\n                    <QRCodeSVG value={qrcodeValue || ''} />\n                  </Box>\n                </Grid>\n                <Grid size={{ xs: 'grow' }}>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    Having trouble scanning the QR code?{' '}\n                    <Link\n                      type=\"button\"\n                      onClick={showSecretCode}\n                      component=\"button\"\n                    >\n                      Click here\n                    </Link>{' '}\n                    to display the setup key which can be manually entered in\n                    your authenticator app.\n                  </Typography>\n                </Grid>\n              </Grid>\n            </Box>\n\n            <Collapse in={isShowingSecretCode}>\n              <Box marginBottom={2}>\n                <InputField\n                  label=\"Setup Key\"\n                  value={mfaAuthenticatorAppSetup?.secretCode || ''}\n                  variant=\"filled\"\n                  focused={false}\n                  sx={{\n                    input: {\n                      cursor: 'default !important',\n                    },\n                  }}\n                  fullWidth\n                  slotProps={{\n                    input: {\n                      readOnly: true,\n                      endAdornment: (\n                        <CopyToClipBoardIconButton\n                          text={mfaAuthenticatorAppSetup?.secretCode || ''}\n                        />\n                      ),\n                    },\n                  }}\n                  helperText={\n                    <>\n                      <Link\n                        type=\"button\"\n                        onClick={hideSecretCode}\n                        component=\"button\"\n                      >\n                        Click here\n                      </Link>{' '}\n                      to hide the setup key\n                    </>\n                  }\n                />\n              </Box>\n            </Collapse>\n\n            <Typography variant=\"subtitle2\" gutterBottom>\n              Verify App\n            </Typography>\n            <Typography variant=\"body2\" sx={{ mb: 2 }}>\n              Enter the 6-digit code found in your authenticator app.\n            </Typography>\n\n            <InputField\n              autoFocus\n              margin=\"none\"\n              name=\"code\"\n              label=\"Code\"\n              fullWidth\n              placeholder=\"XXXXXX\"\n              variant=\"outlined\"\n              value={code}\n              onChange={(event) => {\n                const newValue = event.target.value\n                setState(() => newValue)\n              }}\n              disabled={isSaving}\n              data-cypress=\"mfa-authenticator-app-code\"\n            />\n          </DialogContent>\n          <DialogActions>\n            <Button\n              type=\"button\"\n              onClick={cancelMfaAuthenticatorAppSetup}\n              disabled={isSaving}\n            >\n              Cancel\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!code || isSaving}\n            >\n              Save\n            </Button>\n          </DialogActions>\n        </form>\n      </Dialog>\n    </React.Fragment>\n  )\n}\n\n/**\n * React Component that guides users through authenticator app MFA setup,\n * including QR code scanning and verification code entry. Typically rendered by\n * `<MultiFactorAuthentication />` within an\n * `<MfaProvider />` tree.\n *\n * @returns\n */\nexport default React.memo(MfaAuthenticatorAppDialog)\n"]}

package/dist/components/mfa/MfaMethodRow.d.ts

@@ -8,12 +8,13 @@ type Props = {
     title: string;
     description: string;
     detail?: string;
+    mfaRequirementMessage?: string;
     cypressPrefix: string;
     extraButtons?: React.ReactNode;
     onSetup: () => void;
     onDisable: () => void;
     onSetPreferred: () => void;
 };
-declare function MfaMethodRow({ isEnabled, isPreferred, isSettingUp, isSettingPreferredMfaMethod, isSetupDisabled, showSetupErrorTooltip, title, description, detail, cypressPrefix, extraButtons, onSetup, onDisable, onSetPreferred, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function MfaMethodRow({ isEnabled, isPreferred, isSettingUp, isSettingPreferredMfaMethod, isSetupDisabled, showSetupErrorTooltip, title, description, detail, mfaRequirementMessage, cypressPrefix, extraButtons, onSetup, onDisable, onSetPreferred, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MfaMethodRow>;
 export default _default;

package/dist/components/mfa/MfaMethodRow.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo } from 'react';
-import { Box, Button, Chip, Grid, Tooltip, Typography } from '@mui/material';
-function MfaMethodRow({ isEnabled, isPreferred, isSettingUp, isSettingPreferredMfaMethod, isSetupDisabled, showSetupErrorTooltip, title, description, detail, cypressPrefix, extraButtons, onSetup, onDisable, onSetPreferred, }) {
-    return (_jsx(Box, { "data-cypress": `${cypressPrefix}-method-row`, children: _jsxs(Grid, { container: true, spacing: 2, alignItems: "center", children: [_jsxs(Grid, { size: { xs: 'grow' }, children: [_jsxs(Box, { sx: { mb: 1 }, children: [_jsx(Typography, { variant: "subtitle1", component: "span", children: title }), isEnabled && (_jsx(Chip, { size: "small", label: "Enabled", color: "info", sx: { ml: 1 }, "data-cypress": `${cypressPrefix}-status-chip` })), isPreferred && (_jsx(Chip, { size: "small", label: "Preferred", color: "success", sx: { ml: 1 }, "data-cypress": `${cypressPrefix}-preferred-chip` }))] }), _jsx(Typography, { variant: "body2", color: "text.secondary", children: description }), !!detail && (_jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 1 }, children: detail }))] }), _jsx(Grid, { size: "auto", children: _jsxs(Box, { display: "flex", gap: 1, flexWrap: "wrap", justifyContent: "flex-end", children: [extraButtons, isEnabled ? (_jsxs(_Fragment, { children: [!isPreferred && (_jsx(Button, { size: "small", variant: "outlined", loading: isSettingPreferredMfaMethod, disabled: isSettingPreferredMfaMethod, onClick: onSetPreferred, "data-cypress": `${cypressPrefix}-set-preferred-button`, children: "Set as Preferred" })), _jsx(Button, { size: "small", variant: "outlined", onClick: onDisable, "data-cypress": `${cypressPrefix}-disable-button`, children: "Disable" })] })) : (_jsx(Tooltip, { title: showSetupErrorTooltip
+import { Alert, Box, Button, Chip, Grid, Tooltip, Typography, } from '@mui/material';
+function MfaMethodRow({ isEnabled, isPreferred, isSettingUp, isSettingPreferredMfaMethod, isSetupDisabled, showSetupErrorTooltip, title, description, detail, mfaRequirementMessage, cypressPrefix, extraButtons, onSetup, onDisable, onSetPreferred, }) {
+    return (_jsx(Box, { "data-cypress": `${cypressPrefix}-method-row`, children: _jsxs(Grid, { container: true, spacing: 2, alignItems: "center", children: [_jsxs(Grid, { size: { xs: 'grow' }, children: [_jsxs(Box, { sx: { mb: 1 }, children: [_jsx(Typography, { variant: "subtitle1", component: "span", children: title }), isEnabled && (_jsx(Chip, { size: "small", label: "Enabled", color: "info", sx: { ml: 1 }, "data-cypress": `${cypressPrefix}-status-chip` })), isPreferred && (_jsx(Chip, { size: "small", label: "Preferred", color: "success", sx: { ml: 1 }, "data-cypress": `${cypressPrefix}-preferred-chip` }))] }), _jsx(Typography, { variant: "body2", color: "text.secondary", children: description }), !!detail && (_jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 1 }, children: detail })), !!mfaRequirementMessage && (_jsx(Alert, { severity: isEnabled && isPreferred ? 'warning' : 'info', sx: { mt: 1 }, "data-cypress": `${cypressPrefix}-mfa-requirement-message`, children: mfaRequirementMessage }))] }), _jsx(Grid, { size: "auto", children: _jsxs(Box, { display: "flex", gap: 1, flexWrap: "wrap", justifyContent: "flex-end", children: [extraButtons, isEnabled ? (_jsxs(_Fragment, { children: [!isPreferred && (_jsx(Button, { size: "small", variant: "outlined", loading: isSettingPreferredMfaMethod, disabled: isSettingPreferredMfaMethod, onClick: onSetPreferred, "data-cypress": `${cypressPrefix}-set-preferred-button`, children: "Set as Preferred" })), _jsx(Button, { size: "small", variant: "outlined", onClick: onDisable, "data-cypress": `${cypressPrefix}-disable-button`, children: "Disable" })] })) : (_jsx(Tooltip, { title: showSetupErrorTooltip
                                     ? 'We are unable to load your MFA status. Please try again by clicking the reload button on the chip above.'
                                     : '', children: _jsx("span", { children: _jsx(Button, { size: "small", variant: "contained", loading: isSettingUp, disabled: isSetupDisabled, onClick: onSetup, "data-cypress": `${cypressPrefix}-setup-button`, children: "Setup" }) }) }))] }) })] }) }));
 }

package/dist/components/mfa/MfaMethodRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"MfaMethodRow.js","sourceRoot":"","sources":["../../../src/components/mfa/MfaMethodRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAmB5E,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,WAAW,EACX,WAAW,EACX,2BAA2B,EAC3B,eAAe,EACf,qBAAqB,EACrB,KAAK,EACL,WAAW,EACX,MAAM,EACN,aAAa,EACb,YAAY,EACZ,OAAO,EACP,SAAS,EACT,cAAc,GACR;IACN,OAAO,CACL,KAAC,GAAG,oBAAe,GAAG,aAAa,aAAa,YAC9C,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC7C,MAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,aACxB,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aAChB,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,YAC7C,KAAK,GACK,EACZ,SAAS,IAAI,CACZ,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,kBACC,GAAG,aAAa,cAAc,GAC5C,CACH,EACA,WAAW,IAAI,CACd,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,WAAW,EACjB,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,kBACC,GAAG,aAAa,iBAAiB,GAC/C,CACH,IACG,EACN,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,YAC/C,WAAW,GACD,EACZ,CAAC,CAAC,MAAM,IAAI,CACX,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC7D,MAAM,GACI,CACd,IACI,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,YACf,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,UAAU,aAClE,YAAY,EACZ,SAAS,CAAC,CAAC,CAAC,CACX,8BACG,CAAC,WAAW,IAAI,CACf,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,2BAA2B,EACpC,QAAQ,EAAE,2BAA2B,EACrC,OAAO,EAAE,cAAc,kBACT,GAAG,aAAa,uBAAuB,iCAG9C,CACV,EACD,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,SAAS,kBACJ,GAAG,aAAa,iBAAiB,wBAGxC,IACR,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IACN,KAAK,EACH,qBAAqB;oCACnB,CAAC,CAAC,0GAA0G;oCAC5G,CAAC,CAAC,EAAE,YAGR,yBACE,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,OAAO,kBACF,GAAG,aAAa,eAAe,sBAGtC,GACJ,GACC,CACX,IACG,GACD,IACF,GACH,CACP,CAAA;AACH,CAAC;AAED,eAAe,IAAI,CAAC,YAAY,CAAC,CAAA","sourcesContent":["import { memo } from 'react'\nimport { Box, Button, Chip, Grid, Tooltip, Typography } from '@mui/material'\n\ntype Props = {\n  isEnabled: boolean\n  isPreferred: boolean\n  isSettingUp: boolean\n  isSettingPreferredMfaMethod: boolean\n  isSetupDisabled: boolean\n  showSetupErrorTooltip?: boolean\n  title: string\n  description: string\n  detail?: string\n  cypressPrefix: string\n  extraButtons?: React.ReactNode\n  onSetup: () => void\n  onDisable: () => void\n  onSetPreferred: () => void\n}\n\nfunction MfaMethodRow({\n  isEnabled,\n  isPreferred,\n  isSettingUp,\n  isSettingPreferredMfaMethod,\n  isSetupDisabled,\n  showSetupErrorTooltip,\n  title,\n  description,\n  detail,\n  cypressPrefix,\n  extraButtons,\n  onSetup,\n  onDisable,\n  onSetPreferred,\n}: Props) {\n  return (\n    <Box data-cypress={`${cypressPrefix}-method-row`}>\n      <Grid container spacing={2} alignItems=\"center\">\n        <Grid size={{ xs: 'grow' }}>\n          <Box sx={{ mb: 1 }}>\n            <Typography variant=\"subtitle1\" component=\"span\">\n              {title}\n            </Typography>\n            {isEnabled && (\n              <Chip\n                size=\"small\"\n                label=\"Enabled\"\n                color=\"info\"\n                sx={{ ml: 1 }}\n                data-cypress={`${cypressPrefix}-status-chip`}\n              />\n            )}\n            {isPreferred && (\n              <Chip\n                size=\"small\"\n                label=\"Preferred\"\n                color=\"success\"\n                sx={{ ml: 1 }}\n                data-cypress={`${cypressPrefix}-preferred-chip`}\n              />\n            )}\n          </Box>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {description}\n          </Typography>\n          {!!detail && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1 }}>\n              {detail}\n            </Typography>\n          )}\n        </Grid>\n        <Grid size=\"auto\">\n          <Box display=\"flex\" gap={1} flexWrap=\"wrap\" justifyContent=\"flex-end\">\n            {extraButtons}\n            {isEnabled ? (\n              <>\n                {!isPreferred && (\n                  <Button\n                    size=\"small\"\n                    variant=\"outlined\"\n                    loading={isSettingPreferredMfaMethod}\n                    disabled={isSettingPreferredMfaMethod}\n                    onClick={onSetPreferred}\n                    data-cypress={`${cypressPrefix}-set-preferred-button`}\n                  >\n                    Set as Preferred\n                  </Button>\n                )}\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  onClick={onDisable}\n                  data-cypress={`${cypressPrefix}-disable-button`}\n                >\n                  Disable\n                </Button>\n              </>\n            ) : (\n              <Tooltip\n                title={\n                  showSetupErrorTooltip\n                    ? 'We are unable to load your MFA status. Please try again by clicking the reload button on the chip above.'\n                    : ''\n                }\n              >\n                <span>\n                  <Button\n                    size=\"small\"\n                    variant=\"contained\"\n                    loading={isSettingUp}\n                    disabled={isSetupDisabled}\n                    onClick={onSetup}\n                    data-cypress={`${cypressPrefix}-setup-button`}\n                  >\n                    Setup\n                  </Button>\n                </span>\n              </Tooltip>\n            )}\n          </Box>\n        </Grid>\n      </Grid>\n    </Box>\n  )\n}\n\nexport default memo(MfaMethodRow)\n"]}
+{"version":3,"file":"MfaMethodRow.js","sourceRoot":"","sources":["../../../src/components/mfa/MfaMethodRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo } from 'react'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@mui/material'\n\ntype Props = {\n  isEnabled: boolean\n  isPreferred: boolean\n  isSettingUp: boolean\n  isSettingPreferredMfaMethod: boolean\n  isSetupDisabled: boolean\n  showSetupErrorTooltip?: boolean\n  title: string\n  description: string\n  detail?: string\n  mfaRequirementMessage?: string\n  cypressPrefix: string\n  extraButtons?: React.ReactNode\n  onSetup: () => void\n  onDisable: () => void\n  onSetPreferred: () => void\n}\n\nfunction MfaMethodRow({\n  isEnabled,\n  isPreferred,\n  isSettingUp,\n  isSettingPreferredMfaMethod,\n  isSetupDisabled,\n  showSetupErrorTooltip,\n  title,\n  description,\n  detail,\n  mfaRequirementMessage,\n  cypressPrefix,\n  extraButtons,\n  onSetup,\n  onDisable,\n  onSetPreferred,\n}: Props) {\n  return (\n    <Box data-cypress={`${cypressPrefix}-method-row`}>\n      <Grid container spacing={2} alignItems=\"center\">\n        <Grid size={{ xs: 'grow' }}>\n          <Box sx={{ mb: 1 }}>\n            <Typography variant=\"subtitle1\" component=\"span\">\n              {title}\n            </Typography>\n            {isEnabled && (\n              <Chip\n                size=\"small\"\n                label=\"Enabled\"\n                color=\"info\"\n                sx={{ ml: 1 }}\n                data-cypress={`${cypressPrefix}-status-chip`}\n              />\n            )}\n            {isPreferred && (\n              <Chip\n                size=\"small\"\n                label=\"Preferred\"\n                color=\"success\"\n                sx={{ ml: 1 }}\n                data-cypress={`${cypressPrefix}-preferred-chip`}\n              />\n            )}\n          </Box>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {description}\n          </Typography>\n          {!!detail && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1 }}>\n              {detail}\n            </Typography>\n          )}\n          {!!mfaRequirementMessage && (\n            <Alert\n              severity={isEnabled && isPreferred ? 'warning' : 'info'}\n              sx={{ mt: 1 }}\n              data-cypress={`${cypressPrefix}-mfa-requirement-message`}\n            >\n              {mfaRequirementMessage}\n            </Alert>\n          )}\n        </Grid>\n        <Grid size=\"auto\">\n          <Box display=\"flex\" gap={1} flexWrap=\"wrap\" justifyContent=\"flex-end\">\n            {extraButtons}\n            {isEnabled ? (\n              <>\n                {!isPreferred && (\n                  <Button\n                    size=\"small\"\n                    variant=\"outlined\"\n                    loading={isSettingPreferredMfaMethod}\n                    disabled={isSettingPreferredMfaMethod}\n                    onClick={onSetPreferred}\n                    data-cypress={`${cypressPrefix}-set-preferred-button`}\n                  >\n                    Set as Preferred\n                  </Button>\n                )}\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  onClick={onDisable}\n                  data-cypress={`${cypressPrefix}-disable-button`}\n                >\n                  Disable\n                </Button>\n              </>\n            ) : (\n              <Tooltip\n                title={\n                  showSetupErrorTooltip\n                    ? 'We are unable to load your MFA status. Please try again by clicking the reload button on the chip above.'\n                    : ''\n                }\n              >\n                <span>\n                  <Button\n                    size=\"small\"\n                    variant=\"contained\"\n                    loading={isSettingUp}\n                    disabled={isSetupDisabled}\n                    onClick={onSetup}\n                    data-cypress={`${cypressPrefix}-setup-button`}\n                  >\n                    Setup\n                  </Button>\n                </span>\n              </Tooltip>\n            )}\n          </Box>\n        </Grid>\n      </Grid>\n    </Box>\n  )\n}\n\nexport default memo(MfaMethodRow)\n"]}

package/dist/components/mfa/MfaPhoneNumberDialog.js

@@ -9,7 +9,7 @@ function getResendCoolDownRemainingSeconds(sentAt, now) {
     if (!sentAt) {
         return 0;
     }
-    const elapsedSeconds = Math.floor((now - sentAt) / 1000);
+    const elapsedSeconds = Math.max(0, Math.floor((now - sentAt) / 1000));
     return Math.max(0, PHONE_VERIFICATION_RESEND_COOL_DOWN_SECONDS - elapsedSeconds);
 }
 function usePhoneVerificationResendCoolDown(sentAt) {
@@ -19,10 +19,7 @@ function usePhoneVerificationResendCoolDown(sentAt) {
         if (!sentAt) {
             return;
         }
-        const remaining = getResendCoolDownRemainingSeconds(sentAt, Date.now());
-        if (remaining <= 0) {
-            return;
-        }
+        setNow(Date.now());
         const intervalId = window.setInterval(() => {
             setNow(Date.now());
         }, 1000);
@@ -31,13 +28,12 @@ function usePhoneVerificationResendCoolDown(sentAt) {
     return remainingSeconds;
 }
 function MfaPhoneNumberDialog() {
-    const { isPhoneNumberDialogOpen, mfaSettings, phoneVerificationCodeSentAt, closePhoneNumberDialog, savePhoneNumber, verifyPhoneNumber, resendPhoneNumberVerificationCode, } = useMfa();
+    const { isPhoneNumberDialogOpen, mfaSettings, phoneVerificationCodeSentAt, closePhoneNumberDialog, savePhoneNumber, verifyPhoneNumber, } = useMfa();
     const isPhoneVerificationRequired = phoneVerificationCodeSentAt !== undefined;
     const [phoneNumber, setPhoneNumber] = React.useState('');
     const [verificationCode, setVerificationCode] = React.useState('');
     const resendCoolDownSeconds = usePhoneVerificationResendCoolDown(phoneVerificationCodeSentAt);
     const [isSaving, startSaving, stopSaving] = useBooleanState(false);
-    const [isResending, startResending, stopResending] = useBooleanState(false);
     React.useEffect(() => {
         if (isPhoneNumberDialogOpen) {
             setPhoneNumber(mfaSettings.sms.phoneNumber || '');
@@ -87,14 +83,14 @@ function MfaPhoneNumberDialog() {
         verificationCode,
     ]);
     const handleResendVerificationCode = React.useCallback(async () => {
-        startResending();
+        startSaving();
         try {
-            await resendPhoneNumberVerificationCode();
+            await savePhoneNumber(phoneNumber);
         }
         finally {
-            stopResending();
+            stopSaving();
         }
-    }, [resendPhoneNumberVerificationCode, startResending, stopResending]);
+    }, [phoneNumber, savePhoneNumber, startSaving, stopSaving]);
     return (_jsx(Dialog, { open: isPhoneNumberDialogOpen, onClose: () => {
             if (!isSaving) {
                 closePhoneNumberDialog();
@@ -103,9 +99,9 @@ function MfaPhoneNumberDialog() {
                         ? 'Verify Phone Number'
                         : 'Save Phone Number' }), _jsx(DialogContent, { dividers: true, children: isPhoneVerificationRequired ? (_jsxs(_Fragment, { children: [_jsxs(Typography, { variant: "body2", paragraph: true, children: ["Enter the verification code sent to ", phoneNumber, "."] }), _jsx(InputField, { autoFocus: true, margin: "none", name: "verificationCode", label: "Verification Code", fullWidth: true, placeholder: "XXXXXX", variant: "outlined", value: verificationCode, onChange: (event) => {
                                     setVerificationCode(event.target.value);
-                                }, disabled: isSaving, "data-cypress": "mfa-phone-verification-code" }, "verification-code"), _jsx(Box, { marginTop: 1, children: _jsx(Button, { type: "button", variant: "text", size: "small", disabled: resendCoolDownSeconds > 0 || isSaving || isResending, onClick: handleResendVerificationCode, "data-cypress": "mfa-phone-resend-button", children: resendCoolDownSeconds > 0
-                                        ? `Send again (${resendCoolDownSeconds}s)`
-                                        : 'Send again' }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "body2", paragraph: true, children: "Enter your phone number to receive SMS verification codes when signing in." }), _jsx(InputField, { autoFocus: true, margin: "none", name: "phoneNumber", label: "Phone Number", fullWidth: true, placeholder: "+61400000000", variant: "outlined", value: phoneNumber, onChange: (event) => {
+                                }, disabled: isSaving, "data-cypress": "mfa-phone-verification-code" }, "verification-code"), _jsx(Box, { marginTop: 1, children: _jsx(Button, { type: "button", variant: "text", size: "small", sx: { textTransform: 'none' }, disabled: resendCoolDownSeconds > 0 || isSaving, onClick: handleResendVerificationCode, "data-cypress": "mfa-phone-resend-button", children: resendCoolDownSeconds > 0
+                                        ? `Send Again (${resendCoolDownSeconds}s)`
+                                        : 'Send Again' }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "body2", paragraph: true, children: "Enter your phone number to receive SMS verification codes when signing in." }), _jsx(InputField, { autoFocus: true, margin: "none", name: "phoneNumber", label: "Phone Number", fullWidth: true, placeholder: "+61400000000", variant: "outlined", value: phoneNumber, onChange: (event) => {
                                     setPhoneNumber(event.target.value);
                                 }, disabled: isSaving, helperText: "Include your country code, for example +61400000000.", "data-cypress": "mfa-phone-number" }, "phone-number")] })) }), _jsxs(DialogActions, { children: [_jsx(Button, { type: "button", onClick: closePhoneNumberDialog, disabled: isSaving, children: "Cancel" }), isPhoneVerificationRequired ? (_jsx(Button, { type: "submit", variant: "contained", disabled: !verificationCode || isSaving, "data-cypress": "mfa-phone-verify-button", children: "Verify" })) : (_jsx(Button, { type: "submit", variant: "contained", disabled: !phoneNumber || isSaving, "data-cypress": "mfa-phone-save-button", children: "Save" }))] })] }) }));
 }

package/dist/components/mfa/MfaPhoneNumberDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MfaPhoneNumberDialog.js","sourceRoot":"","sources":["../../../src/components/mfa/MfaPhoneNumberDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Button,\n  Typography,\n  Box,\n} from '@mui/material'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport useMfa from '../../hooks/useMfa'\nimport InputField from '../InputField'\n\nconst PHONE_VERIFICATION_RESEND_COOL_DOWN_SECONDS = 60\n\nfunction getResendCoolDownRemainingSeconds(\n  sentAt: number | undefined,\n  now: number,\n) {\n  if (!sentAt) {\n    return 0\n  }\n\n  const elapsedSeconds = Math.floor((now - sentAt) / 1000)\n  return Math.max(\n    0,\n    PHONE_VERIFICATION_RESEND_COOL_DOWN_SECONDS - elapsedSeconds,\n  )\n}\n\nfunction usePhoneVerificationResendCoolDown(sentAt: number | undefined) {\n  const [now, setNow] = React.useState(() => Date.now())\n\n  const remainingSeconds = getResendCoolDownRemainingSeconds(sentAt, now)\n\n  React.useEffect(() => {\n    if (!sentAt) {\n      return\n    }\n\n    const remaining = getResendCoolDownRemainingSeconds(sentAt, Date.now())\n    if (remaining <= 0) {\n      return\n    }\n\n    const intervalId = window.setInterval(() => {\n      setNow(Date.now())\n    }, 1000)\n\n    return () => window.clearInterval(intervalId)\n  }, [sentAt])\n\n  return remainingSeconds\n}\n\nfunction MfaPhoneNumberDialog() {\n  const {\n    isPhoneNumberDialogOpen,\n    mfaSettings,\n    phoneVerificationCodeSentAt,\n    closePhoneNumberDialog,\n    savePhoneNumber,\n    verifyPhoneNumber,\n    resendPhoneNumberVerificationCode,\n  } = useMfa()\n\n  const isPhoneVerificationRequired = phoneVerificationCodeSentAt !== undefined\n\n  const [phoneNumber, setPhoneNumber] = React.useState('')\n  const [verificationCode, setVerificationCode] = React.useState('')\n  const resendCoolDownSeconds = usePhoneVerificationResendCoolDown(\n    phoneVerificationCodeSentAt,\n  )\n  const [isSaving, startSaving, stopSaving] = useBooleanState(false)\n  const [isResending, startResending, stopResending] = useBooleanState(false)\n\n  React.useEffect(() => {\n    if (isPhoneNumberDialogOpen) {\n      setPhoneNumber(mfaSettings.sms.phoneNumber || '')\n      setVerificationCode('')\n    }\n  }, [isPhoneNumberDialogOpen, mfaSettings.sms.phoneNumber])\n\n  const handleSavePhoneNumber = React.useCallback(async () => {\n    startSaving()\n    try {\n      await savePhoneNumber(phoneNumber)\n    } finally {\n      stopSaving()\n    }\n  }, [phoneNumber, savePhoneNumber, startSaving, stopSaving])\n\n  const handleVerifyPhoneNumber = React.useCallback(async () => {\n    startSaving()\n    try {\n      await verifyPhoneNumber(verificationCode)\n    } finally {\n      stopSaving()\n    }\n  }, [verificationCode, verifyPhoneNumber, startSaving, stopSaving])\n\n  const handleSubmit = React.useCallback(\n    (event: React.SubmitEvent<HTMLFormElement>) => {\n      event.preventDefault()\n\n      if (isSaving) {\n        return\n      }\n\n      if (isPhoneVerificationRequired) {\n        if (!verificationCode) {\n          return\n        }\n\n        void handleVerifyPhoneNumber()\n        return\n      }\n\n      if (!phoneNumber) {\n        return\n      }\n\n      void handleSavePhoneNumber()\n    },\n    [\n      handleSavePhoneNumber,\n      handleVerifyPhoneNumber,\n      isPhoneVerificationRequired,\n      isSaving,\n      phoneNumber,\n      verificationCode,\n    ],\n  )\n\n  const handleResendVerificationCode = React.useCallback(async () => {\n    startResending()\n    try {\n      await resendPhoneNumberVerificationCode()\n    } finally {\n      stopResending()\n    }\n  }, [resendPhoneNumberVerificationCode, startResending, stopResending])\n\n  return (\n    <Dialog\n      open={isPhoneNumberDialogOpen}\n      onClose={() => {\n        if (!isSaving) {\n          closePhoneNumberDialog()\n        }\n      }}\n      fullWidth\n      maxWidth=\"sm\"\n    >\n      <form onSubmit={handleSubmit}>\n        <DialogTitle>\n          {isPhoneVerificationRequired\n            ? 'Verify Phone Number'\n            : 'Save Phone Number'}\n        </DialogTitle>\n        <DialogContent dividers>\n          {isPhoneVerificationRequired ? (\n            <>\n              <Typography variant=\"body2\" paragraph>\n                Enter the verification code sent to {phoneNumber}.\n              </Typography>\n              <InputField\n                key=\"verification-code\"\n                autoFocus\n                margin=\"none\"\n                name=\"verificationCode\"\n                label=\"Verification Code\"\n                fullWidth\n                placeholder=\"XXXXXX\"\n                variant=\"outlined\"\n                value={verificationCode}\n                onChange={(event) => {\n                  setVerificationCode(event.target.value)\n                }}\n                disabled={isSaving}\n                data-cypress=\"mfa-phone-verification-code\"\n              />\n              <Box marginTop={1}>\n                <Button\n                  type=\"button\"\n                  variant=\"text\"\n                  size=\"small\"\n                  disabled={\n                    resendCoolDownSeconds > 0 || isSaving || isResending\n                  }\n                  onClick={handleResendVerificationCode}\n                  data-cypress=\"mfa-phone-resend-button\"\n                >\n                  {resendCoolDownSeconds > 0\n                    ? `Send again (${resendCoolDownSeconds}s)`\n                    : 'Send again'}\n                </Button>\n              </Box>\n            </>\n          ) : (\n            <>\n              <Typography variant=\"body2\" paragraph>\n                Enter your phone number to receive SMS verification codes when\n                signing in.\n              </Typography>\n              <InputField\n                key=\"phone-number\"\n                autoFocus\n                margin=\"none\"\n                name=\"phoneNumber\"\n                label=\"Phone Number\"\n                fullWidth\n                placeholder=\"+61400000000\"\n                variant=\"outlined\"\n                value={phoneNumber}\n                onChange={(event) => {\n                  setPhoneNumber(event.target.value)\n                }}\n                disabled={isSaving}\n                helperText=\"Include your country code, for example +61400000000.\"\n                data-cypress=\"mfa-phone-number\"\n              />\n            </>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button\n            type=\"button\"\n            onClick={closePhoneNumberDialog}\n            disabled={isSaving}\n          >\n            Cancel\n          </Button>\n          {isPhoneVerificationRequired ? (\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              disabled={!verificationCode || isSaving}\n              data-cypress=\"mfa-phone-verify-button\"\n            >\n              Verify\n            </Button>\n          ) : (\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              disabled={!phoneNumber || isSaving}\n              data-cypress=\"mfa-phone-save-button\"\n            >\n              Save\n            </Button>\n          )}\n        </DialogActions>\n      </form>\n    </Dialog>\n  )\n}\n\n/**\n * React Component that lets users enter and verify a phone number for SMS MFA.\n * Typically rendered by `<MultiFactorAuthentication />` within an `<MfaProvider\n * />` tree.\n *\n * @returns\n */\nexport default React.memo(MfaPhoneNumberDialog)\n"]}
+{"version":3,"file":"MfaPhoneNumberDialog.js","sourceRoot":"","sources":["../../../src/components/mfa/MfaPhoneNumberDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Button,\n  Typography,\n  Box,\n} from '@mui/material'\nimport useBooleanState from '../../hooks/useBooleanState'\nimport useMfa from '../../hooks/useMfa'\nimport InputField from '../InputField'\n\nconst PHONE_VERIFICATION_RESEND_COOL_DOWN_SECONDS = 60\n\nfunction getResendCoolDownRemainingSeconds(\n  sentAt: number | undefined,\n  now: number,\n) {\n  if (!sentAt) {\n    return 0\n  }\n\n  const elapsedSeconds = Math.max(0, Math.floor((now - sentAt) / 1000))\n  return Math.max(\n    0,\n    PHONE_VERIFICATION_RESEND_COOL_DOWN_SECONDS - elapsedSeconds,\n  )\n}\n\nfunction usePhoneVerificationResendCoolDown(sentAt: number | undefined) {\n  const [now, setNow] = React.useState(() => Date.now())\n\n  const remainingSeconds = getResendCoolDownRemainingSeconds(sentAt, now)\n\n  React.useEffect(() => {\n    if (!sentAt) {\n      return\n    }\n\n    setNow(Date.now())\n\n    const intervalId = window.setInterval(() => {\n      setNow(Date.now())\n    }, 1000)\n\n    return () => window.clearInterval(intervalId)\n  }, [sentAt])\n\n  return remainingSeconds\n}\n\nfunction MfaPhoneNumberDialog() {\n  const {\n    isPhoneNumberDialogOpen,\n    mfaSettings,\n    phoneVerificationCodeSentAt,\n    closePhoneNumberDialog,\n    savePhoneNumber,\n    verifyPhoneNumber,\n  } = useMfa()\n\n  const isPhoneVerificationRequired = phoneVerificationCodeSentAt !== undefined\n\n  const [phoneNumber, setPhoneNumber] = React.useState('')\n  const [verificationCode, setVerificationCode] = React.useState('')\n  const resendCoolDownSeconds = usePhoneVerificationResendCoolDown(\n    phoneVerificationCodeSentAt,\n  )\n  const [isSaving, startSaving, stopSaving] = useBooleanState(false)\n\n  React.useEffect(() => {\n    if (isPhoneNumberDialogOpen) {\n      setPhoneNumber(mfaSettings.sms.phoneNumber || '')\n      setVerificationCode('')\n    }\n  }, [isPhoneNumberDialogOpen, mfaSettings.sms.phoneNumber])\n\n  const handleSavePhoneNumber = React.useCallback(async () => {\n    startSaving()\n    try {\n      await savePhoneNumber(phoneNumber)\n    } finally {\n      stopSaving()\n    }\n  }, [phoneNumber, savePhoneNumber, startSaving, stopSaving])\n\n  const handleVerifyPhoneNumber = React.useCallback(async () => {\n    startSaving()\n    try {\n      await verifyPhoneNumber(verificationCode)\n    } finally {\n      stopSaving()\n    }\n  }, [verificationCode, verifyPhoneNumber, startSaving, stopSaving])\n\n  const handleSubmit = React.useCallback(\n    (event: React.SubmitEvent<HTMLFormElement>) => {\n      event.preventDefault()\n\n      if (isSaving) {\n        return\n      }\n\n      if (isPhoneVerificationRequired) {\n        if (!verificationCode) {\n          return\n        }\n\n        void handleVerifyPhoneNumber()\n        return\n      }\n\n      if (!phoneNumber) {\n        return\n      }\n\n      void handleSavePhoneNumber()\n    },\n    [\n      handleSavePhoneNumber,\n      handleVerifyPhoneNumber,\n      isPhoneVerificationRequired,\n      isSaving,\n      phoneNumber,\n      verificationCode,\n    ],\n  )\n\n  const handleResendVerificationCode = React.useCallback(async () => {\n    startSaving()\n    try {\n      await savePhoneNumber(phoneNumber)\n    } finally {\n      stopSaving()\n    }\n  }, [phoneNumber, savePhoneNumber, startSaving, stopSaving])\n\n  return (\n    <Dialog\n      open={isPhoneNumberDialogOpen}\n      onClose={() => {\n        if (!isSaving) {\n          closePhoneNumberDialog()\n        }\n      }}\n      fullWidth\n      maxWidth=\"sm\"\n    >\n      <form onSubmit={handleSubmit}>\n        <DialogTitle>\n          {isPhoneVerificationRequired\n            ? 'Verify Phone Number'\n            : 'Save Phone Number'}\n        </DialogTitle>\n        <DialogContent dividers>\n          {isPhoneVerificationRequired ? (\n            <>\n              <Typography variant=\"body2\" paragraph>\n                Enter the verification code sent to {phoneNumber}.\n              </Typography>\n              <InputField\n                key=\"verification-code\"\n                autoFocus\n                margin=\"none\"\n                name=\"verificationCode\"\n                label=\"Verification Code\"\n                fullWidth\n                placeholder=\"XXXXXX\"\n                variant=\"outlined\"\n                value={verificationCode}\n                onChange={(event) => {\n                  setVerificationCode(event.target.value)\n                }}\n                disabled={isSaving}\n                data-cypress=\"mfa-phone-verification-code\"\n              />\n              <Box marginTop={1}>\n                <Button\n                  type=\"button\"\n                  variant=\"text\"\n                  size=\"small\"\n                  sx={{ textTransform: 'none' }}\n                  disabled={resendCoolDownSeconds > 0 || isSaving}\n                  onClick={handleResendVerificationCode}\n                  data-cypress=\"mfa-phone-resend-button\"\n                >\n                  {resendCoolDownSeconds > 0\n                    ? `Send Again (${resendCoolDownSeconds}s)`\n                    : 'Send Again'}\n                </Button>\n              </Box>\n            </>\n          ) : (\n            <>\n              <Typography variant=\"body2\" paragraph>\n                Enter your phone number to receive SMS verification codes when\n                signing in.\n              </Typography>\n              <InputField\n                key=\"phone-number\"\n                autoFocus\n                margin=\"none\"\n                name=\"phoneNumber\"\n                label=\"Phone Number\"\n                fullWidth\n                placeholder=\"+61400000000\"\n                variant=\"outlined\"\n                value={phoneNumber}\n                onChange={(event) => {\n                  setPhoneNumber(event.target.value)\n                }}\n                disabled={isSaving}\n                helperText=\"Include your country code, for example +61400000000.\"\n                data-cypress=\"mfa-phone-number\"\n              />\n            </>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button\n            type=\"button\"\n            onClick={closePhoneNumberDialog}\n            disabled={isSaving}\n          >\n            Cancel\n          </Button>\n          {isPhoneVerificationRequired ? (\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              disabled={!verificationCode || isSaving}\n              data-cypress=\"mfa-phone-verify-button\"\n            >\n              Verify\n            </Button>\n          ) : (\n            <Button\n              type=\"submit\"\n              variant=\"contained\"\n              disabled={!phoneNumber || isSaving}\n              data-cypress=\"mfa-phone-save-button\"\n            >\n              Save\n            </Button>\n          )}\n        </DialogActions>\n      </form>\n    </Dialog>\n  )\n}\n\n/**\n * React Component that lets users enter and verify a phone number for SMS MFA.\n * Typically rendered by `<MultiFactorAuthentication />` within an `<MfaProvider\n * />` tree.\n *\n * @returns\n */\nexport default React.memo(MfaPhoneNumberDialog)\n"]}

package/dist/components/mfa/MultiFactorAuthentication.d.ts

@@ -1,5 +1,7 @@
+import { MiscTypes } from '@oneblink/types';
 type Props = {
-    ssoSetupUrl: string | undefined;
+    mfaRequirement: MiscTypes.MfaRequirement | undefined;
+    ssoSetupUrl?: string;
 };
 /**
  * React Component that provides a mechanism for app users to configure Multi
@@ -16,26 +18,25 @@ type Props = {
  * } from '@oneblink/apps-react'
  *
  * function Component() {
- *   return <MultiFactorAuthentication />
+ *   return <MultiFactorAuthentication mfaRequirement={undefined} />
  * }
  *
- * function App() {
+ * function AppWithMfaRequirement({ mfaRequirement }) {
  *   return (
  *     <MfaProvider>
- *       <Component />
+ *       <MultiFactorAuthentication mfaRequirement={mfaRequirement} />
  *     </MfaProvider>
  *   )
  * }
- *
- * const root = document.getElementById('root')
- * if (root) {
- *   ReactDOM.render(<App />, root)
- * }
  * ```
  *
  * @param props
+ * @param props.mfaRequirement - The MFA methods allowed by your administrator
+ *   for using this app. Pass `undefined` when the app has no MFA requirement.
+ *   Users can still enable other methods, but will be warned when their
+ *   configuration does not meet this requirement.
  * @returns
  * @group Components
  */
-export default function MultiFactorAuthentication({ ssoSetupUrl }: Props): import("react/jsx-runtime").JSX.Element;
+export default function MultiFactorAuthentication({ mfaRequirement, ssoSetupUrl, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};