@aws-amplify/ui-react-native 1.0.0 → 1.1.0

package/dist/Authenticator/common/DefaultFormFields/DefaultTextFormFields.js

@@ -0,0 +1,23 @@
+import React, { Fragment } from 'react';
+import { View } from 'react-native';
+import { getErrors } from '@aws-amplify/ui';
+import { PasswordField, PhoneNumberField, TextField, } from '../../../primitives';
+import { FieldErrors } from './FieldErrors';
+const DefaultTextFormFields = ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields = [], isPending, style, validationErrors, }) => {
+    const formFields = fields.map(({ name, type, ...field }) => {
+        const errors = validationErrors ? getErrors(validationErrors?.[name]) : [];
+        const hasError = errors?.length > 0;
+        const Field = type === 'password'
+            ? PasswordField
+            : type === 'phone'
+                ? PhoneNumberField
+                : TextField;
+        return (<Fragment key={name}>
+        <Field {...field} disabled={isPending} error={hasError} fieldStyle={fieldStyle} key={name} style={fieldContainerStyle}/>
+        <FieldErrors errors={errors} errorStyle={fieldErrorStyle} style={fieldErrorsContainer}/>
+      </Fragment>);
+    });
+    return <View style={style}>{formFields}</View>;
+};
+DefaultTextFormFields.displayName = 'DefaultTextFormFields';
+export default DefaultTextFormFields;

package/dist/Authenticator/common/DefaultFormFields/FieldErrors.d.ts

@@ -0,0 +1,2 @@
+import { FieldErrorsProps } from './types';
+export declare const FieldErrors: ({ errors, errorStyle, style, }: FieldErrorsProps) => JSX.Element | null;

package/dist/Authenticator/common/DefaultFormFields/FieldErrors.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+export const FieldErrors = ({ errors, errorStyle, style, }) => {
+    if (!errors || !errors.length) {
+        return null;
+    }
+    return (<View style={style}>
+      {errors.map((error) => (<Text key={error} style={errorStyle}>
+          {error}
+        </Text>))}
+    </View>);
+};

package/dist/Authenticator/common/DefaultFormFields/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DefaultRadioFormFields } from './DefaultRadioFormFields';
+export { default as DefaultTextFormFields } from './DefaultTextFormFields';
+export { DefaultFormFieldsComponent, DefaultFormFieldsStyle } from './types';

package/dist/Authenticator/common/DefaultFormFields/index.js

@@ -0,0 +1,2 @@
+export { default as DefaultRadioFormFields } from './DefaultRadioFormFields';
+export { default as DefaultTextFormFields } from './DefaultTextFormFields';

package/dist/Authenticator/common/DefaultFormFields/types.d.ts

@@ -0,0 +1,19 @@
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { AuthenticatorFormFieldsComponent } from '@aws-amplify/ui-react-core';
+import { RadioFieldOptions, TextFieldOptionsType } from '../../hooks';
+export interface FieldErrorsProps {
+    errors: string[];
+    errorStyle?: StyleProp<TextStyle>;
+    style?: StyleProp<ViewStyle>;
+}
+export interface DefaultFormFieldsStyle {
+    fieldContainerStyle?: StyleProp<ViewStyle>;
+    fieldErrorsContainer?: FieldErrorsProps['style'];
+    fieldErrorStyle?: FieldErrorsProps['errorStyle'];
+    fieldLabelStyle?: StyleProp<TextStyle>;
+    fieldStyle?: StyleProp<TextStyle>;
+    style?: StyleProp<ViewStyle>;
+}
+export declare type DefaultFormFieldsComponent<FieldsType> = AuthenticatorFormFieldsComponent<FieldsType, DefaultFormFieldsStyle>;
+export declare type DefaultTextFormFieldsComponent = DefaultFormFieldsComponent<TextFieldOptionsType>;
+export declare type DefaultRadioFormFieldsComponent = DefaultFormFieldsComponent<RadioFieldOptions>;

