@oneclick.dev/cms-core-modules 0.0.123 → 0.0.125

package/dist/AppointmentListTable-CWzbwqR-.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("lucide-vue-next"),T={class:"w-full"},j={key:0,class:"flex items-center gap-2 py-3"},P={key:1,class:"text-xs text-destructive py-2"},A={key:2,class:"rounded-xl border bg-background overflow-hidden"},L={key:0,class:"border-b px-3 py-3 space-y-1"},F={class:"text-sm font-medium"},R={class:"text-muted-foreground font-normal"},M={class:"text-xs text-muted-foreground"},q={key:1},z={key:1,class:"p-4 text-center"},U={class:"text-sm text-muted-foreground"},K={key:2,class:"overflow-x-auto"},O={class:"w-full text-xs"},Z={key:0,class:"sr-only"},J={class:"border-b bg-muted/40"},G={key:0,scope:"col",class:"text-left px-3 py-2 font-medium text-muted-foreground"},H=["onClick"],Q={key:0,class:"whitespace-nowrap px-3 py-2 text-muted-foreground"},W={class:"px-3 py-2"},X=["href","aria-label","onClick"],Y={class:"font-medium truncate max-w-[160px]"},ee={class:"text-muted-foreground truncate max-w-[160px]"},te={class:"font-medium truncate max-w-[160px]"},re={class:"text-muted-foreground truncate max-w-[160px]"},oe={class:"px-3 py-2 whitespace-nowrap"},ne={class:"px-3 py-2 whitespace-nowrap"},se={class:"px-3 py-2 text-center"},ae={class:"px-3 py-2"},le={class:"px-3 py-2 text-right font-medium whitespace-nowrap"},ie={key:3,class:"px-3 py-2 border-t bg-muted/20 flex flex-wrap gap-2 items-center justify-between"},de={class:"text-xs text-muted-foreground"},ce=e.defineComponent({__name:"AppointmentListTable",props:{toolName:{},instanceId:{},instanceName:{},projectSlug:{},moduleType:{},resolvedArgs:{},status:{},executionMode:{},result:{}},emits:["submit"],setup(x,{emit:b}){const{$useRoute:_,$useRouter:E,$useModuleApi:V}=useNuxtApp(),s=x,D=b,y=_(),k=E(),v=e.computed(()=>s.projectSlug||y.params.slug),w=V(s.instanceId),u=e.computed(()=>s.executionMode==="api"||s.toolName==="getReservationSummary"),d=e.ref(!0),i=e.ref(null),l=e.ref([]),n=e.ref(null);e.watch(()=>[s.result,s.status,u.value],()=>{if(u.value&&(l.value=[],n.value=null,i.value=null,d.value=s.status==="pending"||s.status==="running",!d.value)){if(s.status==="error"){i.value="Could not load reservations. Please try asking again.";return}try{const o=typeof s.result=="string"?JSON.parse(s.result):s.result;if(!o||typeof o!="object"||!Array.isArray(o.appointments))throw new Error("Missing saved reservations");n.value=o,l.value=o.appointments}catch{i.value="Reservation details are unavailable for this result. Please ask for the reservations again."}}},{immediate:!0});async function B(){const o=s.resolvedArgs?.quantity||20,t=s.resolvedArgs?.status||"confirmed";d.value=!0,i.value=null;try{const a=await w.get(`/appointments?quantity=${o}&status=${t}`);l.value=a.appointments||[],h({count:l.value.length,appointments:l.value.map(r=>({orderId:r.orderId,agendaId:r.agendaId,reservationId:r.reservationId,customerName:`${r.customerInfo?.firstName||""} ${r.customerInfo?.lastName||""}`.trim(),email:r.customerInfo?.email,date:r.date,startTime:r.startTime,endTime:r.endTime,spots:r.spots,status:r.reservationStatus||r.status,price:r.reservationPrice}))})}catch(a){i.value=a?.data?.statusMessage||a?.message||"Failed to load appointments",h(`Error loading appointments: ${i.value}`)}finally{d.value=!1}}e.onMounted(()=>{u.value||B()});function h(o){!u.value&&s.status!=="completed"&&D("submit",o)}function m(o){const t=[v.value,s.instanceId,o.agendaId,o.orderId,o.reservationId];if(t.some(p=>typeof p!="string"||!p))return;const[a,r,f]=t.map(p=>encodeURIComponent(p)),c=new URLSearchParams({orderId:o.orderId,reservationId:o.reservationId});return`/projects/${a}/modules/${r}/edit/${f}/orders?${c}`}function N(o,t){const a=m(o);if(!(!a||t.defaultPrevented||t.button!==0||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)){if(t.preventDefault(),k.resolve(a).fullPath===y.fullPath){window.location.assign(a);return}k.push(a)}}const S=(o,t)=>{if(t!=="confirmed")switch(t){case"pending":return"text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";case"cancelled":return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";default:return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20"}switch(o||t){case"approved":return"text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";case"needs_approval":return"text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20";case"rejected":case"cancelled":return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";default:return"text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20"}},C=(o,t)=>{if(t!=="confirmed")switch(t){case"pending":return"Pending";case"cancelled":return"Cancelled";default:return t||"Unknown"}switch(o||t){case"approved":return"Approved";case"needs_approval":return"Needs Approval";case"rejected":return"Rejected";case"cancelled":return"Cancelled";case"confirmed":return"Confirmed";default:return o||t||"Pending"}},I=o=>{if(o==null)return"—";const t=Number(o);return Number.isFinite(t)?`€${t.toFixed(2)}`:"—"},$=o=>{if(!o)return"—";try{return new Date(`${o}T00:00:00Z`).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric",timeZone:"UTC"})}catch{return o}};return(o,t)=>{const a=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",T,[e.unref(d)?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.unref(g.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),t[0]||(t[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading appointments…",-1))])):e.unref(i)?(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(e.unref(i)),1)):(e.openBlock(),e.createElementBlock("div",A,[e.unref(n)?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("p",F,[e.createTextVNode(e.toDisplayString(e.unref(n).reservationCount)+" reservation"+e.toDisplayString(e.unref(n).reservationCount===1?"":"s")+" ",1),e.createElementVNode("span",R," · "+e.toDisplayString(e.unref(n).orderCount)+" order"+e.toDisplayString(e.unref(n).orderCount===1?"":"s")+" · "+e.toDisplayString(e.unref(n).spotCount)+" spot"+e.toDisplayString(e.unref(n).spotCount===1?"":"s"),1)]),e.createElementVNode("p",M,[e.createTextVNode(e.toDisplayString(e.unref(n).startDate),1),e.unref(n).endDate!==e.unref(n).startDate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" – "+e.toDisplayString(e.unref(n).endDate),1)],64)):e.createCommentVNode("",!0),e.unref(n).timeZone?(e.openBlock(),e.createElementBlock("span",q," · "+e.toDisplayString(e.unref(n).timeZone),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),e.unref(l).length===0?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(e.unref(g.CalendarDays),{class:"size-8 text-muted-foreground mx-auto mb-2"}),e.createElementVNode("p",U,e.toDisplayString(e.unref(n)?e.unref(n).reservationCount===0?"No reservations match these dates and filters.":"No more reservations on this page.":"No recent appointments found."),1)])):(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("table",O,[e.unref(n)?(e.openBlock(),e.createElementBlock("caption",Z,"Reservations from "+e.toDisplayString(e.unref(n).startDate)+" through "+e.toDisplayString(e.unref(n).endDate),1)):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",J,[e.unref(n)?(e.openBlock(),e.createElementBlock("th",G,"#")):e.createCommentVNode("",!0),t[1]||(t[1]=e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Customer",-1)),t[2]||(t[2]=e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Date",-1)),t[3]||(t[3]=e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Time",-1)),t[4]||(t[4]=e.createElementVNode("th",{class:"whitespace-nowrap text-center px-3 py-2 font-medium text-muted-foreground"},"Spots",-1)),t[5]||(t[5]=e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Status",-1)),t[6]||(t[6]=e.createElementVNode("th",{class:"text-right px-3 py-2 font-medium text-muted-foreground"},"Price",-1))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(r,f)=>(e.openBlock(),e.createElementBlock("tr",{key:`${r.orderId}:${r.reservationId||f}`,class:e.normalizeClass(["border-b last:border-b-0 hover:bg-muted/30 focus-within:bg-muted/30 transition-colors",{"cursor-pointer":m(r)}]),onClick:c=>N(r,c)},[e.unref(n)?(e.openBlock(),e.createElementBlock("td",Q,e.toDisplayString((e.unref(n).pagination?.offset||0)+f+1),1)):e.createCommentVNode("",!0),e.createElementVNode("td",W,[m(r)?(e.openBlock(),e.createElementBlock("a",{key:0,href:m(r),class:"block rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary hover:underline","aria-label":`Open reservation for ${[r.customerInfo?.firstName,r.customerInfo?.lastName].filter(Boolean).join(" ")||"this reservation"}`,onClick:e.withModifiers(c=>N(r,c),["stop"])},[e.createElementVNode("div",Y,e.toDisplayString(r.customerInfo?.firstName)+" "+e.toDisplayString(r.customerInfo?.lastName),1),e.createElementVNode("div",ee,e.toDisplayString(r.customerInfo?.email),1)],8,X)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",te,e.toDisplayString(r.customerInfo?.firstName)+" "+e.toDisplayString(r.customerInfo?.lastName),1),e.createElementVNode("div",re,e.toDisplayString(r.customerInfo?.email),1)],64))]),e.createElementVNode("td",oe,e.toDisplayString($(r.date)),1),e.createElementVNode("td",ne,e.toDisplayString(r.startTime)+" – "+e.toDisplayString(r.endTime),1),e.createElementVNode("td",se,e.toDisplayString(r.spots??1),1),e.createElementVNode("td",ae,[e.createElementVNode("span",{class:e.normalizeClass(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap",S(r.reservationStatus,r.status)])},e.toDisplayString(C(r.reservationStatus,r.status)),3)]),e.createElementVNode("td",le,e.toDisplayString(I(r.reservationPrice)),1)],10,H))),128))])])])),e.unref(l).length>0?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("span",de,[e.unref(n)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" Showing "+e.toDisplayString((e.unref(n).pagination?.offset||0)+1)+"–"+e.toDisplayString((e.unref(n).pagination?.offset||0)+e.unref(l).length)+" of "+e.toDisplayString(e.unref(n).reservationCount)+" reservations ",1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(l).length)+" appointment"+e.toDisplayString(e.unref(l).length===1?"":"s"),1)],64))]),e.createVNode(a,{to:`/projects/${e.unref(v)}/modules/${x.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.ExternalLink),{class:"size-3"}),t[7]||(t[7]=e.createTextVNode(" View all ",-1))]),_:1},8,["to"])])):e.createCommentVNode("",!0)]))])}}});exports.default=ce;

package/dist/AppointmentListTable-DoZuBstk.mjs

@@ -0,0 +1,270 @@
+import { defineComponent as K, computed as A, ref as k, watch as Z, onMounted as B, resolveComponent as O, openBlock as i, createElementBlock as d, unref as s, createVNode as w, createElementVNode as a, toDisplayString as o, createTextVNode as p, Fragment as v, createCommentVNode as f, renderList as J, normalizeClass as P, withModifiers as G, withCtx as H } from "vue";
+import { Loader2 as Q, CalendarDays as W, ExternalLink as X } from "lucide-vue-next";
+const Y = { class: "w-full" }, ee = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, te = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, se = {
+  key: 2,
+  class: "rounded-xl border bg-background overflow-hidden"
+}, re = {
+  key: 0,
+  class: "border-b px-3 py-3 space-y-1"
+}, oe = { class: "text-sm font-medium" }, ne = { class: "text-muted-foreground font-normal" }, ae = { class: "text-xs text-muted-foreground" }, ie = { key: 1 }, de = {
+  key: 1,
+  class: "p-4 text-center"
+}, ue = { class: "text-sm text-muted-foreground" }, le = {
+  key: 2,
+  class: "overflow-x-auto"
+}, ce = { class: "w-full text-xs" }, me = {
+  key: 0,
+  class: "sr-only"
+}, fe = { class: "border-b bg-muted/40" }, pe = {
+  key: 0,
+  scope: "col",
+  class: "text-left px-3 py-2 font-medium text-muted-foreground"
+}, xe = ["onClick"], ge = {
+  key: 0,
+  class: "whitespace-nowrap px-3 py-2 text-muted-foreground"
+}, ve = { class: "px-3 py-2" }, he = ["href", "aria-label", "onClick"], ye = { class: "font-medium truncate max-w-[160px]" }, be = { class: "text-muted-foreground truncate max-w-[160px]" }, _e = { class: "font-medium truncate max-w-[160px]" }, ke = { class: "text-muted-foreground truncate max-w-[160px]" }, we = { class: "px-3 py-2 whitespace-nowrap" }, Ie = { class: "px-3 py-2 whitespace-nowrap" }, Ce = { class: "px-3 py-2 text-center" }, Ne = { class: "px-3 py-2" }, $e = { class: "px-3 py-2 text-right font-medium whitespace-nowrap" }, De = {
+  key: 3,
+  class: "px-3 py-2 border-t bg-muted/20 flex flex-wrap gap-2 items-center justify-between"
+}, je = { class: "text-xs text-muted-foreground" }, Te = /* @__PURE__ */ K({
+  __name: "AppointmentListTable",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    projectSlug: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {},
+    executionMode: {},
+    result: {}
+  },
+  emits: ["submit"],
+  setup(I, { emit: T }) {
+    const { $useRoute: L, $useRouter: R, $useModuleApi: M } = useNuxtApp(), u = I, S = T, C = L(), N = R(), $ = A(() => u.projectSlug || C.params.slug), E = M(u.instanceId), h = A(() => u.executionMode === "api" || u.toolName === "getReservationSummary"), x = k(!0), m = k(null), c = k([]), n = k(null);
+    Z(() => [u.result, u.status, h.value], () => {
+      if (h.value && (c.value = [], n.value = null, m.value = null, x.value = u.status === "pending" || u.status === "running", !x.value)) {
+        if (u.status === "error") {
+          m.value = "Could not load reservations. Please try asking again.";
+          return;
+        }
+        try {
+          const r = typeof u.result == "string" ? JSON.parse(u.result) : u.result;
+          if (!r || typeof r != "object" || !Array.isArray(r.appointments))
+            throw new Error("Missing saved reservations");
+          n.value = r, c.value = r.appointments;
+        } catch {
+          m.value = "Reservation details are unavailable for this result. Please ask for the reservations again.";
+        }
+      }
+    }, { immediate: !0 });
+    async function F() {
+      const r = u.resolvedArgs?.quantity || 20, e = u.resolvedArgs?.status || "confirmed";
+      x.value = !0, m.value = null;
+      try {
+        const l = await E.get(`/appointments?quantity=${r}&status=${e}`);
+        c.value = l.appointments || [], D({
+          count: c.value.length,
+          appointments: c.value.map((t) => ({
+            orderId: t.orderId,
+            agendaId: t.agendaId,
+            reservationId: t.reservationId,
+            customerName: `${t.customerInfo?.firstName || ""} ${t.customerInfo?.lastName || ""}`.trim(),
+            email: t.customerInfo?.email,
+            date: t.date,
+            startTime: t.startTime,
+            endTime: t.endTime,
+            spots: t.spots,
+            status: t.reservationStatus || t.status,
+            price: t.reservationPrice
+          }))
+        });
+      } catch (l) {
+        m.value = l?.data?.statusMessage || l?.message || "Failed to load appointments", D(`Error loading appointments: ${m.value}`);
+      } finally {
+        x.value = !1;
+      }
+    }
+    B(() => {
+      h.value || F();
+    });
+    function D(r) {
+      !h.value && u.status !== "completed" && S("submit", r);
+    }
+    function y(r) {
+      const e = [$.value, u.instanceId, r.agendaId, r.orderId, r.reservationId];
+      if (e.some((_) => typeof _ != "string" || !_)) return;
+      const [l, t, b] = e.map((_) => encodeURIComponent(_)), g = new URLSearchParams({ orderId: r.orderId, reservationId: r.reservationId });
+      return `/projects/${l}/modules/${t}/edit/${b}/orders?${g}`;
+    }
+    function j(r, e) {
+      const l = y(r);
+      if (!(!l || e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)) {
+        if (e.preventDefault(), N.resolve(l).fullPath === C.fullPath) {
+          window.location.assign(l);
+          return;
+        }
+        N.push(l);
+      }
+    }
+    const U = (r, e) => {
+      if (e !== "confirmed")
+        switch (e) {
+          case "pending":
+            return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+          case "cancelled":
+            return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+          default:
+            return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+        }
+      switch (r || e) {
+        case "approved":
+          return "text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";
+        case "needs_approval":
+          return "text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20";
+        case "rejected":
+        case "cancelled":
+          return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+        default:
+          return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+      }
+    }, V = (r, e) => {
+      if (e !== "confirmed")
+        switch (e) {
+          case "pending":
+            return "Pending";
+          case "cancelled":
+            return "Cancelled";
+          default:
+            return e || "Unknown";
+        }
+      switch (r || e) {
+        case "approved":
+          return "Approved";
+        case "needs_approval":
+          return "Needs Approval";
+        case "rejected":
+          return "Rejected";
+        case "cancelled":
+          return "Cancelled";
+        case "confirmed":
+          return "Confirmed";
+        default:
+          return r || e || "Pending";
+      }
+    }, q = (r) => {
+      if (r == null) return "—";
+      const e = Number(r);
+      return Number.isFinite(e) ? `€${e.toFixed(2)}` : "—";
+    }, z = (r) => {
+      if (!r) return "—";
+      try {
+        return (/* @__PURE__ */ new Date(`${r}T00:00:00Z`)).toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric", timeZone: "UTC" });
+      } catch {
+        return r;
+      }
+    };
+    return (r, e) => {
+      const l = O("NuxtLink");
+      return i(), d("div", Y, [
+        s(x) ? (i(), d("div", ee, [
+          w(s(Q), { class: "size-4 animate-spin text-muted-foreground" }),
+          e[0] || (e[0] = a("span", { class: "text-xs text-muted-foreground" }, "Loading appointments…", -1))
+        ])) : s(m) ? (i(), d("div", te, o(s(m)), 1)) : (i(), d("div", se, [
+          s(n) ? (i(), d("div", re, [
+            a("p", oe, [
+              p(o(s(n).reservationCount) + " reservation" + o(s(n).reservationCount === 1 ? "" : "s") + " ", 1),
+              a("span", ne, " · " + o(s(n).orderCount) + " order" + o(s(n).orderCount === 1 ? "" : "s") + " · " + o(s(n).spotCount) + " spot" + o(s(n).spotCount === 1 ? "" : "s"), 1)
+            ]),
+            a("p", ae, [
+              p(o(s(n).startDate), 1),
+              s(n).endDate !== s(n).startDate ? (i(), d(v, { key: 0 }, [
+                p(" – " + o(s(n).endDate), 1)
+              ], 64)) : f("", !0),
+              s(n).timeZone ? (i(), d("span", ie, " · " + o(s(n).timeZone), 1)) : f("", !0)
+            ])
+          ])) : f("", !0),
+          s(c).length === 0 ? (i(), d("div", de, [
+            w(s(W), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
+            a("p", ue, o(s(n) ? s(n).reservationCount === 0 ? "No reservations match these dates and filters." : "No more reservations on this page." : "No recent appointments found."), 1)
+          ])) : (i(), d("div", le, [
+            a("table", ce, [
+              s(n) ? (i(), d("caption", me, "Reservations from " + o(s(n).startDate) + " through " + o(s(n).endDate), 1)) : f("", !0),
+              a("thead", null, [
+                a("tr", fe, [
+                  s(n) ? (i(), d("th", pe, "#")) : f("", !0),
+                  e[1] || (e[1] = a("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Customer", -1)),
+                  e[2] || (e[2] = a("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Date", -1)),
+                  e[3] || (e[3] = a("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Time", -1)),
+                  e[4] || (e[4] = a("th", { class: "whitespace-nowrap text-center px-3 py-2 font-medium text-muted-foreground" }, "Spots", -1)),
+                  e[5] || (e[5] = a("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Status", -1)),
+                  e[6] || (e[6] = a("th", { class: "text-right px-3 py-2 font-medium text-muted-foreground" }, "Price", -1))
+                ])
+              ]),
+              a("tbody", null, [
+                (i(!0), d(v, null, J(s(c), (t, b) => (i(), d("tr", {
+                  key: `${t.orderId}:${t.reservationId || b}`,
+                  class: P(["border-b last:border-b-0 hover:bg-muted/30 focus-within:bg-muted/30 transition-colors", { "cursor-pointer": y(t) }]),
+                  onClick: (g) => j(t, g)
+                }, [
+                  s(n) ? (i(), d("td", ge, o((s(n).pagination?.offset || 0) + b + 1), 1)) : f("", !0),
+                  a("td", ve, [
+                    y(t) ? (i(), d("a", {
+                      key: 0,
+                      href: y(t),
+                      class: "block rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary hover:underline",
+                      "aria-label": `Open reservation for ${[t.customerInfo?.firstName, t.customerInfo?.lastName].filter(Boolean).join(" ") || "this reservation"}`,
+                      onClick: G((g) => j(t, g), ["stop"])
+                    }, [
+                      a("div", ye, o(t.customerInfo?.firstName) + " " + o(t.customerInfo?.lastName), 1),
+                      a("div", be, o(t.customerInfo?.email), 1)
+                    ], 8, he)) : (i(), d(v, { key: 1 }, [
+                      a("div", _e, o(t.customerInfo?.firstName) + " " + o(t.customerInfo?.lastName), 1),
+                      a("div", ke, o(t.customerInfo?.email), 1)
+                    ], 64))
+                  ]),
+                  a("td", we, o(z(t.date)), 1),
+                  a("td", Ie, o(t.startTime) + " – " + o(t.endTime), 1),
+                  a("td", Ce, o(t.spots ?? 1), 1),
+                  a("td", Ne, [
+                    a("span", {
+                      class: P(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap", U(t.reservationStatus, t.status)])
+                    }, o(V(t.reservationStatus, t.status)), 3)
+                  ]),
+                  a("td", $e, o(q(t.reservationPrice)), 1)
+                ], 10, xe))), 128))
+              ])
+            ])
+          ])),
+          s(c).length > 0 ? (i(), d("div", De, [
+            a("span", je, [
+              s(n) ? (i(), d(v, { key: 0 }, [
+                p(" Showing " + o((s(n).pagination?.offset || 0) + 1) + "–" + o((s(n).pagination?.offset || 0) + s(c).length) + " of " + o(s(n).reservationCount) + " reservations ", 1)
+              ], 64)) : (i(), d(v, { key: 1 }, [
+                p(o(s(c).length) + " appointment" + o(s(c).length === 1 ? "" : "s"), 1)
+              ], 64))
+            ]),
+            w(l, {
+              to: `/projects/${s($)}/modules/${I.instanceId}`,
+              class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+            }, {
+              default: H(() => [
+                w(s(X), { class: "size-3" }),
+                e[7] || (e[7] = p(" View all ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])) : f("", !0)
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Te as default
+};