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

package/dist/Detail-BVlGSjOq.mjs

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

package/dist/Detail-C4E1T87K.mjs

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