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

package/dist/OrderDetailDialog.vue_vue_type_script_setup_true_lang-COrK1j0S.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("lucide-vue-next"),g=require("./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-CuwREvXD.js"),M={key:0,class:"space-y-6 py-4"},T={class:"space-y-3"},P={class:"bg-muted/30 rounded-lg p-4 space-y-3"},$={class:"flex items-center gap-3"},j={class:"h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center"},O={class:"font-medium"},I={class:"grid gap-2 text-sm"},U={key:0,class:"flex items-center gap-2 text-muted-foreground"},F=["href"],A={key:1,class:"flex items-center gap-2 text-muted-foreground"},L=["href"],q={class:"space-y-3"},H={class:"grid grid-cols-2 gap-3"},G={class:"bg-muted/30 rounded-lg p-3"},J={class:"flex items-center gap-2 text-muted-foreground mb-1"},K={class:"font-medium"},Q={class:"bg-muted/30 rounded-lg p-3"},W={class:"flex items-center gap-2 text-muted-foreground mb-1"},X={class:"font-medium"},Y={class:"bg-muted/30 rounded-lg p-3 col-span-2"},Z={class:"flex items-center gap-2 text-muted-foreground mb-1"},ee={class:"font-medium"},te={class:"space-y-3"},oe={class:"space-y-2"},ne=["onClick"],se={class:"flex items-start justify-between gap-3"},ae={class:"min-w-0 flex-1 space-y-2"},le={class:"flex items-center gap-2 flex-wrap"},re={key:0,class:"inline-flex items-center gap-1 text-xs text-muted-foreground"},de={class:"grid gap-1 text-sm"},ce={class:"flex items-center gap-2 text-muted-foreground"},ie={class:"flex items-center gap-2 text-muted-foreground"},ue={class:"flex items-center gap-2 text-muted-foreground"},me={key:0,class:"flex items-center gap-2 text-muted-foreground"},pe={class:"shrink-0 text-right flex items-center gap-2"},ge={class:"text-sm font-semibold"},fe={class:"space-y-3"},ve={class:"bg-muted/30 rounded-lg p-4 space-y-3"},Ne={class:"space-y-2 text-sm"},_e={class:"flex justify-between"},xe={key:0,class:"flex justify-between"},Ve={key:1,class:"grid gap-2"},Ee={class:"text-muted-foreground"},ye={key:2,class:"flex justify-between text-green-600 dark:text-green-400"},ke={class:"flex justify-between font-semibold"},be={class:"space-y-2 text-sm"},he={key:0,class:"flex justify-between"},Ce={class:"text-muted-foreground flex items-center gap-1.5"},De={class:"text-green-600 dark:text-green-400"},Se={key:1,class:"flex justify-between"},we={class:"text-muted-foreground flex items-center gap-1.5"},Be={class:"text-orange-600 dark:text-orange-400 font-medium"},Re=e.defineComponent({__name:"OrderDetailDialog",props:{agendaData:{}},emits:["openReservation"],setup(f,{expose:v,emit:N}){const _=f,x=N,d=e.ref(!1),s=e.ref(null),u=e.computed(()=>_.agendaData?.metadataSchema||[]),V=o=>{!o?.id||!o.reservations?.length||(s.value=o,d.value=!0)},E=e.computed(()=>{const o=s.value?.customerInfo;return o&&[o.firstName,o.lastName].filter(Boolean).join(" ")||"Unknown Customer"}),l=e.computed(()=>{const o=s.value?.reservations?.[0];return{subtotal:o?.subtotal,discount:o?.discount,amountPaid:o?.amountPaid,amountDue:o?.amountDue}}),y=e.computed(()=>s.value?.reservations.reduce((o,t)=>o+(t.reservationPrice||0),0)||0),r=o=>o==null||typeof o!="number"?"-":`€${o.toFixed(2)}`,k=o=>o.type==="percent"?`${o.value}%`:`${o.value<0?"-":"+"}${r(Math.abs(o.value))}`,b=o=>{if(!o)return"-";const t=new Date(o);return Number.isNaN(t.getTime())?o:t.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric",year:"numeric"})},h=o=>{if(!o)return"-";const t=new Date(o);return Number.isNaN(t.getTime())?o:t.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1})},i=o=>{switch(o){case"pending":return{label:"Pending",class:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"};case"cancelled":return{label:"Cancelled",class:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"};case"needs_approval":return{label:"Needs Approval",class:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"};case"rejected":return{label:"Rejected",class:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"};case"approved":return{label:"Approved",class:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"};case"confirmed":return{label:"Confirmed",class:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"};default:return{label:o||"Unknown",class:"bg-muted text-muted-foreground"}}},m=o=>{let t=o.status;const c=o.reservationStatus;return t==="confirmed"&&["needs_approval","rejected","approved","cancelled"].includes(c||"")&&(t=c),i(t)},C=o=>{const t=o.id||s.value?.id;t&&(d.value=!1,x("openReservation",{...o,id:t}))};return v({openDialog:V}),(o,t)=>{const c=e.resolveComponent("ResponsiveModalTitle"),D=e.resolveComponent("ResponsiveModalDescription"),S=e.resolveComponent("ResponsiveModalHeader"),p=e.resolveComponent("Separator"),w=e.resolveComponent("Button"),B=e.resolveComponent("ResponsiveModalFooter"),R=e.resolveComponent("ResponsiveModalScrollContent"),z=e.resolveComponent("ResponsiveModal");return e.openBlock(),e.createBlock(z,{open:d.value,"onUpdate:open":t[1]||(t[1]=n=>d.value=n)},{default:e.withCtx(()=>[e.createVNode(R,{class:"sm:max-w-2xl"},{default:e.withCtx(()=>[e.createVNode(S,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"flex items-center gap-3"},{default:e.withCtx(()=>[t[2]||(t[2]=e.createElementVNode("span",null,"Order Details",-1)),e.createElementVNode("span",{class:e.normalizeClass(["px-2.5 py-1 text-xs font-medium rounded-full",i(s.value?.status).class])},e.toDisplayString(i(s.value?.status).label),3)]),_:1}),e.createVNode(D,null,{default:e.withCtx(()=>[e.createTextVNode(" Order #"+e.toDisplayString(s.value?.id?.slice(0,8)||"-"),1)]),_:1})]),_:1}),s.value?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(g._sfc_main,{metadata:s.value.metadata,schema:u.value,scope:"order"},null,8,["metadata","schema"]),e.createElementVNode("div",T,[t[3]||(t[3]=e.createElementVNode("h3",{class:"text-sm font-semibold text-muted-foreground uppercase tracking-wide"},"Customer",-1)),e.createElementVNode("div",P,[e.createElementVNode("div",$,[e.createElementVNode("div",j,[e.createVNode(e.unref(a.User),{size:20,class:"text-primary"})]),e.createElementVNode("div",null,[e.createElementVNode("p",O,e.toDisplayString(E.value),1)])]),e.createElementVNode("div",I,[s.value.customerInfo?.email?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.unref(a.Mail),{size:14}),e.createElementVNode("a",{href:`mailto:${s.value.customerInfo.email}`,class:"hover:text-foreground transition-colors"},e.toDisplayString(s.value.customerInfo.email),9,F)])):e.createCommentVNode("",!0),s.value.customerInfo?.phone?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(a.Phone),{size:14}),e.createElementVNode("a",{href:`tel:${s.value.customerInfo.phone}`,class:"hover:text-foreground transition-colors"},e.toDisplayString(s.value.customerInfo.phone),9,L)])):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",q,[t[7]||(t[7]=e.createElementVNode("h3",{class:"text-sm font-semibold text-muted-foreground uppercase tracking-wide"},"Order Summary",-1)),e.createElementVNode("div",H,[e.createElementVNode("div",G,[e.createElementVNode("div",J,[e.createVNode(e.unref(a.ShoppingBag),{size:14}),t[4]||(t[4]=e.createElementVNode("span",{class:"text-xs"},"Reservations",-1))]),e.createElementVNode("p",K,e.toDisplayString(s.value.reservations.length),1)]),e.createElementVNode("div",Q,[e.createElementVNode("div",W,[e.createVNode(e.unref(a.Users),{size:14}),t[5]||(t[5]=e.createElementVNode("span",{class:"text-xs"},"Spots",-1))]),e.createElementVNode("p",X,e.toDisplayString(s.value.totalSpots),1)]),e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createVNode(e.unref(a.Clock),{size:14}),t[6]||(t[6]=e.createElementVNode("span",{class:"text-xs"},"Ordered at",-1))]),e.createElementVNode("p",ee,e.toDisplayString(h(s.value.createdAt)),1)])])]),e.createElementVNode("div",te,[t[8]||(t[8]=e.createElementVNode("h3",{class:"text-sm font-semibold text-muted-foreground uppercase tracking-wide"},"Reservations",-1)),e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.reservations,n=>(e.openBlock(),e.createElementBlock("button",{key:n.res_id||n.id,type:"button",class:"w-full text-left bg-muted/30 rounded-lg p-4 transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",onClick:ze=>C(n)},[e.createElementVNode("div",se,[e.createElementVNode("div",ae,[e.createElementVNode("div",le,[e.createElementVNode("span",{class:e.normalizeClass(["px-2 py-1 text-xs font-medium rounded-full",m(n).class])},e.toDisplayString(m(n).label),3),n.resourceName?(e.openBlock(),e.createElementBlock("span",re,[e.createElementVNode("span",{class:"w-3 h-3 rounded-full",style:e.normalizeStyle({backgroundColor:n.resourceColor||"#6b7280"})},null,4),e.createTextVNode(" "+e.toDisplayString(n.resourceName),1)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",de,[e.createElementVNode("div",ce,[e.createVNode(e.unref(a.Calendar),{size:14}),e.createElementVNode("span",null,e.toDisplayString(b(n.date)),1)]),e.createElementVNode("div",ie,[e.createVNode(e.unref(a.Clock),{size:14}),e.createElementVNode("span",null,e.toDisplayString(n.startTime||"-")+" - "+e.toDisplayString(n.endTime||"-"),1)]),e.createElementVNode("div",ue,[e.createVNode(e.unref(a.Users),{size:14}),e.createElementVNode("span",null,e.toDisplayString(n.spots||1)+" "+e.toDisplayString(n.spots===1?"person":"people"),1)]),n.pricingOption?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(e.unref(a.Tag),{size:14}),e.createElementVNode("span",null,e.toDisplayString(n.pricingOption.name),1)])):e.createCommentVNode("",!0)]),e.createVNode(g._sfc_main,{metadata:n.reservationMetadata,schema:u.value,"display-filter":["highlight","badge"],compact:""},null,8,["metadata","schema"])]),e.createElementVNode("div",pe,[e.createElementVNode("div",null,[e.createElementVNode("p",ge,e.toDisplayString(r(n.reservationPrice)),1)]),e.createVNode(e.unref(a.ChevronRight),{size:16,class:"text-muted-foreground"})])])],8,ne))),128))])]),e.createElementVNode("div",fe,[t[15]||(t[15]=e.createElementVNode("h3",{class:"text-sm font-semibold text-muted-foreground uppercase tracking-wide"},"Payment",-1)),e.createElementVNode("div",ve,[e.createElementVNode("div",Ne,[e.createElementVNode("div",_e,[t[9]||(t[9]=e.createElementVNode("span",{class:"text-muted-foreground"},"Reservations",-1)),e.createElementVNode("span",null,e.toDisplayString(r(y.value)),1)]),l.value.subtotal!==void 0&&l.value.subtotal!==s.value.totalPrice?(e.openBlock(),e.createElementBlock("div",xe,[t[10]||(t[10]=e.createElementVNode("span",{class:"text-muted-foreground"},"Subtotal",-1)),e.createElementVNode("span",null,e.toDisplayString(r(l.value.subtotal)),1)])):e.createCommentVNode("",!0),s.value.adjustments&&s.value.adjustments.length?(e.openBlock(),e.createElementBlock("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.adjustments,n=>(e.openBlock(),e.createElementBlock("div",{key:`${n.label}-${n.type}-${n.value}`,class:"flex justify-between"},[e.createElementVNode("span",Ee,e.toDisplayString(n.label),1),e.createElementVNode("span",null,e.toDisplayString(k(n)),1)]))),128))])):e.createCommentVNode("",!0),l.value.discount?(e.openBlock(),e.createElementBlock("div",ye,[t[11]||(t[11]=e.createElementVNode("span",null,"Discount",-1)),e.createElementVNode("span",null,"-"+e.toDisplayString(r(l.value.discount)),1)])):e.createCommentVNode("",!0)]),e.createVNode(p),e.createElementVNode("div",ke,[t[12]||(t[12]=e.createElementVNode("span",null,"Order Total",-1)),e.createElementVNode("span",null,e.toDisplayString(r(s.value.totalPrice)),1)]),l.value.amountPaid!==void 0||l.value.amountDue!==void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(p),e.createElementVNode("div",be,[l.value.amountPaid!==void 0?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("span",Ce,[e.createVNode(e.unref(a.CreditCard),{size:14}),t[13]||(t[13]=e.createTextVNode(" Amount paid ",-1))]),e.createElementVNode("span",De,e.toDisplayString(r(l.value.amountPaid)),1)])):e.createCommentVNode("",!0),l.value.amountDue!==void 0&&l.value.amountDue>0?(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("span",we,[e.createVNode(e.unref(a.Receipt),{size:14}),t[14]||(t[14]=e.createTextVNode(" Amount due ",-1))]),e.createElementVNode("span",Be,e.toDisplayString(r(l.value.amountDue)),1)])):e.createCommentVNode("",!0)])],64)):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0),e.createVNode(B,null,{default:e.withCtx(()=>[e.createVNode(w,{variant:"outline",onClick:t[0]||(t[0]=n=>d.value=!1)},{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode("Close",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["open"])}}});exports._sfc_main=Re;

package/dist/OrderDetailDialog.vue_vue_type_script_setup_true_lang-Vb3q8EVv.mjs

@@ -0,0 +1,330 @@
+import { defineComponent as K, ref as C, computed as x, resolveComponent as p, openBlock as r, createBlock as Q, withCtx as f, createVNode as l, createElementVNode as e, normalizeClass as R, toDisplayString as a, createTextVNode as v, createElementBlock as i, unref as d, createCommentVNode as c, Fragment as h, renderList as D, normalizeStyle as W } from "vue";
+import { User as X, Mail as Y, Phone as Z, ShoppingBag as ee, Users as S, Clock as N, Calendar as te, Tag as se, ChevronRight as oe, CreditCard as ne, Receipt as ae } from "lucide-vue-next";
+import { _ as z } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-GYNZ_yhD.mjs";
+const le = {
+  key: 0,
+  class: "space-y-6 py-4"
+}, re = { class: "space-y-3" }, ie = { class: "bg-muted/30 rounded-lg p-4 space-y-3" }, de = { class: "flex items-center gap-3" }, ue = { class: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center" }, ce = { class: "font-medium" }, me = { class: "grid gap-2 text-sm" }, pe = {
+  key: 0,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, fe = ["href"], ge = {
+  key: 1,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, ve = ["href"], _e = { class: "space-y-3" }, xe = { class: "grid grid-cols-2 gap-3" }, be = { class: "bg-muted/30 rounded-lg p-3" }, he = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, ye = { class: "font-medium" }, ke = { class: "bg-muted/30 rounded-lg p-3" }, we = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, Ce = { class: "font-medium" }, Re = { class: "bg-muted/30 rounded-lg p-3 col-span-2" }, De = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, Se = { class: "font-medium" }, Ne = { class: "space-y-3" }, ze = { class: "space-y-2" }, Me = ["onClick"], Pe = { class: "flex items-start justify-between gap-3" }, $e = { class: "min-w-0 flex-1 space-y-2" }, Te = { class: "flex items-center gap-2 flex-wrap" }, je = {
+  key: 0,
+  class: "inline-flex items-center gap-1 text-xs text-muted-foreground"
+}, Oe = { class: "grid gap-1 text-sm" }, Ie = { class: "flex items-center gap-2 text-muted-foreground" }, Ue = { class: "flex items-center gap-2 text-muted-foreground" }, Be = { class: "flex items-center gap-2 text-muted-foreground" }, Ae = {
+  key: 0,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, Fe = { class: "shrink-0 text-right flex items-center gap-2" }, Ve = { class: "text-sm font-semibold" }, Le = { class: "space-y-3" }, Ee = { class: "bg-muted/30 rounded-lg p-4 space-y-3" }, He = { class: "space-y-2 text-sm" }, qe = { class: "flex justify-between" }, Ge = {
+  key: 0,
+  class: "flex justify-between"
+}, Je = {
+  key: 1,
+  class: "grid gap-2"
+}, Ke = { class: "text-muted-foreground" }, Qe = {
+  key: 2,
+  class: "flex justify-between text-green-600 dark:text-green-400"
+}, We = { class: "flex justify-between font-semibold" }, Xe = { class: "space-y-2 text-sm" }, Ye = {
+  key: 0,
+  class: "flex justify-between"
+}, Ze = { class: "text-muted-foreground flex items-center gap-1.5" }, et = { class: "text-green-600 dark:text-green-400" }, tt = {
+  key: 1,
+  class: "flex justify-between"
+}, st = { class: "text-muted-foreground flex items-center gap-1.5" }, ot = { class: "text-orange-600 dark:text-orange-400 font-medium" }, it = /* @__PURE__ */ K({
+  __name: "OrderDetailDialog",
+  props: {
+    agendaData: {}
+  },
+  emits: ["openReservation"],
+  setup(M, { expose: P, emit: $ }) {
+    const T = M, j = $, g = C(!1), n = C(null), y = x(() => T.agendaData?.metadataSchema || []), O = (s) => {
+      !s?.id || !s.reservations?.length || (n.value = s, g.value = !0);
+    }, I = x(() => {
+      const s = n.value?.customerInfo;
+      return s && [s.firstName, s.lastName].filter(Boolean).join(" ") || "Unknown Customer";
+    }), u = x(() => {
+      const s = n.value?.reservations?.[0];
+      return {
+        subtotal: s?.subtotal,
+        discount: s?.discount,
+        amountPaid: s?.amountPaid,
+        amountDue: s?.amountDue
+      };
+    }), U = x(() => n.value?.reservations.reduce((s, t) => s + (t.reservationPrice || 0), 0) || 0), m = (s) => s == null || typeof s != "number" ? "-" : `€${s.toFixed(2)}`, B = (s) => s.type === "percent" ? `${s.value}%` : `${s.value < 0 ? "-" : "+"}${m(Math.abs(s.value))}`, A = (s) => {
+      if (!s) return "-";
+      const t = new Date(s);
+      return Number.isNaN(t.getTime()) ? s : t.toLocaleDateString("en-US", {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+    }, F = (s) => {
+      if (!s) return "-";
+      const t = new Date(s);
+      return Number.isNaN(t.getTime()) ? s : t.toLocaleTimeString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: !1
+      });
+    }, b = (s) => {
+      switch (s) {
+        case "pending":
+          return { label: "Pending", class: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400" };
+        case "cancelled":
+          return { label: "Cancelled", class: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400" };
+        case "needs_approval":
+          return { label: "Needs Approval", class: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400" };
+        case "rejected":
+          return { label: "Rejected", class: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400" };
+        case "approved":
+          return { label: "Approved", class: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" };
+        case "confirmed":
+          return { label: "Confirmed", class: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" };
+        default:
+          return { label: s || "Unknown", class: "bg-muted text-muted-foreground" };
+      }
+    }, k = (s) => {
+      let t = s.status;
+      const _ = s.reservationStatus;
+      return t === "confirmed" && ["needs_approval", "rejected", "approved", "cancelled"].includes(_ || "") && (t = _), b(t);
+    }, V = (s) => {
+      const t = s.id || n.value?.id;
+      t && (g.value = !1, j("openReservation", { ...s, id: t }));
+    };
+    return P({
+      openDialog: O
+    }), (s, t) => {
+      const _ = p("ResponsiveModalTitle"), L = p("ResponsiveModalDescription"), E = p("ResponsiveModalHeader"), w = p("Separator"), H = p("Button"), q = p("ResponsiveModalFooter"), G = p("ResponsiveModalScrollContent"), J = p("ResponsiveModal");
+      return r(), Q(J, {
+        open: g.value,
+        "onUpdate:open": t[1] || (t[1] = (o) => g.value = o)
+      }, {
+        default: f(() => [
+          l(G, { class: "sm:max-w-2xl" }, {
+            default: f(() => [
+              l(E, null, {
+                default: f(() => [
+                  l(_, { class: "flex items-center gap-3" }, {
+                    default: f(() => [
+                      t[2] || (t[2] = e("span", null, "Order Details", -1)),
+                      e("span", {
+                        class: R(["px-2.5 py-1 text-xs font-medium rounded-full", b(n.value?.status).class])
+                      }, a(b(n.value?.status).label), 3)
+                    ]),
+                    _: 1
+                  }),
+                  l(L, null, {
+                    default: f(() => [
+                      v(" Order #" + a(n.value?.id?.slice(0, 8) || "-"), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              n.value ? (r(), i("div", le, [
+                l(z, {
+                  metadata: n.value.metadata,
+                  schema: y.value,
+                  scope: "order"
+                }, null, 8, ["metadata", "schema"]),
+                e("div", re, [
+                  t[3] || (t[3] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Customer", -1)),
+                  e("div", ie, [
+                    e("div", de, [
+                      e("div", ue, [
+                        l(d(X), {
+                          size: 20,
+                          class: "text-primary"
+                        })
+                      ]),
+                      e("div", null, [
+                        e("p", ce, a(I.value), 1)
+                      ])
+                    ]),
+                    e("div", me, [
+                      n.value.customerInfo?.email ? (r(), i("div", pe, [
+                        l(d(Y), { size: 14 }),
+                        e("a", {
+                          href: `mailto:${n.value.customerInfo.email}`,
+                          class: "hover:text-foreground transition-colors"
+                        }, a(n.value.customerInfo.email), 9, fe)
+                      ])) : c("", !0),
+                      n.value.customerInfo?.phone ? (r(), i("div", ge, [
+                        l(d(Z), { size: 14 }),
+                        e("a", {
+                          href: `tel:${n.value.customerInfo.phone}`,
+                          class: "hover:text-foreground transition-colors"
+                        }, a(n.value.customerInfo.phone), 9, ve)
+                      ])) : c("", !0)
+                    ])
+                  ])
+                ]),
+                e("div", _e, [
+                  t[7] || (t[7] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Order Summary", -1)),
+                  e("div", xe, [
+                    e("div", be, [
+                      e("div", he, [
+                        l(d(ee), { size: 14 }),
+                        t[4] || (t[4] = e("span", { class: "text-xs" }, "Reservations", -1))
+                      ]),
+                      e("p", ye, a(n.value.reservations.length), 1)
+                    ]),
+                    e("div", ke, [
+                      e("div", we, [
+                        l(d(S), { size: 14 }),
+                        t[5] || (t[5] = e("span", { class: "text-xs" }, "Spots", -1))
+                      ]),
+                      e("p", Ce, a(n.value.totalSpots), 1)
+                    ]),
+                    e("div", Re, [
+                      e("div", De, [
+                        l(d(N), { size: 14 }),
+                        t[6] || (t[6] = e("span", { class: "text-xs" }, "Ordered at", -1))
+                      ]),
+                      e("p", Se, a(F(n.value.createdAt)), 1)
+                    ])
+                  ])
+                ]),
+                e("div", Ne, [
+                  t[8] || (t[8] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Reservations", -1)),
+                  e("div", ze, [
+                    (r(!0), i(h, null, D(n.value.reservations, (o) => (r(), i("button", {
+                      key: o.res_id || o.id,
+                      type: "button",
+                      class: "w-full text-left bg-muted/30 rounded-lg p-4 transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      onClick: (nt) => V(o)
+                    }, [
+                      e("div", Pe, [
+                        e("div", $e, [
+                          e("div", Te, [
+                            e("span", {
+                              class: R(["px-2 py-1 text-xs font-medium rounded-full", k(o).class])
+                            }, a(k(o).label), 3),
+                            o.resourceName ? (r(), i("span", je, [
+                              e("span", {
+                                class: "w-3 h-3 rounded-full",
+                                style: W({ backgroundColor: o.resourceColor || "#6b7280" })
+                              }, null, 4),
+                              v(" " + a(o.resourceName), 1)
+                            ])) : c("", !0)
+                          ]),
+                          e("div", Oe, [
+                            e("div", Ie, [
+                              l(d(te), { size: 14 }),
+                              e("span", null, a(A(o.date)), 1)
+                            ]),
+                            e("div", Ue, [
+                              l(d(N), { size: 14 }),
+                              e("span", null, a(o.startTime || "-") + " - " + a(o.endTime || "-"), 1)
+                            ]),
+                            e("div", Be, [
+                              l(d(S), { size: 14 }),
+                              e("span", null, a(o.spots || 1) + " " + a(o.spots === 1 ? "person" : "people"), 1)
+                            ]),
+                            o.pricingOption ? (r(), i("div", Ae, [
+                              l(d(se), { size: 14 }),
+                              e("span", null, a(o.pricingOption.name), 1)
+                            ])) : c("", !0)
+                          ]),
+                          l(z, {
+                            metadata: o.reservationMetadata,
+                            schema: y.value,
+                            "display-filter": ["highlight", "badge"],
+                            compact: ""
+                          }, null, 8, ["metadata", "schema"])
+                        ]),
+                        e("div", Fe, [
+                          e("div", null, [
+                            e("p", Ve, a(m(o.reservationPrice)), 1)
+                          ]),
+                          l(d(oe), {
+                            size: 16,
+                            class: "text-muted-foreground"
+                          })
+                        ])
+                      ])
+                    ], 8, Me))), 128))
+                  ])
+                ]),
+                e("div", Le, [
+                  t[15] || (t[15] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Payment", -1)),
+                  e("div", Ee, [
+                    e("div", He, [
+                      e("div", qe, [
+                        t[9] || (t[9] = e("span", { class: "text-muted-foreground" }, "Reservations", -1)),
+                        e("span", null, a(m(U.value)), 1)
+                      ]),
+                      u.value.subtotal !== void 0 && u.value.subtotal !== n.value.totalPrice ? (r(), i("div", Ge, [
+                        t[10] || (t[10] = e("span", { class: "text-muted-foreground" }, "Subtotal", -1)),
+                        e("span", null, a(m(u.value.subtotal)), 1)
+                      ])) : c("", !0),
+                      n.value.adjustments && n.value.adjustments.length ? (r(), i("div", Je, [
+                        (r(!0), i(h, null, D(n.value.adjustments, (o) => (r(), i("div", {
+                          key: `${o.label}-${o.type}-${o.value}`,
+                          class: "flex justify-between"
+                        }, [
+                          e("span", Ke, a(o.label), 1),
+                          e("span", null, a(B(o)), 1)
+                        ]))), 128))
+                      ])) : c("", !0),
+                      u.value.discount ? (r(), i("div", Qe, [
+                        t[11] || (t[11] = e("span", null, "Discount", -1)),
+                        e("span", null, "-" + a(m(u.value.discount)), 1)
+                      ])) : c("", !0)
+                    ]),
+                    l(w),
+                    e("div", We, [
+                      t[12] || (t[12] = e("span", null, "Order Total", -1)),
+                      e("span", null, a(m(n.value.totalPrice)), 1)
+                    ]),
+                    u.value.amountPaid !== void 0 || u.value.amountDue !== void 0 ? (r(), i(h, { key: 0 }, [
+                      l(w),
+                      e("div", Xe, [
+                        u.value.amountPaid !== void 0 ? (r(), i("div", Ye, [
+                          e("span", Ze, [
+                            l(d(ne), { size: 14 }),
+                            t[13] || (t[13] = v(" Amount paid ", -1))
+                          ]),
+                          e("span", et, a(m(u.value.amountPaid)), 1)
+                        ])) : c("", !0),
+                        u.value.amountDue !== void 0 && u.value.amountDue > 0 ? (r(), i("div", tt, [
+                          e("span", st, [
+                            l(d(ae), { size: 14 }),
+                            t[14] || (t[14] = v(" Amount due ", -1))
+                          ]),
+                          e("span", ot, a(m(u.value.amountDue)), 1)
+                        ])) : c("", !0)
+                      ])
+                    ], 64)) : c("", !0)
+                  ])
+                ])
+              ])) : c("", !0),
+              l(q, null, {
+                default: f(() => [
+                  l(H, {
+                    variant: "outline",
+                    onClick: t[0] || (t[0] = (o) => g.value = !1)
+                  }, {
+                    default: f(() => [...t[16] || (t[16] = [
+                      v("Close", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  it as _
+};