splitting the web client

apps/web/src/app/key-management/key-connector/confirm-key-connector-domain.component.html

@@ -0,0 +1,35 @@
+@if (loading) {
+  <div class="tw-text-center">
+    <i
+      class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"
+      title="{{ 'loading' | i18n }}"
+      aria-hidden="true"
+    ></i>
+    <span class="tw-sr-only">{{ "loading" | i18n }}</span>
+  </div>
+} @else {
+  <p>{{ "confirmKeyConnectorDomain" | i18n }}.</p>
+  <p class="tw-mb-0">{{ "keyConnectorDomain" | i18n }}:</p>
+  <p class="tw-text-muted tw-mb-6">{{ keyConnectorUrl }}</p>
+
+  <button
+    bitButton
+    type="button"
+    buttonType="primary"
+    class="tw-w-full tw-mb-2"
+    [bitAction]="confirm"
+    [block]="true"
+  >
+    {{ "confirm" | i18n }}
+  </button>
+  <button
+    bitButton
+    type="button"
+    buttonType="secondary"
+    class="tw-w-full"
+    [bitAction]="cancel"
+    [block]="true"
+  >
+    {{ "cancel" | i18n }}
+  </button>
+}

apps/web/src/app/key-management/key-connector/confirm-key-connector-domain.component.ts

@@ -0,0 +1,22 @@
+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, IconButtonModule } 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,
+    IconButtonModule,
+    RouterModule,
+  ],
+})
+export class ConfirmKeyConnectorDomainComponent extends BaseConfirmKeyConnectorDomainComponent {}

apps/web/src/app/oss-routing.module.ts

@@ -41,7 +41,7 @@ import {
   NewDeviceVerificationComponent,
   DeviceVerificationIcon,
 } from "@bitwarden/auth/angular";
-import { ConfirmKeyConnectorDomainComponent, LockComponent } from "@bitwarden/key-management-ui";
+import { LockComponent } from "@bitwarden/key-management-ui";
 import {
   NewDeviceVerificationNoticePageOneComponent,
   NewDeviceVerificationNoticePageTwoComponent,
@@ -74,6 +74,7 @@ import { CompleteTrialInitiationComponent } from "./billing/trial-initiation/com
 import { freeTrialTextResolver } from "./billing/trial-initiation/complete-trial-initiation/resolver/free-trial-text.resolver";
 import { EnvironmentSelectorComponent } from "./components/environment-selector/environment-selector.component";
 import { RouteDataProperties } from "./core";
+import { ConfirmKeyConnectorDomainComponent } from "./key-management/key-connector/confirm-key-connector-domain.component";
 import { RemovePasswordComponent } from "./key-management/key-connector/remove-password.component";
 import { FrontendLayoutComponent } from "./layouts/frontend-layout.component";
 import { UserLayoutComponent } from "./layouts/user-layout.component";

libs/key-management-ui/src/key-connector/confirm-key-connector-domain.component.ts

@@ -1,29 +1,14 @@
-import { CommonModule } from "@angular/common";
-import { Component, OnInit } from "@angular/core";
-import { ActivatedRoute, Router, RouterModule } from "@angular/router";
+import { Directive, OnInit } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
 
-import { JslibModule } from "@bitwarden/angular/jslib.module";
 import { KeyConnectorService } from "@bitwarden/common/key-management/key-connector/abstractions/key-connector.service";
 import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
 import { MessagingService } from "@bitwarden/common/platform/abstractions/messaging.service";
 import { SyncService } from "@bitwarden/common/platform/sync";
 import { UserId } from "@bitwarden/common/types/guid";
-import { AsyncActionsModule, ButtonModule, IconButtonModule } from "@bitwarden/components";
 import { KdfType } from "@bitwarden/key-management";
 
-@Component({
-  selector: "confirm-key-connector-domain",
-  templateUrl: "confirm-key-connector-domain.component.html",
-  standalone: true,
-  imports: [
-    CommonModule,
-    JslibModule,
-    ButtonModule,
-    AsyncActionsModule,
-    IconButtonModule,
-    RouterModule,
-  ],
-})
+@Directive()
 export class ConfirmKeyConnectorDomainComponent implements OnInit {
   protected loading = true;
   protected keyConnectorUrl!: string;