@aws-amplify/ui/dist/esm/helpers/authenticator/formFields/utils.mjs

`@aws-amplify/ui` contains low-level logic & styles for stand-alone usage or re-use in framework-specific implementations.

import { translate } from '../../../i18n/translations.mjs';

const getPrimaryAlias = (state) => {
    const loginMechanisms = state?.context.config?.loginMechanisms;
    /**
     * @migration this is where we grab only the first index of `aws_cognito_username_attributes`
     */
    const [primaryAlias] = loginMechanisms ?? ['username'];
    return primaryAlias;
};
/** Applies translations to label and placeholder */
const applyTranslation = (formFields) => {
    const newFormFields = { ...formFields };
    for (const [name, options] of Object.entries(formFields)) {
        const { label, placeholder } = options;
        newFormFields[name] = {
            ...options,
            label: label ? translate(label) : undefined,
            placeholder: placeholder ? translate(placeholder) : undefined,
        };
    }
    return newFormFields;
};
/** Sorts formFields according to their `order`.  */
const sortFormFields = (formFields) => {
    return Object.entries(formFields)
        .sort((a, b) => {
        const orderA = a[1].order || Number.MAX_VALUE;
        const orderB = b[1].order || Number.MAX_VALUE;
        return orderA - orderB;
    })
        .filter((formFieldEntry) => formFieldEntry[1] !== undefined);
};

export { applyTranslation, getPrimaryAlias, sortFormFields };