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

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # @aws-amplify/ui-react-native
 
+## 1.2.22
+
+### Patch Changes
+
+- [#4276](https://github.com/aws-amplify/amplify-ui/pull/4276) [`9a491c767`](https://github.com/aws-amplify/amplify-ui/commit/9a491c767f2b440d75b8e4b3ddf53711d0fa5e8b) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(react-native): small tweaks to authenticator styling to space out text fields a bit
+
+- Updated dependencies [[`6b71ec46c`](https://github.com/aws-amplify/amplify-ui/commit/6b71ec46ccbf63c4605c9a57d3ecff098a42938a)]:
+  - @aws-amplify/ui@5.6.8
+  - @aws-amplify/ui-react-core@2.1.27
+  - @aws-amplify/ui-react-core-notifications@1.0.4
+
+## 1.2.21
+
+### Patch Changes
+
+- [#4227](https://github.com/aws-amplify/amplify-ui/pull/4227) [`d3ee05415`](https://github.com/aws-amplify/amplify-ui/commit/d3ee054159e1de81861bcd9273be9b1c87924cf4) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(react-native): border widths, spacing, font sizes, opacities in the theme don't throw runtime errors.
+
+  These are all valid in a theme now:
+
+  ```typescript
+  const theme: Theme = {
+    tokens: {
+      borderWidths: {
+        small: '4',
+        medium: '1rem',
+        large: 6,
+      },
+      opacities: {
+        '10': '0.2',
+      },
+      space: {
+        small: 4,
+        medium: '6',
+        large: '{space.small.value}',
+      },
+      fontSizes: {
+        small: '1rem',
+      },
+    },
+  };
+  ```
+
+- [#4215](https://github.com/aws-amplify/amplify-ui/pull/4215) [`279b3852c`](https://github.com/aws-amplify/amplify-ui/commit/279b3852cf579e10fab225536aa54850ab3a9424) Thanks [@calebpollman](https://github.com/calebpollman)! - fix(rna): expose TS types of RNA static components
+
+- [#4225](https://github.com/aws-amplify/amplify-ui/pull/4225) [`d87fb4beb`](https://github.com/aws-amplify/amplify-ui/commit/d87fb4beb4fa6e76ee09221a1a361553884ac42b) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - feat(react-native): adding error styles to text field
+
+- [#4107](https://github.com/aws-amplify/amplify-ui/pull/4107) [`6d14bf3f3`](https://github.com/aws-amplify/amplify-ui/commit/6d14bf3f386523bacd6832e56cc5903f644da88e) Thanks [@ioanabrooks](https://github.com/ioanabrooks)! - chore(ui-react-native): Add Authenticator fields validations
+
+- [#4247](https://github.com/aws-amplify/amplify-ui/pull/4247) [`41b9055c8`](https://github.com/aws-amplify/amplify-ui/commit/41b9055c821b44e9347146a9588755eeef588f13) Thanks [@calebpollman](https://github.com/calebpollman)! - feature(rna): update is signed in logic to read from Auth
+
+- [#4239](https://github.com/aws-amplify/amplify-ui/pull/4239) [`30e0fce43`](https://github.com/aws-amplify/amplify-ui/commit/30e0fce430cbab200f572205b5c5ce6ff618972c) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(react-native): fix the theme components type
+
+- Updated dependencies [[`78fdfd6c8`](https://github.com/aws-amplify/amplify-ui/commit/78fdfd6c8268c56204f905402162ad8cb40a0c8e), [`d3ee05415`](https://github.com/aws-amplify/amplify-ui/commit/d3ee054159e1de81861bcd9273be9b1c87924cf4), [`165a8abbd`](https://github.com/aws-amplify/amplify-ui/commit/165a8abbda8aa3e95fb9466fc60f8694c646d5bc), [`13098b36a`](https://github.com/aws-amplify/amplify-ui/commit/13098b36a75452d839955d141bd25f57538b1a22), [`37e490d39`](https://github.com/aws-amplify/amplify-ui/commit/37e490d3997a1dc55e2998c277790945921e6dc3), [`6d14bf3f3`](https://github.com/aws-amplify/amplify-ui/commit/6d14bf3f386523bacd6832e56cc5903f644da88e), [`aea82ff1b`](https://github.com/aws-amplify/amplify-ui/commit/aea82ff1bb6e066ed8b70433f4d72cd34bf0ccae)]:
+  - @aws-amplify/ui@5.6.7
+  - @aws-amplify/ui-react-core@2.1.26
+  - @aws-amplify/ui-react-core-notifications@1.0.3
+
 ## 1.2.20
 
 ### Patch Changes

package/dist/Authenticator/Authenticator.d.ts

@@ -1,156 +1,109 @@
-/// <reference types="amazon-cognito-identity-js" />
-import React from 'react';
+/// <reference types="react" />
 import { DefaultContainer } from './common';
 import { AuthenticatorProps } from './types';
 declare function Authenticator({ children, components: overrides, Container, Footer, Header, ...options }: AuthenticatorProps): JSX.Element | null;
 declare namespace Authenticator {
     var Container: typeof DefaultContainer;
     var Provider: typeof import("@aws-amplify/ui-react-core").AuthenticatorProvider;
-    var ConfirmResetPassword: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & 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;
-    } & 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;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var ConfirmSignIn: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        challengeName: import("amazon-cognito-identity-js").ChallengeName;
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ConfirmSignInStyle | undefined;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        challengeName: import("amazon-cognito-identity-js").ChallengeName;
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ConfirmSignInStyle | undefined;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var ConfirmSignUp: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        codeDeliveryDetails: import("@aws-amplify/ui").CodeDeliveryDetails;
-        resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ConfirmSignUpStyle | undefined;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        codeDeliveryDetails: import("@aws-amplify/ui").CodeDeliveryDetails;
-        resendCode: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ConfirmSignUpStyle | undefined;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var ConfirmVerifyUser: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ConfirmVerifyUserStyle | undefined;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ConfirmVerifyUserStyle | undefined;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var ForceNewPassword: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & 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;
-    } & 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;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var ResetPassword: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ResetPasswordStyle | undefined;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").ResetPasswordStyle | undefined;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var SetupTOTP: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        totpSecretCode: string | null;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").SetupTOTPStyle | undefined;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        totpSecretCode: string | null;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").SetupTOTPStyle | undefined;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var SignIn: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        hideSignUp?: boolean | undefined;
-        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        toResetPassword: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        toSignUp: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").SignInStyle | undefined;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        hideSignUp?: boolean | undefined;
-        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        toResetPassword: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        toSignUp: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").TextFieldOptionsType[];
-    } & {
-        style?: import("./Defaults/types").SignInStyle | undefined;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var SignUp: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        hideSignIn?: boolean | undefined;
-        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & 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;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType> & {
-        hideSignIn?: boolean | undefined;
-        toFederatedSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-        toSignIn: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & 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;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").TextFieldOptionsType>;
-    var VerifyUser: (React.ComponentClass<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").RadioFieldOptions> & {
-        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").RadioFieldOptions[];
-    } & {
-        style?: import("./Defaults/types").VerifyUserStyle | undefined;
-    }, any> | React.FunctionComponent<import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").RadioFieldOptions> & {
-        skipVerification: (data?: import("@aws-amplify/ui").AuthEventData | undefined) => void;
-    } & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").CommonRouteProps & {
-        fields: import("./hooks").RadioFieldOptions[];
-    } & {
-        style?: import("./Defaults/types").VerifyUserStyle | undefined;
-    }>) & import("@aws-amplify/ui-react-core/dist/types/Authenticator/hooks").ComponentSlots<import("./hooks").RadioFieldOptions>;
+    var ConfirmResetPassword: {
+        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmResetPasswordProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var ConfirmSignIn: {
+        ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmSignInProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var ConfirmSignUp: {
+        ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmSignUpProps): JSX.Element;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Footer: typeof import("./common").DefaultFooter;
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var ConfirmVerifyUser: {
+        ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, validationErrors, ...rest }: import("./Defaults/types").DefaultConfirmVerifyUserProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var ForceNewPassword: {
+        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultForceNewPasswordProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var ResetPassword: {
+        ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultResetPasswordProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var SetupTOTP: {
+        ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }: import("./Defaults/types").DefaultSetupTOTPProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var SignIn: {
+        ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, toResetPassword, toSignUp, validationErrors, ...rest }: import("./Defaults/types").DefaultSignInProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var SignUp: {
+        ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, toSignIn, validationErrors, ...rest }: import("./Defaults/types").DefaultSignUpProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
+    var VerifyUser: {
+        ({ fields, handleBlur, handleChange, handleSubmit, skipVerification, validationErrors, ...rest }: import("./Defaults/types").DefaultVerifyUserProps): JSX.Element;
+        Footer: typeof import("./common").DefaultFooter;
+        FormFields: {
+            ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: import("./common/DefaultFormFields/types").DefaultRadioFormFieldsProps): JSX.Element;
+            displayName: string;
+        };
+        Header: typeof import("./common").DefaultHeader;
+        displayName: string;
+    };
 }
 export default Authenticator;

package/dist/Authenticator/Authenticator.js

@@ -19,7 +19,6 @@ const DEFAULTS = {
     SignUp,
     VerifyUser,
 };
-const isAuthenticatedRoute = (route) => route === 'authenticated' || route === 'signOut';
 const routePropSelector = ({ route, }) => [
     route,
 ];
@@ -35,13 +34,13 @@ function Authenticator({ children, components: overrides, Container = DefaultCon
         });
     }, []);
     useAuthenticatorInitMachine(options);
-    const { fields, route } = useAuthenticator(routePropSelector);
+    const { authStatus, fields, route } = useAuthenticator(routePropSelector);
     const components = useMemo(
     // allow any to prevent TS from assuming that all fields are of type `TextFieldOptions`
     () => resolveAuthenticatorComponents(DEFAULTS, overrides), [overrides]);
     const { Component, props } = useAuthenticatorRoute({ components });
     const typedFields = getRouteTypedFields({ fields, route });
-    if (isAuthenticatedRoute(route)) {
+    if (authStatus === 'authenticated') {
         return children ? <>{children}</> : null;
     }
     return (<SafeAreaProvider>

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

@@ -1,3 +1,14 @@
-import { DefaultConfirmResetPasswordComponent } from '../types';
-declare const ConfirmResetPassword: DefaultConfirmResetPasswordComponent;
+/// <reference types="react" />
+import { DefaultFooter, DefaultHeader } from '../../common';
+import { DefaultConfirmResetPasswordProps } from '../types';
+declare const ConfirmResetPassword: {
+    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, validationErrors, ...rest }: DefaultConfirmResetPasswordProps): JSX.Element;
+    Footer: typeof DefaultFooter;
+    FormFields: {
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        displayName: string;
+    };
+    Header: typeof DefaultHeader;
+    displayName: string;
+};
 export default ConfirmResetPassword;

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

@@ -4,13 +4,14 @@ 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, hasValidationErrors, isPending, resendCode, ...rest }) => {
-    const { disableFormSubmit, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
+const ConfirmResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, validationErrors, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
+        validationErrors,
     });
     const disabled = hasValidationErrors || disableFormSubmit;
     const headerText = getResetYourPasswordText();
@@ -30,7 +31,7 @@ const ConfirmResetPassword = ({ fields, handleBlur, handleChange, handleSubmit,
         resendCode,
         secondaryButtonText,
     ]);
-    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
 };
 ConfirmResetPassword.Footer = DefaultFooter;
 ConfirmResetPassword.FormFields = DefaultTextFormFields;

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

@@ -1,3 +1,14 @@
-import { DefaultConfirmSignInComponent } from '../types';
-declare const ConfirmSignIn: DefaultConfirmSignInComponent;
+/// <reference types="react" />
+import { DefaultFooter, DefaultHeader } from '../../common';
+import { DefaultConfirmSignInProps } from '../types';
+declare const ConfirmSignIn: {
+    ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: DefaultConfirmSignInProps): JSX.Element;
+    Footer: typeof DefaultFooter;
+    FormFields: {
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        displayName: string;
+    };
+    Header: typeof DefaultHeader;
+    displayName: string;
+};
 export default ConfirmSignIn;

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

@@ -4,13 +4,14 @@ import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, }
 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 { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
+const ConfirmSignIn = ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
+        validationErrors,
     });
     const headerText = getChallengeText(challengeName);
     const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
@@ -29,7 +30,7 @@ const ConfirmSignIn = ({ challengeName, fields, handleBlur, handleChange, handle
         secondaryButtonText,
         toSignIn,
     ]);
-    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
 };
 ConfirmSignIn.Footer = DefaultFooter;
 ConfirmSignIn.FormFields = DefaultTextFormFields;

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

