@ekyc_qoobiss/qbs-ect-cmp 4.7.18 → 4.7.19

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 = "@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;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;}";
514
514
 
515
515
  const IdAutoCapture = class {
516
516
  constructor(hostRef) {
@@ -775,12 +775,10 @@ const IdAutoCapture = class {
775
775
  }
776
776
  render() {
777
777
  let cameraVideoClass = 'cameraVideo';
778
- let cameraCanvasClass = 'cameraCanvas';
779
778
  if (TranslationUtils.state.device.isDesktop) {
780
779
  cameraVideoClass = 'cameraVideoSelfieDesk';
781
- cameraCanvasClass = 'cameraCanvasSelfieDesk';
782
780
  }
783
- return (index.h("div", { key: 'f9dab73e130d1eb9d868aa8fbd7e7f87130bd3e4', class: "container flex center" }, index.h("div", { key: '7b4a33981b50f7574575eee00daec592e6e18112', class: "px-2 w-100" }, index.h("h1", { key: '66ed25207cd0ab02365d729fdfc01c8c14ebb012', class: this.titleStyle, innerHTML: this.titleMesage }), index.h("div", { key: '7bd8211e03cd853803446a25ce862365b0be0a06', hidden: this.verified }, index.h("div", { key: '151a2cfb5fc0af17ab607be928fc181969fb38ca', class: "w-100 h-100 rounded" }, index.h("div", { key: 'dc34730669f4ebedaac894e5cd190680658ac743', class: "camera rounded" }, index.h("video", { key: '7e01b3eabb9945e4629f685a1f4141fc14899f5a', id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.videoElement = el) }), index.h("canvas", { key: '85675e9533b0d2ecbe448bed08f94a285455817d', id: "output", class: cameraCanvasClass, ref: el => (this.canvasElement = el) }), index.h("canvas", { key: 'b51d0c04ba8cf8bb07f0719095b858223b3637f7', id: "processingCanvasElement", ref: el => (this.processingCanvasElement = el), style: { display: 'none' } }), index.h("div", { key: 'd59716f98cd2241dcde8be542d9452c37145232e', class: "id-guide-rectangle" }), this.isCapturing && index.h("div", { key: '73f6a68f5935a3b9dc13494773426734665f325a', class: "capture-flash-overlay" }), this.countdown > 0 && (index.h("div", { key: 'cb1cd5ec46cbfea0dd82c35b6a9af9a0dffd9a46', class: "absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center" }, index.h("span", { key: '4d8494b1edab23158ea1c22f30cc14df3387c2de', class: "text-white text-9xl font-bold animate-bounce" }, this.countdown)))))), index.h("div", { key: '8ca97d57b739c3b0fa44bc57c1a2289a3f81dd6c', class: "footer text-center" }, index.h("img", { key: '4e19d95e0e212a83f41a2c0d35a53f216446c978', src: Cameras.logoOntraceSvg })))));
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 })))));
784
782
  }
785
783
  get el() { return index.getElement(this); }
786
784
  };
@@ -845,7 +843,7 @@ const IdSelection = class {
845
843
  };
846
844
  IdSelection.style = idSelectionCss;
847
845
 
848
- const version$1 = "4.7.18";
846
+ const version$1 = "4.7.19";
849
847
  var packageJson = {
850
848
  version: version$1};
851
849