@feedmepos/mf-connect 0.1.0-beta.3 → 0.1.0-beta.31

package/dist/Analytic-BC5BA6pN.js

@@ -1,622 +0,0 @@
-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-Cen5TucC.js";
-import { C as ie, F as re, a as ce } from "./dto-gpaNZHzQ.js";
-import { useRouter as W } from "vue-router";
-import { c as L } from "./index-NXiDu42U.js";
-import { _ as ue } from "./ZodTextField.vue_vue_type_script_setup_true_lang-k0lprU2i.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-Cn8ml_vy.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-CTDtmAE9.js";
-import { u as _e } from "./membership-CX4AKMlH.js";
-import { u as be } from "./vue-i18n-CNH_IhVd.js";
-import { m as he } from "./index-Ch6XwPzF.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
-};