@monkvision/inspection-capture-web 4.0.0

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.js

@@ -0,0 +1,51 @@
+"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.PhotoCaptureHUD = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var types_1 = require("@monkvision/types");
+var react_i18next_1 = require("react-i18next");
+var common_ui_web_1 = require("@monkvision/common-ui-web");
+var analytics_1 = require("@monkvision/analytics");
+var PhotoCaptureHUDButtons_1 = require("./PhotoCaptureHUDButtons");
+var hooks_1 = require("./hooks");
+var PhotoCaptureHUDOverlay_1 = require("./PhotoCaptureHUDOverlay");
+var PhotoCaptureHUDElements_1 = require("./PhotoCaptureHUDElements");
+var PhotoCaptureHUDTutorial_1 = require("./PhotoCaptureHUDTutorial");
+/**
+ * This component implements the Camera HUD (head-up display) displayed in the PhotoCapture component over the Camera
+ * preview. It implements elements such as buttons to interact with the camera, PhotoCapture indicators, error messages,
+ * loaders etc.
+ */
+function PhotoCaptureHUD(_a) {
+    var _b;
+    var inspectionId = _a.inspectionId, sights = _a.sights, selectedSight = _a.selectedSight, sightsTaken = _a.sightsTaken, lastPictureTakenUri = _a.lastPictureTakenUri, mode = _a.mode, onSelectSight = _a.onSelectSight, onRetakeSight = _a.onRetakeSight, onAddDamage = _a.onAddDamage, onCancelAddDamage = _a.onCancelAddDamage, onOpenGallery = _a.onOpenGallery, onRetry = _a.onRetry, onClose = _a.onClose, showCloseButton = _a.showCloseButton, loading = _a.loading, handle = _a.handle, cameraPreview = _a.cameraPreview, images = _a.images, enableAddDamage = _a.enableAddDamage, sightGuidelines = _a.sightGuidelines, enableSightGuidelines = _a.enableSightGuidelines, currentTutorialStep = _a.currentTutorialStep, allowSkipTutorial = _a.allowSkipTutorial, onNextTutorialStep = _a.onNextTutorialStep, onCloseTutorial = _a.onCloseTutorial;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _c = (0, react_1.useState)(false), showCloseModal = _c[0], setShowCloseModal = _c[1];
+    var style = (0, hooks_1.usePhotoCaptureHUDStyle)();
+    var trackEvent = (0, analytics_1.useAnalytics)().trackEvent;
+    var retakeCount = (0, react_1.useMemo)(function () {
+        return images.filter(function (image) {
+            return [types_1.ImageStatus.NOT_COMPLIANT, types_1.ImageStatus.UPLOAD_FAILED, types_1.ImageStatus.UPLOAD_ERROR].includes(image.status);
+        }).length;
+    }, [images]);
+    var handleCloseConfirm = function () {
+        setShowCloseModal(false);
+        trackEvent('Capture Closed');
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: style.container }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: style.previewContainer, "data-testid": 'camera-preview' }, { children: [cameraPreview, (0, jsx_runtime_1.jsx)(PhotoCaptureHUDElements_1.PhotoCaptureHUDElements, { selectedSight: selectedSight, sights: sights, sightsTaken: sightsTaken, mode: mode, onAddDamage: onAddDamage, onCancelAddDamage: onCancelAddDamage, onSelectSight: onSelectSight, onRetakeSight: onRetakeSight, isLoading: loading.isLoading, error: (_b = loading.error) !== null && _b !== void 0 ? _b : handle.error, previewDimensions: handle.previewDimensions, images: images, enableAddDamage: enableAddDamage, sightGuidelines: sightGuidelines, enableSightGuidelines: enableSightGuidelines, tutorialStep: currentTutorialStep })] })), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDButtons_1.PhotoCaptureHUDButtons, { onOpenGallery: onOpenGallery, onTakePicture: handle === null || handle === void 0 ? void 0 : handle.takePicture, onClose: function () { return setShowCloseModal(true); }, galleryPreview: lastPictureTakenUri !== null && lastPictureTakenUri !== void 0 ? lastPictureTakenUri : undefined, closeDisabled: !!loading.error || !!handle.error, galleryDisabled: !!loading.error || !!handle.error, takePictureDisabled: !!loading.error || !!handle.error || handle.isLoading || loading.isLoading, showCloseButton: showCloseButton, showGalleryBadge: retakeCount > 0, retakeCount: retakeCount }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDOverlay_1.PhotoCaptureHUDOverlay, { inspectionId: inspectionId, handle: handle, isCaptureLoading: loading.isLoading, captureError: loading.error, onRetry: onRetry }), (0, jsx_runtime_1.jsx)(common_ui_web_1.BackdropDialog, { show: showCloseModal, message: t('photo.hud.closeConfirm.message'), cancelLabel: t('photo.hud.closeConfirm.cancel'), confirmLabel: t('photo.hud.closeConfirm.confirm'), onCancel: function () { return setShowCloseModal(false); }, onConfirm: handleCloseConfirm }), (0, jsx_runtime_1.jsx)(PhotoCaptureHUDTutorial_1.PhotoCaptureHUDTutorial, { currentTutorialStep: handle.error || loading.error ? null : currentTutorialStep, onNextTutorialStep: onNextTutorialStep, onCloseTutorial: onCloseTutorial, allowSkipTutorial: allowSkipTutorial, sightId: selectedSight.id, sightGuidelines: sightGuidelines })] })));
+}
+exports.PhotoCaptureHUD = PhotoCaptureHUD;
+//# sourceMappingURL=PhotoCaptureHUD.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUD.js","sourceRoot":"","sources":["../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.tsx"],"names":[],"mappings":"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"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.styles.d.ts

