@monkvision/inspection-capture-web 4.0.0

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    container: {
+        position: 'absolute',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+        inset: '0 0 0 0',
+    },
+    elementsContainer: {
+        position: 'absolute',
+        inset: '0 164px 0 0',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+    },
+    elementsContainerPortrait: {
+        __media: { portrait: true },
+        inset: '0 0 125px 0',
+    },
+    top: {
+        display: 'flex',
+        alignSelf: 'stretch',
+        alignItems: 'start',
+        justifyContent: 'space-between',
+        gap: 10,
+        margin: 10,
+    },
+    bottom: {
+        display: 'flex',
+        alignSelf: 'stretch',
+        flexDirection: 'row',
+        alignItems: 'center',
+        zIndex: 9,
+    },
+};
+//# sourceMappingURL=PhotoCaptureHUDElementsSight.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureHUDElementsSight.styles.js","sourceRoot":"","sources":["../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/PhotoCaptureHUDElementsSight.styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,SAAS;KACjB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;KAChC;IACD,yBAAyB,EAAE;QACzB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3B,KAAK,EAAE,aAAa;KACrB;IACD,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,OAAO;QACnB,cAAc,EAAE,eAAe;QAC/B,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;CACF,CAAC"}

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

@@ -0,0 +1,14 @@
+import { CaptureAppConfig } from '@monkvision/types';
+/**
+ * Props of the SightGuideline component.
+ */
+export interface SightGuidelineProps extends Pick<CaptureAppConfig, 'enableAddDamage' | 'sightGuidelines' | 'enableSightGuidelines'> {
+    /**
+     * The id of the sight.
+     */
+    sightId: string;
+}
+/**
+ * Custom button displaying the sight guideline.
+ */
+export declare function SightGuideline({ sightId, sightGuidelines, enableSightGuidelines, enableAddDamage, }: SightGuidelineProps): JSX.Element;

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

@@ -0,0 +1,37 @@
+"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.SightGuideline = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var common_ui_web_1 = require("@monkvision/common-ui-web");
+var react_i18next_1 = require("react-i18next");
+var common_1 = require("@monkvision/common");
+var hooks_1 = require("../../hooks");
+var SightGuideline_styles_1 = require("./SightGuideline.styles");
+/**
+ * Custom button displaying the sight guideline.
+ */
+function SightGuideline(_a) {
+    var sightId = _a.sightId, sightGuidelines = _a.sightGuidelines, enableSightGuidelines = _a.enableSightGuidelines, enableAddDamage = _a.enableAddDamage;
+    var _b = (0, react_1.useState)(true), showGuideline = _b[0], setShowGuideline = _b[1];
+    var primaryColor = (0, hooks_1.usePhotoCaptureHUDButtonBackground)();
+    var i18n = (0, react_i18next_1.useTranslation)().i18n;
+    var style = enableAddDamage ? SightGuideline_styles_1.styles['container'] : SightGuideline_styles_1.styles['containerWide'];
+    var guidelineFound = sightGuidelines === null || sightGuidelines === void 0 ? void 0 : sightGuidelines.find(function (value) { return value.sightIds.includes(sightId); });
+    var guideline = guidelineFound ? guidelineFound[(0, common_1.getLanguage)(i18n.language)] : undefined;
+    (0, react_1.useEffect)(function () { return setShowGuideline(true); }, [sightId]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: style }, { children: enableSightGuidelines && showGuideline && guideline && ((0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({ icon: 'close', primaryColor: primaryColor, style: SightGuideline_styles_1.styles['button'], onClick: function () { return setShowGuideline(false); } }, { children: guideline }))) })));
+}
+exports.SightGuideline = SightGuideline;
+//# sourceMappingURL=SightGuideline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SightGuideline.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/SightGuideline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAA4C;AAC5C,2DAAmD;AAEnD,+CAA+C;AAC/C,6CAAiD;AACjD,qCAAiE;AACjE,iEAAiD;AAajD;;GAEG;AACH,SAAgB,cAAc,CAAC,EAKT;QAJpB,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,qBAAqB,2BAAA,EACrB,eAAe,qBAAA;IAET,IAAA,KAAoC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACzD,IAAM,YAAY,GAAG,IAAA,0CAAkC,GAAE,CAAC;IAClD,IAAA,IAAI,GAAK,IAAA,8BAAc,GAAE,KAArB,CAAsB;IAElC,IAAM,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,8BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,8BAAM,CAAC,eAAe,CAAC,CAAC;IAE9E,IAAM,cAAc,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAhC,CAAgC,CAAC,CAAC;IAE1F,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,IAAA,oBAAW,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1F,IAAA,iBAAS,EAAC,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,yCAAK,KAAK,EAAE,KAAK,gBACd,qBAAqB,IAAI,aAAa,IAAI,SAAS,IAAI,CACtD,uBAAC,sBAAM,aACL,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,8BAAM,CAAC,QAAQ,CAAC,EACvB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,gBAErC,SAAS,IACH,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAhCD,wCAgCC"}

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+var PhotoCaptureHUDButtons_styles_1 = require("../../PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.styles");
+exports.styles = {
+    container: {
+        display: 'flex',
+        justifyContent: 'start',
+    },
+    containerWide: {
+        display: 'flex',
+        position: 'fixed',
+        left: '50%',
+        transform: 'translate(-50%, 0)',
+        width: "calc(98% - (".concat(PhotoCaptureHUDButtons_styles_1.PHOTO_CAPTURE_HUD_BUTTONS_BAR_WIDTH * 4, "px))"),
+        justifyContent: 'center',
+    },
+    button: {
+        textAlign: 'start',
+        borderRadius: '12px',
+        fontSize: 14,
+        flexDirection: 'row-reverse',
+        paddingRight: 0,
+        alignItems: 'start',
+        gap: 10,
+    },
+};
+//# sourceMappingURL=SightGuideline.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SightGuideline.styles.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/SightGuideline.styles.ts"],"names":[],"mappings":";;;AACA,4GAAiH;AAEpG,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,OAAO;KACxB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,OAAO;QACjB,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,oBAAoB;QAC/B,KAAK,EAAE,sBAAe,mEAAmC,GAAG,CAAC,SAAM;QACnE,cAAc,EAAE,QAAQ;KACzB;IACD,MAAM,EAAE;QACN,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,EAAE;QACZ,aAAa,EAAE,aAAa;QAC5B,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,OAAO;QACnB,GAAG,EAAE,EAAE;KACR;CACF,CAAC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/index.d.ts

