@ammarkhalidfarooq/dashboard-package 0.6.124 → 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 (6) hide show
  1. package/dist/index.cjs.js +95 -71
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +95 -71
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/index.d.js +0 -2
package/dist/index.es.js CHANGED
@@ -3756,9 +3756,9 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref34, ref) {
3756
3756
  });
3757
3757
  ExportPdfLayout.displayName = "ExportPdfLayout";
3758
3758
 
3759
- /**
3760
- * Captures [data-export-page] elements and saves a multi-page PDF.
3761
- * Each page uses a custom size matching the captured content so nothing is cropped.
3759
+ /**
3760
+ * Captures [data-export-page] elements and saves a multi-page PDF.
3761
+ * Each page uses a custom size matching the captured content so nothing is cropped.
3762
3762
  */
3763
3763
  function exportReportPdf(_x, _x2) {
3764
3764
  return _exportReportPdf.apply(this, arguments);
@@ -17673,8 +17673,14 @@ var EmailSectionSkeleton = function EmailSectionSkeleton() {
17673
17673
  });
17674
17674
  };
17675
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
+ };
17676
17682
  var OverallSection = function OverallSection(_ref) {
17677
- 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;
17678
17684
  var _ref$apiData = _ref.apiData,
17679
17685
  apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
17680
17686
  primaryCharts = _ref.primaryCharts,
@@ -17745,7 +17751,7 @@ var OverallSection = function OverallSection(_ref) {
17745
17751
  };
17746
17752
  var metricInfo = {
17747
17753
  "Total Raised": {
17748
- 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",
17749
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"),
17750
17756
  label: "Total Raised",
17751
17757
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -17754,7 +17760,7 @@ var OverallSection = function OverallSection(_ref) {
17754
17760
  warning: false
17755
17761
  },
17756
17762
  "Net Raised": {
17757
- 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)),
17758
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 "),
17759
17765
  label: "Net Raised",
17760
17766
  icon: /*#__PURE__*/jsx(RequestQuoteOutlined, {}),
@@ -17763,8 +17769,8 @@ var OverallSection = function OverallSection(_ref) {
17763
17769
  warning: false
17764
17770
  },
17765
17771
  "Total Donors": {
17766
- 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",
17767
- 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",
17768
17774
  label: "Total Donors",
17769
17775
  icon: /*#__PURE__*/jsx(PeopleAltOutlined, {}),
17770
17776
  money: false,
@@ -17772,8 +17778,8 @@ var OverallSection = function OverallSection(_ref) {
17772
17778
  warning: false
17773
17779
  },
17774
17780
  "Avg Donation": {
17775
- 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))),
17776
- 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 "),
17777
17783
  label: "Average Donation Amount",
17778
17784
  icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
17779
17785
  money: true,
@@ -17781,8 +17787,8 @@ var OverallSection = function OverallSection(_ref) {
17781
17787
  warning: false
17782
17788
  },
17783
17789
  "ROAS": {
17784
- 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"),
17785
- 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"),
17786
17792
  label: "ROAS",
17787
17793
  icon: /*#__PURE__*/jsx(TrendingUp, {}),
17788
17794
  money: false,
@@ -17790,8 +17796,8 @@ var OverallSection = function OverallSection(_ref) {
17790
17796
  warning: false
17791
17797
  },
17792
17798
  "Conversion": {
17793
- 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)), "%"),
17794
- 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%",
17795
17801
  label: "Conversion Rate",
17796
17802
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
17797
17803
  money: false,
@@ -17825,8 +17831,8 @@ var OverallSection = function OverallSection(_ref) {
17825
17831
  newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
17826
17832
  returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
17827
17833
  }
