Update Scandit integration to use new SDK, adjust TypeScript configuration, and refine overlay component styles

angular.json

@@ -895,8 +895,7 @@
               "pdfjs-dist/build/pdf",
               "pdfjs-dist/web/pdf_viewer",
               "pdfjs-dist/es5/build/pdf",
-              "pdfjs-dist/es5/web/pdf_viewer",
-              "scandit-sdk"
+              "pdfjs-dist/es5/web/pdf_viewer"
             ],
             "outputPath": "dist/isa-app",
             "index": "apps/isa-app/src/index.html",
@@ -912,7 +911,7 @@
               "apps/isa-app/src/manifest.webmanifest",
               {
                 "glob": "**/*",
-                "input": "node_modules/scandit-sdk/build",
+                "input": "node_modules/scandit-web-datacapture-barcode/build/engine",
                 "output": "scandit"
               }
             ],

apps/adapter/scan/src/lib/scandit/scandit-overlay.component.css

@@ -3,12 +3,15 @@
 }
 
 .scanner-container {
-  width: 100vw;
+  /* width: 100vw;
   height: 100vh;
+  max-width: 100vh;
+  max-height: 100vh; */
 }
 
 .close-scanner {
   @apply absolute bottom-12 left-[50%] -translate-x-[50%] block px-6 py-4 bg-white text-brand border-2 border-solid border-brand rounded-full text-lg font-bold mx-auto mt-4;
+  @apply whitespace-nowrap;
 }
 
 @screen desktop {

apps/adapter/scan/src/lib/scandit/scandit-overlay.component.html

@@ -1,4 +1,2 @@
 <div class="scanner-container" #scanContainer></div>
-<button class="close-scanner" type="button" (click)="close()">
-  Scan abbrechen
-</button>
+<button class="close-scanner" type="button" (click)="close()">Scan abbrechen</button>

apps/adapter/scan/src/lib/scandit/scandit-overlay.component.ts

@@ -1,6 +1,7 @@
-import { Component, ChangeDetectionStrategy, ElementRef, ViewChild, NgZone, AfterViewInit, OnDestroy } from '@angular/core';
-import { UiMessageModalComponent, UiModalService } from '@ui/modal';
-import { Barcode, BarcodePicker, ScanResult, ScanSettings } from 'scandit-sdk';
+import { Component, ChangeDetectionStrategy, ElementRef, ViewChild, NgZone, AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { UiModalService } from '@ui/modal';
+import { BarcodeCapture, BarcodeCaptureSettings, Symbology } from 'scandit-web-datacapture-barcode';
+import { Camera, DataCaptureContext, DataCaptureView, FrameSourceState } from 'scandit-web-datacapture-core';
 
 @Component({
   selector: 'app-scandit-overlay',
@@ -8,8 +9,11 @@ import { Barcode, BarcodePicker, ScanResult, ScanSettings } from 'scandit-sdk';
   styleUrls: ['scandit-overlay.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class ScanditOverlayComponent implements AfterViewInit, OnDestroy {
-  private _barcodePicker: BarcodePicker;
+export class ScanditOverlayComponent implements OnInit, AfterViewInit, OnDestroy {
+  private dataCaptureContext: DataCaptureContext;
+  private dataCaptureView: DataCaptureView;
+  private barcodeCapture: BarcodeCapture;
+  private camera: Camera;
 
   private _onScan?: (code: string) => void;
 
@@ -17,54 +21,61 @@ export class ScanditOverlayComponent implements AfterViewInit, OnDestroy {
 
   @ViewChild('scanContainer', { read: ElementRef, static: true }) scanContainer: ElementRef;
 
-  constructor(private _zone: NgZone, private _modal: UiModalService) {}
+  constructor(
+    private _zone: NgZone,
+    private _modal: UiModalService,
+  ) {}
 
-  ngAfterViewInit(): void {
-    this.createBarcodePicker()
-      .then(() => {
-        this._barcodePicker.on('scan', (scanResult) => {
-          this._zone.run(() => this.handleScanrResult(scanResult));
+  ngOnInit(): void {
+    this.dataCaptureView = new DataCaptureView();
+
+    this.dataCaptureView.connectToElement(this.scanContainer.nativeElement);
+
+    this.dataCaptureView.showProgressBar();
+  }
+
+  async ngAfterViewInit() {
+    this.dataCaptureContext = await DataCaptureContext.create();
+
+    this.dataCaptureView.setContext(this.dataCaptureContext);
+
+    this.barcodeCapture = await BarcodeCapture.forContext(this.dataCaptureContext, this.getScanSettings());
+
+    this.barcodeCapture.addListener({
+      didScan: (_, session, __) => {
+        this._zone.run(() => {
+          const result = session.newlyRecognizedBarcode;
+
+          const code = result?.data ?? '';
+
+          this._onScan?.(code);
         });
-      })
-      .catch((err: Error) => {
-        this._modal
-          .open({
-            content: UiMessageModalComponent,
-            title: 'Zugriff auf Kamera verweigert',
-            data: { message: 'Falls Sie den Zugriff erlauben möchten, können Sie das über die Webseiteinstellung Ihres Browsers.' },
-          })
-          .afterClosed$.subscribe(() => {
-            this._onClose?.();
-          });
-      });
-  }
-
-  async createBarcodePicker() {
-    this._barcodePicker = await BarcodePicker.create(this.scanContainer.nativeElement, {
-      playSoundOnScan: true,
-      vibrateOnScan: true,
+      },
     });
 
-    this._barcodePicker.applyScanSettings(this.getScanSettings());
+    this.camera = Camera.default;
+
+    this.dataCaptureContext.setFrameSource(this.camera);
+
+    await this.camera.switchToDesiredState(FrameSourceState.On);
+    this.dataCaptureView.hideProgressBar();
   }
 
-  getScanSettings(): ScanSettings {
-    return new ScanSettings({
-      blurryRecognition: false,
+  getScanSettings(): BarcodeCaptureSettings {
+    const settings = new BarcodeCaptureSettings();
 
-      enabledSymbologies: [
-        Barcode.Symbology.EAN8,
-        Barcode.Symbology.EAN13,
-        Barcode.Symbology.UPCA,
-        Barcode.Symbology.UPCE,
-        Barcode.Symbology.CODE128,
-        Barcode.Symbology.CODE39,
-        Barcode.Symbology.CODE93,
-        Barcode.Symbology.INTERLEAVED_2_OF_5,
-        Barcode.Symbology.QR,
-      ],
-      codeDuplicateFilter: 1000,
-    });
+    settings.enableSymbologies([
+      Symbology.EAN8,
+      Symbology.EAN13UPCA,
+      Symbology.UPCE,
+      Symbology.Code128,
+      Symbology.Code39,
+      Symbology.Code93,
+      Symbology.InterleavedTwoOfFive,
+      Symbology.QR,
+    ]);
+
+    return settings;
   }
 
   onScan(fn: (code: string) => void) {
@@ -75,26 +86,14 @@ export class ScanditOverlayComponent implements AfterViewInit, OnDestroy {
     this._onClose = fn;
   }
 
-  handleScanrResult(scanRestul: ScanResult) {
-    let result: string | undefined;
-    if (scanRestul.barcodes.length) {
-      result = scanRestul.barcodes[0].data;
-    } else if (scanRestul.texts.length) {
-      result = scanRestul.texts[0].value;
-    }
-
-    if (result) {
-      this._onScan?.(result);
-    }
-  }
-
   close() {
     this._onClose?.();
   }
 
   ngOnDestroy(): void {
     this._zone.runOutsideAngular(() => {
-      this._barcodePicker?.destroy(true);
+      this.barcodeCapture?.setEnabled(false);
+      this.camera?.switchToDesiredState(FrameSourceState.Off);
     });
   }
 }

apps/adapter/scan/src/lib/scandit/scandit.scan-adapter.ts

@@ -3,7 +3,9 @@ import { Observable, Subscriber } from 'rxjs';
 import { ScanAdapter } from '../scan-adapter';
 import { Overlay } from '@angular/cdk/overlay';
 
-import { configure } from 'scandit-sdk';
+import { configure } from 'scandit-web-datacapture-core';
+import { barcodeCaptureLoader } from 'scandit-web-datacapture-barcode';
+
 // import { ScanditModalComponent } from './scandit-modal';
 import { Config } from '@core/config';
 import { ComponentPortal } from '@angular/cdk/portal';
@@ -26,8 +28,10 @@ export class ScanditScanAdapter implements ScanAdapter {
 
   async init(): Promise<boolean> {
     if (this._environmentService.isTablet()) {
-      await configure(this._config.get('licence.scandit'), {
-        engineLocation: '/scandit/',
+      await configure({
+        licenseKey: this._config.get('licence.scandit'),
+        libraryLocation: new URL('scandit', document.baseURI).toString(),
+        moduleLoaders: [barcodeCaptureLoader()],
       });
 
       return true;

package-lock.json

@@ -34,7 +34,8 @@
         "ng2-pdf-viewer": "^10.2.2",
         "parse-duration": "^1.1.0",
         "rxjs": "~7.8.0",
-        "scandit-sdk": "^5.15.0",
+        "scandit-web-datacapture-barcode": "^6.28.1",
+        "scandit-web-datacapture-core": "^6.28.1",
         "socket.io": "^4.5.4",
         "tslib": "^2.3.0",
         "uuid": "^8.3.2",
@@ -2611,18 +2612,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/runtime-corejs2": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs2/-/runtime-corejs2-7.22.15.tgz",
-      "integrity": "sha512-CcAMW2o5uqgeXIXYYPrgmaYj1HOLvQb2DrBi7+bELD4nUVSKk+Sth+yYuGqSRf+aAiOv3sIZJTUiJBhoASJRLg==",
-      "dependencies": {
-        "core-js": "^2.6.12",
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/template": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
@@ -3280,11 +3269,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@juggle/resize-observer": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
-      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA=="
-    },
     "node_modules/@leichtgewicht/ip-codec": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
@@ -4528,6 +4512,11 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/emscripten": {
+      "version": "1.39.13",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.13.tgz",
+      "integrity": "sha512-cFq+fO/isvhvmuP/+Sl4K4jtU6E23DoivtbO4r50e3odaxAiVdbfSYRDdJ4gCdxx+3aRjhphS5ZMwIH4hFy/Cw=="
+    },
     "node_modules/@types/eslint": {
       "version": "8.44.2",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.2.tgz",
@@ -4578,6 +4567,11 @@
         "@types/send": "*"
       }
     },
+    "node_modules/@types/howler": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/@types/howler/-/howler-2.2.12.tgz",
+      "integrity": "sha512-hy769UICzOSdK0Kn1FBk4gN+lswcj1EKRkmiDtMkUGvFfYJzgaDXmVXkSShS2m89ERAatGIPnTUlp2HhfkVo5g=="
+    },
     "node_modules/@types/http-errors": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
@@ -4599,6 +4593,11 @@
       "integrity": "sha512-S6pvzQDvMZHrkBz2Mcn/8Du7cpr76PlRJBAoHnSDNbulULsH5dp0Gns+WRyNX5LHejz/ljxK4/vIHK/caHt6SQ==",
       "dev": true
     },
+    "node_modules/@types/js-cookie": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.7.tgz",
+      "integrity": "sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA=="
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.12",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
@@ -4625,6 +4624,11 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/offscreencanvas": {
+      "version": "2019.7.3",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz",
+      "integrity": "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A=="
+    },
     "node_modules/@types/qs": {
       "version": "6.9.15",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.15.tgz",
@@ -4690,6 +4694,11 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/ua-parser-js": {
+      "version": "0.7.39",
+      "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz",
+      "integrity": "sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg=="
+    },
     "node_modules/@types/uuid": {
       "version": "8.3.4",
       "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
@@ -6193,13 +6202,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/core-js": {
-      "version": "2.6.12",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
-      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
-      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
-      "hasInstallScript": true
-    },
     "node_modules/core-js-compat": {
       "version": "3.37.1",
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.1.tgz",
@@ -6425,9 +6427,9 @@
       }
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/custom-event": {
       "version": "1.0.1",
@@ -8222,9 +8224,9 @@
       }
     },
     "node_modules/howler": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/howler/-/howler-2.2.3.tgz",
-      "integrity": "sha512-QM0FFkw0LRX1PR8pNzJVAY25JhIWvbKMBFM4gqk+QdV+kPXOhleWGCB6AiAF/goGjIHK2e/nIElplvjQwhr0jg=="
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/howler/-/howler-2.2.4.tgz",
+      "integrity": "sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w=="
     },
     "node_modules/hpack.js": {
       "version": "2.1.6",
@@ -9412,14 +9414,6 @@
       "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
       "dev": true
     },
-    "node_modules/js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -11427,11 +11421,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/objectFitPolyfill": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/objectFitPolyfill/-/objectFitPolyfill-2.3.5.tgz",
-      "integrity": "sha512-8Quz071ZmGi0QWEG4xB3Bv5Lpw6K0Uca87FLoLMKMWjB6qIq9IyBegP3b/VLNxv2WYvIMGoeUQ+c6ibUkNa8TA=="
-    },
     "node_modules/obuf": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
@@ -12742,7 +12731,8 @@
     "node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "dev": true
     },
     "node_modules/regenerator-transform": {
       "version": "0.15.2",
@@ -13282,36 +13272,60 @@
       "dev": true,
       "optional": true
     },
-    "node_modules/scandit-sdk": {
-      "version": "5.15.0",
-      "resolved": "https://registry.npmjs.org/scandit-sdk/-/scandit-sdk-5.15.0.tgz",
-      "integrity": "sha512-n7JQmwle8b7dIwA0ON2fdsuhJBLDYrRaA46EjZjanMWww6tScKDOGI+2hok91uSWIGZHr5f4r5rF+SaOdgvYQQ==",
-      "deprecated": "This package has been deprecated. A new version of the Scandit Data Capture SDK which includes performance improvements and additional features is available at https://www.npmjs.com/package/scandit-web-datacapture-barcode.",
+    "node_modules/scandit-web-datacapture-barcode": {
+      "version": "6.28.1",
+      "resolved": "https://registry.npmjs.org/scandit-web-datacapture-barcode/-/scandit-web-datacapture-barcode-6.28.1.tgz",
+      "integrity": "sha512-NPMaSCwV2LL8IeEvzzT41S0LXLado8EVIqbu8LaFCBtHcob8TcKG98Vjm5xFnmoc6wNOefTppTMaAG2g9YMS2Q==",
       "dependencies": {
-        "@babel/runtime-corejs2": "^7.20.13",
-        "@juggle/resize-observer": "^3.4.0",
-        "csstype": "^3.1.1",
-        "eventemitter3": "^5.0.0",
-        "howler": "^2.2.3",
-        "js-cookie": "^3.0.1",
-        "objectFitPolyfill": "^2.3.5",
-        "tslib": "^2.4.1",
-        "ua-parser-js": "^1.0.33"
+        "@types/emscripten": "^1.39.6"
       },
       "engines": {
-        "node": ">=10.18",
-        "yarn": ">=1.22.18"
+        "node": ">=16.0.0",
+        "npm": ">=7.0.0"
+      },
+      "peerDependencies": {
+        "scandit-web-datacapture-core": "6.28.1"
       }
     },
-    "node_modules/scandit-sdk/node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+    "node_modules/scandit-web-datacapture-core": {
+      "version": "6.28.1",
+      "resolved": "https://registry.npmjs.org/scandit-web-datacapture-core/-/scandit-web-datacapture-core-6.28.1.tgz",
+      "integrity": "sha512-TFXTb5UCd6EkSCIiwzW29CXsMn77fClS61rWsM7iZ1YfJzXkXwxsXC6FMlKJ7Ozq2HDh4OEbyq4IXlaymDo1DA==",
+      "dependencies": {
+        "@types/howler": "^2.2.11",
+        "@types/js-cookie": "^2.2.6",
+        "@types/offscreencanvas": "^2019.7.3",
+        "@types/ua-parser-js": "^0.7.39",
+        "csstype": "^3.1.3",
+        "howler": "^2.2.4",
+        "js-cookie": "^2.2.1",
+        "ua-parser-js": "^1.0.37",
+        "wasm-feature-detect": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=7.0.0"
+      },
+      "peerDependencies": {
+        "electron": ">= 28"
+      },
+      "peerDependenciesMeta": {
+        "electron": {
+          "description": "Required when used in electron context",
+          "optional": true,
+          "suggested": false
+        }
+      }
     },
-    "node_modules/scandit-sdk/node_modules/ua-parser-js": {
-      "version": "1.0.36",
-      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.36.tgz",
-      "integrity": "sha512-znuyCIXzl8ciS3+y3fHJI/2OhQIXbXw9MWC/o3qwyR+RGppjZHrM27CGFSKCJXi2Kctiz537iOu2KnXs1lMQhw==",
+    "node_modules/scandit-web-datacapture-core/node_modules/js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+    },
+    "node_modules/scandit-web-datacapture-core/node_modules/ua-parser-js": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.39.tgz",
+      "integrity": "sha512-k24RCVWlEcjkdOxYmVJgeD/0a1TiSpqLg+ZalVGV9lsnr4yqu0w7tX/x2xX6G4zpkgQnRf89lxuZ1wsbjXM8lw==",
       "funding": [
         {
           "type": "opencollective",
@@ -13326,6 +13340,9 @@
           "url": "https://github.com/sponsors/faisalman"
         }
       ],
+      "bin": {
+        "ua-parser-js": "script/cli.js"
+      },
       "engines": {
         "node": "*"
       }
@@ -15593,6 +15610,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wasm-feature-detect": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/wasm-feature-detect/-/wasm-feature-detect-1.8.0.tgz",
+      "integrity": "sha512-zksaLKM2fVlnB5jQQDqKXXwYHLQUVH9es+5TOOHwGOVJOCeRBCiPjwSg+3tN2AdTCzjgli4jijCH290kXb/zWQ=="
+    },
     "node_modules/watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
@@ -17865,15 +17887,6 @@
         "regenerator-runtime": "^0.14.0"
       }
     },
-    "@babel/runtime-corejs2": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs2/-/runtime-corejs2-7.22.15.tgz",
-      "integrity": "sha512-CcAMW2o5uqgeXIXYYPrgmaYj1HOLvQb2DrBi7+bELD4nUVSKk+Sth+yYuGqSRf+aAiOv3sIZJTUiJBhoASJRLg==",
-      "requires": {
-        "core-js": "^2.6.12",
-        "regenerator-runtime": "^0.14.0"
-      }
-    },
     "@babel/template": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
@@ -18258,11 +18271,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "@juggle/resize-observer": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
-      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA=="
-    },
     "@leichtgewicht/ip-codec": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
@@ -19161,6 +19169,11 @@
         "@types/node": "*"
       }
     },
+    "@types/emscripten": {
+      "version": "1.39.13",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.13.tgz",
+      "integrity": "sha512-cFq+fO/isvhvmuP/+Sl4K4jtU6E23DoivtbO4r50e3odaxAiVdbfSYRDdJ4gCdxx+3aRjhphS5ZMwIH4hFy/Cw=="
+    },
     "@types/eslint": {
       "version": "8.44.2",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.2.tgz",
@@ -19211,6 +19224,11 @@
         "@types/send": "*"
       }
     },
+    "@types/howler": {
+      "version": "2.2.12",
+      "resolved": "https://registry.npmjs.org/@types/howler/-/howler-2.2.12.tgz",
+      "integrity": "sha512-hy769UICzOSdK0Kn1FBk4gN+lswcj1EKRkmiDtMkUGvFfYJzgaDXmVXkSShS2m89ERAatGIPnTUlp2HhfkVo5g=="
+    },
     "@types/http-errors": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
@@ -19232,6 +19250,11 @@
       "integrity": "sha512-S6pvzQDvMZHrkBz2Mcn/8Du7cpr76PlRJBAoHnSDNbulULsH5dp0Gns+WRyNX5LHejz/ljxK4/vIHK/caHt6SQ==",
       "dev": true
     },
