@ekyc_qoobiss/qbs-ect-cmp 1.5.21 → 1.5.23

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 (66) hide show
  1. package/README.md +3 -4
  2. package/dist/cjs/agreement-check_12.cjs.entry.js +45 -48
  3. package/dist/cjs/{index-9ebcada7.js → index-be29a2a8.js} +0 -5
  4. package/dist/cjs/loader-dots.cjs.entry.js +1 -1
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/qbs-ect-cmp.cjs.js +2 -2
  7. package/dist/collection/components/id-back-capture/id-back-capture.js +18 -21
  8. package/dist/collection/components/id-capture/id-capture.js +18 -21
  9. package/dist/collection/components/selfie-capture/selfie-capture.js +17 -20
  10. package/dist/esm/agreement-check_12.entry.js +45 -48
  11. package/dist/esm/{index-3fe6775c.js → index-b6e6428d.js} +1 -5
  12. package/dist/esm/loader-dots.entry.js +1 -1
  13. package/dist/esm/loader.js +2 -2
  14. package/dist/esm/qbs-ect-cmp.js +2 -2
  15. package/dist/qbs-ect-cmp/{p-a69bb428.entry.js → p-45a94ee0.entry.js} +1 -1
  16. package/dist/qbs-ect-cmp/p-742256cd.js +2 -0
  17. package/dist/qbs-ect-cmp/{p-d2c3c6ec.entry.js → p-96512201.entry.js} +2 -2
  18. package/dist/qbs-ect-cmp/qbs-ect-cmp.esm.js +1 -1
  19. package/dist/types/components/id-back-capture/id-back-capture.d.ts +0 -2
  20. package/dist/types/components/id-capture/id-capture.d.ts +0 -2
  21. package/dist/types/components/selfie-capture/selfie-capture.d.ts +0 -2
  22. package/package.json +1 -1
  23. package/dist/components/ApiCall.js +0 -156
  24. package/dist/components/Cameras.js +0 -100
  25. package/dist/components/agreement-check.d.ts +0 -11
  26. package/dist/components/agreement-check.js +0 -6
  27. package/dist/components/agreement-check2.js +0 -45
  28. package/dist/components/agreement-info.d.ts +0 -11
  29. package/dist/components/agreement-info.js +0 -6
  30. package/dist/components/agreement-info2.js +0 -76
  31. package/dist/components/camera-comp.d.ts +0 -11
  32. package/dist/components/camera-comp.js +0 -6
  33. package/dist/components/camera.js +0 -4609
  34. package/dist/components/capture-error.d.ts +0 -11
  35. package/dist/components/capture-error.js +0 -6
  36. package/dist/components/capture-error2.js +0 -69
  37. package/dist/components/end-redirect.d.ts +0 -11
  38. package/dist/components/end-redirect.js +0 -6
  39. package/dist/components/end-redirect2.js +0 -37
  40. package/dist/components/how-to-info.d.ts +0 -11
  41. package/dist/components/how-to-info.js +0 -6
  42. package/dist/components/how-to-info2.js +0 -92
  43. package/dist/components/id-back-capture.d.ts +0 -11
  44. package/dist/components/id-back-capture.js +0 -6
  45. package/dist/components/id-back-capture2.js +0 -142
  46. package/dist/components/id-capture.d.ts +0 -11
  47. package/dist/components/id-capture.js +0 -6
  48. package/dist/components/id-capture2.js +0 -142
  49. package/dist/components/identification-component.d.ts +0 -11
  50. package/dist/components/identification-component.js +0 -411
  51. package/dist/components/index.d.ts +0 -34
  52. package/dist/components/index.js +0 -14
  53. package/dist/components/landing-validation.d.ts +0 -11
  54. package/dist/components/landing-validation.js +0 -6
  55. package/dist/components/landing-validation2.js +0 -61
  56. package/dist/components/loader-dots.d.ts +0 -11
  57. package/dist/components/loader-dots.js +0 -33
  58. package/dist/components/selfie-capture.d.ts +0 -11
  59. package/dist/components/selfie-capture.js +0 -6
  60. package/dist/components/selfie-capture2.js +0 -140
  61. package/dist/components/sms-code-validation.d.ts +0 -11
  62. package/dist/components/sms-code-validation.js +0 -6
  63. package/dist/components/sms-code-validation2.js +0 -98
  64. package/dist/components/store.js +0 -209
  65. package/dist/components/textValues.js +0 -84
  66. package/dist/qbs-ect-cmp/p-3fa495e4.js +0 -2
