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

package/.eslintrc.js

@@ -1,7 +1,13 @@
 module.exports = {
   env: { node: true },
   root: true,
-  ignorePatterns: ['dist', '.eslintrc.js', 'babel.config.js', 'jest.config.js'],
+  ignorePatterns: [
+    'dist',
+    '.eslintrc.js',
+    'babel.config.js',
+    'jest.config.js',
+    'jest.setup.js',
+  ],
   extends: [
     'eslint:recommended',
     'plugin:jest/recommended',

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @aws-amplify/ui-react-native
 
+## 1.1.0
+
+### Minor Changes
+
+- [#3067](https://github.com/aws-amplify/amplify-ui/pull/3067) [`ce3378ee9`](https://github.com/aws-amplify/amplify-ui/commit/ce3378ee90c1545bb41551817bee8662629920c1) Thanks [@joebuono](https://github.com/joebuono)! - feat: Add React Native Authenticator
+
+### Patch Changes
+
+- Updated dependencies [[`ce3378ee9`](https://github.com/aws-amplify/amplify-ui/commit/ce3378ee90c1545bb41551817bee8662629920c1), [`0234889ea`](https://github.com/aws-amplify/amplify-ui/commit/0234889eaf6dd8337e1140ee993be0380e80a5bf)]:
+  - @aws-amplify/ui@5.1.0
+  - @aws-amplify/ui-react-core@2.1.0
+
 ## 1.0.0
 
 ### Major Changes

package/dist/Authenticator/Authenticator.d.ts

@@ -0,0 +1,162 @@
+/// <reference types="amazon-cognito-identity-js" />
+import React from 'react';
+import { DefaultContainer } from './common';
+import { AuthenticatorProps } from './types';
+declare function Authenticator({ children, components: overrides, Container, Footer, Header, ...options }: AuthenticatorProps): JSX.Element | null;
+declare namespace Authenticator {
+    var Container: typeof DefaultContainer;
+    var Provider: typeof import("@aws-amplify/ui-react-core").AuthenticatorProvider;
+    var ConfirmResetPassword: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        validationErrors?: import("@aws-amplify/ui").ValidationError | undefined;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmResetPasswordStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        validationErrors?: import("@aws-amplify/ui").ValidationError | undefined;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmResetPasswordStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var ConfirmSignIn: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        challengeName: import("amazon-cognito-identity-js").ChallengeName;
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmSignInStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        challengeName: import("amazon-cognito-identity-js").ChallengeName;
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmSignInStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var ConfirmSignUp: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        codeDeliveryDetails: import("@aws-amplify/ui").CodeDeliveryDetails;
+        resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmSignUpStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        codeDeliveryDetails: import("@aws-amplify/ui").CodeDeliveryDetails;
+        resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmSignUpStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var ConfirmVerifyUser: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmVerifyUserStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ConfirmVerifyUserStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var ForceNewPassword: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        validationErrors?: import("@aws-amplify/ui").ValidationError | undefined;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ForceNewPasswordStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        validationErrors?: import("@aws-amplify/ui").ValidationError | undefined;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ForceNewPasswordStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var ResetPassword: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ResetPasswordStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").ResetPasswordStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var SetupTOTP: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        getTotpSecretCode: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").GetTotpSecretCode;
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").SetupTOTPStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        getTotpSecretCode: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").GetTotpSecretCode;
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").SetupTOTPStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var SignIn: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        hideSignUp?: boolean | undefined;
+        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        toResetPassword: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        toSignUp: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").SignInStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        hideSignUp?: boolean | undefined;
+        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        toResetPassword: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        toSignUp: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").SignInStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var SignUp: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        hideSignIn?: boolean | undefined;
+        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        validationErrors?: import("@aws-amplify/ui").ValidationError | undefined;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").SignUpStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+        hideSignIn?: boolean | undefined;
+        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        validationErrors?: import("@aws-amplify/ui").ValidationError | undefined;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").TextFieldOptionsType[];
+    } & {
+        style?: import("./Defaults/types").SignUpStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
+    var VerifyUser: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").RadioFieldOptions> & {
+        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").RadioFieldOptions[];
+    } & {
+        style?: import("./Defaults/types").VerifyUserStyle | undefined;
+    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").RadioFieldOptions> & {
+        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
+        fields: import("./hooks").RadioFieldOptions[];
+    } & {
+        style?: import("./Defaults/types").VerifyUserStyle | undefined;
+    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").RadioFieldOptions>;
+}
+export default Authenticator;

package/dist/Authenticator/Authenticator.js

@@ -0,0 +1,57 @@
+import React, { useMemo } from 'react';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { AuthenticatorProvider as Provider, resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, useAuthenticatorInitMachine, } from '@aws-amplify/ui-react-core';
+import { DefaultContainer, InnerContainer } from './common';
+import { getRouteTypedFields } from './hooks';
+import { ConfirmResetPassword, ConfirmSignIn, ConfirmSignUp, ConfirmVerifyUser, ForceNewPassword, ResetPassword, SetupTOTP, SignIn, SignUp, VerifyUser, } from './Defaults';
+const DEFAULTS = {
+    ConfirmResetPassword,
+    ConfirmSignIn,
+    ConfirmSignUp,
+    ConfirmVerifyUser,
+    ForceNewPassword,
+    ResetPassword,
+    SetupTOTP,
+    SignIn,
+    SignUp,
+    VerifyUser,
+};
+const isAuthenticatedRoute = (route) => route === 'authenticated' || route === 'signOut';
+const routePropSelector = ({ route, }) => [
+    route,
+];
+function Authenticator({ children, components: overrides, Container = DefaultContainer, Footer, Header, ...options }) {
+    useAuthenticatorInitMachine(options);
+    const { fields, route } = useAuthenticator(routePropSelector);
+    const components = useMemo(
+    // allow any to prevent TS from assuming that all fields are of type `TextFieldOptions`
+    () => resolveAuthenticatorComponents(DEFAULTS, overrides), [overrides]);
+    const { Component, props } = useAuthenticatorRoute({ components });
+    const typedFields = getRouteTypedFields({ fields, route });
+    if (isAuthenticatedRoute(route)) {
+        return children ? <>{children}</> : null;
+    }
+    return (<SafeAreaProvider>
+      <Container>
+        {Header ? <Header /> : null}
+        <InnerContainer>
+          <Component {...props} fields={typedFields}/>
+        </InnerContainer>
+        {Footer ? <Footer /> : null}
+      </Container>
+    </SafeAreaProvider>);
+}
+// assign slot components
+Authenticator.Container = DefaultContainer;
+Authenticator.Provider = Provider;
+Authenticator.ConfirmResetPassword = ConfirmResetPassword;
+Authenticator.ConfirmSignIn = ConfirmSignIn;
+Authenticator.ConfirmSignUp = ConfirmSignUp;
+Authenticator.ConfirmVerifyUser = ConfirmVerifyUser;
+Authenticator.ForceNewPassword = ForceNewPassword;
+Authenticator.ResetPassword = ResetPassword;
+Authenticator.SetupTOTP = SetupTOTP;
+Authenticator.SignIn = SignIn;
+Authenticator.SignUp = SignUp;
+Authenticator.VerifyUser = VerifyUser;
+export default Authenticator;

package/dist/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.d.ts

@@ -0,0 +1,3 @@
+import { DefaultConfirmResetPasswordComponent } from '../types';
+declare const ConfirmResetPassword: DefaultConfirmResetPasswordComponent;
+export default ConfirmResetPassword;

package/dist/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.js

@@ -0,0 +1,28 @@
+import React, { useMemo } from 'react';
+import { authenticatorTextUtil } from '@aws-amplify/ui';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { useFieldValues } from '../../hooks';
+const COMPONENT_NAME = 'ConfirmResetPassword';
+const { getResetYourPasswordText, getSubmitText, getSubmittingText, getResendCodeText, } = authenticatorTextUtil;
+const ConfirmResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, ...rest }) => {
+    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+    });
+    const headerText = getResetYourPasswordText();
+    const primaryButtonText = isPending ? getSubmittingText() : getSubmitText();
+    const secondaryButtonText = getResendCodeText();
+    const buttons = useMemo(() => ({
+        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        secondary: { children: secondaryButtonText, onPress: resendCode },
+    }), [handleFormSubmit, primaryButtonText, resendCode, secondaryButtonText]);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+};
+ConfirmResetPassword.Footer = DefaultFooter;
+ConfirmResetPassword.FormFields = DefaultTextFormFields;
+ConfirmResetPassword.Header = DefaultHeader;
+ConfirmResetPassword.displayName = COMPONENT_NAME;
+export default ConfirmResetPassword;

