@aws-amplify/ui-angular 2.0.9 → 2.0.10

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

@@ -100,16 +100,19 @@
                     services: services,
                 },
             });
-            this._subscription = authService.subscribe(function (state) {
+            this._machineSubscription = authService.subscribe(function (state) {
                 _this._authState = state;
                 _this._facade = ui.getServiceContextFacade(state);
             });
+            this._hubSubscription = ui.listenToAuthHub(authService.send);
             this._sendEventAliases = ui.getSendEventAliases(authService.send);
             this._authService = authService;
         };
         AuthenticatorService.prototype.ngOnDestroy = function () {
-            if (this._subscription)
-                this._subscription.unsubscribe();
+            if (this._machineSubscription)
+                this._machineSubscription.unsubscribe();
+            if (this._hubSubscription)
+                this._hubSubscription();
         };
         Object.defineProperty(AuthenticatorService.prototype, "error", {
             /**
@@ -705,7 +708,7 @@
     ForceNewPasswordComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'amplify-force-new-password',
-                    template: "<div data-amplify-container>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset\n      class=\"amplify-flex\"\n      style=\"flex-direction: column\"\n      data-amplify-fieldset\n      [disabled]=\"authenticator.isPending\"\n    >\n      <amplify-slot name=\"force-new-password-header\" [context]=\"context\">\n        <h3 class=\"amplify-heading\">{{ this.headerText }}</h3>\n      </amplify-slot>\n      <amplify-form-field\n        name=\"password\"\n        type=\"password\"\n        autocomplete=\"new-password\"\n      ></amplify-form-field>\n\n      <amplify-form-field\n        name=\"confirm_password\"\n        label=\"Confirm Password\"\n        type=\"password\"\n        autocomplete=\"new-password\"\n      ></amplify-form-field>\n\n      <button amplify-button variation=\"primary\" fullWidth=\"true\" type=\"submit\">\n        {{ changePasswordText }}\n      </button>\n\n      <button\n        amplify-button\n        size=\"small\"\n        variation=\"link\"\n        fontWeight=\"normal\"\n        fullWidth=\"true\"\n        (click)=\"authenticator.toSignIn()\"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf=\"authenticator.error\">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot name=\"force-new-password-footer\" [context]=\"context\">\n    </amplify-slot>\n  </form>\n</div>\n"
+                    template: "<div data-amplify-container>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset\n      class=\"amplify-flex\"\n      style=\"flex-direction: column\"\n      data-amplify-fieldset\n      [disabled]=\"authenticator.isPending\"\n    >\n      <amplify-slot name=\"force-new-password-header\" [context]=\"context\">\n        <h3 class=\"amplify-heading\">{{ this.headerText }}</h3>\n      </amplify-slot>\n      <amplify-form-field\n        name=\"password\"\n        type=\"password\"\n        autocomplete=\"new-password\"\n      ></amplify-form-field>\n\n      <amplify-form-field\n        name=\"confirm_password\"\n        label=\"Confirm Password\"\n        type=\"password\"\n        autocomplete=\"new-password\"\n      ></amplify-form-field>\n      <amplify-slot name=\"force-new-form-fields\" [context]=\"context\">\n        <amplify-force-new-password-form-fields></amplify-force-new-password-form-fields>\n      </amplify-slot>\n\n      <button amplify-button variation=\"primary\" fullWidth=\"true\" type=\"submit\">\n        {{ changePasswordText }}\n      </button>\n\n      <button\n        amplify-button\n        size=\"small\"\n        variation=\"link\"\n        fontWeight=\"normal\"\n        fullWidth=\"true\"\n        (click)=\"authenticator.toSignIn()\"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf=\"authenticator.error\">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot name=\"force-new-password-footer\" [context]=\"context\">\n    </amplify-slot>\n  </form>\n</div>\n"
                 },] }
     ];
     ForceNewPasswordComponent.ctorParameters = function () { return [
@@ -716,6 +719,34 @@
         headerText: [{ type: i0.Input }]
     };
 
+    var ForceNewPasswordFormFieldsComponent = /** @class */ (function () {
+        function ForceNewPasswordFormFieldsComponent(authenticator) {
+            this.authenticator = authenticator;
+        }
+        ForceNewPasswordFormFieldsComponent.prototype.ngOnInit = function () {
+            var state = this.authenticator.authState;
+            var actorContext = ui.getActorContext(state);
+            var requiredAttributes = actorContext.requiredAttributes;
+            this.fieldNames = requiredAttributes.filter(function (fieldName) {
+                var hasDefaultField = !!ui.authInputAttributes[fieldName];
+                if (!hasDefaultField) {
+                    console.debug("Authenticator does not have a default implementation for " + fieldName + ". Customize Authenticator.SignUp.FormFields to add your own.");
+                }
+                return hasDefaultField;
+            });
+        };
+        return ForceNewPasswordFormFieldsComponent;
+    }());
+    ForceNewPasswordFormFieldsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-force-new-password-form-fields',
+                    template: "<div class=\"amplify-flex\" style=\"flex-direction: column\" data-amplify-fieldset>\n  <ng-container *ngFor=\"let field of fieldNames\">\n    <amplify-form-field\n      [name]=\"field\"\n      [labelHidden]=\"false\"\n    ></amplify-form-field>\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    ForceNewPasswordFormFieldsComponent.ctorParameters = function () { return [
+        { type: AuthenticatorService }
+    ]; };
+
     var getAttributeMap = function () { return ui.authInputAttributes; };
 
     /**
@@ -1801,6 +1832,7 @@
                         FederatedSignInButtonComponent,
                         FederatedSignInComponent,
                         ForceNewPasswordComponent,
+                        ForceNewPasswordFormFieldsComponent,
                         FormFieldComponent,
                         PasswordFieldComponent,
                         PhoneNumberFieldComponent,
@@ -1822,6 +1854,7 @@
                         AuthenticatorComponent,
                         CheckboxComponent,
                         SignUpFormFieldsComponent,
+                        ForceNewPasswordFormFieldsComponent,
                         TextFieldComponent,
                     ],
                 },] }
@@ -1850,6 +1883,7 @@
     exports.FederatedSignInButtonComponent = FederatedSignInButtonComponent;
     exports.FederatedSignInComponent = FederatedSignInComponent;
     exports.ForceNewPasswordComponent = ForceNewPasswordComponent;
+    exports.ForceNewPasswordFormFieldsComponent = ForceNewPasswordFormFieldsComponent;
     exports.FormFieldComponent = FormFieldComponent;
     exports.PasswordFieldComponent = PasswordFieldComponent;
     exports.PhoneNumberFieldComponent = PhoneNumberFieldComponent;
@@ -1867,6 +1901,7 @@
     exports.getAttributeMap = getAttributeMap;
     exports["ɵa"] = AmplifySlotComponent;
     exports["ɵb"] = AuthenticatorComponent;
+    exports["ɵba"] = VerifyUserComponent;
     exports["ɵc"] = ButtonComponent;
     exports["ɵd"] = CheckboxComponent;
     exports["ɵe"] = ConfirmResetPasswordComponent;
@@ -1877,20 +1912,20 @@
     exports["ɵj"] = FederatedSignInButtonComponent;
     exports["ɵk"] = FederatedSignInComponent;
     exports["ɵl"] = ForceNewPasswordComponent;
-    exports["ɵm"] = FormFieldComponent;
-    exports["ɵn"] = PasswordFieldComponent;
-    exports["ɵo"] = PhoneNumberFieldComponent;
-    exports["ɵp"] = ResetPasswordComponent;
-    exports["ɵq"] = SelectComponent;
-    exports["ɵr"] = SetupTotpComponent;
-    exports["ɵs"] = SignInComponent;
-    exports["ɵt"] = SignUpComponent;
-    exports["ɵu"] = SignUpFormFieldsComponent;
-    exports["ɵv"] = TabItemComponent;
-    exports["ɵw"] = TabsComponent;
-    exports["ɵx"] = TextFieldComponent;
-    exports["ɵy"] = UserNameAliasComponent;
-    exports["ɵz"] = VerifyUserComponent;
+    exports["ɵm"] = ForceNewPasswordFormFieldsComponent;
+    exports["ɵn"] = FormFieldComponent;
+    exports["ɵo"] = PasswordFieldComponent;
+    exports["ɵp"] = PhoneNumberFieldComponent;
+    exports["ɵq"] = ResetPasswordComponent;
+    exports["ɵr"] = SelectComponent;
+    exports["ɵs"] = SetupTotpComponent;
+    exports["ɵt"] = SignInComponent;
+    exports["ɵu"] = SignUpComponent;
+    exports["ɵv"] = SignUpFormFieldsComponent;
+    exports["ɵw"] = TabItemComponent;
+    exports["ɵx"] = TabsComponent;
+    exports["ɵy"] = TextFieldComponent;
+    exports["ɵz"] = UserNameAliasComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });