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

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.
Files changed (5) hide show
  1. package/lib/cjs/components/code-scanner/CodeScanner.js +20 -7
  2. package/lib/cjs/components/code-scanner/CodeScanner.js.map +1 -1
  3. package/lib/esm/components/code-scanner/CodeScanner.js +20 -7
  4. package/lib/esm/components/code-scanner/CodeScanner.js.map +1 -1
  5. package/package.json +6 -6
package/lib/cjs/components/code-scanner/CodeScanner.js CHANGED
@@ -41,6 +41,7 @@ const CodeScanner = ({
41
41
  const [isHandlingCode, setIsHandlingCode] = (0, _react.useState)(false);
42
42
  const lastCode = (0, _react.useRef)();
43
43
  const handleStopRef = (0, _react.useRef)();
44
+ const isHandlingCodeRef = (0, _react.useRef)(false);
44
45
  const prevValueRef = (0, _react.useRef)({
45
46
  value: '',
46
47
  timestamp: 0
@@ -63,6 +64,7 @@ const CodeScanner = ({
63
64
  }, [errorMessages, scannerError]);
64
65
  const handleScan = (0, _react.useCallback)(code => {
65
66
  if (!onScan) return;
67
+ isHandlingCodeRef.current = true;
66
68
  const now = Date.now();
67
69
  if (!prevValueRef.current) {
68
70
  prevValueRef.current = {
@@ -75,6 +77,7 @@ const CodeScanner = ({
75
77
  timestamp: prevTimestamp
76
78
  } = prevValueRef.current;
77
79
  if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
80
+ isHandlingCodeRef.current = false;
78
81
  return;
79
82
  }
80
83
  prevValueRef.current = {
@@ -84,7 +87,12 @@ const CodeScanner = ({
84
87
  const result = onScan(code);
85
88
  if (result instanceof Promise) {
86
89
  setIsHandlingCode(true);
87
- void result.finally(() => setIsHandlingCode(false));
90
+ void result.finally(() => {
91
+ setIsHandlingCode(false);
92
+ isHandlingCodeRef.current = false;
93
+ });
94
+ } else {
95
+ isHandlingCodeRef.current = false;
88
96
  }
89
97
  }, [onScan, scanInterval]);
90
98
  const handleScanResult = (0, _react.useCallback)(result => {
@@ -199,14 +207,19 @@ const CodeScanner = ({
199
207
  };
200
208
  }, [handleStopCameraAccess, handleVideoInitialization]);
201
209
  (0, _react.useEffect)(() => {
202
- if (!barcodeDetector || !videoRef) return undefined;
210
+ let lastTimeout;
211
+ if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);
203
212
  if (!isScanningFile && !isHandlingCode) {
204
- const interval = setInterval(() => {
205
- void barcodeDetector.detect(videoRef).then(handleScanResult);
206
- }, scanInterval);
207
- return () => clearInterval(interval);
213
+ const scan = async () => {
214
+ if (!isHandlingCodeRef.current) {
215
+ const result = await barcodeDetector.detect(videoRef);
216
+ handleScanResult(result);
217
+ }
218
+ lastTimeout = setTimeout(scan, 250);
219
+ };
220
+ void scan();
208
221
  }
209
- return undefined;
222
+ return () => clearTimeout(lastTimeout);
210
223
  }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);
211
224
  (0, _react.useEffect)(() => {
212
225
  if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {
package/lib/cjs/components/code-scanner/CodeScanner.js.map CHANGED
@@ -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","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":[]}
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","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 CHANGED
@@ -33,6 +33,7 @@ const CodeScanner = ({
33
33
  const [isHandlingCode, setIsHandlingCode] = useState(false);
34
34
  const lastCode = useRef();
35
35
  const handleStopRef = useRef();
36
+ const isHandlingCodeRef = useRef(false);
36
37
  const prevValueRef = useRef({
37
38
  value: '',
38
39
  timestamp: 0
@@ -55,6 +56,7 @@ const CodeScanner = ({
55
56
  }, [errorMessages, scannerError]);
56
57
  const handleScan = useCallback(code => {
57
58
  if (!onScan) return;
59
+ isHandlingCodeRef.current = true;
58
60
  const now = Date.now();
59
61
  if (!prevValueRef.current) {
60
62
  prevValueRef.current = {
@@ -67,6 +69,7 @@ const CodeScanner = ({
67
69
  timestamp: prevTimestamp
68
70
  } = prevValueRef.current;
69
71
  if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
72
+ isHandlingCodeRef.current = false;
70
73
  return;
71
74
  }
72
75
  prevValueRef.current = {
@@ -76,7 +79,12 @@ const CodeScanner = ({
76
79
  const result = onScan(code);
77
80
  if (result instanceof Promise) {
78
81
  setIsHandlingCode(true);
79
- void result.finally(() => setIsHandlingCode(false));
82
+ void result.finally(() => {
83
+ setIsHandlingCode(false);
84
+ isHandlingCodeRef.current = false;
85
+ });
86
+ } else {
87
+ isHandlingCodeRef.current = false;
80
88
  }
81
89
  }, [onScan, scanInterval]);
82
90
  const handleScanResult = useCallback(result => {
@@ -190,14 +198,19 @@ const CodeScanner = ({
190
198
  };
191
199
  }, [handleStopCameraAccess, handleVideoInitialization]);
192
200
  useEffect(() => {
193
- if (!barcodeDetector || !videoRef) return undefined;
201
+ let lastTimeout;
202
+ if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);
194
203
  if (!isScanningFile && !isHandlingCode) {
195
- const interval = setInterval(() => {
196
- void barcodeDetector.detect(videoRef).then(handleScanResult);
197
- }, scanInterval);
198
- return () => clearInterval(interval);
204
+ const scan = async () => {
205
+ if (!isHandlingCodeRef.current) {
206
+ const result = await barcodeDetector.detect(videoRef);
207
+ handleScanResult(result);
208
+ }
209
+ lastTimeout = setTimeout(scan, 250);
210
+ };
211
+ void scan();
199
212
  }
200
- return undefined;
213
+ return () => clearTimeout(lastTimeout);
201
214
  }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);
202
215
  useEffect(() => {
203
216
  if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {
package/lib/esm/components/code-scanner/CodeScanner.js.map CHANGED
@@ -1 +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":"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","ignoreList":[]}
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","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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/scanner",
3
- "version": "5.0.0-beta.1268",
3
+ "version": "5.0.0-beta.1274",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -53,12 +53,12 @@
53
53
  },
54
54
  "devDependencies": {
55
55
  "@babel/cli": "^7.28.3",
56
- "@babel/core": "^7.28.3",
56
+ "@babel/core": "^7.28.4",
57
57
  "@babel/preset-env": "^7.28.3",
58
58
  "@babel/preset-react": "^7.27.1",
59
59
  "@babel/preset-typescript": "^7.27.1",
60
60
  "@types/lodash.throttle": "^4.1.9",
61
- "@types/react": "^18.3.24",
61
+ "@types/react": "^18.3.26",
62
62
  "@types/react-dom": "^18.3.7",
63
63
  "@types/styled-components": "^5.1.34",
64
64
  "@types/uuid": "^10.0.0",
@@ -68,10 +68,10 @@
68
68
  "react": "^18.3.1",
69
69
  "react-dom": "^18.3.1",
70
70
  "styled-components": "^6.1.19",
71
- "typescript": "^5.9.2"
71
+ "typescript": "^5.9.3"
72
72
  },
73
73
  "dependencies": {
74
- "@chayns-components/core": "^5.0.0-beta.1262"
74
+ "@chayns-components/core": "^5.0.0-beta.1274"
75
75
  },
76
76
  "peerDependencies": {
77
77
  "chayns-api": ">=2.2.0",
@@ -83,5 +83,5 @@
83
83
  "publishConfig": {
84
84
  "access": "public"
85
85
  },
86
- "gitHead": "700e46e7b55797f2bad302a913d926ab3ff26af9"
86
+ "gitHead": "df995aa49c9dbc5d54b5745ee55e1c3792d4f011"
87
87
  }