@monkvision/inspection-capture-web 5.3.2 → 5.3.4

package/README.md

@@ -159,7 +159,7 @@ Props
 | lang                        | <code>string &#124; null</code> | The language to be used by this component.                                                                                                                                                       |          | `'en'`                    |
 | minRecordingDuration        | `number`                        | The minimum duration of a recording in milliseconds.                                                                                                                                             |          | `15000`                   |
 | maxRetryCount               | `number`                        | The maximum number of retries for failed image uploads.                                                                                                                                          |          | `3`                       |
-| enableFastWalkingWarning    | `boolean`                       | Boolean indicating if a warning should be shown to the user when they are walking too fast around the vehicle.                                                                                   |          | `true`                    |
+| enableFastWalkingWarning    | `boolean`                       | Boolean indicating if a warning should be shown to the user when they are walking too fast around the vehicle.                                                                                   |          | `false`                   |
 | enablePhoneShakingWarning   | `boolean`                       | Boolean indicating if a warning should be shown to the user when they are shaking their phone too much.                                                                                          |          | `true`                    |
 | fastWalkingWarningCooldown  | `number`                        | The duration (in milliseconds) to wait between fast walking warnings.                                                                                                                            |          | `4000`                    |
 | phoneShakingWarningCooldown | `number`                        | The duration (in milliseconds) to wait between phone shaking warnings.                                                                                                                           |          | `4000`                    |

package/lib/VideoCapture/VideoCapture.js

@@ -11,14 +11,16 @@ var VideoCapturePermissions_1 = require("./VideoCapturePermissions");
 var VideoCaptureHUD_1 = require("./VideoCaptureHUD");
 var hooks_1 = require("../hooks");
 var hooks_2 = require("./hooks");
+var VideoCaptureTutorial_1 = require("./VideoCaptureTutorial");
 var VideoCaptureScreen;
 (function (VideoCaptureScreen) {
     VideoCaptureScreen["PERMISSIONS"] = "permissions";
+    VideoCaptureScreen["TUTORIAL"] = "tutorial";
     VideoCaptureScreen["CAPTURE"] = "capture";
 })(VideoCaptureScreen || (VideoCaptureScreen = {}));
 // No ts-doc for this component : the component exported is VideoCaptureHOC
 function VideoCapture(_a) {
-    var inspectionId = _a.inspectionId, apiConfig = _a.apiConfig, additionalTasks = _a.additionalTasks, startTasksOnComplete = _a.startTasksOnComplete, enforceOrientation = _a.enforceOrientation, _b = _a.minRecordingDuration, minRecordingDuration = _b === void 0 ? 15000 : _b, _c = _a.maxRetryCount, maxRetryCount = _c === void 0 ? 3 : _c, _d = _a.enableFastWalkingWarning, enableFastWalkingWarning = _d === void 0 ? true : _d, _e = _a.enablePhoneShakingWarning, enablePhoneShakingWarning = _e === void 0 ? true : _e, _f = _a.fastWalkingWarningCooldown, fastWalkingWarningCooldown = _f === void 0 ? 1000 : _f, _g = _a.phoneShakingWarningCooldown, phoneShakingWarningCooldown = _g === void 0 ? 1000 : _g, onComplete = _a.onComplete, lang = _a.lang;
+    var inspectionId = _a.inspectionId, apiConfig = _a.apiConfig, additionalTasks = _a.additionalTasks, startTasksOnComplete = _a.startTasksOnComplete, enforceOrientation = _a.enforceOrientation, _b = _a.minRecordingDuration, minRecordingDuration = _b === void 0 ? 15000 : _b, _c = _a.maxRetryCount, maxRetryCount = _c === void 0 ? 3 : _c, _d = _a.enableFastWalkingWarning, enableFastWalkingWarning = _d === void 0 ? true : _d, _e = _a.enablePhoneShakingWarning, enablePhoneShakingWarning = _e === void 0 ? false : _e, _f = _a.fastWalkingWarningCooldown, fastWalkingWarningCooldown = _f === void 0 ? 1000 : _f, _g = _a.phoneShakingWarningCooldown, phoneShakingWarningCooldown = _g === void 0 ? 1000 : _g, onComplete = _a.onComplete, lang = _a.lang;
     (0, common_1.useI18nSync)(lang);
     var _h = (0, react_1.useState)(VideoCaptureScreen.PERMISSIONS), screen = _h[0], setScreen = _h[1];
     var _j = (0, react_1.useState)(false), isRecording = _j[0], setIsRecording = _j[1];
@@ -65,5 +67,5 @@ function VideoCapture(_a) {
         startTasksLoading: startTasksLoading,
         onComplete: handleComplete,
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: VideoCapture_styles_1.styles['container'], children: [screen === VideoCaptureScreen.PERMISSIONS && ((0, jsx_runtime_1.jsx)(VideoCapturePermissions_1.VideoCapturePermissions, { requestCompassPermission: requestCompassPermission, onSuccess: function () { return setScreen(VideoCaptureScreen.CAPTURE); } })), screen === VideoCaptureScreen.CAPTURE && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, { HUDComponent: VideoCaptureHUD_1.VideoCaptureHUD, hudProps: hudProps }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: VideoCapture_styles_1.styles['container'], children: [screen === VideoCaptureScreen.PERMISSIONS && ((0, jsx_runtime_1.jsx)(VideoCapturePermissions_1.VideoCapturePermissions, { requestCompassPermission: requestCompassPermission, onSuccess: function () { return setScreen(VideoCaptureScreen.TUTORIAL); } })), screen === VideoCaptureScreen.TUTORIAL && ((0, jsx_runtime_1.jsx)(VideoCaptureTutorial_1.VideoCaptureTutorial, { enforceOrientation: enforceOrientation, onClose: function () { return setScreen(VideoCaptureScreen.CAPTURE); } })), screen === VideoCaptureScreen.CAPTURE && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, { HUDComponent: VideoCaptureHUD_1.VideoCaptureHUD, hudProps: hudProps }))] }));
 }

package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureHUD.js

@@ -44,7 +44,6 @@ var react_i18next_1 = require("react-i18next");
 var network_1 = require("@monkvision/network");
 var monitoring_1 = require("@monkvision/monitoring");
 var VideoCaptureHUD_styles_1 = require("./VideoCaptureHUD.styles");
-var VideoCaptureTutorial_1 = require("./VideoCaptureTutorial");
 var VideoCaptureRecording_1 = require("./VideoCaptureRecording");
 var hooks_1 = require("../hooks");
 var VideoCaptureProcessing_1 = require("../VideoCaptureProcessing");
@@ -53,7 +52,6 @@ var SCREENSHOT_INTERVAL_MS = 200;
 var FRAME_SELECTION_INTERVAL_MS = 1000;
 var VideoCaptureHUDScreen;
 (function (VideoCaptureHUDScreen) {
-    VideoCaptureHUDScreen["TUTORIAL"] = "tutorial";
     VideoCaptureHUDScreen["RECORDING"] = "recording";
     VideoCaptureHUDScreen["PROCESSING"] = "processing";
 })(VideoCaptureHUDScreen || (VideoCaptureHUDScreen = {}));