@@ -0,0 +1,2 @@
+import { Styles } from '@monkvision/types';
+export declare const styles: Styles;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    container: {
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+        position: 'relative',
+        alignSelf: 'stretch',
+    },
+    containerPortrait: {
+        __media: { portrait: true },
+        flexDirection: 'column',
+    },
+    previewContainer: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+    },
+};
+//# sourceMappingURL=PhotoCaptureHUD.styles.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUD.styles.js","sourceRoot":"","sources":["../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUD.styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;QAC1B,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,SAAS;KACrB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3B,aAAa,EAAE,QAAQ;KACxB;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Props of the PhotoCaptureHUDButtons component.
+ */
+export interface PhotoCaptureHUDButtonsProps {
+    /**
+     * URI of the picture displayed in the gallery button icon. Usually, this is the last picture taken by the user. If no
+     * picture is provided, a gallery icon will be displayed instead.
+     */
+    galleryPreview?: string;
+    /**
+     * Callback called when the user clicks on the take picture button.
+     */
+    onTakePicture?: () => void;
+    /**
+     * Callback called when the user clicks on the gallery button.
+     */
+    onOpenGallery?: () => void;
+    /**
+     * Callback called when the user clicks on the close button. If this callback is not provided, the close button will
+     * not be displayed on the screen.
+     */
+    onClose?: () => void;
+    /**
+     * Boolean indicating if the gallery button is disabled.
+     *
+     * @default false
+     */
+    galleryDisabled?: boolean;
+    /**
+     * Boolean indicating if the take picture button is disabled.
+     *
+     * @default false
+     */
+    takePictureDisabled?: boolean;
+    /**
+     * Boolean indicating if the close button is disabled.
+     *
+     * @default false
+     */
+    closeDisabled?: boolean;
+    /**
+     * Boolean indicating if the close button should be displayed in the HUD on top of the Camera preview.
+     *
+     * @default false
+     */
+    showCloseButton?: boolean;
+    /**
+     * Boolean indicating if the little notification badge on top of the gallery button should be displayed.
+     *
+     * @default false
+     */
+    showGalleryBadge?: boolean;
+    /**
+     * Total number of sights to retake
+     *
+     * @default 0
+     */
+    retakeCount?: number;
+}
+/**
+ * Components implementing the main buttons of the PhotoCapture Camera HUD. This component implements 3 buttons :
+ * - A take picture button
+ * - A gallery button
+ * - A close button (only displayed if the `onClose` callback is defined)
+ */
+export declare function PhotoCaptureHUDButtons({ galleryPreview, onTakePicture, onOpenGallery, onClose, galleryDisabled, takePictureDisabled, closeDisabled, showCloseButton, showGalleryBadge, retakeCount, }: PhotoCaptureHUDButtonsProps): JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.js

