@oneclick.dev/cms-core-modules 0.0.61 → 0.0.63

package/dist/orders-Bqa3Z3tH.mjs

@@ -0,0 +1,356 @@
+import { defineComponent as J, ref as y, computed as D, provide as K, watch as W, resolveComponent as v, openBlock as l, createBlock as A, withCtx as m, createElementVNode as s, createVNode as a, unref as o, createTextVNode as b, toDisplayString as i, createCommentVNode as w, normalizeClass as Z, isRef as ee, createElementBlock as u, Fragment as te, renderList as se, normalizeStyle as oe } from "vue";
+import { useModuleRoute as ne, useModule as ae, useFirebaseIntegration as re } from "@oneclick.dev/cms-kit";
+import { ShoppingBag as j, Users as V, ChevronLeft as le, ChevronRight as ie, RefreshCw as ce, Search as de, X as ue, Calendar as me, Clock as pe } from "lucide-vue-next";
+import { F as fe, _ as ge } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-B7ks5mbf.mjs";
+import { _ as ve } from "./EditLayout.vue_vue_type_script_setup_true_lang-CcysXzmW.mjs";
+const _e = { class: "space-y-6" }, xe = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, he = { class: "text-2xl font-semibold tracking-tight flex items-center gap-2" }, ye = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, ke = { class: "flex items-center gap-1" }, De = { class: "flex items-center gap-1" }, be = { class: "flex items-center gap-2" }, we = { class: "flex items-center gap-1" }, Ce = { class: "text-sm text-muted-foreground mt-2" }, Se = { class: "relative mb-4" }, Ie = {
+  key: 0,
+  class: "mb-3 text-sm text-muted-foreground"
+}, ze = {
+  key: 1,
+  class: "flex items-center justify-center py-8"
+}, Ne = {
+  key: 2,
+  class: "text-center py-8 text-muted-foreground"
+}, Oe = {
+  key: 3,
+  class: "text-center py-8 text-muted-foreground"
+}, Te = {
+  key: 4,
+  class: "space-y-2"
+}, Pe = ["onClick"], Ae = { class: "flex items-start justify-between" }, Re = { class: "flex-1" }, Be = { class: "font-medium" }, Fe = { class: "text-sm text-muted-foreground" }, je = { class: "text-sm text-muted-foreground" }, Ve = { class: "flex items-center gap-4 flex-wrap mt-1" }, Ee = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, Le = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, Ue = {
+  key: 0,
+  class: "flex items-center gap-1 text-xs text-muted-foreground"
+}, $e = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, He = { class: "text-right" }, Me = {
+  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"
+}, Ye = {
+  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"
+}, Qe = {
+  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"
+}, Xe = {
+  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"
+}, qe = {
+  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"
+}, Ge = {
+  key: 5,
+  class: "text-sm font-medium mt-1"
+}, nt = /* @__PURE__ */ J({
+  __name: "orders",
+  setup(Je) {
+    const { params: R } = ne(), { config: N } = ae(), B = re(N.project), p = y([]), O = y([]), k = y(!0), f = y(""), F = y(null), _ = /* @__PURE__ */ new Date(), d = y(/* @__PURE__ */ new Date()), E = D(() => ({
+      date: Y(d.value),
+      resource: null
+    }));
+    K("event", E);
+    const L = D(() => {
+      const e = new Date(_);
+      e.setDate(_.getDate() - 1);
+      const t = new Date(_);
+      return t.setDate(_.getDate() + 1), d.value.toDateString() === _.toDateString() ? "Today" : d.value.toDateString() === e.toDateString() ? "Yesterday" : d.value.toDateString() === t.toDateString() ? "Tomorrow" : d.value.toLocaleDateString("en-US", {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      });
+    }), U = () => {
+      const e = new Date(d.value);
+      e.setDate(e.getDate() - 1), d.value = e;
+    }, $ = () => {
+      const e = new Date(d.value);
+      e.setDate(e.getDate() + 1), e <= _ && (d.value = e);
+    }, H = D(() => {
+      const e = new Date(d.value);
+      return e.setDate(e.getDate() + 1), e <= _;
+    }), M = () => {
+      d.value = /* @__PURE__ */ new Date();
+    }, Y = (e) => {
+      const t = e.getFullYear(), g = String(e.getMonth() + 1).padStart(2, "0"), h = String(e.getDate()).padStart(2, "0");
+      return `${t}-${g}-${h}`;
+    }, Q = (e) => e ? new Date(e).toLocaleTimeString("en-US", {
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: !1
+    }) : "", X = (e) => e ? new Date(e).toLocaleDateString("en-US", {
+      weekday: "short",
+      month: "short",
+      day: "numeric"
+    }) : "", T = D(() => f.value.trim() ? new fe(p.value, {
+      keys: [
+        "customerInfo.firstName",
+        "customerInfo.lastName",
+        "customerInfo.email",
+        "customerInfo.phone",
+        "resourceName"
+      ],
+      threshold: 0.3,
+      ignoreLocation: !0
+    }).search(f.value).map((t) => t.item) : p.value), C = D(() => ({
+      spots: p.value.reduce((e, t) => e + (t.spots || 0), 0),
+      bookings: p.value.length,
+      revenue: p.value.reduce((e, t) => e + (t.reservationPrice || 0), 0)
+    })), q = () => {
+      f.value = "";
+    }, G = async () => {
+      try {
+        const e = R.value.id, t = await B.get(N.agendaCollection, e);
+        O.value = t?.resources?.filter((g) => g.isActive) || [];
+      } catch (e) {
+        console.error("Error loading resources:", e), O.value = [];
+      }
+    }, x = async () => {
+      k.value = !0, p.value = [];
+      try {
+        const e = R.value.id, t = new Date(d.value);
+        t.setHours(0, 0, 0, 0);
+        const g = new Date(d.value);
+        g.setHours(23, 59, 59, 999);
+        const h = await B.find(N.reservationsCollection, {
+          filters: [
+            { field: "agendaId", operator: "==", value: e },
+            { field: "createdAt", operator: ">=", value: t.toISOString() },
+            { field: "createdAt", operator: "<=", value: g.toISOString() }
+          ]
+        });
+        console.log("allOrders", h);
+        let S = [];
+        h.forEach((r) => {
+          (r.reservations || []).forEach((c) => {
+            const z = O.value.find((P) => P.id === c.resourceId);
+            S.push({
+              customerInfo: r.customerInfo,
+              amountDue: r.amountDue,
+              amountPaid: r.amountPaid,
+              status: r.status,
+              reservationStatus: c.status,
+              subtotal: r.subtotal,
+              total: r.total,
+              discount: r.discount,
+              id: r.id,
+              res_id: c.id,
+              resourceId: c.resourceId,
+              spots: c.spots,
+              date: c.date,
+              createdAt: r.createdAt,
+              startTime: c.timeslot?.startTime,
+              endTime: c.timeslot?.endTime,
+              reservationPrice: c.totalPrice,
+              reservationBasePrice: c.basePrice,
+              reservationAddOnsPrice: c.addOnsPrice,
+              pricingOptionId: c.pricingOptionId,
+              pricingOption: c.pricingOption,
+              resourceName: z?.name || "Unknown",
+              resourceColor: z?.color
+            });
+          });
+        }), p.value = S.sort((r, I) => (I.createdAt || "").localeCompare(r.createdAt || ""));
+      } catch (e) {
+        console.error("Error loading orders:", e), p.value = [];
+      } finally {
+        k.value = !1;
+      }
+    };
+    return (async () => (await G(), await x()))(), W(d, () => {
+      x();
+    }), (e, t) => {
+      const g = v("Badge"), h = v("CardTitle"), S = v("CardDescription"), r = v("Button"), I = v("CardHeader"), c = v("Input"), z = v("CardContent"), P = v("Card");
+      return l(), A(ve, null, {
+        default: m(() => [
+          s("div", _e, [
+            s("div", xe, [
+              s("div", null, [
+                s("h1", he, [
+                  a(o(j), { class: "size-6" }),
+                  t[1] || (t[1] = b(" Orders ", -1))
+                ]),
+                t[2] || (t[2] = s("p", { class: "text-muted-foreground text-sm mt-1" }, " View orders by when they were placed ", -1))
+              ])
+            ]),
+            a(P, null, {
+              default: m(() => [
+                a(I, null, {
+                  default: m(() => [
+                    s("div", ye, [
+                      s("div", null, [
+                        a(h, { class: "flex items-center gap-2" }, {
+                          default: m(() => [
+                            t[3] || (t[3] = b(" Orders received ", -1)),
+                            o(C).bookings > 0 ? (l(), A(g, {
+                              key: 0,
+                              variant: "secondary"
+                            }, {
+                              default: m(() => [
+                                b(i(o(C).bookings), 1)
+                              ]),
+                              _: 1
+                            })) : w("", !0)
+                          ]),
+                          _: 1
+                        }),
+                        a(S, { class: "flex items-center gap-4 mt-1" }, {
+                          default: m(() => [
+                            s("span", ke, [
+                              a(o(V), { size: 14 }),
+                              b(" " + i(o(C).spots) + " spots ", 1)
+                            ]),
+                            s("span", De, " €" + i(o(C).revenue.toFixed(2)) + " revenue ", 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      s("div", be, [
+                        s("div", we, [
+                          a(r, {
+                            variant: "ghost",
+                            size: "icon",
+                            class: "size-8",
+                            onClick: U
+                          }, {
+                            default: m(() => [
+                              a(o(le), { size: 16 })
+                            ]),
+                            _: 1
+                          }),
+                          a(r, {
+                            variant: "ghost",
+                            size: "sm",
+                            class: "h-8 px-3 text-xs",
+                            onClick: M
+                          }, {
+                            default: m(() => [...t[4] || (t[4] = [
+                              b(" Today ", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          a(r, {
+                            variant: "ghost",
+                            size: "icon",
+                            class: "size-8",
+                            onClick: $,
+                            disabled: !o(H)
+                          }, {
+                            default: m(() => [
+                              a(o(ie), { size: 16 })
+                            ]),
+                            _: 1
+                          }, 8, ["disabled"])
+                        ]),
+                        a(r, {
+                          variant: "ghost",
+                          size: "icon",
+                          onClick: x,
+                          disabled: o(k)
+                        }, {
+                          default: m(() => [
+                            a(o(ce), {
+                              size: 16,
+                              class: Z({ "animate-spin": o(k) })
+                            }, null, 8, ["class"])
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ])
+                    ]),
+                    s("div", Ce, i(o(L)), 1)
+                  ]),
+                  _: 1
+                }),
+                a(z, null, {
+                  default: m(() => [
+                    s("div", Se, [
+                      a(o(de), {
+                        size: 16,
+                        class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+                      }),
+                      a(c, {
+                        modelValue: o(f),
+                        "onUpdate:modelValue": t[0] || (t[0] = (n) => ee(f) ? f.value = n : null),
+                        placeholder: "Search by name, email, or phone...",
+                        class: "pl-9 pr-9"
+                      }, null, 8, ["modelValue"]),
+                      o(f) ? (l(), A(r, {
+                        key: 0,
+                        variant: "ghost",
+                        size: "icon",
+                        class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
+                        onClick: q
+                      }, {
+                        default: m(() => [
+                          a(o(ue), { size: 14 })
+                        ]),
+                        _: 1
+                      })) : w("", !0)
+                    ]),
+                    o(f) ? (l(), u("div", Ie, " Showing " + i(o(T).length) + " of " + i(o(p).length) + " orders ", 1)) : w("", !0),
+                    o(k) ? (l(), u("div", ze, [...t[5] || (t[5] = [
+                      s("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
+                    ])])) : o(p).length === 0 ? (l(), u("div", Ne, [
+                      a(o(j), { class: "size-12 mx-auto mb-3 opacity-50" }),
+                      t[6] || (t[6] = s("p", null, "No orders received on this day", -1))
+                    ])) : o(T).length === 0 ? (l(), u("div", Oe, " No orders match your search ")) : (l(), u("div", Te, [
+                      (l(!0), u(te, null, se(o(T), (n) => (l(), u("div", {
+                        key: n.res_id || n.id,
+                        class: "p-3 border rounded-lg hover:bg-muted/50 transition-colors cursor-pointer",
+                        onClick: (We) => o(F)?.openDialog(n)
+                      }, [
+                        s("div", Ae, [
+                          s("div", Re, [
+                            s("div", Be, i(n.customerInfo?.firstName) + " " + i(n.customerInfo?.lastName || "Unknown Customer"), 1),
+                            s("div", Fe, i(n.customerInfo?.email), 1),
+                            s("div", je, i(n.customerInfo?.phone), 1),
+                            s("div", Ve, [
+                              s("div", Ee, [
+                                a(o(me), { size: 12 }),
+                                s("span", null, i(X(n.date)) + " · " + i(n.startTime) + " - " + i(n.endTime), 1)
+                              ]),
+                              s("div", Le, [
+                                a(o(V), { size: 12 }),
+                                s("span", null, i(n.spots) + " spots", 1)
+                              ]),
+                              n.resourceName ? (l(), u("div", Ue, [
+                                s("div", {
+                                  class: "w-3 h-3 rounded-full",
+                                  style: oe({ backgroundColor: n.resourceColor || "#6b7280" })
+                                }, null, 4),
+                                s("span", null, i(n.resourceName), 1)
+                              ])) : w("", !0)
+                            ]),
+                            s("div", $e, [
+                              a(o(pe), { size: 12 }),
+                              s("span", null, "Ordered at " + i(Q(n.createdAt)), 1)
+                            ])
+                          ]),
+                          s("div", He, [
+                            n.reservationStatus === "needs_approval" ? (l(), u("span", Me, "Needs Approval")) : n.reservationStatus === "approved" ? (l(), u("span", Ye, "Approved")) : n.reservationStatus === "rejected" ? (l(), u("span", Qe, "Rejected")) : n.reservationStatus === "cancelled" ? (l(), u("span", Xe, "Cancelled")) : (l(), u("span", qe, "Pending")),
+                            n.reservationPrice || n.reservationPrice === 0 ? (l(), u("div", Ge, " €" + i(n.reservationPrice.toFixed(2)), 1)) : w("", !0)
+                          ])
+                        ])
+                      ], 8, Pe))), 128))
+                    ]))
+                  ]),
+                  _: 1
+                }),
+                a(ge, {
+                  ref_key: "reservationDetailDialog",
+                  ref: F,
+                  onCancelled: x,
+                  onConfirmed: x,
+                  onRejected: x
+                }, null, 512)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  nt as default
+};

package/dist/orders-D5GJOZXN.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),D=require("@oneclick.dev/cms-kit"),l=require("lucide-vue-next"),S=require("./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-Vxubki_v.js"),F=require("./EditLayout.vue_vue_type_script_setup_true_lang-Czu6Dcde.js"),L={class:"space-y-6"},U={class:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"},q={class:"text-2xl font-semibold tracking-tight flex items-center gap-2"},H={class:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"},M={class:"flex items-center gap-1"},$={class:"flex items-center gap-1"},Y={class:"flex items-center gap-2"},K={class:"flex items-center gap-1"},Q={class:"text-sm text-muted-foreground mt-2"},X={class:"relative mb-4"},G={key:0,class:"mb-3 text-sm text-muted-foreground"},J={key:1,class:"flex items-center justify-center py-8"},W={key:2,class:"text-center py-8 text-muted-foreground"},Z={key:3,class:"text-center py-8 text-muted-foreground"},ee={key:4,class:"space-y-2"},te=["onClick"],oe={class:"flex items-start justify-between"},ne={class:"flex-1"},se={class:"font-medium"},ae={class:"text-sm text-muted-foreground"},re={class:"text-sm text-muted-foreground"},le={class:"flex items-center gap-4 flex-wrap mt-1"},ce={class:"flex items-center gap-2 text-xs text-muted-foreground"},ie={class:"flex items-center gap-2 text-xs text-muted-foreground"},de={key:0,class:"flex items-center gap-1 text-xs text-muted-foreground"},ue={class:"flex items-center gap-2 mt-1 text-xs text-muted-foreground"},me={class:"text-right"},pe={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"},fe={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"},ge={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"},ve={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"},_e={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"},xe={key:5,class:"text-sm font-medium mt-1"},ye=e.defineComponent({__name:"orders",setup(he){const{params:V}=D.useModuleRoute(),{config:y}=D.useModule(),C=D.useFirebaseIntegration(y.project),c=e.ref([]),h=e.ref([]),f=e.ref(!0),i=e.ref(""),w=e.ref(null),u=new Date,r=e.ref(new Date),b=e.computed(()=>({date:O(r.value),resource:null}));e.provide("event",b);const E=e.computed(()=>{const t=new Date(u);t.setDate(u.getDate()-1);const o=new Date(u);return o.setDate(u.getDate()+1),r.value.toDateString()===u.toDateString()?"Today":r.value.toDateString()===t.toDateString()?"Yesterday":r.value.toDateString()===o.toDateString()?"Tomorrow":r.value.toLocaleDateString("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"})}),B=()=>{const t=new Date(r.value);t.setDate(t.getDate()-1),r.value=t},I=()=>{const t=new Date(r.value);t.setDate(t.getDate()+1),t<=u&&(r.value=t)},T=e.computed(()=>{const t=new Date(r.value);return t.setDate(t.getDate()+1),t<=u}),z=()=>{r.value=new Date},O=t=>{const o=t.getFullYear(),d=String(t.getMonth()+1).padStart(2,"0"),p=String(t.getDate()).padStart(2,"0");return`${o}-${d}-${p}`},P=t=>t?new Date(t).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1}):"",A=t=>t?new Date(t).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}):"",k=e.computed(()=>i.value.trim()?new S.Fuse(c.value,{keys:["customerInfo.firstName","customerInfo.lastName","customerInfo.email","customerInfo.phone","resourceName"],threshold:.3,ignoreLocation:!0}).search(i.value).map(o=>o.item):c.value),g=e.computed(()=>({spots:c.value.reduce((t,o)=>t+(o.spots||0),0),bookings:c.value.length,revenue:c.value.reduce((t,o)=>t+(o.reservationPrice||0),0)})),R=()=>{i.value=""},j=async()=>{try{const t=V.value.id,o=await C.get(y.agendaCollection,t);h.value=o?.resources?.filter(d=>d.isActive)||[]}catch(t){console.error("Error loading resources:",t),h.value=[]}},m=async()=>{f.value=!0,c.value=[];try{const t=V.value.id,o=new Date(r.value);o.setHours(0,0,0,0);const d=new Date(r.value);d.setHours(23,59,59,999);const p=await C.find(y.reservationsCollection,{filters:[{field:"agendaId",operator:"==",value:t},{field:"createdAt",operator:">=",value:o.toISOString()},{field:"createdAt",operator:"<=",value:d.toISOString()}]});console.log("allOrders",p);let v=[];p.forEach(s=>{(s.reservations||[]).forEach(a=>{const x=h.value.find(N=>N.id===a.resourceId);v.push({customerInfo:s.customerInfo,amountDue:s.amountDue,amountPaid:s.amountPaid,status:s.status,reservationStatus:a.status,subtotal:s.subtotal,total:s.total,discount:s.discount,id:s.id,res_id:a.id,resourceId:a.resourceId,spots:a.spots,date:a.date,createdAt:s.createdAt,startTime:a.timeslot?.startTime,endTime:a.timeslot?.endTime,reservationPrice:a.totalPrice,reservationBasePrice:a.basePrice,reservationAddOnsPrice:a.addOnsPrice,pricingOptionId:a.pricingOptionId,pricingOption:a.pricingOption,resourceName:x?.name||"Unknown",resourceColor:x?.color})})}),c.value=v.sort((s,_)=>(_.createdAt||"").localeCompare(s.createdAt||""))}catch(t){console.error("Error loading orders:",t),c.value=[]}finally{f.value=!1}};return(async()=>(await j(),await m()))(),e.watch(r,()=>{m()}),(t,o)=>{const d=e.resolveComponent("Badge"),p=e.resolveComponent("CardTitle"),v=e.resolveComponent("CardDescription"),s=e.resolveComponent("Button"),_=e.resolveComponent("CardHeader"),a=e.resolveComponent("Input"),x=e.resolveComponent("CardContent"),N=e.resolveComponent("Card");return e.openBlock(),e.createBlock(F._sfc_main,null,{default:e.withCtx(()=>[e.createElementVNode("div",L,[e.createElementVNode("div",U,[e.createElementVNode("div",null,[e.createElementVNode("h1",q,[e.createVNode(e.unref(l.ShoppingBag),{class:"size-6"}),o[1]||(o[1]=e.createTextVNode(" Orders ",-1))]),o[2]||(o[2]=e.createElementVNode("p",{class:"text-muted-foreground text-sm mt-1"}," View orders by when they were placed ",-1))])]),e.createVNode(N,null,{default:e.withCtx(()=>[e.createVNode(_,null,{default:e.withCtx(()=>[e.createElementVNode("div",H,[e.createElementVNode("div",null,[e.createVNode(p,{class:"flex items-center gap-2"},{default:e.withCtx(()=>[o[3]||(o[3]=e.createTextVNode(" Orders received ",-1)),e.unref(g).bookings>0?(e.openBlock(),e.createBlock(d,{key:0,variant:"secondary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(g).bookings),1)]),_:1})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(v,{class:"flex items-center gap-4 mt-1"},{default:e.withCtx(()=>[e.createElementVNode("span",M,[e.createVNode(e.unref(l.Users),{size:14}),e.createTextVNode(" "+e.toDisplayString(e.unref(g).spots)+" spots ",1)]),e.createElementVNode("span",$," €"+e.toDisplayString(e.unref(g).revenue.toFixed(2))+" revenue ",1)]),_:1})]),e.createElementVNode("div",Y,[e.createElementVNode("div",K,[e.createVNode(s,{variant:"ghost",size:"icon",class:"size-8",onClick:B},{default:e.withCtx(()=>[e.createVNode(e.unref(l.ChevronLeft),{size:16})]),_:1}),e.createVNode(s,{variant:"ghost",size:"sm",class:"h-8 px-3 text-xs",onClick:z},{default:e.withCtx(()=>[...o[4]||(o[4]=[e.createTextVNode(" Today ",-1)])]),_:1}),e.createVNode(s,{variant:"ghost",size:"icon",class:"size-8",onClick:I,disabled:!e.unref(T)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.ChevronRight),{size:16})]),_:1},8,["disabled"])]),e.createVNode(s,{variant:"ghost",size:"icon",onClick:m,disabled:e.unref(f)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RefreshCw),{size:16,class:e.normalizeClass({"animate-spin":e.unref(f)})},null,8,["class"])]),_:1},8,["disabled"])])]),e.createElementVNode("div",Q,e.toDisplayString(e.unref(E)),1)]),_:1}),e.createVNode(x,null,{default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(e.unref(l.Search),{size:16,class:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),e.createVNode(a,{modelValue:e.unref(i),"onUpdate:modelValue":o[0]||(o[0]=n=>e.isRef(i)?i.value=n:null),placeholder:"Search by name, email, or phone...",class:"pl-9 pr-9"},null,8,["modelValue"]),e.unref(i)?(e.openBlock(),e.createBlock(s,{key:0,variant:"ghost",size:"icon",class:"absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",onClick:R},{default:e.withCtx(()=>[e.createVNode(e.unref(l.X),{size:14})]),_:1})):e.createCommentVNode("",!0)]),e.unref(i)?(e.openBlock(),e.createElementBlock("div",G," Showing "+e.toDisplayString(e.unref(k).length)+" of "+e.toDisplayString(e.unref(c).length)+" orders ",1)):e.createCommentVNode("",!0),e.unref(f)?(e.openBlock(),e.createElementBlock("div",J,[...o[5]||(o[5]=[e.createElementVNode("div",{class:"animate-spin rounded-full h-8 w-8 border-b-2 border-primary"},null,-1)])])):e.unref(c).length===0?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(l.ShoppingBag),{class:"size-12 mx-auto mb-3 opacity-50"}),o[6]||(o[6]=e.createElementVNode("p",null,"No orders received on this day",-1))])):e.unref(k).length===0?(e.openBlock(),e.createElementBlock("div",Z," No orders match your search ")):(e.openBlock(),e.createElementBlock("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),n=>(e.openBlock(),e.createElementBlock("div",{key:n.res_id||n.id,class:"p-3 border rounded-lg hover:bg-muted/50 transition-colors cursor-pointer",onClick:Ne=>e.unref(w)?.openDialog(n)},[e.createElementVNode("div",oe,[e.createElementVNode("div",ne,[e.createElementVNode("div",se,e.toDisplayString(n.customerInfo?.firstName)+" "+e.toDisplayString(n.customerInfo?.lastName||"Unknown Customer"),1),e.createElementVNode("div",ae,e.toDisplayString(n.customerInfo?.email),1),e.createElementVNode("div",re,e.toDisplayString(n.customerInfo?.phone),1),e.createElementVNode("div",le,[e.createElementVNode("div",ce,[e.createVNode(e.unref(l.Calendar),{size:12}),e.createElementVNode("span",null,e.toDisplayString(A(n.date))+" · "+e.toDisplayString(n.startTime)+" - "+e.toDisplayString(n.endTime),1)]),e.createElementVNode("div",ie,[e.createVNode(e.unref(l.Users),{size:12}),e.createElementVNode("span",null,e.toDisplayString(n.spots)+" spots",1)]),n.resourceName?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",{class:"w-3 h-3 rounded-full",style:e.normalizeStyle({backgroundColor:n.resourceColor||"#6b7280"})},null,4),e.createElementVNode("span",null,e.toDisplayString(n.resourceName),1)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ue,[e.createVNode(e.unref(l.Clock),{size:12}),e.createElementVNode("span",null,"Ordered at "+e.toDisplayString(P(n.createdAt)),1)])]),e.createElementVNode("div",me,[n.reservationStatus==="needs_approval"?(e.openBlock(),e.createElementBlock("span",pe,"Needs Approval")):n.reservationStatus==="approved"?(e.openBlock(),e.createElementBlock("span",fe,"Approved")):n.reservationStatus==="rejected"?(e.openBlock(),e.createElementBlock("span",ge,"Rejected")):n.reservationStatus==="cancelled"?(e.openBlock(),e.createElementBlock("span",ve,"Cancelled")):(e.openBlock(),e.createElementBlock("span",_e,"Pending")),n.reservationPrice||n.reservationPrice===0?(e.openBlock(),e.createElementBlock("div",xe," €"+e.toDisplayString(n.reservationPrice.toFixed(2)),1)):e.createCommentVNode("",!0)])])],8,te))),128))]))]),_:1}),e.createVNode(S._sfc_main,{ref_key:"reservationDetailDialog",ref:w,onCancelled:m,onConfirmed:m,onRejected:m},null,512)]),_:1})])]),_:1})}}});exports.default=ye;

