@aws-amplify/ui 5.8.1 → 6.0.0

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

@@ -1 +1,33 @@
-import{__awaiter as e}from"tslib";import{Auth as r}from"aws-amplify";import{getLogger as s}from"../utils.mjs";const t=s("Auth"),o=({user:s,currentPassword:o,newPassword:d})=>e(void 0,void 0,void 0,(function*(){try{return t.debug("calling Auth.changePassword"),yield r.changePassword(s,o,d),t.debug("Auth.changePassword was successful"),Promise.resolve()}catch(e){return t.debug("Auth.changePassword failed with error",e),Promise.reject(e)}})),d=()=>e(void 0,void 0,void 0,(function*(){try{return t.debug("calling Auth.deleteUser"),yield r.deleteUser(),t.debug("Auth.deleteUser was successful"),Promise.resolve()}catch(e){return t.debug("Auth.deleteUser failed with error",e),Promise.reject(e)}}));export{o as changePassword,d as deleteUser};
+import { updatePassword, deleteUser as deleteUser$1 } from 'aws-amplify/auth';
+import { getLogger } from '../utils.mjs';
+
+const logger = getLogger('Auth');
+const changePassword = async ({ currentPassword, newPassword, }) => {
+    try {
+        logger.debug('calling Auth.updatePassword');
+        await updatePassword({
+            oldPassword: currentPassword,
+            newPassword,
+        });
+        logger.debug('Auth.updatePassword was successful');
+        return Promise.resolve();
+    }
+    catch (e) {
+        logger.debug('Auth.updatePassword failed with error', e);
+        return Promise.reject(e);
+    }
+};
+const deleteUser = async () => {
+    try {
+        logger.debug('calling Auth.deleteUser');
+        await deleteUser$1();
+        logger.debug('Auth.deleteUser was successful');
+        return Promise.resolve();
+    }
+    catch (e) {
+        logger.debug('Auth.deleteUser failed with error', e);
+        return Promise.reject(e);
+    }
+};
+
+export { changePassword, deleteUser };

package/dist/esm/helpers/accountSettings/validator.mjs

