@ammarkhalidfarooq/dashboard-package 0.6.125 → 0.6.126

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/MetricCard.cjs.js.map +1 -1
  2. package/dist/MetricCard.es.js.map +1 -1
  3. package/dist/RenderChartCard.cjs.js +1 -1
  4. package/dist/RenderChartCard.cjs.js.map +1 -1
  5. package/dist/RenderChartCard.es.js +1 -1
  6. package/dist/RenderChartCard.es.js.map +1 -1
  7. package/dist/index.cjs.js +106 -72
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.es.js +106 -72
  10. package/dist/index.es.js.map +1 -1
  11. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -430,10 +430,19 @@ function getTrendArrow(valueOrText) {
430
430
  return "";
431
431
  }
432
432
  function formatCurrency(value) {
433
- return "$".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2));
433
+ return "$".concat(Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US"));
434
434
  }
435
435
  function formatNumber(num) {
436
- return Number(num !== null && num !== void 0 ? num : 0).toFixed(2);
436
+ if (num >= 1000000000) {
437
+ return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
438
+ }
439
+ if (num >= 1000000) {
440
+ return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
441
+ }
442
+ if (num >= 1000) {
443
+ return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
444
+ }
445
+ return (num !== null && num !== void 0 ? num : 0).toString();
437
446
  }
438
447
 
439
448
  var RevenueChart = function RevenueChart(_ref) {
@@ -6911,7 +6920,8 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
6911
6920
  data: chargebackSeries
6912
6921
  }];
6913
6922
  var fmt = function fmt(n) {
6914
- return Number(n !== null && n !== void 0 ? n : 0).toFixed(2);
6923
+ var _n$toFixed;
6924
+ return n >= 1000 ? "".concat((n / 1000).toFixed(1), "k") : parseFloat((_n$toFixed = n === null || n === void 0 ? void 0 : n.toFixed(2)) !== null && _n$toFixed !== void 0 ? _n$toFixed : 0).toString();
6915
6925
  };
6916
6926
  var growthColor = growthPercentage > 0 ? "#EF4444" : growthPercentage < 0 ? "#22C55E" : "rgba(0,0,0,0.4)";
6917
6927
  var growthLabel = growthPercentage > 0 ? "\u25B2 ".concat(growthPercentage.toFixed(1), "%") : growthPercentage < 0 ? "\u25BC ".concat(Math.abs(growthPercentage).toFixed(1), "%") : "stable";
