@ekyc_qoobiss/qbs-ect-cmp 1.8.10 → 1.8.11

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.
@@ -264,8 +264,14 @@ IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecr
264
264
  IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
265
265
  IdCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran. Ai grijă să încadrezi integral actul în chenraul de pe ecran și să nu apară reflexii de lumină pe suprafața acestuia.';
266
266
  IdCaptureValues.IDPoseMapping = {
267
- 0: 'Înclină actul de identitate spre spate.',
268
- 1: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
267
+ 0: '',
268
+ 1: 'Înclină actul de identitate spre spate.',
269
+ 2: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
270
+ };
271
+ IdCaptureValues.IDPoseDemoMapping = {
272
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/id_front.mp4',
273
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/id_tilt_front.mp4',
274
+ 2: ''
269
275
  };
270
276
  IdCaptureValues.Loading = 'Datele sunt încărcate';
271
277
  class SelfieCaptureValues extends GlobalValues {
@@ -281,6 +287,16 @@ SelfieCaptureValues.FacePoseMapping = {
281
287
  3: 'Înclină capul în față.',
282
288
  4: 'Înclină capul spre stânga.',
283
289
  5: 'Înclină capul spre dreapta.',
290
+ 6: ''
291
+ };
292
+ SelfieCaptureValues.FacePoseDemoMapping = {
293
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_left.mp4',
294
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_right.mp4',
295
+ 2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_back.mp4',
296
+ 3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_front.mp4',
297
+ 4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_left.mp4',
298
+ 5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_right.mp4',
299
+ 6: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_main.mp4'
284
300
  };
285
301
  class AgreementInfoValues extends GlobalValues {
286
302
  }
@@ -1776,8 +1792,9 @@ class ML5 {
1776
1792
 
1777
1793
  var IDPose;
1778
1794
  (function (IDPose) {
1779
- IDPose[IDPose["Tilted"] = 0] = "Tilted";
1780
- IDPose[IDPose["Straight"] = 1] = "Straight";
1795
+ IDPose[IDPose["Straight"] = 0] = "Straight";
1796
+ IDPose[IDPose["Tilted"] = 1] = "Tilted";
1797
+ IDPose[IDPose["Straightened"] = 2] = "Straightened";
1781
1798
  })(IDPose || (IDPose = {}));
1782
1799
 
1783
1800
  const idWhiteSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjIzOCIgdmlld0JveD0iMCAwIDMzNSAyMzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzM0Ljg4NiA0Ni45MjQxSDMyNy45MDhWNy45NzUzN0gyODguMjczVjAuOTkzMTY0SDMzNC44ODZWNDYuOTI0MVoiIGZpbGw9IiNFNkU2RTYiLz4NCjxwYXRoIGQ9Ik0zMzUuMDAxIDIzNy4wMDdIMjg5LjA3VjIzMC4wMjVIMzI4LjAxOVYxOTAuMzlIMzM1LjAwMVYyMzcuMDA3WiIgZmlsbD0iI0U2RTZFNiIvPg0KPHBhdGggZD0iTTQ2LjcyNzEgMjM3LjAwN0gwLjEwOTg2M1YxOTEuMDcySDcuMDkyMDdWMjMwLjAyNUg0Ni43MjcxVjIzNy4wMDdaIiBmaWxsPSIjRTZFNkU2Ii8+DQo8cGF0aCBkPSJNNi45ODE3MiA0Ny42MTA0SC0wLjAwMDQ4ODI4MVYwLjk5MzE2NEg0NS45MzA1VjcuOTc1MzdINi45ODE3MlY0Ny42MTA0WiIgZmlsbD0iI0U2RTZFNiIvPg0KPC9zdmc+DQo=';
@@ -1896,6 +1913,7 @@ var FacePose;
1896
1913
  FacePose[FacePose["LookDown"] = 3] = "LookDown";
1897
1914
  FacePose[FacePose["TiltLeft"] = 4] = "TiltLeft";
1898
1915
  FacePose[FacePose["TiltRight"] = 5] = "TiltRight";
1916
+ FacePose[FacePose["Main"] = 6] = "Main";
1899
1917
  })(FacePose || (FacePose = {}));