@@ -0,0 +1 @@
+export * from './SightGuideline';

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SightGuideline"), exports);
+//# sourceMappingURL=index.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightGuideline/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

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

@@ -0,0 +1,36 @@
+import { Image, Sight } from '@monkvision/types';
+/**
+ * Props of the SightSlider component.
+ */
+export interface SightSliderProps {
+    /**
+     * The list of sights provided to the PhotoCapture component.
+     */
+    sights: Sight[];
+    /**
+     * The currently selected sight in the PhotoCapture component : the sight that the user needs to capture.
+     */
+    selectedSight: Sight;
+    /**
+     * Array containing the list of sights that the user has already captured.
+     */
+    sightsTaken: Sight[];
+    /**
+     * Callback called when the user manually select a new sight.
+     */
+    onSelectedSight?: (sight: Sight) => void;
+    /**
+     * Callback called when the user manually select a sight to retake.
+     */
+    onRetakeSight?: (sight: string) => void;
+    /**
+     * The current images taken by the user (ignoring retaken pictures etc.).
+     */
+    images: Image[];
+}
+/**
+ * A slider element displayed in the PhotoCapture Camera HUD. It displays a button for each sight of the capture
+ * process, allowing user to have indications of the remaining sights and allowing them to change the currently selected
+ * sight.
+ */
+export declare function SightSlider({ sights, selectedSight, sightsTaken, onSelectedSight, onRetakeSight, images, }: SightSliderProps): JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSlider.js

