@oneclick.dev/cms-core-modules 0.0.117 → 0.0.119

package/dist/{NewReservationDialog.vue_vue_type_script_setup_true_lang-BXTkYCm_.mjs → NewReservationDialog.vue_vue_type_script_setup_true_lang-CcMEKZzd.mjs}

@@ -1,15 +1,12 @@
 import { defineComponent as we, ref as j, reactive as Ue, computed as oe, watch as Re, resolveComponent as b, openBlock as i, createElementBlock as c, createElementVNode as f, Fragment as K, renderList as me, normalizeClass as _e, createVNode as r, withCtx as d, createTextVNode as w, toDisplayString as k, createCommentVNode as W, createBlock as he, onMounted as Fe, onBeforeUnmount as ze, nextTick as Le, unref as m, isRef as Ne, markRaw as Be, inject as qe } from "vue";
 import { CalendarIcon as je, ChevronLeft as He, Check as Qe, ChevronRight as Ye, X as We, Zap as Ge, Plus as Pe, Pencil as Xe, Users as Ze, Tag as Je, Trash2 as Me } from "lucide-vue-next";
-import { useModuleRoute as Ke, useModule as et, useFirebaseIntegration as tt } from "@oneclick.dev/cms-kit";
+import { useModuleRoute as Ke, useModule as et, useLogs as tt, useFirebaseIntegration as nt } from "@oneclick.dev/cms-kit";
 import { c as Oe } from "./utils-CanmrIWO.mjs";