@@ -1 +1,120 @@
-import{Amplify as e}from"aws-amplify";import"../../types/authenticator/user.mjs";import"../../types/authenticator/attributes.mjs";import"../../types/primitives/componentClassName.mjs";import"../../i18n/translations.mjs";import{hasSpecialChars as s}from"../authenticator/utils.mjs";const a=()=>{const s=e.configure(),a=null==s?void 0:s.aws_cognito_password_protection_settings;if(!a)return null;const{passwordPolicyCharacters:t=[],passwordPolicyMinLength:o}=a;return{minLength:o,needsLowerCase:t.includes("REQUIRES_LOWERCASE"),needsUpperCase:t.includes("REQUIRES_UPPERCASE"),needsNumber:t.includes("REQUIRES_NUMBERS"),needsSpecialChar:t.includes("REQUIRES_SYMBOLS")}},t=e=>({validationMode:"onTouched",validator:s=>s.length>=e,message:`Password must have at least ${e} characters`}),o={validationMode:"onTouched",validator:e=>/[a-z]/.test(e),message:"Password must have lower case letters"},r={validationMode:"onTouched",validator:e=>/[A-Z]/.test(e),message:"Password must have upper case letters"},n={validationMode:"onTouched",validator:e=>/[0-9]/.test(e),message:"Password must have numbers"},i={validationMode:"onTouched",validator:e=>s(e),message:"Password must have special characters"},d=e=>({validationMode:"onTouched",validator:s=>e===s,message:"Your passwords must match"}),u=()=>{const e=a();if(!e)return[];const s=[],{minLength:d,needsLowerCase:u,needsUpperCase:l,needsNumber:c,needsSpecialChar:h}=e;return d&&s.push(t(d)),u&&s.push(o),l&&s.push(r),c&&s.push(n),h&&s.push(i),s},l=e=>[d(e)],c=({validationMode:e,eventType:s,hasBlurred:a})=>{switch(e){case"onBlur":return"blur"===s;case"onChange":return"change"===s;case"onTouched":return"blur"===s||a}},h=({value:e,validators:s,eventType:a,hasBlurred:t})=>e?s.reduce(((s,o)=>{const{validator:r,validationMode:n,message:i}=o;if(c({validationMode:n,eventType:a,hasBlurred:t})){return!r(e)?[...s,i]:s}return s}),[]):[];export{l as getDefaultConfirmPasswordValidators,u as getDefaultPasswordValidators,t as getHasMinLength,d as getMatchesConfirmPassword,a as getPasswordRequirement,o as hasLowerCase,n as hasNumber,i as hasSpecialChar,r as hasUpperCase,h as runFieldValidators,c as shouldValidate};
+import { Amplify } from 'aws-amplify';
+import 'aws-amplify/utils';
+import '@aws-amplify/core/internals/utils';
+import '../../utils/setUserAgent/constants.mjs';
+import '../../types/authenticator/user.mjs';
+import '../../types/authenticator/attributes.mjs';
+import { hasSpecialChars } from '../authenticator/utils.mjs';
+
+// gets password requirement from Amplify.configure data
+const getPasswordRequirement = () => {
+    const config = Amplify.getConfig();
+    const passwordSettings = config?.Auth?.Cognito
+        .passwordFormat;
+    if (!passwordSettings) {
+        return null;
+    }
+    return {
+        minLength: passwordSettings.minLength,
+        needsLowerCase: passwordSettings.requireLowercase ?? false,
+        needsUpperCase: passwordSettings.requireUppercase ?? false,
+        needsNumber: passwordSettings.requireNumbers ?? false,
+        needsSpecialChar: passwordSettings.requireSpecialCharacters ?? false,
+    };
+};
+const getHasMinLength = (minLength) => ({
+    validationMode: 'onTouched',
+    validator: (field) => field.length >= minLength,
+    message: `Password must have at least ${minLength} characters`,
+});
+const hasLowerCase = {
+    validationMode: 'onTouched',
+    validator: (field) => /[a-z]/.test(field),
+    message: 'Password must have lower case letters',
+};
+const hasUpperCase = {
+    validationMode: 'onTouched',
+    validator: (field) => /[A-Z]/.test(field),
+    message: 'Password must have upper case letters',
+};
+const hasNumber = {
+    validationMode: 'onTouched',
+    validator: (field) => /[0-9]/.test(field),
+    message: 'Password must have numbers',
+};
+const hasSpecialChar = {
+    validationMode: 'onTouched',
+    validator: (field) => hasSpecialChars(field),
+    message: 'Password must have special characters',
+};
+const getMatchesConfirmPassword = (password) => {
+    return {
+        validationMode: 'onTouched',
+        validator: (confirmPassword) => password === confirmPassword,
+        message: 'Your passwords must match',
+    };
+};
+const getDefaultPasswordValidators = () => {
+    const requirement = getPasswordRequirement();
+    if (!requirement)
+        return [];
+    const validators = [];
+    const { minLength, needsLowerCase, needsUpperCase, needsNumber, needsSpecialChar, } = requirement;
+    if (minLength) {
+        validators.push(getHasMinLength(minLength));
+    }
+    if (needsLowerCase) {
+        validators.push(hasLowerCase);
+    }
+    if (needsUpperCase) {
+        validators.push(hasUpperCase);
+    }
+    if (needsNumber) {
+        validators.push(hasNumber);
+    }
+    if (needsSpecialChar) {
+        validators.push(hasSpecialChar);
+    }
+    return validators;
+};
+const getDefaultConfirmPasswordValidators = (password) => {
+    return [getMatchesConfirmPassword(password)];
+};
+/*
+ * `shouldValidate` determines whether validator should be run, based on validation mode,
+ * input event type, and whether it has been blurred yet.
+ */
+const shouldValidate = ({ validationMode, eventType, hasBlurred, }) => {
+    switch (validationMode) {
+        case 'onBlur': {
+            // only run validator on blur event
+            return eventType === 'blur';
+        }
+        case 'onChange': {
+            // only run validator on change event
+            return eventType === 'change';
+        }
+        case 'onTouched': {
+            /**
+             * run validator on first blur event, and then every subsequent
+             * blur/change event.
+             */
+            return eventType === 'blur' || hasBlurred;
+        }
+    }
+};
+// `runFieldValidator` runs all validators, and returns error messages.
+const runFieldValidators = ({ value, validators, eventType, hasBlurred, }) => {
+    if (!value)
+        return [];
+    return validators.reduce((prevErrors, validatorSpec) => {
+        const { validator, validationMode, message } = validatorSpec;
+        if (shouldValidate({ validationMode, eventType, hasBlurred })) {
+            const hasError = !validator(value);
+            return hasError ? [...prevErrors, message] : prevErrors;
+        }
+        return prevErrors;
+    }, []);
+};
+
+export { getDefaultConfirmPasswordValidators, getDefaultPasswordValidators, getHasMinLength, getMatchesConfirmPassword, getPasswordRequirement, hasLowerCase, hasNumber, hasSpecialChar, hasUpperCase, runFieldValidators, shouldValidate };

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

