@oneclick.dev/cms-core-modules 0.0.53 → 0.0.54

package/dist/Detail-CwagT6gQ.mjs

@@ -0,0 +1,650 @@
+import { defineComponent as B, inject as Q, ref as R, resolveComponent as a, createBlock as O, openBlock as d, withCtx as s, createVNode as n, createElementVNode as o, createElementBlock as b, createCommentVNode as f, createTextVNode as v, unref as e, isRef as N, toDisplayString as _, watch as ee, Fragment as X, renderList as H, normalizeClass as te, computed as oe, onMounted as ne, provide as se } from "vue";
+import { u as W, a as S, t as le, o as ie, p as J, s as F, b as ae, e as q, f as de } from "./vee-validate-zod-IXkfh-6Q.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: p } = S("title"), { value: i } = S("description"), { value: r } = S("price");
+    return (g, t) => {
+      const m = a("Label"), h = a("Input"), C = a("Textarea"), I = a("CardContent"), z = a("Card");
+      return d(), O(z, 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(p),
+                    "onUpdate:modelValue": t[0] || (t[0] = (M) => N(p) ? p.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(i),
+                    "onUpdate:modelValue": t[1] || (t[1] = (M) => N(i) ? i.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, (p) => {
+      let i = p?.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 < p.length; g++)
+        if (p[g] !== l.value[g]) {
+          r = !1;
+          break;
+        }
+      r || (l.value = i);
+    }), (p, i) => {
+      const r = a("Label"), g = a("Button"), t = a("ComboboxTrigger"), m = a("ComboboxAnchor"), h = a("ComboboxInput"), C = a("ComboboxEmpty"), I = a("ComboboxItemIndicator"), z = a("ComboboxItem"), M = a("ComboboxGroup"), w = a("ComboboxList"), G = a("Combobox"), D = a("CardContent"), U = a("Card");
+      return d(), O(U, null, {
+        default: s(() => [
+          n(D, { class: "flex flex-col gap-4" }, {
+            default: s(() => [
+              i[3] || (i[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(() => [...i[1] || (i[1] = [
+                      v("For which countries should this option be available?", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  n(G, {
+                    modelValue: e(l),
+                    "onUpdate:modelValue": i[0] || (i[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(() => [...i[2] || (i[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(z, {
+                                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: p } = S("condition"), { value: i } = S("condition_min"), { value: r } = S("condition_max");
+    return (g, t) => {
+      const m = a("RadioGroupItem"), h = a("Label"), C = a("RadioGroup"), I = a("Input"), z = a("CardContent"), M = a("Card");
+      return d(), O(M, null, {
+        default: s(() => [
+          n(z, { 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(p),
+                "onUpdate:modelValue": t[0] || (t[0] = (w) => N(p) ? p.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(p) === "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(i),
+                        "onUpdate:modelValue": t[1] || (t[1] = (w) => N(i) ? i.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(p) === "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(i),
+                        "onUpdate:modelValue": t[3] || (t[3] = (w) => N(i) ? i.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: p } = S("price");
+    return (i, r) => {
+      const g = a("CardContent"), t = a("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(p) ? "€" + e(p).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: p } = xe(), { params: i, navigateTo: r } = ve(), { confirm: g } = be(), t = ge(x.config.project), m = oe(() => !i.value.optionId || i.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(
+        (u) => u === "" ? void 0 : u,
+        q.number().positive("Must be positive").optional()
+      ),
+      countries: ae(F()).optional(),
+      condition: F(),
+      condition_min: J(
+        (u) => u === "" ? void 0 : u,
+        q.number().positive("Must be positive").optional()
+      ),
+      condition_max: J(
+        (u) => u === "" ? void 0 : u,
+        q.number().positive("Must be positive").optional()
+      )
+    })), { handleSubmit: z, errors: M, values: w, setValues: G } = de({
+      validationSchema: I,
+      initialValues: {
+        status: "published",
+        countries: [],
+        condition: "always"
+      }
+    });
+    he(() => [
+      { text: w.title ?? "New Option" }
+    ]);
+    const D = z(async (u) => {
+      C.value = !0;
+      let c = await U() || [];
+      if (m.value) {
+        let k = JSON.parse(JSON.stringify(u));
+        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(u));
+        const V = c.map((T) => T.id === i.value.optionId ? k : T), $ = x.config.shippingOptionsCollection.split(":");
+        await t.update($[0], null, { [$[1]]: V }), r(`${i.value.optionId}`), E.success("Shipping option updated");
+      }
+      C.value = !1;
+    }), U = async () => {
+      if (!x.config.shippingOptionsCollection) return [];
+      const u = x.config.shippingOptionsCollection.split(":");
+      return u.length !== 2 ? [] : (await t.get(u[0]))?.[u[1]] || [];
+    }, y = async () => {
+      const c = (await U()).find((k) => k.id === i.value.optionId);
+      G(c), h.value = !0;
+    }, L = async () => {
+      try {
+        const u = await U();
+        let c = { ...[...u || []].find((T) => T.id === i.value.optionId) };
+        console.log(u, i.value.optionId, u.find((T) => T.id === i.value.optionId)), c.id = crypto.randomUUID(), c.status = "published", c.title = c.title + " (copy)";
+        const V = [...await U() || [], 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 U() || [];
+          if (c.length === 0 || !i.value.optionId) throw new Error("Error loading values");
+          const k = c.filter(($) => $.id !== i.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), (u, c) => {
+      const k = a("Button"), V = a("MenubarTrigger"), $ = a("MenubarMenu"), T = a("MenubarItem"), Y = a("MenubarContent"), Z = a("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(p)("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(T, {
+                        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(p)("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-DUo6qKqO.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),B=require("./utils-D6CaKJbp.js"),d=require("@oneclick.dev/cms-kit"),u=require("./CalendarDate-CWtpXgpD.js"),G=require("./DateFormatter-BbcSwTs4.js"),O={class:"relative @container"},R={key:0,class:"max-w-5xl mx-auto mt-4"},W={class:"flex flex-row gap-4 justify-between mb-6"},Z={class:"flex items-center"},K={class:"text-lg font-semibold mx-2 uppercase"},Y={key:0,class:"bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"},H={key:1,class:"bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs"},J={class:"font-medium mb-2 uppercase"},Q={class:"mb-6"},X={key:0},ee={key:1},te={key:2},oe={class:"flex flex-wrap gap-12 mb-6"},le={key:0,class:"grid gap-2"},ae={class:"flex items-center gap-2"},ne={key:0,class:"text-lg"},se={key:1,class:"text-lg"},re={key:1,class:"grid gap-2"},de={class:"flex items-center space-x-2"},ue={class:"flex gap-4 mb-6"},ie={class:"flex flex-col"},ce={key:0,class:"-ml-2"},me={key:1,class:"text-xs text-muted-foreground mt-2"},pe={class:"flex flex-col"},ve={key:0,class:"-ml-2"},fe={key:1,class:"text-xs text-muted-foreground mt-2"},xe={class:"flex justify-end gap-2 mt-6"},Ve=e.defineComponent({__name:"Detail",props:{config:{type:Object,required:!0}},async setup(E){let i,x;const m=E,{log:Ce,logWarning:Ne,logError:ge}=d.useLogs(),{params:V,navigateTo:C}=d.useModuleRoute(),{getModuleData:S}=d.useModuleStorage(),{confirm:T}=useConfirmation(),p=e.ref([]);p.value=([i,x]=e.withAsyncContext(()=>S("promo-types")),i=await i,x(),i||[]);const N=d.useFirebaseIntegration(m.config.project),o=e.ref(null),v=e.ref(!1),a=e.computed(()=>(o.value?.usageCount??0)>0),s=e.computed(()=>p.value.find(f=>f.key===o.value?.type)||null);d.useModuleBreadcrumbs(()=>[{text:"Promo codes list",href:o.value?.code?"/promo-codes":""},{text:o.value?.code||""}]);const g=new G.$fb18d541ea1ad717$export$ad991b66133851cf("en-US",{dateStyle:"long"}),A=async()=>{o.value=await N.get(m.config.promoCodeCollection,V.value.promoCodeId),o.value.startsAt=u.$fae977aafc393c5c$export$588937bcd60ade55(o.value?.startsAt?.replace(/\.\d{3}Z$/,"")),o.value.expiresAt=u.$fae977aafc393c5c$export$588937bcd60ade55(o.value?.expiresAt?.replace(/\.\d{3}Z$/,""))},$=async()=>{await T(`Are you sure you want to delete the code "${o.value?.code}"?`)&&(await N.remove(m.config.promoCodeCollection,V.value.promoCodeId),C("/promo-codes"))};return A(),(f,t)=>{const r=e.resolveComponent("Button"),n=e.resolveComponent("Label"),k=e.resolveComponent("Input"),h=e.resolveComponent("SelectValue"),U=e.resolveComponent("SelectTrigger"),D=e.resolveComponent("SelectItem"),P=e.resolveComponent("SelectGroup"),I=e.resolveComponent("SelectContent"),L=e.resolveComponent("Select"),j=e.resolveComponent("Switch"),_=e.resolveComponent("PopoverTrigger"),b=e.resolveComponent("Calendar"),y=e.resolveComponent("PopoverContent"),w=e.resolveComponent("Popover"),q=e.resolveComponent("Textarea"),z=e.resolveComponent("Loader2"),M=e.resolveComponent("CardContent"),F=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("div",O,[o.value?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",W,[e.createElementVNode("div",Z,[e.createVNode(r,{variant:"ghost",onClick:t[0]||(t[0]=l=>e.unref(C)("/promo-codes"))},{default:e.withCtx(()=>[e.createVNode(e.unref(c.Tag),{class:"size-4"})]),_:1}),e.createVNode(e.unref(c.ChevronRight),{class:"size-3"}),e.createElementVNode("h1",K,e.toDisplayString(o.value.code),1),o.value.expiresAt>new Date?(e.openBlock(),e.createElementBlock("span",Y,"Active")):(e.openBlock(),e.createElementBlock("span",H,"Expired"))])]),e.createVNode(F,null,{default:e.withCtx(()=>[e.createVNode(M,null,{default:e.withCtx(()=>[e.createElementVNode("h3",J,e.toDisplayString(o.value.code),1),e.createElementVNode("p",Q,[t[14]||(t[14]=e.createTextVNode(" This promo code has been created on ",-1)),e.createElementVNode("strong",null,e.toDisplayString(new Date(o.value.createdAt).toLocaleString()),1),t[15]||(t[15]=e.createTextVNode(".",-1)),t[16]||(t[16]=e.createElementVNode("br",null,null,-1)),o.value.usageCount===1?(e.openBlock(),e.createElementBlock("span",X,[...t[11]||(t[11]=[e.createTextVNode("It has been used ",-1),e.createElementVNode("strong",null,"1 time",-1),e.createTextVNode(", so you can't edit it.",-1)])])):o.value.usageCount>1?(e.openBlock(),e.createElementBlock("span",ee,[t[12]||(t[12]=e.createTextVNode("It has been used ",-1)),e.createElementVNode("strong",null,e.toDisplayString(o.value.usageCount)+" times",1),t[13]||(t[13]=e.createTextVNode(", so you can't edit it.",-1))])):(e.openBlock(),e.createElementBlock("span",te,"It has not been used yet."))]),e.createVNode(n,{for:"code",class:"text-muted-foreground mb-2"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode("Promo Code",-1)])]),_:1}),e.createVNode(k,{id:"code",modelValue:o.value.code,"onUpdate:modelValue":t[1]||(t[1]=l=>o.value.code=l),disabled:a.value,class:"mb-6 uppercase"},null,8,["modelValue","disabled"]),e.createElementVNode("div",null,[t[27]||(t[27]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Value",-1)),e.createVNode(L,{modelValue:o.value.type,"onUpdate:modelValue":t[2]||(t[2]=l=>o.value.type=l)},{default:e.withCtx(()=>[e.createVNode(U,{class:"w-[200px] mb-4",disabled:a.value},{default:e.withCtx(()=>[e.createVNode(h,{placeholder:"Select a promo type"})]),_:1},8,["disabled"]),e.createVNode(I,null,{default:e.withCtx(()=>[e.createVNode(P,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,l=>(e.openBlock(),e.createBlock(D,{key:l.key,value:l.key},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1},8,["modelValue"]),e.createElementVNode("div",oe,[s.value?.hasValueField?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(n,{for:"discountValue",class:"text-muted-foreground"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?.valueLabel||"Value"),1)]),_:1}),e.createElementVNode("div",ae,[s.value?.valuePrefix?(e.openBlock(),e.createElementBlock("span",ne,e.toDisplayString(s.value?.valuePrefix),1)):e.createCommentVNode("",!0),e.createVNode(k,{modelValue:o.value.value,"onUpdate:modelValue":t[3]||(t[3]=l=>o.value.value=l),id:"discountValue",disabled:a.value},null,8,["modelValue","disabled"]),s.value?.valueSuffix?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(s.value?.valueSuffix),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),s.value?.allowUnlimitedUses?(e.openBlock(),e.createElementBlock("div",re,[e.createVNode(n,{for:"unlimitedUses",class:"text-muted-foreground"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode("Unlimited Uses",-1)])]),_:1}),e.createElementVNode("div",de,[e.createVNode(j,{id:"unlimitedUses",modelValue:o.value.unlimitedUses,"onUpdate:modelValue":t[4]||(t[4]=l=>o.value.unlimitedUses=l),disabled:a.value},null,8,["modelValue","disabled"]),e.createVNode(n,{for:"unlimitedUses"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value.unlimitedUses?"Yes":"No"),1)]),_:1})])])):e.createCommentVNode("",!0)]),t[28]||(t[28]=e.createElementVNode("h3",{class:"font-medium"},"Availability",-1)),t[29]||(t[29]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mb-4"},"When will this code be available?",-1)),e.createElementVNode("div",ue,[e.createElementVNode("div",ie,[e.createVNode(n,{class:"text-muted-foreground mb-2"},{default:e.withCtx(()=>[...t[19]||(t[19]=[e.createTextVNode("Available from",-1)])]),_:1}),e.createVNode(w,null,{default:e.withCtx(()=>[e.createVNode(_,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(r,{variant:"outline",class:e.normalizeClass(e.unref(B.classNames)("w-[280px] justify-start text-left font-normal",!o.value.startsAt&&"text-muted-foreground")),disabled:a.value},{default:e.withCtx(()=>[e.createVNode(e.unref(c.CalendarIcon),{class:"mr-2 h-4 w-4"}),e.createTextVNode(" "+e.toDisplayString(o.value.startsAt?e.unref(g).format(o.value.startsAt.toDate(e.unref(u.$14e0f24ef4ac5c92$export$aa8b41735afcabd2)())):"Pick a date"),1)]),_:1},8,["class","disabled"])]),_:1}),e.createVNode(y,{class:"w-auto p-0"},{default:e.withCtx(()=>[e.createVNode(b,{modelValue:o.value.startsAt,"onUpdate:modelValue":t[5]||(t[5]=l=>o.value.startsAt=l),"initial-focus":"",minValue:e.unref(u.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3)()},null,8,["modelValue","minValue"])]),_:1})]),_:1}),o.value.startsAt?(e.openBlock(),e.createElementBlock("div",ce,[a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,{key:0,onClick:t[6]||(t[6]=l=>o.value.startsAt=void 0),variant:"link"},{default:e.withCtx(()=>[...t[20]||(t[20]=[e.createTextVNode("Clear",-1)])]),_:1}))])):(e.openBlock(),e.createElementBlock("p",me,"Not set - codes will be available immediately"))]),e.createElementVNode("div",pe,[e.createVNode(n,{class:"text-muted-foreground mb-2"},{default:e.withCtx(()=>[...t[21]||(t[21]=[e.createTextVNode("Until",-1)])]),_:1}),e.createVNode(w,null,{default:e.withCtx(()=>[e.createVNode(_,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(r,{variant:"outline",class:e.normalizeClass(e.unref(B.classNames)("w-[280px] justify-start text-left font-normal",!o.value.expiresAt&&"text-muted-foreground")),disabled:a.value},{default:e.withCtx(()=>[e.createVNode(e.unref(c.CalendarIcon),{class:"mr-2 h-4 w-4"}),e.createTextVNode(" "+e.toDisplayString(o.value.expiresAt?e.unref(g).format(o.value.expiresAt.toDate(e.unref(u.$14e0f24ef4ac5c92$export$aa8b41735afcabd2)())):"Pick a date"),1)]),_:1},8,["class","disabled"])]),_:1}),e.createVNode(y,{class:"w-auto p-0"},{default:e.withCtx(()=>[e.createVNode(b,{modelValue:o.value.expiresAt,"onUpdate:modelValue":t[7]||(t[7]=l=>o.value.expiresAt=l),"initial-focus":"",minValue:o.value.startsAt},null,8,["modelValue","minValue"])]),_:1})]),_:1}),o.value.expiresAt?(e.openBlock(),e.createElementBlock("div",ve,[a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,{key:0,onClick:t[8]||(t[8]=l=>o.value.expiresAt=void 0),variant:"link"},{default:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode("Clear",-1)])]),_:1}))])):(e.openBlock(),e.createElementBlock("p",fe,"Not set - codes will never expire"))])]),e.createVNode(n,{for:"note",class:"text-lg font-medium"},{default:e.withCtx(()=>[...t[23]||(t[23]=[e.createTextVNode("Note",-1)])]),_:1}),e.createVNode(n,{for:"note",class:"font-normal text-sm text-muted-foreground mb-2"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode("Internal note, you can always edit this later",-1)])]),_:1}),e.createVNode(q,{modelValue:o.value.note,"onUpdate:modelValue":t[9]||(t[9]=l=>o.value.note=l),id:"note"},null,8,["modelValue"]),e.createElementVNode("div",xe,[e.createVNode(r,{variant:"destructive",onClick:t[10]||(t[10]=l=>$()),disabled:v.value},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" Delete Code ",-1)])]),_:1},8,["disabled"]),e.createVNode(r,{disabled:v.value},{default:e.withCtx(()=>[v.value?(e.openBlock(),e.createBlock(z,{key:0,class:"size-4 animate-spin"})):e.createCommentVNode("",!0),t[26]||(t[26]=e.createTextVNode(" Update Code ",-1))]),_:1},8,["disabled"])])])]),_:1})]),_:1}),e.createTextVNode(" "+e.toDisplayString(o.value),1)])):e.createCommentVNode("",!0)])}}});exports.default=Ve;