@aws-amplify/ui-react-native 1.2.18 → 1.2.20

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @aws-amplify/ui-react-native
 
+## 1.2.20
+
+### Patch Changes
+
+- [#4168](https://github.com/aws-amplify/amplify-ui/pull/4168) [`d930e2ed1`](https://github.com/aws-amplify/amplify-ui/commit/d930e2ed17f3e638e2b62699ba2dd164b32f8118) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(RWA/RNA): deprecate passwordSettings prop
+
+- Updated dependencies [[`b0e16e78c`](https://github.com/aws-amplify/amplify-ui/commit/b0e16e78c6a41945aa79f3e14fa3f9e6cb0e5e76), [`d930e2ed1`](https://github.com/aws-amplify/amplify-ui/commit/d930e2ed17f3e638e2b62699ba2dd164b32f8118)]:
+  - @aws-amplify/ui@5.6.6
+  - @aws-amplify/ui-react-core@2.1.25
+  - @aws-amplify/ui-react-core-notifications@1.0.2
+
+## 1.2.19
+
+### Patch Changes
+
+- [#4111](https://github.com/aws-amplify/amplify-ui/pull/4111) [`6f4b296fd`](https://github.com/aws-amplify/amplify-ui/commit/6f4b296fdbe73e1b8a37bede2e85d1ea8d819a54) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(react-native): add spacing between Radio icon and label
+
+- [#4013](https://github.com/aws-amplify/amplify-ui/pull/4013) [`23180b470`](https://github.com/aws-amplify/amplify-ui/commit/23180b470c7b3b78a5970d00f8c2dc5ce8773eff) Thanks [@calebpollman](https://github.com/calebpollman)! - chore(ui-react-native): disable Authenticator submit button on invalid form
+
+- Updated dependencies [[`23180b470`](https://github.com/aws-amplify/amplify-ui/commit/23180b470c7b3b78a5970d00f8c2dc5ce8773eff), [`3cecd0765`](https://github.com/aws-amplify/amplify-ui/commit/3cecd0765b46c77c49af24fae7cfb9054ebe2cdb)]:
+  - @aws-amplify/ui-react-core@2.1.24
+  - @aws-amplify/ui@5.6.5
+  - @aws-amplify/ui-react-core-notifications@1.0.1
+
 ## 1.2.18
 
 ### Patch Changes

package/dist/Authenticator/Authenticator.d.ts

@@ -8,15 +8,13 @@ declare namespace Authenticator {
     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 & {
+    } & 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;
     }, 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 & {
+    } & 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;
@@ -66,15 +64,13 @@ declare namespace Authenticator {
     }>) & 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 & {
+    } & 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;
     }, 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 & {
+    } & 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;
@@ -130,8 +126,7 @@ declare namespace Authenticator {
         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 & {
+    } & 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;
@@ -139,8 +134,7 @@ declare namespace Authenticator {
         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 & {
+    } & 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;

package/dist/Authenticator/Authenticator.js

@@ -2,6 +2,7 @@ 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 { useDeprecationWarning } from '../hooks';
 import { DefaultContainer, InnerContainer } from './common';
 import { getRouteTypedFields } from './hooks';
 import { VERSION } from '../version';
@@ -23,6 +24,10 @@ const routePropSelector = ({ route, }) => [
     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,
+    });
     React.useEffect(() => {
         configureComponent({
             packageName: '@aws-amplify/ui-react-native',

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

@@ -4,21 +4,32 @@ import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, }
 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({
+const ConfirmResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
     });
+    const disabled = hasValidationErrors || disableFormSubmit;
     const headerText = getResetYourPasswordText();
     const primaryButtonText = isPending ? getSubmittingText() : getSubmitText();
     const secondaryButtonText = getResendCodeText();
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         secondary: { children: secondaryButtonText, onPress: resendCode },
-    }), [handleFormSubmit, primaryButtonText, resendCode, secondaryButtonText]);
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        resendCode,
+        secondaryButtonText,
+    ]);
     return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
 };
 ConfirmResetPassword.Footer = DefaultFooter;

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

@@ -5,7 +5,7 @@ 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({
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
@@ -16,9 +16,19 @@ const ConfirmSignIn = ({ challengeName, fields, handleBlur, handleChange, handle
     const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
     const secondaryButtonText = getBackToSignInText();
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         links: [{ children: secondaryButtonText, onPress: toSignIn }],
-    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
     return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
 };
 ConfirmSignIn.Footer = DefaultFooter;

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

@@ -5,7 +5,7 @@ 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({
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
@@ -17,9 +17,19 @@ const ConfirmSignUp = ({ codeDeliveryDetails, fields, handleBlur, handleChange,
     const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
     const secondaryButtonText = getResendCodeText();
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         secondary: { children: secondaryButtonText, onPress: resendCode },
-    }), [handleFormSubmit, primaryButtonText, resendCode, secondaryButtonText]);
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        resendCode,
+        secondaryButtonText,
+    ]);
     return (<DefaultContent {...rest} body={bodyText} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
 };
 ConfirmSignUp.FormFields = DefaultTextFormFields;

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

@@ -5,7 +5,7 @@ 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({
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
@@ -16,9 +16,19 @@ const ConfirmVerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, isP
     const primaryButtonText = isPending ? getSubmittingText() : getSubmitText();
     const secondaryButtonText = getSkipText();
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         links: [{ children: secondaryButtonText, onPress: skipVerification }],
-    }), [handleFormSubmit, primaryButtonText, skipVerification, secondaryButtonText]);
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        skipVerification,
+        secondaryButtonText,
+    ]);
     return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
 };
 ConfirmVerifyUser.Footer = DefaultFooter;

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

@@ -4,23 +4,34 @@ import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, }
 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({
+const ForceNewPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
     });