@@ -1 +1,20 @@
-const t=t=>{var o;return null===(o=t.context.actorRef)||void 0===o?void 0:o.getSnapshot()},o=o=>{var n;return null===(n=t(o))||void 0===n?void 0:n.context};export{o as getActorContext,t as getActorState};
+/**
+ * This file contains helpers that lets you easily access current actor's state
+ * and context.
+ */
+/**
+ * Get the state of current actor. This is useful for checking which screen
+ * to render: e.g. `getActorState(state).matches('confirmSignUp.edit').
+ */
+const getActorState = (state) => {
+    return state.context.actorRef?.getSnapshot();
+};
+/**
+ * Get the context of current actor. Useful for getting any nested context
+ * like remoteError.
+ */
+const getActorContext = (state) => {
+    return getActorState(state)?.context;
+};
+
+export { getActorContext, getActorState };

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

@@ -1 +1,144 @@
-import{countryDialCodes as e}from"../../i18n/country-dial-codes.mjs";import"../../i18n/translations.mjs";const a={birthdate:{label:"Birthdate",placeholder:"Enter your Birthdate",type:"date",autocomplete:"bday",isRequired:!0},confirmation_code:{label:"Confirmation Code",placeholder:"Enter your Confirmation Code",type:"number",autocomplete:"one-time-code",isRequired:!0},confirm_password:{label:"Confirm Password",placeholder:"Please confirm your Password",type:"password",autocomplete:"new-password",isRequired:!0},email:{label:"Email",placeholder:"Enter your Email",type:"email",autocomplete:"username",isRequired:!0},family_name:{label:"Family Name",placeholder:"Enter your Family Name",type:"text",autocomplete:"family-name",isRequired:!0},given_name:{label:"Given Name",placeholder:"Enter your Given Name",type:"text",autocomplete:"given-name",isRequired:!0},middle_name:{label:"Middle Name",placeholder:"Enter your Middle Name",type:"text",autocomplete:"additional-name",isRequired:!0},name:{label:"Name",placeholder:"Enter your Name",type:"text",autocomplete:"name",isRequired:!0},nickname:{label:"Nickname",placeholder:"Enter your Nickname",type:"text",autocomplete:"tel",isRequired:!0},password:{label:"Password",placeholder:"Enter your Password",type:"password",autocomplete:"new-password",isRequired:!0},phone_number:{label:"Phone Number",placeholder:"Enter your Phone Number",type:"tel",autocomplete:"tel",dialCode:"+1",dialCodeList:e,isRequired:!0},preferred_username:{label:"Preferred Username",placeholder:"Enter your Preferred Username",type:"text",isRequired:!0},profile:{label:"Profile",placeholder:"Add your Profile",type:"url",autocomplete:"url",isRequired:!0},website:{label:"Website",placeholder:"Add your Website",type:"url",autocomplete:"url",isRequired:!0},username:{label:"Username",placeholder:"Enter your Username",type:"text",autocomplete:"username",isRequired:!0}},r=["^","$","*",".","[","]","{","}","(",")","?",'"',"!","@","#","%","&","/","\\",",",">","<","'",":",";","|","_","~","`","=","+","-"," "],l=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;export{r as ALLOWED_SPECIAL_CHARACTERS,a as defaultFormFieldOptions,l as emailRegex};
+import { countryDialCodes } from '../../i18n/country-dial-codes.mjs';
+import 'aws-amplify/utils';
+
+/**
+ * This file contains helpers related to forms and input attributes.
+ */
+const defaultFormFieldOptions = {
+    birthdate: {
+        label: 'Birthdate',
+        placeholder: 'Enter your Birthdate',
+        type: 'date',
+        autocomplete: 'bday',
+        isRequired: true,
+    },
+    confirmation_code: {
+        label: 'Confirmation Code',
+        placeholder: 'Enter your Confirmation Code',
+        type: 'text',
+        autocomplete: 'one-time-code',
+        isRequired: true,
+    },
+    confirm_password: {
+        label: 'Confirm Password',
+        placeholder: 'Please confirm your Password',
+        type: 'password',
+        autocomplete: 'new-password',
+        isRequired: true,
+    },
+    email: {
+        label: 'Email',
+        placeholder: 'Enter your Email',
+        type: 'email',
+        autocomplete: 'username',
+        isRequired: true,
+    },
+    family_name: {
+        label: 'Family Name',
+        placeholder: 'Enter your Family Name',
+        type: 'text',
+        autocomplete: 'family-name',
+        isRequired: true,
+    },
+    given_name: {
+        label: 'Given Name',
+        placeholder: 'Enter your Given Name',
+        type: 'text',
+        autocomplete: 'given-name',
+        isRequired: true,
+    },
+    middle_name: {
+        label: 'Middle Name',
+        placeholder: 'Enter your Middle Name',
+        type: 'text',
+        autocomplete: 'additional-name',
+        isRequired: true,
+    },
+    name: {
+        label: 'Name',
+        placeholder: 'Enter your Name',
+        type: 'text',
+        autocomplete: 'name',
+        isRequired: true,
+    },
+    nickname: {
+        label: 'Nickname',
+        placeholder: 'Enter your Nickname',
+        type: 'text',
+        autocomplete: 'tel',
+        isRequired: true,
+    },
+    password: {
+        label: 'Password',
+        placeholder: 'Enter your Password',
+        type: 'password',
+        autocomplete: 'new-password',
+        isRequired: true,
+    },
+    phone_number: {
+        label: 'Phone Number',
+        placeholder: 'Enter your Phone Number',
+        type: 'tel',
+        autocomplete: 'tel',
+        dialCode: '+1',
+        dialCodeList: countryDialCodes,
+        isRequired: true,
+    },
+    preferred_username: {
+        label: 'Preferred Username',
+        placeholder: 'Enter your Preferred Username',
+        type: 'text',
+        isRequired: true,
+    },
+    profile: {
+        label: 'Profile',
+        placeholder: 'Add your Profile',
+        type: 'url',
+        autocomplete: 'url',
+        isRequired: true,
+    },
+    website: {
+        label: 'Website',
+        placeholder: 'Add your Website',
+        type: 'url',
+        autocomplete: 'url',
+        isRequired: true,
+    },
+    username: {
+        label: 'Username',
+        placeholder: 'Enter your Username',
+        type: 'text',
+        autocomplete: 'username',
+        isRequired: true,
+    },
+};
+/**
+ * List of special characters that Cognito allows.
+ *
+ * Adapted from https://docs.aws.amazon.com/cognito/latest/developerguide/user-pool-settings-policies.html
+ */
+// prettier-ignore
+const ALLOWED_SPECIAL_CHARACTERS = [
+    '^', '$', '*', '.', '[', ']',
+    '{', '}', '(', ')', '?', '"',
+    '!', '@', '#', '%', '&', '/',
+    '\\', ',', '>', '<', "'", ':',
+    ';', '|', '_', '~', '`', '=',
+    '+', '-', ' '
+];
+/**
+ * Email validation regex
+ *
+ * source: HTML5 spec https://html.spec.whatwg.org/multipage/input.html#valid-e-mail-address
+ */
+const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+/**
++ * map navigable route keys to auth event names
++ */
+const NAVIGABLE_ROUTE_EVENT = {
+    forgotPassword: 'FORGOT_PASSWORD',
+    signIn: 'SIGN_IN',
+    signUp: 'SIGN_UP',
+};
+
+export { ALLOWED_SPECIAL_CHARACTERS, NAVIGABLE_ROUTE_EVENT, defaultFormFieldOptions, emailRegex };

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

