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

package/dist/ekycModule-SeTFG3AJ.js

@@ -0,0 +1,233 @@
+import { n as e } from "./i18n-DZOHbK9q.js";
+import { _ as t, d as n, h as r, l as i, p as a, v as o } from "./vendor-preact-D6SntenC.js";
+import { c as s, o as c, r as l } from "./loadingIcon-CeQt7Zgb.js";
+import { t as u } from "./button-DhL5eRT3.js";
+import { t as d } from "./page-SvlJWUfz.js";
+import { t as f } from "./spinner-snIGzmm8.js";
+import { n as p, r as m, t as h } from "./formField-BRTbY8w9.js";
+import { t as g } from "./phoneInputComposed-B-0zieIW.js";
+import { t as _ } from "./dropdownComposed-_Ey7wJNG.js";
+import { t as v } from "./dateInputComposed-ndsGHX1M.js";
+import { t as y } from "./incodeModule-Bf6yJ8RB.js";
+import { t as b } from "./addressAutocomplete-B3f6PGTT.js";
+import { computeEkycDisplayErrors as x, createEkycManager as S } from "@incodetech/core/ekyc";
+//#region src/modules/ekyc/ekycModule.tsx
+var C = ({ config: n, onFinish: r }) => {
+	let { t: i } = e(), [a, c] = s(() => S({ config: n }));
+	return t(() => {
+		(a.status === "finished" || a.status === "closed") && r?.();
+	}, [a.status, r]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ o(m, {
+		status: "submitting",
+		submittingTitle: i("common.loading")
+	}) : a.status === "submitting" ? /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, {
+		fullScreen: !1,
+		title: i("common.processing"),
+		className: "IncodeEkycSpinner"
+	}) }) : a.status === "success" ? /* @__PURE__ */ o(m, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ o(m, {
+		status: "failure",
+		onRetry: () => c.retry(),
+		onSkip: () => c.skip()
+	}) : a.status === "misconfigured" ? /* @__PURE__ */ o(m, {
+		status: "failure",
+		failureTitle: i("verification.noFormFields"),
+		onSkip: () => c.close(),
+		skipLabel: i("common.close")
+	}) : a.status === "form" ? /* @__PURE__ */ o(T, {
+		state: a,
+		manager: c
+	}) : null;
+}, w = [
+	"street",
+	"city",
+	"state",
+	"postalCode",
+	"houseNo"
+], T = ({ state: s, manager: l }) => {
+	let { fields: f, values: m, errors: y, isValid: S, addressSuggestions: C, prefilled: T, hideEmail: E, fieldsCountry: D, submitError: O, submitAttempted: k } = s, { t: A } = e(), j = i(null), M = i(null), N = i(void 0), P = c(j, f.length), [F, I] = a({}), L = r((e) => {
+		I((t) => t[e] ? t : {
+			...t,
+			[e]: !0
+		});
+	}, []), { displayErrors: R, errorParams: z } = n(() => x(y, F, k, D, f), [
+		y,
+		F,
+		k,
+		D,
+		f
+	]), B = r((e) => L(e), [L]), V = r((e, t) => {
+		L(e), l.setField(e, t);
+	}, [l, L]), H = r((e) => {
+		for (let e of w) L(e);
+		l.selectAddress(e);
+	}, [l, L]);
+	t(() => {
+		let e = R.postalCode, t = N.current;
+		if (N.current = e, !e || t === e) return;
+		let n = requestAnimationFrame(() => {
+			let e = M.current;
+			e && (e.querySelector("#postalCode-error") ?? e).scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		});
+		return () => cancelAnimationFrame(n);
+	}, [R.postalCode]);
+	let U = (e, t) => p(A, t, z[e]), W;
+	return /* @__PURE__ */ o(d, {
+		className: `IncodeEkycPage${P ? " IncodeEkycPageScrollable" : ""}`,
+		title: A("verification.title"),
+		children: [/* @__PURE__ */ o("div", {
+			ref: j,
+			className: "IncodeEkycForm",
+			children: f.map((e) => {
+				if (e.name === "email" && E) return null;
+				let t = null;
+				e.section && e.section !== W && (W = e.section, t = /* @__PURE__ */ o("h3", {
+					className: "IncodeEkycSectionHeader",
+					children: A({
+						address: "verification.labels.addressDetailsSection",
+						driverLicense: "verification.labels.dlDetailsSection"
+					}[e.section] ?? e.section)
+				}));
+				let n = e.readonly || T[e.name], r = m[e.name] ?? "", i = R[e.name];
+				if (e.name === "street" && e.section === "address") return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(b, {
+					label: e.label,
+					value: r,
+					error: i,
+					errorParams: z[e.name],
+					suggestions: C,
+					readonly: n,
+					optional: !e.required,
+					onChange: (e) => V("street", e),
+					onSearch: (e) => l.searchAddress(e),
+					onSelect: H,
+					onBlur: () => B("street")
+				})] }, e.name);
+				if (e.type === "dropdown") {
+					let a = A(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(_, {
+						id: `ekyc-${e.name}`,
+						label: a,
+						placeholder: e.placeholder ? A(e.placeholder) : void 0,
+						value: r,
+						options: (e.options ?? []).map((e) => ({
+							...e,
+							label: A(e.label)
+						})),
+						error: U(e.name, i),
+						disabled: n,
+						searchable: !0,
+						onChange: (t) => V(e.name, t),
+						onBlur: () => B(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				if (e.type === "date") {
+					let a = A(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(v, {
+						id: `ekyc-${e.name}`,
+						label: a,
+						value: r,
+						error: U(e.name, i),
+						disabled: n,
+						onInput: (t) => {
+							let n = t.target;
+							V(e.name, n.value);
+						},
+						onBlur: () => B(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				if (e.type === "phone") {
+					let a = A(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(g, {
+						id: `ekyc-${e.name}`,
+						label: a,
+						countryCode: D,
+						value: r,
+						placeholder: e.placeholder,
+						error: U(e.name, i),
+						disabled: n,
+						disableCountrySelector: e.disableCountrySelector,
+						required: !1,
+						onChange: (t) => V(e.name, t),
+						onBlur: () => B(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				return e.type === "radio" ? /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o("div", {
+					className: "IncodeEkycRadioGroup",
+					children: [
+						/* @__PURE__ */ o("label", {
+							className: "IncodeEkycRadioLabel",
+							children: A(e.label)
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "IncodeEkycRadioOptions",
+							children: e.options?.map((t) => /* @__PURE__ */ o("label", {
+								className: "IncodeEkycRadioOption",
+								children: [/* @__PURE__ */ o("input", {
+									type: "radio",
+									name: e.name,
+									checked: r === t.value,
+									value: t.value,
+									onChange: () => V(e.name, t.value),
+									onBlur: () => B(e.name),
+									disabled: n
+								}), /* @__PURE__ */ o("span", { children: A(t.label) })]
+							}, t.value))
+						}),
+						i && /* @__PURE__ */ o("span", {
+							className: "IncodeEkycFieldError",
+							children: U(e.name, i)
+						})
+					]
+				})] }, e.name) : /* @__PURE__ */ o("div", {
+					ref: e.name === "postalCode" ? M : void 0,
+					children: [t, /* @__PURE__ */ o(h, {
+						name: e.name,
+						label: e.label,
+						value: r,
+						error: i,
+						errorParams: z[e.name],
+						type: e.type,
+						placeholder: e.placeholder,
+						placeholderParams: e.placeholderParams,
+						required: e.required,
+						optional: e.optional,
+						readonly: n,
+						maxLength: e.maxLength,
+						onChange: V,
+						onBlur: B
+					})]
+				}, e.name);
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "IncodeEkycFooter",
+			children: [
+				O && /* @__PURE__ */ o("p", {
+					className: "IncodeEkycSubmitError",
+					children: A(O)
+				}),
+				/* @__PURE__ */ o(u, {
+					onClick: () => l.submit(),
+					disabled: !S,
+					"data-testid": "ekyc-submit",
+					children: A("common.continue")
+				}),
+				O === "verification.errors.countryNotSupported" && /* @__PURE__ */ o(u, {
+					variant: "link",
+					onClick: () => l.skip(),
+					"data-testid": "ekyc-skip",
+					children: A("verification.labels.skip")
+				})
+			]
+		})]
+	});
+}, E = ({ config: e, onFinish: t }) => /* @__PURE__ */ o(l, { children: e ? /* @__PURE__ */ o(C, {
+	config: e,
+	onFinish: t
+}) : null });
+y(E, "incode-ekyc");
+//#endregion
+export { E as t };

package/dist/ekycModule-hxIcNX8n.js

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

package/dist/email/email.es.js

@@ -1,154 +1,110 @@
-import { b as v, u as e, I as O, a as w, S as C } from "../loadingIcon-DmuPXh70.js";
-import { createEmailManager as y } from "@incodetech/core/email";
-import { d as b, y as P } from "../vendor-preact-BoMmvSgn.js";
-import "@incodetech/core";
-import { B as V } from "../button-CE9kRlem.js";
-import { O as R } from "../otpInput-BFXhqFRT.js";
-import { P as I } from "../page-SrUl0qtN.js";
-import { r as S } from "../incodeModule-C4XIllao.js";
-import "../instance-BWYzq8dk.js";
-import "../typography-BDACYR5i.js";
-import { a as k } from "../inputComposed-fUbAGrDy.js";
-import "../checkbox-B5X-mfqq.js";
-import "../phoneInputComposed-Cm9O2Jba.js";
-import "../dateInputComposed-C7PCzh-U.js";
-import "../captureOverlay-tCb4R4WE.js";
-import "../manualCaptureButton-BvFmTyJe.js";
-import "../countries-DfLkrF0x.js";
-const h = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, L = ({
-  prefilledEmail: i,
-  emailError: s,
-  label: m,
-  disabled: c = !1,
-  required: a = !1,
-  onEmailChange: t
-}) => {
-  const { t: l } = v(), [f, p] = b("");
-  P(() => {
-    if (i) {
-      p(i);
-      const r = h.test(i.trim());
-      t(i.trim(), r);
-    }
-  }, [i, t]);
-  const E = (r) => {
-    const d = r.target.value;
-    p(d);
-    const o = d.trim(), u = o.length > 0 && h.test(o);
-    t(o, u);
-  }, n = s ? "email-error" : void 0;
-  return /* @__PURE__ */ e("div", { class: "IncodeEmailInput", children: /* @__PURE__ */ e("div", { class: "IncodeEmailInputContainer", children: /* @__PURE__ */ e(
-    k,
-    {
-      id: "email-input",
-      type: "email",
-      value: f,
-      onInput: E,
-      placeholder: l("email.placeholder"),
-      disabled: c,
-      required: a,
-      label: m,
-      "data-testid": "email-input",
-      "aria-label": m ? void 0 : "Email address",
-      "aria-invalid": s ? "true" : void 0,
-      "aria-describedby": n || void 0,
-      autocomplete: "email",
-      error: s,
-      showErrorIcon: !0
-    }
-  ) }) });
-}, T = ({
-  config: i,
-  manager: s,
-  onFinish: m,
-  onError: c
-}) => {
-  const { t: a } = v(), [t, l] = w(
-    () => {
-      if (s) return s;
-      if (!i)
-        throw new Error("Email config is required");
-      return y({ config: i });
-    },
-    { manageLifecycle: !s }
-  ), [f, p] = b(!1);
-  if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingInitialOtp") {
-    const n = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", r = t.status === "inputting" ? t.prefilledEmail : void 0, g = t.status === "inputting" && t.emailError ? a(t.emailError) : void 0, d = t.status === "inputting" ? t.otpVerification ?? !1 : !1;
-    return /* @__PURE__ */ e(
-      I,
-      {
-        className: "IncodeEmailPage",
-        title: a("otp.enterCodeEmail"),
-        subtitle: d ? a("email.willSendCode") : void 0,
-        children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              prefilledEmail: r,
-              emailError: g,
-              disabled: n,
-              onEmailChange: (o, u) => {
-                l.setEmail(o, u), p(u);
-              }
-            }
-          ),
-          /* @__PURE__ */ e(C, {}),
-          /* @__PURE__ */ e(
-            V,
-            {
-              onClick: () => l.submit(),
-              disabled: !f,
-              isLoading: n,
-              "data-testid": "email-submit",
-              children: a("common.continue")
-            }
-          )
-        ]
-      },
-      "email-input"
-    );
-  }
-  if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError" || t.status === "resendingOtp") {
-    const n = t.status === "verifyingOtp", r = t.status === "otpError", g = t.status === "awaitingOtp", d = t.status === "resendingOtp", o = g || r || n;
-    return /* @__PURE__ */ e(
-      I,
-      {
-        className: "IncodeEmailPage IncodeEmailOtpPage",
-        title: a("otp.enterCodeEmail"),
-        children: /* @__PURE__ */ e(
-          R,
-          {
-            resendTimer: o ? t.resendTimer : 0,
-            canResend: o ? t.canResend : !1,
-            error: r ? a(t.otpError) : void 0,
-            isLoading: n,
-            disabled: d || n,
-            onSubmit: (u) => l.submitOtp(u),
-            onResend: () => l.resendOtp(),
-            onBack: () => l.back(),
-            backLinkText: "otp.changeEmail"
-          }
-        )
-      },
-      "email-otp"
-    );
-  }
-  return t.status === "finished" ? (m?.(), null) : (t.status === "error" && c?.(t.error), null);
-}, B = ({
-  config: i,
-  manager: s,
-  onFinish: m,
-  onError: c
-}) => /* @__PURE__ */ e(O, { children: i || s ? /* @__PURE__ */ e(
-  T,
-  {
-    config: i,
-    manager: s,
-    onFinish: m,
-    onError: c
-  }
-) : null });
-S(B, "incode-email");
-export {
-  B as Email
-};
+import { n as e } from "../i18n-DZOHbK9q.js";
+import { _ as t, p as n, v as r } from "../vendor-preact-D6SntenC.js";
+import { c as i, r as a } from "../loadingIcon-CeQt7Zgb.js";
+import { t as o } from "../spacer-DCljE53A.js";
+import { t as s } from "../button-DhL5eRT3.js";
+import { t as c } from "../page-SvlJWUfz.js";
+import "../extensibility-DJihqIzM.js";
+import { t as l } from "../inputComposed-BhbfD8Ru.js";
+import { t as u } from "../otpInput-CDIG9el7.js";
+import { t as d } from "../incodeModule-Bf6yJ8RB.js";
+import { createEmailManager as f } from "@incodetech/core/email";
+//#region src/modules/email/emailInput.tsx
+var p = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, m = ({ prefilledEmail: i, emailError: a, label: o, disabled: s = !1, required: c = !1, onEmailChange: u }) => {
+	let { t: d } = e(), [f, m] = n("");
+	t(() => {
+		if (i) {
+			m(i);
+			let e = p.test(i.trim());
+			u(i.trim(), e);
+		}
+	}, [i, u]);
+	let h = (e) => {
+		let t = e.target.value;
+		m(t);
+		let n = t.trim();
+		u(n, n.length > 0 && p.test(n));
+	}, g = a ? "email-error" : void 0;
+	return /* @__PURE__ */ r("div", {
+		class: "IncodeEmailInput",
+		children: /* @__PURE__ */ r("div", {
+			class: "IncodeEmailInputContainer",
+			children: /* @__PURE__ */ r(l, {
+				id: "email-input",
+				type: "email",
+				value: f,
+				onInput: h,
+				placeholder: d("email.placeholder"),
+				disabled: s,
+				required: c,
+				label: o,
+				"data-testid": "email-input",
+				"aria-label": o ? void 0 : "Email address",
+				"aria-invalid": a ? "true" : void 0,
+				"aria-describedby": g || void 0,
+				autocomplete: "email",
+				error: a,
+				showErrorIcon: !0
+			})
+		})
+	});
+}, h = ({ config: t, manager: a, onFinish: l, onError: d }) => {
+	let { t: p } = e(), [h, g] = i(() => {
+		if (a) return a;
+		if (!t) throw Error("Email config is required");
+		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;
+		return /* @__PURE__ */ r(c, {
+			className: "IncodeEmailPage",
+			title: p("otp.enterCodeEmail"),
+			subtitle: i ? p("email.willSendCode") : void 0,
+			children: [
+				/* @__PURE__ */ r(m, {
+					prefilledEmail: t,
+					emailError: n,
+					disabled: e,
+					onEmailChange: (e, t) => {
+						g.setEmail(e, t), v(t);
+					}
+				}),
+				/* @__PURE__ */ r(o, {}),
+				/* @__PURE__ */ r(s, {
+					onClick: () => g.submit(),
+					disabled: !_,
+					isLoading: e,
+					"data-testid": "email-submit",
+					children: p("common.continue")
+				})
+			]
+		}, "email-input");
+	}
+	if (h.status === "awaitingOtp" || h.status === "verifyingOtp" || h.status === "otpError" || h.status === "resendingOtp") {
+		let e = h.status === "verifyingOtp", t = h.status === "otpError", n = h.status === "awaitingOtp", i = h.status === "resendingOtp", a = n || t || e;
+		return /* @__PURE__ */ r(c, {
+			className: "IncodeEmailPage IncodeEmailOtpPage",
+			title: p("otp.enterCodeEmail"),
+			children: /* @__PURE__ */ r(u, {
+				resendTimer: a ? h.resendTimer : 0,
+				canResend: a ? h.canResend : !1,
+				error: t ? p(h.otpError) : void 0,
+				isLoading: e,
+				disabled: i || e,
+				onSubmit: (e) => g.submitOtp(e),
+				onResend: () => g.resendOtp(),
+				onBack: () => g.back(),
+				backLinkText: "otp.changeEmail"
+			})
+		}, "email-otp");
+	}
+	return h.status === "finished" ? (l?.(), null) : (h.status === "error" && d?.(h.error), null);
+}, g = ({ config: e, manager: t, onFinish: n, onError: i }) => /* @__PURE__ */ r(a, { children: e || t ? /* @__PURE__ */ r(h, {
+	config: e,
+	manager: t,
+	onFinish: n,
+	onError: i
+}) : null });
+d(g, "incode-email");
+//#endregion
+export { g as Email };

package/dist/email/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 .IncodeEmailPage .IncodePageContent {
   padding-top: var(--spacing-32, var(--spacing-32, 32px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));