1900
1918
  class FacePosePick {
1901
1919
  static randomEnum(anEnum) {
@@ -5358,7 +5376,7 @@ const IdBackCapture = class {
5358
5376
  };
5359
5377
  IdBackCapture.style = idBackCaptureCss;
5360
5378
 
5361
- const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100%;border-radius:10px}";
5379
+ const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100%}.title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:relative}.title-animation{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:0}";
5362
5380
 
5363
5381
  const IdCapture = class {
5364
5382
  // @State() private animationPath: string;
@@ -5376,21 +5394,19 @@ const IdCapture = class {
5376
5394
  this.captureTaken = undefined;
5377
5395
  this.verified = undefined;
5378
5396
  this.titleMesage = undefined;
5379
- this.demoEnded = undefined;
5397
+ this.showDemo = undefined;
5398
+ this.demoLink = undefined;
5380
5399
  this.captureTaken = false;
5381
5400
  this.verified = false;
5382
5401
  this.cameras = new Cameras();
5383
- this.demoEnded = false;
5402
+ this.showDemo = true;
5403
+ this.demoLink = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
5384
5404
  }
5385
- eventChangeTitle(event) {
5386
- // this.stopAnimation = false;
5387
- // if (event.detail == IDPose.Tilted) {
5388
- // this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
5389
- // }
5390
- // if (event.detail == IDPose.Straight) {
5391
- // this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
5392
- // }
5405
+ async eventChangeTitle(event) {
5406
+ this.showDemo = true;
5393
5407
  this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
5408
+ this.demoLink = IdCaptureValues.IDPoseDemoMapping[event.detail];
5409
+ await this.showAnimation(false);
5394
5410
  }
5395
5411
  eventVideoStarted(event) {
5396
5412
  this.videoStarted = true;
@@ -5406,13 +5422,19 @@ const IdCapture = class {
5406
5422
  Events.flowError('This browser does not support webRTC');
5407
5423
  }
5408
5424
  }
5409
- async componentDidLoad() {
5425
+ async showAnimation(loop) {
5410
5426
  let video = this.component.getElementsByClassName('cameraVideoDemo')[0];
5411
- video.defaultPlaybackRate = 0.5;
5412
- video.playbackRate = 0.5;
5427
+ // video.defaultPlaybackRate = 0.5;
5428
+ // video.playbackRate = 0.5;
5429
+ video.loop = loop;
5413
5430
  video.play();
5414
- await this.delay(6000);
5415
- this.demoEnded = true;
5431
+ if (!loop) {
5432
+ await this.delay(5100);
5433
+ this.showDemo = false;
5434
+ }
5435
+ }
5436
+ async componentDidLoad() {
5437
+ await this.showAnimation(false);
5416
5438
  this.openCamera();
5417
5439
  // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
5418
5440
  }
@@ -5454,29 +5476,23 @@ const IdCapture = class {
5454
5476
  this.photoIsReady(res[0]);
5455
5477
  });
5456
5478
  }
5457
- verificationFinished() {
5479
+ async verificationFinished() {
5458
5480
  if (this.verified)
5459
5481
  return;
5460
5482
  this.verified = true;
5483
+ this.demoLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
5461
5484
  this.titleMesage = IdCaptureValues.Loading;
5462
5485
  this.closeCamera();
5486
+ await this.showAnimation(true);
5463
5487
  }
5464
5488
  render() {
5465
- let loadingBlock;
5466
- if (this.verified) {
5467
- loadingBlock = (index.h("div", { class: "pos-relative" }, index.h("div", { class: "dot-effect" }, index.h("div", { class: "snippet", "data-title": ".dot-shuttle" }, index.h("div", { class: "stage filter-contrast" }, index.h("div", { class: "dot-shuttle" }))))));
5468
- }
5469
- // let animationBlock: HTMLImageElement;
5470
- // if (this.videoStarted && this.stopAnimation !== true) {
5471
- // animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
5472
- // }
5473
5489
  let cameraStyle;
5474
5490
  let cameraStyleInner;
5475
5491
  if (this.videoStarted) {
5476
5492
  cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
5477
5493
  cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
5478
5494
  }
5479
- return (index.h("div", { class: "container bg-black" }, index.h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true, hidden: this.demoEnded }, index.h("source", { src: "../../../assets/animations/id/id_scan.mp4", type: "video/mp4" })), index.h("div", { class: "row ctheight-100", hidden: this.demoEnded == false }, index.h("div", null, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { hidden: this.verified, class: "chenar-buletin pos-relative" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
5495
+ return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true }, index.h("source", { src: this.demoLink, type: "video/mp4" })), index.h("div", { class: "title-animation" }, index.h("h1", { class: "color-white" }, this.titleMesage))), index.h("div", { hidden: this.verified || this.showDemo }, index.h("div", { class: "chenar-buletin pos-relative" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { device: this.device, "capture-mode": "id" })))), index.h("div", { class: "title" }, index.h("h1", { class: "color-white" }, this.titleMesage)), index.h("div", { class: "pos-relative" }, index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
5480
5496
  }
5481
5497
  get component() { return index.getElement(this); }
5482
5498
  };
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
17
+ return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
18
+ return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
19
19
  });
