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

package/dist/CampaignAnalytic-DT-nSIGr.js

@@ -0,0 +1,1666 @@
+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 Me, useRouter as _e } from "vue-router";
+const Se = {
+  state: "populated",
+  reportRangeLabel: "Unavailable",
+  funnel: [],
+  cards: [],
+  trend: [],
+  breakdown: null,
+  outcomes: [],
+  metrics: []
+}, Ie = {
+  state: "populated",
+  reportRangeLabel: "Unavailable",
+  funnel: [],
+  cards: [],
+  trend: [],
+  breakdown: {
+    dimension: "Outlet",
+    columns: [
+      "Applied members",
+      "Member bills",
+      "Non-member bills",
+      "Attributed bills",
+      "Exact sales",
+      "Promotion value used"
+    ],
+    rows: []
+  },
+  outcomes: [],
+  metrics: []
+}, Ce = {
+  state: "populated",
+  reportRangeLabel: "Unavailable",
+  funnel: [],
+  cards: [],
+  trend: [],
+  breakdown: null,
+  breakdowns: [],
+  outcomes: [],
+  metrics: []
+}, Oe = {
+  state: "populated",
+  reportRangeLabel: "Unavailable",
+  funnel: [],
+  cards: [],
+  trend: [],
+  breakdown: null,
+  breakdowns: [],
+  outcomes: [],
+  metrics: []
+}, Pe = {
+  state: "populated",
+  reportRangeLabel: "Unavailable",
+  funnel: [],
+  cards: [],
+  trend: [],
+  breakdown: null,
+  breakdowns: [],
+  outcomes: [],
+  metrics: []
+}, $e = {
+  state: "populated",
+  reportRangeLabel: "Unavailable",
+  funnel: [],
+  cards: [],
+  trend: [],
+  breakdown: null,
+  breakdowns: [],
+  outcomes: [],
+  metrics: []
+}, De = {
+  state: "populated",
+  reportRangeLabel: "Unavailable",
+  funnel: [],
+  cards: [],
+  trend: [],
+  breakdown: null,
+  breakdowns: [],
+  outcomes: [],
+  metrics: []
+}, Ee = {
+  VOUCHER: {
+    label: "Voucher",
+    icon: "confirmation_number",
+    objective: "Reactivation",
+    report: Se
+  },
+  PROMOTION: {
+    label: "Promotion",
+    icon: "percent",
+    objective: "Purchase conversion",
+    report: Ie
+  },
+  MISSION: {
+    label: "Mission",
+    icon: "flag",
+    objective: "Member engagement",
+    report: Ce
+  },
+  GAME: {
+    label: "Game",
+    icon: "sports_esports",
+    objective: "Member engagement",
+    report: Oe
+  },
+  COIN: {
+    label: "Point",
+    icon: "stars",
+    objective: "Member engagement",
+    report: Pe
+  },
+  POINT: {
+    label: "Experience",
+    icon: "trending_up",
+    objective: "Member engagement",
+    report: $e
+  },
+  CREDIT: {
+    label: "Credit",
+    icon: "account_balance_wallet",
+    objective: "Member engagement",
+    report: De
+  }
+};
+function Le(t) {
+  return Ee[t];
+}
+function C(t, r) {
+  return `${(t ?? 0).toLocaleString()} ${r}`;
+}
+function m(t) {
+  return (t ?? 0).toLocaleString();
+}
+function w(t) {
+  return t == null ? "—" : `RM ${t.toLocaleString("en-MY", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  })}`;
+}
+function D(t, r) {
+  const e = r ?? 0;
+  return e ? Math.round((t ?? 0) / e * 1e3) / 10 : 0;
+}
+function N(t) {
+  const r = Re(t);
+  return r.isValid() ? r.format("D MMM YYYY") : t;
+}
+function Te(t, r, e) {
+  const { metrics: s, scope: c } = r, y = D(
+    s.redeemedMembers,
+    s.distributedMembers
+  ), i = D(
+    s.redeemedVouchers,
+    s.distributedVouchers
+  ), 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: c.startDate && c.endDate ? `${N(c.startDate)} – ${N(c.endDate)}` : "Unavailable",
+    audienceLabel: void 0,
+    funnel: [
+      {
+        key: "distributed",
+        label: "Distributed",
+        membersLabel: C(s.distributedMembers, "members"),
+        unitsLabel: C(s.distributedVouchers, "vouchers"),
+        valueLabel: w(s.distributedFixedValue),
+        helper: "Unique members who received at least one voucher"
+      },
+      {
+        key: "redeemed",
+        label: "Redeemed",
+        membersLabel: C(s.redeemedMembers, "members"),
+        unitsLabel: C(s.voucherUses, "voucher uses"),
+        ratePct: y,
+        rateLabel: `${y}% of distributed members`,
+        helper: "Distinct identified members who used the voucher"
+      },
+      {
+        key: "completedBills",
+        label: "Completed bills",
+        primaryLabel: C(s.completedBills, "completed bills"),
+        extra: "Includes direct guest voucher use",
+        helper: "Distinct completed bills where this voucher was used"
+      }
+    ],
+    cards: [
+      {
+        key: "distributedMembers",
+        label: "Distributed Members",
+        value: (s.distributedMembers ?? 0).toLocaleString(),
+        sub: C(s.distributedVouchers, "vouchers")
+      },
+      {
+        key: "redemptionRate",
+        label: "Redemption Rate",
+        value: `${y}%`,
+        sub: "of distributed members"
+      },
+      {
+        key: "exactSales",
+        label: "Exact Sales",
+        value: w(s.exactSales),
+        sub: C(s.completedBills, "completed bills")
+      },
+      {
+        key: "rewardValueUsed",
+        label: "Reward Value Used",
+        value: w(s.rewardValueUsed),
+        sub: "voucher discount used"
+      },
+      {
+        key: "unusedVoucherValue",
+        label: "Unused Voucher Value",
+        value: w(s.unusedVoucherValue),
+        sub: "issued, not yet redeemed"
+      }
+    ],
+    trend: qe(e),
+    breakdown: {
+      dimension: "Outlet",
+      columns: [
+        "Redeemed members",
+        "Voucher uses",
+        "Completed bills",
+        "Exact sales",
+        "Reward value used"
+      ],
+      rows: r.performanceDetails.map((p) => ({
+        name: p.restaurantName,
+        cells: [
+          p.redeemedMembers.toLocaleString(),
+          p.voucherUses.toLocaleString(),
+          p.completedBills.toLocaleString(),
+          w(p.exactSales),
+          w(p.rewardValueUsed)
+        ]
+      }))
+    },
+    outcomes: [
+      {
+        key: "exactSales",
+        label: "Exact Sales",
+        value: w(s.exactSales)
+      },
+      {
+        key: "attributedBills",
+        label: "Attributed Bills",
+        value: s.completedBills.toLocaleString()
+      },
+      {
+        key: "rewardValueUsed",
+        label: "Reward Value Used",
+        value: w(s.rewardValueUsed)
+      },
+      {
+        key: "averageBillValue",
+        label: "Average Bill Value",
+        value: w(o)
+      }
+    ],
+    metrics: [
+      {
+        key: "memberRedemptionRate",
+        label: "Member Redemption Rate",
+        value: `${y}%`,
+        helper: "Redeemed members ÷ distributed members"
+      },
+      {
+        key: "voucherUtilizationRate",
+        label: "Voucher Utilization Rate",
+        value: `${i}%`,
+        helper: "Redeemed vouchers ÷ distributed vouchers"
+      },
+      {
+        key: "averageDiscountPerBill",
+        label: "Average Discount per Bill",
+        value: w(f),
+        helper: "Reward value used ÷ completed bills"
+      },
+      {
+        key: "averageBillValue",
+        label: "Average Bill Value",
+        value: w(o),
+        helper: "Exact sales ÷ completed bills"
+      },
+      {
+        key: "breakageRate",
+        label: "Breakage Rate to date",
+        value: `${R}%`,
+        helper: "Expired unused vouchers ÷ distributed vouchers"
+      }
+    ]
+  };
+}
+function Be(t, r) {
+  const { metrics: e, scope: s } = r, c = D(
+    e.memberBills,
+    e.attributedBills
+  ), y = D(
+    e.nonMemberBills,
+    e.attributedBills
+  ), i = D(
+    e.memberSales,
+    e.exactSales
+  ), 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",
+    audienceLabel: void 0,
+    funnel: [],
+    cards: [],
+    trend: [],
+    applicationMix: {
+      memberBills: m(e.memberBills),
+      appliedMembers: m(e.appliedMembers),
+      nonMemberBills: m(e.nonMemberBills),
+      memberSales: w(e.memberSales),
+      nonMemberSales: w(e.nonMemberSales),
+      memberBillSharePct: c,
+      nonMemberBillSharePct: y,
+      memberSalesSharePct: i,
+      summary: `Members account for ${c}% of attributed bills and ${i}% of attributed sales.`
+    },
+    breakdown: {
+      dimension: "Outlet",
+      columns: [
+        "Applied members",
+        "Member bills",
+        "Non-member bills",
+        "Attributed bills",
+        "Exact sales",
+        "Promotion value used"
+      ],
+      rows: r.performanceDetails.map((R) => ({
+        name: R.restaurantName,
+        cells: [
+          m(R.appliedMembers),
+          m(R.memberBills),
+          m(R.nonMemberBills),
+          m(R.attributedBills),
+          w(R.exactSales),
+          w(R.promotionValueUsed)
+        ]
+      }))
+    },
+    outcomes: [
+      {
+        key: "exactSales",
+        label: "Exact Sales",
+        value: w(e.exactSales)
+      },
+      {
+        key: "attributedBills",
+        label: "Attributed Bills",
+        value: m(e.attributedBills)
+      },
+      {
+        key: "promotionValueUsed",
+        label: "Promotion Value Used",
+        value: w(e.promotionValueUsed)
+      },
+      {
+        key: "averageBillValue",
+        label: "Average Bill Value",
+        value: w(o)
+      }
+    ],
+    metrics: [
+      {
+        key: "memberApplicationShare",
+        label: "Member Application Share",
+        value: `${c}%`,
+        helper: "Member bills ÷ attributed bills"
+      },
+      {
+        key: "nonMemberApplicationShare",
+        label: "Non-member Application Share",
+        value: `${y}%`,
+        helper: "Non-member bills ÷ attributed bills"
+      },
+      {
+        key: "memberSalesShare",
+        label: "Member Sales Share",
+        value: `${i}%`,
+        helper: "Member sales ÷ exact sales"
+      },
+      {
+        key: "averageDiscountPerBill",
+        label: "Average Discount per Bill",
+        value: w(f),
+        helper: "Promotion value used ÷ attributed bills"
+      },
+      {
+        key: "averageBillValue",
+        label: "Average Bill Value",
+        value: w(o),
+        helper: "Exact sales ÷ attributed bills"
+      }
+    ]
+  };
+}
+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
+  );
+  return {
+    ...t,
+    reportRangeLabel: s.startDate && s.endDate ? `${N(s.startDate)} – ${N(s.endDate)}` : "Unavailable",
+    funnel: [],
+    cards: [
+      {
+        key: "participants",
+        label: "Participants",
+        value: m(e.participants),
+        sub: "members receiving stamps",
+        helper: "Distinct members receiving at least one campaign Stamp"
+      },
+      {
+        key: "stampsEarned",
+        label: "Stamps Earned",
+        value: m(e.stampsEarned),
+        sub: "stamps"
+      },
+      {
+        key: "stampTransactions",
+        label: "Stamp Transactions",
+        value: m(e.stampTransactions),
+        sub: "transactions"
+      },
+      {
+        key: "completedMembers",
+        label: "Completed Members",
+        value: m(e.completedMembers),
+        sub: "completed at least once",
+        helper: "Distinct participants completing the Mission at least once"
+      },
+      {
+        key: "completionEvents",
+        label: "Completion Events",
+        value: m(e.completionEvents),
+        sub: "includes repeat completions",
+        helper: "All Mission target crossings, including repeat completions"
+      }
+    ],
+    trend: [],
+    breakdown: null,
+    breakdowns: [
+      {
+        title: "Reward performance",
+        emptyMessage: "No reward activity was recorded for this campaign.",
+        breakdown: {
+          dimension: "Reward",
+          columns: [
+            "Reward type",
+            "Recipients",
+            "Issue transactions",
+            "Quantity issued"
+          ],
+          rows: r.rewards.map((i) => ({
+            name: i.rewardName,
+            cells: [
+              i.rewardType,
+              m(i.recipients),
+              m(i.issuanceTransactions),
+              m(i.quantityIssued)
+            ]
+          }))
+        }
+      },
+      {
+        title: "Performance by outlet",
+        emptyMessage: "No outlet activity was recorded for this campaign.",
+        breakdown: {
+          dimension: "Outlet",
+          columns: ["Participants", "Stamps earned", "Completion events"],
+          rows: r.performanceDetails.map((i) => ({
+            name: i.restaurantName || "Unattributed / online",
+            cells: [
+              m(i.participants),
+              m(i.stampsEarned),
+              m(i.completionEvents)
+            ]
+          }))
+        }
+      }
+    ],
+    outcomes: [
+      {
+        key: "rewardRecipients",
+        label: "Reward Recipients",
+        value: m(e.rewardRecipients)
+      },
+      {
+        key: "rewardIssueTransactions",
+        label: "Reward Issue Transactions",
+        value: m(e.rewardIssueTransactions)
+      }
+    ],
+    metrics: [
+      {
+        key: "completionReach",
+        label: "Completion Reach",
+        value: `${D(e.completedMembers, e.participants)}%`,
+        helper: "Completed members ÷ participants"
+      },
+      {
+        key: "rewardReach",
+        label: "Reward Reach",
+        value: `${D(e.rewardRecipients, e.participants)}%`,
+        helper: "Reward recipients ÷ participants"
+      },
+      {
+        key: "averageStampsPerParticipant",
+        label: "Average Stamps per Participant",
+        value: c.toLocaleString("en-MY", {
+          maximumFractionDigits: 2
+        }),
+        helper: "Stamps earned ÷ participants"
+      },
+      {
+        key: "repeatCompletionEvents",
+        label: "Repeat Completion Events",
+        value: m(y),
+        helper: "Completion events beyond the first completion per member"
+      }
+    ]
+  };
+}
+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
+  ), f = e.players ? e.plays / e.players : 0;
+  return {
+    ...t,
+    reportRangeLabel: s.startDate && s.endDate ? `${N(s.startDate)} – ${N(s.endDate)}` : "Unavailable",
+    audienceLabel: void 0,
+    funnel: [
+      {
+        key: "tokenRecipients",
+        label: "Token recipients",
+        membersLabel: C(e.tokenRecipients, "members"),
+        unitsLabel: C(e.tokensIssued, "tokens"),
+        extra: `${m(e.plays)} plays · ${y}% token utilization`,
+        helper: "Distinct members who received at least one game token"
+      },
+      {
+        key: "players",
+        label: "Players",
+        membersLabel: C(e.players, "members"),
+        unitsLabel: C(e.plays, "plays"),
+        ratePct: c,
+        rateLabel: `${c}% of token recipients`,
+        helper: "Distinct members who consumed at least one game token"
+      },
+      {
+        key: "rewardRecipients",
+        label: "Reward recipients",
+        membersLabel: C(e.rewardRecipients, "members"),
+        unitsLabel: C(
+          e.rewardIssueTransactions,
+          "reward issue transactions"
+        ),
+        ratePct: i,
+        rateLabel: `${i}% of players`,
+        helper: "Distinct players receiving at least one Reward Pool reward"
+      }
+    ],
+    cards: [
+      {
+        key: "tokenRecipients",
+        label: "Token Recipients",
+        value: m(e.tokenRecipients),
+        sub: "members"
+      },
+      {
+        key: "tokensIssued",
+        label: "Tokens Issued",
+        value: m(e.tokensIssued),
+        sub: "game tokens"
+      },
+      {
+        key: "players",
+        label: "Players",
+        value: m(e.players),
+        sub: "members"
+      },
+      {
+        key: "plays",
+        label: "Plays",
+        value: m(e.plays),
+        sub: "game plays"
+      }
+    ],
+    trend: [],
+    breakdown: null,
+    breakdowns: [
+      {
+        title: "Reward performance",
+        emptyMessage: "No reward activity was recorded for this campaign.",
+        breakdown: {
+          dimension: "Reward",
+          columns: [
+            "Reward type",
+            "Recipients",
+            "Issue transactions",
+            "Quantity issued"
+          ],
+          rows: r.rewards.map((o) => ({
+            name: o.rewardName || "Unnamed reward",
+            cells: [
+              o.rewardType,
+              m(o.recipients),
+              m(o.issuanceTransactions),
+              m(o.quantityIssued)
+            ]
+          }))
+        }
+      },
+      {
+        title: "Token distribution by outlet",
+        emptyMessage: "No token distribution activity was recorded for this campaign.",
+        breakdown: {
+          dimension: "Outlet",
+          columns: ["Recipients", "Tokens issued"],
+          rows: r.tokenDistributionDetails.map((o) => ({
+            name: o.restaurantName || "Unattributed / online",
+            cells: [
+              m(o.recipients),
+              m(o.tokensIssued)
+            ]
+          }))
+        }
+      }
+    ],
+    outcomes: [
+      {
+        key: "rewardRecipients",
+        label: "Reward Recipients",
+        value: m(e.rewardRecipients)
+      },
+      {
+        key: "rewardIssueTransactions",
+        label: "Reward Issue Transactions",
+        value: m(e.rewardIssueTransactions)
+      }
+    ],
+    metrics: [
+      {
+        key: "playerRate",
+        label: "Player Rate",
+        value: `${c}%`,
+        helper: "Players ÷ token recipients"
+      },
+      {
+        key: "tokenUtilizationRate",
+        label: "Token Utilization Rate",
+        value: `${y}%`,
+        helper: "Plays ÷ tokens issued"
+      },
+      {
+        key: "rewardRecipientRate",
+        label: "Reward Recipient Rate",
+        value: `${i}%`,
+        helper: "Reward recipients ÷ players"
+      },
+      {
+        key: "averagePlaysPerPlayer",
+        label: "Average Plays per Player",
+        value: f.toLocaleString("en-MY", {
+          maximumFractionDigits: 2
+        }),
+        helper: "Plays ÷ players"
+      }
+    ]
+  };
+}
+function X(t, r) {
+  return r ? w(t ?? 0) : m(t);
+}
+function J(t, r) {
+  return t[r] ?? 0;
+}
+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
+  ], o = r.sourceDetails.map((p) => ({
+    name: p.source || "Unknown",
+    cells: [
+      m(p.recipients),
+      ...e.includeSourceRecipientShare ? [`${D(p.recipients, s.recipients)}%`] : [],
+      m(p.issuanceTransactions),
+      X(
+        J(p, e.quantityKey),
+        e.currency
+      )
+    ]
+  })), R = [
+    {
+      key: "averagePerRecipient",
+      label: `Average ${e.quantityName} per Recipient`,
+      value: X(y, e.currency),
+      helper: `${e.quantityLabel} ÷ recipients`
+    },
+    {
+      key: "averagePerIssue",
+      label: `Average ${e.quantityName} per Issue`,
+      value: X(i, e.currency),
+      helper: `${e.quantityLabel} ÷ issuance transactions`
+    }
+  ];
+  return e.includeSourceRecipientShare && R.push({
+    key: "recipientShareBySource",
+    label: "Recipient Share by Source",
+    value: "See source breakdown",
+    helper: "Source recipients ÷ total recipients"
+  }), {
+    ...t,
+    reportRangeLabel: c.startDate && c.endDate ? `${N(c.startDate)} – ${N(c.endDate)}` : "Unavailable",
+    audienceLabel: void 0,
+    funnel: [],
+    cards: [
+      {
+        key: "recipients",
+        label: `${e.label} Recipients`,
+        value: m(s.recipients),
+        sub: "members",
+        helper: `Distinct members receiving ${e.quantityName.toLowerCase()}`
+      },
+      {
+        key: "issuanceTransactions",
+        label: "Issuance Transactions",
+        value: m(s.issuanceTransactions),
+        sub: "transactions"
+      },
+      {
+        key: e.quantityKey,
+        label: e.quantityLabel.replace(/^./, (p) => p.toUpperCase()),
+        value: X(
+          J(s, e.quantityKey),
+          e.currency
+        ),
+        sub: e.quantityUnit
+      }
+    ],
+    trend: [],
+    breakdown: null,
+    breakdowns: [
+      {
+        title: "Distribution by source",
+        emptyMessage: "No source activity was recorded for this campaign.",
+        breakdown: {
+          dimension: "Source",
+          columns: f,
+          rows: o
+        }
+      },
+      {
+        title: "Performance by outlet",
+        emptyMessage: "No outlet activity was recorded for this campaign.",
+        breakdown: {
+          dimension: "Outlet",
+          columns: [
+            "Recipients",
+            "Issuance transactions",
+            e.quantityLabel
+          ],
+          rows: r.performanceDetails.map((p) => ({
+            name: p.restaurantName || "Unattributed / online",
+            cells: [
+              m(p.recipients),
+              m(p.issuanceTransactions),
+              X(
+                J(p, e.quantityKey),
+                e.currency
+              )
+            ]
+          }))
+        }
+      }
+    ],
+    outcomes: [],
+    metrics: R
+  };
+}
+function Ue(t, r) {
+  return ae(t, r, {
+    label: "Point",
+    quantityName: "Points",
+    quantityLabel: "Points issued",
+    quantityUnit: "points",
+    quantityKey: "pointsIssued",
+    currency: !1,
+    includeSourceRecipientShare: !0
+  });
+}
+function Fe(t, r) {
+  return ae(t, r, {
+    label: "Experience",
+    quantityName: "Experience",
+    quantityLabel: "Experience issued",
+    quantityUnit: "experience",
+    quantityKey: "experienceIssued",
+    currency: !1,
+    includeSourceRecipientShare: !0
+  });
+}
+function Ae(t, r) {
+  return ae(t, r, {
+    label: "Credit",
+    quantityName: "Credit",
+    quantityLabel: "Credit issued",
+    quantityUnit: "credit",
+    quantityKey: "creditIssued",
+    currency: !0,
+    includeSourceRecipientShare: !1
+  });
+}
+function qe(t) {
+  if (!(t != null && t.categories.length)) return [];
+  const r = {
+    key: "members",
+    label: "Distributed members vs Redeemed members",
+    categories: t.categories,
+    series: [
+      { label: "Distributed members", values: t.distributedMembers },
+      { label: "Redeemed members", values: t.redeemedMembers }
+    ]
+  };
+  return t.distributedValue == null ? [r] : [
+    r,
+    {
+      key: "value",
+      label: "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 }
+      ]
+    }
+  ];
+}
+function je(t) {
+  return [
+    {
+      header: t.dimension,
+      accessorFn: (r) => r.name
+    },
+    ...t.columns.map((r, e) => ({
+      header: r,
+      accessorFn: (s) => s.cells[e] ?? ""
+    }))
+  ];
+}
+const ze = {
+  key: 0,
+  class: "flex items-center gap-8 mb-8"
+}, 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"
+}, Xe = /* @__PURE__ */ j({
+  __name: "CampaignAnalyticHeader",
+  props: {
+    campaignName: {},
+    datesLabel: {},
+    status: {},
+    mechanicLabel: {},
+    icon: {},
+    objective: {},
+    reportRangeLabel: {},
+    audienceLabel: {},
+    demo: { type: Boolean }
+  },
+  setup(t) {
+    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: $(() => [
+          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"])) : 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"
+            })) : g("", !0)
+          ]),
+          a("div", Ye, [
+            a("span", null, u(t.datesLabel), 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)) : g("", !0)
+          ]),
+          t.audienceLabel ? (n(), v("div", Qe, " Audience: " + u(t.audienceLabel), 1)) : g("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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 (r, e) => {
+      const s = _("FmCard");
+      return n(), h(s, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        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", 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", Ze, u(t.mix.memberBills), 1),
+              a("div", et, u(t.mix.appliedMembers) + " applied members ", 1)
+            ]),
+            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", at, u(t.mix.nonMemberBills), 1)
+            ])
+          ]),
+          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", lt, u(t.mix.memberSales), 1)
+            ]),
+            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", it, u(t.mix.nonMemberSales), 1)
+            ])
+          ]),
+          a("div", {
+            class: "mt-24",
+            role: "img",
+            "aria-label": t.mix.summary
+          }, [
+            a("div", ct, [
+              a("div", {
+                class: "h-full bg-fm-color-primary",
+                style: me({ width: t.mix.memberBillSharePct + "%" })
+              }, null, 4),
+              a("div", {
+                class: "h-full bg-fm-color-neutral-gray-200",
+                style: me({ width: t.mix.nonMemberBillSharePct + "%" })
+              }, null, 4)
+            ]),
+            a("div", mt, [
+              a("span", null, "Members " + u(t.mix.memberBillSharePct) + "%", 1),
+              a("span", null, "Non-members " + u(t.mix.nonMemberBillSharePct) + "%", 1)
+            ])
+          ], 8, ot),
+          a("div", ut, u(t.mix.summary), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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" }, ht = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+}, xt = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+}, kt = {
+  key: 2,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+}, wt = {
+  key: 3,
+  class: "mt-8"
+}, 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"
+}, _t = /* @__PURE__ */ j({
+  __name: "CampaignFunnel",
+  props: {
+    stages: {}
+  },
+  setup(t) {
+    return (r, e) => {
+      const s = _("FmProgressBar"), c = _("FmIcon"), y = _("FmCard");
+      return n(), h(y, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        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", 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", yt, [
+                a("div", bt, [
+                  a("span", vt, u(i.label), 1),
+                  i.helper ? (n(), h(Z, {
+                    key: 0,
+                    description: i.helper
+                  }, null, 8, ["description"])) : g("", !0)
+                ]),
+                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: i.ratePct,
+                      color: "primary",
+                      size: "sm"
+                    }, null, 8, ["value"]),
+                    a("div", Rt, u(i.rateLabel), 1)
+                  ])) : g("", !0)
+                ], 64))
+              ]),
+              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"
+                })
+              ])) : g("", !0)
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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({
+  __name: "CampaignMetricCards",
+  props: {
+    cards: {}
+  },
+  setup(t) {
+    return (r, e) => {
+      const s = _("FmCard");
+      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: $(() => [
+            a("div", It, [
+              a("span", Ct, u(c.label), 1),
+              c.helper ? (n(), h(Z, {
+                key: 0,
+                description: c.helper
+              }, null, 8, ["description"])) : g("", !0)
+            ]),
+            a("div", {
+              class: W([
+                "fm-typo-en-title-sm-800 truncate",
+                c.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+              ])
+            }, u(c.value), 3),
+            c.sub ? (n(), v("div", Ot, u(c.sub), 1)) : g("", !0)
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ]);
+    };
+  }
+}), 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"
+}, Dt = /* @__PURE__ */ j({
+  __name: "CampaignTrendChart",
+  props: {
+    modes: {}
+  },
+  setup(t) {
+    var R;
+    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 = 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
+        }));
+      }
+    ), o = { display: !0 };
+    return (p, L) => {
+      const d = _("FmButtonGroup"), U = _("FmLineChart"), M = _("FmCard");
+      return n(), h(M, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        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 ? (n(), h(d, {
+              key: 0,
+              items: l(c),
+              "model-value": l(y),
+              "onUpdate:modelValue": L[0] || (L[0] = (k) => s.value = k.value)
+            }, null, 8, ["items", "model-value"])) : g("", !0)
+          ]),
+          l(i) ? (n(), v("div", $t, u(l(i).label), 1)) : g("", !0),
+          l(i) ? (n(), h(U, {
+            key: 1,
+            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"])) : g("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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"
+}, Bt = {
+  key: 2,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary mt-8"
+}, de = /* @__PURE__ */ j({
+  __name: "CampaignBreakdownTable",
+  props: {
+    breakdown: {},
+    title: { default: "Performance details" },
+    emptyMessage: { default: "No outlet activity was recorded for this campaign." }
+  },
+  setup(t) {
+    const r = t, e = P(
+      () => r.breakdown ? je(r.breakdown) : []
+    );
+    return (s, c) => {
+      const y = _("FmTable"), i = _("FmCard");
+      return n(), h(i, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        default: $(() => {
+          var f;
+          return [
+            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": l(e),
+                "column-filter": [],
+                "hide-footer": ""
+              }, null, 8, ["row-data", "column-defs"])
+            ], 64)) : t.breakdown ? (n(), v("div", Tt, u(t.emptyMessage), 1)) : (n(), v("div", Bt, " No breakdown dimension is available for this campaign. "))
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), 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"
+}, Ut = {
+  key: 0,
+  class: "px-16 py-12 rounded-lg bg-fm-color-neutral-gray-100 min-w-0"
+}, 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"
+}, 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: {},
+    caption: {},
+    items: {},
+    variant: { default: "tile" }
+  },
+  setup(t) {
+    return (r, e) => {
+      const s = _("FmCard");
+      return n(), h(s, {
+        variant: "outlined",
+        class: "p-24"
+      }, {
+        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"])
+          }, [
+            (n(!0), v(E, null, ee(t.items, (c) => (n(), v(E, {
+              key: c.key
+            }, [
+              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: c.helper
+                  }, null, 8, ["description"])) : g("", !0)
+                ]),
+                a("div", {
+                  class: W([
+                    "fm-typo-en-body-lg-600 mt-4 truncate",
+                    c.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                  ])
+                }, 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: c.helper
+                  }, null, 8, ["description"])) : g("", !0)
+                ]),
+                a("span", {
+                  class: W([
+                    "fm-typo-en-body-md-600 whitespace-nowrap",
+                    c.unavailable ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                  ])
+                }, u(c.value), 3)
+              ]))
+            ], 64))), 128))
+          ], 2)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), 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"
+}, Xt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jt = {
+  key: 1,
+  class: "flex flex-col gap-12"
+}, oa = /* @__PURE__ */ j({
+  __name: "CampaignAnalytic",
+  setup(t) {
+    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 = 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 = 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" ? Ue(
+        M.value,
+        ((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 = 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 = 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 = 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 = 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 = 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,
+        o.value,
+        R.value
+      ) : M.value;
+    }), be = P(
+      () => d.value ? r(ke(d.value.timeframeOptions)) : ""
+    ), ve = P(
+      () => d.value && d.value.type !== "MEMBERSHIP" ? we(d.value) : void 0
+    );
+    function fe() {
+      return {
+        type: "VOUCHER",
+        scope: { startDate: "", endDate: "" },
+        metrics: {
+          distributedMembers: 0,
+          distributedVouchers: 0,
+          distributedFixedValue: null,
+          redeemedMembers: 0,
+          redeemedVouchers: 0,
+          voucherUses: 0,
+          expiredUnusedVouchers: 0,
+          completedBills: 0,
+          exactSales: 0,
+          rewardValueUsed: 0,
+          unusedVoucherValue: null
+        },
+        performanceDetails: []
+      };
+    }
+    function se() {
+      return {
+        type: "PROMOTION",
+        scope: { startDate: "", endDate: "" },
+        metrics: {
+          appliedMembers: 0,
+          memberBills: 0,
+          nonMemberBills: 0,
+          attributedBills: 0,
+          memberSales: 0,
+          nonMemberSales: 0,
+          exactSales: 0,
+          promotionValueUsed: 0
+        },
+        performanceDetails: []
+      };
+    }
+    function re() {
+      return {
+        type: "MISSION",
+        scope: { startDate: "", endDate: "" },
+        metrics: {
+          participants: 0,
+          stampsEarned: 0,
+          stampTransactions: 0,
+          rewardRecipients: 0,
+          rewardIssueTransactions: 0,
+          completedMembers: 0,
+          completionEvents: 0
+        },
+        rewards: [],
+        performanceDetails: []
+      };
+    }
+    function le() {
+      return {
+        type: "GAME",
+        scope: { startDate: "", endDate: "" },
+        metrics: {
+          tokenRecipients: 0,
+          tokensIssued: 0,
+          players: 0,
+          plays: 0,
+          rewardRecipients: 0,
+          rewardIssueTransactions: 0
+        },
+        rewards: [],
+        tokenDistributionDetails: []
+      };
+    }
+    function ne() {
+      return {
+        type: "COIN",
+        scope: { startDate: "", endDate: "" },
+        metrics: {
+          recipients: 0,
+          issuanceTransactions: 0,
+          pointsIssued: 0
+        },
+        sourceDetails: [],
+        performanceDetails: []
+      };
+    }
+    function ie() {
+      return {
+        type: "POINT",
+        scope: { startDate: "", endDate: "" },
+        metrics: {
+          recipients: 0,
+          issuanceTransactions: 0,
+          experienceIssued: 0
+        },
+        sourceDetails: [],
+        performanceDetails: []
+      };
+    }
+    function oe() {
+      return {
+        type: "CREDIT",
+        scope: { startDate: "", endDate: "" },
+        metrics: {
+          recipients: 0,
+          issuanceTransactions: 0,
+          creditIssued: 0
+        },
+        sourceDetails: [],
+        performanceDetails: []
+      };
+    }
+    return ge(async () => {
+      var O, x, z, G, T, B, F;
+      try {
+        await c(async () => {
+          var A, q;
+          f.value = await V.readById(e.params.id);
+          const b = e.meta.campaignType;
+          L.value = !!b && ((q = (A = f.value) == null ? void 0 : A.campaign) == null ? void 0 : q.type) !== b;
+        });
+        const S = {
+          timezone: ue[i.currentCountry.value || "MY"] ?? ue.MY
+        };
+        ((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" && (o.value = b);
+          }).catch(() => {
+          }),
+          y(
+            () => V.readAnalyticsTrend(e.params.id, S)
+          ).then((b) => R.value = b).catch(() => {
+          })
+        ])) : ((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" && (o.value = b);
+        }).catch(() => {
+        })) : ((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" && (o.value = b);
+        }).catch(() => {
+        })) : ((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" && (o.value = b);
+        }).catch(() => {
+        })) : ((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" && (o.value = b);
+        }).catch(() => {
+        })) : ((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" && (o.value = b);
+        }).catch(() => {
+        })) : ((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" && (o.value = b);
+        }).catch(() => {
+        }));
+      } catch {
+        p.value = !0;
+      }
+    }), (O, x) => {
+      var F, S, b, A, q, K, Y, ce;
+      const z = _("FmPill"), G = _("FmPageHead"), T = _("FmIcon"), B = _("FmCard");
+      return n(), v(E, null, [
+        I(G, {
+          title: "Campaign analytic",
+          "back-button": !0,
+          "onClick:back": x[0] || (x[0] = (Q) => l(s).back())
+        }, {
+          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", 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: $(() => [
+              I(T, {
+                name: "error",
+                outline: "",
+                size: "lg",
+                class: "text-fm-color-neutral-gray-300"
+              }),
+              x[2] || (x[2] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Could not load this campaign ", -1)),
+              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
+          })) : 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: $(() => [
+                I(T, {
+                  name: "wrong_location",
+                  outline: "",
+                  size: "lg",
+                  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", Kt, " It is a " + u(l(d).type) + " campaign. Open it from its own campaign list to see the right report. ", 1)
+              ]),
+              _: 1
+            })) : 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: $(() => [
+                I(T, {
+                  name: "inbox",
+                  outline: "",
+                  size: "lg",
+                  class: "text-fm-color-neutral-gray-300"
+                }),
+                x[6] || (x[6] = a("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, " Campaign activity has not started ", -1)),
+                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
+            })) : 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", Xt, u((Y = l(U)) == null ? void 0 : Y.label) + " distribution summary ", 1)
+                ]),
+                I(te, {
+                  cards: l(k).cards
+                }, null, 8, ["cards"])
+              ])) : 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: l(k).cards
+                }, null, 8, ["cards"])
+              ])) : g("", !0),
+              l(k).applicationMix ? (n(), h(dt, {
+                key: 2,
+                mix: l(k).applicationMix
+              }, null, 8, ["mix"])) : l(d).type !== "MISSION" && l(k).funnel.length ? (n(), h(_t, {
+                key: 3,
+                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: l(k).cards
+              }, null, 8, ["cards"])) : g("", !0),
+              l(k).trend.length ? (n(), h(Dt, {
+                key: 5,
+                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)) : (n(), h(de, {
+                key: 7,
+                breakdown: l(k).breakdown
+              }, null, 8, ["breakdown"])),
+              l(k).outcomes.length ? (n(), h(pe, {
+                key: 8,
+                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"])) : g("", !0),
+              I(pe, {
+                title: "Metric definitions",
+                caption: "Hover a metric for its denominator and attribution method",
+                items: l(k).metrics,
+                variant: "row"
+              }, null, 8, ["items"])
+            ], 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: $(() => [
+                I(T, {
+                  name: "query_stats",
+                  outline: "",
+                  size: "lg",
+                  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", Yt, " Reporting has not been defined for " + u(l(d).type) + " campaigns yet. ", 1)
+              ]),
+              _: 1
+            }))
+          ], 64)) : g("", !0)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  oa as default
+};