@verbb/formie-browser 1.0.15 → 1.0.16

package/dist/chunks/{api-Dxl_CKw-.js → api-BR2Gqy37.js}

@@ -1,20 +1,33 @@
-import { a as e, d as t, u as n } from "./event-names-BCI2FLD8.js";
-import { t as r } from "./debug-BV0DvdHx.js";
-import { a as i, i as a, t as o } from "./theme-classes-DAQuEqdP.js";
-import { n as s, t as c } from "./async-2GdXNFCE.js";
-import { i as l } from "./i18n-BY1ds1BL.js";
-import { r as u, t as d } from "./field-references.keys-58ZSTrCW.js";
-import { n as f, r as p } from "./field-references.resolver-Ca8MguFv.js";
+import { a as e, d as t, t as n, u as r } from "./event-names-BCI2FLD8.js";
+import { t as i } from "./debug-rhzqP1j2.js";
+import { a, i as o, t as s } from "./theme-classes-DAQuEqdP.js";
+import { n as c, t as l } from "./async-2GdXNFCE.js";
+import { i as u } from "./i18n-BY1ds1BL.js";
+import { r as d, t as f } from "./field-references.keys-58ZSTrCW.js";
+import { n as p, r as m } from "./field-references.resolver-uSHf5-NP.js";
 //#region src/js/core/dom-events.ts
