@incodetech/web 0.0.0-dev-20260519-904c1c74 → 0.0.0-dev-20260519-89f343d7

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 (32) hide show
  1. package/dist/ae-signature/ae-signature.es.js +1 -1
  2. package/dist/{cpfOcr-BdLPvojl.js → cpfOcr-DLhp6Nn-.js} +1 -1
  3. package/dist/{documentCapture-lJ-U1cjp.js → documentCapture-BMKEfjL_.js} +1 -1
  4. package/dist/dynamicForms-Bk0SkIW5.js +254 -0
  5. package/dist/ekyb/ekyb.es.js +1 -1
  6. package/dist/ekyb/styles.css +2 -0
  7. package/dist/ekybModule-2jPgKVNk.js +2 -0
  8. package/dist/{ekybModule-BKRqcVUg.js → ekybModule-COvJYE2V.js} +2 -2
  9. package/dist/ekyc/ekyc.es.js +1 -1
  10. package/dist/ekyc/styles.css +9 -7
  11. package/dist/{ekycModule-Dh8h68HL.js → ekycModule-BjBpoAnU.js} +1 -1
  12. package/dist/ekycModule-DdkADk1o.js +2 -0
  13. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  14. package/dist/{electronic-signature-C7wAN8uG.js → electronic-signature-DE0NJqi-.js} +1 -1
  15. package/dist/email/email.es.js +1 -1
  16. package/dist/{emailInput-DQD3XnzK.js → emailInput-lwKXIQBC.js} +12 -11
  17. package/dist/{extensibility-BEX3WegI.js → extensibility-Dc7hWjYs.js} +1 -1
  18. package/dist/extensibility.es.js +2 -2
  19. package/dist/flow/flow.es.js +1 -1
  20. package/dist/flow/styles.css +15 -11
  21. package/dist/id/id.es.js +1 -1
  22. package/dist/{idOcr-CsDIoUzl.js → idOcr-BUzcCfwN.js} +2 -2
  23. package/dist/qe-signature/qe-signature.es.js +1 -1
  24. package/dist/signature/signature.es.js +2 -2
  25. package/dist/{useModuleLoader-gInq0l-h.js → useModuleLoader-Bkjgi1Sf.js} +7 -7
  26. package/dist/{verificationResult-biy_diWd.js → verificationResult-DNqkdn5E.js} +1 -1
  27. package/dist/workflow/styles.css +15 -11
  28. package/dist/workflow/workflow.es.js +1 -1
  29. package/package.json +2 -2
  30. package/dist/dynamicForms-JljZlRXK.js +0 -262
  31. package/dist/ekybModule-VSRRLIbh.js +0 -2
  32. package/dist/ekycModule-Cv_JJrCQ.js +0 -2
@@ -1,5 +1,5 @@
1
1
  import { v as e } from "../vendor-preact-D6SntenC.js";
2
- import { n as t } from "../electronic-signature-C7wAN8uG.js";
2
+ import { n as t } from "../electronic-signature-DE0NJqi-.js";
3
3
  import { t as n } from "../incodeModule-BqCjVgEI.js";
4
4
  //#region src/modules/ae-signature/ae-signature.tsx
