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

package/dist/DeviceBreakdownCard-W1frLe0L.mjs

@@ -0,0 +1,159 @@
+import { defineComponent as O, computed as _, ref as h, onMounted as q, resolveComponent as G, openBlock as i, createElementBlock as l, unref as s, createVNode as m, createElementVNode as o, toDisplayString as c, Fragment as k, renderList as L, normalizeStyle as H, normalizeClass as $, createBlock as J, resolveDynamicComponent as K, createTextVNode as v, createCommentVNode as Q, withCtx as W } from "vue";
+import { Loader2 as X, Monitor as w, MousePointerClick as Y, Users as Z, ExternalLink as ee, Smartphone as te, Tablet as se } from "lucide-vue-next";
+const oe = { class: "w-full" }, ne = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, re = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, ae = {
+  key: 2,
+  class: "rounded-xl border bg-background p-4 text-center space-y-2"
+}, ie = {
+  key: 3,
+  class: "rounded-xl border bg-background overflow-hidden"
+}, le = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, de = { class: "flex items-center gap-2" }, ce = { class: "text-[10px] text-muted-foreground" }, ue = { class: "px-3 pt-3 pb-1" }, me = { class: "flex h-3 rounded-full overflow-hidden" }, pe = { class: "divide-y" }, fe = { class: "flex items-center gap-2" }, ve = { class: "text-xs font-medium capitalize flex-1" }, xe = { class: "text-sm font-semibold tabular-nums" }, ge = { class: "ml-6 mt-1 flex items-center gap-3 text-[10px] text-muted-foreground" }, he = { class: "flex items-center gap-1" }, ye = { class: "flex items-center gap-1" }, be = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, _e = { class: "text-[10px] text-muted-foreground" }, Ce = /* @__PURE__ */ O({
+  __name: "DeviceBreakdownCard",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup(C, { emit: S }) {
+    const { $useRoute: N, $useModuleApi: A } = useNuxtApp(), u = C, z = S, F = N(), M = _(() => F.params.slug), j = A(u.instanceId), x = h(!0), f = h(null), r = h([]), g = h(null), B = (t) => {
+      const e = (t || "").toLowerCase();
+      return e === "mobile" || e === "smartphone" ? te : e === "tablet" ? se : w;
+    }, I = (t) => {
+      const e = (t || "").toLowerCase();
+      return e === "desktop" ? "bg-blue-500" : e === "mobile" || e === "smartphone" ? "bg-emerald-500" : e === "tablet" ? "bg-amber-500" : "bg-violet-500";
+    }, T = (t) => {
+      const e = (t || "").toLowerCase();
+      return e === "desktop" ? "text-blue-500" : e === "mobile" || e === "smartphone" ? "text-emerald-500" : e === "tablet" ? "text-amber-500" : "text-violet-500";
+    };
+    function U() {
+      const t = u.resolvedArgs?._cachedData;
+      return t ? (r.value = (t.devices || []).map((e) => ({
+        deviceCategory: e.device,
+        sessions: e.sessions,
+        totalUsers: e.users
+      })), g.value = u.resolvedArgs._fetchedAt || null, x.value = !1, !0) : !1;
+    }
+    async function V() {
+      const { startDate: t, endDate: e } = u.resolvedArgs || {};
+      x.value = !0, f.value = null;
+      try {
+        const a = new URLSearchParams();
+        t && a.set("startDate", t), e && a.set("endDate", e);
+        const n = await j.get(`/devices?${a.toString()}`);
+        r.value = n.rows || [], g.value = (/* @__PURE__ */ new Date()).toISOString();
+        const p = r.value.reduce((d, R) => d + (R.sessions || 0), 0);
+        D({
+          count: r.value.length,
+          devices: r.value.map((d) => ({
+            device: d.deviceCategory,
+            sessions: d.sessions,
+            users: d.totalUsers,
+            share: `${(d.sessions / p * 100).toFixed(1)}%`
+          })),
+          suggestion: r.value.length === 0 ? "No device data found for this period." : `Device breakdown: ${r.value.map((d) => `${d.deviceCategory} ${(d.sessions / p * 100).toFixed(0)}%`).join(", ")}.`
+        });
+      } catch (a) {
+        f.value = a?.data?.statusMessage || a?.message || "Failed to load device data", D(`Error loading device data: ${f.value}`);
+      } finally {
+        x.value = !1;
+      }
+    }
+    q(() => {
+      u.status === "completed" && U() || V();
+    });
+    function D(t) {
+      u.status !== "completed" && z("submit", t);
+    }
+    const y = (t) => t == null ? "0" : Math.round(t).toLocaleString(), E = (t) => t ? new Date(t).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", b = _(
+      () => r.value.reduce((t, e) => t + (e.sessions || 0), 0) || 1
+    ), P = _(() => {
+      const { startDate: t, endDate: e } = u.resolvedArgs || {};
+      if (!t && !e) return "Last 30 days";
+      const a = t || "30daysAgo", n = a.match(/^(\d+)daysAgo$/);
+      return n ? `Last ${n[1]} days` : `${a} → ${e || "today"}`;
+    });
+    return (t, e) => {
+      const a = G("NuxtLink");
+      return i(), l("div", oe, [
+        s(x) ? (i(), l("div", ne, [
+          m(s(X), { class: "size-4 animate-spin text-muted-foreground" }),
+          e[0] || (e[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading device data…", -1))
+        ])) : s(f) ? (i(), l("div", re, c(s(f)), 1)) : s(r).length === 0 ? (i(), l("div", ae, [
+          m(s(w), { class: "size-8 text-muted-foreground mx-auto" }),
+          e[1] || (e[1] = o("p", { class: "text-sm text-muted-foreground" }, "No device data found for this period.", -1))
+        ])) : (i(), l("div", ie, [
+          o("div", le, [
+            o("div", de, [
+              m(s(w), { class: "size-3.5 text-primary" }),
+              e[2] || (e[2] = o("span", { class: "text-xs font-medium" }, "Device Breakdown", -1))
+            ]),
+            o("span", ce, c(s(P)), 1)
+          ]),
+          o("div", ue, [
+            o("div", me, [
+              (i(!0), l(k, null, L(s(r), (n, p) => (i(), l("div", {
+                key: p,
+                class: $([I(n.deviceCategory), "transition-all first:rounded-l-full last:rounded-r-full"]),
+                style: H({ width: `${n.sessions / s(b) * 100}%` })
+              }, null, 6))), 128))
+            ])
+          ]),
+          o("div", pe, [
+            (i(!0), l(k, null, L(s(r), (n, p) => (i(), l("div", {
+              key: p,
+              class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
+            }, [
+              o("div", fe, [
+                (i(), J(K(B(n.deviceCategory)), {
+                  class: $(["size-4 shrink-0", T(n.deviceCategory)])
+                }, null, 8, ["class"])),
+                o("span", ve, c(n.deviceCategory), 1),
+                o("span", xe, c((n.sessions / s(b) * 100).toFixed(1)) + "% ", 1)
+              ]),
+              o("div", ge, [
+                o("span", he, [
+                  m(s(Y), { class: "size-2.5" }),
+                  v(" " + c(y(n.sessions)) + " sessions ", 1)
+                ]),
+                o("span", ye, [
+                  m(s(Z), { class: "size-2.5" }),
+                  v(" " + c(y(n.totalUsers)) + " users ", 1)
+                ])
+              ])
+            ]))), 128))
+          ]),
+          o("div", be, [
+            o("span", _e, [
+              v(c(y(s(b))) + " total sessions ", 1),
+              s(g) ? (i(), l(k, { key: 0 }, [
+                v(" · fetched " + c(E(s(g))), 1)
+              ], 64)) : Q("", !0)
+            ]),
+            m(a, {
+              to: `/projects/${s(M)}/modules/${C.instanceId}`,
+              class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+            }, {
+              default: W(() => [
+                m(s(ee), { class: "size-3" }),
+                e[3] || (e[3] = v(" View full report ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Ce as default
+};

package/dist/EditLayout.vue_vue_type_script_setup_true_lang-DWMqQvHl.mjs

@@ -0,0 +1,76 @@
+import { defineComponent as C, computed as h, resolveComponent as o, unref as n, openBlock as s, createBlock as y, withCtx as c, createTextVNode as w, createElementVNode as u, createElementBlock as m, createVNode as d, createCommentVNode as g, renderSlot as N } from "vue";
+import { useModuleRoute as $, useModulePermissions as B, useRoute as M, useModuleBreadcrumbs as V } from "@oneclick.dev/cms-kit";
+import { ClipboardClock as P, Calendar as S, Receipt as L, CalendarCog as v, User as E, Tickets as R, HandCoins as A, FileText as D } from "lucide-vue-next";
+const O = {
+  key: 1,
+  class: "@container mt-4 w-full"
+}, T = { class: "flex flex-col space-y-8 @5xl:flex-row @5xl:space-x-8 @5xl:space-y-0 w-full" }, j = {
+  key: 0,
+  class: "hidden @5xl:block @5xl:w-1/4 @7xl:w-1/5"
+}, q = { class: "flex flex-col flex-1" }, F = {
+  key: 0,
+  class: "@5xl:hidden"
+}, Y = /* @__PURE__ */ C({
+  __name: "EditLayout",
+  setup(G) {
+    const { params: e, resolvePath: t } = $(), { hasPermission: i } = B(), _ = M();
+    V(() => [
+      { text: "Edit" }
+    ]);
+    const p = h(() => {
+      if (!i("edit-agendas")) return [];
+      let a = [
+        { to: t(`/edit/${e.value.id}/`), title: "Overview", icon: P, subtitle: "General info and quick details" },
+        { to: t(`/edit/${e.value.id}/agenda`), title: "Agenda", icon: S, subtitle: "Manage scheduled events and sessions" },
+        { to: t(`/edit/${e.value.id}/orders`), title: "Orders", icon: L, subtitle: "Manage orders and payments" },
+        { title: "Settings", icon: v, items: [] }
+      ].filter(Boolean), l = [
+        i("manage-resources") ? { to: t(`/edit/${e.value.id}/resources`), title: "Resource Management", icon: E, subtitle: "Manage resources" } : null,
+        i("manage-overrides") ? { to: t(`/edit/${e.value.id}/exceptions`), title: "Override Slots", icon: v, subtitle: "Adjust or block times" } : null,
+        i("manage-availability") ? { to: t(`/edit/${e.value.id}/availability`), title: "Availability Settings", icon: R, subtitle: "Booking rules & limits" } : null,
+        i("manage-payment") ? { to: t(`/edit/${e.value.id}/payment`), title: "Payment Settings", icon: A, subtitle: "Payment options & policies" } : null,
+        i("manage-booking-data") ? { to: t(`/edit/${e.value.id}/booking-data`), title: "Booking Data", icon: D, subtitle: "Customer form fields & order metadata" } : null
+      ].filter(Boolean);
+      return a.find((r) => r.title === "Settings")?.items?.push(...l), a;
+    });
+    return (a, l) => {
+      const r = o("NuxtLink"), f = o("VerticalNav"), k = o("DrawerNav"), x = o("CardContent"), b = o("Card");
+      return !n(i)("edit-agendas") && !n(_).fullPath.endsWith("/agenda") ? (s(), y(r, {
+        key: 0,
+        class: "group",
+        to: n(t)(`/edit/${n(e).id}/agenda`)
+      }, {
+        default: c(() => [...l[0] || (l[0] = [
+          w("You have no access to this page. ", -1),
+          u("span", { class: "group-hover:underline" }, "View agenda", -1)
+        ])]),
+        _: 1
+      }, 8, ["to"])) : (s(), m("div", O, [
+        u("div", T, [
+          n(i)("edit-agendas") ? (s(), m("div", j, [
+            d(f, { links: n(p) }, null, 8, ["links"])
+          ])) : g("", !0),
+          u("div", q, [
+            n(i)("edit-agendas") ? (s(), m("div", F, [
+              d(k, { links: n(p) }, null, 8, ["links"])
+            ])) : g("", !0),
+            d(b, { class: "flex-1 w-full" }, {
+              default: c(() => [
+                d(x, null, {
+                  default: c(() => [
+                    N(a.$slots, "default")
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            })
+          ])
+        ])
+      ]));
+    };
+  }
+});
+export {
+  Y as _
+};

package/dist/EditLayout.vue_vue_type_script_setup_true_lang-kpjbVSXg.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@oneclick.dev/cms-kit"),l=require("lucide-vue-next"),f={key:1,class:"@container mt-4 w-full"},g={class:"flex flex-col space-y-8 @5xl:flex-row @5xl:space-x-8 @5xl:space-y-0 w-full"},k={key:0,class:"hidden @5xl:block @5xl:w-1/4 @7xl:w-1/5"},_={class:"flex flex-col flex-1"},C={key:0,class:"@5xl:hidden"},x=e.defineComponent({__name:"EditLayout",setup(h){const{params:t,resolvePath:n}=s.useModuleRoute(),{hasPermission:o}=s.useModulePermissions(),c=s.useRoute();s.useModuleBreadcrumbs(()=>[{text:"Edit"}]);const d=e.computed(()=>{if(!o("edit-agendas"))return[];let i=[{to:n(`/edit/${t.value.id}/`),title:"Overview",icon:l.ClipboardClock,subtitle:"General info and quick details"},{to:n(`/edit/${t.value.id}/agenda`),title:"Agenda",icon:l.Calendar,subtitle:"Manage scheduled events and sessions"},{to:n(`/edit/${t.value.id}/orders`),title:"Orders",icon:l.Receipt,subtitle:"Manage orders and payments"},{title:"Settings",icon:l.CalendarCog,items:[]}].filter(Boolean),a=[o("manage-resources")?{to:n(`/edit/${t.value.id}/resources`),title:"Resource Management",icon:l.User,subtitle:"Manage resources"}:null,o("manage-overrides")?{to:n(`/edit/${t.value.id}/exceptions`),title:"Override Slots",icon:l.CalendarCog,subtitle:"Adjust or block times"}:null,o("manage-availability")?{to:n(`/edit/${t.value.id}/availability`),title:"Availability Settings",icon:l.Tickets,subtitle:"Booking rules & limits"}:null,o("manage-payment")?{to:n(`/edit/${t.value.id}/payment`),title:"Payment Settings",icon:l.HandCoins,subtitle:"Payment options & policies"}:null,o("manage-booking-data")?{to:n(`/edit/${t.value.id}/booking-data`),title:"Booking Data",icon:l.FileText,subtitle:"Customer form fields & order metadata"}:null].filter(Boolean);return i.find(r=>r.title==="Settings")?.items?.push(...a),i});return(i,a)=>{const r=e.resolveComponent("NuxtLink"),u=e.resolveComponent("VerticalNav"),m=e.resolveComponent("DrawerNav"),p=e.resolveComponent("CardContent"),v=e.resolveComponent("Card");return!e.unref(o)("edit-agendas")&&!e.unref(c).fullPath.endsWith("/agenda")?(e.openBlock(),e.createBlock(r,{key:0,class:"group",to:e.unref(n)(`/edit/${e.unref(t).id}/agenda`)},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode("You have no access to this page. ",-1),e.createElementVNode("span",{class:"group-hover:underline"},"View agenda",-1)])]),_:1},8,["to"])):(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",g,[e.unref(o)("edit-agendas")?(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(u,{links:e.unref(d)},null,8,["links"])])):e.createCommentVNode("",!0),e.createElementVNode("div",_,[e.unref(o)("edit-agendas")?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(m,{links:e.unref(d)},null,8,["links"])])):e.createCommentVNode("",!0),e.createVNode(v,{class:"flex-1 w-full"},{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3})]),_:3})])])]))}}});exports._sfc_main=x;