@incodetech/web 2.0.0-alpha.11 → 2.0.0-alpha.12

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 (36) hide show
  1. package/dist/aligndevicelottie-DlQCRPfM.js +29 -0
  2. package/dist/backdevicelottie-B4NgyWmX.js +29 -0
  3. package/dist/base.css +572 -14
  4. package/dist/baseTutorial-Be85FuyO.js +383 -0
  5. package/dist/blurdevicelottie-_BZRug1c.js +29 -0
  6. package/dist/email/email.es.js +4 -4
  7. package/dist/flip-animation-COR596wy.js +29 -0
  8. package/dist/flow/flow.es.js +248 -263
  9. package/dist/flow/styles.css +2088 -8
  10. package/dist/frontdevicelottie-KhKxT5n9.js +29 -0
  11. package/dist/glaredevicelottie-DLuIStvb.js +29 -0
  12. package/dist/id/id.es.js +1496 -0
  13. package/dist/id/styles.css +1587 -0
  14. package/dist/id-laser-h-BBV3r3rz.js +29 -0
  15. package/dist/id-laser-v-BTHJaSfx.js +29 -0
  16. package/dist/id-tutorial-B-F5Q28m.js +29 -0
  17. package/dist/{incodeModule-Dv8Qllrv.js → incodeModule-DR92HDjR.js} +11 -8
  18. package/dist/index.es.js +2 -2
  19. package/dist/{otpInput-BtoZe0Wz.js → otpInput-Dm1LhnDm.js} +2 -2
  20. package/dist/page-CITAo3qf.js +189 -0
  21. package/dist/passport-tutorial-CaYBFTqt.js +29 -0
  22. package/dist/phone/phone.es.js +4 -4
  23. package/dist/selfie/selfie.es.js +245 -533
  24. package/dist/selfie/styles.css +43 -0
  25. package/dist/selfieTutorial-Dm_p0ke9.js +29 -0
  26. package/dist/{setup-wNL83jmW.js → setup-BhetRn4n.js} +2 -2
  27. package/dist/spinner-CQtj_FFo.js +65 -0
  28. package/dist/themes/dark.css +145 -0
  29. package/dist/themes/light.css +145 -0
  30. package/dist/types/id.d.ts +34 -0
  31. package/dist/{uiConfig-CQ1W9cUD.js → uiConfig-DEqynrWx.js} +1 -1
  32. package/dist/{vendor-preact-CK0WeTOR.js → vendor-preact-CjD4WiuC.js} +124 -115
  33. package/package.json +11 -2
  34. package/dist/page-Dh_Zw2ik.js +0 -234
  35. package/dist/selfieTutorial-C-u5GufD.js +0 -29
  36. package/dist/title-BfO5Dlzk.js +0 -25
