@ekyc_qoobiss/qbs-ect-cmp 1.8.18 → 1.8.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.
Files changed (33) hide show
  1. package/dist/cjs/agreement-check_16.cjs.entry.js +63 -88
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/qbs-ect-cmp.cjs.js +1 -1
  4. package/dist/collection/components/common/how-to-info/how-to-info.js +1 -14
  5. package/dist/collection/components/common/id-back-capture/id-back-capture.css +7 -0
  6. package/dist/collection/components/common/id-back-capture/id-back-capture.js +28 -29
  7. package/dist/collection/components/common/id-capture/id-capture.css +2 -2
  8. package/dist/collection/components/common/id-capture/id-capture.js +4 -12
  9. package/dist/collection/components/common/selfie-capture/selfie-capture.css +2 -2
  10. package/dist/collection/components/common/selfie-capture/selfie-capture.js +3 -11
  11. package/dist/collection/components/controls/camera/camera.js +0 -19
  12. package/dist/collection/components/flow/end-redirect/end-redirect.js +1 -1
  13. package/dist/collection/components/identification-component/identification-component.css +2 -2
  14. package/dist/collection/helpers/Stream.js +0 -6
  15. package/dist/collection/helpers/textValues.js +21 -21
  16. package/dist/collection/libs/FaceML5Detector/FaceML5Detector.js +2 -3
  17. package/dist/collection/libs/IDML5Detector/IDML5Detector.js +2 -3
  18. package/dist/collection/libs/IDML5Detector/IDPose.js +3 -1
  19. package/dist/esm/agreement-check_16.entry.js +63 -88
  20. package/dist/esm/loader.js +1 -1
  21. package/dist/esm/qbs-ect-cmp.js +1 -1
  22. package/dist/qbs-ect-cmp/{p-852ed0d9.entry.js → p-59c15f78.entry.js} +2 -2
  23. package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js +1 -1
  24. package/dist/types/components/common/how-to-info/how-to-info.d.ts +0 -3
  25. package/dist/types/components/common/id-back-capture/id-back-capture.d.ts +5 -3
  26. package/dist/types/components/common/id-capture/id-capture.d.ts +1 -2
  27. package/dist/types/components/common/selfie-capture/selfie-capture.d.ts +0 -1
  28. package/dist/types/components/controls/camera/camera.d.ts +0 -2
  29. package/dist/types/components.d.ts +0 -1
  30. package/dist/types/helpers/Stream.d.ts +0 -3
  31. package/dist/types/helpers/textValues.d.ts +1 -5
  32. package/dist/types/libs/IDML5Detector/IDPose.d.ts +3 -1
  33. package/package.json +1 -1
package/dist/cjs/agreement-check_16.cjs.entry.js CHANGED
@@ -211,18 +211,14 @@ var FlowStatus;
211
211
  class GlobalValues {
212
212
  }
213
213
  GlobalValues.FooterText = 'Qoobiss eKYC';
214
+ GlobalValues.VideoLenght = 3100;
214
215
  class HowToValues extends GlobalValues {
215
216
  }
216
- HowToValues.IdTitile = 'Pentru realizarea procesului de identificare este necesară verificarea actului de identitate';
217
- HowToValues.IdSubTitileFace = 'Prezintă fața actului de identitate';
218
- HowToValues.IdSubTitileBack = 'Prezintă spatele actului de identitate';
219
- HowToValues.IdDescriptionR1 = 'Urmărește cu atenție indicațiile de pe ecran.';
220
- HowToValues.IdDescriptionR2 = 'Ai grijă să nu se formeze în niciun moment reflexii de lumină pe actul de identitate.';
221
- HowToValues.IdDescriptionR3 = 'Folosește actul de identitate în original! Utilizarea copiilor duce la invalidarea procesului!';
217
+ HowToValues.IdTitile = 'Prezintă actul tău de identitate';
218
+ HowToValues.IdSubTitileFace = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
219
+ HowToValues.IdSubTitileBack = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
222
220
  HowToValues.IdButton = 'Sunt gata!';
223
- HowToValues.SelfieTitile = 'Trebuie să realizăm o scurtă înregistrare cu tine în fața camerei telefonului sau a calculatorului.';
224
- HowToValues.SelfieDescriptionR1 = 'Asigură-te că ești într-o zonă cu sufiecientă lumină.';
225
- HowToValues.SelfieDescriptionR2 = 'Urmărește cu atenție indicațiile de pe ecran.';
221
+ HowToValues.SelfieTitile = 'Este necesară realizarea unei înregistrări video. Respectă intrucțiunile ce vor fi afișate pe ecran.';
226
222
  HowToValues.SelfieButton = 'Sunt gata!';
227
223
  class LandingValues extends GlobalValues {
228
224
  }
@@ -266,12 +262,16 @@ IdCaptureValues.Error = 'Procesul a eșuat. Te rugăm să respecți întocmai in
266
262
  IdCaptureValues.IDPoseMapping = {
267
263
  0: '',
268
264
  1: 'Înclină actul de identitate spre spate.',
269
- 2: 'Îndreaptă actul de identitate si reîncadrează-l în chenarul de pe ecran.',
265
+ 2: '',
266
+ 3: '',
267
+ 4: '',
270
268
  };
271
269
  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: ''
270
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_front.mp4',
271
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_front_tilt.mp4',
272
+ 2: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_rotate.mp4',
273
+ 3: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back.mp4',
274
+ 4: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back_tilt.mp4',
275
275
  };
276
276
  IdCaptureValues.Loading = 'Datele sunt încărcate';
277
277
  class SelfieCaptureValues extends GlobalValues {
@@ -287,16 +287,16 @@ SelfieCaptureValues.FacePoseMapping = {
287
287
  3: 'Înclină capul în față.',
288
288
  4: 'Înclină capul spre stânga.',
289
289
  5: 'Înclină capul spre dreapta.',
290
- 6: ''
290
+ 6: '',
291
291
  };
292
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'
293
+ 0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_left.mp4',
294
+ 1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_right.mp4',
295
+ 2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_back.mp4',
296
+ 3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_front.mp4',
297
+ 4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_left.mp4',
298
+ 5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_right.mp4',
299
+ 6: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_main.mp4',
300
300
  };
301
301
  class AgreementInfoValues extends GlobalValues {
302
302
  }
