@chayns-components/scanner 5.0.0-beta.1265 → 5.0.0-beta.1267

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -39,6 +39,10 @@ const CodeScanner = ({
39
39
  const [isHandlingCode, setIsHandlingCode] = (0, _react.useState)(false);
40
40
  const lastCode = (0, _react.useRef)();
41
41
  const handleStopRef = (0, _react.useRef)();
42
+ const prevValueRef = (0, _react.useRef)({
43
+ value: '',
44
+ timestamp: 0
45
+ });
42
46
  const {
43
47
  loadQrCodeDetector
44
48
  } = (0, _loadscript.useScannerPolyfill)();
@@ -57,12 +61,30 @@ const CodeScanner = ({
57
61
  }, [errorMessages, scannerError]);
58
62
  const handleScan = (0, _react.useCallback)(code => {
59
63
  if (!onScan) return;
64
+ const now = Date.now();
65
+ if (!prevValueRef.current) {
66
+ prevValueRef.current = {
67
+ value: '',
68
+ timestamp: 0
69
+ };
70
+ }
71
+ const {
72
+ value: prevValue,
73
+ timestamp: prevTimestamp
74
+ } = prevValueRef.current;
75
+ if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
76
+ return;
77
+ }
78
+ prevValueRef.current = {
79
+ value: code.value,
80
+ timestamp: now
81
+ };
60
82
  const result = onScan(code);
61
83
  if (result instanceof Promise) {
62
84
  setIsHandlingCode(true);
63
85
  void result.finally(() => setIsHandlingCode(false));
64
86
  }
65
- }, [onScan]);
87
+ }, [onScan, scanInterval]);
66
88
  const handleScanResult = (0, _react.useCallback)(result => {
67
89
  if (!result.length) return;
68
90
  const code = result[0];
@@ -1 +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","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":[]}
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","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","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 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 {!!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":[]}
@@ -31,6 +31,10 @@ const CodeScanner = ({
31
31
  const [isHandlingCode, setIsHandlingCode] = useState(false);
32
32
  const lastCode = useRef();
33
33
  const handleStopRef = useRef();
34
+ const prevValueRef = useRef({
35
+ value: '',
36
+ timestamp: 0
37
+ });
34
38
  const {
35
39
  loadQrCodeDetector
36
40
  } = useScannerPolyfill();
@@ -49,12 +53,30 @@ const CodeScanner = ({
49
53
  }, [errorMessages, scannerError]);
50
54
  const handleScan = useCallback(code => {
51
55
  if (!onScan) return;
56
+ const now = Date.now();
57
+ if (!prevValueRef.current) {
58
+ prevValueRef.current = {
59
+ value: '',
60
+ timestamp: 0
61
+ };
62
+ }
63
+ const {
64
+ value: prevValue,
65
+ timestamp: prevTimestamp
66
+ } = prevValueRef.current;
67
+ if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
68
+ return;
69
+ }
70
+ prevValueRef.current = {
71
+ value: code.value,
72
+ timestamp: now
73
+ };
52
74
  const result = onScan(code);
53
75
  if (result instanceof Promise) {
54
76
  setIsHandlingCode(true);
55
77
  void result.finally(() => setIsHandlingCode(false));
56
78
  }
57
- }, [onScan]);
79
+ }, [onScan, scanInterval]);
58
80
  const handleScanResult = useCallback(result => {
59
81
  if (!result.length) return;
60
82
  const code = result[0];
@@ -1 +1 @@
1
- {"version":3,"file":"CodeScanner.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","addVisibilityChangeListener","removeVisibilityChangeListener","Icon","SmallWaitCursor","StyledCodeScanner","StyledCodeScannerPreview","StyledCodeScannerTextWrapper","ScannerErrorType","ALL_FORMATS","DEFAULT_TRACK_CONSTRAINTS","DEFAULT_VIDEO_CONSTRAINTS","checkTrackSupport","createErrorAlertDialog","ScannerToolbar","useScannerPolyfill","CodeScanner","shouldTriggerForSameCode","onScan","allowedFormats","trackConstraints","videoConstraints","minZoom","maxZoom","isFileSelectDisabled","isTorchDisabled","isZoomDisabled","scanInterval","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","handleStopRef","loadQrCodeDetector","errorText","NO_CAMERA_ACCESS","noPermission","CAMERA_ALREADY_IN_USE","alreadyInUse","cameraNotAvailable","handleScan","code","result","Promise","finally","handleScanResult","length","includes","format","value","rawValue","current","handleVideoInitialization","navigator","mediaDevices","getUserMedia","res","video","e","error","name","DEVICE_NOT_FOUND","UNKNOWN","console","warn","getVideoTracks","forEach","elem","constraints","advanced","map","a","push","zoom","applyConstraints","srcObject","play","codeDetector","BarcodeDetector","formats","handleStopCameraAccess","pause","getTracks","track","stop","then","idPromise","isVisible","id","interval","setInterval","detect","clearInterval","enumerateDevices","createElement","Fragment","icons","size","color","ref","autoPlay","playsInline","height","width","$isVisible","onFileSelect","data","noCodeFound","open","hasScannerError"],"sources":["../../../../src/components/code-scanner/CodeScanner.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { addVisibilityChangeListener, removeVisibilityChangeListener } from 'chayns-api';\nimport { Icon, SmallWaitCursor } from '@chayns-components/core';\nimport {\n StyledCodeScanner,\n StyledCodeScannerPreview,\n StyledCodeScannerTextWrapper,\n} from './CodeScanner.styles';\nimport {\n CodeReaderOnScanCallback,\n ScannerErrorMessages,\n ScannerErrorType,\n} from '../../types/codeScanner';\nimport {\n ALL_FORMATS,\n DEFAULT_TRACK_CONSTRAINTS,\n DEFAULT_VIDEO_CONSTRAINTS,\n} from '../../constants/codeScanner';\nimport { checkTrackSupport } from '../../utils/support';\nimport { createErrorAlertDialog } from '../../utils/errorDialog';\nimport ScannerToolbar from './scanner-toolbar/ScannerToolbar';\nimport { useScannerPolyfill } from '../../hooks/loadscript';\n\ntype CodeScannerProps = {\n /**\n * Defines which barcode formats are allowed to be detected.\n */\n allowedFormats?: Array<BarcodeFormat>;\n /**\n * The interval of the scans.\n */\n scanInterval?: number;\n /**\n * Custom error messages for various scanner states or failures.\n */\n errorMessages: ScannerErrorMessages;\n /**\n * Disables the file select feature if set to true.\n */\n isFileSelectDisabled?: boolean;\n /**\n * Disables the torch (flashlight) feature if set to true.\n */\n isTorchDisabled?: boolean;\n /**\n * Disables the zoom control if set to true.\n */\n isZoomDisabled?: boolean;\n /**\n * Maximum allowed zoom level for the camera.\n */\n maxZoom?: number;\n /**\n * Minimum allowed zoom level for the camera.\n */\n minZoom?: number;\n /**\n * Callback function triggered when a code is successfully scanned.\n */\n onScan?: CodeReaderOnScanCallback;\n /**\n * If true, allows scanning the same code multiple times in a row.\n */\n shouldTriggerForSameCode?: boolean;\n /**\n * Custom media track constraints for controlling the video input.\n */\n trackConstraints?: MediaTrackConstraints;\n /**\n * Additional video constraints for the camera feed.\n */\n videoConstraints?: MediaTrackConstraints;\n};\n\nconst CodeScanner: FC<CodeScannerProps> = ({\n shouldTriggerForSameCode = false,\n onScan,\n allowedFormats = ALL_FORMATS,\n trackConstraints = DEFAULT_TRACK_CONSTRAINTS,\n videoConstraints = DEFAULT_VIDEO_CONSTRAINTS,\n minZoom = 2,\n maxZoom = 10,\n isFileSelectDisabled = false,\n isTorchDisabled = false,\n isZoomDisabled = false,\n scanInterval = 250,\n errorMessages,\n}) => {\n const [isPolyfillLoaded, setIsPolyfillLoaded] = useState(false);\n const [videoRef, setVideoRef] = useState<HTMLVideoElement | null>(null);\n const [barcodeDetector, setBarcodeDetector] = useState<BarcodeDetector>();\n const [stream, setStream] = useState<MediaStream>();\n const [scannerError, setScannerError] = useState<ScannerErrorType | undefined>(undefined);\n const [isScanningFile, setIsScanningFile] = useState(false);\n const [isHandlingCode, setIsHandlingCode] = useState(false);\n const lastCode = useRef<string>();\n const handleStopRef = useRef<() => void>();\n\n const { loadQrCodeDetector } = useScannerPolyfill();\n\n const errorText = useMemo(() => {\n if (typeof scannerError === 'undefined') {\n return undefined;\n }\n\n switch (scannerError) {\n case ScannerErrorType.NO_CAMERA_ACCESS:\n return errorMessages.noPermission;\n case ScannerErrorType.CAMERA_ALREADY_IN_USE:\n return errorMessages.alreadyInUse;\n default:\n return errorMessages.cameraNotAvailable;\n }\n }, [errorMessages, scannerError]);\n\n const handleScan = useCallback(\n (code: { format: BarcodeFormat; value: string }) => {\n if (!onScan) return;\n const result = onScan(code);\n if (result instanceof Promise) {\n setIsHandlingCode(true);\n void result.finally(() => setIsHandlingCode(false));\n }\n },\n [onScan],\n );\n\n const handleScanResult = useCallback(\n (result: Array<DetectedBarcode>) => {\n if (!result.length) return;\n\n const code = result[0];\n\n if (!code) {\n return;\n }\n\n if (allowedFormats && !allowedFormats.includes(code.format)) {\n return;\n }\n\n if (shouldTriggerForSameCode) {\n handleScan({ format: code.format, value: code.rawValue });\n return;\n }\n\n if (lastCode.current && code.rawValue === lastCode.current) {\n return;\n }\n\n lastCode.current = code.rawValue;\n handleScan({ format: code.format, value: code.rawValue });\n },\n [handleScan, shouldTriggerForSameCode, allowedFormats],\n );\n\n const handleVideoInitialization = useCallback(async () => {\n if (!navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) return;\n\n let res: MediaStream | undefined;\n\n try {\n res = await navigator.mediaDevices.getUserMedia({\n video: videoConstraints,\n });\n } catch (e) {\n const error = e as Error;\n\n if (error.name === 'NotAllowedError') {\n setScannerError(ScannerErrorType.NO_CAMERA_ACCESS);\n } else if (error.name === 'NotReadableError') {\n setScannerError(ScannerErrorType.CAMERA_ALREADY_IN_USE);\n } else if (error.name === 'NotFoundError') {\n setScannerError(ScannerErrorType.DEVICE_NOT_FOUND);\n } else {\n setScannerError(ScannerErrorType.UNKNOWN);\n console.warn(e);\n }\n }\n\n if (res) {\n res.getVideoTracks().forEach((elem) => {\n const constraints = {\n ...trackConstraints,\n advanced: trackConstraints.advanced?.map((a) => ({ ...a })) || [],\n };\n\n if (checkTrackSupport(elem, 'zoom')) {\n constraints.advanced.push({ zoom: minZoom });\n }\n\n void elem.applyConstraints(constraints);\n });\n\n setStream(res);\n\n videoRef.srcObject = res;\n\n await videoRef.play();\n }\n\n const codeDetector = new BarcodeDetector(\n allowedFormats ? { formats: allowedFormats } : undefined,\n );\n\n setBarcodeDetector(codeDetector);\n }, [isPolyfillLoaded, minZoom, trackConstraints, allowedFormats, videoConstraints, videoRef]);\n\n const handleStopCameraAccess = useCallback(() => {\n if (videoRef) {\n videoRef.pause();\n }\n\n if (barcodeDetector) {\n setBarcodeDetector(undefined);\n }\n\n if (stream) {\n stream.getTracks().forEach((track) => track.stop());\n setStream(undefined);\n }\n }, [barcodeDetector, stream, videoRef]);\n\n // Load BarCodeDetector\n useEffect(() => {\n void loadQrCodeDetector().then(() => {\n setIsPolyfillLoaded(true);\n });\n\n return () => {\n if (handleStopRef.current) handleStopRef.current();\n };\n }, [loadQrCodeDetector]);\n\n useEffect(() => {\n handleStopRef.current = handleStopCameraAccess;\n }, [handleStopCameraAccess]);\n\n useEffect(() => {\n const idPromise = addVisibilityChangeListener(({ isVisible }) => {\n if (!isVisible) {\n handleStopCameraAccess();\n } else {\n void handleVideoInitialization();\n }\n });\n\n return () => {\n void idPromise.then((id) => {\n void removeVisibilityChangeListener(id);\n });\n };\n }, [handleStopCameraAccess, handleVideoInitialization]);\n\n useEffect(() => {\n if (!barcodeDetector || !videoRef) return undefined;\n\n if (!isScanningFile && !isHandlingCode) {\n const interval = setInterval(() => {\n void barcodeDetector.detect(videoRef).then(handleScanResult);\n }, scanInterval);\n\n return () => clearInterval(interval);\n }\n\n return undefined;\n }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);\n\n useEffect(() => {\n if (\n !navigator.mediaDevices.enumerateDevices ||\n !navigator.mediaDevices.getUserMedia ||\n !videoRef ||\n !isPolyfillLoaded\n ) {\n return;\n }\n\n void handleVideoInitialization();\n }, [handleVideoInitialization, isPolyfillLoaded, videoRef]);\n\n return (\n <StyledCodeScanner>\n {(!barcodeDetector || errorText) && (\n <StyledCodeScannerTextWrapper>\n {!barcodeDetector && !errorText && <SmallWaitCursor />}\n {errorText && (\n <>\n <Icon\n icons={['fa fa-webcam-slash']}\n size={40}\n color=\"rgb(128, 128, 128)\"\n />\n {errorText}\n </>\n )}\n </StyledCodeScannerTextWrapper>\n )}\n <StyledCodeScannerPreview\n ref={setVideoRef}\n autoPlay\n playsInline\n height=\"100%\"\n width=\"100%\"\n $isVisible={!!barcodeDetector && !errorText}\n />\n {!!barcodeDetector && (\n <ScannerToolbar\n videoConstraints={videoConstraints}\n onFileSelect={(data) => {\n setIsScanningFile(true);\n\n void barcodeDetector\n .detect(data)\n .then((value) => {\n if (value.length) {\n handleScanResult(value);\n } else {\n void createErrorAlertDialog(errorMessages.noCodeFound).open();\n }\n })\n .finally(() => setIsScanningFile(false));\n }}\n isScanningFile={isScanningFile}\n hasScannerError={typeof scannerError !== 'undefined'}\n stream={stream}\n minZoom={minZoom}\n maxZoom={maxZoom}\n isZoomDisabled={isZoomDisabled}\n isTorchDisabled={isTorchDisabled}\n isFileSelectDisabled={isFileSelectDisabled}\n />\n )}\n </StyledCodeScanner>\n );\n};\n\nexport default CodeScanner;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"CodeScanner.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","addVisibilityChangeListener","removeVisibilityChangeListener","Icon","SmallWaitCursor","StyledCodeScanner","StyledCodeScannerPreview","StyledCodeScannerTextWrapper","ScannerErrorType","ALL_FORMATS","DEFAULT_TRACK_CONSTRAINTS","DEFAULT_VIDEO_CONSTRAINTS","checkTrackSupport","createErrorAlertDialog","ScannerToolbar","useScannerPolyfill","CodeScanner","shouldTriggerForSameCode","onScan","allowedFormats","trackConstraints","videoConstraints","minZoom","maxZoom","isFileSelectDisabled","isTorchDisabled","isZoomDisabled","scanInterval","errorMessages","isPolyfillLoaded","setIsPolyfillLoaded","videoRef","setVideoRef","barcodeDetector","setBarcodeDetector","stream","setStream","scannerError","setScannerError","undefined","isScanningFile","setIsScanningFile","isHandlingCode","setIsHandlingCode","lastCode","handleStopRef","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 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 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 {!!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":"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,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;AAqD3D,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,YAAY,GAAG,GAAG;EAClBC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG9B,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAAC+B,QAAQ,EAAEC,WAAW,CAAC,GAAGhC,QAAQ,CAA0B,IAAI,CAAC;EACvE,MAAM,CAACiC,eAAe,EAAEC,kBAAkB,CAAC,GAAGlC,QAAQ,CAAkB,CAAC;EACzE,MAAM,CAACmC,MAAM,EAAEC,SAAS,CAAC,GAAGpC,QAAQ,CAAc,CAAC;EACnD,MAAM,CAACqC,YAAY,EAAEC,eAAe,CAAC,GAAGtC,QAAQ,CAA+BuC,SAAS,CAAC;EACzF,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGzC,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAAC0C,cAAc,EAAEC,iBAAiB,CAAC,GAAG3C,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM4C,QAAQ,GAAG7C,MAAM,CAAS,CAAC;EACjC,MAAM8C,aAAa,GAAG9C,MAAM,CAAa,CAAC;EAC1C,MAAM+C,YAAY,GAAG/C,MAAM,CAAuC;IAC9DgD,KAAK,EAAE,EAAE;IACTC,SAAS,EAAE;EACf,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAmB,CAAC,GAAGlC,kBAAkB,CAAC,CAAC;EAEnD,MAAMmC,SAAS,GAAGpD,OAAO,CAAC,MAAM;IAC5B,IAAI,OAAOuC,YAAY,KAAK,WAAW,EAAE;MACrC,OAAOE,SAAS;IACpB;IAEA,QAAQF,YAAY;MAChB,KAAK7B,gBAAgB,CAAC2C,gBAAgB;QAClC,OAAOvB,aAAa,CAACwB,YAAY;MACrC,KAAK5C,gBAAgB,CAAC6C,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,GAAG5D,WAAW,CACzB6D,IAA8C,IAAK;IAChD,IAAI,CAACvC,MAAM,EAAE;IAEb,MAAMwC,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,GAAGnC,YAAY,GAAG,CAAC,EAAE;MACpE;IACJ;IAEAmB,YAAY,CAACc,OAAO,GAAG;MAAEb,KAAK,EAAEU,IAAI,CAACV,KAAK;MAAEC,SAAS,EAAEU;IAAI,CAAC;IAE5D,MAAMK,MAAM,GAAG7C,MAAM,CAACuC,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,CAACzB,MAAM,EAAES,YAAY,CACzB,CAAC;EAED,MAAMuC,gBAAgB,GAAGtE,WAAW,CAC/BmE,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,IAAItC,cAAc,IAAI,CAACA,cAAc,CAACiD,QAAQ,CAACX,IAAI,CAACY,MAAM,CAAC,EAAE;MACzD;IACJ;IAEA,IAAIpD,wBAAwB,EAAE;MAC1BuC,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,EAAEvC,wBAAwB,EAAEE,cAAc,CACzD,CAAC;EAED,MAAMoD,yBAAyB,GAAG3E,WAAW,CAAC,YAAY;IACtD,IAAI,CAAC4E,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,EAAEvD;MACX,CAAC,CAAC;IACN,CAAC,CAAC,OAAOwD,CAAC,EAAE;MACR,MAAMC,KAAK,GAAGD,CAAU;MAExB,IAAIC,KAAK,CAACC,IAAI,KAAK,iBAAiB,EAAE;QAClCzC,eAAe,CAAC9B,gBAAgB,CAAC2C,gBAAgB,CAAC;MACtD,CAAC,MAAM,IAAI2B,KAAK,CAACC,IAAI,KAAK,kBAAkB,EAAE;QAC1CzC,eAAe,CAAC9B,gBAAgB,CAAC6C,qBAAqB,CAAC;MAC3D,CAAC,MAAM,IAAIyB,KAAK,CAACC,IAAI,KAAK,eAAe,EAAE;QACvCzC,eAAe,CAAC9B,gBAAgB,CAACwE,gBAAgB,CAAC;MACtD,CAAC,MAAM;QACH1C,eAAe,CAAC9B,gBAAgB,CAACyE,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,GAAGnE,gBAAgB;UACnBoE,QAAQ,EAAEpE,gBAAgB,CAACoE,QAAQ,EAAEC,GAAG,CAAEC,CAAC,KAAM;YAAE,GAAGA;UAAE,CAAC,CAAC,CAAC,IAAI;QACnE,CAAC;QAED,IAAI9E,iBAAiB,CAAC0E,IAAI,EAAE,MAAM,CAAC,EAAE;UACjCC,WAAW,CAACC,QAAQ,CAACG,IAAI,CAAC;YAAEC,IAAI,EAAEtE;UAAQ,CAAC,CAAC;QAChD;QAEA,KAAKgE,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,CACpC9E,cAAc,GAAG;MAAE+E,OAAO,EAAE/E;IAAe,CAAC,GAAGoB,SACnD,CAAC;IAEDL,kBAAkB,CAAC8D,YAAY,CAAC;EACpC,CAAC,EAAE,CAACnE,gBAAgB,EAAEP,OAAO,EAAEF,gBAAgB,EAAED,cAAc,EAAEE,gBAAgB,EAAEU,QAAQ,CAAC,CAAC;EAE7F,MAAMoE,sBAAsB,GAAGvG,WAAW,CAAC,MAAM;IAC7C,IAAImC,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;EACAlC,SAAS,CAAC,MAAM;IACZ,KAAKoD,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;EAExBpD,SAAS,CAAC,MAAM;IACZgD,aAAa,CAACe,OAAO,GAAGuC,sBAAsB;EAClD,CAAC,EAAE,CAACA,sBAAsB,CAAC,CAAC;EAE5BtG,SAAS,CAAC,MAAM;IACZ,MAAM4G,SAAS,GAAGxG,2BAA2B,CAAC,CAAC;MAAEyG;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,KAAKzG,8BAA8B,CAACyG,EAAE,CAAC;MAC3C,CAAC,CAAC;IACN,CAAC;EACL,CAAC,EAAE,CAACR,sBAAsB,EAAE5B,yBAAyB,CAAC,CAAC;EAEvD1E,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoC,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,EAAEvC,YAAY,CAAC;MAEhB,OAAO,MAAMoF,aAAa,CAACH,QAAQ,CAAC;IACxC;IAEA,OAAOrE,SAAS;EACpB,CAAC,EAAE,CAACN,eAAe,EAAEiC,gBAAgB,EAAExB,cAAc,EAAEF,cAAc,EAAET,QAAQ,EAAEJ,YAAY,CAAC,CAAC;EAE/F9B,SAAS,CAAC,MAAM;IACZ,IACI,CAAC2E,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,oBACIpC,KAAA,CAAAsH,aAAA,CAAC5G,iBAAiB,QACb,CAAC,CAAC4B,eAAe,IAAIiB,SAAS,kBAC3BvD,KAAA,CAAAsH,aAAA,CAAC1G,4BAA4B,QACxB,CAAC0B,eAAe,IAAI,CAACiB,SAAS,iBAAIvD,KAAA,CAAAsH,aAAA,CAAC7G,eAAe,MAAE,CAAC,EACrD8C,SAAS,iBACNvD,KAAA,CAAAsH,aAAA,CAAAtH,KAAA,CAAAuH,QAAA,qBACIvH,KAAA,CAAAsH,aAAA,CAAC9G,IAAI;IACDgH,KAAK,EAAE,CAAC,oBAAoB,CAAE;IAC9BC,IAAI,EAAE,EAAG;IACTC,KAAK,EAAC;EAAoB,CAC7B,CAAC,EACDnE,SACH,CAEoB,CACjC,eACDvD,KAAA,CAAAsH,aAAA,CAAC3G,wBAAwB;IACrBgH,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,EACD,CAAC,CAACjB,eAAe,iBACdtC,KAAA,CAAAsH,aAAA,CAACnG,cAAc;IACXO,gBAAgB,EAAEA,gBAAiB;IACnCuG,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,KAAKlC,sBAAsB,CAACe,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;IACfb,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":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/scanner",
3
- "version": "5.0.0-beta.1265",
3
+ "version": "5.0.0-beta.1267",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -83,5 +83,5 @@
83
83
  "publishConfig": {
84
84
  "access": "public"
85
85
  },
86
- "gitHead": "c7cd1dc4e56537e21feaf18c263ff787db9def18"
86
+ "gitHead": "3a9b0af5019aa6ed1f4e058810aa5eda431c8b86"
87
87
  }