@monkvision/inspection-capture-web 5.2.4 → 5.3.0

package/lib/DamageDisclosure/DamageDisclosure.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CameraProps } from '@monkvision/camera-web';
 import { MonkApiConfig } from '@monkvision/network';
 import { CameraConfig, PhotoCaptureAppConfig, ComplianceOptions, CompressionOptions, MonkPicture, VehicleType } from '@monkvision/types';
@@ -41,4 +40,4 @@ export interface DamageDisclosureProps extends Pick<CameraProps<DamageDisclosure
      */
     lang?: string | null;
 }
-export declare function DamageDisclosure({ inspectionId, apiConfig, onClose, onComplete, onPictureTaken, enableCompliance, complianceIssues, customComplianceThresholds, useLiveCompliance, maxUploadDurationWarning, showCloseButton, addDamage, useAdaptiveImageQuality, lang, enforceOrientation, vehicleType, ...initialCameraConfig }: DamageDisclosureProps): JSX.Element;
+export declare function DamageDisclosure({ inspectionId, apiConfig, onClose, onComplete, onPictureTaken, enableCompliance, complianceIssues, customComplianceThresholds, useLiveCompliance, maxUploadDurationWarning, showCloseButton, addDamage, useAdaptiveImageQuality, lang, enforceOrientation, vehicleType, ...initialCameraConfig }: DamageDisclosureProps): import("react/jsx-runtime").JSX.Element;

package/lib/DamageDisclosure/DamageDisclosure.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DamageDisclosure = void 0;
+exports.DamageDisclosure = DamageDisclosure;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var analytics_1 = require("@monkvision/analytics");
 var camera_web_1 = require("@monkvision/camera-web");
@@ -107,6 +107,5 @@ function DamageDisclosure(_a) {
         vehicleType: vehicleType,
         enforceOrientation: enforceOrientation,
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: DamageDisclosure_styles_1.styles['container'] }, { children: [currentScreen === types_2.CaptureScreen.CAMERA && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, __assign({ HUDComponent: DamageDisclosureHUD_1.DamageDisclosureHUD, onPictureTaken: handlePictureTaken, hudProps: hudProps }, adaptiveCameraConfig))), currentScreen === types_2.CaptureScreen.GALLERY && ((0, jsx_runtime_1.jsx)(common_ui_web_1.InspectionGallery, { inspectionId: inspectionId, sights: [], apiConfig: apiConfig, captureMode: true, lang: lang, showBackButton: true, onBack: handleGalleryBack, onNavigateToCapture: handleGalleryBack, onValidate: onComplete, addDamage: addDamage, validateButtonLabel: t('photo.gallery.next'), isInspectionCompleted: false, filterByImageType: types_1.ImageType.CLOSE_UP })), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: isBadConnectionWarningDialogDisplayed, showCancelButton: false, dialogIcon: 'warning-outline', dialogIconPrimaryColor: 'caution-base', message: t('photo.badConnectionWarning.message'), confirmLabel: t('photo.badConnectionWarning.confirm'), onConfirm: closeBadConnectionWarningDialog })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: DamageDisclosure_styles_1.styles['container'], children: [currentScreen === types_2.CaptureScreen.CAMERA && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, __assign({ HUDComponent: DamageDisclosureHUD_1.DamageDisclosureHUD, onPictureTaken: handlePictureTaken, hudProps: hudProps }, adaptiveCameraConfig))), currentScreen === types_2.CaptureScreen.GALLERY && ((0, jsx_runtime_1.jsx)(common_ui_web_1.InspectionGallery, { inspectionId: inspectionId, sights: [], apiConfig: apiConfig, captureMode: true, lang: lang, showBackButton: true, onBack: handleGalleryBack, onNavigateToCapture: handleGalleryBack, onValidate: onComplete, addDamage: addDamage, validateButtonLabel: t('photo.gallery.next'), isInspectionCompleted: false, filterByImageType: types_1.ImageType.CLOSE_UP })), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: isBadConnectionWarningDialogDisplayed, showCancelButton: false, dialogIcon: 'warning-outline', dialogIconPrimaryColor: 'caution-base', message: t('photo.badConnectionWarning.message'), confirmLabel: t('photo.badConnectionWarning.confirm'), onConfirm: closeBadConnectionWarningDialog })] }));
 }
-exports.DamageDisclosure = DamageDisclosure;

package/lib/DamageDisclosure/DamageDisclosureHOC.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DamageDisclosureProps } from './DamageDisclosure';
 /**
  * The DamageDisclosure component is a ready-to-use, single page component that implements a Camera app, allowing users

package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUD.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PhotoCaptureAppConfig, Image, VehiclePart, VehicleType } from '@monkvision/types';
 import { CameraHUDProps } from '@monkvision/camera-web';
 import { LoadingState } from '@monkvision/common';
@@ -70,4 +69,4 @@ export interface DamageDisclosureHUDProps extends CameraHUDProps, Pick<PhotoCapt
  * over the Camera preview. It implements elements such as buttons to interact with
  * the camera, DamageDisclosure indicators, error messages, loaders etc.
  */
