@incodetech/web 0.0.0-dev-20260528-e63e949b → 0.0.0-dev-20260529-ab174ea7

package/dist/antifraud/antifraud.es.js

@@ -5,15 +5,18 @@ import { t as a } from "../spinner-CKnjVHxw.js";
 import { t as o } from "../incodeModule-BH9gV7jI.js";
 import { createAntifraudManager as s } from "@incodetech/core/antifraud";
 //#region src/modules/antifraud/antifraud.tsx
-var c = ({ onFinish: i }) => {
-	let [o, c] = n(() => s());
+var c = ({ manager: i, onFinish: o }) => {
+	let [c, l] = n(() => i ?? s(), { manageLifecycle: !i });
 	return e(() => {
-		c.load();
-	}, [c]), r({
-		status: o.status === "finished" ? "finished" : "loading",
-		onFinish: i
+		i || l.load();
+	}, [l, i]), r({
+		status: c.status === "finished" ? "finished" : "loading",
+		onFinish: o
 	}), /* @__PURE__ */ t(a, { fullScreen: !0 });
-}, l = ({ onFinish: e }) => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(c, { onFinish: e }) });
+}, l = ({ manager: e, onFinish: n }) => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(c, {
+	manager: e,
+	onFinish: n
+}) });
 o(l, "incode-antifraud");
 //#endregion
 export { l as Antifraud };

package/dist/dynamic-forms/styles.css

@@ -1,12 +1,4 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-.IncodeDynamicFormsProgress {
-  margin-bottom: var(--spacing-4, var(--spacing-4, 4px));
-  text-align: center;
-  font-size: var(--text-sm, .875rem);
-  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
-  color: var(--text-secondary);
-}
-
 .IncodeDynamicFormsPage .IncodePageTitleContainer {
   margin-top: var(--spacing-24, var(--spacing-24, 24px));
 }
@@ -15,22 +7,42 @@
   align-items: center;
 }
 