package/dist/Authenticator/Defaults/ConfirmResetPassword/index.d.ts

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

package/dist/Authenticator/Defaults/ConfirmResetPassword/index.js

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

package/dist/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.d.ts

@@ -0,0 +1,3 @@
+import { DefaultConfirmSignInComponent } from '../types';
+declare const ConfirmSignIn: DefaultConfirmSignInComponent;
+export default ConfirmSignIn;

package/dist/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.js

@@ -0,0 +1,28 @@
+import React, { useMemo } from 'react';
+import { authenticatorTextUtil } from '@aws-amplify/ui';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { useFieldValues } from '../../hooks';
+const COMPONENT_NAME = 'ConfirmSignIn';
+const { getBackToSignInText, getChallengeText, getConfirmText, getConfirmingText, } = authenticatorTextUtil;
+const ConfirmSignIn = ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, ...rest }) => {
+    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+    });
+    const headerText = getChallengeText(challengeName);
+    const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
+    const secondaryButtonText = getBackToSignInText();
+    const buttons = useMemo(() => ({
+        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+};
+ConfirmSignIn.Footer = DefaultFooter;
+ConfirmSignIn.FormFields = DefaultTextFormFields;
+ConfirmSignIn.Header = DefaultHeader;
+ConfirmSignIn.displayName = COMPONENT_NAME;
+export default ConfirmSignIn;

package/dist/Authenticator/Defaults/ConfirmSignIn/index.d.ts

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

package/dist/Authenticator/Defaults/ConfirmSignIn/index.js

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

package/dist/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.d.ts

@@ -0,0 +1,3 @@
+import { DefaultConfirmSignUpComponent } from '../types';
+declare const ConfirmSignUp: DefaultConfirmSignUpComponent;
+export default ConfirmSignUp;

package/dist/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.js

@@ -0,0 +1,29 @@
+import React, { useMemo } from 'react';
+import { authenticatorTextUtil } from '@aws-amplify/ui';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { useFieldValues } from '../../hooks';
+const COMPONENT_NAME = 'ConfirmSignUp';
+const { getDeliveryMethodText, getDeliveryMessageText, getConfirmingText, getConfirmText, getResendCodeText, } = authenticatorTextUtil;
+const ConfirmSignUp = ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, ...rest }) => {
+    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+    });
+    const headerText = getDeliveryMethodText(codeDeliveryDetails);
+    const bodyText = getDeliveryMessageText(codeDeliveryDetails);
+    const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
+    const secondaryButtonText = getResendCodeText();
+    const buttons = useMemo(() => ({
+        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        secondary: { children: secondaryButtonText, onPress: resendCode },
+    }), [handleFormSubmit, primaryButtonText, resendCode, secondaryButtonText]);
+    return (<DefaultContent {...rest} body={bodyText} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+};
+ConfirmSignUp.FormFields = DefaultTextFormFields;
+ConfirmSignUp.Footer = DefaultFooter;
+ConfirmSignUp.Header = DefaultHeader;
+ConfirmSignUp.displayName = COMPONENT_NAME;
+export default ConfirmSignUp;

