@aws-amplify/ui-angular 3.2.17 → 3.2.19

package/fesm2015/aws-amplify-ui-angular.js

@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-const VERSION = '3.2.17';
+const VERSION = '3.2.19';
 
 const logger$1 = new Logger('state-machine');
 /**
@@ -70,12 +70,6 @@ class AuthenticatorService {
         this.setupHubListener();
         this.getInitialAuthStatus();
     }
-    ngOnDestroy() {
-        if (this._machineSubscription)
-            this._machineSubscription.unsubscribe();
-        if (this._unsubscribeHub)
-            this._unsubscribeHub();
-    }
     /**
      * Context facades
      */
@@ -185,6 +179,12 @@ class AuthenticatorService {
         });
         return subscription;
     }
+    ngOnDestroy() {
+        if (this._machineSubscription)
+            this._machineSubscription.unsubscribe();
+        if (this._unsubscribeHub)
+            this._unsubscribeHub();
+    }
     /** @deprecated For internal use only */
     send(event) {
         this.authService.send(event);
@@ -240,7 +240,7 @@ class AmplifySlotComponent {
         this.isOverriden = false;
     }
     ngAfterContentInit() {
-        const customComponents = this.propService.customComponents;
+        const { customComponents } = this.propService;
         const overridingComponent = customComponents[this.name];
         if (overridingComponent) {
             this.overridingComponent = overridingComponent;
@@ -687,12 +687,15 @@ class FormFieldComponent {
         this.countryDialCodesValue = countryDialCodes;
         this.errorId = nanoid(12);
     }
+    get ariaDescribedBy() {
+        return this.hasError() ? this.errorId : undefined;
+    }
     get errors() {
         const { validationErrors } = this.authenticator;
         return getErrors(validationErrors[this.name]);
     }
     onBlur($event) {
-        let { name } = $event.target;
+        const { name } = $event.target;
         this.authenticator.updateBlur({ name });
     }
     isPasswordField() {
@@ -705,9 +708,6 @@ class FormFieldComponent {
         var _a;
         return ((_a = this.errors) === null || _a === void 0 ? void 0 : _a.length) > 0;
     }
-    get ariaDescribedBy() {
-        return this.hasError() ? this.errorId : undefined;
-    }
     translate(phrase) {
         return translate(phrase);
     }
@@ -833,10 +833,12 @@ class SignUpComponent {
         return this.authenticator.slotContext;
     }
     onInput(event) {
-        let { checked, name, type, value } = event.target;
-        if (type === 'checkbox' && !checked)
-            value = undefined;
-        this.authenticator.updateForm({ name, value });
+        const { checked, name, type, value } = event.target;
+        const isUncheckedCheckbox = type === 'checkbox' && !checked;
+        this.authenticator.updateForm({
+            name,
+            value: isUncheckedCheckbox ? undefined : value,
+        });
     }
     onSubmit(event) {
         event.preventDefault();
@@ -907,12 +909,12 @@ class ConfirmSignInComponent {
         this.confirmText = getConfirmText$1();
         this.backToSignInText = getBackToSignInText$4();
     }
-    ngOnInit() {
-        this.setHeaderText();
-    }
     get context() {
         return this.authenticator.slotContext;
     }
+    ngOnInit() {
+        this.setHeaderText();
+    }
     setHeaderText() {
         const state = this.authenticator.authState;
         const actorContext = getActorContext(state);
@@ -956,14 +958,14 @@ class SetupTotpComponent {
         this.backToSignInText = getBackToSignInText$3();
         this.confirmText = getConfirmText();
     }
+    get context() {
+        return this.authenticator.slotContext;
+    }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.generateQRCode();
         });
     }
-    get context() {
-        return this.authenticator.slotContext;
-    }
     generateQRCode() {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
@@ -1149,17 +1151,16 @@ class VerifyUserComponent {
         this.skipText = getSkipText$1();
         this.verifyText = getVerifyText();
     }
+    get context() {
+        return this.authenticator.slotContext;
+    }
     ngOnInit() {
         const actorState = getActorState(this.authenticator.authState);
         this.unverifiedContactMethods = actorState.context.unverifiedContactMethods;
     }
-    get context() {
-        return this.authenticator.slotContext;
-    }
-    getLabelForAttr(authAttr) {
-        var _a;
+    getLabel(attr) {
         const attributeMap = getAttributeMap();
-        const label = (_a = attributeMap[authAttr]) === null || _a === void 0 ? void 0 : _a.label;
+        const { label } = attributeMap[attr];
         return translate(label);
     }
     onInput(event) {
@@ -1173,7 +1174,7 @@ class VerifyUserComponent {
     }
 }
 VerifyUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VerifyUserComponent, deps: [{ token: AuthenticatorService }], target: i0.ɵɵFactoryTarget.Component });
-VerifyUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VerifyUserComponent, selector: "amplify-verify-user", inputs: { headerText: "headerText" }, host: { properties: { "attr.data-amplify-authenticator-verifyuser": "this.dataAttr" } }, ngImport: i0, template: "<form data-amplify-form (input)=\"onInput($event)\" (submit)=\"onSubmit($event)\">\n  <fieldset\n    class=\"amplify-flex amplify-authenticator__column\"\n    data-amplify-fieldset\n    [disabled]=\"authenticator.isPending\"\n  >\n    <amplify-slot name=\"verify-user-header\" [context]=\"context\">\n      <h3 class=\"amplify-heading amplify-heading--3\">{{ this.headerText }}</h3>\n    </amplify-slot>\n\n    <div\n      *ngFor=\"\n        let unverifiedContactMethod of unverifiedContactMethods | keyvalue\n      \"\n    >\n      <input\n        name=\"unverifiedAttr\"\n        type=\"radio\"\n        [value]=\"unverifiedContactMethod.key\"\n        [id]=\"labelId\"\n      />\n      <label [for]=\"labelId\">{{\n        getLabelForAttr(unverifiedContactMethod.key)\n      }}</label>\n    </div>\n\n    <button\n      amplify-button\n      variation=\"primary\"\n      fullWidth=\"true\"\n      type=\"submit\"\n      [isDisabled]=\"authenticator.isPending\"\n    >\n      {{ verifyText }}\n    </button>\n\n    <button\n      amplify-button\n      size=\"small\"\n      variation=\"link\"\n      fontWeight=\"normal\"\n      fullWidth=\"true\"\n      (click)=\"authenticator.skipVerification()\"\n    >\n      {{ skipText }}\n    </button>\n\n    <amplify-error *ngIf=\"authenticator.error\">\n      {{ authenticator.error }}\n    </amplify-error>\n  </fieldset>\n  <amplify-slot name=\"verify-user-footer\" [context]=\"context\"> </amplify-slot>\n</form>\n", components: [{ type: AmplifySlotComponent, selector: "amplify-slot", inputs: ["name", "context"] }, { type: ButtonComponent, selector: "button[amplify-button]", inputs: ["type", "fullWidth", "isDisabled", "size", "variation", "fontWeight"] }, { type: ErrorComponent, selector: "amplify-error" }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i6.KeyValuePipe }, encapsulation: i0.ViewEncapsulation.None });
+VerifyUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VerifyUserComponent, selector: "amplify-verify-user", inputs: { headerText: "headerText" }, host: { properties: { "attr.data-amplify-authenticator-verifyuser": "this.dataAttr" } }, ngImport: i0, template: "<form data-amplify-form (input)=\"onInput($event)\" (submit)=\"onSubmit($event)\">\n  <fieldset\n    class=\"amplify-flex amplify-authenticator__column\"\n    data-amplify-fieldset\n    [disabled]=\"authenticator.isPending\"\n  >\n    <amplify-slot name=\"verify-user-header\" [context]=\"context\">\n      <h3 class=\"amplify-heading amplify-heading--3\">{{ this.headerText }}</h3>\n    </amplify-slot>\n\n    <div\n      *ngFor=\"\n        let unverifiedContactMethod of unverifiedContactMethods | keyvalue\n      \"\n    >\n      <input\n        name=\"unverifiedAttr\"\n        type=\"radio\"\n        [value]=\"unverifiedContactMethod.key\"\n        [id]=\"labelId\"\n      />\n      <label [for]=\"labelId\">{{ getLabel(unverifiedContactMethod.key) }}</label>\n    </div>\n\n    <button\n      amplify-button\n      variation=\"primary\"\n      fullWidth=\"true\"\n      type=\"submit\"\n      [isDisabled]=\"authenticator.isPending\"\n    >\n      {{ verifyText }}\n    </button>\n\n    <button\n      amplify-button\n      size=\"small\"\n      variation=\"link\"\n      fontWeight=\"normal\"\n      fullWidth=\"true\"\n      (click)=\"authenticator.skipVerification()\"\n    >\n      {{ skipText }}\n    </button>\n\n    <amplify-error *ngIf=\"authenticator.error\">\n      {{ authenticator.error }}\n    </amplify-error>\n  </fieldset>\n  <amplify-slot name=\"verify-user-footer\" [context]=\"context\"> </amplify-slot>\n</form>\n", components: [{ type: AmplifySlotComponent, selector: "amplify-slot", inputs: ["name", "context"] }, { type: ButtonComponent, selector: "button[amplify-button]", inputs: ["type", "fullWidth", "isDisabled", "size", "variation", "fontWeight"] }, { type: ErrorComponent, selector: "amplify-error" }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i6.KeyValuePipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VerifyUserComponent, decorators: [{
             type: Component,
             args: [{
@@ -1239,6 +1240,13 @@ class AuthenticatorComponent {
         this.hasInitialized = false;
         this.isHandlingHubEvent = false;
     }
+    // context passed to "authenticated" slot
+    get context() {
+        return this.authenticator.slotContext;
+    }
+    get route() {
+        return this.authenticator.route;
+    }
     ngOnInit() {
         const { initialState, loginMechanisms, services, signUpAttributes, socialProviders, formFields, } = this;
         configureComponent({
@@ -1311,15 +1319,8 @@ class AuthenticatorComponent {
     /**
      * Class Functions
      */
-    // context passed to "authenticated" slot
-    get context() {
-        return this.authenticator.slotContext;
-    }
-    get route() {
-        return this.authenticator.route;
-    }
     onTabChange() {
-        const route = this.authenticator.route;
+        const { route } = this.authenticator;
         if (route === 'signIn') {
             this.authenticator.toSignUp();
         }