From 8b6747f2125d207312e50f93f8f5c97b3291bade Mon Sep 17 00:00:00 2001
From: Maciej Zieniuk <mzieniuk@bitwarden.com>
Date: Fri, 11 Apr 2025 11:38:51 +0100
Subject: [PATCH] splitting the browser client

---
 ...onfirm-key-connector-domain.component.html | 48 +++++++++++++++++++
 .../confirm-key-connector-domain.component.ts | 15 ++++++
 apps/browser/src/popup/app-routing.module.ts  |  3 +-
 3 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.html
 create mode 100644 apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.ts

diff --git a/apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.html b/apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.html
new file mode 100644
index 00000000000..f9658f09a72
--- /dev/null
+++ b/apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.html
@@ -0,0 +1,48 @@
+<header>
+  <div class="left"></div>
+  <div class="center">
+    <span class="title">{{ "confirmKeyConnectorDomain" | i18n }}</span>
+  </div>
+  <div class="right"></div>
+</header>
+
+<main tabindex="-1">
+  <div class="box">
+    @if (loading) {
+      <div class="box-content">
+        <div class="box-content-row">
+          <i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+        </div>
+      </div>
+    } @else {
+      <div class="box-content" *ngIf="!loading">
+        <div class="box-content-row" appBoxRow>
+          <p>{{ "confirmKeyConnectorDomain" | i18n }}.</p>
+          <p class="tw-mb-0">{{ "keyConnectorDomain" | i18n }}:</p>
+          <p class="tw-text-muted tw-mb-6">{{ keyConnectorUrl }}</p>
+        </div>
+        <div class="box-content-row">
+          <button
+            bitButton
+            type="button"
+            buttonType="primary"
+            class="tw-mb-2"
+            [bitAction]="confirm"
+            [block]="true"
+          >
+            {{ "confirm" | i18n }}
+          </button>
+          <button
+            bitButton
+            type="button"
+            buttonType="secondary"
+            [bitAction]="cancel"
+            [block]="true"
+          >
+            {{ "cancel" | i18n }}
+          </button>
+        </div>
+      </div>
+    }
+  </div>
+</main>
diff --git a/apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.ts b/apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.ts
new file mode 100644
index 00000000000..3a253bda29d
--- /dev/null
+++ b/apps/browser/src/key-management/key-connector/confirm-key-connector-domain.component.ts
@@ -0,0 +1,15 @@
+import { CommonModule } from "@angular/common";
+import { Component } from "@angular/core";
+import { RouterModule } from "@angular/router";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { AsyncActionsModule, ButtonModule } from "@bitwarden/components";
+import { ConfirmKeyConnectorDomainComponent as BaseConfirmKeyConnectorDomainComponent } from "@bitwarden/key-management-ui";
+
+@Component({
+  selector: "app-confirm-key-connector-domain",
+  templateUrl: "confirm-key-connector-domain.component.html",
+  standalone: true,
+  imports: [CommonModule, JslibModule, ButtonModule, AsyncActionsModule, RouterModule],
+})
+export class ConfirmKeyConnectorDomainComponent extends BaseConfirmKeyConnectorDomainComponent {}
diff --git a/apps/browser/src/popup/app-routing.module.ts b/apps/browser/src/popup/app-routing.module.ts
index 6bf50265742..0a2ce754184 100644
--- a/apps/browser/src/popup/app-routing.module.ts
+++ b/apps/browser/src/popup/app-routing.module.ts
@@ -43,7 +43,7 @@ import {
   UserLockIcon,
   VaultIcon,
 } from "@bitwarden/auth/angular";
-import { ConfirmKeyConnectorDomainComponent, LockComponent } from "@bitwarden/key-management-ui";
+import { LockComponent } from "@bitwarden/key-management-ui";
 import {
   NewDeviceVerificationNoticePageOneComponent,
   NewDeviceVerificationNoticePageTwoComponent,
@@ -67,6 +67,7 @@ import { BlockedDomainsComponent } from "../autofill/popup/settings/blocked-doma
 import { ExcludedDomainsComponent } from "../autofill/popup/settings/excluded-domains.component";
 import { NotificationsSettingsComponent } from "../autofill/popup/settings/notifications.component";
 import { PremiumV2Component } from "../billing/popup/settings/premium-v2.component";
+import { ConfirmKeyConnectorDomainComponent } from "../key-management/key-connector/confirm-key-connector-domain.component";
 import { RemovePasswordComponent } from "../key-management/key-connector/remove-password.component";
 import BrowserPopupUtils from "../platform/popup/browser-popup-utils";
 import { popupRouterCacheGuard } from "../platform/popup/view-cache/popup-router-cache.service";