@@ -0,0 +1,44 @@
+"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.PhotoCaptureHUDButtons = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var common_ui_web_1 = require("@monkvision/common-ui-web");
+var common_1 = require("@monkvision/common");
+var hooks_1 = require("./hooks");
+/**
+ * Components implementing the main buttons of the PhotoCapture Camera HUD. This component implements 3 buttons :
+ * - A take picture button
+ * - A gallery button
+ * - A close button (only displayed if the `onClose` callback is defined)
+ */
+function PhotoCaptureHUDButtons(_a) {
+    var galleryPreview = _a.galleryPreview, onTakePicture = _a.onTakePicture, onOpenGallery = _a.onOpenGallery, onClose = _a.onClose, _b = _a.galleryDisabled, galleryDisabled = _b === void 0 ? false : _b, _c = _a.takePictureDisabled, takePictureDisabled = _c === void 0 ? false : _c, _d = _a.closeDisabled, closeDisabled = _d === void 0 ? false : _d, _e = _a.showCloseButton, showCloseButton = _e === void 0 ? false : _e, _f = _a.showGalleryBadge, showGalleryBadge = _f === void 0 ? false : _f, _g = _a.retakeCount, retakeCount = _g === void 0 ? 0 : _g;
+    var _h = (0, common_1.useInteractiveStatus)({
+        disabled: galleryDisabled,
+    }), galleryStatus = _h.status, galleryEventHandlers = _h.eventHandlers;
+    var _j = (0, common_1.useInteractiveStatus)({
+        disabled: closeDisabled,
+    }), closeStatus = _j.status, closeEventHandlers = _j.eventHandlers;
+    var _k = (0, hooks_1.useCaptureHUDButtonsStyles)({
+        galleryStatus: galleryStatus,
+        closeStatus: closeStatus,
+        closeBtnAvailable: !!onClose,
+        galleryPreview: galleryPreview,
+        showCloseButton: showCloseButton,
+        showGalleryBadge: showGalleryBadge,
+    }), containerStyle = _k.containerStyle, gallery = _k.gallery, galleryBadgeStyle = _k.galleryBadgeStyle, close = _k.close, backgroundCoverStyle = _k.backgroundCoverStyle;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: containerStyle }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ style: close.style, disabled: closeDisabled, onClick: onClose }, closeEventHandlers, { "data-testid": 'monk-close-btn' }, { children: (0, jsx_runtime_1.jsx)(common_ui_web_1.Icon, { icon: 'close', size: 30, primaryColor: close.iconColor }) })), (0, jsx_runtime_1.jsx)(common_ui_web_1.TakePictureButton, { onClick: onTakePicture, size: 85, disabled: takePictureDisabled }), (0, jsx_runtime_1.jsx)("button", __assign({ style: gallery.style, disabled: galleryDisabled, onClick: onOpenGallery }, galleryEventHandlers, { "data-testid": 'monk-gallery-btn' }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [galleryPreview ? ((0, jsx_runtime_1.jsx)("div", { style: backgroundCoverStyle })) : ((0, jsx_runtime_1.jsx)(common_ui_web_1.Icon, { icon: 'gallery', size: 30, primaryColor: gallery.iconColor })), (0, jsx_runtime_1.jsx)("div", __assign({ "data-testid": 'monk-gallery-badge', style: galleryBadgeStyle }, { children: retakeCount > 0 && retakeCount }))] }) }))] })));
+}
+exports.PhotoCaptureHUDButtons = PhotoCaptureHUDButtons;
+//# sourceMappingURL=PhotoCaptureHUDButtons.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUDButtons.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2DAAoE;AACpE,6CAA0D;AAC1D,iCAAqD;AA8DrD;;;;;GAKG;AACH,SAAgB,sBAAsB,CAAC,EAWT;QAV5B,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA;IAET,IAAA,KAAiE,IAAA,6BAAoB,EAAC;QAC1F,QAAQ,EAAE,eAAe;KAC1B,CAAC,EAFc,aAAa,YAAA,EAAiB,oBAAoB,mBAEhE,CAAC;IACG,IAAA,KAA6D,IAAA,6BAAoB,EAAC;QACtF,QAAQ,EAAE,aAAa;KACxB,CAAC,EAFc,WAAW,YAAA,EAAiB,kBAAkB,mBAE5D,CAAC;IACG,IAAA,KACJ,IAAA,kCAA0B,EAAC;QACzB,aAAa,eAAA;QACb,WAAW,aAAA;QACX,iBAAiB,EAAE,CAAC,CAAC,OAAO;QAC5B,cAAc,gBAAA;QACd,eAAe,iBAAA;QACf,gBAAgB,kBAAA;KACjB,CAAC,EARI,cAAc,oBAAA,EAAE,OAAO,aAAA,EAAE,iBAAiB,uBAAA,EAAE,KAAK,WAAA,EAAE,oBAAoB,0BAQ3E,CAAC;IAEL,OAAO,CACL,0CAAK,KAAK,EAAE,cAAc,iBACxB,4CACE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,IACZ,kBAAkB,mBACV,gBAAgB,gBAE5B,uBAAC,oBAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,SAAS,GAAI,IACvD,EACT,uBAAC,iCAAiB,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,mBAAmB,GAAI,EACtF,4CACE,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,aAAa,IAClB,oBAAoB,mBACZ,kBAAkB,gBAE9B,6DACG,cAAc,CAAC,CAAC,CAAC,CAChB,gCAAK,KAAK,EAAE,oBAAoB,GAAQ,CACzC,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,SAAS,GAAI,CACnE,EACD,wDAAiB,oBAAoB,EAAC,KAAK,EAAE,iBAAiB,gBAC3D,WAAW,GAAG,CAAC,IAAI,WAAW,IAC3B,IACL,IACI,KACL,CACP,CAAC;AACJ,CAAC;AA5DD,wDA4DC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.styles.d.ts

