move new app into popup folder

src/popup/accounts/two-factor.component.ts

@@ -0,0 +1,114 @@
+import {
+    ChangeDetectorRef,
+    Component,
+    NgZone,
+    OnDestroy,
+    OnInit,
+} from '@angular/core';
+
+import { Router } from '@angular/router';
+
+import { ToasterService } from 'angular2-toaster';
+import { Angulartics2 } from 'angulartics2';
+
+import { BrowserApi } from '../../browser/browserApi';
+
+import { TwoFactorProviderType } from 'jslib/enums/twoFactorProviderType';
+
+import { ApiService } from 'jslib/abstractions/api.service';
+import { AuthService } from 'jslib/abstractions/auth.service';
+import { EnvironmentService } from 'jslib/abstractions/environment.service';
+import { I18nService } from 'jslib/abstractions/i18n.service';
+import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
+import { SyncService } from 'jslib/abstractions/sync.service';
+
+import { BroadcasterService } from 'jslib/angular/services/broadcaster.service';
+
+import { TwoFactorComponent as BaseTwoFactorComponent } from 'jslib/angular/components/two-factor.component';
+
+const BroadcasterSubscriptionId = 'TwoFactorComponent';
+
+@Component({
+    selector: 'app-two-factor',
+    templateUrl: 'two-factor.component.html',
+})
+export class TwoFactorComponent extends BaseTwoFactorComponent {
+    showNewWindowMessage = false;
+
+    constructor(authService: AuthService, router: Router,
+        analytics: Angulartics2, toasterService: ToasterService,
+        i18nService: I18nService, apiService: ApiService,
+        platformUtilsService: PlatformUtilsService, syncService: SyncService,
+        environmentService: EnvironmentService, private ngZone: NgZone,
+        private broadcasterService: BroadcasterService, private changeDetectorRef: ChangeDetectorRef) {
+        super(authService, router, analytics, toasterService, i18nService, apiService,
+            platformUtilsService, syncService, window, environmentService);
+        this.successRoute = '/tabs/vault';
+    }
+
+    async ngOnInit() {
+        this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
+            this.ngZone.run(async () => {
+                switch (message.command) {
+                    case '2faPageResponse':
+                        if (message.type === 'duo') {
+                            this.token = message.data.sigValue;
+                            this.submitWithTab(message.webExtSender.tab);
+                        }
+                    default:
+                        break;
+                }
+
+                this.changeDetectorRef.detectChanges();
+            })
+        });
+
+        this.showNewWindowMessage = this.platformUtilsService.isSafari();
+        await super.ngOnInit();
+
+        if (this.selectedProviderType == null) {
+            return;
+        }
+
+        var isDuo = this.selectedProviderType == TwoFactorProviderType.Duo ||
+            this.selectedProviderType == TwoFactorProviderType.OrganizationDuo;
+        if (!this.platformUtilsService.isSafari() || !isDuo) {
+            return;
+        }
+
+        const params = this.authService.twoFactorProviders.get(this.selectedProviderType);
+        const tab = BrowserApi.createNewTab(BrowserApi.getAssetUrl('2fa/index.html'));
+        const tabToSend = BrowserApi.makeTabObject(tab);
+        window.setTimeout(() => {
+            BrowserApi.tabSendMessage(tabToSend, {
+                command: '2faPageData',
+                data: {
+                    type: 'duo',
+                    host: params.Host,
+                    signature: params.Signature,
+                }
+            });
+        }, 500);
+    }
+
+    ngOnDestroy() {
+        this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
+        super.ngOnDestroy();
+    }
+
+    anotherMethod() {
+        this.router.navigate(['2fa-options']);
+    }
+
+    async submitWithTab(sendSuccessToTab: any) {
+        await super.submit();
+        if (sendSuccessToTab != null) {
+            window.setTimeout(() => {
+                BrowserApi.tabSendMessage(sendSuccessToTab, {
+                    command: '2faPageData',
+                    data: { type: 'success' }
+                });
+            }, 1000);
+        }
+    }
+}