@firestitch/2fa 12.4.4 → 12.5.0

package/app/modules/defaulted/defaulted.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/defaulted/defaulted.component";
+export declare class DefautledModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DefautledModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DefautledModule, [typeof i1.DefaultedComponent], never, [typeof i1.DefaultedComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DefautledModule>;
+}

package/app/modules/manage/components/verification-methods/verification-methods.component.d.ts

@@ -3,6 +3,7 @@ import { FsListConfig } from '@firestitch/list';
 import { FsPrompt } from '@firestitch/prompt';
 import { IFsVerificationMethod } from '../../../../interfaces/verification-method.interface';
 import { TwoFactorManageService } from '../../services';
+import { VerificationMethodType } from '../../../../enums/verification-method-type.enum';
 import * as i0 from "@angular/core";
 export declare class VerificationMethodsComponent implements OnInit {
     private _prompt;
@@ -10,6 +11,7 @@ export declare class VerificationMethodsComponent implements OnInit {
     type: any;
     deleted: EventEmitter<IFsVerificationMethod>;
     listConfig: FsListConfig;
+    VerificationMethodType: typeof VerificationMethodType;
     textMessageAdd: () => void;
     constructor(_prompt: FsPrompt);
     ngOnInit(): void;

package/app/modules/manage/fs-2f-manage.module.d.ts

@@ -7,26 +7,26 @@ import * as i5 from "./components/email/email.component";
 import * as i6 from "./components/verification-methods/verification-methods.component";
 import * as i7 from "./components/number/number.component";
 import * as i8 from "./components/emails/emails.component";
-import * as i9 from "./components/defaulted/defaulted.component";
-import * as i10 from "@angular/common";
-import * as i11 from "@angular/forms";
-import * as i12 from "@angular/material/button";
-import * as i13 from "@angular/material/dialog";
-import * as i14 from "@angular/material/input";
-import * as i15 from "@angular/material/icon";
-import * as i16 from "@angular/material/checkbox";
-import * as i17 from "@firestitch/dialog";
-import * as i18 from "@firestitch/list";
-import * as i19 from "@firestitch/form";
-import * as i20 from "@firestitch/label";
-import * as i21 from "@firestitch/phone";
-import * as i22 from "@firestitch/skeleton";
-import * as i23 from "@firestitch/country";
-import * as i24 from "../code-input/code-input.module";
-import * as i25 from "ng-qrcode";
-import * as i26 from "../resend/resend.module";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/forms";
+import * as i11 from "@angular/material/button";
+import * as i12 from "@angular/material/dialog";
+import * as i13 from "@angular/material/input";
+import * as i14 from "@angular/material/icon";
+import * as i15 from "@angular/material/checkbox";
+import * as i16 from "@firestitch/dialog";
+import * as i17 from "@firestitch/list";
+import * as i18 from "@firestitch/form";
+import * as i19 from "@firestitch/label";
+import * as i20 from "@firestitch/phone";
+import * as i21 from "@firestitch/skeleton";
+import * as i22 from "@firestitch/country";
+import * as i23 from "../code-input/code-input.module";
+import * as i24 from "ng-qrcode";
+import * as i25 from "../resend/resend.module";
+import * as i26 from "../defaulted/defaulted.module";
 export declare class Fs2faManageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<Fs2faManageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<Fs2faManageModule, [typeof i1.Fs2faManageComponent, typeof i2.ManageMethodsComponent, typeof i3.NumbersComponent, typeof i4.AppComponent, typeof i5.EmailComponent, typeof i6.VerificationMethodsComponent, typeof i7.NumberComponent, typeof i8.EmailsComponent, typeof i9.DefaultedComponent], [typeof i10.CommonModule, typeof i11.FormsModule, typeof i12.MatButtonModule, typeof i13.MatDialogModule, typeof i14.MatInputModule, typeof i15.MatIconModule, typeof i16.MatCheckboxModule, typeof i17.FsDialogModule, typeof i18.FsListModule, typeof i19.FsFormModule, typeof i20.FsLabelModule, typeof i21.FsPhoneModule, typeof i22.FsSkeletonModule, typeof i23.FsCountryModule, typeof i24.CodeInputModule, typeof i25.QrCodeModule, typeof i26.ResendModule], [typeof i1.Fs2faManageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Fs2faManageModule, [typeof i1.Fs2faManageComponent, typeof i2.ManageMethodsComponent, typeof i3.NumbersComponent, typeof i4.AppComponent, typeof i5.EmailComponent, typeof i6.VerificationMethodsComponent, typeof i7.NumberComponent, typeof i8.EmailsComponent], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i11.MatButtonModule, typeof i12.MatDialogModule, typeof i13.MatInputModule, typeof i14.MatIconModule, typeof i15.MatCheckboxModule, typeof i16.FsDialogModule, typeof i17.FsListModule, typeof i18.FsFormModule, typeof i19.FsLabelModule, typeof i20.FsPhoneModule, typeof i21.FsSkeletonModule, typeof i22.FsCountryModule, typeof i23.CodeInputModule, typeof i24.QrCodeModule, typeof i25.ResendModule, typeof i26.DefautledModule], [typeof i1.Fs2faManageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<Fs2faManageModule>;
 }

package/app/modules/verification-methods/components/verification-methods/verification-methods.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { FsListComponent, FsListConfig } from '@firestitch/list';
+import { FsPrompt } from '@firestitch/prompt';
+import { Observable } from 'rxjs';
+import { IFsVerificationMethod } from '../../../../interfaces/verification-method.interface';
+import { VerificationMethodType } from '../../../../enums/verification-method-type.enum';
+import * as i0 from "@angular/core";
+export declare class VerificationMethodsComponent implements OnInit {
+    private _prompt;
+    list: FsListComponent;
+    accountVerify: () => Observable<any>;
+    verificationMethodsFetch: (query: any) => Observable<IFsVerificationMethod[]>;
+    verificationMethodDelete: (verificationMethod: IFsVerificationMethod) => Observable<any>;
+    listConfig: FsListConfig;
+    VerificationMethodType: typeof VerificationMethodType;
+    textMessageAdd: () => void;
+    constructor(_prompt: FsPrompt);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerificationMethodsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerificationMethodsComponent, "fs-2fa-verification-methods", never, { "accountVerify": "accountVerify"; "verificationMethodsFetch": "verificationMethodsFetch"; "verificationMethodDelete": "verificationMethodDelete"; }, {}, never, never>;
+}

package/app/modules/verification-methods/fs-2f-verification-methods.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/verification-methods/verification-methods.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@firestitch/list";
+import * as i6 from "@firestitch/phone";
+import * as i7 from "@firestitch/country";
+import * as i8 from "../defaulted/defaulted.module";
+export declare class Fs2faVerificationMethodsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Fs2faVerificationMethodsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Fs2faVerificationMethodsModule, [typeof i1.VerificationMethodsComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatIconModule, typeof i5.FsListModule, typeof i6.FsPhoneModule, typeof i7.FsCountryModule, typeof i8.DefautledModule], [typeof i1.VerificationMethodsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<Fs2faVerificationMethodsModule>;
+}

package/bundles/firestitch-2fa.umd.js

@@ -491,7 +491,7 @@
             var _this = this;
             this.appType = appType;
             this.twoFactorManageService.verificationMethodCreate({
-                type: 'app',
+                type: exports.VerificationMethodType.App,
                 default: this.default,
             })
                 .subscribe(function (response) {
@@ -554,7 +554,7 @@
                             _this._dialogRef.close(verificationMethod);
                         })) :
                         _this.twoFactorManageService.verificationMethodCreate({
-                            type: 'email',
+                            type: exports.VerificationMethodType.Email,
                             email: _this.email,
                             default: _this.default,
                         })
@@ -621,7 +621,7 @@
                             _this._dialogRef.close(verificationMethod);
                         })) :
                         _this.twoFactorManageService.verificationMethodCreate({
-                            type: 'sms',
+                            type: exports.VerificationMethodType.Sms,
                             phoneNumber: _this.phone.number,
                             phoneCode: _this.phone.countryCode,
                             phoneCountry: _this.phone.isoCode,
@@ -837,10 +837,11 @@
                     }]
             }] });
 
