@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.16-beta.11

package/dist/MemberOverview-wL_ailso.js

@@ -0,0 +1,58 @@
+import { defineComponent as c, resolveComponent as r, openBlock as s, createElementBlock as n, Fragment as a, createElementVNode as e, createVNode as v, withCtx as p, renderList as u, normalizeClass as y, toDisplayString as l, createCommentVNode as _ } from "vue";
+const b = { class: "bg-gradient-to-r from-orange-200 p-24 to-blue-200 via-pink-100 mx-[-24px]" }, g = { class: "grid grid-cols-6 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, x = { class: "fm-typo-body-md-400 fm-typo-en-body-md-400 mb-2 text-fm-color-typo-secondary" }, f = { class: "fm-typo-en-title-sm-800" }, w = /* @__PURE__ */ c({
+  __name: "MemberOverview",
+  setup(k) {
+    const m = [
+      {
+        key: "Total member",
+        value: 4
+      },
+      {
+        key: "New member",
+        value: 2
+      },
+      {
+        key: "Member average spend",
+        value: 100
+      },
+      {
+        key: "Average visit time",
+        value: 567
+      },
+      {
+        key: "Member growth",
+        value: "100%"
+      },
+      { key: "Inactive member", value: 0 }
+    ];
+    return (C, o) => {
+      const i = r("FmCard");
+      return r("FmButton"), s(), n(a, null, [
+        e("div", b, [
+          v(i, {
+            variant: "outlined",
+            class: "flex flex-col gap-16 p-16"
+          }, {
+            default: p(() => [
+              o[0] || (o[0] = e("div", { class: "fm-typo-en-body-lg-600" }, "Member overview", -1)),
+              e("div", g, [
+                (s(), n(a, null, u(m, (t, d) => e("div", {
+                  key: t.key,
+                  class: y(["px-8", { "xs:!border-r": d % 2 == 0 }])
+                }, [
+                  e("div", x, l(t.key), 1),
+                  e("div", f, l(t.value), 1)
+                ], 2)), 64))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  w as default
+};

package/dist/{MemberTransactions-CTAx5jIV.js → MemberTransactions-Bciankuu.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, ref as p, resolveComponent as _, openBlock as l, createElementBlock as d, createVNode as f, unref as e, createBlock as r, createCommentVNode as v } from "vue";
-import { _ as b, a as k } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-DS4APaHw.js";
+import { _ as b, a as k } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-BjnCRKGX.js";
 import { useRouter as x } from "vue-router";
 const C = { class: "flex flex-col gap-y-32 pb-24" }, N = /* @__PURE__ */ i({
   __name: "MemberTransactions",

package/dist/{MessageInput.vue_vue_type_script_setup_true_lang-C-BtHxSc.js → MessageInput.vue_vue_type_script_setup_true_lang-DH25Hfk3.js}

@@ -1,8 +1,8 @@
-import { defineComponent as M, shallowRef as R, openBlock as p, createElementBlock as w, normalizeStyle as O, ref as V, resolveComponent as g, createBlock as E, unref as s, isRef as N, withCtx as v, createVNode as h, createElementVNode as x, createCommentVNode as B, withDirectives as D, vShow as A, computed as q, onMounted as J, Fragment as U, createTextVNode as P, toDisplayString as z, renderList as G } from "vue";
-import { p as K } from "./loading-BzV5acUX.js";
-import { r as W } from "./index-BryrRq8O.js";
-import { _ as Z } from "./app-DkI7dYRN.js";
-import { _ as Q, S as X } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-DykNOOFD.js";
+import { defineComponent as M, shallowRef as R, openBlock as p, createElementBlock as _, normalizeStyle as O, ref as V, resolveComponent as g, createBlock as E, unref as s, isRef as N, withCtx as x, createVNode as h, createElementVNode as v, createCommentVNode as B, withDirectives as D, vShow as A, computed as q, onMounted as J, Fragment as U, createTextVNode as P, toDisplayString as z, renderList as G } from "vue";
+import { p as K } from "./loading-D_AN6p24.js";
+import { r as W } from "./index-DCixRRvz.js";
+import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as Q, S as X } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-CyGJxUol.js";
 import { c as Y } from "./object-qECH92oz.js";
 const ee = {
   "user.name": {
@@ -40,8 +40,8 @@ let H = !1;
 const ne = (e) => {
   const n = document.querySelectorAll("script");
   let a = !1;
-  return n.forEach((c) => {
-    c.src.includes(e) && (a = !0);
+  return n.forEach((u) => {
+    u.src.includes(e) && (a = !0);
   }), a;
 }, ae = (e) => {
   T.push(e);
@@ -136,14 +136,14 @@ const le = M({
     }
   }
 }), se = ["id"];
-function re(e, n, a, c, y, r) {
-  return p(), w("div", {
+function re(e, n, a, u, y, r) {
+  return p(), _("div", {
     id: e.id,
     class: "unlayer-editor",
     style: O({ minHeight: e.minHeight })
   }, null, 12, se);
 }
-const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94"]]), ce = { class: "h-full flex flex-col" }, ue = { class: "flex items-center gap-8" }, me = /* @__PURE__ */ M({
+const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94"]]), ue = { class: "h-full flex flex-col" }, ce = { class: "flex items-center gap-8" }, me = /* @__PURE__ */ M({
   __name: "EmailEditorSheet",
   props: {
     design: {
@@ -157,13 +157,13 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
   },
   emits: ["update:design"],
   setup(e, { expose: n, emit: a }) {
-    const c = V(!1), y = V(null), r = V(!1), b = e, f = V({
+    const u = V(!1), y = V(null), r = V(!1), b = e, f = V({
       html: "",
       design: b.design,
       title: b.title || ""
     });
     function o(l) {
-      c.value = l;
+      u.value = l;
     }
     const t = a;
     function m() {
@@ -178,22 +178,22 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
     return n({
       showSheet: o
     }), (l, i) => {
-      const S = g("FmButton"), j = g("FmTextField"), _ = g("FmSideSheet");
-      return p(), E(_, {
-        modelValue: s(c),
-        "onUpdate:modelValue": i[4] || (i[4] = (d) => N(c) ? c.value = d : null),
+      const S = g("FmButton"), j = g("FmTextField"), w = g("FmSideSheet");
+      return p(), E(w, {
+        modelValue: s(u),
+        "onUpdate:modelValue": i[4] || (i[4] = (d) => N(u) ? u.value = d : null),
         header: "Email editor",
         "max-width": 1280
       }, {
-        "side-sheet-button": v(() => [
+        "side-sheet-button": x(() => [
           h(S, {
             label: "Edit email",
             variant: "tertiary",
             icon: "edit"
           })
         ]),
-        default: v(() => [
-          x("div", ce, [
+        default: x(() => [
+          v("div", ue, [
             s(r) ? B("", !0) : (p(), E(Q, {
               key: 0,
               class: "flex-1",
@@ -222,8 +222,8 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
             ])
           ])
         ]),
-        "side-sheet-footer": v(() => [
-          x("div", ue, [
+        "side-sheet-footer": x(() => [
+          v("div", ce, [
             h(S, {
               variant: "primary",
               label: "Confirm",
@@ -240,7 +240,7 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
       }, 8, ["modelValue"]);
     };
   }
-}), pe = { class: "space-y-4" }, he = { class: "flex items-center gap-8 justify-between" }, fe = /* @__PURE__ */ x("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1), ge = { class: "relative" }, ye = { class: "absolute bottom-[24px] right-[4px]" }, we = /* @__PURE__ */ M({
+}), pe = { class: "space-y-4" }, he = { class: "flex items-center gap-8 justify-between" }, fe = { class: "relative" }, ge = { class: "absolute bottom-[24px] right-[4px]" }, we = /* @__PURE__ */ M({
   __name: "MessageInput",
   props: {
     allowEmail: {
@@ -281,7 +281,7 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
   },
   emits: ["update:model-value"],
   setup(e, { emit: n }) {
-    const a = e, c = n;
+    const a = e, u = n;
     function y() {
       var m;
       const o = {
@@ -306,7 +306,7 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
       K.confirm(t, "Preview message", "OK");
     }
     function r(o, t = "SMS") {
-      c("update:model-value", {
+      u("update:model-value", {
         channel: t,
         content: t == "SMS" ? o : o.html,
         design: t == "EMAIL" ? o.design : void 0,
@@ -349,30 +349,30 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
       return `Character used: ${t} ≈ ${Math.ceil(t / 160)} SMS (Every 160 characters will be sent as 1 SMS)`;
     });
     return J(() => {
-      c("update:model-value", {
+      u("update:model-value", {
         ...a.modelValue,
         variables: a.variables
       }), a.modelValue || r("");
     }), (o, t) => {
-      var _, d, F, $, k;
+      var w, d, F, $, k;
       const m = g("FmButtonGroup"), l = g("FmButton"), i = g("FmTextarea"), S = g("FmMenuItem"), j = g("FmMenu");
-      return p(), w("div", pe, [
+      return p(), _("div", pe, [
         e.allowEmail ? (p(), E(m, {
           key: 0,
           items: [{ label: "SMS" }, { label: "EMAIL" }],
-          "model-value": { label: (_ = e.modelValue) == null ? void 0 : _.channel },
-          "onUpdate:modelValue": t[0] || (t[0] = (u) => r("", u.label))
+          "model-value": { label: (w = e.modelValue) == null ? void 0 : w.channel },
+          "onUpdate:modelValue": t[0] || (t[0] = (c) => r("", c.label))
         }, null, 8, ["model-value"])) : B("", !0),
         ((d = e.modelValue) == null ? void 0 : d.channel) == "EMAIL" ? (p(), E(me, {
           key: 1,
           design: (F = e.modelValue) == null ? void 0 : F.design,
           title: (($ = e.modelValue) == null ? void 0 : $.title) || void 0,
-          "onUpdate:design": t[1] || (t[1] = (u) => {
-            r(u, "EMAIL");
+          "onUpdate:design": t[1] || (t[1] = (c) => {
+            r(c, "EMAIL");
           })
-        }, null, 8, ["design", "title"])) : (p(), w(U, { key: 2 }, [
-          x("div", he, [
-            fe,
+        }, null, 8, ["design", "title"])) : (p(), _(U, { key: 2 }, [
+          v("div", he, [
+            t[2] || (t[2] = v("div", { class: "fm-typo-en-body-lg-400" }, "Add message", -1)),
             h(l, {
               icon: "visibility",
               label: "Preview message",
@@ -380,7 +380,7 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
               onClick: y
             })
           ]),
-          x("div", ge, [
+          v("div", fe, [
             h(i, {
               "model-value": (k = e.modelValue) == null ? void 0 : k.content,
               "onUpdate:modelValue": r,
@@ -389,31 +389,31 @@ const de = /* @__PURE__ */ Z(le, [["render", re], ["__scopeId", "data-v-a9a2bb94
               "helper-state": s(b) || "none",
               "helper-text": s(f)
             }, {
-              "helper-text": v(() => [
+              "helper-text": x(() => [
                 P(z(s(f)), 1)
               ]),
               _: 1
             }, 8, ["model-value", "placeholder", "helper-state", "helper-text"]),
-            x("div", ye, [
+            v("div", ge, [
               h(j, { placement: "left-end" }, {
-                "menu-button": v(() => [
+                "menu-button": x(() => [
                   h(l, {
                     icon: "add",
                     variant: "tertiary",
                     size: "md"
                   })
                 ]),
-                default: v(() => [
-                  (p(!0), w(U, null, G(e.variables.filter(
-                    (u) => e.triggerType == "SCHEDULE" ? !u.startsWith("transaction.") : !0
-                  ), (u) => {
+                default: x(() => [
+                  (p(!0), _(U, null, G(e.variables.filter(
+                    (c) => e.triggerType == "SCHEDULE" ? !c.startsWith("transaction.") : !0
+                  ), (c) => {
                     var C;
                     return p(), E(S, {
-                      key: u,
-                      label: ((C = s(ee)[u]) == null ? void 0 : C.name) || u,
-                      onClick: (be) => {
+                      key: c,
+                      label: ((C = s(ee)[c]) == null ? void 0 : C.name) || c,
+                      onClick: (ye) => {
                         var I;
-                        return r(((I = e.modelValue) == null ? void 0 : I.content) + `{{${u}}}`);
+                        return r(((I = e.modelValue) == null ? void 0 : I.content) + `{{${c}}}`);
                       }
                     }, null, 8, ["label", "onClick"]);
                   }), 128))

package/dist/Mission-KzwRlaA5.js

@@ -0,0 +1,259 @@
+import { defineComponent as $, ref as L, computed as E, h as m, onMounted as A, resolveComponent as c, openBlock as d, createElementBlock as h, Fragment as w, createVNode as r, unref as t, createElementVNode as s, withCtx as b, renderList as H, createBlock as x, resolveDynamicComponent as q, toDisplayString as p } from "vue";
+import { _ as z } from "./campaign-CpzFl8Vr.js";
+import { useDialog as G, components as v } from "@feedmepos/ui-library";
+import { a as J, p as Q, u as W } from "./loading-D_AN6p24.js";
+import { u as X } from "./business-dQh3AEot.js";
+import { u as Y } from "./campaign-BOl8AgKA.js";
+import { g as V, b as M } from "./dto-B8NfyVPG.js";
+import { _ as Z } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D9VR3P2d.js";
+import { u as oe } from "./template-clxvNnbF.js";
+import { s as te } from "./index-CuvNtC_M.js";
+import { u as ne } from "./vue-i18n-BxwiXSkp.js";
+import { c as _ } from "./index-UTQHDUdW.js";
+const ae = { class: "px-24 flex flex-col gap-y-16" }, se = { class: "flex items-center justify-between w-full" }, ie = { class: "flex gap-8 overflow-x-auto" }, re = { class: "space-y-8" }, ce = { class: "flex w-full gap-4 items-center" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "flex flex-col gap-16 text-center" }, fe = { class: "fm-typo-en-title-sm-800" }, ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be = /* @__PURE__ */ $({
+  __name: "Mission",
+  setup(_e) {
+    const { t: n } = ne(), B = {
+      label: n("connect.program.common.actions.create", {
+        type: n("connect.program.mission.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, K = oe("MISSION", G()), N = X(), l = Y(), { global: P, minor: C } = W, i = L({
+      searchKey: "",
+      location: null
+    }), u = E(
+      () => l.campaigns.mission.filter(
+        (e) => !i.value.location || !e.targetLocation || e.targetLocation.includes(i.value.location)
+      )
+    ), R = [
+      {
+        header: n("connect.program.common.table.title"),
+        accessorKey: "name",
+        // accessorFn: (v) => v.name,
+        cell(e) {
+          return m("div", { class: "flex items-center justify-between gap-4" }, [
+            m("div", { class: "flex items-center" }, [
+              m(
+                v.FmTooltip,
+                {
+                  content: e.row.original._id,
+                  onClick: (o) => {
+                    o.stopPropagation(), J(e.row.original._id);
+                  }
+                },
+                [
+                  m(v.FmIcon, {
+                    name: "info",
+                    outline: !0,
+                    size: "sm"
+                  })
+                ]
+              )
+            ]),
+            m("div", { class: "flex-1" }, e.row.original.name)
+          ]);
+        }
+      },
+      {
+        header: n("connect.campaign.mission.type"),
+        accessorFn: (e) => te(e.mission.type)
+        //v.effect,
+      },
+      {
+        header: n("connect.program.common.table.status"),
+        cell(e) {
+          return V(e.row.original);
+        }
+      },
+      {
+        header: n("connect.program.common.table.summary"),
+        accessorFn: (e) => M(e)
+        //v.effect,
+      },
+      {
+        header: n("connect.campaign.mission.received"),
+        accessorFn: (e) => {
+          var o;
+          return ((o = e == null ? void 0 : e.pf_collectible) == null ? void 0 : o.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: n("connect.program.common.table.actions"),
+        cell(e) {
+          return m(v.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (o) => {
+              o.stopPropagation(), F(e.row.original);
+            }
+          });
+        }
+      }
+    ], S = L();
+    async function F(e) {
+      await Q.remove(n("program.common.remove.confirm", { name: e.name })) && await C(
+        async () => {
+          await _.delete(e._id), await l.read("MISSION");
+        },
+        {
+          message: n("program.common.remove.removing", { name: e.name }),
+          successMessage: n("program.common.remove.removed", { name: e.name })
+        }
+      );
+    }
+    async function y(e) {
+      e ? await o() : K.open(async (g) => {
+        await o(g);
+      });
+      async function o(g) {
+        var f;
+        (f = S.value) == null || f.showSheet(
+          !0,
+          "MISSION",
+          e ? await _.readById(e._id) : void 0,
+          g
+        );
+      }
+    }
+    async function T(e) {
+      await C(
+        async () => {
+          e.campaign._id ? await _.update(e.campaign._id, e) : await _.create(e), await l.read("MISSION");
+        },
+        {
+          message: n(
+            e.campaign._id ? "program.common.update.updating" : "program.common.update.creating",
+            { type: "Mission" }
+          ),
+          successMessage: n("program.common.update.success", {
+            type: "Mission",
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    return A(async () => {
+      await P(async () => {
+        await l.read("MISSION"), console.log(u);
+      });
+    }), (e, o) => {
+      const g = c("FmPageHead"), f = c("FmSearch"), O = c("FmTable"), k = c("FmButton"), j = c("FmListItem"), D = c("FmList"), U = c("FmCard");
+      return d(), h(w, null, [
+        r(g, {
+          title: t(n)("connect.campaign.mission.title"),
+          actions: t(u).length > 0 ? [B] : [],
+          "onClick:action": o[0] || (o[0] = () => y())
+        }, null, 8, ["title", "actions"]),
+        s("div", ae, [
+          r(f, {
+            modelValue: t(i).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(i).searchKey = a),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(n)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(l).campaigns.mission && t(l).campaigns.mission.length > 0 ? (d(), h(w, { key: 0 }, [
+            s("div", se, [
+              s("div", ie, [
+                r(Z, {
+                  modelValue: t(i).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(i).location = a),
+                  label: t(n)("connect.program.common.location"),
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: t(N).locationItems
+                }, null, 8, ["modelValue", "label", "items"])
+              ]),
+              r(f, {
+                modelValue: t(i).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(i).searchKey = a),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(O, {
+              class: "xs:hidden",
+              "row-data": t(u),
+              "column-defs": R,
+              "search-value": t(i).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (a) => y(a.original)),
+              "hide-footer": t(u).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: b(() => [
+                (d(!0), h(w, null, H(t(u).filter(
+                  (a) => a.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
+                ), (a) => (d(), x(j, {
+                  key: a._id.toString(),
+                  onClick: (I) => y(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: b(() => [
+                    s("div", re, [
+                      s("div", ce, [
+                        (d(), x(q(t(V)(a)))),
+                        s("div", le, p(a.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      s("div", me, [
+                        s("div", de, p(a.name), 1),
+                        s("div", pe, p(t(M)(a)), 1)
+                      ]),
+                      s("div", ue, " Token received: " + p(a.currentReceive ?? 0), 1)
+                    ]),
+                    r(k, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (I) => (I.stopPropagation(), F(a))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (d(), x(U, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: b(() => [
+              o[6] || (o[6] = s("img", {
+                src: z,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              s("div", ge, [
+                s("div", fe, p(t(n)("connect.campaign.mission.createProgram")), 1),
+                s("div", ye, p(t(n)("connect.campaign.mission.description")), 1)
+              ]),
+              r(k, {
+                variant: "primary",
+                label: t(n)("connect.program.common.actions.create", {
+                  type: t(n)("connect.program.mission.title").toLowerCase()
+                }),
+                icon: "add",
+                onClick: o[5] || (o[5] = (a) => y())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          r(ee, {
+            ref_key: "sheetRef",
+            ref: S,
+            "onSubmit:modelValue": T
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Be as default
+};