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

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "1.2.22";
+export declare const VERSION = "1.2.24";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '1.2.22';
+export const VERSION = '1.2.24';

package/lib/Authenticator/Authenticator.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const ui_react_core_1 = require("@aws-amplify/ui-react-core");
+const ui_1 = require("@aws-amplify/ui");
+const hooks_1 = require("../hooks");
+const common_1 = require("./common");
+const hooks_2 = require("./hooks");
+const version_1 = require("../version");
+const Defaults_1 = require("./Defaults");
+const DEFAULTS = {
+    ConfirmResetPassword: Defaults_1.ConfirmResetPassword,
+    ConfirmSignIn: Defaults_1.ConfirmSignIn,
+    ConfirmSignUp: Defaults_1.ConfirmSignUp,
+    ConfirmVerifyUser: Defaults_1.ConfirmVerifyUser,
+    ForceNewPassword: Defaults_1.ForceNewPassword,
+    ResetPassword: Defaults_1.ResetPassword,
+    SetupTOTP: Defaults_1.SetupTOTP,
+    SignIn: Defaults_1.SignIn,
+    SignUp: Defaults_1.SignUp,
+    VerifyUser: Defaults_1.VerifyUser,
+};
+const routePropSelector = ({ route, }) => [
+    route,
+];
+function Authenticator({ children, components: overrides, Container = common_1.DefaultContainer, Footer, Header, ...options }) {
+    (0, hooks_1.useDeprecationWarning)({
+        message: 'The `passwordSettings` prop has been deprecated and will be removed in a future major version of Amplify UI.',
+        shouldWarn: !!options?.passwordSettings,
+    });
+    react_1.default.useEffect(() => {
+        (0, ui_1.configureComponent)({
+            packageName: '@aws-amplify/ui-react-native',
+            version: version_1.VERSION,
+        });
+    }, []);
+    (0, ui_react_core_1.useAuthenticatorInitMachine)(options);
+    const { authStatus, fields, route } = (0, ui_react_core_1.useAuthenticator)(routePropSelector);
+    const components = (0, react_1.useMemo)(
+    // allow any to prevent TS from assuming that all fields are of type `TextFieldOptions`
+    () => (0, ui_react_core_1.resolveAuthenticatorComponents)(DEFAULTS, overrides), [overrides]);
+    const { Component, props } = (0, ui_react_core_1.useAuthenticatorRoute)({ components });
+    const typedFields = (0, hooks_2.getRouteTypedFields)({ fields, route });
+    if (authStatus === 'authenticated') {
+        return children ? <>{children}</> : null;
+    }
+    return (<react_native_safe_area_context_1.SafeAreaProvider>
+      <Container>
+        {Header ? <Header /> : null}
+        <common_1.InnerContainer>
+          <Component {...props} fields={typedFields}/>
+        </common_1.InnerContainer>
+        {Footer ? <Footer /> : null}
+      </Container>
+    </react_native_safe_area_context_1.SafeAreaProvider>);
+}
+// assign slot components
+Authenticator.Container = common_1.DefaultContainer;
+Authenticator.Provider = ui_react_core_1.AuthenticatorProvider;
+Authenticator.ConfirmResetPassword = Defaults_1.ConfirmResetPassword;
+Authenticator.ConfirmSignIn = Defaults_1.ConfirmSignIn;
+Authenticator.ConfirmSignUp = Defaults_1.ConfirmSignUp;
+Authenticator.ConfirmVerifyUser = Defaults_1.ConfirmVerifyUser;
+Authenticator.ForceNewPassword = Defaults_1.ForceNewPassword;
+Authenticator.ResetPassword = Defaults_1.ResetPassword;
+Authenticator.SetupTOTP = Defaults_1.SetupTOTP;
+Authenticator.SignIn = Defaults_1.SignIn;
+Authenticator.SignUp = Defaults_1.SignUp;
+Authenticator.VerifyUser = Defaults_1.VerifyUser;
+exports.default = Authenticator;