-export declare function DamageDisclosureHUD({ inspectionId, lastPictureTakenUri, mode, vehicleParts, addDamage, onAddDamage, onAddDamagePartsSelected, onValidateVehicleParts, onCancelAddDamage, onOpenGallery, onClose, onRetry, showCloseButton, loading, handle, cameraPreview, enforceOrientation, images, vehicleType, }: DamageDisclosureHUDProps): JSX.Element;
+export declare function DamageDisclosureHUD({ inspectionId, lastPictureTakenUri, mode, vehicleParts, addDamage, onAddDamage, onAddDamagePartsSelected, onValidateVehicleParts, onCancelAddDamage, onOpenGallery, onClose, onRetry, showCloseButton, loading, handle, cameraPreview, enforceOrientation, images, vehicleType, }: DamageDisclosureHUDProps): import("react/jsx-runtime").JSX.Element;

package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUD.js

@@ -1,17 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DamageDisclosureHUD = void 0;
+exports.DamageDisclosureHUD = DamageDisclosureHUD;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var types_1 = require("@monkvision/types");
@@ -45,6 +34,5 @@ function DamageDisclosureHUD(_a) {
         trackEvent('Disclosure Closed');
         onClose === null || onClose === void 0 ? void 0 : onClose();
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: DamageDisclosureHUD_styles_1.styles['container'] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: DamageDisclosureHUD_styles_1.styles['previewContainer'], "data-testid": 'camera-preview' }, { children: [cameraPreview, (0, jsx_runtime_1.jsx)(DamageDisclosureHUDElements_1.DamageDisclosureHUDElements, { mode: mode, addDamage: addDamage, vehicleParts: vehicleParts, onAddDamage: onAddDamage, onCancelAddDamage: onCancelAddDamage, onAddDamagePartsSelected: onAddDamagePartsSelected, onValidateVehicleParts: onValidateVehicleParts, isLoading: loading.isLoading, error: (_b = loading.error) !== null && _b !== void 0 ? _b : handle.error, previewDimensions: handle.previewDimensions, vehicleType: vehicleType })] })), mode !== types_2.CaptureMode.ADD_DAMAGE_PART_SELECT && ((0, jsx_runtime_1.jsx)(HUDButtons_1.HUDButtons, { onOpenGallery: onOpenGallery, onTakePicture: handle === null || handle === void 0 ? void 0 : handle.takePicture, onClose: function () { return setShowCloseModal(true); }, galleryPreview: lastPictureTakenUri !== null && lastPictureTakenUri !== void 0 ? lastPictureTakenUri : undefined, closeDisabled: !!loading.error || !!handle.error, galleryDisabled: !!loading.error || !!handle.error, takePictureDisabled: !!loading.error || !!handle.error || handle.isLoading || loading.isLoading, showCloseButton: showCloseButton, showGalleryBadge: retakeCount > 0, retakeCount: retakeCount })), (0, jsx_runtime_1.jsx)(HUDOverlay_1.HUDOverlay, { inspectionId: inspectionId, handle: handle, isCaptureLoading: loading.isLoading, captureError: loading.error, onRetry: onRetry }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: showCloseModal, message: t('photo.hud.closeConfirm.message'), cancelLabel: t('photo.hud.closeConfirm.cancel'), confirmLabel: t('photo.hud.closeConfirm.confirm'), onCancel: function () { return setShowCloseModal(false); }, onConfirm: handleCloseConfirm }), (0, jsx_runtime_1.jsx)(components_1.OrientationEnforcer, { orientation: enforceOrientation })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: DamageDisclosureHUD_styles_1.styles['container'], children: [(0, jsx_runtime_1.jsxs)("div", { style: DamageDisclosureHUD_styles_1.styles['previewContainer'], "data-testid": 'camera-preview', children: [cameraPreview, (0, jsx_runtime_1.jsx)(DamageDisclosureHUDElements_1.DamageDisclosureHUDElements, { mode: mode, addDamage: addDamage, vehicleParts: vehicleParts, onAddDamage: onAddDamage, onCancelAddDamage: onCancelAddDamage, onAddDamagePartsSelected: onAddDamagePartsSelected, onValidateVehicleParts: onValidateVehicleParts, isLoading: loading.isLoading, error: (_b = loading.error) !== null && _b !== void 0 ? _b : handle.error, previewDimensions: handle.previewDimensions, vehicleType: vehicleType })] }), mode !== types_2.CaptureMode.ADD_DAMAGE_PART_SELECT && ((0, jsx_runtime_1.jsx)(HUDButtons_1.HUDButtons, { onOpenGallery: onOpenGallery, onTakePicture: handle === null || handle === void 0 ? void 0 : handle.takePicture, onClose: function () { return setShowCloseModal(true); }, galleryPreview: lastPictureTakenUri !== null && lastPictureTakenUri !== void 0 ? lastPictureTakenUri : undefined, closeDisabled: !!loading.error || !!handle.error, galleryDisabled: !!loading.error || !!handle.error, takePictureDisabled: !!loading.error || !!handle.error || handle.isLoading || loading.isLoading, showCloseButton: showCloseButton, showGalleryBadge: retakeCount > 0, retakeCount: retakeCount })), (0, jsx_runtime_1.jsx)(HUDOverlay_1.HUDOverlay, { inspectionId: inspectionId, handle: handle, isCaptureLoading: loading.isLoading, captureError: loading.error, onRetry: onRetry }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: showCloseModal, message: t('photo.hud.closeConfirm.message'), cancelLabel: t('photo.hud.closeConfirm.cancel'), confirmLabel: t('photo.hud.closeConfirm.confirm'), onCancel: function () { return setShowCloseModal(false); }, onConfirm: handleCloseConfirm }), (0, jsx_runtime_1.jsx)(components_1.OrientationEnforcer, { orientation: enforceOrientation })] }));
 }
-exports.DamageDisclosureHUD = DamageDisclosureHUD;

package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUDElements/DamageDisclosureHUDElements.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PhotoCaptureAppConfig, PixelDimensions, VehiclePart, VehicleType } from '@monkvision/types';
 import { CaptureMode } from '../../../types';
 /**
@@ -49,4 +48,4 @@ export interface DamageDisclosureHUDElementsProps extends Pick<PhotoCaptureAppCo
 /**
  * Component implementing an HUD displayed on top of the Camera preview during the DamageDisclosure process.
  */
-export declare function DamageDisclosureHUDElements(params: DamageDisclosureHUDElementsProps): JSX.Element | null;
+export declare function DamageDisclosureHUDElements(params: DamageDisclosureHUDElementsProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUDElements/DamageDisclosureHUDElements.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DamageDisclosureHUDElements = void 0;
+exports.DamageDisclosureHUDElements = DamageDisclosureHUDElements;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var types_1 = require("../../../types");
 var components_1 = require("../../../components");
@@ -19,4 +19,3 @@ function DamageDisclosureHUDElements(params) {
     }
     return ((0, jsx_runtime_1.jsx)(components_1.PartSelection, { vehicleType: params.vehicleType, onCancel: params.onCancelAddDamage, vehicleParts: params.vehicleParts, onValidateVehicleParts: params.onValidateVehicleParts, onAddDamagePartsSelected: params.onAddDamagePartsSelected }));
 }
-exports.DamageDisclosureHUDElements = DamageDisclosureHUDElements;

package/lib/DamageDisclosure/hooks/useDamageDisclosureState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDamageDisclosureState = void 0;
+exports.useDamageDisclosureState = useDamageDisclosureState;
 var react_1 = require("react");
 var network_1 = require("@monkvision/network");
 var monitoring_1 = require("@monkvision/monitoring");
@@ -52,4 +52,3 @@ function useDamageDisclosureState(_a) {
         retryLoadingInspection: retryLoadingInspection,
     });
 }
-exports.useDamageDisclosureState = useDamageDisclosureState;

package/lib/PhotoCapture/PhotoCapture.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonkApiConfig } from '@monkvision/network';
 import { CameraConfig, ComplianceOptions, MonkPicture, PhotoCaptureAppConfig, Sight, VehicleType } from '@monkvision/types';
 /**
@@ -48,4 +47,4 @@ export interface PhotoCaptureProps extends Pick<PhotoCaptureAppConfig, keyof Cam
      */
     validateButtonLabel?: string;
 }
-export declare function PhotoCapture({ sights, inspectionId, apiConfig, additionalTasks, tasksBySight, startTasksOnComplete, onClose, onComplete, onPictureTaken, maxUploadDurationWarning, showCloseButton, enableCompliance, enableCompliancePerSight, complianceIssues, complianceIssuesPerSight, customComplianceThresholds, customComplianceThresholdsPerSight, useLiveCompliance, allowSkipRetake, addDamage, sightGuidelines, enableTutorial, allowSkipTutorial, enableSightTutorial, sightTutorial, enableSightGuidelines, useAdaptiveImageQuality, lang, enforceOrientation, validateButtonLabel, vehicleType, autoDeletePreviousSightImages, ...initialCameraConfig }: PhotoCaptureProps): JSX.Element;
+export declare function PhotoCapture({ sights, inspectionId, apiConfig, additionalTasks, tasksBySight, startTasksOnComplete, onClose, onComplete, onPictureTaken, maxUploadDurationWarning, showCloseButton, enableCompliance, enableCompliancePerSight, complianceIssues, complianceIssuesPerSight, customComplianceThresholds, customComplianceThresholdsPerSight, useLiveCompliance, allowSkipRetake, addDamage, sightGuidelines, enableTutorial, allowSkipTutorial, enableSightTutorial, sightTutorial, enableSightGuidelines, useAdaptiveImageQuality, lang, enforceOrientation, validateButtonLabel, vehicleType, autoDeletePreviousSightImages, ...initialCameraConfig }: PhotoCaptureProps): import("react/jsx-runtime").JSX.Element;

