diff --git a/apps/browser/src/popup/app-routing.module.ts b/apps/browser/src/popup/app-routing.module.ts
index 37504568336..a84d343c31a 100644
--- a/apps/browser/src/popup/app-routing.module.ts
+++ b/apps/browser/src/popup/app-routing.module.ts
@@ -41,6 +41,7 @@ import { AboutPageComponent } from "../tools/popup/settings/about-page/about-pag
import { MoreFromBitwardenPageV2Component } from "../tools/popup/settings/about-page/more-from-bitwarden-page-v2.component";
import { MoreFromBitwardenPageComponent } from "../tools/popup/settings/about-page/more-from-bitwarden-page.component";
import { ExportComponent } from "../tools/popup/settings/export.component";
+import { ImportBrowserV2Component } from "../tools/popup/settings/import/import-browser-v2.component";
import { ImportBrowserComponent } from "../tools/popup/settings/import/import-browser.component";
import { SettingsV2Component } from "../tools/popup/settings/settings-v2.component";
import { SettingsComponent } from "../tools/popup/settings/settings.component";
@@ -238,12 +239,11 @@ const routes: Routes = [
canActivate: [AuthGuard],
data: { state: "generator-history" },
},
- {
+ ...extensionRefreshSwap(ImportBrowserComponent, ImportBrowserV2Component, {
path: "import",
- component: ImportBrowserComponent,
canActivate: [AuthGuard],
data: { state: "import" },
- },
+ }),
{
path: "export",
component: ExportComponent,
diff --git a/apps/browser/src/tools/popup/settings/import/import-browser-v2.component.html b/apps/browser/src/tools/popup/settings/import/import-browser-v2.component.html
new file mode 100644
index 00000000000..5458b46535a
--- /dev/null
+++ b/apps/browser/src/tools/popup/settings/import/import-browser-v2.component.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/browser/src/tools/popup/settings/import/import-browser-v2.component.ts b/apps/browser/src/tools/popup/settings/import/import-browser-v2.component.ts
new file mode 100644
index 00000000000..16759057ed5
--- /dev/null
+++ b/apps/browser/src/tools/popup/settings/import/import-browser-v2.component.ts
@@ -0,0 +1,40 @@
+import { CommonModule } from "@angular/common";
+import { Component } from "@angular/core";
+import { Router, RouterLink } from "@angular/router";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { AsyncActionsModule, ButtonModule, DialogModule } from "@bitwarden/components";
+import { ImportComponent } from "@bitwarden/importer/ui";
+
+import { PopOutComponent } from "../../../../platform/popup/components/pop-out.component";
+import { PopupFooterComponent } from "../../../../platform/popup/layout/popup-footer.component";
+import { PopupHeaderComponent } from "../../../../platform/popup/layout/popup-header.component";
+import { PopupPageComponent } from "../../../../platform/popup/layout/popup-page.component";
+
+@Component({
+ templateUrl: "import-browser-v2.component.html",
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterLink,
+ JslibModule,
+ DialogModule,
+ AsyncActionsModule,
+ ButtonModule,
+ ImportComponent,
+ PopupPageComponent,
+ PopupFooterComponent,
+ PopupHeaderComponent,
+ PopOutComponent,
+ ],
+})
+export class ImportBrowserV2Component {
+ protected disabled = false;
+ protected loading = false;
+
+ constructor(private router: Router) {}
+
+ protected async onSuccessfulImport(organizationId: string): Promise {
+ await this.router.navigate(["/vault-settings"]);
+ }
+}