@incodetech/web 0.0.0-dev-20260224-54eec90 → 0.0.0-dev-20260224-e49e03c
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.
|
@@ -4,15 +4,15 @@ import "../vendor-preact-CjD4WiuC.js";
|
|
|
4
4
|
import "@incodetech/core";
|
|
5
5
|
import { P as m } from "../baseTutorial-BdLJBzYE.js";
|
|
6
6
|
import { I as p } from "../incodeComponent-3T8Qyjnt.js";
|
|
7
|
-
import { T as c, C as f } from "../tutorial-
|
|
7
|
+
import { T as c, C as f } from "../tutorial-DAI0vAip.js";
|
|
8
8
|
const d = ({
|
|
9
9
|
config: r,
|
|
10
|
-
authHint:
|
|
11
|
-
onFinish:
|
|
10
|
+
authHint: n,
|
|
11
|
+
onFinish: s,
|
|
12
12
|
onError: u
|
|
13
13
|
}) => {
|
|
14
14
|
const [t, i] = o(
|
|
15
|
-
() => l({ config: r, authHint:
|
|
15
|
+
() => l({ config: r, authHint: n })
|
|
16
16
|
);
|
|
17
17
|
return t.status === "idle" || t.status === "loading" ? null : t.status === "tutorial" ? /* @__PURE__ */ e(c, { manager: i }) : t.status === "permissions" ? /* @__PURE__ */ e(
|
|
18
18
|
m,
|
|
@@ -24,21 +24,20 @@ const d = ({
|
|
|
24
24
|
f,
|
|
25
25
|
{
|
|
26
26
|
manager: i,
|
|
27
|
-
state: t
|
|
28
|
-
onFinish: () => n?.()
|
|
27
|
+
state: t
|
|
29
28
|
}
|
|
30
|
-
) : t.status === "finished" ? (
|
|
29
|
+
) : t.status === "finished" ? (s?.(), null) : t.status === "closed" ? (u?.(void 0), null) : (t.status === "error" && u?.(t.error), null);
|
|
31
30
|
}, h = ({
|
|
32
31
|
config: r,
|
|
33
|
-
onFinish:
|
|
34
|
-
onError:
|
|
32
|
+
onFinish: n,
|
|
33
|
+
onError: s
|
|
35
34
|
}) => /* @__PURE__ */ e(p, { children: r ? /* @__PURE__ */ e(
|
|
36
35
|
d,
|
|
37
36
|
{
|
|
38
37
|
config: r,
|
|
39
38
|
authHint: r.authHint,
|
|
40
|
-
onFinish:
|
|
41
|
-
onError:
|
|
39
|
+
onFinish: n,
|
|
40
|
+
onError: s
|
|
42
41
|
}
|
|
43
42
|
) : null });
|
|
44
43
|
a(h, "incode-authentication");
|
package/dist/selfie/selfie.es.js
CHANGED
|
@@ -5,11 +5,11 @@ import "@incodetech/core";
|
|
|
5
5
|
import { P as l } from "../baseTutorial-BdLJBzYE.js";
|
|
6
6
|
import { I as m } from "../incodeComponent-3T8Qyjnt.js";
|
|
7
7
|
import { P as f } from "../processing-Dnu3slQ9.js";
|
|
8
|
-
import { T as p, C as c } from "../tutorial-
|
|
8
|
+
import { T as p, C as c } from "../tutorial-DAI0vAip.js";
|
|
9
9
|
const d = ({
|
|
10
10
|
config: e,
|
|
11
|
-
onFinish:
|
|
12
|
-
onError:
|
|
11
|
+
onFinish: i,
|
|
12
|
+
onError: s
|
|
13
13
|
}) => {
|
|
14
14
|
const [t, n] = u(() => a({ config: e }));
|
|
15
15
|
return t.status === "idle" || t.status === "loading" ? null : t.status === "tutorial" ? /* @__PURE__ */ r(p, { manager: n }) : t.status === "permissions" ? /* @__PURE__ */ r(
|
|
@@ -18,8 +18,8 @@ const d = ({
|
|
|
18
18
|
manager: n,
|
|
19
19
|
permissionStatus: t.permissionStatus
|
|
20
20
|
}
|
|
21
|
-
) : t.status === "capture" ? /* @__PURE__ */ r(c, { manager: n, state: t
|
|
22
|
-
}, g = ({ config: e, onFinish:
|
|
21
|
+
) : t.status === "capture" ? /* @__PURE__ */ r(c, { manager: n, state: t }) : t.status === "processing" ? /* @__PURE__ */ r(f, {}) : t.status === "finished" ? (i?.(), null) : t.status === "closed" ? (s?.(void 0), null) : (t.status === "error" && s?.(t.error), null);
|
|
22
|
+
}, g = ({ config: e, onFinish: i, onError: s }) => /* @__PURE__ */ r(m, { children: e ? /* @__PURE__ */ r(d, { config: e, onFinish: i, onError: s }) : null });
|
|
23
23
|
o(g, "incode-selfie");
|
|
24
24
|
export {
|
|
25
25
|
g as Selfie
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { u as t, S as
|
|
2
|
-
import { g as
|
|
1
|
+
import { u as t, S as s, B as R, c as m, L as I } from "./incodeModule-DPTWfWvu.js";
|
|
2
|
+
import { g as L, d as f, k as g, A as D, y as T } from "./vendor-preact-CjD4WiuC.js";
|
|
3
3
|
import { u as d } from "./useTranslation-CD9ZxEvP.js";
|
|
4
|
-
import { S
|
|
5
|
-
import { P as
|
|
6
|
-
import { S as
|
|
4
|
+
import { S } from "./successIcon-DV200b2L.js";
|
|
5
|
+
import { P as u } from "./incodeComponent-3T8Qyjnt.js";
|
|
6
|
+
import { S as v, T as A } from "./spinner-C-EwvA9l.js";
|
|
7
7
|
import "./instance-B-q0ZREN.js";
|
|
8
|
-
import { B as
|
|
9
|
-
const
|
|
8
|
+
import { B as M } from "./baseTutorial-BdLJBzYE.js";
|
|
9
|
+
const O = ({
|
|
10
10
|
title: i,
|
|
11
11
|
description: e,
|
|
12
12
|
attemptsText: n,
|
|
13
|
-
buttonText:
|
|
14
|
-
icon:
|
|
15
|
-
onButtonClick:
|
|
16
|
-
}) => /* @__PURE__ */ t("div", { class: "IncodeErrorModalContent", children: /* @__PURE__ */ t(
|
|
13
|
+
buttonText: r,
|
|
14
|
+
icon: o,
|
|
15
|
+
onButtonClick: a
|
|
16
|
+
}) => /* @__PURE__ */ t("div", { class: "IncodeErrorModalContent", children: /* @__PURE__ */ t(u, { "data-testid": "face-capture-error-modal", children: /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentContainer", children: [
|
|
17
17
|
/* @__PURE__ */ t("div", { class: "IncodeErrorModalContentIconContainer", children: [
|
|
18
|
-
|
|
19
|
-
/* @__PURE__ */ t(
|
|
18
|
+
o,
|
|
19
|
+
/* @__PURE__ */ t(s, { size: 24 }),
|
|
20
20
|
/* @__PURE__ */ t("h2", { class: "IncodeErrorModalContentTitle", children: i }),
|
|
21
|
-
/* @__PURE__ */ t(
|
|
21
|
+
/* @__PURE__ */ t(s, { size: 16 }),
|
|
22
22
|
/* @__PURE__ */ t("p", { class: "IncodeErrorModalContentDescription", children: e })
|
|
23
23
|
] }),
|
|
24
24
|
/* @__PURE__ */ t("div", { class: "IncodeErrorModalContentAttemptsContainer", children: [
|
|
25
25
|
/* @__PURE__ */ t("p", { class: "IncodeErrorModalContentAttemptsText", children: n }),
|
|
26
|
-
/* @__PURE__ */ t(
|
|
27
|
-
/* @__PURE__ */ t(
|
|
26
|
+
/* @__PURE__ */ t(s, { size: 24 }),
|
|
27
|
+
/* @__PURE__ */ t(R, { onClick: a, children: r })
|
|
28
28
|
] })
|
|
29
|
-
] }) }) }),
|
|
29
|
+
] }) }) }), w = () => /* @__PURE__ */ t(
|
|
30
30
|
"svg",
|
|
31
31
|
{
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -45,23 +45,23 @@ const m = ({
|
|
|
45
45
|
)
|
|
46
46
|
]
|
|
47
47
|
}
|
|
48
|
-
),
|
|
48
|
+
), N = ({
|
|
49
49
|
title: i,
|
|
50
50
|
onContinue: e
|
|
51
51
|
}) => {
|
|
52
52
|
const { t: n } = d();
|
|
53
53
|
return /* @__PURE__ */ t(
|
|
54
|
-
|
|
54
|
+
O,
|
|
55
55
|
{
|
|
56
56
|
title: i,
|
|
57
57
|
description: n("notifications.selfieCaptureFailedDescription"),
|
|
58
58
|
attemptsText: n("notifications.noAttemptsRemaining") ?? "No attempts remaining",
|
|
59
59
|
buttonText: n("common.continue") ?? "Continue",
|
|
60
|
-
icon: /* @__PURE__ */ t(
|
|
60
|
+
icon: /* @__PURE__ */ t(w, {}),
|
|
61
61
|
onButtonClick: e
|
|
62
62
|
}
|
|
63
63
|
);
|
|
64
|
-
},
|
|
64
|
+
}, B = () => /* @__PURE__ */ t(
|
|
65
65
|
"svg",
|
|
66
66
|
{
|
|
67
67
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -85,24 +85,24 @@ const m = ({
|
|
|
85
85
|
title: i,
|
|
86
86
|
description: e,
|
|
87
87
|
attemptsRemaining: n,
|
|
88
|
-
onTryAgain:
|
|
88
|
+
onTryAgain: r
|
|
89
89
|
}) => {
|
|
90
|
-
const { t:
|
|
90
|
+
const { t: o } = d();
|
|
91
91
|
return /* @__PURE__ */ t(
|
|
92
|
-
|
|
92
|
+
O,
|
|
93
93
|
{
|
|
94
94
|
title: i,
|
|
95
|
-
description:
|
|
96
|
-
attemptsText:
|
|
97
|
-
buttonText:
|
|
98
|
-
icon: /* @__PURE__ */ t(
|
|
99
|
-
onButtonClick:
|
|
95
|
+
description: o(e),
|
|
96
|
+
attemptsText: o("common.attemptsRemaining", { count: n }) ?? `Attempts remaining: ${n}`,
|
|
97
|
+
buttonText: o("common.tryAgain") ?? "Try Again",
|
|
98
|
+
icon: /* @__PURE__ */ t(B, {}),
|
|
99
|
+
onButtonClick: r
|
|
100
100
|
}
|
|
101
101
|
);
|
|
102
102
|
}, l = {
|
|
103
103
|
title: "Something went wrong",
|
|
104
104
|
description: "Please try again later"
|
|
105
|
-
},
|
|
105
|
+
}, y = {
|
|
106
106
|
MASK_ERROR: {
|
|
107
107
|
title: "notifications.mask",
|
|
108
108
|
description: "notifications.maskDescription"
|
|
@@ -190,7 +190,7 @@ const m = ({
|
|
|
190
190
|
title: "notifications.selfieImageLowQuality",
|
|
191
191
|
description: "notifications.selfieImageLowQualityDescription"
|
|
192
192
|
}
|
|
193
|
-
},
|
|
193
|
+
}, x = [
|
|
194
194
|
"LIVENESS_ERROR",
|
|
195
195
|
"BRIGHTNESS_ERROR",
|
|
196
196
|
"LENSES_ERROR",
|
|
@@ -218,35 +218,34 @@ const m = ({
|
|
|
218
218
|
"NONEXISTENT_CUSTOMER",
|
|
219
219
|
"HINT_NOT_PROVIDED",
|
|
220
220
|
"SELFIE_IMAGE_LOW_QUALITY"
|
|
221
|
-
],
|
|
221
|
+
], V = (i) => {
|
|
222
222
|
const e = i.toUpperCase();
|
|
223
223
|
if (e.includes("HTTP 400") || e.includes("BAD_REQUEST"))
|
|
224
224
|
return "BAD_REQUEST";
|
|
225
225
|
if (e.includes("HTTP 500") || e.includes("SERVER_ERROR"))
|
|
226
226
|
return "SERVER_ERROR";
|
|
227
|
-
for (const n of
|
|
227
|
+
for (const n of x)
|
|
228
228
|
if (e.includes(n))
|
|
229
229
|
return n;
|
|
230
230
|
return null;
|
|
231
|
-
},
|
|
231
|
+
}, _ = ({
|
|
232
232
|
error: i,
|
|
233
233
|
attemptsRemaining: e,
|
|
234
|
-
onTryAgain: n
|
|
235
|
-
onContinue: o
|
|
234
|
+
onTryAgain: n
|
|
236
235
|
}) => {
|
|
237
236
|
const { t: r } = d();
|
|
238
237
|
if (!i) return null;
|
|
239
|
-
const
|
|
240
|
-
return E ? /* @__PURE__ */ t(
|
|
238
|
+
const a = V(i) ?? i, { title: c, description: p } = y[a] ?? l, E = e <= 0, C = r(c) ?? c;
|
|
239
|
+
return E ? /* @__PURE__ */ t(N, { title: C, onContinue: n }) : /* @__PURE__ */ t(
|
|
241
240
|
F,
|
|
242
241
|
{
|
|
243
|
-
title:
|
|
244
|
-
description:
|
|
242
|
+
title: C,
|
|
243
|
+
description: p,
|
|
245
244
|
attemptsRemaining: e,
|
|
246
245
|
onTryAgain: n
|
|
247
246
|
}
|
|
248
247
|
);
|
|
249
|
-
},
|
|
248
|
+
}, P = () => /* @__PURE__ */ t(
|
|
250
249
|
"svg",
|
|
251
250
|
{
|
|
252
251
|
width: "292",
|
|
@@ -267,7 +266,7 @@ const m = ({
|
|
|
267
266
|
)
|
|
268
267
|
]
|
|
269
268
|
}
|
|
270
|
-
),
|
|
269
|
+
), U = (i) => {
|
|
271
270
|
switch (i) {
|
|
272
271
|
case "success":
|
|
273
272
|
case "capturing":
|
|
@@ -279,14 +278,14 @@ const m = ({
|
|
|
279
278
|
case "idle":
|
|
280
279
|
return "var(--surface-neutral-100)";
|
|
281
280
|
}
|
|
282
|
-
},
|
|
281
|
+
}, H = ({
|
|
283
282
|
borderState: i = "idle"
|
|
284
283
|
}) => {
|
|
285
|
-
const e =
|
|
284
|
+
const e = L(), n = i === "loading" || i === "capturing", r = U(i), o = n ? `url(#${e})` : r;
|
|
286
285
|
return /* @__PURE__ */ t(
|
|
287
286
|
"div",
|
|
288
287
|
{
|
|
289
|
-
class:
|
|
288
|
+
class: m("IncodeLoadingBorder", {
|
|
290
289
|
IncodeLoadingBorderSpinning: n
|
|
291
290
|
}),
|
|
292
291
|
children: /* @__PURE__ */ t(
|
|
@@ -306,7 +305,7 @@ const m = ({
|
|
|
306
305
|
"clip-rule": "evenodd",
|
|
307
306
|
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",
|
|
308
307
|
class: "IncodeLoadingBorderPath",
|
|
309
|
-
fill:
|
|
308
|
+
fill: o
|
|
310
309
|
}
|
|
311
310
|
),
|
|
312
311
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t(
|
|
@@ -319,8 +318,8 @@ const m = ({
|
|
|
319
318
|
gradientUnits: "userSpaceOnUse",
|
|
320
319
|
gradientTransform: "translate(240.418 17.4369) rotate(115.674) scale(167.087)",
|
|
321
320
|
children: [
|
|
322
|
-
/* @__PURE__ */ t("stop", { "stop-color":
|
|
323
|
-
/* @__PURE__ */ t("stop", { offset: "1", "stop-color":
|
|
321
|
+
/* @__PURE__ */ t("stop", { "stop-color": r }),
|
|
322
|
+
/* @__PURE__ */ t("stop", { offset: "1", "stop-color": r, "stop-opacity": "0" })
|
|
324
323
|
]
|
|
325
324
|
}
|
|
326
325
|
) })
|
|
@@ -329,7 +328,7 @@ const m = ({
|
|
|
329
328
|
)
|
|
330
329
|
}
|
|
331
330
|
);
|
|
332
|
-
},
|
|
331
|
+
}, b = () => /* @__PURE__ */ t("div", { class: "IncodeCameraButton", children: /* @__PURE__ */ t(
|
|
333
332
|
"svg",
|
|
334
333
|
{
|
|
335
334
|
width: "64",
|
|
@@ -366,7 +365,7 @@ const m = ({
|
|
|
366
365
|
)
|
|
367
366
|
]
|
|
368
367
|
}
|
|
369
|
-
) }),
|
|
368
|
+
) }), k = ({
|
|
370
369
|
onClick: i,
|
|
371
370
|
disabled: e
|
|
372
371
|
}) => {
|
|
@@ -374,18 +373,18 @@ const m = ({
|
|
|
374
373
|
return /* @__PURE__ */ t("div", { class: "IncodeManualCaptureButton", "data-testid": "manual-capture-button", children: [
|
|
375
374
|
/* @__PURE__ */ t("p", { class: "IncodeManualCaptureButtonText", children: n("selfiev2.manualCapture.instructions") }),
|
|
376
375
|
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
377
|
-
|
|
376
|
+
R,
|
|
378
377
|
{
|
|
379
378
|
variant: "link",
|
|
380
379
|
onClick: i,
|
|
381
380
|
disabled: e,
|
|
382
381
|
class: "IncodeManualCaptureButtonButton",
|
|
383
|
-
children: /* @__PURE__ */ t(
|
|
382
|
+
children: /* @__PURE__ */ t(b, {})
|
|
384
383
|
}
|
|
385
384
|
) })
|
|
386
385
|
] });
|
|
387
|
-
},
|
|
388
|
-
const { t: e } = d(),
|
|
386
|
+
}, Z = ({ detectionState: i }) => {
|
|
387
|
+
const { t: e } = d(), r = {
|
|
389
388
|
noFace: e("notifications.faceNotFound"),
|
|
390
389
|
tooManyFaces: e("notifications.tooManyFaces"),
|
|
391
390
|
tooClose: e("notifications.moveAway"),
|
|
@@ -400,59 +399,58 @@ const m = ({
|
|
|
400
399
|
centerFace: e("notifications.centerFaceV2"),
|
|
401
400
|
getReady: e("notifications.getReady")
|
|
402
401
|
}[i];
|
|
403
|
-
return
|
|
404
|
-
},
|
|
402
|
+
return r ? /* @__PURE__ */ t("div", { class: "IncodeNotification", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: r }) }) : null;
|
|
403
|
+
}, tt = ({ manager: i, state: e }) => {
|
|
405
404
|
const {
|
|
406
|
-
captureStatus:
|
|
405
|
+
captureStatus: n,
|
|
407
406
|
stream: r,
|
|
408
|
-
detectionStatus:
|
|
409
|
-
attemptsRemaining:
|
|
407
|
+
detectionStatus: o,
|
|
408
|
+
attemptsRemaining: a,
|
|
410
409
|
uploadError: c,
|
|
411
|
-
assistedOnboarding:
|
|
412
|
-
} = e, [E,
|
|
413
|
-
return
|
|
414
|
-
|
|
410
|
+
assistedOnboarding: p
|
|
411
|
+
} = e, [E, C] = f(!1), { t: h } = d();
|
|
412
|
+
return n === "initializing" ? /* @__PURE__ */ t(
|
|
413
|
+
v,
|
|
415
414
|
{
|
|
416
415
|
fullScreen: !0,
|
|
417
|
-
title:
|
|
416
|
+
title: h("v2.selfie.camera.loading"),
|
|
418
417
|
className: "IncodeCameraLoading"
|
|
419
418
|
}
|
|
420
|
-
) :
|
|
421
|
-
/* @__PURE__ */ t(
|
|
419
|
+
) : n === "detecting" ? o === "offline" ? /* @__PURE__ */ t(u, { 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(u, { "data-testid": "capture-container", children: [
|
|
420
|
+
/* @__PURE__ */ t(s, { size: 48 }),
|
|
422
421
|
/* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
|
|
423
|
-
/* @__PURE__ */ t(
|
|
424
|
-
/* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: r ? /* @__PURE__ */ t(
|
|
425
|
-
/* @__PURE__ */ t(
|
|
426
|
-
/* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(
|
|
422
|
+
/* @__PURE__ */ t(H, { borderState: E ? "capturing" : o === "detecting" ? "idle" : o === "getReady" ? "loading" : o === "success" ? "success" : o === "error" ? "error" : "idle" }),
|
|
423
|
+
/* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: r ? /* @__PURE__ */ t(g, { children: [
|
|
424
|
+
/* @__PURE__ */ t(z, { stream: r, mirrored: !p }),
|
|
425
|
+
/* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(P, {}) })
|
|
427
426
|
] }) : null }) }),
|
|
428
|
-
/* @__PURE__ */ t(
|
|
429
|
-
|
|
430
|
-
/* @__PURE__ */ t(
|
|
431
|
-
/* @__PURE__ */ t(
|
|
427
|
+
/* @__PURE__ */ t(s, { size: 48 }),
|
|
428
|
+
o ? /* @__PURE__ */ t(g, { children: [
|
|
429
|
+
/* @__PURE__ */ t(Z, { detectionState: o }),
|
|
430
|
+
/* @__PURE__ */ t(s, { size: 24 })
|
|
432
431
|
] }) : null,
|
|
433
|
-
|
|
434
|
-
|
|
432
|
+
o === "manualCapture" ? /* @__PURE__ */ t(
|
|
433
|
+
k,
|
|
435
434
|
{
|
|
436
435
|
onClick: () => {
|
|
437
|
-
|
|
436
|
+
C(!0), i.capture();
|
|
438
437
|
},
|
|
439
438
|
disabled: E
|
|
440
439
|
}
|
|
441
440
|
) : null
|
|
442
441
|
] }),
|
|
443
442
|
c ? /* @__PURE__ */ t(
|
|
444
|
-
|
|
443
|
+
_,
|
|
445
444
|
{
|
|
446
445
|
error: c,
|
|
447
|
-
attemptsRemaining:
|
|
446
|
+
attemptsRemaining: a,
|
|
448
447
|
onTryAgain: () => {
|
|
449
|
-
i.retryCapture(),
|
|
450
|
-
}
|
|
451
|
-
onContinue: n
|
|
448
|
+
i.retryCapture(), C(!1);
|
|
449
|
+
}
|
|
452
450
|
}
|
|
453
451
|
) : null
|
|
454
|
-
] }) :
|
|
455
|
-
|
|
452
|
+
] }) : n === "capturing" ? /* @__PURE__ */ t(
|
|
453
|
+
u,
|
|
456
454
|
{
|
|
457
455
|
className: "IncodeCaptureCapturingPage",
|
|
458
456
|
title: "Capturing",
|
|
@@ -465,29 +463,28 @@ const m = ({
|
|
|
465
463
|
justifyContent: "center",
|
|
466
464
|
marginTop: "auto"
|
|
467
465
|
},
|
|
468
|
-
children: /* @__PURE__ */ t(
|
|
466
|
+
children: /* @__PURE__ */ t(R, { isLoading: !0, children: "Capturing..." })
|
|
469
467
|
}
|
|
470
468
|
)
|
|
471
469
|
}
|
|
472
|
-
) :
|
|
473
|
-
|
|
470
|
+
) : n === "uploading" ? /* @__PURE__ */ t(Q, {}) : n === "uploadError" ? /* @__PURE__ */ t(
|
|
471
|
+
_,
|
|
474
472
|
{
|
|
475
473
|
error: c,
|
|
476
|
-
attemptsRemaining:
|
|
474
|
+
attemptsRemaining: a,
|
|
477
475
|
onTryAgain: () => {
|
|
478
|
-
i.retryCapture(),
|
|
479
|
-
}
|
|
480
|
-
onContinue: n
|
|
476
|
+
i.retryCapture(), C(!1);
|
|
477
|
+
}
|
|
481
478
|
}
|
|
482
|
-
) :
|
|
483
|
-
/* @__PURE__ */ t(
|
|
484
|
-
/* @__PURE__ */ t(
|
|
485
|
-
/* @__PURE__ */ t(
|
|
486
|
-
/* @__PURE__ */ t(
|
|
479
|
+
) : n === "success" ? /* @__PURE__ */ t(u, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
|
|
480
|
+
/* @__PURE__ */ t(s, { size: 160 }),
|
|
481
|
+
/* @__PURE__ */ t(S, { size: 64 }),
|
|
482
|
+
/* @__PURE__ */ t(s, { size: 16 }),
|
|
483
|
+
/* @__PURE__ */ t(A, { children: h("idv2.capture.processing.success") })
|
|
487
484
|
] }) }) : null;
|
|
488
|
-
},
|
|
489
|
-
const n =
|
|
490
|
-
return
|
|
485
|
+
}, z = ({ stream: i, mirrored: e }) => {
|
|
486
|
+
const n = D(null);
|
|
487
|
+
return T(() => {
|
|
491
488
|
n.current && i && (n.current.srcObject = i);
|
|
492
489
|
}, [i]), /* @__PURE__ */ t(
|
|
493
490
|
"video",
|
|
@@ -499,31 +496,31 @@ const m = ({
|
|
|
499
496
|
class: e ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
|
|
500
497
|
}
|
|
501
498
|
);
|
|
502
|
-
},
|
|
499
|
+
}, Q = () => {
|
|
503
500
|
const { t: i } = d();
|
|
504
|
-
return /* @__PURE__ */ t(
|
|
505
|
-
/* @__PURE__ */ t(
|
|
506
|
-
/* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(
|
|
507
|
-
/* @__PURE__ */ t(
|
|
501
|
+
return /* @__PURE__ */ t(u, { className: "IncodeCaptureUploadingPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
|
|
502
|
+
/* @__PURE__ */ t(s, { size: 160 }),
|
|
503
|
+
/* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(I, { size: 64 }) }),
|
|
504
|
+
/* @__PURE__ */ t(s, { size: 16 }),
|
|
508
505
|
/* @__PURE__ */ t("h2", { class: "IncodeCaptureUploadingTitle", children: i("idv2.capture.processing.uploading") })
|
|
509
506
|
] }) });
|
|
510
|
-
},
|
|
511
|
-
const { t: e } = d(), [n,
|
|
512
|
-
|
|
513
|
-
import("./selfieTutorial-Dm_p0ke9.js").then((
|
|
514
|
-
|
|
507
|
+
}, et = ({ manager: i }) => {
|
|
508
|
+
const { t: e } = d(), [n, r] = f(!1), [o, a] = f(null);
|
|
509
|
+
T(() => {
|
|
510
|
+
import("./selfieTutorial-Dm_p0ke9.js").then((p) => {
|
|
511
|
+
a(p.default);
|
|
515
512
|
});
|
|
516
513
|
}, []);
|
|
517
|
-
const
|
|
518
|
-
|
|
514
|
+
const c = () => {
|
|
515
|
+
r(!0), i.nextStep();
|
|
519
516
|
};
|
|
520
|
-
return
|
|
521
|
-
|
|
517
|
+
return o ? /* @__PURE__ */ t(
|
|
518
|
+
M,
|
|
522
519
|
{
|
|
523
|
-
animationData:
|
|
520
|
+
animationData: o,
|
|
524
521
|
title: e("face.tutorial.title"),
|
|
525
522
|
subtitle: e("face.tutorial.subtitle"),
|
|
526
|
-
onContinue:
|
|
523
|
+
onContinue: c,
|
|
527
524
|
buttonText: e("face.tutorial.startCapture"),
|
|
528
525
|
disclaimerText: e("face.tutorial.autoCapture"),
|
|
529
526
|
isLoading: n,
|
|
@@ -532,6 +529,6 @@ const m = ({
|
|
|
532
529
|
) : null;
|
|
533
530
|
};
|
|
534
531
|
export {
|
|
535
|
-
|
|
536
|
-
|
|
532
|
+
tt as C,
|
|
533
|
+
et as T
|
|
537
534
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@incodetech/web",
|
|
3
|
-
"version": "0.0.0-dev-20260224-
|
|
3
|
+
"version": "0.0.0-dev-20260224-e49e03c",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.es.js",
|
|
6
6
|
"types": "./dist/types/index.d.ts",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"libphonenumber-js": "^1.11.0",
|
|
87
87
|
"preact-custom-element": "^4.6.0",
|
|
88
88
|
"tailwindcss": "^4.1.17",
|
|
89
|
-
"@incodetech/core": "0.0.0-dev-20260224-
|
|
89
|
+
"@incodetech/core": "0.0.0-dev-20260224-e49e03c"
|
|
90
90
|
},
|
|
91
91
|
"devDependencies": {
|
|
92
92
|
"@microsoft/api-extractor": "^7.53.3",
|