@aws-amplify/ui-react-native 1.2.17 → 1.2.19

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @aws-amplify/ui-react-native
 
+## 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
+
+- [#3901](https://github.com/aws-amplify/amplify-ui/pull/3901) [`7f59b3c4d`](https://github.com/aws-amplify/amplify-ui/commit/7f59b3c4dd27205a35c1b07ddc0f06a0db9de776) Thanks [@sreeramsama](https://github.com/sreeramsama)! - - Adds new `ui-react-core-notifications` package for utilities related to the Notifications category, and new `ui-react-notifications` package for components like InAppMessaging. Also sets deprecation messages for `InAppMessagingDisplay`, `InAppMessagingProvider` and `useInAppMessaging` in `ui-react` package as they will be moved out in a future breaking change release.
+  - Adds new `ui-react-geo` package for Geo related components like `MapView` and `LocationSearch`. They will be moved out from `ui-react` in a future breaking change release.
+- Updated dependencies [[`7f59b3c4d`](https://github.com/aws-amplify/amplify-ui/commit/7f59b3c4dd27205a35c1b07ddc0f06a0db9de776), [`ca591a2fc`](https://github.com/aws-amplify/amplify-ui/commit/ca591a2fc319556f705be74bacd141d48f3531bd)]:
+  - @aws-amplify/ui-react-core-notifications@1.0.0
+  - @aws-amplify/ui-react-core@2.1.23
+  - @aws-amplify/ui@5.6.4
+
 ## 1.2.17
 
 ### 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/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/InAppMessaging/components/BannerMessage/types.d.ts

@@ -1,5 +1,5 @@
 import { ViewStyle } from 'react-native';
-import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 export interface BannerMessageProps extends BannerMessageCommonProps<MessageOverrideStyle | undefined> {
 }

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

@@ -1,5 +1,5 @@
 import { StyleProp, ViewStyle } from 'react-native';
-import { CarouselMessageCommonProps, MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { CarouselMessageCommonProps, MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 interface CarouselMessageOverrideStyle extends MessageOverrideStyle {
     pageIndicatorActive?: StyleProp<ViewStyle>;

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

@@ -1,4 +1,4 @@
-import { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { FullScreenMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 export interface FullScreenMessageProps extends FullScreenMessageCommonProps<MessageOverrideStyle | undefined> {
 }

package/dist/InAppMessaging/components/InAppMessageDisplay/InAppMessageDisplay.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { handleMessageAction, useMessage, } from '@aws-amplify/ui-react-core';
+import { handleMessageAction, useMessage, } from '@aws-amplify/ui-react-core-notifications';
 import { BannerMessage } from '../BannerMessage';
 import { FullScreenMessage } from '../FullScreenMessage';
 import { CarouselMessage } from '../CarouselMessage';

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

@@ -1,3 +1,3 @@
-import { HandleMessageLinkAction } from '@aws-amplify/ui-react-core';
+import { HandleMessageLinkAction } from '@aws-amplify/ui-react-core-notifications';
 declare const handleMessageLinkAction: HandleMessageLinkAction;
 export default handleMessageLinkAction;

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

@@ -1,4 +1,4 @@
-import { BannerMessageComponent, CarouselMessageComponent, FullScreenMessageComponent, ModalMessageComponent } from '@aws-amplify/ui-react-core';
+import { BannerMessageComponent, CarouselMessageComponent, FullScreenMessageComponent, ModalMessageComponent } from '@aws-amplify/ui-react-core-notifications';
 import { BannerMessageProps } from '../BannerMessage';
 import { CarouselMessageProps } from '../CarouselMessage';
 import { FullScreenMessageProps } from '../FullScreenMessage';

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

@@ -1,4 +1,4 @@
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 import { DeviceOrientation } from '../../../hooks';
 import { MessageComponentStyles, MessageOverrideStyle, UseMessageProps } from '../../hooks';
 export interface LayoutProps extends Omit<MessageComponentBaseProps<MessageOverrideStyle>, 'style'>, Omit<UseMessageProps, 'shouldRenderMessage' | 'styles'> {

package/dist/InAppMessaging/components/ModalMessage/types.d.ts

@@ -1,4 +1,4 @@
-import { ModalMessageCommonProps } from '@aws-amplify/ui-react-core';
+import { ModalMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 export interface ModalMessageProps extends ModalMessageCommonProps<MessageOverrideStyle | undefined> {
 }

package/dist/InAppMessaging/components/withInAppMessaging/withInAppMessaging.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InAppMessagingProvider } from '@aws-amplify/ui-react-core';
+import { InAppMessagingProvider } from '@aws-amplify/ui-react-core-notifications';
 import { InAppMessageDisplay } from '../InAppMessageDisplay';
 export default function withInAppMessaging(Component, options) {
     return function WrappedWithInAppMessaging(props) {

package/dist/InAppMessaging/hooks/useMessageImage/useMessageImage.d.ts

@@ -1,4 +1,4 @@
-import { MessageImage, MessageLayout } from '@aws-amplify/ui-react-core';
+import { MessageImage, MessageLayout } from '@aws-amplify/ui-react-core-notifications';
 import { UseMessageImage } from './types';
 /**
  * Handles prefetching and dimension setting for message images

package/dist/InAppMessaging/hooks/useMessageImage/utils.d.ts

@@ -1,4 +1,4 @@
-import { MessageLayout } from '@aws-amplify/ui-react-core';
+import { MessageLayout } from '@aws-amplify/ui-react-core-notifications';
 import { ImageDimensions, ImageLoadingState } from './types';
 export declare const prefetchNetworkImage: (url: string) => Promise<ImageLoadingState>;
 export declare const getLayoutImageDimensions: (imageHeight: number, imageWidth: number, layout: MessageLayout) => ImageDimensions;

package/dist/InAppMessaging/hooks/useMessageProps/types.d.ts

@@ -1,5 +1,5 @@
 import { ColorValue, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core';
+import { MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core-notifications';
 import { ButtonProps } from '../../../primitives';
 import { ImageDimensions } from '../useMessageImage';
 /**

package/dist/InAppMessaging/hooks/useMessageProps/useMessageProps.d.ts

@@ -1,4 +1,4 @@
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 import { GetDefaultStyle, MessageOverrideStyle, UseMessageProps } from './types';
 /**
  * Handle common message UI component prop logic including setting of image dimensions,

package/dist/InAppMessaging/hooks/useMessageProps/utils.d.ts

@@ -1,4 +1,4 @@
-import { MessageComponentBaseProps, MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core';
+import { MessageComponentBaseProps, MessageLayout, MessagePayloadStyle } from '@aws-amplify/ui-react-core-notifications';
 import { MessageButtonStyleParams, MessageButtonStyleProps, MessageComponentStyles, MessageContainerAndWrapperStyle, MessageStyleParams } from './types';
 /**
  * Parse and assign appropriate button container and text style from style objects params

package/dist/InAppMessaging/index.d.ts

@@ -1,2 +1,2 @@
-export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core';
+export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core-notifications';
 export { BannerMessageProps, CarouselMessageProps, FullScreenMessageProps, ModalMessageProps, InAppMessageDisplay, MessageComponents, withInAppMessaging, } from './components';

package/dist/InAppMessaging/index.js

@@ -1,2 +1,2 @@
-export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core';
+export { InAppMessagingProvider, useInAppMessaging, } from '@aws-amplify/ui-react-core-notifications';
 export { InAppMessageDisplay, withInAppMessaging, } from './components';

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/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "1.2.17";
+export declare const VERSION = "1.2.19";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '1.2.17';
+export const VERSION = '1.2.19';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "1.2.17",
+  "version": "1.2.19",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -37,8 +37,9 @@
     "rimraf": "^3.0.2"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.3",
-    "@aws-amplify/ui-react-core": "2.1.22"
+    "@aws-amplify/ui": "5.6.5",
+    "@aws-amplify/ui-react-core": "2.1.24",
+    "@aws-amplify/ui-react-core-notifications": "1.0.1"
   },
   "peerDependencies": {
     "aws-amplify": ">= 5.0.1",