@firestitch/2fa 18.0.9 → 18.0.11

package/app/modules/verification-setup/services/index.d.ts

@@ -0,0 +1 @@
+export * from './verification-setup.service';

package/app/modules/verification-setup/services/verification-setup.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class VerificationSetupService {
+    private _api;
+    private _router;
+    signout(): import("rxjs").Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerificationSetupService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<VerificationSetupService>;
+}

package/app/modules/verification-setup/views/email/email.component.d.ts

@@ -5,10 +5,10 @@ export declare class EmailComponent implements OnInit {
     private _api;
     private _router;
     private _route;
-    private _verificationMethodData;
     private _cdRef;
+    private _verificationSetupService;
     ngOnInit(): void;
-    next: () => import("rxjs").Observable<any>;
+    next: () => import("rxjs").Observable<boolean>;
     cancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EmailComponent, "ng-component", never, {}, {}, never, never, false, never>;

package/app/modules/verification-setup/views/verify/verify.component.d.ts

@@ -1,8 +1,9 @@
+import { OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { IFsVerificationMethod } from '../../../../interfaces';
 import { Fs2faVerificationComponent } from '../../../verification/components/2fa-verification';
 import * as i0 from "@angular/core";
-export declare class VerifyComponent {
+export declare class VerifyComponent implements OnInit {
     verification: Fs2faVerificationComponent;
     code: any;
     verificationMethod: IFsVerificationMethod;
@@ -11,6 +12,9 @@ export declare class VerifyComponent {
     private _route;
     private _message;
     private _verificationMethodData;
+    private _cdRef;
+    private _verificationSetupService;
+    ngOnInit(): void;
     codeChanged(code: any): void;
     verify: () => Observable<any>;
     resend: () => Observable<void>;

package/esm2022/app/modules/verification-setup/data/verification-method.data.mjs

@@ -21,7 +21,7 @@ export class VerificationMethodData {
     }
     account(config = {}) {
         return this._api.post('verifications/methods/account', {}, {
-            key: '',
+            key: 'verificationMethod',
             ...config,
         });
     }
@@ -31,4 +31,4 @@ export class VerificationMethodData {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerificationMethodData, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.FsApi }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZpY2F0aW9uLW1ldGhvZC5kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3ZlcmlmaWNhdGlvbi1zZXR1cC9kYXRhL3ZlcmlmaWNhdGlvbi1tZXRob2QuZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxLQUFLLEVBQWlCLE1BQU0saUJBQWlCLENBQUM7OztBQU12RCxNQUFNLE9BQU8sc0JBQXNCO0lBR3ZCO0lBRFYsWUFDVSxJQUFXO1FBQVgsU0FBSSxHQUFKLElBQUksQ0FBTztJQUNsQixDQUFDO0lBRUcsTUFBTSxDQUFDLElBQVMsRUFBRSxXQUFvQixFQUFFLFNBQXdCLEVBQUU7UUFDdkUsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FDbkIsOEJBQThCLEVBQzlCLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxFQUNyQjtZQUNFLEdBQUcsRUFBRSxvQkFBb0I7WUFDekIsR0FBRyxNQUFNO1NBQ1YsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVNLE1BQU0sQ0FBQyxTQUF3QixFQUFFO1FBQ3RDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQ25CLDhCQUE4QixFQUM5QixFQUFFLEVBQ0Y7WUFDRSxHQUFHLEVBQUUsRUFBRTtZQUNQLEdBQUcsTUFBTTtTQUNWLENBQ0YsQ0FBQztJQUNKLENBQUM7SUFFTSxPQUFPLENBQUMsU0FBd0IsRUFBRTtRQUN2QyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUNuQiwrQkFBK0IsRUFDL0IsRUFBRSxFQUNGO1lBQ0UsR0FBRyxFQUFFLEVBQUU7WUFDUCxHQUFHLE1BQU07U0FDVixDQUNGLENBQUM7SUFDSixDQUFDO3VHQXJDVSxzQkFBc0I7MkdBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFEbEMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRnNBcGksIFJlcXVlc3RDb25maWcgfSBmcm9tICdAZmlyZXN0aXRjaC9hcGknO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFZlcmlmaWNhdGlvbk1ldGhvZERhdGE8VCA9IGFueT4ge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2FwaTogRnNBcGksXG4gICkge31cblxuICBwdWJsaWMgdmVyaWZ5KGNvZGU6IGFueSwgdHJ1c3REZXZpY2U6IGJvb2xlYW4sIGNvbmZpZzogUmVxdWVzdENvbmZpZyA9IHt9KTogT2JzZXJ2YWJsZTxUPiB7XG4gICAgcmV0dXJuIHRoaXMuX2FwaS5wb3N0KFxuICAgICAgJ3ZlcmlmaWNhdGlvbnMvbWV0aG9kcy92ZXJpZnknLFxuICAgICAgeyBjb2RlLCB0cnVzdERldmljZSB9LFxuICAgICAge1xuICAgICAgICBrZXk6ICd2ZXJpZmljYXRpb25NZXRob2QnLFxuICAgICAgICAuLi5jb25maWcsXG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgcmVzZW5kKGNvbmZpZzogUmVxdWVzdENvbmZpZyA9IHt9KTogT2JzZXJ2YWJsZTxUPiB7XG4gICAgcmV0dXJuIHRoaXMuX2FwaS5wb3N0KFxuICAgICAgJ3ZlcmlmaWNhdGlvbnMvbWV0aG9kcy9yZXNlbmQnLFxuICAgICAge30sXG4gICAgICB7XG4gICAgICAgIGtleTogJycsXG4gICAgICAgIC4uLmNvbmZpZyxcbiAgICAgIH0sXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBhY2NvdW50KGNvbmZpZzogUmVxdWVzdENvbmZpZyA9IHt9KTogT2JzZXJ2YWJsZTxUPiB7XG4gICAgcmV0dXJuIHRoaXMuX2FwaS5wb3N0KFxuICAgICAgJ3ZlcmlmaWNhdGlvbnMvbWV0aG9kcy9hY2NvdW50JyxcbiAgICAgIHt9LFxuICAgICAge1xuICAgICAgICBrZXk6ICcnLFxuICAgICAgICAuLi5jb25maWcsXG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZpY2F0aW9uLW1ldGhvZC5kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3ZlcmlmaWNhdGlvbi1zZXR1cC9kYXRhL3ZlcmlmaWNhdGlvbi1tZXRob2QuZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxLQUFLLEVBQWlCLE1BQU0saUJBQWlCLENBQUM7OztBQU12RCxNQUFNLE9BQU8sc0JBQXNCO0lBR3ZCO0lBRFYsWUFDVSxJQUFXO1FBQVgsU0FBSSxHQUFKLElBQUksQ0FBTztJQUNsQixDQUFDO0lBRUcsTUFBTSxDQUFDLElBQVMsRUFBRSxXQUFvQixFQUFFLFNBQXdCLEVBQUU7UUFDdkUsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FDbkIsOEJBQThCLEVBQzlCLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxFQUNyQjtZQUNFLEdBQUcsRUFBRSxvQkFBb0I7WUFDekIsR0FBRyxNQUFNO1NBQ1YsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVNLE1BQU0sQ0FBQyxTQUF3QixFQUFFO1FBQ3RDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQ25CLDhCQUE4QixFQUM5QixFQUFFLEVBQ0Y7WUFDRSxHQUFHLEVBQUUsRUFBRTtZQUNQLEdBQUcsTUFBTTtTQUNWLENBQ0YsQ0FBQztJQUNKLENBQUM7SUFFTSxPQUFPLENBQUMsU0FBd0IsRUFBRTtRQUN2QyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUNuQiwrQkFBK0IsRUFDL0IsRUFBRSxFQUNGO1lBQ0UsR0FBRyxFQUFFLG9CQUFvQjtZQUN6QixHQUFHLE1BQU07U0FDVixDQUNGLENBQUM7SUFDSixDQUFDO3VHQXJDVSxzQkFBc0I7MkdBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFEbEMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRnNBcGksIFJlcXVlc3RDb25maWcgfSBmcm9tICdAZmlyZXN0aXRjaC9hcGknO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFZlcmlmaWNhdGlvbk1ldGhvZERhdGE8VCA9IGFueT4ge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2FwaTogRnNBcGksXG4gICkge31cblxuICBwdWJsaWMgdmVyaWZ5KGNvZGU6IGFueSwgdHJ1c3REZXZpY2U6IGJvb2xlYW4sIGNvbmZpZzogUmVxdWVzdENvbmZpZyA9IHt9KTogT2JzZXJ2YWJsZTxUPiB7XG4gICAgcmV0dXJuIHRoaXMuX2FwaS5wb3N0KFxuICAgICAgJ3ZlcmlmaWNhdGlvbnMvbWV0aG9kcy92ZXJpZnknLFxuICAgICAgeyBjb2RlLCB0cnVzdERldmljZSB9LFxuICAgICAge1xuICAgICAgICBrZXk6ICd2ZXJpZmljYXRpb25NZXRob2QnLFxuICAgICAgICAuLi5jb25maWcsXG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgcmVzZW5kKGNvbmZpZzogUmVxdWVzdENvbmZpZyA9IHt9KTogT2JzZXJ2YWJsZTxUPiB7XG4gICAgcmV0dXJuIHRoaXMuX2FwaS5wb3N0KFxuICAgICAgJ3ZlcmlmaWNhdGlvbnMvbWV0aG9kcy9yZXNlbmQnLFxuICAgICAge30sXG4gICAgICB7XG4gICAgICAgIGtleTogJycsXG4gICAgICAgIC4uLmNvbmZpZyxcbiAgICAgIH0sXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBhY2NvdW50KGNvbmZpZzogUmVxdWVzdENvbmZpZyA9IHt9KTogT2JzZXJ2YWJsZTxUPiB7XG4gICAgcmV0dXJuIHRoaXMuX2FwaS5wb3N0KFxuICAgICAgJ3ZlcmlmaWNhdGlvbnMvbWV0aG9kcy9hY2NvdW50JyxcbiAgICAgIHt9LFxuICAgICAge1xuICAgICAgICBrZXk6ICd2ZXJpZmljYXRpb25NZXRob2QnLFxuICAgICAgICAuLi5jb25maWcsXG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuXG59XG4iXX0=

package/esm2022/app/modules/verification-setup/services/index.mjs

@@ -0,0 +1,2 @@
+export * from './verification-setup.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvdmVyaWZpY2F0aW9uLXNldHVwL3NlcnZpY2VzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3ZlcmlmaWNhdGlvbi1zZXR1cC5zZXJ2aWNlJztcbiJdfQ==

package/esm2022/app/modules/verification-setup/services/verification-setup.service.mjs

@@ -0,0 +1,22 @@
+import { inject, Injectable } from '@angular/core';
+import { Router } from '@angular/router';
+import { FsApi } from '@firestitch/api';
+import { finalize } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+export class VerificationSetupService {
+    _api = inject(FsApi);
+    _router = inject(Router);
+    signout() {
+        return this._api
+            .post('auth/signout')
+            .pipe(finalize(() => {
+            this._router.navigateByUrl('/signin');
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerificationSetupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerificationSetupService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerificationSetupService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZpY2F0aW9uLXNldHVwLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvdmVyaWZpY2F0aW9uLXNldHVwL3NlcnZpY2VzL3ZlcmlmaWNhdGlvbi1zZXR1cC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFeEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUcxQyxNQUFNLE9BQU8sd0JBQXdCO0lBRTNCLElBQUksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckIsT0FBTyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUUxQixPQUFPO1FBQ1osT0FBTyxJQUFJLENBQUMsSUFBSTthQUNiLElBQUksQ0FBQyxjQUFjLENBQUM7YUFDcEIsSUFBSSxDQUNILFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN4QyxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ04sQ0FBQzt1R0FiVSx3QkFBd0I7MkdBQXhCLHdCQUF3Qjs7MkZBQXhCLHdCQUF3QjtrQkFEcEMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuaW1wb3J0IHsgRnNBcGkgfSBmcm9tICdAZmlyZXN0aXRjaC9hcGknO1xuXG5pbXBvcnQgeyBmaW5hbGl6ZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFZlcmlmaWNhdGlvblNldHVwU2VydmljZSB7XG5cbiAgcHJpdmF0ZSBfYXBpID0gaW5qZWN0KEZzQXBpKTtcbiAgcHJpdmF0ZSBfcm91dGVyID0gaW5qZWN0KFJvdXRlcik7XG5cbiAgcHVibGljIHNpZ25vdXQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2FwaVxuICAgICAgLnBvc3QoJ2F1dGgvc2lnbm91dCcpXG4gICAgICAucGlwZShcbiAgICAgICAgZmluYWxpemUoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZUJ5VXJsKCcvc2lnbmluJyk7XG4gICAgICAgIH0pLFxuICAgICAgKTtcbiAgfVxufVxuIl19

package/esm2022/app/modules/verification-setup/verification-setup.module.mjs

@@ -11,6 +11,7 @@ import { FsSkeletonModule } from '@firestitch/skeleton';
 import { Fs2faVerificationModule } from '../verification';
 import { Fs2faVerificationMethodsModule } from '../verification-methods';
 import { VerificationMethodData } from './data';
+import { VerificationSetupService } from './services';
 import { VerificationSetupRoutingModule } from './verification-setup-routing.module';
 import { EmailComponent, VerifyComponent } from './views';
 import * as i0 from "@angular/core";
@@ -31,6 +32,7 @@ export class FsVerificationSetupModule {
             VerificationSetupRoutingModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsVerificationSetupModule, providers: [
             VerificationMethodData,
+            VerificationSetupService,
         ], imports: [CommonModule,
             FormsModule,
             MatButtonModule,
@@ -67,7 +69,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     ],
                     providers: [
                         VerificationMethodData,
+                        VerificationSetupService,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZpY2F0aW9uLXNldHVwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy92ZXJpZmljYXRpb24tc2V0dXAvdmVyaWZpY2F0aW9uLXNldHVwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDaEQsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDckYsT0FBTyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxTQUFTLENBQUM7O0FBNkIxRCxNQUFNLE9BQU8seUJBQXlCO3VHQUF6Qix5QkFBeUI7d0dBQXpCLHlCQUF5QixpQkFQbEMsY0FBYztZQUNkLGVBQWUsYUFsQmYsWUFBWTtZQUNaLFdBQVc7WUFFWCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGNBQWM7WUFDZCxrQkFBa0I7WUFFbEIsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsOEJBQThCO1lBQzlCLHVCQUF1QjtZQUV2Qiw4QkFBOEI7d0dBVXJCLHlCQUF5QixhQUp6QjtZQUNULHNCQUFzQjtTQUN2QixZQXRCQyxZQUFZO1lBQ1osV0FBVztZQUVYLGVBQWU7WUFDZixhQUFhO1lBQ2IsY0FBYztZQUNkLGtCQUFrQjtZQUVsQixZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLGFBQWE7WUFDYiw4QkFBOEI7WUFDOUIsdUJBQXVCO1lBRXZCLDhCQUE4Qjs7MkZBVXJCLHlCQUF5QjtrQkExQnJDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFFWCxlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxrQkFBa0I7d0JBRWxCLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLDhCQUE4Qjt3QkFDOUIsdUJBQXVCO3dCQUV2Qiw4QkFBOEI7cUJBQy9CO29CQUNELFlBQVksRUFBRTt3QkFDWixjQUFjO3dCQUNkLGVBQWU7cUJBQ2hCO29CQUNELFNBQVMsRUFBRTt3QkFDVCxzQkFBc0I7cUJBQ3ZCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdENhcmRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jYXJkJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5cbmltcG9ydCB7IEZzRm9ybU1vZHVsZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2Zvcm0nO1xuaW1wb3J0IHsgRnNMYWJlbE1vZHVsZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2xhYmVsJztcbmltcG9ydCB7IEZzU2tlbGV0b25Nb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9za2VsZXRvbic7XG5cbmltcG9ydCB7IEZzMmZhVmVyaWZpY2F0aW9uTW9kdWxlIH0gZnJvbSAnLi4vdmVyaWZpY2F0aW9uJztcbmltcG9ydCB7IEZzMmZhVmVyaWZpY2F0aW9uTWV0aG9kc01vZHVsZSB9IGZyb20gJy4uL3ZlcmlmaWNhdGlvbi1tZXRob2RzJztcblxuaW1wb3J0IHsgVmVyaWZpY2F0aW9uTWV0aG9kRGF0YSB9IGZyb20gJy4vZGF0YSc7XG5pbXBvcnQgeyBWZXJpZmljYXRpb25TZXR1cFJvdXRpbmdNb2R1bGUgfSBmcm9tICcuL3ZlcmlmaWNhdGlvbi1zZXR1cC1yb3V0aW5nLm1vZHVsZSc7XG5pbXBvcnQgeyBFbWFpbENvbXBvbmVudCwgVmVyaWZ5Q29tcG9uZW50IH0gZnJvbSAnLi92aWV3cyc7XG5cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcblxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRDYXJkTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcblxuICAgIEZzRm9ybU1vZHVsZSxcbiAgICBGc1NrZWxldG9uTW9kdWxlLFxuICAgIEZzTGFiZWxNb2R1bGUsXG4gICAgRnMyZmFWZXJpZmljYXRpb25NZXRob2RzTW9kdWxlLFxuICAgIEZzMmZhVmVyaWZpY2F0aW9uTW9kdWxlLFxuXG4gICAgVmVyaWZpY2F0aW9uU2V0dXBSb3V0aW5nTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBFbWFpbENvbXBvbmVudCxcbiAgICBWZXJpZnlDb21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIFZlcmlmaWNhdGlvbk1ldGhvZERhdGEsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZzVmVyaWZpY2F0aW9uU2V0dXBNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZpY2F0aW9uLXNldHVwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy92ZXJpZmljYXRpb24tc2V0dXAvdmVyaWZpY2F0aW9uLXNldHVwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDaEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQThCMUQsTUFBTSxPQUFPLHlCQUF5Qjt1R0FBekIseUJBQXlCO3dHQUF6Qix5QkFBeUIsaUJBUmxDLGNBQWM7WUFDZCxlQUFlLGFBbEJmLFlBQVk7WUFDWixXQUFXO1lBRVgsZUFBZTtZQUNmLGFBQWE7WUFDYixjQUFjO1lBQ2Qsa0JBQWtCO1lBRWxCLFlBQVk7WUFDWixnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLDhCQUE4QjtZQUM5Qix1QkFBdUI7WUFFdkIsOEJBQThCO3dHQVdyQix5QkFBeUIsYUFMekI7WUFDVCxzQkFBc0I7WUFDdEIsd0JBQXdCO1NBQ3pCLFlBdkJDLFlBQVk7WUFDWixXQUFXO1lBRVgsZUFBZTtZQUNmLGFBQWE7WUFDYixjQUFjO1lBQ2Qsa0JBQWtCO1lBRWxCLFlBQVk7WUFDWixnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLDhCQUE4QjtZQUM5Qix1QkFBdUI7WUFFdkIsOEJBQThCOzsyRkFXckIseUJBQXlCO2tCQTNCckMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUVYLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGtCQUFrQjt3QkFFbEIsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsOEJBQThCO3dCQUM5Qix1QkFBdUI7d0JBRXZCLDhCQUE4QjtxQkFDL0I7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGNBQWM7d0JBQ2QsZUFBZTtxQkFDaEI7b0JBQ0QsU0FBUyxFQUFFO3dCQUNULHNCQUFzQjt3QkFDdEIsd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRDYXJkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2FyZCc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuXG5pbXBvcnQgeyBGc0Zvcm1Nb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9mb3JtJztcbmltcG9ydCB7IEZzTGFiZWxNb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9sYWJlbCc7XG5pbXBvcnQgeyBGc1NrZWxldG9uTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvc2tlbGV0b24nO1xuXG5pbXBvcnQgeyBGczJmYVZlcmlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJy4uL3ZlcmlmaWNhdGlvbic7XG5pbXBvcnQgeyBGczJmYVZlcmlmaWNhdGlvbk1ldGhvZHNNb2R1bGUgfSBmcm9tICcuLi92ZXJpZmljYXRpb24tbWV0aG9kcyc7XG5cbmltcG9ydCB7IFZlcmlmaWNhdGlvbk1ldGhvZERhdGEgfSBmcm9tICcuL2RhdGEnO1xuaW1wb3J0IHsgVmVyaWZpY2F0aW9uU2V0dXBTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBWZXJpZmljYXRpb25TZXR1cFJvdXRpbmdNb2R1bGUgfSBmcm9tICcuL3ZlcmlmaWNhdGlvbi1zZXR1cC1yb3V0aW5nLm1vZHVsZSc7XG5pbXBvcnQgeyBFbWFpbENvbXBvbmVudCwgVmVyaWZ5Q29tcG9uZW50IH0gZnJvbSAnLi92aWV3cyc7XG5cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcblxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRDYXJkTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcblxuICAgIEZzRm9ybU1vZHVsZSxcbiAgICBGc1NrZWxldG9uTW9kdWxlLFxuICAgIEZzTGFiZWxNb2R1bGUsXG4gICAgRnMyZmFWZXJpZmljYXRpb25NZXRob2RzTW9kdWxlLFxuICAgIEZzMmZhVmVyaWZpY2F0aW9uTW9kdWxlLFxuXG4gICAgVmVyaWZpY2F0aW9uU2V0dXBSb3V0aW5nTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBFbWFpbENvbXBvbmVudCxcbiAgICBWZXJpZnlDb21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIFZlcmlmaWNhdGlvbk1ldGhvZERhdGEsXG4gICAgVmVyaWZpY2F0aW9uU2V0dXBTZXJ2aWNlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGc1ZlcmlmaWNhdGlvblNldHVwTW9kdWxlIHsgfVxuIl19

package/esm2022/app/modules/verification-setup/views/email/email.component.mjs

@@ -1,8 +1,8 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { FsApi } from '@firestitch/api';
-import { tap } from 'rxjs/operators';
-import { VerificationMethodData } from '../../data';
+import { from } from 'rxjs';
+import { VerificationSetupService } from '../../services';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@angular/material/button";
@@ -15,8 +15,8 @@ export class EmailComponent {
     _api = inject(FsApi);
     _router = inject(Router);
     _route = inject(ActivatedRoute);
-    _verificationMethodData = inject(VerificationMethodData);
     _cdRef = inject(ChangeDetectorRef);
+    _verificationSetupService = inject(VerificationSetupService);
     ngOnInit() {
         this._api.get('account', {}, { key: 'account' })
             .subscribe(({ email }) => {
@@ -26,19 +26,22 @@ export class EmailComponent {
     }
     next = () => {
         const redirect = this._route.snapshot.queryParams.redirect || '/';
-        return this._verificationMethodData.account()
-            .pipe(tap(() => {
-            this._router.navigate(['verify'], { relativeTo: this._route, queryParams: { redirect } });
+        return from(this._router
+            .navigate(['verify'], {
+            relativeTo: this._route,
+            queryParams: { redirect },
         }));
     };
     cancel() {
-        this._router.navigateByUrl('/signin');
+        this._verificationSetupService
+            .signout()
+            .subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: EmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: EmailComponent, selector: "ng-component", ngImport: i0, template: "<mat-card>\r\n  <form\r\n      fsForm\r\n      [submit]=\"next\"\r\n      [dirtySubmitButton]=\"false\"\r\n      *fsSkeleton=\"email\">\r\n    <mat-card-content>\r\n      <!-- <app-logo></app-logo> -->\r\n      <h2>\r\n        Enable 2-Step Verification\r\n      </h2>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <button\r\n          mat-raised-button\r\n          type=\"submit\"\r\n          color=\"primary\">\r\n        Next\r\n      </button>\r\n      <button\r\n          mat-button\r\n          (click)=\"cancel()\"\r\n          type=\"button\">\r\n        Cancel\r\n      </button>\r\n    </mat-card-content>\r\n  </form>\r\n</mat-card>", styles: ["h2{text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i4.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i6.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: EmailComponent, selector: "ng-component", ngImport: i0, template: "<form\r\n    fsForm\r\n    [submit]=\"next\"\r\n    [dirtySubmitButton]=\"false\"\r\n    *fsSkeleton=\"email\">\r\n  <mat-card>\r\n    <mat-card-header>\r\n      <mat-card-title>\r\n        Enable 2-Step Verification\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <div class=\"buttons\">\r\n        <button\r\n            mat-raised-button\r\n            type=\"submit\"\r\n            color=\"primary\">\r\n          Next\r\n        </button>\r\n        <button\r\n            mat-button\r\n            (click)=\"cancel()\"\r\n            type=\"button\">\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i4.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i6.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i6.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: EmailComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card>\r\n  <form\r\n      fsForm\r\n      [submit]=\"next\"\r\n      [dirtySubmitButton]=\"false\"\r\n      *fsSkeleton=\"email\">\r\n    <mat-card-content>\r\n      <!-- <app-logo></app-logo> -->\r\n      <h2>\r\n        Enable 2-Step Verification\r\n      </h2>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <button\r\n          mat-raised-button\r\n          type=\"submit\"\r\n          color=\"primary\">\r\n        Next\r\n      </button>\r\n      <button\r\n          mat-button\r\n          (click)=\"cancel()\"\r\n          type=\"button\">\r\n        Cancel\r\n      </button>\r\n    </mat-card-content>\r\n  </form>\r\n</mat-card>", styles: ["h2{text-align:center}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\r\n    fsForm\r\n    [submit]=\"next\"\r\n    [dirtySubmitButton]=\"false\"\r\n    *fsSkeleton=\"email\">\r\n  <mat-card>\r\n    <mat-card-header>\r\n      <mat-card-title>\r\n        Enable 2-Step Verification\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <div class=\"buttons\">\r\n        <button\r\n            mat-raised-button\r\n            type=\"submit\"\r\n            color=\"primary\">\r\n          Next\r\n        </button>\r\n        <button\r\n            mat-button\r\n            (click)=\"cancel()\"\r\n            type=\"button\">\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3ZlcmlmaWNhdGlvbi1zZXR1cC92aWV3cy9lbWFpbC9lbWFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvdmVyaWZpY2F0aW9uLXNldHVwL3ZpZXdzL2VtYWlsL2VtYWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxHQUM5RCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV4QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sWUFBWSxDQUFDOzs7Ozs7OztBQVFwRCxNQUFNLE9BQU8sY0FBYztJQUVsQixLQUFLLEdBQUcsSUFBSSxDQUFDO0lBRVosSUFBSSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixPQUFPLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pCLE1BQU0sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDaEMsdUJBQXVCLEdBQUcsTUFBTSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDekQsTUFBTSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBRXBDLFFBQVE7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxDQUFDO2FBQzdDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtZQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNuQixJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLElBQUksR0FBRyxHQUFHLEVBQUU7UUFDakIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsSUFBSSxHQUFHLENBQUM7UUFFbEUsT0FBTyxJQUFJLENBQUMsdUJBQXVCLENBQUMsT0FBTyxFQUFFO2FBQzFDLElBQUksQ0FDSCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ1AsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLFVBQVUsRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1RixDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUssTUFBTTtRQUNYLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7dUdBL0JVLGNBQWM7MkZBQWQsY0FBYyxvRENqQjNCLHc1QkFtQ1c7OzJGRGxCRSxjQUFjO2tCQUwxQixTQUFTO3NDQUdTLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgaW5qZWN0LCBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IEZzQXBpIH0gZnJvbSAnQGZpcmVzdGl0Y2gvYXBpJztcblxuaW1wb3J0IHsgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBWZXJpZmljYXRpb25NZXRob2REYXRhIH0gZnJvbSAnLi4vLi4vZGF0YSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi9lbWFpbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VtYWlsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFbWFpbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIGVtYWlsID0gbnVsbDtcblxuICBwcml2YXRlIF9hcGkgPSBpbmplY3QoRnNBcGkpO1xuICBwcml2YXRlIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgcHJpdmF0ZSBfcm91dGUgPSBpbmplY3QoQWN0aXZhdGVkUm91dGUpO1xuICBwcml2YXRlIF92ZXJpZmljYXRpb25NZXRob2REYXRhID0gaW5qZWN0KFZlcmlmaWNhdGlvbk1ldGhvZERhdGEpO1xuICBwcml2YXRlIF9jZFJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2FwaS5nZXQoJ2FjY291bnQnLCB7fSwgeyBrZXk6ICdhY2NvdW50JyB9KVxuICAgICAgLnN1YnNjcmliZSgoeyBlbWFpbCB9KSA9PiB7XG4gICAgICAgIHRoaXMuZW1haWwgPSBlbWFpbDtcbiAgICAgICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZXh0ID0gKCkgPT4ge1xuICAgIGNvbnN0IHJlZGlyZWN0ID0gdGhpcy5fcm91dGUuc25hcHNob3QucXVlcnlQYXJhbXMucmVkaXJlY3QgfHwgJy8nO1xuXG4gICAgcmV0dXJuIHRoaXMuX3ZlcmlmaWNhdGlvbk1ldGhvZERhdGEuYWNjb3VudCgpXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoWyd2ZXJpZnknXSwgeyByZWxhdGl2ZVRvOiB0aGlzLl9yb3V0ZSwgcXVlcnlQYXJhbXM6IHsgcmVkaXJlY3QgfSB9KTtcbiAgICAgICAgfSksXG4gICAgICApO1xuICB9O1xuXG4gIHB1YmxpYyBjYW5jZWwoKSB7XG4gICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlQnlVcmwoJy9zaWduaW4nKTtcbiAgfVxuXG59XG4iLCI8bWF0LWNhcmQ+XHJcbiAgPGZvcm1cclxuICAgICAgZnNGb3JtXHJcbiAgICAgIFtzdWJtaXRdPVwibmV4dFwiXHJcbiAgICAgIFtkaXJ0eVN1Ym1pdEJ1dHRvbl09XCJmYWxzZVwiXHJcbiAgICAgICpmc1NrZWxldG9uPVwiZW1haWxcIj5cclxuICAgIDxtYXQtY2FyZC1jb250ZW50PlxyXG4gICAgICA8IS0tIDxhcHAtbG9nbz48L2FwcC1sb2dvPiAtLT5cclxuICAgICAgPGgyPlxyXG4gICAgICAgIEVuYWJsZSAyLVN0ZXAgVmVyaWZpY2F0aW9uXHJcbiAgICAgIDwvaDI+XHJcbiAgICAgIDxwPlxyXG4gICAgICAgIFBsZWFzZSBlbmFibGUgdHdvIGZhY3RvciBhdXRoZW50aWNhdGlvbiB0byBwcm90ZWN0IHlvdXIgYWNjb3VudC5cclxuICAgICAgICBUaGUgYXBwIHdpbGwgdXNlIHRoaXMgZW1haWwgZm9yIHZlcmlmeWluZyB5b3VyIGFjY291bnRcclxuICAgICAgPC9wPlxyXG4gICAgICA8ZnMtbGFiZWwtZmllbGQ+XHJcbiAgICAgICAgPGZzLWxhYmVsPlxyXG4gICAgICAgICAgRW1haWxcclxuICAgICAgICA8L2ZzLWxhYmVsPlxyXG4gICAgICAgIHt7IGVtYWlsIH19XHJcbiAgICAgIDwvZnMtbGFiZWwtZmllbGQ+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICAgIG1hdC1yYWlzZWQtYnV0dG9uXHJcbiAgICAgICAgICB0eXBlPVwic3VibWl0XCJcclxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiPlxyXG4gICAgICAgIE5leHRcclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICAgIG1hdC1idXR0b25cclxuICAgICAgICAgIChjbGljayk9XCJjYW5jZWwoKVwiXHJcbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XHJcbiAgICAgICAgQ2FuY2VsXHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxyXG4gIDwvZm9ybT5cclxuPC9tYXQtY2FyZD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL3ZlcmlmaWNhdGlvbi1zZXR1cC92aWV3cy9lbWFpbC9lbWFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvdmVyaWZpY2F0aW9uLXNldHVwL3ZpZXdzL2VtYWlsL2VtYWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxHQUM5RCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTVCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQVExRCxNQUFNLE9BQU8sY0FBYztJQUVsQixLQUFLLEdBQUcsSUFBSSxDQUFDO0lBRVosSUFBSSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixPQUFPLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pCLE1BQU0sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDaEMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ25DLHlCQUF5QixHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO0lBRTlELFFBQVE7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxDQUFDO2FBQzdDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtZQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNuQixJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLElBQUksR0FBRyxHQUFHLEVBQUU7UUFDakIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsSUFBSSxHQUFHLENBQUM7UUFFbEUsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU87YUFDckIsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDcEIsVUFBVSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ3ZCLFdBQVcsRUFBRSxFQUFFLFFBQVEsRUFBRTtTQUMxQixDQUFDLENBQUMsQ0FBQztJQUNSLENBQUMsQ0FBQztJQUVLLE1BQU07UUFDWCxJQUFJLENBQUMseUJBQXlCO2FBQzNCLE9BQU8sRUFBRTthQUNULFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7dUdBaENVLGNBQWM7MkZBQWQsY0FBYyxvRENqQjNCLDQvQkFzQ087OzJGRHJCTSxjQUFjO2tCQUwxQixTQUFTO3NDQUdTLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgaW5qZWN0LCBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IEZzQXBpIH0gZnJvbSAnQGZpcmVzdGl0Y2gvYXBpJztcblxuaW1wb3J0IHsgZnJvbSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBWZXJpZmljYXRpb25TZXR1cFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi9lbWFpbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VtYWlsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFbWFpbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIGVtYWlsID0gbnVsbDtcblxuICBwcml2YXRlIF9hcGkgPSBpbmplY3QoRnNBcGkpO1xuICBwcml2YXRlIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgcHJpdmF0ZSBfcm91dGUgPSBpbmplY3QoQWN0aXZhdGVkUm91dGUpO1xuICBwcml2YXRlIF9jZFJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIHByaXZhdGUgX3ZlcmlmaWNhdGlvblNldHVwU2VydmljZSA9IGluamVjdChWZXJpZmljYXRpb25TZXR1cFNlcnZpY2UpO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9hcGkuZ2V0KCdhY2NvdW50Jywge30sIHsga2V5OiAnYWNjb3VudCcgfSlcbiAgICAgIC5zdWJzY3JpYmUoKHsgZW1haWwgfSkgPT4ge1xuICAgICAgICB0aGlzLmVtYWlsID0gZW1haWw7XG4gICAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmV4dCA9ICgpID0+IHtcbiAgICBjb25zdCByZWRpcmVjdCA9IHRoaXMuX3JvdXRlLnNuYXBzaG90LnF1ZXJ5UGFyYW1zLnJlZGlyZWN0IHx8ICcvJztcblxuICAgIHJldHVybiBmcm9tKHRoaXMuX3JvdXRlclxuICAgICAgLm5hdmlnYXRlKFsndmVyaWZ5J10sIHtcbiAgICAgICAgcmVsYXRpdmVUbzogdGhpcy5fcm91dGUsIFxuICAgICAgICBxdWVyeVBhcmFtczogeyByZWRpcmVjdCB9LCBcbiAgICAgIH0pKTtcbiAgfTtcblxuICBwdWJsaWMgY2FuY2VsKCkge1xuICAgIHRoaXMuX3ZlcmlmaWNhdGlvblNldHVwU2VydmljZVxuICAgICAgLnNpZ25vdXQoKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG5cbn1cbiIsIjxmb3JtXHJcbiAgICBmc0Zvcm1cclxuICAgIFtzdWJtaXRdPVwibmV4dFwiXHJcbiAgICBbZGlydHlTdWJtaXRCdXR0b25dPVwiZmFsc2VcIlxyXG4gICAgKmZzU2tlbGV0b249XCJlbWFpbFwiPlxyXG4gIDxtYXQtY2FyZD5cclxuICAgIDxtYXQtY2FyZC1oZWFkZXI+XHJcbiAgICAgIDxtYXQtY2FyZC10aXRsZT5cclxuICAgICAgICBFbmFibGUgMi1TdGVwIFZlcmlmaWNhdGlvblxyXG4gICAgICA8L21hdC1jYXJkLXRpdGxlPlxyXG4gICAgPC9tYXQtY2FyZC1oZWFkZXI+XHJcbiAgICA8bWF0LWNhcmQtY29udGVudD5cclxuICAgICAgPHA+XHJcbiAgICAgICAgUGxlYXNlIGVuYWJsZSB0d28gZmFjdG9yIGF1dGhlbnRpY2F0aW9uIHRvIHByb3RlY3QgeW91ciBhY2NvdW50LlxyXG4gICAgICAgIFRoZSBhcHAgd2lsbCB1c2UgdGhpcyBlbWFpbCBmb3IgdmVyaWZ5aW5nIHlvdXIgYWNjb3VudFxyXG4gICAgICA8L3A+XHJcbiAgICAgIDxmcy1sYWJlbC1maWVsZD5cclxuICAgICAgICA8ZnMtbGFiZWw+XHJcbiAgICAgICAgICBFbWFpbFxyXG4gICAgICAgIDwvZnMtbGFiZWw+XHJcbiAgICAgICAge3sgZW1haWwgfX1cclxuICAgICAgPC9mcy1sYWJlbC1maWVsZD5cclxuICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgIG1hdC1yYWlzZWQtYnV0dG9uXHJcbiAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIlxyXG4gICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICAgIE5leHRcclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgIG1hdC1idXR0b25cclxuICAgICAgICAgICAgKGNsaWNrKT1cImNhbmNlbCgpXCJcclxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxyXG4gICAgICAgICAgQ2FuY2VsXHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtY2FyZC1jb250ZW50PlxyXG4gIDwvbWF0LWNhcmQ+XHJcbjwvZm9ybT4iXX0=

package/esm2022/app/modules/verification-setup/views/verify/verify.component.mjs

@@ -1,10 +1,11 @@
-import { ChangeDetectionStrategy, Component, inject, ViewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, ViewChild, } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { FsCookie } from '@firestitch/cookie';
 import { FsMessage } from '@firestitch/message';
 import { tap } from 'rxjs/operators';
 import { Fs2faVerificationComponent } from '../../../verification/components/2fa-verification';
 import { VerificationMethodData } from '../../data';
+import { VerificationSetupService } from '../../services';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@angular/material/button";
@@ -22,6 +23,15 @@ export class VerifyComponent {
     _route = inject(ActivatedRoute);
     _message = inject(FsMessage);
     _verificationMethodData = inject(VerificationMethodData);
+    _cdRef = inject(ChangeDetectorRef);
+    _verificationSetupService = inject(VerificationSetupService);
+    ngOnInit() {
+        this._verificationMethodData.account()
+            .pipe(tap((verificationMethod) => {
+            this.verificationMethod = verificationMethod;
+            this._cdRef.markForCheck();
+        })).subscribe();
+    }
     codeChanged(code) {
         this.code = code;
     }
@@ -39,16 +49,18 @@ export class VerifyComponent {
         return this._verificationMethodData.resend();
     };
     cancel() {
-        this._router.navigateByUrl('/signin');
+        this._verificationSetupService
+            .signout()
+            .subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerifyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: VerifyComponent, selector: "ng-component", viewQueries: [{ propertyName: "verification", first: true, predicate: Fs2faVerificationComponent, descendants: true }], ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-content>\n      <!-- <app-logo></app-logo> -->\n      <h2>\n        Enable 2-Step Verification\n      </h2>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <button\n          mat-raised-button\n          type=\"submit\"\n          color=\"primary\">\n        Verify\n      </button>\n      <button\n          mat-button\n          [fs2faVerificationResend]=\"verification\"\n          type=\"button\">\n        Resend\n      </button>\n      <button\n          mat-button\n          (click)=\"cancel()\"\n          type=\"button\">\n        Cancel\n      </button>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i4.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i6.Fs2faVerificationComponent, selector: "fs-2fa-verification", inputs: ["verificationMethod", "resend", "showTrustedDevice", "trustDevice", "codeLength", "trustDays", "formatRecipient", "getVerificationMethods", "selectVerificationMethod"], outputs: ["verified", "codeChanged", "codeCompleted", "trustDeviceChange"] }, { kind: "directive", type: i7.Fs2faVerificationResendDirective, selector: "[fs2faVerificationResend]", inputs: ["fs2faVerificationResend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: VerifyComponent, selector: "ng-component", viewQueries: [{ propertyName: "verification", first: true, predicate: Fs2faVerificationComponent, descendants: true }], ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-header>\n      <mat-card-title>\n        Enable 2-Step Verification\n      </mat-card-title>\n    </mat-card-header>\n    <mat-card-content>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <div class=\"buttons\">\n        <button\n            mat-raised-button\n            type=\"submit\"\n            color=\"primary\">\n          Verify\n        </button>\n        <button\n            mat-button\n            [fs2faVerificationResend]=\"verification\"\n            type=\"button\">\n          Resend\n        </button>\n        <button\n            mat-button\n            (click)=\"cancel()\"\n            type=\"button\">\n          Cancel\n        </button>\n      </div>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i4.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i6.Fs2faVerificationComponent, selector: "fs-2fa-verification", inputs: ["verificationMethod", "resend", "showTrustedDevice", "trustDevice", "codeLength", "trustDays", "formatRecipient", "getVerificationMethods", "selectVerificationMethod"], outputs: ["verified", "codeChanged", "codeCompleted", "trustDeviceChange"] }, { kind: "directive", type: i7.Fs2faVerificationResendDirective, selector: "[fs2faVerificationResend]", inputs: ["fs2faVerificationResend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerifyComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-content>\n      <!-- <app-logo></app-logo> -->\n      <h2>\n        Enable 2-Step Verification\n      </h2>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <button\n          mat-raised-button\n          type=\"submit\"\n          color=\"primary\">\n        Verify\n      </button>\n      <button\n          mat-button\n          [fs2faVerificationResend]=\"verification\"\n          type=\"button\">\n        Resend\n      </button>\n      <button\n          mat-button\n          (click)=\"cancel()\"\n          type=\"button\">\n        Cancel\n      </button>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-header>\n      <mat-card-title>\n        Enable 2-Step Verification\n      </mat-card-title>\n    </mat-card-header>\n    <mat-card-content>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <div class=\"buttons\">\n        <button\n            mat-raised-button\n            type=\"submit\"\n            color=\"primary\">\n          Verify\n        </button>\n        <button\n            mat-button\n            [fs2faVerificationResend]=\"verification\"\n            type=\"button\">\n          Resend\n        </button>\n        <button\n            mat-button\n            (click)=\"cancel()\"\n            type=\"button\">\n          Cancel\n        </button>\n      </div>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"] }]
         }], propDecorators: { verification: [{
                 type: ViewChild,
                 args: [Fs2faVerificationComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy92ZXJpZmljYXRpb24tc2V0dXAvdmlld3MvdmVyaWZ5L3ZlcmlmeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvdmVyaWZpY2F0aW9uLXNldHVwL3ZpZXdzL3ZlcmlmeS92ZXJpZnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBR3pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFHaEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR3JDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFlBQVksQ0FBQzs7Ozs7Ozs7O0FBUXBELE1BQU0sT0FBTyxlQUFlO0lBR25CLFlBQVksQ0FBNkI7SUFFekMsSUFBSSxHQUFHLElBQUksQ0FBQztJQUNaLGtCQUFrQixDQUF3QjtJQUV6QyxPQUFPLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNCLE9BQU8sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekIsTUFBTSxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNoQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzdCLHVCQUF1QixHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBRTFELFdBQVcsQ0FBQyxJQUFJO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFTSxNQUFNLEdBQUcsR0FBb0IsRUFBRTtRQUNwQyxPQUFPLElBQUksQ0FBQyx1QkFBdUI7YUFDaEMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUM7YUFDaEQsSUFBSSxDQUNILEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDUCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsUUFBUSxJQUFJLEdBQUcsQ0FBQztZQUNsRSxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyw0Q0FBNEMsQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3JDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDeEMsQ0FBQyxDQUFDLENBQ0gsQ0FBQztJQUNOLENBQUMsQ0FBQztJQUVLLE1BQU0sR0FBRyxHQUFxQixFQUFFO1FBQ3JDLE9BQU8sSUFBSSxDQUFDLHVCQUF1QixDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQy9DLENBQUMsQ0FBQztJQUVLLE1BQU07UUFDWCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN4QyxDQUFDO3VHQXJDVSxlQUFlOzJGQUFmLGVBQWUsa0dBRWYsMEJBQTBCLGdEQzNCdkMsMjhCQXNDTzs7MkZEYk0sZUFBZTtrQkFMM0IsU0FBUztzQ0FHUyx1QkFBdUIsQ0FBQyxNQUFNOzhCQUt4QyxZQUFZO3NCQURsQixTQUFTO3VCQUFDLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGluamVjdCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5cbmltcG9ydCB7IEZzQ29va2llIH0gZnJvbSAnQGZpcmVzdGl0Y2gvY29va2llJztcbmltcG9ydCB7IEZzTWVzc2FnZSB9IGZyb20gJ0BmaXJlc3RpdGNoL21lc3NhZ2UnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IElGc1ZlcmlmaWNhdGlvbk1ldGhvZCB9IGZyb20gJy4uLy4uLy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgRnMyZmFWZXJpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi92ZXJpZmljYXRpb24vY29tcG9uZW50cy8yZmEtdmVyaWZpY2F0aW9uJztcbmltcG9ydCB7IFZlcmlmaWNhdGlvbk1ldGhvZERhdGEgfSBmcm9tICcuLi8uLi9kYXRhJztcblxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcmlmeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZlcmlmeS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVmVyaWZ5Q29tcG9uZW50IHtcblxuICBAVmlld0NoaWxkKEZzMmZhVmVyaWZpY2F0aW9uQ29tcG9uZW50KVxuICBwdWJsaWMgdmVyaWZpY2F0aW9uOiBGczJmYVZlcmlmaWNhdGlvbkNvbXBvbmVudDtcblxuICBwdWJsaWMgY29kZSA9IG51bGw7XG4gIHB1YmxpYyB2ZXJpZmljYXRpb25NZXRob2Q6IElGc1ZlcmlmaWNhdGlvbk1ldGhvZDtcblxuICBwcml2YXRlIF9jb29raWUgPSBpbmplY3QoRnNDb29raWUpO1xuICBwcml2YXRlIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgcHJpdmF0ZSBfcm91dGUgPSBpbmplY3QoQWN0aXZhdGVkUm91dGUpO1xuICBwcml2YXRlIF9tZXNzYWdlID0gaW5qZWN0KEZzTWVzc2FnZSk7XG4gIHByaXZhdGUgX3ZlcmlmaWNhdGlvbk1ldGhvZERhdGEgPSBpbmplY3QoVmVyaWZpY2F0aW9uTWV0aG9kRGF0YSk7XG5cbiAgcHVibGljIGNvZGVDaGFuZ2VkKGNvZGUpOiB2b2lkIHtcbiAgICB0aGlzLmNvZGUgPSBjb2RlO1xuICB9XG5cbiAgcHVibGljIHZlcmlmeSA9ICgpOiBPYnNlcnZhYmxlPGFueT4gPT4ge1xuICAgIHJldHVybiB0aGlzLl92ZXJpZmljYXRpb25NZXRob2REYXRhXG4gICAgICAudmVyaWZ5KHRoaXMuY29kZSwgdGhpcy52ZXJpZmljYXRpb24udHJ1c3REZXZpY2UpXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICBjb25zdCByZWRpcmVjdCA9IHRoaXMuX3JvdXRlLnNuYXBzaG90LnF1ZXJ5UGFyYW1zLnJlZGlyZWN0IHx8ICcvJztcbiAgICAgICAgICB0aGlzLl9tZXNzYWdlLnN1Y2Nlc3MoJ1R3byBmYWN0b3IgdmVyaWZpY2F0aW9uIHN1Y2Nlc3NmdWxseSBzZXR1cCcpO1xuICAgICAgICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZUJ5VXJsKHJlZGlyZWN0KTtcbiAgICAgICAgICB0aGlzLl9jb29raWUuZGVsZXRlKCdUb2tlbi1Gb3JjZTJmYScpO1xuICAgICAgICB9KSxcbiAgICAgICk7XG4gIH07XG5cbiAgcHVibGljIHJlc2VuZCA9ICgpOiBPYnNlcnZhYmxlPHZvaWQ+ID0+IHtcbiAgICByZXR1cm4gdGhpcy5fdmVyaWZpY2F0aW9uTWV0aG9kRGF0YS5yZXNlbmQoKTtcbiAgfTtcblxuICBwdWJsaWMgY2FuY2VsKCkge1xuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZUJ5VXJsKCcvc2lnbmluJyk7XG4gIH1cblxufVxuIiwiPGZvcm1cbiAgICBmc0Zvcm1cbiAgICBbc3VibWl0XT1cInZlcmlmeVwiXG4gICAgW2RpcnR5U3VibWl0QnV0dG9uXT1cImZhbHNlXCJcbiAgICAqZnNTa2VsZXRvbj1cInZlcmlmaWNhdGlvbk1ldGhvZFwiPlxuICA8bWF0LWNhcmQ+XG4gICAgPG1hdC1jYXJkLWNvbnRlbnQ+XG4gICAgICA8IS0tIDxhcHAtbG9nbz48L2FwcC1sb2dvPiAtLT5cbiAgICAgIDxoMj5cbiAgICAgICAgRW5hYmxlIDItU3RlcCBWZXJpZmljYXRpb25cbiAgICAgIDwvaDI+XG4gICAgICA8ZnMtMmZhLXZlcmlmaWNhdGlvblxuICAgICAgICAjdmVyaWZpY2F0aW9uXG4gICAgICAgIFt2ZXJpZmljYXRpb25NZXRob2RdPVwidmVyaWZpY2F0aW9uTWV0aG9kXCJcbiAgICAgICAgW3Nob3dUcnVzdGVkRGV2aWNlXT1cInRydWVcIlxuICAgICAgICAoY29kZUNoYW5nZWQpPVwiY29kZUNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgIFtyZXNlbmRdPVwicmVzZW5kXCI+XG4gICAgICA8L2ZzLTJmYS12ZXJpZmljYXRpb24+XG4gICAgICA8YnV0dG9uXG4gICAgICAgICAgbWF0LXJhaXNlZC1idXR0b25cbiAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgICAgVmVyaWZ5XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgICAgW2ZzMmZhVmVyaWZpY2F0aW9uUmVzZW5kXT1cInZlcmlmaWNhdGlvblwiXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICBSZXNlbmRcbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAgIG1hdC1idXR0b25cbiAgICAgICAgICAoY2xpY2spPVwiY2FuY2VsKClcIlxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgQ2FuY2VsXG4gICAgICA8L2J1dHRvbj5cbiAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XG4gIDwvbWF0LWNhcmQ+XG48L2Zvcm0+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyaWZ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbW9kdWxlcy92ZXJpZmljYXRpb24tc2V0dXAvdmlld3MvdmVyaWZ5L3ZlcmlmeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvdmVyaWZpY2F0aW9uLXNldHVwL3ZpZXdzL3ZlcmlmeS92ZXJpZnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULE1BQU0sRUFFTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUd6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBR2hELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUdyQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUMvRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDcEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7OztBQVExRCxNQUFNLE9BQU8sZUFBZTtJQUduQixZQUFZLENBQTZCO0lBRXpDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDWixrQkFBa0IsQ0FBd0I7SUFFekMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQixPQUFPLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pCLE1BQU0sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDaEMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM3Qix1QkFBdUIsR0FBRyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUN6RCxNQUFNLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDbkMseUJBQXlCLEdBQUcsTUFBTSxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFFOUQsUUFBUTtRQUNiLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxPQUFPLEVBQUU7YUFDbkMsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLGtCQUFrQixFQUFFLEVBQUU7WUFDekIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGtCQUFrQixDQUFDO1lBQzdDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQ0gsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRU0sV0FBVyxDQUFDLElBQUk7UUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDbkIsQ0FBQztJQUVNLE1BQU0sR0FBRyxHQUFvQixFQUFFO1FBQ3BDLE9BQU8sSUFBSSxDQUFDLHVCQUF1QjthQUNoQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQzthQUNoRCxJQUFJLENBQ0gsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNQLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxRQUFRLElBQUksR0FBRyxDQUFDO1lBQ2xFLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7WUFDcEUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDckMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN4QyxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUssTUFBTSxHQUFHLEdBQXFCLEVBQUU7UUFDckMsT0FBTyxJQUFJLENBQUMsdUJBQXVCLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDL0MsQ0FBQyxDQUFDO0lBRUssTUFBTTtRQUNYLElBQUksQ0FBQyx5QkFBeUI7YUFDM0IsT0FBTyxFQUFFO2FBQ1QsU0FBUyxFQUFFLENBQUM7SUFDakIsQ0FBQzt1R0FuRFUsZUFBZTsyRkFBZixlQUFlLGtHQUVmLDBCQUEwQixnREM5QnZDLDZqQ0F5Q087OzJGRGJNLGVBQWU7a0JBTDNCLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTTs4QkFLeEMsWUFBWTtzQkFEbEIsU0FBUzt1QkFBQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgaW5qZWN0LFxuICBPbkluaXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuXG5pbXBvcnQgeyBGc0Nvb2tpZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2Nvb2tpZSc7XG5pbXBvcnQgeyBGc01lc3NhZ2UgfSBmcm9tICdAZmlyZXN0aXRjaC9tZXNzYWdlJztcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBJRnNWZXJpZmljYXRpb25NZXRob2QgfSBmcm9tICcuLi8uLi8uLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IEZzMmZhVmVyaWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vdmVyaWZpY2F0aW9uL2NvbXBvbmVudHMvMmZhLXZlcmlmaWNhdGlvbic7XG5pbXBvcnQgeyBWZXJpZmljYXRpb25NZXRob2REYXRhIH0gZnJvbSAnLi4vLi4vZGF0YSc7XG5pbXBvcnQgeyBWZXJpZmljYXRpb25TZXR1cFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi92ZXJpZnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi92ZXJpZnkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFZlcmlmeUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQFZpZXdDaGlsZChGczJmYVZlcmlmaWNhdGlvbkNvbXBvbmVudClcbiAgcHVibGljIHZlcmlmaWNhdGlvbjogRnMyZmFWZXJpZmljYXRpb25Db21wb25lbnQ7XG5cbiAgcHVibGljIGNvZGUgPSBudWxsO1xuICBwdWJsaWMgdmVyaWZpY2F0aW9uTWV0aG9kOiBJRnNWZXJpZmljYXRpb25NZXRob2Q7XG5cbiAgcHJpdmF0ZSBfY29va2llID0gaW5qZWN0KEZzQ29va2llKTtcbiAgcHJpdmF0ZSBfcm91dGVyID0gaW5qZWN0KFJvdXRlcik7XG4gIHByaXZhdGUgX3JvdXRlID0gaW5qZWN0KEFjdGl2YXRlZFJvdXRlKTtcbiAgcHJpdmF0ZSBfbWVzc2FnZSA9IGluamVjdChGc01lc3NhZ2UpO1xuICBwcml2YXRlIF92ZXJpZmljYXRpb25NZXRob2REYXRhID0gaW5qZWN0KFZlcmlmaWNhdGlvbk1ldGhvZERhdGEpO1xuICBwcml2YXRlIF9jZFJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIHByaXZhdGUgX3ZlcmlmaWNhdGlvblNldHVwU2VydmljZSA9IGluamVjdChWZXJpZmljYXRpb25TZXR1cFNlcnZpY2UpO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl92ZXJpZmljYXRpb25NZXRob2REYXRhLmFjY291bnQoKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgodmVyaWZpY2F0aW9uTWV0aG9kKSA9PiB7XG4gICAgICAgICAgdGhpcy52ZXJpZmljYXRpb25NZXRob2QgPSB2ZXJpZmljYXRpb25NZXRob2Q7XG4gICAgICAgICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH0pLFxuICAgICAgKS5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHB1YmxpYyBjb2RlQ2hhbmdlZChjb2RlKTogdm9pZCB7XG4gICAgdGhpcy5jb2RlID0gY29kZTtcbiAgfVxuXG4gIHB1YmxpYyB2ZXJpZnkgPSAoKTogT2JzZXJ2YWJsZTxhbnk+ID0+IHtcbiAgICByZXR1cm4gdGhpcy5fdmVyaWZpY2F0aW9uTWV0aG9kRGF0YVxuICAgICAgLnZlcmlmeSh0aGlzLmNvZGUsIHRoaXMudmVyaWZpY2F0aW9uLnRydXN0RGV2aWNlKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgY29uc3QgcmVkaXJlY3QgPSB0aGlzLl9yb3V0ZS5zbmFwc2hvdC5xdWVyeVBhcmFtcy5yZWRpcmVjdCB8fCAnLyc7XG4gICAgICAgICAgdGhpcy5fbWVzc2FnZS5zdWNjZXNzKCdUd28gZmFjdG9yIHZlcmlmaWNhdGlvbiBzdWNjZXNzZnVsbHkgc2V0dXAnKTtcbiAgICAgICAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGVCeVVybChyZWRpcmVjdCk7XG4gICAgICAgICAgdGhpcy5fY29va2llLmRlbGV0ZSgnVG9rZW4tRm9yY2UyZmEnKTtcbiAgICAgICAgfSksXG4gICAgICApO1xuICB9O1xuXG4gIHB1YmxpYyByZXNlbmQgPSAoKTogT2JzZXJ2YWJsZTx2b2lkPiA9PiB7XG4gICAgcmV0dXJuIHRoaXMuX3ZlcmlmaWNhdGlvbk1ldGhvZERhdGEucmVzZW5kKCk7XG4gIH07XG5cbiAgcHVibGljIGNhbmNlbCgpIHtcbiAgICB0aGlzLl92ZXJpZmljYXRpb25TZXR1cFNlcnZpY2VcbiAgICAgIC5zaWdub3V0KClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuXG59XG4iLCI8Zm9ybVxuICAgIGZzRm9ybVxuICAgIFtzdWJtaXRdPVwidmVyaWZ5XCJcbiAgICBbZGlydHlTdWJtaXRCdXR0b25dPVwiZmFsc2VcIlxuICAgICpmc1NrZWxldG9uPVwidmVyaWZpY2F0aW9uTWV0aG9kXCI+XG4gIDxtYXQtY2FyZD5cbiAgICA8bWF0LWNhcmQtaGVhZGVyPlxuICAgICAgPG1hdC1jYXJkLXRpdGxlPlxuICAgICAgICBFbmFibGUgMi1TdGVwIFZlcmlmaWNhdGlvblxuICAgICAgPC9tYXQtY2FyZC10aXRsZT5cbiAgICA8L21hdC1jYXJkLWhlYWRlcj5cbiAgICA8bWF0LWNhcmQtY29udGVudD5cbiAgICAgIDxmcy0yZmEtdmVyaWZpY2F0aW9uXG4gICAgICAgICN2ZXJpZmljYXRpb25cbiAgICAgICAgW3ZlcmlmaWNhdGlvbk1ldGhvZF09XCJ2ZXJpZmljYXRpb25NZXRob2RcIlxuICAgICAgICBbc2hvd1RydXN0ZWREZXZpY2VdPVwidHJ1ZVwiXG4gICAgICAgIChjb2RlQ2hhbmdlZCk9XCJjb2RlQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgW3Jlc2VuZF09XCJyZXNlbmRcIj5cbiAgICAgIDwvZnMtMmZhLXZlcmlmaWNhdGlvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIG1hdC1yYWlzZWQtYnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICAgIFZlcmlmeVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgbWF0LWJ1dHRvblxuICAgICAgICAgICAgW2ZzMmZhVmVyaWZpY2F0aW9uUmVzZW5kXT1cInZlcmlmaWNhdGlvblwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgUmVzZW5kXG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgICAgICAoY2xpY2spPVwiY2FuY2VsKClcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgIENhbmNlbFxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgPC9tYXQtY2FyZD5cbjwvZm9ybT4iXX0=

package/fesm2022/firestitch-2fa.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, ViewChild, Input, Output, Inject, Injectable, NgModule, inject, Directive, HostListener, ChangeDetectorRef } from '@angular/core';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { of, Subject, BehaviorSubject } from 'rxjs';
+import { of, Subject, BehaviorSubject, from } from 'rxjs';
 import { switchMap, tap, finalize, filter, takeUntil, map } from 'rxjs/operators';
 import * as i10 from '@firestitch/form';
 import { FsFormDirective, FsFormModule } from '@firestitch/form';
@@ -1473,7 +1473,7 @@ class VerificationMethodData {
     }
     account(config = {}) {
         return this._api.post('verifications/methods/account', {}, {
-            key: '',
+            key: 'verificationMethod',
             ...config,
         });
     }
@@ -1484,13 +1484,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i1$3.FsApi }] });
 
+class VerificationSetupService {
+    _api = inject(FsApi);
+    _router = inject(Router);
+    signout() {
+        return this._api
+            .post('auth/signout')
+            .pipe(finalize(() => {
+            this._router.navigateByUrl('/signin');
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerificationSetupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerificationSetupService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerificationSetupService, decorators: [{
+            type: Injectable
+        }] });
+
 class EmailComponent {
     email = null;
     _api = inject(FsApi);
     _router = inject(Router);
     _route = inject(ActivatedRoute);
-    _verificationMethodData = inject(VerificationMethodData);
     _cdRef = inject(ChangeDetectorRef);
+    _verificationSetupService = inject(VerificationSetupService);
     ngOnInit() {
         this._api.get('account', {}, { key: 'account' })
             .subscribe(({ email }) => {
@@ -1500,20 +1517,23 @@ class EmailComponent {
     }
     next = () => {
         const redirect = this._route.snapshot.queryParams.redirect || '/';
-        return this._verificationMethodData.account()
-            .pipe(tap(() => {
-            this._router.navigate(['verify'], { relativeTo: this._route, queryParams: { redirect } });
+        return from(this._router
+            .navigate(['verify'], {
+            relativeTo: this._route,
+            queryParams: { redirect },
         }));
     };
     cancel() {
-        this._router.navigateByUrl('/signin');
+        this._verificationSetupService
+            .signout()
+            .subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: EmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: EmailComponent, selector: "ng-component", ngImport: i0, template: "<mat-card>\r\n  <form\r\n      fsForm\r\n      [submit]=\"next\"\r\n      [dirtySubmitButton]=\"false\"\r\n      *fsSkeleton=\"email\">\r\n    <mat-card-content>\r\n      <!-- <app-logo></app-logo> -->\r\n      <h2>\r\n        Enable 2-Step Verification\r\n      </h2>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <button\r\n          mat-raised-button\r\n          type=\"submit\"\r\n          color=\"primary\">\r\n        Next\r\n      </button>\r\n      <button\r\n          mat-button\r\n          (click)=\"cancel()\"\r\n          type=\"button\">\r\n        Cancel\r\n      </button>\r\n    </mat-card-content>\r\n  </form>\r\n</mat-card>", styles: ["h2{text-align:center}\n"], dependencies: [{ kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i10.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i10.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i4$2.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i4$2.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: EmailComponent, selector: "ng-component", ngImport: i0, template: "<form\r\n    fsForm\r\n    [submit]=\"next\"\r\n    [dirtySubmitButton]=\"false\"\r\n    *fsSkeleton=\"email\">\r\n  <mat-card>\r\n    <mat-card-header>\r\n      <mat-card-title>\r\n        Enable 2-Step Verification\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <div class=\"buttons\">\r\n        <button\r\n            mat-raised-button\r\n            type=\"submit\"\r\n            color=\"primary\">\r\n          Next\r\n        </button>\r\n        <button\r\n            mat-button\r\n            (click)=\"cancel()\"\r\n            type=\"button\">\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"], dependencies: [{ kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i10.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i10.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: i4$2.FsLabelComponent, selector: "fs-label" }, { kind: "component", type: i4$2.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: EmailComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card>\r\n  <form\r\n      fsForm\r\n      [submit]=\"next\"\r\n      [dirtySubmitButton]=\"false\"\r\n      *fsSkeleton=\"email\">\r\n    <mat-card-content>\r\n      <!-- <app-logo></app-logo> -->\r\n      <h2>\r\n        Enable 2-Step Verification\r\n      </h2>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <button\r\n          mat-raised-button\r\n          type=\"submit\"\r\n          color=\"primary\">\r\n        Next\r\n      </button>\r\n      <button\r\n          mat-button\r\n          (click)=\"cancel()\"\r\n          type=\"button\">\r\n        Cancel\r\n      </button>\r\n    </mat-card-content>\r\n  </form>\r\n</mat-card>", styles: ["h2{text-align:center}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\r\n    fsForm\r\n    [submit]=\"next\"\r\n    [dirtySubmitButton]=\"false\"\r\n    *fsSkeleton=\"email\">\r\n  <mat-card>\r\n    <mat-card-header>\r\n      <mat-card-title>\r\n        Enable 2-Step Verification\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <p>\r\n        Please enable two factor authentication to protect your account.\r\n        The app will use this email for verifying your account\r\n      </p>\r\n      <fs-label-field>\r\n        <fs-label>\r\n          Email\r\n        </fs-label>\r\n        {{ email }}\r\n      </fs-label-field>\r\n      <div class=\"buttons\">\r\n        <button\r\n            mat-raised-button\r\n            type=\"submit\"\r\n            color=\"primary\">\r\n          Next\r\n        </button>\r\n        <button\r\n            mat-button\r\n            (click)=\"cancel()\"\r\n            type=\"button\">\r\n          Cancel\r\n        </button>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"] }]
         }] });
 
 class VerifyComponent {
@@ -1525,6 +1545,15 @@ class VerifyComponent {
     _route = inject(ActivatedRoute);
     _message = inject(FsMessage);
     _verificationMethodData = inject(VerificationMethodData);
+    _cdRef = inject(ChangeDetectorRef);
+    _verificationSetupService = inject(VerificationSetupService);
+    ngOnInit() {
+        this._verificationMethodData.account()
+            .pipe(tap((verificationMethod) => {
+            this.verificationMethod = verificationMethod;
+            this._cdRef.markForCheck();
+        })).subscribe();
+    }
     codeChanged(code) {
         this.code = code;
     }
@@ -1542,14 +1571,16 @@ class VerifyComponent {
         return this._verificationMethodData.resend();
     };
     cancel() {
-        this._router.navigateByUrl('/signin');
+        this._verificationSetupService
+            .signout()
+            .subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerifyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: VerifyComponent, selector: "ng-component", viewQueries: [{ propertyName: "verification", first: true, predicate: Fs2faVerificationComponent, descendants: true }], ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-content>\n      <!-- <app-logo></app-logo> -->\n      <h2>\n        Enable 2-Step Verification\n      </h2>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <button\n          mat-raised-button\n          type=\"submit\"\n          color=\"primary\">\n        Verify\n      </button>\n      <button\n          mat-button\n          [fs2faVerificationResend]=\"verification\"\n          type=\"button\">\n        Resend\n      </button>\n      <button\n          mat-button\n          (click)=\"cancel()\"\n          type=\"button\">\n        Cancel\n      </button>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}\n"], dependencies: [{ kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i10.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i10.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: Fs2faVerificationComponent, selector: "fs-2fa-verification", inputs: ["verificationMethod", "resend", "showTrustedDevice", "trustDevice", "codeLength", "trustDays", "formatRecipient", "getVerificationMethods", "selectVerificationMethod"], outputs: ["verified", "codeChanged", "codeCompleted", "trustDeviceChange"] }, { kind: "directive", type: Fs2faVerificationResendDirective, selector: "[fs2faVerificationResend]", inputs: ["fs2faVerificationResend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: VerifyComponent, selector: "ng-component", viewQueries: [{ propertyName: "verification", first: true, predicate: Fs2faVerificationComponent, descendants: true }], ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-header>\n      <mat-card-title>\n        Enable 2-Step Verification\n      </mat-card-title>\n    </mat-card-header>\n    <mat-card-content>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <div class=\"buttons\">\n        <button\n            mat-raised-button\n            type=\"submit\"\n            color=\"primary\">\n          Verify\n        </button>\n        <button\n            mat-button\n            [fs2faVerificationResend]=\"verification\"\n            type=\"button\">\n          Resend\n        </button>\n        <button\n            mat-button\n            (click)=\"cancel()\"\n            type=\"button\">\n          Cancel\n        </button>\n      </div>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"], dependencies: [{ kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i10.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "confirmTabs", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "tabGroup", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i10.FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }, { kind: "directive", type: i5$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { kind: "component", type: Fs2faVerificationComponent, selector: "fs-2fa-verification", inputs: ["verificationMethod", "resend", "showTrustedDevice", "trustDevice", "codeLength", "trustDays", "formatRecipient", "getVerificationMethods", "selectVerificationMethod"], outputs: ["verified", "codeChanged", "codeCompleted", "trustDeviceChange"] }, { kind: "directive", type: Fs2faVerificationResendDirective, selector: "[fs2faVerificationResend]", inputs: ["fs2faVerificationResend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: VerifyComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-content>\n      <!-- <app-logo></app-logo> -->\n      <h2>\n        Enable 2-Step Verification\n      </h2>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <button\n          mat-raised-button\n          type=\"submit\"\n          color=\"primary\">\n        Verify\n      </button>\n      <button\n          mat-button\n          [fs2faVerificationResend]=\"verification\"\n          type=\"button\">\n        Resend\n      </button>\n      <button\n          mat-button\n          (click)=\"cancel()\"\n          type=\"button\">\n        Cancel\n      </button>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    fsForm\n    [submit]=\"verify\"\n    [dirtySubmitButton]=\"false\"\n    *fsSkeleton=\"verificationMethod\">\n  <mat-card>\n    <mat-card-header>\n      <mat-card-title>\n        Enable 2-Step Verification\n      </mat-card-title>\n    </mat-card-header>\n    <mat-card-content>\n      <fs-2fa-verification\n        #verification\n        [verificationMethod]=\"verificationMethod\"\n        [showTrustedDevice]=\"true\"\n        (codeChanged)=\"codeChanged($event)\"\n        [resend]=\"resend\">\n      </fs-2fa-verification>\n      <div class=\"buttons\">\n        <button\n            mat-raised-button\n            type=\"submit\"\n            color=\"primary\">\n          Verify\n        </button>\n        <button\n            mat-button\n            [fs2faVerificationResend]=\"verification\"\n            type=\"button\">\n          Resend\n        </button>\n        <button\n            mat-button\n            (click)=\"cancel()\"\n            type=\"button\">\n          Cancel\n        </button>\n      </div>\n    </mat-card-content>\n  </mat-card>\n</form>", styles: ["h2{text-align:center}.buttons button+button{margin-top:5px}.buttons button{width:100%;display:block}\n"] }]
         }], propDecorators: { verification: [{
                 type: ViewChild,
                 args: [Fs2faVerificationComponent]
@@ -1593,6 +1624,7 @@ class FsVerificationSetupModule {
             VerificationSetupRoutingModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsVerificationSetupModule, providers: [
             VerificationMethodData,
+            VerificationSetupService,
         ], imports: [CommonModule,
             FormsModule,
             MatButtonModule,
@@ -1629,6 +1661,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     ],
                     providers: [
                         VerificationMethodData,
+                        VerificationSetupService,
                     ],
                 }]
         }] });