@ekyc_qoobiss/qbs-ect-cmp 4.7.19 → 4.7.21

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.
@@ -510,7 +510,7 @@ const HowToInfo = class {
510
510
  };
511
511
  HowToInfo.style = howToInfoCss;
512
512
 
513
- const idAutoCaptureCss = ".camera{color:white;display:flex;align-items:center;justify-content:center;position:relative}.cameraCanvas,.cameraCanvasSelfie,.cameraCanvasSelfieDesk{z-index:3;max-width:100%;max-height:100%;border-radius:10px}.cameraCanvasSelfie,.cameraCanvasSelfieDesk{transform:scale(-1, 1);-webkit-transform:scale(-1, 1)}.cameraVideo,.cameraVideoSelfie,.cameraVideoSelfieDesk{z-index:2;position:absolute;max-width:100%;max-height:100%;border-radius:10px}.cameraVideoSelfie,.cameraVideoSelfieDesk{transform:scale(-1, 1);-webkit-transform:scale(-1, 1)}@keyframes capture-flash{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.capture-flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;opacity:0;animation:capture-flash 0.2s ease-out;pointer-events:none;z-index:10;}.id-guide-rectangle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;padding-bottom:calc(70% / 1.58);border:3px dashed rgba(255, 255, 255, 0.7);border-radius:8px;z-index:5;pointer-events:none;box-sizing:border-box;}";
513
+ const idAutoCaptureCss = ".camera{color:white;display:flex;align-items:center;justify-content:center;position:relative}.cameraCanvas,.cameraCanvasSelfie,.cameraCanvasSelfieDesk{z-index:3;max-width:100%;max-height:100%;border-radius:10px}.cameraCanvasSelfie,.cameraCanvasSelfieDesk{transform:scale(-1, 1);-webkit-transform:scale(-1, 1)}.cameraVideo,.cameraVideoSelfie,.cameraVideoSelfieDesk{z-index:2;max-width:100%;max-height:100%;border-radius:10px}.cameraVideoSelfie,.cameraVideoSelfieDesk{transform:scale(-1, 1);-webkit-transform:scale(-1, 1)}@keyframes capture-flash{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.capture-flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;opacity:0;animation:capture-flash 0.2s ease-out;pointer-events:none;z-index:10;}.id-guide-rectangle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;padding-bottom:calc(70% / 1.58);border:3px dashed rgba(255, 255, 255, 0.7);border-radius:8px;z-index:5;pointer-events:none;box-sizing:border-box;}";
514
514
 
