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

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-bZidw6RT.mjs

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