@@ -1794,7 +1794,9 @@ var IDPose;
1794
1794
  (function (IDPose) {
1795
1795
  IDPose[IDPose["Straight"] = 0] = "Straight";
1796
1796
  IDPose[IDPose["Tilted"] = 1] = "Tilted";
1797
- IDPose[IDPose["Straightened"] = 2] = "Straightened";
1797
+ IDPose[IDPose["Rotate"] = 2] = "Rotate";
1798
+ IDPose[IDPose["BackStraight"] = 3] = "BackStraight";
1799
+ IDPose[IDPose["BackTilted"] = 4] = "BackTilted";
1798
1800
  })(IDPose || (IDPose = {}));
1799
1801
 
1800
1802
  const idWhiteSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjIzOCIgdmlld0JveD0iMCAwIDMzNSAyMzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMzM0Ljg4NiA0Ni45MjQxSDMyNy45MDhWNy45NzUzN0gyODguMjczVjAuOTkzMTY0SDMzNC44ODZWNDYuOTI0MVoiIGZpbGw9IiNFNkU2RTYiLz4NCjxwYXRoIGQ9Ik0zMzUuMDAxIDIzNy4wMDdIMjg5LjA3VjIzMC4wMjVIMzI4LjAxOVYxOTAuMzlIMzM1LjAwMVYyMzcuMDA3WiIgZmlsbD0iI0U2RTZFNiIvPg0KPHBhdGggZD0iTTQ2LjcyNzEgMjM3LjAwN0gwLjEwOTg2M1YxOTEuMDcySDcuMDkyMDdWMjMwLjAyNUg0Ni43MjcxVjIzNy4wMDdaIiBmaWxsPSIjRTZFNkU2Ii8+DQo8cGF0aCBkPSJNNi45ODE3MiA0Ny42MTA0SC0wLjAwMDQ4ODI4MVYwLjk5MzE2NEg0NS45MzA1VjcuOTc1MzdINi45ODE3MlY0Ny42MTA0WiIgZmlsbD0iI0U2RTZFNiIvPg0KPC9zdmc+DQo=';
@@ -1857,14 +1859,12 @@ class IDML5Detector {
1857
1859
  }
1858
1860
  if (results[0].label == 'full' && results[0].confidence > 0.9 && this.full == 0) {
1859
1861
  this.full = 1;
1860
- this.stream.stopAnimation();
1861
1862
  await this.drawFrame('green');
1862
1863
  this.stream.changeIDPose(IDPose.Tilted);
1863
- await this.delay(5100);
1864
+ await this.delay(GlobalValues.VideoLenght);
1864
1865
  }
1865
1866
  if (results[0].label == 'tilted' && results[0].confidence > 0.8 && this.full == 1 && this.tilted == 0) {
1866
1867
  this.tilted = 1;
1867
- this.stream.stopAnimation();
1868
1868
  await this.drawFrame('green');
1869
1869
  }
1870
1870
  this.classifyVideo();
@@ -2072,10 +2072,9 @@ class FaceML5Detector {
2072
2072
  this.validFaceFound = true;
2073
2073
  this.stream.autoCapturing();
2074
2074
  this.frontFace = new FaceLandmarks(results[0], this.width, this.height);
2075
- this.stream.stopAnimation();
2076
2075
  await this.drawFrame('green');
2077
2076
  this.requestedFacePose = this.stream.requestFacePose();
2078
- await this.delay(5100);
2077
+ await this.delay(GlobalValues.VideoLenght);
2079
2078
  }
2080
2079
  if (this.validFaceFound && !this.validFaceFoundAgain) {
2081
2080
  await this.checkFacePose(results);
@@ -2180,7 +2179,6 @@ class FaceML5Detector {
2180
2179
  // console.log(FacePose[this.presentedFacePose]);
2181
2180
  if (this.presentedFacePose != null && this.presentedFacePose == this.requestedFacePose) {
2182
2181
  this.validFacePose = true;
2183
- this.stream.stopAnimation();
2184
2182
  await this.drawFrame('green', true);
2185
2183
  this.validFaceFoundAgain = true;
2186
2184
  //this.stream.changeFacePose();
@@ -4715,9 +4713,6 @@ class Stream {
4715
4713
  setCallbackChangeTitle(fun) {
4716
4714
  this.callbackChangeTitle = fun;
4717
4715
  }
4718
- setCallbackStopAnimation(fun) {
4719
- this.callbackStopAnimation = fun;
4720
- }
4721
4716
  setCallbackVideoStarted(fun) {
4722
4717
  this.callbackVideoStarted = fun;
4723
4718
  }
@@ -4897,9 +4892,6 @@ class Stream {
4897
4892
  changeIDPose(pose) {
4898
4893
  this.callbackChangeTitle(pose);
4899
4894
  }
4900
- stopAnimation() {
4901
- this.callbackStopAnimation();
4902
- }
4903
4895
  }
4904
4896
  window.addEventListener('resize', Stream.orientationChange, false);
4905
4897
  window.addEventListener('orientationchange', Stream.orientationChange, false);
@@ -4917,7 +4909,6 @@ const Camera = class {
4917
4909
  this.eventRecordingIdReady = index.createEvent(this, "recordingIdCapture", 7);
4918
4910
  this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
4919
4911
  this.eventChangeTitle = index.createEvent(this, "changeTitle", 7);
4920
- this.eventStopAnimation = index.createEvent(this, "stopAnimation", 7);
4921
4912
  this.verificationFinished = index.createEvent(this, "verificationFinished", 7);
4922
4913
  this.callbackErrors = (error, isError) => {
4923
4914
  if (isError) {
@@ -4946,9 +4937,6 @@ const Camera = class {
4946
4937
  this.callbackChangeTitle = (message) => {
4947
4938
  this.eventChangeTitle.emit(message);
4948
4939
  };
4949
- this.callbackStopAnimation = () => {
4950
- this.eventStopAnimation.emit();
4951
- };
4952
4940
  this.callbackVideoStarted = () => {
4953
4941
  this.eventVideoStarted.emit(this.component.getBoundingClientRect());
4954
4942
  };
@@ -4996,7 +4984,6 @@ const Camera = class {
4996
4984
  stream.setCallbackErrors(this.callbackErrors);
4997
4985
  stream.setCallbackAutoCapturing(this.callbackAutoCapturing);
4998
4986
  stream.setCallbackChangeTitle(this.callbackChangeTitle);
4999
- stream.setCallbackStopAnimation(this.callbackStopAnimation);
5000
4987
  stream.setCallbackVideoStarted(this.callbackVideoStarted);
5001
4988
  stream.setCallbackTimeElapsed(this.callbackTimeElapsed);
5002
4989
  stream.setVerificationFinished(this.callbackVerificationFinished);
@@ -5086,7 +5073,7 @@ const EndRedirect = class {
5086
5073
  Events.flowCompleted();
5087
5074
  }
5088
5075
  render() {
5089
- return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, CompleteValues.Title), index.h("p", { class: "main-text font-size-18 mt-8 text-center" }, CompleteValues.Description)), index.h("div", { class: "buletin-container" }, index.h("div", { class: "container-coin" }, index.h("div", { class: "coin-scale" }, index.h("div", { class: "coin-flip" }, index.h("img", { class: "w-40 coin", src: completeSvg }))))), index.h("div", null, index.h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, CompleteValues.Message), index.h("p", null, state.requestId)), index.h("div", { class: "btn-buletin" }, index.h("p", { class: "main-text font-size-18 text-center mb-0" }, CompleteValues.FooterText)))));
5076
+ return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, CompleteValues.Title), index.h("p", { class: "main-text font-size-18 mt-8 text-center" }, CompleteValues.Description)), index.h("div", { class: "buletin-container" }, index.h("div", { class: "container-coin" }, index.h("div", { class: "coin-scale" }, index.h("div", { class: "coin-flip" }, index.h("img", { class: "w-40 coin", src: completeSvg }))))), index.h("div", { class: "text-center" }, index.h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, CompleteValues.Message), index.h("p", null, state.requestId)), index.h("div", { class: "btn-buletin" }, index.h("p", { class: "main-text font-size-18 text-center mb-0" }, CompleteValues.FooterText)))));
5090
5077
  }
