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

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/button/button.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+export declare class ButtonComponent implements OnInit {
+    type: 'submit' | 'button';
+    fullWidth: boolean | string;
+    size: 'small' | 'medium' | 'large';
+    variation: 'primary' | 'default' | 'link';
+    fontWeight: 'normal' | 'bold' | 'lighter';
+    typeAttr: string;
+    fullWidthAttr: boolean | string;
+    sizeAttr: string;
+    variationAttr: string;
+    defaultClass: boolean;
+    fontWeightAttr: string;
+    ngOnInit(): void;
+}

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-input/amplify-input.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/password-field/password-field.component.d.ts

@@ -0,0 +1,15 @@
+export declare class PasswordFieldComponent {
+    autocomplete: string;
+    disabled: boolean;
+    fieldId: string;
+    initialValue: string;
+    label: string;
+    name: string;
+    placeholder: string;
+    required: boolean;
+    labelHidden: boolean;
+    type: 'text' | 'password';
+    showPassword: boolean;
+    showPasswordButtonlabel: string;
+    togglePasswordText(): void;
+}

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/tab-item/tab-item.component.d.ts

@@ -0,0 +1,7 @@
+export declare class TabItemComponent {
+    title: string;
+    active: boolean;
+    id: string;
+    labelledById: string;
+    tabIndex: number;
+}

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

@@ -0,0 +1,9 @@
+import { AfterContentInit, QueryList, EventEmitter } from '@angular/core';
+import { TabItemComponent } from '../tab-item/tab-item.component';
+export declare class TabsComponent implements AfterContentInit {
+    tabs: QueryList<TabItemComponent>;
+    tabChange: EventEmitter<any>;
+    ngAfterContentInit(): void;
+    selectTab(tab: TabItemComponent): void;
+    handleTabClick(tab: TabItemComponent): void;
+}

package/lib/primitives/text-field/text-field.component.d.ts

