@incodetech/web 0.0.0-dev-20260320-26b35b4 → 0.0.0-dev-20260320-c9bdba0

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 (49) hide show
  1. package/dist/{AsYouType-DoYUSTc1.js → AsYouType-D1H_js4X.js} +1 -1
  2. package/dist/{Trans-CA9a3vKp.js → Trans-Cm7gi0st.js} +1 -1
  3. package/dist/{addressAutocomplete-DetZGxBZ.js → addressAutocomplete-BIQwiDWk.js} +3 -3
  4. package/dist/authentication/authentication.es.js +3 -3
  5. package/dist/base.css +151 -1
  6. package/dist/{button-Ca1tRSTI.js → button-zCdeDeEB.js} +2 -2
  7. package/dist/{captureFooter-x4F9jMyX.js → captureFooter-SNtyUXrI.js} +2 -2
  8. package/dist/{chevronDown-BUaOuf9J.js → chevronDown-DRVnB275.js} +1 -1
  9. package/dist/{closeIcon-BM7WLbKp.js → closeIcon-D2dmrZca.js} +1 -1
  10. package/dist/{countries-CM1cm_kP.js → countries-DfLkrF0x.js} +2 -2
  11. package/dist/curp-validation/curp-validation.es.js +47 -47
  12. package/dist/{dateInputComposed-CvFmQpJ0.js → dateInputComposed-C8WTSu9L.js} +3 -3
  13. package/dist/{documentCapture-CBgZ-Z0-.js → documentCapture-DWNK3phM.js} +7 -7
  14. package/dist/{dropdownComposed-B5ZuQS8C.js → dropdownComposed-Cg6lQD2C.js} +4 -4
  15. package/dist/{ekybModule-9m8cnkfH.js → ekybModule-DtMbgF08.js} +7 -7
  16. package/dist/{ekycModule-DBCar_-Z.js → ekycModule-DEMkVZr2.js} +8 -8
  17. package/dist/email/email.es.js +3 -3
  18. package/dist/{errorContent-yUAdbZ5o.js → errorContent-B3YzH-UQ.js} +5 -5
  19. package/dist/{errorIcon-BL647nVh.js → errorIcon-bIXk9nAy.js} +1 -1
  20. package/dist/extensibility.es.js +111 -341
  21. package/dist/{faceMatch-BjdNG_e0.js → faceMatch-BdMwIeBs.js} +2 -2
  22. package/dist/{fileIcon-DOyMcRWU.js → fileIcon-E4B7hd8V.js} +1 -1
  23. package/dist/flipAnimation-CnXEIDH1.js +2547 -0
  24. package/dist/flow/flow.es.js +11 -11
  25. package/dist/flow/styles.css +5 -106
  26. package/dist/{formField-FeX9N4c8.js → formField-hlgxOSE6.js} +6 -6
  27. package/dist/geolocation/geolocation.es.js +3 -3
  28. package/dist/governmentValidation/governmentValidation.es.js +7 -7
  29. package/dist/id/id.es.js +19 -19
  30. package/dist/id/styles.css +5 -119
  31. package/dist/{inputComposed-BHi-MSpP.js → inputComposed-CyGtRLzv.js} +6 -6
  32. package/dist/{permissions-CT8ELJ55.js → manualCaptureButton-iYqQECzn.js} +236 -180
  33. package/dist/{otpInput-DdkvlvCS.js → otpInput-B3iNW8b5.js} +2 -2
  34. package/dist/{page-BVHG3h0V.js → page-Dv0s0RPn.js} +5 -5
  35. package/dist/phone/phone.es.js +4 -4
  36. package/dist/{phoneInput-D4yirBZy.js → phoneInput-NVIE7YFb.js} +4 -4
  37. package/dist/{phoneInputComposed-BG1BANDW.js → phoneInputComposed-DNfU__MR.js} +7 -7
  38. package/dist/{processing-CDgOueI3.js → processing-BhY0-0xy.js} +2 -2
  39. package/dist/selfie/selfie.es.js +4 -4
  40. package/dist/spinner-BbVGMG-G.js +67 -0
  41. package/dist/{successIcon-BybULRRU.js → successIcon-DN8LMqE2.js} +1 -1
  42. package/dist/themes/dark.css +4 -0
  43. package/dist/themes/light.css +4 -0
  44. package/dist/{tutorial-DDrNTMZU.js → tutorial-CDJugc5j.js} +110 -165
  45. package/dist/types/extensibility.d.ts +34 -2
  46. package/dist/{warningIcon-DyoKeqDd.js → warningIcon-BBoCroUd.js} +1 -1
  47. package/package.json +2 -2
  48. package/dist/flipAnimation-C1mmGMlP.js +0 -1516
  49. package/dist/spinner-Cx3FPUCD.js +0 -66