@@ -0,0 +1,52 @@
+import { Hub } from 'aws-amplify/utils';
+import '@aws-amplify/core/internals/utils';
+import '../../utils/setUserAgent/constants.mjs';
+import { isFunction } from '../../utils/utils.mjs';
+
+/**
+ * Handles Amplify JS Auth hub events, by forwarding hub events as appropriate
+ * xstate events.
+ */
+const defaultAuthHubHandler = async ({ payload }, service, options) => {
+    const { event } = payload;
+    const { send } = service;
+    const { onSignIn, onSignOut } = options ?? {};
+    switch (event) {
+        case 'signedIn': {
+            if (isFunction(onSignIn)) {
+                onSignIn(payload);
+            }
+            break;
+        }
+        case 'signInWithRedirect': {
+            send('SIGN_IN_WITH_REDIRECT');
+            break;
+        }
+        case 'signedOut':
+        case 'tokenRefresh_failure': {
+            if (event === 'signedOut' && isFunction(onSignOut)) {
+                onSignOut();
+            }
+            send('SIGN_OUT');
+            break;
+        }
+    }
+};
+const getHubEventHandler = (service, handler) => (data) => {
+    handler(data, service);
+};
+/**
+ * Listens to external auth Hub events and sends corresponding event to
+ * the `authService` of interest
+ *
+ * @param send - `send` function associated with the `authService` of interest
+ *
+ * @returns function that unsubscribes to the hub evenmt
+ */
+const listenToAuthHub = (service, 
+// angular passes its own `handler` param
+handler = defaultAuthHubHandler) => {
+    return Hub.listen('auth', getHubEventHandler(service, handler), 'authenticator-hub-handler');
+};
+
+export { defaultAuthHubHandler, listenToAuthHub };

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

