@oneclick.dev/cms-core-modules 0.0.106 → 0.0.107

package/dist/OrderDetailDialog-BJ01DZFe.js

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

package/dist/OrderDetailDialog-CoVQ_rzs.mjs

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