@@ -83,7 +81,7 @@ function getTooltipLabel(tooltip) {
 function VideoCaptureHUD(_a) {
     var _this = this;
     var handle = _a.handle, cameraPreview = _a.cameraPreview, inspectionId = _a.inspectionId, apiConfig = _a.apiConfig, isRecording = _a.isRecording, setIsRecording = _a.setIsRecording, enforceOrientation = _a.enforceOrientation, alpha = _a.alpha, fastMovementsWarning = _a.fastMovementsWarning, onWarningDismiss = _a.onWarningDismiss, maxRetryCount = _a.maxRetryCount, minRecordingDuration = _a.minRecordingDuration, startTasksLoading = _a.startTasksLoading, onComplete = _a.onComplete;
-    var _b = (0, react_1.useState)(VideoCaptureHUDScreen.TUTORIAL), screen = _b[0], setScreen = _b[1];
+    var _b = (0, react_1.useState)(VideoCaptureHUDScreen.RECORDING), screen = _b[0], setScreen = _b[1];
     var t = (0, react_i18next_1.useTranslation)().t;
     var handleError = (0, monitoring_1.useMonitoring)().handleError;
     var _c = (0, hooks_1.useVehicleWalkaround)({ alpha: alpha }), walkaroundPosition = _c.walkaroundPosition, startWalkaround = _c.startWalkaround;
@@ -142,5 +140,5 @@ function VideoCaptureHUD(_a) {
             resumeRecording();
         }
     }, [fastMovementsWarning, pauseRecording, resumeRecording]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: VideoCaptureHUD_styles_1.styles['container'], children: [cameraPreview, (0, jsx_runtime_1.jsxs)("div", { style: VideoCaptureHUD_styles_1.styles['hudContainer'], children: [screen === VideoCaptureHUDScreen.TUTORIAL && ((0, jsx_runtime_1.jsx)(VideoCaptureTutorial_1.VideoCaptureTutorial, { onClose: function () { return setScreen(VideoCaptureHUDScreen.RECORDING); } })), screen === VideoCaptureHUDScreen.RECORDING && ((0, jsx_runtime_1.jsx)(VideoCaptureRecording_1.VideoCaptureRecording, { walkaroundPosition: isRecording || isRecordingPaused ? walkaroundPosition : 0, isRecording: isRecording, isRecordingPaused: isRecordingPaused, recordingDurationMs: recordingDurationMs, onClickRecordVideo: onClickRecordVideo, onClickTakePicture: handleTakePictureClick, tooltip: tooltip ? t(getTooltipLabel(tooltip)) : undefined })), screen === VideoCaptureHUDScreen.PROCESSING && ((0, jsx_runtime_1.jsx)(VideoCaptureProcessing_1.VideoCaptureProcessing, { inspectionId: inspectionId, processedFrames: processedFrames, totalProcessingFrames: totalProcessingFrames, uploadedFrames: uploadedFrames, totalUploadingFrames: totalUploadingFrames, loading: startTasksLoading, onComplete: onComplete }))] }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: isDiscardDialogDisplayed, message: t('video.recording.discardDialog.message'), confirmLabel: t('video.recording.discardDialog.keepRecording'), cancelLabel: t('video.recording.discardDialog.discardVideo'), onConfirm: onDiscardDialogKeepRecording, onCancel: onDiscardDialogDiscardVideo }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: fastMovementsWarning !== null, message: t(getFastMovementsWarningMessage(fastMovementsWarning)), confirmLabel: t('video.recording.fastMovementsDialog.confirm'), onConfirm: onWarningDismiss, showCancelButton: false, dialogIcon: 'warning-outline', dialogIconPrimaryColor: 'caution' }), (0, jsx_runtime_1.jsx)(components_1.OrientationEnforcer, { orientation: enforceOrientation })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: VideoCaptureHUD_styles_1.styles['container'], children: [cameraPreview, (0, jsx_runtime_1.jsxs)("div", { style: VideoCaptureHUD_styles_1.styles['hudContainer'], children: [screen === VideoCaptureHUDScreen.RECORDING && ((0, jsx_runtime_1.jsx)(VideoCaptureRecording_1.VideoCaptureRecording, { walkaroundPosition: isRecording || isRecordingPaused ? walkaroundPosition : 0, isRecording: isRecording, isRecordingPaused: isRecordingPaused, recordingDurationMs: recordingDurationMs, onClickRecordVideo: onClickRecordVideo, onClickTakePicture: handleTakePictureClick, tooltip: tooltip ? t(getTooltipLabel(tooltip)) : undefined })), screen === VideoCaptureHUDScreen.PROCESSING && ((0, jsx_runtime_1.jsx)(VideoCaptureProcessing_1.VideoCaptureProcessing, { inspectionId: inspectionId, processedFrames: processedFrames, totalProcessingFrames: totalProcessingFrames, uploadedFrames: uploadedFrames, totalUploadingFrames: totalUploadingFrames, loading: startTasksLoading, onComplete: onComplete }))] }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: isDiscardDialogDisplayed, message: t('video.recording.discardDialog.message'), confirmLabel: t('video.recording.discardDialog.keepRecording'), cancelLabel: t('video.recording.discardDialog.discardVideo'), onConfirm: onDiscardDialogKeepRecording, onCancel: onDiscardDialogDiscardVideo }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: fastMovementsWarning !== null, message: t(getFastMovementsWarningMessage(fastMovementsWarning)), confirmLabel: t('video.recording.fastMovementsDialog.confirm'), onConfirm: onWarningDismiss, showCancelButton: false, dialogIcon: 'warning-outline', dialogIconPrimaryColor: 'caution' }), (0, jsx_runtime_1.jsx)(components_1.OrientationEnforcer, { orientation: enforceOrientation })] }));
 }

package/lib/VideoCapture/VideoCapturePageLayout/PageLayoutItem/PageLayoutItem.js

@@ -21,5 +21,5 @@ var PageLayoutItem_styles_1 = require("./PageLayoutItem.styles");
 function PageLayoutItem(_a) {
     var icon = _a.icon, title = _a.title, description = _a.description;
     var _b = (0, PageLayoutItem_styles_1.usePageLayoutItemStyles)(), iconProps = _b.iconProps, titleStyle = _b.titleStyle, descriptionStyle = _b.descriptionStyle;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: PageLayoutItem_styles_1.styles['container'], children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.Icon, __assign({ icon: icon }, iconProps)), (0, jsx_runtime_1.jsxs)("div", { style: PageLayoutItem_styles_1.styles['labels'], children: [(0, jsx_runtime_1.jsx)("div", { style: titleStyle, children: title }), (0, jsx_runtime_1.jsx)("div", { style: descriptionStyle, children: description })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: PageLayoutItem_styles_1.styles['container'], children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.Icon, __assign({ icon: icon }, iconProps)), (0, jsx_runtime_1.jsx)("div", { style: titleStyle, children: title }), (0, jsx_runtime_1.jsx)("div", { style: descriptionStyle, children: description })] }));
 }

package/lib/VideoCapture/VideoCapturePageLayout/PageLayoutItem/PageLayoutItem.styles.js

