@aws-amplify/ui-react-native 2.2.20 → 2.3.0

package/dist/Authenticator/Authenticator.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultContainer } from './common';
 import { AuthenticatorProps } from './types';
-declare function Authenticator({ children, components: overrides, Container, Footer, Header, ...options }: AuthenticatorProps): JSX.Element | null;
+declare function Authenticator({ children, components: overrides, Container, Footer, Header, ...options }: AuthenticatorProps): React.JSX.Element | null;
 declare namespace Authenticator {
     var Container: typeof DefaultContainer;
     var Provider: typeof import("@aws-amplify/ui-react-core").AuthenticatorProvider;
@@ -12,10 +12,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").ConfirmResetPasswordStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -29,10 +29,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").ConfirmSignInStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -46,9 +46,9 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").ConfirmSignUpStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Footer: typeof import("./common").DefaultFooter;
@@ -62,10 +62,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").ConfirmVerifyUserStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -78,10 +78,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").ForceNewPasswordStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -94,10 +94,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").ForgotPasswordStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -112,10 +112,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").SetupTotpStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -132,10 +132,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").SignInStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -151,10 +151,10 @@ declare namespace Authenticator {
             fields: import("./hooks").TextFieldOptionsType[];
         } & {
             style?: import("./Defaults/types").SignUpStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+            ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("./common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;
@@ -167,10 +167,10 @@ declare namespace Authenticator {
             fields: import("./hooks").RadioFieldOptions[];
         } & {
             style?: import("./Defaults/types").VerifyUserStyle | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         Footer: typeof import("./common").DefaultFooter;
         FormFields: {
-            ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: import("./common/DefaultFormFields/types").DefaultRadioFormFieldsProps): JSX.Element;
+            ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: import("./common/DefaultFormFields/types").DefaultRadioFormFieldsProps): React.JSX.Element;
             displayName: string;
         };
         Header: typeof import("./common").DefaultHeader;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from '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;
+    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, validationErrors, ...rest }: DefaultConfirmResetPasswordProps): React.JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
-        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
         displayName: string;
     };
     Header: typeof DefaultHeader;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from '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;
+    ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }: DefaultConfirmSignInProps): React.JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
-        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
         displayName: string;
     };
     Header: typeof DefaultHeader;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from '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;
+    ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, validationErrors, ...rest }: DefaultConfirmSignUpProps): React.JSX.Element;
     FormFields: {
-        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
         displayName: string;
     };
     Footer: typeof DefaultFooter;

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

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

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from '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;
+    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, validationErrors, ...rest }: DefaultForceNewPasswordProps): React.JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
-        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
         displayName: string;
     };
     Header: typeof DefaultHeader;

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

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

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

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

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultFooter, DefaultHeader } from '../../common';
 import { DefaultSignInProps } from '../types';
 declare const SignIn: {
-    ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, socialProviders, toFederatedSignIn, toForgotPassword, toSignUp, validationErrors, ...rest }: DefaultSignInProps): JSX.Element;
+    ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, socialProviders, toFederatedSignIn, toForgotPassword, toSignUp, validationErrors, ...rest }: DefaultSignInProps): React.JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
-        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
         displayName: string;
     };
     Header: typeof DefaultHeader;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultFooter, DefaultHeader } from '../../common';
 import { DefaultSignUpProps } from '../types';
 declare const SignUp: {
-    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, socialProviders, toFederatedSignIn, toSignIn, validationErrors, ...rest }: DefaultSignUpProps): JSX.Element;
+    ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, socialProviders, toFederatedSignIn, toSignIn, validationErrors, ...rest }: DefaultSignUpProps): React.JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
-        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): JSX.Element;
+        ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: import("../../common/DefaultFormFields/types").DefaultTextFormFieldsProps): React.JSX.Element;
         displayName: string;
     };
     Header: typeof DefaultHeader;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultFooter, DefaultHeader } from '../../common';
 import { DefaultVerifyUserProps } from '../types';
 declare const VerifyUser: {
-    ({ fields, handleBlur, handleChange, handleSubmit, skipVerification, validationErrors, ...rest }: DefaultVerifyUserProps): JSX.Element;
+    ({ fields, handleBlur, handleChange, handleSubmit, skipVerification, validationErrors, ...rest }: DefaultVerifyUserProps): React.JSX.Element;
     Footer: typeof DefaultFooter;
     FormFields: {
-        ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: import("../../common/DefaultFormFields/types").DefaultRadioFormFieldsProps): JSX.Element;
+        ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: import("../../common/DefaultFormFields/types").DefaultRadioFormFieldsProps): React.JSX.Element;
         displayName: string;
     };
     Header: typeof DefaultHeader;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AuthenticatorComponentOverrides, AuthenticatorComponentDefaults } from '@aws-amplify/ui-react-core';
 import { RadioFieldOptions, TextFieldOptionsType } from '../hooks';
 export interface ConfirmResetPasswordStyle {

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ContainerProps } from './types';
-export default function DefaultContainer({ alwaysBounceVertical, behavior, children, keyboardAvoidingViewStyle, keyboardShouldPersistTaps, keyboardVerticalOffset, scrollViewContentContainerStyle, style, ...rest }: ContainerProps): JSX.Element | null;
+export default function DefaultContainer({ alwaysBounceVertical, behavior, children, keyboardAvoidingViewStyle, keyboardShouldPersistTaps, keyboardVerticalOffset, scrollViewContentContainerStyle, style, ...rest }: ContainerProps): React.JSX.Element | null;

