@oneclick.dev/cms-core-modules 0.0.115 → 0.0.116

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-Dx4Bpa2m.mjs

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