-    var VerificationMethodsComponent = /** @class */ (function () {
+    var VerificationMethodsComponent$1 = /** @class */ (function () {
         function VerificationMethodsComponent(_prompt) {
             this._prompt = _prompt;
             this.deleted = new i0.EventEmitter();
+            this.VerificationMethodType = exports.VerificationMethodType;
         }
         VerificationMethodsComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -873,9 +874,9 @@
         };
         return VerificationMethodsComponent;
     }());
-    VerificationMethodsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VerificationMethodsComponent, deps: [{ token: i1__namespace$3.FsPrompt }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VerificationMethodsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VerificationMethodsComponent, selector: "app-verification-methods", inputs: { twoFactorManageService: "twoFactorManageService", type: "type" }, outputs: { deleted: "deleted" }, ngImport: i0__namespace, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column class=\"col-name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <div class=\"row\">\n        <ng-container *ngIf=\"row.type === 'sms'\">\n          <fs-country [code]=\"row.phoneCountry\" [showName]=\"false\"></fs-country> {{row.phoneNumber | fsPhone}}\n        </ng-container>\n\n        <ng-container *ngIf=\"row.type === 'email'\">\n          {{row.email}}\n        </ng-container>\n   \n        <app-defaulted *ngIf=\"row.default\"></app-defaulted>\n      </div>\n    </ng-template>\n  </fs-list-column>\n</fs-list>", styles: [":host ::ng-deep .col-name .row{display:flex;align-items:center}fs-country{margin-right:5px}app-defaulted{margin-left:5px}\n"], components: [{ type: i2__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i3__namespace$3.FsCountryComponent, selector: "fs-country", inputs: ["code", "showIcon", "showName", "region", "width"] }, { type: DefaultedComponent, selector: "app-defaulted" }], directives: [{ type: i2__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i9__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsPhone": i7__namespace.FsPhonePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VerificationMethodsComponent, decorators: [{
+    VerificationMethodsComponent$1.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VerificationMethodsComponent$1, deps: [{ token: i1__namespace$3.FsPrompt }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VerificationMethodsComponent$1.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VerificationMethodsComponent$1, selector: "app-verification-methods", inputs: { twoFactorManageService: "twoFactorManageService", type: "type" }, outputs: { deleted: "deleted" }, ngImport: i0__namespace, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column class=\"col-name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <div class=\"row\">\n        <ng-container *ngIf=\"row.type === VerificationMethodType.Sms\">\n          <fs-country [code]=\"row.phoneCountry\" [showName]=\"false\"></fs-country> {{row.phoneNumber | fsPhone}}\n        </ng-container>\n\n        <ng-container *ngIf=\"row.type === VerificationMethodType.Email\">\n          {{row.email}}\n        </ng-container>\n   \n        <app-defaulted *ngIf=\"row.default\"></app-defaulted>\n      </div>\n    </ng-template>\n  </fs-list-column>\n</fs-list>", styles: [":host ::ng-deep .col-name .row{display:flex;align-items:center}fs-country{margin-right:5px}app-defaulted{margin-left:5px}\n"], components: [{ type: i2__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i3__namespace$3.FsCountryComponent, selector: "fs-country", inputs: ["code", "showIcon", "showName", "region", "width"] }, { type: DefaultedComponent, selector: "app-defaulted" }], directives: [{ type: i2__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i9__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsPhone": i7__namespace.FsPhonePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VerificationMethodsComponent$1, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'app-verification-methods',
@@ -913,7 +914,7 @@
         return NumbersComponent;
     }());
     NumbersComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NumbersComponent, deps: [{ token: i1.MAT_DIALOG_DATA }, { token: i1__namespace.MatDialogRef }, { token: i2__namespace.FsMessage }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NumbersComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumbersComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <h1 mat-dialog-title>\n    Text Message Numbers\n  </h1>\n  <mat-dialog-content>\n    <app-verification-methods\n      [type]=\"VerificationMethodType.Sms\"\n      [twoFactorManageService]=\"twoFactorManageService\"\n      (deleted)=\"deleted()\">\n    </app-verification-methods>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        type=\"button\"\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Close\n    </button>\n    <button\n        mat-button\n        (click)=\"add()\"\n        type=\"button\">\n      Add Number\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i3__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: VerificationMethodsComponent, selector: "app-verification-methods", inputs: ["twoFactorManageService", "type"], outputs: ["deleted"] }, { type: i5__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    NumbersComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumbersComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <h1 mat-dialog-title>\n    Text Message Numbers\n  </h1>\n  <mat-dialog-content>\n    <app-verification-methods\n      [type]=\"VerificationMethodType.Sms\"\n      [twoFactorManageService]=\"twoFactorManageService\"\n      (deleted)=\"deleted()\">\n    </app-verification-methods>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        type=\"button\"\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Close\n    </button>\n    <button\n        mat-button\n        (click)=\"add()\"\n        type=\"button\">\n      Add Number\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i3__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: VerificationMethodsComponent$1, selector: "app-verification-methods", inputs: ["twoFactorManageService", "type"], outputs: ["deleted"] }, { type: i5__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NumbersComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -949,7 +950,7 @@
         return EmailsComponent;
     }());
     EmailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EmailsComponent, deps: [{ token: i1.MAT_DIALOG_DATA }, { token: i1__namespace.MatDialogRef }, { token: i2__namespace.FsMessage }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    EmailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmailsComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <h1 mat-dialog-title>\n    Emails\n  </h1>\n  <mat-dialog-content>\n    <app-verification-methods\n      [type]=\"VerificationMethodType.Email\"\n      [twoFactorManageService]=\"twoFactorManageService\"\n      (deleted)=\"deleted()\">\n    </app-verification-methods>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        type=\"button\"\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Close\n    </button>\n    <button\n        mat-button\n        (click)=\"add()\"\n        type=\"button\">\n      Add Email\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i3__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: VerificationMethodsComponent, selector: "app-verification-methods", inputs: ["twoFactorManageService", "type"], outputs: ["deleted"] }, { type: i5__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    EmailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EmailsComponent, selector: "ng-component", ngImport: i0__namespace, template: "<fs-dialog>\n  <h1 mat-dialog-title>\n    Emails\n  </h1>\n  <mat-dialog-content>\n    <app-verification-methods\n      [type]=\"VerificationMethodType.Email\"\n      [twoFactorManageService]=\"twoFactorManageService\"\n      (deleted)=\"deleted()\">\n    </app-verification-methods>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        mat-button\n        type=\"button\"\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Close\n    </button>\n    <button\n        mat-button\n        (click)=\"add()\"\n        type=\"button\">\n      Add Email\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [""], components: [{ type: i3__namespace.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode"] }, { type: VerificationMethodsComponent$1, selector: "app-verification-methods", inputs: ["twoFactorManageService", "type"], outputs: ["deleted"] }, { type: i5__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EmailsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1195,6 +1196,24 @@
                     type: i0.Input
                 }] } });
 
