@ammarkhalidfarooq/dashboard-package 0.6.71 → 0.6.73

package/dist/index.cjs.js

@@ -1450,15 +1450,47 @@ var parseDonationTypeChartData = function parseDonationTypeChartData(donationTyp
   return _objectSpread2(_objectSpread2({}, empty), parseDonationTypeTotals(donationTypeData));
 };
 
+/** Normalizes refundAndChargeBacks from API for PDF + report cards. */
+var parseRefundsChargebacks = function parseRefundsChargebacks(refundsData) {
+  var _raw$refundRate, _raw$chargebackRate, _raw$totalRefundedAmo, _raw$totalRefunds, _raw$totalChargebacks, _raw$wonChargebacks, _raw$lostChargebacks, _raw$growthPercentage, _raw$totalRevenue;
+  var raw = refundsData && _typeof(refundsData) === "object" ? refundsData : {};
+  return {
+    refundRate: Number((_raw$refundRate = raw.refundRate) !== null && _raw$refundRate !== void 0 ? _raw$refundRate : 0),
+    chargebackRate: Number((_raw$chargebackRate = raw.chargebackRate) !== null && _raw$chargebackRate !== void 0 ? _raw$chargebackRate : 0),
+    totalRefundedAmount: Number((_raw$totalRefundedAmo = raw.totalRefundedAmount) !== null && _raw$totalRefundedAmo !== void 0 ? _raw$totalRefundedAmo : 0),
+    totalRefunds: Number((_raw$totalRefunds = raw.totalRefunds) !== null && _raw$totalRefunds !== void 0 ? _raw$totalRefunds : 0),
+    totalChargebacks: Number((_raw$totalChargebacks = raw.totalChargebacks) !== null && _raw$totalChargebacks !== void 0 ? _raw$totalChargebacks : 0),
+    wonChargebacks: Number((_raw$wonChargebacks = raw.wonChargebacks) !== null && _raw$wonChargebacks !== void 0 ? _raw$wonChargebacks : 0),
+    lostChargebacks: Number((_raw$lostChargebacks = raw.lostChargebacks) !== null && _raw$lostChargebacks !== void 0 ? _raw$lostChargebacks : 0),
+    growthPercentage: Number((_raw$growthPercentage = raw.growthPercentage) !== null && _raw$growthPercentage !== void 0 ? _raw$growthPercentage : 0),
+    chartData: Array.isArray(raw.chartData) ? raw.chartData : [],
+    totalRevenue: Number((_raw$totalRevenue = raw.totalRevenue) !== null && _raw$totalRevenue !== void 0 ? _raw$totalRevenue : 0)
+  };
+};
+
+/** Median / top-decile for avg donation KPI (not shown in Overall section UI). */
+var parseAvgDonationDetail = function parseAvgDonationDetail() {
+  var _apiData$overviewStat, _ref, _ref2, _ref3, _ref4, _ref5, _overview$medianDonat, _ref6, _ref7, _ref8, _ref9, _ref0, _overview$topDecileDo;
+  var apiData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var overview = (apiData === null || apiData === void 0 || (_apiData$overviewStat = apiData.overviewStats) === null || _apiData$overviewStat === void 0 ? void 0 : _apiData$overviewStat.overview) || {};
+  var median = Number((_ref = (_ref2 = (_ref3 = (_ref4 = (_ref5 = (_overview$medianDonat = overview === null || overview === void 0 ? void 0 : overview.medianDonation) !== null && _overview$medianDonat !== void 0 ? _overview$medianDonat : overview === null || overview === void 0 ? void 0 : overview.medianGift) !== null && _ref5 !== void 0 ? _ref5 : overview === null || overview === void 0 ? void 0 : overview.median) !== null && _ref4 !== void 0 ? _ref4 : apiData === null || apiData === void 0 ? void 0 : apiData.medianGift) !== null && _ref3 !== void 0 ? _ref3 : apiData === null || apiData === void 0 ? void 0 : apiData.medianDonation) !== null && _ref2 !== void 0 ? _ref2 : apiData === null || apiData === void 0 ? void 0 : apiData.median) !== null && _ref !== void 0 ? _ref : 0);
+  var topDecile = Number((_ref6 = (_ref7 = (_ref8 = (_ref9 = (_ref0 = (_overview$topDecileDo = overview === null || overview === void 0 ? void 0 : overview.topDecileDonation) !== null && _overview$topDecileDo !== void 0 ? _overview$topDecileDo : overview === null || overview === void 0 ? void 0 : overview.topDecileGift) !== null && _ref0 !== void 0 ? _ref0 : overview === null || overview === void 0 ? void 0 : overview.topDecile) !== null && _ref9 !== void 0 ? _ref9 : apiData === null || apiData === void 0 ? void 0 : apiData.topDecileGift) !== null && _ref8 !== void 0 ? _ref8 : apiData === null || apiData === void 0 ? void 0 : apiData.topDecileDonation) !== null && _ref7 !== void 0 ? _ref7 : apiData === null || apiData === void 0 ? void 0 : apiData.topDecile) !== null && _ref6 !== void 0 ? _ref6 : 0);
+  return {
+    median: median,
+    topDecile: topDecile
+    // detail: `Median $${formatNumber(median)} · top decile $${formatNumber(topDecile)}`,
+  };
+};
+
 /** Mirrors PaidDonorGeographyCard row mapping from donorGeography. */
 var parseDonorGeographyList = function parseDonorGeographyList(donorGeographyData) {
   var rawCountries = Array.isArray(donorGeographyData) ? donorGeographyData : (donorGeographyData === null || donorGeographyData === void 0 ? void 0 : donorGeographyData.countries) || (donorGeographyData === null || donorGeographyData === void 0 ? void 0 : donorGeographyData.data) || [];
   return rawCountries.map(function (item) {
-    var _item$percentage, _ref, _ref2, _item$value;
+    var _item$percentage, _ref1, _ref10, _item$value;
     return {
       country: item.countryName || item.country || item.name || "Unknown",
       percentage: typeof item.percentage === "number" ? item.percentage : Number((_item$percentage = item.percentage) !== null && _item$percentage !== void 0 ? _item$percentage : 0),
-      value: item.donations !== undefined ? item.donations : (_ref = (_ref2 = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.totalDonors) !== null && _ref2 !== void 0 ? _ref2 : item.donors) !== null && _ref !== void 0 ? _ref : 0
+      value: item.donations !== undefined ? item.donations : (_ref1 = (_ref10 = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.totalDonors) !== null && _ref10 !== void 0 ? _ref10 : item.donors) !== null && _ref1 !== void 0 ? _ref1 : 0
     };
   });
 };