@@ -8085,7 +8095,7 @@ var UTMPerformance = function UTMPerformance() {
8085
8095
  tickAmount: 3,
8086
8096
  labels: {
8087
8097
  formatter: function formatter(v) {
8088
- return metric === "Revenue" ? "$".concat(Number(v).toFixed(2)) : Number(v).toFixed(2);
8098
+ return metric === "Revenue" ? "$".concat(Math.round(v)) : Math.round(v);
8089
8099
  },
8090
8100
  style: {
8091
8101
  fontSize: "11px",
@@ -17663,8 +17673,14 @@ var EmailSectionSkeleton = function EmailSectionSkeleton() {
17663
17673
  });
17664
17674
  };
17665
17675
 
17676
+ var formatKpi$3 = function formatKpi(value) {
17677
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
17678
+ minimumFractionDigits: 2,
17679
+ maximumFractionDigits: 2
17680
+ });
17681
+ };
17666
17682
  var OverallSection = function OverallSection(_ref) {
17667
- var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$overviewStat13, _apiData$overviewStat14, _apiData$overviewStat15, _apiData$overviewStat16, _apiData$overviewStat17, _apiData$overviewStat18, _apiData$overviewStat19, _apiData$overviewStat20, _apiData$overviewStat21, _apiData$overviewStat22, _apiData$overviewStat23, _apiData$overviewStat24, _apiData$overviewStat25;
17683
+ var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$overviewStat13, _apiData$overviewStat14, _apiData$overviewStat15, _apiData$overviewStat16, _apiData$overviewStat17, _apiData$overviewStat18, _apiData$overviewStat19, _apiData$overviewStat20, _apiData$overviewStat21, _apiData$overviewStat22, _apiData$overviewStat23, _apiData$overviewStat24, _apiData$overviewStat25, _apiData$overviewStat26;
17668
17684
  var _ref$apiData = _ref.apiData,
17669
17685
  apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
17670
17686
  primaryCharts = _ref.primaryCharts,
@@ -17735,7 +17751,7 @@ var OverallSection = function OverallSection(_ref) {
17735
17751
  };
17736
17752
  var metricInfo = {
17737
17753
  "Total Raised": {
17738
- value: "$".concat(formatNumber(((_apiData$overviewStat = apiData === null || apiData === void 0 || (_apiData$overviewStat2 = apiData.overviewStats) === null || _apiData$overviewStat2 === void 0 || (_apiData$overviewStat2 = _apiData$overviewStat2.overview) === null || _apiData$overviewStat2 === void 0 ? void 0 : _apiData$overviewStat2.totalRevenue) !== null && _apiData$overviewStat !== void 0 ? _apiData$overviewStat : 0).toFixed(2))) || "$0",
17754
+ value: "$".concat(formatKpi$3((_apiData$overviewStat = apiData === null || apiData === void 0 || (_apiData$overviewStat2 = apiData.overviewStats) === null || _apiData$overviewStat2 === void 0 || (_apiData$overviewStat2 = _apiData$overviewStat2.overview) === null || _apiData$overviewStat2 === void 0 ? void 0 : _apiData$overviewStat2.totalRevenue) !== null && _apiData$overviewStat !== void 0 ? _apiData$overviewStat : 0)) || "$0",
17739
17755
  subValue: "".concat(Number((_apiData$overviewStat3 = apiData === null || apiData === void 0 || (_apiData$overviewStat4 = apiData.overviewStats) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.overview) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.growthPercentage) === null || _apiData$overviewStat4 === void 0 ? void 0 : _apiData$overviewStat4.totalRevenue) !== null && _apiData$overviewStat3 !== void 0 ? _apiData$overviewStat3 : 0).toFixed(2), "% vs pp"),
17740
17756
  label: "Total Raised",
17741
17757
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -17744,7 +17760,7 @@ var OverallSection = function OverallSection(_ref) {
17744
17760
  warning: false
17745
17761
  },
17746
17762
  "Net Raised": {
17747
- value: "$".concat(formatNumber(((_apiData$overviewStat5 = apiData === null || apiData === void 0 || (_apiData$overviewStat6 = apiData.overviewStats) === null || _apiData$overviewStat6 === void 0 || (_apiData$overviewStat6 = _apiData$overviewStat6.overview) === null || _apiData$overviewStat6 === void 0 ? void 0 : _apiData$overviewStat6.netRevenue) !== null && _apiData$overviewStat5 !== void 0 ? _apiData$overviewStat5 : 0).toFixed(2))),
17763
+ value: "$".concat(formatKpi$3((_apiData$overviewStat5 = apiData === null || apiData === void 0 || (_apiData$overviewStat6 = apiData.overviewStats) === null || _apiData$overviewStat6 === void 0 || (_apiData$overviewStat6 = _apiData$overviewStat6.overview) === null || _apiData$overviewStat6 === void 0 ? void 0 : _apiData$overviewStat6.netRevenue) !== null && _apiData$overviewStat5 !== void 0 ? _apiData$overviewStat5 : 0)),
17748
17764
  subValue: "".concat(Number((_apiData$overviewStat7 = apiData === null || apiData === void 0 || (_apiData$overviewStat8 = apiData.overviewStats) === null || _apiData$overviewStat8 === void 0 || (_apiData$overviewStat8 = _apiData$overviewStat8.overview.growthPercentage) === null || _apiData$overviewStat8 === void 0 ? void 0 : _apiData$overviewStat8.netRevenue) !== null && _apiData$overviewStat7 !== void 0 ? _apiData$overviewStat7 : 0).toFixed(2), "% vs pp\n "),
17749
17765
  label: "Net Raised",
17750
17766
  icon: /*#__PURE__*/jsx(RequestQuoteOutlined, {}),
@@ -17753,8 +17769,8 @@ var OverallSection = function OverallSection(_ref) {
17753
17769
  warning: false
17754
17770
  },
17755
17771
  "Total Donors": {
17756
- value: (apiData === null || apiData === void 0 || (_apiData$overviewStat9 = apiData.overviewStats) === null || _apiData$overviewStat9 === void 0 || (_apiData$overviewStat9 = _apiData$overviewStat9.overview) === null || _apiData$overviewStat9 === void 0 ? void 0 : _apiData$overviewStat9.totalDonations) || "0",
17757
- subValue: "".concat(Number((_apiData$overviewStat0 = apiData === null || apiData === void 0 || (_apiData$overviewStat1 = apiData.overviewStats) === null || _apiData$overviewStat1 === void 0 || (_apiData$overviewStat1 = _apiData$overviewStat1.overview.growthPercentage) === null || _apiData$overviewStat1 === void 0 ? void 0 : _apiData$overviewStat1.totalDonations) !== null && _apiData$overviewStat0 !== void 0 ? _apiData$overviewStat0 : 0).toFixed(2), "%") || "0 new",
17772
+ value: formatKpi$3((_apiData$overviewStat9 = apiData === null || apiData === void 0 || (_apiData$overviewStat0 = apiData.overviewStats) === null || _apiData$overviewStat0 === void 0 || (_apiData$overviewStat0 = _apiData$overviewStat0.overview) === null || _apiData$overviewStat0 === void 0 ? void 0 : _apiData$overviewStat0.totalDonations) !== null && _apiData$overviewStat9 !== void 0 ? _apiData$overviewStat9 : 0),
17773
+ subValue: "".concat(Number((_apiData$overviewStat1 = apiData === null || apiData === void 0 || (_apiData$overviewStat10 = apiData.overviewStats) === null || _apiData$overviewStat10 === void 0 || (_apiData$overviewStat10 = _apiData$overviewStat10.overview.growthPercentage) === null || _apiData$overviewStat10 === void 0 ? void 0 : _apiData$overviewStat10.totalDonations) !== null && _apiData$overviewStat1 !== void 0 ? _apiData$overviewStat1 : 0).toFixed(2), "%") || "0 new",
17758
17774
  label: "Total Donors",
17759
17775
  icon: /*#__PURE__*/jsx(PeopleAltOutlined, {}),
17760
17776
  money: false,
@@ -17762,8 +17778,8 @@ var OverallSection = function OverallSection(_ref) {
17762
17778
  warning: false
17763
17779
  },
17764
17780
  "Avg Donation": {
17765
- value: "$".concat(formatNumber(((_apiData$overviewStat10 = apiData === null || apiData === void 0 || (_apiData$overviewStat11 = apiData.overviewStats) === null || _apiData$overviewStat11 === void 0 || (_apiData$overviewStat11 = _apiData$overviewStat11.overview) === null || _apiData$overviewStat11 === void 0 ? void 0 : _apiData$overviewStat11.overallAVGDonations) !== null && _apiData$overviewStat10 !== void 0 ? _apiData$overviewStat10 : 0).toFixed(2))),
17766
- subValue: "".concat(Number((_apiData$overviewStat12 = apiData === null || apiData === void 0 || (_apiData$overviewStat13 = apiData.overviewStats) === null || _apiData$overviewStat13 === void 0 || (_apiData$overviewStat13 = _apiData$overviewStat13.overview.growthPercentage) === null || _apiData$overviewStat13 === void 0 ? void 0 : _apiData$overviewStat13.overallAVGDonations) !== null && _apiData$overviewStat12 !== void 0 ? _apiData$overviewStat12 : 0).toFixed(2), "% vs pp\n "),
17781
+ value: "$".concat(formatKpi$3((_apiData$overviewStat11 = apiData === null || apiData === void 0 || (_apiData$overviewStat12 = apiData.overviewStats) === null || _apiData$overviewStat12 === void 0 || (_apiData$overviewStat12 = _apiData$overviewStat12.overview) === null || _apiData$overviewStat12 === void 0 ? void 0 : _apiData$overviewStat12.overallAVGDonations) !== null && _apiData$overviewStat11 !== void 0 ? _apiData$overviewStat11 : 0)),
17782
+ subValue: "".concat(Number((_apiData$overviewStat13 = apiData === null || apiData === void 0 || (_apiData$overviewStat14 = apiData.overviewStats) === null || _apiData$overviewStat14 === void 0 || (_apiData$overviewStat14 = _apiData$overviewStat14.overview.growthPercentage) === null || _apiData$overviewStat14 === void 0 ? void 0 : _apiData$overviewStat14.overallAVGDonations) !== null && _apiData$overviewStat13 !== void 0 ? _apiData$overviewStat13 : 0).toFixed(2), "% vs pp\n "),
17767
17783
  label: "Average Donation Amount",
17768
17784
  icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
17769
17785
  money: true,
@@ -17771,8 +17787,8 @@ var OverallSection = function OverallSection(_ref) {
17771
17787
  warning: false
17772
17788
  },
17773
17789
  "ROAS": {
17774
- value: "".concat(formatNumber(((_apiData$overviewStat14 = apiData === null || apiData === void 0 || (_apiData$overviewStat15 = apiData.overviewStats) === null || _apiData$overviewStat15 === void 0 || (_apiData$overviewStat15 = _apiData$overviewStat15.overview) === null || _apiData$overviewStat15 === void 0 ? void 0 : _apiData$overviewStat15.roas) !== null && _apiData$overviewStat14 !== void 0 ? _apiData$overviewStat14 : 0).toFixed(2)), "x"),
17775
- subValue: "".concat(Number((_apiData$overviewStat16 = apiData === null || apiData === void 0 || (_apiData$overviewStat17 = apiData.overviewStats) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.overview) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.growthPercentage) === null || _apiData$overviewStat17 === void 0 ? void 0 : _apiData$overviewStat17.roas) !== null && _apiData$overviewStat16 !== void 0 ? _apiData$overviewStat16 : 0).toFixed(2), "x vs pp"),
17790
+ value: "".concat(formatKpi$3((_apiData$overviewStat15 = apiData === null || apiData === void 0 || (_apiData$overviewStat16 = apiData.overviewStats) === null || _apiData$overviewStat16 === void 0 || (_apiData$overviewStat16 = _apiData$overviewStat16.overview) === null || _apiData$overviewStat16 === void 0 ? void 0 : _apiData$overviewStat16.roas) !== null && _apiData$overviewStat15 !== void 0 ? _apiData$overviewStat15 : 0), "x"),
17791
+ subValue: "".concat(Number((_apiData$overviewStat17 = apiData === null || apiData === void 0 || (_apiData$overviewStat18 = apiData.overviewStats) === null || _apiData$overviewStat18 === void 0 || (_apiData$overviewStat18 = _apiData$overviewStat18.overview) === null || _apiData$overviewStat18 === void 0 || (_apiData$overviewStat18 = _apiData$overviewStat18.growthPercentage) === null || _apiData$overviewStat18 === void 0 ? void 0 : _apiData$overviewStat18.roas) !== null && _apiData$overviewStat17 !== void 0 ? _apiData$overviewStat17 : 0).toFixed(2), "x vs pp"),
17776
17792
  label: "ROAS",
17777
17793
  icon: /*#__PURE__*/jsx(TrendingUp, {}),
17778
17794
  money: false,
@@ -17780,8 +17796,8 @@ var OverallSection = function OverallSection(_ref) {
17780
17796
  warning: false
17781
17797
  },
17782
17798
  "Conversion": {
17783
- value: "".concat(formatNumber(((_apiData$overviewStat18 = apiData === null || apiData === void 0 || (_apiData$overviewStat19 = apiData.overviewStats) === null || _apiData$overviewStat19 === void 0 || (_apiData$overviewStat19 = _apiData$overviewStat19.overview) === null || _apiData$overviewStat19 === void 0 ? void 0 : _apiData$overviewStat19.conversionRate) !== null && _apiData$overviewStat18 !== void 0 ? _apiData$overviewStat18 : 0).toFixed(2)), "%"),
17784
- subValue: "".concat(((_apiData$overviewStat20 = apiData === null || apiData === void 0 || (_apiData$overviewStat21 = apiData.overviewStats) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.overview) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.growthPercentage) === null || _apiData$overviewStat21 === void 0 ? void 0 : _apiData$overviewStat21.conversionRate) !== null && _apiData$overviewStat20 !== void 0 ? _apiData$overviewStat20 : 0).toFixed(2), "%") || "0%",
17799
+ value: "".concat(formatKpi$3((_apiData$overviewStat19 = apiData === null || apiData === void 0 || (_apiData$overviewStat20 = apiData.overviewStats) === null || _apiData$overviewStat20 === void 0 || (_apiData$overviewStat20 = _apiData$overviewStat20.overview) === null || _apiData$overviewStat20 === void 0 ? void 0 : _apiData$overviewStat20.conversionRate) !== null && _apiData$overviewStat19 !== void 0 ? _apiData$overviewStat19 : 0), "%"),
17800
+ subValue: "".concat(((_apiData$overviewStat21 = apiData === null || apiData === void 0 || (_apiData$overviewStat22 = apiData.overviewStats) === null || _apiData$overviewStat22 === void 0 || (_apiData$overviewStat22 = _apiData$overviewStat22.overview) === null || _apiData$overviewStat22 === void 0 || (_apiData$overviewStat22 = _apiData$overviewStat22.growthPercentage) === null || _apiData$overviewStat22 === void 0 ? void 0 : _apiData$overviewStat22.conversionRate) !== null && _apiData$overviewStat21 !== void 0 ? _apiData$overviewStat21 : 0).toFixed(2), "%") || "0%",
17785
17801
  label: "Conversion Rate",
17786
17802
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
17787
17803
  money: false,
@@ -17815,8 +17831,8 @@ var OverallSection = function OverallSection(_ref) {
17815
17831
  newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
17816
17832
  returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
17817
17833
  }
17818
- var avgGift = Number(((_apiData$overviewStat22 = apiData === null || apiData === void 0 || (_apiData$overviewStat23 = apiData.overviewStats) === null || _apiData$overviewStat23 === void 0 || (_apiData$overviewStat23 = _apiData$overviewStat23.overview) === null || _apiData$overviewStat23 === void 0 ? void 0 : _apiData$overviewStat23.overallAVGDonations) !== null && _apiData$overviewStat22 !== void 0 ? _apiData$overviewStat22 : 0).toFixed(2));
17819
- var donorMixPrev = Number(((_apiData$overviewStat24 = apiData === null || apiData === void 0 || (_apiData$overviewStat25 = apiData.overviewStats) === null || _apiData$overviewStat25 === void 0 || (_apiData$overviewStat25 = _apiData$overviewStat25.overview) === null || _apiData$overviewStat25 === void 0 || (_apiData$overviewStat25 = _apiData$overviewStat25.growthPercentage) === null || _apiData$overviewStat25 === void 0 ? void 0 : _apiData$overviewStat25.overallAVGDonations) !== null && _apiData$overviewStat24 !== void 0 ? _apiData$overviewStat24 : 0).toFixed(2));
17834
+ var avgGift = Number(((_apiData$overviewStat23 = apiData === null || apiData === void 0 || (_apiData$overviewStat24 = apiData.overviewStats) === null || _apiData$overviewStat24 === void 0 || (_apiData$overviewStat24 = _apiData$overviewStat24.overview) === null || _apiData$overviewStat24 === void 0 ? void 0 : _apiData$overviewStat24.overallAVGDonations) !== null && _apiData$overviewStat23 !== void 0 ? _apiData$overviewStat23 : 0).toFixed(2));
17835
+ var donorMixPrev = Number(((_apiData$overviewStat25 = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 || (_apiData$overviewStat26 = _apiData$overviewStat26.overview) === null || _apiData$overviewStat26 === void 0 || (_apiData$overviewStat26 = _apiData$overviewStat26.growthPercentage) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.overallAVGDonations) !== null && _apiData$overviewStat25 !== void 0 ? _apiData$overviewStat25 : 0).toFixed(2));
17820
17836
  var renderCard = function renderCard(title) {
17821
17837
  return /*#__PURE__*/jsx(MetricCard$1
17822
17838
  // key={title}
@@ -17905,8 +17921,8 @@ var OverallSection = function OverallSection(_ref) {
17905
17921
  };
17906
17922
  };
17907
17923
  if (activeMetric === "Total Raised") {
17908
- var _apiData$overviewStat26;
17909
- var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.totalRaised;
17924
+ var _apiData$overviewStat27;
17925
+ var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat27 = apiData.overviewStats) === null || _apiData$overviewStat27 === void 0 ? void 0 : _apiData$overviewStat27.totalRaised;
17910
17926
  var hasStackedData = (stackedData === null || stackedData === void 0 ? void 0 : stackedData.paidAds) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.email) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.organic);
17911
17927
  if (hasStackedData) {
17912
17928
  var _buildStackedSeries = buildStackedSeries(stackedData),
@@ -17929,8 +17945,8 @@ var OverallSection = function OverallSection(_ref) {
17929
17945
  }
17930
17946
  }
17931
17947
  if (activeMetric === "Net Raised") {
17932
- var _apiData$overviewStat27;
17933
- var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat27 = apiData.overviewStats) === null || _apiData$overviewStat27 === void 0 ? void 0 : _apiData$overviewStat27.netRaised;
17948
+ var _apiData$overviewStat28;
17949
+ var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat28 = apiData.overviewStats) === null || _apiData$overviewStat28 === void 0 ? void 0 : _apiData$overviewStat28.netRaised;
17934
17950
  var _hasStackedData = (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || (netData === null || netData === void 0 ? void 0 : netData.organic);
17935
17951
  if (_hasStackedData) {
17936
17952
  var _buildStackedSeries2 = buildStackedSeries(netData),
@@ -17961,8 +17977,8 @@ var OverallSection = function OverallSection(_ref) {
17961
17977
  }
17962
17978
  }
17963
17979
  if (activeMetric === "Total Donors") {
17964
- var _apiData$overviewStat28;
17965
- var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat28 = apiData.overviewStats) === null || _apiData$overviewStat28 === void 0 ? void 0 : _apiData$overviewStat28.totalDonations;
17980
+ var _apiData$overviewStat29;
17981
+ var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat29 = apiData.overviewStats) === null || _apiData$overviewStat29 === void 0 ? void 0 : _apiData$overviewStat29.totalDonations;
17966
17982
  var _hasStackedData2 = (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic);
17967
17983
  if (_hasStackedData2) {
17968
17984
  var _buildStackedSeries3 = buildStackedSeries(donorsData),
@@ -17993,8 +18009,8 @@ var OverallSection = function OverallSection(_ref) {
17993
18009
  }
17994
18010
  }
17995
18011
  if (activeMetric === "ROAS") {
17996
- var _apiData$overviewStat29;
17997
- var roasData = apiData === null || apiData === void 0 || (_apiData$overviewStat29 = apiData.overviewStats) === null || _apiData$overviewStat29 === void 0 ? void 0 : _apiData$overviewStat29.roas;
18012
+ var _apiData$overviewStat30;
18013
+ var roasData = apiData === null || apiData === void 0 || (_apiData$overviewStat30 = apiData.overviewStats) === null || _apiData$overviewStat30 === void 0 ? void 0 : _apiData$overviewStat30.roas;
17998
18014
  var _hasStackedData3 = (roasData === null || roasData === void 0 ? void 0 : roasData.paidAds) || (roasData === null || roasData === void 0 ? void 0 : roasData.email) || (roasData === null || roasData === void 0 ? void 0 : roasData.organic);
17999
18015
  if (_hasStackedData3) {
18000
18016
  var _buildStackedSeries4 = buildStackedSeries(roasData),
@@ -18025,8 +18041,8 @@ var OverallSection = function OverallSection(_ref) {
18025
18041
  }
18026
18042
  }
18027
18043
  if (activeMetric === "Conversion") {
18028
- var _apiData$overviewStat30;
18029
- var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat30 = apiData.overviewStats) === null || _apiData$overviewStat30 === void 0 ? void 0 : _apiData$overviewStat30.conversionRate;
18044
+ var _apiData$overviewStat31;
18045
+ var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat31 = apiData.overviewStats) === null || _apiData$overviewStat31 === void 0 ? void 0 : _apiData$overviewStat31.conversionRate;
18030
18046
  var _hasStackedData4 = (conversionData === null || conversionData === void 0 ? void 0 : conversionData.paidAds) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.email) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.organic);