package/dist/Authenticator/common/DefaultContainer/InnerContainer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ContainerProps } from './types';
-export default function InnerContainer({ children, ...rest }: ContainerProps): JSX.Element | null;
+export default function InnerContainer({ children, ...rest }: ContainerProps): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
 import { DefaultContentProps } from './types';
-export default function DefaultContent<FieldsType extends TextFieldOptionsType | RadioFieldOptions>({ body, buttons: { primary, links, secondary }, error, fields, Footer, FormFields, isPending, Header, headerText, validationErrors, }: DefaultContentProps<FieldsType>): JSX.Element;
+export default function DefaultContent<FieldsType extends TextFieldOptionsType | RadioFieldOptions>({ body, buttons: { primary, links, secondary }, error, fields, Footer, FormFields, isPending, Header, headerText, validationErrors, }: DefaultContentProps<FieldsType>): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultFooterProps } from './types';
-export default function DefaultFooter({ children, ...rest }: DefaultFooterProps): JSX.Element | null;
+export default function DefaultFooter({ children, ...rest }: DefaultFooterProps): React.JSX.Element | null;

package/dist/Authenticator/common/DefaultFormFields/DefaultRadioFormFields.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultRadioFormFieldsProps } from './types';
 declare const DefaultRadioFormFields: {
-    ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: DefaultRadioFormFieldsProps): JSX.Element;
+    ({ fields, fieldContainerStyle, fieldLabelStyle, isPending, style, }: DefaultRadioFormFieldsProps): React.JSX.Element;
     displayName: string;
 };
 export default DefaultRadioFormFields;

package/dist/Authenticator/common/DefaultFormFields/DefaultTextFormFields.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultTextFormFieldsProps } from './types';
 declare const DefaultTextFormFields: {
-    ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: DefaultTextFormFieldsProps): JSX.Element;
+    ({ fieldContainerStyle, fieldErrorsContainer, fieldErrorStyle, fieldStyle, fields, isPending, style, validationErrors, }: DefaultTextFormFieldsProps): React.JSX.Element;
     displayName: string;
 };
 export default DefaultTextFormFields;

package/dist/Authenticator/common/DefaultFormFields/Field.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { FieldProps } from './types';
 declare const Field: {
-    ({ type, ...rest }: FieldProps): JSX.Element;
+    ({ type, ...rest }: FieldProps): React.JSX.Element;
     displayName: string;
 };
 export default Field;