@@ -0,0 +1,5 @@
+import { Styles } from '@monkvision/types';
+export declare const PHOTO_CAPTURE_HUD_BUTTONS_BAR_WIDTH: number;
+export declare const captureButtonForegroundColors: Record<import("@monkvision/types").InteractiveStatus, string>;
+export declare const captureButtonBackgroundColors: Record<import("@monkvision/types").InteractiveStatus, string>;
+export declare const styles: Styles;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.styles.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = exports.captureButtonBackgroundColors = exports.captureButtonForegroundColors = exports.PHOTO_CAPTURE_HUD_BUTTONS_BAR_WIDTH = void 0;
+var common_1 = require("@monkvision/common");
+var BUTTON_SIZE = 60;
+var BUTTON_PADDING = 20;
+var BUTTON_BORDER_WIDTH = 2;
+exports.PHOTO_CAPTURE_HUD_BUTTONS_BAR_WIDTH = BUTTON_SIZE + BUTTON_PADDING + BUTTON_BORDER_WIDTH;
+exports.captureButtonForegroundColors = (0, common_1.getInteractiveVariants)('#f3f3f3', common_1.InteractiveVariation.DARKEN);
+exports.captureButtonBackgroundColors = (0, common_1.getInteractiveVariants)('#1b1c1e', common_1.InteractiveVariation.LIGHTEN);
+exports.styles = {
+    container: {
+        display: 'flex',
+        alignSelf: 'stretch',
+        alignItems: 'center',
+        justifyContent: 'space-evenly',
+        flexDirection: 'column',
+        padding: '30px 40px',
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
+        position: 'absolute',
+    },
+    containersPortrait: {
+        __media: { portrait: true },
+        padding: BUTTON_PADDING,
+        flexDirection: 'row-reverse',
+        bottom: '0',
+        left: '0',
+        right: '0',
+    },
+    containersLandscape: {
+        __media: { landscape: true },
+        bottom: '0',
+        top: '0',
+        right: '0',
+    },
+    button: {
+        position: 'relative',
+        width: BUTTON_SIZE,
+        height: BUTTON_SIZE,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: '50%',
+        borderStyle: 'solid',
+        borderWidth: BUTTON_BORDER_WIDTH,
+        cursor: 'pointer',
+        padding: 0,
+    },
+    buttonBadge: {
+        position: 'absolute',
+        bottom: -2,
+        right: -2,
+        width: 21,
+        height: 21,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: '50%',
+        fontSize: 14,
+    },
+    buttonDisabled: {
+        cursor: 'default',
+    },
+    backgroundCover: {
+        width: '100%',
+        height: '100%',
+        borderRadius: '50%',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+    },
+};
+//# sourceMappingURL=PhotoCaptureHUDButtons.styles.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUDButtons.styles.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.styles.ts"],"names":[],"mappings":";;;AACA,6CAAkF;AAElF,IAAM,WAAW,GAAG,EAAE,CAAC;AACvB,IAAM,cAAc,GAAG,EAAE,CAAC;AAC1B,IAAM,mBAAmB,GAAG,CAAC,CAAC;AACjB,QAAA,mCAAmC,GAC9C,WAAW,GAAG,cAAc,GAAG,mBAAmB,CAAC;AAExC,QAAA,6BAA6B,GAAG,IAAA,+BAAsB,EACjE,SAAS,EACT,6BAAoB,CAAC,MAAM,CAC5B,CAAC;AACW,QAAA,6BAA6B,GAAG,IAAA,+BAAsB,EACjE,SAAS,EACT,6BAAoB,CAAC,OAAO,CAC7B,CAAC;AAEW,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,cAAc;QAC9B,aAAa,EAAE,QAAQ;QACvB,OAAO,EAAE,WAAW;QACpB,eAAe,EAAE,oBAAoB;QACrC,QAAQ,EAAE,UAAU;KACrB;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3B,OAAO,EAAE,cAAc;QACvB,aAAa,EAAE,aAAa;QAC5B,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;KACX;IACD,mBAAmB,EAAE;QACnB,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,GAAG;QACX,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;KACX;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;QACnB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,mBAAmB;QAChC,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,CAAC;KACX;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC,CAAC;QACV,KAAK,EAAE,CAAC,CAAC;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,EAAE;KACb;IACD,cAAc,EAAE;QACd,MAAM,EAAE,SAAS;KAClB;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,cAAc,EAAE,OAAO;QACvB,kBAAkB,EAAE,QAAQ;KAC7B;CACF,CAAC"}

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