5
5
  var r = ({ config: n, onFinish: r, onError: i }) => /* @__PURE__ */ e(t, {
@@ -5,7 +5,7 @@ import { t as a } from "./page-C1yT4DLb.js";
5
5
  import { t as o } from "./spinner-CKnjVHxw.js";
6
6
  import "./spinner-B4dcie2T.js";
7
7
  import { t as s } from "./button-DcCUEn2n.js";
8
- import { t as c } from "./verificationResult-biy_diWd.js";
8
+ import { t as c } from "./verificationResult-DNqkdn5E.js";
9
9
  import { t as l } from "./inputComposed-APSw8C7o.js";
10
10
  import { createCpfOcrManager as u } from "@incodetech/core/cpf-ocr";
11
11
  //#region src/modules/cpf-ocr/cpfOcr.tsx
@@ -4,7 +4,7 @@ import { o as c, r as l } from "./hooks-BVnGysT7.js";
4
4
  import { t as u } from "./incodeComponent-Dx2l4chW.js";
5
5
  import { n as d, r as f } from "./loadingIcon-BN5YRQUb.js";
6
6
  import { t as p } from "./page-C1yT4DLb.js";
7
- import { b as m, d as h, f as g, l as _, p as v, u as y, y as b } from "./extensibility-BEX3WegI.js";
7
+ import { b as m, d as h, f as g, l as _, p as v, u as y, y as b } from "./extensibility-Dc7hWjYs.js";
8
8
  import { t as x } from "./spinner-CKnjVHxw.js";
9
9
  import { t as S } from "./button-DcCUEn2n.js";
10
10
  import { a as C, p as w, r as T } from "./icons-Cc7zwchP.js";
@@ -0,0 +1,254 @@
1
+ import { n as e } from "./i18n-DQ49aghC.js";
2
+ import { _ as t, d as n, v as r } from "./vendor-preact-D6SntenC.js";
3
+ import { o as i } from "./hooks-BVnGysT7.js";
4
+ import { t as a } from "./incodeComponent-Dx2l4chW.js";
5
+ import { r as o } from "./loadingIcon-BN5YRQUb.js";
6
+ import { t as s } from "./page-C1yT4DLb.js";
7
+ import { t as c } from "./button-DcCUEn2n.js";
8
+ import { t as l } from "./verificationResult-DNqkdn5E.js";
9
+ import { t as u } from "./inputComposed-APSw8C7o.js";
10
+ import { t as d } from "./checkbox-Cl57ltq_.js";
11
+ import { n as f, t as p } from "./phoneInputComposed-bvWhGLFZ.js";
12
+ import { t as m } from "./dropdownComposed-DFRBG22E.js";
13
+ import { t as h } from "./dateInputComposed-BpAGsjN6.js";
14
+ import { t as g } from "./incodeModule-BqCjVgEI.js";
15
+ import { n as _, t as v } from "./requiredLabelHint-BLwgqozE.js";
16
+ import { t as y } from "./emailInput-lwKXIQBC.js";
17
+ import { formatCPF as b, isValidCPF as x } from "@incodetech/core/cpf-ocr";
18
+ import { createDynamicFormsManager as S } from "@incodetech/core/dynamic-forms";
19
+ //#region src/modules/dynamic-forms/dynamicForms.tsx
20
+ function C(e) {
21
+ return e.inputType ?? e.overrides ?? "TEXT";
22
+ }
23
+ var w = ({ question: e, value: t, disabled: i = !1, error: a, labelHint: o, onChange: s, onFormatValidityChange: c, onBlur: l }) => {
24
+ let g = C(e), _ = `dynamic-form-${e.questionId}`, v = e.question, S = g === "COUNTRY" || g === "NATIONALITY", w = n(() => S ? f.map((e) => ({
25
+ value: e.code,
26
+ label: `${e.emoji} ${e.name}`,
27
+ ariaLabel: e.name
28
+ })) : [], [S]);
29
+ if (g === "YESNO") return /* @__PURE__ */ r("div", {
30
+ class: "IncodeDynamicFormsField",
31
+ children: /* @__PURE__ */ r(d, {
32
+ id: _,
33
+ name: e.questionId,
34
+ label: v,
35
+ labelHint: o,
36
+ checked: t === "YES",
37
+ disabled: i,
38
+ onChange: (t) => s(e.questionId, t.target.checked ? "YES" : "NO")
39
+ })
40
+ });
41
+ if (g === "DATE") return /* @__PURE__ */ r("div", {
42
+ class: "IncodeDynamicFormsField",
43
+ children: /* @__PURE__ */ r(h, {
44
+ id: _,
45
+ name: e.questionId,
46
+ label: v,
47
+ labelHint: o,
48
+ value: t,
49
+ error: a,
50
+ showErrorIcon: !!a,
51
+ disabled: i,
52
+ onInput: (t) => s(e.questionId, t.target.value),
53
+ onBlur: () => l?.(e.questionId)
54
+ })
55
+ });
56
+ if (g === "PHONE") return /* @__PURE__ */ r("div", {
57
+ class: "IncodeDynamicFormsField",
58
+ onFocusOut: () => l?.(e.questionId),
59
+ children: /* @__PURE__ */ r(p, {
60
+ id: _,
61
+ label: v,
62
+ labelHint: o,
63
+ value: t,
64
+ error: a,
65
+ showErrorIcon: !!a,
66
+ disabled: i,
67
+ onChange: (t, n) => {
68
+ s(e.questionId, t), c?.(e.questionId, n);
69
+ }
70
+ })
71
+ });
72
+ if (g === "COUNTRY" || g === "NATIONALITY") return /* @__PURE__ */ r("div", {
73
+ class: "IncodeDynamicFormsField",
74
+ children: /* @__PURE__ */ r(m, {
75
+ id: _,
76
+ label: v,
77
+ labelHint: o,
78
+ value: t,
79
+ options: w,
80
+ searchable: !0,
81
+ error: a,
82
+ disabled: i,
83
+ onChange: (t) => s(e.questionId, t),
84
+ onBlur: () => l?.(e.questionId)
85
+ })
86
+ });
87
+ if (g === "SELECT" || g === "MULTISELECT") {
88
+ let n = (e.options ?? []).map((e) => ({
89
+ value: e,
90
+ label: e
91
+ }));
92
+ return /* @__PURE__ */ r("div", {
93
+ class: "IncodeDynamicFormsField",
94
+ children: /* @__PURE__ */ r(m, {
95
+ id: _,
96
+ label: v,
97
+ labelHint: o,
98
+ value: t,
99
+ options: n,
100
+ searchable: n.length > 5,
101
+ error: a,
102
+ disabled: i,
103
+ onChange: (t) => s(e.questionId, t),
104
+ onBlur: () => l?.(e.questionId)
105
+ })
106
+ });
107
+ }
108
+ return g === "EMAIL" ? /* @__PURE__ */ r("div", {
109
+ class: "IncodeDynamicFormsField",
110
+ children: /* @__PURE__ */ r(y, {
111
+ value: t,
112
+ emailError: a,
113
+ label: v,
114
+ labelHint: o,
115
+ disabled: i,
116
+ onEmailChange: (t, n) => {
117
+ s(e.questionId, t), c?.(e.questionId, n);
118
+ },
119
+ onBlur: () => l?.(e.questionId)
120
+ })
121
+ }) : g === "CPF" ? /* @__PURE__ */ r("div", {
122
+ class: "IncodeDynamicFormsField",
123
+ children: /* @__PURE__ */ r(u, {
124
+ id: _,
125
+ name: e.questionId,
126
+ label: v,
127
+ labelHint: o,
128
+ inputMode: "numeric",
129
+ maxLength: 14,
130
+ value: t,
131
+ error: a,
132
+ showErrorIcon: !!a,
133
+ disabled: i,
134
+ onInput: (t) => {
135
+ let n = b(t.target.value);
136
+ t.target.value = n, s(e.questionId, n), c?.(e.questionId, x(n));
137
+ },
138
+ onBlur: () => l?.(e.questionId)
139
+ })
140
+ }) : g === "NUMBER" ? /* @__PURE__ */ r("div", {
141
+ class: "IncodeDynamicFormsField",
142
+ children: /* @__PURE__ */ r(u, {
143
+ id: _,
144
+ name: e.questionId,
145
+ label: v,
146
+ labelHint: o,
147
+ type: "number",
148
+ inputMode: "numeric",
149
+ value: t,
150
+ error: a,
151
+ showErrorIcon: !!a,
152
+ disabled: i,
153
+ onInput: (t) => {
154
+ let n = t.target.value.replace(/[^0-9]/g, "");
155
+ s(e.questionId, n);
156
+ },
157
+ onBlur: () => l?.(e.questionId)
158
+ })
159
+ }) : /* @__PURE__ */ r("div", {
160
+ class: "IncodeDynamicFormsField",
161
+ children: /* @__PURE__ */ r(u, {
162
+ id: _,
163
+ name: e.questionId,
164
+ label: v,
165
+ labelHint: o,
166
+ type: "text",
167
+ value: t,
168
+ error: a,
169
+ showErrorIcon: !!a,
170
+ disabled: i,
171
+ onInput: (t) => s(e.questionId, t.target.value),
172
+ onBlur: () => l?.(e.questionId)
173
+ })
174
+ });
175
+ }, T = ({ screen: t, answers: i, validationErrors: a, canSubmit: l, isSubmitting: u = !1, onAnswerChange: d, onAnswerValidityChange: f, onValidateField: p, onSubmit: m }) => {
176
+ let { t: h } = e(), g = t.hideTitle ? void 0 : t.title || h("dynamicForms.title"), y = n(() => _(t.questions.map((e) => !e.isOptional)), [t]);
177
+ return /* @__PURE__ */ r(s, {
178
+ className: "IncodeDynamicFormsPage",
179
+ title: g,
180
+ hideFooterBranding: !0,
181
+ children: [/* @__PURE__ */ r(o, { size: 32 }), /* @__PURE__ */ r("form", {
182
+ class: "IncodeDynamicFormsForm",
183
+ onSubmit: (e) => {
184
+ e.preventDefault(), m();
185
+ },
186
+ autoComplete: "off",
187
+ children: [t.questions.map((e) => {
188
+ let t = a?.[e.questionId], n = v(y, !e.isOptional), o = n ? h(`forms.label.${n}`) ?? void 0 : void 0;
189
+ return /* @__PURE__ */ r(w, {
190
+ question: e,
191
+ value: i[e.questionId] ?? "",
192
+ disabled: u,
193
+ error: t ? h(t) : void 0,
194
+ labelHint: o,
195
+ onChange: d,
196
+ onFormatValidityChange: f,
197
+ onBlur: p
198
+ }, e.questionId);
199
+ }), /* @__PURE__ */ r(c, {
200
+ type: "submit",
201
+ disabled: !l,
202
+ isLoading: u,
203
+ children: h("common.continue")
204
+ })]
205
+ })]
206
+ });
207
+ }, E = ({ config: n, manager: a, onFinish: o }) => {
208
+ let { t: s } = e(), [c, u] = i(() => {
209
+ if (a) return a;
210
+ if (!n) throw Error("DynamicForms config is required");
211
+ return S({ config: n });
212
+ }, {
213
+ manageLifecycle: !a,
214
+ autoLoad: !0
215
+ });
216
+ if (t(() => {
217
+ (c.status === "finished" || c.status === "closed") && o?.();
218
+ }, [c.status, o]), c.status === "idle" || c.status === "loadingScreens") return /* @__PURE__ */ r(l, {
219
+ status: "submitting",
220
+ submittingTitle: s("common.loading")
221
+ });
222
+ if (c.status === "inputting" || c.status === "submitting") {
223
+ let e = c.status === "submitting", t = c.status === "inputting" ? c.canSubmit : !1;
224
+ return /* @__PURE__ */ r(T, {
225
+ screen: c.currentScreen,
226
+ answers: c.answers,
227
+ validationErrors: c.validationErrors,
228
+ canSubmit: t,
229
+ isSubmitting: e,
230
+ onAnswerChange: (e, t) => u.setAnswer(e, t),
231
+ onAnswerValidityChange: (e, t) => u.setAnswerValidity(e, t),
232
+ onValidateField: (e) => u.validateField(e),
233
+ onSubmit: () => u.submit()
234
+ });
235
+ }
236
+ if (c.status === "success") return /* @__PURE__ */ r(l, {
237
+ status: "success",
238
+ successTitle: s("dynamicForms.success")
239
+ });
240
+ if (c.status === "misconfigured") return /* @__PURE__ */ r(l, {
241
+ status: "failure",
242
+ failureTitle: s("dynamicForms.misconfigured"),
243
+ onSkip: () => u.close(),
244
+ skipLabel: s("common.close")
245
+ });
246
+ if (c.status === "finished" || c.status === "closed") return null;
247
+ }, D = ({ config: e, manager: t, onFinish: n }) => /* @__PURE__ */ r(a, { children: e || t ? /* @__PURE__ */ r(E, {
248
+ config: e,
249
+ manager: t,
250
+ onFinish: n
251
+ }) : null });
252
+ g(D, "incode-dynamic-forms");
253
+ //#endregion
254
+ export { D as DynamicForms };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../ekybModule-BKRqcVUg.js";
1
+ import { t as e } from "../ekybModule-COvJYE2V.js";
2
2
  export { e as EkybModule };
@@ -8,7 +8,9 @@
8
8
  }
9
9
 
10
10
  .IncodeEkybPage {
11
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
11
12
  margin-inline: auto;
13
+ animation-fill-mode: both;
12
14
  }
13
15
 
14
16
  .IncodeEkybPage .IncodeEkybSpinner {
@@ -0,0 +1,2 @@
1
+ import { t as e } from "./ekybModule-COvJYE2V.js";
2
+ export { e as EkybModule };
@@ -4,10 +4,10 @@ import { i as c, o as l } from "./hooks-BVnGysT7.js";
4
4
  import { t as u } from "./incodeComponent-Dx2l4chW.js";
5
5
  import { r as d } from "./loadingIcon-BN5YRQUb.js";
6
6
  import { t as f } from "./page-C1yT4DLb.js";
7
- import "./extensibility-BEX3WegI.js";
7
+ import "./extensibility-Dc7hWjYs.js";
8
8
  import { t as p } from "./spinner-CKnjVHxw.js";
9
9
  import { t as m } from "./button-DcCUEn2n.js";
10
- import { t as h } from "./verificationResult-biy_diWd.js";
10
+ import { t as h } from "./verificationResult-DNqkdn5E.js";
11
11
  import { t as g } from "./inputComposed-APSw8C7o.js";
12
12
  import { i as _, r as v } from "./radioGroupComposed-CAeFseVP.js";
13
13
  import { t as y } from "./dropdownComposed-DFRBG22E.js";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../ekycModule-Dh8h68HL.js";
1
+ import { t as e } from "../ekycModule-BjBpoAnU.js";
2
2
  export { e as EkycModule };
@@ -1,7 +1,8 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  .IncodeEkycPage {
3
- max-width: 480px;
3
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4
4
  margin-inline: auto;
5
+ animation-fill-mode: both;
5
6
  }
6
7
 
7
8
  @media (min-width: 48rem) {
@@ -20,6 +21,7 @@
20
21
  gap: var(--spacing-16, var(--spacing-16, 16px));
21
22
  flex-direction: column;
22
23
  width: 100%;
24
+ height: 100%;
23
25
  display: flex;
24
26
  }
25
27
 
@@ -41,13 +43,13 @@
41
43
  margin-inline: auto;
42
44
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
43
45
  width: 100%;
44
- max-width: 420px;
46
+ max-width: var(--incode-form-max-w);
45
47
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
46
48
  }
47
49
 
48
50
  .IncodeEkycPage .IncodeEkycRadioGroup {
49
51
  width: 100%;
50
- max-width: 420px;
52
+ max-width: var(--incode-form-max-w);
51
53
  margin-inline: auto;
52
54
  }
53
55
 
@@ -71,6 +73,10 @@
71
73
  margin-top: 0;
72
74
  }
