@incodetech/web 0.0.0-dev-20260309-3ae0dc2 → 0.0.0-dev-20260309-970aa39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/{Trans-BeVjp1Ze.js → Trans-CrErI8VP.js} +1 -1
  2. package/dist/authentication/authentication.es.js +3 -3
  3. package/dist/base.css +180 -90
  4. package/dist/baseTutorial-i0kcCybX.js +717 -0
  5. package/dist/{captureFooter-I1T3jXYf.js → captureFooter-BVLebxk_.js} +1 -1
  6. package/dist/{chevronDown-BGm_-EW6.js → chevronDown-DL5WsjxS.js} +1 -1
  7. package/dist/closeIcon-DmhdnnpJ.js +30 -0
  8. package/dist/curp-validation/curp-validation.es.js +6 -6
  9. package/dist/{dateInputComposed-o3bTFLSv.js → dateInputComposed-BvBQiMdN.js} +2 -2
  10. package/dist/{documentCapture-Cjt0kG-l.js → documentCapture-C3vAq9ev.js} +6 -6
  11. package/dist/{documentUpload-BXzwDFu-.js → documentUpload-BBr5ijea.js} +3 -3
  12. package/dist/{dropdownComposed-CdNahtel.js → dropdownComposed-BjDHcYMb.js} +118 -141
  13. package/dist/{ekybModule-Cfg6vEdC.js → ekybModule-rXpGlGJI.js} +4 -4
  14. package/dist/ekycModule-BjudjNd1.js +440 -0
  15. package/dist/email/email.es.js +3 -3
  16. package/dist/{errorContent-x9_n-x3d.js → errorContent-CiicsyRN.js} +4 -4
  17. package/dist/{faceMatch-CTNgRqLs.js → faceMatch-CiZ8QEzy.js} +2 -2
  18. package/dist/flow/flow.es.js +7 -7
  19. package/dist/flow/styles.css +0 -1
  20. package/dist/geolocation/geolocation.es.js +3 -3
  21. package/dist/governmentValidation/governmentValidation.es.js +6 -6
  22. package/dist/id/id.es.js +41 -44
  23. package/dist/id/styles.css +0 -1
  24. package/dist/{incodeModule-Cep-QgBA.js → incodeModule-DAveRAyZ.js} +77 -77
  25. package/dist/{otpInput-BT_mz2QV.js → otpInput-CoMOmDGR.js} +1 -1
  26. package/dist/{page-ws5_se-Y.js → page-CcgnVEBJ.js} +1 -1
  27. package/dist/phone/phone.es.js +4 -4
  28. package/dist/processing-C-wThMBe.js +19 -0
  29. package/dist/selfie/selfie.es.js +4 -4
  30. package/dist/spinner-IY4lPK0V.js +48 -0
  31. package/dist/{errorIcon-CfmANzND.js → successIcon-BXW0lXvd.js} +17 -17
  32. package/dist/themes/dark.css +1 -1
  33. package/dist/{tutorial-Dk_04cpU.js → tutorial-D492CTsM.js} +6 -6
  34. package/dist/useMediaQuery-Rn91JcLv.js +18 -0
  35. package/dist/{verificationResult-DB38rVq8.js → verificationResult-BLkF37Z6.js} +5 -5
  36. package/dist/{warningIcon-ByabB-Ag.js → warningIcon-CsSoiruR.js} +1 -1
  37. package/package.json +2 -2
  38. package/dist/baseTutorial-Bn4o165G.js +0 -348
  39. package/dist/ekycModule-DBQJnCtI.js +0 -450
  40. package/dist/processing-BivHhXrQ.js +0 -17
  41. package/dist/spinner-BNswWIfS.js +0 -46