package/dist/Authenticator/Defaults/ConfirmSignUp/index.d.ts

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

package/dist/Authenticator/Defaults/ConfirmSignUp/index.js

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

package/dist/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.d.ts

@@ -0,0 +1,3 @@
+import { DefaultConfirmVerifyUserComponent } from '../types';
+declare const ConfirmVerifyUser: DefaultConfirmVerifyUserComponent;
+export default ConfirmVerifyUser;

package/dist/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.js

@@ -0,0 +1,28 @@
+import React, { useMemo } from 'react';
+import { authenticatorTextUtil } from '@aws-amplify/ui';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { useFieldValues } from '../../hooks';
+const COMPONENT_NAME = 'ConfirmVerifyUser';
+const { getAccountRecoveryInfoText, getSkipText, getSubmitText, getSubmittingText, } = authenticatorTextUtil;
+const ConfirmVerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, ...rest }) => {
+    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+    });
+    const headerText = getAccountRecoveryInfoText();
+    const primaryButtonText = isPending ? getSubmittingText() : getSubmitText();
+    const secondaryButtonText = getSkipText();
+    const buttons = useMemo(() => ({
+        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        links: [{ children: secondaryButtonText, onPress: skipVerification }],
+    }), [handleFormSubmit, primaryButtonText, skipVerification, secondaryButtonText]);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+};
+ConfirmVerifyUser.Footer = DefaultFooter;
+ConfirmVerifyUser.FormFields = DefaultTextFormFields;
+ConfirmVerifyUser.Header = DefaultHeader;
+ConfirmVerifyUser.displayName = COMPONENT_NAME;
+export default ConfirmVerifyUser;

