@monkvision/inspection-capture-web 5.1.7 → 5.2.0

package/lib/PhotoCapture/PhotoCapture.d.ts

@@ -4,7 +4,7 @@ import { CameraConfig, ComplianceOptions, MonkPicture, PhotoCaptureAppConfig, Si
 /**
  * Props of the PhotoCapture component.
  */
-export interface PhotoCaptureProps extends Pick<PhotoCaptureAppConfig, keyof CameraConfig | 'maxUploadDurationWarning' | 'useAdaptiveImageQuality' | 'additionalTasks' | 'tasksBySight' | 'startTasksOnComplete' | 'showCloseButton' | 'enforceOrientation' | 'allowSkipRetake' | 'addDamage' | 'sightGuidelines' | 'enableSightGuidelines' | 'enableTutorial' | 'allowSkipTutorial' | 'enableSightTutorial' | 'sightTutorial'>, Partial<ComplianceOptions> {
+export interface PhotoCaptureProps extends Pick<PhotoCaptureAppConfig, keyof CameraConfig | 'maxUploadDurationWarning' | 'useAdaptiveImageQuality' | 'additionalTasks' | 'tasksBySight' | 'startTasksOnComplete' | 'showCloseButton' | 'enforceOrientation' | 'allowSkipRetake' | 'addDamage' | 'sightGuidelines' | 'enableSightGuidelines' | 'enableTutorial' | 'allowSkipTutorial' | 'enableSightTutorial' | 'sightTutorial' | 'autoDeletePreviousSightImages'>, Partial<ComplianceOptions> {
     /**
      * The list of sights to take pictures of. The values in this array should be retreived from the `@monkvision/sights`
      * package.
@@ -48,4 +48,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, ...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): JSX.Element;

package/lib/PhotoCapture/PhotoCapture.js

@@ -35,6 +35,7 @@ var PhotoCapture_styles_1 = require("./PhotoCapture.styles");
 var PhotoCaptureHUD_1 = require("./PhotoCaptureHUD");
 var hooks_1 = require("../hooks");
 var hooks_2 = require("./hooks");
+var useImagesCleanup_1 = require("./hooks/useImagesCleanup");
 var PhotoCaptureScreen;
 (function (PhotoCaptureScreen) {
     PhotoCaptureScreen["CAMERA"] = "camera";
@@ -42,7 +43,7 @@ var PhotoCaptureScreen;
 })(PhotoCaptureScreen || (PhotoCaptureScreen = {}));
 // No ts-doc for this component : the component exported is PhotoCaptureHOC
 function PhotoCapture(_a) {
-    var sights = _a.sights, inspectionId = _a.inspectionId, apiConfig = _a.apiConfig, additionalTasks = _a.additionalTasks, tasksBySight = _a.tasksBySight, _b = _a.startTasksOnComplete, startTasksOnComplete = _b === void 0 ? true : _b, onClose = _a.onClose, onComplete = _a.onComplete, onPictureTaken = _a.onPictureTaken, _c = _a.maxUploadDurationWarning, maxUploadDurationWarning = _c === void 0 ? 15000 : _c, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? false : _d, _e = _a.enableCompliance, enableCompliance = _e === void 0 ? true : _e, enableCompliancePerSight = _a.enableCompliancePerSight, complianceIssues = _a.complianceIssues, complianceIssuesPerSight = _a.complianceIssuesPerSight, customComplianceThresholds = _a.customComplianceThresholds, customComplianceThresholdsPerSight = _a.customComplianceThresholdsPerSight, _f = _a.useLiveCompliance, useLiveCompliance = _f === void 0 ? false : _f, _g = _a.allowSkipRetake, allowSkipRetake = _g === void 0 ? false : _g, _h = _a.addDamage, addDamage = _h === void 0 ? types_1.AddDamage.PART_SELECT : _h, sightGuidelines = _a.sightGuidelines, _j = _a.enableTutorial, enableTutorial = _j === void 0 ? types_1.PhotoCaptureTutorialOption.FIRST_TIME_ONLY : _j, _k = _a.allowSkipTutorial, allowSkipTutorial = _k === void 0 ? true : _k, _l = _a.enableSightTutorial, enableSightTutorial = _l === void 0 ? types_1.PhotoCaptureSightTutorialOption.DISABLED : _l, sightTutorial = _a.sightTutorial, _m = _a.enableSightGuidelines, enableSightGuidelines = _m === void 0 ? types_1.PhotoCaptureSightGuidelinesOption.EPHEMERAL : _m, _o = _a.useAdaptiveImageQuality, useAdaptiveImageQuality = _o === void 0 ? true : _o, lang = _a.lang, enforceOrientation = _a.enforceOrientation, validateButtonLabel = _a.validateButtonLabel, _p = _a.vehicleType, vehicleType = _p === void 0 ? types_1.VehicleType.SEDAN : _p, initialCameraConfig = __rest(_a, ["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"]);
+    var sights = _a.sights, inspectionId = _a.inspectionId, apiConfig = _a.apiConfig, additionalTasks = _a.additionalTasks, tasksBySight = _a.tasksBySight, _b = _a.startTasksOnComplete, startTasksOnComplete = _b === void 0 ? true : _b, onClose = _a.onClose, onComplete = _a.onComplete, onPictureTaken = _a.onPictureTaken, _c = _a.maxUploadDurationWarning, maxUploadDurationWarning = _c === void 0 ? 15000 : _c, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? false : _d, _e = _a.enableCompliance, enableCompliance = _e === void 0 ? true : _e, enableCompliancePerSight = _a.enableCompliancePerSight, complianceIssues = _a.complianceIssues, complianceIssuesPerSight = _a.complianceIssuesPerSight, customComplianceThresholds = _a.customComplianceThresholds, customComplianceThresholdsPerSight = _a.customComplianceThresholdsPerSight, _f = _a.useLiveCompliance, useLiveCompliance = _f === void 0 ? false : _f, _g = _a.allowSkipRetake, allowSkipRetake = _g === void 0 ? false : _g, _h = _a.addDamage, addDamage = _h === void 0 ? types_1.AddDamage.PART_SELECT : _h, sightGuidelines = _a.sightGuidelines, _j = _a.enableTutorial, enableTutorial = _j === void 0 ? types_1.PhotoCaptureTutorialOption.FIRST_TIME_ONLY : _j, _k = _a.allowSkipTutorial, allowSkipTutorial = _k === void 0 ? true : _k, _l = _a.enableSightTutorial, enableSightTutorial = _l === void 0 ? types_1.PhotoCaptureSightTutorialOption.DISABLED : _l, sightTutorial = _a.sightTutorial, _m = _a.enableSightGuidelines, enableSightGuidelines = _m === void 0 ? types_1.PhotoCaptureSightGuidelinesOption.EPHEMERAL : _m, _o = _a.useAdaptiveImageQuality, useAdaptiveImageQuality = _o === void 0 ? true : _o, lang = _a.lang, enforceOrientation = _a.enforceOrientation, validateButtonLabel = _a.validateButtonLabel, _p = _a.vehicleType, vehicleType = _p === void 0 ? types_1.VehicleType.SEDAN : _p, _q = _a.autoDeletePreviousSightImages, autoDeletePreviousSightImages = _q === void 0 ? true : _q, initialCameraConfig = __rest(_a, ["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"]);
     (0, common_1.useI18nSync)(lang);
     var complianceOptions = (0, common_1.useObjectMemo)({
         enableCompliance: enableCompliance,
@@ -54,7 +55,7 @@ function PhotoCapture(_a) {
         customComplianceThresholdsPerSight: customComplianceThresholdsPerSight,
     });
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _q = (0, react_1.useState)(PhotoCaptureScreen.CAMERA), currentScreen = _q[0], setCurrentScreen = _q[1];
+    var _r = (0, react_1.useState)(PhotoCaptureScreen.CAMERA), currentScreen = _r[0], setCurrentScreen = _r[1];
     var analytics = (0, analytics_1.useAnalytics)();
     var loading = (0, common_1.useLoadingState)();
     var handleOpenGallery = function () {
@@ -67,10 +68,10 @@ function PhotoCapture(_a) {
     });
     (0, hooks_1.useTracking)({ inspectionId: inspectionId, authToken: apiConfig.authToken });
     var setIsInitialInspectionFetched = (0, hooks_2.useComplianceAnalytics)({ inspectionId: inspectionId, sights: sights }).setIsInitialInspectionFetched;
-    var _r = (0, hooks_1.useAdaptiveCameraConfig)({
+    var _s = (0, hooks_1.useAdaptiveCameraConfig)({
         initialCameraConfig: initialCameraConfig,
         useAdaptiveImageQuality: useAdaptiveImageQuality,
-    }), adaptiveCameraConfig = _r.adaptiveCameraConfig, adaptiveUploadEventHandlers = _r.uploadEventHandlers;
+    }), adaptiveCameraConfig = _s.adaptiveCameraConfig, adaptiveUploadEventHandlers = _s.uploadEventHandlers;
     var startTasks = (0, hooks_1.useStartTasksOnComplete)({
         inspectionId: inspectionId,
         apiConfig: apiConfig,
@@ -83,6 +84,12 @@ function PhotoCapture(_a) {
     var onLastSightTaken = function () {
         setCurrentScreen(PhotoCaptureScreen.GALLERY);
     };
+    var _t = (0, hooks_2.usePhotoCaptureTutorial)({
+        enableTutorial: enableTutorial,
+        enableSightGuidelines: enableSightGuidelines,
+        enableSightTutorial: enableSightTutorial,
+    }), currentTutorialStep = _t.currentTutorialStep, goToNextTutorialStep = _t.goToNextTutorialStep, closeTutorial = _t.closeTutorial;
+    var _u = (0, hooks_2.usePhotoCaptureSightTutorial)(), showSightTutorial = _u.showSightTutorial, toggleSightTutorial = _u.toggleSightTutorial;
     var sightState = (0, hooks_2.usePhotoCaptureSightState)({
         inspectionId: inspectionId,
         captureSights: sights,
@@ -92,23 +99,27 @@ function PhotoCapture(_a) {
         tasksBySight: tasksBySight,
         complianceOptions: complianceOptions,
         setIsInitialInspectionFetched: setIsInitialInspectionFetched,
+        toggleSightTutorial: toggleSightTutorial,
     });
-    var _s = (0, hooks_2.usePhotoCaptureTutorial)({
-        enableTutorial: enableTutorial,
+    var _v = (0, hooks_2.usePhotoCaptureSightGuidelines)({
         enableSightGuidelines: enableSightGuidelines,
-        enableSightTutorial: enableSightTutorial,
-    }), currentTutorialStep = _s.currentTutorialStep, goToNextTutorialStep = _s.goToNextTutorialStep, closeTutorial = _s.closeTutorial;
-    var _t = (0, hooks_2.usePhotoCaptureSightTutorial)(), showSightTutorial = _t.showSightTutorial, toggleSightTutorial = _t.toggleSightTutorial;
-    var _u = (0, hooks_2.usePhotoCaptureSightGuidelines)({
-        enableSightGuidelines: enableSightGuidelines,
-    }), showSightGuidelines = _u.showSightGuidelines, handleDisableSightGuidelines = _u.handleDisableSightGuidelines;
-    var _v = (0, hooks_1.useBadConnectionWarning)({ maxUploadDurationWarning: maxUploadDurationWarning }), isBadConnectionWarningDialogDisplayed = _v.isBadConnectionWarningDialogDisplayed, closeBadConnectionWarningDialog = _v.closeBadConnectionWarningDialog, badConnectionWarningUploadEventHandlers = _v.uploadEventHandlers;
+    }), showSightGuidelines = _v.showSightGuidelines, handleDisableSightGuidelines = _v.handleDisableSightGuidelines;
+    var _w = (0, hooks_1.useBadConnectionWarning)({ maxUploadDurationWarning: maxUploadDurationWarning }), isBadConnectionWarningDialogDisplayed = _w.isBadConnectionWarningDialogDisplayed, closeBadConnectionWarningDialog = _w.closeBadConnectionWarningDialog, badConnectionWarningUploadEventHandlers = _w.uploadEventHandlers;
+    var cleanupEventHandlers = (0, useImagesCleanup_1.useImagesCleanup)({
+        inspectionId: inspectionId,
+        apiConfig: apiConfig,
+        autoDeletePreviousSightImages: autoDeletePreviousSightImages,
+    }).cleanupEventHandlers;
     var uploadQueue = (0, hooks_1.useUploadQueue)({
         inspectionId: inspectionId,
         apiConfig: apiConfig,
         additionalTasks: additionalTasks,
         complianceOptions: complianceOptions,
-        eventHandlers: [adaptiveUploadEventHandlers, badConnectionWarningUploadEventHandlers],
+        eventHandlers: [
+            adaptiveUploadEventHandlers,
+            badConnectionWarningUploadEventHandlers,
+            cleanupEventHandlers,
+        ],
     });
     var images = (0, hooks_1.usePhotoCaptureImages)(inspectionId);
     var handlePictureTaken = (0, hooks_1.usePictureTaken)({

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

@@ -25,6 +25,7 @@ exports.styles = {
         gap: '8px',
         letterSpacing: '0.15px',
         fontSize: '14',
+        whiteSpace: 'pre-line',
     },
     buttonContainer: {
         display: 'flex',

package/lib/PhotoCapture/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './usePhotoCaptureTutorial';
 export * from './usePhotoCaptureSightGuidelines';
 export * from './useInspectionComplete';
 export * from './usePhotoCaptureSightTutorial';
+export * from './useImagesCleanup';

package/lib/PhotoCapture/hooks/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./usePhotoCaptureTutorial"), exports);
 __exportStar(require("./usePhotoCaptureSightGuidelines"), exports);
 __exportStar(require("./useInspectionComplete"), exports);
 __exportStar(require("./usePhotoCaptureSightTutorial"), exports);
+__exportStar(require("./useImagesCleanup"), exports);

package/lib/PhotoCapture/hooks/useImagesCleanup.d.ts

@@ -0,0 +1,35 @@
+import { MonkApiConfig } from '@monkvision/network';
+import { UploadEventHandlers } from '../../hooks/useUploadQueue';
+/**
+ * Parameters accepted by the useImagesCleanup hook.
+ */
+export interface ImagesCleanupParams {
+    /**
+     * The inspection ID.
+     */
+    inspectionId: string;
+    /**
+     * The api config used to communicate with the API.
+     */
+    apiConfig: MonkApiConfig;
+    /**
+     * Boolean indicating if previous images for a sight should be automatically deleted when a new image is taken.
+     *
+     * @default true
+     */
+    autoDeletePreviousSightImages: boolean;
+}
+/**
+ * Handle used to manage the images cleanup after a new one uploads.
+ */
+export interface ImagesCleanupHandle {
+    /**
+     * A set of event handlers listening to upload events.
+     */
+    cleanupEventHandlers: UploadEventHandlers;
+}
+/**
+ * Custom hook used to cleanup sights' images of the inspection by deleting the old ones
+ * when a new image is added.
+ */
+export declare function useImagesCleanup({ inspectionId, apiConfig, autoDeletePreviousSightImages, }: ImagesCleanupParams): ImagesCleanupHandle;

package/lib/PhotoCapture/hooks/useImagesCleanup.js

@@ -0,0 +1,68 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useImagesCleanup = void 0;
+var common_1 = require("@monkvision/common");
+var network_1 = require("@monkvision/network");
+var react_1 = require("react");
+function extractOtherImagesToDelete(imagesBySight) {
+    var imagesToDelete = [];
+    Object.values(imagesBySight)
+        .filter(function (images) { return images.length > 1; })
+        .forEach(function (images) {
+        var sortedImages = images.sort(function (a, b) {
+            return b.createdAt && a.createdAt ? b.createdAt - a.createdAt : 0;
+        });
+        imagesToDelete.push.apply(imagesToDelete, sortedImages.slice(1));
+    });
+    return imagesToDelete;
+}
+function groupImagesBySightId(images, sightIdToSkip) {
+    return images.reduce(function (acc, image) {
+        if (!image.sightId || image.sightId === sightIdToSkip) {
+            return acc;
+        }
+        if (!acc[image.sightId]) {
+            acc[image.sightId] = [];
+        }
+        acc[image.sightId].push(image);
+        return acc;
+    }, {});
+}
+/**
+ * Custom hook used to cleanup sights' images of the inspection by deleting the old ones
+ * when a new image is added.
+ */
+function useImagesCleanup(_a) {
+    var inspectionId = _a.inspectionId, apiConfig = _a.apiConfig, autoDeletePreviousSightImages = _a.autoDeletePreviousSightImages;
+    var deleteImage = (0, network_1.useMonkApi)(apiConfig).deleteImage;
+    var state = (0, common_1.useMonkState)().state;
+    var onUploadSuccess = (0, react_1.useCallback)(function (_a) {
+        var sightId = _a.sightId, imageId = _a.imageId;
+        if (!sightId || !autoDeletePreviousSightImages) {
+            return;
+        }
+        var otherImagesToDelete = extractOtherImagesToDelete(groupImagesBySightId(state.images, sightId));
+        var sightImagesToDelete = state.images.filter(function (image) {
+            return image.inspectionId === inspectionId && image.sightId === sightId && image.id !== imageId;
+        });
+        var imagesToDelete = __spreadArray(__spreadArray([], otherImagesToDelete, true), sightImagesToDelete, true);
+        if (imagesToDelete.length > 0) {
+            imagesToDelete.forEach(function (image) { return deleteImage({ imageId: image.id, id: inspectionId }); });
+        }
+    }, [state.images, inspectionId]);
+    return (0, common_1.useObjectMemo)({
+        cleanupEventHandlers: {
+            onUploadSuccess: onUploadSuccess,
+        },
+    });
+}
+exports.useImagesCleanup = useImagesCleanup;

package/lib/PhotoCapture/hooks/usePhotoCaptureSightState.d.ts

@@ -88,9 +88,11 @@ export interface PhotoCaptureSightsParams {
      * sight will be used.
      */
     tasksBySight?: Record<string, TaskName[]>;
+    /** Callback called to show the tutorial when retaking a non Car Coverage compliant sight. */
+    toggleSightTutorial: () => void;
 }
 /**
  * Custom hook used to manage the state of the PhotoCapture sights. This state is automatically fetched from the API at
  * the start of the PhotoCapture process in order to allow users to start the inspection where they left it before.
  */
-export declare function usePhotoCaptureSightState({ inspectionId, captureSights, apiConfig, loading, onLastSightTaken, tasksBySight, setIsInitialInspectionFetched, complianceOptions, }: PhotoCaptureSightsParams): PhotoCaptureSightState;
+export declare function usePhotoCaptureSightState({ inspectionId, captureSights, apiConfig, loading, onLastSightTaken, tasksBySight, setIsInitialInspectionFetched, complianceOptions, toggleSightTutorial, }: PhotoCaptureSightsParams): PhotoCaptureSightState;

package/lib/PhotoCapture/hooks/usePhotoCaptureSightState.js

@@ -77,7 +77,7 @@ function getNotCompliantSights(inspectionId, captureSights, entities, notComplia
  * the start of the PhotoCapture process in order to allow users to start the inspection where they left it before.
  */
 function usePhotoCaptureSightState(_a) {
-    var inspectionId = _a.inspectionId, captureSights = _a.captureSights, apiConfig = _a.apiConfig, loading = _a.loading, onLastSightTaken = _a.onLastSightTaken, tasksBySight = _a.tasksBySight, setIsInitialInspectionFetched = _a.setIsInitialInspectionFetched, complianceOptions = _a.complianceOptions;
+    var inspectionId = _a.inspectionId, captureSights = _a.captureSights, apiConfig = _a.apiConfig, loading = _a.loading, onLastSightTaken = _a.onLastSightTaken, tasksBySight = _a.tasksBySight, setIsInitialInspectionFetched = _a.setIsInitialInspectionFetched, complianceOptions = _a.complianceOptions, toggleSightTutorial = _a.toggleSightTutorial;
     if (captureSights.length === 0) {
         throw new Error('Empty sight list given to the Monk PhotoCapture component.');
     }
@@ -186,7 +186,15 @@ function usePhotoCaptureSightState(_a) {
         if (sightToRetake) {
             setSelectedSight(sightToRetake);
         }
-    }, [captureSights]);
+        var hasCarCoverageComplianceIssues = state.images.some(function (image) {
+            return (image.sightId === id &&
+                image.complianceIssues &&
+                image.complianceIssues.some(function (issue) { return types_1.CAR_COVERAGE_COMPLIANCE_ISSUES.includes(issue); }));
+        });
+        if (hasCarCoverageComplianceIssues) {
+            toggleSightTutorial();
+        }
+    }, [captureSights, state.images, toggleSightTutorial]);
     var selectSight = function (s) {
         var _a, _b;
         var sightsNotTaken = (_a = captureSights.filter(function (sight) { return !sightsTaken.includes(sight); })) !== null && _a !== void 0 ? _a : [];

package/lib/hooks/useAdaptiveCameraConfig.js

@@ -38,8 +38,9 @@ function useAdaptiveCameraConfig(_a) {
         setMaxResolution(types_1.CameraResolution.QHD_2K);
         setIsImageUpscalingAllowed(false);
     };
-    var onUploadSuccess = (0, react_1.useCallback)(function (durationMs) {
-        if (durationMs > MAX_UPLOAD_DURATION_MS) {
+    var onUploadSuccess = (0, react_1.useCallback)(function (_a) {
+        var durationMs = _a.durationMs;
+        if (durationMs && durationMs > MAX_UPLOAD_DURATION_MS) {
             lowerMaxImageQuality();
         }
     }, []);

package/lib/hooks/useBadConnectionWarning.js

@@ -11,8 +11,10 @@ function useBadConnectionWarning(_a) {
     var _b = (0, react_1.useState)(false), isBadConnectionWarningDialogDisplayed = _b[0], setIsBadConnectionWarningDialogDisplayed = _b[1];
     var hadDialogBeenDisplayed = (0, react_1.useRef)(false);
     var closeBadConnectionWarningDialog = (0, react_1.useCallback)(function () { return setIsBadConnectionWarningDialogDisplayed(false); }, []);
-    var onUploadSuccess = (0, react_1.useCallback)(function (durationMs) {
-        if (maxUploadDurationWarning >= 0 &&
+    var onUploadSuccess = (0, react_1.useCallback)(function (_a) {
+        var durationMs = _a.durationMs;
+        if (durationMs &&
+            maxUploadDurationWarning >= 0 &&
             durationMs > maxUploadDurationWarning &&
             !hadDialogBeenDisplayed.current) {
             setIsBadConnectionWarningDialogDisplayed(true);

package/lib/hooks/useUploadQueue.d.ts

@@ -2,16 +2,31 @@ import { Queue } from '@monkvision/common';
 import { MonkApiConfig } from '@monkvision/network';
 import { PhotoCaptureAppConfig, ComplianceOptions, MonkPicture, TaskName, VehiclePart } from '@monkvision/types';
 import { CaptureMode } from '../types';
+/**
+ * Payload for the onUploadSuccess event handler.
+ */
+export interface UploadSuccessPayload {
+    /**
+     * The total elapsed time in milliseconds between the start of the upload and the end of the upload.
+     */
+    durationMs?: number;
+    /**
+     * The sight ID associated with the uploaded picture, if applicable.
+     */
+    sightId?: string;
+    /**
+     * The ID of the uploaded image.
+     */
+    imageId?: string;
+}
 /**
  * Type definition for upload event handlers.
  */
 export interface UploadEventHandlers {
     /**
      * Callback called when a picture upload successfully completes.
-     *
-     * @param durationMs The total elapsed time in milliseconds between the start of the upload and the end of the upload.
      */
-    onUploadSuccess?: (durationMs: number) => void;
+    onUploadSuccess?: (payload: UploadSuccessPayload) => void;
     /**
      * Callback called when a picture upload fails because of a timeout.
      */

package/lib/hooks/useUploadQueue.js

@@ -98,7 +98,7 @@ function useUploadQueue(_a) {
     var state = (0, common_1.useMonkState)().state;
     var wheelAnalysisCloseUp = (_b = state.tasks.find(function (task) { return task.name === types_1.TaskName.WHEEL_ANALYSIS && task.wheelAnalysisCloseUp; })) === null || _b === void 0 ? void 0 : _b.wheelAnalysisCloseUp;
     return (0, common_1.useQueue)(function (upload) { return __awaiter(_this, void 0, void 0, function () {
-        var startTs, uploadDurationMs_1, err_1;
+        var startTs, result_1, uploadDurationMs_1, sightId_1, err_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -111,9 +111,17 @@ function useUploadQueue(_a) {
                     startTs = Date.now();
                     return [4 /*yield*/, addImage(createAddImageOptions(upload, inspectionId, siblingIdRef.current, true, additionalTasks, complianceOptions, wheelAnalysisCloseUp))];
                 case 2:
-                    _a.sent();
+                    result_1 = _a.sent();
                     uploadDurationMs_1 = Date.now() - startTs;
-                    eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.forEach(function (handlers) { var _a; return (_a = handlers.onUploadSuccess) === null || _a === void 0 ? void 0 : _a.call(handlers, uploadDurationMs_1); });
+                    sightId_1 = upload.mode === types_2.CaptureMode.SIGHT ? upload.sightId : undefined;
+                    eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.forEach(function (handlers) {
+                        var _a, _b;
+                        return (_a = handlers.onUploadSuccess) === null || _a === void 0 ? void 0 : _a.call(handlers, {
+                            durationMs: uploadDurationMs_1,
+                            sightId: sightId_1,
+                            imageId: (_b = result_1 === null || result_1 === void 0 ? void 0 : result_1.image) === null || _b === void 0 ? void 0 : _b.id,
+                        });
+                    });
                     return [3 /*break*/, 4];
                 case 3:
                     err_1 = _a.sent();

package/lib/i18n.js

@@ -9,6 +9,7 @@ var en_json_1 = __importDefault(require("./translations/en.json"));
 var fr_json_1 = __importDefault(require("./translations/fr.json"));
 var de_json_1 = __importDefault(require("./translations/de.json"));
 var nl_json_1 = __importDefault(require("./translations/nl.json"));
+var it_json_1 = __importDefault(require("./translations/it.json"));
 /**
  * i18n instance of the Inspection CApture Web package. You can use this instance to automatically sync your application
  * current language with the one used by the components of the package.
@@ -19,6 +20,7 @@ var i18nInspectionCaptureWeb = (0, common_1.i18nCreateSDKInstance)({
         fr: { translation: fr_json_1.default },
         de: { translation: de_json_1.default },
         nl: { translation: nl_json_1.default },
+        it: { translation: it_json_1.default },
     },
 });
 exports.i18nInspectionCaptureWeb = i18nInspectionCaptureWeb;

package/lib/translations/de.json

@@ -27,7 +27,7 @@
             },
             "closeConfirm": {
                 "message": "Sind Sie sicher, dass Sie das Erfassungstool schließen wollen?",
-                "cancel": "Abbrechen",
+                "cancel": "Nein",
                 "confirm": "Ja"
             },
             "guidelines": {

package/lib/translations/en.json

@@ -27,7 +27,7 @@
             },
             "closeConfirm": {
                 "message": "Are you sure you want to close the capture tool?",
-                "cancel": "Cancel",
+                "cancel": "No",
                 "confirm": "Yes"
             },
             "guidelines": {

package/lib/translations/fr.json

@@ -27,7 +27,7 @@
             },
             "closeConfirm": {
                 "message": "Êtes-vous sûr(e) de vouloir fermer l'outil de capture ?",
-                "cancel": "Annuler",
+                "cancel": "Non",
                 "confirm": "Oui"
             },
             "guidelines": {

package/lib/translations/it.json

@@ -0,0 +1,108 @@
+{
+    "photo": {
+        "badConnectionWarning": {
+            "message": "Stiamo riscontrando problemi di connessione. Il caricamento delle foto potrebbe richiedere più tempo del solito.",
+            "confirm": "Ho capito"
+        },
+        "hud": {
+            "sight": { "addDamageBtn": "Danno" },
+            "addDamage": {
+                "cancelBtn": "Annulla",
+                "damagedPartCounter": "1 / 2 • Parte danneggiata",
+                "closeupPictureCounter": "2 / 2 • Danno in primo piano",
+                "infoBtn": "Posiziona il mirino sulla parte danneggiata e premi il pulsante di scatto",
+                "infoCloseup": "Scatta una foto ravvicinata del danno",
+                "selectPart": "Seleziona la parte danneggiata. Usa le frecce per ruotare il veicolo e vedere l'altro lato",
+                "selectParts": "Seleziona le parti danneggiate. Usa le frecce per ruotare il veicolo e vedere l'altro lato."
+            },
+            "error": {
+                "retry": "Riprova",
+                "missingTasks": "L'ispezione fornita non contiene alcune attività richieste dal modulo di acquisizione attuale.",
+                "invalidToken": "Il token di autenticazione utilizzato non è valido.",
+                "expiredToken": "Il token di autenticazione utilizzato è scaduto.",
+                "insufficientAuth": "Non hai le autorizzazioni necessarie per eseguire questa azione.",
+                "inspectionLoading": "Si è verificato un errore durante il caricamento dell'ispezione. Riprova tra qualche istante o contatta il supporto con il seguente ID ispezione:"
+            },
+            "closeConfirm": {
+                "message": "Sei sicuro di voler chiudere lo strumento di acquisizione?",
+                "cancel": "Annulla",
+                "confirm": "Sì"
+            },
+            "guidelines": {
+                "defaultGuideline": "Le indicazioni sul punto di vista dell'immagine possono essere visualizzate qui.",
+                "disable": "Non mostrare più",
+                "validate": "Ok"
+            },
+            "tutorial": {
+                "welcome": "Benvenuto alla tua prima ispezione!",
+                "title": "Come usarlo",
+                "guideline": "Fai il giro del veicolo per scattare tutte le foto e segui le istruzioni in alto per posizionarti con l'angolazione corretta.",
+                "sightTutorial": "Usa l'immagine in basso a sinistra per aiutarti nell'inquadratura.<br>Tocca per vedere una spiegazione dettagliata.",
+                "sight": "Allinea il veicolo con le linee il più possibile per ottenere la foto migliore.<br>Premi il pulsante di scatto per scattare la foto.",
+                "next": "Avanti"
+            },
+            "sightTutorial": {
+                "tip": "Consiglio",
+                "defaultTutorialWithImage": "Ecco un'immagine di riferimento.\nCerca di riprodurre l'inquadratura il più fedelmente possibile.",
+                "defaultTutorialWithoutImage": "Posizionati come indicato nello schema a sinistra,\nassicurandoti che la fotocamera sia all'altezza giusta."
+            }
+        },
+        "gallery": { "next": "Avanti: foto del veicolo" }
+    },
+    "video": {
+        "introduction": { "title": "Registra un video di ispezione del veicolo" },
+        "permissions": {
+            "camera": {
+                "title": "Fotocamera",
+                "description": "Per registrare un video, devi autorizzare l'accesso alla fotocamera del dispositivo"
+            },
+            "compass": {
+                "title": "Bussola",
+                "description": "Per rilevare una rotazione completa a 360° del veicolo, devi autorizzare l'accesso alla bussola del dispositivo"
+            },
+            "confirm": "Gestisci autorizzazioni"
+        },
+        "tutorial": {
+            "start": {
+                "title": "Inizia dalla parte anteriore",
+                "description": "Mantieni una distanza di un metro e gira lentamente intorno al veicolo, catturando la linea del tetto fino al suolo."
+            },
+            "finish": {
+                "title": "Termina dove hai iniziato",
+                "description": "La registrazione dovrebbe essere completata in circa 45 secondi."
+            },
+            "photos": {
+                "title": "Scatta foto se necessario",
+                "description": "Premi il pulsante di scatto per scattare foto di remarketing o danni durante la registrazione."
+            },
+            "confirm": "Registra un video"
+        },
+        "recording": {
+            "discardDialog": {
+                "message": "Vuoi annullare il video? Non hai completato il giro del veicolo.",
+                "keepRecording": "Continua la registrazione",
+                "discardVideo": "Annulla il video"
+            },
+            "fastMovementsDialog": {
+                "walkingTooFast": "Stai andando troppo veloce! Rallenta un po'. Dovresti impiegare circa un minuto per girare intorno al veicolo.",
+                "phoneShaking": "Il tuo dispositivo sta tremando troppo! Cerca di tenere la fotocamera stabile durante la registrazione.",
+                "confirm": "OK"
+            },
+            "tooltip": {
+                "start": "Quando sei davanti al veicolo, premi il pulsante per iniziare a registrare il video.",
+                "end": "Quando hai completato il giro del veicolo, premi il pulsante per terminare la registrazione."
+            }
+        },
+        "processing": {
+            "processing": "Elaborazione del video...",
+            "uploading": "Caricamento del video...",
+            "success": "Elaborazione del video completata!",
+            "error": "Si è verificato un errore durante la finalizzazione dell'ispezione. ID ispezione:",
+            "done": "Fatto"
+        }
+    },
+    "orientationEnforcer": {
+        "title": "Ruota il tuo dispositivo.",
+        "description": "Potrebbe essere necessario sbloccare l'orientamento del dispositivo nelle impostazioni del telefono."
+    }
+}

package/lib/translations/nl.json

@@ -27,7 +27,7 @@
             },
             "closeConfirm": {
                 "message": "Weet je zeker dat je de capture tool wilt sluiten?",
-                "cancel": "Annuleren",
+                "cancel": "Nee",
                 "confirm": "Ja"
             },
             "guidelines": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monkvision/inspection-capture-web",
-  "version": "5.1.7",
+  "version": "5.2.0",
   "license": "BSD-3-Clause-Clear",
   "packageManager": "yarn@3.2.4",
   "description": "MonkJs inspection capture package for React (web) used to implement the Monk inspection capture workflow",
@@ -28,12 +28,12 @@
     "lint:fix": "yarn run prettier:fix && yarn run eslint:fix"
   },
   "dependencies": {
-    "@monkvision/analytics": "5.1.7",
-    "@monkvision/camera-web": "5.1.7",
-    "@monkvision/common": "5.1.7",
-    "@monkvision/common-ui-web": "5.1.7",
-    "@monkvision/network": "5.1.7",
-    "@monkvision/sights": "5.1.7",
+    "@monkvision/analytics": "5.2.0",
+    "@monkvision/camera-web": "5.2.0",
+    "@monkvision/common": "5.2.0",
+    "@monkvision/common-ui-web": "5.2.0",
+    "@monkvision/network": "5.2.0",
+    "@monkvision/sights": "5.2.0",
     "i18next": "^23.4.5",
     "react-i18next": "^13.2.0"
   },
@@ -44,13 +44,13 @@
     "react-router-dom": "^6.22.3"
   },
   "devDependencies": {
-    "@monkvision/eslint-config-base": "5.1.7",
-    "@monkvision/eslint-config-typescript": "5.1.7",
-    "@monkvision/eslint-config-typescript-react": "5.1.7",
-    "@monkvision/jest-config": "5.1.7",
-    "@monkvision/prettier-config": "5.1.7",
-    "@monkvision/test-utils": "5.1.7",
-    "@monkvision/typescript-config": "5.1.7",
+    "@monkvision/eslint-config-base": "5.2.0",
+    "@monkvision/eslint-config-typescript": "5.2.0",
+    "@monkvision/eslint-config-typescript-react": "5.2.0",
+    "@monkvision/jest-config": "5.2.0",
+    "@monkvision/prettier-config": "5.2.0",
+    "@monkvision/test-utils": "5.2.0",
+    "@monkvision/typescript-config": "5.2.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/copyfiles": "^2",
@@ -93,5 +93,5 @@
     "url": "https://github.com/monkvision/monkjs/issues"
   },
   "homepage": "https://github.com/monkvision/monkjs",
-  "gitHead": "6cd10ecefd109e4676a701f3e498efd6f726ff4f"
+  "gitHead": "5380665942c8c075485142183e431996657e70d1"
 }