@incodetech/web 0.0.0-dev-20260428-33984c2 → 0.0.0-dev-20260429-52782c8

package/dist/dropdownComposed-D7l5VnKk.js

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

package/dist/ekyb/ekyb.es.js

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

package/dist/{ekybModule-BZ_6QboA.js → ekybModule-Ckv1f8aB.js}

@@ -4,13 +4,13 @@ import { i as c, o as l, t as u } from "./incodeComponent-DexcYK3Y.js";
 import { t as d } from "./page-BB20C-zy.js";
 import { t as f } from "./spinner-Cj7kdZ0T.js";
 import { t as p } from "./button-i4SPU5G7.js";
-import { t as m } from "./verificationResult-B8CmNI94.js";
-import { t as h } from "./inputComposed-BJ9PlS_q.js";
-import { n as g, t as _ } from "./formField-gSR1Z9UG.js";
-import { t as v } from "./dropdownComposed-B6ke-f1Z.js";
+import { t as m } from "./verificationResult-DTfsw2w2.js";
+import { t as h } from "./inputComposed-4aHO5YRK.js";
+import { n as g, t as _ } from "./formField-B34T3LAe.js";
+import { t as v } from "./dropdownComposed-D7l5VnKk.js";
 import { t as y } from "./incodeModule-CHzKl22Y.js";
-import { n as b, t as x } from "./optionAccessibleLabel-z5STY1SD.js";
-import { t as S } from "./countrySelector-BooI7XMA.js";
+import { n as b, t as x } from "./optionAccessibleLabel-DGtiAlUq.js";
+import { t as S } from "./countrySelector-B3JOaReM.js";
 import { computeEkybDisplayErrors as C, createEkybManager as w } from "@incodetech/core/ekyb";
 //#region src/modules/ekyb/fieldInput.tsx
 var T = ({ field: t, value: n, error: r, errorParams: i, country: a, onChange: o, onBlur: c }) => {

package/dist/ekybModule-pKz3HZFJ.js

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

package/dist/ekyc/ekyc.es.js

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

package/dist/ekyc/styles.css

@@ -12,6 +12,13 @@
   margin-inline: auto;
 }
 
+@media (min-width: 48rem) {
+  .IncodeEkycPage .IncodePageInner {
+    padding-inline: var(--spacing-0, var(--spacing-none, 0px));
+    padding-block: var(--spacing-0, var(--spacing-none, 0px));
+  }
+}
+
 .IncodeEkycPage .IncodeEkycSpinner {
   flex: 1;
 }

package/dist/ekycModule-B_pmX3EX.js

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

package/dist/{ekycModule-DBej8B3Z.js → ekycModule-CCJGIP0u.js}

@@ -4,14 +4,14 @@ import { i as s, o as c, t as l } from "./incodeComponent-DexcYK3Y.js";
 import { t as u } from "./page-BB20C-zy.js";
 import { t as d } from "./spinner-Cj7kdZ0T.js";
 import { t as f } from "./button-i4SPU5G7.js";
-import { t as p } from "./verificationResult-B8CmNI94.js";
-import { n as m, t as h } from "./formField-gSR1Z9UG.js";
-import { t as g } from "./phoneInputComposed-DyCqFvsP.js";
-import { t as _ } from "./dropdownComposed-B6ke-f1Z.js";
-import { t as v } from "./dateInputComposed-DhPXazI2.js";
-import { t as y } from "./radioButtonComposed-BpzIw65K.js";
+import { t as p } from "./verificationResult-DTfsw2w2.js";
+import { n as m, t as h } from "./formField-B34T3LAe.js";
+import { t as g } from "./phoneInputComposed--GQv3M_5.js";
+import { t as _ } from "./dropdownComposed-D7l5VnKk.js";
+import { t as v } from "./dateInputComposed-BISaNEkl.js";
+import { t as y } from "./radioButtonComposed-CuKvBI5S.js";
 import { t as b } from "./incodeModule-CHzKl22Y.js";