18031
18047
  if (_hasStackedData4) {
18032
18048
  var _buildStackedSeries5 = buildStackedSeries(conversionData),
@@ -18057,8 +18073,8 @@ var OverallSection = function OverallSection(_ref) {
18057
18073
  }
18058
18074
  }
18059
18075
  if (activeMetric === "Avg Donation") {
18060
- var _apiData$overviewStat31;
18061
- var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat31 = apiData.overviewStats) === null || _apiData$overviewStat31 === void 0 ? void 0 : _apiData$overviewStat31.avgDonations;
18076
+ var _apiData$overviewStat32;
18077
+ var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat32 = apiData.overviewStats) === null || _apiData$overviewStat32 === void 0 ? void 0 : _apiData$overviewStat32.avgDonations;
18062
18078
  var _hasStackedData5 = (avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || (avgData === null || avgData === void 0 ? void 0 : avgData.email) || (avgData === null || avgData === void 0 ? void 0 : avgData.organic);
18063
18079
  if (_hasStackedData5) {
18064
18080
  var _buildStackedSeries6 = buildStackedSeries(avgData),
@@ -18166,6 +18182,12 @@ var OverallSection$1 = /*#__PURE__*/Object.freeze({
18166
18182
  default: OverallSection
18167
18183
  });
18168
18184
 
18185
+ var formatKpi$2 = function formatKpi(value) {
18186
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
18187
+ minimumFractionDigits: 2,
18188
+ maximumFractionDigits: 2
18189
+ });
18190
+ };
18169
18191
  var CHANNEL_STYLES = {
18170
18192
  "Meta Ads": {
18171
18193
  id: "M",
@@ -18336,7 +18358,7 @@ var PaidSection = function PaidSection(_ref) {
18336
18358
  if (!hasPaidOverview) {
18337
18359
  return {
18338
18360
  "Total Spent": {
18339
- value: "$".concat(formatNumber(0)),
18361
+ value: "$".concat(formatKpi$2(0)),
18340
18362
  subValue: formatGrowth$2(0),
18341
18363
  data: flatSeries(0),
18342
18364
  categories: fallbackCategories,
@@ -18346,7 +18368,7 @@ var PaidSection = function PaidSection(_ref) {
18346
18368
  warning: false
18347
18369
  },
18348
18370
  "Revenue Raised": {
18349
- value: "$".concat(formatNumber(0)),
18371
+ value: "$".concat(formatKpi$2(0)),
18350
18372
  subValue: formatGrowth$2(0),
18351
18373
  data: flatSeries(0),
18352
18374
  categories: fallbackCategories,
@@ -18356,7 +18378,7 @@ var PaidSection = function PaidSection(_ref) {
18356
18378
  warning: false
18357
18379
  },
18358
18380
  ROAS: {
18359
- value: "0.0x",
18381
+ value: "".concat(formatKpi$2(0), "x"),
18360
18382
  subValue: formatGrowth$2(0),
18361
18383
  data: flatSeries(0),
18362
18384
  categories: fallbackCategories,
@@ -18366,7 +18388,7 @@ var PaidSection = function PaidSection(_ref) {
18366
18388
  warning: false
18367
18389
  },
18368
18390
  "Cost Per Donor": {
18369
- value: "$".concat(formatNumber(0)),
18391
+ value: "$".concat(formatKpi$2(0)),
18370
18392
  subValue: formatGrowth$2(0),
18371
18393
  data: flatSeries(0),
18372
18394
  categories: fallbackCategories,
@@ -18376,7 +18398,7 @@ var PaidSection = function PaidSection(_ref) {
18376
18398
  warning: false
18377
18399
  },
18378
18400
  "Conversion Rate": {
18379
- value: "0.00%",
18401
+ value: "".concat(formatKpi$2(0), "%"),
18380
18402
  subValue: formatGrowth$2(0),
18381
18403
  data: flatSeries(0),
18382
18404
  categories: fallbackCategories,
@@ -18386,7 +18408,7 @@ var PaidSection = function PaidSection(_ref) {
18386
18408
  warning: false
18387
18409
  },
18388
18410
  "Avg Donation": {
18389
- value: "$".concat(formatNumber(0)),
18411
+ value: "$".concat(formatKpi$2(0)),
18390
18412
  subValue: formatGrowth$2(0),
18391
18413
  data: flatSeries(0),
18392
18414
  categories: fallbackCategories,
@@ -18400,7 +18422,7 @@ var PaidSection = function PaidSection(_ref) {
18400
18422
  var chartCategories = spendSeries.categories.length > 0 ? spendSeries.categories : revenueSeries.categories.length > 0 ? revenueSeries.categories : fallbackCategories;
18401
18423
  return {
18402
18424
  "Total Spent": {
18403
- value: "$".concat(formatNumber(overview.totalSpent)),
18425
+ value: "$".concat(formatKpi$2(overview.totalSpent)),
18404
18426
  subValue: formatGrowth$2(growth.totalSpent),
18405
18427
  data: spendSeries.data.length > 0 ? spendSeries.data : flatSeries(0),
18406
18428
  categories: chartCategories,
@@ -18410,7 +18432,7 @@ var PaidSection = function PaidSection(_ref) {
18410
18432
  warning: false
18411
18433
  },
18412
18434
  "Revenue Raised": {
18413
- value: "$".concat(formatNumber(overview.totalRevenue)),
18435
+ value: "$".concat(formatKpi$2(overview.totalRevenue)),
18414
18436
  subValue: formatGrowth$2(growth.totalRevenue),
18415
18437
  data: revenueSeries.data.length > 0 ? revenueSeries.data : flatSeries(0),
18416
18438
  categories: chartCategories,
@@ -18420,7 +18442,7 @@ var PaidSection = function PaidSection(_ref) {
18420
18442
  warning: false
18421
18443
  },
18422
18444
  ROAS: {
18423
- value: "".concat(Number(overview.roas).toFixed(1), "x"),
18445
+ value: "".concat(formatKpi$2(overview.roas), "x"),
18424
18446
  subValue: formatGrowth$2(growth.roas),
18425
18447
  data: roasChartData.length > 0 ? roasChartData : flatSeries(0),
18426
18448
  categories: chartCategories,
@@ -18430,7 +18452,7 @@ var PaidSection = function PaidSection(_ref) {
18430
18452
  warning: false
18431
18453
  },
18432
18454
  "Cost Per Donor": {
18433
- value: "$".concat(formatNumber(overview.costPerDonor)),
18455
+ value: "$".concat(formatKpi$2(overview.costPerDonor)),
18434
18456
  subValue: formatGrowth$2(growth.costPerDonor),
18435
18457
  data: flatSeries(overview.costPerDonor),
18436
18458
  categories: chartCategories,
@@ -18440,7 +18462,7 @@ var PaidSection = function PaidSection(_ref) {
18440
18462
  warning: false
18441
18463
  },
18442
18464
  "Conversion Rate": {
18443
- value: "".concat(Number(overview.conversionRate).toFixed(2), "%"),
18465
+ value: "".concat(formatKpi$2(overview.conversionRate), "%"),
18444
18466
  subValue: formatGrowth$2(growth.conversionRate),
18445
18467
  data: flatSeries(overview.conversionRate),
18446
18468
  categories: chartCategories,
@@ -18450,7 +18472,7 @@ var PaidSection = function PaidSection(_ref) {
18450
18472
  warning: false
18451
18473
  },
18452
18474
  "Avg Donation": {
18453
- value: "$".concat(formatNumber(overview.averageDonation)),
18475
+ value: "$".concat(formatKpi$2(overview.averageDonation)),
18454
18476
  subValue: formatGrowth$2(growth.averageDonation),
18455
18477
  data: flatSeries(overview.averageDonation),
18456
18478
  categories: chartCategories,
@@ -18719,6 +18741,12 @@ var PaidSection$1 = /*#__PURE__*/Object.freeze({
18719
18741
  default: PaidSection
18720
18742
  });
18721
18743
 
18744
+ var formatKpi$1 = function formatKpi(value) {
18745
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
18746
+ minimumFractionDigits: 2,
18747
+ maximumFractionDigits: 2
18748
+ });
18749
+ };
18722
18750
  var formatGrowth$1 = function formatGrowth(value, dateName) {
18723
18751
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
18724
18752
  };
@@ -18776,7 +18804,7 @@ var OrganicSection = function OrganicSection(_ref) {
18776
18804
  if (!hasOrganicOverview) {
18777
18805
  return {
18778
18806
  "Organic Users": {
18779
- value: formatNumber(0),
18807
+ value: formatKpi$1(0),
18780
18808
  subValue: formatGrowth$1(0),
18781
18809
  data: flatZeroData(),
18782
18810
  categories: fallbackCategories,
@@ -18786,7 +18814,7 @@ var OrganicSection = function OrganicSection(_ref) {
18786
18814
  error: false
18787
18815
  },
18788
18816
  "Search Clicks": {
18789
- value: formatNumber(0),
18817
+ value: formatKpi$1(0),
18790
18818
  subValue: formatGrowth$1(0),
18791
18819
  data: flatZeroData(),
18792
18820
  categories: fallbackCategories,
@@ -18796,7 +18824,7 @@ var OrganicSection = function OrganicSection(_ref) {
18796
18824
  error: false
18797
18825
  },
18798
18826
  Donations: {
18799
- value: formatNumber(0),
18827
+ value: formatKpi$1(0),
18800
18828
  subValue: formatGrowth$1(0),
18801
18829
  data: flatZeroData(),
18802
18830
  categories: fallbackCategories,
@@ -18806,7 +18834,7 @@ var OrganicSection = function OrganicSection(_ref) {
18806
18834
  error: false
18807
18835
  },
18808
18836
  "Conversion Rate": {
18809
- value: "0.00%",
18837
+ value: "".concat(formatKpi$1(0), "%"),
18810
18838
  subValue: formatGrowth$1(0),
18811
18839
  data: flatZeroData(),
18812
18840
  categories: fallbackCategories,
@@ -18816,7 +18844,7 @@ var OrganicSection = function OrganicSection(_ref) {
18816
18844
  error: false
18817
18845
  },
18818
18846
  "Revenue Raised": {
18819
- value: "$".concat(formatNumber(0)),
18847
+ value: "$".concat(formatKpi$1(0)),
18820
18848
  subValue: formatGrowth$1(0),
18821
18849
  data: flatZeroData(),
18822
18850
  categories: fallbackCategories,
@@ -18826,7 +18854,7 @@ var OrganicSection = function OrganicSection(_ref) {
18826
18854
  error: false
18827
18855
  },
18828
18856
  "Avg Donation": {
18829
- value: "$".concat(formatNumber(0)),
18857
+ value: "$".concat(formatKpi$1(0)),
18830
18858
  subValue: formatGrowth$1(0),
18831
18859
  data: flatZeroData(),
18832
18860
  categories: fallbackCategories,
@@ -18847,7 +18875,7 @@ var OrganicSection = function OrganicSection(_ref) {
18847
18875
  }) : [(_overview$overallAVGD2 = overview.overallAVGDonations) !== null && _overview$overallAVGD2 !== void 0 ? _overview$overallAVGD2 : 0];
18848
18876
  return {
18849
18877
  "Organic Users": {
18850
- value: formatNumber((_overview$organicUser = overview.organicUsers) !== null && _overview$organicUser !== void 0 ? _overview$organicUser : 0),
18878
+ value: formatKpi$1((_overview$organicUser = overview.organicUsers) !== null && _overview$organicUser !== void 0 ? _overview$organicUser : 0),
18851
18879
  subValue: growthCaption("organicUsers"),
18852
18880
  data: organicUsersSeries.data,
18853
18881
  categories: organicUsersSeries.categories,
@@ -18869,7 +18897,7 @@ var OrganicSection = function OrganicSection(_ref) {
18869
18897
  error: false
18870
18898
  },
18871
18899
  Donations: {
18872
- value: formatNumber((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
18900
+ value: formatKpi$1((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
18873
18901
  subValue: growthCaption("totalDonations"),
18874
18902
  data: donationsSeries.data,
18875
18903
  categories: donationsSeries.categories,
@@ -18879,7 +18907,7 @@ var OrganicSection = function OrganicSection(_ref) {
18879
18907
  error: false
18880
18908
  },
18881
18909
  "Conversion Rate": {
18882
- value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
18910
+ value: "".concat(formatKpi$1((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0), "%"),
18883
18911
  subValue: growthCaption("conversionRate"),
18884
18912
  data: conversionSeries.data,
18885
18913
  categories: conversionSeries.categories,
@@ -18889,7 +18917,7 @@ var OrganicSection = function OrganicSection(_ref) {
18889
18917
  error: false
18890
18918
  },
18891
18919
  "Revenue Raised": {
18892
- value: "$".concat(formatNumber((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
18920
+ value: "$".concat(formatKpi$1((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
18893
18921
  subValue: growthCaption("totalRevenue"),
18894
18922
  data: revenueSeries.data,
18895
18923
  categories: revenueSeries.categories,
@@ -18899,7 +18927,7 @@ var OrganicSection = function OrganicSection(_ref) {
18899
18927
  error: false
18900
18928
  },
18901
18929
  "Avg Donation": {
18902
- value: "$".concat(formatNumber((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
18930
+ value: "$".concat(formatKpi$1((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
18903
18931
  subValue: growthCaption("overallAVGDonations"),
18904
18932
  data: avgDonationSeries.data,
18905
18933
  categories: avgDonationSeries.categories,
@@ -19541,6 +19569,12 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
19541
19569
  }));
19542
19570
  };
19543
19571
 
19572
+ var formatKpi = function formatKpi(value) {
19573
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
19574
+ minimumFractionDigits: 2,
19575
+ maximumFractionDigits: 2
19576
+ });
19577
+ };
19544
19578
  var formatGrowth = function formatGrowth(value, dateName) {
19545
19579
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
19546
19580
  };
@@ -19615,7 +19649,7 @@ var EmailSection = function EmailSection(_ref) {
19615
19649
  if (!hasEmailOverview) {
19616
19650
  return {
19617
19651
  "Total Raised": {
19618
- value: "$".concat(formatNumber(0)),
19652
+ value: "$".concat(formatKpi(0)),
19619
19653
  subValue: formatGrowth(0),
19620
19654
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
19621
19655
  money: true,
@@ -19623,7 +19657,7 @@ var EmailSection = function EmailSection(_ref) {
19623
19657
  warning: false
19624
19658
  },
19625
19659
  Donations: {
19626
- value: formatNumber(0),
19660
+ value: formatKpi(0),
19627
19661
  subValue: formatGrowth(0),
19628
19662
  icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
19629
19663
  money: false,
@@ -19631,7 +19665,7 @@ var EmailSection = function EmailSection(_ref) {
19631
19665
  warning: false
19632
19666
  },
19633
19667
  "Conversion Rate": {
19634
- value: "0.00%",
19668
+ value: "".concat(formatKpi(0), "%"),
19635
19669
  subValue: formatGrowth(0),
19636
19670
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
19637
19671
  money: false,
@@ -19639,7 +19673,7 @@ var EmailSection = function EmailSection(_ref) {
19639
19673
  warning: false
19640
19674
  },
19641
19675
  CTR: {
19642
- value: "0.00%",
19676
+ value: "".concat(formatKpi(0), "%"),
19643
19677
  subValue: formatGrowth(0),
19644
19678
  icon: /*#__PURE__*/jsx(CtrIcon, {}),
19645
19679
  money: false,
@@ -19647,7 +19681,7 @@ var EmailSection = function EmailSection(_ref) {
19647
19681
  warning: false
19648
19682
  },
19649
19683
  "Revenue Per Email": {
19650
- value: "$".concat(formatNumber(0)),
19684
+ value: "$".concat(formatKpi(0)),
19651
19685
  subValue: formatGrowth(0),
19652
19686
  icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
19653
19687
  money: true,
@@ -19655,7 +19689,7 @@ var EmailSection = function EmailSection(_ref) {
19655
19689
  warning: false
19656
19690
  },
19657
19691
  "Open Rate": {
19658
- value: "0.00%",
19692
+ value: "".concat(formatKpi(0), "%"),
19659
19693
  subValue: formatGrowth(0),
19660
19694
  icon: /*#__PURE__*/jsx(Email, {}),
19661
19695
  money: false,
@@ -19663,7 +19697,7 @@ var EmailSection = function EmailSection(_ref) {
19663
19697
  warning: false
19664
19698
  },
19665
19699
  Clicks: {
19666
- value: formatNumber(0),
19700
+ value: formatKpi(0),
19667
19701
  subValue: formatGrowth(0),
19668
19702
  icon: /*#__PURE__*/jsx(ClicksIcon, {}),
19669
19703
  money: false,
@@ -19671,7 +19705,7 @@ var EmailSection = function EmailSection(_ref) {
19671
19705
  warning: false
19672
19706
  },
19673
19707
  "Unique Clicks": {
19674
- value: formatNumber(0),
19708
+ value: formatKpi(0),
19675
19709
  subValue: formatGrowth(0),
19676
19710
  icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
19677
19711
  money: false,
@@ -19679,7 +19713,7 @@ var EmailSection = function EmailSection(_ref) {
19679
19713
  warning: false
19680
19714
  },
19681
19715
  "Bounce Rate": {
19682
- value: "0.00%",
19716
+ value: "".concat(formatKpi(0), "%"),
19683
19717
  subValue: formatGrowth(0),
19684
19718
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
19685
19719
  money: false,
@@ -19687,7 +19721,7 @@ var EmailSection = function EmailSection(_ref) {
19687
19721
  warning: false
19688
19722
  },
19689
19723
  "Revenue Per Click": {
19690
- value: "$".concat(formatNumber(0)),
19724
+ value: "$".concat(formatKpi(0)),
19691
19725
  subValue: formatGrowth(0),
19692
19726
  icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
19693
19727
  money: true,
@@ -19698,7 +19732,7 @@ var EmailSection = function EmailSection(_ref) {
19698
19732
  }
19699
19733
  return {
19700
19734
  "Total Raised": {
19701
- value: "$".concat(formatNumber((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
19735
+ value: "$".concat(formatKpi((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
19702
19736
  subValue: growthCaption("totalRevenue"),
19703
19737
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
19704
19738
  money: true,
@@ -19706,7 +19740,7 @@ var EmailSection = function EmailSection(_ref) {
19706
19740
  warning: false
19707
19741
  },
19708
19742
  Donations: {
19709
- value: formatNumber((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
19743
+ value: formatKpi((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
19710
19744
  subValue: growthCaption("totalDonations"),
19711
19745
  icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
19712
19746
  money: false,
@@ -19714,7 +19748,7 @@ var EmailSection = function EmailSection(_ref) {
19714
19748
  warning: false
19715
19749
  },
19716
19750
  "Conversion Rate": {
19717
- value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
19751
+ value: "".concat(formatKpi((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0), "%"),
19718
19752
  subValue: growthCaption("conversionRate"),
19719
19753
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
19720
19754
  money: false,
@@ -19722,7 +19756,7 @@ var EmailSection = function EmailSection(_ref) {
19722
19756
  warning: false
19723
19757
  },
19724
19758
  CTR: {
19725
- value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
19759
+ value: "".concat(formatKpi((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0), "%"),
19726
19760
  subValue: growthCaption("ctr"),
19727
19761
  icon: /*#__PURE__*/jsx(CtrIcon, {}),
19728
19762
  money: false,
@@ -19730,7 +19764,7 @@ var EmailSection = function EmailSection(_ref) {
19730
19764
  warning: false
19731
19765
  },
19732
19766
  "Revenue Per Email": {
19733
- value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
19767
+ value: "$".concat(formatKpi((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
19734
19768
  subValue: growthCaption("revenuePerEmail"),
19735
19769
  icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
19736
19770
  money: true,
@@ -19738,7 +19772,7 @@ var EmailSection = function EmailSection(_ref) {
19738
19772
  warning: false
19739
19773
  },
19740
19774
  "Open Rate": {
19741
- value: "".concat(Number((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0).toFixed(2), "%"),
19775
+ value: "".concat(formatKpi((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0), "%"),
19742
19776
  subValue: growthCaption("openRate", deliverabilityGrowth),
19743
19777
  icon: /*#__PURE__*/jsx(Email, {}),
19744
19778
  money: false,
@@ -19746,7 +19780,7 @@ var EmailSection = function EmailSection(_ref) {
19746
19780
  warning: false
19747
19781
  },
19748
19782
  Clicks: {
19749
- value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
19783
+ value: formatKpi((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
19750
19784
  subValue: growthCaption("totalClicks", deliverabilityGrowth),
19751
19785
  icon: /*#__PURE__*/jsx(ClicksIcon, {}),
19752
19786
  money: false,
@@ -19754,7 +19788,7 @@ var EmailSection = function EmailSection(_ref) {
19754
19788
  warning: false
19755
19789
  },
19756
19790
  "Unique Clicks": {
19757
- value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
19791
+ value: formatKpi((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
19758
19792
  subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
19759
19793
  icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
19760
19794
  money: false,
@@ -19762,7 +19796,7 @@ var EmailSection = function EmailSection(_ref) {
19762
19796
  warning: false
19763
19797
  },
19764
19798
  "Bounce Rate": {
19765
- value: "".concat(Number((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0).toFixed(2), "%"),
19799
+ value: "".concat(formatKpi((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0), "%"),
19766
19800
  subValue: growthCaption("bounceRate", deliverabilityGrowth),
19767
19801
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
19768
19802
  money: false,
@@ -19770,7 +19804,7 @@ var EmailSection = function EmailSection(_ref) {
19770
19804
  warning: false
19771
19805
  },
19772
19806
  "Revenue Per Click": {
19773
- value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
19807
+ value: "$".concat(formatKpi((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
19774
19808
  subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
19775
19809
  icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
19776
19810
  money: true,