@@ -37,5 +37,19 @@
37
37
  .cameraVideoDemo {
38
38
  max-width: 100%;
39
39
  max-height: 100%;
40
- border-radius: 10px;
40
+ }
41
+
42
+ .title {
43
+ z-index: 0;
44
+ margin-top: 3vh;
45
+ margin-bottom: 3vh;
46
+ position: relative;
47
+ }
48
+
49
+ .title-animation {
50
+ z-index: 0;
51
+ margin-top: 3vh;
52
+ margin-bottom: 3vh;
53
+ position: absolute;
54
+ bottom: 0;
41
55
  }
@@ -5,6 +5,7 @@ import { Stream } from '../../../helpers/Stream';
5
5
  import { IdCaptureValues } from '../../../helpers/textValues';
6
6
  import { IDML5Detector } from '../../../libs/IDML5Detector/IDML5Detector';
7
7
  import { FaceML5Detector } from '../../../libs/FaceML5Detector/FaceML5Detector';
8
+ import { IDPose } from '../../../libs/IDML5Detector/IDPose';
8
9
  // import { IDPose } from '../../libs/IDML5Detector/IDPose';
9
10
  export class IdCapture {
10
11
  // @State() private animationPath: string;
@@ -20,21 +21,19 @@ export class IdCapture {
20
21
  this.captureTaken = undefined;
21
22
  this.verified = undefined;
22
23
  this.titleMesage = undefined;
23
- this.demoEnded = undefined;
24
+ this.showDemo = undefined;
25
+ this.demoLink = undefined;
24
26
  this.captureTaken = false;
25
27
  this.verified = false;
26
28
  this.cameras = new Cameras();
27
- this.demoEnded = false;
28
- }
29
- eventChangeTitle(event) {
30
- // this.stopAnimation = false;
31
- // if (event.detail == IDPose.Tilted) {
32
- // this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
33
- // }
34
- // if (event.detail == IDPose.Straight) {
35
- // this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
36
- // }
29
+ this.showDemo = true;
30
+ this.demoLink = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
31
+ }
32
+ async eventChangeTitle(event) {
33
+ this.showDemo = true;
37
34
  this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
35
+ this.demoLink = IdCaptureValues.IDPoseDemoMapping[event.detail];
36
+ await this.showAnimation(false);
38
37
  }
39
38
  eventVideoStarted(event) {
40
39
  this.videoStarted = true;
@@ -50,13 +49,19 @@ export class IdCapture {
50
49
  Events.flowError('This browser does not support webRTC');
51
50
  }
52
51
  }
53
- async componentDidLoad() {
52
+ async showAnimation(loop) {
54
53
  let video = this.component.getElementsByClassName('cameraVideoDemo')[0];
55
- video.defaultPlaybackRate = 0.5;
56
- video.playbackRate = 0.5;
54
+ // video.defaultPlaybackRate = 0.5;
55
+ // video.playbackRate = 0.5;
56
+ video.loop = loop;
57
57
  video.play();
58
- await this.delay(6000);
59
- this.demoEnded = true;
58
+ if (!loop) {
59
+ await this.delay(5100);
60
+ this.showDemo = false;
61
+ }
62
+ }
63
+ async componentDidLoad() {
64
+ await this.showAnimation(false);
60
65
  this.openCamera();
61
66
  // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
62
67
  }
@@ -98,29 +103,23 @@ export class IdCapture {
98
103
  this.photoIsReady(res[0]);
99
104
  });
100
105
  }