+    var DefautledModule = /** @class */ (function () {
+        function DefautledModule() {
+        }
+        return DefautledModule;
+    }());
+    DefautledModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefautledModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    DefautledModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefautledModule, declarations: [DefaultedComponent], exports: [DefaultedComponent] });
+    DefautledModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefautledModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DefautledModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            DefaultedComponent,
+                        ],
+                        exports: [DefaultedComponent],
+                    }]
+            }] });
+
     var Fs2faManageModule = /** @class */ (function () {
         function Fs2faManageModule() {
         }
@@ -1206,10 +1225,9 @@
             NumbersComponent,
             AppComponent,
             EmailComponent,
-            VerificationMethodsComponent,
+            VerificationMethodsComponent$1,
             NumberComponent,
-            EmailsComponent,
-            DefaultedComponent], imports: [i9$1.CommonModule,
+            EmailsComponent], imports: [i9$1.CommonModule,
             i9.FormsModule,
             i5$1.MatButtonModule,
             i1.MatDialogModule,
@@ -1225,7 +1243,8 @@
             i3$3.FsCountryModule,
             CodeInputModule,
             i4$1.QrCodeModule,
-            ResendModule], exports: [Fs2faManageComponent] });
+            ResendModule,
+            DefautledModule], exports: [Fs2faManageComponent] });
     Fs2faManageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2faManageModule, imports: [[
                 i9$1.CommonModule,
                 i9.FormsModule,
@@ -1244,6 +1263,7 @@
                 CodeInputModule,
                 i4$1.QrCodeModule,
                 ResendModule,
+                DefautledModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2faManageModule, decorators: [{
                 type: i0.NgModule,
@@ -1266,6 +1286,7 @@
                             CodeInputModule,
                             i4$1.QrCodeModule,
                             ResendModule,
+                            DefautledModule,
                         ],
                         declarations: [
                             Fs2faManageComponent,
@@ -1273,15 +1294,110 @@
                             NumbersComponent,
                             AppComponent,
                             EmailComponent,
-                            VerificationMethodsComponent,
+                            VerificationMethodsComponent$1,
                             NumberComponent,
                             EmailsComponent,
-                            DefaultedComponent,
                         ],
                         exports: [Fs2faManageComponent],
                     }]
             }] });
 