package/lib/PhotoCapture/PhotoCapture.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhotoCapture = void 0;
+exports.PhotoCapture = PhotoCapture;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var analytics_1 = require("@monkvision/analytics");
 var camera_web_1 = require("@monkvision/camera-web");
@@ -194,6 +194,5 @@ function PhotoCapture(_a) {
         showSightTutorial: showSightTutorial,
         toggleSightTutorial: toggleSightTutorial,
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCapture_styles_1.styles['container'] }, { children: [currentScreen === PhotoCaptureScreen.CAMERA && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, __assign({ HUDComponent: PhotoCaptureHUD_1.PhotoCaptureHUD, onPictureTaken: handlePictureTaken, hudProps: hudProps }, adaptiveCameraConfig))), currentScreen === PhotoCaptureScreen.GALLERY && ((0, jsx_runtime_1.jsx)(common_ui_web_1.InspectionGallery, __assign({ inspectionId: inspectionId, apiConfig: apiConfig, captureMode: true, lang: lang, showBackButton: true, sights: sights, allowSkipRetake: allowSkipRetake, onBack: handleGalleryBack, onNavigateToCapture: handleNavigateToCapture, onValidate: handleInspectionCompleted, addDamage: addDamage, validateButtonLabel: validateButtonLabel, isInspectionCompleted: sightState.isInspectionCompleted }, complianceOptions))), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: isBadConnectionWarningDialogDisplayed, showCancelButton: false, dialogIcon: 'warning-outline', dialogIconPrimaryColor: 'caution-base', message: t('photo.badConnectionWarning.message'), confirmLabel: t('photo.badConnectionWarning.confirm'), onConfirm: closeBadConnectionWarningDialog })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: PhotoCapture_styles_1.styles['container'], children: [currentScreen === PhotoCaptureScreen.CAMERA && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, __assign({ HUDComponent: PhotoCaptureHUD_1.PhotoCaptureHUD, onPictureTaken: handlePictureTaken, hudProps: hudProps }, adaptiveCameraConfig))), currentScreen === PhotoCaptureScreen.GALLERY && ((0, jsx_runtime_1.jsx)(common_ui_web_1.InspectionGallery, __assign({ inspectionId: inspectionId, apiConfig: apiConfig, captureMode: true, lang: lang, showBackButton: true, sights: sights, allowSkipRetake: allowSkipRetake, onBack: handleGalleryBack, onNavigateToCapture: handleNavigateToCapture, onValidate: handleInspectionCompleted, addDamage: addDamage, validateButtonLabel: validateButtonLabel, isInspectionCompleted: sightState.isInspectionCompleted }, complianceOptions))), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: isBadConnectionWarningDialogDisplayed, showCancelButton: false, dialogIcon: 'warning-outline', dialogIconPrimaryColor: 'caution-base', message: t('photo.badConnectionWarning.message'), confirmLabel: t('photo.badConnectionWarning.confirm'), onConfirm: closeBadConnectionWarningDialog })] }));
 }
-exports.PhotoCapture = PhotoCapture;

package/lib/PhotoCapture/PhotoCaptureHOC.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PhotoCaptureProps } from './PhotoCapture';
 /**
  * The PhotoCapture component is a ready-to-use, single page component that implements a Camera app and lets the user

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PhotoCaptureAppConfig, Image, Sight, VehiclePart, VehicleType } from '@monkvision/types';
 import { CameraHUDProps } from '@monkvision/camera-web';
 import { LoadingState } from '@monkvision/common';
@@ -119,4 +118,4 @@ export interface PhotoCaptureHUDProps extends CameraHUDProps, Pick<PhotoCaptureA
  * preview. It implements elements such as buttons to interact with the camera, PhotoCapture indicators, error messages,
  * loaders etc.
  */
-export declare function PhotoCaptureHUD({ inspectionId, sights, selectedSight, sightsTaken, lastPictureTakenUri, mode, vehicleParts, onSelectSight, onRetakeSight, onAddDamage, onAddDamagePartsSelected, onValidateVehicleParts, onCancelAddDamage, onOpenGallery, onRetry, onClose, showCloseButton, loading, handle, cameraPreview, images, addDamage, sightGuidelines, showSightGuidelines, currentTutorialStep, allowSkipTutorial, onNextTutorialStep, onCloseTutorial, enforceOrientation, vehicleType, onDisableSightGuidelines, sightTutorial, enableSightTutorial, showSightTutorial, toggleSightTutorial, }: PhotoCaptureHUDProps): JSX.Element;
+export declare function PhotoCaptureHUD({ inspectionId, sights, selectedSight, sightsTaken, lastPictureTakenUri, mode, vehicleParts, onSelectSight, onRetakeSight, onAddDamage, onAddDamagePartsSelected, onValidateVehicleParts, onCancelAddDamage, onOpenGallery, onRetry, onClose, showCloseButton, loading, handle, cameraPreview, images, addDamage, sightGuidelines, showSightGuidelines, currentTutorialStep, allowSkipTutorial, onNextTutorialStep, onCloseTutorial, enforceOrientation, vehicleType, onDisableSightGuidelines, sightTutorial, enableSightTutorial, showSightTutorial, toggleSightTutorial, }: PhotoCaptureHUDProps): import("react/jsx-runtime").JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.js

@@ -1,17 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhotoCaptureHUD = void 0;
+exports.PhotoCaptureHUD = PhotoCaptureHUD;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var types_1 = require("@monkvision/types");
@@ -46,6 +35,5 @@ function PhotoCaptureHUD(_a) {
         trackEvent('Capture Closed');
         onClose === null || onClose === void 0 ? void 0 : onClose();
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: style.container }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: style.previewContainer, "data-testid": 'camera-preview' }, { children: [cameraPreview, (0, jsx_runtime_1.jsx)(PhotoCaptureHUDElements_1.PhotoCaptureHUDElements, { selectedSight: selectedSight, sights: sights, sightsTaken: sightsTaken, mode: mode, vehicleParts: vehicleParts, onAddDamage: onAddDamage, onCancelAddDamage: onCancelAddDamage, onAddDamagePartsSelected: onAddDamagePartsSelected, onSelectSight: onSelectSight, onRetakeSight: onRetakeSight, onValidateVehicleParts: onValidateVehicleParts, error: (_b = loading.error) !== null && _b !== void 0 ? _b : handle.error, previewDimensions: handle.previewDimensions, images: images, addDamage: addDamage, sightGuidelines: sightGuidelines, showSightGuidelines: showSightGuidelines, tutorialStep: currentTutorialStep, vehicleType: vehicleType, onDisableSightGuidelines: onDisableSightGuidelines, enableSightTutorial: enableSightTutorial, toggleSightTutorial: toggleSightTutorial })] })), mode !== types_2.CaptureMode.ADD_DAMAGE_PART_SELECT && ((0, jsx_runtime_1.jsx)(components_1.HUDButtons, { onOpenGallery: onOpenGallery, onTakePicture: handle === null || handle === void 0 ? void 0 : handle.takePicture, onClose: function () { return setShowCloseModal(true); }, galleryPreview: lastPictureTakenUri !== null && lastPictureTakenUri !== void 0 ? lastPictureTakenUri : undefined, closeDisabled: !!loading.error || !!handle.error, galleryDisabled: !!loading.error || !!handle.error, takePictureDisabled: !!loading.error || !!handle.error || handle.isLoading || loading.isLoading, showCloseButton: showCloseButton, showGalleryBadge: retakeCount > 0, retakeCount: retakeCount })), (0, jsx_runtime_1.jsx)(components_1.HUDOverlay, { inspectionId: inspectionId, handle: handle, isCaptureLoading: loading.isLoading, captureError: loading.error, onRetry: onRetry }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: showCloseModal, message: t('photo.hud.closeConfirm.message'), cancelLabel: t('photo.hud.closeConfirm.cancel'), confirmLabel: t('photo.hud.closeConfirm.confirm'), onCancel: function () { return setShowCloseModal(false); }, onConfirm: handleCloseConfirm }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDTutorial_1.PhotoCaptureHUDTutorial, { currentTutorialStep: handle.error || loading.error ? null : currentTutorialStep, onNextTutorialStep: onNextTutorialStep, onCloseTutorial: onCloseTutorial, allowSkipTutorial: allowSkipTutorial, sightId: selectedSight.id, sightGuidelines: sightGuidelines, addDamage: addDamage, toggleSightTutorial: toggleSightTutorial }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDSightTutorial_1.PhotoCaptureHUDSightTutorial, { show: showSightTutorial, sightTutorial: sightTutorial, selectedSight: selectedSight, onClose: toggleSightTutorial, enableSightTutorial: enableSightTutorial }), (0, jsx_runtime_1.jsx)(components_1.OrientationEnforcer, { orientation: enforceOrientation })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style.container, children: [(0, jsx_runtime_1.jsxs)("div", { style: style.previewContainer, "data-testid": 'camera-preview', children: [cameraPreview, (0, jsx_runtime_1.jsx)(PhotoCaptureHUDElements_1.PhotoCaptureHUDElements, { selectedSight: selectedSight, sights: sights, sightsTaken: sightsTaken, mode: mode, vehicleParts: vehicleParts, onAddDamage: onAddDamage, onCancelAddDamage: onCancelAddDamage, onAddDamagePartsSelected: onAddDamagePartsSelected, onSelectSight: onSelectSight, onRetakeSight: onRetakeSight, onValidateVehicleParts: onValidateVehicleParts, error: (_b = loading.error) !== null && _b !== void 0 ? _b : handle.error, previewDimensions: handle.previewDimensions, images: images, addDamage: addDamage, sightGuidelines: sightGuidelines, showSightGuidelines: showSightGuidelines, tutorialStep: currentTutorialStep, vehicleType: vehicleType, onDisableSightGuidelines: onDisableSightGuidelines, enableSightTutorial: enableSightTutorial, toggleSightTutorial: toggleSightTutorial })] }), mode !== types_2.CaptureMode.ADD_DAMAGE_PART_SELECT && ((0, jsx_runtime_1.jsx)(components_1.HUDButtons, { onOpenGallery: onOpenGallery, onTakePicture: handle === null || handle === void 0 ? void 0 : handle.takePicture, onClose: function () { return setShowCloseModal(true); }, galleryPreview: lastPictureTakenUri !== null && lastPictureTakenUri !== void 0 ? lastPictureTakenUri : undefined, closeDisabled: !!loading.error || !!handle.error, galleryDisabled: !!loading.error || !!handle.error, takePictureDisabled: !!loading.error || !!handle.error || handle.isLoading || loading.isLoading, showCloseButton: showCloseButton, showGalleryBadge: retakeCount > 0, retakeCount: retakeCount })), (0, jsx_runtime_1.jsx)(components_1.HUDOverlay, { inspectionId: inspectionId, handle: handle, isCaptureLoading: loading.isLoading, captureError: loading.error, onRetry: onRetry }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: showCloseModal, message: t('photo.hud.closeConfirm.message'), cancelLabel: t('photo.hud.closeConfirm.cancel'), confirmLabel: t('photo.hud.closeConfirm.confirm'), onCancel: function () { return setShowCloseModal(false); }, onConfirm: handleCloseConfirm }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDTutorial_1.PhotoCaptureHUDTutorial, { currentTutorialStep: handle.error || loading.error ? null : currentTutorialStep, onNextTutorialStep: onNextTutorialStep, onCloseTutorial: onCloseTutorial, allowSkipTutorial: allowSkipTutorial, sightId: selectedSight.id, sightGuidelines: sightGuidelines, addDamage: addDamage, toggleSightTutorial: toggleSightTutorial }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDSightTutorial_1.PhotoCaptureHUDSightTutorial, { show: showSightTutorial, sightTutorial: sightTutorial, selectedSight: selectedSight, onClose: toggleSightTutorial, enableSightTutorial: enableSightTutorial }), (0, jsx_runtime_1.jsx)(components_1.OrientationEnforcer, { orientation: enforceOrientation })] }));
 }
