@monkvision/inspection-capture-web 5.2.4 → 5.3.0

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

@@ -11,7 +11,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVideoCaptureRecordingStyles = exports.styles = void 0;
+exports.styles = void 0;
+exports.useVideoCaptureRecordingStyles = useVideoCaptureRecordingStyles;
 var common_1 = require("@monkvision/common");
 var react_1 = require("react");
 exports.styles = {
@@ -102,4 +103,3 @@ function useVideoCaptureRecordingStyles(_a) {
         tooltipPosition: (isPortrait ? 'up' : 'left'),
     };
 }
-exports.useVideoCaptureRecordingStyles = useVideoCaptureRecordingStyles;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Props accepted by the VideoCaptureTutorial component.
  */
@@ -11,4 +10,4 @@ export interface VideoCaptureTutorialProps {
 /**
  * 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): JSX.Element;
+export declare function VideoCaptureTutorial({ onClose }: VideoCaptureTutorialProps): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCaptureHUD/VideoCaptureTutorial/VideoCaptureTutorial.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.VideoCaptureTutorial = void 0;
+exports.VideoCaptureTutorial = VideoCaptureTutorial;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
 var VideoCapturePageLayout_1 = require("../../VideoCapturePageLayout");
@@ -25,6 +14,5 @@ function VideoCaptureTutorial(_a) {
         onClick: onClose,
         children: t('video.tutorial.confirm'),
     };
-    return ((0, jsx_runtime_1.jsxs)(VideoCapturePageLayout_1.VideoCapturePageLayout, __assign({ 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') })] })));
+    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') })] }));
 }
-exports.VideoCaptureTutorial = VideoCaptureTutorial;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from '@monkvision/common-ui-web';
 /**
  * Props accepted by the PageLayoutItem component.
@@ -20,4 +19,4 @@ export interface PageLayoutItemProps {
 /**
  * A custom list item that is displayed in VideoCapture Intro screens.
  */
-export declare function PageLayoutItem({ icon, title, description }: PageLayoutItemProps): JSX.Element;
+export declare function PageLayoutItem({ icon, title, description }: PageLayoutItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageLayoutItem = void 0;
+exports.PageLayoutItem = PageLayoutItem;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var common_ui_web_1 = require("@monkvision/common-ui-web");
 var PageLayoutItem_styles_1 = require("./PageLayoutItem.styles");
@@ -21,6 +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", __assign({ 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", __assign({ style: PageLayoutItem_styles_1.styles['labels'] }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: titleStyle }, { children: title })), (0, jsx_runtime_1.jsx)("div", __assign({ 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.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 })] })] }));
 }
-exports.PageLayoutItem = PageLayoutItem;

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

@@ -11,7 +11,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageLayoutItemStyles = exports.styles = exports.PAGE_LAYOUT_MAX_HEIGHT_BREAKPOINT = void 0;
+exports.styles = exports.PAGE_LAYOUT_MAX_HEIGHT_BREAKPOINT = void 0;
+exports.usePageLayoutItemStyles = usePageLayoutItemStyles;
 var common_1 = require("@monkvision/common");
 exports.PAGE_LAYOUT_MAX_HEIGHT_BREAKPOINT = 600;
 exports.styles = {
@@ -69,4 +70,3 @@ function usePageLayoutItemStyles() {
         descriptionStyle: __assign(__assign({}, exports.styles['description']), responsive(exports.styles['descriptionSmall'])),
     };
 }
-exports.usePageLayoutItemStyles = usePageLayoutItemStyles;

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>): JSX.Element;
+export declare function VideoCapturePageLayout({ showBackdrop, showTitle, confirmButtonProps, children, }: PropsWithChildren<VideoCapturePageLayoutProps>): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCapturePageLayout/VideoCapturePageLayout.js

@@ -10,8 +10,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoCapturePageLayout = void 0;
+exports.VideoCapturePageLayout = VideoCapturePageLayout;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var common_ui_web_1 = require("@monkvision/common-ui-web");
 var react_i18next_1 = require("react-i18next");
@@ -27,6 +38,6 @@ function VideoCapturePageLayout(_a) {
     var _d = (0, VideoCapturePageLayout_styles_1.useVideoCapturePageLayoutStyles)({
         showBackdrop: showBackdrop,
     }), logoProps = _d.logoProps, containerStyle = _d.containerStyle, titleStyle = _d.titleStyle;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ 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", __assign({ style: titleStyle }, { children: t('video.introduction.title') })), (0, jsx_runtime_1.jsx)("div", __assign({ style: VideoCapturePageLayout_styles_1.styles['childrenContainer'] }, { children: children })), (0, jsx_runtime_1.jsx)("div", __assign({ style: VideoCapturePageLayout_styles_1.styles['confirmContainer'] }, { children: (0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({}, (confirmButtonProps !== null && confirmButtonProps !== void 0 ? confirmButtonProps : {}))) }))] })));
+    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)) })] }));
 }
-exports.VideoCapturePageLayout = VideoCapturePageLayout;

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