@@ -19,13 +19,12 @@ exports.styles = {
     container: {
         alignSelf: 'stretch',
         display: 'flex',
-        flexDirection: 'row',
+        flexDirection: 'column',
         alignItems: 'center',
         margin: 16,
+        gap: 8,
     },
-    icon: {
-        marginRight: 12,
-    },
+    icon: {},
     labels: {
         flex: 1,
         alignSelf: 'stretch',
@@ -33,7 +32,7 @@ exports.styles = {
         flexDirection: 'column',
     },
     title: {
-        fontSize: 20,
+        fontSize: 24,
         fontWeight: 500,
     },
     titleSmall: {
@@ -44,10 +43,10 @@ exports.styles = {
         fontWeight: 500,
     },
     description: {
-        fontSize: 18,
-        paddingTop: 6,
+        fontSize: 16,
         opacity: 0.91,
         fontWeight: 300,
+        textAlign: 'center',
     },
     descriptionSmall: {
         __media: {

package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.d.ts

@@ -4,4 +4,4 @@ import { VideoCapturePageLayoutProps } from './VideoCapturePageLayout.types';
  * This component is used to display the same layout for every "default" screen for the VideoCapture process (the
  * premissions screen, the tutorial etc.).
  */
-export declare function VideoCapturePageLayout({ showBackdrop, showTitle, confirmButtonProps, children, }: PropsWithChildren<VideoCapturePageLayoutProps>): import("react/jsx-runtime").JSX.Element;
+export declare function VideoCapturePageLayout({ showLogo, showBackdrop, showTitle, confirmButtonProps, showConfirmButton, children, }: PropsWithChildren<VideoCapturePageLayoutProps>): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.js

@@ -33,11 +33,11 @@ var VideoCapturePageLayout_styles_1 = require("./VideoCapturePageLayout.styles")
  * premissions screen, the tutorial etc.).
  */
 function VideoCapturePageLayout(_a) {
-    var _b = _a.showBackdrop, showBackdrop = _b === void 0 ? false : _b, _c = _a.showTitle, showTitle = _c === void 0 ? true : _c, confirmButtonProps = _a.confirmButtonProps, children = _a.children;
+    var _b = _a.showLogo, showLogo = _b === void 0 ? true : _b, _c = _a.showBackdrop, showBackdrop = _c === void 0 ? false : _c, _d = _a.showTitle, showTitle = _d === void 0 ? true : _d, confirmButtonProps = _a.confirmButtonProps, _e = _a.showConfirmButton, showConfirmButton = _e === void 0 ? true : _e, children = _a.children;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var _d = (0, VideoCapturePageLayout_styles_1.useVideoCapturePageLayoutStyles)({
+    var _f = (0, VideoCapturePageLayout_styles_1.useVideoCapturePageLayoutStyles)({
         showBackdrop: showBackdrop,
-    }), logoProps = _d.logoProps, containerStyle = _d.containerStyle, titleStyle = _d.titleStyle;
-    var _e = confirmButtonProps !== null && confirmButtonProps !== void 0 ? confirmButtonProps : {}, _ = _e.children, restConfirmButtonProps = __rest(_e, ["children"]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [(0, jsx_runtime_1.jsx)(common_ui_web_1.DynamicSVG, __assign({ svg: logos_asset_1.monkLogoSVG }, logoProps)), showTitle && (0, jsx_runtime_1.jsx)("div", { style: titleStyle, children: t('video.introduction.title') }), (0, jsx_runtime_1.jsx)("div", { style: VideoCapturePageLayout_styles_1.styles['childrenContainer'], children: children }), (0, jsx_runtime_1.jsx)("div", { style: VideoCapturePageLayout_styles_1.styles['confirmContainer'], children: (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({}, restConfirmButtonProps)) })] }));
+    }), logoProps = _f.logoProps, containerStyle = _f.containerStyle, titleStyle = _f.titleStyle;
+    var _g = confirmButtonProps !== null && confirmButtonProps !== void 0 ? confirmButtonProps : {}, buttonLabel = _g.children, restConfirmButtonProps = __rest(_g, ["children"]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [showLogo && (0, jsx_runtime_1.jsx)(common_ui_web_1.DynamicSVG, __assign({ svg: logos_asset_1.monkLogoSVG }, logoProps)), showTitle && (0, jsx_runtime_1.jsx)("div", { style: titleStyle, children: t('video.introduction.title') }), (0, jsx_runtime_1.jsx)("div", { style: VideoCapturePageLayout_styles_1.styles['childrenContainer'], children: children }), showConfirmButton && ((0, jsx_runtime_1.jsx)("div", { style: VideoCapturePageLayout_styles_1.styles['confirmContainer'], children: (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({}, restConfirmButtonProps, { children: buttonLabel })) }))] }));
 }

package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.styles.js

@@ -23,9 +23,10 @@ exports.styles = {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
+        justifyContent: 'center',
     },
     containerBackdrop: {
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        backgroundColor: 'rgba(0, 0, 0)',
     },
     logo: {
         margin: '32px 0',
@@ -58,6 +59,7 @@ exports.styles = {
         alignSelf: 'stretch',
         display: 'flex',
         flexDirection: 'column',
+        justifyContent: 'center',
     },
     confirmContainer: {
         alignSelf: 'stretch',
@@ -81,7 +83,7 @@ function useVideoCapturePageLayoutStyles(_a) {
             getAttributes: getLogoAttributes,
             style: __assign(__assign({}, exports.styles['logo']), responsive(exports.styles['logoSmall'])),
         },
-        containerStyle: __assign(__assign({}, exports.styles['container']), (showBackdrop ? exports.styles['containerBackdrop'] : {})),
+        containerStyle: __assign(__assign({}, exports.styles['container']), (showBackdrop && { backgroundColor: palette.background.base })),
         titleStyle: __assign(__assign({}, exports.styles['title']), responsive(exports.styles['titleSmall'])),
     };
 }

package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.types.d.ts

@@ -15,6 +15,15 @@ export interface VideoCapturePageLayoutProps {
      * @default true
      */
     showTitle?: boolean;
+    /**
+     * Boolean indicating if the Monk logo should be displayed or not.
+     */
+    showLogo?: boolean;
+    /**
+     * Boolean indicating if the confirm button should be displayed or not.
+     * If true, the confirmButtonProps must be provided.
+     */
+    showConfirmButton?: boolean;
     /**
      * Pass-through props passed down to the confirm button.
      */

package/lib/VideoCapture/VideoCapturePermissions/VideoCapturePermissions.js

@@ -91,5 +91,5 @@ function VideoCapturePermissions(_a) {
         loading: loading,
         children: t('video.permissions.confirm'),
     };
-    return ((0, jsx_runtime_1.jsxs)(VideoCapturePageLayout_1.VideoCapturePageLayout, { confirmButtonProps: confirmButtonProps, children: [(0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.PageLayoutItem, { icon: 'camera-outline', title: t('video.permissions.camera.title'), description: t('video.permissions.camera.description') }), (0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.PageLayoutItem, { icon: 'compass-outline', title: t('video.permissions.compass.title'), description: t('video.permissions.compass.description') })] }));
+    return ((0, jsx_runtime_1.jsxs)(VideoCapturePageLayout_1.VideoCapturePageLayout, { showLogo: false, showTitle: false, confirmButtonProps: confirmButtonProps, children: [(0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.PageLayoutItem, { icon: 'camera-outline', title: t('video.permissions.camera.title'), description: t('video.permissions.camera.description') }), (0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.PageLayoutItem, { icon: 'compass-outline', title: t('video.permissions.compass.title'), description: t('video.permissions.compass.description') })] }));
 }

package/lib/VideoCapture/{VideoCaptureHUD/VideoCaptureTutorial → VideoCaptureTutorial}/VideoCaptureTutorial.d.ts

@@ -1,3 +1,4 @@
+import { DeviceOrientation } from '@monkvision/types';
 /**
  * Props accepted by the VideoCaptureTutorial component.
  */
@@ -6,8 +7,12 @@ export interface VideoCaptureTutorialProps {
      * Callback called when the user closes the tutorial by clicking on the confirm button.
      */
     onClose?: () => void;
+    /**
+     * Use this prop to enforce a specific device orientation for the Camera screen.
+     */
+    enforceOrientation?: DeviceOrientation;
 }
 /**
  * This component is a tutorial displayed on top of the camera when the user first starts the video capture.
  */
-export declare function VideoCaptureTutorial({ onClose }: VideoCaptureTutorialProps): import("react/jsx-runtime").JSX.Element;
+export declare function VideoCaptureTutorial({ onClose, enforceOrientation }: VideoCaptureTutorialProps): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCaptureTutorial/VideoCaptureTutorial.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoCaptureTutorial = VideoCaptureTutorial;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var common_ui_web_1 = require("@monkvision/common-ui-web");
+var VideoCapturePageLayout_1 = require("../VideoCapturePageLayout");
+/**
+ * This component is a tutorial displayed on top of the camera when the user first starts the video capture.
+ */
+function VideoCaptureTutorial(_a) {
+    var onClose = _a.onClose, enforceOrientation = _a.enforceOrientation;
+    return ((0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.VideoCapturePageLayout, { showLogo: false, showTitle: false, showBackdrop: true, showConfirmButton: false, children: (0, jsx_runtime_1.jsx)(common_ui_web_1.VideoTutorial, { orientation: enforceOrientation, onComplete: onClose }) }));
+}

