@incodetech/web 0.0.0-dev-20260421-aeeff81 → 0.0.0-dev-20260421-b9de520

package/dist/modal-BxXKrclm.js

@@ -0,0 +1,135 @@
+import { C as e, b as t, d as n, f as r, g as i, h as a, l as o, p as s, r as c, v as l, x as u, y as d } from "./vendor-preact-D6SntenC.js";
+import { n as f } from "./loadingIcon-wTrHZMGC.js";
+import { o as p } from "./icons-Cj7hJH7f.js";
+import { a as m, i as h, n as g, o as _, r as v, t as y } from "./modal.hooks-B9B0KVgR.js";
+//#region src/shared/modal/modal.tsx
+var b = u(null);
+function x() {
+	let e = i(b);
+	if (!e) throw Error("Modal compound components must be used within Modal.Root");
+	return e;
+}
+function S({ open: e, children: t, onOpenChange: r, dismissible: i = !0, portalContainer: u, class: d, hasBackdrop: p = !0, manageInitialFocus: y = !0 }) {
+	let x = m(e, u ?? void 0), [S, C] = s(!1), w = o(null), T = a(() => {
+		i && r?.(!1);
+	}, [i, r]), E = n(() => ({
+		setHasDescription: C,
+		dismissible: i,
+		requestClose: T
+	}), [i, T]), D = e && !!x;
+	return g(e), v(e, i, T), h(D, w, y), _(D, w), !x || !e ? null : c(/* @__PURE__ */ l(b.Provider, {
+		value: E,
+		children: /* @__PURE__ */ l("div", {
+			class: f("IncodeModalRoot", d),
+			"data-incode-modal": "",
+			children: [p && /* @__PURE__ */ l("div", {
+				class: "IncodeModalBackdrop",
+				"aria-hidden": "true",
+				onMouseDown: () => {
+					T();
+				}
+			}), /* @__PURE__ */ l("div", {
+				ref: w,
+				class: "IncodeModalDialog",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "incode-modal-title",
+				"aria-describedby": S ? "incode-modal-description" : void 0,
+				tabIndex: -1,
+				onMouseDown: (e) => {
+					e.stopPropagation();
+				},
+				children: t
+			})]
+		})
+	}), x);
+}
+function C({ children: e, class: t }) {
+	return /* @__PURE__ */ l("div", {
+		class: f("IncodeModalContent", t),
+		children: e
+	});
+}
+function w({ "aria-label": e = "Close", title: t = "Close", class: n, onClick: r }) {
+	let { dismissible: i, requestClose: a } = x();
+	if (!i) return null;
+	let o = async () => {
+		r && await r(), a();
+	};
+	return /* @__PURE__ */ l("button", {
+		type: "button",
+		class: f("IncodeModalClose", n),
+		"aria-label": e,
+		title: t,
+		onClick: o,
+		children: /* @__PURE__ */ l(p, {
+			height: 32,
+			width: 32,
+			fillColor: "var(--icon-neutral-300)"
+		})
+	});
+}
+function T({ children: e, class: t }) {
+	return /* @__PURE__ */ l("div", {
+		class: f("IncodeModalIcon", t),
+		children: e
+	});
+}
+function E({ children: e, align: t = "center" }) {
+	let n = {
+		center: "IncodeModalTitleSectionCenter",
+		left: "IncodeModalTitleSectionLeft"
+	}[t];
+	return /* @__PURE__ */ l("div", {
+		class: n,
+		children: e
+	});
+}
+function D({ children: e, ref: t, class: n }) {
+	return /* @__PURE__ */ l("h2", {
+		id: "incode-modal-title",
+		ref: t,
+		className: f("IncodeModalTitle", n),
+		children: e
+	});
+}
+function O({ children: e, class: t }) {
+	let { setHasDescription: n } = x();
+	return r(() => (n(!0), () => n(!1)), [n]), /* @__PURE__ */ l("h5", {
+		id: "incode-modal-description",
+		className: f("IncodeModalSubtitle", t),
+		children: e
+	});
+}
+function k(t) {
+	return e(t) && t.props != null && typeof t.props == "object" && "autoFocus" in t.props;
+}
+function A({ children: n, class: r, orientation: i = "vertical" }) {
+	let a = i === "vertical" ? "IncodeModalActionsVertical" : "IncodeModalActionsHorizontal", o = d(n), s = [];
+	for (let i = 0; i < o.length; i++) {
+		let c = o[i];
+		if (k(c)) return /* @__PURE__ */ l("div", {
+			class: f(a, r),
+			role: "group",
+			children: n
+		});
+		s.push(e(c) && i === 0 ? t(c, { [y]: "" }) : c);
+	}
+	return /* @__PURE__ */ l("div", {
+		class: f(a, r),
+		role: "group",
+		children: s
+	});
+}
+var j = {
+	Root: S,
+	Content: C,
+	Close: w,
+	Icon: T,
+	TitleSection: E,
+	Title: D,
+	Subtitle: O,
+	Actions: A
+};
+//#endregion
+export { j as t };

