@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.81

package/dist/LoyaltyDashboard-CzmwuzTw.js

@@ -0,0 +1,2911 @@
+import { defineComponent as Z, resolveComponent as M, openBlock as c, createBlock as N, withCtx as U, createElementVNode as a, toDisplayString as r, unref as o, createElementBlock as d, Fragment as k, renderList as W, normalizeClass as T, createVNode as f, withKeys as Ge, withModifiers as Je, createCommentVNode as z, createTextVNode as ge, normalizeStyle as Pt, mergeModels as Bt, useModel as Tt, ref as S, computed as $, watch as Ye, onBeforeUnmount as Nt, isRef as lt, nextTick as xt, reactive as Ut, onMounted as zt } from "vue";
+import { m as De } from "./index-CSaO5mCs.js";
+import { g as K, S as Vt, b as jt, c as Kt } from "./index-BpcakDLo.js";
+import { c as qt } from "./index-C5a9ZaAM.js";
+import { u as Q } from "./vue-i18n-CiJ_kNkt.js";
+import { _ as xe } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-Co9oeOFx.js";
+import { h as Yt } from "./moment-D7p2TMB-.js";
+import { m as Ht } from "./index-XCHxkJPE.js";
+import { _ as wt } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { _ as it } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-Cj89MnB0.js";
+import { _ as Wt } from "./MemberDetailSheet.vue_vue_type_script_setup_true_lang-DqchRq6h.js";
+import { c as Gt, n as ht } from "./plugins-C7hEP98r.js";
+import { t as Jt } from "./money-B0QV3AtE.js";
+import { u as Zt } from "./loading-BlfJuA-h.js";
+import { u as Qt } from "./business-DGYo03yh.js";
+import { C as vt } from "./timezone-hBjTK85u.js";
+import { useCoreStore as Xt } from "@feedmepos/mf-common";
+import { _ as ea, a as ta } from "./GoalPickerPanel.vue_vue_type_script_setup_true_lang-CBC5AGR-.js";
+import { u as aa, a as oa } from "./onboarding-BhMbuIRK.js";
+const sa = { class: "flex items-center mb-16" }, ra = { class: "flex-1 fm-typo-en-body-md-600" }, na = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-12"
+}, la = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-12"
+}, ia = {
+  key: 2,
+  class: "flex flex-col"
+}, ca = { class: "flex-1 min-w-0" }, da = { class: "fm-typo-en-body-sm-600 whitespace-nowrap overflow-hidden text-ellipsis" }, ma = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, ua = { class: "text-right flex-shrink-0" }, ya = { class: "fm-typo-en-body-lg-600" }, pa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, ba = {
+  key: 3,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-12"
+}, fa = /* @__PURE__ */ Z({
+  __name: "CampaignActivityList",
+  props: {
+    campaigns: {},
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    const { t: s } = Q();
+    return (t, n) => {
+      const i = M("FmCard");
+      return c(), N(i, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: U(() => [
+          a("div", sa, [
+            a("div", ra, r(o(s)("connect.loyalty.dashboard.campaigns.title")), 1)
+          ]),
+          e.loading ? (c(), d("div", na, r(o(s)("connect.loyalty.dashboard.campaigns.loading")), 1)) : e.error ? (c(), d("div", la, r(o(s)("connect.loyalty.dashboard.campaigns.error")), 1)) : e.campaigns.length ? (c(), d("div", ia, [
+            (c(!0), d(k, null, W(e.campaigns, (y) => (c(), d("div", {
+              key: y.id,
+              class: "flex items-start gap-8 py-12 border-b border-fm-color-neutral-gray-100 last:border-b-0"
+            }, [
+              a("div", {
+                class: T(["w-[7px] h-[7px] mt-4 rounded-full bg-current flex-shrink-0", y.statusClass])
+              }, null, 2),
+              a("div", ca, [
+                a("div", da, r(y.name), 1),
+                a("div", ma, r(y.type), 1)
+              ]),
+              a("div", ua, [
+                a("div", ya, r(y.metric), 1),
+                a("div", pa, r(y.metricLabel), 1)
+              ])
+            ]))), 128))
+          ])) : (c(), d("div", ba, r(o(s)("connect.loyalty.dashboard.campaigns.empty")), 1))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ha = { class: "flex items-center gap-8" }, va = { class: "w-[30px] h-[30px] bg-fm-color-primary-oats flex items-center justify-center flex-shrink-0 fm-corner-radius-md" }, ga = { class: "fm-typo-en-body-md-600" }, _a = ["aria-label"], xa = {
+  key: 1,
+  class: "flex min-h-[144px] items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, wa = { class: "bg-fm-color-primary-oats px-16 py-12 fm-corner-radius-md" }, Ra = { class: "fm-typo-en-body-md-600 mb-4" }, Sa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ma = { class: "flex flex-col gap-8" }, $a = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase tracking-wide" }, Ca = { class: "flex flex-col gap-8" }, Fa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Da = {
+  key: 3,
+  class: "bg-fm-color-neutral-gray-100 fm-corner-radius-md px-16 py-12 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Aa = /* @__PURE__ */ Z({
+  __name: "InsightPanel",
+  props: {
+    insight: {},
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    const s = e, { t } = Q();
+    return (n, i) => {
+      const y = M("FmIcon"), p = M("FmCircularProgress"), u = M("FmCard");
+      return c(), N(u, {
+        variant: "outlined",
+        class: "p-24 flex flex-col gap-12"
+      }, {
+        default: U(() => [
+          a("div", ha, [
+            a("div", va, [
+              f(y, {
+                name: "info",
+                outline: "",
+                size: "sm",
+                class: "!text-fm-color-primary"
+              })
+            ]),
+            a("div", ga, r(o(t)("connect.loyalty.dashboard.insight.title")), 1)
+          ]),
+          s.loading ? (c(), d("div", {
+            key: 0,
+            class: "flex min-h-[144px] items-center justify-center",
+            role: "status",
+            "aria-label": o(t)("connect.loyalty.dashboard.accessibility.loading")
+          }, [
+            f(p, { size: "lg" })
+          ], 8, _a)) : s.error ? (c(), d("div", xa, r(o(t)("connect.loyalty.dashboard.states.insightUnavailable")), 1)) : s.insight ? (c(), d(k, { key: 2 }, [
+            a("div", wa, [
+              a("div", Ra, r(s.insight.title), 1),
+              a("div", Sa, r(s.insight.body), 1)
+            ]),
+            a("div", Ma, [
+              a("div", $a, r(o(t)("connect.loyalty.dashboard.insight.supportingSignal")), 1),
+              a("ul", Ca, [
+                (c(!0), d(k, null, W(s.insight.signals, (x) => (c(), d("li", {
+                  key: x.text,
+                  class: "flex items-start gap-8"
+                }, [
+                  i[0] || (i[0] = a("span", { class: "w-[5px] h-[5px] mt-[6px] rounded-full bg-fm-color-neutral-gray-200 flex-shrink-0" }, null, -1)),
+                  a("span", Fa, r(x.text), 1)
+                ]))), 128))
+              ])
+            ])
+          ], 64)) : (c(), d("div", Da, r(o(t)("connect.loyalty.dashboard.insight.empty")), 1))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ka = { class: "grid grid-cols-6 xs:grid-cols-2 sm:grid-cols-3 md:grid-cols-3 gap-12" }, Ia = { class: "flex items-center gap-8" }, La = { class: "w-[30px] h-[30px] rounded-8 bg-[#FFF6EE] flex items-center justify-center flex-shrink-0" }, Oa = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary flex-1 min-w-0" }, Ea = { class: "flex min-h-[72px] flex-col" }, Pa = ["aria-label"], Ba = {
+  key: 1,
+  class: "flex flex-1 items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Ta = { class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary whitespace-nowrap overflow-hidden text-ellipsis" }, Na = {
+  key: 1,
+  class: "flex items-center gap-4 flex-wrap"
+}, Ua = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, za = {
+  key: 2,
+  class: "flex items-center justify-between gap-8 mt-auto fm-typo-en-body-sm-600"
+}, Va = /* @__PURE__ */ Z({
+  __name: "KpiStrip",
+  props: {
+    kpis: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: s }) {
+    const t = e, n = s, { t: i } = Q();
+    function y(u) {
+      u.interactive && n("select", u);
+    }
+    function p(u) {
+      const x = u.loading ? i("connect.loyalty.dashboard.accessibility.loading") : u.error ? i("connect.loyalty.dashboard.states.unavailable") : u.value;
+      return `${u.label}: ${x}`;
+    }
+    return (u, x) => {
+      const w = M("FmIcon"), R = M("FmCircularProgress"), g = M("FmCard");
+      return c(), d("section", ka, [
+        (c(!0), d(k, null, W(t.kpis, (h) => (c(), N(g, {
+          key: h.label,
+          variant: "outlined",
+          class: T([
+            "flex h-full flex-col gap-8 p-16 min-w-0 overflow-hidden",
+            h.interactive ? "cursor-pointer hover:bg-fm-color-neutral-gray-100" : ""
+          ]),
+          role: h.interactive ? "button" : void 0,
+          tabindex: h.interactive ? 0 : void 0,
+          "aria-label": h.interactive ? p(h) : void 0,
+          onClick: (V) => y(h),
+          onKeydown: [
+            Ge(Je((V) => y(h), ["prevent"]), ["enter"]),
+            Ge(Je((V) => y(h), ["prevent"]), ["space"])
+          ]
+        }, {
+          default: U(() => [
+            a("div", Ia, [
+              a("div", La, [
+                f(w, {
+                  name: h.icon,
+                  outline: "",
+                  size: "sm",
+                  class: "!text-fm-color-primary"
+                }, null, 8, ["name"])
+              ]),
+              a("span", Oa, r(h.label), 1),
+              f(xe, {
+                description: h.description
+              }, null, 8, ["description"])
+            ]),
+            a("div", Ea, [
+              h.loading ? (c(), d("div", {
+                key: 0,
+                class: "flex flex-1 items-center justify-center",
+                role: "status",
+                "aria-label": o(i)("connect.loyalty.dashboard.accessibility.loading")
+              }, [
+                f(R, { size: "lg" })
+              ], 8, Pa)) : h.error ? (c(), d("div", Ba, r(o(i)("connect.loyalty.dashboard.states.unavailable")), 1)) : (c(), d(k, { key: 2 }, [
+                a("div", Ta, r(h.value), 1),
+                h.sub && !h.actionLabel ? (c(), d("div", {
+                  key: 0,
+                  class: T(["fm-typo-en-body-sm-600 -mt-4", h.subClass ?? "text-fm-color-typo-success"])
+                }, r(h.sub), 3)) : z("", !0),
+                h.delta ? (c(), d("div", Na, [
+                  h.delta !== "0%" && h.delta !== "0pp" ? (c(), N(w, {
+                    key: 0,
+                    name: h.trendUp ? "trending_up" : "trending_down",
+                    size: "xs",
+                    class: T(h.deltaClass)
+                  }, null, 8, ["name", "class"])) : z("", !0),
+                  a("span", {
+                    class: T(["fm-typo-en-body-sm-600", h.deltaClass])
+                  }, r(h.delta), 3),
+                  a("span", Ua, r(o(i)("connect.loyalty.dashboard.kpis.previous")), 1)
+                ])) : h.actionLabel ? (c(), d("div", za, [
+                  a("span", {
+                    class: T(h.subClass ?? "text-fm-color-typo-success")
+                  }, r(h.sub), 3),
+                  a("span", {
+                    class: T([
+                      "flex items-center gap-4",
+                      h.interactive ? "text-fm-color-primary" : "text-fm-color-typo-disabled"
+                    ])
+                  }, [
+                    ge(r(h.actionLabel) + " ", 1),
+                    f(w, {
+                      name: "arrow_forward",
+                      size: "xs"
+                    })
+                  ], 2)
+                ])) : z("", !0)
+              ], 64))
+            ])
+          ]),
+          _: 2
+        }, 1032, ["class", "role", "tabindex", "aria-label", "onClick", "onKeydown"]))), 128))
+      ]);
+    };
+  }
+}), ja = { class: "flex items-center mb-16" }, Ka = { class: "flex-1 fm-typo-en-body-md-600" }, qa = ["aria-label"], Ya = {
+  key: 1,
+  class: "flex min-h-[220px] items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Ha = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, Wa = ["onClick"], Ga = { class: "fm-typo-en-body-sm-600" }, Ja = { class: "fm-typo-en-body-md-600 min-w-[38px] text-right" }, Za = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary min-w-[34px] text-right" }, Qa = {
+  key: 3,
+  class: "mt-14 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Xa = /* @__PURE__ */ Z({
+  __name: "LifecycleSegments",
+  props: {
+    segments: {},
+    summary: {},
+    interactive: { type: Boolean, default: !0 },
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(e, { emit: s }) {
+    const t = e, n = s, { t: i } = Q();
+    return (y, p) => {
+      const u = M("FmCircularProgress"), x = M("FmProgressBar"), w = M("FmCard");
+      return c(), N(w, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: U(() => [
+          a("div", ja, [
+            a("div", Ka, r(o(i)("connect.loyalty.dashboard.lifecycle.title")), 1)
+          ]),
+          t.loading ? (c(), d("div", {
+            key: 0,
+            class: "flex min-h-[220px] items-center justify-center",
+            role: "status",
+            "aria-label": o(i)("connect.loyalty.dashboard.accessibility.loading")
+          }, [
+            f(u, { size: "lg" })
+          ], 8, qa)) : t.error ? (c(), d("div", Ya, r(o(i)("connect.loyalty.dashboard.states.lifecycleUnavailable")), 1)) : (c(), d("div", Ha, [
+            (c(!0), d(k, null, W(t.segments, (R) => (c(), d("div", {
+              key: R.id,
+              class: T([
+                "flex items-center gap-9 px-6 py-3 -mx-6 rounded-8",
+                t.interactive ? "cursor-pointer hover:bg-fm-color-neutral-gray-100/50" : "cursor-default"
+              ]),
+              onClick: (g) => t.interactive && n("select", R.id)
+            }, [
+              a("div", {
+                class: T(["flex w-[90px] flex-shrink-0 items-center gap-3", R.labelClass])
+              }, [
+                a("span", Ga, r(R.label), 1),
+                f(xe, {
+                  description: R.description
+                }, null, 8, ["description"])
+              ], 2),
+              f(x, {
+                class: "flex-1",
+                value: R.barPct,
+                color: R.barColor,
+                size: "lg"
+              }, null, 8, ["value", "color"]),
+              a("span", Ja, r(R.countStr), 1),
+              a("span", Za, r(R.pctStr), 1)
+            ], 10, Wa))), 128))
+          ])),
+          !t.loading && !t.error ? (c(), d("div", Qa, r(t.summary), 1)) : z("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), eo = { class: "flex items-start gap-8 mb-12" }, to = { class: "flex-1" }, ao = { class: "fm-typo-en-body-md-600" }, oo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, so = ["aria-label"], ro = {
+  key: 1,
+  class: "flex min-h-[280px] items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, no = { key: 2 }, lo = {
+  key: 0,
+  class: "flex items-start pl-[152px] xs:pl-0 xs:justify-center"
+}, io = { class: "flex flex-col items-start" }, co = { class: "flex items-center gap-8" }, mo = {
+  key: 0,
+  class: "fm-typo-en-body-sm-600 text-fm-color-typo-warning bg-fm-color-system-warning-100 px-8 py-[2px] rounded-xxxl whitespace-nowrap"
+}, uo = ["onClick"], yo = { class: "min-w-0" }, po = { class: "flex items-center gap-3 fm-typo-en-body-sm-600" }, bo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, fo = { class: "min-w-0 text-right" }, ho = { class: "fm-typo-en-body-lg-600" }, vo = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+}, go = { class: "mt-12 pt-12 border-t border-fm-color-neutral-gray-100" }, _o = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary text-right" }, xo = /* @__PURE__ */ Z({
+  __name: "MemberFunnel",
+  props: {
+    stages: {},
+    footnote: {},
+    interactive: { type: Boolean, default: !0 },
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(e, { emit: s }) {
+    const t = e, n = s, { t: i } = Q();
+    function y(p) {
+      t.interactive && n("select", p);
+    }
+    return (p, u) => {
+      const x = M("FmCircularProgress"), w = M("FmProgressBar"), R = M("FmCard");
+      return c(), N(R, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: U(() => [
+          a("div", eo, [
+            a("div", to, [
+              a("div", ao, r(o(i)("connect.loyalty.dashboard.funnel.title")), 1),
+              a("div", oo, r(o(i)(
+                t.interactive ? "connect.loyalty.dashboard.funnel.interactiveHint" : "connect.loyalty.dashboard.funnel.staticHint"
+              )), 1)
+            ])
+          ]),
+          t.loading ? (c(), d("div", {
+            key: 0,
+            class: "flex min-h-[280px] items-center justify-center",
+            role: "status",
+            "aria-label": o(i)("connect.loyalty.dashboard.accessibility.loading")
+          }, [
+            f(x, { size: "lg" })
+          ], 8, so)) : t.error ? (c(), d("div", ro, r(o(i)("connect.loyalty.dashboard.states.funnelUnavailable")), 1)) : (c(), d("div", no, [
+            (c(!0), d(k, null, W(t.stages, (g, h) => (c(), d("div", {
+              key: g.id
+            }, [
+              g.hasDropLine ? (c(), d("div", lo, [
+                a("div", io, [
+                  u[0] || (u[0] = a("div", { class: "w-[1px] h-[4px] bg-fm-color-neutral-gray-100 ml-[9px]" }, null, -1)),
+                  a("div", co, [
+                    a("span", {
+                      class: T(["fm-typo-en-body-sm-600 px-8 py-[2px] rounded-xxxl whitespace-nowrap", g.dropClass])
+                    }, r(g.conversionStr), 3),
+                    g.isBiggestDrop ? (c(), d("span", mo, r(o(i)("connect.loyalty.dashboard.funnel.biggestDrop")), 1)) : z("", !0)
+                  ]),
+                  u[1] || (u[1] = a("div", { class: "w-[1px] h-[4px] bg-fm-color-neutral-gray-100 ml-[9px]" }, null, -1))
+                ])
+              ])) : z("", !0),
+              a("div", {
+                class: T([
+                  "grid grid-cols-[140px_minmax(0,1fr)_72px] xs:grid-cols-[minmax(0,1fr)_auto] items-center gap-x-12 gap-y-8 py-4 px-8 -mx-8 rounded-md",
+                  t.interactive ? "cursor-pointer hover:bg-fm-color-neutral-gray-100/50" : ""
+                ]),
+                onClick: (V) => y(g.id)
+              }, [
+                a("div", yo, [
+                  a("div", po, [
+                    a("span", null, r(g.label), 1),
+                    f(xe, {
+                      description: g.description
+                    }, null, 8, ["description"])
+                  ]),
+                  a("div", bo, r(g.desc), 1)
+                ]),
+                f(w, {
+                  class: "min-w-0 xs:col-span-2 xs:row-start-2",
+                  value: g.barWidthPct,
+                  color: g.barColor,
+                  size: "lg"
+                }, null, 8, ["value", "color"]),
+                a("div", fo, [
+                  a("div", ho, r(g.countStr), 1),
+                  g.hasConvRate ? (c(), d("div", vo, r(g.convRateLabel), 1)) : z("", !0)
+                ])
+              ], 10, uo)
+            ]))), 128)),
+            a("div", go, [
+              a("div", _o, r(t.footnote), 1)
+            ])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), wo = { class: "flex items-center gap-3 fm-typo-en-body-md-600 mb-4" }, Ro = ["aria-label"], So = {
+  key: 1,
+  class: "flex min-h-[220px] items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Mo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mb-16" }, $o = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, Co = { class: "flex items-center gap-8 mb-8" }, Fo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Do = { class: "fm-typo-en-title-sm-800" }, Ao = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, ko = { class: "flex items-center gap-8 mb-8" }, Io = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Lo = { class: "fm-typo-en-title-sm-800" }, Oo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, Eo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-8" }, Po = { class: "mt-16 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400" }, Bo = /* @__PURE__ */ Z({
+  __name: "MemberSpendComparison",
+  props: {
+    spend: {},
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    const s = e, { t } = Q();
+    return (n, i) => {
+      const y = M("FmCircularProgress"), p = M("FmProgressBar"), u = M("FmCard");
+      return c(), N(u, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: U(() => [
+          a("div", wo, [
+            a("span", null, r(o(t)("connect.loyalty.dashboard.spend.title")), 1),
+            f(xe, {
+              description: s.spend.description
+            }, null, 8, ["description"])
+          ]),
+          s.loading ? (c(), d("div", {
+            key: 0,
+            class: "flex min-h-[220px] items-center justify-center",
+            role: "status",
+            "aria-label": o(t)("connect.loyalty.dashboard.accessibility.loading")
+          }, [
+            f(y, { size: "lg" })
+          ], 8, Ro)) : s.error ? (c(), d("div", So, r(o(t)("connect.loyalty.dashboard.states.spendUnavailable")), 1)) : (c(), d(k, { key: 2 }, [
+            a("div", Mo, r(s.spend.description), 1),
+            a("div", $o, [
+              a("div", null, [
+                a("div", Co, [
+                  i[0] || (i[0] = a("div", { class: "w-8 h-8 rounded-sm bg-fm-color-primary" }, null, -1)),
+                  a("span", Fo, r(o(t)("connect.loyalty.dashboard.spend.memberSales")), 1)
+                ]),
+                a("div", Do, r(s.spend.memberSalesFmt), 1),
+                a("div", Ao, r(o(t)("connect.loyalty.dashboard.spend.averageOrder", {
+                  value: s.spend.avgMemberSaleFmt
+                })), 1)
+              ]),
+              a("div", null, [
+                a("div", ko, [
+                  i[1] || (i[1] = a("div", { class: "w-8 h-8 rounded-sm bg-fm-color-neutral-gray-200" }, null, -1)),
+                  a("span", Io, r(o(t)("connect.loyalty.dashboard.spend.nonMemberSales")), 1)
+                ]),
+                a("div", Lo, r(s.spend.nonMemberSalesFmt), 1),
+                a("div", Oo, r(o(t)("connect.loyalty.dashboard.spend.averageOrder", {
+                  value: s.spend.avgNonMemberSaleFmt
+                })), 1)
+              ])
+            ]),
+            f(p, {
+              class: "mt-16",
+              value: s.spend.memberSharePct,
+              color: "primary",
+              size: "md"
+            }, null, 8, ["value"]),
+            a("div", Eo, r(o(t)("connect.loyalty.dashboard.spend.share", {
+              value: s.spend.memberSharePct
+            })), 1),
+            a("div", Po, r(s.spend.summary), 1)
+          ], 64))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), To = { class: "flex items-center mb-16" }, No = { class: "flex-1 fm-typo-en-body-md-600" }, Uo = ["aria-label"], zo = {
+  key: 1,
+  class: "flex min-h-[220px] items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Vo = { class: "grid grid-cols-3 gap-10 mb-16" }, jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4 flex items-center gap-3" }, Ko = { class: "fm-typo-en-title-sm-800" }, qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-10" }, Yo = { class: "flex flex-col gap-9" }, Ho = { class: "flex-1 fm-typo-en-body-sm-400 whitespace-nowrap overflow-hidden text-ellipsis" }, Wo = { class: "flex flex-shrink-0 items-center gap-3 fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, Go = { class: "w-[48px] h-4 bg-fm-color-neutral-gray-100 rounded-2 overflow-hidden flex-shrink-0" }, Jo = {
+  key: 3,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Zo = /* @__PURE__ */ Z({
+  __name: "RewardPerformance",
+  props: {
+    kpis: {},
+    topRewards: {},
+    hasData: { type: Boolean },
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    const { t: s } = Q();
+    return (t, n) => {
+      const i = M("FmCircularProgress"), y = M("FmCard");
+      return c(), N(y, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: U(() => [
+          a("div", To, [
+            a("div", No, r(o(s)("connect.loyalty.dashboard.rewards.title")), 1)
+          ]),
+          e.loading ? (c(), d("div", {
+            key: 0,
+            class: "flex min-h-[220px] items-center justify-center",
+            role: "status",
+            "aria-label": o(s)("connect.loyalty.dashboard.accessibility.loading")
+          }, [
+            f(i, { size: "lg" })
+          ], 8, Uo)) : e.error ? (c(), d("div", zo, r(o(s)("connect.loyalty.dashboard.states.rewardUsageUnavailable")), 1)) : e.hasData ? (c(), d(k, { key: 2 }, [
+            a("div", Vo, [
+              (c(!0), d(k, null, W(e.kpis, (p) => (c(), d("div", {
+                key: p.label,
+                class: "bg-[#FAFAFA] rounded-10 p-12"
+              }, [
+                a("div", jo, [
+                  a("span", null, r(p.label), 1),
+                  f(xe, {
+                    description: p.description
+                  }, null, 8, ["description"])
+                ]),
+                a("div", Ko, r(p.value), 1),
+                p.delta ? (c(), d("div", {
+                  key: 0,
+                  class: T(["fm-typo-en-body-sm-600 mt-3", p.deltaClass])
+                }, r(p.delta), 3)) : z("", !0)
+              ]))), 128))
+            ]),
+            a("div", qo, r(o(s)("connect.loyalty.dashboard.rewards.topUsed")), 1),
+            a("div", Yo, [
+              (c(!0), d(k, null, W(e.topRewards, (p) => (c(), d("div", {
+                key: p.name,
+                class: "flex items-center gap-9"
+              }, [
+                n[0] || (n[0] = a("div", { class: "w-[7px] h-[7px] rounded-2 bg-fm-color-primary flex-shrink-0" }, null, -1)),
+                a("span", Ho, r(p.name), 1),
+                a("span", Wo, [
+                  ge(r(p.count) + " ", 1),
+                  f(xe, {
+                    description: p.description
+                  }, null, 8, ["description"])
+                ]),
+                a("div", Go, [
+                  a("div", {
+                    class: "h-full bg-fm-color-primary rounded-2",
+                    style: Pt({ width: p.barPct + "%" })
+                  }, null, 4)
+                ])
+              ]))), 128))
+            ])
+          ], 64)) : (c(), d("div", Jo, r(o(s)("connect.loyalty.dashboard.rewards.noData")), 1))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), q = () => {
+  const e = Vt.getBusinessId();
+  if (!e) throw new Error("Invalid business ID");
+  return jt(`businesses/${e}/loyalty-dashboard`, {
+    noIdRequired: !0
+  });
+}, H = {
+  async readTotalMembers(e) {
+    return K(
+      await q().post(
+        "metrics/total-members",
+        e
+      )
+    );
+  },
+  async readActiveMembers(e) {
+    return K(
+      await q().post(
+        "metrics/active-members",
+        e
+      )
+    );
+  },
+  async readMemberSales(e) {
+    return K(
+      await q().post(
+        "metrics/member-sales",
+        e
+      )
+    );
+  },
+  async readMemberSpendComparison(e) {
+    return K(
+      await q().post(
+        "metrics/member-spend-comparison",
+        e
+      )
+    );
+  },
+  async readMemberSalesTrend(e) {
+    return K(
+      await q().post(
+        "metrics/member-sales-trend",
+        e
+      )
+    );
+  },
+  async readRepeatRate(e) {
+    return K(
+      await q().post(
+        "metrics/repeat-rate",
+        e
+      )
+    );
+  },
+  async readVoucherRedemptionRate(e) {
+    return K(
+      await q().post(
+        "metrics/voucher-redemption-rate",
+        e
+      )
+    );
+  },
+  async readMemberFunnel(e) {
+    return K(
+      await q().post(
+        "metrics/member-funnel",
+        e
+      )
+    );
+  },
+  async readMemberLifecycle(e) {
+    return K(
+      await q().post(
+        "metrics/member-lifecycle",
+        e
+      )
+    );
+  },
+  async readRewardUsageHealth(e) {
+    return K(
+      await q().post(
+        "metrics/reward-usage-health",
+        e
+      )
+    );
+  },
+  async readSameDayBillAnomalies(e) {
+    return K(
+      await q().post(
+        "metrics/same-day-bill-anomalies",
+        e
+      )
+    );
+  },
+  async readRewardEarningOutliers(e) {
+    return K(
+      await q().post(
+        "metrics/reward-earning-outliers",
+        e
+      )
+    );
+  },
+  async readRewardMaximizers(e) {
+    return K(
+      await q().post(
+        "metrics/reward-maximizers",
+        e
+      )
+    );
+  },
+  async readRewardAbuseSummary(e) {
+    return K(
+      await q().post(
+        "reward-abuse/summary",
+        e
+      )
+    );
+  },
+  async readRewardAbuseFindings(e) {
+    return K(
+      await q().post(
+        "reward-abuse/findings",
+        e
+      )
+    );
+  }
+};
+function v(e, s, t, n) {
+  return e ? n === void 0 ? e(s) : e(s, n) : t;
+}
+const Y = {
+  totalMembers: "Distinct members recorded through the end of the selected period; the start date does not reduce this total.",
+  activeMembers: "Distinct members with a completed member purchase or voucher redemption during the selected period.",
+  memberSales: "Sum of nettTotal from member-linked bills included in the selected period.",
+  repeatRate: "Members with at least two completed purchases divided by purchasing members, all within the selected period.",
+  voucherRedemptionRate: "Repeat members who redeemed a voucher divided by repeat members.",
+  purchasingMembers: "Distinct members with at least one completed member bill in the selected period.",
+  repeatMembers: "Distinct members with at least two completed purchases within the selected period.",
+  funnelRewardRedeemers: "Repeat members with counted reward activity in the selected period.",
+  newlyJoined: "Members whose join date falls within the selected period.",
+  frequent: "Existing members with repeated completed member bills in the selected period.",
+  infrequent: "Existing members with limited completed member bills in the selected period.",
+  atRisk: "Existing members with no selected-period purchase but a recent completed purchase.",
+  dormant: "Existing members with no selected-period purchase and no recent completed purchase.",
+  memberSalesTrend: "Daily member nett sales for the selected period compared with the selected comparison period.",
+  rewardRedeemers: "Distinct members who used a counted VOUCHER, CREDIT, or POINT reward during the selected period; anonymous usage is excluded from the member count.",
+  redemptionRate: "Reward redeemers divided by active members, where active members are members with purchase or reward activity during the selected period.",
+  averageRewardUses: "Counted reward-use transactions divided by distinct reward redeemers.",
+  flaggedForReview: "Unique members found across available anomaly signals; findings require verification.",
+  memberSpendComparison: "Shows the value members bring — use it to make the case for growing membership"
+}, ne = {
+  SAME_DAY_BILL_ANOMALY: "same-day-bill-anomaly",
+  REWARD_EARNING_OUTLIER: "reward-earning-outlier"
+}, He = [
+  ne.SAME_DAY_BILL_ANOMALY,
+  ne.REWARD_EARNING_OUTLIER
+], Qo = {
+  [ne.SAME_DAY_BILL_ANOMALY]: "Same-day bill anomaly",
+  [ne.REWARD_EARNING_OUTLIER]: "Reward earning outlier"
+}, Xo = {
+  [ne.SAME_DAY_BILL_ANOMALY]: "Members attached to at least three distinct completed, positive-value bills in one business day.",
+  [ne.REWARD_EARNING_OUTLIER]: "Daily reward earning is above the merchant-relative threshold for its reward type."
+}, es = {
+  [ne.SAME_DAY_BILL_ANOMALY]: "Threshold: 3 completed bills in one business day.",
+  [ne.REWARD_EARNING_OUTLIER]: "Threshold: the greater of the prior-90-day P99 or median + 5 MAD, per reward type."
+}, ts = {
+  VOUCHER: "Voucher",
+  CREDIT: "Credit",
+  COIN: "Point/spendable points",
+  POINT: "Experience"
+}, ct = {
+  [ne.SAME_DAY_BILL_ANOMALY]: "sameDayBillAnomaly",
+  [ne.REWARD_EARNING_OUTLIER]: "rewardEarningOutlier"
+}, as = {
+  VOUCHER: "voucher",
+  CREDIT: "credit",
+  COIN: "coin",
+  POINT: "point"
+};
+function os(e) {
+  return {
+    dateRange: e.dateRange,
+    businessRestaurantIds: [...e.businessRestaurantIds],
+    selectedRestaurantIds: [...e.selectedRestaurantIds],
+    timezone: e.timezone
+  };
+}
+function ss(e, s) {
+  return {
+    ...e,
+    dateRange: s
+  };
+}
+function We(e, s) {
+  return v(
+    s,
+    `connect.loyalty.dashboard.review.signals.${ct[e]}.label`,
+    Qo[e]
+  );
+}
+function gt(e, s) {
+  return v(
+    s,
+    `connect.loyalty.dashboard.review.rewardTypes.${as[e]}`,
+    ts[e]
+  );
+}
+const rs = 15 * 60 * 1e3;
+function ns(e, s = /* @__PURE__ */ new Date(), t = rs) {
+  const n = Date.parse(e), i = new Date(s).getTime();
+  return Number.isFinite(n) && Number.isFinite(i) && i - n > t;
+}
+function ls(e, s = {}, t) {
+  const n = s.loading === !0, i = s.error === !0, y = e ? ns(e.updatedAt, s.now) : !1, p = ((e == null ? void 0 : e.bySignal) ?? []).filter(
+    (h) => He.includes(h.signal)
+  ), u = p.length !== ((e == null ? void 0 : e.bySignal.length) ?? 0), x = !e || e.status === "unavailable" || u, w = (e == null ? void 0 : e.status) === "available" && e.flaggedMembers === 0 && e.totalFindings === 0, R = n ? "loading" : x ? "unavailable" : y ? "stale" : e.status === "partial" ? "partial" : w ? "empty" : "available", g = {
+    loading: v(
+      t,
+      "connect.loyalty.dashboard.review.statusMessages.loading",
+      "Loading report data..."
+    ),
+    available: v(
+      t,
+      "connect.loyalty.dashboard.review.statusMessages.available",
+      "These are unusual activity findings from report data and require verification."
+    ),
+    partial: v(
+      t,
+      "connect.loyalty.dashboard.review.statusMessages.partial",
+      "Some report signals are unavailable. Available findings remain reviewable."
+    ),
+    unavailable: v(
+      t,
+      i ? "connect.loyalty.dashboard.review.statusMessages.error" : "connect.loyalty.dashboard.review.statusMessages.unavailable",
+      i ? "The report could not be loaded for this period." : "Report data is unavailable for this period."
+    ),
+    empty: v(
+      t,
+      "connect.loyalty.dashboard.review.statusMessages.empty",
+      "No unusual activity detected for the selected period."
+    ),
+    stale: v(
+      t,
+      "connect.loyalty.dashboard.review.statusMessages.stale",
+      "The report data may be stale. Verify findings against source records."
+    )
+  };
+  return {
+    status: R,
+    availability: u ? "unavailable" : (e == null ? void 0 : e.status) ?? "unavailable",
+    flaggedMembers: u ? null : (e == null ? void 0 : e.flaggedMembers) ?? null,
+    totalFindings: u ? null : (e == null ? void 0 : e.totalFindings) ?? null,
+    updatedAt: (e == null ? void 0 : e.updatedAt) ?? null,
+    stale: y,
+    error: i,
+    message: g[R],
+    bySignal: p.map((h) => ({
+      ...h,
+      label: We(h.signal, t),
+      description: v(
+        t,
+        `connect.loyalty.dashboard.review.signals.${ct[h.signal]}.description`,
+        Xo[h.signal]
+      ),
+      threshold: v(
+        t,
+        `connect.loyalty.dashboard.review.signals.${ct[h.signal]}.threshold`,
+        es[h.signal]
+      )
+    }))
+  };
+}
+function is(e, s, t = /* @__PURE__ */ new Date()) {
+  const n = De.tz(t, s).endOf("day"), i = n.clone().startOf("day");
+  return i.startOf("month"), [i.toISOString(), n.toISOString()];
+}
+function cs(e, s) {
+  return e.length ? e : s;
+}
+function ds(e) {
+  return {
+    dateRange: e.dateRange,
+    compareDateRange: e.compareDateRange,
+    restaurantIds: cs(
+      e.selectedLocationIds,
+      e.locationIds
+    ),
+    timezone: e.timezone
+  };
+}
+const ms = [
+  "same-period-last-week",
+  "same-period-last-month",
+  "preceding-period",
+  "same-period-last-year",
+  "custom"
+], us = "same-period-last-month";
+function _t(e, s) {
+  return {
+    start: De.tz(e[0], s).startOf("day"),
+    end: De.tz(e[1], s).endOf("day")
+  };
+}
+function rt(e, s) {
+  return [e.toISOString(), s.toISOString()];
+}
+function ys(e, s, t, n) {
+  const i = _t(e, t);
+  if (s === "custom" && (n != null && n[0]) && n[1]) {
+    const w = _t(n, t);
+    return rt(w.start, w.end);
+  }
+  const y = s === "same-period-last-week" ? "week" : s === "same-period-last-month" ? "month" : s === "same-period-last-year" ? "year" : null;
+  if (y) {
+    const w = i.end.diff(i.start, y) + 1;
+    return rt(
+      i.start.clone().subtract(w, y),
+      i.end.clone().subtract(w, y)
+    );
+  }
+  const p = i.end.clone().startOf("day").diff(i.start.clone().startOf("day"), "days") + 1, u = i.start.clone().subtract(1, "day").endOf("day"), x = u.clone().subtract(p - 1, "days").startOf("day");
+  return rt(x, u);
+}
+const qe = (e) => ({
+  total: 0,
+  totalNew: 0,
+  totalPrev: 0,
+  active: 0,
+  activePrev: 0,
+  purchasing: 0,
+  purchasingPrev: 0,
+  repeat: 0,
+  repeatPrev: 0,
+  redeemers: 0,
+  redeemersPrev: 0,
+  memberSales: 0,
+  memberSalesPrev: 0,
+  series: Array(e).fill(0),
+  prev: Array(e).fill(0)
+});
+qe(20), qe(7), qe(30), qe(12);
+const dt = (e, s) => s ? Math.round(e / s * 1e3) / 10 : 0, ps = (e, s) => s ? Math.round((e - s) / s * 1e3) / 10 : 0, Ae = (e) => e >= 1e3 ? (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : String(e), _e = (e, s) => Jt(e).set({ currency: s }).toFormat(!0), bs = [
+  "neutral-black",
+  "primary",
+  "#FF9C52",
+  "#FFB577",
+  "#FFD0A3"
+], mt = {
+  text: "text-fm-color-typo-success",
+  bg: "bg-fm-color-system-success-100"
+}, Rt = {
+  text: "text-fm-color-typo-error",
+  bg: "bg-fm-color-system-error-100"
+}, ut = {
+  text: "text-fm-color-typo-warning",
+  bg: "bg-fm-color-system-warning-100"
+};
+function fs(e) {
+  return e === 0 ? "text-fm-color-typo-secondary" : e > 0 ? mt.text : Rt.text;
+}
+function hs(e, s) {
+  const t = [
+    {
+      id: "total",
+      label: "Total members",
+      count: e.totalMembers,
+      desc: "All members through period end",
+      description: Y.totalMembers,
+      i18nKey: "total",
+      denom: null
+    },
+    {
+      id: "active",
+      label: "Active members",
+      count: e.activeMembers,
+      desc: "Purchase or reward activity",
+      description: Y.activeMembers,
+      i18nKey: "active",
+      denom: e.totalMembers
+    },
+    {
+      id: "purchasing",
+      label: "Purchase members",
+      count: e.purchasingMembers,
+      desc: "At least 1 completed order",
+      description: Y.purchasingMembers,
+      i18nKey: "purchasing",
+      denom: e.activeMembers
+    },
+    {
+      id: "repeat",
+      label: "Repeat members",
+      count: e.repeatMembers,
+      desc: "At least 2 completed purchases",
+      description: Y.repeatMembers,
+      i18nKey: "repeat",
+      denom: e.purchasingMembers
+    },
+    {
+      id: "redeemers",
+      label: "Reward redeemers",
+      count: e.rewardRedeemers,
+      desc: "Repeat member used reward",
+      description: Y.funnelRewardRedeemers,
+      i18nKey: "redeemers",
+      denom: e.repeatMembers
+    }
+  ], n = t.map(
+    (u, x) => x === 0 || !u.denom ? null : dt(u.count, u.denom)
+  );
+  let i = null, y = 100;
+  return e.totalMembers > 0 && n.forEach((u, x) => {
+    x > 0 && u !== null && u < y && (y = u, i = x);
+  }), {
+    funnelStages: t.map((u, x) => {
+      const w = n[x], R = x === i, g = `connect.loyalty.dashboard.funnel.stages.${u.i18nKey}`;
+      return {
+        id: u.id,
+        label: v(s, `${g}.label`, u.label),
+        desc: v(s, `${g}.short`, u.desc),
+        description: v(
+          s,
+          `${g}.description`,
+          u.description
+        ),
+        countStr: Ae(u.count),
+        conversionStr: w != null ? v(
+          s,
+          "connect.loyalty.dashboard.funnel.conversion",
+          `${w}% convert`,
+          { rate: w }
+        ) : "",
+        convRateLabel: w != null ? v(
+          s,
+          "connect.loyalty.dashboard.funnel.ofPrevious",
+          `${w}% of prev`,
+          { rate: w }
+        ) : "",
+        hasConvRate: x > 0,
+        hasDropLine: x > 0,
+        isBiggestDrop: R,
+        barColor: bs[x] ?? "#FFD0A3",
+        barWidthPct: e.totalMembers > 0 && u.count > 0 ? Math.max(dt(u.count, e.totalMembers), 1) : 0,
+        dropClass: R ? `${ut.text} bg-[#FFF0E2]` : "text-fm-color-typo-secondary bg-fm-color-neutral-gray-100"
+      };
+    }),
+    funnelFootnote: v(
+      s,
+      "connect.loyalty.dashboard.funnel.footnote",
+      `${e.totalMembers.toLocaleString()} total members`,
+      e.totalMembers
+    ),
+    convRates: n,
+    biggestDropIdx: i
+  };
+}
+function vs(e, s) {
+  const { funnelStages: t, funnelFootnote: n } = hs(
+    e,
+    s
+  );
+  return { funnelStages: t, funnelFootnote: n };
+}
+const gs = 10;
+function _s(e, s) {
+  const t = [
+    {
+      i18nKey: "reactivation",
+      source: e.totalMembers,
+      target: e.activeMembers,
+      title: "Many members are not active",
+      body: "Members who joined may benefit from a reactivation campaign.",
+      action: {
+        label: "Create reactivation campaign",
+        path: "/campaign/promotion"
+      }
+    },
+    {
+      i18nKey: "purchase",
+      source: e.activeMembers,
+      target: e.purchasingMembers,
+      title: "Active members are not purchasing",
+      body: "Active members may benefit from a review of purchase incentives.",
+      action: {
+        label: "Review purchase incentives",
+        path: "/campaign/promotion"
+      }
+    },
+    {
+      i18nKey: "retention",
+      source: e.purchasingMembers,
+      target: e.repeatMembers,
+      title: "Members are not returning after a purchase",
+      body: "Members who purchase once may benefit from a retention campaign.",
+      action: {
+        label: "Create retention campaign",
+        path: "/campaign/promotion"
+      }
+    },
+    {
+      i18nKey: "reward",
+      source: e.repeatMembers,
+      target: e.rewardRedeemers,
+      title: "Repeat members are not using rewards",
+      body: "Repeat members may benefit from a review of reward setup.",
+      action: {
+        label: "Review reward setup",
+        path: "/reward"
+      }
+    }
+  ];
+  let n = null;
+  for (const p of t)
+    p.source < gs || p.target >= p.source || (!n || p.target / p.source < n.target / n.source) && (n = p);
+  if (!n) return null;
+  const i = Math.round(n.target / n.source * 1e3) / 10, y = `connect.loyalty.dashboard.insight.candidates.${n.i18nKey}`;
+  return {
+    title: v(s, `${y}.title`, n.title),
+    body: `${v(
+      s,
+      "connect.loyalty.dashboard.insight.progress",
+      `${i}% of this stage progressed in the selected period.`,
+      { rate: i }
+    )} ${v(s, `${y}.body`, n.body)}`,
+    action: {
+      ...n.action,
+      label: v(
+        s,
+        `${y}.action`,
+        n.action.label
+      )
+    },
+    signals: [
+      {
+        text: v(
+          s,
+          "connect.loyalty.dashboard.insight.signal",
+          `${n.target.toLocaleString()} of ${n.source.toLocaleString()} members progressed`,
+          {
+            target: n.target.toLocaleString(),
+            source: n.source.toLocaleString()
+          }
+        )
+      }
+    ]
+  };
+}
+const xs = {
+  VOUCHER: "Voucher",
+  PROMOTION: "Promotion",
+  POINT: "Experience",
+  CREDIT: "Credit",
+  BROADCAST: "Broadcast",
+  COIN: "Point",
+  REWARD_POOL: "Reward pool",
+  GAME: "Game",
+  MISSION: "Mission"
+}, ws = {
+  active: { label: "Active", class: mt.text },
+  expired: { label: "Ended", class: "text-fm-color-typo-tertiary" },
+  upcoming: { label: "Upcoming", class: ut.text }
+};
+function Rs(e) {
+  return e.type !== "MEMBERSHIP";
+}
+function Ss(e, s) {
+  var t;
+  return !s.length || !((t = e.targetLocation) != null && t.length) ? !0 : e.targetLocation.some(
+    (n) => s.includes(n.toString())
+  );
+}
+function nt(e) {
+  var s;
+  if (((s = e.timeframeOptions) == null ? void 0 : s.type) === "timeframe") {
+    const t = De();
+    return t.isBetween(
+      e.timeframeOptions.start ?? t.clone().subtract(1, "d"),
+      e.timeframeOptions.end ?? t.clone().add(1, "d")
+    ) ? "active" : t.isAfter(e.timeframeOptions.end) ? "expired" : "upcoming";
+  }
+  return "active";
+}
+function Ms(e, s, t) {
+  return e.filter(Rs).filter(
+    (n) => n.type !== "BROADCAST" || !n.linkedCampaign
+  ).filter(
+    (n) => Ss(n, s)
+  ).sort((n, i) => {
+    const y = nt(n);
+    return +(nt(i) === "active") - +(y === "active");
+  }).slice(0, 4).map((n) => {
+    const i = nt(n), y = ws[i], p = n.type === "BROADCAST", u = v(
+      t,
+      `connect.loyalty.dashboard.campaigns.types.${n.type}`,
+      xs[n.type] ?? n.type
+    ), x = v(
+      t,
+      `connect.loyalty.dashboard.campaigns.status.${i}`,
+      y.label
+    );
+    return {
+      id: n._id.toString(),
+      name: n.name,
+      type: u,
+      status: x,
+      metric: p ? String(n.currentReceive ?? 0) : x,
+      metricLabel: v(
+        t,
+        p ? "connect.loyalty.dashboard.campaigns.messagesSent" : "connect.loyalty.dashboard.campaigns.statusLabel",
+        p ? "Messages sent" : "Status"
+      ),
+      statusClass: y.class
+    };
+  });
+}
+function $s(e, s, t) {
+  return {
+    categories: e.categories,
+    prevCategories: e.prevCategories,
+    comparisonCategories: e.categories.map(
+      (n, i) => [n, e.prevCategories[i]].filter(Boolean).map((y) => De(y).format("DD/MM/YYYY")).join(
+        v(
+          t,
+          "connect.loyalty.dashboard.salesTrend.comparisonSeparator",
+          " vs "
+        )
+      )
+    ),
+    series: e.series,
+    prevSeries: e.prevSeries,
+    description: v(
+      t,
+      "connect.loyalty.dashboard.salesTrend.description",
+      Y.memberSalesTrend
+    ),
+    totalFmt: _e(e.memberSales, s),
+    deltaStr: `${e.deltaPct > 0 ? "+" : ""}${e.deltaPct}%`,
+    deltaClass: fs(e.deltaPct)
+  };
+}
+function Cs(e, s, t, n, i) {
+  if (!e.memberOrders && !e.nonMemberOrders)
+    return v(
+      i,
+      "connect.loyalty.dashboard.spend.summary.noOrders",
+      "No completed orders were recorded in this period."
+    );
+  if (t === 0 && s > 0)
+    return v(
+      i,
+      "connect.loyalty.dashboard.spend.summary.memberAll",
+      "Members account for all tracked spend in this period."
+    );
+  if (s === 0 && t > 0)
+    return v(
+      i,
+      "connect.loyalty.dashboard.spend.summary.nonMemberAll",
+      "Non-members account for all tracked spend in this period."
+    );
+  if (n > 0)
+    return v(
+      i,
+      "connect.loyalty.dashboard.spend.summary.memberHigher",
+      `Members spend ${n}% more per order than non-members. Converting more walk-ins to members is a direct lever on sales.`,
+      { gap: n }
+    );
+  if (n < 0) {
+    const y = Math.abs(n);
+    return v(
+      i,
+      "connect.loyalty.dashboard.spend.summary.nonMemberHigher",
+      `Non-members spend ${y}% more per order than members. Converting more walk-ins to members can increase member-linked sales.`,
+      { gap: y }
+    );
+  }
+  return v(
+    i,
+    "connect.loyalty.dashboard.spend.summary.equal",
+    "Members and non-members have the same average order value in this period."
+  );
+}
+function Fs(e, s, t) {
+  const n = e.memberOrders ? e.memberSales / e.memberOrders : 0, i = e.nonMemberOrders ? e.nonMemberSales / e.nonMemberOrders : 0, y = e.memberSales + e.nonMemberSales, p = ps(n, i);
+  return {
+    description: v(
+      t,
+      "connect.loyalty.dashboard.spend.description",
+      Y.memberSpendComparison
+    ),
+    memberSalesFmt: _e(e.memberSales, s),
+    nonMemberSalesFmt: _e(e.nonMemberSales, s),
+    avgMemberSaleFmt: _e(n, s),
+    avgNonMemberSaleFmt: _e(i, s),
+    memberSharePct: dt(e.memberSales, y),
+    avgGapPct: p,
+    summary: Cs(
+      e,
+      n,
+      i,
+      p,
+      t
+    )
+  };
+}
+function Ds(e, s) {
+  const t = e.criteria, n = {
+    newlyJoined: v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.newlyJoined",
+      Y.newlyJoined
+    ),
+    frequent: t ? v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.frequentWithCriteria",
+      `Existing members with at least ${t.frequentMinBills} completed member bills in the selected period.`,
+      { count: t.frequentMinBills }
+    ) : v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.frequent",
+      Y.frequent
+    ),
+    infrequent: t ? v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.infrequentWithCriteria",
+      `Existing members with 1 to ${t.frequentMinBills - 1} completed member bills in the selected period.`,
+      { count: t.frequentMinBills - 1 }
+    ) : v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.infrequent",
+      Y.infrequent
+    ),
+    atRisk: t ? v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.atRiskWithCriteria",
+      `Existing members with no selected-period purchase but a completed purchase in the prior ${t.atRiskLookbackDays} calendar days.`,
+      { count: t.atRiskLookbackDays }
+    ) : v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.atRisk",
+      Y.atRisk
+    ),
+    dormant: t ? v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.dormantWithCriteria",
+      `Existing members with no selected-period purchase and no completed purchase in the prior ${t.atRiskLookbackDays} calendar days.`,
+      { count: t.atRiskLookbackDays }
+    ) : v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.descriptions.dormant",
+      Y.dormant
+    )
+  }, i = [
+    {
+      id: "new",
+      label: "Newly joined",
+      count: e.newlyJoined,
+      description: n.newlyJoined,
+      i18nKey: "new",
+      labelClass: mt.text,
+      barColor: "typo-success"
+    },
+    {
+      id: "frequent",
+      label: "Frequent",
+      count: e.frequent,
+      description: n.frequent,
+      i18nKey: "frequent",
+      labelClass: "text-fm-color-primary",
+      barColor: "primary"
+    },
+    {
+      id: "infrequent",
+      label: "Infrequent",
+      count: e.infrequent,
+      description: n.infrequent,
+      i18nKey: "infrequent",
+      labelClass: "text-fm-color-typo-secondary",
+      barColor: "neutral-gray-300"
+    },
+    {
+      id: "at-risk",
+      label: "At-risk",
+      count: e.atRisk,
+      description: n.atRisk,
+      i18nKey: "atRisk",
+      labelClass: ut.text,
+      barColor: "#FFC746"
+    },
+    {
+      id: "dormant",
+      label: "Dormant",
+      count: e.dormant,
+      description: n.dormant,
+      i18nKey: "dormant",
+      labelClass: Rt.text,
+      barColor: "#FFCFCC"
+    }
+  ], y = Math.max(...i.map((u) => u.count), 1);
+  return {
+    lifecycleSegs: i.map((u) => ({
+      ...u,
+      label: v(
+        s,
+        `connect.loyalty.dashboard.lifecycle.labels.${u.i18nKey}`,
+        u.label
+      ),
+      barPct: Math.round(u.count / y * 100),
+      pctStr: `${e.totalMembers ? Math.round(u.count / e.totalMembers * 100) : 0}%`,
+      countStr: Ae(u.count)
+    })),
+    lifecycleSummary: v(
+      s,
+      "connect.loyalty.dashboard.lifecycle.summary",
+      `${Ae(e.atRisk + e.dormant)} members are at-risk or dormant`,
+      e.atRisk + e.dormant
+    )
+  };
+}
+function As(e, s) {
+  return Ds(e, s);
+}
+function ks(e, s, t) {
+  return e.displayUnit === "uses" ? v(
+    t,
+    "connect.loyalty.dashboard.rewards.uses",
+    `${Ae(e.displayValue)} ${e.displayValue === 1 ? "use" : "uses"}`,
+    e.displayValue
+  ) : e.type === "COIN" ? v(
+    t,
+    "connect.loyalty.dashboard.rewards.points",
+    `${Ae(e.displayValue)} pts`,
+    e.displayValue
+  ) : _e(e.displayValue, s);
+}
+function Is(e, s) {
+  if (e.displayUnit === "uses")
+    return v(
+      s,
+      "connect.loyalty.dashboard.rewards.topReward.voucherUsesDescription",
+      "Counted voucher-use transactions for this reward during the selected period."
+    );
+  const t = e.type === "COIN" ? "point" : e.type.toLowerCase();
+  return v(
+    s,
+    "connect.loyalty.dashboard.rewards.topReward.amountDescription",
+    `Total ${t} amount used for this reward during the selected period.`,
+    {
+      type: v(
+        s,
+        `connect.loyalty.dashboard.rewards.types.${e.type}`,
+        t
+      )
+    }
+  );
+}
+function Ls(e, s, t) {
+  const n = Math.max(
+    ...e.topRewards.map((i) => i.usageCount),
+    1
+  );
+  return {
+    rewardKpis: [
+      {
+        label: v(
+          t,
+          "connect.loyalty.dashboard.rewards.kpis.rewardRedeemers",
+          "Reward redeemers"
+        ),
+        value: Ae(e.rewardRedeemers),
+        description: v(
+          t,
+          "connect.loyalty.dashboard.rewards.descriptions.rewardRedeemers",
+          Y.rewardRedeemers
+        )
+      },
+      {
+        label: v(
+          t,
+          "connect.loyalty.dashboard.rewards.kpis.redemptionRate",
+          "Redemption rate"
+        ),
+        value: `${e.redemptionRatePct}%`,
+        description: v(
+          t,
+          "connect.loyalty.dashboard.rewards.descriptions.redemptionRate",
+          Y.redemptionRate
+        )
+      },
+      {
+        label: v(
+          t,
+          "connect.loyalty.dashboard.rewards.kpis.averageUses",
+          "Avg reward uses"
+        ),
+        value: `${e.averageRewardUsesPerRedeemer}x`,
+        description: v(
+          t,
+          "connect.loyalty.dashboard.rewards.descriptions.averageUses",
+          Y.averageRewardUses
+        )
+      }
+    ],
+    topRewards: e.topRewards.map((i) => ({
+      name: i.name,
+      count: ks(i, s, t),
+      description: Is(i, t),
+      barPct: i.usageCount ? Math.round(i.usageCount / n * 100) : 0
+    }))
+  };
+}
+const Os = { class: "flex flex-col gap-16 min-h-full" }, Es = { class: "flex flex-col gap-12 pb-16 border-b border-fm-color-neutral-gray-100" }, Ps = { class: "flex items-center justify-between gap-8" }, Bs = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ts = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-2" }, Ns = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[72px]"
+}, Us = { class: "grid grid-cols-2 gap-8" }, zs = { class: "border border-fm-color-neutral-gray-100 rounded-sm p-12" }, Vs = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary" }, js = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, Ks = { class: "border border-fm-color-neutral-gray-100 rounded-sm p-12" }, qs = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary" }, Ys = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, Hs = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Ws = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Gs = { class: "flex items-center justify-between gap-8" }, Js = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Zs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qs = { class: "flex items-start justify-between gap-12 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Xs = { class: "whitespace-nowrap" }, er = {
+  key: 0,
+  class: "mt-4 pl-12 border-l-2 border-fm-color-neutral-gray-100 flex flex-col gap-4"
+}, tr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ar = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, or = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error p-12 rounded-sm border border-fm-color-system-error-200 bg-fm-color-system-error-100"
+}, sr = { class: "grid grid-cols-2 md:grid-cols-4 gap-8 items-end" }, rr = { class: "flex items-center justify-between gap-12 flex-wrap" }, nr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, lr = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, ir = { class: "flex items-center gap-8" }, cr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, dr = {
+  key: 1,
+  class: "flex items-center justify-center min-h-[180px]"
+}, mr = {
+  key: 2,
+  class: "flex flex-col items-center justify-center gap-8 min-h-[180px] text-center"
+}, ur = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, yr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pr = {
+  key: 3,
+  class: "flex flex-col items-center justify-center gap-8 min-h-[180px] text-center"
+}, br = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, fr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, hr = {
+  key: 4,
+  class: "flex flex-col gap-8"
+}, vr = { class: "flex items-stretch gap-8 p-12" }, gr = ["aria-expanded", "onClick", "onKeydown"], _r = { class: "flex-1 min-w-0" }, xr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary truncate" }, wr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary truncate" }, Rr = { class: "hidden md:flex flex-col justify-center min-w-[150px]" }, Sr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Mr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, $r = { class: "hidden lg:flex flex-wrap items-center gap-4 max-w-[260px]" }, Cr = {
+  key: 0,
+  class: "border-t border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-100 p-16"
+}, Fr = { class: "grid grid-cols-1 md:grid-cols-2 gap-16 mb-16" }, Dr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Ar = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, kr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Ir = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Lr = { class: "flex flex-col gap-8" }, Or = { class: "flex items-start justify-between gap-12" }, Er = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Pr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary whitespace-nowrap" }, Br = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-16 gap-y-8 mt-8" }, Tr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Nr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Ur = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, zr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Vr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, jr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Kr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, qr = {
+  key: 0,
+  class: "mt-4 flex max-w-full flex-wrap gap-4"
+}, Yr = {
+  key: 1,
+  class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary"
+}, Hr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary md:col-span-2" }, Wr = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary break-words" }, Gr = {
+  key: 5,
+  class: "flex items-center justify-between gap-12 pt-8 border-t border-fm-color-neutral-gray-100"
+}, Jr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zr = { class: "flex items-center gap-4" }, Qr = /* @__PURE__ */ Z({
+  __name: "RewardAbuseFindingsSheet",
+  props: /* @__PURE__ */ Bt({
+    payload: {},
+    summary: {},
+    outlierMetric: {},
+    locations: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const s = e, { t, locale: n } = Q(), i = (m, C) => typeof C == "number" ? t(m, C) : C === void 0 ? t(m) : t(m, C), y = Tt(e, "modelValue"), p = S(He[0]), u = S([]), x = S(""), w = S({
+      startDate: void 0,
+      endDate: void 0
+    }), R = S(10), g = S(0), h = S("latestOccurredOn"), V = S([]), oe = S(0), I = S(0), X = S(!1), ke = S(!1), be = S(!1), A = S({}), ee = S(null), le = S(null);
+    let G = 0, te = "", se;
+    const Ue = $(
+      () => He.map((m) => ({
+        label: We(m, i),
+        value: m
+      }))
+    ), ze = $(() => [
+      {
+        label: t("connect.loyalty.dashboard.review.sortItems.latestFlagged"),
+        value: "latestOccurredOn"
+      },
+      {
+        label: t("connect.loyalty.dashboard.review.sortItems.highestObserved"),
+        value: "observedValue"
+      }
+    ]), ie = [
+      { label: "10", value: 10 },
+      { label: "20", value: 20 },
+      { label: "50", value: 50 }
+    ], re = $(
+      () => I.value ? Math.ceil(I.value / R.value) : 0
+    ), Ie = $(() => g.value + 1), Le = $(
+      () => Object.fromEntries(
+        s.locations.map((m) => [m.value, m.label])
+      )
+    ), Oe = $(
+      () => `${w.value.startDate}-${w.value.endDate}`
+    ), we = $(
+      () => ({
+        loading: t("connect.loyalty.dashboard.review.statuses.loading"),
+        available: t("connect.loyalty.dashboard.review.statuses.available"),
+        partial: t("connect.loyalty.dashboard.review.statuses.partial"),
+        unavailable: t("connect.loyalty.dashboard.review.statuses.unavailable"),
+        empty: t("connect.loyalty.dashboard.review.statuses.empty"),
+        stale: t("connect.loyalty.dashboard.review.statuses.stale")
+      })
+    );
+    function Ee(m) {
+      return m === "available" || m === "empty" ? "text-fm-color-typo-success bg-fm-color-system-success-100" : m === "partial" || m === "stale" ? "text-fm-color-typo-warning bg-fm-color-system-warning-100" : "text-fm-color-typo-error bg-fm-color-system-error-100";
+    }
+    function Pe(m) {
+      return t(m === "available" ? "connect.loyalty.dashboard.review.signalStatuses.available" : m === "insufficient-baseline" ? "connect.loyalty.dashboard.review.signalStatuses.insufficientBaseline" : "connect.loyalty.dashboard.review.signalStatuses.unavailable");
+    }
+    function Be(m) {
+      return m === "available" ? "text-fm-color-typo-success" : m === "insufficient-baseline" ? "text-fm-color-typo-warning" : "text-fm-color-typo-error";
+    }
+    function L(m) {
+      return m === null ? "--" : m.toLocaleString();
+    }
+    function Re(m) {
+      return m === null ? "--" : m.toLocaleString();
+    }
+    function ce(m) {
+      var P;
+      const C = Yt(m);
+      return C.isValid() ? new Intl.DateTimeFormat(n.value, {
+        day: "numeric",
+        month: "short",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+        timeZone: (P = s.payload) == null ? void 0 : P.timezone
+      }).format(C.toDate()) : "--";
+    }
+    function fe(m) {
+      return m.length ? m.join(", ") : "--";
+    }
+    function he(m) {
+      return Gt(m, {
+        successMessage: t("connect.loyalty.dashboard.review.copyBillIdSuccess")
+      });
+    }
+    function ve(m) {
+      return m.member.name || t("connect.loyalty.dashboard.review.memberFallback");
+    }
+    function Se(m) {
+      return m ? t("connect.loyalty.dashboard.review.updated", {
+        date: ce(m)
+      }) : t("connect.loyalty.dashboard.review.timestampUnavailable");
+    }
+    function Me(m) {
+      return m.status !== "available" ? t("connect.loyalty.dashboard.review.outlier.insufficientBaseline") : t("connect.loyalty.dashboard.review.outlier.available", {
+        threshold: Re(m.threshold),
+        members: m.baselineMembers.toLocaleString()
+      });
+    }
+    function Ze(m) {
+      return Le.value[m] ?? m;
+    }
+    function ue(m) {
+      var C, P, j;
+      return m.member.id ?? `anonymous-${m.latestOccurredOn}-${(C = m.findings[0]) == null ? void 0 : C.billIds.join(
+        "-"
+      )}-${(P = m.findings[0]) == null ? void 0 : P.referenceIds.join("-")}-${(j = m.findings[0]) == null ? void 0 : j.observedValue}`;
+    }
+    function $e(m) {
+      const C = ue(m);
+      A.value[C] = !A.value[C];
+    }
+    function Qe(m) {
+      m.startDate && m.endDate && (w.value = m);
+    }
+    function Ve() {
+      var C, P;
+      const m = s.payload;
+      m && (p.value = ((C = s.summary.bySignal.find(
+        (j) => j.status === "available" && (j.findings ?? 0) > 0
+      )) == null ? void 0 : C.signal) ?? ((P = s.summary.bySignal.find((j) => j.status === "available")) == null ? void 0 : P.signal) ?? He[0], u.value = [...m.selectedRestaurantIds], w.value = {
+        startDate: m.dateRange[0],
+        endDate: m.dateRange[1]
+      }, x.value = "", R.value = 10, g.value = 0, h.value = "latestOccurredOn", A.value = {}, be.value = !1);
+    }
+    function Te() {
+      return !w.value.startDate || !w.value.endDate ? null : [w.value.startDate, w.value.endDate];
+    }
+    async function de(m = !1) {
+      if (!y.value || !s.payload) return;
+      const C = Te();
+      if (!C) return;
+      const j = {
+        ...ss(
+          s.payload,
+          C
+        ),
+        selectedRestaurantIds: [...u.value],
+        signal: p.value,
+        search: x.value.trim(),
+        page: g.value + 1,
+        pageSize: R.value,
+        sortBy: h.value,
+        sortDirection: "desc"
+      }, ye = JSON.stringify(j);
+      if (!m && ye === te) return;
+      te = ye;
+      const me = ++G;
+      X.value = !0, ke.value = !1;
+      try {
+        const J = await H.readRewardAbuseFindings(j);
+        if (me !== G) return;
+        V.value = J.members, oe.value = J.totalMembers, I.value = J.totalRows, A.value = {};
+      } catch {
+        if (me !== G) return;
+        ke.value = !0, V.value = [], oe.value = 0, I.value = 0;
+      } finally {
+        me === G && (X.value = !1);
+      }
+    }
+    function Xe() {
+      y.value && (g.value = 0, se && clearTimeout(se), se = setTimeout(() => {
+        de();
+      }, 250));
+    }
+    function je() {
+      g.value < re.value - 1 && (g.value += 1, de());
+    }
+    function et() {
+      g.value > 0 && (g.value -= 1, de());
+    }
+    function tt(m) {
+      R.value = m, g.value = 0, de();
+    }
+    async function at(m) {
+      var C;
+      if (m.member.id) {
+        be.value = !1;
+        try {
+          const P = await Ht.readById(m.member.id);
+          ee.value = P, await xt(), (C = le.value) == null || C.showSheet();
+        } catch {
+          be.value = !0;
+        }
+      }
+    }
+    return Ye(y, (m) => {
+      if (!m) {
+        ee.value = null, be.value = !1;
+        return;
+      }
+      te = "", Ve(), de(!0);
+    }), Ye(
+      [p, u, x, w, h],
+      Xe,
+      { deep: !0 }
+    ), Ye(
+      () => s.payload,
+      () => {
+        y.value && (te = "", Ve(), de(!0));
+      },
+      { deep: !0 }
+    ), Nt(() => {
+      se && clearTimeout(se);
+    }), (m, C) => {
+      const P = M("FmCircularProgress"), j = M("FmSearch"), ye = M("FmSelect"), me = M("FmIcon"), J = M("FmButton"), Ke = M("FmAvatar"), ot = M("FmChip"), Ne = M("FmTooltip"), st = M("FmSideSheet");
+      return c(), N(st, {
+        modelValue: y.value,
+        "onUpdate:modelValue": C[5] || (C[5] = (_) => y.value = _),
+        header: o(t)("connect.loyalty.dashboard.review.sheetTitle"),
+        "dismiss-away": "",
+        "max-width": 1100
+      }, {
+        default: U(() => [
+          a("div", Os, [
+            a("section", Es, [
+              a("div", Ps, [
+                a("div", null, [
+                  a("div", Bs, r(o(t)("connect.loyalty.dashboard.review.summaryTitle")), 1),
+                  a("div", Ts, r(o(t)("connect.loyalty.dashboard.review.summaryDescription")), 1)
+                ]),
+                a("span", {
+                  class: T(["fm-typo-en-body-sm-600 px-8 py-4 rounded-sm whitespace-nowrap", Ee(e.summary.status)])
+                }, r(o(we)[e.summary.status]), 3)
+              ]),
+              e.summary.status === "loading" ? (c(), d("div", Ns, [
+                f(P, { size: "lg" })
+              ])) : (c(), d(k, { key: 1 }, [
+                a("div", Us, [
+                  a("div", zs, [
+                    a("div", Vs, r(L(e.summary.flaggedMembers)), 1),
+                    a("div", js, r(o(t)("connect.loyalty.dashboard.review.uniqueMembers")), 1)
+                  ]),
+                  a("div", Ks, [
+                    a("div", qs, r(L(e.summary.totalFindings)), 1),
+                    a("div", Ys, r(o(t)("connect.loyalty.dashboard.review.totalFindings")), 1)
+                  ])
+                ]),
+                a("div", {
+                  class: T([
+                    "fm-typo-en-body-sm-400 p-12 rounded-sm border",
+                    e.summary.status === "available" || e.summary.status === "empty" ? "text-fm-color-typo-secondary border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-100" : e.summary.status === "partial" || e.summary.status === "stale" ? "text-fm-color-typo-warning border-fm-color-system-warning-200 bg-fm-color-system-warning-100" : "text-fm-color-typo-error border-fm-color-system-error-200 bg-fm-color-system-error-100"
+                  ])
+                }, r(e.summary.message), 3),
+                e.summary.bySignal.length ? (c(), d("div", Hs, [
+                  a("div", Ws, r(o(t)("connect.loyalty.dashboard.review.signalSummary")), 1),
+                  (c(!0), d(k, null, W(e.summary.bySignal, (_) => {
+                    var D;
+                    return c(), d("div", {
+                      key: _.signal,
+                      class: "flex flex-col gap-4 py-8 border-b border-fm-color-neutral-gray-100 last:border-b-0"
+                    }, [
+                      a("div", Gs, [
+                        a("div", Js, r(_.label), 1),
+                        a("div", {
+                          class: T(["fm-typo-en-body-sm-600", Be(_.status)])
+                        }, r(Pe(_.status)), 3)
+                      ]),
+                      a("div", Zs, r(_.description), 1),
+                      a("div", Qs, [
+                        a("span", null, r(_.threshold), 1),
+                        a("span", Xs, r(o(t)("connect.loyalty.dashboard.review.signalCounts", {
+                          members: L(_.flaggedMembers),
+                          findings: L(_.findings)
+                        })), 1)
+                      ]),
+                      _.signal === "reward-earning-outlier" && ((D = e.outlierMetric) != null && D.byType.length) ? (c(), d("div", er, [
+                        (c(!0), d(k, null, W(e.outlierMetric.byType, (B) => (c(), d("div", {
+                          key: B.type,
+                          class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+                        }, r(o(gt)(B.type, i)) + ": " + r(Me(B)), 1))), 128))
+                      ])) : z("", !0)
+                    ]);
+                  }), 128))
+                ])) : z("", !0),
+                a("div", tr, r(Se(e.summary.updatedAt)), 1)
+              ], 64))
+            ]),
+            a("div", ar, r(o(t)("connect.loyalty.dashboard.review.intro")), 1),
+            o(be) ? (c(), d("div", or, r(o(t)("connect.loyalty.dashboard.review.detailError")), 1)) : z("", !0),
+            a("div", sr, [
+              f(j, {
+                modelValue: o(x),
+                "onUpdate:modelValue": C[0] || (C[0] = (_) => lt(x) ? x.value = _ : null),
+                placeholder: o(t)("connect.loyalty.dashboard.review.searchMemberId"),
+                class: "col-span-2 md:col-span-1"
+              }, null, 8, ["modelValue", "placeholder"]),
+              f(ye, {
+                modelValue: o(p),
+                "onUpdate:modelValue": C[1] || (C[1] = (_) => lt(p) ? p.value = _ : null),
+                items: o(Ue),
+                label: o(t)("connect.loyalty.dashboard.review.signal"),
+                class: "col-span-1"
+              }, null, 8, ["modelValue", "items", "label"]),
+              f(wt, {
+                label: `${o(t)("connect.loyalty.dashboard.filters.location")}: `,
+                "all-label": o(t)("connect.loyalty.dashboard.filters.all"),
+                "selected-label": o(t)("connect.loyalty.dashboard.filters.selected"),
+                "search-placeholder": o(t)("connect.loyalty.dashboard.filters.searchLocations"),
+                icon: "storefront",
+                "right-icon": "keyboard_arrow_down",
+                "model-value": o(u),
+                items: e.locations,
+                "show-item-label": !0,
+                class: "col-span-1",
+                "onUpdate:modelValue": C[2] || (C[2] = (_) => u.value = _)
+              }, null, 8, ["label", "all-label", "selected-label", "search-placeholder", "model-value", "items"]),
+              (c(), N(it, {
+                key: o(Oe),
+                "model-value": o(w),
+                "onUpdate:modelValue": Qe
+              }, null, 8, ["model-value"]))
+            ]),
+            a("div", rr, [
+              a("div", nr, [
+                ge(r(o(t)("connect.loyalty.dashboard.review.members", o(oe))) + " ", 1),
+                o(I) !== o(oe) ? (c(), d("span", lr, r(o(t)("connect.loyalty.dashboard.review.evidenceRows", o(I))), 1)) : z("", !0)
+              ]),
+              a("div", ir, [
+                a("span", cr, r(o(t)("connect.loyalty.dashboard.review.sort")), 1),
+                f(ye, {
+                  "model-value": o(h),
+                  items: o(ze),
+                  searchable: !1,
+                  "onUpdate:modelValue": C[3] || (C[3] = (_) => h.value = _)
+                }, null, 8, ["model-value", "items"]),
+                f(ye, {
+                  "model-value": o(R),
+                  items: ie,
+                  searchable: !1,
+                  "onUpdate:modelValue": tt
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            o(X) ? (c(), d("div", dr, [
+              f(P, { size: "lg" })
+            ])) : o(ke) ? (c(), d("div", mr, [
+              f(me, {
+                name: "error_outline",
+                outline: "",
+                size: "lg",
+                class: "text-fm-color-typo-error"
+              }),
+              a("div", ur, r(o(t)("connect.loyalty.dashboard.review.findingsUnavailable")), 1),
+              a("div", yr, r(o(t)("connect.loyalty.dashboard.review.findingsUnavailableDescription")), 1),
+              f(J, {
+                label: o(t)("connect.loyalty.dashboard.review.retry"),
+                icon: "refresh",
+                variant: "tertiary",
+                onClick: C[4] || (C[4] = (_) => de(!0))
+              }, null, 8, ["label"])
+            ])) : o(V).length ? (c(), d("div", hr, [
+              (c(!0), d(k, null, W(o(V), (_) => (c(), d("div", {
+                key: ue(_),
+                class: "border border-fm-color-neutral-gray-100 rounded-sm overflow-hidden"
+              }, [
+                a("div", vr, [
+                  a("button", {
+                    type: "button",
+                    class: "flex items-center gap-12 flex-1 min-w-0 text-left",
+                    "aria-expanded": o(A)[ue(_)] === !0,
+                    onClick: (D) => $e(_),
+                    onKeydown: [
+                      Ge(Je((D) => $e(_), ["prevent"]), ["enter"]),
+                      Ge(Je((D) => $e(_), ["prevent"]), ["space"])
+                    ]
+                  }, [
+                    f(me, {
+                      name: o(A)[ue(_)] ? "expand_less" : "expand_more",
+                      outline: "",
+                      size: "md",
+                      class: "text-fm-color-typo-tertiary"
+                    }, null, 8, ["name"]),
+                    f(Ke, {
+                      name: ve(_),
+                      size: "md"
+                    }, null, 8, ["name"]),
+                    a("div", _r, [
+                      a("div", xr, r(ve(_)), 1),
+                      a("div", wr, r(_.member.phoneNumber || _.member.cardNo || _.member.id || o(t)("connect.loyalty.dashboard.review.anonymousEvidence")), 1)
+                    ])
+                  ], 40, gr),
+                  a("div", Rr, [
+                    a("div", Sr, r(o(t)("connect.loyalty.dashboard.review.latestFlagged")), 1),
+                    a("div", Mr, r(ce(_.latestOccurredOn)), 1)
+                  ]),
+                  a("div", $r, [
+                    (c(!0), d(k, null, W(_.signals, (D) => (c(), d("span", {
+                      key: D,
+                      class: "fm-typo-en-body-sm-400 px-8 py-4 rounded-sm bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
+                    }, r(o(We)(D, i)), 1))), 128))
+                  ]),
+                  f(J, {
+                    label: o(t)("connect.loyalty.dashboard.review.viewMember"),
+                    icon: "person",
+                    variant: "tertiary",
+                    disabled: !_.member.id,
+                    onClick: (D) => at(_)
+                  }, null, 8, ["label", "disabled", "onClick"])
+                ]),
+                o(A)[ue(_)] ? (c(), d("div", Cr, [
+                  a("div", Fr, [
+                    a("div", null, [
+                      a("div", Dr, r(o(t)("connect.loyalty.dashboard.review.latestFlagged")), 1),
+                      a("div", Ar, r(ce(_.latestOccurredOn)), 1)
+                    ]),
+                    a("div", null, [
+                      a("div", kr, r(o(t)("connect.loyalty.dashboard.review.locations")), 1),
+                      a("div", Ir, r(_.locationIds.length ? _.locationIds.map(Ze).join(", ") : "--"), 1)
+                    ])
+                  ]),
+                  a("div", Lr, [
+                    (c(!0), d(k, null, W(_.findings, (D) => (c(), d("div", {
+                      key: `${D.signal}-${D.occurredOn}-${D.billIds.join("-")}-${D.referenceIds.join(
+                        "-"
+                      )}`,
+                      class: "border border-fm-color-neutral-gray-200 rounded-sm bg-fm-color-neutral-white p-12"
+                    }, [
+                      a("div", Or, [
+                        a("div", Er, r(o(We)(D.signal, i)), 1),
+                        a("div", Pr, r(ce(D.occurredOn)), 1)
+                      ]),
+                      a("div", Br, [
+                        a("div", Tr, [
+                          ge(r(o(t)("connect.loyalty.dashboard.review.observedValue")) + ": ", 1),
+                          a("span", Nr, r(D.observedValue.toLocaleString()), 1)
+                        ]),
+                        a("div", Ur, [
+                          ge(r(o(t)("connect.loyalty.dashboard.review.threshold")) + ": ", 1),
+                          a("span", zr, r(D.thresholdValue === null ? "--" : D.thresholdValue.toLocaleString()), 1)
+                        ]),
+                        a("div", Vr, [
+                          ge(r(o(t)("connect.loyalty.dashboard.review.rewardType")) + ": ", 1),
+                          a("span", jr, r(D.rewardType ? o(gt)(
+                            D.rewardType,
+                            i
+                          ) : "--"), 1)
+                        ]),
+                        a("div", Kr, [
+                          a("div", null, r(o(t)("connect.loyalty.dashboard.review.billIds")) + ": ", 1),
+                          D.billIds.length ? (c(), d("div", qr, [
+                            (c(!0), d(k, null, W(D.billIds, (B) => (c(), N(Ne, {
+                              key: B,
+                              content: o(t)("connect.loyalty.dashboard.review.copyBillId"),
+                              placement: "top"
+                            }, {
+                              default: U(() => [
+                                f(ot, {
+                                  label: B,
+                                  "aria-label": o(t)(
+                                    "connect.loyalty.dashboard.review.copyBillIdAria",
+                                    {
+                                      id: B
+                                    }
+                                  ),
+                                  "right-icon": "content_copy",
+                                  variant: "plain",
+                                  compact: "",
+                                  class: "max-w-full cursor-pointer",
+                                  onClick: (ae) => he(B)
+                                }, null, 8, ["label", "aria-label", "onClick"])
+                              ]),
+                              _: 2
+                            }, 1032, ["content"]))), 128))
+                          ])) : (c(), d("span", Yr, " -- "))
+                        ]),
+                        a("div", Hr, [
+                          ge(r(o(t)("connect.loyalty.dashboard.review.referenceIds")) + ": ", 1),
+                          a("span", Wr, r(fe(D.referenceIds)), 1)
+                        ])
+                      ])
+                    ]))), 128))
+                  ])
+                ])) : z("", !0)
+              ]))), 128))
+            ])) : (c(), d("div", pr, [
+              f(me, {
+                name: "fact_check",
+                outline: "",
+                size: "lg",
+                class: "text-fm-color-typo-tertiary"
+              }),
+              a("div", br, r(o(t)("connect.loyalty.dashboard.review.noFindings")), 1),
+              a("div", fr, r(o(t)("connect.loyalty.dashboard.review.noFindingsDescription")), 1)
+            ])),
+            o(re) > 1 ? (c(), d("div", Gr, [
+              a("div", Jr, r(o(t)("connect.loyalty.dashboard.review.page", {
+                current: o(Ie),
+                total: o(re)
+              })), 1),
+              a("div", Zr, [
+                f(Ne, {
+                  content: o(t)("connect.loyalty.dashboard.accessibility.previousPage")
+                }, {
+                  default: U(() => [
+                    f(J, {
+                      icon: "chevron_left",
+                      variant: "tertiary",
+                      disabled: o(g) === 0 || o(X),
+                      onClick: et
+                    }, null, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                f(Ne, {
+                  content: o(t)("connect.loyalty.dashboard.accessibility.nextPage")
+                }, {
+                  default: U(() => [
+                    f(J, {
+                      icon: "chevron_right",
+                      variant: "tertiary",
+                      disabled: o(g) >= o(re) - 1 || o(X),
+                      onClick: je
+                    }, null, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ])
+            ])) : z("", !0)
+          ]),
+          o(ee) ? (c(), N(Wt, {
+            key: 0,
+            ref_key: "detailSheetRef",
+            ref: le,
+            member: o(ee)
+          }, null, 8, ["member"])) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Xr = { class: "flex items-start gap-12" }, en = { class: "flex-1 min-w-0" }, tn = { class: "flex items-center gap-8" }, an = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, on = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, sn = ["aria-label"], rn = {
+  key: 1,
+  class: "flex min-h-[220px] items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, nn = {
+  key: 2,
+  class: "mt-24"
+}, ln = { class: "grid grid-cols-2 gap-16" }, cn = { class: "border border-fm-color-neutral-gray-100 rounded-sm p-16" }, dn = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary" }, mn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, un = { class: "border border-fm-color-neutral-gray-100 rounded-sm p-16" }, yn = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary" }, pn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, bn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-16" }, fn = /* @__PURE__ */ Z({
+  __name: "RewardAbuseMaximizers",
+  props: {
+    metric: {},
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    const s = e, { t } = Q(), n = $(() => s.loading ? "loading" : s.error || !s.metric ? "unavailable" : s.metric.status === "insufficient-baseline" ? "insufficientBaseline" : s.metric.maximizerMembers === 0 ? "noMembers" : "available"), i = $(
+      () => t(`connect.loyalty.dashboard.maximizers.status.${n.value}`)
+    ), y = $(() => n.value === "unavailable" ? t("connect.loyalty.dashboard.maximizers.error") : n.value === "insufficientBaseline" ? t(
+      "connect.loyalty.dashboard.maximizers.insufficientBaselineMessage"
+    ) : n.value === "noMembers" ? t("connect.loyalty.dashboard.maximizers.noMembersMessage") : t("connect.loyalty.dashboard.maximizers.availableMessage")), p = $(() => n.value === "available" || n.value === "noMembers" ? "text-fm-color-typo-success bg-fm-color-system-success-100" : n.value === "insufficientBaseline" ? "text-fm-color-typo-warning bg-fm-color-system-warning-100" : "text-fm-color-typo-error bg-fm-color-system-error-100"), u = $(() => s.metric ? s.metric.maximizerMembers.toLocaleString() : ""), x = $(() => !s.metric || s.metric.thresholdPct === null ? t("connect.loyalty.dashboard.states.unavailable") : `${s.metric.thresholdPct}%`);
+    return (w, R) => {
+      const g = M("FmIcon"), h = M("FmTooltip"), V = M("FmCircularProgress"), oe = M("FmCard");
+      return c(), N(oe, {
+        variant: "outlined",
+        class: "p-24 h-full"
+      }, {
+        default: U(() => [
+          a("div", Xr, [
+            a("div", en, [
+              a("div", tn, [
+                a("div", an, r(o(t)("connect.loyalty.dashboard.maximizers.title")), 1),
+                f(h, {
+                  content: o(t)("connect.loyalty.dashboard.maximizers.tooltip")
+                }, {
+                  default: U(() => [
+                    f(g, {
+                      name: "info",
+                      outline: "",
+                      size: "sm",
+                      class: "text-fm-color-typo-tertiary"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ]),
+              a("div", on, r(o(t)("connect.loyalty.dashboard.maximizers.subtitle")), 1)
+            ]),
+            a("span", {
+              class: T(["fm-typo-en-body-sm-600 px-8 py-4 rounded-sm whitespace-nowrap", o(p)])
+            }, r(o(i)), 3)
+          ]),
+          e.loading ? (c(), d("div", {
+            key: 0,
+            class: "flex min-h-[220px] items-center justify-center",
+            role: "status",
+            "aria-label": o(t)("connect.loyalty.dashboard.accessibility.loading")
+          }, [
+            f(V, { size: "lg" })
+          ], 8, sn)) : o(n) === "unavailable" ? (c(), d("div", rn, r(o(y)), 1)) : (c(), d("div", nn, [
+            a("div", ln, [
+              a("div", cn, [
+                a("div", dn, r(o(u)), 1),
+                a("div", mn, r(o(t)("connect.loyalty.dashboard.maximizers.membersInCohort")), 1)
+              ]),
+              a("div", un, [
+                a("div", yn, r(o(x)), 1),
+                a("div", pn, r(o(t)("connect.loyalty.dashboard.maximizers.baselineRatio")), 1)
+              ])
+            ]),
+            a("div", {
+              class: T([
+                "fm-typo-en-body-sm-400 mt-16 p-12 rounded-sm border",
+                o(n) === "available" || o(n) === "noMembers" ? "text-fm-color-typo-secondary border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-100" : o(n) === "insufficientBaseline" ? "text-fm-color-typo-warning border-fm-color-system-warning-200 bg-fm-color-system-warning-100" : "text-fm-color-typo-error border-fm-color-system-error-200 bg-fm-color-system-error-100"
+              ])
+            }, r(o(y)), 3),
+            a("div", bn, r(o(t)("connect.loyalty.dashboard.maximizers.experienceNote")), 1)
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), hn = { class: "mb-6 flex items-center gap-3 fm-typo-en-body-md-600" }, vn = ["aria-label"], gn = {
+  key: 1,
+  class: "flex min-h-[180px] items-center justify-center text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, _n = { class: "flex items-baseline gap-10 mb-14 flex-wrap" }, xn = { class: "fm-typo-en-title-lg-800" }, wn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Rn = { class: "flex items-center gap-14 mt-10" }, Sn = { class: "flex items-center gap-5" }, Mn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, $n = { class: "flex items-center gap-5" }, Cn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fn = /* @__PURE__ */ Z({
+  __name: "SalesTrendChart",
+  props: {
+    sales: {},
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    const s = e, { t } = Q(), n = $(() => [
+      {
+        label: t("connect.loyalty.dashboard.salesTrend.thisPeriod"),
+        data: s.sales.series,
+        color: "#FF7823",
+        fill: !0
+      },
+      {
+        label: t("connect.loyalty.dashboard.salesTrend.previousPeriod"),
+        data: s.sales.prevSeries,
+        color: "#B2B3B6",
+        dash: !0
+      }
+    ]), i = { display: !1 };
+    return (y, p) => {
+      const u = M("FmCircularProgress"), x = M("FmLineChart"), w = M("FmCard");
+      return c(), N(w, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: U(() => [
+          a("div", hn, [
+            a("span", null, r(o(t)("connect.loyalty.dashboard.salesTrend.title")), 1),
+            f(xe, {
+              description: s.sales.description
+            }, null, 8, ["description"])
+          ]),
+          s.loading ? (c(), d("div", {
+            key: 0,
+            class: "flex min-h-[180px] items-center justify-center",
+            role: "status",
+            "aria-label": o(t)("connect.loyalty.dashboard.accessibility.loading")
+          }, [
+            f(u, { size: "lg" })
+          ], 8, vn)) : s.error ? (c(), d("div", gn, r(o(t)("connect.loyalty.dashboard.states.salesTrendUnavailable")), 1)) : (c(), d(k, { key: 2 }, [
+            a("div", _n, [
+              a("span", xn, r(s.sales.totalFmt), 1),
+              a("span", {
+                class: T(["fm-typo-en-body-sm-600 px-9 py-3 rounded-full whitespace-nowrap", s.sales.deltaClass])
+              }, r(s.sales.deltaStr), 3),
+              a("span", wn, r(o(t)("connect.loyalty.dashboard.salesTrend.vsPreviousPeriod")), 1)
+            ]),
+            f(x, {
+              datasets: o(n),
+              "x-axis": { categories: s.sales.comparisonCategories },
+              "x-cfg": i,
+              "y-cfg": i,
+              legend: { display: !1 },
+              height: "80px"
+            }, null, 8, ["datasets", "x-axis"]),
+            a("div", Rn, [
+              a("div", Sn, [
+                p[0] || (p[0] = a("div", { class: "w-14 h-2 bg-fm-color-primary rounded-1" }, null, -1)),
+                a("span", Mn, r(o(t)("connect.loyalty.dashboard.salesTrend.thisPeriod")), 1)
+              ]),
+              a("div", $n, [
+                p[1] || (p[1] = a("div", { class: "w-14 border-t-[1.5px] border-dashed border-fm-color-neutral-gray-200" }, null, -1)),
+                a("span", Cn, r(o(t)("connect.loyalty.dashboard.salesTrend.previousPeriod")), 1)
+              ])
+            ])
+          ], 64))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Dn = /* @__PURE__ */ Z({
+  __name: "ComparisonMethodChip",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: s }) {
+    const t = e, n = s, { t: i } = Q(), y = S(!1), p = {
+      "same-period-last-week": "samePeriodLastWeek",
+      "same-period-last-month": "samePeriodLastMonth",
+      "preceding-period": "precedingPeriod",
+      "same-period-last-year": "samePeriodLastYear",
+      custom: "custom"
+    }, u = $(
+      () => ms.map((R) => ({
+        value: R,
+        label: i(
+          `connect.loyalty.dashboard.filters.comparisonModes.${p[R]}`
+        ),
+        sublabel: R === "same-period-last-week" || R === "same-period-last-month" ? i(
+          `connect.loyalty.dashboard.filters.comparisonModeDescriptions.${p[R]}`
+        ) : void 0
+      }))
+    ), x = $(
+      () => {
+        var R;
+        return (R = u.value.find((g) => g.value === t.modelValue)) == null ? void 0 : R.label;
+      }
+    );
+    function w(R) {
+      n("update:model-value", R), y.value = !1;
+    }
+    return (R, g) => {
+      const h = M("FmChip"), V = M("FmMenuItem"), oe = M("FmMenu");
+      return c(), N(oe, {
+        placement: "bottom-end",
+        "model-value": y.value,
+        onMenuChanged: g[0] || (g[0] = (I) => y.value = I)
+      }, {
+        "menu-button": U(() => [
+          f(h, {
+            label: `${o(i)(
+              "connect.loyalty.dashboard.filters.comparisonMethod"
+            )}: ${x.value}`,
+            icon: "compare_arrows",
+            "right-icon": y.value ? "keyboard_arrow_up" : "keyboard_arrow_down",
+            class: "text-fm-color-neutral-gray-400 cursor-pointer"
+          }, null, 8, ["label", "right-icon"])
+        ]),
+        default: U(() => [
+          (c(!0), d(k, null, W(u.value, (I) => (c(), N(V, {
+            key: I.value,
+            label: I.label,
+            sublabel: I.sublabel,
+            "model-value": I.value === t.modelValue,
+            onClick: (X) => w(I.value)
+          }, null, 8, ["label", "sublabel", "model-value", "onClick"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), An = { class: "flex items-center gap-8" }, kn = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, In = { class: "px-24 flex flex-col gap-16 pb-24" }, Ln = { key: 1 }, On = { class: "flex items-center justify-between gap-8 flex-wrap" }, En = { class: "flex items-center gap-8 flex-wrap" }, Pn = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary" }, Bn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary -mt-8 text-right" }, Tn = { class: "grid grid-cols-[3fr_2fr] xs:grid-cols-1 gap-16 items-start" }, Nn = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16 items-start" }, Un = { class: "flex flex-col gap-16" }, zn = { class: "flex flex-col gap-16" }, ll = /* @__PURE__ */ Z({
+  __name: "LoyaltyDashboard",
+  setup(e) {
+    const { t: s, locale: t } = Q(), n = aa(), i = $(
+      () => n.catalog && n.state ? oa(n.catalog, n.state) : null
+    ), y = $(() => i.value === "goals" ? "goals" : "generic"), p = $(
+      () => {
+        var l;
+        return i.value === "picker" || i.value === "generic" && ((l = n.state) == null ? void 0 : l.generic) === "active" || !!i.value && n.doneCount(y.value) < n.ids(y.value).length;
+      }
+    ), u = $(() => {
+      var l;
+      return !!((l = n.state) != null && l.analyticDismissed);
+    }), x = $(() => p.value && u.value);
+    async function w() {
+      try {
+        await n.patch({ analyticDismissed: !0 });
+      } catch {
+        ht.error(s("connect.onboarding.save_error"), 3e3);
+      }
+    }
+    async function R() {
+      try {
+        await n.patch({ analyticDismissed: !1 });
+      } catch {
+        ht.error(s("connect.onboarding.save_error"), 3e3);
+      }
+    }
+    const g = (l, b) => typeof b == "number" ? s(l, b) : b === void 0 ? s(l) : s(l, b), h = Qt(), V = Xt(), { global: oe } = Zt, I = $(
+      () => vt[V.currentCountry.value || "MY"] ?? vt.MY
+    ), X = $(
+      () => Kt.Country.getCountry(V.currentCountry.value || "MY").currency.code
+    ), [ke, be] = is(
+      "this-month",
+      I.value
+    ), A = S({
+      startDate: ke,
+      endDate: be
+    }), ee = S(
+      us
+    ), le = S({
+      startDate: void 0,
+      endDate: void 0
+    }), G = $({
+      get: () => {
+        if (!A.value.startDate || !A.value.endDate)
+          return { ...le.value };
+        const l = le.value.startDate && le.value.endDate ? [
+          le.value.startDate,
+          le.value.endDate
+        ] : void 0;
+        return Ze(
+          ys(
+            [A.value.startDate, A.value.endDate],
+            ee.value,
+            I.value,
+            l
+          )
+        );
+      },
+      set: (l) => {
+        ee.value === "custom" && (le.value = { ...l });
+      }
+    }), te = S({ location: [] }), se = S(h.locations.length > 0), Ue = S(!1), ze = S(0), ie = S({}), re = S(null), Ie = S(null), Le = S(null), Oe = S(
+      null
+    ), we = S(null), Ee = S([]), Pe = S(!1), Be = S(!1), L = Ut({
+      totalMembers: { loading: !1, error: !1 },
+      activeMembers: { loading: !1, error: !1 },
+      memberSales: { loading: !1, error: !1 },
+      repeatRate: { loading: !1, error: !1 },
+      voucherRedemptionRate: { loading: !1, error: !1 },
+      memberFunnel: { loading: !1, error: !1 },
+      memberLifecycle: { loading: !1, error: !1 },
+      memberSalesTrend: { loading: !1, error: !1 },
+      memberSpendComparison: { loading: !1, error: !1 },
+      rewardUsageHealth: { loading: !1, error: !1 }
+    }), Re = S({
+      outlier: { loading: !1, error: !1 },
+      maximizers: { loading: !1, error: !1 }
+    }), ce = S(null), fe = S(!1), he = S(!1), ve = S(null), Se = S(null), Me = S(!1);
+    function Ze([l, b]) {
+      return { startDate: l, endDate: b };
+    }
+    const ue = $(
+      () => vs(
+        re.value ?? {
+          totalMembers: 0,
+          activeMembers: 0,
+          purchasingMembers: 0,
+          repeatMembers: 0,
+          rewardRedeemers: 0
+        },
+        g
+      )
+    ), $e = $(
+      () => As(
+        Ie.value ?? {
+          totalMembers: 0,
+          newlyJoined: 0,
+          frequent: 0,
+          infrequent: 0,
+          atRisk: 0,
+          dormant: 0
+        },
+        g
+      )
+    ), Qe = $(
+      () => $s(
+        Le.value ?? {
+          categories: [""],
+          prevCategories: [""],
+          series: [0],
+          prevSeries: [0],
+          memberSales: 0,
+          deltaPct: 0
+        },
+        X.value,
+        g
+      )
+    ), Ve = $(
+      () => re.value ? _s(re.value, g) : null
+    ), Te = $(
+      () => we.value ? Ls(
+        we.value,
+        X.value,
+        g
+      ) : null
+    ), de = $(
+      () => Fs(
+        Oe.value ?? {
+          memberSales: 0,
+          memberOrders: 0,
+          nonMemberSales: 0,
+          nonMemberOrders: 0
+        },
+        X.value,
+        g
+      )
+    ), Xe = $(
+      () => Ms(
+        Ee.value,
+        te.value.location,
+        g
+      )
+    ), je = $(
+      () => ls(
+        ce.value,
+        {
+          loading: fe.value,
+          error: he.value
+        },
+        g
+      )
+    );
+    function et(l) {
+      const b = l.status === "loading" ? "loading" : l.status === "unavailable" ? "unavailable" : l.status === "empty" ? "empty" : l.status === "partial" ? "partial" : l.status === "stale" ? "stale" : "available";
+      return s(`connect.loyalty.dashboard.review.kpiStatuses.${b}`);
+    }
+    function tt(l) {
+      return l.status === "empty" ? "text-fm-color-typo-success" : l.status === "available" || l.status === "partial" || l.status === "stale" ? "text-fm-color-typo-warning" : "text-fm-color-typo-tertiary";
+    }
+    const at = $(() => {
+      const l = ie.value, b = je.value, F = b.flaggedMembers !== null && b.flaggedMembers > 0 && ["available", "partial", "stale"].includes(b.status), O = (E, pe, Fe, Lt, ft, Ot, Et) => ({
+        label: s(pe),
+        value: ft === void 0 ? "" : Ot(ft),
+        description: s(Fe),
+        icon: Lt,
+        delta: Et,
+        sub: null,
+        deltaClass: "text-fm-color-typo-secondary",
+        trendUp: !0,
+        loading: L[E].loading,
+        error: L[E].error
+      });
+      return [
+        O(
+          "totalMembers",
+          "connect.loyalty.dashboard.kpis.totalMembers.label",
+          "connect.loyalty.dashboard.kpis.totalMembers.description",
+          "group",
+          l.totalMembers,
+          J,
+          "0%"
+        ),
+        O(
+          "activeMembers",
+          "connect.loyalty.dashboard.kpis.activeMembers.label",
+          "connect.loyalty.dashboard.kpis.activeMembers.description",
+          "bolt",
+          l.activeMembers,
+          J,
+          "0%"
+        ),
+        O(
+          "memberSales",
+          "connect.loyalty.dashboard.kpis.memberSales.label",
+          "connect.loyalty.dashboard.kpis.memberSales.description",
+          "payments",
+          l.memberSales,
+          (E) => _e(E, X.value),
+          "0%"
+        ),
+        O(
+          "repeatRate",
+          "connect.loyalty.dashboard.kpis.repeatRate.label",
+          "connect.loyalty.dashboard.kpis.repeatRate.description",
+          "repeat",
+          l.repeatRatePct,
+          Ke,
+          "0pp"
+        ),
+        O(
+          "voucherRedemptionRate",
+          "connect.loyalty.dashboard.kpis.voucherRedemptionRate.label",
+          "connect.loyalty.dashboard.kpis.voucherRedemptionRate.description",
+          "redeem",
+          l.voucherRedemptionRatePct,
+          Ke,
+          "0pp"
+        ),
+        {
+          label: s("connect.loyalty.dashboard.kpis.flaggedForReview.label"),
+          value: b.flaggedMembers === null ? "" : J(b.flaggedMembers),
+          description: s(
+            "connect.loyalty.dashboard.kpis.flaggedForReview.description"
+          ),
+          icon: "fact_check",
+          delta: "",
+          sub: et(b),
+          subClass: tt(b),
+          interactive: F,
+          actionLabel: s("connect.loyalty.dashboard.review.action"),
+          deltaClass: "text-fm-color-typo-secondary",
+          trendUp: !0,
+          loading: fe.value,
+          error: he.value || b.status === "unavailable"
+        }
+      ].map((E) => ({ ...E, sub: E.sub ?? null }));
+    }), m = $(
+      () => h.locations.map((l) => l._id.toString())
+    ), C = $(
+      () => h.locations.map((l) => ({
+        label: `${l.code ? `${l.code} - ` : ""}${l.name}`,
+        value: l._id.toString()
+      }))
+    ), P = $(
+      () => !A.value.startDate || !A.value.endDate || !se.value ? null : os({
+        dateRange: [A.value.startDate, A.value.endDate],
+        businessRestaurantIds: m.value,
+        selectedRestaurantIds: te.value.location,
+        timezone: I.value
+      })
+    );
+    function j(l) {
+      if (!l.startDate || !l.endDate) return "";
+      const b = (F, O) => new Intl.DateTimeFormat(t.value, {
+        day: "numeric",
+        month: "short",
+        year: O ? "numeric" : void 0,
+        timeZone: I.value
+      }).format(De.tz(F, I.value).toDate());
+      return `${b(l.startDate, !1)} – ${b(l.endDate, !0)}`;
+    }
+    const ye = $(() => j(A.value)), me = $(
+      () => j(G.value)
+    );
+    function J(l) {
+      return l >= 1e3 ? `${(l / 1e3).toFixed(1).replace(/\.0$/, "")}k` : String(l);
+    }
+    function Ke(l) {
+      return `${Math.round(l * 10) / 10}%`;
+    }
+    function ot(l) {
+      A.value = l;
+    }
+    function Ne(l) {
+      ee.value = l;
+    }
+    function st(l) {
+      G.value = l;
+    }
+    function _(l) {
+      if (l && typeof l == "object" && "value" in l && Number.isFinite(Number(l.value)))
+        return Number(l.value);
+    }
+    function D() {
+      return !A.value.startDate || !A.value.endDate || !G.value.startDate || !G.value.endDate || !se.value ? null : ds({
+        dateRange: [A.value.startDate, A.value.endDate],
+        compareDateRange: [
+          G.value.startDate,
+          G.value.endDate
+        ],
+        selectedLocationIds: te.value.location,
+        locationIds: m.value,
+        timezone: I.value
+      });
+    }
+    function B(l) {
+      return l === ze.value;
+    }
+    function ae(l, b, F, O, Ce) {
+      const E = L[l];
+      E.loading = !0, E.error = !1, Promise.resolve().then(() => b(F)).then((pe) => {
+        B(O) && Ce(pe);
+      }).catch(() => {
+        B(O) && (E.error = !0);
+      }).finally(() => {
+        B(O) && (E.loading = !1);
+      });
+    }
+    function St(l, b) {
+      ae(
+        "totalMembers",
+        H.readTotalMembers,
+        l,
+        b,
+        (F) => {
+          const O = _(F);
+          if (O === void 0)
+            throw new Error("Invalid total member metric");
+          ie.value.totalMembers = O;
+        }
+      ), ae(
+        "activeMembers",
+        H.readActiveMembers,
+        l,
+        b,
+        (F) => {
+          ie.value.activeMembers = F.activeMembers;
+        }
+      ), ae(
+        "memberSales",
+        H.readMemberSales,
+        l,
+        b,
+        (F) => {
+          ie.value.memberSales = F.memberSales;
+        }
+      ), ae(
+        "repeatRate",
+        H.readRepeatRate,
+        l,
+        b,
+        (F) => {
+          ie.value.repeatRatePct = F.repeatRatePct;
+        }
+      ), ae(
+        "voucherRedemptionRate",
+        H.readVoucherRedemptionRate,
+        l,
+        b,
+        (F) => {
+          ie.value.voucherRedemptionRatePct = F.voucherRedemptionRatePct;
+        }
+      );
+    }
+    function Mt(l, b) {
+      ae(
+        "memberFunnel",
+        H.readMemberFunnel,
+        l,
+        b,
+        (F) => {
+          re.value = F;
+        }
+      );
+    }
+    function $t(l, b) {
+      ae(
+        "memberLifecycle",
+        H.readMemberLifecycle,
+        l,
+        b,
+        (F) => {
+          Ie.value = F;
+        }
+      );
+    }
+    function Ct(l, b) {
+      ae(
+        "memberSalesTrend",
+        H.readMemberSalesTrend,
+        l,
+        b,
+        (F) => {
+          Le.value = F;
+        }
+      );
+    }
+    function Ft(l, b) {
+      ae(
+        "memberSpendComparison",
+        H.readMemberSpendComparison,
+        l,
+        b,
+        (F) => {
+          Oe.value = F;
+        }
+      );
+    }
+    function Dt(l, b) {
+      ae(
+        "rewardUsageHealth",
+        H.readRewardUsageHealth,
+        l,
+        b,
+        (F) => {
+          we.value = F;
+        }
+      );
+    }
+    function yt() {
+      ce.value = null, fe.value = !1, he.value = !1, ve.value = null, Se.value = null, Object.values(Re.value).forEach((l) => {
+        l.loading = !1, l.error = !1;
+      });
+    }
+    function pt(l, b, F, O, Ce) {
+      const E = Re.value[l];
+      E.loading = !0, E.error = !1, b(F).then((pe) => {
+        B(O) && Ce(pe);
+      }).catch(() => {
+        B(O) && (E.error = !0);
+      }).finally(() => {
+        B(O) && (E.loading = !1);
+      });
+    }
+    function At(l, b) {
+      ce.value = null, fe.value = !0, he.value = !1, ve.value = null, Se.value = null, pt(
+        "outlier",
+        H.readRewardEarningOutliers,
+        l,
+        b,
+        (F) => {
+          ve.value = F;
+        }
+      ), pt(
+        "maximizers",
+        H.readRewardMaximizers,
+        l,
+        b,
+        (F) => {
+          Se.value = F;
+        }
+      ), H.readRewardAbuseSummary(l).then((F) => {
+        B(b) && (ce.value = F);
+      }).catch(() => {
+        B(b) && (he.value = !0);
+      }).finally(() => {
+        B(b) && (fe.value = !1);
+      });
+    }
+    async function kt() {
+      Pe.value = !0, Be.value = !1;
+      try {
+        const { resources: l } = await qt.readAll({
+          limit: 1e3,
+          skip: 0,
+          sortBy: "_id",
+          descending: !0
+        });
+        Ee.value = l;
+      } catch (l) {
+        throw Be.value = !0, l;
+      } finally {
+        Pe.value = !1;
+      }
+    }
+    function It() {
+      ie.value = {}, re.value = null, Ie.value = null, Le.value = null, Oe.value = null, we.value = null, Object.values(L).forEach((l) => {
+        l.loading = !1, l.error = !1;
+      });
+    }
+    function bt() {
+      const l = ++ze.value;
+      It();
+      const b = D();
+      if (!b) {
+        yt();
+        return;
+      }
+      P.value ? At(P.value, l) : yt(), St(b, l), Mt(b, l), $t(b, l), Ct(b, l), Ft(b, l), Dt(b, l);
+    }
+    return Ye(
+      [A, G, ee, () => te.value.location],
+      () => {
+        Ue.value && bt();
+      }
+    ), zt(async () => {
+      n.read(t.value), await oe(async () => {
+        se.value || await h.readLocations(), se.value = !0;
+      }), await xt(), Ue.value = !0, bt(), kt().catch(() => {
+        Ee.value = [];
+      });
+    }), (l, b) => {
+      var E, pe;
+      const F = M("FmPill"), O = M("FmPageHead"), Ce = M("FmButton");
+      return c(), d(k, null, [
+        f(O, {
+          title: o(s)("connect.loyalty.dashboard.title")
+        }, {
+          title: U(() => [
+            a("div", An, [
+              a("span", kn, r(o(s)("connect.loyalty.dashboard.title")), 1),
+              f(F, { variant: "beta" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        a("div", In, [
+          o(p) && !o(u) ? (c(), d(k, { key: 0 }, [
+            o(i) === "picker" ? (c(), N(ea, {
+              key: 0,
+              updating: !1,
+              dismissible: "",
+              onDismiss: w
+            })) : (c(), N(ta, {
+              key: 1,
+              mode: o(y),
+              placement: "analytic"
+            }, null, 8, ["mode"]))
+          ], 64)) : o(x) ? (c(), d("div", Ln, [
+            f(Ce, {
+              variant: "secondary",
+              "prepend-icon": "checklist",
+              label: o(s)("connect.onboarding.show_list"),
+              onClick: R
+            }, null, 8, ["label"])
+          ])) : z("", !0),
+          a("div", On, [
+            f(wt, {
+              label: `${o(s)("connect.loyalty.dashboard.filters.location")}: `,
+              "all-label": o(s)("connect.loyalty.dashboard.filters.all"),
+              "selected-label": o(s)("connect.loyalty.dashboard.filters.selected"),
+              "search-placeholder": o(s)("connect.loyalty.dashboard.filters.searchLocations"),
+              "right-icon": "keyboard_arrow_down",
+              modelValue: o(te).location,
+              "onUpdate:modelValue": b[0] || (b[0] = (Fe) => o(te).location = Fe),
+              icon: "storefront",
+              "show-item-label": !0,
+              items: o(h).locationOptions
+            }, null, 8, ["label", "all-label", "selected-label", "search-placeholder", "modelValue", "items"]),
+            a("div", En, [
+              f(it, {
+                "model-value": o(A),
+                "onUpdate:modelValue": ot
+              }, null, 8, ["model-value"]),
+              a("span", Pn, r(o(s)("connect.loyalty.dashboard.filters.comparisonSeparator")), 1),
+              f(Dn, {
+                "model-value": o(ee),
+                "onUpdate:modelValue": Ne
+              }, null, 8, ["model-value"]),
+              f(it, {
+                "model-value": o(G),
+                readonly: o(ee) !== "custom",
+                "onUpdate:modelValue": st
+              }, null, 8, ["model-value", "readonly"])
+            ])
+          ]),
+          a("div", Bn, r(o(s)("connect.loyalty.dashboard.filters.rangeSummary", {
+            current: o(ye),
+            comparison: o(me)
+          })), 1),
+          f(Va, {
+            kpis: o(at),
+            onSelect: b[1] || (b[1] = (Fe) => Me.value = !0)
+          }, null, 8, ["kpis"]),
+          a("section", Tn, [
+            f(xo, {
+              stages: o(ue).funnelStages,
+              footnote: o(ue).funnelFootnote,
+              interactive: !1,
+              loading: o(L).memberFunnel.loading,
+              error: o(L).memberFunnel.error
+            }, null, 8, ["stages", "footnote", "loading", "error"]),
+            f(Aa, {
+              insight: o(Ve),
+              loading: o(L).memberFunnel.loading,
+              error: o(L).memberFunnel.error
+            }, null, 8, ["insight", "loading", "error"])
+          ]),
+          a("section", Nn, [
+            a("div", Un, [
+              f(Xa, {
+                segments: o($e).lifecycleSegs,
+                summary: o($e).lifecycleSummary,
+                interactive: !1,
+                loading: o(L).memberLifecycle.loading,
+                error: o(L).memberLifecycle.error
+              }, null, 8, ["segments", "summary", "loading", "error"]),
+              f(Bo, {
+                spend: o(de),
+                loading: o(L).memberSpendComparison.loading,
+                error: o(L).memberSpendComparison.error
+              }, null, 8, ["spend", "loading", "error"]),
+              f(fn, {
+                metric: o(Se),
+                loading: o(Re).maximizers.loading,
+                error: o(Re).maximizers.error
+              }, null, 8, ["metric", "loading", "error"])
+            ]),
+            a("div", zn, [
+              f(Fn, {
+                sales: o(Qe),
+                loading: o(L).memberSalesTrend.loading,
+                error: o(L).memberSalesTrend.error
+              }, null, 8, ["sales", "loading", "error"]),
+              f(Zo, {
+                kpis: ((E = o(Te)) == null ? void 0 : E.rewardKpis) ?? [],
+                "top-rewards": ((pe = o(Te)) == null ? void 0 : pe.topRewards) ?? [],
+                "has-data": !!o(Te),
+                loading: o(L).rewardUsageHealth.loading,
+                error: o(L).rewardUsageHealth.error
+              }, null, 8, ["kpis", "top-rewards", "has-data", "loading", "error"]),
+              f(fa, {
+                campaigns: o(Xe),
+                loading: o(Pe),
+                error: o(Be)
+              }, null, 8, ["campaigns", "loading", "error"])
+            ])
+          ]),
+          f(Qr, {
+            modelValue: o(Me),
+            "onUpdate:modelValue": b[2] || (b[2] = (Fe) => lt(Me) ? Me.value = Fe : null),
+            summary: o(je),
+            "outlier-metric": o(ve),
+            payload: o(P),
+            locations: o(C)
+          }, null, 8, ["modelValue", "summary", "outlier-metric", "payload", "locations"])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  ll as default
+};