@monkvision/inspection-capture-web 5.0.1 → 5.0.3

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

@@ -0,0 +1,26 @@
+"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.useSightGuidelineStyle = void 0;
+var types_1 = require("@monkvision/types");
+var SightGuideline_styles_1 = require("./SightGuideline.styles");
+var hooks_1 = require("../../../../hooks");
+function useSightGuidelineStyle(_a) {
+    var addDamage = _a.addDamage;
+    var backgroundColor = (0, hooks_1.useColorBackground)();
+    return {
+        container: addDamage === types_1.AddDamage.DISABLED ? SightGuideline_styles_1.styles['containerWide'] : SightGuideline_styles_1.styles['container'],
+        guideline: __assign(__assign({}, SightGuideline_styles_1.styles['guideline']), { backgroundColor: backgroundColor }),
+    };
+}
+exports.useSightGuidelineStyle = useSightGuidelineStyle;

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

@@ -4,7 +4,7 @@ import { TutorialSteps } from '../../hooks';
 /**
  * Props of the PhotoCaptureHUDElementsSight component.
  */
-export interface PhotoCaptureHUDElementsSightProps extends Pick<PhotoCaptureAppConfig, 'enableSightGuidelines' | 'sightGuidelines' | 'addDamage'> {
+export interface PhotoCaptureHUDElementsSightProps extends Pick<PhotoCaptureAppConfig, 'sightGuidelines' | 'addDamage'> {
     /**
      * The list of sights provided to the PhotoCapture component.
      */
@@ -29,6 +29,10 @@ export interface PhotoCaptureHUDElementsSightProps extends Pick<PhotoCaptureAppC
      * Callback called when the user clicks on the AddDamage button.
      */
     onAddDamage?: () => void;
+    /**
+     * Callback called when the user clicks on both: 'disable' checkbox and 'okay' button.
+     */
+    onDisableSightGuidelines?: () => void;
     /**
      * Array containing the list of sights that the user has already captured.
      */
@@ -41,6 +45,10 @@ export interface PhotoCaptureHUDElementsSightProps extends Pick<PhotoCaptureAppC
      * The current images taken by the user (ignoring retaken pictures etc.).
      */
     images: Image[];
+    /**
+     * Boolean indicating whether the sight guidelines should be displayed.
+     */
+    showSightGuidelines?: boolean;
 }
 export declare function usePhotoCaptureHUDSightPreviewStyle({ previewDimensions, }: Pick<PhotoCaptureHUDElementsSightProps, 'previewDimensions'>): {
     container: import("@monkvision/types").ResponsiveStyleProperties;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDTutorial/PhotoCaptureHUDTutorial.js

@@ -33,6 +33,6 @@ function PhotoCaptureHUDTutorial(_a) {
     var t = (0, react_i18next_1.useTranslation)().t;
     var primaryColor = (0, hooks_2.useColorBackground)();
     var style = (0, hooks_3.usePhotoCaptureHUDTutorialStyle)();
-    return currentTutorialStep ? ((0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['backdropContainer'], "data-testid": 'backdrop' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: style.elementsContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['topContainer'] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['buttonsContainer'] }, { children: [(0, jsx_runtime_1.jsx)("div", { style: PhotoCaptureHUDTutorial_styles_1.styles['closeButtonTwin'] }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDElementsSight_1.SightGuideline, { sightId: sightId, sightGuidelines: sightGuidelines, enableSightGuidelines: currentTutorialStep === hooks_1.TutorialSteps.GUIDELINE, addDamage: addDamage, enableDefaultMessage: true }), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: __assign(__assign({}, PhotoCaptureHUDTutorial_styles_1.styles['closeButton']), getButtonStyle(allowSkipTutorial)), disabled: !allowSkipTutorial, icon: 'close', primaryColor: primaryColor, onClick: onCloseTutorial })] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['arrows'] }, { children: (0, jsx_runtime_1.jsx)(ArrowIcon_1.ArrowIcon, { tutorialStep: currentTutorialStep }) }))] })), (0, jsx_runtime_1.jsx)(DisplayText_1.DisplayText, { tutorialStep: currentTutorialStep }), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['nextButton'], primaryColor: 'primary', onClick: onNextTutorialStep }, { children: t('photo.hud.tutorial.next') }))] })) }))) : null;
+    return currentTutorialStep ? ((0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['backdropContainer'], "data-testid": 'backdrop' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: style.elementsContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['topContainer'] }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['buttonsContainer'] }, { children: [(0, jsx_runtime_1.jsx)("div", { style: PhotoCaptureHUDTutorial_styles_1.styles['closeButtonTwin'] }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDElementsSight_1.SightGuideline, { sightId: sightId, sightGuidelines: sightGuidelines, disabled: currentTutorialStep !== hooks_1.TutorialSteps.GUIDELINE, addDamage: addDamage, enableDefaultMessage: true }), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, { style: __assign(__assign({}, PhotoCaptureHUDTutorial_styles_1.styles['closeButton']), getButtonStyle(allowSkipTutorial)), disabled: !allowSkipTutorial, icon: 'close', primaryColor: primaryColor, onClick: onCloseTutorial })] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['arrows'] }, { children: (0, jsx_runtime_1.jsx)(ArrowIcon_1.ArrowIcon, { tutorialStep: currentTutorialStep }) }))] })), (0, jsx_runtime_1.jsx)(DisplayText_1.DisplayText, { tutorialStep: currentTutorialStep }), (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({ style: PhotoCaptureHUDTutorial_styles_1.styles['nextButton'], primaryColor: 'primary', onClick: onNextTutorialStep }, { children: t('photo.hud.tutorial.next') }))] })) }))) : null;
 }
 exports.PhotoCaptureHUDTutorial = PhotoCaptureHUDTutorial;

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