@@ -0,0 +1,1496 @@
1
+ import { u as e, S as C, B as h, c as I, r as A, a as R } from "../incodeModule-DR92HDjR.js";
2
+ import { createIdCaptureManager as S } from "@incodetech/core/id";
3
+ import { L as b, B as z, P as U, a as N } from "../baseTutorial-Be85FuyO.js";
4
+ import { P as L, I as O } from "../page-CITAo3qf.js";
5
+ import { d as x, y as f, k as G, D as $, A as Z } from "../vendor-preact-CjD4WiuC.js";
6
+ import "../instance-B-q0ZREN.js";
7
+ import { u as c, T as _, S as Q } from "../spinner-CQtj_FFo.js";
8
+ const j = ({ className: n }) => /* @__PURE__ */ e(
9
+ "svg",
10
+ {
11
+ width: "24",
12
+ height: "24",
13
+ viewBox: "0 0 24 24",
14
+ fill: "none",
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ class: n,
17
+ "aria-hidden": "true",
18
+ children: [
19
+ /* @__PURE__ */ e(
20
+ "path",
21
+ {
22
+ d: "M12.2597 4.15625C14.3285 4.1835 16.3243 4.916 17.9199 6.23242C18.2394 6.49605 18.2851 6.96957 18.0214 7.28906C17.7578 7.60828 17.2852 7.65315 16.9658 7.38965C15.6357 6.29217 13.9729 5.68098 12.249 5.65625C10.5346 5.67942 8.878 6.28369 7.5527 7.37207C6.03992 8.62375 4.84504 10.2126 4.06246 12.0107C4.83423 13.8004 6.01967 15.3822 7.52242 16.626C7.84151 16.8901 7.88613 17.3635 7.62203 17.6826C7.35793 18.0017 6.88449 18.0463 6.56539 17.7822C4.79235 16.3147 3.41234 14.427 2.5527 12.29C2.48019 12.1096 2.48144 11.9077 2.55465 11.7275C3.42639 9.58276 4.81515 7.68881 6.5986 6.21387L6.60055 6.21289C8.19264 4.90541 10.1832 4.18132 12.2412 4.15625H12.2597Z",
23
+ fill: "currentColor"
24
+ }
25
+ ),
26
+ /* @__PURE__ */ e(
27
+ "path",
28
+ {
29
+ d: "M19.3963 3.80561C19.6892 3.51272 20.165 3.51271 20.4579 3.80561C20.7504 4.09843 20.7504 4.57333 20.4579 4.86615L5.10728 20.2158C4.81438 20.5087 4.33962 20.5087 4.04673 20.2158C3.75401 19.9229 3.7539 19.4481 4.04673 19.1552L19.3963 3.80561Z",
30
+ fill: "currentColor"
31
+ }
32
+ ),
33
+ /* @__PURE__ */ e(
34
+ "path",
35
+ {
36
+ d: "M12.4287 8.18359C13.377 8.22855 14.2762 8.62583 14.9502 9.2998C15.2429 9.59271 15.243 10.0675 14.9502 10.3604C14.6574 10.653 14.1825 10.653 13.8897 10.3604C13.4528 9.92345 12.8603 9.6783 12.2422 9.67969H12.2412C10.9575 9.68196 9.91866 10.725 9.92092 12.0088V12.0127C9.91873 12.6266 10.1629 13.2142 10.5987 13.6455C10.893 13.9369 10.8949 14.4117 10.6035 14.7061C10.3122 15.0003 9.83736 15.0032 9.54299 14.7119C8.82092 13.9973 8.41718 13.0228 8.42092 12.0068C8.41946 9.89669 10.1276 8.18357 12.2383 8.17969L12.4287 8.18359Z",
37
+ fill: "currentColor"
38
+ }
39
+ ),
40
+ /* @__PURE__ */ e(
41
+ "path",
42
+ {
43
+ d: "M19.0536 8.34264C19.3864 8.09617 19.8559 8.16611 20.1024 8.49889C20.8393 9.49403 21.4571 10.5723 21.9413 11.7128C22.0214 11.9015 22.0206 12.1153 21.9393 12.3036C19.9504 16.911 16.3507 19.8602 12.2499 19.8602C11.3317 19.8602 10.421 19.7108 9.55163 19.4217C9.15858 19.2911 8.94538 18.8665 9.07605 18.4735C9.20672 18.0805 9.63127 17.8683 10.0243 17.9989C10.7428 18.2378 11.4942 18.3602 12.2499 18.3602C15.4814 18.3602 18.5736 16.0795 20.4296 12.0047C20.0129 11.0822 19.5004 10.2058 18.8973 9.39147C18.6509 9.05863 18.7208 8.58917 19.0536 8.34264Z",
44
+ fill: "currentColor"
45
+ }
46
+ ),
47
+ /* @__PURE__ */ e(
48
+ "path",
49
+ {
50
+ d: "M14.5349 12.4195C14.6094 12.0122 14.9996 11.7418 15.407 11.816C15.8145 11.8902 16.0848 12.2815 16.0105 12.689C15.7256 14.2521 14.5032 15.4787 12.9392 15.7662C12.5318 15.841 12.1411 15.571 12.0662 15.1636C11.9914 14.7563 12.2605 14.3655 12.6677 14.2906C13.6177 14.116 14.3617 13.3702 14.5349 12.4195Z",
51
+ fill: "currentColor"
52
+ }
53
+ )
54
+ ]
55
+ }
56
+ ), q = ({ className: n }) => /* @__PURE__ */ e(
57
+ "svg",
58
+ {
59
+ width: "24",
60
+ height: "24",
61
+ viewBox: "0 0 24 24",
62
+ fill: "none",
63
+ xmlns: "http://www.w3.org/2000/svg",
64
+ class: n,
65
+ "aria-hidden": "true",
66
+ children: /* @__PURE__ */ e(
67
+ "path",
68
+ {
69
+ d: "M18.0431 4.54303C18.4336 4.15251 19.0666 4.15251 19.4572 4.54303C19.8476 4.93356 19.8476 5.5666 19.4572 5.95709L13.4142 12.0001L19.4572 18.043C19.8476 18.4336 19.8476 19.0666 19.4572 19.4571C19.0667 19.8475 18.4336 19.8475 18.0431 19.4571L12.0001 13.4141L5.95715 19.4571C5.56666 19.8475 4.93361 19.8475 4.54309 19.4571C4.15258 19.0666 4.15261 18.4336 4.54309 18.043L10.5861 12.0001L4.54309 5.95709C4.15258 5.56658 4.15261 4.93356 4.54309 4.54303C4.93362 4.15251 5.56663 4.15251 5.95715 4.54303L12.0001 10.586L18.0431 4.54303Z",
70
+ fill: "currentColor"
71
+ }
72
+ )
73
+ }
74
+ ), J = ({ className: n }) => /* @__PURE__ */ e(
75
+ "svg",
76
+ {
77
+ width: "24",
78
+ height: "24",
79
+ viewBox: "0 0 24 24",
80
+ fill: "none",
81
+ xmlns: "http://www.w3.org/2000/svg",
82
+ class: n,
83
+ "aria-hidden": "true",
84
+ children: [
85
+ /* @__PURE__ */ e(
86
+ "path",
87
+ {
88
+ d: "M2.25 15.1279V9.51172C2.25 7.88342 2.76123 6.43316 3.74023 5.38281C4.72472 4.32662 6.12676 3.73535 7.78223 3.73535H13.2705L13.3477 3.73926C13.7258 3.7777 14.0205 4.09705 14.0205 4.48535C14.0205 4.87365 13.7258 5.193 13.3477 5.23145L13.2705 5.23535H7.78223C6.49854 5.23535 5.50964 5.68477 4.83789 6.40527C4.16068 7.13181 3.75 8.19485 3.75 9.51172V15.1279C3.75003 16.4457 4.1591 17.5083 4.83496 18.2344C5.5052 18.9542 6.49361 19.4043 7.78223 19.4043H16.2158C17.5051 19.4043 18.4945 18.9544 19.165 18.2344C19.8412 17.5083 20.25 16.4456 20.25 15.1279V12.458C20.25 12.0438 20.5858 11.708 21 11.708C21.4142 11.708 21.75 12.0438 21.75 12.458V15.1279C21.75 16.7554 21.2412 18.2061 20.2627 19.2568C19.2785 20.3135 17.8755 20.9043 16.2158 20.9043H7.78223C6.12294 20.9043 4.72013 20.3136 3.73633 19.2568C2.7582 18.2061 2.25003 16.7553 2.25 15.1279Z",
89
+ fill: "currentColor"
90
+ }
91
+ ),
92
+ /* @__PURE__ */ e(
93
+ "path",
94
+ {
95
+ d: "M14.2705 14.4121C14.6846 14.4123 15.0205 14.748 15.0205 15.1621C15.0205 15.5762 14.6846 15.912 14.2705 15.9121H7.04102C6.62682 15.9121 6.29105 15.5763 6.29102 15.1621C6.29102 14.7479 6.6268 14.4121 7.04102 14.4121H14.2705ZM8.96094 10.6523C9.37494 10.6526 9.71094 10.9883 9.71094 11.4023C9.71094 11.8164 9.37494 12.1521 8.96094 12.1523H7.04102C6.6268 12.1523 6.29102 11.8166 6.29102 11.4023C6.29102 10.9881 6.6268 10.6523 7.04102 10.6523H8.96094Z",
96
+ fill: "currentColor"
97
+ }
98
+ ),
99
+ /* @__PURE__ */ e(
100
+ "path",
101
+ {
102
+ d: "M18.4043 3.0957C18.7183 3.0957 18.9986 3.29142 19.1074 3.58594L19.209 3.85938C19.5141 4.68491 20.1638 5.33534 20.9873 5.64062L21.2607 5.74219C21.5548 5.85125 21.75 6.13168 21.75 6.44531C21.75 6.75893 21.5548 7.03941 21.2607 7.14844L20.9873 7.25C20.215 7.5363 19.5953 8.1258 19.2695 8.87891L19.209 9.03125L19.1074 9.30469C18.9986 9.59909 18.7182 9.79492 18.4043 9.79492C18.0904 9.79492 17.81 9.59909 17.7012 9.30469L17.5996 9.03125C17.2945 8.20566 16.6448 7.55532 15.8213 7.25L15.5479 7.14844C15.2538 7.03941 15.0586 6.75893 15.0586 6.44531C15.0586 6.13168 15.2538 5.85125 15.5479 5.74219L15.8213 5.64062C16.6448 5.33534 17.2945 4.68491 17.5996 3.85938L17.7012 3.58594L17.749 3.48047C17.8799 3.24552 18.1294 3.0957 18.4043 3.0957ZM18.4043 5.49414C18.1366 5.85711 17.8158 6.17742 17.4531 6.44531C17.8156 6.71307 18.1367 7.03278 18.4043 7.39551C18.6718 7.03299 18.9922 6.71298 19.3545 6.44531C18.992 6.17751 18.6719 5.8569 18.4043 5.49414Z",
103
+ fill: "currentColor"
104
+ }
105
+ ),
106
+ /* @__PURE__ */ e(
107
+ "path",
108
+ {
109
+ d: "M13.9019 8.29492C14.232 8.29495 14.5236 8.51122 14.6196 8.82715C14.7187 9.15288 14.9733 9.4071 15.2974 9.50586C15.6128 9.60214 15.8286 9.89376 15.8286 10.2236C15.8285 10.5534 15.6127 10.8441 15.2974 10.9404C14.973 11.0393 14.7187 11.2942 14.6196 11.6201C14.5236 11.936 14.232 12.1513 13.9019 12.1514C13.5717 12.1514 13.2801 11.936 13.1841 11.6201C13.0851 11.2943 12.8307 11.0393 12.5063 10.9404C12.1909 10.8442 11.9752 10.5534 11.9751 10.2236C11.9751 9.89369 12.1908 9.60208 12.5063 9.50586C12.8305 9.40708 13.085 9.15282 13.1841 8.82715C13.2801 8.5112 13.5716 8.29492 13.9019 8.29492Z",
110
+ fill: "currentColor"
111
+ }
112
+ )
113
+ ]
114
+ }
115
+ ), K = ({
116
+ className: n
117
+ }) => /* @__PURE__ */ e(
118
+ "svg",
119
+ {
120
+ width: "24",
121
+ height: "24",
122
+ viewBox: "0 0 24 24",
123
+ fill: "none",
124
+ xmlns: "http://www.w3.org/2000/svg",
125
+ class: n,
126
+ "aria-hidden": "true",
127
+ children: [
128
+ /* @__PURE__ */ e(
129
+ "path",
130
+ {
131
+ fillRule: "evenodd",
132
+ clipRule: "evenodd",
133
+ d: "M3.51987 5.07032C4.36282 4.16615 5.5605 3.66406 6.96486 3.66406H17.0351C18.4424 3.66406 19.6405 4.16586 20.483 5.07066C21.3199 5.96941 21.75 7.20487 21.75 8.58033V11.5041C21.75 11.9183 21.4142 12.2541 21 12.2541C20.5858 12.2541 20.25 11.9183 20.25 11.5041V8.58033C20.25 7.5146 19.9198 6.66693 19.3852 6.09284C18.8563 5.52481 18.0719 5.16406 17.0351 5.16406H6.96486C5.93193 5.16406 5.14718 5.52452 4.61702 6.09318C4.08142 6.66769 3.75 7.51548 3.75 8.58033V15.1683C3.75 16.2346 4.08027 17.0822 4.61474 17.6561C5.1436 18.224 5.92794 18.5846 6.96486 18.5846H11.1224C11.5366 18.5846 11.8724 18.9204 11.8724 19.3346C11.8724 19.7488 11.5366 20.0846 11.1224 20.0846H6.96486C5.55768 20.0846 4.35959 19.5831 3.51704 18.6784C2.68011 17.7797 2.25 16.5442 2.25 15.1683V8.58033C2.25 7.20399 2.68237 5.96865 3.51987 5.07032Z",
134
+ fill: "currentColor"
135
+ }
136
+ ),
137
+ /* @__PURE__ */ e(
138
+ "path",
139
+ {
140
+ fillRule: "evenodd",
141
+ clipRule: "evenodd",
142
+ d: "M2.25 9.71191C2.25 9.2977 2.58579 8.96191 3 8.96191H21C21.4142 8.96191 21.75 9.2977 21.75 9.71191C21.75 10.1261 21.4142 10.4619 21 10.4619H3C2.58579 10.4619 2.25 10.1261 2.25 9.71191Z",
143
+ fill: "currentColor"
144
+ }
145
+ ),
146
+ /* @__PURE__ */ e(
147
+ "path",
148
+ {
149
+ fillRule: "evenodd",
150
+ clipRule: "evenodd",
151
+ d: "M18.4359 14.3971C17.5875 13.5487 16.2128 13.5487 15.3644 14.3971C14.516 15.2455 14.516 16.6202 15.3644 17.4686C16.2128 18.317 17.5875 18.317 18.4359 17.4686C19.2843 16.6202 19.2843 15.2455 18.4359 14.3971ZM14.3037 13.3364C15.7379 11.9022 18.0624 11.9022 19.4966 13.3364C20.9308 14.7706 20.9308 17.0951 19.4966 18.5293C18.0624 19.9635 15.7379 19.9635 14.3037 18.5293C12.8695 17.0951 12.8695 14.7706 14.3037 13.3364Z",
152
+ fill: "currentColor"
153
+ }
154
+ ),
155
+ /* @__PURE__ */ e(
156
+ "path",
157
+ {
158
+ fillRule: "evenodd",
159
+ clipRule: "evenodd",
160
+ d: "M18.436 17.4707C18.7289 17.1778 19.2038 17.1778 19.4967 17.4707L21.0797 19.0538C21.3726 19.3467 21.3726 19.8215 21.0797 20.1144C20.7868 20.4073 20.3119 20.4073 20.019 20.1144L18.436 18.5314C18.1431 18.2385 18.1431 17.7636 18.436 17.4707Z",
161
+ fill: "currentColor"
162
+ }
163
+ )
164
+ ]
165
+ }
166
+ ), W = ({ className: n }) => /* @__PURE__ */ e(
167
+ "svg",
168
+ {
169
+ width: "64",
170
+ height: "64",
171
+ viewBox: "0 0 64 64",
172
+ fill: "none",
173
+ xmlns: "http://www.w3.org/2000/svg",
174
+ class: n,
175
+ "aria-hidden": "true",
176
+ children: [
177
+ /* @__PURE__ */ e("circle", { cx: "32", cy: "32", r: "32", fill: "#14151A" }),
178
+ /* @__PURE__ */ e(
179
+ "path",
180
+ {
181
+ d: "M32 41C33.1045 41 34 41.8955 34 43C34 44.1045 33.1045 45 32 45C30.8954 45 30 44.1045 30 43C30 41.8954 30.8954 41 32 41ZM32 18.5C36.6906 18.5001 40.1669 22.0578 40.167 26.5605C40.167 28.8363 39.239 30.7175 37.7119 32.0381C36.5502 33.0426 35.086 33.6855 33.5 33.9863V38H30.5V31.2568L31.9072 31.1699C33.5141 31.0696 34.8469 30.5494 35.75 29.7686C36.6245 29.0121 37.167 27.9561 37.167 26.5605C37.1669 23.7203 35.0394 21.5001 32 21.5C28.9065 21.5001 26.7253 23.7825 26.1406 26.8418L23.1934 26.2793C23.9755 22.1855 27.1118 18.5001 32 18.5Z",
182
+ fill: "white"
183
+ }
184
+ )
185
+ ]
186
+ }
187
+ ), X = ({
188
+ onClose: n,
189
+ onTakeManually: t
190
+ }) => {
191
+ const { t: i } = c(), o = () => {
192
+ t(), n();
193
+ };
194
+ return /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModal", children: /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModalContent", children: [
195
+ /* @__PURE__ */ e("header", { class: "IncodeCommonIssuesHeader", children: /* @__PURE__ */ e(
196
+ "button",
197
+ {
198
+ type: "button",
199
+ class: "IncodeCommonIssuesCloseButton",
200
+ onClick: n,
201
+ "aria-label": i("commonIssues.close"),
202
+ children: /* @__PURE__ */ e(q, {})
203
+ }
204
+ ) }),
205
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesContent", children: [
206
+ /* @__PURE__ */ e(W, { className: "IncodeCommonIssuesQuestionIcon" }),
207
+ /* @__PURE__ */ e(C, { size: 12 }),
208
+ /* @__PURE__ */ e("h2", { class: "IncodeCommonIssuesTitle", children: i("commonIssues.commonIssues") }),
209
+ /* @__PURE__ */ e(C, { size: 24 }),
210
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCards", children: [
211
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
212
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(J, {}) }),
213
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
214
+ /* @__PURE__ */ e("h5", { class: "IncodeCommonIssuesCardTitle", children: i("commonIssues.glarePresent") }),
215
+ /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: i("commonIssues.glarePresentDescription") })
216
+ ] })
217
+ ] }),
218
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
219
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(j, {}) }),
220
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
221
+ /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: i("commonIssues.blurPresent") }),
222
+ /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: i("commonIssues.blurPresentDescription") })
223
+ ] })
224
+ ] }),
225
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCard", children: [
226
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardIcon", children: /* @__PURE__ */ e(K, {}) }),
227
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesCardText", children: [
228
+ /* @__PURE__ */ e("h3", { class: "IncodeCommonIssuesCardTitle", children: i("commonIssues.notReadable") }),
229
+ /* @__PURE__ */ e("p", { class: "IncodeCommonIssuesCardBody", children: i("commonIssues.notReadableDescription") })
230
+ ] })
231
+ ] })
232
+ ] }),
233
+ /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesButtons", children: [
234
+ /* @__PURE__ */ e(
235
+ h,
236
+ {
237
+ variant: "link",
238
+ onClick: o,
239
+ class: "IncodeCommonIssuesTakeManually",
240
+ children: i("commonIssues.takeManually")
241
+ }
242
+ ),
243
+ /* @__PURE__ */ e(h, { onClick: n, class: "IncodeCommonIssuesTryAgain", children: i("commonIssues.tryAgain") })
244
+ ] })
245
+ ] })
246
+ ] }) });
247
+ }, T = ({ className: n }) => /* @__PURE__ */ e(
248
+ "svg",
249
+ {
250
+ width: "16",
251
+ height: "16",
252
+ viewBox: "0 0 16 16",
253
+ fill: "none",
254
+ xmlns: "http://www.w3.org/2000/svg",
255
+ class: n,
256
+ "aria-hidden": "true",
257
+ children: /* @__PURE__ */ e(
258
+ "path",
259
+ {
260
+ d: "M8 2.83368C9.38071 2.83368 10.5 3.95297 10.5 5.33368V6.66669H11.333C11.7012 6.66669 12 6.96549 12 7.33368V11.9997C12 12.3679 11.7012 12.6667 11.333 12.6667H4.66699C4.2988 12.6667 4 12.3679 4 11.9997V7.33368C4 6.96549 4.2988 6.66669 4.66699 6.66669H5.5V5.33368C5.5 3.95297 6.61929 2.83368 8 2.83368ZM8 3.83368C7.17157 3.83368 6.5 4.50525 6.5 5.33368V6.66669H9.5V5.33368C9.5 4.50525 8.82843 3.83368 8 3.83368Z",
261
+ fill: "currentColor"
262
+ }
263
+ )
264
+ }
265
+ ), Y = ({
266
+ orientation: n,
267
+ mode: t,
268
+ state: i,
269
+ children: o,
270
+ className: r
271
+ }) => {
272
+ const l = n !== "vertical" || t === "passport", a = t === "passport", s = `IncodeCaptureFrame${i.charAt(0).toUpperCase() + i.slice(1)}`;
273
+ return /* @__PURE__ */ e(
274
+ "div",
275
+ {
276
+ class: I(
277
+ "IncodeCaptureFrame",
278
+ l ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
279
+ s,
280
+ a && "IncodeCaptureFramePassport",
281
+ r
282
+ ),
283
+ children: o
284
+ }
285
+ );
286
+ }, P = ({
287
+ imageUrl: n,
288
+ orientation: t,
289
+ mode: i,
290
+ borderState: o,
291
+ topContent: r,
292
+ bottomContent: l,
293
+ overlayContent: a
294
+ }) => {
295
+ const { t: s } = c();
296
+ return /* @__PURE__ */ e(L, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
297
+ r && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: r }),
298
+ /* @__PURE__ */ e(
299
+ Y,
300
+ {
301
+ orientation: t,
302
+ mode: i === "id" ? "front" : i,
303
+ state: o,
304
+ children: [
305
+ /* @__PURE__ */ e(
306
+ "img",
307
+ {
308
+ src: n,
309
+ alt: "Captured ID",
310
+ class: "IncodeIdProcessingImage"
311
+ }
312
+ ),
313
+ a && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingOverlay", children: a })
314
+ ]
315
+ }
316
+ ),
317
+ /* @__PURE__ */ e("div", { class: "IncodeIdProcessingBottomArea", children: [
318
+ /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
319
+ /* @__PURE__ */ e(T, { className: "IncodeCaptureEncryptionIcon" }),
320
+ /* @__PURE__ */ e("span", { children: s("v2.capture.label") })
321
+ ] }),
322
+ l
323
+ ] })
324
+ ] }) }) });
325
+ }, e1 = ({
326
+ imageUrl: n,
327
+ progress: t,
328
+ orientation: i,
329
+ mode: o
330
+ }) => {
331
+ const { t: r } = c(), l = i !== "vertical" || o === "passport", [a, s] = x(null);
332
+ return f(() => {
333
+ l ? import("../id-laser-h-BBV3r3rz.js").then((d) => {
334
+ s(d.default);
335
+ }) : import("../id-laser-v-BTHJaSfx.js").then((d) => {
336
+ s(d.default);
337
+ });
338
+ }, [l]), /* @__PURE__ */ e(
339
+ P,
340
+ {
341
+ imageUrl: n,
342
+ orientation: i,
343
+ mode: o,
344
+ borderState: "analyzing",
345
+ topContent: /* @__PURE__ */ e("div", { class: "IncodeAnalyzingContent", children: [
346
+ /* @__PURE__ */ e("div", { class: "IncodeAnalyzingProgressBar", children: /* @__PURE__ */ e(
347
+ "div",
348
+ {
349
+ class: "IncodeAnalyzingProgressFill",
350
+ style: { width: `${t}%` }
351
+ }
352
+ ) }),
353
+ /* @__PURE__ */ e("h2", { class: "IncodeAnalyzingTitle", children: r("idv2.capture.processing.analyzing") })
354
+ ] }),
355
+ overlayContent: a ? /* @__PURE__ */ e(
356
+ b,
357
+ {
358
+ animationData: a,
359
+ loop: !0,
360
+ className: "IncodeAnalyzingLottie"
361
+ }
362
+ ) : null
363
+ }
364
+ );
365
+ }, t1 = ({ className: n }) => /* @__PURE__ */ e(
366
+ "svg",
367
+ {
368
+ class: n,
369
+ width: "32",
370
+ height: "32",
371
+ viewBox: "0 0 32 32",
372
+ fill: "none",
373
+ xmlns: "http://www.w3.org/2000/svg",
374
+ children: /* @__PURE__ */ e(
375
+ "path",
376
+ {
377
+ d: "M16 0C24.8363 0.00012782 32 7.1636 32 16C31.9999 24.8363 24.8363 31.9999 16 32C7.16362 32 7.37067e-05 24.8364 0 16C0 7.16352 7.16357 0 16 0ZM22.3486 11.2314C21.8838 10.7668 21.1503 10.736 20.6494 11.1387L20.6406 11.1455L20.5537 11.2236L13.7139 18.0635L11.4521 15.8008C10.9543 15.3032 10.1473 15.3033 9.64941 15.8008C9.18435 16.2658 9.15345 17.0008 9.55664 17.502L9.56348 17.5098L9.6416 17.5977L12.8125 20.7686C13.2775 21.2335 14.0117 21.2644 14.5127 20.8613L14.5205 20.8545L14.6084 20.7764L22.3486 13.0352C22.8467 12.5371 22.8467 11.7295 22.3486 11.2314Z",
378
+ fill: "#189F60"
379
+ }
380
+ )
381
+ }
382
+ ), V = ({ className: n }) => /* @__PURE__ */ e(
383
+ "svg",
384
+ {
385
+ class: n,
386
+ width: "33",
387
+ height: "32",
388
+ viewBox: "0 0 33 32",
389
+ fill: "none",
390
+ xmlns: "http://www.w3.org/2000/svg",
391
+ children: /* @__PURE__ */ e(
392
+ "path",
393
+ {
394
+ d: "M16.5 0C25.3219 0 32.5 7.17642 32.5 16C32.5 24.8219 25.3219 32 16.5 32C7.67811 32 0.5 24.8219 0.5 16C0.5 7.17642 7.67811 0 16.5 0ZM13.6553 11.3701C13.1618 10.8767 12.3636 10.8767 11.8701 11.3701C11.3767 11.8636 11.3767 12.6618 11.8701 13.1553L14.9053 16.1924L11.8721 19.2256C11.3803 19.7191 11.3803 20.5173 11.8721 21.0107C12.3656 21.504 13.1658 21.5041 13.6592 21.0107L16.6924 17.9775L19.7334 21.0205C19.981 21.2664 20.3029 21.3916 20.6279 21.3916C20.9513 21.3916 21.2746 21.2664 21.5205 21.0205C22.014 20.527 22.014 19.7269 21.5205 19.2334L18.4775 16.1924L21.5107 13.1572C22.0041 12.6638 22.004 11.8639 21.5107 11.3721C21.0173 10.8786 20.2191 10.8786 19.7256 11.3721L16.6904 14.4053L13.6553 11.3701Z",
395
+ fill: "#E71111"
396
+ }
397
+ )
398
+ }
399
+ ), k = ({
400
+ variant: n,
401
+ imageUrl: t,
402
+ orientation: i,
403
+ mode: o,
404
+ title: r,
405
+ subtitle: l,
406
+ buttonText: a,
407
+ onButtonClick: s,
408
+ attemptsRemaining: d
409
+ }) => {
410
+ const { t: m } = c();
411
+ return /* @__PURE__ */ e(
412
+ P,
413
+ {
414
+ imageUrl: t,
415
+ orientation: i,
416
+ mode: o,
417
+ borderState: n,
418
+ topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", children: [
419
+ n === "success" ? /* @__PURE__ */ e(t1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(V, { className: "IncodeIdProcessingResultIcon" }),
420
+ /* @__PURE__ */ e(C, { size: 16 }),
421
+ r && /* @__PURE__ */ e("h2", { class: "IncodeIdProcessingResultTitle", children: r }),
422
+ l && /* @__PURE__ */ e(G, { children: [
423
+ /* @__PURE__ */ e(C, { size: 12 }),
424
+ /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: l })
425
+ ] })
426
+ ] }),
427
+ bottomContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultButtonContainer", children: [
428
+ d !== void 0 && d > 0 && /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultAttempts", children: m("v2.idError.attemptsLeft", {
429
+ count: d
430
+ }) }),
431
+ /* @__PURE__ */ e(h, { onClick: s, "data-testid": "retry-button", children: a })
432
+ ] })
433
+ }
434
+ );
435
+ }, i1 = ({ manager: n, state: t }) => {
436
+ const { t: i } = c();
437
+ if (!t.previewImageUrl)
438
+ return null;
439
+ const o = t.currentMode === "passport" ? "passport" : "id";
440
+ return /* @__PURE__ */ e(
441
+ k,
442
+ {
443
+ variant: "success",
444
+ imageUrl: t.previewImageUrl,
445
+ orientation: t.orientation,
446
+ mode: o,
447
+ title: i("v2.idSuccess.title"),
448
+ subtitle: t.needsBackCapture ? i("v2.idSuccess.subtitle") : i("v2.idSuccess.subtitleBack"),
449
+ buttonText: t.needsBackCapture ? i("idv2.capture.processing.scanBack") : i("idv2.capturePreview.continue"),
450
+ onButtonClick: () => n.nextStep()
451
+ }
452
+ );
453
+ }, D = ({ manager: n, state: t, ...i }) => {
454
+ const { t: o } = c();
455
+ if (t.status === "error")
456
+ return /* @__PURE__ */ e("div", { class: "IncodeIdError", children: [
457
+ /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: t.error }),
458
+ /* @__PURE__ */ e(h, { onClick: () => n.reset(), "data-testid": "retry-button", children: o("idv2.capturePreview.retry") })
459
+ ] });
460
+ const r = t.currentMode === "passport" ? "passport" : "id";
461
+ return t.previewImageUrl ? /* @__PURE__ */ e(
462
+ k,
463
+ {
464
+ variant: "error",
465
+ imageUrl: t.previewImageUrl,
466
+ orientation: t.orientation,
467
+ mode: r,
468
+ title: t.uploadErrorMessage,
469
+ subtitle: t.uploadErrorDescription,
470
+ buttonText: t.canRetry ? o("idv2.capturePreview.tryAgain") : o("idv2.capturePreview.continue"),
471
+ onButtonClick: () => n.continueFromError(),
472
+ attemptsRemaining: t.attemptsRemaining
473
+ }
474
+ ) : null;
475
+ }, n1 = ({ manager: n }) => {
476
+ const { t } = c(), i = () => {
477
+ n.retryCapture();
478
+ };
479
+ return /* @__PURE__ */ e(L, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdExpiredPage", children: [
480
+ /* @__PURE__ */ e("div", { class: "IncodeIdExpiredContent", children: [
481
+ /* @__PURE__ */ e(V, { className: "IncodeIdExpiredIcon" }),
482
+ /* @__PURE__ */ e(_, { className: "IncodeIdExpiredTitle", children: t("idv2.capture.notifications.expiredId") }),
483
+ /* @__PURE__ */ e(C, { size: 12 }),
484
+ /* @__PURE__ */ e("p", { class: "IncodeIdExpiredSubtitle", children: t("idv2.capture.notifications.useDifferent") }),
485
+ /* @__PURE__ */ e(C, { size: 80 })
486
+ ] }),
487
+ /* @__PURE__ */ e("div", { class: "IncodeIdExpiredButtonContainer", children: /* @__PURE__ */ e(h, { variant: "primary", onClick: i, children: t("idv2.unacceptedId.tryAgain") }) })
488
+ ] });
489
+ }, r1 = ({ className: n }) => /* @__PURE__ */ e(
490
+ "svg",
491
+ {
492
+ width: "30",
493
+ height: "30",
494
+ viewBox: "0 0 30 30",
495
+ fill: "none",
496
+ xmlns: "http://www.w3.org/2000/svg",
497
+ class: n,
498
+ "aria-hidden": "true",
499
+ children: [
500
+ /* @__PURE__ */ e(
501
+ "path",
502
+ {
503
+ fillRule: "evenodd",
504
+ clipRule: "evenodd",
505
+ d: "M15 0C6.7279 0 0 6.72947 0 15C0 23.2705 6.7279 30 15 30C23.2705 30 30 23.2705 30 15C30 6.72947 23.2705 0 15 0Z",
506
+ fill: "white"
507
+ }
508
+ ),
509
+ /* @__PURE__ */ e(
510
+ "path",
511
+ {
512
+ fillRule: "evenodd",
513
+ clipRule: "evenodd",
514
+ d: "M17.3532 16.0616L17.1305 16.1863C16.1074 16.7579 15.7458 17.0516 15.7537 17.5537C15.7616 18.2074 15.2389 18.7442 14.5853 18.7537H14.5695C13.9221 18.7537 13.3932 18.2342 13.3853 17.5853C13.3584 15.5832 14.9958 14.6674 15.9732 14.1211L16.1958 13.9947C17.0942 13.5005 17.5426 12.8153 17.5426 11.9532C17.5426 10.5274 16.3821 9.36842 14.9563 9.36842C13.5053 9.36842 12.3684 10.5037 12.3684 11.9532C12.3684 12.6068 11.8379 13.1374 11.1842 13.1374C10.5305 13.1374 10 12.6068 10 11.9532C10 9.22158 12.2232 7 14.9563 7C17.6879 7 19.9111 9.22158 19.9111 11.9532C19.9111 13.6947 19.0016 15.1537 17.3532 16.0616ZM14.5711 22.6379C13.9174 22.6379 13.3868 22.1311 13.3868 21.4774V21.43C13.3868 20.7763 13.9174 20.2458 14.5711 20.2458C15.2247 20.2458 15.7553 20.7763 15.7553 21.43C15.7553 22.0837 15.2247 22.6379 14.5711 22.6379Z",
515
+ fill: "black"
516
+ }
517
+ )
518
+ ]
519
+ }
520
+ ), u = /* @__PURE__ */ new Map();
521
+ let E = !1;
522
+ const w = {
523
+ blur: () => import("../blurdevicelottie-_BZRug1c.js"),
524
+ glare: () => import("../glaredevicelottie-DLuIStvb.js"),
525
+ align: () => import("../aligndevicelottie-DlQCRPfM.js"),
526
+ front: () => import("../frontdevicelottie-KhKxT5n9.js"),
527
+ back: () => import("../backdevicelottie-B4NgyWmX.js")
528
+ };
529
+ function F(n) {
530
+ E || (E = !0, Promise.all([
531
+ w.blur(),
532
+ w.glare(),
533
+ w.align(),
534
+ w.front(),
535
+ w.back()
536
+ ]).then(([t, i, o, r, l]) => {
537
+ u.set("blur", t.default), u.set("glare", i.default), u.set("align", o.default), u.set("front", r.default), u.set("back", l.default), n?.();
538
+ }).catch(() => {
539
+ }));
540
+ }
541
+ function o1() {
542
+ F();
543
+ }
544
+ function l1() {
545
+ f(() => {
546
+ o1();
547
+ }, []);
548
+ }
549
+ function s1(n, t) {
550
+ const { t: i } = c(), [, o] = x(0);
551
+ if (f(() => {
552
+ F(() => o((r) => r + 1));
553
+ }, []), n === "blur")
554
+ return {
555
+ title: i("idv2.capture.notifications.blur.title"),
556
+ description: i("idv2.capture.notifications.blur.description"),
557
+ animationData: u.get("blur") ?? null
558
+ };
559
+ if (n === "glare")
560
+ return {
561
+ title: i("idv2.capture.notifications.glare.title"),
562
+ description: i("idv2.capture.notifications.glare.description"),
563
+ animationData: u.get("glare") ?? null
564
+ };
565
+ if (n === "farAway")
566
+ return {
567
+ title: i("idv2.capture.notifications.notAligned.title"),
568
+ description: i("idv2.capture.notifications.notAligned.description"),
569
+ animationData: u.get("align") ?? null
570
+ };
571
+ if (n === "wrongSide") {
572
+ const r = t === "back";
573
+ return {
574
+ title: i(r ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
575
+ description: i(r ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
576
+ animationData: u.get(r ? "back" : "front") ?? null
577
+ };
578
+ }
579
+ return null;
580
+ }
581
+ const a1 = ({
582
+ detectionStatus: n,
583
+ mode: t
584
+ }) => {
585
+ const i = s1(n, t);
586
+ return i ? /* @__PURE__ */ e("div", { class: I("IncodeIdCaptureNotification"), children: /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationContent", children: [
587
+ /* @__PURE__ */ e("div", { class: I("IncodeIdCaptureNotificationText"), children: [
588
+ /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationTitle", children: i.title }),
589
+ i.description && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationDescription", children: i.description })
590
+ ] }),
591
+ /* @__PURE__ */ e(C, { size: 16, direction: "horizontal" }),
592
+ i.animationData && /* @__PURE__ */ e("div", { class: "IncodeIdCaptureNotificationAnimation", children: /* @__PURE__ */ e(b, { animationData: i.animationData, loop: !0 }) })
593
+ ] }) }) : null;
594
+ }, c1 = $(
595
+ ({
596
+ mode: n,
597
+ orientation: t,
598
+ detectionStatus: i,
599
+ counterValue: o,
600
+ isCapturing: r,
601
+ onOpenHelp: l
602
+ }, a) => {
603
+ const { t: s } = c();
604
+ l1();
605
+ const d = i === "detecting" || i === "idNotDetected" || i === "manualCapture", m = () => r || i === "capturing" ? "Capturing" : i === "blur" || i === "glare" || i === "wrongSide" || i === "farAway" ? "Error" : "Idle", y = () => {
606
+ if (r || i === "capturing")
607
+ return {
608
+ title: s("idv2.capture.takingPhoto"),
609
+ subtitle: s("idv2.capture.dontMove")
610
+ };
611
+ if (d) {
612
+ const B = i === "manualCapture";
613
+ return n === "passport" ? {
614
+ title: s("idv2.capture.fillFramePassport"),
615
+ subtitle: B ? "" : s("idv2.capture.v2.autoCapture")
616
+ } : n === "back" ? {
617
+ title: s("idv2.capture.v2.fillFrameBack"),
618
+ subtitle: B ? "" : s("idv2.capture.v2.autoCapture")
619
+ } : {
620
+ title: s("idv2.capture.v2.fillFrameFront"),
621
+ subtitle: B ? "" : s("idv2.capture.v2.autoCapture")
622
+ };
623
+ }
624
+ return null;
625
+ }, M = m(), v = y(), g = n === "passport", p = t !== "vertical" || g;
626
+ return /* @__PURE__ */ e(
627
+ "div",
628
+ {
629
+ class: I(
630
+ "IncodeCaptureOverlay",
631
+ !p && "IncodeCaptureOverlayVertical"
632
+ ),
633
+ children: [
634
+ /* @__PURE__ */ e(
635
+ d1,
636
+ {
637
+ detectionStatus: i,
638
+ mode: n,
639
+ topContent: v
640
+ }
641
+ ),
642
+ /* @__PURE__ */ e(
643
+ "div",
644
+ {
645
+ ref: a,
646
+ class: I(
647
+ "IncodeCaptureFrame",
648
+ p ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
649
+ `IncodeCaptureFrame${M}`,
650
+ g && "IncodeCaptureFramePassport"
651
+ ),
652
+ children: r && o > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: o })
653
+ }
654
+ ),
655
+ /* @__PURE__ */ e(C1, { onOpenHelp: l })
656
+ ]
657
+ }
658
+ );
659
+ }
660
+ ), d1 = ({ detectionStatus: n, mode: t, topContent: i }) => /* @__PURE__ */ e("div", { class: "IncodeCaptureTopSection", children: [
661
+ /* @__PURE__ */ e(a1, { detectionStatus: n, mode: t }),
662
+ /* @__PURE__ */ e(
663
+ "div",
664
+ {
665
+ class: I(
666
+ "IncodeCaptureTopText",
667
+ !i && "IncodeCaptureTopTextHidden"
668
+ ),
669
+ children: [
670
+ /* @__PURE__ */ e("div", { class: "IncodeCaptureTopTextTitle", children: i?.title || " " }),
671
+ /* @__PURE__ */ e("div", { class: "IncodeCaptureTopTextSubtitle", children: i?.subtitle || " " })
672
+ ]
673
+ }
674
+ )
675
+ ] }), C1 = ({ onOpenHelp: n }) => {
676
+ const { t } = c();
677
+ return /* @__PURE__ */ e("div", { class: "IncodeCaptureBottomSection", children: [
678
+ /* @__PURE__ */ e("div", { class: "IncodeCaptureEncryptionLabel", children: [
679
+ /* @__PURE__ */ e(T, { className: "IncodeCaptureEncryptionIcon" }),
680
+ /* @__PURE__ */ e("span", { children: t("v2.capture.label") })
681
+ ] }),
682
+ /* @__PURE__ */ e("div", { class: "IncodeCaptureHelpButton", children: /* @__PURE__ */ e(
683
+ h,
684
+ {
685
+ variant: "link",
686
+ onClick: n,
687
+ "aria-label": t("idv2.needHelp.open"),
688
+ class: "IncodeCaptureHelpButtonInner",
689
+ children: /* @__PURE__ */ e(r1, {})
690
+ }
691
+ ) })
692
+ ] });
693
+ }, u1 = ({
694
+ className: n
695
+ }) => /* @__PURE__ */ e(
696
+ "svg",
697
+ {
698
+ width: "68",
699
+ height: "68",
700
+ viewBox: "0 0 68 68",
701
+ fill: "none",
702
+ xmlns: "http://www.w3.org/2000/svg",
703
+ class: n,
704
+ "aria-hidden": "true",
705
+ children: [
706
+ /* @__PURE__ */ e(
707
+ "path",
708
+ {
709
+ fillRule: "evenodd",
710
+ clipRule: "evenodd",
711
+ d: "M34.0001 68C52.7779 68 68.0003 52.7777 68.0003 34C68.0003 15.2223 52.7779 0 34.0001 0C15.2224 0 0 15.2223 0 34C0 52.7777 15.2224 68 34.0001 68ZM34 63.5265C50.307 63.5265 63.5265 50.3071 63.5265 34.0002C63.5265 17.6932 50.307 4.47385 34 4.47385C17.693 4.47385 4.4736 17.6932 4.4736 34.0002C4.4736 50.3071 17.693 63.5265 34 63.5265Z",
712
+ fill: "white"
713
+ }
714
+ ),
715
+ /* @__PURE__ */ e("circle", { cx: "33.5926", cy: "33.9996", r: "25.4187", fill: "white" })
716
+ ]
717
+ }
718
+ ), p1 = ({
719
+ onClick: n,
720
+ disabled: t
721
+ }) => {
722
+ const { t: i } = c();
723
+ return /* @__PURE__ */ e(
724
+ "div",
725
+ {
726
+ class: "IncodeIdManualCaptureButton",
727
+ "data-testid": "manual-capture-button",
728
+ children: [
729
+ /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureTooltipContainer", children: /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureTooltip", children: /* @__PURE__ */ e("ol", { class: "IncodeIdManualCaptureTooltipList", children: [
730
+ /* @__PURE__ */ e("li", { children: i("idv2.commonIssues.firstStep") }),
731
+ /* @__PURE__ */ e("li", { children: i("idv2.commonIssues.secondStep") })
732
+ ] }) }) }),
733
+ /* @__PURE__ */ e("div", { class: "IncodeIdManualCaptureButtonContent", children: /* @__PURE__ */ e(
734
+ h,
735
+ {
736
+ variant: "link",
737
+ onClick: n,
738
+ disabled: t,
739
+ class: "IncodeIdManualCaptureButtonButton",
740
+ "aria-label": i("idv2.capture.manualCapture.ariaLabel"),
741
+ children: /* @__PURE__ */ e(u1, {})
742
+ }
743
+ ) })
744
+ ]
745
+ }
746
+ );
747
+ }, h1 = ({ manager: n, state: t }) => {
748
+ const { t: i } = c();
749
+ if (t.captureStatus === "initializing")
750
+ return /* @__PURE__ */ e(L, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCaptureInitializing", children: [
751
+ /* @__PURE__ */ e(Q, { size: "large" }),
752
+ /* @__PURE__ */ e("p", { class: "IncodeCaptureInitializingText", children: i("idv2.capture.initializing") })
753
+ ] }) });
754
+ if (t.captureStatus === "uploading" && t.previewImageUrl) {
755
+ const o = t.currentMode === "passport" ? "passport" : "id";
756
+ return /* @__PURE__ */ e(
757
+ e1,
758
+ {
759
+ imageUrl: t.previewImageUrl,
760
+ progress: t.uploadProgress ?? 0,
761
+ orientation: t.orientation,
762
+ mode: o
763
+ }
764
+ );
765
+ }
766
+ return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(i1, { manager: n, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(D, { manager: n, state: t }) : /* @__PURE__ */ e(I1, { manager: n, state: t });
767
+ }, I1 = ({ manager: n, state: t }) => {
768
+ const i = Z(null), o = Z(null), [r, l] = x(!1);
769
+ f(() => {
770
+ i.current && t.stream && (i.current.srcObject = t.stream, i.current.play().catch(() => {
771
+ }));
772
+ }, [t.stream]), f(() => {
773
+ const v = () => {
774
+ const g = o.current;
775
+ if (!g)
776
+ return;
777
+ const p = g.getBoundingClientRect();
778
+ n.updateDetectionArea({
779
+ x: p.left,
780
+ y: p.top,
781
+ width: p.width,
782
+ height: p.height
783
+ });
784
+ };
785
+ return v(), window.addEventListener("resize", v), () => window.removeEventListener("resize", v);
786
+ }, [n, t.orientation]);
787
+ const a = t.captureStatus === "capturing" || t.detectionStatus === "capturing", s = t.detectionStatus, d = s === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && s !== "capturing", m = () => {
788
+ l(!0);
789
+ }, y = () => {
790
+ l(!1);
791
+ }, M = () => {
792
+ l(!1), n.switchToManualCapture();
793
+ };
794
+ return /* @__PURE__ */ e(L, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCapture", children: [
795
+ /* @__PURE__ */ e("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ e(
796
+ "video",
797
+ {
798
+ ref: i,
799
+ autoplay: !0,
800
+ playsInline: !0,
801
+ class: "IncodeCaptureVideoElement",
802
+ "aria-label": "Camera stream for ID capture",
803
+ muted: !0
804
+ }
805
+ ) }),
806
+ /* @__PURE__ */ e(
807
+ c1,
808
+ {
809
+ ref: o,
810
+ mode: t.currentMode,
811
+ orientation: t.orientation,
812
+ detectionStatus: t.detectionStatus,
813
+ counterValue: t.counterValue,
814
+ isCapturing: a,
815
+ onOpenHelp: m
816
+ }
817
+ ),
818
+ d && /* @__PURE__ */ e(p1, { onClick: () => n.capture() }),
819
+ r && /* @__PURE__ */ e(
820
+ X,
821
+ {
822
+ onClose: y,
823
+ onTakeManually: M
824
+ }
825
+ )
826
+ ] }) });
827
+ }, f1 = () => /* @__PURE__ */ e(
828
+ "svg",
829
+ {
830
+ width: "119",
831
+ height: "86",
832
+ viewBox: "0 0 119 86",
833
+ fill: "none",
834
+ xmlns: "http://www.w3.org/2000/svg",
835
+ class: "IncodeIdCardIcon",
836
+ "aria-hidden": "true",
837
+ children: [
838
+ /* @__PURE__ */ e("title", { children: "ID Card" }),
839
+ /* @__PURE__ */ e("rect", { x: "21.9619", y: "21.5", width: "75", height: "43", rx: "2", fill: "white" }),
840
+ /* @__PURE__ */ e(
841
+ "rect",
842
+ {
843
+ x: "27.9619",
844
+ y: "28.5",
845
+ width: "75",
846
+ height: "43",
847
+ rx: "5",
848
+ fill: "#C9C9C9",
849
+ fillOpacity: "0.15"
850
+ }
851
+ ),
852
+ /* @__PURE__ */ e(
853
+ "path",
854
+ {
855
+ d: "M20.4619 23C20.4619 21.3431 21.8051 20 23.4619 20H95.4615C97.1184 20 98.4615 21.3431 98.4615 23V63C98.4615 64.6569 97.1184 66 95.4615 66H23.4619C21.8051 66 20.4619 64.6569 20.4619 63V23Z",
856
+ fill: "#C9C9C9",
857
+ fillOpacity: "0.8"
858
+ }
859
+ ),
860
+ /* @__PURE__ */ e(
861
+ "path",
862
+ {
863
+ d: "M21.8955 23.4292C21.8955 22.3246 22.7909 21.4292 23.8955 21.4292L94.6455 21.4292C95.7501 21.4292 96.6455 22.3246 96.6455 23.4292V62.2859C96.6455 63.3904 95.7501 64.2859 94.6455 64.2859H23.8955C22.7909 64.2859 21.8955 63.3904 21.8955 62.2859L21.8955 23.4292Z",
864
+ fill: "white"
865
+ }
866
+ ),
867
+ /* @__PURE__ */ e(
868
+ "path",
869
+ {
870
+ fillRule: "evenodd",
871
+ clipRule: "evenodd",
872
+ d: "M25.8823 32.3917C25.8825 31.8415 26.3287 31.3955 26.879 31.3955L91.6618 31.3955C92.2123 31.3955 92.6585 31.8417 92.6585 32.3922C92.6585 32.9426 92.2123 33.3888 91.6618 33.3888L26.879 33.3888C26.3283 33.3888 25.882 32.9423 25.8823 32.3917Z",
873
+ fill: "#C9C9C9",
874
+ fillOpacity: "0.5"
875
+ }
876
+ ),
877
+ /* @__PURE__ */ e(
878
+ "path",
879
+ {
880
+ fillRule: "evenodd",
881
+ clipRule: "evenodd",
882
+ d: "M67.7418 37.376H49.8018V40.366H67.7418V37.376ZM67.7418 43.356H49.8018V46.346H67.7418V43.356ZM49.8018 49.336H73.7218V52.326H49.8018V49.336ZM57.7751 55.316H49.8018V58.306H57.7751V55.316Z",
883
+ fill: "#C9C9C9",
884
+ fillOpacity: "0.5"
885
+ }
886
+ ),
887
+ /* @__PURE__ */ e(
888
+ "rect",
889
+ {
890
+ x: "25.8818",
891
+ y: "24.4189",
892
+ width: "30.8967",
893
+ height: "3.98667",
894
+ rx: "1",
895
+ fill: "#C9C9C9",
896
+ fillOpacity: "0.5"
897
+ }
898
+ ),
899
+ /* @__PURE__ */ e(
900
+ "rect",
901
+ {
902
+ x: "86.2949",
903
+ y: "24.4907",
904
+ width: "5.98",
905
+ height: "3.93138",
906
+ fill: "#EAF0F6"
907
+ }
908
+ ),
909
+ /* @__PURE__ */ e(
910
+ "rect",
911
+ {
912
+ x: "25.9619",
913
+ y: "35.5",
914
+ width: "21",
915
+ height: "24",
916
+ rx: "2",
917
+ fill: "var(--surface-brand-500, #3B82F6)"
918
+ }
919
+ ),
920
+ /* @__PURE__ */ e(
921
+ "path",
922
+ {
923
+ d: "M33.1299 52.4194C33.1197 53.1963 31.7713 53.4449 30.8652 54.3192C32.4418 55.4552 34.7203 56.2194 36.2968 56.2194C38.1314 56.2194 40.2521 55.4552 41.8286 54.3192C40.9225 53.4449 39.4915 53.1976 39.4724 52.4194C39.4724 52.1241 39.4734 49.2469 39.4748 48.9516C39.4748 43.9789 32.9404 41.0204 33.1213 49.0328C33.1247 50.1617 33.1299 51.2906 33.1299 52.4194Z",
924
+ fill: "url(#paint0_linear_id)"
925
+ }
926
+ ),
927
+ /* @__PURE__ */ e(
928
+ "path",
929
+ {
930
+ fillRule: "evenodd",
931
+ clipRule: "evenodd",
932
+ d: "M46.8878 58.0411C46.6518 58.8827 45.8789 59.4998 44.9619 59.4998H27.9619C26.8573 59.4998 25.9619 58.6044 25.9619 57.4998V55.9798C27.7245 54.5329 32.1686 53.3223 32.1686 53.3223C32.1686 54.3609 34.749 55.9866 36.3086 56.0133C38.4831 56.0133 40.4486 54.3615 40.4486 53.3223C40.4486 53.3223 45.3648 54.9117 46.3136 56.6256C46.5256 57.0086 46.7176 57.5035 46.8878 58.0411Z",
933
+ fill: "#CECECE"
934
+ }
935
+ ),
936
+ /* @__PURE__ */ e(
937
+ "path",
938
+ {
939
+ d: "M41.9208 45.2935C42.0455 44.8283 41.7694 44.3501 41.3042 44.2254L41.2126 44.2009C40.7848 44.0863 40.3389 44.3105 40.176 44.7224L39.4794 46.4827C39.272 47.0069 39.609 47.5872 40.1671 47.6669L40.4782 47.7113C40.915 47.7737 41.3296 47.4999 41.4438 47.0737L41.9208 45.2935Z",
940
+ fill: "url(#paint1_linear_id)"
941
+ }
942
+ ),
943
+ /* @__PURE__ */ e(
944
+ "path",
945
+ {
946
+ d: "M31.0031 45.294C30.8784 44.8288 31.1545 44.3506 31.6197 44.2259C32.085 44.1013 32.5632 44.3774 32.6878 44.8426L33.1392 46.5274C33.2639 46.9926 32.9878 47.4708 32.5226 47.5955C32.0573 47.7201 31.5791 47.444 31.4545 46.9788L31.0031 45.294Z",
947
+ fill: "url(#paint2_linear_id)"
948
+ }
949
+ ),
950
+ /* @__PURE__ */ e(
951
+ "path",
952
+ {
953
+ d: "M41.2581 45.0854C41.2581 48.9044 38.5641 52.0004 36.4616 52.0004C34.1619 52.0004 31.665 48.9044 31.665 45.0854C31.665 41.6827 31.9296 38.0469 36.4616 38.0469C40.9935 38.0469 41.2581 41.6041 41.2581 45.0854Z",
954
+ fill: "url(#paint3_linear_id)"
955
+ }
956
+ ),
957
+ /* @__PURE__ */ e("defs", { children: [
958
+ /* @__PURE__ */ e(
959
+ "linearGradient",
960
+ {
961
+ id: "paint0_linear_id",
962
+ x1: "35.8774",
963
+ y1: "49.2574",
964
+ x2: "35.8774",
965
+ y2: "53.7757",
966
+ gradientUnits: "userSpaceOnUse",
967
+ children: [
968
+ /* @__PURE__ */ e("stop", { stopColor: "#B1B1B1" }),
969
+ /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white" })
970
+ ]
971
+ }
972
+ ),
973
+ /* @__PURE__ */ e(
974
+ "linearGradient",
975
+ {
976
+ id: "paint1_linear_id",
977
+ x1: "39.9447",
978
+ y1: "46.8213",
979
+ x2: "41.2507",
980
+ y2: "46.8737",
981
+ gradientUnits: "userSpaceOnUse",
982
+ children: [
983
+ /* @__PURE__ */ e("stop", { offset: "0.0416667", stopColor: "#B5B5B5" }),
984
+ /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white" })
985
+ ]
986
+ }
987
+ ),
988
+ /* @__PURE__ */ e(
989
+ "linearGradient",
990
+ {
991
+ id: "paint2_linear_id",
992
+ x1: "32.0377",
993
+ y1: "46.8216",
994
+ x2: "30.7317",
995
+ y2: "46.874",
996
+ gradientUnits: "userSpaceOnUse",
997
+ children: [
998
+ /* @__PURE__ */ e("stop", { offset: "0.0416667", stopColor: "#B5B5B5" }),
999
+ /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white" })
1000
+ ]
1001
+ }
1002
+ ),
1003
+ /* @__PURE__ */ e(
1004
+ "linearGradient",
1005
+ {
1006
+ id: "paint3_linear_id",
1007
+ x1: "31.7839",
1008
+ y1: "45.028",
1009
+ x2: "38.5592",
1010
+ y2: "45.0529",
1011
+ gradientUnits: "userSpaceOnUse",
1012
+ children: [
1013
+ /* @__PURE__ */ e("stop", { stopColor: "#E0E0E0" }),
1014
+ /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white" })
1015
+ ]
1016
+ }
1017
+ )
1018
+ ] })
1019
+ ]
1020
+ }
1021
+ ), m1 = () => /* @__PURE__ */ e(
1022
+ "svg",
1023
+ {
1024
+ width: "118",
1025
+ height: "86",
1026
+ viewBox: "0 0 118 86",
1027
+ fill: "none",
1028
+ xmlns: "http://www.w3.org/2000/svg",
1029
+ class: "IncodePassportIcon",
1030
+ "aria-hidden": "true",
1031
+ children: [
1032
+ /* @__PURE__ */ e("title", { children: "Passport" }),
1033
+ /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_25823_31181)", children: [
1034
+ /* @__PURE__ */ e(
1035
+ "rect",
1036
+ {
1037
+ x: "29.5381",
1038
+ y: "11",
1039
+ width: "67",
1040
+ height: "75",
1041
+ rx: "5",
1042
+ fill: "#C9C9C9",
1043
+ "fill-opacity": "0.15"
1044
+ }
1045
+ ),
1046
+ /* @__PURE__ */ e(
1047
+ "rect",
1048
+ {
1049
+ x: "26.8977",
1050
+ y: "5.66234",
1051
+ width: "64.3575",
1052
+ height: "74.3225",
1053
+ rx: "4.21024",
1054
+ stroke: "#C9C9C9",
1055
+ "stroke-opacity": "0.8",
1056
+ "stroke-width": "1.24563"
1057
+ }
1058
+ ),
1059
+ /* @__PURE__ */ e(
1060
+ "path",
1061
+ {
1062
+ d: "M27.4343 42.2949L90.6311 42.2949V76.3413C90.6311 77.9982 89.2879 79.3413 87.6311 79.3413L30.4343 79.3413C28.7775 79.3413 27.4343 77.9982 27.4343 76.3413L27.4343 42.2949Z",
1063
+ fill: "white"
1064
+ }
1065
+ ),
1066
+ /* @__PURE__ */ e(
1067
+ "path",
1068
+ {
1069
+ d: "M55.6033 66.4102C55.7667 66.4102 55.8991 66.5427 55.8992 66.7061V68.1143C55.8991 68.2777 55.7667 68.4101 55.6033 68.4102H47.1951C47.0317 68.4101 46.8992 68.2777 46.8992 68.1143L46.8992 66.7061C46.8992 66.5427 47.0317 66.4102 47.1951 66.4102H55.6033ZM72.6033 62.4102C72.7667 62.4102 72.8991 62.5427 72.8992 62.7061V64.1143C72.8991 64.2777 72.7667 64.4101 72.6033 64.4102H47.1951C47.0317 64.4101 46.8992 64.2777 46.8992 64.1143V62.7061C46.8992 62.5427 47.0317 62.4102 47.1951 62.4102L72.6033 62.4102ZM65.6033 58.4102C65.7667 58.4102 65.8991 58.5427 65.8992 58.7061V60.1143C65.8991 60.2777 65.7667 60.4101 65.6033 60.4102L47.1951 60.4102C47.0317 60.4101 46.8992 60.2777 46.8992 60.1143V58.7061C46.8992 58.5427 47.0317 58.4102 47.1951 58.4102L65.6033 58.4102ZM65.6033 54.4102C65.7667 54.4102 65.8991 54.5427 65.8992 54.7061V56.1143C65.8991 56.2777 65.7667 56.4101 65.6033 56.4102L47.1951 56.4102C47.0317 56.4101 46.8992 56.2777 46.8992 56.1143V54.7061C46.8992 54.5427 47.0317 54.4102 47.1951 54.4102L65.6033 54.4102Z",
1070
+ fill: "#E9E9EB"
1071
+ }
1072
+ ),
1073
+ /* @__PURE__ */ e(
1074
+ "rect",
1075
+ {
1076
+ x: "80.4148",
1077
+ y: "66.9609",
1078
+ width: "6.44508",
1079
+ height: "1.95402",
1080
+ rx: "0.295996",
1081
+ fill: "#E9E9EB"
1082
+ }
1083
+ ),
1084
+ /* @__PURE__ */ e(
1085
+ "rect",
1086
+ {
1087
+ x: "80.4148",
1088
+ y: "62.7734",
1089
+ width: "6.44508",
1090
+ height: "1.95402",
1091
+ rx: "0.295996",
1092
+ fill: "#E9E9EB"
1093
+ }
1094
+ ),
1095
+ /* @__PURE__ */ e(
1096
+ "rect",
1097
+ {
1098
+ x: "80.4148",
1099
+ y: "58.5859",
1100
+ width: "6.44508",
1101
+ height: "1.95402",
1102
+ rx: "0.295996",
1103
+ fill: "#E9E9EB"
1104
+ }
1105
+ ),
1106
+ /* @__PURE__ */ e(
1107
+ "path",
1108
+ {
1109
+ d: "M27.4343 71.7148L90.6311 71.7148L90.6311 76.342C90.6311 77.9989 89.2879 79.342 87.6311 79.342L30.4343 79.342C28.7775 79.342 27.4343 77.9989 27.4343 76.342L27.4343 71.7148Z",
1110
+ fill: "#F4F4F5"
1111
+ }
1112
+ ),
1113
+ /* @__PURE__ */ e(
1114
+ "rect",
1115
+ {
1116
+ x: "31.8992",
1117
+ y: "46.4102",
1118
+ width: "26",
1119
+ height: "3",
1120
+ rx: "0.295996",
1121
+ fill: "#C9C9C9",
1122
+ "fill-opacity": "0.5"
1123
+ }
1124
+ ),
1125
+ /* @__PURE__ */ e(
1126
+ "rect",
1127
+ {
1128
+ x: "81.8992",
1129
+ y: "46.4102",
1130
+ width: "5",
1131
+ height: "4",
1132
+ rx: "0.295996",
1133
+ fill: "#EAF0F6"
1134
+ }
1135
+ ),
1136
+ /* @__PURE__ */ e(
1137
+ "rect",
1138
+ {
1139
+ x: "30.8992",
1140
+ y: "73.4102",
1141
+ width: "56",
1142
+ height: "2",
1143
+ rx: "0.295996",
1144
+ fill: "#C9C9C9",
1145
+ "fill-opacity": "0.5"
1146
+ }
1147
+ ),
1148
+ /* @__PURE__ */ e(
1149
+ "rect",
1150
+ {
1151
+ x: "30.8992",
1152
+ y: "76.4102",
1153
+ width: "56",
1154
+ height: "2",
1155
+ rx: "0.295996",
1156
+ fill: "#C9C9C9",
1157
+ "fill-opacity": "0.5"
1158
+ }
1159
+ ),
1160
+ /* @__PURE__ */ e("g", { "clip-path": "url(#clip1_25823_31181)", children: /* @__PURE__ */ e("g", { "clip-path": "url(#clip2_25823_31181)", children: [
1161
+ /* @__PURE__ */ e(
1162
+ "rect",
1163
+ {
1164
+ x: "31.2175",
1165
+ y: "52.8086",
1166
+ width: "14.1292",
1167
+ height: "16.9552",
1168
+ class: "IncodePassportIconFill"
1169
+ }
1170
+ ),
1171
+ /* @__PURE__ */ e(
1172
+ "path",
1173
+ {
1174
+ d: "M45.6017 67.2893C46.2508 68.4508 46.6245 71.1294 46.6245 71.1294L30.2605 71.1294C30.2605 71.1294 30.6343 68.4505 31.2832 67.2893C31.9322 66.1282 35.8873 65.0512 35.8873 65.0512C36.2376 65.6841 37.2659 66.2614 38.3185 66.2872C39.4607 66.3151 40.6316 65.7377 40.9957 65.0508C40.9957 65.0508 44.9526 66.1279 45.6017 67.2893Z",
1175
+ fill: "white"
1176
+ }
1177
+ ),
1178
+ /* @__PURE__ */ e(
1179
+ "path",
1180
+ {
1181
+ d: "M36.5209 64.13L36.5209 64.1559C36.5137 64.7033 36.0529 65.115 35.1384 65.3908C36.2404 66.1913 37.3424 66.8317 38.4443 66.8317C39.5462 66.8317 40.6482 66.1913 41.7501 65.3908C40.8419 65.1147 40.381 64.7024 40.3677 64.1541C40.3677 63.9459 40.3684 61.9185 40.3694 61.7104C40.4351 61.7196 40.4295 61.7138 40.3694 61.6971C40.3712 61.0115 40.3741 61.9089 40.3782 60.972C40.3823 60.0351 36.4572 59.1969 36.5149 61.7695C36.5156 62.0318 36.5172 63.833 36.5209 64.13Z",
1182
+ fill: "url(#paint0_linear_25823_31181)"
1183
+ }
1184
+ ),
1185
+ /* @__PURE__ */ e(
1186
+ "path",
1187
+ {
1188
+ d: "M36.4685 62.8717C38.0818 62.7041 39.6008 63.4026 39.6008 63.4026C39.6008 63.4026 39.2997 64.9843 36.4685 64.5246L36.4685 62.8717Z",
1189
+ fill: "#CDCDCD"
1190
+ }
1191
+ ),
1192
+ /* @__PURE__ */ e(
1193
+ "path",
1194
+ {
1195
+ d: "M45.6017 67.2893C46.2508 68.4508 46.6245 71.1294 46.6245 71.1294L30.2605 71.1294C30.2605 71.1294 30.6343 68.4505 31.2832 67.2893C31.9322 66.1282 35.8873 65.0512 35.8873 65.0512C35.8873 65.7551 37.2516 66.7701 38.3185 66.7881C39.8061 66.7881 40.9957 65.7551 40.9957 65.0508C40.9957 65.0508 44.9526 66.1279 45.6017 67.2893Z",
1196
+ fill: "#CECECE"
1197
+ }
1198
+ ),
1199
+ /* @__PURE__ */ e(
1200
+ "path",
1201
+ {
1202
+ d: "M35.1459 59.5609C35.3611 59.2021 35.6294 59.4488 35.7366 59.6171L35.8865 61.2125C35.8812 61.3513 35.7981 61.4395 35.5811 61.467C35.3099 61.5013 35.1308 60.7627 35.0683 60.487C35.0058 60.2113 34.8771 60.0094 35.1459 59.5609Z",
1203
+ fill: "url(#paint1_linear_25823_31181)"
1204
+ }
1205
+ ),
1206
+ /* @__PURE__ */ e(
1207
+ "path",
1208
+ {
1209
+ d: "M41.6385 59.6545C41.4268 59.2936 41.1562 59.5378 41.0473 59.705L40.8824 61.299C40.8863 61.4378 40.9687 61.5268 41.1854 61.5563C41.4562 61.5932 41.6423 60.8564 41.7074 60.5813C41.7725 60.3062 41.9031 60.1055 41.6385 59.6545Z",
1210
+ fill: "url(#paint2_linear_25823_31181)"
1211
+ }
1212
+ ),
1213
+ /* @__PURE__ */ e(
1214
+ "path",
1215
+ {
1216
+ d: "M41.4251 59.9339C41.4251 62.2412 39.7548 64.1116 38.4511 64.1116C37.0252 64.1116 35.4771 62.2412 35.4771 59.9339C35.4771 57.8782 35.6411 55.6816 38.4511 55.6816C41.261 55.6816 41.4251 57.8307 41.4251 59.9339Z",
1217
+ fill: "url(#paint3_linear_25823_31181)"
1218
+ }
1219
+ )
1220
+ ] }) }),
1221
+ /* @__PURE__ */ e("mask", { id: "path-23-inside-1_25823_31181", fill: "white", children: /* @__PURE__ */ e("path", { d: "M87.6289 6.28516C89.2858 6.28516 90.6289 7.6283 90.6289 9.28516L90.6289 42.8236L27.517 42.8236L27.517 9.28516C27.517 7.6283 28.8602 6.28516 30.517 6.28516L87.6289 6.28516Z" }) }),
1222
+ /* @__PURE__ */ e(
1223
+ "path",
1224
+ {
1225
+ d: "M87.6289 6.28516C89.2858 6.28516 90.6289 7.6283 90.6289 9.28516L90.6289 42.8236L27.517 42.8236L27.517 9.28516C27.517 7.6283 28.8602 6.28516 30.517 6.28516L87.6289 6.28516Z",
1226
+ fill: "#F4F4F5"
1227
+ }
1228
+ ),
1229
+ /* @__PURE__ */ e(
1230
+ "path",
1231
+ {
1232
+ d: "M90.6289 6.28516L90.6289 42.8236L90.6289 6.28516ZM27.517 42.8236L27.517 6.28516L27.517 42.8236ZM27.517 6.28516L90.6289 6.28516L27.517 6.28516ZM90.6289 44.0362L27.517 44.0362V41.6111L90.6289 41.6111V44.0362Z",
1233
+ fill: "#C9C9C9",
1234
+ "fill-opacity": "0.8",
1235
+ mask: "url(#path-23-inside-1_25823_31181)"
1236
+ }
1237
+ )
1238
+ ] }),
1239
+ /* @__PURE__ */ e("defs", { children: [
1240
+ /* @__PURE__ */ e(
1241
+ "linearGradient",
1242
+ {
1243
+ id: "paint0_linear_25823_31181",
1244
+ x1: "38.1511",
1245
+ y1: "61.9259",
1246
+ x2: "38.1511",
1247
+ y2: "65.1098",
1248
+ gradientUnits: "userSpaceOnUse",
1249
+ children: [
1250
+ /* @__PURE__ */ e("stop", { "stop-color": "#B1B1B1" }),
1251
+ /* @__PURE__ */ e("stop", { offset: "1", "stop-color": "white" })
1252
+ ]
1253
+ }
1254
+ ),
1255
+ /* @__PURE__ */ e(
1256
+ "linearGradient",
1257
+ {
1258
+ id: "paint1_linear_25823_31181",
1259
+ x1: "35.7261",
1260
+ y1: "60.3676",
1261
+ x2: "35.2086",
1262
+ y2: "60.4633",
1263
+ gradientUnits: "userSpaceOnUse",
1264
+ children: [
1265
+ /* @__PURE__ */ e("stop", { offset: "0.171875", "stop-color": "#BDBDBD" }),
1266
+ /* @__PURE__ */ e("stop", { offset: "0.640625", "stop-color": "#E1E1E1" }),
1267
+ /* @__PURE__ */ e("stop", { offset: "1", "stop-color": "#DDDDDD" })
1268
+ ]
1269
+ }
1270
+ ),
1271
+ /* @__PURE__ */ e(
1272
+ "linearGradient",
1273
+ {
1274
+ id: "paint2_linear_25823_31181",
1275
+ x1: "41.0508",
1276
+ y1: "60.4556",
1277
+ x2: "41.5674",
1278
+ y2: "60.5562",
1279
+ gradientUnits: "userSpaceOnUse",
1280
+ children: [
1281
+ /* @__PURE__ */ e("stop", { offset: "0.0416667", "stop-color": "#B5B5B5" }),
1282
+ /* @__PURE__ */ e("stop", { offset: "0.362488", "stop-color": "#E2E2E2" }),
1283
+ /* @__PURE__ */ e("stop", { offset: "1", "stop-color": "white" })
1284
+ ]
1285
+ }
1286
+ ),
1287
+ /* @__PURE__ */ e(
1288
+ "linearGradient",
1289
+ {
1290
+ id: "paint3_linear_25823_31181",
1291
+ x1: "35.8426",
1292
+ y1: "59.8572",
1293
+ x2: "40.0436",
1294
+ y2: "59.8731",
1295
+ gradientUnits: "userSpaceOnUse",
1296
+ children: [
1297
+ /* @__PURE__ */ e("stop", { "stop-color": "#E0E0E0" }),
1298
+ /* @__PURE__ */ e("stop", { offset: "1", "stop-color": "white" })
1299
+ ]
1300
+ }
1301
+ ),
1302
+ /* @__PURE__ */ e("clipPath", { id: "clip0_25823_31181", children: /* @__PURE__ */ e("rect", { width: "118", height: "86", fill: "white" }) }),
1303
+ /* @__PURE__ */ e("clipPath", { id: "clip1_25823_31181", children: /* @__PURE__ */ e(
1304
+ "rect",
1305
+ {
1306
+ x: "31.2625",
1307
+ y: "52.7891",
1308
+ width: "14.0499",
1309
+ height: "17.0253",
1310
+ rx: "2",
1311
+ fill: "white"
1312
+ }
1313
+ ) }),
1314
+ /* @__PURE__ */ e("clipPath", { id: "clip2_25823_31181", children: /* @__PURE__ */ e(
1315
+ "rect",
1316
+ {
1317
+ width: "18.0004",
1318
+ height: "18.0005",
1319
+ fill: "white",
1320
+ transform: "translate(29.4441 52.7891)"
1321
+ }
1322
+ ) })
1323
+ ] })
1324
+ ]
1325
+ }
1326
+ ), v1 = ({ className: n }) => /* @__PURE__ */ e(
1327
+ "svg",
1328
+ {
1329
+ width: "46",
1330
+ height: "24",
1331
+ viewBox: "0 0 46 24",
1332
+ fill: "none",
1333
+ xmlns: "http://www.w3.org/2000/svg",
1334
+ class: n,
1335
+ "aria-hidden": "true",
1336
+ children: [
1337
+ /* @__PURE__ */ e("title", { children: "Arrow" }),
1338
+ /* @__PURE__ */ e(
1339
+ "rect",
1340
+ {
1341
+ x: "0.84668",
1342
+ y: "0.192261",
1343
+ width: "44.2308",
1344
+ height: "23.0769",
1345
+ rx: "11.5385",
1346
+ fill: "var(--button-primary-surface-default, #3B82F6)",
1347
+ class: "IncodeChooserArrowRect"
1348
+ }
1349
+ ),
1350
+ /* @__PURE__ */ e(
1351
+ "path",
1352
+ {
1353
+ d: "M22.0158 5.96154C22.283 5.96154 22.5169 6.06216 22.7173 6.26342L27.494 11.0264C27.8614 11.4289 27.8614 12.0326 27.494 12.4352L22.7507 17.1981C22.3498 17.6006 21.7486 17.6006 21.3477 17.1981C20.9469 16.7956 20.9469 16.1919 21.3477 15.7894L25.3895 11.7308L21.3143 7.67218C20.9469 7.26968 20.9469 6.66592 21.3143 6.26342C21.5148 6.06216 21.782 5.96154 22.0158 5.96154Z",
1354
+ fill: "var(--button-primary-text-default, white)"
1355
+ }
1356
+ )
1357
+ ]
1358
+ }
1359
+ ), H = ({
1360
+ icon: n,
1361
+ title: t,
1362
+ description: i,
1363
+ ariaLabel: o,
1364
+ testId: r,
1365
+ onClick: l
1366
+ }) => /* @__PURE__ */ e(
1367
+ "button",
1368
+ {
1369
+ type: "button",
1370
+ class: "IncodeChooserButton",
1371
+ onClick: l,
1372
+ "aria-label": o,
1373
+ "data-testid": r,
1374
+ children: [
1375
+ /* @__PURE__ */ e("div", { class: "IncodeChooserButtonIcon", children: /* @__PURE__ */ e(n, {}) }),
1376
+ /* @__PURE__ */ e("div", { class: "IncodeChooserButtonContent", children: [
1377
+ /* @__PURE__ */ e("span", { class: "IncodeChooserButtonTitle", children: t }),
1378
+ /* @__PURE__ */ e(C, { size: 4 }),
1379
+ /* @__PURE__ */ e("span", { class: "IncodeChooserButtonDescription", children: i }),
1380
+ /* @__PURE__ */ e(C, { size: 8 }),
1381
+ /* @__PURE__ */ e("div", { class: "IncodeChooserButtonArrow", children: /* @__PURE__ */ e(v1, {}) })
1382
+ ] })
1383
+ ]
1384
+ }
1385
+ ), g1 = ({ manager: n }) => {
1386
+ const { t } = c(), i = () => {
1387
+ n.selectDocument("id");
1388
+ }, o = () => {
1389
+ n.selectDocument("passport");
1390
+ };
1391
+ return /* @__PURE__ */ e(
1392
+ L,
1393
+ {
1394
+ title: t("idv2.chooser.title"),
1395
+ "data-testid": "document-chooser-page",
1396
+ className: "IncodeChooserPage",
1397
+ children: /* @__PURE__ */ e("div", { class: "IncodeChooserContainer", children: /* @__PURE__ */ e("div", { class: "IncodeChooserButtons", children: [
1398
+ /* @__PURE__ */ e(
1399
+ H,
1400
+ {
1401
+ icon: f1,
1402
+ title: t("idv2.chooser.idButtonTitle"),
1403
+ description: t("idv2.chooser.idButtonDescription"),
1404
+ ariaLabel: t("idv2.chooser.idButtonTitle"),
1405
+ testId: "chooser-button-id",
1406
+ onClick: i
1407
+ }
1408
+ ),
1409
+ /* @__PURE__ */ e(
1410
+ H,
1411
+ {
1412
+ icon: m1,
1413
+ title: t("idv2.chooser.passportButtonTitle"),
1414
+ description: t("idv2.chooser.passportButtonDescription"),
1415
+ ariaLabel: t("idv2.chooser.passportButtonTitle"),
1416
+ testId: "chooser-button-passport",
1417
+ onClick: o
1418
+ }
1419
+ )
1420
+ ] }) })
1421
+ }
1422
+ );
1423
+ }, w1 = ({ manager: n }) => {
1424
+ const [t, i] = x(null), { t: o } = c();
1425
+ f(() => {
1426
+ import("../flip-animation-COR596wy.js").then((l) => {
1427
+ i(l.default);
1428
+ });
1429
+ }, []);
1430
+ const r = async () => {
1431
+ await new Promise((l) => setTimeout(l, 1e3)), n.continueToBack();
1432
+ };
1433
+ return t ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
1434
+ /* @__PURE__ */ e(_, { className: "IncodeFlipAnimationTitle", children: o("idv2.flipAnimation.title") }),
1435
+ /* @__PURE__ */ e(C, { size: 32 }),
1436
+ /* @__PURE__ */ e(
1437
+ b,
1438
+ {
1439
+ animationData: t,
1440
+ loop: !1,
1441
+ onComplete: r
1442
+ }
1443
+ )
1444
+ ] }) : null;
1445
+ }, L1 = ({ manager: n, state: t }) => {
1446
+ const { t: i } = c(), [o, r] = x(null), l = t.selectedDocumentType === "passport";
1447
+ return f(() => {
1448
+ l ? import("../passport-tutorial-CaYBFTqt.js").then((a) => {
1449
+ r(a.default);
1450
+ }) : import("../id-tutorial-B-F5Q28m.js").then((a) => {
1451
+ r(a.default);
1452
+ });
1453
+ }, [l]), o ? /* @__PURE__ */ e(
1454
+ z,
1455
+ {
1456
+ animationData: o,
1457
+ title: i(l ? "idv2.capture.passport.title" : "idv2.tutorial.v2.title"),
1458
+ subtitle: i(l ? "idv2.capture.passport.subtitle" : "idv2.tutorial.subtitle"),
1459
+ onContinue: () => n.nextStep(),
1460
+ buttonText: i("idv2.tutorial.startScan"),
1461
+ disclaimerText: i("idv2.tutorial.v2.autocapture"),
1462
+ className: I(
1463
+ "IncodeIdTutorial",
1464
+ l ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"
1465
+ )
1466
+ }
1467
+ ) : null;
1468
+ }, x1 = ({
1469
+ config: n,
1470
+ provider: t,
1471
+ onFinish: i,
1472
+ onError: o
1473
+ }) => {
1474
+ const [r, l] = R(
1475
+ () => S({ config: n, provider: t })
1476
+ );
1477
+ return r.status === "idle" || r.status === "loading" ? null : r.status === "chooser" ? /* @__PURE__ */ e(g1, { manager: l }) : r.status === "tutorial" ? /* @__PURE__ */ e(L1, { manager: l, state: r }) : r.status === "permissions" ? /* @__PURE__ */ e(
1478
+ U,
1479
+ {
1480
+ manager: l,
1481
+ permissionStatus: r.permissionStatus
1482
+ }
1483
+ ) : r.status === "frontFinished" ? /* @__PURE__ */ e(w1, { manager: l }) : r.status === "capture" ? /* @__PURE__ */ e(h1, { manager: l, state: r, onFinish: () => i?.() }) : r.status === "processing" ? /* @__PURE__ */ e(N, {}) : r.status === "expired" ? /* @__PURE__ */ e(n1, { manager: l }) : r.status === "finished" ? (i?.(), null) : r.status === "closed" ? (o?.(void 0), null) : r.status === "error" ? /* @__PURE__ */ e(D, { manager: l, state: r, onError: o }) : null;
1484
+ }, y1 = ({ config: n, provider: t, onFinish: i, onError: o }) => /* @__PURE__ */ e(O, { children: n && t ? /* @__PURE__ */ e(
1485
+ x1,
1486
+ {
1487
+ config: n,
1488
+ provider: t,
1489
+ onFinish: i,
1490
+ onError: o
1491
+ }
1492
+ ) : /* @__PURE__ */ e("div", { children: "Id: Missing config or provider" }) });
1493
+ A(y1, "incode-id");
1494
+ export {
1495
+ y1 as Id
1496
+ };