@feedmepos/mf-connect 0.1.98-beta.30 → 0.1.98-beta.31

package/dist/{CampaignAnalytic-CfvtyBoa.js → CampaignAnalytic-DT-nSIGr.js}

@@ -1,14 +1,14 @@
-import { defineComponent as j, resolveComponent as _, openBlock as r, createBlock as h, withCtx as P, createElementBlock as v, createCommentVNode as f, createElementVNode as a, toDisplayString as u, resolveDynamicComponent as fe, Fragment as E, normalizeStyle as me, renderList as ee, createVNode as I, normalizeClass as W, ref as H, computed as $, unref as n, onMounted as he } from "vue";
-import { u as ge } from "./vue-i18n-P_SZNhrt.js";
-import { useCoreStore as xe } from "@feedmepos/mf-common";
-import { c as V } from "./index-BHdJaRRQ.js";
-import { u as ke } from "./loading-CevzAqpQ.js";
-import { s as we, b as Re } from "./campaign-Dz57HOfP.js";
-import { C as ue } from "./timezone-DqRsL54X.js";
-import { h as Me } from "./moment-D7p2TMB-.js";
+import { defineComponent as j, computed as P, resolveComponent as _, openBlock as n, createBlock as h, withCtx as $, createElementBlock as v, createCommentVNode as g, createElementVNode as a, toDisplayString as u, normalizeClass as W, unref as l, Fragment as E, normalizeStyle as me, renderList as ee, createVNode as I, ref as H, onMounted as ge } from "vue";
+import { u as ye } from "./vue-i18n-LQy4nXEW.js";
+import { useCoreStore as he } from "@feedmepos/mf-common";
+import { c as V } from "./index-CsGEC4Aw.js";
+import { u as xe } from "./loading-BPNkTxXT.js";
+import { s as ke, a as we } from "./campaign-DFT642vU.js";
+import { C as ue } from "./timezone-Df1SYjKC.js";
+import { h as Re } from "./moment-D7p2TMB-.js";
 import { _ as Z } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-Bg_0YlwG.js";
