@incodetech/web 0.0.0-dev-20260312-e476b70 → 0.0.0-dev-20260313-573a40c

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 (48) hide show
  1. package/dist/{Trans-BnPbhF6c.js → Trans-CVsR_Mce.js} +1 -1
  2. package/dist/authentication/authentication.es.js +3 -3
  3. package/dist/base.css +97 -81
  4. package/dist/{baseTutorial-By7hI83C.js → baseTutorial-DmtD23I-.js} +196 -158
  5. package/dist/{captureFooter-qhkTSzDA.js → captureFooter-CokUs1te.js} +1 -1
  6. package/dist/{chevronDown-BZNPUs4a.js → chevronDown-DYJNV1QK.js} +1 -1
  7. package/dist/{closeIcon-B5HxSoNj.js → closeIcon-DQDl1mpN.js} +1 -1
  8. package/dist/curp-validation/curp-validation.es.js +6 -6
  9. package/dist/curp-validation/styles.css +22 -28
  10. package/dist/{dateInputComposed-Badm2Tzx.js → dateInputComposed-BzMiH4hO.js} +2 -2
  11. package/dist/document-capture/styles.css +18 -18
  12. package/dist/{documentCapture-ChFrtfzB.js → documentCapture-BxRw-eCN.js} +6 -6
  13. package/dist/{dropdownComposed-DgA0fNAh.js → dropdownComposed-DEUeG49j.js} +4 -4
  14. package/dist/ekyb/styles.css +2 -2
  15. package/dist/{ekybModule-DexnANPQ.js → ekybModule-C3Ujm2Yw.js} +4 -4
  16. package/dist/ekyc/styles.css +4 -4
  17. package/dist/{ekycModule-D8_or1xq.js → ekycModule-BSb0VO0K.js} +5 -5
  18. package/dist/email/email.es.js +3 -3
  19. package/dist/email/styles.css +1 -1
  20. package/dist/errorContent-DsXEhW_F.js +43 -0
  21. package/dist/face-match/styles.css +3 -3
  22. package/dist/{faceMatch-DXcWwP9u.js → faceMatch-BvQGLKCA.js} +2 -2
  23. package/dist/flow/flow.es.js +7 -7
  24. package/dist/flow/styles.css +232 -156
  25. package/dist/geolocation/geolocation.es.js +17 -17
  26. package/dist/geolocation/styles.css +4 -4
  27. package/dist/governmentValidation/governmentValidation.es.js +6 -6
  28. package/dist/governmentValidation/styles.css +6 -8
  29. package/dist/id/id.es.js +6 -6
  30. package/dist/id/styles.css +54 -54
  31. package/dist/{incodeModule-7zNv7YeX.js → incodeModule-C-yBwl3V.js} +112 -110
  32. package/dist/{otpInput-DWZ7I1PN.js → otpInput-DTGm8I2x.js} +1 -1
  33. package/dist/{page-Bdz8JP3P.js → page-DoaUg40Q.js} +64 -49
  34. package/dist/phone/phone.es.js +4 -4
  35. package/dist/phone/styles.css +8 -8
  36. package/dist/{processing-D6kl543t.js → processing-BIuFpDjr.js} +2 -2
  37. package/dist/selfie/selfie.es.js +14 -7
  38. package/dist/selfie/styles.css +32 -20
  39. package/dist/spinner-EHZM4eN1.js +64 -0
  40. package/dist/{successIcon-BPe0Wymn.js → successIcon-CMUvDv_Z.js} +6 -6
  41. package/dist/themes/dark.css +415 -149
  42. package/dist/themes/light.css +371 -119
  43. package/dist/{tutorial-CJs2GHe1.js → tutorial-DkmCNA8p.js} +252 -175
  44. package/dist/{verificationResult-BfLzIvM8.js → verificationResult-7tUMuDVH.js} +5 -5
  45. package/dist/{warningIcon-C9TCAUlH.js → warningIcon-m0tjjxQl.js} +1 -1
  46. package/package.json +2 -2
  47. package/dist/errorContent-BMXamgg9.js +0 -30
  48. package/dist/spinner-BknkxcID.js +0 -48