@@ -1,3 +1,5 @@
 export * from './usePhotoCaptureSightState';
 export * from './useComplianceAnalytics';
 export * from './usePhotoCaptureTutorial';
+export * from './usePhotoCaptureSightGuidelines';
+export * from './useInspectionComplete';

package/lib/PhotoCapture/hooks/index.js

@@ -17,3 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./usePhotoCaptureSightState"), exports);
 __exportStar(require("./useComplianceAnalytics"), exports);
 __exportStar(require("./usePhotoCaptureTutorial"), exports);
+__exportStar(require("./usePhotoCaptureSightGuidelines"), exports);
+__exportStar(require("./useInspectionComplete"), exports);

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

@@ -0,0 +1,38 @@
+import { LoadingState } from '@monkvision/common';
+import { PhotoCaptureAppConfig } from '@monkvision/types';
+import { StartTasksFunction } from '../../hooks';
+import { PhotoCaptureSightState } from './usePhotoCaptureSightState';
+/**
+ * Parameters of the useInspectionComplete hook.
+ */
+export interface InspectionCompleteParams extends Pick<PhotoCaptureAppConfig, 'startTasksOnComplete'> {
+    /**
+     * Callback called when the user has started the inspection tasks.
+     */
+    startTasks: StartTasksFunction;
+    /**
+     * The sight state, created using the usePhotoCaptureSightState hook.
+     */
+    sightState: PhotoCaptureSightState;
+    /**
+     * Global loading state of the PhotoCapture component.
+     */
+    loading: LoadingState;
+    /**
+     * Callback called when the user clicks on the "Complete" button in the HUD.
+     */
+    onComplete?: () => void;
+}
+/**
+ * Handle used to manage the completion of the inspection.
+ */
+export interface InspectionCompleteHandle {
+    /**
+     * Callback called when the user has completed the inspection.
+     */
+    handleInspectionCompleted: () => void;
+}
+/**
+ * Custom hook used to generate the callback called when the user has completed the inspection.
+ */
+export declare function useInspectionComplete({ startTasks, sightState, loading, startTasksOnComplete, onComplete, }: InspectionCompleteParams): InspectionCompleteHandle;