101
- verificationFinished() {
106
+ async verificationFinished() {
102
107
  if (this.verified)
103
108
  return;
104
109
  this.verified = true;
110
+ this.demoLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
105
111
  this.titleMesage = IdCaptureValues.Loading;
106
112
  this.closeCamera();
113
+ await this.showAnimation(true);
107
114
  }
108
115
  render() {
109
- let loadingBlock;
110
- if (this.verified) {
111
- loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
112
- }
113
- // let animationBlock: HTMLImageElement;
114
- // if (this.videoStarted && this.stopAnimation !== true) {
115
- // animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
116
- // }
117
116
  let cameraStyle;
118
117
  let cameraStyleInner;
119
118
  if (this.videoStarted) {
120
119
  cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
121
120
  cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
122
121
  }
123
- return (h("div", { class: "container bg-black" }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true, hidden: this.demoEnded }, h("source", { src: "../../../assets/animations/id/id_scan.mp4", type: "video/mp4" })), h("div", { class: "row ctheight-100", hidden: this.demoEnded == false }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.verified, class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
122
+ return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true }, h("source", { src: this.demoLink, type: "video/mp4" })), h("div", { class: "title-animation" }, h("h1", { class: "color-white" }, this.titleMesage))), h("div", { hidden: this.verified || this.showDemo }, h("div", { class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), h("div", { class: "title" }, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
124
123
  }
125
124
  static get is() { return "id-capture"; }
126
125
  static get originalStyleUrls() {
@@ -164,7 +163,8 @@ export class IdCapture {
164
163
  "captureTaken": {},
165
164
  "verified": {},
166
165
  "titleMesage": {},
167
- "demoEnded": {}
166
+ "showDemo": {},
167
+ "demoLink": {}
168
168
  };
169
169
  }
170
170
  static get events() {
@@ -54,8 +54,14 @@ IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecr
54
54
  IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
55
55
  IdCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran. Ai grijă să încadrezi integral actul în chenraul de pe ecran și să nu apară reflexii de lumină pe suprafața acestuia.';
56
56
  IdCaptureValues.IDPoseMapping = {
57
- 0: 'Înclină actul de identitate spre spate.',
58
- 1: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
57
+ 0: '',
58
+ 1: 'Înclină actul de identitate spre spate.',
59
+ 2: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
60
+ };
61
+ IdCaptureValues.IDPoseDemoMapping = {
62
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/id_front.mp4',
63
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/id_tilt_front.mp4',
64
+ 2: ''
59
65
  };
60
66
  IdCaptureValues.Loading = 'Datele sunt încărcate';
61
67
  export class SelfieCaptureValues extends GlobalValues {
@@ -71,6 +77,16 @@ SelfieCaptureValues.FacePoseMapping = {
71
77
  3: 'Înclină capul în față.',
72
78
  4: 'Înclină capul spre stânga.',
73
79
  5: 'Înclină capul spre dreapta.',
80
+ 6: ''
81
+ };
82
+ SelfieCaptureValues.FacePoseDemoMapping = {
83
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_left.mp4',
84
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_right.mp4',
85
+ 2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_back.mp4',
86
+ 3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_front.mp4',
87
+ 4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_left.mp4',
88
+ 5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_right.mp4',
89
+ 6: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_main.mp4'
74
90
  };
75
91
  export class AgreementInfoValues extends GlobalValues {
76
92
  }
@@ -6,6 +6,7 @@ export var FacePose;
6
6
  FacePose[FacePose["LookDown"] = 3] = "LookDown";
7
7
  FacePose[FacePose["TiltLeft"] = 4] = "TiltLeft";
8
8
  FacePose[FacePose["TiltRight"] = 5] = "TiltRight";
9
+ FacePose[FacePose["Main"] = 6] = "Main";
9
10
  })(FacePose || (FacePose = {}));
10
11
  export class FacePosePick {
11
12
  static randomEnum(anEnum) {
@@ -1,5 +1,6 @@
1
1
  export var IDPose;
2
2
  (function (IDPose) {
3
- IDPose[IDPose["Tilted"] = 0] = "Tilted";
4
- IDPose[IDPose["Straight"] = 1] = "Straight";
3
+ IDPose[IDPose["Straight"] = 0] = "Straight";
4
+ IDPose[IDPose["Tilted"] = 1] = "Tilted";
5
+ IDPose[IDPose["Straightened"] = 2] = "Straightened";
5
6
  })(IDPose || (IDPose = {}));
@@ -260,8 +260,14 @@ IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecr
260
260
  IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
261
261
  IdCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai instrucțiunile de pe ecran. Ai grijă să încadrezi integral actul în chenraul de pe ecran și să nu apară reflexii de lumină pe suprafața acestuia.';
262
262
  IdCaptureValues.IDPoseMapping = {
263
- 0: 'Înclină actul de identitate spre spate.',
264
- 1: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
263
+ 0: '',
264
+ 1: 'Înclină actul de identitate spre spate.',
265
+ 2: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
266
+ };
267
+ IdCaptureValues.IDPoseDemoMapping = {
268
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/id_front.mp4',
269
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/id_tilt_front.mp4',
270
+ 2: ''
265
271
  };
266
272
  IdCaptureValues.Loading = 'Datele sunt încărcate';
267
273
  class SelfieCaptureValues extends GlobalValues {
@@ -277,6 +283,16 @@ SelfieCaptureValues.FacePoseMapping = {
277
283
  3: 'Înclină capul în față.',
278
284
  4: 'Înclină capul spre stânga.',
279
285
  5: 'Înclină capul spre dreapta.',
286
+ 6: ''
287
+ };
288
+ SelfieCaptureValues.FacePoseDemoMapping = {
289
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_left.mp4',
290
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_rotate_right.mp4',
291
+ 2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_back.mp4',
292
+ 3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_front.mp4',
293
+ 4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_left.mp4',
294
+ 5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_tilt_right.mp4',
295
+ 6: 'https://ekyc.blob.core.windows.net/$web/animations/selfie_main.mp4'
280
296
  };
281
297
  class AgreementInfoValues extends GlobalValues {
282
298
  }
@@ -1772,8 +1788,9 @@ class ML5 {
1772
1788
 
1773
1789
  var IDPose;
1774
1790
  (function (IDPose) {
1775
- IDPose[IDPose["Tilted"] = 0] = "Tilted";
1776
- IDPose[IDPose["Straight"] = 1] = "Straight";
1791
+ IDPose[IDPose["Straight"] = 0] = "Straight";
1792
+ IDPose[IDPose["Tilted"] = 1] = "Tilted";
1793
+ IDPose[IDPose["Straightened"] = 2] = "Straightened";
1777
1794
  })(IDPose || (IDPose = {}));
1778
1795
 
1779
1796
  const idWhiteSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjIzOCIgdmlld0JveD0iMCAwIDMzNSAyMzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzM0Ljg4NiA0Ni45MjQxSDMyNy45MDhWNy45NzUzN0gyODguMjczVjAuOTkzMTY0SDMzNC44ODZWNDYuOTI0MVoiIGZpbGw9IiNFNkU2RTYiLz4NCjxwYXRoIGQ9Ik0zMzUuMDAxIDIzNy4wMDdIMjg5LjA3VjIzMC4wMjVIMzI4LjAxOVYxOTAuMzlIMzM1LjAwMVYyMzcuMDA3WiIgZmlsbD0iI0U2RTZFNiIvPg0KPHBhdGggZD0iTTQ2LjcyNzEgMjM3LjAwN0gwLjEwOTg2M1YxOTEuMDcySDcuMDkyMDdWMjMwLjAyNUg0Ni43MjcxVjIzNy4wMDdaIiBmaWxsPSIjRTZFNkU2Ii8+DQo8cGF0aCBkPSJNNi45ODE3MiA0Ny42MTA0SC0wLjAwMDQ4ODI4MVYwLjk5MzE2NEg0NS45MzA1VjcuOTc1MzdINi45ODE3MlY0Ny42MTA0WiIgZmlsbD0iI0U2RTZFNiIvPg0KPC9zdmc+DQo=';
@@ -1892,6 +1909,7 @@ var FacePose;
1892
1909
  FacePose[FacePose["LookDown"] = 3] = "LookDown";
1893
1910
  FacePose[FacePose["TiltLeft"] = 4] = "TiltLeft";
1894
1911
  FacePose[FacePose["TiltRight"] = 5] = "TiltRight";
1912
+ FacePose[FacePose["Main"] = 6] = "Main";
1895
1913
  })(FacePose || (FacePose = {}));
1896
1914
  class FacePosePick {
1897
1915
  static randomEnum(anEnum) {
@@ -5354,7 +5372,7 @@ const IdBackCapture = class {
5354
5372
  };
5355
5373
  IdBackCapture.style = idBackCaptureCss;
5356
5374
 
5357
- const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100%;border-radius:10px}";
5375
+ const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{max-width:100%;max-height:100%}.title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:relative}.title-animation{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:0}";
5358
5376
 
5359
5377
  const IdCapture = class {
5360
5378
  // @State() private animationPath: string;
@@ -5372,21 +5390,19 @@ const IdCapture = class {
5372
5390
  this.captureTaken = undefined;
5373
5391
  this.verified = undefined;
5374
5392
  this.titleMesage = undefined;
5375
- this.demoEnded = undefined;
5393
+ this.showDemo = undefined;
5394
+ this.demoLink = undefined;
5376
5395
  this.captureTaken = false;
5377
5396
  this.verified = false;
5378
5397
  this.cameras = new Cameras();
5379
- this.demoEnded = false;
5398
+ this.showDemo = true;
5399
+ this.demoLink = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
5380
5400
  }
5381
- eventChangeTitle(event) {
5382
- // this.stopAnimation = false;
5383
- // if (event.detail == IDPose.Tilted) {
5384
- // this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
5385
- // }
5386
- // if (event.detail == IDPose.Straight) {
5387
- // this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
5388
- // }
5401
+ async eventChangeTitle(event) {
5402
+ this.showDemo = true;
5389
5403
  this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
5404
+ this.demoLink = IdCaptureValues.IDPoseDemoMapping[event.detail];
5405
+ await this.showAnimation(false);
5390
5406
  }
5391
5407
  eventVideoStarted(event) {
5392
5408
  this.videoStarted = true;
@@ -5402,13 +5418,19 @@ const IdCapture = class {
5402
5418
  Events.flowError('This browser does not support webRTC');
5403
5419
  }
5404
5420
  }
5405
- async componentDidLoad() {
5421
+ async showAnimation(loop) {
5406
5422
  let video = this.component.getElementsByClassName('cameraVideoDemo')[0];
5407
- video.defaultPlaybackRate = 0.5;
5408
- video.playbackRate = 0.5;
5423
+ // video.defaultPlaybackRate = 0.5;
5424
+ // video.playbackRate = 0.5;
5425
+ video.loop = loop;
5409
5426
  video.play();
5410
- await this.delay(6000);
5411
- this.demoEnded = true;
5427
+ if (!loop) {
5428
+ await this.delay(5100);
5429
+ this.showDemo = false;
5430
+ }
5431
+ }
5432
+ async componentDidLoad() {
5433
+ await this.showAnimation(false);
5412
5434
  this.openCamera();
5413
5435
  // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
5414
5436
  }
@@ -5450,29 +5472,23 @@ const IdCapture = class {
5450
5472
  this.photoIsReady(res[0]);
5451
5473
  });
5452
5474
  }
5453
- verificationFinished() {
5475
+ async verificationFinished() {
5454
5476
  if (this.verified)
5455
5477
  return;
5456
5478
  this.verified = true;
5479
+ this.demoLink = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
5457
5480
  this.titleMesage = IdCaptureValues.Loading;
5458
5481
  this.closeCamera();
5482
+ await this.showAnimation(true);
5459
5483
  }
5460
5484
  render() {
5461
- let loadingBlock;
5462
- if (this.verified) {
5463
- loadingBlock = (h("div", { class: "pos-relative" }, h("div", { class: "dot-effect" }, h("div", { class: "snippet", "data-title": ".dot-shuttle" }, h("div", { class: "stage filter-contrast" }, h("div", { class: "dot-shuttle" }))))));
5464
- }
5465
- // let animationBlock: HTMLImageElement;
5466
- // if (this.videoStarted && this.stopAnimation !== true) {
5467
- // animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
5468
- // }
5469
5485
  let cameraStyle;
5470
5486
  let cameraStyleInner;
5471
5487
  if (this.videoStarted) {
5472
5488
  cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
5473
5489
  cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
5474
5490
  }
5475
- return (h("div", { class: "container bg-black" }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true, hidden: this.demoEnded }, h("source", { src: "../../../assets/animations/id/id_scan.mp4", type: "video/mp4" })), h("div", { class: "row ctheight-100", hidden: this.demoEnded == false }, h("div", null, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { hidden: this.verified, class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), loadingBlock, h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
5491
+ return (h("div", { class: "container bg-black" }, h("div", { class: "row ctheight-100" }, h("div", { hidden: this.showDemo == false }, h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true }, h("source", { src: this.demoLink, type: "video/mp4" })), h("div", { class: "title-animation" }, h("h1", { class: "color-white" }, this.titleMesage))), h("div", { hidden: this.verified || this.showDemo }, h("div", { class: "chenar-buletin pos-relative" }, h("div", { style: cameraStyle }, h("div", { style: cameraStyleInner }, h("camera-comp", { device: this.device, "capture-mode": "id" })))), h("div", { class: "title" }, h("h1", { class: "color-white" }, this.titleMesage)), h("div", { class: "pos-relative" }, h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
5476
5492
  }
5477
5493
  get component() { return getElement(this); }
5478
5494
  };
@@ -10,7 +10,7 @@ const patchEsm = () => {
10
10
  const defineCustomElements = (win, options) => {
11
11
  if (typeof window === 'undefined') return Promise.resolve();
12
12
  return patchEsm().then(() => {
13
- return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
13
+ return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
14
14
  });
15
15
  };
16
16
 
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
16
+ return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["agreement-check_16",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
17
17
  });