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

package/dist/NewReservationDialog.vue_vue_type_script_setup_true_lang-Dh9jzvE0.mjs

@@ -1,1255 +0,0 @@
-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, e as _e, d as me } from "./DateFormatter-DUxlo8X8.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 _
-};