5091
5078
  };
5092
5079
  EndRedirect.style = endRedirectCss;
@@ -5117,9 +5104,6 @@ const HowToInfo = class {
5117
5104
  this.idSide = undefined;
5118
5105
  this.topTitle = undefined;
5119
5106
  this.subTitle = undefined;
5120
- this.descriptionR1 = undefined;
5121
- this.descriptionR2 = undefined;
5122
- this.descriptionR3 = undefined;
5123
5107
  this.imagePath = undefined;
5124
5108
  this.buttonText = undefined;
5125
5109
  }
@@ -5130,9 +5114,6 @@ const HowToInfo = class {
5130
5114
  this.subTitle = '';
5131
5115
  if (state.flowStatus == FlowStatus.ID) {
5132
5116
  this.topTitle = HowToValues.IdTitile;
5133
- this.descriptionR1 = HowToValues.IdDescriptionR1;
5134
- this.descriptionR2 = HowToValues.IdDescriptionR2;
5135
- this.descriptionR3 = HowToValues.IdDescriptionR3;
5136
5117
  this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
5137
5118
  this.buttonText = HowToValues.IdButton;
5138
5119
  if (this.idSide == 'front') {
@@ -5144,17 +5125,13 @@ const HowToInfo = class {
5144
5125
  }
5145
5126
  if (state.flowStatus == FlowStatus.LIVENESS) {
5146
5127
  this.topTitle = HowToValues.SelfieTitile;
5147
- this.descriptionR1 = HowToValues.SelfieDescriptionR1;
5148
- this.descriptionR2 = HowToValues.SelfieDescriptionR2;
5149
- this.descriptionR3 = '';
5150
5128
  this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
5151
5129
  this.buttonText = HowToValues.SelfieButton;
5152
5130
  }
5153
5131
  }
5154
5132
  render() {
5155
- let details = state.flowStatus == FlowStatus.ID ? (index.h("ul", { class: "main-text font-size-2 pl-2-5" }, index.h("li", null, this.descriptionR1), index.h("li", null, this.descriptionR2), index.h("li", null, index.h("b", null, this.descriptionR3)))) : (index.h("ul", { class: "main-text font-size-2 pl-2-5" }, index.h("li", null, this.descriptionR1), index.h("li", null, this.descriptionR2)));
5156
5133
  let sub = this.subTitle != '' ? index.h("p", null, this.subTitle) : null;
5157
- return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", null, this.topTitle), sub, index.h("div", { class: "d-flex space-between align-center" }, details)), index.h("div", { class: "div-ci" }, index.h("img", { src: this.imagePath })), index.h("div", { class: "pos-relative" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
5134
+ return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "div-ci" }, index.h("img", { src: this.imagePath })), index.h("div", { class: "text-center" }, index.h("h1", null, this.topTitle), sub), index.h("div", { class: "pos-relative" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
5158
5135
  }
5159
5136
  };
5160
5137
  HowToInfo.style = howToInfoCss;
@@ -5258,13 +5235,14 @@ class Cameras {
5258
5235
  }
5259
5236
  }
5260
5237
 
5261
- const idBackCaptureCss = ".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)}";
5238
+ const idBackCaptureCss = ".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)}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
5262
5239
 
