@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.cjs.js CHANGED
@@ -432,10 +432,19 @@ function getTrendArrow(valueOrText) {
432
432
  return "";
433
433
  }
434
434
  function formatCurrency(value) {
435
- return "$".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2));
435
+ return "$".concat(Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US"));
436
436
  }
437
437
  function formatNumber(num) {
438
- return Number(num !== null && num !== void 0 ? num : 0).toFixed(2);
438
+ if (num >= 1000000000) {
439
+ return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
440
+ }
441
+ if (num >= 1000000) {
442
+ return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
443
+ }
444
+ if (num >= 1000) {
445
+ return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
446
+ }
447
+ return (num !== null && num !== void 0 ? num : 0).toString();
439
448
  }
440
449
 
441
450
  var RevenueChart = function RevenueChart(_ref) {
@@ -6913,7 +6922,8 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
6913
6922
  data: chargebackSeries
6914
6923
  }];
6915
6924
  var fmt = function fmt(n) {
6916
- return Number(n !== null && n !== void 0 ? n : 0).toFixed(2);
6925
+ var _n$toFixed;
6926
+ 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();
6917
6927
  };
6918
6928
  var growthColor = growthPercentage > 0 ? "#EF4444" : growthPercentage < 0 ? "#22C55E" : "rgba(0,0,0,0.4)";
6919
6929
  var growthLabel = growthPercentage > 0 ? "\u25B2 ".concat(growthPercentage.toFixed(1), "%") : growthPercentage < 0 ? "\u25BC ".concat(Math.abs(growthPercentage).toFixed(1), "%") : "stable";
@@ -8087,7 +8097,7 @@ var UTMPerformance = function UTMPerformance() {
8087
8097
  tickAmount: 3,
8088
8098
  labels: {
8089
8099
  formatter: function formatter(v) {
8090
- return metric === "Revenue" ? "$".concat(Number(v).toFixed(2)) : Number(v).toFixed(2);
8100
+ return metric === "Revenue" ? "$".concat(Math.round(v)) : Math.round(v);
8091
8101
  },
8092
8102
  style: {
8093
8103
  fontSize: "11px",
@@ -17665,8 +17675,14 @@ var EmailSectionSkeleton = function EmailSectionSkeleton() {
17665
17675
  });
17666
17676
  };
17667
17677
 
17678
+ var formatKpi$3 = function formatKpi(value) {
17679
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
17680
+ minimumFractionDigits: 2,
17681
+ maximumFractionDigits: 2
17682
+ });
17683
+ };
17668
17684
  var OverallSection = function OverallSection(_ref) {
17669
- 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;
17685
+ 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;
17670
17686
  var _ref$apiData = _ref.apiData,
17671
17687
  apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
17672
17688
  primaryCharts = _ref.primaryCharts,
@@ -17737,7 +17753,7 @@ var OverallSection = function OverallSection(_ref) {
17737
17753
  };
17738
17754
  var metricInfo = {
17739
17755
  "Total Raised": {
17740
- 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",
17756
+ 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",
17741
17757
  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"),
17742
17758
  label: "Total Raised",
17743
17759
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
@@ -17746,7 +17762,7 @@ var OverallSection = function OverallSection(_ref) {
17746
17762
  warning: false
17747
17763
  },
17748
17764
  "Net Raised": {
17749
- 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))),
17765
+ 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)),
17750
17766
  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 "),
17751
17767
  label: "Net Raised",
17752
17768
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.RequestQuoteOutlined, {}),
@@ -17755,8 +17771,8 @@ var OverallSection = function OverallSection(_ref) {
17755
17771
  warning: false
17756
17772
  },
17757
17773
  "Total Donors": {
17758
- 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",
17759
- 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",
17774
+ 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),
17775
+ 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",
17760
17776
  label: "Total Donors",
17761
17777
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PeopleAltOutlined, {}),
17762
17778
  money: false,