@@ -0,0 +1,63 @@
+"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.SightSlider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var types_1 = require("@monkvision/types");
+var react_1 = require("react");
+var common_1 = require("@monkvision/common");
+var sights_1 = require("@monkvision/sights");
+var SightSliderButton_1 = require("./SightSliderButton");
+var hooks_1 = require("./hooks");
+var scrollToSelectedSight = function (ref, index, smooth) {
+    if (ref.current && ref.current.children.length > index) {
+        ref.current.children[index].scrollIntoView({
+            behavior: smooth ? 'smooth' : 'instant',
+            inline: 'center',
+        });
+    }
+};
+function useSightSliderItems(sights, images) {
+    return (0, react_1.useMemo)(function () {
+        return sights.map(function (sight) {
+            var _a;
+            return ({
+                sight: sight,
+                status: (_a = images.find(function (image) { return image.sightId === sight.id; })) === null || _a === void 0 ? void 0 : _a.status,
+            });
+        });
+    }, [sights, images]);
+}
+/**
+ * A slider element displayed in the PhotoCapture Camera HUD. It displays a button for each sight of the capture
+ * process, allowing user to have indications of the remaining sights and allowing them to change the currently selected
+ * sight.
+ */
+function SightSlider(_a) {
+    var sights = _a.sights, selectedSight = _a.selectedSight, sightsTaken = _a.sightsTaken, _b = _a.onSelectedSight, onSelectedSight = _b === void 0 ? function () { } : _b, _c = _a.onRetakeSight, onRetakeSight = _c === void 0 ? function () { } : _c, images = _a.images;
+    var items = useSightSliderItems(sights, images);
+    var label = (0, common_1.useSightLabel)({ labels: sights_1.labels }).label;
+    var container = (0, hooks_1.useSightSliderStyles)().container;
+    var ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        scrollToSelectedSight(ref, sights.indexOf(selectedSight), true);
+    }, [selectedSight, sightsTaken]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: container, ref: ref }, { children: items.map(function (_a) {
+            var sight = _a.sight, status = _a.status;
+            return ((0, jsx_runtime_1.jsx)(SightSliderButton_1.SightSliderButton, { label: label(sight), isSelected: sight === selectedSight, status: status, onClick: function () {
+                    return status === types_1.ImageStatus.NOT_COMPLIANT ? onRetakeSight(sight.id) : onSelectedSight(sight);
+                } }, sight.id));
+        }) })));
+}
+exports.SightSlider = SightSlider;
+//# sourceMappingURL=SightSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SightSlider.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSlider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAA8D;AAC9D,+BAA8D;AAC9D,6CAAmD;AACnD,6CAA4C;AAC5C,yDAAwD;AACxD,iCAA+C;AAgC/C,IAAM,qBAAqB,GAAG,UAC5B,GAA8B,EAC9B,KAAa,EACb,MAAe;IAEf,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,KAAK,EAAE;QACtD,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC;YACzC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAE,SAA4B;YAC3D,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;KACJ;AACH,CAAC,CAAC;AAOF,SAAS,mBAAmB,CAAC,MAAe,EAAE,MAAe;IAC3D,OAAO,IAAA,eAAO,EACZ;QACE,OAAA,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK;;YAAK,OAAA,CAAC;gBACrB,KAAK,OAAA;gBACL,MAAM,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,EAA1B,CAA0B,CAAC,0CAAE,MAAM;aACnE,CAAC,CAAA;SAAA,CAAC;IAHH,CAGG,EACL,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAOT;QANjB,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,uBAA0B,EAA1B,eAAe,mBAAG,cAAO,CAAC,KAAA,EAC1B,qBAAwB,EAAxB,aAAa,mBAAG,cAAO,CAAC,KAAA,EACxB,MAAM,YAAA;IAEN,IAAM,KAAK,GAAG,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,IAAA,KAAK,GAAK,IAAA,sBAAa,EAAC,EAAE,MAAM,iBAAA,EAAE,CAAC,MAA9B,CAA+B;IACpC,IAAA,SAAS,GAAK,IAAA,4BAAoB,GAAE,UAA3B,CAA4B;IAC7C,IAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,iBAAS,EAAC;QACR,qBAAqB,CAAC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,yCAAK,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,gBAC5B,KAAK,CAAC,GAAG,CAAC,UAAC,EAAiB;gBAAf,KAAK,WAAA,EAAE,MAAM,YAAA;YAAO,OAAA,CAChC,uBAAC,qCAAiB,IAEhB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EACnB,UAAU,EAAE,KAAK,KAAK,aAAa,EACnC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;oBACP,OAAA,MAAM,KAAK,mBAAW,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC;gBAAvF,CAAuF,IALpF,KAAK,CAAC,EAAE,CAOb,CACH;QAViC,CAUjC,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AAhCD,kCAgCC"}

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+var PhotoCaptureHUDButtons_styles_1 = require("../../PhotoCaptureHUDButtons/PhotoCaptureHUDButtons.styles");
+exports.styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        paddingLeft: '45%',
+        paddingBottom: '0%',
+        overflowX: 'auto',
+        overflowY: 'hidden',
+        whiteSpace: 'nowrap',
+        scrollbarWidth: 'none',
+        maxWidth: '60vw',
+        zIndex: 9,
+    },
+    containerPortrait: {
+        __media: { portrait: true },
+        bottom: "".concat(PhotoCaptureHUDButtons_styles_1.PHOTO_CAPTURE_HUD_BUTTONS_BAR_WIDTH * 1.5, "px"),
+        right: 0,
+        paddingRight: '45%',
+    },
+    button: {
+        margin: 10,
+        zIndex: 9,
+    },
+};
+//# sourceMappingURL=SightSlider.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SightSlider.styles.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSlider.styles.ts"],"names":[],"mappings":";;;AACA,4GAAiH;AAEpG,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,IAAI;QACnB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,MAAM;QACtB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,CAAC;KACV;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC3B,MAAM,EAAE,UAAG,mEAAmC,GAAG,GAAG,OAAI;QACxD,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,KAAK;KACpB;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,CAAC;KACV;CACF,CAAC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSliderButton.d.ts