-exports.PhotoCaptureHUD = PhotoCaptureHUD;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElements/PhotoCaptureHUDElements.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PhotoCaptureAppConfig, Image, PixelDimensions, Sight, VehiclePart, VehicleType } from '@monkvision/types';
 import { TutorialSteps } from '../../hooks';
 import { CaptureMode } from '../../../types';
@@ -86,4 +85,4 @@ export interface PhotoCaptureHUDElementsProps extends Pick<PhotoCaptureAppConfig
 /**
  * Component implementing an HUD displayed on top of the Camera preview during the PhotoCapture process.
  */
-export declare function PhotoCaptureHUDElements(params: PhotoCaptureHUDElementsProps): JSX.Element | null;
+export declare function PhotoCaptureHUDElements(params: PhotoCaptureHUDElementsProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElements/PhotoCaptureHUDElements.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhotoCaptureHUDElements = void 0;
+exports.PhotoCaptureHUDElements = PhotoCaptureHUDElements;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var PhotoCaptureHUDElementsSight_1 = require("../PhotoCaptureHUDElementsSight");
 var components_1 = require("../../../components");
@@ -23,4 +23,3 @@ function PhotoCaptureHUDElements(params) {
     }
     return ((0, jsx_runtime_1.jsx)(components_1.PartSelection, { onCancel: params.onCancelAddDamage, vehicleParts: params.vehicleParts, vehicleType: params.vehicleType, onValidateVehicleParts: params.onValidateVehicleParts, onAddDamagePartsSelected: params.onAddDamagePartsSelected }));
 }
-exports.PhotoCaptureHUDElements = PhotoCaptureHUDElements;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/AddDamageButton/AddDamageButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AddDamage } from '@monkvision/types';
 /**
  * Props of the AddDamageButton component.
@@ -16,4 +15,4 @@ export interface AddDamageButtonProps {
 /**
  * Custom button displayed in the PhotoCapture Camera HUD that allows user to enter add damage mode.
  */