package/lib/i18n.js

@@ -6,6 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18nInspectionCaptureWeb = void 0;
 var common_1 = require("@monkvision/common");
 var en_json_1 = __importDefault(require("./translations/en.json"));
+var ro_json_1 = __importDefault(require("./translations/ro.json"));
+var pl_json_1 = __importDefault(require("./translations/pl.json"));
+var da_json_1 = __importDefault(require("./translations/da.json"));
+var sv_json_1 = __importDefault(require("./translations/sv.json"));
+var es_json_1 = __importDefault(require("./translations/es.json"));
+var pt_json_1 = __importDefault(require("./translations/pt.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"));
@@ -21,6 +27,12 @@ var i18nInspectionCaptureWeb = (0, common_1.i18nCreateSDKInstance)({
         de: { translation: de_json_1.default },
         nl: { translation: nl_json_1.default },
         it: { translation: it_json_1.default },
+        pt: { translation: pt_json_1.default },
+        es: { translation: es_json_1.default },
+        sv: { translation: sv_json_1.default },
+        da: { translation: da_json_1.default },
+        pl: { translation: pl_json_1.default },
+        ro: { translation: ro_json_1.default },
     },
 });
 exports.i18nInspectionCaptureWeb = i18nInspectionCaptureWeb;

package/lib/translations/da.json

@@ -0,0 +1,114 @@
+{
+    "photo": {
+        "badConnectionWarning": {
+            "message": "Vi oplever problemer med forbindelsen. Upload af billeder kan tage længere tid end normalt.",
+            "confirm": "Jeg forstår"
+        },
+        "hud": {
+            "sight": {
+                "addDamageBtn": "Skade"
+            },
+            "addDamage": {
+                "cancelBtn": "Annuller",
+                "damagedPartCounter": "1 / 2 • Beskadiget del",
+                "closeupPictureCounter": "2 / 2 • Nærbillede",
+                "infoBtn": "Ret målet mod den beskadigede del, og tryk derefter på udløserknappen.",
+                "infoCloseup": "Tag et nærbillede af skaden",
+                "selectPart": "Tryk på den beskadigede del. Brug pilene til at dreje køretøjet og se den anden side.",
+                "selectParts": "Tryk på de beskadigede dele. Brug pilene til at dreje køretøjet og se den anden side."
+            },
+            "error": {
+                "retry": "Prøv igen",
+                "missingTasks": "Den aktuelle inspektion mangler nogle af de opgaver, som det nuværende billedoptagelsesmodul kræver.",
+                "invalidToken": "Den anvendte autentificeringstoken er ugyldig.",
+                "expiredToken": "Autentiseringstokenet er udløbet.",
+                "insufficientAuth": "Du har ikke de nødvendige tilladelser til at udføre denne handling.",
+                "inspectionLoading": "Der opstod en fejl under indlæsningen af inspektionen. Prøv igen om få minutter, eller kontakt support med følgende inspektions-id:"
+            },
+            "closeConfirm": {
+                "message": "Er du sikker på, at du vil lukke billedoptagelsesværktøjet?",
+                "cancel": "Nej",
+                "confirm": "Ja"
+            },
+            "guidelines": {
+                "defaultGuideline": "Billedvisningspunkter kan vises her.",
+                "disable": "Vis ikke igen",
+                "validate": "Okay"
+            },
+            "tutorial": {
+                "welcome": "Velkommen til din første inspektion!",
+                "title": "Sådan bruger du det",
+                "guideline": "Gå rundt om køretøjet for at tage alle billeder, og følg vejledningen øverst for at opnå den korrekte vinkel.",
+                "sightTutorial": "Brug nederste venstre billede som vejledning til at justere billedrammen.\nTryk på det for at se en detaljeret forklaring.",
+                "sight": "Juster køretøjet, så det flugter så meget som muligt med linjerne for at få det bedste billede.\nTryk på udløserknappen for at tage billedet.",
+                "next": "Næste"
+            },
+            "sightTutorial": {
+                "tip": "Tip",
+                "defaultTutorialWithImage": "Her er et referencebillede.\nPrøv at matche din billedkomposition så præcist som muligt.",
+                "defaultTutorialWithoutImage": "Placer dig, som vist på diagrammet til venstre.\nSørg for, at kameraet er i den korrekte højde."
+            }
+        },
+        "gallery": {
+            "next": "Næste: Køretøjsbilleder"
+        }
+    },
+    "video": {
+        "introduction": {
+            "title": "Optag en video af køretøjet"
+        },
+        "permissions": {
+            "camera": {
+                "title": "Kamera",
+                "description": "For at optage video skal du give appen adgang til enhedens kamera."
+            },
+            "compass": {
+                "title": "Kompas",
+                "description": "For at registrere en komplet 360° gennemgang af køretøjet, skal du give adgang til enhedens kompas."
+            },
+            "confirm": "Administrer tilladelser"
+        },
+        "tutorial": {
+            "start": {
+                "title": "Start forfra",
+                "description": "Hold en afstand på 1 til 1,2 meter, og gå langsomt rundt om køretøjet, og tag billeder fra taget ned til jorden."
+            },
+            "finish": {
+                "title": "Afslut hvor du startede",
+                "description": "Du er færdig med at optage om cirka 45 sekunder."
+            },
+            "photos": {
+                "title": "Tag billeder efter behov",
+                "description": "Tryk på udløserknappen for at tage billeder til remarketing eller af skader, mens du optager."
+            },
+            "confirm": "Optag en video"
+        },
+        "recording": {
+            "discardDialog": {
+                "message": "Vil du slette videoen? Du har ikke filmet hele køretøjet.",
+                "keepRecording": "Fortsæt optagelsen",
+                "discardVideo": "Kassér video"
+            },
+            "fastMovementsDialog": {
+                "walkingTooFast": "Du kører for hurtigt! Sænk farten lidt, det burde tage dig omkring et minut at gennemføre inspektionen af køretøjet.",
+                "phoneShaking": "Din enhed ryster for meget! Prøv at holde kameraet stille, mens du optager dit køretøj.",
+                "confirm": "OK"
+            },
+            "tooltip": {
+                "start": "Når du står foran køretøjet, skal du trykke på knappen for at starte videooptagelsen.",
+                "end": "Når gennemgangen af køretøjet er fuldført, skal du trykke på knappen for at stoppe optagelsen."
+            }
+        },
+        "processing": {
+            "processing": "Videoen behandles",
+            "uploading": "Videoen uploades",
+            "success": "Video behandlingen er fuldført!",
+            "error": "Der opstod en fejl under afslutningen af inspektionen. Inspektions-ID:",
+            "done": "Færdig"
+        }
+    },
+    "orientationEnforcer": {
+        "title": "Roter venligst din enhed.",
+        "description": "Du skal muligvis låse op for din enheds rotationsindstilling i dine telefonindstillinger."
+    }
+}

package/lib/translations/es.json