package/dist/Authenticator/common/DefaultFormFields/FieldErrors.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FieldErrorsProps } from './types';
-export declare const FieldErrors: ({ errors, errorStyle, style, }: FieldErrorsProps) => JSX.Element | null;
+export declare const FieldErrors: ({ errors, errorStyle, style, }: FieldErrorsProps) => React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultHeaderProps } from './types';
-export default function DefaultHeader({ children, level, ...rest }: DefaultHeaderProps): JSX.Element | null;
+export default function DefaultHeader({ children, level, ...rest }: DefaultHeaderProps): React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FederatedProviderButtonProps } from './types';
-export default function FederatedProviderButton({ children, source, style, textStyle, ...rest }: FederatedProviderButtonProps): JSX.Element;
+export default function FederatedProviderButton({ children, source, style, textStyle, ...rest }: FederatedProviderButtonProps): React.JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ImageSourcePropType, ImageStyle, TextStyle, ViewStyle } from 'react-native';
 import { ButtonProps } from '../../../primitives';
 export interface FederatedProviderButtonProps extends Omit<ButtonProps, 'children'> {

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

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

package/dist/Authenticator/withAuthenticator.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { WithAuthenticatorOptions } from './types';
-export default function withAuthenticator<Props = {}>(Component: React.ComponentType<Props>, options?: WithAuthenticatorOptions): (props: Props) => JSX.Element;
+export default function withAuthenticator<Props = {}>(Component: React.ComponentType<Props>, options?: WithAuthenticatorOptions): (props: Props) => React.JSX.Element;

package/dist/InAppMessaging/components/BannerMessage/BannerMessage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { BannerMessageProps } from './types';
-export default function BannerMessage({ position, ...props }: BannerMessageProps): JSX.Element | null;
+export default function BannerMessage({ position, ...props }: BannerMessageProps): React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { CarouselMessageProps } from './types';
-export default function CarouselMessage(props: CarouselMessageProps): JSX.Element;
+export default function CarouselMessage(props: CarouselMessageProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { CarouselMessageItemProps } from './types';
-export default function CarouselMessageItem(props: CarouselMessageItemProps): JSX.Element | null;
+export default function CarouselMessageItem(props: CarouselMessageItemProps): React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FullScreenMessageProps } from './types';
-export default function FullScreenMessage(props: FullScreenMessageProps): JSX.Element | null;
+export default function FullScreenMessage(props: FullScreenMessageProps): React.JSX.Element | null;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { InAppMessageDisplayProps } from './types';
-declare function InAppMessageDisplay({ components: overrideComponents, }: InAppMessageDisplayProps): JSX.Element | null;
+declare function InAppMessageDisplay({ components: overrideComponents, }: InAppMessageDisplayProps): React.JSX.Element | null;
 declare namespace InAppMessageDisplay {
     var BannerMessage: typeof import("../BannerMessage").BannerMessage;
     var CarouselMessage: typeof import("../CarouselMessage").CarouselMessage;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { LayoutProps } from './types';
-export default function MessageLayout({ orientation, ...props }: LayoutProps): JSX.Element;
+export default function MessageLayout({ orientation, ...props }: LayoutProps): React.JSX.Element;

package/dist/InAppMessaging/components/MessageWrapper/MessageWrapper.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { MessageWrapperProps } from './types';
-export default function MessageWrapper({ children, disableSafeAreaView, style, }: MessageWrapperProps): JSX.Element;
+export default function MessageWrapper({ children, disableSafeAreaView, style, }: MessageWrapperProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ModalMessageProps } from './types';
-export default function ModalMessage(props: ModalMessageProps): JSX.Element | null;
+export default function ModalMessage(props: ModalMessageProps): React.JSX.Element | null;

package/dist/InAppMessaging/components/withInAppMessaging/withInAppMessaging.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { MessageComponents } from '../InAppMessageDisplay';
 export default function withInAppMessaging<Props = {}>(Component: React.ComponentType<Props>, options?: {
     components?: MessageComponents;
-}): (props: Props) => JSX.Element;
+}): (props: Props) => React.JSX.Element;

package/dist/primitives/Button/Button.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps } from './types';
-export default function Button({ accessibilityRole, children, disabled, style, textStyle, variant, ...rest }: ButtonProps): JSX.Element;
+export default function Button({ accessibilityRole, children, disabled, style, textStyle, variant, ...rest }: ButtonProps): React.JSX.Element;

package/dist/primitives/Carousel/Carousel.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { CarouselProps } from './types';
-export default function Carousel<T>(props: CarouselProps<T>): JSX.Element | null;
+export default function Carousel<T>(props: CarouselProps<T>): React.JSX.Element | null;

package/dist/primitives/Carousel/CarouselPageIndicator.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { CarouselPageIndicatorProps } from './types';
-export default function CarouselPageIndicator({ activeStyle, currentIndex, inactiveStyle, numberOfItems, style, }: CarouselPageIndicatorProps): JSX.Element;
+export default function CarouselPageIndicator({ activeStyle, currentIndex, inactiveStyle, indicatorTestId, numberOfItems, style, }: CarouselPageIndicatorProps): React.JSX.Element;

package/dist/primitives/Carousel/CarouselPageIndicator.js

@@ -2,9 +2,9 @@ import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE, DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE, } from './constants';
-export default function CarouselPageIndicator({ activeStyle, currentIndex, inactiveStyle, numberOfItems, style, }) {
+export default function CarouselPageIndicator({ activeStyle, currentIndex, inactiveStyle, indicatorTestId, numberOfItems, style, }) {
     const items = useMemo(() => new Array(numberOfItems ?? 0)
         .fill(null)
-        .map((_, index) => (currentIndex ?? 0) === index ? (<View style={[DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE, activeStyle]} key={`indicator-item-${index}`}/>) : (<View style={[DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE, inactiveStyle]} key={`indicator-item-${index}`}/>)), [activeStyle, currentIndex, inactiveStyle, numberOfItems]);
+        .map((_, index) => (currentIndex ?? 0) === index ? (<View style={[DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE, activeStyle]} key={`indicator-item-${index}`} testID={indicatorTestId}/>) : (<View style={[DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE, inactiveStyle]} key={`indicator-item-${index}`} testID={indicatorTestId}/>)), [activeStyle, currentIndex, inactiveStyle, indicatorTestId, numberOfItems]);
     return <SafeAreaView style={style}>{items}</SafeAreaView>;
 }

package/dist/primitives/Carousel/types.d.ts

@@ -12,6 +12,7 @@ export interface CarouselPageIndicatorProps {
     activeStyle?: StyleProp<ViewStyle>;
     currentIndex: number | null;
     inactiveStyle?: StyleProp<ViewStyle>;
+    indicatorTestId?: string;
     numberOfItems: number;
     style?: StyleProp<ViewStyle>;
 }

package/dist/primitives/Checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { CheckboxProps } from './types';
-export default function Checkbox<T>({ accessibilityRole, iconStyle, disabled, label, labelPosition, labelStyle, onChange, selected, size, style, value, ...rest }: CheckboxProps<T>): JSX.Element;
+export default function Checkbox<T>({ accessibilityRole, iconStyle, disabled, label, labelPosition, labelStyle, onChange, selected, size, style, value, ...rest }: CheckboxProps<T>): React.JSX.Element;

package/dist/primitives/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DividerProps } from './types';
 export declare const DIVIDER_LINE_TEST_ID = "amplify__divider__line";
-export default function Divider({ children, labelStyle, lineStyle, style, }: DividerProps): JSX.Element;
+export default function Divider({ children, labelStyle, lineStyle, style, }: DividerProps): React.JSX.Element;

package/dist/primitives/ErrorMessage/ErrorMessage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ErrorMessageProps } from './types';
 export declare const CLOSE_BUTTON_TEST_ID = "authenticator--error-message--close-button";
-export default function ErrorMessage({ accessible, accessibilityRole, children, iconStyle, labelStyle, onDismiss, style, ...rest }: ErrorMessageProps): JSX.Element;
+export default function ErrorMessage({ accessible, accessibilityRole, children, iconStyle, labelStyle, onDismiss, style, ...rest }: ErrorMessageProps): React.JSX.Element;

package/dist/primitives/Heading/Heading.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { HeadingProps } from './types';
-export default function Heading({ accessibilityRole, children, level, style, ...rest }: HeadingProps): JSX.Element;
+export default function Heading({ accessibilityRole, children, level, style, ...rest }: HeadingProps): React.JSX.Element;

package/dist/primitives/Icon/Icon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps } from './types';
-export default function Icon({ accessible, accessibilityRole, animated, color, size, style, ...rest }: IconProps): JSX.Element;
+export default function Icon({ accessible, accessibilityRole, animated, color, size, style, ...rest }: IconProps): React.JSX.Element;

package/dist/primitives/IconButton/IconButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconButtonProps } from './types';
-export default function IconButton({ accessibilityRole, color, disabled, iconStyle, size, source, style, ...rest }: IconButtonProps): JSX.Element;
+export default function IconButton({ accessibilityRole, color, disabled, iconStyle, size, source, style, ...rest }: IconButtonProps): React.JSX.Element;

package/dist/primitives/Label/Label.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { LabelProps } from './types';
-export default function Label({ accessibilityRole, children, style, variant, ...rest }: LabelProps): JSX.Element;
+export default function Label({ accessibilityRole, children, style, variant, ...rest }: LabelProps): React.JSX.Element;

package/dist/primitives/PasswordField/PasswordField.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { PasswordFieldProps } from './types';
-export default function PasswordField({ disabled, iconAccessibilityLabel, iconStyle, secureTextEntry, showPasswordButton, style, ...rest }: PasswordFieldProps): JSX.Element;
+export default function PasswordField({ disabled, iconAccessibilityLabel, iconStyle, secureTextEntry, showPasswordButton, style, ...rest }: PasswordFieldProps): React.JSX.Element;