package/dist/Authenticator/Defaults/ConfirmVerifyUser/index.d.ts

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

package/dist/Authenticator/Defaults/ConfirmVerifyUser/index.js

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

package/dist/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.d.ts

@@ -0,0 +1,3 @@
+import { DefaultForceNewPasswordComponent } from '../types';
+declare const ForceNewPassword: DefaultForceNewPasswordComponent;
+export default ForceNewPassword;

package/dist/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.js

@@ -0,0 +1,30 @@
+import React, { useMemo } from 'react';
+import { authenticatorTextUtil } from '@aws-amplify/ui';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { useFieldValues } from '../../hooks';
+const COMPONENT_NAME = 'ForceNewPassword';
+const { getChangePasswordText, getChangingText, getBackToSignInText } = authenticatorTextUtil;
+const ForceNewPassword = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, ...rest }) => {
+    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+    });
+    const headerText = getChangePasswordText();
+    const primaryButtonText = isPending
+        ? getChangingText()
+        : getChangePasswordText();
+    const secondaryButtonText = getBackToSignInText();
+    const buttons = useMemo(() => ({
+        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+};
+ForceNewPassword.Footer = DefaultFooter;
+ForceNewPassword.FormFields = DefaultTextFormFields;
+ForceNewPassword.Header = DefaultHeader;
+ForceNewPassword.displayName = COMPONENT_NAME;
+export default ForceNewPassword;

package/dist/Authenticator/Defaults/ForceNewPassword/index.d.ts

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

package/dist/Authenticator/Defaults/ForceNewPassword/index.js

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

package/dist/Authenticator/Defaults/ResetPassword/ResetPassword.d.ts

@@ -0,0 +1,3 @@
+import { DefaultResetPasswordComponent } from '../types';
+declare const ResetPassword: DefaultResetPasswordComponent;
+export default ResetPassword;

package/dist/Authenticator/Defaults/ResetPassword/ResetPassword.js

@@ -0,0 +1,28 @@
+import React, { useMemo } from 'react';
+import { authenticatorTextUtil } from '@aws-amplify/ui';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { useFieldValues } from '../../hooks';
+const COMPONENT_NAME = 'ResetPassword';
+const { getResetYourPasswordText, getSendCodeText, getSendingText, getBackToSignInText, } = authenticatorTextUtil;
+const ResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, ...rest }) => {
+    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+    });
+    const headerText = getResetYourPasswordText();
+    const primaryButtonText = isPending ? getSendingText() : getSendCodeText();
+    const secondaryButtonText = getBackToSignInText();
+    const buttons = useMemo(() => ({
+        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+};
+ResetPassword.Footer = DefaultFooter;
+ResetPassword.FormFields = DefaultTextFormFields;
+ResetPassword.Header = DefaultHeader;
+ResetPassword.displayName = COMPONENT_NAME;
+export default ResetPassword;

package/dist/Authenticator/Defaults/ResetPassword/index.d.ts

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

package/dist/Authenticator/Defaults/ResetPassword/index.js

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

package/dist/Authenticator/Defaults/SetupTOTP/SetupTOTP.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSetupTOTPComponent } from '../types';
+declare const SetupTOTP: DefaultSetupTOTPComponent;
+export default SetupTOTP;

package/dist/Authenticator/Defaults/SetupTOTP/SetupTOTP.js

@@ -0,0 +1,55 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Logger } from 'aws-amplify';
+import { authenticatorTextUtil } from '@aws-amplify/ui';
+import { Label } from '../../../primitives';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { useFieldValues } from '../../hooks';
+import { styles } from './styles';
+const COMPONENT_NAME = 'SetupTOTP';
+const logger = new Logger('Authenticator');
+const { getBackToSignInText, getConfirmingText, getConfirmText, getSetupTOTPText, getSetupTOTPInstructionsText, } = authenticatorTextUtil;
+const SetupTOTP = ({ fields, getTotpSecretCode, handleBlur, handleChange, handleSubmit, isPending, toSignIn, ...rest }) => {
+    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+    });
+    const [secretKey, setSecretKey] = useState(null);
+    const getSecretKey = useCallback(async () => {
+        try {
+            const newSecretKey = await getTotpSecretCode();
+            setSecretKey(newSecretKey);
+        }
+        catch (error) {
+            logger.error(error);
+        }
+    }, [getTotpSecretCode]);
+    useEffect(() => {
+        if (!secretKey) {
+            getSecretKey();
+        }
+    }, [getSecretKey, secretKey]);
+    const headerText = getSetupTOTPText();
+    const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
+    const secondaryButtonText = getBackToSignInText();
+    const body = secretKey ? (<>
+      <Label style={styles.secretKeyText}>
+        {getSetupTOTPInstructionsText()}
+      </Label>
+      <Label selectable style={styles.secretKeyText}>
+        {secretKey}
+      </Label>
+    </>) : null;
+    const buttons = useMemo(() => ({
+        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    return (<DefaultContent {...rest} body={body} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+};
+SetupTOTP.Footer = DefaultFooter;
+SetupTOTP.FormFields = DefaultTextFormFields;
+SetupTOTP.Header = DefaultHeader;
+SetupTOTP.displayName = COMPONENT_NAME;
+export default SetupTOTP;

package/dist/Authenticator/Defaults/SetupTOTP/index.d.ts

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

package/dist/Authenticator/Defaults/SetupTOTP/index.js

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

package/dist/Authenticator/Defaults/SetupTOTP/styles.d.ts

@@ -0,0 +1,5 @@
+import { TextStyle } from 'react-native';
+export interface SetupTOTPStyle {
+    secretKeyText: TextStyle;
+}
+export declare const styles: SetupTOTPStyle;

package/dist/Authenticator/Defaults/SetupTOTP/styles.js

@@ -0,0 +1,5 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    // TODO: replace with tokens
+    secretKeyText: { flexWrap: 'wrap', paddingVertical: 4, marginHorizontal: 8 },
+});

package/dist/Authenticator/Defaults/SignIn/SignIn.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSignInComponent } from '../types';
+declare const SignIn: DefaultSignInComponent;
+export default SignIn;