@@ -0,0 +1,26 @@
+import { ImageStatus } from '@monkvision/types';
+/**
+ * Props of the SightSliderButton component.
+ */
+export interface SightSliderButtonProps {
+    /**
+     * The label of the sight, already translated.
+     */
+    label?: string;
+    /**
+     * Boolean indicating if the sight of the button is currently selected or not.
+     */
+    isSelected?: boolean;
+    /**
+     * The status of the image taken for the sight. If no image has been taken, this value must not be defined.
+     */
+    status?: ImageStatus | null;
+    /**
+     * Callback called when the user clicks on the button.
+     */
+    onClick?: () => void;
+}
+/**
+ * Button representing a sight in the PhotoCapture SightSlider component.
+ */
+export declare function SightSliderButton({ label, isSelected, status, onClick }: SightSliderButtonProps): JSX.Element;

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSliderButton.js

@@ -0,0 +1,67 @@
+"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.SightSliderButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var common_ui_web_1 = require("@monkvision/common-ui-web");
+var types_1 = require("@monkvision/types");
+var SightSlider_styles_1 = require("./SightSlider.styles");
+function useSliderStyle(_a) {
+    var isSelected = _a.isSelected, status = _a.status;
+    var sliderStyle = {
+        primaryColor: 'background-base',
+        disabled: [types_1.ImageStatus.COMPLIANCE_RUNNING, types_1.ImageStatus.UPLOADING, types_1.ImageStatus.SUCCESS].includes(status),
+        icon: undefined,
+    };
+    switch (status) {
+        case types_1.ImageStatus.UPLOADING:
+            sliderStyle.icon = 'processing';
+            break;
+        case types_1.ImageStatus.COMPLIANCE_RUNNING:
+            sliderStyle.icon = 'processing';
+            break;
+        case types_1.ImageStatus.SUCCESS:
+            sliderStyle.primaryColor = 'primary';
+            sliderStyle.icon = 'check-circle';
+            break;
+        case types_1.ImageStatus.UPLOAD_FAILED:
+            sliderStyle.primaryColor = 'alert-dark';
+            sliderStyle.icon = 'wifi-off';
+            break;
+        case types_1.ImageStatus.UPLOAD_ERROR:
+            sliderStyle.primaryColor = 'alert-dark';
+            sliderStyle.icon = 'sync-problem';
+            break;
+        case types_1.ImageStatus.NOT_COMPLIANT:
+            sliderStyle.primaryColor = 'alert-dark';
+            sliderStyle.icon = 'error';
+            break;
+        default:
+            break;
+    }
+    if (isSelected) {
+        sliderStyle.primaryColor = 'primary';
+        sliderStyle.disabled = false;
+    }
+    return sliderStyle;
+}
+/**
+ * Button representing a sight in the PhotoCapture SightSlider component.
+ */
+function SightSliderButton(_a) {
+    var label = _a.label, isSelected = _a.isSelected, status = _a.status, onClick = _a.onClick;
+    var _b = useSliderStyle({ isSelected: isSelected, status: status }), primaryColor = _b.primaryColor, disabled = _b.disabled, icon = _b.icon;
+    return ((0, jsx_runtime_1.jsx)(common_ui_web_1.Button, __assign({ style: SightSlider_styles_1.styles['button'], icon: icon, primaryColor: primaryColor, onClick: onClick, disabled: disabled }, { children: label })));
+}
+exports.SightSliderButton = SightSliderButton;
+//# sourceMappingURL=SightSliderButton.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSliderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SightSliderButton.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/SightSliderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2DAA6D;AAC7D,2CAAgD;AAChD,2DAA8C;AAwB9C,SAAS,cAAc,CAAC,EAGgC;QAFtD,UAAU,gBAAA,EACV,MAAM,YAAA;IAEN,IAAM,WAAW,GAAG;QAClB,YAAY,EAAE,iBAAiB;QAC/B,QAAQ,EAAE,CAAC,mBAAW,CAAC,kBAAkB,EAAE,mBAAW,CAAC,SAAS,EAAE,mBAAW,CAAC,OAAO,CAAC,CAAC,QAAQ,CAC7F,MAAqB,CACtB;QACD,IAAI,EAAE,SAAiC;KACxC,CAAC;IACF,QAAQ,MAAM,EAAE;QACd,KAAK,mBAAW,CAAC,SAAS;YACxB,WAAW,CAAC,IAAI,GAAG,YAAY,CAAC;YAChC,MAAM;QACR,KAAK,mBAAW,CAAC,kBAAkB;YACjC,WAAW,CAAC,IAAI,GAAG,YAAY,CAAC;YAChC,MAAM;QACR,KAAK,mBAAW,CAAC,OAAO;YACtB,WAAW,CAAC,YAAY,GAAG,SAAS,CAAC;YACrC,WAAW,CAAC,IAAI,GAAG,cAAc,CAAC;YAClC,MAAM;QACR,KAAK,mBAAW,CAAC,aAAa;YAC5B,WAAW,CAAC,YAAY,GAAG,YAAY,CAAC;YACxC,WAAW,CAAC,IAAI,GAAG,UAAU,CAAC;YAC9B,MAAM;QACR,KAAK,mBAAW,CAAC,YAAY;YAC3B,WAAW,CAAC,YAAY,GAAG,YAAY,CAAC;YACxC,WAAW,CAAC,IAAI,GAAG,cAAc,CAAC;YAClC,MAAM;QACR,KAAK,mBAAW,CAAC,aAAa;YAC5B,WAAW,CAAC,YAAY,GAAG,YAAY,CAAC;YACxC,WAAW,CAAC,IAAI,GAAG,OAAO,CAAC;YAC3B,MAAM;QACR;YACE,MAAM;KACT;IACD,IAAI,UAAU,EAAE;QACd,WAAW,CAAC,YAAY,GAAG,SAAS,CAAC;QACrC,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAC;KAC9B;IACD,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;GAEG;AACH,SAAgB,iBAAiB,CAAC,EAA8D;QAA5D,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IAC9D,IAAA,KAAmC,cAAc,CAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAAvE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAA2C,CAAC;IAEhF,OAAO,CACL,uBAAC,sBAAM,aACL,KAAK,EAAE,2BAAM,CAAC,QAAQ,CAAC,EACvB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBAEjB,KAAK,IACC,CACV,CAAC;AACJ,CAAC;AAdD,8CAcC"}

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

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export interface SightsSliderHUDStyle {
+    container: CSSProperties;
+}
+export declare function useSightSliderStyles(): SightsSliderHUDStyle;

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