@@ -0,0 +1,25 @@
+import { InteractiveStatus } from '@monkvision/types';
+import { CSSProperties } from 'react';
+interface PhotoCaptureHUDButtonsStylesParams {
+    galleryStatus: InteractiveStatus;
+    closeStatus: InteractiveStatus;
+    closeBtnAvailable: boolean;
+    galleryPreview?: string;
+    showCloseButton?: boolean;
+    showGalleryBadge?: boolean;
+}
+interface PhotoCaptureHUDButtonsStyles {
+    containerStyle: CSSProperties;
+    gallery: {
+        style: CSSProperties;
+        iconColor: string;
+    };
+    galleryBadgeStyle: CSSProperties;
+    close: {
+        style: CSSProperties;
+        iconColor: string;
+    };
+    backgroundCoverStyle: CSSProperties;
+}
+export declare function useCaptureHUDButtonsStyles(params: PhotoCaptureHUDButtonsStylesParams): PhotoCaptureHUDButtonsStyles;
+export {};

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

@@ -0,0 +1,45 @@
+"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.useCaptureHUDButtonsStyles = void 0;
+var types_1 = require("@monkvision/types");
+var react_1 = require("react");
+var common_1 = require("@monkvision/common");
+var PhotoCaptureHUDButtons_styles_1 = require("./PhotoCaptureHUDButtons.styles");
+var ANIMATION_DELAY_MS = 50;
+function useCaptureHUDButtonsStyles(params) {
+    var _a = (0, react_1.useState)(false), backgroundAnimationStart = _a[0], setBackgroundAnimationStart = _a[1];
+    var responsive = (0, common_1.useResponsiveStyle)().responsive;
+    var palette = (0, common_1.useMonkTheme)().palette;
+    (0, common_1.useAsyncEffect)(function () {
+        setBackgroundAnimationStart(true);
+        return (0, common_1.timeoutPromise)(ANIMATION_DELAY_MS);
+    }, [params.galleryPreview], {
+        onResolve: function () { return setBackgroundAnimationStart(false); },
+    });
+    return {
+        containerStyle: __assign(__assign(__assign({}, PhotoCaptureHUDButtons_styles_1.styles['container']), responsive(PhotoCaptureHUDButtons_styles_1.styles['containersPortrait'])), responsive(PhotoCaptureHUDButtons_styles_1.styles['containersLandscape'])),
+        gallery: {
+            style: __assign(__assign(__assign({}, PhotoCaptureHUDButtons_styles_1.styles['button']), { backgroundColor: PhotoCaptureHUDButtons_styles_1.captureButtonBackgroundColors[params.galleryStatus], borderColor: PhotoCaptureHUDButtons_styles_1.captureButtonForegroundColors[params.galleryStatus] }), (params.galleryStatus === types_1.InteractiveStatus.DISABLED ? PhotoCaptureHUDButtons_styles_1.styles['buttonDisabled'] : {})),
+            iconColor: PhotoCaptureHUDButtons_styles_1.captureButtonForegroundColors[params.galleryStatus],
+        },
+        galleryBadgeStyle: __assign(__assign({}, PhotoCaptureHUDButtons_styles_1.styles['buttonBadge']), { backgroundColor: palette.alert.base, color: palette.text.primary, visibility: params.showGalleryBadge ? 'visible' : 'hidden' }),
+        close: {
+            style: __assign(__assign(__assign(__assign({}, PhotoCaptureHUDButtons_styles_1.styles['button']), { backgroundColor: PhotoCaptureHUDButtons_styles_1.captureButtonBackgroundColors[params.closeStatus], borderColor: PhotoCaptureHUDButtons_styles_1.captureButtonForegroundColors[params.closeStatus] }), (params.closeStatus === types_1.InteractiveStatus.DISABLED ? PhotoCaptureHUDButtons_styles_1.styles['buttonDisabled'] : {})), { visibility: params.showCloseButton ? 'visible' : 'hidden' }),
+            iconColor: PhotoCaptureHUDButtons_styles_1.captureButtonForegroundColors[params.closeStatus],
+        },
+        backgroundCoverStyle: __assign(__assign({}, PhotoCaptureHUDButtons_styles_1.styles['backgroundCover']), { backgroundImage: params.galleryPreview ? "url(".concat(params.galleryPreview, ")") : 'none', transition: backgroundAnimationStart ? 'none' : 'transform 0.2s ease-out', transform: "scale(".concat(backgroundAnimationStart ? 0.3 : 1, ")") }),
+    };
+}
+exports.useCaptureHUDButtonsStyles = useCaptureHUDButtonsStyles;
+//# sourceMappingURL=hooks.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAsD;AACtD,+BAAgD;AAChD,6CAK4B;AAC5B,iFAIyC;AAyBzC,IAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,SAAgB,0BAA0B,CACxC,MAA0C;IAEpC,IAAA,KAA0D,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxE,wBAAwB,QAAA,EAAE,2BAA2B,QAAmB,CAAC;IACxE,IAAA,UAAU,GAAK,IAAA,2BAAkB,GAAE,WAAzB,CAA0B;IACpC,IAAA,OAAO,GAAK,IAAA,qBAAY,GAAE,QAAnB,CAAoB;IAEnC,IAAA,uBAAc,EACZ;QACE,2BAA2B,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,IAAA,uBAAc,EAAC,kBAAkB,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,MAAM,CAAC,cAAc,CAAC,EACvB;QACE,SAAS,EAAE,cAAM,OAAA,2BAA2B,CAAC,KAAK,CAAC,EAAlC,CAAkC;KACpD,CACF,CAAC;IAEF,OAAO;QACL,cAAc,iCACT,sCAAM,CAAC,WAAW,CAAC,GACnB,UAAU,CAAC,sCAAM,CAAC,oBAAoB,CAAC,CAAC,GACxC,UAAU,CAAC,sCAAM,CAAC,qBAAqB,CAAC,CAAC,CAC7C;QACD,OAAO,EAAE;YACP,KAAK,iCACA,sCAAM,CAAC,QAAQ,CAAC,KACnB,eAAe,EAAE,6DAA6B,CAAC,MAAM,CAAC,aAAa,CAAC,EACpE,WAAW,EAAE,6DAA6B,CAAC,MAAM,CAAC,aAAa,CAAC,KAC7D,CAAC,MAAM,CAAC,aAAa,KAAK,yBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,sCAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CACzF;YACD,SAAS,EAAE,6DAA6B,CAAC,MAAM,CAAC,aAAa,CAAC;SAC/D;QACD,iBAAiB,wBACZ,sCAAM,CAAC,aAAa,CAAC,KACxB,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EACnC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAC3B,UAAU,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GAC3D;QACD,KAAK,EAAE;YACL,KAAK,0CACA,sCAAM,CAAC,QAAQ,CAAC,KACnB,eAAe,EAAE,6DAA6B,CAAC,MAAM,CAAC,WAAW,CAAC,EAClE,WAAW,EAAE,6DAA6B,CAAC,MAAM,CAAC,WAAW,CAAC,KAC3D,CAAC,MAAM,CAAC,WAAW,KAAK,yBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,sCAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KACtF,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GAC1D;YACD,SAAS,EAAE,6DAA6B,CAAC,MAAM,CAAC,WAAW,CAAC;SAC7D;QACD,oBAAoB,wBACf,sCAAM,CAAC,iBAAiB,CAAC,KAC5B,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,cAAO,MAAM,CAAC,cAAc,MAAG,CAAC,CAAC,CAAC,MAAM,EACjF,UAAU,EAAE,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,yBAAyB,EACzE,SAAS,EAAE,gBAAS,wBAAwB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAG,GAC1D;KACF,CAAC;AACJ,CAAC;AAxDD,gEAwDC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/index.d.ts

