@feedmepos/mf-connect 0.1.98-beta.28 → 0.1.98-beta.29

package/dist/{LoyaltyDashboard-DUKvt3sY.js → LoyaltyDashboard-CoqplSHE.js}

@@ -1,17 +1,17 @@
-import { defineComponent as L, resolveComponent as _, openBlock as l, createBlock as A, withCtx as D, createElementVNode as t, createVNode as p, unref as f, createTextVNode as te, createElementBlock as u, Fragment as F, renderList as B, normalizeClass as I, toDisplayString as d, createCommentVNode as U, normalizeStyle as ze, computed as w, ref as x, watch as ge, onMounted as qe, nextTick as Ye } from "vue";
+import { defineComponent as I, resolveComponent as _, openBlock as l, createBlock as L, withCtx as D, createElementVNode as t, createVNode as u, unref as f, createTextVNode as te, createElementBlock as p, Fragment as F, renderList as B, normalizeClass as A, toDisplayString as d, createCommentVNode as U, normalizeStyle as He, computed as w, ref as x, watch as ge, onMounted as ze, nextTick as Ye } from "vue";
 import { h as he } from "./moment-D7p2TMB-.js";
-import { g as R, S as je, b as Ge, c as Je } from "./index-BmVOesYC.js";
+import { g as R, S as je, b as Ge, c as Je } from "./index-DFdzcoYH.js";
 import { RouterLink as Me, useRouter as Ke } from "vue-router";
-import { c as We } from "./index-CMbVv73b.js";
-import { _ as T } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-B1Yj3odA.js";
+import { c as We } from "./index-Cif2BYaH.js";
+import { _ as T } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-Bg_0YlwG.js";
 import { _ as Qe } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
 import { _ as xe } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-eIoPtgO5.js";
-import { u as Xe } from "./loading-BZ7Ck-yY.js";
-import { u as Ze } from "./business-cXZbJF8S.js";
-import { C as _e } from "./timezone-ImDJv5tQ.js";
+import { u as Xe } from "./loading-CBV3B-Wr.js";
+import { u as Ze } from "./business-BvnASP7F.js";
+import { C as _e } from "./timezone-CL5ViijC.js";
 import { useCoreStore as et } from "@feedmepos/mf-common";
-import { m as V } from "./index-AvL0-p38.js";
-import { t as tt } from "./money-CgbXuf2f.js";
+import { m as V } from "./index-B9vP8FgY.js";
+import { t as tt } from "./money-xHXXFSJq.js";
 const rt = { class: "flex items-center mb-14" }, st = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-10"