-function m(e, n, r) {
-	e.dispatchEvent(new CustomEvent(t(n), {
+var h = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new Set([...n, "formie:state:reset"]);
+function _(e, t, n) {
+	let r = new Set(t ? [e, t] : [e]);
+	return r.forEach((e) => h.set(e, n)), () => {
+		r.forEach((e) => {
+			h.get(e) === n && h.delete(e);
+		});
+	};
+}
+function v(e, t) {
+	let n = h.get(e);
+	return n ? Object.assign(t, { instance: n }) : t;
+}
+function y(e, n, r) {
+	(g.has(n) || n.startsWith("formie:stage:")) && (r ??= h.has(e) ? {} : r, r && typeof r == "object" && !Array.isArray(r) && (r = v(e, r))), e.dispatchEvent(new CustomEvent(t(n), {
 		bubbles: !0,
 		detail: r
 	}));
 }
 //#endregion
 //#region src/js/core/page-client-event.ts
-var h = r("general", "page-client-event"), g = "data-formie-client-event", _ = "data-formie-pending-client-events";
+var b = i("general", "page-client-event"), x = "data-formie-client-event", S = "data-formie-pending-client-events";
 function ee(e) {
 	return typeof window < "u" && window.CSS?.escape ? window.CSS.escape(e) : e.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
 }
@@ -27,7 +40,7 @@ function ne(e) {
 		let t = JSON.parse(e);
 		return t && typeof t == "object" ? t : null;
 	} catch {
-		return h.warn("Invalid data-formie-client-event JSON.", { rawPreview: e.slice(0, 80) }), null;
+		return b.warn("Invalid data-formie-client-event JSON.", { rawPreview: e.slice(0, 80) }), null;
 	}
 }
 function re(e) {
@@ -47,81 +60,74 @@ function ie(e) {
 		};
 	}).filter((e) => e !== null) : [];
 }
-function v(e, t) {
+function C(e, t) {
 	if (!t.length) return;
 	let n = window;
 	n.dataLayer = n.dataLayer || [], t.forEach((t) => {
-		n.dataLayer.push(t.payload), e.dispatchEvent(new CustomEvent("formie:client-event", {
-			bubbles: !0,
-			detail: {
-				event: t.event,
-				payload: t.payload
-			}
-		}));
-	}), h.log("Dispatched resolved client events.", {
+		n.dataLayer.push(t.payload), y(e, "formie:client-event", {
+			event: t.event,
+			payload: t.payload
+		});
+	}), b.log("Dispatched resolved client events.", {
 		count: t.length,
 		events: t.map((e) => e.event)
 	});
 }
 function ae(e) {
-	let t = e.getAttribute(_);
+	let t = e.getAttribute(S);
 	if (t?.trim()) try {
 		let n = ie(JSON.parse(t));
-		n.length && v(e, n);
+		n.length && C(e, n);
 	} catch {
-		h.warn("Invalid pending client events JSON on form element.");
+		b.warn("Invalid pending client events JSON on form element.");
 	} finally {
-		e.removeAttribute(_);
+		e.removeAttribute(S);
 	}
 }
-function y(e, t) {
+function oe(e, t) {
 	if (t !== "submit") return;
 	let n = te(e);
 	if (!n) {
-		h.log("No submitted page id; skipping client event.");
+		b.log("No submitted page id; skipping client event.");
 		return;
 	}
 	let r = e.querySelector(`[data-formie-page][data-formie-page-id="${ee(n)}"]`);
 	if (!r) {
-		h.log("No page section for id; skipping client event.", { pageId: n });
+		b.log("No page section for id; skipping client event.", { pageId: n });
 		return;
 	}
-	let i = r.getAttribute(g);
+	let i = r.getAttribute(x);
 	if (i === null) return;
 	let a = ne(i);
 	if (!a || !Array.isArray(a.fields)) return;
 	let o = re(a.fields);
-	v(e, [{
+	C(e, [{
 		event: typeof o.event == "string" && o.event !== "" ? o.event : "formPageSubmission",
 		payload: o
 	}]);
 }
 //#endregion
 //#region src/js/core/page-tab-errors.ts
-function oe(e, t) {
-	if (i(e, e, "tabError", t), t) {
-		e.setAttribute("data-formie-tab-error", "true");
-		return;
-	}
-	e.removeAttribute("data-formie-tab-error");
+function se(e, t) {
+	a(e, e, "tabError", t), t ? e.setAttribute("data-formie-tab-error", "true") : e.removeAttribute("data-formie-tab-error");
 }
-function b(e) {
+function w(e) {
 	let t = /* @__PURE__ */ new Set();
 	e.querySelectorAll("[data-formie-page]").forEach((e) => {
 		let n = e, r = n.getAttribute("data-formie-page-id");
 		r && n.querySelector("[data-formie-field-has-error]") && t.add(r);
 	}), e.querySelectorAll("[data-formie-tab]").forEach((e) => {
 		let n = e, r = n.getAttribute("data-formie-page-id");
-		oe(n, !!r && t.has(r));
+		se(n, !!r && t.has(r));
 	});
 }
 //#endregion
 //#region src/js/validation/scope.ts
-function x(e) {
+function ce(e) {
 	return Array.from(e.querySelectorAll("[data-formie-page]"));
 }
-function S(e) {
-	let t = x(e);
+function T(e) {
+	let t = ce(e);
 	if (!t.length) return {
 		scope: e,
 		final: !0
@@ -133,37 +139,51 @@ function S(e) {
 	};
 }
 //#endregion
+//#region src/js/utils/form-started-at.ts
+var le = "formie:formStartedAt:";
+function E(e) {
+	let t = e.querySelector("input[name=\"formStartedAt\"]");
+	if (!t) return;
+	let n = e.querySelector("input[name=\"renderId\"]")?.value?.trim() ?? "", r = n ? `${le}${n}` : null, i = ["submissionUid", "progressId"].some((t) => e.querySelector(`input[name="${t}"]`)?.value.trim()), a = t.value || (i && r ? sessionStorage.getItem(r) : null);
+	a ||= String(Date.now()), r && sessionStorage.setItem(r, a), t.value = a;
+}
+function ue(e) {
+	let t = e.querySelector("input[name=\"formStartedAt\"]");
+	t && (t.value = String(Date.now()), E(e));
+}
+//#endregion
 //#region src/js/validation/submit-readiness.ts
-var C = "data-formie-submit-validation-disabled", w = "data-formie-preserve-disabled", se = "data-formie-submit-ready";
-function T(e) {
+var D = "data-formie-submit-validation-disabled", O = "data-formie-preserve-disabled", de = "data-formie-submit-ready";
+function fe(e) {
 	let t = e.dataset.formieDisableSubmitUntilValid?.trim().toLowerCase();
 	return t === "" || t === "true" || t === "1";
 }
-function ce(e) {
+function pe(e) {
 	return Array.from(e.querySelectorAll("button[data-formie-action=\"submit\"]")).filter((e) => e instanceof HTMLButtonElement);
 }
-function le(e) {
+function me(e) {
 	return !e.hasAttribute("data-formie-conditionally-hidden") && !e.closest("[data-formie-conditionally-hidden]");
 }
-function E(e, t) {
-	if (!T(e) || e.getAttribute("data-formie-loading") === "true") return;
-	let { scope: n, final: r } = S(e), i = t.isValid(n, { includeHiddenPages: r });
-	e.setAttribute(se, i ? "true" : "false"), ce(e).forEach((e) => {
-		if (le(e)) {
+function k(e, t) {
+	if (!fe(e) || e.getAttribute("data-formie-loading") === "true") return;
+	let { scope: n, final: r } = T(e), i = t.isValid(n, {
+		includeHiddenPages: r,
+		renderErrors: !1
+	});
+	e.setAttribute(de, i ? "true" : "false"), pe(e).forEach((e) => {
+		if (me(e)) {
 			if (i) {
-				if (!e.hasAttribute(C)) return;
-				e.hasAttribute(w) ? (e.disabled = !0, e.removeAttribute(w)) : e.disabled = !1, e.removeAttribute(C);
-				return;
-			}
-			e.hasAttribute(C) || (e.disabled && e.setAttribute(w, "true"), e.setAttribute(C, "true")), e.disabled ||= !0;
+				if (!e.hasAttribute(D)) return;
+				e.hasAttribute(O) ? (e.disabled = !0, e.removeAttribute(O)) : e.disabled = !1, e.removeAttribute(D);
+			} else e.hasAttribute(D) || (e.disabled && e.setAttribute(O, "true"), e.setAttribute(D, "true")), e.disabled ||= !0;
 		}
 	});
 }
-function ue(e, t, n) {
-	if (!T(e)) return () => {};
+function he(e, t, n) {
+	if (!fe(e)) return () => {};
 	let r = !1, i = () => {
 		r || (r = !0, queueMicrotask(() => {
-			r = !1, E(e, t);
+			r = !1, k(e, t);
 		}));
 	};
 	i();
@@ -206,18 +226,18 @@ function ue(e, t, n) {
 }
 //#endregion
 //#region src/js/core/submit-result-state.ts
-var de = "STALE_SUBMISSION_STATE", D = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), k = r("general", "submit-result");
-function A(e, t, n) {
+var ge = "STALE_SUBMISSION_STATE", A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), M = i("general", "submit-result");
+function N(e, t, n) {
 	let r = e.querySelector(`input[name="${t}"]`);
 	r || (r = document.createElement("input"), r.type = "hidden", r.name = t, e.appendChild(r)), r.value = n;
 }
-function j(e, t) {
+function P(e, t) {
 	e.setAttribute("data-formie-internal-navigation", t);
 }
-function M(e, t) {
+function F(e, t) {
 	e.querySelector(`input[name="${t}"]`)?.remove();
 }
-function fe(e, t) {
+function _e(e, t) {
 	try {
 		let n = new URL(e, window.location.href);
 		return n.searchParams.delete(t), n.toString();
@@ -225,38 +245,38 @@ function fe(e, t) {
 		return e;
 	}
 }
-function pe(e) {
+function ve(e) {
 	try {
 		return new URL(e, window.location.href).origin === window.location.origin;
 	} catch {
 		return !1;
 	}
 }
-function N(e) {
+function I(e) {
 	return Array.from(e.querySelectorAll("[data-formie-page]"));
 }
-function me(e) {
+function ye(e) {
 	return Array.from(e.querySelectorAll("[data-formie-tab]"));
 }
-function he(e, t, n) {
+function be(e, t, n) {
 	return t < 0 || n < 1 ? 0 : (e.dataset.formieProgressCalculation === "page-position" ? "page-position" : "completion") == "page-position" ? Math.round((t + 1) / n * 100) : Math.round(t / n * 100);
 }
-function ge(e) {
+function xe(e) {
 	return e <= 0 ? "start" : e >= 100 ? "end" : "middle";
 }
-function _e(e) {
+function Se(e) {
 	return (e.dataset.formieCompletionBehavior || e.dataset.formieSubmitAction || "").trim();
 }
-function P(e, t) {
-	return t.completion ? String(t.completion.behavior) : _e(e);
+function L(e, t) {
+	return t.completion ? String(t.completion.behavior) : Se(e);
 }
-function F(e) {
+function R(e) {
 	let t = e.dataset.formieHideFormAfterSubmit ?? e.dataset.formieSubmitActionFormHide;
 	if (t === void 0) return !1;
 	let n = t.trim().toLowerCase();
 	return n === "true" || n === "1" || n === "";
 }
-function I(e, t) {
+function z(e, t) {
 	e.toggleAttribute("data-formie-form-hidden", t), [
 		"[data-formie-form-header]",
 		"[data-formie-form-navigation]",
@@ -269,95 +289,90 @@ function I(e, t) {
 		});
 	});
 }
-function L(e) {
-	let t = D.get(e);
-	typeof t == "number" && (window.clearTimeout(t), D.delete(e));
+function B(e) {
+	let t = A.get(e);
+	typeof t == "number" && (window.clearTimeout(t), A.delete(e));
 }
-function ve(e, t) {
-	O.has(e) || O.set(e, e.innerHTML), e.textContent = t;
+function Ce(e, t) {
+	j.has(e) || j.set(e, e.innerHTML), e.textContent = t;
 }
-function R(e) {
-	let t = O.get(e);
-	t !== void 0 && (e.innerHTML = t, O.delete(e));
+function V(e) {
+	let t = j.get(e);
+	t !== void 0 && (e.innerHTML = t, j.delete(e));
 }
-function ye(e, t) {
+function we(e, t) {
 	let n = e.querySelector("[data-formie-progress-bar]"), r = e.querySelector("[data-formie-progress-value]");
-	n && (n.style.width = `${t}%`, n.setAttribute("aria-valuenow", `${t}`), n.setAttribute("data-formie-progress-state", ge(t)), r && (r.textContent = `${t}%`, r.setAttribute("data-formie-progress-value", `${t}`)));
+	n && (n.style.width = `${t}%`, n.setAttribute("aria-valuenow", `${t}`), n.setAttribute("data-formie-progress-state", xe(t)), r && (r.textContent = `${t}%`, r.setAttribute("data-formie-progress-value", `${t}`)));
 }
-function be(e, t) {
+function Te(e, t) {
 	if (!t) return;
 	let n = (e.dataset.formieLoadingIndicator || "").trim();
 	if (n) {
-		if (t.setAttribute("data-formie-loading-indicator", n), n === "spinner") {
-			i(t, e, "loading", !0), R(t), t.removeAttribute("data-formie-loading-text");
-			return;
-		}
-		if (n === "text") {
+		if (t.setAttribute("data-formie-loading-indicator", n), n === "spinner") a(t, e, "loading", !0), V(t), t.removeAttribute("data-formie-loading-text");
+		else if (n === "text") {
 			let n = (e.dataset.formieLoadingIndicatorText || "").trim(), r = t.textContent?.trim() || "", i = n || r;
-			t.setAttribute("data-formie-loading-text", i), ve(t, i);
-			return;
-		}
-		R(t), t.removeAttribute("data-formie-loading-text");
+			t.setAttribute("data-formie-loading-text", i), Ce(t, i);
+		} else V(t), t.removeAttribute("data-formie-loading-text");
 	}
 }
-function z(e) {
+function H(e) {
 	return Array.from(e.querySelectorAll("[data-formie-action]"));
 }
-function xe(e, t) {
-	e.getAttribute("data-formie-loading") !== "true" && (e.setAttribute("data-formie-loading", "true"), z(e).forEach((e) => {
+function Ee(e, t) {
+	e.getAttribute("data-formie-loading") !== "true" && (e.setAttribute("data-formie-loading", "true"), H(e).forEach((e) => {
 		"disabled" in e && (e.disabled ? e.setAttribute("data-formie-was-disabled", "true") : e.removeAttribute("data-formie-was-disabled"), e.disabled = !0);
-	}), t && (t.setAttribute("data-formie-loading", "true"), be(e, t)));
+	}), t && (t.setAttribute("data-formie-loading", "true"), Te(e, t)));
 }
-function B(e) {
-	e.removeAttribute("data-formie-loading"), z(e).forEach((t) => {
+function U(e) {
+	e.removeAttribute("data-formie-loading"), H(e).forEach((t) => {
 		if ("disabled" in t) {
 			let e = t;
 			e.disabled = e.getAttribute("data-formie-was-disabled") === "true";
 		}
-		R(t), t.removeAttribute("data-formie-was-disabled"), t.removeAttribute("data-formie-loading"), i(t, e, "loading", !1), t.removeAttribute("data-formie-loading-indicator"), t.removeAttribute("data-formie-loading-text");
+		V(t), t.removeAttribute("data-formie-was-disabled"), t.removeAttribute("data-formie-loading"), a(t, e, "loading", !1), t.removeAttribute("data-formie-loading-indicator"), t.removeAttribute("data-formie-loading-text");
 	});
 	let t = e;
-	t.formieValidation && E(e, t.formieValidation);
+	t.formieValidation && k(e, t.formieValidation);
 }
-function V(e, t) {
-	let n = N(e), r = me(e), s = n.findIndex((e) => e.getAttribute("data-formie-page-id") === t);
+function W(e, t) {
+	let n = I(e), r = ye(e), i = n.findIndex((e) => e.getAttribute("data-formie-page-id") === t);
 	n.forEach((n) => {
-		n.getAttribute("data-formie-page-id") === t ? (n.removeAttribute("data-formie-page-hidden"), a(n, e, "pageHidden")) : (n.setAttribute("data-formie-page-hidden", "true"), o(n, e, "pageHidden"));
+		n.getAttribute("data-formie-page-id") === t ? (n.removeAttribute("data-formie-page-hidden"), o(n, e, "pageHidden")) : (n.setAttribute("data-formie-page-hidden", "true"), s(n, e, "pageHidden"));
 	}), r.forEach((n, r) => {
-		let c = n.getAttribute("data-formie-page-id") === t, l = s > -1 && r < s;
-		i(n, e, "tabCurrent", c), i(n, e, "tabComplete", l);
+		let c = n.getAttribute("data-formie-page-id") === t, l = i > -1 && r < i;
+		a(n, e, "tabCurrent", c), a(n, e, "tabComplete", l);
 		let u = n.querySelector("[data-formie-tab-link]");
-		u && (i(u, e, "tabLinkCurrent", c), c ? a(u, e, "tabLinkInactive") : o(u, e, "tabLinkInactive")), c ? n.setAttribute("aria-current", "page") : n.removeAttribute("aria-current"), l ? n.setAttribute("data-formie-tab-complete", "true") : n.removeAttribute("data-formie-tab-complete");
-	}), s > -1 && n.length > 0 && ye(e, he(e, s, n.length)), A(e, "pageId", t), b(e);
+		u && (a(u, e, "tabLinkCurrent", c), c ? o(u, e, "tabLinkInactive") : s(u, e, "tabLinkInactive")), c ? n.setAttribute("aria-current", "page") : n.removeAttribute("aria-current"), l ? n.setAttribute("data-formie-tab-complete", "true") : n.removeAttribute("data-formie-tab-complete");
+	}), i > -1 && n.length > 0 && we(e, be(e, i, n.length)), N(e, "pageId", t), w(e);
 	let c = e;
-	c.formieValidation && E(e, c.formieValidation);
+	c.formieValidation && k(e, c.formieValidation);
 }
-function Se(e, t) {
+function De(e, t) {
 	if (t.meta?.resetSubmissionIdentity === !0) {
-		M(e, "submissionId"), M(e, "submissionUid"), M(e, "progressId"), A(e, "expectedVersion", "0"), H(e);
+		F(e, "submissionId"), F(e, "submissionUid"), F(e, "progressId"), N(e, "expectedVersion", "0"), G(e);
 		return;
 	}
 	let n = t.meta?.session?.version ?? t.meta?.version;
-	typeof n == "number" && A(e, "expectedVersion", String(n));
+	typeof n == "number" && N(e, "expectedVersion", String(n));
 	let r = t.meta?.submissionUid;
-	typeof r == "string" && r.trim() !== "" && A(e, "submissionUid", r);
+	typeof r == "string" && r.trim() !== "" && N(e, "submissionUid", r);
 	let i = (t.meta?.session)?.continuation?.progressId;
-	typeof i == "string" && i.trim() !== "" ? A(e, "progressId", i) : M(e, "progressId");
+	typeof i == "string" && i.trim() !== "" ? N(e, "progressId", i) : F(e, "progressId");
 }
-function H(e) {
+function G(e) {
 	let t = e.getAttribute("action");
-	t && e.setAttribute("action", fe(t, "resumeToken"));
+	t && e.setAttribute("action", _e(t, "resumeToken"));
 	try {
 		let e = new URL(window.location.href);
 		if (!e.searchParams.has("resumeToken")) return;
 		e.searchParams.delete("resumeToken"), window.history.replaceState({}, document.title, `${e.pathname}${e.search}${e.hash}`);
 	} catch {}
 }
-function Ce(e, t) {
+function Oe(e, t) {
 	let n = t.meta?.resumeUrl;
 	if (typeof n != "string" || n.trim() === "") return;
 	let r = n.trim();
-	if (pe(r)) {
+	if (ve(r)) {
 		e.getAttribute("action") && e.setAttribute("action", r);
 		try {
 			let e = new URL(r, window.location.href);
@@ -365,90 +380,72 @@ function Ce(e, t) {
 		} catch {}
 	}
 }
-function U(t, n = {}) {
-	let r = t.formieValidation, i = N(t)[0]?.getAttribute("data-formie-page-id");
-	if (L(t), t.reset(), n.preserveHiddenState || I(t, !1), M(t, "submissionId"), A(t, "expectedVersion", "0"), M(t, "submissionUid"), M(t, "progressId"), M(t, "pageId"), H(t), r?.resetLiveState(), i) {
-		V(t, i), t.dispatchEvent(new CustomEvent(e("reset"), { bubbles: !0 }));
-		return;
-	}
-	b(t), t.dispatchEvent(new CustomEvent(e("reset"), { bubbles: !0 }));
-}
-function we(e) {
-	return e.code === de || e.meta?.resetState === !0;
+function K(t, n = {}) {
+	let r = t.formieValidation, i = I(t)[0]?.getAttribute("data-formie-page-id");
+	B(t), t.reset(), t.querySelectorAll("[data-formie-summary-token]").forEach((e) => {
+		e instanceof HTMLInputElement ? e.remove() : e.removeAttribute("data-formie-summary-token");
+	}), t.querySelectorAll("[data-formie-summary-blocks]").forEach((e) => e.replaceChildren()), n.preserveHiddenState || z(t, !1), F(t, "submissionId"), N(t, "expectedVersion", "0"), F(t, "submissionUid"), F(t, "progressId"), F(t, "pageId"), G(t), ue(t), r?.resetLiveState(), i ? (W(t, i), y(t, e("reset"), void 0)) : (w(t), y(t, e("reset"), void 0));
 }
-function Te(e, t) {
-	let r = t.submitData, i = /* @__PURE__ */ new Set(), a = !1;
-	if (Array.isArray(r) && r.length > 0) {
-		let t = r.filter((e) => typeof e == "object" && !!e && "event" in e && typeof e.event == "string");
-		for (let r of t) {
-			let t = n(r.event);
-			i.add(t), k.log("Dispatching submitData event.", { eventName: t }), t.startsWith("formie:payment:") && (a = !0), e.dispatchEvent(new CustomEvent(t, {
+function ke(e) {
+	return e.code === ge || e.meta?.resetState === !0;
+}
+function Ae(e, t) {
+	let n = t.submitData, i = /* @__PURE__ */ new Set(), a = !1;
+	if (Array.isArray(n) && n.length > 0) {
+		let t = n.filter((e) => typeof e == "object" && !!e && "event" in e && typeof e.event == "string");
+		for (let n of t) {
+			let t = r(n.event);
+			i.add(t), M.log("Dispatching submitData event.", { eventName: t }), t.startsWith("formie:payment:") && (a = !0), e.dispatchEvent(new CustomEvent(t, {
 				bubbles: !0,
-				detail: { data: r.data }
+				detail: { data: n.data }
 			}));
 		}
 	}
-	let o = t.payment?.action, s = o ? String(o.event || "") : "", c = o ? o.payload : void 0, l = n(s);
+	let o = t.payment?.action, s = o ? String(o.event || "") : "", c = o ? o.payload : void 0, l = r(s);
 	return l && !i.has(l) && (l.startsWith("formie:payment:") && (a = !0), e.dispatchEvent(new CustomEvent(l, {
 		bubbles: !0,
 		detail: { data: c }
-	})), k.log("Dispatching fallback payment action event.", { eventName: l })), { hasPaymentFollowUpEvent: a };
+	})), M.log("Dispatching fallback payment action event.", { eventName: l })), { hasPaymentFollowUpEvent: a };
 }
-function Ee(e, t, n) {
-	if (k.log("Applying submit result state.", {
+function je(e, t, n) {
+	if (M.log("Applying submit result state.", {
 		ok: t.ok,
 		action: n,
 		code: t.code,
 		hasRedirect: !!t.redirect?.url,
 		hasSubmitData: Array.isArray(t.submitData) && t.submitData.length > 0
-	}), we(t)) {
-		U(e), k.log("Resetting state due to stale/reset marker.");
-		return;
-	}
-	t.payment?.action?.type === "redirect" && t.payment.action.url && j(e, "payment-redirect");
-	let r = Te(e, t);
-	if (!t.ok && t.redirect?.url && !r.hasPaymentFollowUpEvent) {
-		k.log("Applying redirect fallback for failed result.", {
-			url: t.redirect.url,
-			target: t.redirect.target
-		}), L(e), t.redirect.target === "new-tab" ? window.open(t.redirect.url, "_blank", "noopener,noreferrer") : (j(e, "redirect"), window.location.href = t.redirect.url);
-		return;
-	}
-	if (Se(e, t), !t.ok) {
-		k.log("Non-redirect failure; keeping current form state."), L(e);
-		return;
-	}
-	if (Array.isArray(t.clientEvents) && t.clientEvents.length > 0 ? v(e, t.clientEvents) : y(e, n), t.nextPage?.id) {
-		L(e), e.formieValidation?.resetLiveState(), V(e, t.nextPage.id), m(e, "formie:page:navigate:after", { pageId: t.nextPage.id }), k.log("Advanced to next page.", { nextPageId: t.nextPage.id });
+	}), ke(t)) {
+		K(e), M.log("Resetting state due to stale/reset marker.");
 		return;
 	}
-	if (n === "save") {
-		L(e), Ce(e, t), k.log("Applied save/resume token state.");
-		return;
-	}
-	if (t.completion && n === "submit" && !t.redirect?.url) {
-		let n = P(e, t), r = n === "message" && F(e);
+	t.payment?.action?.type === "redirect" && t.payment.action.url && P(e, "payment-redirect");
+	let r = Ae(e, t);
+	if (!t.ok && t.redirect?.url && !r.hasPaymentFollowUpEvent) M.log("Applying redirect fallback for failed result.", {
+		url: t.redirect.url,
+		target: t.redirect.target
+	}), B(e), t.redirect.target === "new-tab" ? window.open(t.redirect.url, "_blank", "noopener,noreferrer") : (P(e, "redirect"), window.location.href = t.redirect.url);
+	else if (De(e, t), !t.ok) M.log("Non-redirect failure; keeping current form state."), B(e);
+	else if (Array.isArray(t.clientEvents) && t.clientEvents.length > 0 ? C(e, t.clientEvents) : oe(e, n), t.nextPage?.id) B(e), e.formieValidation?.resetLiveState(), W(e, t.nextPage.id), y(e, "formie:page:navigate:after", { pageId: t.nextPage.id }), M.log("Advanced to next page.", { nextPageId: t.nextPage.id });
+	else if (n === "save") B(e), Oe(e, t), M.log("Applied save/resume token state.");
+	else if (t.completion && n === "submit" && !t.redirect?.url) {
+		let n = L(e, t), r = n === "message" && R(e);
 		if (n === "reload") {
-			L(e), j(e, "reload"), window.location.reload();
+			B(e), P(e, "reload"), window.location.reload();
 			return;
 		}
 		if (n === "reset") {
-			U(e);
+			K(e);
 			return;
 		}
-		L(e), U(e, { preserveHiddenState: r });
-		return;
-	}
-	if (n === "submit" && t.redirect?.url && t.redirect.target === "new-tab") {
-		let n = P(e, t) === "message" && F(e);
-		L(e), U(e, { preserveHiddenState: n });
-		return;
-	}
-	L(e);
+		B(e), K(e, { preserveHiddenState: r });
+	} else if (n === "submit" && t.redirect?.url && t.redirect.target === "new-tab") {
+		let n = L(e, t) === "message" && R(e);
+		B(e), K(e, { preserveHiddenState: n });
+	} else B(e);
 }
 //#endregion
 //#region src/js/modules/payments/constants.ts
-var De = 2500, Oe = {
+var Me = 2500, Ne = {
 	bpoint: ["bpointToken"],
 	stripe: ["stripePaymentIntentId"],
 	paypal: ["paypalOrderId", "paypalAuthId"],
@@ -463,25 +460,25 @@ var De = 2500, Oe = {
 };
 //#endregion
 //#region src/js/utils/fields.ts
-function ke(e) {
+function Pe(e) {
 	return e.replace("{field:", "").replace("{", "").replace("}", "").replace("]", "").split("[").join("][");
 }
-function Ae(e) {
-	return `fields[${ke(e)}]`;
+function Fe(e) {
+	return `fields[${Pe(e)}]`;
 }
-function je(e, t) {
-	let n = Ae(t), r = Array.from(e.querySelectorAll(`[name="${n}"]`)), i = Array.from(e.querySelectorAll(`[name="${n}[]"]`));
+function Ie(e, t) {
+	let n = Fe(t), r = Array.from(e.querySelectorAll(`[name="${n}"]`)), i = Array.from(e.querySelectorAll(`[name="${n}[]"]`));
 	return (i.length ? i : r).filter((e) => e instanceof HTMLElement);
 }
-function W(e, t) {
-	let n = je(e, t);
+function q(e, t) {
+	let n = Ie(e, t);
 	for (let e of n) {
 		let t = e.closest("[data-formie-field-handle]")?.querySelector("[data-formie-field-label]")?.childNodes[0]?.textContent?.trim();
 		if (t) return t;
 	}
 	return "";
 }
-function G(e) {
+function J(e) {
 	let t = e.replace(/[^\d.,-]/g, ""), n = t.includes(","), r = t.includes(".");
 	if (n && r) t = t.lastIndexOf(",") > t.lastIndexOf(".") ? t.replace(/\./g, "").replace(",", ".") : t.replace(/,/g, "");
 	else if (n && !r) {
@@ -492,17 +489,17 @@ function G(e) {
 }
 //#endregion
 //#region src/js/modules/payments/utils.ts
-function K(e) {
+function Y(e) {
 	let t = e;
 	return !t.closest("[data-formie-conditionally-hidden]") && !t.closest("[data-formie-row-hidden]") && !t.closest("[data-formie-page-hidden]") && !t.closest("[hidden]");
 }
-function q(e, t) {
+function X(e, t) {
 	let n = t.replace(/"/g, "\\\"");
 	return e.querySelector(`input[name$="[${n}]"]`) || e.querySelector(`input[name$="${n}"]`);
 }
-function J(e, t) {
+function Z(e, t) {
 	let n = t.find((t) => {
-		let n = q(e, t);
+		let n = X(e, t);
 		return !n || String(n.value || "").trim() === "";
 	});
 	return {
@@ -510,35 +507,35 @@ function J(e, t) {
 		missingSuffix: n
 	};
 }
-async function Y(e, t, n) {
-	let r = J(e, t);
+async function Le(e, t, n) {
+	let r = Z(e, t);
 	if (r.ok) return r;
 	let i = Date.now() + Math.max(n, 0);
 	for (; Date.now() < i;) {
-		await s(120);
-		let n = J(e, t);
+		await c(120);
+		let n = Z(e, t);
 		if (n.ok) return n;
 	}
-	return J(e, t);
+	return Z(e, t);
 }
 //#endregion
 //#region src/js/modules/payments/host.ts
-var Me = /* @__PURE__ */ new Set([
+var Re = /* @__PURE__ */ new Set([
 	"handle",
 	"requiredInputSuffixes",
 	"waitForValueMs",
 	"errorMessage"
-]), X = "[data-payment-success]", Z = "[data-payment-error]";
-function Ne(e, t) {
+]), ze = "[data-payment-success]", Be = "[data-payment-error]";
+function Ve(e, t) {
 	return (typeof t.handle == "string" && t.handle.trim() !== "" ? t.handle.trim() : "") || e;
 }
-function Pe(e, t, n) {
-	let r = t || {}, i = Object.entries(r).reduce((e, [t, n]) => (Me.has(t) || (e[t] = n), e), {}), a = Array.isArray(r.requiredInputSuffixes) ? r.requiredInputSuffixes.map(String).filter(Boolean) : n.defaultRequiredInputSuffixes || [], o = Number(r.waitForValueMs ?? n.defaultWaitForValueMs ?? 2500), s = typeof r.errorMessage == "string" && r.errorMessage.trim() !== "" ? r.errorMessage.trim() : "Payment authorization is incomplete.";
+function He(e, t, n) {
+	let r = t || {}, i = Object.entries(r).reduce((e, [t, n]) => (Re.has(t) || (e[t] = n), e), {}), a = Array.isArray(r.requiredInputSuffixes) ? r.requiredInputSuffixes.map(String).filter(Boolean) : n.defaultRequiredInputSuffixes || [], o = Number(r.waitForValueMs ?? n.defaultWaitForValueMs ?? 2500), s = typeof r.errorMessage == "string" && r.errorMessage.trim() !== "" ? r.errorMessage.trim() : "Payment authorization is incomplete.";
 	return {
-		handle: Ne(e, r),
+		handle: Ve(e, r),
 		transport: {
 			requiredInputSuffixes: a,
-			waitForValueMs: Number.isFinite(o) ? o : De,
+			waitForValueMs: Number.isFinite(o) ? o : Me,
 			errorMessage: s
 		},
 		provider: i
@@ -549,9 +546,9 @@ function Q(e, t, n) {
 		e.removeEventListener(t, n);
 	};
 }
-function Fe(e, t) {
-	let n = e.target, r = e.form, i = e.root, a = r || i, s = t.transport.requiredInputSuffixes, m = () => p(r || i), h = (e) => {
-		let t = f(e, m()).value;
+function Ue(e, t) {
+	let n = e.target, r = e.form, i = e.root, a = r || i, o = t.transport.requiredInputSuffixes, c = () => m(r || i), h = (e) => {
+		let t = p(e, c()).value;
 		return Array.isArray(t) ? t[0] || "" : String(t || "");
 	};
 	return {
@@ -561,55 +558,55 @@ function Fe(e, t) {
 		updateInputs: (e, t) => {
 			let r = Array.isArray(e) ? e : [e];
 			for (let e of r) {
-				let r = q(a, e) ?? n.querySelector(`input[name*="${e}"]`);
+				let r = X(a, e) ?? n.querySelector(`input[name*="${e}"]`);
 				r && (r.value = t);
 			}
 		},
 		addError: (e) => {
-			let t = n.querySelector("[data-formie-field-type] > div, [data-field-type] > div") || n, a = t.querySelector(Z);
+			let t = n.querySelector("[data-formie-field-type] > div, [data-field-type] > div") || n, a = t.querySelector(Be);
 			a && a.remove();
-			let s = document.createElement("div");
-			s.setAttribute("data-payment-error", ""), s.textContent = e, o(s, r || i, "fieldError"), t.appendChild(s);
+			let o = document.createElement("div");
+			o.setAttribute("data-payment-error", ""), o.textContent = e, s(o, r || i, "fieldError"), t.appendChild(o);
 		},
 		removeError: () => {
-			n.querySelector(Z)?.remove();
+			n.querySelector(Be)?.remove();
 		},
 		addSuccess: (e) => {
-			let t = n.querySelector("[data-formie-field-type] > div, [data-field-type] > div") || n, a = t.querySelector(X);
+			let t = n.querySelector("[data-formie-field-type] > div, [data-field-type] > div") || n, a = t.querySelector(ze);
 			a && a.remove();
-			let s = document.createElement("div");
-			s.setAttribute("data-payment-success", ""), s.textContent = e, o(s, r || i, "successMessage"), t.appendChild(s);
+			let o = document.createElement("div");
+			o.setAttribute("data-payment-success", ""), o.textContent = e, s(o, r || i, "successMessage"), t.appendChild(o);
 		},
 		removeSuccess: () => {
-			n.querySelector(X)?.remove();
+			n.querySelector(ze)?.remove();
 		},
-		hasToken: () => J(a, s).ok,
-		waitForToken: (e = t.transport.waitForValueMs) => Y(a, s, e).then((e) => e.ok),
+		hasToken: () => Z(a, o).ok,
+		waitForToken: (e = t.transport.waitForValueMs) => Le(a, o, e).then((e) => e.ok),
 		getFieldValue: (e, t = "string") => {
 			let n = h(e);
-			return t === "float" || t === "int" || t === "number" ? G(n) : n;
+			return t === "float" || t === "int" || t === "number" ? J(n) : n;
 		},
 		resolveAmount: (e) => {
-			let t = r || i, n = String(e.type || "").toLowerCase() === "dynamic" && typeof e.variable == "string" && e.variable.trim() !== "", a = e.value ?? (n ? e.variable : e.fixed), o = String(a ?? "").trim(), s = typeof a == "number" ? a : G(o);
+			let t = r || i, n = String(e.type || "").toLowerCase() === "dynamic" && typeof e.variable == "string" && e.variable.trim() !== "", a = e.value ?? (n ? e.variable : e.fixed), o = String(a ?? "").trim(), s = typeof a == "number" ? a : J(o);
 			if (Number.isFinite(s) && s > 0) return {
 				ok: !0,
 				value: s
 			};
 			if (o !== "") {
-				let e = h(o), n = G(e);
+				let e = h(o), n = J(e);
 				if (Number.isFinite(n) && n > 0) return {
 					ok: !0,
 					value: n
 				};
-				let r = W(t, o);
+				let r = q(t, o);
 				if (!e) return {
 					ok: !1,
-					error: r ? l("Provide a value for \"{label}\" to proceed.", { label: r }) : l("Provide a payment amount to proceed.")
+					error: r ? u("Provide a value for \"{label}\" to proceed.", { label: r }) : u("Provide a payment amount to proceed.")
 				};
 			}
 			return {
 				ok: !1,
-				error: l("Payment amount must be greater than 0.")
+				error: u("Payment amount must be greater than 0.")
 			};
 		},
 		resolveCurrency: (e) => {
@@ -624,47 +621,47 @@ function Fe(e, t) {
 					ok: !0,
 					value: n
 				};
-				let r = W(t, o);
+				let r = q(t, o);
 				if (!e) return {
 					ok: !1,
-					error: r ? l("Provide a value for \"{label}\" to proceed.", { label: r }) : l("Provide a payment currency to proceed.")
+					error: r ? u("Provide a value for \"{label}\" to proceed.", { label: r }) : u("Provide a payment currency to proceed.")
 				};
 			}
 			return {
 				ok: !1,
-				error: l("Payment currency must be a valid 3-letter code.")
+				error: u("Payment currency must be a valid 3-letter code.")
 			};
 		},
 		watchFieldValueChanges: (e, t, n = 600) => {
 			let a = r || i, o = e.map((e) => String(e || "").trim()).filter(Boolean);
 			if (o.length === 0) return () => {};
-			let s = m(), l = /* @__PURE__ */ new Set();
+			let s = c(), u = /* @__PURE__ */ new Set();
 			o.forEach((e) => {
-				let t = u(e), n = s.get(t);
+				let t = d(e), n = s.get(t);
 				if (n?.names?.length) {
 					n.names.forEach((e) => {
-						l.add(e);
+						u.add(e);
 					});
 					return;
 				}
-				let r = d(t);
-				r && (l.add(r), l.add(`${r}[]`));
+				let r = f(t);
+				r && (u.add(r), u.add(`${r}[]`));
 			});
-			let f = c(() => {
+			let p = l(() => {
 				t();
-			}, n), p = (e) => {
+			}, n), m = (e) => {
 				let t = e.target?.name || "";
-				t && l.has(t) && f();
+				t && u.has(t) && p();
 			};
-			return a.addEventListener("input", p), a.addEventListener("change", p), () => {
-				a.removeEventListener("input", p), a.removeEventListener("change", p);
+			return a.addEventListener("input", m), a.addEventListener("change", m), () => {
+				a.removeEventListener("input", m), a.removeEventListener("change", m);
 			};
 		},
 		triggerSubmit: () => {
 			r && r.setAttribute("data-formie-internal-resubmit", "true"), r && typeof r.requestSubmit == "function" ? r.requestSubmit() : r && r.submit();
 		},
 		releaseSubmitLoading: () => {
-			r && (r.removeAttribute("data-formie-internal-resubmit"), B(r));
+			r && (r.removeAttribute("data-formie-internal-resubmit"), U(r));
 		},
 		getBillingData: (e) => {
 			let t = {};
@@ -691,9 +688,9 @@ function Fe(e, t) {
 }
 //#endregion
 //#region src/js/modules/payments/factories.ts
-var $ = r("payments");
-function Ie(e) {
-	let t = e.defaultRequiredInputSuffixes ?? Oe[e.moduleId.split(":")[1]] ?? [];
+var $ = i("payments");
+function We(e) {
+	let t = e.defaultRequiredInputSuffixes ?? Ne[e.moduleId.split(":")[1]] ?? [];
 	return {
 		moduleId: e.moduleId,
 		version: 2,
@@ -710,85 +707,93 @@ function Ie(e) {
 					await o.destroy();
 				} catch {}
 			}
-			let s = Pe(e.moduleId.split(":")[1], n.options || {}, { defaultRequiredInputSuffixes: t }), c = Fe(n, s), l = {
+			let s = He(e.moduleId.split(":")[1], n.options || {}, { defaultRequiredInputSuffixes: t }), c = Ue(n, s), l = {
 				...n,
 				options: s,
 				services: c
-			}, u = [], d = null, f = null, p = null, m = null, h = async () => (d ||= ($.log("Loading payment provider API.", { moduleId: e.moduleId }), e.load(l)), d), g = async () => {
-				if (!e.mount || f || !K(n.target)) return;
-				let t = await h();
-				try {
-					f = await e.mount({
-						api: t,
-						field: n.target,
-						services: c,
-						options: s,
-						provider: s.provider
-					}), $.log("Payment widget mounted.", {
-						moduleId: e.moduleId,
-						handle: s.handle
-					});
-				} catch (t) {
-					throw $.warn("Payment widget mount failed.", {
-						moduleId: e.moduleId,
-						handle: s.handle
-					}), t;
-				}
+			}, u = [], d = null, f = null, p = null, m = null, h = !1, g = null, _ = null, v = async () => (d ||= ($.log("Loading payment provider API.", { moduleId: e.moduleId }), e.load(l)), d), y = async () => {
+				let t = e.mount;
+				if (!h && t && !f && Y(n.target)) return p ||= (async () => {
+					try {
+						let r = await v();
+						if (h || !Y(n.target)) return;
+						c.removeError(), f = await t({
+							api: r,
+							field: n.target,
+							services: c,
+							options: s,
+							provider: s.provider
+						}), $.log("Payment widget mounted.", {
+							moduleId: e.moduleId,
+							handle: s.handle
+						});
+					} catch (t) {
+						throw $.warn("Payment widget mount failed.", {
+							moduleId: e.moduleId,
+							handle: s.handle
+						}), t;
+					}
+				})().finally(() => {
+					p = null;
+				}), p;
+			}, b = () => {
+				y().catch(() => {
+					!h && Y(n.target) && c.addError(s.transport.errorMessage);
+				});
 			};
 			if (u.push(n.on("formie:submit:before", () => {
 				c.removeError(), c.removeSuccess();
 			})), e.setup) {
 				let t = n.root || n.form || n.target;
-				p = await e.setup({
+				g = await e.setup({
 					...l,
 					root: t
-				}), p.destroy && u.push(p.destroy);
+				}), g.destroy && u.push(g.destroy);
 			}
-			e.mount && K(n.target) && await g(), ["formie:page:navigate:after", "formie:submit:result"].forEach((e) => {
-				let t = () => {
-					g();
-				};
-				n.root.addEventListener(e, t), u.push(() => {
-					n.root.removeEventListener(e, t);
+			e.mount && Y(n.target) && await y(), ["formie:page:navigate:after", "formie:submit:result"].forEach((e) => {
+				n.root.addEventListener(e, b), u.push(() => {
+					n.root.removeEventListener(e, b);
 				});
-			}), u.push(n.on("formie:conditions:evaluated", () => {
-				g();
-			}));
-			let _ = async () => {
-				if ($.log("Destroying payment module.", {
+			}), u.push(n.on("formie:conditions:evaluated", b));
+			let x = () => m || (h = !0, m = (async () => {
+				$.log("Destroying payment module.", {
 					moduleId: e.moduleId,
 					handle: s.handle
-				}), u.forEach((e) => e()), f && e.unmount) {
-					let t = await h();
-					await e.unmount({
-						api: t,
-						widget: f,
-						field: n.target,
-						services: c,
-						options: s,
-						provider: s.provider
-					}), $.log("Payment widget unmounted.", {
-						moduleId: e.moduleId,
-						handle: s.handle
-					});
+				}), u.forEach((e) => e()), await p?.catch(() => {});
+				let t = f;
+				f = null;
+				try {
+					if (t && e.unmount) {
+						let r = await v();
+						await e.unmount({
+							api: r,
+							widget: t,
+							field: n.target,
+							services: c,
+							options: s,
+							provider: s.provider
+						});
+					}
+				} finally {
+					i[a]?.destroy === x && delete i[a];
 				}
-				i[a]?.destroy === _ && delete i[a], $.log("Payment module destroy complete.", {
+				$.log("Payment module destroy complete.", {
 					moduleId: e.moduleId,
 					handle: s.handle
 				});
-			};
-			return i[a] = { destroy: _ }, {
-				destroy: _,
+			})(), m);
+			return i[a] = { destroy: x }, {
+				destroy: x,
 				beforeSubmit: async (t) => {
-					if (p?.beforeSubmit) {
-						await p.beforeSubmit(t);
+					if (g?.beforeSubmit) {
+						await g.beforeSubmit(t);
 						return;
 					}
-					if (t.action !== "submit" || !K(n.target)) return;
-					await g();
-					let r = await h();
+					if (t.action !== "submit" || !Y(n.target)) return;
+					await y();
+					let r = await v();
 					if (e.onBeforePayment) {
-						m ||= (async () => e.onBeforePayment({
+						_ ||= (async () => e.onBeforePayment({
 							api: r,
 							widget: f,
 							field: n.target,
@@ -797,9 +802,9 @@ function Ie(e) {
 							provider: s.provider,
 							stageCtx: t
 						}))().finally(() => {
-							m = null;
+							_ = null;
 						});
-						let i = await m;
+						let i = await _;
 						if ($.log("onBeforePayment resolved.", {
 							moduleId: e.moduleId,
 							handle: s.handle,
@@ -811,7 +816,7 @@ function Ie(e) {
 						return;
 					}
 					if (s.transport.requiredInputSuffixes.length === 0) return;
-					let i = await Y(n.form || n.root, s.transport.requiredInputSuffixes, s.transport.waitForValueMs);
+					let i = await Le(n.form || n.root, s.transport.requiredInputSuffixes, s.transport.waitForValueMs);
 					i.ok || ($.warn("Required payment input(s) missing.", {
 						moduleId: e.moduleId,
 						handle: s.handle,
@@ -827,7 +832,7 @@ function Ie(e) {
 						result: r
 					}))?.remount && e.mount) {
 						if (f && e.unmount) {
-							let t = await h();
+							let t = await v();
 							await e.unmount({
 								api: t,
 								widget: f,
@@ -837,7 +842,7 @@ function Ie(e) {
 								provider: s.provider
 							});
 						}
-						f = null, await g();
+						f = null, await y();
 					}
 				}
 			};
@@ -846,6 +851,6 @@ function Ie(e) {
 }
 //#endregion
 //#region src/js/modules/payments/api.ts
-var Le = Ie;
+var Ge = We;
 //#endregion
-export { I as a, x as c, y as d, ae as f, B as i, S as l, V as n, xe as o, m as p, Ee as r, ue as s, Le as t, b as u };
+export { v as _, U as a, he as c, T as d, w as f, y as g, _ as h, je as i, E as l, ae as m, X as n, z as o, oe as p, W as r, Ee as s, Ge as t, ce as u };