your-ai-workflow-firebase-os 2.0.2 → 2.0.3

package/dist/ContactPopup-BXnHrRwl.js

@@ -0,0 +1,1114 @@
+import { a as e, n as t, r as n } from "./forms-Bvx9HTM6.js";
+import { $t as r, Cn as i, Da as a, Dt as o, Fn as s, Gn as c, Hn as l, Jt as u, Na as d, Nn as f, Oa as p, Ot as m, Rn as h, Tt as g, Wn as _, Wt as v, Yt as y, ar as b, cr as x, ct as S, dr as C, ir as w, k as ee, ka as te, ln as ne, nn as re, nr as T, or as ie, pt as ae, rr as E, sr as D, vn as oe, wn as O, wt as se, xn as k, xt as ce, zn as A } from "./TimeZoneField-DkI1Bkcz.js";
+import { X as le, ln as ue, o as de, pn as j } from "./lucide-react-CA7GD7Nv.js";
+import { n as fe } from "./Popup-xROLytgr.js";
+import { t as pe } from "./Button-4lzOE31p.js";
+import { t as me } from "./Loader-D4gwgBOq.js";
+import { c as he, n as M, u as ge } from "./BookingCalendar-DZ2fEFja.js";
+import { O as _e, h as N, i as ve, s as ye, x as P } from "./scheduleData-ATN8w5hI.js";
+import { i as be, r as xe, u as Se } from "./address-C2bHNxJU.js";
+import F, { Suspense as Ce, useCallback as we, useContext as Te, useEffect as I, useId as Ee, useMemo as L, useRef as R, useState as z } from "react";
+import { Fragment as De, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { addDoc as Oe, collection as ke, doc as Ae, getDoc as je, serverTimestamp as Me } from "firebase/firestore";
+import { useNavigate as Ne } from "react-router-dom";
+import { createPortal as Pe } from "react-dom";
+//#region src/components/Input.tsx
+var H = F.forwardRef(({ className: e, label: t, error: n, currencySymbol: r, type: i, ...a }, o) => {
+	let s = i === "currency";
+	return /* @__PURE__ */ V("div", {
+		className: "flex flex-col w-full relative",
+		children: [
+			t && /* @__PURE__ */ B("label", {
+				className: "text-[13px] font-medium text-foreground/70 select-none mb-2",
+				children: t
+			}),
+			/* @__PURE__ */ V("div", {
+				className: "relative flex items-center lift-focus",
+				children: [s && r && /* @__PURE__ */ B("span", {
+					className: "absolute left-4 font-bold text-foreground/70 z-10 pointer-events-none text-[15px]",
+					children: r
+				}), /* @__PURE__ */ B("input", {
+					ref: o,
+					type: s ? "number" : i,
+					className: w("block h-12 w-full text-[15px] text-foreground py-2", s && r ? "pl-8 pr-4" : "px-4", "transition-all duration-300 placeholder:text-foreground/40", "focus:outline-none focus:border-accent glow-focus", "disabled:cursor-not-allowed disabled:opacity-50 glass-panel", n && "border-red-500/50 focus:border-red-500/50", e),
+					style: { borderRadius: "var(--input-radius, 0.75rem)" },
+					...a
+				})]
+			}),
+			n && /* @__PURE__ */ B(D.p, {
+				initial: {
+					opacity: 0,
+					y: -5
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "text-[13px] text-red-500 font-medium mt-1.5",
+				children: n
+			})
+		]
+	});
+});
+H.displayName = "Input";
+//#endregion
+//#region src/components/TextArea.tsx
+var Fe = F.forwardRef(({ className: e, label: t, error: n, id: r, rows: i = 2, ...a }, o) => {
+	let s = Ee(), c = r ?? `textarea-${s}`;
+	return /* @__PURE__ */ V("div", {
+		className: "flex flex-col w-full relative",
+		children: [
+			t && /* @__PURE__ */ B("label", {
+				htmlFor: c,
+				className: "text-[13px] font-medium text-foreground/70 select-none mb-2",
+				children: t
+			}),
+			/* @__PURE__ */ B(E, {
+				ref: o,
+				id: c,
+				rows: i,
+				className: w("block w-full text-[15px] leading-6 text-foreground px-4 py-3", "transition-[border-color,box-shadow,background-color] duration-300 placeholder:text-foreground/40", "focus:outline-none focus:border-accent glow-focus", "disabled:cursor-not-allowed disabled:opacity-50 glass-panel", n && "border-red-500/50 focus:border-red-500/50", e),
+				style: { borderRadius: "var(--input-radius, 0.75rem)" },
+				...a
+			}),
+			n && /* @__PURE__ */ B(D.p, {
+				initial: {
+					opacity: 0,
+					y: -5
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "text-[13px] text-red-500 font-medium mt-1.5",
+				children: n
+			})
+		]
+	});
+});
+Fe.displayName = "TextArea";
+//#endregion
+//#region src/lib/visitorState.ts
+var U = (e) => `fbos.visitor.${e}`, Ie = "buyer", W = "fbos:visitor-forgotten", G = "fbos:visitor-changed";
+function K(e) {
+	try {
+		window.localStorage.removeItem(U(e));
+	} catch {}
+	try {
+		window.dispatchEvent(new CustomEvent(W, { detail: e }));
+	} catch {}
+}
+var q = (e, t) => {
+	try {
+		let n = window.localStorage.getItem(U(e));
+		if (n === null) return t;
+		let r = JSON.parse(n);
+		return r === null ? t : r;
+	} catch {
+		return t;
+	}
+};
+function Le(e, t, n, r) {
+	return Object.assign([
+		e,
+		t,
+		n
+	], {
+		value: e,
+		setValue: t,
+		clear: n,
+		ready: r
+	});
+}
+function Re(e, t) {
+	let [n, r] = z(t), [i, a] = z(!1), o = R(t), s = R(t), c = R(Symbol("visitor-state"));
+	I(() => {
+		let t = q(e, o.current);
+		s.current = t, r(t), a(!0);
+		let n = (t) => {
+			t.detail === e && (s.current = o.current, r(o.current));
+		}, i = (t) => {
+			let n = t.detail;
+			!n || n.key !== e || n.from === c.current || (s.current = n.value, r(n.value));
+		}, l = (t) => {
+			if (t.key !== U(e)) return;
+			let n = q(e, o.current);
+			s.current = n, r(n);
+		};
+		return window.addEventListener(W, n), window.addEventListener(G, i), window.addEventListener("storage", l), () => {
+			window.removeEventListener(W, n), window.removeEventListener(G, i), window.removeEventListener("storage", l);
+		};
+	}, [e]);
+	let l = R(null), u = we((t) => {
+		let n = typeof t == "function" ? t(s.current) : t;
+		s.current = n, l.current ||= { json: JSON.stringify(o.current) };
+		let i = JSON.stringify(n);
+		try {
+			i === l.current.json ? window.localStorage.removeItem(U(e)) : window.localStorage.setItem(U(e), i);
+		} catch {}
+		r(n);
+		try {
+			window.dispatchEvent(new CustomEvent(G, { detail: {
+				key: e,
+				value: n,
+				from: c.current
+			} }));
+		} catch {}
+	}, [e]), d = we(() => {
+		s.current = o.current;
+		try {
+			window.localStorage.removeItem(U(e));
+		} catch {}
+		r(o.current);
+		try {
+			window.dispatchEvent(new CustomEvent(W, { detail: e }));
+		} catch {}
+	}, [e]);
+	return L(() => Le(n, u, d, i), [
+		n,
+		u,
+		d,
+		i
+	]);
+}
+//#endregion
+//#region src/components/AttachmentField.tsx
+var ze = { borderRadius: "var(--input-radius, 0.75rem)" }, Be = (e) => /\.(png|jpe?g|gif|webp|avif|svg|heic|heif|bmp)$/i.test(e), Ve = (e) => {
+	let t = (e.split(".").pop() || "").toLowerCase();
+	return t && t.length <= 4 && t !== e.toLowerCase() ? t : "file";
+};
+function He({ field: e, value: t, error: n, onChange: r }) {
+	let [i, a] = z(0), [o, u] = z(""), d = R(null), m = i > 0, g = A(t), v = async (e) => {
+		let t = Array.from(e || []);
+		d.current && (d.current.value = ""), t.length && (u(""), a((e) => e + t.length), await Promise.all(t.map(async (e) => {
+			try {
+				let t = await c(e, p.currentUser);
+				r((e) => l([...A(e), t]));
+			} catch (e) {
+				u(e?.code === "storage/unauthorized" ? "That kind of file is not accepted. Try a PDF, a document or a picture." : _(e));
+			} finally {
+				a((e) => e - 1);
+			}
+		})));
+	}, y = (e) => {
+		u(""), r((t) => l(A(t).filter((t) => t !== e)));
+	}, { over: b, dropProps: x } = s({
+		accept: e.accept,
+		multiple: !0,
+		disabled: m,
+		onFiles: v,
+		onReject: () => u("That kind of file is not accepted here.")
+	}), S = n || o, C = b ? "Drop to attach" : g.length ? "Add another file" : e.placeholder || "Drop a file or choose one";
+	return /* @__PURE__ */ V("div", {
+		className: "flex flex-col w-full relative",
+		children: [
+			/* @__PURE__ */ B("label", {
+				className: "text-[13px] font-medium text-foreground/70 select-none mb-2",
+				children: e.label
+			}),
+			g.length > 0 && /* @__PURE__ */ B("ul", {
+				className: "flex flex-col gap-2 mb-2",
+				children: g.map((e) => {
+					let t = h(e);
+					return /* @__PURE__ */ V("li", {
+						className: "flex items-center gap-3 w-full pl-2 pr-2 py-2 border border-[var(--panel-border)]",
+						style: ze,
+						children: [
+							Be(t) ? /* @__PURE__ */ B(f, {
+								src: e,
+								alt: t,
+								fit: "cover",
+								className: "w-11 h-11 shrink-0 rounded-lg overflow-hidden"
+							}) : /* @__PURE__ */ B("span", {
+								"aria-hidden": "true",
+								className: "w-11 h-11 shrink-0 rounded-lg bg-foreground/[0.05] flex items-center justify-center text-[11px] font-semibold uppercase tracking-wide text-foreground/60",
+								children: Ve(t)
+							}),
+							/* @__PURE__ */ B("span", {
+								className: "flex-1 min-w-0 truncate text-[14px] text-foreground",
+								children: t
+							}),
+							/* @__PURE__ */ B("button", {
+								type: "button",
+								onClick: () => y(e),
+								"aria-label": `Remove ${t}`,
+								title: "Remove",
+								className: "w-8 h-8 shrink-0 inline-flex items-center justify-center rounded-lg text-foreground/45 hover:text-foreground hover:bg-foreground/[0.06] active:scale-[0.97] transition-colors cursor-pointer",
+								children: /* @__PURE__ */ B(de, { className: "w-4 h-4" })
+							})
+						]
+					}, e);
+				})
+			}),
+			/* @__PURE__ */ V("label", {
+				...x,
+				className: `flex flex-col items-center justify-center gap-1 w-full px-5 text-center border border-dashed transition-[border-color,background-color] duration-200 cursor-pointer ${g.length ? "py-4" : "py-7"} ${b ? "border-accent bg-accent/[0.05]" : "border-foreground/15 bg-foreground/[0.015] hover:border-accent/50 hover:bg-foreground/[0.03]"} ${m ? "pointer-events-none" : ""}`,
+				style: ze,
+				children: [m ? /* @__PURE__ */ B(me, {
+					size: "sm",
+					label: i > 1 ? `Uploading ${i} files...` : "Uploading..."
+				}) : /* @__PURE__ */ B("span", {
+					className: `text-[14px] font-medium ${b ? "text-accent" : "text-foreground/70"}`,
+					children: C
+				}), /* @__PURE__ */ B("input", {
+					ref: d,
+					type: "file",
+					multiple: !0,
+					accept: e.accept,
+					"aria-label": e.label,
+					disabled: m,
+					onChange: (e) => v(e.target.files),
+					className: "hidden"
+				})]
+			}),
+			S && /* @__PURE__ */ B("span", {
+				className: "text-[13px] text-red-500 font-medium mt-1.5",
+				children: S
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/schedule/PickedTime.tsx
+var J = "rounded-2xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 bg-accent/10 text-accent";
+function Ue({ slot: e, timeZone: t, who: n, onChange: r }) {
+	let i = k(e, t), a = (n || "").trim();
+	return /* @__PURE__ */ V("div", {
+		className: "flex items-center gap-3 rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.015] px-3.5 py-3",
+		children: [
+			/* @__PURE__ */ B("div", {
+				className: `w-10 h-10 ${J}`,
+				children: /* @__PURE__ */ B(j, { className: "w-4 h-4" })
+			}),
+			/* @__PURE__ */ V("div", {
+				className: "flex flex-col min-w-0 flex-1 gap-0.5",
+				children: [/* @__PURE__ */ B("span", {
+					className: "text-[14px] sm:text-[15px] font-bold text-foreground leading-tight truncate",
+					children: i.day
+				}), /* @__PURE__ */ V("span", {
+					className: "text-[12.5px] sm:text-[13px] font-semibold text-foreground/55 leading-tight tabular-nums truncate",
+					children: [i.time, a ? ` · with ${a}` : ""]
+				})]
+			}),
+			/* @__PURE__ */ V("button", {
+				type: "button",
+				onClick: r,
+				"aria-label": "Change the time",
+				className: "shrink-0 cursor-pointer flex items-center justify-center transition-all max-sm:w-9 max-sm:h-9 max-sm:rounded-xl max-sm:border max-sm:border-[var(--panel-border)] max-sm:text-foreground/50 max-sm:hover:text-accent max-sm:hover:border-accent/40 max-sm:active:scale-[0.98] sm:text-[12.5px] sm:font-bold sm:text-accent sm:hover:underline",
+				children: [/* @__PURE__ */ B(le, {
+					className: "w-3.5 h-3.5 sm:hidden",
+					"aria-hidden": !0
+				}), /* @__PURE__ */ B("span", {
+					className: "max-sm:hidden",
+					children: "Change"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ContactPopup.tsx
+var Y = new Set([
+	"uid",
+	"formId",
+	"submittedAt",
+	"submitterName",
+	"submitterEmail",
+	"submitterAvatar"
+]), We = (e, t) => {
+	if (!e || typeof e != "object") return {};
+	let n;
+	try {
+		n = JSON.parse(JSON.stringify(e));
+	} catch {
+		return {};
+	}
+	let r = {};
+	for (let [e, i] of Object.entries(n || {})) Y.has(e) || e in t || (r[e] = i);
+	return r;
+}, Ge = a(() => import("./PhoneInputField-DfOtCIH_.js")), Ke = a(() => import("./AddressField-9Sqn8TvC.js")), qe = /^[^\s@,;]+@[^\s@,;.]+(\.[^\s@,;.]+)*\.[a-z]{2,}$/i, Je = "text-[13px] font-medium text-foreground/70 select-none mb-2", X = "text-[13px] text-red-500 font-medium mt-1.5", Ye = "block h-12 w-full text-[15px] text-foreground py-2 transition-all duration-300 placeholder:text-foreground/40 focus:outline-none focus:border-accent glow-focus disabled:cursor-not-allowed disabled:opacity-50 glass-panel", Z = { borderRadius: "var(--input-radius, 0.75rem)" }, Q = [
+	.16,
+	1,
+	.3,
+	1
+];
+function Xe({ field: e, value: t, error: n, timeZone: a, onTimeZone: o, onChange: s }) {
+	let { schedules: c } = N(), l = O(e), u = c.filter((e) => l.includes(e.id) && S(e)), d = new Set(u.map((e) => e.memberId)).size > 1, f = i(e), p = f === "choose" && d, [h, g] = z(!1), _ = d && (f === "all" || p && h), v = _ ? r(u) : [], [b] = z(() => /* @__PURE__ */ new Date()), x = P(u.map((e) => e.memberId), b), C = se(t), w = e.look === "calendar" ? M : he;
+	return /* @__PURE__ */ V("div", {
+		className: "flex flex-col w-full",
+		children: [
+			/* @__PURE__ */ B("label", {
+				className: Je,
+				children: e.label
+			}),
+			p && /* @__PURE__ */ B("div", {
+				className: "flex gap-1.5 mb-2.5 p-1 rounded-[var(--input-radius,0.75rem)] border border-[var(--panel-border)] bg-[var(--panel-bg)] w-fit",
+				children: [{
+					on: !h,
+					label: "One of them",
+					v: !1
+				}, {
+					on: h,
+					label: "All of them",
+					v: !0
+				}].map((e) => /* @__PURE__ */ B("button", {
+					type: "button",
+					"aria-pressed": e.on,
+					onClick: () => {
+						e.v !== h && (g(e.v), s(""));
+					},
+					className: `px-3 h-8 rounded-[calc(var(--input-radius,0.75rem)-0.25rem)] text-[12.5px] font-semibold transition-all cursor-pointer ${e.on ? "bg-accent text-[var(--button-fg,#fff)] shadow-sm" : "text-foreground/55 hover:text-foreground"}`,
+					children: e.label
+				}, e.label))
+			}),
+			_ && /* @__PURE__ */ V("p", {
+				className: "text-[12.5px] font-medium text-foreground/50 mb-2 ml-1",
+				children: [
+					"Times ",
+					y(v),
+					" are all free."
+				]
+			}),
+			/* @__PURE__ */ B(w, {
+				members: u,
+				value: C,
+				onChange: (e) => s(e ? m(e, _) : ""),
+				taken: x,
+				timeZone: a,
+				onTimeZone: o,
+				together: _
+			}),
+			n && /* @__PURE__ */ B("span", {
+				className: X,
+				children: n
+			})
+		]
+	});
+}
+var Ze = (e, t) => {
+	let n = e.find((e) => e.type === "text" && /name/i.test(String(e.name || ""))) || e.find((e) => e.type === "text");
+	return String(n && t[n.name] || p.currentUser?.displayName || "").trim();
+}, Qe = (e, t) => {
+	let n = e.find((e) => e.type === "email");
+	return String(n && t[n.name] || p.currentUser?.email || "").trim();
+}, $e = (e, t) => {
+	let n = i(e);
+	if (!(n === "all" || n === "choose" && g(t))) return [];
+	let a = O(e), o = r(v().filter((e) => a.includes(e.id) && S(e)));
+	return o.length > 1 ? o : [];
+};
+function et(e, t) {
+	if (!t || !e.some((e) => e?.type === "schedule")) return {};
+	let n = {}, r = String(t.email || "").trim(), i = e.find((e) => e?.type === "email" && e.name);
+	i && r && (n[i.name] = r);
+	let a = String(t.displayName || "").trim(), o = e.find((e) => e?.type === "text" && e.name && /name/i.test(`${e.name} ${e.label || ""}`));
+	return o && a && (n[o.name] = a), n;
+}
+function tt(e, t) {
+	let n = {};
+	for (let [r, i] of Object.entries(t || {})) {
+		if (i === "" || i == null || i === !1) continue;
+		let t = (e || []).find((e) => e?.name && (r === e.name || e.type === "address" && r.startsWith(e.name)));
+		!t || t.type === "schedule" || (n[r] = i);
+	}
+	return n;
+}
+var nt = (e, t) => Object.fromEntries(e.filter((e) => e.type !== "schedule" && e.name && t[e.name] !== void 0 && t[e.name] !== "").map((e) => [e.name, String(t[e.name])])), rt = (e, t) => Object.fromEntries(Object.entries(We(e, t)).filter(([, e]) => e != null && e !== "").map(([e, t]) => [e, typeof t == "object" ? JSON.stringify(t) : String(t)]));
+function $({ onClose: r, formId: i, formConfig: a, isInline: s, bare: c, onSubmitted: l, extra: f }) {
+	let [m, h] = z({}), [g, _] = z("idle"), [S, w] = z(""), [E, O] = z({}), [k, A] = z(() => o()), [le, de] = z(""), j = R(null), he = Te(b), [M, N] = z(a || null), [P, F] = z(!a), we = Ne(), Ee = d(), { user: L } = C(), U = et(M?.fields || [], L), Ie = String(L?.displayName || "").trim(), W = String(L?.email || "").trim(), G = (t) => {
+		let r = (typeof window < "u" ? window.__FBOS_FORMS__ : null) || {};
+		return Ee?.defaultConfigs?.[t] || Ee?.defaultConfigs?.[`${t}Form`] || r[t] || (t === "contact" ? e : t === "support" ? n : null);
+	};
+	I(() => {
+		if (a) {
+			N(a), F(!1);
+			return;
+		}
+		if (!i) {
+			N(G("contact")), F(!1);
+			return;
+		}
+		if (!localStorage.getItem(`fbos_custom_form_${i}`)) {
+			let e = G(i);
+			if (e) {
+				N(e), F(!1);
+				return;
+			}
+		}
+		try {
+			let e = localStorage.getItem(`fbos_form_${i}`);
+			e && (N(JSON.parse(e)), F(!1));
+		} catch {}
+		(async () => {
+			try {
+				let e = await je(Ae(te, "sys_forms", i));
+				if (e.exists()) {
+					let t = {
+						...e.data(),
+						id: e.id
+					};
+					N(t), localStorage.setItem(`fbos_form_${i}`, JSON.stringify(t));
+				} else {
+					let e = G(i);
+					e && (N(e), localStorage.removeItem(`fbos_custom_form_${i}`));
+				}
+			} catch (e) {
+				console.error("Failed to load form config:", e);
+				let t = G(i);
+				t && N(t);
+			} finally {
+				F(!1);
+			}
+		})();
+	}, [i, a]), I(() => {
+		M && M.fields && h((e) => {
+			let t = { ...e }, n = !1;
+			return M.fields.forEach((e) => {
+				(e.name === "contactEmail" || e.type === "email") && !t[e.name] && p.currentUser?.email && (t[e.name] = p.currentUser.email, n = !0);
+			}), n ? t : e;
+		});
+	}, [M]);
+	let K = Re(`form.${i || ""}`, {}), q = R(!1), Le = K.setValue;
+	I(() => {
+		!i || !q.current || g === "success" || Le(tt(M?.fields || [], m));
+	}, [
+		i,
+		m,
+		M,
+		g,
+		Le
+	]), I(() => {
+		if (!i || q.current || !K.ready || !M?.fields) return;
+		q.current = !0;
+		let e = tt(M.fields, K.value);
+		Object.keys(e).length && h((t) => ({
+			...e,
+			...t
+		}));
+	}, [
+		i,
+		K.ready,
+		K.value,
+		M
+	]), I(() => {
+		function e(e) {
+			j.current && !j.current.contains(e.target) && r?.();
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [r]), I(() => {
+		if (s) return;
+		let e = (e) => {
+			e.key === "Escape" && !e.defaultPrevented && (e.preventDefault(), r?.());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [r, s]), I(() => {
+		if (!s && !he) {
+			let e = document.body.style.overflow;
+			return document.body.style.overflow = "hidden", () => {
+				document.body.style.overflow = fe() > 0 ? "hidden" : e;
+			};
+		}
+	}, [s, he]);
+	let ze = async (e) => {
+		e.preventDefault();
+		let n = (M?.fields || []).filter((e) => e.type === "email"), o = {}, s = {};
+		n.forEach((e) => {
+			let t = String(m[e.name] ?? "").trim();
+			t && (s[e.name] = t, qe.test(t) || (o[e.name] = "That does not look like an email address — check for a typo, e.g. jane@example.com"));
+		}), (M?.fields || []).filter((e) => e.type === "address").forEach((e) => {
+			Object.assign(s, xe(e.name, Se(be(e.name, m))));
+		}), (M?.fields || []).filter((e) => e.type === "file" && e.required && !m[e.name]).forEach((e) => {
+			o[e.name] = "Please attach a file before sending.";
+		});
+		let c = (M?.fields || []).filter((e) => e.type === "schedule");
+		if (c.filter((e) => e.required && !se(m[e.name])).forEach((e) => {
+			o[e.name] = "Pick a time before sending.";
+		}), Object.keys(o).length > 0) {
+			O(o);
+			return;
+		}
+		O({}), _("loading"), w("");
+		try {
+			let e = t(M), n = i || M?.systemName || M?.title || "unknown", o = [], d = [], g = async () => {
+				for (let e of d) await ye(e);
+			};
+			for (let e of c) {
+				let t = se(m[e.name]);
+				if (!t) continue;
+				let n = $e(e, m[e.name]), r = n.length ? re(t, n) : [t], i = [], a = null;
+				for (let e of r) {
+					if (a = await ve(e), a) break;
+					d.push(e);
+					let t = ne(e, v());
+					i.push({
+						slot: e,
+						memberName: t?.memberName || "",
+						scheduleId: t?.id || e.scheduleId,
+						scheduleName: u(t, String(M?.title || ""))
+					});
+				}
+				if (a) {
+					await g(), O({ [e.name]: a }), _("idle");
+					return;
+				}
+				o.push({
+					field: e,
+					slot: t,
+					whoName: n.length ? y(n) : i[0]?.memberName || "",
+					each: i
+				});
+			}
+			let b = {
+				...m,
+				...s,
+				...U
+			};
+			for (let e of o) delete b[e.field.name], Object.assign(b, ae(e.field.name, e.slot, e.whoName, k));
+			let x = p.currentUser ? {
+				uid: p.currentUser.uid,
+				submitterName: p.currentUser.displayName || "",
+				submitterEmail: p.currentUser.email || "",
+				submitterAvatar: p.currentUser.photoURL || ""
+			} : { uid: "guest" }, S = o.length > 0, C;
+			if (S) C = Ae(ke(te, e));
+			else try {
+				C = await Oe(ke(te, e), {
+					...We(f, b),
+					...b,
+					...x,
+					formId: n,
+					submittedAt: Me(),
+					...M?.transaction === !0 ? { transaction: !0 } : {}
+				});
+			} catch (e) {
+				throw await g(), e;
+			}
+			let T = M?.fields || [], ie = "";
+			for (let e of o) for (let t of e.each) {
+				let e = await _e(t.slot, {
+					memberName: t.memberName,
+					scheduleId: t.scheduleId,
+					scheduleName: t.scheduleName,
+					timeZone: k,
+					name: Ze(T, b),
+					email: Qe(T, b),
+					answers: {
+						...rt(f, b),
+						...nt(T, b)
+					},
+					formId: n,
+					entryId: C.id
+				});
+				if (e) {
+					await g(), _("error"), w(e);
+					return;
+				}
+				ie ||= oe(t.slot.memberId, t.slot.start);
+			}
+			o.length && de(o.map((e) => ce(e.slot, e.whoName, k)).join("; ")), _("success"), i && K.clear();
+			try {
+				l?.(Object.fromEntries(Object.entries(b).map(([e, t]) => [e, String(t ?? "")])), S ? {
+					collection: ee,
+					id: ie
+				} : {
+					collection: e,
+					id: C.id
+				});
+			} catch {}
+			setTimeout(() => {
+				M?.redirectTo && !a && (M.redirectTo.startsWith("/") ? we(M.redirectTo) : window.location.href = M.redirectTo), r?.(), _("idle"), h({}), de("");
+			}, 3e3);
+		} catch (e) {
+			console.error("Submission error:", e), _("error"), w("We could not send your message right now. Please try again.");
+		}
+	}, [Be, Ve] = z(!1), J = ie();
+	if (I(() => {
+		let e;
+		return P || !M && !a ? e = setTimeout(() => Ve(!0), 150) : Ve(!1), () => clearTimeout(e);
+	}, [
+		P,
+		M,
+		a
+	]), P || !M) return Be ? s ? /* @__PURE__ */ B("div", {
+		className: "w-full flex items-center justify-center py-[10vh]",
+		children: /* @__PURE__ */ B(me, {
+			size: "sm",
+			label: "Loading the form"
+		})
+	}) : Pe(/* @__PURE__ */ B("div", {
+		className: "fixed inset-0 z-[9995] flex items-center justify-center bg-background/10 backdrop-blur-sm",
+		children: /* @__PURE__ */ B("div", {
+			className: "px-5 py-4 glass-popover border border-[var(--panel-border)]",
+			style: { borderRadius: "var(--card-radius, 1.5rem)" },
+			children: /* @__PURE__ */ B(me, {
+				size: "sm",
+				label: "Loading the form"
+			})
+		})
+	}), document.body) : null;
+	let Y = (M.fields || []).find((e) => e.type === "schedule" && e.look === "calendar"), X = Y ? se(m[Y.name]) : null, $ = !!Y && !X, it = $ ? "max-w-[880px]" : "max-w-[500px]", at = X ? $e(Y, m[Y.name]) : [], ot = X ? at.length ? y(at) : ne(X, v())?.memberName || "" : "", st = (e) => J ? { initial: !1 } : {
+		initial: {
+			opacity: 0,
+			y: 8
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: {
+			duration: .35,
+			ease: Q,
+			delay: Math.min(e, 12) * .04
+		}
+	}, ct = !$ && Object.keys(U).length > 0, lt = +!!Y + +!!ct, ut = g === "loading", dt = M.submitText || M.buttonName || "Submit", ft = /* @__PURE__ */ B("div", {
+		className: "relative z-10 w-full",
+		children: g === "success" ? /* @__PURE__ */ V(D.div, {
+			role: "status",
+			"aria-live": "polite",
+			initial: J ? !1 : {
+				opacity: 0,
+				y: 8
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			transition: {
+				duration: .4,
+				ease: Q
+			},
+			className: "flex flex-col items-center text-center gap-2 py-2",
+			children: [/* @__PURE__ */ V("div", {
+				className: "flex items-center justify-center gap-2.5",
+				children: [/* @__PURE__ */ B("svg", {
+					viewBox: "0 0 20 20",
+					className: "w-5 h-5 text-accent shrink-0",
+					fill: "none",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ B(D.path, {
+						d: "M4 10.5l4 4 8-9",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						initial: J ? !1 : {
+							pathLength: 0,
+							opacity: 0
+						},
+						animate: {
+							pathLength: 1,
+							opacity: 1
+						},
+						transition: {
+							duration: .45,
+							ease: Q,
+							delay: .15
+						}
+					})
+				}), /* @__PURE__ */ B("h4", {
+					className: "text-lg font-semibold text-foreground tracking-tight",
+					children: "Sent. Thank you."
+				})]
+			}), le ? /* @__PURE__ */ V("p", {
+				className: "text-[14px] font-medium text-foreground leading-relaxed",
+				children: ["Booked: ", le]
+			}) : /* @__PURE__ */ B("p", {
+				className: "text-[14px] text-foreground/60 leading-relaxed",
+				children: "We'll be in touch soon."
+			})]
+		}, "sent") : /* @__PURE__ */ V(De, { children: [
+			/* @__PURE__ */ V("div", {
+				className: s && c ? "sr-only" : "mb-7",
+				children: [/* @__PURE__ */ B("h3", {
+					className: "text-[22px] sm:text-2xl font-semibold text-foreground tracking-tight leading-snug break-words",
+					children: M.title
+				}), M.description && /* @__PURE__ */ B("p", {
+					className: "mt-1.5 text-[14px] text-foreground/60 leading-relaxed",
+					children: M.description
+				})]
+			}),
+			/* @__PURE__ */ B(x, {
+				initial: !1,
+				children: g === "error" && S && /* @__PURE__ */ B(D.p, {
+					role: "alert",
+					initial: {
+						opacity: 0,
+						y: -4
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					exit: { opacity: 0 },
+					transition: {
+						duration: .2,
+						ease: Q
+					},
+					className: "mb-5 text-[13px] font-medium text-red-500 leading-relaxed",
+					children: S
+				}, "error")
+			}),
+			/* @__PURE__ */ V("form", {
+				onSubmit: ze,
+				"aria-busy": ut || void 0,
+				className: "flex flex-col gap-5 w-full",
+				children: [
+					Y && /* @__PURE__ */ B(D.div, {
+						...st(0),
+						className: "w-full",
+						children: X ? /* @__PURE__ */ B(Ue, {
+							slot: X,
+							timeZone: k,
+							who: ot,
+							onChange: () => h((e) => ({
+								...e,
+								[Y.name]: ""
+							}))
+						}) : /* @__PURE__ */ B(Xe, {
+							field: Y,
+							value: m[Y.name] || "",
+							error: E[Y.name],
+							timeZone: k,
+							onTimeZone: A,
+							onChange: (e) => h((t) => ({
+								...t,
+								[Y.name]: e
+							}))
+						})
+					}, X ? "picked" : "calendar"),
+					ct && /* @__PURE__ */ V(D.div, {
+						...st(+!!Y),
+						className: "flex items-center gap-2 px-4 py-3 border border-[var(--panel-border)]",
+						style: Z,
+						children: [/* @__PURE__ */ B("span", {
+							className: "text-[13px] font-medium text-foreground/60 shrink-0",
+							children: "Booking as"
+						}), /* @__PURE__ */ B("span", {
+							className: "text-[14px] font-medium text-foreground truncate",
+							children: [Ie, W].filter(Boolean).join(" · ")
+						})]
+					}),
+					!$ && [...M.fields || []].filter((e) => e !== Y && !(e.name in U)).sort((e, t) => {
+						let n = e.type === "checkbox", r = t.type === "checkbox";
+						return n && !r ? 1 : !n && r ? -1 : 0;
+					}).map((e, t) => {
+						let n = st(lt + t), r = () => {
+							E[e.name] && O((t) => {
+								let n = { ...t };
+								return delete n[e.name], n;
+							});
+						};
+						if (e.type === "schedule") return /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(Xe, {
+								field: e,
+								value: m[e.name] || "",
+								error: E[e.name],
+								timeZone: k,
+								onTimeZone: A,
+								onChange: (t) => {
+									h((n) => ({
+										...n,
+										[e.name]: t
+									})), r();
+								}
+							})
+						}, t);
+						if (e.type === "tel") return /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(Ce, {
+								fallback: /* @__PURE__ */ B("div", {
+									className: "h-12 w-full glass-panel animate-pulse",
+									style: Z
+								}),
+								children: /* @__PURE__ */ B(Ge, {
+									field: e,
+									value: m[e.name] || "",
+									onChange: (t) => h((n) => ({
+										...n,
+										[e.name]: t
+									}))
+								})
+							})
+						}, t);
+						if (e.type === "address") return /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(Ce, {
+								fallback: /* @__PURE__ */ B("div", {
+									className: "h-12 w-full glass-panel animate-pulse",
+									style: Z
+								}),
+								children: /* @__PURE__ */ B(Ke, {
+									id: `form-${e.name}`,
+									label: e.label,
+									required: e.required,
+									placeholder: e.placeholder,
+									error: E[e.name],
+									value: be(e.name, m),
+									onChange: (t) => {
+										h((n) => ({
+											...n,
+											...xe(e.name, t)
+										})), r();
+									}
+								})
+							})
+						}, t);
+						if (e.type === "file") return /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(He, {
+								field: e,
+								value: m[e.name] || "",
+								error: E[e.name],
+								onChange: (t) => {
+									h((n) => ({
+										...n,
+										[e.name]: t(n[e.name] || "")
+									})), r();
+								}
+							})
+						}, t);
+						if (e.type === "textarea") return /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(Fe, {
+								label: e.label,
+								required: e.required,
+								placeholder: e.placeholder,
+								value: m[e.name] || "",
+								onChange: (t) => h((n) => ({
+									...n,
+									[e.name]: t.target.value
+								}))
+							})
+						}, t);
+						if (e.type === "select") return /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(T, {
+								label: e.label,
+								direction: "auto",
+								value: m[e.name] || "",
+								options: [{
+									value: "",
+									label: /* @__PURE__ */ B("span", {
+										className: "text-foreground/40",
+										children: "Select an option..."
+									})
+								}, ...(e.options || []).map((e) => ({
+									value: e,
+									label: e
+								}))],
+								onChange: (t) => h((n) => ({
+									...n,
+									[e.name]: t
+								}))
+							})
+						}, t);
+						if (e.type === "checkbox") {
+							let r = !!m[e.name];
+							return /* @__PURE__ */ V(D.label, {
+								...n,
+								className: "flex items-start gap-3 w-full cursor-pointer group py-1",
+								children: [/* @__PURE__ */ V("span", {
+									className: "relative mt-0.5 flex items-center justify-center w-5 h-5 shrink-0 rounded-md border border-foreground/25 group-hover:border-accent/60 group-focus-within:border-accent group-focus-within:ring-[3px] group-focus-within:ring-accent/20 transition-colors",
+									children: [/* @__PURE__ */ B("input", {
+										type: "checkbox",
+										required: e.required,
+										checked: r,
+										onChange: (t) => h((n) => ({
+											...n,
+											[e.name]: t.target.checked
+										})),
+										className: "absolute inset-0 opacity-0 w-full h-full cursor-pointer"
+									}), r && /* @__PURE__ */ B("span", { className: "w-2.5 h-2.5 bg-accent rounded-[3px] shrink-0" })]
+								}), /* @__PURE__ */ B("span", {
+									className: "text-[14px] text-foreground/80 leading-snug group-hover:text-foreground transition-colors",
+									children: e.label
+								})]
+							}, t);
+						}
+						if (e.type === "date") {
+							let r = m[e.name] || "";
+							return /* @__PURE__ */ V(D.div, {
+								...n,
+								className: "flex flex-col w-full relative",
+								children: [/* @__PURE__ */ B("label", {
+									className: Je,
+									children: e.label
+								}), /* @__PURE__ */ V("div", {
+									className: "relative flex items-center",
+									children: [/* @__PURE__ */ B("input", {
+										type: "date",
+										required: e.required,
+										value: r,
+										onChange: (t) => h((n) => ({
+											...n,
+											[e.name]: t.target.value
+										})),
+										className: `date-field ${Ye} pl-4 pr-11 ${r ? "text-foreground" : "text-foreground/40"}`,
+										style: Z
+									}), /* @__PURE__ */ B(ue, { className: "w-4 h-4 text-foreground/40 absolute right-4 pointer-events-none" })]
+								})]
+							}, t);
+						}
+						return e.type === "age" ? /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(H, {
+								label: e.label,
+								required: e.required,
+								type: "number",
+								min: 0,
+								max: 120,
+								placeholder: e.placeholder || "Age (Max 120)",
+								value: m[e.name] || "",
+								onChange: (t) => {
+									let n = t.target.value;
+									if (n === "") h((t) => ({
+										...t,
+										[e.name]: ""
+									}));
+									else {
+										let t = Math.max(0, Math.min(120, parseInt(n, 10)));
+										h((n) => ({
+											...n,
+											[e.name]: isNaN(t) ? "" : String(t)
+										}));
+									}
+								}
+							})
+						}, t) : e.type === "currency" || e.type === "number" && e.name === "budget" ? /* @__PURE__ */ V(D.div, {
+							...n,
+							className: "flex flex-col w-full relative",
+							children: [/* @__PURE__ */ B("label", {
+								className: Je,
+								children: e.label
+							}), /* @__PURE__ */ V("div", {
+								className: "relative flex items-center",
+								children: [/* @__PURE__ */ B("span", {
+									className: "absolute left-4 text-foreground/60 font-medium flex items-center h-full z-10 pointer-events-none text-[15px]",
+									children: e.currencySymbol || "$"
+								}), /* @__PURE__ */ B("input", {
+									required: e.required,
+									type: "number",
+									placeholder: e.placeholder,
+									value: m[e.name] || "",
+									onChange: (t) => h((n) => ({
+										...n,
+										[e.name]: t.target.value
+									})),
+									className: `${Ye} pl-8 pr-4`,
+									style: Z
+								})]
+							})]
+						}, t) : /* @__PURE__ */ B(D.div, {
+							...n,
+							className: "w-full",
+							children: /* @__PURE__ */ B(H, {
+								label: e.label,
+								required: e.required,
+								type: e.type,
+								placeholder: e.placeholder,
+								currencySymbol: e.currencySymbol,
+								error: E[e.name],
+								value: m[e.name] || "",
+								onChange: (t) => {
+									h((n) => ({
+										...n,
+										[e.name]: t.target.value
+									})), r();
+								}
+							})
+						}, t);
+					}),
+					X ? /* @__PURE__ */ V("div", {
+						className: "flex flex-col gap-4 pt-1",
+						children: [/* @__PURE__ */ B("div", { className: "h-px bg-[var(--panel-border)]/60" }), /* @__PURE__ */ B(ge, {
+							timeZone: k,
+							onTimeZone: A,
+							action: /* @__PURE__ */ B(pe, {
+								type: "submit",
+								className: "max-sm:w-full h-11 px-6 text-[13.5px] font-semibold shrink-0",
+								isLoading: ut,
+								children: dt
+							})
+						})]
+					}) : !$ && /* @__PURE__ */ B(D.div, {
+						...st(lt + (M.fields || []).length),
+						className: "pt-2",
+						children: /* @__PURE__ */ B(pe, {
+							type: "submit",
+							className: "w-full h-12 text-[15px] font-semibold",
+							isLoading: ut,
+							children: dt
+						})
+					})
+				]
+			})
+		] })
+	});
+	return s && c ? /* @__PURE__ */ B("div", {
+		className: `form-calm w-full ${it} mx-auto relative transition-[max-width] duration-500 ease-out`,
+		children: ft
+	}) : s ? /* @__PURE__ */ B("div", {
+		className: "form-calm w-full flex justify-center flex-col items-center",
+		children: /* @__PURE__ */ B(D.div, {
+			initial: J ? !1 : {
+				opacity: 0,
+				y: 10
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			transition: {
+				duration: .4,
+				ease: Q
+			},
+			className: `w-full ${it} p-6 sm:p-8 glass-form relative shadow-[0_8px_32px_rgba(0,0,0,0.06)] z-10 mx-auto transition-[max-width] duration-500 ease-out`,
+			style: { borderRadius: "var(--card-radius, 1.5rem)" },
+			children: ft
+		})
+	}) : Pe(/* @__PURE__ */ V("div", {
+		className: "form-calm fixed inset-0 z-[9995] flex items-start justify-center p-4 py-20 md:py-10 h-[-webkit-fill-available] md:h-screen w-screen overflow-y-auto no-scrollbar",
+		children: [/* @__PURE__ */ B(D.div, {
+			onClick: r,
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .25 },
+			className: "fixed inset-0 bg-background/60 backdrop-blur-xl cursor-pointer"
+		}), /* @__PURE__ */ B(D.div, {
+			initial: J ? !1 : {
+				opacity: 0,
+				scale: .98,
+				y: 10
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .98,
+				y: 10
+			},
+			transition: {
+				duration: .35,
+				ease: Q
+			},
+			ref: j,
+			className: `w-full ${it} p-6 sm:p-8 glass-popover relative z-10 mx-auto my-auto border border-[var(--panel-border)] shrink-0 transition-[max-width] duration-500 ease-out`,
+			style: { borderRadius: "var(--card-radius, 1.5rem)" },
+			children: ft
+		})]
+	}), document.body);
+}
+//#endregion
+export { Ie as a, U as c, H as d, He as i, Re as l, Ue as n, W as o, J as r, K as s, $ as t, Fe as u };