-import { useRoute as _e, useRouter as Se } from "vue-router";
-const Ie = {
+import { useRoute as Me, useRouter as _e } from "vue-router";
+const Se = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -17,7 +17,7 @@ const Ie = {
   breakdown: null,
   outcomes: [],
   metrics: []
-}, Ce = {
+}, Ie = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -37,7 +37,7 @@ const Ie = {
   },
   outcomes: [],
   metrics: []
-}, Oe = {
+}, Ce = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -47,7 +47,7 @@ const Ie = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Pe = {
+}, Oe = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -57,7 +57,7 @@ const Ie = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, De = {
+}, Pe = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -77,7 +77,7 @@ const Ie = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Ee = {
+}, De = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -87,36 +87,36 @@ const Ie = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Le = {
+}, Ee = {
   VOUCHER: {
     label: "Voucher",
     icon: "confirmation_number",
     objective: "Reactivation",
-    report: Ie
+    report: Se
   },
   PROMOTION: {
     label: "Promotion",
     icon: "percent",
     objective: "Purchase conversion",
-    report: Ce
+    report: Ie
   },
   MISSION: {
     label: "Mission",
     icon: "flag",
     objective: "Member engagement",
-    report: Oe
+    report: Ce
   },
   GAME: {
     label: "Game",
     icon: "sports_esports",
     objective: "Member engagement",
-    report: Pe
+    report: Oe
   },
   COIN: {
     label: "Point",
     icon: "stars",
     objective: "Member engagement",
-    report: De
+    report: Pe
   },
   POINT: {
     label: "Experience",
@@ -128,14 +128,14 @@ const Ie = {
     label: "Credit",
     icon: "account_balance_wallet",
     objective: "Member engagement",
-    report: Ee
+    report: De
   }
 };
-function Te(t) {
-  return Le[t];
+function Le(t) {
+  return Ee[t];
 }
-function C(t, l) {
-  return `${(t ?? 0).toLocaleString()} ${l}`;
+function C(t, r) {
+  return `${(t ?? 0).toLocaleString()} ${r}`;
 }
 function m(t) {
   return (t ?? 0).toLocaleString();
@@ -146,28 +146,28 @@ function w(t) {
     maximumFractionDigits: 2
   })}`;
 }
-function D(t, l) {
-  const e = l ?? 0;
+function D(t, r) {
+  const e = r ?? 0;
   return e ? Math.round((t ?? 0) / e * 1e3) / 10 : 0;
 }
 function N(t) {
-  const l = Me(t);
-  return l.isValid() ? l.format("D MMM YYYY") : t;
+  const r = Re(t);
+  return r.isValid() ? r.format("D MMM YYYY") : t;
 }
-function Be(t, l, e) {
-  const { metrics: s, scope: i } = l, y = D(
+function Te(t, r, e) {
+  const { metrics: s, scope: c } = r, y = D(
     s.redeemedMembers,
     s.distributedMembers
-  ), o = D(
+  ), i = D(
     s.redeemedVouchers,
     s.distributedVouchers
-  ), g = s.completedBills === 0 ? 0 : s.rewardValueUsed / s.completedBills, c = s.completedBills === 0 ? 0 : s.exactSales / s.completedBills, R = D(
+  ), f = s.completedBills === 0 ? 0 : s.rewardValueUsed / s.completedBills, o = s.completedBills === 0 ? 0 : s.exactSales / s.completedBills, R = D(
     s.expiredUnusedVouchers,
     s.distributedVouchers
   );
   return {
     ...t,
-    reportRangeLabel: i.startDate && i.endDate ? `${N(i.startDate)} – ${N(i.endDate)}` : "Unavailable",
+    reportRangeLabel: c.startDate && c.endDate ? `${N(c.startDate)} – ${N(c.endDate)}` : "Unavailable",
     audienceLabel: void 0,
     funnel: [
       {
@@ -227,7 +227,7 @@ function Be(t, l, e) {
         sub: "issued, not yet redeemed"
       }
     ],
-    trend: je(e),
+    trend: qe(e),
     breakdown: {
       dimension: "Outlet",
       columns: [
@@ -237,7 +237,7 @@ function Be(t, l, e) {
         "Exact sales",
         "Reward value used"
       ],
-      rows: l.performanceDetails.map((p) => ({
+      rows: r.performanceDetails.map((p) => ({
         name: p.restaurantName,
         cells: [
           p.redeemedMembers.toLocaleString(),
@@ -267,7 +267,7 @@ function Be(t, l, e) {
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: w(c)
+        value: w(o)
       }
     ],
     metrics: [
@@ -280,19 +280,19 @@ function Be(t, l, e) {
       {
         key: "voucherUtilizationRate",
         label: "Voucher Utilization Rate",
-        value: `${o}%`,
+        value: `${i}%`,
         helper: "Redeemed vouchers ÷ distributed vouchers"
       },
       {
         key: "averageDiscountPerBill",
         label: "Average Discount per Bill",
-        value: w(g),
+        value: w(f),
         helper: "Reward value used ÷ completed bills"
       },
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: w(c),
+        value: w(o),
         helper: "Exact sales ÷ completed bills"
       },
       {
@@ -304,17 +304,17 @@ function Be(t, l, e) {
     ]
   };
 }
-function Ne(t, l) {
-  const { metrics: e, scope: s } = l, i = D(
+function Be(t, r) {
+  const { metrics: e, scope: s } = r, c = D(
     e.memberBills,
     e.attributedBills
   ), y = D(
     e.nonMemberBills,
     e.attributedBills
-  ), o = D(
+  ), i = D(
     e.memberSales,
     e.exactSales
-  ), g = e.attributedBills ? e.promotionValueUsed / e.attributedBills : 0, c = e.attributedBills ? e.exactSales / e.attributedBills : 0;
+  ), f = e.attributedBills ? e.promotionValueUsed / e.attributedBills : 0, o = e.attributedBills ? e.exactSales / e.attributedBills : 0;
   return {
     ...t,
     reportRangeLabel: s.startDate && s.endDate ? `${N(s.startDate)} – ${N(s.endDate)}` : "Unavailable",
@@ -328,10 +328,10 @@ function Ne(t, l) {
       nonMemberBills: m(e.nonMemberBills),
       memberSales: w(e.memberSales),
       nonMemberSales: w(e.nonMemberSales),
-      memberBillSharePct: i,
+      memberBillSharePct: c,
       nonMemberBillSharePct: y,
-      memberSalesSharePct: o,
-      summary: `Members account for ${i}% of attributed bills and ${o}% of attributed sales.`
+      memberSalesSharePct: i,
+      summary: `Members account for ${c}% of attributed bills and ${i}% of attributed sales.`
     },
     breakdown: {
       dimension: "Outlet",
@@ -343,7 +343,7 @@ function Ne(t, l) {
         "Exact sales",
         "Promotion value used"
       ],
-      rows: l.performanceDetails.map((R) => ({
+      rows: r.performanceDetails.map((R) => ({
         name: R.restaurantName,
         cells: [
           m(R.appliedMembers),
@@ -374,14 +374,14 @@ function Ne(t, l) {
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: w(c)
+        value: w(o)
       }
     ],
     metrics: [
       {
         key: "memberApplicationShare",
         label: "Member Application Share",
-        value: `${i}%`,
+        value: `${c}%`,
         helper: "Member bills ÷ attributed bills"
       },
       {
@@ -393,26 +393,26 @@ function Ne(t, l) {
       {
         key: "memberSalesShare",
         label: "Member Sales Share",
-        value: `${o}%`,
+        value: `${i}%`,
         helper: "Member sales ÷ exact sales"
       },
       {
         key: "averageDiscountPerBill",
         label: "Average Discount per Bill",
-        value: w(g),
+        value: w(f),
         helper: "Promotion value used ÷ attributed bills"
       },
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: w(c),
+        value: w(o),
         helper: "Exact sales ÷ attributed bills"
       }
     ]
   };
 }
-function Ve(t, l) {
-  const { metrics: e, scope: s } = l, i = e.participants ? e.stampsEarned / e.participants : 0, y = Math.max(
+function Ne(t, r) {
+  const { metrics: e, scope: s } = r, c = e.participants ? e.stampsEarned / e.participants : 0, y = Math.max(
     e.completionEvents - e.completedMembers,
     0
   );
@@ -469,13 +469,13 @@ function Ve(t, l) {
             "Issue transactions",
             "Quantity issued"
           ],
-          rows: l.rewards.map((o) => ({
-            name: o.rewardName,
+          rows: r.rewards.map((i) => ({
+            name: i.rewardName,
             cells: [
-              o.rewardType,
-              m(o.recipients),
-              m(o.issuanceTransactions),
-              m(o.quantityIssued)
+              i.rewardType,
+              m(i.recipients),
+              m(i.issuanceTransactions),
+              m(i.quantityIssued)
             ]
           }))
         }
@@ -486,12 +486,12 @@ function Ve(t, l) {
         breakdown: {
           dimension: "Outlet",
           columns: ["Participants", "Stamps earned", "Completion events"],
-          rows: l.performanceDetails.map((o) => ({
-            name: o.restaurantName || "Unattributed / online",
+          rows: r.performanceDetails.map((i) => ({
+            name: i.restaurantName || "Unattributed / online",
             cells: [
-              m(o.participants),
-              m(o.stampsEarned),
-              m(o.completionEvents)
+              m(i.participants),
+              m(i.stampsEarned),
+              m(i.completionEvents)
             ]
           }))
         }
@@ -525,7 +525,7 @@ function Ve(t, l) {
       {
         key: "averageStampsPerParticipant",
         label: "Average Stamps per Participant",
-        value: i.toLocaleString("en-MY", {
+        value: c.toLocaleString("en-MY", {
           maximumFractionDigits: 2
         }),
         helper: "Stamps earned ÷ participants"
@@ -539,11 +539,11 @@ function Ve(t, l) {
     ]
   };
 }
-function Ue(t, l) {
-  const { metrics: e, scope: s } = l, i = D(e.players, e.tokenRecipients), y = D(e.plays, e.tokensIssued), o = D(
+function Ve(t, r) {
+  const { metrics: e, scope: s } = r, c = D(e.players, e.tokenRecipients), y = D(e.plays, e.tokensIssued), i = D(
     e.rewardRecipients,
     e.players
-  ), g = e.players ? e.plays / e.players : 0;
+  ), f = e.players ? e.plays / e.players : 0;
   return {
     ...t,
     reportRangeLabel: s.startDate && s.endDate ? `${N(s.startDate)} – ${N(s.endDate)}` : "Unavailable",
@@ -562,8 +562,8 @@ function Ue(t, l) {
         label: "Players",
         membersLabel: C(e.players, "members"),
         unitsLabel: C(e.plays, "plays"),
-        ratePct: i,
-        rateLabel: `${i}% of token recipients`,
+        ratePct: c,
+        rateLabel: `${c}% of token recipients`,
         helper: "Distinct members who consumed at least one game token"
       },
       {
@@ -574,8 +574,8 @@ function Ue(t, l) {
           e.rewardIssueTransactions,
           "reward issue transactions"
         ),
-        ratePct: o,
-        rateLabel: `${o}% of players`,
+        ratePct: i,
+        rateLabel: `${i}% of players`,
         helper: "Distinct players receiving at least one Reward Pool reward"
       }
     ],
@@ -619,13 +619,13 @@ function Ue(t, l) {
             "Issue transactions",
             "Quantity issued"
           ],
-          rows: l.rewards.map((c) => ({
-            name: c.rewardName || "Unnamed reward",
+          rows: r.rewards.map((o) => ({
+            name: o.rewardName || "Unnamed reward",
             cells: [
-              c.rewardType,
-              m(c.recipients),
-              m(c.issuanceTransactions),
-              m(c.quantityIssued)
+              o.rewardType,
+              m(o.recipients),
+              m(o.issuanceTransactions),
+              m(o.quantityIssued)
             ]
           }))
         }
@@ -636,11 +636,11 @@ function Ue(t, l) {
         breakdown: {
           dimension: "Outlet",
           columns: ["Recipients", "Tokens issued"],
-          rows: l.tokenDistributionDetails.map((c) => ({
-            name: c.restaurantName || "Unattributed / online",
+          rows: r.tokenDistributionDetails.map((o) => ({
+            name: o.restaurantName || "Unattributed / online",
             cells: [
-              m(c.recipients),
-              m(c.tokensIssued)
+              m(o.recipients),
+              m(o.tokensIssued)
             ]
           }))
         }
@@ -662,7 +662,7 @@ function Ue(t, l) {
       {
         key: "playerRate",
         label: "Player Rate",
-        value: `${i}%`,
+        value: `${c}%`,
         helper: "Players ÷ token recipients"
       },
       {
@@ -674,13 +674,13 @@ function Ue(t, l) {
       {
         key: "rewardRecipientRate",
         label: "Reward Recipient Rate",
-        value: `${o}%`,
+        value: `${i}%`,
         helper: "Reward recipients ÷ players"
       },
       {
         key: "averagePlaysPerPlayer",
         label: "Average Plays per Player",
-        value: g.toLocaleString("en-MY", {
+        value: f.toLocaleString("en-MY", {
           maximumFractionDigits: 2
         }),
         helper: "Plays ÷ players"
@@ -688,19 +688,19 @@ function Ue(t, l) {
     ]
   };
 }
-function X(t, l) {
-  return l ? w(t ?? 0) : m(t);
+function X(t, r) {
+  return r ? w(t ?? 0) : m(t);
 }
-function J(t, l) {
-  return t[l] ?? 0;
+function J(t, r) {
+  return t[r] ?? 0;
 }
-function ae(t, l, e) {
-  const { metrics: s, scope: i } = l, y = s.recipients ? J(s, e.quantityKey) / s.recipients : 0, o = s.issuanceTransactions ? J(s, e.quantityKey) / s.issuanceTransactions : 0, g = [
+function ae(t, r, e) {
+  const { metrics: s, scope: c } = r, y = s.recipients ? J(s, e.quantityKey) / s.recipients : 0, i = s.issuanceTransactions ? J(s, e.quantityKey) / s.issuanceTransactions : 0, f = [
     "Recipients",
     ...e.includeSourceRecipientShare ? ["Recipient share"] : [],
     "Issuance transactions",
     e.quantityLabel
-  ], c = l.sourceDetails.map((p) => ({
+  ], o = r.sourceDetails.map((p) => ({
     name: p.source || "Unknown",
     cells: [
       m(p.recipients),
@@ -721,7 +721,7 @@ function ae(t, l, e) {
     {
       key: "averagePerIssue",
       label: `Average ${e.quantityName} per Issue`,
-      value: X(o, e.currency),
+      value: X(i, e.currency),
       helper: `${e.quantityLabel} ÷ issuance transactions`
     }
   ];
@@ -732,7 +732,7 @@ function ae(t, l, e) {
     helper: "Source recipients ÷ total recipients"
   }), {
     ...t,
-    reportRangeLabel: i.startDate && i.endDate ? `${N(i.startDate)} – ${N(i.endDate)}` : "Unavailable",
+    reportRangeLabel: c.startDate && c.endDate ? `${N(c.startDate)} – ${N(c.endDate)}` : "Unavailable",
     audienceLabel: void 0,
     funnel: [],
     cards: [
@@ -767,8 +767,8 @@ function ae(t, l, e) {
         emptyMessage: "No source activity was recorded for this campaign.",
         breakdown: {
           dimension: "Source",
-          columns: g,
-          rows: c
+          columns: f,
+          rows: o
         }
       },
       {
@@ -781,7 +781,7 @@ function ae(t, l, e) {
             "Issuance transactions",
             e.quantityLabel
           ],
-          rows: l.performanceDetails.map((p) => ({
+          rows: r.performanceDetails.map((p) => ({
             name: p.restaurantName || "Unattributed / online",
             cells: [
               m(p.recipients),
@@ -799,8 +799,8 @@ function ae(t, l, e) {
     metrics: R
   };
 }
-function Fe(t, l) {
-  return ae(t, l, {
+function Ue(t, r) {
+  return ae(t, r, {
     label: "Point",
     quantityName: "Points",
     quantityLabel: "Points issued",
@@ -810,8 +810,8 @@ function Fe(t, l) {
     includeSourceRecipientShare: !0
   });
 }
-function Ae(t, l) {
-  return ae(t, l, {
+function Fe(t, r) {
+  return ae(t, r, {
     label: "Experience",
     quantityName: "Experience",
     quantityLabel: "Experience issued",
@@ -821,8 +821,8 @@ function Ae(t, l) {
     includeSourceRecipientShare: !0
   });
 }
-function qe(t, l) {
-  return ae(t, l, {
+function Ae(t, r) {
+  return ae(t, r, {
     label: "Credit",
     quantityName: "Credit",
     quantityLabel: "Credit issued",
@@ -832,9 +832,9 @@ function qe(t, l) {
     includeSourceRecipientShare: !1
   });
 }
-function je(t) {
+function qe(t) {
   if (!(t != null && t.categories.length)) return [];
-  const l = {
+  const r = {
     key: "members",
     label: "Distributed members vs Redeemed members",
     categories: t.categories,
@@ -843,8 +843,8 @@ function je(t) {
       { label: "Redeemed members", values: t.redeemedMembers }
     ]
   };
-  return t.distributedValue == null ? [l] : [
-    l,
+  return t.distributedValue == null ? [r] : [
+    r,
     {
       key: "value",
       label: "Distributed voucher value vs Reward value used",
@@ -859,30 +859,30 @@ function je(t) {
     }
   ];
 }
-function ze(t) {
+function je(t) {
   return [
     {
       header: t.dimension,
-      accessorFn: (l) => l.name
+      accessorFn: (r) => r.name
     },
-    ...t.columns.map((l, e) => ({
-      header: l,
+    ...t.columns.map((r, e) => ({
+      header: r,
       accessorFn: (s) => s.cells[e] ?? ""
     }))
   ];
 }
-const Ge = {
+const ze = {
   key: 0,
   class: "flex items-center gap-8 mb-8"
-}, He = { class: "fm-typo-en-body-sm-600 text-fm-color-primary uppercase" }, Ke = { class: "flex items-center gap-12 mb-12 flex-wrap" }, Ye = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary m-0" }, Qe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-wrap gap-x-16 gap-y-4" }, Xe = {
+}, Ge = { class: "fm-typo-en-body-sm-600 text-fm-color-primary uppercase" }, He = { class: "flex items-center gap-12 mb-12 flex-wrap" }, Ke = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary m-0" }, Ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-wrap gap-x-16 gap-y-4" }, Qe = {
   key: 1,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4"
-}, Je = /* @__PURE__ */ j({
+}, Xe = /* @__PURE__ */ j({
   __name: "CampaignAnalyticHeader",
   props: {
     campaignName: {},
     datesLabel: {},
-    statusChip: {},
+    status: {},
     mechanicLabel: {},
     icon: {},
     objective: {},
@@ -891,86 +891,96 @@ const Ge = {
     demo: { type: Boolean }
   },
   setup(t) {
-    return (l, e) => {
-      const s = _("FmIcon"), i = _("FmChip"), y = _("FmCard");
-      return r(), h(y, {
+    const r = t, { t: e } = ye(), s = P(() => r.status ? {
+      active: "text-fm-color-typo-success bg-fm-color-system-success-100",
+      upcoming: "text-fm-color-typo-info bg-fm-color-system-info-100",
+      expired: "text-fm-color-typo-error bg-fm-color-system-error-100"
+    }[r.status] : "");
+    return (c, y) => {
+      const i = _("FmIcon"), f = _("FmChip"), o = _("FmCard");
+      return n(), h(o, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: P(() => [
-          t.mechanicLabel ? (r(), v("div", Ge, [
-            t.icon ? (r(), h(s, {
+        default: $(() => [
+          t.mechanicLabel ? (n(), v("div", ze, [
+            t.icon ? (n(), h(i, {
               key: 0,
               name: t.icon,
               outline: "",
               size: "sm",
               class: "!text-fm-color-primary"
-            }, null, 8, ["name"])) : f("", !0),
-            a("span", He, u(t.objective ? `${t.mechanicLabel} · ${t.objective}` : t.mechanicLabel), 1)
-          ])) : f("", !0),
-          a("div", Ke, [
-            a("h1", Ye, u(t.campaignName), 1),
-            t.statusChip ? (r(), h(fe(t.statusChip), { key: 0 })) : f("", !0),
-            t.demo ? (r(), h(i, {
+            }, null, 8, ["name"])) : g("", !0),
+            a("span", Ge, u(t.objective ? `${t.mechanicLabel} · ${t.objective}` : t.mechanicLabel), 1)
+          ])) : g("", !0),
+          a("div", He, [
+            a("h1", Ke, u(t.campaignName), 1),
+            t.status ? (n(), h(f, {
+              key: 0,
+              class: W(l(s)),
+              label: l(e)(`connect.campaign.common.status.${t.status}`),
+              compact: ""
+            }, null, 8, ["class", "label"])) : g("", !0),
+            t.demo ? (n(), h(f, {
               key: 1,
               class: "!text-fm-color-typo-warning !bg-fm-color-system-warning-100",
               compact: "",
               label: "Demo data"
-            })) : f("", !0)
+            })) : g("", !0)
           ]),
-          a("div", Qe, [
+          a("div", Ye, [
             a("span", null, u(t.datesLabel), 1),
-            t.reportRangeLabel ? (r(), v(E, { key: 0 }, [
-              e[0] || (e[0] = a("span", { class: "text-fm-color-typo-disabled" }, "·", -1)),
+            t.reportRangeLabel ? (n(), v(E, { key: 0 }, [
+              y[0] || (y[0] = a("span", { class: "text-fm-color-typo-disabled" }, "·", -1)),
               a("span", null, "Reporting: " + u(t.reportRangeLabel), 1)
-            ], 64)) : f("", !0)
+            ], 64)) : g("", !0)
           ]),
-          t.audienceLabel ? (r(), v("div", Xe, " Audience: " + u(t.audienceLabel), 1)) : f("", !0)
+          t.audienceLabel ? (n(), v("div", Qe, " Audience: " + u(t.audienceLabel), 1)) : g("", !0)
         ]),
         _: 1
       });
     };
   }
-}), We = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, Ze = { class: "min-w-0" }, et = { class: "fm-typo-en-title-sm-800 mt-8" }, tt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, at = { class: "min-w-0" }, st = { class: "fm-typo-en-title-sm-800 mt-8" }, rt = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16 mt-16" }, lt = { class: "min-w-0" }, nt = { class: "fm-typo-en-title-sm-800 mt-8" }, it = { class: "min-w-0" }, ot = { class: "fm-typo-en-title-sm-800 mt-8" }, ct = ["aria-label"], mt = { class: "flex h-12 overflow-hidden rounded-xxxl bg-fm-color-neutral-gray-100" }, ut = { class: "flex justify-between gap-16 mt-8 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, dt = { class: "mt-16 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, pt = /* @__PURE__ */ j({
+}), Je = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, We = { class: "min-w-0" }, Ze = { class: "fm-typo-en-title-sm-800 mt-8" }, et = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, tt = { class: "min-w-0" }, at = { class: "fm-typo-en-title-sm-800 mt-8" }, st = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16 mt-16" }, rt = { class: "min-w-0" }, lt = { class: "fm-typo-en-title-sm-800 mt-8" }, nt = { class: "min-w-0" }, it = { class: "fm-typo-en-title-sm-800 mt-8" }, ot = ["aria-label"], ct = { class: "flex h-12 overflow-hidden rounded-xxxl bg-fm-color-neutral-gray-100" }, mt = { class: "flex justify-between gap-16 mt-8 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ut = { class: "mt-16 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, dt = /* @__PURE__ */ j({
   __name: "PromotionApplicationMix",
   props: {
     mix: {}
   },
   setup(t) {
-    return (l, e) => {
+    return (r, e) => {
       const s = _("FmCard");
-      return r(), h(s, {
+      return n(), h(s, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: P(() => [
+        default: $(() => [
           e[4] || (e[4] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Customer mix ", -1)),
           e[5] || (e[5] = a("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4 mb-16" }, " Completed bills attributed to this promotion ", -1)),
-          a("div", We, [
-            a("div", Ze, [
+          a("div", Je, [
+            a("div", We, [
               e[0] || (e[0] = a("div", { class: "flex items-center gap-8" }, [
                 a("div", { class: "w-8 h-8 rounded-sm bg-fm-color-primary" }),
                 a("span", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Member bills ")
               ], -1)),
-              a("div", et, u(t.mix.memberBills), 1),
-              a("div", tt, u(t.mix.appliedMembers) + " applied members ", 1)
+              a("div", Ze, u(t.mix.memberBills), 1),
+              a("div", et, u(t.mix.appliedMembers) + " applied members ", 1)
             ]),
-            a("div", at, [
+            a("div", tt, [
               e[1] || (e[1] = a("div", { class: "flex items-center gap-8" }, [
                 a("div", { class: "w-8 h-8 rounded-sm bg-fm-color-neutral-gray-200" }),
                 a("span", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Non-member bills ")
               ], -1)),
-              a("div", st, u(t.mix.nonMemberBills), 1)
+              a("div", at, u(t.mix.nonMemberBills), 1)
             ])
           ]),
-          a("div", rt, [
-            a("div", lt, [
+          a("div", st, [
+            a("div", rt, [
               e[2] || (e[2] = a("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Member sales ", -1)),
-              a("div", nt, u(t.mix.memberSales), 1)
+              a("div", lt, u(t.mix.memberSales), 1)
             ]),
-            a("div", it, [
+            a("div", nt, [
               e[3] || (e[3] = a("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Non-member sales ", -1)),
-              a("div", ot, u(t.mix.nonMemberSales), 1)
+              a("div", it, u(t.mix.nonMemberSales), 1)
             ])
           ]),
           a("div", {
@@ -978,7 +988,7 @@ const Ge = {
             role: "img",
             "aria-label": t.mix.summary
           }, [
-            a("div", mt, [
+            a("div", ct, [
               a("div", {
                 class: "h-full bg-fm-color-primary",
                 style: me({ width: t.mix.memberBillSharePct + "%" })
@@ -988,85 +998,85 @@ const Ge = {
                 style: me({ width: t.mix.nonMemberBillSharePct + "%" })
               }, null, 4)
             ]),
-            a("div", ut, [
+            a("div", mt, [
               a("span", null, "Members " + u(t.mix.memberBillSharePct) + "%", 1),
               a("span", null, "Non-members " + u(t.mix.nonMemberBillSharePct) + "%", 1)
             ])
-          ], 8, ct),
-          a("div", dt, u(t.mix.summary), 1)
+          ], 8, ot),
+          a("div", ut, u(t.mix.summary), 1)
         ]),
         _: 1
       });
     };
   }
-}), yt = { class: "flex xs:flex-col items-stretch" }, bt = { class: "flex-1 min-w-0 px-16 xs:px-4 xs:py-12" }, vt = { class: "flex items-center gap-4" }, ft = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary" }, ht = {
+}), pt = { class: "flex xs:flex-col items-stretch" }, yt = { class: "flex-1 min-w-0 px-16 xs:px-4 xs:py-12" }, bt = { class: "flex items-center gap-4" }, vt = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary" }, ft = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-disabled italic mt-8"
-}, gt = { class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary mt-8" }, xt = {
+}, gt = { class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary mt-8" }, ht = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, kt = {
+}, xt = {
   key: 1,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, wt = {
+}, kt = {
   key: 2,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, Rt = {
+}, wt = {
   key: 3,
   class: "mt-8"
-}, Mt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, _t = {
+}, Rt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, Mt = {
   key: 0,
   class: "flex items-center justify-center px-4 xs:py-4"
-}, St = /* @__PURE__ */ j({
+}, _t = /* @__PURE__ */ j({
   __name: "CampaignFunnel",
   props: {
     stages: {}
   },
   setup(t) {
-    return (l, e) => {
-      const s = _("FmProgressBar"), i = _("FmIcon"), y = _("FmCard");
-      return r(), h(y, {
+    return (r, e) => {
+      const s = _("FmProgressBar"), c = _("FmIcon"), y = _("FmCard");
+      return n(), h(y, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: P(() => [
+        default: $(() => [
           e[0] || (e[0] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Campaign funnel ", -1)),
           e[1] || (e[1] = a("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4 mb-16" }, " Campaign activity at each stage ", -1)),
-          a("div", yt, [
-            (r(!0), v(E, null, ee(t.stages, (o, g) => (r(), v("div", {
-              key: o.key,
+          a("div", pt, [
+            (n(!0), v(E, null, ee(t.stages, (i, f) => (n(), v("div", {
+              key: i.key,
               class: "flex xs:flex-col flex-1 min-w-0 items-stretch"
             }, [
-              a("div", bt, [
-                a("div", vt, [
-                  a("span", ft, u(o.label), 1),
-                  o.helper ? (r(), h(Z, {
+              a("div", yt, [
+                a("div", bt, [
+                  a("span", vt, u(i.label), 1),
+                  i.helper ? (n(), h(Z, {
                     key: 0,
-                    description: o.helper
-                  }, null, 8, ["description"])) : f("", !0)
+                    description: i.helper
+                  }, null, 8, ["description"])) : g("", !0)
                 ]),
-                o.notSupported ? (r(), v("div", ht, u(o.helper), 1)) : (r(), v(E, { key: 1 }, [
-                  a("div", gt, u(o.primaryLabel ?? o.membersLabel ?? "—"), 1),
-                  o.unitsLabel ? (r(), v("div", xt, u(o.unitsLabel), 1)) : f("", !0),
-                  o.valueLabel ? (r(), v("div", kt, u(o.valueLabel), 1)) : f("", !0),
-                  o.extra ? (r(), v("div", wt, u(o.extra), 1)) : f("", !0),
-                  o.ratePct !== void 0 ? (r(), v("div", Rt, [
+                i.notSupported ? (n(), v("div", ft, u(i.helper), 1)) : (n(), v(E, { key: 1 }, [
+                  a("div", gt, u(i.primaryLabel ?? i.membersLabel ?? "—"), 1),
+                  i.unitsLabel ? (n(), v("div", ht, u(i.unitsLabel), 1)) : g("", !0),
+                  i.valueLabel ? (n(), v("div", xt, u(i.valueLabel), 1)) : g("", !0),
+                  i.extra ? (n(), v("div", kt, u(i.extra), 1)) : g("", !0),
+                  i.ratePct !== void 0 ? (n(), v("div", wt, [
                     I(s, {
-                      value: o.ratePct,
+                      value: i.ratePct,
                       color: "primary",
                       size: "sm"
                     }, null, 8, ["value"]),
-                    a("div", Mt, u(o.rateLabel), 1)
-                  ])) : f("", !0)
+                    a("div", Rt, u(i.rateLabel), 1)
+                  ])) : g("", !0)
                 ], 64))
               ]),
-              g < t.stages.length - 1 ? (r(), v("div", _t, [
-                I(i, {
+              f < t.stages.length - 1 ? (n(), v("div", Mt, [
+                I(c, {
                   name: "chevron_right",
                   size: "sm",
                   class: "text-fm-color-neutral-gray-300 xs:rotate-90"
                 })
-              ])) : f("", !0)
+              ])) : g("", !0)
             ]))), 128))
           ])
         ]),
@@ -1074,7 +1084,7 @@ const Ge = {
       });
     };
   }
-}), It = { class: "grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] xs:grid-cols-1 gap-16" }, Ct = { class: "flex items-center gap-8" }, Ot = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary flex-1 min-w-0 truncate" }, Pt = {
+}), St = { class: "grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] xs:grid-cols-1 gap-16" }, It = { class: "flex items-center gap-8" }, Ct = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary flex-1 min-w-0 truncate" }, Ot = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
 }, te = /* @__PURE__ */ j({
@@ -1083,97 +1093,97 @@ const Ge = {
     cards: {}
   },
   setup(t) {
-    return (l, e) => {
+    return (r, e) => {
       const s = _("FmCard");
-      return r(), v("section", It, [
-        (r(!0), v(E, null, ee(t.cards, (i) => (r(), h(s, {
-          key: i.key,
+      return n(), v("section", St, [
+        (n(!0), v(E, null, ee(t.cards, (c) => (n(), h(s, {
+          key: c.key,
           variant: "outlined",
           class: "flex flex-col gap-4 p-16 min-w-0 overflow-hidden"
         }, {
-          default: P(() => [
-            a("div", Ct, [
-              a("span", Ot, u(i.label), 1),
-              i.helper ? (r(), h(Z, {
+          default: $(() => [
+            a("div", It, [
+              a("span", Ct, u(c.label), 1),
+              c.helper ? (n(), h(Z, {
                 key: 0,
-                description: i.helper
-              }, null, 8, ["description"])) : f("", !0)
+                description: c.helper
+              }, null, 8, ["description"])) : g("", !0)
             ]),
             a("div", {
               class: W([
                 "fm-typo-en-title-sm-800 truncate",
-                i.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                c.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
               ])
-            }, u(i.value), 3),
-            i.sub ? (r(), v("div", Pt, u(i.sub), 1)) : f("", !0)
+            }, u(c.value), 3),
+            c.sub ? (n(), v("div", Ot, u(c.sub), 1)) : g("", !0)
           ]),
           _: 2
         }, 1024))), 128))
       ]);
     };
   }
-}), Dt = { class: "flex items-center justify-between gap-12 flex-wrap mb-16 xs:flex-col xs:items-start" }, $t = {
+}), Pt = { class: "flex items-center justify-between gap-12 flex-wrap mb-16 xs:flex-col xs:items-start" }, $t = {
   key: 0,
   class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary mb-12"
-}, Et = /* @__PURE__ */ j({
+}, Dt = /* @__PURE__ */ j({
   __name: "CampaignTrendChart",
   props: {
     modes: {}
   },
   setup(t) {
     var R;
-    const l = t, e = ["#FF7823", "#B2B3B6"], s = H(((R = l.modes[0]) == null ? void 0 : R.key) ?? ""), i = $(
-      () => l.modes.map((p) => ({ label: p.label, value: p.key }))
-    ), y = $(
-      () => i.value.find((p) => p.value === s.value) ?? null
-    ), o = $(
-      () => l.modes.find((p) => p.key === s.value) ?? l.modes[0]
-    ), g = $(
+    const r = t, e = ["#FF7823", "#B2B3B6"], s = H(((R = r.modes[0]) == null ? void 0 : R.key) ?? ""), c = P(
+      () => r.modes.map((p) => ({ label: p.label, value: p.key }))
+    ), y = P(
+      () => c.value.find((p) => p.value === s.value) ?? null
+    ), i = P(
+      () => r.modes.find((p) => p.key === s.value) ?? r.modes[0]
+    ), f = P(
       () => {
         var p;
-        return (((p = o.value) == null ? void 0 : p.series) ?? []).map((L, d) => ({
+        return (((p = i.value) == null ? void 0 : p.series) ?? []).map((L, d) => ({
           label: L.label,
           data: L.values,
           color: e[d] ?? e[e.length - 1],
           dash: d > 0
         }));
       }
-    ), c = { display: !0 };
+    ), o = { display: !0 };
     return (p, L) => {
       const d = _("FmButtonGroup"), U = _("FmLineChart"), M = _("FmCard");
-      return r(), h(M, {
+      return n(), h(M, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: P(() => [
-          a("div", Dt, [
+        default: $(() => [
+          a("div", Pt, [
             L[1] || (L[1] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Funnel trend ", -1)),
-            t.modes.length > 1 ? (r(), h(d, {
+            t.modes.length > 1 ? (n(), h(d, {
               key: 0,
-              items: n(i),
-              "model-value": n(y),
+              items: l(c),
+              "model-value": l(y),
               "onUpdate:modelValue": L[0] || (L[0] = (k) => s.value = k.value)
-            }, null, 8, ["items", "model-value"])) : f("", !0)
+            }, null, 8, ["items", "model-value"])) : g("", !0)
           ]),
-          n(o) ? (r(), v("div", $t, u(n(o).label), 1)) : f("", !0),
-          n(o) ? (r(), h(U, {
+          l(i) ? (n(), v("div", $t, u(l(i).label), 1)) : g("", !0),
+          l(i) ? (n(), h(U, {
             key: 1,
-            datasets: n(g),
-            "x-axis": { categories: n(o).categories },
-            "x-cfg": c,
-            "y-cfg": c,
+            datasets: l(f),
+            "x-axis": { categories: l(i).categories },
+            "x-cfg": o,
+            "y-cfg": o,
             legend: { display: !0 },
             height: "150px"
-          }, null, 8, ["datasets", "x-axis"])) : f("", !0)
+          }, null, 8, ["datasets", "x-axis"])) : g("", !0)
         ]),
         _: 1
       });
     };
   }
-}), Lt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Tt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4 mb-12" }, Bt = {
+}), Et = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Lt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4 mb-12" }, Tt = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary mt-8"
-}, Nt = {
+}, Bt = {
   key: 2,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary mt-8"
 }, de = /* @__PURE__ */ j({
@@ -1184,44 +1194,44 @@ const Ge = {
     emptyMessage: { default: "No outlet activity was recorded for this campaign." }
   },
   setup(t) {
-    const l = t, e = $(
-      () => l.breakdown ? ze(l.breakdown) : []
+    const r = t, e = P(
+      () => r.breakdown ? je(r.breakdown) : []
     );
-    return (s, i) => {
-      const y = _("FmTable"), o = _("FmCard");
-      return r(), h(o, {
+    return (s, c) => {
+      const y = _("FmTable"), i = _("FmCard");
+      return n(), h(i, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: P(() => {
-          var g;
+        default: $(() => {
+          var f;
           return [
-            a("div", Lt, u(t.title), 1),
-            (g = t.breakdown) != null && g.rows.length ? (r(), v(E, { key: 0 }, [
-              a("div", Tt, " By " + u(t.breakdown.dimension), 1),
+            a("div", Et, u(t.title), 1),
+            (f = t.breakdown) != null && f.rows.length ? (n(), v(E, { key: 0 }, [
+              a("div", Lt, " By " + u(t.breakdown.dimension), 1),
               I(y, {
                 "row-data": t.breakdown.rows,
-                "column-defs": n(e),
+                "column-defs": l(e),
                 "column-filter": [],
                 "hide-footer": ""
               }, null, 8, ["row-data", "column-defs"])
-            ], 64)) : t.breakdown ? (r(), v("div", Bt, u(t.emptyMessage), 1)) : (r(), v("div", Nt, " No breakdown dimension is available for this campaign. "))
+            ], 64)) : t.breakdown ? (n(), v("div", Tt, u(t.emptyMessage), 1)) : (n(), v("div", Bt, " No breakdown dimension is available for this campaign. "))
           ];
         }),
         _: 1
       });
     };
   }
-}), Vt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ut = {
+}), Nt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Vt = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4 mb-12"
-}, Ft = {
+}, Ut = {
   key: 0,
   class: "px-16 py-12 rounded-lg bg-fm-color-neutral-gray-100 min-w-0"
-}, At = { class: "flex items-center gap-8" }, qt = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary flex-1 min-w-0 truncate" }, jt = {
+}, Ft = { class: "flex items-center gap-8" }, At = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary flex-1 min-w-0 truncate" }, qt = {
   key: 1,
   class: "flex items-center justify-between gap-12 py-8 border-b border-fm-color-neutral-gray-100"
-}, zt = { class: "flex items-center gap-8 min-w-0" }, Gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary truncate" }, pe = /* @__PURE__ */ j({
+}, jt = { class: "flex items-center gap-8 min-w-0" }, zt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary truncate" }, pe = /* @__PURE__ */ j({
   __name: "CampaignMetricList",
   props: {
     title: {},
@@ -1230,49 +1240,49 @@ const Ge = {
     variant: { default: "tile" }
   },
   setup(t) {
-    return (l, e) => {
+    return (r, e) => {
       const s = _("FmCard");
-      return r(), h(s, {
+      return n(), h(s, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: P(() => [
-          a("div", Vt, u(t.title), 1),
-          t.caption ? (r(), v("div", Ut, u(t.caption), 1)) : f("", !0),
+        default: $(() => [
+          a("div", Nt, u(t.title), 1),
+          t.caption ? (n(), v("div", Vt, u(t.caption), 1)) : g("", !0),
           a("div", {
             class: W(["grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))] xs:grid-cols-1", t.variant === "tile" ? "gap-16" : "gap-x-16"])
           }, [
-            (r(!0), v(E, null, ee(t.items, (i) => (r(), v(E, {
-              key: i.key
+            (n(!0), v(E, null, ee(t.items, (c) => (n(), v(E, {
+              key: c.key
             }, [
-              t.variant === "tile" ? (r(), v("div", Ft, [
-                a("div", At, [
-                  a("span", qt, u(i.label), 1),
-                  i.helper ? (r(), h(Z, {
+              t.variant === "tile" ? (n(), v("div", Ut, [
+                a("div", Ft, [
+                  a("span", At, u(c.label), 1),
+                  c.helper ? (n(), h(Z, {
                     key: 0,
-                    description: i.helper
-                  }, null, 8, ["description"])) : f("", !0)
+                    description: c.helper
+                  }, null, 8, ["description"])) : g("", !0)
                 ]),
                 a("div", {
                   class: W([
                     "fm-typo-en-body-lg-600 mt-4 truncate",
-                    i.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                    c.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                   ])
-                }, u(i.value), 3)
-              ])) : (r(), v("div", jt, [
-                a("div", zt, [
-                  a("span", Gt, u(i.label), 1),
-                  i.helper ? (r(), h(Z, {
+                }, u(c.value), 3)
+              ])) : (n(), v("div", qt, [
+                a("div", jt, [
+                  a("span", zt, u(c.label), 1),
+                  c.helper ? (n(), h(Z, {
                     key: 0,
-                    description: i.helper
-                  }, null, 8, ["description"])) : f("", !0)
+                    description: c.helper
+                  }, null, 8, ["description"])) : g("", !0)
                 ]),
                 a("span", {
                   class: W([
                     "fm-typo-en-body-md-600 whitespace-nowrap",
-                    i.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                    c.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                   ])
-                }, u(i.value), 3)
+                }, u(c.value), 3)
               ]))
             ], 64))), 128))
           ], 2)
@@ -1281,54 +1291,54 @@ const Ge = {
       });
     };
   }
-}), Ht = { class: "flex items-center gap-8" }, Kt = { class: "px-24 flex flex-col gap-16 pb-24" }, Yt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Qt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Xt = {
+}), Gt = { class: "flex items-center gap-8" }, Ht = { class: "px-24 flex flex-col gap-16 pb-24" }, Kt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Yt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Qt = {
   key: 0,
   class: "flex flex-col gap-12"
-}, Jt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Wt = {
+}, Xt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jt = {
   key: 1,
   class: "flex flex-col gap-12"
-}, ca = /* @__PURE__ */ j({
+}, oa = /* @__PURE__ */ j({
   __name: "CampaignAnalytic",
   setup(t) {
-    const { t: l } = ge(), e = _e(), s = Se(), { global: i, minor: y } = ke, o = xe(), g = H(), c = H(), R = H(), p = H(!1), L = H(!1), d = $(() => {
+    const { t: r } = ye(), e = Me(), s = _e(), { global: c, minor: y } = xe, i = he(), f = H(), o = H(), R = H(), p = H(!1), L = H(!1), d = P(() => {
       var O;
-      return (O = g.value) == null ? void 0 : O.campaign;
-    }), U = $(
-      () => d.value ? Te(d.value.type) : void 0
-    ), M = $(() => {
+      return (O = f.value) == null ? void 0 : O.campaign;
+    }), U = P(
+      () => d.value ? Le(d.value.type) : void 0
+    ), M = P(() => {
       var O;
       return (O = U.value) == null ? void 0 : O.report;
-    }), k = $(() => {
+    }), k = P(() => {
       var O, x, z, G, T, B, F, S, b, A, q, K, Y;
-      return M.value && ((O = d.value) == null ? void 0 : O.type) === "COIN" ? Fe(
+      return M.value && ((O = d.value) == null ? void 0 : O.type) === "COIN" ? Ue(
         M.value,
-        ((x = c.value) == null ? void 0 : x.type) === "COIN" ? c.value : ne()
-      ) : M.value && ((z = d.value) == null ? void 0 : z.type) === "POINT" ? Ae(
+        ((x = o.value) == null ? void 0 : x.type) === "COIN" ? o.value : ne()
+      ) : M.value && ((z = d.value) == null ? void 0 : z.type) === "POINT" ? Fe(
         M.value,
-        ((G = c.value) == null ? void 0 : G.type) === "POINT" ? c.value : ie()
-      ) : M.value && ((T = d.value) == null ? void 0 : T.type) === "CREDIT" ? qe(
+        ((G = o.value) == null ? void 0 : G.type) === "POINT" ? o.value : ie()
+      ) : M.value && ((T = d.value) == null ? void 0 : T.type) === "CREDIT" ? Ae(
         M.value,
-        ((B = c.value) == null ? void 0 : B.type) === "CREDIT" ? c.value : oe()
-      ) : M.value && ((F = d.value) == null ? void 0 : F.type) === "GAME" ? Ue(
+        ((B = o.value) == null ? void 0 : B.type) === "CREDIT" ? o.value : oe()
+      ) : M.value && ((F = d.value) == null ? void 0 : F.type) === "GAME" ? Ve(
         M.value,
-        ((S = c.value) == null ? void 0 : S.type) === "GAME" ? c.value : le()
-      ) : M.value && ((b = d.value) == null ? void 0 : b.type) === "MISSION" ? Ve(
+        ((S = o.value) == null ? void 0 : S.type) === "GAME" ? o.value : le()
+      ) : M.value && ((b = d.value) == null ? void 0 : b.type) === "MISSION" ? Ne(
         M.value,
-        ((A = c.value) == null ? void 0 : A.type) === "MISSION" ? c.value : re()
-      ) : M.value && ((q = d.value) == null ? void 0 : q.type) === "PROMOTION" ? Ne(
+        ((A = o.value) == null ? void 0 : A.type) === "MISSION" ? o.value : re()
+      ) : M.value && ((q = d.value) == null ? void 0 : q.type) === "PROMOTION" ? Be(
         M.value,
-        ((K = c.value) == null ? void 0 : K.type) === "PROMOTION" ? c.value : se()
-      ) : M.value && ((Y = c.value) == null ? void 0 : Y.type) === "VOUCHER" ? Be(
+        ((K = o.value) == null ? void 0 : K.type) === "PROMOTION" ? o.value : se()
+      ) : M.value && ((Y = o.value) == null ? void 0 : Y.type) === "VOUCHER" ? Te(
         M.value,
-        c.value,
+        o.value,
         R.value
       ) : M.value;
-    }), ye = $(
-      () => d.value ? l(we(d.value.timeframeOptions)) : ""
-    ), be = $(
-      () => d.value && d.value.type !== "MEMBERSHIP" ? Re(d.value) : void 0
+    }), be = P(
+      () => d.value ? r(ke(d.value.timeframeOptions)) : ""
+    ), ve = P(
+      () => d.value && d.value.type !== "MEMBERSHIP" ? we(d.value) : void 0
     );
-    function ve() {
+    function fe() {
       return {
         type: "VOUCHER",
         scope: { startDate: "", endDate: "" },
@@ -1437,60 +1447,60 @@ const Ge = {
         performanceDetails: []
       };
     }
-    return he(async () => {
+    return ge(async () => {
       var O, x, z, G, T, B, F;
       try {
-        await i(async () => {
+        await c(async () => {
           var A, q;
-          g.value = await V.readById(e.params.id);
+          f.value = await V.readById(e.params.id);
           const b = e.meta.campaignType;
-          L.value = !!b && ((q = (A = g.value) == null ? void 0 : A.campaign) == null ? void 0 : q.type) !== b;
+          L.value = !!b && ((q = (A = f.value) == null ? void 0 : A.campaign) == null ? void 0 : q.type) !== b;
         });
         const S = {
-          timezone: ue[o.currentCountry.value || "MY"] ?? ue.MY
+          timezone: ue[i.currentCountry.value || "MY"] ?? ue.MY
         };
-        ((O = g.value) == null ? void 0 : O.campaign.type) === "VOUCHER" ? (c.value = ve(), await Promise.all([
+        ((O = f.value) == null ? void 0 : O.campaign.type) === "VOUCHER" ? (o.value = fe(), await Promise.all([
           y(
             () => V.readAnalyticsOverview(e.params.id, {
               ...S
             })
           ).then((b) => {
-            b.type === "VOUCHER" && (c.value = b);
+            b.type === "VOUCHER" && (o.value = b);
           }).catch(() => {
           }),
           y(
             () => V.readAnalyticsTrend(e.params.id, S)
           ).then((b) => R.value = b).catch(() => {
           })
-        ])) : ((x = g.value) == null ? void 0 : x.campaign.type) === "PROMOTION" ? (c.value = se(), await y(
+        ])) : ((x = f.value) == null ? void 0 : x.campaign.type) === "PROMOTION" ? (o.value = se(), await y(
           () => V.readAnalyticsOverview(e.params.id, S)
         ).then((b) => {
-          b.type === "PROMOTION" && (c.value = b);
+          b.type === "PROMOTION" && (o.value = b);
         }).catch(() => {
-        })) : ((z = g.value) == null ? void 0 : z.campaign.type) === "MISSION" ? (c.value = re(), await y(
+        })) : ((z = f.value) == null ? void 0 : z.campaign.type) === "MISSION" ? (o.value = re(), await y(
           () => V.readAnalyticsOverview(e.params.id, S)
         ).then((b) => {
-          b.type === "MISSION" && (c.value = b);
+          b.type === "MISSION" && (o.value = b);
         }).catch(() => {
-        })) : ((G = g.value) == null ? void 0 : G.campaign.type) === "GAME" ? (c.value = le(), await y(
+        })) : ((G = f.value) == null ? void 0 : G.campaign.type) === "GAME" ? (o.value = le(), await y(
           () => V.readAnalyticsOverview(e.params.id, S)
         ).then((b) => {
-          b.type === "GAME" && (c.value = b);
+          b.type === "GAME" && (o.value = b);
         }).catch(() => {
-        })) : ((T = g.value) == null ? void 0 : T.campaign.type) === "COIN" ? (c.value = ne(), await y(
+        })) : ((T = f.value) == null ? void 0 : T.campaign.type) === "COIN" ? (o.value = ne(), await y(
           () => V.readAnalyticsOverview(e.params.id, S)
         ).then((b) => {
-          b.type === "COIN" && (c.value = b);
+          b.type === "COIN" && (o.value = b);
         }).catch(() => {
-        })) : ((B = g.value) == null ? void 0 : B.campaign.type) === "POINT" ? (c.value = ie(), await y(
+        })) : ((B = f.value) == null ? void 0 : B.campaign.type) === "POINT" ? (o.value = ie(), await y(
           () => V.readAnalyticsOverview(e.params.id, S)
         ).then((b) => {
-          b.type === "POINT" && (c.value = b);
+          b.type === "POINT" && (o.value = b);
         }).catch(() => {
-        })) : ((F = g.value) == null ? void 0 : F.campaign.type) === "CREDIT" && (c.value = oe(), await y(
+        })) : ((F = f.value) == null ? void 0 : F.campaign.type) === "CREDIT" && (o.value = oe(), await y(
           () => V.readAnalyticsOverview(e.params.id, S)
         ).then((b) => {
-          b.type === "CREDIT" && (c.value = b);
+          b.type === "CREDIT" && (o.value = b);
         }).catch(() => {
         }));
       } catch {
@@ -1499,27 +1509,27 @@ const Ge = {
     }), (O, x) => {
       var F, S, b, A, q, K, Y, ce;
       const z = _("FmPill"), G = _("FmPageHead"), T = _("FmIcon"), B = _("FmCard");
-      return r(), v(E, null, [
+      return n(), v(E, null, [
         I(G, {
           title: "Campaign analytic",
           "back-button": !0,
-          "onClick:back": x[0] || (x[0] = (Q) => n(s).back())
+          "onClick:back": x[0] || (x[0] = (Q) => l(s).back())
         }, {
-          title: P(() => [
-            a("div", Ht, [
+          title: $(() => [
+            a("div", Gt, [
               x[1] || (x[1] = a("span", { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, " Campaign analytic ", -1)),
               I(z, { variant: "beta" })
             ])
           ]),
           _: 1
         }),
-        a("div", Kt, [
-          n(p) ? (r(), h(B, {
+        a("div", Ht, [
+          l(p) ? (n(), h(B, {
             key: 0,
             variant: "outlined",
             class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
           }, {
-            default: P(() => [
+            default: $(() => [
               I(T, {
                 name: "error",
                 outline: "",
@@ -1530,23 +1540,23 @@ const Ge = {
               x[3] || (x[3] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, " The campaign may have been deleted, or the link is no longer valid. ", -1))
             ]),
             _: 1
-          })) : n(d) ? (r(), v(E, { key: 1 }, [
-            I(Je, {
-              "campaign-name": n(d).name,
-              "dates-label": n(ye),
-              "status-chip": n(be),
-              "mechanic-label": (F = n(U)) == null ? void 0 : F.label,
-              icon: (S = n(U)) == null ? void 0 : S.icon,
-              objective: (b = n(U)) == null ? void 0 : b.objective,
-              "report-range-label": (A = n(k)) == null ? void 0 : A.reportRangeLabel,
-              "audience-label": (q = n(k)) == null ? void 0 : q.audienceLabel
-            }, null, 8, ["campaign-name", "dates-label", "status-chip", "mechanic-label", "icon", "objective", "report-range-label", "audience-label"]),
-            n(L) ? (r(), h(B, {
+          })) : l(d) ? (n(), v(E, { key: 1 }, [
+            I(Xe, {
+              "campaign-name": l(d).name,
+              "dates-label": l(be),
+              status: l(ve),
+              "mechanic-label": (F = l(U)) == null ? void 0 : F.label,
+              icon: (S = l(U)) == null ? void 0 : S.icon,
+              objective: (b = l(U)) == null ? void 0 : b.objective,
+              "report-range-label": (A = l(k)) == null ? void 0 : A.reportRangeLabel,
+              "audience-label": (q = l(k)) == null ? void 0 : q.audienceLabel
+            }, null, 8, ["campaign-name", "dates-label", "status", "mechanic-label", "icon", "objective", "report-range-label", "audience-label"]),
+            l(L) ? (n(), h(B, {
               key: 0,
               variant: "outlined",
               class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
             }, {
-              default: P(() => [
+              default: $(() => [
                 I(T, {
                   name: "wrong_location",
                   outline: "",
@@ -1554,15 +1564,15 @@ const Ge = {
                   class: "text-fm-color-neutral-gray-300"
                 }),
                 x[4] || (x[4] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " This campaign does not belong here ", -1)),
-                a("div", Yt, " It is a " + u(n(d).type) + " campaign. Open it from its own campaign list to see the right report. ", 1)
+                a("div", Kt, " It is a " + u(l(d).type) + " campaign. Open it from its own campaign list to see the right report. ", 1)
               ]),
               _: 1
-            })) : n(U) ? ((K = n(M)) == null ? void 0 : K.state) === "empty" ? (r(), h(B, {
+            })) : l(U) ? ((K = l(M)) == null ? void 0 : K.state) === "empty" ? (n(), h(B, {
               key: 2,
               variant: "outlined",
               class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
             }, {
-              default: P(() => [
+              default: $(() => [
                 I(T, {
                   name: "inbox",
                   outline: "",
@@ -1573,67 +1583,67 @@ const Ge = {
                 x[7] || (x[7] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, " Performance data will appear after members enter the campaign. ", -1))
               ]),
               _: 1
-            })) : n(k) ? (r(), v(E, { key: 3 }, [
-              n(d).type === "COIN" || n(d).type === "POINT" || n(d).type === "CREDIT" ? (r(), v("section", Xt, [
+            })) : l(k) ? (n(), v(E, { key: 3 }, [
+              l(d).type === "COIN" || l(d).type === "POINT" || l(d).type === "CREDIT" ? (n(), v("section", Qt, [
                 a("div", null, [
-                  a("div", Jt, u((Y = n(U)) == null ? void 0 : Y.label) + " distribution summary ", 1)
+                  a("div", Xt, u((Y = l(U)) == null ? void 0 : Y.label) + " distribution summary ", 1)
                 ]),
                 I(te, {
-                  cards: n(k).cards
+                  cards: l(k).cards
                 }, null, 8, ["cards"])
-              ])) : f("", !0),
-              n(d).type === "MISSION" ? (r(), v("section", Wt, [
+              ])) : g("", !0),
+              l(d).type === "MISSION" ? (n(), v("section", Jt, [
                 x[8] || (x[8] = a("div", null, [
                   a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Mission participation and completion "),
                   a("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, " Campaign-lifetime member activity and completion ")
                 ], -1)),
                 I(te, {
-                  cards: n(k).cards
+                  cards: l(k).cards
                 }, null, 8, ["cards"])
-              ])) : f("", !0),
-              n(k).applicationMix ? (r(), h(pt, {
+              ])) : g("", !0),
+              l(k).applicationMix ? (n(), h(dt, {
                 key: 2,
-                mix: n(k).applicationMix
-              }, null, 8, ["mix"])) : n(d).type !== "MISSION" && n(k).funnel.length ? (r(), h(St, {
+                mix: l(k).applicationMix
+              }, null, 8, ["mix"])) : l(d).type !== "MISSION" && l(k).funnel.length ? (n(), h(_t, {
                 key: 3,
-                stages: n(k).funnel
-              }, null, 8, ["stages"])) : f("", !0),
-              n(d).type !== "MISSION" && n(d).type !== "COIN" && n(d).type !== "POINT" && n(d).type !== "CREDIT" && n(k).cards.length ? (r(), h(te, {
+                stages: l(k).funnel
+              }, null, 8, ["stages"])) : g("", !0),
+              l(d).type !== "MISSION" && l(d).type !== "COIN" && l(d).type !== "POINT" && l(d).type !== "CREDIT" && l(k).cards.length ? (n(), h(te, {
                 key: 4,
-                cards: n(k).cards
-              }, null, 8, ["cards"])) : f("", !0),
-              n(k).trend.length ? (r(), h(Et, {
+                cards: l(k).cards
+              }, null, 8, ["cards"])) : g("", !0),
+              l(k).trend.length ? (n(), h(Dt, {
                 key: 5,
-                modes: n(k).trend
-              }, null, 8, ["modes"])) : f("", !0),
-              (ce = n(k).breakdowns) != null && ce.length ? (r(!0), v(E, { key: 6 }, ee(n(k).breakdowns, (Q) => (r(), h(de, {
+                modes: l(k).trend
+              }, null, 8, ["modes"])) : g("", !0),
+              (ce = l(k).breakdowns) != null && ce.length ? (n(!0), v(E, { key: 6 }, ee(l(k).breakdowns, (Q) => (n(), h(de, {
                 key: Q.title,
                 breakdown: Q.breakdown,
                 title: Q.title,
                 "empty-message": Q.emptyMessage
-              }, null, 8, ["breakdown", "title", "empty-message"]))), 128)) : (r(), h(de, {
+              }, null, 8, ["breakdown", "title", "empty-message"]))), 128)) : (n(), h(de, {
                 key: 7,
-                breakdown: n(k).breakdown
+                breakdown: l(k).breakdown
               }, null, 8, ["breakdown"])),
-              n(k).outcomes.length ? (r(), h(pe, {
+              l(k).outcomes.length ? (n(), h(pe, {
                 key: 8,
-                title: n(d).type === "MISSION" || n(d).type === "GAME" ? "Reward activity" : "Business outcome",
-                caption: n(d).type === "MISSION" || n(d).type === "GAME" ? "Reward issuance attributed to this campaign" : "Financial and loyalty outcomes attributed to this campaign",
-                items: n(k).outcomes,
+                title: l(d).type === "MISSION" || l(d).type === "GAME" ? "Reward activity" : "Business outcome",
+                caption: l(d).type === "MISSION" || l(d).type === "GAME" ? "Reward issuance attributed to this campaign" : "Financial and loyalty outcomes attributed to this campaign",
+                items: l(k).outcomes,
                 variant: "tile"
-              }, null, 8, ["title", "caption", "items"])) : f("", !0),
+              }, null, 8, ["title", "caption", "items"])) : g("", !0),
               I(pe, {
                 title: "Metric definitions",
                 caption: "Hover a metric for its denominator and attribution method",
-                items: n(k).metrics,
+                items: l(k).metrics,
                 variant: "row"
               }, null, 8, ["items"])
-            ], 64)) : f("", !0) : (r(), h(B, {
+            ], 64)) : g("", !0) : (n(), h(B, {
               key: 1,
               variant: "outlined",
               class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
             }, {
-              default: P(() => [
+              default: $(() => [
                 I(T, {
                   name: "query_stats",
                   outline: "",
@@ -1641,16 +1651,16 @@ const Ge = {
                   class: "text-fm-color-neutral-gray-300"
                 }),
                 x[5] || (x[5] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Analytic is not available for this campaign type ", -1)),
-                a("div", Qt, " Reporting has not been defined for " + u(n(d).type) + " campaigns yet. ", 1)
+                a("div", Yt, " Reporting has not been defined for " + u(l(d).type) + " campaigns yet. ", 1)
               ]),
               _: 1
             }))
-          ], 64)) : f("", !0)
+          ], 64)) : g("", !0)
         ])
       ], 64);
     };
   }
 });
 export {
-  ca as default
+  oa as default
 };