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

package/dist/Overview-PPzv7weG.mjs

@@ -0,0 +1,450 @@
+import { i as e, n as t, r as n, t as r } from "./xy-container-CuQSwrtB.mjs";
+import { n as i, t as a } from "./line-tYLnEDGV.mjs";
+import { useModule as ee, useModuleBreadcrumbs as o, useModuleRoute as s } from "@oneclick.dev/cms-kit";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as te, normalizeClass as g, normalizeStyle as _, onMounted as v, openBlock as y, ref as b, renderList as x, resolveComponent as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, watch as E, withCtx as D } from "vue";
+import { Activity as O, ArrowUpRight as ne, Clock as k, Eye as re, Globe as ie, Loader2 as ae, Minus as oe, Monitor as se, MousePointerClick as ce, RefreshCw as le, Smartphone as ue, Tablet as de, TrendingDown as A, TrendingUp as j, UserPlus as fe, Users as pe, Zap as me } from "@lucide/vue";
+import { ChartTooltipContent as M, componentToString as N } from "@oneclick.dev/cms-kit/charts";
+//#region src/googleAnalytics/pages/Overview.vue?vue&type=script&setup=true&lang.ts
+var he = { class: "flex flex-col gap-4 w-full max-w-7xl mx-auto py-8" }, ge = { class: "flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, _e = { class: "text-muted-foreground text-sm mt-1" }, ve = {
+	key: 0,
+	class: "flex items-center gap-2"
+}, ye = { class: "flex items-center border rounded-lg overflow-hidden" }, be = ["onClick"], xe = { class: "text-sm text-destructive font-medium" }, Se = {
+	key: 2,
+	class: "flex items-center justify-center py-20"
+}, Ce = { class: "flex items-start justify-between" }, we = { class: "flex items-center gap-2" }, Te = { class: "text-sm font-medium" }, Ee = { class: "grid grid-cols-2 @md:grid-cols-3 @xl:grid-cols-4 gap-4" }, De = { class: "flex items-center gap-1.5 text-muted-foreground mb-2" }, Oe = { class: "text-xs font-medium uppercase tracking-wide" }, ke = { class: "text-2xl font-semibold tabular-nums" }, Ae = {
+	key: 0,
+	class: "flex items-center gap-1 mt-1"
+}, je = { class: "flex flex-col @xl:grid @xl:grid-cols-2 gap-4 max-w-full" }, Me = { class: "flex flex-col @lg:grid @lg:grid-cols-2 gap-4" }, Ne = { class: "divide-y" }, Pe = { class: "flex items-center gap-3 min-w-0" }, Fe = { class: "text-muted-foreground w-5 text-right shrink-0" }, Ie = { class: "truncate font-mono text-xs" }, Le = { class: "flex items-center gap-4 shrink-0 tabular-nums" }, Re = { class: "text-muted-foreground text-xs w-16 text-right" }, ze = { class: "text-muted-foreground text-xs w-16 text-right" }, Be = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Ve = { class: "divide-y" }, He = { class: "flex items-center gap-3 min-w-0" }, Ue = { class: "text-muted-foreground w-5 text-right shrink-0" }, We = { class: "truncate" }, Ge = { class: "flex items-center gap-4 shrink-0 tabular-nums" }, Ke = { class: "text-muted-foreground text-xs w-20 text-right" }, qe = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Je = { class: "grid @lg:grid-cols-2 gap-4" }, Ye = { class: "space-y-3" }, Xe = { class: "text-sm capitalize flex-1" }, Ze = { class: "flex-1 h-2 bg-muted rounded-full overflow-hidden" }, Qe = { class: "text-xs tabular-nums text-muted-foreground w-16 text-right" }, $e = {
+	key: 0,
+	class: "py-4 text-center text-muted-foreground text-sm"
+}, et = { class: "space-y-3" }, tt = { class: "text-sm flex-1" }, nt = { class: "flex-1 h-2 bg-muted rounded-full overflow-hidden" }, rt = { class: "text-xs tabular-nums text-muted-foreground w-16 text-right" }, it = {
+	key: 0,
+	class: "py-4 text-center text-muted-foreground text-sm"
+}, P = /* @__PURE__ */ te({
+	__name: "Overview",
+	setup(te) {
+		let { config: P } = ee(), { moduleId: at } = s();
+		o(() => [{ label: "Overview" }]);
+		let F = b(!0), I = b(null), L = b("30"), R = b([]), z = b({}), ot = b({}), B = b({}), st = b(0), V = b([]), H = b([]), U = b([]), W = b([]), G = l(() => !!(P.serviceAccount && P.propertyId));
+		function K(e) {
+			return `/api/v1/modules/${at}${e}`;
+		}
+		let ct = [
+			{
+				label: "7 days",
+				value: "7"
+			},
+			{
+				label: "14 days",
+				value: "14"
+			},
+			{
+				label: "30 days",
+				value: "30"
+			},
+			{
+				label: "90 days",
+				value: "90"
+			}
+		], q = {
+			sessions: "#3b82f6",
+			users: "#8b5cf6",
+			pageViews: "#10b981"
+		}, J = {
+			sessions: {
+				label: "Sessions",
+				color: q.sessions
+			},
+			totalUsers: {
+				label: "Users",
+				color: q.users
+			}
+		}, Y = { screenPageViews: {
+			label: "Page Views",
+			color: q.pageViews
+		} }, X = (e, t) => t, lt = (e) => e.sessions || 0, ut = (e) => e.totalUsers || 0, dt = (e) => e.screenPageViews || 0, ft = (e) => {
+			let t = R.value[Math.round(e)];
+			if (!t) return "";
+			let n = new Date(t.date);
+			return `${n.getDate()}/${n.getMonth() + 1}`;
+		}, pt = (e) => {
+			let t = R.value[Math.round(Number(e))];
+			return t ? new Date(t.date).toLocaleDateString(void 0, {
+				weekday: "short",
+				month: "short",
+				day: "numeric"
+			}) : "";
+		}, mt = l(() => [
+			{
+				label: "Sessions",
+				value: Z(z.value.sessions || 0),
+				icon: ce,
+				change: B.value.sessions
+			},
+			{
+				label: "Users",
+				value: Z(z.value.totalUsers || 0),
+				icon: pe,
+				change: B.value.totalUsers
+			},
+			{
+				label: "Page Views",
+				value: Z(z.value.screenPageViews || 0),
+				icon: re,
+				change: B.value.screenPageViews
+			},
+			{
+				label: "Avg. Duration",
+				value: ht(z.value.averageSessionDuration || 0),
+				icon: k,
+				change: B.value.averageSessionDuration
+			},
+			{
+				label: "Engagement",
+				value: `${((z.value.engagementRate || 0) * 100).toFixed(1)}%`,
+				icon: me,
+				change: B.value.engagementRate,
+				positive: !0
+			},
+			{
+				label: "Bounce Rate",
+				value: `${((z.value.bounceRate || 0) * 100).toFixed(1)}%`,
+				icon: (z.value.bounceRate || 0) > .5 ? A : j,
+				change: B.value.bounceRate,
+				positive: !1
+			},
+			{
+				label: "New Users",
+				value: Z(z.value.newUsers || 0),
+				icon: fe,
+				change: B.value.newUsers
+			},
+			{
+				label: "Pages / Session",
+				value: (z.value.screenPageViewsPerSession || 0).toFixed(1),
+				icon: O,
+				change: B.value.screenPageViewsPerSession
+			}
+		]);
+		function Z(e) {
+			return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : Math.round(e).toString();
+		}
+		function ht(e) {
+			let t = Math.floor(e / 60), n = Math.round(e % 60);
+			return t > 0 ? `${t}m ${n}s` : `${n}s`;
+		}
+		function Q(e, t = !0) {
+			if (e == null) return {
+				text: "—",
+				cls: "text-muted-foreground",
+				icon: oe
+			};
+			let n = `${Math.abs(e).toFixed(1)}%`, r = e > 0;
+			return {
+				text: n,
+				cls: (t ? r : !r) ? "text-emerald-600 dark:text-emerald-400" : "text-red-500 dark:text-red-400",
+				icon: r ? j : A
+			};
+		}
+		function gt(e) {
+			let t = e.toLowerCase();
+			return t === "mobile" ? ue : t === "tablet" ? de : se;
+		}
+		async function $() {
+			if (!G.value) return;
+			F.value = !0, I.value = null;
+			let e = `${L.value}daysAgo`;
+			try {
+				let [t, n, r, i, a, ee] = await Promise.all([
+					$fetch(K(`/report?startDate=${e}&endDate=today`)),
+					$fetch(K("/realtime")).catch(() => ({ activeUsers: 0 })),
+					$fetch(K(`/top-pages?startDate=${e}&endDate=today&limit=10`)),
+					$fetch(K(`/top-sources?startDate=${e}&endDate=today`)),
+					$fetch(K(`/devices?startDate=${e}&endDate=today`)),
+					$fetch(K(`/countries?startDate=${e}&endDate=today`))
+				]);
+				R.value = t.rows || [], z.value = t.totals || {}, ot.value = t.previousTotals || {}, B.value = t.changes || {}, st.value = n.activeUsers || 0, V.value = r.rows || [], H.value = i.rows || [], U.value = a.rows || [], W.value = ee.rows || [];
+			} catch (e) {
+				console.error("Failed to fetch analytics data:", e), I.value = e?.data?.statusMessage || e?.message || "Failed to load analytics data";
+			} finally {
+				F.value = !1;
+			}
+		}
+		return E(L, () => $()), v(() => {
+			G.value ? $() : F.value = !1;
+		}), (ee, o) => {
+			let s = S("Button"), l = S("Card"), te = S("Badge"), v = S("CardTitle"), b = S("CardHeader"), E = S("ChartLegendContent"), O = S("ChartContainer"), k = S("CardContent");
+			return y(), f("div", he, [p("div", ge, [p("div", null, [o[0] ||= p("h1", { class: "text-2xl font-semibold" }, "Analytics Overview", -1), p("p", _e, "Property " + w(T(P).propertyId || "—"), 1)]), G.value ? (y(), f("div", ve, [p("div", ye, [(y(), f(c, null, x(ct, (e) => p("button", {
+				key: e.value,
+				class: g(["px-3 py-1.5 text-xs font-medium transition-colors", L.value === e.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"]),
+				onClick: (t) => L.value = e.value
+			}, w(e.label), 11, be)), 64))]), h(s, {
+				variant: "outline",
+				size: "icon",
+				onClick: $,
+				disabled: F.value
+			}, {
+				default: D(() => [h(T(le), { class: g(["size-4", { "animate-spin": F.value }]) }, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["disabled"])])) : d("", !0)]), G.value ? I.value ? (y(), u(l, {
+				key: 1,
+				class: "p-6 border-destructive/50 bg-destructive/5"
+			}, {
+				default: D(() => [p("p", xe, w(I.value), 1), h(s, {
+					variant: "outline",
+					size: "sm",
+					class: "mt-3",
+					onClick: $
+				}, {
+					default: D(() => [...o[2] ||= [m("Retry", -1)]]),
+					_: 1
+				})]),
+				_: 1
+			})) : F.value ? (y(), f("div", Se, [h(T(ae), { class: "size-8 animate-spin text-muted-foreground" })])) : (y(), f(c, { key: 3 }, [
+				h(l, { class: "p-4" }, {
+					default: D(() => [p("div", Ce, [p("div", we, [
+						o[3] ||= p("span", { class: "relative flex h-2.5 w-2.5" }, [p("span", { class: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }), p("span", { class: "relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500" })], -1),
+						p("span", Te, w(st.value) + " visitors", 1),
+						o[4] ||= p("span", { class: "text-xs text-muted-foreground translate-y-0.25" }, "in the last 30 minutes", -1)
+					]), h(te, {
+						variant: "outline",
+						class: "text-xs"
+					}, {
+						default: D(() => [...o[5] ||= [m("Live", -1)]]),
+						_: 1
+					})])]),
+					_: 1
+				}),
+				p("div", Ee, [(y(!0), f(c, null, x(mt.value, (e) => (y(), u(l, {
+					key: e.label,
+					class: "p-4"
+				}, {
+					default: D(() => [
+						p("div", De, [(y(), u(C(e.icon), { class: "size-3.5" })), p("span", Oe, w(e.label), 1)]),
+						p("p", ke, w(e.value), 1),
+						e.change === void 0 ? d("", !0) : (y(), f("div", Ae, [
+							(y(), u(C(Q(e.change, e.positive !== !1).icon), { class: g(["size-3", Q(e.change, e.positive !== !1).cls]) }, null, 8, ["class"])),
+							p("span", { class: g(["text-xs font-medium", Q(e.change, e.positive !== !1).cls]) }, w(Q(e.change, e.positive !== !1).text), 3),
+							o[6] ||= p("span", { class: "text-xs text-muted-foreground" }, "vs prev.", -1)
+						]))
+					]),
+					_: 2
+				}, 1024))), 128))]),
+				p("div", je, [h(l, null, {
+					default: D(() => [h(b, { class: "pb-2" }, {
+						default: D(() => [h(v, { class: "text-base" }, {
+							default: D(() => [...o[7] ||= [m("Sessions & Users", -1)]]),
+							_: 1
+						})]),
+						_: 1
+					}), h(k, null, {
+						default: D(() => [h(O, {
+							config: J,
+							class: "h-[240px] w-full"
+						}, {
+							default: D(() => [h(T(r), {
+								data: R.value,
+								margin: {
+									top: 8,
+									right: 8,
+									bottom: 24,
+									left: 40
+								}
+							}, {
+								default: D(() => [
+									h(T(i), {
+										x: X,
+										y: lt,
+										color: q.sessions,
+										opacity: .1,
+										curveType: "monotoneX"
+									}, null, 8, ["color"]),
+									h(T(a), {
+										x: X,
+										y: lt,
+										color: q.sessions,
+										lineWidth: 2,
+										curveType: "monotoneX"
+									}, null, 8, ["color"]),
+									h(T(a), {
+										x: X,
+										y: ut,
+										color: q.users,
+										lineWidth: 2,
+										curveType: "monotoneX"
+									}, null, 8, ["color"]),
+									h(T(e), {
+										type: "x",
+										tickFormat: ft,
+										numTicks: 6
+									}),
+									h(T(e), {
+										type: "y",
+										numTicks: 4
+									}),
+									h(T(n), { template: T(N)(J, T(M), { labelFormatter: pt }) }, null, 8, ["template"]),
+									h(T(t))
+								]),
+								_: 1
+							}, 8, ["data"]), h(E, { config: J })]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}), h(l, null, {
+					default: D(() => [h(b, { class: "pb-2" }, {
+						default: D(() => [h(v, { class: "text-base" }, {
+							default: D(() => [...o[8] ||= [m("Page Views", -1)]]),
+							_: 1
+						})]),
+						_: 1
+					}), h(k, null, {
+						default: D(() => [h(O, {
+							config: Y,
+							class: "h-[240px] w-full"
+						}, {
+							default: D(() => [h(T(r), {
+								data: R.value,
+								margin: {
+									top: 8,
+									right: 8,
+									bottom: 24,
+									left: 40
+								}
+							}, {
+								default: D(() => [
+									h(T(i), {
+										x: X,
+										y: dt,
+										color: q.pageViews,
+										opacity: .15,
+										curveType: "monotoneX"
+									}, null, 8, ["color"]),
+									h(T(a), {
+										x: X,
+										y: dt,
+										color: q.pageViews,
+										lineWidth: 2,
+										curveType: "monotoneX"
+									}, null, 8, ["color"]),
+									h(T(e), {
+										type: "x",
+										tickFormat: ft,
+										numTicks: 6
+									}),
+									h(T(e), {
+										type: "y",
+										numTicks: 4
+									}),
+									h(T(n), { template: T(N)(Y, T(M), { labelFormatter: pt }) }, null, 8, ["template"]),
+									h(T(t))
+								]),
+								_: 1
+							}, 8, ["data"]), h(E, { config: Y })]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				p("div", Me, [h(l, null, {
+					default: D(() => [h(b, { class: "pb-2" }, {
+						default: D(() => [h(v, { class: "text-base" }, {
+							default: D(() => [...o[9] ||= [m("Top Pages", -1)]]),
+							_: 1
+						})]),
+						_: 1
+					}), h(k, { class: "p-0" }, {
+						default: D(() => [p("div", Ne, [(y(!0), f(c, null, x(V.value, (e, t) => (y(), f("div", {
+							key: e.pagePath,
+							class: "flex items-center justify-between px-6 py-3 text-sm"
+						}, [p("div", Pe, [p("span", Fe, w(t + 1), 1), p("span", Ie, w(e.pagePath), 1)]), p("div", Le, [p("span", Re, w(Z(e.screenPageViews)) + " views", 1), p("span", ze, w(Z(e.totalUsers)) + " users", 1)])]))), 128)), V.value.length ? d("", !0) : (y(), f("div", Be, "No data available"))])]),
+						_: 1
+					})]),
+					_: 1
+				}), h(l, null, {
+					default: D(() => [h(b, { class: "pb-2" }, {
+						default: D(() => [h(v, { class: "text-base" }, {
+							default: D(() => [...o[10] ||= [m("Traffic Sources", -1)]]),
+							_: 1
+						})]),
+						_: 1
+					}), h(k, { class: "p-0" }, {
+						default: D(() => [p("div", Ve, [(y(!0), f(c, null, x(H.value, (e, t) => (y(), f("div", {
+							key: e.sessionSource,
+							class: "flex items-center justify-between px-6 py-3 text-sm"
+						}, [p("div", He, [
+							p("span", Ue, w(t + 1), 1),
+							h(T(ne), { class: "size-3.5 text-muted-foreground shrink-0" }),
+							p("span", We, w(e.sessionSource || "(direct)"), 1)
+						]), p("div", Ge, [p("span", Ke, w(Z(e.sessions)) + " sessions", 1)])]))), 128)), H.value.length ? d("", !0) : (y(), f("div", qe, "No data available"))])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				p("div", Je, [h(l, null, {
+					default: D(() => [h(b, { class: "pb-2" }, {
+						default: D(() => [h(v, { class: "text-base" }, {
+							default: D(() => [...o[11] ||= [m("Devices", -1)]]),
+							_: 1
+						})]),
+						_: 1
+					}), h(k, null, {
+						default: D(() => [p("div", Ye, [(y(!0), f(c, null, x(U.value, (e) => (y(), f("div", {
+							key: e.deviceCategory,
+							class: "flex items-center gap-3"
+						}, [
+							(y(), u(C(gt(e.deviceCategory)), { class: "size-4 text-muted-foreground shrink-0" })),
+							p("span", Xe, w(e.deviceCategory), 1),
+							p("div", Ze, [p("div", {
+								class: "h-full bg-primary rounded-full transition-all",
+								style: _({ width: `${e.sessions / (U.value[0]?.sessions || 1) * 100}%` })
+							}, null, 4)]),
+							p("span", Qe, w(Z(e.sessions)), 1)
+						]))), 128)), U.value.length ? d("", !0) : (y(), f("div", $e, "No data available"))])]),
+						_: 1
+					})]),
+					_: 1
+				}), h(l, null, {
+					default: D(() => [h(b, { class: "pb-2" }, {
+						default: D(() => [h(v, { class: "text-base" }, {
+							default: D(() => [...o[12] ||= [m("Top Countries", -1)]]),
+							_: 1
+						})]),
+						_: 1
+					}), h(k, null, {
+						default: D(() => [p("div", et, [(y(!0), f(c, null, x(W.value, (e) => (y(), f("div", {
+							key: e.country,
+							class: "flex items-center gap-3"
+						}, [
+							h(T(ie), { class: "size-4 text-muted-foreground shrink-0" }),
+							p("span", tt, w(e.country), 1),
+							p("div", nt, [p("div", {
+								class: "h-full bg-primary rounded-full transition-all",
+								style: _({ width: `${e.sessions / (W.value[0]?.sessions || 1) * 100}%` })
+							}, null, 4)]),
+							p("span", rt, w(Z(e.sessions)), 1)
+						]))), 128)), W.value.length ? d("", !0) : (y(), f("div", it, "No data available"))])]),
+						_: 1
+					})]),
+					_: 1
+				})])
+			], 64)) : (y(), u(l, {
+				key: 0,
+				class: "p-8 text-center"
+			}, {
+				default: D(() => [...o[1] ||= [p("div", { class: "mx-auto max-w-md space-y-3" }, [p("p", { class: "text-lg font-medium" }, "Setup required"), p("p", { class: "text-sm text-muted-foreground" }, "Connect a Google Service Account and enter your GA4 Property ID in the module settings to start seeing analytics.")], -1)]]),
+				_: 1
+			}))]);
+		};
+	}
+});
+//#endregion
+export { P as default };

package/dist/Overview-qFKcXHVF.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./xy-container-_6YpscZh.js`),t=require(`./line-DJdnFNI7.js`);let n=require(`@oneclick.dev/cms-kit`),r=require(`vue`),i=require(`@lucide/vue`),a=require(`@oneclick.dev/cms-kit/charts`);var o={class:`flex flex-col gap-4 w-full max-w-7xl mx-auto py-8`},s={class:`flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center`},c={class:`text-muted-foreground text-sm mt-1`},l={key:0,class:`flex items-center gap-2`},u={class:`flex items-center border rounded-lg overflow-hidden`},d=[`onClick`],ee={class:`text-sm text-destructive font-medium`},te={key:2,class:`flex items-center justify-center py-20`},ne={class:`flex items-start justify-between`},re={class:`flex items-center gap-2`},ie={class:`text-sm font-medium`},ae={class:`grid grid-cols-2 @md:grid-cols-3 @xl:grid-cols-4 gap-4`},oe={class:`flex items-center gap-1.5 text-muted-foreground mb-2`},se={class:`text-xs font-medium uppercase tracking-wide`},ce={class:`text-2xl font-semibold tabular-nums`},le={key:0,class:`flex items-center gap-1 mt-1`},ue={class:`flex flex-col @xl:grid @xl:grid-cols-2 gap-4 max-w-full`},de={class:`flex flex-col @lg:grid @lg:grid-cols-2 gap-4`},fe={class:`divide-y`},pe={class:`flex items-center gap-3 min-w-0`},me={class:`text-muted-foreground w-5 text-right shrink-0`},he={class:`truncate font-mono text-xs`},ge={class:`flex items-center gap-4 shrink-0 tabular-nums`},_e={class:`text-muted-foreground text-xs w-16 text-right`},ve={class:`text-muted-foreground text-xs w-16 text-right`},ye={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},be={class:`divide-y`},f={class:`flex items-center gap-3 min-w-0`},xe={class:`text-muted-foreground w-5 text-right shrink-0`},Se={class:`truncate`},Ce={class:`flex items-center gap-4 shrink-0 tabular-nums`},we={class:`text-muted-foreground text-xs w-20 text-right`},Te={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},Ee={class:`grid @lg:grid-cols-2 gap-4`},p={class:`space-y-3`},m={class:`text-sm capitalize flex-1`},h={class:`flex-1 h-2 bg-muted rounded-full overflow-hidden`},g={class:`text-xs tabular-nums text-muted-foreground w-16 text-right`},_={key:0,class:`py-4 text-center text-muted-foreground text-sm`},v={class:`space-y-3`},y={class:`text-sm flex-1`},b={class:`flex-1 h-2 bg-muted rounded-full overflow-hidden`},x={class:`text-xs tabular-nums text-muted-foreground w-16 text-right`},S={key:0,class:`py-4 text-center text-muted-foreground text-sm`},C=(0,r.defineComponent)({__name:`Overview`,setup(C){let{config:w}=(0,n.useModule)(),{moduleId:T}=(0,n.useModuleRoute)();(0,n.useModuleBreadcrumbs)(()=>[{label:`Overview`}]);let E=(0,r.ref)(!0),D=(0,r.ref)(null),O=(0,r.ref)(`30`),k=(0,r.ref)([]),A=(0,r.ref)({}),j=(0,r.ref)({}),M=(0,r.ref)({}),N=(0,r.ref)(0),P=(0,r.ref)([]),F=(0,r.ref)([]),I=(0,r.ref)([]),L=(0,r.ref)([]),R=(0,r.computed)(()=>!!(w.serviceAccount&&w.propertyId));function z(e){return`/api/v1/modules/${T}${e}`}let De=[{label:`7 days`,value:`7`},{label:`14 days`,value:`14`},{label:`30 days`,value:`30`},{label:`90 days`,value:`90`}],B={sessions:`#3b82f6`,users:`#8b5cf6`,pageViews:`#10b981`},V={sessions:{label:`Sessions`,color:B.sessions},totalUsers:{label:`Users`,color:B.users}},H={screenPageViews:{label:`Page Views`,color:B.pageViews}},U=(e,t)=>t,W=e=>e.sessions||0,Oe=e=>e.totalUsers||0,G=e=>e.screenPageViews||0,K=e=>{let t=k.value[Math.round(e)];if(!t)return``;let n=new Date(t.date);return`${n.getDate()}/${n.getMonth()+1}`},q=e=>{let t=k.value[Math.round(Number(e))];return t?new Date(t.date).toLocaleDateString(void 0,{weekday:`short`,month:`short`,day:`numeric`}):``},ke=(0,r.computed)(()=>[{label:`Sessions`,value:J(A.value.sessions||0),icon:i.MousePointerClick,change:M.value.sessions},{label:`Users`,value:J(A.value.totalUsers||0),icon:i.Users,change:M.value.totalUsers},{label:`Page Views`,value:J(A.value.screenPageViews||0),icon:i.Eye,change:M.value.screenPageViews},{label:`Avg. Duration`,value:Y(A.value.averageSessionDuration||0),icon:i.Clock,change:M.value.averageSessionDuration},{label:`Engagement`,value:`${((A.value.engagementRate||0)*100).toFixed(1)}%`,icon:i.Zap,change:M.value.engagementRate,positive:!0},{label:`Bounce Rate`,value:`${((A.value.bounceRate||0)*100).toFixed(1)}%`,icon:(A.value.bounceRate||0)>.5?i.TrendingDown:i.TrendingUp,change:M.value.bounceRate,positive:!1},{label:`New Users`,value:J(A.value.newUsers||0),icon:i.UserPlus,change:M.value.newUsers},{label:`Pages / Session`,value:(A.value.screenPageViewsPerSession||0).toFixed(1),icon:i.Activity,change:M.value.screenPageViewsPerSession}]);function J(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:Math.round(e).toString()}function Y(e){let t=Math.floor(e/60),n=Math.round(e%60);return t>0?`${t}m ${n}s`:`${n}s`}function X(e,t=!0){if(e==null)return{text:`—`,cls:`text-muted-foreground`,icon:i.Minus};let n=`${Math.abs(e).toFixed(1)}%`,r=e>0;return{text:n,cls:(t?r:!r)?`text-emerald-600 dark:text-emerald-400`:`text-red-500 dark:text-red-400`,icon:r?i.TrendingUp:i.TrendingDown}}function Ae(e){let t=e.toLowerCase();return t===`mobile`?i.Smartphone:t===`tablet`?i.Tablet:i.Monitor}async function Z(){if(!R.value)return;E.value=!0,D.value=null;let e=`${O.value}daysAgo`;try{let[t,n,r,i,a,o]=await Promise.all([$fetch(z(`/report?startDate=${e}&endDate=today`)),$fetch(z(`/realtime`)).catch(()=>({activeUsers:0})),$fetch(z(`/top-pages?startDate=${e}&endDate=today&limit=10`)),$fetch(z(`/top-sources?startDate=${e}&endDate=today`)),$fetch(z(`/devices?startDate=${e}&endDate=today`)),$fetch(z(`/countries?startDate=${e}&endDate=today`))]);k.value=t.rows||[],A.value=t.totals||{},j.value=t.previousTotals||{},M.value=t.changes||{},N.value=n.activeUsers||0,P.value=r.rows||[],F.value=i.rows||[],I.value=a.rows||[],L.value=o.rows||[]}catch(e){console.error(`Failed to fetch analytics data:`,e),D.value=e?.data?.statusMessage||e?.message||`Failed to load analytics data`}finally{E.value=!1}}return(0,r.watch)(O,()=>Z()),(0,r.onMounted)(()=>{R.value?Z():E.value=!1}),(n,C)=>{let T=(0,r.resolveComponent)(`Button`),A=(0,r.resolveComponent)(`Card`),j=(0,r.resolveComponent)(`Badge`),M=(0,r.resolveComponent)(`CardTitle`),z=(0,r.resolveComponent)(`CardHeader`),Y=(0,r.resolveComponent)(`ChartLegendContent`),Q=(0,r.resolveComponent)(`ChartContainer`),$=(0,r.resolveComponent)(`CardContent`);return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,o,[(0,r.createElementVNode)(`div`,s,[(0,r.createElementVNode)(`div`,null,[C[0]||=(0,r.createElementVNode)(`h1`,{class:`text-2xl font-semibold`},`Analytics Overview`,-1),(0,r.createElementVNode)(`p`,c,`Property `+(0,r.toDisplayString)((0,r.unref)(w).propertyId||`—`),1)]),R.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,l,[(0,r.createElementVNode)(`div`,u,[((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(De,e=>(0,r.createElementVNode)(`button`,{key:e.value,class:(0,r.normalizeClass)([`px-3 py-1.5 text-xs font-medium transition-colors`,O.value===e.value?`bg-primary text-primary-foreground`:`text-muted-foreground hover:text-foreground hover:bg-muted`]),onClick:t=>O.value=e.value},(0,r.toDisplayString)(e.label),11,d)),64))]),(0,r.createVNode)(T,{variant:`outline`,size:`icon`,onClick:Z,disabled:E.value},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.RefreshCw),{class:(0,r.normalizeClass)([`size-4`,{"animate-spin":E.value}])},null,8,[`class`])]),_:1},8,[`disabled`])])):(0,r.createCommentVNode)(``,!0)]),R.value?D.value?((0,r.openBlock)(),(0,r.createBlock)(A,{key:1,class:`p-6 border-destructive/50 bg-destructive/5`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`p`,ee,(0,r.toDisplayString)(D.value),1),(0,r.createVNode)(T,{variant:`outline`,size:`sm`,class:`mt-3`,onClick:Z},{default:(0,r.withCtx)(()=>[...C[2]||=[(0,r.createTextVNode)(`Retry`,-1)]]),_:1})]),_:1})):E.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,te,[(0,r.createVNode)((0,r.unref)(i.Loader2),{class:`size-8 animate-spin text-muted-foreground`})])):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:3},[(0,r.createVNode)(A,{class:`p-4`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,ne,[(0,r.createElementVNode)(`div`,re,[C[3]||=(0,r.createElementVNode)(`span`,{class:`relative flex h-2.5 w-2.5`},[(0,r.createElementVNode)(`span`,{class:`animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75`}),(0,r.createElementVNode)(`span`,{class:`relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500`})],-1),(0,r.createElementVNode)(`span`,ie,(0,r.toDisplayString)(N.value)+` visitors`,1),C[4]||=(0,r.createElementVNode)(`span`,{class:`text-xs text-muted-foreground translate-y-0.25`},`in the last 30 minutes`,-1)]),(0,r.createVNode)(j,{variant:`outline`,class:`text-xs`},{default:(0,r.withCtx)(()=>[...C[5]||=[(0,r.createTextVNode)(`Live`,-1)]]),_:1})])]),_:1}),(0,r.createElementVNode)(`div`,ae,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(ke.value,e=>((0,r.openBlock)(),(0,r.createBlock)(A,{key:e.label,class:`p-4`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,oe,[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(e.icon),{class:`size-3.5`})),(0,r.createElementVNode)(`span`,se,(0,r.toDisplayString)(e.label),1)]),(0,r.createElementVNode)(`p`,ce,(0,r.toDisplayString)(e.value),1),e.change===void 0?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,le,[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(X(e.change,e.positive!==!1).icon),{class:(0,r.normalizeClass)([`size-3`,X(e.change,e.positive!==!1).cls])},null,8,[`class`])),(0,r.createElementVNode)(`span`,{class:(0,r.normalizeClass)([`text-xs font-medium`,X(e.change,e.positive!==!1).cls])},(0,r.toDisplayString)(X(e.change,e.positive!==!1).text),3),C[6]||=(0,r.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`vs prev.`,-1)]))]),_:2},1024))),128))]),(0,r.createElementVNode)(`div`,ue,[(0,r.createVNode)(A,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(z,{class:`pb-2`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{class:`text-base`},{default:(0,r.withCtx)(()=>[...C[7]||=[(0,r.createTextVNode)(`Sessions & Users`,-1)]]),_:1})]),_:1}),(0,r.createVNode)($,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Q,{config:V,class:`h-[240px] w-full`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(e.t),{data:k.value,margin:{top:8,right:8,bottom:24,left:40}},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(t.n),{x:U,y:W,color:B.sessions,opacity:.1,curveType:`monotoneX`},null,8,[`color`]),(0,r.createVNode)((0,r.unref)(t.t),{x:U,y:W,color:B.sessions,lineWidth:2,curveType:`monotoneX`},null,8,[`color`]),(0,r.createVNode)((0,r.unref)(t.t),{x:U,y:Oe,color:B.users,lineWidth:2,curveType:`monotoneX`},null,8,[`color`]),(0,r.createVNode)((0,r.unref)(e.i),{type:`x`,tickFormat:K,numTicks:6}),(0,r.createVNode)((0,r.unref)(e.i),{type:`y`,numTicks:4}),(0,r.createVNode)((0,r.unref)(e.r),{template:(0,r.unref)(a.componentToString)(V,(0,r.unref)(a.ChartTooltipContent),{labelFormatter:q})},null,8,[`template`]),(0,r.createVNode)((0,r.unref)(e.n))]),_:1},8,[`data`]),(0,r.createVNode)(Y,{config:V})]),_:1})]),_:1})]),_:1}),(0,r.createVNode)(A,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(z,{class:`pb-2`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{class:`text-base`},{default:(0,r.withCtx)(()=>[...C[8]||=[(0,r.createTextVNode)(`Page Views`,-1)]]),_:1})]),_:1}),(0,r.createVNode)($,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(Q,{config:H,class:`h-[240px] w-full`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(e.t),{data:k.value,margin:{top:8,right:8,bottom:24,left:40}},{default:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(t.n),{x:U,y:G,color:B.pageViews,opacity:.15,curveType:`monotoneX`},null,8,[`color`]),(0,r.createVNode)((0,r.unref)(t.t),{x:U,y:G,color:B.pageViews,lineWidth:2,curveType:`monotoneX`},null,8,[`color`]),(0,r.createVNode)((0,r.unref)(e.i),{type:`x`,tickFormat:K,numTicks:6}),(0,r.createVNode)((0,r.unref)(e.i),{type:`y`,numTicks:4}),(0,r.createVNode)((0,r.unref)(e.r),{template:(0,r.unref)(a.componentToString)(H,(0,r.unref)(a.ChartTooltipContent),{labelFormatter:q})},null,8,[`template`]),(0,r.createVNode)((0,r.unref)(e.n))]),_:1},8,[`data`]),(0,r.createVNode)(Y,{config:H})]),_:1})]),_:1})]),_:1})]),(0,r.createElementVNode)(`div`,de,[(0,r.createVNode)(A,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(z,{class:`pb-2`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{class:`text-base`},{default:(0,r.withCtx)(()=>[...C[9]||=[(0,r.createTextVNode)(`Top Pages`,-1)]]),_:1})]),_:1}),(0,r.createVNode)($,{class:`p-0`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,fe,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(P.value,(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e.pagePath,class:`flex items-center justify-between px-6 py-3 text-sm`},[(0,r.createElementVNode)(`div`,pe,[(0,r.createElementVNode)(`span`,me,(0,r.toDisplayString)(t+1),1),(0,r.createElementVNode)(`span`,he,(0,r.toDisplayString)(e.pagePath),1)]),(0,r.createElementVNode)(`div`,ge,[(0,r.createElementVNode)(`span`,_e,(0,r.toDisplayString)(J(e.screenPageViews))+` views`,1),(0,r.createElementVNode)(`span`,ve,(0,r.toDisplayString)(J(e.totalUsers))+` users`,1)])]))),128)),P.value.length?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,ye,`No data available`))])]),_:1})]),_:1}),(0,r.createVNode)(A,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(z,{class:`pb-2`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{class:`text-base`},{default:(0,r.withCtx)(()=>[...C[10]||=[(0,r.createTextVNode)(`Traffic Sources`,-1)]]),_:1})]),_:1}),(0,r.createVNode)($,{class:`p-0`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,be,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(F.value,(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e.sessionSource,class:`flex items-center justify-between px-6 py-3 text-sm`},[(0,r.createElementVNode)(`div`,f,[(0,r.createElementVNode)(`span`,xe,(0,r.toDisplayString)(t+1),1),(0,r.createVNode)((0,r.unref)(i.ArrowUpRight),{class:`size-3.5 text-muted-foreground shrink-0`}),(0,r.createElementVNode)(`span`,Se,(0,r.toDisplayString)(e.sessionSource||`(direct)`),1)]),(0,r.createElementVNode)(`div`,Ce,[(0,r.createElementVNode)(`span`,we,(0,r.toDisplayString)(J(e.sessions))+` sessions`,1)])]))),128)),F.value.length?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,Te,`No data available`))])]),_:1})]),_:1})]),(0,r.createElementVNode)(`div`,Ee,[(0,r.createVNode)(A,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(z,{class:`pb-2`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{class:`text-base`},{default:(0,r.withCtx)(()=>[...C[11]||=[(0,r.createTextVNode)(`Devices`,-1)]]),_:1})]),_:1}),(0,r.createVNode)($,null,{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,p,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(I.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e.deviceCategory,class:`flex items-center gap-3`},[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(Ae(e.deviceCategory)),{class:`size-4 text-muted-foreground shrink-0`})),(0,r.createElementVNode)(`span`,m,(0,r.toDisplayString)(e.deviceCategory),1),(0,r.createElementVNode)(`div`,h,[(0,r.createElementVNode)(`div`,{class:`h-full bg-primary rounded-full transition-all`,style:(0,r.normalizeStyle)({width:`${e.sessions/(I.value[0]?.sessions||1)*100}%`})},null,4)]),(0,r.createElementVNode)(`span`,g,(0,r.toDisplayString)(J(e.sessions)),1)]))),128)),I.value.length?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,_,`No data available`))])]),_:1})]),_:1}),(0,r.createVNode)(A,null,{default:(0,r.withCtx)(()=>[(0,r.createVNode)(z,{class:`pb-2`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(M,{class:`text-base`},{default:(0,r.withCtx)(()=>[...C[12]||=[(0,r.createTextVNode)(`Top Countries`,-1)]]),_:1})]),_:1}),(0,r.createVNode)($,null,{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,v,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(L.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e.country,class:`flex items-center gap-3`},[(0,r.createVNode)((0,r.unref)(i.Globe),{class:`size-4 text-muted-foreground shrink-0`}),(0,r.createElementVNode)(`span`,y,(0,r.toDisplayString)(e.country),1),(0,r.createElementVNode)(`div`,b,[(0,r.createElementVNode)(`div`,{class:`h-full bg-primary rounded-full transition-all`,style:(0,r.normalizeStyle)({width:`${e.sessions/(L.value[0]?.sessions||1)*100}%`})},null,4)]),(0,r.createElementVNode)(`span`,x,(0,r.toDisplayString)(J(e.sessions)),1)]))),128)),L.value.length?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,S,`No data available`))])]),_:1})]),_:1})])],64)):((0,r.openBlock)(),(0,r.createBlock)(A,{key:0,class:`p-8 text-center`},{default:(0,r.withCtx)(()=>[...C[1]||=[(0,r.createElementVNode)(`div`,{class:`mx-auto max-w-md space-y-3`},[(0,r.createElementVNode)(`p`,{class:`text-lg font-medium`},`Setup required`),(0,r.createElementVNode)(`p`,{class:`text-sm text-muted-foreground`},`Connect a Google Service Account and enter your GA4 Property ID in the module settings to start seeing analytics.`)],-1)]]),_:1}))])}}});exports.default=C;

package/dist/Overview-xkmYYTae.mjs

@@ -0,0 +1,133 @@
+import { useFirebaseIntegration as e, useLogs as t, useModuleBreadcrumbs as n, useModulePermissions as r, useModuleRoute as i } from "@oneclick.dev/cms-kit";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveComponent as v, toDisplayString as y, unref as b, withCtx as x, withKeys as S } from "vue";
+import { Pencil as C, Plus as w, Search as T } from "@lucide/vue";
+//#region src/productCollections/components/overview/ListView.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "flex items-center gap-2" }, D = {
+	key: 0,
+	class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, O = {
+	key: 1,
+	class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
+}, k = /* @__PURE__ */ p({
+	__name: "ListView",
+	props: { collections: {
+		type: Array,
+		required: !0
+	} },
+	setup(e) {
+		let { navigateTo: t } = i();
+		return (n, r) => {
+			let i = v("TableHead"), o = v("TableRow"), p = v("TableHeader"), m = v("AvatarImage"), g = v("AvatarFallback"), S = v("Avatar"), w = v("TableCell"), T = v("Button"), k = v("TableBody"), A = v("Table");
+			return h(), s(A, null, {
+				default: x(() => [f(p, null, {
+					default: x(() => [f(o, null, {
+						default: x(() => [
+							f(i, { class: "w-[100px]" }, {
+								default: x(() => [...r[0] ||= [d(" Title ", -1)]]),
+								_: 1
+							}),
+							f(i, null, {
+								default: x(() => [...r[1] ||= [d("Status", -1)]]),
+								_: 1
+							}),
+							f(i, null, {
+								default: x(() => [...r[2] ||= [d(" Type", -1)]]),
+								_: 1
+							}),
+							f(i, { class: "text-right" }, {
+								default: x(() => [...r[3] ||= [d(" Actions ", -1)]]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}), f(k, null, {
+					default: x(() => [(h(!0), l(a, null, _(e.collections, (e) => (h(), s(o, {
+						key: e.id,
+						onClick: (n) => b(t)(e.id),
+						class: "cursor-pointer"
+					}, {
+						default: x(() => [
+							f(w, { class: "font-medium" }, {
+								default: x(() => [u("div", E, [e.thumbnail ? (h(), s(S, {
+									key: 0,
+									class: "size-12 rounded-xl"
+								}, {
+									default: x(() => [f(m, {
+										src: e.thumbnail,
+										class: "object-cover"
+									}, null, 8, ["src"]), f(g, { class: "rounded-xl" })]),
+									_: 2
+								}, 1024)) : c("", !0), u("span", null, y(e.title), 1)])]),
+								_: 2
+							}, 1024),
+							f(w, null, {
+								default: x(() => [e.status === "published" ? (h(), l("span", D, "Published")) : e.status === "draft" ? (h(), l("span", O, "Draft")) : c("", !0)]),
+								_: 2
+							}, 1024),
+							f(w, null, {
+								default: x(() => [d(y(e.type), 1)]),
+								_: 2
+							}, 1024),
+							f(w, { class: "text-right" }, {
+								default: x(() => [f(T, {
+									size: "icon",
+									variant: "ghost"
+								}, {
+									default: x(() => [f(b(C), { class: "size-4" })]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 2
+					}, 1032, ["onClick"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), A = { class: "relative" }, j = {
+	ref: "container",
+	class: "flex items-center justify-between gap-4 w-full mt-12 mb-8"
+}, M = { class: "flex items-center gap-4" }, N = { class: "text-lg whitespace-nowrap" }, P = { class: "relative w-full max-w-sm items-center" }, F = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-2" }, I = { class: "flex items-center gap-4" }, L = /* @__PURE__ */ p({
+	__name: "Overview",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(a) {
+		let p = a, { hasPermission: _ } = r(), { navigateTo: C } = i(), { log: E, logWarning: D, logError: O } = t();
+		n(() => []);
+		let L = e(p.config.project), R = g([]), z = g(""), B = o(() => R.value.filter((e) => e.title.toLowerCase().includes(z.value.toLowerCase()))), V = async () => (R.value = await (async () => {
+			if (!p.config.collectionsCollection) return [];
+			let e = p.config.collectionsCollection.split(":");
+			return e.length === 2 && (await L.get(e[0]))?.[e[1]] || [];
+		})(), R.value);
+		return m(() => {
+			V();
+		}), (e, t) => {
+			let n = v("Input"), r = v("Button");
+			return h(), l("div", A, [u("div", j, [u("div", M, [u("p", N, y(R.value?.length) + " collections", 1), u("div", P, [f(n, {
+				id: "search",
+				type: "text",
+				placeholder: "Search...",
+				class: "pl-8",
+				modelValue: z.value,
+				"onUpdate:modelValue": t[0] ||= (e) => z.value = e,
+				onKeydown: t[1] ||= S((e) => z.value = "", ["escape"])
+			}, null, 8, ["modelValue"]), u("span", F, [f(b(T), { class: "size-4 text-muted-foreground" })])])]), u("div", I, [b(_)("create-collection") ? (h(), s(r, {
+				key: 0,
+				variant: "outline",
+				onClick: t[2] ||= (e) => b(C)("new")
+			}, {
+				default: x(() => [f(b(w), { class: "size-4" }), t[3] ||= d(" New Collection ", -1)]),
+				_: 1
+			})) : c("", !0)])], 512), f(k, { collections: b(B) }, null, 8, ["collections"])]);
+		};
+	}
+});
+//#endregion
+export { L as default };

package/dist/Overview-yPsLvR2c.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`@oneclick.dev/cms-kit`),t=require(`vue`),n=require(`@lucide/vue`);var r={class:`container @container mx-auto py-8 px-4`},i={key:0,class:`flex justify-center py-24`},a={class:`flex gap-2`},o={key:2},s={class:`flex flex-col gap-4 mb-6 @md:flex-row @md:items-end @md:justify-between`},c={class:`flex flex-wrap items-center gap-2`},l={class:`relative`},u={key:0,class:`flex flex-wrap items-center justify-between gap-3 mb-4 px-4 py-3 rounded-lg border bg-muted/40`},d={class:`flex items-center gap-3`},f={class:`text-sm font-medium`},p={class:`flex items-center gap-2`},m={key:1,class:`flex flex-col items-center justify-center py-16 text-center border border-dashed rounded-lg`},h={class:`font-medium`},g={key:2,class:`grid gap-4 @md:grid-cols-2 @3xl:grid-cols-3`},ee=[`onClick`],_=[`onClick`],te={class:`flex items-start gap-3`},ne=[`disabled`,`onClick`],re={class:`text-base font-semibold leading-tight line-clamp-1`},ie={class:`flex items-center gap-2 mt-1`},ae={key:0,class:`text-xs text-muted-foreground cursor-pointer`},oe={key:0,class:`shrink-0`},se={class:`grid grid-cols-3 gap-2 mt-5`},ce={class:`flex flex-col items-start gap-1 rounded-lg bg-muted/40 px-3 py-2`},le={class:`flex items-center gap-1 text-muted-foreground`},v={class:`text-sm font-semibold`},y={class:`flex flex-col items-start gap-1 rounded-lg bg-muted/40 px-3 py-2`},b={class:`flex items-center gap-1 text-muted-foreground`},x={class:`text-sm font-semibold`},S={class:`flex flex-col items-start gap-1 rounded-lg bg-muted/40 px-3 py-2`},C={class:`flex items-center gap-1 text-muted-foreground`},w={class:`text-sm font-semibold`},T={key:0,class:`flex items-center justify-between gap-2 px-5 py-3 border-t bg-muted/20`},E=(0,t.defineComponent)({__name:`Overview`,setup(E){let{config:D}=(0,e.useModule)(),O=(0,e.useFirebaseIntegration)(D.project),{navigateTo:k}=(0,e.useModuleRoute)(),{confirm:A}=(0,e.useConfirmation)(),{hasPermission:j}=(0,e.useModulePermissions)();(0,e.useModuleBreadcrumbs)(()=>[]);let M=(0,t.ref)(null),N=(0,t.ref)(``),P=(0,t.ref)(!1),F=(0,t.ref)([]),I=(0,t.ref)(`importAgendasInput`),L=(0,t.computed)(()=>{if(!M.value)return[];let e=N.value.trim().toLowerCase();return e?M.value.filter(t=>(t.serviceName||``).toLowerCase().includes(e)):M.value}),R=(0,t.computed)(()=>L.value.length>0&&L.value.every(e=>F.value.includes(e.id))),z=()=>{if(R.value){let e=L.value.map(e=>e.id);F.value=F.value.filter(t=>!e.includes(t))}else{let e=L.value.map(e=>e.id),t=new Set([...F.value,...e]);F.value=Array.from(t)}},B=e=>{F.value.includes(e)?F.value=F.value.filter(t=>t!==e):F.value.push(e)},V=e=>{if(!e)return`??`;let t=e.trim().split(/\s+/);return t.length===1?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()},H=[{fg:`#7c3aed`,bg:`rgba(124, 58, 237, 0.12)`},{fg:`#0891b2`,bg:`rgba(8, 145, 178, 0.12)`},{fg:`#ea580c`,bg:`rgba(234, 88, 12, 0.12)`},{fg:`#16a34a`,bg:`rgba(22, 163, 74, 0.12)`},{fg:`#2563eb`,bg:`rgba(37, 99, 235, 0.12)`},{fg:`#db2777`,bg:`rgba(219, 39, 119, 0.12)`},{fg:`#475569`,bg:`rgba(71, 85, 105, 0.12)`}],U=e=>{let t=(e.id||e.serviceName||``).toString(),n=0;for(let e=0;e<t.length;e++)n=n*31+t.charCodeAt(e)>>>0;return H[n%H.length]},W=e=>{let t=e?.pricingOptions?.[0];return t?.duration?`${t.duration} min`:null},ue=e=>{let t=e?.pricingOptions?.[0];return t?.price===void 0||t?.price===null||t?.price===``?null:`${e.currency===`EUR`?`€`:`$`}${t.price}`},de=e=>Array.isArray(e?.resources)?e.resources.filter(e=>e?.isActive!==!1).length:0,fe=e=>e.type===`regular`?`Regular`:e.type?e.type.charAt(0).toUpperCase()+e.type.slice(1):`Agenda`,pe=e=>{P.value=!0,F.value=[e]},G=async()=>{M.value=await O.find(D.agendaCollection)},me=async e=>{if(!j(`create-agendas`))return;let t=await O.get(D.agendaCollection,e);if(!t){alert(`Agenda not found`);return}let n=prompt(`Enter name for duplicated agenda`,t.serviceName+` (Copy)`);if(!n)return;let r={...t,serviceName:n};delete r.id,await O.add(D.agendaCollection,r),await G()},he=async e=>{j(`delete-agendas`)&&await A(`Are you sure you want to delete this agenda? This action cannot be undone.`)&&(await O.remove(D.agendaCollection,e),await G())},ge=async()=>{if(!M.value)return;let e=M.value.filter(e=>F.value.includes(e.id));e=e.map(e=>{let{id:t,...n}=e;return n});let t=`data:text/json;charset=utf-8,`+encodeURIComponent(JSON.stringify(e,null,2)),n=document.createElement(`a`);n.setAttribute(`href`,t),n.setAttribute(`download`,`agendas_export.json`),document.body.appendChild(n),n.click(),n.remove(),P.value=!1,F.value=[]},_e=async e=>{let t=e.target;if(!t.files||t.files.length===0)return;let n=await t.files[0].text(),r;try{r=JSON.parse(n)}catch{alert(`Invalid JSON file`);return}if(!Array.isArray(r)){alert(`Invalid agendas format`);return}for(let e of r)await O.add(D.agendaCollection,e);t.value=``,await G()},K=e=>{P.value||(j(`edit-agendas`)?k(`/edit/${e}`):k(`/edit/${e}/agenda`))};return G(),(e,E)=>{let D=(0,t.resolveComponent)(`Spinner`),O=(0,t.resolveComponent)(`EmptyMedia`),A=(0,t.resolveComponent)(`EmptyTitle`),H=(0,t.resolveComponent)(`EmptyDescription`),G=(0,t.resolveComponent)(`EmptyHeader`),q=(0,t.resolveComponent)(`Button`),ve=(0,t.resolveComponent)(`EmptyContent`),J=(0,t.resolveComponent)(`Empty`),ye=(0,t.resolveComponent)(`Input`),Y=(0,t.resolveComponent)(`DropdownMenuTrigger`),X=(0,t.resolveComponent)(`DropdownMenuItem`),Z=(0,t.resolveComponent)(`DropdownMenuGroup`),Q=(0,t.resolveComponent)(`DropdownMenuContent`),$=(0,t.resolveComponent)(`DropdownMenu`),be=(0,t.resolveComponent)(`ButtonGroup`),xe=(0,t.resolveComponent)(`Checkbox`),Se=(0,t.resolveComponent)(`Badge`);return(0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`div`,r,[M.value===null?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,[(0,t.createVNode)(D,{class:`mx-auto`})])):M.value.length===0?((0,t.openBlock)(),(0,t.createBlock)(J,{key:1},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(G,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(O,{variant:`icon`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.CalendarX),{class:`size-4-6`})]),_:1}),(0,t.createVNode)(A,null,{default:(0,t.withCtx)(()=>[...E[6]||=[(0,t.createTextVNode)(`No Agendas Yet`,-1)]]),_:1}),(0,t.createVNode)(H,null,{default:(0,t.withCtx)(()=>[...E[7]||=[(0,t.createTextVNode)(` You haven't created any agenda yet. Get started by creating your first agenda. `,-1)]]),_:1})]),_:1}),(0,t.createVNode)(ve,null,{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,a,[(0,t.createVNode)(q,{onClick:E[0]||=e=>(0,t.unref)(k)(`/create`)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.PlusIcon)),E[8]||=(0,t.createTextVNode)(` Create Agenda `,-1)]),_:1})])]),_:1})]),_:1})):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,o,[(0,t.createElementVNode)(`div`,s,[E[11]||=(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`h2`,{class:`text-3xl font-bold tracking-tight`},`Agendas`),(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-1`},` Manage your bookable services, hours and resources. `)],-1),(0,t.createElementVNode)(`div`,c,[(0,t.createElementVNode)(`div`,l,[(0,t.createVNode)((0,t.unref)(n.Search),{class:`absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none`}),(0,t.createVNode)(ye,{modelValue:N.value,"onUpdate:modelValue":E[1]||=e=>N.value=e,placeholder:`Search agendas...`,class:`pl-9 w-full @md:w-64`},null,8,[`modelValue`])]),!P.value&&(0,t.unref)(j)(`create-agendas`)?((0,t.openBlock)(),(0,t.createBlock)(be,{key:0},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(q,{onClick:E[2]||=e=>(0,t.unref)(k)(`/create`)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.PlusIcon)),E[9]||=(0,t.createTextVNode)(` New Agenda `,-1)]),_:1}),(0,t.createVNode)($,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(Y,{"as-child":``},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(q,{size:`icon`,"aria-label":`More Options`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.MoreHorizontalIcon))]),_:1})]),_:1}),(0,t.createVNode)(Q,{align:`end`,class:`w-52`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(Z,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(X,{onClick:E[3]||=e=>I.value.click()},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ImportIcon)),E[10]||=(0,t.createTextVNode)(` Import Agendas... `,-1)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})):(0,t.createCommentVNode)(``,!0)])]),P.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,u,[(0,t.createElementVNode)(`div`,d,[(0,t.createVNode)(xe,{modelValue:R.value,"onUpdate:modelValue":z},null,8,[`modelValue`]),(0,t.createElementVNode)(`span`,f,(0,t.toDisplayString)(F.value.length)+` of `+(0,t.toDisplayString)(L.value.length)+` selected `,1)]),(0,t.createElementVNode)(`div`,p,[(0,t.createVNode)(q,{variant:`ghost`,onClick:E[4]||=e=>{P.value=!1,F.value=[]}},{default:(0,t.withCtx)(()=>[...E[12]||=[(0,t.createTextVNode)(` Cancel `,-1)]]),_:1}),(0,t.createVNode)(q,{onClick:ge,disabled:F.value.length===0},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Upload)),(0,t.createTextVNode)(` Export `+(0,t.toDisplayString)(F.value.length||``),1)]),_:1},8,[`disabled`])])])):(0,t.createCommentVNode)(``,!0),L.value.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,m,[(0,t.createVNode)((0,t.unref)(n.Search),{class:`size-8 text-muted-foreground mb-3`}),(0,t.createElementVNode)(`p`,h,`No agendas match "`+(0,t.toDisplayString)(N.value)+`"`,1),E[13]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-1`},`Try a different search term.`,-1)])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,g,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(L.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.id,class:(0,t.normalizeClass)([`group relative flex flex-col overflow-hidden rounded-xl border bg-card shadow-sm transition-all duration-200`,{"cursor-pointer":P.value,"ring-2 ring-primary border-primary/40":P.value&&F.value.includes(e.id)}]),onClick:t=>P.value?B(e.id):null},[(0,t.createElementVNode)(`div`,{class:`h-1 w-full`,style:(0,t.normalizeStyle)({backgroundColor:U(e).fg})},null,4),(0,t.createElementVNode)(`div`,{onClick:(0,t.withModifiers)(t=>!P.value&&K(e.id),[`stop`]),class:`flex flex-col flex-1 p-5`},[(0,t.createElementVNode)(`div`,te,[(0,t.createElementVNode)(`div`,{class:`shrink-0 size-12 rounded-lg flex items-center justify-center font-semibold text-sm`,style:(0,t.normalizeStyle)({backgroundColor:U(e).bg,color:U(e).fg})},(0,t.toDisplayString)(V(e.serviceName)),5),(0,t.createElementVNode)(`button`,{type:`button`,class:`flex-1 min-w-0 text-left focus:outline-none`,disabled:P.value,onClick:t=>!P.value&&K(e.id)},[(0,t.createElementVNode)(`h3`,re,(0,t.toDisplayString)(e.serviceName||`Untitled Agenda`),1),(0,t.createElementVNode)(`div`,ie,[(0,t.createVNode)(Se,{variant:`secondary`,class:`text-[10px] font-medium px-1.5 py-0 h-4`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(fe(e)),1)]),_:2},1024),P.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,ae,` Click to `+(0,t.toDisplayString)((0,t.unref)(j)(`edit-agendas`)?`edit`:`view`),1))])],8,ne),P.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,oe,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`flex items-center justify-center size-6 rounded-full border-2 transition`,F.value.includes(e.id)?`border-primary bg-primary text-primary-foreground`:`border-muted-foreground/30`])},[F.value.includes(e.id)?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.CheckCircle2),{key:0,class:`size-4`})):(0,t.createCommentVNode)(``,!0)],2)])):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,se,[(0,t.createElementVNode)(`div`,ce,[(0,t.createElementVNode)(`div`,le,[(0,t.createVNode)((0,t.unref)(n.Clock),{class:`size-3.5`}),E[14]||=(0,t.createElementVNode)(`span`,{class:`text-[10px] uppercase tracking-wide font-medium`},`Duration`,-1)]),(0,t.createElementVNode)(`span`,v,(0,t.toDisplayString)(W(e)||`—`),1)]),(0,t.createElementVNode)(`div`,y,[(0,t.createElementVNode)(`div`,b,[(0,t.createVNode)((0,t.unref)(n.DollarSign),{class:`size-3.5`}),E[15]||=(0,t.createElementVNode)(`span`,{class:`text-[10px] uppercase tracking-wide font-medium`},`Price`,-1)]),(0,t.createElementVNode)(`span`,x,(0,t.toDisplayString)(ue(e)||`—`),1)]),(0,t.createElementVNode)(`div`,S,[(0,t.createElementVNode)(`div`,C,[(0,t.createVNode)((0,t.unref)(n.Users),{class:`size-3.5`}),E[16]||=(0,t.createElementVNode)(`span`,{class:`text-[10px] uppercase tracking-wide font-medium`},`Resources`,-1)]),(0,t.createElementVNode)(`span`,w,(0,t.toDisplayString)(de(e)),1)])])],8,_),P.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,T,[(0,t.unref)(j)(`edit-agendas`)?((0,t.openBlock)(),(0,t.createBlock)(q,{key:0,variant:`ghost`,size:`sm`,class:`gap-1.5`,onClick:(0,t.withModifiers)(n=>(0,t.unref)(k)(`/edit/${e.id}`),[`stop`])},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.CalendarDays),{class:`size-4`}),E[17]||=(0,t.createTextVNode)(` Edit Agenda `,-1)]),_:1},8,[`onClick`])):((0,t.openBlock)(),(0,t.createBlock)(q,{key:1,variant:`ghost`,size:`sm`,class:`gap-1.5`,onClick:(0,t.withModifiers)(n=>(0,t.unref)(k)(`/edit/${e.id}/agenda`),[`stop`])},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.CalendarDays),{class:`size-4`}),E[18]||=(0,t.createTextVNode)(` View Agenda `,-1)]),_:1},8,[`onClick`])),(0,t.createVNode)($,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(Y,{"as-child":``},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(q,{variant:`ghost`,size:`icon`,"aria-label":`More Options`,onClick:E[5]||=(0,t.withModifiers)(()=>{},[`stop`])},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.MoreHorizontalIcon))]),_:1})]),_:1}),(0,t.createVNode)(Q,{align:`end`,class:`w-52`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(Z,null,{default:(0,t.withCtx)(()=>[(0,t.unref)(j)(`create-agendas`)?((0,t.openBlock)(),(0,t.createBlock)(X,{key:0,onClick:t=>me(e.id)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Copy)),E[19]||=(0,t.createTextVNode)(` Duplicate Agenda `,-1)]),_:1},8,[`onClick`])):(0,t.createCommentVNode)(``,!0),(0,t.createVNode)(X,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ChevronsLeftRightEllipsis)),E[20]||=(0,t.createTextVNode)(` API Set-up `,-1)]),_:1}),(0,t.createVNode)(X,{onClick:t=>pe(e.id)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Upload)),E[21]||=(0,t.createTextVNode)(` Export Agenda `,-1)]),_:1},8,[`onClick`]),(0,t.unref)(j)(`delete-agendas`)?((0,t.openBlock)(),(0,t.createBlock)(X,{key:1,variant:`destructive`,onClick:t=>he(e.id)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Trash2Icon)),E[22]||=(0,t.createTextVNode)(` Remove Agenda `,-1)]),_:1},8,[`onClick`])):(0,t.createCommentVNode)(``,!0)]),_:2},1024)]),_:2},1024)]),_:2},1024)]))],10,ee))),128))]))]))]),(0,t.createElementVNode)(`input`,{type:`file`,ref_key:`importAgendasInput`,ref:I,class:`hidden`,accept:`.json,application/json`,onChange:_e},null,544)],64)}}});exports.default=E;