@@ -1,3 +1,14 @@
-import { DefaultConfirmSignUpComponent } from '../types';
-declare const ConfirmSignUp: DefaultConfirmSignUpComponent;
+/// <reference types="react" />
+import { DefaultFooter, DefaultHeader } from '../../common';
+import { DefaultConfirmSignUpProps } from '../types';
+declare const ConfirmSignUp: {
+    ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, validationErrors, ...rest }: DefaultConfirmSignUpProps): JSX.Element;
+    FormFields: {
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: typeof DefaultFooter;
+    Header: typeof DefaultHeader;
+    displayName: string;
+};
 export default ConfirmSignUp;

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

@@ -4,13 +4,14 @@ import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, }
 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 { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
+const ConfirmSignUp = ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
+        validationErrors,
     });
     const headerText = getDeliveryMethodText(codeDeliveryDetails);
     const bodyText = getDeliveryMessageText(codeDeliveryDetails);
@@ -30,7 +31,7 @@ const ConfirmSignUp = ({ codeDeliveryDetails, fields, handleBlur, handleChange,
         resendCode,
         secondaryButtonText,
     ]);
-    return (<DefaultContent {...rest} body={bodyText} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+    return (<DefaultContent {...rest} body={bodyText} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
 };
 ConfirmSignUp.FormFields = DefaultTextFormFields;
 ConfirmSignUp.Footer = DefaultFooter;

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

@@ -1,3 +1,14 @@
-import { DefaultConfirmVerifyUserComponent } from '../types';
-declare const ConfirmVerifyUser: DefaultConfirmVerifyUserComponent;
+/// <reference types="react" />
+import { DefaultFooter, DefaultHeader } from '../../common';
+import { DefaultConfirmVerifyUserProps } from '../types';
+declare const ConfirmVerifyUser: {
+    ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, validationErrors, ...rest }: DefaultConfirmVerifyUserProps): JSX.Element;
+    Footer: typeof DefaultFooter;
+    FormFields: {
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        displayName: string;
+    };
+    Header: typeof DefaultHeader;
+    displayName: string;
+};
 export default ConfirmVerifyUser;

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

