@aws-amplify/ui-angular 2.0.1-next.6 → 2.0.1

package/lib/components/authenticator/components/setup-totp/setup-totp.component.d.ts

@@ -0,0 +1,53 @@
+import { OnInit } from '@angular/core';
+import { AuthenticatorService } from '../../../../services/authenticator.service';
+export declare class SetupTotpComponent implements OnInit {
+    authenticator: AuthenticatorService;
+    dataAttr: string;
+    headerText: string;
+    qrCodeSource: string;
+    backToSignInText: string;
+    confirmText: string;
+    constructor(authenticator: AuthenticatorService);
+    ngOnInit(): void;
+    get context(): {
+        $implicit: {
+            resendCode: (data?: Record<string | number | symbol, any>) => void;
+            signOut: (data?: Record<string | number | symbol, any>) => void;
+            submitForm: (data?: Record<string | number | symbol, any>) => void;
+            updateForm: (data?: Record<string | number | symbol, any>) => void;
+            toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+            toSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toSignUp: (data?: Record<string | number | symbol, any>) => void;
+            skipVerification: (data?: Record<string | number | symbol, any>) => void;
+            error: string;
+            hasValidationErrors: boolean;
+            isPending: boolean;
+            route: string;
+            user: import("@aws-amplify/ui").CognitoUserAmplify;
+            validationErrors: {
+                [x: string]: string;
+            };
+        };
+        resendCode: (data?: Record<string | number | symbol, any>) => void;
+        signOut: (data?: Record<string | number | symbol, any>) => void;
+        submitForm: (data?: Record<string | number | symbol, any>) => void;
+        updateForm: (data?: Record<string | number | symbol, any>) => void;
+        toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+        toSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toSignUp: (data?: Record<string | number | symbol, any>) => void;
+        skipVerification: (data?: Record<string | number | symbol, any>) => void;
+        error: string;
+        hasValidationErrors: boolean;
+        isPending: boolean;
+        route: string;
+        user: import("@aws-amplify/ui").CognitoUserAmplify;
+        validationErrors: {
+            [x: string]: string;
+        };
+    };
+    generateQRCode(): Promise<void>;
+    onInput(event: Event): void;
+    onSubmit(event: Event): void;
+}

package/lib/components/authenticator/components/sign-in/sign-in.component.d.ts

@@ -0,0 +1,48 @@
+import { AuthenticatorService } from '../../../../services/authenticator.service';
+export declare class SignInComponent {
+    authenticator: AuthenticatorService;
+    dataAttr: string;
+    forgotPasswordText: string;
+    signInButtonText: string;
+    constructor(authenticator: AuthenticatorService);
+    get context(): {
+        $implicit: {
+            resendCode: (data?: Record<string | number | symbol, any>) => void;
+            signOut: (data?: Record<string | number | symbol, any>) => void;
+            submitForm: (data?: Record<string | number | symbol, any>) => void;
+            updateForm: (data?: Record<string | number | symbol, any>) => void;
+            toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+            toSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toSignUp: (data?: Record<string | number | symbol, any>) => void;
+            skipVerification: (data?: Record<string | number | symbol, any>) => void;
+            error: string;
+            hasValidationErrors: boolean;
+            isPending: boolean;
+            route: string;
+            user: import("@aws-amplify/ui").CognitoUserAmplify;
+            validationErrors: {
+                [x: string]: string;
+            };
+        };
+        resendCode: (data?: Record<string | number | symbol, any>) => void;
+        signOut: (data?: Record<string | number | symbol, any>) => void;
+        submitForm: (data?: Record<string | number | symbol, any>) => void;
+        updateForm: (data?: Record<string | number | symbol, any>) => void;
+        toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+        toSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toSignUp: (data?: Record<string | number | symbol, any>) => void;
+        skipVerification: (data?: Record<string | number | symbol, any>) => void;
+        error: string;
+        hasValidationErrors: boolean;
+        isPending: boolean;
+        route: string;
+        user: import("@aws-amplify/ui").CognitoUserAmplify;
+        validationErrors: {
+            [x: string]: string;
+        };
+    };
+    onInput(event: Event): void;
+    onSubmit(event: Event): void;
+}

package/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import { AuthenticatorService } from '../../../../../services/authenticator.service';
+import { LoginMechanism, SignUpAttribute } from '@aws-amplify/ui';
+export declare class SignUpFormFieldsComponent implements OnInit {
+    private authenticator;
+    primaryAlias: string;
+    secondaryAliases: string[];
+    fieldNames: Array<LoginMechanism | SignUpAttribute>;
+    loginMechanism: LoginMechanism;
+    constructor(authenticator: AuthenticatorService);
+    ngOnInit(): void;
+}

