@aws-amplify/ui-react-native 1.2.28 → 2.0.0

package/dist/Authenticator/Authenticator.d.ts

@@ -6,7 +6,13 @@ declare namespace Authenticator {
     var Container: typeof DefaultContainer;
     var Provider: typeof import("@aws-amplify/ui-react-core").AuthenticatorProvider;
     var ConfirmResetPassword: {
-        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmResetPasswordProps): JSX.Element;
+        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, validationErrors, ...rest }: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+            resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").ConfirmResetPasswordStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -16,7 +22,14 @@ declare namespace Authenticator {
         displayName: string;
     };
     var ConfirmSignIn: {
-        ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmSignInProps): JSX.Element;
+        ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+            challengeName: import("@aws-amplify/ui").ChallengeName | undefined;
+            toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").ConfirmSignInStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -26,7 +39,14 @@ declare namespace Authenticator {
         displayName: string;
     };
     var ConfirmSignUp: {
-        ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmSignUpProps): JSX.Element;
+        ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, validationErrors, ...rest }: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+            codeDeliveryDetails: import("@aws-amplify/ui").V5CodeDeliveryDetails;
+            resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").ConfirmSignUpStyle | undefined;
+        }): JSX.Element;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
             displayName: string;
@@ -36,7 +56,13 @@ declare namespace Authenticator {
         displayName: string;
     };
     var ConfirmVerifyUser: {
-        ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmVerifyUserProps): JSX.Element;
+        ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, validationErrors, ...rest }: 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 & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").ConfirmVerifyUserStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -46,7 +72,13 @@ declare namespace Authenticator {
         displayName: string;
     };
     var ForceNewPassword: {
-        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultForceNewPasswordProps): JSX.Element;
+        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, validationErrors, ...rest }: 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 & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").ForceNewPasswordStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -55,8 +87,14 @@ declare namespace Authenticator {
         Header: typeof import("./common").DefaultHeader;
         displayName: string;
     };
-    var ResetPassword: {
-        ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultResetPasswordProps): JSX.Element;
+    var ForgotPassword: {
+        ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: 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 & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").ResetPasswordStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -65,8 +103,16 @@ declare namespace Authenticator {
         Header: typeof import("./common").DefaultHeader;
         displayName: string;
     };
