@feedmepos/mf-connect 0.0.5-beta.1 → 0.0.5-beta.10

package/dist/Analytic-BjQuph91.js

@@ -0,0 +1,614 @@
+import { defineComponent as I, openBlock as o, createElementBlock as h, Fragment as V, renderList as P, createElementVNode as a, toDisplayString as U, createCommentVNode as T, resolveComponent as S, createBlock as F, withCtx as O, createVNode as p, unref as n, ref as C, computed as G, onMounted as D, watch as X, isRef as q, createSlots as Y, createTextVNode as ee, reactive as te, normalizeClass as ae } from "vue";
+import { _ as ne } from "./campaign-CpzFl8Vr.js";
+import { f as le } from "./number-JronyDuC.js";
+import { C as oe, F as se, a as ie } from "./dto-CqgUeB85.js";
+import { useRouter as re } from "vue-router";
+import { c as B } from "./index-CpXFbtr_.js";
+import { _ as ce, Z as ue } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
+import { J as de } from "./JsonViewer-CVV7Vaqf.js";
+import "./index-4yy16DJ5.js";
+import { useSnackbar as me } from "@feedmepos/ui-library";
+import { u as pe } from "./app-C6hWZNZj.js";
+import { u as fe } from "./loading-BBLfgVD_.js";
+import { g as ve } from "./object-qECH92oz.js";
+import { u as ye } from "./campaign-1_vNFjFO.js";
+import { m as _e } from "./index-Biwk9slT.js";
+const ge = { class: "divide-x flex flex-wrap" }, he = { class: "fm-typo-en-body-md-400 mb-2 text-fm-color-typo-secondary" }, be = { class: "fm-typo-en-title-sm-800" }, xe = /* @__PURE__ */ I({
+  __name: "CampaignStat",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(m) {
+    const R = m, i = [
+      { label: "Credit Received", key: "CREDIT" },
+      { label: "EXP Received", key: "POINT" },
+      { label: "Points Received", key: "COIN" },
+      { label: "Message Sent", key: "BROADCAST" },
+      { label: "Vouchers Claimed", key: "VOUCHER" },
+      { label: "Users Joined", key: "UNIQUE_USER" }
+    ];
+    function u(_) {
+      var r;
+      return le((r = R.data) == null ? void 0 : r[_], 2, !0) || 0;
+    }
+    return (_, r) => (o(), h("div", ge, [
+      (o(), h(V, null, P(i, (e) => (o(), h(V, null, [
+        e.key in m.data ? (o(), h("div", {
+          key: e.key,
+          class: "px-16"
+        }, [
+          a("div", he, U(e.label), 1),
+          a("div", be, U(u(e.key)), 1)
+        ])) : T("", !0)
+      ], 64))), 64))
+    ]));
+  }
+}), Ce = { class: "bg-fm-color-neutral-gray-100 gap-4 h-[30px] inline-flex items-center justify-center max-w-[250px] px-8 py-4 rounded-md" }, ke = { class: "fm-typo-en-body-md-600 overflow-hidden select-none text-ellipsis text-fm-color-typo-secondary whitespace-nowrap" }, Se = /* @__PURE__ */ I({
+  __name: "CampaignChip",
+  props: {
+    type: { type: String, required: !0 },
+    icon: {
+      type: Object,
+      default: () => ({ icon: "circle", color: "typo-sucess" })
+    },
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(m) {
+    const i = oe[m.type];
+    return (u, _) => {
+      const r = S("FmIcon"), e = S("FmTooltip");
+      return o(), F(e, {
+        variant: "plain",
+        placement: "top",
+        content: m.label
+      }, {
+        default: O(() => [
+          a("div", Ce, [
+            p(r, {
+              name: n(i).icon,
+              outline: "",
+              size: "sm"
+            }, null, 8, ["name"]),
+            a("div", ke, U(m.label), 1),
+            p(r, {
+              name: m.icon.name,
+              color: m.icon.color,
+              size: "sm"
+            }, null, 8, ["name", "color"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), we = { class: "flex flex-col" }, $e = { class: "flex flex-nowrap items-center justify-between mb-12" }, Fe = { class: "flex gap-4 items-center justify-start" }, Ve = { class: "fm-typo-en-title-sm-800" }, Re = { class: "flex flex-wrap gap-4 items-center mb-16 overflow-y-hidden" }, Ae = /* @__PURE__ */ I({
+  __name: "CampaignGroup",
+  props: {
+    group: {
+      type: Object,
+      required: !0
+    },
+    onEdit: {
+      type: Function,
+      required: !0
+    }
+  },
+  emits: ["changed"],
+  setup(m, { emit: R }) {
+    re(), C(!1);
+    const i = m, u = C([]), _ = G(
+      () => u.value.reduce(
+        (e, c) => ({ ...e, [c.type]: c.totalAmount }),
+        {}
+      )
+    ), r = G(() => {
+      var e;
+      return ((e = i.group.pf_campaigns) == null ? void 0 : e.map((c) => ({
+        campaign: c,
+        label: c.name
+      }))) || [];
+    });
+    return D(async () => {
+      u.value = await B.readStats({
+        groupId: i.group._id.toString()
+      });
+    }), (e, c) => {
+      const s = S("FmButton"), l = S("FmCard");
+      return o(), F(l, {
+        class: "mb-24 p-24",
+        variant: "outlined"
+      }, {
+        default: O(() => [
+          a("div", we, [
+            a("div", $e, [
+              a("div", Fe, [
+                a("div", Ve, U(m.group.name), 1),
+                p(s, {
+                  icon: "edit",
+                  variant: "tertiary",
+                  onClick: c[0] || (c[0] = (f) => m.onEdit(m.group))
+                })
+              ])
+            ]),
+            a("div", Re, [
+              (o(!0), h(V, null, P(n(r), (f) => (o(), F(Se, {
+                key: e.index,
+                type: f.campaign.type,
+                label: f.label
+              }, null, 8, ["type", "label"]))), 128))
+            ]),
+            p(xe, { data: n(_) }, null, 8, ["data"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ue = { class: "ml-32 flex flex-col" }, Oe = /* @__PURE__ */ I({
+  __name: "CampaignCard",
+  props: {
+    title: {},
+    items: {},
+    modelValue: {}
+  },
+  emits: ["update:model-value"],
+  setup(m, { emit: R }) {
+    const i = m, u = R, _ = (s) => {
+      s ? c.value = i.items.map((l) => l.value) : c.value = [], e.value = s, u("update:model-value", c.value);
+    }, r = (s) => {
+      c.value = s, e.value = s.length === i.items.length, u("update:model-value", s);
+    }, e = C(!1), c = C([]);
+    return X(
+      () => i.modelValue,
+      () => {
+        c.value = i.modelValue.filter(
+          (s) => i.items.find((l) => l.value === s)
+        );
+      }
+    ), D(() => {
+      c.value = i.modelValue.filter(
+        (s) => i.items.find((l) => l.value === s)
+      );
+    }), (s, l) => {
+      const f = S("FmCheckbox"), b = S("FmCard");
+      return o(), F(b, {
+        variant: "outlined",
+        class: "p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3"
+      }, {
+        default: O(() => [
+          p(f, {
+            "model-value": n(e),
+            value: "1",
+            label: i.title,
+            indeterminate: n(c).length > 0,
+            "onUpdate:modelValue": _
+          }, null, 8, ["model-value", "label", "indeterminate"]),
+          a("div", Ue, [
+            (o(!0), h(V, null, P(i.items, (g, w) => (o(), F(f, {
+              key: w,
+              "model-value": n(c),
+              label: g.label,
+              value: g.value,
+              "onUpdate:modelValue": r
+            }, null, 8, ["model-value", "label", "value"]))), 128))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ee = { class: "space-y-16" }, Te = { class: "flex items-center" }, Pe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary w-[300px]" }, Be = { class: "space-y-[40px]" }, Ge = /* @__PURE__ */ I({
+  __name: "LinkCampaign",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0
+    },
+    campaigns: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(m, { emit: R }) {
+    const i = C(""), u = C([]), _ = m, r = R, e = G(() => Object.entries(_.campaigns).reduce((s, [l, f]) => {
+      const b = f.filter(
+        (g) => g.label.toLowerCase().includes(i.value.toLowerCase())
+      );
+      return b.length > 0 && (s[l] = b), s;
+    }, {}));
+    function c(s, l) {
+      u.value = u.value.filter(
+        (f) => !l.map((b) => b.value).includes(f)
+      ), u.value = [.../* @__PURE__ */ new Set([...u.value, ...s])], r("update:model-value", u.value);
+    }
+    return D(() => {
+      u.value = _.modelValue;
+    }), (s, l) => {
+      const f = S("FmTextField");
+      return o(), h(V, null, [
+        p(de, { json: m.campaigns }, null, 8, ["json"]),
+        a("div", Ee, [
+          a("div", Te, [
+            a("div", Pe, U(n(u).length) + " campaign(s) linked ", 1),
+            p(f, {
+              modelValue: n(i),
+              "onUpdate:modelValue": l[0] || (l[0] = (b) => q(i) ? i.value = b : null),
+              "prepend-icon": "search",
+              placeholder: "Search",
+              class: "w-full"
+            }, null, 8, ["modelValue"])
+          ]),
+          a("div", Be, [
+            (o(!0), h(V, null, P(n(e), (b, g) => (o(), F(Oe, {
+              "model-value": n(u),
+              title: g,
+              items: b,
+              "onUpdate:modelValue": (w) => c(w, b)
+            }, null, 8, ["model-value", "title", "items", "onUpdate:modelValue"]))), 256))
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), Ie = { class: "flex items-center gap-x-8" }, Le = {
+  key: 0,
+  class: "space-y-16 pr-12"
+}, je = /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800" }, "Group detail", -1), De = /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800" }, "Link campaign", -1), Me = { class: "flex items-center gap-x-16" }, Ne = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, qe = { class: "mt-16" }, He = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600 py-8 px-16 bg-gray-100" }, ze = { class: "flex justify-between items-center py-8 px-16 border-b-1" }, Ke = { class: "flex items-center gap-8" }, Je = /* @__PURE__ */ I({
+  __name: "AnalyticSheet",
+  emits: ["success"],
+  setup(m, { expose: R, emit: i }) {
+    const u = i, _ = pe();
+    me();
+    const r = C(!1), e = C(!1), c = {
+      name: "",
+      campaigns: []
+    }, s = C(""), l = C({ ...c }), f = se.superRefine((d, t) => {
+    }), b = C([]), g = C(null), { global: w, minor: v } = fe, E = G(() => {
+      const d = f.safeParse(l.value);
+      return d.success ? [] : d.error.errors;
+    });
+    function L(d) {
+      var t;
+      r.value = !0, d ? (g.value = { ...d }, l.value = { ...d, campaigns: (t = d.pf_campaigns) == null ? void 0 : t.map((y) => y._id) }) : (g.value = null, l.value = { ...c });
+    }
+    function k() {
+      r.value = !1, g.value = null;
+    }
+    function H() {
+      e.value = !0;
+    }
+    async function $() {
+      const d = await B.readAll({
+        limit: 1e3,
+        skip: 0,
+        sortBy: "_id",
+        search: "",
+        descending: !0
+      });
+      b.value = d.resources.filter(
+        (t) => !["MEMBERSHIP", "REWARD_POOL"].includes(t.type) && !["ISSUE_REWARD"].includes("event" in t ? t == null ? void 0 : t.event.type : "")
+      );
+    }
+    const M = G(() => {
+      const d = (y) => y.map((A) => ({
+        label: A.name,
+        value: A._id
+      }));
+      return ve(
+        b.value,
+        (y) => ie.formattedType(y.type),
+        d
+      );
+    }), K = G(() => Object.entries(M.value).reduce(
+      (d, [t, y]) => {
+        const A = y.filter((j) => {
+          var N, x;
+          return (x = (N = l.value) == null ? void 0 : N.campaigns) == null ? void 0 : x.includes(j.value);
+        }).filter(
+          (j) => j.label.toLowerCase().includes(s.value.toLowerCase())
+        );
+        return A.length > 0 && (d[t] = A), d;
+      },
+      {}
+    ));
+    function J(d) {
+      var y, A;
+      const t = (y = l.value.campaigns) == null ? void 0 : y.indexOf(d);
+      t != null && t > -1 && ((A = l.value.campaigns) == null || A.splice(t, 1));
+    }
+    async function W() {
+      f.safeParse(l.value).success && await v(
+        async () => {
+          var t;
+          g.value ? await B.updateGroup(
+            (t = g.value) == null ? void 0 : t._id,
+            l.value
+          ) : await B.createGroup(l.value), u("success"), k();
+        },
+        {
+          message: "Saving group",
+          successMessage: "Group saved"
+        }
+      );
+    }
+    async function Z() {
+      await v(
+        async () => {
+          var d;
+          await B.deleteGroup((d = g.value) == null ? void 0 : d._id), u("success"), k();
+        },
+        {
+          message: "Deleting group",
+          successMessage: "Group deleted"
+        }
+      );
+    }
+    return D(async () => {
+      await $();
+    }), R({
+      showSheet: L,
+      hideSheet: k
+    }), (d, t) => {
+      const y = S("FmButton"), A = S("FmTextField"), j = S("FmList"), N = S("FmSideSheet");
+      return o(), F(N, {
+        modelValue: n(r),
+        "onUpdate:modelValue": t[7] || (t[7] = (x) => q(r) ? r.value = x : null),
+        header: n(g) ? "Edit group" : "Add group",
+        "dismiss-away": "",
+        "close-button": !0,
+        "max-width": 550
+      }, Y({
+        "side-sheet-footer": O(() => [
+          a("div", Ke, [
+            n(e) ? T("", !0) : (o(), h(V, { key: 0 }, [
+              p(y, {
+                label: "Submit",
+                onClick: W,
+                disabled: n(E).length > 0 || n(_).isLoading
+              }, null, 8, ["disabled"]),
+              p(y, {
+                label: "Cancel",
+                onClick: t[4] || (t[4] = (x) => k()),
+                variant: "tertiary"
+              }),
+              n(g) ? (o(), F(y, {
+                key: 0,
+                label: "Delete",
+                variant: "plain",
+                class: "ml-auto fm-color-system-error-300",
+                onClick: t[5] || (t[5] = (x) => Z())
+              })) : T("", !0)
+            ], 64)),
+            n(e) ? (o(), F(y, {
+              key: 1,
+              label: "Confirm",
+              onClick: t[6] || (t[6] = (x) => e.value = !1)
+            })) : T("", !0)
+          ])
+        ]),
+        default: O(() => [
+          n(e) ? T("", !0) : (o(), h("div", Le, [
+            je,
+            p(ce, {
+              modelValue: n(l).name,
+              "onUpdate:modelValue": t[1] || (t[1] = (x) => n(l).name = x),
+              label: "Name",
+              schema: n(ue).typeAtPath(n(f), "name")
+            }, null, 8, ["modelValue", "schema"]),
+            De,
+            a("div", Me, [
+              a("div", Ne, U(n(l).campaigns.length) + " campaign(s) linked ", 1),
+              p(A, {
+                modelValue: n(s),
+                "onUpdate:modelValue": t[2] || (t[2] = (x) => q(s) ? s.value = x : null),
+                "prepend-icon": "search",
+                placeholder: "Search",
+                class: "w-auto"
+              }, null, 8, ["modelValue"])
+            ]),
+            p(y, {
+              variant: "plain",
+              icon: "link",
+              label: "Link Campaign",
+              onClick: H
+            })
+          ])),
+          n(e) ? (o(), F(Ge, {
+            key: 1,
+            modelValue: n(l).campaigns,
+            "onUpdate:modelValue": t[3] || (t[3] = (x) => n(l).campaigns = x),
+            campaigns: n(M)
+          }, null, 8, ["modelValue", "campaigns"])) : T("", !0),
+          a("div", qe, [
+            n(e) ? T("", !0) : (o(!0), h(V, { key: 0 }, P(n(K), (x, Q) => (o(), h("div", null, [
+              a("div", He, U(Q), 1),
+              p(j, { separator: !0 }, {
+                default: O(() => [
+                  (o(!0), h(V, null, P(x, (z) => (o(), h("div", ze, [
+                    a("div", null, U(z.label), 1),
+                    a("div", null, [
+                      p(y, {
+                        icon: "delete",
+                        onClick: (st) => J(z.value),
+                        variant: "tertiary"
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]))), 256))
+                ]),
+                _: 2
+              }, 1024)
+            ]))), 256))
+          ])
+        ]),
+        _: 2
+      }, [
+        n(e) ? {
+          name: "side-sheet-header",
+          fn: O(() => [
+            a("div", Ie, [
+              p(y, {
+                icon: "arrow_back",
+                variant: "tertiary",
+                onClick: t[0] || (t[0] = (x) => e.value = !1)
+              }),
+              ee("Link campaign ")
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "header"]);
+    };
+  }
+}), We = { class: "px-24 flex flex-col gap-y-32 pb-24" }, Ze = { class: "space-y-16" }, Qe = { class: "flex items-center justify-end" }, Xe = /* @__PURE__ */ a("div", { class: "fm-typo-en-body-lg-600" }, "Connect summary", -1), Ye = { class: "grid grid-cols-4 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, et = { class: "fm-typo-body-md-400 fm-typo-en-body-md-400 mb-2 text-fm-color-typo-secondary" }, tt = { class: "fm-typo-en-title-sm-800" }, at = /* @__PURE__ */ a("img", {
+  src: ne,
+  class: "w-[150px]"
+}, null, -1), nt = /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800 text-center" }, " Create campaign group to track performance ", -1), lt = /* @__PURE__ */ a("div", { class: "fm-typo-body-en-md-400 text-center text-fm-color-typo-secondary" }, " Start organizing your campaigns and promotions by creating groups. Groups allow you to aggregate performance metrics across multiple vouchers, promotions, or other rewards. ", -1), ot = { class: "flex gap-16 items-center" }, Ct = /* @__PURE__ */ I({
+  __name: "Analytic",
+  setup(m) {
+    const R = {
+      label: "Add group",
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, i = ye(), u = C(), _ = C([]), r = C(""), e = te({
+      totalCampaign: 0,
+      totalProgram: 0,
+      totalMember: 0
+    }), c = C("1"), s = [
+      {
+        key: "Total campaign",
+        value: () => e.totalCampaign
+      },
+      {
+        key: "Total Program",
+        value: () => e.totalProgram
+      },
+      {
+        key: "Total Member",
+        value: () => e.totalMember
+      }
+    ];
+    function l(w) {
+      var v;
+      c.value = (/* @__PURE__ */ new Date()).toISOString(), (v = u.value) == null || v.showSheet(w);
+    }
+    async function f() {
+      await i.readGroups();
+      const w = await B.readAllGrouped({
+        limit: 100,
+        skip: 0,
+        sortBy: "_id",
+        search: "",
+        descending: !0
+      });
+      _.value = w.resources;
+    }
+    async function b() {
+      var E, L;
+      const w = await _e.read({
+        limit: 1,
+        skip: 0,
+        sortBy: "_id",
+        search: "",
+        descending: !1
+      }), v = await B.readAll({
+        limit: 1e3,
+        skip: 0,
+        sortBy: "_id",
+        search: "",
+        descending: !1
+      });
+      e.totalCampaign = ((E = v.resources) == null ? void 0 : E.filter(
+        (k) => ["PROMOTION", "VOUCHER", "BROADCAST"].includes(k.type) && !["ISSUE_REWARD"].includes("event" in k ? k == null ? void 0 : k.event.type : "")
+      ).length) ?? 0, e.totalProgram = ((L = v.resources) == null ? void 0 : L.filter(
+        (k) => ["POINT", "COIN", "CREDIT", "GAME"].includes(k.type)
+      ).length) ?? 0, e.totalMember = w.meta.totalResources ?? 0;
+    }
+    const g = G(() => _.value.filter((w) => {
+      var v;
+      return w.name.includes(r.value) || ((v = w.pf_campaigns) == null ? void 0 : v.filter((E) => E.name.includes(r.value)).length);
+    }));
+    return D(async () => {
+      await f(), await b();
+    }), (w, v) => {
+      const E = S("FmPageHead"), L = S("FmSearch"), k = S("FmCard"), H = S("FmButton");
+      return o(), h(V, null, [
+        p(E, {
+          title: "Analytic",
+          actions: n(_).length > 0 ? [R] : [],
+          "onClick:action": v[0] || (v[0] = ($) => l())
+        }, null, 8, ["actions"]),
+        a("div", We, [
+          a("div", Ze, [
+            a("div", Qe, [
+              p(L, {
+                class: "xs:hidden",
+                modelValue: n(r),
+                "onUpdate:modelValue": v[1] || (v[1] = ($) => q(r) ? r.value = $ : null),
+                placeholder: "Search Table",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            p(k, {
+              variant: "outlined",
+              class: "flex flex-col gap-16 p-16"
+            }, {
+              default: O(() => [
+                Xe,
+                a("div", Ye, [
+                  (o(), h(V, null, P(s, ($, M) => a("div", {
+                    key: $.key,
+                    class: ae(["px-8", { "xs:!border-r": M % 2 == 0 }])
+                  }, [
+                    a("div", et, U($.key), 1),
+                    a("div", tt, U($.value()), 1)
+                  ], 2)), 64))
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          n(_).length ? T("", !0) : (o(), F(k, {
+            key: 0,
+            variant: "outlined",
+            class: "flex flex-col gap-y-24 items-center p-16"
+          }, {
+            default: O(() => [
+              at,
+              nt,
+              lt,
+              a("div", ot, [
+                p(H, {
+                  label: "Create group",
+                  icon: "add",
+                  onClick: v[2] || (v[2] = ($) => l())
+                })
+              ])
+            ]),
+            _: 1
+          })),
+          (o(!0), h(V, null, P(n(g), ($) => (o(), F(Ae, {
+            key: $._id.toString(),
+            group: $,
+            "on-edit": l
+          }, null, 8, ["group"]))), 128)),
+          p(Je, {
+            ref_key: "sheetRef",
+            ref: u,
+            onSuccess: f
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ct as default
+};