5263
5240
  const IdBackCapture = class {
5264
5241
  // @State() private animationPath: string;
5265
5242
  constructor(hostRef) {
5266
5243
  index.registerInstance(this, hostRef);
5267
5244
  this.eventPhotoCapture = index.createEvent(this, "photoIdBackCapture", 7);
5245
+ this.delay = ms => new Promise(res => setTimeout(res, ms));
5268
5246
  this.photoIsReady = photos => {
5269
5247
  //this.closeCamera();
5270
5248
  this.eventPhotoCapture.emit(photos);
@@ -5275,27 +5253,25 @@ const IdBackCapture = class {
5275
5253
  this.captureTaken = undefined;
5276
5254
  this.verified = undefined;
5277
5255
  this.titleMesage = undefined;
5256
+ this.showDemo = undefined;
5257
+ this.demoVideo = undefined;
5278
5258
  this.captureTaken = false;
5279
5259
  this.verified = false;
5280
5260
  this.cameras = new Cameras();
5261
+ this.showDemo = true;
5281
5262
  }
5282
- eventChangeTitle(event) {
5283
- // this.stopAnimation = false;
5284
- // if (event.detail == IDPose.Tilted) {
5285
- // this.animationPath = getAssetPath('../../assets/animations/id/tilt-id.gif');
5286
- // }
5287
- // if (event.detail == IDPose.Straight) {
5288
- // this.animationPath = getAssetPath('../../assets/animations/id/straighten-id.gif');
5289
- // }
5263
+ async eventChangeTitle(event) {
5264
+ this.showDemo = true;
5290
5265
  this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
5266
+ this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.BackTilted];
5267
+ this.demoVideo.play();
5268
+ await this.delay(IdCaptureValues.VideoLenght);
5269
+ this.showDemo = false;
5291
5270
  }
5292
5271
  eventVideoStarted(event) {
5293
5272
  this.videoStarted = true;
5294
5273
  this.cameraSize = event.detail;
5295
5274
  }
5296
- eventStopAnimation() {
5297
- // this.stopAnimation = true;
5298
- }
5299
5275
  async componentWillLoad() {
5300
5276
  Events.init(this.component);
5301
5277
  this.titleMesage = IdCaptureValues.TitleBack;
@@ -5303,9 +5279,15 @@ const IdBackCapture = class {
5303
5279
  Events.flowError('This browser does not support webRTC');
5304
5280
  }
5305
5281
  }
5306
- componentDidLoad() {
5282
+ async componentDidLoad() {
5283
+ this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
5284
+ this.demoVideo.play();
5285
+ await this.delay(IdCaptureValues.VideoLenght);
5286
+ this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.BackStraight];
5287
+ this.demoVideo.play();
5288
+ await this.delay(IdCaptureValues.VideoLenght);
5289
+ this.showDemo = false;
5307
5290
  this.openCamera();
5308
- // this.animationPath = getAssetPath('../../assets/animations/id/present-id.gif');
5309
5291
  }
5310
5292
  async openCamera() {
5311
5293
  let _cameras = await this.cameras.GetCameras(this.device);
@@ -5341,6 +5323,10 @@ const IdBackCapture = class {
5341
5323
  this.verified = true;
5342
5324
  this.titleMesage = IdCaptureValues.Loading;
5343
5325
  this.closeCamera();
5326
+ this.showDemo = true;
5327
+ this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
5328
+ this.demoVideo.loop = true;
5329
+ this.demoVideo.play();
5344
5330
  }
5345
5331
  takePhoto() {
5346
5332
  if (this.captureTaken)
@@ -5354,27 +5340,20 @@ const IdBackCapture = class {
5354
5340
  });
5355
5341
  }
5356
5342
  render() {
5357
- let loadingBlock;
5358
- if (this.verified) {
5359
- 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" }))))));
5360
- }
5361
- // let animationBlock: HTMLImageElement;
5362
- // if (this.videoStarted && this.stopAnimation !== true) {
5363
- // animationBlock = (<img class="animation" data-src={this.animationPath} src={this.animationPath} />);
5364
- // }
5365
5343
  let cameraStyle;
5366
5344
  let cameraStyleInner;
5367
5345
  if (this.videoStarted) {
5368
5346
  cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
5369
5347
  cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
5370
5348
  }
5371
- return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, 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)))));
5349
+ let titleClass = this.verified ? 'color-black-2' : 'color-white';
5350
+ return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoFront", class: "cameraVideoDemo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" })), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage))), index.h("div", { hidden: this.showDemo }, index.h("div", { class: "row ctheight-100" }, 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" }))), index.h("div", { class: "capture-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)))))));
5372
5351
  }
5373
5352
  get component() { return index.getElement(this); }
5374
5353
  };
5375
5354
  IdBackCapture.style = idBackCaptureCss;
5376
5355
 
5377
- 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{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:16vh}";
5356
+ 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{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
5378
5357
 
5379
5358
  const IdCapture = class {
5380
5359
  // @State() private animationPath: string;
@@ -5404,16 +5383,13 @@ const IdCapture = class {
5404
5383
  this.titleMesage = IdCaptureValues.IDPoseMapping[event.detail];
5405
5384
  this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Tilted];
5406
5385
  this.demoVideo.play();
5407
- await this.delay(5100);
5386
+ await this.delay(IdCaptureValues.VideoLenght);
5408
5387
  this.showDemo = false;
5409
5388
  }
5410
5389
  eventVideoStarted(event) {
5411
5390
  this.videoStarted = true;
5412
5391
  this.cameraSize = event.detail;
5413
5392
  }
5414
- eventStopAnimation() {
5415
- // this.stopAnimation = true;
5416
- }
5417
5393
  async componentWillLoad() {
5418
5394
  Events.init(this.component);
5419
5395
  this.titleMesage = IdCaptureValues.Title;
@@ -5424,7 +5400,7 @@ const IdCapture = class {
5424
5400
  async componentDidLoad() {
5425
5401
  this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
5426
5402
  this.demoVideo.play();
5427
- await this.delay(5100);
5403
+ await this.delay(IdCaptureValues.VideoLenght);
5428
5404
  this.showDemo = false;
5429
5405
  this.openCamera();
5430
5406
  }
@@ -5484,7 +5460,8 @@ const IdCapture = class {
5484
5460
  cameraStyle = { width: Math.round(this.cameraSize.width) + 'px', height: Math.round((this.cameraSize.width * 9) / 16) + 'px', overflow: 'hidden', borderRadius: '10px' };
5485
5461
  cameraStyleInner = { marginTop: Math.round((this.cameraSize.height - (this.cameraSize.width * 9) / 16) / 2) * -1 + 'px' };
5486
5462
  }
5487
- 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: "howtoFront", class: "cameraVideoDemo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.verified }, index.h("div", { class: "chenar-buletin pos-relative", hidden: this.showDemo }, 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))))));
5463
+ let titleClass = this.verified ? 'color-black-2' : 'color-white';
5464
+ return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoFront", class: "cameraVideoDemo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" })), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage))), index.h("div", { hidden: this.showDemo }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.verified }, 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: "capture-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)))))));
5488
5465
  }
5489
5466
  get component() { return index.getElement(this); }
5490
5467
  };
@@ -5770,7 +5747,7 @@ const initDevice = () => {
5770
5747
  return device;
5771
5748
  };
5772
5749
 
