@feedmepos/mf-connect 0.0.18-prod → 0.0.20-prod

package/dist/Analytic-uwlRSM7O.js

@@ -1,612 +0,0 @@
-import { defineComponent as I, openBlock as o, createElementBlock as h, Fragment as V, renderList as P, createElementVNode as a, toDisplayString as U, createCommentVNode as B, resolveComponent as S, createBlock as F, withCtx as O, createVNode as p, unref as n, ref as C, computed as G, onMounted as q, watch as X, isRef as N, createSlots as Y, createTextVNode as ee, reactive as te, onBeforeMount as ae, normalizeClass as ne } from "vue";
-import { _ as le } from "./campaign-CpzFl8Vr.js";
-import { f as oe } from "./number-D-YjTFfa.js";
-import { C as se, F as ie, a as re } from "./dto-EdZglrpA.js";
-import { useRouter as ce } from "vue-router";
-import { c as T } from "./index-0t3kF_Tg.js";
-import { _ as ue, Z as de } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
-import { J as me, u as pe } from "./app-gMUoPAtF.js";
-import { u as fe } from "./loading-Cgp9wWK3.js";
-import { useSnackbar as ve } from "@feedmepos/ui-library";
-import { g as ye } from "./object-qECH92oz.js";
-import { u as _e } from "./campaign-DWA08UtZ.js";
-import { m as ge } from "./index-BFJS-YmL.js";
-const he = { class: "divide-x flex flex-wrap" }, be = { class: "fm-typo-en-body-md-400 mb-2 text-fm-color-typo-secondary" }, xe = { class: "fm-typo-en-title-sm-800" }, Ce = /* @__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 oe((r = R.data) == null ? void 0 : r[_], 2, !0) || 0;
-    }
-    return (_, r) => (o(), h("div", he, [
-      (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", be, U(e.label), 1),
-          a("div", xe, U(u(e.key)), 1)
-        ])) : B("", !0)
-      ], 64))), 64))
-    ]));
-  }
-}), ke = { 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" }, Se = { class: "fm-typo-en-body-md-600 overflow-hidden select-none text-ellipsis text-fm-color-typo-secondary whitespace-nowrap" }, we = /* @__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 = se[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", ke, [
-            p(r, {
-              name: n(i).icon,
-              outline: "",
-              size: "sm"
-            }, null, 8, ["name"]),
-            a("div", Se, U(m.label), 1),
-            p(r, {
-              name: m.icon.name,
-              color: m.icon.color,
-              size: "sm"
-            }, null, 8, ["name", "color"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["content"]);
-    };
-  }
-}), $e = { class: "flex flex-col" }, Fe = { class: "flex flex-nowrap items-center justify-between mb-12" }, Ve = { class: "flex gap-4 items-center justify-start" }, Re = { class: "fm-typo-en-title-sm-800" }, Ae = { class: "flex flex-wrap gap-4 items-center mb-16 overflow-y-hidden" }, Ue = /* @__PURE__ */ I({
-  __name: "CampaignGroup",
-  props: {
-    group: {
-      type: Object,
-      required: !0
-    },
-    onEdit: {
-      type: Function,
-      required: !0
-    }
-  },
-  emits: ["changed"],
-  setup(m, { emit: R }) {
-    ce(), 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 q(async () => {
-      u.value = await T.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", $e, [
-            a("div", Fe, [
-              a("div", Ve, [
-                a("div", Re, U(m.group.name), 1),
-                p(s, {
-                  icon: "edit",
-                  variant: "tertiary",
-                  onClick: c[0] || (c[0] = (f) => m.onEdit(m.group))
-                })
-              ])
-            ]),
-            a("div", Ae, [
-              (o(!0), h(V, null, P(n(r), (f) => (o(), F(we, {
-                key: e.index,
-                type: f.campaign.type,
-                label: f.label
-              }, null, 8, ["type", "label"]))), 128))
-            ]),
-            p(Ce, { data: n(_) }, null, 8, ["data"])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Oe = { class: "ml-32 flex flex-col" }, Ee = /* @__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)
-        );
-      }
-    ), q(() => {
-      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", Oe, [
-            (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
-      });
-    };
-  }
-}), Be = { class: "space-y-16" }, Pe = { class: "flex items-center" }, Te = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary w-[300px]" }, Ge = { class: "space-y-[40px]" }, Ie = /* @__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 q(() => {
-      u.value = _.modelValue;
-    }), (s, l) => {
-      const f = S("FmTextField");
-      return o(), h(V, null, [
-        p(me, { json: m.campaigns }, null, 8, ["json"]),
-        a("div", Be, [
-          a("div", Pe, [
-            a("div", Te, U(n(u).length) + " campaign(s) linked ", 1),
-            p(f, {
-              modelValue: n(i),
-              "onUpdate:modelValue": l[0] || (l[0] = (b) => N(i) ? i.value = b : null),
-              "prepend-icon": "search",
-              placeholder: "Search",
-              class: "w-full"
-            }, null, 8, ["modelValue"])
-          ]),
-          a("div", Ge, [
-            (o(!0), h(V, null, P(n(e), (b, g) => (o(), F(Ee, {
-              "model-value": n(u),
-              title: g,
-              items: b,
-              "onUpdate:modelValue": (w) => c(w, b)
-            }, 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"
-}, Me = /* @__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), 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" }, ze = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600 py-8 px-16 bg-gray-100" }, Ke = { class: "flex justify-between items-center py-8 px-16 border-b-1" }, Je = { class: "flex items-center gap-8" }, We = /* @__PURE__ */ I({
-  __name: "AnalyticSheet",
-  emits: ["success"],
-  setup(m, { expose: R, emit: i }) {
-    const u = i, _ = pe();
-    ve();
-    const r = C(!1), e = C(!1), c = {
-      name: "",
-      campaigns: []
-    }, s = C(""), l = C({ ...c }), f = ie.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 T.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 ye(
-        b.value,
-        (y) => re.formattedType(y.type),
-        d
-      );
-    }), K = G(() => Object.entries(M.value).reduce(
-      (d, [t, y]) => {
-        const A = y.filter((j) => {
-          var D, x;
-          return (x = (D = l.value) == null ? void 0 : D.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 T.updateGroup(
-            (t = g.value) == null ? void 0 : t._id,
-            l.value
-          ) : await T.createGroup(l.value), u("success"), k();
-        },
-        {
-          message: "Saving group",
-          successMessage: "Group saved"
-        }
-      );
-    }
-    async function Z() {
-      await v(
-        async () => {
-          var d;
-          await T.deleteGroup((d = g.value) == null ? void 0 : d._id), u("success"), k();
-        },
-        {
-          message: "Deleting group",
-          successMessage: "Group deleted"
-        }
-      );
-    }
-    return q(async () => {
-      await $();
-    }), R({
-      showSheet: L,
-      hideSheet: k
-    }), (d, t) => {
-      const y = S("FmButton"), A = S("FmTextField"), j = S("FmList"), D = S("FmSideSheet");
-      return o(), F(D, {
-        modelValue: n(r),
-        "onUpdate:modelValue": t[7] || (t[7] = (x) => N(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", Je, [
-            n(e) ? B("", !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())
-              })) : B("", !0)
-            ], 64)),
-            n(e) ? (o(), F(y, {
-              key: 1,
-              label: "Confirm",
-              onClick: t[6] || (t[6] = (x) => e.value = !1)
-            })) : B("", !0)
-          ])
-        ]),
-        default: O(() => [
-          n(e) ? B("", !0) : (o(), h("div", je, [
-            Me,
-            p(ue, {
-              modelValue: n(l).name,
-              "onUpdate:modelValue": t[1] || (t[1] = (x) => n(l).name = x),
-              label: "Name",
-              schema: n(de).typeAtPath(n(f), "name")
-            }, null, 8, ["modelValue", "schema"]),
-            De,
-            a("div", Ne, [
-              a("div", qe, U(n(l).campaigns.length) + " campaign(s) linked ", 1),
-              p(A, {
-                modelValue: n(s),
-                "onUpdate:modelValue": t[2] || (t[2] = (x) => N(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(Ie, {
-            key: 1,
-            modelValue: n(l).campaigns,
-            "onUpdate:modelValue": t[3] || (t[3] = (x) => n(l).campaigns = x),
-            campaigns: n(M)
-          }, null, 8, ["modelValue", "campaigns"])) : B("", !0),
-          a("div", He, [
-            n(e) ? B("", !0) : (o(!0), h(V, { key: 0 }, P(n(K), (x, Q) => (o(), h("div", null, [
-              a("div", ze, U(Q), 1),
-              p(j, { separator: !0 }, {
-                default: O(() => [
-                  (o(!0), h(V, null, P(x, (z) => (o(), h("div", Ke, [
-                    a("div", null, U(z.label), 1),
-                    a("div", null, [
-                      p(y, {
-                        icon: "delete",
-                        onClick: (it) => J(z.value),
-                        variant: "tertiary"
-                      }, null, 8, ["onClick"])
-                    ])
-                  ]))), 256))
-                ]),
-                _: 2
-              }, 1024)
-            ]))), 256))
-          ])
-        ]),
-        _: 2
-      }, [
-        n(e) ? {
-          name: "side-sheet-header",
-          fn: O(() => [
-            a("div", Le, [
-              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"]);
-    };
-  }
-}), 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 = /* @__PURE__ */ a("div", { class: "fm-typo-en-body-lg-600" }, "Connect summary", -1), 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 = /* @__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), ot = /* @__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), st = { class: "flex gap-16 items-center" }, xt = /* @__PURE__ */ I({
-  __name: "Analytic",
-  setup(m) {
-    const R = {
-      label: "Add group",
-      value: "create",
-      isPrimary: !0,
-      prependIcon: "add"
-    }, i = _e(), 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 T.readAllGrouped({
-        limit: 100,
-        skip: 0,
-        sortBy: "_id",
-        search: "",
-        descending: !0
-      });
-      _.value = w.resources;
-    }
-    async function b() {
-      var E, L;
-      const w = await ge.read({
-        limit: 1,
-        skip: 0,
-        sortBy: "_id",
-        search: "",
-        descending: !1
-      }), v = await T.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 ae(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", Ze, [
-          a("div", Qe, [
-            a("div", Xe, [
-              p(L, {
-                class: "xs:hidden",
-                modelValue: n(r),
-                "onUpdate:modelValue": v[1] || (v[1] = ($) => N(r) ? r.value = $ : null),
-                placeholder: "Search",
-                collapsible: ""
-              }, null, 8, ["modelValue"])
-            ]),
-            p(k, {
-              variant: "outlined",
-              class: "flex flex-col gap-16 p-16"
-            }, {
-              default: O(() => [
-                Ye,
-                a("div", et, [
-                  (o(), h(V, null, P(s, ($, M) => a("div", {
-                    key: $.key,
-                    class: ne(["px-8", { "xs:!border-r": M % 2 == 0 }])
-                  }, [
-                    a("div", tt, U($.key), 1),
-                    a("div", at, U($.value()), 1)
-                  ], 2)), 64))
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          n(_).length ? B("", !0) : (o(), F(k, {
-            key: 0,
-            variant: "outlined",
-            class: "flex flex-col gap-y-24 items-center p-16"
-          }, {
-            default: O(() => [
-              nt,
-              lt,
-              ot,
-              a("div", st, [
-                p(H, {
-                  label: "Create group",
-                  icon: "add",
-                  onClick: v[2] || (v[2] = ($) => l())
-                })
-              ])
-            ]),
-            _: 1
-          })),
-          (o(!0), h(V, null, P(n(g), ($) => (o(), F(Ue, {
-            key: $._id.toString(),
-            group: $,
-            "on-edit": l
-          }, null, 8, ["group"]))), 128)),
-          p(We, {
-            ref_key: "sheetRef",
-            ref: u,
-            onSuccess: f
-          }, null, 512)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  xt as default
-};