@@ -1,29 +1,29 @@
1
- import { u as t, S as T, b as O, d as w, B as A, L as B } from "./button-Ca1tRSTI.js";
2
- import { A as s, y as E, g as F, D as M, q as V, k as I, d as h } from "./vendor-preact-BXf0bkEs.js";
1
+ import { u as t, S as _, b as g, d as N, B as F, e as y } from "./button-zCdeDeEB.js";
2
+ import { A as a, y as p, g as w, q as V, k as L, d as I } from "./vendor-preact-BXf0bkEs.js";
3
3
  import "./uiConfig-Z6RT23Sl.js";
4
- import { S as y } from "./successIcon-BybULRRU.js";
5
- import { P as D } from "./page-BVHG3h0V.js";
6
- import { T as N, S as P } from "./spinner-Cx3FPUCD.js";
7
- import { E as H } from "./errorContent-yUAdbZ5o.js";
8
- import { B as x } from "./permissions-CT8ELJ55.js";
9
- const L = ({
4
+ import { S as P } from "./successIcon-DN8LMqE2.js";
5
+ import { P as m } from "./page-Dv0s0RPn.js";
6
+ import { T as v, S as B } from "./spinner-BbVGMG-G.js";
7
+ import { E as M } from "./errorContent-B3YzH-UQ.js";
8
+ import { M as U, B as H } from "./manualCaptureButton-iYqQECzn.js";
9
+ const h = ({
10
10
  icon: i,
11
11
  title: n,
12
12
  className: e
13
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 }),
14
+ const r = a(null);
15
+ return p(() => {
16
+ r.current?.focus();
17
+ }, []), /* @__PURE__ */ t(m, { className: `IncodeCaptureStatusPage ${e ?? ""}`, children: [
18
+ /* @__PURE__ */ t(_, { size: 40 }),
19
19
  /* @__PURE__ */ t("div", { class: "IncodeCaptureStatusContainer", children: [
20
- /* @__PURE__ */ t(T, { size: 120 }),
20
+ /* @__PURE__ */ t(_, { size: 120 }),
21
21
  i,
22
- /* @__PURE__ */ t(T, { size: 16 }),
22
+ /* @__PURE__ */ t(_, { size: 16 }),
23
23
  /* @__PURE__ */ t(
24
- N,
24
+ v,
25
25
  {
26
- ref: o,
26
+ ref: r,
27
27
  className: "IncodeCaptureStatusTitle",
28
28
  tabIndex: -1,
29
29
  children: n
@@ -34,7 +34,7 @@ const L = ({
34
34
  }, f = {
35
35
  title: "Something went wrong",
36
36
  description: "Please try again later"
37
- }, U = {
37
+ }, x = {
38
38
  MASK_ERROR: {
39
39
  title: "notifications.mask",
40
40
  description: "notifications.maskDescription"
@@ -150,7 +150,7 @@ const L = ({
150
150
  "NONEXISTENT_CUSTOMER",
151
151
  "HINT_NOT_PROVIDED",
152
152
  "SELFIE_IMAGE_LOW_QUALITY"
153
- ], b = (i) => {
153
+ ], Q = (i) => {
154
154
  const n = i.toUpperCase();
155
155
  if (n.includes("HTTP 400") || n.includes("BAD_REQUEST"))
156
156
  return "BAD_REQUEST";
@@ -160,16 +160,16 @@ const L = ({
160
160
  if (n.includes(e))
161
161
  return e;
162
162
  return null;
163
- }, v = ({
163
+ }, A = ({
164
164
  error: i,
165
165
  attemptsRemaining: n,
166
166
  onTryAgain: e
167
167
  }) => {
168
- const { t: o } = O();
168
+ const { t: r } = g();
169
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);
170
+ const c = Q(i) ?? i, { title: s, description: l } = x[c] ?? f, u = r(s) ?? s, d = n <= 0 ? r("notifications.selfieCaptureFailedDescription") : r(l);
171
171
  return /* @__PURE__ */ t(
172
- H,
172
+ M,
173
173
  {
174
174
  "data-testid": "face-capture-error-modal",
175
175
  title: u,
@@ -178,7 +178,7 @@ const L = ({
178
178
  onButtonClick: e
179
179
  }
180
180
  );
181
- }, Q = () => /* @__PURE__ */ t(
181
+ }, Y = () => /* @__PURE__ */ t(
182
182
  "svg",
183
183
  {
184
184
  width: "292",
@@ -200,7 +200,7 @@ const L = ({
200
200
  )
201
201
  ]
202
202
  }
203
- ), Y = (i) => {
203
+ ), G = (i) => {
204
204
  switch (i) {
205
205
  case "success":
206
206
  case "capturing":
@@ -212,14 +212,14 @@ const L = ({
212
212
  case "idle":
213
213
  return "var(--surface-neutral-100)";
214
214
  }
215
- }, G = ({
215
+ }, b = ({
216
216
  borderState: i = "idle"
217
217
  }) => {
218
- const n = F(), e = i === "loading" || i === "capturing", o = Y(i), r = e ? `url(#${n})` : o;
218
+ const n = w(), e = i === "loading" || i === "capturing", r = G(i), o = e ? `url(#${n})` : r;
219
219
  return /* @__PURE__ */ t(
220
220
  "div",
221
221
  {
222
- class: w("IncodeLoadingBorder", {
222
+ class: N("IncodeLoadingBorder", {
223
223
  IncodeLoadingBorderSpinning: e
224
224
  }),
225
225
  "aria-hidden": "true",
@@ -240,7 +240,7 @@ const L = ({
240
240
  "clip-rule": "evenodd",
241
241
  d: "M335 167.5C335 260.008 260.008 335 167.5 335C74.9923 335 0 260.008 0 167.5C0 74.9923 74.9923 0 167.5 0C260.008 0 335 74.9923 335 167.5ZM167.5 325C254.485 325 325 254.485 325 167.5C325 80.5152 254.485 10 167.5 10C80.5152 10 10 80.5152 10 167.5C10 254.485 80.5152 325 167.5 325Z",
242
242
  class: "IncodeLoadingBorderPath",
243
- fill: r
243
+ fill: o
244
244
  }
245
245
  ),
246
246
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t(
@@ -253,8 +253,8 @@ const L = ({
253
253
  gradientUnits: "userSpaceOnUse",
254
254
  gradientTransform: "translate(240.418 17.4369) rotate(115.674) scale(167.087)",
255
255
  children: [
256
- /* @__PURE__ */ t("stop", { "stop-color": o }),
257
- /* @__PURE__ */ t("stop", { offset: "1", "stop-color": o, "stop-opacity": "0" })
256
+ /* @__PURE__ */ t("stop", { "stop-color": r }),
257
+ /* @__PURE__ */ t("stop", { offset: "1", "stop-color": r, "stop-opacity": "0" })
258
258
  ]
259
259
  }
260
260
  ) })
@@ -263,69 +263,14 @@ const L = ({
263
263
  )
264
264
  }
265
265
  );
266
- }, Z = () => /* @__PURE__ */ t("div", { class: "IncodeCameraButton", children: /* @__PURE__ */ t(
267
- "svg",
268
- {
269
- width: "64",
270
- height: "64",
271
- viewBox: "0 0 64 64",
272
- fill: "none",
273
- xmlns: "http://www.w3.org/2000/svg",
274
- "aria-hidden": "true",
275
- children: [
276
- /* @__PURE__ */ t(
277
- "path",
278
- {
279
- d: "M0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32Z",
280
- class: "IncodeCameraButtonBackground"
281
- }
282
- ),
283
- /* @__PURE__ */ t(
284
- "path",
285
- {
286
- fillRule: "evenodd",
287
- clipRule: "evenodd",
288
- d: "M41.872 28.9792C41.872 29.6692 41.312 30.2292 40.622 30.2292C39.932 30.2292 39.372 29.6692 39.372 28.9792C39.372 28.2892 39.932 27.6808 40.622 27.6808C41.312 27.6808 41.872 28.1908 41.872 28.8808V28.9792ZM31.9987 40.7475C28.467 40.7475 25.5937 37.8742 25.5937 34.3425C25.5937 30.8108 28.467 27.9375 31.9987 27.9375C35.5303 27.9375 38.4037 30.8108 38.4037 34.3425C38.4037 37.8742 35.5303 40.7475 31.9987 40.7475ZM41.9287 23.4192C41.3237 23.3958 40.7603 23.1425 40.3553 22.7192C40.282 22.6375 39.9853 22.2692 39.2937 20.9725C38.4987 19.4858 36.9587 18.5625 35.2753 18.5625H28.7553C27.0987 18.5625 25.5703 19.4642 24.7703 20.9142C24.042 22.2325 23.7403 22.6208 23.6587 22.7108C23.2403 23.1475 22.677 23.4025 22.1037 23.4275C18.8337 23.4275 16.172 26.0875 16.167 29.3575V38.7608C16.167 42.9942 19.612 46.4392 23.8437 46.4392H40.157C44.3903 46.4392 47.8337 42.9942 47.8337 38.7608V29.3542C47.8337 26.0808 45.1703 23.4192 41.9287 23.4192Z",
289
- class: "IncodeCameraButtonPath"
290
- }
291
- ),
292
- /* @__PURE__ */ t(
293
- "path",
294
- {
295
- fillRule: "evenodd",
296
- clipRule: "evenodd",
297
- d: "M31.9987 30.4375C29.8454 30.4375 28.0938 32.1892 28.0938 34.3425C28.0938 36.4958 29.8454 38.2475 31.9987 38.2475C34.152 38.2475 35.9037 36.4958 35.9037 34.3425C35.9037 32.1892 34.152 30.4375 31.9987 30.4375Z",
298
- class: "IncodeCameraButtonPath"
299
- }
300
- )
301
- ]
302
- }
303
- ) }), z = M(({ onClick: i, disabled: n }, e) => {
304
- const { t: o } = O();
305
- return /* @__PURE__ */ t("div", { class: "IncodeSelfieManualCapture", "data-testid": "manual-capture-button", children: [
306
- /* @__PURE__ */ t("p", { id: "manual-capture-instructions", class: "IncodeSelfieManualCaptureText", children: o("selfiev2.manualCapture.instructions") }),
307
- /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
308
- A,
309
- {
310
- ref: e,
311
- id: "manual-capture-button",
312
- variant: "link",
313
- onClick: i,
314
- disabled: n,
315
- class: "IncodeSelfieManualCaptureButton",
316
- "aria-label": o("selfiev2.manualCapture.captureButton"),
317
- children: /* @__PURE__ */ t(Z, {})
318
- }
319
- ) })
320
- ] });
321
- }), K = ({
266
+ }, z = ({
322
267
  detectionState: i,
323
268
  disabled: n
324
269
  }) => {
325
- const { t: e } = O(), o = s(null), r = s({
270
+ const { t: e } = g(), r = a(null), o = a({
326
271
  message: "",
327
272
  at: 0
328
- }), c = s(i), a = s(n), l = s(!1), u = s(), d = s(), C = {
273
+ }), c = a(i), s = a(n), l = a(!1), u = a(), d = a(), C = {
329
274
  noFace: e("notifications.faceNotFound"),
330
275
  tooManyFaces: e("notifications.tooManyFaces"),
331
276
  tooClose: e("notifications.moveAway"),
@@ -340,40 +285,40 @@ const L = ({
340
285
  centerFace: e("notifications.centerFaceV2"),
341
286
  getReady: e("notifications.getReady"),
342
287
  capturing: e("idv2.capture.takingPhoto")
343
- }[i] ?? "", p = V((R) => {
344
- const S = Date.now(), m = r.current;
345
- if (R === m.message && S - m.at < 200) return;
346
- r.current = { message: R, at: S };
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 = "";
288
+ }[i] ?? "", E = V((R) => {
289
+ const S = Date.now(), O = o.current;
290
+ if (R === O.message && S - O.at < 200) return;
291
+ o.current = { message: R, at: S };
292
+ const D = r.current;
293
+ D && (clearTimeout(u.current), D.textContent = "", d.current = setTimeout(() => {
294
+ D.textContent = R, u.current = setTimeout(() => {
295
+ D.textContent = "";
351
296
  }, 3e3);
352
297
  }, 50));
353
298
  }, []);
354
- return E(() => {
355
- const R = a.current;
356
- if (a.current = n, n || i === "manualCapture") {
299
+ return p(() => {
300
+ const R = s.current;
301
+ if (s.current = n, n || i === "manualCapture") {
357
302
  l.current = !1;
358
303
  return;
359
304
  }
360
305
  if (l.current) return;
361
- const m = setTimeout(() => {
362
- l.current = !0, p(e("selfiev2.autoCapture.defaultAriaInstructions"));
306
+ const O = setTimeout(() => {
307
+ l.current = !0, E(e("selfiev2.autoCapture.defaultAriaInstructions"));
363
308
  }, R ? 1e3 : 500);
364
- return () => clearTimeout(m);
365
- }, [i, n, p, e]), E(() => {
309
+ return () => clearTimeout(O);
310
+ }, [i, n, E, e]), p(() => {
366
311
  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(() => () => {
312
+ c.current = i, !n && R !== "manualCapture" && i === "manualCapture" && E(e("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
313
+ }, [E, i, e, n]), p(() => {
314
+ n || !C || E(C);
315
+ }, [C, E, n]), p(() => () => {
371
316
  clearTimeout(d.current), clearTimeout(u.current);
372
- }, []), /* @__PURE__ */ t(I, { children: [
317
+ }, []), /* @__PURE__ */ t(L, { children: [
373
318
  /* @__PURE__ */ t(
374
319
  "div",
375
320
  {
376
- ref: o,
321
+ ref: r,
377
322
  class: "IncodeCaptureVisuallyHidden",
378
323
  "aria-live": "assertive",
379
324
  "aria-atomic": "true"
@@ -381,52 +326,52 @@ const L = ({
381
326
  ),
382
327
  C ? /* @__PURE__ */ t("div", { class: "IncodeNotification", "aria-hidden": "true", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: C }) }) : null
383
328
  ] });
384
- }, nt = ({ manager: i, state: n }) => {
329
+ }, et = ({ manager: i, state: n }) => {
385
330
  const {
386
331
  captureStatus: e,
387
- stream: o,
388
- detectionStatus: r,
332
+ stream: r,
333
+ detectionStatus: o,
389
334
  attemptsRemaining: c,
390
- uploadError: a,
335
+ uploadError: s,
391
336
  assistedOnboarding: l
392
- } = n, [u, d] = h(!1), { t: _ } = O(), C = s(null);
393
- if (E(() => {
394
- r === "manualCapture" && C.current?.focus();
395
- }, [r]), e === "initializing")
337
+ } = n, [u, d] = I(!1), { t: T } = g(), C = a(null);
338
+ if (p(() => {
339
+ o === "manualCapture" && C.current?.focus();
340
+ }, [o]), e === "initializing")
396
341
  return /* @__PURE__ */ t(
397
- P,
342
+ B,
398
343
  {
399
344
  fullScreen: !0,
400
- title: _("v2.selfie.camera.loading"),
345
+ title: T("v2.selfie.camera.loading"),
401
346
  className: "IncodeCameraLoading"
402
347
  }
403
348
  );
404
349
  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 }),
350
+ if (o === "offline")
351
+ return /* @__PURE__ */ t(m, { title: "No internet connection" });
352
+ const E = () => u ? "capturing" : o === "detecting" ? "idle" : o === "getReady" ? "loading" : o === "success" ? "success" : o === "error" ? "error" : "idle";
353
+ return /* @__PURE__ */ t(m, { "data-testid": "capture-container", children: [
354
+ /* @__PURE__ */ t(v, { className: "IncodeCaptureVisuallyHidden", children: T("selfiev2.capture.title") }),
355
+ /* @__PURE__ */ t(_, { size: 48 }),
411
356
  /* @__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(I, { children: [
414
- /* @__PURE__ */ t(W, { stream: o, mirrored: !l }),
415
- /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(Q, {}) })
357
+ /* @__PURE__ */ t(b, { borderState: E() }),
358
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", "aria-hidden": "true", children: r ? /* @__PURE__ */ t(L, { children: [
359
+ /* @__PURE__ */ t(K, { stream: r, mirrored: !l }),
360
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(Y, {}) })
416
361
  ] }) : null }) }),
417
- /* @__PURE__ */ t(T, { size: 48 }),
418
- r ? /* @__PURE__ */ t(I, { children: [
362
+ /* @__PURE__ */ t(_, { size: 48 }),
363
+ o ? /* @__PURE__ */ t(L, { children: [
419
364
  /* @__PURE__ */ t(
420
- K,
365
+ z,
421
366
  {
422
- detectionState: r,
423
- disabled: !!a || u
367
+ detectionState: o,
368
+ disabled: !!s || u
424
369
  }
425
370
  ),
426
- /* @__PURE__ */ t(T, { size: 24 })
371
+ /* @__PURE__ */ t(_, { size: 24 })
427
372
  ] }) : null,
428
- r === "manualCapture" ? /* @__PURE__ */ t(
429
- z,
373
+ o === "manualCapture" ? /* @__PURE__ */ t(
374
+ U,
430
375
  {
431
376
  ref: C,
432
377
  onClick: () => {
@@ -436,10 +381,10 @@ const L = ({
436
381
  }
437
382
  ) : null
438
383
  ] }),
439
- a ? /* @__PURE__ */ t(
440
- v,
384
+ s ? /* @__PURE__ */ t(
385
+ A,
441
386
  {
442
- error: a,
387
+ error: s,
443
388
  attemptsRemaining: c,
444
389
  onTryAgain: () => {
445
390
  i.retryCapture(), d(!1);
@@ -449,39 +394,39 @@ const L = ({
449
394
  ] });
450
395
  }
451
396
  return e === "capturing" ? /* @__PURE__ */ t(
452
- D,
397
+ m,
453
398
  {
454
399
  className: "IncodeCaptureCapturingPage",
455
400
  title: "Capturing",
456
401
  subtitle: "Taking photo...",
457
- children: /* @__PURE__ */ t("div", { class: "IncodeCaptureCapturingActions", children: /* @__PURE__ */ t(A, { isLoading: !0, children: "Capturing..." }) })
402
+ children: /* @__PURE__ */ t("div", { class: "IncodeCaptureCapturingActions", children: /* @__PURE__ */ t(F, { isLoading: !0, children: "Capturing..." }) })
458
403
  }
459
404
  ) : e === "uploading" ? /* @__PURE__ */ t(
460
- L,
405
+ h,
461
406
  {
462
407
  className: "IncodeCaptureStatusUploading",
463
- icon: /* @__PURE__ */ t(B, { size: 64 }),
464
- title: _("idv2.capture.processing.uploading")
408
+ icon: /* @__PURE__ */ t(y, { size: 64 }),
409
+ title: T("idv2.capture.processing.uploading")
465
410
  }
466
411
  ) : e === "uploadError" ? /* @__PURE__ */ t(
467
- v,
412
+ A,
468
413
  {
469
- error: a,
414
+ error: s,
470
415
  attemptsRemaining: c,
471
416
  onTryAgain: () => {
472
417
  i.retryCapture(), d(!1);
473
418
  }
474
419
  }
475
420
  ) : e === "success" ? /* @__PURE__ */ t(
476
- L,
421
+ h,
477
422
  {
478
- icon: /* @__PURE__ */ t(y, { size: 64 }),
479
- title: _("idv2.capture.processing.success")
423
+ icon: /* @__PURE__ */ t(P, { size: 64 }),
424
+ title: T("idv2.capture.processing.success")
480
425
  }
481
426
  ) : null;
482
- }, W = ({ stream: i, mirrored: n }) => {
483
- const e = s(null);
484
- return E(() => {
427
+ }, K = ({ stream: i, mirrored: n }) => {
428
+ const e = a(null);
429
+ return p(() => {
485
430
  e.current && i && (e.current.srcObject = i);
486
431
  }, [i]), /* @__PURE__ */ t(
487
432
  "video",
@@ -494,24 +439,24 @@ const L = ({
494
439
  class: n ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
495
440
  }
496
441
  );
497
- }, ot = ({ manager: i }) => {
498
- const { t: n } = O(), [e, o] = h(!1), [r, c] = h(null);
499
- E(() => {
442
+ }, it = ({ manager: i }) => {
443
+ const { t: n } = g(), [e, r] = I(!1), [o, c] = I(null);
444
+ p(() => {
500
445
  import("./selfieTutorial-Dm_p0ke9.js").then((l) => {
501
446
  c(l.default);
502
447
  });
503
448
  }, []);
504
- const a = () => {
505
- o(!0), i.nextStep();
449
+ const s = () => {
450
+ r(!0), i.nextStep();
506
451
  };
507
- return r ? /* @__PURE__ */ t(
508
- x,
452
+ return o ? /* @__PURE__ */ t(
453
+ H,
509
454
  {
510
- animationData: r,
455
+ animationData: o,
511
456
  title: n("face.tutorial.title"),
512
457
  titleId: "face-tutorial-heading",
513
458
  subtitle: n("face.tutorial.subtitle"),
514
- onContinue: a,
459
+ onContinue: s,
515
460
  buttonText: n("face.tutorial.startCapture"),
516
461
  disclaimerText: n("face.tutorial.autoCapture"),
517
462
  isLoading: e,
@@ -520,6 +465,6 @@ const L = ({
520
465
  ) : null;
521
466
  };
522
467
  export {
523
- nt as C,
524
- ot as T
468
+ et as C,
469
+ it as T
525
470
  };
@@ -7,9 +7,12 @@ import { HTMLAttributes } from 'preact';
7
7
  import { HTMLAttributes as HTMLAttributes_2 } from 'preact/compat';
8
8
  import { i18n } from 'i18next';
9
9
  import { IdCaptureManager } from '@incodetech/core/id';
10
+ import { IdCaptureManager as IdCaptureManager_2 } from '@incodetech/core';
10
11
  import { IdCaptureState } from '@incodetech/core/id';
12
+ import { IdCaptureState as IdCaptureState_2 } from '@incodetech/core';
11
13
  import { InputHTMLAttributes } from 'preact';
12
14
  import { JSX } from 'preact';
15
+ import { default as LightningIcon } from './lightningIcon.svg?react';
13
16
  import { PermissionStatus as PermissionStatus_2 } from '@incodetech/core';
14
17
  import { PropsWithoutRef } from 'preact/compat';
15
18
  import { Ref } from 'preact';
@@ -178,15 +181,22 @@ declare type ChevronDownProps = {
178
181
  class?: string;
179
182
  };
180
183
 
181
- export declare const ChevronRightIcon: ({ size, class: className, }: ChevronRightIconProps) => JSX.Element;
184
+ /**
185
+ * ChevronRightIcon component - there are two different SVGs for three variants. For "xs" variant - icon is bolder, and for "s" and "m" variants - icon is thinner.
186
+ */
187
+ export declare const ChevronRightIcon: ({ size, class: className, variant, }: ChevronRightIconProps) => JSX.Element;
182
188
 
183
189
  declare type ChevronRightIconProps = {
184
190
  size?: number;
185
191
  class?: string;
192
+ variant?: 'xs' | 's' | 'm';
186
193
  };
187
194
 
188
195
  declare type ChooserProps = {
189
- manager: IdCaptureManager;
196
+ manager: IdCaptureManager_2;
197
+ state: Extract<IdCaptureState_2, {
198
+ status: 'chooser';
199
+ }>;
190
200
  };
191
201
 
192
202
  declare type CloseButtonOptions = {
@@ -423,6 +433,8 @@ declare type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'class' |
423
433
 
424
434
  export declare function LandscapeBlocker(): VNode | null;
425
435
 
436
+ export { LightningIcon }
437
+
426
438
  export declare const LockIcon: FC<LockIconProps>;
427
439
 
428
440
  declare type LockIconProps = {
@@ -655,6 +667,8 @@ export declare const TypographyH4: FC<TitleProps>;
655
667
 
656
668
  export declare const TypographyH5: FC<TitleProps>;
657
669
 
670
+ export declare const TypographyP: FC<TitleProps>;
671
+
658
672
  export declare type UiConfig = {
659
673
  logoSrc?: string;
660
674
  logoHeight?: string;
@@ -696,6 +710,24 @@ declare type UseTranslationReturn = {
696
710
  i18n: i18n;
697
711
  };
698
712
 
713
+ export declare function VerificationOptionCard({ icon: Icon, title, testId, onClick, tag, }: Readonly<VerificationOptionCardProps>): JSX.Element;
714
+
715
+ export declare function VerificationOptionCardList({ children, }: Readonly<VerificationOptionCardListProps>): JSX.Element;
716
+
717
+ declare type VerificationOptionCardListProps = {
718
+ children: ComponentChildren;
719
+ };
720
+
721
+ declare type VerificationOptionCardProps = {
722
+ icon: FC<{
723
+ className?: string;
724
+ }>;
725
+ title: string;
726
+ testId: string;
727
+ onClick: () => void;
728
+ tag?: string;
729
+ };
730
+
699
731
  export declare const VerificationResult: FC<VerificationResultProps>;
700
732
 
701
733
  declare type VerificationResultProps = {
@@ -1,4 +1,4 @@
1
- import { u as n } from "./button-Ca1tRSTI.js";
1
+ import { u as n } from "./button-zCdeDeEB.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-20260320-26b35b4",
3
+ "version": "0.0.0-dev-20260320-c9bdba0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -119,7 +119,7 @@
119
119
  "preact-custom-element": "^4.6.0",
120
120
  "qrcode": "^1.5.4",
121
121
  "tailwindcss": "^4.1.17",
122
- "@incodetech/core": "0.0.0-dev-20260320-26b35b4"
122
+ "@incodetech/core": "0.0.0-dev-20260320-c9bdba0"
123
123
  },
124
124
  "devDependencies": {
125
125
  "@microsoft/api-extractor": "^7.53.3",