@oneclick.dev/cms-core-modules 0.0.118 → 0.0.120

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-BXTkYCm_.mjs

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