@chayns-components/scanner 5.0.0-beta.1265

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

@@ -0,0 +1,141 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Icon, selectFiles } from '@chayns-components/core';
+import { StyledScannerToolbar, StyledScannerToolbarButton } from './ScannerToolbar.styles';
+import { checkTrackSupport } from '../../../utils/support';
+import { animateNumericValue } from '../../../utils/animate';
+import usePrevious from '../../../hooks/codeScanner';
+const ScannerToolbar = ({
+  videoConstraints,
+  onFileSelect,
+  isScanningFile,
+  hasScannerError = false,
+  stream,
+  minZoom: minZoomProp = 1,
+  maxZoom: maxZoomProp = 3,
+  isZoomDisabled = false,
+  isTorchDisabled = false,
+  isFileSelectDisabled = false
+}) => {
+  const [tracks, setTrack] = useState();
+  const [isZoomed, setIsZoomed] = useState();
+  const previousIsZoomed = usePrevious(isZoomed);
+  const [isZoomSupported, setIsZoomSupported] = useState(false);
+  const [isTorchActive, setIsTorchActive] = useState(false);
+  const [isTorchSupported, setIsTorchSupported] = useState(false);
+  const [isImageSelectActive, setIsImageSelectActive] = useState(false);
+  const minZoom = useRef(minZoomProp);
+  const maxZoom = useRef(maxZoomProp);
+  useEffect(() => {
+    if (hasScannerError) {
+      setIsTorchSupported(false);
+      setIsZoomSupported(false);
+      setIsZoomed(false);
+      setTrack(undefined);
+    } else if (stream) {
+      const videoTracks = stream.getVideoTracks();
+      let canZoom = false;
+      let canTorch = false;
+      videoTracks.forEach(track => {
+        if (checkTrackSupport(track, 'zoom')) {
+          canZoom = true;
+          const capabilities = track.getCapabilities();
+          if (capabilities.zoom.min > minZoomProp) {
+            minZoom.current = capabilities.zoom.min;
+          }
+          if (capabilities.zoom.max < maxZoomProp) {
+            maxZoom.current = capabilities.zoom.max;
+          }
+        }
+        if (checkTrackSupport(track, 'torch')) {
+          canTorch = true;
+        }
+      });
+      if (canZoom && !isZoomDisabled) {
+        setIsZoomSupported(true);
+        setIsZoomed(false);
+      }
+      setIsTorchSupported(canTorch && !isTorchDisabled);
+      setTrack(videoTracks);
+    }
+  }, [videoConstraints, hasScannerError, stream, minZoomProp, maxZoomProp, isZoomDisabled, isTorchDisabled]);
+  useEffect(() => {
+    if (tracks?.length && isZoomSupported) {
+      if (typeof previousIsZoomed === 'undefined') {
+        tracks.forEach(track => {
+          if (checkTrackSupport(track, 'zoom')) {
+            void track.applyConstraints({
+              advanced: [{
+                zoom: isZoomed ? maxZoom.current : minZoom.current
+              }]
+            });
+          }
+        });
+      } else if (previousIsZoomed !== isZoomed) {
+        animateNumericValue(previousIsZoomed ? maxZoom.current : minZoom.current, isZoomed ? maxZoom.current : minZoom.current, 500, value => {
+          tracks.forEach(track => {
+            if (checkTrackSupport(track, 'zoom')) {
+              void track.applyConstraints({
+                advanced: [{
+                  zoom: value
+                }]
+              });
+            }
+          });
+        });
+      }
+    }
+  }, [isZoomSupported, isZoomed, previousIsZoomed, tracks]);
+  useEffect(() => {
+    if (tracks?.length && isTorchSupported) {
+      tracks.forEach(track => {
+        if (checkTrackSupport(track, 'torch')) {
+          void track.applyConstraints({
+            advanced: [{
+              torch: isTorchActive
+            }]
+          });
+        }
+      });
+    }
+  }, [isTorchActive, isTorchSupported, tracks]);
+  return /*#__PURE__*/React.createElement(StyledScannerToolbar, null, /*#__PURE__*/React.createElement(StyledScannerToolbarButton, {
+    $isAvailable: isTorchSupported,
+    $isActive: isTorchActive,
+    onClick: () => {
+      setIsTorchActive(prev => !prev);
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icons: ['far fa-lightbulb'],
+    size: 25
+  })), /*#__PURE__*/React.createElement(StyledScannerToolbarButton, {
+    $isAvailable: isZoomSupported,
+    $isActive: isZoomed,
+    onClick: () => {
+      setIsZoomed(prev => !prev);
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icons: ['far fa-search-plus'],
+    size: 25
+  })), /*#__PURE__*/React.createElement(StyledScannerToolbarButton, {
+    $isAvailable: !isFileSelectDisabled,
+    $isActive: isImageSelectActive || isScanningFile,
+    onClick: () => {
+      setIsImageSelectActive(true);
+      selectFiles({
+        multiple: false,
+        type: 'image/*'
+      }).then(files => {
+        if (files && files[0]) {
+          onFileSelect(files[0]);
+        }
+      }).catch(console.error).finally(() => {
+        setIsImageSelectActive(false);
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icons: ['far fa-folder-image'],
+    size: 25
+  })));
+};
+export default ScannerToolbar;
+//# sourceMappingURL=ScannerToolbar.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,43 @@
+import styled, { css } from 'styled-components';
+export const StyledScannerToolbar = styled.div`
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 85px;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+
+    color: white;
+`;
+export const StyledScannerToolbarButton = styled.div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 45px;
+    width: 45px;
+    cursor: pointer;
+    border-radius: 50%;
+
+    ${({
+  $isAvailable = false
+}) => !$isAvailable && css`
+            cursor: default;
+            opacity: 0;
+            pointer-events: none;
+        `};
+
+    ${({
+  $isActive = false
+}) => $isActive && css`
+            background-color: rgba(255, 255, 255, 0.2);
+        `};
+
+    text-shadow: 0 0 10px black;
+
+    i {
+        color: white;
+    }
+`;
+//# sourceMappingURL=ScannerToolbar.styles.js.map

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

@@ -0,0 +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":[]}

package/lib/esm/constants/codeScanner.js

@@ -0,0 +1,14 @@
+export const ALL_FORMATS = ['code_128', 'code_39', 'code_93', 'codabar', 'ean_13', 'ean_8', 'itf', 'qr_code', 'upc_a', 'upc_e'];
+export const DEFAULT_VIDEO_CONSTRAINTS = {
+  facingMode: {
+    ideal: 'environment'
+  }
+};
+export const DEFAULT_TRACK_CONSTRAINTS = {
+  width: 640,
+  height: 480,
+  frameRate: 25,
+  noiseSuppression: false,
+  facingMode: 'environment'
+};
+//# sourceMappingURL=codeScanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"codeScanner.js","names":["ALL_FORMATS","DEFAULT_VIDEO_CONSTRAINTS","facingMode","ideal","DEFAULT_TRACK_CONSTRAINTS","width","height","frameRate","noiseSuppression"],"sources":["../../../src/constants/codeScanner.ts"],"sourcesContent":["export const ALL_FORMATS: Array<BarcodeFormat> = [\n    'code_128',\n    'code_39',\n    'code_93',\n    'codabar',\n    'ean_13',\n    'ean_8',\n    'itf',\n    'qr_code',\n    'upc_a',\n    'upc_e',\n];\n\nexport const DEFAULT_VIDEO_CONSTRAINTS: MediaTrackConstraints = {\n    facingMode: {\n        ideal: 'environment',\n    },\n};\n\nexport const DEFAULT_TRACK_CONSTRAINTS: MediaTrackConstraints = {\n    width: 640,\n    height: 480,\n    frameRate: 25,\n    noiseSuppression: false,\n    facingMode: 'environment',\n};\n"],"mappings":"AAAA,OAAO,MAAMA,WAAiC,GAAG,CAC7C,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,CACV;AAED,OAAO,MAAMC,yBAAgD,GAAG;EAC5DC,UAAU,EAAE;IACRC,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,yBAAgD,GAAG;EAC5DC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,SAAS,EAAE,EAAE;EACbC,gBAAgB,EAAE,KAAK;EACvBN,UAAU,EAAE;AAChB,CAAC","ignoreList":[]}

package/lib/esm/hooks/codeScanner.js

@@ -0,0 +1,10 @@
+import { useEffect, useRef } from 'react';
+const usePrevious = value => {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+export default usePrevious;
+//# sourceMappingURL=codeScanner.js.map

package/lib/esm/hooks/codeScanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeScanner.js","names":["useEffect","useRef","usePrevious","value","ref","current"],"sources":["../../../src/hooks/codeScanner.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst usePrevious = <T>(value: T): T | undefined => {\n    const ref = useRef<T>();\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    return ref.current;\n};\n\nexport default usePrevious;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,MAAMC,WAAW,GAAOC,KAAQ,IAAoB;EAChD,MAAMC,GAAG,GAAGH,MAAM,CAAI,CAAC;EACvBD,SAAS,CAAC,MAAM;IACZI,GAAG,CAACC,OAAO,GAAGF,KAAK;EACvB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACX,OAAOC,GAAG,CAACC,OAAO;AACtB,CAAC;AAED,eAAeH,WAAW","ignoreList":[]}

package/lib/esm/hooks/loadscript.js

@@ -0,0 +1,37 @@
+import { useCallback, useState } from 'react';
+import { loadScript } from '../utils/loadScript';
+const VERSION = 1;
+let scannerPolyfillPromise;
+let scannerWasmPromise;
+const loadPolyfillScript = () => {
+  if (!scannerPolyfillPromise) {
+    scannerPolyfillPromise = loadScript(`https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/barcode-detector-polyfill.js`);
+  }
+  return scannerPolyfillPromise;
+};
+const loadWasmScript = () => {
+  if (!scannerWasmPromise) {
+    scannerWasmPromise = loadScript(`https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/zbar-wasm.js`);
+  }
+  return scannerWasmPromise;
+};
+export const useScannerPolyfill = () => {
+  const [wasmLoaded, setWasmLoaded] = useState(false);
+  const [polyfillLoaded, setPolyfillLoaded] = useState(false);
+  const loadQrCodeDetector = useCallback(async () => {
+    try {
+      await BarcodeDetector.getSupportedFormats();
+    } catch {
+      await loadWasmScript().then(() => setWasmLoaded(true));
+      await loadPolyfillScript().then(() => setPolyfillLoaded(true));
+      // @ts-expect-error polyfill is not defined in window
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access
+      window.BarcodeDetector = barcodeDetectorPolyfill.BarcodeDetectorPolyfill;
+    }
+  }, []);
+  return {
+    loadQrCodeDetector,
+    loaded: polyfillLoaded && wasmLoaded
+  };
+};
+//# sourceMappingURL=loadscript.js.map

package/lib/esm/hooks/loadscript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadscript.js","names":["useCallback","useState","loadScript","VERSION","scannerPolyfillPromise","scannerWasmPromise","loadPolyfillScript","loadWasmScript","useScannerPolyfill","wasmLoaded","setWasmLoaded","polyfillLoaded","setPolyfillLoaded","loadQrCodeDetector","BarcodeDetector","getSupportedFormats","then","window","barcodeDetectorPolyfill","BarcodeDetectorPolyfill","loaded"],"sources":["../../../src/hooks/loadscript.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { loadScript } from '../utils/loadScript';\n\nconst VERSION = 1;\n\nlet scannerPolyfillPromise: Promise<Event | UIEvent> | undefined;\nlet scannerWasmPromise: Promise<Event | UIEvent> | undefined;\n\nconst loadPolyfillScript = () => {\n    if (!scannerPolyfillPromise) {\n        scannerPolyfillPromise = loadScript(\n            `https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/barcode-detector-polyfill.js`,\n        );\n    }\n\n    return scannerPolyfillPromise;\n};\n\nconst loadWasmScript = () => {\n    if (!scannerWasmPromise) {\n        scannerWasmPromise = loadScript(\n            `https://api.chayns-static.space/polyfill/CodeScanner/v${VERSION}/zbar-wasm.js`,\n        );\n    }\n\n    return scannerWasmPromise;\n};\n\nexport const useScannerPolyfill = () => {\n    const [wasmLoaded, setWasmLoaded] = useState(false);\n    const [polyfillLoaded, setPolyfillLoaded] = useState(false);\n\n    const loadQrCodeDetector = useCallback(async () => {\n        try {\n            await BarcodeDetector.getSupportedFormats();\n        } catch {\n            await loadWasmScript().then(() => setWasmLoaded(true));\n            await loadPolyfillScript().then(() => setPolyfillLoaded(true));\n            // @ts-expect-error polyfill is not defined in window\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access\n            window.BarcodeDetector = barcodeDetectorPolyfill.BarcodeDetectorPolyfill;\n        }\n    }, []);\n\n    return { loadQrCodeDetector, loaded: polyfillLoaded && wasmLoaded };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,UAAU,QAAQ,qBAAqB;AAEhD,MAAMC,OAAO,GAAG,CAAC;AAEjB,IAAIC,sBAA4D;AAChE,IAAIC,kBAAwD;AAE5D,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,IAAI,CAACF,sBAAsB,EAAE;IACzBA,sBAAsB,GAAGF,UAAU,CAC/B,yDAAyDC,OAAO,+BACpE,CAAC;EACL;EAEA,OAAOC,sBAAsB;AACjC,CAAC;AAED,MAAMG,cAAc,GAAGA,CAAA,KAAM;EACzB,IAAI,CAACF,kBAAkB,EAAE;IACrBA,kBAAkB,GAAGH,UAAU,CAC3B,yDAAyDC,OAAO,eACpE,CAAC;EACL;EAEA,OAAOE,kBAAkB;AAC7B,CAAC;AAED,OAAO,MAAMG,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM,CAACU,cAAc,EAAEC,iBAAiB,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAE3D,MAAMY,kBAAkB,GAAGb,WAAW,CAAC,YAAY;IAC/C,IAAI;MACA,MAAMc,eAAe,CAACC,mBAAmB,CAAC,CAAC;IAC/C,CAAC,CAAC,MAAM;MACJ,MAAMR,cAAc,CAAC,CAAC,CAACS,IAAI,CAAC,MAAMN,aAAa,CAAC,IAAI,CAAC,CAAC;MACtD,MAAMJ,kBAAkB,CAAC,CAAC,CAACU,IAAI,CAAC,MAAMJ,iBAAiB,CAAC,IAAI,CAAC,CAAC;MAC9D;MACA;MACAK,MAAM,CAACH,eAAe,GAAGI,uBAAuB,CAACC,uBAAuB;IAC5E;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEN,kBAAkB;IAAEO,MAAM,EAAET,cAAc,IAAIF;EAAW,CAAC;AACvE,CAAC","ignoreList":[]}

package/lib/esm/index.js

@@ -0,0 +1,3 @@
+export { default as CodeScanner } from './components/code-scanner/CodeScanner';
+export { ALL_FORMATS, DEFAULT_TRACK_CONSTRAINTS, DEFAULT_VIDEO_CONSTRAINTS } from './constants/codeScanner';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","CodeScanner","ALL_FORMATS","DEFAULT_TRACK_CONSTRAINTS","DEFAULT_VIDEO_CONSTRAINTS"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as CodeScanner } from './components/code-scanner/CodeScanner';\nexport {\n    ALL_FORMATS,\n    DEFAULT_TRACK_CONSTRAINTS,\n    DEFAULT_VIDEO_CONSTRAINTS,\n} from './constants/codeScanner';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,uCAAuC;AAC9E,SACIC,WAAW,EACXC,yBAAyB,EACzBC,yBAAyB,QACtB,yBAAyB","ignoreList":[]}

package/lib/esm/types/barcode.d.js

@@ -0,0 +1,4 @@
+// This is necessary because Typescript refuses to import the file unless it has
+// an export, apparently. 🥲
+export {};
+//# sourceMappingURL=barcode.d.js.map

package/lib/esm/types/barcode.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barcode.d.js","names":[],"sources":["../../../src/types/barcode.d.ts"],"sourcesContent":["// This is necessary because Typescript refuses to import the file unless it has\n// an export, apparently. 🥲\nexport {};\n\ndeclare global {\n    /**\n     * The possible types of barcode format that can be detected using the\n     * Barcode Detection API. This list may change in the future.\n     * Adapted from: https://developer.mozilla.org/en-US/docs/Web/API/Barcode_Detection_API\n     */\n    type BarcodeFormat =\n        | 'code_128'\n        | 'code_39'\n        | 'code_93'\n        | 'codabar'\n        | 'ean_13'\n        | 'ean_8'\n        | 'itf'\n        | 'qr_code'\n        | 'upc_a'\n        | 'upc_e'\n        | 'unknown';\n\n    /**\n     * The return type of the Barcode Detect API `detect` function that\n     * describes a barcode that has been recognized by the API.\n     */\n    interface DetectedBarcode {\n        /**\n         * A DOMRectReadOnly, which returns the dimensions of a rectangle\n         * representing the extent of a detected barcode, aligned with the\n         * image\n         */\n        boundingBox: DOMRectReadOnly;\n        /**\n         * The x and y co-ordinates of the four corner points of the detected\n         * barcode relative to the image, starting with the top left and working\n         * clockwise. This may not be square due to perspective distortions\n         * within the image.\n         */\n        cornerPoints: {\n            x: number;\n            y: number;\n        }[];\n        /**\n         * The detected barcode format\n         */\n        format: BarcodeFormat;\n\n        /**\n         * A string decoded from the barcode data\n         */\n        rawValue: string;\n    }\n\n    /**\n     * Options for describing how a BarcodeDetector should be initialised\n     */\n    interface BarcodeDetectorOptions {\n        /**\n         * Which formats the barcode detector should detect\n         */\n        formats: BarcodeFormat[];\n    }\n\n    /**\n     * The BarcodeDetector interface of the Barcode Detection API allows\n     * detection of linear and two-dimensional barcodes in images.\n     */\n    class BarcodeDetector {\n        /**\n         * Initialize a Barcode Detector instance\n         */\n        constructor(options?: BarcodeDetectorOptions);\n\n        /**\n         * Retrieve the formats that are supported by the detector\n         */\n        static getSupportedFormats(): Promise<BarcodeFormat[]>;\n\n        /**\n         * Attempt to detect barcodes from an image source\n         */\n        public detect(source: ImageBitmapSource): Promise<DetectedBarcode[]>;\n    }\n}\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/lib/esm/types/codeScanner.js

@@ -0,0 +1,8 @@
+export let ScannerErrorType = /*#__PURE__*/function (ScannerErrorType) {
+  ScannerErrorType[ScannerErrorType["NO_CAMERA_ACCESS"] = 0] = "NO_CAMERA_ACCESS";
+  ScannerErrorType[ScannerErrorType["CAMERA_ALREADY_IN_USE"] = 1] = "CAMERA_ALREADY_IN_USE";
+  ScannerErrorType[ScannerErrorType["DEVICE_NOT_FOUND"] = 2] = "DEVICE_NOT_FOUND";
+  ScannerErrorType[ScannerErrorType["UNKNOWN"] = 3] = "UNKNOWN";
+  return ScannerErrorType;
+}({});
+//# sourceMappingURL=codeScanner.js.map

package/lib/esm/types/codeScanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeScanner.js","names":["ScannerErrorType"],"sources":["../../../src/types/codeScanner.ts"],"sourcesContent":["export type CodeReaderOnScanCallback = (code: {\n    format: BarcodeFormat;\n    value: string;\n}) => void | Promise<void>;\n\nexport enum ScannerErrorType {\n    NO_CAMERA_ACCESS,\n    CAMERA_ALREADY_IN_USE,\n    DEVICE_NOT_FOUND,\n    UNKNOWN,\n}\n\nexport interface ScannerErrorMessages {\n    noPermission: string;\n    alreadyInUse: string;\n    cameraNotAvailable: string;\n    noCodeFound: string;\n}\n"],"mappings":"AAKA,WAAYA,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAhBA,gBAAgB,CAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA","ignoreList":[]}

package/lib/esm/types/global.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=global.d.js.map

package/lib/esm/types/global.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.js","names":[],"sources":["../../../src/types/global.d.ts"],"sourcesContent":["interface Window {\n    BarcodeDetector: BarcodeDetector;\n}\n\ninterface MediaTrackCapabilities {\n    zoom: {\n        min: number;\n        max: number;\n        step?: number;\n    };\n}\n\ninterface MediaTrackConstraintSet {\n    zoom?: number;\n    torch?: boolean;\n}\n\ninterface MediaTrackSettings {\n    zoom: number;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/esm/utils/animate.js

@@ -0,0 +1,18 @@
+export const animateNumericValue = (start, end, duration, callback) => {
+  if (start === end) {
+    callback(end);
+    return;
+  }
+  const startTime = performance.now();
+  const animate = () => {
+    const currentTime = performance.now();
+    const progress = Math.min((currentTime - startTime) / duration, 1);
+    const value = start + (end - start) * progress;
+    callback(value);
+    if (progress < 1) {
+      requestAnimationFrame(animate);
+    }
+  };
+  animate();
+};
+//# sourceMappingURL=animate.js.map

package/lib/esm/utils/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.js","names":["animateNumericValue","start","end","duration","callback","startTime","performance","now","animate","currentTime","progress","Math","min","value","requestAnimationFrame"],"sources":["../../../src/utils/animate.ts"],"sourcesContent":["export const animateNumericValue = (\n    start: number,\n    end: number,\n    duration: number,\n    callback: (value: number) => void,\n) => {\n    if (start === end) {\n        callback(end);\n        return;\n    }\n\n    const startTime = performance.now();\n    const animate = () => {\n        const currentTime = performance.now();\n        const progress = Math.min((currentTime - startTime) / duration, 1);\n        const value = start + (end - start) * progress;\n        callback(value);\n        if (progress < 1) {\n            requestAnimationFrame(animate);\n        }\n    };\n    animate();\n};\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAGA,CAC/BC,KAAa,EACbC,GAAW,EACXC,QAAgB,EAChBC,QAAiC,KAChC;EACD,IAAIH,KAAK,KAAKC,GAAG,EAAE;IACfE,QAAQ,CAACF,GAAG,CAAC;IACb;EACJ;EAEA,MAAMG,SAAS,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;EACnC,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClB,MAAMC,WAAW,GAAGH,WAAW,CAACC,GAAG,CAAC,CAAC;IACrC,MAAMG,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAAC,CAACH,WAAW,GAAGJ,SAAS,IAAIF,QAAQ,EAAE,CAAC,CAAC;IAClE,MAAMU,KAAK,GAAGZ,KAAK,GAAG,CAACC,GAAG,GAAGD,KAAK,IAAIS,QAAQ;IAC9CN,QAAQ,CAACS,KAAK,CAAC;IACf,IAAIH,QAAQ,GAAG,CAAC,EAAE;MACdI,qBAAqB,CAACN,OAAO,CAAC;IAClC;EACJ,CAAC;EACDA,OAAO,CAAC,CAAC;AACb,CAAC","ignoreList":[]}

package/lib/esm/utils/errorDialog.js

@@ -0,0 +1,6 @@
+import { createDialog, DialogType } from 'chayns-api';
+export const createErrorAlertDialog = text => createDialog({
+  type: DialogType.ALERT,
+  text: `<p style="text-align: center;">%%DialogErrorIcon%%</p><p>${text}</p>`
+});
+//# sourceMappingURL=errorDialog.js.map

package/lib/esm/utils/errorDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorDialog.js","names":["createDialog","DialogType","createErrorAlertDialog","text","type","ALERT"],"sources":["../../../src/utils/errorDialog.ts"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\n\nexport const createErrorAlertDialog = (text: string) =>\n    createDialog({\n        type: DialogType.ALERT,\n        text: `<p style=\"text-align: center;\">%%DialogErrorIcon%%</p><p>${text}</p>`,\n    });\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,UAAU,QAAQ,YAAY;AAErD,OAAO,MAAMC,sBAAsB,GAAIC,IAAY,IAC/CH,YAAY,CAAC;EACTI,IAAI,EAAEH,UAAU,CAACI,KAAK;EACtBF,IAAI,EAAE,4DAA4DA,IAAI;AAC1E,CAAC,CAAC","ignoreList":[]}

package/lib/esm/utils/loadScript.js

@@ -0,0 +1,8 @@
+export const loadScript = src => new Promise((resolve, reject) => {
+  const script = document.createElement('script');
+  script.src = src;
+  script.onload = resolve;
+  script.onabort = reject;
+  document.head.appendChild(script);
+});
+//# sourceMappingURL=loadScript.js.map

package/lib/esm/utils/loadScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadScript.js","names":["loadScript","src","Promise","resolve","reject","script","document","createElement","onload","onabort","head","appendChild"],"sources":["../../../src/utils/loadScript.ts"],"sourcesContent":["export const loadScript = (src: string): Promise<Event | UIEvent> =>\n    new Promise((resolve, reject) => {\n        const script = document.createElement('script');\n        script.src = src;\n        script.onload = resolve;\n        script.onabort = reject;\n        document.head.appendChild(script);\n    });\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAIC,GAAW,IAClC,IAAIC,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;EAC7B,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;EAC/CF,MAAM,CAACJ,GAAG,GAAGA,GAAG;EAChBI,MAAM,CAACG,MAAM,GAAGL,OAAO;EACvBE,MAAM,CAACI,OAAO,GAAGL,MAAM;EACvBE,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,MAAM,CAAC;AACrC,CAAC,CAAC","ignoreList":[]}

package/lib/esm/utils/support.js

@@ -0,0 +1,3 @@
+export const hasBrowserSupport = constraint => constraint in navigator.mediaDevices.getSupportedConstraints();
+export const checkTrackSupport = (track, capability) => hasBrowserSupport(capability) && capability in track.getCapabilities();
+//# sourceMappingURL=support.js.map

package/lib/esm/utils/support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"support.js","names":["hasBrowserSupport","constraint","navigator","mediaDevices","getSupportedConstraints","checkTrackSupport","track","capability","getCapabilities"],"sources":["../../../src/utils/support.ts"],"sourcesContent":["export const hasBrowserSupport = (constraint: string): boolean =>\n    constraint in navigator.mediaDevices.getSupportedConstraints();\n\nexport const checkTrackSupport = (track: MediaStreamTrack, capability: string): boolean =>\n    hasBrowserSupport(capability) && capability in track.getCapabilities();\n"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB,GAAIC,UAAkB,IAChDA,UAAU,IAAIC,SAAS,CAACC,YAAY,CAACC,uBAAuB,CAAC,CAAC;AAElE,OAAO,MAAMC,iBAAiB,GAAGA,CAACC,KAAuB,EAAEC,UAAkB,KACzEP,iBAAiB,CAACO,UAAU,CAAC,IAAIA,UAAU,IAAID,KAAK,CAACE,eAAe,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+import { FC } from 'react';
+import { CodeReaderOnScanCallback, ScannerErrorMessages } from '../../types/codeScanner';
+type CodeScannerProps = {
+    /**
+     * Defines which barcode formats are allowed to be detected.
+     */
+    allowedFormats?: Array<BarcodeFormat>;
+    /**
+     * The interval of the scans.
+     */
+    scanInterval?: number;
+    /**
+     * Custom error messages for various scanner states or failures.
+     */
+    errorMessages: ScannerErrorMessages;
+    /**
+     * Disables the file select feature if set to true.
+     */
+    isFileSelectDisabled?: boolean;
+    /**
+     * Disables the torch (flashlight) feature if set to true.
+     */
+    isTorchDisabled?: boolean;
+    /**
+     * Disables the zoom control if set to true.
+     */
+    isZoomDisabled?: boolean;
+    /**
+     * Maximum allowed zoom level for the camera.
+     */
+    maxZoom?: number;
+    /**
+     * Minimum allowed zoom level for the camera.
+     */
+    minZoom?: number;
+    /**
+     * Callback function triggered when a code is successfully scanned.
+     */
+    onScan?: CodeReaderOnScanCallback;
+    /**
+     * If true, allows scanning the same code multiple times in a row.
+     */
+    shouldTriggerForSameCode?: boolean;
+    /**
+     * Custom media track constraints for controlling the video input.
+     */
+    trackConstraints?: MediaTrackConstraints;
+    /**
+     * Additional video constraints for the camera feed.
+     */
+    videoConstraints?: MediaTrackConstraints;
+};
+declare const CodeScanner: FC<CodeScannerProps>;
+export default CodeScanner;

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

@@ -0,0 +1,7 @@
+export declare const StyledCodeScanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledCodeScannerPreviewProps = {
+    $isVisible: boolean;
+};
+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 {};

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

@@ -0,0 +1,45 @@
+import { FC } from 'react';
+type ScannerToolbarProps = {
+    /**
+     * Indicates whether the scanner currently has an active error.
+     */
+    hasScannerError?: boolean;
+    /**
+     * Disables the file select option if set to true.
+     */
+    isFileSelectDisabled?: boolean;
+    /**
+     * Disables the torch (flashlight) button if set to true.
+     */
+    isTorchDisabled?: boolean;
+    /**
+     * Indicates if a file is currently being scanned.
+     */
+    isScanningFile: boolean;
+    /**
+     * Disables the zoom slider if set to true.
+     */
+    isZoomDisabled?: boolean;
+    /**
+     * Maximum allowed zoom level for the camera.
+     */
+    maxZoom?: number;
+    /**
+     * Minimum allowed zoom level for the camera.
+     */
+    minZoom?: number;
+    /**
+     * Callback triggered when a file is selected for scanning.
+     */
+    onFileSelect: (file: File) => void;
+    /**
+     * The active media stream used by the scanner.
+     */
+    stream?: MediaStream;
+    /**
+     * Defines constraints for the video element, e.g., resolution or facing mode.
+     */
+    videoConstraints: MediaTrackConstraints;
+};
+declare const ScannerToolbar: FC<ScannerToolbarProps>;
+export default ScannerToolbar;

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

@@ -0,0 +1,7 @@
+export declare const StyledScannerToolbar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type ScannerToolbarButtonProps = {
+    $isAvailable?: boolean;
+    $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 {};

package/lib/types/constants/codeScanner.d.ts

@@ -0,0 +1,3 @@
+export declare const ALL_FORMATS: Array<BarcodeFormat>;
+export declare const DEFAULT_VIDEO_CONSTRAINTS: MediaTrackConstraints;
+export declare const DEFAULT_TRACK_CONSTRAINTS: MediaTrackConstraints;

package/lib/types/hooks/codeScanner.d.ts

@@ -0,0 +1,2 @@
+declare const usePrevious: <T>(value: T) => T | undefined;
+export default usePrevious;

package/lib/types/hooks/loadscript.d.ts

@@ -0,0 +1,4 @@
+export declare const useScannerPolyfill: () => {
+    loadQrCodeDetector: () => Promise<void>;
+    loaded: boolean;
+};

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CodeScanner } from './components/code-scanner/CodeScanner';
+export { ALL_FORMATS, DEFAULT_TRACK_CONSTRAINTS, DEFAULT_VIDEO_CONSTRAINTS, } from './constants/codeScanner';

package/lib/types/types/codeScanner.d.ts

@@ -0,0 +1,16 @@
+export type CodeReaderOnScanCallback = (code: {
+    format: BarcodeFormat;
+    value: string;
+}) => void | Promise<void>;
+export declare enum ScannerErrorType {
+    NO_CAMERA_ACCESS = 0,
+    CAMERA_ALREADY_IN_USE = 1,
+    DEVICE_NOT_FOUND = 2,
+    UNKNOWN = 3
+}
+export interface ScannerErrorMessages {
+    noPermission: string;
+    alreadyInUse: string;
+    cameraNotAvailable: string;
+    noCodeFound: string;
+}

package/lib/types/utils/animate.d.ts

@@ -0,0 +1 @@
+export declare const animateNumericValue: (start: number, end: number, duration: number, callback: (value: number) => void) => void;

package/lib/types/utils/errorDialog.d.ts

@@ -0,0 +1 @@
+export declare const createErrorAlertDialog: (text: string) => import("chayns-api").DialogHandler<void>;

package/lib/types/utils/loadScript.d.ts

@@ -0,0 +1 @@
+export declare const loadScript: (src: string) => Promise<Event | UIEvent>;

package/lib/types/utils/support.d.ts

@@ -0,0 +1,2 @@
+export declare const hasBrowserSupport: (constraint: string) => boolean;
+export declare const checkTrackSupport: (track: MediaStreamTrack, capability: string) => boolean;