@@ -1,15 +1,40 @@
1
- import { b as d, u as t, c as S, B as T, S as s, L as D } from "./incodeModule-7zNv7YeX.js";
2
- import { g as h, d as f, k as _, A as I, y as g } from "./vendor-preact-DP-hbKuj.js";
1
+ import { u as t, S as T, b as O, c as B, B as A, L as w } from "./incodeModule-C-yBwl3V.js";
2
+ import { A as s, y as E, g as F, D as M, q as V, k as h, d as S } from "./vendor-preact-DP-hbKuj.js";
3
3
  import "./uiConfig-B8PUPgHY.js";
4
- import { S as L } from "./successIcon-BPe0Wymn.js";
5
- import { P as E } from "./page-Bdz8JP3P.js";
6
- import { S as m, T as v } from "./spinner-BknkxcID.js";
7
- import { E as A } from "./errorContent-BMXamgg9.js";
8
- import { B as N } from "./baseTutorial-By7hI83C.js";
9
- const c = {
4
+ import { S as y } from "./successIcon-CMUvDv_Z.js";
5
+ import { P as D } from "./page-DoaUg40Q.js";
6
+ import { T as N, S as P } from "./spinner-EHZM4eN1.js";
7
+ import { E as H } from "./errorContent-DsXEhW_F.js";
8
+ import { B as x } from "./baseTutorial-DmtD23I-.js";
9
+ const L = ({
10
+ icon: i,
11
+ title: n,
12
+ className: e
13
+ }) => {
14
+ const o = s(null);
15
+ return E(() => {
16
+ o.current?.focus();
17
+ }, []), /* @__PURE__ */ t(D, { className: `IncodeCaptureStatusPage ${e ?? ""}`, children: [
18
+ /* @__PURE__ */ t(T, { size: 40 }),
19
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureStatusContainer", children: [
20
+ /* @__PURE__ */ t(T, { size: 120 }),
21
+ i,
22
+ /* @__PURE__ */ t(T, { size: 16 }),
23
+ /* @__PURE__ */ t(
24
+ N,
25
+ {
26
+ ref: o,
27
+ className: "IncodeCaptureStatusTitle",
28
+ tabIndex: -1,
29
+ children: n
30
+ }
31
+ )
32
+ ] })
33
+ ] });
34
+ }, f = {
10
35
  title: "Something went wrong",
11
36
  description: "Please try again later"
12
- }, B = {
37
+ }, U = {
13
38
  MASK_ERROR: {
14
39
  title: "notifications.mask",
15
40
  description: "notifications.maskDescription"
@@ -42,13 +67,13 @@ const c = {
42
67
  title: "notifications.multiple",
43
68
  description: "notifications.multipleDescription"
44
69
  },
45
- TOO_BLURRY_ERROR: c,
46
- TOO_DARK_ERROR: c,
47
- SERVER_ERROR: c,
48
- FACE_CROPPING_FAILED: c,
49
- FACE_TOO_SMALL: c,
50
- PROCESSING_ERROR: c,
51
- BAD_REQUEST: c,
70
+ TOO_BLURRY_ERROR: f,
71
+ TOO_DARK_ERROR: f,
72
+ SERVER_ERROR: f,
73
+ FACE_CROPPING_FAILED: f,
74
+ FACE_TOO_SMALL: f,
75
+ PROCESSING_ERROR: f,
76
+ BAD_REQUEST: f,
52
77
  USER_IS_NOT_RECOGNIZED: {
53
78
  title: "notifications.accessDenied",
54
79
  description: "notifications.accessDeniedDescription"
@@ -97,7 +122,7 @@ const c = {
97
122
  title: "notifications.selfieImageLowQuality",
98
123
  description: "notifications.selfieImageLowQualityDescription"
99
124
  }
100
- }, F = [
125
+ }, k = [
101
126
  "LIVENESS_ERROR",
102
127
  "BRIGHTNESS_ERROR",
103
128
  "LENSES_ERROR",
@@ -125,35 +150,35 @@ const c = {
125
150
  "NONEXISTENT_CUSTOMER",
126
151
  "HINT_NOT_PROVIDED",
127
152
  "SELFIE_IMAGE_LOW_QUALITY"
128
- ], M = (e) => {
129
- const i = e.toUpperCase();
130
- if (i.includes("HTTP 400") || i.includes("BAD_REQUEST"))
153
+ ], b = (i) => {
154
+ const n = i.toUpperCase();
155
+ if (n.includes("HTTP 400") || n.includes("BAD_REQUEST"))
131
156
  return "BAD_REQUEST";
132
- if (i.includes("HTTP 500") || i.includes("SERVER_ERROR"))
157
+ if (n.includes("HTTP 500") || n.includes("SERVER_ERROR"))
133
158
  return "SERVER_ERROR";
134
- for (const n of F)
135
- if (i.includes(n))
136
- return n;
159
+ for (const e of k)
160
+ if (n.includes(e))
161
+ return e;
137
162
  return null;
138
- }, O = ({
139
- error: e,
140
- attemptsRemaining: i,
141
- onTryAgain: n
163
+ }, v = ({
164
+ error: i,
165
+ attemptsRemaining: n,
166
+ onTryAgain: e
142
167
  }) => {
143
- const { t: o } = d();
144
- if (!e) return null;
145
- const l = M(e) ?? e, { title: a, description: u } = B[l] ?? c, p = o(a) ?? a, C = i <= 0 ? o("notifications.selfieCaptureFailedDescription") : o(u);
168
+ const { t: o } = O();
169
+ if (!i) return null;
170
+ const c = b(i) ?? i, { title: a, description: l } = U[c] ?? f, u = o(a) ?? a, d = n <= 0 ? o("notifications.selfieCaptureFailedDescription") : o(l);
146
171
  return /* @__PURE__ */ t(
147
- A,
172
+ H,
148
173
  {
149
174
  "data-testid": "face-capture-error-modal",
150
- title: p,
151
- description: C,
152
- attemptsRemaining: i,
153
- onButtonClick: n
175
+ title: u,
176
+ description: d,
177
+ attemptsRemaining: n,
178
+ onButtonClick: e
154
179
  }
155
180
  );
156
- }, y = () => /* @__PURE__ */ t(
181
+ }, Q = () => /* @__PURE__ */ t(
157
182
  "svg",
158
183
  {
159
184
  width: "292",
@@ -162,6 +187,7 @@ const c = {
162
187
  fill: "none",
163
188
  xmlns: "http://www.w3.org/2000/svg",
164
189
  class: "IncodeFaceOutline",
190
+ "aria-hidden": "true",
165
191
  children: [
166
192
  /* @__PURE__ */ t("title", { children: "Outline" }),
167
193
  /* @__PURE__ */ t(
@@ -174,28 +200,29 @@ const c = {
174
200
  )
175
201
  ]
176
202
  }
177
- ), w = (e) => {
178
- switch (e) {
203
+ ), Y = (i) => {
204
+ switch (i) {
179
205
  case "success":
180
206
  case "capturing":
181
- return "var(--surface-status-positive-600)";
207
+ return "var(--surface-status-positive-500)";
182
208
  case "loading":
183
209
  return "var(--surface-brand-500)";
184
210
  case "error":
185
- return "var(--surface-status-negative-600)";
211
+ return "var(--surface-status-negative-500)";
186
212
  case "idle":
187
213
  return "var(--surface-neutral-100)";
188
214
  }
189
- }, V = ({
190
- borderState: e = "idle"
215
+ }, G = ({
216
+ borderState: i = "idle"
191
217
  }) => {
192
- const i = h(), n = e === "loading" || e === "capturing", o = w(e), r = n ? `url(#${i})` : o;
218
+ const n = F(), e = i === "loading" || i === "capturing", o = Y(i), r = e ? `url(#${n})` : o;
193
219
  return /* @__PURE__ */ t(
194
220
  "div",
195
221
  {
196
- class: S("IncodeLoadingBorder", {
197
- IncodeLoadingBorderSpinning: n
222
+ class: B("IncodeLoadingBorder", {
223
+ IncodeLoadingBorderSpinning: e
198
224
  }),
225
+ "aria-hidden": "true",
199
226
  children: /* @__PURE__ */ t(
200
227
  "svg",
201
228
  {
@@ -219,7 +246,7 @@ const c = {
219
246
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t(
220
247
  "radialGradient",
221
248
  {
222
- id: i,
249
+ id: n,
223
250
  cx: "0",
224
251
  cy: "0",
225
252
  r: "1",
@@ -236,7 +263,7 @@ const c = {
236
263
  )
237
264
  }
238
265
  );
239
- }, P = () => /* @__PURE__ */ t("div", { class: "IncodeCameraButton", children: /* @__PURE__ */ t(
266
+ }, Z = () => /* @__PURE__ */ t("div", { class: "IncodeCameraButton", children: /* @__PURE__ */ t(
240
267
  "svg",
241
268
  {
242
269
  width: "64",
@@ -273,176 +300,226 @@ const c = {
273
300
  )
274
301
  ]
275
302
  }
276
- ) }), U = ({
277
- onClick: e,
278
- disabled: i
279
- }) => {
280
- const { t: n } = d();
303
+ ) }), z = M(({ onClick: i, disabled: n }, e) => {
304
+ const { t: o } = O();
281
305
  return /* @__PURE__ */ t("div", { class: "IncodeManualCaptureButton", "data-testid": "manual-capture-button", children: [
282
- /* @__PURE__ */ t("p", { class: "IncodeManualCaptureButtonText", children: n("selfiev2.manualCapture.instructions") }),
306
+ /* @__PURE__ */ t("p", { id: "manual-capture-instructions", class: "IncodeManualCaptureButtonText", children: o("selfiev2.manualCapture.instructions") }),
283
307
  /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
284
- T,
308
+ A,
285
309
  {
310
+ ref: e,
311
+ id: "manual-capture-button",
286
312
  variant: "link",
287
- onClick: e,
288
- disabled: i,
313
+ onClick: i,
314
+ disabled: n,
289
315
  class: "IncodeManualCaptureButtonButton",
290
- children: /* @__PURE__ */ t(P, {})
316
+ "aria-label": o("selfiev2.manualCapture.captureButton"),
317
+ children: /* @__PURE__ */ t(Z, {})
291
318
  }
292
319
  ) })
293
320
  ] });
294
- }, x = ({ detectionState: e }) => {
295
- const { t: i } = d(), o = {
296
- noFace: i("notifications.faceNotFound"),
297
- tooManyFaces: i("notifications.tooManyFaces"),
298
- tooClose: i("notifications.moveAway"),
299
- tooFar: i("notifications.moveCloser"),
300
- blur: i("notifications.onBlur"),
301
- dark: i("notifications.onDark"),
302
- faceAngle: i("notifications.onFaceAngleV2"),
303
- headWear: i("notifications.removeHeadwear"),
304
- lenses: i("notifications.removeLenses"),
305
- eyesClosed: i("notifications.eyesClosed"),
306
- faceMask: i("notifications.mask"),
307
- centerFace: i("notifications.centerFaceV2"),
308
- getReady: i("notifications.getReady")
309
- }[e];
310
- return o ? /* @__PURE__ */ t("div", { class: "IncodeNotification", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: o }) }) : null;
311
- }, X = ({ manager: e, state: i }) => {
321
+ }), K = ({
322
+ detectionState: i,
323
+ disabled: n
324
+ }) => {
325
+ const { t: e } = O(), o = s(null), r = s({
326
+ message: "",
327
+ at: 0
328
+ }), c = s(i), a = s(n), l = s(!1), u = s(), d = s(), C = {
329
+ noFace: e("notifications.faceNotFound"),
330
+ tooManyFaces: e("notifications.tooManyFaces"),
331
+ tooClose: e("notifications.moveAway"),
332
+ tooFar: e("notifications.moveCloser"),
333
+ blur: e("notifications.onBlur"),
334
+ dark: e("notifications.onDark"),
335
+ faceAngle: e("notifications.onFaceAngleV2"),
336
+ headWear: e("notifications.removeHeadwear"),
337
+ lenses: e("notifications.removeLenses"),
338
+ eyesClosed: e("notifications.eyesClosed"),
339
+ faceMask: e("notifications.mask"),
340
+ centerFace: e("notifications.centerFaceV2"),
341
+ getReady: e("notifications.getReady"),
342
+ capturing: e("idv2.capture.takingPhoto")
343
+ }[i] ?? "", p = V((R) => {
344
+ const I = Date.now(), m = r.current;
345
+ if (R === m.message && I - m.at < 200) return;
346
+ r.current = { message: R, at: I };
347
+ const g = o.current;
348
+ g && (clearTimeout(u.current), g.textContent = "", d.current = setTimeout(() => {
349
+ g.textContent = R, u.current = setTimeout(() => {
350
+ g.textContent = "";
351
+ }, 3e3);
352
+ }, 50));
353
+ }, []);
354
+ return E(() => {
355
+ const R = a.current;
356
+ if (a.current = n, n || i === "manualCapture") {
357
+ l.current = !1;
358
+ return;
359
+ }
360
+ if (l.current) return;
361
+ const m = setTimeout(() => {
362
+ l.current = !0, p(e("selfiev2.autoCapture.defaultAriaInstructions"));
363
+ }, R ? 1e3 : 500);
364
+ return () => clearTimeout(m);
365
+ }, [i, n, p, e]), E(() => {
366
+ const R = c.current;
367
+ c.current = i, !n && R !== "manualCapture" && i === "manualCapture" && p(e("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
368
+ }, [p, i, e, n]), E(() => {
369
+ n || !C || p(C);
370
+ }, [C, p, n]), E(() => () => {
371
+ clearTimeout(d.current), clearTimeout(u.current);
372
+ }, []), /* @__PURE__ */ t(h, { children: [
373
+ /* @__PURE__ */ t(
374
+ "div",
375
+ {
376
+ ref: o,
377
+ class: "IncodeCaptureVisuallyHidden",
378
+ "aria-live": "assertive",
379
+ "aria-atomic": "true"
380
+ }
381
+ ),
382
+ C ? /* @__PURE__ */ t("div", { class: "IncodeNotification", "aria-hidden": "true", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: C }) }) : null
383
+ ] });
384
+ }, nt = ({ manager: i, state: n }) => {
312
385
  const {
313
- captureStatus: n,
386
+ captureStatus: e,
314
387
  stream: o,
315
388
  detectionStatus: r,
316
- attemptsRemaining: l,
389
+ attemptsRemaining: c,
317
390
  uploadError: a,
318
- assistedOnboarding: u
319
- } = i, [p, C] = f(!1), { t: R } = d();
320
- return n === "initializing" ? /* @__PURE__ */ t(
321
- m,
322
- {
323
- fullScreen: !0,
324
- title: R("v2.selfie.camera.loading"),
325
- className: "IncodeCameraLoading"
326
- }
327
- ) : n === "detecting" ? r === "offline" ? /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t("div", { class: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ t("p", { class: "text-text-body-primary", children: "No internet connection" }) }) }) : /* @__PURE__ */ t(E, { "data-testid": "capture-container", children: [
328
- /* @__PURE__ */ t(s, { size: 48 }),
329
- /* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
330
- /* @__PURE__ */ t(V, { borderState: p ? "capturing" : r === "detecting" ? "idle" : r === "getReady" ? "loading" : r === "success" ? "success" : r === "error" ? "error" : "idle" }),
331
- /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: o ? /* @__PURE__ */ t(_, { children: [
332
- /* @__PURE__ */ t(H, { stream: o, mirrored: !u }),
333
- /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(y, {}) })
334
- ] }) : null }) }),
335
- /* @__PURE__ */ t(s, { size: 48 }),
336
- r ? /* @__PURE__ */ t(_, { children: [
337
- /* @__PURE__ */ t(x, { detectionState: r }),
338
- /* @__PURE__ */ t(s, { size: 24 })
339
- ] }) : null,
340
- r === "manualCapture" ? /* @__PURE__ */ t(
341
- U,
391
+ assistedOnboarding: l
392
+ } = n, [u, d] = S(!1), { t: _ } = O(), C = s(null);
393
+ if (E(() => {
394
+ r === "manualCapture" && C.current?.focus();
395
+ }, [r]), e === "initializing")
396
+ return /* @__PURE__ */ t(
397
+ P,
398
+ {
399
+ fullScreen: !0,
400
+ title: _("v2.selfie.camera.loading"),
401
+ className: "IncodeCameraLoading"
402
+ }
403
+ );
404
+ if (e === "detecting") {
405
+ if (r === "offline")
406
+ return /* @__PURE__ */ t(D, { title: "No internet connection" });
407
+ const p = () => u ? "capturing" : r === "detecting" ? "idle" : r === "getReady" ? "loading" : r === "success" ? "success" : r === "error" ? "error" : "idle";
408
+ return /* @__PURE__ */ t(D, { "data-testid": "capture-container", children: [
409
+ /* @__PURE__ */ t(N, { className: "IncodeCaptureVisuallyHidden", children: _("selfiev2.capture.title") }),
410
+ /* @__PURE__ */ t(T, { size: 48 }),
411
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
412
+ /* @__PURE__ */ t(G, { borderState: p() }),
413
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", "aria-hidden": "true", children: o ? /* @__PURE__ */ t(h, { children: [
414
+ /* @__PURE__ */ t(W, { stream: o, mirrored: !l }),
415
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(Q, {}) })
416
+ ] }) : null }) }),
417
+ /* @__PURE__ */ t(T, { size: 48 }),
418
+ r ? /* @__PURE__ */ t(h, { children: [
419
+ /* @__PURE__ */ t(
420
+ K,
421
+ {
422
+ detectionState: r,
423
+ disabled: !!a || u
424
+ }
425
+ ),
426
+ /* @__PURE__ */ t(T, { size: 24 })
427
+ ] }) : null,
428
+ r === "manualCapture" ? /* @__PURE__ */ t(
429
+ z,
430
+ {
431
+ ref: C,
432
+ onClick: () => {
433
+ d(!0), i.capture();
434
+ },
435
+ disabled: u
436
+ }
437
+ ) : null
438
+ ] }),
439
+ a ? /* @__PURE__ */ t(
440
+ v,
342
441
  {
343
- onClick: () => {
344
- C(!0), e.capture();
345
- },
346
- disabled: p
442
+ error: a,
443
+ attemptsRemaining: c,
444
+ onTryAgain: () => {
445
+ i.retryCapture(), d(!1);
446
+ }
347
447
  }
348
448
  ) : null
