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

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-Dx4Bpa2m.mjs

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