package/lib/PhotoCapture/hooks/useInspectionComplete.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInspectionComplete = void 0;
+var common_1 = require("@monkvision/common");
+var react_1 = require("react");
+var analytics_1 = require("@monkvision/analytics");
+var monitoring_1 = require("@monkvision/monitoring");
+/**
+ * Custom hook used to generate the callback called when the user has completed the inspection.
+ */
+function useInspectionComplete(_a) {
+    var startTasks = _a.startTasks, sightState = _a.sightState, loading = _a.loading, startTasksOnComplete = _a.startTasksOnComplete, onComplete = _a.onComplete;
+    var analytics = (0, analytics_1.useAnalytics)();
+    var monitoring = (0, monitoring_1.useMonitoring)();
+    var allowRedirect = (0, common_1.usePreventExit)(sightState.sightsTaken.length !== 0).allowRedirect;
+    var handleInspectionCompleted = (0, react_1.useCallback)(function () {
+        startTasks()
+            .then(function () {
+            analytics.trackEvent('Capture Completed');
+            analytics.setUserProperties({
+                captureCompleted: true,
+                sightSelected: 'inspection-completed',
+            });
+            allowRedirect();
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+            sightState.setIsInspectionCompleted(true);
+        })
+            .catch(function (err) {
+            loading.onError(err);
+            monitoring.handleError(err);
+        });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        var isInspectionCompliant = sightState.isInspectionCompliant, isInspectionCompleted = sightState.isInspectionCompleted;
+        if (startTasksOnComplete && isInspectionCompliant && !isInspectionCompleted) {
+            handleInspectionCompleted();
+        }
+    }, [sightState.isInspectionCompliant]);
+    return (0, common_1.useObjectMemo)({ handleInspectionCompleted: handleInspectionCompleted });
+}
+exports.useInspectionComplete = useInspectionComplete;

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

@@ -0,0 +1,28 @@
+import { PhotoCaptureAppConfig } from '@monkvision/types';
+export declare const STORAGE_KEY_PHOTO_CAPTURE_GUIDELINES = "@monk_photoCaptureSightGuideline";
+export declare const TTL_MS: number;
+/**
+ * Parameters of the usePhotoCaptureSightGuidelines hook.
+ */
+export interface PhotoCaptureSightGuidelines extends Pick<PhotoCaptureAppConfig, 'enableSightGuidelines'> {
+}
+/**
+ * Handle returned by the usePhotoCaptureSightGuidelines hook to manage the SightGuidelines feature.
+ */
+export interface PhotoCaptureSightGuidelinesHandle {
+    /**
+     * Boolean indicating if the sight guidelines are enabled or not.
+     */
+    showSightGuidelines: boolean;
+    /**
+     * Callback called when the user clicks on both: 'disable' checkbox and 'okay' button.
+     */
+    onDisableSightGuidelines?: () => void;
+}
+/**
+ * Custom hook used to manage the state of photo capture sight guidelines.
+ */
+export declare function usePhotoCaptureSightGuidelines({ enableSightGuidelines, }: PhotoCaptureSightGuidelines): {
+    showSightGuidelines: boolean;
+    handleDisableSightGuidelines: () => void;
+};

package/lib/PhotoCapture/hooks/usePhotoCaptureSightGuidelines.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePhotoCaptureSightGuidelines = exports.TTL_MS = exports.STORAGE_KEY_PHOTO_CAPTURE_GUIDELINES = void 0;
+var react_1 = require("react");
+var types_1 = require("@monkvision/types");
+var common_1 = require("@monkvision/common");
+exports.STORAGE_KEY_PHOTO_CAPTURE_GUIDELINES = '@monk_photoCaptureSightGuideline';
+exports.TTL_MS = 48 * 60 * 60 * 1000;
+function isTTLExpired() {
+    var timestamp = localStorage.getItem(exports.STORAGE_KEY_PHOTO_CAPTURE_GUIDELINES);
+    return !timestamp || Date.now() - parseInt(timestamp, 10) > exports.TTL_MS;
+}
+function getShowSightGuidelines(enableSightGuidelines) {
+    switch (enableSightGuidelines) {
+        case types_1.PhotoCaptureSightGuidelinesOption.DISABLED:
+            return false;
+        case types_1.PhotoCaptureSightGuidelinesOption.EPHEMERAL:
+            return isTTLExpired();
+        default:
+            return true;
+    }
+}
+/**
+ * Custom hook used to manage the state of photo capture sight guidelines.
+ */
+function usePhotoCaptureSightGuidelines(_a) {
+    var enableSightGuidelines = _a.enableSightGuidelines;
+    var _b = (0, react_1.useState)(function () {
+        return getShowSightGuidelines(enableSightGuidelines);
+    }), showSightGuidelines = _b[0], setShowSightGuidelines = _b[1];
+    var handleDisableSightGuidelines = (0, react_1.useCallback)(function () {
+        if (enableSightGuidelines === types_1.PhotoCaptureSightGuidelinesOption.EPHEMERAL) {
+            localStorage.setItem(exports.STORAGE_KEY_PHOTO_CAPTURE_GUIDELINES, Date.now().toString());
+            setShowSightGuidelines(false);
+        }
+        if (enableSightGuidelines === types_1.PhotoCaptureSightGuidelinesOption.ENABLED) {
+            setShowSightGuidelines(false);
+        }
+    }, []);
+    return (0, common_1.useObjectMemo)({ showSightGuidelines: showSightGuidelines, handleDisableSightGuidelines: handleDisableSightGuidelines });
+}
+exports.usePhotoCaptureSightGuidelines = usePhotoCaptureSightGuidelines;

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