+    const disabled = hasValidationErrors || disableFormSubmit;
     const headerText = getChangePasswordText();
     const primaryButtonText = isPending
         ? getChangingText()
         : getChangePasswordText();
     const secondaryButtonText = getBackToSignInText();
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         links: [{ children: secondaryButtonText, onPress: toSignIn }],
-    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
     return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
 };
 ForceNewPassword.Footer = DefaultFooter;

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

@@ -5,7 +5,7 @@ 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({
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
@@ -16,9 +16,19 @@ const ResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, isPendi
     const primaryButtonText = isPending ? getSendingText() : getSendCodeText();
     const secondaryButtonText = getBackToSignInText();
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         links: [{ children: secondaryButtonText, onPress: toSignIn }],
-    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
     return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
 };
 ResetPassword.Footer = DefaultFooter;

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

@@ -7,7 +7,7 @@ import { styles } from './styles';
 const COMPONENT_NAME = 'SetupTOTP';
 const { getBackToSignInText, getConfirmingText, getConfirmText, getSetupTOTPText, getSetupTOTPInstructionsText, } = authenticatorTextUtil;
 const SetupTOTP = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, ...rest }) => {
-    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
@@ -26,9 +26,19 @@ const SetupTOTP = ({ fields, handleBlur, handleChange, handleSubmit, isPending,
       </Label>
     </>);
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         links: [{ children: secondaryButtonText, onPress: toSignIn }],
-    }), [handleFormSubmit, primaryButtonText, secondaryButtonText, toSignIn]);
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
     return (<DefaultContent {...rest} body={body} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
 };
 SetupTOTP.Footer = DefaultFooter;

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

@@ -5,7 +5,7 @@ import { useFieldValues } from '../../hooks';
 const COMPONENT_NAME = 'SignIn';
 const SignIn = ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, toResetPassword, toSignUp, ...rest }) => {
     const { getSignInTabText, getSignInText, getSignUpTabText, getForgotPasswordText, } = authenticatorTextUtil;
-    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
@@ -22,12 +22,13 @@ const SignIn = ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, to
             onPress: toResetPassword,
         };
         return {
-            primary: { children: signInText, onPress: handleFormSubmit },
+            primary: { children: signInText, disabled, onPress: handleFormSubmit },
             links: hideSignUp
                 ? [forgotPassword]
                 : [forgotPassword, { children: signUpText, onPress: toSignUp }],
         };
     }, [
+        disabled,
         forgotPasswordText,
         handleFormSubmit,
         hideSignUp,

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

@@ -4,25 +4,31 @@ import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, }
 import { useFieldValues } from '../../hooks';
 const COMPONENT_NAME = 'SignUp';
 const { getCreateAccountText, getCreatingAccountText, getSignInTabText, getSignUpTabText, } = authenticatorTextUtil;
-const SignUp = ({ fields, handleBlur, handleChange, handleSubmit, hideSignIn, isPending, toSignIn, ...rest }) => {
-    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+const SignUp = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, toSignIn, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
     });