package/dist/Authenticator/common/DefaultFormFields/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Authenticator/common/DefaultHeader/DefaultHeader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DefaultHeaderProps } from './types';
+export default function DefaultHeader({ children, level, ...rest }: DefaultHeaderProps): JSX.Element | null;

package/dist/Authenticator/common/DefaultHeader/DefaultHeader.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Heading } from '../../../primitives/Heading';
+export default function DefaultHeader({ children, level = 3, ...rest }) {
+    return children ? (<Heading {...rest} level={level}>
+      {children}
+    </Heading>) : null;
+}

package/dist/Authenticator/common/DefaultHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DefaultHeader } from './DefaultHeader';
+export { DefaultHeaderProps } from './types';

package/dist/Authenticator/common/DefaultHeader/index.js

@@ -0,0 +1 @@
+export { default as DefaultHeader } from './DefaultHeader';

package/dist/Authenticator/common/DefaultHeader/types.d.ts

@@ -0,0 +1,3 @@
+import { HeadingProps } from '../../../primitives/Heading';
+export interface DefaultHeaderProps extends HeadingProps {
+}

package/dist/Authenticator/common/DefaultHeader/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Authenticator/common/FederatedProviderButton/FederatedProviderButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FederatedProviderButtonProps } from './types';
+export default function FederatedProviderButton({ children, source, style, textStyle, ...rest }: FederatedProviderButtonProps): JSX.Element;

package/dist/Authenticator/common/FederatedProviderButton/FederatedProviderButton.js

@@ -0,0 +1,13 @@
+import React, { useCallback } from 'react';
+import { Button, Icon, Label } from '../../../primitives';
+import { styles } from './styles';
+export default function FederatedProviderButton({ children, source, style, textStyle, ...rest }) {
+    const containerStyle = useCallback(({ pressed }) => {
+        const pressedStateStyle = typeof style === 'function' ? style({ pressed }) : style;
+        return [styles.container, pressedStateStyle];
+    }, [style]);
+    return (<Button {...rest} style={containerStyle}>
+      {source ? <Icon source={source} style={styles.icon} size={20}/> : null}
+      <Label style={[styles.label, textStyle]}>{children}</Label>
+    </Button>);
+}

package/dist/Authenticator/common/FederatedProviderButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FederatedProviderButton } from './FederatedProviderButton';
+export { FederatedProviderButtonProps } from './types';

package/dist/Authenticator/common/FederatedProviderButton/index.js

@@ -0,0 +1 @@
+export { default as FederatedProviderButton } from './FederatedProviderButton';

package/dist/Authenticator/common/FederatedProviderButton/styles.d.ts

@@ -0,0 +1,2 @@
+import { FederatedProviderButtonStyles } from './types';
+export declare const styles: FederatedProviderButtonStyles;

package/dist/Authenticator/common/FederatedProviderButton/styles.js

@@ -0,0 +1,18 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    container: {
+        alignItems: 'center',
+        borderRadius: 4,
+        borderWidth: StyleSheet.hairlineWidth,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        paddingVertical: 8,
+        width: '100%',
+    },
+    icon: {
+        paddingHorizontal: 16,
+    },
+    label: {
+        fontWeight: '400',
+    },
+});

package/dist/Authenticator/common/FederatedProviderButton/types.d.ts

@@ -0,0 +1,10 @@
+import { ImageSourcePropType, ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import { ButtonProps } from '../../../primitives';
+export interface FederatedProviderButtonProps extends ButtonProps {
+    source: ImageSourcePropType;
+}
+export interface FederatedProviderButtonStyles {
+    container: ViewStyle;
+    icon: ImageStyle;
+    label: TextStyle;
+}

package/dist/Authenticator/common/FederatedProviderButton/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Authenticator/common/FederatedProviderButtons/FederatedProviderButtons.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FederatedProviderButtonsProps } from './types';
+export default function FederatedProviderButtons({ socialProviders, toFederatedSignIn, }: FederatedProviderButtonsProps): JSX.Element | null;

