@incodetech/web 0.0.0-dev-20260608-c8c427ca → 0.0.0-dev-20260609-11ba3e8a

package/dist/dropdownComposed-B4U0AIak.js

@@ -1 +0,0 @@
-import "./dropdownComposed-CS2pyn-g.js";

package/dist/dropdownComposed-CS2pyn-g.js

@@ -1,293 +0,0 @@
-import { S as e, _ as t, l as n, p as r, v as i } from "./vendor-preact-D6SntenC.js";
-import { n as a } from "./loadingIcon-BN5YRQUb.js";
-import { t as o } from "./errorIcon-DpHzAoAo.js";
-import { l as s, n as c, o as ee, u as te } from "./icons-9I5g9-_1.js";
-import { t as l } from "./successIcon-SlKgTSty.js";
-//#region src/shared/dropdownComposed/dropdownComposed.tsx
-var u = ({ id: u, label: d, labelHint: f, placeholder: p = "Choose an option", value: m, options: h, onChange: ne, error: g, helper: _, showErrorIcon: re, showHelperIcon: v, suppressMessages: y = !1, disabled: b = !1, required: x, searchable: S = !1, searchPlaceholder: C = "Search...", noResultsText: w = "No results found", name: T, tabIndex: ie, onKeyDown: ae, onBlur: oe, renderSelectedLabel: E, siblingElement: D, enterKeyHint: se, class: ce, "aria-label": O, "data-testid": k }) => {
-	let [A, j] = r(!1), [M, N] = r(!1), [P, F] = r(-1), [I, L] = r(""), R = n(null), z = n(null), B = n(null), V = n([]), H = n(null), U = n(""), W = n(), G = h.find((e) => e.value === m), K = G ? E ? E(G) : G.label : p, q = S && I ? h.filter((e) => e.label.toLowerCase().includes(I.toLowerCase())) : h, J = `${u}-label`, Y = `${u}-value`, X = `${u}-listbox`, Z = `${u}-helper`, Q = `${u}-error`, le = y ? "" : [_ ? Z : null, g ? Q : null].filter(Boolean).join(" ");
-	t(() => {
-		if (!A) return;
-		let e = requestAnimationFrame(() => {
-			S && H.current && H.current.focus(), requestAnimationFrame(() => {
-				B.current?.scrollIntoView({
-					behavior: "smooth",
-					block: "nearest",
-					inline: "nearest"
-				});
-			});
-		});
-		return () => cancelAnimationFrame(e);
-	}, [A, S]), t(() => {
-		A || (F(-1), L(""));
-	}, [A]), t(() => {
-		P >= 0 && V.current[P] && V.current[P]?.scrollIntoView({
-			block: "nearest",
-			inline: "nearest"
-		});
-	}, [P]), t(() => () => {
-		W.current && clearTimeout(W.current);
-	}, []);
-	let ue = () => {
-		b || j((e) => !e);
-	}, $ = (e) => {
-		ne(e), j(!1), F(-1), z.current?.focus();
-	}, de = () => {
-		N(!0);
-	}, fe = (e) => {
-		N(!1), R.current?.contains(e.relatedTarget) || (j(!1), oe?.());
-	}, pe = (e) => {
-		if (b) return;
-		ae?.(e);
-		let { key: t } = e;
-		if (t.length === 1 && /^[a-zA-Z0-9]$/.test(t)) {
-			e.preventDefault(), W.current && clearTimeout(W.current), U.current += t.toLowerCase();
-			let n = q.findIndex((e) => e.label.toLowerCase().startsWith(U.current));
-			n !== -1 && (A || j(!0), F(n)), W.current = setTimeout(() => {
-				U.current = "";
-			}, 500);
-			return;
-		}
-		switch (t) {
-			case "ArrowDown":
-				e.preventDefault(), A ? F((e) => e < q.length - 1 ? e + 1 : e) : (j(!0), F(0));
-				break;
-			case "ArrowUp":
-				e.preventDefault(), A ? F((e) => e > 0 ? e - 1 : e) : (j(!0), F(q.length - 1));
-				break;
-			case "Home":
-				e.preventDefault(), A && F(0);
-				break;
-			case "End":
-				e.preventDefault(), A && F(q.length - 1);
-				break;
-			case "Enter":
-				e.preventDefault(), A && P >= 0 && q[P] ? $(q[P].value) : A || j(!0);
-				break;
-			case " ":
-				e.preventDefault(), A && P >= 0 && q[P] ? $(q[P].value) : A || (j(!0), F(0));
-				break;
-			case "Escape":
-				e.preventDefault(), A && (j(!1), F(-1), z.current?.focus());
-				break;
-			case "Tab":
-				A && (j(!1), F(-1));
-				break;
-			default: break;
-		}
-	}, me = (e) => {
-		let { key: t } = e;
-		switch (t) {
-			case "ArrowDown":
-				e.preventDefault(), F((e) => e < q.length - 1 ? e + 1 : e);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), F((e) => e > 0 ? e - 1 : e);
-				break;
-			case "Home":
-				e.preventDefault(), F(0);
-				break;
-			case "End":
-				e.preventDefault(), F(q.length - 1);
-				break;
-			case "Enter":
-				e.preventDefault(), P >= 0 && q[P] && $(q[P].value);
-				break;
-			case "Escape":
-				e.preventDefault(), j(!1), F(-1), z.current?.focus();
-				break;
-			case "Tab":
-				I || (j(!1), F(-1));
-				break;
-			default: break;
-		}
-	};
-	return /* @__PURE__ */ i("div", {
-		class: a("IncodeDropdownComposed", ce),
-		ref: R,
-		onBlur: fe,
-		children: [
-			T && /* @__PURE__ */ i("input", {
-				type: "hidden",
-				name: T,
-				value: m || "",
-				disabled: b,
-				required: x
-			}),
-			d && /* @__PURE__ */ i("label", {
-				class: "IncodeDropdownComposedLabel",
-				id: J,
-				htmlFor: u,
-				"data-testid": `${u}-label`,
-				children: [d, f && /* @__PURE__ */ i("span", {
-					class: "IncodeDropdownComposedLabelHint",
-					"data-testid": `${u}-label-hint`,
-					children: f
-				})]
-			}),
-			/* @__PURE__ */ i("div", {
-				class: "IncodeDropdownComposedWrapper",
-				children: [/* @__PURE__ */ i("div", {
-					class: a("IncodeDropdownComposedTriggerRow", { IncodeDropdownComposedTriggerRowWithSibling: !!D }),
-					children: [/* @__PURE__ */ i("button", {
-						ref: z,
-						type: "button",
-						id: u,
-						class: "IncodeDropdownComposedTrigger",
-						onClick: ue,
-						onFocus: de,
-						onKeyDown: pe,
-						tabIndex: b ? -1 : ie ?? 0,
-						disabled: b,
-						"aria-haspopup": "listbox",
-						"aria-expanded": A ? "true" : "false",
-						"aria-disabled": b ? "true" : void 0,
-						"aria-labelledby": d ? `${J} ${Y}` : void 0,
-						"aria-label": d ? void 0 : O,
-						"aria-controls": A ? X : void 0,
-						"aria-activedescendant": A && P >= 0 ? `${u}-option-${P}` : void 0,
-						"aria-invalid": g ? "true" : void 0,
-						"aria-required": x ? "true" : void 0,
-						"aria-describedby": le || void 0,
-						"data-error": g ? "true" : void 0,
-						"data-focused": M || A ? "true" : void 0,
-						"data-testid": k,
-						children: [/* @__PURE__ */ i("span", {
-							id: Y,
-							class: G ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
-							"aria-hidden": !d && O ? "true" : void 0,
-							children: G?.ariaLabel ? /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ i("span", {
-								"aria-hidden": "true",
-								children: K
-							}), /* @__PURE__ */ i("span", {
-								class: "IncodeDropdownComposedSrOnly",
-								children: G.ariaLabel
-							})] }) : K
-						}), /* @__PURE__ */ i("span", {
-							class: "IncodeDropdownComposedTriggerIcon",
-							"aria-hidden": "true",
-							"data-open": A,
-							children: /* @__PURE__ */ i(s, {})
-						})]
-					}), D && /* @__PURE__ */ i("div", {
-						class: "IncodeDropdownComposedSibling",
-						children: D
-					})]
-				}), A && /* @__PURE__ */ i("div", {
-					ref: B,
-					class: "IncodeDropdownComposedList",
-					"data-error": g ? "true" : void 0,
-					children: [S && /* @__PURE__ */ i("div", {
-						class: "IncodeDropdownComposedSearchWrapper",
-						children: /* @__PURE__ */ i("div", {
-							class: "IncodeDropdownComposedSearchInner",
-							children: [/* @__PURE__ */ i("input", {
-								ref: H,
-								type: "text",
-								class: "IncodeDropdownComposedSearchInput",
-								value: I,
-								onInput: (e) => {
-									L(e.target.value), F(0);
-								},
-								onKeyDown: me,
-								placeholder: C,
-								role: "combobox",
-								"aria-autocomplete": "list",
-								"aria-expanded": "true",
-								"aria-controls": X,
-								"aria-activedescendant": P >= 0 ? `${u}-option-${P}` : void 0,
-								"aria-label": C,
-								autocomplete: "off"
-							}), I ? /* @__PURE__ */ i("button", {
-								type: "button",
-								class: "IncodeDropdownComposedCloseIconButton",
-								onMouseDown: (e) => e.preventDefault(),
-								onClick: () => {
-									I && (L(""), H.current?.focus());
-								},
-								"aria-label": "Clear search query",
-								children: /* @__PURE__ */ i(ee, {
-									width: 20,
-									height: 20,
-									fillColor: "var(--icon-neutral-500)"
-								})
-							}) : /* @__PURE__ */ i("span", {
-								class: "IncodeDropdownComposedSearchIcon",
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ i(c, { size: 20 })
-							})]
-						})
-					}), /* @__PURE__ */ i("div", {
-						id: X,
-						role: "listbox",
-						"aria-labelledby": d ? J : void 0,
-						"aria-label": d ? void 0 : O ?? p,
-						class: "IncodeDropdownComposedOptionsScroll",
-						children: q.length === 0 ? /* @__PURE__ */ i("div", {
-							class: "IncodeDropdownComposedNoResults",
-							children: w
-						}) : q.map((e, t) => {
-							let n = m === e.value, r = e.ariaLabel && n ? `${e.ariaLabel}, selected` : e.ariaLabel;
-							return /* @__PURE__ */ i("div", {
-								id: `${u}-option-${t}`,
-								role: "option",
-								"aria-label": r,
-								"aria-selected": n ? "true" : "false",
-								class: "IncodeDropdownComposedOption",
-								"data-highlighted": P === t,
-								ref: (e) => {
-									V.current[t] = e;
-								},
-								onClick: () => $(e.value),
-								onMouseDown: (e) => e.preventDefault(),
-								onMouseEnter: () => F(t),
-								children: [e.ariaLabel ? /* @__PURE__ */ i("span", {
-									"aria-hidden": "true",
-									children: e.label
-								}) : e.label, n && /* @__PURE__ */ i("span", {
-									class: "IncodeDropdownComposedCheckmarkIcon",
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ i(te, {})
-								})]
-							}, e.value);
-						})
-					})]
-				})]
-			}),
-			S && /* @__PURE__ */ i("div", {
-				class: "IncodeDropdownComposedLiveRegion",
-				role: "status",
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				children: A && I ? q.length === 0 ? w : `${q.length} result${q.length === 1 ? "" : "s"} available` : ""
-			}),
-			!y && g && /* @__PURE__ */ i("div", {
-				class: "IncodeDropdownComposedErrorWrapper",
-				role: "alert",
-				"data-testid": `${u}-error-wrapper`,
-				children: [re && /* @__PURE__ */ i("div", {
-					class: "IncodeDropdownComposedIconWrapper",
-					children: /* @__PURE__ */ i(o, { size: 17 })
-				}), /* @__PURE__ */ i("p", {
-					id: Q,
-					class: "IncodeDropdownComposedError",
-					children: g
-				})]
-			}),
-			!y && _ && !g && /* @__PURE__ */ i("div", {
-				class: "IncodeDropdownComposedHelperWrapper",
-				"data-testid": `${u}-helper-wrapper`,
-				children: [v && /* @__PURE__ */ i("div", {
-					class: "IncodeDropdownComposedIconWrapper",
-					children: /* @__PURE__ */ i(l, { size: 17 })
-				}), /* @__PURE__ */ i("p", {
-					id: Z,
-					class: "IncodeDropdownComposedHelper",
-					children: _
-				})]
-			})
-		]
-	});
-};
-//#endregion
-export { u as t };

package/dist/dynamicForms-tYQog0kw.js

@@ -1,298 +0,0 @@
-import { n as e } from "./i18n-Kzzvkz94.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-MxHtZWTS.js";
-import { t as o } from "./incodeComponent-BoFhgK7G.js";
-import { r as s } from "./loadingIcon-BN5YRQUb.js";
-import { t as c } from "./page-DA3R7q0J.js";
-import { t as l } from "./button-DcCUEn2n.js";
-import { t as u } from "./verificationResult-DhT3hH1b.js";
-import { t as d } from "./inputComposed-DAEey9xm.js";
-import { n as f, t as p } from "./phoneInputComposed-CjAxk2Gj.js";
-import { t as m } from "./dropdownComposed-CS2pyn-g.js";
-import { t as h } from "./dateInputComposed-Ddd7HLyM.js";
-import { t as g } from "./incodeModule-BiCoAJ5k.js";
-import { n as _, t as v } from "./requiredLabelHint-B6FN3v88.js";
-import { t as y } from "./emailInput-CU7mLB21.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()
-		}, c.screenIndex);
-	}
-	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 };