@@ -17764,8 +17780,8 @@ var OverallSection = function OverallSection(_ref) {
17764
17780
  warning: false
17765
17781
  },
17766
17782
  "Avg Donation": {
17767
- 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))),
17768
- 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 "),
17783
+ 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)),
17784
+ 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 "),
17769
17785
  label: "Average Donation Amount",
17770
17786
  icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
17771
17787
  money: true,
@@ -17773,8 +17789,8 @@ var OverallSection = function OverallSection(_ref) {
17773
17789
  warning: false
17774
17790
  },
17775
17791
  "ROAS": {
17776
- 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"),
17777
- 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"),
17792
+ 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"),
17793
+ 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"),
17778
17794
  label: "ROAS",
17779
17795
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.TrendingUp, {}),
17780
17796
  money: false,
@@ -17782,8 +17798,8 @@ var OverallSection = function OverallSection(_ref) {
17782
17798
  warning: false
17783
17799
  },
17784
17800
  "Conversion": {
17785
- 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)), "%"),
17786
- 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%",
17801
+ 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), "%"),
17802
+ 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%",
17787
17803
  label: "Conversion Rate",
17788
17804
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
17789
17805
  money: false,
@@ -17817,8 +17833,8 @@ var OverallSection = function OverallSection(_ref) {
17817
17833
  newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
17818
17834
  returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
17819
17835
  }
17820
- 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));
17821
- 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));
17836
+ 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));
17837
+ 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));
17822
17838
  var renderCard = function renderCard(title) {
17823
17839
  return /*#__PURE__*/jsxRuntime.jsx(MetricCard$1
17824
17840
  // key={title}
@@ -17907,8 +17923,8 @@ var OverallSection = function OverallSection(_ref) {
17907
17923
  };
17908
17924
  };
17909
17925
  if (activeMetric === "Total Raised") {
17910
- var _apiData$overviewStat26;
17911
- var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.totalRaised;
17926
+ var _apiData$overviewStat27;
17927
+ var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat27 = apiData.overviewStats) === null || _apiData$overviewStat27 === void 0 ? void 0 : _apiData$overviewStat27.totalRaised;
17912
17928
  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);
17913
17929
  if (hasStackedData) {
17914
17930
  var _buildStackedSeries = buildStackedSeries(stackedData),
@@ -17931,8 +17947,8 @@ var OverallSection = function OverallSection(_ref) {
17931
17947
  }
17932
17948
  }
17933
17949
  if (activeMetric === "Net Raised") {
17934
- var _apiData$overviewStat27;
17935
- var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat27 = apiData.overviewStats) === null || _apiData$overviewStat27 === void 0 ? void 0 : _apiData$overviewStat27.netRaised;
17950
+ var _apiData$overviewStat28;
17951
+ var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat28 = apiData.overviewStats) === null || _apiData$overviewStat28 === void 0 ? void 0 : _apiData$overviewStat28.netRaised;
17936
17952
  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);
17937
17953
  if (_hasStackedData) {
17938
17954
  var _buildStackedSeries2 = buildStackedSeries(netData),
@@ -17963,8 +17979,8 @@ var OverallSection = function OverallSection(_ref) {
17963
17979
  }
17964
17980
  }
17965
17981
  if (activeMetric === "Total Donors") {
17966
- var _apiData$overviewStat28;
17967
- var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat28 = apiData.overviewStats) === null || _apiData$overviewStat28 === void 0 ? void 0 : _apiData$overviewStat28.totalDonations;
17982
+ var _apiData$overviewStat29;
17983
+ var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat29 = apiData.overviewStats) === null || _apiData$overviewStat29 === void 0 ? void 0 : _apiData$overviewStat29.totalDonations;
17968
17984
  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);
17969
17985
  if (_hasStackedData2) {
17970
17986
  var _buildStackedSeries3 = buildStackedSeries(donorsData),
@@ -17995,8 +18011,8 @@ var OverallSection = function OverallSection(_ref) {
17995
18011
  }
17996
18012
  }