package/dist/Authenticator/common/FederatedProviderButtons/FederatedProviderButtons.js

@@ -0,0 +1,22 @@
+import React, { useMemo } from 'react';
+import { View } from 'react-native';
+import { icons } from '../../../assets';
+import { capitalize } from '../../../utils';
+import { FederatedProviderButton } from '../FederatedProviderButton';
+import { Divider } from '../../../primitives';
+import { styles } from './styles';
+export default function FederatedProviderButtons({ socialProviders, toFederatedSignIn, }) {
+    const providerButtons = useMemo(() => socialProviders?.map((provider) => {
+        const providerIconSource = icons[`${provider}Logo`];
+        const handlePress = () => {
+            toFederatedSignIn({ provider });
+        };
+        return (<FederatedProviderButton key={provider} onPress={handlePress} source={providerIconSource} style={styles.button}>
+            {`Sign In with ${capitalize(provider)}`}
+          </FederatedProviderButton>);
+    }), [socialProviders, toFederatedSignIn]);
+    return providerButtons?.length ? (<View style={styles.container}>
+      {providerButtons}
+      <Divider labelStyle={styles.text}>Or</Divider>
+    </View>) : null;
+}

package/dist/Authenticator/common/FederatedProviderButtons/index.d.ts

@@ -0,0 +1 @@
+export { default as FederatedProviderButtons } from './FederatedProviderButtons';

package/dist/Authenticator/common/FederatedProviderButtons/index.js

@@ -0,0 +1 @@
+export { default as FederatedProviderButtons } from './FederatedProviderButtons';

package/dist/Authenticator/common/FederatedProviderButtons/styles.d.ts

@@ -0,0 +1,2 @@
+import { FederatedProviderButtonStyle } from './types';
+export declare const styles: FederatedProviderButtonStyle;

package/dist/Authenticator/common/FederatedProviderButtons/styles.js

@@ -0,0 +1,5 @@
+export const styles = {
+    button: { marginVertical: 8 },
+    container: { paddingVertical: 4 },
+    text: { paddingVertical: 8, textAlign: 'center' },
+};

package/dist/Authenticator/common/FederatedProviderButtons/types.d.ts

@@ -0,0 +1,9 @@
+import { TextStyle, ViewStyle } from 'react-native';
+import { AuthenticatorMachineContext } from '@aws-amplify/ui-react-core';
+export interface FederatedProviderButtonsProps extends Pick<AuthenticatorMachineContext, 'socialProviders' | 'toFederatedSignIn'> {
+}
+export interface FederatedProviderButtonStyle {
+    button: ViewStyle;
+    container: ViewStyle;
+    text: TextStyle;
+}

package/dist/Authenticator/common/FederatedProviderButtons/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Authenticator/common/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DefaultContainer';
+export * from './DefaultContent';
+export * from './DefaultFooter';
+export * from './DefaultFormFields';
+export * from './DefaultHeader';
+export * from './FederatedProviderButton';
+export * from './FederatedProviderButtons';

package/dist/Authenticator/common/index.js

@@ -0,0 +1,7 @@
+export * from './DefaultContainer';
+export * from './DefaultContent';
+export * from './DefaultFooter';
+export * from './DefaultFormFields';
+export * from './DefaultHeader';
+export * from './FederatedProviderButton';
+export * from './FederatedProviderButtons';

package/dist/Authenticator/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useFieldValues';
+export * from './types';

package/dist/Authenticator/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useFieldValues';
+export * from './types';

package/dist/Authenticator/hooks/types.d.ts

