@oneclick.dev/cms-core-modules 0.0.122 → 0.0.124

package/dist/reports-DmJPm8uP.js

@@ -0,0 +1,158 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),J=require("@oneclick.dev/cms-kit"),g=require("lucide-vue-next"),W=require("./index-ijdf0d9-.js"),Fe=require("./EditLayout.vue_vue_type_script_setup_true_lang-D1b9_iiN.js"),ge=require("./OrderDetailDialog.vue_vue_type_script_setup_true_lang-DzPOadcU.js"),Ue={class:"space-y-6"},Le={class:"flex flex-col gap-4 @3xl:flex-row @3xl:items-start @3xl:justify-between"},qe={class:"text-2xl font-semibold tracking-tight flex items-center gap-2"},He={class:"flex flex-col gap-2 sm:flex-row sm:items-center"},Ye={class:"grid grid-cols-1 gap-3 @xl:grid-cols-3 md:items-end"},Ge={class:"grid gap-1.5"},Qe={class:"grid gap-1.5"},Ke={key:0,class:"text-sm text-destructive"},Je={class:"flex flex-wrap gap-2"},We={key:0,class:"flex items-center justify-center py-12"},Xe={key:1,class:"text-center py-12 text-muted-foreground"},Ze={class:"grid grid-cols-1 gap-4 @3xl:grid-cols-2 @7xl:grid-cols-4"},et={class:"text-2xl font-semibold"},tt={class:"text-xs text-muted-foreground mt-1"},nt={class:"text-2xl font-semibold"},ot={class:"text-xs text-muted-foreground mt-1"},rt={class:"text-2xl font-semibold"},at={class:"text-xs text-muted-foreground mt-1"},st={class:"text-2xl font-semibold"},lt={class:"text-xs text-muted-foreground mt-1"},dt={class:"grid grid-cols-1 gap-4 @5xl:grid-cols-2"},it={class:"flex items-center justify-between gap-4"},ut={class:"font-medium"},ct={class:"flex items-center justify-between gap-4"},mt={class:"font-medium text-destructive"},ft={class:"flex items-center justify-between gap-4"},pt={class:"font-semibold"},gt={class:"flex items-center justify-between gap-4"},vt={class:"font-medium"},xt={class:"flex items-center justify-between gap-4"},Nt={class:"font-medium"},Vt={class:"flex items-center justify-between gap-4"},bt={class:"font-medium"},yt={class:"flex items-center justify-between gap-4"},ht={class:"font-medium"},Ct={class:"flex items-center justify-between gap-4"},_t={class:"font-medium"},wt={class:"flex items-center justify-between gap-4"},Dt={class:"font-medium"},kt={class:"flex items-center gap-2 text-sm font-medium mb-3"},Et={class:"space-y-2 text-sm"},St={class:"text-muted-foreground"},Rt={class:"font-medium"},Tt={class:"flex items-center gap-2 text-sm font-medium mb-3"},At={class:"space-y-2 text-sm"},Bt={class:"text-muted-foreground"},$t={class:"font-medium"},Ot={class:"overflow-x-auto"},jt=["aria-label","onClick"],Mt={key:1},zt={class:"space-y-2 py-4"},It=["disabled","aria-disabled","aria-busy","onClick"],Pt={class:"min-w-0 flex-1 space-y-1.5"},Ft={class:"flex flex-wrap items-center gap-2"},Ut={class:"truncate font-medium"},Lt={class:"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground"},qt={class:"inline-flex items-center gap-1"},Ht={class:"flex shrink-0 items-center justify-between gap-2 sm:justify-end"},Yt={class:"font-medium"},Gt={key:0,class:"text-xs font-normal text-muted-foreground"},Qt=e.defineComponent({__name:"reports",setup(Kt){const{params:X}=J.useModuleRoute(),{config:P}=J.useModule(),q=J.useFirebaseIntegration(P.project),Z=e.computed(()=>X.value?.id??X.id??""),k=e.ref(!1),v=e.ref([]),F=e.ref(null),O=e.ref([]),E=e.ref(!1),h=e.ref(null),w=e.ref(null),j=e.ref(!1),ee=e.ref(null),te=e.ref(null),ne=e.ref(null);let M=0;const C=n=>{const t=n.getFullYear(),o=String(n.getMonth()+1).padStart(2,"0"),r=String(n.getDate()).padStart(2,"0");return`${t}-${o}-${r}`},H=n=>{const t=Math.floor(n.getMonth()/3)*3;return new Date(n.getFullYear(),t,1)},ve=n=>{const t=Math.floor(n.getMonth()/3)*3;return new Date(n.getFullYear(),t+3,0)},oe=new Date,x=e.ref(C(H(oe))),N=e.ref(C(oe)),S=e.computed(()=>!x.value||!N.value?"Select a start and end date.":x.value>N.value?"Start date must be before end date.":""),xe=()=>{const n=new Date(`${x.value}T00:00:00`),t=new Date(`${N.value}T23:59:59.999`);return{start:n,end:t}},re=e.computed(()=>{if(!x.value||!N.value)return"";const n=new Date(`${x.value}T00:00:00`),t=new Date(`${N.value}T00:00:00`);return`${n.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})} - ${t.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}`}),Ne=()=>{const n=new Date;x.value=C(H(n)),N.value=C(n)},Ve=()=>{const n=new Date,t=new Date(n.getFullYear(),Math.floor(n.getMonth()/3)*3-1,1);x.value=C(H(t)),N.value=C(ve(t))},be=()=>{const n=new Date;x.value=C(new Date(n.getFullYear(),0,1)),N.value=C(n)},_=n=>{const t=Number(n);return Number.isFinite(t)?t:0},R=n=>{if(!n)return null;if(n instanceof Date)return n;if(typeof n=="string"||typeof n=="number"){const t=new Date(n);return Number.isNaN(t.getTime())?null:t}return typeof n.toDate=="function"?n.toDate():null},ae=n=>{const t=R(n.createdAt);return t?C(t):"Unknown date"},D=n=>typeof n.total=="number"?n.total:(n.reservations||[]).reduce((t,o)=>t+_(o.totalPrice),0),ye=n=>typeof n.amountPaid=="number"?n.amountPaid:D(n),se=n=>n.status==="confirmed",T=e.computed(()=>v.value.flatMap(n=>{const t=n.id,o=n.status||"unknown",r=D(n);return(n.reservations||[]).map(i=>({...i,orderId:t,orderStatus:o,orderCreatedAt:n.createdAt,orderTotal:r,orderAmountPaid:n.amountPaid}))})),le=n=>Array.isArray(n.refunds)?n.refunds:[],de=n=>{const t=le(n);return t.length>0?t.reduce((o,r)=>o+_(r.amount),0):_(n.refundedAmount)},he=n=>{const t=le(n);return t.length>0?t.length:!!(n.refundStatus||n.refundedAt||_(n.refundedAmount)>0)?1:0},A=e.computed(()=>v.value.filter(se)),s=e.computed(()=>{const n=A.value.reduce((u,f)=>u+D(f),0),t=A.value.reduce((u,f)=>u+ye(f),0),o=T.value.filter(u=>u.orderStatus==="confirmed").length,r=v.value.filter(u=>u.status==="pending").reduce((u,f)=>u+D(f),0),i=v.value.filter(u=>u.status==="cancelled").reduce((u,f)=>u+D(f),0),c=T.value.reduce((u,f)=>u+de(f),0),d=T.value.reduce((u,f)=>u+he(f),0),b=T.value.reduce((u,f)=>u+_(f.spots),0),p=A.value.reduce((u,f)=>u+_(f.amountDue),0);return{grossRevenue:n,moneyCollected:t,pendingRevenue:r,cancelledRevenue:i,netRevenue:n-c,refundAmount:c,refundCount:d,orders:v.value.length,confirmedOrders:A.value.length,reservations:T.value.length,spots:b,amountDue:p,averageOrder:A.value.length?n/A.value.length:0,averageReservation:o?n/o:0}}),ie=e.computed(()=>{const n=new Map;return v.value.forEach(t=>{const o=t.status||"unknown",r=n.get(o)||{status:o,count:0,revenue:0};r.count+=1,r.revenue+=D(t),n.set(o,r)}),Array.from(n.values()).sort((t,o)=>o.count-t.count)}),ue=e.computed(()=>{const n=new Map;return T.value.forEach(t=>{const o=t.status||"unknown",r=n.get(o)||{status:o,count:0,spots:0,revenue:0};r.count+=1,r.spots+=_(t.spots),r.revenue+=_(t.totalPrice),n.set(o,r)}),Array.from(n.values()).sort((t,o)=>o.count-t.count)}),Y=e.computed(()=>{const n=new Map;return v.value.forEach(t=>{const o=ae(t),r=n.get(o)||{date:o,orders:0,reservations:0,grossRevenue:0,refunds:0,netRevenue:0},i=t.reservations||[],c=i.reduce((b,p)=>b+de(p),0),d=se(t)?D(t):0;r.orders+=1,r.reservations+=i.length,r.grossRevenue+=d,r.refunds+=c,r.netRevenue=r.grossRevenue-r.refunds,n.set(o,r)}),Array.from(n.values()).sort((t,o)=>o.date.localeCompare(t.date))}),U=e.computed(()=>Y.value.find(n=>n.date===h.value)||null),G=e.computed(()=>h.value?v.value.filter(n=>ae(n)===h.value):[]);e.provide("event",ee);const Ce=n=>{n.date!=="Unknown date"&&(h.value=n.date,E.value=!0)},Q=()=>{E.value=!1,w.value=null,M+=1},_e=n=>{if(n){E.value=!0;return}Q()},l=n=>new Intl.NumberFormat("nl-BE",{style:"currency",currency:"EUR"}).format(n),m=n=>new Intl.NumberFormat("nl-BE").format(n),L=(n,t,o=`${t}s`)=>`${m(n)} ${n===1?t:o}`,z=n=>n.split("_").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" "),ce=n=>{if(n==="Unknown date")return n;const t=new Date(`${n}T00:00:00`);return Number.isNaN(t.getTime())?n:t.toLocaleDateString("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"})},we=n=>{const t=R(n);return t?t.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1}):"Time unavailable"},De=n=>[n.customerInfo?.firstName,n.customerInfo?.lastName].filter(Boolean).join(" ").trim()||n.customerInfo?.email||"Unknown customer",ke=n=>(n.reservations||[]).reduce((t,o)=>t+_(o.spots),0),me=n=>{switch(n){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:z(n||"unknown"),class:"bg-muted text-muted-foreground"}}},Ee=(n,t)=>{const o=t.resourceId||t.resource?.id,r=O.value.find(c=>String(c.id)===String(o)),i=R(n.createdAt)?.toISOString()||(typeof n.createdAt=="string"?n.createdAt:"");return{id:n.id,res_id:t.id,customerInfo:n.customerInfo,amountDue:n.amountDue,amountPaid:n.amountPaid,status:n.status,reservationStatus:t.status,subtotal:n.subtotal,total:n.total,discount:n.discount,resourceId:o,resource:t.resource,spots:t.spots,date:t.date,createdAt:i,startTime:t.timeslot?.startTime,endTime:t.timeslot?.endTime,reservationPrice:t.totalPrice,reservationBasePrice:t.basePrice,reservationAddOnsPrice:t.addOnsPrice,pricingOptionId:t.pricingOptionId,pricingOption:t.pricingOption,resourceName:r?.name||t.resource?.name,resourceColor:r?.color||t.resource?.color,metadata:n.metadata||{},reservationMetadata:t.metadata||{},refundStatus:t.refundStatus,refundedAt:t.refundedAt,refundedAmount:t.refundedAmount,refunds:Array.isArray(t.refunds)?t.refunds:[],adjustments:n.adjustments||[],reservationAdjustments:t.adjustments||[]}},K=async()=>{await e.nextTick(),await new Promise(n=>{if(typeof requestAnimationFrame=="function"){requestAnimationFrame(()=>n());return}n()})},fe=async(n,t=!1)=>{if(!n||w.value)return;const o=++M;w.value=n;try{const r=await q.get(P.reservationsCollection,n);if(o!==M)return;if(!r){W.toast.error("Order details could not be found."),await I();return}const i={...r,id:r.id||n},c=(i.reservations||[]).map(d=>Ee(i,d));if(!c.length){W.toast.error("This order has no reservation details."),await I();return}t&&(j.value=!0),E.value=!1,await K(),te.value?.openDialog({id:i.id,customerInfo:i.customerInfo,status:i.status,createdAt:R(i.createdAt)?.toISOString()||(typeof i.createdAt=="string"?i.createdAt:""),metadata:i.metadata||{},reservations:c,adjustments:i.adjustments||[],totalPrice:typeof i.total=="number"?i.total:c.reduce((d,b)=>d+(b.reservationPrice||0),0),totalSpots:c.reduce((d,b)=>d+(b.spots||0),0)})}catch(r){if(o!==M)return;console.error("Error loading order details:",r),W.toast.error("Unable to load order details."),await I()}finally{o===M&&(w.value=null)}},Se=async n=>{ee.value={date:n.date,resourceId:n.resourceId||n.resource?.id,resource:n.resource},await K(),ne.value?.openDialog(n)};async function I(){if(!j.value||!h.value||!G.value.length){j.value=!1;return}await K(),!(!h.value||!G.value.length)&&(E.value=!0,j.value=!1)}const V=n=>String(n??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"),Re=()=>{if(!v.value.length)return;const n=[["Money made",l(s.value.netRevenue),`${l(s.value.grossRevenue)} gross - ${l(s.value.refundAmount)} refunds`],["Orders",m(s.value.orders),`${m(s.value.confirmedOrders)} confirmed`],["Reservations",m(s.value.reservations),`${m(s.value.spots)} spots booked`],["Refunds",m(s.value.refundCount),`${l(s.value.refundAmount)} refunded`]],t=[["Gross revenue",l(s.value.grossRevenue)],["Refunds",l(s.value.refundAmount)],["Net revenue",l(s.value.netRevenue)],["Money collected",l(s.value.moneyCollected)],["Amount due",l(s.value.amountDue)],["Pending order value",l(s.value.pendingRevenue)],["Cancelled order value",l(s.value.cancelledRevenue)],["Average confirmed order",l(s.value.averageOrder)],["Average reservation",l(s.value.averageReservation)]],o=d=>d.map(b=>`<tr>${b.map(p=>`<td>${V(p)}</td>`).join("")}</tr>`).join(""),r=`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Appointments Report ${V(x.value)} - ${V(N.value)}</title>
+  <style>
+    * { box-sizing: border-box; }
+    body {
+      margin: 0;
+      padding: 40px;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
+      color: #111827;
+      background: #f8fafc;
+    }
+    .report {
+      max-width: 1040px;
+      margin: 0 auto;
+      background: #ffffff;
+      border: 1px solid #e5e7eb;
+      border-radius: 8px;
+      padding: 32px;
+    }
+    h1, h2 { margin: 0; }
+    h1 { font-size: 28px; letter-spacing: 0; }
+    h2 { font-size: 16px; margin-bottom: 12px; }
+    .muted { color: #6b7280; }
+    .header {
+      display: flex;
+      justify-content: space-between;
+      gap: 24px;
+      border-bottom: 1px solid #e5e7eb;
+      padding-bottom: 24px;
+      margin-bottom: 24px;
+    }
+    .cards {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 12px;
+      margin-bottom: 24px;
+    }
+    .card {
+      border: 1px solid #e5e7eb;
+      border-radius: 8px;
+      padding: 16px;
+      background: #ffffff;
+    }
+    .card-label { font-size: 12px; color: #6b7280; margin-bottom: 8px; }
+    .card-value { font-size: 22px; font-weight: 700; }
+    .card-note { font-size: 12px; color: #6b7280; margin-top: 6px; }
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 24px;
+      margin-bottom: 24px;
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 13px;
+    }
+    th, td {
+      border-bottom: 1px solid #e5e7eb;
+      padding: 10px 8px;
+      text-align: left;
+    }
+    th {
+      color: #6b7280;
+      font-weight: 600;
+      background: #f9fafb;
+    }
+    td:last-child, th:last-child { text-align: right; }
+    @media print {
+      body { background: #ffffff; padding: 0; }
+      .report { border: 0; }
+    }
+  </style>
+</head>
+<body>
+  <main class="report">
+    <section class="header">
+      <div>
+        <h1>Appointments Report</h1>
+        <p class="muted">${V(re.value)}</p>
+      </div>
+      <div class="muted">Generated ${V(new Date().toLocaleString("en-US"))}</div>
+    </section>
+
+    <section class="cards">
+      ${n.map(([d,b,p])=>`
+        <div class="card">
+          <div class="card-label">${V(d)}</div>
+          <div class="card-value">${V(b)}</div>
+          <div class="card-note">${V(p)}</div>
+        </div>
+      `).join("")}
+    </section>
+
+    <section class="grid">
+      <div>
+        <h2>Finance</h2>
+        <table><tbody>${o(t)}</tbody></table>
+      </div>
+      <div>
+        <h2>Order Status</h2>
+        <table>
+          <tbody>
+            ${o(ie.value.map(d=>[z(d.status),`${m(d.count)} - ${l(d.revenue)}`]))}
+          </tbody>
+        </table>
+      </div>
+    </section>
+
+    <section class="grid">
+      <div>
+        <h2>Reservation Status</h2>
+        <table>
+          <tbody>
+            ${o(ue.value.map(d=>[z(d.status),`${m(d.count)} - ${m(d.spots)} spots - ${l(d.revenue)}`]))}
+          </tbody>
+        </table>
+      </div>
+      <div>
+        <h2>Period Totals</h2>
+        <table><tbody>${o([["Start date",x.value],["End date",N.value],["Orders",m(s.value.orders)],["Reservations",m(s.value.reservations)]])}</tbody></table>
+      </div>
+    </section>
+
+    <section>
+      <h2>Daily Breakdown</h2>
+      <table>
+        <thead>
+          <tr>
+            <th>Date</th>
+            <th>Orders</th>
+            <th>Reservations</th>
+            <th>Gross</th>
+            <th>Refunds</th>
+            <th>Net</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${Y.value.map(d=>`
+            <tr>
+              <td>${V(d.date)}</td>
+              <td>${V(m(d.orders))}</td>
+              <td>${V(m(d.reservations))}</td>
+              <td>${V(l(d.grossRevenue))}</td>
+              <td>${V(l(d.refunds))}</td>
+              <td>${V(l(d.netRevenue))}</td>
+            </tr>
+          `).join("")}
+        </tbody>
+      </table>
+    </section>
+  </main>
+</body>
+</html>`,i=new Blob([r],{type:"text/html;charset=utf-8"}),c=document.createElement("a");c.href=URL.createObjectURL(i),c.setAttribute("download",`appointments-report-${x.value}-to-${N.value}.html`),document.body.appendChild(c),c.click(),URL.revokeObjectURL(c.href),c.remove()},y=async()=>{if(!S.value){k.value=!0,Q(),h.value=null,j.value=!1,v.value=[];try{const{start:n,end:t}=xe(),o=await q.find(P.reservationsCollection,{filters:[{field:"agendaId",operator:"==",value:Z.value},{field:"createdAt",operator:">=",value:n.toISOString()},{field:"createdAt",operator:"<=",value:t.toISOString()}]});v.value=o.map(r=>({...r,id:r.id||r.orderId||""})).sort((r,i)=>(R(i.createdAt)?.getTime()||0)-(R(r.createdAt)?.getTime()||0))}catch(n){console.error("Error loading report:",n),v.value=[]}finally{k.value=!1}}};return(async()=>{try{const n=await q.get(P.agendaCollection,Z.value);F.value=n,O.value=n?.resources?.filter(t=>t.isActive)||[]}catch(n){console.error("Error loading agenda context:",n),F.value=null,O.value=[]}})(),y(),(n,t)=>{const o=e.resolveComponent("Button"),r=e.resolveComponent("CardTitle"),i=e.resolveComponent("CardDescription"),c=e.resolveComponent("CardHeader"),d=e.resolveComponent("Label"),b=e.resolveComponent("Input"),p=e.resolveComponent("CardContent"),u=e.resolveComponent("Card"),f=e.resolveComponent("Separator"),B=e.resolveComponent("TableHead"),pe=e.resolveComponent("TableRow"),Te=e.resolveComponent("TableHeader"),$=e.resolveComponent("TableCell"),Ae=e.resolveComponent("TableBody"),Be=e.resolveComponent("Table"),$e=e.resolveComponent("ResponsiveModalTitle"),Oe=e.resolveComponent("ResponsiveModalDescription"),je=e.resolveComponent("ResponsiveModalHeader"),Me=e.resolveComponent("ResponsiveModalFooter"),ze=e.resolveComponent("ResponsiveModalScrollContent"),Ie=e.resolveComponent("ResponsiveModal");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(Fe._sfc_main,null,{default:e.withCtx(()=>[e.createElementVNode("div",Ue,[e.createElementVNode("div",Le,[e.createElementVNode("div",null,[e.createElementVNode("h1",qe,[e.createVNode(e.unref(g.BarChart3),{class:"size-6"}),t[7]||(t[7]=e.createTextVNode(" Reports ",-1))]),t[8]||(t[8]=e.createElementVNode("p",{class:"text-muted-foreground text-sm mt-1"}," Financial statistics for orders placed in a selected period. ",-1))]),e.createElementVNode("div",He,[e.createVNode(o,{variant:"outline",onClick:Re,disabled:e.unref(k)||!!e.unref(S)||e.unref(v).length===0},{default:e.withCtx(()=>[e.createVNode(e.unref(g.Download),{class:"size-4"}),t[9]||(t[9]=e.createTextVNode(" Download Report ",-1))]),_:1},8,["disabled"]),e.createVNode(o,{variant:"outline",onClick:y,disabled:e.unref(k)||!!e.unref(S)},{default:e.withCtx(()=>[e.createVNode(e.unref(g.RefreshCw),{class:e.normalizeClass(["size-4",{"animate-spin":e.unref(k)}])},null,8,["class"]),t[10]||(t[10]=e.createTextVNode(" Refresh ",-1))]),_:1},8,["disabled"])])]),e.createVNode(u,{class:"-mx-6 rounded-none border-x-0 @5xl:mx-0 @5xl:rounded-xl @5xl:border-x-[1px]"},{default:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(r,{class:"flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.CalendarIcon),{class:"size-5"}),t[11]||(t[11]=e.createTextVNode(" Period ",-1))]),_:1}),e.createVNode(i,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(re)),1)]),_:1})]),_:1}),e.createVNode(p,{class:"space-y-4"},{default:e.withCtx(()=>[e.createElementVNode("div",Ye,[e.createElementVNode("div",Ge,[e.createVNode(d,{for:"report-start-date"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Start date",-1)])]),_:1}),e.createVNode(b,{id:"report-start-date",modelValue:e.unref(x),"onUpdate:modelValue":t[0]||(t[0]=a=>e.isRef(x)?x.value=a:null),type:"date"},null,8,["modelValue"])]),e.createElementVNode("div",Qe,[e.createVNode(d,{for:"report-end-date"},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode("End date",-1)])]),_:1}),e.createVNode(b,{id:"report-end-date",modelValue:e.unref(N),"onUpdate:modelValue":t[1]||(t[1]=a=>e.isRef(N)?N.value=a:null),type:"date"},null,8,["modelValue"])]),e.createVNode(o,{class:"md:whitespace-nowrap",onClick:y,disabled:e.unref(k)||!!e.unref(S)},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Generate Report ",-1)])]),_:1},8,["disabled"])]),e.unref(S)?(e.openBlock(),e.createElementBlock("p",Ke,e.toDisplayString(e.unref(S)),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Je,[e.createVNode(o,{variant:"outline",size:"sm",onClick:t[2]||(t[2]=a=>{Ne(),y()})},{default:e.withCtx(()=>[...t[15]||(t[15]=[e.createTextVNode(" This quarter ",-1)])]),_:1}),e.createVNode(o,{variant:"outline",size:"sm",onClick:t[3]||(t[3]=a=>{Ve(),y()})},{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode(" Previous quarter ",-1)])]),_:1}),e.createVNode(o,{variant:"outline",size:"sm",onClick:t[4]||(t[4]=a=>{be(),y()})},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode(" Year to date ",-1)])]),_:1})])]),_:1})]),_:1}),e.unref(k)?(e.openBlock(),e.createElementBlock("div",We,[...t[18]||(t[18]=[e.createElementVNode("div",{class:"animate-spin rounded-full h-8 w-8 border-b-2 border-primary"},null,-1)])])):e.unref(v).length===0?(e.openBlock(),e.createElementBlock("div",Xe,[e.createVNode(e.unref(g.BarChart3),{class:"size-12 mx-auto mb-3 opacity-50"}),t[19]||(t[19]=e.createElementVNode("p",null,"No orders found for this period",-1))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",Ze,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(r,{class:"text-sm font-medium text-muted-foreground flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.BadgeEuro),{class:"size-4"}),t[20]||(t[20]=e.createTextVNode(" Money made ",-1))]),_:1})]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createElementVNode("div",et,e.toDisplayString(l(e.unref(s).netRevenue)),1),e.createElementVNode("p",tt,e.toDisplayString(l(e.unref(s).grossRevenue))+" gross - "+e.toDisplayString(l(e.unref(s).refundAmount))+" refunds ",1)]),_:1})]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(r,{class:"text-sm font-medium text-muted-foreground flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.ShoppingBag),{class:"size-4"}),t[21]||(t[21]=e.createTextVNode(" Orders ",-1))]),_:1})]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createElementVNode("div",nt,e.toDisplayString(m(e.unref(s).orders)),1),e.createElementVNode("p",ot,e.toDisplayString(m(e.unref(s).confirmedOrders))+" confirmed ",1)]),_:1})]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(r,{class:"text-sm font-medium text-muted-foreground flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.Users),{class:"size-4"}),t[22]||(t[22]=e.createTextVNode(" Reservations ",-1))]),_:1})]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createElementVNode("div",rt,e.toDisplayString(m(e.unref(s).reservations)),1),e.createElementVNode("p",at,e.toDisplayString(m(e.unref(s).spots))+" spots booked ",1)]),_:1})]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(c,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(r,{class:"text-sm font-medium text-muted-foreground flex items-center gap-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.Undo2),{class:"size-4"}),t[23]||(t[23]=e.createTextVNode(" Refunds ",-1))]),_:1})]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createElementVNode("div",st,e.toDisplayString(m(e.unref(s).refundCount)),1),e.createElementVNode("p",lt,e.toDisplayString(l(e.unref(s).refundAmount))+" refunded ",1)]),_:1})]),_:1})]),e.createElementVNode("div",dt,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(r,null,{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode("Finance",-1)])]),_:1}),e.createVNode(i,null,{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode("Confirmed orders are counted as revenue.",-1)])]),_:1})]),_:1}),e.createVNode(p,{class:"space-y-3 text-sm"},{default:e.withCtx(()=>[e.createElementVNode("div",it,[t[26]||(t[26]=e.createElementVNode("span",{class:"text-muted-foreground"},"Gross revenue",-1)),e.createElementVNode("span",ut,e.toDisplayString(l(e.unref(s).grossRevenue)),1)]),e.createElementVNode("div",ct,[t[27]||(t[27]=e.createElementVNode("span",{class:"text-muted-foreground"},"Refunds",-1)),e.createElementVNode("span",mt,e.toDisplayString(l(e.unref(s).refundAmount)),1)]),e.createVNode(f),e.createElementVNode("div",ft,[t[28]||(t[28]=e.createElementVNode("span",{class:"text-muted-foreground"},"Net revenue",-1)),e.createElementVNode("span",pt,e.toDisplayString(l(e.unref(s).netRevenue)),1)]),e.createElementVNode("div",gt,[t[29]||(t[29]=e.createElementVNode("span",{class:"text-muted-foreground"},"Money collected",-1)),e.createElementVNode("span",vt,e.toDisplayString(l(e.unref(s).moneyCollected)),1)]),e.createElementVNode("div",xt,[t[30]||(t[30]=e.createElementVNode("span",{class:"text-muted-foreground"},"Amount due",-1)),e.createElementVNode("span",Nt,e.toDisplayString(l(e.unref(s).amountDue)),1)]),e.createElementVNode("div",Vt,[t[31]||(t[31]=e.createElementVNode("span",{class:"text-muted-foreground"},"Pending order value",-1)),e.createElementVNode("span",bt,e.toDisplayString(l(e.unref(s).pendingRevenue)),1)]),e.createElementVNode("div",yt,[t[32]||(t[32]=e.createElementVNode("span",{class:"text-muted-foreground"},"Cancelled order value",-1)),e.createElementVNode("span",ht,e.toDisplayString(l(e.unref(s).cancelledRevenue)),1)]),e.createElementVNode("div",Ct,[t[33]||(t[33]=e.createElementVNode("span",{class:"text-muted-foreground"},"Average confirmed order",-1)),e.createElementVNode("span",_t,e.toDisplayString(l(e.unref(s).averageOrder)),1)]),e.createElementVNode("div",wt,[t[34]||(t[34]=e.createElementVNode("span",{class:"text-muted-foreground"},"Average reservation",-1)),e.createElementVNode("span",Dt,e.toDisplayString(l(e.unref(s).averageReservation)),1)])]),_:1})]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(r,null,{default:e.withCtx(()=>[...t[35]||(t[35]=[e.createTextVNode("Status Breakdown",-1)])]),_:1}),e.createVNode(i,null,{default:e.withCtx(()=>[...t[36]||(t[36]=[e.createTextVNode("Orders and reservation lines in this period.",-1)])]),_:1})]),_:1}),e.createVNode(p,{class:"space-y-5"},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",kt,[e.createVNode(e.unref(g.Receipt),{class:"size-4"}),t[37]||(t[37]=e.createTextVNode(" Orders ",-1))]),e.createElementVNode("div",Et,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(ie),a=>(e.openBlock(),e.createElementBlock("div",{key:a.status,class:"flex items-center justify-between gap-4"},[e.createElementVNode("span",St,e.toDisplayString(z(a.status)),1),e.createElementVNode("span",Rt,e.toDisplayString(m(a.count))+" · "+e.toDisplayString(l(a.revenue)),1)]))),128))])]),e.createVNode(f),e.createElementVNode("div",null,[e.createElementVNode("div",Tt,[e.createVNode(e.unref(g.Users),{class:"size-4"}),t[38]||(t[38]=e.createTextVNode(" Reservations ",-1))]),e.createElementVNode("div",At,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(ue),a=>(e.openBlock(),e.createElementBlock("div",{key:a.status,class:"flex items-center justify-between gap-4"},[e.createElementVNode("span",Bt,e.toDisplayString(z(a.status)),1),e.createElementVNode("span",$t,e.toDisplayString(m(a.count))+" · "+e.toDisplayString(m(a.spots))+" spots · "+e.toDisplayString(l(a.revenue)),1)]))),128))])])]),_:1})]),_:1})]),e.createVNode(u,{class:"-mx-6 rounded-none border-x-0 @5xl:mx-0 @5xl:rounded-xl @5xl:border-x-[1px]"},{default:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(r,null,{default:e.withCtx(()=>[...t[39]||(t[39]=[e.createTextVNode("Daily Breakdown",-1)])]),_:1}),e.createVNode(i,null,{default:e.withCtx(()=>[...t[40]||(t[40]=[e.createTextVNode("Select a date to review the orders placed that day.",-1)])]),_:1})]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createElementVNode("div",Ot,[e.createVNode(Be,null,{default:e.withCtx(()=>[e.createVNode(Te,null,{default:e.withCtx(()=>[e.createVNode(pe,null,{default:e.withCtx(()=>[e.createVNode(B,null,{default:e.withCtx(()=>[...t[41]||(t[41]=[e.createTextVNode("Date",-1)])]),_:1}),e.createVNode(B,{class:"text-right"},{default:e.withCtx(()=>[...t[42]||(t[42]=[e.createTextVNode("Orders",-1)])]),_:1}),e.createVNode(B,{class:"text-right"},{default:e.withCtx(()=>[...t[43]||(t[43]=[e.createTextVNode("Reservations",-1)])]),_:1}),e.createVNode(B,{class:"text-right"},{default:e.withCtx(()=>[...t[44]||(t[44]=[e.createTextVNode("Gross",-1)])]),_:1}),e.createVNode(B,{class:"text-right"},{default:e.withCtx(()=>[...t[45]||(t[45]=[e.createTextVNode("Refunds",-1)])]),_:1}),e.createVNode(B,{class:"text-right"},{default:e.withCtx(()=>[...t[46]||(t[46]=[e.createTextVNode("Net",-1)])]),_:1})]),_:1})]),_:1}),e.createVNode(Ae,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Y),a=>(e.openBlock(),e.createBlock(pe,{key:a.date},{default:e.withCtx(()=>[e.createVNode($,{class:"font-medium"},{default:e.withCtx(()=>[a.date!=="Unknown date"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"inline-flex items-center gap-1 rounded-sm text-left hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2","aria-label":`View orders placed on ${ce(a.date)}`,onClick:Pe=>Ce(a)},[e.createTextVNode(e.toDisplayString(a.date)+" ",1),e.createVNode(e.unref(g.ChevronRight),{class:"size-3.5 text-muted-foreground"})],8,jt)):(e.openBlock(),e.createElementBlock("span",Mt,e.toDisplayString(a.date),1))]),_:2},1024),e.createVNode($,{class:"text-right"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m(a.orders)),1)]),_:2},1024),e.createVNode($,{class:"text-right"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m(a.reservations)),1)]),_:2},1024),e.createVNode($,{class:"text-right"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l(a.grossRevenue)),1)]),_:2},1024),e.createVNode($,{class:"text-right"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l(a.refunds)),1)]),_:2},1024),e.createVNode($,{class:"text-right font-medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l(a.netRevenue)),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:1})])]),_:1})]),_:1})],64))])]),_:1}),e.createVNode(Ie,{open:e.unref(E),"onUpdate:open":_e},{default:e.withCtx(()=>[e.createVNode(ze,{class:"sm:max-w-2xl"},{default:e.withCtx(()=>[e.createVNode(je,null,{default:e.withCtx(()=>[e.createVNode($e,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(h)?ce(e.unref(h)):"Daily orders"),1)]),_:1}),e.unref(U)?(e.openBlock(),e.createBlock(Oe,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(L(e.unref(U).orders,"order"))+" placed · "+e.toDisplayString(L(e.unref(U).reservations,"reservation"))+" · "+e.toDisplayString(l(e.unref(U).netRevenue))+" net revenue ",1)]),_:1})):e.createCommentVNode("",!0)]),_:1}),e.createElementVNode("div",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(G),a=>(e.openBlock(),e.createElementBlock("button",{key:a.id,type:"button",class:e.normalizeClass(["flex w-full flex-col items-stretch gap-3 rounded-lg border bg-background p-4 text-left transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 sm:flex-row sm:items-center",{"cursor-wait opacity-70":e.unref(w)!==null}]),disabled:!a.id||!a.reservations?.length,"aria-disabled":e.unref(w)!==null,"aria-busy":e.unref(w)===a.id,onClick:Pe=>fe(a.id,!0)},[e.createElementVNode("div",Pt,[e.createElementVNode("div",Ft,[e.createElementVNode("span",Ut,e.toDisplayString(De(a)),1),e.createElementVNode("span",{class:e.normalizeClass(["shrink-0 rounded-full px-2 py-0.5 text-xs font-medium",me(a.status).class])},e.toDisplayString(me(a.status).label),3)]),e.createElementVNode("div",Lt,[e.createElementVNode("span",null,"Order #"+e.toDisplayString(a.id.slice(0,8)),1),e.createElementVNode("span",qt,[e.createVNode(e.unref(g.Clock),{class:"size-3.5"}),e.createTextVNode(" "+e.toDisplayString(we(a.createdAt)),1)]),e.createElementVNode("span",null,e.toDisplayString(L(a.reservations?.length||0,"reservation"))+" · "+e.toDisplayString(L(ke(a),"spot")),1)])]),e.createElementVNode("div",Ht,[e.createElementVNode("span",Yt,e.toDisplayString(l(D(a))),1),a.reservations?.length?e.unref(w)===a.id?(e.openBlock(),e.createBlock(e.unref(g.LoaderCircle),{key:1,class:"size-4 animate-spin text-muted-foreground"})):(e.openBlock(),e.createBlock(e.unref(g.ChevronRight),{key:2,class:"size-4 text-muted-foreground"})):(e.openBlock(),e.createElementBlock("span",Gt,"No details"))])],10,It))),128))]),e.createVNode(Me,null,{default:e.withCtx(()=>[e.createVNode(o,{variant:"outline",onClick:Q},{default:e.withCtx(()=>[...t[47]||(t[47]=[e.createTextVNode("Close",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["open"]),e.createVNode(ge._sfc_main$1,{ref_key:"reservationDetailDialog",ref:ne,"agenda-data":e.unref(F),resources:e.unref(O),"show-order-link":"",onCancelled:y,onConfirmed:y,onRejected:y,onTransferred:y,onOpenOrder:t[5]||(t[5]=a=>fe(a)),onClosed:I},null,8,["agenda-data","resources"]),e.createVNode(ge._sfc_main$2,{ref_key:"orderDetailDialog",ref:te,"agenda-data":e.unref(F),resources:e.unref(O),onOpenReservation:t[6]||(t[6]=a=>Se(a)),onClosed:I},null,8,["agenda-data","resources"])],64)}}});exports.default=Qt;

package/dist/row-item-C1dUyimV.mjs

@@ -0,0 +1,204 @@
+import { defineComponent as S, inject as k, computed as N, resolveComponent as d, openBlock as u, createElementBlock as p, createElementVNode as a, createVNode as o, withCtx as i, createTextVNode as m, unref as s, Fragment as U, createCommentVNode as P, createBlock as F, normalizeClass as I, markRaw as w } from "vue";
+import { Table2 as y } from "lucide-vue-next";
+import { nodeProps as D, NodeToolbarWrapper as $, Handle as E, Position as _, NodeContextMenu as j } from "@oneclick.dev/cms-kit/flow-builder";
+const M = { class: "w-full" }, O = { class: "grid gap-2 mb-4" }, z = {
+  key: 0,
+  class: "mt-4"
+}, B = { class: "my-4" }, G = { class: "flex items-center justify-between gap-2" }, J = /* @__PURE__ */ S({
+  __name: "TableRowEditor",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: t }) {
+    const l = b, r = k("allAvailableVariables", []), v = t, n = N({
+      get: () => l.modelValue,
+      set: (V) => {
+        v("update:modelValue", V);
+      }
+    });
+    return (V, e) => {
+      const T = d("SelectValue"), h = d("SelectTrigger"), f = d("SelectItem"), x = d("SelectGroup"), C = d("SelectContent"), A = d("Select"), g = d("CodeEditor"), R = d("Switch");
+      return u(), p("div", M, [
+        e[11] || (e[11] = a("p", { class: "text-sm text-muted-foreground mb-4" }, " Performs visual row actions. Actual data changes must be handled in your connected flows. ", -1)),
+        a("div", O, [
+          e[7] || (e[7] = a("p", { class: "text-sm font-semibold" }, "Method", -1)),
+          o(A, {
+            modelValue: n.value.data.method,
+            "onUpdate:modelValue": e[0] || (e[0] = (c) => n.value.data.method = c)
+          }, {
+            default: i(() => [
+              o(h, { class: "w-full" }, {
+                default: i(() => [
+                  o(T, { placeholder: "Select a method" })
+                ]),
+                _: 1
+              }),
+              o(C, null, {
+                default: i(() => [
+                  o(x, null, {
+                    default: i(() => [
+                      o(f, { value: "CREATE" }, {
+                        default: i(() => [...e[4] || (e[4] = [
+                          m("Create new row", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      o(f, { value: "UPDATE" }, {
+                        default: i(() => [...e[5] || (e[5] = [
+                          m("Update row", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      o(f, { value: "REMOVE" }, {
+                        default: i(() => [...e[6] || (e[6] = [
+                          m("Remove row", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        n.value.data.method === "CREATE" ? (u(), p("div", z, [
+          o(g, {
+            modelValue: n.value.data.returnValueFn,
+            "onUpdate:modelValue": e[1] || (e[1] = (c) => n.value.data.returnValueFn = c),
+            variables: s(r),
+            placeholder: "return ...",
+            class: "mb-1"
+          }, null, 8, ["modelValue", "variables"]),
+          e[8] || (e[8] = a("p", { class: "text-xs text-stone-500" }, [
+            m("Just make sure you "),
+            a("b", null, "return"),
+            m(" a value")
+          ], -1))
+        ])) : n.value.data.method === "UPDATE" ? (u(), p(U, { key: 1 }, [
+          a("div", B, [
+            o(g, {
+              modelValue: n.value.data.returnValueFn,
+              "onUpdate:modelValue": e[2] || (e[2] = (c) => n.value.data.returnValueFn = c),
+              variables: s(r),
+              placeholder: "return ...",
+              class: "mb-1"
+            }, null, 8, ["modelValue", "variables"]),
+            e[9] || (e[9] = a("p", { class: "text-xs text-stone-500" }, [
+              m("Just make sure you "),
+              a("b", null, "return"),
+              m(" a value")
+            ], -1))
+          ]),
+          a("div", G, [
+            e[10] || (e[10] = a("label", {
+              class: "text-sm font-semibold select-none",
+              for: "return-data"
+            }, "Merge data", -1)),
+            o(R, {
+              modelValue: n.value.data.mergeData,
+              "onUpdate:modelValue": e[3] || (e[3] = (c) => n.value.data.mergeData = c),
+              id: "return-data"
+            }, null, 8, ["modelValue"])
+          ])
+        ], 64)) : P("", !0)
+      ]);
+    };
+  }
+}), W = { class: "flex items-center gap-2" }, q = { key: 0 }, H = { key: 1 }, L = { key: 2 }, K = {
+  key: 3,
+  class: "opacity-50"
+}, Q = {
+  __name: "TableRowNode",
+  props: D,
+  setup(b) {
+    return (t, l) => (u(), F(s($), {
+      nodeId: t.id,
+      toolbarVisible: t.data.toolbarVisible,
+      toolbarPosition: t.data.toolbarPosition
+    }, {
+      default: i(() => [
+        o(s(E), {
+          type: "target",
+          position: s(_).Left
+        }, null, 8, ["position"]),
+        a("div", W, [
+          a("div", {
+            class: I(["size-8 text-white rounded-xl flex items-center justify-center", `${t.data.method ? "bg-blue-500" : "bg-gray-600 opacity-50"}`])
+          }, [
+            o(s(y), { class: "size-5" })
+          ], 2),
+          a("div", null, [
+            t.data.method === "CREATE" ? (u(), p("span", q, "Table: Create row")) : t.data.method === "UPDATE" ? (u(), p("span", H, "Table: Update row")) : t.data.method === "REMOVE" ? (u(), p("span", L, "Table: Remove row")) : (u(), p("span", K, "Select a table method"))
+          ])
+        ]),
+        o(s(j), { nodeId: t.id }, null, 8, ["nodeId"]),
+        o(s(E), {
+          type: "source",
+          id: "success",
+          position: s(_).Right
+        }, null, 8, ["position"])
+      ]),
+      _: 1
+    }, 8, ["nodeId", "toolbarVisible", "toolbarPosition"]));
+  }
+};
+function te(b = {}) {
+  const { tableRowActions: t } = b;
+  return {
+    type: {
+      label: "Table row action",
+      value: "table-row-action",
+      icon: w(y),
+      buttonClass: "bg-gray-800 text-white"
+    },
+    editor: w(J),
+    node: w(Q),
+    async processFunction(l, { node: r }) {
+      if (!t) {
+        console.warn("[table-row-action] No tableRowActions provided, ignoring action.");
+        return;
+      }
+      let v = X(r.data.returnValueFn, l);
+      switch (r.data.method) {
+        case "CREATE":
+          if (!t.create) {
+            console.warn("[table-row-action] No create handler provided, ignoring action.");
+            return;
+          }
+          return t.create(v), { finishedTableAction: !0 };
+        case "UPDATE":
+          if (!t.update) {
+            console.warn("[table-row-action] No update handler provided, ignoring action.");
+            return;
+          }
+          return t.update(l.tableActiveRowIndex, v, r.data.mergeData || !1), { finishedTableAction: !0 };
+        case "REMOVE":
+          if (!t.remove) {
+            console.warn("[table-row-action] No remove handler provided, ignoring action.");
+            return;
+          }
+          return t.remove(l.tableActiveRowIndex), { finishedTableAction: !0 };
+        default:
+          return;
+      }
+    }
+  };
+}
+const X = (b, t = {}) => {
+  var l = document.createElement("iframe");
+  document.body.appendChild(l);
+  var r = l.contentWindow?.Function;
+  if (document.body.removeChild(l), !r) throw new Error("Unable to create sandboxed function.");
+  return r(...Object.keys(t), "'use strict';" + b)(...Object.values(t));
+};
+export {
+  te as c
+};

package/dist/row-item-Cyo3m3MZ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("lucide-vue-next"),d=require("@oneclick.dev/cms-kit/flow-builder"),N={class:"w-full"},x={class:"grid gap-2 mb-4"},C={key:0,class:"mt-4"},T={class:"my-4"},g={class:"flex items-center justify-between gap-2"},h=e.defineComponent({__name:"TableRowEditor",props:{modelValue:{type:Object,required:!0}},emits:["update:modelValue"],setup(s,{emit:o}){const a=s,l=e.inject("allAvailableVariables",[]),i=o,n=e.computed({get:()=>a.modelValue,set:u=>{i("update:modelValue",u)}});return(u,t)=>{const V=e.resolveComponent("SelectValue"),b=e.resolveComponent("SelectTrigger"),c=e.resolveComponent("SelectItem"),v=e.resolveComponent("SelectGroup"),w=e.resolveComponent("SelectContent"),f=e.resolveComponent("Select"),m=e.resolveComponent("CodeEditor"),E=e.resolveComponent("Switch");return e.openBlock(),e.createElementBlock("div",N,[t[11]||(t[11]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mb-4"}," Performs visual row actions. Actual data changes must be handled in your connected flows. ",-1)),e.createElementVNode("div",x,[t[7]||(t[7]=e.createElementVNode("p",{class:"text-sm font-semibold"},"Method",-1)),e.createVNode(f,{modelValue:n.value.data.method,"onUpdate:modelValue":t[0]||(t[0]=r=>n.value.data.method=r)},{default:e.withCtx(()=>[e.createVNode(b,{class:"w-full"},{default:e.withCtx(()=>[e.createVNode(V,{placeholder:"Select a method"})]),_:1}),e.createVNode(w,null,{default:e.withCtx(()=>[e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(c,{value:"CREATE"},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("Create new row",-1)])]),_:1}),e.createVNode(c,{value:"UPDATE"},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("Update row",-1)])]),_:1}),e.createVNode(c,{value:"REMOVE"},{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("Remove row",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])]),n.value.data.method==="CREATE"?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(m,{modelValue:n.value.data.returnValueFn,"onUpdate:modelValue":t[1]||(t[1]=r=>n.value.data.returnValueFn=r),variables:e.unref(l),placeholder:"return ...",class:"mb-1"},null,8,["modelValue","variables"]),t[8]||(t[8]=e.createElementVNode("p",{class:"text-xs text-stone-500"},[e.createTextVNode("Just make sure you "),e.createElementVNode("b",null,"return"),e.createTextVNode(" a value")],-1))])):n.value.data.method==="UPDATE"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",T,[e.createVNode(m,{modelValue:n.value.data.returnValueFn,"onUpdate:modelValue":t[2]||(t[2]=r=>n.value.data.returnValueFn=r),variables:e.unref(l),placeholder:"return ...",class:"mb-1"},null,8,["modelValue","variables"]),t[9]||(t[9]=e.createElementVNode("p",{class:"text-xs text-stone-500"},[e.createTextVNode("Just make sure you "),e.createElementVNode("b",null,"return"),e.createTextVNode(" a value")],-1))]),e.createElementVNode("div",g,[t[10]||(t[10]=e.createElementVNode("label",{class:"text-sm font-semibold select-none",for:"return-data"},"Merge data",-1)),e.createVNode(E,{modelValue:n.value.data.mergeData,"onUpdate:modelValue":t[3]||(t[3]=r=>n.value.data.mergeData=r),id:"return-data"},null,8,["modelValue"])])],64)):e.createCommentVNode("",!0)])}}}),k={class:"flex items-center gap-2"},_={key:0},y={key:1},R={key:2},A={key:3,class:"opacity-50"},B={__name:"TableRowNode",props:d.nodeProps,setup(s){return(o,a)=>(e.openBlock(),e.createBlock(e.unref(d.NodeToolbarWrapper),{nodeId:o.id,toolbarVisible:o.data.toolbarVisible,toolbarPosition:o.data.toolbarPosition},{default:e.withCtx(()=>[e.createVNode(e.unref(d.Handle),{type:"target",position:e.unref(d.Position).Left},null,8,["position"]),e.createElementVNode("div",k,[e.createElementVNode("div",{class:e.normalizeClass(["size-8 text-white rounded-xl flex items-center justify-center",`${o.data.method?"bg-blue-500":"bg-gray-600 opacity-50"}`])},[e.createVNode(e.unref(p.Table2),{class:"size-5"})],2),e.createElementVNode("div",null,[o.data.method==="CREATE"?(e.openBlock(),e.createElementBlock("span",_,"Table: Create row")):o.data.method==="UPDATE"?(e.openBlock(),e.createElementBlock("span",y,"Table: Update row")):o.data.method==="REMOVE"?(e.openBlock(),e.createElementBlock("span",R,"Table: Remove row")):(e.openBlock(),e.createElementBlock("span",A,"Select a table method"))])]),e.createVNode(e.unref(d.NodeContextMenu),{nodeId:o.id},null,8,["nodeId"]),e.createVNode(e.unref(d.Handle),{type:"source",id:"success",position:e.unref(d.Position).Right},null,8,["position"])]),_:1},8,["nodeId","toolbarVisible","toolbarPosition"]))}};function S(s={}){const{tableRowActions:o}=s;return{type:{label:"Table row action",value:"table-row-action",icon:e.markRaw(p.Table2),buttonClass:"bg-gray-800 text-white"},editor:e.markRaw(h),node:e.markRaw(B),async processFunction(a,{node:l}){if(!o){console.warn("[table-row-action] No tableRowActions provided, ignoring action.");return}let i=P(l.data.returnValueFn,a);switch(l.data.method){case"CREATE":if(!o.create){console.warn("[table-row-action] No create handler provided, ignoring action.");return}return o.create(i),{finishedTableAction:!0};case"UPDATE":if(!o.update){console.warn("[table-row-action] No update handler provided, ignoring action.");return}return o.update(a.tableActiveRowIndex,i,l.data.mergeData||!1),{finishedTableAction:!0};case"REMOVE":if(!o.remove){console.warn("[table-row-action] No remove handler provided, ignoring action.");return}return o.remove(a.tableActiveRowIndex),{finishedTableAction:!0};default:return}}}}const P=(s,o={})=>{var a=document.createElement("iframe");document.body.appendChild(a);var l=a.contentWindow?.Function;if(document.body.removeChild(a),!l)throw new Error("Unable to create sandboxed function.");return l(...Object.keys(o),"'use strict';"+s)(...Object.values(o))};exports.createTableRowExtension=S;