@@ -0,0 +1 @@
+export { PhotoCaptureHUDButtons, type PhotoCaptureHUDButtonsProps } from './PhotoCaptureHUDButtons';

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoCaptureHUDButtons = void 0;
+var PhotoCaptureHUDButtons_1 = require("./PhotoCaptureHUDButtons");
+Object.defineProperty(exports, "PhotoCaptureHUDButtons", { enumerable: true, get: function () { return PhotoCaptureHUDButtons_1.PhotoCaptureHUDButtons; } });
+//# sourceMappingURL=index.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDButtons/index.ts"],"names":[],"mappings":";;;AAAA,mEAAoG;AAA3F,gIAAA,sBAAsB,OAAA"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/PhotoCaptureHUDCancelButton.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Props of the PhotoCaptureHUDCancelButton component.
+ */
+export interface PhotoCaptureHUDCancelButtonProps {
+    /**
+     * Callback called when the user clicks on the button.
+     */
+    onCancel?: () => void;
+}
+/**
+ * Component implementing a cancel button displayed in the PhotoCapture Camera HUD.
+ */
+export declare function PhotoCaptureHUDCancelButton({ onCancel }: PhotoCaptureHUDCancelButtonProps): JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/PhotoCaptureHUDCancelButton.js

@@ -0,0 +1,29 @@
+"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.PhotoCaptureHUDCancelButton = void 0;
+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");
+var hooks_1 = require("../hooks");
+/**
+ * Component implementing a cancel button displayed in the PhotoCapture Camera HUD.
+ */
+function PhotoCaptureHUDCancelButton(_a) {
+    var onCancel = _a.onCancel;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var primaryColor = (0, hooks_1.usePhotoCaptureHUDButtonBackground)();
+    return ((0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({ onClick: onCancel, primaryColor: primaryColor }, { children: t('photo.hud.addDamage.cancelBtn') })));
+}
+exports.PhotoCaptureHUDCancelButton = PhotoCaptureHUDCancelButton;
+//# sourceMappingURL=PhotoCaptureHUDCancelButton.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/PhotoCaptureHUDCancelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUDCancelButton.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/PhotoCaptureHUDCancelButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2DAAmD;AACnD,+CAA+C;AAC/C,kCAA8D;AAY9D;;GAEG;AACH,SAAgB,2BAA2B,CAAC,EAA8C;QAA5C,QAAQ,cAAA;IAC5C,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IAC/B,IAAM,YAAY,GAAG,IAAA,0CAAkC,GAAE,CAAC;IAE1D,OAAO,CACL,uBAAC,sBAAM,aAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,gBAClD,CAAC,CAAC,+BAA+B,CAAC,IAC5B,CACV,CAAC;AACJ,CAAC;AATD,kEASC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/index.d.ts