@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction } from 'react';
 import { MonkApiConfig } from '@monkvision/network';
 import { LoadingState } from '@monkvision/common';
-import { ComplianceOptions, Sight, TaskName } from '@monkvision/types';
+import { ComplianceOptions, Sight, TaskName, PhotoCaptureAppConfig } from '@monkvision/types';
 /**
  * Object containing state management utilities for the PhotoCapture sights.
  */
@@ -46,11 +46,15 @@ export interface PhotoCaptureSightState {
      * Callback used to manually update the completion state of the inspection.
      */
     setIsInspectionCompleted: Dispatch<SetStateAction<boolean>>;
+    /**
+     * Boolean indicating if the inspection is compliant or not.
+     */
+    isInspectionCompliant: boolean;
 }
 /**
  * Parameters of the usePhotoCaptureSightState hook.
  */
-export interface PhotoCaptureSightsParams {
+export interface PhotoCaptureSightsParams extends Pick<PhotoCaptureAppConfig, 'startTasksOnComplete'> {
     /**
      * The inspection ID.
      */
@@ -84,9 +88,13 @@ export interface PhotoCaptureSightsParams {
      * sight will be used.
      */
     tasksBySight?: Record<string, TaskName[]>;
+    /**
+     * Callback called when inspection capture is complete.
+     */
+    onComplete?: () => 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, startTasksOnComplete, onComplete, }: PhotoCaptureSightsParams): PhotoCaptureSightState;

package/lib/PhotoCapture/hooks/usePhotoCaptureSightState.js

@@ -55,12 +55,28 @@ function getLastPictureTakenUri(inspectionId, response) {
     var images = response.entities.images.filter(function (image) { return image.inspectionId === inspectionId; });
     return images && images.length > 0 ? images[images.length - 1].path : null;
 }
+function getNotCompliantSights(inspectionId, captureSights, entities, notCompliantStatus) {
+    if (notCompliantStatus === void 0) { notCompliantStatus = [types_1.ImageStatus.NOT_COMPLIANT, types_1.ImageStatus.UPLOAD_FAILED]; }
+    return captureSights
+        .map(function (s) { return ({
+        sight: s,
+        image: (0, common_1.getInspectionImages)(inspectionId, entities.images, undefined, true).find(function (i) { return i.inspectionId === inspectionId && i.sightId === s.id; }),
+    }); })
+        .filter(function (_a) {
+        var image = _a.image;
+        return !!image && notCompliantStatus.includes(image.status);
+    })
+        .map(function (_a) {
+        var sight = _a.sight;
+        return sight;
+    });
+}
 /**
  * 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.
  */
 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, startTasksOnComplete = _a.startTasksOnComplete, onComplete = _a.onComplete;
     if (captureSights.length === 0) {
         throw new Error('Empty sight list given to the Monk PhotoCapture component.');
     }
@@ -96,20 +112,7 @@ function usePhotoCaptureSightState(_a) {
             }
             else {
                 onLastSightTaken();
-                var notCompliantSights = captureSights
-                    .map(function (s) { return ({
-                    sight: s,
-                    image: (0, common_1.getInspectionImages)(inspectionId, state.images, undefined, true).find(function (i) { return i.inspectionId === inspectionId && i.sightId === s.id; }),
-                }); })
-                    .filter(function (_a) {
-                    var image = _a.image;
-                    return !!image &&
-                        [types_1.ImageStatus.NOT_COMPLIANT, types_1.ImageStatus.UPLOAD_FAILED].includes(image.status);
-                })
-                    .map(function (_a) {
-                    var sight = _a.sight;
-                    return sight;
-                });
+                var notCompliantSights = getNotCompliantSights(inspectionId, captureSights, state);
                 var sightToRetake_1 = notCompliantSights.length > 0
                     ? notCompliantSights[0]
                     : captureSights[captureSights.length - 1];
@@ -145,6 +148,15 @@ function usePhotoCaptureSightState(_a) {
     var retryLoadingInspection = (0, react_1.useCallback)(function () {
         setRetryCount(function (value) { return value + 1; });
     }, []);
+    var isInspectionCompliant = (0, react_1.useMemo)(function () {
+        var notCapturedSights = captureSights.filter(function (s) { return !sightsTaken.includes(s); });
+        var notCompliantSights = getNotCompliantSights(inspectionId, captureSights, state, [
+            types_1.ImageStatus.UPLOADING,
+            types_1.ImageStatus.NOT_COMPLIANT,
+            types_1.ImageStatus.UPLOAD_FAILED,
+        ]);
+        return !notCapturedSights.length && !notCompliantSights.length;
+    }, [state.images]);
     var takeSelectedSight = (0, react_1.useCallback)(function () {
         var _a, _b;
         var isRetake = sightsTaken.includes(selectedSight);
@@ -168,7 +180,7 @@ function usePhotoCaptureSightState(_a) {
         if (nextSight) {
             setSelectedSight(nextSight);
         }
-        else {
+        else if (!startTasksOnComplete || !onComplete) {
             onLastSightTaken();
         }
     }, [sightsTaken, selectedSight, captureSights, onLastSightTaken]);
@@ -201,6 +213,7 @@ function usePhotoCaptureSightState(_a) {
         setLastPictureTakenUri: setLastPictureTakenUri,
         retryLoadingInspection: retryLoadingInspection,
         retakeSight: retakeSight,
+        isInspectionCompliant: isInspectionCompliant,
     });
 }
 exports.usePhotoCaptureSightState = usePhotoCaptureSightState;

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

@@ -24,13 +24,23 @@ export declare enum TutorialSteps {
 /**
  * Parameters of the usePhotoCaptureTutorial hook.
  */
-export interface PhotoCaptureTutorial extends Pick<PhotoCaptureAppConfig, 'enableTutorial' | 'enableSightTutorial' | 'enableSightGuidelines'> {
+export interface PhotoCaptureTutorialParams extends Pick<PhotoCaptureAppConfig, 'enableTutorial' | 'enableSightTutorial' | 'enableSightGuidelines'> {
 }
-/**
- * Custom hook used to manage the state of photo capture tutorial.
- */
-export declare function usePhotoCaptureTutorial({ enableTutorial, enableSightTutorial, enableSightGuidelines, }: PhotoCaptureTutorial): {
+export interface HandlePhotoCaptureTutorial {
+    /**
+     * The current tutorial step in PhotoCapture component.
+     */
     currentTutorialStep: TutorialSteps | null;
+    /**
+     * Callback called when the user clicks on the "Next" button in PhotoCapture tutorial.
+     */
     goToNextTutorialStep: () => void;
+    /**
+     * Callback called when the user clicks on the "Close" button in PhotoCapture tutorial.
+     */
     closeTutorial: () => void;
-};
+}
+/**
+ * Custom hook used to manage the state of photo capture tutorial.
+ */
+export declare function usePhotoCaptureTutorial({ enableTutorial, enableSightTutorial, enableSightGuidelines, }: PhotoCaptureTutorialParams): HandlePhotoCaptureTutorial;

package/lib/components/HUDOverlay/HUDOverlay.styles.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.styles = void 0;
 exports.styles = {
     overlay: {
-        position: 'absolute',
+        position: 'fixed',
         top: 0,
         left: 0,
         width: '100%',

package/lib/hooks/useStartTasksOnComplete.js

@@ -59,7 +59,10 @@ function getTasksToStart(_a) {
             }
         });
     }
-    return tasks.filter(function (task) { return !TASKS_NOT_TO_START.includes(task); });
+    return tasks.filter(function (task) {
+        return !TASKS_NOT_TO_START.includes(task) &&
+            !(task === types_1.TaskName.COMPLIANCES && tasks.includes(types_1.TaskName.DAMAGE_DETECTION));
+    });
 }
 /**
  * Custom hook used to generate a callback called at the end of the PhotoCapture inspection in order to automatically
@@ -79,10 +82,10 @@ function useStartTasksOnComplete(_a) {
                         return [2 /*return*/];
                     }
                     names = getTasksToStart({ sights: sights, additionalTasks: additionalTasks, tasksBySight: tasksBySight, startTasksOnComplete: startTasksOnComplete });
-                    loading.start();
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
+                    loading.start();
                     return [4 /*yield*/, startInspectionTasks({ inspectionId: inspectionId, names: names })];
                 case 2:
                     _a.sent();

package/lib/translations/de.json

@@ -31,7 +31,9 @@
                 "confirm": "Ja"
             },
             "guidelines": {
-                "defaultGuideline": "Blickwinkelanzeigen für Bilder können hier angezeigt werden."
+                "defaultGuideline": "Blickwinkelanzeigen für Bilder können hier angezeigt werden.",
+                "disable": "Nicht mehr anzeigen",
+                "validate": "Okay"
             },
             "tutorial": {
                 "welcome": "Willkommen zu Ihrer ersten Inspektion!",

package/lib/translations/en.json

@@ -31,7 +31,9 @@
                 "confirm": "Yes"
             },
             "guidelines": {
-                "defaultGuideline": "Picture view point indications can be displayed here."
+                "defaultGuideline": "Picture view point indications can be displayed here.",
+                "disable": "Don't show this again",
+                "validate": "Okay"
             },
             "tutorial": {
                 "welcome": "Welcome to your first inspection!",

package/lib/translations/fr.json

@@ -31,7 +31,9 @@
                 "confirm": "Oui"
             },
             "guidelines": {
-                "defaultGuideline": "Les indications de point de vue de l'image peuvent être affichées ici."
+                "defaultGuideline": "Les indications de point de vue de l'image peuvent être affichées ici.",
+                "disable": "Ne plus afficher",
+                "validate": "D'accord"
             },
             "tutorial": {
                 "welcome": "Bienvenue à votre première inspection!",

package/lib/translations/nl.json

@@ -31,7 +31,9 @@
                 "confirm": "Ja"
             },
             "guidelines": {
-                "defaultGuideline": "Afbeeldingsstandpuntaanwijzingen kunnen hier worden weergegeven."
+                "defaultGuideline": "Afbeeldingsstandpuntaanwijzingen kunnen hier worden weergegeven.",
+                "disable": "Niet meer tonen",
+                "validate": "Oké"
             },
             "tutorial": {
                 "welcome": "Welkom bij uw eerste inspectie!",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monkvision/inspection-capture-web",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "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.0.1",
-    "@monkvision/camera-web": "5.0.1",
-    "@monkvision/common": "5.0.1",
-    "@monkvision/common-ui-web": "5.0.1",
-    "@monkvision/network": "5.0.1",
-    "@monkvision/sights": "5.0.1",
+    "@monkvision/analytics": "5.0.3",
+    "@monkvision/camera-web": "5.0.3",
+    "@monkvision/common": "5.0.3",
+    "@monkvision/common-ui-web": "5.0.3",
+    "@monkvision/network": "5.0.3",
+    "@monkvision/sights": "5.0.3",
     "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.0.1",
-    "@monkvision/eslint-config-typescript": "5.0.1",
-    "@monkvision/eslint-config-typescript-react": "5.0.1",
-    "@monkvision/jest-config": "5.0.1",
-    "@monkvision/prettier-config": "5.0.1",
-    "@monkvision/test-utils": "5.0.1",
-    "@monkvision/typescript-config": "5.0.1",
+    "@monkvision/eslint-config-base": "5.0.3",
+    "@monkvision/eslint-config-typescript": "5.0.3",
+    "@monkvision/eslint-config-typescript-react": "5.0.3",
+    "@monkvision/jest-config": "5.0.3",
+    "@monkvision/prettier-config": "5.0.3",
+    "@monkvision/test-utils": "5.0.3",
+    "@monkvision/typescript-config": "5.0.3",
     "@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": "66e17c6eff058f787e8b80c6de046ec6790044b1"
+  "gitHead": "d7576e6acbe6c891822d9eafaa838414175f64b4"
 }