@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.
- package/dist/{AsYouType-DoYUSTc1.js → AsYouType-D1H_js4X.js} +1 -1
- package/dist/{Trans-CA9a3vKp.js → Trans-Cm7gi0st.js} +1 -1
- package/dist/{addressAutocomplete-DetZGxBZ.js → addressAutocomplete-BIQwiDWk.js} +3 -3
- package/dist/authentication/authentication.es.js +3 -3
- package/dist/base.css +151 -1
- package/dist/{button-Ca1tRSTI.js → button-zCdeDeEB.js} +2 -2
- package/dist/{captureFooter-x4F9jMyX.js → captureFooter-SNtyUXrI.js} +2 -2
- package/dist/{chevronDown-BUaOuf9J.js → chevronDown-DRVnB275.js} +1 -1
- package/dist/{closeIcon-BM7WLbKp.js → closeIcon-D2dmrZca.js} +1 -1
- package/dist/{countries-CM1cm_kP.js → countries-DfLkrF0x.js} +2 -2
- package/dist/curp-validation/curp-validation.es.js +47 -47
- package/dist/{dateInputComposed-CvFmQpJ0.js → dateInputComposed-C8WTSu9L.js} +3 -3
- package/dist/{documentCapture-CBgZ-Z0-.js → documentCapture-DWNK3phM.js} +7 -7
- package/dist/{dropdownComposed-B5ZuQS8C.js → dropdownComposed-Cg6lQD2C.js} +4 -4
- package/dist/{ekybModule-9m8cnkfH.js → ekybModule-DtMbgF08.js} +7 -7
- package/dist/{ekycModule-DBCar_-Z.js → ekycModule-DEMkVZr2.js} +8 -8
- package/dist/email/email.es.js +3 -3
- package/dist/{errorContent-yUAdbZ5o.js → errorContent-B3YzH-UQ.js} +5 -5
- package/dist/{errorIcon-BL647nVh.js → errorIcon-bIXk9nAy.js} +1 -1
- package/dist/extensibility.es.js +111 -341
- package/dist/{faceMatch-BjdNG_e0.js → faceMatch-BdMwIeBs.js} +2 -2
- package/dist/{fileIcon-DOyMcRWU.js → fileIcon-E4B7hd8V.js} +1 -1
- package/dist/flipAnimation-CnXEIDH1.js +2547 -0
- package/dist/flow/flow.es.js +11 -11
- package/dist/flow/styles.css +5 -106
- package/dist/{formField-FeX9N4c8.js → formField-hlgxOSE6.js} +6 -6
- package/dist/geolocation/geolocation.es.js +3 -3
- package/dist/governmentValidation/governmentValidation.es.js +7 -7
- package/dist/id/id.es.js +19 -19
- package/dist/id/styles.css +5 -119
- package/dist/{inputComposed-BHi-MSpP.js → inputComposed-CyGtRLzv.js} +6 -6
- package/dist/{permissions-CT8ELJ55.js → manualCaptureButton-iYqQECzn.js} +236 -180
- package/dist/{otpInput-DdkvlvCS.js → otpInput-B3iNW8b5.js} +2 -2
- package/dist/{page-BVHG3h0V.js → page-Dv0s0RPn.js} +5 -5
- package/dist/phone/phone.es.js +4 -4
- package/dist/{phoneInput-D4yirBZy.js → phoneInput-NVIE7YFb.js} +4 -4
- package/dist/{phoneInputComposed-BG1BANDW.js → phoneInputComposed-DNfU__MR.js} +7 -7
- package/dist/{processing-CDgOueI3.js → processing-BhY0-0xy.js} +2 -2
- package/dist/selfie/selfie.es.js +4 -4
- package/dist/spinner-BbVGMG-G.js +67 -0
- package/dist/{successIcon-BybULRRU.js → successIcon-DN8LMqE2.js} +1 -1
- package/dist/themes/dark.css +4 -0
- package/dist/themes/light.css +4 -0
- package/dist/{tutorial-DDrNTMZU.js → tutorial-CDJugc5j.js} +110 -165
- package/dist/types/extensibility.d.ts +34 -2
- package/dist/{warningIcon-DyoKeqDd.js → warningIcon-BBoCroUd.js} +1 -1
- package/package.json +2 -2
- package/dist/flipAnimation-C1mmGMlP.js +0 -1516
- package/dist/spinner-Cx3FPUCD.js +0 -66
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { u as t, S as
|
|
2
|
-
import { A as
|
|
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
|
|
5
|
-
import { P as
|
|
6
|
-
import { T as
|
|
7
|
-
import { E as
|
|
8
|
-
import { B as
|
|
9
|
-
const
|
|
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
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
}, []), /* @__PURE__ */ t(
|
|
18
|
-
/* @__PURE__ */ t(
|
|
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(
|
|
20
|
+
/* @__PURE__ */ t(_, { size: 120 }),
|
|
21
21
|
i,
|
|
22
|
-
/* @__PURE__ */ t(
|
|
22
|
+
/* @__PURE__ */ t(_, { size: 16 }),
|
|
23
23
|
/* @__PURE__ */ t(
|
|
24
|
-
|
|
24
|
+
v,
|
|
25
25
|
{
|
|
26
|
-
ref:
|
|
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
|
-
},
|
|
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
|
-
],
|
|
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
|
-
},
|
|
163
|
+
}, A = ({
|
|
164
164
|
error: i,
|
|
165
165
|
attemptsRemaining: n,
|
|
166
166
|
onTryAgain: e
|
|
167
167
|
}) => {
|
|
168
|
-
const { t:
|
|
168
|
+
const { t: r } = g();
|
|
169
169
|
if (!i) return null;
|
|
170
|
-
const c =
|
|
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
|
-
|
|
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
|
-
},
|
|
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
|
-
),
|
|
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
|
-
},
|
|
215
|
+
}, b = ({
|
|
216
216
|
borderState: i = "idle"
|
|
217
217
|
}) => {
|
|
218
|
-
const n =
|
|
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:
|
|
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:
|
|
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":
|
|
257
|
-
/* @__PURE__ */ t("stop", { offset: "1", "stop-color":
|
|
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
|
-
},
|
|
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 } =
|
|
270
|
+
const { t: e } = g(), r = a(null), o = a({
|
|
326
271
|
message: "",
|
|
327
272
|
at: 0
|
|
328
|
-
}), 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] ?? "",
|
|
344
|
-
const S = Date.now(),
|
|
345
|
-
if (R ===
|
|
346
|
-
|
|
347
|
-
const
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
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
|
|
355
|
-
const R =
|
|
356
|
-
if (
|
|
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
|
|
362
|
-
l.current = !0,
|
|
306
|
+
const O = setTimeout(() => {
|
|
307
|
+
l.current = !0, E(e("selfiev2.autoCapture.defaultAriaInstructions"));
|
|
363
308
|
}, R ? 1e3 : 500);
|
|
364
|
-
return () => clearTimeout(
|
|
365
|
-
}, [i, n,
|
|
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" &&
|
|
368
|
-
}, [
|
|
369
|
-
n || !C ||
|
|
370
|
-
}, [C,
|
|
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(
|
|
317
|
+
}, []), /* @__PURE__ */ t(L, { children: [
|
|
373
318
|
/* @__PURE__ */ t(
|
|
374
319
|
"div",
|
|
375
320
|
{
|
|
376
|
-
ref:
|
|
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
|
-
},
|
|
329
|
+
}, et = ({ manager: i, state: n }) => {
|
|
385
330
|
const {
|
|
386
331
|
captureStatus: e,
|
|
387
|
-
stream:
|
|
388
|
-
detectionStatus:
|
|
332
|
+
stream: r,
|
|
333
|
+
detectionStatus: o,
|
|
389
334
|
attemptsRemaining: c,
|
|
390
|
-
uploadError:
|
|
335
|
+
uploadError: s,
|
|
391
336
|
assistedOnboarding: l
|
|
392
|
-
} = n, [u, d] =
|
|
393
|
-
if (
|
|
394
|
-
|
|
395
|
-
}, [
|
|
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
|
-
|
|
342
|
+
B,
|
|
398
343
|
{
|
|
399
344
|
fullScreen: !0,
|
|
400
|
-
title:
|
|
345
|
+
title: T("v2.selfie.camera.loading"),
|
|
401
346
|
className: "IncodeCameraLoading"
|
|
402
347
|
}
|
|
403
348
|
);
|
|
404
349
|
if (e === "detecting") {
|
|
405
|
-
if (
|
|
406
|
-
return /* @__PURE__ */ t(
|
|
407
|
-
const
|
|
408
|
-
return /* @__PURE__ */ t(
|
|
409
|
-
/* @__PURE__ */ t(
|
|
410
|
-
/* @__PURE__ */ t(
|
|
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(
|
|
413
|
-
/* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", "aria-hidden": "true", children:
|
|
414
|
-
/* @__PURE__ */ t(
|
|
415
|
-
/* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(
|
|
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(
|
|
418
|
-
|
|
362
|
+
/* @__PURE__ */ t(_, { size: 48 }),
|
|
363
|
+
o ? /* @__PURE__ */ t(L, { children: [
|
|
419
364
|
/* @__PURE__ */ t(
|
|
420
|
-
|
|
365
|
+
z,
|
|
421
366
|
{
|
|
422
|
-
detectionState:
|
|
423
|
-
disabled: !!
|
|
367
|
+
detectionState: o,
|
|
368
|
+
disabled: !!s || u
|
|
424
369
|
}
|
|
425
370
|
),
|
|
426
|
-
/* @__PURE__ */ t(
|
|
371
|
+
/* @__PURE__ */ t(_, { size: 24 })
|
|
427
372
|
] }) : null,
|
|
428
|
-
|
|
429
|
-
|
|
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
|
-
|
|
440
|
-
|
|
384
|
+
s ? /* @__PURE__ */ t(
|
|
385
|
+
A,
|
|
441
386
|
{
|
|
442
|
-
error:
|
|
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
|
-
|
|
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(
|
|
402
|
+
children: /* @__PURE__ */ t("div", { class: "IncodeCaptureCapturingActions", children: /* @__PURE__ */ t(F, { isLoading: !0, children: "Capturing..." }) })
|
|
458
403
|
}
|
|
459
404
|
) : e === "uploading" ? /* @__PURE__ */ t(
|
|
460
|
-
|
|
405
|
+
h,
|
|
461
406
|
{
|
|
462
407
|
className: "IncodeCaptureStatusUploading",
|
|
463
|
-
icon: /* @__PURE__ */ t(
|
|
464
|
-
title:
|
|
408
|
+
icon: /* @__PURE__ */ t(y, { size: 64 }),
|
|
409
|
+
title: T("idv2.capture.processing.uploading")
|
|
465
410
|
}
|
|
466
411
|
) : e === "uploadError" ? /* @__PURE__ */ t(
|
|
467
|
-
|
|
412
|
+
A,
|
|
468
413
|
{
|
|
469
|
-
error:
|
|
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
|
-
|
|
421
|
+
h,
|
|
477
422
|
{
|
|
478
|
-
icon: /* @__PURE__ */ t(
|
|
479
|
-
title:
|
|
423
|
+
icon: /* @__PURE__ */ t(P, { size: 64 }),
|
|
424
|
+
title: T("idv2.capture.processing.success")
|
|
480
425
|
}
|
|
481
426
|
) : null;
|
|
482
|
-
},
|
|
483
|
-
const e =
|
|
484
|
-
return
|
|
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
|
-
},
|
|
498
|
-
const { t: n } =
|
|
499
|
-
|
|
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
|
|
505
|
-
|
|
449
|
+
const s = () => {
|
|
450
|
+
r(!0), i.nextStep();
|
|
506
451
|
};
|
|
507
|
-
return
|
|
508
|
-
|
|
452
|
+
return o ? /* @__PURE__ */ t(
|
|
453
|
+
H,
|
|
509
454
|
{
|
|
510
|
-
animationData:
|
|
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:
|
|
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
|
-
|
|
524
|
-
|
|
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
|
-
|
|
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:
|
|
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 = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@incodetech/web",
|
|
3
|
-
"version": "0.0.0-dev-20260320-
|
|
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-
|
|
122
|
+
"@incodetech/core": "0.0.0-dev-20260320-c9bdba0"
|
|
123
123
|
},
|
|
124
124
|
"devDependencies": {
|
|
125
125
|
"@microsoft/api-extractor": "^7.53.3",
|