@@ -0,0 +1,24 @@
+import { TextFieldProps, PasswordFieldProps, PhoneNumberFieldProps, RadioProps } from '../../primitives';
+export declare type MachineFieldTypeKey = 'password' | 'tel';
+export declare type AuthenticatorFieldTypeKey = 'password' | 'phone' | 'default' | 'radio';
+declare type RadioFieldOnBlur = RadioProps<string>['onBlur'];
+export declare type TextFieldOnBlur = TextFieldProps['onBlur'];
+export declare type OnChangeText = TextFieldProps['onChangeText'];
+declare type FieldOptions<FieldProps, Type extends AuthenticatorFieldTypeKey> = {
+    name: string;
+    onBlur?: Type extends 'radio' ? RadioFieldOnBlur : TextFieldOnBlur;
+    required?: boolean;
+    type: Type;
+} & Omit<FieldProps, 'disabled' | 'onBlur'>;
+declare type PasswordFieldOptions = FieldOptions<PasswordFieldProps, 'password'>;
+declare type PhoneFieldOptions = FieldOptions<PhoneNumberFieldProps, 'phone'>;
+declare type DefaultFieldOptions = FieldOptions<TextFieldProps, 'default'>;
+export declare type TextFieldOptionsType = (PasswordFieldOptions | PhoneFieldOptions | DefaultFieldOptions) & {
+    labelHidden?: boolean;
+};
+export declare type RadioFieldOptions = FieldOptions<RadioProps<string>, 'radio'>;
+/**
+ * `field` options union
+ */
+export declare type TypedField = RadioFieldOptions | TextFieldOptionsType;
+export {};

package/dist/Authenticator/hooks/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Authenticator/hooks/useFieldValues/constants.d.ts

@@ -0,0 +1 @@
+export declare const KEY_ALLOW_LIST: string[];

package/dist/Authenticator/hooks/useFieldValues/constants.js

@@ -0,0 +1,8 @@
+// machine keys used with default fields that should be used with UI
+export const KEY_ALLOW_LIST = [
+    'label',
+    'placeholder',
+    'required',
+    'isRequired',
+    'type',
+];

package/dist/Authenticator/hooks/useFieldValues/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useFieldValues } from './useFieldValues';
+export { getRouteTypedFields } from './utils';

package/dist/Authenticator/hooks/useFieldValues/index.js

@@ -0,0 +1,2 @@
+export { default as useFieldValues } from './useFieldValues';
+export { getRouteTypedFields } from './utils';

package/dist/Authenticator/hooks/useFieldValues/types.d.ts

@@ -0,0 +1,24 @@
+import { AuthenticatorComponentDefaultProps, AuthenticatorRouteComponentName } from '@aws-amplify/ui-react-core';
+import { TypedField } from '../types';
+export declare type MachineEventHandlers = Pick<AuthenticatorComponentDefaultProps[AuthenticatorRouteComponentName], 'handleBlur' | 'handleChange' | 'handleSubmit'>;
+export interface UseFieldValuesParams<FieldType extends TypedField> {
+    componentName: AuthenticatorRouteComponentName;
+    fields: FieldType[];
+    /**
+     * machine "BLUR" event handler, validates `field` value against machine validation rules
+     */
+    handleBlur: MachineEventHandlers['handleBlur'];
+    /**
+     * machine "CHANGE"" event handler, validates `field` value against machine validation rules
+     */
+    handleChange: MachineEventHandlers['handleChange'];
+    /**
+     * machine "SUBMIT"" event handler, validates `field` value against machine validation rules
+     */
+    handleSubmit: MachineEventHandlers['handleSubmit'];
+}
+export interface UseFieldValues<FieldType extends TypedField> {
+    fields: FieldType[];
+    disableFormSubmit: boolean;
+    handleFormSubmit: () => void;
+}

package/dist/Authenticator/hooks/useFieldValues/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Authenticator/hooks/useFieldValues/useFieldValues.d.ts

@@ -0,0 +1,3 @@
+import { TypedField } from '../types';
+import { UseFieldValues, UseFieldValuesParams } from './types';
+export default function useFieldValues<FieldType extends TypedField>({ componentName, fields, handleBlur, handleChange, handleSubmit, }: UseFieldValuesParams<FieldType>): UseFieldValues<FieldType>;

package/dist/Authenticator/hooks/useFieldValues/useFieldValues.js

