@incodetech/web 0.0.0-dev-20260403-eccc51c → 0.0.0-dev-20260407-4580f1c

package/dist/dropdownComposed-_Ey7wJNG.js

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

package/dist/ekyb/ekyb.es.js

@@ -0,0 +1,2 @@
+import { t as e } from "../ekybModule-fz6i9ZRt.js";
+export { e as EkybModule };

package/dist/ekyb/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {

package/dist/ekybModule-BBOm1y49.js

@@ -0,0 +1,2 @@
+import { t as e } from "./ekybModule-fz6i9ZRt.js";
+export { e as EkybModule };

package/dist/ekybModule-fz6i9ZRt.js

@@ -0,0 +1,286 @@
+import { n as e } from "./i18n-DZOHbK9q.js";
+import { S as t, _ as n, d as r, h as i, l as a, p as o, v as s } from "./vendor-preact-D6SntenC.js";
+import { c, o as l, r as u } from "./loadingIcon-CeQt7Zgb.js";
+import { t as d } from "./button-DhL5eRT3.js";
+import { t as f } from "./page-SvlJWUfz.js";
+import { t as p } from "./spinner-snIGzmm8.js";
+import { n as m, r as h, t as g } from "./formField-BRTbY8w9.js";
+import { t as _ } from "./inputComposed-BhbfD8Ru.js";
+import { t as v } from "./dropdownComposed-_Ey7wJNG.js";
+import { t as y } from "./incodeModule-Bf6yJ8RB.js";
+import { t as b } from "./addressAutocomplete-B3f6PGTT.js";
+import { DEV_ONLY_COUNTRIES as x, SUPPORTED_COUNTRIES as S, computeEkybDisplayErrors as C, createEkybManager as w } from "@incodetech/core/ekyb";
+//#region src/modules/ekyb/countrySelector.tsx
+function T(e) {
+	return [...e.toUpperCase()].map((e) => String.fromCodePoint(127462 + e.charCodeAt(0) - 65)).join("");
+}
+var E = {
+	BR: "Brazil",
+	CM: "Cameroon",
+	CN: "China",
+	FR: "France",
+	DE: "Germany",
+	IL: "Israel",
+	IT: "Italy",
+	KE: "Kenya",
+	MX: "Mexico",
+	NG: "Nigeria",
+	ES: "Spain",
+	GB: "United Kingdom",
+	US: "USA"
+};
+function D(e) {
+	let t = E[e] ?? e;
+	return {
+		value: e,
+		label: `${T(e)} ${t}`
+	};
+}
+function O() {
+	if (typeof window > "u") return !1;
+	let { hostname: e } = window.location;
+	return e === "localhost" || e.includes("stage") || e.includes("demo");
+}
+var k = ({ value: t, onChange: n }) => {
+	let { t: i } = e(), a = r(() => (O() ? [...S, ...x] : [...S]).map(D).sort((e, t) => e.label.localeCompare(t.label)), []);
+	return /* @__PURE__ */ s("div", {
+		className: "IncodeEkybCountrySelector",
+		children: /* @__PURE__ */ s(v, {
+			id: "ekyb-country",
+			label: i("ekyb.country"),
+			value: t,
+			options: a,
+			onChange: n,
+			"data-testid": "ekyb-country-selector"
+		})
+	});
+}, A = ({ field: t, value: n, error: r, errorParams: i, country: a, onChange: o, onBlur: c }) => {
+	let { t: l } = e(), u = !t.required, d = l(t.label);
+	if (t.type === "dropdown") {
+		let e = u ? `${d} (${l("common.optional")})` : d;
+		return /* @__PURE__ */ s(v, {
+			id: `ekyb-${t.name}`,
+			label: e,
+			placeholder: t.placeholder ? l(t.placeholder) : void 0,
+			value: n,
+			options: (t.options ?? []).map((e) => ({
+				...e,
+				label: l(e.label)
+			})),
+			error: m(l, r, i),
+			searchable: !0,
+			onChange: (e) => o(t.name, e),
+			onBlur: c ? () => c(t.name) : void 0,
+			"data-testid": `ekyb-field-${t.name}`
+		});
+	}
+	return /* @__PURE__ */ s(g, {
+		name: t.name,
+		label: t.label,
+		value: n,
+		error: r,
+		errorParams: i,
+		required: t.required,
+		optional: u,
+		onChange: o,
+		onBlur: c
+	});
+}, j = ({ ubos: t, errors: n, errorParams: r, canAddUbo: i, onSetField: a, onBlur: o, onAdd: c, onRemove: l }) => {
+	let { t: u } = e(), d = (e) => m(u, n[e], r[e]);
+	return t.length === 0 ? null : /* @__PURE__ */ s("div", {
+		className: "IncodeEkybUbos",
+		children: [t.map((e, t) => {
+			let n = t === 0 ? u("ekyb.uboName") : u("ekyb.uboNameWithNumber", { number: t + 1 }), r = t === 0 ? u("ekyb.uboSurname") : u("ekyb.uboSurnameWithNumber", { number: t + 1 }), i = t === 0;
+			return /* @__PURE__ */ s("div", {
+				className: "IncodeEkybUboEntry",
+				children: [
+					/* @__PURE__ */ s(_, {
+						id: `ubo-${t}-name`,
+						label: n,
+						name: `ubo-${t}-name`,
+						value: e.name,
+						error: d(`ubo-${t}-name`),
+						onInput: (e) => a(t, "name", e.target.value),
+						onBlur: o ? () => o(`ubo-${t}-name`) : void 0,
+						"data-testid": `ekyb-ubo-${t}-name`
+					}),
+					/* @__PURE__ */ s(_, {
+						id: `ubo-${t}-surname`,
+						label: r,
+						name: `ubo-${t}-surname`,
+						value: e.surname,
+						error: d(`ubo-${t}-surname`),
+						onInput: (e) => a(t, "surname", e.target.value),
+						onBlur: o ? () => o(`ubo-${t}-surname`) : void 0,
+						"data-testid": `ekyb-ubo-${t}-surname`
+					}),
+					!i && /* @__PURE__ */ s("button", {
+						className: "IncodeEkybRemoveUbo",
+						onClick: () => l(t),
+						type: "button",
+						children: u("common.remove")
+					})
+				]
+			}, e.id);
+		}), i && /* @__PURE__ */ s("button", {
+			className: "IncodeEkybAddUbo",
+			onClick: c,
+			type: "button",
+			"data-testid": "ekyb-add-ubo",
+			children: u("ekyb.addAnotherUbo")
+		})]
+	});
+}, M = ({ config: t, onFinish: r }) => {
+	let { t: i } = e(), [a, o] = c(() => w({ config: t }));
+	return n(() => {
+		(a.status === "finished" || a.status === "closed") && r?.();
+	}, [a.status, r]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ s(h, {
+		status: "submitting",
+		submittingTitle: i("common.loading")
+	}) : a.status === "submitting" ? /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, {
+		fullScreen: !1,
+		title: i("common.processing"),
+		className: "IncodeEkybSpinner"
+	}) }) : a.status === "success" ? /* @__PURE__ */ s(h, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ s(h, {
+		status: "failure",
+		onRetry: () => o.retry()
+	}) : a.status === "form" ? /* @__PURE__ */ s(F, {
+		state: a,
+		manager: o
+	}) : null;
+}, N = new Set([
+	"street",
+	"houseNo",
+	"addressLine2",
+	"city",
+	"state",
+	"postalCode"
+]), P = [
+	"street",
+	"city",
+	"state",
+	"postalCode",
+	"houseNo"
+], F = ({ state: c, manager: u }) => {
+	let { country: p, fields: m, values: h, errors: g, isValid: _, ubos: v, canAddUbo: y, addressSuggestions: x, submitAttempted: S } = c, { t: w } = e(), T = a(null), E = a(null), D = a(void 0), O = l(T, m.length), [M, F] = o({}), I = i((e) => {
+		F((t) => t[e] ? t : {
+			...t,
+			[e]: !0
+		});
+	}, []), { displayErrors: L, errorParams: R } = r(() => C(g, M, S, p, m), [
+		g,
+		M,
+		S,
+		p,
+		m
+	]), z = i((e) => I(e), [I]), B = i((e, t) => {
+		I(e), u.setField(e, t);
+	}, [u, I]), V = i((e, t, n) => {
+		I(`ubo-${e}-${t}`), u.setUboField(e, t, n);
+	}, [u, I]), H = i((e) => {
+		for (let e of P) I(e);
+		u.selectAddress(e);
+	}, [u, I]), U = i((e) => {
+		u.removeUbo(e), F((t) => {
+			let n = {};
+			for (let [r, i] of Object.entries(t)) {
+				let t = r.match(/^ubo-(\d+)-(name|surname)$/);
+				if (!t) {
+					n[r] = i;
+					continue;
+				}
+				let a = Number(t[1]);
+				if (a === e) continue;
+				let o = a > e ? a - 1 : a;
+				n[`ubo-${o}-${t[2]}`] = i;
+			}
+			return n;
+		});
+	}, [u]);
+	n(() => {
+		let e = L.postalCode, t = D.current;
+		if (D.current = e, !e || t === e) return;
+		let n = requestAnimationFrame(() => {
+			let e = E.current;
+			e && (e.querySelector("#postalCode-error") ?? e).scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		});
+		return () => cancelAnimationFrame(n);
+	}, [L.postalCode]);
+	let W = m.filter((e) => !N.has(e.name)), G = m.filter((e) => N.has(e.name));
+	return /* @__PURE__ */ s(f, {
+		className: `IncodeEkybPage${O ? " IncodeEkybPageScrollable" : ""}`,
+		title: w("ekyb.title"),
+		children: [/* @__PURE__ */ s("div", {
+			ref: T,
+			className: "IncodeEkybForm",
+			children: [
+				/* @__PURE__ */ s(k, {
+					value: p,
+					onChange: (e) => u.setCountry(e)
+				}),
+				W.map((e) => /* @__PURE__ */ s(A, {
+					field: e,
+					value: h[e.name] ?? "",
+					error: L[e.name],
+					errorParams: R[e.name],
+					country: p,
+					onChange: B,
+					onBlur: z
+				}, e.name)),
+				/* @__PURE__ */ s(j, {
+					ubos: v,
+					errors: L,
+					errorParams: R,
+					canAddUbo: y,
+					onSetField: V,
+					onBlur: z,
+					onAdd: () => u.addUbo(),
+					onRemove: U
+				}),
+				G.length > 0 && /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s("h3", {
+					className: "IncodeEkybSectionHeader",
+					children: w("ekyb.addressDetails")
+				}), G.map((e) => e.name === "street" ? /* @__PURE__ */ s(b, {
+					label: e.label,
+					value: h.street ?? "",
+					error: L.street,
+					errorParams: R.street,
+					suggestions: x,
+					optional: !e.required,
+					onChange: (e) => B("street", e),
+					onSearch: (e) => u.searchAddress(e),
+					onSelect: H,
+					onBlur: () => z("street")
+				}, e.name) : /* @__PURE__ */ s("div", {
+					ref: e.name === "postalCode" ? E : void 0,
+					children: /* @__PURE__ */ s(A, {
+						field: e,
+						value: h[e.name] ?? "",
+						error: L[e.name],
+						errorParams: R[e.name],
+						country: p,
+						onChange: B,
+						onBlur: z
+					})
+				}, e.name))] })
+			]
+		}), /* @__PURE__ */ s("div", {
+			className: "IncodeEkybFooter",
+			children: /* @__PURE__ */ s(d, {
+				onClick: () => u.submit(),
+				disabled: !_,
+				"data-testid": "ekyb-submit",
+				children: w("ekyb.continue")
+			})
+		})]
+	});
+}, I = ({ config: e, onFinish: t }) => /* @__PURE__ */ s(u, { children: e ? /* @__PURE__ */ s(M, {
+	config: e,
+	onFinish: t
+}) : null });
+y(I, "incode-ekyb");
+//#endregion
+export { I as t };

package/dist/ekyc/ekyc.es.js

@@ -0,0 +1,2 @@
+import { t as e } from "../ekycModule-SeTFG3AJ.js";
+export { e as EkycModule };

package/dist/ekyc/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {