Reload browser extension after enabling nativeMessaging (#1577)

src/_locales/en/messages.json

@@ -1438,6 +1438,12 @@
   "biometricsNotSupportedDesc": {
     "message": "Browser biometrics is not supported on this device."
   },
+  "nativeMessagingPermissionPromptTitle": {
+    "message": "Additional Permission required"
+  },
+  "nativeMessagingPermissionPromptDesc": {
+    "message": "To enable browser biometrics we need to request an additional permission. Once allowed, the browser extension will reload and you may need to unlock your vault again."
+  },
   "nativeMessaginPermissionErrorTitle": {
     "message": "Permission not provided"
   },

src/background/nativeMessaging.background.ts

@@ -35,6 +35,11 @@ export class NativeMessagingBackground {
         private runtimeBackground: RuntimeBackground, private i18nService: I18nService, private userService: UserService,
         private messagingService: MessagingService, private appIdService: AppIdService) {
             this.storageService.save(ConstantsService.biometricFingerprintValidated, false);
+
+            // Reload extension to activate nativeMessaging
+            chrome.permissions.onAdded.addListener((permissions) => {
+                BrowserApi.reloadExtension(null);
+            });
         }
 
     async connect() {

src/popup/settings/settings.component.ts

@@ -214,6 +214,15 @@ export class SettingsComponent implements OnInit {
 
             // Request permission to use the optional permission for nativeMessaging
             if (!this.platformUtilsService.isFirefox()) {
+                const hasPermission = await new Promise((resolve) => {
+                    chrome.permissions.contains({permissions: ['nativeMessaging']}, resolve);
+                });
+
+                if (!hasPermission) {
+                    await this.platformUtilsService.showDialog(
+                        this.i18nService.t('nativeMessagingPermissionPromptDesc'), this.i18nService.t('nativeMessagingPermissionPromptTitle'),
+                        this.i18nService.t('ok'), null);
+
                     const granted = await new Promise((resolve, reject) => {
                         chrome.permissions.request({permissions: ['nativeMessaging']}, resolve);
                     });
@@ -226,6 +235,7 @@ export class SettingsComponent implements OnInit {
                         return;
                     }
                 }
+            }
 
             const submitted = Swal.fire({
                 heightAuto: false,