@oneclick.dev/cms-core-modules 0.0.108 → 0.0.110

package/dist/Acquisition-DNCy8nQz.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 h, renderList as v, normalizeClass as L, toDisplayString as o, createVNode as r, withCtx as i, unref as x, createCommentVNode as g, 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-BFLV54kw.mjs";
+import { RefreshCw as oe, Loader2 as ne, Share2 as ae, ExternalLink as T, Megaphone as V } from "lucide-vue-next";
+import { S as le, E as re } from "./index-V78huaSJ.mjs";
+const ie = { class: "@container/charts flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, ue = { class: "flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, de = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, ce = { class: "flex items-center border rounded-lg overflow-hidden" }, me = ["onClick"], xe = { class: "text-sm text-destructive font-medium" }, fe = {
+  key: 2,
+  class: "flex items-center justify-center py-20"
+}, pe = { class: "flex flex-col @4xl/charts:grid @4xl/charts:grid-cols-3 gap-6" }, he = { class: "relative" }, ge = { 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" }
+    ], f = [
+      "#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: f[c % f.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: f[s % f.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(h, 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(x(oe), {
+                  class: L(["size-4", { "animate-spin": y.value }])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])) : g("", !0)
+        ]),
+        D.value ? k.value ? (a(), E(m, {
+          key: 1,
+          class: "p-6 border-destructive/50 bg-destructive/5"
+        }, {
+          default: i(() => [
+            e("p", xe, 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", fe, [
+          r(x(ne), { class: "size-8 animate-spin text-muted-foreground" })
+        ])) : (a(), l(h, { key: 3 }, [
+          e("div", pe, [
+            r(m, { class: "@4xl/charts: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", he, [
+                      r(J, {
+                        config: H.value,
+                        class: "mx-auto aspect-square max-h-[220px]"
+                      }, {
+                        default: i(() => [
+                          r(x(le), {
+                            data: I.value,
+                            margin: { top: 20, bottom: 20, left: 20, right: 20 }
+                          }, {
+                            default: i(() => [
+                              r(x(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", ge, [
+                        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(h, 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: f[d % f.length] })
+                        }, null, 4),
+                        e("span", be, o(t.sessionDefaultChannelGroup), 1),
+                        e("span", Ce, o(u(t.sessions)), 1)
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            r(m, { class: "@4xl/charts: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(h, 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: f[d % f.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 ? g("", !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(h, null, v([
+                      { key: "sources", label: "Source / Medium", icon: x(ae) },
+                      { key: "referrals", label: "Referrals", icon: x(T) },
+                      { key: "campaigns", label: "Campaigns", icon: x(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(h, 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 ? g("", !0) : (a(), l("div", We, "No data available"))
+                  ])) : g("", !0),
+                  C.value === "referrals" ? (a(), l("div", Ke, [
+                    (a(!0), l(h, 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(x(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 ? g("", !0) : (a(), l("div", st, "No referral data available"))
+                  ])) : g("", !0),
+                  C.value === "campaigns" ? (a(), l("div", ot, [
+                    (a(!0), l(h, 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(x(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 ? g("", !0) : (a(), l("div", ct, "No campaign data. Use UTM parameters in your URLs to track campaigns."))
+                  ])) : g("", !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-Dt2rREU8.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-B5aBwdxY.js");const d=require("lucide-vue-next"),B=require("./index-BiT55eU0.js"),q={class:"@container/charts flex flex-col gap-6 w-full max-w-7xl mx-auto py-8"},L={class:"flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center"},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:"flex flex-col @4xl/charts:grid @4xl/charts: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"},le={class:"px-4 py-3 text-right tabular-nums"},re={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,l)=>{const r=(o.sessionDefaultChannelGroup||"other").toLowerCase().replace(/[^a-z0-9]/g,"_");s[r]={label:o.sessionDefaultChannelGroup||"Other",color:c[l%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),l=Math.round(s%60);return o>0?`${o}m ${l}s`:`${l}s`}async function _(){if(!f.value)return;u.value=!0,p.value=null;const s=`${x.value}daysAgo`;try{const[o,l,r,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=l.rows||[],N.value=r.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 l=e.resolveComponent("Button"),r=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(l,{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(r,{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(l,{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(r,{class:"@4xl/charts: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.S),{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(r,{class:"@4xl/charts: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",le,e.toDisplayString(R(t.averageSessionDuration||0)),1)]))),128))])])]),i.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",re,"No channel data available"))]),_:1})]),_:1})]),e.createVNode(r,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(r,{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/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
+};