@@ -0,0 +1,80 @@
+import { useMemo, useState } from 'react';
+import { Logger } from 'aws-amplify';
+import { getSanitizedTextFields, getSanitizedRadioFields, isRadioFieldOptions, } from './utils';
+const logger = new Logger('Authenticator');
+export default function useFieldValues({ componentName, fields = [], handleBlur, handleChange, handleSubmit, }) {
+    const [values, setValues] = useState({});
+    const isRadioFieldComponent = componentName === 'VerifyUser';
+    const sanitizedFields = useMemo(() => {
+        if (!Array.isArray(fields)) {
+            logger.warn(`Invalid fields type of ${typeof fields} passed to ${componentName}. fields must be of type array.`);
+            return [];
+        }
+        if (isRadioFieldComponent) {
+            return getSanitizedRadioFields(fields, componentName);
+        }
+        return getSanitizedTextFields(fields, componentName);
+    }, [componentName, fields, isRadioFieldComponent]);
+    const fieldsWithHandlers = sanitizedFields.map((field) => {
+        if (isRadioFieldOptions(field)) {
+            const onChange = (value) => {
+                // call `onChange` passed as radio `field` option
+                field.onChange?.(value);
+                // set `name` as value of 'unverifiedAttr'
+                setValues({ unverifiedAttr: value });
+            };
+            return { ...field, onChange };
+        }
+        const { name, label, labelHidden, ...rest } = field;
+        const onBlur = (event) => {
+            // call `onBlur` passed as text `field` option
+            field.onBlur?.(event);
+            // call machine blur handler
+            handleBlur({ name, value: values[name] });
+        };
+        const onChangeText = (value) => {
+            // call `onChangeText` passed as text `field` option
+            field.onChangeText?.(value);
+            // call machine change handler
+            handleChange({ name, value });
+            setValues({ ...values, [name]: value });
+        };
+        return {
+            ...rest,
+            label: labelHidden ? undefined : label,
+            onBlur,
+            onChangeText,
+            name,
+            value: values[name],
+        };
+    });
+    const disableFormSubmit = isRadioFieldComponent
+        ? !values.unverifiedAttr
+        : fieldsWithHandlers.some(({ required, value }) => {
+            if (!required) {
+                return false;
+            }
+            if (value) {
+                return false;
+            }
+            return true;
+        });
+    const handleFormSubmit = () => {
+        const submitValue = isRadioFieldComponent
+            ? values
+            : fieldsWithHandlers.reduce((acc, { name, value, type }) => {
+                /*
+                      For phone numbers pass the first 3 charactes from value as dialCode until we support a dialCode picker
+                  */
+                return type === 'phone'
+                    ? {
+                        ...acc,
+                        country_code: value?.substring(0, 3),
+                        [name]: value?.substring(3, value.length),
+                    }
+                    : { ...acc, [name]: value };
+            }, {});
+        handleSubmit?.(submitValue);
+    };
+    return { fields: fieldsWithHandlers, disableFormSubmit, handleFormSubmit };
+}

package/dist/Authenticator/hooks/useFieldValues/utils.d.ts

@@ -0,0 +1,18 @@
+import { AuthenticatorLegacyField, AuthenticatorRouteComponentName, UseAuthenticator } from '@aws-amplify/ui-react-core';
+import { RadioFieldOptions, TypedField } from '../types';
+export declare const isRadioFieldOptions: (field: TypedField) => field is RadioFieldOptions;
+export declare const getSanitizedRadioFields: (fields: TypedField[], componentName: AuthenticatorRouteComponentName) => TypedField[];
+export declare const getSanitizedTextFields: (fields: TypedField[], componentName: AuthenticatorRouteComponentName) => TypedField[];
+/**
+ * Translate machine fields to typed fields
+ *
+ * @param {AuthenticatorLegacyField} field machine field option object
+ * @returns {TypedField} UI field props object
+ */
+export declare const getTypedField: ({ type: machineFieldType, name, ...field }: AuthenticatorLegacyField) => TypedField;
+/**
+ * @param {AuthenticatorLegacyField[]} fields machine field options array
+ * @returns {TypedField[]} UI field props array
+ */
+export declare const getTypedFields: (fields: AuthenticatorLegacyField[]) => TypedField[];
+export declare function getRouteTypedFields({ fields, route, }: Pick<UseAuthenticator, 'fields' | 'route'>): TypedField[];