-import { $ as nt, a as Ae, b as Ve } from "./DateFormatter-BkKoSf_l.mjs";
-import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols-2 @2xl/modal:grid-cols-3 @4xl/modal:grid-cols-4 overflow-hidden p-1" }, rt = {
+import { $ as st, a as Ae, b as Ve } from "./DateFormatter-BkKoSf_l.mjs";
+import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const ot = { class: "space-y-3" }, rt = { class: "grid gap-4 @md/modal:grid-cols-2 @2xl/modal:grid-cols-3 @4xl/modal:grid-cols-4 overflow-hidden p-1" }, it = {
   key: 0,
   class: "flex items-center gap-3 min-h-9"
-}, it = {
-  key: 0,
-  class: "italic text-xs opacity-50"
 }, lt = {
   key: 0,
   class: "italic text-xs opacity-50"
@@ -20,9 +17,12 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
   key: 0,
   class: "italic text-xs opacity-50"
 }, ct = {
+  key: 0,
+  class: "italic text-xs opacity-50"
+}, pt = {
   key: 0,
   class: "text-red-400"
-}, pt = { class: "list-disc pl-4" }, mt = /* @__PURE__ */ we({
+}, mt = { class: "list-disc pl-4" }, ft = /* @__PURE__ */ we({
   __name: "CustomerInformation",
   props: {
     agendaData: {}
@@ -108,14 +108,14 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
       validateForm: J
     }), (g, D) => {
       const x = b("Checkbox"), I = b("Label"), C = b("SelectValue"), le = b("SelectTrigger"), ge = b("SelectItem"), be = b("SelectGroup"), fe = b("SelectContent"), te = b("Select"), ye = b("RadioGroupItem"), ne = b("RadioGroup"), de = b("Input");
-      return i(), c("div", at, [
+      return i(), c("div", ot, [
         D[0] || (D[0] = f("h2", { class: "text-sm font-medium" }, "Customer Information", -1)),
-        f("div", ot, [
+        f("div", rt, [
           (i(!0), c(K, null, me(F.value, (v) => (i(), c("div", {
             key: v.id,
             class: _e(["grid gap-2", v.fieldType === "checkbox" ? "@md/modal:col-span-2" : ""])
           }, [
-            v.fieldType === "checkbox" ? (i(), c("div", rt, [
+            v.fieldType === "checkbox" ? (i(), c("div", it, [
               r(x, {
                 id: $(v),
                 modelValue: O[v.id],
@@ -127,7 +127,7 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
               }, {
                 default: d(() => [
                   w(k(L(v)) + " ", 1),
-                  v.required ? W("", !0) : (i(), c("span", it, "optional"))
+                  v.required ? W("", !0) : (i(), c("span", lt, "optional"))
                 ]),
                 _: 2
               }, 1032, ["for"])
@@ -137,7 +137,7 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
               }, {
                 default: d(() => [
                   w(k(L(v)) + " ", 1),
-                  v.required ? W("", !0) : (i(), c("span", lt, "optional"))
+                  v.required ? W("", !0) : (i(), c("span", ut, "optional"))
                 ]),
                 _: 2
               }, 1032, ["for"]),
@@ -183,7 +183,7 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
               r(I, null, {
                 default: d(() => [
                   w(k(L(v)) + " ", 1),
-                  v.required ? W("", !0) : (i(), c("span", ut, "optional"))
+                  v.required ? W("", !0) : (i(), c("span", dt, "optional"))
                 ]),
                 _: 2
               }, 1024),
@@ -220,7 +220,7 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
               }, {
                 default: d(() => [
                   w(k(L(v)) + " ", 1),
-                  v.required ? W("", !0) : (i(), c("span", dt, "optional"))
+                  v.required ? W("", !0) : (i(), c("span", ct, "optional"))
                 ]),
                 _: 2
               }, 1032, ["for"]),
@@ -234,8 +234,8 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
             ], 64))
           ], 2))), 128))
         ]),
-        z.value.length > 0 ? (i(), c("div", ct, [
-          f("ul", pt, [
+        z.value.length > 0 ? (i(), c("div", pt, [
+          f("ul", mt, [
             (i(!0), c(K, null, me(z.value, (v) => (i(), c("li", { key: v }, k(v), 1))), 128))
           ])
         ])) : W("", !0)
@@ -243,7 +243,7 @@ const at = { class: "space-y-3" }, ot = { class: "grid gap-4 @md/modal:grid-cols
     };
   }
 });
-function ft(U = {}) {
+function gt(U = {}) {
   const Z = j(null), E = j(!1), Q = j(!1), ue = j(!1), z = j(!1), O = U.dragSpeed ?? 1.1, F = U.dragThreshold ?? 10, L = U.edgeThreshold ?? 10, B = U.ignoreDragSelector ?? 'input, select, textarea, [contenteditable="true"], [data-horizontal-scroll-ignore-drag]';
   let $ = null, A = 0, Y = 0, G = !1, P = null, re = null, T = null;
   const ie = () => {
@@ -339,34 +339,34 @@ function ft(U = {}) {
     showRightShadow: z
   };
 }
-const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "text-sm font-medium" }, _t = {
+const vt = { class: "flex items-start justify-between gap-3" }, _t = { class: "text-sm font-medium" }, ht = {
   key: 0,
   class: "mt-1 text-xs text-muted-foreground"
-}, ht = { class: "grid gap-4 @md/quick-adder:grid-cols-2 @2xl/quick-adder:grid-cols-3 @4xl/quick-adder:grid-cols-4" }, bt = { class: "grid gap-2" }, yt = {
+}, bt = { class: "grid gap-4 @md/quick-adder:grid-cols-2 @2xl/quick-adder:grid-cols-3 @4xl/quick-adder:grid-cols-4" }, yt = { class: "grid gap-2" }, xt = {
   key: 0,
   class: "grid gap-2"
-}, xt = {
+}, St = {
   key: 1,
   class: "grid gap-2"
-}, St = {
+}, kt = {
   key: 2,
   class: "grid gap-2"
-}, kt = { class: "grid gap-2" }, $t = {
+}, $t = { class: "grid gap-2" }, Tt = {
   key: 0,
   class: "rounded-md border border-dashed bg-muted/20 px-4 py-4 text-sm text-muted-foreground"
-}, Tt = {
+}, It = {
   key: 1,
   class: "relative flex items-center gap-2 overflow-hidden"
-}, It = { class: "relative min-w-0 flex-1 overflow-hidden" }, Rt = {
+}, Rt = { class: "relative min-w-0 flex-1 overflow-hidden" }, wt = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 z-10 w-10 md:w-20 bg-gradient-to-r from-background via-background/95 to-transparent"
-}, wt = {
+}, Dt = {
   key: 1,
   class: "pointer-events-none absolute inset-y-0 right-0 z-10 w-10 md:w-20 bg-gradient-to-l from-background via-background/95 to-transparent"
-}, Dt = {
+}, Ct = {
   key: 0,
   class: "absolute -top-1 -right-1 flex items-center justify-center bg-primary rounded-full text-background size-4"
-}, Ct = { class: "flex flex-wrap gap-2" }, Nt = ["onClick"], Ot = { key: 0 }, Vt = { key: 1 }, Mt = { key: 2 }, At = /* @__PURE__ */ we({
+}, Nt = { class: "flex flex-wrap gap-2" }, Ot = ["onClick"], Vt = { key: 0 }, Mt = { key: 1 }, At = { key: 2 }, Et = /* @__PURE__ */ we({
   __name: "QuickReservationAdder",
   props: {
     agendaData: {},
@@ -374,7 +374,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
   },
   emits: ["add"],
   setup(U, { emit: Z }) {
-    const E = U, Q = Z, ue = new nt("en-US", {
+    const E = U, Q = Z, ue = new st("en-US", {
       dateStyle: "long"
     }), z = Ae(Ve()), O = oe(() => E.surface === "popover"), F = j(""), L = j(void 0), B = j(""), $ = j(""), A = j([]), Y = j(1), G = oe(() => E.agendaData?.resources?.find((N) => N.id === B.value)), P = (N) => {
       const [n, _] = N.split(":").map(Number);
@@ -406,7 +406,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
       scrollPrev: ge,
       showLeftShadow: be,
       showRightShadow: fe
-    } = ft(), te = (N) => A.value.includes(N), ye = (N) => {
+    } = gt(), te = (N) => A.value.includes(N), ye = (N) => {
       if (te(N)) {
         A.value = A.value.filter((n) => n !== N);
         return;
@@ -435,14 +435,14 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
           m(O) ? "p-5 sm:p-6" : "rounded-md border p-4"
         ))
       }, [
-        f("div", gt, [
+        f("div", vt, [
           f("div", null, [
-            f("h3", vt, k(m(O) ? "Quick add reservations" : "Add reservations"), 1),
-            m(O) ? (i(), c("p", _t, " Choose one date and add multiple timeslots in one pass. ")) : W("", !0)
+            f("h3", _t, k(m(O) ? "Quick add reservations" : "Add reservations"), 1),
+            m(O) ? (i(), c("p", ht, " Choose one date and add multiple timeslots in one pass. ")) : W("", !0)
           ])
         ]),
-        f("div", ht, [
-          f("div", bt, [
+        f("div", bt, [
+          f("div", yt, [
             r(_, null, {
               default: d(() => [...n[3] || (n[3] = [
                 w("Date", -1)
@@ -487,7 +487,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
               _: 1
             })
           ]),
-          U.agendaData.resources?.length > 1 ? (i(), c("div", yt, [
+          U.agendaData.resources?.length > 1 ? (i(), c("div", xt, [
             r(_, null, {
               default: d(() => [...n[4] || (n[4] = [
                 w("Resource", -1)
@@ -515,7 +515,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
               _: 1
             }, 8, ["modelValue"])
           ])) : W("", !0),
-          U.agendaData.pricingOptions?.length > 1 ? (i(), c("div", xt, [
+          U.agendaData.pricingOptions?.length > 1 ? (i(), c("div", St, [
             r(_, null, {
               default: d(() => [...n[5] || (n[5] = [
                 w("Type", -1)
@@ -543,7 +543,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
               _: 1
             }, 8, ["modelValue"])
           ])) : W("", !0),
-          U.agendaData?.maxTicketsPerReservation > 1 ? (i(), c("div", St, [
+          U.agendaData?.maxTicketsPerReservation > 1 ? (i(), c("div", kt, [
             r(_, null, {
               default: d(() => [...n[6] || (n[6] = [
                 w("Spots/tickets", -1)
@@ -561,14 +561,14 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
             }, null, 8, ["modelValue"])
           ])) : W("", !0)
         ]),
-        f("div", kt, [
+        f("div", $t, [
           r(_, null, {
             default: d(() => [...n[7] || (n[7] = [
               w("Available hours", -1)
             ])]),
             _: 1
           }),
-          m(J).length === 0 ? (i(), c("div", $t, " No preset hours are available for this resource. You can still add a custom time below. ")) : (i(), c("div", Tt, [
+          m(J).length === 0 ? (i(), c("div", Tt, " No preset hours are available for this resource. You can still add a custom time below. ")) : (i(), c("div", It, [
             m(g) ? (i(), he(H, {
               key: 0,
               type: "button",
@@ -582,9 +582,9 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
               ]),
               _: 1
             }, 8, ["onClick"])) : W("", !0),
-            f("div", It, [
-              m(be) ? (i(), c("div", Rt)) : W("", !0),
-              m(fe) ? (i(), c("div", wt)) : W("", !0),
+            f("div", Rt, [
+              m(be) ? (i(), c("div", wt)) : W("", !0),
+              m(fe) ? (i(), c("div", Dt)) : W("", !0),
               f("div", {
                 ref_key: "hourScrollContainer",
                 ref: x,
@@ -603,7 +603,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                 }, {
                   default: d(() => [
                     w(k(h) + " ", 1),
-                    te(h) ? (i(), c("div", Dt, [
+                    te(h) ? (i(), c("div", Ct, [
                       r(m(Qe), { class: "size-3" })
                     ])) : W("", !0)
                   ]),
@@ -625,7 +625,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
               _: 1
             }, 8, ["onClick"])) : W("", !0)
           ])),
-          f("div", Ct, [
+          f("div", Nt, [
             (i(!0), c(K, null, me(m(V), (h) => (i(), c("div", {
               key: h,
               class: "relative"
@@ -647,7 +647,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                 }
               }, [
                 r(m(We), { class: "size-3" })
-              ], 8, Nt)
+              ], 8, Ot)
             ]))), 128))
           ])
         ]),
@@ -657,7 +657,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
             onClick: se
           }, {
             default: d(() => [
-              m(A).length === 0 ? (i(), c("span", Ot, "Select at least one timeslot")) : m(A).length === 1 ? (i(), c("span", Vt, "Add 1 reservation")) : (i(), c("span", Mt, "Add " + k(m(A).length) + " reservations", 1))
+              m(A).length === 0 ? (i(), c("span", Vt, "Select at least one timeslot")) : m(A).length === 1 ? (i(), c("span", Mt, "Add 1 reservation")) : (i(), c("span", At, "Add " + k(m(A).length) + " reservations", 1))
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -665,25 +665,25 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
       ], 2);
     };
   }
-}), Et = /* @__PURE__ */ st(At, [["__scopeId", "data-v-c7529556"]]), Ft = { class: "space-y-3" }, Lt = { class: "flex flex-wrap items-center justify-between gap-3" }, Pt = { class: "text-xs text-muted-foreground" }, Ut = { class: "flex flex-wrap items-center gap-2" }, zt = {
+}), Ft = /* @__PURE__ */ at(Et, [["__scopeId", "data-v-c7529556"]]), Lt = { class: "space-y-3" }, Pt = { class: "flex flex-wrap items-center justify-between gap-3" }, Ut = { class: "text-xs text-muted-foreground" }, zt = { class: "flex flex-wrap items-center gap-2" }, Bt = {
   key: 0,
   class: "rounded-md border border-dashed bg-muted/20 px-4 py-6 text-sm text-muted-foreground"
-}, Bt = {
+}, qt = {
   key: 1,
   class: "space-y-3"
-}, qt = { class: "flex items-start gap-2 p-3 md:hidden" }, jt = ["aria-expanded", "onClick"], Ht = { class: "mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground" }, Qt = { class: "min-w-0 flex-1" }, Yt = { class: "flex items-start justify-between gap-3" }, Wt = { class: "min-w-0" }, Gt = { class: "block truncate text-base font-semibold" }, Xt = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Zt = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Jt = { class: "flex size-10 shrink-0 items-center justify-center rounded-xl border border-border/70 text-muted-foreground" }, Kt = { class: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground" }, en = { class: "inline-flex items-center gap-1.5" }, tn = { class: "inline-flex items-center gap-1.5" }, nn = { class: "hidden items-start justify-between gap-3 p-4 pb-0 md:flex" }, sn = { class: "text-sm font-medium" }, an = { class: "text-xs text-muted-foreground" }, on = { class: "grid gap-4 border-t pt-3 md:grid-cols-2 md:border-0 md:pt-4 xl:grid-cols-5" }, rn = { class: "grid gap-2" }, ln = { class: "grid gap-2" }, un = {
+}, jt = { class: "flex items-start gap-2 p-3 md:hidden" }, Ht = ["aria-expanded", "onClick"], Qt = { class: "mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground" }, Yt = { class: "min-w-0 flex-1" }, Wt = { class: "flex items-start justify-between gap-3" }, Gt = { class: "min-w-0" }, Xt = { class: "block truncate text-base font-semibold" }, Zt = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Jt = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Kt = { class: "flex size-10 shrink-0 items-center justify-center rounded-xl border border-border/70 text-muted-foreground" }, en = { class: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground" }, tn = { class: "inline-flex items-center gap-1.5" }, nn = { class: "inline-flex items-center gap-1.5" }, sn = { class: "hidden items-start justify-between gap-3 p-4 pb-0 md:flex" }, an = { class: "text-sm font-medium" }, on = { class: "text-xs text-muted-foreground" }, rn = { class: "grid gap-4 border-t pt-3 md:grid-cols-2 md:border-0 md:pt-4 xl:grid-cols-5" }, ln = { class: "grid gap-2" }, un = { class: "grid gap-2" }, dn = {
   key: 0,
   class: "text-xs text-orange-500"
-}, dn = { class: "grid gap-2" }, cn = {
+}, cn = { class: "grid gap-2" }, pn = {
   key: 0,
   class: "text-xs text-muted-foreground"
-}, pn = {
+}, mn = {
   key: 1,
   class: "flex items-center h-[36px] text-sm"
-}, mn = { key: 0 }, fn = { key: 1 }, gn = { key: 2 }, vn = {
+}, fn = { key: 0 }, gn = { key: 1 }, vn = { key: 2 }, _n = {
   key: 0,
   class: "grid gap-2"
-}, _n = /* @__PURE__ */ we({
+}, hn = /* @__PURE__ */ we({
   __name: "ReservationLines",
   props: {
     modelValue: {},
@@ -832,10 +832,10 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
       }
     }, { immediate: !0 }), (a, s) => {
       const p = b("Button"), S = b("PopoverTrigger"), M = b("PopoverContent"), ae = b("Popover"), h = b("Label"), pe = b("DynamicSelectOption"), ve = b("DynamicSelect"), xe = b("Input"), De = b("SelectValue"), Ce = b("SelectTrigger"), e = b("SelectItem"), o = b("SelectContent"), u = b("Select");
-      return i(), c("div", Ft, [
-        f("div", Lt, [
-          f("p", Pt, k(z.value.length === 1 ? "1 reservation line" : `${z.value.length} reservation lines`), 1),
-          f("div", Ut, [
+      return i(), c("div", Lt, [
+        f("div", Pt, [
+          f("p", Ut, k(z.value.length === 1 ? "1 reservation line" : `${z.value.length} reservation lines`), 1),
+          f("div", zt, [
             r(ae, {
               open: L.value,
               "onUpdate:open": s[0] || (s[0] = (t) => L.value = t)
@@ -863,7 +863,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                   class: "max-h-[80vh] w-[min(34rem,calc(100vw-2rem))] overflow-y-auto p-0"
                 }, {
                   default: d(() => [
-                    L.value ? (i(), he(Et, {
+                    L.value ? (i(), he(Ft, {
                       key: 0,
                       surface: "popover",
                       agendaData: U.agendaData,
@@ -889,46 +889,46 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
             })
           ])
         ]),
-        z.value.length === 0 ? (i(), c("div", zt, " Use Quick add to create filled reservation lines, or add an empty line manually. ")) : (i(), c("div", Bt, [
+        z.value.length === 0 ? (i(), c("div", Bt, " Use Quick add to create filled reservation lines, or add an empty line manually. ")) : (i(), c("div", qt, [
           (i(!0), c(K, null, me(z.value, (t, y) => (i(), c("div", {
             key: t.id,
             class: "rounded-xl border bg-background"
           }, [
-            f("div", qt, [
+            f("div", jt, [
               f("button", {
                 type: "button",
                 class: "flex min-w-0 flex-1 items-start gap-3 rounded-lg px-1 py-1 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/50",
                 "aria-expanded": H(t.id),
                 onClick: (l) => ce(t.id)
               }, [
-                f("span", Ht, k(y + 1), 1),
-                f("span", Qt, [
-                  f("span", Yt, [
-                    f("span", Wt, [
-                      f("span", Gt, k(de(t)), 1),
-                      f("span", Xt, k(t.date || "No date selected"), 1),
-                      f("span", Zt, k(I(t)) + " · " + k(D(t)), 1),
+                f("span", Qt, k(y + 1), 1),
+                f("span", Yt, [
+                  f("span", Wt, [
+                    f("span", Gt, [
+                      f("span", Xt, k(de(t)), 1),
+                      f("span", Zt, k(t.date || "No date selected"), 1),
+                      f("span", Jt, k(I(t)) + " · " + k(D(t)), 1),
                       se(t)?.message ? (i(), c("span", {
                         key: 0,
                         class: _e(["mt-1 block text-xs font-medium", ke(t)])
                       }, k(se(t)?.message), 3)) : W("", !0)
                     ]),
-                    f("span", Jt, [
+                    f("span", Kt, [
                       r(m(Xe), { class: "size-4" })
                     ])
                   ]),
-                  f("span", Kt, [
-                    f("span", en, [
+                  f("span", en, [
+                    f("span", tn, [
                       r(m(Ze), { class: "size-4" }),
                       w(" " + k(V(t)), 1)
                     ]),
-                    f("span", tn, [
+                    f("span", nn, [
                       r(m(Je), { class: "size-4" }),
                       w(" " + k(v(t.paid)), 1)
                     ])
                   ])
                 ])
-              ], 8, jt),
+              ], 8, Ht),
               r(p, {
                 type: "button",
                 variant: "ghost",
@@ -942,10 +942,10 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                 _: 1
               }, 8, ["onClick"])
             ]),
-            f("div", nn, [
+            f("div", sn, [
               f("div", null, [
-                f("p", sn, "Reservation " + k(y + 1), 1),
-                f("p", an, k(I(t)) + " · " + k(D(t)), 1),
+                f("p", an, "Reservation " + k(y + 1), 1),
+                f("p", on, k(I(t)) + " · " + k(D(t)), 1),
                 se(t)?.message ? (i(), c("p", {
                   key: 0,
                   class: _e(["mt-1 text-xs font-medium", ke(t)])
@@ -967,8 +967,8 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
             f("div", {
               class: _e(["px-3 pb-3 md:px-4 md:pb-4 overflow-hidden", H(t.id) ? "block" : "hidden md:block"])
             }, [
-              f("div", on, [
-                f("div", rn, [
+              f("div", rn, [
+                f("div", ln, [
                   r(h, null, {
                     default: d(() => [...s[4] || (s[4] = [
                       w("Resource", -1)
@@ -996,7 +996,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                     _: 1
                   }, 8, ["model-value", "onUpdate:modelValue"])
                 ]),
-                f("div", ln, [
+                f("div", un, [
                   r(h, null, {
                     default: d(() => [...s[5] || (s[5] = [
                       w("Date", -1)
@@ -1008,9 +1008,9 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                     type: "date",
                     "onUpdate:modelValue": (l) => P(t.id, "date", String(l ?? ""))
                   }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                  n(t) ? (i(), c("p", un, k(n(t)), 1)) : W("", !0)
+                  n(t) ? (i(), c("p", dn, k(n(t)), 1)) : W("", !0)
                 ]),
-                f("div", dn, [
+                f("div", cn, [
                   r(h, {
                     for: `new_reservation_res_line_${y}_time`
                   }, {
@@ -1051,9 +1051,9 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                       ]),
                       _: 2
                     }, 1032, ["model-value", "onUpdate:modelValue"]),
-                    t.resourceId && t.date && ne(t).length === 0 ? (i(), c("p", cn, " No times are available for this resource on the selected date. ")) : W("", !0)
-                  ], 64)) : (i(), c("p", pn, [
-                    !t.resourceId && !t.date ? (i(), c("span", mn, "Please select a resource and date.")) : t.resourceId ? t.date ? W("", !0) : (i(), c("span", gn, "Please select a date.")) : (i(), c("span", fn, "Please select a resource."))
+                    t.resourceId && t.date && ne(t).length === 0 ? (i(), c("p", pn, " No times are available for this resource on the selected date. ")) : W("", !0)
+                  ], 64)) : (i(), c("p", mn, [
+                    !t.resourceId && !t.date ? (i(), c("span", fn, "Please select a resource and date.")) : t.resourceId ? t.date ? W("", !0) : (i(), c("span", vn, "Please select a date.")) : (i(), c("span", gn, "Please select a resource."))
                   ]))
                 ]),
                 f("div", {
@@ -1089,7 +1089,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                 f("div", {
                   class: _e(["grid gap-4", O.value ? "md:grid-cols-2 xl:grid-cols-2 xl:col-span-1" : ""])
                 }, [
-                  O.value ? (i(), c("div", vn, [
+                  O.value ? (i(), c("div", _n, [
                     r(h, null, {
                       default: d(() => [...s[8] || (s[8] = [
                         w("Spots", -1)
@@ -1130,13 +1130,13 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
       ]);
     };
   }
-}), hn = { class: "space-y-5 md:mt-5" }, bn = { class: "space-y-3" }, yn = { class: "mt-4 text-red-400" }, xn = { class: "list-disc pl-4" }, Sn = { key: 0 }, kn = { key: 1 }, $n = { key: 2 }, Ee = "", Nn = /* @__PURE__ */ we({
+}), bn = { class: "space-y-5 md:mt-5" }, yn = { class: "space-y-3" }, xn = { class: "mt-4 text-red-400" }, Sn = { class: "list-disc pl-4" }, kn = { key: 0 }, $n = { key: 1 }, Tn = { key: 2 }, Ee = "", On = /* @__PURE__ */ we({
   __name: "NewReservationDialog",
   props: {
     agendaData: {}
   },
   setup(U) {
-    const Z = U, { params: E } = Ke(), { config: Q } = et(), { log: ue, logError: z } = useLogs(), O = tt(Q.project), F = oe(() => E.value?.id ?? E.id ?? ""), L = qe("agendaData", j({})), B = oe(() => Z.agendaData ?? L.value ?? {}), $ = j(!1), A = j(!1), Y = j({});
+    const Z = U, { params: E } = Ke(), { config: Q } = et(), { log: ue, logError: z } = tt(), O = nt(Q.project), F = oe(() => E.value?.id ?? E.id ?? ""), L = qe("agendaData", j({})), B = oe(() => Z.agendaData ?? L.value ?? {}), $ = j(!1), A = j(!1), Y = j({});
     let G = 0;
     const P = j([]), re = /^([01]\d|2[0-3]):[0-5]\d$/, T = j([]), ie = j(null), J = oe(() => Object.values(Y.value).some((e) => e.status === "checking")), g = oe(() => Object.values(Y.value).some((e) => e.status === "unavailable")), D = () => B.value?.resources?.[0]?.id ?? "", x = () => B.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? B.value?.pricingOptions?.[0]?.id ?? "", I = () => {
       const e = /* @__PURE__ */ new Date(), o = e.getFullYear(), u = `${e.getMonth() + 1}`.padStart(2, "0"), t = `${e.getDate()}`.padStart(2, "0");
@@ -1422,18 +1422,18 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                 ]),
                 _: 1
               }),
-              f("div", hn, [
-                r(mt, {
+              f("div", bn, [
+                r(ft, {
                   ref_key: "customerInformationRef",
                   ref: ie,
                   agendaData: B.value
                 }, null, 8, ["agendaData"]),
                 o[5] || (o[5] = f("div", { class: "w-full h-[1px] bg-border my-8" }, null, -1)),
-                f("div", bn, [
+                f("div", yn, [
                   o[4] || (o[4] = f("div", { class: "flex items-center justify-between gap-3" }, [
                     f("h2", { class: "text-sm font-medium" }, "Reservations")
                   ], -1)),
-                  r(_n, {
+                  r(hn, {
                     modelValue: T.value,
                     "onUpdate:modelValue": o[0] || (o[0] = (ee) => T.value = ee),
                     agendaData: B.value,
@@ -1442,8 +1442,8 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                     onQuickAdd: V
                   }, null, 8, ["modelValue", "agendaData", "availability-by-reservation"])
                 ]),
-                f("div", yn, [
-                  f("ul", xn, [
+                f("div", xn, [
+                  f("ul", Sn, [
                     (i(!0), c(K, null, me(P.value, (ee) => (i(), c("li", { key: ee }, k(ee), 1))), 128))
                   ])
                 ])
@@ -1455,7 +1455,7 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
                     disabled: A.value || J.value || g.value
                   }, {
                     default: d(() => [
-                      A.value ? (i(), c("span", Sn, "Creating...")) : J.value ? (i(), c("span", kn, "Checking availability...")) : (i(), c("span", $n, k(T.value.length > 1 ? `Create ${T.value.length} reservations` : "Create reservation"), 1))
+                      A.value ? (i(), c("span", kn, "Creating...")) : J.value ? (i(), c("span", $n, "Checking availability...")) : (i(), c("span", Tn, k(T.value.length > 1 ? `Create ${T.value.length} reservations` : "Create reservation"), 1))
                     ]),
                     _: 1
                   }, 8, ["disabled"])
@@ -1472,5 +1472,5 @@ const gt = { class: "flex items-start justify-between gap-3" }, vt = { class: "t
   }
 });
 export {
-  Nn as _
+  On as _
 };