@feedmepos/mf-connect 0.1.38-beta.1 → 0.1.38-prod

package/dist/Analytic-Dc1l0CZK.js

@@ -0,0 +1,427 @@
+import { defineComponent as j, ref as y, watch as X, onMounted as I, resolveComponent as x, openBlock as d, createBlock as A, withCtx as L, createVNode as h, unref as t, createElementVNode as i, createElementBlock as k, Fragment as $, renderList as D, computed as G, toDisplayString as O, isRef as T, createSlots as Y, createCommentVNode as V, createTextVNode as ee, reactive as te, onBeforeMount as ae } from "vue";
+import { _ as ne } from "./campaign-CpzFl8Vr.js";
+import "./index-CLkqja9X.js";
+import "./campaign-B7v0a8YV.js";
+import { useRouter as le } from "vue-router";
+import { c as R } from "./index-DbjZHuoG.js";
+import { _ as oe } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B8pgaARn.js";
+import { Z as se } from "./zod-Bg2FbC-D.js";
+import { F as re } from "./dto-DK1VnGlq.js";
+import { J as ie } from "./JsonViewer-v8_C7l5N.js";
+import "./index-D_gLVFsk.js";
+import { useSnackbar as ue } from "@feedmepos/ui-library";
+import { u as ce } from "./app-wDQR6dpb.js";
+import { u as me } from "./loading-BXu9ofEu.js";
+import { C as de } from "./campaign.fn-BPHARk3Y.js";
+import { g as pe } from "./object-qECH92oz.js";
+import { u as ve } from "./campaign-B0vnIan2.js";
+import { u as fe } from "./membership-BBb7gdZg.js";
+import { u as ye } from "./vue-i18n-Cts9OsqE.js";
+const _e = { class: "ml-32 flex flex-col" }, ge = /* @__PURE__ */ j({
+  __name: "CampaignCard",
+  props: {
+    title: {},
+    items: {},
+    modelValue: {}
+  },
+  emits: ["update:model-value"],
+  setup(U, { emit: b }) {
+    const u = U, v = b, S = (o) => {
+      o ? p.value = u.items.map((a) => a.value) : p.value = [], r.value = o, v("update:model-value", p.value);
+    }, _ = (o) => {
+      p.value = o, r.value = o.length === u.items.length, v("update:model-value", o);
+    }, r = y(!1), p = y([]);
+    return X(
+      () => u.modelValue,
+      () => {
+        p.value = u.modelValue.filter(
+          (o) => u.items.find((a) => a.value === o)
+        );
+      }
+    ), I(() => {
+      p.value = u.modelValue.filter(
+        (o) => u.items.find((a) => a.value === o)
+      );
+    }), (o, a) => {
+      const g = x("FmCheckbox"), l = x("FmCard");
+      return d(), A(l, {
+        variant: "outlined",
+        class: "p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3"
+      }, {
+        default: L(() => [
+          h(g, {
+            "model-value": t(r),
+            value: "1",
+            label: u.title,
+            indeterminate: t(p).length > 0,
+            "onUpdate:modelValue": S
+          }, null, 8, ["model-value", "label", "indeterminate"]),
+          i("div", _e, [
+            (d(!0), k($, null, D(u.items, (n, c) => (d(), A(g, {
+              key: c,
+              "model-value": t(p),
+              label: n.label,
+              value: n.value,
+              "onUpdate:modelValue": _
+            }, null, 8, ["model-value", "label", "value"]))), 128))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), he = { class: "space-y-16" }, be = { class: "flex items-center" }, xe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary w-[300px]" }, Ce = { class: "space-y-[40px]" }, ke = /* @__PURE__ */ j({
+  __name: "LinkCampaign",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !0
+    },
+    campaigns: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(U, { emit: b }) {
+    const u = y(""), v = y([]), S = U, _ = b, r = G(() => Object.entries(S.campaigns).reduce((o, [a, g]) => {
+      const l = g.filter(
+        (n) => n.label.toLowerCase().includes(u.value.toLowerCase())
+      );
+      return l.length > 0 && (o[a] = l), o;
+    }, {}));
+    function p(o, a) {
+      v.value = v.value.filter(
+        (g) => !a.map((l) => l.value).includes(g)
+      ), v.value = [.../* @__PURE__ */ new Set([...v.value, ...o])], _("update:model-value", v.value);
+    }
+    return I(() => {
+      v.value = S.modelValue;
+    }), (o, a) => {
+      const g = x("FmTextField");
+      return d(), k($, null, [
+        h(ie, { json: U.campaigns }, null, 8, ["json"]),
+        i("div", he, [
+          i("div", be, [
+            i("div", xe, O(t(v).length) + " campaign(s) linked ", 1),
+            h(g, {
+              modelValue: t(u),
+              "onUpdate:modelValue": a[0] || (a[0] = (l) => T(u) ? u.value = l : null),
+              "prepend-icon": "search",
+              placeholder: "Search",
+              class: "w-full"
+            }, null, 8, ["modelValue"])
+          ]),
+          i("div", Ce, [
+            (d(!0), k($, null, D(t(r), (l, n) => (d(), A(ge, {
+              "model-value": t(v),
+              title: n,
+              items: l,
+              "onUpdate:modelValue": (c) => p(c, l)
+            }, null, 8, ["model-value", "title", "items", "onUpdate:modelValue"]))), 256))
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), Ve = { class: "flex items-center gap-x-8" }, Se = {
+  key: 0,
+  class: "space-y-16 pr-12"
+}, we = /* @__PURE__ */ i("div", { class: "fm-typo-en-title-sm-800" }, "Group detail", -1), Fe = /* @__PURE__ */ i("div", { class: "fm-typo-en-title-sm-800" }, "Link campaign", -1), Ae = { class: "flex items-center gap-x-16" }, $e = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ue = { class: "mt-16" }, Pe = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600 py-8 px-16 bg-gray-100" }, Le = { class: "flex justify-between items-center py-8 px-16 border-b-1" }, Ge = { class: "flex items-center gap-8" }, Me = /* @__PURE__ */ j({
+  __name: "AnalyticSheet",
+  emits: ["success"],
+  setup(U, { expose: b, emit: u }) {
+    const v = u, S = ce();
+    ue();
+    const _ = y(!1), r = y(!1), p = {
+      name: "",
+      campaigns: []
+    }, o = y(""), a = y({ ...p }), g = re.superRefine((s, e) => {
+    }), l = y([]), n = y(null), { global: c, minor: w } = me, P = G(() => {
+      const s = g.safeParse(a.value);
+      return s.success ? [] : s.error.errors;
+    });
+    function M(s) {
+      var e;
+      _.value = !0, s ? (n.value = { ...s }, a.value = { ...s, campaigns: (e = s.pf_campaigns) == null ? void 0 : e.map((m) => m._id) }) : (n.value = null, a.value = { ...p });
+    }
+    function F() {
+      _.value = !1, n.value = null;
+    }
+    function K() {
+      r.value = !0;
+    }
+    async function W() {
+      const s = await R.readAll({
+        limit: 1e3,
+        skip: 0,
+        sortBy: "_id",
+        search: "",
+        descending: !0
+      });
+      l.value = s.resources.filter(
+        (e) => !["MEMBERSHIP", "REWARD_POOL"].includes(e.type) && !["ISSUE_REWARD"].includes("event" in e ? e == null ? void 0 : e.event.type : "")
+      );
+    }
+    const N = G(() => {
+      const s = (m) => m.map((C) => ({
+        label: C.name,
+        value: C._id
+      }));
+      return pe(
+        l.value,
+        (m) => de.formattedType(m.type),
+        s
+      );
+    }), q = G(() => Object.entries(N.value).reduce(
+      (s, [e, m]) => {
+        const C = m.filter((B) => {
+          var E, f;
+          return (f = (E = a.value) == null ? void 0 : E.campaigns) == null ? void 0 : f.includes(B.value);
+        }).filter(
+          (B) => B.label.toLowerCase().includes(o.value.toLowerCase())
+        );
+        return C.length > 0 && (s[e] = C), s;
+      },
+      {}
+    ));
+    function J(s) {
+      var m, C;
+      const e = (m = a.value.campaigns) == null ? void 0 : m.indexOf(s);
+      e != null && e > -1 && ((C = a.value.campaigns) == null || C.splice(e, 1));
+    }
+    async function Z() {
+      g.safeParse(a.value).success && await w(
+        async () => {
+          var e;
+          n.value ? await R.updateGroup(
+            (e = n.value) == null ? void 0 : e._id,
+            a.value
+          ) : await R.createGroup(a.value), v("success"), F();
+        },
+        {
+          message: "Saving group",
+          successMessage: "Group saved"
+        }
+      );
+    }
+    async function z() {
+      await w(
+        async () => {
+          var s;
+          await R.deleteGroup((s = n.value) == null ? void 0 : s._id), v("success"), F();
+        },
+        {
+          message: "Deleting group",
+          successMessage: "Group deleted"
+        }
+      );
+    }
+    return I(async () => {
+      await W();
+    }), b({
+      showSheet: M,
+      hideSheet: F
+    }), (s, e) => {
+      const m = x("FmButton"), C = x("FmTextField"), B = x("FmList"), E = x("FmSideSheet");
+      return d(), A(E, {
+        modelValue: t(_),
+        "onUpdate:modelValue": e[7] || (e[7] = (f) => T(_) ? _.value = f : null),
+        header: t(n) ? "Edit group" : "Add group",
+        "dismiss-away": "",
+        "close-button": !0,
+        "max-width": 550
+      }, Y({
+        "side-sheet-footer": L(() => [
+          i("div", Ge, [
+            t(r) ? V("", !0) : (d(), k($, { key: 0 }, [
+              h(m, {
+                label: "Submit",
+                onClick: Z,
+                disabled: t(P).length > 0 || t(S).isLoading
+              }, null, 8, ["disabled"]),
+              h(m, {
+                label: "Cancel",
+                onClick: e[4] || (e[4] = (f) => F()),
+                variant: "tertiary"
+              }),
+              t(n) ? (d(), A(m, {
+                key: 0,
+                label: "Delete",
+                variant: "plain",
+                class: "ml-auto fm-color-system-error-300",
+                onClick: e[5] || (e[5] = (f) => z())
+              })) : V("", !0)
+            ], 64)),
+            t(r) ? (d(), A(m, {
+              key: 1,
+              label: "Confirm",
+              onClick: e[6] || (e[6] = (f) => r.value = !1)
+            })) : V("", !0)
+          ])
+        ]),
+        default: L(() => [
+          t(r) ? V("", !0) : (d(), k("div", Se, [
+            we,
+            h(oe, {
+              modelValue: t(a).name,
+              "onUpdate:modelValue": e[1] || (e[1] = (f) => t(a).name = f),
+              label: "Name",
+              schema: t(se).typeAtPath(t(g), "name")
+            }, null, 8, ["modelValue", "schema"]),
+            Fe,
+            i("div", Ae, [
+              i("div", $e, O(t(a).campaigns.length) + " campaign(s) linked ", 1),
+              h(C, {
+                modelValue: t(o),
+                "onUpdate:modelValue": e[2] || (e[2] = (f) => T(o) ? o.value = f : null),
+                "prepend-icon": "search",
+                placeholder: "Search",
+                class: "w-auto"
+              }, null, 8, ["modelValue"])
+            ]),
+            h(m, {
+              variant: "plain",
+              icon: "link",
+              label: "Link Campaign",
+              onClick: K
+            })
+          ])),
+          t(r) ? (d(), A(ke, {
+            key: 1,
+            modelValue: t(a).campaigns,
+            "onUpdate:modelValue": e[3] || (e[3] = (f) => t(a).campaigns = f),
+            campaigns: t(N)
+          }, null, 8, ["modelValue", "campaigns"])) : V("", !0),
+          i("div", Ue, [
+            t(r) ? V("", !0) : (d(!0), k($, { key: 0 }, D(t(q), (f, Q) => (d(), k("div", null, [
+              i("div", Pe, O(Q), 1),
+              h(B, { separator: !0 }, {
+                default: L(() => [
+                  (d(!0), k($, null, D(f, (H) => (d(), k("div", Le, [
+                    i("div", null, O(H.label), 1),
+                    i("div", null, [
+                      h(m, {
+                        icon: "delete",
+                        onClick: (je) => J(H.value),
+                        variant: "tertiary"
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]))), 256))
+                ]),
+                _: 2
+              }, 1024)
+            ]))), 256))
+          ])
+        ]),
+        _: 2
+      }, [
+        t(r) ? {
+          name: "side-sheet-header",
+          fn: L(() => [
+            i("div", Ve, [
+              h(m, {
+                icon: "arrow_back",
+                variant: "tertiary",
+                onClick: e[0] || (e[0] = (f) => r.value = !1)
+              }),
+              ee("Link campaign ")
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "header"]);
+    };
+  }
+}), Be = { class: "px-24 flex flex-col gap-y-32 pb-24" }, Re = { class: "space-y-16" }, Ee = { class: "flex items-center justify-end" }, Oe = /* @__PURE__ */ i("img", {
+  src: ne,
+  class: "w-[150px]"
+}, null, -1), De = /* @__PURE__ */ i("div", { class: "fm-typo-en-title-sm-800 text-center" }, " Analytics Dashboard Temporarily Unavailable ", -1), Te = /* @__PURE__ */ i("div", { class: "fm-typo-body-en-md-400 text-center text-fm-color-typo-secondary" }, " We apologize for the inconvenience. The analytics dashboard is currently under maintenance to improve your experience. Please check back later for updates on system availability. ", -1), rt = /* @__PURE__ */ j({
+  __name: "Analytic",
+  setup(U) {
+    const { t: b } = ye(), u = {
+      label: b("connect.analytic.addGroup"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, v = ve(), S = y(), _ = y([]), r = y(""), p = te({
+      totalCampaign: 0,
+      totalProgram: 0,
+      totalMember: 0
+    }), o = y("1");
+    b("connect.analytic.summary.totalCampaign"), b("connect.analytic.summary.totalProgram"), b("connect.analytic.summary.totalMember");
+    function a(n) {
+      var c;
+      o.value = (/* @__PURE__ */ new Date()).toISOString(), (c = S.value) == null || c.showSheet(n);
+    }
+    async function g() {
+      await v.readGroups();
+      const n = await R.readAllGrouped({
+        limit: 100,
+        skip: 0,
+        sortBy: "_id",
+        search: "",
+        descending: !0
+      });
+      _.value = n.resources;
+    }
+    G(() => _.value.filter((n) => {
+      var c;
+      return n.name.includes(r.value) || ((c = n.pf_campaigns) == null ? void 0 : c.filter((w) => w.name.includes(r.value)).length);
+    }));
+    const l = fe();
+    return le(), y(!0), G(() => {
+      var n, c, w, P;
+      return !l.storeOption || !l.storeOption.company ? -1 : !l.payoutAccount || !l.payoutAccount.enable || l.payoutAccount.status != "APPROVED" ? 0 : (c = (n = l.store) == null ? void 0 : n.categories) != null && c.length ? (P = (w = l.store) == null ? void 0 : w.categories) != null && P.some(
+        (M) => M.bundles.some((F) => F.isFeedvibe)
+      ) ? 3 : 2 : 1;
+    }), ae(async () => {
+      await l.readMemberStore(), await l.readMembership(), await l.readPayoutAccount();
+    }), (n, c) => {
+      const w = x("FmPageHead"), P = x("FmSearch"), M = x("FmCard");
+      return x("FmButton"), x("FmIcon"), d(), k($, null, [
+        h(w, {
+          title: t(b)("connect.analytic.title"),
+          actions: t(_).length > 0 ? [u] : [],
+          "onClick:action": c[0] || (c[0] = (F) => a())
+        }, null, 8, ["title", "actions"]),
+        i("div", Be, [
+          i("div", Re, [
+            i("div", Ee, [
+              h(P, {
+                class: "xs:hidden",
+                modelValue: t(r),
+                "onUpdate:modelValue": c[1] || (c[1] = (F) => T(r) ? r.value = F : null),
+                placeholder: t(b)("connect.analytic.search"),
+                collapsible: ""
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            V("", !0)
+          ]),
+          V("", !0),
+          t(_).length ? V("", !0) : (d(), A(M, {
+            key: 1,
+            variant: "outlined",
+            class: "flex flex-col gap-y-24 items-center p-16"
+          }, {
+            default: L(() => [
+              Oe,
+              De,
+              Te
+            ]),
+            _: 1
+          })),
+          V("", !0),
+          h(Me, {
+            ref_key: "sheetRef",
+            ref: S,
+            onSuccess: g
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  rt as default
+};