@feedmepos/mf-connect 0.1.98-beta.57 → 0.1.98-beta.59

package/dist/{CampaignAnalytic-ClDZaoE6.js → CampaignAnalytic-DVmErhEK.js}

@@ -1,14 +1,14 @@
-import { defineComponent as j, computed as O, resolveComponent as S, openBlock as r, createBlock as g, withCtx as L, createElementBlock as p, createCommentVNode as b, createElementVNode as a, toDisplayString as u, normalizeClass as H, unref as n, Fragment as E, normalizeStyle as de, createTextVNode as xe, renderList as Z, createVNode as P, ref as Y, onMounted as ke } from "vue";
-import { u as ve } from "./vue-i18n-CCRzsQae.js";
+import { defineComponent as z, computed as P, resolveComponent as S, openBlock as r, createBlock as x, withCtx as D, createElementBlock as d, createCommentVNode as v, createElementVNode as s, toDisplayString as u, normalizeClass as K, unref as o, Fragment as L, normalizeStyle as ye, createTextVNode as xe, renderList as ee, createVNode as $, ref as Q, onMounted as ke } from "vue";
+import { u as he } from "./vue-i18n-CA3hRpIg.js";
 import { useCoreStore as we } from "@feedmepos/mf-common";
-import { c as U } from "./index-DunfF8Ht.js";
-import { u as Re } from "./loading-JXWN1mlR.js";
-import { s as Me, a as _e } from "./campaign-BLRQqfj4.js";
-import { C as pe } from "./timezone-C6Gli671.js";
+import { c as U } from "./index-C99Zc-Vi.js";
+import { u as Re } from "./loading-D0ISq3i1.js";
+import { s as Me, a as _e } from "./campaign-DAqkMrCh.js";
+import { C as be } from "./timezone-DKvRUDVT.js";
 import { h as Se } from "./moment-D7p2TMB-.js";
 import { s as Ce } from "./index-CuvNtC_M.js";