package/lib/components/authenticator/components/sign-up/sign-up.component.d.ts

@@ -0,0 +1,47 @@
+import { AuthenticatorService } from '../../../../services/authenticator.service';
+export declare class SignUpComponent {
+    authenticator: AuthenticatorService;
+    dataAttr: string;
+    createAccountText: string;
+    constructor(authenticator: AuthenticatorService);
+    get context(): {
+        $implicit: {
+            resendCode: (data?: Record<string | number | symbol, any>) => void;
+            signOut: (data?: Record<string | number | symbol, any>) => void;
+            submitForm: (data?: Record<string | number | symbol, any>) => void;
+            updateForm: (data?: Record<string | number | symbol, any>) => void;
+            toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+            toSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toSignUp: (data?: Record<string | number | symbol, any>) => void;
+            skipVerification: (data?: Record<string | number | symbol, any>) => void;
+            error: string;
+            hasValidationErrors: boolean;
+            isPending: boolean;
+            route: string;
+            user: import("@aws-amplify/ui").CognitoUserAmplify;
+            validationErrors: {
+                [x: string]: string;
+            };
+        };
+        resendCode: (data?: Record<string | number | symbol, any>) => void;
+        signOut: (data?: Record<string | number | symbol, any>) => void;
+        submitForm: (data?: Record<string | number | symbol, any>) => void;
+        updateForm: (data?: Record<string | number | symbol, any>) => void;
+        toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+        toSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toSignUp: (data?: Record<string | number | symbol, any>) => void;
+        skipVerification: (data?: Record<string | number | symbol, any>) => void;
+        error: string;
+        hasValidationErrors: boolean;
+        isPending: boolean;
+        route: string;
+        user: import("@aws-amplify/ui").CognitoUserAmplify;
+        validationErrors: {
+            [x: string]: string;
+        };
+    };
+    onInput(event: Event): void;
+    onSubmit(event: Event): void;
+}

package/lib/{primitives/amplify-user-name-alias/amplify-user-name-alias.component.d.ts → components/authenticator/components/user-name-alias/user-name-alias.component.d.ts}

@@ -1,7 +1,7 @@
 import { OnInit } from '@angular/core';