@@ -0,0 +1,114 @@
+{
+    "photo": {
+        "badConnectionWarning": {
+            "message": "Estamos experimentando problemas de conexión. La carga de imágenes podría tardar más de lo habitual.",
+            "confirm": "Entiendo"
+        },
+        "hud": {
+            "sight": {
+                "addDamageBtn": "Daños"
+            },
+            "addDamage": {
+                "cancelBtn": "Cancelar",
+                "damagedPartCounter": "1 / 2 • Pieza dañada",
+                "closeupPictureCounter": "2 de 2 • Foto en primer plano",
+                "infoBtn": "Apunte al área dañada y toque el botón del obturador.",
+                "infoCloseup": "Tome una foto en primer plano del daño.",
+                "selectPart": "Toque la parte dañada. Use las flechas para girar el vehículo y ver el otro lado.",
+                "selectParts": "Toque las partes dañadas. Use las flechas para girar el vehículo y ver el otro lado."
+            },
+            "error": {
+                "retry": "Reintentar",
+                "missingTasks": "Faltan algunas tareas requeridas por el módulo de captura actual en la inspección proporcionada.",
+                "invalidToken": "El token de autenticación utilizado no es válido.",
+                "expiredToken": "El token de autenticación utilizado ha caducado.",
+                "insufficientAuth": "Usted no tiene los permisos necesarios para realizar esta acción.",
+                "inspectionLoading": "Se produjo un error al cargar la inspección. Inténtelo de nuevo en unos minutos o póngase en contacto con el servicio de asistencia e indique el siguiente ID de inspección:"
+            },
+            "closeConfirm": {
+                "message": "¿Está seguro de que desea cerrar la herramienta de captura?",
+                "cancel": "No",
+                "confirm": "Sí"
+            },
+            "guidelines": {
+                "defaultGuideline": "Aquí se pueden mostrar las indicaciones del punto de vista de la imagen.",
+                "disable": "No mostrar esto de nuevo",
+                "validate": "De acuerdo"
+            },
+            "tutorial": {
+                "welcome": "¡Bienvenido a su primera inspección!",
+                "title": "Cómo usarlo",
+                "guideline": "Recorra el vehículo para tomar todas las fotos y siga las instrucciones que aparecen en la parte superior para colocar la cámara en el ángulo correcto.",
+                "sightTutorial": "Utilice la imagen de la esquina inferior izquierda como guía para el encuadre.\nToque la imagen para ver una explicación detallada.",
+                "sight": "Alinee el vehículo con las líneas lo más posible para obtener la mejor imagen.\nPresione el botón del obturador para tomar la foto.",
+                "next": "Siguiente"
+            },
+            "sightTutorial": {
+                "tip": "Consejo",
+                "defaultTutorialWithImage": "Aquí hay una imagen de referencia.\nIntente que el encuadre de su foto se parezca lo más posible.",
+                "defaultTutorialWithoutImage": "Colóquese como se muestra en el diagrama de la izquierda.\nAsegúrese de que la cámara esté a la altura correcta."
+            }
+        },
+        "gallery": {
+            "next": "Siguiente: fotos del vehículo"
+        }
+    },
+    "video": {
+        "introduction": {
+            "title": "Grabe un video del vehículo"
+        },
+        "permissions": {
+            "camera": {
+                "title": "Cámara",
+                "description": "Para grabar video, debe permitir el acceso a la cámara del dispositivo."
+            },
+            "compass": {
+                "title": "Brújula",
+                "description": "Para detectar una rotación completa de 360° del vehículo, debe permitir el acceso al sensor de dirección del dispositivo."
+            },
+            "confirm": "Gestionar permisos"
+        },
+        "tutorial": {
+            "start": {
+                "title": "Comience por el frente",
+                "description": "Mantenga una distancia de 1 a 1,2 metros y camine lentamente alrededor del vehículo, capturando imágenes desde la parte superior hasta el suelo."
+            },
+            "finish": {
+                "title": "Finalice donde comenzó",
+                "description": "Debería terminar de grabar en unos 45 segundos."
+            },
+            "photos": {
+                "title": "Tome fotos según sea necesario",
+                "description": "Presione el botón del obturador para capturar fotos para fines de remarketing o para documentar daños mientras graba."
+            },
+            "confirm": "Grabar un video"
+        },
+        "recording": {
+            "discardDialog": {
+                "message": "¿Desea descartar el video? No ha recorrido completamente el perímetro del vehículo.",
+                "keepRecording": "Seguir grabando",
+                "discardVideo": "Descartar video"
+            },
+            "fastMovementsDialog": {
+                "walkingTooFast": "¡Está moviendo el dispositivo demasiado rápido! Reduzca la velocidad un poco; el recorrido completo del vehículo debería tomar aproximadamente un minuto.",
+                "phoneShaking": "¡Su dispositivo se está moviendo demasiado! Intente mantener la cámara estable mientras graba su vehículo.",
+                "confirm": "Aceptar"
+            },
+            "tooltip": {
+                "start": "Una vez frente al vehículo, presione el botón para comenzar a grabar el video.",
+                "end": "Una vez que se complete el recorrido alrededor del vehículo, presione el botón para detener la grabación."
+            }
+        },
+        "processing": {
+            "processing": "Procesando el video",
+            "uploading": "Cargando el video",
+            "success": "¡El procesamiento del video se completó!",
+            "error": "Se produjo un error al finalizar la inspección. ID de la inspección:",
+            "done": "Hecho"
+        }
+    },
+    "orientationEnforcer": {
+        "title": "Gire su dispositivo.",
+        "description": "Es posible que deba desbloquear la orientación de su dispositivo a través de la configuración de su teléfono."
+    }
+}

package/lib/translations/pl.json