+    "@types/js-cookie": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.7.tgz",
+      "integrity": "sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA=="
+    },
     "@types/json-schema": {
       "version": "7.0.12",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
@@ -19258,6 +19281,11 @@
         "@types/node": "*"
       }
     },
+    "@types/offscreencanvas": {
+      "version": "2019.7.3",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz",
+      "integrity": "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A=="
+    },
     "@types/qs": {
       "version": "6.9.15",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.15.tgz",
@@ -19323,6 +19351,11 @@
         "@types/node": "*"
       }
     },
+    "@types/ua-parser-js": {
+      "version": "0.7.39",
+      "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz",
+      "integrity": "sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg=="
+    },
     "@types/uuid": {
       "version": "8.3.4",
       "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.4.tgz",
@@ -20481,11 +20514,6 @@
         }
       }
     },
-    "core-js": {
-      "version": "2.6.12",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
-      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
-    },
     "core-js-compat": {
       "version": "3.37.1",
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.1.tgz",
@@ -20647,9 +20675,9 @@
       "dev": true
     },
     "csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "custom-event": {
       "version": "1.0.1",
@@ -22001,9 +22029,9 @@
       }
     },
     "howler": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/howler/-/howler-2.2.3.tgz",
-      "integrity": "sha512-QM0FFkw0LRX1PR8pNzJVAY25JhIWvbKMBFM4gqk+QdV+kPXOhleWGCB6AiAF/goGjIHK2e/nIElplvjQwhr0jg=="
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/howler/-/howler-2.2.4.tgz",
+      "integrity": "sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w=="
     },
     "hpack.js": {
       "version": "2.1.6",
@@ -22862,11 +22890,6 @@
       "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
       "dev": true
     },
-    "js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw=="
-    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -24385,11 +24408,6 @@
         "object-keys": "^1.1.1"
       }
     },
-    "objectFitPolyfill": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/objectFitPolyfill/-/objectFitPolyfill-2.3.5.tgz",
-      "integrity": "sha512-8Quz071ZmGi0QWEG4xB3Bv5Lpw6K0Uca87FLoLMKMWjB6qIq9IyBegP3b/VLNxv2WYvIMGoeUQ+c6ibUkNa8TA=="
-    },
     "obuf": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
@@ -25317,7 +25335,8 @@
     "regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "dev": true
     },
     "regenerator-transform": {
       "version": "0.15.2",
@@ -25689,31 +25708,39 @@
       "dev": true,
       "optional": true
     },
-    "scandit-sdk": {
-      "version": "5.15.0",
-      "resolved": "https://registry.npmjs.org/scandit-sdk/-/scandit-sdk-5.15.0.tgz",
-      "integrity": "sha512-n7JQmwle8b7dIwA0ON2fdsuhJBLDYrRaA46EjZjanMWww6tScKDOGI+2hok91uSWIGZHr5f4r5rF+SaOdgvYQQ==",
+    "scandit-web-datacapture-barcode": {
+      "version": "6.28.1",
+      "resolved": "https://registry.npmjs.org/scandit-web-datacapture-barcode/-/scandit-web-datacapture-barcode-6.28.1.tgz",
+      "integrity": "sha512-NPMaSCwV2LL8IeEvzzT41S0LXLado8EVIqbu8LaFCBtHcob8TcKG98Vjm5xFnmoc6wNOefTppTMaAG2g9YMS2Q==",
       "requires": {
-        "@babel/runtime-corejs2": "^7.20.13",
-        "@juggle/resize-observer": "^3.4.0",
-        "csstype": "^3.1.1",
-        "eventemitter3": "^5.0.0",
-        "howler": "^2.2.3",
-        "js-cookie": "^3.0.1",
-        "objectFitPolyfill": "^2.3.5",
-        "tslib": "^2.4.1",
-        "ua-parser-js": "^1.0.33"
+        "@types/emscripten": "^1.39.6"
+      }
+    },
+    "scandit-web-datacapture-core": {
+      "version": "6.28.1",
+      "resolved": "https://registry.npmjs.org/scandit-web-datacapture-core/-/scandit-web-datacapture-core-6.28.1.tgz",
+      "integrity": "sha512-TFXTb5UCd6EkSCIiwzW29CXsMn77fClS61rWsM7iZ1YfJzXkXwxsXC6FMlKJ7Ozq2HDh4OEbyq4IXlaymDo1DA==",
+      "requires": {
+        "@types/howler": "^2.2.11",
+        "@types/js-cookie": "^2.2.6",
+        "@types/offscreencanvas": "^2019.7.3",
+        "@types/ua-parser-js": "^0.7.39",
+        "csstype": "^3.1.3",
+        "howler": "^2.2.4",
+        "js-cookie": "^2.2.1",
+        "ua-parser-js": "^1.0.37",
+        "wasm-feature-detect": "^1.6.1"
       },
       "dependencies": {
-        "eventemitter3": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-          "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+        "js-cookie": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+          "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
         },
         "ua-parser-js": {
-          "version": "1.0.36",
-          "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.36.tgz",
-          "integrity": "sha512-znuyCIXzl8ciS3+y3fHJI/2OhQIXbXw9MWC/o3qwyR+RGppjZHrM27CGFSKCJXi2Kctiz537iOu2KnXs1lMQhw=="
+          "version": "1.0.39",
+          "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.39.tgz",
+          "integrity": "sha512-k24RCVWlEcjkdOxYmVJgeD/0a1TiSpqLg+ZalVGV9lsnr4yqu0w7tX/x2xX6G4zpkgQnRf89lxuZ1wsbjXM8lw=="
         }
       }
     },
@@ -27245,6 +27272,11 @@
       "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==",
       "dev": true
     },
+    "wasm-feature-detect": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/wasm-feature-detect/-/wasm-feature-detect-1.8.0.tgz",
+      "integrity": "sha512-zksaLKM2fVlnB5jQQDqKXXwYHLQUVH9es+5TOOHwGOVJOCeRBCiPjwSg+3tN2AdTCzjgli4jijCH290kXb/zWQ=="
+    },
     "watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",

package.json

@@ -85,7 +85,8 @@
     "ng2-pdf-viewer": "^10.2.2",
     "parse-duration": "^1.1.0",
     "rxjs": "~7.8.0",
-    "scandit-sdk": "^5.15.0",
+    "scandit-web-datacapture-barcode": "^6.28.1",
+    "scandit-web-datacapture-core": "^6.28.1",
     "socket.io": "^4.5.4",
     "tslib": "^2.3.0",
     "uuid": "^8.3.2",

tsconfig.json

@@ -17,7 +17,7 @@
       "node_modules/@types"
     ],
     "lib": [
-      "es2018",
+      "es2020",
       "dom"
     ],
     "paths": {