@monkvision/inspection-capture-web 5.2.5 → 5.3.0

package/lib/PhotoCapture/PhotoCaptureHUD/hooks/usePhotoCaptureHUDStyle.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePhotoCaptureHUDStyle = void 0;
+exports.usePhotoCaptureHUDStyle = usePhotoCaptureHUDStyle;
 var common_1 = require("@monkvision/common");
 var PhotoCaptureHUD_styles_1 = require("../PhotoCaptureHUD.styles");
 function usePhotoCaptureHUDStyle() {
@@ -21,4 +21,3 @@ function usePhotoCaptureHUDStyle() {
         previewContainer: PhotoCaptureHUD_styles_1.styles['previewContainer'],
     };
 }
-exports.usePhotoCaptureHUDStyle = usePhotoCaptureHUDStyle;

package/lib/PhotoCapture/errors.js

@@ -4,4 +4,4 @@ exports.PhotoCaptureErrorName = void 0;
 var PhotoCaptureErrorName;
 (function (PhotoCaptureErrorName) {
     PhotoCaptureErrorName["MISSING_TASK_IN_INSPECTION"] = "PhotoCaptureMissingTaskInInspection";
-})(PhotoCaptureErrorName = exports.PhotoCaptureErrorName || (exports.PhotoCaptureErrorName = {}));
+})(PhotoCaptureErrorName || (exports.PhotoCaptureErrorName = PhotoCaptureErrorName = {}));

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Sight } from '@monkvision/types';
 /**
  * Parameters of the useComplianceAnalytics hook.

package/lib/PhotoCapture/hooks/useComplianceAnalytics.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComplianceAnalytics = void 0;
+exports.useComplianceAnalytics = useComplianceAnalytics;
 var analytics_1 = require("@monkvision/analytics");
 var common_1 = require("@monkvision/common");
 var types_1 = require("@monkvision/types");
@@ -50,4 +50,3 @@ function useComplianceAnalytics(_a) {
     }, [state]);
     return { setIsInitialInspectionFetched: setIsInitialInspectionFetched };
 }
-exports.useComplianceAnalytics = useComplianceAnalytics;

package/lib/PhotoCapture/hooks/useImagesCleanup.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useImagesCleanup = void 0;
+exports.useImagesCleanup = useImagesCleanup;
 var common_1 = require("@monkvision/common");
 var network_1 = require("@monkvision/network");
 var react_1 = require("react");
@@ -65,4 +65,3 @@ function useImagesCleanup(_a) {
         },
     });
 }
-exports.useImagesCleanup = useImagesCleanup;

package/lib/PhotoCapture/hooks/useInspectionComplete.js

@@ -9,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInspectionComplete = void 0;
+exports.useInspectionComplete = useInspectionComplete;
 var common_1 = require("@monkvision/common");
 var react_1 = require("react");
 var analytics_1 = require("@monkvision/analytics");
@@ -84,4 +84,3 @@ function useInspectionComplete(_a) {
     }, [sightState.isInspectionCompliant]);
     return (0, common_1.useObjectMemo)({ handleInspectionCompleted: handleInspectionCompleted });
 }
-exports.useInspectionComplete = useInspectionComplete;

package/lib/PhotoCapture/hooks/usePhotoCaptureSightGuidelines.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePhotoCaptureSightGuidelines = exports.TTL_MS = exports.STORAGE_KEY_PHOTO_CAPTURE_GUIDELINES = void 0;
+exports.TTL_MS = exports.STORAGE_KEY_PHOTO_CAPTURE_GUIDELINES = void 0;
+exports.usePhotoCaptureSightGuidelines = usePhotoCaptureSightGuidelines;
 var react_1 = require("react");
 var types_1 = require("@monkvision/types");
 var common_1 = require("@monkvision/common");
@@ -39,4 +40,3 @@ function usePhotoCaptureSightGuidelines(_a) {
     }, []);
     return (0, common_1.useObjectMemo)({ showSightGuidelines: showSightGuidelines, handleDisableSightGuidelines: handleDisableSightGuidelines });
 }
-exports.usePhotoCaptureSightGuidelines = usePhotoCaptureSightGuidelines;

package/lib/PhotoCapture/hooks/usePhotoCaptureSightState.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePhotoCaptureSightState = void 0;
+exports.usePhotoCaptureSightState = usePhotoCaptureSightState;
 var react_1 = require("react");
 var network_1 = require("@monkvision/network");
 var monitoring_1 = require("@monkvision/monitoring");
@@ -221,4 +221,3 @@ function usePhotoCaptureSightState(_a) {
         isInspectionCompliant: isInspectionCompliant,
     });
 }
-exports.usePhotoCaptureSightState = usePhotoCaptureSightState;

package/lib/PhotoCapture/hooks/usePhotoCaptureSightTutorial.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePhotoCaptureSightTutorial = void 0;
+exports.usePhotoCaptureSightTutorial = usePhotoCaptureSightTutorial;
 var common_1 = require("@monkvision/common");
 var react_1 = require("react");
 /**
@@ -13,4 +13,3 @@ function usePhotoCaptureSightTutorial() {
     };
     return (0, common_1.useObjectMemo)({ showSightTutorial: showSightTutorial, toggleSightTutorial: toggleSightTutorial });
 }
-exports.usePhotoCaptureSightTutorial = usePhotoCaptureSightTutorial;

package/lib/PhotoCapture/hooks/usePhotoCaptureTutorial.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePhotoCaptureTutorial = exports.TutorialSteps = exports.STORAGE_KEY_PHOTO_CAPTURE_TUTORIAL = void 0;
+exports.TutorialSteps = exports.STORAGE_KEY_PHOTO_CAPTURE_TUTORIAL = void 0;
+exports.usePhotoCaptureTutorial = usePhotoCaptureTutorial;
 var react_1 = require("react");
 var types_1 = require("@monkvision/types");
 var common_1 = require("@monkvision/common");
@@ -26,7 +27,7 @@ var TutorialSteps;
      * Sight step.
      */
     TutorialSteps["SIGHT"] = "sight";