package/dist/Authenticator/hooks/useFieldValues/utils.js

@@ -0,0 +1,98 @@
+import { Logger } from 'aws-amplify';
+import { isUnverifiedContactMethodType, UnverifiedContactMethodType, } from '@aws-amplify/ui';
+import { isAuthenticatorComponentRouteKey, } from '@aws-amplify/ui-react-core';
+import { KEY_ALLOW_LIST } from './constants';
+const logger = new Logger('Authenticator');
+export const isRadioFieldOptions = (field) => field?.type === 'radio';
+export const getSanitizedRadioFields = (fields, componentName) => {
+    const values = {};
+    return fields.filter((field) => {
+        if (!isRadioFieldOptions(field)) {
+            logger.warn(`${componentName} component does not support text fields. field with type ${field.type} has been ignored.`);
+            return false;
+        }
+        const { name, value } = field;
+        if (!value) {
+            logger.warn('Each radio field must have a value. field has been ignored.');
+            return false;
+        }
+        if (values[value]) {
+            logger.warn(`Each radio field value must be unique. field with duplicate value of ${value} has been ignored.`);
+            return false;
+        }
+        if (!isUnverifiedContactMethodType(name)) {
+            logger.warn(`field with name '${name}' has been ignored. Supported values are: ${Object.values(UnverifiedContactMethodType)}.`);
+            return false;
+        }
+        // add `value` key to `values`
+        values[value] = true;
+        return true;
+    });
+};
+export const getSanitizedTextFields = (fields, componentName) => {
+    const names = {};
+    return fields.filter((field) => {
+        if (isRadioFieldOptions(field)) {
+            logger.warn(`${componentName} component does not support radio fields. field has been ignored.`);
+            return false;
+        }
+        const { name } = field;
+        if (!name) {
+            logger.warn('Each field must have a name. field has been ignored.');
+            return false;
+        }
+        if (names[name]) {
+            logger.warn(`Each field name must be unique. field with duplicate name of ${name} has been ignored.`);
+            return false;
+        }
+        names[name] = true;
+        return true;
+    });
+};
+// typed fields utils
+const isKeyAllowed = (key) => KEY_ALLOW_LIST.some((allowedKey) => allowedKey === key);
+const isValidMachineFieldType = (type) => type === 'password' || type === 'tel';
+const getFieldType = (type) => {
+    if (isValidMachineFieldType(type)) {
+        return type === 'tel' ? 'phone' : type;
+    }
+    return 'default';
+};
+/**
+ * Translate machine fields to typed fields
+ *
+ * @param {AuthenticatorLegacyField} field machine field option object
+ * @returns {TypedField} UI field props object
+ */
+export const getTypedField = ({ type: machineFieldType, name, ...field }) => {
+    const type = getFieldType(machineFieldType);
+    return Object.entries(field).reduce((acc, [key, value]) => {
+        // early return if key is not allowed
+        if (!isKeyAllowed(key)) {
+            return acc;
+        }
+        // map to `required` prop
+        if (key === 'isRequired' || key === 'required') {
+            // `TypedField` props expects `required` key
+            return { ...acc, required: value };
+        }
+        return { ...acc, [key]: value };
+    }, 
+    // initialize `acc` with field `name` and `type`
+    { name, type });
+};
+/**
+ * @param {AuthenticatorLegacyField[]} fields machine field options array
+ * @returns {TypedField[]} UI field props array
+ */
+export const getTypedFields = (fields) => fields?.map(getTypedField);
+export function getRouteTypedFields({ fields, route, }) {
+    const isComponentRoute = isAuthenticatorComponentRouteKey(route);
+    if (!isComponentRoute) {
+        return [];
+    }
+    // `VerifyUser` does not require additional updates to the shape of `fields`
+    const isVerifyUserRoute = route === 'verifyUser';
+    const radioFields = fields;
+    return isVerifyUserRoute ? radioFields : getTypedFields(fields);
+}

