@firestitch/2fa 12.0.0

package/app/components/current-device/current-device.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class FsCurrentDeviceComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsCurrentDeviceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsCurrentDeviceComponent, "fs-current-device", never, {}, {}, never, never>;
+}

package/app/components/trusted-devices/trusted-devices.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { FsListComponent, FsListConfig } from '@firestitch/list';
+import { FsCountry } from '@firestitch/country';
+import { Observable } from 'rxjs';
+import { ITrustedDevice } from '../../interfaces/trusted-device';
+import * as i0 from "@angular/core";
+export declare class FsTrustedDevicesComponent implements OnInit, OnDestroy {
+    private _fsCountry;
+    fetchTrustedDevices: (query: any) => Observable<{
+        data: ITrustedDevice[];
+        paging?: any;
+    }>;
+    removeTrustedDevice: (trustedDevice: ITrustedDevice) => Observable<any>;
+    signOutTrustedDevice: (trustedDevice: ITrustedDevice) => Observable<any>;
+    showAccount: boolean;
+    listComponent: FsListComponent;
+    listConfig: FsListConfig;
+    private _destroy$;
+    constructor(_fsCountry: FsCountry);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _initListConfig;
+    reload(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsTrustedDevicesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FsTrustedDevicesComponent, "fs-trusted-devices", never, { "fetchTrustedDevices": "fetchTrustedDevices"; "removeTrustedDevice": "removeTrustedDevice"; "signOutTrustedDevice": "signOutTrustedDevice"; "showAccount": "showAccount"; }, {}, never, never>;
+}

package/app/fs-2fa.module.d.ts

@@ -0,0 +1,19 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/trusted-devices/trusted-devices.component";
+import * as i2 from "./components/current-device/current-device.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/flex-layout";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "@firestitch/list";
+import * as i8 from "@firestitch/date";
+import * as i9 from "@firestitch/country";
+import * as i10 from "@firestitch/device";
+import * as i11 from "@firestitch/badge";
+export declare class Fs2FaModule {
+    static forRoot(): ModuleWithProviders<Fs2FaModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Fs2FaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Fs2FaModule, [typeof i1.FsTrustedDevicesComponent, typeof i2.FsCurrentDeviceComponent], [typeof i3.CommonModule, typeof i4.FlexLayoutModule, typeof i5.MatIconModule, typeof i6.MatTooltipModule, typeof i7.FsListModule, typeof i8.FsDateModule, typeof i9.FsCountryModule, typeof i10.FsDeviceModule, typeof i11.FsBadgeModule], [typeof i1.FsTrustedDevicesComponent, typeof i2.FsCurrentDeviceComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<Fs2FaModule>;
+}

package/app/interfaces/trusted-device-account.d.ts

@@ -0,0 +1,6 @@
+export interface ITrustedDeviceAccount {
+    readonly id: number;
+    name: string;
+    email: string;
+    avatarUrl: string;
+}

package/app/interfaces/trusted-device-device.d.ts

@@ -0,0 +1,10 @@
+import { DeviceType, DeviceOs, DeviceBrowser } from '@firestitch/device';
+export interface ITrustedDeviceDevice {
+    readonly id: number;
+    type: DeviceType;
+    osType: DeviceOs;
+    osVersion: string;
+    browserType: DeviceBrowser;
+    browserVersion: string;
+    userAgent: string;
+}

package/app/interfaces/trusted-device-ip.d.ts

@@ -0,0 +1,5 @@
+export interface ITrustedDeviceIp {
+    id?: number;
+    country?: string;
+    ip?: string;
+}

package/app/interfaces/trusted-device.d.ts

@@ -0,0 +1,14 @@
+import { ITrustedDeviceAccount } from './trusted-device-account';
+import { ITrustedDeviceDevice } from './trusted-device-device';
+import { ITrustedDeviceIp } from './trusted-device-ip';
+export interface ITrustedDevice {
+    readonly id: number;
+    account: ITrustedDeviceAccount;
+    device: ITrustedDeviceDevice;
+    ip: ITrustedDeviceIp;
+    activityDate: Date;
+    createDate: Date;
+    guid: string;
+    state: 'active' | 'deleted';
+    currentDevice?: boolean;
+}

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

@@ -0,0 +1,217 @@
+(function (global, factory) {
+        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/flex-layout'), require('@angular/material/icon'), require('@firestitch/list'), require('@firestitch/date'), require('@firestitch/country'), require('@firestitch/device'), require('@angular/material/tooltip'), require('@firestitch/filter'), require('rxjs'), require('rxjs/operators'), require('@firestitch/badge')) :
+        typeof define === 'function' && define.amd ? define('@firestitch/2fa', ['exports', '@angular/core', '@angular/common', '@angular/flex-layout', '@angular/material/icon', '@firestitch/list', '@firestitch/date', '@firestitch/country', '@firestitch/device', '@angular/material/tooltip', '@firestitch/filter', 'rxjs', 'rxjs/operators', '@firestitch/badge'], factory) :
+        (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch["2fa"] = {}), global.ng.core, global.ng.common, global.ng.flexLayout, global.ng.material.icon, global.i2$1, global.i7, global.i1$1, global.i5, global.ng.material.tooltip, global.filter, global.rxjs, global.rxjs.operators, global.i3));
+})(this, (function (exports, i0, i6, flexLayout, i1, i2$1, i7, i1$1, i5, i2, filter, rxjs, operators, i3) { 'use strict';
+
+        function _interopNamespace(e) {
+                if (e && e.__esModule) return e;
+                var n = Object.create(null);
+                if (e) {
+                        Object.keys(e).forEach(function (k) {
+                                if (k !== 'default') {
+                                        var d = Object.getOwnPropertyDescriptor(e, k);
+                                        Object.defineProperty(n, k, d.get ? d : {
+                                                enumerable: true,
+                                                get: function () { return e[k]; }
+                                        });
+                                }
+                        });
+                }
+                n["default"] = e;
+                return Object.freeze(n);
+        }
+
+        var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+        var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
+        var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+        var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+        var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
+        var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+        var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+        var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+        var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+
+        var FsCurrentDeviceComponent = /** @class */ (function () {
+            function FsCurrentDeviceComponent() {
+            }
+            return FsCurrentDeviceComponent;
+        }());
+        FsCurrentDeviceComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsCurrentDeviceComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+        FsCurrentDeviceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsCurrentDeviceComponent, selector: "fs-current-device", ngImport: i0__namespace, template: "\n<div class=\"current-device\">\n  <mat-icon class=\"circle\">circle</mat-icon>\n  <mat-icon \n      class=\"check\"\n      matTooltip=\"This device\">\n    check_circle\n  </mat-icon>\n</div>\n", styles: [".current-device{transform:scale(.8);z-index:1;position:relative}.current-device .check,.current-device .circle{position:absolute;color:#027db4;top:0}.current-device .circle{color:#fff}\n"], components: [{ type: i1__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsCurrentDeviceComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'fs-current-device',
+                            templateUrl: './current-device.component.html',
+                            styleUrls: ['./current-device.component.scss'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }] });
+
+        var FsTrustedDevicesComponent = /** @class */ (function () {
+            function FsTrustedDevicesComponent(_fsCountry) {
+                this._fsCountry = _fsCountry;
+                this.fetchTrustedDevices = function (query) { return new rxjs.Observable(); };
+                this.removeTrustedDevice = function (trustedDevice) { return new rxjs.Observable(); };
+                this.signOutTrustedDevice = function (trustedDevice) { return new rxjs.Observable(); };
+                this.showAccount = true;
+                this._destroy$ = new rxjs.Subject();
+            }
+            FsTrustedDevicesComponent.prototype.ngOnInit = function () {
+                var _this = this;
+                this._fsCountry.ready$
+                    .pipe(operators.takeUntil(this._destroy$))
+                    .subscribe(function () {
+                    _this._initListConfig();
+                });
+            };
+            FsTrustedDevicesComponent.prototype.ngOnDestroy = function () {
+                this._destroy$.next();
+                this._destroy$.complete();
+            };
+            FsTrustedDevicesComponent.prototype._initListConfig = function () {
+                var _this = this;
+                this.listConfig = {
+                    filters: [
+                        {
+                            name: 'keyword',
+                            type: filter.ItemType.Keyword,
+                            label: 'Search',
+                        },
+                    ],
+                    rowActions: [
+                        {
+                            click: function (data) {
+                                _this.signOutTrustedDevice(data)
+                                    .subscribe(function () {
+                                    _this.reload();
+                                });
+                            },
+                            menu: true,
+                            label: 'Sign Out',
+                        },
+                        {
+                            click: function (data) {
+                                _this.removeTrustedDevice(data)
+                                    .subscribe(function () {
+                                    _this.reload();
+                                });
+                            },
+                            remove: {
+                                title: 'Confirm',
+                                template: 'Are you sure you would like to delete this record?',
+                            },
+                            menu: true,
+                            label: 'Delete',
+                        },
+                    ],
+                    fetch: function (query) {
+                        return _this.fetchTrustedDevices(query)
+                            .pipe(operators.map(function (response) {
+                            return {
+                                data: response.data,
+                                paging: response.paging,
+                            };
+                        }));
+                    },
+                };
+            };
+            FsTrustedDevicesComponent.prototype.reload = function () {
+                this.listComponent.reload();
+            };
+            return FsTrustedDevicesComponent;
+        }());
+        FsTrustedDevicesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsTrustedDevicesComponent, deps: [{ token: i1__namespace$1.FsCountry }], target: i0__namespace.ɵɵFactoryTarget.Component });
+        FsTrustedDevicesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsTrustedDevicesComponent, selector: "fs-trusted-devices", inputs: { fetchTrustedDevices: "fetchTrustedDevices", removeTrustedDevice: "removeTrustedDevice", signOutTrustedDevice: "signOutTrustedDevice", showAccount: "showAccount" }, viewQueries: [{ propertyName: "listComponent", first: true, predicate: i2$1.FsListComponent, descendants: true }], ngImport: i0__namespace, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column title=\"Account\" [show]=\"showAccount\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-account\">\n      <div *ngIf=\"row.account\" class=\"row\">\n        <fs-badge \n          *ngIf=\"row.account.avatarUrl\"\n          shape=\"circle\" \n          image=\"{{ row.account.avatarUrl }}\">\n        </fs-badge>\n        <div>\n          {{ row.account.name }}\n          <div class=\"small\" *ngIf=\"row.account.email\">{{ row.account.email }}</div>  \n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Device\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-device\">\n      <div class=\"device\" *ngIf=\"row.device\">\n        <fs-current-device *ngIf=\"row.currentDevice\"></fs-current-device>\n        <fs-device-os\n          [type]=\"row.device.type\"\n          [os]=\"row.device.osType\"\n          [version]=\"row.device.osVersion\">\n        </fs-device-os>\n      </div>     \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Browser\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-device-browser\n        *ngIf=\"row.device\"\n        [type]=\"row.device.browserType\"\n        [version]=\"row.device.browserVersion\"\n        [showName]=\"true\"\n      ></fs-device-browser>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Added\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.createDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Location\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-country [code]=\"row.ip.country\"></fs-country>\n      <div><small>{{row.ip.ip}}</small></div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Last signed in\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.activityDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [":host ::ng-deep .col-account .row{display:flex;align-items:center}:host ::ng-deep .col-account .row fs-badge{margin-right:5px}:host ::ng-deep .col-device .device{position:relative;display:inline-block}:host ::ng-deep .col-device .device .current-device{right:8px;top:-8px;position:absolute}\n"], components: [{ type: i2__namespace$1.FsListComponent, selector: "fs-list", inputs: ["loaderLines", "config"], outputs: ["filtersReady"] }, { type: i3__namespace.FsBadgeComponent, selector: "fs-badge", inputs: ["text", "shape", "color", "tooltip", "size", "image", "icon", "iconSize", "iconColor", "backgroundSize"] }, { type: FsCurrentDeviceComponent, selector: "fs-current-device" }, { type: i5__namespace.FsDeviceOsComponent, selector: "fs-device-os", inputs: ["type", "os", "showName", "version"] }, { type: i5__namespace.FsDeviceBrowserComponent, selector: "fs-device-browser", inputs: ["type", "version", "showName"] }, { type: i1__namespace$1.FsCountryComponent, selector: "fs-country", inputs: ["showIcon", "showName", "width", "code"] }], directives: [{ type: i2__namespace$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "customize", "title", "name", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2__namespace$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateAgo": i7__namespace.FsDateAgoPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsTrustedDevicesComponent, decorators: [{
+                    type: i0.Component,
+                    args: [{
+                            selector: 'fs-trusted-devices',
+                            templateUrl: './trusted-devices.component.html',
+                            styleUrls: ['./trusted-devices.component.scss'],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        }]
+                }], ctorParameters: function () { return [{ type: i1__namespace$1.FsCountry }]; }, propDecorators: { fetchTrustedDevices: [{
+                        type: i0.Input
+                    }], removeTrustedDevice: [{
+                        type: i0.Input
+                    }], signOutTrustedDevice: [{
+                        type: i0.Input
+                    }], showAccount: [{
+                        type: i0.Input
+                    }], listComponent: [{
+                        type: i0.ViewChild,
+                        args: [i2$1.FsListComponent]
+                    }] } });
+
+        var Fs2FaModule = /** @class */ (function () {
+            function Fs2FaModule() {
+            }
+            Fs2FaModule.forRoot = function () {
+                return {
+                    ngModule: Fs2FaModule,
+                };
+            };
+            return Fs2FaModule;
+        }());
+        Fs2FaModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2FaModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        Fs2FaModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2FaModule, declarations: [FsTrustedDevicesComponent,
+                FsCurrentDeviceComponent], imports: [i6.CommonModule,
+                flexLayout.FlexLayoutModule,
+                i1.MatIconModule,
+                i2.MatTooltipModule,
+                i2$1.FsListModule,
+                i7.FsDateModule,
+                i1$1.FsCountryModule,
+                i5.FsDeviceModule,
+                i3.FsBadgeModule], exports: [FsTrustedDevicesComponent,
+                FsCurrentDeviceComponent] });
+        Fs2FaModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2FaModule, imports: [[
+                    i6.CommonModule,
+                    flexLayout.FlexLayoutModule,
+                    i1.MatIconModule,
+                    i2.MatTooltipModule,
+                    i2$1.FsListModule,
+                    i7.FsDateModule,
+                    i1$1.FsCountryModule,
+                    i5.FsDeviceModule,
+                    i3.FsBadgeModule,
+                ]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: Fs2FaModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            imports: [
+                                i6.CommonModule,
+                                flexLayout.FlexLayoutModule,
+                                i1.MatIconModule,
+                                i2.MatTooltipModule,
+                                i2$1.FsListModule,
+                                i7.FsDateModule,
+                                i1$1.FsCountryModule,
+                                i5.FsDeviceModule,
+                                i3.FsBadgeModule,
+                            ],
+                            exports: [
+                                FsTrustedDevicesComponent,
+                                FsCurrentDeviceComponent,
+                            ],
+                            declarations: [
+                                FsTrustedDevicesComponent,
+                                FsCurrentDeviceComponent,
+                            ],
+                        }]
+                }] });
+
+        /**
+         * Generated bundle index. Do not edit.
+         */
+
+        exports.Fs2FaModule = Fs2FaModule;
+        exports.FsCurrentDeviceComponent = FsCurrentDeviceComponent;
+        exports.FsTrustedDevicesComponent = FsTrustedDevicesComponent;
+
+        Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=firestitch-2fa.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"firestitch-2fa.umd.js","sources":["../../src/app/components/current-device/current-device.component.ts","../../src/app/components/current-device/current-device.component.html","../../src/app/components/trusted-devices/trusted-devices.component.ts","../../src/app/components/trusted-devices/trusted-devices.component.html","../../src/app/fs-2fa.module.ts","../../src/firestitch-2fa.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n\n@Component({\n  selector: 'fs-current-device',\n  templateUrl: './current-device.component.html',\n  styleUrls: [ './current-device.component.scss' ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsCurrentDeviceComponent {\n}\n","\n<div class=\"current-device\">\n  <mat-icon class=\"circle\">circle</mat-icon>\n  <mat-icon \n      class=\"check\"\n      matTooltip=\"This device\">\n    check_circle\n  </mat-icon>\n</div>\n","import {\n  Component,\n  ViewChild,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\n\nimport { FsListComponent, FsListConfig } from '@firestitch/list';\nimport { ItemType } from '@firestitch/filter';\nimport { FsCountry } from '@firestitch/country';\n\nimport { Observable, Subject } from 'rxjs';\nimport { map, takeUntil } from 'rxjs/operators';\n\nimport { ITrustedDevice } from '../../interfaces/trusted-device';\nimport { ITrustedDeviceAccount } from '../../interfaces/trusted-device-account';\n\n\n@Component({\n  selector: 'fs-trusted-devices',\n  templateUrl: './trusted-devices.component.html',\n  styleUrls: [ './trusted-devices.component.scss' ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsTrustedDevicesComponent implements OnInit, OnDestroy {\n\n  @Input()\n  public fetchTrustedDevices = (query: any) => new Observable<{\n    data: ITrustedDevice[];\n    paging?: any;\n  }>();\n\n  @Input()\n  public removeTrustedDevice = (trustedDevice: ITrustedDevice) => new Observable<any>();\n\n  @Input()\n  public signOutTrustedDevice = (trustedDevice:  ITrustedDevice) => new Observable<any>();\n\n  @Input()\n  public showAccount = true;\n\n  @ViewChild(FsListComponent)\n  public listComponent: FsListComponent;\n\n  public listConfig: FsListConfig;\n\n  private _destroy$ = new Subject();\n\n  constructor(\n    private _fsCountry: FsCountry,\n  ) { }\n\n  public ngOnInit(): void {\n    this._fsCountry.ready$\n      .pipe(\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        this._initListConfig();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this._destroy$.next();\n    this._destroy$.complete();\n  }\n\n  private _initListConfig(): void {\n    this.listConfig = {\n      filters: [\n        {\n          name: 'keyword',\n          type: ItemType.Keyword,\n          label: 'Search',\n        },\n      ],\n      rowActions: [\n        {\n          click: (data) => {\n            this.signOutTrustedDevice(data)\n            .subscribe(() => {\n              this.reload();\n            });\n          },\n          menu: true,\n          label: 'Sign Out',\n        },\n        {\n          click: (data) => {\n            this.removeTrustedDevice(data)\n            .subscribe(() => {\n              this.reload();\n            });\n          },\n          remove: {\n            title: 'Confirm',\n            template: 'Are you sure you would like to delete this record?',\n          },\n          menu: true,\n          label: 'Delete',\n        },\n      ],\n      fetch: (query) => {\n        return this.fetchTrustedDevices(query)\n          .pipe(\n            map((response) => {\n              return {\n                data: response.data,\n                paging: response.paging,\n              };\n            }),\n          );\n      },\n    };\n  }\n\n  public reload(): void {\n    this.listComponent.reload();\n  }\n\n}\n","<fs-list [config]=\"listConfig\">\n  <fs-list-column title=\"Account\" [show]=\"showAccount\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-account\">\n      <div *ngIf=\"row.account\" class=\"row\">\n        <fs-badge \n          *ngIf=\"row.account.avatarUrl\"\n          shape=\"circle\" \n          image=\"{{ row.account.avatarUrl }}\">\n        </fs-badge>\n        <div>\n          {{ row.account.name }}\n          <div class=\"small\" *ngIf=\"row.account.email\">{{ row.account.email }}</div>  \n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Device\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-device\">\n      <div class=\"device\" *ngIf=\"row.device\">\n        <fs-current-device *ngIf=\"row.currentDevice\"></fs-current-device>\n        <fs-device-os\n          [type]=\"row.device.type\"\n          [os]=\"row.device.osType\"\n          [version]=\"row.device.osVersion\">\n        </fs-device-os>\n      </div>     \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Browser\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-device-browser\n        *ngIf=\"row.device\"\n        [type]=\"row.device.browserType\"\n        [version]=\"row.device.browserVersion\"\n        [showName]=\"true\"\n      ></fs-device-browser>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Added\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.createDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Location\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-country [code]=\"row.ip.country\"></fs-country>\n      <div><small>{{row.ip.ip}}</small></div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Last signed in\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.activityDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FlexLayoutModule } from '@angular/flex-layout';\n\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { FsListModule } from '@firestitch/list';\nimport { FsDateModule } from '@firestitch/date';\nimport { FsCountryModule } from '@firestitch/country';\nimport { FsDeviceModule } from '@firestitch/device';\n\nimport { FsCurrentDeviceComponent } from './components/current-device/current-device.component';\nimport { FsTrustedDevicesComponent } from './components/trusted-devices/trusted-devices.component';\n\nimport { FsBadgeModule } from '@firestitch/badge';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FlexLayoutModule,\n\n    MatIconModule,\n    MatTooltipModule,\n\n    FsListModule,\n    FsDateModule,\n    FsCountryModule,\n    FsDeviceModule,\n    FsBadgeModule,\n  ],\n  exports: [\n    FsTrustedDevicesComponent,\n    FsCurrentDeviceComponent,\n  ],\n  declarations: [\n    FsTrustedDevicesComponent,\n    FsCurrentDeviceComponent,\n  ],\n})\nexport class Fs2FaModule {\n  static forRoot(): ModuleWithProviders<Fs2FaModule> {\n    return {\n      ngModule: Fs2FaModule,\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["Component","ChangeDetectionStrategy","Observable","Subject","takeUntil","ItemType","map","FsListComponent","Input","ViewChild","CommonModule","FlexLayoutModule","MatIconModule","MatTooltipModule","FsListModule","FsDateModule","FsCountryModule","FsDeviceModule","FsBadgeModule","NgModule"],"mappings":"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"}

package/esm2015/app/components/current-device/current-device.component.js

@@ -0,0 +1,18 @@
+import { Component, ChangeDetectionStrategy, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/material/tooltip";
+export class FsCurrentDeviceComponent {
+}
+FsCurrentDeviceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsCurrentDeviceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FsCurrentDeviceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsCurrentDeviceComponent, selector: "fs-current-device", ngImport: i0, template: "\n<div class=\"current-device\">\n  <mat-icon class=\"circle\">circle</mat-icon>\n  <mat-icon \n      class=\"check\"\n      matTooltip=\"This device\">\n    check_circle\n  </mat-icon>\n</div>\n", styles: [".current-device{transform:scale(.8);z-index:1;position:relative}.current-device .check,.current-device .circle{position:absolute;color:#027db4;top:0}.current-device .circle{color:#fff}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsCurrentDeviceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-current-device',
+                    templateUrl: './current-device.component.html',
+                    styleUrls: ['./current-device.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VycmVudC1kZXZpY2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2N1cnJlbnQtZGV2aWNlL2N1cnJlbnQtZGV2aWNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jdXJyZW50LWRldmljZS9jdXJyZW50LWRldmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8sd0JBQXdCOztzSEFBeEIsd0JBQXdCOzBHQUF4Qix3QkFBd0IseURDWnJDLHFNQVNBOzRGREdhLHdCQUF3QjtrQkFOcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixXQUFXLEVBQUUsaUNBQWlDO29CQUM5QyxTQUFTLEVBQUUsQ0FBRSxpQ0FBaUMsQ0FBRTtvQkFDaEQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnMtY3VycmVudC1kZXZpY2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VycmVudC1kZXZpY2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vY3VycmVudC1kZXZpY2UuY29tcG9uZW50LnNjc3MnIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGc0N1cnJlbnREZXZpY2VDb21wb25lbnQge1xufVxuIiwiXG48ZGl2IGNsYXNzPVwiY3VycmVudC1kZXZpY2VcIj5cbiAgPG1hdC1pY29uIGNsYXNzPVwiY2lyY2xlXCI+Y2lyY2xlPC9tYXQtaWNvbj5cbiAgPG1hdC1pY29uIFxuICAgICAgY2xhc3M9XCJjaGVja1wiXG4gICAgICBtYXRUb29sdGlwPVwiVGhpcyBkZXZpY2VcIj5cbiAgICBjaGVja19jaXJjbGVcbiAgPC9tYXQtaWNvbj5cbjwvZGl2PlxuIl19

package/esm2015/app/components/trusted-devices/trusted-devices.component.js

@@ -0,0 +1,107 @@
+import { Component, ViewChild, Input, ChangeDetectionStrategy, } from '@angular/core';
+import { FsListComponent } from '@firestitch/list';
+import { ItemType } from '@firestitch/filter';
+import { FsCountry } from '@firestitch/country';
+import { Observable, Subject } from 'rxjs';
+import { map, takeUntil } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@firestitch/country";
+import * as i2 from "@firestitch/list";
+import * as i3 from "@firestitch/badge";
+import * as i4 from "../current-device/current-device.component";
+import * as i5 from "@firestitch/device";
+import * as i6 from "@angular/common";
+import * as i7 from "@firestitch/date";
+export class FsTrustedDevicesComponent {
+    constructor(_fsCountry) {
+        this._fsCountry = _fsCountry;
+        this.fetchTrustedDevices = (query) => new Observable();
+        this.removeTrustedDevice = (trustedDevice) => new Observable();
+        this.signOutTrustedDevice = (trustedDevice) => new Observable();
+        this.showAccount = true;
+        this._destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this._fsCountry.ready$
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this._initListConfig();
+        });
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    _initListConfig() {
+        this.listConfig = {
+            filters: [
+                {
+                    name: 'keyword',
+                    type: ItemType.Keyword,
+                    label: 'Search',
+                },
+            ],
+            rowActions: [
+                {
+                    click: (data) => {
+                        this.signOutTrustedDevice(data)
+                            .subscribe(() => {
+                            this.reload();
+                        });
+                    },
+                    menu: true,
+                    label: 'Sign Out',
+                },
+                {
+                    click: (data) => {
+                        this.removeTrustedDevice(data)
+                            .subscribe(() => {
+                            this.reload();
+                        });
+                    },
+                    remove: {
+                        title: 'Confirm',
+                        template: 'Are you sure you would like to delete this record?',
+                    },
+                    menu: true,
+                    label: 'Delete',
+                },
+            ],
+            fetch: (query) => {
+                return this.fetchTrustedDevices(query)
+                    .pipe(map((response) => {
+                    return {
+                        data: response.data,
+                        paging: response.paging,
+                    };
+                }));
+            },
+        };
+    }
+    reload() {
+        this.listComponent.reload();
+    }
+}
+FsTrustedDevicesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTrustedDevicesComponent, deps: [{ token: i1.FsCountry }], target: i0.ɵɵFactoryTarget.Component });
+FsTrustedDevicesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsTrustedDevicesComponent, selector: "fs-trusted-devices", inputs: { fetchTrustedDevices: "fetchTrustedDevices", removeTrustedDevice: "removeTrustedDevice", signOutTrustedDevice: "signOutTrustedDevice", showAccount: "showAccount" }, viewQueries: [{ propertyName: "listComponent", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column title=\"Account\" [show]=\"showAccount\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-account\">\n      <div *ngIf=\"row.account\" class=\"row\">\n        <fs-badge \n          *ngIf=\"row.account.avatarUrl\"\n          shape=\"circle\" \n          image=\"{{ row.account.avatarUrl }}\">\n        </fs-badge>\n        <div>\n          {{ row.account.name }}\n          <div class=\"small\" *ngIf=\"row.account.email\">{{ row.account.email }}</div>  \n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Device\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-device\">\n      <div class=\"device\" *ngIf=\"row.device\">\n        <fs-current-device *ngIf=\"row.currentDevice\"></fs-current-device>\n        <fs-device-os\n          [type]=\"row.device.type\"\n          [os]=\"row.device.osType\"\n          [version]=\"row.device.osVersion\">\n        </fs-device-os>\n      </div>     \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Browser\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-device-browser\n        *ngIf=\"row.device\"\n        [type]=\"row.device.browserType\"\n        [version]=\"row.device.browserVersion\"\n        [showName]=\"true\"\n      ></fs-device-browser>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Added\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.createDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Location\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-country [code]=\"row.ip.country\"></fs-country>\n      <div><small>{{row.ip.ip}}</small></div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Last signed in\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.activityDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [":host ::ng-deep .col-account .row{display:flex;align-items:center}:host ::ng-deep .col-account .row fs-badge{margin-right:5px}:host ::ng-deep .col-device .device{position:relative;display:inline-block}:host ::ng-deep .col-device .device .current-device{right:8px;top:-8px;position:absolute}\n"], components: [{ type: i2.FsListComponent, selector: "fs-list", inputs: ["loaderLines", "config"], outputs: ["filtersReady"] }, { type: i3.FsBadgeComponent, selector: "fs-badge", inputs: ["text", "shape", "color", "tooltip", "size", "image", "icon", "iconSize", "iconColor", "backgroundSize"] }, { type: i4.FsCurrentDeviceComponent, selector: "fs-current-device" }, { type: i5.FsDeviceOsComponent, selector: "fs-device-os", inputs: ["type", "os", "showName", "version"] }, { type: i5.FsDeviceBrowserComponent, selector: "fs-device-browser", inputs: ["type", "version", "showName"] }, { type: i1.FsCountryComponent, selector: "fs-country", inputs: ["showIcon", "showName", "width", "code"] }], directives: [{ type: i2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "customize", "title", "name", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateAgo": i7.FsDateAgoPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTrustedDevicesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-trusted-devices',
+                    templateUrl: './trusted-devices.component.html',
+                    styleUrls: ['./trusted-devices.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FsCountry }]; }, propDecorators: { fetchTrustedDevices: [{
+                type: Input
+            }], removeTrustedDevice: [{
+                type: Input
+            }], signOutTrustedDevice: [{
+                type: Input
+            }], showAccount: [{
+                type: Input
+            }], listComponent: [{
+                type: ViewChild,
+                args: [FsListComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1c3RlZC1kZXZpY2VzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy90cnVzdGVkLWRldmljZXMvdHJ1c3RlZC1kZXZpY2VzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy90cnVzdGVkLWRldmljZXMvdHJ1c3RlZC1kZXZpY2VzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULEtBQUssRUFHTCx1QkFBdUIsR0FHeEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGVBQWUsRUFBZ0IsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRWhELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7OztBQVloRCxNQUFNLE9BQU8seUJBQXlCO0lBd0JwQyxZQUNVLFVBQXFCO1FBQXJCLGVBQVUsR0FBVixVQUFVLENBQVc7UUF0QnhCLHdCQUFtQixHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsQ0FBQyxJQUFJLFVBQVUsRUFHdkQsQ0FBQztRQUdFLHdCQUFtQixHQUFHLENBQUMsYUFBNkIsRUFBRSxFQUFFLENBQUMsSUFBSSxVQUFVLEVBQU8sQ0FBQztRQUcvRSx5QkFBb0IsR0FBRyxDQUFDLGFBQThCLEVBQUUsRUFBRSxDQUFDLElBQUksVUFBVSxFQUFPLENBQUM7UUFHakYsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFPbEIsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7SUFJOUIsQ0FBQztJQUVFLFFBQVE7UUFDYixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU07YUFDbkIsSUFBSSxDQUNILFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQzFCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU8sZUFBZTtRQUNyQixJQUFJLENBQUMsVUFBVSxHQUFHO1lBQ2hCLE9BQU8sRUFBRTtnQkFDUDtvQkFDRSxJQUFJLEVBQUUsU0FBUztvQkFDZixJQUFJLEVBQUUsUUFBUSxDQUFDLE9BQU87b0JBQ3RCLEtBQUssRUFBRSxRQUFRO2lCQUNoQjthQUNGO1lBQ0QsVUFBVSxFQUFFO2dCQUNWO29CQUNFLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFO3dCQUNkLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUM7NkJBQzlCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7NEJBQ2QsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO3dCQUNoQixDQUFDLENBQUMsQ0FBQztvQkFDTCxDQUFDO29CQUNELElBQUksRUFBRSxJQUFJO29CQUNWLEtBQUssRUFBRSxVQUFVO2lCQUNsQjtnQkFDRDtvQkFDRSxLQUFLLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRTt3QkFDZCxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDOzZCQUM3QixTQUFTLENBQUMsR0FBRyxFQUFFOzRCQUNkLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQzt3QkFDaEIsQ0FBQyxDQUFDLENBQUM7b0JBQ0wsQ0FBQztvQkFDRCxNQUFNLEVBQUU7d0JBQ04sS0FBSyxFQUFFLFNBQVM7d0JBQ2hCLFFBQVEsRUFBRSxvREFBb0Q7cUJBQy9EO29CQUNELElBQUksRUFBRSxJQUFJO29CQUNWLEtBQUssRUFBRSxRQUFRO2lCQUNoQjthQUNGO1lBQ0QsS0FBSyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ2YsT0FBTyxJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDO3FCQUNuQyxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7b0JBQ2YsT0FBTzt3QkFDTCxJQUFJLEVBQUUsUUFBUSxDQUFDLElBQUk7d0JBQ25CLE1BQU0sRUFBRSxRQUFRLENBQUMsTUFBTTtxQkFDeEIsQ0FBQztnQkFDSixDQUFDLENBQUMsQ0FDSCxDQUFDO1lBQ04sQ0FBQztTQUNGLENBQUM7SUFDSixDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7dUhBOUZVLHlCQUF5QjsyR0FBekIseUJBQXlCLHVSQWlCekIsZUFBZSxnREM3QzVCLHk3REF1REE7NEZEM0JhLHlCQUF5QjtrQkFOckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixXQUFXLEVBQUUsa0NBQWtDO29CQUMvQyxTQUFTLEVBQUUsQ0FBRSxrQ0FBa0MsQ0FBRTtvQkFDakQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEO2dHQUlRLG1CQUFtQjtzQkFEekIsS0FBSztnQkFPQyxtQkFBbUI7c0JBRHpCLEtBQUs7Z0JBSUMsb0JBQW9CO3NCQUQxQixLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsYUFBYTtzQkFEbkIsU0FBUzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3Q2hpbGQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRnNMaXN0Q29tcG9uZW50LCBGc0xpc3RDb25maWcgfSBmcm9tICdAZmlyZXN0aXRjaC9saXN0JztcbmltcG9ydCB7IEl0ZW1UeXBlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZmlsdGVyJztcbmltcG9ydCB7IEZzQ291bnRyeSB9IGZyb20gJ0BmaXJlc3RpdGNoL2NvdW50cnknO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBtYXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgSVRydXN0ZWREZXZpY2UgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3RydXN0ZWQtZGV2aWNlJztcbmltcG9ydCB7IElUcnVzdGVkRGV2aWNlQWNjb3VudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvdHJ1c3RlZC1kZXZpY2UtYWNjb3VudCc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnMtdHJ1c3RlZC1kZXZpY2VzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RydXN0ZWQtZGV2aWNlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi90cnVzdGVkLWRldmljZXMuY29tcG9uZW50LnNjc3MnIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGc1RydXN0ZWREZXZpY2VzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmZXRjaFRydXN0ZWREZXZpY2VzID0gKHF1ZXJ5OiBhbnkpID0+IG5ldyBPYnNlcnZhYmxlPHtcbiAgICBkYXRhOiBJVHJ1c3RlZERldmljZVtdO1xuICAgIHBhZ2luZz86IGFueTtcbiAgfT4oKTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgcmVtb3ZlVHJ1c3RlZERldmljZSA9ICh0cnVzdGVkRGV2aWNlOiBJVHJ1c3RlZERldmljZSkgPT4gbmV3IE9ic2VydmFibGU8YW55PigpO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaWduT3V0VHJ1c3RlZERldmljZSA9ICh0cnVzdGVkRGV2aWNlOiAgSVRydXN0ZWREZXZpY2UpID0+IG5ldyBPYnNlcnZhYmxlPGFueT4oKTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0FjY291bnQgPSB0cnVlO1xuXG4gIEBWaWV3Q2hpbGQoRnNMaXN0Q29tcG9uZW50KVxuICBwdWJsaWMgbGlzdENvbXBvbmVudDogRnNMaXN0Q29tcG9uZW50O1xuXG4gIHB1YmxpYyBsaXN0Q29uZmlnOiBGc0xpc3RDb25maWc7XG5cbiAgcHJpdmF0ZSBfZGVzdHJveSQgPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2ZzQ291bnRyeTogRnNDb3VudHJ5LFxuICApIHsgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9mc0NvdW50cnkucmVhZHkkXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLl9pbml0TGlzdENvbmZpZygpO1xuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fZGVzdHJveSQubmV4dCgpO1xuICAgIHRoaXMuX2Rlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF9pbml0TGlzdENvbmZpZygpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RDb25maWcgPSB7XG4gICAgICBmaWx0ZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICBuYW1lOiAna2V5d29yZCcsXG4gICAgICAgICAgdHlwZTogSXRlbVR5cGUuS2V5d29yZCxcbiAgICAgICAgICBsYWJlbDogJ1NlYXJjaCcsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgICAgcm93QWN0aW9uczogW1xuICAgICAgICB7XG4gICAgICAgICAgY2xpY2s6IChkYXRhKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnNpZ25PdXRUcnVzdGVkRGV2aWNlKGRhdGEpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgdGhpcy5yZWxvYWQoKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH0sXG4gICAgICAgICAgbWVudTogdHJ1ZSxcbiAgICAgICAgICBsYWJlbDogJ1NpZ24gT3V0JyxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIGNsaWNrOiAoZGF0YSkgPT4ge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmVUcnVzdGVkRGV2aWNlKGRhdGEpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgdGhpcy5yZWxvYWQoKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH0sXG4gICAgICAgICAgcmVtb3ZlOiB7XG4gICAgICAgICAgICB0aXRsZTogJ0NvbmZpcm0nLFxuICAgICAgICAgICAgdGVtcGxhdGU6ICdBcmUgeW91IHN1cmUgeW91IHdvdWxkIGxpa2UgdG8gZGVsZXRlIHRoaXMgcmVjb3JkPycsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBtZW51OiB0cnVlLFxuICAgICAgICAgIGxhYmVsOiAnRGVsZXRlJyxcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBmZXRjaDogKHF1ZXJ5KSA9PiB7XG4gICAgICAgIHJldHVybiB0aGlzLmZldGNoVHJ1c3RlZERldmljZXMocXVlcnkpXG4gICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICBtYXAoKHJlc3BvbnNlKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgZGF0YTogcmVzcG9uc2UuZGF0YSxcbiAgICAgICAgICAgICAgICBwYWdpbmc6IHJlc3BvbnNlLnBhZ2luZyxcbiAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICk7XG4gICAgICB9LFxuICAgIH07XG4gIH1cblxuICBwdWJsaWMgcmVsb2FkKCk6IHZvaWQge1xuICAgIHRoaXMubGlzdENvbXBvbmVudC5yZWxvYWQoKTtcbiAgfVxuXG59XG4iLCI8ZnMtbGlzdCBbY29uZmlnXT1cImxpc3RDb25maWdcIj5cbiAgPGZzLWxpc3QtY29sdW1uIHRpdGxlPVwiQWNjb3VudFwiIFtzaG93XT1cInNob3dBY2NvdW50XCI+XG4gICAgPG5nLXRlbXBsYXRlIGZzLWxpc3QtY2VsbCBsZXQtcm93PVwicm93XCIgY2xhc3M9XCJjb2wtYWNjb3VudFwiPlxuICAgICAgPGRpdiAqbmdJZj1cInJvdy5hY2NvdW50XCIgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGZzLWJhZGdlIFxuICAgICAgICAgICpuZ0lmPVwicm93LmFjY291bnQuYXZhdGFyVXJsXCJcbiAgICAgICAgICBzaGFwZT1cImNpcmNsZVwiIFxuICAgICAgICAgIGltYWdlPVwie3sgcm93LmFjY291bnQuYXZhdGFyVXJsIH19XCI+XG4gICAgICAgIDwvZnMtYmFkZ2U+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAge3sgcm93LmFjY291bnQubmFtZSB9fVxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzbWFsbFwiICpuZ0lmPVwicm93LmFjY291bnQuZW1haWxcIj57eyByb3cuYWNjb3VudC5lbWFpbCB9fTwvZGl2PiAgXG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9mcy1saXN0LWNvbHVtbj5cbiAgPGZzLWxpc3QtY29sdW1uIHRpdGxlPVwiRGV2aWNlXCI+XG4gICAgPG5nLXRlbXBsYXRlIGZzLWxpc3QtY2VsbCBsZXQtcm93PVwicm93XCIgY2xhc3M9XCJjb2wtZGV2aWNlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGV2aWNlXCIgKm5nSWY9XCJyb3cuZGV2aWNlXCI+XG4gICAgICAgIDxmcy1jdXJyZW50LWRldmljZSAqbmdJZj1cInJvdy5jdXJyZW50RGV2aWNlXCI+PC9mcy1jdXJyZW50LWRldmljZT5cbiAgICAgICAgPGZzLWRldmljZS1vc1xuICAgICAgICAgIFt0eXBlXT1cInJvdy5kZXZpY2UudHlwZVwiXG4gICAgICAgICAgW29zXT1cInJvdy5kZXZpY2Uub3NUeXBlXCJcbiAgICAgICAgICBbdmVyc2lvbl09XCJyb3cuZGV2aWNlLm9zVmVyc2lvblwiPlxuICAgICAgICA8L2ZzLWRldmljZS1vcz5cbiAgICAgIDwvZGl2PiAgICAgXG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9mcy1saXN0LWNvbHVtbj5cbiAgPGZzLWxpc3QtY29sdW1uIHRpdGxlPVwiQnJvd3NlclwiPlxuICAgIDxuZy10ZW1wbGF0ZSBmcy1saXN0LWNlbGwgbGV0LXJvdz1cInJvd1wiPlxuICAgICAgPGZzLWRldmljZS1icm93c2VyXG4gICAgICAgICpuZ0lmPVwicm93LmRldmljZVwiXG4gICAgICAgIFt0eXBlXT1cInJvdy5kZXZpY2UuYnJvd3NlclR5cGVcIlxuICAgICAgICBbdmVyc2lvbl09XCJyb3cuZGV2aWNlLmJyb3dzZXJWZXJzaW9uXCJcbiAgICAgICAgW3Nob3dOYW1lXT1cInRydWVcIlxuICAgICAgPjwvZnMtZGV2aWNlLWJyb3dzZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9mcy1saXN0LWNvbHVtbj5cbiAgPGZzLWxpc3QtY29sdW1uIHRpdGxlPVwiQWRkZWRcIj5cbiAgICA8bmctdGVtcGxhdGUgZnMtbGlzdC1jZWxsIGxldC1yb3c9XCJyb3dcIj5cbiAgICAgIHt7IHJvdy5jcmVhdGVEYXRlIHwgZnNEYXRlQWdvIH19XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9mcy1saXN0LWNvbHVtbj5cbiAgPGZzLWxpc3QtY29sdW1uIHRpdGxlPVwiTG9jYXRpb25cIj5cbiAgICA8bmctdGVtcGxhdGUgZnMtbGlzdC1jZWxsIGxldC1yb3c9XCJyb3dcIj5cbiAgICAgIDxmcy1jb3VudHJ5IFtjb2RlXT1cInJvdy5pcC5jb3VudHJ5XCI+PC9mcy1jb3VudHJ5PlxuICAgICAgPGRpdj48c21hbGw+e3tyb3cuaXAuaXB9fTwvc21hbGw+PC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9mcy1saXN0LWNvbHVtbj5cbiAgPGZzLWxpc3QtY29sdW1uIHRpdGxlPVwiTGFzdCBzaWduZWQgaW5cIj5cbiAgICA8bmctdGVtcGxhdGUgZnMtbGlzdC1jZWxsIGxldC1yb3c9XCJyb3dcIj5cbiAgICAgIHt7IHJvdy5hY3Rpdml0eURhdGUgfCBmc0RhdGVBZ28gfX1cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2ZzLWxpc3QtY29sdW1uPlxuPC9mcy1saXN0PlxuIl19

package/esm2015/app/fs-2fa.module.js

@@ -0,0 +1,68 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatIconModule } from '@angular/material/icon';
+import { FsListModule } from '@firestitch/list';
+import { FsDateModule } from '@firestitch/date';
+import { FsCountryModule } from '@firestitch/country';
+import { FsDeviceModule } from '@firestitch/device';
+import { FsCurrentDeviceComponent } from './components/current-device/current-device.component';
+import { FsTrustedDevicesComponent } from './components/trusted-devices/trusted-devices.component';
+import { FsBadgeModule } from '@firestitch/badge';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i0 from "@angular/core";
+export class Fs2FaModule {
+    static forRoot() {
+        return {
+            ngModule: Fs2FaModule,
+        };
+    }
+}
+Fs2FaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+Fs2FaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, declarations: [FsTrustedDevicesComponent,
+        FsCurrentDeviceComponent], imports: [CommonModule,
+        FlexLayoutModule,
+        MatIconModule,
+        MatTooltipModule,
+        FsListModule,
+        FsDateModule,
+        FsCountryModule,
+        FsDeviceModule,
+        FsBadgeModule], exports: [FsTrustedDevicesComponent,
+        FsCurrentDeviceComponent] });
+Fs2FaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, imports: [[
+            CommonModule,
+            FlexLayoutModule,
+            MatIconModule,
+            MatTooltipModule,
+            FsListModule,
+            FsDateModule,
+            FsCountryModule,
+            FsDeviceModule,
+            FsBadgeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FlexLayoutModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        FsListModule,
+                        FsDateModule,
+                        FsCountryModule,
+                        FsDeviceModule,
+                        FsBadgeModule,
+                    ],
+                    exports: [
+                        FsTrustedDevicesComponent,
+                        FsCurrentDeviceComponent,
+                    ],
+                    declarations: [
+                        FsTrustedDevicesComponent,
+                        FsCurrentDeviceComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnMtMmZhLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAvZnMtMmZhLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNoRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUVuRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBMEI3RCxNQUFNLE9BQU8sV0FBVztJQUN0QixNQUFNLENBQUMsT0FBTztRQUNaLE9BQU87WUFDTCxRQUFRLEVBQUUsV0FBVztTQUN0QixDQUFDO0lBQ0osQ0FBQzs7eUdBTFUsV0FBVzswR0FBWCxXQUFXLGlCQUpwQix5QkFBeUI7UUFDekIsd0JBQXdCLGFBbEJ4QixZQUFZO1FBQ1osZ0JBQWdCO1FBRWhCLGFBQWE7UUFDYixnQkFBZ0I7UUFFaEIsWUFBWTtRQUNaLFlBQVk7UUFDWixlQUFlO1FBQ2YsY0FBYztRQUNkLGFBQWEsYUFHYix5QkFBeUI7UUFDekIsd0JBQXdCOzBHQU9mLFdBQVcsWUF0QmI7WUFDUCxZQUFZO1lBQ1osZ0JBQWdCO1lBRWhCLGFBQWE7WUFDYixnQkFBZ0I7WUFFaEIsWUFBWTtZQUNaLFlBQVk7WUFDWixlQUFlO1lBQ2YsY0FBYztZQUNkLGFBQWE7U0FDZDs0RkFVVSxXQUFXO2tCQXZCdkIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBRWhCLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUVoQixZQUFZO3dCQUNaLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixjQUFjO3dCQUNkLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3FCQUN6QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1oseUJBQXlCO3dCQUN6Qix3QkFBd0I7cUJBQ3pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIE1vZHVsZVdpdGhQcm92aWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5cbmltcG9ydCB7IEZzTGlzdE1vZHVsZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2xpc3QnO1xuaW1wb3J0IHsgRnNEYXRlTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZGF0ZSc7XG5pbXBvcnQgeyBGc0NvdW50cnlNb2R1bGUgfSBmcm9tICdAZmlyZXN0aXRjaC9jb3VudHJ5JztcbmltcG9ydCB7IEZzRGV2aWNlTW9kdWxlIH0gZnJvbSAnQGZpcmVzdGl0Y2gvZGV2aWNlJztcblxuaW1wb3J0IHsgRnNDdXJyZW50RGV2aWNlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2N1cnJlbnQtZGV2aWNlL2N1cnJlbnQtZGV2aWNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGc1RydXN0ZWREZXZpY2VzQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3RydXN0ZWQtZGV2aWNlcy90cnVzdGVkLWRldmljZXMuY29tcG9uZW50JztcblxuaW1wb3J0IHsgRnNCYWRnZU1vZHVsZSB9IGZyb20gJ0BmaXJlc3RpdGNoL2JhZGdlJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcblxuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZsZXhMYXlvdXRNb2R1bGUsXG5cbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG5cbiAgICBGc0xpc3RNb2R1bGUsXG4gICAgRnNEYXRlTW9kdWxlLFxuICAgIEZzQ291bnRyeU1vZHVsZSxcbiAgICBGc0RldmljZU1vZHVsZSxcbiAgICBGc0JhZGdlTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRnNUcnVzdGVkRGV2aWNlc0NvbXBvbmVudCxcbiAgICBGc0N1cnJlbnREZXZpY2VDb21wb25lbnQsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEZzVHJ1c3RlZERldmljZXNDb21wb25lbnQsXG4gICAgRnNDdXJyZW50RGV2aWNlQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGczJGYU1vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8RnMyRmFNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IEZzMkZhTW9kdWxlLFxuICAgIH07XG4gIH1cbn1cbiJdfQ==

package/esm2015/app/interfaces/trusted-device-account.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1c3RlZC1kZXZpY2UtYWNjb3VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hcHAvaW50ZXJmYWNlcy90cnVzdGVkLWRldmljZS1hY2NvdW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIElUcnVzdGVkRGV2aWNlQWNjb3VudCB7XG4gIHJlYWRvbmx5IGlkOiBudW1iZXI7XG4gIG5hbWU6IHN0cmluZztcbiAgZW1haWw6IHN0cmluZztcbiAgYXZhdGFyVXJsOiBzdHJpbmc7XG59XG4iXX0=

package/esm2015/app/interfaces/trusted-device-device.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1c3RlZC1kZXZpY2UtZGV2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FwcC9pbnRlcmZhY2VzL3RydXN0ZWQtZGV2aWNlLWRldmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGV2aWNlVHlwZSwgRGV2aWNlT3MsIERldmljZUJyb3dzZXIgfSBmcm9tICdAZmlyZXN0aXRjaC9kZXZpY2UnO1xuXG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRydXN0ZWREZXZpY2VEZXZpY2Uge1xuICByZWFkb25seSBpZDogbnVtYmVyO1xuICB0eXBlOiBEZXZpY2VUeXBlO1xuICBvc1R5cGU6IERldmljZU9zO1xuICBvc1ZlcnNpb246IHN0cmluZztcbiAgYnJvd3NlclR5cGU6IERldmljZUJyb3dzZXI7XG4gIGJyb3dzZXJWZXJzaW9uOiBzdHJpbmc7XG4gIHVzZXJBZ2VudDogc3RyaW5nO1xufVxuIl19

package/esm2015/app/interfaces/trusted-device-ip.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1c3RlZC1kZXZpY2UtaXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwL2ludGVyZmFjZXMvdHJ1c3RlZC1kZXZpY2UtaXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSVRydXN0ZWREZXZpY2VJcCB7XG4gIGlkPzogbnVtYmVyO1xuICBjb3VudHJ5Pzogc3RyaW5nO1xuICBpcD86IHN0cmluZztcbn1cbiJdfQ==

package/esm2015/app/interfaces/trusted-device.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1c3RlZC1kZXZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwL2ludGVyZmFjZXMvdHJ1c3RlZC1kZXZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElUcnVzdGVkRGV2aWNlQWNjb3VudCB9IGZyb20gJy4vdHJ1c3RlZC1kZXZpY2UtYWNjb3VudCc7XG5pbXBvcnQgeyBJVHJ1c3RlZERldmljZURldmljZSB9IGZyb20gJy4vdHJ1c3RlZC1kZXZpY2UtZGV2aWNlJztcbmltcG9ydCB7IElUcnVzdGVkRGV2aWNlSXAgfSBmcm9tICcuL3RydXN0ZWQtZGV2aWNlLWlwJztcblxuXG5leHBvcnQgaW50ZXJmYWNlIElUcnVzdGVkRGV2aWNlIHtcbiAgcmVhZG9ubHkgaWQ6IG51bWJlcjtcbiAgYWNjb3VudDogSVRydXN0ZWREZXZpY2VBY2NvdW50O1xuICBkZXZpY2U6IElUcnVzdGVkRGV2aWNlRGV2aWNlO1xuICBpcDogSVRydXN0ZWREZXZpY2VJcDtcbiAgYWN0aXZpdHlEYXRlOiBEYXRlO1xuICBjcmVhdGVEYXRlOiBEYXRlO1xuICBndWlkOiBzdHJpbmc7XG4gIHN0YXRlOiAnYWN0aXZlJyB8ICdkZWxldGVkJztcbiAgY3VycmVudERldmljZT86IGJvb2xlYW47XG59XG4iXX0=

package/esm2015/firestitch-2fa.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlyZXN0aXRjaC0yZmEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZmlyZXN0aXRjaC0yZmEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==

package/esm2015/public_api.js

@@ -0,0 +1,4 @@
+export { Fs2FaModule } from './app/fs-2fa.module';
+export { FsTrustedDevicesComponent } from './app/components/trusted-devices/trusted-devices.component';
+export { FsCurrentDeviceComponent } from './app/components/current-device/current-device.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVsRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUN2RyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEZzMkZhTW9kdWxlIH0gZnJvbSAnLi9hcHAvZnMtMmZhLm1vZHVsZSc7XG5cbmV4cG9ydCB7IEZzVHJ1c3RlZERldmljZXNDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL3RydXN0ZWQtZGV2aWNlcy90cnVzdGVkLWRldmljZXMuY29tcG9uZW50JztcbmV4cG9ydCB7IEZzQ3VycmVudERldmljZUNvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvY3VycmVudC1kZXZpY2UvY3VycmVudC1kZXZpY2UuY29tcG9uZW50JztcblxuZXhwb3J0IHsgSVRydXN0ZWREZXZpY2UgfSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL3RydXN0ZWQtZGV2aWNlJztcbmV4cG9ydCB7IElUcnVzdGVkRGV2aWNlQWNjb3VudCB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvdHJ1c3RlZC1kZXZpY2UtYWNjb3VudCc7XG5leHBvcnQgeyBJVHJ1c3RlZERldmljZURldmljZSB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvdHJ1c3RlZC1kZXZpY2UtZGV2aWNlJztcbmV4cG9ydCB7IElUcnVzdGVkRGV2aWNlSXAgfSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL3RydXN0ZWQtZGV2aWNlLWlwJztcbiJdfQ==

package/fesm2015/firestitch-2fa.js

@@ -0,0 +1,191 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2$1 from '@firestitch/list';
+import { FsListComponent, FsListModule } from '@firestitch/list';
+import * as i7 from '@firestitch/date';
+import { FsDateModule } from '@firestitch/date';
+import * as i1$1 from '@firestitch/country';
+import { FsCountryModule } from '@firestitch/country';
+import * as i5 from '@firestitch/device';
+import { FsDeviceModule } from '@firestitch/device';
+import * as i2 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { ItemType } from '@firestitch/filter';
+import { Observable, Subject } from 'rxjs';
+import { takeUntil, map } from 'rxjs/operators';
+import * as i3 from '@firestitch/badge';
+import { FsBadgeModule } from '@firestitch/badge';
+
+class FsCurrentDeviceComponent {
+}
+FsCurrentDeviceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsCurrentDeviceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FsCurrentDeviceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsCurrentDeviceComponent, selector: "fs-current-device", ngImport: i0, template: "\n<div class=\"current-device\">\n  <mat-icon class=\"circle\">circle</mat-icon>\n  <mat-icon \n      class=\"check\"\n      matTooltip=\"This device\">\n    check_circle\n  </mat-icon>\n</div>\n", styles: [".current-device{transform:scale(.8);z-index:1;position:relative}.current-device .check,.current-device .circle{position:absolute;color:#027db4;top:0}.current-device .circle{color:#fff}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsCurrentDeviceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-current-device',
+                    templateUrl: './current-device.component.html',
+                    styleUrls: ['./current-device.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class FsTrustedDevicesComponent {
+    constructor(_fsCountry) {
+        this._fsCountry = _fsCountry;
+        this.fetchTrustedDevices = (query) => new Observable();
+        this.removeTrustedDevice = (trustedDevice) => new Observable();
+        this.signOutTrustedDevice = (trustedDevice) => new Observable();
+        this.showAccount = true;
+        this._destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this._fsCountry.ready$
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this._initListConfig();
+        });
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    _initListConfig() {
+        this.listConfig = {
+            filters: [
+                {
+                    name: 'keyword',
+                    type: ItemType.Keyword,
+                    label: 'Search',
+                },
+            ],
+            rowActions: [
+                {
+                    click: (data) => {
+                        this.signOutTrustedDevice(data)
+                            .subscribe(() => {
+                            this.reload();
+                        });
+                    },
+                    menu: true,
+                    label: 'Sign Out',
+                },
+                {
+                    click: (data) => {
+                        this.removeTrustedDevice(data)
+                            .subscribe(() => {
+                            this.reload();
+                        });
+                    },
+                    remove: {
+                        title: 'Confirm',
+                        template: 'Are you sure you would like to delete this record?',
+                    },
+                    menu: true,
+                    label: 'Delete',
+                },
+            ],
+            fetch: (query) => {
+                return this.fetchTrustedDevices(query)
+                    .pipe(map((response) => {
+                    return {
+                        data: response.data,
+                        paging: response.paging,
+                    };
+                }));
+            },
+        };
+    }
+    reload() {
+        this.listComponent.reload();
+    }
+}
+FsTrustedDevicesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTrustedDevicesComponent, deps: [{ token: i1$1.FsCountry }], target: i0.ɵɵFactoryTarget.Component });
+FsTrustedDevicesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsTrustedDevicesComponent, selector: "fs-trusted-devices", inputs: { fetchTrustedDevices: "fetchTrustedDevices", removeTrustedDevice: "removeTrustedDevice", signOutTrustedDevice: "signOutTrustedDevice", showAccount: "showAccount" }, viewQueries: [{ propertyName: "listComponent", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list [config]=\"listConfig\">\n  <fs-list-column title=\"Account\" [show]=\"showAccount\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-account\">\n      <div *ngIf=\"row.account\" class=\"row\">\n        <fs-badge \n          *ngIf=\"row.account.avatarUrl\"\n          shape=\"circle\" \n          image=\"{{ row.account.avatarUrl }}\">\n        </fs-badge>\n        <div>\n          {{ row.account.name }}\n          <div class=\"small\" *ngIf=\"row.account.email\">{{ row.account.email }}</div>  \n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Device\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-device\">\n      <div class=\"device\" *ngIf=\"row.device\">\n        <fs-current-device *ngIf=\"row.currentDevice\"></fs-current-device>\n        <fs-device-os\n          [type]=\"row.device.type\"\n          [os]=\"row.device.osType\"\n          [version]=\"row.device.osVersion\">\n        </fs-device-os>\n      </div>     \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Browser\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-device-browser\n        *ngIf=\"row.device\"\n        [type]=\"row.device.browserType\"\n        [version]=\"row.device.browserVersion\"\n        [showName]=\"true\"\n      ></fs-device-browser>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Added\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.createDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Location\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-country [code]=\"row.ip.country\"></fs-country>\n      <div><small>{{row.ip.ip}}</small></div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Last signed in\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.activityDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [":host ::ng-deep .col-account .row{display:flex;align-items:center}:host ::ng-deep .col-account .row fs-badge{margin-right:5px}:host ::ng-deep .col-device .device{position:relative;display:inline-block}:host ::ng-deep .col-device .device .current-device{right:8px;top:-8px;position:absolute}\n"], components: [{ type: i2$1.FsListComponent, selector: "fs-list", inputs: ["loaderLines", "config"], outputs: ["filtersReady"] }, { type: i3.FsBadgeComponent, selector: "fs-badge", inputs: ["text", "shape", "color", "tooltip", "size", "image", "icon", "iconSize", "iconColor", "backgroundSize"] }, { type: FsCurrentDeviceComponent, selector: "fs-current-device" }, { type: i5.FsDeviceOsComponent, selector: "fs-device-os", inputs: ["type", "os", "showName", "version"] }, { type: i5.FsDeviceBrowserComponent, selector: "fs-device-browser", inputs: ["type", "version", "showName"] }, { type: i1$1.FsCountryComponent, selector: "fs-country", inputs: ["showIcon", "showName", "width", "code"] }], directives: [{ type: i2$1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "customize", "title", "name", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$1.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateAgo": i7.FsDateAgoPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsTrustedDevicesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-trusted-devices',
+                    templateUrl: './trusted-devices.component.html',
+                    styleUrls: ['./trusted-devices.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.FsCountry }]; }, propDecorators: { fetchTrustedDevices: [{
+                type: Input
+            }], removeTrustedDevice: [{
+                type: Input
+            }], signOutTrustedDevice: [{
+                type: Input
+            }], showAccount: [{
+                type: Input
+            }], listComponent: [{
+                type: ViewChild,
+                args: [FsListComponent]
+            }] } });
+
+class Fs2FaModule {
+    static forRoot() {
+        return {
+            ngModule: Fs2FaModule,
+        };
+    }
+}
+Fs2FaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+Fs2FaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, declarations: [FsTrustedDevicesComponent,
+        FsCurrentDeviceComponent], imports: [CommonModule,
+        FlexLayoutModule,
+        MatIconModule,
+        MatTooltipModule,
+        FsListModule,
+        FsDateModule,
+        FsCountryModule,
+        FsDeviceModule,
+        FsBadgeModule], exports: [FsTrustedDevicesComponent,
+        FsCurrentDeviceComponent] });
+Fs2FaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, imports: [[
+            CommonModule,
+            FlexLayoutModule,
+            MatIconModule,
+            MatTooltipModule,
+            FsListModule,
+            FsDateModule,
+            FsCountryModule,
+            FsDeviceModule,
+            FsBadgeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Fs2FaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FlexLayoutModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        FsListModule,
+                        FsDateModule,
+                        FsCountryModule,
+                        FsDeviceModule,
+                        FsBadgeModule,
+                    ],
+                    exports: [
+                        FsTrustedDevicesComponent,
+                        FsCurrentDeviceComponent,
+                    ],
+                    declarations: [
+                        FsTrustedDevicesComponent,
+                        FsCurrentDeviceComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Fs2FaModule, FsCurrentDeviceComponent, FsTrustedDevicesComponent };
+//# sourceMappingURL=firestitch-2fa.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"firestitch-2fa.js","sources":["../../src/app/components/current-device/current-device.component.ts","../../src/app/components/current-device/current-device.component.html","../../src/app/components/trusted-devices/trusted-devices.component.ts","../../src/app/components/trusted-devices/trusted-devices.component.html","../../src/app/fs-2fa.module.ts","../../src/firestitch-2fa.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n\n@Component({\n  selector: 'fs-current-device',\n  templateUrl: './current-device.component.html',\n  styleUrls: [ './current-device.component.scss' ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsCurrentDeviceComponent {\n}\n","\n<div class=\"current-device\">\n  <mat-icon class=\"circle\">circle</mat-icon>\n  <mat-icon \n      class=\"check\"\n      matTooltip=\"This device\">\n    check_circle\n  </mat-icon>\n</div>\n","import {\n  Component,\n  ViewChild,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\n\nimport { FsListComponent, FsListConfig } from '@firestitch/list';\nimport { ItemType } from '@firestitch/filter';\nimport { FsCountry } from '@firestitch/country';\n\nimport { Observable, Subject } from 'rxjs';\nimport { map, takeUntil } from 'rxjs/operators';\n\nimport { ITrustedDevice } from '../../interfaces/trusted-device';\nimport { ITrustedDeviceAccount } from '../../interfaces/trusted-device-account';\n\n\n@Component({\n  selector: 'fs-trusted-devices',\n  templateUrl: './trusted-devices.component.html',\n  styleUrls: [ './trusted-devices.component.scss' ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsTrustedDevicesComponent implements OnInit, OnDestroy {\n\n  @Input()\n  public fetchTrustedDevices = (query: any) => new Observable<{\n    data: ITrustedDevice[];\n    paging?: any;\n  }>();\n\n  @Input()\n  public removeTrustedDevice = (trustedDevice: ITrustedDevice) => new Observable<any>();\n\n  @Input()\n  public signOutTrustedDevice = (trustedDevice:  ITrustedDevice) => new Observable<any>();\n\n  @Input()\n  public showAccount = true;\n\n  @ViewChild(FsListComponent)\n  public listComponent: FsListComponent;\n\n  public listConfig: FsListConfig;\n\n  private _destroy$ = new Subject();\n\n  constructor(\n    private _fsCountry: FsCountry,\n  ) { }\n\n  public ngOnInit(): void {\n    this._fsCountry.ready$\n      .pipe(\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        this._initListConfig();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this._destroy$.next();\n    this._destroy$.complete();\n  }\n\n  private _initListConfig(): void {\n    this.listConfig = {\n      filters: [\n        {\n          name: 'keyword',\n          type: ItemType.Keyword,\n          label: 'Search',\n        },\n      ],\n      rowActions: [\n        {\n          click: (data) => {\n            this.signOutTrustedDevice(data)\n            .subscribe(() => {\n              this.reload();\n            });\n          },\n          menu: true,\n          label: 'Sign Out',\n        },\n        {\n          click: (data) => {\n            this.removeTrustedDevice(data)\n            .subscribe(() => {\n              this.reload();\n            });\n          },\n          remove: {\n            title: 'Confirm',\n            template: 'Are you sure you would like to delete this record?',\n          },\n          menu: true,\n          label: 'Delete',\n        },\n      ],\n      fetch: (query) => {\n        return this.fetchTrustedDevices(query)\n          .pipe(\n            map((response) => {\n              return {\n                data: response.data,\n                paging: response.paging,\n              };\n            }),\n          );\n      },\n    };\n  }\n\n  public reload(): void {\n    this.listComponent.reload();\n  }\n\n}\n","<fs-list [config]=\"listConfig\">\n  <fs-list-column title=\"Account\" [show]=\"showAccount\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-account\">\n      <div *ngIf=\"row.account\" class=\"row\">\n        <fs-badge \n          *ngIf=\"row.account.avatarUrl\"\n          shape=\"circle\" \n          image=\"{{ row.account.avatarUrl }}\">\n        </fs-badge>\n        <div>\n          {{ row.account.name }}\n          <div class=\"small\" *ngIf=\"row.account.email\">{{ row.account.email }}</div>  \n        </div>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Device\">\n    <ng-template fs-list-cell let-row=\"row\" class=\"col-device\">\n      <div class=\"device\" *ngIf=\"row.device\">\n        <fs-current-device *ngIf=\"row.currentDevice\"></fs-current-device>\n        <fs-device-os\n          [type]=\"row.device.type\"\n          [os]=\"row.device.osType\"\n          [version]=\"row.device.osVersion\">\n        </fs-device-os>\n      </div>     \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Browser\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-device-browser\n        *ngIf=\"row.device\"\n        [type]=\"row.device.browserType\"\n        [version]=\"row.device.browserVersion\"\n        [showName]=\"true\"\n      ></fs-device-browser>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Added\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.createDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Location\">\n    <ng-template fs-list-cell let-row=\"row\">\n      <fs-country [code]=\"row.ip.country\"></fs-country>\n      <div><small>{{row.ip.ip}}</small></div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column title=\"Last signed in\">\n    <ng-template fs-list-cell let-row=\"row\">\n      {{ row.activityDate | fsDateAgo }}\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FlexLayoutModule } from '@angular/flex-layout';\n\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { FsListModule } from '@firestitch/list';\nimport { FsDateModule } from '@firestitch/date';\nimport { FsCountryModule } from '@firestitch/country';\nimport { FsDeviceModule } from '@firestitch/device';\n\nimport { FsCurrentDeviceComponent } from './components/current-device/current-device.component';\nimport { FsTrustedDevicesComponent } from './components/trusted-devices/trusted-devices.component';\n\nimport { FsBadgeModule } from '@firestitch/badge';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FlexLayoutModule,\n\n    MatIconModule,\n    MatTooltipModule,\n\n    FsListModule,\n    FsDateModule,\n    FsCountryModule,\n    FsDeviceModule,\n    FsBadgeModule,\n  ],\n  exports: [\n    FsTrustedDevicesComponent,\n    FsCurrentDeviceComponent,\n  ],\n  declarations: [\n    FsTrustedDevicesComponent,\n    FsCurrentDeviceComponent,\n  ],\n})\nexport class Fs2FaModule {\n  static forRoot(): ModuleWithProviders<Fs2FaModule> {\n    return {\n      ngModule: Fs2FaModule,\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/firestitch-2fa.d.ts

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

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@firestitch/2fa",
+  "version": "12.0.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Firestitch/ngx-2fa"
+  },
+  "author": {
+    "name": "Firestitch",
+    "email": "admin@firestitch.com"
+  },
+  "keywords": [
+    "angular"
+  ],
+  "license": "MIT",
+  "peerDependencies": {},
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "sideEffects": false,
+  "main": "bundles/firestitch-2fa.umd.js",
+  "module": "fesm2015/firestitch-2fa.js",
+  "es2015": "fesm2015/firestitch-2fa.js",
+  "esm2015": "esm2015/firestitch-2fa.js",
+  "fesm2015": "fesm2015/firestitch-2fa.js",
+  "typings": "firestitch-2fa.d.ts"
+}

package/public_api.d.ts

@@ -0,0 +1,7 @@
+export { Fs2FaModule } from './app/fs-2fa.module';
+export { FsTrustedDevicesComponent } from './app/components/trusted-devices/trusted-devices.component';
+export { FsCurrentDeviceComponent } from './app/components/current-device/current-device.component';
+export { ITrustedDevice } from './app/interfaces/trusted-device';
+export { ITrustedDeviceAccount } from './app/interfaces/trusted-device-account';
+export { ITrustedDeviceDevice } from './app/interfaces/trusted-device-device';
+export { ITrustedDeviceIp } from './app/interfaces/trusted-device-ip';