@aws-amplify/ui 6.0.10 → 6.0.12

package/dist/esm/helpers/authenticator/textUtil.mjs

@@ -10,7 +10,7 @@ const getChallengeText = (challengeName) => {
         case 'SOFTWARE_TOKEN_MFA':
             return translate(DefaultTexts.CONFIRM_TOTP);
         default:
-            throw new Error(`${translate('Unexpected challengeName encountered in ConfirmSignIn:')} ${challengeName}`);
+            return translate(DefaultTexts.CONFIRM_MFA_DEFAULT);
     }
 };
 /**

package/dist/esm/helpers/authenticator/utils.mjs

@@ -21,6 +21,18 @@ const censorPhoneNumber = (val) => {
     }
     return split.join('');
 };
+// censors all but the first and last of the name of an email and keeps domain
+const censorEmail = (val) => {
+    const splitEmail = val.split('@');
+    const censoredName = censorAllButFirstAndLast(splitEmail[0]);
+    return `${censoredName}@${splitEmail[1]}`;
+};
+// based on the ContactMethod type, returns a censored contact value
+const censorContactMethod = (type, value) => {
+    return type === 'Phone Number'
+        ? censorPhoneNumber(value)
+        : censorEmail(value);
+};
 const hasSpecialChars = (password) => ALLOWED_SPECIAL_CHARACTERS.some((char) => password.includes(char));
 const getTotpCodeURL = (issuer, username, secret) => encodeURI(`otpauth://totp/${issuer}:${username}?secret=${secret}&issuer=${issuer}`);
 function trimValues(values, ...ignored) {
@@ -35,4 +47,4 @@ const isValidEmail = (value) => {
     return emailRegex.test(value);
 };
 
-export { censorAllButFirstAndLast, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues };
+export { censorAllButFirstAndLast, censorContactMethod, censorEmail, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues };

package/dist/esm/i18n/dictionaries/authenticator/defaultTexts.mjs

@@ -15,6 +15,8 @@ const defaultTexts = {
     CONFIRM_RESET_PASSWORD_HEADING: 'Reset your Password',
     CONFIRM_SIGNUP_HEADING: 'Confirm Sign Up',
     CONFIRM_SMS: 'Confirm SMS Code',
+    // If challenge name is not returned
+    CONFIRM_MFA_DEFAULT: 'Confirm MFA Code',
     CONFIRM_TOTP: 'Confirm TOTP Code',
     CONFIRM: 'Confirm',
     CONFIRMATION_CODE: 'Confirmation Code',

package/dist/esm/i18n/dictionaries/authenticator/en.mjs

@@ -9,6 +9,7 @@ const enDict = {
     'Confirm Password': 'Confirm Password',
     'Confirm Sign Up': 'Confirm Sign Up',
     'Confirm SMS Code': 'Confirm SMS Code',
+    'Confirm MFA Code': 'Confirm MFA Code',
     'Confirm TOTP Code': 'Confirm TOTP Code',
     Confirm: 'Confirm',
     'Confirmation Code': 'Confirmation Code',

package/dist/esm/i18n/dictionaries/authenticator/he.mjs

@@ -20,7 +20,7 @@ const heDict = {
     'Enter your Email': 'הכנס את המייל שלך',
     'Enter your phone number': 'הכנס את מספר הטלפון שלך',
     'Enter your username': 'הכנס את שם המתמש שלך',
-    'Forgot your password?': 'שחכת סיסמא ?',
+    'Forgot your password?': 'שכחת סיסמא ?',
     'Hide password': 'הסתר סיסמא',
     Loading: 'טוען',
     'New password': 'סיסמא חדשה',

package/dist/esm/index.mjs

@@ -3,7 +3,7 @@ export { defaultAuthHubHandler, listenToAuthHub } from './helpers/authenticator/
 export { getNextServiceContextFacade, getNextServiceFacade, getSendEventAliases, getServiceContextFacade, getServiceFacade } from './helpers/authenticator/facade.mjs';
 export { ALLOWED_SPECIAL_CHARACTERS, NAVIGABLE_ROUTE_EVENT, defaultFormFieldOptions, emailRegex } from './helpers/authenticator/constants.mjs';
 export { getErrors, getFormDataFromEvent, isAuthFieldWithDefaults, setFormOrder } from './helpers/authenticator/form.mjs';
-export { censorAllButFirstAndLast, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues } from './helpers/authenticator/utils.mjs';
+export { censorAllButFirstAndLast, censorContactMethod, censorEmail, censorPhoneNumber, getTotpCodeURL, hasSpecialChars, isValidEmail, trimValues } from './helpers/authenticator/utils.mjs';
 export { getCustomFormFields, getDefaultFormFields, getFormFields, getSortedFormFields, removeOrderKeys } from './helpers/authenticator/formFields/formFields.mjs';
 export { DEFAULT_COUNTRY_CODE, defaultFormFieldsGetters, getAliasDefaultFormField } from './helpers/authenticator/formFields/defaults.mjs';
 export { applyTranslation, getPrimaryAlias, sortFormFields } from './helpers/authenticator/formFields/utils.mjs';

package/dist/esm/machines/authenticator/index.mjs

@@ -276,6 +276,7 @@ function createAuthenticatorMachine(options) {
             ]),
             setActorDoneData: assign({
                 actorDoneData: (context, event) => ({
+                    challengeName: event.data.challengeName,
                     codeDeliveryDetails: event.data.codeDeliveryDetails,
                     missingAttributes: event.data.missingAttributes,
                     remoteError: event.data.remoteError,

package/dist/esm/theme/tokens/components/checkbox.mjs

@@ -64,8 +64,11 @@ const checkbox = {
         },
     },
     label: {
+        color: { value: '{components.text.color.value}' },
         _disabled: {
-            color: { value: '{colors.font.disabled.value}' },
+            color: {
+                value: '{colors.font.disabled.value}',
+            },
         },
     },
 };

package/dist/index.js

@@ -752,6 +752,7 @@ const enDict$1 = {
     'Confirm Password': 'Confirm Password',
     'Confirm Sign Up': 'Confirm Sign Up',
     'Confirm SMS Code': 'Confirm SMS Code',
+    'Confirm MFA Code': 'Confirm MFA Code',
     'Confirm TOTP Code': 'Confirm TOTP Code',
     Confirm: 'Confirm',
     'Confirmation Code': 'Confirmation Code',
@@ -1919,7 +1920,7 @@ const heDict$1 = {
     'Enter your Email': 'הכנס את המייל שלך',
     'Enter your phone number': 'הכנס את מספר הטלפון שלך',
     'Enter your username': 'הכנס את שם המתמש שלך',
-    'Forgot your password?': 'שחכת סיסמא ?',
+    'Forgot your password?': 'שכחת סיסמא ?',
     'Hide password': 'הסתר סיסמא',
     Loading: 'טוען',
     'New password': 'סיסמא חדשה',
@@ -2050,6 +2051,8 @@ const defaultTexts$1 = {
     CONFIRM_RESET_PASSWORD_HEADING: 'Reset your Password',
     CONFIRM_SIGNUP_HEADING: 'Confirm Sign Up',
     CONFIRM_SMS: 'Confirm SMS Code',
+    // If challenge name is not returned
+    CONFIRM_MFA_DEFAULT: 'Confirm MFA Code',
     CONFIRM_TOTP: 'Confirm TOTP Code',
     CONFIRM: 'Confirm',
     CONFIRMATION_CODE: 'Confirmation Code',
@@ -2815,6 +2818,18 @@ const censorPhoneNumber = (val) => {
     }
     return split.join('');
 };
+// censors all but the first and last of the name of an email and keeps domain
+const censorEmail = (val) => {
+    const splitEmail = val.split('@');
+    const censoredName = censorAllButFirstAndLast(splitEmail[0]);
+    return `${censoredName}@${splitEmail[1]}`;
+};
+// based on the ContactMethod type, returns a censored contact value
+const censorContactMethod = (type, value) => {
+    return type === 'Phone Number'
+        ? censorPhoneNumber(value)
+        : censorEmail(value);
+};
 const hasSpecialChars = (password) => ALLOWED_SPECIAL_CHARACTERS.some((char) => password.includes(char));
 const getTotpCodeURL = (issuer, username, secret) => encodeURI(`otpauth://totp/${issuer}:${username}?secret=${secret}&issuer=${issuer}`);
 function trimValues(values, ...ignored) {
@@ -3051,7 +3066,7 @@ const getChallengeText = (challengeName) => {
         case 'SOFTWARE_TOKEN_MFA':
             return translate(DefaultTexts.CONFIRM_TOTP);
         default:
-            throw new Error(`${translate('Unexpected challengeName encountered in ConfirmSignIn:')} ${challengeName}`);
+            return translate(DefaultTexts.CONFIRM_MFA_DEFAULT);
     }
 };
 /**
@@ -4888,6 +4903,7 @@ function createAuthenticatorMachine(options) {
             ]),
             setActorDoneData: xstate.assign({
                 actorDoneData: (context, event) => ({
+                    challengeName: event.data.challengeName,
                     codeDeliveryDetails: event.data.codeDeliveryDetails,
                     missingAttributes: event.data.missingAttributes,
                     remoteError: event.data.remoteError,
@@ -6036,8 +6052,11 @@ const checkbox = {
         },
     },
     label: {
+        color: { value: '{components.text.color.value}' },
         _disabled: {
-            color: { value: '{colors.font.disabled.value}' },
+            color: {
+                value: '{colors.font.disabled.value}',
+            },
         },
     },
 };
@@ -8323,6 +8342,8 @@ exports.authFieldsWithDefaults = authFieldsWithDefaults;
 exports.authenticatorTextUtil = authenticatorTextUtil;
 exports.capitalize = capitalize;
 exports.censorAllButFirstAndLast = censorAllButFirstAndLast;
+exports.censorContactMethod = censorContactMethod;
+exports.censorEmail = censorEmail;
 exports.censorPhoneNumber = censorPhoneNumber;
 exports.changePassword = changePassword;
 exports.classNameModifier = classNameModifier;

package/dist/styles/base.css

@@ -512,6 +512,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;

package/dist/styles/base.layer.css

@@ -513,6 +513,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;

package/dist/styles/checkbox.css

@@ -91,5 +91,8 @@
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }

package/dist/styles/checkbox.layer.css

@@ -92,6 +92,9 @@
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }
 }

package/dist/styles/liveness.css

@@ -282,7 +282,7 @@
 
 .amplify-liveness-landscape-error-modal {
   background-color: var(--amplify-colors-background-primary);
-  direction: column;
+  flex-direction: column;
   text-align: center;
   align-items: center;
   justify-content: center;

package/dist/styles/liveness.layer.css

@@ -283,7 +283,7 @@
 
 .amplify-liveness-landscape-error-modal {
   background-color: var(--amplify-colors-background-primary);
-  direction: column;
+  flex-direction: column;
   text-align: center;
   align-items: center;
   justify-content: center;

package/dist/styles.css

@@ -512,6 +512,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;
@@ -3668,7 +3669,10 @@ strong.amplify-text {
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }
 
 .amplify-checkboxfield {
@@ -4201,7 +4205,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-liveness-landscape-error-modal {
   background-color: var(--amplify-colors-background-primary);
-  direction: column;
+  flex-direction: column;
   text-align: center;
   align-items: center;
   justify-content: center;

package/dist/styles.layer.css

@@ -513,6 +513,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;
@@ -3669,7 +3670,10 @@ strong.amplify-text {
 }
 
 .amplify-checkbox__label {
-  color: inherit;
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }
 
 .amplify-checkboxfield {
@@ -4202,7 +4206,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-liveness-landscape-error-modal {
   background-color: var(--amplify-colors-background-primary);
-  direction: column;
+  flex-direction: column;
   text-align: center;
   align-items: center;
   justify-content: center;

package/dist/theme.css

@@ -509,6 +509,7 @@
 --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
 --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
 --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+--amplify-components-checkbox-label-color: var(--amplify-components-text-color);
 --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
 --amplify-components-checkboxfield-align-items: flex-start;
 --amplify-components-checkboxfield-align-content: center;

package/dist/types/helpers/authenticator/utils.d.ts

@@ -1,5 +1,8 @@
+import type { ContactMethod } from '../../types';
 export declare const censorAllButFirstAndLast: (value: string) => string;
 export declare const censorPhoneNumber: (val: string) => string;
+export declare const censorEmail: (val: string) => string;
+export declare const censorContactMethod: (type: ContactMethod, value: string) => string;
 export declare const hasSpecialChars: (password: string) => boolean;
 export declare const getTotpCodeURL: (issuer: string, username: string, secret: string) => string;
 export declare function trimValues<T extends Record<string, string>>(values: T, ...ignored: string[]): T;

package/dist/types/i18n/dictionaries/authenticator/defaultTexts.d.ts

@@ -15,6 +15,7 @@ export declare const defaultTexts: {
     CONFIRM_RESET_PASSWORD_HEADING: string;
     CONFIRM_SIGNUP_HEADING: string;
     CONFIRM_SMS: string;
+    CONFIRM_MFA_DEFAULT: string;
     CONFIRM_TOTP: string;
     CONFIRM: string;
     CONFIRMATION_CODE: string;

package/dist/types/i18n/dictionaries/index.d.ts

@@ -951,6 +951,7 @@ export declare const defaultTexts: {
     CONFIRM_RESET_PASSWORD_HEADING: string;
     CONFIRM_SIGNUP_HEADING: string;
     CONFIRM_SMS: string;
+    CONFIRM_MFA_DEFAULT: string;
     CONFIRM_TOTP: string;
     CONFIRM: string;
     CONFIRMATION_CODE: string;

package/dist/types/i18n/translations.d.ts

@@ -26,6 +26,7 @@ export declare const DefaultTexts: {
     readonly CONFIRM_RESET_PASSWORD_HEADING: string;
     readonly CONFIRM_SIGNUP_HEADING: string;
     readonly CONFIRM_SMS: string;
+    readonly CONFIRM_MFA_DEFAULT: string;
     readonly CONFIRM_TOTP: string;
     readonly CONFIRM: string;
     readonly CONFIRMATION_CODE: string;

package/dist/types/machines/authenticator/types.d.ts

@@ -50,6 +50,7 @@ export interface AuthEvent {
  * Data that actor returns when they are done and reach the final state
  */
 export interface ActorDoneData {
+    challengeName?: ChallengeName;
     codeDeliveryDetails?: V5CodeDeliveryDetails;
     missingAttributes?: string[];
     remoteError?: string;

package/dist/types/theme/tokens/components/checkbox.d.ts

@@ -20,7 +20,7 @@ export type CheckboxTokens<Output extends OutputVariantKey> = DesignTokenPropert
     _disabled?: DesignTokenProperties<'cursor', Output>;
     button?: ButtonToken<Output>;
     icon?: IconToken<Output>;
-    label?: {
+    label?: DesignTokenProperties<'color', Output> & {
         _disabled?: DesignTokenProperties<'color', Output>;
     };
 };

package/dist/types/types/authenticator/form.d.ts

@@ -51,6 +51,8 @@ export interface FormFieldOptions {
     type?: string;
     /** Desired autocomplete HTML attribute */
     autocomplete?: string;
+    /** Whether the first character is auto-capitalized */
+    autocapitalize?: string;
 }
 export interface LegacyFormFieldOptions extends FormFieldOptions {
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.0.10",
+  "version": "6.0.12",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {