@feedmepos/mf-connect 0.1.98-beta.21 → 0.1.98-beta.22

package/dist/LoyaltyDashboard-1gKZWq0g.js

@@ -0,0 +1,1339 @@
+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 { h as he } from "./moment-D7p2TMB-.js";
+import { g as R, S as je, b as Ge, c as Je } from "./index-CG66mIC4.js";
+import { RouterLink as Me, useRouter as Ke } from "vue-router";
+import { c as We } from "./index-BOcaalDh.js";
+import { _ as T } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-B1Yj3odA.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-DIme5B41.js";
+import { u as Ze } from "./business-akMhlJ-M.js";
+import { C as _e } from "./timezone-C55-EXUa.js";
+import { useCoreStore as et } from "@feedmepos/mf-common";
+import { m as V } from "./index-BO9SkdZr.js";
+import { t as tt } from "./money-CxE1yyP-.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"
+}, ot = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-10"
+}, 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 = {
+  key: 3,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-10"
+}, pt = /* @__PURE__ */ L({
+  __name: "CampaignActivityList",
+  props: {
+    campaigns: {},
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    return (o, r) => {
+      const n = _("FmCard");
+      return l(), A(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), {
+              to: "/campaign",
+              class: "fm-typo-en-body-sm-600 text-fm-color-primary no-underline"
+            }, {
+              default: D(() => [...r[0] || (r[0] = [
+                te(" All campaigns ", -1)
+              ])]),
+              _: 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,
+              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])
+              }, null, 2),
+              t("div", nt, [
+                t("div", it, d(s.name), 1),
+                t("div", lt, d(s.type), 1)
+              ]),
+              t("div", dt, [
+                t("div", ct, d(s.metric), 1),
+                t("div", mt, d(s.metricLabel), 1)
+              ])
+            ]))), 128))
+          ])) : (l(), u("div", ut, " No campaigns are available for this location. "))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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({
+  __name: "InsightPanel",
+  props: {
+    insight: {}
+  },
+  emits: ["navigate"],
+  setup(e, { emit: o }) {
+    const r = o;
+    return (n, s) => {
+      const i = _("FmIcon"), m = _("FmButton"), b = _("FmCard");
+      return l(), A(b, {
+        variant: "outlined",
+        class: "p-24 flex flex-col gap-14"
+      }, {
+        default: D(() => [
+          t("div", ft, [
+            t("div", bt, [
+              p(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))
+          ]),
+          e.insight ? (l(), u(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, {
+                label: e.insight.action.label,
+                "append-icon": "arrow_forward",
+                class: "!justify-between",
+                onClick: s[0] || (s[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", {
+                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. "))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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({
+  __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, {
+          key: i.label,
+          variant: "outlined",
+          class: "flex flex-col gap-8 p-16 min-w-0 overflow-hidden"
+        }, {
+          default: D(() => [
+            t("div", Rt, [
+              t("div", Ct, [
+                p(n, {
+                  name: i.icon,
+                  outline: "",
+                  size: "sm",
+                  class: "!text-fm-color-primary"
+                }, null, 8, ["name"])
+              ]),
+              t("span", $t, d(i.label), 1),
+              p(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),
+            t("div", kt, [
+              i.delta !== "0%" && i.delta !== "0pp" ? (l(), A(n, {
+                key: 0,
+                name: i.trendUp ? "trending_up" : "trending_down",
+                size: "xs",
+                class: I(i.deltaClass)
+              }, null, 8, ["name", "class"])) : U("", !0),
+              t("span", {
+                class: I(["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))
+            ])
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ]);
+    };
+  }
+}), 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({
+  __name: "LifecycleSegments",
+  props: {
+    segments: {},
+    summary: {},
+    interactive: { type: Boolean, default: !0 }
+  },
+  emits: ["select"],
+  setup(e, { emit: o }) {
+    const r = e, n = o;
+    return (s, i) => {
+      const m = _("FmProgressBar"), b = _("FmCard");
+      return l(), A(b, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: D(() => [
+          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", {
+              key: y.id,
+              class: I([
+                "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])
+              }, [
+                t("span", Lt, d(y.label), 1),
+                p(T, {
+                  description: y.description
+                }, null, 8, ["description"])
+              ], 2),
+              p(m, {
+                class: "flex-1",
+                value: y.barPct,
+                color: y.barColor,
+                size: "lg"
+              }, null, 8, ["value", "color"]),
+              t("span", Ot, d(y.countStr), 1),
+              t("span", Bt, d(y.pctStr), 1)
+            ], 10, It))), 128))
+          ]),
+          t("div", Tt, d(r.summary), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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 = {
+  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 = {
+  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({
+  __name: "MemberFunnel",
+  props: {
+    stages: {},
+    footnote: {},
+    interactive: { type: Boolean, default: !0 }
+  },
+  emits: ["select"],
+  setup(e, { emit: o }) {
+    const r = e, n = o;
+    function s(i) {
+      r.interactive && n("select", i);
+    }
+    return (i, m) => {
+      const b = _("FmProgressBar"), y = _("FmCard");
+      return l(), A(y, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: D(() => [
+          t("div", Et, [
+            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", {
+            key: v.id
+          }, [
+            v.hasDropLine ? (l(), u("div", Ht, [
+              t("div", zt, [
+                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("span", {
+                    class: I(["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)
+                ]),
+                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([
+                "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)
+            }, [
+              t("div", Gt, [
+                t("div", Jt, [
+                  t("span", null, d(v.label), 1),
+                  p(T, {
+                    description: v.description
+                  }, null, 8, ["description"])
+                ]),
+                t("div", Kt, d(v.desc), 1)
+              ]),
+              p(b, {
+                class: "min-w-0 xs:col-span-2 xs:row-start-2",
+                value: v.barWidthPct,
+                color: v.barColor,
+                size: "lg"
+              }, 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)
+              ])
+            ], 10, jt)
+          ]))), 128)),
+          t("div", Zt, [
+            t("div", er, d(e.footnote), 1)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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({
+  __name: "MemberSpendComparison",
+  props: {
+    spend: {}
+  },
+  setup(e) {
+    return (o, r) => {
+      const n = _("FmProgressBar"), s = _("FmCard");
+      return l(), A(s, {
+        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, {
+              description: e.spend.description
+            }, null, 8, ["description"])
+          ]),
+          t("div", sr, d(e.spend.description), 1),
+          t("div", or, [
+            t("div", null, [
+              r[1] || (r[1] = t("div", { class: "flex items-center gap-8 mb-8" }, [
+                t("div", { class: "w-8 h-8 rounded-sm bg-fm-color-primary" }),
+                t("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "Member sales")
+              ], -1)),
+              t("div", ar, d(e.spend.memberSalesFmt), 1),
+              t("div", nr, " avg " + d(e.spend.avgMemberSaleFmt) + " / order ", 1)
+            ]),
+            t("div", null, [
+              r[2] || (r[2] = t("div", { class: "flex items-center gap-8 mb-8" }, [
+                t("div", { class: "w-8 h-8 rounded-sm bg-fm-color-neutral-gray-200" }),
+                t("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "Non-member sales")
+              ], -1)),
+              t("div", ir, d(e.spend.nonMemberSalesFmt), 1),
+              t("div", lr, " avg " + d(e.spend.avgNonMemberSaleFmt) + " / order ", 1)
+            ])
+          ]),
+          p(n, {
+            class: "mt-16",
+            value: e.spend.memberSharePct,
+            color: "primary",
+            size: "md"
+          }, null, 8, ["value"]),
+          t("div", dr, " Members drive " + d(e.spend.memberSharePct) + "% of tracked sales ", 1),
+          t("div", cr, d(e.spend.summary), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ur = { class: "flex items-center mb-16" }, pr = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, fr = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, 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({
+  __name: "RewardPerformance",
+  props: {
+    kpis: {},
+    topRewards: {},
+    hasData: { type: Boolean },
+    loading: { type: Boolean },
+    error: { type: Boolean }
+  },
+  setup(e) {
+    return (o, r) => {
+      const n = _("FmCard");
+      return l(), A(n, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: D(() => [
+          t("div", ur, [
+            r[1] || (r[1] = t("div", { class: "flex-1 fm-typo-en-body-md-600" }, "Reward usage health", -1)),
+            p(f(Me), {
+              to: "/reward",
+              class: "fm-typo-en-body-sm-600 text-fm-color-primary no-underline"
+            }, {
+              default: D(() => [...r[0] || (r[0] = [
+                te(" All rewards ", -1)
+              ])]),
+              _: 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 }, [
+            t("div", br, [
+              (l(!0), u(F, null, B(e.kpis, (s) => (l(), u("div", {
+                key: s.label,
+                class: "bg-[#FAFAFA] rounded-10 p-12"
+              }, [
+                t("div", yr, [
+                  t("span", null, d(s.label), 1),
+                  p(T, {
+                    description: s.description
+                  }, null, 8, ["description"])
+                ]),
+                t("div", vr, d(s.value), 1),
+                s.delta ? (l(), u("div", {
+                  key: 0,
+                  class: I(["fm-typo-en-body-sm-600 mt-3", s.deltaClass])
+                }, d(s.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,
+                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", xr, [
+                  te(d(s.count) + " ", 1),
+                  p(T, {
+                    description: s.description
+                  }, null, 8, ["description"])
+                ]),
+                t("div", _r, [
+                  t("div", {
+                    class: "h-full bg-fm-color-primary rounded-2",
+                    style: ze({ width: s.barPct + "%" })
+                  }, null, 4)
+                ])
+              ]))), 128))
+            ])
+          ], 64)) : (l(), u("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({
+  __name: "SalesTrendChart",
+  props: {
+    sales: {}
+  },
+  setup(e) {
+    const o = e, r = w(() => [
+      {
+        label: "This period",
+        data: o.sales.series,
+        color: "#FF7823",
+        fill: !0
+      },
+      {
+        label: "Prev. period",
+        data: o.sales.prevSeries,
+        color: "#B2B3B6",
+        dash: !0
+      }
+    ]), n = { display: !1 };
+    return (s, i) => {
+      const m = _("FmLineChart"), b = _("FmCard");
+      return l(), A(b, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: D(() => [
+          t("div", Sr, [
+            i[0] || (i[0] = t("span", null, "Member sales trend", -1)),
+            p(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])
+            }, 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, {
+            datasets: f(r),
+            "x-axis": { categories: e.sales.comparisonCategories },
+            "x-cfg": n,
+            "y-cfg": n,
+            legend: { display: !1 },
+            height: "80px"
+          }, null, 8, ["datasets", "x-axis"]),
+          i[2] || (i[2] = t("div", { class: "flex items-center gap-14 mt-10" }, [
+            t("div", { class: "flex items-center gap-5" }, [
+              t("div", { class: "w-14 h-2 bg-fm-color-primary rounded-1" }),
+              t("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "This period")
+            ]),
+            t("div", { class: "flex items-center gap-5" }, [
+              t("div", { class: "w-14 border-t-[1.5px] border-dashed border-fm-color-neutral-gray-200" }),
+              t("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "Prev. period")
+            ])
+          ], -1))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), C = () => {
+  const e = je.getBusinessId();
+  if (!e) throw new Error("Invalid business ID");
+  return Ge(`businesses/${e}/loyalty-dashboard`, {
+    noIdRequired: !0
+  });
+}, $ = {
+  async readTotalMembers(e) {
+    return R(
+      await C().post(
+        "metrics/total-members",
+        e
+      )
+    );
+  },
+  async readActiveMembers(e) {
+    return R(
+      await C().post(
+        "metrics/active-members",
+        e
+      )
+    );
+  },
+  async readMemberSales(e) {
+    return R(
+      await C().post("metrics/member-sales", e)
+    );
+  },
+  async readMemberSpendComparison(e) {
+    return R(
+      await C().post(
+        "metrics/member-spend-comparison",
+        e
+      )
+    );
+  },
+  async readMemberSalesTrend(e) {
+    return R(
+      await C().post(
+        "metrics/member-sales-trend",
+        e
+      )
+    );
+  },
+  async readRepeatRate(e) {
+    return R(
+      await C().post("metrics/repeat-rate", e)
+    );
+  },
+  async readVoucherRedemptionRate(e) {
+    return R(
+      await C().post(
+        "metrics/voucher-redemption-rate",
+        e
+      )
+    );
+  },
+  async readMemberFunnel(e) {
+    return R(
+      await C().post(
+        "metrics/member-funnel",
+        e
+      )
+    );
+  },
+  async readMemberLifecycle(e) {
+    return R(
+      await C().post(
+        "metrics/member-lifecycle",
+        e
+      )
+    );
+  },
+  async readRewardUsageHealth(e) {
+    return R(
+      await C().post(
+        "metrics/reward-usage-health",
+        e
+      )
+    );
+  }
+}, g = {
+  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: "Repeat members divided by purchase members. Repeat members have purchase history before 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: "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.",
+  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.",
+  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 Dr(e, o) {
+  return e.length ? e : o;
+}
+function kr(e) {
+  return {
+    dateRange: e.dateRange,
+    compareDateRange: e.compareDateRange,
+    restaurantIds: Dr(
+      e.selectedLocationIds,
+      e.locationIds
+    ),
+    timezone: e.timezone
+  };
+}
+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 J = (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)
+});
+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 = [
+  "neutral-black",
+  "primary",
+  "#FF9C52",
+  "#FFB577",
+  "#FFD0A3"
+], se = {
+  text: "text-fm-color-typo-success",
+  bg: "bg-fm-color-system-success-100"
+}, Se = {
+  text: "text-fm-color-typo-error",
+  bg: "bg-fm-color-system-error-100"
+}, oe = {
+  text: "text-fm-color-typo-warning",
+  bg: "bg-fm-color-system-warning-100"
+};
+function Ir(e) {
+  return e === 0 ? "text-fm-color-typo-secondary" : e > 0 ? se.text : Se.text;
+}
+function Lr(e) {
+  const o = [
+    {
+      id: "total",
+      label: "Total members",
+      count: e.totalMembers,
+      desc: "All members through period end",
+      description: g.totalMembers,
+      denom: null
+    },
+    {
+      id: "active",
+      label: "Active members",
+      count: e.activeMembers,
+      desc: "Purchase or reward activity",
+      description: g.activeMembers,
+      denom: e.totalMembers
+    },
+    {
+      id: "purchasing",
+      label: "Purchase members",
+      count: e.purchasingMembers,
+      desc: "At least 1 completed order",
+      description: g.purchasingMembers,
+      denom: e.activeMembers
+    },
+    {
+      id: "repeat",
+      label: "Repeat members",
+      count: e.repeatMembers,
+      desc: "Had prior order history",
+      description: g.repeatMembers,
+      denom: e.purchasingMembers
+    },
+    {
+      id: "redeemers",
+      label: "Reward redeemers",
+      count: e.rewardRedeemers,
+      desc: "Repeat member used reward",
+      description: g.funnelRewardRedeemers,
+      denom: e.repeatMembers
+    }
+  ], r = o.map(
+    (m, b) => b === 0 || !m.denom ? null : re(m.count, m.denom)
+  );
+  let n = null, s = 100;
+  return e.totalMembers > 0 && r.forEach((m, b) => {
+    b > 0 && m !== null && m < s && (s = m, n = b);
+  }), {
+    funnelStages: o.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),
+        conversionStr: y != null ? `${y}% convert` : "",
+        convRateLabel: y != null ? `${y}% of prev` : "",
+        hasConvRate: b > 0,
+        hasDropLine: b > 0,
+        isBiggestDrop: v,
+        barColor: Ar[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"
+      };
+    }),
+    funnelFootnote: `${e.totalMembers.toLocaleString()} total members`,
+    convRates: r,
+    biggestDropIdx: n
+  };
+}
+function Or(e) {
+  const { funnelStages: o, funnelFootnote: r } = Lr(e);
+  return { funnelStages: o, funnelFootnote: r };
+}
+const Br = 10;
+function Tr(e) {
+  const o = [
+    {
+      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"
+      }
+    },
+    {
+      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"
+      }
+    },
+    {
+      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"
+      }
+    },
+    {
+      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 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);
+  if (!r) return null;
+  const n = Math.round(r.target / r.source * 1e3) / 10;
+  return {
+    title: r.title,
+    body: `${n}% of this stage progressed in the selected period. ${r.body}`,
+    action: r.action,
+    signals: [
+      {
+        text: `${r.target.toLocaleString()} of ${r.source.toLocaleString()} members progressed`
+      }
+    ]
+  };
+}
+const Nr = {
+  VOUCHER: "Voucher",
+  PROMOTION: "Promotion",
+  POINT: "Experience",
+  CREDIT: "Credit",
+  BROADCAST: "Broadcast",
+  COIN: "Point",
+  REWARD_POOL: "Reward pool",
+  GAME: "Game",
+  MISSION: "Mission"
+}, Er = {
+  active: { label: "Active", class: se.text },
+  expired: { label: "Ended", class: "text-fm-color-typo-tertiary" },
+  upcoming: { label: "Upcoming", class: oe.text }
+};
+function Ur(e) {
+  return e.type !== "MEMBERSHIP";
+}
+function Vr(e, o) {
+  var r;
+  return !o.length || !((r = e.targetLocation) != null && r.length) ? !0 : e.targetLocation.some(
+    (n) => o.includes(n.toString())
+  );
+}
+function Hr(e) {
+  var o;
+  if (((o = e.timeframeOptions) == null ? void 0 : o.type) === "timeframe") {
+    const r = V();
+    return r.isBetween(
+      e.timeframeOptions.start ?? r.clone().subtract(1, "d"),
+      e.timeframeOptions.end ?? r.clone().add(1, "d")
+    ) ? "active" : r.isAfter(e.timeframeOptions.end) ? "expired" : "upcoming";
+  }
+  return "active";
+}
+function zr(e, o) {
+  return e.filter(Ur).filter(
+    (r) => Vr(r, o)
+  ).map((r) => {
+    const n = Hr(r), s = Er[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,
+      metricLabel: i ? "Messages sent" : "Status",
+      statusClass: s.class
+    };
+  }).sort(
+    (r, n) => +(n.status === "Active") - +(r.status === "Active")
+  ).slice(0, 4);
+}
+function qr(e, o) {
+  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 ")
+    ),
+    series: e.series,
+    prevSeries: e.prevSeries,
+    description: g.memberSalesTrend,
+    totalFmt: O(e.memberSales, o),
+    deltaStr: `${e.deltaPct > 0 ? "+" : ""}${e.deltaPct}%`,
+    deltaClass: Ir(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 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);
+  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),
+    avgGapPct: i,
+    summary: Yr(
+      e,
+      r,
+      n,
+      i
+    )
+  };
+}
+function Gr(e) {
+  const o = [
+    {
+      id: "new",
+      label: "Newly joined",
+      count: e.newlyJoined,
+      description: g.newlyJoined,
+      labelClass: se.text,
+      barColor: "typo-success"
+    },
+    {
+      id: "frequent",
+      label: "Frequent",
+      count: e.frequent,
+      description: g.frequent,
+      labelClass: "text-fm-color-primary",
+      barColor: "primary"
+    },
+    {
+      id: "infrequent",
+      label: "Infrequent",
+      count: e.infrequent,
+      description: g.infrequent,
+      labelClass: "text-fm-color-typo-secondary",
+      barColor: "neutral-gray-300"
+    },
+    {
+      id: "at-risk",
+      label: "At-risk",
+      count: e.atRisk,
+      description: g.atRisk,
+      labelClass: oe.text,
+      barColor: "#FFC746"
+    },
+    {
+      id: "dormant",
+      label: "Dormant",
+      count: e.dormant,
+      description: g.dormant,
+      labelClass: Se.text,
+      barColor: "#FFCFCC"
+    }
+  ], r = Math.max(...o.map((s) => s.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)
+    })),
+    lifecycleSummary: `${H(
+      e.atRisk + e.dormant
+    )} members are at-risk or dormant`
+  };
+}
+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 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.`;
+}
+function Qr(e, o) {
+  const r = Math.max(
+    ...e.topRewards.map((n) => n.usageCount),
+    1
+  );
+  return {
+    rewardKpis: [
+      {
+        label: "Reward redeemers",
+        value: H(e.rewardRedeemers),
+        description: g.rewardRedeemers
+      },
+      {
+        label: "Redemption rate",
+        value: `${e.redemptionRatePct}%`,
+        description: g.redemptionRate
+      },
+      {
+        label: "Avg reward uses",
+        value: `${e.averageRewardUsesPerRedeemer}x`,
+        description: g.averageRewardUses
+      }
+    ],
+    topRewards: e.topRewards.map((n) => ({
+      name: n.name,
+      count: Kr(n, o),
+      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({
+  __name: "LoyaltyDashboard",
+  setup(e) {
+    const o = Ze(), r = et(), n = Ke(), { global: s, minor: i } = Xe, m = w(
+      () => _e[r.currentCountry.value || "MY"] ?? _e.MY
+    ), b = w(
+      () => Je.Country.getCountry(r.currentCountry.value || "MY").currency.code
+    ), [y, v] = Fr(
+      "this-month",
+      m.value
+    ), M = x({
+      startDate: y,
+      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);
+    function me([a, c]) {
+      return { startDate: a, endDate: c };
+    }
+    ge(M, (a) => {
+      a.startDate && a.endDate && (S.value = me(
+        we([a.startDate, a.endDate])
+      ));
+    });
+    const ue = w(
+      () => Or(
+        q.value ?? {
+          totalMembers: 0,
+          activeMembers: 0,
+          purchasingMembers: 0,
+          repeatMembers: 0,
+          rewardRedeemers: 0
+        }
+      )
+    ), pe = w(
+      () => Jr(
+        le.value ?? {
+          totalMembers: 0,
+          newlyJoined: 0,
+          frequent: 0,
+          infrequent: 0,
+          atRisk: 0,
+          dormant: 0
+        }
+      )
+    ), Re = w(
+      () => qr(
+        de.value ?? {
+          categories: [""],
+          prevCategories: [""],
+          series: [0],
+          prevSeries: [0],
+          description: g.memberSalesTrend,
+          memberSales: 0,
+          deltaPct: 0
+        },
+        b.value
+      )
+    ), Ce = w(
+      () => q.value ? Tr(q.value) : null
+    ), ee = w(
+      () => W.value ? Qr(W.value, b.value) : null
+    ), $e = w(
+      () => jr(
+        ce.value ?? {
+          memberSales: 0,
+          memberOrders: 0,
+          nonMemberSales: 0,
+          nonMemberOrders: 0
+        },
+        b.value
+      )
+    ), Fe = w(
+      () => zr(Q.value, z.value.location)
+    ), De = w(() => {
+      const a = ie.value;
+      return [
+        {
+          label: "Total members",
+          value: be(a.totalMembers ?? 0),
+          description: g.totalMembers,
+          icon: "group",
+          delta: "0%"
+        },
+        {
+          label: "Active members",
+          value: be(a.activeMembers ?? 0),
+          description: g.activeMembers,
+          icon: "bolt",
+          delta: "0%"
+        },
+        {
+          label: "Member sales",
+          value: O(a.memberSales ?? 0, b.value),
+          description: g.memberSales,
+          icon: "payments",
+          delta: "0%"
+        },
+        {
+          label: "Repeat rate",
+          value: ye(a.repeatRatePct ?? 0),
+          description: g.repeatRate,
+          icon: "repeat",
+          delta: "0pp"
+        },
+        {
+          label: "Voucher redemption rate",
+          value: ye(a.voucherRedemptionRatePct ?? 0),
+          description: g.voucherRedemptionRate,
+          icon: "redeem",
+          delta: "0pp"
+        }
+      ].map(
+        (h) => ({
+          ...h,
+          sub: null,
+          deltaClass: "text-fm-color-typo-secondary",
+          trendUp: !0
+        })
+      );
+    }), ke = w(
+      () => o.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(
+      () => fe(S.value)
+    );
+    function be(a) {
+      return a >= 1e3 ? `${(a / 1e3).toFixed(1).replace(/\.0$/, "")}k` : String(a);
+    }
+    function ye(a) {
+      return `${Math.round(a * 10) / 10}%`;
+    }
+    function Ie(a) {
+      if (a && typeof a == "object" && "value" in a && Number.isFinite(Number(a.value)))
+        return Number(a.value);
+    }
+    function Le() {
+      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,
+        locationIds: ke.value,
+        timezone: m.value
+      });
+    }
+    function k(a) {
+      return a === ne.value;
+    }
+    async function N(a, c, h) {
+      try {
+        await a(c, h);
+      } catch (E) {
+        if (k(h)) throw E;
+      }
+    }
+    async function Oe(a, c) {
+      const [
+        h,
+        E,
+        G,
+        P,
+        He
+      ] = await Promise.all([
+        $.readTotalMembers(a),
+        $.readActiveMembers(a),
+        $.readMemberSales(a),
+        $.readRepeatRate(a),
+        $.readVoucherRedemptionRate(a)
+      ]);
+      k(c) && (ie.value = {
+        totalMembers: Ie(h),
+        activeMembers: E.activeMembers,
+        memberSales: G.memberSales,
+        repeatRatePct: P.repeatRatePct,
+        voucherRedemptionRatePct: He.voucherRedemptionRatePct
+      });
+    }
+    async function Be(a, c) {
+      const h = await $.readMemberFunnel(a);
+      k(c) && (q.value = h);
+    }
+    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);
+    }
+    async function Ee(a, c) {
+      const h = await $.readMemberSpendComparison(a);
+      k(c) && (ce.value = h);
+    }
+    async function Ue(a, c) {
+      Y.value = !0, j.value = !1;
+      try {
+        const h = await $.readRewardUsageHealth(a);
+        if (!k(c)) return;
+        W.value = h;
+      } catch (h) {
+        throw k(c) && (j.value = !0), h;
+      } finally {
+        k(c) && (Y.value = !1);
+      }
+    }
+    async function Ve() {
+      X.value = !0, Z.value = !1;
+      try {
+        const { resources: a } = await We.readAll({
+          limit: 1e3,
+          skip: 0,
+          sortBy: "_id",
+          descending: !0
+        });
+        Q.value = a;
+      } catch (a) {
+        throw Z.value = !0, a;
+      } finally {
+        X.value = !1;
+      }
+    }
+    function ve() {
+      const a = ++ne.value, c = Le();
+      if (!c) {
+        Y.value = !1, j.value = !1;
+        return;
+      }
+      i(
+        () => N(Oe, c, a)
+      ).catch(() => {
+      }), i(
+        () => N(Be, c, a)
+      ).catch(() => {
+      }), i(
+        () => N(Te, c, a)
+      ).catch(() => {
+      }), i(
+        () => N(Ne, c, a)
+      ).catch(() => {
+      }), i(
+        () => N(
+          Ee,
+          c,
+          a
+        )
+      ).catch(() => {
+      }), i(
+        () => N(Ue, c, a)
+      ).catch(() => {
+      });
+    }
+    return ge([M, S, () => z.value.location], () => {
+      ae.value && ve();
+    }), qe(async () => {
+      await s(async () => {
+        K.value || await o.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" }),
+        t("div", Xr, [
+          t("div", Zr, [
+            p(Qe, {
+              label: "Location: ",
+              "right-icon": "keyboard_arrow_down",
+              modelValue: f(z).location,
+              "onUpdate:modelValue": c[0] || (c[0] = (P) => f(z).location = P),
+              icon: "storefront",
+              "show-item-label": !0,
+              items: f(o).locationOptions
+            }, null, 8, ["modelValue", "items"]),
+            t("div", es, [
+              p(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, {
+                "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("section", rs, [
+            p(tr, {
+              stages: f(ue).funnelStages,
+              footnote: f(ue).funnelFootnote,
+              interactive: !1
+            }, null, 8, ["stages", "footnote"]),
+            p(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,
+              interactive: !1
+            }, null, 8, ["segments", "summary"]),
+            p(Mr, {
+              kpis: ((E = f(ee)) == null ? void 0 : E.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, {
+              campaigns: f(Fe),
+              loading: f(X),
+              error: f(Z)
+            }, null, 8, ["campaigns", "loading", "error"]),
+            p(mr, { spend: f($e) }, null, 8, ["spend"])
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  gs as default
+};