-.IncodeDynamicFormsForm {
-  flex-direction: column;
+.IncodeDynamicFormsPage .IncodeDynamicFormsProgress {
+  margin-bottom: var(--spacing-4, var(--spacing-4, 4px));
+  text-align: center;
+  font-size: var(--text-sm, .875rem);
+  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
+  color: var(--text-secondary);
+}
+
+.IncodeDynamicFormsPage .IncodeDynamicFormsForm {
   width: 100%;
-  max-width: 420px;
   height: 100%;
+  max-width: var(--incode-form-max-w);
+  flex-direction: column;
   display: flex;
 }
 
-.IncodeDynamicFormsForm button {
+.IncodeDynamicFormsPage .IncodeDynamicFormsForm button {
   margin-top: auto;
 }
 
-.IncodeDynamicFormsField {
+.IncodeDynamicFormsPage .IncodeDynamicFormsField {
   margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
   display: flex;
 }
+
+.IncodeDynamicFormsPage .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}

package/dist/dynamicForms-4OXspsnx.js

@@ -0,0 +1,298 @@
+import { n as e } from "./i18n-Cw8Y_JeB.js";
+import { d as t, m as n, v as r } from "./vendor-preact-D6SntenC.js";
+import { c as i, o as a } from "./hooks-vuWWj6VY.js";
+import { t as o } from "./incodeComponent-BKDH0iXh.js";
+import { r as s } from "./loadingIcon-BN5YRQUb.js";
+import { t as c } from "./page-C1yT4DLb.js";
+import { t as l } from "./button-DcCUEn2n.js";
+import { t as u } from "./verificationResult-CxBb6PGD.js";
+import { t as d } from "./inputComposed-DAEey9xm.js";
+import { n as f, t as p } from "./phoneInputComposed-BAXoouHv.js";
+import { t as m } from "./dropdownComposed-CS2pyn-g.js";
+import { t as h } from "./dateInputComposed-Ddd7HLyM.js";
+import { t as g } from "./incodeModule-BH9gV7jI.js";
+import { n as _, t as v } from "./requiredLabelHint-Dge9zK49.js";
+import { t as y } from "./emailInput-B5ISY_uk.js";
+import { formatCPF as b, isValidCPF as x } from "@incodetech/core/cpf-ocr";
+import { createDynamicFormsManager as S } from "@incodetech/core/dynamic-forms";
+//#region src/modules/dynamic-forms/dynamicForms.tsx
+function C(e) {
+	return e.inputType ?? e.overrides ?? "TEXT";
+}
+function w(e) {
+	switch (e) {
+		case "NAME": return "name";
+		case "PHONE": return "tel";
+		case "DATE": return "bday";
+		default: return;
+	}
+}
+var T = ({ question: n, value: i, disabled: a = !1, error: o, labelHint: s, onChange: c, onFormatValidityChange: l, onBlur: u }) => {
+	let { t: g } = e(), _ = C(n), v = `dynamic-form-${n.questionId}`, S = n.question, T = !n.isOptional, E = w(_), D = _ === "COUNTRY" || _ === "NATIONALITY", O = t(() => D ? f.map((e) => ({
+		value: e.code,
+		label: `${e.emoji} ${e.name}`,
+		ariaLabel: e.name
+	})) : [], [D]);
+	if (_ === "YESNO") {
+		let e = [{
+			value: "YES",
+			label: g("common.yes")
+		}, {
+			value: "NO",
+			label: g("common.no")
+		}];
+		return /* @__PURE__ */ r("div", {
+			class: "IncodeDynamicFormsField",
+			children: /* @__PURE__ */ r(m, {
+				id: v,
+				name: n.questionId,
+				label: S,
+				labelHint: s,
+				value: i,
+				options: e,
+				required: T,
+				error: o,
+				disabled: a,
+				onChange: (e) => c(n.questionId, e),
+				onBlur: () => u?.(n.questionId)
+			})
+		});
+	}
+	if (_ === "DATE") return /* @__PURE__ */ r("div", {
+		class: "IncodeDynamicFormsField",
+		children: /* @__PURE__ */ r(h, {
+			id: v,
+			name: n.questionId,
+			label: S,
+			labelHint: s,
+			value: i,
+			required: T,
+			autocomplete: E,
+			error: o,
+			showErrorIcon: !!o,
+			disabled: a,
+			onInput: (e) => c(n.questionId, e.target.value),
+			onBlur: () => u?.(n.questionId)
+		})
+	});
+	if (_ === "PHONE") return /* @__PURE__ */ r("div", {
+		class: "IncodeDynamicFormsField",
+		onFocusOut: () => u?.(n.questionId),
+		children: /* @__PURE__ */ r(p, {
+			id: v,
+			label: S,
+			labelHint: s,
+			value: i,
+			required: T,
+			autocomplete: E,
+			error: o,
+			showErrorIcon: !!o,
+			disabled: a,
+			onChange: (e, t) => {
+				c(n.questionId, e), l?.(n.questionId, t);
+			}
+		})
+	});
+	if (_ === "COUNTRY" || _ === "NATIONALITY") return /* @__PURE__ */ r("div", {
+		class: "IncodeDynamicFormsField",
+		children: /* @__PURE__ */ r(m, {
+			id: v,
+			label: S,
+			labelHint: s,
+			value: i,
+			options: O,
+			searchable: !0,
+			required: T,
+			error: o,
+			disabled: a,
+			onChange: (e) => c(n.questionId, e),
+			onBlur: () => u?.(n.questionId)
+		})
+	});
+	if (_ === "SELECT" || _ === "MULTISELECT") {
+		let e = (n.options ?? []).map((e) => ({
+			value: e,
+			label: e
+		}));
+		return /* @__PURE__ */ r("div", {
+			class: "IncodeDynamicFormsField",
+			children: /* @__PURE__ */ r(m, {
+				id: v,
+				label: S,
+				labelHint: s,
+				value: i,
+				options: e,
+				searchable: e.length > 5,
+				required: T,
+				error: o,
+				disabled: a,
+				onChange: (e) => c(n.questionId, e),
+				onBlur: () => u?.(n.questionId)
+			})
+		});
+	}
+	return _ === "EMAIL" ? /* @__PURE__ */ r("div", {
+		class: "IncodeDynamicFormsField",
+		children: /* @__PURE__ */ r(y, {
+			value: i,
+			emailError: o,
+			label: S,
+			labelHint: s,
+			required: T,
+			disabled: a,
+			onEmailChange: (e, t) => {
+				c(n.questionId, e), l?.(n.questionId, t);
+			},
+			onBlur: () => u?.(n.questionId)
+		})
+	}) : _ === "CPF" ? /* @__PURE__ */ r("div", {
+		class: "IncodeDynamicFormsField",
+		children: /* @__PURE__ */ r(d, {
+			id: v,
+			name: n.questionId,
+			label: S,
+			labelHint: s,
+			inputMode: "numeric",
+			maxLength: 14,
+			value: i,
+			required: T,
+			error: o,
+			showErrorIcon: !!o,
+			disabled: a,
+			onInput: (e) => {
+				let t = b(e.target.value);
+				e.target.value = t, c(n.questionId, t), l?.(n.questionId, x(t));
+			},
+			onBlur: () => u?.(n.questionId)
+		})
+	}) : _ === "NUMBER" ? /* @__PURE__ */ r("div", {
+		class: "IncodeDynamicFormsField",
+		children: /* @__PURE__ */ r(d, {
+			id: v,
+			name: n.questionId,
+			label: S,
+			labelHint: s,
+			type: "number",
+			inputMode: "numeric",
+			value: i,
+			required: T,
+			error: o,
+			showErrorIcon: !!o,
+			disabled: a,
+			onInput: (e) => {
+				let t = e.target.value.replace(/[^0-9]/g, "");
+				c(n.questionId, t);
+			},
+			onBlur: () => u?.(n.questionId)
+		})
+	}) : /* @__PURE__ */ r("div", {
+		class: "IncodeDynamicFormsField",
+		children: /* @__PURE__ */ r(d, {
+			id: v,
+			name: n.questionId,
+			label: S,
+			labelHint: s,
+			type: "text",
+			value: i,
+			required: T,
+			autocomplete: E,
+			error: o,
+			showErrorIcon: !!o,
+			disabled: a,
+			onInput: (e) => c(n.questionId, e.target.value),
+			onBlur: () => u?.(n.questionId)
+		})
+	});
+}, E = ({ screen: i, answers: a, validationErrors: o, canSubmit: u, isSubmitting: d = !1, onAnswerChange: f, onAnswerValidityChange: p, onValidateField: m, onSubmit: h }) => {
+	let { t: g } = e(), y = i.hideTitle ? void 0 : i.title || g("dynamicForms.title"), b = n(), x = i.title || g("dynamicForms.title"), S = t(() => _(i.questions.map((e) => !e.isOptional)), [i]);
+	return /* @__PURE__ */ r(c, {
+		className: "IncodeDynamicFormsPage",
+		title: y,
+		titleId: y ? b : void 0,
+		hideFooterBranding: !0,
+		children: [
+			/* @__PURE__ */ r(s, { size: 32 }),
+			d && /* @__PURE__ */ r("div", {
+				role: "status",
+				"aria-live": "polite",
+				class: "IncodeSrOnly",
+				children: g("common.processing")
+			}),
+			/* @__PURE__ */ r("form", {
+				class: "IncodeDynamicFormsForm",
+				onSubmit: (e) => {
+					e.preventDefault(), h();
+				},
+				"aria-labelledby": y ? b : void 0,
+				"aria-label": y ? void 0 : x,
+				"aria-busy": d || void 0,
+				children: [i.questions.map((e) => {
+					let t = o?.[e.questionId], n = v(S, !e.isOptional), i = n ? g(`forms.label.${n}`) ?? void 0 : void 0;
+					return /* @__PURE__ */ r(T, {
+						question: e,
+						value: a[e.questionId] ?? "",
+						disabled: d,
+						error: t ? g(t) : void 0,
+						labelHint: i,
+						onChange: f,
+						onFormatValidityChange: p,
+						onBlur: m
+					}, e.questionId);
+				}), /* @__PURE__ */ r(l, {
+					type: "submit",
+					disabled: !u,
+					isLoading: d,
+					children: g("common.continue")
+				})]
+			})
+		]
+	});
+}, D = ({ config: t, manager: n, onFinish: o }) => {
+	let { t: s } = e(), [c, l] = i(() => {
+		if (n) return n;
+		if (!t) throw Error("DynamicForms config is required");
+		return S({ config: t });
+	}, {
+		manageLifecycle: !n,
+		autoLoad: !0
+	});
+	if (a({
+		status: c.status === "closed" ? "finished" : c.status,
+		onFinish: o
+	}), c.status === "idle" || c.status === "loadingScreens") return /* @__PURE__ */ r(u, {
+		status: "submitting",
+		submittingTitle: s("common.loading")
+	});
+	if (c.status === "inputting" || c.status === "submitting") {
+		let e = c.status === "submitting", t = c.status === "inputting" ? c.canSubmit : !1;
+		return /* @__PURE__ */ r(E, {
+			screen: c.currentScreen,
+			answers: c.answers,
+			validationErrors: c.validationErrors,
+			canSubmit: t,
+			isSubmitting: e,
+			onAnswerChange: (e, t) => l.setAnswer(e, t),
+			onAnswerValidityChange: (e, t) => l.setAnswerValidity(e, t),
+			onValidateField: (e) => l.validateField(e),
+			onSubmit: () => l.submit()
+		});
+	}
+	if (c.status === "success") return /* @__PURE__ */ r(u, {
+		status: "success",
+		successTitle: s("dynamicForms.success")
+	});
+	if (c.status === "misconfigured") return /* @__PURE__ */ r(u, {
+		status: "failure",
+		failureTitle: s("dynamicForms.misconfigured"),
+		onSkip: () => l.close(),
+		skipLabel: s("common.close")
+	});
+	if (c.status === "finished" || c.status === "closed") return null;
+}, O = ({ config: e, manager: t, onFinish: n }) => /* @__PURE__ */ r(o, { children: e || t ? /* @__PURE__ */ r(D, {
+	config: e,
+	manager: t,
+	onFinish: n
+}) : null });
+g(O, "incode-dynamic-forms");
+//#endregion
+export { O as DynamicForms };

package/dist/flow/flow.es.js

@@ -5,7 +5,7 @@ import { c as u } from "../hooks-vuWWj6VY.js";
 import { t as d } from "../incodeComponent-BKDH0iXh.js";
 import { t as f } from "../transitionSpinner-BWCiDYAb.js";
 import { t as p } from "../incodeModule-BH9gV7jI.js";
-import { _ as m, a as h, c as g, d as _, f as v, h as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, y as k } from "../useModuleLoader-oxU_6Bgn.js";
+import { _ as m, a as h, c as g, d as _, f as v, h as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, y as k } from "../useModuleLoader-ADkwJ0F9.js";
 import { getDeviceClass as A } from "@incodetech/core/device";
 import { getRequiredWasmPipelines as j } from "@incodetech/core/flow";
 import { bootstrapSession as M, refreshQrUrlUuid as N } from "@incodetech/core/session";

package/dist/flow/styles.css

@@ -7562,14 +7562,6 @@
   margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
 }
 
-.IncodeDynamicFormsProgress {
-  margin-bottom: var(--spacing-4, var(--spacing-4, 4px));
-  text-align: center;
-  font-size: var(--text-sm, .875rem);
-  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
-  color: var(--text-secondary);
-}
-
 .IncodeDynamicFormsPage .IncodePageTitleContainer {
   margin-top: var(--spacing-24, var(--spacing-24, 24px));
 }
@@ -7578,19 +7570,27 @@
   align-items: center;
 }
 