@@ -0,0 +1,13 @@
+export declare class TextFieldComponent {
+    autocomplete: string;
+    disabled: boolean;
+    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/lib/{directives/amplify-override.directive.d.ts → utilities/amplify-slot/amplify-slot.directive.d.ts}

@@ -1,7 +1,7 @@
 import { TemplateRef } from '@angular/core';
-export declare class AmplifyOverrideDirective {
+export declare class AmplifySlotDirective {
     template: TemplateRef<any>;
     constructor(template: TemplateRef<any>);
     name: string;
-    set amplifyOverride(component: string);
+    set amplifySlot(component: string);
 }

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@aws-amplify/ui-angular",
-  "version": "2.0.1-next.3",
+  "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": "3.0.1-next.3",
     "@aws-amplify/ui-components": "^1.7.0",
+    "@aws-amplify/ui": "3.0.1",
     "@stencil/core": "^2.7.0",
-    "tslib": "^2.0.0",
+    "nanoid": "^3.1.25",
     "qrcode": "^1.4.4",
+    "tslib": "^2.0.0",
     "xstate": "^4.20.1"
   },
   "publishConfig": {

package/theme.css

@@ -1,99 +1 @@
-[data-amplify-authenticator] {
-  font-size: 14px;
-  font-family: 'Amazon Ember';
-  display: inline-block;
-}
-
-[data-amplify-header] {
-  margin-top: 0px;
-}
-
-[data-amplify-fieldset] {
-  border-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-[data-amplify-container] {
-  width: 22rem;
-  padding: 3rem;
-  border-style: solid;
-  border-width: 1px;
-  border-color: rgba(0, 0, 0, 0.1);
-  background-color: white;
-}
-
-[data-amplify-form-input] {
-  border-style: solid;
-  display: block;
-  padding: 0.875rem;
-  width: 90%;
-  margin-bottom: 1rem;
-  border-color: rgba(0, 0, 0, 0.1);
-  border-width: 1px;
-  border-radius: 2px;
-}
-
-[data-amplify-form-input]:focus {
-  outline: none;
-  border: 1px solid cornflowerblue;
-}
-
-[data-amplify-label] {
-  display: block;
-  margin-bottom: 0.625rem;
-}
-
-[data-amplify-footer] {
-  margin-top: 2rem;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-
-[data-amplify-button] {
-  background-color: black;
-  padding: 0.875rem 1.5rem 0.875rem 1.5rem;
-  border-style: none;
-  color: white;
-  border-radius: 2px;
-  border-width: 1px;
-  margin: 0.25rem;
-}
-
-[data-amplify-federated] [data-amplify-button] {
-  background-color: white;
-  color: black;
-  border-style: solid;
-  border-radius: 2px;
-  border-color: rgba(0, 0, 0, 0.1);
-  width: 100%;
-}
-
-[data-amplify-button]:disabled {
-  background-color: grey;
-}
-
-[data-amplify-link] {
-  color: cornflowerblue;
-  cursor: pointer;
-}
-
-[data-amplify-link]:hover {
-  text-decoration: underline;
-}
-
-[data-amplify-error] {
-  color: orangered;
-}
-
-[data-amplify-error]:last-child {
-  margin-bottom: 1rem;
-}
-
-[data-amplify-federated] {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 1rem;
-}
+@import '@aws-amplify/ui/dist/styles.css';

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

@@ -1,66 +0,0 @@
-import { Component, ContentChildren, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
-import { AmplifyOverrideDirective } from '../../directives/amplify-override.directive';
-import { StateMachineService } from '../../services/state-machine.service';
-import { AuthPropService } from '../../services/authenticator-context.service';
-import { getActorState } from '@aws-amplify/ui';
-export class AmplifyAuthenticatorComponent {
-    constructor(stateMachine, contextService) {
-        this.stateMachine = stateMachine;
-        this.contextService = contextService;
-        /**
-         * TODO: Add back custom events
-         */
-        this.initialAuthState = 'signIn';
-        this.dataAttr = '';
-        this.customComponentQuery = null;
-        this.customComponents = {};
-    }
-    /**
-     * 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;
-    }
-    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<!-- signIn component -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.signIn || signIn\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('signIn')\"\n>\n</ng-container>\n\n<!-- signUp component -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.signUp || signUp\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('signUp')\"\n>\n</ng-container>\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\n<!-- signedIn content -->\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 = {
-    initialAuthState: [{ type: Input }],
-    dataAttr: [{ type: HostBinding, args: ['attr.data-amplify-authenticator',] }],
-    customComponentQuery: [{ type: ContentChildren, args: [AmplifyOverrideDirective,] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1hdXRoZW50aWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2FtcGxpZnktYXV0aGVudGljYXRvci9hbXBsaWZ5LWF1dGhlbnRpY2F0b3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFdBQVcsRUFDWCxLQUFLLEVBR0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFRaEQsTUFBTSxPQUFPLDZCQUE2QjtJQVV4QyxZQUNVLFlBQWlDLEVBQ2pDLGNBQStCO1FBRC9CLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUNqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBaUI7UUFYekM7O1dBRUc7UUFFTSxxQkFBZ0IsR0FBYyxRQUFRLENBQUM7UUFDQSxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBRXRELHlCQUFvQixHQUF3QyxJQUFJLENBQUM7UUFDbEUscUJBQWdCLEdBQXFCLEVBQUUsQ0FBQztJQUk1QyxDQUFDO0lBRUo7O09BRUc7SUFDSCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQzdELElBQUksQ0FBQyxvQkFBb0IsQ0FDMUIsQ0FBQztRQUNGLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLGdCQUFnQixDQUFDO0lBQy9ELENBQUM7SUFFRDs7T0FFRztJQUNILElBQVcsT0FBTztRQUNoQixNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7UUFDL0MsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7UUFDcEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sYUFBYSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELElBQVcsa0JBQWtCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUM7SUFDckMsQ0FBQztJQUVPLG1CQUFtQixDQUN6QixjQUFtRDtRQUVuRCxJQUFJLENBQUMsY0FBYztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQy9CLE1BQU0sZ0JBQWdCLEdBQXFDLEVBQUUsQ0FBQztRQUM5RCxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDbkMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLGdCQUFnQixDQUFDO0lBQzFCLENBQUM7OztZQTFERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsNHdIQUFxRDtnQkFDckQsU0FBUyxFQUFFLENBQUMsZUFBZSxDQUFDO2dCQUM1QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7O1lBVlEsbUJBQW1CO1lBQ25CLGVBQWU7OzsrQkFlckIsS0FBSzt1QkFDTCxXQUFXLFNBQUMsaUNBQWlDO21DQUM3QyxlQUFlLFNBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgUXVlcnlMaXN0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0aFN0YXRlIH0gZnJvbSAnLi4vLi4vY29tbW9uL3R5cGVzJztcbmltcG9ydCB7IEFtcGxpZnlPdmVycmlkZURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvYW1wbGlmeS1vdmVycmlkZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3RhdGVNYWNoaW5lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0YXRlLW1hY2hpbmUuc2VydmljZSc7XG5pbXBvcnQgeyBBdXRoUHJvcFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hdXRoZW50aWNhdG9yLWNvbnRleHQuc2VydmljZSc7XG5pbXBvcnQgeyBDdXN0b21Db21wb25lbnRzIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcbmltcG9ydCB7IGdldEFjdG9yU3RhdGUgfSBmcm9tICdAYXdzLWFtcGxpZnkvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LWF1dGhlbnRpY2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS1hdXRoZW50aWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbQXV0aFByb3BTZXJ2aWNlXSwgLy8gbWFrZSBzdXJlIGN1c3RvbSBjb21wb25lbnRzIGFyZSBzY29wZWQgdG8gdGhpcyBhdXRoZW50aWNhdG9yIG9ubHlcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQW1wbGlmeUF1dGhlbnRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgLyoqXG4gICAqIFRPRE86IEFkZCBiYWNrIGN1c3RvbSBldmVudHNcbiAgICovXG5cbiAgQElucHV0KCkgaW5pdGlhbEF1dGhTdGF0ZTogQXV0aFN0YXRlID0gJ3NpZ25Jbic7XG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWFtcGxpZnktYXV0aGVudGljYXRvcicpIGRhdGFBdHRyID0gJyc7XG4gIEBDb250ZW50Q2hpbGRyZW4oQW1wbGlmeU92ZXJyaWRlRGlyZWN0aXZlKVxuICBwcml2YXRlIGN1c3RvbUNvbXBvbmVudFF1ZXJ5OiBRdWVyeUxpc3Q8QW1wbGlmeU92ZXJyaWRlRGlyZWN0aXZlPiA9IG51bGw7XG4gIHB1YmxpYyBjdXN0b21Db21wb25lbnRzOiBDdXN0b21Db21wb25lbnRzID0ge307XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc3RhdGVNYWNoaW5lOiBTdGF0ZU1hY2hpbmVTZXJ2aWNlLFxuICAgIHByaXZhdGUgY29udGV4dFNlcnZpY2U6IEF1dGhQcm9wU2VydmljZVxuICApIHt9XG5cbiAgLyoqXG4gICAqIExpZmVjeWNsZSBNZXRob2RzXG4gICAqL1xuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZXh0U2VydmljZS5jdXN0b21Db21wb25lbnRzID0gdGhpcy5tYXBDdXN0b21Db21wb25lbnRzKFxuICAgICAgdGhpcy5jdXN0b21Db21wb25lbnRRdWVyeVxuICAgICk7XG4gICAgdGhpcy5jdXN0b21Db21wb25lbnRzID0gdGhpcy5jb250ZXh0U2VydmljZS5jdXN0b21Db21wb25lbnRzO1xuICB9XG5cbiAgLyoqXG4gICAqIENsYXNzIEZ1bmN0aW9uc1xuICAgKi9cbiAgcHVibGljIGdldCBjb250ZXh0KCkge1xuICAgIGNvbnN0IHsgc2lnbk91dCB9ID0gdGhpcy5zdGF0ZU1hY2hpbmUuc2VydmljZXM7XG4gICAgY29uc3QgdXNlciA9IHRoaXMuc3RhdGVNYWNoaW5lLnVzZXI7XG4gICAgcmV0dXJuIHsgc2lnbk91dCwgdXNlciB9O1xuICB9XG5cbiAgcHVibGljIGdldCBhY3RvclN0YXRlKCkge1xuICAgIHJldHVybiBnZXRBY3RvclN0YXRlKHRoaXMuc3RhdGVNYWNoaW5lLmF1dGhTdGF0ZSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGF1dGhlbnRpY2F0b3JTdGF0ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5zdGF0ZU1hY2hpbmUuYXV0aFN0YXRlO1xuICB9XG5cbiAgcHJpdmF0ZSBtYXBDdXN0b21Db21wb25lbnRzKFxuICAgIGNvbXBvbmVudFF1ZXJ5OiBRdWVyeUxpc3Q8QW1wbGlmeU92ZXJyaWRlRGlyZWN0aXZlPlxuICApOiBSZWNvcmQ8c3RyaW5nLCBUZW1wbGF0ZVJlZjxhbnk+PiB7XG4gICAgaWYgKCFjb21wb25lbnRRdWVyeSkgcmV0dXJuIHt9O1xuICAgIGNvbnN0IGN1c3RvbUNvbXBvbmVudHM6IFJlY29yZDxzdHJpbmcsIFRlbXBsYXRlUmVmPGFueT4+ID0ge307XG4gICAgY29tcG9uZW50UXVlcnkuZm9yRWFjaCgoY29tcG9uZW50KSA9PiB7XG4gICAgICBjdXN0b21Db21wb25lbnRzW2NvbXBvbmVudC5uYW1lXSA9IGNvbXBvbmVudC50ZW1wbGF0ZTtcbiAgICB9KTtcblxuICAgIHJldHVybiBjdXN0b21Db21wb25lbnRzO1xuICB9XG59XG4iXX0=