@@ -4,13 +4,14 @@ import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, }
 import { useFieldValues } from '../../hooks';
 const COMPONENT_NAME = 'ConfirmVerifyUser';
 const { getAccountRecoveryInfoText, getSkipText, getSubmitText, getSubmittingText, } = authenticatorTextUtil;
-const ConfirmVerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, ...rest }) => {
-    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
+const ConfirmVerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
+        validationErrors,
     });
     const headerText = getAccountRecoveryInfoText();
     const primaryButtonText = isPending ? getSubmittingText() : getSubmitText();
@@ -29,7 +30,7 @@ const ConfirmVerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, isP
         skipVerification,
         secondaryButtonText,
     ]);
-    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
 };
 ConfirmVerifyUser.Footer = DefaultFooter;
 ConfirmVerifyUser.FormFields = DefaultTextFormFields;

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

@@ -1,3 +1,14 @@
-import { DefaultForceNewPasswordComponent } from '../types';
-declare const ForceNewPassword: DefaultForceNewPasswordComponent;
+/// <reference types="react" />
+import { DefaultFooter, DefaultHeader } from '../../common';
+import { DefaultForceNewPasswordProps } from '../types';
+declare const ForceNewPassword: {
+    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, validationErrors, ...rest }: DefaultForceNewPasswordProps): JSX.Element;
+    Footer: typeof DefaultFooter;
+    FormFields: {
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        displayName: string;
+    };
+    Header: typeof DefaultHeader;
+    displayName: string;
+};
 export default ForceNewPassword;

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

@@ -4,13 +4,14 @@ import { DefaultContent, DefaultFooter, DefaultTextFormFields, DefaultHeader, }
 import { useFieldValues } from '../../hooks';
 const COMPONENT_NAME = 'ForceNewPassword';
 const { getChangePasswordText, getChangingText, getBackToSignInText } = authenticatorTextUtil;
-const ForceNewPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, ...rest }) => {
-    const { disableFormSubmit, fields: fieldsWithHandlers, handleFormSubmit, } = useFieldValues({
+const ForceNewPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, validationErrors, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = useFieldValues({
         componentName: COMPONENT_NAME,
         fields,
         handleBlur,
         handleChange,
         handleSubmit,
+        validationErrors,
     });
     const disabled = hasValidationErrors || disableFormSubmit;
     const headerText = getChangePasswordText();
@@ -32,7 +33,7 @@ const ForceNewPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasV
         secondaryButtonText,
         toSignIn,
     ]);
-    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending}/>);
+    return (<DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
 };
 ForceNewPassword.Footer = DefaultFooter;
 ForceNewPassword.FormFields = DefaultTextFormFields;

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

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