@chayns-components/scanner 5.0.0-beta.1265

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Tobit Laboratories AG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+<div align="center">
+    <h1>
+        <img src="https://raw.githubusercontent.com/TobitSoftware/chayns-components/master/assets/logo.png" width="600px" alt="chayns-components" />
+    </h1>
+    <p>A set of beautiful React components for developing your own applications with chayns.</p>
+    <div>
+        <img src="https://img.shields.io/npm/dm/@chayns-components/core.svg?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/v/@chayns-components/core?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+    </div>
+</div>
+
+---
+
+## Installation
+
+First you need to install the core part of the chayns-components.
+
+```bash
+# NPM
+npm install @chayns-components/scanner
+
+# Yarn
+yarn add @chayns-components/scanner
+```
+
+> **Information:** Since the components have now been implemented with the styled-components
+> library, the styles are delivered directly with the components. There is no need to load an extra
+> stylesheet anymore.
+
+## Usage
+
+For detailed usage visit the [storybook](https://components.chayns.site/storybook).

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

@@ -0,0 +1,227 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _chaynsApi = require("chayns-api");
+var _core = require("@chayns-components/core");
+var _CodeScanner = require("./CodeScanner.styles");
+var _codeScanner = require("../../types/codeScanner");
+var _codeScanner2 = require("../../constants/codeScanner");
+var _support = require("../../utils/support");
+var _errorDialog = require("../../utils/errorDialog");
+var _ScannerToolbar = _interopRequireDefault(require("./scanner-toolbar/ScannerToolbar"));
+var _loadscript = require("../../hooks/loadscript");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CodeScanner = ({
+  shouldTriggerForSameCode = false,
+  onScan,
+  allowedFormats = _codeScanner2.ALL_FORMATS,
+  trackConstraints = _codeScanner2.DEFAULT_TRACK_CONSTRAINTS,
+  videoConstraints = _codeScanner2.DEFAULT_VIDEO_CONSTRAINTS,
+  minZoom = 2,
+  maxZoom = 10,
+  isFileSelectDisabled = false,
+  isTorchDisabled = false,
+  isZoomDisabled = false,
+  scanInterval = 250,
+  errorMessages
+}) => {
+  const [isPolyfillLoaded, setIsPolyfillLoaded] = (0, _react.useState)(false);
+  const [videoRef, setVideoRef] = (0, _react.useState)(null);
+  const [barcodeDetector, setBarcodeDetector] = (0, _react.useState)();
+  const [stream, setStream] = (0, _react.useState)();
+  const [scannerError, setScannerError] = (0, _react.useState)(undefined);
+  const [isScanningFile, setIsScanningFile] = (0, _react.useState)(false);
+  const [isHandlingCode, setIsHandlingCode] = (0, _react.useState)(false);
+  const lastCode = (0, _react.useRef)();
+  const handleStopRef = (0, _react.useRef)();
+  const {
+    loadQrCodeDetector
+  } = (0, _loadscript.useScannerPolyfill)();
+  const errorText = (0, _react.useMemo)(() => {
+    if (typeof scannerError === 'undefined') {
+      return undefined;
+    }
+    switch (scannerError) {
+      case _codeScanner.ScannerErrorType.NO_CAMERA_ACCESS:
+        return errorMessages.noPermission;
+      case _codeScanner.ScannerErrorType.CAMERA_ALREADY_IN_USE:
+        return errorMessages.alreadyInUse;
+      default:
+        return errorMessages.cameraNotAvailable;
+    }
+  }, [errorMessages, scannerError]);
+  const handleScan = (0, _react.useCallback)(code => {
+    if (!onScan) return;
+    const result = onScan(code);
+    if (result instanceof Promise) {
+      setIsHandlingCode(true);
+      void result.finally(() => setIsHandlingCode(false));
+    }
+  }, [onScan]);
+  const handleScanResult = (0, _react.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 = (0, _react.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(_codeScanner.ScannerErrorType.NO_CAMERA_ACCESS);
+      } else if (error.name === 'NotReadableError') {
+        setScannerError(_codeScanner.ScannerErrorType.CAMERA_ALREADY_IN_USE);
+      } else if (error.name === 'NotFoundError') {
+        setScannerError(_codeScanner.ScannerErrorType.DEVICE_NOT_FOUND);
+      } else {
+        setScannerError(_codeScanner.ScannerErrorType.UNKNOWN);
+        console.warn(e);
+      }
+    }
+    if (res) {
+      res.getVideoTracks().forEach(elem => {
+        var _trackConstraints$adv;
+        const constraints = {
+          ...trackConstraints,
+          advanced: ((_trackConstraints$adv = trackConstraints.advanced) === null || _trackConstraints$adv === void 0 ? void 0 : _trackConstraints$adv.map(a => ({
+            ...a
+          }))) || []
+        };
+        if ((0, _support.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 = (0, _react.useCallback)(() => {
+    if (videoRef) {
+      videoRef.pause();
+    }
+    if (barcodeDetector) {
+      setBarcodeDetector(undefined);
+    }
+    if (stream) {
+      stream.getTracks().forEach(track => track.stop());
+      setStream(undefined);
+    }
+  }, [barcodeDetector, stream, videoRef]);
+
+  // Load BarCodeDetector
+  (0, _react.useEffect)(() => {
+    void loadQrCodeDetector().then(() => {
+      setIsPolyfillLoaded(true);
+    });
+    return () => {
+      if (handleStopRef.current) handleStopRef.current();
+    };
+  }, [loadQrCodeDetector]);
+  (0, _react.useEffect)(() => {
+    handleStopRef.current = handleStopCameraAccess;
+  }, [handleStopCameraAccess]);
+  (0, _react.useEffect)(() => {
+    const idPromise = (0, _chaynsApi.addVisibilityChangeListener)(({
+      isVisible
+    }) => {
+      if (!isVisible) {
+        handleStopCameraAccess();
+      } else {
+        void handleVideoInitialization();
+      }
+    });
+    return () => {
+      void idPromise.then(id => {
+        void (0, _chaynsApi.removeVisibilityChangeListener)(id);
+      });
+    };
+  }, [handleStopCameraAccess, handleVideoInitialization]);
+  (0, _react.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]);
+  (0, _react.useEffect)(() => {
+    if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {
+      return;
+    }
+    void handleVideoInitialization();
+  }, [handleVideoInitialization, isPolyfillLoaded, videoRef]);
+  return /*#__PURE__*/_react.default.createElement(_CodeScanner.StyledCodeScanner, null, (!barcodeDetector || errorText) && /*#__PURE__*/_react.default.createElement(_CodeScanner.StyledCodeScannerTextWrapper, null, !barcodeDetector && !errorText && /*#__PURE__*/_react.default.createElement(_core.SmallWaitCursor, null), errorText && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    icons: ['fa fa-webcam-slash'],
+    size: 40,
+    color: "rgb(128, 128, 128)"
+  }), errorText)), /*#__PURE__*/_react.default.createElement(_CodeScanner.StyledCodeScannerPreview, {
+    ref: setVideoRef,
+    autoPlay: true,
+    playsInline: true,
+    height: "100%",
+    width: "100%",
+    $isVisible: !!barcodeDetector && !errorText
+  }), !!barcodeDetector && /*#__PURE__*/_react.default.createElement(_ScannerToolbar.default, {
+    videoConstraints: videoConstraints,
+    onFileSelect: data => {
+      setIsScanningFile(true);
+      void barcodeDetector.detect(data).then(value => {
+        if (value.length) {
+          handleScanResult(value);
+        } else {
+          void (0, _errorDialog.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
+  }));
+};
+var _default = exports.default = CodeScanner;
+//# sourceMappingURL=CodeScanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeScanner.js","names":["_react","_interopRequireWildcard","require","_chaynsApi","_core","_CodeScanner","_codeScanner","_codeScanner2","_support","_errorDialog","_ScannerToolbar","_interopRequireDefault","_loadscript","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CodeScanner","shouldTriggerForSameCode","onScan","allowedFormats","ALL_FORMATS","trackConstraints","DEFAULT_TRACK_CONSTRAINTS","videoConstraints","DEFAULT_VIDEO_CONSTRAINTS","minZoom","maxZoom","isFileSelectDisabled","isTorchDisabled","isZoomDisabled","scanInterval","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","useState","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","useRef","handleStopRef","loadQrCodeDetector","useScannerPolyfill","errorText","useMemo","ScannerErrorType","NO_CAMERA_ACCESS","noPermission","CAMERA_ALREADY_IN_USE","alreadyInUse","cameraNotAvailable","handleScan","useCallback","code","result","Promise","finally","handleScanResult","length","includes","format","value","rawValue","current","handleVideoInitialization","navigator","mediaDevices","getUserMedia","res","video","error","name","DEVICE_NOT_FOUND","UNKNOWN","console","warn","getVideoTracks","forEach","elem","_trackConstraints$adv","constraints","advanced","map","a","checkTrackSupport","push","zoom","applyConstraints","srcObject","play","codeDetector","BarcodeDetector","formats","handleStopCameraAccess","pause","getTracks","track","stop","useEffect","then","idPromise","addVisibilityChangeListener","isVisible","id","removeVisibilityChangeListener","interval","setInterval","detect","clearInterval","enumerateDevices","createElement","StyledCodeScanner","StyledCodeScannerTextWrapper","SmallWaitCursor","Fragment","Icon","icons","size","color","StyledCodeScannerPreview","ref","autoPlay","playsInline","height","width","$isVisible","onFileSelect","data","createErrorAlertDialog","noCodeFound","open","hasScannerError","_default","exports"],"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/cjs/components/code-scanner/CodeScanner.styles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCodeScannerTextWrapper = exports.StyledCodeScannerPreview = exports.StyledCodeScanner = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledCodeScanner = exports.StyledCodeScanner = _styledComponents.default.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;
+const StyledCodeScannerTextWrapper = exports.StyledCodeScannerTextWrapper = _styledComponents.default.div`
+    width: 640px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    aspect-ratio: 3 / 2;
+    flex-direction: column;
+    text-align: center;
+    padding: 20px;
+`;
+const StyledCodeScannerPreview = exports.StyledCodeScannerPreview = _styledComponents.default.video`
+    width: 100%;
+    height: 100%;
+
+    ${({
+  $isVisible
+}) => !$isVisible && `
+        display: none;
+    `}
+`;
+//# sourceMappingURL=CodeScanner.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeScanner.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledCodeScanner","exports","styled","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC3C;AACA;AACA;AACA,CAAC;AAMM,MAAMC,4BAA4B,GAAAH,OAAA,CAAAG,4BAAA,GAAGF,yBAAM,CAACC,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAME,wBAAwB,GAAAJ,OAAA,CAAAI,wBAAA,GAAGH,yBAAM,CAACI,KAAoC;AACnF;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KACb,CAACA,UAAU,IACX;AACR;AACA,KAAK;AACL,CAAC","ignoreList":[]}

package/lib/cjs/components/code-scanner/scanner-toolbar/ScannerToolbar.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@chayns-components/core");
+var _ScannerToolbar = require("./ScannerToolbar.styles");
+var _support = require("../../../utils/support");
+var _animate = require("../../../utils/animate");
+var _codeScanner = _interopRequireDefault(require("../../../hooks/codeScanner"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ScannerToolbar = ({
+  videoConstraints,
+  onFileSelect,
+  isScanningFile,
+  hasScannerError = false,
+  stream,
+  minZoom: minZoomProp = 1,
+  maxZoom: maxZoomProp = 3,
+  isZoomDisabled = false,
+  isTorchDisabled = false,
+  isFileSelectDisabled = false
+}) => {
+  const [tracks, setTrack] = (0, _react.useState)();
+  const [isZoomed, setIsZoomed] = (0, _react.useState)();
+  const previousIsZoomed = (0, _codeScanner.default)(isZoomed);
+  const [isZoomSupported, setIsZoomSupported] = (0, _react.useState)(false);
+  const [isTorchActive, setIsTorchActive] = (0, _react.useState)(false);
+  const [isTorchSupported, setIsTorchSupported] = (0, _react.useState)(false);
+  const [isImageSelectActive, setIsImageSelectActive] = (0, _react.useState)(false);
+  const minZoom = (0, _react.useRef)(minZoomProp);
+  const maxZoom = (0, _react.useRef)(maxZoomProp);
+  (0, _react.useEffect)(() => {
+    if (hasScannerError) {
+      setIsTorchSupported(false);
+      setIsZoomSupported(false);
+      setIsZoomed(false);
+      setTrack(undefined);
+    } else if (stream) {
+      const videoTracks = stream.getVideoTracks();
+      let canZoom = false;
+      let canTorch = false;
+      videoTracks.forEach(track => {
+        if ((0, _support.checkTrackSupport)(track, 'zoom')) {
+          canZoom = true;
+          const capabilities = track.getCapabilities();
+          if (capabilities.zoom.min > minZoomProp) {
+            minZoom.current = capabilities.zoom.min;
+          }
+          if (capabilities.zoom.max < maxZoomProp) {
+            maxZoom.current = capabilities.zoom.max;
+          }
+        }
+        if ((0, _support.checkTrackSupport)(track, 'torch')) {
+          canTorch = true;
+        }
+      });
+      if (canZoom && !isZoomDisabled) {
+        setIsZoomSupported(true);
+        setIsZoomed(false);
+      }
+      setIsTorchSupported(canTorch && !isTorchDisabled);
+      setTrack(videoTracks);
+    }
+  }, [videoConstraints, hasScannerError, stream, minZoomProp, maxZoomProp, isZoomDisabled, isTorchDisabled]);
+  (0, _react.useEffect)(() => {
+    if (tracks !== null && tracks !== void 0 && tracks.length && isZoomSupported) {
+      if (typeof previousIsZoomed === 'undefined') {
+        tracks.forEach(track => {
+          if ((0, _support.checkTrackSupport)(track, 'zoom')) {
+            void track.applyConstraints({
+              advanced: [{
+                zoom: isZoomed ? maxZoom.current : minZoom.current
+              }]
+            });
+          }
+        });
+      } else if (previousIsZoomed !== isZoomed) {
+        (0, _animate.animateNumericValue)(previousIsZoomed ? maxZoom.current : minZoom.current, isZoomed ? maxZoom.current : minZoom.current, 500, value => {
+          tracks.forEach(track => {
+            if ((0, _support.checkTrackSupport)(track, 'zoom')) {
+              void track.applyConstraints({
+                advanced: [{
+                  zoom: value
+                }]
+              });
+            }
+          });
+        });
+      }
+    }
+  }, [isZoomSupported, isZoomed, previousIsZoomed, tracks]);
+  (0, _react.useEffect)(() => {
+    if (tracks !== null && tracks !== void 0 && tracks.length && isTorchSupported) {
+      tracks.forEach(track => {
+        if ((0, _support.checkTrackSupport)(track, 'torch')) {
+          void track.applyConstraints({
+            advanced: [{
+              torch: isTorchActive
+            }]
+          });
+        }
+      });
+    }
+  }, [isTorchActive, isTorchSupported, tracks]);
+  return /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbar, null, /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbarButton, {
+    $isAvailable: isTorchSupported,
+    $isActive: isTorchActive,
+    onClick: () => {
+      setIsTorchActive(prev => !prev);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    icons: ['far fa-lightbulb'],
+    size: 25
+  })), /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbarButton, {
+    $isAvailable: isZoomSupported,
+    $isActive: isZoomed,
+    onClick: () => {
+      setIsZoomed(prev => !prev);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    icons: ['far fa-search-plus'],
+    size: 25
+  })), /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbarButton, {
+    $isAvailable: !isFileSelectDisabled,
+    $isActive: isImageSelectActive || isScanningFile,
+    onClick: () => {
+      setIsImageSelectActive(true);
+      (0, _core.selectFiles)({
+        multiple: false,
+        type: 'image/*'
+      }).then(files => {
+        if (files && files[0]) {
+          onFileSelect(files[0]);
+        }
+      }).catch(console.error).finally(() => {
+        setIsImageSelectActive(false);
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    icons: ['far fa-folder-image'],
+    size: 25
+  })));
+};
+var _default = exports.default = ScannerToolbar;
+//# sourceMappingURL=ScannerToolbar.js.map

package/lib/cjs/components/code-scanner/scanner-toolbar/ScannerToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScannerToolbar.js","names":["_react","_interopRequireWildcard","require","_core","_ScannerToolbar","_support","_animate","_codeScanner","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ScannerToolbar","videoConstraints","onFileSelect","isScanningFile","hasScannerError","stream","minZoom","minZoomProp","maxZoom","maxZoomProp","isZoomDisabled","isTorchDisabled","isFileSelectDisabled","tracks","setTrack","useState","isZoomed","setIsZoomed","previousIsZoomed","usePrevious","isZoomSupported","setIsZoomSupported","isTorchActive","setIsTorchActive","isTorchSupported","setIsTorchSupported","isImageSelectActive","setIsImageSelectActive","useRef","useEffect","undefined","videoTracks","getVideoTracks","canZoom","canTorch","forEach","track","checkTrackSupport","capabilities","getCapabilities","zoom","min","current","max","length","applyConstraints","advanced","animateNumericValue","value","torch","createElement","StyledScannerToolbar","StyledScannerToolbarButton","$isAvailable","$isActive","onClick","prev","Icon","icons","size","selectFiles","multiple","type","then","files","catch","console","error","finally","_default","exports"],"sources":["../../../../../src/components/code-scanner/scanner-toolbar/ScannerToolbar.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react';\nimport { Icon, selectFiles } from '@chayns-components/core';\nimport { StyledScannerToolbar, StyledScannerToolbarButton } from './ScannerToolbar.styles';\nimport { checkTrackSupport } from '../../../utils/support';\nimport { animateNumericValue } from '../../../utils/animate';\nimport usePrevious from '../../../hooks/codeScanner';\n\ntype ScannerToolbarProps = {\n    /**\n     * Indicates whether the scanner currently has an active error.\n     */\n    hasScannerError?: boolean;\n    /**\n     * Disables the file select option if set to true.\n     */\n    isFileSelectDisabled?: boolean;\n    /**\n     * Disables the torch (flashlight) button if set to true.\n     */\n    isTorchDisabled?: boolean;\n    /**\n     * Indicates if a file is currently being scanned.\n     */\n    isScanningFile: boolean;\n    /**\n     * Disables the zoom slider 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 triggered when a file is selected for scanning.\n     */\n    onFileSelect: (file: File) => void;\n    /**\n     * The active media stream used by the scanner.\n     */\n    stream?: MediaStream;\n    /**\n     * Defines constraints for the video element, e.g., resolution or facing mode.\n     */\n    videoConstraints: MediaTrackConstraints;\n};\n\nconst ScannerToolbar: FC<ScannerToolbarProps> = ({\n    videoConstraints,\n    onFileSelect,\n    isScanningFile,\n    hasScannerError = false,\n    stream,\n    minZoom: minZoomProp = 1,\n    maxZoom: maxZoomProp = 3,\n    isZoomDisabled = false,\n    isTorchDisabled = false,\n    isFileSelectDisabled = false,\n}) => {\n    const [tracks, setTrack] = useState<MediaStreamTrack[]>();\n    const [isZoomed, setIsZoomed] = useState<boolean>();\n    const previousIsZoomed = usePrevious(isZoomed);\n    const [isZoomSupported, setIsZoomSupported] = useState(false);\n    const [isTorchActive, setIsTorchActive] = useState(false);\n    const [isTorchSupported, setIsTorchSupported] = useState(false);\n    const [isImageSelectActive, setIsImageSelectActive] = useState(false);\n\n    const minZoom = useRef(minZoomProp);\n    const maxZoom = useRef(maxZoomProp);\n\n    useEffect(() => {\n        if (hasScannerError) {\n            setIsTorchSupported(false);\n            setIsZoomSupported(false);\n            setIsZoomed(false);\n            setTrack(undefined);\n        } else if (stream) {\n            const videoTracks = stream.getVideoTracks();\n\n            let canZoom = false;\n            let canTorch = false;\n\n            videoTracks.forEach((track) => {\n                if (checkTrackSupport(track, 'zoom')) {\n                    canZoom = true;\n\n                    const capabilities = track.getCapabilities();\n\n                    if (capabilities.zoom.min > minZoomProp) {\n                        minZoom.current = capabilities.zoom.min;\n                    }\n                    if (capabilities.zoom.max < maxZoomProp) {\n                        maxZoom.current = capabilities.zoom.max;\n                    }\n                }\n                if (checkTrackSupport(track, 'torch')) {\n                    canTorch = true;\n                }\n            });\n\n            if (canZoom && !isZoomDisabled) {\n                setIsZoomSupported(true);\n                setIsZoomed(false);\n            }\n\n            setIsTorchSupported(canTorch && !isTorchDisabled);\n            setTrack(videoTracks);\n        }\n    }, [\n        videoConstraints,\n        hasScannerError,\n        stream,\n        minZoomProp,\n        maxZoomProp,\n        isZoomDisabled,\n        isTorchDisabled,\n    ]);\n\n    useEffect(() => {\n        if (tracks?.length && isZoomSupported) {\n            if (typeof previousIsZoomed === 'undefined') {\n                tracks.forEach((track) => {\n                    if (checkTrackSupport(track, 'zoom')) {\n                        void track.applyConstraints({\n                            advanced: [{ zoom: isZoomed ? maxZoom.current : minZoom.current }],\n                        });\n                    }\n                });\n            } else if (previousIsZoomed !== isZoomed) {\n                animateNumericValue(\n                    previousIsZoomed ? maxZoom.current : minZoom.current,\n                    isZoomed ? maxZoom.current : minZoom.current,\n                    500,\n                    (value) => {\n                        tracks.forEach((track) => {\n                            if (checkTrackSupport(track, 'zoom')) {\n                                void track.applyConstraints({\n                                    advanced: [{ zoom: value }],\n                                });\n                            }\n                        });\n                    },\n                );\n            }\n        }\n    }, [isZoomSupported, isZoomed, previousIsZoomed, tracks]);\n\n    useEffect(() => {\n        if (tracks?.length && isTorchSupported) {\n            tracks.forEach((track) => {\n                if (checkTrackSupport(track, 'torch')) {\n                    void track.applyConstraints({\n                        advanced: [{ torch: isTorchActive }],\n                    });\n                }\n            });\n        }\n    }, [isTorchActive, isTorchSupported, tracks]);\n\n    return (\n        <StyledScannerToolbar>\n            <StyledScannerToolbarButton\n                $isAvailable={isTorchSupported}\n                $isActive={isTorchActive}\n                onClick={() => {\n                    setIsTorchActive((prev) => !prev);\n                }}\n            >\n                <Icon icons={['far fa-lightbulb']} size={25} />\n            </StyledScannerToolbarButton>\n            <StyledScannerToolbarButton\n                $isAvailable={isZoomSupported}\n                $isActive={isZoomed}\n                onClick={() => {\n                    setIsZoomed((prev) => !prev);\n                }}\n            >\n                <Icon icons={['far fa-search-plus']} size={25} />\n            </StyledScannerToolbarButton>\n            <StyledScannerToolbarButton\n                $isAvailable={!isFileSelectDisabled}\n                $isActive={isImageSelectActive || isScanningFile}\n                onClick={() => {\n                    setIsImageSelectActive(true);\n                    selectFiles({\n                        multiple: false,\n                        type: 'image/*',\n                    })\n                        .then((files) => {\n                            if (files && files[0]) {\n                                onFileSelect(files[0]);\n                            }\n                        })\n                        .catch(console.error)\n                        .finally(() => {\n                            setIsImageSelectActive(false);\n                        });\n                }}\n            >\n                <Icon icons={['far fa-folder-image']} size={25} />\n            </StyledScannerToolbarButton>\n        </StyledScannerToolbar>\n    );\n};\n\nexport default ScannerToolbar;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledScannerToolbarButton = exports.StyledScannerToolbar = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const StyledScannerToolbar = exports.StyledScannerToolbar = _styledComponents.default.div`
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 85px;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+
+    color: white;
+`;
+const StyledScannerToolbarButton = exports.StyledScannerToolbarButton = _styledComponents.default.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 45px;
+    width: 45px;
+    cursor: pointer;
+    border-radius: 50%;
+
+    ${({
+  $isAvailable = false
+}) => !$isAvailable && (0, _styledComponents.css)`
+            cursor: default;
+            opacity: 0;
+            pointer-events: none;
+        `};
+
+    ${({
+  $isActive = false
+}) => $isActive && (0, _styledComponents.css)`
+            background-color: rgba(255, 255, 255, 0.2);
+        `};
+
+    text-shadow: 0 0 10px black;
+
+    i {
+        color: white;
+    }
+`;
+//# sourceMappingURL=ScannerToolbar.styles.js.map

package/lib/cjs/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScannerToolbar.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledScannerToolbar","exports","styled","div","StyledScannerToolbarButton","$isAvailable","css","$isActive"],"sources":["../../../../../src/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const StyledScannerToolbar = styled.div`\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 85px;\n    padding: 20px;\n    display: flex;\n    justify-content: space-between;\n\n    color: white;\n`;\n\ntype ScannerToolbarButtonProps = {\n    $isAvailable?: boolean;\n    $isActive?: boolean;\n};\n\nexport const StyledScannerToolbarButton = styled.div<ScannerToolbarButtonProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 45px;\n    width: 45px;\n    cursor: pointer;\n    border-radius: 50%;\n\n    ${({ $isAvailable = false }) =>\n        !$isAvailable &&\n        css`\n            cursor: default;\n            opacity: 0;\n            pointer-events: none;\n        `};\n\n    ${({ $isActive = false }) =>\n        $isActive &&\n        css`\n            background-color: rgba(255, 255, 255, 0.2);\n        `};\n\n    text-shadow: 0 0 10px black;\n\n    i {\n        color: white;\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzC,MAAMkB,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOM,MAAMC,0BAA0B,GAAAH,OAAA,CAAAG,0BAAA,GAAGF,yBAAM,CAACC,GAA8B;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEE,YAAY,GAAG;AAAM,CAAC,KACvB,CAACA,YAAY,IACb,IAAAC,qBAAG;AACX;AACA;AACA;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEC,SAAS,GAAG;AAAM,CAAC,KACpBA,SAAS,IACT,IAAAD,qBAAG;AACX;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/constants/codeScanner.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_VIDEO_CONSTRAINTS = exports.DEFAULT_TRACK_CONSTRAINTS = exports.ALL_FORMATS = void 0;
+const ALL_FORMATS = exports.ALL_FORMATS = ['code_128', 'code_39', 'code_93', 'codabar', 'ean_13', 'ean_8', 'itf', 'qr_code', 'upc_a', 'upc_e'];
+const DEFAULT_VIDEO_CONSTRAINTS = exports.DEFAULT_VIDEO_CONSTRAINTS = {
+  facingMode: {
+    ideal: 'environment'
+  }
+};
+const DEFAULT_TRACK_CONSTRAINTS = exports.DEFAULT_TRACK_CONSTRAINTS = {
+  width: 640,
+  height: 480,
+  frameRate: 25,
+  noiseSuppression: false,
+  facingMode: 'environment'
+};
+//# sourceMappingURL=codeScanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"codeScanner.js","names":["ALL_FORMATS","exports","DEFAULT_VIDEO_CONSTRAINTS","facingMode","ideal","DEFAULT_TRACK_CONSTRAINTS","width","height","frameRate","noiseSuppression"],"sources":["../../../src/constants/codeScanner.ts"],"sourcesContent":["export const ALL_FORMATS: Array<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];\n\nexport const DEFAULT_VIDEO_CONSTRAINTS: MediaTrackConstraints = {\n    facingMode: {\n        ideal: 'environment',\n    },\n};\n\nexport const DEFAULT_TRACK_CONSTRAINTS: MediaTrackConstraints = {\n    width: 640,\n    height: 480,\n    frameRate: 25,\n    noiseSuppression: false,\n    facingMode: 'environment',\n};\n"],"mappings":";;;;;;AAAO,MAAMA,WAAiC,GAAAC,OAAA,CAAAD,WAAA,GAAG,CAC7C,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,CACV;AAEM,MAAME,yBAAgD,GAAAD,OAAA,CAAAC,yBAAA,GAAG;EAC5DC,UAAU,EAAE;IACRC,KAAK,EAAE;EACX;AACJ,CAAC;AAEM,MAAMC,yBAAgD,GAAAJ,OAAA,CAAAI,yBAAA,GAAG;EAC5DC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,SAAS,EAAE,EAAE;EACbC,gBAAgB,EAAE,KAAK;EACvBN,UAAU,EAAE;AAChB,CAAC","ignoreList":[]}