-.IncodeDynamicFormsForm {
-  flex-direction: column;
+.IncodeDynamicFormsPage .IncodeDynamicFormsProgress {
+  margin-bottom: var(--spacing-4, var(--spacing-4, 4px));
+  text-align: center;
+  font-size: var(--text-sm, .875rem);
+  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
+  color: var(--text-secondary);
+}
+
+.IncodeDynamicFormsPage .IncodeDynamicFormsForm {
   width: 100%;
-  max-width: 420px;
   height: 100%;
+  max-width: var(--incode-form-max-w);
+  flex-direction: column;
   display: flex;
 }
 
-.IncodeDynamicFormsForm button {
+.IncodeDynamicFormsPage .IncodeDynamicFormsForm button {
   margin-top: auto;
 }
 
-.IncodeDynamicFormsField {
+.IncodeDynamicFormsPage .IncodeDynamicFormsField {
   margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   align-items: flex-start;
@@ -7598,6 +7598,18 @@
   display: flex;
 }
 
+.IncodeDynamicFormsPage .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeSignature .IncodeSignatureContent {
   width: 100%;
   height: 100%;

package/dist/types/antifraud.d.ts

@@ -1,9 +1,10 @@
 import { AntifraudConfig } from '@incodetech/core/antifraud';
+import { AntifraudManager } from '@incodetech/core/antifraud';
 import { FC } from 'preact/compat';
 
 export declare const Antifraud: FC<AntifraudProps>;
 
-declare type AntifraudProps = IncodeModuleProps<AntifraudConfig>;
+declare type AntifraudProps = IncodeModuleProps<AntifraudConfig, void, AntifraudManager>;
 
 declare type IncodeModuleProps<TConfig, TResult = void, TManager = unknown> = {
     /**
@@ -35,6 +36,8 @@ export { }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'incode-antifraud': HTMLElement & IncodeModuleProps<AntifraudConfig>;
+        'incode-antifraud': HTMLElement & IncodeModuleProps<AntifraudConfig,
+  void,
+  AntifraudManager>;
     }
 }

package/dist/{useModuleLoader-oxU_6Bgn.js → useModuleLoader-ADkwJ0F9.js}

@@ -239,7 +239,7 @@ var N = {
 	AE_SIGNATURE: () => import("./ae-signature/ae-signature.es.js").then((e) => e.AeSignature),
 	QE_SIGNATURE: () => import("./qe-signature/qe-signature.es.js").then((e) => e.QeSignature),
 	CROSS_DOCUMENT_DATA_MATCH: () => import("./cross-document-data-match/cross-document-data-match.es.js").then((e) => e.CrossDocumentDataMatch),
-	DYNAMIC_FORMS: () => import("./dynamicForms-BoCUrGRC.js").then((e) => e.DynamicForms),
+	DYNAMIC_FORMS: () => import("./dynamicForms-4OXspsnx.js").then((e) => e.DynamicForms),
 	FIELD_COMPARISON: () => import("./fieldComparison-CTRInIo3.js").then((e) => e.FieldComparison)
 };
 function P() {

package/dist/workflow/workflow.es.js

@@ -5,7 +5,7 @@ import { c as l } from "../hooks-vuWWj6VY.js";
 import { t as u } from "../incodeComponent-BKDH0iXh.js";
 import { t as d } from "../transitionSpinner-BWCiDYAb.js";
 import { t as f } from "../incodeModule-BH9gV7jI.js";
-import { a as p, g as m, i as h, l as g, o as _, s as v, t as y, v as b, y as x } from "../useModuleLoader-oxU_6Bgn.js";
+import { a as p, g as m, i as h, l as g, o as _, s as v, t as y, v as b, y as x } from "../useModuleLoader-ADkwJ0F9.js";
 import { resolveWasmConfig as S, upgradeToWasmHttpClient as C, warmupWasm as w } from "@incodetech/core/wasm";
 import { getDeviceClass as T } from "@incodetech/core/device";
 import { bootstrapSession as E, refreshQrUrlUuid as D } from "@incodetech/core/session";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260528-e63e949b",
+  "version": "0.0.0-dev-20260529-ab174ea7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -255,29 +255,32 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260528-e63e949b"
+    "@incodetech/core": "0.0.0-dev-20260529-ab174ea7"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",
     "@preact/preset-vite": "^2.10.5",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-themes": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/preact": "^8.6.14",
-    "@storybook/preact-vite": "^8.6.14",
+    "@storybook/addon-a11y": "^10.4.1",
+    "@storybook/addon-themes": "^10.4.1",
+    "@storybook/addon-vitest": "^10.4.1",
+    "@storybook/preact": "^10.4.1",
+    "@storybook/preact-vite": "^10.4.1",
+    "@storybook/react-dom-shim": "^10.4.1",
     "@tailwindcss/postcss": "^4.1.17",
     "@testing-library/preact": "^3.2.4",
     "@types/node": "^22.10.5",
     "@types/qrcode": "^1.5.6",
     "@vitejs/plugin-basic-ssl": "^2.3.0",
+    "@vitest/browser": "4.0.13",
+    "@vitest/browser-playwright": "4.0.13",
     "@vitest/coverage-v8": "^4.0.13",
     "happy-dom": "^20.7.0",
+    "playwright": "^1.60.0",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
     "preact": "^10.27.2",
     "rollup-plugin-visualizer": "^7.0.1",
-    "storybook": "^8.6.14",
+    "storybook": "^10.4.1",
     "stylelint": "^17.5.0",
     "typescript": "^5.9.3",
     "vite": "^8.0.0",
@@ -291,6 +294,7 @@
     "build:dev": "NODE_ENV=development vite build",
     "build:analyze": "rm -rf dist && ANALYZE=1 vite build && echo '\\nBundle report: packages/ui/dist/stats.html\\n'",
     "test": "vitest run",
+    "test:a11y": "VITE_STORYBOOK_A11Y=true vitest run",
     "coverage": "vitest run --coverage",
     "lint": "eslint . && pnpm lint:styles",
     "lint:fix": "eslint . --fix && pnpm lint:styles",

package/dist/dynamicForms-BoCUrGRC.js

@@ -1,266 +0,0 @@
-import { n as e } from "./i18n-Cw8Y_JeB.js";
-import { d as t, v as n } from "./vendor-preact-D6SntenC.js";
-import { c as r, o as i } from "./hooks-vuWWj6VY.js";
-import { t as a } from "./incodeComponent-BKDH0iXh.js";
-import { r as o } from "./loadingIcon-BN5YRQUb.js";
-import { t as s } from "./page-C1yT4DLb.js";
-import { t as c } from "./button-DcCUEn2n.js";
-import { t as l } from "./verificationResult-CxBb6PGD.js";
-import { t as u } from "./inputComposed-DAEey9xm.js";
-import { n as d, t as f } from "./phoneInputComposed-BAXoouHv.js";
-import { t as p } from "./dropdownComposed-CS2pyn-g.js";
-import { t as m } from "./dateInputComposed-Ddd7HLyM.js";
-import { t as h } from "./incodeModule-BH9gV7jI.js";
-import { n as g, t as _ } from "./requiredLabelHint-Dge9zK49.js";
-import { t as v } from "./emailInput-B5ISY_uk.js";
-import { formatCPF as y, isValidCPF as b } from "@incodetech/core/cpf-ocr";
-import { createDynamicFormsManager as x } from "@incodetech/core/dynamic-forms";
-//#region src/modules/dynamic-forms/dynamicForms.tsx
-function S(e) {
-	return e.inputType ?? e.overrides ?? "TEXT";
-}
-var C = ({ question: r, value: i, disabled: a = !1, error: o, labelHint: s, onChange: c, onFormatValidityChange: l, onBlur: h }) => {
-	let { t: g } = e(), _ = S(r), x = `dynamic-form-${r.questionId}`, C = r.question, w = _ === "COUNTRY" || _ === "NATIONALITY", T = t(() => w ? d.map((e) => ({
-		value: e.code,
-		label: `${e.emoji} ${e.name}`,
-		ariaLabel: e.name
-	})) : [], [w]);
-	if (_ === "YESNO") {
-		let e = [{
-			value: "YES",
-			label: g("common.yes")
-		}, {
-			value: "NO",
-			label: g("common.no")
-		}];
-		return /* @__PURE__ */ n("div", {
-			class: "IncodeDynamicFormsField",
-			children: /* @__PURE__ */ n(p, {
-				id: x,
-				name: r.questionId,
-				label: C,
-				labelHint: s,
-				value: i,
-				options: e,
-				error: o,
-				disabled: a,
-				onChange: (e) => c(r.questionId, e),
-				onBlur: () => h?.(r.questionId)
-			})
-		});
-	}
-	if (_ === "DATE") return /* @__PURE__ */ n("div", {
-		class: "IncodeDynamicFormsField",
-		children: /* @__PURE__ */ n(m, {
-			id: x,
-			name: r.questionId,
-			label: C,
-			labelHint: s,
-			value: i,
-			error: o,
-			showErrorIcon: !!o,
-			disabled: a,
-			onInput: (e) => c(r.questionId, e.target.value),
-			onBlur: () => h?.(r.questionId)
-		})
-	});
-	if (_ === "PHONE") return /* @__PURE__ */ n("div", {
-		class: "IncodeDynamicFormsField",
-		onFocusOut: () => h?.(r.questionId),
-		children: /* @__PURE__ */ n(f, {
-			id: x,
-			label: C,
-			labelHint: s,
-			value: i,
-			error: o,
-			showErrorIcon: !!o,
-			disabled: a,
-			onChange: (e, t) => {
-				c(r.questionId, e), l?.(r.questionId, t);
-			}
-		})
-	});
-	if (_ === "COUNTRY" || _ === "NATIONALITY") return /* @__PURE__ */ n("div", {
-		class: "IncodeDynamicFormsField",
-		children: /* @__PURE__ */ n(p, {
-			id: x,
-			label: C,
-			labelHint: s,
-			value: i,
-			options: T,
-			searchable: !0,
-			error: o,
-			disabled: a,
-			onChange: (e) => c(r.questionId, e),
-			onBlur: () => h?.(r.questionId)
-		})
-	});
-	if (_ === "SELECT" || _ === "MULTISELECT") {
-		let e = (r.options ?? []).map((e) => ({
-			value: e,
-			label: e
-		}));
-		return /* @__PURE__ */ n("div", {
-			class: "IncodeDynamicFormsField",
-			children: /* @__PURE__ */ n(p, {
-				id: x,
-				label: C,
-				labelHint: s,
-				value: i,
-				options: e,
-				searchable: e.length > 5,
-				error: o,
-				disabled: a,
-				onChange: (e) => c(r.questionId, e),
-				onBlur: () => h?.(r.questionId)
-			})
-		});
-	}
-	return _ === "EMAIL" ? /* @__PURE__ */ n("div", {
-		class: "IncodeDynamicFormsField",
-		children: /* @__PURE__ */ n(v, {
-			value: i,
-			emailError: o,
-			label: C,
-			labelHint: s,
-			disabled: a,
-			onEmailChange: (e, t) => {
-				c(r.questionId, e), l?.(r.questionId, t);
-			},
-			onBlur: () => h?.(r.questionId)
-		})
-	}) : _ === "CPF" ? /* @__PURE__ */ n("div", {
-		class: "IncodeDynamicFormsField",
-		children: /* @__PURE__ */ n(u, {
-			id: x,
-			name: r.questionId,
-			label: C,
-			labelHint: s,
-			inputMode: "numeric",
-			maxLength: 14,
-			value: i,
-			error: o,
-			showErrorIcon: !!o,
-			disabled: a,
-			onInput: (e) => {
-				let t = y(e.target.value);
-				e.target.value = t, c(r.questionId, t), l?.(r.questionId, b(t));
-			},
-			onBlur: () => h?.(r.questionId)
-		})
-	}) : _ === "NUMBER" ? /* @__PURE__ */ n("div", {
-		class: "IncodeDynamicFormsField",
-		children: /* @__PURE__ */ n(u, {
-			id: x,
-			name: r.questionId,
-			label: C,
-			labelHint: s,
-			type: "number",
-			inputMode: "numeric",
-			value: i,
-			error: o,
-			showErrorIcon: !!o,
-			disabled: a,
-			onInput: (e) => {
-				let t = e.target.value.replace(/[^0-9]/g, "");
-				c(r.questionId, t);
-			},
-			onBlur: () => h?.(r.questionId)
-		})
-	}) : /* @__PURE__ */ n("div", {
-		class: "IncodeDynamicFormsField",
-		children: /* @__PURE__ */ n(u, {
-			id: x,
-			name: r.questionId,
-			label: C,
-			labelHint: s,
-			type: "text",
-			value: i,
-			error: o,
-			showErrorIcon: !!o,
-			disabled: a,
-			onInput: (e) => c(r.questionId, e.target.value),
-			onBlur: () => h?.(r.questionId)
-		})
-	});
-}, w = ({ screen: r, answers: i, validationErrors: a, canSubmit: l, isSubmitting: u = !1, onAnswerChange: d, onAnswerValidityChange: f, onValidateField: p, onSubmit: m }) => {
-	let { t: h } = e(), v = r.hideTitle ? void 0 : r.title || h("dynamicForms.title"), y = t(() => g(r.questions.map((e) => !e.isOptional)), [r]);
-	return /* @__PURE__ */ n(s, {
-		className: "IncodeDynamicFormsPage",
-		title: v,
-		hideFooterBranding: !0,
-		children: [/* @__PURE__ */ n(o, { size: 32 }), /* @__PURE__ */ n("form", {
-			class: "IncodeDynamicFormsForm",
-			onSubmit: (e) => {
-				e.preventDefault(), m();
-			},
-			autoComplete: "off",
-			children: [r.questions.map((e) => {
-				let t = a?.[e.questionId], r = _(y, !e.isOptional), o = r ? h(`forms.label.${r}`) ?? void 0 : void 0;
-				return /* @__PURE__ */ n(C, {
-					question: e,
-					value: i[e.questionId] ?? "",
-					disabled: u,
-					error: t ? h(t) : void 0,
-					labelHint: o,
-					onChange: d,
-					onFormatValidityChange: f,
-					onBlur: p
-				}, e.questionId);
-			}), /* @__PURE__ */ n(c, {
-				type: "submit",
-				disabled: !l,
-				isLoading: u,
-				children: h("common.continue")
-			})]
-		})]
-	});
-}, T = ({ config: t, manager: a, onFinish: o }) => {
-	let { t: s } = e(), [c, u] = r(() => {
-		if (a) return a;
-		if (!t) throw Error("DynamicForms config is required");
-		return x({ config: t });
-	}, {
-		manageLifecycle: !a,
-		autoLoad: !0
-	});
-	if (i({
-		status: c.status === "closed" ? "finished" : c.status,
-		onFinish: o
-	}), c.status === "idle" || c.status === "loadingScreens") return /* @__PURE__ */ n(l, {
-		status: "submitting",
-		submittingTitle: s("common.loading")
-	});
-	if (c.status === "inputting" || c.status === "submitting") {
-		let e = c.status === "submitting", t = c.status === "inputting" ? c.canSubmit : !1;
-		return /* @__PURE__ */ n(w, {
-			screen: c.currentScreen,
-			answers: c.answers,
-			validationErrors: c.validationErrors,
-			canSubmit: t,
-			isSubmitting: e,
-			onAnswerChange: (e, t) => u.setAnswer(e, t),
-			onAnswerValidityChange: (e, t) => u.setAnswerValidity(e, t),
-			onValidateField: (e) => u.validateField(e),
-			onSubmit: () => u.submit()
-		});
-	}
-	if (c.status === "success") return /* @__PURE__ */ n(l, {
-		status: "success",
-		successTitle: s("dynamicForms.success")
-	});
-	if (c.status === "misconfigured") return /* @__PURE__ */ n(l, {
-		status: "failure",
-		failureTitle: s("dynamicForms.misconfigured"),
-		onSkip: () => u.close(),
-		skipLabel: s("common.close")
-	});
-	if (c.status === "finished" || c.status === "closed") return null;
-}, E = ({ config: e, manager: t, onFinish: r }) => /* @__PURE__ */ n(a, { children: e || t ? /* @__PURE__ */ n(T, {
-	config: e,
-	manager: t,
-	onFinish: r
-}) : null });
-h(E, "incode-dynamic-forms");
-//#endregion
-export { E as DynamicForms };