package/dist/modal.hooks-B9B0KVgR.js

@@ -0,0 +1,121 @@
+import { _ as e, p as t } from "./vendor-preact-D6SntenC.js";
+//#region src/shared/modal/modal.hooks.ts
+var n = "IncodeModalScrollLock", r = "data-incode-modal-initial-focus", i = [
+	"button:not([disabled])",
+	"[href]",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(", ");
+function a(e) {
+	return Array.from(e.querySelectorAll(i));
+}
+function o(e) {
+	try {
+		return e.matches(i);
+	} catch {
+		return !1;
+	}
+}
+function s(e) {
+	let t = e.querySelector("[autofocus]");
+	if (t && o(t)) return t;
+	let n = e.querySelector(`[${r}]`);
+	if (n) {
+		if (o(n)) return n;
+		let e = n.querySelector(i);
+		if (e) return e;
+	}
+	return a(e)[0] ?? e;
+}
+function c(n, r) {
+	let [i, a] = t(null);
+	return e(() => {
+		if (!n) {
+			a(null);
+			return;
+		}
+		if (r) return a(r), () => {
+			a(null);
+		};
+		let e = document.createElement("div");
+		return e.setAttribute("data-incode-modal-portal", ""), (document.querySelector(".IncodeComponent") ?? document.body).appendChild(e), a(e), () => {
+			e.remove(), a(null);
+		};
+	}, [n, r]), i;
+}
+function l(t) {
+	e(() => {
+		if (!t) return;
+		let e = document.querySelector(".IncodeComponent");
+		return (e ?? document.body).classList.add(n), () => {
+			(e ?? document.body).classList.remove(n);
+		};
+	}, [t]);
+}
+function u(t, n, r) {
+	e(() => {
+		if (!t || !n) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.preventDefault(), r());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		t,
+		n,
+		r
+	]);
+}
+function d(t, n, r = !0) {
+	e(() => {
+		if (!t) return;
+		let e = document.activeElement;
+		if (r) {
+			let e = n.current;
+			e && s(e).focus();
+		}
+		return () => {
+			e && typeof e.focus == "function" && e.focus();
+		};
+	}, [
+		t,
+		n,
+		r
+	]);
+}
+function f(t, n) {
+	e(() => {
+		if (!t || typeof window > "u") return;
+		let e = window.visualViewport;
+		if (!e) return;
+		let r = () => {
+			let t = n.current;
+			t && (t.style.setProperty("--incode-visual-viewport-height", `${e.height}px`), t.style.setProperty("--incode-visual-viewport-offset-top", `${e.offsetTop}px`));
+		};
+		return r(), e.addEventListener("resize", r), e.addEventListener("scroll", r), () => {
+			e.removeEventListener("resize", r), e.removeEventListener("scroll", r);
+		};
+	}, [t, n]);
+}
+function p(t, n) {
+	e(() => {
+		if (!t) return;
+		let e = (e) => {
+			if (e.key !== "Tab") return;
+			let t = n.current;
+			if (!t) return;
+			let r = a(t);
+			if (r.length === 0 && document.activeElement === t) {
+				e.preventDefault();
+				return;
+			}
+			if (r.length === 0) return;
+			let i = r[0], o = r[r.length - 1];
+			e.shiftKey ? document.activeElement === i && (e.preventDefault(), o.focus()) : document.activeElement === o && (e.preventDefault(), i.focus());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [t, n]);
+}
+//#endregion
+export { c as a, d as i, l as n, p as o, u as r, f as s, r as t };

package/dist/{otpInput-DGxQcqVQ.js → otpInput-Br-1AWsA.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./i18n-CeGVT08F.js";
+import { n as e } from "./i18n-B3g2cb7v.js";
 import { _ as t, h as n, l as r, p as i, v as a } from "./vendor-preact-D6SntenC.js";
 import { t as o } from "./spacer-DCljE53A.js";
 import { t as s } from "./button-4-ToV5B_.js";

package/dist/phone/phone.es.js

@@ -1,13 +1,13 @@
-import { n as e } from "../i18n-CeGVT08F.js";
+import { n as e } from "../i18n-B3g2cb7v.js";
 import { p as t, v as n } from "../vendor-preact-D6SntenC.js";
-import { o as r, t as i } from "../incodeComponent-DzIDROLm.js";
+import { o as r, t as i } from "../incodeComponent-dxwR00fd.js";
 import { t as a } from "../spacer-DCljE53A.js";
 import { t as o } from "../page-D5Mt-0zn.js";
 import { t as s } from "../button-4-ToV5B_.js";
-import { t as c } from "../otpInput-DGxQcqVQ.js";
+import { t as c } from "../otpInput-Br-1AWsA.js";
 import { t as l } from "../checkbox-Xh75AgKT.js";
 import { t as u } from "../phoneInputComposed-BSn0WlMA.js";
-import { t as d } from "../incodeModule-D_r2n18O.js";
+import { t as d } from "../incodeModule-BH9gV7jI.js";
 import { createPhoneManager as f } from "@incodetech/core/phone";
 //#region src/modules/phone/phone.tsx
 var p = ({ config: i, manager: d, onFinish: p, onError: m }) => {

package/dist/{processing-DahN4NlZ.js → processing-BuNhGQnB.js}

@@ -1,5 +1,5 @@
 import { v as e } from "./vendor-preact-D6SntenC.js";
-import { t } from "./transitionSpinner-DMz65Cb2.js";
+import { t } from "./transitionSpinner-CpwivARH.js";
 //#region src/shared/processing/processing.tsx
 var n = () => /* @__PURE__ */ e(t, {});
 //#endregion

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

@@ -1,6 +1,6 @@
 import { v as e } from "../vendor-preact-D6SntenC.js";
-import { n as t } from "../electronic-signature-C021QkIh.js";
-import { t as n } from "../incodeModule-D_r2n18O.js";
+import { n as t } from "../electronic-signature-AVBIN1f_.js";
+import { t as n } from "../incodeModule-BH9gV7jI.js";
 //#region src/modules/qe-signature/qe-signature.tsx
 var r = ({ config: n, onFinish: r, onError: i }) => /* @__PURE__ */ e(t, {
 	config: n ? {

package/dist/radioButtonComposed-o86b9OGB.js

@@ -0,0 +1,82 @@
+import { a as e, p as t, v as n } from "./vendor-preact-D6SntenC.js";
+import { n as r } from "./loadingIcon-wTrHZMGC.js";
+import { m as i } from "./icons-Cj7hJH7f.js";
+//#region src/shared/radioButtonComposed/radioButtonComposed.tsx
+var a = e(({ id: e, label: a, checked: o, defaultChecked: s, disabled: c = !1, required: l = !1, name: u, value: d, onChange: f, error: p, helper: m, showErrorIcon: h = !0, class: g, "aria-label": _, "aria-labelledby": v, "aria-describedby": y, "aria-invalid": b, ...x }, S) => {
+	let [C, w] = t(!!s), T = o !== void 0, E = T ? !!o : C, D = !!c, O = !!l, k = typeof g == "string" ? g : void 0, A = (e) => {
+		T || w(e.target.checked), f?.(e);
+	}, j = m ? `${e}-helper` : void 0, M = p ? `${e}-error` : void 0, N = [
+		y,
+		M,
+		j
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ n("div", {
+		class: r("IncodeRadioButton", k),
+		children: [
+			/* @__PURE__ */ n("label", {
+				class: r("IncodeRadioButtonLabel", { IncodeRadioButtonLabelDisabled: D }),
+				htmlFor: e,
+				children: [/* @__PURE__ */ n("div", {
+					class: "relative inline-flex",
+					children: [/* @__PURE__ */ n("input", {
+						ref: S,
+						type: "radio",
+						class: "IncodeRadioButtonInput",
+						id: e,
+						name: u,
+						value: d,
+						...T ? { checked: o } : { defaultChecked: s },
+						disabled: c,
+						required: l,
+						onChange: A,
+						"aria-label": _,
+						"aria-labelledby": v,
+						"aria-describedby": N,
+						"aria-invalid": b || !!p,
+						"aria-required": O,
+						...x
+					}), /* @__PURE__ */ n("div", {
+						class: r("IncodeRadioButtonVisual", {
+							IncodeRadioButtonVisualChecked: E,
+							IncodeRadioButtonVisualDisabled: D,
+							IncodeRadioButtonVisualError: !!p
+						}),
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ n("span", { class: r("IncodeRadioButtonDot", { IncodeRadioButtonDotVisible: E }) })
+					})]
+				}), a && /* @__PURE__ */ n("span", {
+					class: r("IncodeRadioButtonText", { IncodeRadioButtonTextDisabled: D }),
+					"aria-hidden": v ? "true" : void 0,
+					children: [a, O && /* @__PURE__ */ n("span", {
+						class: "IncodeRadioButtonRequired",
+						"aria-hidden": "true",
+						children: "*"
+					})]
+				})]
+			}),
+			p && /* @__PURE__ */ n("div", {
+				class: "IncodeRadioButtonMessageWrapper",
+				"data-testid": `${e}-error-wrapper`,
+				children: [h && /* @__PURE__ */ n("div", {
+					class: "IncodeRadioButtonIconWrapper",
+					children: /* @__PURE__ */ n(i, { size: 17 })
+				}), /* @__PURE__ */ n("p", {
+					id: M,
+					class: "IncodeRadioButtonErrorText",
+					children: p
+				})]
+			}),
+			m && !p && /* @__PURE__ */ n("div", {
+				class: "IncodeRadioButtonMessageWrapper",
+				"data-testid": `${e}-helper-wrapper`,
+				children: /* @__PURE__ */ n("p", {
+					id: j,
+					class: "IncodeRadioButtonHelperText",
+					children: m
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { a as t };

package/dist/{redirectToMobile-BNMTUUuv.js → redirectToMobile-BjhYByLI.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-CjdbFOpI.js";
-import { n as t, t as n } from "./i18n-CeGVT08F.js";
+import { n as t, t as n } from "./i18n-B3g2cb7v.js";
 import { S as r, _ as i, c as a, h as o, o as s, p as c, v as l } from "./vendor-preact-D6SntenC.js";
-import { o as u, t as d } from "./incodeComponent-DzIDROLm.js";
+import { o as u, t as d } from "./incodeComponent-dxwR00fd.js";
 import { t as f } from "./spacer-DCljE53A.js";
 import { t as p } from "./incode-logo-DX016usY.js";
 import { n as m, t as h } from "./verifiedByIncode-ChZBpqNy.js";
@@ -11,8 +11,8 @@ import { t as _ } from "./button-4-ToV5B_.js";
 import "./icons-Cj7hJH7f.js";
 import { t as v } from "./successIcon-C4GI_9SU.js";
 import { n as y } from "./countries-Bbn2lyxr.js";
-import { t as b } from "./incodeModule-D_r2n18O.js";
-import { t as x } from "./tabs-CIk4tOL2.js";
+import { t as b } from "./incodeModule-BH9gV7jI.js";
+import { t as x } from "./tabs-DnpffRKI.js";
 import { createRedirectToMobileManager as S } from "@incodetech/core/redirect-to-mobile";
 //#region src/modules/redirect-to-mobile/redirectHeader.tsx
 var C = ({ logoSrc: e }) => {
@@ -1350,7 +1350,7 @@ var C = ({ logoSrc: e }) => {
 			})
 		]
 	});
-}, ae = a(() => import("./phoneInput-DtBeLyeD.js").then((e) => ({ default: e.PhoneInput }))), oe = ({ countryCode: e, phonePrefix: n, error: i, isSending: a, isPhoneValid: o, onPhoneChange: c, onSendSms: u }) => {
+}, ae = a(() => import("./phoneInput-q1YF0o-q.js").then((e) => ({ default: e.PhoneInput }))), oe = ({ countryCode: e, phonePrefix: n, error: i, isSending: a, isPhoneValid: o, onPhoneChange: c, onSendSms: u }) => {
 	let { t: d } = t();
 	return /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ l(s, {
 		fallback: /* @__PURE__ */ l(g, {}),

package/dist/{richText-gJTUJEMX.js → richText-BNC8z_ah.js}

@@ -1,5 +1,5 @@
 import { t as e, v as t } from "./vendor-preact-D6SntenC.js";
-import { t as n } from "./defineProperty-CqT6YdHJ.js";
+import { t as n } from "./defineProperty-DB5OmvER.js";
 //#region ../../node_modules/.pnpm/dompurify@3.3.3/node_modules/dompurify/dist/purify.es.mjs
 var { entries: r, setPrototypeOf: i, isFrozen: a, getPrototypeOf: o, getOwnPropertyDescriptor: s } = Object, { freeze: c, seal: l, create: u } = Object, { apply: d, construct: f } = typeof Reflect < "u" && Reflect;
 c ||= function(e) {

package/dist/selfie/selfie.es.js

@@ -1,9 +1,9 @@
 import { v as e } from "../vendor-preact-D6SntenC.js";
-import { o as t, t as n } from "../incodeComponent-DzIDROLm.js";
-import { t as r } from "../transitionSpinner-DMz65Cb2.js";
-import { t as i } from "../processing-DahN4NlZ.js";
-import { n as a, r as o, t as s } from "../tutorial-vB6h6wPK.js";
-import { t as c } from "../incodeModule-D_r2n18O.js";
+import { o as t, t as n } from "../incodeComponent-dxwR00fd.js";
+import { t as r } from "../transitionSpinner-CpwivARH.js";
+import { t as i } from "../processing-BuNhGQnB.js";
+import { n as a, r as o, t as s } from "../tutorial-5LMEfxn3.js";
+import { t as c } from "../incodeModule-BH9gV7jI.js";
 import { createSelfieManager as l } from "@incodetech/core/selfie";
 //#region src/modules/selfie/selfie.tsx
 var u = ({ config: n, manager: c, onFinish: u, onError: d }) => {

package/dist/{setup-CYffoS2y.js → setup-da1N2VR6.js}

@@ -1,4 +1,4 @@
-import { i as e, r as t } from "./i18n-CeGVT08F.js";
+import { i as e, r as t } from "./i18n-B3g2cb7v.js";
 import { t as n } from "./uiConfig-CwpQ-IM6.js";
 import { setup as r } from "@incodetech/core";
 //#region src/setup.ts

package/dist/signature/signature.es.js

@@ -1,13 +1,13 @@
-import { n as e } from "../i18n-CeGVT08F.js";
+import { n as e } from "../i18n-B3g2cb7v.js";
 import { _ as t, a as n, d as r, h as i, l as a, p as o, u as s, v as c } from "../vendor-preact-D6SntenC.js";
-import { o as l, t as u } from "../incodeComponent-DzIDROLm.js";
+import { o as l, t as u } from "../incodeComponent-dxwR00fd.js";
 import { t as d } from "../spacer-DCljE53A.js";
 import { t as f } from "../page-D5Mt-0zn.js";
 import { r as p } from "../typography-B7nxauEL.js";
 import { t as m } from "../button-4-ToV5B_.js";
 import { t as h } from "../successIcon-C4GI_9SU.js";
-import { t as g } from "../incodeModule-D_r2n18O.js";
-import { t as _ } from "../defineProperty-CqT6YdHJ.js";
+import { t as g } from "../incodeModule-BH9gV7jI.js";
+import { t as _ } from "../defineProperty-DB5OmvER.js";
 import { createSignatureManager as v } from "@incodetech/core/signature";
 //#region ../../node_modules/.pnpm/signature_pad@5.1.3/node_modules/signature_pad/dist/signature_pad.js
 var y = class {

package/dist/themes/dark.css

@@ -1187,6 +1187,9 @@
   /* home module */
   --home-logo-container-max-width: 180px;
   --home-logo-max-height: 250px;
+
+  /* snackbar */
+  --snackbar-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
 }
 [data-incode-theme='dark'] {
   /* Surface / Neutral */

package/dist/themes/light.css

@@ -1187,4 +1187,7 @@
   /* home module */
   --home-logo-container-max-width: 180px;
   --home-logo-max-height: 250px;
+
+  /* snackbar */
+  --snackbar-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
 }

package/dist/{transitionSpinner-DMz65Cb2.js → transitionSpinner-CpwivARH.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./i18n-CeGVT08F.js";
+import { n as e } from "./i18n-B3g2cb7v.js";
 import { v as t } from "./vendor-preact-D6SntenC.js";
 import { t as n } from "./spinner-DyRQfsz_.js";
 import "./spinner-BmFWJNHp.js";