@@ -1 +1,137 @@
-import{getActorContext as e,getActorState as t}from"./actor.mjs";const r=e=>{const t=t=>r=>e({type:t,data:r});return{initializeMachine:t("INIT"),resendCode:t("RESEND"),signOut:t("SIGN_OUT"),submitForm:t("SUBMIT"),updateForm:t("CHANGE"),updateBlur:t("BLUR"),toFederatedSignIn:t("FEDERATED_SIGN_IN"),toResetPassword:t("RESET_PASSWORD"),toSignIn:t("SIGN_IN"),toSignUp:t("SIGN_UP"),skipVerification:t("SKIP")}},n=r=>{var n,s,i,a,o;const c=null!==(n=e(r))&&void 0!==n?n:{},{codeDeliveryDetails:u,remoteError:d,unverifiedContactMethods:l,validationError:m,totpSecretCode:h=null}=c,{socialProviders:v}=null!==(i=null===(s=r.context)||void 0===s?void 0:s.config)&&void 0!==i?i:{},g=null!==(a=null==c?void 0:c.user)&&void 0!==a?a:null===(o=r.context)||void 0===o?void 0:o.user,f=m&&Object.keys(m).length>0,p=t(r),S=r.hasTag("pending")||(null==p?void 0:p.hasTag("pending")),I=(()=>{switch(!0){case r.matches("idle"):return"idle";case r.matches("setup"):return"setup";case r.matches("signOut"):return"signOut";case r.matches("authenticated"):return"authenticated";case null==p?void 0:p.matches("confirmSignUp"):return"confirmSignUp";case null==p?void 0:p.matches("confirmSignIn"):return"confirmSignIn";case null==p?void 0:p.matches("setupTOTP.edit"):case null==p?void 0:p.matches("setupTOTP.submit"):return"setupTOTP";case null==p?void 0:p.matches("signIn"):return"signIn";case null==p?void 0:p.matches("signUp"):return"signUp";case null==p?void 0:p.matches("forceNewPassword"):return"forceNewPassword";case null==p?void 0:p.matches("resetPassword"):return"resetPassword";case null==p?void 0:p.matches("confirmResetPassword"):return"confirmResetPassword";case null==p?void 0:p.matches("verifyUser"):return"verifyUser";case null==p?void 0:p.matches("confirmVerifyUser"):return"confirmVerifyUser";case null==p?void 0:p.matches("setupTOTP.getTotpSecretCode"):case r.matches("signIn.runActor"):return"transition";default:return console.debug("Cannot infer `route` from Authenticator state:",r.value),null}})(),P=(e=>{switch(e){case"idle":case"setup":return"configuring";case"authenticated":return"authenticated";default:return"unauthenticated"}})(I);return{authStatus:P,codeDeliveryDetails:u,error:d,hasValidationErrors:f,isPending:S,route:I,socialProviders:v,totpSecretCode:h,unverifiedContactMethods:l,user:g,validationErrors:m}},s=({send:e,state:t})=>{const s=r(e),i=n(t);return Object.assign(Object.assign({},s),i)};export{r as getSendEventAliases,n as getServiceContextFacade,s as getServiceFacade};
+import { getActorContext, getActorState } from './actor.mjs';
+import { NAVIGABLE_ROUTE_EVENT } from './constants.mjs';
+import { getRoute } from './getRoute.mjs';
+
+/**
+ * This file contains helpers that translates xstate internals to more
+ * understandable authenticator contexts. We provide these contexts with
+ * `useAuthenticator` hook/composable/service.
+ */
+/**
+ * Creates public facing auth helpers that abstracts out xstate implementation
+ * detail. Each framework implementation can export these helpers so that
+ * developers can send events without having to learn internals.
+ *
+ * ```
+ * const [state, send] = useActor(...);
+ * const { submit } = getSendEventAliases(send);
+ * submit({ username, password})
+ * ```
+ */
+const getSendEventAliases = (send) => {
+    const sendToMachine = (type) => {
+        // TODO If these were created during the creation of the machine & provider,
+        // then invalid transitions could be caught via https://xstate.js.org/docs/guides/states.html#state-can-event
+        return (data) => send({ type, data });
+    };
+    return {
+        initializeMachine: sendToMachine('INIT'),
+        resendCode: sendToMachine('RESEND'),
+        signOut: sendToMachine('SIGN_OUT'),
+        submitForm: sendToMachine('SUBMIT'),
+        updateForm: sendToMachine('CHANGE'),
+        updateBlur: sendToMachine('BLUR'),
+        // Actions that don't immediately invoke a service but instead transition to a screen
+        // are prefixed with `to*`
+        toFederatedSignIn: sendToMachine('FEDERATED_SIGN_IN'),
+        toForgotPassword: sendToMachine('FORGOT_PASSWORD'),
+        toSignIn: sendToMachine('SIGN_IN'),
+        toSignUp: sendToMachine('SIGN_UP'),
+        skipVerification: sendToMachine('SKIP'),
+    };
+};
+const getNextSendEventAliases = (send) => {
+    const { toFederatedSignIn, submitForm, resendCode, skipVerification } = getSendEventAliases(send);
+    return {
+        handleSubmit: submitForm,
+        resendConfirmationCode: resendCode,
+        // manual "route" navigation
+        setRoute: (route) => send({ type: NAVIGABLE_ROUTE_EVENT[route] }),
+        skipAttributeVerification: skipVerification,
+        toFederatedSignIn,
+    };
+};
+const getServiceContextFacade = (state) => {
+    const actorContext = (getActorContext(state) ?? {});
+    const { challengeName, codeDeliveryDetails, remoteError: error, validationError: validationErrors, totpSecretCode = null, unverifiedUserAttributes, username, } = actorContext;
+    const { socialProviders = [] } = state.context?.config ?? {};
+    // check for user in actorContext prior to state context. actorContext is more "up to date",
+    // but is not available on all states
+    const user = actorContext?.user ?? state.context?.user;
+    const hasValidationErrors = !!(validationErrors && Object.keys(validationErrors).length > 0);
+    const actorState = getActorState(state);
+    const isPending = state.hasTag('pending') || actorState?.hasTag('pending');
+    const route = getRoute(state, actorState);
+    // Auth status represents the current state of the auth flow
+    // The `configuring` state is used to indicate when the xState machine is loading
+    const authStatus = ((route) => {
+        switch (route) {
+            case 'idle':
+            case 'setup':
+                return 'configuring';
+            case 'authenticated':
+                return 'authenticated';
+            default:
+                return 'unauthenticated';
+        }
+    })(route);
+    const facade = {
+        authStatus,
+        challengeName,
+        codeDeliveryDetails,
+        error,
+        hasValidationErrors,
+        isPending,
+        route,
+        socialProviders,
+        totpSecretCode,
+        unverifiedUserAttributes,
+        user,
+        username,
+        validationErrors,
+        // @v6-migration-note
+        // While most of the properties
+        // on `AuthenticatorServiceContextFacade` can resolve to `undefined`, updating
+        // the interface requires material changes in consumers (namely `useAutenticator`)
+        // which will have implications on the UI layer as typeguards and non-null checks
+        // are required to pass type checking. As the `Authenticator` is behaving as expected
+        // with the `AuthenticatorServiceContextFacade` interface, prefer to cast
+    };
+    return facade;
+};
+const getNextServiceContextFacade = (state) => {
+    const actorContext = (getActorContext(state) ?? {});
+    const { challengeName, codeDeliveryDetails, remoteError: errorMessage, totpSecretCode, unverifiedUserAttributes, username, } = actorContext;
+    const { socialProviders: federatedProviders, loginMechanisms } = state.context?.config ?? {};
+    const loginMechanism = loginMechanisms?.[0];
+    const actorState = getActorState(state);
+    const isPending = state.hasTag('pending') || actorState?.hasTag('pending');
+    // @todo-migration remove this cast for Authenticator.Next
+    const route = getRoute(state, actorState);
+    return {
+        challengeName,
+        codeDeliveryDetails,
+        errorMessage,
+        federatedProviders,
+        isPending,
+        loginMechanism,
+        route,
+        totpSecretCode,
+        unverifiedUserAttributes,
+        username,
+    };
+};
+const getServiceFacade = ({ send, state, }) => {
+    const sendEventAliases = getSendEventAliases(send);
+    const serviceContext = getServiceContextFacade(state);
+    return {
+        ...sendEventAliases,
+        ...serviceContext,
+    };
+};
+const getNextServiceFacade = ({ send, state, }) => ({
+    ...getNextSendEventAliases(send),
+    ...getNextServiceContextFacade(state),
+});
+
+export { getNextServiceContextFacade, getNextServiceFacade, getSendEventAliases, getServiceContextFacade, getServiceFacade };

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

