@verbb/formie-browser 1.0.14 → 1.0.16

package/dist/chunks/{api-DYYsVIub.js → api-BPtH5RBA.js}

@@ -1,8 +1,8 @@
 import { a as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./debug-BV0DvdHx.js";
+import { t } from "./debug-rhzqP1j2.js";
 import { t as n } from "./theme-classes-DAQuEqdP.js";
-import { i as r } from "./i18n-BY1ds1BL.js";
-import { n as i, t as a } from "./async-nPFRNQ06.js";
+import { n as r, t as i } from "./async-2GdXNFCE.js";
+import { i as a } from "./i18n-BY1ds1BL.js";
 //#region src/js/modules/captchas/constants.ts
 var o = 2e3, s = 5e3, c = 5e3, l = 12e4;
 //#endregion
@@ -38,8 +38,8 @@ function m(e, t, { value: n = "", container: r } = {}) {
 }
 async function h(e, t, n) {
 	if (f(e, t)) return !0;
-	let r = Date.now() + Math.max(n, 0);
-	for (; Date.now() < r;) if (await i(120), f(e, t)) return !0;
+	let i = Date.now() + Math.max(n, 0);
+	for (; Date.now() < i;) if (await r(120), f(e, t)) return !0;
 	return !1;
 }
 //#endregion
@@ -98,17 +98,18 @@ function O(e, t) {
 	return !n || typeof n != "object" ? null : n;
 }
 function k(e, t, n, r) {
-	let i = /* @__PURE__ */ new Set(), o = () => {
-		let a = x(e, t), o = new Set(a.filter((e) => S(e)));
-		a.forEach((e) => {
-			o.has(e) && !i.has(e) && (i.add(e), n(e));
-		}), Array.from(i).forEach((e) => {
-			o.has(e) || (i.delete(e), r(e));
+	let a = /* @__PURE__ */ new Set(), o = !0, s = () => {
+		if (!o) return;
+		let i = x(e, t), s = new Set(i.filter((e) => S(e)));
+		i.forEach((e) => {
+			s.has(e) && !a.has(e) && (a.add(e), n(e));
+		}), Array.from(a).forEach((e) => {
+			s.has(e) || (a.delete(e), r(e));
 		});
-	}, s = a(o, 20), c = new MutationObserver(() => {
-		s();
+	}, c = i(s, 20), l = new MutationObserver(() => {
+		c();
 	});
-	c.observe(e, {
+	l.observe(e, {
 		childList: !0,
 		subtree: !0,
 		attributes: !0,
@@ -120,33 +121,29 @@ function k(e, t, n, r) {
 			"data-formie-page-hidden"
 		]
 	});
-	let l = [b(window, "resize", () => {
-		s();
+	let u = [b(window, "resize", () => {
+		c();
 	}), ...v.map((t) => b(e, t, () => {
-		if (y.has(t)) {
-			o();
-			return;
-		}
-		s();
+		y.has(t) ? s() : c();
 	}))];
-	return o(), {
+	return s(), {
 		cleanup: () => {
-			c.disconnect(), l.forEach((e) => {
+			o && (o = !1, l.disconnect(), u.forEach((e) => {
 				e();
-			}), Array.from(i).forEach((e) => {
+			}), Array.from(a).forEach((e) => {
 				r(e);
-			}), i.clear();
+			}), a.clear());
 		},
-		reconcile: s,
-		reconcileImmediate: o,
+		reconcile: c,
+		reconcileImmediate: s,
 		getVisible: () => x(e, t).filter((e) => S(e))
 	};
 }
 function A(e, t) {
 	return (typeof t.handle == "string" && t.handle.trim() !== "" ? t.handle.trim() : "") || e;
 }
-function j(e, t, { defaultPlaceholderSelector: n, defaultTokenFieldNames: i = [], defaultWaitForValueMs: a = o }) {
-	let s = t || {}, c = Object.entries(s).reduce((e, [t, n]) => (g.has(t) || (e[t] = n), e), {}), l = i.map(String).filter(Boolean), u = Number(a), d = typeof s.placeholderSelector == "string" && s.placeholderSelector.trim() !== "" ? s.placeholderSelector.trim() : n, f = typeof s.errorMessage == "string" && s.errorMessage.trim() !== "" ? s.errorMessage.trim() : r("Captcha challenge must be completed."), p = typeof s.sessionKey == "string" && s.sessionKey.trim() !== "" ? s.sessionKey.trim() : null, m = typeof s.value == "string" ? s.value : null;
+function j(e, t, { defaultPlaceholderSelector: n, defaultTokenFieldNames: r = [], defaultWaitForValueMs: i = o }) {
+	let s = t || {}, c = Object.entries(s).reduce((e, [t, n]) => (g.has(t) || (e[t] = n), e), {}), l = r.map(String).filter(Boolean), u = Number(i), d = typeof s.placeholderSelector == "string" && s.placeholderSelector.trim() !== "" ? s.placeholderSelector.trim() : n, f = typeof s.errorMessage == "string" && s.errorMessage.trim() !== "" ? s.errorMessage.trim() : a("Captcha challenge must be completed."), p = typeof s.sessionKey == "string" && s.sessionKey.trim() !== "" ? s.sessionKey.trim() : null, m = typeof s.value == "string" ? s.value : null;
 	return {
 		handle: A(e, s),
 		ui: {
@@ -155,22 +152,22 @@ function j(e, t, { defaultPlaceholderSelector: n, defaultTokenFieldNames: i = []
 		},
 		transport: {
 			tokenFieldNames: l,
-			waitForValueMs: Number.isFinite(u) ? u : a,
+			waitForValueMs: Number.isFinite(u) ? u : i,
 			sessionKey: p,
 			value: m
 		},
 		provider: c
 	};
 }
-function M(e, t) {
-	let n = e.form || e.root, r = t.ui.placeholderSelector, i = t.handle;
+function M(e, t, n = {}) {
+	let r = e.form || e.root, i = t.ui.placeholderSelector, a = t.handle;
 	return {
 		form: e.form,
 		root: e.root,
 		placeholder: {
-			query: () => x(e.root, r),
-			getPrimary: () => C(e.root, r),
-			observe: (t, n) => k(e.root, r, t, n),
+			query: () => x(e.root, i),
+			getPrimary: () => C(e.root, i),
+			observe: (t, n) => k(e.root, i, t, n),
 			createContainer: (e) => w(e),
 			clear: (e) => {
 				e && (T(e), e.innerHTML = "");
@@ -178,35 +175,35 @@ function M(e, t) {
 		},
 		errors: {
 			getDefaultMessage: () => t.ui.errorMessage,
-			show: (n, i) => {
-				E(i || C(e.root, r), n || t.ui.errorMessage, e.form || e.root);
+			show: (r, a) => {
+				n.isActive?.() !== !1 && E(a || C(e.root, i), r || t.ui.errorMessage, e.form || e.root);
 			},
 			clear: (t) => {
-				T(t || C(e.root, r));
+				n.isActive?.() !== !1 && T(t || C(e.root, i));
 			}
 		},
 		tokens: {
 			names: t.transport.tokenFieldNames,
-			has: (e = t.transport.tokenFieldNames, r = n) => f(r, e),
-			read: (e = t.transport.tokenFieldNames[0], r = n) => e ? d(r, e) : "",
-			write: (r, { names: i = t.transport.tokenFieldNames, root: a = n, container: o = e.form } = {}) => {
-				i.forEach((e) => {
-					m(a, e, {
-						value: r,
-						container: o
+			has: (e = t.transport.tokenFieldNames, n = r) => f(n, e),
+			read: (e = t.transport.tokenFieldNames[0], n = r) => e ? d(n, e) : "",
+			write: (i, { names: a = t.transport.tokenFieldNames, root: o = r, container: s = e.form } = {}) => {
+				n.isActive?.() !== !1 && (n.onTokenFieldNames?.(a), a.forEach((e) => {
+					m(o, e, {
+						value: i,
+						container: s
 					});
-				});
+				}));
 			},
-			clear: (e = t.transport.tokenFieldNames, r = n) => {
-				p(r, e);
+			clear: (e = t.transport.tokenFieldNames, i = r) => {
+				n.isActive?.() !== !1 && p(i, e);
 			},
-			wait: (e = t.transport.waitForValueMs, r = t.transport.tokenFieldNames, i = n) => h(i, r, e)
+			wait: (e = t.transport.waitForValueMs, n = t.transport.tokenFieldNames, i = r) => h(i, n, e)
 		},
 		refresh: {
-			providerHandle: i,
+			providerHandle: a,
 			onTokensRefreshed: (t) => {
 				let n = ["formie:refresh-tokens:after", "formie:refresh-tokens:refreshed"].map((n) => b(e.root, n, (e) => {
-					let n = O(D(e), i);
+					let n = O(D(e), a);
 					n && t(n);
 				}));
 				return () => {
@@ -249,22 +246,45 @@ function P({ moduleId: e, defaultPlaceholderSelector: t, defaultTokenFieldNames:
 				if (!e) throw Error("The CAPTCHA needs a supported placeholder in the client-rendered form.");
 				s = document.createElement("div"), s.setAttribute(e, ""), (a.form ?? a.root).append(s);
 			}
-			let c = M(a, o), l = await i({
-				...a,
-				options: o,
-				services: c
-			});
-			if (!l) {
-				s?.remove();
-				return;
-			}
-			let u = l.destroy;
-			return {
-				...l,
-				destroy: async () => {
-					await u(), s?.remove();
-				}
+			let c = new Set(o.transport.tokenFieldNames), l = !0, u = (e) => {
+				e.filter(Boolean).forEach((e) => c.add(e));
 			};
+			u(o.transport.sessionKey ? [o.transport.sessionKey] : []);
+			let d = M(a, o, {
+				onTokenFieldNames: u,
+				isActive: () => l
+			}), f = d.events.onForm("formie:unload-warning:collect-exclusions", (e) => {
+				let t = e.detail;
+				t?.form === a.form && t.exclude(...c);
+			}), p = d.refresh.onTokensRefreshed((e) => {
+				typeof e.sessionKey == "string" && e.sessionKey.trim() !== "" && u([e.sessionKey.trim()]);
+			}), m = () => {
+				l = !1, f(), p(), s?.remove();
+			};
+			try {
+				let e = await i({
+					...a,
+					options: o,
+					services: d
+				});
+				if (!e) {
+					m();
+					return;
+				}
+				let t = e.destroy;
+				return {
+					...e,
+					destroy: async () => {
+						try {
+							await t();
+						} finally {
+							m();
+						}
+					}
+				};
+			} catch (e) {
+				throw m(), e;
+			}
 		}
 	};
 }
@@ -316,28 +336,38 @@ function I(t) {
 		defaultPlaceholderSelector: t.defaultPlaceholderSelector,
 		defaultTokenFieldNames: t.defaultTokenFieldNames,
 		setup: async (n) => {
-			let r = [], i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = n.services.placeholder.getPrimary(), s = !1, c, l = null, u = async () => (l ||= (N.log("Loading captcha provider API.", { moduleId: t.moduleId }), t.load(n)), l), d = async (e) => {
-				let r = i.get(e);
-				if (n.services.errors.clear(e), !r) {
-					e.innerHTML = "";
-					return;
-				}
-				let a = await u();
-				t.unmount && await t.unmount({
-					api: a,
-					widget: r,
-					placeholder: e,
-					services: n.services,
-					options: n.options,
-					provider: n.options.provider
-				}), i.delete(e), e.innerHTML = "", n.services.tokens.clear(), N.log("Unmounted captcha placeholder widget.", { moduleId: t.moduleId }), o === e && (o = n.services.placeholder.getPrimary());
-			}, f = async (e) => {
-				if (s || i.has(e)) return;
+			let r = [], i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = null, c = n.services.placeholder.getPrimary(), l = !1, u, d = null, f = async () => (d ||= (N.log("Loading captcha provider API.", { moduleId: t.moduleId }), t.load(n)), d), p = (e) => {
+				let r = o.get(e);
+				if (r) return r;
+				let s = (async () => {
+					await a.get(e)?.catch(() => {}), n.services.errors.clear(e);
+					let r = i.has(e), o = i.get(e);
+					i.delete(e);
+					try {
+						if (r && t.unmount) {
+							let r = await f();
+							await t.unmount({
+								api: r,
+								widget: o,
+								placeholder: e,
+								services: n.services,
+								options: n.options,
+								provider: n.options.provider
+							});
+						}
+					} finally {
+						e.innerHTML = "", n.services.tokens.clear(), c === e && (c = n.services.placeholder.getPrimary());
+					}
+				})().finally(() => o.delete(e));
+				return o.set(e, s), s;
+			}, m = async (e) => {
+				let r = o.get(e);
+				if (r && await r, l || i.has(e)) return;
 				if (a.has(e)) return a.get(e);
-				let r = (async () => {
-					let r = await u();
-					if (s || i.has(e)) return;
-					let a = n.services.placeholder.createContainer(e), c = await t.mount({
+				let s = (async () => {
+					let r = await f();
+					if (l || i.has(e)) return;
+					let a = n.services.placeholder.createContainer(e), o = await t.mount({
 						api: r,
 						placeholder: e,
 						container: a,
@@ -345,30 +375,29 @@ function I(t) {
 						options: n.options,
 						provider: n.options.provider
 					});
-					i.set(e, c), o = e, N.log("Mounted captcha placeholder widget.", { moduleId: t.moduleId });
+					i.set(e, o), c = e, N.log("Mounted captcha placeholder widget.", { moduleId: t.moduleId });
 				})().finally(() => {
 					a.delete(e);
 				});
-				a.set(e, r), await r;
-			}, p = n.services.placeholder.observe((e) => {
-				o = e, f(e).catch((e) => {
-					c = e;
+				a.set(e, s), await s;
+			}, h = n.services.placeholder.observe((e) => {
+				c = e, m(e).catch((e) => {
+					u = e;
 				});
 			}, (e) => {
-				d(e);
+				l || p(e).catch((e) => {
+					u = e;
+				});
 			});
-			r.push(p.cleanup);
-			let m = async (e) => {
-				let r = p.getVisible();
+			r.push(h.cleanup);
+			let g = async (e) => {
+				if (l) return;
+				let r = h.getVisible();
 				if (t.reset) {
-					let a = await u();
+					let a = await f();
 					for (let o of r) {
 						let r = i.get(o);
-						if (!r) {
-							await f(o);
-							continue;
-						}
-						await t.reset({
+						i.has(o) ? (await t.reset({
 							api: a,
 							widget: r,
 							placeholder: o,
@@ -376,55 +405,58 @@ function I(t) {
 							options: n.options,
 							provider: n.options.provider,
 							reason: e
-						}), n.services.tokens.clear(), n.services.errors.clear(o);
+						}), n.services.tokens.clear(), n.services.errors.clear(o)) : await m(o);
 					}
-					p.reconcile();
-					return;
+					h.reconcile();
+				} else {
+					for (let e of Array.from(i.keys())) await p(e);
+					for (let e of r) await m(e);
+					h.reconcile();
 				}
-				for (let e of Array.from(i.keys())) await d(e);
-				for (let e of r) await f(e);
-				p.reconcile();
 			};
 			r.push(n.services.events.onRoot("formie:submit:result", (e) => {
 				let t = e instanceof CustomEvent ? e.detail : null;
-				t?.stage !== "validate" && (t?.ok !== !1 || t?.stage !== "challenge") && t?.ok !== !0 && m("submit-result");
+				t?.stage !== "validate" && (t?.ok !== !1 || t?.stage !== "challenge") && t?.ok !== !0 && g("submit-result");
 			})), n.form && r.push(n.services.events.onForm(e("reset"), () => {
-				o = n.services.placeholder.getPrimary() || o, window.setTimeout(() => {
-					m("reset-state");
+				c = n.services.placeholder.getPrimary() || c, window.setTimeout(() => {
+					g("reset-state");
 				}, 0);
-			})), p.reconcileImmediate();
+			}));
+			let _ = () => s || (l = !0, s = (async () => {
+				r.forEach((e) => e()), await Promise.allSettled([...a.values()]);
+				let e = (await Promise.allSettled(/* @__PURE__ */ new Set([...o.values(), ...Array.from(i.keys(), p)]))).flatMap((e) => e.status === "rejected" ? [e.reason] : []);
+				if (e.length) throw AggregateError(e, "CAPTCHA widgets could not clean up.");
+			})(), s);
+			h.reconcileImmediate();
 			try {
-				if (await Promise.all([...a.values()]), c) throw c;
+				if (await Promise.all([...a.values()]), u) throw u;
 			} catch (e) {
-				throw s = !0, r.forEach((e) => e()), e;
+				throw await _().catch((e) => {
+					N.warn("Captcha cleanup after failed setup.", { error: e });
+				}), e;
 			}
 			return {
 				assertReady: () => {
-					if (c) throw c;
-				},
-				destroy: async () => {
-					s = !0, r.forEach((e) => {
-						e();
-					});
-					for (let e of Array.from(i.keys())) await d(e);
+					if (u) throw u;
 				},
+				destroy: _,
 				beforeSubmit: async (e) => {
 					if (e.action !== "submit") return;
-					p.reconcileImmediate();
-					let r = p.getVisible();
+					h.reconcileImmediate();
+					let r = h.getVisible();
 					if (r.length === 0) return;
-					let a = r.find((e) => e === o) || r[0];
-					await f(a), a = o || a, n.services.errors.clear(a);
-					let s = i.get(a);
-					if (!s) {
+					let a = r.find((e) => e === c) || r[0];
+					await m(a), a = c || a, n.services.errors.clear(a);
+					let o = i.get(a);
+					if (!i.has(a)) {
 						let r = n.services.errors.getDefaultMessage();
 						n.services.errors.show(r, a), N.warn("Captcha widget unavailable at challenge stage.", { moduleId: t.moduleId }), e.abort(r);
 						return;
 					}
-					let c = await u();
+					let s = await f();
 					await t.challenge({
-						api: c,
-						widget: s,
+						api: s,
+						widget: o,
 						placeholder: a,
 						services: n.services,
 						options: n.options,