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

package/dist/Analytic-BjSfI2Ff.js

@@ -1,761 +0,0 @@
-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
-};