73
75
 
76
+ .IncodeEkycPage .IncodeEkycFooter button {
77
+ margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
78
+ }
79
+
74
80
  @media (min-width: 768px) {
75
81
  .IncodeEkycPage.IncodePageContainer {
76
82
  height: 100dvh;
@@ -96,10 +102,6 @@
96
102
  overflow-y: auto;
97
103
  }
98
104
 
99
- .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {
100
- margin-left: var(--spacing-8, var(--spacing-8, 8px));
101
- }
102
-
103
105
  .IncodeEkycPage .IncodeEkycFooter {
104
106
  flex-shrink: 0;
105
107
  }
@@ -5,7 +5,7 @@ import { t as l } from "./incodeComponent-Dx2l4chW.js";
5
5
  import { t as u } from "./page-C1yT4DLb.js";
6
6
  import { t as d } from "./spinner-CKnjVHxw.js";
7
7
  import { t as f } from "./button-DcCUEn2n.js";
8
- import { t as p } from "./verificationResult-biy_diWd.js";
8
+ import { t as p } from "./verificationResult-DNqkdn5E.js";
9
9
  import { i as m, r as h, t as g } from "./radioGroupComposed-CAeFseVP.js";
10
10
  import { t as _ } from "./phoneInputComposed-bvWhGLFZ.js";
11
11
  import { t as v } from "./dropdownComposed-DFRBG22E.js";
@@ -0,0 +1,2 @@
1
+ import { t as e } from "./ekycModule-BjBpoAnU.js";
2
+ export { e as EkycModule };
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../electronic-signature-C7wAN8uG.js";
1
+ import { n as e, t } from "../electronic-signature-DE0NJqi-.js";
2
2
  export { t as AeSignature, e as ElectronicSignature };
@@ -6,7 +6,7 @@ import { t as c } from "./page-C1yT4DLb.js";
6
6
  import { t as l } from "./button-DcCUEn2n.js";
7
7
  import { c as u, r as d } from "./icons-Cc7zwchP.js";
8
8
  import { t as f } from "./successIcon-DbILeIz_.js";
9
- import { t as p } from "./verificationResult-biy_diWd.js";
9
+ import { t as p } from "./verificationResult-DNqkdn5E.js";
10
10
  import { t as m } from "./checkbox-Cl57ltq_.js";
11
11
  import { t as h } from "./pdfViewer-BGBNL1Ea.js";
12
12
  import { t as g } from "./incodeModule-BqCjVgEI.js";
@@ -7,7 +7,7 @@ import { t as s } from "../page-C1yT4DLb.js";
7
7
  import { t as c } from "../button-DcCUEn2n.js";
8
8
  import { t as l } from "../otpInput-uUeFE3w6.js";
9
9
  import { t as u } from "../incodeModule-BqCjVgEI.js";
10
- import { t as d } from "../emailInput-DQD3XnzK.js";
10
+ import { t as d } from "../emailInput-lwKXIQBC.js";
11
11
  import { createEmailManager as f } from "@incodetech/core/email";
12
12
  //#region src/modules/email/email.tsx
13
13
  function p(e) {
@@ -1,31 +1,32 @@
1
1
  import { n as e } from "./i18n-DQ49aghC.js";
2
2
  import { v as t } from "./vendor-preact-D6SntenC.js";
3
- import "./extensibility-BEX3WegI.js";
3
+ import "./extensibility-Dc7hWjYs.js";
4
4
  import { t as n } from "./inputComposed-APSw8C7o.js";
5
5
  //#region src/modules/email/emailInput.tsx
6
- var r = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/, i = ({ value: i, emailError: a, label: o, disabled: s = !1, required: c = !1, onEmailChange: l, onBlur: u }) => {
7
- let { t: d } = e(), f = (e) => {
6
+ var r = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/, i = ({ value: i, emailError: a, label: o, labelHint: s, disabled: c = !1, required: l = !1, onEmailChange: u, onBlur: d }) => {
7
+ let { t: f } = e(), p = (e) => {
8
8
  let t = e.target.value.trim();
9
- l(t, t.length > 0 && r.test(t));
10
- }, p = a ? "email-error" : void 0;
9
+ u(t, t.length > 0 && r.test(t));
10
+ }, m = a ? "email-error" : void 0;
11
11
  return /* @__PURE__ */ t("div", {
12
12
  class: "IncodeEmailInput",
13
13
  children: /* @__PURE__ */ t("div", {
14
14
  class: "IncodeEmailInputContainer",
15
- onFocusOut: u,
15
+ onFocusOut: d,
16
16
  children: /* @__PURE__ */ t(n, {
17
17
  id: "email-input",
18
18
  type: "email",
19
19
  value: i,
20
- onInput: f,
21
- placeholder: d("email.placeholder"),
22
- disabled: s,
23
- required: c,
20
+ onInput: p,
21
+ placeholder: f("email.placeholder"),
22
+ disabled: c,
23
+ required: l,
24
24
  label: o,
25
+ labelHint: s,
25
26
  "data-testid": "email-input",
26
27
  "aria-label": o ? void 0 : "Email address",
27
28
  "aria-invalid": a ? "true" : void 0,
28
- "aria-describedby": p || void 0,
29
+ "aria-describedby": m || void 0,
29
30
  autocomplete: "email",
30
31
  error: a,
31
32
  showErrorIcon: !0
@@ -14,7 +14,7 @@ import { f as y, g as b, i as x, m as S, r as C, s as w, t as T } from "./icons-
14
14
  import { t as E } from "./successIcon-DbILeIz_.js";
15
15
  import { t as D } from "./modal-NMxsQHAO.js";
16
16
  import { a as O, i as ee } from "./tutorial-C0s7rqxv.js";
17
- import "./verificationResult-biy_diWd.js";
17
+ import "./verificationResult-DNqkdn5E.js";
18
18
  import "./inputComposed-APSw8C7o.js";
19
19
  import "./inputComposed-XYrarFxS.js";
20
20
  import "./otpInput-uUeFE3w6.js";
@@ -4,7 +4,7 @@ import { a as n, o as r } from "./hooks-BVnGysT7.js";
4
4
  import { n as i, t as a } from "./incodeComponent-Dx2l4chW.js";
5
5
  import { r as o } from "./loadingIcon-BN5YRQUb.js";
6
6
  import { t as s } from "./page-C1yT4DLb.js";
7
- import { _ as c, b 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, y as E } from "./extensibility-BEX3WegI.js";
7
+ import { _ as c, b 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, y as E } from "./extensibility-Dc7hWjYs.js";
8
8
  import { a as D, i as O, n as k, o as A, r as j, t as M } from "./typography-CxjaknHN.js";
9
9
  import { t as N } from "./spinner-CKnjVHxw.js";
10
10
  import { t as P } from "./processing-CO4IWfYV.js";
@@ -13,7 +13,7 @@ import { a as I, c as L, d as R, f as z, g as B, h as V, i as H, l as U, m as W,
13
13
  import { t as Q } from "./successIcon-DbILeIz_.js";
14
14
  import { t as $ } from "./modal-NMxsQHAO.js";
15
15
  import { a as ee, i as te, n as ne, o as re, r as ie, t as ae } from "./tutorial-C0s7rqxv.js";
16
- import { t as oe } from "./verificationResult-biy_diWd.js";
16
+ import { t as oe } from "./verificationResult-DNqkdn5E.js";
17
17
  import { n as se, t as ce } from "./inputComposed-APSw8C7o.js";
18
18
  import { t as le } from "./otpInput-uUeFE3w6.js";
19
19
  import { t as ue } from "./checkbox-Cl57ltq_.js";
@@ -5,7 +5,7 @@ import { o as u } from "../hooks-BVnGysT7.js";
5
5
  import { t as d } from "../incodeComponent-Dx2l4chW.js";
6
6
  import { t as f } from "../transitionSpinner-D_N_MiDY.js";
7
7
  import { t as p } from "../incodeModule-BqCjVgEI.js";
8
- import { a as m, c as h, d as g, f as _, h as v, l as y, n as b, o as x, p as S, r as C, s as w, t as T, u as E } from "../useModuleLoader-gInq0l-h.js";
8
+ import { a as m, c as h, d as g, f as _, h as v, l as y, n as b, o as x, p as S, r as C, s as w, t as T, u as E } from "../useModuleLoader-Bkjgi1Sf.js";
9
9
  import { getDeviceClass as D } from "@incodetech/core/device";
10
10
  import { getRequiredWasmPipelines as O } from "@incodetech/core/flow";
11
11
  import { QrValidationError as k, bootstrapSession as A, refreshQrUrlUuid as j } from "@incodetech/core/session";
@@ -6837,8 +6837,9 @@
6837
6837
  }
6838
6838
 
6839
6839
  .IncodeEkycPage {
6840
- max-width: 480px;
6840
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
6841
6841
  margin-inline: auto;
6842
+ animation-fill-mode: both;
6842
6843
  }
6843
6844
 
6844
6845
  @media (min-width: 48rem) {
@@ -6857,6 +6858,7 @@
6857
6858
  gap: var(--spacing-16, var(--spacing-16, 16px));
6858
6859
  flex-direction: column;
6859
6860
  width: 100%;
6861
+ height: 100%;
6860
6862
  display: flex;
6861
6863
  }
6862
6864
 
@@ -6878,13 +6880,13 @@
6878
6880
  margin-inline: auto;
6879
6881
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
6880
6882
  width: 100%;
6881
- max-width: 420px;
6883
+ max-width: var(--incode-form-max-w);
6882
6884
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
6883
6885
  }
6884
6886
 
6885
6887
  .IncodeEkycPage .IncodeEkycRadioGroup {
6886
6888
  width: 100%;
6887
- max-width: 420px;
6889
+ max-width: var(--incode-form-max-w);
6888
6890
  margin-inline: auto;
6889
6891
  }
6890
6892
 
@@ -6908,6 +6910,10 @@
6908
6910
  margin-top: 0;
6909
6911
  }
6910
6912
 
6913
+ .IncodeEkycPage .IncodeEkycFooter button {
6914
+ margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
6915
+ }
6916
+
6911
6917
  @media (min-width: 768px) {
6912
6918
  .IncodeEkycPage.IncodePageContainer {
6913
6919
  height: 100dvh;
@@ -6933,17 +6939,15 @@
6933
6939
  overflow-y: auto;
6934
6940
  }
6935
6941
 
6936
- .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {
6937
- margin-left: var(--spacing-8, var(--spacing-8, 8px));
6938
- }
6939
-
6940
6942
  .IncodeEkycPage .IncodeEkycFooter {
6941
6943
  flex-shrink: 0;
6942
6944
  }
6943
6945
  }
6944
6946
 
6945
6947
  .IncodeEkybPage {
6948
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
6946
6949
  margin-inline: auto;
6950
+ animation-fill-mode: both;
6947
6951
  }
6948
6952
 
6949
6953
  .IncodeEkybPage .IncodeEkybSpinner {
@@ -8203,13 +8207,13 @@
8203
8207
  }
8204
8208
 
8205
8209
  .IncodeVerificationResult__center {
8210
+ width: 100%;
8211
+ max-width: var(--incode-form-max-w);
8206
8212
  justify-content: center;
8207
8213
  align-items: center;
8208
8214
  gap: var(--spacing-16, var(--spacing-16, 16px));
8209
8215
  flex-direction: column;
8210
8216
  flex: 1;
8211
- width: 100%;
8212
- max-width: 420px;
8213
8217
  margin-inline: auto;
8214
8218
  display: flex;
8215
8219
  }
@@ -8225,10 +8229,10 @@
8225
8229
  }
8226
8230
 
8227
8231
  .IncodeVerificationResult__actions {
8232
+ width: 100%;
8233
+ max-width: var(--incode-form-max-w);
8228
8234
  gap: var(--spacing-12, var(--spacing-12, 12px));
8229
8235
  flex-direction: column;
8230
- width: 100%;
8231
- max-width: 420px;
8232
8236
  margin-inline: auto;
8233
8237
  display: flex;
8234
8238
  }
package/dist/id/id.es.js CHANGED
@@ -4,7 +4,7 @@ import { o as l } from "../hooks-BVnGysT7.js";
4
4
  import { t as u } from "../incodeComponent-Dx2l4chW.js";
5
5
  import { n as d } from "../loadingIcon-BN5YRQUb.js";
6
6
  import { t as f } from "../page-C1yT4DLb.js";
7
- import { a as p, i as m, n as ee, o as h, r as g, s as _, t as v } from "../extensibility-BEX3WegI.js";
7
+ import { a as p, i as m, n as ee, o as h, r as g, s as _, t as v } from "../extensibility-Dc7hWjYs.js";
8
8
  import { t as y } from "../spinner-CKnjVHxw.js";
9
9
  import "../spinner-B4dcie2T.js";
10
10
  import { t as b } from "../transitionSpinner-D_N_MiDY.js";
@@ -3,9 +3,9 @@ import { d as t, v as n } from "./vendor-preact-D6SntenC.js";
3
3
  import { o as r } from "./hooks-BVnGysT7.js";
4
4
  import { t as i } from "./incodeComponent-Dx2l4chW.js";
5
5
  import { t as a } from "./page-C1yT4DLb.js";
6
- import "./extensibility-BEX3WegI.js";
6
+ import "./extensibility-Dc7hWjYs.js";
7
7
  import { t as o } from "./button-DcCUEn2n.js";
8
- import { t as s } from "./verificationResult-biy_diWd.js";
8
+ import { t as s } from "./verificationResult-DNqkdn5E.js";
9
9
  import { t as c } from "./inputComposed-APSw8C7o.js";
10
10
  import { t as l } from "./radioGroupComposed-CAeFseVP.js";
11
11
  import { t as u } from "./dateInputComposed-BpAGsjN6.js";
@@ -1,5 +1,5 @@
1
1
  import { v as e } from "../vendor-preact-D6SntenC.js";
2
- import { n as t } from "../electronic-signature-C7wAN8uG.js";
2
+ import { n as t } from "../electronic-signature-DE0NJqi-.js";
3
3
  import { t as n } from "../incodeModule-BqCjVgEI.js";
4
4
  //#region src/modules/qe-signature/qe-signature.tsx
5
5
  var r = ({ config: n, onFinish: r, onError: i }) => /* @__PURE__ */ e(t, {
@@ -4,9 +4,9 @@ import { o as c } from "../hooks-BVnGysT7.js";
4
4
  import { t as l } from "../incodeComponent-Dx2l4chW.js";
5
5
  import { r as u } from "../loadingIcon-BN5YRQUb.js";
6
6
  import { t as d } from "../page-C1yT4DLb.js";
7
- import "../extensibility-BEX3WegI.js";
7
+ import "../extensibility-Dc7hWjYs.js";
8
8
  import { t as f } from "../button-DcCUEn2n.js";
9
- import { t as p } from "../verificationResult-biy_diWd.js";
9
+ import { t as p } from "../verificationResult-DNqkdn5E.js";
10
10
  import { t as m } from "../incodeModule-BqCjVgEI.js";
11
11
  import { t as h } from "../defineProperty-Dh8nSJpJ.js";
12
12
  import { createSignatureManager as g } from "@incodetech/core/signature";
@@ -174,15 +174,15 @@ var M = {
174
174
  CURP_VALIDATION: () => import("./curp-validation/curp-validation.es.js").then((e) => e.CurpValidation),
175
175
  GOVT_VALIDATION_PROVISIONING: () => import("./governmentValidation/governmentValidation.es.js").then((e) => e.GovernmentValidation),
176
176
  GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((e) => e.Geolocation),
177
- EXTERNAL_VERIFICATION: () => import("./ekycModule-Cv_JJrCQ.js").then((e) => e.EkycModule),
178
- EKYB: () => import("./ekybModule-VSRRLIbh.js").then((e) => e.EkybModule),
179
- DOCUMENT_CAPTURE: () => import("./documentCapture-lJ-U1cjp.js").then((e) => e.DocumentCapture),
180
- ADDRESS: () => import("./documentCapture-lJ-U1cjp.js").then((e) => e.DocumentCapture),
177
+ EXTERNAL_VERIFICATION: () => import("./ekycModule-DdkADk1o.js").then((e) => e.EkycModule),
178
+ EKYB: () => import("./ekybModule-2jPgKVNk.js").then((e) => e.EkybModule),
179
+ DOCUMENT_CAPTURE: () => import("./documentCapture-BMKEfjL_.js").then((e) => e.DocumentCapture),
180
+ ADDRESS: () => import("./documentCapture-BMKEfjL_.js").then((e) => e.DocumentCapture),
181
181
  COMBINED_CONSENT: () => import("./consent/consent.es.js").then((e) => e.Consent),
182
182
  MANDATORY_CONSENT: () => import("./mandatoryConsent-D6YZlHdq.js").then((e) => e.MandatoryConsent),
183
183
  SIGNATURE: () => import("./signature/signature.es.js").then((e) => e.Signature),
184
- ID_OCR: () => import("./idOcr-CsDIoUzl.js").then((e) => e.IdOcr),
185
- CPF_OCR: () => import("./cpfOcr-BdLPvojl.js").then((e) => e.CpfOcr),
184
+ ID_OCR: () => import("./idOcr-BUzcCfwN.js").then((e) => e.IdOcr),
185
+ CPF_OCR: () => import("./cpfOcr-DLhp6Nn-.js").then((e) => e.CpfOcr),
186
186
  ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((e) => e.Antifraud),
187
187
  CUSTOM_FIELDS: () => import("./customFields-DV6lUnvq.js").then((e) => e.CustomFields),
188
188
  WATCHLIST: () => import("./watchlist/watchlist.es.js").then((e) => e.Watchlist),
@@ -191,7 +191,7 @@ var M = {
191
191
  AE_SIGNATURE: () => import("./ae-signature/ae-signature.es.js").then((e) => e.AeSignature),
192
192
  QE_SIGNATURE: () => import("./qe-signature/qe-signature.es.js").then((e) => e.QeSignature),
193
193
  CROSS_DOCUMENT_DATA_MATCH: () => import("./cross-document-data-match/cross-document-data-match.es.js").then((e) => e.CrossDocumentDataMatch),
194
- DYNAMIC_FORMS: () => import("./dynamicForms-JljZlRXK.js").then((e) => e.DynamicForms)
194
+ DYNAMIC_FORMS: () => import("./dynamicForms-Bk0SkIW5.js").then((e) => e.DynamicForms)
195
195
  };
196
196
  function N() {
197
197
  return O();
@@ -7,7 +7,7 @@ import { t as s } from "./button-DcCUEn2n.js";
7
7
  import { g as c, h as l } from "./icons-Cc7zwchP.js";
8
8
  import { t as u } from "./successIcon-DbILeIz_.js";
9
9
  //#region src/shared/verificationResult/verificationResult.tsx
10
- var d = ({ status: d, submittingTitle: f, successTitle: p, failureTitle: m, warningTitle: h, submittingSubtitle: g, onRetry: _, onSkip: v, retryLabel: y, skipLabel: b, hideFooterBranding: x }) => {
10
+ var d = ({ status: d, submittingTitle: f, successTitle: p, failureTitle: m, warningTitle: h, submittingSubtitle: g, onRetry: _, onSkip: v, retryLabel: y, skipLabel: b, hideFooterBranding: x = !0 }) => {
11
11
  let { t: S } = e(), C = n(null);
12
12
  if (t(() => {
13
13
  C.current?.focus();
@@ -6036,8 +6036,9 @@
6036
6036
  }
6037
6037
 
6038
6038
  .IncodeEkycPage {
6039
- max-width: 480px;
6039
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
6040
6040
  margin-inline: auto;
6041
+ animation-fill-mode: both;
6041
6042
  }
6042
6043
 
6043
6044
  @media (min-width: 48rem) {
@@ -6056,6 +6057,7 @@
6056
6057
  gap: var(--spacing-16, var(--spacing-16, 16px));
6057
6058
  flex-direction: column;
6058
6059
  width: 100%;
6060
+ height: 100%;
6059
6061
  display: flex;
6060
6062
  }
6061
6063
 
@@ -6077,13 +6079,13 @@
6077
6079
  margin-inline: auto;
6078
6080
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
6079
6081
  width: 100%;
6080
- max-width: 420px;
6082
+ max-width: var(--incode-form-max-w);
6081
6083
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
6082
6084
  }
6083
6085
 
6084
6086
  .IncodeEkycPage .IncodeEkycRadioGroup {
6085
6087
  width: 100%;
6086
- max-width: 420px;
6088
+ max-width: var(--incode-form-max-w);
6087
6089
  margin-inline: auto;
6088
6090
  }
6089
6091
 
@@ -6107,6 +6109,10 @@
6107
6109
  margin-top: 0;
6108
6110
  }
6109
6111
 
6112
+ .IncodeEkycPage .IncodeEkycFooter button {
6113
+ margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
6114
+ }
6115
+
6110
6116
  @media (min-width: 768px) {
6111
6117
  .IncodeEkycPage.IncodePageContainer {
6112
6118
  height: 100dvh;
@@ -6132,17 +6138,15 @@
6132
6138
  overflow-y: auto;
6133
6139
  }
6134
6140
 
6135
- .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {
6136
- margin-left: var(--spacing-8, var(--spacing-8, 8px));
6137
- }
6138
-
6139
6141
  .IncodeEkycPage .IncodeEkycFooter {
6140
6142
  flex-shrink: 0;
6141
6143
  }
6142
6144
  }
6143
6145
 
6144
6146
  .IncodeEkybPage {
6147
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
6145
6148
  margin-inline: auto;
6149
+ animation-fill-mode: both;
6146
6150
  }
6147
6151
 
6148
6152
  .IncodeEkybPage .IncodeEkybSpinner {
@@ -7173,13 +7177,13 @@
7173
7177
  }
7174
7178
 
7175
7179
  .IncodeVerificationResult__center {
7180
+ width: 100%;
7181
+ max-width: var(--incode-form-max-w);
7176
7182
  justify-content: center;
7177
7183
  align-items: center;
7178
7184
  gap: var(--spacing-16, var(--spacing-16, 16px));
7179
7185
  flex-direction: column;
7180
7186
  flex: 1;
7181
- width: 100%;
7182
- max-width: 420px;
7183
7187
  margin-inline: auto;
7184
7188
  display: flex;
7185
7189
  }
@@ -7195,10 +7199,10 @@
7195
7199
  }
7196
7200
 
7197
7201
  .IncodeVerificationResult__actions {
7202
+ width: 100%;
7203
+ max-width: var(--incode-form-max-w);
7198
7204
  gap: var(--spacing-12, var(--spacing-12, 12px));
7199
7205
  flex-direction: column;
7200
- width: 100%;
7201
- max-width: 420px;
7202
7206
  margin-inline: auto;
7203
7207
  display: flex;
7204
7208
  }
@@ -6,7 +6,7 @@ import { t as u } from "../incodeComponent-Dx2l4chW.js";
6
6
  import "../spinner-B4dcie2T.js";
7
7
  import { t as d } from "../transitionSpinner-D_N_MiDY.js";
8
8
  import { t as f } from "../incodeModule-BqCjVgEI.js";
9
- import { a as p, g as m, i as h, m as g, s as _, t as v } from "../useModuleLoader-gInq0l-h.js";
9
+ import { a as p, g as m, i as h, m as g, s as _, t as v } from "../useModuleLoader-Bkjgi1Sf.js";
10
10
  import { resolveWasmConfig as y, upgradeToWasmHttpClient as b, warmupWasm as x } from "@incodetech/core/wasm";
11
11
  import { getDeviceClass as S } from "@incodetech/core/device";
12
12
  import { QrValidationError as C, refreshQrUrlUuid as w } from "@incodetech/core/session";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260519-904c1c74",
3
+ "version": "0.0.0-dev-20260519-89f343d7",
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-20260519-904c1c74"
242
+ "@incodetech/core": "0.0.0-dev-20260519-89f343d7"
243
243
  },
244
244
  "devDependencies": {
245
245
  "@microsoft/api-extractor": "^7.53.3",
@@ -1,262 +0,0 @@
1
- import { n as e } from "./i18n-DQ49aghC.js";
2
- import { _ as t, d as n, p as r, v as i } from "./vendor-preact-D6SntenC.js";
3
- import { o as a } from "./hooks-BVnGysT7.js";
4
- import { t as o } from "./incodeComponent-Dx2l4chW.js";
5
- import { r as s } from "./loadingIcon-BN5YRQUb.js";
6
- import { t as c } from "./page-C1yT4DLb.js";
7
- import { t as l } from "./button-DcCUEn2n.js";
8
- import { t as u } from "./verificationResult-biy_diWd.js";
9
- import { t as d } from "./inputComposed-APSw8C7o.js";
10
- import { t as f } from "./checkbox-Cl57ltq_.js";
11
- import { n as p, t as m } from "./phoneInputComposed-bvWhGLFZ.js";
12
- import { t as h } from "./dropdownComposed-DFRBG22E.js";
13
- import { t as g } from "./dateInputComposed-BpAGsjN6.js";
14
- import { t as _ } from "./incodeModule-BqCjVgEI.js";
15
- import { t as v } from "./emailInput-DQD3XnzK.js";
16
- import { formatCPF as y } from "@incodetech/core/cpf-ocr";
17
- import { createDynamicFormsManager as b } from "@incodetech/core/dynamic-forms";
18
- //#region src/modules/dynamic-forms/dynamicForms.tsx
19
- function x(e) {
20
- return e.inputType ?? e.overrides ?? "TEXT";
21
- }
22
- var S = ({ question: e, value: t, disabled: r = !1, onChange: a, onPhoneChange: o, onPhoneBlur: s, phoneError: c, onEmailChange: l, onEmailBlur: u, emailError: _, onCpfChange: b, onCpfBlur: S, cpfError: C }) => {
23
- let w = x(e), T = `dynamic-form-${e.questionId}`, E = e.isOptional ? e.question : `* ${e.question}`, D = w === "COUNTRY" || w === "NATIONALITY", O = n(() => D ? p.map((e) => ({
24
- value: e.code,
25
- label: `${e.emoji} ${e.name}`,
26
- ariaLabel: e.name
27
- })) : [], [D]);
28
- if (w === "YESNO") return /* @__PURE__ */ i("div", {
29
- class: "IncodeDynamicFormsField",
30
- children: /* @__PURE__ */ i(f, {
31
- id: T,
32
- name: e.questionId,
33
- label: E,
34
- checked: t === "YES",
35
- disabled: r,
36
- onChange: (t) => a(e.questionId, t.target.checked ? "YES" : "NO")
37
- })
38
- });
39
- if (w === "DATE") return /* @__PURE__ */ i("div", {
40
- class: "IncodeDynamicFormsField",
41
- children: /* @__PURE__ */ i(g, {
42
- id: T,
43
- name: e.questionId,
44
- label: E,
45
- value: t,
46
- disabled: r,
47
- onInput: (t) => a(e.questionId, t.target.value)
48
- })
49
- });
50
- if (w === "PHONE") return /* @__PURE__ */ i("div", {
51
- class: "IncodeDynamicFormsField",
52
- onFocusOut: () => s?.(e.questionId),
53
- children: /* @__PURE__ */ i(m, {
54
- id: T,
55
- label: E,
56
- value: t,
57
- error: c,
58
- showErrorIcon: !!c,
59
- disabled: r,
60
- onChange: (t, n) => o?.(e.questionId, t, n)
61
- })
62
- });
63
- if (w === "COUNTRY" || w === "NATIONALITY") return /* @__PURE__ */ i("div", {
64
- class: "IncodeDynamicFormsField",
65
- children: /* @__PURE__ */ i(h, {
66
- id: T,
67
- label: E,
68
- value: t,
69
- options: O,
70
- searchable: !0,
71
- disabled: r,
72
- onChange: (t) => a(e.questionId, t)
73
- })
74
- });
75
- if (w === "SELECT" || w === "MULTISELECT") {
76
- let n = (e.options ?? []).map((e) => ({
77
- value: e,
78
- label: e
79
- }));
80
- return /* @__PURE__ */ i("div", {
81
- class: "IncodeDynamicFormsField",
82
- children: /* @__PURE__ */ i(h, {
83
- id: T,
84
- label: E,
85
- value: t,
86
- options: n,
87
- searchable: n.length > 5,
88
- disabled: r,
89
- onChange: (t) => a(e.questionId, t)
90
- })
91
- });
92
- }
93
- return w === "EMAIL" ? /* @__PURE__ */ i("div", {
94
- class: "IncodeDynamicFormsField",
95
- children: /* @__PURE__ */ i(v, {
96
- value: t,
97
- emailError: _,
98
- label: E,
99
- disabled: r,
100
- onEmailChange: (t, n) => {
101
- a(e.questionId, t), l?.(e.questionId, t, n);
102
- },
103
- onBlur: () => u?.(e.questionId)
104
- })
105
- }) : w === "CPF" ? /* @__PURE__ */ i("div", {
106
- class: "IncodeDynamicFormsField",
107
- children: /* @__PURE__ */ i(d, {
108
- id: T,
109
- name: e.questionId,
110
- label: E,
111
- inputMode: "numeric",
112
- maxLength: 14,
113
- value: t,
114
- error: C,
115
- showErrorIcon: !!C,
116
- disabled: r,
117
- onInput: (t) => {
118
- let n = y(t.target.value);
119
- t.target.value = n, a(e.questionId, n), b?.(e.questionId, n);
120
- },
121
- onBlur: () => S?.(e.questionId)
122
- })
123
- }) : w === "NUMBER" ? /* @__PURE__ */ i("div", {
124
- class: "IncodeDynamicFormsField",
125
- children: /* @__PURE__ */ i(d, {
126
- id: T,
127
- name: e.questionId,
128
- label: E,
129
- type: "number",
130
- inputMode: "numeric",
131
- value: t,
132
- disabled: r,
133
- onInput: (t) => {
134
- let n = t.target.value.replace(/[^0-9]/g, "");
135
- a(e.questionId, n);
136
- }
137
- })
138
- }) : /* @__PURE__ */ i("div", {
139
- class: "IncodeDynamicFormsField",
140
- children: /* @__PURE__ */ i(d, {
141
- id: T,
142
- name: e.questionId,
143
- label: E,
144
- type: "text",
145
- value: t,
146
- disabled: r,
147
- onInput: (t) => a(e.questionId, t.target.value)
148
- })
149
- });
150
- }, C = ({ screen: n, answers: a, answerValidity: o, canSubmit: u, isSubmitting: d = !1, onAnswerChange: f, onAnswerValidityChange: p, onSubmit: m }) => {
151
- let { t: h } = e(), [g, _] = r({}), [v, y] = r({}), [b, C] = r({}), [w, T] = r({}), [E, D] = r({}), [O, k] = r({});
152
- return t(() => {
153
- _({}), y({}), C({}), T({}), D({}), k({});
154
- }, [n]), /* @__PURE__ */ i(c, {
155
- className: "IncodeDynamicFormsPage",
156
- title: n.hideTitle ? void 0 : n.title || h("dynamicForms.title"),
157
- hideFooterBranding: !0,
158
- children: [/* @__PURE__ */ i(s, { size: 32 }), /* @__PURE__ */ i("form", {
159
- class: "IncodeDynamicFormsForm",
160
- onSubmit: (e) => {
161
- e.preventDefault(), m();
162
- },
163
- autoComplete: "off",
164
- children: [n.questions.map((e) => {
165
- let t = x(e), n = t === "PHONE", r = t === "EMAIL", s = t === "CPF", c = o[e.questionId], l = n && g[e.questionId] && v[e.questionId] && c === !1 ? h("phone.invalidPhone") : void 0, u = r && b[e.questionId] && w[e.questionId] && c === !1 ? h("verification.errors.emailInvalid") : void 0, m = s && E[e.questionId] && O[e.questionId] && c === !1 ? h("dynamicForms.invalidCpf") : void 0;
166
- return /* @__PURE__ */ i(S, {
167
- question: e,
168
- value: a[e.questionId] ?? "",
169
- disabled: d,
170
- onChange: f,
171
- onPhoneChange: (e, t, n) => {
172
- f(e, t), p(e, n), _((t) => ({
173
- ...t,
174
- [e]: !0
175
- }));
176
- },
177
- onPhoneBlur: (e) => y((t) => ({
178
- ...t,
179
- [e]: !0
180
- })),
181
- phoneError: l,
182
- onEmailChange: (e, t, n) => {
183
- p(e, n), C((t) => ({
184
- ...t,
185
- [e]: !0
186
- }));
187
- },
188
- onEmailBlur: (e) => T((t) => ({
189
- ...t,
190
- [e]: !0
191
- })),
192
- emailError: u,
193
- onCpfChange: (e) => {
194
- D((t) => ({
195
- ...t,
196
- [e]: !0
197
- }));
198
- },
199
- onCpfBlur: (e) => k((t) => ({
200
- ...t,
201
- [e]: !0
202
- })),
203
- cpfError: m
204
- }, e.questionId);
205
- }), /* @__PURE__ */ i(l, {
206
- type: "submit",
207
- disabled: !u,
208
- isLoading: d,
209
- children: h("common.continue")
210
- })]
211
- })]
212
- });
213
- }, w = ({ config: n, manager: r, onFinish: o }) => {
214
- let { t: s } = e(), [c, l] = a(() => {
215
- if (r) return r;
216
- if (!n) throw Error("DynamicForms config is required");
217
- return b({ config: n });
218
- }, {
219
- manageLifecycle: !r,
220
- autoLoad: !0
221
- });
222
- if (t(() => {
223
- (c.status === "finished" || c.status === "closed") && o?.();
224
- }, [c.status, o]), c.status === "idle" || c.status === "loadingScreens") return /* @__PURE__ */ i(u, {
225
- status: "submitting",
226
- submittingTitle: s("common.loading"),
227
- hideFooterBranding: !0
228
- });
229
- if (c.status === "inputting" || c.status === "submitting") {
230
- let e = c.status === "submitting", t = c.status === "inputting" ? c.canSubmit : !1;
231
- return /* @__PURE__ */ i(C, {
232
- screen: c.currentScreen,
233
- answers: c.answers,
234
- answerValidity: c.answerValidity,
235
- canSubmit: t,
236
- isSubmitting: e,
237
- onAnswerChange: (e, t) => l.setAnswer(e, t),
238
- onAnswerValidityChange: (e, t) => l.setAnswerValidity(e, t),
239
- onSubmit: () => l.submit()
240
- });
241
- }
242
- if (c.status === "success") return /* @__PURE__ */ i(u, {
243
- status: "success",
244
- successTitle: s("dynamicForms.success"),
245
- hideFooterBranding: !0
246
- });
247
- if (c.status === "misconfigured") return /* @__PURE__ */ i(u, {
248
- status: "failure",
249
- failureTitle: s("dynamicForms.misconfigured"),
250
- onSkip: () => l.close(),
251
- skipLabel: s("common.close"),
252
- hideFooterBranding: !0
253
- });
254
- if (c.status === "finished" || c.status === "closed") return null;
255
- }, T = ({ config: e, manager: t, onFinish: n }) => /* @__PURE__ */ i(o, { children: e || t ? /* @__PURE__ */ i(w, {
256
- config: e,
257
- manager: t,
258
- onFinish: n
259
- }) : null });
260
- _(T, "incode-dynamic-forms");
261
- //#endregion
262
- export { T as DynamicForms };
@@ -1,2 +0,0 @@
1
- import { t as e } from "./ekybModule-BKRqcVUg.js";
2
- export { e as EkybModule };
@@ -1,2 +0,0 @@
1
- import { t as e } from "./ekycModule-Dh8h68HL.js";
2
- export { e as EkycModule };