@feedmepos/mf-connect 0.1.0-beta.9 → 0.1.0-prod

package/dist/Analytic-D1vIDmhJ.js

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