@@ -0,0 +1,114 @@
+{
+    "photo": {
+        "badConnectionWarning": {
+            "message": "Występują problemy z połączeniem. Przesyłanie zdjęć może trwać dłużej niż zwykle.",
+            "confirm": "Rozumiem"
+        },
+        "hud": {
+            "sight": {
+                "addDamageBtn": "Uszkodzenie"
+            },
+            "addDamage": {
+                "cancelBtn": "Anuluj",
+                "damagedPartCounter": "1 / 2 • Uszkodzony element",
+                "closeupPictureCounter": "2 z 2 • Zdjęcie w zbliżeniu",
+                "infoBtn": "Wyceluj znacznik w uszkodzony obszar, a następnie naciśnij przycisk migawki.",
+                "infoCloseup": "Zrób zbliżenie uszkodzenia.",
+                "selectPart": "Dotknij uszkodzonego miejsca. Użyj strzałek, aby obrócić pojazd i zobaczyć drugą stronę.",
+                "selectParts": "Dotknij uszkodzonych części. Użyj strzałek, aby obracać pojazd i zobaczyć drugą stronę."
+            },
+            "error": {
+                "retry": "Ponów próbę",
+                "missingTasks": "W przeprowadzonym przeglądzie brakuje niektórych zadań wymaganych przez aktualny moduł rejestracji.",
+                "invalidToken": "Użyty token uwierzytelniający jest nieprawidłowy.",
+                "expiredToken": "Użyty token uwierzytelniający wygasł.",
+                "insufficientAuth": "Nie masz wymaganych uprawnień, aby wykonać tę czynność.",
+                "inspectionLoading": "Wystąpił błąd podczas ładowania danych kontroli. Proszę spróbować ponownie za kilka minut lub skontaktować się z pomocą techniczną, podając identyfikator kontroli: ${inspectionId}."
+            },
+            "closeConfirm": {
+                "message": "Czy na pewno chcesz zamknąć narzędzie do robienia zdjęć?",
+                "cancel": "Nie",
+                "confirm": "Tak"
+            },
+            "guidelines": {
+                "defaultGuideline": "W tym miejscu można wyświetlić wskazówki dotyczące punktu widzenia zdjęcia.",
+                "disable": "Nie wyświetlaj tego ponownie",
+                "validate": "OK"
+            },
+            "tutorial": {
+                "welcome": "Witamy przy pierwszym przeglądzie!",
+                "title": "Jak to używać",
+                "guideline": "Obejrzyj pojazd, wykonaj wszystkie zdjęcia i postępuj zgodnie z wytycznymi u góry, aby ustawić odpowiedni kąt.",
+                "sightTutorial": "Użyj zdjęcia w lewym dolnym rogu, aby uzyskać wskazówki dotyczące kadrowania. Dotknij go, aby zobaczyć szczegółowe wyjaśnienie.",
+                "sight": "Ustaw pojazd tak, aby jak najbardziej pokrywał się z liniami, aby uzyskać najlepsze zdjęcie.\nNaciśnij przycisk migawki, aby zrobić zdjęcie.",
+                "next": "Dalej"
+            },
+            "sightTutorial": {
+                "tip": "Wskazówka",
+                "defaultTutorialWithImage": "Oto obraz referencyjny.\nSpróbuj jak najdokładniej dopasować kadr.",
+                "defaultTutorialWithoutImage": "Ustaw się zgodnie z ilustracją po lewej stronie, upewniając się, że kamera znajduje się na odpowiedniej wysokości."
+            }
+        },
+        "gallery": {
+            "next": "Dalej: zdjęcia pojazdu"
+        }
+    },
+    "video": {
+        "introduction": {
+            "title": "Nagraj film przedstawiający cały pojazd."
+        },
+        "permissions": {
+            "camera": {
+                "title": "Kamera",
+                "description": "Aby nagrać wideo, należy zezwolić na dostęp do kamery urządzenia."
+            },
+            "compass": {
+                "title": "Kompas",
+                "description": "Aby wykryć pełny obrót pojazdu o 360°, należy zezwolić na dostęp do kompasu urządzenia."
+            },
+            "confirm": "Zarządzaj uprawnieniami"
+        },
+        "tutorial": {
+            "start": {
+                "title": "Zacznij od przodu",
+                "description": "Zachowaj odległość od 90 cm do 1,2 m i powoli przejdź wokół pojazdu, robiąc zdjęcia od linii dachu do podłoża."
+            },
+            "finish": {
+                "title": "Zakończ w miejscu, w którym zacząłeś.",
+                "description": "Nagrywanie powinno zakończyć się za około 45 sekund."
+            },
+            "photos": {
+                "title": "Rób zdjęcia w razie potrzeby.",
+                "description": "Naciśnij przycisk migawki, aby zrobić zdjęcia do celów marketingowych lub zdjęcia uszkodzeń podczas nagrywania."
+            },
+            "confirm": "Nagraj wideo"
+        },
+        "recording": {
+            "discardDialog": {
+                "message": "Czy chcesz usunąć nagranie wideo? Nie okrążyłeś/okrążyłaś w pełni pojazdu.",
+                "keepRecording": "Kontynuuj nagrywanie",
+                "discardVideo": "Usuń wideo"
+            },
+            "fastMovementsDialog": {
+                "walkingTooFast": "Poruszasz się zbyt szybko! Zwolnij, cały proces powinien zająć około jednej minuty.",
+                "phoneShaking": "Twoje urządzenie zbyt mocno się trzęsie! Spróbuj ustabilizować kamerę podczas nagrywania obrazu pojazdu.",
+                "confirm": "OK"
+            },
+            "tooltip": {
+                "start": "Po ustawieniu się przed pojazdem, naciśnij przycisk, aby rozpocząć nagrywanie wideo.",
+                "end": "Po zakończeniu obchodu pojazdu naciśnij przycisk, aby zatrzymać nagrywanie."
+            }
+        },
+        "processing": {
+            "processing": "Wideo jest przetwarzane",
+            "uploading": "Wgrywanie wideo",
+            "success": "Przetwarzanie wideo zakończone!",
+            "error": "Wystąpił błąd podczas finalizowania inspekcji. ID inspekcji:",
+            "done": "Gotowe"
+        }
+    },
+    "orientationEnforcer": {
+        "title": "Proszę obrócić urządzenie.",
+        "description": "Może być konieczne odblokowanie automatycznego obracania ekranu w ustawieniach telefonu."
+    }
+}

package/lib/translations/pt.json

@@ -0,0 +1,114 @@
+{
+    "photo": {
+        "badConnectionWarning": {
+            "message": "Estamos com problemas de conexão. O envio de imagens pode demorar mais do que o normal.",
+            "confirm": "Entendi"
+        },
+        "hud": {
+            "sight": {
+                "addDamageBtn": "Danos"
+            },
+            "addDamage": {
+                "cancelBtn": "Cancelar",
+                "damagedPartCounter": "1 / 2 • Peça danificada",
+                "closeupPictureCounter": "2 de 2 • Foto em plano aproximado",
+                "infoBtn": "Aponte a mira para a peça danificada e toque no botão do obturador.",
+                "infoCloseup": "Tire uma foto em plano aproximado dos danos",
+                "selectPart": "Toque na parte danificada. Use as setas para girar o veículo e ver o outro lado.",
+                "selectParts": "Toque nas partes danificadas. Use as setas para girar o veículo e ver o outro lado."
+            },
+            "error": {
+                "retry": "Tentar novamente",
+                "missingTasks": "A inspeção fornecida está incompleta e faltam algumas tarefas exigidas pelo módulo de captura atual.",
+                "invalidToken": "O token de autenticação usado é inválido.",
+                "expiredToken": "O token de autenticação utilizado está expirado.",
+                "insufficientAuth": "Você não tem as permissões necessárias para realizar esta ação.",
+                "inspectionLoading": "Ocorreu um erro durante o carregamento da inspeção. Tente novamente em alguns minutos ou entre em contato com o suporte, informando o seguinte ID da inspeção:"
+            },
+            "closeConfirm": {
+                "message": "Você tem certeza de que deseja fechar a ferramenta de captura?",
+                "cancel": "Não",
+                "confirm": "Sim"
+            },
+            "guidelines": {
+                "defaultGuideline": "As indicações do ponto de vista da imagem podem ser exibidas aqui.",
+                "disable": "Não mostrar novamente",
+                "validate": "OK"
+            },
+            "tutorial": {
+                "welcome": "Bem-vindo à sua primeira inspeção!",
+                "title": "Como usar",
+                "guideline": "Circule o veículo para tirar todas as fotos e siga as instruções na parte superior para posicionar a câmera no ângulo correto.",
+                "sightTutorial": "Use a imagem no canto inferior esquerdo para ajudar no enquadramento.\nToque nela para ver uma explicação detalhada.",
+                "sight": "Alinhe o veículo com as linhas o máximo possível para obter a melhor foto.\nPressione o botão do obturador para tirar a foto.",
+                "next": "Próximo"
+            },
+            "sightTutorial": {
+                "tip": "Dica",
+                "defaultTutorialWithImage": "Aqui está uma imagem de referência.\nTente corresponder à sua composição o mais próximo possível.",
+                "defaultTutorialWithoutImage": "Posicione-se conforme mostrado no diagrama da esquerda,\ncertificando-se de que a câmera esteja na altura correta."
+            }
+        },
+        "gallery": {
+            "next": "Próximo: fotos do veículo"
+        }
+    },
+    "video": {
+        "introduction": {
+            "title": "Grave um vídeo mostrando o veículo por completo"
+        },
+        "permissions": {
+            "camera": {
+                "title": "Câmera",
+                "description": "Para gravar vídeo, você precisa permitir o acesso à câmera do dispositivo."
+            },
+            "compass": {
+                "title": "Bússola",
+                "description": "Para detectar uma rotação completa de 360° do veículo, você precisa permitir o acesso à bússola do dispositivo."
+            },
+            "confirm": "Gerenciar permissões"
+        },
+        "tutorial": {
+            "start": {
+                "title": "Comece pela frente",
+                "description": "Mantenha uma distância de 1 a 1,2 metros e caminhe lentamente ao redor do veículo, capturando imagens desde a parte superior até o chão."
+            },
+            "finish": {
+                "title": "Finalize onde começou",
+                "description": "Você deverá concluir a gravação em aproximadamente 45 segundos."
+            },
+            "photos": {
+                "title": "Tire as fotos necessárias",
+                "description": "Pressione o botão do obturador para capturar fotos para fins de remarketing ou para registrar danos durante a gravação."
+            },
+            "confirm": "Gravar vídeo"
+        },
+        "recording": {
+            "discardDialog": {
+                "message": "Você deseja descartar o vídeo? Você ainda não inspecionou todos os lados do veículo.",
+                "keepRecording": "Continue Gravando",
+                "discardVideo": "Descartar vídeo"
+            },
+            "fastMovementsDialog": {
+                "walkingTooFast": "Você está se movendo muito rápido! Diminua a velocidade um pouco; a inspeção completa do veículo deve levar cerca de um minuto.",
+                "phoneShaking": "Seu dispositivo está tremendo muito! Tente manter a câmera estável durante a gravação do veículo.",
+                "confirm": "OK"
+            },
+            "tooltip": {
+                "start": "Em frente ao veículo, pressione o botão para iniciar a gravação do vídeo.",
+                "end": "Após concluir a inspeção visual do veículo, pressione o botão para interromper a gravação."
+            }
+        },
+        "processing": {
+            "processing": "Processando o vídeo",
+            "uploading": "Fazendo upload do vídeo",
+            "success": "Processamento de vídeo concluído!",
+            "error": "Ocorreu um erro ao finalizar a inspeção. ID da inspeção:",
+            "done": "Concluído"
+        }
+    },
+    "orientationEnforcer": {
+        "title": "Gire o dispositivo.",
+        "description": "Você pode precisar desbloquear a orientação da tela nas configurações do seu telefone."
+    }
+}