@@ -0,0 +1,24 @@
+"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.useSightSliderStyles = void 0;
+var common_1 = require("@monkvision/common");
+var SightSlider_styles_1 = require("./SightSlider.styles");
+function useSightSliderStyles() {
+    var responsive = (0, common_1.useResponsiveStyle)().responsive;
+    return {
+        container: __assign(__assign({}, SightSlider_styles_1.styles['container']), responsive(SightSlider_styles_1.styles['containerPortrait'])),
+    };
+}
+exports.useSightSliderStyles = useSightSliderStyles;
+//# sourceMappingURL=hooks.js.map

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,6CAAwD;AACxD,2DAA8C;AAM9C,SAAgB,oBAAoB;IAC1B,IAAA,UAAU,GAAK,IAAA,2BAAkB,GAAE,WAAzB,CAA0B;IAE5C,OAAO;QACL,SAAS,wBACJ,2BAAM,CAAC,WAAW,CAAC,GACnB,UAAU,CAAC,2BAAM,CAAC,mBAAmB,CAAC,CAAC,CAC3C;KACF,CAAC;AACJ,CAAC;AATD,oDASC"}

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/index.d.ts

@@ -0,0 +1,2 @@
+export { SightSliderButton, type SightSliderButtonProps } from './SightSliderButton';
+export { SightSlider, type SightSliderProps } from './SightSlider';

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/index.js

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

package/lib/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/PhotoCapture/PhotoCaptureHUD/PhotoCaptureHUDElementsSight/SightSlider/index.ts"],"names":[],"mappings":";;;AAAA,yDAAqF;AAA5E,sHAAA,iBAAiB,OAAA;AAC1B,6CAAmE;AAA1D,0GAAA,WAAW,OAAA"}