npm - @chayns-components/scanner - Versions diffs - 5.0.0-beta.1267 → 5.0.0-beta.1269 - Mend

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

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 (21) hide show

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

@@ -27,7 +27,9 @@ const CodeScanner = ({
   isFileSelectDisabled = false,
   isTorchDisabled = false,
   isZoomDisabled = false,
+  shouldShowIconOverlay = false,
   scanInterval = 250,
+  placeholder,
   errorMessages
 }) => {
   const [isPolyfillLoaded, setIsPolyfillLoaded] = (0, _react.useState)(false);
@@ -39,6 +41,7 @@ const CodeScanner = ({
   const [isHandlingCode, setIsHandlingCode] = (0, _react.useState)(false);
   const lastCode = (0, _react.useRef)();
   const handleStopRef = (0, _react.useRef)();
+  const isHandlingCodeRef = (0, _react.useRef)(false);
   const prevValueRef = (0, _react.useRef)({
     value: '',
     timestamp: 0
@@ -61,6 +64,7 @@ const CodeScanner = ({
   }, [errorMessages, scannerError]);
   const handleScan = (0, _react.useCallback)(code => {
     if (!onScan) return;
+    isHandlingCodeRef.current = true;
     const now = Date.now();
     if (!prevValueRef.current) {
       prevValueRef.current = {
@@ -73,6 +77,7 @@ const CodeScanner = ({
       timestamp: prevTimestamp
     } = prevValueRef.current;
     if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
+      isHandlingCodeRef.current = false;
       return;
     }
     prevValueRef.current = {
@@ -82,7 +87,12 @@ const CodeScanner = ({
     const result = onScan(code);
     if (result instanceof Promise) {
       setIsHandlingCode(true);
-      void result.finally(() => setIsHandlingCode(false));
+      void result.finally(() => {
+        setIsHandlingCode(false);
+        isHandlingCodeRef.current = false;
+      });
+    } else {
+      isHandlingCodeRef.current = false;
     }
   }, [onScan, scanInterval]);
   const handleScanResult = (0, _react.useCallback)(result => {
@@ -197,14 +207,19 @@ const CodeScanner = ({
     };
   }, [handleStopCameraAccess, handleVideoInitialization]);
   (0, _react.useEffect)(() => {
-    if (!barcodeDetector || !videoRef) return undefined;
+    let lastTimeout;
+    if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);
     if (!isScanningFile && !isHandlingCode) {
-      const interval = setInterval(() => {
-        void barcodeDetector.detect(videoRef).then(handleScanResult);
-      }, scanInterval);
-      return () => clearInterval(interval);
+      const scan = async () => {
+        if (!isHandlingCodeRef.current) {
+          const result = await barcodeDetector.detect(videoRef);
+          handleScanResult(result);
+        }
+        lastTimeout = setTimeout(scan, 250);
+      };
+      void scan();
     }
-    return undefined;
+    return () => clearTimeout(lastTimeout);
   }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);
   (0, _react.useEffect)(() => {
     if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {
@@ -223,7 +238,12 @@ const CodeScanner = ({
     height: "100%",
     width: "100%",
     $isVisible: !!barcodeDetector && !errorText
-  }), !!barcodeDetector && /*#__PURE__*/_react.default.createElement(_ScannerToolbar.default, {
+  }), shouldShowIconOverlay && /*#__PURE__*/_react.default.createElement(_CodeScanner.StyledCodeScannerIconOverlay, null, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    icons: ['ts-calling-code'],
+    color: "#ffffff",
+    size: 125
+  })), !!barcodeDetector && /*#__PURE__*/_react.default.createElement(_ScannerToolbar.default, {
+    placeholder: placeholder,
     videoConstraints: videoConstraints,
     onFileSelect: data => {
       setIsScanningFile(true);

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

	@@ -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","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":[]}
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/cjs/components/code-scanner/CodeScanner.styles.js CHANGED Viewed

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCodeScannerTextWrapper = exports.StyledCodeScannerPreview = exports.StyledCodeScanner = void 0;
+exports.StyledCodeScannerTextWrapper = exports.StyledCodeScannerPreview = exports.StyledCodeScannerIconOverlay = exports.StyledCodeScanner = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyledCodeScanner = exports.StyledCodeScanner = _styledComponents.default.div`
     display: flex;
     justify-content: center;
     align-items: center;
+    position: relative;
 `;
 const StyledCodeScannerTextWrapper = exports.StyledCodeScannerTextWrapper = _styledComponents.default.div`
     width: 640px;
@@ -31,4 +32,11 @@ const StyledCodeScannerPreview = exports.StyledCodeScannerPreview = _styledCompo
         display: none;
     `}
 `;
+const StyledCodeScannerIconOverlay = exports.StyledCodeScannerIconOverlay = _styledComponents.default.div`
+    opacity: 0.7;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+`;
 //# sourceMappingURL=CodeScanner.styles.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CodeScanner.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledCodeScanner","exports","styled","div","StyledCodeScannerTextWrapper","StyledCodeScannerPreview","video","$isVisible"],"sources":["../../../../src/components/code-scanner/CodeScanner.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledCodeScanner = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\ntype StyledCodeScannerPreviewProps = {\n $isVisible: boolean;\n};\n\nexport const StyledCodeScannerTextWrapper = styled.div`\n width: 640px;\n display: flex;\n justify-content: center;\n align-items: center;\n aspect-ratio: 3 / 2;\n flex-direction: column;\n text-align: center;\n padding: 20px;\n`;\n\nexport const StyledCodeScannerPreview = styled.video<StyledCodeScannerPreviewProps>`\n width: 100%;\n height: 100%;\n\n ${({ $isVisible }) =>\n !$isVisible &&\n `\n display: none;\n `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC3C;AACA;AACA;AACA,CAAC;AAMM,MAAMC,4BAA4B,GAAAH,OAAA,CAAAG,4BAAA,GAAGF,yBAAM,CAACC,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAME,wBAAwB,GAAAJ,OAAA,CAAAI,wBAAA,GAAGH,yBAAM,CAACI,KAAoC;AACnF;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KACb,CAACA,UAAU,IACX;AACR;AACA,KAAK;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"CodeScanner.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledCodeScanner","exports","styled","div","StyledCodeScannerTextWrapper","StyledCodeScannerPreview","video","$isVisible","StyledCodeScannerIconOverlay"],"sources":["../../../../src/components/code-scanner/CodeScanner.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledCodeScanner = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n`;\n\ntype StyledCodeScannerPreviewProps = {\n $isVisible: boolean;\n};\n\nexport const StyledCodeScannerTextWrapper = styled.div`\n width: 640px;\n display: flex;\n justify-content: center;\n align-items: center;\n aspect-ratio: 3 / 2;\n flex-direction: column;\n text-align: center;\n padding: 20px;\n`;\n\nexport const StyledCodeScannerPreview = styled.video<StyledCodeScannerPreviewProps>`\n width: 100%;\n height: 100%;\n\n ${({ $isVisible }) =>\n !$isVisible &&\n `\n display: none;\n `}\n`;\n\nexport const StyledCodeScannerIconOverlay = styled.div`\n opacity: 0.7;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC3C;AACA;AACA;AACA;AACA,CAAC;AAMM,MAAMC,4BAA4B,GAAAH,OAAA,CAAAG,4BAAA,GAAGF,yBAAM,CAACC,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAME,wBAAwB,GAAAJ,OAAA,CAAAI,wBAAA,GAAGH,yBAAM,CAACI,KAAoC;AACnF;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KACb,CAACA,UAAU,IACX;AACR;AACA,KAAK;AACL,CAAC;AAEM,MAAMC,4BAA4B,GAAAP,OAAA,CAAAO,4BAAA,GAAGN,yBAAM,CAACC,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -21,6 +21,7 @@ const ScannerToolbar = ({
   minZoom: minZoomProp = 1,
   maxZoom: maxZoomProp = 3,
   isZoomDisabled = false,
+  placeholder,
   isTorchDisabled = false,
   isFileSelectDisabled = false
 }) => {
@@ -106,6 +107,9 @@ const ScannerToolbar = ({
       });
     }
   }, [isTorchActive, isTorchSupported, tracks]);
+  if (typeof placeholder === 'string' && placeholder.length > 0) {
+    return /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbar, null, /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbarPlaceholder, null, placeholder));
+  }
   return /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbar, null, /*#__PURE__*/_react.default.createElement(_ScannerToolbar.StyledScannerToolbarButton, {
     $isAvailable: isTorchSupported,
     $isActive: isTorchActive,

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledScannerToolbarButton = exports.StyledScannerToolbar = void 0;
+exports.StyledScannerToolbarPlaceholder = exports.StyledScannerToolbarButton = exports.StyledScannerToolbar = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const StyledScannerToolbar = exports.StyledScannerToolbar = _styledComponents.default.div`
@@ -47,4 +47,17 @@ const StyledScannerToolbarButton = exports.StyledScannerToolbarButton = _styledC
         color: white;
     }
 `;
+const StyledScannerToolbarPlaceholder = exports.StyledScannerToolbarPlaceholder = _styledComponents.default.div`
+    font-weight: bold;
+    font-size: 20px;
+    text-shadow:
+        rgba(0, 0, 20, 0.9) 1px 1px 2px,
+        rgba(0, 0, 20, 0.5) 0 0 4px;
+    color: #ffffff;
+    display: flex;
+    align-items: end;
+    margin-bottom: -10px;
+`;
 //# sourceMappingURL=ScannerToolbar.styles.js.map

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

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

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { addVisibilityChangeListener, removeVisibilityChangeListener } from 'chayns-api';
 import { Icon, SmallWaitCursor } from '@chayns-components/core';
-import { StyledCodeScanner, StyledCodeScannerPreview, StyledCodeScannerTextWrapper } from './CodeScanner.styles';
+import { StyledCodeScanner, StyledCodeScannerIconOverlay, StyledCodeScannerPreview, StyledCodeScannerTextWrapper } from './CodeScanner.styles';
 import { ScannerErrorType } from '../../types/codeScanner';
 import { ALL_FORMATS, DEFAULT_TRACK_CONSTRAINTS, DEFAULT_VIDEO_CONSTRAINTS } from '../../constants/codeScanner';
 import { checkTrackSupport } from '../../utils/support';
@@ -19,7 +19,9 @@ const CodeScanner = ({
   isFileSelectDisabled = false,
   isTorchDisabled = false,
   isZoomDisabled = false,
+  shouldShowIconOverlay = false,
   scanInterval = 250,
+  placeholder,
   errorMessages
 }) => {
   const [isPolyfillLoaded, setIsPolyfillLoaded] = useState(false);
@@ -31,6 +33,7 @@ const CodeScanner = ({
   const [isHandlingCode, setIsHandlingCode] = useState(false);
   const lastCode = useRef();
   const handleStopRef = useRef();
+  const isHandlingCodeRef = useRef(false);
   const prevValueRef = useRef({
     value: '',
     timestamp: 0
@@ -53,6 +56,7 @@ const CodeScanner = ({
   }, [errorMessages, scannerError]);
   const handleScan = useCallback(code => {
     if (!onScan) return;
+    isHandlingCodeRef.current = true;
     const now = Date.now();
     if (!prevValueRef.current) {
       prevValueRef.current = {
@@ -65,6 +69,7 @@ const CodeScanner = ({
       timestamp: prevTimestamp
     } = prevValueRef.current;
     if (code.value === prevValue && now - prevTimestamp < scanInterval * 3) {
+      isHandlingCodeRef.current = false;
       return;
     }
     prevValueRef.current = {
@@ -74,7 +79,12 @@ const CodeScanner = ({
     const result = onScan(code);
     if (result instanceof Promise) {
       setIsHandlingCode(true);
-      void result.finally(() => setIsHandlingCode(false));
+      void result.finally(() => {
+        setIsHandlingCode(false);
+        isHandlingCodeRef.current = false;
+      });
+    } else {
+      isHandlingCodeRef.current = false;
     }
   }, [onScan, scanInterval]);
   const handleScanResult = useCallback(result => {
@@ -188,14 +198,19 @@ const CodeScanner = ({
     };
   }, [handleStopCameraAccess, handleVideoInitialization]);
   useEffect(() => {
-    if (!barcodeDetector || !videoRef) return undefined;
+    let lastTimeout;
+    if (!barcodeDetector || !videoRef) return () => clearTimeout(lastTimeout);
     if (!isScanningFile && !isHandlingCode) {
-      const interval = setInterval(() => {
-        void barcodeDetector.detect(videoRef).then(handleScanResult);
-      }, scanInterval);
-      return () => clearInterval(interval);
+      const scan = async () => {
+        if (!isHandlingCodeRef.current) {
+          const result = await barcodeDetector.detect(videoRef);
+          handleScanResult(result);
+        }
+        lastTimeout = setTimeout(scan, 250);
+      };
+      void scan();
     }
-    return undefined;
+    return () => clearTimeout(lastTimeout);
   }, [barcodeDetector, handleScanResult, isHandlingCode, isScanningFile, videoRef, scanInterval]);
   useEffect(() => {
     if (!navigator.mediaDevices.enumerateDevices || !navigator.mediaDevices.getUserMedia || !videoRef || !isPolyfillLoaded) {
@@ -214,7 +229,12 @@ const CodeScanner = ({
     height: "100%",
     width: "100%",
     $isVisible: !!barcodeDetector && !errorText
-  }), !!barcodeDetector && /*#__PURE__*/React.createElement(ScannerToolbar, {
+  }), shouldShowIconOverlay && /*#__PURE__*/React.createElement(StyledCodeScannerIconOverlay, null, /*#__PURE__*/React.createElement(Icon, {
+    icons: ['ts-calling-code'],
+    color: "#ffffff",
+    size: 125
+  })), !!barcodeDetector && /*#__PURE__*/React.createElement(ScannerToolbar, {
+    placeholder: placeholder,
     videoConstraints: videoConstraints,
     onFileSelect: data => {
       setIsScanningFile(true);

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

	@@ -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","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":"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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/lib/esm/components/code-scanner/CodeScanner.styles.js CHANGED Viewed

@@ -3,6 +3,7 @@ export const StyledCodeScanner = styled.div`
     display: flex;
     justify-content: center;
     align-items: center;
+    position: relative;
 `;
 export const StyledCodeScannerTextWrapper = styled.div`
     width: 640px;
@@ -24,4 +25,11 @@ export const StyledCodeScannerPreview = styled.video`
         display: none;
     `}
 `;
+export const StyledCodeScannerIconOverlay = styled.div`
+    opacity: 0.7;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+`;
 //# sourceMappingURL=CodeScanner.styles.js.map

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

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

package/lib/esm/components/code-scanner/scanner-toolbar/ScannerToolbar.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { Icon, selectFiles } from '@chayns-components/core';
-import { StyledScannerToolbar, StyledScannerToolbarButton } from './ScannerToolbar.styles';
+import { StyledScannerToolbar, StyledScannerToolbarButton, StyledScannerToolbarPlaceholder } from './ScannerToolbar.styles';
 import { checkTrackSupport } from '../../../utils/support';
 import { animateNumericValue } from '../../../utils/animate';
 import usePrevious from '../../../hooks/codeScanner';
@@ -13,6 +13,7 @@ const ScannerToolbar = ({
   minZoom: minZoomProp = 1,
   maxZoom: maxZoomProp = 3,
   isZoomDisabled = false,
+  placeholder,
   isTorchDisabled = false,
   isFileSelectDisabled = false
 }) => {
@@ -98,6 +99,9 @@ const ScannerToolbar = ({
       });
     }
   }, [isTorchActive, isTorchSupported, tracks]);
+  if (typeof placeholder === 'string' && placeholder.length > 0) {
+    return /*#__PURE__*/React.createElement(StyledScannerToolbar, null, /*#__PURE__*/React.createElement(StyledScannerToolbarPlaceholder, null, placeholder));
+  }
   return /*#__PURE__*/React.createElement(StyledScannerToolbar, null, /*#__PURE__*/React.createElement(StyledScannerToolbarButton, {
     $isAvailable: isTorchSupported,
     $isActive: isTorchActive,

package/lib/esm/components/code-scanner/scanner-toolbar/ScannerToolbar.js.map CHANGED Viewed

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

package/lib/esm/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.js CHANGED Viewed

@@ -40,4 +40,17 @@ export const StyledScannerToolbarButton = styled.div`
         color: white;
     }
 `;
+export const StyledScannerToolbarPlaceholder = styled.div`
+    font-weight: bold;
+    font-size: 20px;
+    text-shadow:
+        rgba(0, 0, 20, 0.9) 1px 1px 2px,
+        rgba(0, 0, 20, 0.5) 0 0 4px;
+    color: #ffffff;
+    display: flex;
+    align-items: end;
+    margin-bottom: -10px;
+`;
 //# sourceMappingURL=ScannerToolbar.styles.js.map

package/lib/esm/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScannerToolbar.styles.js","names":["styled","css","StyledScannerToolbar","div","StyledScannerToolbarButton","$isAvailable","$isActive"],"sources":["../../../../../src/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const StyledScannerToolbar = styled.div`\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 85px;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n\n color: white;\n`;\n\ntype ScannerToolbarButtonProps = {\n $isAvailable?: boolean;\n $isActive?: boolean;\n};\n\nexport const StyledScannerToolbarButton = styled.div<ScannerToolbarButtonProps>`\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n cursor: pointer;\n border-radius: 50%;\n\n ${({ $isAvailable = false }) =>\n !$isAvailable &&\n css`\n cursor: default;\n opacity: 0;\n pointer-events: none;\n `};\n\n ${({ $isActive = false }) =>\n $isActive &&\n css`\n background-color: rgba(255, 255, 255, 0.2);\n `};\n\n text-shadow: 0 0 10px black;\n\n i {\n color: white;\n }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,OAAO,MAAMC,oBAAoB,GAAGF,MAAM,CAACG,GAAG;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMC,0BAA0B,GAAGJ,MAAM,CAACG,GAA8B;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEE,YAAY,GAAG;AAAM,CAAC,KACvB,CAACA,YAAY,IACbJ,GAAG;AACX;AACA;AACA;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEK,SAAS,GAAG;AAAM,CAAC,KACpBA,SAAS,IACTL,GAAG;AACX;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"ScannerToolbar.styles.js","names":["styled","css","StyledScannerToolbar","div","StyledScannerToolbarButton","$isAvailable","$isActive","StyledScannerToolbarPlaceholder"],"sources":["../../../../../src/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const StyledScannerToolbar = styled.div`\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 85px;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n\n color: white;\n`;\n\ntype ScannerToolbarButtonProps = {\n $isAvailable?: boolean;\n $isActive?: boolean;\n};\n\nexport const StyledScannerToolbarButton = styled.div<ScannerToolbarButtonProps>`\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n width: 45px;\n cursor: pointer;\n border-radius: 50%;\n\n ${({ $isAvailable = false }) =>\n !$isAvailable &&\n css`\n cursor: default;\n opacity: 0;\n pointer-events: none;\n `};\n\n ${({ $isActive = false }) =>\n $isActive &&\n css`\n background-color: rgba(255, 255, 255, 0.2);\n `};\n\n text-shadow: 0 0 10px black;\n\n i {\n color: white;\n }\n`;\n\nexport const StyledScannerToolbarPlaceholder = styled.div`\n font-weight: bold;\n font-size: 20px;\n\n text-shadow:\n rgba(0, 0, 20, 0.9) 1px 1px 2px,\n rgba(0, 0, 20, 0.5) 0 0 4px;\n color: #ffffff;\n\n display: flex;\n align-items: end;\n margin-bottom: -10px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,OAAO,MAAMC,oBAAoB,GAAGF,MAAM,CAACG,GAAG;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMC,0BAA0B,GAAGJ,MAAM,CAACG,GAA8B;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEE,YAAY,GAAG;AAAM,CAAC,KACvB,CAACA,YAAY,IACbJ,GAAG;AACX;AACA;AACA;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEK,SAAS,GAAG;AAAM,CAAC,KACpBA,SAAS,IACTL,GAAG;AACX;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMM,+BAA+B,GAAGP,MAAM,CAACG,GAAG;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/types/components/code-scanner/CodeScanner.d.ts CHANGED Viewed

@@ -25,6 +25,10 @@ type CodeScannerProps = {
      * Disables the zoom control if set to true.
      */
     isZoomDisabled?: boolean;
+    /**
+     * A placeholder that should be displayed inside the preview.
+     */
+    placeholder?: string;
     /**
      * Maximum allowed zoom level for the camera.
      */
@@ -37,6 +41,10 @@ type CodeScannerProps = {
      * Callback function triggered when a code is successfully scanned.
      */
     onScan?: CodeReaderOnScanCallback;
+    /**
+     * Whether a calling code icon should be displayed as an overlay.
+     */
+    shouldShowIconOverlay?: boolean;
     /**
      * If true, allows scanning the same code multiple times in a row.
      */

package/lib/types/components/code-scanner/CodeScanner.styles.d.ts CHANGED Viewed

@@ -4,4 +4,5 @@ type StyledCodeScannerPreviewProps = {
 };
 export declare const StyledCodeScannerTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledCodeScannerPreview: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, StyledCodeScannerPreviewProps>> & string;
+export declare const StyledCodeScannerIconOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

package/lib/types/components/code-scanner/scanner-toolbar/ScannerToolbar.d.ts CHANGED Viewed

@@ -20,6 +20,10 @@ type ScannerToolbarProps = {
      * Disables the zoom slider if set to true.
      */
     isZoomDisabled?: boolean;
+    /**
+     * A placeholder that should be displayed inside the preview.
+     */
+    placeholder?: string;
     /**
      * Maximum allowed zoom level for the camera.
      */

package/lib/types/components/code-scanner/scanner-toolbar/ScannerToolbar.styles.d.ts CHANGED Viewed

@@ -4,4 +4,5 @@ type ScannerToolbarButtonProps = {
     $isActive?: boolean;
 };
 export declare const StyledScannerToolbarButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ScannerToolbarButtonProps>> & string;
+export declare const StyledScannerToolbarPlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

package/package.json CHANGED Viewed

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