package/lib/translations/ro.json

@@ -0,0 +1,114 @@
+{
+    "photo": {
+        "badConnectionWarning": {
+            "message": "În prezent, avem probleme cu conexiunea. Încărcarea imaginilor poate dura mai mult decât de obicei.",
+            "confirm": "Am înțeles"
+        },
+        "hud": {
+            "sight": {
+                "addDamageBtn": "Deteriorare"
+            },
+            "addDamage": {
+                "cancelBtn": "Anulează",
+                "damagedPartCounter": "1 / 2 • Componentă deteriorată",
+                "closeupPictureCounter": "2 / 2 • Imagine detaliată",
+                "infoBtn": "Țintiți cu indicatorul spre zona deteriorată, apoi atingeți butonul de declanșare.",
+                "infoCloseup": "Faceți o fotografie detaliată a zonei afectate.",
+                "selectPart": "Atingeți partea deteriorată. Folosiți săgețile pentru a roti vehiculul și a vedea cealaltă parte.",
+                "selectParts": "Atingeți zonele deteriorate. Folosiți săgețile pentru a roti vehiculul și a vedea cealaltă parte."
+            },
+            "error": {
+                "retry": "Reîncearcă",
+                "missingTasks": "Inspecția furnizată nu conține toate sarcinile necesare pentru modulul de captură curent.",
+                "invalidToken": "Tokenul de autentificare utilizat este invalid.",
+                "expiredToken": "Tokenul de autentificare utilizat a expirat.",
+                "insufficientAuth": "Nu aveți autorizațiile necesare pentru a efectua această acțiune.",
+                "inspectionLoading": "A apărut o eroare în timpul încărcării inspecției. Vă rugăm să încercați din nou în câteva minute sau să contactați serviciul de asistență, indicând următorul ID al inspecției:"
+            },
+            "closeConfirm": {
+                "message": "Sigur doriți să închideți instrumentul de captură?",
+                "cancel": "Nu",
+                "confirm": "Da"
+            },
+            "guidelines": {
+                "defaultGuideline": "Indicațiile privind punctul de vedere al imaginii pot fi afișate aici.",
+                "disable": "Nu afișa din nou",
+                "validate": "Bine."
+            },
+            "tutorial": {
+                "welcome": "Bun venit la prima inspecție!",
+                "title": "Cum se folosește",
+                "guideline": "Înconjurați vehiculul pentru a face toate fotografiile și respectați instrucțiunile de mai sus pentru a obține unghiul corect.",
+                "sightTutorial": "Utilizați imaginea din colțul din stânga jos pentru a vă ajuta la încadrare.\nAtingeți-o pentru a vedea o explicație detaliată.",
+                "sight": "Aliniați vehiculul cu liniile cât mai bine pentru a obține cea mai bună imagine.\nApăsați butonul declanșator pentru a face fotografia.",
+                "next": "Următorul"
+            },
+            "sightTutorial": {
+                "tip": "Sfat",
+                "defaultTutorialWithImage": "Iată o imagine de referință.\nÎncercați să potriviți cât mai bine încadrarea.",
+                "defaultTutorialWithoutImage": "Poziționați-vă conform schemei din stânga.\nAsigurați-vă că înălțimea camerei este corectă."
+            }
+        },
+        "gallery": {
+            "next": "Următorul: fotografii cu vehiculul"
+        }
+    },
+    "video": {
+        "introduction": {
+            "title": "Înregistrați un videoclip cu prezentarea generală a vehiculului"
+        },
+        "permissions": {
+            "camera": {
+                "title": "Cameră",
+                "description": "Pentru a înregistra un videoclip, trebuie să permiteți accesul la camera dispozitivului."
+            },
+            "compass": {
+                "title": "Busolă",
+                "description": "Pentru a detecta o rotație completă de 360° a vehiculului, trebuie să permiteți accesul la busola dispozitivului."
+            },
+            "confirm": "Gestionați permisiunile"
+        },
+        "tutorial": {
+            "start": {
+                "title": "Începeți de la partea din față.",
+                "description": "Mențineți o distanță de 90 cm - 1,2 m și deplasați-vă încet în jurul vehiculului, realizând fotografii de la linia superioară a caroseriei până la sol."
+            },
+            "finish": {
+                "title": "Finalizați acolo unde ați început.",
+                "description": "În aproximativ 45 de secunde, înregistrarea va fi finalizată."
+            },
+            "photos": {
+                "title": "Faceți fotografii după cum este necesar.",
+                "description": "Apăsați butonul declanșator pentru a captura fotografii pentru remarketing sau pentru a documenta daune în timpul înregistrării."
+            },
+            "confirm": "Înregistrează un videoclip"
+        },
+        "recording": {
+            "discardDialog": {
+                "message": "Doriți să ștergeți videoclipul? Nu ați făcut ocol complet al vehiculului.",
+                "keepRecording": "Continuă înregistrarea",
+                "discardVideo": "Ștergeți videoclipul"
+            },
+            "fastMovementsDialog": {
+                "walkingTooFast": "Vă deplasați prea repede! Reduceți puțin viteza, ar trebui să dureze aproximativ un minut pentru a finaliza inspecția vizuală a vehiculului.",
+                "phoneShaking": "Dispozitivul dumneavoastră vibrează prea mult! Încercați să mențineți camera stabilă în timpul înregistrării vehiculului.",
+                "confirm": "OK"
+            },
+            "tooltip": {
+                "start": "În fața vehiculului, apăsați butonul pentru a începe înregistrarea video.",
+                "end": "Odată ce inspecția vizuală a vehiculului este finalizată, apăsați butonul pentru a opri înregistrarea."
+            }
+        },
+        "processing": {
+            "processing": "Se procesează videoclipul",
+            "uploading": "Se încarcă videoclipul",
+            "success": "Procesarea video s-a finalizat!",
+            "error": "A apărut o eroare la finalizarea inspecției. ID inspecție:",
+            "done": "Finalizat"
+        }
+    },
+    "orientationEnforcer": {
+        "title": "Vă rugăm să rotiți dispozitivul.",
+        "description": "Este posibil să fie necesar să deblocați orientarea dispozitivului prin setările telefonului."
+    }
+}

package/lib/translations/sv.json