-})(TutorialSteps = exports.TutorialSteps || (exports.TutorialSteps = {}));
+})(TutorialSteps || (exports.TutorialSteps = TutorialSteps = {}));
 function getTutorialState(enableTutorial) {
     var isFirstTime = !!localStorage.getItem(exports.STORAGE_KEY_PHOTO_CAPTURE_TUTORIAL);
     return enableTutorial === types_1.PhotoCaptureTutorialOption.DISABLED ||
@@ -63,4 +64,3 @@ function usePhotoCaptureTutorial(_a) {
     }, []);
     return (0, common_1.useObjectMemo)({ currentTutorialStep: currentTutorialStep, goToNextTutorialStep: goToNextTutorialStep, closeTutorial: closeTutorial });
 }
-exports.usePhotoCaptureTutorial = usePhotoCaptureTutorial;

package/lib/VideoCapture/VideoCapture.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonkApiConfig } from '@monkvision/network';
 import { CameraConfig, VideoCaptureAppConfig } from '@monkvision/types';
 /**
@@ -25,4 +24,4 @@ export interface VideoCaptureProps extends Pick<VideoCaptureAppConfig, keyof Cam
      */
     lang?: string | null;
 }
-export declare function VideoCapture({ inspectionId, apiConfig, additionalTasks, startTasksOnComplete, enforceOrientation, minRecordingDuration, maxRetryCount, enableFastWalkingWarning, enablePhoneShakingWarning, fastWalkingWarningCooldown, phoneShakingWarningCooldown, onComplete, lang, }: VideoCaptureProps): JSX.Element;
+export declare function VideoCapture({ inspectionId, apiConfig, additionalTasks, startTasksOnComplete, enforceOrientation, minRecordingDuration, maxRetryCount, enableFastWalkingWarning, enablePhoneShakingWarning, fastWalkingWarningCooldown, phoneShakingWarningCooldown, onComplete, lang, }: VideoCaptureProps): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCapture.js

@@ -1,17 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoCapture = void 0;
+exports.VideoCapture = VideoCapture;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var common_1 = require("@monkvision/common");
 var react_1 = require("react");
@@ -76,6 +65,5 @@ function VideoCapture(_a) {
         startTasksLoading: startTasksLoading,
         onComplete: handleComplete,
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ 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.CAPTURE); } })), screen === VideoCaptureScreen.CAPTURE && ((0, jsx_runtime_1.jsx)(camera_web_1.Camera, { HUDComponent: VideoCaptureHUD_1.VideoCaptureHUD, hudProps: hudProps }))] }));
 }
-exports.VideoCapture = VideoCapture;

package/lib/VideoCapture/VideoCaptureHOC.d.ts

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

package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureHUD.d.ts

@@ -41,4 +41,4 @@ export interface VideoCaptureHUDProps extends CameraHUDProps, Pick<UseVideoRecor
 /**
  * HUD component displayed on top of the camera preview for the VideoCapture process.
  */
-export declare function VideoCaptureHUD({ handle, cameraPreview, inspectionId, apiConfig, isRecording, setIsRecording, enforceOrientation, alpha, fastMovementsWarning, onWarningDismiss, maxRetryCount, minRecordingDuration, startTasksLoading, onComplete, }: VideoCaptureHUDProps): JSX.Element;
+export declare function VideoCaptureHUD({ handle, cameraPreview, inspectionId, apiConfig, isRecording, setIsRecording, enforceOrientation, alpha, fastMovementsWarning, onWarningDismiss, maxRetryCount, minRecordingDuration, startTasksLoading, onComplete, }: VideoCaptureHUDProps): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureHUD.js