-export declare function AddDamageButton({ onAddDamage, addDamage }: AddDamageButtonProps): JSX.Element | null;
+export declare function AddDamageButton({ onAddDamage, addDamage }: AddDamageButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/AddDamageButton/AddDamageButton.js

@@ -1,17 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddDamageButton = void 0;
+exports.AddDamageButton = AddDamageButton;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var common_ui_web_1 = require("@monkvision/common-ui-web");
 var react_i18next_1 = require("react-i18next");
@@ -24,6 +13,5 @@ function AddDamageButton(_a) {
     var onAddDamage = _a.onAddDamage, addDamage = _a.addDamage;
     var t = (0, react_i18next_1.useTranslation)().t;
     var primaryColor = (0, hooks_1.useColorBackground)();
-    return [types_1.AddDamage.TWO_SHOT, types_1.AddDamage.PART_SELECT].includes(addDamage) ? ((0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({ icon: 'add', onClick: onAddDamage, "data-testid": 'monk-test-btn', primaryColor: primaryColor }, { children: t('photo.hud.sight.addDamageBtn') }))) : null;
+    return [types_1.AddDamage.TWO_SHOT, types_1.AddDamage.PART_SELECT].includes(addDamage) ? ((0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { icon: 'add', onClick: onAddDamage, "data-testid": 'monk-test-btn', primaryColor: primaryColor, children: t('photo.hud.sight.addDamageBtn') })) : null;
 }
-exports.AddDamageButton = AddDamageButton;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/PhotoCaptureHUDElementsSight.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PhotoCaptureHUDElementsSightProps } from './hooks';
 /**
  * Component implementing an HUD displayed on top of the Camera preview during the PhotoCapture process when the current
  * mode is SIGHT.
  */
-export declare function PhotoCaptureHUDElementsSight({ sights, selectedSight, onSelectedSight, onRetakeSight, onAddDamage, onDisableSightGuidelines, sightsTaken, previewDimensions, images, addDamage, sightGuidelines, showSightGuidelines, tutorialStep, enableSightTutorial, toggleSightTutorial, }: PhotoCaptureHUDElementsSightProps): JSX.Element;
+export declare function PhotoCaptureHUDElementsSight({ sights, selectedSight, onSelectedSight, onRetakeSight, onAddDamage, onDisableSightGuidelines, sightsTaken, previewDimensions, images, addDamage, sightGuidelines, showSightGuidelines, tutorialStep, enableSightTutorial, toggleSightTutorial, }: PhotoCaptureHUDElementsSightProps): import("react/jsx-runtime").JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/PhotoCaptureHUDElementsSight.js

@@ -1,17 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhotoCaptureHUDElementsSight = void 0;
+exports.PhotoCaptureHUDElementsSight = PhotoCaptureHUDElementsSight;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var common_ui_web_1 = require("@monkvision/common-ui-web");
 var types_1 = require("@monkvision/types");
@@ -31,9 +20,8 @@ function PhotoCaptureHUDElementsSight(_a) {
     var sights = _a.sights, selectedSight = _a.selectedSight, _b = _a.onSelectedSight, onSelectedSight = _b === void 0 ? function () { } : _b, _c = _a.onRetakeSight, onRetakeSight = _c === void 0 ? function () { } : _c, _d = _a.onAddDamage, onAddDamage = _d === void 0 ? function () { } : _d, _e = _a.onDisableSightGuidelines, onDisableSightGuidelines = _e === void 0 ? function () { } : _e, sightsTaken = _a.sightsTaken, previewDimensions = _a.previewDimensions, images = _a.images, addDamage = _a.addDamage, sightGuidelines = _a.sightGuidelines, showSightGuidelines = _a.showSightGuidelines, tutorialStep = _a.tutorialStep, enableSightTutorial = _a.enableSightTutorial, toggleSightTutorial = _a.toggleSightTutorial;
     var style = (0, hooks_1.usePhotoCaptureHUDSightPreviewStyle)({ previewDimensions: previewDimensions });
     var showSight = previewDimensions && (!tutorialStep || tutorialStep === hooks_2.TutorialSteps.SIGHT);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCaptureHUDElementsSight_styles_1.styles['container'] }, { children: [showSight && (0, jsx_runtime_1.jsx)(common_ui_web_1.SightOverlay, { style: style.overlay, sight: selectedSight }), !tutorialStep && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: style.elementsContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: style.top }, { children: [[
+    return ((0, jsx_runtime_1.jsxs)("div", { style: PhotoCaptureHUDElementsSight_styles_1.styles['container'], children: [showSight && (0, jsx_runtime_1.jsx)(common_ui_web_1.SightOverlay, { style: style.overlay, sight: selectedSight }), !tutorialStep && ((0, jsx_runtime_1.jsxs)("div", { style: style.elementsContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: style.top, children: [[
                                 types_1.PhotoCaptureSightTutorialOption.CLASSIC,
                                 types_1.PhotoCaptureSightTutorialOption.MODERN,
-                            ].includes(enableSightTutorial) && ((0, jsx_runtime_1.jsx)(components_1.SightTutorialButton, { toggleSightTutorial: toggleSightTutorial })), (0, jsx_runtime_1.jsx)(SightGuideline_1.SightGuideline, { sightId: selectedSight.id, sightGuidelines: sightGuidelines, disabled: !showSightGuidelines, addDamage: addDamage, onDisableSightGuidelines: onDisableSightGuidelines }), (0, jsx_runtime_1.jsx)(AddDamageButton_1.AddDamageButton, { onAddDamage: onAddDamage, addDamage: addDamage })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ style: style.bottom }, { children: [(0, jsx_runtime_1.jsx)(components_1.Counter, { mode: types_2.CaptureMode.SIGHT, totalSights: sights.length, sightsTaken: sightsTaken.length }), (0, jsx_runtime_1.jsx)(SightSlider_1.SightSlider, { sights: sights, selectedSight: selectedSight, sightsTaken: sightsTaken, onSelectedSight: onSelectedSight, onRetakeSight: onRetakeSight, images: images })] }))] })))] })));
+                            ].includes(enableSightTutorial) && ((0, jsx_runtime_1.jsx)(components_1.SightTutorialButton, { toggleSightTutorial: toggleSightTutorial })), (0, jsx_runtime_1.jsx)(SightGuideline_1.SightGuideline, { sightId: selectedSight.id, sightGuidelines: sightGuidelines, disabled: !showSightGuidelines, addDamage: addDamage, onDisableSightGuidelines: onDisableSightGuidelines }), (0, jsx_runtime_1.jsx)(AddDamageButton_1.AddDamageButton, { onAddDamage: onAddDamage, addDamage: addDamage })] }), (0, jsx_runtime_1.jsxs)("div", { style: style.bottom, children: [(0, jsx_runtime_1.jsx)(components_1.Counter, { mode: types_2.CaptureMode.SIGHT, totalSights: sights.length, sightsTaken: sightsTaken.length }), (0, jsx_runtime_1.jsx)(SightSlider_1.SightSlider, { sights: sights, selectedSight: selectedSight, sightsTaken: sightsTaken, onSelectedSight: onSelectedSight, onRetakeSight: onRetakeSight, images: images })] })] }))] }));
 }
