@aws-amplify/ui-angular 3.2.18 → 3.2.19

package/bundles/aws-amplify-ui-angular.umd.js

@@ -81,7 +81,7 @@
                     }]
             }] });
 
-    var VERSION = '3.2.18';
+    var VERSION = '3.2.19';
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -481,12 +481,6 @@
             this.setupHubListener();
             this.getInitialAuthStatus();
         }
-        AuthenticatorService.prototype.ngOnDestroy = function () {
-            if (this._machineSubscription)
-                this._machineSubscription.unsubscribe();
-            if (this._unsubscribeHub)
-                this._unsubscribeHub();
-        };
         Object.defineProperty(AuthenticatorService.prototype, "error", {
             /**
              * Context facades
@@ -697,6 +691,12 @@
             });
             return subscription;
         };
+        AuthenticatorService.prototype.ngOnDestroy = function () {
+            if (this._machineSubscription)
+                this._machineSubscription.unsubscribe();
+            if (this._unsubscribeHub)
+                this._unsubscribeHub();
+        };
         /** @deprecated For internal use only */
         AuthenticatorService.prototype.send = function (event) {
             this.authService.send(event);
@@ -1240,6 +1240,13 @@
             this.countryDialCodesValue = ui.countryDialCodes;
             this.errorId = nanoid.nanoid(12);
         }
+        Object.defineProperty(FormFieldComponent.prototype, "ariaDescribedBy", {
+            get: function () {
+                return this.hasError() ? this.errorId : undefined;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FormFieldComponent.prototype, "errors", {
             get: function () {
                 var validationErrors = this.authenticator.validationErrors;
@@ -1262,13 +1269,6 @@
             var _a;
             return ((_a = this.errors) === null || _a === void 0 ? void 0 : _a.length) > 0;
         };
-        Object.defineProperty(FormFieldComponent.prototype, "ariaDescribedBy", {
-            get: function () {
-                return this.hasError() ? this.errorId : undefined;
-            },
-            enumerable: false,
-            configurable: true
-        });
         FormFieldComponent.prototype.translate = function (phrase) {
             return ui.translate(phrase);
         };
@@ -1410,9 +1410,11 @@
         });
         SignUpComponent.prototype.onInput = function (event) {
             var _a = event.target, checked = _a.checked, name = _a.name, type = _a.type, value = _a.value;
-            if (type === 'checkbox' && !checked)
-                value = undefined;
-            this.authenticator.updateForm({ name: name, value: value });
+            var isUncheckedCheckbox = type === 'checkbox' && !checked;
+            this.authenticator.updateForm({
+                name: name,
+                value: isUncheckedCheckbox ? undefined : value,
+            });
         };
         SignUpComponent.prototype.onSubmit = function (event) {
             event.preventDefault();
@@ -1497,9 +1499,6 @@
             this.confirmText = getConfirmText$1();
             this.backToSignInText = getBackToSignInText$4();
         }
-        ConfirmSignInComponent.prototype.ngOnInit = function () {
-            this.setHeaderText();
-        };
         Object.defineProperty(ConfirmSignInComponent.prototype, "context", {
             get: function () {
                 return this.authenticator.slotContext;
@@ -1507,6 +1506,9 @@
             enumerable: false,
             configurable: true
         });
+        ConfirmSignInComponent.prototype.ngOnInit = function () {
+            this.setHeaderText();
+        };
         ConfirmSignInComponent.prototype.setHeaderText = function () {
             var state = this.authenticator.authState;
             var actorContext = ui.getActorContext(state);
@@ -1551,6 +1553,13 @@
             this.backToSignInText = getBackToSignInText$3();
             this.confirmText = getConfirmText();
         }
+        Object.defineProperty(SetupTotpComponent.prototype, "context", {
+            get: function () {
+                return this.authenticator.slotContext;
+            },
+            enumerable: false,
+            configurable: true
+        });
         SetupTotpComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_c) {
@@ -1563,13 +1572,6 @@
                 });
             });
         };
-        Object.defineProperty(SetupTotpComponent.prototype, "context", {
-            get: function () {
-                return this.authenticator.slotContext;
-            },
-            enumerable: false,
-            configurable: true
-        });
         SetupTotpComponent.prototype.generateQRCode = function () {
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
@@ -1787,10 +1789,6 @@
             this.skipText = getSkipText$1();
             this.verifyText = getVerifyText();
         }
-        VerifyUserComponent.prototype.ngOnInit = function () {
-            var actorState = ui.getActorState(this.authenticator.authState);
-            this.unverifiedContactMethods = actorState.context.unverifiedContactMethods;
-        };
         Object.defineProperty(VerifyUserComponent.prototype, "context", {
             get: function () {
                 return this.authenticator.slotContext;
@@ -1798,15 +1796,18 @@
             enumerable: false,
             configurable: true
         });
-        VerifyUserComponent.prototype.getLabelForAttr = function (authAttr) {
-            var _a;
+        VerifyUserComponent.prototype.ngOnInit = function () {
+            var actorState = ui.getActorState(this.authenticator.authState);
+            this.unverifiedContactMethods = actorState.context.unverifiedContactMethods;
+        };
+        VerifyUserComponent.prototype.getLabel = function (attr) {
             var attributeMap = getAttributeMap();
-            var label = (_a = attributeMap[authAttr]) === null || _a === void 0 ? void 0 : _a.label;
+            var label = attributeMap[attr].label;
             return ui.translate(label);
         };
         VerifyUserComponent.prototype.onInput = function (event) {
             event.preventDefault();
-            var _b = event.target, name = _b.name, value = _b.value;
+            var _a = event.target, name = _a.name, value = _a.value;
             this.authenticator.updateForm({ name: name, value: value });
         };
         VerifyUserComponent.prototype.onSubmit = function (event) {
@@ -1816,7 +1817,7 @@
         return VerifyUserComponent;
     }());
     VerifyUserComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VerifyUserComponent, deps: [{ token: AuthenticatorService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VerifyUserComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i6__namespace.KeyValuePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
+    VerifyUserComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "keyvalue": i6__namespace.KeyValuePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VerifyUserComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1887,6 +1888,21 @@
             this.hasInitialized = false;
             this.isHandlingHubEvent = false;
         }
+        Object.defineProperty(AuthenticatorComponent.prototype, "context", {
+            // context passed to "authenticated" slot
+            get: function () {
+                return this.authenticator.slotContext;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AuthenticatorComponent.prototype, "route", {
+            get: function () {
+                return this.authenticator.route;
+            },
+            enumerable: false,
+            configurable: true
+        });
         AuthenticatorComponent.prototype.ngOnInit = function () {
             var _this = this;
             var _a = this, initialState = _a.initialState, loginMechanisms = _a.loginMechanisms, services = _a.services, signUpAttributes = _a.signUpAttributes, socialProviders = _a.socialProviders, formFields = _a.formFields;
@@ -1957,24 +1973,9 @@
             if (this.unsubscribeMachine)
                 this.unsubscribeMachine();
         };
-        Object.defineProperty(AuthenticatorComponent.prototype, "context", {
-            /**
-             * Class Functions
-             */
-            // context passed to "authenticated" slot
-            get: function () {
-                return this.authenticator.slotContext;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AuthenticatorComponent.prototype, "route", {
-            get: function () {
-                return this.authenticator.route;
-            },
-            enumerable: false,
-            configurable: true
-        });
+        /**
+         * Class Functions
+         */
         AuthenticatorComponent.prototype.onTabChange = function () {
             var route = this.authenticator.route;
             if (route === 'signIn') {