@chayns-components/scanner 5.0.0-beta.1265

package/lib/cjs/hooks/codeScanner.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const usePrevious = value => {
+  const ref = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+var _default = exports.default = usePrevious;
+//# sourceMappingURL=codeScanner.js.map

package/lib/cjs/hooks/codeScanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeScanner.js","names":["_react","require","usePrevious","value","ref","useRef","useEffect","current","_default","exports","default"],"sources":["../../../src/hooks/codeScanner.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst usePrevious = <T>(value: T): T | undefined => {\n    const ref = useRef<T>();\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    return ref.current;\n};\n\nexport default usePrevious;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,WAAW,GAAOC,KAAQ,IAAoB;EAChD,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAI,CAAC;EACvB,IAAAC,gBAAS,EAAC,MAAM;IACZF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACvB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACX,OAAOC,GAAG,CAACG,OAAO;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaR,WAAW","ignoreList":[]}

package/lib/cjs/hooks/loadscript.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScannerPolyfill = void 0;
+var _react = require("react");
+var _loadScript = require("../utils/loadScript");
+const VERSION = 1;
+let scannerPolyfillPromise;
+let scannerWasmPromise;
+const loadPolyfillScript = () => {
+  if (!scannerPolyfillPromise) {
+    scannerPolyfillPromise = (0, _loadScript.loadScript)(`https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/barcode-detector-polyfill.js`);
+  }
+  return scannerPolyfillPromise;
+};
+const loadWasmScript = () => {
+  if (!scannerWasmPromise) {
+    scannerWasmPromise = (0, _loadScript.loadScript)(`https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/zbar-wasm.js`);
+  }
+  return scannerWasmPromise;
+};
+const useScannerPolyfill = () => {
+  const [wasmLoaded, setWasmLoaded] = (0, _react.useState)(false);
+  const [polyfillLoaded, setPolyfillLoaded] = (0, _react.useState)(false);
+  const loadQrCodeDetector = (0, _react.useCallback)(async () => {
+    try {
+      await BarcodeDetector.getSupportedFormats();
+    } catch {
+      await loadWasmScript().then(() => setWasmLoaded(true));
+      await loadPolyfillScript().then(() => setPolyfillLoaded(true));
+      // @ts-expect-error polyfill is not defined in window
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access
+      window.BarcodeDetector = barcodeDetectorPolyfill.BarcodeDetectorPolyfill;
+    }
+  }, []);
+  return {
+    loadQrCodeDetector,
+    loaded: polyfillLoaded && wasmLoaded
+  };
+};
+exports.useScannerPolyfill = useScannerPolyfill;
+//# sourceMappingURL=loadscript.js.map

package/lib/cjs/hooks/loadscript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadscript.js","names":["_react","require","_loadScript","VERSION","scannerPolyfillPromise","scannerWasmPromise","loadPolyfillScript","loadScript","loadWasmScript","useScannerPolyfill","wasmLoaded","setWasmLoaded","useState","polyfillLoaded","setPolyfillLoaded","loadQrCodeDetector","useCallback","BarcodeDetector","getSupportedFormats","then","window","barcodeDetectorPolyfill","BarcodeDetectorPolyfill","loaded","exports"],"sources":["../../../src/hooks/loadscript.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { loadScript } from '../utils/loadScript';\n\nconst VERSION = 1;\n\nlet scannerPolyfillPromise: Promise<Event | UIEvent> | undefined;\nlet scannerWasmPromise: Promise<Event | UIEvent> | undefined;\n\nconst loadPolyfillScript = () => {\n    if (!scannerPolyfillPromise) {\n        scannerPolyfillPromise = loadScript(\n            `https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/barcode-detector-polyfill.js`,\n        );\n    }\n\n    return scannerPolyfillPromise;\n};\n\nconst loadWasmScript = () => {\n    if (!scannerWasmPromise) {\n        scannerWasmPromise = loadScript(\n            `https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/zbar-wasm.js`,\n        );\n    }\n\n    return scannerWasmPromise;\n};\n\nexport const useScannerPolyfill = () => {\n    const [wasmLoaded, setWasmLoaded] = useState(false);\n    const [polyfillLoaded, setPolyfillLoaded] = useState(false);\n\n    const loadQrCodeDetector = useCallback(async () => {\n        try {\n            await BarcodeDetector.getSupportedFormats();\n        } catch {\n            await loadWasmScript().then(() => setWasmLoaded(true));\n            await loadPolyfillScript().then(() => setPolyfillLoaded(true));\n            // @ts-expect-error polyfill is not defined in window\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access\n            window.BarcodeDetector = barcodeDetectorPolyfill.BarcodeDetectorPolyfill;\n        }\n    }, []);\n\n    return { loadQrCodeDetector, loaded: polyfillLoaded && wasmLoaded };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,MAAME,OAAO,GAAG,CAAC;AAEjB,IAAIC,sBAA4D;AAChE,IAAIC,kBAAwD;AAE5D,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,IAAI,CAACF,sBAAsB,EAAE;IACzBA,sBAAsB,GAAG,IAAAG,sBAAU,EAC/B,yDAAyDJ,OAAO,+BACpE,CAAC;EACL;EAEA,OAAOC,sBAAsB;AACjC,CAAC;AAED,MAAMI,cAAc,GAAGA,CAAA,KAAM;EACzB,IAAI,CAACH,kBAAkB,EAAE;IACrBA,kBAAkB,GAAG,IAAAE,sBAAU,EAC3B,yDAAyDJ,OAAO,eACpE,CAAC;EACL;EAEA,OAAOE,kBAAkB;AAC7B,CAAC;AAEM,MAAMI,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACnD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE3D,MAAMG,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC/C,IAAI;MACA,MAAMC,eAAe,CAACC,mBAAmB,CAAC,CAAC;IAC/C,CAAC,CAAC,MAAM;MACJ,MAAMV,cAAc,CAAC,CAAC,CAACW,IAAI,CAAC,MAAMR,aAAa,CAAC,IAAI,CAAC,CAAC;MACtD,MAAML,kBAAkB,CAAC,CAAC,CAACa,IAAI,CAAC,MAAML,iBAAiB,CAAC,IAAI,CAAC,CAAC;MAC9D;MACA;MACAM,MAAM,CAACH,eAAe,GAAGI,uBAAuB,CAACC,uBAAuB;IAC5E;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEP,kBAAkB;IAAEQ,MAAM,EAAEV,cAAc,IAAIH;EAAW,CAAC;AACvE,CAAC;AAACc,OAAA,CAAAf,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/cjs/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ALL_FORMATS", {
+  enumerable: true,
+  get: function () {
+    return _codeScanner.ALL_FORMATS;
+  }
+});
+Object.defineProperty(exports, "CodeScanner", {
+  enumerable: true,
+  get: function () {
+    return _CodeScanner.default;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_TRACK_CONSTRAINTS", {
+  enumerable: true,
+  get: function () {
+    return _codeScanner.DEFAULT_TRACK_CONSTRAINTS;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_VIDEO_CONSTRAINTS", {
+  enumerable: true,
+  get: function () {
+    return _codeScanner.DEFAULT_VIDEO_CONSTRAINTS;
+  }
+});
+var _CodeScanner = _interopRequireDefault(require("./components/code-scanner/CodeScanner"));
+var _codeScanner = require("./constants/codeScanner");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_CodeScanner","_interopRequireDefault","require","_codeScanner","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as CodeScanner } from './components/code-scanner/CodeScanner';\nexport {\n    ALL_FORMATS,\n    DEFAULT_TRACK_CONSTRAINTS,\n    DEFAULT_VIDEO_CONSTRAINTS,\n} from './constants/codeScanner';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIiC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/cjs/types/barcode.d.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=barcode.d.js.map

package/lib/cjs/types/barcode.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode.d.js","names":[],"sources":["../../../src/types/barcode.d.ts"],"sourcesContent":["// This is necessary because Typescript refuses to import the file unless it has\n// an export, apparently. 🥲\nexport {};\n\ndeclare global {\n    /**\n     * The possible types of barcode format that can be detected using the\n     * Barcode Detection API. This list may change in the future.\n     * Adapted from: https://developer.mozilla.org/en-US/docs/Web/API/Barcode_Detection_API\n     */\n    type BarcodeFormat =\n        | 'code_128'\n        | 'code_39'\n        | 'code_93'\n        | 'codabar'\n        | 'ean_13'\n        | 'ean_8'\n        | 'itf'\n        | 'qr_code'\n        | 'upc_a'\n        | 'upc_e'\n        | 'unknown';\n\n    /**\n     * The return type of the Barcode Detect API `detect` function that\n     * describes a barcode that has been recognized by the API.\n     */\n    interface DetectedBarcode {\n        /**\n         * A DOMRectReadOnly, which returns the dimensions of a rectangle\n         * representing the extent of a detected barcode, aligned with the\n         * image\n         */\n        boundingBox: DOMRectReadOnly;\n        /**\n         * The x and y co-ordinates of the four corner points of the detected\n         * barcode relative to the image, starting with the top left and working\n         * clockwise. This may not be square due to perspective distortions\n         * within the image.\n         */\n        cornerPoints: {\n            x: number;\n            y: number;\n        }[];\n        /**\n         * The detected barcode format\n         */\n        format: BarcodeFormat;\n\n        /**\n         * A string decoded from the barcode data\n         */\n        rawValue: string;\n    }\n\n    /**\n     * Options for describing how a BarcodeDetector should be initialised\n     */\n    interface BarcodeDetectorOptions {\n        /**\n         * Which formats the barcode detector should detect\n         */\n        formats: BarcodeFormat[];\n    }\n\n    /**\n     * The BarcodeDetector interface of the Barcode Detection API allows\n     * detection of linear and two-dimensional barcodes in images.\n     */\n    class BarcodeDetector {\n        /**\n         * Initialize a Barcode Detector instance\n         */\n        constructor(options?: BarcodeDetectorOptions);\n\n        /**\n         * Retrieve the formats that are supported by the detector\n         */\n        static getSupportedFormats(): Promise<BarcodeFormat[]>;\n\n        /**\n         * Attempt to detect barcodes from an image source\n         */\n        public detect(source: ImageBitmapSource): Promise<DetectedBarcode[]>;\n    }\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/types/codeScanner.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScannerErrorType = void 0;
+let ScannerErrorType = exports.ScannerErrorType = /*#__PURE__*/function (ScannerErrorType) {
+  ScannerErrorType[ScannerErrorType["NO_CAMERA_ACCESS"] = 0] = "NO_CAMERA_ACCESS";
+  ScannerErrorType[ScannerErrorType["CAMERA_ALREADY_IN_USE"] = 1] = "CAMERA_ALREADY_IN_USE";
+  ScannerErrorType[ScannerErrorType["DEVICE_NOT_FOUND"] = 2] = "DEVICE_NOT_FOUND";
+  ScannerErrorType[ScannerErrorType["UNKNOWN"] = 3] = "UNKNOWN";
+  return ScannerErrorType;
+}({});
+//# sourceMappingURL=codeScanner.js.map

package/lib/cjs/types/codeScanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeScanner.js","names":["ScannerErrorType","exports"],"sources":["../../../src/types/codeScanner.ts"],"sourcesContent":["export type CodeReaderOnScanCallback = (code: {\n    format: BarcodeFormat;\n    value: string;\n}) => void | Promise<void>;\n\nexport enum ScannerErrorType {\n    NO_CAMERA_ACCESS,\n    CAMERA_ALREADY_IN_USE,\n    DEVICE_NOT_FOUND,\n    UNKNOWN,\n}\n\nexport interface ScannerErrorMessages {\n    noPermission: string;\n    alreadyInUse: string;\n    cameraNotAvailable: string;\n    noCodeFound: string;\n}\n"],"mappings":";;;;;;IAKYA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,0BAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA","ignoreList":[]}

package/lib/cjs/types/global.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=global.d.js.map

package/lib/cjs/types/global.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.js","names":[],"sources":["../../../src/types/global.d.ts"],"sourcesContent":["interface Window {\n    BarcodeDetector: BarcodeDetector;\n}\n\ninterface MediaTrackCapabilities {\n    zoom: {\n        min: number;\n        max: number;\n        step?: number;\n    };\n}\n\ninterface MediaTrackConstraintSet {\n    zoom?: number;\n    torch?: boolean;\n}\n\ninterface MediaTrackSettings {\n    zoom: number;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/utils/animate.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.animateNumericValue = void 0;
+const animateNumericValue = (start, end, duration, callback) => {
+  if (start === end) {
+    callback(end);
+    return;
+  }
+  const startTime = performance.now();
+  const animate = () => {
+    const currentTime = performance.now();
+    const progress = Math.min((currentTime - startTime) / duration, 1);
+    const value = start + (end - start) * progress;
+    callback(value);
+    if (progress < 1) {
+      requestAnimationFrame(animate);
+    }
+  };
+  animate();
+};
+exports.animateNumericValue = animateNumericValue;
+//# sourceMappingURL=animate.js.map

package/lib/cjs/utils/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.js","names":["animateNumericValue","start","end","duration","callback","startTime","performance","now","animate","currentTime","progress","Math","min","value","requestAnimationFrame","exports"],"sources":["../../../src/utils/animate.ts"],"sourcesContent":["export const animateNumericValue = (\n    start: number,\n    end: number,\n    duration: number,\n    callback: (value: number) => void,\n) => {\n    if (start === end) {\n        callback(end);\n        return;\n    }\n\n    const startTime = performance.now();\n    const animate = () => {\n        const currentTime = performance.now();\n        const progress = Math.min((currentTime - startTime) / duration, 1);\n        const value = start + (end - start) * progress;\n        callback(value);\n        if (progress < 1) {\n            requestAnimationFrame(animate);\n        }\n    };\n    animate();\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAGA,CAC/BC,KAAa,EACbC,GAAW,EACXC,QAAgB,EAChBC,QAAiC,KAChC;EACD,IAAIH,KAAK,KAAKC,GAAG,EAAE;IACfE,QAAQ,CAACF,GAAG,CAAC;IACb;EACJ;EAEA,MAAMG,SAAS,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;EACnC,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClB,MAAMC,WAAW,GAAGH,WAAW,CAACC,GAAG,CAAC,CAAC;IACrC,MAAMG,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,CAACH,WAAW,GAAGJ,SAAS,IAAIF,QAAQ,EAAE,CAAC,CAAC;IAClE,MAAMU,KAAK,GAAGZ,KAAK,GAAG,CAACC,GAAG,GAAGD,KAAK,IAAIS,QAAQ;IAC9CN,QAAQ,CAACS,KAAK,CAAC;IACf,IAAIH,QAAQ,GAAG,CAAC,EAAE;MACdI,qBAAqB,CAACN,OAAO,CAAC;IAClC;EACJ,CAAC;EACDA,OAAO,CAAC,CAAC;AACb,CAAC;AAACO,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/cjs/utils/errorDialog.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createErrorAlertDialog = void 0;
+var _chaynsApi = require("chayns-api");
+const createErrorAlertDialog = text => (0, _chaynsApi.createDialog)({
+  type: _chaynsApi.DialogType.ALERT,
+  text: `<p style="text-align: center;">%%DialogErrorIcon%%</p><p>${text}</p>`
+});
+exports.createErrorAlertDialog = createErrorAlertDialog;
+//# sourceMappingURL=errorDialog.js.map

package/lib/cjs/utils/errorDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorDialog.js","names":["_chaynsApi","require","createErrorAlertDialog","text","createDialog","type","DialogType","ALERT","exports"],"sources":["../../../src/utils/errorDialog.ts"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\n\nexport const createErrorAlertDialog = (text: string) =>\n    createDialog({\n        type: DialogType.ALERT,\n        text: `<p style=\"text-align: center;\">%%DialogErrorIcon%%</p><p>${text}</p>`,\n    });\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,sBAAsB,GAAIC,IAAY,IAC/C,IAAAC,uBAAY,EAAC;EACTC,IAAI,EAAEC,qBAAU,CAACC,KAAK;EACtBJ,IAAI,EAAE,4DAA4DA,IAAI;AAC1E,CAAC,CAAC;AAACK,OAAA,CAAAN,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/cjs/utils/loadScript.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadScript = void 0;
+const loadScript = src => new Promise((resolve, reject) => {
+  const script = document.createElement('script');
+  script.src = src;
+  script.onload = resolve;
+  script.onabort = reject;
+  document.head.appendChild(script);
+});
+exports.loadScript = loadScript;
+//# sourceMappingURL=loadScript.js.map

package/lib/cjs/utils/loadScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadScript.js","names":["loadScript","src","Promise","resolve","reject","script","document","createElement","onload","onabort","head","appendChild","exports"],"sources":["../../../src/utils/loadScript.ts"],"sourcesContent":["export const loadScript = (src: string): Promise<Event | UIEvent> =>\n    new Promise((resolve, reject) => {\n        const script = document.createElement('script');\n        script.src = src;\n        script.onload = resolve;\n        script.onabort = reject;\n        document.head.appendChild(script);\n    });\n"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAIC,GAAW,IAClC,IAAIC,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;EAC7B,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;EAC/CF,MAAM,CAACJ,GAAG,GAAGA,GAAG;EAChBI,MAAM,CAACG,MAAM,GAAGL,OAAO;EACvBE,MAAM,CAACI,OAAO,GAAGL,MAAM;EACvBE,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,MAAM,CAAC;AACrC,CAAC,CAAC;AAACO,OAAA,CAAAZ,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/cjs/utils/support.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasBrowserSupport = exports.checkTrackSupport = void 0;
+const hasBrowserSupport = constraint => constraint in navigator.mediaDevices.getSupportedConstraints();
+exports.hasBrowserSupport = hasBrowserSupport;
+const checkTrackSupport = (track, capability) => hasBrowserSupport(capability) && capability in track.getCapabilities();
+exports.checkTrackSupport = checkTrackSupport;
+//# sourceMappingURL=support.js.map

package/lib/cjs/utils/support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"support.js","names":["hasBrowserSupport","constraint","navigator","mediaDevices","getSupportedConstraints","exports","checkTrackSupport","track","capability","getCapabilities"],"sources":["../../../src/utils/support.ts"],"sourcesContent":["export const hasBrowserSupport = (constraint: string): boolean =>\n    constraint in navigator.mediaDevices.getSupportedConstraints();\n\nexport const checkTrackSupport = (track: MediaStreamTrack, capability: string): boolean =>\n    hasBrowserSupport(capability) && capability in track.getCapabilities();\n"],"mappings":";;;;;;AAAO,MAAMA,iBAAiB,GAAIC,UAAkB,IAChDA,UAAU,IAAIC,SAAS,CAACC,YAAY,CAACC,uBAAuB,CAAC,CAAC;AAACC,OAAA,CAAAL,iBAAA,GAAAA,iBAAA;AAE5D,MAAMM,iBAAiB,GAAGA,CAACC,KAAuB,EAAEC,UAAkB,KACzER,iBAAiB,CAACQ,UAAU,CAAC,IAAIA,UAAU,IAAID,KAAK,CAACE,eAAe,CAAC,CAAC;AAACJ,OAAA,CAAAC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/esm/components/code-scanner/CodeScanner.js

@@ -0,0 +1,218 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { addVisibilityChangeListener, removeVisibilityChangeListener } from 'chayns-api';
+import { Icon, SmallWaitCursor } from '@chayns-components/core';
+import { StyledCodeScanner, StyledCodeScannerPreview, StyledCodeScannerTextWrapper } from './CodeScanner.styles';
+import { ScannerErrorType } from '../../types/codeScanner';
+import { ALL_FORMATS, DEFAULT_TRACK_CONSTRAINTS, DEFAULT_VIDEO_CONSTRAINTS } from '../../constants/codeScanner';
+import { checkTrackSupport } from '../../utils/support';
+import { createErrorAlertDialog } from '../../utils/errorDialog';
+import ScannerToolbar from './scanner-toolbar/ScannerToolbar';
+import { useScannerPolyfill } from '../../hooks/loadscript';
+const CodeScanner = ({
+  shouldTriggerForSameCode = false,
+  onScan,
+  allowedFormats = ALL_FORMATS,
+  trackConstraints = DEFAULT_TRACK_CONSTRAINTS,
+  videoConstraints = DEFAULT_VIDEO_CONSTRAINTS,
+  minZoom = 2,
+  maxZoom = 10,
+  isFileSelectDisabled = false,
+  isTorchDisabled = false,
+  isZoomDisabled = false,
+  scanInterval = 250,
+  errorMessages
+}) => {
+  const [isPolyfillLoaded, setIsPolyfillLoaded] = useState(false);
+  const [videoRef, setVideoRef] = useState(null);
+  const [barcodeDetector, setBarcodeDetector] = useState();
+  const [stream, setStream] = useState();
+  const [scannerError, setScannerError] = useState(undefined);
+  const [isScanningFile, setIsScanningFile] = useState(false);
+  const [isHandlingCode, setIsHandlingCode] = useState(false);
+  const lastCode = useRef();
+  const handleStopRef = useRef();
+  const {
+    loadQrCodeDetector
+  } = useScannerPolyfill();
+  const errorText = useMemo(() => {
+    if (typeof scannerError === 'undefined') {
+      return undefined;
+    }
+    switch (scannerError) {
+      case ScannerErrorType.NO_CAMERA_ACCESS:
+        return errorMessages.noPermission;
+      case ScannerErrorType.CAMERA_ALREADY_IN_USE:
+        return errorMessages.alreadyInUse;
+      default:
+        return errorMessages.cameraNotAvailable;
+    }
+  }, [errorMessages, scannerError]);
+  const handleScan = useCallback(code => {
+    if (!onScan) return;
+    const result = onScan(code);
+    if (result instanceof Promise) {
+      setIsHandlingCode(true);
+      void result.finally(() => setIsHandlingCode(false));
+    }
+  }, [onScan]);
+  const handleScanResult = useCallback(result => {
+    if (!result.length) return;
+    const code = result[0];
+    if (!code) {
+      return;
+    }
+    if (allowedFormats && !allowedFormats.includes(code.format)) {
+      return;
+    }
+    if (shouldTriggerForSameCode) {
+      handleScan({
+        format: code.format,
+        value: code.rawValue
+      });
+      return;
+    }
+    if (lastCode.current && code.rawValue === lastCode.current) {
+      return;
+    }
+    lastCode.current = code.rawValue;
+    handleScan({
+      format: code.format,
+      value: code.rawValue
+    });
+  }, [handleScan, shouldTriggerForSameCode, allowedFormats]);
+  const handleVideoInitialization = useCallback(async () => {
+    if (!navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) return;
+    let res;
+    try {
+      res = await navigator.mediaDevices.getUserMedia({
+        video: videoConstraints
+      });
+    } catch (e) {
+      const error = e;
+      if (error.name === 'NotAllowedError') {
+        setScannerError(ScannerErrorType.NO_CAMERA_ACCESS);
+      } else if (error.name === 'NotReadableError') {
+        setScannerError(ScannerErrorType.CAMERA_ALREADY_IN_USE);
+      } else if (error.name === 'NotFoundError') {
+        setScannerError(ScannerErrorType.DEVICE_NOT_FOUND);
+      } else {
+        setScannerError(ScannerErrorType.UNKNOWN);
+        console.warn(e);
+      }
+    }
+    if (res) {
+      res.getVideoTracks().forEach(elem => {
+        const constraints = {
+          ...trackConstraints,
+          advanced: trackConstraints.advanced?.map(a => ({
+            ...a
+          })) || []
+        };
+        if (checkTrackSupport(elem, 'zoom')) {
+          constraints.advanced.push({
+            zoom: minZoom
+          });
+        }
+        void elem.applyConstraints(constraints);
+      });
+      setStream(res);
+      videoRef.srcObject = res;
+      await videoRef.play();
+    }
+    const codeDetector = new BarcodeDetector(allowedFormats ? {
+      formats: allowedFormats
+    } : undefined);
+    setBarcodeDetector(codeDetector);
+  }, [isPolyfillLoaded, minZoom, trackConstraints, allowedFormats, videoConstraints, videoRef]);
+  const handleStopCameraAccess = useCallback(() => {
+    if (videoRef) {
+      videoRef.pause();
+    }
+    if (barcodeDetector) {
+      setBarcodeDetector(undefined);
+    }
+    if (stream) {
+      stream.getTracks().forEach(track => track.stop());
+      setStream(undefined);
+    }
+  }, [barcodeDetector, stream, videoRef]);
+
+  // Load BarCodeDetector
+  useEffect(() => {
+    void loadQrCodeDetector().then(() => {
+      setIsPolyfillLoaded(true);
+    });
+    return () => {
+      if (handleStopRef.current) handleStopRef.current();
+    };
+  }, [loadQrCodeDetector]);
+  useEffect(() => {
+    handleStopRef.current = handleStopCameraAccess;
+  }, [handleStopCameraAccess]);
+  useEffect(() => {
+    const idPromise = addVisibilityChangeListener(({
+      isVisible
+    }) => {
+      if (!isVisible) {
+        handleStopCameraAccess();
+      } else {
+        void handleVideoInitialization();
+      }
+    });
+    return () => {
+      void idPromise.then(id => {
+        void removeVisibilityChangeListener(id);
+      });
+    };
+  }, [handleStopCameraAccess, handleVideoInitialization]);
+  useEffect(() => {
+    if (!barcodeDetector || !videoRef) return undefined;
+    if (!isScanningFile && !isHandlingCode) {
+      const interval = setInterval(() => {
+        void barcodeDetector.detect(videoRef).then(handleScanResult);
+      }, scanInterval);
+      return () => clearInterval(interval);
+    }
+    return undefined;
+  }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);
+  useEffect(() => {
+    if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {
+      return;
+    }
+    void handleVideoInitialization();
+  }, [handleVideoInitialization, isPolyfillLoaded, videoRef]);
+  return /*#__PURE__*/React.createElement(StyledCodeScanner, null, (!barcodeDetector || errorText) && /*#__PURE__*/React.createElement(StyledCodeScannerTextWrapper, null, !barcodeDetector && !errorText && /*#__PURE__*/React.createElement(SmallWaitCursor, null), errorText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    icons: ['fa fa-webcam-slash'],
+    size: 40,
+    color: "rgb(128, 128, 128)"
+  }), errorText)), /*#__PURE__*/React.createElement(StyledCodeScannerPreview, {
+    ref: setVideoRef,
+    autoPlay: true,
+    playsInline: true,
+    height: "100%",
+    width: "100%",
+    $isVisible: !!barcodeDetector && !errorText
+  }), !!barcodeDetector && /*#__PURE__*/React.createElement(ScannerToolbar, {
+    videoConstraints: videoConstraints,
+    onFileSelect: data => {
+      setIsScanningFile(true);
+      void barcodeDetector.detect(data).then(value => {
+        if (value.length) {
+          handleScanResult(value);
+        } else {
+          void createErrorAlertDialog(errorMessages.noCodeFound).open();
+        }
+      }).finally(() => setIsScanningFile(false));
+    },
+    isScanningFile: isScanningFile,
+    hasScannerError: typeof scannerError !== 'undefined',
+    stream: stream,
+    minZoom: minZoom,
+    maxZoom: maxZoom,
+    isZoomDisabled: isZoomDisabled,
+    isTorchDisabled: isTorchDisabled,
+    isFileSelectDisabled: isFileSelectDisabled
+  }));
+};
+export default CodeScanner;
+//# sourceMappingURL=CodeScanner.js.map

package/lib/esm/components/code-scanner/CodeScanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeScanner.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","addVisibilityChangeListener","removeVisibilityChangeListener","Icon","SmallWaitCursor","StyledCodeScanner","StyledCodeScannerPreview","StyledCodeScannerTextWrapper","ScannerErrorType","ALL_FORMATS","DEFAULT_TRACK_CONSTRAINTS","DEFAULT_VIDEO_CONSTRAINTS","checkTrackSupport","createErrorAlertDialog","ScannerToolbar","useScannerPolyfill","CodeScanner","shouldTriggerForSameCode","onScan","allowedFormats","trackConstraints","videoConstraints","minZoom","maxZoom","isFileSelectDisabled","isTorchDisabled","isZoomDisabled","scanInterval","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","handleStopRef","loadQrCodeDetector","errorText","NO_CAMERA_ACCESS","noPermission","CAMERA_ALREADY_IN_USE","alreadyInUse","cameraNotAvailable","handleScan","code","result","Promise","finally","handleScanResult","length","includes","format","value","rawValue","current","handleVideoInitialization","navigator","mediaDevices","getUserMedia","res","video","e","error","name","DEVICE_NOT_FOUND","UNKNOWN","console","warn","getVideoTracks","forEach","elem","constraints","advanced","map","a","push","zoom","applyConstraints","srcObject","play","codeDetector","BarcodeDetector","formats","handleStopCameraAccess","pause","getTracks","track","stop","then","idPromise","isVisible","id","interval","setInterval","detect","clearInterval","enumerateDevices","createElement","Fragment","icons","size","color","ref","autoPlay","playsInline","height","width","$isVisible","onFileSelect","data","noCodeFound","open","hasScannerError"],"sources":["../../../../src/components/code-scanner/CodeScanner.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { addVisibilityChangeListener, removeVisibilityChangeListener } from 'chayns-api';\nimport { Icon, SmallWaitCursor } from '@chayns-components/core';\nimport {\n    StyledCodeScanner,\n    StyledCodeScannerPreview,\n    StyledCodeScannerTextWrapper,\n} from './CodeScanner.styles';\nimport {\n    CodeReaderOnScanCallback,\n    ScannerErrorMessages,\n    ScannerErrorType,\n} from '../../types/codeScanner';\nimport {\n    ALL_FORMATS,\n    DEFAULT_TRACK_CONSTRAINTS,\n    DEFAULT_VIDEO_CONSTRAINTS,\n} from '../../constants/codeScanner';\nimport { checkTrackSupport } from '../../utils/support';\nimport { createErrorAlertDialog } from '../../utils/errorDialog';\nimport ScannerToolbar from './scanner-toolbar/ScannerToolbar';\nimport { useScannerPolyfill } from '../../hooks/loadscript';\n\ntype CodeScannerProps = {\n    /**\n     * Defines which barcode formats are allowed to be detected.\n     */\n    allowedFormats?: Array<BarcodeFormat>;\n    /**\n     * The interval of the scans.\n     */\n    scanInterval?: number;\n    /**\n     * Custom error messages for various scanner states or failures.\n     */\n    errorMessages: ScannerErrorMessages;\n    /**\n     * Disables the file select feature if set to true.\n     */\n    isFileSelectDisabled?: boolean;\n    /**\n     * Disables the torch (flashlight) feature if set to true.\n     */\n    isTorchDisabled?: boolean;\n    /**\n     * Disables the zoom control if set to true.\n     */\n    isZoomDisabled?: boolean;\n    /**\n     * Maximum allowed zoom level for the camera.\n     */\n    maxZoom?: number;\n    /**\n     * Minimum allowed zoom level for the camera.\n     */\n    minZoom?: number;\n    /**\n     * Callback function triggered when a code is successfully scanned.\n     */\n    onScan?: CodeReaderOnScanCallback;\n    /**\n     * If true, allows scanning the same code multiple times in a row.\n     */\n    shouldTriggerForSameCode?: boolean;\n    /**\n     * Custom media track constraints for controlling the video input.\n     */\n    trackConstraints?: MediaTrackConstraints;\n    /**\n     * Additional video constraints for the camera feed.\n     */\n    videoConstraints?: MediaTrackConstraints;\n};\n\nconst CodeScanner: FC<CodeScannerProps> = ({\n    shouldTriggerForSameCode = false,\n    onScan,\n    allowedFormats = ALL_FORMATS,\n    trackConstraints = DEFAULT_TRACK_CONSTRAINTS,\n    videoConstraints = DEFAULT_VIDEO_CONSTRAINTS,\n    minZoom = 2,\n    maxZoom = 10,\n    isFileSelectDisabled = false,\n    isTorchDisabled = false,\n    isZoomDisabled = false,\n    scanInterval = 250,\n    errorMessages,\n}) => {\n    const [isPolyfillLoaded, setIsPolyfillLoaded] = useState(false);\n    const [videoRef, setVideoRef] = useState<HTMLVideoElement | null>(null);\n    const [barcodeDetector, setBarcodeDetector] = useState<BarcodeDetector>();\n    const [stream, setStream] = useState<MediaStream>();\n    const [scannerError, setScannerError] = useState<ScannerErrorType | undefined>(undefined);\n    const [isScanningFile, setIsScanningFile] = useState(false);\n    const [isHandlingCode, setIsHandlingCode] = useState(false);\n    const lastCode = useRef<string>();\n    const handleStopRef = useRef<() => void>();\n\n    const { loadQrCodeDetector } = useScannerPolyfill();\n\n    const errorText = useMemo(() => {\n        if (typeof scannerError === 'undefined') {\n            return undefined;\n        }\n\n        switch (scannerError) {\n            case ScannerErrorType.NO_CAMERA_ACCESS:\n                return errorMessages.noPermission;\n            case ScannerErrorType.CAMERA_ALREADY_IN_USE:\n                return errorMessages.alreadyInUse;\n            default:\n                return errorMessages.cameraNotAvailable;\n        }\n    }, [errorMessages, scannerError]);\n\n    const handleScan = useCallback(\n        (code: { format: BarcodeFormat; value: string }) => {\n            if (!onScan) return;\n            const result = onScan(code);\n            if (result instanceof Promise) {\n                setIsHandlingCode(true);\n                void result.finally(() => setIsHandlingCode(false));\n            }\n        },\n        [onScan],\n    );\n\n    const handleScanResult = useCallback(\n        (result: Array<DetectedBarcode>) => {\n            if (!result.length) return;\n\n            const code = result[0];\n\n            if (!code) {\n                return;\n            }\n\n            if (allowedFormats && !allowedFormats.includes(code.format)) {\n                return;\n            }\n\n            if (shouldTriggerForSameCode) {\n                handleScan({ format: code.format, value: code.rawValue });\n                return;\n            }\n\n            if (lastCode.current && code.rawValue === lastCode.current) {\n                return;\n            }\n\n            lastCode.current = code.rawValue;\n            handleScan({ format: code.format, value: code.rawValue });\n        },\n        [handleScan, shouldTriggerForSameCode, allowedFormats],\n    );\n\n    const handleVideoInitialization = useCallback(async () => {\n        if (!navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) return;\n\n        let res: MediaStream | undefined;\n\n        try {\n            res = await navigator.mediaDevices.getUserMedia({\n                video: videoConstraints,\n            });\n        } catch (e) {\n            const error = e as Error;\n\n            if (error.name === 'NotAllowedError') {\n                setScannerError(ScannerErrorType.NO_CAMERA_ACCESS);\n            } else if (error.name === 'NotReadableError') {\n                setScannerError(ScannerErrorType.CAMERA_ALREADY_IN_USE);\n            } else if (error.name === 'NotFoundError') {\n                setScannerError(ScannerErrorType.DEVICE_NOT_FOUND);\n            } else {\n                setScannerError(ScannerErrorType.UNKNOWN);\n                console.warn(e);\n            }\n        }\n\n        if (res) {\n            res.getVideoTracks().forEach((elem) => {\n                const constraints = {\n                    ...trackConstraints,\n                    advanced: trackConstraints.advanced?.map((a) => ({ ...a })) || [],\n                };\n\n                if (checkTrackSupport(elem, 'zoom')) {\n                    constraints.advanced.push({ zoom: minZoom });\n                }\n\n                void elem.applyConstraints(constraints);\n            });\n\n            setStream(res);\n\n            videoRef.srcObject = res;\n\n            await videoRef.play();\n        }\n\n        const codeDetector = new BarcodeDetector(\n            allowedFormats ? { formats: allowedFormats } : undefined,\n        );\n\n        setBarcodeDetector(codeDetector);\n    }, [isPolyfillLoaded, minZoom, trackConstraints, allowedFormats, videoConstraints, videoRef]);\n\n    const handleStopCameraAccess = useCallback(() => {\n        if (videoRef) {\n            videoRef.pause();\n        }\n\n        if (barcodeDetector) {\n            setBarcodeDetector(undefined);\n        }\n\n        if (stream) {\n            stream.getTracks().forEach((track) => track.stop());\n            setStream(undefined);\n        }\n    }, [barcodeDetector, stream, videoRef]);\n\n    // Load BarCodeDetector\n    useEffect(() => {\n        void loadQrCodeDetector().then(() => {\n            setIsPolyfillLoaded(true);\n        });\n\n        return () => {\n            if (handleStopRef.current) handleStopRef.current();\n        };\n    }, [loadQrCodeDetector]);\n\n    useEffect(() => {\n        handleStopRef.current = handleStopCameraAccess;\n    }, [handleStopCameraAccess]);\n\n    useEffect(() => {\n        const idPromise = addVisibilityChangeListener(({ isVisible }) => {\n            if (!isVisible) {\n                handleStopCameraAccess();\n            } else {\n                void handleVideoInitialization();\n            }\n        });\n\n        return () => {\n            void idPromise.then((id) => {\n                void removeVisibilityChangeListener(id);\n            });\n        };\n    }, [handleStopCameraAccess, handleVideoInitialization]);\n\n    useEffect(() => {\n        if (!barcodeDetector || !videoRef) return undefined;\n\n        if (!isScanningFile && !isHandlingCode) {\n            const interval = setInterval(() => {\n                void barcodeDetector.detect(videoRef).then(handleScanResult);\n            }, scanInterval);\n\n            return () => clearInterval(interval);\n        }\n\n        return undefined;\n    }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);\n\n    useEffect(() => {\n        if (\n            !navigator.mediaDevices.enumerateDevices ||\n            !navigator.mediaDevices.getUserMedia ||\n            !videoRef ||\n            !isPolyfillLoaded\n        ) {\n            return;\n        }\n\n        void handleVideoInitialization();\n    }, [handleVideoInitialization, isPolyfillLoaded, videoRef]);\n\n    return (\n        <StyledCodeScanner>\n            {(!barcodeDetector || errorText) && (\n                <StyledCodeScannerTextWrapper>\n                    {!barcodeDetector && !errorText && <SmallWaitCursor />}\n                    {errorText && (\n                        <>\n                            <Icon\n                                icons={['fa fa-webcam-slash']}\n                                size={40}\n                                color=\"rgb(128, 128, 128)\"\n                            />\n                            {errorText}\n                        </>\n                    )}\n                </StyledCodeScannerTextWrapper>\n            )}\n            <StyledCodeScannerPreview\n                ref={setVideoRef}\n                autoPlay\n                playsInline\n                height=\"100%\"\n                width=\"100%\"\n                $isVisible={!!barcodeDetector && !errorText}\n            />\n            {!!barcodeDetector && (\n                <ScannerToolbar\n                    videoConstraints={videoConstraints}\n                    onFileSelect={(data) => {\n                        setIsScanningFile(true);\n\n                        void barcodeDetector\n                            .detect(data)\n                            .then((value) => {\n                                if (value.length) {\n                                    handleScanResult(value);\n                                } else {\n                                    void createErrorAlertDialog(errorMessages.noCodeFound).open();\n                                }\n                            })\n                            .finally(() => setIsScanningFile(false));\n                    }}\n                    isScanningFile={isScanningFile}\n                    hasScannerError={typeof scannerError !== 'undefined'}\n                    stream={stream}\n                    minZoom={minZoom}\n                    maxZoom={maxZoom}\n                    isZoomDisabled={isZoomDisabled}\n                    isTorchDisabled={isTorchDisabled}\n                    isFileSelectDisabled={isFileSelectDisabled}\n                />\n            )}\n        </StyledCodeScanner>\n    );\n};\n\nexport default CodeScanner;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/code-scanner/CodeScanner.styles.js

@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+export const StyledCodeScanner = styled.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;
+export const StyledCodeScannerTextWrapper = styled.div`
+    width: 640px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    aspect-ratio: 3 / 2;
+    flex-direction: column;
+    text-align: center;
+    padding: 20px;
+`;
+export const StyledCodeScannerPreview = styled.video`
+    width: 100%;
+    height: 100%;
+
+    ${({
+  $isVisible
+}) => !$isVisible && `
+        display: none;
+    `}
+`;
+//# sourceMappingURL=CodeScanner.styles.js.map

package/lib/esm/components/code-scanner/CodeScanner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeScanner.styles.js","names":["styled","StyledCodeScanner","div","StyledCodeScannerTextWrapper","StyledCodeScannerPreview","video","$isVisible"],"sources":["../../../../src/components/code-scanner/CodeScanner.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledCodeScanner = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`;\n\ntype StyledCodeScannerPreviewProps = {\n    $isVisible: boolean;\n};\n\nexport const StyledCodeScannerTextWrapper = styled.div`\n    width: 640px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    aspect-ratio: 3 / 2;\n    flex-direction: column;\n    text-align: center;\n    padding: 20px;\n`;\n\nexport const StyledCodeScannerPreview = styled.video<StyledCodeScannerPreviewProps>`\n    width: 100%;\n    height: 100%;\n\n    ${({ $isVisible }) =>\n        !$isVisible &&\n        `\n        display: none;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACE,GAAG;AAC3C;AACA;AACA;AACA,CAAC;AAMD,OAAO,MAAMC,4BAA4B,GAAGH,MAAM,CAACE,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGJ,MAAM,CAACK,KAAoC;AACnF;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KACb,CAACA,UAAU,IACX;AACR;AACA,KAAK;AACL,CAAC","ignoreList":[]}