@@ -1 +1,43 @@
-import"../../types/authenticator/user.mjs";import{authFieldsWithDefaults as r}from"../../types/authenticator/attributes.mjs";import"../../types/primitives/componentClassName.mjs";const t=r=>{const t=new FormData(r.target);return Object.fromEntries(t)},e=(r,t)=>{let e=[];return r&&(e=Object.keys(r).reduce(((t,e)=>{var o;return t.push([e,null===(o=r[e])||void 0===o?void 0:o.order]),t}),[]).sort(((r,t)=>r[1]-t[1])).filter((r=>void 0!==r[1])).map((r=>r[0]))),Array.from(new Set([...e,...t]))},o=t=>r.includes(t),s=r=>{return r?(t=r,Array.isArray(t)?r:[r]):null;var t};export{s as getErrors,t as getFormDataFromEvent,o as isAuthFieldWithDefaults,e as setFormOrder};
+import '../../types/authenticator/user.mjs';
+import { authFieldsWithDefaults } from '../../types/authenticator/attributes.mjs';
+
+const getFormDataFromEvent = (event) => {
+    const formData = new FormData(event.target);
+    return Object.fromEntries(formData);
+};
+const setFormOrder = (formOverrides, fieldNames) => {
+    let orderedKeys = [];
+    if (formOverrides) {
+        orderedKeys = Object.keys(formOverrides)
+            .reduce((prev, key) => {
+            // reduce to array that can be sorted
+            prev.push([key, formOverrides[key]?.order]);
+            return prev;
+        }, [])
+            .sort((a, b) => 
+        //sort them based on order
+        a[1] - b[1]) // returned just key
+            .filter((a) => a[1] !== undefined)
+            .map((a) => a[0]);
+    }
+    // remove duplicates
+    return Array.from(new Set([...orderedKeys, ...fieldNames]));
+};
+const isAuthFieldWithDefaults = (field) => {
+    return authFieldsWithDefaults.includes(field);
+};
+const isArray = (val) => {
+    return Array.isArray(val);
+};
+const getErrors = (errors) => {
+    if (!errors)
+        return null;
+    if (isArray(errors)) {
+        return errors;
+    }
+    else {
+        return [errors];
+    }
+};
+
+export { getErrors, getFormDataFromEvent, isAuthFieldWithDefaults, setFormOrder };