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

package/dist/Find-BPR0uU-Z.mjs

@@ -0,0 +1,229 @@
+import { defineComponent as Y, ref as y, withAsyncContext as M, watch as $, onMounted as O, resolveComponent as s, createElementBlock as j, openBlock as d, createElementVNode as c, createVNode as t, unref as v, withCtx as l, createTextVNode as o, createBlock as g, createCommentVNode as T, toDisplayString as r, Fragment as Q, renderList as h } from "vue";
+import { useModulePermissions as G, useModuleRoute as J, useModuleStorage as K, useModuleBreadcrumbs as W, useFirebaseIntegration as X, useRoute as Z, useRouter as ee } from "@oneclick.dev/cms-kit";
+import { Plus as te, Search as le, Loader2 as ne, Pencil as oe } from "lucide-vue-next";
+import { u as se } from "./index-_mG-aU3Z.mjs";
+const ae = { class: "relative" }, ue = {
+  ref: "container",
+  class: "w-full max-w-5xl mx-auto"
+}, ie = { class: "flex justify-between items-center mb-4" }, re = { class: "relative w-full max-w-sm items-center" }, de = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-2 pointer-events-none" }, ce = { class: "absolute end-0 inset-y-0 flex items-center justify-center px-2 pointer-events-none" }, ye = /* @__PURE__ */ Y({
+  __name: "Find",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  async setup(z) {
+    let a, b;
+    const x = z, { hasPermission: fe } = G(), { navigateTo: B } = J(), { getModuleData: F } = K();
+    W(() => [
+      { text: "Promo codes list" }
+    ]);
+    const w = y([]);
+    w.value = ([a, b] = M(() => F("promo-types")), a = await a, b(), a || []);
+    const _ = y([]), k = X(x.config.project);
+    _.value = ([a, b] = M(() => k.find(x.config.promoCodeCollection)), a = await a, b(), a);
+    const N = Z(), R = ee(), u = y(N.query.q || ""), C = y(""), S = y(!1), P = se(async () => {
+      S.value = !0;
+      let i = u.value.trim().toUpperCase();
+      i.length === 0 ? _.value = await k.find(x.config.promoCodeCollection) : _.value = await k.find(x.config.promoCodeCollection, {
+        filters: [
+          {
+            field: "code",
+            operator: ">=",
+            value: i
+          },
+          {
+            field: "code",
+            operator: "<",
+            value: i.slice(0, -1) + String.fromCharCode(i.slice(-1).charCodeAt(0) + 1)
+          }
+        ]
+      }), C.value = u.value, S.value = !1;
+    }, 600);
+    $(u, async () => {
+      await P(), R.replace({
+        query: {
+          ...N.query,
+          q: u.value.trim() ? u.value.trim() : void 0
+          // remove param when empty
+        }
+      });
+    });
+    const D = (i) => {
+      const e = /* @__PURE__ */ new Date();
+      return i.expiresAt > e && i.startsAt < e;
+    };
+    return O(async () => {
+      u.value.trim() && await P();
+    }), (i, e) => {
+      const V = s("Button"), H = s("Input"), q = s("TableCaption"), f = s("TableHead"), A = s("TableRow"), E = s("TableHeader"), m = s("TableCell"), I = s("TableBody"), L = s("Table"), U = s("Card");
+      return d(), j("div", ae, [
+        c("div", ue, [
+          c("div", ie, [
+            e[3] || (e[3] = c("h1", { class: "text-2xl font-bold" }, "Find Promo Codes", -1)),
+            t(V, {
+              onClick: e[0] || (e[0] = (n) => v(B)("")),
+              variant: "outline"
+            }, {
+              default: l(() => [
+                t(v(te), { class: "size-4" }),
+                e[2] || (e[2] = o(" Create New Promo Code ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          t(U, { class: "p-4" }, {
+            default: l(() => [
+              c("div", re, [
+                t(H, {
+                  id: "search",
+                  type: "text",
+                  placeholder: "Search...",
+                  modelValue: u.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (n) => u.value = n),
+                  class: "px-8"
+                }, null, 8, ["modelValue"]),
+                c("span", de, [
+                  t(v(le), { class: "size-4 text-muted-foreground" })
+                ]),
+                c("span", ce, [
+                  S.value ? (d(), g(v(ne), {
+                    key: 0,
+                    class: "size-4 text-muted-foreground animate-spin"
+                  })) : T("", !0)
+                ])
+              ]),
+              t(L, null, {
+                default: l(() => [
+                  C.value ? T("", !0) : (d(), g(q, { key: 0 }, {
+                    default: l(() => [...e[4] || (e[4] = [
+                      o("A list of your most recent promo codes.", -1)
+                    ])]),
+                    _: 1
+                  })),
+                  C.value ? (d(), g(q, { key: 1 }, {
+                    default: l(() => [
+                      e[5] || (e[5] = o("A list of your promo codes starting with ", -1)),
+                      c("strong", null, '"' + r(C.value) + '"', 1),
+                      e[6] || (e[6] = o(".", -1))
+                    ]),
+                    _: 1
+                  })) : T("", !0),
+                  t(E, null, {
+                    default: l(() => [
+                      t(A, null, {
+                        default: l(() => [
+                          t(f, null, {
+                            default: l(() => [...e[7] || (e[7] = [
+                              o("Code", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, null, {
+                            default: l(() => [...e[8] || (e[8] = [
+                              o("Type", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, null, {
+                            default: l(() => [...e[9] || (e[9] = [
+                              o("Value", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, null, {
+                            default: l(() => [...e[10] || (e[10] = [
+                              o("Used", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, null, {
+                            default: l(() => [...e[11] || (e[11] = [
+                              o("Still eligible", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, null, {
+                            default: l(() => [...e[12] || (e[12] = [
+                              o("Action", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  _.value?.length > 0 ? (d(), g(I, { key: 2 }, {
+                    default: l(() => [
+                      (d(!0), j(Q, null, h(_.value, (n) => (d(), g(A, {
+                        key: n.id
+                      }, {
+                        default: l(() => [
+                          t(m, { class: "font-medium uppercase" }, {
+                            default: l(() => [
+                              o(r(n.code), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(m, null, {
+                            default: l(() => [
+                              o(r(w.value.find((p) => p.key === n.type)?.label), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(m, null, {
+                            default: l(() => [
+                              o(r(w.value.find((p) => p.key === n.type)?.valuePrefix) + " " + r(n.value) + " " + r(w.value.find((p) => p.key === n.type)?.valueSuffix), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(m, null, {
+                            default: l(() => [
+                              o(r(n.usageLimit === 1 ? n.usageCount > 0 ? "Yes" : "No" : n.usageCount === 0 ? "No" : n.usageCount === 1 ? "1 time" : n.usageCount + " times"), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(m, null, {
+                            default: l(() => [
+                              o(r(D(n) ? "Yes" : "No"), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(m, null, {
+                            default: l(() => [
+                              t(V, {
+                                variant: "ghost",
+                                size: "icon",
+                                onClick: (p) => v(B)("/promo-codes/" + n.id)
+                              }, {
+                                default: l(() => [
+                                  t(v(oe), { class: "size-4" })
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 1
+                  })) : T("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ], 512)
+      ]);
+    };
+  }
+});
+export {
+  ye as default
+};

package/dist/Find-BidEQJxT.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("@oneclick.dev/cms-kit"),x=require("lucide-vue-next"),P=require("./index-DUeFrD-B.js"),A={class:"relative"},M={ref:"container",class:"w-full max-w-5xl mx-auto"},j={class:"flex justify-between items-center mb-4"},z={class:"relative w-full max-w-sm items-center"},F={class:"absolute start-0 inset-y-0 flex items-center justify-center px-2 pointer-events-none"},R={class:"absolute end-0 inset-y-0 flex items-center justify-center px-2 pointer-events-none"},H=e.defineComponent({__name:"Find",props:{config:{type:Object,required:!0}},async setup(T){let n,d;const f=T,{hasPermission:I}=r.useModulePermissions(),{navigateTo:N}=r.useModuleRoute(),{getModuleData:b}=r.useModuleStorage();r.useModuleBreadcrumbs(()=>[{text:"Promo codes list"}]);const m=e.ref([]);m.value=([n,d]=e.withAsyncContext(()=>b("promo-types")),n=await n,d(),n||[]);const c=e.ref([]),v=r.useFirebaseIntegration(f.config.project);c.value=([n,d]=e.withAsyncContext(()=>v.find(f.config.promoCodeCollection)),n=await n,d(),n);const V=r.useRoute(),k=r.useRouter(),l=e.ref(V.query.q||""),p=e.ref(""),C=e.ref(!1),y=P.useDebounceFn(async()=>{C.value=!0;let a=l.value.trim().toUpperCase();a.length===0?c.value=await v.find(f.config.promoCodeCollection):c.value=await v.find(f.config.promoCodeCollection,{filters:[{field:"code",operator:">=",value:a},{field:"code",operator:"<",value:a.slice(0,-1)+String.fromCharCode(a.slice(-1).charCodeAt(0)+1)}]}),p.value=l.value,C.value=!1},600);e.watch(l,async()=>{await y(),k.replace({query:{...V.query,q:l.value.trim()?l.value.trim():void 0}})});const h=a=>{const t=new Date;return a.expiresAt>t&&a.startsAt<t};return e.onMounted(async()=>{l.value.trim()&&await y()}),(a,t)=>{const w=e.resolveComponent("Button"),B=e.resolveComponent("Input"),_=e.resolveComponent("TableCaption"),s=e.resolveComponent("TableHead"),g=e.resolveComponent("TableRow"),S=e.resolveComponent("TableHeader"),i=e.resolveComponent("TableCell"),q=e.resolveComponent("TableBody"),D=e.resolveComponent("Table"),E=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",M,[e.createElementVNode("div",j,[t[3]||(t[3]=e.createElementVNode("h1",{class:"text-2xl font-bold"},"Find Promo Codes",-1)),e.createVNode(w,{onClick:t[0]||(t[0]=o=>e.unref(N)("")),variant:"outline"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.Plus),{class:"size-4"}),t[2]||(t[2]=e.createTextVNode(" Create New Promo Code ",-1))]),_:1})]),e.createVNode(E,{class:"p-4"},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(B,{id:"search",type:"text",placeholder:"Search...",modelValue:l.value,"onUpdate:modelValue":t[1]||(t[1]=o=>l.value=o),class:"px-8"},null,8,["modelValue"]),e.createElementVNode("span",F,[e.createVNode(e.unref(x.Search),{class:"size-4 text-muted-foreground"})]),e.createElementVNode("span",R,[C.value?(e.openBlock(),e.createBlock(e.unref(x.Loader2),{key:0,class:"size-4 text-muted-foreground animate-spin"})):e.createCommentVNode("",!0)])]),e.createVNode(D,null,{default:e.withCtx(()=>[p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_,{key:0},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("A list of your most recent promo codes.",-1)])]),_:1})),p.value?(e.openBlock(),e.createBlock(_,{key:1},{default:e.withCtx(()=>[t[5]||(t[5]=e.createTextVNode("A list of your promo codes starting with ",-1)),e.createElementVNode("strong",null,'"'+e.toDisplayString(p.value)+'"',1),t[6]||(t[6]=e.createTextVNode(".",-1))]),_:1})):e.createCommentVNode("",!0),e.createVNode(S,null,{default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[e.createVNode(s,null,{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("Code",-1)])]),_:1}),e.createVNode(s,null,{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("Type",-1)])]),_:1}),e.createVNode(s,null,{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("Value",-1)])]),_:1}),e.createVNode(s,null,{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode("Used",-1)])]),_:1}),e.createVNode(s,null,{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("Still eligible",-1)])]),_:1}),e.createVNode(s,null,{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Action",-1)])]),_:1})]),_:1})]),_:1}),c.value?.length>0?(e.openBlock(),e.createBlock(q,{key:2},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,o=>(e.openBlock(),e.createBlock(g,{key:o.id},{default:e.withCtx(()=>[e.createVNode(i,{class:"font-medium uppercase"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.code),1)]),_:2},1024),e.createVNode(i,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value.find(u=>u.key===o.type)?.label),1)]),_:2},1024),e.createVNode(i,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value.find(u=>u.key===o.type)?.valuePrefix)+" "+e.toDisplayString(o.value)+" "+e.toDisplayString(m.value.find(u=>u.key===o.type)?.valueSuffix),1)]),_:2},1024),e.createVNode(i,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.usageLimit===1?o.usageCount>0?"Yes":"No":o.usageCount===0?"No":o.usageCount===1?"1 time":o.usageCount+" times"),1)]),_:2},1024),e.createVNode(i,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h(o)?"Yes":"No"),1)]),_:2},1024),e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(w,{variant:"ghost",size:"icon",onClick:u=>e.unref(N)("/promo-codes/"+o.id)},{default:e.withCtx(()=>[e.createVNode(e.unref(x.Pencil),{class:"size-4"})]),_:1},8,["onClick"])]),_:2},1024)]),_:2},1024))),128))]),_:1})):e.createCommentVNode("",!0)]),_:1})]),_:1})],512)])}}});exports.default=H;