-import { T as Ie } from "./transaction.fn-C4TR2679.js";
-import { _ as ee } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-BjKY7d9t.js";
+import { T as Ie } from "./transaction.fn-BOBilrwc.js";
+import { _ as te } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-ELm3_clS.js";
 import { useRoute as $e, useRouter as Pe } from "vue-router";
 const Oe = {
   state: "populated",
@@ -49,7 +49,7 @@ const Oe = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Ee = {
+}, Be = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -59,7 +59,7 @@ const Oe = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Be = {
+}, Ee = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -69,7 +69,7 @@ const Oe = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Te = {
+}, Ve = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -79,7 +79,7 @@ const Oe = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Ne = {
+}, Te = {
   state: "populated",
   reportRangeLabel: "Unavailable",
   funnel: [],
@@ -89,7 +89,7 @@ const Oe = {
   breakdowns: [],
   outcomes: [],
   metrics: []
-}, Ve = {
+}, Ne = {
   VOUCHER: {
     label: "Voucher",
     icon: "confirmation_number",
@@ -112,33 +112,33 @@ const Oe = {
     label: "Game",
     icon: "sports_esports",
     objective: "Member engagement",
-    report: Ee
+    report: Be
   },
   COIN: {
     label: "Point",
     icon: "stars",
     objective: "Member engagement",
-    report: Be
+    report: Ee
   },
   POINT: {
     label: "Experience",
     icon: "trending_up",
     objective: "Member engagement",
-    report: Te
+    report: Ve
   },
   CREDIT: {
     label: "Credit",
     icon: "account_balance_wallet",
     objective: "Member engagement",
-    report: Ne
+    report: Te
   }
 };
 function Ue(t) {
-  return Ve[t];
+  return Ne[t];
 }
 function _(t, l, e = l) {
-  const s = t ?? 0;
-  return `${s.toLocaleString()} ${s === 1 ? e : l}`;
+  const a = t ?? 0;
+  return `${a.toLocaleString()} ${a === 1 ? e : l}`;
 }
 function m(t) {
   return (t ?? 0).toLocaleString();
@@ -153,12 +153,13 @@ function B(t, l) {
   const e = l ?? 0;
   return e ? Math.round((t ?? 0) / e * 1e3) / 10 : 0;
 }
-function V(t) {
+function N(t) {
   const l = Se(t);
   return l.isValid() ? l.format("D MMM YYYY") : t;
 }
-function Fe(t, l, e) {
-  const { metrics: s, scope: i } = l, h = l.redemptionBreakdown ?? {
+function Ae(t, l, e) {
+  var h;
+  const { metrics: a, scope: i } = l, b = a.rewardValueBasis === "FACE_VALUE", p = b ? "Redeemed Face Value" : "Reward Value Used", g = l.redemptionBreakdown ?? {
     member: {
       redeemedMembers: 0,
       redeemedVouchers: 0,
@@ -170,34 +171,34 @@ function Fe(t, l, e) {
       voucherUses: 0,
       completedBills: 0
     }
-  }, { member: d, guest: v } = h, o = B(
-    d.redeemedMembers,
-    s.distributedMembers
-  ), w = B(
-    s.redeemedVouchers,
-    s.distributedVouchers
-  ), c = s.completedBills === 0 ? 0 : s.rewardValueUsed / s.completedBills, C = s.completedBills === 0 ? 0 : s.exactSales / s.completedBills, y = B(
-    s.expiredUnusedVouchers,
-    s.distributedVouchers
+  }, { member: n, guest: k } = g, c = B(
+    n.redeemedMembers,
+    a.distributedMembers
+  ), C = B(
+    a.redeemedVouchers,
+    a.distributedVouchers
+  ), y = a.completedBills == null ? null : a.completedBills === 0 ? 0 : a.rewardValueUsed / a.completedBills, E = a.completedBills == null || a.exactSales == null ? null : a.completedBills === 0 ? 0 : a.exactSales / a.completedBills, M = B(
+    a.expiredUnusedVouchers,
+    a.distributedVouchers
   );
   return {
     ...t,
-    reportRangeLabel: i.startDate && i.endDate ? `${V(i.startDate)} – ${V(i.endDate)}` : "Unavailable",
+    reportRangeLabel: i.startDate && i.endDate ? `${N(i.startDate)} – ${N(i.endDate)}` : "Unavailable",
     audienceLabel: void 0,
     funnelHeadline: {
       key: "voucherUtilization",
       label: "Redemption rate",
-      value: `${w}%`,
+      value: `${C}%`,
       helper: "Distinct redeemed vouchers divided by distributed vouchers"
     },
-    funnelSummary: `${m(s.redeemedVouchers)} of ${m(
-      s.distributedVouchers
+    funnelSummary: `${m(a.redeemedVouchers)} of ${m(
+      a.distributedVouchers
     )} distributed vouchers redeemed. ${_(
-      d.voucherUses,
+      n.voucherUses,
       "member voucher uses",
       "member voucher use"
     )} and ${_(
-      v.voucherUses,
+      k.voucherUses,
       "guest voucher uses",
       "guest voucher use"
     )}.`,
@@ -207,36 +208,36 @@ function Fe(t, l, e) {
         key: "distributed",
         label: "Distributed",
         membersLabel: _(
-          s.distributedMembers,
+          a.distributedMembers,
           "members",
           "member"
         ),
         unitsLabel: _(
-          s.distributedVouchers,
+          a.distributedVouchers,
           "vouchers",
           "voucher"
         ),
-        valueLabel: R(s.distributedFixedValue),
+        valueLabel: R(a.distributedFixedValue),
         helper: "Unique members who received at least one voucher"
       },
       {
         key: "redeemed",
         label: "Redeemed",
-        membersLabel: _(d.redeemedMembers, "members", "member"),
+        membersLabel: _(n.redeemedMembers, "members", "member"),
         unitsLabel: _(
-          d.voucherUses,
+          n.voucherUses,
           "voucher uses",
           "voucher use"
         ),
-        ratePct: o,
-        rateLabel: `${o}% of distributed members`,
+        ratePct: c,
+        rateLabel: `${c}% of distributed members`,
         helper: "Distinct identified members who used the voucher"
       },
       {
         key: "completedBills",
         label: "Completed bills",
-        primaryLabel: _(
-          d.completedBills,
+        primaryLabel: n.completedBills == null ? "Unavailable" : _(
+          n.completedBills,
           "completed bills",
           "completed bill"
         ),
@@ -250,12 +251,12 @@ function Fe(t, l, e) {
           key: "guestRedeemed",
           label: "Redeemed",
           primaryLabel: _(
-            v.voucherUses,
+            k.voucherUses,
             "voucher uses",
             "voucher use"
           ),
           unitsLabel: _(
-            v.redeemedVouchers,
+            k.redeemedVouchers,
             "redeemed vouchers",
             "redeemed voucher"
           ),
@@ -264,8 +265,8 @@ function Fe(t, l, e) {
         {
           key: "guestCompletedBills",
           label: "Completed bills",
-          primaryLabel: _(
-            v.completedBills,
+          primaryLabel: k.completedBills == null ? "Unavailable" : _(
+            k.completedBills,
             "completed bills",
             "completed bill"
           ),
@@ -277,31 +278,31 @@ function Fe(t, l, e) {
       {
         key: "distributedMembers",
         label: "Distributed Members",
-        value: (s.distributedMembers ?? 0).toLocaleString(),
-        sub: _(s.distributedVouchers, "vouchers")
+        value: (a.distributedMembers ?? 0).toLocaleString(),
+        sub: _(a.distributedVouchers, "vouchers")
       },
       {
         key: "redemptionRate",
         label: "Redemption Rate",
-        value: `${w}%`,
+        value: `${C}%`,
         sub: "of distributed vouchers"
       },
       {
-        key: "exactSales",
-        label: "Exact Sales",
-        value: R(s.exactSales),
-        sub: _(s.completedBills, "completed bills")
+        key: b ? "paymentVoucherUses" : "exactSales",
+        label: b ? "Payment Voucher Uses" : "Exact Sales",
+        value: b ? m(a.voucherUses) : R(a.exactSales),
+        sub: b ? "Recorded voucher redemptions" : a.completedBills == null ? "Bill attribution unavailable" : _(a.completedBills, "completed bills")
       },
       {
         key: "rewardValueUsed",
-        label: "Reward Value Used",
-        value: R(s.rewardValueUsed),
-        sub: "voucher discount used"
+        label: p,
+        value: R(a.rewardValueUsed),
+        sub: b ? "Voucher uses × configured face value" : "voucher discount used"
       },
       {
         key: "unusedVoucherValue",
         label: "Unused Voucher Value",
-        value: R(s.unusedVoucherValue),
+        value: R(a.unusedVoucherValue),
         sub: "issued, not yet redeemed"
       }
     ],
@@ -313,89 +314,92 @@ function Fe(t, l, e) {
         "Voucher uses",
         "Completed bills",
         "Exact sales",
-        "Reward value used"
+        b ? "Redeemed face value" : "Reward value used"
       ],
-      rows: l.performanceDetails.map((I) => ({
-        name: I.restaurantName,
-        cells: [
-          I.redeemedMembers.toLocaleString(),
-          I.voucherUses.toLocaleString(),
-          I.completedBills.toLocaleString(),
-          R(I.exactSales),
-          R(I.rewardValueUsed)
-        ]
-      }))
+      rows: l.performanceDetails.map((A) => {
+        var ae;
+        return {
+          name: A.restaurantName,
+          cells: [
+            A.redeemedMembers.toLocaleString(),
+            A.voucherUses.toLocaleString(),
+            ((ae = A.completedBills) == null ? void 0 : ae.toLocaleString()) ?? "—",
+            R(A.exactSales),
+            R(A.rewardValueUsed)
+          ]
+        };
+      })
     },
     outcomes: [
       {
         key: "exactSales",
         label: "Exact Sales",
-        value: R(s.exactSales)
+        value: R(a.exactSales)
       },
       {
         key: "attributedBills",
         label: "Attributed Bills",
-        value: s.completedBills.toLocaleString()
+        value: ((h = a.completedBills) == null ? void 0 : h.toLocaleString()) ?? "—"
       },
       {
         key: "rewardValueUsed",
-        label: "Reward Value Used",
-        value: R(s.rewardValueUsed)
+        label: p,
+        value: R(a.rewardValueUsed)
       },
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: R(C)
+        value: R(E)
       }
     ],
     metrics: [
       {
         key: "memberRedemptionRate",
         label: "Member Redemption Rate",
-        value: `${o}%`,
+        value: `${c}%`,
         helper: "Redeemed members ÷ distributed members"
       },
       {
         key: "voucherUtilizationRate",
         label: "Voucher Utilization Rate",
-        value: `${w}%`,
+        value: `${C}%`,
         helper: "Redeemed vouchers ÷ distributed vouchers"
       },
       {
         key: "averageDiscountPerBill",
         label: "Average Discount per Bill",
-        value: R(c),
+        value: R(y),
         helper: "Reward value used ÷ completed bills"
       },
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: R(C),
+        value: R(E),
         helper: "Exact sales ÷ completed bills"
       },
       {
         key: "breakageRate",
         label: "Breakage Rate to date",
-        value: `${y}%`,
+        value: `${M}%`,
         helper: "Expired unused vouchers ÷ distributed vouchers"
       }
     ]
   };
 }
-function Ae(t, l) {
-  const { metrics: e, scope: s } = l, i = B(
+function Fe(t, l) {
+  const { metrics: e, scope: a } = l, i = B(
     e.memberBills,
     e.attributedBills
-  ), h = B(
+  ), b = B(
     e.nonMemberBills,
     e.attributedBills
-  ), d = B(
+  ), p = B(
     e.memberSales,
     e.exactSales
-  ), v = e.attributedBills ? e.promotionValueUsed / e.attributedBills : 0, o = e.attributedBills ? e.exactSales / e.attributedBills : 0;
+  ), g = e.attributedBills ? e.promotionValueUsed / e.attributedBills : 0, n = e.attributedBills ? e.exactSales / e.attributedBills : 0;
   return {
     ...t,
-    reportRangeLabel: s.startDate && s.endDate ? `${V(s.startDate)} – ${V(s.endDate)}` : "Unavailable",
+    reportRangeLabel: a.startDate && a.endDate ? `${N(a.startDate)} – ${N(a.endDate)}` : "Unavailable",
     audienceLabel: void 0,
     funnel: [],
     cards: [],
@@ -407,9 +411,9 @@ function Ae(t, l) {
       memberSales: R(e.memberSales),
       nonMemberSales: R(e.nonMemberSales),
       memberBillSharePct: i,
-      nonMemberBillSharePct: h,
-      memberSalesSharePct: d,
-      summary: `Members account for ${i}% of attributed bills and ${d}% of attributed sales.`
+      nonMemberBillSharePct: b,
+      memberSalesSharePct: p,
+      summary: `Members account for ${i}% of attributed bills and ${p}% of attributed sales.`
     },
     breakdown: {
       dimension: "Outlet",
@@ -421,15 +425,15 @@ function Ae(t, l) {
         "Exact sales",
         "Promotion value used"
       ],
-      rows: l.performanceDetails.map((w) => ({
-        name: w.restaurantName,
+      rows: l.performanceDetails.map((k) => ({
+        name: k.restaurantName,
         cells: [
-          m(w.appliedMembers),
-          m(w.memberBills),
-          m(w.nonMemberBills),
-          m(w.attributedBills),
-          R(w.exactSales),
-          R(w.promotionValueUsed)
+          m(k.appliedMembers),
+          m(k.memberBills),
+          m(k.nonMemberBills),
+          m(k.attributedBills),
+          R(k.exactSales),
+          R(k.promotionValueUsed)
         ]
       }))
     },
@@ -452,7 +456,7 @@ function Ae(t, l) {
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: R(o)
+        value: R(n)
       }
     ],
     metrics: [
@@ -465,38 +469,38 @@ function Ae(t, l) {
       {
         key: "nonMemberApplicationShare",
         label: "Non-member Application Share",
-        value: `${h}%`,
+        value: `${b}%`,
         helper: "Non-member bills ÷ attributed bills"
       },
       {
         key: "memberSalesShare",
         label: "Member Sales Share",
-        value: `${d}%`,
+        value: `${p}%`,
         helper: "Member sales ÷ exact sales"
       },
       {
         key: "averageDiscountPerBill",
         label: "Average Discount per Bill",
-        value: R(v),
+        value: R(g),
         helper: "Promotion value used ÷ attributed bills"
       },
       {
         key: "averageBillValue",
         label: "Average Bill Value",
-        value: R(o),
+        value: R(n),
         helper: "Exact sales ÷ attributed bills"
       }
     ]
   };
 }
 function qe(t, l) {
-  const { metrics: e, scope: s } = l, i = e.participants ? e.stampsEarned / e.participants : 0, h = Math.max(
+  const { metrics: e, scope: a } = l, i = e.participants ? e.stampsEarned / e.participants : 0, b = Math.max(
     e.completionEvents - e.completedMembers,
     0
   );
   return {
     ...t,
-    reportRangeLabel: s.startDate && s.endDate ? `${V(s.startDate)} – ${V(s.endDate)}` : "Unavailable",
+    reportRangeLabel: a.startDate && a.endDate ? `${N(a.startDate)} – ${N(a.endDate)}` : "Unavailable",
     funnel: [],
     cards: [
       {
@@ -547,13 +551,13 @@ function qe(t, l) {
             "Issue transactions",
             "Quantity issued"
           ],
-          rows: l.rewards.map((d) => ({
-            name: d.rewardName,
+          rows: l.rewards.map((p) => ({
+            name: p.rewardName,
             cells: [
-              d.rewardType,
-              m(d.recipients),
-              m(d.issuanceTransactions),
-              m(d.quantityIssued)
+              p.rewardType,
+              m(p.recipients),
+              m(p.issuanceTransactions),
+              m(p.quantityIssued)
             ]
           }))
         }
@@ -564,12 +568,12 @@ function qe(t, l) {
         breakdown: {
           dimension: "Outlet",
           columns: ["Participants", "Stamps earned", "Completion events"],
-          rows: l.performanceDetails.map((d) => ({
-            name: d.restaurantName || "Unattributed / online",
+          rows: l.performanceDetails.map((p) => ({
+            name: p.restaurantName || "Unattributed / online",
             cells: [
-              m(d.participants),
-              m(d.stampsEarned),
-              m(d.completionEvents)
+              m(p.participants),
+              m(p.stampsEarned),
+              m(p.completionEvents)
             ]
           }))
         }
@@ -611,20 +615,20 @@ function qe(t, l) {
       {
         key: "repeatCompletionEvents",
         label: "Repeat Completion Events",
-        value: m(h),
+        value: m(b),
         helper: "Completion events beyond the first completion per member"
       }
     ]
   };
 }
 function je(t, l) {
-  const { metrics: e, scope: s } = l, i = B(e.players, e.tokenRecipients), h = B(e.plays, e.tokensIssued), d = B(
+  const { metrics: e, scope: a } = l, i = B(e.players, e.tokenRecipients), b = B(e.plays, e.tokensIssued), p = B(
     e.rewardRecipients,
     e.players
-  ), v = e.players ? e.plays / e.players : 0;
+  ), g = e.players ? e.plays / e.players : 0;
   return {
     ...t,
-    reportRangeLabel: s.startDate && s.endDate ? `${V(s.startDate)} – ${V(s.endDate)}` : "Unavailable",
+    reportRangeLabel: a.startDate && a.endDate ? `${N(a.startDate)} – ${N(a.endDate)}` : "Unavailable",
     audienceLabel: void 0,
     funnel: [
       {
@@ -632,7 +636,7 @@ function je(t, l) {
         label: "Token recipients",
         membersLabel: _(e.tokenRecipients, "members"),
         unitsLabel: _(e.tokensIssued, "tokens"),
-        extra: `${m(e.plays)} plays · ${h}% token utilization`,
+        extra: `${m(e.plays)} plays · ${b}% token utilization`,
         helper: "Distinct members who received at least one game token"
       },
       {
@@ -652,8 +656,8 @@ function je(t, l) {
           e.rewardIssueTransactions,
           "reward issue transactions"
         ),
-        ratePct: d,
-        rateLabel: `${d}% of players`,
+        ratePct: p,
+        rateLabel: `${p}% of players`,
         helper: "Distinct players receiving at least one Reward Pool reward"
       }
     ],
@@ -697,13 +701,13 @@ function je(t, l) {
             "Issue transactions",
             "Quantity issued"
           ],
-          rows: l.rewards.map((o) => ({
-            name: o.rewardName || "Unnamed reward",
+          rows: l.rewards.map((n) => ({
+            name: n.rewardName || "Unnamed reward",
             cells: [
-              o.rewardType,
-              m(o.recipients),
-              m(o.issuanceTransactions),
-              m(o.quantityIssued)
+              n.rewardType,
+              m(n.recipients),
+              m(n.issuanceTransactions),
+              m(n.quantityIssued)
             ]
           }))
         }
@@ -714,11 +718,11 @@ function je(t, l) {
         breakdown: {
           dimension: "Outlet",
           columns: ["Recipients", "Tokens issued"],
-          rows: l.tokenDistributionDetails.map((o) => ({
-            name: o.restaurantName || "Unattributed / online",
+          rows: l.tokenDistributionDetails.map((n) => ({
+            name: n.restaurantName || "Unattributed / online",
             cells: [
-              m(o.recipients),
-              m(o.tokensIssued)
+              m(n.recipients),
+              m(n.tokensIssued)
             ]
           }))
         }
@@ -746,19 +750,19 @@ function je(t, l) {
       {
         key: "tokenUtilizationRate",
         label: "Token Utilization Rate",
-        value: `${h}%`,
+        value: `${b}%`,
         helper: "Plays ÷ tokens issued"
       },
       {
         key: "rewardRecipientRate",
         label: "Reward Recipient Rate",
-        value: `${d}%`,
+        value: `${p}%`,
         helper: "Reward recipients ÷ players"
       },
       {
         key: "averagePlaysPerPlayer",
         label: "Average Plays per Player",
-        value: v.toLocaleString("en-MY", {
+        value: g.toLocaleString("en-MY", {
           maximumFractionDigits: 2
         }),
         helper: "Plays ÷ players"
@@ -767,68 +771,68 @@ function je(t, l) {
   };
 }
 const ze = "Members can appear under more than one source, so total share may add to more than 100%.";
-function J(t, l) {
+function W(t, l) {
   return l ? R(t ?? 0) : m(t);
 }
-function W(t, l) {
+function Z(t, l) {
   return t[l] ?? 0;
 }
-function ae(t, l, e) {
-  const { metrics: s, scope: i } = l, h = s.recipients ? W(s, e.quantityKey) / s.recipients : 0, d = s.issuanceTransactions ? W(s, e.quantityKey) / s.issuanceTransactions : 0, v = [
+function re(t, l, e) {
+  const { metrics: a, scope: i } = l, b = a.recipients ? Z(a, e.quantityKey) / a.recipients : 0, p = a.issuanceTransactions ? Z(a, e.quantityKey) / a.issuanceTransactions : 0, g = [
     "Recipients",
     ...e.includeSourceRecipientShare ? ["Recipient share"] : [],
     "Issuance transactions",
     e.quantityLabel
-  ], o = l.sourceDetails.map((c) => ({
+  ], n = l.sourceDetails.map((c) => ({
     name: c.source ? Ce(Ie.getReason(c.source)) : "Unknown",
     cells: [
       m(c.recipients),
-      ...e.includeSourceRecipientShare ? [`${B(c.recipients, s.recipients)}%`] : [],
+      ...e.includeSourceRecipientShare ? [`${B(c.recipients, a.recipients)}%`] : [],
       m(c.issuanceTransactions),
-      J(
-        W(c, e.quantityKey),
+      W(
+        Z(c, e.quantityKey),
         e.currency
       )
     ]
-  })), w = [
+  })), k = [
     {
       key: "averagePerRecipient",
       label: `Average ${e.quantityName} per Recipient`,
-      value: J(h, e.currency),
+      value: W(b, e.currency),
       helper: `${e.quantityLabel} ÷ recipients`
     },
     {
       key: "averagePerIssue",
       label: `Average ${e.quantityName} per Issue`,
-      value: J(d, e.currency),
+      value: W(p, e.currency),
       helper: `${e.quantityLabel} ÷ issuance transactions`
     }
   ];
   return {
     ...t,
-    reportRangeLabel: i.startDate && i.endDate ? `${V(i.startDate)} – ${V(i.endDate)}` : "Unavailable",
+    reportRangeLabel: i.startDate && i.endDate ? `${N(i.startDate)} – ${N(i.endDate)}` : "Unavailable",
     audienceLabel: void 0,
     funnel: [],
     cards: [
       {
         key: "recipients",
         label: `${e.label} Recipients`,
-        value: m(s.recipients),
+        value: m(a.recipients),
         sub: "members",
         helper: `Distinct members receiving ${e.quantityName.toLowerCase()}`
       },
       {
         key: "issuanceTransactions",
         label: "Issuance Transactions",
-        value: m(s.issuanceTransactions),
+        value: m(a.issuanceTransactions),
         sub: "transactions",
         helper: "Count of issuance transactions directly attributed to this campaign"
       },
       {
         key: e.quantityKey,
         label: e.quantityLabel.replace(/^./, (c) => c.toUpperCase()),
-        value: J(
-          W(s, e.quantityKey),
+        value: W(
+          Z(a, e.quantityKey),
           e.currency
         ),
         sub: e.quantityUnit,
@@ -844,8 +848,8 @@ function ae(t, l, e) {
         ...e.includeSourceRecipientShare ? { note: ze } : {},
         breakdown: {
           dimension: "Source",
-          columns: v,
-          rows: o
+          columns: g,
+          rows: n
         }
       },
       {
@@ -863,8 +867,8 @@ function ae(t, l, e) {
             cells: [
               m(c.recipients),
               m(c.issuanceTransactions),
-              J(
-                W(c, e.quantityKey),
+              W(
+                Z(c, e.quantityKey),
                 e.currency
               )
             ]
@@ -873,11 +877,11 @@ function ae(t, l, e) {
       }
     ],
     outcomes: [],
-    metrics: w
+    metrics: k
   };
 }
 function Ge(t, l) {
-  return ae(t, l, {
+  return re(t, l, {
     label: "Point",
     quantityName: "Points",
     quantityLabel: "Points issued",
@@ -888,7 +892,7 @@ function Ge(t, l) {
   });
 }
 function He(t, l) {
-  return ae(t, l, {
+  return re(t, l, {
     label: "Experience",
     quantityName: "Experience",
     quantityLabel: "Experience issued",
@@ -899,7 +903,7 @@ function He(t, l) {
   });
 }
 function Ke(t, l) {
-  return ae(t, l, {
+  return re(t, l, {
     label: "Credit",
     quantityName: "Credit",
     quantityLabel: "Credit issued",
@@ -911,7 +915,7 @@ function Ke(t, l) {
 }
 function Ye(t) {
   if (!(t != null && t.categories.length)) return [];
-  const l = {
+  const l = t.rewardValueBasis === "FACE_VALUE" ? "Redeemed face value" : "Reward value used", e = {
     key: "members",
     label: "Distributed members vs Redeemed members",
     categories: t.categories,
@@ -920,18 +924,18 @@ function Ye(t) {
       { label: "Redeemed members", values: t.redeemedMembers }
     ]
   };
-  return t.distributedValue == null ? [l] : [
-    l,
+  return t.distributedValue == null ? [e] : [
+    e,
     {
       key: "value",
-      label: "Distributed voucher value vs Reward value used",
+      label: t.rewardValueBasis === "FACE_VALUE" ? "Distributed voucher value vs Redeemed face value" : "Distributed voucher value vs Reward value used",
       categories: t.categories,
       series: [
         {
           label: "Distributed voucher value",
           values: t.distributedValue
         },
-        { label: "Reward value used", values: t.rewardValueUsed }
+        { label: l, values: t.rewardValueUsed }
       ]
     }
   ];
@@ -944,7 +948,7 @@ function Qe(t) {
     },
     ...t.columns.map((l, e) => ({
       header: l,
-      accessorFn: (s) => s.cells[e] ?? ""
+      accessorFn: (a) => a.cells[e] ?? ""
     }))
   ];
 }
@@ -954,7 +958,7 @@ const Xe = {
 }, Je = { class: "fm-typo-en-body-sm-600 text-fm-color-primary uppercase" }, We = { class: "flex items-center gap-12 mb-12 flex-wrap" }, Ze = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary m-0" }, et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-wrap gap-x-16 gap-y-4" }, tt = {
   key: 1,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4"
-}, at = /* @__PURE__ */ j({
+}, at = /* @__PURE__ */ z({
   __name: "CampaignAnalyticHeader",
   props: {
     campaignName: {},
@@ -968,119 +972,119 @@ const Xe = {
     demo: { type: Boolean }
   },
   setup(t) {
-    const l = t, { t: e } = ve(), s = O(() => l.status ? {
+    const l = t, { t: e } = he(), a = P(() => l.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"
     }[l.status] : "");
-    return (i, h) => {
-      const d = S("FmIcon"), v = S("FmChip"), o = S("FmCard");
-      return r(), g(o, {
+    return (i, b) => {
+      const p = S("FmIcon"), g = S("FmChip"), n = S("FmCard");
+      return r(), x(n, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: L(() => [
-          t.mechanicLabel ? (r(), p("div", Xe, [
-            t.icon ? (r(), g(d, {
+        default: D(() => [
+          t.mechanicLabel ? (r(), d("div", Xe, [
+            t.icon ? (r(), x(p, {
               key: 0,
               name: t.icon,
               outline: "",
               size: "sm",
               class: "!text-fm-color-primary"
-            }, null, 8, ["name"])) : b("", !0),
-            a("span", Je, u(t.objective ? `${t.mechanicLabel} · ${t.objective}` : t.mechanicLabel), 1)
-          ])) : b("", !0),
-          a("div", We, [
-            a("h1", Ze, u(t.campaignName), 1),
-            t.status ? (r(), g(v, {
+            }, null, 8, ["name"])) : v("", !0),
+            s("span", Je, u(t.objective ? `${t.mechanicLabel} · ${t.objective}` : t.mechanicLabel), 1)
+          ])) : v("", !0),
+          s("div", We, [
+            s("h1", Ze, u(t.campaignName), 1),
+            t.status ? (r(), x(g, {
               key: 0,
-              class: H(n(s)),
-              label: n(e)(`connect.campaign.common.status.${t.status}`),
+              class: K(o(a)),
+              label: o(e)(`connect.campaign.common.status.${t.status}`),
               compact: ""
-            }, null, 8, ["class", "label"])) : b("", !0),
-            t.demo ? (r(), g(v, {
+            }, null, 8, ["class", "label"])) : v("", !0),
+            t.demo ? (r(), x(g, {
               key: 1,
               class: "!text-fm-color-typo-warning !bg-fm-color-system-warning-100",
               compact: "",
               label: "Demo data"
-            })) : b("", !0)
+            })) : v("", !0)
           ]),
-          a("div", et, [
-            a("span", null, u(t.datesLabel), 1),
-            t.reportRangeLabel ? (r(), p(E, { key: 0 }, [
-              h[0] || (h[0] = a("span", { class: "text-fm-color-typo-disabled" }, "·", -1)),
-              a("span", null, "Reporting: " + u(t.reportRangeLabel), 1)
-            ], 64)) : b("", !0)
+          s("div", et, [
+            s("span", null, u(t.datesLabel), 1),
+            t.reportRangeLabel ? (r(), d(L, { key: 0 }, [
+              b[0] || (b[0] = s("span", { class: "text-fm-color-typo-disabled" }, "·", -1)),
+              s("span", null, "Reporting: " + u(t.reportRangeLabel), 1)
+            ], 64)) : v("", !0)
           ]),
-          t.audienceLabel ? (r(), p("div", tt, " Audience: " + u(t.audienceLabel), 1)) : b("", !0)
+          t.audienceLabel ? (r(), d("div", tt, " Audience: " + u(t.audienceLabel), 1)) : v("", !0)
         ]),
         _: 1
       });
     };
   }
-}), st = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, rt = { class: "min-w-0" }, lt = { class: "fm-typo-en-title-sm-800 mt-8" }, nt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, ot = { class: "min-w-0" }, it = { class: "fm-typo-en-title-sm-800 mt-8" }, ct = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16 mt-16" }, mt = { class: "min-w-0" }, ut = { class: "fm-typo-en-title-sm-800 mt-8" }, dt = { class: "min-w-0" }, pt = { class: "fm-typo-en-title-sm-800 mt-8" }, yt = ["aria-label"], bt = { class: "flex h-12 overflow-hidden rounded-xxxl bg-fm-color-neutral-gray-100" }, vt = { class: "flex justify-between gap-16 mt-8 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ft = { class: "mt-16 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ht = /* @__PURE__ */ j({
+}), st = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16" }, rt = { class: "min-w-0" }, lt = { class: "fm-typo-en-title-sm-800 mt-8" }, nt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, ot = { class: "min-w-0" }, it = { class: "fm-typo-en-title-sm-800 mt-8" }, ct = { class: "grid grid-cols-2 xs:grid-cols-1 gap-16 mt-16" }, mt = { class: "min-w-0" }, ut = { class: "fm-typo-en-title-sm-800 mt-8" }, dt = { class: "min-w-0" }, pt = { class: "fm-typo-en-title-sm-800 mt-8" }, yt = ["aria-label"], bt = { class: "flex h-12 overflow-hidden rounded-xxxl bg-fm-color-neutral-gray-100" }, vt = { class: "flex justify-between gap-16 mt-8 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ft = { class: "mt-16 pt-12 border-t border-fm-color-neutral-gray-100 fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ht = /* @__PURE__ */ z({
   __name: "PromotionApplicationMix",
   props: {
     mix: {}
   },
   setup(t) {
     return (l, e) => {
-      const s = S("FmCard");
-      return r(), g(s, {
+      const a = S("FmCard");
+      return r(), x(a, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: L(() => [
-          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", st, [
-            a("div", rt, [
-              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 ")
+        default: D(() => [
+          e[4] || (e[4] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Customer mix ", -1)),
+          e[5] || (e[5] = s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4 mb-16" }, " Completed bills attributed to this promotion ", -1)),
+          s("div", st, [
+            s("div", rt, [
+              e[0] || (e[0] = s("div", { class: "flex items-center gap-8" }, [
+                s("div", { class: "w-8 h-8 rounded-sm bg-fm-color-primary" }),
+                s("span", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Member bills ")
               ], -1)),
-              a("div", lt, u(t.mix.memberBills), 1),
-              a("div", nt, u(t.mix.appliedMembers) + " applied members ", 1)
+              s("div", lt, u(t.mix.memberBills), 1),
+              s("div", nt, u(t.mix.appliedMembers) + " applied members ", 1)
             ]),
-            a("div", ot, [
-              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 ")
+            s("div", ot, [
+              e[1] || (e[1] = s("div", { class: "flex items-center gap-8" }, [
+                s("div", { class: "w-8 h-8 rounded-sm bg-fm-color-neutral-gray-200" }),
+                s("span", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Non-member bills ")
               ], -1)),
-              a("div", it, u(t.mix.nonMemberBills), 1)
+              s("div", it, u(t.mix.nonMemberBills), 1)
             ])
           ]),
-          a("div", ct, [
-            a("div", mt, [
-              e[2] || (e[2] = a("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Member sales ", -1)),
-              a("div", ut, u(t.mix.memberSales), 1)
+          s("div", ct, [
+            s("div", mt, [
+              e[2] || (e[2] = s("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Member sales ", -1)),
+              s("div", ut, u(t.mix.memberSales), 1)
             ]),
-            a("div", dt, [
-              e[3] || (e[3] = a("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Non-member sales ", -1)),
-              a("div", pt, u(t.mix.nonMemberSales), 1)
+            s("div", dt, [
+              e[3] || (e[3] = s("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, " Non-member sales ", -1)),
+              s("div", pt, u(t.mix.nonMemberSales), 1)
             ])
           ]),
-          a("div", {
+          s("div", {
             class: "mt-24",
             role: "img",
             "aria-label": t.mix.summary
           }, [
-            a("div", bt, [
-              a("div", {
+            s("div", bt, [
+              s("div", {
                 class: "h-full bg-fm-color-primary",
-                style: de({ width: t.mix.memberBillSharePct + "%" })
+                style: ye({ width: t.mix.memberBillSharePct + "%" })
               }, null, 4),
-              a("div", {
+              s("div", {
                 class: "h-full bg-fm-color-neutral-gray-200",
-                style: de({ width: t.mix.nonMemberBillSharePct + "%" })
+                style: ye({ width: t.mix.nonMemberBillSharePct + "%" })
               }, null, 4)
             ]),
-            a("div", vt, [
-              a("span", null, "Members " + u(t.mix.memberBillSharePct) + "%", 1),
-              a("span", null, "Non-members " + u(t.mix.nonMemberBillSharePct) + "%", 1)
+            s("div", vt, [
+              s("span", null, "Members " + u(t.mix.memberBillSharePct) + "%", 1),
+              s("span", null, "Non-members " + u(t.mix.nonMemberBillSharePct) + "%", 1)
             ])
           ], 8, yt),
-          a("div", ft, u(t.mix.summary), 1)
+          s("div", ft, u(t.mix.summary), 1)
         ]),
         _: 1
       });
@@ -1107,19 +1111,19 @@ const Xe = {
 }, Dt = { class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary mt-8" }, Lt = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, Et = {
+}, Bt = {
   key: 1,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, Bt = {
+}, Et = {
   key: 2,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, Tt = {
+}, Vt = {
   key: 3,
   class: "mt-8"
-}, Nt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, Vt = {
+}, Tt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, Nt = {
   key: 0,
   class: "flex items-center justify-center px-4 xs:py-4"
-}, Ut = /* @__PURE__ */ j({
+}, Ut = /* @__PURE__ */ z({
   __name: "CampaignFunnel",
   props: {
     stages: {},
@@ -1130,11 +1134,11 @@ const Xe = {
     secondaryStages: {}
   },
   setup(t) {
-    const l = t, e = O(() => {
-      var s;
+    const l = t, e = P(() => {
+      var a;
       return [
         { label: l.primaryLabel, stages: l.stages, offset: !1 },
-        ...(s = l.secondaryStages) != null && s.length ? [
+        ...(a = l.secondaryStages) != null && a.length ? [
           {
             label: l.secondaryLabel,
             stages: l.secondaryStages,
@@ -1143,74 +1147,74 @@ const Xe = {
         ] : []
       ];
     });
-    return (s, i) => {
-      const h = S("FmProgressBar"), d = S("FmIcon"), v = S("FmCard");
-      return r(), g(v, {
+    return (a, i) => {
+      const b = S("FmProgressBar"), p = S("FmIcon"), g = S("FmCard");
+      return r(), x(g, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: L(() => [
-          i[0] || (i[0] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Campaign funnel ", -1)),
-          i[1] || (i[1] = a("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, " Campaign activity at each stage ", -1)),
-          t.headline ? (r(), p("div", gt, [
-            a("div", xt, [
-              a("span", kt, u(t.headline.value), 1),
-              a("span", wt, [
+        default: D(() => [
+          i[0] || (i[0] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Campaign funnel ", -1)),
+          i[1] || (i[1] = s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, " Campaign activity at each stage ", -1)),
+          t.headline ? (r(), d("div", gt, [
+            s("div", xt, [
+              s("span", kt, u(t.headline.value), 1),
+              s("span", wt, [
                 xe(u(t.headline.label) + " ", 1),
-                t.headline.helper ? (r(), g(ee, {
+                t.headline.helper ? (r(), x(te, {
                   key: 0,
                   description: t.headline.helper
-                }, null, 8, ["description"])) : b("", !0)
+                }, null, 8, ["description"])) : v("", !0)
               ])
             ]),
-            t.summary ? (r(), p("div", Rt, u(t.summary), 1)) : b("", !0)
-          ])) : b("", !0),
-          (r(!0), p(E, null, Z(n(e), (o, w) => (r(), p("div", {
-            key: o.label ?? w,
-            class: H(["flex flex-col", w ? "mt-16 pt-16 border-t border-fm-color-neutral-gray-100" : "mt-16"])
+            t.summary ? (r(), d("div", Rt, u(t.summary), 1)) : v("", !0)
+          ])) : v("", !0),
+          (r(!0), d(L, null, ee(o(e), (n, k) => (r(), d("div", {
+            key: n.label ?? k,
+            class: K(["flex flex-col", k ? "mt-16 pt-16 border-t border-fm-color-neutral-gray-100" : "mt-16"])
           }, [
-            o.label ? (r(), p("div", Mt, [
-              o.offset ? (r(), p("div", _t)) : b("", !0),
-              a("div", {
-                class: H(["fm-typo-en-body-sm-600 text-fm-color-typo-secondary mb-8", o.offset ? "flex-[2]" : "flex-1"])
-              }, u(o.label), 3)
-            ])) : b("", !0),
-            a("div", St, [
-              o.offset ? (r(), p("div", Ct)) : b("", !0),
-              (r(!0), p(E, null, Z(o.stages, (c, C) => (r(), p("div", {
+            n.label ? (r(), d("div", Mt, [
+              n.offset ? (r(), d("div", _t)) : v("", !0),
+              s("div", {
+                class: K(["fm-typo-en-body-sm-600 text-fm-color-typo-secondary mb-8", n.offset ? "flex-[2]" : "flex-1"])
+              }, u(n.label), 3)
+            ])) : v("", !0),
+            s("div", St, [
+              n.offset ? (r(), d("div", Ct)) : v("", !0),
+              (r(!0), d(L, null, ee(n.stages, (c, C) => (r(), d("div", {
                 key: c.key,
                 class: "flex xs:flex-col flex-1 min-w-0 items-stretch"
               }, [
-                a("div", It, [
-                  a("div", $t, [
-                    a("span", Pt, u(c.label), 1),
-                    c.helper ? (r(), g(ee, {
+                s("div", It, [
+                  s("div", $t, [
+                    s("span", Pt, u(c.label), 1),
+                    c.helper ? (r(), x(te, {
                       key: 0,
                       description: c.helper
-                    }, null, 8, ["description"])) : b("", !0)
+                    }, null, 8, ["description"])) : v("", !0)
                   ]),
-                  c.notSupported ? (r(), p("div", Ot, u(c.helper), 1)) : (r(), p(E, { key: 1 }, [
-                    a("div", Dt, u(c.primaryLabel ?? c.membersLabel ?? "—"), 1),
-                    c.unitsLabel ? (r(), p("div", Lt, u(c.unitsLabel), 1)) : b("", !0),
-                    c.valueLabel ? (r(), p("div", Et, u(c.valueLabel), 1)) : b("", !0),
-                    c.extra ? (r(), p("div", Bt, u(c.extra), 1)) : b("", !0),
-                    c.ratePct !== void 0 ? (r(), p("div", Tt, [
-                      P(h, {
+                  c.notSupported ? (r(), d("div", Ot, u(c.helper), 1)) : (r(), d(L, { key: 1 }, [
+                    s("div", Dt, u(c.primaryLabel ?? c.membersLabel ?? "—"), 1),
+                    c.unitsLabel ? (r(), d("div", Lt, u(c.unitsLabel), 1)) : v("", !0),
+                    c.valueLabel ? (r(), d("div", Bt, u(c.valueLabel), 1)) : v("", !0),
+                    c.extra ? (r(), d("div", Et, u(c.extra), 1)) : v("", !0),
+                    c.ratePct !== void 0 ? (r(), d("div", Vt, [
+                      $(b, {
                         value: c.ratePct,
                         color: "primary",
                         size: "sm"
                       }, null, 8, ["value"]),
-                      a("div", Nt, u(c.rateLabel), 1)
-                    ])) : b("", !0)
+                      s("div", Tt, u(c.rateLabel), 1)
+                    ])) : v("", !0)
                   ], 64))
                 ]),
-                C < o.stages.length - 1 ? (r(), p("div", Vt, [
-                  P(d, {
+                C < n.stages.length - 1 ? (r(), d("div", Nt, [
+                  $(p, {
                     name: "chevron_right",
                     size: "sm",
                     class: "text-fm-color-neutral-gray-300 xs:rotate-90"
                   })
-                ])) : b("", !0)
+                ])) : v("", !0)
               ]))), 128))
             ])
           ], 2))), 128))
@@ -1219,38 +1223,38 @@ const Xe = {
       });
     };
   }
-}), Ft = { class: "grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] xs:grid-cols-1 gap-16" }, 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 = {
+}), At = { class: "grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] xs:grid-cols-1 gap-16" }, Ft = { 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 = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
-}, te = /* @__PURE__ */ j({
+}, se = /* @__PURE__ */ z({
   __name: "CampaignMetricCards",
   props: {
     cards: {}
   },
   setup(t) {
     return (l, e) => {
-      const s = S("FmCard");
-      return r(), p("section", Ft, [
-        (r(!0), p(E, null, Z(t.cards, (i) => (r(), g(s, {
+      const a = S("FmCard");
+      return r(), d("section", At, [
+        (r(!0), d(L, null, ee(t.cards, (i) => (r(), x(a, {
           key: i.key,
           variant: "outlined",
           class: "flex flex-col gap-4 p-16 min-w-0 overflow-hidden"
         }, {
-          default: L(() => [
-            a("div", At, [
-              a("span", qt, u(i.label), 1),
-              i.helper ? (r(), g(ee, {
+          default: D(() => [
+            s("div", Ft, [
+              s("span", qt, u(i.label), 1),
+              i.helper ? (r(), x(te, {
                 key: 0,
                 description: i.helper
-              }, null, 8, ["description"])) : b("", !0)
+              }, null, 8, ["description"])) : v("", !0)
             ]),
-            a("div", {
-              class: H([
+            s("div", {
+              class: K([
                 "fm-typo-en-title-sm-800 truncate",
                 i.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
               ])
             }, u(i.value), 3),
-            i.sub ? (r(), p("div", jt, u(i.sub), 1)) : b("", !0)
+            i.sub ? (r(), d("div", jt, u(i.sub), 1)) : v("", !0)
           ]),
           _: 2
         }, 1024))), 128))
@@ -1260,56 +1264,56 @@ const Xe = {
 }), zt = { class: "flex items-center justify-between gap-12 flex-wrap mb-16 xs:flex-col xs:items-start" }, Gt = {
   key: 0,
   class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary mb-12"
-}, Ht = /* @__PURE__ */ j({
+}, Ht = /* @__PURE__ */ z({
   __name: "CampaignTrendChart",
   props: {
     modes: {}
   },
   setup(t) {
-    var w;
-    const l = t, e = ["#FF7823", "#B2B3B6"], s = Y(((w = l.modes[0]) == null ? void 0 : w.key) ?? ""), i = O(
+    var k;
+    const l = t, e = ["#FF7823", "#B2B3B6"], a = Q(((k = l.modes[0]) == null ? void 0 : k.key) ?? ""), i = P(
       () => l.modes.map((c) => ({ label: c.label, value: c.key }))
-    ), h = O(
-      () => i.value.find((c) => c.value === s.value) ?? null
-    ), d = O(
-      () => l.modes.find((c) => c.key === s.value) ?? l.modes[0]
-    ), v = O(
+    ), b = P(
+      () => i.value.find((c) => c.value === a.value) ?? null
+    ), p = P(
+      () => l.modes.find((c) => c.key === a.value) ?? l.modes[0]
+    ), g = P(
       () => {
         var c;
-        return (((c = d.value) == null ? void 0 : c.series) ?? []).map((C, y) => ({
+        return (((c = p.value) == null ? void 0 : c.series) ?? []).map((C, y) => ({
           label: C.label,
           data: C.values,
           color: e[y] ?? e[e.length - 1],
           dash: y > 0
         }));
       }
-    ), o = { display: !0 };
+    ), n = { display: !0 };
     return (c, C) => {
-      const y = S("FmButtonGroup"), I = S("FmLineChart"), M = S("FmCard");
-      return r(), g(M, {
+      const y = S("FmButtonGroup"), E = S("FmLineChart"), M = S("FmCard");
+      return r(), x(M, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: L(() => [
-          a("div", zt, [
-            C[1] || (C[1] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Funnel trend ", -1)),
-            t.modes.length > 1 ? (r(), g(y, {
+        default: D(() => [
+          s("div", zt, [
+            C[1] || (C[1] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Funnel trend ", -1)),
+            t.modes.length > 1 ? (r(), x(y, {
               key: 0,
-              items: n(i),
-              "model-value": n(h),
-              "onUpdate:modelValue": C[0] || (C[0] = (x) => s.value = x.value)
-            }, null, 8, ["items", "model-value"])) : b("", !0)
+              items: o(i),
+              "model-value": o(b),
+              "onUpdate:modelValue": C[0] || (C[0] = (h) => a.value = h.value)
+            }, null, 8, ["items", "model-value"])) : v("", !0)
           ]),
-          n(d) ? (r(), p("div", Gt, u(n(d).label), 1)) : b("", !0),
-          n(d) ? (r(), g(I, {
+          o(p) ? (r(), d("div", Gt, u(o(p).label), 1)) : v("", !0),
+          o(p) ? (r(), x(E, {
             key: 1,
-            datasets: n(v),
-            "x-axis": { categories: n(d).categories },
-            "x-cfg": o,
-            "y-cfg": o,
+            datasets: o(g),
+            "x-axis": { categories: o(p).categories },
+            "x-cfg": n,
+            "y-cfg": n,
             legend: { display: !0 },
             height: "150px"
-          }, null, 8, ["datasets", "x-axis"])) : b("", !0)
+          }, null, 8, ["datasets", "x-axis"])) : v("", !0)
         ]),
         _: 1
       });
@@ -1324,7 +1328,7 @@ const Xe = {
 }, Jt = {
   key: 2,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary mt-8"
-}, ye = /* @__PURE__ */ j({
+}, ve = /* @__PURE__ */ z({
   __name: "CampaignBreakdownTable",
   props: {
     breakdown: {},
@@ -1333,30 +1337,30 @@ const Xe = {
     note: {}
   },
   setup(t) {
-    const l = t, e = O(
+    const l = t, e = P(
       () => l.breakdown ? Qe(l.breakdown) : []
     );
-    return (s, i) => {
-      const h = S("FmTable"), d = S("FmCard");
-      return r(), g(d, {
+    return (a, i) => {
+      const b = S("FmTable"), p = S("FmCard");
+      return r(), x(p, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: L(() => {
-          var v;
+        default: D(() => {
+          var g;
           return [
-            a("div", Kt, u(t.title), 1),
-            (v = t.breakdown) != null && v.rows.length ? (r(), p(E, { key: 0 }, [
-              a("div", Yt, " By " + u(t.breakdown.dimension), 1),
-              t.note ? (r(), p("div", Qt, u(t.note), 1)) : b("", !0),
-              P(h, {
+            s("div", Kt, u(t.title), 1),
+            (g = t.breakdown) != null && g.rows.length ? (r(), d(L, { key: 0 }, [
+              s("div", Yt, " By " + u(t.breakdown.dimension), 1),
+              t.note ? (r(), d("div", Qt, u(t.note), 1)) : v("", !0),
+              $(b, {
                 class: "mt-12",
                 "row-data": t.breakdown.rows,
-                "column-defs": n(e),
+                "column-defs": o(e),
                 "column-filter": [],
                 "hide-footer": ""
               }, null, 8, ["row-data", "column-defs"])
-            ], 64)) : t.breakdown ? (r(), p("div", Xt, u(t.emptyMessage), 1)) : (r(), p("div", Jt, " No breakdown dimension is available for this campaign. "))
+            ], 64)) : t.breakdown ? (r(), d("div", Xt, u(t.emptyMessage), 1)) : (r(), d("div", Jt, " No breakdown dimension is available for this campaign. "))
           ];
         }),
         _: 1
@@ -1372,7 +1376,7 @@ const Xe = {
 }, ta = { class: "flex items-center gap-8" }, aa = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary flex-1 min-w-0 truncate" }, sa = {
   key: 1,
   class: "flex items-center justify-between gap-12 py-8 border-b border-fm-color-neutral-gray-100"
-}, ra = { class: "flex items-center gap-8 min-w-0" }, la = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary truncate" }, be = /* @__PURE__ */ j({
+}, ra = { class: "flex items-center gap-8 min-w-0" }, la = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary truncate" }, fe = /* @__PURE__ */ z({
   __name: "CampaignMetricList",
   props: {
     title: {},
@@ -1382,44 +1386,44 @@ const Xe = {
   },
   setup(t) {
     return (l, e) => {
-      const s = S("FmCard");
-      return r(), g(s, {
+      const a = S("FmCard");
+      return r(), x(a, {
         variant: "outlined",
         class: "p-24"
       }, {
-        default: L(() => [
-          a("div", Wt, u(t.title), 1),
-          t.caption ? (r(), p("div", Zt, u(t.caption), 1)) : b("", !0),
-          a("div", {
-            class: H(["grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))] xs:grid-cols-1", t.variant === "tile" ? "gap-16" : "gap-x-16"])
+        default: D(() => [
+          s("div", Wt, u(t.title), 1),
+          t.caption ? (r(), d("div", Zt, u(t.caption), 1)) : v("", !0),
+          s("div", {
+            class: K(["grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))] xs:grid-cols-1", t.variant === "tile" ? "gap-16" : "gap-x-16"])
           }, [
-            (r(!0), p(E, null, Z(t.items, (i) => (r(), p(E, {
+            (r(!0), d(L, null, ee(t.items, (i) => (r(), d(L, {
               key: i.key
             }, [
-              t.variant === "tile" ? (r(), p("div", ea, [
-                a("div", ta, [
-                  a("span", aa, u(i.label), 1),
-                  i.helper ? (r(), g(ee, {
+              t.variant === "tile" ? (r(), d("div", ea, [
+                s("div", ta, [
+                  s("span", aa, u(i.label), 1),
+                  i.helper ? (r(), x(te, {
                     key: 0,
                     description: i.helper
-                  }, null, 8, ["description"])) : b("", !0)
+                  }, null, 8, ["description"])) : v("", !0)
                 ]),
-                a("div", {
-                  class: H([
+                s("div", {
+                  class: K([
                     "fm-typo-en-body-lg-600 mt-4 truncate",
                     i.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                   ])
                 }, u(i.value), 3)
-              ])) : (r(), p("div", sa, [
-                a("div", ra, [
-                  a("span", la, u(i.label), 1),
-                  i.helper ? (r(), g(ee, {
+              ])) : (r(), d("div", sa, [
+                s("div", ra, [
+                  s("span", la, u(i.label), 1),
+                  i.helper ? (r(), x(te, {
                     key: 0,
                     description: i.helper
-                  }, null, 8, ["description"])) : b("", !0)
+                  }, null, 8, ["description"])) : v("", !0)
                 ]),
-                a("span", {
-                  class: H([
+                s("span", {
+                  class: K([
                     "fm-typo-en-body-md-600 whitespace-nowrap",
                     i.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                   ])
@@ -1438,45 +1442,45 @@ const Xe = {
 }, ua = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, da = {
   key: 1,
   class: "flex flex-col gap-12"
-}, _a = /* @__PURE__ */ j({
+}, _a = /* @__PURE__ */ z({
   __name: "CampaignAnalytic",
   setup(t) {
-    const { t: l } = ve(), e = $e(), s = Pe(), { global: i, minor: h } = Re, d = we(), v = Y(), o = Y(), w = Y(), c = Y(!1), C = Y(!1), y = O(() => {
-      var D;
-      return (D = v.value) == null ? void 0 : D.campaign;
-    }), I = O(
+    const { t: l } = he(), e = $e(), a = Pe(), { global: i, minor: b } = Re, p = we(), g = Q(), n = Q(), k = Q(), c = Q(!1), C = Q(!1), y = P(() => {
+      var O;
+      return (O = g.value) == null ? void 0 : O.campaign;
+    }), E = P(
       () => y.value ? Ue(y.value.type) : void 0
-    ), M = O(() => {
-      var D;
-      return (D = I.value) == null ? void 0 : D.report;
-    }), x = O(() => {
-      var D, k, z, G, T, N, F, $, f, A, q, Q, X;
-      return M.value && ((D = y.value) == null ? void 0 : D.type) === "COIN" ? Ge(
+    ), M = P(() => {
+      var O;
+      return (O = E.value) == null ? void 0 : O.report;
+    }), h = P(() => {
+      var O, w, G, H, V, T, F, I, f, q, j, X, J;
+      return M.value && ((O = y.value) == null ? void 0 : O.type) === "COIN" ? Ge(
         M.value,
-        ((k = o.value) == null ? void 0 : k.type) === "COIN" ? o.value : ne()
-      ) : M.value && ((z = y.value) == null ? void 0 : z.type) === "POINT" ? He(
+        ((w = n.value) == null ? void 0 : w.type) === "COIN" ? n.value : ie()
+      ) : M.value && ((G = y.value) == null ? void 0 : G.type) === "POINT" ? He(
         M.value,
-        ((G = o.value) == null ? void 0 : G.type) === "POINT" ? o.value : oe()
-      ) : M.value && ((T = y.value) == null ? void 0 : T.type) === "CREDIT" ? Ke(
+        ((H = n.value) == null ? void 0 : H.type) === "POINT" ? n.value : ce()
+      ) : M.value && ((V = y.value) == null ? void 0 : V.type) === "CREDIT" ? Ke(
         M.value,
-        ((N = o.value) == null ? void 0 : N.type) === "CREDIT" ? o.value : ie()
+        ((T = n.value) == null ? void 0 : T.type) === "CREDIT" ? n.value : me()
       ) : M.value && ((F = y.value) == null ? void 0 : F.type) === "GAME" ? je(
         M.value,
-        (($ = o.value) == null ? void 0 : $.type) === "GAME" ? o.value : le()
+        ((I = n.value) == null ? void 0 : I.type) === "GAME" ? n.value : oe()
       ) : M.value && ((f = y.value) == null ? void 0 : f.type) === "MISSION" ? qe(
         M.value,
-        ((A = o.value) == null ? void 0 : A.type) === "MISSION" ? o.value : re()
-      ) : M.value && ((q = y.value) == null ? void 0 : q.type) === "PROMOTION" ? Ae(
+        ((q = n.value) == null ? void 0 : q.type) === "MISSION" ? n.value : ne()
+      ) : M.value && ((j = y.value) == null ? void 0 : j.type) === "PROMOTION" ? Fe(
         M.value,
-        ((Q = o.value) == null ? void 0 : Q.type) === "PROMOTION" ? o.value : se()
-      ) : M.value && ((X = o.value) == null ? void 0 : X.type) === "VOUCHER" ? Fe(
+        ((X = n.value) == null ? void 0 : X.type) === "PROMOTION" ? n.value : le()
+      ) : M.value && ((J = n.value) == null ? void 0 : J.type) === "VOUCHER" ? Ae(
         M.value,
-        o.value,
-        w.value
+        n.value,
+        k.value
       ) : M.value;
-    }), fe = O(
+    }), A = P(
       () => y.value ? l(Me(y.value.timeframeOptions)) : ""
-    ), he = O(
+    ), ae = P(
       () => y.value && y.value.type !== "MEMBERSHIP" ? _e(y.value) : void 0
     );
     function ge() {
@@ -1512,7 +1516,7 @@ const Xe = {
         performanceDetails: []
       };
     }
-    function se() {
+    function le() {
       return {
         type: "PROMOTION",
         scope: { startDate: "", endDate: "" },
@@ -1529,7 +1533,7 @@ const Xe = {
         performanceDetails: []
       };
     }
-    function re() {
+    function ne() {
       return {
         type: "MISSION",
         scope: { startDate: "", endDate: "" },
@@ -1546,7 +1550,7 @@ const Xe = {
         performanceDetails: []
       };
     }
-    function le() {
+    function oe() {
       return {
         type: "GAME",
         scope: { startDate: "", endDate: "" },
@@ -1562,7 +1566,7 @@ const Xe = {
         tokenDistributionDetails: []
       };
     }
-    function ne() {
+    function ie() {
       return {
         type: "COIN",
         scope: { startDate: "", endDate: "" },
@@ -1575,7 +1579,7 @@ const Xe = {
         performanceDetails: []
       };
     }
-    function oe() {
+    function ce() {
       return {
         type: "POINT",
         scope: { startDate: "", endDate: "" },
@@ -1588,7 +1592,7 @@ const Xe = {
         performanceDetails: []
       };
     }
-    function ie() {
+    function me() {
       return {
         type: "CREDIT",
         scope: { startDate: "", endDate: "" },
@@ -1602,220 +1606,220 @@ const Xe = {
       };
     }
     return ke(async () => {
-      var D, k, z, G, T, N, F;
+      var O, w, G, H, V, T, F;
       try {
         await i(async () => {
-          var A, q;
-          v.value = await U.readById(e.params.id);
+          var q, j;
+          g.value = await U.readById(e.params.id);
           const f = e.meta.campaignType;
-          C.value = !!f && ((q = (A = v.value) == null ? void 0 : A.campaign) == null ? void 0 : q.type) !== f;
+          C.value = !!f && ((j = (q = g.value) == null ? void 0 : q.campaign) == null ? void 0 : j.type) !== f;
         });
-        const $ = {
-          timezone: pe[d.currentCountry.value || "MY"] ?? pe.MY
+        const I = {
+          timezone: be[p.currentCountry.value || "MY"] ?? be.MY
         };
-        ((D = v.value) == null ? void 0 : D.campaign.type) === "VOUCHER" ? (o.value = ge(), await Promise.all([
-          h(
+        ((O = g.value) == null ? void 0 : O.campaign.type) === "VOUCHER" ? (n.value = ge(), await Promise.all([
+          b(
             () => U.readAnalyticsOverview(e.params.id, {
-              ...$
+              ...I
             })
           ).then((f) => {
-            f.type === "VOUCHER" && (o.value = f);
+            f.type === "VOUCHER" && (n.value = f);
           }).catch(() => {
           }),
-          h(
-            () => U.readAnalyticsTrend(e.params.id, $)
-          ).then((f) => w.value = f).catch(() => {
+          b(
+            () => U.readAnalyticsTrend(e.params.id, I)
+          ).then((f) => k.value = f).catch(() => {
           })
-        ])) : ((k = v.value) == null ? void 0 : k.campaign.type) === "PROMOTION" ? (o.value = se(), await h(
-          () => U.readAnalyticsOverview(e.params.id, $)
+        ])) : ((w = g.value) == null ? void 0 : w.campaign.type) === "PROMOTION" ? (n.value = le(), await b(
+          () => U.readAnalyticsOverview(e.params.id, I)
         ).then((f) => {
-          f.type === "PROMOTION" && (o.value = f);
+          f.type === "PROMOTION" && (n.value = f);
         }).catch(() => {
-        })) : ((z = v.value) == null ? void 0 : z.campaign.type) === "MISSION" ? (o.value = re(), await h(
-          () => U.readAnalyticsOverview(e.params.id, $)
+        })) : ((G = g.value) == null ? void 0 : G.campaign.type) === "MISSION" ? (n.value = ne(), await b(
+          () => U.readAnalyticsOverview(e.params.id, I)
         ).then((f) => {
-          f.type === "MISSION" && (o.value = f);
+          f.type === "MISSION" && (n.value = f);
         }).catch(() => {
-        })) : ((G = v.value) == null ? void 0 : G.campaign.type) === "GAME" ? (o.value = le(), await h(
-          () => U.readAnalyticsOverview(e.params.id, $)
+        })) : ((H = g.value) == null ? void 0 : H.campaign.type) === "GAME" ? (n.value = oe(), await b(
+          () => U.readAnalyticsOverview(e.params.id, I)
         ).then((f) => {
-          f.type === "GAME" && (o.value = f);
+          f.type === "GAME" && (n.value = f);
         }).catch(() => {
-        })) : ((T = v.value) == null ? void 0 : T.campaign.type) === "COIN" ? (o.value = ne(), await h(
-          () => U.readAnalyticsOverview(e.params.id, $)
+        })) : ((V = g.value) == null ? void 0 : V.campaign.type) === "COIN" ? (n.value = ie(), await b(
+          () => U.readAnalyticsOverview(e.params.id, I)
         ).then((f) => {
-          f.type === "COIN" && (o.value = f);
+          f.type === "COIN" && (n.value = f);
         }).catch(() => {
-        })) : ((N = v.value) == null ? void 0 : N.campaign.type) === "POINT" ? (o.value = oe(), await h(
-          () => U.readAnalyticsOverview(e.params.id, $)
+        })) : ((T = g.value) == null ? void 0 : T.campaign.type) === "POINT" ? (n.value = ce(), await b(
+          () => U.readAnalyticsOverview(e.params.id, I)
         ).then((f) => {
-          f.type === "POINT" && (o.value = f);
+          f.type === "POINT" && (n.value = f);
         }).catch(() => {
-        })) : ((F = v.value) == null ? void 0 : F.campaign.type) === "CREDIT" && (o.value = ie(), await h(
-          () => U.readAnalyticsOverview(e.params.id, $)
+        })) : ((F = g.value) == null ? void 0 : F.campaign.type) === "CREDIT" && (n.value = me(), await b(
+          () => U.readAnalyticsOverview(e.params.id, I)
         ).then((f) => {
-          f.type === "CREDIT" && (o.value = f);
+          f.type === "CREDIT" && (n.value = f);
         }).catch(() => {
         }));
       } catch {
         c.value = !0;
       }
-    }), (D, k) => {
-      var F, $, f, A, q, Q, X, ce, me, ue;
-      const z = S("FmPill"), G = S("FmPageHead"), T = S("FmIcon"), N = S("FmCard");
-      return r(), p(E, null, [
-        P(G, {
+    }), (O, w) => {
+      var F, I, f, q, j, X, J, ue, de, pe;
+      const G = S("FmPill"), H = S("FmPageHead"), V = S("FmIcon"), T = S("FmCard");
+      return r(), d(L, null, [
+        $(H, {
           title: "Campaign analytic",
           "back-button": !0,
-          "onClick:back": k[0] || (k[0] = (K) => n(s).back())
+          "onClick:back": w[0] || (w[0] = (Y) => o(a).back())
         }, {
-          title: L(() => [
-            a("div", na, [
-              k[1] || (k[1] = a("span", { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, " Campaign analytic ", -1)),
-              P(z, { variant: "beta" })
+          title: D(() => [
+            s("div", na, [
+              w[1] || (w[1] = s("span", { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, " Campaign analytic ", -1)),
+              $(G, { variant: "beta" })
             ])
           ]),
           _: 1
         }),
-        a("div", oa, [
-          n(c) ? (r(), g(N, {
+        s("div", oa, [
+          o(c) ? (r(), x(T, {
             key: 0,
             variant: "outlined",
             class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
           }, {
-            default: L(() => [
-              P(T, {
+            default: D(() => [
+              $(V, {
                 name: "error",
                 outline: "",
                 size: "lg",
                 class: "text-fm-color-neutral-gray-300"
               }),
-              k[2] || (k[2] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Could not load this campaign ", -1)),
-              k[3] || (k[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))
+              w[2] || (w[2] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Could not load this campaign ", -1)),
+              w[3] || (w[3] = s("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(y) ? (r(), p(E, { key: 1 }, [
-            P(at, {
-              "campaign-name": n(y).name,
-              "dates-label": n(fe),
-              status: n(he),
-              "mechanic-label": (F = n(I)) == null ? void 0 : F.label,
-              icon: ($ = n(I)) == null ? void 0 : $.icon,
-              objective: (f = n(I)) == null ? void 0 : f.objective,
-              "report-range-label": (A = n(x)) == null ? void 0 : A.reportRangeLabel,
-              "audience-label": (q = n(x)) == null ? void 0 : q.audienceLabel
+          })) : o(y) ? (r(), d(L, { key: 1 }, [
+            $(at, {
+              "campaign-name": o(y).name,
+              "dates-label": o(A),
+              status: o(ae),
+              "mechanic-label": (F = o(E)) == null ? void 0 : F.label,
+              icon: (I = o(E)) == null ? void 0 : I.icon,
+              objective: (f = o(E)) == null ? void 0 : f.objective,
+              "report-range-label": (q = o(h)) == null ? void 0 : q.reportRangeLabel,
+              "audience-label": (j = o(h)) == null ? void 0 : j.audienceLabel
             }, null, 8, ["campaign-name", "dates-label", "status", "mechanic-label", "icon", "objective", "report-range-label", "audience-label"]),
-            n(C) ? (r(), g(N, {
+            o(C) ? (r(), x(T, {
               key: 0,
               variant: "outlined",
               class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
             }, {
-              default: L(() => [
-                P(T, {
+              default: D(() => [
+                $(V, {
                   name: "wrong_location",
                   outline: "",
                   size: "lg",
                   class: "text-fm-color-neutral-gray-300"
                 }),
-                k[4] || (k[4] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " This campaign does not belong here ", -1)),
-                a("div", ia, " It is a " + u(n(y).type) + " campaign. Open it from its own campaign list to see the right report. ", 1)
+                w[4] || (w[4] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " This campaign does not belong here ", -1)),
+                s("div", ia, " It is a " + u(o(y).type) + " campaign. Open it from its own campaign list to see the right report. ", 1)
               ]),
               _: 1
-            })) : n(I) ? ((Q = n(M)) == null ? void 0 : Q.state) === "empty" ? (r(), g(N, {
+            })) : o(E) ? ((X = o(M)) == null ? void 0 : X.state) === "empty" ? (r(), x(T, {
               key: 2,
               variant: "outlined",
               class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
             }, {
-              default: L(() => [
-                P(T, {
+              default: D(() => [
+                $(V, {
                   name: "inbox",
                   outline: "",
                   size: "lg",
                   class: "text-fm-color-neutral-gray-300"
                 }),
-                k[6] || (k[6] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Campaign activity has not started ", -1)),
-                k[7] || (k[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))
+                w[6] || (w[6] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Campaign activity has not started ", -1)),
+                w[7] || (w[7] = s("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(x) ? (r(), p(E, { key: 3 }, [
-              n(y).type === "COIN" || n(y).type === "POINT" || n(y).type === "CREDIT" ? (r(), p("section", ma, [
-                a("div", null, [
-                  a("div", ua, u((X = n(I)) == null ? void 0 : X.label) + " distribution summary ", 1)
+            })) : o(h) ? (r(), d(L, { key: 3 }, [
+              o(y).type === "COIN" || o(y).type === "POINT" || o(y).type === "CREDIT" ? (r(), d("section", ma, [
+                s("div", null, [
+                  s("div", ua, u((J = o(E)) == null ? void 0 : J.label) + " distribution summary ", 1)
                 ]),
-                P(te, {
-                  cards: n(x).cards
+                $(se, {
+                  cards: o(h).cards
                 }, null, 8, ["cards"])
-              ])) : b("", !0),
-              n(y).type === "MISSION" ? (r(), p("section", da, [
-                k[8] || (k[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 ")
+              ])) : v("", !0),
+              o(y).type === "MISSION" ? (r(), d("section", da, [
+                w[8] || (w[8] = s("div", null, [
+                  s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Mission participation and completion "),
+                  s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary mt-4" }, " Campaign-lifetime member activity and completion ")
                 ], -1)),
-                P(te, {
-                  cards: n(x).cards
+                $(se, {
+                  cards: o(h).cards
                 }, null, 8, ["cards"])
-              ])) : b("", !0),
-              n(x).applicationMix ? (r(), g(ht, {
+              ])) : v("", !0),
+              o(h).applicationMix ? (r(), x(ht, {
                 key: 2,
-                mix: n(x).applicationMix
-              }, null, 8, ["mix"])) : n(y).type !== "MISSION" && n(x).funnel.length ? (r(), g(Ut, {
+                mix: o(h).applicationMix
+              }, null, 8, ["mix"])) : o(y).type !== "MISSION" && o(h).funnel.length ? (r(), x(Ut, {
                 key: 3,
-                stages: n(x).funnel,
-                headline: n(x).funnelHeadline,
-                summary: n(x).funnelSummary,
-                "primary-label": n(x).funnelPrimaryLabel,
-                "secondary-stages": (ce = n(x).funnelSecondary) == null ? void 0 : ce.stages,
-                "secondary-label": (me = n(x).funnelSecondary) == null ? void 0 : me.label
-              }, null, 8, ["stages", "headline", "summary", "primary-label", "secondary-stages", "secondary-label"])) : b("", !0),
-              n(y).type !== "MISSION" && n(y).type !== "COIN" && n(y).type !== "POINT" && n(y).type !== "CREDIT" && n(x).cards.length ? (r(), g(te, {
+                stages: o(h).funnel,
+                headline: o(h).funnelHeadline,
+                summary: o(h).funnelSummary,
+                "primary-label": o(h).funnelPrimaryLabel,
+                "secondary-stages": (ue = o(h).funnelSecondary) == null ? void 0 : ue.stages,
+                "secondary-label": (de = o(h).funnelSecondary) == null ? void 0 : de.label
+              }, null, 8, ["stages", "headline", "summary", "primary-label", "secondary-stages", "secondary-label"])) : v("", !0),
+              o(y).type !== "MISSION" && o(y).type !== "COIN" && o(y).type !== "POINT" && o(y).type !== "CREDIT" && o(h).cards.length ? (r(), x(se, {
                 key: 4,
-                cards: n(x).cards
-              }, null, 8, ["cards"])) : b("", !0),
-              n(x).trend.length ? (r(), g(Ht, {
+                cards: o(h).cards
+              }, null, 8, ["cards"])) : v("", !0),
+              o(h).trend.length ? (r(), x(Ht, {
                 key: 5,
-                modes: n(x).trend
-              }, null, 8, ["modes"])) : b("", !0),
-              (ue = n(x).breakdowns) != null && ue.length ? (r(!0), p(E, { key: 6 }, Z(n(x).breakdowns, (K) => (r(), g(ye, {
-                key: K.title,
-                breakdown: K.breakdown,
-                title: K.title,
-                "empty-message": K.emptyMessage,
-                note: K.note
-              }, null, 8, ["breakdown", "title", "empty-message", "note"]))), 128)) : (r(), g(ye, {
+                modes: o(h).trend
+              }, null, 8, ["modes"])) : v("", !0),
+              (pe = o(h).breakdowns) != null && pe.length ? (r(!0), d(L, { key: 6 }, ee(o(h).breakdowns, (Y) => (r(), x(ve, {
+                key: Y.title,
+                breakdown: Y.breakdown,
+                title: Y.title,
+                "empty-message": Y.emptyMessage,
+                note: Y.note
+              }, null, 8, ["breakdown", "title", "empty-message", "note"]))), 128)) : (r(), x(ve, {
                 key: 7,
-                breakdown: n(x).breakdown
+                breakdown: o(h).breakdown
               }, null, 8, ["breakdown"])),
-              n(x).outcomes.length ? (r(), g(be, {
+              o(h).outcomes.length ? (r(), x(fe, {
                 key: 8,
-                title: n(y).type === "MISSION" || n(y).type === "GAME" ? "Reward activity" : "Business outcome",
-                caption: n(y).type === "MISSION" || n(y).type === "GAME" ? "Reward issuance attributed to this campaign" : "Financial and loyalty outcomes attributed to this campaign",
-                items: n(x).outcomes,
+                title: o(y).type === "MISSION" || o(y).type === "GAME" ? "Reward activity" : "Business outcome",
+                caption: o(y).type === "MISSION" || o(y).type === "GAME" ? "Reward issuance attributed to this campaign" : "Financial and loyalty outcomes attributed to this campaign",
+                items: o(h).outcomes,
                 variant: "tile"
-              }, null, 8, ["title", "caption", "items"])) : b("", !0),
-              P(be, {
+              }, null, 8, ["title", "caption", "items"])) : v("", !0),
+              $(fe, {
                 title: "Metric definitions",
                 caption: "Hover a metric for its denominator and attribution method",
-                items: n(x).metrics,
+                items: o(h).metrics,
                 variant: "row"
               }, null, 8, ["items"])
-            ], 64)) : b("", !0) : (r(), g(N, {
+            ], 64)) : v("", !0) : (r(), x(T, {
               key: 1,
               variant: "outlined",
               class: "flex flex-col items-center justify-center text-center py-80 px-40 gap-8"
             }, {
-              default: L(() => [
-                P(T, {
+              default: D(() => [
+                $(V, {
                   name: "query_stats",
                   outline: "",
                   size: "lg",
                   class: "text-fm-color-neutral-gray-300"
                 }),
-                k[5] || (k[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", ca, " Reporting has not been defined for " + u(n(y).type) + " campaigns yet. ", 1)
+                w[5] || (w[5] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Analytic is not available for this campaign type ", -1)),
+                s("div", ca, " Reporting has not been defined for " + u(o(y).type) + " campaigns yet. ", 1)
               ]),
               _: 1
             }))
-          ], 64)) : b("", !0)
+          ], 64)) : v("", !0)
         ])
       ], 64);
     };