5773
- const identificationComponentCss = "@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-vietnamese-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-cyrillic-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-cyrillic-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-greek-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-greek-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-vietnamese-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-latin-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-latin-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-cyrillic-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-cyrillic-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-greek-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-greek-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-vietnamese-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-latin-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-latin-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-cyrillic-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-cyrillic-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-greek-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-greek-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-vietnamese-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-latin-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-latin-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-vietnamese-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{font-family:'Inter', sans-serif}h1{font-weight:900;letter-spacing:0.01em;color:#1f2024;font-size:3.2vh;margin:0;line-height:3.5vh}.row-validare h1{font-size:27px;line-height:29px}body{margin:0;padding:0;height:100vh;position:relative;}.container{width:100%;height:100%;background-color:#fff;max-width:991px;margin:auto;position:relative;overflow:hidden}.row{padding:3.5vh 2.5vh;height:100%;overflow:hidden;position:relative;}.ctheight-100{height:99vh}.d-flex{display:flex}.space-between{justify-content:space-between}.img-info img{width:0.8vh;z-index:5;position:relative}.img-info{width:7vh;height:7vh;border-radius:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(100% 100% at 50% 0%, #d3b6e9 0%, #fbc2bd 100%)}.i-effect{animation:2.5s infinite transition-i;position:absolute;z-index:2;border-radius:100%;background:radial-gradient(100% 100% at 50% 0%, #d3b6e9 0%, #fbc2bd 100%)}.two-buttons{margin-top:3vh;justify-content:center}.align-center{align-items:center}.main-text{font-weight:400;color:#71727a}.font-size-2{font-size:2vh}.row-validare .font-size-2{font-size:17px;line-height:19px}.img-text{display:flex;align-items:center;margin-bottom:3vh}.img-text .bg-img img{width:100%;padding:2vh}.img-text h3{color:#333333;font-weight:700;font-size:2.3vh;margin:0}.img-text .bg-img{background:#e1e3e9;border-radius:30%;width:11vh;height:11vh;display:flex;align-items:center;justify-content:center;flex:none;margin-right:3vh}.font-weight-bold{font-weight:bold}.font-size-18{font-size:1.8vh}.row-validare .font-size-18{font-size:15px;line-height:16px}a{font-size:inherit;color:inherit;text-decoration:none}.color-black{color:#000}.main-button{background:#1feaa6;box-shadow:0 6px 8px rgba(71, 182, 162, 0.2);border-radius:25px;text-align:center;width:100%;padding:2vh;color:#fff;border:0;font-size:2vh}.main-button:disabled{color:#71727a}.normal-button{background:#1feaa6;box-shadow:0 6px 8px rgba(71, 182, 162, 0.2);border-radius:25px;text-align:center;padding:2vh;margin-right:1vw;margin-left:1vw;color:#fff;border:0;font-size:2vh}.red-button{background:#b67171}.row-validare .main-button{font-size:17px}.text-right{text-align:right}.mb-1{margin-bottom:1vh}.mb-0{margin-bottom:0}.row-validare.row{padding:29px 21px}.row-validare .main-button{padding:16px}.row-validare .btn-buletin{position:relative;width:100%;bottom:0}.row-validare .main-input{padding:14px 12px;border-radius:12px;font-weight:700;border:2px solid #464e58;font-size:19px}.main-input{width:100%;padding:22px 26px;border:3px solid #464e58;border-radius:20px;font-weight:600;font-size:2.3vh;font-family:'Inter', sans-serif}.second-input{width:46px;height:46px;font-weight:700;font-size:16px;font-family:'Inter', sans-serif;text-align:center;border:2px solid #c5c6cc;border-radius:12px;outline:none;padding:2px}.second-input:not(:placeholder-shown){border:2px solid #1feaa6;color:#1feaa6}.mt-9{margin-top:9%}.second-input::placeholder{color:#fff;opacity:0}.second-input:focus{border:2px solid #464e58;color:#464e58}.second-input.error{border:2px solid #b67171}.second-input.error:focus{border:3px solid #b67171;color:#b67171;padding:1px}.second-input.error:not(:placeholder-shown){border:3px solid #b67171;color:#b67171;padding:2px}.second-input-container{margin-top:30%;display:flex;flex-wrap:wrap;justify-content:space-between}.input-container{display:flex;flex-wrap:wrap}.mt-15{margin-top:15%}.row-validare .mt-15{margin-top:40px}.mb-15{margin-bottom:15%}.row-validare .mb-15{margin-bottom:40px}.mb-20{margin-bottom:20%}.row-validare .mb-1{margin-bottom:20px}.row-validare .mb-20{margin-bottom:60px}.mt-90{margin-top:90px}.op-05{opacity:0.5}.color-red{color:#b67171}.error-text{position:relative;top:50px;margin-bottom:0;margin-top:0}.top-50{top:50px}.mt-25{margin-top:25%}.text-center{text-align:center}.scale-2{transform:scale(2)}.mt-20{margin-top:20%}.div-ci img{max-width:50%}.div-ci{text-align:center}.mt-10{margin-top:10vh}.pos-relative{position:relative}.btn-buletin{position:fixed;width:calc(100% - 5vh);bottom:5vh}.buletin-container img{width:60%}.buletin-container>img{margin-top:10vh}.buletin-container{text-align:center}.bg-black{background-color:#242426}.color-white{color:#fff}.chenar-buletin{margin-top:3em;text-align:center}.chenar-buletin .ci-img{width:96%}.chenar-buletin .face-img,.chenar-buletin .chenar-img{left:4%;width:92%;top:-20px;min-height:55vw;display:flex;position:absolute;align-items:center;background-color:rgba(255, 255, 255, 0.2);justify-content:center}.chenar-buletin img{width:auto;height:100%;top:0;left:0;position:absolute;border-radius:10px;z-index:4}.chenar-buletin .face-img{background-color:rgba(255, 255, 255, 0.3)}.buletin-container .w-40{width:40%}.animation{width:100%;height:100%;}.color-black-2{color:#71727a}.font-size-3{font-size:3vh}.font-weight-900{font-weight:900}.mt-8{margin-top:8vh}.mt-12{margin-top:12vh}.mt-30-i{margin-top:30% !important}.chenar-buletin .face-img{left:-2%;width:104%;top:-40px}.pl-2-5{padding-left:2.5vh}.container-coin{background-color:transparent;perspective:1000px;rotate:120deg 0deg}.dot-effect{position:fixed;bottom:13vh;width:calc(100% - 5vh);text-align:center;display:flex;align-items:center;justify-content:center}.coin-flip{animation:flip 0.4s ease-in;animation-delay:0.5s;transform-style:preserve-3d;animation-fill-mode:forwards;visibility:hidden}.coin-scale{animation:show 0.4s ease-in;animation-delay:0.5s;transform-style:preserve-3d;animation-fill-mode:forwards}.scroll{margin:4px, 4px;padding:4px;height:70vh;overflow-x:hidden;overflow-y:auto}@keyframes transition-i{from{width:0;height:0;opacity:1}80%{width:10vh;height:10vh;opacity:0.5}100%{opacity:0}}@keyframes flip{0%{transform:rotateX(140deg);visibility:visible}25%{transform:rotateX(120deg);visibility:visible}50%{transform:rotateX(90deg);visibility:visible}75%{transform:rotateX(75deg);visibility:visible}100%{transform:rotateX(0deg);visibility:visible}}@keyframes show{0%{transform:scale(0)}25%{transform:scale(0.2)}40%{transform:scale(0.4)}50%{transform:scale(0.5)}60%{transform:scale(0.6)}70%{transform:scale(0.7)}100%{transform:scale(1)}}@keyframes rise{0%{visibility:hidden}50%{visibility:visible}100%{visibility:visible}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#1feaa6;color:transparent;margin:-1px 0;opacity:1}.dot-shuttle::before{opacity:0.5}.dot-shuttle::after{opacity:0.5}.dot-shuttle::before,.dot-shuttle::after{content:'';display:inline-block;position:absolute;top:0;width:12px;height:12px;border-radius:6px;background-color:#1feaa6;color:transparent}.dot-shuttle::before{left:0;animation:dotShuttle 2s infinite ease-out}.dot-shuttle::after{left:0;animation:dotShuttle 2s infinite ease-out;animation-delay:1s}.buletin-container.rotate-x img{animation:transform-rotate-x 2s infinite ease-in}.rotateimg90{animation:transform-rotate-x2 2s forwards;animation-delay:1s;position:absolute}.rotateimg180{animation:transform-rotate-x3 2s forwards;animation-delay:3s;position:absolute;opacity:0}.buletin-back{display:flex;justify-content:center}@keyframes transform-rotate-x3{from{transform:rotateY(-90deg);opacity:1}to{transform:rotateY(0deg);opacity:1}}@keyframes transform-rotate-x2{to{transform:rotateY(90deg)}}@keyframes transform-rotate-x{to{transform:perspective(600px) rotateX(40deg)}}@keyframes dotShuttle{0%,50%,100%{transform:translateX(0);opacity:1}25%{transform:translateX(-30px);opacity:0.5}75%{transform:translateX(30px);opacity:0.5}}@media only screen and (max-width: 350px){.second-input{width:36px;height:36px}}@media only screen and (max-width: 390px){.second-input{width:40px;height:40px}}@media only screen and (min-width: 530px) and (max-width: 767px){.chenar-buletin .face-img{width:70%;min-height:auto;margin:auto;left:15%;right:auto;top:-15vh}}@media only screen and (min-width: 600px) and (max-width: 767px){.max-h img{margin-left:15%;margin-right:15%}.max-h{display:flex;align-items:center}}@media only screen and (max-width: 991px){.buletin-container img{max-width:220px}}@media only screen and (min-width: 767px){.container{max-width:530px;margin:40px auto;border-radius:20px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1)}body{height:90vh}.btn-buletin{max-width:490px;bottom:7vh}.buletin-container img{width:45%}.chenar-buletin .face-img,.chenar-buletin .chenar-img{min-height:300px}.chenar-buletin .face-img{width:80%;min-height:auto;margin:auto;left:10%;right:auto;top:-10vh}.dot-effect{max-width:490px}}";
5750
+ const identificationComponentCss = "@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-vietnamese-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-cyrillic-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-cyrillic-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-greek-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-greek-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-vietnamese-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-latin-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-latin-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-cyrillic-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-cyrillic-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-greek-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-greek-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-vietnamese-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-latin-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-latin-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-cyrillic-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-cyrillic-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-greek-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-greek-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-vietnamese-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-latin-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-latin-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-vietnamese-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{font-family:'Inter', sans-serif}h1{font-weight:900;letter-spacing:0.01em;color:#1f2024;font-size:3.2vh;margin:0;line-height:3.5vh}.row-validare h1{font-size:27px;line-height:29px}body{margin:0;padding:0;height:100vh;position:relative;}.container{width:100%;height:100%;background-color:#fff;max-width:991px;margin:auto;position:relative;overflow:hidden}.row{padding:3.5vh 2.5vh;height:100%;overflow:hidden;position:relative;}.ctheight-100{height:99vh}.d-flex{display:flex}.space-between{justify-content:space-between}.img-info img{width:0.8vh;z-index:5;position:relative}.img-info{width:7vh;height:7vh;border-radius:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(100% 100% at 50% 0%, #d3b6e9 0%, #fbc2bd 100%)}.i-effect{animation:2.5s infinite transition-i;position:absolute;z-index:2;border-radius:100%;background:radial-gradient(100% 100% at 50% 0%, #d3b6e9 0%, #fbc2bd 100%)}.two-buttons{margin-top:3vh;justify-content:center}.align-center{align-items:center}.main-text{font-weight:400;color:#71727a}.font-size-2{font-size:2vh}.row-validare .font-size-2{font-size:17px;line-height:19px}.img-text{display:flex;align-items:center;margin-bottom:3vh}.img-text .bg-img img{width:100%;padding:2vh}.img-text h3{color:#333333;font-weight:700;font-size:2.3vh;margin:0}.img-text .bg-img{background:#e1e3e9;border-radius:30%;width:11vh;height:11vh;display:flex;align-items:center;justify-content:center;flex:none;margin-right:3vh}.font-weight-bold{font-weight:bold}.font-size-18{font-size:1.8vh}.row-validare .font-size-18{font-size:15px;line-height:16px}a{font-size:inherit;color:inherit;text-decoration:none}.color-black{color:#000}.main-button{background:#1feaa6;box-shadow:0 6px 8px rgba(71, 182, 162, 0.2);border-radius:25px;text-align:center;width:100%;padding:2vh;color:#fff;border:0;font-size:2vh}.main-button:disabled{color:#71727a}.normal-button{background:#1feaa6;box-shadow:0 6px 8px rgba(71, 182, 162, 0.2);border-radius:25px;text-align:center;padding:2vh;margin-right:1vw;margin-left:1vw;color:#fff;border:0;font-size:2vh}.red-button{background:#ff535d}.row-validare .main-button{font-size:17px}.text-right{text-align:right}.mb-1{margin-bottom:1vh}.mb-0{margin-bottom:0}.row-validare.row{padding:29px 21px}.row-validare .main-button{padding:16px}.row-validare .btn-buletin{position:relative;width:100%;bottom:0}.row-validare .main-input{padding:14px 12px;border-radius:12px;font-weight:700;border:2px solid #464e58;font-size:19px}.main-input{width:100%;padding:22px 26px;border:3px solid #464e58;border-radius:20px;font-weight:600;font-size:2.3vh;font-family:'Inter', sans-serif}.second-input{width:46px;height:46px;font-weight:700;font-size:16px;font-family:'Inter', sans-serif;text-align:center;border:2px solid #c5c6cc;border-radius:12px;outline:none;padding:2px}.second-input:not(:placeholder-shown){border:2px solid #1feaa6;color:#1feaa6}.mt-9{margin-top:9%}.second-input::placeholder{color:#fff;opacity:0}.second-input:focus{border:2px solid #464e58;color:#464e58}.second-input.error{border:2px solid #b67171}.second-input.error:focus{border:3px solid #b67171;color:#b67171;padding:1px}.second-input.error:not(:placeholder-shown){border:3px solid #b67171;color:#b67171;padding:2px}.second-input-container{margin-top:30%;display:flex;flex-wrap:wrap;justify-content:space-between}.input-container{display:flex;flex-wrap:wrap}.mt-15{margin-top:15%}.row-validare .mt-15{margin-top:40px}.mb-15{margin-bottom:15%}.row-validare .mb-15{margin-bottom:40px}.mb-20{margin-bottom:20%}.row-validare .mb-1{margin-bottom:20px}.row-validare .mb-20{margin-bottom:60px}.mt-90{margin-top:90px}.op-05{opacity:0.5}.color-red{color:#b67171}.error-text{position:relative;top:50px;margin-bottom:0;margin-top:0}.top-50{top:50px}.mt-25{margin-top:25%}.text-center{text-align:center}.scale-2{transform:scale(2)}.mt-20{margin-top:20%}.div-ci img{max-height:60vh}.div-ci{text-align:center}.mt-10{margin-top:10vh}.pos-relative{position:relative}.btn-buletin{position:fixed;width:calc(100% - 5vh);bottom:5vh}.buletin-container img{width:60%}.buletin-container>img{margin-top:10vh}.buletin-container{text-align:center}.bg-black{background-color:#242426}.color-white{color:#fff}.chenar-buletin{margin-top:3em;text-align:center}.chenar-buletin .ci-img{width:96%}.chenar-buletin .face-img,.chenar-buletin .chenar-img{left:4%;width:92%;top:-20px;min-height:55vw;display:flex;position:absolute;align-items:center;background-color:rgba(255, 255, 255, 0.2);justify-content:center}.chenar-buletin img{width:auto;height:100%;top:0;left:0;position:absolute;border-radius:10px;z-index:4}.chenar-buletin .face-img{background-color:rgba(255, 255, 255, 0.3)}.buletin-container .w-40{width:40%}.animation{width:100%;height:100%;}.color-black-2{color:#71727a}.font-size-3{font-size:3vh}.font-weight-900{font-weight:900}.mt-8{margin-top:8vh}.mt-12{margin-top:12vh}.mt-30-i{margin-top:30% !important}.chenar-buletin .face-img{left:-2%;width:104%;top:-40px}.pl-2-5{padding-left:2.5vh}.container-coin{background-color:transparent;perspective:1000px;rotate:120deg 0deg}.dot-effect{position:fixed;bottom:13vh;width:calc(100% - 5vh);text-align:center;display:flex;align-items:center;justify-content:center}.coin-flip{animation:flip 0.4s ease-in;animation-delay:0.5s;transform-style:preserve-3d;animation-fill-mode:forwards;visibility:hidden}.coin-scale{animation:show 0.4s ease-in;animation-delay:0.5s;transform-style:preserve-3d;animation-fill-mode:forwards}.scroll{margin:4px, 4px;padding:4px;height:70vh;overflow-x:hidden;overflow-y:auto}@keyframes transition-i{from{width:0;height:0;opacity:1}80%{width:10vh;height:10vh;opacity:0.5}100%{opacity:0}}@keyframes flip{0%{transform:rotateX(140deg);visibility:visible}25%{transform:rotateX(120deg);visibility:visible}50%{transform:rotateX(90deg);visibility:visible}75%{transform:rotateX(75deg);visibility:visible}100%{transform:rotateX(0deg);visibility:visible}}@keyframes show{0%{transform:scale(0)}25%{transform:scale(0.2)}40%{transform:scale(0.4)}50%{transform:scale(0.5)}60%{transform:scale(0.6)}70%{transform:scale(0.7)}100%{transform:scale(1)}}@keyframes rise{0%{visibility:hidden}50%{visibility:visible}100%{visibility:visible}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#1feaa6;color:transparent;margin:-1px 0;opacity:1}.dot-shuttle::before{opacity:0.5}.dot-shuttle::after{opacity:0.5}.dot-shuttle::before,.dot-shuttle::after{content:'';display:inline-block;position:absolute;top:0;width:12px;height:12px;border-radius:6px;background-color:#1feaa6;color:transparent}.dot-shuttle::before{left:0;animation:dotShuttle 2s infinite ease-out}.dot-shuttle::after{left:0;animation:dotShuttle 2s infinite ease-out;animation-delay:1s}.buletin-container.rotate-x img{animation:transform-rotate-x 2s infinite ease-in}.rotateimg90{animation:transform-rotate-x2 2s forwards;animation-delay:1s;position:absolute}.rotateimg180{animation:transform-rotate-x3 2s forwards;animation-delay:3s;position:absolute;opacity:0}.buletin-back{display:flex;justify-content:center}@keyframes transform-rotate-x3{from{transform:rotateY(-90deg);opacity:1}to{transform:rotateY(0deg);opacity:1}}@keyframes transform-rotate-x2{to{transform:rotateY(90deg)}}@keyframes transform-rotate-x{to{transform:perspective(600px) rotateX(40deg)}}@keyframes dotShuttle{0%,50%,100%{transform:translateX(0);opacity:1}25%{transform:translateX(-30px);opacity:0.5}75%{transform:translateX(30px);opacity:0.5}}@media only screen and (max-width: 350px){.second-input{width:36px;height:36px}}@media only screen and (max-width: 390px){.second-input{width:40px;height:40px}}@media only screen and (min-width: 530px) and (max-width: 767px){.chenar-buletin .face-img{width:70%;min-height:auto;margin:auto;left:15%;right:auto;top:-15vh}}@media only screen and (min-width: 600px) and (max-width: 767px){.max-h img{margin-left:15%;margin-right:15%}.max-h{display:flex;align-items:center}}@media only screen and (max-width: 991px){.buletin-container img{max-width:220px}}@media only screen and (min-width: 767px){.container{max-width:530px;margin:40px auto;border-radius:20px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1)}body{height:90vh}.btn-buletin{max-width:490px;bottom:7vh}.buletin-container img{width:45%}.chenar-buletin .face-img,.chenar-buletin .chenar-img{min-height:300px}.chenar-buletin .face-img{width:80%;min-height:auto;margin:auto;left:10%;right:auto;top:-10vh}.dot-effect{max-width:490px}}";
5774
5751
 