@@ -0,0 +1,114 @@
+{
+    "photo": {
+        "badConnectionWarning": {
+            "message": "Vi upplever problem med anslutningen. Det kan ta längre tid att ladda upp bilder än vanligt.",
+            "confirm": "Jag förstår"
+        },
+        "hud": {
+            "sight": {
+                "addDamageBtn": "Skada"
+            },
+            "addDamage": {
+                "cancelBtn": "Avbryt",
+                "damagedPartCounter": "1 / 2 • Skadad del",
+                "closeupPictureCounter": "2 av 2 • Närbild",
+                "infoBtn": "Rikta in målet mot den skadade delen och tryck sedan på avtryckarknappen.",
+                "infoCloseup": "Ta ett närbildsfoto av skadan",
+                "selectPart": "Tryck på den skadade delen. Använd pilarna för att rotera fordonet och se andra sidan.",
+                "selectParts": "Tryck på de skadade delarna. Använd pilarna för att rotera fordonet och se andra sidan."
+            },
+            "error": {
+                "retry": "Försök igen",
+                "missingTasks": "Den aktuella inspektionen saknar vissa av de uppgifter som krävs av det nuvarande upptagningsmodulen.",
+                "invalidToken": "Autentiseringstoken är ogiltig.",
+                "expiredToken": "Autentiseringstoken har gått ut.",
+                "insufficientAuth": "Du har inte de behörigheter som krävs för att utföra den här åtgärden.",
+                "inspectionLoading": "Ett fel uppstod under inläsningen av inspektionen. Försök igen om några minuter eller kontakta supporten och ange följande inspektions-ID:"
+            },
+            "closeConfirm": {
+                "message": "Är du säker på att du vill stänga avbildningsverktyget?",
+                "cancel": "Nej",
+                "confirm": "Ja"
+            },
+            "guidelines": {
+                "defaultGuideline": "Bildens perspektiv kan visas här.",
+                "disable": "Visa inte detta igen",
+                "validate": "Okej"
+            },
+            "tutorial": {
+                "welcome": "Välkommen till din första inspektion!",
+                "title": "Hur du använder den",
+                "guideline": "Gå runt fordonet och ta alla bilder. Följ instruktionerna högst upp för att få rätt vinkel.",
+                "sightTutorial": "Använd bilden längst ner till vänster som vägledning för bildkompositionen. Tryck på den för att se en detaljerad förklaring.",
+                "sight": "Justera fordonets position så att det linjerar med linjerna för att få bästa möjliga bild.\nTryck på slutarknappen för att ta fotot.",
+                "next": "Nästa"
+            },
+            "sightTutorial": {
+                "tip": "Tips",
+                "defaultTutorialWithImage": "Här är ett exempel på hur bilden ska se ut.\nFörsök att matcha bildens komposition så nära som möjligt.",
+                "defaultTutorialWithoutImage": "Placera dig som visas i diagrammet till vänster.\nSe till att kameran är på rätt höjd."
+            }
+        },
+        "gallery": {
+            "next": "Nästa: fordonets foton"
+        }
+    },
+    "video": {
+        "introduction": {
+            "title": "Spela in en video av fordonet"
+        },
+        "permissions": {
+            "camera": {
+                "title": "Kamera",
+                "description": "För att spela in video måste du tillåta åtkomst till enhetens kamera."
+            },
+            "compass": {
+                "title": "Kompass",
+                "description": "För att kunna detektera en fullständig 360°-vy runt fordonet behöver du tillåta åtkomst till enhetens kompass."
+            },
+            "confirm": "Hantera behörigheter"
+        },
+        "tutorial": {
+            "start": {
+                "title": "Börja framifrån",
+                "description": "Håll ett avstånd på 1 till 1,2 meter och gå långsamt runt fordonet och ta bilder från taklinjen ner till marken."
+            },
+            "finish": {
+                "title": "Avsluta där du började",
+                "description": "Du bör vara klar med inspelningen om cirka 45 sekunder."
+            },
+            "photos": {
+                "title": "Ta bilder vid behov",
+                "description": "Tryck på slutarknappen för att ta bilder för remarketing eller skadefotografering medan du spelar in."
+            },
+            "confirm": "Spela in en video"
+        },
+        "recording": {
+            "discardDialog": {
+                "message": "Vill du ta bort videon? Du har inte filmat hela fordonet än.",
+                "keepRecording": "Fortsätt spela in",
+                "discardVideo": "Radera video"
+            },
+            "fastMovementsDialog": {
+                "walkingTooFast": "Du rör dig för snabbt! Sänk farten lite, det bör ta ungefär en minut att inspektera fordonet.",
+                "phoneShaking": "Din enhet skakar för mycket! Försök att hålla kameran stilla när du filmar fordonet.",
+                "confirm": "OK"
+            },
+            "tooltip": {
+                "start": "När du står framför fordonet, tryck på knappen för att starta videoinspelningen.",
+                "end": "När du har slutfört inspektionen av fordonet, tryck på knappen för att stoppa inspelningen."
+            }
+        },
+        "processing": {
+            "processing": "Videobehandlingen pågår",
+            "uploading": "Videon laddas upp",
+            "success": "Videobehandlingen är klar!",
+            "error": "Ett fel uppstod vid slutförandet av inspektionen. Inspektions-ID:",
+            "done": "Klart"
+        }
+    },
+    "orientationEnforcer": {
+        "title": "Rotera din enhet.",
+        "description": "Du kan behöva låsa upp enhetsorienteringen i telefonens inställningar."
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monkvision/inspection-capture-web",
-  "version": "5.3.2",
+  "version": "5.3.4",
   "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.3.2",
-    "@monkvision/camera-web": "5.3.2",
-    "@monkvision/common": "5.3.2",
-    "@monkvision/common-ui-web": "5.3.2",
-    "@monkvision/network": "5.3.2",
-    "@monkvision/sights": "5.3.2",
+    "@monkvision/analytics": "5.3.4",
+    "@monkvision/camera-web": "5.3.4",
+    "@monkvision/common": "5.3.4",
+    "@monkvision/common-ui-web": "5.3.4",
+    "@monkvision/network": "5.3.4",
+    "@monkvision/sights": "5.3.4",
     "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.3.2",
-    "@monkvision/eslint-config-typescript": "5.3.2",
-    "@monkvision/eslint-config-typescript-react": "5.3.2",
-    "@monkvision/jest-config": "5.3.2",
-    "@monkvision/prettier-config": "5.3.2",
-    "@monkvision/test-utils": "5.3.2",
-    "@monkvision/typescript-config": "5.3.2",
+    "@monkvision/eslint-config-base": "5.3.4",
+    "@monkvision/eslint-config-typescript": "5.3.4",
+    "@monkvision/eslint-config-typescript-react": "5.3.4",
+    "@monkvision/jest-config": "5.3.4",
+    "@monkvision/prettier-config": "5.3.4",
+    "@monkvision/test-utils": "5.3.4",
+    "@monkvision/typescript-config": "5.3.4",
     "@testing-library/react": "^16.3.0",
     "@types/copyfiles": "^2",
     "@types/fscreen": "^1.0.1",
@@ -92,5 +92,5 @@
     "url": "https://github.com/monkvision/monkjs/issues"
   },
   "homepage": "https://github.com/monkvision/monkjs",
-  "gitHead": "b88f9ea85e87e4fc6678e9873473ee70bfab723e"
+  "gitHead": "5b46d87e58706a101dfde74d52c697f3fc4e1970"
 }

package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureTutorial/VideoCaptureTutorial.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoCaptureTutorial = VideoCaptureTutorial;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
-var VideoCapturePageLayout_1 = require("../../VideoCapturePageLayout");
-/**
- * This component is a tutorial displayed on top of the camera when the user first starts the video capture.
- */
-function VideoCaptureTutorial(_a) {
-    var onClose = _a.onClose;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var confirmButtonProps = {
-        onClick: onClose,
-        children: t('video.tutorial.confirm'),
-    };
-    return ((0, jsx_runtime_1.jsxs)(VideoCapturePageLayout_1.VideoCapturePageLayout, { showBackdrop: true, confirmButtonProps: confirmButtonProps, children: [(0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.PageLayoutItem, { icon: 'car-arrow', title: t('video.tutorial.start.title'), description: t('video.tutorial.start.description') }), (0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.PageLayoutItem, { icon: '360', title: t('video.tutorial.finish.title'), description: t('video.tutorial.finish.description') }), (0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.PageLayoutItem, { icon: 'circle-dot', title: t('video.tutorial.photos.title'), description: t('video.tutorial.photos.description') })] }));
-}