@@ -21,10 +21,10 @@ const rt = { class: "flex items-center mb-14" }, st = {
 }, at = {
   key: 2,
   class: "flex flex-col"
-}, nt = { class: "flex-1 min-w-0" }, it = { class: "fm-typo-en-body-sm-600 whitespace-nowrap overflow-hidden text-ellipsis" }, lt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-2" }, dt = { class: "text-right flex-shrink-0" }, ct = { class: "fm-typo-en-body-lg-600" }, mt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-2" }, ut = {
+}, nt = { class: "flex-1 min-w-0" }, it = { class: "fm-typo-en-body-sm-600 whitespace-nowrap overflow-hidden text-ellipsis" }, lt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-2" }, dt = { class: "text-right flex-shrink-0" }, ct = { class: "fm-typo-en-body-lg-600" }, mt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-2" }, pt = {
   key: 3,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-10"
-}, pt = /* @__PURE__ */ L({
+}, ut = /* @__PURE__ */ I({
   __name: "CampaignActivityList",
   props: {
     campaigns: {},
@@ -32,16 +32,16 @@ const rt = { class: "flex items-center mb-14" }, st = {
     error: { type: Boolean }
   },
   setup(e) {
-    return (o, r) => {
+    return (s, r) => {
       const n = _("FmCard");
-      return l(), A(n, {
+      return l(), L(n, {
         variant: "outlined",
         class: "p-24"
       }, {
         default: D(() => [
           t("div", rt, [
             r[1] || (r[1] = t("div", { class: "flex-1 fm-typo-en-body-md-600" }, "Recent campaigns", -1)),
-            p(f(Me), {
+            u(f(Me), {
               to: "/campaign",
               class: "fm-typo-en-body-sm-600 text-fm-color-primary no-underline"
             }, {
@@ -51,24 +51,24 @@ const rt = { class: "flex items-center mb-14" }, st = {
               _: 1
             })
           ]),
-          e.loading ? (l(), u("div", st, " Loading campaigns. ")) : e.error ? (l(), u("div", ot, " Unable to load campaigns. ")) : e.campaigns.length ? (l(), u("div", at, [
-            (l(!0), u(F, null, B(e.campaigns, (s) => (l(), u("div", {
-              key: s.id,
+          e.loading ? (l(), p("div", st, " Loading campaigns. ")) : e.error ? (l(), p("div", ot, " Unable to load campaigns. ")) : e.campaigns.length ? (l(), p("div", at, [
+            (l(!0), p(F, null, B(e.campaigns, (o) => (l(), p("div", {
+              key: o.id,
               class: "flex items-start gap-10 py-10 border-b border-fm-color-neutral-gray-100 last:border-b-0"
             }, [
               t("div", {
-                class: I(["w-7 h-7 rounded-full bg-current flex-shrink-0 mt-5", s.statusClass])
+                class: A(["w-7 h-7 rounded-full bg-current flex-shrink-0 mt-5", o.statusClass])
               }, null, 2),
               t("div", nt, [
-                t("div", it, d(s.name), 1),
-                t("div", lt, d(s.type), 1)
+                t("div", it, d(o.name), 1),
+                t("div", lt, d(o.type), 1)
               ]),
               t("div", dt, [
-                t("div", ct, d(s.metric), 1),
-                t("div", mt, d(s.metricLabel), 1)
+                t("div", ct, d(o.metric), 1),
+                t("div", mt, d(o.metricLabel), 1)
               ])
             ]))), 128))
-          ])) : (l(), u("div", ut, " No campaigns are available for this location. "))
+          ])) : (l(), p("div", pt, " No campaigns are available for this location. "))
         ]),
         _: 1
       });
@@ -77,56 +77,56 @@ const rt = { class: "flex items-center mb-14" }, st = {
 }), ft = { class: "flex items-center gap-8" }, bt = { class: "w-[30px] h-[30px] bg-fm-color-primary-oats flex items-center justify-center flex-shrink-0 fm-corner-radius-md" }, yt = { class: "bg-fm-color-primary-oats p-14 fm-corner-radius-md" }, vt = { class: "fm-typo-en-body-md-600 mb-6" }, gt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ht = { class: "flex flex-col gap-6" }, xt = { class: "border-t border-fm-color-neutral-gray-100 pt-12 flex flex-col gap-3" }, _t = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, wt = {
   key: 1,
   class: "bg-fm-color-neutral-gray-100 rounded-10 p-14 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, Mt = /* @__PURE__ */ L({
+}, Mt = /* @__PURE__ */ I({
   __name: "InsightPanel",
   props: {
     insight: {}
   },
   emits: ["navigate"],
-  setup(e, { emit: o }) {
-    const r = o;
-    return (n, s) => {
+  setup(e, { emit: s }) {
+    const r = s;
+    return (n, o) => {
       const i = _("FmIcon"), m = _("FmButton"), b = _("FmCard");
-      return l(), A(b, {
+      return l(), L(b, {
         variant: "outlined",
         class: "p-24 flex flex-col gap-14"
       }, {
         default: D(() => [
           t("div", ft, [
             t("div", bt, [
-              p(i, {
+              u(i, {
                 name: "info",
                 outline: "",
                 size: "sm",
                 class: "!text-fm-color-primary"
               })
             ]),
-            s[1] || (s[1] = t("div", { class: "fm-typo-en-body-md-600" }, "Action insight", -1))
+            o[1] || (o[1] = t("div", { class: "fm-typo-en-body-md-600" }, "Action insight", -1))
           ]),
-          e.insight ? (l(), u(F, { key: 0 }, [
+          e.insight ? (l(), p(F, { key: 0 }, [
             t("div", yt, [
               t("div", vt, d(e.insight.title), 1),
               t("div", gt, d(e.insight.body), 1)
             ]),
             t("div", ht, [
-              s[2] || (s[2] = t("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-1" }, " Suggested action ", -1)),
-              p(m, {
+              o[2] || (o[2] = t("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-1" }, " Suggested action ", -1)),
+              u(m, {
                 label: e.insight.action.label,
                 "append-icon": "arrow_forward",
                 class: "!justify-between",
-                onClick: s[0] || (s[0] = (y) => r("navigate", e.insight.action.path))
+                onClick: o[0] || (o[0] = (y) => r("navigate", e.insight.action.path))
               }, null, 8, ["label"])
             ]),
             t("div", xt, [
-              s[3] || (s[3] = t("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-1" }, " Supporting signal ", -1)),
-              (l(!0), u(F, null, B(e.insight.signals, (y) => (l(), u("li", {
+              o[3] || (o[3] = t("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-1" }, " Supporting signal ", -1)),
+              (l(!0), p(F, null, B(e.insight.signals, (y) => (l(), p("li", {
                 key: y.text,
                 class: "flex items-start gap-7"
               }, [
                 t("ul", _t, d(y.text), 1)
               ]))), 128))
             ])
-          ], 64)) : (l(), u("div", wt, " More member activity is needed before a clear action can be suggested. "))
+          ], 64)) : (l(), p("div", wt, " More member activity is needed before a clear action can be suggested. "))
         ]),
         _: 1
       });
@@ -135,16 +135,16 @@ const rt = { class: "flex items-center mb-14" }, st = {
 }), St = { class: "grid grid-cols-5 xs:grid-cols-2 gap-12" }, Rt = { class: "flex items-center gap-8" }, Ct = { class: "w-[30px] h-[30px] rounded-8 bg-[#FFF6EE] flex items-center justify-center flex-shrink-0" }, $t = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary flex-1 min-w-0" }, Ft = { class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary whitespace-nowrap overflow-hidden text-ellipsis" }, Dt = {
   key: 0,
   class: "text-fm-color-typo-success fm-typo-en-body-sm-600 -mt-4"
-}, kt = { class: "flex items-center gap-4 flex-wrap" }, Pt = /* @__PURE__ */ L({
+}, kt = { class: "flex items-center gap-4 flex-wrap" }, Pt = /* @__PURE__ */ I({
   __name: "KpiStrip",
   props: {
     kpis: {}
   },
   setup(e) {
-    return (o, r) => {
-      const n = _("FmIcon"), s = _("FmCard");
-      return l(), u("section", St, [
-        (l(!0), u(F, null, B(e.kpis, (i) => (l(), A(s, {
+    return (s, r) => {
+      const n = _("FmIcon"), o = _("FmCard");
+      return l(), p("section", St, [
+        (l(!0), p(F, null, B(e.kpis, (i) => (l(), L(o, {
           key: i.label,
           variant: "outlined",
           class: "flex flex-col gap-8 p-16 min-w-0 overflow-hidden"
@@ -152,7 +152,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
           default: D(() => [
             t("div", Rt, [
               t("div", Ct, [
-                p(n, {
+                u(n, {
                   name: i.icon,
                   outline: "",
                   size: "sm",
@@ -160,21 +160,21 @@ const rt = { class: "flex items-center mb-14" }, st = {
                 }, null, 8, ["name"])
               ]),
               t("span", $t, d(i.label), 1),
-              p(T, {
+              u(T, {
                 description: i.description
               }, null, 8, ["description"])
             ]),
             t("div", Ft, d(i.value), 1),
-            i.sub ? (l(), u("div", Dt, d(i.sub), 1)) : U("", !0),
+            i.sub ? (l(), p("div", Dt, d(i.sub), 1)) : U("", !0),
             t("div", kt, [
-              i.delta !== "0%" && i.delta !== "0pp" ? (l(), A(n, {
+              i.delta !== "0%" && i.delta !== "0pp" ? (l(), L(n, {
                 key: 0,
                 name: i.trendUp ? "trending_up" : "trending_down",
                 size: "xs",
-                class: I(i.deltaClass)
+                class: A(i.deltaClass)
               }, null, 8, ["name", "class"])) : U("", !0),
               t("span", {
-                class: I(["fm-typo-en-body-sm-600", i.deltaClass])
+                class: A(["fm-typo-en-body-sm-600", i.deltaClass])
               }, d(i.delta), 3),
               r[0] || (r[0] = t("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, "vs prev", -1))
             ])
@@ -184,7 +184,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
       ]);
     };
   }
-}), At = { class: "flex flex-col gap-4" }, It = ["onClick"], Lt = { class: "fm-typo-en-body-sm-600" }, Ot = { class: "fm-typo-en-body-md-600 min-w-[38px] text-right" }, Bt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary min-w-[34px] text-right" }, Tt = { class: "mt-14 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Nt = /* @__PURE__ */ L({
+}), Lt = { class: "flex flex-col gap-4" }, At = ["onClick"], It = { class: "fm-typo-en-body-sm-600" }, Ot = { class: "fm-typo-en-body-md-600 min-w-[38px] text-right" }, Bt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary min-w-[34px] text-right" }, Tt = { class: "mt-14 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Et = /* @__PURE__ */ I({
   __name: "LifecycleSegments",
   props: {
     segments: {},
@@ -192,11 +192,11 @@ const rt = { class: "flex items-center mb-14" }, st = {
     interactive: { type: Boolean, default: !0 }
   },
   emits: ["select"],
-  setup(e, { emit: o }) {
-    const r = e, n = o;
-    return (s, i) => {
+  setup(e, { emit: s }) {
+    const r = e, n = s;
+    return (o, i) => {
       const m = _("FmProgressBar"), b = _("FmCard");
-      return l(), A(b, {
+      return l(), L(b, {
         variant: "outlined",
         class: "p-24"
       }, {
@@ -204,24 +204,24 @@ const rt = { class: "flex items-center mb-14" }, st = {
           i[0] || (i[0] = t("div", { class: "flex items-center mb-16" }, [
             t("div", { class: "flex-1 fm-typo-en-body-md-600" }, "Member lifecycle")
           ], -1)),
-          t("div", At, [
-            (l(!0), u(F, null, B(r.segments, (y) => (l(), u("div", {
+          t("div", Lt, [
+            (l(!0), p(F, null, B(r.segments, (y) => (l(), p("div", {
               key: y.id,
-              class: I([
+              class: A([
                 "flex items-center gap-9 px-6 py-3 -mx-6 rounded-8",
                 r.interactive ? "cursor-pointer hover:bg-fm-color-neutral-gray-100/50" : "cursor-default"
               ]),
               onClick: (v) => r.interactive && n("select", y.id)
             }, [
               t("div", {
-                class: I(["flex w-[90px] flex-shrink-0 items-center gap-3", y.labelClass])
+                class: A(["flex w-[90px] flex-shrink-0 items-center gap-3", y.labelClass])
               }, [
-                t("span", Lt, d(y.label), 1),
-                p(T, {
+                t("span", It, d(y.label), 1),
+                u(T, {
                   description: y.description
                 }, null, 8, ["description"])
               ], 2),
-              p(m, {
+              u(m, {
                 class: "flex-1",
                 value: y.barPct,
                 color: y.barColor,
@@ -229,7 +229,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
               }, null, 8, ["value", "color"]),
               t("span", Ot, d(y.countStr), 1),
               t("span", Bt, d(y.pctStr), 1)
-            ], 10, It))), 128))
+            ], 10, At))), 128))
           ]),
           t("div", Tt, d(r.summary), 1)
         ]),
@@ -237,16 +237,16 @@ const rt = { class: "flex items-center mb-14" }, st = {
       });
     };
   }
-}), Et = { class: "flex items-start gap-8 mb-12" }, Ut = { class: "flex-1" }, Vt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, Ht = {
+}), Nt = { class: "flex items-start gap-8 mb-12" }, Ut = { class: "flex-1" }, Vt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, qt = {
   key: 0,
   class: "flex items-start pl-[152px] xs:pl-0 xs:justify-center"
-}, zt = { class: "flex flex-col items-start" }, qt = { class: "flex items-center gap-8" }, Yt = {
+}, Ht = { class: "flex flex-col items-start" }, zt = { class: "flex items-center gap-8" }, Yt = {
   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"
 }, jt = ["onClick"], Gt = { class: "min-w-0" }, Jt = { class: "flex items-center gap-3 fm-typo-en-body-sm-600" }, Kt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-4" }, Wt = { class: "min-w-0 text-right" }, Qt = { class: "fm-typo-en-body-lg-600" }, Xt = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, Zt = { class: "mt-12 pt-12 border-t border-fm-color-neutral-gray-100" }, er = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary text-right" }, tr = /* @__PURE__ */ L({
+}, Zt = { class: "mt-12 pt-12 border-t border-fm-color-neutral-gray-100" }, er = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary text-right" }, tr = /* @__PURE__ */ I({
   __name: "MemberFunnel",
   props: {
     stages: {},
@@ -254,56 +254,56 @@ const rt = { class: "flex items-center mb-14" }, st = {
     interactive: { type: Boolean, default: !0 }
   },
   emits: ["select"],
-  setup(e, { emit: o }) {
-    const r = e, n = o;
-    function s(i) {
+  setup(e, { emit: s }) {
+    const r = e, n = s;
+    function o(i) {
       r.interactive && n("select", i);
     }
     return (i, m) => {
       const b = _("FmProgressBar"), y = _("FmCard");
-      return l(), A(y, {
+      return l(), L(y, {
         variant: "outlined",
         class: "p-24"
       }, {
         default: D(() => [
-          t("div", Et, [
+          t("div", Nt, [
             t("div", Ut, [
               m[0] || (m[0] = t("div", { class: "fm-typo-en-body-md-600" }, "Member funnel", -1)),
               t("div", Vt, d(r.interactive ? "Strict member-only · visitors excluded · click any stage to drill down" : "Strict member-only · visitors excluded"), 1)
             ])
           ]),
-          (l(!0), u(F, null, B(e.stages, (v, M) => (l(), u("div", {
+          (l(!0), p(F, null, B(e.stages, (v, M) => (l(), p("div", {
             key: v.id
           }, [
-            v.hasDropLine ? (l(), u("div", Ht, [
-              t("div", zt, [
+            v.hasDropLine ? (l(), p("div", qt, [
+              t("div", Ht, [
                 m[1] || (m[1] = t("div", { class: "w-[1px] h-[4px] bg-fm-color-neutral-gray-100 ml-[9px]" }, null, -1)),
-                t("div", qt, [
+                t("div", zt, [
                   t("span", {
-                    class: I(["fm-typo-en-body-sm-600 px-8 py-[2px] rounded-xxxl whitespace-nowrap", v.dropClass])
+                    class: A(["fm-typo-en-body-sm-600 px-8 py-[2px] rounded-xxxl whitespace-nowrap", v.dropClass])
                   }, d(v.conversionStr), 3),
-                  v.isBiggestDrop ? (l(), u("span", Yt, " biggest drop ")) : U("", !0)
+                  v.isBiggestDrop ? (l(), p("span", Yt, " biggest drop ")) : U("", !0)
                 ]),
                 m[2] || (m[2] = t("div", { class: "w-[1px] h-[4px] bg-fm-color-neutral-gray-100 ml-[9px]" }, null, -1))
               ])
             ])) : U("", !0),
             t("div", {
-              class: I([
+              class: A([
                 "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",
                 r.interactive ? "cursor-pointer hover:bg-fm-color-neutral-gray-100/50" : ""
               ]),
-              onClick: (S) => s(v.id)
+              onClick: (S) => o(v.id)
             }, [
               t("div", Gt, [
                 t("div", Jt, [
                   t("span", null, d(v.label), 1),
-                  p(T, {
+                  u(T, {
                     description: v.description
                   }, null, 8, ["description"])
                 ]),
                 t("div", Kt, d(v.desc), 1)
               ]),
-              p(b, {
+              u(b, {
                 class: "min-w-0 xs:col-span-2 xs:row-start-2",
                 value: v.barWidthPct,
                 color: v.barColor,
@@ -311,7 +311,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
               }, null, 8, ["value", "color"]),
               t("div", Wt, [
                 t("div", Qt, d(v.countStr), 1),
-                v.hasConvRate ? (l(), u("div", Xt, d(v.convRateLabel), 1)) : U("", !0)
+                v.hasConvRate ? (l(), p("div", Xt, d(v.convRateLabel), 1)) : U("", !0)
               ])
             ], 10, jt)
           ]))), 128)),
@@ -323,22 +323,22 @@ const rt = { class: "flex items-center mb-14" }, st = {
       });
     };
   }
-}), rr = { class: "flex items-center gap-3 fm-typo-en-body-md-600 mb-4" }, sr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mb-16" }, or = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, ar = { class: "fm-typo-en-title-sm-800" }, nr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, ir = { class: "fm-typo-en-title-sm-800" }, lr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, dr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-8" }, cr = { class: "mt-16 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400" }, mr = /* @__PURE__ */ L({
+}), rr = { class: "flex items-center gap-3 fm-typo-en-body-md-600 mb-4" }, sr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mb-16" }, or = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, ar = { class: "fm-typo-en-title-sm-800" }, nr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, ir = { class: "fm-typo-en-title-sm-800" }, lr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, dr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-8" }, cr = { class: "mt-16 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400" }, mr = /* @__PURE__ */ I({
   __name: "MemberSpendComparison",
   props: {
     spend: {}
   },
   setup(e) {
-    return (o, r) => {
-      const n = _("FmProgressBar"), s = _("FmCard");
-      return l(), A(s, {
+    return (s, r) => {
+      const n = _("FmProgressBar"), o = _("FmCard");
+      return l(), L(o, {
         variant: "outlined",
         class: "p-24"
       }, {
         default: D(() => [
           t("div", rr, [
             r[0] || (r[0] = t("span", null, "Member vs. non-member spend", -1)),
-            p(T, {
+            u(T, {
               description: e.spend.description
             }, null, 8, ["description"])
           ]),
@@ -361,7 +361,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
               t("div", lr, " avg " + d(e.spend.avgNonMemberSaleFmt) + " / order ", 1)
             ])
           ]),
-          p(n, {
+          u(n, {
             class: "mt-16",
             value: e.spend.memberSharePct,
             color: "primary",
@@ -374,7 +374,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
       });
     };
   }
-}), ur = { class: "flex items-center mb-16" }, pr = {
+}), pr = { class: "flex items-center mb-16" }, ur = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
 }, fr = {
@@ -383,7 +383,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
 }, br = { class: "grid grid-cols-3 gap-10 mb-16" }, yr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4 flex items-center gap-3" }, vr = { class: "fm-typo-en-title-sm-800" }, gr = { class: "flex flex-col gap-9" }, hr = { class: "flex-1 fm-typo-en-body-sm-400 whitespace-nowrap overflow-hidden text-ellipsis" }, xr = { class: "flex flex-shrink-0 items-center gap-3 fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, _r = { class: "w-[48px] h-4 bg-fm-color-neutral-gray-100 rounded-2 overflow-hidden flex-shrink-0" }, wr = {
   key: 3,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, Mr = /* @__PURE__ */ L({
+}, Mr = /* @__PURE__ */ I({
   __name: "RewardPerformance",
   props: {
     kpis: {},
@@ -393,16 +393,16 @@ const rt = { class: "flex items-center mb-14" }, st = {
     error: { type: Boolean }
   },
   setup(e) {
-    return (o, r) => {
+    return (s, r) => {
       const n = _("FmCard");
-      return l(), A(n, {
+      return l(), L(n, {
         variant: "outlined",
         class: "p-24"
       }, {
         default: D(() => [
-          t("div", ur, [
+          t("div", pr, [
             r[1] || (r[1] = t("div", { class: "flex-1 fm-typo-en-body-md-600" }, "Reward usage health", -1)),
-            p(f(Me), {
+            u(f(Me), {
               to: "/reward",
               class: "fm-typo-en-body-sm-600 text-fm-color-primary no-underline"
             }, {
@@ -412,94 +412,94 @@ const rt = { class: "flex items-center mb-14" }, st = {
               _: 1
             })
           ]),
-          e.loading ? (l(), u("div", pr, " Loading reward usage data. ")) : e.error ? (l(), u("div", fr, " Unable to load reward usage data. ")) : e.hasData ? (l(), u(F, { key: 2 }, [
+          e.loading ? (l(), p("div", ur, " Loading reward usage data. ")) : e.error ? (l(), p("div", fr, " Unable to load reward usage data. ")) : e.hasData ? (l(), p(F, { key: 2 }, [
             t("div", br, [
-              (l(!0), u(F, null, B(e.kpis, (s) => (l(), u("div", {
-                key: s.label,
+              (l(!0), p(F, null, B(e.kpis, (o) => (l(), p("div", {
+                key: o.label,
                 class: "bg-[#FAFAFA] rounded-10 p-12"
               }, [
                 t("div", yr, [
-                  t("span", null, d(s.label), 1),
-                  p(T, {
-                    description: s.description
+                  t("span", null, d(o.label), 1),
+                  u(T, {
+                    description: o.description
                   }, null, 8, ["description"])
                 ]),
-                t("div", vr, d(s.value), 1),
-                s.delta ? (l(), u("div", {
+                t("div", vr, d(o.value), 1),
+                o.delta ? (l(), p("div", {
                   key: 0,
-                  class: I(["fm-typo-en-body-sm-600 mt-3", s.deltaClass])
-                }, d(s.delta), 3)) : U("", !0)
+                  class: A(["fm-typo-en-body-sm-600 mt-3", o.deltaClass])
+                }, d(o.delta), 3)) : U("", !0)
               ]))), 128))
             ]),
             r[3] || (r[3] = t("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase tracking-wide mb-10" }, " Top used rewards ", -1)),
             t("div", gr, [
-              (l(!0), u(F, null, B(e.topRewards, (s) => (l(), u("div", {
-                key: s.name,
+              (l(!0), p(F, null, B(e.topRewards, (o) => (l(), p("div", {
+                key: o.name,
                 class: "flex items-center gap-9"
               }, [
                 r[2] || (r[2] = t("div", { class: "w-6 h-6 rounded-2 bg-fm-color-primary flex-shrink-0" }, null, -1)),
-                t("span", hr, d(s.name), 1),
+                t("span", hr, d(o.name), 1),
                 t("span", xr, [
-                  te(d(s.count) + " ", 1),
-                  p(T, {
-                    description: s.description
+                  te(d(o.count) + " ", 1),
+                  u(T, {
+                    description: o.description
                   }, null, 8, ["description"])
                 ]),
                 t("div", _r, [
                   t("div", {
                     class: "h-full bg-fm-color-primary rounded-2",
-                    style: ze({ width: s.barPct + "%" })
+                    style: He({ width: o.barPct + "%" })
                   }, null, 4)
                 ])
               ]))), 128))
             ])
-          ], 64)) : (l(), u("div", wr, " No reward usage data is available for this period. "))
+          ], 64)) : (l(), p("div", wr, " No reward usage data is available for this period. "))
         ]),
         _: 1
       });
     };
   }
-}), Sr = { class: "mb-6 flex items-center gap-3 fm-typo-en-body-md-600" }, Rr = { class: "flex items-baseline gap-10 mb-14 flex-wrap" }, Cr = { class: "fm-typo-en-title-lg-800" }, $r = /* @__PURE__ */ L({
+}), Sr = { class: "mb-6 flex items-center gap-3 fm-typo-en-body-md-600" }, Rr = { class: "flex items-baseline gap-10 mb-14 flex-wrap" }, Cr = { class: "fm-typo-en-title-lg-800" }, $r = /* @__PURE__ */ I({
   __name: "SalesTrendChart",
   props: {
     sales: {}
   },
   setup(e) {
-    const o = e, r = w(() => [
+    const s = e, r = w(() => [
       {
         label: "This period",
-        data: o.sales.series,
+        data: s.sales.series,
         color: "#FF7823",
         fill: !0
       },
       {
         label: "Prev. period",
-        data: o.sales.prevSeries,
+        data: s.sales.prevSeries,
         color: "#B2B3B6",
         dash: !0
       }
     ]), n = { display: !1 };
-    return (s, i) => {
+    return (o, i) => {
       const m = _("FmLineChart"), b = _("FmCard");
-      return l(), A(b, {
+      return l(), L(b, {
         variant: "outlined",
         class: "p-24"
       }, {
         default: D(() => [
           t("div", Sr, [
             i[0] || (i[0] = t("span", null, "Member sales trend", -1)),
-            p(T, {
+            u(T, {
               description: e.sales.description
             }, null, 8, ["description"])
           ]),
           t("div", Rr, [
             t("span", Cr, d(e.sales.totalFmt), 1),
             t("span", {
-              class: I(["fm-typo-en-body-sm-600 px-9 py-3 rounded-full whitespace-nowrap", e.sales.deltaClass])
+              class: A(["fm-typo-en-body-sm-600 px-9 py-3 rounded-full whitespace-nowrap", e.sales.deltaClass])
             }, d(e.sales.deltaStr), 3),
             i[1] || (i[1] = t("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, "vs prev. period", -1))
           ]),
-          p(m, {
+          u(m, {
             datasets: f(r),
             "x-axis": { categories: e.sales.comparisonCategories },
             "x-cfg": n,
@@ -603,7 +603,7 @@ const rt = { class: "flex items-center mb-14" }, st = {
       )
     );
   }
-}, g = {
+}, h = {
   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.",
@@ -613,22 +613,22 @@ const rt = { class: "flex items-center mb-14" }, st = {
   repeatMembers: "Purchase members who also had purchase history before 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 at least two completed member bills in the selected period.",
-  infrequent: "Existing members with exactly one completed member bill in the selected period.",
-  atRisk: "Existing members with no selected-period purchase but a completed purchase in the prior 60 calendar days.",
-  dormant: "Existing members with no selected-period purchase and no completed purchase in the prior 60 calendar days.",
+  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 COIN reward during the selected period; anonymous usage is excluded from the member count.",
+  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.",
   memberSpendComparison: "Shows the value members bring — use it to make the case for growing membership"
 };
-function Fr(e, o, r = /* @__PURE__ */ new Date()) {
-  const n = V.tz(r, o).endOf("day"), s = n.clone().startOf("day");
-  return s.startOf("month"), [s.toISOString(), n.toISOString()];
+function Fr(e, s, r = /* @__PURE__ */ new Date()) {
+  const n = V.tz(r, s).endOf("day"), o = n.clone().startOf("day");
+  return o.startOf("month"), [o.toISOString(), n.toISOString()];
 }
-function Dr(e, o) {
-  return e.length ? e : o;
+function Dr(e, s) {
+  return e.length ? e : s;
 }
 function kr(e) {
   return {
@@ -642,8 +642,8 @@ function kr(e) {
   };
 }
 function we(e) {
-  const [o, r] = e, n = V(r).diff(V(o)), s = V(o).subtract(1, "millisecond");
-  return [s.clone().subtract(n, "milliseconds").toISOString(), s.toISOString()];
+  const [s, r] = e, n = V(r).diff(V(s)), o = V(s).subtract(1, "millisecond");
+  return [o.clone().subtract(n, "milliseconds").toISOString(), o.toISOString()];
 }
 const J = (e) => ({
   total: 0,
@@ -663,7 +663,7 @@ const J = (e) => ({
   prev: Array(e).fill(0)
 });
 J(20), J(7), J(30), J(12);
-const re = (e, o) => o ? Math.round(e / o * 1e3) / 10 : 0, Pr = (e, o) => o ? Math.round((e - o) / o * 1e3) / 10 : 0, H = (e) => e >= 1e3 ? (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : String(e), O = (e, o) => tt(e).set({ currency: o }).toFormat(!0), Ar = [
+const re = (e, s) => s ? Math.round(e / s * 1e3) / 10 : 0, Pr = (e, s) => s ? Math.round((e - s) / s * 1e3) / 10 : 0, q = (e) => e >= 1e3 ? (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : String(e), O = (e, s) => tt(e).set({ currency: s }).toFormat(!0), Lr = [
   "neutral-black",
   "primary",
   "#FF9C52",
@@ -679,17 +679,17 @@ const re = (e, o) => o ? Math.round(e / o * 1e3) / 10 : 0, Pr = (e, o) => o ? Ma
   text: "text-fm-color-typo-warning",
   bg: "bg-fm-color-system-warning-100"
 };
-function Ir(e) {
+function Ar(e) {
   return e === 0 ? "text-fm-color-typo-secondary" : e > 0 ? se.text : Se.text;
 }
-function Lr(e) {
-  const o = [
+function Ir(e) {
+  const s = [
     {
       id: "total",
       label: "Total members",
       count: e.totalMembers,
       desc: "All members through period end",
-      description: g.totalMembers,
+      description: h.totalMembers,
       denom: null
     },
     {
@@ -697,7 +697,7 @@ function Lr(e) {
       label: "Active members",
       count: e.activeMembers,
       desc: "Purchase or reward activity",
-      description: g.activeMembers,
+      description: h.activeMembers,
       denom: e.totalMembers
     },
     {
@@ -705,7 +705,7 @@ function Lr(e) {
       label: "Purchase members",
       count: e.purchasingMembers,
       desc: "At least 1 completed order",
-      description: g.purchasingMembers,
+      description: h.purchasingMembers,
       denom: e.activeMembers
     },
     {
@@ -713,7 +713,7 @@ function Lr(e) {
       label: "Repeat members",
       count: e.repeatMembers,
       desc: "Had prior order history",
-      description: g.repeatMembers,
+      description: h.repeatMembers,
       denom: e.purchasingMembers
     },
     {
@@ -721,30 +721,30 @@ function Lr(e) {
       label: "Reward redeemers",
       count: e.rewardRedeemers,
       desc: "Repeat member used reward",
-      description: g.funnelRewardRedeemers,
+      description: h.funnelRewardRedeemers,
       denom: e.repeatMembers
     }
-  ], r = o.map(
+  ], r = s.map(
     (m, b) => b === 0 || !m.denom ? null : re(m.count, m.denom)
   );
-  let n = null, s = 100;
+  let n = null, o = 100;
   return e.totalMembers > 0 && r.forEach((m, b) => {
-    b > 0 && m !== null && m < s && (s = m, n = b);
+    b > 0 && m !== null && m < o && (o = m, n = b);
   }), {
-    funnelStages: o.map((m, b) => {
+    funnelStages: s.map((m, b) => {
       const y = r[b], v = b === n;
       return {
         id: m.id,
         label: m.label,
         desc: m.desc,
         description: m.description,
-        countStr: H(m.count),
+        countStr: q(m.count),
         conversionStr: y != null ? `${y}% convert` : "",
         convRateLabel: y != null ? `${y}% of prev` : "",
         hasConvRate: b > 0,
         hasDropLine: b > 0,
         isBiggestDrop: v,
-        barColor: Ar[b] ?? "#FFD0A3",
+        barColor: Lr[b] ?? "#FFD0A3",
         barWidthPct: e.totalMembers > 0 && m.count > 0 ? Math.max(re(m.count, e.totalMembers), 1) : 0,
         dropClass: v ? `${oe.text} bg-[#FFF0E2]` : "text-fm-color-typo-secondary bg-fm-color-neutral-gray-100"
       };
@@ -755,12 +755,12 @@ function Lr(e) {
   };
 }
 function Or(e) {
-  const { funnelStages: o, funnelFootnote: r } = Lr(e);
-  return { funnelStages: o, funnelFootnote: r };
+  const { funnelStages: s, funnelFootnote: r } = Ir(e);
+  return { funnelStages: s, funnelFootnote: r };
 }
 const Br = 10;
 function Tr(e) {
-  const o = [
+  const s = [
     {
       source: e.totalMembers,
       target: e.activeMembers,
@@ -803,8 +803,8 @@ function Tr(e) {
     }
   ];
   let r = null;
-  for (const s of o)
-    s.source < Br || s.target >= s.source || (!r || s.target / s.source < r.target / r.source) && (r = s);
+  for (const o of s)
+    o.source < Br || o.target >= o.source || (!r || o.target / o.source < r.target / r.source) && (r = o);
   if (!r) return null;
   const n = Math.round(r.target / r.source * 1e3) / 10;
   return {
@@ -818,7 +818,7 @@ function Tr(e) {
     ]
   };
 }
-const Nr = {
+const Er = {
   VOUCHER: "Voucher",
   PROMOTION: "Promotion",
   POINT: "Experience",
@@ -828,7 +828,7 @@ const Nr = {
   REWARD_POOL: "Reward pool",
   GAME: "Game",
   MISSION: "Mission"
-}, Er = {
+}, Nr = {
   active: { label: "Active", class: se.text },
   expired: { label: "Ended", class: "text-fm-color-typo-tertiary" },
   upcoming: { label: "Upcoming", class: oe.text }
@@ -836,15 +836,15 @@ const Nr = {
 function Ur(e) {
   return e.type !== "MEMBERSHIP";
 }
-function Vr(e, o) {
+function Vr(e, s) {
   var r;
-  return !o.length || !((r = e.targetLocation) != null && r.length) ? !0 : e.targetLocation.some(
-    (n) => o.includes(n.toString())
+  return !s.length || !((r = e.targetLocation) != null && r.length) ? !0 : e.targetLocation.some(
+    (n) => s.includes(n.toString())
   );
 }
-function Hr(e) {
-  var o;
-  if (((o = e.timeframeOptions) == null ? void 0 : o.type) === "timeframe") {
+function qr(e) {
+  var s;
+  if (((s = e.timeframeOptions) == null ? void 0 : s.type) === "timeframe") {
     const r = V();
     return r.isBetween(
       e.timeframeOptions.start ?? r.clone().subtract(1, "d"),
@@ -853,51 +853,51 @@ function Hr(e) {
   }
   return "active";
 }
-function zr(e, o) {
+function Hr(e, s) {
   return e.filter(Ur).filter(
-    (r) => Vr(r, o)
+    (r) => Vr(r, s)
   ).map((r) => {
-    const n = Hr(r), s = Er[n], i = r.type === "BROADCAST";
+    const n = qr(r), o = Nr[n], i = r.type === "BROADCAST";
     return {
       id: r._id.toString(),
       name: r.name,
-      type: Nr[r.type] ?? r.type,
-      status: s.label,
-      metric: i ? String(r.currentReceive ?? 0) : s.label,
+      type: Er[r.type] ?? r.type,
+      status: o.label,
+      metric: i ? String(r.currentReceive ?? 0) : o.label,
       metricLabel: i ? "Messages sent" : "Status",
-      statusClass: s.class
+      statusClass: o.class
     };
   }).sort(
     (r, n) => +(n.status === "Active") - +(r.status === "Active")
   ).slice(0, 4);
 }
-function qr(e, o) {
+function zr(e, s) {
   return {
     categories: e.categories,
     prevCategories: e.prevCategories,
     comparisonCategories: e.categories.map(
-      (r, n) => [r, e.prevCategories[n]].filter(Boolean).map((s) => V(s).format("DD/MM/YYYY")).join(" vs ")
+      (r, n) => [r, e.prevCategories[n]].filter(Boolean).map((o) => V(o).format("DD/MM/YYYY")).join(" vs ")
     ),
     series: e.series,
     prevSeries: e.prevSeries,
-    description: g.memberSalesTrend,
-    totalFmt: O(e.memberSales, o),
+    description: h.memberSalesTrend,
+    totalFmt: O(e.memberSales, s),
     deltaStr: `${e.deltaPct > 0 ? "+" : ""}${e.deltaPct}%`,
-    deltaClass: Ir(e.deltaPct)
+    deltaClass: Ar(e.deltaPct)
   };
 }
-function Yr(e, o, r, n) {
-  return !e.memberOrders && !e.nonMemberOrders ? "No completed orders were recorded in this period." : r === 0 && o > 0 ? "Members account for all tracked spend in this period." : o === 0 && r > 0 ? "Non-members account for all tracked spend in this period." : n > 0 ? `Members spend ${n}% more per order than non-members. Converting more walk-ins to members is a direct lever on sales.` : n < 0 ? `Non-members spend ${Math.abs(n)}% more per order than members. Converting more walk-ins to members can increase member-linked sales.` : "Members and non-members have the same average order value in this period.";
+function Yr(e, s, r, n) {
+  return !e.memberOrders && !e.nonMemberOrders ? "No completed orders were recorded in this period." : r === 0 && s > 0 ? "Members account for all tracked spend in this period." : s === 0 && r > 0 ? "Non-members account for all tracked spend in this period." : n > 0 ? `Members spend ${n}% more per order than non-members. Converting more walk-ins to members is a direct lever on sales.` : n < 0 ? `Non-members spend ${Math.abs(n)}% more per order than members. Converting more walk-ins to members can increase member-linked sales.` : "Members and non-members have the same average order value in this period.";
 }
-function jr(e, o) {
-  const r = e.memberOrders ? e.memberSales / e.memberOrders : 0, n = e.nonMemberOrders ? e.nonMemberSales / e.nonMemberOrders : 0, s = e.memberSales + e.nonMemberSales, i = Pr(r, n);
+function jr(e, s) {
+  const r = e.memberOrders ? e.memberSales / e.memberOrders : 0, n = e.nonMemberOrders ? e.nonMemberSales / e.nonMemberOrders : 0, o = e.memberSales + e.nonMemberSales, i = Pr(r, n);
   return {
-    description: g.memberSpendComparison,
-    memberSalesFmt: O(e.memberSales, o),
-    nonMemberSalesFmt: O(e.nonMemberSales, o),
-    avgMemberSaleFmt: O(r, o),
-    avgNonMemberSaleFmt: O(n, o),
-    memberSharePct: re(e.memberSales, s),
+    description: h.memberSpendComparison,
+    memberSalesFmt: O(e.memberSales, s),
+    nonMemberSalesFmt: O(e.nonMemberSales, s),
+    avgMemberSaleFmt: O(r, s),
+    avgNonMemberSaleFmt: O(n, s),
+    memberSharePct: re(e.memberSales, o),
     avgGapPct: i,
     summary: Yr(
       e,
@@ -908,12 +908,18 @@ function jr(e, o) {
   };
 }
 function Gr(e) {
-  const o = [
+  const s = e.criteria ? {
+    ...h,
+    frequent: `Existing members with at least ${e.criteria.frequentMinBills} completed member bills in the selected period.`,
+    infrequent: `Existing members with 1 to ${e.criteria.frequentMinBills - 1} completed member bills in the selected period.`,
+    atRisk: `Existing members with no selected-period purchase but a completed purchase in the prior ${e.criteria.atRiskLookbackDays} calendar days.`,
+    dormant: `Existing members with no selected-period purchase and no completed purchase in the prior ${e.criteria.atRiskLookbackDays} calendar days.`
+  } : h, r = [
     {
       id: "new",
       label: "Newly joined",
       count: e.newlyJoined,
-      description: g.newlyJoined,
+      description: h.newlyJoined,
       labelClass: se.text,
       barColor: "typo-success"
     },
@@ -921,7 +927,7 @@ function Gr(e) {
       id: "frequent",
       label: "Frequent",
       count: e.frequent,
-      description: g.frequent,
+      description: s.frequent,
       labelClass: "text-fm-color-primary",
       barColor: "primary"
     },
@@ -929,7 +935,7 @@ function Gr(e) {
       id: "infrequent",
       label: "Infrequent",
       count: e.infrequent,
-      description: g.infrequent,
+      description: s.infrequent,
       labelClass: "text-fm-color-typo-secondary",
       barColor: "neutral-gray-300"
     },
@@ -937,7 +943,7 @@ function Gr(e) {
       id: "at-risk",
       label: "At-risk",
       count: e.atRisk,
-      description: g.atRisk,
+      description: s.atRisk,
       labelClass: oe.text,
       barColor: "#FFC746"
     },
@@ -945,19 +951,19 @@ function Gr(e) {
       id: "dormant",
       label: "Dormant",
       count: e.dormant,
-      description: g.dormant,
+      description: s.dormant,
       labelClass: Se.text,
       barColor: "#FFCFCC"
     }
-  ], r = Math.max(...o.map((s) => s.count), 1);
+  ], n = Math.max(...r.map((i) => i.count), 1);
   return {
-    lifecycleSegs: o.map((s) => ({
-      ...s,
-      barPct: Math.round(s.count / r * 100),
-      pctStr: `${e.totalMembers ? Math.round(s.count / e.totalMembers * 100) : 0}%`,
-      countStr: H(s.count)
+    lifecycleSegs: r.map((i) => ({
+      ...i,
+      barPct: Math.round(i.count / n * 100),
+      pctStr: `${e.totalMembers ? Math.round(i.count / e.totalMembers * 100) : 0}%`,
+      countStr: q(i.count)
     })),
-    lifecycleSummary: `${H(
+    lifecycleSummary: `${q(
       e.atRisk + e.dormant
     )} members are at-risk or dormant`
   };
@@ -965,13 +971,13 @@ function Gr(e) {
 function Jr(e) {
   return Gr(e);
 }
-function Kr(e, o) {
-  return e.displayUnit === "uses" ? `${H(e.displayValue)} ${e.displayValue === 1 ? "use" : "uses"}` : e.type === "COIN" ? `${H(e.displayValue)} pts` : O(e.displayValue, o);
+function Kr(e, s) {
+  return e.displayUnit === "uses" ? `${q(e.displayValue)} ${e.displayValue === 1 ? "use" : "uses"}` : e.type === "COIN" ? `${q(e.displayValue)} pts` : O(e.displayValue, s);
 }
 function Wr(e) {
-  return e.displayUnit === "uses" ? "Counted voucher-use transactions for this reward during the selected period." : `Total ${e.type.toLowerCase()} amount used for this reward during the selected period.`;
+  return e.displayUnit === "uses" ? "Counted voucher-use transactions for this reward during the selected period." : `Total ${e.type === "COIN" ? "point" : e.type.toLowerCase()} amount used for this reward during the selected period.`;
 }
-function Qr(e, o) {
+function Qr(e, s) {
   const r = Math.max(
     ...e.topRewards.map((n) => n.usageCount),
     1
@@ -980,32 +986,32 @@ function Qr(e, o) {
     rewardKpis: [
       {
         label: "Reward redeemers",
-        value: H(e.rewardRedeemers),
-        description: g.rewardRedeemers
+        value: q(e.rewardRedeemers),
+        description: h.rewardRedeemers
       },
       {
         label: "Redemption rate",
         value: `${e.redemptionRatePct}%`,
-        description: g.redemptionRate
+        description: h.redemptionRate
       },
       {
         label: "Avg reward uses",
         value: `${e.averageRewardUsesPerRedeemer}x`,
-        description: g.averageRewardUses
+        description: h.averageRewardUses
       }
     ],
     topRewards: e.topRewards.map((n) => ({
       name: n.name,
-      count: Kr(n, o),
+      count: Kr(n, s),
       description: Wr(n),
       barPct: n.usageCount ? Math.round(n.usageCount / r * 100) : 0
     }))
   };
 }
-const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex items-center justify-between gap-8 flex-wrap" }, es = { class: "flex items-center gap-8 flex-wrap" }, ts = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary -mt-8 text-right" }, rs = { class: "grid grid-cols-[3fr_2fr] xs:grid-cols-1 gap-16 items-start" }, ss = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, gs = /* @__PURE__ */ L({
+const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex items-center justify-between gap-8 flex-wrap" }, es = { class: "flex items-center gap-8 flex-wrap" }, ts = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary -mt-8 text-right" }, rs = { class: "grid grid-cols-[3fr_2fr] xs:grid-cols-1 gap-16 items-start" }, ss = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, gs = /* @__PURE__ */ I({
   __name: "LoyaltyDashboard",
   setup(e) {
-    const o = Ze(), r = et(), n = Ke(), { global: s, minor: i } = Xe, m = w(
+    const s = Ze(), r = et(), n = Ke(), { global: o, minor: i } = Xe, m = w(
       () => _e[r.currentCountry.value || "MY"] ?? _e.MY
     ), b = w(
       () => Je.Country.getCountry(r.currentCountry.value || "MY").currency.code
@@ -1017,7 +1023,7 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
       endDate: v
     }), S = x(
       me(we([y, v]))
-    ), z = x({ location: [] }), K = x(o.locations.length > 0), ae = x(!1), ne = x(0), ie = x({}), q = x(null), le = x(null), de = x(null), ce = x(null), W = x(null), Y = x(!1), j = x(!1), Q = x([]), X = x(!1), Z = x(!1);
+    ), H = x({ location: [] }), K = x(s.locations.length > 0), ae = x(!1), ne = x(0), ie = x({}), z = x(null), le = x(null), de = x(null), ce = x(null), W = x(null), Y = x(!1), j = x(!1), Q = x([]), X = x(!1), Z = x(!1);
     function me([a, c]) {
       return { startDate: a, endDate: c };
     }
@@ -1026,9 +1032,9 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
         we([a.startDate, a.endDate])
       ));
     });
-    const ue = w(
+    const pe = w(
       () => Or(
-        q.value ?? {
+        z.value ?? {
           totalMembers: 0,
           activeMembers: 0,
           purchasingMembers: 0,
@@ -1036,7 +1042,7 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
           rewardRedeemers: 0
         }
       )
-    ), pe = w(
+    ), ue = w(
       () => Jr(
         le.value ?? {
           totalMembers: 0,
@@ -1048,20 +1054,20 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
         }
       )
     ), Re = w(
-      () => qr(
+      () => zr(
         de.value ?? {
           categories: [""],
           prevCategories: [""],
           series: [0],
           prevSeries: [0],
-          description: g.memberSalesTrend,
+          description: h.memberSalesTrend,
           memberSales: 0,
           deltaPct: 0
         },
         b.value
       )
     ), Ce = w(
-      () => q.value ? Tr(q.value) : null
+      () => z.value ? Tr(z.value) : null
     ), ee = w(
       () => W.value ? Qr(W.value, b.value) : null
     ), $e = w(
@@ -1075,60 +1081,60 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
         b.value
       )
     ), Fe = w(
-      () => zr(Q.value, z.value.location)
+      () => Hr(Q.value, H.value.location)
     ), De = w(() => {
       const a = ie.value;
       return [
         {
           label: "Total members",
           value: be(a.totalMembers ?? 0),
-          description: g.totalMembers,
+          description: h.totalMembers,
           icon: "group",
           delta: "0%"
         },
         {
           label: "Active members",
           value: be(a.activeMembers ?? 0),
-          description: g.activeMembers,
+          description: h.activeMembers,
           icon: "bolt",
           delta: "0%"
         },
         {
           label: "Member sales",
           value: O(a.memberSales ?? 0, b.value),
-          description: g.memberSales,
+          description: h.memberSales,
           icon: "payments",
           delta: "0%"
         },
         {
           label: "Repeat rate",
           value: ye(a.repeatRatePct ?? 0),
-          description: g.repeatRate,
+          description: h.repeatRate,
           icon: "repeat",
           delta: "0pp"
         },
         {
           label: "Voucher redemption rate",
           value: ye(a.voucherRedemptionRatePct ?? 0),
-          description: g.voucherRedemptionRate,
+          description: h.voucherRedemptionRate,
           icon: "redeem",
           delta: "0pp"
         }
       ].map(
-        (h) => ({
-          ...h,
+        (g) => ({
+          ...g,
           sub: null,
           deltaClass: "text-fm-color-typo-secondary",
           trendUp: !0
         })
       );
     }), ke = w(
-      () => o.locations.map((a) => a._id.toString())
+      () => s.locations.map((a) => a._id.toString())
     );
     function fe(a) {
       return !a.startDate || !a.endDate ? "" : `${he(a.startDate).format("D MMM")} – ${he(a.endDate).format("D MMM YYYY")}`;
     }
-    const Pe = w(() => fe(M.value)), Ae = w(
+    const Pe = w(() => fe(M.value)), Le = w(
       () => fe(S.value)
     );
     function be(a) {
@@ -1137,18 +1143,18 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
     function ye(a) {
       return `${Math.round(a * 10) / 10}%`;
     }
-    function Ie(a) {
+    function Ae(a) {
       if (a && typeof a == "object" && "value" in a && Number.isFinite(Number(a.value)))
         return Number(a.value);
     }
-    function Le() {
+    function Ie() {
       return !M.value.startDate || !M.value.endDate || !S.value.startDate || !S.value.endDate || !K.value ? null : kr({
         dateRange: [M.value.startDate, M.value.endDate],
         compareDateRange: [
           S.value.startDate,
           S.value.endDate
         ],
-        selectedLocationIds: z.value.location,
+        selectedLocationIds: H.value.location,
         locationIds: ke.value,
         timezone: m.value
       });
@@ -1156,20 +1162,20 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
     function k(a) {
       return a === ne.value;
     }
-    async function N(a, c, h) {
+    async function E(a, c, g) {
       try {
-        await a(c, h);
-      } catch (E) {
-        if (k(h)) throw E;
+        await a(c, g);
+      } catch (N) {
+        if (k(g)) throw N;
       }
     }
     async function Oe(a, c) {
       const [
-        h,
-        E,
+        g,
+        N,
         G,
         P,
-        He
+        qe
       ] = await Promise.all([
         $.readTotalMembers(a),
         $.readActiveMembers(a),
@@ -1178,37 +1184,37 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
         $.readVoucherRedemptionRate(a)
       ]);
       k(c) && (ie.value = {
-        totalMembers: Ie(h),
-        activeMembers: E.activeMembers,
+        totalMembers: Ae(g),
+        activeMembers: N.activeMembers,
         memberSales: G.memberSales,
         repeatRatePct: P.repeatRatePct,
-        voucherRedemptionRatePct: He.voucherRedemptionRatePct
+        voucherRedemptionRatePct: qe.voucherRedemptionRatePct
       });
     }
     async function Be(a, c) {
-      const h = await $.readMemberFunnel(a);
-      k(c) && (q.value = h);
+      const g = await $.readMemberFunnel(a);
+      k(c) && (z.value = g);
     }
     async function Te(a, c) {
-      const h = await $.readMemberLifecycle(a);
-      k(c) && (le.value = h);
-    }
-    async function Ne(a, c) {
-      const h = await $.readMemberSalesTrend(a);
-      k(c) && (de.value = h);
+      const g = await $.readMemberLifecycle(a);
+      k(c) && (le.value = g);
     }
     async function Ee(a, c) {
-      const h = await $.readMemberSpendComparison(a);
-      k(c) && (ce.value = h);
+      const g = await $.readMemberSalesTrend(a);
+      k(c) && (de.value = g);
+    }
+    async function Ne(a, c) {
+      const g = await $.readMemberSpendComparison(a);
+      k(c) && (ce.value = g);
     }
     async function Ue(a, c) {
       Y.value = !0, j.value = !1;
       try {
-        const h = await $.readRewardUsageHealth(a);
+        const g = await $.readRewardUsageHealth(a);
         if (!k(c)) return;
-        W.value = h;
-      } catch (h) {
-        throw k(c) && (j.value = !0), h;
+        W.value = g;
+      } catch (g) {
+        throw k(c) && (j.value = !0), g;
       } finally {
         k(c) && (Y.value = !1);
       }
@@ -1230,104 +1236,104 @@ const Xr = { class: "px-24 flex flex-col gap-16 pb-24" }, Zr = { class: "flex it
       }
     }
     function ve() {
-      const a = ++ne.value, c = Le();
+      const a = ++ne.value, c = Ie();
       if (!c) {
         Y.value = !1, j.value = !1;
         return;
       }
       i(
-        () => N(Oe, c, a)
+        () => E(Oe, c, a)
       ).catch(() => {
       }), i(
-        () => N(Be, c, a)
+        () => E(Be, c, a)
       ).catch(() => {
       }), i(
-        () => N(Te, c, a)
+        () => E(Te, c, a)
       ).catch(() => {
       }), i(
-        () => N(Ne, c, a)
+        () => E(Ee, c, a)
       ).catch(() => {
       }), i(
-        () => N(
-          Ee,
+        () => E(
+          Ne,
           c,
           a
         )
       ).catch(() => {
       }), i(
-        () => N(Ue, c, a)
+        () => E(Ue, c, a)
       ).catch(() => {
       });
     }
-    return ge([M, S, () => z.value.location], () => {
+    return ge([M, S, () => H.value.location], () => {
       ae.value && ve();
-    }), qe(async () => {
-      await s(async () => {
-        K.value || await o.readLocations(), K.value = !0;
+    }), ze(async () => {
+      await o(async () => {
+        K.value || await s.readLocations(), K.value = !0;
       }), await Ye(), ae.value = !0, ve(), Ve().catch(() => {
         Q.value = [];
       });
     }), (a, c) => {
-      var E, G;
-      const h = _("FmPageHead");
-      return l(), u(F, null, [
-        p(h, { title: "Analytic" }),
+      var N, G;
+      const g = _("FmPageHead");
+      return l(), p(F, null, [
+        u(g, { title: "Analytic" }),
         t("div", Xr, [
           t("div", Zr, [
-            p(Qe, {
+            u(Qe, {
               label: "Location: ",
               "right-icon": "keyboard_arrow_down",
-              modelValue: f(z).location,
-              "onUpdate:modelValue": c[0] || (c[0] = (P) => f(z).location = P),
+              modelValue: f(H).location,
+              "onUpdate:modelValue": c[0] || (c[0] = (P) => f(H).location = P),
               icon: "storefront",
               "show-item-label": !0,
-              items: f(o).locationOptions
+              items: f(s).locationOptions
             }, null, 8, ["modelValue", "items"]),
             t("div", es, [
-              p(xe, {
+              u(xe, {
                 "model-value": f(M),
                 "onUpdate:modelValue": c[1] || (c[1] = (P) => M.value = P)
               }, null, 8, ["model-value"]),
               c[4] || (c[4] = t("span", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary" }, "vs", -1)),
-              p(xe, {
+              u(xe, {
                 "model-value": f(S),
                 "onUpdate:modelValue": c[2] || (c[2] = (P) => S.value = P)
               }, null, 8, ["model-value"])
             ])
           ]),
-          t("div", ts, d(f(Pe)) + " · vs. " + d(f(Ae)), 1),
-          p(Pt, { kpis: f(De) }, null, 8, ["kpis"]),
+          t("div", ts, d(f(Pe)) + " · vs. " + d(f(Le)), 1),
+          u(Pt, { kpis: f(De) }, null, 8, ["kpis"]),
           t("section", rs, [
-            p(tr, {
-              stages: f(ue).funnelStages,
-              footnote: f(ue).funnelFootnote,
+            u(tr, {
+              stages: f(pe).funnelStages,
+              footnote: f(pe).funnelFootnote,
               interactive: !1
             }, null, 8, ["stages", "footnote"]),
-            p(Mt, {
+            u(Mt, {
               insight: f(Ce),
               onNavigate: c[3] || (c[3] = (P) => f(n).push(P))
             }, null, 8, ["insight"])
           ]),
           t("section", ss, [
-            p(Nt, {
-              segments: f(pe).lifecycleSegs,
-              summary: f(pe).lifecycleSummary,
+            u(Et, {
+              segments: f(ue).lifecycleSegs,
+              summary: f(ue).lifecycleSummary,
               interactive: !1
             }, null, 8, ["segments", "summary"]),
-            p(Mr, {
-              kpis: ((E = f(ee)) == null ? void 0 : E.rewardKpis) ?? [],
+            u(Mr, {
+              kpis: ((N = f(ee)) == null ? void 0 : N.rewardKpis) ?? [],
               "top-rewards": ((G = f(ee)) == null ? void 0 : G.topRewards) ?? [],
               "has-data": !!f(ee),
               loading: f(Y),
               error: f(j)
             }, null, 8, ["kpis", "top-rewards", "has-data", "loading", "error"]),
-            p($r, { sales: f(Re) }, null, 8, ["sales"]),
-            p(pt, {
+            u($r, { sales: f(Re) }, null, 8, ["sales"]),
+            u(ut, {
               campaigns: f(Fe),
               loading: f(X),
               error: f(Z)
             }, null, 8, ["campaigns", "loading", "error"]),
-            p(mr, { spend: f($e) }, null, 8, ["spend"])
+            u(mr, { spend: f($e) }, null, 8, ["spend"])
           ])
         ])
       ], 64);