-import { n as x, t as S } from "./optionAccessibleLabel-z5STY1SD.js";
+import { n as x, t as S } from "./optionAccessibleLabel-DGtiAlUq.js";
 import { computeEkycDisplayErrors as C, createEkycManager as w } from "@incodetech/core/ekyc";
 //#region src/modules/ekyc/ekycModule.tsx
 var T = ({ config: n, onFinish: r }) => {

package/dist/electronic-signature/electronic-signature.es.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../electronic-signature-DzXN9ECe.js";
+import { n as e, t } from "../electronic-signature-nZfD6fzf.js";
 export { t as AeSignature, e as ElectronicSignature };

package/dist/{electronic-signature-DzXN9ECe.js → electronic-signature-nZfD6fzf.js}

@@ -5,10 +5,10 @@ import { t as l } from "./page-BB20C-zy.js";
 import { n as u } from "./loadingIcon-C-Sq5v_K.js";
 import { t as d } from "./spinner-Cj7kdZ0T.js";
 import { t as f } from "./button-i4SPU5G7.js";
-import { c as p, r as m } from "./icons-fruAkt2C.js";
+import { c as p, r as m } from "./icons-Bk44oy5t.js";
 import { t as h } from "./successIcon-SlKgTSty.js";
-import { t as g } from "./verificationResult-B8CmNI94.js";
-import { t as _ } from "./checkbox-SiI-r4kC.js";
+import { t as g } from "./verificationResult-DTfsw2w2.js";
+import { t as _ } from "./checkbox-DSJ1kLyD.js";
 import { t as v } from "./incodeModule-CHzKl22Y.js";
 import { createElectronicSignatureManager as y } from "@incodetech/core/electronic-signature";
 //#region src/modules/electronic-signature/documentIllustration.tsx

package/dist/email/email.es.js

@@ -3,10 +3,10 @@ import { _ as t, p as n, v as r } from "../vendor-preact-D6SntenC.js";
 import { o as i, t as a } from "../incodeComponent-DexcYK3Y.js";
 import { t as o } from "../spacer-CN9uvb__.js";
 import { t as s } from "../page-BB20C-zy.js";
-import "../extensibility-DRa4Dk3R.js";
+import "../extensibility-BhOLYPko.js";
 import { t as c } from "../button-i4SPU5G7.js";
-import { t as l } from "../inputComposed-BJ9PlS_q.js";
-import { t as u } from "../otpInput-L6OxqivF.js";
+import { t as l } from "../inputComposed-4aHO5YRK.js";
+import { t as u } from "../otpInput-DgtpWHON.js";
 import { t as d } from "../incodeModule-CHzKl22Y.js";
 import { createEmailManager as f } from "@incodetech/core/email";
 //#region src/modules/email/emailInput.tsx
@@ -55,11 +55,11 @@ var p = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, m = ({ prefilledEmail: i, emailError: a, l
 		return f({ config: t });
 	}, { manageLifecycle: !a }), [_, v] = n(!1);
 	if (h.status === "idle" || h.status === "loadingPrefill" || h.status === "inputting" || h.status === "submitting" || h.status === "sendingInitialOtp") {
-		let e = h.status === "idle" || h.status === "loadingPrefill" || h.status === "submitting" || h.status === "sendingInitialOtp", t = h.status === "inputting" ? h.prefilledEmail : void 0, n = h.status === "inputting" && h.emailError ? p(h.emailError) : void 0, i = h.status === "inputting" ? h.otpVerification ?? !1 : !1;
+		let e = h.status === "idle" || h.status === "loadingPrefill" || h.status === "submitting" || h.status === "sendingInitialOtp", t = h.status === "inputting" ? h.prefilledEmail : void 0, n = h.status === "inputting" && h.emailError ? p(h.emailError) : void 0;
 		return /* @__PURE__ */ r(s, {
 			className: "IncodeEmailPage",
-			title: p("otp.enterCodeEmail"),
-			subtitle: i ? p("email.willSendCode") : void 0,
+			title: p("email.verify"),
+			subtitle: p("email.willSendCode"),
 			children: [
 				/* @__PURE__ */ r(m, {
 					prefilledEmail: t,