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

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-Su8ZUbMs.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as r, onMounted as n, openBlock as c, createElementBlock as s, createVNode as a } from "vue";
+import { useModuleBreadcrumbs as i, useFirebaseIntegration as p } from "@oneclick.dev/cms-kit";
+import { _ as m } from "./TemplateList.vue_vue_type_script_setup_true_lang-Cmovy7kk.mjs";
+const u = { class: "relative" }, v = /* @__PURE__ */ r({
+  __name: "Overview",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = e;
+    i(() => []), p(t.config.project);
+    const o = async () => {
+    };
+    return n(() => {
+      o();
+    }), (_, d) => (c(), s("div", u, [
+      a(m)
+    ]));
+  }
+});
+export {
+  v as default
+};

package/dist/Overview-T-lsy3UZ.js

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

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;