chore: Added sentry call for 500 API errors

src/app/core/interceptors/httpInterceptor.ts

@@ -22,6 +22,7 @@ import { SecureStorageService } from '../services/secure-storage.service';
 import { StorageService } from '../services/storage.service';
 import { TokenService } from '../services/token.service';
 import { UserEventService } from '../services/user-event.service';
+import * as Sentry from '@sentry/angular';
 
 @Injectable()
 export class HttpConfigInterceptor implements HttpInterceptor {
@@ -153,6 +154,7 @@ export class HttpConfigInterceptor implements HttpInterceptor {
         return next.handle(request).pipe(
           catchError((error) => {
             if (error instanceof HttpErrorResponse) {
+              this.trackErrorInSentry(error, request);
               if (this.expiringSoon(token)) {
                 return from(this.refreshAccessToken()).pipe(
                   mergeMap((newToken) => {
@@ -177,6 +179,29 @@ export class HttpConfigInterceptor implements HttpInterceptor {
       })
     );
   }
+
+  private trackErrorInSentry(error: HttpErrorResponse, request: HttpRequest<string>): void {
+    if (error.status >= 500) {
+      const errorObject = new Error(`API ${error.status} Error: ${error.message || 'Server error'}`);
+
+      Object.assign(errorObject, {
+        status: error.status,
+        statusText: error.statusText,
+        name: `API Error ${error.status} : ${error.url?.split('?')[0]}`,
+      });
+
+      Sentry.captureException(errorObject, {
+        tags: {
+          errorType: `API_${error.status}`,
+          apiEndpoint: error.url,
+        },
+        extra: {
+          requestUrl: request.url,
+          responseData: error.error,
+        },
+      });
+    }
+  }
 }
 
 export class CustomEncoder implements HttpParameterCodec {

src/app/fyle/my-view-report/my-view-report.page.ts

@@ -37,7 +37,6 @@ import { ReportPermissions } from 'src/app/core/models/report-permissions.model'
 import { ExtendedComment } from 'src/app/core/models/platform/v1/extended-comment.model';
 import { Comment } from 'src/app/core/models/platform/v1/comment.model';
 import { ExpenseTransactionStatus } from 'src/app/core/enums/platform/v1/expense-transaction-status.enum';
-import * as Sentry from '@sentry/angular';
 
 @Component({
   selector: 'app-my-view-report',
@@ -455,25 +454,14 @@ export class MyViewReportPage {
     this.spenderReportsService
       .submit(this.reportId)
       .pipe(finalize(() => (this.submitReportLoader = false)))
-      .subscribe({
-        next: () => {
-          this.router.navigate(['/', 'enterprise', 'my_reports']);
-          const message = `Report submitted successfully.`;
-          this.matSnackBar.openFromComponent(ToastMessageComponent, {
-            ...this.snackbarProperties.setSnackbarProperties('success', { message }),
-            panelClass: ['msb-success-with-camera-icon'],
-          });
-          this.trackingService.showToastMessage({ ToastContent: message });
-        },
-        error: (error) => {
-          // Capture error with additional details in Sentry
-          Sentry.captureException(error, {
-            extra: {
-              reportId: this.reportId,
-              errorResponse: error,
-            },
-          });
-        },
+      .subscribe(() => {
+        this.router.navigate(['/', 'enterprise', 'my_reports']);
+        const message = `Report submitted successfully.`;
+        this.matSnackBar.openFromComponent(ToastMessageComponent, {
+          ...this.snackbarProperties.setSnackbarProperties('success', { message }),
+          panelClass: ['msb-success-with-camera-icon'],
+        });
+        this.trackingService.showToastMessage({ ToastContent: message });
       });
   }
 

src/app/shared/components/capture-receipt/camera-preview/camera-preview.component.ts

@@ -118,8 +118,23 @@ export class CameraPreviewComponent implements OnInit, OnChanges {
   stopCamera(): void {
     //Stop camera only if it is in RUNNING state
     if (this.cameraState === CameraState.RUNNING) {
+      const currentCameraState = this.cameraState;
       this.cameraState = CameraState.STOPPING;
-      from(this.cameraPreviewService.stop()).subscribe(() => (this.cameraState = CameraState.STOPPED));
+
+      from(this.cameraPreviewService.stop()).subscribe({
+        next: () => {
+          this.cameraState = CameraState.STOPPED;
+        },
+        error: (error) => {
+          Sentry.captureException(error, {
+            extra: {
+              errorResponse: error,
+              currentCameraState,
+              cameraState: this.cameraState,
+            },
+          });
+        },
+      });
     }
   }