@incodetech/web 0.0.0-dev-20260501-05e25eb → 0.0.0-dev-20260504-dd4a501
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/{documentCapture-Dzou9uTk.js → documentCapture-fjzmYCVb.js} +7 -7
- package/dist/ekyc/ekyc.es.js +1 -1
- package/dist/ekyc/styles.css +0 -42
- package/dist/ekycModule-BxPTVcan.js +2 -0
- package/dist/{ekycModule-CJlWl4bo.js → ekycModule-QU1NKDFR.js} +15 -39
- package/dist/email/email.es.js +1 -1
- package/dist/{extensibility-TTT9sIbb.js → extensibility-04gn7mbK.js} +85 -138
- package/dist/extensibility.es.js +20 -20
- package/dist/flow/flow.es.js +1 -1
- package/dist/flow/styles.css +0 -29
- package/dist/id/id.es.js +1 -1
- package/dist/{idOcr-DvBdbbVN.js → idOcr-DXZbASy3.js} +28 -27
- package/dist/{radioButtonComposed-Q303vQ5-.js → radioGroupComposed-BPJ5Gj6B.js} +54 -1
- package/dist/signature/signature.es.js +1 -1
- package/dist/{useModuleLoader-ChOOrxCM.js → useModuleLoader-JcIcr7jR.js} +4 -4
- package/dist/workflow/styles.css +0 -29
- package/dist/workflow/workflow.es.js +1 -1
- package/package.json +2 -2
- package/dist/ekycModule-Cui98eSq.js +0 -2
|
@@ -4,7 +4,7 @@ import { i as c, t as l } from "./hooks-K-ks8TCv.js";
|
|
|
4
4
|
import { t as u } from "./incodeComponent-Brc9IhMv.js";
|
|
5
5
|
import { t as d } from "./spacer-DCljE53A.js";
|
|
6
6
|
import { t as f } from "./page-D5Mt-0zn.js";
|
|
7
|
-
import {
|
|
7
|
+
import { _ as p, c as m, d as h, f as g, l as _, u as v, v as y } from "./extensibility-04gn7mbK.js";
|
|
8
8
|
import { n as b } from "./loadingIcon-wTrHZMGC.js";
|
|
9
9
|
import { t as x } from "./spinner-CNteWaxs.js";
|
|
10
10
|
import { t as S } from "./button-4-ToV5B_.js";
|
|
@@ -31,18 +31,18 @@ var M = ({ stream: t, manager: n, onOpenHelp: a }) => {
|
|
|
31
31
|
let r = new Blob([Uint8Array.from(atob(t), (e) => e.charCodeAt(0))], { type: "image/jpeg" }), i = new File([r], "document.jpg", { type: "image/jpeg" });
|
|
32
32
|
n.setFile(i, `data:image/jpeg;base64,${t}`);
|
|
33
33
|
}, [n]);
|
|
34
|
-
return /* @__PURE__ */ s(
|
|
34
|
+
return /* @__PURE__ */ s(_, {
|
|
35
35
|
stream: t,
|
|
36
36
|
videoRef: c,
|
|
37
37
|
"data-testid": "document-capture-camera",
|
|
38
|
-
children: /* @__PURE__ */ s(
|
|
39
|
-
/* @__PURE__ */ s(
|
|
38
|
+
children: /* @__PURE__ */ s(h, { children: [
|
|
39
|
+
/* @__PURE__ */ s(v, {
|
|
40
40
|
title: o("documentCapture.camera.title"),
|
|
41
41
|
subtitle: o("documentCapture.camera.subtitle")
|
|
42
42
|
}),
|
|
43
43
|
/* @__PURE__ */ s(d, { size: 16 }),
|
|
44
|
-
/* @__PURE__ */ s(
|
|
45
|
-
/* @__PURE__ */ s(
|
|
44
|
+
/* @__PURE__ */ s(g, { variant: "fill" }),
|
|
45
|
+
/* @__PURE__ */ s(m, {
|
|
46
46
|
onOpenHelp: a,
|
|
47
47
|
onCapture: l,
|
|
48
48
|
isManualCapture: !0,
|
|
@@ -270,7 +270,7 @@ var M = ({ stream: t, manager: n, onOpenHelp: a }) => {
|
|
|
270
270
|
] });
|
|
271
271
|
}, z = ({ progress: n, isFilePdf: r }) => {
|
|
272
272
|
let { t: i } = e(), a = i(r ? "documentCapture.review.uploading" : "documentCapture.review.analyzing");
|
|
273
|
-
return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s(d, { size: 8 }), /* @__PURE__ */ s(
|
|
273
|
+
return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s(d, { size: 8 }), /* @__PURE__ */ s(p, {
|
|
274
274
|
progress: n,
|
|
275
275
|
label: a
|
|
276
276
|
})] });
|
package/dist/ekyc/ekyc.es.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../ekycModule-
|
|
1
|
+
import { t as e } from "../ekycModule-QU1NKDFR.js";
|
|
2
2
|
export { e as EkycModule };
|
package/dist/ekyc/styles.css
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties {
|
|
3
|
-
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
|
-
*, :before, :after, ::backdrop {
|
|
5
|
-
--tw-leading: initial;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
2
|
.IncodeEkycPage {
|
|
11
3
|
max-width: 480px;
|
|
12
4
|
margin-inline: auto;
|
|
@@ -59,35 +51,6 @@
|
|
|
59
51
|
margin-inline: auto;
|
|
60
52
|
}
|
|
61
53
|
|
|
62
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {
|
|
63
|
-
margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
|
|
64
|
-
font-family: var(--typography-label-family);
|
|
65
|
-
font-size: var(--typography-label-m-size);
|
|
66
|
-
font-weight: var(--typography-label-m-weight);
|
|
67
|
-
line-height: var(--typography-label-m-line-height);
|
|
68
|
-
letter-spacing: var(--typography-label-m-letter-spacing);
|
|
69
|
-
--tw-leading: 1;
|
|
70
|
-
color: var(--color-input-text-label-default, var(--input-text-label-default));
|
|
71
|
-
line-height: 1;
|
|
72
|
-
display: block;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {
|
|
76
|
-
gap: var(--spacing-24, var(--spacing-24, 24px));
|
|
77
|
-
display: flex;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {
|
|
81
|
-
margin-top: var(--spacing-8, var(--spacing-8, 8px));
|
|
82
|
-
font-family: var(--typography-body-family);
|
|
83
|
-
font-size: var(--typography-body-m-regular-size);
|
|
84
|
-
font-weight: var(--typography-body-m-regular-weight);
|
|
85
|
-
line-height: var(--typography-body-m-regular-line-height);
|
|
86
|
-
letter-spacing: var(--typography-body-m-regular-letter-spacing);
|
|
87
|
-
color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
|
|
88
|
-
display: block;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
54
|
.IncodeEkycPage .IncodeEkycFooter {
|
|
92
55
|
margin-top: var(--spacing-24, var(--spacing-24, 24px));
|
|
93
56
|
align-items: center;
|
|
@@ -141,8 +104,3 @@
|
|
|
141
104
|
flex-shrink: 0;
|
|
142
105
|
}
|
|
143
106
|
}
|
|
144
|
-
|
|
145
|
-
@property --tw-leading {
|
|
146
|
-
syntax: "*";
|
|
147
|
-
inherits: false
|
|
148
|
-
}
|
|
@@ -10,7 +10,7 @@ import { n as m, t as h } from "./formField-Dd_Dm10q.js";
|
|
|
10
10
|
import { t as g } from "./phoneInputComposed-qGTl0-jI.js";
|
|
11
11
|
import { t as _ } from "./dropdownComposed-z3-qcyhl.js";
|
|
12
12
|
import { t as v } from "./dateInputComposed-CVqyqQIV.js";
|
|
13
|
-
import { t as y } from "./
|
|
13
|
+
import { t as y } from "./radioGroupComposed-BPJ5Gj6B.js";
|
|
14
14
|
import { t as b } from "./incodeModule-BH9gV7jI.js";
|
|
15
15
|
import { n as x, t as S } from "./optionAccessibleLabel-C-o7iprc.js";
|
|
16
16
|
import { computeEkycDisplayErrors as C, createEkycManager as w } from "@incodetech/core/ekyc";
|
|
@@ -165,44 +165,20 @@ var T = ({ config: n, onFinish: r }) => {
|
|
|
165
165
|
"data-testid": `ekyc-field-${e.name}`
|
|
166
166
|
})] }, e.name);
|
|
167
167
|
}
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
children: e.options?.map((t) => /* @__PURE__ */ o(y, {
|
|
183
|
-
id: `ekyc-${e.name}-${t.value}`,
|
|
184
|
-
name: e.name,
|
|
185
|
-
label: M(t.label),
|
|
186
|
-
checked: r === t.value,
|
|
187
|
-
value: t.value,
|
|
188
|
-
onChange: () => U(e.name, t.value),
|
|
189
|
-
onBlur: () => H(e.name),
|
|
190
|
-
disabled: n,
|
|
191
|
-
"aria-describedby": i ? s : void 0,
|
|
192
|
-
"aria-invalid": !!i,
|
|
193
|
-
showErrorIcon: !1
|
|
194
|
-
}, t.value))
|
|
195
|
-
}),
|
|
196
|
-
i && /* @__PURE__ */ o("p", {
|
|
197
|
-
id: s,
|
|
198
|
-
className: "IncodeEkycFieldError",
|
|
199
|
-
role: "alert",
|
|
200
|
-
children: G(e.name, i)
|
|
201
|
-
})
|
|
202
|
-
]
|
|
203
|
-
})] }, e.name);
|
|
204
|
-
}
|
|
205
|
-
return /* @__PURE__ */ o("div", {
|
|
168
|
+
return e.type === "radio" ? /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(y, {
|
|
169
|
+
id: `ekyc-${e.name}`,
|
|
170
|
+
class: "IncodeEkycRadioGroup",
|
|
171
|
+
label: M(e.label),
|
|
172
|
+
value: r,
|
|
173
|
+
options: (e.options ?? []).map((e) => ({
|
|
174
|
+
value: e.value,
|
|
175
|
+
label: M(e.label)
|
|
176
|
+
})),
|
|
177
|
+
error: i ? G(e.name, i) : void 0,
|
|
178
|
+
disabled: n,
|
|
179
|
+
onChange: (t) => U(e.name, t),
|
|
180
|
+
onBlur: () => H(e.name)
|
|
181
|
+
})] }, e.name) : /* @__PURE__ */ o("div", {
|
|
206
182
|
ref: e.name === "postalCode" ? P : void 0,
|
|
207
183
|
children: [t, /* @__PURE__ */ o(h, {
|
|
208
184
|
name: e.name,
|
package/dist/email/email.es.js
CHANGED
|
@@ -4,7 +4,7 @@ import { i } from "../hooks-K-ks8TCv.js";
|
|
|
4
4
|
import { t as a } from "../incodeComponent-Brc9IhMv.js";
|
|
5
5
|
import { t as o } from "../spacer-DCljE53A.js";
|
|
6
6
|
import { t as s } from "../page-D5Mt-0zn.js";
|
|
7
|
-
import "../extensibility-
|
|
7
|
+
import "../extensibility-04gn7mbK.js";
|
|
8
8
|
import { t as c } from "../button-4-ToV5B_.js";
|
|
9
9
|
import { t as l } from "../inputComposed-28d14HXP.js";
|
|
10
10
|
import { t as u } from "../otpInput-BuHkqpRJ.js";
|
|
@@ -25,11 +25,11 @@ import "./countries-DZqcdgA4.js";
|
|
|
25
25
|
import "./phoneInputComposed-qGTl0-jI.js";
|
|
26
26
|
import "./dropdownComposed-BDHVzek1.js";
|
|
27
27
|
import "./dateInputComposed-BE3SBKOa.js";
|
|
28
|
-
import
|
|
28
|
+
import "./radioGroupComposed-BPJ5Gj6B.js";
|
|
29
29
|
import "./bottomSheet-BXIzn-hy.js";
|
|
30
30
|
import "@incodetech/core/id";
|
|
31
31
|
//#region src/shared/overlay/overlay.tsx
|
|
32
|
-
var
|
|
32
|
+
var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("div", {
|
|
33
33
|
class: `IncodeOverlay ${n ?? ""}`,
|
|
34
34
|
role: "dialog",
|
|
35
35
|
"aria-modal": "true",
|
|
@@ -41,7 +41,7 @@ var O = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
41
41
|
children: e
|
|
42
42
|
})
|
|
43
43
|
})
|
|
44
|
-
}),
|
|
44
|
+
}), O = ({ progress: e, label: n, className: r }) => /* @__PURE__ */ u("div", {
|
|
45
45
|
class: p("IncodeProgressBarContainer", r),
|
|
46
46
|
children: [/* @__PURE__ */ u("div", {
|
|
47
47
|
class: "IncodeProgressBar",
|
|
@@ -58,60 +58,7 @@ var O = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
58
58
|
class: "IncodeProgressBarLabel",
|
|
59
59
|
children: n
|
|
60
60
|
})] }) : null]
|
|
61
|
-
}),
|
|
62
|
-
let [y, b] = l(i ?? ""), x = r !== void 0, S = x ? r : y, C = `${e}-label`, w = a ? `${e}-error` : void 0, T = o && !a ? `${e}-helper` : void 0, E = w ?? T, O = d ?? e, k = (e, t) => {
|
|
63
|
-
x || b(e), m?.(e, t);
|
|
64
|
-
};
|
|
65
|
-
return /* @__PURE__ */ u("div", {
|
|
66
|
-
ref: v,
|
|
67
|
-
class: p("IncodeRadioGroupComposed", g),
|
|
68
|
-
"data-testid": _,
|
|
69
|
-
children: [
|
|
70
|
-
/* @__PURE__ */ u("span", {
|
|
71
|
-
id: C,
|
|
72
|
-
class: "IncodeRadioGroupComposedLabel",
|
|
73
|
-
children: [t, s && /* @__PURE__ */ u("span", {
|
|
74
|
-
class: "IncodeRadioGroupComposedRequired",
|
|
75
|
-
"aria-hidden": "true",
|
|
76
|
-
children: "*"
|
|
77
|
-
})]
|
|
78
|
-
}),
|
|
79
|
-
/* @__PURE__ */ u("div", {
|
|
80
|
-
class: "IncodeRadioGroupComposedOptions",
|
|
81
|
-
role: "radiogroup",
|
|
82
|
-
"aria-labelledby": C,
|
|
83
|
-
"aria-required": s || void 0,
|
|
84
|
-
"aria-invalid": a ? !0 : void 0,
|
|
85
|
-
"aria-describedby": E,
|
|
86
|
-
"data-orientation": f,
|
|
87
|
-
children: n.map((t) => /* @__PURE__ */ u(D, {
|
|
88
|
-
id: `${e}-${t.value}`,
|
|
89
|
-
name: O,
|
|
90
|
-
label: t.label,
|
|
91
|
-
value: t.value,
|
|
92
|
-
checked: S === t.value,
|
|
93
|
-
disabled: c || t.disabled,
|
|
94
|
-
showErrorIcon: !1,
|
|
95
|
-
"aria-invalid": a ? !0 : void 0,
|
|
96
|
-
"aria-describedby": E,
|
|
97
|
-
onChange: (e) => k(t.value, e),
|
|
98
|
-
onBlur: h
|
|
99
|
-
}, t.value))
|
|
100
|
-
}),
|
|
101
|
-
a && /* @__PURE__ */ u("p", {
|
|
102
|
-
id: w,
|
|
103
|
-
class: "IncodeRadioGroupComposedError",
|
|
104
|
-
role: "alert",
|
|
105
|
-
children: a
|
|
106
|
-
}),
|
|
107
|
-
o && !a && /* @__PURE__ */ u("p", {
|
|
108
|
-
id: T,
|
|
109
|
-
class: "IncodeRadioGroupComposedHelper",
|
|
110
|
-
children: o
|
|
111
|
-
})
|
|
112
|
-
]
|
|
113
|
-
});
|
|
114
|
-
}), j = r((e, t) => {
|
|
61
|
+
}), k = r((e, t) => {
|
|
115
62
|
let { class: n, rows: r = 4, ...i } = e;
|
|
116
63
|
return /* @__PURE__ */ u("textarea", {
|
|
117
64
|
...i,
|
|
@@ -119,7 +66,7 @@ var O = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
119
66
|
rows: r,
|
|
120
67
|
class: p("IncodeTextArea", n)
|
|
121
68
|
});
|
|
122
|
-
}),
|
|
69
|
+
}), A = r(({ id: e, label: t, "aria-label": n, error: r, showErrorIcon: i, helper: a, showHelperIcon: o, required: s, rows: c = 4, class: l, ...d }, f) => {
|
|
123
70
|
let m = `${e}-helper`, h = `${e}-error`, g = [a ? m : null, r ? h : null].filter(Boolean).join(" ");
|
|
124
71
|
return /* @__PURE__ */ u("div", {
|
|
125
72
|
class: p("IncodeTextAreaComposed", l),
|
|
@@ -135,7 +82,7 @@ var O = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
135
82
|
}),
|
|
136
83
|
/* @__PURE__ */ u("div", {
|
|
137
84
|
class: "IncodeTextAreaComposedWrapper",
|
|
138
|
-
children: /* @__PURE__ */ u(
|
|
85
|
+
children: /* @__PURE__ */ u(k, {
|
|
139
86
|
id: e,
|
|
140
87
|
rows: c,
|
|
141
88
|
...d,
|
|
@@ -174,16 +121,16 @@ var O = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
174
121
|
]
|
|
175
122
|
});
|
|
176
123
|
});
|
|
177
|
-
|
|
124
|
+
A.displayName = "TextAreaComposed";
|
|
178
125
|
//#endregion
|
|
179
126
|
//#region src/shared/card/verificationOption/verificationOptionCard.tsx
|
|
180
|
-
function
|
|
127
|
+
function j({ children: e }) {
|
|
181
128
|
return /* @__PURE__ */ u("div", {
|
|
182
129
|
class: "IncodeVerificationOptionCardList",
|
|
183
130
|
children: e
|
|
184
131
|
});
|
|
185
132
|
}
|
|
186
|
-
function
|
|
133
|
+
function M({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
|
|
187
134
|
return /* @__PURE__ */ u("button", {
|
|
188
135
|
type: "button",
|
|
189
136
|
class: "IncodeVerificationOptionCard",
|
|
@@ -203,7 +150,7 @@ function P({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
|
|
|
203
150
|
children: [/* @__PURE__ */ u("span", {
|
|
204
151
|
class: "IncodeVerificationOptionCardTitle",
|
|
205
152
|
children: t
|
|
206
|
-
}), i && /* @__PURE__ */ u(
|
|
153
|
+
}), i && /* @__PURE__ */ u(ee, { label: i })]
|
|
207
154
|
}), /* @__PURE__ */ u("span", {
|
|
208
155
|
class: "IncodeVerificationOptionCardArrow",
|
|
209
156
|
"data-testid": "chevron-right-icon",
|
|
@@ -215,7 +162,7 @@ function P({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
|
|
|
215
162
|
})]
|
|
216
163
|
});
|
|
217
164
|
}
|
|
218
|
-
function
|
|
165
|
+
function ee({ label: e }) {
|
|
219
166
|
return /* @__PURE__ */ u("div", {
|
|
220
167
|
class: "IncodeVerificationOptionCardTag",
|
|
221
168
|
children: [/* @__PURE__ */ u(S, {}), /* @__PURE__ */ u("span", { children: e })]
|
|
@@ -223,7 +170,7 @@ function F({ label: e }) {
|
|
|
223
170
|
}
|
|
224
171
|
//#endregion
|
|
225
172
|
//#region src/shared/cameraOverlay/cameraFrame.tsx
|
|
226
|
-
var
|
|
173
|
+
var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameState: r = "idle", className: i, children: a }, o) => {
|
|
227
174
|
let s = `IncodeCameraFrame${r.charAt(0).toUpperCase()}${r.slice(1)}`;
|
|
228
175
|
return /* @__PURE__ */ u("div", {
|
|
229
176
|
ref: o,
|
|
@@ -232,10 +179,10 @@ var I = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
232
179
|
"aria-hidden": !0,
|
|
233
180
|
children: a
|
|
234
181
|
});
|
|
235
|
-
}),
|
|
182
|
+
}), P = ({ children: e, className: t }) => /* @__PURE__ */ u("div", {
|
|
236
183
|
class: p("IncodeCameraOverlay", t),
|
|
237
184
|
children: e
|
|
238
|
-
}),
|
|
185
|
+
}), F = ({ title: e, subtitle: t, visible: r = !0, className: i, titleId: a }) => {
|
|
239
186
|
let o = s(null);
|
|
240
187
|
return n(() => {
|
|
241
188
|
o.current?.focus();
|
|
@@ -252,7 +199,7 @@ var I = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
252
199
|
children: t
|
|
253
200
|
})]
|
|
254
201
|
});
|
|
255
|
-
},
|
|
202
|
+
}, I = ({ stream: e, children: t, videoRef: r, className: i, ...a }) => {
|
|
256
203
|
let o = s(null), c = (e) => {
|
|
257
204
|
o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
|
|
258
205
|
};
|
|
@@ -273,7 +220,7 @@ var I = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
273
220
|
})
|
|
274
221
|
}), t]
|
|
275
222
|
});
|
|
276
|
-
},
|
|
223
|
+
}, L = ({ onOpenHelp: t, onCapture: n, isManualCapture: r, captureAriaLabel: i, captureAriaDescribedBy: a, helpAriaLabel: o, helpButtonRef: s, captureButtonRef: c, encryptionLabel: l, children: d }) => {
|
|
277
224
|
let { t: f } = e();
|
|
278
225
|
return /* @__PURE__ */ u("div", {
|
|
279
226
|
class: "IncodeCaptureFooter",
|
|
@@ -311,14 +258,14 @@ var I = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
311
258
|
};
|
|
312
259
|
//#endregion
|
|
313
260
|
//#region src/shared/manualCapture/manualCapture.tsx
|
|
314
|
-
function
|
|
261
|
+
function R(e) {
|
|
315
262
|
if (e.readyState < 2 || e.videoWidth === 0 || e.videoHeight === 0) return null;
|
|
316
263
|
let t = document.createElement("canvas");
|
|
317
264
|
t.width = e.videoWidth, t.height = e.videoHeight;
|
|
318
265
|
let n = t.getContext("2d");
|
|
319
266
|
return n ? (n.drawImage(e, 0, 0), t.toDataURL("image/jpeg", .92).split(",")[1] ?? null) : null;
|
|
320
267
|
}
|
|
321
|
-
var
|
|
268
|
+
var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
322
269
|
let i = s(null);
|
|
323
270
|
n(() => {
|
|
324
271
|
i.current && e && (i.current.srcObject = e, i.current.play().catch(() => {}));
|
|
@@ -326,7 +273,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
326
273
|
let a = o(() => {
|
|
327
274
|
let e = i.current;
|
|
328
275
|
if (!e || r) return;
|
|
329
|
-
let n =
|
|
276
|
+
let n = R(e);
|
|
330
277
|
n && t(n);
|
|
331
278
|
}, [t, r]);
|
|
332
279
|
return /* @__PURE__ */ u("div", {
|
|
@@ -354,7 +301,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
354
301
|
})
|
|
355
302
|
})]
|
|
356
303
|
});
|
|
357
|
-
},
|
|
304
|
+
}, B = ({ className: e }) => /* @__PURE__ */ u("svg", {
|
|
358
305
|
width: "24",
|
|
359
306
|
height: "24",
|
|
360
307
|
viewBox: "0 0 24 24",
|
|
@@ -384,7 +331,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
384
331
|
fill: "currentColor"
|
|
385
332
|
})
|
|
386
333
|
]
|
|
387
|
-
}),
|
|
334
|
+
}), te = ({ className: e }) => /* @__PURE__ */ u("svg", {
|
|
388
335
|
width: "24",
|
|
389
336
|
height: "24",
|
|
390
337
|
viewBox: "0 0 24 24",
|
|
@@ -410,7 +357,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
410
357
|
fill: "currentColor"
|
|
411
358
|
})
|
|
412
359
|
]
|
|
413
|
-
}),
|
|
360
|
+
}), ne = ({ className: e }) => /* @__PURE__ */ u("svg", {
|
|
414
361
|
width: "24",
|
|
415
362
|
height: "24",
|
|
416
363
|
viewBox: "0 0 24 24",
|
|
@@ -444,7 +391,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
444
391
|
fill: "currentColor"
|
|
445
392
|
})
|
|
446
393
|
]
|
|
447
|
-
}),
|
|
394
|
+
}), re = ({ className: e }) => /* @__PURE__ */ u("svg", {
|
|
448
395
|
width: "64",
|
|
449
396
|
height: "64",
|
|
450
397
|
viewBox: "0 0 64 64",
|
|
@@ -461,7 +408,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
461
408
|
d: "M32 41C33.1045 41 34 41.8955 34 43C34 44.1045 33.1045 45 32 45C30.8954 45 30 44.1045 30 43C30 41.8954 30.8954 41 32 41ZM32 18.5C36.6906 18.5001 40.1669 22.0578 40.167 26.5605C40.167 28.8363 39.239 30.7175 37.7119 32.0381C36.5502 33.0426 35.086 33.6855 33.5 33.9863V38H30.5V31.2568L31.9072 31.1699C33.5141 31.0696 34.8469 30.5494 35.75 29.7686C36.6245 29.0121 37.167 27.9561 37.167 26.5605C37.1669 23.7203 35.0394 21.5001 32 21.5C28.9065 21.5001 26.7253 23.7825 26.1406 26.8418L23.1934 26.2793C23.9755 22.1855 27.1118 18.5001 32 18.5Z",
|
|
462
409
|
fill: "white"
|
|
463
410
|
})]
|
|
464
|
-
}),
|
|
411
|
+
}), ie = ({ open: t, onClose: n, onTakeManually: r, portalContainer: i }) => {
|
|
465
412
|
let { t: a } = e(), s = o((e) => {
|
|
466
413
|
e?.focus();
|
|
467
414
|
}, []), c = () => {
|
|
@@ -481,7 +428,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
481
428
|
children: [
|
|
482
429
|
/* @__PURE__ */ u(w.Icon, {
|
|
483
430
|
class: "IncodeCommonIssuesQuestionIcon",
|
|
484
|
-
children: /* @__PURE__ */ u(
|
|
431
|
+
children: /* @__PURE__ */ u(re, {})
|
|
485
432
|
}),
|
|
486
433
|
/* @__PURE__ */ u(w.TitleSection, { children: /* @__PURE__ */ u(m, {
|
|
487
434
|
id: "incode-modal-title",
|
|
@@ -498,7 +445,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
498
445
|
children: [/* @__PURE__ */ u("div", {
|
|
499
446
|
class: "IncodeCommonIssuesCardIcon",
|
|
500
447
|
"aria-hidden": "true",
|
|
501
|
-
children: /* @__PURE__ */ u(
|
|
448
|
+
children: /* @__PURE__ */ u(te, {})
|
|
502
449
|
}), /* @__PURE__ */ u("div", {
|
|
503
450
|
class: "IncodeCommonIssuesCardText",
|
|
504
451
|
children: [/* @__PURE__ */ u("h3", {
|
|
@@ -515,7 +462,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
515
462
|
children: [/* @__PURE__ */ u("div", {
|
|
516
463
|
class: "IncodeCommonIssuesCardIcon",
|
|
517
464
|
"aria-hidden": "true",
|
|
518
|
-
children: /* @__PURE__ */ u(
|
|
465
|
+
children: /* @__PURE__ */ u(B, {})
|
|
519
466
|
}), /* @__PURE__ */ u("div", {
|
|
520
467
|
class: "IncodeCommonIssuesCardText",
|
|
521
468
|
children: [/* @__PURE__ */ u("h3", {
|
|
@@ -532,7 +479,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
532
479
|
children: [/* @__PURE__ */ u("div", {
|
|
533
480
|
class: "IncodeCommonIssuesCardIcon",
|
|
534
481
|
"aria-hidden": "true",
|
|
535
|
-
children: /* @__PURE__ */ u(
|
|
482
|
+
children: /* @__PURE__ */ u(ne, {})
|
|
536
483
|
}), /* @__PURE__ */ u("div", {
|
|
537
484
|
class: "IncodeCommonIssuesCardText",
|
|
538
485
|
children: [/* @__PURE__ */ u("h3", {
|
|
@@ -562,7 +509,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
562
509
|
]
|
|
563
510
|
})
|
|
564
511
|
});
|
|
565
|
-
},
|
|
512
|
+
}, ae = ({ orientation: e, mode: t, state: n, children: r, className: i }) => {
|
|
566
513
|
let a = e !== "vertical" || t === "passport", o = t === "passport", s = `IncodeCaptureFrame${n.charAt(0).toUpperCase() + n.slice(1)}`;
|
|
567
514
|
return /* @__PURE__ */ u("div", {
|
|
568
515
|
class: p("IncodeCaptureFrame", a ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical", s, o && "IncodeCaptureFramePassport", i),
|
|
@@ -570,7 +517,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
570
517
|
role: "presentation",
|
|
571
518
|
children: r
|
|
572
519
|
});
|
|
573
|
-
},
|
|
520
|
+
}, V = ({ imageUrl: t, orientation: n, mode: r, borderState: i, topContent: a, bottomContent: o, overlayContent: s }) => {
|
|
574
521
|
let { t: c } = e();
|
|
575
522
|
return /* @__PURE__ */ u(f, {
|
|
576
523
|
hideHeader: !0,
|
|
@@ -584,7 +531,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
584
531
|
class: "IncodeIdProcessingTopArea",
|
|
585
532
|
children: a
|
|
586
533
|
}),
|
|
587
|
-
/* @__PURE__ */ u(
|
|
534
|
+
/* @__PURE__ */ u(ae, {
|
|
588
535
|
orientation: n,
|
|
589
536
|
mode: r === "id" ? "front" : r,
|
|
590
537
|
state: i,
|
|
@@ -610,7 +557,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
610
557
|
})
|
|
611
558
|
})
|
|
612
559
|
});
|
|
613
|
-
},
|
|
560
|
+
}, H = ({ imageUrl: t, progress: r, orientation: i, mode: a }) => {
|
|
614
561
|
let { t: o } = e(), c = s(null), d = i !== "vertical" || a === "passport", [f, p] = l(null);
|
|
615
562
|
return n(() => {
|
|
616
563
|
c.current?.focus();
|
|
@@ -620,14 +567,14 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
620
567
|
}) : import("./id-laser-v-DFo-b0WI.js").then((e) => {
|
|
621
568
|
p(e.default);
|
|
622
569
|
});
|
|
623
|
-
}, [d]), /* @__PURE__ */ u(
|
|
570
|
+
}, [d]), /* @__PURE__ */ u(V, {
|
|
624
571
|
imageUrl: t,
|
|
625
572
|
orientation: i,
|
|
626
573
|
mode: a,
|
|
627
574
|
borderState: "analyzing",
|
|
628
575
|
topContent: /* @__PURE__ */ u("div", {
|
|
629
576
|
class: "IncodeAnalyzingContent",
|
|
630
|
-
children: [/* @__PURE__ */ u(
|
|
577
|
+
children: [/* @__PURE__ */ u(O, { progress: r }), /* @__PURE__ */ u(m, {
|
|
631
578
|
ref: c,
|
|
632
579
|
id: "analyzing-title",
|
|
633
580
|
className: "IncodeAnalyzingTitle",
|
|
@@ -641,7 +588,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
641
588
|
className: "IncodeAnalyzingLottie"
|
|
642
589
|
}) : null
|
|
643
590
|
});
|
|
644
|
-
},
|
|
591
|
+
}, U = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
|
|
645
592
|
class: e,
|
|
646
593
|
width: "32",
|
|
647
594
|
height: "32",
|
|
@@ -654,7 +601,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
654
601
|
d: "M16 0C24.8363 0.00012782 32 7.1636 32 16C31.9999 24.8363 24.8363 31.9999 16 32C7.16362 32 7.37067e-05 24.8364 0 16C0 7.16352 7.16357 0 16 0ZM22.3486 11.2314C21.8838 10.7668 21.1503 10.736 20.6494 11.1387L20.6406 11.1455L20.5537 11.2236L13.7139 18.0635L11.4521 15.8008C10.9543 15.3032 10.1473 15.3033 9.64941 15.8008C9.18435 16.2658 9.15345 17.0008 9.55664 17.502L9.56348 17.5098L9.6416 17.5977L12.8125 20.7686C13.2775 21.2335 14.0117 21.2644 14.5127 20.8613L14.5205 20.8545L14.6084 20.7764L22.3486 13.0352C22.8467 12.5371 22.8467 11.7295 22.3486 11.2314Z",
|
|
655
602
|
fill: "#189F60"
|
|
656
603
|
})
|
|
657
|
-
}),
|
|
604
|
+
}), W = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
|
|
658
605
|
class: e,
|
|
659
606
|
width: "33",
|
|
660
607
|
height: "32",
|
|
@@ -667,11 +614,11 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
667
614
|
d: "M16.5 0C25.3219 0 32.5 7.17642 32.5 16C32.5 24.8219 25.3219 32 16.5 32C7.67811 32 0.5 24.8219 0.5 16C0.5 7.17642 7.67811 0 16.5 0ZM13.6553 11.3701C13.1618 10.8767 12.3636 10.8767 11.8701 11.3701C11.3767 11.8636 11.3767 12.6618 11.8701 13.1553L14.9053 16.1924L11.8721 19.2256C11.3803 19.7191 11.3803 20.5173 11.8721 21.0107C12.3656 21.504 13.1658 21.5041 13.6592 21.0107L16.6924 17.9775L19.7334 21.0205C19.981 21.2664 20.3029 21.3916 20.6279 21.3916C20.9513 21.3916 21.2746 21.2664 21.5205 21.0205C22.014 20.527 22.014 19.7269 21.5205 19.2334L18.4775 16.1924L21.5107 13.1572C22.0041 12.6638 22.004 11.8639 21.5107 11.3721C21.0173 10.8786 20.2191 10.8786 19.7256 11.3721L16.6904 14.4053L13.6553 11.3701Z",
|
|
668
615
|
fill: "#E71111"
|
|
669
616
|
})
|
|
670
|
-
}),
|
|
617
|
+
}), G = ({ variant: r, imageUrl: i, orientation: a, mode: o, title: c, subtitle: l, buttonText: f, onButtonClick: p, attemptsRemaining: h }) => {
|
|
671
618
|
let { t: _ } = e(), v = s(null);
|
|
672
619
|
return n(() => {
|
|
673
620
|
v.current?.focus();
|
|
674
|
-
}, []), /* @__PURE__ */ u(
|
|
621
|
+
}, []), /* @__PURE__ */ u(V, {
|
|
675
622
|
imageUrl: i,
|
|
676
623
|
orientation: a,
|
|
677
624
|
mode: o,
|
|
@@ -680,7 +627,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
680
627
|
class: "IncodeIdProcessingResultContent",
|
|
681
628
|
role: "status",
|
|
682
629
|
children: [
|
|
683
|
-
u(r === "success" ?
|
|
630
|
+
u(r === "success" ? U : W, { className: "IncodeIdProcessingResultIcon" }),
|
|
684
631
|
/* @__PURE__ */ u(d, { size: 16 }),
|
|
685
632
|
c && /* @__PURE__ */ u(m, {
|
|
686
633
|
ref: v,
|
|
@@ -706,11 +653,11 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
706
653
|
})]
|
|
707
654
|
})
|
|
708
655
|
});
|
|
709
|
-
},
|
|
656
|
+
}, K = ({ manager: t, state: n }) => {
|
|
710
657
|
let { t: r } = e();
|
|
711
658
|
if (!n.previewImageUrl) return null;
|
|
712
659
|
let i = n.currentMode === "passport" ? "passport" : "id";
|
|
713
|
-
return /* @__PURE__ */ u(
|
|
660
|
+
return /* @__PURE__ */ u(G, {
|
|
714
661
|
variant: "success",
|
|
715
662
|
imageUrl: n.previewImageUrl,
|
|
716
663
|
orientation: n.orientation,
|
|
@@ -720,7 +667,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
720
667
|
buttonText: n.needsBackCapture ? r("idv2.capture.processing.scanBack") : n.needsFrontCapture ? r("idv2.capture.processing.scanFront") : r("idv2.capture.processing.continue"),
|
|
721
668
|
onButtonClick: () => t.nextStep()
|
|
722
669
|
});
|
|
723
|
-
},
|
|
670
|
+
}, q = ({ manager: t, state: n, ...r }) => {
|
|
724
671
|
let { t: i } = e();
|
|
725
672
|
if (n.status === "error") return /* @__PURE__ */ u("div", {
|
|
726
673
|
class: "IncodeIdError",
|
|
@@ -735,7 +682,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
735
682
|
})]
|
|
736
683
|
});
|
|
737
684
|
let a = n.currentMode === "passport" ? "passport" : "id";
|
|
738
|
-
return n.previewImageUrl ? /* @__PURE__ */ u(
|
|
685
|
+
return n.previewImageUrl ? /* @__PURE__ */ u(G, {
|
|
739
686
|
variant: "error",
|
|
740
687
|
imageUrl: n.previewImageUrl,
|
|
741
688
|
orientation: n.orientation,
|
|
@@ -746,7 +693,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
746
693
|
onButtonClick: () => t.continueFromError(),
|
|
747
694
|
attemptsRemaining: n.attemptsRemaining
|
|
748
695
|
}) : null;
|
|
749
|
-
},
|
|
696
|
+
}, J = ({ manager: t }) => {
|
|
750
697
|
let { t: r } = e(), i = s(null);
|
|
751
698
|
return n(() => {
|
|
752
699
|
i.current?.focus();
|
|
@@ -758,7 +705,7 @@ var ee = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
758
705
|
class: "IncodeIdExpiredContent",
|
|
759
706
|
role: "alert",
|
|
760
707
|
children: [
|
|
761
|
-
/* @__PURE__ */ u(
|
|
708
|
+
/* @__PURE__ */ u(W, { className: "IncodeIdExpiredIcon" }),
|
|
762
709
|
/* @__PURE__ */ u(m, {
|
|
763
710
|
ref: i,
|
|
764
711
|
tabIndex: -1,
|
|
@@ -801,15 +748,15 @@ function Q(e) {
|
|
|
801
748
|
Y.set("blur", t.default), Y.set("glare", n.default), Y.set("align", r.default), Y.set("front", i.default), Y.set("back", a.default), e?.();
|
|
802
749
|
}).catch(() => {}));
|
|
803
750
|
}
|
|
804
|
-
function
|
|
751
|
+
function oe() {
|
|
805
752
|
Q();
|
|
806
753
|
}
|
|
807
|
-
function
|
|
754
|
+
function se() {
|
|
808
755
|
n(() => {
|
|
809
|
-
|
|
756
|
+
oe();
|
|
810
757
|
}, []);
|
|
811
758
|
}
|
|
812
|
-
function
|
|
759
|
+
function ce(t, r) {
|
|
813
760
|
let { t: i } = e(), [, a] = l(0);
|
|
814
761
|
if (n(() => {
|
|
815
762
|
Q(() => a((e) => e + 1));
|
|
@@ -840,8 +787,8 @@ function ue(t, r) {
|
|
|
840
787
|
}
|
|
841
788
|
//#endregion
|
|
842
789
|
//#region src/modules/id/capture/captureNotification.tsx
|
|
843
|
-
var
|
|
844
|
-
let { t: c } = e(), l =
|
|
790
|
+
var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
|
|
791
|
+
let { t: c } = e(), l = ce(r, i), f = s(null), m = s({
|
|
845
792
|
message: "",
|
|
846
793
|
at: 0
|
|
847
794
|
}), h = s(r), g = s(!1), _ = s(), v = s(), y = r === "detecting" || r === "idNotDetected" || r === "manualCapture", b = r === "manualCapture", x = r === "wrongSide", S = r === "farAway", C = r === "glare", w = r === "blur", E = o((e) => {
|
|
@@ -950,34 +897,34 @@ var de = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
|
|
|
950
897
|
]
|
|
951
898
|
})
|
|
952
899
|
}) : null] });
|
|
953
|
-
},
|
|
900
|
+
}, ue = i(() => import("./front-horizontal-hint-B-ym65-G.js")), de = i(() => import("./front-vertical-hint-D7fluj79.js")), fe = i(() => import("./back-horizontal-hint-CafoL5Hr.js")), pe = i(() => import("./back-vertical-hint-vsXVE8cE.js")), me = i(() => import("./passport-horizontal-hint-DXy5C55p.js")), he = i(() => import("./passport-vertical-hint-D0iTF_ih.js")), ge = {
|
|
954
901
|
"front-horizontal": 348,
|
|
955
902
|
"back-horizontal": 348,
|
|
956
903
|
"passport-horizontal": 342
|
|
957
|
-
},
|
|
904
|
+
}, _e = {
|
|
958
905
|
"front-vertical": 446,
|
|
959
906
|
"back-vertical": 446,
|
|
960
907
|
"passport-vertical": 342
|
|
961
908
|
};
|
|
962
|
-
function
|
|
963
|
-
let i = `${e}-${t}`, a =
|
|
909
|
+
function ve(e, t, n, r) {
|
|
910
|
+
let i = `${e}-${t}`, a = ge[i];
|
|
964
911
|
if (a) return n / a;
|
|
965
|
-
let o =
|
|
912
|
+
let o = _e[i];
|
|
966
913
|
return o ? r / o : 1;
|
|
967
914
|
}
|
|
968
|
-
var
|
|
915
|
+
var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
969
916
|
let i = s(null), [a, o] = l(1);
|
|
970
917
|
n(() => {
|
|
971
918
|
let n = i.current;
|
|
972
919
|
if (!n) return;
|
|
973
920
|
let r = () => {
|
|
974
|
-
o(
|
|
921
|
+
o(ve(e, t, n.clientWidth, n.clientHeight));
|
|
975
922
|
};
|
|
976
923
|
r();
|
|
977
924
|
let a = new ResizeObserver(r);
|
|
978
925
|
return a.observe(n), () => a.disconnect();
|
|
979
926
|
}, [e, t]);
|
|
980
|
-
let d = () => e === "front" ? u(t === "horizontal" ?
|
|
927
|
+
let d = () => e === "front" ? u(t === "horizontal" ? ue : de, {}) : e === "back" ? u(t === "horizontal" ? fe : pe, {}) : e === "passport" ? u(t === "horizontal" ? me : he, {}) : null;
|
|
981
928
|
return /* @__PURE__ */ u("div", {
|
|
982
929
|
ref: i,
|
|
983
930
|
class: "IncodeIdHint",
|
|
@@ -998,9 +945,9 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
998
945
|
})
|
|
999
946
|
})
|
|
1000
947
|
});
|
|
1001
|
-
},
|
|
948
|
+
}, be = r(({ mode: t, orientation: r, detectionStatus: i, counterValue: o, isCapturing: c, showManualCapture: d, onCapture: f, onOpenHelp: m, helpButtonRef: h, captureButtonRef: g }, _) => {
|
|
1002
949
|
let { t: v } = e();
|
|
1003
|
-
|
|
950
|
+
se();
|
|
1004
951
|
let y = s(!1), [b, x] = l(!1);
|
|
1005
952
|
n(() => {
|
|
1006
953
|
if (i === "idNotDetected") {
|
|
@@ -1037,23 +984,23 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1037
984
|
t,
|
|
1038
985
|
v
|
|
1039
986
|
]), w = S(), T = t === "passport", E = r !== "vertical" || T ? "horizontal" : "vertical";
|
|
1040
|
-
return /* @__PURE__ */ u(
|
|
987
|
+
return /* @__PURE__ */ u(P, {
|
|
1041
988
|
className: "IncodeCaptureOverlayId",
|
|
1042
989
|
children: [
|
|
1043
990
|
/* @__PURE__ */ u("div", {
|
|
1044
991
|
class: "IncodeCaptureTopSection",
|
|
1045
|
-
children: [/* @__PURE__ */ u(
|
|
992
|
+
children: [/* @__PURE__ */ u(le, {
|
|
1046
993
|
detectionStatus: i,
|
|
1047
994
|
mode: t,
|
|
1048
995
|
isCapturing: c
|
|
1049
|
-
}), /* @__PURE__ */ u(
|
|
996
|
+
}), /* @__PURE__ */ u(F, {
|
|
1050
997
|
title: C?.title ?? "",
|
|
1051
998
|
subtitle: C?.subtitle,
|
|
1052
999
|
visible: C !== null,
|
|
1053
1000
|
titleId: "id-capture-heading"
|
|
1054
1001
|
})]
|
|
1055
1002
|
}),
|
|
1056
|
-
/* @__PURE__ */ u(
|
|
1003
|
+
/* @__PURE__ */ u(N, {
|
|
1057
1004
|
ref: _,
|
|
1058
1005
|
variant: "locked",
|
|
1059
1006
|
orientation: E,
|
|
@@ -1062,7 +1009,7 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1062
1009
|
children: [c && o > 0 && /* @__PURE__ */ u("div", {
|
|
1063
1010
|
class: "IncodeCaptureCounter",
|
|
1064
1011
|
children: o
|
|
1065
|
-
}), b && /* @__PURE__ */ u(
|
|
1012
|
+
}), b && /* @__PURE__ */ u(ye, {
|
|
1066
1013
|
mode: t,
|
|
1067
1014
|
orientation: r ?? "horizontal",
|
|
1068
1015
|
onAnimationEnd: () => x(!1)
|
|
@@ -1074,7 +1021,7 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1074
1021
|
"aria-atomic": "true",
|
|
1075
1022
|
children: c && o > 0 ? o : ""
|
|
1076
1023
|
}),
|
|
1077
|
-
/* @__PURE__ */ u(
|
|
1024
|
+
/* @__PURE__ */ u(L, {
|
|
1078
1025
|
onOpenHelp: m,
|
|
1079
1026
|
onCapture: f,
|
|
1080
1027
|
isManualCapture: d,
|
|
@@ -1096,27 +1043,27 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1096
1043
|
})
|
|
1097
1044
|
]
|
|
1098
1045
|
});
|
|
1099
|
-
}),
|
|
1046
|
+
}), $ = ({ manager: e, state: t }) => {
|
|
1100
1047
|
if (t.captureStatus === "uploading" && t.previewImageUrl) {
|
|
1101
1048
|
let e = t.currentMode === "passport" ? "passport" : "id";
|
|
1102
|
-
return /* @__PURE__ */ u(
|
|
1049
|
+
return /* @__PURE__ */ u(H, {
|
|
1103
1050
|
imageUrl: t.previewImageUrl,
|
|
1104
1051
|
progress: t.uploadProgress ?? 0,
|
|
1105
1052
|
orientation: t.orientation,
|
|
1106
1053
|
mode: e
|
|
1107
1054
|
});
|
|
1108
1055
|
}
|
|
1109
|
-
return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ u(
|
|
1056
|
+
return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ u(K, {
|
|
1110
1057
|
manager: e,
|
|
1111
1058
|
state: t
|
|
1112
|
-
}) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ u(
|
|
1059
|
+
}) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ u(q, {
|
|
1113
1060
|
manager: e,
|
|
1114
1061
|
state: t
|
|
1115
|
-
}) : /* @__PURE__ */ u(
|
|
1062
|
+
}) : /* @__PURE__ */ u(xe, {
|
|
1116
1063
|
manager: e,
|
|
1117
1064
|
state: t
|
|
1118
1065
|
});
|
|
1119
|
-
},
|
|
1066
|
+
}, xe = ({ manager: e, state: t }) => {
|
|
1120
1067
|
let r = s(null), i = s(null), a = s(null), o = s(null), c = s(null), [d, p] = l(!1), [m, h] = l(!1);
|
|
1121
1068
|
n(() => {
|
|
1122
1069
|
let e = r.current;
|
|
@@ -1161,10 +1108,10 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1161
1108
|
hideFooterBranding: !0,
|
|
1162
1109
|
className: "IncodeIdCapturePage",
|
|
1163
1110
|
children: [
|
|
1164
|
-
/* @__PURE__ */ u(
|
|
1111
|
+
/* @__PURE__ */ u(I, {
|
|
1165
1112
|
stream: t.stream,
|
|
1166
1113
|
"aria-hidden": d || void 0,
|
|
1167
|
-
children: /* @__PURE__ */ u(
|
|
1114
|
+
children: /* @__PURE__ */ u(be, {
|
|
1168
1115
|
ref: i,
|
|
1169
1116
|
mode: t.currentMode,
|
|
1170
1117
|
orientation: t.orientation,
|
|
@@ -1179,7 +1126,7 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1179
1126
|
})
|
|
1180
1127
|
}),
|
|
1181
1128
|
/* @__PURE__ */ u("div", { ref: c }),
|
|
1182
|
-
/* @__PURE__ */ u(
|
|
1129
|
+
/* @__PURE__ */ u(ie, {
|
|
1183
1130
|
open: d,
|
|
1184
1131
|
onClose: b,
|
|
1185
1132
|
onTakeManually: x,
|
|
@@ -1187,7 +1134,7 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1187
1134
|
})
|
|
1188
1135
|
]
|
|
1189
1136
|
});
|
|
1190
|
-
},
|
|
1137
|
+
}, Se = ({ manager: t, state: r }) => {
|
|
1191
1138
|
let { t: i } = e(), [a, o] = l(!1), [s, c] = l(null), d = r.selectedDocumentType === "passport", f = r.currentMode === "back";
|
|
1192
1139
|
n(() => {
|
|
1193
1140
|
d ? import("./passport-tutorial-DwhO4uTV.js").then((e) => {
|
|
@@ -1211,7 +1158,7 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
1211
1158
|
isLoading: a,
|
|
1212
1159
|
className: p("IncodeIdTutorial", d ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId")
|
|
1213
1160
|
});
|
|
1214
|
-
},
|
|
1161
|
+
}, Ce = {
|
|
1215
1162
|
digitalIdUpload: {
|
|
1216
1163
|
type: "digitalIdUpload",
|
|
1217
1164
|
icon: () => /* @__PURE__ */ u("svg", {
|
|
@@ -2248,16 +2195,16 @@ var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
|
|
|
2248
2195
|
};
|
|
2249
2196
|
//#endregion
|
|
2250
2197
|
//#region src/modules/id/chooser/chooser.helpers.ts
|
|
2251
|
-
function
|
|
2198
|
+
function we(e) {
|
|
2252
2199
|
return e.reduce((e, t) => {
|
|
2253
|
-
let n =
|
|
2200
|
+
let n = Ce[t];
|
|
2254
2201
|
return n && e.push(n), e;
|
|
2255
2202
|
}, []).sort((e, t) => e.weight - t.weight);
|
|
2256
2203
|
}
|
|
2257
2204
|
//#endregion
|
|
2258
2205
|
//#region src/modules/id/chooser/chooser.tsx
|
|
2259
|
-
var
|
|
2260
|
-
let { t: r } = e(), i = a(() =>
|
|
2206
|
+
var Te = ({ manager: t, state: n }) => {
|
|
2207
|
+
let { t: r } = e(), i = a(() => we(n.availableDocumentTypes), [n.availableDocumentTypes]), o = (e) => {
|
|
2261
2208
|
t.selectDocument(e);
|
|
2262
2209
|
};
|
|
2263
2210
|
return /* @__PURE__ */ u(f, {
|
|
@@ -2266,7 +2213,7 @@ var De = ({ manager: t, state: n }) => {
|
|
|
2266
2213
|
className: "IncodeChooserPage",
|
|
2267
2214
|
children: /* @__PURE__ */ u("div", {
|
|
2268
2215
|
class: "IncodeChooserContainer",
|
|
2269
|
-
children: /* @__PURE__ */ u(
|
|
2216
|
+
children: /* @__PURE__ */ u(j, { children: i.map((e) => /* @__PURE__ */ u(M, {
|
|
2270
2217
|
icon: e.icon,
|
|
2271
2218
|
title: r(e.title),
|
|
2272
2219
|
testId: e.testId,
|
|
@@ -2275,7 +2222,7 @@ var De = ({ manager: t, state: n }) => {
|
|
|
2275
2222
|
}, e.type)) })
|
|
2276
2223
|
})
|
|
2277
2224
|
});
|
|
2278
|
-
},
|
|
2225
|
+
}, Ee = ({ manager: t, direction: r }) => {
|
|
2279
2226
|
let [i, a] = l(null), [s, c] = l(!1), { t: f } = e();
|
|
2280
2227
|
n(() => {
|
|
2281
2228
|
import("./flip-animation-C6-P7Ueu.js").then((e) => {
|
|
@@ -2307,4 +2254,4 @@ var De = ({ manager: t, state: n }) => {
|
|
|
2307
2254
|
}) : null;
|
|
2308
2255
|
};
|
|
2309
2256
|
//#endregion
|
|
2310
|
-
export {
|
|
2257
|
+
export { O as _, J as a, L as c, P as d, N as f, k as g, A as h, $ as i, I as l, j as m, Te as n, q as o, M as p, Se as r, z as s, Ee as t, F as u, D as v };
|
package/dist/extensibility.es.js
CHANGED
|
@@ -4,24 +4,24 @@ import { i as n, r } from "./hooks-K-ks8TCv.js";
|
|
|
4
4
|
import { n as i, t as a } from "./incodeComponent-Brc9IhMv.js";
|
|
5
5
|
import { t as o } from "./spacer-DCljE53A.js";
|
|
6
6
|
import { t as s } from "./page-D5Mt-0zn.js";
|
|
7
|
-
import { _ as c, a as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T
|
|
8
|
-
import { a as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
12
|
-
import { a as
|
|
13
|
-
import { t as
|
|
14
|
-
import { t as
|
|
15
|
-
import { a as
|
|
16
|
-
import { t as
|
|
17
|
-
import { n as
|
|
18
|
-
import { t as
|
|
19
|
-
import { t as
|
|
20
|
-
import { t as
|
|
21
|
-
import { n as
|
|
22
|
-
import { t as
|
|
23
|
-
import { t as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as ve } from "./
|
|
7
|
+
import { _ as c, a as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T } from "./extensibility-04gn7mbK.js";
|
|
8
|
+
import { a as E, i as D, n as O, o as k, r as A, t as j } from "./typography-BU5GeRw-.js";
|
|
9
|
+
import { t as M } from "./spinner-CNteWaxs.js";
|
|
10
|
+
import { t as N } from "./processing-5g21QOQZ.js";
|
|
11
|
+
import { t as P } from "./button-4-ToV5B_.js";
|
|
12
|
+
import { a as F, c as I, d as L, f as R, g as z, h as B, i as V, l as H, m as U, n as W, o as G, p as K, r as q, s as J, t as Y, u as X } from "./icons-BtdVuyUn.js";
|
|
13
|
+
import { t as Z } from "./successIcon-SlKgTSty.js";
|
|
14
|
+
import { t as Q } from "./modal-CfeQw93y.js";
|
|
15
|
+
import { a as $, i as ee, n as te, o as ne, r as re, t as ie } from "./tutorial-BhssZo_c.js";
|
|
16
|
+
import { t as ae } from "./verificationResult-BvUseXrX.js";
|
|
17
|
+
import { n as oe, t as se } from "./inputComposed-28d14HXP.js";
|
|
18
|
+
import { t as ce } from "./otpInput-BuHkqpRJ.js";
|
|
19
|
+
import { t as le } from "./checkbox-B35BL_3X.js";
|
|
20
|
+
import { t as ue } from "./formField-Dd_Dm10q.js";
|
|
21
|
+
import { n as de, r as fe, t as pe } from "./countries-DZqcdgA4.js";
|
|
22
|
+
import { t as me } from "./phoneInputComposed-qGTl0-jI.js";
|
|
23
|
+
import { t as he } from "./dropdownComposed-z3-qcyhl.js";
|
|
24
|
+
import { t as ge } from "./dateInputComposed-CVqyqQIV.js";
|
|
25
|
+
import { n as _e, t as ve } from "./radioGroupComposed-BPJ5Gj6B.js";
|
|
26
26
|
import { t as ye } from "./bottomSheet-BXIzn-hy.js";
|
|
27
|
-
export {
|
|
27
|
+
export { ee as BaseTutorial, ye as BottomSheet, P as Button, U as CalendarIcon, f as CameraFrame, K as CameraIcon, d as CameraOverlay, w as CameraOverlayHeader, g as CameraView, R as CaptureButtonIcon, u as CaptureFooter, le as Checkbox, X as CheckmarkCompactIcon, L as CheckmarkIcon, H as ChevronDown, I as ChevronLeftIcon, J as ChevronRightIcon, G as CloseIcon, ge as DateInputComposed, he as DropdownComposed, ne as ErrorContent, z as ErrorIcon, F as FileIcon, ue as FormField, V as HelpIcon, h as IdCapture, v as IdChooser, y as IdError, l as IdExpired, C as IdFlipAnimation, x as IdTutorial, a as IncodeComponent, oe as Input, se as InputComposed, i as LandscapeBlocker, Y as LightningIcon, q as LockIcon, $ as Lottie, S as ManualCapture, Q as Modal, ce as OtpInput, T as Overlay, s as Page, re as Permissions, me as PhoneInputComposed, N as Processing, c as ProgressBar, _e as RadioButtonComposed, ve as RadioGroupComposed, W as SearchIcon, te as SelfieCapture, ie as SelfieTutorial, o as Spacer, M as Spinner, Z as SuccessIcon, p as TextArea, m as TextAreaComposed, j as Title, O as TypographyH1, A as TypographyH3, D as TypographyH4, E as TypographyH5, k as TypographyP, b as VerificationOptionCard, _ as VerificationOptionCardList, ae as VerificationResult, B as WarningIcon, pe as countries, de as getCountryByCallingCode, fe as getCountryByCode, t as setUiConfig, n as useManager, r as useScreenOrientation, e as useTranslation };
|
package/dist/flow/flow.es.js
CHANGED
|
@@ -5,7 +5,7 @@ import { i as l } from "../hooks-K-ks8TCv.js";
|
|
|
5
5
|
import { t as u } from "../incodeComponent-Brc9IhMv.js";
|
|
6
6
|
import { t as d } from "../transitionSpinner-CisZoKUv.js";
|
|
7
7
|
import { t as f } from "../incodeModule-BH9gV7jI.js";
|
|
8
|
-
import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-
|
|
8
|
+
import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-JcIcr7jR.js";
|
|
9
9
|
import { getDeviceClass as T } from "@incodetech/core/device";
|
|
10
10
|
import { getRequiredWasmPipelines as E } from "@incodetech/core/flow";
|
|
11
11
|
import { QrValidationError as D, bootstrapSession as O, refreshQrUrlUuid as k } from "@incodetech/core/session";
|
package/dist/flow/styles.css
CHANGED
|
@@ -3310,35 +3310,6 @@
|
|
|
3310
3310
|
margin-inline: auto;
|
|
3311
3311
|
}
|
|
3312
3312
|
|
|
3313
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {
|
|
3314
|
-
margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
|
|
3315
|
-
font-family: var(--typography-label-family);
|
|
3316
|
-
font-size: var(--typography-label-m-size);
|
|
3317
|
-
font-weight: var(--typography-label-m-weight);
|
|
3318
|
-
line-height: var(--typography-label-m-line-height);
|
|
3319
|
-
letter-spacing: var(--typography-label-m-letter-spacing);
|
|
3320
|
-
--tw-leading: 1;
|
|
3321
|
-
color: var(--color-input-text-label-default, var(--input-text-label-default));
|
|
3322
|
-
line-height: 1;
|
|
3323
|
-
display: block;
|
|
3324
|
-
}
|
|
3325
|
-
|
|
3326
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {
|
|
3327
|
-
gap: var(--spacing-24, var(--spacing-24, 24px));
|
|
3328
|
-
display: flex;
|
|
3329
|
-
}
|
|
3330
|
-
|
|
3331
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {
|
|
3332
|
-
margin-top: var(--spacing-8, var(--spacing-8, 8px));
|
|
3333
|
-
font-family: var(--typography-body-family);
|
|
3334
|
-
font-size: var(--typography-body-m-regular-size);
|
|
3335
|
-
font-weight: var(--typography-body-m-regular-weight);
|
|
3336
|
-
line-height: var(--typography-body-m-regular-line-height);
|
|
3337
|
-
letter-spacing: var(--typography-body-m-regular-letter-spacing);
|
|
3338
|
-
color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
|
|
3339
|
-
display: block;
|
|
3340
|
-
}
|
|
3341
|
-
|
|
3342
3313
|
.IncodeEkycPage .IncodeEkycFooter {
|
|
3343
3314
|
margin-top: var(--spacing-24, var(--spacing-24, 24px));
|
|
3344
3315
|
align-items: center;
|
package/dist/id/id.es.js
CHANGED
|
@@ -3,7 +3,7 @@ import { _ as t, c as n, l as r, o as i, v as a } from "../vendor-preact-D6Snten
|
|
|
3
3
|
import { i as o } from "../hooks-K-ks8TCv.js";
|
|
4
4
|
import { t as s } from "../incodeComponent-Brc9IhMv.js";
|
|
5
5
|
import { t as c } from "../page-D5Mt-0zn.js";
|
|
6
|
-
import { a as l, i as u, n as d, o as f, r as p, t as m } from "../extensibility-
|
|
6
|
+
import { a as l, i as u, n as d, o as f, r as p, t as m } from "../extensibility-04gn7mbK.js";
|
|
7
7
|
import { n as h } from "../loadingIcon-wTrHZMGC.js";
|
|
8
8
|
import { t as g } from "../spinner-CNteWaxs.js";
|
|
9
9
|
import "../spinner-BiPJCr9Q.js";
|
|
@@ -3,24 +3,25 @@ import { v as t } from "./vendor-preact-D6SntenC.js";
|
|
|
3
3
|
import { i as n } from "./hooks-K-ks8TCv.js";
|
|
4
4
|
import { t as r } from "./incodeComponent-Brc9IhMv.js";
|
|
5
5
|
import { t as i } from "./page-D5Mt-0zn.js";
|
|
6
|
-
import
|
|
7
|
-
import { t as
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
6
|
+
import "./extensibility-04gn7mbK.js";
|
|
7
|
+
import { t as a } from "./button-4-ToV5B_.js";
|
|
8
|
+
import { t as o } from "./verificationResult-BvUseXrX.js";
|
|
9
|
+
import { t as s } from "./inputComposed-28d14HXP.js";
|
|
10
|
+
import { t as c } from "./dateInputComposed-CVqyqQIV.js";
|
|
11
|
+
import { t as l } from "./radioGroupComposed-BPJ5Gj6B.js";
|
|
11
12
|
import { t as u } from "./incodeModule-BH9gV7jI.js";
|
|
12
13
|
import { createIdOcrManager as d, getOcrFields as f } from "@incodetech/core/id-ocr";
|
|
13
14
|
//#region src/modules/id-ocr/idOcrForm.tsx
|
|
14
15
|
var p = {
|
|
15
|
-
text:
|
|
16
|
-
date:
|
|
17
|
-
}, m = ({ fields: n, data: r, validationErrors: i, isReadonly:
|
|
16
|
+
text: s,
|
|
17
|
+
date: c
|
|
18
|
+
}, m = ({ fields: n, data: r, validationErrors: i, isReadonly: o, onChange: s, onBlur: c, onContinue: u }) => {
|
|
18
19
|
let { t: d } = e(), f = i && Object.keys(i).length > 0;
|
|
19
20
|
return /* @__PURE__ */ t("div", {
|
|
20
21
|
className: "IncodeIdOcrForm",
|
|
21
|
-
children: [n.filter((e) => e.key === "issuingCountry" ?
|
|
22
|
-
let n = r[e.key] ?? "",
|
|
23
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
22
|
+
children: [n.filter((e) => e.key === "issuingCountry" ? o === !0 : e.key === "documentNumber" && o ? !!r.documentNumber : !0).map((e) => {
|
|
23
|
+
let n = r[e.key] ?? "", a = i?.[e.key], u = a ? d(a) : void 0;
|
|
24
|
+
if (e.type === "radio") return /* @__PURE__ */ t(l, {
|
|
24
25
|
id: `id-ocr-${e.key}`,
|
|
25
26
|
class: "IncodeIdOcrRadioGroup",
|
|
26
27
|
label: d(e.labelKey),
|
|
@@ -29,26 +30,26 @@ var p = {
|
|
|
29
30
|
value: e.value,
|
|
30
31
|
label: d(e.label)
|
|
31
32
|
})),
|
|
32
|
-
required: !
|
|
33
|
-
disabled:
|
|
34
|
-
onChange: (t) =>
|
|
33
|
+
required: !o && e.required,
|
|
34
|
+
disabled: o,
|
|
35
|
+
onChange: (t) => s(e.key, t)
|
|
35
36
|
}, e.key);
|
|
36
|
-
let f = p[e.type], m =
|
|
37
|
+
let f = p[e.type], m = o ? !1 : e.required, h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
|
|
37
38
|
return /* @__PURE__ */ t(f, {
|
|
38
39
|
id: `id-ocr-${e.key}`,
|
|
39
40
|
label: d(e.labelKey),
|
|
40
41
|
value: n,
|
|
41
|
-
disabled:
|
|
42
|
+
disabled: o,
|
|
42
43
|
required: m,
|
|
43
44
|
error: u,
|
|
44
45
|
showErrorIcon: !!u,
|
|
45
|
-
onInput: (t) =>
|
|
46
|
-
onBlur:
|
|
46
|
+
onInput: (t) => s(e.key, t.target.value),
|
|
47
|
+
onBlur: o || !c ? void 0 : () => c(e.key),
|
|
47
48
|
...e.type === "date" && { max: h }
|
|
48
49
|
}, e.key);
|
|
49
50
|
}), /* @__PURE__ */ t("div", {
|
|
50
51
|
className: "IncodeIdOcrButton",
|
|
51
|
-
children: /* @__PURE__ */ t(
|
|
52
|
+
children: /* @__PURE__ */ t(a, {
|
|
52
53
|
onClick: u,
|
|
53
54
|
disabled: f,
|
|
54
55
|
children: d("common.continue")
|
|
@@ -56,19 +57,19 @@ var p = {
|
|
|
56
57
|
})]
|
|
57
58
|
});
|
|
58
59
|
}, h = ({ config: r, onFinish: a }) => {
|
|
59
|
-
let { t:
|
|
60
|
-
return c.status === "finished" ? (a?.(), null) : c.status === "success" ? /* @__PURE__ */ t(
|
|
60
|
+
let { t: s } = e(), [c, l] = n(() => d({ config: r }));
|
|
61
|
+
return c.status === "finished" ? (a?.(), null) : c.status === "success" ? /* @__PURE__ */ t(o, {
|
|
61
62
|
status: "success",
|
|
62
|
-
successTitle:
|
|
63
|
-
}) : c.status === "error" ? /* @__PURE__ */ t(
|
|
63
|
+
successTitle: s("idOcr.successTitle")
|
|
64
|
+
}) : c.status === "error" ? /* @__PURE__ */ t(o, {
|
|
64
65
|
status: "failure",
|
|
65
66
|
onRetry: () => l.retry()
|
|
66
|
-
}) : c.status === "loading" || c.status === "submitting" ? /* @__PURE__ */ t(
|
|
67
|
+
}) : c.status === "loading" || c.status === "submitting" ? /* @__PURE__ */ t(o, {
|
|
67
68
|
status: "submitting",
|
|
68
|
-
submittingTitle:
|
|
69
|
-
submittingSubtitle:
|
|
69
|
+
submittingTitle: s("common.holdOnASec"),
|
|
70
|
+
submittingSubtitle: s("idOcr.loadingSubtitle")
|
|
70
71
|
}) : c.status === "readonly" || c.status === "inputting" ? /* @__PURE__ */ t(i, {
|
|
71
|
-
title:
|
|
72
|
+
title: s("idOcr.title"),
|
|
72
73
|
className: "IncodeIdOcrPage",
|
|
73
74
|
hideFooterBranding: !0,
|
|
74
75
|
children: /* @__PURE__ */ t(m, {
|
|
@@ -77,6 +77,59 @@ var a = e(({ id: e, label: a, checked: o, defaultChecked: s, disabled: c = !1, r
|
|
|
77
77
|
})
|
|
78
78
|
]
|
|
79
79
|
});
|
|
80
|
+
}), o = e(({ id: e, label: i, options: o, value: s, defaultValue: c, error: l, helper: u, required: d = !1, disabled: f = !1, name: p, orientation: m = "row", onChange: h, onBlur: g, class: _, "data-testid": v }, y) => {
|
|
81
|
+
let [b, x] = t(c ?? ""), S = s !== void 0, C = S ? s : b, w = `${e}-label`, T = l ? `${e}-error` : void 0, E = u && !l ? `${e}-helper` : void 0, D = T ?? E, O = p ?? e, k = (e, t) => {
|
|
82
|
+
S || x(e), h?.(e, t);
|
|
83
|
+
};
|
|
84
|
+
return /* @__PURE__ */ n("div", {
|
|
85
|
+
ref: y,
|
|
86
|
+
class: r("IncodeRadioGroupComposed", _),
|
|
87
|
+
"data-testid": v,
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ n("span", {
|
|
90
|
+
id: w,
|
|
91
|
+
class: "IncodeRadioGroupComposedLabel",
|
|
92
|
+
children: [i, d && /* @__PURE__ */ n("span", {
|
|
93
|
+
class: "IncodeRadioGroupComposedRequired",
|
|
94
|
+
"aria-hidden": "true",
|
|
95
|
+
children: "*"
|
|
96
|
+
})]
|
|
97
|
+
}),
|
|
98
|
+
/* @__PURE__ */ n("div", {
|
|
99
|
+
class: "IncodeRadioGroupComposedOptions",
|
|
100
|
+
role: "radiogroup",
|
|
101
|
+
"aria-labelledby": w,
|
|
102
|
+
"aria-required": d || void 0,
|
|
103
|
+
"aria-invalid": l ? !0 : void 0,
|
|
104
|
+
"aria-describedby": D,
|
|
105
|
+
"data-orientation": m,
|
|
106
|
+
children: o.map((t) => /* @__PURE__ */ n(a, {
|
|
107
|
+
id: `${e}-${t.value}`,
|
|
108
|
+
name: O,
|
|
109
|
+
label: t.label,
|
|
110
|
+
value: t.value,
|
|
111
|
+
checked: C === t.value,
|
|
112
|
+
disabled: f || t.disabled,
|
|
113
|
+
showErrorIcon: !1,
|
|
114
|
+
"aria-invalid": l ? !0 : void 0,
|
|
115
|
+
"aria-describedby": D,
|
|
116
|
+
onChange: (e) => k(t.value, e),
|
|
117
|
+
onBlur: g
|
|
118
|
+
}, t.value))
|
|
119
|
+
}),
|
|
120
|
+
l && /* @__PURE__ */ n("p", {
|
|
121
|
+
id: T,
|
|
122
|
+
class: "IncodeRadioGroupComposedError",
|
|
123
|
+
role: "alert",
|
|
124
|
+
children: l
|
|
125
|
+
}),
|
|
126
|
+
u && !l && /* @__PURE__ */ n("p", {
|
|
127
|
+
id: E,
|
|
128
|
+
class: "IncodeRadioGroupComposedHelper",
|
|
129
|
+
children: u
|
|
130
|
+
})
|
|
131
|
+
]
|
|
132
|
+
});
|
|
80
133
|
});
|
|
81
134
|
//#endregion
|
|
82
|
-
export { a as t };
|
|
135
|
+
export { a as n, o as t };
|
|
@@ -4,7 +4,7 @@ import { i as c } from "../hooks-K-ks8TCv.js";
|
|
|
4
4
|
import { t as l } from "../incodeComponent-Brc9IhMv.js";
|
|
5
5
|
import { t as u } from "../spacer-DCljE53A.js";
|
|
6
6
|
import { t as d } from "../page-D5Mt-0zn.js";
|
|
7
|
-
import "../extensibility-
|
|
7
|
+
import "../extensibility-04gn7mbK.js";
|
|
8
8
|
import { t as f } from "../button-4-ToV5B_.js";
|
|
9
9
|
import { t as p } from "../verificationResult-BvUseXrX.js";
|
|
10
10
|
import { t as m } from "../incodeModule-BH9gV7jI.js";
|
|
@@ -172,14 +172,14 @@ var M = {
|
|
|
172
172
|
CURP_VALIDATION: () => import("./curp-validation/curp-validation.es.js").then((e) => e.CurpValidation),
|
|
173
173
|
GOVT_VALIDATION_PROVISIONING: () => import("./governmentValidation/governmentValidation.es.js").then((e) => e.GovernmentValidation),
|
|
174
174
|
GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((e) => e.Geolocation),
|
|
175
|
-
EXTERNAL_VERIFICATION: () => import("./ekycModule-
|
|
175
|
+
EXTERNAL_VERIFICATION: () => import("./ekycModule-BxPTVcan.js").then((e) => e.EkycModule),
|
|
176
176
|
EKYB: () => import("./ekybModule-Cl0rbs4s.js").then((e) => e.EkybModule),
|
|
177
|
-
DOCUMENT_CAPTURE: () => import("./documentCapture-
|
|
178
|
-
ADDRESS: () => import("./documentCapture-
|
|
177
|
+
DOCUMENT_CAPTURE: () => import("./documentCapture-fjzmYCVb.js").then((e) => e.DocumentCapture),
|
|
178
|
+
ADDRESS: () => import("./documentCapture-fjzmYCVb.js").then((e) => e.DocumentCapture),
|
|
179
179
|
COMBINED_CONSENT: () => import("./consent/consent.es.js").then((e) => e.Consent),
|
|
180
180
|
MANDATORY_CONSENT: () => import("./mandatoryConsent-BP_Zpvrh.js").then((e) => e.MandatoryConsent),
|
|
181
181
|
SIGNATURE: () => import("./signature/signature.es.js").then((e) => e.Signature),
|
|
182
|
-
ID_OCR: () => import("./idOcr-
|
|
182
|
+
ID_OCR: () => import("./idOcr-DXZbASy3.js").then((e) => e.IdOcr),
|
|
183
183
|
CPF_OCR: () => import("./cpfOcr-BmNgojfA.js").then((e) => e.CpfOcr),
|
|
184
184
|
ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((e) => e.Antifraud),
|
|
185
185
|
CUSTOM_FIELDS: () => import("./customFields-BE-LNxr6.js").then((e) => e.CustomFields),
|
package/dist/workflow/styles.css
CHANGED
|
@@ -2909,35 +2909,6 @@
|
|
|
2909
2909
|
margin-inline: auto;
|
|
2910
2910
|
}
|
|
2911
2911
|
|
|
2912
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {
|
|
2913
|
-
margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
|
|
2914
|
-
font-family: var(--typography-label-family);
|
|
2915
|
-
font-size: var(--typography-label-m-size);
|
|
2916
|
-
font-weight: var(--typography-label-m-weight);
|
|
2917
|
-
line-height: var(--typography-label-m-line-height);
|
|
2918
|
-
letter-spacing: var(--typography-label-m-letter-spacing);
|
|
2919
|
-
--tw-leading: 1;
|
|
2920
|
-
color: var(--color-input-text-label-default, var(--input-text-label-default));
|
|
2921
|
-
line-height: 1;
|
|
2922
|
-
display: block;
|
|
2923
|
-
}
|
|
2924
|
-
|
|
2925
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {
|
|
2926
|
-
gap: var(--spacing-24, var(--spacing-24, 24px));
|
|
2927
|
-
display: flex;
|
|
2928
|
-
}
|
|
2929
|
-
|
|
2930
|
-
.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {
|
|
2931
|
-
margin-top: var(--spacing-8, var(--spacing-8, 8px));
|
|
2932
|
-
font-family: var(--typography-body-family);
|
|
2933
|
-
font-size: var(--typography-body-m-regular-size);
|
|
2934
|
-
font-weight: var(--typography-body-m-regular-weight);
|
|
2935
|
-
line-height: var(--typography-body-m-regular-line-height);
|
|
2936
|
-
letter-spacing: var(--typography-body-m-regular-letter-spacing);
|
|
2937
|
-
color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
|
|
2938
|
-
display: block;
|
|
2939
|
-
}
|
|
2940
|
-
|
|
2941
2912
|
.IncodeEkycPage .IncodeEkycFooter {
|
|
2942
2913
|
margin-top: var(--spacing-24, var(--spacing-24, 24px));
|
|
2943
2914
|
align-items: center;
|
|
@@ -6,7 +6,7 @@ import { t as s } from "../incodeComponent-Brc9IhMv.js";
|
|
|
6
6
|
import "../spinner-BiPJCr9Q.js";
|
|
7
7
|
import { t as c } from "../transitionSpinner-CisZoKUv.js";
|
|
8
8
|
import { t as l } from "../incodeModule-BH9gV7jI.js";
|
|
9
|
-
import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-
|
|
9
|
+
import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-JcIcr7jR.js";
|
|
10
10
|
import { resolveWasmConfig as h, warmupWasm as g } from "@incodetech/core/wasm";
|
|
11
11
|
import { QrValidationError as _, refreshQrUrlUuid as v } from "@incodetech/core/session";
|
|
12
12
|
import { createWorkflowManager as y } from "@incodetech/core/workflow";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@incodetech/web",
|
|
3
|
-
"version": "0.0.0-dev-
|
|
3
|
+
"version": "0.0.0-dev-20260504-dd4a501",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.es.js",
|
|
6
6
|
"types": "./dist/types/index.d.ts",
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
"qrcode": "^1.5.4",
|
|
240
240
|
"signature_pad": "^5.1.3",
|
|
241
241
|
"tailwindcss": "^4.1.17",
|
|
242
|
-
"@incodetech/core": "0.0.0-dev-
|
|
242
|
+
"@incodetech/core": "0.0.0-dev-20260504-dd4a501"
|
|
243
243
|
},
|
|
244
244
|
"devDependencies": {
|
|
245
245
|
"@microsoft/api-extractor": "^7.53.3",
|