-    var SetupTOTP: {
-        ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }: import("./Defaults/types").DefaultSetupTOTPProps): JSX.Element;
+    var SetupTotp: {
+        ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+            toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+            totpSecretCode: string | null;
+            username: string;
+        } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").SetupTotpStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -76,7 +122,17 @@ declare namespace Authenticator {
         displayName: string;
     };
     var SignIn: {
-        ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, toResetPassword, toSignUp, validationErrors, ...rest }: import("./Defaults/types").DefaultSignInProps): JSX.Element;
+        ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, socialProviders, toFederatedSignIn, toForgotPassword, toSignUp, validationErrors, ...rest }: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+            hideSignUp?: boolean | undefined;
+            socialProviders?: import("@aws-amplify/ui").SocialProvider[] | undefined;
+            toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+            toForgotPassword: (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 & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").SignInStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -86,7 +142,16 @@ declare namespace Authenticator {
         displayName: string;
     };
     var SignUp: {
-        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultSignUpProps): JSX.Element;
+        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, socialProviders, toFederatedSignIn, toSignIn, validationErrors, ...rest }: import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
+            hideSignIn?: boolean | undefined;
+            socialProviders?: import("@aws-amplify/ui").SocialProvider[] | undefined;
+            toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+            toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
+        } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").TextFieldOptionsType[];
+        } & {
+            style?: import("./Defaults/types").SignUpStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -96,7 +161,13 @@ declare namespace Authenticator {
         displayName: string;
     };
     var VerifyUser: {
-        ({ fields, handleBlur, handleChange, handleSubmit, skipVerification, validationErrors, ...rest }: import("./Defaults/types").DefaultVerifyUserProps): JSX.Element;
+        ({ fields, handleBlur, handleChange, handleSubmit, skipVerification, validationErrors, ...rest }: 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 & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ValidationProps & {
+            fields: import("./hooks").RadioFieldOptions[];
+        } & {
+            style?: import("./Defaults/types").VerifyUserStyle | undefined;
+        }): JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
             ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: import("./common/DefaultFormFields/types").DefaultRadioFormFieldsProps): JSX.Element;

package/dist/Authenticator/Authenticator.js

@@ -1,20 +1,19 @@
 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 { configureComponent } from '@aws-amplify/ui';
+import { AuthenticatorProvider as Provider, resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, useAuthenticatorInitMachine, useSetUserAgent, } from '@aws-amplify/ui-react-core';
 import { useDeprecationWarning } from '../hooks';
 import { DefaultContainer, InnerContainer } from './common';
 import { getRouteTypedFields } from './hooks';
 import { VERSION } from '../version';
-import { ConfirmResetPassword, ConfirmSignIn, ConfirmSignUp, ConfirmVerifyUser, ForceNewPassword, ResetPassword, SetupTOTP, SignIn, SignUp, VerifyUser, } from './Defaults';
+import { ConfirmResetPassword, ConfirmSignIn, ConfirmSignUp, ConfirmVerifyUser, ForceNewPassword, ForgotPassword, SetupTotp, SignIn, SignUp, VerifyUser, } from './Defaults';
 const DEFAULTS = {
     ConfirmResetPassword,
     ConfirmSignIn,
     ConfirmSignUp,
     ConfirmVerifyUser,
     ForceNewPassword,
-    ResetPassword,
-    SetupTOTP,
+    ForgotPassword,
+    SetupTotp,
     SignIn,
     SignUp,
     VerifyUser,
@@ -25,22 +24,26 @@ const routePropSelector = ({ route, }) => [
 function Authenticator({ children, components: overrides, Container = DefaultContainer, Footer, Header, ...options }) {
     useDeprecationWarning({
         message: 'The `passwordSettings` prop has been deprecated and will be removed in a future major version of Amplify UI.',
-        shouldWarn: !!options?.passwordSettings,
+        // shouldWarn: !!options?.passwordSettings,
+        /**
+         * @migration turn off until getConfig returns zero config
+         */
+        shouldWarn: false,
+    });
+    useSetUserAgent({
+        componentName: 'Authenticator',
+        packageName: 'react-native',
+        version: VERSION,
     });
-    React.useEffect(() => {
-        configureComponent({
-            packageName: '@aws-amplify/ui-react-native',
-            version: VERSION,
-        });
-    }, []);
     useAuthenticatorInitMachine(options);
-    const { authStatus, fields, route } = useAuthenticator(routePropSelector);
+    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 (authStatus === 'authenticated') {
+    const isAuthenticatedRoute = route === 'authenticated' || route === 'signOut';
+    if (isAuthenticatedRoute) {
         return children ? <>{children}</> : null;
     }
     return (<SafeAreaProvider>
@@ -61,8 +64,8 @@ Authenticator.ConfirmSignIn = ConfirmSignIn;
 Authenticator.ConfirmSignUp = ConfirmSignUp;
 Authenticator.ConfirmVerifyUser = ConfirmVerifyUser;
 Authenticator.ForceNewPassword = ForceNewPassword;
-Authenticator.ResetPassword = ResetPassword;
-Authenticator.SetupTOTP = SetupTOTP;
+Authenticator.ForgotPassword = ForgotPassword;
+Authenticator.SetupTotp = SetupTotp;
 Authenticator.SignIn = SignIn;
 Authenticator.SignUp = SignUp;
 Authenticator.VerifyUser = VerifyUser;

package/dist/Authenticator/Defaults/{ResetPassword/ResetPassword.d.ts → ForgotPassword/ForgotPassword.d.ts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { DefaultFooter, DefaultHeader } from '../../common';
-import { DefaultResetPasswordProps } from '../types';
+import { DefaultForgotPasswordProps } from '../types';
 declare const ResetPassword: {
-    ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: DefaultResetPasswordProps): JSX.Element;
+    ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: DefaultForgotPasswordProps): JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
         ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;

package/dist/Authenticator/Defaults/{ResetPassword/ResetPassword.js → ForgotPassword/ForgotPassword.js}

@@ -2,7 +2,7 @@ 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 COMPONENT_NAME = 'ForgotPassword';
 const { getResetYourPasswordText, getSendCodeText, getSendingText, getBackToSignInText, } = authenticatorTextUtil;
 const ResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }) => {
     const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({

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

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

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

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

package/dist/Authenticator/Defaults/{SetupTOTP/SetupTOTP.d.ts → SetupTotp/SetupTotp.d.ts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { DefaultFooter, DefaultHeader } from '../../common';
-import { DefaultSetupTOTPProps } from '../types';
-declare const SetupTOTP: {
-    ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }: DefaultSetupTOTPProps): JSX.Element;
+import { DefaultSetupTotpProps } from '../types';
+declare const SetupTotp: {
+    ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }: DefaultSetupTotpProps): JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
         ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
@@ -11,4 +11,4 @@ declare const SetupTOTP: {
     Header: typeof DefaultHeader;
     displayName: string;
 };
-export default SetupTOTP;
+export default SetupTotp;

package/dist/Authenticator/Defaults/{SetupTOTP/SetupTOTP.js → SetupTotp/SetupTotp.js}

@@ -4,9 +4,9 @@ import { Label } from '../../../primitives';
 import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
 import { useFieldValues } from '../../hooks';
 import { styles } from './styles';
-const COMPONENT_NAME = 'SetupTOTP';
-const { getBackToSignInText, getConfirmingText, getConfirmText, getSetupTOTPText, getSetupTOTPInstructionsText, } = authenticatorTextUtil;
-const SetupTOTP = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }) => {
+const COMPONENT_NAME = 'SetupTotp';
+const { getBackToSignInText, getConfirmingText, getConfirmText, getSetupTotpText, getSetupTotpInstructionsText, } = authenticatorTextUtil;
+const SetupTotp = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }) => {
     const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
@@ -15,12 +15,12 @@ const SetupTOTP = ({ fields, handleBlur, handleChange, handleSubmit, isPending,
         handleSubmit,
         validationErrors,
     });
-    const headerText = getSetupTOTPText();
+    const headerText = getSetupTotpText();
     const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
     const secondaryButtonText = getBackToSignInText();
     const body = (<>
       <Label style={styles.secretKeyText}>
-        {getSetupTOTPInstructionsText()}
+        {getSetupTotpInstructionsText()}
       </Label>
       <Label selectable style={styles.secretKeyText}>
         {totpSecretCode}
@@ -42,8 +42,8 @@ const SetupTOTP = ({ fields, handleBlur, handleChange, handleSubmit, isPending,
     ]);
     return (<DefaultContent {...rest} body={body} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
 };
-SetupTOTP.Footer = DefaultFooter;
-SetupTOTP.FormFields = DefaultTextFormFields;
-SetupTOTP.Header = DefaultHeader;
-SetupTOTP.displayName = COMPONENT_NAME;
-export default SetupTOTP;
+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/SignIn/SignIn.d.ts

@@ -2,7 +2,7 @@
 import { DefaultFooter, DefaultHeader } from '../../common';
 import { DefaultSignInProps } from '../types';
 declare const SignIn: {
-    ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, toResetPassword, toSignUp, validationErrors, ...rest }: DefaultSignInProps): JSX.Element;
+    ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, socialProviders, toFederatedSignIn, toForgotPassword, toSignUp, validationErrors, ...rest }: DefaultSignInProps): JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
         ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;

package/dist/Authenticator/Defaults/SignIn/SignIn.js

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import { authenticatorTextUtil } from '@aws-amplify/ui';
-import { DefaultFooter, DefaultTextFormFields, DefaultHeader, DefaultContent, } from '../../common';
+import { DefaultFooter, DefaultTextFormFields, DefaultHeader, DefaultContent, FederatedProviderButtons, } from '../../common';
 import { useFieldValues } from '../../hooks';
 const COMPONENT_NAME = 'SignIn';
-const SignIn = ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, toResetPassword, toSignUp, validationErrors, ...rest }) => {
+const SignIn = ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, socialProviders, toFederatedSignIn, toForgotPassword, toSignUp, validationErrors, ...rest }) => {
     const { getSignInTabText, getSignInText, getSignUpTabText, getForgotPasswordText, } = authenticatorTextUtil;
     const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
@@ -17,10 +17,11 @@ const SignIn = ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, to
     const forgotPasswordText = getForgotPasswordText(true);
     const signInText = getSignInText();
     const signUpText = getSignUpTabText();
+    const body = socialProviders ? (<FederatedProviderButtons route="signIn" socialProviders={socialProviders} toFederatedSignIn={toFederatedSignIn}/>) : null;
     const buttons = useMemo(() => {
         const forgotPassword = {
             children: forgotPasswordText,
-            onPress: toResetPassword,
+            onPress: toForgotPassword,
         };
         return {
             primary: { children: signInText, disabled, onPress: handleFormSubmit },
@@ -35,10 +36,10 @@ const SignIn = ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, to
         hideSignUp,
         signInText,
         signUpText,
-        toResetPassword,
+        toForgotPassword,
         toSignUp,
     ]);
-    return (<DefaultContent {...rest} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText} validationErrors={fieldValidationErrors}/>);
+    return (<DefaultContent {...rest} body={body} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText} validationErrors={fieldValidationErrors}/>);
 };
 SignIn.Footer = DefaultFooter;
 SignIn.FormFields = DefaultTextFormFields;

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

@@ -2,7 +2,7 @@
 import { DefaultFooter, DefaultHeader } from '../../common';
 import { DefaultSignUpProps } from '../types';
 declare const SignUp: {
-    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, toSignIn, validationErrors, ...rest }: DefaultSignUpProps): JSX.Element;
+    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, socialProviders, toFederatedSignIn, toSignIn, validationErrors, ...rest }: DefaultSignUpProps): JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
         ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;

package/dist/Authenticator/Defaults/SignUp/SignUp.js

@@ -1,10 +1,10 @@
 import React, { useMemo } from 'react';
 import { authenticatorTextUtil } from '@aws-amplify/ui';
-import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, } from '../../common';
+import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, FederatedProviderButtons, } from '../../common';
 import { useFieldValues } from '../../hooks';
 const COMPONENT_NAME = 'SignUp';
 const { getCreateAccountText, getCreatingAccountText, getSignInTabText, getSignUpTabText, } = authenticatorTextUtil;
-const SignUp = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, toSignIn, validationErrors, ...rest }) => {
+const SignUp = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, socialProviders, toFederatedSignIn, toSignIn, validationErrors, ...rest }) => {
     const { disableFormSubmit, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
@@ -19,6 +19,7 @@ const SignUp = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationE
         ? getCreatingAccountText()
         : getCreateAccountText();
     const secondaryButtonText = getSignInTabText();
+    const body = socialProviders ? (<FederatedProviderButtons route="signUp" socialProviders={socialProviders} toFederatedSignIn={toFederatedSignIn}/>) : null;
     const buttons = useMemo(() => ({
         primary: {
             children: primaryButtonText,
@@ -36,7 +37,7 @@ const SignUp = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationE
         secondaryButtonText,
         toSignIn,
     ]);
-    return (<DefaultContent {...rest} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+    return (<DefaultContent {...rest} body={body} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText} isPending={isPending} validationErrors={fieldValidationErrors}/>);
 };
 SignUp.Footer = DefaultFooter;
 SignUp.FormFields = DefaultTextFormFields;

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

@@ -3,8 +3,8 @@ export { ConfirmSignIn } from './ConfirmSignIn';
 export { ConfirmSignUp } from './ConfirmSignUp';
 export { ConfirmVerifyUser } from './ConfirmVerifyUser';
 export { ForceNewPassword } from './ForceNewPassword';
-export { ResetPassword } from './ResetPassword';
-export { SetupTOTP } from './SetupTOTP';
+export { ForgotPassword } from './ForgotPassword';
+export { SetupTotp } from './SetupTotp';
 export { SignIn } from './SignIn';
 export { SignUp } from './SignUp';
 export { VerifyUser } from './VerifyUser';

package/dist/Authenticator/Defaults/index.js

@@ -3,8 +3,8 @@ export { ConfirmSignIn } from './ConfirmSignIn';
 export { ConfirmSignUp } from './ConfirmSignUp';
 export { ConfirmVerifyUser } from './ConfirmVerifyUser';
 export { ForceNewPassword } from './ForceNewPassword';
-export { ResetPassword } from './ResetPassword';
-export { SetupTOTP } from './SetupTOTP';
+export { ForgotPassword } from './ForgotPassword';
+export { SetupTotp } from './SetupTotp';
 export { SignIn } from './SignIn';
 export { SignUp } from './SignUp';
 export { VerifyUser } from './VerifyUser';

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

@@ -13,7 +13,7 @@ export interface ForceNewPasswordStyle {
 }
 export interface ResetPasswordStyle {
 }
-export interface SetupTOTPStyle {
+export interface SetupTotpStyle {
 }
 export interface SignInStyle {
 }
@@ -37,12 +37,12 @@ export type DefaultConfirmVerifyUserProps = React.ComponentPropsWithoutRef<Defau
 export type DefaultForceNewPasswordProps = React.ComponentPropsWithoutRef<DefaultComponents<TextFieldOptionsType, {
     style?: ForceNewPasswordStyle;
 }>['ForceNewPassword']>;
-export type DefaultResetPasswordProps = React.ComponentPropsWithoutRef<DefaultComponents<TextFieldOptionsType, {
+export type DefaultForgotPasswordProps = React.ComponentPropsWithoutRef<DefaultComponents<TextFieldOptionsType, {
     style?: ResetPasswordStyle;
-}>['ResetPassword']>;
-export type DefaultSetupTOTPProps = React.ComponentPropsWithoutRef<DefaultComponents<TextFieldOptionsType, {
-    style?: SetupTOTPStyle;
-}>['SetupTOTP']>;
+}>['ForgotPassword']>;
+export type DefaultSetupTotpProps = React.ComponentPropsWithoutRef<DefaultComponents<TextFieldOptionsType, {
+    style?: SetupTotpStyle;
+}>['SetupTotp']>;
 export type DefaultSignInProps = React.ComponentPropsWithoutRef<DefaultComponents<TextFieldOptionsType, {
     style?: SignInStyle;
 }>['SignIn']>;
@@ -73,10 +73,10 @@ type ForceNewPasswordComponent<P = {}> = OverrideComponents<TextFieldOptionsType
 } & P>['ForceNewPassword'];
 type ResetPasswordComponent<P = {}> = OverrideComponents<TextFieldOptionsType, {
     style?: ResetPasswordStyle;
-} & P>['ResetPassword'];
-type SetupTOTPComponent<P = {}> = OverrideComponents<TextFieldOptionsType, {
-    style?: SetupTOTPStyle;
-} & P>['SetupTOTP'];
+} & P>['ForgotPassword'];
+type SetupTotpComponent<P = {}> = OverrideComponents<TextFieldOptionsType, {
+    style?: SetupTotpStyle;
+} & P>['SetupTotp'];
 type SignInComponent<P = {}> = OverrideComponents<TextFieldOptionsType, {
     style?: SignInStyle;
 } & P>['SignIn'];
@@ -96,7 +96,7 @@ export interface Components {
     ConfirmVerifyUser?: ConfirmVerifyUserComponent;
     ForceNewPassword?: ForceNewPasswordComponent;
     ResetPassword?: ResetPasswordComponent;
-    SetupTOTP?: SetupTOTPComponent;
+    SetupTotp?: SetupTotpComponent;
     SignIn?: SignInComponent;
     SignUp?: SignUpComponent;
     VerifyUser?: VerifyUserComponent;

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

@@ -1,14 +1,12 @@
 import React from 'react';
 import { Button, Icon, Label } from '../../../primitives';
 import { usePressableContainerStyles } from '../../../hooks';
-import { styles } from './styles';
 export default function FederatedProviderButton({ children, source, style, textStyle, ...rest }) {
     const pressableStyle = usePressableContainerStyles({
-        containerStyle: styles.container,
         overrideStyle: style,
     });
     return (<Button {...rest} style={pressableStyle}>
-      <Icon source={source} style={styles.icon} size={20}/>
-      <Label style={[styles.label, textStyle]}>{children}</Label>
+      <Icon source={source} size={20}/>
+      <Label style={textStyle}>{children}</Label>
     </Button>);
 }

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

@@ -1,6 +1,8 @@
+/// <reference types="react" />
 import { ImageSourcePropType, ImageStyle, TextStyle, ViewStyle } from 'react-native';
 import { ButtonProps } from '../../../primitives';
-export interface FederatedProviderButtonProps extends ButtonProps {
+export interface FederatedProviderButtonProps extends Omit<ButtonProps, 'children'> {
+    children?: React.ReactNode;
     source: ImageSourcePropType;
 }
 export interface FederatedProviderButtonStyles {

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

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

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

@@ -1,22 +1,35 @@
 import React, { useMemo } from 'react';
 import { View } from 'react-native';
-import { capitalize } from '@aws-amplify/ui';
-import { icons } from '../../../assets';
-import { FederatedProviderButton } from '../FederatedProviderButton';
+import { signInWithRedirect } from 'aws-amplify/auth';
+import { authenticatorTextUtil, capitalize, } from '@aws-amplify/ui';
 import { Divider } from '../../../primitives';
-import { styles } from './styles';
-export default function FederatedProviderButtons({ socialProviders, toFederatedSignIn, }) {
+import { useTheme } from '../../../theme';
+import { FederatedProviderButton } from '../FederatedProviderButton';
+import { icons } from '../../../assets';
+import { getThemedStyles } from './styles';
+const { getSignInWithFederationText, getOrText } = authenticatorTextUtil;
+// use `signInWithRedirect` directly instead of `toFederatedSignIn`
+// exposed on `useAuthenticator` for RN. `@aws-amplify/rtn-web-browser`
+// does not emit an event on federated sign in flow cancellation,
+// preventing the `Authenticator` from updating state and leaving the
+// UI in a "pending" state
+const handleSignInWithRedirect = (provider) => signInWithRedirect({ provider: capitalize(provider) });
+export default function FederatedProviderButtons({ buttonStyle, dividerLabelStyle, route, socialProviders, style, }) {
+    const theme = useTheme();
+    const themedStyle = getThemedStyles(theme);
     const providerButtons = useMemo(() => socialProviders?.map((provider) => {
         const providerIconSource = icons[`${provider}Logo`];
         const handlePress = () => {
-            toFederatedSignIn({ provider });
+            handleSignInWithRedirect(provider);
         };
-        return (<FederatedProviderButton key={provider} onPress={handlePress} source={providerIconSource} style={styles.button}>
-            {`Sign In with ${capitalize(provider)}`}
+        return (<FederatedProviderButton key={provider} onPress={handlePress} source={providerIconSource} style={[themedStyle.button, buttonStyle]}>
+            {getSignInWithFederationText(route, provider)}
           </FederatedProviderButton>);
-    }), [socialProviders, toFederatedSignIn]);
-    return providerButtons?.length ? (<View style={styles.container}>
+    }), [route, socialProviders, themedStyle, buttonStyle]);
+    return providerButtons?.length ? (<View style={[themedStyle.container, style]} testID="amplify__federated-provider-buttons">
       {providerButtons}
-      <Divider labelStyle={styles.text}>Or</Divider>
+      <Divider labelStyle={[themedStyle.dividerLabel, dividerLabelStyle]}>
+        {getOrText()}
+      </Divider>
     </View>) : null;
 }

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

@@ -1,2 +1,3 @@
+import { StrictTheme } from '../../../theme';
 import { FederatedProviderButtonStyle } from './types';
-export declare const styles: FederatedProviderButtonStyle;
+export declare const getThemedStyles: (theme: StrictTheme) => FederatedProviderButtonStyle;

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

@@ -1,5 +1,15 @@
-export const styles = {
-    button: { marginVertical: 8 },
-    container: { paddingVertical: 4 },
-    text: { paddingVertical: 8, textAlign: 'center' },
+import { StyleSheet } from 'react-native';
+export const getThemedStyles = (theme) => {
+    const { space } = theme.tokens;
+    return StyleSheet.create({
+        button: {
+            marginVertical: space.xs,
+        },
+        dividerLabel: {
+            textAlign: 'center',
+        },
+        container: {
+            marginHorizontal: space.small,
+        },
+    });
 };