@@ -1,15 +1,4 @@
 "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);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -20,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -47,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoCaptureHUD = void 0;
+exports.VideoCaptureHUD = VideoCaptureHUD;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var common_ui_web_1 = require("@monkvision/common-ui-web");
@@ -85,7 +74,7 @@ function getTooltipLabel(tooltip) {
         case hooks_1.VideoRecordingTooltip.END:
             return 'video.recording.tooltip.end';
         default:
-            return undefined;
+            return '';
     }
 }
 /**
@@ -153,6 +142,5 @@ function VideoCaptureHUD(_a) {
             resumeRecording();
         }
     }, [fastMovementsWarning, pauseRecording, resumeRecording]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: VideoCaptureHUD_styles_1.styles['container'] }, { children: [cameraPreview, (0, jsx_runtime_1.jsxs)("div", __assign({ 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: t(getTooltipLabel(tooltip)) })), 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.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 })] }));
 }
-exports.VideoCaptureHUD = VideoCaptureHUD;

package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureRecording/VideoCaptureRecording.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { VideoCaptureRecordingProps } from './VideoCaptureRecording.types';
 /**
  * HUD used in recording mode displayed on top of the camera in the VideoCaputre process.
  */
-export declare function VideoCaptureRecording({ walkaroundPosition, isRecording, isRecordingPaused, recordingDurationMs, onClickRecordVideo, onClickTakePicture, tooltip, }: VideoCaptureRecordingProps): JSX.Element;
+export declare function VideoCaptureRecording({ walkaroundPosition, isRecording, isRecordingPaused, recordingDurationMs, onClickRecordVideo, onClickTakePicture, tooltip, }: VideoCaptureRecordingProps): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureRecording/VideoCaptureRecording.js

@@ -1,17 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoCaptureRecording = void 0;
+exports.VideoCaptureRecording = VideoCaptureRecording;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var common_ui_web_1 = require("@monkvision/common-ui-web");
 var VideoCaptureRecordingStyles_1 = require("./VideoCaptureRecordingStyles");
@@ -33,6 +22,5 @@ function VideoCaptureRecording(_a) {
         showTakePictureFlash();
         onClickTakePicture === null || onClickTakePicture === void 0 ? void 0 : onClickTakePicture();
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: container }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: indicators }, { children: (isRecording || isRecordingPaused) && ((0, jsx_runtime_1.jsx)("div", __assign({ style: recordingDuration }, { children: formatRecordingDuration(recordingDurationMs) }))) })), (0, jsx_runtime_1.jsxs)("div", __assign({ style: controls }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: walkaroundIndicator, "data-testid": 'walkaround-indicator-container' }, { children: (0, jsx_runtime_1.jsx)(common_ui_web_1.VehicleWalkaroundIndicator, { alpha: walkaroundPosition }) })), (0, jsx_runtime_1.jsx)(common_ui_web_1.RecordVideoButton, { isRecording: isRecording, onClick: onClickRecordVideo, tooltip: tooltip, tooltipPosition: tooltipPosition }), (0, jsx_runtime_1.jsx)(common_ui_web_1.TakePictureButton, { onClick: handleTakePictureClick, disabled: !isRecording })] })), (0, jsx_runtime_1.jsx)("div", { style: takePictureFlash })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: indicators, children: (isRecording || isRecordingPaused) && ((0, jsx_runtime_1.jsx)("div", { style: recordingDuration, children: formatRecordingDuration(recordingDurationMs) })) }), (0, jsx_runtime_1.jsxs)("div", { style: controls, children: [(0, jsx_runtime_1.jsx)("div", { style: walkaroundIndicator, "data-testid": 'walkaround-indicator-container', children: (0, jsx_runtime_1.jsx)(common_ui_web_1.VehicleWalkaroundIndicator, { alpha: walkaroundPosition }) }), (0, jsx_runtime_1.jsx)(common_ui_web_1.RecordVideoButton, { isRecording: isRecording, onClick: onClickRecordVideo, tooltip: tooltip, tooltipPosition: tooltipPosition }), (0, jsx_runtime_1.jsx)(common_ui_web_1.TakePictureButton, { onClick: handleTakePictureClick, disabled: !isRecording })] }), (0, jsx_runtime_1.jsx)("div", { style: takePictureFlash })] }));
 }
-exports.VideoCaptureRecording = VideoCaptureRecording;