@@ -1,450 +0,0 @@
1
- import { u as t, b as F, I as K, a as Q, S as H, B as j, r as Y } from "./incodeModule-Cep-QgBA.js";
2
- import { createEkycManager as z } from "@incodetech/core/ekyc";
3
- import { d as A, A as O, T, y as M, q as D } from "./vendor-preact-DP-hbKuj.js";
4
- import "./uiConfig-B8PUPgHY.js";
5
- import "@incodetech/core";
6
- import { V as L, u as G, F as W } from "./verificationResult-DB38rVq8.js";
7
- import { D as J } from "./dateInputComposed-o3bTFLSv.js";
8
- import { I as U, D as q } from "./dropdownComposed-CdNahtel.js";
9
- import { P as X } from "./page-ws5_se-Y.js";
10
- import { c as Z, g as P, p as V, A as B } from "./countries-DDCxQhGs.js";
11
- const ee = ({
12
- id: p,
13
- label: c,
14
- countryCode: v = "US",
15
- value: s,
16
- placeholder: a = "(123) 123-6789",
17
- error: _,
18
- disabled: k = !1,
19
- disableCountrySelector: E = !1,
20
- required: w,
21
- onChange: I,
22
- "data-testid": i
23
- }) => {
24
- const [f, S] = A(v), [g, $] = A(""), e = O(!1), m = T(
25
- () => Z.map((d) => ({
26
- value: d.code,
27
- label: `${d.emoji} ${d.callingCode} ${d.name}`
28
- })),
29
- []
30
- ), l = T(
31
- () => P(f) ?? P("US"),
32
- [f]
33
- );
34
- M(() => {
35
- if (e.current || !s || !l) return;
36
- e.current = !0;
37
- const d = s.startsWith("+") ? s : `+${s}`, r = V(d);
38
- if (r?.isValid() && r.country) {
39
- r.country !== f && S(r.country);
40
- const C = new B(r.country);
41
- $(C.input(r.nationalNumber));
42
- }
43
- }, [s, l, f]);
44
- const h = D(
45
- (d, r) => {
46
- const C = `${r.callingCode}${d.replace(/\D/g, "")}`;
47
- try {
48
- const N = V(C, r.code);
49
- I?.(C, N?.isValid() ?? !1);
50
- } catch {
51
- I?.(C, !1);
52
- }
53
- },
54
- [I]
55
- ), u = D(
56
- (d) => {
57
- S(d);
58
- const r = P(d);
59
- r && g && h(g, r);
60
- },
61
- [g, h]
62
- ), o = D(
63
- (d) => {
64
- const r = d.target.value;
65
- if (!l) {
66
- $(r);
67
- return;
68
- }
69
- const C = `${l.callingCode}${r}`, n = new B(l.code).input(C).replace(l.callingCode, "").trimStart();
70
- $(n), h(r, l);
71
- },
72
- [l, h]
73
- ), y = `${p}-country`, x = `${p}-phone`;
74
- return /* @__PURE__ */ t(
75
- q,
76
- {
77
- id: y,
78
- label: c,
79
- options: m,
80
- value: f,
81
- onChange: u,
82
- error: _,
83
- disabled: k || E,
84
- required: w,
85
- searchable: !0,
86
- searchPlaceholder: "Search countries...",
87
- renderSelectedLabel: (d) => {
88
- const r = P(d.value);
89
- return r ? `${r.emoji} ${r.callingCode}` : d.label;
90
- },
91
- class: "IncodePhoneInputComposed",
92
- siblingElement: /* @__PURE__ */ t(
93
- U,
94
- {
95
- id: x,
96
- type: "tel",
97
- value: g,
98
- onInput: o,
99
- placeholder: a,
100
- error: _,
101
- disabled: k,
102
- suppressMessages: !0,
103
- "aria-label": "Phone number",
104
- "data-testid": i
105
- }
106
- )
107
- }
108
- );
109
- }, te = "(max-width: 767px)";
110
- function ne(p) {
111
- const [c, v] = A(
112
- () => typeof window < "u" && window.matchMedia(p).matches
113
- );
114
- return M(() => {
115
- if (typeof window > "u") return;
116
- const s = window.matchMedia(p), a = () => v(s.matches);
117
- return s.addEventListener("change", a), () => s.removeEventListener("change", a);
118
- }, [p]), c;
119
- }
120
- const oe = ({
121
- label: p,
122
- value: c,
123
- error: v,
124
- suggestions: s,
125
- readonly: a,
126
- optional: _,
127
- onChange: k,
128
- onSearch: E,
129
- onSelect: w
130
- }) => {
131
- const { t: I } = F(), [i, f] = A(!1), [S, g] = A(!1), [$, e] = A(""), [m, l] = A(-1), h = O(null), u = "ekyc-address-listbox", o = ne(te), y = I(p), x = _ ? `${y} (${I("common.optional")})` : y;
132
- M(() => {
133
- function n(b) {
134
- h.current && !h.current.contains(b.target) && f(!1);
135
- }
136
- return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
137
- }, []), M(() => {
138
- l(-1);
139
- }, [s]);
140
- const d = D(
141
- (n) => {
142
- w(n), f(!1), g(!1), l(-1);
143
- },
144
- [w]
145
- ), r = (n) => {
146
- k(n), n.length >= 3 ? o ? (g(!0), e(n)) : (E(n), f(!0)) : f(!1);
147
- }, C = (n) => {
148
- !i || s.length === 0 || (n.key === "ArrowDown" ? (n.preventDefault(), l((b) => b < s.length - 1 ? b + 1 : 0)) : n.key === "ArrowUp" ? (n.preventDefault(), l((b) => b > 0 ? b - 1 : s.length - 1)) : n.key === "Enter" && m >= 0 ? (n.preventDefault(), d(s[m])) : n.key === "Escape" && (f(!1), l(-1)));
149
- }, N = !o && i && s.length > 0, R = N && m >= 0 ? `${u}-option-${m}` : void 0;
150
- return /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete", ref: h, children: [
151
- /* @__PURE__ */ t(
152
- U,
153
- {
154
- id: "ekyc-street",
155
- label: x,
156
- name: "street",
157
- value: c,
158
- readOnly: a,
159
- error: v ? I(v) : void 0,
160
- onInput: (n) => r(n.target.value),
161
- onKeyDown: C,
162
- role: "combobox",
163
- "aria-expanded": N,
164
- "aria-controls": u,
165
- "aria-activedescendant": R,
166
- "aria-autocomplete": "list",
167
- "data-testid": "ekyc-address-input"
168
- }
169
- ),
170
- N && /* @__PURE__ */ t(
171
- "ul",
172
- {
173
- id: u,
174
- role: "listbox",
175
- className: "IncodeAddressAutocomplete__suggestions",
176
- children: s.map((n, b) => /* @__PURE__ */ t(
177
- "li",
178
- {
179
- id: `${u}-option-${b}`,
180
- role: "option",
181
- "aria-selected": b === m,
182
- className: `IncodeAddressAutocomplete__suggestion${b === m ? "IncodeAddressAutocomplete__suggestion--active" : ""}`,
183
- onClick: () => d(n),
184
- children: n.label
185
- },
186
- n.id
187
- ))
188
- }
189
- ),
190
- o && S && /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalOverlay", children: /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modal", children: [
191
- /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalHeader", children: [
192
- /* @__PURE__ */ t("h3", { children: I("verification.addressSearch") }),
193
- /* @__PURE__ */ t(
194
- "button",
195
- {
196
- className: "IncodeAddressAutocomplete__modalClose",
197
- onClick: () => g(!1),
198
- type: "button",
199
- children: "×"
200
- }
201
- )
202
- ] }),
203
- /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalBody", children: [
204
- /* @__PURE__ */ t(
205
- "input",
206
- {
207
- className: "IncodeAddressAutocomplete__modalInput",
208
- type: "text",
209
- value: $,
210
- placeholder: I("verification.addressPlaceholder"),
211
- onInput: (n) => {
212
- const b = n.target.value;
213
- e(b), b.length >= 3 && E(b);
214
- },
215
- autoFocus: !0
216
- }
217
- ),
218
- s.length > 0 && /* @__PURE__ */ t(
219
- "ul",
220
- {
221
- role: "listbox",
222
- className: "IncodeAddressAutocomplete__modalSuggestions",
223
- children: s.map((n) => /* @__PURE__ */ t(
224
- "li",
225
- {
226
- role: "option",
227
- className: "IncodeAddressAutocomplete__modalSuggestion",
228
- onClick: () => d(n),
229
- children: n.label
230
- },
231
- n.id
232
- ))
233
- }
234
- ),
235
- /* @__PURE__ */ t(
236
- "button",
237
- {
238
- className: "IncodeAddressAutocomplete__enterManually",
239
- onClick: () => g(!1),
240
- type: "button",
241
- children: I("verification.enterManually")
242
- }
243
- )
244
- ] })
245
- ] }) })
246
- ] });
247
- }, se = ({ config: p, onFinish: c, onError: v }) => {
248
- const { t: s } = F(), [a, _] = Q(() => z({ config: p }));
249
- M(() => {
250
- (a.status === "finished" || a.status === "closed") && c?.();
251
- }, [a.status, c]);
252
- const k = a.status === "error" ? a.errorMessage : void 0;
253
- return M(() => {
254
- a.status === "error" && v?.(k);
255
- }, [a.status, v, k]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ t(
256
- L,
257
- {
258
- status: "submitting",
259
- submittingTitle: s("common.loading")
260
- }
261
- ) : a.status === "submitting" ? /* @__PURE__ */ t(L, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ t(L, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ t(
262
- L,
263
- {
264
- status: "failure",
265
- onRetry: () => _.retry(),
266
- onSkip: () => _.skip()
267
- }
268
- ) : a.status === "misconfigured" ? /* @__PURE__ */ t(
269
- L,
270
- {
271
- status: "failure",
272
- failureTitle: s("verification.noFormFields"),
273
- onSkip: () => _.close(),
274
- skipLabel: s("common.close")
275
- }
276
- ) : a.status === "form" ? /* @__PURE__ */ t(ae, { state: a, manager: _ }) : null;
277
- }, ae = ({ state: p, manager: c }) => {
278
- const {
279
- fields: v,
280
- values: s,
281
- displayErrors: a,
282
- isValid: _,
283
- addressSuggestions: k,
284
- prefilled: E,
285
- hideEmail: w,
286
- fieldsCountry: I
287
- } = p, { t: i } = F(), f = O(null), S = G(f, v.length);
288
- let g;
289
- return /* @__PURE__ */ t(X, { className: `IncodeEkycPage${S ? " IncodeEkycPage--scrollable" : ""}`, title: i("verification.title"), children: [
290
- /* @__PURE__ */ t("div", { ref: f, className: "IncodeEkyc__form", children: v.map((e) => {
291
- if (e.name === "email" && w) return null;
292
- let m = null;
293
- e.section && e.section !== g && (g = e.section, m = /* @__PURE__ */ t("h3", { className: "IncodeEkyc__sectionHeader", children: i({
294
- address: "verification.labels.addressDetailsSection",
295
- driverLicense: "verification.labels.dlDetailsSection"
296
- }[e.section] ?? e.section) }));
297
- const l = e.readonly || E[e.name], h = s[e.name] ?? "", u = a[e.name];
298
- if (e.name === "street" && e.section === "address")
299
- return /* @__PURE__ */ t("div", { children: [
300
- m,
301
- /* @__PURE__ */ t(
302
- oe,
303
- {
304
- label: e.label,
305
- value: h,
306
- error: u,
307
- suggestions: k,
308
- readonly: l,
309
- onChange: (o) => c.setField("street", o),
310
- onSearch: (o) => c.searchAddress(o),
311
- onSelect: (o) => c.selectAddress(o)
312
- }
313
- )
314
- ] }, e.name);
315
- if (e.type === "dropdown") {
316
- const o = i(e.label);
317
- return /* @__PURE__ */ t("div", { children: [
318
- m,
319
- /* @__PURE__ */ t(
320
- q,
321
- {
322
- id: `ekyc-${e.name}`,
323
- label: o,
324
- placeholder: e.placeholder ? i(e.placeholder) : void 0,
325
- value: h,
326
- options: (e.options ?? []).map((y) => ({
327
- ...y,
328
- label: i(y.label)
329
- })),
330
- error: u ? i(u) : void 0,
331
- disabled: l,
332
- searchable: !0,
333
- onChange: (y) => c.setField(e.name, y),
334
- "data-testid": `ekyc-field-${e.name}`
335
- }
336
- )
337
- ] }, e.name);
338
- }
339
- if (e.type === "date") {
340
- const o = i(e.label);
341
- return /* @__PURE__ */ t("div", { children: [
342
- m,
343
- /* @__PURE__ */ t(
344
- J,
345
- {
346
- id: `ekyc-${e.name}`,
347
- label: o,
348
- value: h,
349
- error: u ? i(u) : void 0,
350
- disabled: l,
351
- onInput: (y) => {
352
- const x = y.target;
353
- c.setField(e.name, x.value);
354
- },
355
- "data-testid": `ekyc-field-${e.name}`
356
- }
357
- )
358
- ] }, e.name);
359
- }
360
- if (e.type === "phone") {
361
- const o = i(e.label);
362
- return /* @__PURE__ */ t("div", { children: [
363
- m,
364
- /* @__PURE__ */ t(
365
- ee,
366
- {
367
- id: `ekyc-${e.name}`,
368
- label: o,
369
- countryCode: I || "US",
370
- value: h,
371
- placeholder: "(123) 123-6789",
372
- error: u ? i(u) : void 0,
373
- disabled: l,
374
- disableCountrySelector: e.disableCountrySelector,
375
- required: e.required,
376
- onChange: (y) => c.setField(e.name, y),
377
- "data-testid": `ekyc-field-${e.name}`
378
- }
379
- )
380
- ] }, e.name);
381
- }
382
- return e.type === "radio" ? /* @__PURE__ */ t("div", { children: [
383
- m,
384
- /* @__PURE__ */ t("div", { className: "IncodeEkyc__radioGroup", children: [
385
- /* @__PURE__ */ t("label", { className: "IncodeEkyc__radioLabel", children: i(e.label) }),
386
- /* @__PURE__ */ t("div", { className: "IncodeEkyc__radioOptions", children: e.options?.map((o) => /* @__PURE__ */ t(
387
- "label",
388
- {
389
- className: "IncodeEkyc__radioOption",
390
- children: [
391
- /* @__PURE__ */ t(
392
- "input",
393
- {
394
- type: "radio",
395
- name: e.name,
396
- value: o.value,
397
- checked: h === o.value,
398
- onChange: () => c.setField(e.name, o.value),
399
- disabled: l
400
- }
401
- ),
402
- /* @__PURE__ */ t("span", { children: i(o.label) })
403
- ]
404
- },
405
- o.value
406
- )) }),
407
- u && /* @__PURE__ */ t("span", { className: "IncodeEkyc__fieldError", children: i(u) })
408
- ] })
409
- ] }, e.name) : /* @__PURE__ */ t("div", { children: [
410
- m,
411
- /* @__PURE__ */ t(
412
- W,
413
- {
414
- name: e.name,
415
- label: e.label,
416
- value: h,
417
- error: u,
418
- type: e.type === "tel" ? "tel" : "text",
419
- placeholder: e.placeholder,
420
- placeholderParams: e.placeholderParams,
421
- required: e.required,
422
- readonly: l,
423
- maxLength: e.maxLength,
424
- onChange: (o, y) => c.setField(o, y)
425
- }
426
- )
427
- ] }, e.name);
428
- }) }),
429
- /* @__PURE__ */ t("div", { className: "IncodeEkyc__footer", children: [
430
- /* @__PURE__ */ t(H, { size: 32 }),
431
- /* @__PURE__ */ t(
432
- j,
433
- {
434
- onClick: () => c.submit(),
435
- disabled: !_,
436
- "data-testid": "ekyc-submit",
437
- children: i("common.continue")
438
- }
439
- )
440
- ] })
441
- ] });
442
- }, re = ({
443
- config: p,
444
- onFinish: c,
445
- onError: v
446
- }) => /* @__PURE__ */ t(K, { children: p ? /* @__PURE__ */ t(se, { config: p, onFinish: c, onError: v }) : null });
447
- Y(re, "incode-ekyc");
448
- export {
449
- re as EkycModule
450
- };
@@ -1,17 +0,0 @@
1
- import { b as e, u as i } from "./incodeModule-Cep-QgBA.js";
2
- import { S as n } from "./spinner-BNswWIfS.js";
3
- const l = () => {
4
- const { t: r } = e();
5
- return /* @__PURE__ */ i(
6
- n,
7
- {
8
- title: r("loadingCircle.hangOn"),
9
- subtitle: r("loadingCircle.validating"),
10
- size: "large",
11
- fullScreen: !0
12
- }
13
- );
14
- };
15
- export {
16
- l as P
17
- };
@@ -1,46 +0,0 @@
1
- import { u as n, c as t, L as p, S as r } from "./incodeModule-Cep-QgBA.js";
2
- import { k as s } from "./vendor-preact-DP-hbKuj.js";
3
- const S = ({ children: e, className: c }) => /* @__PURE__ */ n("h2", { class: `IncodeTitle ${c ?? ""}`, children: e }), m = {
4
- small: 24,
5
- medium: 48,
6
- large: 64
7
- }, u = ({
8
- title: e,
9
- subtitle: c,
10
- size: i = "medium",
11
- fullScreen: a = !0,
12
- className: d
13
- }) => {
14
- const o = m[i], l = t(
15
- "IncodeSpinner",
16
- a && "IncodeSpinnerFullScreen",
17
- d
18
- );
19
- return /* @__PURE__ */ n(
20
- "div",
21
- {
22
- class: l,
23
- "data-testid": "spinner",
24
- "data-title": e,
25
- "data-subtitle": c,
26
- "data-size": i,
27
- children: /* @__PURE__ */ n("div", { class: "IncodeSpinnerContent", children: [
28
- /* @__PURE__ */ n(p, { size: o }),
29
- (e || c) && /* @__PURE__ */ n(s, { children: [
30
- /* @__PURE__ */ n(r, { size: 16 }),
31
- /* @__PURE__ */ n("div", { class: "IncodeSpinnerText", children: [
32
- e && /* @__PURE__ */ n(S, { className: "IncodeSpinnerTitle", children: e }),
33
- c && /* @__PURE__ */ n(s, { children: [
34
- e && /* @__PURE__ */ n(r, { size: 12 }),
35
- /* @__PURE__ */ n("p", { class: "IncodeSpinnerSubtitle", children: c })
36
- ] })
37
- ] })
38
- ] })
39
- ] })
40
- }
41
- );
42
- };
43
- export {
44
- u as S,
45
- S as T
46
- };