-import { StateMachineService } from '../../services/state-machine.service';
-export declare class AmplifyUserNameAliasComponent implements OnInit {
-    private stateMachine;
+import { AuthenticatorService } from '../../../../services/authenticator.service';
+export declare class UserNameAliasComponent implements OnInit {
+    private authenticator;
     name: string;
     disabled: boolean;
     initialValue: string;
@@ -10,6 +10,6 @@ export declare class AmplifyUserNameAliasComponent implements OnInit {
     type: string;
     error: string;
     placeholder: string;
-    constructor(stateMachine: StateMachineService);
+    constructor(authenticator: AuthenticatorService);
     ngOnInit(): void;
 }

package/lib/components/authenticator/components/verify-user/verify-user.component.d.ts

@@ -0,0 +1,54 @@
+import { OnInit } from '@angular/core';
+import { AuthenticatorService } from '../../../../services/authenticator.service';
+export declare class VerifyUserComponent implements OnInit {
+    authenticator: AuthenticatorService;
+    dataAttr: string;
+    headerText: string;
+    unverifiedAttributes: {};
+    labelId: string;
+    skipText: string;
+    verifyText: string;
+    constructor(authenticator: AuthenticatorService);
+    ngOnInit(): void;
+    get context(): {
+        $implicit: {
+            resendCode: (data?: Record<string | number | symbol, any>) => void;
+            signOut: (data?: Record<string | number | symbol, any>) => void;
+            submitForm: (data?: Record<string | number | symbol, any>) => void;
+            updateForm: (data?: Record<string | number | symbol, any>) => void;
+            toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+            toSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toSignUp: (data?: Record<string | number | symbol, any>) => void;
+            skipVerification: (data?: Record<string | number | symbol, any>) => void;
+            error: string;
+            hasValidationErrors: boolean;
+            isPending: boolean;
+            route: string;
+            user: import("@aws-amplify/ui").CognitoUserAmplify;
+            validationErrors: {
+                [x: string]: string;
+            };
+        };
+        resendCode: (data?: Record<string | number | symbol, any>) => void;
+        signOut: (data?: Record<string | number | symbol, any>) => void;
+        submitForm: (data?: Record<string | number | symbol, any>) => void;
+        updateForm: (data?: Record<string | number | symbol, any>) => void;
+        toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+        toSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toSignUp: (data?: Record<string | number | symbol, any>) => void;
+        skipVerification: (data?: Record<string | number | symbol, any>) => void;
+        error: string;
+        hasValidationErrors: boolean;
+        isPending: boolean;
+        route: string;
+        user: import("@aws-amplify/ui").CognitoUserAmplify;
+        validationErrors: {
+            [x: string]: string;
+        };
+    };
+    getLabelForAttr(authAttr: string): string;
+    onInput(event: Event): void;
+    onSubmit(event: Event): void;
+}

package/lib/primitives/{amplify-button/amplify-button.component.d.ts → button/button.component.d.ts}

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-export declare class AmplifyButtonComponent implements OnInit {
+export declare class ButtonComponent implements OnInit {
     type: 'submit' | 'button';
     fullWidth: boolean | string;
     size: 'small' | 'medium' | 'large';

package/lib/primitives/checkbox/checkbox.component.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+export declare class CheckboxComponent implements OnInit {
+    defaultChecked: boolean;
+    errorMessage: string;
+    hasError: boolean;
+    label: string;
+    name: string;
+    value: string;
+    isChecked: boolean;
+    ngOnInit(): void;
+    handleClick(): void;
+}

package/lib/primitives/error/error.component.d.ts

@@ -0,0 +1,4 @@
+export declare class ErrorComponent {
+    isVisible: boolean;
+    close(): void;
+}

package/lib/primitives/index.d.ts

@@ -1,2 +1,9 @@
-export * from './amplify-form-field/amplify-form-field.component';
-export * from './amplify-error/amplify-error.component';
+export { ErrorComponent } from './error/error.component';
+export { ButtonComponent } from './button/button.component';
+export { PasswordFieldComponent } from './password-field/password-field.component';
+export { SelectComponent } from './select/select.component';
+export { TextFieldComponent } from './text-field/text-field.component';
+export { PhoneNumberFieldComponent } from './phone-number-field/phone-number-field.component';
+export { TabItemComponent } from './tab-item/tab-item.component';
+export { TabsComponent } from './tabs/tabs.component';
+export { CheckboxComponent } from './checkbox/checkbox.component';

package/lib/primitives/{amplify-password-field/amplify-password-field.component.d.ts → password-field/password-field.component.d.ts}

@@ -1,12 +1,13 @@
-export declare class AmplifyPasswordFieldComponent {
+export declare class PasswordFieldComponent {
     autocomplete: string;
     disabled: boolean;
-    id: string;
+    fieldId: string;
     initialValue: string;
     label: string;
     name: string;
     placeholder: string;
     required: boolean;
+    labelHidden: boolean;
     type: 'text' | 'password';
     showPassword: boolean;
     showPasswordButtonlabel: string;

package/lib/primitives/phone-number-field/phone-number-field.component.d.ts

@@ -10,5 +10,7 @@ export declare class PhoneNumberFieldComponent {
     placeholder: string;
     required: boolean;
     type: string;
+    labelHidden: boolean;
+    display: string;
     countryDialCodes: string[];
 }

package/lib/primitives/{amplify-select/amplify-select.component.d.ts → select/select.component.d.ts}

@@ -1,4 +1,4 @@
-export declare class AmplifySelectComponent {
+export declare class SelectComponent {
     items: string[];
     name: string;
     label: string;

package/lib/primitives/{amplify-text-field/amplify-text-field.component.d.ts → text-field/text-field.component.d.ts}

@@ -1,11 +1,13 @@
-export declare class AmplifyTextFieldComponent {
+export declare class TextFieldComponent {
     autocomplete: string;
     disabled: boolean;
-    id: string;
+    fieldId: string;
     initialValue: string;
     label: string;
     name: string;
     placeholder: string;
     required: boolean;
     type: string;
+    labelHidden: boolean;
+    display: string;
 }

package/lib/services/authenticator.service.d.ts

@@ -0,0 +1,94 @@
+import { OnDestroy } from '@angular/core';
+import { AuthContext, AuthenticatorMachineOptions, AuthEvent, AuthInterpreter, AuthMachineState } from '@aws-amplify/ui';
+import { Event, Subscription } from 'xstate';
+import { AuthSubscriptionCallback } from '../common';
+/**
+ * AuthenticatorService provides access to the authenticator state and context.
+ */
+export declare class AuthenticatorService implements OnDestroy {
+    private _authState;
+    private _authService;
+    private _sendEventAliases;
+    private _subscription;
+    private _facade;
+    startMachine({ initialState, loginMechanisms, services, signUpAttributes, socialProviders, }: AuthenticatorMachineOptions): void;
+    ngOnDestroy(): void;
+    /**
+     * Context facades
+     */
+    get error(): string;
+    get hasValidationErrors(): boolean;
+    get isPending(): boolean;
+    get route(): string;
+    get user(): import("@aws-amplify/ui").CognitoUserAmplify;
+    get validationErrors(): {
+        [x: string]: string;
+    };
+    /**
+     * Service facades
+     */
+    get updateForm(): (data?: Record<string | number | symbol, any>) => void;
+    get resendCode(): (data?: Record<string | number | symbol, any>) => void;
+    get signOut(): (data?: Record<string | number | symbol, any>) => void;
+    get submitForm(): (data?: Record<string | number | symbol, any>) => void;
+    /**
+     * Transition facades
+     */
+    get toFederatedSignIn(): (data?: Record<string | number | symbol, any>) => void;
+    get toResetPassword(): (data?: Record<string | number | symbol, any>) => void;
+    get toSignIn(): (data?: Record<string | number | symbol, any>) => void;
+    get toSignUp(): (data?: Record<string | number | symbol, any>) => void;
+    get skipVerification(): (data?: Record<string | number | symbol, any>) => void;
+    /**
+     * Internal utility functions
+     */
+    /** @deprecated For internal use only */
+    get authState(): AuthMachineState;
+    /** @deprecated For internal use only */
+    get authService(): AuthInterpreter;
+    /** @deprecated For internal use only */
+    get context(): AuthContext;
+    /** @deprecated For internal use only */
+    get slotContext(): {
+        $implicit: {
+            resendCode: (data?: Record<string | number | symbol, any>) => void;
+            signOut: (data?: Record<string | number | symbol, any>) => void;
+            submitForm: (data?: Record<string | number | symbol, any>) => void;
+            updateForm: (data?: Record<string | number | symbol, any>) => void;
+            toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+            toSignIn: (data?: Record<string | number | symbol, any>) => void;
+            toSignUp: (data?: Record<string | number | symbol, any>) => void;
+            skipVerification: (data?: Record<string | number | symbol, any>) => void;
+            error: string;
+            hasValidationErrors: boolean;
+            isPending: boolean;
+            route: string;
+            user: import("@aws-amplify/ui").CognitoUserAmplify;
+            validationErrors: {
+                [x: string]: string;
+            };
+        };
+        resendCode: (data?: Record<string | number | symbol, any>) => void;
+        signOut: (data?: Record<string | number | symbol, any>) => void;
+        submitForm: (data?: Record<string | number | symbol, any>) => void;
+        updateForm: (data?: Record<string | number | symbol, any>) => void;
+        toFederatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toResetPassword: (data?: Record<string | number | symbol, any>) => void;
+        toSignIn: (data?: Record<string | number | symbol, any>) => void;
+        toSignUp: (data?: Record<string | number | symbol, any>) => void;
+        skipVerification: (data?: Record<string | number | symbol, any>) => void;
+        error: string;
+        hasValidationErrors: boolean;
+        isPending: boolean;
+        route: string;
+        user: import("@aws-amplify/ui").CognitoUserAmplify;
+        validationErrors: {
+            [x: string]: string;
+        };
+    };
+    /** @deprecated For internal use only */
+    subscribe(callback: AuthSubscriptionCallback): Subscription;
+    /** @deprecated For internal use only */
+    send(event: Event<AuthEvent>): void;
+}

package/lib/services/custom-components.service.d.ts

@@ -0,0 +1,9 @@
+import { CustomComponents } from '../common';
+/**
+ * Stores and provides custom components that users provide with `amplify-slot`.
+ */
+export declare class CustomComponentsService {
+    private _customComponents;
+    get customComponents(): CustomComponents;
+    set customComponents(customComponents: CustomComponents);
+}

package/lib/utilities/amplify-slot/amplify-slot.component.d.ts

@@ -0,0 +1,12 @@
+import { AfterContentInit, TemplateRef } from '@angular/core';
+import { CustomComponentsService } from '../../services/custom-components.service';
+export declare class AmplifySlotComponent implements AfterContentInit {
+    private propService;
+    name: string;
+    context: Record<PropertyKey, any>;
+    display: string;
+    overridingComponent: TemplateRef<any>;
+    isOverriden: boolean;
+    constructor(propService: CustomComponentsService);
+    ngAfterContentInit(): void;
+}

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@aws-amplify/ui-angular",
-  "version": "2.0.1-next.6",
+  "version": "2.0.1",
+  "license": "Apache-2.0",
   "peerDependencies": {
-    "@angular/common": "^11.2.4",
-    "@angular/core": "^11.2.4",
     "aws-amplify": "3.x.x || 4.x.x"
   },
   "dependencies": {
     "@aws-amplify/ui-components": "^1.7.0",
-    "@aws-amplify/ui": "3.0.1-next.6",
+    "@aws-amplify/ui": "3.0.1",
     "@stencil/core": "^2.7.0",
     "nanoid": "^3.1.25",
     "qrcode": "^1.4.4",

package/theme.css

@@ -1,2 +1 @@
 @import '@aws-amplify/ui/dist/styles.css';
-@import './styles/component.css';

package/esm2015/lib/components/amplify-authenticator/amplify-authenticator.component.js

@@ -1,85 +0,0 @@
-import { Component, ContentChildren, Input, ViewEncapsulation, } from '@angular/core';
-import { getActorState, translate, translations, } from '@aws-amplify/ui';
-import { I18n } from 'aws-amplify';
-import { AmplifySlotDirective } from '../../directives/amplify-slot.directive';
-import { AuthPropService } from '../../services/authenticator-context.service';
-import { StateMachineService } from '../../services/state-machine.service';
-export class AmplifyAuthenticatorComponent {
-    constructor(stateMachine, contextService) {
-        this.stateMachine = stateMachine;
-        this.contextService = contextService;
-        this.customComponentQuery = null;
-        this.customComponents = {};
-        // translated texts
-        this.signInTitle = translate('Sign In');
-        this.signUpTitle = translate('Create Account');
-    }
-    ngOnInit() {
-        I18n.putVocabularies(translations);
-        const { initialState, loginMechanisms } = this;
-        this.stateMachine.startMachine({ initialState, loginMechanisms });
-        /**
-         * handling translations after content init, because authenticator and its
-         * translations might be initialized before the main app's `ngOnInit` is run.
-         **/
-        this.signInTitle = translate('Sign In');
-        this.signUpTitle = translate('Create Account');
-    }
-    /**
-     * Lifecycle Methods
-     */
-    ngAfterContentInit() {
-        this.contextService.customComponents = this.mapCustomComponents(this.customComponentQuery);
-        this.customComponents = this.contextService.customComponents;
-    }
-    /**
-     * Class Functions
-     */
-    get context() {
-        const { signOut } = this.stateMachine.services;
-        const user = this.stateMachine.user;
-        return { signOut, user };
-    }
-    get actorState() {
-        return getActorState(this.stateMachine.authState);
-    }
-    get authenticatorState() {
-        return this.stateMachine.authState;
-    }
-    onTabChange() {
-        const currentState = this.stateMachine.authState.value;
-        if (currentState === 'signIn') {
-            this.stateMachine.send('SIGN_UP');
-        }
-        else {
-            this.stateMachine.send('SIGN_IN');
-        }
-    }
-    mapCustomComponents(componentQuery) {
-        if (!componentQuery)
-            return {};
-        const customComponents = {};
-        componentQuery.forEach((component) => {
-            customComponents[component.name] = component.template;
-        });
-        return customComponents;
-    }
-}
-AmplifyAuthenticatorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-authenticator',
-                template: "<!-- \n  Define default contents here.\n-->\n<ng-template #signIn>\n  <amplify-sign-in></amplify-sign-in>\n</ng-template>\n<ng-template #signUp>\n  <amplify-sign-up></amplify-sign-up>\n</ng-template>\n<ng-template #confirmSignUp>\n  <amplify-confirm-sign-up></amplify-confirm-sign-up>\n</ng-template>\n<ng-template #confirmSignIn>\n  <amplify-confirm-sign-in></amplify-confirm-sign-in>\n</ng-template>\n<ng-template #authenticated> <ng-content></ng-content> </ng-template>\n<ng-template #setupTOTP>\n  <amplify-setup-totp></amplify-setup-totp>\n</ng-template>\n<ng-template #forceNewPassword>\n  <amplify-force-new-password></amplify-force-new-password>\n</ng-template>\n<ng-template #resetPassword>\n  <amplify-reset-password></amplify-reset-password>\n</ng-template>\n<ng-template #confirmResetPassword>\n  <amplify-confirm-reset-password></amplify-confirm-reset-password>\n</ng-template>\n<ng-template #verifyUser>\n  <amplify-verify-user></amplify-verify-user>\n</ng-template>\n<ng-template #confirmVerifyUser>\n  <amplify-confirm-verify-user></amplify-confirm-verify-user>\n</ng-template>\n\n<!-- \n  Next, we render respective auth subcomponent respective to the current authState.\n  If customer is overriding that component, we render customer's template instead.\n-->\n\n<div data-amplify-authenticator>\n  <div data-amplify-modal></div>\n\n  <div data-amplify-container>\n    <amplify-tabs\n      (tabChange)=\"onTabChange()\"\n      *ngIf=\"actorState?.matches('signIn') || actorState?.matches('signUp')\"\n    >\n      <amplify-tab-item\n        [title]=\"signInTitle\"\n        [active]=\"actorState?.matches('signIn')\"\n      >\n        <!-- signIn component -->\n        <ng-container\n          [ngTemplateOutlet]=\"customComponents.signIn || signIn\"\n          [ngTemplateOutletContext]=\"context\"\n          *ngIf=\"actorState?.matches('signIn')\"\n        ></ng-container>\n      </amplify-tab-item>\n      <amplify-tab-item\n        [title]=\"signUpTitle\"\n        [active]=\"actorState?.matches('signUp')\"\n      >\n        <!-- signUp component -->\n        <ng-container\n          [ngTemplateOutlet]=\"customComponents.signUp || signUp\"\n          [ngTemplateOutletContext]=\"context\"\n          *ngIf=\"actorState?.matches('signUp')\"\n        ></ng-container>\n      </amplify-tab-item>\n    </amplify-tabs>\n\n    <!-- confirmSignUp content -->\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.confirmSignUp || confirmSignUp\"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('confirmSignUp')\"\n    >\n    </ng-container>\n\n    <!-- confirmSignIn content -->\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.confirmSignIn || confirmSignIn\"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('confirmSignIn')\"\n    >\n    </ng-container>\n\n    <!-- setupTotp content -->\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.setupTOTP || setupTOTP\"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('setupTOTP')\"\n    >\n    </ng-container>\n\n    <!-- forceNewPassword content -->\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.forceNewPassword || forceNewPassword\"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('forceNewPassword')\"\n    >\n    </ng-container>\n\n    <!-- resetPassword content -->\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.resetPassword || resetPassword\"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('resetPassword')\"\n    >\n    </ng-container>\n\n    <!-- confirmResetPassword content -->\n    <ng-container\n      [ngTemplateOutlet]=\"\n        customComponents.confirmResetPassword || confirmResetPassword\n      \"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('confirmResetPassword')\"\n    >\n    </ng-container>\n\n    <!-- verifyUser content -->\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.verifyUser || verifyUser\"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('verifyUser')\"\n    >\n    </ng-container>\n\n    <!-- confirmVerifyUser content -->\n    <ng-container\n      [ngTemplateOutlet]=\"\n        customComponents.confirmVerifyUser || confirmVerifyUser\n      \"\n      [ngTemplateOutletContext]=\"context\"\n      *ngIf=\"actorState?.matches('confirmVerifyUser')\"\n    >\n    </ng-container>\n  </div>\n</div>\n\n<!-- signedIn content is rendered outside authenticator so it's not styled by authenticator -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.authenticated || authenticated\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"authenticatorState.matches('authenticated')\"\n>\n</ng-container>\n",
-                providers: [AuthPropService],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-AmplifyAuthenticatorComponent.ctorParameters = () => [
-    { type: StateMachineService },
-    { type: AuthPropService }
-];
-AmplifyAuthenticatorComponent.propDecorators = {
-    initialState: [{ type: Input }],
-    loginMechanisms: [{ type: Input }],
-    customComponentQuery: [{ type: ContentChildren, args: [AmplifySlotDirective,] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1hdXRoZW50aWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2FtcGxpZnktYXV0aGVudGljYXRvci9hbXBsaWZ5LWF1dGhlbnRpY2F0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLEtBQUssRUFJTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUVMLGFBQWEsRUFDYixTQUFTLEVBQ1QsWUFBWSxHQUNiLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVuQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFRM0UsTUFBTSxPQUFPLDZCQUE2QjtJQWdCeEMsWUFDVSxZQUFpQyxFQUNqQyxjQUErQjtRQUQvQixpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFDakMsbUJBQWMsR0FBZCxjQUFjLENBQWlCO1FBVGpDLHlCQUFvQixHQUFvQyxJQUFJLENBQUM7UUFDOUQscUJBQWdCLEdBQXFCLEVBQUUsQ0FBQztRQUUvQyxtQkFBbUI7UUFDWixnQkFBVyxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNuQyxnQkFBVyxHQUFHLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBSzlDLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUVuQyxNQUFNLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxHQUFHLElBQUksQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO1FBRWxFOzs7WUFHSTtRQUNKLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUM3RCxJQUFJLENBQUMsb0JBQW9CLENBQzFCLENBQUM7UUFDRixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQztJQUMvRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFXLE9BQU87UUFDaEIsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDO1FBQy9DLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1FBQ3BDLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLGFBQWEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxJQUFXLGtCQUFrQjtRQUMzQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDO0lBQ3JDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztRQUN2RCxJQUFJLFlBQVksS0FBSyxRQUFRLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7U0FDbkM7YUFBTTtZQUNMLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVPLG1CQUFtQixDQUN6QixjQUErQztRQUUvQyxJQUFJLENBQUMsY0FBYztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQy9CLE1BQU0sZ0JBQWdCLEdBQXFDLEVBQUUsQ0FBQztRQUM5RCxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDbkMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLGdCQUFnQixDQUFDO0lBQzFCLENBQUM7OztZQXZGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsc3VKQUFxRDtnQkFDckQsU0FBUyxFQUFFLENBQUMsZUFBZSxDQUFDO2dCQUM1QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7O1lBUFEsbUJBQW1CO1lBRG5CLGVBQWU7OzsyQkFjckIsS0FBSzs4QkFDTCxLQUFLO21DQUVMLGVBQWUsU0FBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgUXVlcnlMaXN0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQXV0aGVudGljYXRvck1hY2hpbmVPcHRpb25zLFxuICBnZXRBY3RvclN0YXRlLFxuICB0cmFuc2xhdGUsXG4gIHRyYW5zbGF0aW9ucyxcbn0gZnJvbSAnQGF3cy1hbXBsaWZ5L3VpJztcbmltcG9ydCB7IEkxOG4gfSBmcm9tICdhd3MtYW1wbGlmeSc7XG5pbXBvcnQgeyBDdXN0b21Db21wb25lbnRzIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcbmltcG9ydCB7IEFtcGxpZnlTbG90RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9hbXBsaWZ5LXNsb3QuZGlyZWN0aXZlJztcbmltcG9ydCB7IEF1dGhQcm9wU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2F1dGhlbnRpY2F0b3ItY29udGV4dC5zZXJ2aWNlJztcbmltcG9ydCB7IFN0YXRlTWFjaGluZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdGF0ZS1tYWNoaW5lLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LWF1dGhlbnRpY2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS1hdXRoZW50aWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbQXV0aFByb3BTZXJ2aWNlXSwgLy8gbWFrZSBzdXJlIGN1c3RvbSBjb21wb25lbnRzIGFyZSBzY29wZWQgdG8gdGhpcyBhdXRoZW50aWNhdG9yIG9ubHlcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQW1wbGlmeUF1dGhlbnRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyQ29udGVudEluaXQge1xuICAvKipcbiAgICogVE9ETzogQWRkIGJhY2sgY3VzdG9tIGV2ZW50c1xuICAgKi9cblxuICBASW5wdXQoKSBpbml0aWFsU3RhdGU6IEF1dGhlbnRpY2F0b3JNYWNoaW5lT3B0aW9uc1snaW5pdGlhbFN0YXRlJ107XG4gIEBJbnB1dCgpIGxvZ2luTWVjaGFuaXNtczogQXV0aGVudGljYXRvck1hY2hpbmVPcHRpb25zWydsb2dpbk1lY2hhbmlzbXMnXTtcblxuICBAQ29udGVudENoaWxkcmVuKEFtcGxpZnlTbG90RGlyZWN0aXZlKVxuICBwcml2YXRlIGN1c3RvbUNvbXBvbmVudFF1ZXJ5OiBRdWVyeUxpc3Q8QW1wbGlmeVNsb3REaXJlY3RpdmU+ID0gbnVsbDtcbiAgcHVibGljIGN1c3RvbUNvbXBvbmVudHM6IEN1c3RvbUNvbXBvbmVudHMgPSB7fTtcblxuICAvLyB0cmFuc2xhdGVkIHRleHRzXG4gIHB1YmxpYyBzaWduSW5UaXRsZSA9IHRyYW5zbGF0ZSgnU2lnbiBJbicpO1xuICBwdWJsaWMgc2lnblVwVGl0bGUgPSB0cmFuc2xhdGUoJ0NyZWF0ZSBBY2NvdW50Jyk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzdGF0ZU1hY2hpbmU6IFN0YXRlTWFjaGluZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjb250ZXh0U2VydmljZTogQXV0aFByb3BTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBJMThuLnB1dFZvY2FidWxhcmllcyh0cmFuc2xhdGlvbnMpO1xuXG4gICAgY29uc3QgeyBpbml0aWFsU3RhdGUsIGxvZ2luTWVjaGFuaXNtcyB9ID0gdGhpcztcbiAgICB0aGlzLnN0YXRlTWFjaGluZS5zdGFydE1hY2hpbmUoeyBpbml0aWFsU3RhdGUsIGxvZ2luTWVjaGFuaXNtcyB9KTtcblxuICAgIC8qKlxuICAgICAqIGhhbmRsaW5nIHRyYW5zbGF0aW9ucyBhZnRlciBjb250ZW50IGluaXQsIGJlY2F1c2UgYXV0aGVudGljYXRvciBhbmQgaXRzXG4gICAgICogdHJhbnNsYXRpb25zIG1pZ2h0IGJlIGluaXRpYWxpemVkIGJlZm9yZSB0aGUgbWFpbiBhcHAncyBgbmdPbkluaXRgIGlzIHJ1bi5cbiAgICAgKiovXG4gICAgdGhpcy5zaWduSW5UaXRsZSA9IHRyYW5zbGF0ZSgnU2lnbiBJbicpO1xuICAgIHRoaXMuc2lnblVwVGl0bGUgPSB0cmFuc2xhdGUoJ0NyZWF0ZSBBY2NvdW50Jyk7XG4gIH1cblxuICAvKipcbiAgICogTGlmZWN5Y2xlIE1ldGhvZHNcbiAgICovXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRleHRTZXJ2aWNlLmN1c3RvbUNvbXBvbmVudHMgPSB0aGlzLm1hcEN1c3RvbUNvbXBvbmVudHMoXG4gICAgICB0aGlzLmN1c3RvbUNvbXBvbmVudFF1ZXJ5XG4gICAgKTtcbiAgICB0aGlzLmN1c3RvbUNvbXBvbmVudHMgPSB0aGlzLmNvbnRleHRTZXJ2aWNlLmN1c3RvbUNvbXBvbmVudHM7XG4gIH1cblxuICAvKipcbiAgICogQ2xhc3MgRnVuY3Rpb25zXG4gICAqL1xuICBwdWJsaWMgZ2V0IGNvbnRleHQoKSB7XG4gICAgY29uc3QgeyBzaWduT3V0IH0gPSB0aGlzLnN0YXRlTWFjaGluZS5zZXJ2aWNlcztcbiAgICBjb25zdCB1c2VyID0gdGhpcy5zdGF0ZU1hY2hpbmUudXNlcjtcbiAgICByZXR1cm4geyBzaWduT3V0LCB1c2VyIH07XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFjdG9yU3RhdGUoKSB7XG4gICAgcmV0dXJuIGdldEFjdG9yU3RhdGUodGhpcy5zdGF0ZU1hY2hpbmUuYXV0aFN0YXRlKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgYXV0aGVudGljYXRvclN0YXRlKCkge1xuICAgIHJldHVybiB0aGlzLnN0YXRlTWFjaGluZS5hdXRoU3RhdGU7XG4gIH1cblxuICBwdWJsaWMgb25UYWJDaGFuZ2UoKSB7XG4gICAgY29uc3QgY3VycmVudFN0YXRlID0gdGhpcy5zdGF0ZU1hY2hpbmUuYXV0aFN0YXRlLnZhbHVlO1xuICAgIGlmIChjdXJyZW50U3RhdGUgPT09ICdzaWduSW4nKSB7XG4gICAgICB0aGlzLnN0YXRlTWFjaGluZS5zZW5kKCdTSUdOX1VQJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3RhdGVNYWNoaW5lLnNlbmQoJ1NJR05fSU4nKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG1hcEN1c3RvbUNvbXBvbmVudHMoXG4gICAgY29tcG9uZW50UXVlcnk6IFF1ZXJ5TGlzdDxBbXBsaWZ5U2xvdERpcmVjdGl2ZT5cbiAgKTogUmVjb3JkPHN0cmluZywgVGVtcGxhdGVSZWY8YW55Pj4ge1xuICAgIGlmICghY29tcG9uZW50UXVlcnkpIHJldHVybiB7fTtcbiAgICBjb25zdCBjdXN0b21Db21wb25lbnRzOiBSZWNvcmQ8c3RyaW5nLCBUZW1wbGF0ZVJlZjxhbnk+PiA9IHt9O1xuICAgIGNvbXBvbmVudFF1ZXJ5LmZvckVhY2goKGNvbXBvbmVudCkgPT4ge1xuICAgICAgY3VzdG9tQ29tcG9uZW50c1tjb21wb25lbnQubmFtZV0gPSBjb21wb25lbnQudGVtcGxhdGU7XG4gICAgfSk7XG5cbiAgICByZXR1cm4gY3VzdG9tQ29tcG9uZW50cztcbiAgfVxufVxuIl19