+    var VerificationMethodsComponent = /** @class */ (function () {
+        function VerificationMethodsComponent(_prompt) {
+            this._prompt = _prompt;
+            this.VerificationMethodType = exports.VerificationMethodType;
+        }
+        VerificationMethodsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.listConfig = {
+                paging: false,
+                rowActions: [
+                    {
+                        click: function (verificationMethod) {
+                            _this._prompt.confirm({
+                                title: 'Confirm',
+                                template: 'Would you like to delete this verification method?',
+                            })
+                                .pipe(operators.switchMap(function () { return _this.accountVerify(); }), operators.switchMap(function () { return _this.verificationMethodDelete(verificationMethod); }))
+                                .subscribe(function () {
+                                _this.list.reload();
+                            });
+                        },
+                        label: 'Delete',
+                    },
+                ],
+                fetch: function (query) {
+                    return _this.verificationMethodsFetch(query)
+                        .pipe(operators.map(function (verificationMethods) { return ({
+                        data: verificationMethods,
+                    }); }));
+                },
+            };
+        };
+        return VerificationMethodsComponent;
+    }());
+    VerificationMethodsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VerificationMethodsComponent, deps: [{ token: i1__namespace$3.FsPrompt }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VerificationMethodsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VerificationMethodsComponent, selector: "fs-2fa-verification-methods", inputs: { accountVerify: "accountVerify", verificationMethodsFetch: "verificationMethodsFetch", verificationMethodDelete: "verificationMethodDelete" }, viewQueries: [{ propertyName: "list", first: true, predicate: i2$1.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column class=\"col-icon\" width=\"1%\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.type === VerificationMethodType.Sms\">\n        <mat-icon>textsms</mat-icon>\n      </ng-container>\n\n      <ng-container *ngIf=\"row.type === VerificationMethodType.Email\">\n        <mat-icon>email</mat-icon>\n      </ng-container>\n\n      <ng-container *ngIf=\"row.type === VerificationMethodType.App\">\n        <mat-icon>phone_iphone</mat-icon>\n      </ng-container>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column class=\"col-name\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <div class=\"row\">\n        <ng-container *ngIf=\"row.type === VerificationMethodType.Sms\">\n          <div class=\"row\">\n            <fs-country [code]=\"row.phoneCountry\" [showName]=\"false\"></fs-country> \n            <span>{{row.phoneNumber | fsPhone}}</span>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"row.type === VerificationMethodType.Email\">\n          {{row.email}}\n        </ng-container>\n\n        <ng-container *ngIf=\"row.type === VerificationMethodType.App\">\n          App\n        </ng-container>\n\n        <app-defaulted *ngIf=\"row.default\"></app-defaulted>\n      </div>\n    </ng-template>\n  </fs-list-column>\n</fs-list>", styles: [":host ::ng-deep .col-name .row{display:flex;align-items:center}:host ::ng-deep .col-name fs-country img{display:flex}fs-country{margin-right:5px}app-defaulted{margin-left:5px}\n"], components: [{ type: i2__namespace$1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3__namespace$3.FsCountryComponent, selector: "fs-country", inputs: ["code", "showIcon", "showName", "region", "width"] }, { type: DefaultedComponent, selector: "app-defaulted" }], directives: [{ type: i2__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i9__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsPhone": i7__namespace.FsPhonePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VerificationMethodsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'fs-2fa-verification-methods',
+                        templateUrl: './verification-methods.component.html',
+                        styleUrls: ['./verification-methods.component.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$3.FsPrompt }]; }, propDecorators: { list: [{
+                    type: i0.ViewChild,
+                    args: [i2$1.FsListComponent]
+                }], accountVerify: [{
+                    type: i0.Input
+                }], verificationMethodsFetch: [{
+                    type: i0.Input
+                }], verificationMethodDelete: [{
+                    type: i0.Input
+                }] } });
+
+    var Fs2faVerificationMethodsModule = /** @class */ (function () {
+        function Fs2faVerificationMethodsModule() {
+        }
+        return Fs2faVerificationMethodsModule;
+    }());
+    Fs2faVerificationMethodsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2faVerificationMethodsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    Fs2faVerificationMethodsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2faVerificationMethodsModule, declarations: [VerificationMethodsComponent], imports: [i9$1.CommonModule,
+            i9.FormsModule,
+            i4.MatIconModule,
+            i2$1.FsListModule,
+            i7.FsPhoneModule,
+            i3$3.FsCountryModule,
+            DefautledModule], exports: [VerificationMethodsComponent] });
+    Fs2faVerificationMethodsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2faVerificationMethodsModule, imports: [[
+                i9$1.CommonModule,
+                i9.FormsModule,
+                i4.MatIconModule,
+                i2$1.FsListModule,
+                i7.FsPhoneModule,
+                i3$3.FsCountryModule,
+                DefautledModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2faVerificationMethodsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i9$1.CommonModule,
+                            i9.FormsModule,
+                            i4.MatIconModule,
+                            i2$1.FsListModule,
+                            i7.FsPhoneModule,
+                            i3$3.FsCountryModule,
+                            DefautledModule,
+                        ],
+                        declarations: [
+                            VerificationMethodsComponent,
+                        ],
+                        exports: [VerificationMethodsComponent],
+                    }]
+            }] });
+
     /**
      * Generated bundle index. Do not edit.
      */
@@ -1289,7 +1405,9 @@
     exports.Fs2faManageComponent = Fs2faManageComponent;
     exports.Fs2faManageModule = Fs2faManageModule;
     exports.Fs2faVerificationComponent = Fs2faVerificationComponent;
+    exports.Fs2faVerificationMethodsModule = Fs2faVerificationMethodsModule;
     exports.Fs2faVerificationModule = Fs2faVerificationModule;
+    exports.VerificationMethodsComponent = VerificationMethodsComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });