@feedmepos/mf-connect 0.1.98-beta.4 → 0.1.98-beta.40

package/dist/LoyaltyDashboard-DIArPp71.js

@@ -1,1082 +0,0 @@
-import { defineComponent as M, resolveComponent as g, openBlock as u, createBlock as C, withCtx as N, createElementVNode as t, createElementBlock as v, Fragment as F, renderList as B, normalizeClass as w, toDisplayString as n, createVNode as b, createCommentVNode as H, createTextVNode as ke, normalizeStyle as Ae, computed as _, unref as y, ref as $, watch as fe, onMounted as Ie } from "vue";
-import { h as ye } from "./moment-D7p2TMB-.js";
-import { _ as Be } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { _ as be } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-eIoPtgO5.js";
-import { u as Ne } from "./loading-Dfr_97Ri.js";
-import { g as k, S as Te, b as je } from "./index-BZVhi3ZG.js";
-import { u as Ee } from "./business-CYpW6-Ls.js";
-import { m as z, C as ve } from "./index-Ck3PeOQ5.js";
-import { useCoreStore as Ve } from "@feedmepos/mf-common";
-const Je = { class: "flex flex-col" }, qe = { class: "flex-1 min-w-0" }, Oe = { class: "fm-typo-en-body-sm-600 whitespace-nowrap overflow-hidden text-ellipsis" }, ze = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary mt-2" }, Ke = { class: "text-right flex-shrink-0" }, Ue = { class: "fm-typo-en-title-xs-800" }, We = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary mt-2" }, Ye = /* @__PURE__ */ M({
-  __name: "CampaignActivityList",
-  props: {
-    campaigns: {}
-  },
-  setup(e) {
-    return (s, o) => {
-      const d = g("FmCard");
-      return u(), C(d, {
-        variant: "outlined",
-        class: "p-24"
-      }, {
-        default: N(() => [
-          o[0] || (o[0] = t("div", { class: "flex items-center mb-14" }, [
-            t("div", { class: "flex-1 fm-typo-en-body-md-600" }, "Recent campaigns"),
-            t("a", {
-              href: "#",
-              class: "fm-typo-en-body-xs-600 text-fm-color-primary no-underline"
-            }, "All campaigns")
-          ], -1)),
-          t("div", Je, [
-            (u(!0), v(F, null, B(e.campaigns, (a) => (u(), v("div", {
-              key: a.name,
-              class: "flex items-start gap-10 py-10 border-b border-fm-color-neutral-gray-100 last:border-b-0 cursor-pointer"
-            }, [
-              t("div", {
-                class: w(["w-7 h-7 rounded-full bg-current flex-shrink-0 mt-5", a.statusClass])
-              }, null, 2),
-              t("div", qe, [
-                t("div", Oe, n(a.name), 1),
-                t("div", ze, n(a.date) + " · " + n(a.type), 1)
-              ]),
-              t("div", Ke, [
-                t("div", Ue, n(a.metric), 1),
-                t("div", We, n(a.metricLabel), 1)
-              ])
-            ]))), 128))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), He = { class: "flex items-center gap-8" }, Ge = { class: "w-[30px] h-[30px] rounded-8 bg-[#FFF0E2] flex items-center justify-center flex-shrink-0" }, Qe = { class: "bg-[#FFF6EE] rounded-10 p-14" }, Xe = { class: "fm-typo-en-body-sm-700 mb-6" }, Ze = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, et = { class: "flex flex-col gap-6" }, tt = { class: "border-t border-fm-color-neutral-gray-100 pt-12 flex flex-col gap-7" }, st = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, at = /* @__PURE__ */ M({
-  __name: "InsightPanel",
-  props: {
-    insight: {}
-  },
-  emits: ["view-segment"],
-  setup(e, { emit: s }) {
-    const o = s;
-    return (d, a) => {
-      const l = g("FmIcon"), i = g("FmButton"), c = g("FmCard");
-      return u(), C(c, {
-        variant: "outlined",
-        class: "p-24 flex flex-col gap-14"
-      }, {
-        default: N(() => [
-          t("div", He, [
-            t("div", Ge, [
-              b(l, {
-                name: "info",
-                outline: "",
-                size: "sm",
-                class: "!text-fm-color-primary"
-              })
-            ]),
-            a[1] || (a[1] = t("div", { class: "fm-typo-en-body-md-600" }, "Action insight", -1))
-          ]),
-          t("div", Qe, [
-            t("div", Xe, n(e.insight.title), 1),
-            t("div", Ze, n(e.insight.body), 1)
-          ]),
-          t("div", et, [
-            a[2] || (a[2] = t("div", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-1" }, " Suggested actions ", -1)),
-            b(i, {
-              label: e.insight.primaryLabel,
-              "append-icon": "arrow_forward",
-              class: "!justify-between"
-            }, null, 8, ["label"]),
-            b(i, {
-              variant: "secondary",
-              label: e.insight.secondaryLabel,
-              "append-icon": "arrow_forward",
-              class: "!justify-between",
-              onClick: a[0] || (a[0] = (p) => o("view-segment", e.insight.secondaryStage))
-            }, null, 8, ["label"])
-          ]),
-          t("div", tt, [
-            a[4] || (a[4] = t("div", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-1" }, " Other signals ", -1)),
-            (u(!0), v(F, null, B(e.insight.signals, (p) => (u(), v("div", {
-              key: p.text,
-              class: "flex items-start gap-7"
-            }, [
-              a[3] || (a[3] = t("div", { class: "w-4 h-4 rounded-full bg-fm-color-neutral-gray-200 flex-shrink-0 mt-6" }, null, -1)),
-              t("div", st, n(p.text), 1)
-            ]))), 128))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), rt = { class: "grid grid-cols-5 xs:grid-cols-2 gap-12" }, ot = { class: "flex items-center gap-8" }, nt = { class: "w-[30px] h-[30px] rounded-8 bg-[#FFF6EE] flex items-center justify-center flex-shrink-0" }, lt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary flex-1 min-w-0" }, it = { class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary whitespace-nowrap overflow-hidden text-ellipsis" }, ct = {
-  key: 0,
-  class: "text-fm-color-typo-success fm-typo-en-body-xs-600 -mt-4"
-}, mt = { class: "flex items-center gap-4 flex-wrap" }, dt = /* @__PURE__ */ M({
-  __name: "KpiStrip",
-  props: {
-    kpis: {}
-  },
-  setup(e) {
-    return (s, o) => {
-      const d = g("FmIcon"), a = g("FmCard");
-      return u(), v("section", rt, [
-        (u(!0), v(F, null, B(e.kpis, (l) => (u(), C(a, {
-          key: l.label,
-          variant: "outlined",
-          class: "flex flex-col gap-8 p-16 min-w-0 overflow-hidden"
-        }, {
-          default: N(() => [
-            t("div", ot, [
-              t("div", nt, [
-                b(d, {
-                  name: l.icon,
-                  outline: "",
-                  size: "sm",
-                  class: "!text-fm-color-primary"
-                }, null, 8, ["name"])
-              ]),
-              t("span", lt, n(l.label), 1)
-            ]),
-            t("div", it, n(l.value), 1),
-            l.sub ? (u(), v("div", ct, n(l.sub), 1)) : H("", !0),
-            t("div", mt, [
-              b(d, {
-                name: l.trendUp ? "trending_up" : "trending_down",
-                size: "xs",
-                class: w(l.deltaClass)
-              }, null, 8, ["name", "class"]),
-              t("span", {
-                class: w(["fm-typo-en-body-xs-600", l.deltaClass])
-              }, n(l.delta), 3),
-              o[0] || (o[0] = t("span", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary" }, "vs prev", -1))
-            ])
-          ]),
-          _: 2
-        }, 1024))), 128))
-      ]);
-    };
-  }
-}), ut = { class: "flex items-center mb-16" }, pt = { class: "flex flex-col gap-9" }, ft = ["onClick"], yt = { class: "fm-typo-en-title-xs-800 min-w-[38px] text-right" }, bt = { class: "fm-typo-en-body-xs-500 text-fm-color-typo-tertiary min-w-[34px] text-right" }, vt = { class: "mt-14 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, gt = /* @__PURE__ */ M({
-  __name: "LifecycleSegments",
-  props: {
-    segments: {},
-    summary: {},
-    interactive: { type: Boolean, default: !0 }
-  },
-  emits: ["select"],
-  setup(e, { emit: s }) {
-    const o = e, d = s;
-    return (a, l) => {
-      const i = g("FmButton"), c = g("FmProgressBar"), p = g("FmCard");
-      return u(), C(p, {
-        variant: "outlined",
-        class: "p-24"
-      }, {
-        default: N(() => [
-          t("div", ut, [
-            l[0] || (l[0] = t("div", { class: "flex-1 fm-typo-en-body-md-600" }, "Member lifecycle", -1)),
-            b(i, {
-              variant: "secondary",
-              size: "sm",
-              label: "Create campaign"
-            })
-          ]),
-          t("div", pt, [
-            (u(!0), v(F, null, B(o.segments, (m) => (u(), v("div", {
-              key: m.id,
-              class: w(["flex items-center gap-9 px-6 py-3 -mx-6 rounded-8", o.interactive ? "cursor-pointer hover:bg-fm-color-neutral-gray-100/50" : "cursor-default"]),
-              onClick: (S) => o.interactive && d("select", m.id)
-            }, [
-              t("span", {
-                class: w(["fm-typo-en-body-xs-600 w-[90px] flex-shrink-0", m.labelClass])
-              }, n(m.label), 3),
-              b(c, {
-                class: "flex-1",
-                value: m.barPct,
-                color: m.barColor,
-                size: "md"
-              }, null, 8, ["value", "color"]),
-              t("span", yt, n(m.countStr), 1),
-              t("span", bt, n(m.pctStr), 1)
-            ], 10, ft))), 128))
-          ]),
-          t("div", vt, n(o.summary), 1)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), xt = { class: "flex items-center gap-12 mb-16" }, ht = { class: "flex-1" }, _t = { class: "fm-typo-en-body-md-600" }, wt = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary mt-1" }, $t = { class: "flex items-center gap-8 min-w-0" }, St = { class: "w-[28px] h-[28px] rounded-full bg-[#FFF0E2] flex items-center justify-center fm-typo-en-body-xs-700 text-fm-color-primary flex-shrink-0" }, Ft = { class: "min-w-0" }, Mt = { class: "fm-typo-en-body-sm-600 whitespace-nowrap overflow-hidden text-ellipsis" }, Ct = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary whitespace-nowrap overflow-hidden text-ellipsis" }, Rt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Pt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Lt = { class: "fm-typo-en-body-sm-600" }, Dt = { class: "pt-14 flex items-center justify-center gap-4 fm-typo-en-body-xs-400 text-fm-color-typo-tertiary" }, ge = "grid-cols-[1fr_108px_130px_76px_88px]", kt = /* @__PURE__ */ M({
-  __name: "MemberDrillDownTable",
-  props: {
-    title: {},
-    countLabel: {},
-    members: {}
-  },
-  emits: ["close"],
-  setup(e, { emit: s }) {
-    const o = s;
-    return (d, a) => {
-      const l = g("FmButton"), i = g("FmCard");
-      return u(), C(i, {
-        variant: "outlined",
-        class: "p-24"
-      }, {
-        default: N(() => [
-          t("div", xt, [
-            t("div", ht, [
-              t("div", _t, n(e.title), 1),
-              t("div", wt, n(e.countLabel), 1)
-            ]),
-            b(l, {
-              variant: "secondary",
-              size: "sm",
-              "prepend-icon": "close",
-              label: "Close",
-              onClick: a[0] || (a[0] = (c) => o("close"))
-            })
-          ]),
-          t("div", {
-            class: w(["grid gap-8 p-8 bg-[#FAFAFA] rounded-8 mb-2", ge])
-          }, [...a[1] || (a[1] = [
-            t("span", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide" }, "Member", -1),
-            t("span", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide" }, "Joined", -1),
-            t("span", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide" }, "Last active", -1),
-            t("span", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide" }, "Points", -1),
-            t("span", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide" }, "Status", -1)
-          ])], 2),
-          (u(!0), v(F, null, B(e.members, (c) => (u(), v("div", {
-            key: c.email,
-            class: w(["grid gap-8 py-12 px-8 border-b border-fm-color-neutral-gray-100 items-center", ge])
-          }, [
-            t("div", $t, [
-              t("div", St, n(c.initials), 1),
-              t("div", Ft, [
-                t("div", Mt, n(c.name), 1),
-                t("div", Ct, n(c.email), 1)
-              ])
-            ]),
-            t("span", Rt, n(c.joined), 1),
-            t("span", Pt, n(c.lastActive), 1),
-            t("span", Lt, n(c.points), 1),
-            t("span", {
-              class: w(["fm-typo-en-body-xs-600 px-9 py-3 rounded-full inline-block whitespace-nowrap w-fit", c.statusClass])
-            }, n(c.status), 3)
-          ], 2))), 128)),
-          t("div", Dt, [
-            ke(n(e.countLabel) + " · ", 1),
-            a[2] || (a[2] = t("a", {
-              href: "#",
-              class: "text-fm-color-primary fm-typo-en-body-xs-600 no-underline ml-4"
-            }, "View all in Members", -1))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), At = { class: "flex items-start gap-8 mb-20" }, It = { class: "flex-1" }, Bt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-2" }, Nt = {
-  key: 0,
-  class: "flex items-start pl-[150px] ml-12"
-}, Tt = { class: "flex flex-col items-start gap-3 py-1" }, jt = { class: "flex items-center gap-6" }, Et = {
-  key: 0,
-  class: "fm-typo-en-body-xs-600 text-fm-color-typo-warning bg-[#FFF0E2] px-10 py-3 rounded-full whitespace-nowrap"
-}, Vt = ["onClick"], Jt = { class: "w-[140px] flex-shrink-0" }, qt = { class: "fm-typo-en-body-sm-600" }, Ot = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-1" }, zt = { class: "w-[72px] text-right flex-shrink-0" }, Kt = { class: "fm-typo-en-title-xs-800" }, Ut = {
-  key: 0,
-  class: "fm-typo-en-body-xs-500 text-fm-color-typo-tertiary"
-}, Wt = { class: "mt-14 pt-12 border-t border-fm-color-neutral-gray-100" }, Yt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary text-right" }, Ht = /* @__PURE__ */ M({
-  __name: "MemberFunnel",
-  props: {
-    stages: {},
-    footnote: {},
-    interactive: { type: Boolean, default: !0 }
-  },
-  emits: ["select"],
-  setup(e, { emit: s }) {
-    const o = e, d = s;
-    function a(l) {
-      o.interactive && d("select", l);
-    }
-    return (l, i) => {
-      const c = g("FmProgressBar"), p = g("FmCard");
-      return u(), C(p, {
-        variant: "outlined",
-        class: "p-24"
-      }, {
-        default: N(() => [
-          t("div", At, [
-            t("div", It, [
-              i[0] || (i[0] = t("div", { class: "fm-typo-en-body-md-600" }, "Member funnel", -1)),
-              t("div", Bt, n(o.interactive ? "Strict member-only · visitors excluded · click any stage to drill down" : "Strict member-only · visitors excluded"), 1)
-            ])
-          ]),
-          (u(!0), v(F, null, B(e.stages, (m, S) => (u(), v("div", {
-            key: m.id
-          }, [
-            m.hasDropLine ? (u(), v("div", Nt, [
-              t("div", Tt, [
-                i[1] || (i[1] = t("div", { class: "w-[1px] h-[10px] bg-fm-color-neutral-gray-100 ml-[9px]" }, null, -1)),
-                t("div", jt, [
-                  t("span", {
-                    class: w(["fm-typo-en-body-xs-600 px-10 py-3 rounded-full whitespace-nowrap", m.dropClass])
-                  }, n(m.conversionStr), 3),
-                  m.isBiggestDrop ? (u(), v("span", Et, " biggest drop ")) : H("", !0)
-                ]),
-                i[2] || (i[2] = t("div", { class: "w-[1px] h-[10px] bg-fm-color-neutral-gray-100 ml-[9px]" }, null, -1))
-              ])
-            ])) : H("", !0),
-            t("div", {
-              class: w(["flex items-center gap-10 py-7 px-10 -mx-10 rounded-10", o.interactive ? "cursor-pointer hover:bg-fm-color-neutral-gray-100/50" : ""]),
-              onClick: (R) => a(m.id)
-            }, [
-              t("div", Jt, [
-                t("div", qt, n(m.label), 1),
-                t("div", Ot, n(m.desc), 1)
-              ]),
-              b(c, {
-                class: "flex-1",
-                value: m.barWidthPct,
-                color: m.barColor,
-                size: "lg"
-              }, null, 8, ["value", "color"]),
-              t("div", zt, [
-                t("div", Kt, n(m.countStr), 1),
-                m.hasConvRate ? (u(), v("div", Ut, n(m.convRateLabel), 1)) : H("", !0)
-              ])
-            ], 10, Vt)
-          ]))), 128)),
-          t("div", Wt, [
-            t("div", Yt, n(e.footnote), 1)
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Gt = { class: "grid grid-cols-3 gap-10 mb-16" }, Qt = { class: "fm-typo-en-body-xs-500 text-fm-color-typo-secondary mb-4" }, Xt = { class: "fm-typo-en-title-xs-800" }, Zt = { class: "flex flex-col gap-9" }, es = { class: "flex-1 fm-typo-en-body-sm-400 whitespace-nowrap overflow-hidden text-ellipsis" }, ts = { class: "fm-typo-en-body-xs-600 text-fm-color-typo-secondary flex-shrink-0" }, ss = { class: "w-[48px] h-4 bg-fm-color-neutral-gray-100 rounded-2 overflow-hidden flex-shrink-0" }, as = /* @__PURE__ */ M({
-  __name: "RewardPerformance",
-  props: {
-    kpis: {},
-    topRewards: {}
-  },
-  setup(e) {
-    return (s, o) => {
-      const d = g("FmCard");
-      return u(), C(d, {
-        variant: "outlined",
-        class: "p-24"
-      }, {
-        default: N(() => [
-          o[1] || (o[1] = t("div", { class: "flex items-center mb-16" }, [
-            t("div", { class: "flex-1 fm-typo-en-body-md-600" }, "Reward performance"),
-            t("a", {
-              href: "#",
-              class: "fm-typo-en-body-xs-600 text-fm-color-primary no-underline"
-            }, "All rewards")
-          ], -1)),
-          t("div", Gt, [
-            (u(!0), v(F, null, B(e.kpis, (a) => (u(), v("div", {
-              key: a.label,
-              class: "bg-[#FAFAFA] rounded-10 p-12"
-            }, [
-              t("div", Qt, n(a.label), 1),
-              t("div", Xt, n(a.value), 1),
-              t("div", {
-                class: w(["fm-typo-en-body-xs-600 mt-3", a.deltaClass])
-              }, n(a.delta), 3)
-            ]))), 128))
-          ]),
-          o[2] || (o[2] = t("div", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-10" }, " Top redeemed ", -1)),
-          t("div", Zt, [
-            (u(!0), v(F, null, B(e.topRewards, (a) => (u(), v("div", {
-              key: a.name,
-              class: "flex items-center gap-9"
-            }, [
-              o[0] || (o[0] = t("div", { class: "w-6 h-6 rounded-2 bg-fm-color-primary flex-shrink-0" }, null, -1)),
-              t("span", es, n(a.name), 1),
-              t("span", ts, n(a.count), 1),
-              t("div", ss, [
-                t("div", {
-                  class: "h-full bg-fm-color-primary rounded-2",
-                  style: Ae({ width: a.barPct + "%" })
-                }, null, 4)
-              ])
-            ]))), 128))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), rs = { class: "flex items-baseline gap-10 mb-14 flex-wrap" }, os = { class: "fm-typo-en-title-lg-800" }, ns = /* @__PURE__ */ M({
-  __name: "SalesTrendChart",
-  props: {
-    sales: {}
-  },
-  setup(e) {
-    const s = e, o = _(() => [
-      {
-        label: "This period",
-        data: s.sales.series,
-        color: "#FF7823",
-        fill: !0
-      },
-      {
-        label: "Prev. period",
-        data: s.sales.prevSeries,
-        color: "#B2B3B6",
-        dash: !0
-      }
-    ]), d = { display: !1 };
-    return (a, l) => {
-      const i = g("FmLineChart"), c = g("FmCard");
-      return u(), C(c, {
-        variant: "outlined",
-        class: "p-24"
-      }, {
-        default: N(() => [
-          l[1] || (l[1] = t("div", { class: "fm-typo-en-body-md-600 mb-6" }, "Member sales trend", -1)),
-          t("div", rs, [
-            t("span", os, n(e.sales.totalFmt), 1),
-            t("span", {
-              class: w(["fm-typo-en-body-xs-600 px-9 py-3 rounded-full whitespace-nowrap", e.sales.deltaClass])
-            }, n(e.sales.deltaStr), 3),
-            l[0] || (l[0] = t("span", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary" }, "vs prev. period", -1))
-          ]),
-          b(i, {
-            datasets: y(o),
-            "x-axis": { categories: e.sales.categories },
-            "x-cfg": d,
-            "y-cfg": d,
-            legend: { display: !1 },
-            height: "80px"
-          }, null, 8, ["datasets", "x-axis"]),
-          l[2] || (l[2] = t("div", { class: "flex items-center gap-14 mt-10" }, [
-            t("div", { class: "flex items-center gap-5" }, [
-              t("div", { class: "w-14 h-2 bg-fm-color-primary rounded-1" }),
-              t("span", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, "This period")
-            ]),
-            t("div", { class: "flex items-center gap-5" }, [
-              t("div", { class: "w-14 border-t-[1.5px] border-dashed border-fm-color-neutral-gray-200" }),
-              t("span", { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary" }, "Prev. period")
-            ])
-          ], -1))
-        ]),
-        _: 1
-      });
-    };
-  }
-}), A = () => {
-  const e = Te.getBusinessId();
-  if (!e) throw new Error("Invalid business ID");
-  return je(`businesses/${e}/loyalty-dashboard`, {
-    noIdRequired: !0
-  });
-}, I = {
-  async readTotalMembers(e) {
-    return k(
-      await A().post(
-        "metrics/total-members",
-        e
-      )
-    );
-  },
-  async readActiveMembers(e) {
-    return k(
-      await A().post(
-        "metrics/active-members",
-        e
-      )
-    );
-  },
-  async readMemberSales(e) {
-    return k(
-      await A().post("metrics/member-sales", e)
-    );
-  },
-  async readMemberSalesTrend(e) {
-    return k(
-      await A().post(
-        "metrics/member-sales-trend",
-        e
-      )
-    );
-  },
-  async readRepeatRate(e) {
-    return k(
-      await A().post("metrics/repeat-rate", e)
-    );
-  },
-  async readVoucherRedemptionRate(e) {
-    return k(
-      await A().post(
-        "metrics/voucher-redemption-rate",
-        e
-      )
-    );
-  },
-  async readMemberFunnel(e) {
-    return k(
-      await A().post(
-        "metrics/member-funnel",
-        e
-      )
-    );
-  },
-  async readMemberLifecycle(e) {
-    return k(
-      await A().post(
-        "metrics/member-lifecycle",
-        e
-      )
-    );
-  }
-};
-function ls(e, s, o = /* @__PURE__ */ new Date()) {
-  const d = z.tz(o, s).endOf("day"), a = d.clone().startOf("day");
-  return a.startOf("month"), [a.toISOString(), d.toISOString()];
-}
-function is(e, s) {
-  return e.length ? e : s;
-}
-function cs(e) {
-  return {
-    dateRange: e.dateRange,
-    restaurantIds: is(
-      e.selectedLocationIds,
-      e.locationIds
-    ),
-    timezone: e.timezone
-  };
-}
-function ms(e) {
-  if (!e.startDate || !e.endDate) return "this-month";
-  const s = z(e.endDate).diff(z(e.startDate), "days") + 1;
-  return s <= 10 ? "last-7" : s <= 35 ? "this-month" : s <= 100 ? "last-30" : "last-quarter";
-}
-function xe(e) {
-  const [s, o] = e, d = z(o).diff(z(s)), a = z(s).subtract(1, "millisecond");
-  return [a.clone().subtract(d, "milliseconds").toISOString(), a.toISOString()];
-}
-const ae = {
-  "this-month": {
-    total: 12847,
-    totalNew: 234,
-    totalPrev: 12613,
-    active: 4621,
-    activePrev: 4789,
-    purchasing: 2941,
-    purchasingPrev: 2841,
-    repeat: 1176,
-    repeatPrev: 1089,
-    redeemers: 353,
-    redeemersPrev: 420,
-    memberSales: 84320,
-    memberSalesPrev: 77814,
-    series: [2100, 2400, 2200, 2800, 3100, 2700, 3200, 3600, 3100, 3900, 4200, 3800, 4100, 4600, 4300, 4800, 5200, 4900, 5400, 5100],
-    prev: [1800, 2100, 1900, 2400, 2700, 2300, 2800, 3100, 2700, 3400, 3700, 3300, 3600, 4100, 3800, 4300, 4600, 4200, 4800, 4500]
-  },
-  "last-7": {
-    total: 12847,
-    totalNew: 52,
-    totalPrev: 12795,
-    active: 1840,
-    activePrev: 1910,
-    purchasing: 1102,
-    purchasingPrev: 1089,
-    repeat: 441,
-    repeatPrev: 412,
-    redeemers: 128,
-    redeemersPrev: 152,
-    memberSales: 19240,
-    memberSalesPrev: 21300,
-    series: [2600, 2400, 2800, 2200, 3100, 2900, 3200],
-    prev: [2900, 2700, 3100, 2500, 3300, 3100, 3500]
-  },
-  "last-30": {
-    total: 12847,
-    totalNew: 680,
-    totalPrev: 12167,
-    active: 5840,
-    activePrev: 5420,
-    purchasing: 3610,
-    purchasingPrev: 3240,
-    repeat: 1446,
-    repeatPrev: 1296,
-    redeemers: 462,
-    redeemersPrev: 480,
-    memberSales: 112400,
-    memberSalesPrev: 98600,
-    series: [2100, 2400, 2200, 2800, 3100, 2700, 3200, 3600, 3100, 3900, 4200, 3800, 4100, 4600, 4300, 4800, 5200, 4900, 5400, 5100, 4800, 5300, 5600, 5100, 5800, 5500, 5900, 6200, 5800, 6400],
-    prev: [1800, 2100, 1900, 2400, 2700, 2300, 2800, 3100, 2700, 3400, 3700, 3300, 3600, 4100, 3800, 4300, 4600, 4200, 4800, 4500, 4200, 4700, 5e3, 4600, 5200, 4900, 5300, 5600, 5200, 5800]
-  },
-  "last-quarter": {
-    total: 12847,
-    totalNew: 1840,
-    totalPrev: 11007,
-    active: 6920,
-    activePrev: 5840,
-    purchasing: 4290,
-    purchasingPrev: 3520,
-    repeat: 1802,
-    repeatPrev: 1408,
-    redeemers: 612,
-    redeemersPrev: 504,
-    memberSales: 311600,
-    memberSalesPrev: 256800,
-    series: [35e3, 38e3, 36e3, 42e3, 45e3, 43e3, 48e3, 52e3, 49e3, 55e3, 58e3, 56e3],
-    prev: [28e3, 3e4, 29e3, 34e3, 36e3, 34e3, 38e3, 42e3, 4e4, 44e3, 47e3, 46e3]
-  }
-}, O = (e, s) => s ? Math.round(e / s * 1e3) / 10 : 0, se = (e, s) => s ? Math.round((e - s) / s * 1e3) / 10 : 0, K = (e) => e >= 1e3 ? (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : String(e), ce = (e) => "$" + e.toLocaleString("en-US", {
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2
-}), ds = ["neutral-black", "primary", "#FF9C52", "#FFB577", "#FFD0A3"], x = { text: "text-fm-color-typo-success", bg: "bg-fm-color-system-success-100" }, me = { text: "text-fm-color-typo-error", bg: "bg-fm-color-system-error-100" }, G = { text: "text-fm-color-typo-warning", bg: "bg-fm-color-system-warning-100" };
-function Y(e) {
-  return e ? x.text : me.text;
-}
-function _e(e) {
-  const s = [
-    {
-      id: "total",
-      label: "Total members",
-      count: e.totalMembers,
-      desc: "All members through period end",
-      denom: null
-    },
-    {
-      id: "active",
-      label: "Active members",
-      count: e.activeMembers,
-      desc: "Purchase or reward activity",
-      denom: e.totalMembers
-    },
-    {
-      id: "purchasing",
-      label: "Purchase members",
-      count: e.purchasingMembers,
-      desc: "At least 1 completed order",
-      denom: e.activeMembers
-    },
-    {
-      id: "repeat",
-      label: "Repeat members",
-      count: e.repeatMembers,
-      desc: "Had prior order history",
-      denom: e.purchasingMembers
-    },
-    {
-      id: "redeemers",
-      label: "Reward redeemers",
-      count: e.rewardRedeemers,
-      desc: "Repeat member used reward",
-      denom: e.repeatMembers
-    }
-  ], o = s.map(
-    (i, c) => c === 0 || !i.denom ? null : O(i.count, i.denom)
-  );
-  let d = 1, a = 100;
-  return o.forEach((i, c) => {
-    c > 0 && i !== null && i < a && (a = i, d = c);
-  }), {
-    funnelStages: s.map((i, c) => {
-      const p = o[c], m = c === d;
-      return {
-        id: i.id,
-        label: i.label,
-        desc: i.desc,
-        countStr: K(i.count),
-        conversionStr: p != null ? `${p}% convert` : "",
-        convRateLabel: p != null ? `${p}% of prev` : "",
-        hasConvRate: c > 0,
-        hasDropLine: c > 0,
-        isBiggestDrop: m,
-        barColor: ds[c] ?? "#FFD0A3",
-        barWidthPct: e.totalMembers > 0 && i.count > 0 ? Math.max(O(i.count, e.totalMembers), 1) : 0,
-        dropClass: m ? `${G.text} bg-[#FFF0E2]` : "text-fm-color-typo-secondary bg-fm-color-neutral-gray-100"
-      };
-    }),
-    funnelFootnote: `${e.totalMembers.toLocaleString()} total members`,
-    convRates: o,
-    biggestDropIdx: d
-  };
-}
-function us(e) {
-  const { funnelStages: s, funnelFootnote: o } = _e(e);
-  return { funnelStages: s, funnelFootnote: o };
-}
-function ps(e) {
-  return {
-    categories: e.categories,
-    series: e.series,
-    prevSeries: e.prevSeries,
-    totalFmt: ce(e.memberSales),
-    deltaStr: `${e.deltaPct >= 0 ? "+" : ""}${e.deltaPct}%`,
-    deltaClass: Y(e.deltaPct >= 0)
-  };
-}
-function we(e) {
-  const s = [
-    {
-      id: "new",
-      label: "Newly joined",
-      count: e.newlyJoined,
-      labelClass: x.text,
-      barColor: "typo-success"
-    },
-    {
-      id: "frequent",
-      label: "Frequent",
-      count: e.frequent,
-      labelClass: "text-fm-color-primary",
-      barColor: "primary"
-    },
-    {
-      id: "infrequent",
-      label: "Infrequent",
-      count: e.infrequent,
-      labelClass: "text-fm-color-typo-secondary",
-      barColor: "neutral-gray-300"
-    },
-    {
-      id: "at-risk",
-      label: "At-risk",
-      count: e.atRisk,
-      labelClass: G.text,
-      barColor: "#FFC746"
-    },
-    {
-      id: "dormant",
-      label: "Dormant",
-      count: e.dormant,
-      labelClass: me.text,
-      barColor: "#FFCFCC"
-    }
-  ], o = Math.max(...s.map((a) => a.count), 1);
-  return {
-    lifecycleSegs: s.map((a) => ({
-      ...a,
-      barPct: Math.round(a.count / o * 100),
-      pctStr: `${e.totalMembers ? Math.round(a.count / e.totalMembers * 100) : 0}%`,
-      countStr: K(a.count)
-    })),
-    lifecycleSummary: `${K(
-      e.atRisk + e.dormant
-    )} members are at-risk or dormant`
-  };
-}
-function fs(e) {
-  return we(e);
-}
-function ys(e) {
-  const s = ae[e] ?? ae["this-month"], o = se(s.memberSales, s.memberSalesPrev), { funnelStages: d, funnelFootnote: a, convRates: l, biggestDropIdx: i } = _e({
-    totalMembers: s.total,
-    activeMembers: s.active,
-    purchasingMembers: s.purchasing,
-    repeatMembers: s.repeat,
-    rewardRedeemers: s.redeemers
-  }), c = {
-    1: { title: "Many members are not active", body: `Only ${l[1]}% of members took any action this period. Most who joined have gone quiet — an onboarding or reactivation campaign could help.`, primaryLabel: "Create reactivation campaign", secondaryLabel: "View inactive members", secondaryStage: "total" },
-    2: { title: "Active members aren't purchasing", body: `${l[2]}% of active members completed an order. Members are engaging but not buying — review purchase incentives or point triggers.`, primaryLabel: "Review purchase incentives", secondaryLabel: "View non-purchasing members", secondaryStage: "active" },
-    3: { title: "Members aren't returning after first purchase", body: `${l[3]}% of purchasing members have repeat history. Most buy once and don't come back — a retention campaign could help.`, primaryLabel: "Create retention campaign", secondaryLabel: "View one-time buyers", secondaryStage: "purchasing" },
-    4: { title: "Repeat members aren't using rewards", body: `Only ${l[4]}% of repeat members redeemed a reward. Your most loyal members may not be aware of rewards or find redemption unclear.`, primaryLabel: "Review reward setup", secondaryLabel: "View non-redeeming members", secondaryStage: "repeat" }
-  }, m = {
-    ...c[i] ?? c[4],
-    signals: [
-      { text: `${s.active.toLocaleString()} active members — ${l[1]}% of total base this period` },
-      { text: `Member sales ${o >= 0 ? "+" : ""}${o}% — loyalty is ${o >= 0 ? "driving revenue growth" : "lagging behind revenue"}` },
-      { text: `${s.totalNew} new members joined, ${K(s.total - s.totalNew)} are existing base` }
-    ]
-  }, S = O(s.repeat, s.purchasing), R = O(s.repeatPrev, s.purchasingPrev), P = O(s.redeemers, s.repeat), U = O(s.redeemersPrev, s.repeatPrev), L = (Z, D, T, ee, oe, ne = !1) => ({
-    label: Z,
-    value: D,
-    sub: ee,
-    delta: `${T >= 0 ? "+" : ""}${T}${ne ? "pp" : "%"}`,
-    deltaClass: Y(T >= 0),
-    trendUp: T >= 0,
-    icon: oe
-  }), E = [
-    L("Total members", K(s.total), se(s.total, s.totalPrev), `+${s.totalNew} new`, "group"),
-    L("Active members", K(s.active), se(s.active, s.activePrev), null, "bolt"),
-    L("Member sales", ce(s.memberSales), o, null, "payments"),
-    L("Repeat rate", `${S}%`, Math.round((S - R) * 10) / 10, null, "repeat", !0),
-    L("Voucher redemption rate", `${P}%`, Math.round((P - U) * 10) / 10, null, "redeem", !0)
-  ], { lifecycleSegs: V, lifecycleSummary: W } = we({
-    totalMembers: s.total,
-    newlyJoined: s.totalNew,
-    frequent: Math.round(s.active * 0.4),
-    infrequent: Math.round(s.active * 0.6),
-    atRisk: Math.round((s.total - s.active) * 0.4),
-    dormant: Math.round((s.total - s.active) * 0.6)
-  }), J = se(s.redeemers, s.redeemersPrev), q = Math.round((P - U) * 10) / 10, h = [
-    { label: "Total redeemed", value: String(s.redeemers), delta: `${J >= 0 ? "+" : ""}${J}%`, deltaClass: Y(J >= 0) },
-    { label: "Redemption rate", value: `${P}%`, delta: `${q >= 0 ? "+" : ""}${q}pp`, deltaClass: Y(q >= 0) },
-    { label: "Avg per member", value: `${(Math.round(s.redeemers / Math.max(s.repeat, 1) * 100) / 100).toFixed(2)}x`, delta: "+0.1x", deltaClass: x.text }
-  ], Q = [
-    { name: "Flat white freebie", count: "142", barPct: 100 },
-    { name: "$5 cashback voucher", count: "98", barPct: 69 },
-    { name: "50 bonus points", count: "73", barPct: 51 },
-    { name: "Free size upgrade", count: "40", barPct: 28 }
-  ], X = {
-    categories: s.series.map((Z, D) => String(D + 1)),
-    series: s.series,
-    prevSeries: s.prev,
-    totalFmt: ce(s.memberSales),
-    deltaStr: `${o >= 0 ? "+" : ""}${o}%`,
-    deltaClass: Y(o >= 0)
-  }, re = [
-    { name: "Re-engage at-risk members", date: "14 Jun", type: "SMS", metric: "18.4%", metricLabel: "click rate", statusClass: x.text },
-    { name: "Reward push — loyal members", date: "10 Jun", type: "Email", metric: "32.1%", metricLabel: "redemption", statusClass: x.text },
-    { name: "First purchase reward", date: "5 Jun", type: "Push", metric: "8.9%", metricLabel: "conversion", statusClass: G.text },
-    { name: "Dormant win-back offer", date: "1 Jun", type: "Email", metric: "4.2%", metricLabel: "open rate", statusClass: me.text }
-  ];
-  return {
-    kpis: E,
-    funnelStages: d,
-    funnelFootnote: a,
-    insight: m,
-    lifecycleSegs: V,
-    lifecycleSummary: W,
-    rewardKpis: h,
-    topRewards: Q,
-    sales: X,
-    campaigns: re
-  };
-}
-const bs = {
-  total: "All members",
-  active: "Active members",
-  purchasing: "Purchase members",
-  repeat: "Repeat members",
-  redeemers: "Reward redeemers",
-  new: "Newly joined members",
-  frequent: "Frequent members",
-  infrequent: "Infrequent members",
-  "at-risk": "At-risk members",
-  dormant: "Dormant members"
-}, he = [
-  { initials: "AT", name: "Aisha Tan", email: "aisha.tan@gmail.com", joined: "12 Jan 2024", lastActive: "15 Jun 2026", points: "1,840", status: "Regular", statusClass: `${x.text} ${x.bg}` },
-  { initials: "WL", name: "Wei Ming Lim", email: "weiming.lim@yahoo.com", joined: "3 Mar 2024", lastActive: "14 Jun 2026", points: "920", status: "Frequent", statusClass: "text-fm-color-primary bg-[#FFF0E2]" },
-  { initials: "FB", name: "Farah Binte Ali", email: "farah.ali@hotmail.com", joined: "21 Apr 2023", lastActive: "13 Jun 2026", points: "3,210", status: "Regular", statusClass: `${x.text} ${x.bg}` },
-  { initials: "RK", name: "Raj Kumar", email: "raj.kumar@gmail.com", joined: "8 Nov 2023", lastActive: "12 Jun 2026", points: "560", status: "Active", statusClass: `${x.text} ${x.bg}` },
-  { initials: "JW", name: "Jennifer Wong", email: "jwong@outlook.com", joined: "15 Jul 2024", lastActive: "10 Jun 2026", points: "240", status: "Active", statusClass: `${x.text} ${x.bg}` },
-  { initials: "AF", name: "Ahmad Faris", email: "ahmad.faris@gmail.com", joined: "2 Feb 2023", lastActive: "8 Jun 2026", points: "4,102", status: "Frequent", statusClass: "text-fm-color-primary bg-[#FFF0E2]" },
-  { initials: "LC", name: "Lily Chen", email: "lily.chen@gmail.com", joined: "19 May 2024", lastActive: "5 Jun 2026", points: "120", status: "New", statusClass: `${x.text} ${x.bg}` },
-  { initials: "MN", name: "Marcus Ng", email: "marcus.ng@yahoo.com", joined: "7 Aug 2023", lastActive: "1 Jun 2026", points: "780", status: "At-risk", statusClass: `${G.text} ${G.bg}` }
-];
-function vs(e, s) {
-  const o = ae[s] ?? ae["this-month"], a = {
-    total: o.total,
-    active: o.active,
-    purchasing: o.purchasing,
-    repeat: o.repeat,
-    redeemers: o.redeemers
-  }[e] ?? 0;
-  return {
-    title: bs[e] ?? "Members",
-    countLabel: `Showing ${he.length} of ${a.toLocaleString()} members`,
-    members: he
-  };
-}
-const gs = { class: "px-24 flex flex-col gap-16 pb-24" }, xs = { class: "flex items-center justify-between gap-8 flex-wrap" }, hs = { class: "flex items-center gap-8 flex-wrap" }, _s = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-tertiary -mt-8 text-right" }, ws = { class: "grid grid-cols-[3fr_2fr] xs:grid-cols-1 gap-16 items-start" }, $s = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, As = /* @__PURE__ */ M({
-  __name: "LoyaltyDashboard",
-  setup(e) {
-    const s = Ee(), o = Ve(), { global: d, minor: a } = Ne, l = _(
-      () => ve[o.currentCountry.value || "MY"] ?? ve.MY
-    ), [i, c] = ls(
-      "this-month",
-      l.value
-    ), p = $({
-      startDate: i,
-      endDate: c
-    }), m = $(J(xe([i, c]))), S = $({ location: [] }), R = $(null), P = $(s.locations.length > 0), U = $(!1), L = $({}), E = $(null), V = $(null), W = $(null);
-    function J([r, f]) {
-      return { startDate: r, endDate: f };
-    }
-    fe(p, (r) => {
-      R.value = null, r.startDate && r.endDate && (m.value = J(
-        xe([r.startDate, r.endDate])
-      ));
-    });
-    const q = _(() => ms(p.value)), h = _(() => ys(q.value)), Q = _(
-      () => E.value ? us(E.value) : {
-        funnelStages: h.value.funnelStages,
-        funnelFootnote: h.value.funnelFootnote
-      }
-    ), X = _(
-      () => V.value ? fs(V.value) : {
-        lifecycleSegs: h.value.lifecycleSegs,
-        lifecycleSummary: h.value.lifecycleSummary
-      }
-    ), re = _(
-      () => W.value ? ps(W.value) : h.value.sales
-    ), Z = _(() => {
-      const r = L.value;
-      return h.value.kpis.map((f) => f.label === "Total members" && r.totalMembers != null ? { ...f, value: de(r.totalMembers) } : f.label === "Active members" && r.activeMembers != null ? { ...f, value: de(r.activeMembers) } : f.label === "Member sales" && r.memberSales != null ? { ...f, value: $e(r.memberSales) } : f.label === "Repeat rate" && r.repeatRatePct != null ? { ...f, value: ue(r.repeatRatePct) } : f.label === "Voucher redemption rate" && r.voucherRedemptionRatePct != null ? { ...f, value: ue(r.voucherRedemptionRatePct) } : f);
-    }), D = _(
-      () => R.value ? vs(R.value, q.value) : null
-    ), T = _(
-      () => s.locations.map((r) => r._id.toString())
-    );
-    function ee(r) {
-      return !r.startDate || !r.endDate ? "" : `${ye(r.startDate).format("D MMM")} – ${ye(r.endDate).format("D MMM YYYY")}`;
-    }
-    const oe = _(() => ee(p.value)), ne = _(() => ee(m.value));
-    function de(r) {
-      return r >= 1e3 ? `${(r / 1e3).toFixed(1).replace(/\.0$/, "")}k` : String(r);
-    }
-    function $e(r) {
-      return "$" + r.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2
-      });
-    }
-    function ue(r) {
-      return `${Math.round(r * 10) / 10}%`;
-    }
-    function Se(r) {
-      if (r && typeof r == "object" && "value" in r && Number.isFinite(Number(r.value)))
-        return Number(r.value);
-    }
-    function te() {
-      return !p.value.startDate || !p.value.endDate || !P.value || T.value.length === 0 ? null : cs({
-        dateRange: [p.value.startDate, p.value.endDate],
-        selectedLocationIds: S.value.location,
-        locationIds: T.value,
-        timezone: l.value
-      });
-    }
-    async function Fe() {
-      const r = te();
-      if (!r) return;
-      const [
-        f,
-        ie,
-        j,
-        Le,
-        De
-      ] = await Promise.all([
-        I.readTotalMembers(r),
-        I.readActiveMembers(r),
-        I.readMemberSales(r),
-        I.readRepeatRate(r),
-        I.readVoucherRedemptionRate(r)
-      ]);
-      L.value = {
-        totalMembers: Se(f),
-        activeMembers: ie.activeMembers,
-        memberSales: j.memberSales,
-        repeatRatePct: Le.repeatRatePct,
-        voucherRedemptionRatePct: De.voucherRedemptionRatePct
-      };
-    }
-    async function Me() {
-      const r = te();
-      r && (E.value = await I.readMemberFunnel(
-        r
-      ));
-    }
-    async function Ce() {
-      const r = te();
-      r && (V.value = await I.readMemberLifecycle(
-        r
-      ));
-    }
-    async function Re() {
-      const r = te();
-      r && (W.value = await I.readMemberSalesTrend(r));
-    }
-    async function pe() {
-      await Promise.all([
-        Fe(),
-        Me(),
-        Ce(),
-        Re()
-      ]);
-    }
-    fe([p, () => S.value.location], async () => {
-      U.value && await a(pe);
-    }), Ie(async () => {
-      await d(async () => {
-        P.value || await s.readLocations(), P.value = !0, await pe(), U.value = !0;
-      });
-    });
-    function le(r) {
-      R.value = r;
-    }
-    function Pe() {
-      R.value = null;
-    }
-    return (r, f) => {
-      const ie = g("FmPageHead");
-      return u(), v(F, null, [
-        b(ie, { title: "Analytic" }),
-        t("div", gs, [
-          t("div", xs, [
-            b(Be, {
-              label: "Location: ",
-              "right-icon": "keyboard_arrow_down",
-              modelValue: y(S).location,
-              "onUpdate:modelValue": f[0] || (f[0] = (j) => y(S).location = j),
-              icon: "storefront",
-              "show-item-label": !0,
-              items: y(s).locationOptions
-            }, null, 8, ["modelValue", "items"]),
-            t("div", hs, [
-              b(be, {
-                "model-value": y(p),
-                "onUpdate:modelValue": f[1] || (f[1] = (j) => p.value = j)
-              }, null, 8, ["model-value"]),
-              f[3] || (f[3] = t("span", { class: "fm-typo-en-body-xs-600 text-fm-color-typo-tertiary" }, "vs", -1)),
-              b(be, {
-                "model-value": y(m),
-                "onUpdate:modelValue": f[2] || (f[2] = (j) => m.value = j)
-              }, null, 8, ["model-value"])
-            ])
-          ]),
-          t("div", _s, n(y(oe)) + " · vs. " + n(y(ne)), 1),
-          b(dt, { kpis: y(Z) }, null, 8, ["kpis"]),
-          t("section", ws, [
-            b(Ht, {
-              stages: y(Q).funnelStages,
-              footnote: y(Q).funnelFootnote,
-              interactive: !y(E),
-              onSelect: le
-            }, null, 8, ["stages", "footnote", "interactive"]),
-            b(at, {
-              insight: y(h).insight,
-              onViewSegment: le
-            }, null, 8, ["insight"])
-          ]),
-          t("section", $s, [
-            b(gt, {
-              segments: y(X).lifecycleSegs,
-              summary: y(X).lifecycleSummary,
-              interactive: !y(V),
-              onSelect: le
-            }, null, 8, ["segments", "summary", "interactive"]),
-            b(as, {
-              kpis: y(h).rewardKpis,
-              "top-rewards": y(h).topRewards
-            }, null, 8, ["kpis", "top-rewards"]),
-            b(ns, { sales: y(re) }, null, 8, ["sales"]),
-            b(Ye, {
-              campaigns: y(h).campaigns
-            }, null, 8, ["campaigns"])
-          ]),
-          y(D) ? (u(), C(kt, {
-            key: 0,
-            title: y(D).title,
-            "count-label": y(D).countLabel,
-            members: y(D).members,
-            onClose: Pe
-          }, null, 8, ["title", "count-label", "members"])) : H("", !0)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  As as default
-};