@oneclick.dev/cms-core-modules 0.0.70 → 0.0.72

package/dist/Acquisition-D_Qx7XRY.mjs

@@ -0,0 +1,400 @@
+import { defineComponent as Q, ref as p, computed as U, watch as X, onMounted as Y, resolveComponent as b, openBlock as a, createElementBlock as l, createElementVNode as e, Fragment as g, renderList as v, normalizeClass as L, toDisplayString as o, createVNode as r, withCtx as i, unref as f, createCommentVNode as h, createBlock as E, createTextVNode as z, normalizeStyle as F, resolveDynamicComponent as Z } from "vue";
+import { useModule as ee, useModuleRoute as te, useModuleBreadcrumbs as se } from "@oneclick.dev/cms-kit";
+import "./index-CMk3uhUt.mjs";
+import { RefreshCw as oe, Loader2 as ne, Share2 as ae, ExternalLink as T, Megaphone as V } from "lucide-vue-next";
+import { b as le, E as re } from "./index-DjDCYQ_6.mjs";
+const ie = { class: "w-full max-w-7xl mx-auto py-8 px-4 space-y-6" }, ue = { class: "flex items-center justify-between" }, de = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, ce = { class: "flex items-center border rounded-lg overflow-hidden" }, me = ["onClick"], fe = { class: "text-sm text-destructive font-medium" }, xe = {
+  key: 2,
+  class: "flex items-center justify-center py-20"
+}, pe = { class: "grid @lg:grid-cols-3 gap-6" }, ge = { class: "relative" }, he = { class: "absolute inset-0 flex items-center justify-center pointer-events-none" }, _e = { class: "text-center" }, ve = { class: "text-2xl font-bold tabular-nums" }, ye = { class: "mt-4 grid grid-cols-2 gap-x-4 gap-y-1.5 w-full" }, be = { class: "text-xs truncate" }, Ce = { class: "text-xs text-muted-foreground ml-auto tabular-nums" }, ke = { class: "overflow-x-auto" }, we = { class: "w-full text-sm" }, De = { class: "divide-y" }, $e = { class: "px-6 py-3" }, Re = { class: "flex items-center gap-2" }, Me = { class: "font-medium" }, Se = { class: "px-4 py-3 text-right tabular-nums" }, Ue = { class: "px-4 py-3 text-right tabular-nums" }, ze = { class: "px-4 py-3 text-right tabular-nums" }, Ne = { class: "px-4 py-3 text-right tabular-nums" }, qe = { class: "px-4 py-3 text-right tabular-nums" }, Ae = {
+  key: 0,
+  class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Ge = { class: "flex items-center gap-4" }, Be = ["onClick"], Le = {
+  key: 0,
+  class: "divide-y"
+}, Ee = { class: "overflow-x-auto" }, je = { class: "w-full text-sm" }, Fe = { class: "divide-y" }, Te = { class: "px-6 py-3 text-muted-foreground" }, Ve = { class: "px-4 py-3 font-mono text-xs" }, Oe = { class: "px-4 py-3 text-right tabular-nums" }, Pe = { class: "px-4 py-3 text-right tabular-nums" }, He = { class: "px-4 py-3 text-right tabular-nums" }, Ie = { class: "px-4 py-3 text-right tabular-nums" }, We = {
+  key: 0,
+  class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Ke = {
+  key: 1,
+  class: "divide-y"
+}, Je = { class: "flex items-center gap-3 min-w-0" }, Qe = { class: "text-muted-foreground w-5 text-right shrink-0" }, Xe = { class: "truncate font-medium" }, Ye = { class: "flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground" }, Ze = { class: "w-20 text-right" }, et = { class: "w-16 text-right" }, tt = { class: "w-16 text-right" }, st = {
+  key: 0,
+  class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, ot = {
+  key: 2,
+  class: "divide-y"
+}, nt = { class: "flex items-center gap-3 min-w-0" }, at = { class: "text-muted-foreground w-5 text-right shrink-0" }, lt = { class: "truncate font-medium" }, rt = { class: "flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground" }, it = { class: "w-20 text-right" }, ut = { class: "w-16 text-right" }, dt = { class: "w-16 text-right" }, ct = {
+  key: 0,
+  class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, _t = /* @__PURE__ */ Q({
+  __name: "Acquisition",
+  setup(mt) {
+    const { config: j } = ee(), { moduleId: O } = te();
+    se(() => [{ label: "Acquisition" }]);
+    const y = p(!0), k = p(null), w = p("30"), C = p("sources"), _ = p([]), N = p([]), q = p([]), A = p([]), D = U(() => !!(j.serviceAccount && j.propertyId));
+    function $(n) {
+      return `/api/v1/modules/${O}${n}`;
+    }
+    const P = [
+      { label: "7d", value: "7" },
+      { label: "14d", value: "14" },
+      { label: "30d", value: "30" },
+      { label: "90d", value: "90" }
+    ], x = [
+      "#3b82f6",
+      "#8b5cf6",
+      "#10b981",
+      "#f59e0b",
+      "#ef4444",
+      "#06b6d4",
+      "#ec4899",
+      "#84cc16",
+      "#f97316",
+      "#6366f1",
+      "#14b8a6",
+      "#e11d48",
+      "#a855f7",
+      "#22c55e",
+      "#eab308"
+    ], H = U(() => {
+      const n = {};
+      return _.value.forEach((s, c) => {
+        const m = (s.sessionDefaultChannelGroup || "other").toLowerCase().replace(/[^a-z0-9]/g, "_");
+        n[m] = {
+          label: s.sessionDefaultChannelGroup || "Other",
+          color: x[c % x.length]
+        };
+      }), n;
+    }), I = U(
+      () => _.value.map((n, s) => ({
+        key: (n.sessionDefaultChannelGroup || "other").toLowerCase().replace(/[^a-z0-9]/g, "_"),
+        label: n.sessionDefaultChannelGroup || "Other",
+        sessions: n.sessions || 0,
+        fill: x[s % x.length]
+      }))
+    ), W = U(
+      () => _.value.reduce((n, s) => n + (s.sessions || 0), 0)
+    );
+    function u(n) {
+      return n >= 1e6 ? `${(n / 1e6).toFixed(1)}M` : n >= 1e3 ? `${(n / 1e3).toFixed(1)}K` : Math.round(n).toString();
+    }
+    function R(n) {
+      return `${(n * 100).toFixed(1)}%`;
+    }
+    function K(n) {
+      const s = Math.floor(n / 60), c = Math.round(n % 60);
+      return s > 0 ? `${s}m ${c}s` : `${c}s`;
+    }
+    async function M() {
+      if (!D.value) return;
+      y.value = !0, k.value = null;
+      const n = `${w.value}daysAgo`;
+      try {
+        const [s, c, m, S] = await Promise.all([
+          $fetch($(`/acquisition/channels?startDate=${n}&endDate=today`)),
+          $fetch($(`/acquisition/source-medium?startDate=${n}&endDate=today`)),
+          $fetch($(`/acquisition/referrals?startDate=${n}&endDate=today`)).catch(() => ({ rows: [] })),
+          $fetch($(`/acquisition/campaigns?startDate=${n}&endDate=today`)).catch(() => ({ rows: [] }))
+        ]);
+        _.value = s.rows || [], N.value = c.rows || [], q.value = m.rows || [], A.value = S.rows || [];
+      } catch (s) {
+        k.value = s?.data?.statusMessage || s?.message || "Failed to load acquisition data";
+      } finally {
+        y.value = !1;
+      }
+    }
+    return X(w, () => M()), Y(() => {
+      D.value ? M() : y.value = !1;
+    }), (n, s) => {
+      const c = b("Button"), m = b("Card"), S = b("CardTitle"), G = b("CardHeader"), J = b("ChartContainer"), B = b("CardContent");
+      return a(), l("div", ie, [
+        e("div", ue, [
+          s[0] || (s[0] = e("div", null, [
+            e("h1", { class: "text-2xl font-semibold" }, "Acquisition"),
+            e("p", { class: "text-muted-foreground text-sm mt-1" }, "Where your traffic comes from")
+          ], -1)),
+          D.value ? (a(), l("div", de, [
+            e("div", ce, [
+              (a(), l(g, null, v(P, (t) => e("button", {
+                key: t.value,
+                class: L(["px-3 py-1.5 text-xs font-medium transition-colors", w.value === t.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"]),
+                onClick: (d) => w.value = t.value
+              }, o(t.label), 11, me)), 64))
+            ]),
+            r(c, {
+              variant: "outline",
+              size: "icon",
+              onClick: M,
+              disabled: y.value
+            }, {
+              default: i(() => [
+                r(f(oe), {
+                  class: L(["size-4", { "animate-spin": y.value }])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])) : h("", !0)
+        ]),
+        D.value ? k.value ? (a(), E(m, {
+          key: 1,
+          class: "p-6 border-destructive/50 bg-destructive/5"
+        }, {
+          default: i(() => [
+            e("p", fe, o(k.value), 1),
+            r(c, {
+              variant: "outline",
+              size: "sm",
+              class: "mt-3",
+              onClick: M
+            }, {
+              default: i(() => [...s[2] || (s[2] = [
+                z("Retry", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : y.value ? (a(), l("div", xe, [
+          r(f(ne), { class: "size-8 animate-spin text-muted-foreground" })
+        ])) : (a(), l(g, { key: 3 }, [
+          e("div", pe, [
+            r(m, { class: "@lg:col-span-1" }, {
+              default: i(() => [
+                r(G, { class: "pb-2" }, {
+                  default: i(() => [
+                    r(S, { class: "text-base" }, {
+                      default: i(() => [...s[3] || (s[3] = [
+                        z("Channel Mix", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                r(B, { class: "flex flex-col items-center" }, {
+                  default: i(() => [
+                    e("div", ge, [
+                      r(J, {
+                        config: H.value,
+                        class: "mx-auto aspect-square max-h-[220px]"
+                      }, {
+                        default: i(() => [
+                          r(f(le), {
+                            data: I.value,
+                            margin: { top: 20, bottom: 20, left: 20, right: 20 }
+                          }, {
+                            default: i(() => [
+                              r(f(re), {
+                                value: (t) => t.sessions,
+                                color: (t) => t.fill,
+                                arcWidth: 40,
+                                padAngle: 0.02,
+                                cornerRadius: 4
+                              }, null, 8, ["value", "color"])
+                            ]),
+                            _: 1
+                          }, 8, ["data"])
+                        ]),
+                        _: 1
+                      }, 8, ["config"]),
+                      e("div", he, [
+                        e("div", _e, [
+                          e("p", ve, o(u(W.value)), 1),
+                          s[4] || (s[4] = e("p", { class: "text-xs text-muted-foreground" }, "sessions", -1))
+                        ])
+                      ])
+                    ]),
+                    e("div", ye, [
+                      (a(!0), l(g, null, v(_.value.slice(0, 8), (t, d) => (a(), l("div", {
+                        key: t.sessionDefaultChannelGroup,
+                        class: "flex items-center gap-2"
+                      }, [
+                        e("div", {
+                          class: "size-2.5 rounded-full shrink-0",
+                          style: F({ backgroundColor: x[d % x.length] })
+                        }, null, 4),
+                        e("span", be, o(t.sessionDefaultChannelGroup), 1),
+                        e("span", Ce, o(u(t.sessions)), 1)
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            r(m, { class: "@lg:col-span-2" }, {
+              default: i(() => [
+                r(G, { class: "pb-2" }, {
+                  default: i(() => [
+                    r(S, { class: "text-base" }, {
+                      default: i(() => [...s[5] || (s[5] = [
+                        z("Channels Performance", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                r(B, { class: "p-0" }, {
+                  default: i(() => [
+                    e("div", ke, [
+                      e("table", we, [
+                        s[6] || (s[6] = e("thead", null, [
+                          e("tr", { class: "border-b text-left" }, [
+                            e("th", { class: "px-6 py-3 font-medium text-muted-foreground" }, "Channel"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Sessions"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Users"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "New Users"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Engage Rate"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Avg Duration")
+                          ])
+                        ], -1)),
+                        e("tbody", De, [
+                          (a(!0), l(g, null, v(_.value, (t, d) => (a(), l("tr", {
+                            key: t.sessionDefaultChannelGroup,
+                            class: "hover:bg-muted/50"
+                          }, [
+                            e("td", $e, [
+                              e("div", Re, [
+                                e("div", {
+                                  class: "size-2.5 rounded-full shrink-0",
+                                  style: F({ backgroundColor: x[d % x.length] })
+                                }, null, 4),
+                                e("span", Me, o(t.sessionDefaultChannelGroup), 1)
+                              ])
+                            ]),
+                            e("td", Se, o(u(t.sessions)), 1),
+                            e("td", Ue, o(u(t.totalUsers)), 1),
+                            e("td", ze, o(u(t.newUsers)), 1),
+                            e("td", Ne, o(R(t.engagementRate || 0)), 1),
+                            e("td", qe, o(K(t.averageSessionDuration || 0)), 1)
+                          ]))), 128))
+                        ])
+                      ])
+                    ]),
+                    _.value.length ? h("", !0) : (a(), l("div", Ae, "No channel data available"))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          r(m, null, {
+            default: i(() => [
+              r(G, { class: "pb-0" }, {
+                default: i(() => [
+                  e("div", Ge, [
+                    (a(!0), l(g, null, v([
+                      { key: "sources", label: "Source / Medium", icon: f(ae) },
+                      { key: "referrals", label: "Referrals", icon: f(T) },
+                      { key: "campaigns", label: "Campaigns", icon: f(V) }
+                    ], (t) => (a(), l("button", {
+                      key: t.key,
+                      class: L(["flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors", C.value === t.key ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"]),
+                      onClick: (d) => C.value = t.key
+                    }, [
+                      (a(), E(Z(t.icon), { class: "size-3.5" })),
+                      z(" " + o(t.label), 1)
+                    ], 10, Be))), 128))
+                  ])
+                ]),
+                _: 1
+              }),
+              r(B, { class: "p-0 mt-4" }, {
+                default: i(() => [
+                  C.value === "sources" ? (a(), l("div", Le, [
+                    e("div", Ee, [
+                      e("table", je, [
+                        s[7] || (s[7] = e("thead", null, [
+                          e("tr", { class: "border-b text-left" }, [
+                            e("th", { class: "px-6 py-3 font-medium text-muted-foreground" }, "#"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground" }, "Source / Medium"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Sessions"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Users"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "New Users"),
+                            e("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Bounce Rate")
+                          ])
+                        ], -1)),
+                        e("tbody", Fe, [
+                          (a(!0), l(g, null, v(N.value, (t, d) => (a(), l("tr", {
+                            key: t.sessionSourceMedium,
+                            class: "hover:bg-muted/50"
+                          }, [
+                            e("td", Te, o(d + 1), 1),
+                            e("td", Ve, o(t.sessionSourceMedium), 1),
+                            e("td", Oe, o(u(t.sessions)), 1),
+                            e("td", Pe, o(u(t.totalUsers)), 1),
+                            e("td", He, o(u(t.newUsers)), 1),
+                            e("td", Ie, o(R(t.bounceRate || 0)), 1)
+                          ]))), 128))
+                        ])
+                      ])
+                    ]),
+                    N.value.length ? h("", !0) : (a(), l("div", We, "No data available"))
+                  ])) : h("", !0),
+                  C.value === "referrals" ? (a(), l("div", Ke, [
+                    (a(!0), l(g, null, v(q.value, (t, d) => (a(), l("div", {
+                      key: t.sessionSource,
+                      class: "flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"
+                    }, [
+                      e("div", Je, [
+                        e("span", Qe, o(d + 1), 1),
+                        r(f(T), { class: "size-3.5 text-muted-foreground shrink-0" }),
+                        e("span", Xe, o(t.sessionSource), 1)
+                      ]),
+                      e("div", Ye, [
+                        e("span", Ze, o(u(t.sessions)) + " sessions", 1),
+                        e("span", et, o(u(t.totalUsers)) + " users", 1),
+                        e("span", tt, o(R(t.engagementRate || 0)) + " eng.", 1)
+                      ])
+                    ]))), 128)),
+                    q.value.length ? h("", !0) : (a(), l("div", st, "No referral data available"))
+                  ])) : h("", !0),
+                  C.value === "campaigns" ? (a(), l("div", ot, [
+                    (a(!0), l(g, null, v(A.value, (t, d) => (a(), l("div", {
+                      key: t.sessionCampaignName,
+                      class: "flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"
+                    }, [
+                      e("div", nt, [
+                        e("span", at, o(d + 1), 1),
+                        r(f(V), { class: "size-3.5 text-muted-foreground shrink-0" }),
+                        e("span", lt, o(t.sessionCampaignName), 1)
+                      ]),
+                      e("div", rt, [
+                        e("span", it, o(u(t.sessions)) + " sessions", 1),
+                        e("span", ut, o(u(t.totalUsers)) + " users", 1),
+                        e("span", dt, o(R(t.engagementRate || 0)) + " eng.", 1)
+                      ])
+                    ]))), 128)),
+                    A.value.length ? h("", !0) : (a(), l("div", ct, "No campaign data. Use UTM parameters in your URLs to track campaigns."))
+                  ])) : h("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ], 64)) : (a(), E(m, {
+          key: 0,
+          class: "p-8 text-center"
+        }, {
+          default: i(() => [...s[1] || (s[1] = [
+            e("p", { class: "text-lg font-medium" }, "Setup required", -1),
+            e("p", { class: "text-sm text-muted-foreground mt-2" }, "Configure your GA4 property in module settings.", -1)
+          ])]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+export {
+  _t as default
+};

package/dist/Acquisition-_-cq972V.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("@oneclick.dev/cms-kit");require("./index-BuzLn4Km.js");const d=require("lucide-vue-next"),B=require("./index-D3L8WAJI.js"),q={class:"w-full max-w-7xl mx-auto py-8 px-4 space-y-6"},L={class:"flex items-center justify-between"},U={key:0,class:"flex items-center gap-2"},F={class:"flex items-center border rounded-lg overflow-hidden"},A=["onClick"],G={class:"text-sm text-destructive font-medium"},T={key:2,class:"flex items-center justify-center py-20"},j={class:"grid @lg:grid-cols-3 gap-6"},O={class:"relative"},P={class:"absolute inset-0 flex items-center justify-center pointer-events-none"},H={class:"text-center"},I={class:"text-2xl font-bold tabular-nums"},K={class:"mt-4 grid grid-cols-2 gap-x-4 gap-y-1.5 w-full"},W={class:"text-xs truncate"},J={class:"text-xs text-muted-foreground ml-auto tabular-nums"},Q={class:"overflow-x-auto"},X={class:"w-full text-sm"},Y={class:"divide-y"},Z={class:"px-6 py-3"},ee={class:"flex items-center gap-2"},te={class:"font-medium"},oe={class:"px-4 py-3 text-right tabular-nums"},se={class:"px-4 py-3 text-right tabular-nums"},ne={class:"px-4 py-3 text-right tabular-nums"},ae={class:"px-4 py-3 text-right tabular-nums"},re={class:"px-4 py-3 text-right tabular-nums"},le={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},ce={class:"flex items-center gap-4"},ie=["onClick"],de={key:0,class:"divide-y"},ue={class:"overflow-x-auto"},me={class:"w-full text-sm"},pe={class:"divide-y"},xe={class:"px-6 py-3 text-muted-foreground"},fe={class:"px-4 py-3 font-mono text-xs"},ge={class:"px-4 py-3 text-right tabular-nums"},he={class:"px-4 py-3 text-right tabular-nums"},_e={class:"px-4 py-3 text-right tabular-nums"},ye={class:"px-4 py-3 text-right tabular-nums"},ve={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Ne={key:1,class:"divide-y"},Ve={class:"flex items-center gap-3 min-w-0"},ke={class:"text-muted-foreground w-5 text-right shrink-0"},Ee={class:"truncate font-medium"},Ce={class:"flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground"},be={class:"w-20 text-right"},Be={class:"w-16 text-right"},we={class:"w-16 text-right"},De={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Se={key:2,class:"divide-y"},Me={class:"flex items-center gap-3 min-w-0"},$e={class:"text-muted-foreground w-5 text-right shrink-0"},Re={class:"truncate font-medium"},ze={class:"flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground"},qe={class:"w-20 text-right"},Le={class:"w-16 text-right"},Ue={class:"w-16 text-right"},Fe={key:0,class:"px-6 py-8 text-center text-muted-foreground text-sm"},Ae=e.defineComponent({__name:"Acquisition",setup(Ge){const{config:b}=C.useModule(),{moduleId:w}=C.useModuleRoute();C.useModuleBreadcrumbs(()=>[{label:"Acquisition"}]);const u=e.ref(!0),p=e.ref(null),x=e.ref("30"),m=e.ref("sources"),i=e.ref([]),v=e.ref([]),N=e.ref([]),V=e.ref([]),f=e.computed(()=>!!(b.serviceAccount&&b.propertyId));function g(s){return`/api/v1/modules/${w}${s}`}const D=[{label:"7d",value:"7"},{label:"14d",value:"14"},{label:"30d",value:"30"},{label:"90d",value:"90"}],c=["#3b82f6","#8b5cf6","#10b981","#f59e0b","#ef4444","#06b6d4","#ec4899","#84cc16","#f97316","#6366f1","#14b8a6","#e11d48","#a855f7","#22c55e","#eab308"],S=e.computed(()=>{const s={};return i.value.forEach((o,r)=>{const l=(o.sessionDefaultChannelGroup||"other").toLowerCase().replace(/[^a-z0-9]/g,"_");s[l]={label:o.sessionDefaultChannelGroup||"Other",color:c[r%c.length]}}),s}),M=e.computed(()=>i.value.map((s,o)=>({key:(s.sessionDefaultChannelGroup||"other").toLowerCase().replace(/[^a-z0-9]/g,"_"),label:s.sessionDefaultChannelGroup||"Other",sessions:s.sessions||0,fill:c[o%c.length]}))),$=e.computed(()=>i.value.reduce((s,o)=>s+(o.sessions||0),0));function n(s){return s>=1e6?`${(s/1e6).toFixed(1)}M`:s>=1e3?`${(s/1e3).toFixed(1)}K`:Math.round(s).toString()}function h(s){return`${(s*100).toFixed(1)}%`}function R(s){const o=Math.floor(s/60),r=Math.round(s%60);return o>0?`${o}m ${r}s`:`${r}s`}async function _(){if(!f.value)return;u.value=!0,p.value=null;const s=`${x.value}daysAgo`;try{const[o,r,l,y]=await Promise.all([$fetch(g(`/acquisition/channels?startDate=${s}&endDate=today`)),$fetch(g(`/acquisition/source-medium?startDate=${s}&endDate=today`)),$fetch(g(`/acquisition/referrals?startDate=${s}&endDate=today`)).catch(()=>({rows:[]})),$fetch(g(`/acquisition/campaigns?startDate=${s}&endDate=today`)).catch(()=>({rows:[]}))]);i.value=o.rows||[],v.value=r.rows||[],N.value=l.rows||[],V.value=y.rows||[]}catch(o){p.value=o?.data?.statusMessage||o?.message||"Failed to load acquisition data"}finally{u.value=!1}}return e.watch(x,()=>_()),e.onMounted(()=>{f.value?_():u.value=!1}),(s,o)=>{const r=e.resolveComponent("Button"),l=e.resolveComponent("Card"),y=e.resolveComponent("CardTitle"),k=e.resolveComponent("CardHeader"),z=e.resolveComponent("ChartContainer"),E=e.resolveComponent("CardContent");return e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",L,[o[0]||(o[0]=e.createElementVNode("div",null,[e.createElementVNode("h1",{class:"text-2xl font-semibold"},"Acquisition"),e.createElementVNode("p",{class:"text-muted-foreground text-sm mt-1"},"Where your traffic comes from")],-1)),f.value?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",F,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(D,t=>e.createElementVNode("button",{key:t.value,class:e.normalizeClass(["px-3 py-1.5 text-xs font-medium transition-colors",x.value===t.value?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground hover:bg-muted"]),onClick:a=>x.value=t.value},e.toDisplayString(t.label),11,A)),64))]),e.createVNode(r,{variant:"outline",size:"icon",onClick:_,disabled:u.value},{default:e.withCtx(()=>[e.createVNode(e.unref(d.RefreshCw),{class:e.normalizeClass(["size-4",{"animate-spin":u.value}])},null,8,["class"])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0)]),f.value?p.value?(e.openBlock(),e.createBlock(l,{key:1,class:"p-6 border-destructive/50 bg-destructive/5"},{default:e.withCtx(()=>[e.createElementVNode("p",G,e.toDisplayString(p.value),1),e.createVNode(r,{variant:"outline",size:"sm",class:"mt-3",onClick:_},{default:e.withCtx(()=>[...o[2]||(o[2]=[e.createTextVNode("Retry",-1)])]),_:1})]),_:1})):u.value?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(e.unref(d.Loader2),{class:"size-8 animate-spin text-muted-foreground"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createElementVNode("div",j,[e.createVNode(l,{class:"@lg:col-span-1"},{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(y,{class:"text-base"},{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode("Channel Mix",-1)])]),_:1})]),_:1}),e.createVNode(E,{class:"flex flex-col items-center"},{default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(z,{config:S.value,class:"mx-auto aspect-square max-h-[220px]"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.b),{data:M.value,margin:{top:20,bottom:20,left:20,right:20}},{default:e.withCtx(()=>[e.createVNode(e.unref(B.E),{value:t=>t.sessions,color:t=>t.fill,arcWidth:40,padAngle:.02,cornerRadius:4},null,8,["value","color"])]),_:1},8,["data"])]),_:1},8,["config"]),e.createElementVNode("div",P,[e.createElementVNode("div",H,[e.createElementVNode("p",I,e.toDisplayString(n($.value)),1),o[4]||(o[4]=e.createElementVNode("p",{class:"text-xs text-muted-foreground"},"sessions",-1))])])]),e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value.slice(0,8),(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionDefaultChannelGroup,class:"flex items-center gap-2"},[e.createElementVNode("div",{class:"size-2.5 rounded-full shrink-0",style:e.normalizeStyle({backgroundColor:c[a%c.length]})},null,4),e.createElementVNode("span",W,e.toDisplayString(t.sessionDefaultChannelGroup),1),e.createElementVNode("span",J,e.toDisplayString(n(t.sessions)),1)]))),128))])]),_:1})]),_:1}),e.createVNode(l,{class:"@lg:col-span-2"},{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-2"},{default:e.withCtx(()=>[e.createVNode(y,{class:"text-base"},{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Channels Performance",-1)])]),_:1})]),_:1}),e.createVNode(E,{class:"p-0"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createElementVNode("table",X,[o[6]||(o[6]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b text-left"},[e.createElementVNode("th",{class:"px-6 py-3 font-medium text-muted-foreground"},"Channel"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Sessions"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"New Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Engage Rate"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Avg Duration")])],-1)),e.createElementVNode("tbody",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(t,a)=>(e.openBlock(),e.createElementBlock("tr",{key:t.sessionDefaultChannelGroup,class:"hover:bg-muted/50"},[e.createElementVNode("td",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"size-2.5 rounded-full shrink-0",style:e.normalizeStyle({backgroundColor:c[a%c.length]})},null,4),e.createElementVNode("span",te,e.toDisplayString(t.sessionDefaultChannelGroup),1)])]),e.createElementVNode("td",oe,e.toDisplayString(n(t.sessions)),1),e.createElementVNode("td",se,e.toDisplayString(n(t.totalUsers)),1),e.createElementVNode("td",ne,e.toDisplayString(n(t.newUsers)),1),e.createElementVNode("td",ae,e.toDisplayString(h(t.engagementRate||0)),1),e.createElementVNode("td",re,e.toDisplayString(R(t.averageSessionDuration||0)),1)]))),128))])])]),i.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",le,"No channel data available"))]),_:1})]),_:1})]),e.createVNode(l,null,{default:e.withCtx(()=>[e.createVNode(k,{class:"pb-0"},{default:e.withCtx(()=>[e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList([{key:"sources",label:"Source / Medium",icon:e.unref(d.Share2)},{key:"referrals",label:"Referrals",icon:e.unref(d.ExternalLink)},{key:"campaigns",label:"Campaigns",icon:e.unref(d.Megaphone)}],t=>(e.openBlock(),e.createElementBlock("button",{key:t.key,class:e.normalizeClass(["flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors",m.value===t.key?"bg-muted text-foreground":"text-muted-foreground hover:text-foreground"]),onClick:a=>m.value=t.key},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{class:"size-3.5"})),e.createTextVNode(" "+e.toDisplayString(t.label),1)],10,ie))),128))])]),_:1}),e.createVNode(E,{class:"p-0 mt-4"},{default:e.withCtx(()=>[m.value==="sources"?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",ue,[e.createElementVNode("table",me,[o[7]||(o[7]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b text-left"},[e.createElementVNode("th",{class:"px-6 py-3 font-medium text-muted-foreground"},"#"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground"},"Source / Medium"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Sessions"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"New Users"),e.createElementVNode("th",{class:"px-4 py-3 font-medium text-muted-foreground text-right"},"Bounce Rate")])],-1)),e.createElementVNode("tbody",pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(t,a)=>(e.openBlock(),e.createElementBlock("tr",{key:t.sessionSourceMedium,class:"hover:bg-muted/50"},[e.createElementVNode("td",xe,e.toDisplayString(a+1),1),e.createElementVNode("td",fe,e.toDisplayString(t.sessionSourceMedium),1),e.createElementVNode("td",ge,e.toDisplayString(n(t.sessions)),1),e.createElementVNode("td",he,e.toDisplayString(n(t.totalUsers)),1),e.createElementVNode("td",_e,e.toDisplayString(n(t.newUsers)),1),e.createElementVNode("td",ye,e.toDisplayString(h(t.bounceRate||0)),1)]))),128))])])]),v.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ve,"No data available"))])):e.createCommentVNode("",!0),m.value==="referrals"?(e.openBlock(),e.createElementBlock("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionSource,class:"flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"},[e.createElementVNode("div",Ve,[e.createElementVNode("span",ke,e.toDisplayString(a+1),1),e.createVNode(e.unref(d.ExternalLink),{class:"size-3.5 text-muted-foreground shrink-0"}),e.createElementVNode("span",Ee,e.toDisplayString(t.sessionSource),1)]),e.createElementVNode("div",Ce,[e.createElementVNode("span",be,e.toDisplayString(n(t.sessions))+" sessions",1),e.createElementVNode("span",Be,e.toDisplayString(n(t.totalUsers))+" users",1),e.createElementVNode("span",we,e.toDisplayString(h(t.engagementRate||0))+" eng.",1)])]))),128)),N.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",De,"No referral data available"))])):e.createCommentVNode("",!0),m.value==="campaigns"?(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:t.sessionCampaignName,class:"flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"},[e.createElementVNode("div",Me,[e.createElementVNode("span",$e,e.toDisplayString(a+1),1),e.createVNode(e.unref(d.Megaphone),{class:"size-3.5 text-muted-foreground shrink-0"}),e.createElementVNode("span",Re,e.toDisplayString(t.sessionCampaignName),1)]),e.createElementVNode("div",ze,[e.createElementVNode("span",qe,e.toDisplayString(n(t.sessions))+" sessions",1),e.createElementVNode("span",Le,e.toDisplayString(n(t.totalUsers))+" users",1),e.createElementVNode("span",Ue,e.toDisplayString(h(t.engagementRate||0))+" eng.",1)])]))),128)),V.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Fe,"No campaign data. Use UTM parameters in your URLs to track campaigns."))])):e.createCommentVNode("",!0)]),_:1})]),_:1})],64)):(e.openBlock(),e.createBlock(l,{key:0,class:"p-8 text-center"},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createElementVNode("p",{class:"text-lg font-medium"},"Setup required",-1),e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"},"Configure your GA4 property in module settings.",-1)])]),_:1}))])}}});exports.default=Ae;

package/dist/AppointmentDetailsCard-CtK0Cj_O.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("lucide-vue-next"),V={class:"w-full"},E={key:0,class:"flex items-center gap-2 py-3"},h={key:1,class:"text-xs text-destructive py-2"},S={key:2,class:"rounded-xl border bg-background p-4 text-center"},B={key:3,class:"space-y-3"},D={class:"flex items-start gap-3"},I={class:"shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center"},C={class:"flex-1 min-w-0"},z={class:"text-sm font-semibold truncate"},T={class:"flex items-center gap-2 mt-1 flex-wrap"},w={key:0,class:"text-xs font-medium"},j={class:"grid grid-cols-2 gap-2 text-xs text-muted-foreground"},A={class:"flex items-center gap-1.5"},L={class:"truncate"},P={class:"flex items-center gap-1.5"},$={class:"flex items-center gap-1.5"},M={class:"flex items-center gap-1.5"},F=e.defineComponent({__name:"AppointmentDetailsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(u,{emit:p}){const d=u,f=p,g=useRoute(),x=e.computed(()=>g.params.slug),v=useModuleApi(d.instanceId),c=e.ref(!0),a=e.ref(null),l=e.ref([]);async function N(){const{name:s,email:n,date:i}=d.resolvedArgs||{};if(!i){a.value="No date provided",c.value=!1;return}c.value=!0,a.value=null;try{const t=new URLSearchParams;s&&t.set("name",s),n&&t.set("email",n),i&&t.set("date",i);const b=await v.get(`/appointments/find?${t.toString()}`);l.value=b.appointments||[],m({count:l.value.length,appointments:l.value.map(r=>({orderId:r.orderId,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(t){a.value=t?.data?.statusMessage||t?.message||"Failed to find appointment",m(`Error finding appointment: ${a.value}`)}finally{c.value=!1}}e.onMounted(()=>{N()});function m(s){d.status!=="completed"&&f("submit",s)}const k=s=>{switch(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"}},_=s=>{switch(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 s||"Pending"}},y=s=>s==null?"":`€${s.toFixed(2)}`;return(s,n)=>{const i=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",V,[e.unref(c)?(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(e.unref(o.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),n[0]||(n[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Searching appointments…",-1))])):e.unref(a)?(e.openBlock(),e.createElementBlock("div",h,e.toDisplayString(e.unref(a)),1)):e.unref(l).length===0?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(e.unref(o.CalendarDays),{class:"size-8 text-muted-foreground mx-auto mb-2"}),n[1]||(n[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No appointments found for the given criteria.",-1))])):(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),t=>(e.openBlock(),e.createElementBlock("div",{key:t.reservationId||t.orderId,class:"rounded-xl border bg-background p-3 space-y-3"},[e.createElementVNode("div",D,[e.createElementVNode("div",I,[e.createVNode(e.unref(o.CalendarDays),{class:"size-5 text-primary"})]),e.createElementVNode("div",C,[e.createElementVNode("p",z,e.toDisplayString(t.customerInfo?.firstName)+" "+e.toDisplayString(t.customerInfo?.lastName),1),e.createElementVNode("div",T,[e.createElementVNode("span",{class:e.normalizeClass(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase",k(t.reservationStatus||t.status)])},e.toDisplayString(_(t.reservationStatus||t.status)),3),t.reservationPrice!=null?(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(y(t.reservationPrice)),1)):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",j,[e.createElementVNode("div",A,[e.createVNode(e.unref(o.Mail),{class:"size-3"}),e.createElementVNode("span",L,e.toDisplayString(t.customerInfo?.email||"—"),1)]),e.createElementVNode("div",P,[e.createVNode(e.unref(o.CalendarDays),{class:"size-3"}),e.createElementVNode("span",null,e.toDisplayString(t.date),1)]),e.createElementVNode("div",$,[e.createVNode(e.unref(o.Clock),{class:"size-3"}),e.createElementVNode("span",null,e.toDisplayString(t.startTime)+" – "+e.toDisplayString(t.endTime),1)]),e.createElementVNode("div",M,[e.createVNode(e.unref(o.Users),{class:"size-3"}),e.createElementVNode("span",null,e.toDisplayString(t.spots||1)+" "+e.toDisplayString((t.spots||1)===1?"spot":"spots"),1)])]),e.createVNode(i,{to:`/projects/${e.unref(x)}/modules/${u.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ExternalLink),{class:"size-3"}),n[2]||(n[2]=e.createTextVNode(" Open in agenda ",-1))]),_:1},8,["to"])]))),128))]))])}}});exports.default=F;

package/dist/AppointmentDetailsCard-i4Ky8WnK.mjs

@@ -0,0 +1,161 @@
+import { defineComponent as T, computed as A, ref as x, onMounted as L, resolveComponent as $, openBlock as d, createElementBlock as l, unref as r, createVNode as i, createElementVNode as t, toDisplayString as a, Fragment as j, renderList as P, normalizeClass as E, createCommentVNode as M, withCtx as V, createTextVNode as D } from "vue";
+import { Loader2 as F, CalendarDays as g, Mail as R, Clock as B, Users as U, ExternalLink as O } from "lucide-vue-next";
+const q = { class: "w-full" }, G = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, H = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, J = {
+  key: 2,
+  class: "rounded-xl border bg-background p-4 text-center"
+}, K = {
+  key: 3,
+  class: "space-y-3"
+}, Q = { class: "flex items-start gap-3" }, W = { class: "shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center" }, X = { class: "flex-1 min-w-0" }, Y = { class: "text-sm font-semibold truncate" }, Z = { class: "flex items-center gap-2 mt-1 flex-wrap" }, ee = {
+  key: 0,
+  class: "text-xs font-medium"
+}, te = { class: "grid grid-cols-2 gap-2 text-xs text-muted-foreground" }, se = { class: "flex items-center gap-1.5" }, re = { class: "truncate" }, ne = { class: "flex items-center gap-1.5" }, ae = { class: "flex items-center gap-1.5" }, oe = { class: "flex items-center gap-1.5" }, le = /* @__PURE__ */ T({
+  __name: "AppointmentDetailsCard",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(v, { emit: b }) {
+    const f = v, h = b, k = useRoute(), y = A(() => k.params.slug), N = useModuleApi(f.instanceId), p = x(!0), c = x(null), u = x([]);
+    async function I() {
+      const { name: s, email: o, date: m } = f.resolvedArgs || {};
+      if (!m) {
+        c.value = "No date provided", p.value = !1;
+        return;
+      }
+      p.value = !0, c.value = null;
+      try {
+        const e = new URLSearchParams();
+        s && e.set("name", s), o && e.set("email", o), m && e.set("date", m);
+        const w = await N.get(`/appointments/find?${e.toString()}`);
+        u.value = w.appointments || [], _({
+          count: u.value.length,
+          appointments: u.value.map((n) => ({
+            orderId: n.orderId,
+            reservationId: n.reservationId,
+            customerName: `${n.customerInfo?.firstName || ""} ${n.customerInfo?.lastName || ""}`.trim(),
+            email: n.customerInfo?.email,
+            date: n.date,
+            startTime: n.startTime,
+            endTime: n.endTime,
+            spots: n.spots,
+            status: n.reservationStatus || n.status,
+            price: n.reservationPrice
+          }))
+        });
+      } catch (e) {
+        c.value = e?.data?.statusMessage || e?.message || "Failed to find appointment", _(`Error finding appointment: ${c.value}`);
+      } finally {
+        p.value = !1;
+      }
+    }
+    L(() => {
+      I();
+    });
+    function _(s) {
+      f.status !== "completed" && h("submit", s);
+    }
+    const C = (s) => {
+      switch (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";
+      }
+    }, z = (s) => {
+      switch (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 s || "Pending";
+      }
+    }, S = (s) => s == null ? "" : `€${s.toFixed(2)}`;
+    return (s, o) => {
+      const m = $("NuxtLink");
+      return d(), l("div", q, [
+        r(p) ? (d(), l("div", G, [
+          i(r(F), { class: "size-4 animate-spin text-muted-foreground" }),
+          o[0] || (o[0] = t("span", { class: "text-xs text-muted-foreground" }, "Searching appointments…", -1))
+        ])) : r(c) ? (d(), l("div", H, a(r(c)), 1)) : r(u).length === 0 ? (d(), l("div", J, [
+          i(r(g), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
+          o[1] || (o[1] = t("p", { class: "text-sm text-muted-foreground" }, "No appointments found for the given criteria.", -1))
+        ])) : (d(), l("div", K, [
+          (d(!0), l(j, null, P(r(u), (e) => (d(), l("div", {
+            key: e.reservationId || e.orderId,
+            class: "rounded-xl border bg-background p-3 space-y-3"
+          }, [
+            t("div", Q, [
+              t("div", W, [
+                i(r(g), { class: "size-5 text-primary" })
+              ]),
+              t("div", X, [
+                t("p", Y, a(e.customerInfo?.firstName) + " " + a(e.customerInfo?.lastName), 1),
+                t("div", Z, [
+                  t("span", {
+                    class: E(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase", C(e.reservationStatus || e.status)])
+                  }, a(z(e.reservationStatus || e.status)), 3),
+                  e.reservationPrice != null ? (d(), l("span", ee, a(S(e.reservationPrice)), 1)) : M("", !0)
+                ])
+              ])
+            ]),
+            t("div", te, [
+              t("div", se, [
+                i(r(R), { class: "size-3" }),
+                t("span", re, a(e.customerInfo?.email || "—"), 1)
+              ]),
+              t("div", ne, [
+                i(r(g), { class: "size-3" }),
+                t("span", null, a(e.date), 1)
+              ]),
+              t("div", ae, [
+                i(r(B), { class: "size-3" }),
+                t("span", null, a(e.startTime) + " – " + a(e.endTime), 1)
+              ]),
+              t("div", oe, [
+                i(r(U), { class: "size-3" }),
+                t("span", null, a(e.spots || 1) + " " + a((e.spots || 1) === 1 ? "spot" : "spots"), 1)
+              ])
+            ]),
+            i(m, {
+              to: `/projects/${r(y)}/modules/${v.instanceId}`,
+              class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+            }, {
+              default: V(() => [
+                i(r(O), { class: "size-3" }),
+                o[2] || (o[2] = D(" Open in agenda ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ]))), 128))
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  le as default
+};