17997
18013
  if (activeMetric === "ROAS") {
17998
- var _apiData$overviewStat29;
17999
- var roasData = apiData === null || apiData === void 0 || (_apiData$overviewStat29 = apiData.overviewStats) === null || _apiData$overviewStat29 === void 0 ? void 0 : _apiData$overviewStat29.roas;
18014
+ var _apiData$overviewStat30;
18015
+ var roasData = apiData === null || apiData === void 0 || (_apiData$overviewStat30 = apiData.overviewStats) === null || _apiData$overviewStat30 === void 0 ? void 0 : _apiData$overviewStat30.roas;
18000
18016
  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);
18001
18017
  if (_hasStackedData3) {
18002
18018
  var _buildStackedSeries4 = buildStackedSeries(roasData),
@@ -18027,8 +18043,8 @@ var OverallSection = function OverallSection(_ref) {
18027
18043
  }
18028
18044
  }
18029
18045
  if (activeMetric === "Conversion") {
18030
- var _apiData$overviewStat30;
18031
- var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat30 = apiData.overviewStats) === null || _apiData$overviewStat30 === void 0 ? void 0 : _apiData$overviewStat30.conversionRate;
18046
+ var _apiData$overviewStat31;
18047
+ var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat31 = apiData.overviewStats) === null || _apiData$overviewStat31 === void 0 ? void 0 : _apiData$overviewStat31.conversionRate;
18032
18048
  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);
18033
18049
  if (_hasStackedData4) {
18034
18050
  var _buildStackedSeries5 = buildStackedSeries(conversionData),
@@ -18059,8 +18075,8 @@ var OverallSection = function OverallSection(_ref) {
18059
18075
  }
18060
18076
  }
18061
18077
  if (activeMetric === "Avg Donation") {
18062
- var _apiData$overviewStat31;
18063
- var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat31 = apiData.overviewStats) === null || _apiData$overviewStat31 === void 0 ? void 0 : _apiData$overviewStat31.avgDonations;
18078
+ var _apiData$overviewStat32;
18079
+ var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat32 = apiData.overviewStats) === null || _apiData$overviewStat32 === void 0 ? void 0 : _apiData$overviewStat32.avgDonations;
18064
18080
  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);
