feat: integrate Sentry into QR account sync receive flow

app/components/UI/OptinMetrics/OptinMetrics.navigation.test.tsx

@@ -505,7 +505,14 @@ describe('OptinMetrics — interest questionnaire navigation branching', () => {
       await waitFor(() => {
         expect(Logger.error).toHaveBeenCalledWith(
           expect.objectContaining({ message: 'provisioning failed' }),
-          'OptinMetrics: provisionFromMetadata failed',
+          expect.objectContaining({
+            tags: expect.objectContaining({
+              feature: 'qr-sync',
+              surface: 'import',
+              operation: 'provision_from_metadata',
+              source: 'OptinMetrics',
+            }),
+          }),
         );
       });
     });

app/components/Views/AddDeviceToWallet/index.tsx

@@ -29,8 +29,8 @@ import { showAddDeviceVerificationSheet } from '../../../core/QrSync/showAddDevi
 import { useAddDeviceResetToInstructionsListener } from '../../../core/QrSync/useAddDeviceResetToInstructionsListener';
 import { useIsQrTabSwitcherOpen } from '../../../core/QrSync/useIsQrTabSwitcherOpen';
 import { useQrSyncImportNavigation } from '../../../core/QrSync/useQrSyncImportNavigation';
+import { reportQrSyncFailure } from '../../../core/QrSync/qrSyncTelemetry';
 import type { AppNavigationProp } from '../../../core/NavigationService/types';
-import Logger from '../../../util/Logger';
 import {
   selectQrSyncError,
   selectQrSyncIsBusy,
@@ -119,10 +119,11 @@ const AddDeviceToWallet = () => {
       const scannedQrPayload = content ?? data.content ?? '';
 
       submitQrPayload(scannedQrPayload).catch((err: unknown) => {
-        Logger.error(
-          err as Error,
-          'AddDeviceToWallet: failed to submit scanned QR payload',
-        );
+        reportQrSyncFailure(err, {
+          surface: 'scanner',
+          operation: 'submit_scanned_payload',
+          source: 'AddDeviceToWallet.onScanSuccess',
+        });
       });
     },
     [submitQrPayload],
@@ -150,11 +151,12 @@ const AddDeviceToWallet = () => {
   }, [manualQrPayload, submitQrPayload]);
 
   const triggerManualQrSubmit = useCallback(() => {
-    handleManualQrSubmit().catch((error: unknown) => {
-      Logger.error(
-        error as Error,
-        'AddDeviceToWallet: failed to submit manual QR payload',
-      );
+    handleManualQrSubmit().catch((submitError: unknown) => {
+      reportQrSyncFailure(submitError, {
+        surface: 'scanner',
+        operation: 'submit_manual_payload',
+        source: 'AddDeviceToWallet.triggerManualQrSubmit',
+      });
     });
   }, [handleManualQrSubmit]);
 

app/components/Views/QRScanner/index.tsx

@@ -67,6 +67,7 @@ import AddDeviceScannerRecovery, {
   AddDeviceScannerPermissionDenied,
 } from './AddDeviceScannerRecovery';
 import { EXTENSION_ACCOUNT_SYNC_CONNECTION_FAILED_EVENT } from '../../../core/ExtensionAccountSync/types';
+import { reportQrSyncFailure } from '../../../core/QrSync/qrSyncTelemetry';
 
 const sleep = (ms: number) =>
   new Promise<void>((resolve) => {
@@ -258,6 +259,18 @@ const QRScanner = ({
         if (classification !== 'valid') {
           shouldReadBarCodeRef.current = false;
           setIsCameraActive(false);
+          reportQrSyncFailure(
+            new Error(`Add-device QR scan classified as ${classification}`),
+            {
+              surface: 'scanner',
+              operation: 'classify_scan_content',
+              errorCode:
+                classification === 'expired'
+                  ? 'SESSION_EXPIRED'
+                  : 'INVALID_PAYLOAD',
+              source: 'QRScanner.addDevice',
+            },
+          );
           trackEvent(
             createEventBuilder(MetaMetricsEvents.QR_SCANNED)
               .addProperties({

app/core/QrSync/QrSyncController.test.ts

@@ -354,6 +354,50 @@ describe('QrSyncController', () => {
       expect(walletClient.client.sendResponse).toHaveBeenCalledTimes(1);
     });
 
+    it('terminates with GRANT_WAIT_TIMEOUT when the OTP grant deadline elapses', async () => {
+      jest.useFakeTimers();
+      const controller = buildController();
+      const walletClient = buildMockWalletClient({ deferOtpAck: true });
+
+      mockCreateQrSyncWalletClient.mockResolvedValue({
+        sessionId: VALID_SESSION_ID,
+        client: walletClient.client,
+      });
+
+      const scanPromise = controller.handleScannedQrPayload(
+        buildValidScanPayload(),
+      );
+      await flushPromises();
+
+      expect(controller.state.phase).toBe(QrSyncPhases.DISPLAYING_OTP);
+
+      jest.advanceTimersByTime(30_000);
+      await flushPromises();
+
+      expect(controller.state.phase).toBe(QrSyncPhases.FAILED);
+      expect(controller.state.error).toEqual({
+        code: 'GRANT_WAIT_TIMEOUT',
+        message: 'QR sync OTP grant wait timed out before handshake completed.',
+      });
+
+      walletClient.completeOtpHandshake();
+      await scanPromise;
+      await flushPromises();
+
+      expect(controller.state.phase).toBe(QrSyncPhases.FAILED);
+      expect(controller.state.error?.code).toBe('GRANT_WAIT_TIMEOUT');
+      expect(walletClient.client.sendResponse).toHaveBeenCalledWith(
+        expect.objectContaining({
+          type: QrSyncActionTypes.SYNC_ERROR,
+          data: expect.objectContaining({ code: 'GRANT_WAIT_TIMEOUT' }),
+        }),
+      );
+      expect(walletClient.client.sendResponse).not.toHaveBeenCalledWith(
+        expect.objectContaining({ type: QrSyncActionTypes.SYNC_OFFER }),
+      );
+      jest.useRealTimers();
+    });
+
     it('sends sync-offer once after connect completes the OTP handshake', async () => {
       const controller = buildController();
       const walletClient = buildMockWalletClient();