@@ -1474,12 +1506,13 @@ var getActiveFilterChips = function getActiveFilterChips(apiData) {
   return ["Status: Successful", "Country: United States, UAE", "Amount: $50 – $5,000"];
 };
 var buildReportData = function buildReportData() {
-  var _apiData$overviewStat, _overview$totalRevenu, _overview$netRevenue, _overview$totalDonati, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _overview$overallAVGD2, _growth$overallAVGDon, _growth$totalRevenue, _growth$netRevenue, _growth$totalDonation, _growth$overallAVGDon2, _apiData$medianGift, _apiData$topDecileGif, _apiData$roasCard, _apiData$roasCardPrev, _apiData$adSpend, _apiData$attributedRe, _growth$conversionRat, _refundsRaw$refundRat, _refundsRaw$refundRat2, _refundsRaw$refundCou, _apiData$overviewStat2, _growth$totalRevenue2;
+  var _apiData$overviewStat2, _overview$totalRevenu, _overview$netRevenue, _overview$totalDonati, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _overview$overallAVGD2, _growth$overallAVGDon, _growth$totalRevenue, _growth$netRevenue, _growth$totalDonation, _growth$overallAVGDon2, _apiData$roasCard, _apiData$roasCardPrev, _apiData$adSpend, _apiData$attributedRe, _growth$conversionRat, _apiData$overviewStat3, _growth$totalRevenue2;
   var apiData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var dateName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "Last Period";
-  var overview = (apiData === null || apiData === void 0 || (_apiData$overviewStat = apiData.overviewStats) === null || _apiData$overviewStat === void 0 ? void 0 : _apiData$overviewStat.overview) || {};
+  var overview = (apiData === null || apiData === void 0 || (_apiData$overviewStat2 = apiData.overviewStats) === null || _apiData$overviewStat2 === void 0 ? void 0 : _apiData$overviewStat2.overview) || {};
   var growth = (overview === null || overview === void 0 ? void 0 : overview.growthPercentage) || {};
   var refundsRaw = (apiData === null || apiData === void 0 ? void 0 : apiData.refundAndChargeBacks) || {};
+  var refunds = parseRefundsChargebacks(refundsRaw);
+  var avgDonationDetail = parseAvgDonationDetail(apiData);
   var totalRaised = Number((_overview$totalRevenu = overview === null || overview === void 0 ? void 0 : overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 240938);
   var netRaised = Number((_overview$netRevenue = overview === null || overview === void 0 ? void 0 : overview.netRevenue) !== null && _overview$netRevenue !== void 0 ? _overview$netRevenue : 222300);
   var totalDonors = Number((_overview$totalDonati = overview === null || overview === void 0 ? void 0 : overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 215);
@@ -1510,7 +1543,7 @@ var buildReportData = function buildReportData() {
   var retPct = totalMix > 0 ? 100 - newPct : 0;
   var hero = {
     value: "$".concat(formatNumber(totalRaised)),
-    trend: "".concat(formatTrend((_growth$totalRevenue = growth === null || growth === void 0 ? void 0 : growth.totalRevenue) !== null && _growth$totalRevenue !== void 0 ? _growth$totalRevenue : 18), " vs ").concat(dateName || "last month"),
+    trend: "".concat(formatTrend((_growth$totalRevenue = growth === null || growth === void 0 ? void 0 : growth.totalRevenue) !== null && _growth$totalRevenue !== void 0 ? _growth$totalRevenue : 18), " vs pp"),
     detail: "".concat(passThrough, " \xB7 ").concat(formatNumber(totalDonors), " donors \xB7 $").concat(formatNumber(avgDonation), " avg \xB7 ").concat(formatNumber(totalVisits), " visits")
   };
   var metrics = [{
@@ -1526,8 +1559,8 @@ var buildReportData = function buildReportData() {
   }, {
     title: "Avg Donation",
     value: "$".concat(formatNumber(avgDonation)),
-    trend: formatTrend((_growth$overallAVGDon2 = growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _growth$overallAVGDon2 !== void 0 ? _growth$overallAVGDon2 : 8.4),
-    detail: "Median $".concat(formatNumber((_apiData$medianGift = apiData === null || apiData === void 0 ? void 0 : apiData.medianGift) !== null && _apiData$medianGift !== void 0 ? _apiData$medianGift : 75), " \xB7 top decile $").concat(formatNumber((_apiData$topDecileGif = apiData === null || apiData === void 0 ? void 0 : apiData.topDecileGift) !== null && _apiData$topDecileGif !== void 0 ? _apiData$topDecileGif : 850))
+    trend: formatTrend((_growth$overallAVGDon2 = growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _growth$overallAVGDon2 !== void 0 ? _growth$overallAVGDon2 : 0),
+    detail: avgDonationDetail.detail
   }, {
     title: "ROAS",
     value: "".concat(formatNumber((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0), "x"),
@@ -1540,18 +1573,18 @@ var buildReportData = function buildReportData() {
     detail: "".concat(formatNumber(totalDonors), " from ").concat(formatNumber(totalVisits), " visits")
   }, {
     title: "Refund Rate",
-    value: "".concat(Number((_refundsRaw$refundRat = refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundRate) !== null && _refundsRaw$refundRat !== void 0 ? _refundsRaw$refundRat : 0.84).toFixed(2), "%"),
-    trend: formatTrend((_refundsRaw$refundRat2 = refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundRateChange) !== null && _refundsRaw$refundRat2 !== void 0 ? _refundsRaw$refundRat2 : -0.3, "pp"),
-    detail: "".concat(formatNumber((_refundsRaw$refundCou = refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundCount) !== null && _refundsRaw$refundCou !== void 0 ? _refundsRaw$refundCou : 2), " refunds this period"),
+    value: "".concat(refunds.refundRate.toFixed(2), "%"),
+    trend: formatTrend(refunds.growthPercentage),
+    detail: "".concat(formatNumber(refunds.totalRefunds), " refunds this period"),
     trendPositiveWhenNegative: true
   }];
-  var stackedTR = (apiData === null || apiData === void 0 || (_apiData$overviewStat2 = apiData.overviewStats) === null || _apiData$overviewStat2 === void 0 ? void 0 : _apiData$overviewStat2.totalRaised) || {};
+  var stackedTR = (apiData === null || apiData === void 0 || (_apiData$overviewStat3 = apiData.overviewStats) === null || _apiData$overviewStat3 === void 0 ? void 0 : _apiData$overviewStat3.totalRaised) || {};
   var hasStackedData = (stackedTR === null || stackedTR === void 0 ? void 0 : stackedTR.paidAds) || (stackedTR === null || stackedTR === void 0 ? void 0 : stackedTR.email) || (stackedTR === null || stackedTR === void 0 ? void 0 : stackedTR.organic);
   var mainChart = {
     label: "Total revenue trend",
     subtitle: "Last 30 days · daily aggregation",
     value: "$".concat(formatNumber(totalRaised)),
-    trend: "".concat(formatTrend((_growth$totalRevenue2 = growth === null || growth === void 0 ? void 0 : growth.totalRevenue) !== null && _growth$totalRevenue2 !== void 0 ? _growth$totalRevenue2 : 18), " vs ").concat(dateName || "last month"),
+    trend: "".concat(formatTrend((_growth$totalRevenue2 = growth === null || growth === void 0 ? void 0 : growth.totalRevenue) !== null && _growth$totalRevenue2 !== void 0 ? _growth$totalRevenue2 : 18), " vs pp"),
     hideControls: true,
     stacked: true,
     colors: ["#6366F1", "#10B981", "#06B6D4"],
@@ -1676,7 +1709,7 @@ var buildReportData = function buildReportData() {
     upsellData: (apiData === null || apiData === void 0 ? void 0 : apiData.upSellDetails) || {},
     downsellData: (apiData === null || apiData === void 0 ? void 0 : apiData.downSellDetails) || {},
     referralData: (apiData === null || apiData === void 0 ? void 0 : apiData.referralDetails) || {},
-    refundsChargebacksData: (apiData === null || apiData === void 0 ? void 0 : apiData.refundAndChargeBacks) || []
+    refundsChargebacksData: refunds
   };
 };
 
@@ -2162,6 +2195,21 @@ var DonorGeographyPanel = function DonorGeographyPanel(_ref9) {
     })
   });
 };
+var formatDonationTypeCategory = function formatDonationTypeCategory(label, slotWidth) {
+  var str = String(label !== null && label !== void 0 ? label : "").trim();
+  if (!str) return "";
+  var monthRange = str.match(/^([A-Za-z]{3})-([A-Za-z]{3})(?:\s+\d{2,4})?$/);
+  if (monthRange) {
+    var full = "".concat(monthRange[1], "-").concat(monthRange[2]);
+    var mini = "".concat(monthRange[1][0], "-").concat(monthRange[2][0]);
+    var fullWidth = full.length * 3.1;
+    return fullWidth <= slotWidth - 2 ? full : mini;
+  }
+  var noYear = str.replace(/\s+['']?\d{2,4}$/, "").trim();
+  var maxChars = Math.max(3, Math.floor(slotWidth / 3.1));
+  if (noYear.length <= maxChars) return noYear;
+  return "".concat(noYear.slice(0, Math.max(1, maxChars - 1)), "\u2026");
+};
 var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
   var _ref0$categories = _ref0.categories,
     categories = _ref0$categories === void 0 ? [] : _ref0$categories,
@@ -2178,13 +2226,15 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
   var padL = 30;
   var padR = 2;
   var padT = 14;
-  var padB = 18;
+  var padB = 20;
   var chartW = width - padL - padR;
   var chartH = height - padT - padB;
   var allVals = [].concat(_toConsumableArray(recurring), _toConsumableArray(oneTime));
   var maxVal = Math.max.apply(Math, _toConsumableArray(allVals).concat([0])) || 1;
   var n = categories.length;
   var yTicks = [0, maxVal / 2, maxVal];
+  var groupW = n > 0 ? chartW / n : chartW;
+  var labelFontSize = n > 3 ? 5 : 5.5;
   if (!n) {
     return /*#__PURE__*/jsxRuntime.jsxs("svg", {
       width: "100%",
@@ -2209,7 +2259,6 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
       })]
     });
   }
-  var groupW = chartW / n;
   var barW = Math.min(groupW * 0.3, 12);
   var baseY = padT + chartH;
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
@@ -2219,7 +2268,19 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
     style: {
       display: "block"
     },
-    children: [yTicks.map(function (tick, i) {
+    children: [/*#__PURE__*/jsxRuntime.jsx("defs", {
+      children: categories.map(function (_, i) {
+        return /*#__PURE__*/jsxRuntime.jsx("clipPath", {
+          id: "donation-type-cat-clip-".concat(i),
+          children: /*#__PURE__*/jsxRuntime.jsx("rect", {
+            x: padL + i * groupW,
+            y: baseY + 2,
+            width: groupW,
+            height: padB - 2
+          })
+        }, "clip-".concat(i));
+      })
+    }), yTicks.map(function (tick, i) {
       var y = padT + chartH - tick / maxVal * chartH;
       return /*#__PURE__*/jsxRuntime.jsxs("g", {
         children: [/*#__PURE__*/jsxRuntime.jsx("line", {
@@ -2283,11 +2344,12 @@ var DonationTypeBarSvg = function DonationTypeBarSvg(_ref0) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsx("text", {
           x: groupX,
-          y: height - 4,
+          y: height - 5,
           textAnchor: "middle",
-          fontSize: 7.5,
+          fontSize: labelFontSize,
           fill: "rgba(0,0,0,0.4)",
-          children: cat
+          clipPath: "url(#donation-type-cat-clip-".concat(i, ")"),
+          children: formatDonationTypeCategory(cat, groupW)
         })]
       }, "bar-".concat(i));
     })]
@@ -2696,7 +2758,7 @@ var PageFooter = function PageFooter(_ref13) {
 
 // ─── Main component ───────────────────────────────────────────────────────────
 var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
-  var _apiData$overviewStat, _overview$totalRevenu, _overview$netRevenue, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _refundsRaw$refundRat, _refundsRaw$chargebac, _apiData$trafficSourc, _apiData$trafficSourc2, _apiData$trafficSourc3, _metricByTitle$NetRa, _metricByTitle$Total, _metricByTitle$Total2, _metricByTitle$Total3, _metricByTitle$AvgDo, _metricByTitle$AvgDo2, _apiData$medianGift, _apiData$topDecileGif, _apiData$roasCard, _metricByTitle$ROAS, _apiData$roasCardPrev, _metricByTitle$ROAS2, _apiData$adSpend, _apiData$attributedRe, _metricByTitle$Conver, _metricByTitle$Conver2, _metricByTitle$Refund, _metricByTitle$Refund2, _refundsRaw$refundCou, _metricByTitle$Refund3, _mainChart$stacked, _refundsRaw$refundRat2, _ob$growthPercentage, _ob$peakDay, _up$acceptanceGrowth, _up$raisedGrowth, _dn$acceptanceGrowth, _dn$raisedGrowth, _refCard$growthPercen;
+  var _apiData$overviewStat, _overview$totalRevenu, _overview$netRevenue, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _apiData$trafficSourc, _apiData$trafficSourc2, _apiData$trafficSourc3, _metricByTitle$NetRa, _metricByTitle$Total, _metricByTitle$Total2, _metricByTitle$Total3, _metricByTitle$AvgDo, _growth$overallAVGDon, _metricByTitle$AvgDo2, _apiData$roasCard, _metricByTitle$ROAS, _apiData$roasCardPrev, _metricByTitle$ROAS2, _apiData$adSpend, _apiData$attributedRe, _metricByTitle$Conver, _metricByTitle$Conver2, _metricByTitle$Refund, _metricByTitle$Refund2, _metricByTitle$Refund3, _mainChart$stacked, _ob$growthPercentage, _ob$peakDay, _up$acceptanceGrowth, _up$raisedGrowth, _dn$acceptanceGrowth, _dn$raisedGrowth, _refCard$growthPercen;
   var _ref14$apiData = _ref14.apiData,
     apiData = _ref14$apiData === void 0 ? {} : _ref14$apiData,
     _ref14$dateName = _ref14.dateName,
@@ -2768,9 +2830,15 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
   var convRate = Number((_overview$conversionR = overview === null || overview === void 0 ? void 0 : overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 1.7);
   var totalVisits = Number((_apiData$totalVisits = apiData === null || apiData === void 0 ? void 0 : apiData.totalVisits) !== null && _apiData$totalVisits !== void 0 ? _apiData$totalVisits : 12438);
   var passThrough = totalRaised > 0 ? "".concat((netRaised / totalRaised * 100).toFixed(1), "% pass-through") : "92.3% pass-through";
-  var refundsRaw = (apiData === null || apiData === void 0 ? void 0 : apiData.refundAndChargeBacks) || {};
-  var refundRate = Number((_refundsRaw$refundRat = refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundRate) !== null && _refundsRaw$refundRat !== void 0 ? _refundsRaw$refundRat : 0.84);
-  var chargebackRate = Number((_refundsRaw$chargebac = refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.chargebackRate) !== null && _refundsRaw$chargebac !== void 0 ? _refundsRaw$chargebac : 0.1);
+  var avgDonationDetail = parseAvgDonationDetail(apiData);
+  var refunds = parseRefundsChargebacks(apiData === null || apiData === void 0 ? void 0 : apiData.refundAndChargeBacks);
+  var refundRate = refunds.refundRate,
+    chargebackRate = refunds.chargebackRate,
+    growthPercentage = refunds.growthPercentage,
+    totalRefundedAmount = refunds.totalRefundedAmount,
+    totalRefunds = refunds.totalRefunds,
+    totalChargebacks = refunds.totalChargebacks,
+    lostChargebacks = refunds.lostChargebacks;
   var newDonors = donorMix.newDonors,
     returningDonors = donorMix.returningDonors,
     totalMix = donorMix.totalMix,
@@ -2923,8 +2991,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
           }), /*#__PURE__*/jsxRuntime.jsx(KpiCard, {
             title: "Avg Donation",
             value: kpi$(avgDonation),
-            trend: ((_metricByTitle$AvgDo = metricByTitle["Avg Donation"]) === null || _metricByTitle$AvgDo === void 0 ? void 0 : _metricByTitle$AvgDo.trend) || signed((growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) || 8.4),
-            detail: ((_metricByTitle$AvgDo2 = metricByTitle["Avg Donation"]) === null || _metricByTitle$AvgDo2 === void 0 ? void 0 : _metricByTitle$AvgDo2.detail) || "Median ".concat(d$((_apiData$medianGift = apiData === null || apiData === void 0 ? void 0 : apiData.medianGift) !== null && _apiData$medianGift !== void 0 ? _apiData$medianGift : 75), " \xB7 top decile ").concat(d$((_apiData$topDecileGif = apiData === null || apiData === void 0 ? void 0 : apiData.topDecileGift) !== null && _apiData$topDecileGif !== void 0 ? _apiData$topDecileGif : 850))
+            trend: ((_metricByTitle$AvgDo = metricByTitle["Avg Donation"]) === null || _metricByTitle$AvgDo === void 0 ? void 0 : _metricByTitle$AvgDo.trend) || signed((_growth$overallAVGDon = growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _growth$overallAVGDon !== void 0 ? _growth$overallAVGDon : 0),
+            detail: ((_metricByTitle$AvgDo2 = metricByTitle["Avg Donation"]) === null || _metricByTitle$AvgDo2 === void 0 ? void 0 : _metricByTitle$AvgDo2.detail) || avgDonationDetail.detail
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           style: {
@@ -2945,8 +3013,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
           }), /*#__PURE__*/jsxRuntime.jsx(KpiCard, {
             title: "Refund Rate",
             value: pct(refundRate, 2),
-            trend: ((_metricByTitle$Refund = metricByTitle["Refund Rate"]) === null || _metricByTitle$Refund === void 0 ? void 0 : _metricByTitle$Refund.trend) || signed((refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundRateChange) || -0.3, "pp"),
-            detail: ((_metricByTitle$Refund2 = metricByTitle["Refund Rate"]) === null || _metricByTitle$Refund2 === void 0 ? void 0 : _metricByTitle$Refund2.detail) || "".concat(formatNumber((_refundsRaw$refundCou = refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundCount) !== null && _refundsRaw$refundCou !== void 0 ? _refundsRaw$refundCou : 2), " refunds this period"),
+            trend: ((_metricByTitle$Refund = metricByTitle["Refund Rate"]) === null || _metricByTitle$Refund === void 0 ? void 0 : _metricByTitle$Refund.trend) || signed(growthPercentage),
+            detail: ((_metricByTitle$Refund2 = metricByTitle["Refund Rate"]) === null || _metricByTitle$Refund2 === void 0 ? void 0 : _metricByTitle$Refund2.detail) || "".concat(formatNumber(totalRefunds), " refunds this period"),
             trendPositiveWhenNegative: (_metricByTitle$Refund3 = metricByTitle["Refund Rate"]) === null || _metricByTitle$Refund3 === void 0 ? void 0 : _metricByTitle$Refund3.trendPositiveWhenNegative
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -3287,9 +3355,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
                     style: {
                       fontSize: 9
                     },
-                    children: formatArrowTrend((_refundsRaw$refundRat2 = refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundRateChange) !== null && _refundsRaw$refundRat2 !== void 0 ? _refundsRaw$refundRat2 : 0, {
-                      suffix: "pp"
-                    })
+                    children: growthPercentage === 0 ? "stable" : formatArrowTrend(growthPercentage)
                   })
                 })]
               }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -3314,7 +3380,13 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
                     fontSize: 9,
                     color: "#9CA3AF"
                   },
-                  children: "stable"
+                  children: growthPercentage === 0 ? "stable" : /*#__PURE__*/jsxRuntime.jsx(TrendText, {
+                    invert: true,
+                    style: {
+                      fontSize: 9
+                    },
+                    children: formatArrowTrend(growthPercentage)
+                  })
                 })]
               })]
             }), /*#__PURE__*/jsxRuntime.jsx(Divider, {
@@ -3325,7 +3397,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
                 color: "#6B7280",
                 lineHeight: 1.45
               },
-              children: [d$((refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.refundAmount) || 0), " refunded \xB7 ", d$((refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.disputedAmount) || 0), " disputed \xB7 ", formatNumber((refundsRaw === null || refundsRaw === void 0 ? void 0 : refundsRaw.casesLost) || 0), " cases lost"]
+              children: [d$(totalRefundedAmount), " refunded \xB7 ", formatNumber(totalChargebacks), " chargebacks \xB7 ", formatNumber(lostChargebacks), " cases lost"]
             })]
           }), /*#__PURE__*/jsxRuntime.jsx(Panel, {
             title: "Traffic source",