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

package/dist/orders-XVzWAgG1.js

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

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

@@ -30,17 +30,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     reservationDetailDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         agendaData: any;
+        showOrderLink?: boolean;
     }> & Readonly<{
         onConfirmed?: (() => any) | undefined;
         onCancelled?: (() => any) | undefined;
         onRejected?: (() => any) | undefined;
+        onOpenOrder?: ((orderId: string) => any) | undefined;
     }>, {
         openDialog: (order: any) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         confirmed: () => any;
         cancelled: () => any;
         rejected: () => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        openOrder: (orderId: string) => any;
+    }, import('vue').PublicProps, {
+        showOrderLink: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         cancelReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
             onConfirm?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -116,12 +121,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         Defaults: {};
     }, Readonly<{
         agendaData: any;
+        showOrderLink?: boolean;
     }> & Readonly<{
         onConfirmed?: (() => any) | undefined;
         onCancelled?: (() => any) | undefined;
         onRejected?: (() => any) | undefined;
+        onOpenOrder?: ((orderId: string) => any) | undefined;
     }>, {
         openDialog: (order: any) => void;
-    }, {}, {}, {}, {}> | null;
+    }, {}, {}, {}, {
+        showOrderLink: boolean;
+    }> | null;
 }, HTMLDivElement>;
 export default _default;

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