+    const disabled = hasValidationErrors || disableFormSubmit;
     const headerText = getSignUpTabText();
     const primaryButtonText = isPending
         ? getCreatingAccountText()
         : getCreateAccountText();
     const secondaryButtonText = getSignInTabText();
     const buttons = useMemo(() => ({
-        primary: { children: primaryButtonText, onPress: handleFormSubmit },
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
         links: hideSignIn
             ? undefined
             : [{ children: secondaryButtonText, onPress: toSignIn }],
     }), [
+        disabled,
         handleFormSubmit,
         hideSignIn,
         primaryButtonText,

package/dist/Authenticator/Defaults/VerifyUser/VerifyUser.js

@@ -5,7 +5,7 @@ import { useFieldValues } from '../../hooks';
 const COMPONENT_NAME = 'VerifyUser';
 const { getSkipText, getVerifyContactText, getVerifyText, getAccountRecoveryInfoText, } = authenticatorTextUtil;
 const VerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, skipVerification, ...rest }) => {
-    const { fields: fieldsWithHandlers, handleFormSubmit } = useFieldValues({
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
@@ -17,9 +17,9 @@ const VerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, skipVerifi
     const verifyText = getVerifyText();
     const bodyText = getAccountRecoveryInfoText();
     const buttons = useMemo(() => ({
-        primary: { children: verifyText, onPress: handleFormSubmit },
+        primary: { children: verifyText, disabled, onPress: handleFormSubmit },
         links: [{ children: skipText, onPress: skipVerification }],
-    }), [handleFormSubmit, skipText, skipVerification, verifyText]);
+    }), [disabled, handleFormSubmit, skipText, skipVerification, verifyText]);
     return (<DefaultContent {...rest} body={bodyText} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText}/>);
 };
 VerifyUser.Footer = DefaultFooter;

package/dist/Authenticator/common/DefaultContent/DefaultContent.js

