@chayns-components/scanner 5.0.0-beta.1268 → 5.0.0-beta.1269

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

@@ -41,6 +41,7 @@ const CodeScanner = ({
   const [isHandlingCode, setIsHandlingCode] = (0, _react.useState)(false);
   const lastCode = (0, _react.useRef)();
   const handleStopRef = (0, _react.useRef)();
+  const isHandlingCodeRef = (0, _react.useRef)(false);
   const prevValueRef = (0, _react.useRef)({
     value: '',
     timestamp: 0
@@ -63,6 +64,7 @@ const CodeScanner = ({
   }, [errorMessages, scannerError]);
   const handleScan = (0, _react.useCallback)(code => {
     if (!onScan) return;
+    isHandlingCodeRef.current = true;
     const now = Date.now();
     if (!prevValueRef.current) {
       prevValueRef.current = {
@@ -75,6 +77,7 @@ const CodeScanner = ({
       timestamp: prevTimestamp
     } = prevValueRef.current;
     if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
+      isHandlingCodeRef.current = false;
       return;
     }
     prevValueRef.current = {
@@ -84,7 +87,12 @@ const CodeScanner = ({
     const result = onScan(code);
     if (result instanceof Promise) {
       setIsHandlingCode(true);
-      void result.finally(() => setIsHandlingCode(false));
+      void result.finally(() => {
+        setIsHandlingCode(false);
+        isHandlingCodeRef.current = false;
+      });
+    } else {
+      isHandlingCodeRef.current = false;
     }
   }, [onScan, scanInterval]);
   const handleScanResult = (0, _react.useCallback)(result => {
@@ -199,14 +207,19 @@ const CodeScanner = ({
     };
   }, [handleStopCameraAccess, handleVideoInitialization]);
   (0, _react.useEffect)(() => {
-    if (!barcodeDetector || !videoRef) return undefined;
+    let lastTimeout;
+    if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);
     if (!isScanningFile && !isHandlingCode) {
-      const interval = setInterval(() => {
-        void barcodeDetector.detect(videoRef).then(handleScanResult);
-      }, scanInterval);
-      return () => clearInterval(interval);
+      const scan = async () => {
+        if (!isHandlingCodeRef.current) {
+          const result = await barcodeDetector.detect(videoRef);
+          handleScanResult(result);
+        }
+        lastTimeout = setTimeout(scan, 250);
+      };
+      void scan();
     }
-    return undefined;
+    return () => clearTimeout(lastTimeout);
   }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);
   (0, _react.useEffect)(() => {
     if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {

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

@@ -1 +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","shouldShowIconOverlay","scanInterval","placeholder","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","useState","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","useRef","handleStopRef","prevValueRef","value","timestamp","loadQrCodeDetector","useScannerPolyfill","errorText","useMemo","ScannerErrorType","NO_CAMERA_ACCESS","noPermission","CAMERA_ALREADY_IN_USE","alreadyInUse","cameraNotAvailable","handleScan","useCallback","code","now","Date","current","prevValue","prevTimestamp","result","Promise","finally","handleScanResult","length","includes","format","rawValue","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","StyledCodeScannerIconOverlay","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    StyledCodeScannerIconOverlay,\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     * A placeholder that should be displayed inside the preview.\n     */\n    placeholder?: string;\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     * Whether a calling code icon should be displayed as an overlay.\n     */\n    shouldShowIconOverlay?: boolean;\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    shouldShowIconOverlay = false,\n    scanInterval = 250,\n    placeholder,\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    const prevValueRef = useRef<{ value: string; timestamp: number }>({\n        value: '',\n        timestamp: 0,\n    });\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\n            const now = Date.now();\n\n            if (!prevValueRef.current) {\n                prevValueRef.current = { value: '', timestamp: 0 };\n            }\n\n            const { value: prevValue, timestamp: prevTimestamp } = prevValueRef.current;\n\n            if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {\n                return;\n            }\n\n            prevValueRef.current = { value: code.value, timestamp: now };\n\n            const result = onScan(code);\n            if (result instanceof Promise) {\n                setIsHandlingCode(true);\n                void result.finally(() => setIsHandlingCode(false));\n            }\n        },\n        [onScan, scanInterval],\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            {shouldShowIconOverlay && (\n                <StyledCodeScannerIconOverlay>\n                    <Icon icons={['ts-calling-code']} color=\"#ffffff\" size={125} />\n                </StyledCodeScannerIconOverlay>\n            )}\n            {!!barcodeDetector && (\n                <ScannerToolbar\n                    placeholder={placeholder}\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":[]}
+{"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","shouldShowIconOverlay","scanInterval","placeholder","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","useState","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","useRef","handleStopRef","isHandlingCodeRef","prevValueRef","value","timestamp","loadQrCodeDetector","useScannerPolyfill","errorText","useMemo","ScannerErrorType","NO_CAMERA_ACCESS","noPermission","CAMERA_ALREADY_IN_USE","alreadyInUse","cameraNotAvailable","handleScan","useCallback","code","current","now","Date","prevValue","prevTimestamp","result","Promise","finally","handleScanResult","length","includes","format","rawValue","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","lastTimeout","clearTimeout","scan","detect","setTimeout","enumerateDevices","createElement","StyledCodeScanner","StyledCodeScannerTextWrapper","SmallWaitCursor","Fragment","Icon","icons","size","color","StyledCodeScannerPreview","ref","autoPlay","playsInline","height","width","$isVisible","StyledCodeScannerIconOverlay","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    StyledCodeScannerIconOverlay,\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     * A placeholder that should be displayed inside the preview.\n     */\n    placeholder?: string;\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     * Whether a calling code icon should be displayed as an overlay.\n     */\n    shouldShowIconOverlay?: boolean;\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    shouldShowIconOverlay = false,\n    scanInterval = 250,\n    placeholder,\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    const isHandlingCodeRef = useRef(false);\n    const prevValueRef = useRef<{ value: string; timestamp: number }>({\n        value: '',\n        timestamp: 0,\n    });\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            isHandlingCodeRef.current = true;\n\n            const now = Date.now();\n\n            if (!prevValueRef.current) {\n                prevValueRef.current = { value: '', timestamp: 0 };\n            }\n\n            const { value: prevValue, timestamp: prevTimestamp } = prevValueRef.current;\n\n            if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {\n                isHandlingCodeRef.current = false;\n                return;\n            }\n\n            prevValueRef.current = { value: code.value, timestamp: now };\n\n            const result = onScan(code);\n            if (result instanceof Promise) {\n                setIsHandlingCode(true);\n                void result.finally(() => {\n                    setIsHandlingCode(false);\n                    isHandlingCodeRef.current = false;\n                });\n            } else {\n                isHandlingCodeRef.current = false;\n            }\n        },\n        [onScan, scanInterval],\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        let lastTimeout: NodeJS.Timeout | undefined;\n        if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);\n\n        if (!isScanningFile && !isHandlingCode) {\n            const scan = async () => {\n                if (!isHandlingCodeRef.current) {\n                    const result = await barcodeDetector.detect(videoRef);\n                    handleScanResult(result);\n                }\n\n                lastTimeout = setTimeout(scan, 250);\n            };\n\n            void scan();\n        }\n\n        return () => clearTimeout(lastTimeout);\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            {shouldShowIconOverlay && (\n                <StyledCodeScannerIconOverlay>\n                    <Icon icons={['ts-calling-code']} color=\"#ffffff\" size={125} />\n                </StyledCodeScannerIconOverlay>\n            )}\n            {!!barcodeDetector && (\n                <ScannerToolbar\n                    placeholder={placeholder}\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.js

@@ -33,6 +33,7 @@ const CodeScanner = ({
   const [isHandlingCode, setIsHandlingCode] = useState(false);
   const lastCode = useRef();
   const handleStopRef = useRef();
+  const isHandlingCodeRef = useRef(false);
   const prevValueRef = useRef({
     value: '',
     timestamp: 0
@@ -55,6 +56,7 @@ const CodeScanner = ({
   }, [errorMessages, scannerError]);
   const handleScan = useCallback(code => {
     if (!onScan) return;
+    isHandlingCodeRef.current = true;
     const now = Date.now();
     if (!prevValueRef.current) {
       prevValueRef.current = {
@@ -67,6 +69,7 @@ const CodeScanner = ({
       timestamp: prevTimestamp
     } = prevValueRef.current;
     if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
+      isHandlingCodeRef.current = false;
       return;
     }
     prevValueRef.current = {
@@ -76,7 +79,12 @@ const CodeScanner = ({
     const result = onScan(code);
     if (result instanceof Promise) {
       setIsHandlingCode(true);
-      void result.finally(() => setIsHandlingCode(false));
+      void result.finally(() => {
+        setIsHandlingCode(false);
+        isHandlingCodeRef.current = false;
+      });
+    } else {
+      isHandlingCodeRef.current = false;
     }
   }, [onScan, scanInterval]);
   const handleScanResult = useCallback(result => {
@@ -190,14 +198,19 @@ const CodeScanner = ({
     };
   }, [handleStopCameraAccess, handleVideoInitialization]);
   useEffect(() => {
-    if (!barcodeDetector || !videoRef) return undefined;
+    let lastTimeout;
+    if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);
     if (!isScanningFile && !isHandlingCode) {
-      const interval = setInterval(() => {
-        void barcodeDetector.detect(videoRef).then(handleScanResult);
-      }, scanInterval);
-      return () => clearInterval(interval);
+      const scan = async () => {
+        if (!isHandlingCodeRef.current) {
+          const result = await barcodeDetector.detect(videoRef);
+          handleScanResult(result);
+        }
+        lastTimeout = setTimeout(scan, 250);
+      };
+      void scan();
     }
-    return undefined;
+    return () => clearTimeout(lastTimeout);
   }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);
   useEffect(() => {
     if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {

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

@@ -1 +1 @@
-{"version":3,"file":"CodeScanner.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","addVisibilityChangeListener","removeVisibilityChangeListener","Icon","SmallWaitCursor","StyledCodeScanner","StyledCodeScannerIconOverlay","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","shouldShowIconOverlay","scanInterval","placeholder","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","handleStopRef","prevValueRef","value","timestamp","loadQrCodeDetector","errorText","NO_CAMERA_ACCESS","noPermission","CAMERA_ALREADY_IN_USE","alreadyInUse","cameraNotAvailable","handleScan","code","now","Date","current","prevValue","prevTimestamp","result","Promise","finally","handleScanResult","length","includes","format","rawValue","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    StyledCodeScannerIconOverlay,\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     * A placeholder that should be displayed inside the preview.\n     */\n    placeholder?: string;\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     * Whether a calling code icon should be displayed as an overlay.\n     */\n    shouldShowIconOverlay?: boolean;\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    shouldShowIconOverlay = false,\n    scanInterval = 250,\n    placeholder,\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    const prevValueRef = useRef<{ value: string; timestamp: number }>({\n        value: '',\n        timestamp: 0,\n    });\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\n            const now = Date.now();\n\n            if (!prevValueRef.current) {\n                prevValueRef.current = { value: '', timestamp: 0 };\n            }\n\n            const { value: prevValue, timestamp: prevTimestamp } = prevValueRef.current;\n\n            if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {\n                return;\n            }\n\n            prevValueRef.current = { value: code.value, timestamp: now };\n\n            const result = onScan(code);\n            if (result instanceof Promise) {\n                setIsHandlingCode(true);\n                void result.finally(() => setIsHandlingCode(false));\n            }\n        },\n        [onScan, scanInterval],\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            {shouldShowIconOverlay && (\n                <StyledCodeScannerIconOverlay>\n                    <Icon icons={['ts-calling-code']} color=\"#ffffff\" size={125} />\n                </StyledCodeScannerIconOverlay>\n            )}\n            {!!barcodeDetector && (\n                <ScannerToolbar\n                    placeholder={placeholder}\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":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACpF,SAASC,2BAA2B,EAAEC,8BAA8B,QAAQ,YAAY;AACxF,SAASC,IAAI,EAAEC,eAAe,QAAQ,yBAAyB;AAC/D,SACIC,iBAAiB,EACjBC,4BAA4B,EAC5BC,wBAAwB,EACxBC,4BAA4B,QACzB,sBAAsB;AAC7B,SAGIC,gBAAgB,QACb,yBAAyB;AAChC,SACIC,WAAW,EACXC,yBAAyB,EACzBC,yBAAyB,QACtB,6BAA6B;AACpC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,sBAAsB,QAAQ,yBAAyB;AAChE,OAAOC,cAAc,MAAM,kCAAkC;AAC7D,SAASC,kBAAkB,QAAQ,wBAAwB;AA6D3D,MAAMC,WAAiC,GAAGA,CAAC;EACvCC,wBAAwB,GAAG,KAAK;EAChCC,MAAM;EACNC,cAAc,GAAGV,WAAW;EAC5BW,gBAAgB,GAAGV,yBAAyB;EAC5CW,gBAAgB,GAAGV,yBAAyB;EAC5CW,OAAO,GAAG,CAAC;EACXC,OAAO,GAAG,EAAE;EACZC,oBAAoB,GAAG,KAAK;EAC5BC,eAAe,GAAG,KAAK;EACvBC,cAAc,GAAG,KAAK;EACtBC,qBAAqB,GAAG,KAAK;EAC7BC,YAAY,GAAG,GAAG;EAClBC,WAAW;EACXC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGjC,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAACkC,QAAQ,EAAEC,WAAW,CAAC,GAAGnC,QAAQ,CAA0B,IAAI,CAAC;EACvE,MAAM,CAACoC,eAAe,EAAEC,kBAAkB,CAAC,GAAGrC,QAAQ,CAAkB,CAAC;EACzE,MAAM,CAACsC,MAAM,EAAEC,SAAS,CAAC,GAAGvC,QAAQ,CAAc,CAAC;EACnD,MAAM,CAACwC,YAAY,EAAEC,eAAe,CAAC,GAAGzC,QAAQ,CAA+B0C,SAAS,CAAC;EACzF,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG5C,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAAC6C,cAAc,EAAEC,iBAAiB,CAAC,GAAG9C,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM+C,QAAQ,GAAGhD,MAAM,CAAS,CAAC;EACjC,MAAMiD,aAAa,GAAGjD,MAAM,CAAa,CAAC;EAC1C,MAAMkD,YAAY,GAAGlD,MAAM,CAAuC;IAC9DmD,KAAK,EAAE,EAAE;IACTC,SAAS,EAAE;EACf,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAmB,CAAC,GAAGpC,kBAAkB,CAAC,CAAC;EAEnD,MAAMqC,SAAS,GAAGvD,OAAO,CAAC,MAAM;IAC5B,IAAI,OAAO0C,YAAY,KAAK,WAAW,EAAE;MACrC,OAAOE,SAAS;IACpB;IAEA,QAAQF,YAAY;MAChB,KAAK/B,gBAAgB,CAAC6C,gBAAgB;QAClC,OAAOvB,aAAa,CAACwB,YAAY;MACrC,KAAK9C,gBAAgB,CAAC+C,qBAAqB;QACvC,OAAOzB,aAAa,CAAC0B,YAAY;MACrC;QACI,OAAO1B,aAAa,CAAC2B,kBAAkB;IAC/C;EACJ,CAAC,EAAE,CAAC3B,aAAa,EAAES,YAAY,CAAC,CAAC;EAEjC,MAAMmB,UAAU,GAAG/D,WAAW,CACzBgE,IAA8C,IAAK;IAChD,IAAI,CAACzC,MAAM,EAAE;IAEb,MAAM0C,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,CAAC;IAEtB,IAAI,CAACZ,YAAY,CAACc,OAAO,EAAE;MACvBd,YAAY,CAACc,OAAO,GAAG;QAAEb,KAAK,EAAE,EAAE;QAAEC,SAAS,EAAE;MAAE,CAAC;IACtD;IAEA,MAAM;MAAED,KAAK,EAAEc,SAAS;MAAEb,SAAS,EAAEc;IAAc,CAAC,GAAGhB,YAAY,CAACc,OAAO;IAE3E,IAAIH,IAAI,CAACV,KAAK,KAAKc,SAAS,IAAIH,GAAG,GAAGI,aAAa,GAAGpC,YAAY,GAAG,CAAC,EAAE;MACpE;IACJ;IAEAoB,YAAY,CAACc,OAAO,GAAG;MAAEb,KAAK,EAAEU,IAAI,CAACV,KAAK;MAAEC,SAAS,EAAEU;IAAI,CAAC;IAE5D,MAAMK,MAAM,GAAG/C,MAAM,CAACyC,IAAI,CAAC;IAC3B,IAAIM,MAAM,YAAYC,OAAO,EAAE;MAC3BrB,iBAAiB,CAAC,IAAI,CAAC;MACvB,KAAKoB,MAAM,CAACE,OAAO,CAAC,MAAMtB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvD;EACJ,CAAC,EACD,CAAC3B,MAAM,EAAEU,YAAY,CACzB,CAAC;EAED,MAAMwC,gBAAgB,GAAGzE,WAAW,CAC/BsE,MAA8B,IAAK;IAChC,IAAI,CAACA,MAAM,CAACI,MAAM,EAAE;IAEpB,MAAMV,IAAI,GAAGM,MAAM,CAAC,CAAC,CAAC;IAEtB,IAAI,CAACN,IAAI,EAAE;MACP;IACJ;IAEA,IAAIxC,cAAc,IAAI,CAACA,cAAc,CAACmD,QAAQ,CAACX,IAAI,CAACY,MAAM,CAAC,EAAE;MACzD;IACJ;IAEA,IAAItD,wBAAwB,EAAE;MAC1ByC,UAAU,CAAC;QAAEa,MAAM,EAAEZ,IAAI,CAACY,MAAM;QAAEtB,KAAK,EAAEU,IAAI,CAACa;MAAS,CAAC,CAAC;MACzD;IACJ;IAEA,IAAI1B,QAAQ,CAACgB,OAAO,IAAIH,IAAI,CAACa,QAAQ,KAAK1B,QAAQ,CAACgB,OAAO,EAAE;MACxD;IACJ;IAEAhB,QAAQ,CAACgB,OAAO,GAAGH,IAAI,CAACa,QAAQ;IAChCd,UAAU,CAAC;MAAEa,MAAM,EAAEZ,IAAI,CAACY,MAAM;MAAEtB,KAAK,EAAEU,IAAI,CAACa;IAAS,CAAC,CAAC;EAC7D,CAAC,EACD,CAACd,UAAU,EAAEzC,wBAAwB,EAAEE,cAAc,CACzD,CAAC;EAED,MAAMsD,yBAAyB,GAAG9E,WAAW,CAAC,YAAY;IACtD,IAAI,CAAC+E,SAAS,CAACC,YAAY,CAACC,YAAY,IAAI,CAAC3C,QAAQ,IAAI,CAACF,gBAAgB,EAAE;IAE5E,IAAI8C,GAA4B;IAEhC,IAAI;MACAA,GAAG,GAAG,MAAMH,SAAS,CAACC,YAAY,CAACC,YAAY,CAAC;QAC5CE,KAAK,EAAEzD;MACX,CAAC,CAAC;IACN,CAAC,CAAC,OAAO0D,CAAC,EAAE;MACR,MAAMC,KAAK,GAAGD,CAAU;MAExB,IAAIC,KAAK,CAACC,IAAI,KAAK,iBAAiB,EAAE;QAClCzC,eAAe,CAAChC,gBAAgB,CAAC6C,gBAAgB,CAAC;MACtD,CAAC,MAAM,IAAI2B,KAAK,CAACC,IAAI,KAAK,kBAAkB,EAAE;QAC1CzC,eAAe,CAAChC,gBAAgB,CAAC+C,qBAAqB,CAAC;MAC3D,CAAC,MAAM,IAAIyB,KAAK,CAACC,IAAI,KAAK,eAAe,EAAE;QACvCzC,eAAe,CAAChC,gBAAgB,CAAC0E,gBAAgB,CAAC;MACtD,CAAC,MAAM;QACH1C,eAAe,CAAChC,gBAAgB,CAAC2E,OAAO,CAAC;QACzCC,OAAO,CAACC,IAAI,CAACN,CAAC,CAAC;MACnB;IACJ;IAEA,IAAIF,GAAG,EAAE;MACLA,GAAG,CAACS,cAAc,CAAC,CAAC,CAACC,OAAO,CAAEC,IAAI,IAAK;QACnC,MAAMC,WAAW,GAAG;UAChB,GAAGrE,gBAAgB;UACnBsE,QAAQ,EAAEtE,gBAAgB,CAACsE,QAAQ,EAAEC,GAAG,CAAEC,CAAC,KAAM;YAAE,GAAGA;UAAE,CAAC,CAAC,CAAC,IAAI;QACnE,CAAC;QAED,IAAIhF,iBAAiB,CAAC4E,IAAI,EAAE,MAAM,CAAC,EAAE;UACjCC,WAAW,CAACC,QAAQ,CAACG,IAAI,CAAC;YAAEC,IAAI,EAAExE;UAAQ,CAAC,CAAC;QAChD;QAEA,KAAKkE,IAAI,CAACO,gBAAgB,CAACN,WAAW,CAAC;MAC3C,CAAC,CAAC;MAEFnD,SAAS,CAACuC,GAAG,CAAC;MAEd5C,QAAQ,CAAC+D,SAAS,GAAGnB,GAAG;MAExB,MAAM5C,QAAQ,CAACgE,IAAI,CAAC,CAAC;IACzB;IAEA,MAAMC,YAAY,GAAG,IAAIC,eAAe,CACpChF,cAAc,GAAG;MAAEiF,OAAO,EAAEjF;IAAe,CAAC,GAAGsB,SACnD,CAAC;IAEDL,kBAAkB,CAAC8D,YAAY,CAAC;EACpC,CAAC,EAAE,CAACnE,gBAAgB,EAAET,OAAO,EAAEF,gBAAgB,EAAED,cAAc,EAAEE,gBAAgB,EAAEY,QAAQ,CAAC,CAAC;EAE7F,MAAMoE,sBAAsB,GAAG1G,WAAW,CAAC,MAAM;IAC7C,IAAIsC,QAAQ,EAAE;MACVA,QAAQ,CAACqE,KAAK,CAAC,CAAC;IACpB;IAEA,IAAInE,eAAe,EAAE;MACjBC,kBAAkB,CAACK,SAAS,CAAC;IACjC;IAEA,IAAIJ,MAAM,EAAE;MACRA,MAAM,CAACkE,SAAS,CAAC,CAAC,CAAChB,OAAO,CAAEiB,KAAK,IAAKA,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC;MACnDnE,SAAS,CAACG,SAAS,CAAC;IACxB;EACJ,CAAC,EAAE,CAACN,eAAe,EAAEE,MAAM,EAAEJ,QAAQ,CAAC,CAAC;;EAEvC;EACArC,SAAS,CAAC,MAAM;IACZ,KAAKuD,kBAAkB,CAAC,CAAC,CAACuD,IAAI,CAAC,MAAM;MACjC1E,mBAAmB,CAAC,IAAI,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,MAAM;MACT,IAAIe,aAAa,CAACe,OAAO,EAAEf,aAAa,CAACe,OAAO,CAAC,CAAC;IACtD,CAAC;EACL,CAAC,EAAE,CAACX,kBAAkB,CAAC,CAAC;EAExBvD,SAAS,CAAC,MAAM;IACZmD,aAAa,CAACe,OAAO,GAAGuC,sBAAsB;EAClD,CAAC,EAAE,CAACA,sBAAsB,CAAC,CAAC;EAE5BzG,SAAS,CAAC,MAAM;IACZ,MAAM+G,SAAS,GAAG3G,2BAA2B,CAAC,CAAC;MAAE4G;IAAU,CAAC,KAAK;MAC7D,IAAI,CAACA,SAAS,EAAE;QACZP,sBAAsB,CAAC,CAAC;MAC5B,CAAC,MAAM;QACH,KAAK5B,yBAAyB,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACT,KAAKkC,SAAS,CAACD,IAAI,CAAEG,EAAE,IAAK;QACxB,KAAK5G,8BAA8B,CAAC4G,EAAE,CAAC;MAC3C,CAAC,CAAC;IACN,CAAC;EACL,CAAC,EAAE,CAACR,sBAAsB,EAAE5B,yBAAyB,CAAC,CAAC;EAEvD7E,SAAS,CAAC,MAAM;IACZ,IAAI,CAACuC,eAAe,IAAI,CAACF,QAAQ,EAAE,OAAOQ,SAAS;IAEnD,IAAI,CAACC,cAAc,IAAI,CAACE,cAAc,EAAE;MACpC,MAAMkE,QAAQ,GAAGC,WAAW,CAAC,MAAM;QAC/B,KAAK5E,eAAe,CAAC6E,MAAM,CAAC/E,QAAQ,CAAC,CAACyE,IAAI,CAACtC,gBAAgB,CAAC;MAChE,CAAC,EAAExC,YAAY,CAAC;MAEhB,OAAO,MAAMqF,aAAa,CAACH,QAAQ,CAAC;IACxC;IAEA,OAAOrE,SAAS;EACpB,CAAC,EAAE,CAACN,eAAe,EAAEiC,gBAAgB,EAAExB,cAAc,EAAEF,cAAc,EAAET,QAAQ,EAAEL,YAAY,CAAC,CAAC;EAE/FhC,SAAS,CAAC,MAAM;IACZ,IACI,CAAC8E,SAAS,CAACC,YAAY,CAACuC,gBAAgB,IACxC,CAACxC,SAAS,CAACC,YAAY,CAACC,YAAY,IACpC,CAAC3C,QAAQ,IACT,CAACF,gBAAgB,EACnB;MACE;IACJ;IAEA,KAAK0C,yBAAyB,CAAC,CAAC;EACpC,CAAC,EAAE,CAACA,yBAAyB,EAAE1C,gBAAgB,EAAEE,QAAQ,CAAC,CAAC;EAE3D,oBACIvC,KAAA,CAAAyH,aAAA,CAAC/G,iBAAiB,QACb,CAAC,CAAC+B,eAAe,IAAIiB,SAAS,kBAC3B1D,KAAA,CAAAyH,aAAA,CAAC5G,4BAA4B,QACxB,CAAC4B,eAAe,IAAI,CAACiB,SAAS,iBAAI1D,KAAA,CAAAyH,aAAA,CAAChH,eAAe,MAAE,CAAC,EACrDiD,SAAS,iBACN1D,KAAA,CAAAyH,aAAA,CAAAzH,KAAA,CAAA0H,QAAA,qBACI1H,KAAA,CAAAyH,aAAA,CAACjH,IAAI;IACDmH,KAAK,EAAE,CAAC,oBAAoB,CAAE;IAC9BC,IAAI,EAAE,EAAG;IACTC,KAAK,EAAC;EAAoB,CAC7B,CAAC,EACDnE,SACH,CAEoB,CACjC,eACD1D,KAAA,CAAAyH,aAAA,CAAC7G,wBAAwB;IACrBkH,GAAG,EAAEtF,WAAY;IACjBuF,QAAQ;IACRC,WAAW;IACXC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAC,MAAM;IACZC,UAAU,EAAE,CAAC,CAAC1F,eAAe,IAAI,CAACiB;EAAU,CAC/C,CAAC,EACDzB,qBAAqB,iBAClBjC,KAAA,CAAAyH,aAAA,CAAC9G,4BAA4B,qBACzBX,KAAA,CAAAyH,aAAA,CAACjH,IAAI;IAACmH,KAAK,EAAE,CAAC,iBAAiB,CAAE;IAACE,KAAK,EAAC,SAAS;IAACD,IAAI,EAAE;EAAI,CAAE,CACpC,CACjC,EACA,CAAC,CAACnF,eAAe,iBACdzC,KAAA,CAAAyH,aAAA,CAACrG,cAAc;IACXe,WAAW,EAAEA,WAAY;IACzBR,gBAAgB,EAAEA,gBAAiB;IACnCyG,YAAY,EAAGC,IAAI,IAAK;MACpBpF,iBAAiB,CAAC,IAAI,CAAC;MAEvB,KAAKR,eAAe,CACf6E,MAAM,CAACe,IAAI,CAAC,CACZrB,IAAI,CAAEzD,KAAK,IAAK;QACb,IAAIA,KAAK,CAACoB,MAAM,EAAE;UACdD,gBAAgB,CAACnB,KAAK,CAAC;QAC3B,CAAC,MAAM;UACH,KAAKpC,sBAAsB,CAACiB,aAAa,CAACkG,WAAW,CAAC,CAACC,IAAI,CAAC,CAAC;QACjE;MACJ,CAAC,CAAC,CACD9D,OAAO,CAAC,MAAMxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAChD,CAAE;IACFD,cAAc,EAAEA,cAAe;IAC/BwF,eAAe,EAAE,OAAO3F,YAAY,KAAK,WAAY;IACrDF,MAAM,EAAEA,MAAO;IACff,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBG,cAAc,EAAEA,cAAe;IAC/BD,eAAe,EAAEA,eAAgB;IACjCD,oBAAoB,EAAEA;EAAqB,CAC9C,CAEU,CAAC;AAE5B,CAAC;AAED,eAAeR,WAAW","ignoreList":[]}
+{"version":3,"file":"CodeScanner.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","addVisibilityChangeListener","removeVisibilityChangeListener","Icon","SmallWaitCursor","StyledCodeScanner","StyledCodeScannerIconOverlay","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","shouldShowIconOverlay","scanInterval","placeholder","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","handleStopRef","isHandlingCodeRef","prevValueRef","value","timestamp","loadQrCodeDetector","errorText","NO_CAMERA_ACCESS","noPermission","CAMERA_ALREADY_IN_USE","alreadyInUse","cameraNotAvailable","handleScan","code","current","now","Date","prevValue","prevTimestamp","result","Promise","finally","handleScanResult","length","includes","format","rawValue","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","lastTimeout","clearTimeout","scan","detect","setTimeout","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    StyledCodeScannerIconOverlay,\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     * A placeholder that should be displayed inside the preview.\n     */\n    placeholder?: string;\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     * Whether a calling code icon should be displayed as an overlay.\n     */\n    shouldShowIconOverlay?: boolean;\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    shouldShowIconOverlay = false,\n    scanInterval = 250,\n    placeholder,\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    const isHandlingCodeRef = useRef(false);\n    const prevValueRef = useRef<{ value: string; timestamp: number }>({\n        value: '',\n        timestamp: 0,\n    });\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            isHandlingCodeRef.current = true;\n\n            const now = Date.now();\n\n            if (!prevValueRef.current) {\n                prevValueRef.current = { value: '', timestamp: 0 };\n            }\n\n            const { value: prevValue, timestamp: prevTimestamp } = prevValueRef.current;\n\n            if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {\n                isHandlingCodeRef.current = false;\n                return;\n            }\n\n            prevValueRef.current = { value: code.value, timestamp: now };\n\n            const result = onScan(code);\n            if (result instanceof Promise) {\n                setIsHandlingCode(true);\n                void result.finally(() => {\n                    setIsHandlingCode(false);\n                    isHandlingCodeRef.current = false;\n                });\n            } else {\n                isHandlingCodeRef.current = false;\n            }\n        },\n        [onScan, scanInterval],\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        let lastTimeout: NodeJS.Timeout | undefined;\n        if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);\n\n        if (!isScanningFile && !isHandlingCode) {\n            const scan = async () => {\n                if (!isHandlingCodeRef.current) {\n                    const result = await barcodeDetector.detect(videoRef);\n                    handleScanResult(result);\n                }\n\n                lastTimeout = setTimeout(scan, 250);\n            };\n\n            void scan();\n        }\n\n        return () => clearTimeout(lastTimeout);\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            {shouldShowIconOverlay && (\n                <StyledCodeScannerIconOverlay>\n                    <Icon icons={['ts-calling-code']} color=\"#ffffff\" size={125} />\n                </StyledCodeScannerIconOverlay>\n            )}\n            {!!barcodeDetector && (\n                <ScannerToolbar\n                    placeholder={placeholder}\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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/scanner",
-    "version": "5.0.0-beta.1268",
+    "version": "5.0.0-beta.1269",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -83,5 +83,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "700e46e7b55797f2bad302a913d926ab3ff26af9"
+    "gitHead": "499535e145a1d50ea981e9ce746dfb040c678d0b"
 }