@aws-amplify/ui-angular 2.4.22 → 2.4.23

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

@@ -165,10 +165,17 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AuthenticatorService.prototype, "updateForm", {
+        Object.defineProperty(AuthenticatorService.prototype, "initializeMachine", {
             /**
              * Service facades
              */
+            get: function () {
+                return this._sendEventAliases.initializeMachine;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AuthenticatorService.prototype, "updateForm", {
             get: function () {
                 return this._sendEventAliases.updateForm;
             },
@@ -315,7 +322,7 @@
         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;
-            var authService = this.authenticator.authService;
+            var _b = this.authenticator, authService = _b.authService, initializeMachine = _b.initializeMachine;
             this.unsubscribeHub = ui.listenToAuthHub(authService, function (data, service) {
                 ui.defaultAuthHubHandler(data, service);
                 /**
@@ -351,16 +358,13 @@
                     }
                 }
                 if (!_this.hasInitialized && route === 'setup') {
-                    _this.authenticator.send({
-                        type: 'INIT',
-                        data: {
-                            initialState: initialState,
-                            loginMechanisms: loginMechanisms,
-                            services: services,
-                            signUpAttributes: signUpAttributes,
-                            socialProviders: socialProviders,
-                            formFields: formFields,
-                        },
+                    initializeMachine({
+                        initialState: initialState,
+                        loginMechanisms: loginMechanisms,
+                        services: services,
+                        signUpAttributes: signUpAttributes,
+                        socialProviders: socialProviders,
+                        formFields: formFields,
                     });
                     _this.hasInitialized = true;
                 }
@@ -1276,7 +1280,7 @@
                             return [4 /*yield*/, awsAmplify.Auth.setupTOTP(user)];
                         case 2:
                             _f.secretKey = _h.sent();
-                            totpCode = ui.getTotpCode(totpIssuer, totpUsername, this.secretKey);
+                            totpCode = ui.getTotpCodeURL(totpIssuer, totpUsername, this.secretKey);
                             logger.info('totp code was generated:', totpCode);
                             _g = this;
                             return [4 /*yield*/, QRCode__default["default"].toDataURL(totpCode)];
@@ -1421,7 +1425,7 @@
             this.authenticator = authenticator;
             this.dataAttr = '';
             this.headerText = ui.translate('Account recovery requires verified contact information');
-            this.unverifiedAttributes = {};
+            this.unverifiedContactMethods = {};
             this.labelId = nanoid.nanoid(12);
             // translated texts
             this.skipText = ui.translate('Skip');
@@ -1429,7 +1433,7 @@
         }
         VerifyUserComponent.prototype.ngOnInit = function () {
             var actorState = ui.getActorState(this.authenticator.authState);
-            this.unverifiedAttributes = actorState.context.unverifiedAttributes;
+            this.unverifiedContactMethods = actorState.context.unverifiedContactMethods;
         };
         Object.defineProperty(VerifyUserComponent.prototype, "context", {
             get: function () {
@@ -1458,7 +1462,7 @@
     VerifyUserComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'amplify-verify-user',
-                    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 *ngFor=\"let unverifiedAttribute of unverifiedAttributes | keyvalue\">\n      <input\n        name=\"unverifiedAttr\"\n        type=\"radio\"\n        [value]=\"unverifiedAttribute.key\"\n        [id]=\"labelId\"\n      />\n      <label [for]=\"labelId\">{{\n        getLabelForAttr(unverifiedAttribute.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",
+                    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",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];