@@ -0,0 +1 @@
+export { PhotoCaptureHUDCancelButton, type PhotoCaptureHUDCancelButtonProps, } from './PhotoCaptureHUDCancelButton';

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoCaptureHUDCancelButton = void 0;
+var PhotoCaptureHUDCancelButton_1 = require("./PhotoCaptureHUDCancelButton");
+Object.defineProperty(exports, "PhotoCaptureHUDCancelButton", { enumerable: true, get: function () { return PhotoCaptureHUDCancelButton_1.PhotoCaptureHUDCancelButton; } });
+//# sourceMappingURL=index.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCancelButton/index.ts"],"names":[],"mappings":";;;AAAA,6EAGuC;AAFrC,0IAAA,2BAA2B,OAAA"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.d.ts

@@ -0,0 +1,5 @@
+import { PhotoCaptureHUDCounterProps } from './hooks';
+/**
+ * Component that implements an indicator of pictures taken during the PhotoCapture process.
+ */
+export declare function PhotoCaptureHUDCounter(props: PhotoCaptureHUDCounterProps): JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.js

@@ -0,0 +1,28 @@
+"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.PhotoCaptureHUDCounter = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var PhotoCaptureHUDCounter_styles_1 = require("./PhotoCaptureHUDCounter.styles");
+var hooks_1 = require("../hooks");
+var hooks_2 = require("./hooks");
+/**
+ * Component that implements an indicator of pictures taken during the PhotoCapture process.
+ */
+function PhotoCaptureHUDCounter(props) {
+    var label = (0, hooks_2.usePhotoCaptureHUDCounterLabel)(props);
+    var backgroundColor = (0, hooks_1.usePhotoCaptureHUDButtonBackground)();
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: __assign(__assign({}, PhotoCaptureHUDCounter_styles_1.styles['counter']), { backgroundColor: backgroundColor }), "data-testid": 'damage-counter' }, { children: label })));
+}
+exports.PhotoCaptureHUDCounter = PhotoCaptureHUDCounter;
+//# sourceMappingURL=PhotoCaptureHUDCounter.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUDCounter.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iFAAyD;AACzD,kCAA8D;AAC9D,iCAAsF;AAEtF;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,IAAM,KAAK,GAAG,IAAA,sCAA8B,EAAC,KAAK,CAAC,CAAC;IACpD,IAAM,eAAe,GAAG,IAAA,0CAAkC,GAAE,CAAC;IAE7D,OAAO,CACL,yCAAK,KAAK,wBAAO,sCAAM,CAAC,SAAS,CAAC,KAAE,eAAe,iBAAA,oBAAiB,gBAAgB,gBACjF,KAAK,IACF,CACP,CAAC;AACJ,CAAC;AATD,wDASC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.styles.d.ts

@@ -0,0 +1,2 @@
+import { Styles } from '@monkvision/types';
+export declare const styles: Styles;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.styles.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    counter: {
+        display: 'flex',
+        color: 'white',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 12,
+        margin: '0 10px',
+        whiteSpace: 'nowrap',
+        borderRadius: 8,
+        zIndex: 9,
+    },
+};
+//# sourceMappingURL=PhotoCaptureHUDCounter.styles.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUDCounter.styles.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/PhotoCaptureHUDCounter.styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAW;IAC5B,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC"}

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

@@ -0,0 +1,24 @@
+import { PhotoCaptureMode } from '../../hooks';
+/**
+ * Props of the PhotoCaptureHUDCounter component.
+ */
+export type PhotoCaptureHUDCounterProps = {
+    /**
+     * The current mode of the PhotoCapture component.
+     */
+    mode: PhotoCaptureMode.SIGHT;
+    /**
+     * The total number of sights given to the PhotoCapture component.
+     */
+    totalSights: number;
+    /**
+     * The total number of sights taken by the user.
+     */
+    sightsTaken: number;
+} | {
+    /**
+     * The current mode of the PhotoCapture component.
+     */
+    mode: PhotoCaptureMode.ADD_DAMAGE_1ST_SHOT | PhotoCaptureMode.ADD_DAMAGE_2ND_SHOT;
+};
+export declare function usePhotoCaptureHUDCounterLabel(props: PhotoCaptureHUDCounterProps): string;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePhotoCaptureHUDCounterLabel = void 0;
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../hooks");
+function usePhotoCaptureHUDCounterLabel(props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    if (props.mode === hooks_1.PhotoCaptureMode.SIGHT) {
+        return "".concat(props.sightsTaken, " / ").concat(props.totalSights);
+    }
+    if (props.mode === hooks_1.PhotoCaptureMode.ADD_DAMAGE_1ST_SHOT) {
+        return t('photo.hud.addDamage.damagedPartCounter');
+    }
+    return t('photo.hud.addDamage.closeupPictureCounter');
+}
+exports.usePhotoCaptureHUDCounterLabel = usePhotoCaptureHUDCounterLabel;
+//# sourceMappingURL=hooks.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/hooks.ts"],"names":[],"mappings":";;;AAAA,+CAA+C;AAC/C,qCAA+C;AA2B/C,SAAgB,8BAA8B,CAAC,KAAkC;IACvE,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IAE/B,IAAI,KAAK,CAAC,IAAI,KAAK,wBAAgB,CAAC,KAAK,EAAE;QACzC,OAAO,UAAG,KAAK,CAAC,WAAW,gBAAM,KAAK,CAAC,WAAW,CAAE,CAAC;KACtD;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,wBAAgB,CAAC,mBAAmB,EAAE;QACvD,OAAO,CAAC,CAAC,wCAAwC,CAAC,CAAC;KACpD;IACD,OAAO,CAAC,CAAC,2CAA2C,CAAC,CAAC;AACxD,CAAC;AAVD,wEAUC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/index.d.ts

@@ -0,0 +1,2 @@
+export { PhotoCaptureHUDCounter } from './PhotoCaptureHUDCounter';
+export { type PhotoCaptureHUDCounterProps } from './hooks';

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoCaptureHUDCounter = void 0;
+var PhotoCaptureHUDCounter_1 = require("./PhotoCaptureHUDCounter");
+Object.defineProperty(exports, "PhotoCaptureHUDCounter", { enumerable: true, get: function () { return PhotoCaptureHUDCounter_1.PhotoCaptureHUDCounter; } });
+//# sourceMappingURL=index.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDCounter/index.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA"}