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

package/dist/Overview-Di84CsR5.mjs

@@ -0,0 +1,476 @@
+import { defineComponent as _e, ref as z, computed as P, resolveComponent as d, openBlock as u, createElementBlock as g, Fragment as G, createElementVNode as o, createVNode as n, createBlock as b, withCtx as s, unref as l, createTextVNode as p, createCommentVNode as C, toDisplayString as f, renderList as xe, normalizeClass as L, normalizeStyle as F, withModifiers as N } from "vue";
+import { useModule as ye, 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 H, Search as J, MoreHorizontalIcon as Y, ImportIcon as Ee, Upload as q, CheckCircle2 as Me, Clock as $e, DollarSign as ze, Users as De, CalendarDays as Q, Copy as Ie, ChevronsLeftRightEllipsis as Ne, Trash2Icon as Se } from "lucide-vue-next";
+const je = { class: "container @container mx-auto py-8 px-4" }, 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 = { class: "flex flex-col flex-1 p-5" }, Xe = { class: "flex items-start gap-3" }, Ke = ["disabled", "onClick"], We = { class: "text-base font-semibold leading-tight line-clamp-1" }, Ze = { class: "flex items-center gap-2 mt-1" }, et = { 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" }, rt = { class: "flex flex-col items-start gap-1 rounded-lg bg-muted/40 px-3 py-2" }, it = { 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: k } = ye(), M = be(k.project), { navigateTo: w } = Ce(), { confirm: X } = ke(), { hasPermission: v } = we();
+    he(() => []);
+    const _ = z(null), D = z(""), m = z(!1), i = z([]), j = z("importAgendasInput"), y = P(() => {
+      if (!_.value) return [];
+      const t = D.value.trim().toLowerCase();
+      return t ? _.value.filter(
+        (e) => (e.serviceName || "").toLowerCase().includes(t)
+      ) : _.value;
+    }), T = P(
+      () => y.value.length > 0 && y.value.every((t) => i.value.includes(t.id))
+    ), K = () => {
+      if (T.value) {
+        const t = y.value.map((e) => e.id);
+        i.value = i.value.filter((e) => !t.includes(e));
+      } else {
+        const t = y.value.map((a) => a.id), e = /* @__PURE__ */ new Set([...i.value, ...t]);
+        i.value = Array.from(e);
+      }
+    }, W = (t) => {
+      i.value.includes(t) ? i.value = i.value.filter((e) => e !== t) : i.value.push(t);
+    }, Z = (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();
+    }, V = [
+      { 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 c = 0; c < e.length; c++) a = a * 31 + e.charCodeAt(c) >>> 0;
+      return V[a % V.length];
+    }, ee = (t) => {
+      const e = t?.pricingOptions?.[0];
+      return e?.duration ? `${e.duration} min` : null;
+    }, te = (t) => {
+      const e = t?.pricingOptions?.[0];
+      return e?.price === void 0 || e?.price === null || e?.price === "" ? null : `${t.currency === "EUR" ? "€" : "$"}${e.price}`;
+    }, ne = (t) => Array.isArray(t?.resources) ? t.resources.filter((e) => e?.isActive !== !1).length : 0, oe = (t) => t.type === "regular" ? "Regular" : t.type ? t.type.charAt(0).toUpperCase() + t.type.slice(1) : "Agenda", se = (t) => {
+      m.value = !0, i.value = [t];
+    }, I = async () => {
+      _.value = await M.find(k.agendaCollection);
+    }, le = async (t) => {
+      if (!v("create-agendas")) return;
+      const e = await M.get(k.agendaCollection, t);
+      if (!e) {
+        alert("Agenda not found");
+        return;
+      }
+      const a = prompt("Enter name for duplicated agenda", e.serviceName + " (Copy)");
+      if (!a)
+        return;
+      const c = { ...e, serviceName: a };
+      delete c.id, await M.add(k.agendaCollection, c), await I();
+    }, re = async (t) => {
+      !v("delete-agendas") || !await X("Are you sure you want to delete this agenda? This action cannot be undone.") || (await M.remove(k.agendaCollection, t), await I());
+    }, ie = async () => {
+      if (!_.value) return;
+      let t = _.value.filter((c) => i.value.includes(c.id));
+      t = t.map((c) => {
+        const { id: h, ...A } = c;
+        return A;
+      });
+      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(), m.value = !1, i.value = [];
+    }, ae = async (t) => {
+      const e = t.target;
+      if (!e.files || e.files.length === 0)
+        return;
+      const c = await e.files[0].text();
+      let h;
+      try {
+        h = JSON.parse(c);
+      } catch {
+        alert("Invalid JSON file");
+        return;
+      }
+      if (!Array.isArray(h)) {
+        alert("Invalid agendas format");
+        return;
+      }
+      for (const A of h)
+        await M.add(k.agendaCollection, A);
+      e.value = "", await I();
+    }, de = (t) => {
+      m.value || (v("edit-agendas") ? w(`/edit/${t}`) : w(`/edit/${t}/agenda`));
+    };
+    return I(), (t, e) => {
+      const a = d("Spinner"), c = d("EmptyMedia"), h = d("EmptyTitle"), A = d("EmptyDescription"), ue = d("EmptyHeader"), x = d("Button"), ce = d("EmptyContent"), pe = d("Empty"), me = d("Input"), B = d("DropdownMenuTrigger"), $ = d("DropdownMenuItem"), U = d("DropdownMenuGroup"), O = d("DropdownMenuContent"), R = d("DropdownMenu"), fe = d("ButtonGroup"), ge = d("Checkbox"), ve = d("Badge");
+      return u(), g(G, null, [
+        o("div", je, [
+          _.value === null ? (u(), g("div", Te, [
+            n(a, { class: "mx-auto" })
+          ])) : _.value.length === 0 ? (u(), b(pe, { key: 1 }, {
+            default: s(() => [
+              n(ue, null, {
+                default: s(() => [
+                  n(c, { variant: "icon" }, {
+                    default: s(() => [
+                      n(l(Ae), { class: "size-4-6" })
+                    ]),
+                    _: 1
+                  }),
+                  n(h, null, {
+                    default: s(() => [...e[6] || (e[6] = [
+                      p("No Agendas Yet", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(A, null, {
+                    default: s(() => [...e[7] || (e[7] = [
+                      p(" 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(x, {
+                      onClick: e[0] || (e[0] = (r) => l(w)("/create"))
+                    }, {
+                      default: s(() => [
+                        n(l(H)),
+                        e[8] || (e[8] = p(" Create Agenda ", -1))
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : (u(), g("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(l(J), { 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] = (r) => D.value = r),
+                    placeholder: "Search agendas...",
+                    class: "pl-9 w-full @md:w-64"
+                  }, null, 8, ["modelValue"])
+                ]),
+                !m.value && l(v)("create-agendas") ? (u(), b(fe, { key: 0 }, {
+                  default: s(() => [
+                    n(x, {
+                      onClick: e[2] || (e[2] = (r) => l(w)("/create"))
+                    }, {
+                      default: s(() => [
+                        n(l(H)),
+                        e[9] || (e[9] = p(" New Agenda ", -1))
+                      ]),
+                      _: 1
+                    }),
+                    n(R, null, {
+                      default: s(() => [
+                        n(B, { "as-child": "" }, {
+                          default: s(() => [
+                            n(x, {
+                              size: "icon",
+                              "aria-label": "More Options"
+                            }, {
+                              default: s(() => [
+                                n(l(Y))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        n(O, {
+                          align: "end",
+                          class: "w-52"
+                        }, {
+                          default: s(() => [
+                            n(U, null, {
+                              default: s(() => [
+                                n($, {
+                                  onClick: e[3] || (e[3] = (r) => j.value.click())
+                                }, {
+                                  default: s(() => [
+                                    n(l(Ee)),
+                                    e[10] || (e[10] = p(" Import Agendas... ", -1))
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : C("", !0)
+              ])
+            ]),
+            m.value ? (u(), g("div", Pe, [
+              o("div", Ge, [
+                n(ge, {
+                  modelValue: T.value,
+                  "onUpdate:modelValue": K
+                }, null, 8, ["modelValue"]),
+                o("span", Le, f(i.value.length) + " of " + f(y.value.length) + " selected ", 1)
+              ]),
+              o("div", Fe, [
+                n(x, {
+                  variant: "ghost",
+                  onClick: e[4] || (e[4] = (r) => {
+                    m.value = !1, i.value = [];
+                  })
+                }, {
+                  default: s(() => [...e[12] || (e[12] = [
+                    p(" Cancel ", -1)
+                  ])]),
+                  _: 1
+                }),
+                n(x, {
+                  onClick: ie,
+                  disabled: i.value.length === 0
+                }, {
+                  default: s(() => [
+                    n(l(q)),
+                    p(" Export " + f(i.value.length || ""), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])) : C("", !0),
+            y.value.length === 0 ? (u(), g("div", He, [
+              n(l(J), { class: "size-8 text-muted-foreground mb-3" }),
+              o("p", Je, 'No agendas match "' + f(D.value) + '"', 1),
+              e[13] || (e[13] = o("p", { class: "text-sm text-muted-foreground mt-1" }, "Try a different search term.", -1))
+            ])) : (u(), g("div", Ye, [
+              (u(!0), g(G, null, xe(y.value, (r) => (u(), g("div", {
+                key: r.id,
+                class: L(["group relative flex flex-col overflow-hidden rounded-xl border bg-card shadow-sm transition-all duration-200", {
+                  "cursor-pointer": m.value,
+                  "ring-2 ring-primary border-primary/40": m.value && i.value.includes(r.id)
+                }]),
+                onClick: (E) => m.value ? W(r.id) : null
+              }, [
+                o("div", {
+                  class: "h-1 w-full",
+                  style: F({ backgroundColor: S(r).fg })
+                }, null, 4),
+                o("div", Qe, [
+                  o("div", Xe, [
+                    o("div", {
+                      class: "shrink-0 size-12 rounded-lg flex items-center justify-center font-semibold text-sm",
+                      style: F({
+                        backgroundColor: S(r).bg,
+                        color: S(r).fg
+                      })
+                    }, f(Z(r.serviceName)), 5),
+                    o("button", {
+                      type: "button",
+                      class: "flex-1 min-w-0 text-left focus:outline-none",
+                      disabled: m.value,
+                      onClick: N((E) => !m.value && de(r.id), ["stop"])
+                    }, [
+                      o("h3", We, f(r.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(() => [
+                            p(f(oe(r)), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        o("span", et, " Click to " + f(l(v)("edit-agendas") ? "edit" : "view"), 1)
+                      ])
+                    ], 8, Ke),
+                    m.value ? (u(), g("div", tt, [
+                      o("div", {
+                        class: L(["flex items-center justify-center size-6 rounded-full border-2 transition", i.value.includes(r.id) ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"])
+                      }, [
+                        i.value.includes(r.id) ? (u(), b(l(Me), {
+                          key: 0,
+                          class: "size-4"
+                        })) : C("", !0)
+                      ], 2)
+                    ])) : C("", !0)
+                  ]),
+                  o("div", nt, [
+                    o("div", ot, [
+                      o("div", st, [
+                        n(l($e), { class: "size-3.5" }),
+                        e[14] || (e[14] = o("span", { class: "text-[10px] uppercase tracking-wide font-medium" }, "Duration", -1))
+                      ]),
+                      o("span", lt, f(ee(r) || "—"), 1)
+                    ]),
+                    o("div", rt, [
+                      o("div", it, [
+                        n(l(ze), { class: "size-3.5" }),
+                        e[15] || (e[15] = o("span", { class: "text-[10px] uppercase tracking-wide font-medium" }, "Price", -1))
+                      ]),
+                      o("span", at, f(te(r) || "—"), 1)
+                    ]),
+                    o("div", dt, [
+                      o("div", ut, [
+                        n(l(De), { class: "size-3.5" }),
+                        e[16] || (e[16] = o("span", { class: "text-[10px] uppercase tracking-wide font-medium" }, "Resources", -1))
+                      ]),
+                      o("span", ct, f(ne(r)), 1)
+                    ])
+                  ])
+                ]),
+                m.value ? C("", !0) : (u(), g("div", pt, [
+                  l(v)("edit-agendas") ? (u(), b(x, {
+                    key: 0,
+                    variant: "ghost",
+                    size: "sm",
+                    class: "gap-1.5",
+                    onClick: N((E) => l(w)(`/edit/${r.id}`), ["stop"])
+                  }, {
+                    default: s(() => [
+                      n(l(Q), { class: "size-4" }),
+                      e[17] || (e[17] = p(" Edit Agenda ", -1))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : (u(), b(x, {
+                    key: 1,
+                    variant: "ghost",
+                    size: "sm",
+                    class: "gap-1.5",
+                    onClick: N((E) => l(w)(`/edit/${r.id}/agenda`), ["stop"])
+                  }, {
+                    default: s(() => [
+                      n(l(Q), { class: "size-4" }),
+                      e[18] || (e[18] = p(" View Agenda ", -1))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])),
+                  n(R, null, {
+                    default: s(() => [
+                      n(B, { "as-child": "" }, {
+                        default: s(() => [
+                          n(x, {
+                            variant: "ghost",
+                            size: "icon",
+                            "aria-label": "More Options",
+                            onClick: e[5] || (e[5] = N(() => {
+                            }, ["stop"]))
+                          }, {
+                            default: s(() => [
+                              n(l(Y))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      n(O, {
+                        align: "end",
+                        class: "w-52"
+                      }, {
+                        default: s(() => [
+                          n(U, null, {
+                            default: s(() => [
+                              l(v)("create-agendas") ? (u(), b($, {
+                                key: 0,
+                                onClick: (E) => le(r.id)
+                              }, {
+                                default: s(() => [
+                                  n(l(Ie)),
+                                  e[19] || (e[19] = p(" Duplicate Agenda ", -1))
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])) : C("", !0),
+                              n($, null, {
+                                default: s(() => [
+                                  n(l(Ne)),
+                                  e[20] || (e[20] = p(" API Set-up ", -1))
+                                ]),
+                                _: 1
+                              }),
+                              n($, {
+                                onClick: (E) => se(r.id)
+                              }, {
+                                default: s(() => [
+                                  n(l(q)),
+                                  e[21] || (e[21] = p(" Export Agenda ", -1))
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"]),
+                              l(v)("delete-agendas") ? (u(), b($, {
+                                key: 1,
+                                variant: "destructive",
+                                onClick: (E) => re(r.id)
+                              }, {
+                                default: s(() => [
+                                  n(l(Se)),
+                                  e[22] || (e[22] = p(" Remove Agenda ", -1))
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])) : C("", !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: ae
+        }, null, 544)
+      ], 64);
+    };
+  }
+});
+export {
+  _t as default
+};

package/dist/Overview-UoZHUMUz.js

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

package/dist/{Overview-kaMhsIUq.mjs → Overview-ejh4vUMT.mjs}

@@ -1,10 +1,10 @@
 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-CMk3uhUt.mjs";
+import "./index-Bvxc5xv_.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-_2lRVt_k.mjs";
-import { C as ce, a as H } from "./index-p5Uqu8c2.mjs";
+import { S as re, C as j, A as ie, z as ue } from "./index-uOkqO74I.mjs";
+import { j as ce, C as H } from "./index-BRdCrvcz.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"

package/dist/{Overview-D_T3K6aq.mjs → Overview-lWAyyenp.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as G, resolveComponent as n, openBlock as c, createElementBlock as k, Fragment as te, renderList as le, createBlock as w, unref as C, withCtx as l, createElementVNode as o, normalizeClass as oe, resolveDynamicComponent as ne, toDisplayString as P, createCommentVNode as U, createVNode as t, withModifiers as Ee, createTextVNode as d, ref as v, computed as q, useTemplateRef as Se, onMounted as De } from "vue";
 import { icons as ae, EllipsisVertical as Te, Paintbrush as Pe, ToyBrick as Me, Plus as Ue } from "lucide-vue-next";
 import { useModuleRoute as se, useConfirmation as ie, useModuleStorage as $e, useModulePermissions as Ne, useModuleBreadcrumbs as Re, useFirebaseIntegration as Ae } from "@oneclick.dev/cms-kit";
-import { i as Le } from "./interpolation-DEDSLETn.mjs";
+import { i as Le } from "./interpolation-w7IRDJwK.mjs";
 import { t as z } from "./index-RLz1QPrf.mjs";
 const Be = { class: "grid @lg:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4 @7xl:grid-cols-5 gap-4" }, Ie = { class: "relative flex pl-3 @5xl:pl-6 pr-1.5 @5xl:pr-3 gap-3" }, Fe = { class: "self-center overflow-hidden w-full group-hover:w-[calc(100%-6.5rem)]" }, ze = ["title"], Oe = ["title"], je = { class: "absolute -top-1 right-2 self-start opacity-0 group-hover:opacity-100" }, qe = /* @__PURE__ */ G({
   __name: "CollectionsGridView",