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

package/dist/Detail-DnX7tsqN.mjs

@@ -0,0 +1,649 @@
+import { defineComponent as B, inject as Q, ref as R, resolveComponent as i, openBlock as d, createBlock as O, withCtx as s, createVNode as n, createElementVNode as o, createTextVNode as v, isRef as N, unref as e, createElementBlock as b, toDisplayString as _, createCommentVNode as f, watch as ee, Fragment as X, renderList as H, normalizeClass as te, computed as oe, onMounted as ne, provide as se } from "vue";
+import { f as W, u as S, t as le, o as ie, p as J, c as q, s as F, a as ae, e as de } from "./vee-validate-zod-DNjTLCgh.mjs";
+import { r as j } from "./countries-BTPvmrsb.mjs";
+import { ChevronsUpDown as re, Search as ce, Check as ue, X as pe, Tag as me, ChevronRight as fe, Trash as _e, Loader2 as K } from "lucide-vue-next";
+import { useModulePermissions as xe, useModuleRoute as ve, useConfirmation as be, useFirebaseIntegration as ge, useModuleBreadcrumbs as he } from "@oneclick.dev/cms-kit";
+import { t as E } from "./index-RLz1QPrf.mjs";
+const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2" }, ye = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, ke = { class: "flex flex-col gap-4" }, $e = { class: "flex flex-col gap-2" }, Oe = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Ve = { class: "flex flex-col gap-4" }, Ie = { class: "flex flex-col gap-2" }, Me = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Se = /* @__PURE__ */ B({
+  __name: "Main",
+  setup(P) {
+    const x = Q("isLoadingCompleted", R(!1)), { errors: l } = W(), { value: u } = S("title"), { value: a } = S("description"), { value: r } = S("price");
+    return (g, t) => {
+      const m = i("Label"), h = i("Input"), C = i("Textarea"), I = i("CardContent"), T = i("Card");
+      return d(), O(T, null, {
+        default: s(() => [
+          n(I, { class: "flex flex-col gap-4" }, {
+            default: s(() => [
+              o("div", Ce, [
+                o("div", we, [
+                  n(m, {
+                    for: "title",
+                    class: "text-sm"
+                  }, {
+                    default: s(() => [...t[3] || (t[3] = [
+                      v("Name", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(h, {
+                    type: "text",
+                    id: "title",
+                    placeholder: e(x) ? "Fast shipping" : "",
+                    modelValue: e(u),
+                    "onUpdate:modelValue": t[0] || (t[0] = (M) => N(u) ? u.value = M : null)
+                  }, null, 8, ["placeholder", "modelValue"]),
+                  e(l).title ? (d(), b("p", ye, _(e(l).title), 1)) : f("", !0)
+                ])
+              ]),
+              o("div", ke, [
+                o("div", $e, [
+                  n(m, {
+                    for: "description",
+                    class: "text-sm"
+                  }, {
+                    default: s(() => [...t[4] || (t[4] = [
+                      v("Description (optional)", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(C, {
+                    id: "description",
+                    placeholder: e(x) ? "Ships next day" : "",
+                    modelValue: e(a),
+                    "onUpdate:modelValue": t[1] || (t[1] = (M) => N(a) ? a.value = M : null)
+                  }, null, 8, ["placeholder", "modelValue"]),
+                  e(l).description ? (d(), b("p", Oe, _(e(l).description), 1)) : f("", !0)
+                ])
+              ]),
+              o("div", Ve, [
+                o("div", Ie, [
+                  n(m, {
+                    for: "price",
+                    class: "text-sm"
+                  }, {
+                    default: s(() => [...t[5] || (t[5] = [
+                      v("Price", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(h, {
+                    type: "number",
+                    min: "0",
+                    id: "price",
+                    placeholder: e(x) ? "Free" : "",
+                    modelValue: e(r),
+                    "onUpdate:modelValue": t[2] || (t[2] = (M) => N(r) ? r.value = M : null),
+                    class: "no-spinner"
+                  }, null, 8, ["placeholder", "modelValue"]),
+                  e(l).price ? (d(), b("p", Me, _(e(l).price), 1)) : f("", !0)
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ne = { class: "flex flex-col gap-4" }, Le = { class: "flex flex-col gap-2" }, Te = { class: "truncate" }, ze = { class: "relative w-full max-w-sm items-center" }, Ue = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-3" }, Fe = { class: "truncate" }, je = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Ee = { key: 0 }, Pe = { class: "group flex items-center gap-2 bg-muted/50 rounded-md mb-1 p-2" }, Be = { class: "w-6" }, De = { class: "text-muted-foreground group-hover:text-black dark:group-hover:text-white" }, Re = /* @__PURE__ */ B({
+  __name: "Countries",
+  setup(P) {
+    const { errors: x } = W(), { value: l } = S("countries");
+    return ee(l, (u) => {
+      let a = u?.sort((g, t) => !g || !t ? 0 : j.find((m) => m.cca2 === g)?.name.common.localeCompare(j.find((m) => m.cca2 === t)?.name.common)), r = !0;
+      for (let g = 0; g < u.length; g++)
+        if (u[g] !== l.value[g]) {
+          r = !1;
+          break;
+        }
+      r || (l.value = a);
+    }), (u, a) => {
+      const r = i("Label"), g = i("Button"), t = i("ComboboxTrigger"), m = i("ComboboxAnchor"), h = i("ComboboxInput"), C = i("ComboboxEmpty"), I = i("ComboboxItemIndicator"), T = i("ComboboxItem"), M = i("ComboboxGroup"), w = i("ComboboxList"), G = i("Combobox"), D = i("CardContent"), z = i("Card");
+      return d(), O(z, null, {
+        default: s(() => [
+          n(D, { class: "flex flex-col gap-4" }, {
+            default: s(() => [
+              a[3] || (a[3] = o("h3", { class: "text-lg font-semibold mb-4" }, "Countries", -1)),
+              o("div", Ne, [
+                o("div", Le, [
+                  n(r, { class: "text-sm mb-2" }, {
+                    default: s(() => [...a[1] || (a[1] = [
+                      v("For which countries should this option be available?", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(G, {
+                    modelValue: e(l),
+                    "onUpdate:modelValue": a[0] || (a[0] = (y) => N(l) ? l.value = y : null),
+                    multiple: !0
+                  }, {
+                    default: s(() => [
+                      n(m, { "as-child": "" }, {
+                        default: s(() => [
+                          n(t, { "as-child": "" }, {
+                            default: s(() => [
+                              n(g, {
+                                variant: "outline",
+                                class: "justify-between"
+                              }, {
+                                default: s(() => [
+                                  o("span", Te, _(e(l)?.length > 0 ? e(l).slice(0, 4).map((y) => e(j).find((L) => L.cca2 === y)?.name.common).join(", ") : "Select countries"), 1),
+                                  n(e(re), { class: "ml-2 size-4 shrink-0 opacity-50" })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      n(w, null, {
+                        default: s(() => [
+                          o("div", ze, [
+                            n(h, {
+                              class: "pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10",
+                              placeholder: "Find country..."
+                            }),
+                            o("span", Ue, [
+                              n(e(ce), { class: "size-4 text-muted-foreground" })
+                            ])
+                          ]),
+                          n(C, null, {
+                            default: s(() => [...a[2] || (a[2] = [
+                              v(" No countries found. ", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          n(M, { class: "max-h-72 overflow-y-scroll" }, {
+                            default: s(() => [
+                              (d(!0), b(X, null, H(e(j), (y) => (d(), O(T, {
+                                key: y.cca2,
+                                value: y.cca2
+                              }, {
+                                default: s(() => [
+                                  v(_(y.flag) + " ", 1),
+                                  o("span", Fe, _(y.name.common), 1),
+                                  n(I, null, {
+                                    default: s(() => [
+                                      n(e(ue), { class: "size-4" })
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 2
+                              }, 1032, ["value"]))), 128))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  e(x).countries ? (d(), b("p", je, _(e(x).countries), 1)) : f("", !0)
+                ])
+              ]),
+              e(l)?.length > 0 ? (d(), b("div", Ee, [
+                (d(!0), b(X, null, H(e(l), (y) => (d(), b("div", Pe, [
+                  o("div", Be, _(e(j).find((L) => L.cca2 === y)?.flag), 1),
+                  o("p", De, _(e(j).find((L) => L.cca2 === y)?.name.common), 1),
+                  n(g, {
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: (L) => l.value = e(l).filter((A) => A !== y),
+                    class: "hidden group-hover:flex ml-auto size-6"
+                  }, {
+                    default: s(() => [
+                      n(e(pe), { class: "size-3" })
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]))), 256))
+              ])) : f("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ge = { class: "flex items-center space-x-2" }, Ae = { class: "flex items-center space-x-2" }, Je = { class: "flex items-center space-x-2" }, qe = {
+  key: 0,
+  class: "flex gap-2 w-full mt-4"
+}, We = { class: "flex flex-col gap-4 w-full" }, Xe = { class: "flex flex-col gap-2" }, He = { class: "relative" }, Ke = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, Qe = { class: "flex flex-col gap-4 w-full" }, Ye = { class: "flex flex-col gap-2" }, Ze = { class: "relative" }, et = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, tt = {
+  key: 1,
+  class: "flex gap-2 w-full mt-4"
+}, ot = { class: "flex flex-col gap-4 w-full" }, nt = { class: "flex flex-col gap-2" }, st = { class: "relative" }, lt = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, it = { class: "flex flex-col gap-4 w-full" }, at = { class: "flex flex-col gap-2" }, dt = { class: "relative" }, rt = {
+  key: 0,
+  class: "text-red-500 text-sm mt-1"
+}, ct = /* @__PURE__ */ B({
+  __name: "Condition",
+  setup(P) {
+    const x = Q("isLoadingCompleted", R(!1)), { errors: l } = W(), { value: u } = S("condition"), { value: a } = S("condition_min"), { value: r } = S("condition_max");
+    return (g, t) => {
+      const m = i("RadioGroupItem"), h = i("Label"), C = i("RadioGroup"), I = i("Input"), T = i("CardContent"), M = i("Card");
+      return d(), O(M, null, {
+        default: s(() => [
+          n(T, { class: "flex flex-col gap-4" }, {
+            default: s(() => [
+              t[16] || (t[16] = o("h3", { class: "text-lg font-semibold mb-4" }, "Condition", -1)),
+              t[17] || (t[17] = o("p", null, " Specify when this option should be available ", -1)),
+              n(C, {
+                "default-value": "always",
+                modelValue: e(u),
+                "onUpdate:modelValue": t[0] || (t[0] = (w) => N(u) ? u.value = w : null),
+                class: te(["flex flex-col transition-all duration-300", { "opacity-0 pointer-events-none": !e(x) }])
+              }, {
+                default: s(() => [
+                  o("div", Ge, [
+                    n(m, {
+                      id: "always",
+                      value: "always"
+                    }),
+                    n(h, { for: "always" }, {
+                      default: s(() => [...t[5] || (t[5] = [
+                        v("Always", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  o("div", Ae, [
+                    n(m, {
+                      id: "weight_based",
+                      value: "weight_based"
+                    }),
+                    n(h, { for: "weight_based" }, {
+                      default: s(() => [...t[6] || (t[6] = [
+                        v("Weight based", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  o("div", Je, [
+                    n(m, {
+                      id: "price_based",
+                      value: "price_based"
+                    }),
+                    n(h, { for: "price_based" }, {
+                      default: s(() => [...t[7] || (t[7] = [
+                        v("Price based", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "class"]),
+              e(u) === "weight_based" ? (d(), b("div", qe, [
+                o("div", We, [
+                  o("div", Xe, [
+                    n(h, {
+                      for: "condition_min",
+                      class: "text-sm"
+                    }, {
+                      default: s(() => [...t[8] || (t[8] = [
+                        v("Minimum weight", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    o("div", He, [
+                      n(I, {
+                        type: "number",
+                        id: "condition_min",
+                        min: "0",
+                        placeholder: "0",
+                        modelValue: e(a),
+                        "onUpdate:modelValue": t[1] || (t[1] = (w) => N(a) ? a.value = w : null),
+                        class: "no-spinner pr-10"
+                      }, null, 8, ["modelValue"]),
+                      t[9] || (t[9] = o("span", { class: "absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground" }, "kg", -1))
+                    ]),
+                    e(l).condition_min ? (d(), b("p", Ke, _(e(l).condition_min), 1)) : f("", !0)
+                  ])
+                ]),
+                o("div", Qe, [
+                  o("div", Ye, [
+                    n(h, {
+                      for: "condition_max",
+                      class: "text-sm"
+                    }, {
+                      default: s(() => [...t[10] || (t[10] = [
+                        v("Maximum weight", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    o("div", Ze, [
+                      n(I, {
+                        type: "number",
+                        id: "condition_max",
+                        min: "0",
+                        placeholder: "No limit",
+                        modelValue: e(r),
+                        "onUpdate:modelValue": t[2] || (t[2] = (w) => N(r) ? r.value = w : null),
+                        class: "no-spinner pr-10"
+                      }, null, 8, ["modelValue"]),
+                      t[11] || (t[11] = o("span", { class: "absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground" }, "kg", -1))
+                    ]),
+                    e(l).condition_max ? (d(), b("p", et, _(e(l).condition_max), 1)) : f("", !0)
+                  ])
+                ])
+              ])) : e(u) === "price_based" ? (d(), b("div", tt, [
+                o("div", ot, [
+                  o("div", nt, [
+                    n(h, {
+                      for: "condition_min",
+                      class: "text-sm"
+                    }, {
+                      default: s(() => [...t[12] || (t[12] = [
+                        v("Minimum price", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    o("div", st, [
+                      n(I, {
+                        type: "number",
+                        id: "condition_min",
+                        min: "0",
+                        placeholder: "0, 00",
+                        modelValue: e(a),
+                        "onUpdate:modelValue": t[3] || (t[3] = (w) => N(a) ? a.value = w : null),
+                        class: "no-spinner pl-8"
+                      }, null, 8, ["modelValue"]),
+                      t[13] || (t[13] = o("span", { class: "absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground" }, "€", -1))
+                    ]),
+                    e(l).condition_min ? (d(), b("p", lt, _(e(l).condition_min), 1)) : f("", !0)
+                  ])
+                ]),
+                o("div", it, [
+                  o("div", at, [
+                    n(h, {
+                      for: "condition_max",
+                      class: "text-sm"
+                    }, {
+                      default: s(() => [...t[14] || (t[14] = [
+                        v("Maximum price", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    o("div", dt, [
+                      n(I, {
+                        type: "number",
+                        id: "condition_max",
+                        min: "0",
+                        placeholder: "No limit",
+                        modelValue: e(r),
+                        "onUpdate:modelValue": t[4] || (t[4] = (w) => N(r) ? r.value = w : null),
+                        class: "no-spinner pl-8"
+                      }, null, 8, ["modelValue"]),
+                      t[15] || (t[15] = o("span", { class: "absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground" }, "€", -1))
+                    ]),
+                    e(l).condition_max ? (d(), b("p", rt, _(e(l).condition_max), 1)) : f("", !0)
+                  ])
+                ])
+              ])) : f("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ut = { class: "flex gap-2 rounded-lg p-2 bg-white text-black overflow-hidden shadow border" }, pt = { class: "w-full overflow-hidden" }, mt = { class: "truncate" }, ft = {
+  key: 0,
+  class: "text-sm text-muted-foreground"
+}, _t = { class: "ml-auto shrink-0" }, xt = { class: "font-bold" }, vt = /* @__PURE__ */ B({
+  __name: "Example",
+  setup(P) {
+    const { value: x } = S("title"), { value: l } = S("description"), { value: u } = S("price");
+    return (a, r) => {
+      const g = i("CardContent"), t = i("Card");
+      return d(), O(t, null, {
+        default: s(() => [
+          n(g, null, {
+            default: s(() => [
+              r[1] || (r[1] = o("p", { class: "text-md font-semibold mb-2" }, "Example", -1)),
+              o("div", ut, [
+                r[0] || (r[0] = o("div", { class: "pt-1 shrink-0" }, [
+                  o("div", { class: "size-4 rounded-full bg-primary flex items-center justify-center" }, [
+                    o("div", { class: "size-2 rounded-full bg-white" })
+                  ])
+                ], -1)),
+                o("div", pt, [
+                  o("p", mt, _(e(x) || "Option Name"), 1),
+                  e(l) ? (d(), b("p", ft, _(e(l)), 1)) : f("", !0)
+                ]),
+                o("div", _t, [
+                  o("p", xt, _(e(u) ? "€" + e(u).toFixed(2) : "FREE"), 1)
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), bt = { class: "relative @container" }, gt = { class: "flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6" }, ht = { class: "flex items-center" }, Ct = { class: "text-lg font-semibold mx-2" }, wt = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, yt = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, kt = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, $t = {
+  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)]"
+}, Ot = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, zt = /* @__PURE__ */ B({
+  __name: "Detail",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(P) {
+    const x = P, { hasPermission: l, hasAnyPermission: u } = xe(), { params: a, navigateTo: r } = ve(), { confirm: g } = be(), t = ge(x.config.project), m = oe(() => !a.value.optionId || a.value.optionId === "new"), h = R(!1), C = R(!1), I = le(ie({
+      id: F().optional(),
+      status: F().optional(),
+      title: F().min(1, "Title is required"),
+      description: F().optional(),
+      price: J(
+        (p) => p === "" ? void 0 : p,
+        q.number().positive("Must be positive").optional()
+      ),
+      countries: ae(F()).optional(),
+      condition: F(),
+      condition_min: J(
+        (p) => p === "" ? void 0 : p,
+        q.number().positive("Must be positive").optional()
+      ),
+      condition_max: J(
+        (p) => p === "" ? void 0 : p,
+        q.number().positive("Must be positive").optional()
+      )
+    })), { handleSubmit: T, errors: M, values: w, setValues: G } = de({
+      validationSchema: I,
+      initialValues: {
+        status: "published",
+        countries: [],
+        condition: "always"
+      }
+    });
+    he(() => [
+      { text: w.title ?? "New Option" }
+    ]);
+    const D = T(async (p) => {
+      C.value = !0;
+      let c = await z() || [];
+      if (m.value) {
+        let k = JSON.parse(JSON.stringify(p));
+        k.id = crypto.randomUUID();
+        const V = [...c, k], $ = x.config.shippingOptionsCollection.split(":");
+        await t.update($[0], null, { [$[1]]: V }), r(k.id), E.success("Shipping option created");
+      } else {
+        let k = JSON.parse(JSON.stringify(p));
+        const V = c.map((U) => U.id === a.value.optionId ? k : U), $ = x.config.shippingOptionsCollection.split(":");
+        await t.update($[0], null, { [$[1]]: V }), r(`${a.value.optionId}`), E.success("Shipping option updated");
+      }
+      C.value = !1;
+    }), z = async () => {
+      if (!x.config.shippingOptionsCollection) return [];
+      const p = x.config.shippingOptionsCollection.split(":");
+      return p.length !== 2 ? [] : (await t.get(p[0]))?.[p[1]] || [];
+    }, y = async () => {
+      const c = (await z()).find((k) => k.id === a.value.optionId);
+      G(c), h.value = !0;
+    }, L = async () => {
+      try {
+        let c = { ...[...await z() || []].find((U) => U.id === a.value.optionId) };
+        c.id = crypto.randomUUID(), c.status = "published", c.title = c.title + " (copy)";
+        const V = [...await z() || [], c], $ = x.config.shippingOptionsCollection.split(":");
+        await t.update($[0], null, { [$[1]]: V }), r(c.id), E.success("Option duplicated");
+      } catch {
+        E.error("Failed to duplicate option");
+      }
+    }, A = async () => {
+      if (await g("Are you sure you want to delete this option?"))
+        try {
+          const c = await z() || [];
+          if (c.length === 0 || !a.value.optionId) throw new Error("Error loading values");
+          const k = c.filter(($) => $.id !== a.value.optionId), V = x.config.shippingOptionsCollection.split(":");
+          await t.update(V[0], null, { [V[1]]: k }), r(""), E.success("Option deleted");
+        } catch {
+          E.error("Failed to delete option");
+        }
+    };
+    return ne(() => {
+      m.value ? h.value = !0 : y();
+    }), se("isLoadingCompleted", h), (p, c) => {
+      const k = i("Button"), V = i("MenubarTrigger"), $ = i("MenubarMenu"), U = i("MenubarItem"), Y = i("MenubarContent"), Z = i("Menubar");
+      return d(), b("div", bt, [
+        o("div", gt, [
+          o("div", ht, [
+            n(k, {
+              variant: "ghost",
+              onClick: c[0] || (c[0] = (Vt) => e(r)(""))
+            }, {
+              default: s(() => [
+                n(e(me), { class: "size-4" })
+              ]),
+              _: 1
+            }),
+            n(e(fe), { class: "size-3" }),
+            o("h1", Ct, _(m.value ? "New Option" : e(w).title), 1)
+          ]),
+          m.value ? f("", !0) : (d(), O(Z, {
+            key: 0,
+            class: "bg-sidebar"
+          }, {
+            default: s(() => [
+              e(l)("create-collection") ? (d(), O($, { key: 0 }, {
+                default: s(() => [
+                  n(V, { onClick: L }, {
+                    default: s(() => [...c[1] || (c[1] = [
+                      v("Duplicate", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : f("", !0),
+              e(u)("edit-collection", "delete-option") ? (d(), O($, { key: 1 }, {
+                default: s(() => [
+                  n(V, null, {
+                    default: s(() => [...c[2] || (c[2] = [
+                      v("More actions", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(Y, null, {
+                    default: s(() => [
+                      e(l)("delete-option") ? (d(), O(U, {
+                        key: 0,
+                        variant: "destructive",
+                        onClick: A
+                      }, {
+                        default: s(() => [
+                          n(e(_e), { class: "size-4" }),
+                          c[3] || (c[3] = v(" Delete option ", -1))
+                        ]),
+                        _: 1
+                      })) : f("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : f("", !0)
+            ]),
+            _: 1
+          }))
+        ]),
+        o("div", wt, [
+          o("div", yt, [
+            n(Se),
+            n(Re),
+            n(ct)
+          ]),
+          o("div", kt, [
+            n(vt)
+          ])
+        ]),
+        e(u)("create-option", "edit-option") ? (d(), b("div", $t, [
+          o("div", Ot, [
+            m.value && e(l)("create-option") ? (d(), O(k, {
+              key: 0,
+              onClick: e(D),
+              disabled: C.value
+            }, {
+              default: s(() => [
+                C.value ? (d(), O(e(K), {
+                  key: 0,
+                  class: "size-4 animate-spin"
+                })) : f("", !0),
+                v(" " + _(C.value ? "Creating" : "Create") + " New Option ", 1)
+              ]),
+              _: 1
+            }, 8, ["onClick", "disabled"])) : e(l)("edit-option") ? (d(), O(k, {
+              key: 1,
+              onClick: e(D),
+              disabled: C.value
+            }, {
+              default: s(() => [
+                C.value ? (d(), O(e(K), {
+                  key: 0,
+                  class: "size-4 animate-spin"
+                })) : f("", !0),
+                v(" " + _(C.value ? "Saving" : "Save") + " Changes ", 1)
+              ]),
+              _: 1
+            }, 8, ["onClick", "disabled"])) : f("", !0)
+          ])
+        ])) : f("", !0)
+      ]);
+    };
+  }
+});
+export {
+  zt as default
+};

package/dist/Detail-mvSGbnFU.js

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

package/dist/DeviceBreakdownCard-DRhQ9ufG.js

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