package/dist/src/appointments/components/edit/EventDialog/ApproveReservationDialog.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    openDialog: (input: any, type?: "approve" | "resend") => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    confirm: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/appointments/components/edit/EventDialog/BookingsList.vue.d.ts

@@ -28,18 +28,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     reservationDetailDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
-        onCancelled?: ((orderId: string) => any) | undefined;
+        onConfirmed?: (() => any) | undefined;
+        onCancelled?: (() => any) | undefined;
+        onRejected?: (() => any) | undefined;
     }>, {
         openDialog: (order: any) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        cancelled: (orderId: string) => any;
+        confirmed: () => any;
+        cancelled: () => any;
+        rejected: () => any;
     }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         cancelReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
-            onCancel?: ((...args: any[]) => any) | undefined;
+            onConfirm?: ((...args: any[]) => any) | undefined;
         }>, {
             openDialog: (input: any) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            cancel: (...args: any[]) => void;
+            confirm: (...args: any[]) => void;
         }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -48,20 +52,44 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             M: {};
             Defaults: {};
         }, Readonly<{}> & Readonly<{
-            onCancel?: ((...args: any[]) => any) | undefined;
+            onConfirm?: ((...args: any[]) => any) | undefined;
         }>, {
             openDialog: (input: any) => void;
         }, {}, {}, {}, {}> | null;
