@oneclick.dev/cms-core-modules 0.0.102 → 0.0.104

package/dist/AgendaOpeningHoursCard-B7ROIPWw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),C={class:"w-full"},V={key:0,class:"flex items-center gap-2 py-3"},b={key:1,class:"text-xs text-destructive py-2"},w={key:2,class:"rounded-xl border bg-background p-3 space-y-3"},D={class:"relative flex items-start gap-3"},S={class:"shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center"},I={class:"flex-1 min-w-0 pr-10"},M={class:"text-sm font-semibold truncate"},$={class:"text-xs text-muted-foreground"},T={key:0,class:"text-xs text-muted-foreground text-center py-2"},j={key:1,class:"space-y-2"},z={class:"flex items-center justify-between"},A={class:"text-xs font-medium"},L={key:0,class:"text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-amber-50 dark:bg-amber-900/20 text-amber-600 dark:text-amber-400 uppercase"},F={key:0,class:"flex items-center gap-1.5 text-xs text-red-500"},q={key:1,class:"space-y-0.5"},O={key:2,class:"text-xs text-muted-foreground"},H=e.defineComponent({__name:"AgendaOpeningHoursCard",props:{toolName:{},projectSlug:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(r,{emit:f}){const{$useModuleApi:x}=useNuxtApp(),i=r,y=f,k=x(i.instanceId),u=e.ref(!0),a=e.ref(null),d=e.ref(null),v=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];async function N(){const{agendaId:n,date:t}=i.resolvedArgs||{};if(!n||!t){a.value="Agenda ID and date are required",u.value=!1,m(`Error: ${a.value}`);return}u.value=!0,a.value=null;try{const o=await k.get(`/agendas/${n}/opening-hours?date=${t}`);d.value=o,m({agendaId:o.agendaId,serviceName:o.serviceName,date:o.date,resources:o.resources.map(s=>({resourceId:s.resourceId,resourceName:s.resourceName,isClosed:s.isClosed,hours:s.hours,isException:s.isException}))})}catch(o){a.value=o?.data?.statusMessage||o?.message||"Failed to load opening hours",m(`Error loading opening hours: ${a.value}`)}finally{u.value=!1}}e.onMounted(()=>{N()});function m(n){i.status!=="completed"&&y("submit",n)}const h=e.computed(()=>{if(!d.value?.date)return"";const n=new Date(d.value.date+"T00:00:00");return`${v[n.getDay()]}, ${n.toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"})}`});return(n,t)=>{const o=e.resolveComponent("DropdownMenuTrigger"),s=e.resolveComponent("NuxtLink"),p=e.resolveComponent("DropdownMenuItem"),_=e.resolveComponent("DropdownMenuContent"),E=e.resolveComponent("DropdownMenu");return e.openBlock(),e.createElementBlock("div",C,[e.unref(u)?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(e.unref(c.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),t[0]||(t[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading opening hours…",-1))])):e.unref(a)?(e.openBlock(),e.createElementBlock("div",b,e.toDisplayString(e.unref(a)),1)):e.unref(d)?(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",D,[e.createElementVNode("div",S,[e.createVNode(e.unref(c.CalendarDays),{class:"size-5 text-primary"})]),e.createElementVNode("div",I,[e.createElementVNode("p",M,e.toDisplayString(e.unref(d).serviceName),1),e.createElementVNode("p",$,e.toDisplayString(e.unref(h)),1)]),e.createVNode(E,null,{default:e.withCtx(()=>[e.createVNode(o,{class:"absolute top-2 right-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.Settings),{class:"size-4 text-muted-foreground hover:text-foreground transition-colors"})]),_:1}),e.createVNode(_,{align:"end"},{default:e.withCtx(()=>[e.createVNode(p,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(s,{to:`/projects/${r.projectSlug}/modules/${r.instanceId}/edit/${r.resolvedArgs.agendaId}/resources`},{default:e.withCtx(()=>[e.createVNode(e.unref(c.CalendarCog),{class:"size-4"}),t[1]||(t[1]=e.createTextVNode(" Regular hours ",-1))]),_:1},8,["to"])]),_:1}),e.createVNode(p,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(s,{to:`/projects/${r.projectSlug}/modules/${r.instanceId}/edit/${r.resolvedArgs.agendaId}/exceptions`},{default:e.withCtx(()=>[e.createVNode(e.unref(c.CalendarCog),{class:"size-4"}),t[2]||(t[2]=e.createTextVNode(" Closures & exceptions ",-1))]),_:1},8,["to"])]),_:1})]),_:1})]),_:1})]),e.unref(d).resources.length===0?(e.openBlock(),e.createElementBlock("div",T," No active resources found for this agenda. ")):(e.openBlock(),e.createElementBlock("div",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d).resources,l=>(e.openBlock(),e.createElementBlock("div",{key:l.resourceId,class:"rounded-lg border px-3 py-2 space-y-1"},[e.createElementVNode("div",z,[e.createElementVNode("span",A,e.toDisplayString(l.resourceName),1),l.isException?(e.openBlock(),e.createElementBlock("span",L," Exception ")):e.createCommentVNode("",!0)]),l.isClosed?(e.openBlock(),e.createElementBlock("div",F,[e.createVNode(e.unref(c.BanIcon),{class:"size-3"}),t[3]||(t[3]=e.createElementVNode("span",null,"Closed",-1))])):l.hours.length>0?(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.hours,(g,B)=>(e.openBlock(),e.createElementBlock("div",{key:B,class:"flex items-center gap-1.5 text-xs text-muted-foreground"},[e.createVNode(e.unref(c.Clock),{class:"size-3"}),e.createElementVNode("span",null,e.toDisplayString(g.start)+" – "+e.toDisplayString(g.end),1)]))),128))])):(e.openBlock(),e.createElementBlock("div",O," No hours set "))]))),128))]))])):e.createCommentVNode("",!0)])}}});exports.default=H;

package/dist/AgendaOpeningHoursCard-Cp4wxUeK.mjs

@@ -0,0 +1,172 @@
+import { defineComponent as V, ref as _, onMounted as B, computed as F, resolveComponent as x, openBlock as t, createElementBlock as s, unref as e, createVNode as o, createElementVNode as r, toDisplayString as g, withCtx as m, createTextVNode as b, Fragment as N, renderList as C, createCommentVNode as I } from "vue";
+import { Loader2 as H, CalendarDays as O, Settings as q, CalendarCog as D, BanIcon as R, Clock as U } from "lucide-vue-next";
+const W = { class: "w-full" }, G = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, J = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, K = {
+  key: 2,
+  class: "rounded-xl border bg-background p-3 space-y-3"
+}, P = { class: "relative flex items-start gap-3" }, Q = { class: "shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center" }, X = { class: "flex-1 min-w-0 pr-10" }, Y = { class: "text-sm font-semibold truncate" }, Z = { class: "text-xs text-muted-foreground" }, ee = {
+  key: 0,
+  class: "text-xs text-muted-foreground text-center py-2"
+}, te = {
+  key: 1,
+  class: "space-y-2"
+}, se = { class: "flex items-center justify-between" }, oe = { class: "text-xs font-medium" }, ne = {
+  key: 0,
+  class: "text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-amber-50 dark:bg-amber-900/20 text-amber-600 dark:text-amber-400 uppercase"
+}, ae = {
+  key: 0,
+  class: "flex items-center gap-1.5 text-xs text-red-500"
+}, re = {
+  key: 1,
+  class: "space-y-0.5"
+}, de = {
+  key: 2,
+  class: "text-xs text-muted-foreground"
+}, le = /* @__PURE__ */ V({
+  __name: "AgendaOpeningHoursCard",
+  props: {
+    toolName: {},
+    projectSlug: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(u, { emit: w }) {
+    const { $useModuleApi: $ } = useNuxtApp(), y = u, M = w, S = $(y.instanceId), f = _(!0), l = _(null), c = _(null), z = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+    async function A() {
+      const { agendaId: d, date: n } = y.resolvedArgs || {};
+      if (!d || !n) {
+        l.value = "Agenda ID and date are required", f.value = !1, v(`Error: ${l.value}`);
+        return;
+      }
+      f.value = !0, l.value = null;
+      try {
+        const a = await S.get(`/agendas/${d}/opening-hours?date=${n}`);
+        c.value = a, v({
+          agendaId: a.agendaId,
+          serviceName: a.serviceName,
+          date: a.date,
+          resources: a.resources.map((i) => ({
+            resourceId: i.resourceId,
+            resourceName: i.resourceName,
+            isClosed: i.isClosed,
+            hours: i.hours,
+            isException: i.isException
+          }))
+        });
+      } catch (a) {
+        l.value = a?.data?.statusMessage || a?.message || "Failed to load opening hours", v(`Error loading opening hours: ${l.value}`);
+      } finally {
+        f.value = !1;
+      }
+    }
+    B(() => {
+      A();
+    });
+    function v(d) {
+      y.status !== "completed" && M("submit", d);
+    }
+    const E = F(() => {
+      if (!c.value?.date) return "";
+      const d = /* @__PURE__ */ new Date(c.value.date + "T00:00:00");
+      return `${z[d.getDay()]}, ${d.toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" })}`;
+    });
+    return (d, n) => {
+      const a = x("DropdownMenuTrigger"), i = x("NuxtLink"), h = x("DropdownMenuItem"), j = x("DropdownMenuContent"), T = x("DropdownMenu");
+      return t(), s("div", W, [
+        e(f) ? (t(), s("div", G, [
+          o(e(H), { class: "size-4 animate-spin text-muted-foreground" }),
+          n[0] || (n[0] = r("span", { class: "text-xs text-muted-foreground" }, "Loading opening hours…", -1))
+        ])) : e(l) ? (t(), s("div", J, g(e(l)), 1)) : e(c) ? (t(), s("div", K, [
+          r("div", P, [
+            r("div", Q, [
+              o(e(O), { class: "size-5 text-primary" })
+            ]),
+            r("div", X, [
+              r("p", Y, g(e(c).serviceName), 1),
+              r("p", Z, g(e(E)), 1)
+            ]),
+            o(T, null, {
+              default: m(() => [
+                o(a, { class: "absolute top-2 right-2" }, {
+                  default: m(() => [
+                    o(e(q), { class: "size-4 text-muted-foreground hover:text-foreground transition-colors" })
+                  ]),
+                  _: 1
+                }),
+                o(j, { align: "end" }, {
+                  default: m(() => [
+                    o(h, { "as-child": "" }, {
+                      default: m(() => [
+                        o(i, {
+                          to: `/projects/${u.projectSlug}/modules/${u.instanceId}/edit/${u.resolvedArgs.agendaId}/resources`
+                        }, {
+                          default: m(() => [
+                            o(e(D), { class: "size-4" }),
+                            n[1] || (n[1] = b(" Regular hours ", -1))
+                          ]),
+                          _: 1
+                        }, 8, ["to"])
+                      ]),
+                      _: 1
+                    }),
+                    o(h, { "as-child": "" }, {
+                      default: m(() => [
+                        o(i, {
+                          to: `/projects/${u.projectSlug}/modules/${u.instanceId}/edit/${u.resolvedArgs.agendaId}/exceptions`
+                        }, {
+                          default: m(() => [
+                            o(e(D), { class: "size-4" }),
+                            n[2] || (n[2] = b(" Closures & exceptions ", -1))
+                          ]),
+                          _: 1
+                        }, 8, ["to"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          e(c).resources.length === 0 ? (t(), s("div", ee, " No active resources found for this agenda. ")) : (t(), s("div", te, [
+            (t(!0), s(N, null, C(e(c).resources, (p) => (t(), s("div", {
+              key: p.resourceId,
+              class: "rounded-lg border px-3 py-2 space-y-1"
+            }, [
+              r("div", se, [
+                r("span", oe, g(p.resourceName), 1),
+                p.isException ? (t(), s("span", ne, " Exception ")) : I("", !0)
+              ]),
+              p.isClosed ? (t(), s("div", ae, [
+                o(e(R), { class: "size-3" }),
+                n[3] || (n[3] = r("span", null, "Closed", -1))
+              ])) : p.hours.length > 0 ? (t(), s("div", re, [
+                (t(!0), s(N, null, C(p.hours, (k, L) => (t(), s("div", {
+                  key: L,
+                  class: "flex items-center gap-1.5 text-xs text-muted-foreground"
+                }, [
+                  o(e(U), { class: "size-3" }),
+                  r("span", null, g(k.start) + " – " + g(k.end), 1)
+                ]))), 128))
+              ])) : (t(), s("div", de, " No hours set "))
+            ]))), 128))
+          ]))
+        ])) : I("", !0)
+      ]);
+    };
+  }
+});
+export {
+  le as default
+};

package/dist/AppointmentListTable-DZJNmTMb.mjs

@@ -0,0 +1,177 @@
+import { defineComponent as A, computed as L, ref as x, onMounted as j, resolveComponent as D, openBlock as d, createElementBlock as i, unref as o, createVNode as m, createElementVNode as t, toDisplayString as n, Fragment as P, renderList as z, normalizeClass as E, withCtx as F, createTextVNode as V } from "vue";
+import { Loader2 as q, CalendarDays as M, ExternalLink as B } from "lucide-vue-next";
+const R = { class: "w-full" }, U = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, S = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, G = {
+  key: 2,
+  class: "rounded-xl border bg-background p-4 text-center"
+}, H = {
+  key: 3,
+  class: "rounded-xl border bg-background overflow-hidden"
+}, J = { class: "overflow-x-auto" }, K = { class: "w-full text-xs" }, O = { class: "px-3 py-2" }, Q = { class: "font-medium truncate max-w-[160px]" }, W = { class: "text-muted-foreground truncate max-w-[160px]" }, X = { class: "px-3 py-2 whitespace-nowrap" }, Y = { class: "px-3 py-2 whitespace-nowrap" }, Z = { class: "px-3 py-2 text-center" }, ee = { class: "px-3 py-2" }, te = { class: "px-3 py-2 text-right font-medium whitespace-nowrap" }, se = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, re = { class: "text-xs text-muted-foreground" }, ae = /* @__PURE__ */ A({
+  __name: "AppointmentListTable",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(f, { emit: b }) {
+    const { $useRoute: h, $useModuleApi: v } = useNuxtApp(), u = f, y = b, _ = h(), k = L(() => _.params.slug), w = v(u.instanceId), p = x(!0), l = x(null), a = x([]);
+    async function I() {
+      const r = u.resolvedArgs?.quantity || 20, s = u.resolvedArgs?.status || "confirmed";
+      p.value = !0, l.value = null;
+      try {
+        const c = await w.get(`/appointments?quantity=${r}&status=${s}`);
+        a.value = c.appointments || [], g({
+          count: a.value.length,
+          appointments: a.value.map((e) => ({
+            orderId: e.orderId,
+            reservationId: e.reservationId,
+            customerName: `${e.customerInfo?.firstName || ""} ${e.customerInfo?.lastName || ""}`.trim(),
+            email: e.customerInfo?.email,
+            date: e.date,
+            startTime: e.startTime,
+            endTime: e.endTime,
+            spots: e.spots,
+            status: e.reservationStatus || e.status,
+            price: e.reservationPrice
+          }))
+        });
+      } catch (c) {
+        l.value = c?.data?.statusMessage || c?.message || "Failed to load appointments", g(`Error loading appointments: ${l.value}`);
+      } finally {
+        p.value = !1;
+      }
+    }
+    j(() => {
+      I();
+    });
+    function g(r) {
+      u.status !== "completed" && y("submit", r);
+    }
+    const N = (r, s) => {
+      if (s !== "confirmed")
+        switch (s) {
+          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 || s) {
+        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 = (r, s) => {
+      if (s !== "confirmed")
+        switch (s) {
+          case "pending":
+            return "Pending";
+          case "cancelled":
+            return "Cancelled";
+          default:
+            return s || "Unknown";
+        }
+      switch (r || s) {
+        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 || s || "Pending";
+      }
+    }, T = (r) => r == null ? "—" : `€${r.toFixed(2)}`, $ = (r) => {
+      if (!r) return "—";
+      try {
+        return new Date(r).toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" });
+      } catch {
+        return r;
+      }
+    };
+    return (r, s) => {
+      const c = D("NuxtLink");
+      return d(), i("div", R, [
+        o(p) ? (d(), i("div", U, [
+          m(o(q), { class: "size-4 animate-spin text-muted-foreground" }),
+          s[0] || (s[0] = t("span", { class: "text-xs text-muted-foreground" }, "Loading appointments…", -1))
+        ])) : o(l) ? (d(), i("div", S, n(o(l)), 1)) : o(a).length === 0 ? (d(), i("div", G, [
+          m(o(M), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
+          s[1] || (s[1] = t("p", { class: "text-sm text-muted-foreground" }, "No recent appointments found.", -1))
+        ])) : (d(), i("div", H, [
+          t("div", J, [
+            t("table", K, [
+              s[2] || (s[2] = t("thead", null, [
+                t("tr", { class: "border-b bg-muted/40" }, [
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Customer"),
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Date"),
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Time"),
+                  t("th", { class: "text-center px-3 py-2 font-medium text-muted-foreground" }, "Spots"),
+                  t("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Status"),
+                  t("th", { class: "text-right px-3 py-2 font-medium text-muted-foreground" }, "Price")
+                ])
+              ], -1)),
+              t("tbody", null, [
+                (d(!0), i(P, null, z(o(a), (e) => (d(), i("tr", {
+                  key: e.reservationId || e.orderId,
+                  class: "border-b last:border-b-0 hover:bg-muted/30 transition-colors"
+                }, [
+                  t("td", O, [
+                    t("div", Q, n(e.customerInfo?.firstName) + " " + n(e.customerInfo?.lastName), 1),
+                    t("div", W, n(e.customerInfo?.email), 1)
+                  ]),
+                  t("td", X, n($(e.date)), 1),
+                  t("td", Y, n(e.startTime) + " – " + n(e.endTime), 1),
+                  t("td", Z, n(e.spots || 1), 1),
+                  t("td", ee, [
+                    t("span", {
+                      class: E(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap", N(e.reservationStatus, e.status)])
+                    }, n(C(e.reservationStatus, e.status)), 3)
+                  ]),
+                  t("td", te, n(T(e.reservationPrice)), 1)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          t("div", se, [
+            t("span", re, n(o(a).length) + " appointment" + n(o(a).length === 1 ? "" : "s"), 1),
+            m(c, {
+              to: `/projects/${o(k)}/modules/${f.instanceId}`,
+              class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+            }, {
+              default: F(() => [
+                m(o(B), { class: "size-3" }),
+                s[3] || (s[3] = V(" View all ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  ae as default
+};

package/dist/AppointmentListTable-Dieu9US_.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),E={class:"w-full"},V={key:0,class:"flex items-center gap-2 py-3"},w={key:1,class:"text-xs text-destructive py-2"},D={key:2,class:"rounded-xl border bg-background p-4 text-center"},I={key:3,class:"rounded-xl border bg-background overflow-hidden"},B={class:"overflow-x-auto"},S={class:"w-full text-xs"},T={class:"px-3 py-2"},C={class:"font-medium truncate max-w-[160px]"},$={class:"text-muted-foreground truncate max-w-[160px]"},A={class:"px-3 py-2 whitespace-nowrap"},L={class:"px-3 py-2 whitespace-nowrap"},j={class:"px-3 py-2 text-center"},P={class:"px-3 py-2"},q={class:"px-3 py-2 text-right font-medium whitespace-nowrap"},z={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},F={class:"text-xs text-muted-foreground"},M=e.defineComponent({__name:"AppointmentListTable",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(i,{emit:m}){const{$useRoute:p,$useModuleApi:x}=useNuxtApp(),d=i,f=m,g=p(),b=e.computed(()=>g.params.slug),y=x(d.instanceId),l=e.ref(!0),a=e.ref(null),o=e.ref([]);async function N(){const n=d.resolvedArgs?.quantity||20,r=d.resolvedArgs?.status||"confirmed";l.value=!0,a.value=null;try{const s=await y.get(`/appointments?quantity=${n}&status=${r}`);o.value=s.appointments||[],u({count:o.value.length,appointments:o.value.map(t=>({orderId:t.orderId,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(s){a.value=s?.data?.statusMessage||s?.message||"Failed to load appointments",u(`Error loading appointments: ${a.value}`)}finally{l.value=!1}}e.onMounted(()=>{N()});function u(n){d.status!=="completed"&&f("submit",n)}const h=(n,r)=>{if(r!=="confirmed")switch(r){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(n||r){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"}},k=(n,r)=>{if(r!=="confirmed")switch(r){case"pending":return"Pending";case"cancelled":return"Cancelled";default:return r||"Unknown"}switch(n||r){case"approved":return"Approved";case"needs_approval":return"Needs Approval";case"rejected":return"Rejected";case"cancelled":return"Cancelled";case"confirmed":return"Confirmed";default:return n||r||"Pending"}},v=n=>n==null?"—":`€${n.toFixed(2)}`,_=n=>{if(!n)return"—";try{return new Date(n).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})}catch{return n}};return(n,r)=>{const s=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",E,[e.unref(l)?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(e.unref(c.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),r[0]||(r[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading appointments…",-1))])):e.unref(a)?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(e.unref(a)),1)):e.unref(o).length===0?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(e.unref(c.CalendarDays),{class:"size-8 text-muted-foreground mx-auto mb-2"}),r[1]||(r[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No recent appointments found.",-1))])):(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",B,[e.createElementVNode("table",S,[r[2]||(r[2]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b bg-muted/40"},[e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Customer"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Date"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Time"),e.createElementVNode("th",{class:"text-center px-3 py-2 font-medium text-muted-foreground"},"Spots"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Status"),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(o),t=>(e.openBlock(),e.createElementBlock("tr",{key:t.reservationId||t.orderId,class:"border-b last:border-b-0 hover:bg-muted/30 transition-colors"},[e.createElementVNode("td",T,[e.createElementVNode("div",C,e.toDisplayString(t.customerInfo?.firstName)+" "+e.toDisplayString(t.customerInfo?.lastName),1),e.createElementVNode("div",$,e.toDisplayString(t.customerInfo?.email),1)]),e.createElementVNode("td",A,e.toDisplayString(_(t.date)),1),e.createElementVNode("td",L,e.toDisplayString(t.startTime)+" – "+e.toDisplayString(t.endTime),1),e.createElementVNode("td",j,e.toDisplayString(t.spots||1),1),e.createElementVNode("td",P,[e.createElementVNode("span",{class:e.normalizeClass(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap",h(t.reservationStatus,t.status)])},e.toDisplayString(k(t.reservationStatus,t.status)),3)]),e.createElementVNode("td",q,e.toDisplayString(v(t.reservationPrice)),1)]))),128))])])]),e.createElementVNode("div",z,[e.createElementVNode("span",F,e.toDisplayString(e.unref(o).length)+" appointment"+e.toDisplayString(e.unref(o).length===1?"":"s"),1),e.createVNode(s,{to:`/projects/${e.unref(b)}/modules/${i.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.ExternalLink),{class:"size-3"}),r[3]||(r[3]=e.createTextVNode(" View all ",-1))]),_:1},8,["to"])])]))])}}});exports.default=M;