-exports.PhotoCaptureHUDElementsSight = PhotoCaptureHUDElementsSight;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/SightGuideline.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PhotoCaptureAppConfig } from '@monkvision/types';
 /**
  * Props of the SightGuideline component.
@@ -28,4 +27,4 @@ export interface SightGuidelineProps extends Pick<PhotoCaptureAppConfig, 'addDam
 /**
  * Custom button displaying the sight guideline.
  */
-export declare function SightGuideline({ sightId, sightGuidelines, addDamage, enableDefaultMessage, disabled, onDisableSightGuidelines, }: SightGuidelineProps): JSX.Element;
+export declare function SightGuideline({ sightId, sightGuidelines, addDamage, enableDefaultMessage, disabled, onDisableSightGuidelines, }: SightGuidelineProps): import("react/jsx-runtime").JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/SightGuideline.js

@@ -1,17 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SightGuideline = void 0;
+exports.SightGuideline = SightGuideline;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
@@ -39,10 +28,9 @@ function SightGuideline(_a) {
         setShowGuideline(false);
     };
     (0, react_1.useEffect)(function () { return setShowGuideline(true); }, [sightId]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: style.container, "data-testid": 'container' }, { children: !disabled && showGuideline && guideline && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: style.guideline, "data-testid": 'guideline' }, { children: [guideline, (0, jsx_runtime_1.jsxs)("div", __assign({ style: SightGuideline_styles_1.styles['buttonContainer'] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: SightGuideline_styles_1.styles['checkbox'], role: 'checkbox', "aria-checked": checked, tabIndex: 0, onClick: function () { return setChecked(!checked); }, onKeyDown: function (e) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: style.container, "data-testid": 'container', children: !disabled && showGuideline && guideline && ((0, jsx_runtime_1.jsxs)("div", { style: style.guideline, "data-testid": 'guideline', children: [guideline, (0, jsx_runtime_1.jsxs)("div", { style: SightGuideline_styles_1.styles['buttonContainer'], children: [(0, jsx_runtime_1.jsxs)("div", { style: SightGuideline_styles_1.styles['checkbox'], role: 'checkbox', "aria-checked": checked, tabIndex: 0, onClick: function () { return setChecked(!checked); }, onKeyDown: function (e) {
                                 if (e.key === 'Enter' || e.key === ' ') {
                                     setChecked(!checked);
                                 }
-                            }, "data-testid": 'checkbox-container' }, { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', checked: checked, onChange: function (e) { return e.stopPropagation(); } }), (0, jsx_runtime_1.jsx)("span", { children: t('photo.hud.guidelines.disable') })] })), (0, jsx_runtime_1.jsx)("button", __assign({ style: SightGuideline_styles_1.styles['button'], onClick: handleShowSightGuidelines, "data-testid": 'button' }, { children: t('photo.hud.guidelines.validate') }))] }))] }))) })));
+                            }, "data-testid": 'checkbox-container', children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', checked: checked, onChange: function (e) { return e.stopPropagation(); } }), (0, jsx_runtime_1.jsx)("span", { children: t('photo.hud.guidelines.disable') })] }), (0, jsx_runtime_1.jsx)("button", { style: SightGuideline_styles_1.styles['button'], onClick: handleShowSightGuidelines, "data-testid": 'button', children: t('photo.hud.guidelines.validate') })] })] })) }));
 }
-exports.SightGuideline = SightGuideline;