@@ -18,10 +18,10 @@ export default function DefaultContent({ body, buttons: { primary, links, second
       <Header style={themedStyles.header}>{headerText}</Header>
       {body ? (typeof body === 'string' ? (<Label style={themedStyles.body}>{body}</Label>) : (body)) : null}
       <FormFields fieldContainerStyle={themedStyles.fieldContainer} fieldErrorsContainer={themedStyles.fieldErrorsContainer} fieldErrorStyle={themedStyles.fieldError} fieldLabelStyle={themedStyles.fieldLabel} fieldStyle={themedStyles.fieldStyle} fields={fields} isPending={isPending} validationErrors={validationErrors} style={themedStyles.formFields}/>
-      {error ? (<ErrorMessage iconStyle={themedStyles.errorMessageIcon} labelStyle={themedStyles.errorMessageLabel} style={themedStyles.errorMessage}>
+      {error ? (<ErrorMessage iconStyle={themedStyles.errorMessageIcon} labelStyle={themedStyles.errorMessageLabel} style={themedStyles.errorMessage} testID="amplify__error-message">
           {error}
         </ErrorMessage>) : null}
-      <Button {...primary} variant="primary" textStyle={themedStyles.buttonPrimaryLabel} style={themedStyles.buttonPrimary}/>
+      <Button {...primary} variant="primary" textStyle={themedStyles.buttonPrimaryLabel} style={themedStyles.buttonPrimary} testID="amplify__button"/>
       {secondary ? (<Button {...secondary} textStyle={themedStyles.buttonSecondaryLabel} style={themedStyles.buttonSecondary}/>) : null}
       {linkButtons}
       <Footer style={themedStyles.footer}/>

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
+export { useDeprecationWarning } from './useDeprecationWarning';
 export { DeviceOrientation, useDeviceOrientation, } from './useDeviceOrientation';
 export { usePressableContainerStyles } from './usePressableContainerStyles';

package/dist/hooks/index.js

@@ -1,2 +1,3 @@
+export { useDeprecationWarning } from './useDeprecationWarning';
 export { useDeviceOrientation, } from './useDeviceOrientation';
 export { usePressableContainerStyles } from './usePressableContainerStyles';

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

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

package/dist/hooks/useDeprecationWarning/index.js

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

package/dist/hooks/useDeprecationWarning/useDeprecationWarning.d.ts

@@ -0,0 +1,6 @@
+import { UseDeprecationWarning } from '@aws-amplify/ui-react-core';
+/**
+ * Logs a deprecation warning `message` to the console.
+ */
+declare const useDeprecationWarning: UseDeprecationWarning;
+export default useDeprecationWarning;

package/dist/hooks/useDeprecationWarning/useDeprecationWarning.js

@@ -0,0 +1,11 @@
+import { useDeprecationWarning as useDeprecationWarningBase, } from '@aws-amplify/ui-react-core';
+import { platform } from '../../utils';
+/**
+ * Logs a deprecation warning `message` to the console.
+ */
+const useDeprecationWarning = ({ message, shouldWarn: _shouldWarn, }) => {
+    // only log warnings in dev
+    const shouldWarn = _shouldWarn && platform.IS_DEV;
+    useDeprecationWarningBase({ message, shouldWarn });
+};
+export default useDeprecationWarning;

package/dist/primitives/Radio/styles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import { RADIO_DOT_PROPORTION } from './getRadioDimensions';
 const ROUNDED_BORDER_RADIUS = 999;
 export const getThemedStyles = (theme) => {
-    const { components, tokens: { colors, fontSizes, opacities, borderWidths }, } = theme;
+    const { components, tokens: { colors, fontSizes, opacities, borderWidths, space }, } = theme;
     return StyleSheet.create({
         container: {
             alignItems: 'center',
@@ -22,6 +22,7 @@ export const getThemedStyles = (theme) => {
             borderRadius: ROUNDED_BORDER_RADIUS,
             borderWidth: borderWidths.medium,
             justifyContent: 'center',
+            margin: space.xxs,
             ...components?.radio?.radioContainer,
         },
         radioDot: {

package/dist/utils/platform.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     IS_ANDROID: boolean;
+    IS_DEV: boolean;
     IS_IOS: boolean;
     PLATFORM_TOUCH_TARGET: number | undefined;
     constants: import("react-native").PlatformConstants & {
@@ -41,6 +42,7 @@ declare const _default: {
     }): T_1 | undefined;
 } | {
     IS_ANDROID: boolean;
+    IS_DEV: boolean;
     IS_IOS: boolean;
     PLATFORM_TOUCH_TARGET: number | undefined;
     constants: import("react-native").PlatformConstants & {
@@ -85,6 +87,7 @@ declare const _default: {
     }): T_1 | undefined;
 } | {
     IS_ANDROID: boolean;
+    IS_DEV: boolean;
     IS_IOS: boolean;
     PLATFORM_TOUCH_TARGET: number | undefined;
     OS: "windows";
@@ -121,6 +124,7 @@ declare const _default: {
     }): T_1 | undefined;
 } | {
     IS_ANDROID: boolean;
+    IS_DEV: boolean;
     IS_IOS: boolean;
     PLATFORM_TOUCH_TARGET: number | undefined;
     OS: "macos";
@@ -157,6 +161,7 @@ declare const _default: {
     }): T_1 | undefined;
 } | {
     IS_ANDROID: boolean;
+    IS_DEV: boolean;
     IS_IOS: boolean;
     PLATFORM_TOUCH_TARGET: number | undefined;
     OS: "web";

package/dist/utils/platform.js

@@ -1,4 +1,5 @@
 import { Platform } from 'react-native';
+const IS_DEV = __DEV__;
 const IS_ANDROID = Platform.OS === 'android';
 const IS_IOS = Platform.OS === 'ios';
 // https://material.io/design/layout/spacing-methods.html#touch-targets
@@ -12,6 +13,7 @@ const PLATFORM_TOUCH_TARGET = Platform.select({
 export default {
     ...Platform,
     IS_ANDROID,
+    IS_DEV,
     IS_IOS,
     PLATFORM_TOUCH_TARGET,
 };

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "1.2.18";
+export declare const VERSION = "1.2.20";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '1.2.18';
+export const VERSION = '1.2.20';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -29,6 +29,7 @@
     "@types/react-test-renderer": "^17.0.1",
     "babel-jest": "^28.0.3",
     "eslint": "^8.14.0",
+    "jest": "^27.0.4",
     "metro-react-native-babel-preset": "^0.70.2",
     "react": "^17.0.2",
     "react-native": "^0.68.1",
@@ -37,9 +38,9 @@
     "rimraf": "^3.0.2"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.4",
-    "@aws-amplify/ui-react-core": "2.1.23",
-    "@aws-amplify/ui-react-core-notifications": "1.0.0"
+    "@aws-amplify/ui": "5.6.6",
+    "@aws-amplify/ui-react-core": "2.1.25",
+    "@aws-amplify/ui-react-core-notifications": "1.0.2"
   },
   "peerDependencies": {
     "aws-amplify": ">= 5.0.1",

package/src/Authenticator/Authenticator.tsx

@@ -13,6 +13,7 @@ import {
 
 import { configureComponent } from '@aws-amplify/ui';
 
+import { useDeprecationWarning } from '../hooks';
 import { DefaultContainer, InnerContainer } from './common';
 import { TypedField, getRouteTypedFields } from './hooks';
 import { AuthenticatorProps } from './types';
@@ -61,6 +62,12 @@ function Authenticator({
   Header,
   ...options
 }: AuthenticatorProps): JSX.Element | null {
+  useDeprecationWarning({
+    message:
+      'The `passwordSettings` prop has been deprecated and will be removed in a future major version of Amplify UI.',
+    shouldWarn: !!options?.passwordSettings,
+  });
+
   React.useEffect(() => {
     configureComponent({
       packageName: '@aws-amplify/ui-react-native',