@oneclick.dev/cms-core-modules 0.0.108 → 0.0.110

package/dist/NewReservationDialog-CN49aGcM.mjs

@@ -1,1002 +0,0 @@
-import { a as e, o as t, t as n } from "./DateFormatter-DLrDYkby.mjs";
-import { t as r } from "./_plugin-vue_export-helper-BJQSo0im.mjs";
-import { t as i } from "./utils-h3owcMtS.mjs";
-import { useFirebaseIntegration as a, useModule as o, useModuleRoute as s } from "@oneclick.dev/cms-kit";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, inject as _, isRef as v, markRaw as y, nextTick as b, normalizeClass as x, onBeforeUnmount as S, onMounted as C, openBlock as w, reactive as T, ref as E, renderList as D, resolveComponent as O, toDisplayString as k, unref as A, watch as j, withCtx as M } from "vue";
-import { CalendarIcon as N, Check as P, ChevronLeft as F, ChevronRight as I, Pencil as L, Plus as R, Tag as z, Trash2 as B, Users as V, X as H, Zap as U } from "@lucide/vue";
-//#region src/appointments/components/edit/NewReservationDialog/CustomerInformation.vue?vue&type=script&setup=true&lang.ts
-var W = { class: "space-y-3" }, G = { class: "grid gap-4 @md/modal:grid-cols-2 @2xl/modal:grid-cols-3 @4xl/modal:grid-cols-4 overflow-hidden p-1" }, K = {
-	key: 0,
-	class: "flex items-center gap-3 min-h-9"
-}, q = {
-	key: 0,
-	class: "italic text-xs opacity-50"
-}, J = {
-	key: 0,
-	class: "italic text-xs opacity-50"
-}, Y = {
-	key: 0,
-	class: "italic text-xs opacity-50"
-}, X = {
-	key: 0,
-	class: "italic text-xs opacity-50"
-}, Z = {
-	key: 0,
-	class: "text-red-400"
-}, ee = { class: "list-disc pl-4" }, te = /* @__PURE__ */ g({
-	__name: "CustomerInformation",
-	props: { agendaData: {} },
-	setup(e, { expose: t }) {
-		let n = [
-			{
-				id: "firstName",
-				fieldName: "First Name",
-				fieldType: "text",
-				required: !0,
-				visible: !0
-			},
-			{
-				id: "lastName",
-				fieldName: "Last Name",
-				fieldType: "text",
-				required: !0,
-				visible: !0
-			},
-			{
-				id: "phone",
-				fieldName: "Phone No",
-				fieldType: "tel",
-				required: !0,
-				visible: !0
-			},
-			{
-				id: "email",
-				fieldName: "Email",
-				fieldType: "email",
-				required: !0,
-				visible: !0
-			},
-			{
-				id: "birthdate",
-				fieldName: "Birthdate",
-				fieldType: "date",
-				required: !0,
-				visible: !0
-			}
-		], r = new Set(["firstName", "email"]), i = e, a = E([]), o = T({}), s = l(() => {
-			let e = i.agendaData?.customerInformationFields, t = (Array.isArray(e) && e.length > 0 ? e : n).filter((e) => e?.id && (e.visible !== !1 || r.has(e.id))).map((e) => ({
-				...e,
-				required: r.has(e.id),
-				visible: !0
-			})), a = n.filter((e) => r.has(e.id) && !t.some((t) => t.id === e.id)).map((e) => ({
-				...e,
-				required: !0,
-				visible: !0
-			}));
-			return [...t, ...a];
-		}), g = (e) => e.fieldName || e.id, _ = (e) => e.replace(/[^A-Za-z0-9_-]/g, "-"), v = (e, t) => [
-			"new-res-customer-info",
-			e.id,
-			t
-		].filter(Boolean).map((e) => _(e)).join("-"), y = (e) => e.fieldType === "email" || e.fieldType === "tel" || e.fieldType === "date" ? e.fieldType : "text", b = (e) => Array.isArray(e.options) ? e.options.filter(Boolean) : [], S = (e) => e.fieldType === "checkbox" ? !1 : "", C = (e = !1) => {
-			let t = new Set(s.value.map((e) => e.id));
-			Object.keys(o).forEach((e) => {
-				t.has(e) || delete o[e];
-			}), s.value.forEach((t) => {
-				let n = S(t);
-				(e || o[t.id] === void 0 || typeof o[t.id] != typeof n) && (o[t.id] = n);
-			});
-		}, A = () => {
-			let e = s.value.reduce((e, t) => {
-				let n = o[t.id];
-				return e[t.id] = typeof n == "string" ? n.trim() : !!n, e;
-			}, {});
-			return Object.entries(e).forEach(([e, t]) => {
-				o[e] = t;
-			}), e;
-		}, N = (e, t) => e.fieldType === "checkbox" ? t === !0 : typeof t == "string" ? t.trim().length > 0 : t != null;
-		return j(s, () => {
-			C();
-		}, { immediate: !0 }), t({
-			getCustomerInfo: A,
-			reset: () => {
-				a.value = [], C(!0);
-			},
-			validateForm: () => {
-				let e = [], t = A();
-				return s.value.forEach((n) => {
-					let r = t[n.id], i = g(n);
-					n.required && !N(n, r) && e.push(`Please fill in ${i}.`), n.fieldType === "email" && N(n, r) && typeof r == "string" && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r) === !1 && e.push(`Please fill in a correct ${i}.`);
-				}), a.value = e, e.length === 0;
-			}
-		}), (e, t) => {
-			let n = O("Checkbox"), r = O("Label"), i = O("SelectValue"), l = O("SelectTrigger"), _ = O("SelectItem"), S = O("SelectGroup"), C = O("SelectContent"), T = O("Select"), E = O("RadioGroupItem"), A = O("RadioGroup"), j = O("Input");
-			return w(), f("div", W, [
-				t[0] ||= p("h2", { class: "text-sm font-medium" }, "Customer Information", -1),
-				p("div", G, [(w(!0), f(c, null, D(s.value, (e) => (w(), f("div", {
-					key: e.id,
-					class: x(["grid gap-2", e.fieldType === "checkbox" ? "@md/modal:col-span-2" : ""])
-				}, [e.fieldType === "checkbox" ? (w(), f("div", K, [h(n, {
-					id: v(e),
-					modelValue: o[e.id],
-					"onUpdate:modelValue": (t) => o[e.id] = t
-				}, null, 8, [
-					"id",
-					"modelValue",
-					"onUpdate:modelValue"
-				]), h(r, {
-					for: v(e),
-					class: "font-normal cursor-pointer"
-				}, {
-					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", q, "optional"))]),
-					_: 2
-				}, 1032, ["for"])])) : e.fieldType === "select" ? (w(), f(c, { key: 1 }, [h(r, { for: v(e) }, {
-					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", J, "optional"))]),
-					_: 2
-				}, 1032, ["for"]), h(T, {
-					modelValue: o[e.id],
-					"onUpdate:modelValue": (t) => o[e.id] = t
-				}, {
-					default: M(() => [h(l, {
-						id: v(e),
-						class: "w-full"
-					}, {
-						default: M(() => [h(i, { placeholder: `Select ${g(e)}` }, null, 8, ["placeholder"])]),
-						_: 2
-					}, 1032, ["id"]), h(C, null, {
-						default: M(() => [h(S, null, {
-							default: M(() => [(w(!0), f(c, null, D(b(e), (e) => (w(), u(_, {
-								key: e,
-								value: e
-							}, {
-								default: M(() => [m(k(e), 1)]),
-								_: 2
-							}, 1032, ["value"]))), 128))]),
-							_: 2
-						}, 1024)]),
-						_: 2
-					}, 1024)]),
-					_: 2
-				}, 1032, ["modelValue", "onUpdate:modelValue"])], 64)) : e.fieldType === "radio" ? (w(), f(c, { key: 2 }, [h(r, null, {
-					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", Y, "optional"))]),
-					_: 2
-				}, 1024), h(A, {
-					modelValue: o[e.id],
-					"onUpdate:modelValue": (t) => o[e.id] = t,
-					class: "grid gap-2"
-				}, {
-					default: M(() => [(w(!0), f(c, null, D(b(e), (t) => (w(), f("div", {
-						key: t,
-						class: "flex items-center gap-2"
-					}, [h(E, {
-						id: v(e, t),
-						value: t
-					}, null, 8, ["id", "value"]), h(r, {
-						for: v(e, t),
-						class: "font-normal cursor-pointer"
-					}, {
-						default: M(() => [m(k(t), 1)]),
-						_: 2
-					}, 1032, ["for"])]))), 128))]),
-					_: 2
-				}, 1032, ["modelValue", "onUpdate:modelValue"])], 64)) : (w(), f(c, { key: 3 }, [h(r, { for: v(e) }, {
-					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", X, "optional"))]),
-					_: 2
-				}, 1032, ["for"]), h(j, {
-					modelValue: o[e.id],
-					"onUpdate:modelValue": (t) => o[e.id] = t,
-					id: v(e),
-					type: y(e),
-					autocomplete: "off"
-				}, null, 8, [
-					"modelValue",
-					"onUpdate:modelValue",
-					"id",
-					"type"
-				])], 64))], 2))), 128))]),
-				a.value.length > 0 ? (w(), f("div", Z, [p("ul", ee, [(w(!0), f(c, null, D(a.value, (e) => (w(), f("li", { key: e }, k(e), 1))), 128))])])) : d("", !0)
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/appointments/composables/useHorizontalScroll.ts
-function ne(e = {}) {
-	let t = E(null), n = E(!1), r = E(!1), i = E(!1), a = E(!1), o = e.dragSpeed ?? 1.1, s = e.dragThreshold ?? 10, c = e.edgeThreshold ?? 10, u = e.ignoreDragSelector ?? "input, select, textarea, [contenteditable=\"true\"], [data-horizontal-scroll-ignore-drag]", d = null, f = 0, p = 0, m = !1, h = null, g = null, _ = null, v = () => {
-		h === null || typeof window > "u" || (window.clearTimeout(h), h = null);
-	}, y = () => {
-		let e = t.value;
-		if (!e) {
-			r.value = !1, i.value = !1, a.value = !1;
-			return;
-		}
-		let n = Math.max(e.scrollWidth - e.clientWidth, 0);
-		r.value = n > c, i.value = r.value && e.scrollLeft > c, a.value = r.value && e.scrollLeft < n - c;
-	}, x = () => {
-		b(() => {
-			if (typeof window > "u") {
-				y();
-				return;
-			}
-			window.requestAnimationFrame(() => y());
-		});
-	}, w = () => {
-		if (typeof e.scrollStep == "number") return e.scrollStep;
-		let n = t.value;
-		return n ? Math.max(Math.floor(n.clientWidth * .72), 180) : 240;
-	}, T = (e, n = "smooth") => {
-		let r = t.value;
-		if (r) {
-			if (r.scrollBy({
-				left: e,
-				behavior: n
-			}), n === "auto") {
-				y();
-				return;
-			}
-			x();
-		}
-	}, D = () => {
-		T(-w());
-	}, O = () => {
-		T(w());
-	}, k = () => {
-		let e = t.value;
-		d !== null && e?.hasPointerCapture?.(d) && e.releasePointerCapture(d), n.value && (m = !0, v(), typeof window < "u" && (h = window.setTimeout(() => {
-			m = !1, h = null;
-		}, 0))), d = null, n.value = !1, e && (e.style.userSelect = "", e.style.cursor = ""), y();
-	}, A = () => {
-		y();
-	}, M = (e) => {
-		let n = t.value;
-		if (!n || !r.value || Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
-		let o = e.deltaY < 0, s = e.deltaY > 0;
-		o && !i.value || s && !a.value || (e.preventDefault(), n.scrollLeft += e.deltaY, y());
-	}, N = (e) => e instanceof Element ? !!e.closest(u) : !1, P = (e) => {
-		let n = t.value;
-		!n || !r.value || e.pointerType !== "touch" && e.button === 0 && (N(e.target) || (d = e.pointerId, f = e.clientX, p = n.scrollLeft, m = !1));
-	}, F = (e) => {
-		let r = t.value;
-		if (!r || d !== e.pointerId) return;
-		let i = e.clientX - f;
-		!n.value && Math.abs(i) < s || (n.value || (n.value = !0, r.style.userSelect = "none", r.style.cursor = "grabbing", r.setPointerCapture?.(e.pointerId)), e.preventDefault(), r.scrollLeft = p - i * o, y());
-	}, I = (e) => {
-		d === e.pointerId && k();
-	}, L = () => {
-		d !== null && k();
-	}, R = (e) => {
-		m &&= (e.preventDefault(), e.stopPropagation(), !1);
-	}, z = (t) => {
-		typeof ResizeObserver < "u" && (g = new ResizeObserver(() => y()), g.observe(t)), e.observeMutations !== !1 && typeof MutationObserver < "u" && (_ = new MutationObserver(() => x()), _.observe(t, {
-			childList: !0,
-			subtree: !0,
-			characterData: !0
-		}));
-	}, B = () => {
-		g?.disconnect(), _?.disconnect(), g = null, _ = null;
-	}, V = (e) => {
-		e.addEventListener("scroll", A), e.addEventListener("wheel", M, { passive: !1 }), e.addEventListener("pointerdown", P), e.addEventListener("pointermove", F), e.addEventListener("pointerup", I), e.addEventListener("pointercancel", L), e.addEventListener("lostpointercapture", L), e.addEventListener("click", R, !0), z(e), x();
-	}, H = (e) => {
-		e.removeEventListener("scroll", A), e.removeEventListener("wheel", M), e.removeEventListener("pointerdown", P), e.removeEventListener("pointermove", F), e.removeEventListener("pointerup", I), e.removeEventListener("pointercancel", L), e.removeEventListener("lostpointercapture", L), e.removeEventListener("click", R, !0), B();
-	};
-	return j(t, (e, t) => {
-		t && H(t), e ? V(e) : y();
-	}), C(() => {
-		x();
-	}), S(() => {
-		v(), t.value && H(t.value), m = !1, k();
-	}), {
-		canScrollLeft: l(() => i.value),
-		canScrollRight: l(() => a.value),
-		containerRef: t,
-		isDragging: n,
-		isScrollable: r,
-		refresh: x,
-		scrollNext: O,
-		scrollPrev: D,
-		showLeftShadow: i,
-		showRightShadow: a
-	};
-}
-//#endregion
-//#region src/appointments/components/edit/NewReservationDialog/QuickReservationAdder.vue?vue&type=script&setup=true&lang.ts
-var re = { class: "flex items-start justify-between gap-3" }, ie = { class: "text-sm font-medium" }, ae = {
-	key: 0,
-	class: "mt-1 text-xs text-muted-foreground"
-}, oe = { class: "grid gap-4 @md/quick-adder:grid-cols-2 @2xl/quick-adder:grid-cols-3 @4xl/quick-adder:grid-cols-4" }, se = { class: "grid gap-2" }, ce = {
-	key: 0,
-	class: "grid gap-2"
-}, le = {
-	key: 1,
-	class: "grid gap-2"
-}, ue = {
-	key: 2,
-	class: "grid gap-2"
-}, de = { class: "grid gap-2" }, fe = {
-	key: 0,
-	class: "rounded-md border border-dashed bg-muted/20 px-4 py-4 text-sm text-muted-foreground"
-}, pe = {
-	key: 1,
-	class: "relative flex items-center gap-2 overflow-hidden"
-}, me = { class: "relative min-w-0 flex-1 overflow-hidden" }, he = {
-	key: 0,
-	class: "pointer-events-none absolute inset-y-0 left-0 z-10 w-10 md:w-20 bg-gradient-to-r from-background via-background/95 to-transparent"
-}, ge = {
-	key: 1,
-	class: "pointer-events-none absolute inset-y-0 right-0 z-10 w-10 md:w-20 bg-gradient-to-l from-background via-background/95 to-transparent"
-}, _e = {
-	key: 0,
-	class: "absolute -top-1 -right-1 flex items-center justify-center bg-primary rounded-full text-background size-4"
-}, ve = { class: "flex flex-wrap gap-2" }, ye = ["onClick"], be = { key: 0 }, xe = { key: 1 }, Se = { key: 2 }, Ce = /* @__PURE__ */ r(/* @__PURE__ */ g({
-	__name: "QuickReservationAdder",
-	props: {
-		agendaData: {},
-		surface: { default: "card" }
-	},
-	emits: ["add"],
-	setup(r, { emit: a }) {
-		let o = r, s = a, g = new n("en-US", { dateStyle: "long" }), _ = t(e()), b = l(() => o.surface === "popover"), S = E(""), T = E(void 0), j = E(""), L = E(""), R = E([]), z = E(1), B = l(() => o.agendaData?.resources?.find((e) => e.id === j.value)), V = (e) => {
-			let [t, n] = e.split(":").map(Number);
-			return t * 60 + n;
-		}, U = (e) => {
-			let t = Math.floor(e / 60), n = e % 60;
-			return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-		}, W = () => {
-			if (!B.value) return [];
-			let e = B.value.interval || 60, t = null, n = null;
-			for (let e of Object.values(B.value.openingHours || {})) for (let r of e) {
-				let e = V(r.start), i = V(r.end);
-				(t === null || e < t) && (t = e), (n === null || i > n) && (n = i);
-			}
-			if (t === null || n === null) return [];
-			let r = [];
-			for (let i = t; i < n; i += e) r.push(U(i));
-			return r;
-		}, G = l(() => T.value && j.value && L.value && R.value.length > 0), K = l(() => W()), { canScrollLeft: q, canScrollRight: J, containerRef: Y, isDragging: X, isScrollable: Z, scrollNext: ee, scrollPrev: te, showLeftShadow: Ce, showRightShadow: we } = ne(), Q = (e) => R.value.includes(e), Te = (e) => {
-			if (Q(e)) {
-				R.value = R.value.filter((t) => t !== e);
-				return;
-			}
-			R.value = [...R.value, e].sort((e, t) => V(e) - V(t));
-		}, Ee = (e, t) => {
-			T.value = e ? y(e) : void 0, S.value = e ? `${e}` : "", t();
-		}, De = E(""), Oe = E(""), $ = E([]), ke = () => {
-			s("add", {
-				date: T.value,
-				resourceId: j.value,
-				pricingOptionId: L.value,
-				startTimes: R.value,
-				spots: z.value
-			}), R.value = [], $.value = [], Oe.value = "", De.value = "";
-		}, Ae = () => {
-			S.value = _.toString(), T.value = _, j.value = o.agendaData?.resources?.[0]?.id || "", L.value = o.agendaData?.pricingOptions?.find((e) => e.isDefault)?.id || o.agendaData?.pricingOptions?.[0]?.id || "", R.value = [], z.value = 1, De.value = "";
-		};
-		return C(() => {
-			Ae();
-		}), (n, a) => {
-			let o = O("Label"), s = O("Button"), l = O("PopoverTrigger"), y = O("Calendar"), S = O("PopoverContent"), C = O("Popover"), E = O("DynamicSelectOption"), B = O("DynamicSelect"), V = O("Input");
-			return w(), f("div", { class: x(A(i)("@container/quick-adder grid gap-4 overflow-hidden bg-background", A(b) ? "p-5 sm:p-6" : "rounded-md border p-4")) }, [
-				p("div", re, [p("div", null, [p("h3", ie, k(A(b) ? "Quick add reservations" : "Add reservations"), 1), A(b) ? (w(), f("p", ae, " Choose one date and add multiple timeslots in one pass. ")) : d("", !0)])]),
-				p("div", oe, [
-					p("div", se, [h(o, null, {
-						default: M(() => [...a[3] ||= [m("Date", -1)]]),
-						_: 1
-					}), h(C, null, {
-						default: M(({ close: n }) => [h(l, { "as-child": "" }, {
-							default: M(() => [h(s, {
-								type: "button",
-								variant: "outline",
-								class: x(A(i)("w-full justify-start text-left font-normal", !A(T) && "text-muted-foreground"))
-							}, {
-								default: M(() => [h(A(N)), m(" " + k(A(T) ? A(g).format(A(T).toDate(A(e)())) : "Pick a date"), 1)]),
-								_: 1
-							}, 8, ["class"])]),
-							_: 1
-						}), h(S, {
-							class: "w-auto p-0",
-							align: "start"
-						}, {
-							default: M(() => [h(y, {
-								"model-value": A(T),
-								"default-placeholder": A(_),
-								layout: "month-and-year",
-								"initial-focus": "",
-								"onUpdate:modelValue": (e) => Ee(e, n),
-								minValue: A(t)(A(e)())
-							}, null, 8, [
-								"model-value",
-								"default-placeholder",
-								"onUpdate:modelValue",
-								"minValue"
-							])]),
-							_: 2
-						}, 1024)]),
-						_: 1
-					})]),
-					r.agendaData.resources?.length > 1 ? (w(), f("div", ce, [h(o, null, {
-						default: M(() => [...a[4] ||= [m("Resource", -1)]]),
-						_: 1
-					}), h(B, {
-						modelValue: A(j),
-						"onUpdate:modelValue": a[0] ||= (e) => v(j) ? j.value = e : null,
-						"wrapper-class": "w-full",
-						class: "w-full",
-						placeholder: "Select resource"
-					}, {
-						default: M(() => [(w(!0), f(c, null, D(r.agendaData.resources || [], (e) => (w(), u(E, {
-							key: e.id,
-							value: e.id
-						}, {
-							default: M(() => [m(k(e.name), 1)]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					}, 8, ["modelValue"])])) : d("", !0),
-					r.agendaData.pricingOptions?.length > 1 ? (w(), f("div", le, [h(o, null, {
-						default: M(() => [...a[5] ||= [m("Type", -1)]]),
-						_: 1
-					}), h(B, {
-						modelValue: A(L),
-						"onUpdate:modelValue": a[1] ||= (e) => v(L) ? L.value = e : null,
-						"wrapper-class": "w-full",
-						class: "w-full",
-						placeholder: "Select type"
-					}, {
-						default: M(() => [(w(!0), f(c, null, D(r.agendaData.pricingOptions || [], (e) => (w(), u(E, {
-							key: e.id,
-							value: e.id
-						}, {
-							default: M(() => [m(k(e.name) + " (" + k(e.duration) + "min) ", 1)]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					}, 8, ["modelValue"])])) : d("", !0),
-					r.agendaData?.maxTicketsPerReservation > 1 ? (w(), f("div", ue, [h(o, null, {
-						default: M(() => [...a[6] ||= [m("Spots/tickets", -1)]]),
-						_: 1
-					}), h(V, {
-						modelValue: A(z),
-						"onUpdate:modelValue": a[2] ||= (e) => v(z) ? z.value = e : null,
-						modelModifiers: { number: !0 },
-						type: "number",
-						min: "1",
-						class: "no-spinner",
-						autocomplete: "off"
-					}, null, 8, ["modelValue"])])) : d("", !0)
-				]),
-				p("div", de, [
-					h(o, null, {
-						default: M(() => [...a[7] ||= [m("Available hours", -1)]]),
-						_: 1
-					}),
-					A(K).length === 0 ? (w(), f("div", fe, " No preset hours are available for this resource. You can still add a custom time below. ")) : (w(), f("div", pe, [
-						A(q) ? (w(), u(s, {
-							key: 0,
-							type: "button",
-							size: "icon",
-							variant: "outline",
-							class: "hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] left-0.5",
-							onClick: A(te)
-						}, {
-							default: M(() => [h(A(F), { class: "size-4" })]),
-							_: 1
-						}, 8, ["onClick"])) : d("", !0),
-						p("div", me, [
-							A(Ce) ? (w(), f("div", he)) : d("", !0),
-							A(we) ? (w(), f("div", ge)) : d("", !0),
-							p("div", {
-								ref_key: "hourScrollContainer",
-								ref: Y,
-								class: x(A(i)("hour-scroll-track flex w-full min-w-0 gap-2 overflow-x-auto overscroll-contain py-2", A(Z) && !A(X) && "cursor-grab", A(X) && "cursor-grabbing select-none"))
-							}, [(w(!0), f(c, null, D(A(K), (e) => (w(), u(s, {
-								key: e,
-								type: "button",
-								variant: "outline",
-								class: x(["relative h-12 shrink-0", Q(e) ? "border-primary!" : ""]),
-								onClick: (t) => Te(e)
-							}, {
-								default: M(() => [m(k(e) + " ", 1), Q(e) ? (w(), f("div", _e, [h(A(P), { class: "size-3" })])) : d("", !0)]),
-								_: 2
-							}, 1032, ["class", "onClick"]))), 128))], 2)
-						]),
-						A(J) ? (w(), u(s, {
-							key: 1,
-							type: "button",
-							size: "icon",
-							variant: "outline",
-							class: "hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] right-0.5",
-							onClick: A(ee)
-						}, {
-							default: M(() => [h(A(I), { class: "size-4" })]),
-							_: 1
-						}, 8, ["onClick"])) : d("", !0)
-					])),
-					p("div", ve, [(w(!0), f(c, null, D(A($), (e) => (w(), f("div", {
-						key: e,
-						class: "relative"
-					}, [h(s, {
-						type: "button",
-						variant: "outline",
-						class: "h-12 px-4 py-2"
-					}, {
-						default: M(() => [m(k(e), 1)]),
-						_: 2
-					}, 1024), p("div", {
-						class: "absolute -top-1 -right-1 flex items-center justify-center bg-red-500 rounded-full text-white size-4 cursor-pointer",
-						onClick: (t) => {
-							$.value = A($).filter((t) => t !== e), R.value = A(R).filter((t) => t !== e);
-						}
-					}, [h(A(H), { class: "size-3" })], 8, ye)]))), 128))])
-				]),
-				p("div", null, [h(s, {
-					disabled: !A(G),
-					onClick: ke
-				}, {
-					default: M(() => [A(R).length === 0 ? (w(), f("span", be, "Select at least one timeslot")) : A(R).length === 1 ? (w(), f("span", xe, "Add 1 reservation")) : (w(), f("span", Se, "Add " + k(A(R).length) + " reservations", 1))]),
-					_: 1
-				}, 8, ["disabled"])])
-			], 2);
-		};
-	}
-}), [["__scopeId", "data-v-d6f90961"]]), we = { class: "space-y-3" }, Q = { class: "flex flex-wrap items-center justify-between gap-3" }, Te = { class: "text-xs text-muted-foreground" }, Ee = { class: "flex flex-wrap items-center gap-2" }, De = {
-	key: 0,
-	class: "rounded-md border border-dashed bg-muted/20 px-4 py-6 text-sm text-muted-foreground"
-}, Oe = {
-	key: 1,
-	class: "space-y-3"
-}, $ = { class: "flex items-start gap-2 p-3 md:hidden" }, ke = ["aria-expanded", "onClick"], Ae = { class: "mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground" }, je = { class: "min-w-0 flex-1" }, Me = { class: "flex items-start justify-between gap-3" }, Ne = { class: "min-w-0" }, Pe = { class: "block truncate text-base font-semibold" }, Fe = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Ie = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Le = { class: "flex size-10 shrink-0 items-center justify-center rounded-xl border border-border/70 text-muted-foreground" }, Re = { class: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground" }, ze = { class: "inline-flex items-center gap-1.5" }, Be = { class: "inline-flex items-center gap-1.5" }, Ve = { class: "hidden items-start justify-between gap-3 p-4 pb-0 md:flex" }, He = { class: "text-sm font-medium" }, Ue = { class: "text-xs text-muted-foreground" }, We = { class: "grid gap-4 border-t pt-3 md:grid-cols-2 md:border-0 md:pt-4 xl:grid-cols-5" }, Ge = { class: "grid gap-2" }, Ke = {
-	key: 0,
-	class: "text-xs text-orange-500"
-}, qe = { class: "grid gap-2" }, Je = { class: "grid gap-2" }, Ye = { class: "grid gap-2" }, Xe = {
-	key: 0,
-	class: "grid gap-2"
-}, Ze = /* @__PURE__ */ r(/* @__PURE__ */ g({
-	__name: "ReservationLines",
-	props: {
-		modelValue: {},
-		agendaData: {}
-	},
-	emits: [
-		"add",
-		"quick-add",
-		"update:modelValue"
-	],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = l(() => n.modelValue ?? []), a = l(() => Number(n.agendaData?.maxTicketsPerReservation) > 1), o = E(null), s = E(!1), g = l(() => String(n.agendaData?.currency || "EUR").toUpperCase()), _ = l(() => {
-			try {
-				return new Intl.NumberFormat("en-US", {
-					style: "currency",
-					currency: g.value,
-					minimumFractionDigits: 2,
-					maximumFractionDigits: 2
-				});
-			} catch {
-				return new Intl.NumberFormat("en-US", {
-					minimumFractionDigits: 2,
-					maximumFractionDigits: 2
-				});
-			}
-		}), v = (e) => {
-			r("update:modelValue", e);
-		}, y = (e, t, n) => {
-			v(i.value.map((r) => r.id === e ? t === "date" ? {
-				...r,
-				date: String(n ?? ""),
-				dateValue: n || void 0
-			} : {
-				...r,
-				[t]: n
-			} : r));
-		}, b = (e, t) => {
-			let n = Number(t);
-			y(e, "paid", Number.isFinite(n) ? n : 0);
-		}, S = (e, t) => {
-			let n = Number(t);
-			y(e, "spots", Number.isFinite(n) && n > 0 ? n : 1);
-		}, C = (e) => {
-			v(i.value.filter((t) => t.id !== e));
-		}, T = (e) => {
-			r("quick-add", e), s.value = !1;
-		}, N = (e) => n.agendaData?.pricingOptions?.find((t) => t.id === e.pricingOption), P = (e) => {
-			let t = N(e);
-			return t ? t.duration ? `${t.name} (${t.duration}min)` : t.name : "Reservation";
-		}, F = (e) => n.agendaData?.resources?.find((t) => t.id === e.resourceId), I = (e) => F(e)?.name || "Unknown resource", H = (e) => {
-			if (!e.startTime) return "";
-			let t = Number(N(e)?.duration);
-			if (!Number.isFinite(t) || t <= 0) return "";
-			let [n, r] = e.startTime.split(":").map(Number);
-			if (!Number.isFinite(n) || !Number.isFinite(r)) return "";
-			let i = n * 60 + r + t, a = Math.floor(i / 60) % 24, o = i % 60;
-			return `${a.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
-		}, W = (e) => {
-			if (!e.startTime) return "Select time";
-			let t = H(e);
-			return t ? `${e.startTime} - ${t}` : e.startTime;
-		}, G = (e) => {
-			let t = Number(e);
-			if (!Number.isFinite(t)) return g.value === "EUR" ? "€0.00" : "0.00";
-			try {
-				return _.value.format(t);
-			} catch {
-				return `${t.toFixed(2)}`;
-			}
-		}, K = (e) => {
-			let t = Number(e.spots), n = Number.isFinite(t) && t > 0 ? t : 1;
-			return n === 1 ? "1 spot" : `${n} spots`;
-		}, q = (e) => {
-			if (!/^\d{4}-\d{2}-\d{2}$/.test(e)) return null;
-			let [t, n, r] = e.split("-").map(Number), i = new Date(t, n - 1, r);
-			return Number.isNaN(i.getTime()) || i.getFullYear() !== t || i.getMonth() !== n - 1 || i.getDate() !== r ? null : (i.setHours(0, 0, 0, 0), i);
-		}, J = (e) => {
-			let t = q(String(e.date || "").trim());
-			if (!t) return "";
-			let n = /* @__PURE__ */ new Date();
-			if (n.setHours(0, 0, 0, 0), t < n) return "This date is in the past. Double-check it before saving.";
-			let r = new Date(n);
-			return r.setFullYear(r.getFullYear() + 1), t > r ? "This date is more than a year ahead. Double-check it before saving." : "";
-		}, Y = (e) => !e.date || !e.startTime || !e.resourceId || !e.pricingOption, X = (e) => o.value === e, Z = (e) => {
-			o.value = o.value === e ? null : e;
-		};
-		return j(i, (e) => {
-			let t = new Set(e.map((e) => e.id));
-			if (o.value && !t.has(o.value) && (o.value = null), !o.value) {
-				let t = e.find(Y);
-				t && (o.value = t.id);
-			}
-		}, { immediate: !0 }), (t, n) => {
-			let o = O("Button"), l = O("PopoverTrigger"), g = O("PopoverContent"), _ = O("Popover"), v = O("Label"), E = O("Input"), j = O("DynamicSelectOption"), N = O("DynamicSelect");
-			return w(), f("div", we, [p("div", Q, [p("p", Te, k(i.value.length === 1 ? "1 reservation line" : `${i.value.length} reservation lines`), 1), p("div", Ee, [h(_, {
-				open: s.value,
-				"onUpdate:open": n[0] ||= (e) => s.value = e
-			}, {
-				default: M(() => [h(l, { "as-child": "" }, {
-					default: M(() => [h(o, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						class: "gap-2"
-					}, {
-						default: M(() => [h(A(U), { class: "size-4 text-primary" }), n[2] ||= m(" Quick add ", -1)]),
-						_: 1
-					})]),
-					_: 1
-				}), h(g, {
-					align: "end",
-					class: "max-h-[80vh] w-[min(34rem,calc(100vw-2rem))] overflow-y-auto p-0"
-				}, {
-					default: M(() => [s.value ? (w(), u(Ce, {
-						key: 0,
-						surface: "popover",
-						agendaData: e.agendaData,
-						onAdd: T
-					}, null, 8, ["agendaData"])) : d("", !0)]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["open"]), h(o, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				onClick: n[1] ||= (e) => r("add")
-			}, {
-				default: M(() => [h(A(R), { class: "size-4" }), n[3] ||= m(" Add line ", -1)]),
-				_: 1
-			})])]), i.value.length === 0 ? (w(), f("div", De, " Use Quick add to create filled reservation lines, or add an empty line manually. ")) : (w(), f("div", Oe, [(w(!0), f(c, null, D(i.value, (t, r) => (w(), f("div", {
-				key: t.id,
-				class: "rounded-xl border bg-background"
-			}, [
-				p("div", $, [p("button", {
-					type: "button",
-					class: "flex min-w-0 flex-1 items-start gap-3 rounded-lg px-1 py-1 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/50",
-					"aria-expanded": X(t.id),
-					onClick: (e) => Z(t.id)
-				}, [p("span", Ae, k(r + 1), 1), p("span", je, [p("span", Me, [p("span", Ne, [
-					p("span", Pe, k(W(t)), 1),
-					p("span", Fe, k(t.date || "No date selected"), 1),
-					p("span", Ie, k(I(t)) + " · " + k(P(t)), 1)
-				]), p("span", Le, [h(A(L), { class: "size-4" })])]), p("span", Re, [p("span", ze, [h(A(V), { class: "size-4" }), m(" " + k(K(t)), 1)]), p("span", Be, [h(A(z), { class: "size-4" }), m(" " + k(G(t.paid)), 1)])])])], 8, ke), h(o, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					class: "mt-1 shrink-0",
-					onClick: (e) => C(t.id)
-				}, {
-					default: M(() => [h(A(B), { class: "size-4" })]),
-					_: 1
-				}, 8, ["onClick"])]),
-				p("div", Ve, [p("div", null, [p("p", He, "Reservation " + k(r + 1), 1), p("p", Ue, k(I(t)) + " · " + k(P(t)), 1)]), h(o, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					class: "shrink-0",
-					onClick: (e) => C(t.id)
-				}, {
-					default: M(() => [h(A(B), { class: "size-4" })]),
-					_: 1
-				}, 8, ["onClick"])]),
-				p("div", { class: x(["px-3 pb-3 md:px-4 md:pb-4 overflow-hidden", X(t.id) ? "block" : "hidden md:block"]) }, [p("div", We, [
-					p("div", Ge, [
-						h(v, null, {
-							default: M(() => [...n[4] ||= [m("Date", -1)]]),
-							_: 1
-						}),
-						h(E, {
-							"model-value": t.date,
-							type: "date",
-							"onUpdate:modelValue": (e) => y(t.id, "date", String(e ?? ""))
-						}, null, 8, ["model-value", "onUpdate:modelValue"]),
-						J(t) ? (w(), f("p", Ke, k(J(t)), 1)) : d("", !0)
-					]),
-					p("div", qe, [h(v, { for: `new_reservation_res_line_${r}_time` }, {
-						default: M(() => [...n[5] ||= [m("Time", -1)]]),
-						_: 1
-					}, 8, ["for"]), h(E, {
-						id: `new_reservation_res_line_${r}_time`,
-						"model-value": t.startTime,
-						type: "time",
-						class: "reservation-time-input",
-						"onUpdate:modelValue": (e) => y(t.id, "startTime", String(e ?? ""))
-					}, null, 8, [
-						"id",
-						"model-value",
-						"onUpdate:modelValue"
-					])]),
-					p("div", Je, [h(v, null, {
-						default: M(() => [...n[6] ||= [m("Resource", -1)]]),
-						_: 1
-					}), h(N, {
-						"model-value": t.resourceId,
-						"wrapper-class": "w-full",
-						class: "w-full",
-						placeholder: "Select resource",
-						"onUpdate:modelValue": (e) => y(t.id, "resourceId", String(e ?? ""))
-					}, {
-						default: M(() => [(w(!0), f(c, null, D(e.agendaData?.resources || [], (e) => (w(), u(j, {
-							key: e.id,
-							value: e.id
-						}, {
-							default: M(() => [m(k(e.name), 1)]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					}, 8, ["model-value", "onUpdate:modelValue"])]),
-					p("div", Ye, [h(v, null, {
-						default: M(() => [...n[7] ||= [m("Type", -1)]]),
-						_: 1
-					}), h(N, {
-						"model-value": t.pricingOption,
-						"wrapper-class": "w-full",
-						class: "w-full",
-						placeholder: "Select type",
-						"onUpdate:modelValue": (e) => y(t.id, "pricingOption", String(e ?? ""))
-					}, {
-						default: M(() => [(w(!0), f(c, null, D(e.agendaData?.pricingOptions || [], (e) => (w(), u(j, {
-							key: e.id,
-							value: e.id
-						}, {
-							default: M(() => [m(k(e.name), 1)]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					}, 8, ["model-value", "onUpdate:modelValue"])]),
-					p("div", { class: x(["grid gap-4", a.value ? "md:grid-cols-2 xl:grid-cols-2 xl:col-span-1" : ""]) }, [a.value ? (w(), f("div", Xe, [h(v, null, {
-						default: M(() => [...n[8] ||= [m("Spots", -1)]]),
-						_: 1
-					}), h(E, {
-						"model-value": t.spots,
-						type: "number",
-						min: "1",
-						class: "no-spinner",
-						"onUpdate:modelValue": (e) => S(t.id, e)
-					}, null, 8, ["model-value", "onUpdate:modelValue"])])) : d("", !0), p("div", { class: x(["grid gap-2", a.value ? "" : "md:col-span-2 xl:col-span-1"]) }, [h(v, null, {
-						default: M(() => [...n[9] ||= [m("Paid", -1)]]),
-						_: 1
-					}), h(E, {
-						"model-value": t.paid,
-						type: "number",
-						min: "0",
-						step: "1",
-						class: "no-spinner",
-						"onUpdate:modelValue": (e) => b(t.id, e)
-					}, null, 8, ["model-value", "onUpdate:modelValue"])], 2)], 2)
-				])], 2)
-			]))), 128))]))]);
-		};
-	}
-}), [["__scopeId", "data-v-e6916de3"]]), Qe = { class: "space-y-5 md:mt-5" }, $e = { class: "space-y-3" }, et = { class: "mt-4 text-red-400" }, tt = { class: "list-disc pl-4" }, nt = { key: 0 }, rt = { key: 1 }, it = "00:00", at = /* @__PURE__ */ g({
-	__name: "NewReservationDialog",
-	props: { agendaData: {} },
-	setup(e) {
-		let t = e, { params: n } = s(), { config: r } = o(), i = a(r.project), d = l(() => n.value?.id ?? n.id ?? ""), g = _("agendaData", E({})), v = l(() => t.agendaData ?? g.value ?? {}), y = E(!1), x = E(!1), S = E([]), C = /^([01]\d|2[0-3]):[0-5]\d$/, T = E([]), N = E(null), P = () => v.value?.resources?.[0]?.id ?? "", F = () => v.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? v.value?.pricingOptions?.[0]?.id ?? "", I = (e) => {
-			let t = e?.pricingOption ?? F(), n = v.value?.pricingOptions?.find((e) => e.id === t)?.price ?? 0;
-			typeof n == "string" && (n = Number(n));
-			let r = e?.paid ?? n;
-			return typeof r == "string" && (r = Number(r)), {
-				id: `reservation_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`,
-				spots: Number(e?.spots) || 1,
-				paid: Number.isFinite(r) ? r : 0,
-				resourceId: e?.resourceId ?? P(),
-				pricingOption: t,
-				date: e?.date ?? "",
-				dateValue: e?.dateValue,
-				startTime: e?.startTime ?? it
-			};
-		}, L = () => {
-			T.value = [I()];
-		}, z = (e) => !e.date && e.startTime === it, B = () => {
-			let e = T.value[T.value.length - 1];
-			T.value = [...T.value, I(e ? { ...e } : void 0)];
-		}, V = (e) => v.value?.pricingOptions?.find((t) => t.id === e.pricingOption), H = (e) => v.value?.resources?.find((t) => t.id === e.resourceId), U = () => {
-			let e = Number(v.value?.maxTicketsPerReservation);
-			return Number.isFinite(e) && e > 0 ? e : null;
-		}, W = (e) => `Reservation ${e + 1}`, G = (e) => {
-			let t = String(e.date || "").trim(), n = String(e.startTime || "").trim(), r = String(e.resourceId || "").trim();
-			return !t || !n || !r ? "" : `${r}_${t}_${n}`;
-		}, K = () => {
-			let e = [], t = /* @__PURE__ */ new Map(), n = U();
-			return T.value.forEach((r, i) => {
-				let a = W(i), o = String(r.date || "").trim(), s = String(r.startTime || "").trim(), c = String(r.resourceId || "").trim(), l = String(r.pricingOption || "").trim(), u = Number(r.spots), d = Number(r.paid);
-				o || e.push(`${a}: please select a date.`), s ? C.test(s) || e.push(`${a}: please enter a valid time.`) : e.push(`${a}: please select a time.`), c ? H(r) || e.push(`${a}: the selected resource is no longer available.`) : e.push(`${a}: please select a resource.`), l ? V(r) || e.push(`${a}: the selected type is no longer available.`) : e.push(`${a}: please select a type.`), !Number.isFinite(u) || u <= 0 ? e.push(`${a}: spots must be at least 1.`) : n !== null && u > n && e.push(`${a}: spots cannot be more than ${n}.`), (!Number.isFinite(d) || d < 0) && e.push(`${a}: paid amount must be 0 or higher.`);
-				let f = G(r);
-				if (f) {
-					let n = t.get(f);
-					n === void 0 ? t.set(f, i) : e.push(`${a}: duplicate of ${W(n).toLowerCase()}.`);
-				}
-			}), e;
-		}, q = (e) => {
-			let t = e.startTimes.map((t) => I({
-				date: e.date ? `${e.date}` : "",
-				dateValue: e.date,
-				pricingOption: e.pricingOptionId,
-				resourceId: e.resourceId,
-				spots: e.spots,
-				startTime: t
-			}));
-			if (t.length !== 0) {
-				if (T.value.length === 1 && z(T.value[0])) {
-					T.value = t;
-					return;
-				}
-				T.value = [...T.value, ...t];
-			}
-		}, J = (e) => {
-			if (!e.startTime || !e.pricingOption) return "";
-			let t = V(e);
-			if (!t?.duration) return e.startTime;
-			let [n, r] = e.startTime.split(":").map(Number);
-			if (isNaN(n) || isNaN(r)) return "";
-			let i = n * 60 + r + t.duration, a = Math.floor(i / 60) % 24, o = i % 60;
-			return `${a.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
-		};
-		j(y, async (e) => {
-			e && (S.value = [], L(), await b(), N.value?.reset());
-		});
-		let Y = () => {
-			let e = [];
-			S.value = [];
-			let t = N.value, n = t ? t.validateForm() : !1;
-			return t || e.push("Customer information form is unavailable."), T.value.length === 0 && e.push("Please add at least one reservation."), e.push(...K()), S.value = e, e.length === 0 && n;
-		}, X = async () => {
-			let e = N.value;
-			if (!e || !Y()) return;
-			let t = !1;
-			try {
-				x.value = !0;
-				let n = e.getCustomerInfo(), a = T.value.map((e) => {
-					let t = Number(e.paid) || 0, n = Number(e.spots) || 1, r = V(e), i = H(e), a = e.date;
-					return {
-						paidAmount: t,
-						flattenedReservationDate: `${e.resourceId}_${a}`,
-						flattenedReservation: `${e.resourceId}_${a}_${e.startTime.replace(":", "")}`,
-						reservation: {
-							status: "approved",
-							totalPrice: Number(t.toFixed(2)),
-							basePrice: Number((t / n).toFixed(2)),
-							addOnsPrice: 0,
-							addOns: [],
-							date: a,
-							id: `res_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`,
-							pricingOption: {
-								duration: r?.duration || "",
-								id: r?.id || "",
-								name: r?.name || "",
-								price: r?.price || ""
-							},
-							pricingOptionId: e.pricingOption,
-							resource: {
-								avatarLabel: i?.avatarLabel || "",
-								color: i?.color || "",
-								description: i?.description || "",
-								id: i?.id || "",
-								name: i?.name || ""
-							},
-							resourceId: e.resourceId,
-							spots: n,
-							timeslot: {
-								startTime: e.startTime,
-								endTime: J(e)
-							}
-						}
-					};
-				}), o = Number(a.reduce((e, t) => e + t.paidAmount, 0).toFixed(2)), s = {
-					agendaId: d.value,
-					customerInfo: n,
-					metadata: {},
-					amountPaid: o,
-					amountDue: 0,
-					subtotal: o,
-					total: o,
-					createdAt: /* @__PURE__ */ new Date(),
-					updatedAt: /* @__PURE__ */ new Date(),
-					discount: 0,
-					flattenedReservationDates: Array.from(new Set(a.map((e) => e.flattenedReservationDate))),
-					flattenedReservations: a.map((e) => e.flattenedReservation),
-					paymentStatus: "paid",
-					paymentType: "full",
-					reservations: a.map((e) => e.reservation),
-					status: "confirmed"
-				};
-				await i.add(r.reservationsCollection, s), t = !0;
-			} catch (e) {
-				console.error("Error creating reservation:", e);
-			} finally {
-				x.value = !1, t && (y.value = !1);
-			}
-		};
-		return (e, t) => {
-			let n = O("Button"), r = O("ResponsiveModalTrigger"), i = O("ResponsiveModalTitle"), a = O("ResponsiveModalHeader"), o = O("ResponsiveModalFooter"), s = O("ResponsiveModalScrollContent"), l = O("ResponsiveModal");
-			return w(), u(l, {
-				open: y.value,
-				"onUpdate:open": t[1] ||= (e) => y.value = e
-			}, {
-				default: M(() => [h(r, { "as-child": "" }, {
-					default: M(() => [h(n, null, {
-						default: M(() => [h(A(R), { class: "size-4" }), t[2] ||= m(" Add Reservation ", -1)]),
-						_: 1
-					})]),
-					_: 1
-				}), h(s, { class: "@container/modal sm:max-w-7xl" }, {
-					default: M(() => [
-						h(a, null, {
-							default: M(() => [h(i, null, {
-								default: M(() => [...t[3] ||= [m("Create new reservation", -1)]]),
-								_: 1
-							})]),
-							_: 1
-						}),
-						p("div", Qe, [
-							h(te, {
-								ref_key: "customerInformationRef",
-								ref: N,
-								agendaData: v.value
-							}, null, 8, ["agendaData"]),
-							t[5] ||= p("div", { class: "w-full h-[1px] bg-border my-8" }, null, -1),
-							p("div", $e, [t[4] ||= p("div", { class: "flex items-center justify-between gap-3" }, [p("h2", { class: "text-sm font-medium" }, "Reservations")], -1), h(Ze, {
-								modelValue: T.value,
-								"onUpdate:modelValue": t[0] ||= (e) => T.value = e,
-								agendaData: v.value,
-								onAdd: B,
-								onQuickAdd: q
-							}, null, 8, ["modelValue", "agendaData"])]),
-							p("div", et, [p("ul", tt, [(w(!0), f(c, null, D(S.value, (e) => (w(), f("li", { key: e }, k(e), 1))), 128))])])
-						]),
-						h(o, { class: "gap-2" }, {
-							default: M(() => [h(n, {
-								onClick: X,
-								disabled: x.value
-							}, {
-								default: M(() => [x.value ? (w(), f("span", nt, "Creating...")) : (w(), f("span", rt, k(T.value.length > 1 ? `Create ${T.value.length} reservations` : "Create reservation"), 1))]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						})
-					]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["open"]);
-		};
-	}
-});
-//#endregion
-export { at as t };