@firestitch/2fa 12.0.6 → 12.0.7

package/fesm2015/firestitch-2fa.js.map

@@ -1 +1 @@
-{"version":3,"file":"firestitch-2fa.js","sources":["../../src/app/tokens/verification.token.ts","../../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-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/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","export enum FsVerificationMethodType {\n  Sms = 'sms',\n  Email = 'email',\n  Authenticator = 'authenticator',\n  Code = 'code',\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Inject,\n} from '@angular/core';\n\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\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  templateUrl: './2fa-verification-methods.component.html',\n  styleUrls: [\n    './2fa-verification-methods.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Fs2FaVerificationMethodsComponent {\n\n  public method: IFsVerificationMethod;\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    @Inject(MAT_DIALOG_DATA)\n    private _dialogData: any,\n    private _dialogRef: MatDialogRef<Fs2FaVerificationMethodsComponent>,\n  ) {\n    this._setActiveMethod();\n    this._initMethods();\n  }\n\n  public compareWith(o1, o2) {\n    return o1 && o2 && o1.id === o2.id\n  }\n\n  public setVerificationMethod = () => {\n    return this._verificationProvider\n      .updateVerificationMethod(this.method.id)\n      .pipe(\n        tap((method: IFsVerificationMethod) => {\n          this._dialogRef.close(method);\n        })\n      );\n  };\n\n  private _setActiveMethod(): void {\n    this.method = this._dialogData?.method;\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","<fs-dialog>\n  <h1 mat-dialog-title>\n    Verification Methods\n  </h1>\n  <form fsForm [submit]=\"setVerificationMethod\" [dirtySubmitButton]=\"false\">\n    <mat-dialog-content>\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.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    </mat-dialog-content>\n    <mat-dialog-actions>\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\" [mat-dialog-close]=\"null\">Cancel</button>\n      </div>\n    </mat-dialog-actions>\n  </form>\n</fs-dialog>\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.phoneNumber && method.type === 'sms'\">\n    A text message with a verification code was just\n    sent to <span style=\"white-space: nowrap;\">{{ 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,\n  OnDestroy,\n  Output,\n} from '@angular/core';\n\nimport { FsDialog } from '@firestitch/dialog';\n\nimport { filter, takeUntil, tap } from 'rxjs/operators';\n\nimport { IFsVerificationMethod } from '../../interfaces/verification-method.interface';\nimport { Fs2FaVerificationMethodsComponent } from '../2fa-verification-methods/2fa-verification-methods.component';\nimport { Subject } from 'rxjs';\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',\n  templateUrl: './2fa-verification.component.html',\n  styleUrls: [\n    './2fa-verification.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Fs2FAVerificationComponent implements OnDestroy {\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\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    private _dialog: FsDialog,\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  public showVerificationMethods(): void {\n    this._dialog.open(\n      Fs2FaVerificationMethodsComponent,\n      {\n        data: {\n          method: this.method,\n        }\n      }\n    )\n      .afterClosed()\n      .pipe(\n        filter((method) => !!method),\n      )\n      .subscribe((method) => {\n        this.method = method;\n\n        this._cdRef.markForCheck();\n      });\n  }\n\n  public toSignIn(): void {\n    this.backToSignIn.emit();\n  }\n\n}\n","<form fsForm [submit]=\"verify\" [dirtySubmitButton]=\"false\">\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 class=\"resend-code-btn\">\n      <ng-container *ngIf=\"!resendInProgress else sending\">\n        <a (click)=\"resend()\">\n          Resend Code\n        </a>\n      </ng-container>\n      <ng-template #sending>\n        <mat-spinner [diameter]=\"12\"></mat-spinner> Sending\n      </ng-template>\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    <button mat-button type=\"button\" (click)=\"showVerificationMethods()\">\n      Try other ways to verify\n    </button>\n\n    <button mat-button type=\"button\" (click)=\"toSignIn()\">\n      Back to signin\n    </button>\n  </div>\n</form>\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';\nimport { FsDialogModule } from '@firestitch/dialog';\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 { 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    FsRadioGroupModule,\n    FsDialogModule,\n\n    // CodeInputModule,\n    MatCheckboxModule,\n    MatProgressSpinnerModule,\n    FsSkeletonModule,\n    FsSkeletonModule,\n    MatIconModule,\n    MatRadioModule,\n  ],\n  declarations: [\n    Fs2FAVerificationComponent,\n\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":[],"mappings":"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"}
+{"version":3,"file":"firestitch-2fa.js","sources":["../../src/app/tokens/verification.token.ts","../../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-code/2fa-verification-code.component.ts","../../src/app/components/2fa-verification-code/2fa-verification-code.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","export enum FsVerificationMethodType {\n  Sms = 'sms',\n  Email = 'email',\n  App = 'app',\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Inject,\n} from '@angular/core';\n\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\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  templateUrl: './2fa-verification-methods.component.html',\n  styleUrls: [\n    './2fa-verification-methods.component.scss',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Fs2FaVerificationMethodsComponent {\n\n  public method: IFsVerificationMethod;\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    @Inject(MAT_DIALOG_DATA)\n    private _dialogData: any,\n    private _dialogRef: MatDialogRef<Fs2FaVerificationMethodsComponent>,\n  ) {\n    this._setActiveMethod();\n    this._initMethods();\n  }\n\n  public compareWith(o1, o2) {\n    return o1 && o2 && o1.id === o2.id\n  }\n\n  public setVerificationMethod = () => {\n    return this._verificationProvider\n      .updateVerificationMethod(this.method.id)\n      .pipe(\n        tap((method: IFsVerificationMethod) => {\n          this._dialogRef.close(method);\n        })\n      );\n  };\n\n  private _setActiveMethod(): void {\n    this.method = this._dialogData?.method;\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","<fs-dialog>\n  <h1 mat-dialog-title>\n    Verification Methods\n  </h1>\n  <form fsForm [submit]=\"setVerificationMethod\" [dirtySubmitButton]=\"false\">\n    <mat-dialog-content>\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                        textsms\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\n                <ng-container *ngSwitchCase=\"verificationMethodType.App\">\n                  <div class=\"method-header\">\n                    <div class=\"method-icon\">\n                      <mat-icon>\n                        phone_iphone\n                      </mat-icon>\n                    </div>\n                    <div class=\"method-name\">\n                      <div class=\"method-title\">Authenticator App</div>\n                      <div class=\"method-subtitle\">\n                        Verification code generated by an authenticator app\n                      </div>\n                    </div>\n                  </div>\n                </ng-container>                \n              </ng-container>\n\n              <mat-radio-button class=\"method-item\" *ngFor=\"let method of methodMap.value\" [value]=\"method\">\n                <ng-container [ngSwitch]=\"methodMap.key\">\n                  <ng-container *ngSwitchCase=\"verificationMethodType.Sms\">\n                    {{ method.phoneNumber }}\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"verificationMethodType.Email\">\n                    {{ method.email }}\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"verificationMethodType.App\">\n                    Authenticator App\n                  </ng-container>                      \n                </ng-container>\n              </mat-radio-button>\n            </div>\n          </ng-container>\n        </fs-radio-group>\n      </ng-container>\n    </mat-dialog-content>\n    <mat-dialog-actions>\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\" [mat-dialog-close]=\"null\">Cancel</button>\n      </div>\n    </mat-dialog-actions>\n  </form>\n</fs-dialog>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { ControlContainer, NgForm } from '@angular/forms';\nimport { MatInput } from '@angular/material/input';\nimport { CodeInputComponent } from 'angular-code-input';\nimport { FsVerificationMethodType } from '../../enums/verification-method-type.enum';\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 Fs2FAVerificationCodeComponent {\n\n  @ViewChild(CodeInputComponent)\n  public codeInputComponent: CodeInputComponent;\n\n  @Input()\n  public method: IFsVerificationMethod;\n\n  @Input()\n  public code;\n\n  @Output()\n  public codeChange = new EventEmitter<string>();\n\n  @Output()\n  public codeComplete = new EventEmitter<void>();\n\n  public FsVerificationMethodType = FsVerificationMethodType;\n\n  public codeChanged(code): void {\n    this.code = code;\n    this.codeChange.emit(this.code);\n  }\n\n  public codeCompleted(): void {\n    this.codeComplete.emit();\n  }\n\n  public focus(): void {\n    this.codeInputComponent.focusOnField(0);\n  }\n\n}\n","<ng-container *ngIf=\"method.phoneNumber && method.type === FsVerificationMethodType.Sms\">\n  <p class=\"description\">\n    A text message with a verification code was just\n    sent to <span style=\"white-space: nowrap;\">{{ method.phoneNumber }}</span> to verify it's you.\n  </p>\n\n  <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"method.type === FsVerificationMethodType.Email\">\n  <p class=\"description\">\n    A email with a verification code was just sent to {{ method.email }} to verify it's you.\n  </p>\n  <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"method.type === FsVerificationMethodType.App\">\n  <p class=\"description\">\n    Enter the verification code generated by your 2 factor authenticator app to verify it's you.\n  </p>\n  <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n</ng-container>\n\n\n<ng-template #input> \n <code-input  \n    [code]=\"code\"\n    [initialFocusField]=\"0\"\n    [codeLength]=\"6\"\n    (codeChanged)=\"codeChanged($event)\"\n    (codeCompleted)=\"codeCompleted()\">\n  </code-input> \n</ng-template> ","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  ViewChild,\n} from '@angular/core';\n\nimport { FsDialog } from '@firestitch/dialog';\n\nimport { filter, takeUntil, tap } from 'rxjs/operators';\n\nimport { IFsVerificationMethod } from '../../interfaces/verification-method.interface';\nimport { Fs2FaVerificationMethodsComponent } from '../2fa-verification-methods/2fa-verification-methods.component';\nimport { Subject } from 'rxjs';\nimport { FS_2FA_VERIFICATION_PROVIDER } from '../../tokens/verification.token';\nimport { IFsVerificationProvider } from '../../interfaces/verification-provider.interface';\nimport { FsVerificationMethodType } from '../../enums/verification-method-type.enum';\nimport { Fs2FAVerificationCodeComponent } from '../2fa-verification-code/2fa-verification-code.component';\nimport { NgControl, NgForm } from '@angular/forms';\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 implements OnDestroy, AfterViewInit {\n\n  @ViewChild(Fs2FAVerificationCodeComponent)\n  public verificationCodeComponent: Fs2FAVerificationCodeComponent;\n\n  @Input()\n  public method: IFsVerificationMethod;\n\n  @Output()\n  public verified = new EventEmitter<unknown>();\n\n  public resendInProgress = false;\n  public code = '';\n  public trustedDevice = true;\n  public FsVerificationMethodType = FsVerificationMethodType;\n\n  private _destroy$ = new Subject<void>();\n\n  constructor(\n    @Inject(FS_2FA_VERIFICATION_PROVIDER)\n    public verificationProvider: IFsVerificationProvider,\n    private _cdRef: ChangeDetectorRef,\n    private _dialog: FsDialog,\n    @Optional() private _form: NgForm,\n  ) {\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 ngAfterViewInit(): void {\n    this.verificationCodeComponent.focus();    \n  }\n\n  public codeChange(code: string): void {\n    this.code = code;\n  }\n\n  public codeComplete(): void {\n    if(this._form) {\n      this._form.ngSubmit.next();\n    }\n  }\n\n  public resend(): void {\n    this.resendInProgress = true;\n    this.code = '';\n    \n    this.verificationProvider\n      .resend()\n      .pipe(\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        this.resendInProgress = false;        \n        this._cdRef.markForCheck();\n      })\n  }\n\n  public showVerificationMethods(): void {\n    this._dialog.open(\n      Fs2FaVerificationMethodsComponent,\n      {\n        data: {\n          method: this.method,\n        }\n      }\n    )\n      .afterClosed()\n      .pipe(\n        filter((method) => !!method),\n      )\n      .subscribe((method) => {\n        this.method = method;\n        this.code = '';\n\n        this._cdRef.markForCheck();\n\n        setTimeout(() => {\n          this.verificationCodeComponent.focus();\n        });\n      });\n  }\n\n}\n","<div class=\"code-container\">\n  <fs-2fa-verification-code\n    [method]=\"method\"\n    [code]=\"code\"\n    (codeChange)=\"codeChange($event)\"\n    (codeComplete)=\"codeComplete()\">\n  </fs-2fa-verification-code>\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 class=\"resend-code-btn\">\n    <ng-container *ngIf=\"!resendInProgress else sending\">\n      <a (click)=\"resend()\">\n        Resend Code\n      </a>\n    </ng-container>\n    <ng-template #sending>\n      <mat-spinner [diameter]=\"12\"></mat-spinner> Sending\n    </ng-template>\n  </span>\n</div>","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';\nimport { FsDialogModule } from '@firestitch/dialog';\n\nimport { CodeInputModule } from 'angular-code-input';\n\nimport { Fs2FAVerificationComponent } from './components/2fa-verification/2fa-verification.component';\nimport { Fs2FAVerificationCodeComponent } from './components/2fa-verification-code/2fa-verification-code.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    FsRadioGroupModule,\n    FsDialogModule,\n\n    CodeInputModule,\n    MatCheckboxModule,\n    MatProgressSpinnerModule,\n    FsSkeletonModule,\n    FsSkeletonModule,\n    MatIconModule,\n    MatRadioModule,\n  ],\n  declarations: [\n    Fs2FAVerificationComponent,\n    Fs2FAVerificationCodeComponent,\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":[],"mappings":"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"}

package/firestitch-2fa.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@firestitch/2fa" />
-export * from './public_api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@firestitch/2fa" />
+export * from './public_api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firestitch/2fa",
-  "version": "12.0.6",
+  "version": "12.0.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/Firestitch/ngx-2fa"

package/public_api.d.ts

@@ -1,6 +1,6 @@
-export { Fs2FaModule } from './app/fs-2fa.module';
-export { Fs2FAVerificationComponent } from './app/components/2fa-verification/2fa-verification.component';
-export { IFsVerificationProvider } from './app/interfaces/verification-provider.interface';
-export { IFsVerificationMethod } from './app/interfaces/verification-method.interface';
-export { FsVerificationMethodType } from './app/enums/verification-method-type.enum';
-export { FS_2FA_VERIFICATION_PROVIDER } from './app/tokens/verification.token';
+export { Fs2FaModule } from './app/fs-2fa.module';
+export { Fs2FAVerificationComponent } from './app/components/2fa-verification/2fa-verification.component';
+export { IFsVerificationProvider } from './app/interfaces/verification-provider.interface';
+export { IFsVerificationMethod } from './app/interfaces/verification-method.interface';
+export { FsVerificationMethodType } from './app/enums/verification-method-type.enum';
+export { FS_2FA_VERIFICATION_PROVIDER } from './app/tokens/verification.token';

package/app/components/2fa-verification-otp/2fa-verification-otp.component.d.ts

@@ -1,12 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { FsFormDirective } from '@firestitch/form';
-import * as i0 from "@angular/core";
-export declare class Fs2FAVerificationOTPComponent {
-    form: FsFormDirective;
-    codeChange: EventEmitter<string>;
-    constructor(form: FsFormDirective);
-    codeChanged(event: string): void;
-    codeCompleted(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Fs2FAVerificationOTPComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Fs2FAVerificationOTPComponent, "fs-2fa-verification-otp", never, {}, { "codeChange": "codeChange"; }, never, never>;
-}

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

@@ -1,33 +0,0 @@
-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==