@@ -11,7 +11,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVideoCapturePageLayoutStyles = exports.styles = void 0;
+exports.styles = void 0;
+exports.useVideoCapturePageLayoutStyles = useVideoCapturePageLayoutStyles;
 var react_1 = require("react");
 var common_1 = require("@monkvision/common");
 var PageLayoutItem_styles_1 = require("./PageLayoutItem/PageLayoutItem.styles");
@@ -84,4 +85,3 @@ function useVideoCapturePageLayoutStyles(_a) {
         titleStyle: __assign(__assign({}, exports.styles['title']), responsive(exports.styles['titleSmall'])),
     };
 }
-exports.useVideoCapturePageLayoutStyles = useVideoCapturePageLayoutStyles;

package/lib/VideoCapture/VideoCapturePermissions/VideoCapturePermissions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Props accepted by the VideoCapturePermissions component.
  */
@@ -16,4 +15,4 @@ export interface VideoCapturePermissionsProps {
  * Component displayed in the Permissions view of the video capture. Used to make sure the current app has the proper
  * permissions before moving forward.
  */
-export declare function VideoCapturePermissions({ requestCompassPermission, onSuccess, }: VideoCapturePermissionsProps): JSX.Element;
+export declare function VideoCapturePermissions({ requestCompassPermission, onSuccess, }: VideoCapturePermissionsProps): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCapturePermissions/VideoCapturePermissions.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.VideoCapturePermissions = void 0;
+exports.VideoCapturePermissions = VideoCapturePermissions;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
 var common_1 = require("@monkvision/common");
@@ -102,6 +91,5 @@ function VideoCapturePermissions(_a) {
         loading: loading,
         children: t('video.permissions.confirm'),
     };
-    return ((0, jsx_runtime_1.jsxs)(VideoCapturePageLayout_1.VideoCapturePageLayout, __assign({ 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, { 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') })] }));
 }
-exports.VideoCapturePermissions = VideoCapturePermissions;

package/lib/VideoCapture/VideoCaptureProcessing/VideoCaptureProcessing.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { VideoCaptureProcessingProps } from './VideoCaptureProcessing.types';
 /**
  * Component displayed at the end of the VideoCapture process, used to display progress indicators for the processing
  * and uploading of video frames.
  */
-export declare function VideoCaptureProcessing({ inspectionId, processedFrames, totalProcessingFrames, uploadedFrames, totalUploadingFrames, loading, onComplete, }: VideoCaptureProcessingProps): JSX.Element;
+export declare function VideoCaptureProcessing({ inspectionId, processedFrames, totalProcessingFrames, uploadedFrames, totalUploadingFrames, loading, onComplete, }: VideoCaptureProcessingProps): import("react/jsx-runtime").JSX.Element;

package/lib/VideoCapture/VideoCaptureProcessing/VideoCaptureProcessing.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.VideoCaptureProcessing = void 0;
+exports.VideoCaptureProcessing = VideoCaptureProcessing;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_i18next_1 = require("react-i18next");
 var VideoCapturePageLayout_1 = require("../VideoCapturePageLayout");
@@ -39,6 +28,5 @@ function VideoCaptureProcessing(_a) {
         disabled: processingProgress < 1 || uploadingProgress < 1 || !!loading.error,
         children: t('video.processing.done'),
     };
-    return ((0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.VideoCapturePageLayout, __assign({ showBackdrop: true, showTitle: false, confirmButtonProps: confirmButtonProps }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: containerStyle }, { children: [!loading.error && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: VideoCaptureProcessing_styles_1.styles['labelContainer'] }, { children: [(0, jsx_runtime_1.jsx)("div", { children: t(getLabel(processingProgress, uploadingProgress)) }), (0, jsx_runtime_1.jsxs)("div", { children: [Math.floor(progress * 100), "%"] })] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: progressBarContainerStyle }, { children: (0, jsx_runtime_1.jsx)("div", { style: progressBarStyle, "data-testid": 'progress-bar' }) }))] })), loading.error && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: VideoCaptureProcessing_styles_1.styles['errorMessage'] }, { children: [t('video.processing.error'), " ", inspectionId] })))] })) })));
+    return ((0, jsx_runtime_1.jsx)(VideoCapturePageLayout_1.VideoCapturePageLayout, { showBackdrop: true, showTitle: false, confirmButtonProps: confirmButtonProps, children: (0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [!loading.error && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { style: VideoCaptureProcessing_styles_1.styles['labelContainer'], children: [(0, jsx_runtime_1.jsx)("div", { children: t(getLabel(processingProgress, uploadingProgress)) }), (0, jsx_runtime_1.jsxs)("div", { children: [Math.floor(progress * 100), "%"] })] }), (0, jsx_runtime_1.jsx)("div", { style: progressBarContainerStyle, children: (0, jsx_runtime_1.jsx)("div", { style: progressBarStyle, "data-testid": 'progress-bar' }) })] })), typeof loading.error === 'string' && ((0, jsx_runtime_1.jsxs)("div", { style: VideoCaptureProcessing_styles_1.styles['errorMessage'], children: [t('video.processing.error'), " ", inspectionId] }))] }) }));
 }
-exports.VideoCaptureProcessing = VideoCaptureProcessing;