17828
- 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));
17829
- 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));
17830
17836
  var renderCard = function renderCard(title) {
17831
17837
  return /*#__PURE__*/jsx(MetricCard$1
17832
17838
  // key={title}
@@ -17915,8 +17921,8 @@ var OverallSection = function OverallSection(_ref) {
17915
17921
  };
17916
17922
  };
17917
17923
  if (activeMetric === "Total Raised") {
17918
- var _apiData$overviewStat26;
17919
- 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;
17920
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);
17921
17927
  if (hasStackedData) {
17922
17928
  var _buildStackedSeries = buildStackedSeries(stackedData),
@@ -17939,8 +17945,8 @@ var OverallSection = function OverallSection(_ref) {
17939
17945
  }
17940
17946
  }
17941
17947
  if (activeMetric === "Net Raised") {
17942
- var _apiData$overviewStat27;
17943
- 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;
17944
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);
17945
17951
  if (_hasStackedData) {
17946
17952
  var _buildStackedSeries2 = buildStackedSeries(netData),
@@ -17971,8 +17977,8 @@ var OverallSection = function OverallSection(_ref) {
17971
17977
  }
17972
17978
  }
17973
17979
  if (activeMetric === "Total Donors") {
17974
- var _apiData$overviewStat28;
17975
- 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;
17976
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);
17977
17983
  if (_hasStackedData2) {
17978
17984
  var _buildStackedSeries3 = buildStackedSeries(donorsData),
@@ -18003,8 +18009,8 @@ var OverallSection = function OverallSection(_ref) {
18003
18009
  }
18004
18010
  }
18005
18011
  if (activeMetric === "ROAS") {
18006
- var _apiData$overviewStat29;
18007
- 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;
18008
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);
18009
18015
  if (_hasStackedData3) {
18010
18016
  var _buildStackedSeries4 = buildStackedSeries(roasData),
@@ -18035,8 +18041,8 @@ var OverallSection = function OverallSection(_ref) {
18035
18041
  }
18036
18042
  }
18037
18043
  if (activeMetric === "Conversion") {
18038
- var _apiData$overviewStat30;
18039
- 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;
18040
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);
18041
18047
  if (_hasStackedData4) {
18042
18048
  var _buildStackedSeries5 = buildStackedSeries(conversionData),
@@ -18067,8 +18073,8 @@ var OverallSection = function OverallSection(_ref) {
18067
18073
  }
18068
18074
  }
18069
18075
  if (activeMetric === "Avg Donation") {
18070
- var _apiData$overviewStat31;
18071
- 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;
18072
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);
18073
18079
  if (_hasStackedData5) {
18074
18080
  var _buildStackedSeries6 = buildStackedSeries(avgData),
@@ -18176,6 +18182,12 @@ var OverallSection$1 = /*#__PURE__*/Object.freeze({
18176
18182
  default: OverallSection
18177
18183
  });
18178
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
+ };
18179
18191
  var CHANNEL_STYLES = {
18180
18192
  "Meta Ads": {
18181
18193
  id: "M",
@@ -18346,7 +18358,7 @@ var PaidSection = function PaidSection(_ref) {
18346
18358
  if (!hasPaidOverview) {
18347
18359
  return {
18348
18360
  "Total Spent": {
18349
- value: "$".concat(formatNumber(0)),
18361
+ value: "$".concat(formatKpi$2(0)),
18350
18362
  subValue: formatGrowth$2(0),
18351
18363
  data: flatSeries(0),
18352
18364
  categories: fallbackCategories,
@@ -18356,7 +18368,7 @@ var PaidSection = function PaidSection(_ref) {
18356
18368
  warning: false
18357
18369
  },
18358
18370
  "Revenue Raised": {
18359
- value: "$".concat(formatNumber(0)),
18371
+ value: "$".concat(formatKpi$2(0)),
18360
18372
  subValue: formatGrowth$2(0),
18361
18373
  data: flatSeries(0),
18362
18374
  categories: fallbackCategories,
@@ -18366,7 +18378,7 @@ var PaidSection = function PaidSection(_ref) {
18366
18378
  warning: false
18367
18379
  },
18368
18380
  ROAS: {
18369
- value: "0.0x",
18381
+ value: "".concat(formatKpi$2(0), "x"),
18370
18382
  subValue: formatGrowth$2(0),
18371
18383
  data: flatSeries(0),
18372
18384
  categories: fallbackCategories,
@@ -18376,7 +18388,7 @@ var PaidSection = function PaidSection(_ref) {
18376
18388
  warning: false
18377
18389
  },
18378
18390
  "Cost Per Donor": {
18379
- value: "$".concat(formatNumber(0)),
18391
+ value: "$".concat(formatKpi$2(0)),
18380
18392
  subValue: formatGrowth$2(0),
18381
18393
  data: flatSeries(0),
18382
18394
  categories: fallbackCategories,
@@ -18386,7 +18398,7 @@ var PaidSection = function PaidSection(_ref) {
18386
18398
  warning: false
18387
18399
  },
18388
18400
  "Conversion Rate": {
18389
- value: "0.00%",
18401
+ value: "".concat(formatKpi$2(0), "%"),
18390
18402
  subValue: formatGrowth$2(0),
18391
18403
  data: flatSeries(0),
18392
18404
  categories: fallbackCategories,
@@ -18396,7 +18408,7 @@ var PaidSection = function PaidSection(_ref) {
18396
18408
  warning: false
18397
18409
  },
18398
18410
  "Avg Donation": {
18399
- value: "$".concat(formatNumber(0)),
18411
+ value: "$".concat(formatKpi$2(0)),
18400
18412
  subValue: formatGrowth$2(0),
18401
18413
  data: flatSeries(0),
18402
18414
  categories: fallbackCategories,
@@ -18410,7 +18422,7 @@ var PaidSection = function PaidSection(_ref) {
18410
18422
  var chartCategories = spendSeries.categories.length > 0 ? spendSeries.categories : revenueSeries.categories.length > 0 ? revenueSeries.categories : fallbackCategories;
18411
18423
  return {
18412
18424
  "Total Spent": {
18413
- value: "$".concat(formatNumber(overview.totalSpent)),
18425
+ value: "$".concat(formatKpi$2(overview.totalSpent)),
18414
18426
  subValue: formatGrowth$2(growth.totalSpent),
18415
18427
  data: spendSeries.data.length > 0 ? spendSeries.data : flatSeries(0),
18416
18428
  categories: chartCategories,
@@ -18420,7 +18432,7 @@ var PaidSection = function PaidSection(_ref) {
18420
18432
  warning: false
18421
18433
  },
18422
18434
  "Revenue Raised": {
18423
- value: "$".concat(formatNumber(overview.totalRevenue)),
18435
+ value: "$".concat(formatKpi$2(overview.totalRevenue)),
18424
18436
  subValue: formatGrowth$2(growth.totalRevenue),
18425
18437
  data: revenueSeries.data.length > 0 ? revenueSeries.data : flatSeries(0),
18426
18438
  categories: chartCategories,
@@ -18430,7 +18442,7 @@ var PaidSection = function PaidSection(_ref) {
18430
18442
  warning: false
18431
18443
  },
18432
18444
  ROAS: {
18433
- value: "".concat(Number(overview.roas).toFixed(1), "x"),
18445
+ value: "".concat(formatKpi$2(overview.roas), "x"),
18434
18446
  subValue: formatGrowth$2(growth.roas),
18435
18447
  data: roasChartData.length > 0 ? roasChartData : flatSeries(0),
18436
18448
  categories: chartCategories,
@@ -18440,7 +18452,7 @@ var PaidSection = function PaidSection(_ref) {
18440
18452
  warning: false
18441
18453
  },
18442
18454
  "Cost Per Donor": {
18443
- value: "$".concat(formatNumber(overview.costPerDonor)),
18455
+ value: "$".concat(formatKpi$2(overview.costPerDonor)),
18444
18456
  subValue: formatGrowth$2(growth.costPerDonor),
18445
18457
  data: flatSeries(overview.costPerDonor),
18446
18458
  categories: chartCategories,
@@ -18450,7 +18462,7 @@ var PaidSection = function PaidSection(_ref) {
18450
18462
  warning: false
18451
18463
  },
18452
18464
  "Conversion Rate": {
18453
- value: "".concat(Number(overview.conversionRate).toFixed(2), "%"),
18465
+ value: "".concat(formatKpi$2(overview.conversionRate), "%"),
18454
18466
  subValue: formatGrowth$2(growth.conversionRate),
18455
18467
  data: flatSeries(overview.conversionRate),
18456
18468
  categories: chartCategories,
@@ -18460,7 +18472,7 @@ var PaidSection = function PaidSection(_ref) {
18460
18472
  warning: false
18461
18473
  },
18462
18474
  "Avg Donation": {
18463
- value: "$".concat(formatNumber(overview.averageDonation)),
18475
+ value: "$".concat(formatKpi$2(overview.averageDonation)),
18464
18476
  subValue: formatGrowth$2(growth.averageDonation),
18465
18477
  data: flatSeries(overview.averageDonation),
18466
18478
  categories: chartCategories,
@@ -18729,6 +18741,12 @@ var PaidSection$1 = /*#__PURE__*/Object.freeze({
18729
18741
  default: PaidSection
18730
18742
  });
18731
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
+ };
18732
18750
  var formatGrowth$1 = function formatGrowth(value, dateName) {
18733
18751
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
18734
18752
  };
@@ -18786,7 +18804,7 @@ var OrganicSection = function OrganicSection(_ref) {
18786
18804
  if (!hasOrganicOverview) {
18787
18805
  return {
18788
18806
  "Organic Users": {
18789
- value: formatNumber(0),
18807
+ value: formatKpi$1(0),
18790
18808
  subValue: formatGrowth$1(0),
18791
18809
  data: flatZeroData(),
18792
18810
  categories: fallbackCategories,
@@ -18796,7 +18814,7 @@ var OrganicSection = function OrganicSection(_ref) {
18796
18814
  error: false
18797
18815
  },
18798
18816
  "Search Clicks": {
18799
- value: formatNumber(0),
18817
+ value: formatKpi$1(0),
18800
18818
  subValue: formatGrowth$1(0),
18801
18819
  data: flatZeroData(),
18802
18820
  categories: fallbackCategories,
@@ -18806,7 +18824,7 @@ var OrganicSection = function OrganicSection(_ref) {
18806
18824
  error: false
18807
18825
  },
18808
18826
  Donations: {
18809
- value: formatNumber(0),
18827
+ value: formatKpi$1(0),
18810
18828
  subValue: formatGrowth$1(0),
18811
18829
  data: flatZeroData(),
18812
18830
  categories: fallbackCategories,
@@ -18816,7 +18834,7 @@ var OrganicSection = function OrganicSection(_ref) {
18816
18834
  error: false
18817
18835
  },
18818
18836
  "Conversion Rate": {
18819
- value: "0.00%",
18837
+ value: "".concat(formatKpi$1(0), "%"),
18820
18838
  subValue: formatGrowth$1(0),
18821
18839
  data: flatZeroData(),
18822
18840
  categories: fallbackCategories,
@@ -18826,7 +18844,7 @@ var OrganicSection = function OrganicSection(_ref) {
18826
18844
  error: false
18827
18845
  },
18828
18846
  "Revenue Raised": {
18829
- value: "$".concat(formatNumber(0)),
18847
+ value: "$".concat(formatKpi$1(0)),
18830
18848
  subValue: formatGrowth$1(0),
18831
18849
  data: flatZeroData(),
18832
18850
  categories: fallbackCategories,
@@ -18836,7 +18854,7 @@ var OrganicSection = function OrganicSection(_ref) {
18836
18854
  error: false
18837
18855
  },
18838
18856
  "Avg Donation": {
18839
- value: "$".concat(formatNumber(0)),
18857
+ value: "$".concat(formatKpi$1(0)),
18840
18858
  subValue: formatGrowth$1(0),
18841
18859
  data: flatZeroData(),
18842
18860
  categories: fallbackCategories,
@@ -18857,7 +18875,7 @@ var OrganicSection = function OrganicSection(_ref) {
18857
18875
  }) : [(_overview$overallAVGD2 = overview.overallAVGDonations) !== null && _overview$overallAVGD2 !== void 0 ? _overview$overallAVGD2 : 0];
18858
18876
  return {
18859
18877
  "Organic Users": {
18860
- 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),
18861
18879
  subValue: growthCaption("organicUsers"),
18862
18880
  data: organicUsersSeries.data,
18863
18881
  categories: organicUsersSeries.categories,
@@ -18879,7 +18897,7 @@ var OrganicSection = function OrganicSection(_ref) {
18879
18897
  error: false
18880
18898
  },
18881
18899
  Donations: {
18882
- 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),
18883
18901
  subValue: growthCaption("totalDonations"),
18884
18902
  data: donationsSeries.data,
18885
18903
  categories: donationsSeries.categories,
@@ -18889,7 +18907,7 @@ var OrganicSection = function OrganicSection(_ref) {
18889
18907
  error: false
18890
18908
  },
18891
18909
  "Conversion Rate": {
18892
- 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), "%"),
18893
18911
  subValue: growthCaption("conversionRate"),
18894
18912
  data: conversionSeries.data,
18895
18913
  categories: conversionSeries.categories,
@@ -18899,7 +18917,7 @@ var OrganicSection = function OrganicSection(_ref) {
18899
18917
  error: false
18900
18918
  },
18901
18919
  "Revenue Raised": {
18902
- 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)),
18903
18921
  subValue: growthCaption("totalRevenue"),
18904
18922
  data: revenueSeries.data,
18905
18923
  categories: revenueSeries.categories,
@@ -18909,7 +18927,7 @@ var OrganicSection = function OrganicSection(_ref) {
18909
18927
  error: false
18910
18928
  },
18911
18929
  "Avg Donation": {
18912
- 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)),
18913
18931
  subValue: growthCaption("overallAVGDonations"),
18914
18932
  data: avgDonationSeries.data,
18915
18933
  categories: avgDonationSeries.categories,
@@ -19551,6 +19569,12 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
19551
19569
  }));
19552
19570
  };
19553
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
+ };
19554
19578
  var formatGrowth = function formatGrowth(value, dateName) {
19555
19579
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
19556
19580
  };
@@ -19625,7 +19649,7 @@ var EmailSection = function EmailSection(_ref) {
19625
19649
  if (!hasEmailOverview) {
19626
19650
  return {
19627
19651
  "Total Raised": {
19628
- value: "$".concat(formatNumber(0)),
19652
+ value: "$".concat(formatKpi(0)),
19629
19653
  subValue: formatGrowth(0),
19630
19654
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
19631
19655
  money: true,
@@ -19633,7 +19657,7 @@ var EmailSection = function EmailSection(_ref) {
19633
19657
  warning: false
19634
19658
  },
19635
19659
  Donations: {
19636
- value: formatNumber(0),
19660
+ value: formatKpi(0),
19637
19661
  subValue: formatGrowth(0),
19638
19662
  icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
19639
19663
  money: false,
@@ -19641,7 +19665,7 @@ var EmailSection = function EmailSection(_ref) {
19641
19665
  warning: false
19642
19666
  },
19643
19667
  "Conversion Rate": {
19644
- value: "0.00%",
19668
+ value: "".concat(formatKpi(0), "%"),
19645
19669
  subValue: formatGrowth(0),
19646
19670
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
19647
19671
  money: false,
@@ -19649,7 +19673,7 @@ var EmailSection = function EmailSection(_ref) {
19649
19673
  warning: false
19650
19674
  },
19651
19675
  CTR: {
19652
- value: "0.00%",
19676
+ value: "".concat(formatKpi(0), "%"),
19653
19677
  subValue: formatGrowth(0),
19654
19678
  icon: /*#__PURE__*/jsx(CtrIcon, {}),
19655
19679
  money: false,
@@ -19657,7 +19681,7 @@ var EmailSection = function EmailSection(_ref) {
19657
19681
  warning: false
19658
19682
  },
19659
19683
  "Revenue Per Email": {
19660
- value: "$".concat(formatNumber(0)),
19684
+ value: "$".concat(formatKpi(0)),
19661
19685
  subValue: formatGrowth(0),
19662
19686
  icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
19663
19687
  money: true,
@@ -19665,7 +19689,7 @@ var EmailSection = function EmailSection(_ref) {
19665
19689
  warning: false
19666
19690
  },
19667
19691
  "Open Rate": {
19668
- value: "0.00%",
19692
+ value: "".concat(formatKpi(0), "%"),
19669
19693
  subValue: formatGrowth(0),
19670
19694
  icon: /*#__PURE__*/jsx(Email, {}),
19671
19695
  money: false,
@@ -19673,7 +19697,7 @@ var EmailSection = function EmailSection(_ref) {
19673
19697
  warning: false
19674
19698
  },
19675
19699
  Clicks: {
19676
- value: formatNumber(0),
19700
+ value: formatKpi(0),
19677
19701
  subValue: formatGrowth(0),
19678
19702
  icon: /*#__PURE__*/jsx(ClicksIcon, {}),
19679
19703
  money: false,
@@ -19681,7 +19705,7 @@ var EmailSection = function EmailSection(_ref) {
19681
19705
  warning: false
19682
19706
  },
19683
19707
  "Unique Clicks": {
19684
- value: formatNumber(0),
19708
+ value: formatKpi(0),
19685
19709
  subValue: formatGrowth(0),
19686
19710
  icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
19687
19711
  money: false,
@@ -19689,7 +19713,7 @@ var EmailSection = function EmailSection(_ref) {
19689
19713
  warning: false
19690
19714
  },
19691
19715
  "Bounce Rate": {
19692
- value: "0.00%",
19716
+ value: "".concat(formatKpi(0), "%"),
19693
19717
  subValue: formatGrowth(0),
19694
19718
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
19695
19719
  money: false,
@@ -19697,7 +19721,7 @@ var EmailSection = function EmailSection(_ref) {
19697
19721
  warning: false
19698
19722
  },
19699
19723
  "Revenue Per Click": {
19700
- value: "$".concat(formatNumber(0)),
19724
+ value: "$".concat(formatKpi(0)),
19701
19725
  subValue: formatGrowth(0),
19702
19726
  icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
19703
19727
  money: true,
@@ -19708,7 +19732,7 @@ var EmailSection = function EmailSection(_ref) {
19708
19732
  }
19709
19733
  return {
19710
19734
  "Total Raised": {
19711
- 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)),
19712
19736
  subValue: growthCaption("totalRevenue"),
19713
19737
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
19714
19738
  money: true,
@@ -19716,7 +19740,7 @@ var EmailSection = function EmailSection(_ref) {
19716
19740
  warning: false
19717
19741
  },
19718
19742
  Donations: {
19719
- 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),
19720
19744
  subValue: growthCaption("totalDonations"),
19721
19745
  icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
19722
19746
  money: false,
@@ -19724,7 +19748,7 @@ var EmailSection = function EmailSection(_ref) {
19724
19748
  warning: false
19725
19749
  },
19726
19750
  "Conversion Rate": {
19727
- 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), "%"),
19728
19752
  subValue: growthCaption("conversionRate"),
19729
19753
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
19730
19754
  money: false,
@@ -19732,7 +19756,7 @@ var EmailSection = function EmailSection(_ref) {
19732
19756
  warning: false
19733
19757
  },
19734
19758
  CTR: {
19735
- 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), "%"),
19736
19760
  subValue: growthCaption("ctr"),
19737
19761
  icon: /*#__PURE__*/jsx(CtrIcon, {}),
19738
19762
  money: false,
@@ -19740,7 +19764,7 @@ var EmailSection = function EmailSection(_ref) {
19740
19764
  warning: false
19741
19765
  },
19742
19766
  "Revenue Per Email": {
19743
- 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)),
19744
19768
  subValue: growthCaption("revenuePerEmail"),
19745
19769
  icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
19746
19770
  money: true,
@@ -19748,7 +19772,7 @@ var EmailSection = function EmailSection(_ref) {
19748
19772
  warning: false
19749
19773
  },
19750
19774
  "Open Rate": {
19751
- 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), "%"),
19752
19776
  subValue: growthCaption("openRate", deliverabilityGrowth),
19753
19777
  icon: /*#__PURE__*/jsx(Email, {}),
19754
19778
  money: false,
@@ -19756,7 +19780,7 @@ var EmailSection = function EmailSection(_ref) {
19756
19780
  warning: false
19757
19781
  },
19758
19782
  Clicks: {
19759
- 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),
19760
19784
  subValue: growthCaption("totalClicks", deliverabilityGrowth),
19761
19785
  icon: /*#__PURE__*/jsx(ClicksIcon, {}),
19762
19786
  money: false,
@@ -19764,7 +19788,7 @@ var EmailSection = function EmailSection(_ref) {
19764
19788
  warning: false
19765
19789
  },
19766
19790
  "Unique Clicks": {
19767
- 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),
19768
19792
  subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
19769
19793
  icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
19770
19794
  money: false,
@@ -19772,7 +19796,7 @@ var EmailSection = function EmailSection(_ref) {
19772
19796
  warning: false
19773
19797
  },
19774
19798
  "Bounce Rate": {
19775
- 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), "%"),
19776
19800
  subValue: growthCaption("bounceRate", deliverabilityGrowth),
19777
19801
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
19778
19802
  money: false,
@@ -19780,7 +19804,7 @@ var EmailSection = function EmailSection(_ref) {
19780
19804
  warning: false
19781
19805
  },
19782
19806
  "Revenue Per Click": {
19783
- 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)),
19784
19808
  subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
19785
19809
  icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
19786
19810
  money: true,