5775
5752
  const IdentificationComponent = class {
5776
5753
  constructor(hostRef) {
@@ -5972,7 +5949,7 @@ const LandingValidation = class {
5972
5949
  };
5973
5950
  LandingValidation.style = landingValidationCss;
5974
5951
 
5975
- const selfieCaptureCss = ".block{width:60%;margin-left:20%}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:16vh}";
5952
+ const selfieCaptureCss = ".block{width:60%;margin-left:20%}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;z-index:2;transform:scale(-1, 1)}.cameraVideoDemo{z-index:1;max-width:100%;max-height:100%;border-radius:10px}.capture-title{z-index:0;margin-top:3vh;margin-bottom:3vh;position:absolute;bottom:18vh}";
5976
5953
 
5977
5954
  const SelfieCapture = class {
5978
5955
  // @State() private animationPath: string;
@@ -6010,7 +5987,7 @@ const SelfieCapture = class {
6010
5987
  this.demoEnded = false;
6011
5988
  this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[event.detail];
6012
5989
  this.demoVideo.play();
6013
- await this.delay(5100);
5990
+ await this.delay(SelfieCaptureValues.VideoLenght);
6014
5991
  this.demoEnded = true;
6015
5992
  // this.animationPath = getAssetPath('../../assets/animations/face/' + FacePose[event.detail] + '.gif');
6016
5993
  }
@@ -6019,9 +5996,6 @@ const SelfieCapture = class {
6019
5996
  this.videoStarted = true;
6020
5997
  this.cameraSize = event.detail;
6021
5998
  }
6022
- eventStopAnimation() {
6023
- // this.stopAnimation = true;
6024
- }
6025
5999
  componentWillLoad() {
6026
6000
  Events.init(this.component);
6027
6001
  this.titleMesage = SelfieCaptureValues.Title;
@@ -6086,7 +6060,8 @@ const SelfieCapture = class {
6086
6060
  let divClass = 'chenar-buletin pos-relative';
6087
6061
  if (this.videoStarted && this.cameraSize.width < this.cameraSize.height)
6088
6062
  divClass += ' block';
6089
- return (index.h("div", { class: "container bg-black" }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.demoEnded }, index.h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.verified }, index.h("div", { class: divClass, hidden: this.demoEnded == false }, index.h("camera-comp", { device: this.device, "capture-mode": "selfie" })), 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" }, SelfieCaptureValues.FooterText))))));
6063
+ let titleClass = this.verified ? 'color-black-2' : 'color-white';
6064
+ return (index.h("div", { class: "container bg-black" }, index.h("div", { hidden: this.demoEnded }, index.h("video", { id: "howto", class: "cameraVideoDemo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" })), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage))), index.h("div", { hidden: this.demoEnded == false }, index.h("div", { class: "row ctheight-100" }, index.h("div", { hidden: this.verified }, index.h("div", { class: divClass }, index.h("camera-comp", { device: this.device, "capture-mode": "selfie" })), index.h("div", { class: "capture-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" }, SelfieCaptureValues.FooterText)))))));
6090
6065
  }
