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

package/dist/Overview-98nkJUWN.mjs

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

package/dist/Overview-BCpJNiEB.mjs

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

package/dist/Overview-BDlBCUI_.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@oneclick.dev/cms-kit"),o=require("./TemplateList.vue_vue_type_script_setup_true_lang-B_AtWnHa.js"),s={class:"relative"},i=e.defineComponent({__name:"Overview",props:{config:{type:Object,required:!0}},setup(r){const c=r;t.useModuleBreadcrumbs(()=>[]),t.useFirebaseIntegration(c.config.project);const n=async()=>{};return e.onMounted(()=>{n()}),(u,a)=>(e.openBlock(),e.createElementBlock("div",s,[e.createVNode(o._sfc_main)]))}});exports.default=i;