18065
18081
  if (_hasStackedData5) {
18066
18082
  var _buildStackedSeries6 = buildStackedSeries(avgData),
@@ -18168,6 +18184,12 @@ var OverallSection$1 = /*#__PURE__*/Object.freeze({
18168
18184
  default: OverallSection
18169
18185
  });
18170
18186
 
18187
+ var formatKpi$2 = function formatKpi(value) {
18188
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
18189
+ minimumFractionDigits: 2,
18190
+ maximumFractionDigits: 2
18191
+ });
18192
+ };
18171
18193
  var CHANNEL_STYLES = {
18172
18194
  "Meta Ads": {
18173
18195
  id: "M",
@@ -18338,7 +18360,7 @@ var PaidSection = function PaidSection(_ref) {
18338
18360
  if (!hasPaidOverview) {
18339
18361
  return {
18340
18362
  "Total Spent": {
18341
- value: "$".concat(formatNumber(0)),
18363
+ value: "$".concat(formatKpi$2(0)),
18342
18364
  subValue: formatGrowth$2(0),
18343
18365
  data: flatSeries(0),
18344
18366
  categories: fallbackCategories,
@@ -18348,7 +18370,7 @@ var PaidSection = function PaidSection(_ref) {
18348
18370
  warning: false
18349
18371
  },
18350
18372
  "Revenue Raised": {
18351
- value: "$".concat(formatNumber(0)),
18373
+ value: "$".concat(formatKpi$2(0)),
18352
18374
  subValue: formatGrowth$2(0),
18353
18375
  data: flatSeries(0),
18354
18376
  categories: fallbackCategories,
@@ -18358,7 +18380,7 @@ var PaidSection = function PaidSection(_ref) {
18358
18380
  warning: false
18359
18381
  },
18360
18382
  ROAS: {
18361
- value: "0.0x",
18383
+ value: "".concat(formatKpi$2(0), "x"),
18362
18384
  subValue: formatGrowth$2(0),
18363
18385
  data: flatSeries(0),
18364
18386
  categories: fallbackCategories,
@@ -18368,7 +18390,7 @@ var PaidSection = function PaidSection(_ref) {
18368
18390
  warning: false
18369
18391
  },
18370
18392
  "Cost Per Donor": {
18371
- value: "$".concat(formatNumber(0)),
18393
+ value: "$".concat(formatKpi$2(0)),
18372
18394
  subValue: formatGrowth$2(0),
18373
18395
  data: flatSeries(0),
18374
18396
  categories: fallbackCategories,
@@ -18378,7 +18400,7 @@ var PaidSection = function PaidSection(_ref) {
18378
18400
  warning: false
18379
18401
  },
18380
18402
  "Conversion Rate": {
18381
- value: "0.00%",
18403
+ value: "".concat(formatKpi$2(0), "%"),
18382
18404
  subValue: formatGrowth$2(0),
18383
18405
  data: flatSeries(0),
18384
18406
  categories: fallbackCategories,
@@ -18388,7 +18410,7 @@ var PaidSection = function PaidSection(_ref) {
18388
18410
  warning: false
18389
18411
  },
18390
18412
  "Avg Donation": {
18391
- value: "$".concat(formatNumber(0)),
18413
+ value: "$".concat(formatKpi$2(0)),
18392
18414
  subValue: formatGrowth$2(0),
18393
18415
  data: flatSeries(0),
18394
18416
  categories: fallbackCategories,
@@ -18402,7 +18424,7 @@ var PaidSection = function PaidSection(_ref) {
18402
18424
  var chartCategories = spendSeries.categories.length > 0 ? spendSeries.categories : revenueSeries.categories.length > 0 ? revenueSeries.categories : fallbackCategories;
18403
18425
  return {
18404
18426
  "Total Spent": {
18405
- value: "$".concat(formatNumber(overview.totalSpent)),
18427
+ value: "$".concat(formatKpi$2(overview.totalSpent)),
18406
18428
  subValue: formatGrowth$2(growth.totalSpent),
18407
18429
  data: spendSeries.data.length > 0 ? spendSeries.data : flatSeries(0),
18408
18430
  categories: chartCategories,
@@ -18412,7 +18434,7 @@ var PaidSection = function PaidSection(_ref) {
18412
18434
  warning: false
18413
18435
  },
18414
18436
  "Revenue Raised": {
18415
- value: "$".concat(formatNumber(overview.totalRevenue)),
18437
+ value: "$".concat(formatKpi$2(overview.totalRevenue)),
18416
18438
  subValue: formatGrowth$2(growth.totalRevenue),
18417
18439
  data: revenueSeries.data.length > 0 ? revenueSeries.data : flatSeries(0),
18418
18440
  categories: chartCategories,
@@ -18422,7 +18444,7 @@ var PaidSection = function PaidSection(_ref) {
18422
18444
  warning: false
18423
18445
  },
18424
18446
  ROAS: {
18425
- value: "".concat(Number(overview.roas).toFixed(1), "x"),
18447
+ value: "".concat(formatKpi$2(overview.roas), "x"),
18426
18448
  subValue: formatGrowth$2(growth.roas),
18427
18449
  data: roasChartData.length > 0 ? roasChartData : flatSeries(0),
18428
18450
  categories: chartCategories,
@@ -18432,7 +18454,7 @@ var PaidSection = function PaidSection(_ref) {
18432
18454
  warning: false
18433
18455
  },
18434
18456
  "Cost Per Donor": {
18435
- value: "$".concat(formatNumber(overview.costPerDonor)),
18457
+ value: "$".concat(formatKpi$2(overview.costPerDonor)),
18436
18458
  subValue: formatGrowth$2(growth.costPerDonor),
18437
18459
  data: flatSeries(overview.costPerDonor),
18438
18460
  categories: chartCategories,
@@ -18442,7 +18464,7 @@ var PaidSection = function PaidSection(_ref) {
18442
18464
  warning: false
18443
18465
  },
18444
18466
  "Conversion Rate": {
18445
- value: "".concat(Number(overview.conversionRate).toFixed(2), "%"),
18467
+ value: "".concat(formatKpi$2(overview.conversionRate), "%"),
18446
18468
  subValue: formatGrowth$2(growth.conversionRate),
18447
18469
  data: flatSeries(overview.conversionRate),
18448
18470
  categories: chartCategories,
@@ -18452,7 +18474,7 @@ var PaidSection = function PaidSection(_ref) {
18452
18474
  warning: false
18453
18475
  },
18454
18476
  "Avg Donation": {
18455
- value: "$".concat(formatNumber(overview.averageDonation)),
18477
+ value: "$".concat(formatKpi$2(overview.averageDonation)),
18456
18478
  subValue: formatGrowth$2(growth.averageDonation),
18457
18479
  data: flatSeries(overview.averageDonation),
18458
18480
  categories: chartCategories,
@@ -18721,6 +18743,12 @@ var PaidSection$1 = /*#__PURE__*/Object.freeze({
18721
18743
  default: PaidSection
18722
18744
  });
18723
18745
 
18746
+ var formatKpi$1 = function formatKpi(value) {
18747
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
18748
+ minimumFractionDigits: 2,
18749
+ maximumFractionDigits: 2
18750
+ });
18751
+ };
18724
18752
  var formatGrowth$1 = function formatGrowth(value, dateName) {
18725
18753
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
18726
18754
  };
@@ -18778,7 +18806,7 @@ var OrganicSection = function OrganicSection(_ref) {
18778
18806
  if (!hasOrganicOverview) {
18779
18807
  return {
18780
18808
  "Organic Users": {
18781
- value: formatNumber(0),
18809
+ value: formatKpi$1(0),
18782
18810
  subValue: formatGrowth$1(0),
18783
18811
  data: flatZeroData(),
18784
18812
  categories: fallbackCategories,
@@ -18788,7 +18816,7 @@ var OrganicSection = function OrganicSection(_ref) {
18788
18816
  error: false
18789
18817
  },
18790
18818
  "Search Clicks": {
18791
- value: formatNumber(0),
18819
+ value: formatKpi$1(0),
18792
18820
  subValue: formatGrowth$1(0),
18793
18821
  data: flatZeroData(),
18794
18822
  categories: fallbackCategories,
@@ -18798,7 +18826,7 @@ var OrganicSection = function OrganicSection(_ref) {
18798
18826
  error: false
18799
18827
  },
18800
18828
  Donations: {
18801
- value: formatNumber(0),
18829
+ value: formatKpi$1(0),
18802
18830
  subValue: formatGrowth$1(0),
18803
18831
  data: flatZeroData(),
18804
18832
  categories: fallbackCategories,
@@ -18808,7 +18836,7 @@ var OrganicSection = function OrganicSection(_ref) {
18808
18836
  error: false
18809
18837
  },
18810
18838
  "Conversion Rate": {
18811
- value: "0.00%",
18839
+ value: "".concat(formatKpi$1(0), "%"),
18812
18840
  subValue: formatGrowth$1(0),
18813
18841
  data: flatZeroData(),
18814
18842
  categories: fallbackCategories,
@@ -18818,7 +18846,7 @@ var OrganicSection = function OrganicSection(_ref) {
18818
18846
  error: false
18819
18847
  },
18820
18848
  "Revenue Raised": {
18821
- value: "$".concat(formatNumber(0)),
18849
+ value: "$".concat(formatKpi$1(0)),
18822
18850
  subValue: formatGrowth$1(0),
18823
18851
  data: flatZeroData(),
18824
18852
  categories: fallbackCategories,
@@ -18828,7 +18856,7 @@ var OrganicSection = function OrganicSection(_ref) {
18828
18856
  error: false
18829
18857
  },
18830
18858
  "Avg Donation": {
18831
- value: "$".concat(formatNumber(0)),
18859
+ value: "$".concat(formatKpi$1(0)),
18832
18860
  subValue: formatGrowth$1(0),
18833
18861
  data: flatZeroData(),
18834
18862
  categories: fallbackCategories,
@@ -18849,7 +18877,7 @@ var OrganicSection = function OrganicSection(_ref) {
18849
18877
  }) : [(_overview$overallAVGD2 = overview.overallAVGDonations) !== null && _overview$overallAVGD2 !== void 0 ? _overview$overallAVGD2 : 0];
18850
18878
  return {
18851
18879
  "Organic Users": {
18852
- value: formatNumber((_overview$organicUser = overview.organicUsers) !== null && _overview$organicUser !== void 0 ? _overview$organicUser : 0),
18880
+ value: formatKpi$1((_overview$organicUser = overview.organicUsers) !== null && _overview$organicUser !== void 0 ? _overview$organicUser : 0),
18853
18881
  subValue: growthCaption("organicUsers"),
18854
18882
  data: organicUsersSeries.data,
18855
18883
  categories: organicUsersSeries.categories,
@@ -18871,7 +18899,7 @@ var OrganicSection = function OrganicSection(_ref) {
18871
18899
  error: false
18872
18900
  },
18873
18901
  Donations: {
18874
- value: formatNumber((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
18902
+ value: formatKpi$1((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
18875
18903
  subValue: growthCaption("totalDonations"),
18876
18904
  data: donationsSeries.data,
18877
18905
  categories: donationsSeries.categories,
@@ -18881,7 +18909,7 @@ var OrganicSection = function OrganicSection(_ref) {
18881
18909
  error: false
18882
18910
  },
18883
18911
  "Conversion Rate": {
18884
- value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
18912
+ value: "".concat(formatKpi$1((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0), "%"),
18885
18913
  subValue: growthCaption("conversionRate"),
18886
18914
  data: conversionSeries.data,
18887
18915
  categories: conversionSeries.categories,
@@ -18891,7 +18919,7 @@ var OrganicSection = function OrganicSection(_ref) {
18891
18919
  error: false
18892
18920
  },
18893
18921
  "Revenue Raised": {
18894
- value: "$".concat(formatNumber((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
18922
+ value: "$".concat(formatKpi$1((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
18895
18923
  subValue: growthCaption("totalRevenue"),
18896
18924
  data: revenueSeries.data,
18897
18925
  categories: revenueSeries.categories,
@@ -18901,7 +18929,7 @@ var OrganicSection = function OrganicSection(_ref) {
18901
18929
  error: false
18902
18930
  },
18903
18931
  "Avg Donation": {
18904
- value: "$".concat(formatNumber((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
18932
+ value: "$".concat(formatKpi$1((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
18905
18933
  subValue: growthCaption("overallAVGDonations"),
18906
18934
  data: avgDonationSeries.data,
18907
18935
  categories: avgDonationSeries.categories,
@@ -19543,6 +19571,12 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
19543
19571
  }));
19544
19572
  };
19545
19573
 
19574
+ var formatKpi = function formatKpi(value) {
19575
+ return Number(value !== null && value !== void 0 ? value : 0).toLocaleString("en-US", {
19576
+ minimumFractionDigits: 2,
19577
+ maximumFractionDigits: 2
19578
+ });
19579
+ };
19546
19580
  var formatGrowth = function formatGrowth(value, dateName) {
19547
19581
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
19548
19582
  };
@@ -19617,7 +19651,7 @@ var EmailSection = function EmailSection(_ref) {
19617
19651
  if (!hasEmailOverview) {
19618
19652
  return {
19619
19653
  "Total Raised": {
19620
- value: "$".concat(formatNumber(0)),
19654
+ value: "$".concat(formatKpi(0)),
19621
19655
  subValue: formatGrowth(0),
19622
19656
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
19623
19657
  money: true,
@@ -19625,7 +19659,7 @@ var EmailSection = function EmailSection(_ref) {
19625
19659
  warning: false
19626
19660
  },
19627
19661
  Donations: {
19628
- value: formatNumber(0),
19662
+ value: formatKpi(0),
19629
19663
  subValue: formatGrowth(0),
19630
19664
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.FavoriteOutlined, {}),
19631
19665
  money: false,
@@ -19633,7 +19667,7 @@ var EmailSection = function EmailSection(_ref) {
19633
19667
  warning: false
19634
19668
  },
19635
19669
  "Conversion Rate": {
19636
- value: "0.00%",
19670
+ value: "".concat(formatKpi(0), "%"),
19637
19671
  subValue: formatGrowth(0),
19638
19672
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
19639
19673
  money: false,
@@ -19641,7 +19675,7 @@ var EmailSection = function EmailSection(_ref) {
19641
19675
  warning: false
19642
19676
  },
19643
19677
  CTR: {
19644
- value: "0.00%",
19678
+ value: "".concat(formatKpi(0), "%"),
19645
19679
  subValue: formatGrowth(0),
19646
19680
  icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
19647
19681
  money: false,
@@ -19649,7 +19683,7 @@ var EmailSection = function EmailSection(_ref) {
19649
19683
  warning: false
19650
19684
  },
19651
19685
  "Revenue Per Email": {
19652
- value: "$".concat(formatNumber(0)),
19686
+ value: "$".concat(formatKpi(0)),
19653
19687
  subValue: formatGrowth(0),
19654
19688
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
19655
19689
  money: true,
@@ -19657,7 +19691,7 @@ var EmailSection = function EmailSection(_ref) {
19657
19691
  warning: false
19658
19692
  },
19659
19693
  "Open Rate": {
19660
- value: "0.00%",
19694
+ value: "".concat(formatKpi(0), "%"),
19661
19695
  subValue: formatGrowth(0),
19662
19696
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
19663
19697
  money: false,
@@ -19665,7 +19699,7 @@ var EmailSection = function EmailSection(_ref) {
19665
19699
  warning: false
19666
19700
  },
19667
19701
  Clicks: {
19668
- value: formatNumber(0),
19702
+ value: formatKpi(0),
19669
19703
  subValue: formatGrowth(0),
19670
19704
  icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
19671
19705
  money: false,
@@ -19673,7 +19707,7 @@ var EmailSection = function EmailSection(_ref) {
19673
19707
  warning: false
19674
19708
  },
19675
19709
  "Unique Clicks": {
19676
- value: formatNumber(0),
19710
+ value: formatKpi(0),
19677
19711
  subValue: formatGrowth(0),
19678
19712
  icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
19679
19713
  money: false,
@@ -19681,7 +19715,7 @@ var EmailSection = function EmailSection(_ref) {
19681
19715
  warning: false
19682
19716
  },
19683
19717
  "Bounce Rate": {
19684
- value: "0.00%",
19718
+ value: "".concat(formatKpi(0), "%"),
19685
19719
  subValue: formatGrowth(0),
19686
19720
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
19687
19721
  money: false,
@@ -19689,7 +19723,7 @@ var EmailSection = function EmailSection(_ref) {
19689
19723
  warning: false
19690
19724
  },
19691
19725
  "Revenue Per Click": {
19692
- value: "$".concat(formatNumber(0)),
19726
+ value: "$".concat(formatKpi(0)),
19693
19727
  subValue: formatGrowth(0),
19694
19728
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
19695
19729
  money: true,
@@ -19700,7 +19734,7 @@ var EmailSection = function EmailSection(_ref) {
19700
19734
  }
19701
19735
  return {
19702
19736
  "Total Raised": {
19703
- value: "$".concat(formatNumber((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
19737
+ value: "$".concat(formatKpi((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
19704
19738
  subValue: growthCaption("totalRevenue"),
19705
19739
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
19706
19740
  money: true,
@@ -19708,7 +19742,7 @@ var EmailSection = function EmailSection(_ref) {
19708
19742
  warning: false
19709
19743
  },
19710
19744
  Donations: {
19711
- value: formatNumber((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
19745
+ value: formatKpi((_overview$totalDonati = overview.totalDonations) !== null && _overview$totalDonati !== void 0 ? _overview$totalDonati : 0),
19712
19746
  subValue: growthCaption("totalDonations"),
19713
19747
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.FavoriteOutlined, {}),
19714
19748
  money: false,
@@ -19716,7 +19750,7 @@ var EmailSection = function EmailSection(_ref) {
19716
19750
  warning: false
19717
19751
  },
19718
19752
  "Conversion Rate": {
19719
- value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
19753
+ value: "".concat(formatKpi((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0), "%"),
19720
19754
  subValue: growthCaption("conversionRate"),
19721
19755
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
19722
19756
  money: false,
@@ -19724,7 +19758,7 @@ var EmailSection = function EmailSection(_ref) {
19724
19758
  warning: false
19725
19759
  },
19726
19760
  CTR: {
19727
- value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
19761
+ value: "".concat(formatKpi((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0), "%"),
19728
19762
  subValue: growthCaption("ctr"),
19729
19763
  icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
19730
19764
  money: false,
@@ -19732,7 +19766,7 @@ var EmailSection = function EmailSection(_ref) {
19732
19766
  warning: false
19733
19767
  },
19734
19768
  "Revenue Per Email": {
19735
- value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
19769
+ value: "$".concat(formatKpi((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
19736
19770
  subValue: growthCaption("revenuePerEmail"),
19737
19771
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
19738
19772
  money: true,
@@ -19740,7 +19774,7 @@ var EmailSection = function EmailSection(_ref) {
19740
19774
  warning: false
19741
19775
  },
19742
19776
  "Open Rate": {
19743
- value: "".concat(Number((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0).toFixed(2), "%"),
19777
+ value: "".concat(formatKpi((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0), "%"),
19744
19778
  subValue: growthCaption("openRate", deliverabilityGrowth),
19745
19779
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
19746
19780
  money: false,
@@ -19748,7 +19782,7 @@ var EmailSection = function EmailSection(_ref) {
19748
19782
  warning: false
19749
19783
  },
19750
19784
  Clicks: {
19751
- value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
19785
+ value: formatKpi((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
19752
19786
  subValue: growthCaption("totalClicks", deliverabilityGrowth),
19753
19787
  icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
19754
19788
  money: false,
@@ -19756,7 +19790,7 @@ var EmailSection = function EmailSection(_ref) {
19756
19790
  warning: false
19757
19791
  },
19758
19792
  "Unique Clicks": {
19759
- value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
19793
+ value: formatKpi((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
19760
19794
  subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
19761
19795
  icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
19762
19796
  money: false,
@@ -19764,7 +19798,7 @@ var EmailSection = function EmailSection(_ref) {
19764
19798
  warning: false
19765
19799
  },
19766
19800
  "Bounce Rate": {
19767
- value: "".concat(Number((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0).toFixed(2), "%"),
19801
+ value: "".concat(formatKpi((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0), "%"),
19768
19802
  subValue: growthCaption("bounceRate", deliverabilityGrowth),
19769
19803
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
19770
19804
  money: false,
@@ -19772,7 +19806,7 @@ var EmailSection = function EmailSection(_ref) {
19772
19806
  warning: false
19773
19807
  },
19774
19808
  "Revenue Per Click": {
19775
- value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
19809
+ value: "$".concat(formatKpi((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
19776
19810
  subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
19777
19811
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
19778
19812
  money: true,