6091
6066
  get component() { return index.getElement(this); }
6092
6067
  };
package/dist/cjs/loader.cjs.js CHANGED
@@ -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],"demoVideo":[32],"uploadingLink":[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],"demoVideo":[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],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[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],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[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
 
package/dist/cjs/qbs-ect-cmp.cjs.js CHANGED
@@ -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],"demoVideo":[32],"uploadingLink":[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],"demoVideo":[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],"showDemo":[32],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"verificationFinished","verificationFinished"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"uploadingLink":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[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],"demoVideo":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[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
  });
package/dist/collection/components/common/how-to-info/how-to-info.js CHANGED
@@ -7,9 +7,6 @@ export class HowToInfo {
7
7
  this.idSide = undefined;
8
8
  this.topTitle = undefined;
9
9
  this.subTitle = undefined;
10
- this.descriptionR1 = undefined;
11
- this.descriptionR2 = undefined;
12
- this.descriptionR3 = undefined;
13
10
  this.imagePath = undefined;
14
11
  this.buttonText = undefined;
15
12
  }
@@ -20,9 +17,6 @@ export class HowToInfo {
20
17
  this.subTitle = '';
21
18
  if (store.flowStatus == FlowStatus.ID) {
22
19
  this.topTitle = HowToValues.IdTitile;
23
- this.descriptionR1 = HowToValues.IdDescriptionR1;
24
- this.descriptionR2 = HowToValues.IdDescriptionR2;
25
- this.descriptionR3 = HowToValues.IdDescriptionR3;
26
20
  this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
27
21
  this.buttonText = HowToValues.IdButton;
28
22
  if (this.idSide == 'front') {
@@ -34,17 +28,13 @@ export class HowToInfo {
34
28
  }
35
29
  if (store.flowStatus == FlowStatus.LIVENESS) {
36
30
  this.topTitle = HowToValues.SelfieTitile;
37
- this.descriptionR1 = HowToValues.SelfieDescriptionR1;
38
- this.descriptionR2 = HowToValues.SelfieDescriptionR2;
39
- this.descriptionR3 = '';
40
31
  this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
41
32
  this.buttonText = HowToValues.SelfieButton;
42
33
  }
43
34
  }
44
35
  render() {
45
- let details = store.flowStatus == FlowStatus.ID ? (h("ul", { class: "main-text font-size-2 pl-2-5" }, h("li", null, this.descriptionR1), h("li", null, this.descriptionR2), h("li", null, h("b", null, this.descriptionR3)))) : (h("ul", { class: "main-text font-size-2 pl-2-5" }, h("li", null, this.descriptionR1), h("li", null, this.descriptionR2)));
46
36
  let sub = this.subTitle != '' ? h("p", null, this.subTitle) : null;
47
- return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", null, this.topTitle), sub, h("div", { class: "d-flex space-between align-center" }, details)), h("div", { class: "div-ci" }, h("img", { src: this.imagePath })), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
37
+ return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci" }, h("img", { src: this.imagePath })), h("div", { class: "text-center" }, h("h1", null, this.topTitle), sub), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
48
38
  }
49
39
  static get is() { return "how-to-info"; }
50
40
  static get originalStyleUrls() {
@@ -82,9 +72,6 @@ export class HowToInfo {
82
72
  return {
83
73
  "topTitle": {},
84
74
  "subTitle": {},
85
- "descriptionR1": {},
86
- "descriptionR2": {},
87
- "descriptionR3": {},
88
75
  "imagePath": {},
89
76
  "buttonText": {}
90
77
  };
package/dist/collection/components/common/id-back-capture/id-back-capture.css CHANGED
@@ -33,3 +33,10 @@
33
33
  max-width: 140px;
34
34
  }
35
35
  } */
36
+ .capture-title {
37
+ z-index: 0;
38
+ margin-top: 3vh;
39
+ margin-bottom: 3vh;
40
+ position: absolute;
41
+ bottom: 18vh;
42
+ }