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

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-BHeMJ6nr.mjs

@@ -0,0 +1,1476 @@
+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 { e as nt, a as Ae, $ as Ve } from "./DateFormatter-qbhRYxI_.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 _
+};