@feedmepos/mf-connect 0.1.37-prod → 0.1.38-beta.2

package/dist/Analytic-BjSfI2Ff.js

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