@firestitch/2fa 12.0.0 → 12.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"firestitch-2fa.umd.js","sources":["../../src/app/components/current-device/current-device.component.ts","../../src/app/components/current-device/current-device.component.html","../../src/app/components/trusted-devices/trusted-devices.component.ts","../../src/app/components/trusted-devices/trusted-devices.component.html","../../src/app/fs-2fa.module.ts","../../src/firestitch-2fa.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n\n@Component({\n  selector: 'fs-current-device',\n  templateUrl: './current-device.component.html',\n  styleUrls: [ './current-device.component.scss' ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsCurrentDeviceComponent {\n}\n","\n<div class=\"current-device\">\n  <mat-icon class=\"circle\">circle</mat-icon>\n  <mat-icon \n      class=\"check\"\n      matTooltip=\"This device\">\n    check_circle\n  </mat-icon>\n</div>\n","import {\n  Component,\n  ViewChild,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\n\nimport { FsListComponent, FsListConfig } from '@firestitch/list';\nimport { ItemType } from '@firestitch/filter';\nimport { FsCountry } from '@firestitch/country';\n\nimport { Observable, Subject } from 'rxjs';\nimport { map, takeUntil } from 'rxjs/operators';\n\nimport { ITrustedDevice } from '../../interfaces/trusted-device';\nimport { ITrustedDeviceAccount } from '../../interfaces/trusted-device-account';\n\n\n@Component({\n  selector: 'fs-trusted-devices',\n  templateUrl: './trusted-devices.component.html',\n  styleUrls: [ './trusted-devices.component.scss' ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsTrustedDevicesComponent implements OnInit, OnDestroy {\n\n  @Input()\n  public fetchTrustedDevices = (query: any) => new Observable<{\n    data: ITrustedDevice[];\n    paging?: any;\n  }>();\n\n  @Input()\n  public removeTrustedDevice = (trustedDevice: ITrustedDevice) => new Observable<any>();\n\n  @Input()\n  public signOutTrustedDevice = (trustedDevice:  ITrustedDevice) => new Observable<any>();\n\n  @Input()\n  public showAccount = true;\n\n  @ViewChild(FsListComponent)\n  public listComponent: FsListComponent;\n\n  public listConfig: FsListConfig;\n\n  private _destroy$ = new Subject();\n\n  constructor(\n    private _fsCountry: FsCountry,\n  ) { }\n\n  public ngOnInit(): void {\n    this._fsCountry.ready$\n      .pipe(\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        this._initListConfig();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this._destroy$.next();\n    this._destroy$.complete();\n  }\n\n  private _initListConfig(): void {\n    this.listConfig = {\n      filters: [\n        {\n          name: 'keyword',\n          type: ItemType.Keyword,\n          label: 'Search',\n        },\n      ],\n      rowActions: [\n        {\n          click: (data) => {\n            this.signOutTrustedDevice(data)\n            .subscribe(() => {\n              this.reload();\n            });\n          },\n          menu: true,\n          label: 'Sign Out',\n        },\n        {\n          click: (data) => {\n            this.removeTrustedDevice(data)\n            .subscribe(() => {\n              this.reload();\n            });\n          },\n          remove: {\n            title: 'Confirm',\n            template: 'Are you sure you would like to delete this record?',\n          },\n          menu: true,\n          label: 'Delete',\n        },\n      ],\n      fetch: (query) => {\n        return this.fetchTrustedDevices(query)\n          .pipe(\n            map((response) => {\n              return {\n                data: response.data,\n                paging: response.paging,\n              };\n            }),\n          );\n      },\n    };\n  }\n\n  public reload(): void {\n    this.listComponent.reload();\n  }\n\n}\n","<fs-list [config]=\"listConfig\">\n  <fs-list-column title=\"Account\" [show]=\"showAccount\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-account\">\n      <div *ngIf=\"row.account\" class=\"row\">\n        <fs-badge \n          *ngIf=\"row.account.avatarUrl\"\n          shape=\"circle\" \n          image=\"{{ row.account.avatarUrl }}\">\n        </fs-badge>\n        <div>\n          {{ row.account.name }}\n          <div class=\"small\" *ngIf=\"row.account.email\">{{ row.account.email }}</div>  \n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Device\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-device\">\n      <div class=\"device\" *ngIf=\"row.device\">\n        <fs-current-device *ngIf=\"row.currentDevice\"></fs-current-device>\n        <fs-device-os\n          [type]=\"row.device.type\"\n          [os]=\"row.device.osType\"\n          [version]=\"row.device.osVersion\">\n        </fs-device-os>\n      </div>     \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Browser\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-device-browser\n        *ngIf=\"row.device\"\n        [type]=\"row.device.browserType\"\n        [version]=\"row.device.browserVersion\"\n        [showName]=\"true\"\n      ></fs-device-browser>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Added\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.createDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Location\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-country [code]=\"row.ip.country\"></fs-country>\n      <div><small>{{row.ip.ip}}</small></div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Last signed in\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.activityDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FlexLayoutModule } from '@angular/flex-layout';\n\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { FsListModule } from '@firestitch/list';\nimport { FsDateModule } from '@firestitch/date';\nimport { FsCountryModule } from '@firestitch/country';\nimport { FsDeviceModule } from '@firestitch/device';\n\nimport { FsCurrentDeviceComponent } from './components/current-device/current-device.component';\nimport { FsTrustedDevicesComponent } from './components/trusted-devices/trusted-devices.component';\n\nimport { FsBadgeModule } from '@firestitch/badge';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FlexLayoutModule,\n\n    MatIconModule,\n    MatTooltipModule,\n\n    FsListModule,\n    FsDateModule,\n    FsCountryModule,\n    FsDeviceModule,\n    FsBadgeModule,\n  ],\n  exports: [\n    FsTrustedDevicesComponent,\n    FsCurrentDeviceComponent,\n  ],\n  declarations: [\n    FsTrustedDevicesComponent,\n    FsCurrentDeviceComponent,\n  ],\n})\nexport class Fs2FaModule {\n  static forRoot(): ModuleWithProviders<Fs2FaModule> {\n    return {\n      ngModule: Fs2FaModule,\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["Component","ChangeDetectionStrategy","Observable","Subject","takeUntil","ItemType","map","FsListComponent","Input","ViewChild","CommonModule","FlexLayoutModule","MatIconModule","MatTooltipModule","FsListModule","FsDateModule","FsCountryModule","FsDeviceModule","FsBadgeModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"firestitch-2fa.umd.js","sources":["../../src/app/tokens/verification.token.ts","../../src/app/components/2fa-verification-otp/2fa-verification-otp.component.ts","../../src/app/components/2fa-verification-otp/2fa-verification-otp.component.html","../../src/app/components/2fa-verification-code/2fa-verification-code.component.ts","../../src/app/components/2fa-verification-code/2fa-verification-code.component.html","../../src/app/components/2fa-verification-form/2fa-verification-form.component.ts","../../src/app/components/2fa-verification-form/2fa-verification-form.component.html","../../src/app/enums/verification-method-type.enum.ts","../../src/app/components/2fa-verification-methods/2fa-verification-methods.component.ts","../../src/app/components/2fa-verification-methods/2fa-verification-methods.component.html","../../src/app/components/2fa-verification/2fa-verification.component.ts","../../src/app/components/2fa-verification/2fa-verification.component.html","../../src/app/fs-2fa.module.ts","../../src/public_api.ts","../../src/firestitch-2fa.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nimport { IFsVerificationProvider } from '../interfaces/verification-provider.interface';\n\nexport const FS_2FA_VERIFICATION_PROVIDER = new InjectionToken<IFsVerificationProvider>(\n  'Provider for Verification service',\n);\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Output,\n} from '@angular/core';\n\nimport { FsFormDirective } from '@firestitch/form';\n\n\n@Component({\n  selector: 'fs-2fa-verification-otp',\n  templateUrl: './2fa-verification-otp.component.html',\n  styleUrls: [\n    './2fa-verification-otp.component.scss'\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Fs2FAVerificationOTPComponent {\n\n  @Output()\n  public codeChange = new EventEmitter<string>();\n\n  constructor(\n    public form: FsFormDirective,\n  ) {}\n\n  public codeChanged(event: string): void {\n    this.codeChange.emit(event);\n    this.form.dirty();\n  }\n\n  public codeCompleted(): void {\n    this.form.triggerSubmit();\n  }\n}\n","<p class=\"description\">\n  Enter the verification code generated by your 2 factor authenticator\n  app to verify it's you\n</p>\n\n<!--\n<code-input [initialFocusField]=\"0\"\n            [codeLength]=\"6\"\n            (codeChanged)=\"codeChanged($event)\"\n            (codeCompleted)=\"codeCompleted()\">>\n</code-input>\n-->\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\nimport { ControlContainer, NgForm } from '@angular/forms';\n\nimport { IFsVerificationMethod } from '../../interfaces/verification-method.interface';\n\n\n@Component({\n  selector: 'fs-2fa-verification-code',\n  templateUrl: './2fa-verification-code.component.html',\n  styleUrls: [\n    './2fa-verification-code.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  viewProviders: [\n    {\n      provide: ControlContainer,\n      useExisting: NgForm,\n    },\n  ],\n})\nexport class Fs2FAVerificationSMSComponent {\n\n  @Input()\n  public method: IFsVerificationMethod;\n\n  @Output()\n  public codeChange = new EventEmitter<string>();\n\n  public code: string;\n\n  public codeChanged(): void {\n    this.codeChange.emit(this.code);\n  }\n\n}\n","<p class=\"description\">\n  <ng-container *ngIf=\"method.phoneCode && method.phoneNumber && method.type === 'sms'\">\n    A text message with a verification code was just\n    sent to <span style=\"white-space: nowrap;\">+{{ method.phoneCode }} {{ method.phoneNumber }}</span> to verify it's you.\n  </ng-container>\n\n  <ng-container *ngIf=\"method.type === 'email'\">\n    A email with a verification code was just sent to {{ method.email }} to verify it's you.\n  </ng-container>\n\n  <ng-container *ngIf=\"false\">\n    Enter the one time code generated by the app administrator to verify it's you.\n  </ng-container>\n</p>\n\n<mat-form-field>\n  <mat-label>Code</mat-label>\n  <input type=\"text\"\n         matInput\n         name=\"code\"\n         autocomplete=\"one-time-code\"\n         [(ngModel)]=\"code\"\n         (ngModelChange)=\"codeChanged()\"\n         required\n         placeholder=\"Enter the code\"\n         inputmode=\"numeric\">\n</mat-form-field>\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Inject,\n  Input, OnDestroy,\n  OnInit,\n  Output,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil, tap } from 'rxjs/operators';\n\nimport { IFsVerificationMethod } from '../../interfaces/verification-method.interface';\nimport { FS_2FA_VERIFICATION_PROVIDER } from '../../tokens/verification.token';\nimport { IFsVerificationProvider } from '../../interfaces/verification-provider.interface';\n\n\n@Component({\n  selector: 'fs-2fa-verification-form',\n  templateUrl: './2fa-verification-form.component.html',\n  styleUrls: [\n    './2fa-verification-form.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Fs2FAVerificationFormComponent implements OnDestroy {\n\n  @Input()\n  public method: IFsVerificationMethod;\n\n  @Output()\n  public verified = new EventEmitter<unknown>();\n\n  public resendInProgress = false;\n  public trustedDevice = false;\n\n  private _code: string;\n  private _destroy$ = new Subject<void>();\n\n  constructor(\n    @Inject(FS_2FA_VERIFICATION_PROVIDER)\n    public verificationProvider: IFsVerificationProvider,\n    private _cdRef: ChangeDetectorRef,\n  ) {}\n\n  public ngOnDestroy(): void {\n    this._destroy$.next();\n    this._destroy$.complete();\n  }\n\n  public verify = () => {\n    return this.verificationProvider\n      .verify(this._code, this.trustedDevice)\n      .pipe(\n        tap((response) => {\n          this.verified.emit(response);\n        }),\n      );\n  };\n\n  public codeChanged(code: string): void {\n    this._code = code;\n  }\n\n  public resend(): void {\n    this.resendInProgress = true;\n\n    this.verificationProvider\n      .resend()\n      .pipe(\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        this.resendInProgress = false;\n\n        this._cdRef.markForCheck();\n      })\n  }\n\n}\n","<form fsForm [submit]=\"verify\">\n  <h2>2-Step Verification</h2>\n\n  <div class=\"code-container\">\n    <ng-container *ngIf=\"method.type === 'authenticator' else code\">\n      <fs-2fa-verification-otp class=\"otp\"></fs-2fa-verification-otp>\n    </ng-container>\n\n    <ng-template #code>\n      <fs-2fa-verification-code\n        [method]=\"method\"\n        (codeChange)=\"codeChanged($event)\">\n      </fs-2fa-verification-code>\n    </ng-template>\n  </div>\n\n  <div class=\"additional\">\n    <mat-checkbox\n      name=\"trust-device\"\n      [(ngModel)]=\"trustedDevice\">\n      Trust this device\n    </mat-checkbox>\n\n    <span matSuffix>\n    <button mat-button\n            type=\"button\"\n            color=\"primary\"\n            (click)=\"resend()\"\n            [disabled]=\"resendInProgress\"\n            class=\"resend-code-btn\">\n      <ng-container *ngIf=\"!resendInProgress else sending\">\n        Resend Code\n      </ng-container>\n      <ng-template #sending>\n        <mat-spinner [diameter]=\"12\"></mat-spinner> Sending\n      </ng-template>\n    </button>\n  </span>\n  </div>\n\n  <div class=\"actions\">\n    <button mat-raised-button\n            color=\"primary\"\n            type=\"submit\">\n      Verify\n    </button>\n\n    <ng-content></ng-content>\n  </div>\n</form>\n","export enum FsVerificationMethodType {\n  Sms = 'sms',\n  Email = 'email',\n  Authenticator = 'authenticator',\n  Code = 'code',\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  OnInit,\n  Output,\n} from '@angular/core';\n\nimport { Observable } from 'rxjs';\nimport { map, shareReplay, tap } from 'rxjs/operators';\n\nimport { FS_2FA_VERIFICATION_PROVIDER } from '../../tokens/verification.token';\nimport { FsVerificationMethodType } from '../../enums/verification-method-type.enum';\nimport { IFsVerificationProvider } from '../../interfaces/verification-provider.interface';\nimport { IFsVerificationMethod } from '../../interfaces/verification-method.interface';\n\n\n@Component({\n  selector: 'fs-2fa-verification-methods',\n  templateUrl: './2fa-verification-methods.component.html',\n  styleUrls: [\n    './2fa-verification-methods.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Fs2FaVerificationMethodsComponent implements OnInit {\n\n  @Input()\n  public method: IFsVerificationMethod;\n\n  @Output()\n  public methodChange = new EventEmitter<IFsVerificationMethod>();\n\n  @Output()\n  public cancelled = new EventEmitter<void>();\n\n  public phone: string;\n  public code: string;\n  public methods$: Observable<Record<string, IFsVerificationMethod[]>>;\n  public readonly verificationMethodType = FsVerificationMethodType;\n\n  constructor(\n    @Inject(FS_2FA_VERIFICATION_PROVIDER)\n    private _verificationProvider: IFsVerificationProvider,\n  ) {\n    this._initMethods();\n  }\n\n  public ngOnInit(): void {\n  }\n\n  public compareWith(o1, o2) {\n    return o1 && o2 && o1.id === o2.id\n  }\n\n  public cancel(): void {\n    this.cancelled.emit();\n  }\n\n  public setVerificationMethod = () => {\n    return this._verificationProvider\n      .updateVerificationMethod(this.method.id)\n      .pipe(\n        tap((method: IFsVerificationMethod) => {\n          this.methodChange.emit(method);\n        })\n      );\n  };\n\n  private _initMethods(): void {\n    this.methods$ = this._verificationProvider\n      .methods()\n      .pipe(\n        map((methods) => {\n          return methods\n            .reduce((acc, method) => {\n              if (!acc[method.type]) {\n                acc[method.type] = [];\n              }\n\n              acc[method.type].push(method);\n\n              return acc;\n            }, {});\n        }),\n        shareReplay(1),\n      );\n  }\n}\n","<h2>\n  Verification Methods\n</h2>\n<form fsForm [submit]=\"setVerificationMethod\">\n  <ng-container *fsSkeleton=\"methods$ | async as methods\">\n    <fs-radio-group [(ngModel)]=\"method\" name=\"method\" [compareWith]=\"compareWith\">\n      <ng-container *ngFor=\"let methodMap of methods | keyvalue\">\n        <div class=\"method\">\n          <ng-container [ngSwitch]=\"methodMap.key\">\n            <ng-container *ngSwitchCase=\"verificationMethodType.Sms\">\n              <div class=\"method-header\">\n                <div class=\"method-icon\">\n                  <mat-icon>\n                    smartphone\n                  </mat-icon>\n                </div>\n                <div class=\"method-name\">\n                  <div class=\"method-title\">Text Message</div>\n                  <div class=\"method-subtitle\">\n                    Verification code send to one of following mobile number\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"verificationMethodType.Email\">\n              <div class=\"method-header\">\n                <div class=\"method-icon\">\n                  <mat-icon>\n                    mail\n                  </mat-icon>\n                </div>\n                <div class=\"method-name\">\n                  <div class=\"method-title\">Email</div>\n                  <div class=\"method-subtitle\">\n                    Verification code send to one of following email\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container [ngSwitch]=\"methodMap.key\">\n            <ng-container *ngSwitchCase=\"verificationMethodType.Sms\">\n              <mat-radio-button class=\"method-item\" *ngFor=\"let method of methodMap.value\" [value]=\"method\">\n                + {{ method.phoneCode }} {{ method.phoneNumber }}\n              </mat-radio-button>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"verificationMethodType.Email\">\n              <mat-radio-button class=\"method-item\" *ngFor=\"let method of methodMap.value\" [value]=\"method\">\n                {{ method.email }}\n              </mat-radio-button>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </fs-radio-group>\n  </ng-container>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"methods$ | async\">\n      <button mat-button type=\"submit\" color=\"primary\">Next</button>\n    </ng-container>\n    <button mat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n  </div>\n</form>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\nimport { IFsVerificationMethod } from '../../interfaces/verification-method.interface';\n\n\n@Component({\n  selector: 'fs-2fa-verification',\n  templateUrl: './2fa-verification.component.html',\n  styleUrls: [\n    './2fa-verification.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Fs2FAVerificationComponent {\n\n  @Input()\n  public method: IFsVerificationMethod;\n\n  @Output()\n  public verified = new EventEmitter<unknown>();\n\n  @Output()\n  public backToSignIn = new EventEmitter<void>();\n\n  private _view: 'code' | 'methods' = 'code';\n\n  constructor() {}\n\n  public get view(): 'code' | 'methods' {\n    return this._view;\n  }\n\n  public switchVerificationMethod(method: 'code' | 'methods'): void {\n    this._view = method;\n  }\n\n  public setActiveMethod(method: IFsVerificationMethod): void {\n    this.method = method;\n    this.switchVerificationMethod('code');\n  }\n\n  public cancel(): void {\n    this.switchVerificationMethod('code');\n  }\n\n  public toSignIn(): void {\n    this.backToSignIn.emit();\n  }\n\n}\n","<ng-container [ngSwitch]=\"view\">\n  <ng-container *ngSwitchCase=\"'code'\">\n    <fs-2fa-verification-form [method]=\"method\" (verified)=\"verified.emit($event)\">\n      <button mat-button type=\"button\" (click)=\"switchVerificationMethod('methods')\">\n        Try other ways to verify\n      </button>\n\n      <a mat-button (click)=\"toSignIn()\">\n        Back to signin\n      </a>\n    </fs-2fa-verification-form>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'methods'\">\n    <fs-2fa-verification-methods\n      [method]=\"method\"\n      (methodChange)=\"setActiveMethod($event)\"\n      (cancelled)=\"cancel()\">\n    </fs-2fa-verification-methods>\n  </ng-container>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { FsFormModule } from '@firestitch/form';\nimport { FsSkeletonModule } from '@firestitch/skeleton';\nimport { FsRadioGroupModule } from '@firestitch/radiogroup';\n\n// import { CodeInputModule } from 'angular-code-input';\n\nimport { Fs2FAVerificationComponent } from './components/2fa-verification/2fa-verification.component';\nimport { Fs2FAVerificationSMSComponent } from './components/2fa-verification-code/2fa-verification-code.component';\nimport { Fs2FAVerificationOTPComponent } from './components/2fa-verification-otp/2fa-verification-otp.component';\nimport { Fs2FAVerificationFormComponent } from './components/2fa-verification-form/2fa-verification-form.component';\nimport { Fs2FaVerificationMethodsComponent } from './components/2fa-verification-methods/2fa-verification-methods.component';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n\n    MatFormFieldModule,\n    MatInputModule,\n    MatButtonModule,\n\n    FsFormModule,\n\n    // CodeInputModule,\n    MatCheckboxModule,\n    MatProgressSpinnerModule,\n    FsSkeletonModule,\n    FsSkeletonModule,\n    MatIconModule,\n    MatRadioModule,\n    FsRadioGroupModule,\n  ],\n  declarations: [\n    Fs2FAVerificationComponent,\n\n    Fs2FAVerificationFormComponent,\n    Fs2FAVerificationSMSComponent,\n    Fs2FAVerificationOTPComponent,\n    Fs2FaVerificationMethodsComponent,\n  ],\n  exports: [\n    Fs2FAVerificationComponent,\n  ],\n  providers: [],\n})\nexport class Fs2FaModule {}\n","/*\n * Public API Surface of fs-2fa\n */\n\nexport { Fs2FaModule } from './app/fs-2fa.module';\n\n// Components\nexport { Fs2FAVerificationComponent } from './app/components/2fa-verification/2fa-verification.component';\n\nexport { IFsVerificationProvider } from './app/interfaces/verification-provider.interface';\nexport { IFsVerificationMethod } from './app/interfaces/verification-method.interface';\n\nexport { FsVerificationMethodType } from './app/enums/verification-method-type.enum';\n\nexport { FS_2FA_VERIFICATION_PROVIDER } from './app/tokens/verification.token';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["InjectionToken","EventEmitter","Component","ChangeDetectionStrategy","Output","ControlContainer","NgForm","Input","Subject","tap","takeUntil","Inject","FsVerificationMethodType","map","shareReplay","CommonModule","FormsModule","MatFormFieldModule","MatInputModule","MatButtonModule","FsFormModule","MatCheckboxModule","MatProgressSpinnerModule","FsSkeletonModule","MatIconModule","MatRadioModule","FsRadioGroupModule","NgModule"],"mappings":"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"}

package/esm2015/app/components/2fa-verification/2fa-verification.component.js

@@ -0,0 +1,49 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../2fa-verification-form/2fa-verification-form.component";
+import * as i2 from "@angular/material/button";
+import * as i3 from "../2fa-verification-methods/2fa-verification-methods.component";
+import * as i4 from "@angular/common";
+export class Fs2FAVerificationComponent {
+    constructor() {
+        this.verified = new EventEmitter();
+        this.backToSignIn = new EventEmitter();
+        this._view = 'code';
+    }
+    get view() {
+        return this._view;
+    }
+    switchVerificationMethod(method) {
+        this._view = method;
+    }
+    setActiveMethod(method) {
+        this.method = method;
+        this.switchVerificationMethod('code');
+    }
+    cancel() {
+        this.switchVerificationMethod('code');
+    }
+    toSignIn() {
+        this.backToSignIn.emit();
+    }
+}
+Fs2FAVerificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+Fs2FAVerificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: Fs2FAVerificationComponent, selector: "fs-2fa-verification", inputs: { method: "method" }, outputs: { verified: "verified", backToSignIn: "backToSignIn" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"view\">\n  <ng-container *ngSwitchCase=\"'code'\">\n    <fs-2fa-verification-form [method]=\"method\" (verified)=\"verified.emit($event)\">\n      <button mat-button type=\"button\" (click)=\"switchVerificationMethod('methods')\">\n        Try other ways to verify\n      </button>\n\n      <a mat-button (click)=\"toSignIn()\">\n        Back to signin\n      </a>\n    </fs-2fa-verification-form>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'methods'\">\n    <fs-2fa-verification-methods\n      [method]=\"method\"\n      (methodChange)=\"setActiveMethod($event)\"\n      (cancelled)=\"cancel()\">\n    </fs-2fa-verification-methods>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:block}\n"], components: [{ type: i1.Fs2FAVerificationFormComponent, selector: "fs-2fa-verification-form", inputs: ["method"], outputs: ["verified"] }, { type: i2.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"] }, { type: i2.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i3.Fs2FaVerificationMethodsComponent, selector: "fs-2fa-verification-methods", inputs: ["method"], outputs: ["methodChange", "cancelled"] }], directives: [{ type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-2fa-verification',
+                    templateUrl: './2fa-verification.component.html',
+                    styleUrls: [
+                        './2fa-verification.component.scss',
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { method: [{
+                type: Input
+            }], verified: [{
+                type: Output
+            }], backToSignIn: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMmZhLXZlcmlmaWNhdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvMmZhLXZlcmlmaWNhdGlvbi8yZmEtdmVyaWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLzJmYS12ZXJpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7OztBQWF2QixNQUFNLE9BQU8sMEJBQTBCO0lBYXJDO1FBUE8sYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFHdkMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXZDLFVBQUssR0FBdUIsTUFBTSxDQUFDO0lBRTVCLENBQUM7SUFFaEIsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFTSx3QkFBd0IsQ0FBQyxNQUEwQjtRQUN4RCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQztJQUN0QixDQUFDO0lBRU0sZUFBZSxDQUFDLE1BQTZCO1FBQ2xELElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7d0hBbENVLDBCQUEwQjs0R0FBMUIsMEJBQTBCLDBKQ25CdkMsdXNCQXFCQTs0RkRGYSwwQkFBMEI7a0JBUnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsV0FBVyxFQUFFLG1DQUFtQztvQkFDaEQsU0FBUyxFQUFFO3dCQUNULG1DQUFtQztxQkFDcEM7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzBFQUlRLE1BQU07c0JBRFosS0FBSztnQkFJQyxRQUFRO3NCQURkLE1BQU07Z0JBSUEsWUFBWTtzQkFEbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IElGc1ZlcmlmaWNhdGlvbk1ldGhvZCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvdmVyaWZpY2F0aW9uLW1ldGhvZC5pbnRlcmZhY2UnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZzLTJmYS12ZXJpZmljYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vMmZhLXZlcmlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW1xuICAgICcuLzJmYS12ZXJpZmljYXRpb24uY29tcG9uZW50LnNjc3MnLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnMyRkFWZXJpZmljYXRpb25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtZXRob2Q6IElGc1ZlcmlmaWNhdGlvbk1ldGhvZDtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIHZlcmlmaWVkID0gbmV3IEV2ZW50RW1pdHRlcjx1bmtub3duPigpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgYmFja1RvU2lnbkluID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHByaXZhdGUgX3ZpZXc6ICdjb2RlJyB8ICdtZXRob2RzJyA9ICdjb2RlJztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgcHVibGljIGdldCB2aWV3KCk6ICdjb2RlJyB8ICdtZXRob2RzJyB7XG4gICAgcmV0dXJuIHRoaXMuX3ZpZXc7XG4gIH1cblxuICBwdWJsaWMgc3dpdGNoVmVyaWZpY2F0aW9uTWV0aG9kKG1ldGhvZDogJ2NvZGUnIHwgJ21ldGhvZHMnKTogdm9pZCB7XG4gICAgdGhpcy5fdmlldyA9IG1ldGhvZDtcbiAgfVxuXG4gIHB1YmxpYyBzZXRBY3RpdmVNZXRob2QobWV0aG9kOiBJRnNWZXJpZmljYXRpb25NZXRob2QpOiB2b2lkIHtcbiAgICB0aGlzLm1ldGhvZCA9IG1ldGhvZDtcbiAgICB0aGlzLnN3aXRjaFZlcmlmaWNhdGlvbk1ldGhvZCgnY29kZScpO1xuICB9XG5cbiAgcHVibGljIGNhbmNlbCgpOiB2b2lkIHtcbiAgICB0aGlzLnN3aXRjaFZlcmlmaWNhdGlvbk1ldGhvZCgnY29kZScpO1xuICB9XG5cbiAgcHVibGljIHRvU2lnbkluKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja1RvU2lnbkluLmVtaXQoKTtcbiAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ2aWV3XCI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidjb2RlJ1wiPlxuICAgIDxmcy0yZmEtdmVyaWZpY2F0aW9uLWZvcm0gW21ldGhvZF09XCJtZXRob2RcIiAodmVyaWZpZWQpPVwidmVyaWZpZWQuZW1pdCgkZXZlbnQpXCI+XG4gICAgICA8YnV0dG9uIG1hdC1idXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJzd2l0Y2hWZXJpZmljYXRpb25NZXRob2QoJ21ldGhvZHMnKVwiPlxuICAgICAgICBUcnkgb3RoZXIgd2F5cyB0byB2ZXJpZnlcbiAgICAgIDwvYnV0dG9uPlxuXG4gICAgICA8YSBtYXQtYnV0dG9uIChjbGljayk9XCJ0b1NpZ25JbigpXCI+XG4gICAgICAgIEJhY2sgdG8gc2lnbmluXG4gICAgICA8L2E+XG4gICAgPC9mcy0yZmEtdmVyaWZpY2F0aW9uLWZvcm0+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidtZXRob2RzJ1wiPlxuICAgIDxmcy0yZmEtdmVyaWZpY2F0aW9uLW1ldGhvZHNcbiAgICAgIFttZXRob2RdPVwibWV0aG9kXCJcbiAgICAgIChtZXRob2RDaGFuZ2UpPVwic2V0QWN0aXZlTWV0aG9kKCRldmVudClcIlxuICAgICAgKGNhbmNlbGxlZCk9XCJjYW5jZWwoKVwiPlxuICAgIDwvZnMtMmZhLXZlcmlmaWNhdGlvbi1tZXRob2RzPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2015/app/components/2fa-verification-code/2fa-verification-code.component.js

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { ControlContainer, NgForm } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/input";
+import * as i4 from "@angular/forms";
+import * as i5 from "@firestitch/form";
+export class Fs2FAVerificationSMSComponent {
+    constructor() {
+        this.codeChange = new EventEmitter();
+    }
+    codeChanged() {
+        this.codeChange.emit(this.code);
+    }
+}
+Fs2FAVerificationSMSComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationSMSComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+Fs2FAVerificationSMSComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: Fs2FAVerificationSMSComponent, selector: "fs-2fa-verification-code", inputs: { method: "method" }, outputs: { codeChange: "codeChange" }, ngImport: i0, template: "<p class=\"description\">\n  <ng-container *ngIf=\"method.phoneCode && method.phoneNumber && method.type === 'sms'\">\n    A text message with a verification code was just\n    sent to <span style=\"white-space: nowrap;\">+{{ method.phoneCode }} {{ method.phoneNumber }}</span> to verify it's you.\n  </ng-container>\n\n  <ng-container *ngIf=\"method.type === 'email'\">\n    A email with a verification code was just sent to {{ method.email }} to verify it's you.\n  </ng-container>\n\n  <ng-container *ngIf=\"false\">\n    Enter the one time code generated by the app administrator to verify it's you.\n  </ng-container>\n</p>\n\n<mat-form-field>\n  <mat-label>Code</mat-label>\n  <input type=\"text\"\n         matInput\n         name=\"code\"\n         autocomplete=\"one-time-code\"\n         [(ngModel)]=\"code\"\n         (ngModelChange)=\"codeChanged()\"\n         required\n         placeholder=\"Enter the code\"\n         inputmode=\"numeric\">\n</mat-form-field>\n", styles: [":host{display:block}mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.ɵf, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }], viewProviders: [
+        {
+            provide: ControlContainer,
+            useExisting: NgForm,
+        },
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationSMSComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-2fa-verification-code',
+                    templateUrl: './2fa-verification-code.component.html',
+                    styleUrls: [
+                        './2fa-verification-code.component.scss',
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    viewProviders: [
+                        {
+                            provide: ControlContainer,
+                            useExisting: NgForm,
+                        },
+                    ],
+                }]
+        }], propDecorators: { method: [{
+                type: Input
+            }], codeChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMmZhLXZlcmlmaWNhdGlvbi1jb2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLWNvZGUvMmZhLXZlcmlmaWNhdGlvbi1jb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLWNvZGUvMmZhLXZlcmlmaWNhdGlvbi1jb2RlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQW1CMUQsTUFBTSxPQUFPLDZCQUE2QjtJQWQxQztRQW9CUyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQVFoRDtJQUpRLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7OzJIQVpVLDZCQUE2QjsrR0FBN0IsNkJBQTZCLHFJQzFCMUMsazlCQTJCQSxxaUREUmlCO1FBQ2I7WUFDRSxPQUFPLEVBQUUsZ0JBQWdCO1lBQ3pCLFdBQVcsRUFBRSxNQUFNO1NBQ3BCO0tBQ0Y7NEZBRVUsNkJBQTZCO2tCQWR6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFdBQVcsRUFBRSx3Q0FBd0M7b0JBQ3JELFNBQVMsRUFBRTt3QkFDVCx3Q0FBd0M7cUJBQ3pDO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUU7d0JBQ2I7NEJBQ0UsT0FBTyxFQUFFLGdCQUFnQjs0QkFDekIsV0FBVyxFQUFFLE1BQU07eUJBQ3BCO3FCQUNGO2lCQUNGOzhCQUlRLE1BQU07c0JBRFosS0FBSztnQkFJQyxVQUFVO3NCQURoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xDb250YWluZXIsIE5nRm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgSUZzVmVyaWZpY2F0aW9uTWV0aG9kIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy92ZXJpZmljYXRpb24tbWV0aG9kLmludGVyZmFjZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnMtMmZhLXZlcmlmaWNhdGlvbi1jb2RlJyxcbiAgdGVtcGxhdGVVcmw6ICcuLzJmYS12ZXJpZmljYXRpb24tY29kZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW1xuICAgICcuLzJmYS12ZXJpZmljYXRpb24tY29kZS5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB2aWV3UHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQ29udHJvbENvbnRhaW5lcixcbiAgICAgIHVzZUV4aXN0aW5nOiBOZ0Zvcm0sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRnMyRkFWZXJpZmljYXRpb25TTVNDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtZXRob2Q6IElGc1ZlcmlmaWNhdGlvbk1ldGhvZDtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGNvZGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBwdWJsaWMgY29kZTogc3RyaW5nO1xuXG4gIHB1YmxpYyBjb2RlQ2hhbmdlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmNvZGVDaGFuZ2UuZW1pdCh0aGlzLmNvZGUpO1xuICB9XG5cbn1cbiIsIjxwIGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1ldGhvZC5waG9uZUNvZGUgJiYgbWV0aG9kLnBob25lTnVtYmVyICYmIG1ldGhvZC50eXBlID09PSAnc21zJ1wiPlxuICAgIEEgdGV4dCBtZXNzYWdlIHdpdGggYSB2ZXJpZmljYXRpb24gY29kZSB3YXMganVzdFxuICAgIHNlbnQgdG8gPHNwYW4gc3R5bGU9XCJ3aGl0ZS1zcGFjZTogbm93cmFwO1wiPit7eyBtZXRob2QucGhvbmVDb2RlIH19IHt7IG1ldGhvZC5waG9uZU51bWJlciB9fTwvc3Bhbj4gdG8gdmVyaWZ5IGl0J3MgeW91LlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibWV0aG9kLnR5cGUgPT09ICdlbWFpbCdcIj5cbiAgICBBIGVtYWlsIHdpdGggYSB2ZXJpZmljYXRpb24gY29kZSB3YXMganVzdCBzZW50IHRvIHt7IG1ldGhvZC5lbWFpbCB9fSB0byB2ZXJpZnkgaXQncyB5b3UuXG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJmYWxzZVwiPlxuICAgIEVudGVyIHRoZSBvbmUgdGltZSBjb2RlIGdlbmVyYXRlZCBieSB0aGUgYXBwIGFkbWluaXN0cmF0b3IgdG8gdmVyaWZ5IGl0J3MgeW91LlxuICA8L25nLWNvbnRhaW5lcj5cbjwvcD5cblxuPG1hdC1mb3JtLWZpZWxkPlxuICA8bWF0LWxhYmVsPkNvZGU8L21hdC1sYWJlbD5cbiAgPGlucHV0IHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgIG1hdElucHV0XG4gICAgICAgICBuYW1lPVwiY29kZVwiXG4gICAgICAgICBhdXRvY29tcGxldGU9XCJvbmUtdGltZS1jb2RlXCJcbiAgICAgICAgIFsobmdNb2RlbCldPVwiY29kZVwiXG4gICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjb2RlQ2hhbmdlZCgpXCJcbiAgICAgICAgIHJlcXVpcmVkXG4gICAgICAgICBwbGFjZWhvbGRlcj1cIkVudGVyIHRoZSBjb2RlXCJcbiAgICAgICAgIGlucHV0bW9kZT1cIm51bWVyaWNcIj5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=

package/esm2015/app/components/2fa-verification-form/2fa-verification-form.component.js

@@ -0,0 +1,69 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Inject, Input, Output, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil, tap } from 'rxjs/operators';
+import { FS_2FA_VERIFICATION_PROVIDER } from '../../tokens/verification.token';
+import * as i0 from "@angular/core";
+import * as i1 from "../2fa-verification-otp/2fa-verification-otp.component";
+import * as i2 from "../2fa-verification-code/2fa-verification-code.component";
+import * as i3 from "@angular/material/checkbox";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/progress-spinner";
+import * as i6 from "@angular/forms";
+import * as i7 from "@firestitch/form";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/material/form-field";
+export class Fs2FAVerificationFormComponent {
+    constructor(verificationProvider, _cdRef) {
+        this.verificationProvider = verificationProvider;
+        this._cdRef = _cdRef;
+        this.verified = new EventEmitter();
+        this.resendInProgress = false;
+        this.trustedDevice = false;
+        this._destroy$ = new Subject();
+        this.verify = () => {
+            return this.verificationProvider
+                .verify(this._code, this.trustedDevice)
+                .pipe(tap((response) => {
+                this.verified.emit(response);
+            }));
+        };
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    codeChanged(code) {
+        this._code = code;
+    }
+    resend() {
+        this.resendInProgress = true;
+        this.verificationProvider
+            .resend()
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this.resendInProgress = false;
+            this._cdRef.markForCheck();
+        });
+    }
+}
+Fs2FAVerificationFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationFormComponent, deps: [{ token: FS_2FA_VERIFICATION_PROVIDER }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+Fs2FAVerificationFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: Fs2FAVerificationFormComponent, selector: "fs-2fa-verification-form", inputs: { method: "method" }, outputs: { verified: "verified" }, ngImport: i0, template: "<form fsForm [submit]=\"verify\">\n  <h2>2-Step Verification</h2>\n\n  <div class=\"code-container\">\n    <ng-container *ngIf=\"method.type === 'authenticator' else code\">\n      <fs-2fa-verification-otp class=\"otp\"></fs-2fa-verification-otp>\n    </ng-container>\n\n    <ng-template #code>\n      <fs-2fa-verification-code\n        [method]=\"method\"\n        (codeChange)=\"codeChanged($event)\">\n      </fs-2fa-verification-code>\n    </ng-template>\n  </div>\n\n  <div class=\"additional\">\n    <mat-checkbox\n      name=\"trust-device\"\n      [(ngModel)]=\"trustedDevice\">\n      Trust this device\n    </mat-checkbox>\n\n    <span matSuffix>\n    <button mat-button\n            type=\"button\"\n            color=\"primary\"\n            (click)=\"resend()\"\n            [disabled]=\"resendInProgress\"\n            class=\"resend-code-btn\">\n      <ng-container *ngIf=\"!resendInProgress else sending\">\n        Resend Code\n      </ng-container>\n      <ng-template #sending>\n        <mat-spinner [diameter]=\"12\"></mat-spinner> Sending\n      </ng-template>\n    </button>\n  </span>\n  </div>\n\n  <div class=\"actions\">\n    <button mat-raised-button\n            color=\"primary\"\n            type=\"submit\">\n      Verify\n    </button>\n\n    <ng-content></ng-content>\n  </div>\n</form>\n", styles: ["h2,.code-container{text-align:center}.code-container .otp{margin-bottom:15px}:host ::ng-deep .actions{margin:10px 0}:host ::ng-deep .actions a{width:100%;font-weight:400}:host ::ng-deep .actions button{width:100%}:host ::ng-deep .actions button[type=button]{font-weight:400;text-transform:none}.additional{display:flex;justify-content:space-between;align-items:baseline;margin-top:-5px}.additional .resend-code-btn{text-transform:none}.additional .resend-code-btn mat-spinner{display:inline-block;vertical-align:middle}\n"], components: [{ type: i1.Fs2FAVerificationOTPComponent, selector: "fs-2fa-verification-otp", outputs: ["codeChange"] }, { type: i2.Fs2FAVerificationSMSComponent, selector: "fs-2fa-verification-code", inputs: ["method"], outputs: ["codeChange"] }, { type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4.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"] }, { type: i5.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "successDelay", "errorDelay", "submit", "tabGroup"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i9.MatSuffix, selector: "[matSuffix]" }, { type: i7.ɵw, selector: "button[type=\"submit\"]", inputs: ["dirtySubmit", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-2fa-verification-form',
+                    templateUrl: './2fa-verification-form.component.html',
+                    styleUrls: [
+                        './2fa-verification-form.component.scss',
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FS_2FA_VERIFICATION_PROVIDER]
+                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { method: [{
+                type: Input
+            }], verified: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMmZhLXZlcmlmaWNhdGlvbi1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLWZvcm0vMmZhLXZlcmlmaWNhdGlvbi1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLWZvcm0vMmZhLXZlcmlmaWNhdGlvbi1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR2hELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7Ozs7Ozs7OztBQVkvRSxNQUFNLE9BQU8sOEJBQThCO0lBY3pDLFlBRVMsb0JBQTZDLEVBQzVDLE1BQXlCO1FBRDFCLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBeUI7UUFDNUMsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFYNUIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFdkMscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBR3JCLGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBYWpDLFdBQU0sR0FBRyxHQUFHLEVBQUU7WUFDbkIsT0FBTyxJQUFJLENBQUMsb0JBQW9CO2lCQUM3QixNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDO2lCQUN0QyxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDL0IsQ0FBQyxDQUFDLENBQ0gsQ0FBQztRQUNOLENBQUMsQ0FBQztJQWZDLENBQUM7SUFFRyxXQUFXO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBWU0sV0FBVyxDQUFDLElBQVk7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztJQUVNLE1BQU07UUFDWCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO1FBRTdCLElBQUksQ0FBQyxvQkFBb0I7YUFDdEIsTUFBTSxFQUFFO2FBQ1IsSUFBSSxDQUNILFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQzFCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7WUFFOUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQTtJQUNOLENBQUM7OzRIQXBEVSw4QkFBOEIsa0JBZS9CLDRCQUE0QjtnSEFmM0IsOEJBQThCLGlJQzNCM0MsMnlDQWtEQTs0RkR2QmEsOEJBQThCO2tCQVIxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFdBQVcsRUFBRSx3Q0FBd0M7b0JBQ3JELFNBQVMsRUFBRTt3QkFDVCx3Q0FBd0M7cUJBQ3pDO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs7MEJBZ0JJLE1BQU07MkJBQUMsNEJBQTRCOzRFQVovQixNQUFNO3NCQURaLEtBQUs7Z0JBSUMsUUFBUTtzQkFEZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbnB1dCwgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCwgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBJRnNWZXJpZmljYXRpb25NZXRob2QgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3ZlcmlmaWNhdGlvbi1tZXRob2QuaW50ZXJmYWNlJztcbmltcG9ydCB7IEZTXzJGQV9WRVJJRklDQVRJT05fUFJPVklERVIgfSBmcm9tICcuLi8uLi90b2tlbnMvdmVyaWZpY2F0aW9uLnRva2VuJztcbmltcG9ydCB7IElGc1ZlcmlmaWNhdGlvblByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy92ZXJpZmljYXRpb24tcHJvdmlkZXIuaW50ZXJmYWNlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy0yZmEtdmVyaWZpY2F0aW9uLWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vMmZhLXZlcmlmaWNhdGlvbi1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4vMmZhLXZlcmlmaWNhdGlvbi1mb3JtLmNvbXBvbmVudC5zY3NzJyxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZzMkZBVmVyaWZpY2F0aW9uRm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG1ldGhvZDogSUZzVmVyaWZpY2F0aW9uTWV0aG9kO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgdmVyaWZpZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHVua25vd24+KCk7XG5cbiAgcHVibGljIHJlc2VuZEluUHJvZ3Jlc3MgPSBmYWxzZTtcbiAgcHVibGljIHRydXN0ZWREZXZpY2UgPSBmYWxzZTtcblxuICBwcml2YXRlIF9jb2RlOiBzdHJpbmc7XG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KEZTXzJGQV9WRVJJRklDQVRJT05fUFJPVklERVIpXG4gICAgcHVibGljIHZlcmlmaWNhdGlvblByb3ZpZGVyOiBJRnNWZXJpZmljYXRpb25Qcm92aWRlcixcbiAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge31cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fZGVzdHJveSQubmV4dCgpO1xuICAgIHRoaXMuX2Rlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwdWJsaWMgdmVyaWZ5ID0gKCkgPT4ge1xuICAgIHJldHVybiB0aGlzLnZlcmlmaWNhdGlvblByb3ZpZGVyXG4gICAgICAudmVyaWZ5KHRoaXMuX2NvZGUsIHRoaXMudHJ1c3RlZERldmljZSlcbiAgICAgIC5waXBlKFxuICAgICAgICB0YXAoKHJlc3BvbnNlKSA9PiB7XG4gICAgICAgICAgdGhpcy52ZXJpZmllZC5lbWl0KHJlc3BvbnNlKTtcbiAgICAgICAgfSksXG4gICAgICApO1xuICB9O1xuXG4gIHB1YmxpYyBjb2RlQ2hhbmdlZChjb2RlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLl9jb2RlID0gY29kZTtcbiAgfVxuXG4gIHB1YmxpYyByZXNlbmQoKTogdm9pZCB7XG4gICAgdGhpcy5yZXNlbmRJblByb2dyZXNzID0gdHJ1ZTtcblxuICAgIHRoaXMudmVyaWZpY2F0aW9uUHJvdmlkZXJcbiAgICAgIC5yZXNlbmQoKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95JCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5yZXNlbmRJblByb2dyZXNzID0gZmFsc2U7XG5cbiAgICAgICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KVxuICB9XG5cbn1cbiIsIjxmb3JtIGZzRm9ybSBbc3VibWl0XT1cInZlcmlmeVwiPlxuICA8aDI+Mi1TdGVwIFZlcmlmaWNhdGlvbjwvaDI+XG5cbiAgPGRpdiBjbGFzcz1cImNvZGUtY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1ldGhvZC50eXBlID09PSAnYXV0aGVudGljYXRvcicgZWxzZSBjb2RlXCI+XG4gICAgICA8ZnMtMmZhLXZlcmlmaWNhdGlvbi1vdHAgY2xhc3M9XCJvdHBcIj48L2ZzLTJmYS12ZXJpZmljYXRpb24tb3RwPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLXRlbXBsYXRlICNjb2RlPlxuICAgICAgPGZzLTJmYS12ZXJpZmljYXRpb24tY29kZVxuICAgICAgICBbbWV0aG9kXT1cIm1ldGhvZFwiXG4gICAgICAgIChjb2RlQ2hhbmdlKT1cImNvZGVDaGFuZ2VkKCRldmVudClcIj5cbiAgICAgIDwvZnMtMmZhLXZlcmlmaWNhdGlvbi1jb2RlPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJhZGRpdGlvbmFsXCI+XG4gICAgPG1hdC1jaGVja2JveFxuICAgICAgbmFtZT1cInRydXN0LWRldmljZVwiXG4gICAgICBbKG5nTW9kZWwpXT1cInRydXN0ZWREZXZpY2VcIj5cbiAgICAgIFRydXN0IHRoaXMgZGV2aWNlXG4gICAgPC9tYXQtY2hlY2tib3g+XG5cbiAgICA8c3BhbiBtYXRTdWZmaXg+XG4gICAgPGJ1dHRvbiBtYXQtYnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAoY2xpY2spPVwicmVzZW5kKClcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cInJlc2VuZEluUHJvZ3Jlc3NcIlxuICAgICAgICAgICAgY2xhc3M9XCJyZXNlbmQtY29kZS1idG5cIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhcmVzZW5kSW5Qcm9ncmVzcyBlbHNlIHNlbmRpbmdcIj5cbiAgICAgICAgUmVzZW5kIENvZGVcbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLXRlbXBsYXRlICNzZW5kaW5nPlxuICAgICAgICA8bWF0LXNwaW5uZXIgW2RpYW1ldGVyXT1cIjEyXCI+PC9tYXQtc3Bpbm5lcj4gU2VuZGluZ1xuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2J1dHRvbj5cbiAgPC9zcGFuPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b25cbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICB0eXBlPVwic3VibWl0XCI+XG4gICAgICBWZXJpZnlcbiAgICA8L2J1dHRvbj5cblxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Zvcm0+XG4iXX0=

package/esm2015/app/components/2fa-verification-methods/2fa-verification-methods.component.js

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Output, } from '@angular/core';
+import { map, shareReplay, tap } from 'rxjs/operators';
+import { FS_2FA_VERIFICATION_PROVIDER } from '../../tokens/verification.token';
+import { FsVerificationMethodType } from '../../enums/verification-method-type.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@firestitch/radiogroup";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/radio";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/forms";
+import * as i6 from "@firestitch/form";
+import * as i7 from "@firestitch/skeleton";
+import * as i8 from "@angular/common";
+export class Fs2FaVerificationMethodsComponent {
+    constructor(_verificationProvider) {
+        this._verificationProvider = _verificationProvider;
+        this.methodChange = new EventEmitter();
+        this.cancelled = new EventEmitter();
+        this.verificationMethodType = FsVerificationMethodType;
+        this.setVerificationMethod = () => {
+            return this._verificationProvider
+                .updateVerificationMethod(this.method.id)
+                .pipe(tap((method) => {
+                this.methodChange.emit(method);
+            }));
+        };
+        this._initMethods();
+    }
+    ngOnInit() {
+    }
+    compareWith(o1, o2) {
+        return o1 && o2 && o1.id === o2.id;
+    }
+    cancel() {
+        this.cancelled.emit();
+    }
+    _initMethods() {
+        this.methods$ = this._verificationProvider
+            .methods()
+            .pipe(map((methods) => {
+            return methods
+                .reduce((acc, method) => {
+                if (!acc[method.type]) {
+                    acc[method.type] = [];
+                }
+                acc[method.type].push(method);
+                return acc;
+            }, {});
+        }), shareReplay(1));
+    }
+}
+Fs2FaVerificationMethodsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaVerificationMethodsComponent, deps: [{ token: FS_2FA_VERIFICATION_PROVIDER }], target: i0.ɵɵFactoryTarget.Component });
+Fs2FaVerificationMethodsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: Fs2FaVerificationMethodsComponent, selector: "fs-2fa-verification-methods", inputs: { method: "method" }, outputs: { methodChange: "methodChange", cancelled: "cancelled" }, ngImport: i0, template: "<h2>\n  Verification Methods\n</h2>\n<form fsForm [submit]=\"setVerificationMethod\">\n  <ng-container *fsSkeleton=\"methods$ | async as methods\">\n    <fs-radio-group [(ngModel)]=\"method\" name=\"method\" [compareWith]=\"compareWith\">\n      <ng-container *ngFor=\"let methodMap of methods | keyvalue\">\n        <div class=\"method\">\n          <ng-container [ngSwitch]=\"methodMap.key\">\n            <ng-container *ngSwitchCase=\"verificationMethodType.Sms\">\n              <div class=\"method-header\">\n                <div class=\"method-icon\">\n                  <mat-icon>\n                    smartphone\n                  </mat-icon>\n                </div>\n                <div class=\"method-name\">\n                  <div class=\"method-title\">Text Message</div>\n                  <div class=\"method-subtitle\">\n                    Verification code send to one of following mobile number\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"verificationMethodType.Email\">\n              <div class=\"method-header\">\n                <div class=\"method-icon\">\n                  <mat-icon>\n                    mail\n                  </mat-icon>\n                </div>\n                <div class=\"method-name\">\n                  <div class=\"method-title\">Email</div>\n                  <div class=\"method-subtitle\">\n                    Verification code send to one of following email\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </ng-container>\n\n          <ng-container [ngSwitch]=\"methodMap.key\">\n            <ng-container *ngSwitchCase=\"verificationMethodType.Sms\">\n              <mat-radio-button class=\"method-item\" *ngFor=\"let method of methodMap.value\" [value]=\"method\">\n                + {{ method.phoneCode }} {{ method.phoneNumber }}\n              </mat-radio-button>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"verificationMethodType.Email\">\n              <mat-radio-button class=\"method-item\" *ngFor=\"let method of methodMap.value\" [value]=\"method\">\n                {{ method.email }}\n              </mat-radio-button>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </fs-radio-group>\n  </ng-container>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"methods$ | async\">\n      <button mat-button type=\"submit\" color=\"primary\">Next</button>\n    </ng-container>\n    <button mat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n  </div>\n</form>\n", styles: [".method{display:block;margin-bottom:20px}.method .method-header{display:flex;align-items:flex-start}.method .method-header .method-name{margin-left:10px}.method .method-header .method-name .method-title{font-size:14px;font-weight:400}.method .method-header .method-name .method-subtitle{font-size:12px;color:#a3a3a3}.method .method-item{display:block;margin:10px 0 0 35px}\n"], components: [{ type: i1.FsRadioGroupComponent, selector: "fs-radio-group", inputs: ["orientation", "radioPosition", "compareWith", "required", "disabled", "label", "name"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.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: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "successDelay", "errorDelay", "submit", "tabGroup"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"] }, { type: i7.ɵa, selector: "[fsSkeleton]", inputs: ["fsSkeletonPattern", "fsSkeleton"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ɵw, selector: "button[type=\"submit\"]", inputs: ["dirtySubmit", "name"] }], pipes: { "async": i8.AsyncPipe, "keyvalue": i8.KeyValuePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaVerificationMethodsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-2fa-verification-methods',
+                    templateUrl: './2fa-verification-methods.component.html',
+                    styleUrls: [
+                        './2fa-verification-methods.component.scss',
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FS_2FA_VERIFICATION_PROVIDER]
+                }] }]; }, propDecorators: { method: [{
+                type: Input
+            }], methodChange: [{
+                type: Output
+            }], cancelled: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMmZhLXZlcmlmaWNhdGlvbi1tZXRob2RzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLW1ldGhvZHMvMmZhLXZlcmlmaWNhdGlvbi1tZXRob2RzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLW1ldGhvZHMvMmZhLXZlcmlmaWNhdGlvbi1tZXRob2RzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7Ozs7Ozs7OztBQWFyRixNQUFNLE9BQU8saUNBQWlDO0lBZ0I1QyxZQUVVLHFCQUE4QztRQUE5QywwQkFBcUIsR0FBckIscUJBQXFCLENBQXlCO1FBWmpELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQXlCLENBQUM7UUFHekQsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFLNUIsMkJBQXNCLEdBQUcsd0JBQXdCLENBQUM7UUFvQjNELDBCQUFxQixHQUFHLEdBQUcsRUFBRTtZQUNsQyxPQUFPLElBQUksQ0FBQyxxQkFBcUI7aUJBQzlCLHdCQUF3QixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO2lCQUN4QyxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsTUFBNkIsRUFBRSxFQUFFO2dCQUNwQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNqQyxDQUFDLENBQUMsQ0FDSCxDQUFDO1FBQ04sQ0FBQyxDQUFDO1FBdEJBLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0sUUFBUTtJQUNmLENBQUM7SUFFTSxXQUFXLENBQUMsRUFBRSxFQUFFLEVBQUU7UUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsQ0FBQTtJQUNwQyxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQVlPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMscUJBQXFCO2FBQ3ZDLE9BQU8sRUFBRTthQUNULElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtZQUNkLE9BQU8sT0FBTztpQkFDWCxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsTUFBTSxFQUFFLEVBQUU7Z0JBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUNyQixHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztpQkFDdkI7Z0JBRUQsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBRTlCLE9BQU8sR0FBRyxDQUFDO1lBQ2IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ1gsQ0FBQyxDQUFDLEVBQ0YsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFDTixDQUFDOzsrSEE5RFUsaUNBQWlDLGtCQWlCbEMsNEJBQTRCO21IQWpCM0IsaUNBQWlDLG9LQzNCOUMsdW9GQW1FQTs0RkR4Q2EsaUNBQWlDO2tCQVI3QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLFdBQVcsRUFBRSwyQ0FBMkM7b0JBQ3hELFNBQVMsRUFBRTt3QkFDVCwyQ0FBMkM7cUJBQzVDO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs7MEJBa0JJLE1BQU07MkJBQUMsNEJBQTRCOzRDQWQvQixNQUFNO3NCQURaLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsTUFBTTtnQkFJQSxTQUFTO3NCQURmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwLCBzaGFyZVJlcGxheSwgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBGU18yRkFfVkVSSUZJQ0FUSU9OX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vdG9rZW5zL3ZlcmlmaWNhdGlvbi50b2tlbic7XG5pbXBvcnQgeyBGc1ZlcmlmaWNhdGlvbk1ldGhvZFR5cGUgfSBmcm9tICcuLi8uLi9lbnVtcy92ZXJpZmljYXRpb24tbWV0aG9kLXR5cGUuZW51bSc7XG5pbXBvcnQgeyBJRnNWZXJpZmljYXRpb25Qcm92aWRlciB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvdmVyaWZpY2F0aW9uLXByb3ZpZGVyLmludGVyZmFjZSc7XG5pbXBvcnQgeyBJRnNWZXJpZmljYXRpb25NZXRob2QgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3ZlcmlmaWNhdGlvbi1tZXRob2QuaW50ZXJmYWNlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy0yZmEtdmVyaWZpY2F0aW9uLW1ldGhvZHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vMmZhLXZlcmlmaWNhdGlvbi1tZXRob2RzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4vMmZhLXZlcmlmaWNhdGlvbi1tZXRob2RzLmNvbXBvbmVudC5zY3NzJyxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZzMkZhVmVyaWZpY2F0aW9uTWV0aG9kc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG1ldGhvZDogSUZzVmVyaWZpY2F0aW9uTWV0aG9kO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgbWV0aG9kQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxJRnNWZXJpZmljYXRpb25NZXRob2Q+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBjYW5jZWxsZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcHVibGljIHBob25lOiBzdHJpbmc7XG4gIHB1YmxpYyBjb2RlOiBzdHJpbmc7XG4gIHB1YmxpYyBtZXRob2RzJDogT2JzZXJ2YWJsZTxSZWNvcmQ8c3RyaW5nLCBJRnNWZXJpZmljYXRpb25NZXRob2RbXT4+O1xuICBwdWJsaWMgcmVhZG9ubHkgdmVyaWZpY2F0aW9uTWV0aG9kVHlwZSA9IEZzVmVyaWZpY2F0aW9uTWV0aG9kVHlwZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KEZTXzJGQV9WRVJJRklDQVRJT05fUFJPVklERVIpXG4gICAgcHJpdmF0ZSBfdmVyaWZpY2F0aW9uUHJvdmlkZXI6IElGc1ZlcmlmaWNhdGlvblByb3ZpZGVyLFxuICApIHtcbiAgICB0aGlzLl9pbml0TWV0aG9kcygpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHVibGljIGNvbXBhcmVXaXRoKG8xLCBvMikge1xuICAgIHJldHVybiBvMSAmJiBvMiAmJiBvMS5pZCA9PT0gbzIuaWRcbiAgfVxuXG4gIHB1YmxpYyBjYW5jZWwoKTogdm9pZCB7XG4gICAgdGhpcy5jYW5jZWxsZWQuZW1pdCgpO1xuICB9XG5cbiAgcHVibGljIHNldFZlcmlmaWNhdGlvbk1ldGhvZCA9ICgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5fdmVyaWZpY2F0aW9uUHJvdmlkZXJcbiAgICAgIC51cGRhdGVWZXJpZmljYXRpb25NZXRob2QodGhpcy5tZXRob2QuaWQpXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChtZXRob2Q6IElGc1ZlcmlmaWNhdGlvbk1ldGhvZCkgPT4ge1xuICAgICAgICAgIHRoaXMubWV0aG9kQ2hhbmdlLmVtaXQobWV0aG9kKTtcbiAgICAgICAgfSlcbiAgICAgICk7XG4gIH07XG5cbiAgcHJpdmF0ZSBfaW5pdE1ldGhvZHMoKTogdm9pZCB7XG4gICAgdGhpcy5tZXRob2RzJCA9IHRoaXMuX3ZlcmlmaWNhdGlvblByb3ZpZGVyXG4gICAgICAubWV0aG9kcygpXG4gICAgICAucGlwZShcbiAgICAgICAgbWFwKChtZXRob2RzKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIG1ldGhvZHNcbiAgICAgICAgICAgIC5yZWR1Y2UoKGFjYywgbWV0aG9kKSA9PiB7XG4gICAgICAgICAgICAgIGlmICghYWNjW21ldGhvZC50eXBlXSkge1xuICAgICAgICAgICAgICAgIGFjY1ttZXRob2QudHlwZV0gPSBbXTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIGFjY1ttZXRob2QudHlwZV0ucHVzaChtZXRob2QpO1xuXG4gICAgICAgICAgICAgIHJldHVybiBhY2M7XG4gICAgICAgICAgICB9LCB7fSk7XG4gICAgICAgIH0pLFxuICAgICAgICBzaGFyZVJlcGxheSgxKSxcbiAgICAgICk7XG4gIH1cbn1cbiIsIjxoMj5cbiAgVmVyaWZpY2F0aW9uIE1ldGhvZHNcbjwvaDI+XG48Zm9ybSBmc0Zvcm0gW3N1Ym1pdF09XCJzZXRWZXJpZmljYXRpb25NZXRob2RcIj5cbiAgPG5nLWNvbnRhaW5lciAqZnNTa2VsZXRvbj1cIm1ldGhvZHMkIHwgYXN5bmMgYXMgbWV0aG9kc1wiPlxuICAgIDxmcy1yYWRpby1ncm91cCBbKG5nTW9kZWwpXT1cIm1ldGhvZFwiIG5hbWU9XCJtZXRob2RcIiBbY29tcGFyZVdpdGhdPVwiY29tcGFyZVdpdGhcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG1ldGhvZE1hcCBvZiBtZXRob2RzIHwga2V5dmFsdWVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1ldGhvZFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cIm1ldGhvZE1hcC5rZXlcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cInZlcmlmaWNhdGlvbk1ldGhvZFR5cGUuU21zXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZXRob2QtaGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1ldGhvZC1pY29uXCI+XG4gICAgICAgICAgICAgICAgICA8bWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIHNtYXJ0cGhvbmVcbiAgICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1ldGhvZC1uYW1lXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWV0aG9kLXRpdGxlXCI+VGV4dCBNZXNzYWdlPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWV0aG9kLXN1YnRpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgIFZlcmlmaWNhdGlvbiBjb2RlIHNlbmQgdG8gb25lIG9mIGZvbGxvd2luZyBtb2JpbGUgbnVtYmVyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwidmVyaWZpY2F0aW9uTWV0aG9kVHlwZS5FbWFpbFwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWV0aG9kLWhlYWRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZXRob2QtaWNvblwiPlxuICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICBtYWlsXG4gICAgICAgICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZXRob2QtbmFtZVwiPlxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1ldGhvZC10aXRsZVwiPkVtYWlsPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWV0aG9kLXN1YnRpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgIFZlcmlmaWNhdGlvbiBjb2RlIHNlbmQgdG8gb25lIG9mIGZvbGxvd2luZyBlbWFpbFxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJtZXRob2RNYXAua2V5XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJ2ZXJpZmljYXRpb25NZXRob2RUeXBlLlNtc1wiPlxuICAgICAgICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBjbGFzcz1cIm1ldGhvZC1pdGVtXCIgKm5nRm9yPVwibGV0IG1ldGhvZCBvZiBtZXRob2RNYXAudmFsdWVcIiBbdmFsdWVdPVwibWV0aG9kXCI+XG4gICAgICAgICAgICAgICAgKyB7eyBtZXRob2QucGhvbmVDb2RlIH19IHt7IG1ldGhvZC5waG9uZU51bWJlciB9fVxuICAgICAgICAgICAgICA8L21hdC1yYWRpby1idXR0b24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwidmVyaWZpY2F0aW9uTWV0aG9kVHlwZS5FbWFpbFwiPlxuICAgICAgICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBjbGFzcz1cIm1ldGhvZC1pdGVtXCIgKm5nRm9yPVwibGV0IG1ldGhvZCBvZiBtZXRob2RNYXAudmFsdWVcIiBbdmFsdWVdPVwibWV0aG9kXCI+XG4gICAgICAgICAgICAgICAge3sgbWV0aG9kLmVtYWlsIH19XG4gICAgICAgICAgICAgIDwvbWF0LXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZnMtcmFkaW8tZ3JvdXA+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1ldGhvZHMkIHwgYXN5bmNcIj5cbiAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiB0eXBlPVwic3VibWl0XCIgY29sb3I9XCJwcmltYXJ5XCI+TmV4dDwvYnV0dG9uPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxidXR0b24gbWF0LWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImNhbmNlbCgpXCI+Q2FuY2VsPC9idXR0b24+XG4gIDwvZGl2PlxuPC9mb3JtPlxuIl19

package/esm2015/app/components/2fa-verification-otp/2fa-verification-otp.component.js

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, } from '@angular/core';
+import { FsFormDirective } from '@firestitch/form';
+import * as i0 from "@angular/core";
+import * as i1 from "@firestitch/form";
+export class Fs2FAVerificationOTPComponent {
+    constructor(form) {
+        this.form = form;
+        this.codeChange = new EventEmitter();
+    }
+    codeChanged(event) {
+        this.codeChange.emit(event);
+        this.form.dirty();
+    }
+    codeCompleted() {
+        this.form.triggerSubmit();
+    }
+}
+Fs2FAVerificationOTPComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationOTPComponent, deps: [{ token: i1.FsFormDirective }], target: i0.ɵɵFactoryTarget.Component });
+Fs2FAVerificationOTPComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: Fs2FAVerificationOTPComponent, selector: "fs-2fa-verification-otp", outputs: { codeChange: "codeChange" }, ngImport: i0, template: "<p class=\"description\">\n  Enter the verification code generated by your 2 factor authenticator\n  app to verify it's you\n</p>\n\n<!--\n<code-input [initialFocusField]=\"0\"\n            [codeLength]=\"6\"\n            (codeChanged)=\"codeChanged($event)\"\n            (codeCompleted)=\"codeCompleted()\">>\n</code-input>\n-->\n", styles: [":host{display:block}code-input{--item-spacing: 10px;--item-height: 20px;--item-border: none;--item-border-bottom: 2px solid #949494;--item-border-has-value: none;--item-border-bottom-has-value: 2px solid #949494;--item-border-focused: none;--item-border-bottom-focused: 2px solid #0061AF;--item-shadow-focused: none;--item-border-radius: 0px}code-input ::ng-deep span:first-child{padding-left:0!important}code-input ::ng-deep span:last-child{padding-right:0!important}code-input ::ng-deep input{font-size:20px!important;height:40px!important;padding:0!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FAVerificationOTPComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-2fa-verification-otp',
+                    templateUrl: './2fa-verification-otp.component.html',
+                    styleUrls: [
+                        './2fa-verification-otp.component.scss'
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FsFormDirective }]; }, propDecorators: { codeChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMmZhLXZlcmlmaWNhdGlvbi1vdHAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzLzJmYS12ZXJpZmljYXRpb24tb3RwLzJmYS12ZXJpZmljYXRpb24tb3RwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uLW90cC8yZmEtdmVyaWZpY2F0aW9uLW90cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBV25ELE1BQU0sT0FBTyw2QkFBNkI7SUFLeEMsWUFDUyxJQUFxQjtRQUFyQixTQUFJLEdBQUosSUFBSSxDQUFpQjtRQUh2QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUk1QyxDQUFDO0lBRUcsV0FBVyxDQUFDLEtBQWE7UUFDOUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRU0sYUFBYTtRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzVCLENBQUM7OzJIQWhCVSw2QkFBNkI7K0dBQTdCLDZCQUE2QixzR0NsQjFDLDhVQVlBOzRGRE1hLDZCQUE2QjtrQkFSekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxXQUFXLEVBQUUsdUNBQXVDO29CQUNwRCxTQUFTLEVBQUU7d0JBQ1QsdUNBQXVDO3FCQUN4QztvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7c0dBSVEsVUFBVTtzQkFEaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRnNGb3JtRGlyZWN0aXZlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZm9ybSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnMtMmZhLXZlcmlmaWNhdGlvbi1vdHAnLFxuICB0ZW1wbGF0ZVVybDogJy4vMmZhLXZlcmlmaWNhdGlvbi1vdHAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtcbiAgICAnLi8yZmEtdmVyaWZpY2F0aW9uLW90cC5jb21wb25lbnQuc2NzcydcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZzMkZBVmVyaWZpY2F0aW9uT1RQQ29tcG9uZW50IHtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGNvZGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZm9ybTogRnNGb3JtRGlyZWN0aXZlLFxuICApIHt9XG5cbiAgcHVibGljIGNvZGVDaGFuZ2VkKGV2ZW50OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmNvZGVDaGFuZ2UuZW1pdChldmVudCk7XG4gICAgdGhpcy5mb3JtLmRpcnR5KCk7XG4gIH1cblxuICBwdWJsaWMgY29kZUNvbXBsZXRlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm0udHJpZ2dlclN1Ym1pdCgpO1xuICB9XG59XG4iLCI8cCBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gIEVudGVyIHRoZSB2ZXJpZmljYXRpb24gY29kZSBnZW5lcmF0ZWQgYnkgeW91ciAyIGZhY3RvciBhdXRoZW50aWNhdG9yXG4gIGFwcCB0byB2ZXJpZnkgaXQncyB5b3VcbjwvcD5cblxuPCEtLVxuPGNvZGUtaW5wdXQgW2luaXRpYWxGb2N1c0ZpZWxkXT1cIjBcIlxuICAgICAgICAgICAgW2NvZGVMZW5ndGhdPVwiNlwiXG4gICAgICAgICAgICAoY29kZUNoYW5nZWQpPVwiY29kZUNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAoY29kZUNvbXBsZXRlZCk9XCJjb2RlQ29tcGxldGVkKClcIj4+XG48L2NvZGUtaW5wdXQ+XG4tLT5cbiJdfQ==

package/esm2015/app/enums/verification-method-type.enum.js

@@ -0,0 +1,8 @@
+export var FsVerificationMethodType;
+(function (FsVerificationMethodType) {
+    FsVerificationMethodType["Sms"] = "sms";
+    FsVerificationMethodType["Email"] = "email";
+    FsVerificationMethodType["Authenticator"] = "authenticator";
+    FsVerificationMethodType["Code"] = "code";
+})(FsVerificationMethodType || (FsVerificationMethodType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZpY2F0aW9uLW1ldGhvZC10eXBlLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwL2VudW1zL3ZlcmlmaWNhdGlvbi1tZXRob2QtdHlwZS5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHdCQUtYO0FBTEQsV0FBWSx3QkFBd0I7SUFDbEMsdUNBQVcsQ0FBQTtJQUNYLDJDQUFlLENBQUE7SUFDZiwyREFBK0IsQ0FBQTtJQUMvQix5Q0FBYSxDQUFBO0FBQ2YsQ0FBQyxFQUxXLHdCQUF3QixLQUF4Qix3QkFBd0IsUUFLbkMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBGc1ZlcmlmaWNhdGlvbk1ldGhvZFR5cGUge1xuICBTbXMgPSAnc21zJyxcbiAgRW1haWwgPSAnZW1haWwnLFxuICBBdXRoZW50aWNhdG9yID0gJ2F1dGhlbnRpY2F0b3InLFxuICBDb2RlID0gJ2NvZGUnLFxufVxuIl19