515
515
  const IdAutoCapture = class {
516
516
  constructor(hostRef) {
@@ -529,10 +529,10 @@ const IdAutoCapture = class {
529
529
  this.isDetecting = false;
530
530
  this.opencvReady = false;
531
531
  this.isCapturing = false;
532
- this.handleOpencvReady = () => {
532
+ this.handleOpencvReady = async () => {
533
533
  this.opencvReady = true;
534
534
  console.log('OpenCV.js loaded. Ready to start detection.');
535
- this.getMedia(); // Get camera media once OpenCV is ready
535
+ await this.getMedia(); // Get camera media once OpenCV is ready
536
536
  this.handleStartDetection(); // Start processing video frames
537
537
  };
538
538
  // Method to start video recording
@@ -778,7 +778,7 @@ const IdAutoCapture = class {
778
778
  if (TranslationUtils.state.device.isDesktop) {
779
779
  cameraVideoClass = 'cameraVideoSelfieDesk';
780
780
  }
781
- return (index.h("div", { key: 'ce5db4f3296b82eddf8490e3e26d0702b77ef1da', class: "container flex center" }, index.h("div", { key: '24392189f60bbb43c1998352ecfae859764a15cf', class: "px-2 w-100" }, index.h("h1", { key: '7d4d416b98951f4a92430b5e9d20a9a3b9ce0e0c', class: this.titleStyle, innerHTML: this.titleMesage }), index.h("div", { key: '3bd8ec8be56e8b63337c33faffbb373260c5b916', hidden: this.verified }, index.h("div", { key: 'a4246f9f012205bc1a9ce8ee0bbbd0dc39715403', class: "w-100 h-100 rounded" }, index.h("div", { key: 'dda9c78dd458b9ee1e65a96d50a77e98189e51e3', class: "camera rounded" }, index.h("video", { key: '059675f57acb64395b193d59c375c97a50140429', id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.videoElement = el) }), index.h("canvas", { key: '92c54972bc91b472462fcea477c94fa077471086', id: "output", ref: el => (this.canvasElement = el), style: { display: 'none' } }), index.h("canvas", { key: '8172d47f334dfe4b3d88683baa13258182dbd6f4', id: "processingCanvasElement", ref: el => (this.processingCanvasElement = el), style: { display: 'none' } }), index.h("div", { key: '171bf822a61d8b4b0ce34f98e85bc715e619e3a5', class: "id-guide-rectangle" }), this.isCapturing && index.h("div", { key: '179ad14e1a562f1ffb35038a7f3b94d83b08daa5', class: "capture-flash-overlay" }), this.countdown > 0 && (index.h("div", { key: '096ec6d92929894bca2e6760599bd34592aa146e', class: "absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center" }, index.h("span", { key: '72c1cad37dffc7ef6a173a92e223c97ddd242ed4', class: "text-white text-9xl font-bold animate-bounce" }, this.countdown)))))), index.h("div", { key: '3fc9e8ac14cc72999d185c2a4b1bafd3cfa3faea', class: "footer text-center" }, index.h("img", { key: 'fc1a0ba31bca1c1f9bf11b38330a674d7c1a3480', src: Cameras.logoOntraceSvg })))));
781
+ return (index.h("div", { key: '239110026f2b86b4d21a04571130d29d402f273b', class: "container flex center" }, index.h("div", { key: 'd3c882b832b541ac902f01ecd7a79c23e2b22eb1', class: "px-2 w-100" }, index.h("h1", { key: '38452a0b19aa389e83f1a0010d869c9f41cb20e1', class: this.titleStyle, innerHTML: this.titleMesage }), index.h("div", { key: '5f846e0c702d388cc04e3fc305d194bbcae78fdc', hidden: this.verified }, index.h("div", { key: '0201a63cd53a9c7299422486174413f6a15553f0', class: "w-100 h-100 rounded" }, index.h("div", { key: '67f8c00e0ede3cc836f57deb8a15449bc15538e8', class: "camera rounded" }, index.h("video", { key: 'bd20436cc64cd7e0da4b3aee7909906563ae1ce7', id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.videoElement = el) }), index.h("canvas", { key: '9d2910bcc563d1a6df51ad4304efed898f89c4fa', id: "output", ref: el => (this.canvasElement = el), style: { display: 'none' } }), index.h("canvas", { key: '44df5c5e8da34e233deb782443d472536f65b2e7', id: "processingCanvasElement", ref: el => (this.processingCanvasElement = el), style: { display: 'none' } }), index.h("div", { key: '2a35a0c7778e62b36095d56bc715d612ca17c752', class: "id-guide-rectangle" }), this.isCapturing && index.h("div", { key: 'b28c98ed3da1dcf8902f42df3f5758aec5cc8b82', class: "capture-flash-overlay" }), this.countdown > 0 && (index.h("div", { key: 'eafcaa2fb46ba675fd4a600318dd5fe7ba95641e', class: "absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center" }, index.h("span", { key: '6df1640462fb3cd6eb4b17f8feb011d7bdeb35f4', class: "text-white text-9xl font-bold animate-bounce" }, this.countdown)))))), index.h("div", { key: '09ad24e2c403c44db82d2790a39311d1c9120031', class: "footer text-center" }, index.h("img", { key: '6532d116449468609ac82fb2b7ab429f074a3069', src: Cameras.logoOntraceSvg })))));
782
782
  }
783
783
  get el() { return index.getElement(this); }
784
784
  };
@@ -843,7 +843,7 @@ const IdSelection = class {
843
843
  };
844
844
  IdSelection.style = idSelectionCss;
845
845
 
846
- const version$1 = "4.7.19";
846
+ const version$1 = "4.7.21";
847
847
  var packageJson = {
848
848
  version: version$1};
849
849