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

package/dist/Overview-BKAti8nc.mjs

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

package/dist/Overview-BbvfH1u-.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("lucide-vue-next"),r=require("@oneclick.dev/cms-kit"),N=require("./countries-CgZ081No.js"),C={class:"flex items-center gap-2"},h={class:"flex items-center gap-2"},v={key:0},w={key:1},x={key:2},y={class:"flex items-center gap-2"},k=e.defineComponent({__name:"ListView",props:{options:{type:Array,required:!0}},setup(d){const{navigateTo:c}=r.useModuleRoute(),{hasPermission:V}=r.useModulePermissions();return(g,n)=>{const a=e.resolveComponent("TableHead"),m=e.resolveComponent("TableRow"),p=e.resolveComponent("TableHeader"),s=e.resolveComponent("TableCell"),_=e.resolveComponent("Button"),l=e.resolveComponent("TableBody"),o=e.resolveComponent("Table");return e.openBlock(),e.createBlock(o,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(m,null,{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[...n[0]||(n[0]=[e.createTextVNode("Name",-1)])]),_:1}),e.createVNode(a,null,{default:e.withCtx(()=>[...n[1]||(n[1]=[e.createTextVNode("Countries",-1)])]),_:1}),e.createVNode(a,null,{default:e.withCtx(()=>[...n[2]||(n[2]=[e.createTextVNode("Price",-1)])]),_:1}),e.createVNode(a,null,{default:e.withCtx(()=>[...n[3]||(n[3]=[e.createTextVNode("Actions",-1)])]),_:1})]),_:1})]),_:1}),e.createVNode(l,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.options,t=>(e.openBlock(),e.createBlock(m,{key:t.id,onClick:u=>e.unref(c)(t.id),class:"cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(s,{class:"font-medium"},{default:e.withCtx(()=>[e.createElementVNode("div",C,[e.createElementVNode("span",null,e.toDisplayString(t.title),1)])]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("div",h,[!t.countries||t.countries.length===0?(e.openBlock(),e.createElementBlock("span",v,"Everywhere")):e.createCommentVNode("",!0),t.countries&&t.countries.length<3?(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(t.countries.map(u=>e.unref(N.rawCountries).find(i=>i.cca2===u)?.name.common).join(", ")),1)):e.createCommentVNode("",!0),t.countries&&t.countries.length>=3?(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(t.countries.length)+" countries",1)):e.createCommentVNode("",!0)])]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("div",y,[e.createElementVNode("span",null,e.toDisplayString(t.price||"FREE"),1)])]),_:2},1024),e.createVNode(s,null,{default:e.withCtx(()=>[e.createVNode(_,{variant:"ghost",size:"icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(f.Pencil),{class:"size-4"})]),_:1})]),_:1})]),_:2},1032,["onClick"]))),128))]),_:1})]),_:1})}}}),B={class:"relative"},b={ref:"container",class:"flex items-center justify-between gap-4 w-full mt-12 mb-8"},E={class:"flex items-center gap-4"},T={class:"text-lg whitespace-nowrap"},$={class:"relative w-full max-w-sm items-center"},P={class:"absolute start-0 inset-y-0 flex items-center justify-center px-2"},S={class:"flex items-center gap-4"},O=e.defineComponent({__name:"Overview",props:{config:{type:Object,required:!0}},setup(d){const c=d,{hasPermission:V}=r.useModulePermissions(),{navigateTo:g}=r.useModuleRoute(),{log:n,logWarning:a,logError:m}=r.useLogs();r.useModuleBreadcrumbs(()=>[]);const p=r.useFirebaseIntegration(c.config.project),s=e.ref([]),_=async()=>{const l=async()=>{if(!c.config.shippingOptionsCollection)return[];const o=c.config.shippingOptionsCollection.split(":");return o.length!==2?[]:(await p.get(o[0]))?.[o[1]]||[]};return s.value=await l(),s.value};return e.onMounted(()=>{_()}),(l,o)=>{const t=e.resolveComponent("Input"),u=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",b,[e.createElementVNode("div",E,[e.createElementVNode("p",T,e.toDisplayString(s.value?.length)+" options",1),e.createElementVNode("div",$,[e.createVNode(t,{id:"search",type:"text",placeholder:"Search...",class:"pl-8",modelValue:l.searchQuery,"onUpdate:modelValue":o[0]||(o[0]=i=>l.searchQuery=i),onKeydown:o[1]||(o[1]=e.withKeys(i=>l.searchQuery="",["escape"]))},null,8,["modelValue"]),e.createElementVNode("span",P,[e.createVNode(e.unref(f.Search),{class:"size-4 text-muted-foreground"})])])]),e.createElementVNode("div",S,[e.unref(V)("create-option")?(e.openBlock(),e.createBlock(u,{key:0,variant:"outline",onClick:o[2]||(o[2]=i=>e.unref(g)("new"))},{default:e.withCtx(()=>[e.createVNode(e.unref(f.Plus),{class:"size-4"}),o[3]||(o[3]=e.createTextVNode(" New Option ",-1))]),_:1})):e.createCommentVNode("",!0)])],512),e.createVNode(k,{options:s.value},null,8,["options"])])}}});exports.default=O;

package/dist/Overview-Bn1Xx3_j.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),_=require("lucide-vue-next"),N=require("@oneclick.dev/cms-kit"),re=require("./interpolation-CHn59tIC.js"),P=require("./index-ijdf0d9-.js"),ie={class:"grid @lg:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4 @7xl:grid-cols-5 gap-4"},ue={class:"relative flex pl-3 @5xl:pl-6 pr-1.5 @5xl:pr-3 gap-3"},de={class:"self-center overflow-hidden w-full group-hover:w-[calc(100%-6.5rem)]"},ce=["title"],me=["title"],pe={class:"absolute -top-1 right-2 self-start opacity-0 group-hover:opacity-100"},ve=e.defineComponent({__name:"CollectionsGridView",props:{collections:{type:Array,required:!0}},emits:["edit","delete"],setup(w,{emit:f}){const{navigateTo:y}=N.useModuleRoute(),k=f;return(S,u)=>{const b=e.resolveComponent("Button"),c=e.resolveComponent("DropdownMenuTrigger"),r=e.resolveComponent("DropdownMenuItem"),g=e.resolveComponent("DropdownMenuContent"),v=e.resolveComponent("DropdownMenu"),m=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.collections,a=>(e.openBlock(),e.createBlock(m,{key:a.id,class:"group hover:bg-input/50 cursor-pointer transition-colors duration-200",onClick:p=>e.unref(y)("collections/"+a.id)},{default:e.withCtx(()=>[e.createElementVNode("div",ue,[e.createElementVNode("div",{class:e.normalizeClass(`p-2 bg-${a.tint} rounded-md self-center mr-3`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(_.icons)[a.icon]),{class:"size-6 text-white"}))],2),e.createElementVNode("div",de,[e.createElementVNode("p",{class:"truncate",title:a.name||"Unnamed Entry Collection"},e.toDisplayString(a.name||"Unnamed Entry Collection"),9,ce),a.contentEntryName||a.contentEntryNamePlural?(e.openBlock(),e.createElementBlock("p",{key:0,class:"text-xs text-muted-foreground truncate",title:`Manage ${a.contentEntryNamePlural||a.contentEntryName} here`}," Manage "+e.toDisplayString(a.contentEntryNamePlural||a.contentEntryName)+" here ",9,me)):e.createCommentVNode("",!0)]),e.createElementVNode("div",pe,[e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(c,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(b,{variant:"ghost",size:"icon",onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(_.EllipsisVertical),{class:"size-5"})]),_:1})]),_:1}),e.createVNode(g,null,{default:e.withCtx(()=>[e.createVNode(r,{onClick:p=>e.unref(y)("collections/"+a.id)},{default:e.withCtx(()=>[...u[1]||(u[1]=[e.createTextVNode("Open Collection...",-1)])]),_:1},8,["onClick"]),e.createVNode(r,{onClick:p=>k("edit",a)},{default:e.withCtx(()=>[...u[2]||(u[2]=[e.createTextVNode("Edit Collection...",-1)])]),_:1},8,["onClick"]),e.createVNode(r,{onClick:p=>k("delete",a.id),variant:"destructive"},{default:e.withCtx(()=>[...u[3]||(u[3]=[e.createTextVNode("Delete Collection...",-1)])]),_:1},8,["onClick"])]),_:2},1024)]),_:2},1024)])])]),_:2},1032,["onClick"]))),128))])}}}),fe={class:"grid py-4"},ge={class:"flex gap-6 mb-6"},Ve={class:"w-1/3"},Ce={class:"w-1/3"},xe={class:"w-1/3"},Ne={class:"grid"},we={class:"flex gap-6 mb-6"},ye={class:"w-1/2"},ke={class:"w-1/2"},Ee={class:"flex items-center gap-2"},_e={class:"flex items-center gap-4"},be={class:"grid grid-cols-2 gap-4"},Te={class:"grid"},Be={class:"mb-6"},Se={class:"flex items-center justify-between gap-4 flex-wrap"},De={key:0,class:"text-xs italic text-muted-foreground mt-1"},Pe={class:"flex items-center justify-between gap-4 flex-wrap"},Me={key:0,class:"text-xs italic text-muted-foreground mt-1"},$e=e.defineComponent({__name:"CollectionDialog",props:{config:{type:Object,required:!0},components:{type:Array,required:!0}},emits:["add","edit","delete"],setup(w,{expose:f,emit:y}){const k=[{name:"id",type:"string"},{name:"slug",type:"string"},{name:"lang",type:"string"}],{confirm:S}=N.useConfirmation(),u=y,b=w,c=e.ref(!1),r=e.ref("create"),g=e.ref(""),v=e.ref(""),m=e.ref(""),a=e.ref(""),p=e.ref(""),x=e.ref(""),V=e.ref(!0),n=e.ref(!1),l=e.ref(null),i=e.ref("{{ slug }}"),d=e.ref("/{{ lang }}/{{ slug }}"),C=e.ref("all"),E=e.ref([]),U=e.computed(()=>R(i.value)),h=e.computed(()=>R(d.value));function R(s){if(!s)return"";let t=b.config.domain||"https://domain.com";return t.endsWith("/")&&(t=t.slice(0,-1)),s.startsWith("/")||(s="/"+s),re.interpolateTemplateFromVariableContext(t+s,[{name:"slug",value:"example-slug"},{name:"id",value:"12345"},{name:"lang",value:"en"}])}const j=s=>{s?(r.value="edit",g.value=s.id,v.value=s.name||"",m.value=s.tint||"",a.value=s.icon||"",p.value=s.contentEntryName||"",x.value=s.contentEntryNamePlural||"",V.value=s.allowUserEntryManagement??!0,n.value=!!s.customSettings,l.value=s.customSettings||null,i.value=s.defaultLanguageRoutePattern||"{{ slug }}",d.value=s.multilingualRoutePattern||"/{{ lang }}/{{ slug }}",C.value=s.componentAvailability||"all",E.value=s.selectedComponents||[]):(r.value="create",g.value="",v.value="",m.value="",a.value="",p.value="",x.value="",V.value=!0,n.value=!1,l.value=null,i.value="{{ slug }}",d.value="/{{ lang }}/{{ slug }}",C.value="all",E.value=[]),c.value=!0},G=()=>{u("add",{name:v.value,tint:m.value,icon:a.value,contentEntryName:p.value,contentEntryNamePlural:x.value,allowUserEntryManagement:V.value,showCustomSettings:n.value,customSettings:n.value?l.value:null,defaultLanguageRoutePattern:i.value,multilingualRoutePattern:d.value,componentAvailability:C.value,selectedComponents:C.value==="all"?[]:E.value}),c.value=!1},W=()=>{u("edit",{id:g.value,name:v.value,tint:m.value,icon:a.value,contentEntryName:p.value,contentEntryNamePlural:x.value,allowUserEntryManagement:V.value,showCustomSettings:n.value,customSettings:n.value?l.value:null,defaultLanguageRoutePattern:i.value,multilingualRoutePattern:d.value,componentAvailability:C.value,selectedComponents:C.value==="all"?[]:E.value}),c.value=!1},H=async()=>{await S("Are you sure you want to delete this collection? This action cannot be undone.","Delete Collection","Delete")&&(u("delete",g.value),c.value=!1)};return f({openDialog:j}),(s,t)=>{const K=e.resolveComponent("DialogTitle"),J=e.resolveComponent("DialogDescription"),Q=e.resolveComponent("DialogHeader"),T=e.resolveComponent("TabsTrigger"),X=e.resolveComponent("TabsList"),M=e.resolveComponent("Input"),Y=e.resolveComponent("TailwindColorPicker"),Z=e.resolveComponent("LucideIconPicker"),B=e.resolveComponent("TabsContent"),ee=e.resolveComponent("Checkbox"),A=e.resolveComponent("Label"),te=e.resolveComponent("Switch"),oe=e.resolveComponent("FormBuilderSelect"),L=e.resolveComponent("SelectValue"),I=e.resolveComponent("SelectTrigger"),D=e.resolveComponent("SelectItem"),F=e.resolveComponent("SelectGroup"),q=e.resolveComponent("SelectContent"),z=e.resolveComponent("Select"),O=e.resolveComponent("Sandbox"),le=e.resolveComponent("Tabs"),$=e.resolveComponent("Button"),ne=e.resolveComponent("DialogFooter"),ae=e.resolveComponent("DialogScrollContent"),se=e.resolveComponent("Dialog");return e.openBlock(),e.createBlock(se,{open:c.value,"onUpdate:open":t[12]||(t[12]=o=>c.value=o)},{default:e.withCtx(()=>[e.createVNode(ae,{class:"sm:max-w-2xl"},{default:e.withCtx(()=>[e.createVNode(Q,null,{default:e.withCtx(()=>[e.createVNode(K,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value==="create"?"Add New Collection":"Update Collection"),1)]),_:1}),e.createVNode(J,null,{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode(" Each collection has it's own set of entries, settings, ... ",-1)])]),_:1})]),_:1}),e.createElementVNode("div",fe,[e.createVNode(le,{"default-value":"account",class:"w-full"},{default:e.withCtx(()=>[e.createVNode(X,{class:"mb-6"},{default:e.withCtx(()=>[e.createVNode(T,{value:"collection"},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Collection ",-1)])]),_:1}),e.createVNode(T,{value:"entries"},{default:e.withCtx(()=>[...t[15]||(t[15]=[e.createTextVNode(" Entries ",-1)])]),_:1}),e.createVNode(T,{value:"components"},{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode(" Components ",-1)])]),_:1}),e.createVNode(T,{value:"styling"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode(" Styling ",-1)])]),_:1}),e.createVNode(T,{value:"preview"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode(" Preview URL ",-1)])]),_:1})]),_:1}),e.createVNode(B,{value:"collection"},{default:e.withCtx(()=>[e.createElementVNode("div",ge,[e.createElementVNode("div",Ve,[t[19]||(t[19]=e.createElementVNode("label",{for:"collection-dialog-display-name",class:"text-sm mb-1 block font-medium"},"Collection Name",-1)),e.createVNode(M,{modelValue:v.value,"onUpdate:modelValue":t[0]||(t[0]=o=>v.value=o),id:"collection-dialog-display-name"},null,8,["modelValue"])]),e.createElementVNode("div",Ce,[t[20]||(t[20]=e.createElementVNode("label",{class:"text-sm mb-1 block font-medium"},"Tint",-1)),e.createVNode(Y,{modelValue:m.value,"onUpdate:modelValue":t[1]||(t[1]=o=>m.value=o),"default-value":"white"},null,8,["modelValue"])]),e.createElementVNode("div",xe,[t[21]||(t[21]=e.createElementVNode("label",{class:"text-sm mb-1 block font-medium"},"Icon",-1)),e.createVNode(Z,{modelValue:a.value,"onUpdate:modelValue":t[2]||(t[2]=o=>a.value=o)},null,8,["modelValue"])])])]),_:1}),e.createVNode(B,{value:"entries"},{default:e.withCtx(()=>[e.createElementVNode("div",Ne,[t[26]||(t[26]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Entries ",-1)),e.createElementVNode("div",we,[e.createElementVNode("div",ye,[t[22]||(t[22]=e.createElementVNode("label",{for:"collection-dialog-entry-name",class:"text-sm mb-1 block font-medium"},"Entry name (singular)",-1)),e.createVNode(M,{modelValue:p.value,"onUpdate:modelValue":t[3]||(t[3]=o=>p.value=o),id:"collection-dialog-entry-name",placeholder:"Entry"},null,8,["modelValue"])]),e.createElementVNode("div",ke,[t[23]||(t[23]=e.createElementVNode("label",{for:"collection-dialog-entry-name-plural",class:"text-sm mb-1 block font-medium"},"Entry name (plural)",-1)),e.createVNode(M,{modelValue:x.value,"onUpdate:modelValue":t[4]||(t[4]=o=>x.value=o),id:"collection-dialog-entry-name-plural",placeholder:"Entries"},null,8,["modelValue"])])]),e.createElementVNode("div",Ee,[e.createVNode(ee,{modelValue:V.value,"onUpdate:modelValue":t[5]||(t[5]=o=>V.value=o),id:"collection-dialog-allow-user-entry-management"},null,8,["modelValue"]),e.createVNode(A,{for:"collection-dialog-allow-user-entry-management"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode("Allow users to create, edit and delete entries in this collection",-1)])]),_:1})]),t[27]||(t[27]=e.createElementVNode("hr",{class:"my-6"},null,-1)),t[28]||(t[28]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Entry Custom Settings ",-1)),t[29]||(t[29]=e.createElementVNode("p",{class:"text-xs mb-2 text-muted-foreground"}," Specific settings all entries in this collection can edit. ",-1)),e.createElementVNode("div",_e,[e.createVNode(te,{modelValue:n.value,"onUpdate:modelValue":t[6]||(t[6]=o=>n.value=o),id:"collection-dialog-component-settings-toggle",class:"mb-4"},null,8,["modelValue"]),e.createVNode(A,{class:"-mt-3.5",for:"collection-dialog-component-settings-toggle"},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" Show settings form for this collection's entries. ",-1)])]),_:1})]),n.value?(e.openBlock(),e.createBlock(oe,{key:0,modelValue:l.value,"onUpdate:modelValue":t[7]||(t[7]=o=>l.value=o),class:"w-1/2"},null,8,["modelValue"])):e.createCommentVNode("",!0)])]),_:1}),e.createVNode(B,{value:"components"},{default:e.withCtx(()=>[t[33]||(t[33]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Available Components ",-1)),e.createElementVNode("div",be,[e.createVNode(z,{modelValue:C.value,"onUpdate:modelValue":t[8]||(t[8]=o=>C.value=o)},{default:e.withCtx(()=>[e.createVNode(I,{class:"w-full"},{default:e.withCtx(()=>[e.createVNode(L)]),_:1}),e.createVNode(q,null,{default:e.withCtx(()=>[e.createVNode(F,null,{default:e.withCtx(()=>[e.createVNode(D,{value:"all"},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode(" All ",-1)])]),_:1}),e.createVNode(D,{value:"all-except"},{default:e.withCtx(()=>[...t[31]||(t[31]=[e.createTextVNode(" All, except... ",-1)])]),_:1}),e.createVNode(D,{value:"only"},{default:e.withCtx(()=>[...t[32]||(t[32]=[e.createTextVNode(" Only... ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]),C.value!=="all"?(e.openBlock(),e.createBlock(z,{key:0,multiple:!0,modelValue:E.value,"onUpdate:modelValue":t[9]||(t[9]=o=>E.value=o)},{default:e.withCtx(()=>[e.createVNode(I,{class:"w-full"},{default:e.withCtx(()=>[e.createVNode(L,{placeholder:"Select components..."})]),_:1}),e.createVNode(q,null,{default:e.withCtx(()=>[e.createVNode(F,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.components,o=>(e.openBlock(),e.createBlock(D,{key:o.id,value:o.id},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(`p-1 bg-${o.tint} rounded-md flex items-center justify-center`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(_.icons)[o.icon]),{class:"size-4 text-white"}))],2),e.createTextVNode(" "+e.toDisplayString(o.name),1)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1},8,["modelValue"])):e.createCommentVNode("",!0)])]),_:1}),e.createVNode(B,{value:"styling"},{default:e.withCtx(()=>[...t[34]||(t[34]=[e.createTextVNode(" Styling ",-1)])]),_:1}),e.createVNode(B,{value:"preview"},{default:e.withCtx(()=>[e.createElementVNode("div",Te,[t[37]||(t[37]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Preview URL ",-1)),e.createElementVNode("div",Be,[e.createElementVNode("div",Se,[t[35]||(t[35]=e.createElementVNode("label",{class:"text-sm basis-[200px] block font-medium"},"Default Language Route",-1)),e.createVNode(O,{modelValue:i.value,"onUpdate:modelValue":t[10]||(t[10]=o=>i.value=o),variables:k,class:"flex-1"},null,8,["modelValue"])]),U.value?(e.openBlock(),e.createElementBlock("p",De,"Example: "+e.toDisplayString(U.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",null,[e.createElementVNode("div",Pe,[t[36]||(t[36]=e.createElementVNode("label",{class:"text-sm basis-[200px] block font-medium"},"Multilingual Route",-1)),e.createVNode(O,{modelValue:d.value,"onUpdate:modelValue":t[11]||(t[11]=o=>d.value=o),variables:k,class:"flex-1"},null,8,["modelValue"])]),h.value?(e.openBlock(),e.createElementBlock("p",Me,"Example: "+e.toDisplayString(h.value),1)):e.createCommentVNode("",!0)])])]),_:1})]),_:1})]),e.createVNode(ne,null,{default:e.withCtx(()=>[r.value==="edit"?(e.openBlock(),e.createBlock($,{key:0,variant:"destructive",class:"mr-auto",onClick:H},{default:e.withCtx(()=>[...t[38]||(t[38]=[e.createTextVNode(" Delete Collection ",-1)])]),_:1})):e.createCommentVNode("",!0),r.value==="create"?(e.openBlock(),e.createBlock($,{key:1,type:"submit",onClick:G},{default:e.withCtx(()=>[...t[39]||(t[39]=[e.createTextVNode(" Add Collection ",-1)])]),_:1})):(e.openBlock(),e.createBlock($,{key:2,type:"submit",onClick:W},{default:e.withCtx(()=>[...t[40]||(t[40]=[e.createTextVNode(" Edit Collection ",-1)])]),_:1}))]),_:1})]),_:1})]),_:1},8,["open"])}}}),Ue={class:"relative flex flex-col flex-1"},he={class:"flex items-center justify-between gap-4 w-full my-4"},Re={class:"flex items-center gap-4"},Ae={key:0,class:"text-lg whitespace-nowrap"},Le={key:1,class:"text-lg whitespace-nowrap"},Ie={key:0,class:"flex items-center gap-4"},Fe=e.defineComponent({__name:"Overview",props:{config:{type:Object,required:!0}},setup(w){const f=w,{getModuleData:y}=N.useModuleStorage(),{hasPermission:k,isAdmin:S}=N.useModulePermissions(),{navigateTo:u}=N.useModuleRoute(),{confirm:b}=N.useConfirmation();N.useModuleBreadcrumbs(()=>[]);const c=N.useFirebaseIntegration(f.config.project),r=e.ref(null),g=e.ref([]),v=e.ref(null);e.computed(()=>r.value?.find(n=>n.id===v.value)||null);const m=e.useTemplateRef("collectionModal"),a=async()=>{const n=await c.find(f.config.collectionsCollection);r.value=n||[]},p=async n=>{await c.add(f.config.collectionsCollection,n)},x=async n=>{try{await c.update(f.config.collectionsCollection,n.id,n);const l=r.value.findIndex(i=>i.id===n.id);l!==-1&&(r.value[l]=n),P.toast.success("Collection updated")}catch{P.toast.error("Failed to update collection")}},V=n=>{b("Are you sure you want to delete this collection? This action cannot be undone.").then(async l=>{if(l)try{await c.remove(f.config.collectionsCollection,n),r.value=r.value.filter(i=>i.id!==n),P.toast.success("Collection deleted")}catch{P.toast.error("Failed to delete collection")}})};return e.onMounted(()=>{a(),y("components").then(n=>{g.value=n})}),(n,l)=>{const i=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",he,[e.createElementVNode("div",Re,[r.value!==null?(e.openBlock(),e.createElementBlock("p",Ae,e.toDisplayString(r.value.length)+" "+e.toDisplayString(r.value.length===1?"Collection":"Collections"),1)):(e.openBlock(),e.createElementBlock("p",Le,"Loading Collections..."))]),e.unref(S)()?(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(i,{variant:"outline",class:"text-primary hover:text-primary",onClick:l[0]||(l[0]=d=>e.unref(u)("global-styling"))},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Paintbrush),{class:"size-4"}),l[5]||(l[5]=e.createTextVNode(" Global Styling ",-1))]),_:1}),e.createVNode(i,{variant:"outline",class:"text-primary hover:text-primary",onClick:l[1]||(l[1]=d=>e.unref(u)("components"))},{default:e.withCtx(()=>[e.createVNode(e.unref(_.ToyBrick),{class:"size-4"}),l[6]||(l[6]=e.createTextVNode(" Components ",-1))]),_:1}),e.createVNode(i,{variant:"outline",class:"text-primary hover:text-primary",onClick:l[2]||(l[2]=d=>m.value.openDialog())},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Plus),{class:"size-4"}),l[7]||(l[7]=e.createTextVNode(" New Collection ",-1))]),_:1})])):e.createCommentVNode("",!0)]),e.createVNode(ve,{collections:r.value,onOpen:l[3]||(l[3]=d=>v.value=d),onEdit:l[4]||(l[4]=d=>m.value.openDialog(d)),onDelete:V},null,8,["collections"]),e.createVNode($e,{config:w.config,components:g.value,ref_key:"collectionModal",ref:m,onAdd:p,onEdit:x,onDelete:V},null,8,["config","components"])])}}});exports.default=Fe;