@@ -0,0 +1,55 @@
+interface AdjustmentLine {
+    label?: string;
+    type?: string;
+    value: number;
+}
+interface ReservationLine {
+    id: string;
+    res_id?: string;
+    customerInfo?: {
+        firstName?: string;
+        lastName?: string;
+        email?: string;
+        phone?: string;
+    };
+    status?: string;
+    reservationStatus?: string;
+    createdAt?: string;
+    date?: string;
+    startTime?: string;
+    endTime?: string;
+    spots?: number;
+    total?: number;
+    subtotal?: number;
+    discount?: number;
+    amountPaid?: number;
+    amountDue?: number;
+    reservationPrice?: number;
+    pricingOption?: any;
+    resourceName?: string;
+    resourceColor?: string;
+    metadata?: Record<string, any>;
+    reservationMetadata?: Record<string, any>;
+}
+interface OrderGroup {
+    id: string;
+    customerInfo?: ReservationLine['customerInfo'];
+    status?: string;
+    createdAt?: string;
+    metadata?: Record<string, any>;
+    reservations: ReservationLine[];
+    adjustments?: AdjustmentLine[];
+    totalPrice: number;
+    totalSpots: number;
+}
+type __VLS_Props = {
+    agendaData: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    openDialog: (order: OrderGroup) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    openReservation: (reservation: ReservationLine) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpenReservation?: ((reservation: ReservationLine) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     agendaData: any;
+    showOrderLink?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     openDialog: (order: any) => void;
@@ -7,11 +8,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     confirmed: () => any;
     cancelled: () => any;
     rejected: () => any;
+    openOrder: (orderId: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onConfirmed?: (() => any) | undefined;
     onCancelled?: (() => any) | undefined;
     onRejected?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    onOpenOrder?: ((orderId: string) => any) | undefined;
+}>, {
+    showOrderLink: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     cancelReservationDialog: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {

package/dist/src/appointments/components/edit/NewReservationDialog/CustomerInformation.vue.d.ts

@@ -0,0 +1,10 @@
+type CustomerInfoValue = string | boolean;
+type __VLS_Props = {
+    agendaData?: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    getCustomerInfo: () => Record<string, CustomerInfoValue>;
+    reset: () => void;
+    validateForm: () => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/appointments/components/edit/NewReservationDialog/NewReservationDialog.vue.d.ts

@@ -1,2 +1,26 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    agendaData?: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    customerInformationRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        agendaData?: any;
+    }> & Readonly<{}>, {
+        getCustomerInfo: () => Record<string, string | boolean>;
+        reset: () => void;
+        validateForm: () => boolean;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        agendaData?: any;
+    }> & Readonly<{}>, {
+        getCustomerInfo: () => Record<string, string | boolean>;
+        reset: () => void;
+        validateForm: () => boolean;
+    }, {}, {}, {}, {}> | null;
+}, any>;
 export default _default;

package/dist/src/appointments/components/edit/NewReservationDialog/QuickReservationAdder.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    agendaData?: any;
+    surface?: 'card' | 'popover';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    add: (payload: {
+        date: any;
+        resourceId: string;
+        pricingOptionId: string;
+        startTimes: string[];
+        spots: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAdd?: ((payload: {
+        date: any;
+        resourceId: string;
+        pricingOptionId: string;
+        startTimes: string[];
+        spots: number;
+    }) => any) | undefined;
+}>, {
+    surface: "card" | "popover";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hourScrollContainer: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/appointments/components/edit/NewReservationDialog/ReservationLines.vue.d.ts

@@ -0,0 +1,31 @@
+interface ReservationForm {
+    id: string;
+    spots: number;
+    paid: number;
+    resourceId: string;
+    pricingOption: string;
+    date: string;
+    dateValue?: any;
+    startTime: string;
+}
+interface QuickReservationPayload {
+    date: any;
+    resourceId: string;
+    pricingOptionId: string;
+    startTimes: string[];
+    spots: number;
+}
+type __VLS_Props = {
+    modelValue: ReservationForm[];
+    agendaData?: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: ReservationForm[]) => any;
+    add: () => any;
+    "quick-add": (payload: QuickReservationPayload) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ReservationForm[]) => any) | undefined;
+    onAdd?: (() => any) | undefined;
+    "onQuick-add"?: ((payload: QuickReservationPayload) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/appointments/components/edit/dashboard/Timeline.vue.d.ts

@@ -30,5 +30,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
     "onUpdate:viewMode"?: ((value: "single" | "stacked") => any) | undefined;
     "onUpdate:selectedResource"?: ((value: string | null) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dateInputRef: HTMLInputElement;
+}, any>;
 export default _default;

package/dist/src/appointments/composables/useHorizontalScroll.d.ts

@@ -0,0 +1,20 @@
+export interface UseHorizontalScrollOptions {
+    dragSpeed?: number;
+    dragThreshold?: number;
+    edgeThreshold?: number;
+    ignoreDragSelector?: string;
+    observeMutations?: boolean;
+    scrollStep?: number;
+}
+export declare function useHorizontalScroll(options?: UseHorizontalScrollOptions): {
+    canScrollLeft: globalThis.ComputedRef<boolean>;
+    canScrollRight: globalThis.ComputedRef<boolean>;
+    containerRef: globalThis.Ref<HTMLElement | null, HTMLElement | null>;
+    isDragging: globalThis.Ref<boolean, boolean>;
+    isScrollable: globalThis.Ref<boolean, boolean>;
+    refresh: () => void;
+    scrollNext: () => void;
+    scrollPrev: () => void;
+    showLeftShadow: globalThis.Ref<boolean, boolean>;
+    showRightShadow: globalThis.Ref<boolean, boolean>;
+};

package/dist/src/lib/interpolation.d.ts

@@ -1,5 +1,11 @@
 export declare function interpolateTemplateFromVariableContext(template: string, variableContext: Variable[]): unknown;
 export declare function interpolateTemplateFromVariableObject(template: string, variableContext: Record<string, any>, mode?: 'text' | 'js'): unknown;
+interface InterpolationSegment {
+    start: number;
+    end: number;
+    expression: string;
+}
+export declare function findInterpolationSegments(template: string): InterpolationSegment[];
 interface Variable {
     name: string;
     type: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneclick.dev/cms-core-modules",
-  "version": "0.0.105",
+  "version": "0.0.106",
   "main": "dist/index.cjs.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
   "peerDependencies": {
     "@formkit/drag-and-drop": "^0.5.3",
     "@internationalized/date": "^3.8.0",
-    "@oneclick.dev/cms-kit": "0.0.117",
+    "@oneclick.dev/cms-kit": "0.0.118",
     "@tanstack/vue-table": "^8.21.3",
     "@vee-validate/zod": "^4.15.0",
     "@vue-flow/core": "^1.48.1",