package/lib/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'ConfirmResetPassword';
+const { getResetYourPasswordText, getSubmitText, getSubmittingText, getResendCodeText, } = ui_1.authenticatorTextUtil;
+const ConfirmResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, resendCode, validationErrors, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const disabled = hasValidationErrors || disableFormSubmit;
+    const headerText = getResetYourPasswordText();
+    const primaryButtonText = isPending ? getSubmittingText() : getSubmitText();
+    const secondaryButtonText = getResendCodeText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        secondary: { children: secondaryButtonText, onPress: resendCode },
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        resendCode,
+        secondaryButtonText,
+    ]);
+    return (<common_1.DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+ConfirmResetPassword.Footer = common_1.DefaultFooter;
+ConfirmResetPassword.FormFields = common_1.DefaultTextFormFields;
+ConfirmResetPassword.Header = common_1.DefaultHeader;
+ConfirmResetPassword.displayName = COMPONENT_NAME;
+exports.default = ConfirmResetPassword;

package/lib/Authenticator/Defaults/ConfirmResetPassword/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmResetPassword = void 0;
+var ConfirmResetPassword_1 = require("./ConfirmResetPassword");
+Object.defineProperty(exports, "ConfirmResetPassword", { enumerable: true, get: function () { return __importDefault(ConfirmResetPassword_1).default; } });

package/lib/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'ConfirmSignIn';
+const { getBackToSignInText, getChallengeText, getConfirmText, getConfirmingText, } = ui_1.authenticatorTextUtil;
+const ConfirmSignIn = ({ challengeName, fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const headerText = getChallengeText(challengeName);
+    const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
+    const secondaryButtonText = getBackToSignInText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
+    return (<common_1.DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+ConfirmSignIn.Footer = common_1.DefaultFooter;
+ConfirmSignIn.FormFields = common_1.DefaultTextFormFields;
+ConfirmSignIn.Header = common_1.DefaultHeader;
+ConfirmSignIn.displayName = COMPONENT_NAME;
+exports.default = ConfirmSignIn;

package/lib/Authenticator/Defaults/ConfirmSignIn/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmSignIn = void 0;
+var ConfirmSignIn_1 = require("./ConfirmSignIn");
+Object.defineProperty(exports, "ConfirmSignIn", { enumerable: true, get: function () { return __importDefault(ConfirmSignIn_1).default; } });

package/lib/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'ConfirmSignUp';
+const { getDeliveryMethodText, getDeliveryMessageText, getConfirmingText, getConfirmText, getResendCodeText, } = ui_1.authenticatorTextUtil;
+const ConfirmSignUp = ({ codeDeliveryDetails, fields, handleBlur, handleChange, handleSubmit, isPending, resendCode, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const headerText = getDeliveryMethodText(codeDeliveryDetails);
+    const bodyText = getDeliveryMessageText(codeDeliveryDetails);
+    const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
+    const secondaryButtonText = getResendCodeText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        secondary: { children: secondaryButtonText, onPress: resendCode },
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        resendCode,
+        secondaryButtonText,
+    ]);
+    return (<common_1.DefaultContent {...rest} body={bodyText} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+ConfirmSignUp.FormFields = common_1.DefaultTextFormFields;
+ConfirmSignUp.Footer = common_1.DefaultFooter;
+ConfirmSignUp.Header = common_1.DefaultHeader;
+ConfirmSignUp.displayName = COMPONENT_NAME;
+exports.default = ConfirmSignUp;

package/lib/Authenticator/Defaults/ConfirmSignUp/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmSignUp = void 0;
+var ConfirmSignUp_1 = require("./ConfirmSignUp");
+Object.defineProperty(exports, "ConfirmSignUp", { enumerable: true, get: function () { return __importDefault(ConfirmSignUp_1).default; } });

package/lib/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'ConfirmVerifyUser';
+const { getAccountRecoveryInfoText, getSkipText, getSubmitText, getSubmittingText, } = ui_1.authenticatorTextUtil;
+const ConfirmVerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, isPending, skipVerification, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const headerText = getAccountRecoveryInfoText();
+    const primaryButtonText = isPending ? getSubmittingText() : getSubmitText();
+    const secondaryButtonText = getSkipText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        links: [{ children: secondaryButtonText, onPress: skipVerification }],
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        skipVerification,
+        secondaryButtonText,
+    ]);
+    return (<common_1.DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+ConfirmVerifyUser.Footer = common_1.DefaultFooter;
+ConfirmVerifyUser.FormFields = common_1.DefaultTextFormFields;
+ConfirmVerifyUser.Header = common_1.DefaultHeader;
+ConfirmVerifyUser.displayName = COMPONENT_NAME;
+exports.default = ConfirmVerifyUser;

package/lib/Authenticator/Defaults/ConfirmVerifyUser/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmVerifyUser = void 0;
+var ConfirmVerifyUser_1 = require("./ConfirmVerifyUser");
+Object.defineProperty(exports, "ConfirmVerifyUser", { enumerable: true, get: function () { return __importDefault(ConfirmVerifyUser_1).default; } });

package/lib/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'ForceNewPassword';
+const { getChangePasswordText, getChangingText, getBackToSignInText } = ui_1.authenticatorTextUtil;
+const ForceNewPassword = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, isPending, toSignIn, validationErrors, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const disabled = hasValidationErrors || disableFormSubmit;
+    const headerText = getChangePasswordText();
+    const primaryButtonText = isPending
+        ? getChangingText()
+        : getChangePasswordText();
+    const secondaryButtonText = getBackToSignInText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
+    return (<common_1.DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+ForceNewPassword.Footer = common_1.DefaultFooter;
+ForceNewPassword.FormFields = common_1.DefaultTextFormFields;
+ForceNewPassword.Header = common_1.DefaultHeader;
+ForceNewPassword.displayName = COMPONENT_NAME;
+exports.default = ForceNewPassword;

package/lib/Authenticator/Defaults/ForceNewPassword/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForceNewPassword = void 0;
+var ForceNewPassword_1 = require("./ForceNewPassword");
+Object.defineProperty(exports, "ForceNewPassword", { enumerable: true, get: function () { return __importDefault(ForceNewPassword_1).default; } });

package/lib/Authenticator/Defaults/ResetPassword/ResetPassword.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'ResetPassword';
+const { getResetYourPasswordText, getSendCodeText, getSendingText, getBackToSignInText, } = ui_1.authenticatorTextUtil;
+const ResetPassword = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const headerText = getResetYourPasswordText();
+    const primaryButtonText = isPending ? getSendingText() : getSendCodeText();
+    const secondaryButtonText = getBackToSignInText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
+    return (<common_1.DefaultContent {...rest} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+ResetPassword.Footer = common_1.DefaultFooter;
+ResetPassword.FormFields = common_1.DefaultTextFormFields;
+ResetPassword.Header = common_1.DefaultHeader;
+ResetPassword.displayName = COMPONENT_NAME;
+exports.default = ResetPassword;

package/lib/Authenticator/Defaults/ResetPassword/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetPassword = void 0;
+var ResetPassword_1 = require("./ResetPassword");
+Object.defineProperty(exports, "ResetPassword", { enumerable: true, get: function () { return __importDefault(ResetPassword_1).default; } });

package/lib/Authenticator/Defaults/SetupTOTP/SetupTOTP.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const primitives_1 = require("../../../primitives");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const styles_1 = require("./styles");
+const COMPONENT_NAME = 'SetupTOTP';
+const { getBackToSignInText, getConfirmingText, getConfirmText, getSetupTOTPText, getSetupTOTPInstructionsText, } = ui_1.authenticatorTextUtil;
+const SetupTOTP = ({ fields, handleBlur, handleChange, handleSubmit, isPending, toSignIn, totpSecretCode, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const headerText = getSetupTOTPText();
+    const primaryButtonText = isPending ? getConfirmingText() : getConfirmText();
+    const secondaryButtonText = getBackToSignInText();
+    const body = (<>
+      <primitives_1.Label style={styles_1.styles.secretKeyText}>
+        {getSetupTOTPInstructionsText()}
+      </primitives_1.Label>
+      <primitives_1.Label selectable style={styles_1.styles.secretKeyText}>
+        {totpSecretCode}
+      </primitives_1.Label>
+    </>);
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        links: [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [
+        disabled,
+        handleFormSubmit,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
+    return (<common_1.DefaultContent {...rest} body={body} buttons={buttons} headerText={headerText} fields={fieldsWithHandlers} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+SetupTOTP.Footer = common_1.DefaultFooter;
+SetupTOTP.FormFields = common_1.DefaultTextFormFields;
+SetupTOTP.Header = common_1.DefaultHeader;
+SetupTOTP.displayName = COMPONENT_NAME;
+exports.default = SetupTOTP;

package/lib/Authenticator/Defaults/SetupTOTP/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetupTOTP = void 0;
+var SetupTOTP_1 = require("./SetupTOTP");
+Object.defineProperty(exports, "SetupTOTP", { enumerable: true, get: function () { return __importDefault(SetupTOTP_1).default; } });

package/lib/Authenticator/Defaults/SetupTOTP/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const react_native_1 = require("react-native");
+exports.styles = react_native_1.StyleSheet.create({
+    // TODO: replace with tokens
+    secretKeyText: { flexWrap: 'wrap', paddingVertical: 4, marginHorizontal: 8 },
+});

package/lib/Authenticator/Defaults/SignIn/SignIn.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'SignIn';
+const SignIn = ({ fields, handleBlur, handleChange, handleSubmit, hideSignUp, toResetPassword, toSignUp, validationErrors, ...rest }) => {
+    const { getSignInTabText, getSignInText, getSignUpTabText, getForgotPasswordText, } = ui_1.authenticatorTextUtil;
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const headerText = getSignInTabText();
+    const forgotPasswordText = getForgotPasswordText(true);
+    const signInText = getSignInText();
+    const signUpText = getSignUpTabText();
+    const buttons = (0, react_1.useMemo)(() => {
+        const forgotPassword = {
+            children: forgotPasswordText,
+            onPress: toResetPassword,
+        };
+        return {
+            primary: { children: signInText, disabled, onPress: handleFormSubmit },
+            links: hideSignUp
+                ? [forgotPassword]
+                : [forgotPassword, { children: signUpText, onPress: toSignUp }],
+        };
+    }, [
+        disabled,
+        forgotPasswordText,
+        handleFormSubmit,
+        hideSignUp,
+        signInText,
+        signUpText,
+        toResetPassword,
+        toSignUp,
+    ]);
+    return (<common_1.DefaultContent {...rest} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText} validationErrors={fieldValidationErrors}/>);
+};
+SignIn.Footer = common_1.DefaultFooter;
+SignIn.FormFields = common_1.DefaultTextFormFields;
+SignIn.Header = common_1.DefaultHeader;
+SignIn.displayName = COMPONENT_NAME;
+exports.default = SignIn;

package/lib/Authenticator/Defaults/SignIn/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignIn = void 0;
+var SignIn_1 = require("./SignIn");
+Object.defineProperty(exports, "SignIn", { enumerable: true, get: function () { return __importDefault(SignIn_1).default; } });

package/lib/Authenticator/Defaults/SignUp/SignUp.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'SignUp';
+const { getCreateAccountText, getCreatingAccountText, getSignInTabText, getSignUpTabText, } = ui_1.authenticatorTextUtil;
+const SignUp = ({ fields, handleBlur, handleChange, handleSubmit, hasValidationErrors, hideSignIn, isPending, toSignIn, validationErrors, ...rest }) => {
+    const { disableFormSubmit, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const disabled = hasValidationErrors || disableFormSubmit;
+    const headerText = getSignUpTabText();
+    const primaryButtonText = isPending
+        ? getCreatingAccountText()
+        : getCreateAccountText();
+    const secondaryButtonText = getSignInTabText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: {
+            children: primaryButtonText,
+            disabled,
+            onPress: handleFormSubmit,
+        },
+        links: hideSignIn
+            ? undefined
+            : [{ children: secondaryButtonText, onPress: toSignIn }],
+    }), [
+        disabled,
+        handleFormSubmit,
+        hideSignIn,
+        primaryButtonText,
+        secondaryButtonText,
+        toSignIn,
+    ]);
+    return (<common_1.DefaultContent {...rest} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText} isPending={isPending} validationErrors={fieldValidationErrors}/>);
+};
+SignUp.Footer = common_1.DefaultFooter;
+SignUp.FormFields = common_1.DefaultTextFormFields;
+SignUp.Header = common_1.DefaultHeader;
+SignUp.displayName = COMPONENT_NAME;
+exports.default = SignUp;

package/lib/Authenticator/Defaults/SignUp/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignUp = void 0;
+var SignUp_1 = require("./SignUp");
+Object.defineProperty(exports, "SignUp", { enumerable: true, get: function () { return __importDefault(SignUp_1).default; } });

package/lib/Authenticator/Defaults/VerifyUser/VerifyUser.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ui_1 = require("@aws-amplify/ui");
+const common_1 = require("../../common");
+const hooks_1 = require("../../hooks");
+const COMPONENT_NAME = 'VerifyUser';
+const { getSkipText, getVerifyContactText, getVerifyText, getAccountRecoveryInfoText, } = ui_1.authenticatorTextUtil;
+const VerifyUser = ({ fields, handleBlur, handleChange, handleSubmit, skipVerification, validationErrors, ...rest }) => {
+    const { disableFormSubmit: disabled, fields: fieldsWithHandlers, fieldValidationErrors, handleFormSubmit, } = (0, hooks_1.useFieldValues)({
+        componentName: COMPONENT_NAME,
+        fields,
+        handleBlur,
+        handleChange,
+        handleSubmit,
+        validationErrors,
+    });
+    const headerText = getVerifyContactText();
+    const skipText = getSkipText();
+    const verifyText = getVerifyText();
+    const bodyText = getAccountRecoveryInfoText();
+    const buttons = (0, react_1.useMemo)(() => ({
+        primary: { children: verifyText, disabled, onPress: handleFormSubmit },
+        links: [{ children: skipText, onPress: skipVerification }],
+    }), [disabled, handleFormSubmit, skipText, skipVerification, verifyText]);
+    return (<common_1.DefaultContent {...rest} body={bodyText} buttons={buttons} fields={fieldsWithHandlers} headerText={headerText} validationErrors={fieldValidationErrors}/>);
+};
+VerifyUser.Footer = common_1.DefaultFooter;
+VerifyUser.FormFields = common_1.DefaultRadioFormFields;
+VerifyUser.Header = common_1.DefaultHeader;
+VerifyUser.displayName = COMPONENT_NAME;
+exports.default = VerifyUser;

package/lib/Authenticator/Defaults/VerifyUser/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerifyUser = void 0;
+var VerifyUser_1 = require("./VerifyUser");
+Object.defineProperty(exports, "VerifyUser", { enumerable: true, get: function () { return __importDefault(VerifyUser_1).default; } });