-        resendConfirmationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        approveReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+            onConfirm?: ((...args: any[]) => any) | undefined;
+        }>, {
+            openDialog: (input: any, type?: "approve" | "resend") => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            confirm: (...args: any[]) => void;
+        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{
+            onConfirm?: ((...args: any[]) => any) | undefined;
+        }>, {
+            openDialog: (input: any, type?: "approve" | "resend") => void;
+        }, {}, {}, {}, {}> | null;
+        rejectReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+            onConfirm?: ((...args: any[]) => any) | undefined;
+        }>, {
             openDialog: (input: any) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            confirm: (...args: any[]) => void;
+        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{}> & Readonly<{}>, {
+        }, Readonly<{}> & Readonly<{
+            onConfirm?: ((...args: any[]) => any) | undefined;
+        }>, {
             openDialog: (input: any) => void;
         }, {}, {}, {}, {}> | null;
         transferReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
@@ -84,7 +112,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{
-        onCancelled?: ((orderId: string) => any) | undefined;
+        onConfirmed?: (() => any) | undefined;
+        onCancelled?: (() => any) | undefined;
+        onRejected?: (() => any) | undefined;
     }>, {
         openDialog: (order: any) => void;
     }, {}, {}, {}, {}> | null;

package/dist/src/appointments/components/edit/EventDialog/CancelReservationDialog.vue.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import('vue').DefineComponent<{}, {
     openDialog: (input: any) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    cancel: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/appointments/components/edit/EventDialog/RejectReservationDialog.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    openDialog: (input: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    confirm: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/appointments/components/edit/EventDialog/ReservationDetailDialog.vue.d.ts

@@ -1,16 +1,20 @@
 declare const _default: import('vue').DefineComponent<{}, {
     openDialog: (order: any) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    cancelled: (orderId: string) => any;
+    confirmed: () => any;
+    cancelled: () => any;
+    rejected: () => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    onCancelled?: ((orderId: string) => any) | undefined;
+    onConfirmed?: (() => any) | undefined;
+    onCancelled?: (() => any) | undefined;
+    onRejected?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     cancelReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
-        onCancel?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {
         openDialog: (input: any) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        cancel: (...args: any[]) => void;
+        confirm: (...args: any[]) => void;
     }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -19,20 +23,44 @@ declare const _default: import('vue').DefineComponent<{}, {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{
-        onCancel?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {
         openDialog: (input: any) => void;
     }, {}, {}, {}, {}> | null;
-    resendConfirmationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+    approveReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        onConfirm?: ((...args: any[]) => any) | undefined;
+    }>, {
+        openDialog: (input: any, type?: "approve" | "resend") => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        confirm: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{
+        onConfirm?: ((...args: any[]) => any) | undefined;
+    }>, {
+        openDialog: (input: any, type?: "approve" | "resend") => void;
+    }, {}, {}, {}, {}> | null;
+    rejectReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
+        onConfirm?: ((...args: any[]) => any) | undefined;
+    }>, {
         openDialog: (input: any) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        confirm: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{}> & Readonly<{}>, {
+    }, Readonly<{}> & Readonly<{
+        onConfirm?: ((...args: any[]) => any) | undefined;
+    }>, {
         openDialog: (input: any) => void;
     }, {}, {}, {}, {}> | null;
     transferReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {