[feature] Implement scope warning for exports

src/_locales/en/messages.json

@@ -1872,5 +1872,17 @@
   },
   "sessionTimeout": {
     "message": "Your session has timed out. Please go back and try logging in again."
+  },
+  "exportingPersonalVaultTitle": {
+    "message": "Exporting Personal Vault"
+  },
+  "exportingPersonalVaultDescription": {
+    "message": "Only the personal vault items associated with $EMAIL$ will be exported. Organization vault items will not be included.",
+    "placeholders": {
+      "email": {
+        "content": "$1",
+        "example": "name@example.com"
+      }
+    }
   }
 }

src/popup/app.module.ts

@@ -59,6 +59,7 @@ import { BrowserModule } from "@angular/platform-browser";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 
 import { CalloutComponent } from "jslib-angular/components/callout.component";
+import { ExportScopeCalloutComponent } from "jslib-angular/components/export-scope-callout.component";
 import { IconComponent } from "jslib-angular/components/icon.component";
 import { BitwardenToastModule } from "jslib-angular/components/toastr.component";
 import { A11yTitleDirective } from "jslib-angular/directives/a11y-title.directive";
@@ -221,6 +222,7 @@ registerLocaleData(localeZhTw, "zh-TW");
     EnvironmentComponent,
     ExcludedDomainsComponent,
     ExportComponent,
+    ExportScopeCalloutComponent,
     FallbackSrcDirective,
     FolderAddEditComponent,
     FoldersComponent,

src/popup/settings/export.component.html

@@ -19,6 +19,7 @@
     <app-callout type="warning" title="{{ 'vaultExportDisabled' | i18n }}" *ngIf="disabledByPolicy">
       {{ "personalVaultExportPolicyInEffect" | i18n }}
     </app-callout>
+    <app-export-scope-callout *ngIf="!disabledByPolicy"></app-export-scope-callout>
 
     <div class="box">
       <div class="box-content">