349
- ] }),
350
- a ? /* @__PURE__ */ t(
351
- O,
352
- {
353
- error: a,
354
- attemptsRemaining: l,
355
- onTryAgain: () => {
356
- e.retryCapture(), C(!1);
357
- }
358
- }
359
- ) : null
360
- ] }) : n === "capturing" ? /* @__PURE__ */ t(
361
- E,
449
+ ] });
450
+ }
451
+ return e === "capturing" ? /* @__PURE__ */ t(
452
+ D,
362
453
  {
363
454
  className: "IncodeCaptureCapturingPage",
364
455
  title: "Capturing",
365
456
  subtitle: "Taking photo...",
366
- children: /* @__PURE__ */ t(
367
- "div",
368
- {
369
- style: {
370
- display: "flex",
371
- justifyContent: "center",
372
- marginTop: "auto"
373
- },
374
- children: /* @__PURE__ */ t(T, { isLoading: !0, children: "Capturing..." })
375
- }
376
- )
457
+ children: /* @__PURE__ */ t("div", { class: "IncodeCaptureCapturingActions", children: /* @__PURE__ */ t(A, { isLoading: !0, children: "Capturing..." }) })
377
458
  }
378
- ) : n === "uploading" ? /* @__PURE__ */ t(b, {}) : n === "uploadError" ? /* @__PURE__ */ t(
379
- O,
459
+ ) : e === "uploading" ? /* @__PURE__ */ t(
460
+ L,
461
+ {
462
+ className: "IncodeCaptureStatusUploading",
463
+ icon: /* @__PURE__ */ t(w, { size: 64 }),
464
+ title: _("idv2.capture.processing.uploading")
465
+ }
466
+ ) : e === "uploadError" ? /* @__PURE__ */ t(
467
+ v,
380
468
  {
381
469
  error: a,
382
- attemptsRemaining: l,
470
+ attemptsRemaining: c,
383
471
  onTryAgain: () => {
384
- e.retryCapture(), C(!1);
472
+ i.retryCapture(), d(!1);
385
473
  }
386
474
  }
387
- ) : n === "success" ? /* @__PURE__ */ t(E, { className: "IncodeCaptureSuccessPage", children: [
388
- /* @__PURE__ */ t(s, { size: 40 }),
389
- /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
390
- /* @__PURE__ */ t(s, { size: 120 }),
391
- /* @__PURE__ */ t(L, { size: 64 }),
392
- /* @__PURE__ */ t(s, { size: 16 }),
393
- /* @__PURE__ */ t(v, { children: R("idv2.capture.processing.success") })
394
- ] })
395
- ] }) : null;
396
- }, H = ({ stream: e, mirrored: i }) => {
397
- const n = I(null);
398
- return g(() => {
399
- n.current && e && (n.current.srcObject = e);
400
- }, [e]), /* @__PURE__ */ t(
475
+ ) : e === "success" ? /* @__PURE__ */ t(
476
+ L,
477
+ {
478
+ icon: /* @__PURE__ */ t(y, { size: 64 }),
479
+ title: _("idv2.capture.processing.success")
480
+ }
481
+ ) : null;
482
+ }, W = ({ stream: i, mirrored: n }) => {
483
+ const e = s(null);
484
+ return E(() => {
485
+ e.current && i && (e.current.srcObject = i);
486
+ }, [i]), /* @__PURE__ */ t(
401
487
  "video",
402
488
  {
403
- ref: n,
489
+ ref: e,
404
490
  autoplay: !0,
405
491
  playsInline: !0,
406
492
  muted: !0,
407
- class: i ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
493
+ "aria-hidden": "true",
494
+ class: n ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
408
495
  }
409
496
  );
410
- }, b = () => {
411
- const { t: e } = d();
412
- return /* @__PURE__ */ t(E, { className: "IncodeCaptureUploadingPage", children: [
413
- /* @__PURE__ */ t(s, { size: 40 }),
414
- /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
415
- /* @__PURE__ */ t(s, { size: 120 }),
416
- /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(D, { size: 64 }) }),
417
- /* @__PURE__ */ t(s, { size: 16 }),
418
- /* @__PURE__ */ t("h2", { class: "IncodeCaptureUploadingTitle", children: e("idv2.capture.processing.uploading") })
419
- ] })
420
- ] });
421
- }, $ = ({ manager: e }) => {
422
- const { t: i } = d(), [n, o] = f(!1), [r, l] = f(null);
423
- g(() => {
424
- import("./selfieTutorial-Dm_p0ke9.js").then((u) => {
425
- l(u.default);
497
+ }, ot = ({ manager: i }) => {
498
+ const { t: n } = O(), [e, o] = S(!1), [r, c] = S(null);
499
+ E(() => {
500
+ import("./selfieTutorial-Dm_p0ke9.js").then((l) => {
501
+ c(l.default);
426
502
  });
427
503
  }, []);
428
504
  const a = () => {
429
- o(!0), e.nextStep();
505
+ o(!0), i.nextStep();
430
506
  };
431
507
  return r ? /* @__PURE__ */ t(
432
- N,
508
+ x,
433
509
  {
434
510
  animationData: r,
435
- title: i("face.tutorial.title"),
436
- subtitle: i("face.tutorial.subtitle"),
511
+ title: n("face.tutorial.title"),
512
+ titleId: "face-tutorial-heading",
513
+ subtitle: n("face.tutorial.subtitle"),
437
514
  onContinue: a,
438
- buttonText: i("face.tutorial.startCapture"),
439
- disclaimerText: i("face.tutorial.autoCapture"),
440
- isLoading: n,
515
+ buttonText: n("face.tutorial.startCapture"),
516
+ disclaimerText: n("face.tutorial.autoCapture"),
517
+ isLoading: e,
441
518
  className: "IncodeSelfieTutorial"
442
519
  }
443
520
  ) : null;
444
521
  };
445
522
  export {
446
- X as C,
447
- $ as T
523
+ nt as C,
524
+ ot as T
448
525
  };
@@ -1,10 +1,10 @@
1
1
  import { d as g, y as F } from "./vendor-preact-DP-hbKuj.js";
2
- import { b as I, u as e, B as v } from "./incodeModule-7zNv7YeX.js";
2
+ import { b as I, u as e, B as v } from "./incodeModule-C-yBwl3V.js";
3
3
  import "./uiConfig-B8PUPgHY.js";
4
- import { I as S } from "./dropdownComposed-DgA0fNAh.js";
5
- import { S as y, E as k } from "./successIcon-BPe0Wymn.js";
6
- import { P as f } from "./page-Bdz8JP3P.js";
7
- import { S as z } from "./spinner-BknkxcID.js";
4
+ import { I as S } from "./dropdownComposed-DEUeG49j.js";
5
+ import { S as y, E as k } from "./successIcon-CMUvDv_Z.js";
6
+ import { P as f } from "./page-DoaUg40Q.js";
7
+ import { S as z } from "./spinner-EHZM4eN1.js";
8
8
  function H(i, o) {
9
9
  const [a, s] = g(!1);
10
10
  return F(() => {
@@ -1,4 +1,4 @@
1
- import { u as n } from "./incodeModule-7zNv7YeX.js";
1
+ import { u as n } from "./incodeModule-C-yBwl3V.js";
2
2
  const t = ({ size: i = 32 }) => /* @__PURE__ */ n(
3
3
  "svg",
4
4
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260312-e476b70",
3
+ "version": "0.0.0-dev-20260313-573a40c",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -107,7 +107,7 @@
107
107
  "libphonenumber-js": "^1.11.0",
108
108
  "preact-custom-element": "^4.6.0",
109
109
  "tailwindcss": "^4.1.17",
110
- "@incodetech/core": "0.0.0-dev-20260312-e476b70"
110
+ "@incodetech/core": "0.0.0-dev-20260313-573a40c"
111
111
  },
112
112
  "devDependencies": {
113
113
  "@microsoft/api-extractor": "^7.53.3",
@@ -1,30 +0,0 @@
1
- import { b as d, u as n, S as r, B as l } from "./incodeModule-7zNv7YeX.js";
2
- import { E as m } from "./successIcon-BPe0Wymn.js";
3
- import { W as p } from "./warningIcon-C9TCAUlH.js";
4
- import { P as C } from "./page-Bdz8JP3P.js";
5
- const f = ({
6
- title: i,
7
- description: s,
8
- attemptsRemaining: e,
9
- onButtonClick: c,
10
- "data-testid": a
11
- }) => {
12
- const { t: o } = d(), t = e <= 0;
13
- return /* @__PURE__ */ n("div", { class: "IncodeErrorContent", children: /* @__PURE__ */ n(C, { "data-testid": a, children: /* @__PURE__ */ n("div", { class: "IncodeErrorContentContainer", children: [
14
- /* @__PURE__ */ n("div", { class: "IncodeErrorContentIconContainer", children: [
15
- t ? /* @__PURE__ */ n(m, { size: 32 }) : /* @__PURE__ */ n(p, { size: 32 }),
16
- /* @__PURE__ */ n(r, { size: 16 }),
17
- /* @__PURE__ */ n("h2", { class: "IncodeErrorContentTitle", children: i }),
18
- /* @__PURE__ */ n(r, { size: 12 }),
19
- /* @__PURE__ */ n("p", { class: "IncodeErrorContentDescription", children: s })
20
- ] }),
21
- /* @__PURE__ */ n("div", { class: "IncodeErrorContentAttemptsContainer", children: [
22
- /* @__PURE__ */ n("p", { class: "IncodeErrorContentAttemptsText", children: t ? o("notifications.noAttemptsRemaining") : o("common.attemptsRemaining", { count: e }) }),
23
- /* @__PURE__ */ n(r, { size: 24 }),
24
- /* @__PURE__ */ n(l, { onClick: c, children: o(t ? "common.continue" : "common.tryAgain") })
25
- ] })
26
- ] }) }) });
27
- };
28
- export {
29
- f as E
30
- };