@oneclick.dev/cms-core-modules 0.0.118 → 0.0.120

package/dist/{orders-C5NT99Fy.mjs → orders-B8C6u4iF.mjs}

@@ -1,10 +1,10 @@
-import { defineComponent as ke, computed as k, ref as _, provide as be, onMounted as we, watch as se, resolveComponent as b, openBlock as n, createElementBlock as l, Fragment as N, createVNode as r, withCtx as v, createElementVNode as a, unref as o, createTextVNode as w, renderList as L, toDisplayString as i, createBlock as ae, createCommentVNode as D, normalizeClass as De, withDirectives as Ce, isRef as oe, vModelText as Ie, normalizeStyle as ne, nextTick as Se } from "vue";
-import { useRoute as Pe, useRouter as Ae, useOverlayParams as Ne, useModuleRoute as ze, useModule as Oe, useFirebaseIntegration as Te } from "@oneclick.dev/cms-kit";
-import { ShoppingBag as re, Users as E, ChevronLeft as je, ChevronRight as Re, RefreshCw as Fe, CalendarIcon as H, Search as Be, X as $e, Clock as le } from "lucide-vue-next";
-import { u as Me, F as Ve, _ as q, a as Ue, b as Le } from "./OrderDetailDialog.vue_vue_type_script_setup_true_lang-DwAUYR8p.mjs";
-import { _ as Ee } from "./EditLayout.vue_vue_type_script_setup_true_lang-pDO9b4Pv.mjs";
+import { defineComponent as ke, computed as k, ref as g, provide as be, onMounted as we, watch as se, resolveComponent as b, openBlock as n, createElementBlock as l, Fragment as z, createVNode as r, withCtx as f, createElementVNode as a, unref as o, createTextVNode as w, renderList as U, toDisplayString as d, createBlock as ae, createCommentVNode as D, normalizeClass as De, withDirectives as Ce, isRef as oe, vModelText as Ie, normalizeStyle as ne, nextTick as Se } from "vue";
+import { useRoute as Pe, useRouter as Ae, useOverlayParams as Ne, useModuleRoute as ze, useModule as Oe, useFirebaseIntegration as je } from "@oneclick.dev/cms-kit";
+import { ShoppingBag as re, Users as L, ChevronLeft as Te, ChevronRight as Re, RefreshCw as Fe, CalendarIcon as E, Search as Be, X as $e, Clock as le } from "lucide-vue-next";
+import { u as Me, F as Ve, _ as H, a as Ue, b as Le } from "./OrderDetailDialog.vue_vue_type_script_setup_true_lang-DwAUYR8p.mjs";
+import { _ as Ee } from "./EditLayout.vue_vue_type_script_setup_true_lang-BXVf9gZW.mjs";
 import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, Qe = { class: "text-2xl font-semibold tracking-tight flex items-center gap-2" }, Xe = { class: "flex gap-1 border rounded-lg p-1 w-fit" }, Ge = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, Je = { class: "flex items-center gap-1" }, Ke = { class: "flex items-center gap-1" }, We = { class: "flex items-center gap-2" }, Ze = { class: "flex items-center gap-1" }, et = { class: "mt-2 text-sm text-muted-foreground" }, tt = { class: "orders-date-trigger" }, st = { class: "relative mb-4" }, at = {
+const qe = { class: "space-y-6" }, Qe = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, Xe = { class: "text-2xl font-semibold tracking-tight flex items-center gap-2" }, Ye = { class: "flex gap-1 border rounded-lg p-1 w-fit bg-card" }, Ge = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, Je = { class: "flex items-center gap-1" }, Ke = { class: "flex items-center gap-1" }, We = { class: "flex items-center gap-2" }, Ze = { class: "flex items-center gap-1" }, et = { class: "mt-2 text-sm text-muted-foreground" }, tt = { class: "orders-date-trigger" }, st = { class: "relative mb-4" }, at = {
   key: 0,
   class: "mb-3 text-sm text-muted-foreground"
 }, ot = {
@@ -18,11 +18,11 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
   class: "text-center py-8 text-muted-foreground"
 }, lt = {
   key: 4,
-  class: "space-y-2"
-}, it = ["onClick"], dt = { class: "flex items-start justify-between" }, ct = { class: "flex-1" }, ut = { class: "font-medium" }, mt = { class: "text-sm text-muted-foreground" }, ft = { class: "text-sm text-muted-foreground" }, vt = { class: "flex items-center gap-4 flex-wrap mt-1" }, pt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, xt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, gt = {
+  class: "-mx-6 @5xl:mx-0 @5xl:space-y-2"
+}, dt = ["onClick"], it = { class: "flex items-start justify-between" }, ct = { class: "flex-1" }, ut = { class: "font-medium" }, mt = { class: "text-sm text-muted-foreground" }, ft = { class: "text-sm text-muted-foreground" }, xt = { class: "flex items-center gap-4 flex-wrap mt-1" }, pt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, vt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, _t = {
   key: 0,
   class: "flex items-center gap-1 text-xs text-muted-foreground"
-}, _t = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, yt = { class: "text-right" }, ht = {
+}, gt = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, ht = { class: "text-right" }, yt = {
   key: 0,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
 }, kt = {
@@ -46,59 +46,59 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
 }, St = {
   key: 7,
   class: "text-sm font-medium mt-1"
-}, Pt = ["onClick"], At = { class: "flex items-start justify-between" }, Nt = { class: "flex-1" }, zt = { class: "flex items-center gap-2" }, Ot = { class: "font-medium" }, Tt = { class: "text-sm text-muted-foreground" }, jt = { class: "text-sm text-muted-foreground" }, Rt = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, Ft = { class: "text-right" }, Bt = {
+}, Pt = { key: 1 }, At = ["onClick"], Nt = { class: "flex items-start justify-between" }, zt = { class: "flex-1" }, Ot = { class: "flex items-center flex-wrap gap-x-2" }, jt = { class: "font-medium" }, Tt = { class: "text-sm text-muted-foreground" }, Rt = { class: "text-sm text-muted-foreground" }, Ft = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, Bt = { class: "text-right" }, $t = {
   key: 0,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
-}, $t = {
+}, Mt = {
   key: 1,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
-}, Mt = {
+}, Vt = {
   key: 2,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
-}, Vt = { class: "text-sm font-medium mt-1" }, Ut = ["onClick"], Lt = { class: "flex items-center justify-between" }, Et = { class: "flex items-center gap-4 flex-wrap" }, Ht = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, qt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, Yt = {
+}, Ut = { class: "text-sm font-medium mt-1" }, Lt = ["onClick"], Et = { class: "flex items-center justify-between" }, Ht = { class: "flex items-center gap-4 flex-wrap" }, qt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, Qt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, Xt = {
   key: 0,
   class: "flex items-center gap-1 text-xs text-muted-foreground"
-}, Qt = {
+}, Yt = {
   key: 0,
   class: "text-right flex items-center gap-2"
-}, Xt = {
+}, Gt = {
   key: 0,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
-}, Gt = {
+}, Jt = {
   key: 1,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
-}, Jt = {
+}, Kt = {
   key: 2,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
-}, Kt = {
+}, Wt = {
   key: 3,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
-}, Wt = {
+}, Zt = {
   key: 4,
   class: "inline-block px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
-}, Zt = {
+}, es = {
   key: 5,
   class: "text-sm font-medium"
-}, es = /* @__PURE__ */ ke({
+}, ts = /* @__PURE__ */ ke({
   __name: "orders",
-  setup(ts) {
-    const Y = Pe();
+  setup(ss) {
+    const q = Pe();
     Ae();
-    const Q = Ne(), { params: T } = ze(), { config: z } = Oe(), j = Te(z.project), X = k(() => T.value?.id ?? T.id ?? ""), { metadataSchema: R } = Me(X), x = _([]), S = _([]), P = _(!0), F = _(null), y = _(""), A = _(null), B = _(null), I = _("confirmed"), C = /* @__PURE__ */ new Date(), m = _(/* @__PURE__ */ new Date()), G = _(null), ie = k(() => ({
-      date: J(m.value),
+    const Q = Ne(), { params: O } = ze(), { config: A } = Oe(), j = je(A.project), X = k(() => O.value?.id ?? O.id ?? ""), { metadataSchema: T } = Me(X), v = g([]), I = g([]), S = g(!0), R = g(null), h = g(""), P = g(null), F = g(null), C = g("confirmed"), Y = /* @__PURE__ */ new Date(), x = g(/* @__PURE__ */ new Date()), G = g(null), de = k(() => ({
+      date: J(x.value),
       resource: null
     }));
-    be("event", ie);
-    const $ = k({
-      get: () => J(m.value),
+    be("event", de);
+    const B = k({
+      get: () => J(x.value),
       set: (t) => {
         if (!t) {
-          m.value = /* @__PURE__ */ new Date();
+          x.value = /* @__PURE__ */ new Date();
           return;
         }
-        m.value = /* @__PURE__ */ new Date(`${t}T00:00:00`);
+        x.value = /* @__PURE__ */ new Date(`${t}T00:00:00`);
       }
-    }), de = () => {
+    }), ie = () => {
       const t = G.value;
       if (t) {
         if (typeof t.showPicker == "function") {
@@ -107,30 +107,25 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
         }
         t.focus(), t.click();
       }
-    }, ce = k(() => {
-      const t = new Date(C);
-      t.setDate(C.getDate() - 1);
-      const e = new Date(C);
-      return e.setDate(C.getDate() + 1), m.value.toDateString() === C.toDateString() ? "Today" : m.value.toDateString() === t.toDateString() ? "Yesterday" : m.value.toDateString() === e.toDateString() ? "Tomorrow" : m.value.toLocaleDateString("en-US", {
-        weekday: "long",
-        month: "long",
-        day: "numeric",
-        year: "numeric"
-      });
-    }), ue = () => {
-      const t = new Date(m.value);
-      t.setDate(t.getDate() - 1), m.value = t;
+    }, ce = k(() => x.value.toLocaleDateString("en-US", {
+      weekday: "long",
+      month: "long",
+      day: "numeric",
+      year: "numeric"
+    })), ue = () => {
+      const t = new Date(x.value);
+      t.setDate(t.getDate() - 1), x.value = t;
     }, me = () => {
-      const t = new Date(m.value);
-      t.setDate(t.getDate() + 1), t <= C && (m.value = t);
+      const t = new Date(x.value);
+      t.setDate(t.getDate() + 1), t <= Y && (x.value = t);
     }, fe = k(() => {
-      const t = new Date(m.value);
-      return t.setDate(t.getDate() + 1), t <= C;
-    }), ve = () => {
-      m.value = /* @__PURE__ */ new Date();
+      const t = new Date(x.value);
+      return t.setDate(t.getDate() + 1), t <= Y;
+    }), xe = () => {
+      x.value = /* @__PURE__ */ new Date();
     }, J = (t) => {
-      const e = t.getFullYear(), d = String(t.getMonth() + 1).padStart(2, "0"), u = String(t.getDate()).padStart(2, "0");
-      return `${e}-${d}-${u}`;
+      const e = t.getFullYear(), i = String(t.getMonth() + 1).padStart(2, "0"), u = String(t.getDate()).padStart(2, "0");
+      return `${e}-${i}-${u}`;
     }, K = (t) => t ? new Date(t).toLocaleTimeString("en-US", {
       hour: "2-digit",
       minute: "2-digit",
@@ -140,7 +135,7 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
       month: "short",
       day: "numeric"
     }) : "", Z = (t, e) => {
-      const d = S.value.find((p) => p.id === e.resourceId), u = t.id || t.orderId || e.orderId || "";
+      const i = I.value.find((p) => p.id === e.resourceId), u = t.id || t.orderId || e.orderId || "";
       return {
         customerInfo: t.customerInfo,
         amountDue: t.amountDue,
@@ -163,8 +158,8 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
         reservationAddOnsPrice: e.addOnsPrice,
         pricingOptionId: e.pricingOptionId,
         pricingOption: e.pricingOption,
-        resourceName: d?.name,
-        resourceColor: d?.color,
+        resourceName: i?.name,
+        resourceColor: i?.color,
         metadata: t.metadata || {},
         reservationMetadata: e.metadata || {},
         refundStatus: e.refundStatus,
@@ -174,7 +169,7 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
         adjustments: t.adjustments || [],
         reservationAdjustments: e.adjustments || []
       };
-    }, M = async () => {
+    }, $ = async () => {
       await Se(), await new Promise((t) => {
         if (typeof requestAnimationFrame == "function") {
           requestAnimationFrame(() => t());
@@ -182,7 +177,7 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
         }
         t();
       });
-    }, V = k(() => y.value.trim() ? new Ve(x.value, {
+    }, M = k(() => h.value.trim() ? new Ve(v.value, {
       keys: [
         "customerInfo.firstName",
         "customerInfo.lastName",
@@ -192,9 +187,9 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
       ],
       threshold: 0.3,
       ignoreLocation: !0
-    }).search(y.value).map((e) => e.item) : x.value), ee = k(() => {
+    }).search(h.value).map((e) => e.item) : v.value), ee = k(() => {
       const t = /* @__PURE__ */ new Map();
-      for (const e of V.value) {
+      for (const e of M.value) {
         t.has(e.id) || t.set(e.id, {
           id: e.id,
           customerInfo: e.customerInfo,
@@ -206,62 +201,62 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
           totalPrice: 0,
           totalSpots: 0
         });
-        const d = t.get(e.id);
-        d.reservations.push(e), d.totalPrice = typeof e.total == "number" ? e.total : d.totalPrice + (e.reservationPrice || 0), d.totalSpots += e.spots || 0;
+        const i = t.get(e.id);
+        i.reservations.push(e), i.totalPrice = typeof e.total == "number" ? e.total : i.totalPrice + (e.reservationPrice || 0), i.totalSpots += e.spots || 0;
       }
       return Array.from(t.values());
-    }), O = k(() => (console.log("orderssss", x.value), {
-      spots: x.value.reduce((t, e) => t + (e.spots || 0), 0),
-      bookings: x.value.length,
+    }), N = k(() => (console.log("orderssss", v.value), {
+      spots: v.value.reduce((t, e) => t + (e.spots || 0), 0),
+      bookings: v.value.length,
       revenue: ee.value.reduce((t, e) => t + (e.totalPrice || 0), 0)
     })), pe = () => {
-      y.value = "";
-    }, xe = async () => {
+      h.value = "";
+    }, ve = async () => {
       try {
-        const t = await j.get(z.agendaCollection, X.value);
-        F.value = t, S.value = t?.resources?.filter((e) => e.isActive) || [];
+        const t = await j.get(A.agendaCollection, X.value);
+        R.value = t, I.value = t?.resources?.filter((e) => e.isActive) || [];
       } catch (t) {
-        console.error("Error loading resources:", t), S.value = [];
+        console.error("Error loading resources:", t), I.value = [];
       }
-    }, h = async () => {
-      P.value = !0, x.value = [];
+    }, y = async () => {
+      S.value = !0, v.value = [];
       try {
-        const t = T.value.id, e = new Date(m.value);
+        const t = O.value.id, e = new Date(x.value);
         e.setHours(0, 0, 0, 0);
-        const d = new Date(m.value);
-        d.setHours(23, 59, 59, 999);
-        const u = await j.find(z.reservationsCollection, {
+        const i = new Date(x.value);
+        i.setHours(23, 59, 59, 999);
+        const u = await j.find(A.reservationsCollection, {
           filters: [
             { field: "agendaId", operator: "==", value: t },
             { field: "createdAt", operator: ">=", value: e.toISOString() },
-            { field: "createdAt", operator: "<=", value: d.toISOString() },
-            { field: "status", operator: "==", value: I.value }
+            { field: "createdAt", operator: "<=", value: i.toISOString() },
+            { field: "status", operator: "==", value: C.value }
           ]
         });
         let p = [];
-        u.forEach((f) => {
-          (f.reservations || []).forEach((U) => {
-            p.push(Z(f, U));
+        u.forEach((m) => {
+          (m.reservations || []).forEach((V) => {
+            p.push(Z(m, V));
           });
-        }), x.value = p.sort((f, g) => (g.createdAt || "").localeCompare(f.createdAt || ""));
+        }), v.value = p.sort((m, _) => (_.createdAt || "").localeCompare(m.createdAt || ""));
       } catch (t) {
-        console.error("Error loading orders:", t), x.value = [];
+        console.error("Error loading orders:", t), v.value = [];
       } finally {
-        P.value = !1;
+        S.value = !1;
       }
-    }, ge = async () => {
-      await xe(), await h();
+    }, _e = async () => {
+      await ve(), await y();
     }, te = async (t, e) => {
-      const d = await j.get(z.reservationsCollection, t);
-      if (!d) return;
-      const u = { ...d, id: d.id || t }, p = (u.reservations || []).map((f) => Z(u, f));
+      const i = await j.get(A.reservationsCollection, t);
+      if (!i) return;
+      const u = { ...i, id: i.id || t }, p = (u.reservations || []).map((m) => Z(u, m));
       if (e) {
-        const f = p.find((g) => g.res_id === e);
-        if (!f) return;
-        await M(), A.value?.openDialog(f);
+        const m = p.find((_) => _.res_id === e);
+        if (!m) return;
+        await $(), P.value?.openDialog(m);
         return;
       }
-      p.length && (await M(), B.value?.openDialog({
+      p.length && (await $(), F.value?.openDialog({
         id: u.id,
         customerInfo: u.customerInfo,
         status: u.status,
@@ -269,130 +264,130 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
         metadata: u.metadata || {},
         reservations: p,
         adjustments: u.adjustments || [],
-        totalPrice: typeof u.total == "number" ? u.total : p.reduce((f, g) => f + (g.reservationPrice || 0), 0),
-        totalSpots: p.reduce((f, g) => f + (g.spots || 0), 0)
+        totalPrice: typeof u.total == "number" ? u.total : p.reduce((m, _) => m + (_.reservationPrice || 0), 0),
+        totalSpots: p.reduce((m, _) => m + (_.spots || 0), 0)
       }));
-    }, _e = async (t) => {
-      await M(), A.value?.openDialog(t);
+    }, ge = async (t) => {
+      await $(), P.value?.openDialog(t);
     };
-    return ge(), we(async () => {
-      const t = Q.value.orderId || Y.query.orderId, e = Q.value.reservationId || Y.query.reservationId;
+    return _e(), we(async () => {
+      const t = Q.value.orderId || q.query.orderId, e = Q.value.reservationId || q.query.reservationId;
       if (t) {
-        const d = new URL(window.location.href);
-        d.searchParams.delete("orderId"), d.searchParams.delete("reservationId"), window.history.replaceState(window.history.state, "", d.toString()), await te(t, e);
+        const i = new URL(window.location.href);
+        i.searchParams.delete("orderId"), i.searchParams.delete("reservationId"), window.history.replaceState(window.history.state, "", i.toString()), await te(t, e);
       }
-    }), se(m, () => {
-      h();
-    }), se(I, () => {
-      h();
+    }), se(x, () => {
+      y();
+    }), se(C, () => {
+      y();
     }), (t, e) => {
-      const d = b("Button"), u = b("Badge"), p = b("CardTitle"), f = b("CardDescription"), g = b("CardHeader"), U = b("Input"), ye = b("CardContent"), he = b("Card");
-      return n(), l(N, null, [
+      const i = b("Button"), u = b("Badge"), p = b("CardTitle"), m = b("CardDescription"), _ = b("CardHeader"), V = b("Input"), he = b("CardContent"), ye = b("Card");
+      return n(), l(z, null, [
         r(Ee, null, {
-          default: v(() => [
+          default: f(() => [
             a("div", qe, [
-              a("div", Ye, [
+              a("div", Qe, [
                 a("div", null, [
-                  a("h1", Qe, [
+                  a("h1", Xe, [
                     r(o(re), { class: "size-6" }),
                     e[4] || (e[4] = w(" Orders ", -1))
                   ]),
                   e[5] || (e[5] = a("p", { class: "text-muted-foreground text-sm mt-1" }, " View orders by when they were placed ", -1))
                 ])
               ]),
-              a("div", Xe, [
-                (n(), l(N, null, L(["confirmed", "pending", "cancelled"], (s) => r(d, {
+              a("div", Ye, [
+                (n(), l(z, null, U(["confirmed", "pending", "cancelled"], (s) => r(i, {
                   key: s,
-                  variant: o(I) === s ? "default" : "ghost",
+                  variant: o(C) === s ? "default" : "ghost",
                   size: "sm",
                   class: "capitalize",
-                  onClick: (c) => I.value = s
+                  onClick: (c) => C.value = s
                 }, {
-                  default: v(() => [
-                    w(i(s), 1)
+                  default: f(() => [
+                    w(d(s), 1)
                   ]),
                   _: 2
                 }, 1032, ["variant", "onClick"])), 64))
               ]),
-              r(he, null, {
-                default: v(() => [
-                  r(g, null, {
-                    default: v(() => [
+              r(ye, { class: "-mx-6 rounded-none border-x-0 @5xl:mx-0 @5xl:rounded-xl @5xl:border-x-[1px]" }, {
+                default: f(() => [
+                  r(_, null, {
+                    default: f(() => [
                       a("div", Ge, [
                         a("div", null, [
                           r(p, { class: "flex items-center gap-2" }, {
-                            default: v(() => [
+                            default: f(() => [
                               e[6] || (e[6] = w(" Orders received ", -1)),
-                              o(O).bookings > 0 ? (n(), ae(u, {
+                              o(N).bookings > 0 ? (n(), ae(u, {
                                 key: 0,
                                 variant: "secondary"
                               }, {
-                                default: v(() => [
-                                  w(i(o(O).bookings), 1)
+                                default: f(() => [
+                                  w(d(o(N).bookings), 1)
                                 ]),
                                 _: 1
                               })) : D("", !0)
                             ]),
                             _: 1
                           }),
-                          r(f, { class: "flex items-center gap-4 mt-1" }, {
-                            default: v(() => [
+                          r(m, { class: "flex items-center gap-4 mt-1" }, {
+                            default: f(() => [
                               a("span", Je, [
-                                r(o(E), { size: 14 }),
-                                w(" " + i(o(O).spots) + " spots ", 1)
+                                r(o(L), { size: 14 }),
+                                w(" " + d(o(N).spots) + " spots ", 1)
                               ]),
-                              a("span", Ke, " €" + i(o(O).revenue.toFixed(2)) + i(o(I) === "pending" ? " pending " : o(I) === "cancelled" ? " cancelled " : " ") + "revenue ", 1)
+                              a("span", Ke, " €" + d(o(N).revenue.toFixed(2)) + d(o(C) === "pending" ? " pending " : o(C) === "cancelled" ? " cancelled " : " ") + "revenue ", 1)
                             ]),
                             _: 1
                           })
                         ]),
                         a("div", We, [
                           a("div", Ze, [
-                            r(d, {
+                            r(i, {
                               variant: "outline",
                               size: "icon",
                               class: "size-8",
                               onClick: ue
                             }, {
-                              default: v(() => [
-                                r(o(je), { size: 16 })
+                              default: f(() => [
+                                r(o(Te), { size: 16 })
                               ]),
                               _: 1
                             }),
-                            r(d, {
+                            r(i, {
                               variant: "outline",
                               size: "sm",
                               class: "h-8 px-3 text-xs",
-                              onClick: ve
+                              onClick: xe
                             }, {
-                              default: v(() => [...e[7] || (e[7] = [
+                              default: f(() => [...e[7] || (e[7] = [
                                 w(" Today ", -1)
                               ])]),
                               _: 1
                             }),
-                            r(d, {
+                            r(i, {
                               variant: "outline",
                               size: "icon",
                               class: "size-8",
                               onClick: me,
                               disabled: !o(fe)
                             }, {
-                              default: v(() => [
+                              default: f(() => [
                                 r(o(Re), { size: 16 })
                               ]),
                               _: 1
                             }, 8, ["disabled"])
                           ]),
-                          r(d, {
+                          r(i, {
                             variant: "outline",
                             size: "icon",
-                            onClick: h,
-                            disabled: o(P)
+                            onClick: y,
+                            disabled: o(S)
                           }, {
-                            default: v(() => [
+                            default: f(() => [
                               r(o(Fe), {
                                 size: 16,
-                                class: De({ "animate-spin": o(P) })
+                                class: De({ "animate-spin": o(S) })
                               }, null, 8, ["class"])
                             ]),
                             _: 1
@@ -401,189 +396,189 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
                       ]),
                       a("div", et, [
                         a("div", tt, [
-                          r(d, {
+                          r(i, {
                             type: "button",
                             variant: "outline",
-                            onClick: de
+                            onClick: ie
                           }, {
-                            default: v(() => [
-                              r(o(H), { class: "size-4" }),
-                              w(" " + i(o(ce)), 1)
+                            default: f(() => [
+                              r(o(E), { class: "size-4" }),
+                              w(" " + d(o(ce)), 1)
                             ]),
                             _: 1
                           }),
                           Ce(a("input", {
                             ref_key: "dateInputRef",
                             ref: G,
-                            "onUpdate:modelValue": e[0] || (e[0] = (s) => oe($) ? $.value = s : null),
+                            "onUpdate:modelValue": e[0] || (e[0] = (s) => oe(B) ? B.value = s : null),
                             type: "date",
                             class: "orders-date-picker",
                             "aria-label": "Select order date"
                           }, null, 512), [
-                            [Ie, o($)]
+                            [Ie, o(B)]
                           ])
                         ])
                       ])
                     ]),
                     _: 1
                   }),
-                  r(ye, null, {
-                    default: v(() => [
+                  r(he, null, {
+                    default: f(() => [
                       a("div", st, [
                         r(o(Be), {
                           size: 16,
                           class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
                         }),
-                        r(U, {
-                          modelValue: o(y),
-                          "onUpdate:modelValue": e[1] || (e[1] = (s) => oe(y) ? y.value = s : null),
+                        r(V, {
+                          modelValue: o(h),
+                          "onUpdate:modelValue": e[1] || (e[1] = (s) => oe(h) ? h.value = s : null),
                           placeholder: "Search by name, email, or phone...",
                           class: "pl-9 pr-9"
                         }, null, 8, ["modelValue"]),
-                        o(y) ? (n(), ae(d, {
+                        o(h) ? (n(), ae(i, {
                           key: 0,
                           variant: "ghost",
                           size: "icon",
                           class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
                           onClick: pe
                         }, {
-                          default: v(() => [
+                          default: f(() => [
                             r(o($e), { size: 14 })
                           ]),
                           _: 1
                         })) : D("", !0)
                       ]),
-                      o(y) ? (n(), l("div", at, " Showing " + i(o(V).length) + " of " + i(o(x).length) + " orders ", 1)) : D("", !0),
-                      o(P) ? (n(), l("div", ot, [...e[8] || (e[8] = [
+                      o(h) ? (n(), l("div", at, " Showing " + d(o(M).length) + " of " + d(o(v).length) + " orders ", 1)) : D("", !0),
+                      o(S) ? (n(), l("div", ot, [...e[8] || (e[8] = [
                         a("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
-                      ])])) : o(x).length === 0 ? (n(), l("div", nt, [
+                      ])])) : o(v).length === 0 ? (n(), l("div", nt, [
                         r(o(re), { class: "size-12 mx-auto mb-3 opacity-50" }),
                         e[9] || (e[9] = a("p", null, "No orders received on this day", -1))
-                      ])) : o(V).length === 0 ? (n(), l("div", rt, " No orders match your search ")) : (n(), l("div", lt, [
-                        (n(!0), l(N, null, L(o(ee), (s) => (n(), l("div", {
+                      ])) : o(M).length === 0 ? (n(), l("div", rt, " No orders match your search ")) : (n(), l("div", lt, [
+                        (n(!0), l(z, null, U(o(ee), (s) => (n(), l("div", {
                           key: s.id,
-                          class: "border rounded-lg overflow-hidden shadow-sm"
+                          class: "border-t last:border-b @5xl:border @5xl:rounded-lg overflow-hidden @5xl:shadow-sm"
                         }, [
                           s.reservations.length === 1 ? (n(), l("div", {
                             key: 0,
-                            class: "p-3 hover:bg-muted/50 transition-colors cursor-pointer",
-                            onClick: (c) => o(A)?.openDialog(s.reservations[0])
+                            class: "px-6 py-3 @5xl:px-3 hover:bg-muted/50 transition-colors cursor-pointer",
+                            onClick: (c) => o(P)?.openDialog(s.reservations[0])
                           }, [
-                            a("div", dt, [
+                            a("div", it, [
                               a("div", ct, [
-                                a("div", ut, i(s.customerInfo?.firstName || s.customerInfo?.lastName ? [s.customerInfo?.firstName, s.customerInfo?.lastName].filter(Boolean).join(" ") : "Unknown Customer"), 1),
-                                a("div", mt, i(s.customerInfo?.email), 1),
-                                a("div", ft, i(s.customerInfo?.phone), 1),
-                                a("div", vt, [
+                                a("div", ut, d(s.customerInfo?.firstName || s.customerInfo?.lastName ? [s.customerInfo?.firstName, s.customerInfo?.lastName].filter(Boolean).join(" ") : "Unknown Customer"), 1),
+                                a("div", mt, d(s.customerInfo?.email), 1),
+                                a("div", ft, d(s.customerInfo?.phone), 1),
+                                a("div", xt, [
                                   a("div", pt, [
-                                    r(o(H), { size: 12 }),
-                                    a("span", null, i(W(s.reservations[0].date)) + " · " + i(s.reservations[0].startTime) + " - " + i(s.reservations[0].endTime), 1)
-                                  ]),
-                                  a("div", xt, [
                                     r(o(E), { size: 12 }),
-                                    a("span", null, i(s.reservations[0].spots) + " spots", 1)
+                                    a("span", null, d(W(s.reservations[0].date)) + " · " + d(s.reservations[0].startTime) + " - " + d(s.reservations[0].endTime), 1)
+                                  ]),
+                                  a("div", vt, [
+                                    r(o(L), { size: 12 }),
+                                    a("span", null, d(s.reservations[0].spots) + " spots", 1)
                                   ]),
-                                  s.reservations[0].resourceName ? (n(), l("div", gt, [
+                                  s.reservations[0].resourceName ? (n(), l("div", _t, [
                                     a("div", {
                                       class: "w-3 h-3 rounded-full",
                                       style: ne({ backgroundColor: s.reservations[0].resourceColor || "#6b7280" })
                                     }, null, 4),
-                                    a("span", null, i(s.reservations[0].resourceName), 1)
+                                    a("span", null, d(s.reservations[0].resourceName), 1)
                                   ])) : D("", !0)
                                 ]),
-                                a("div", _t, [
+                                a("div", gt, [
                                   r(o(le), { size: 12 }),
-                                  a("span", null, "Ordered at " + i(K(s.createdAt)), 1)
+                                  a("span", null, "Ordered at " + d(K(s.createdAt)), 1)
                                 ]),
-                                r(q, {
+                                r(H, {
                                   metadata: { ...s.reservations[0].metadata, ...s.reservations[0].reservationMetadata },
-                                  schema: o(R),
+                                  schema: o(T),
                                   "display-filter": ["highlight", "badge"],
                                   compact: "",
                                   class: "mt-1"
                                 }, null, 8, ["metadata", "schema"])
                               ]),
-                              a("div", yt, [
-                                s.reservations[0].status === "pending" ? (n(), l("span", ht, "Pending")) : s.reservations[0].status === "cancelled" ? (n(), l("span", kt, "Cancelled")) : s.reservations[0].reservationStatus === "needs_approval" ? (n(), l("span", bt, "Needs Approval")) : s.reservations[0].reservationStatus === "approved" ? (n(), l("span", wt, "Approved")) : s.reservations[0].reservationStatus === "cancelled" ? (n(), l("span", Dt, "Cancelled")) : s.reservations[0].reservationStatus === "rejected" ? (n(), l("span", Ct, "Rejected")) : (n(), l("span", It, "Pending")),
-                                s.reservations[0].reservationPrice || s.reservations[0].reservationPrice === 0 ? (n(), l("div", St, " €" + i(s.totalPrice.toFixed(2)), 1)) : D("", !0)
+                              a("div", ht, [
+                                s.reservations[0].status === "pending" ? (n(), l("span", yt, "Pending")) : s.reservations[0].status === "cancelled" ? (n(), l("span", kt, "Cancelled")) : s.reservations[0].reservationStatus === "needs_approval" ? (n(), l("span", bt, "Needs Approval")) : s.reservations[0].reservationStatus === "approved" ? (n(), l("span", wt, "Approved")) : s.reservations[0].reservationStatus === "cancelled" ? (n(), l("span", Dt, "Cancelled")) : s.reservations[0].reservationStatus === "rejected" ? (n(), l("span", Ct, "Rejected")) : (n(), l("span", It, "Pending")),
+                                s.reservations[0].reservationPrice || s.reservations[0].reservationPrice === 0 ? (n(), l("div", St, " €" + d(s.totalPrice.toFixed(2)), 1)) : D("", !0)
                               ])
                             ])
-                          ], 8, it)) : (n(), l(N, { key: 1 }, [
+                          ], 8, dt)) : (n(), l("div", Pt, [
                             a("div", {
-                              class: "p-3 bg-muted/30 hover:bg-muted/50 transition-colors cursor-pointer",
-                              onClick: (c) => o(B)?.openDialog(s)
+                              class: "px-6 py-3 @5xl:px-3 bg-muted/30 hover:bg-muted/50 transition-colors cursor-pointer",
+                              onClick: (c) => o(F)?.openDialog(s)
                             }, [
-                              a("div", At, [
-                                a("div", Nt, [
-                                  a("div", zt, [
-                                    a("div", Ot, i(s.customerInfo?.firstName || s.customerInfo?.lastName ? [s.customerInfo?.firstName, s.customerInfo?.lastName].filter(Boolean).join(" ") : "Unknown Customer"), 1),
+                              a("div", Nt, [
+                                a("div", zt, [
+                                  a("div", Ot, [
+                                    a("div", jt, d(s.customerInfo?.firstName || s.customerInfo?.lastName ? [s.customerInfo?.firstName, s.customerInfo?.lastName].filter(Boolean).join(" ") : "Unknown Customer"), 1),
                                     r(u, {
                                       variant: "secondary",
-                                      class: "text-xs"
+                                      class: "text-xs whitespace-nowrap"
                                     }, {
-                                      default: v(() => [
-                                        w(i(s.reservations.length) + " reservations ", 1)
+                                      default: f(() => [
+                                        w(d(s.reservations.length) + " reservations ", 1)
                                       ]),
                                       _: 2
                                     }, 1024)
                                   ]),
-                                  a("div", Tt, i(s.customerInfo?.email), 1),
-                                  a("div", jt, i(s.customerInfo?.phone), 1),
-                                  a("div", Rt, [
+                                  a("div", Tt, d(s.customerInfo?.email), 1),
+                                  a("div", Rt, d(s.customerInfo?.phone), 1),
+                                  a("div", Ft, [
                                     r(o(le), { size: 12 }),
-                                    a("span", null, "Ordered at " + i(K(s.createdAt)), 1)
+                                    a("span", null, "Ordered at " + d(K(s.createdAt)), 1)
                                   ]),
-                                  r(q, {
+                                  r(H, {
                                     metadata: s.metadata,
-                                    schema: o(R),
+                                    schema: o(T),
                                     "display-filter": ["highlight", "badge"],
                                     compact: "",
                                     class: "mt-1"
                                   }, null, 8, ["metadata", "schema"])
                                 ]),
-                                a("div", Ft, [
-                                  s.status === "pending" ? (n(), l("span", Bt, "Pending")) : s.status === "cancelled" ? (n(), l("span", $t, "Cancelled")) : (n(), l("span", Mt, "Confirmed")),
-                                  a("div", Vt, " €" + i(s.totalPrice.toFixed(2)), 1)
+                                a("div", Bt, [
+                                  s.status === "pending" ? (n(), l("span", $t, "Pending")) : s.status === "cancelled" ? (n(), l("span", Mt, "Cancelled")) : (n(), l("span", Vt, "Confirmed")),
+                                  a("div", Ut, " €" + d(s.totalPrice.toFixed(2)), 1)
                                 ])
                               ])
-                            ], 8, Pt),
-                            (n(!0), l(N, null, L(s.reservations, (c) => (n(), l("div", {
+                            ], 8, At),
+                            (n(!0), l(z, null, U(s.reservations, (c) => (n(), l("div", {
                               key: c.res_id,
-                              class: "p-3 border-t bg-muted/50 dark:bg-transparent dark:hover:bg-muted/50 transition-colors cursor-pointer",
-                              onClick: (ss) => o(A)?.openDialog(c)
+                              class: "px-6 py-3 @5xl:px-3 border-t bg-muted/50 dark:bg-transparent dark:hover:bg-muted/50 transition-colors cursor-pointer",
+                              onClick: (as) => o(P)?.openDialog(c)
                             }, [
-                              a("div", Lt, [
-                                a("div", Et, [
-                                  a("div", Ht, [
-                                    r(o(H), { size: 12 }),
-                                    a("span", null, i(W(c.date)) + " · " + i(c.startTime) + " - " + i(c.endTime), 1)
-                                  ]),
+                              a("div", Et, [
+                                a("div", Ht, [
                                   a("div", qt, [
                                     r(o(E), { size: 12 }),
-                                    a("span", null, i(c.spots) + " spots", 1)
+                                    a("span", null, d(W(c.date)) + " · " + d(c.startTime) + " - " + d(c.endTime), 1)
+                                  ]),
+                                  a("div", Qt, [
+                                    r(o(L), { size: 12 }),
+                                    a("span", null, d(c.spots) + " spots", 1)
                                   ]),
-                                  c.resourceName ? (n(), l("div", Yt, [
+                                  c.resourceName ? (n(), l("div", Xt, [
                                     a("div", {
                                       class: "w-3 h-3 rounded-full",
                                       style: ne({ backgroundColor: c.resourceColor || "#6b7280" })
                                     }, null, 4),
-                                    a("span", null, i(c.resourceName), 1)
+                                    a("span", null, d(c.resourceName), 1)
                                   ])) : D("", !0)
                                 ]),
-                                c.status === "confirmed" ? (n(), l("div", Qt, [
-                                  c.reservationStatus === "needs_approval" ? (n(), l("span", Xt, "Needs Approval")) : c.reservationStatus === "approved" ? (n(), l("span", Gt, "Approved")) : c.reservationStatus === "cancelled" ? (n(), l("span", Jt, "Cancelled")) : c.reservationStatus === "rejected" ? (n(), l("span", Kt, "Rejected")) : (n(), l("span", Wt, "Pending")),
-                                  c.reservationPrice || c.reservationPrice === 0 ? (n(), l("div", Zt, " €" + i(c.reservationPrice.toFixed(2)), 1)) : D("", !0)
+                                c.status === "confirmed" ? (n(), l("div", Yt, [
+                                  c.reservationStatus === "needs_approval" ? (n(), l("span", Gt, "Needs Approval")) : c.reservationStatus === "approved" ? (n(), l("span", Jt, "Approved")) : c.reservationStatus === "cancelled" ? (n(), l("span", Kt, "Cancelled")) : c.reservationStatus === "rejected" ? (n(), l("span", Wt, "Rejected")) : (n(), l("span", Zt, "Pending")),
+                                  c.reservationPrice || c.reservationPrice === 0 ? (n(), l("div", es, " €" + d(c.reservationPrice.toFixed(2)), 1)) : D("", !0)
                                 ])) : D("", !0)
                               ]),
-                              r(q, {
+                              r(H, {
                                 metadata: c.reservationMetadata,
-                                schema: o(R),
+                                schema: o(T),
                                 "display-filter": ["highlight", "badge"],
                                 compact: "",
                                 class: "mt-1"
                               }, null, 8, ["metadata", "schema"])
-                            ], 8, Ut))), 128))
-                          ], 64))
+                            ], 8, Lt))), 128))
+                          ]))
                         ]))), 128))
                       ]))
                     ]),
@@ -598,27 +593,27 @@ const qe = { class: "space-y-6" }, Ye = { class: "flex flex-col sm:flex-row sm:i
         }),
         r(Ue, {
           ref_key: "reservationDetailDialog",
-          ref: A,
-          "agenda-data": o(F),
-          resources: o(S),
+          ref: P,
+          "agenda-data": o(R),
+          resources: o(I),
           "show-order-link": "",
-          onCancelled: h,
-          onConfirmed: h,
-          onRejected: h,
-          onTransferred: h,
+          onCancelled: y,
+          onConfirmed: y,
+          onRejected: y,
+          onTransferred: y,
           onOpenOrder: e[2] || (e[2] = (s) => te(s))
         }, null, 8, ["agenda-data", "resources"]),
         r(Le, {
           ref_key: "orderDetailDialog",
-          ref: B,
-          "agenda-data": o(F),
-          resources: o(S),
-          onOpenReservation: e[3] || (e[3] = (s) => _e(s))
+          ref: F,
+          "agenda-data": o(R),
+          resources: o(I),
+          onOpenReservation: e[3] || (e[3] = (s) => ge(s))
         }, null, 8, ["agenda-data", "resources"])
       ], 64);
     };
   }
-}), ds = /* @__PURE__ */ He(es, [["__scopeId", "data-v-3e5d1883"]]);
+}), cs = /* @__PURE__ */ He(ts, [["__scopeId", "data-v-5178678e"]]);
 export {
-  ds as default
+  cs as default
 };