@oneclick.dev/cms-core-modules 0.0.104 → 0.0.106

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-DMGcRmm-.mjs

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