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

package/dist/Detail-DplAitHg.mjs

@@ -0,0 +1,447 @@
+import { t as e } from "./lib-BZgXUui5.mjs";
+import { t } from "./google-Bcc4XZnV.mjs";
+import { c as n, d as r, l as i, o as a, t as o, u as s } from "./vee-validate-zod-D9dZzbWZ.mjs";
+import { useConfirmation as c, useFirebaseIntegration as l, useModuleBreadcrumbs as u, useModulePermissions as d, useModuleRoute as f } from "@oneclick.dev/cms-kit";
+import { computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, inject as x, isRef as S, onMounted as C, openBlock as w, provide as T, ref as E, resolveComponent as D, toDisplayString as O, unref as k, watch as A, withCtx as j, withModifiers as M } from "vue";
+import { ChevronRight as N, ImagePlus as P, Loader2 as F, Tag as ee, Trash as I, X as L } from "@lucide/vue";
+//#region src/productCollections/components/detail/Main.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "flex flex-col gap-4" }, te = { class: "flex flex-col gap-2" }, z = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, B = { class: "flex flex-col gap-4" }, V = { class: "flex flex-col gap-2" }, H = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, U = { class: "flex flex-col gap-4" }, W = { class: "flex flex-col gap-2" }, G = { class: "flex items-center gap-2 mb-2" }, K = { class: "flex items-center gap-2" }, q = ["src"], J = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, Y = /* @__PURE__ */ b({
+	__name: "Main",
+	setup(e) {
+		let t = x("sources");
+		x("defaultSource");
+		let { errors: n } = r(), { value: a } = i("title"), { value: o } = i("description"), { value: s } = i("thumbnail"), c = (e) => {
+			s.value = e;
+		};
+		return (e, r) => {
+			let i = D("Label"), l = D("Input"), u = D("Textarea"), d = D("Button"), f = D("MediaPickerDialog"), p = D("CardContent"), b = D("Card");
+			return w(), m(b, null, {
+				default: j(() => [y(p, { class: "flex flex-col gap-4" }, {
+					default: j(() => [
+						_("div", R, [_("div", te, [
+							y(i, {
+								for: "title",
+								class: "text-sm mb-2"
+							}, {
+								default: j(() => [...r[5] ||= [v("Title", -1)]]),
+								_: 1
+							}),
+							y(l, {
+								type: "text",
+								id: "title",
+								placeholder: "Summer collection",
+								modelValue: k(a),
+								"onUpdate:modelValue": r[0] ||= (e) => S(a) ? a.value = e : null
+							}, null, 8, ["modelValue"]),
+							k(n).title ? (w(), g("p", z, O(k(n).title), 1)) : h("", !0)
+						])]),
+						_("div", B, [_("div", V, [
+							y(i, {
+								for: "description",
+								class: "text-sm mb-2"
+							}, {
+								default: j(() => [...r[6] ||= [v("Description", -1)]]),
+								_: 1
+							}),
+							y(u, {
+								id: "description",
+								placeholder: "Fresh, vibrant, and bold. The perfect collection for the summer season.",
+								modelValue: k(o),
+								"onUpdate:modelValue": r[1] ||= (e) => S(o) ? o.value = e : null
+							}, null, 8, ["modelValue"]),
+							k(n).description ? (w(), g("p", H, O(k(n).description), 1)) : h("", !0)
+						])]),
+						_("div", U, [_("div", W, [_("div", G, [y(i, {
+							for: "media",
+							class: "text-sm"
+						}, {
+							default: j(() => [...r[7] ||= [v("Thumbnail", -1)]]),
+							_: 1
+						}), k(s) ? (w(), m(d, {
+							key: 0,
+							variant: "ghost",
+							size: "icon",
+							onClick: r[2] ||= (e) => s.value = ""
+						}, {
+							default: j(() => [y(k(L), { class: "size-4" })]),
+							_: 1
+						})) : h("", !0)]), _("div", K, [y(f, {
+							sources: k(t),
+							maxFiles: 1,
+							"initial-value": k(s) ? [k(s)] : [],
+							onSubmit: r[4] ||= (e) => c(e)
+						}, {
+							default: j(() => [_("button", {
+								onClick: r[3] ||= M(() => {}, ["stop"]),
+								tabindex: "-1",
+								class: "cursor-pointer block"
+							}, [k(s) ? (w(), g("img", {
+								key: 1,
+								src: k(s),
+								class: "size-42 rounded-md object-cover",
+								draggable: "false"
+							}, null, 8, q)) : (w(), m(d, {
+								key: 0,
+								variant: "outline",
+								class: "size-42 border-dashed cursor-pointer"
+							}, {
+								default: j(() => [y(k(P))]),
+								_: 1
+							}))])]),
+							_: 1
+						}, 8, ["sources", "initial-value"]), k(n).thumbnail ? (w(), g("p", J, O(k(n).thumbnail), 1)) : h("", !0)])])])
+					]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), X = { class: "bg-white dark:bg-gray-50 border-4 dark:border-gray-600 p-4 rounded-lg mb-4" }, Z = { class: "flex items-center gap-2 mb-2" }, Q = ["src"], ne = { class: "text-[#1a0dab] text-lg" }, re = { class: "text-[#006621] text-[13px]" }, ie = { class: "text-[#545454] text-[13px]" }, ae = { class: "flex flex-col gap-4 mb-4" }, oe = { class: "flex flex-col" }, se = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, ce = { class: "flex flex-col gap-4 mb-4" }, le = { class: "flex flex-col" }, ue = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, de = { class: "flex flex-col gap-4" }, fe = { class: "flex flex-col" }, pe = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, me = {
+	key: 1,
+	class: "text-[#545454] text-[13px]"
+}, he = {
+	key: 2,
+	class: "text-orange-500 text-[13px]"
+}, ge = /* @__PURE__ */ b({
+	__name: "SEO",
+	setup(e) {
+		let { errors: n } = r(), { value: a } = i("title"), { value: o } = i("slug"), { value: s } = i("seo");
+		function c(e) {
+			return e ? e.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/[-\s]+/g, "-") : "";
+		}
+		return A(a, (e, t) => {
+			(!o.value || c(t) === o.value) && (o.value = c(e)), (!s.value.title || t === s.value.title) && (s.value.title = e);
+		}), (e, r) => {
+			let i = D("Label"), a = D("Input"), c = D("Textarea"), l = D("CardContent"), u = D("Card");
+			return w(), m(u, null, {
+				default: j(() => [y(l, null, {
+					default: j(() => [
+						r[7] ||= _("h3", { class: "text-lg font-semibold mb-4" }, "Search engine listing", -1),
+						_("div", X, [
+							_("div", Z, [_("img", {
+								src: k(t),
+								alt: "Google",
+								class: "w-16 pointer-events-none",
+								draggable: "false"
+							}, null, 8, Q), r[3] ||= _("span", { class: "text-[#4186f5] font-medium text-xs" }, "Preview", -1)]),
+							_("p", ne, O(k(s).title), 1),
+							_("p", re, O(k(o)), 1),
+							_("p", ie, O(k(s).description?.slice(0, 155)) + O(k(s).description?.length > 155 ? " ..." : ""), 1)
+						]),
+						_("div", ae, [_("div", oe, [
+							y(i, {
+								for: "slug",
+								class: "text-sm mb-2"
+							}, {
+								default: j(() => [...r[4] ||= [v("Slug", -1)]]),
+								_: 1
+							}),
+							y(a, {
+								id: "slug",
+								placeholder: "t-shirt-with-red-heart",
+								modelValue: k(o),
+								"onUpdate:modelValue": r[0] ||= (e) => S(o) ? o.value = e : null
+							}, null, 8, ["modelValue"]),
+							k(n).slug ? (w(), g("p", se, O(k(n).slug), 1)) : h("", !0)
+						])]),
+						_("div", ce, [_("div", le, [
+							y(i, {
+								for: "meta-title",
+								class: "text-sm mb-2"
+							}, {
+								default: j(() => [...r[5] ||= [v("Title", -1)]]),
+								_: 1
+							}),
+							y(a, {
+								id: "meta-title",
+								placeholder: "T-shirt with red heart",
+								modelValue: k(s).title,
+								"onUpdate:modelValue": r[1] ||= (e) => k(s).title = e
+							}, null, 8, ["modelValue"]),
+							k(n).seo?.title ? (w(), g("p", ue, O(k(n).seo.title), 1)) : h("", !0)
+						])]),
+						_("div", de, [_("div", fe, [
+							y(i, {
+								for: "meta-description",
+								class: "text-sm mb-2"
+							}, {
+								default: j(() => [...r[6] ||= [v("Description", -1)]]),
+								_: 1
+							}),
+							y(c, {
+								id: "meta-description",
+								placeholder: "Lovely T-shirt featuring a red heart",
+								modelValue: k(s).description,
+								"onUpdate:modelValue": r[2] ||= (e) => k(s).description = e,
+								class: "mb-1 resize-none"
+							}, null, 8, ["modelValue"]),
+							k(n).seo?.description ? (w(), g("p", pe, O(k(n).seo.description), 1)) : k(s).description.length < 155 ? (w(), g("p", me, O(k(s).description.length) + " characters", 1)) : (w(), g("p", he, "Please keep it under 155 characters"))
+						])])
+					]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), _e = { class: "flex items-center gap-2" }, ve = {
+	key: 0,
+	class: "size-3 rounded-full bg-green-500"
+}, ye = {
+	key: 1,
+	class: "size-3 rounded-full bg-blue-500"
+}, be = /* @__PURE__ */ b({
+	__name: "Status",
+	setup(e) {
+		let { errors: t } = r(), { value: n } = i("status");
+		return (e, t) => {
+			let r = D("SelectValue"), i = D("SelectTrigger"), a = D("SelectItem"), o = D("SelectGroup"), s = D("SelectContent"), c = D("Select"), l = D("CardContent"), u = D("Card");
+			return w(), m(u, null, {
+				default: j(() => [y(l, null, {
+					default: j(() => [t[3] ||= _("p", { class: "text-md font-semibold mb-2" }, "Status", -1), y(c, {
+						modelValue: k(n),
+						"onUpdate:modelValue": t[0] ||= (e) => S(n) ? n.value = e : null,
+						class: "w-full"
+					}, {
+						default: j(() => [y(i, { class: "w-full" }, {
+							default: j(() => [_("div", _e, [k(n) === "published" ? (w(), g("span", ve)) : k(n) === "draft" ? (w(), g("span", ye)) : h("", !0), y(r, { placeholder: "Status" })])]),
+							_: 1
+						}), y(s, null, {
+							default: j(() => [y(o, null, {
+								default: j(() => [y(a, { value: "published" }, {
+									default: j(() => [...t[1] ||= [_("span", { class: "size-3 rounded-full bg-green-500" }, null, -1), v(" Published ", -1)]]),
+									_: 1
+								}), y(a, { value: "draft" }, {
+									default: j(() => [...t[2] ||= [_("span", { class: "size-3 rounded-full bg-blue-500" }, null, -1), v(" Draft ", -1)]]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), xe = { class: "relative @container" }, Se = { class: "flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6" }, $ = { class: "flex items-center" }, Ce = { class: "text-lg font-semibold mx-2" }, we = {
+	key: 0,
+	class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, Te = {
+	key: 1,
+	class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
+}, Ee = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, De = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, Oe = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, ke = {
+	key: 0,
+	class: "fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]"
+}, Ae = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, je = /* @__PURE__ */ b({
+	__name: "Detail",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(t) {
+		let r = t, { hasPermission: i, hasAnyPermission: b } = d(), { params: x, navigateTo: S } = f(), { confirm: A } = c(), M = l(r.config.project);
+		T("sources", r.config.allowedMediaSources), T("defaultSource", r.config.defaultUploadMediaSource);
+		let P = p(() => !x.value.collectionId || x.value.collectionId === "new"), L = E(!1), { handleSubmit: R, errors: te, values: z, setValues: B } = s({
+			validationSchema: o(a({
+				id: n().optional(),
+				title: n().min(1, "Title is required"),
+				type: n(),
+				description: n().optional(),
+				thumbnail: n().optional(),
+				slug: n(),
+				seo: a({
+					title: n().optional(),
+					description: n().optional()
+				}).optional(),
+				status: n()
+			})),
+			initialValues: {
+				status: "draft",
+				type: "manual",
+				seo: {
+					title: "",
+					description: ""
+				}
+			}
+		});
+		u(() => [{ text: P.value ? "New Collection" : z.title || "Collection" }]);
+		let V = R(async (t) => {
+			L.value = !0;
+			let n = await H() || [];
+			if (P.value) {
+				let i = JSON.parse(JSON.stringify(t));
+				if (i.id = crypto.randomUUID(), await K(i.slug)) {
+					e.error("Collection with this slug already exists"), L.value = !1;
+					return;
+				}
+				let a = [...n, i], o = r.config.collectionsCollection.split(":");
+				await M.update(o[0], null, { [o[1]]: a }), S("/"), e.success("Collection created");
+			} else {
+				let i = JSON.parse(JSON.stringify(t)), a = n.map((e) => e.id === x.value.collectionId ? i : e), o = r.config.collectionsCollection.split(":");
+				await M.update(o[0], null, { [o[1]]: a }), S("/"), e.success("Collection updated");
+			}
+			L.value = !1;
+		}), H = async () => {
+			if (!r.config.collectionsCollection) return [];
+			let e = r.config.collectionsCollection.split(":");
+			return e.length === 2 && (await M.get(e[0]))?.[e[1]] || [];
+		}, U = async () => {
+			B((await H()).find((e) => e.id === x.value.collectionId));
+		}, W = async () => {
+			try {
+				let t = { ...z }, n = t.slug + "-copy", i = 2;
+				for (; await K(n);) n = t.slug + "-copy-" + i, i++;
+				t.id = crypto.randomUUID(), t.slug = n, t.status = "draft", t.title += " (copy)";
+				let a = [...await H() || [], t], o = r.config.collectionsCollection.split(":");
+				await M.update(o[0], null, { [o[1]]: a }), S(t.id), e.success("Collection duplicated");
+			} catch {
+				e.error("Failed to duplicate collection");
+			}
+		}, G = async () => {
+			if (await A("Are you sure you want to delete this collection?")) try {
+				let t = await H() || [];
+				if (t.length === 0 || !x.value.collectionId) throw Error("Error loading values");
+				let n = t.filter((e) => e.id !== x.value.collectionId), i = r.config.collectionsCollection.split(":");
+				await M.update(i[0], null, { [i[1]]: n }), S(""), e.success("Collection deleted");
+			} catch {
+				e.error("Failed to delete collection");
+			}
+		}, K = async (e) => !!(await H() || []).find((t) => t.slug === e);
+		return C(() => {
+			P.value || U();
+		}), (e, t) => {
+			let n = D("Button"), r = D("MenubarTrigger"), a = D("MenubarMenu"), o = D("MenubarShortcut"), s = D("MenubarItem"), c = D("MenubarSeparator"), l = D("MenubarContent"), u = D("Menubar");
+			return w(), g("div", xe, [
+				_("div", Se, [_("div", $, [
+					y(n, {
+						variant: "ghost",
+						onClick: t[0] ||= (e) => k(S)("")
+					}, {
+						default: j(() => [y(k(ee), { class: "size-4" })]),
+						_: 1
+					}),
+					y(k(N), { class: "size-3" }),
+					_("h1", Ce, O(P.value ? "New Collection" : k(z).title), 1),
+					k(z).status === "published" ? (w(), g("span", we, "Published")) : k(z).status === "draft" ? (w(), g("span", Te, "Draft")) : h("", !0)
+				]), P.value ? h("", !0) : (w(), m(u, {
+					key: 0,
+					class: "bg-sidebar"
+				}, {
+					default: j(() => [
+						k(i)("create-collection") ? (w(), m(a, { key: 0 }, {
+							default: j(() => [y(r, { onClick: W }, {
+								default: j(() => [...t[1] ||= [v("Duplicate", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						})) : h("", !0),
+						y(a, null, {
+							default: j(() => [y(r, null, {
+								default: j(() => [...t[2] ||= [v("Preview", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						y(a, null, {
+							default: j(() => [y(r, null, {
+								default: j(() => [...t[3] ||= [v("Share", -1)]]),
+								_: 1
+							}), y(l, null, {
+								default: j(() => [
+									y(s, null, {
+										default: j(() => [t[5] ||= v(" New Tab ", -1), y(o, null, {
+											default: j(() => [...t[4] ||= [v("⌘T", -1)]]),
+											_: 1
+										})]),
+										_: 1
+									}),
+									y(s, null, {
+										default: j(() => [...t[6] ||= [v("New Window", -1)]]),
+										_: 1
+									}),
+									y(c),
+									y(s, null, {
+										default: j(() => [...t[7] ||= [v("Share", -1)]]),
+										_: 1
+									}),
+									y(c),
+									y(s, null, {
+										default: j(() => [...t[8] ||= [v("Print", -1)]]),
+										_: 1
+									})
+								]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						k(b)("edit-collection", "delete-collection") ? (w(), m(a, { key: 1 }, {
+							default: j(() => [y(r, null, {
+								default: j(() => [...t[9] ||= [v("More actions", -1)]]),
+								_: 1
+							}), y(l, null, {
+								default: j(() => [k(i)("delete-collection") ? (w(), m(s, {
+									key: 0,
+									variant: "destructive",
+									onClick: G
+								}, {
+									default: j(() => [y(k(I), { class: "size-4" }), t[10] ||= v(" Delete collection ", -1)]),
+									_: 1
+								})) : h("", !0)]),
+								_: 1
+							})]),
+							_: 1
+						})) : h("", !0)
+					]),
+					_: 1
+				}))]),
+				_("div", Ee, [_("div", De, [y(Y), y(ge)]), _("div", Oe, [y(be)])]),
+				k(b)("create-collection", "edit-collection") ? (w(), g("div", ke, [_("div", Ae, [P.value && k(i)("create-collection") ? (w(), m(n, {
+					key: 0,
+					onClick: k(V),
+					disabled: L.value
+				}, {
+					default: j(() => [L.value ? (w(), m(k(F), {
+						key: 0,
+						class: "size-4 animate-spin"
+					})) : h("", !0), v(" " + O(L.value ? "Creating" : "Create") + " New Collection ", 1)]),
+					_: 1
+				}, 8, ["onClick", "disabled"])) : k(i)("edit-collection") ? (w(), m(n, {
+					key: 1,
+					onClick: k(V),
+					disabled: L.value
+				}, {
+					default: j(() => [L.value ? (w(), m(k(F), {
+						key: 0,
+						class: "size-4 animate-spin"
+					})) : h("", !0), v(" " + O(L.value ? "Saving" : "Save") + " Changes ", 1)]),
+					_: 1
+				}, 8, ["onClick", "disabled"])) : h("", !0)])])) : h("", !0)
+			]);
+		};
+	}
+});
+//#endregion
+export { je as default };

package/dist/Detail-SugyeSxb.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./TemplateList-VuPcBUJO.js`);let t=require(`@oneclick.dev/cms-kit`),n=require(`vue`);var r={class:`relative`},i=(0,n.defineComponent)({__name:`Detail`,props:{config:{type:Object,required:!0}},setup(i){let a=i;(0,t.useModuleBreadcrumbs)(()=>[]),(0,t.useFirebaseIntegration)(a.config.project);let o=async()=>{};return(0,n.onMounted)(()=>{o()}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,r,[(0,n.createVNode)(e.t)]))}});exports.default=i;

package/dist/DeviceBreakdownCard-CzxZT6To.js

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

package/dist/DeviceBreakdownCard-eEwPjzKl.mjs

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

package/dist/EditLayout-Bnz9q_jd.js

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