@@ -1,411 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
- import { S as SessionKeys } from './textValues.js';
3
- import { A as ApiCall } from './ApiCall.js';
4
- import { s as state } from './store.js';
5
- import { M as ML5, d as defineCustomElement$a } from './camera.js';
6
- import { d as defineCustomElement$c } from './agreement-check2.js';
7
- import { d as defineCustomElement$b } from './agreement-info2.js';
8
- import { d as defineCustomElement$9 } from './capture-error2.js';
9
- import { d as defineCustomElement$8 } from './end-redirect2.js';
10
- import { d as defineCustomElement$7 } from './how-to-info2.js';
11
- import { d as defineCustomElement$6 } from './id-back-capture2.js';
12
- import { d as defineCustomElement$5 } from './id-capture2.js';
13
- import { d as defineCustomElement$4 } from './landing-validation2.js';
14
- import { d as defineCustomElement$3 } from './selfie-capture2.js';
15
- import { d as defineCustomElement$2 } from './sms-code-validation2.js';
16
-
17
- const initDevice = () => {
18
- let device = {
19
- isMobile: false,
20
- isAndroid: false,
21
- isLinux: false,
22
- isMac: false,
23
- isWin: false,
24
- isChrome: false,
25
- isFirefox: false,
26
- isSafari: false,
27
- isIos: false,
28
- };
29
- device.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
30
- device.isAndroid = /Android/i.test(navigator.userAgent);
31
- device.isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent);
32
- device.isLinux = /linux/i.test(navigator.platform);
33
- device.isMac = /mac/i.test(navigator.platform);
34
- device.isWin = /win/i.test(navigator.platform);
35
- device.isChrome = /chrome/i.test(navigator.userAgent);
36
- device.isFirefox = /firefox/i.test(navigator.userAgent);
37
- device.isSafari = !device.isChrome ? /safari/i.test(navigator.userAgent) : false;
38
- device.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
39
- device.isAndroid = /Android/i.test(navigator.userAgent);
40
- device.isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent);
41
- if (!device.isIos) {
42
- const isIPad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2;
43
- if (isIPad) {
44
- device.isIos = true;
45
- device.isMobile = true;
46
- }
47
- }
48
- return device;
49
- };
50
-
51
- 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:#47b6a2;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:#47b6a2;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 #47b6a2;color:#47b6a2}.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{width:100%}.div-ci{margin-top:10%}.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}@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:#47b6a2;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:#47b6a2;color:transparent}.dot-shuttle::before{left:15px;animation:dotShuttle 2s infinite ease-out}.dot-shuttle::after{left:30px}.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(-45px);opacity:0.5}75%{transform:translateX(45px);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}}";
52
-
53
- const IdentificationComponent$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
54
- constructor() {
55
- super();
56
- this.__registerHost();
57
- this.__attachShadow();
58
- this.selfieFlow = {
59
- done: false,
60
- photoFile: null,
61
- recordingFile: null,
62
- };
63
- this.token = undefined;
64
- this.order_id = undefined;
65
- this.api_url = undefined;
66
- this.idErrorType = '';
67
- this.idSide = '';
68
- this.idFlow = {
69
- done: false,
70
- photoFile: null,
71
- recordingFile: null,
72
- };
73
- this.idBackFlow = {
74
- done: false,
75
- photoFile: null,
76
- recordingFile: null,
77
- };
78
- ML5.getInstance();
79
- this.device = initDevice();
80
- this.apiCall = new ApiCall();
81
- this.captureRetryCount = 0;
82
- }
83
- async onTokenChange(newValue, _oldValue) {
84
- if (state.token !== newValue) {
85
- state.token = newValue;
86
- await this.initializeRequest();
87
- }
88
- }
89
- async onOrderIdChange(newValue, _oldValue) {
90
- if (state.requestId !== newValue) {
91
- state.requestId = newValue;
92
- sessionStorage.setItem(SessionKeys.RequestIdKey, state.requestId);
93
- await this.initializeRequest();
94
- }
95
- }
96
- onApiUrlChange(newValue, _oldValue) {
97
- if (state.apiBaseUrl !== newValue) {
98
- state.apiBaseUrl = newValue;
99
- }
100
- }
101
- agreementAcceptanceEmitted(data) {
102
- this.apiCall.GenerateAgreement(data.detail.agreementType);
103
- }
104
- async captureIdBackImage(event) {
105
- let idPhoto = event.detail;
106
- this.idBackFlow.photoFile = new File([idPhoto], 'idBackImage.png', { type: 'image/png' });
107
- await this.runIdBackFlow();
108
- }
109
- async captureIdImage(event) {
110
- let idPhoto = event.detail;
111
- this.idFlow.photoFile = new File([idPhoto], 'idImage.png', { type: 'image/png' });
112
- await this.runIdFlow();
113
- }
114
- async capturedIdRecording(event) {
115
- let idRecording = event.detail;
116
- let mimeType = idRecording.type.split(';')[0];
117
- let extension = mimeType.split('/')[1];
118
- if (state.flowStatus == 'ID') {
119
- this.idFlow.recordingFile = new File([idRecording], 'idVideo.' + extension, { type: mimeType });
120
- await this.runIdFlow();
121
- }
122
- if (state.flowStatus == 'IDBACK') {
123
- this.idBackFlow.recordingFile = new File([idRecording], 'idBackVideo.' + extension, { type: mimeType });
124
- await this.runIdBackFlow();
125
- }
126
- }
127
- async runIdFlow() {
128
- if (this.idFlow.photoFile == null || this.idFlow.recordingFile == null || this.idFlow.done) {
129
- return;
130
- }
131
- this.idSide = 'front';
132
- let uploadedPhoto = await this.apiCall.UploadFileForRequestB64(state.requestId, 'IdFront', this.idFlow.photoFile);
133
- if (uploadedPhoto === false) {
134
- this.idFlow.done = false;
135
- this.idFlow.photoFile = null;
136
- this.idFlow.recordingFile = null;
137
- this.switchCamera();
138
- state.flowStatus = 'IDERROR';
139
- return;
140
- }
141
- let uploadedRecording = await this.apiCall.UploadFileForRequestB64(state.requestId, 'IdFrontVideo', this.idFlow.recordingFile);
142
- this.idFlow.done = uploadedRecording;
143
- if (uploadedRecording === true) {
144
- if (state.hasIdBack) {
145
- this.idSide = 'back';
146
- state.flowStatus = 'HOWTOID';
147
- }
148
- else {
149
- state.flowStatus = 'HOWTOLIVENESS';
150
- }
151
- }
152
- else {
153
- this.idFlow.photoFile = null;
154
- this.idFlow.recordingFile = null;
155
- state.flowStatus = 'IDERROR';
156
- }
157
- }
158
- async runIdBackFlow() {
159
- if (this.idBackFlow.photoFile == null || this.idBackFlow.recordingFile == null || this.idBackFlow.done) {
160
- return;
161
- }
162
- let uploadedPhoto = await this.apiCall.UploadFileForRequestB64(state.requestId, 'IdBack', this.idBackFlow.photoFile);
163
- if (uploadedPhoto === false) {
164
- this.idBackFlow.done = false;
165
- this.idBackFlow.photoFile = null;
166
- this.idBackFlow.recordingFile = null;
167
- this.switchCamera();
168
- this.idErrorType = 'invalid';
169
- state.flowStatus = 'IDERROR';
170
- return;
171
- }
172
- let uploadedRecording = await this.apiCall.UploadFileForRequestB64(state.requestId, 'IdBackVideo', this.idBackFlow.recordingFile);
173
- this.idBackFlow.done = uploadedRecording;
174
- if (uploadedRecording === true) {
175
- state.flowStatus = 'HOWTOLIVENESS';
176
- }
177
- else {
178
- this.idBackFlow.photoFile = null;
179
- this.idBackFlow.recordingFile = null;
180
- state.flowStatus = 'IDERROR';
181
- }
182
- }
183
- async captureSelfieImage(event) {
184
- let selfiePhoto = event.detail;
185
- this.selfieFlow.photoFile = new File([selfiePhoto], 'selfie.png', { type: 'image/png' });
186
- await this.runSelfieFlow();
187
- }
188
- async capturedSelfieRecording(event) {
189
- let selfieRecording = event.detail;
190
- let mimeType = selfieRecording.type.split(';')[0];
191
- let extension = mimeType.split('/')[1];
192
- this.selfieFlow.recordingFile = new File([selfieRecording], 'selfieVideo.' + extension, { type: mimeType });
193
- await this.runSelfieFlow();
194
- }
195
- async runSelfieFlow() {
196
- if (this.selfieFlow.photoFile == null || this.selfieFlow.recordingFile == null || this.selfieFlow.done) {
197
- return;
198
- }
199
- let uploadPhoto = await this.apiCall.UploadFileForRequestB64(state.requestId, 'Selfie', this.selfieFlow.photoFile);
200
- if (uploadPhoto === false) {
201
- this.selfieFlow.done = false;
202
- this.selfieFlow.photoFile = null;
203
- this.selfieFlow.recordingFile = null;
204
- state.flowStatus = 'LIVENESSERROR';
205
- return;
206
- }
207
- let uploadRecording = await this.apiCall.UploadFileForRequestB64(state.requestId, 'SelfieVideo', this.selfieFlow.recordingFile);
208
- this.selfieFlow.done = uploadRecording;
209
- if (uploadRecording == true) {
210
- state.flowStatus = 'COMPLETE';
211
- }
212
- else {
213
- this.selfieFlow.photoFile = null;
214
- this.selfieFlow.recordingFile = null;
215
- state.flowStatus = 'LIVENESSERROR';
216
- }
217
- }
218
- timeElapsed() {
219
- this.idErrorType = 'timeout';
220
- if (state.flowStatus == 'ID') {
221
- this.switchCamera();
222
- if (!this.idFlow.done) {
223
- state.flowStatus = 'IDERROR';
224
- }
225
- }
226
- if (state.flowStatus == 'IDBACK') {
227
- this.switchCamera();
228
- if (!this.idBackFlow.done) {
229
- state.flowStatus = 'IDERROR';
230
- }
231
- }
232
- if (state.flowStatus == 'LIVENESS') {
233
- if (!this.selfieFlow.done) {
234
- state.flowStatus = 'LIVENESSERROR';
235
- }
236
- }
237
- }
238
- switchCamera() {
239
- if (this.captureRetryCount == 2) {
240
- let camIndex = state.cameraIds.indexOf(state.cameraId);
241
- state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
242
- this.captureRetryCount = 0;
243
- }
244
- else {
245
- this.captureRetryCount++;
246
- }
247
- }
248
- async componentWillLoad() {
249
- if (this.token) {
250
- state.token = this.token;
251
- }
252
- if (this.order_id) {
253
- state.requestId = this.order_id;
254
- sessionStorage.setItem(SessionKeys.RequestIdKey, state.requestId);
255
- }
256
- state.apiBaseUrl = this.api_url;
257
- await this.initializeRequest();
258
- }
259
- componentWillRender() {
260
- var reqId = sessionStorage.getItem(SessionKeys.RequestIdKey);
261
- if (reqId) {
262
- state.requestId = reqId;
263
- }
264
- state.flowStatus = sessionStorage.getItem(SessionKeys.FlowStatusKey);
265
- if (!state.flowStatus) {
266
- state.flowStatus = 'LANDING';
267
- sessionStorage.setItem(SessionKeys.FlowStatusKey, state.flowStatus);
268
- }
269
- if (this.idSide == '') {
270
- this.idSide = state.hasIdBack ? 'front' : '';
271
- }
272
- }
273
- async initializeRequest() {
274
- if (state.initialised) {
275
- return;
276
- }
277
- if (state.token != '' && state.requestId != '') {
278
- state.initialised = await this.apiCall.AddIdentificationRequest(state.requestId, JSON.stringify(this.device));
279
- }
280
- }
281
- render() {
282
- let currentBlock = h("div", null);
283
- if (state.flowStatus == 'LANDING') {
284
- currentBlock = h("landing-validation", { device: this.device });
285
- }
286
- if (state.flowStatus == 'AGREEMENT') {
287
- currentBlock = h("agreement-info", null);
288
- }
289
- if (state.flowStatus == 'PHONE') {
290
- currentBlock = h("sms-code-validation", null);
291
- }
292
- if (state.flowStatus == 'CODE') {
293
- currentBlock = h("sms-code-validation", null);
294
- }
295
- if (state.flowStatus == 'CODEERROR') {
296
- currentBlock = h("sms-code-validation", null);
297
- }
298
- if (state.flowStatus == 'HOWTOID') {
299
- currentBlock = h("how-to-info", { idSide: this.idSide });
300
- }
301
- if (state.flowStatus == 'ID') {
302
- currentBlock = h("id-capture", { id: "idFront", device: this.device });
303
- }
304
- if (state.flowStatus == 'IDBACK') {
305
- currentBlock = h("id-back-capture", { id: "idBack", device: this.device });
306
- }
307
- if (state.flowStatus == 'IDERROR') {
308
- currentBlock = h("capture-error", { idSide: this.idSide, type: this.idErrorType });
309
- }
310
- if (state.flowStatus == 'HOWTOLIVENESS') {
311
- currentBlock = h("how-to-info", { idSide: "" });
312
- }
313
- if (state.flowStatus == 'LIVENESS') {
314
- currentBlock = h("selfie-capture", { device: this.device, id: "camera" });
315
- }
316
- if (state.flowStatus == 'LIVENESSERROR') {
317
- currentBlock = h("capture-error", null);
318
- }
319
- if (state.flowStatus == 'COMPLETE') {
320
- currentBlock = h("end-redirect", null);
321
- }
322
- return h("div", null, currentBlock);
323
- }
324
- static get watchers() { return {
325
- "token": ["onTokenChange"],
326
- "order_id": ["onOrderIdChange"],
327
- "api_url": ["onApiUrlChange"]
328
- }; }
329
- static get style() { return identificationComponentCss; }
330
- }, [1, "identification-component", {
331
- "token": [1],
332
- "order_id": [1537],
333
- "api_url": [1],
334
- "idErrorType": [32],
335
- "idSide": [32],
336
- "idFlow": [32],
337
- "idBackFlow": [32]
338
- }, [[0, "agreementAcceptance", "agreementAcceptanceEmitted"], [0, "photoIdBackCapture", "captureIdBackImage"], [0, "photoIdCapture", "captureIdImage"], [0, "recordingIdCapture", "capturedIdRecording"], [0, "photoSelfieCapture", "captureSelfieImage"], [0, "recordingSelfieCapture", "capturedSelfieRecording"], [0, "timeElapsed", "timeElapsed"]]]);
339
- function defineCustomElement$1() {
340
- if (typeof customElements === "undefined") {
341
- return;
342
- }
343
- const components = ["identification-component", "agreement-check", "agreement-info", "camera-comp", "capture-error", "end-redirect", "how-to-info", "id-back-capture", "id-capture", "landing-validation", "selfie-capture", "sms-code-validation"];
344
- components.forEach(tagName => { switch (tagName) {
345
- case "identification-component":
346
- if (!customElements.get(tagName)) {
347
- customElements.define(tagName, IdentificationComponent$1);
348
- }
349
- break;
350
- case "agreement-check":
351
- if (!customElements.get(tagName)) {
352
- defineCustomElement$c();
353
- }
354
- break;
355
- case "agreement-info":
356
- if (!customElements.get(tagName)) {
357
- defineCustomElement$b();
358
- }
359
- break;
360
- case "camera-comp":
361
- if (!customElements.get(tagName)) {
362
- defineCustomElement$a();
363
- }
364
- break;
365
- case "capture-error":
366
- if (!customElements.get(tagName)) {
367
- defineCustomElement$9();
368
- }
369
- break;
370
- case "end-redirect":
371
- if (!customElements.get(tagName)) {
372
- defineCustomElement$8();
373
- }
374
- break;
375
- case "how-to-info":
376
- if (!customElements.get(tagName)) {
377
- defineCustomElement$7();
378
- }
379
- break;
380
- case "id-back-capture":
381
- if (!customElements.get(tagName)) {
382
- defineCustomElement$6();
383
- }
384
- break;
385
- case "id-capture":
386
- if (!customElements.get(tagName)) {
387
- defineCustomElement$5();
388
- }
389
- break;
390
- case "landing-validation":
391
- if (!customElements.get(tagName)) {
392
- defineCustomElement$4();
393
- }
394
- break;
395
- case "selfie-capture":
396
- if (!customElements.get(tagName)) {
397
- defineCustomElement$3();
398
- }
399
- break;
400
- case "sms-code-validation":
401
- if (!customElements.get(tagName)) {
402
- defineCustomElement$2();
403
- }
404
- break;
405
- } });
406
- }
407
-
408
- const IdentificationComponent = IdentificationComponent$1;
409
- const defineCustomElement = defineCustomElement$1;
410
-
411
- export { IdentificationComponent, defineCustomElement };
@@ -1,34 +0,0 @@
1
- /* QbsEctCmp custom elements */
2
- export { AgreementCheck as AgreementCheck } from '../types/components/agreement-check/agreement-check';
3
- export { AgreementInfo as AgreementInfo } from '../types/components/agreement-info/agreement-info';
4
- export { Camera as CameraComp } from '../types/components/controls/camera/camera';
5
- export { CaptureError as CaptureError } from '../types/components/capture-error/capture-error';
6
- export { EndRedirect as EndRedirect } from '../types/components/end-redirect/end-redirect';
7
- export { HowToInfo as HowToInfo } from '../types/components/how-to-info/how-to-info';
8
- export { IdBackCapture as IdBackCapture } from '../types/components/id-back-capture/id-back-capture';
9
- export { IdCapture as IdCapture } from '../types/components/id-capture/id-capture';
10
- export { IdentificationComponent as IdentificationComponent } from '../types/components/identification-component/identification-component';
11
- export { LandingValidation as LandingValidation } from '../types/components/landing-validation/landing-validation';
12
- export { LoaderDots as LoaderDots } from '../types/components/controls/loader-dots/loader-dots';
13
- export { SelfieCapture as SelfieCapture } from '../types/components/selfie-capture/selfie-capture';
14
- export { SmsCodeValidation as SmsCodeValidation } from '../types/components/sms-code-validation/sms-code-validation';
15
-
16
- /**
17
- * Used to manually set the base path where assets can be found.
18
- * If the script is used as "module", it's recommended to use "import.meta.url",
19
- * such as "setAssetPath(import.meta.url)". Other options include
20
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
21
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
22
- * But do note that this configuration depends on how your script is bundled, or lack of
23
- * bundling, and where your assets can be loaded from. Additionally custom bundling
24
- * will have to ensure the static assets are copied to its build directory.
25
- */
26
- export declare const setAssetPath: (path: string) => void;
27
-
28
- export interface SetPlatformOptions {
29
- raf?: (c: FrameRequestCallback) => number;
30
- ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
31
- rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
32
- }
33
- export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
34
- export * from '../types';
@@ -1,14 +0,0 @@
1
- export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
2
- export { AgreementCheck, defineCustomElement as defineCustomElementAgreementCheck } from './agreement-check.js';
3
- export { AgreementInfo, defineCustomElement as defineCustomElementAgreementInfo } from './agreement-info.js';
4
- export { CameraComp, defineCustomElement as defineCustomElementCameraComp } from './camera-comp.js';
5
- export { CaptureError, defineCustomElement as defineCustomElementCaptureError } from './capture-error.js';
6
- export { EndRedirect, defineCustomElement as defineCustomElementEndRedirect } from './end-redirect.js';
7
- export { HowToInfo, defineCustomElement as defineCustomElementHowToInfo } from './how-to-info.js';
8
- export { IdBackCapture, defineCustomElement as defineCustomElementIdBackCapture } from './id-back-capture.js';
9
- export { IdCapture, defineCustomElement as defineCustomElementIdCapture } from './id-capture.js';
10
- export { IdentificationComponent, defineCustomElement as defineCustomElementIdentificationComponent } from './identification-component.js';
11
- export { LandingValidation, defineCustomElement as defineCustomElementLandingValidation } from './landing-validation.js';
12
- export { LoaderDots, defineCustomElement as defineCustomElementLoaderDots } from './loader-dots.js';
13
- export { SelfieCapture, defineCustomElement as defineCustomElementSelfieCapture } from './selfie-capture.js';
14
- export { SmsCodeValidation, defineCustomElement as defineCustomElementSmsCodeValidation } from './sms-code-validation.js';
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface LandingValidation extends Components.LandingValidation, HTMLElement {}
4
- export const LandingValidation: {
5
- prototype: LandingValidation;
6
- new (): LandingValidation;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,6 +0,0 @@
1
- import { L as LandingValidation$1, d as defineCustomElement$1 } from './landing-validation2.js';
2
-
3
- const LandingValidation = LandingValidation$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { LandingValidation, defineCustomElement };
@@ -1,61 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
- import { L as LandingValues } from './textValues.js';
3
- import { s as state } from './store.js';
4
-
5
- const infoSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDYgMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMC4zNDQ4NiAyNy44ODQ4VjguNzkzODZINS42Mzk2VjI3Ljg4NDhIMC4zNDQ4NlpNMy4wMDQ2NiA2LjMzMjkyQzIuMjE3NDkgNi4zMzI5MiAxLjU0MjE4IDYuMDcxOTEgMC45Nzg3MzggNS41NDk4OUMwLjQyMzU3NyA1LjAxOTU5IDAuMTQ1OTk2IDQuMzg1NzEgMC4xNDU5OTYgMy42NDgyNkMwLjE0NTk5NiAyLjkxOTA5IDAuNDIzNTc3IDIuMjkzNSAwLjk3ODczOCAxLjc3MTQ4QzEuNTQyMTggMS4yNDExOCAyLjIxNzQ5IDAuOTc2MDI5IDMuMDA0NjYgMC45NzYwMjlDMy43OTE4MyAwLjk3NjAyOSA0LjQ2Mjk5IDEuMjQxMTggNS4wMTgxNiAxLjc3MTQ4QzUuNTgxNiAyLjI5MzUgNS44NjMzMyAyLjkxOTA5IDUuODYzMzMgMy42NDgyNkM1Ljg2MzMzIDQuMzg1NzEgNS41ODE2IDUuMDE5NTkgNS4wMTgxNiA1LjU0OTg5QzQuNDYyOTkgNi4wNzE5MSAzLjc5MTgzIDYuMzMyOTIgMy4wMDQ2NiA2LjMzMjkyWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K';
6
-
7
- const idSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCA0NiAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzMuMjIwNiAxLjc1MTIyQzM0LjM2MDYgMS4yNjg0IDM1LjY4MDYgMS44MDQyIDM2LjE2MjggMi45NDU2M0wzNy4yNzkyIDUuNTg4MDFIMzguODMxTDM3LjQ3OTIgMi4zODgyNEMzNy4wOTY4IDEuNDgzMTYgMzYuMzg1MyAwLjc4MTQ5MyAzNS40NzU5IDAuNDEyMjExQzM0LjU2NjQgMC4wNDI5Mjc2IDMzLjU2NzcgMC4wNTA0OTYxIDMyLjY2MzcgMC40MzMzMzlMMjAuNDkzMiA1LjU4ODE2SDI0LjE2MThMMzMuMjIwNiAxLjc1MTM3VjEuNzUxMjJaTTE2LjY3ODggMTkuNTIwNUMxNy40Mjk1IDE5LjgzODQgMTguMTAzNyAyMC4yOTM0IDE4LjY4MjQgMjAuODcyOUMxOS4yNjEyIDIxLjQ1MjQgMTkuNzE1NSAyMi4xMjcyIDIwLjAzMzEgMjIuODc5QzIwLjM2MjEgMjMuNjU3OCAyMC41Mjg5IDI0LjQ4NDUgMjAuNTI4OSAyNS4zMzYzQzIwLjUyODkgMjUuNzMxNCAyMC4yMDg5IDI2LjA1MTggMTkuODE0MiAyNi4wNTE4QzE5LjQxOTYgMjYuMDUxOCAxOS4wOTk2IDI1LjczMTQgMTkuMDk5NiAyNS4zMzYzQzE5LjA5OTYgMjIuNjQ0OSAxNi45MTI3IDIwLjQ1NTIgMTQuMjI0NiAyMC40NTUyQzExLjUzNjYgMjAuNDU1MiA5LjM0OTY2IDIyLjY0NDkgOS4zNDk2NiAyNS4zMzYzQzkuMzQ5NjYgMjUuNzMxNCA5LjAyOTY2IDI2LjA1MTggOC42MzUwMiAyNi4wNTE4QzguMjQwMzcgMjYuMDUxOCA3LjkyMDM3IDI1LjczMTQgNy45MjAzNyAyNS4zMzYzQzcuOTIwMzcgMjQuNDg0NCA4LjA4NzE0IDIzLjY1NzYgOC40MTYxMiAyMi44NzlDOC43MzM2IDIyLjEyNzQgOS4xODgwOSAyMS40NTI0IDkuNzY2ODMgMjAuODcyOUMxMC4yNzUzIDIwLjM2MzkgMTAuODU3NCAxOS45NTA5IDExLjUwMDQgMTkuNjQyNUMxMS4zMzIgMTkuNTE4MSAxMS4xNzE5IDE5LjM4MDMgMTEuMDIxMyAxOS4yMjk2QzEwLjIzMiAxOC40MzkxIDkuNzk3MjIgMTcuMzg4MyA5Ljc5NzIyIDE2LjI3MDRDOS43OTcyMiAxNS4xNTI1IDEwLjIzMTkgMTQuMTAxNyAxMS4wMjEzIDEzLjMxMTNDMTEuODEwOCAxMi41MjEgMTIuODYwNCAxMi4wODU2IDEzLjk3NjggMTIuMDg1NkMxNS4wOTMxIDEyLjA4NTYgMTYuMTQyNyAxMi41MjA4IDE2LjkzMjIgMTMuMzExM0MxNy43MjE1IDE0LjEwMTcgMTguMTU2MyAxNS4xNTI2IDE4LjE1NjMgMTYuMjcwNEMxOC4xNTYzIDE3LjM4ODIgMTcuNzIxNiAxOC40MzkxIDE2LjkzMjIgMTkuMjI5NkMxNi44MzYzIDE5LjMyNTYgMTYuNzM2NCAxOS40MTYyIDE2LjYzMzMgMTkuNTAxNkwxNi42NTAxIDE5LjUwODVMMTYuNjc4OCAxOS41MjA1Wk0xMS4yMjY1IDE2LjI3MDRDMTEuMjI2NSAxNy43ODg4IDEyLjQ2MDIgMTkuMDI0MSAxMy45NzY4IDE5LjAyNDFDMTUuNDkzMyAxOS4wMjQxIDE2LjcyNyAxNy43ODg4IDE2LjcyNyAxNi4yNzA0QzE2LjcyNyAxNC43NTIgMTUuNDkzMyAxMy41MTY3IDEzLjk3NjggMTMuNTE2N0MxMi40NjAyIDEzLjUxNjcgMTEuMjI2NSAxNC43NTIgMTEuMjI2NSAxNi4yNzA0Wk0yMy45Mzg0IDEyLjA4NTZIMzYuMjA5OUMzNi42MDQ1IDEyLjA4NTYgMzYuOTI0NSAxMi40MDYgMzYuOTI0NSAxMi44MDEyQzM2LjkyNDUgMTMuMTk2MyAzNi42MDQ1IDEzLjUxNjcgMzYuMjA5OSAxMy41MTY3SDIzLjkzODRDMjMuNTQzNyAxMy41MTY3IDIzLjIyMzcgMTMuMTk2MyAyMy4yMjM3IDEyLjgwMTJDMjMuMjIzNyAxMi40MDYgMjMuNTQzNyAxMi4wODU2IDIzLjkzODQgMTIuMDg1NlpNMjMuOTM4NCAxOC4zNTQxSDM2LjIwOTlDMzYuNjA0NSAxOC4zNTQxIDM2LjkyNDUgMTguNjc0NSAzNi45MjQ1IDE5LjA2OTdDMzYuOTI0NSAxOS40NjQ4IDM2LjYwNDUgMTkuNzg1MiAzNi4yMDk5IDE5Ljc4NTJIMjMuOTM4NEMyMy41NDM3IDE5Ljc4NTIgMjMuMjIzNyAxOS40NjQ4IDIzLjIyMzcgMTkuMDY5N0MyMy4yMjM3IDE4LjY3NDUgMjMuNTQzNyAxOC4zNTQxIDIzLjkzODQgMTguMzU0MVpNMzYuMjA5OSAyNC42MjA3SDIzLjkzODRDMjMuNTQzNyAyNC42MjA3IDIzLjIyMzcgMjQuOTQxMSAyMy4yMjM3IDI1LjMzNjNDMjMuMjIzNyAyNS43MzE0IDIzLjU0MzcgMjYuMDUxOCAyMy45Mzg0IDI2LjA1MThIMzYuMjA5OUMzNi42MDQ1IDI2LjA1MTggMzYuOTI0NSAyNS43MzE0IDM2LjkyNDUgMjUuMzM2M0MzNi45MjQ1IDI0Ljk0MTEgMzYuNjA0NSAyNC42MjA3IDM2LjIwOTkgMjQuNjIwN1pNNDIuODQzNiAxNS4wODU2TDQ1LjA3MjMgMjAuMzYwN0w0NS4wNzI2IDIwLjM2MDZDNDUuNDU0OSAyMS4yNjU3IDQ1LjQ2MjUgMjIuMjY1NyA0NS4wOTM3IDIzLjE3NjNDNDQuNzI0OSAyNC4wODY4IDQ0LjAyNDEgMjQuNzk5MiA0My4xMjAxIDI1LjE4MjFMNDIuODQzOSAyNS4yOTkxVjI4LjgyNjhDNDIuODQzOSAyOS44MDk1IDQyLjQ2MTcgMzAuNzMzMyA0MS43Njc3IDMxLjQyODJDNDEuMDczNyAzMi4xMjMxIDQwLjE1MSAzMi41MDU4IDM5LjE2OTYgMzIuNTA1OEgyNS44MjkxTDEzLjMzNjIgMzcuNzk3MUMxMi40MzIyIDM4LjE4IDExLjQzMzUgMzguMTg3NiAxMC41MjQgMzcuODE4M0M5LjYxNDU4IDM3LjQ0OSA4LjkwMzA4IDM2Ljc0NzMgOC41MjA3MiAzNS44NDIyTDcuMTExMTEgMzIuNTA1OUg2LjgzMDQ4QzUuODQ5MDYgMzIuNTA1OSA0LjkyNjM4IDMyLjEyMzIgNC4yMzIzNiAzMS40Mjg0QzMuNTM4MzUgMzAuNzMzNSAzLjE1NjE0IDI5LjgwOTYgMy4xNTYxNCAyOC44MjdWMjMuMTQ0N0wwLjkyNzQ3OSAxNy44Njk2QzAuNTQ1MTE2IDE2Ljk2NDUgMC41Mzc1NTcgMTUuOTY0NSAwLjkwNjM3NiAxNS4wNTM5QzEuMjc1MiAxNC4xNDMzIDEuOTc1OTggMTMuNDMwOSAyLjg3OTkyIDEzLjA0ODFMMy4xNTYxNCAxMi45MzExVjkuMzEyMzdDMy4xNTYxNCA4LjMyOTcyIDMuNTM4MzUgNy40MDU4OCA0LjIzMjM2IDYuNzEwOTlDNC45MjYzOCA2LjAxNjExIDUuODQ5MDYgNS42MzM0MiA2LjgzMDQ4IDUuNjMzNDJIMzkuMTY5M0M0MC4xNTA3IDUuNjMzNDIgNDEuMDczMyA2LjAxNjExIDQxLjc2NzQgNi43MTA5OUM0Mi40NjE0IDcuNDA1ODggNDIuODQzNiA4LjMyOTcyIDQyLjg0MzYgOS4zMTIzN1YxNS4wODU2Wk0yLjI0Mzg2IDE3LjMxMTlMMy4xNTYxNCAxOS40NzEzVjE0LjUwOTNDMi4yMTIzNiAxNS4wNzU3IDEuODAzMDcgMTYuMjY4NyAyLjI0Mzg2IDE3LjMxMTlaTTkuODM2OTQgMzUuMjg0NUMxMC4zMTkxIDM2LjQyNiAxMS42MzkxIDM2Ljk2MTggMTIuNzc5MSAzNi40NzlMMjIuMTYwMyAzMi41MDU2SDguNjYyOTJMOS44MzY5NCAzNS4yODQ1Wk0zOS4xNjk0IDMxLjA3NDVDNDAuNDA3MiAzMS4wNzQ1IDQxLjQxNDMgMzAuMDY2MyA0MS40MTQzIDI4LjgyNjhWOS4zMTIzN0M0MS40MTQzIDguMDcyODYgNDAuNDA3MiA3LjA2NDUxIDM5LjE2OTQgNy4wNjQ1MUg2LjgzMDQ4QzUuNTkyNjggNy4wNjQ1MSA0LjU4NTU5IDguMDcyODYgNC41ODU1OSA5LjMxMjM3VjI4LjgyNjhDNC41ODU1OSAzMC4wNjYyIDUuNTkyNjggMzEuMDc0NSA2LjgzMDQ4IDMxLjA3NDVIMzkuMTY5NFpNNDIuODQzNiAxOC43NTg3VjIzLjcyMDdDNDMuNzg3NCAyMy4xNTQzIDQ0LjE5NjUgMjEuOTYxMyA0My43NTU5IDIwLjkxODFMNDIuODQzNiAxOC43NTg3WiIgZmlsbD0iIzZFNzQ4OCIvPg0KPC9zdmc+DQo=';
8
-
9
- const deviceSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0NiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNF8xNTkyKSI+DQo8cGF0aCBkPSJNMzAuMTU3IDMxLjY1NDNIMy40NzczOEMxLjc3ODc0IDMxLjY1NDMgMC4zOTc3MDUgMzAuMzA4NSAwLjM5NzcwNSAyOC42NTQ5VjI2LjQ2NzJDMC4zOTc3MDUgMjUuOTg5MSAwLjc4ODI1MyAyNS42MDQyIDEuMjcwNTYgMjUuNjA0MkgxNi43NjU0QzE3LjAwMyAyNS42MDQyIDE3LjIyODkgMjUuNjk5OSAxNy4zOTM2IDI1Ljg2NzhMMTguNTIwNSAyNy4wMjdIMjcuMDI1NUMyNy41MDc4IDI3LjAyNyAyNy44OTg0IDI3LjQxMTggMjcuODk4NCAyNy44ODk5QzI3Ljg5ODQgMjguMzY4MSAyNy41MDc4IDI4Ljc1MjkgMjcuMDI1NSAyOC43NTI5SDE4LjE0ODhDMTcuOTExMiAyOC43NTI5IDE3LjY4NTMgMjguNjU3MyAxNy41MjA2IDI4LjQ4OTNMMTYuMzkzNyAyNy4zMzAySDIuMTQzNDFWMjguNjU0OUMyLjE0MzQxIDI5LjM1NyAyLjc0MDk5IDI5LjkyNiAzLjQ3NzM4IDI5LjkyNkgzMC4xNTdDMzAuNjM5MyAyOS45MjYgMzEuMDI5OCAzMC4zMTA5IDMxLjAyOTggMzAuNzg5QzMxLjAyOTggMzEuMjY3MSAzMC42MzkzIDMxLjY1MiAzMC4xNTcgMzEuNjUyVjMxLjY1NDNaTTI5LjkwMDUgMjcuMzMwMkgyOS4yMzQ3QzI4Ljc1MjQgMjcuMzMwMiAyOC4zNjE4IDI2Ljk0NTMgMjguMzYxOCAyNi40NjcyQzI4LjM2MTggMjUuOTg5MSAyOC43NTI0IDI1LjYwNDIgMjkuMjM0NyAyNS42MDQySDI5LjkwMDVDMzAuMzgyOCAyNS42MDQyIDMwLjc3MzQgMjUuOTg5MSAzMC43NzM0IDI2LjQ2NzJDMzAuNzczNCAyNi45NDUzIDMwLjM4MjggMjcuMzMwMiAyOS45MDA1IDI3LjMzMDJaIiBmaWxsPSIjNkU3NDg4Ii8+DQo8cGF0aCBkPSJNMy4zMjIwNyAyNC44MzdDMi44Mzk3NyAyNC44MzcgMi40NDkyMiAyNC40NTIyIDIuNDQ5MjIgMjMuOTc0MVYzLjY3ODE2QzIuNDQ5MjIgMS45Njg1NyAzLjg1Mzc4IDAuNTc2MTcyIDUuNTgwNjYgMC41NzYxNzJINDAuNDE5NEM0Mi4xNDYzIDAuNTc2MTcyIDQzLjU1MDggMS45Njg1NyA0My41NTA4IDMuNjc4MTZWNy4wMzQzOEM0My41NTA4IDcuNTEyNTEgNDMuMTYwMyA3Ljg5OTY3IDQyLjY3OCA3Ljg5OTY3QzQyLjE5NTcgNy44OTk2NyA0MS44MDUxIDcuNTEyNTEgNDEuODA1MSA3LjAzNDM4VjMuNjc4MTZDNDEuODA1MSAyLjkzNDE1IDQxLjE2OTkgMi4zMDQ0MiA0MC40MTk0IDIuMzA0NDJINS41ODA2NkM0LjgzMDE1IDIuMzA0NDIgNC4xOTQ5MiAyLjkzNDE1IDQuMTk0OTIgMy42NzgxNlYyMy45NzQxQzQuMTk0OTIgMjQuNDUyMiAzLjgwNDM3IDI0LjgzNyAzLjMyMjA3IDI0LjgzN1oiIGZpbGw9IiM2RTc0ODgiLz4NCjxwYXRoIGQ9Ik0zOS45NTgyIDUuNTA5MTVIMy4zMjIwN0MyLjgzOTc3IDUuNTA5MTUgMi40NDkyMiA1LjEyMTk4IDIuNDQ5MjIgNC42NDM4NkMyLjQ0OTIyIDQuMTY1NzMgMi44Mzk3NyAzLjc3ODU2IDMuMzIyMDcgMy43Nzg1NkgzOS45NTgyQzQwLjQ0MDUgMy43Nzg1NiA0MC44MzExIDQuMTY1NzMgNDAuODMxMSA0LjY0Mzg2QzQwLjgzMTEgNS4xMjE5OCA0MC40NDA1IDUuNTA5MTUgMzkuOTU4MiA1LjUwOTE1WiIgZmlsbD0iIzZFNzQ4OCIvPg0KPHBhdGggZD0iTTQzLjM5NTYgMzEuNjU0M0gzMy44NTMxQzMyLjY0MzggMzEuNjU0MyAzMS42OTggMzAuNzE2NyAzMS42OTggMjkuNTE3OVYxMC45NTI2QzMxLjY5OCA5Ljc0NjggMzIuNjY1IDguNzY0ODkgMzMuODUzMSA4Ljc2NDg5SDQzLjM5NTZDNDQuNTkwOCA4Ljc2NDg5IDQ1LjYwMjQgOS43Njc3OSA0NS42MDI0IDEwLjk1MjZWMTcuNzY3N0M0NS42MDI0IDE4LjI0NTggNDUuMjExOSAxOC42MzA2IDQ0LjcyOTYgMTguNjMwNkM0NC4yNDczIDE4LjYzMDYgNDMuODU2NyAxOC4yNDU4IDQzLjg1NjcgMTcuNzY3N1YxMC45NTI2QzQzLjg1NjcgMTAuNzE3IDQzLjYzMzIgMTAuNDk1NSA0My4zOTU2IDEwLjQ5NTVIMzMuODUzMUMzMy42Mjk2IDEwLjQ5NTUgMzMuNDQzNyAxMC43MDU0IDMzLjQ0MzcgMTAuOTUyNlYyOS41MTc5QzMzLjQ0MzcgMjkuNzUxMiAzMy42MjAyIDI5LjkyNjEgMzMuODUzMSAyOS45MjYxSDQzLjM5NTZDNDMuNjQ3MyAyOS45MjYxIDQzLjg1NjcgMjkuNzM5NSA0My44NTY3IDI5LjUxNzlWMjAuNjY2N0M0My44NTY3IDIwLjE4ODYgNDQuMjQ3MyAxOS44MDM4IDQ0LjcyOTYgMTkuODAzOEM0NS4yMTE5IDE5LjgwMzggNDUuNjAyNCAyMC4xODg2IDQ1LjYwMjQgMjAuNjY2N1YyOS41MTc5QzQ1LjYwMjQgMzAuNjk1NyA0NC42MTE5IDMxLjY1NDMgNDMuMzk1NiAzMS42NTQzWiIgZmlsbD0iIzZFNzQ4OCIvPg0KPHBhdGggZD0iTTM4LjkzMDIgMjkuMTYxMkgzOC4zMTM4QzM3LjgzMTUgMjkuMTYxMiAzNy40NDA5IDI4Ljc3NjQgMzcuNDQwOSAyOC4yOTgzQzM3LjQ0MDkgMjcuODIwMSAzNy44MzE1IDI3LjQzNTMgMzguMzEzOCAyNy40MzUzSDM4LjkzMDJDMzkuNDEyNSAyNy40MzUzIDM5LjgwMyAyNy44MjAxIDM5LjgwMyAyOC4yOTgzQzM5LjgwMyAyOC43NzY0IDM5LjQxMjUgMjkuMTYxMiAzOC45MzAyIDI5LjE2MTJaIiBmaWxsPSIjNkU3NDg4Ii8+DQo8L2c+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDBfMTRfMTU5MiI+DQo8cmVjdCB3aWR0aD0iNDUuMjA0NyIgaGVpZ2h0PSIzMS4wNzgyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4zOTc3MDUgMC41NzYxNzIpIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=';
10
-
11
- const validationSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0MCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNF8xNjAxKSI+DQo8cGF0aCBkPSJNMTYuNzUxNCAyOS40MTExTDE2LjcyMjggMjMuMjczMUgxNC45NTk2QzEzLjAyODMgMjMuMjczMSAxMS40NTY1IDIxLjc1MzcgMTEuNDU2NSAxOS44ODY0VjMuOTAwMTNDMTEuNDU2NSAyLjAzMjc5IDEyLjk5MzQgMC41MTM0MjggMTQuODgxOCAwLjUxMzQyOEgzNi4zMTUyQzM4LjIwMzYgMC41MTM0MjggMzkuNzM5NiAyLjAzMjc5IDM5LjczOTYgMy45MDAxM1YxOS44ODY0QzM5LjczOTYgMjEuNzUzNyAzOC4yMDM2IDIzLjI3MzEgMzYuMzE1MiAyMy4yNzMxSDI0LjgwMDZDMjQuNzQxNSAyMy4yNzMxIDI0LjY4NTIgMjMuMjkxMiAyNC42NDIyIDIzLjMyNDZMMTYuNzUxNCAyOS40MTExWk0xNC44ODE4IDIuMTQwMzRDMTMuODgxNyAyLjE0MDM0IDEzLjA2NzYgMi45Mjk0IDEzLjA2NzYgMy45MDAxM1YxOS44ODY0QzEzLjA2NzYgMjAuODU3MSAxMy45MTY2IDIxLjY0NjIgMTQuOTYwNSAyMS42NDYySDE3LjE3OTlDMTcuODEyMyAyMS42NDYyIDE4LjMyODUgMjIuMTU2OCAxOC4zMzEyIDIyLjc4NUwxOC4zNDY0IDI2LjEzMzhMMjMuNjY1NCAyMi4wMzEyQzIzLjk4NzQgMjEuNzgyNyAyNC4zOTA5IDIxLjY0NjIgMjQuODAwNiAyMS42NDYySDM2LjMxNTJDMzcuMzE1MyAyMS42NDYyIDM4LjEyOTQgMjAuODU3MSAzOC4xMjk0IDE5Ljg4NjRWMy45MDAxM0MzOC4xMjk0IDIuOTI5NCAzNy4zMTUzIDIuMTQwMzQgMzYuMzE1MiAyLjE0MDM0SDE0Ljg4MThaIiBmaWxsPSIjNkU3NDg4Ii8+DQo8cGF0aCBkPSJNMTcuNDc2OSA0My43MTcxSDUuMzgxNjhDMi41NTc1OCA0My43MTcxIDAuMjYwMzc2IDQxLjM5NiAwLjI2MDM3NiAzOC41NDI2VjExLjU2NTZDMC4yNjAzNzYgOC43MTIxOCAyLjU1NzU4IDYuMzkxMTEgNS4zODE2OCA2LjM5MTExSDkuNTM4NjZWOC4wMTgwM0g1LjM4MTY4QzMuNDQ1ODcgOC4wMTgwMyAxLjg3MDU3IDkuNjA5NyAxLjg3MDU3IDExLjU2NTZWMzguNTQyNkMxLjg3MDU3IDQwLjQ5ODUgMy40NDU4NyA0Mi4wOTAyIDUuMzgxNjggNDIuMDkwMkgxNy40NzY5QzE5LjQxMjcgNDIuMDkwMiAyMC45ODggNDAuNDk4NSAyMC45ODggMzguNTQyNlYyOC45Mjg0SDIyLjU5ODJWMzguNTQyNkMyMi41OTgyIDQxLjM5NiAyMC4zMDEgNDMuNzE3MSAxNy40NzY5IDQzLjcxNzFaIiBmaWxsPSIjNkU3NDg4Ii8+DQo8cGF0aCBkPSJNOS4zODkzNSAxMS44NDIzSDEuMDY1NTVWMTMuNDY5Mkg5LjM4OTM1VjExLjg0MjNaIiBmaWxsPSIjNkU3NDg4Ii8+DQo8cGF0aCBkPSJNMjEuNzkyMyAzNi45MTMxSDEuMDY1NTVWMzguNTRIMjEuNzkyM1YzNi45MTMxWiIgZmlsbD0iIzZFNzQ4OCIvPg0KPHBhdGggZD0iTTI0LjM4NDMgMTIuN0MyNC4zODQzIDEzLjM3MjMgMjQuOTIxNiAxMy45MzExIDI1LjU5ODUgMTMuOTMxMUMyNi4yNzU0IDEzLjkzMTEgMjYuODEyNyAxMy4zNzIzIDI2LjgxMjcgMTIuN0MyNi44MTI3IDEyLjAyNzYgMjYuMjc1NCAxMS40Njg5IDI1LjU5ODUgMTEuNDY4OUMyNC45MjE2IDExLjQ2ODkgMjQuMzg0MyAxMi4wMjc2IDI0LjM4NDMgMTIuN1pNMjUuMjAyNSAxMi43QzI1LjIwMjUgMTIuNDgxOCAyNS4zODAxIDEyLjMwNDEgMjUuNTk4NSAxMi4zMDQxQzI1LjgxNjkgMTIuMzA0MSAyNS45OTQ1IDEyLjQ4MTggMjUuOTk0NSAxMi43QzI1Ljk5NDUgMTIuOTE4MSAyNS44MTY5IDEzLjA5NTggMjUuNTk4NSAxMy4wOTU4QzI1LjM4MDEgMTMuMDk1OCAyNS4yMDI1IDEyLjkxODEgMjUuMjAyNSAxMi43WiIgZmlsbD0iIzZFNzQ4OCIgc3Ryb2tlPSIjNkU3NDg4IiBzdHJva2Utd2lkdGg9IjAuNzQ0ODkxIi8+DQo8cGF0aCBkPSJNMzAuMjQwMSAxMi43QzMwLjI0MDEgMTMuMzcyMyAzMC43Nzc0IDEzLjkzMTEgMzEuNDU0MyAxMy45MzExQzMyLjEzMTIgMTMuOTMxMSAzMi42Njg1IDEzLjM3MjMgMzIuNjY4NSAxMi43QzMyLjY2ODUgMTIuMDI3NiAzMi4xMzEyIDExLjQ2ODkgMzEuNDU0MyAxMS40Njg5QzMwLjc3NzQgMTEuNDY4OSAzMC4yNDAxIDEyLjAyNzYgMzAuMjQwMSAxMi43Wk0zMS4wNTgzIDEyLjdDMzEuMDU4MyAxMi40ODE4IDMxLjIzNTkgMTIuMzA0MSAzMS40NTQzIDEyLjMwNDFDMzEuNjcyNyAxMi4zMDQxIDMxLjg1MDMgMTIuNDgxOCAzMS44NTAzIDEyLjdDMzEuODUwMyAxMi45MTgxIDMxLjY3MjcgMTMuMDk1OCAzMS40NTQzIDEzLjA5NThDMzEuMjM1OSAxMy4wOTU4IDMxLjA1ODMgMTIuOTE4MSAzMS4wNTgzIDEyLjdaIiBmaWxsPSIjNkU3NDg4IiBzdHJva2U9IiM2RTc0ODgiIHN0cm9rZS13aWR0aD0iMC43NDQ4OTEiLz4NCjxwYXRoIGQ9Ik0xOC41Mjg2IDEyLjdDMTguNTI4NiAxMy4zNzIzIDE5LjA2NTkgMTMuOTMxMSAxOS43NDI4IDEzLjkzMTFDMjAuNDE5NyAxMy45MzExIDIwLjk1NyAxMy4zNzIzIDIwLjk1NyAxMi43QzIwLjk1NyAxMi4wMjc2IDIwLjQxOTcgMTEuNDY4OSAxOS43NDI4IDExLjQ2ODlDMTkuMDY1OSAxMS40Njg5IDE4LjUyODYgMTIuMDI3NiAxOC41Mjg2IDEyLjdaTTE5LjM0NjggMTIuN0MxOS4zNDY4IDEyLjQ4MTggMTkuNTI0NCAxMi4zMDQxIDE5Ljc0MjggMTIuMzA0MUMxOS45NjEyIDEyLjMwNDEgMjAuMTM4NyAxMi40ODE4IDIwLjEzODcgMTIuN0MyMC4xMzg3IDEyLjkxODEgMTkuOTYxMiAxMy4wOTU4IDE5Ljc0MjggMTMuMDk1OEMxOS41MjQ0IDEzLjA5NTggMTkuMzQ2OCAxMi45MTgxIDE5LjM0NjggMTIuN1oiIGZpbGw9IiM2RTc0ODgiIHN0cm9rZT0iIzZFNzQ4OCIgc3Ryb2tlLXdpZHRoPSIwLjc0NDg5MSIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE0XzE2MDEiPg0KPHJlY3Qgd2lkdGg9IjM5LjQ3OTIiIGhlaWdodD0iNDMuMjAzNyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjYwMzc2IDAuNTEzNDI4KSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K';
12
-
13
- const landingValidationCss = "";
14
-
15
- const LandingValidation = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
16
- constructor() {
17
- super();
18
- this.__registerHost();
19
- this.device = undefined;
20
- this.warningText = undefined;
21
- }
22
- async componentWillLoad() {
23
- await new Promise(f => setTimeout(f, 500));
24
- await this.initRequest();
25
- }
26
- async initRequest() {
27
- if (state.hasIdBack) {
28
- this.warningText = LandingValues.WarningMd;
29
- }
30
- else {
31
- this.warningText = LandingValues.Warning;
32
- }
33
- }
34
- async startFlow() {
35
- if (state.initialised) {
36
- state.flowStatus = 'AGREEMENT';
37
- }
38
- }
39
- render() {
40
- return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", null, LandingValues.Title), h("div", { class: "d-flex space-between align-center" }, h("p", { class: "main-text font-size-2" }, LandingValues.Description), h("div", { class: "img-info" }, h("div", { class: "i-effect" }), h("img", { src: infoSvg })))), h("div", { class: "info-container" }, h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: idSvg })), h("h3", null, LandingValues.IdInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: deviceSvg })), h("h3", null, LandingValues.DeviceInfo)), h("div", { class: "img-text" }, h("div", { class: "bg-img" }, h("img", { src: validationSvg })), h("h3", null, LandingValues.SmsInfo))), h("div", { class: "terms-container" }, h("h3", { class: "font-size-2 mb-1" }, this.warningText)), h("div", { class: "pos-relative" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !state.initialised, onClick: () => this.startFlow() }, LandingValues.Button), h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
41
- }
42
- static get style() { return landingValidationCss; }
43
- }, [0, "landing-validation", {
44
- "device": [16],
45
- "warningText": [32]
46
- }]);
47
- function defineCustomElement() {
48
- if (typeof customElements === "undefined") {
49
- return;
50
- }
51
- const components = ["landing-validation"];
52
- components.forEach(tagName => { switch (tagName) {
53
- case "landing-validation":
54
- if (!customElements.get(tagName)) {
55
- customElements.define(tagName, LandingValidation);
56
- }
57
- break;
58
- } });
59
- }
60
-
61
- export { LandingValidation as L, defineCustomElement as d };
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface LoaderDots extends Components.LoaderDots, HTMLElement {}
4
- export const LoaderDots: {
5
- prototype: LoaderDots;
6
- new (): LoaderDots;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,33 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
-
3
- const loaderDotsCss = "i,i::before,i::after{animation-duration:0.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}body{font-family:sans-serif}i{width:300px;height:75px;margin:auto;display:block;background:no-repeat;background-image:radial-gradient(closest-side, #47b6a2 90%, rgba(0, 0, 0, 0)), radial-gradient(closest-side, #47b6a2 90%, rgba(0, 0, 0, 0));background-size:75px 75px;background-position:0%, 50%;position:relative;transform:translateZ(0) scale(0.25);animation-name:slide}i::before,i::after{content:'';width:75px;height:75px;background:radial-gradient(closest-side, #47b6a2 90%, rgba(0, 0, 0, 0));position:absolute;top:50%;margin-top:-37.5px;animation-name:reveal}i::before{left:1%;animation-delay:40ms}i::after{right:1%;animation-direction:reverse}@keyframes slide{from{background-position:0%, 50%}to{background-position:50%, 100%}}@keyframes reveal{from{transform:scale(0.001)}to{transform:scale(1)}}";
4
-
5
- const LoaderDots$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
- constructor() {
7
- super();
8
- this.__registerHost();
9
- this.__attachShadow();
10
- }
11
- render() {
12
- return h("i", null);
13
- }
14
- static get style() { return loaderDotsCss; }
15
- }, [1, "loader-dots"]);
16
- function defineCustomElement$1() {
17
- if (typeof customElements === "undefined") {
18
- return;
19
- }
20
- const components = ["loader-dots"];
21
- components.forEach(tagName => { switch (tagName) {
22
- case "loader-dots":
23
- if (!customElements.get(tagName)) {
24
- customElements.define(tagName, LoaderDots$1);
25
- }
26
- break;
27
- } });
28
- }
29
-
30
- const LoaderDots = LoaderDots$1;
31
- const defineCustomElement = defineCustomElement$1;
32
-
33
- export { LoaderDots, defineCustomElement };