package/dist/Authenticator/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Authenticator } from './Authenticator';
+export { AuthenticatorProps, WithAuthenticatorOptions } from './types';
+export { default as withAuthenticator } from './withAuthenticator';
+export { useAuthenticator, UseAuthenticator } from '@aws-amplify/ui-react-core';

package/dist/Authenticator/index.js

@@ -0,0 +1,4 @@
+export { default as Authenticator } from './Authenticator';
+export { default as withAuthenticator } from './withAuthenticator';
+// re-export shared `Authenticator` exports
+export { useAuthenticator } from '@aws-amplify/ui-react-core';

package/dist/Authenticator/types.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { AuthenticatorMachineOptions } from '@aws-amplify/ui';
+import { DefaultContainerComponent } from './common';
+import { Components } from './Defaults';
+declare type SupportedAuthenticatorMachineOptions = Omit<AuthenticatorMachineOptions, 'socialProviders' | 'formFields'>;
+export interface AuthenticatorProps extends SupportedAuthenticatorMachineOptions {
+    children?: React.ReactNode;
+    Container?: DefaultContainerComponent;
+    Footer?: React.ComponentType;
+    Header?: React.ComponentType;
+    components?: Components;
+}
+export declare type WithAuthenticatorOptions = Omit<AuthenticatorProps, 'children'>;
+export {};

package/dist/Authenticator/types.js

@@ -0,0 +1 @@
+export {};

package/dist/Authenticator/withAuthenticator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { WithAuthenticatorOptions } from './types';
+export default function withAuthenticator<Props = {}>(Component: React.ComponentType<Props>, options?: WithAuthenticatorOptions): (props: Props) => JSX.Element;

package/dist/Authenticator/withAuthenticator.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Authenticator from './Authenticator';
+export default function withAuthenticator(Component, options = {}) {
+    return function WrappedWithAuthenticator(props) {
+        return (<Authenticator.Provider>
+        <Authenticator {...options}>
+          <Component {...props}/>
+        </Authenticator>
+      </Authenticator.Provider>);
+    };
+}

package/dist/InAppMessaging/components/BannerMessage/BannerMessage.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BannerMessageProps } from './types';
 export default function BannerMessage({ position, ...props }: BannerMessageProps): JSX.Element | null;

package/dist/InAppMessaging/components/CarouselMessage/CarouselMessage.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CarouselMessageProps } from './types';
 export default function CarouselMessage(props: CarouselMessageProps): JSX.Element;

package/dist/InAppMessaging/components/CarouselMessage/CarouselMessageItem.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CarouselMessageItemProps } from './types';
 export default function CarouselMessageItem(props: CarouselMessageItemProps): JSX.Element | null;

package/dist/InAppMessaging/components/FullScreenMessage/FullScreenMessage.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FullScreenMessageProps } from './types';
 export default function FullScreenMessage(props: FullScreenMessageProps): JSX.Element | null;

package/dist/InAppMessaging/components/InAppMessageDisplay/InAppMessageDisplay.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InAppMessageDisplayProps } from './types';
 declare function InAppMessageDisplay({ components: overrideComponents, }: InAppMessageDisplayProps): JSX.Element | null;
 declare namespace InAppMessageDisplay {

package/dist/InAppMessaging/components/MessageLayout/MessageLayout.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { LayoutProps } from './types';
 export default function MessageLayout({ orientation, ...props }: LayoutProps): JSX.Element;

package/dist/InAppMessaging/components/MessageWrapper/MessageWrapper.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MessageWrapperProps } from './types';
 export default function MessageWrapper({ children, disableSafeAreaView, style, }: MessageWrapperProps): JSX.Element;