@feedmepos/mf-connect 0.0.39-prod → 0.1.0-beta.2

package/dist/Analytic-DSD9TsKr.js

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