@aws-amplify/ui-angular 2.0.1-next.4 → 2.0.2

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

@@ -0,0 +1,16 @@
+export declare class PhoneNumberFieldComponent {
+    autocomplete: string;
+    disabled: boolean;
+    defaultCountryCode: string;
+    selectFieldId: string;
+    textFieldId: string;
+    initialValue: string;
+    label: string;
+    name: string;
+    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,7 +1,7 @@
-export declare class AmplifySelectComponent {
+export declare class SelectComponent {
     items: string[];
     name: string;
     label: string;
     id: string;
-    initialValue: string;
+    defaultValue: string;
 }

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

@@ -1,14 +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;
-    showPassword: boolean;
-    showPasswordButtonlabel: string;
-    togglePasswordText(): void;
+    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.4",
+  "version": "2.0.2",
+  "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.4",
+    "@aws-amplify/ui": "3.0.2",
     "@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,89 +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;
-        /**
-         * TODO: Add back custom events
-         */
-        this.initialState = 'signIn';
-        this.loginMechanisms = ['username'];
-        this.customComponentQuery = null;
-        this.customComponents = {};
-        // translated texts
-        this.signInTitle = translate('Sign In');
-        this.signUpTitle = translate('Create Account');
-    }
-    ngOnInit() {
-        I18n.putVocabularies(translations);
-        this.stateMachine.startMachine(this.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-wrapper data-amplify-authenticator>\n  <amplify-tabs\n    (tabChange)=\"onTabChange()\"\n    *ngIf=\"actorState?.matches('signIn') || actorState?.matches('signUp')\"\n  >\n    <amplify-tab-item [title]=\"signInTitle\">\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 [title]=\"signUpTitle\">\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]=\"customComponents.confirmVerifyUser || confirmVerifyUser\"\n    [ngTemplateOutletContext]=\"context\"\n    *ngIf=\"actorState?.matches('confirmVerifyUser')\"\n  >\n  </ng-container>\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1hdXRoZW50aWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2FtcGxpZnktYXV0aGVudGljYXRvci9hbXBsaWZ5LWF1dGhlbnRpY2F0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLEtBQUssRUFJTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGFBQWEsRUFFYixTQUFTLEVBQ1QsWUFBWSxHQUNiLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUduQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFRM0UsTUFBTSxPQUFPLDZCQUE2QjtJQWdCeEMsWUFDVSxZQUFpQyxFQUNqQyxjQUErQjtRQUQvQixpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFDakMsbUJBQWMsR0FBZCxjQUFjLENBQWlCO1FBakJ6Qzs7V0FFRztRQUVNLGlCQUFZLEdBQWMsUUFBUSxDQUFDO1FBQ25DLG9CQUFlLEdBQXFCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFHbEQseUJBQW9CLEdBQW9DLElBQUksQ0FBQztRQUM5RCxxQkFBZ0IsR0FBcUIsRUFBRSxDQUFDO1FBRS9DLG1CQUFtQjtRQUNaLGdCQUFXLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ25DLGdCQUFXLEdBQUcsU0FBUyxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFLOUMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUVyRDs7O1lBR0k7UUFDSixJQUFJLENBQUMsV0FBVyxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsV0FBVyxHQUFHLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRDs7T0FFRztJQUNILGtCQUFrQjtRQUNoQixJQUFJLENBQUMsY0FBYyxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FDN0QsSUFBSSxDQUFDLG9CQUFvQixDQUMxQixDQUFDO1FBQ0YsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLENBQUM7SUFDL0QsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBVyxPQUFPO1FBQ2hCLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQztRQUMvQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztRQUNwQyxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxhQUFhLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRUQsSUFBVyxrQkFBa0I7UUFDM0IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQztJQUNyQyxDQUFDO0lBRU0sV0FBVztRQUNoQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7UUFDdkQsSUFBSSxZQUFZLEtBQUssUUFBUSxFQUFFO1lBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQ25DO2FBQU07WUFDTCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNuQztJQUNILENBQUM7SUFFTyxtQkFBbUIsQ0FDekIsY0FBK0M7UUFFL0MsSUFBSSxDQUFDLGNBQWM7WUFBRSxPQUFPLEVBQUUsQ0FBQztRQUMvQixNQUFNLGdCQUFnQixHQUFxQyxFQUFFLENBQUM7UUFDOUQsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1lBQ25DLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDO1FBQ3hELENBQUMsQ0FBQyxDQUFDO1FBRUgsT0FBTyxnQkFBZ0IsQ0FBQztJQUMxQixDQUFDOzs7WUFyRkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLG0zSUFBcUQ7Z0JBQ3JELFNBQVMsRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDNUIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDdEM7OztZQVBRLG1CQUFtQjtZQURuQixlQUFlOzs7MkJBY3JCLEtBQUs7OEJBQ0wsS0FBSzttQ0FFTCxlQUFlLFNBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIElucHV0LFxuICBPbkluaXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIGdldEFjdG9yU3RhdGUsXG4gIExvZ2luTWVjaGFuaXNtLFxuICB0cmFuc2xhdGUsXG4gIHRyYW5zbGF0aW9ucyxcbn0gZnJvbSAnQGF3cy1hbXBsaWZ5L3VpJztcbmltcG9ydCB7IEkxOG4gfSBmcm9tICdhd3MtYW1wbGlmeSc7XG5pbXBvcnQgeyBDdXN0b21Db21wb25lbnRzIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcbmltcG9ydCB7IEF1dGhTdGF0ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi90eXBlcyc7XG5pbXBvcnQgeyBBbXBsaWZ5U2xvdERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvYW1wbGlmeS1zbG90LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBBdXRoUHJvcFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hdXRoZW50aWNhdG9yLWNvbnRleHQuc2VydmljZSc7XG5pbXBvcnQgeyBTdGF0ZU1hY2hpbmVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3RhdGUtbWFjaGluZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS1hdXRoZW50aWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FtcGxpZnktYXV0aGVudGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW0F1dGhQcm9wU2VydmljZV0sIC8vIG1ha2Ugc3VyZSBjdXN0b20gY29tcG9uZW50cyBhcmUgc2NvcGVkIHRvIHRoaXMgYXV0aGVudGljYXRvciBvbmx5XG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlBdXRoZW50aWNhdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcbiAgLyoqXG4gICAqIFRPRE86IEFkZCBiYWNrIGN1c3RvbSBldmVudHNcbiAgICovXG5cbiAgQElucHV0KCkgaW5pdGlhbFN0YXRlOiBBdXRoU3RhdGUgPSAnc2lnbkluJztcbiAgQElucHV0KCkgbG9naW5NZWNoYW5pc21zOiBMb2dpbk1lY2hhbmlzbVtdID0gWyd1c2VybmFtZSddO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQW1wbGlmeVNsb3REaXJlY3RpdmUpXG4gIHByaXZhdGUgY3VzdG9tQ29tcG9uZW50UXVlcnk6IFF1ZXJ5TGlzdDxBbXBsaWZ5U2xvdERpcmVjdGl2ZT4gPSBudWxsO1xuICBwdWJsaWMgY3VzdG9tQ29tcG9uZW50czogQ3VzdG9tQ29tcG9uZW50cyA9IHt9O1xuXG4gIC8vIHRyYW5zbGF0ZWQgdGV4dHNcbiAgcHVibGljIHNpZ25JblRpdGxlID0gdHJhbnNsYXRlKCdTaWduIEluJyk7XG4gIHB1YmxpYyBzaWduVXBUaXRsZSA9IHRyYW5zbGF0ZSgnQ3JlYXRlIEFjY291bnQnKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHN0YXRlTWFjaGluZTogU3RhdGVNYWNoaW5lU2VydmljZSxcbiAgICBwcml2YXRlIGNvbnRleHRTZXJ2aWNlOiBBdXRoUHJvcFNlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIEkxOG4ucHV0Vm9jYWJ1bGFyaWVzKHRyYW5zbGF0aW9ucyk7XG4gICAgdGhpcy5zdGF0ZU1hY2hpbmUuc3RhcnRNYWNoaW5lKHRoaXMubG9naW5NZWNoYW5pc21zKTtcblxuICAgIC8qKlxuICAgICAqIGhhbmRsaW5nIHRyYW5zbGF0aW9ucyBhZnRlciBjb250ZW50IGluaXQsIGJlY2F1c2UgYXV0aGVudGljYXRvciBhbmQgaXRzXG4gICAgICogdHJhbnNsYXRpb25zIG1pZ2h0IGJlIGluaXRpYWxpemVkIGJlZm9yZSB0aGUgbWFpbiBhcHAncyBgbmdPbkluaXRgIGlzIHJ1bi5cbiAgICAgKiovXG4gICAgdGhpcy5zaWduSW5UaXRsZSA9IHRyYW5zbGF0ZSgnU2lnbiBJbicpO1xuICAgIHRoaXMuc2lnblVwVGl0bGUgPSB0cmFuc2xhdGUoJ0NyZWF0ZSBBY2NvdW50Jyk7XG4gIH1cblxuICAvKipcbiAgICogTGlmZWN5Y2xlIE1ldGhvZHNcbiAgICovXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRleHRTZXJ2aWNlLmN1c3RvbUNvbXBvbmVudHMgPSB0aGlzLm1hcEN1c3RvbUNvbXBvbmVudHMoXG4gICAgICB0aGlzLmN1c3RvbUNvbXBvbmVudFF1ZXJ5XG4gICAgKTtcbiAgICB0aGlzLmN1c3RvbUNvbXBvbmVudHMgPSB0aGlzLmNvbnRleHRTZXJ2aWNlLmN1c3RvbUNvbXBvbmVudHM7XG4gIH1cblxuICAvKipcbiAgICogQ2xhc3MgRnVuY3Rpb25zXG4gICAqL1xuICBwdWJsaWMgZ2V0IGNvbnRleHQoKSB7XG4gICAgY29uc3QgeyBzaWduT3V0IH0gPSB0aGlzLnN0YXRlTWFjaGluZS5zZXJ2aWNlcztcbiAgICBjb25zdCB1c2VyID0gdGhpcy5zdGF0ZU1hY2hpbmUudXNlcjtcbiAgICByZXR1cm4geyBzaWduT3V0LCB1c2VyIH07XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFjdG9yU3RhdGUoKSB7XG4gICAgcmV0dXJuIGdldEFjdG9yU3RhdGUodGhpcy5zdGF0ZU1hY2hpbmUuYXV0aFN0YXRlKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgYXV0aGVudGljYXRvclN0YXRlKCkge1xuICAgIHJldHVybiB0aGlzLnN0YXRlTWFjaGluZS5hdXRoU3RhdGU7XG4gIH1cblxuICBwdWJsaWMgb25UYWJDaGFuZ2UoKSB7XG4gICAgY29uc3QgY3VycmVudFN0YXRlID0gdGhpcy5zdGF0ZU1hY2hpbmUuYXV0aFN0YXRlLnZhbHVlO1xuICAgIGlmIChjdXJyZW50U3RhdGUgPT09ICdzaWduSW4nKSB7XG4gICAgICB0aGlzLnN0YXRlTWFjaGluZS5zZW5kKCdTSUdOX1VQJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3RhdGVNYWNoaW5lLnNlbmQoJ1NJR05fSU4nKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG1hcEN1c3RvbUNvbXBvbmVudHMoXG4gICAgY29tcG9uZW50UXVlcnk6IFF1ZXJ5TGlzdDxBbXBsaWZ5U2xvdERpcmVjdGl2ZT5cbiAgKTogUmVjb3JkPHN0cmluZywgVGVtcGxhdGVSZWY8YW55Pj4ge1xuICAgIGlmICghY29tcG9uZW50UXVlcnkpIHJldHVybiB7fTtcbiAgICBjb25zdCBjdXN0b21Db21wb25lbnRzOiBSZWNvcmQ8c3RyaW5nLCBUZW1wbGF0ZVJlZjxhbnk+PiA9IHt9O1xuICAgIGNvbXBvbmVudFF1ZXJ5LmZvckVhY2goKGNvbXBvbmVudCkgPT4ge1xuICAgICAgY3VzdG9tQ29tcG9uZW50c1tjb21wb25lbnQubmFtZV0gPSBjb21wb25lbnQudGVtcGxhdGU7XG4gICAgfSk7XG5cbiAgICByZXR1cm4gY3VzdG9tQ29tcG9uZW50cztcbiAgfVxufVxuIl19