@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.cjs.js CHANGED
@@ -3758,9 +3758,9 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref34, ref) {
3758
3758
  });
3759
3759
  ExportPdfLayout.displayName = "ExportPdfLayout";
3760
3760
 
3761
- /**
3762
- * Captures [data-export-page] elements and saves a multi-page PDF.
3763
- * Each page uses a custom size matching the captured content so nothing is cropped.
3761
+ /**
3762
+ * Captures [data-export-page] elements and saves a multi-page PDF.
3763
+ * Each page uses a custom size matching the captured content so nothing is cropped.
3764
3764
  */
3765
3765
  function exportReportPdf(_x, _x2) {
3766
3766
  return _exportReportPdf.apply(this, arguments);
@@ -17675,8 +17675,14 @@ var EmailSectionSkeleton = function EmailSectionSkeleton() {
17675
17675
  });
17676
17676
  };
17677
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
+ };
17678
17684
  var OverallSection = function OverallSection(_ref) {
17679
- 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;
17680
17686
  var _ref$apiData = _ref.apiData,
17681
17687
  apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
17682
17688
  primaryCharts = _ref.primaryCharts,
@@ -17747,7 +17753,7 @@ var OverallSection = function OverallSection(_ref) {
17747
17753
  };
17748
17754
  var metricInfo = {
17749
17755
  "Total Raised": {
17750
- 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",
17751
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"),
17752
17758
  label: "Total Raised",
17753
17759
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
@@ -17756,7 +17762,7 @@ var OverallSection = function OverallSection(_ref) {
17756
17762
  warning: false
17757
17763
  },
17758
17764
  "Net Raised": {
17759
- 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)),
17760
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 "),
17761
17767
  label: "Net Raised",
17762
17768
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.RequestQuoteOutlined, {}),
@@ -17765,8 +17771,8 @@ var OverallSection = function OverallSection(_ref) {
17765
17771
  warning: false
17766
17772
  },
17767
17773
  "Total Donors": {
17768
- 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",
17769
- 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",
17770
17776
  label: "Total Donors",
17771
17777
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PeopleAltOutlined, {}),
17772
17778
  money: false,
@@ -17774,8 +17780,8 @@ var OverallSection = function OverallSection(_ref) {
17774
17780
  warning: false
17775
17781
  },
17776
17782
  "Avg Donation": {
17777
- 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))),
17778
- 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 "),
17779
17785
  label: "Average Donation Amount",
17780
17786
  icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
17781
17787
  money: true,
@@ -17783,8 +17789,8 @@ var OverallSection = function OverallSection(_ref) {
17783
17789
  warning: false
17784
17790
  },
17785
17791
  "ROAS": {
17786
- 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"),
17787
- 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"),
17788
17794
  label: "ROAS",
17789
17795
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.TrendingUp, {}),
17790
17796
  money: false,
@@ -17792,8 +17798,8 @@ var OverallSection = function OverallSection(_ref) {
17792
17798
  warning: false
17793
17799
  },
17794
17800
  "Conversion": {
17795
- 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)), "%"),
17796
- 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%",
17797
17803
  label: "Conversion Rate",
17798
17804
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
17799
17805
  money: false,
@@ -17827,8 +17833,8 @@ var OverallSection = function OverallSection(_ref) {
17827
17833
  newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
17828
17834
  returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
17829
17835
  }
17830
- 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));
17831
- 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));
17832
17838
  var renderCard = function renderCard(title) {
17833
17839
  return /*#__PURE__*/jsxRuntime.jsx(MetricCard$1
17834
17840
  // key={title}
@@ -17917,8 +17923,8 @@ var OverallSection = function OverallSection(_ref) {
17917
17923
  };
17918
17924
  };
17919
17925
  if (activeMetric === "Total Raised") {
17920
- var _apiData$overviewStat26;
17921
- 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;
17922
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);
17923
17929
  if (hasStackedData) {
17924
17930
  var _buildStackedSeries = buildStackedSeries(stackedData),
@@ -17941,8 +17947,8 @@ var OverallSection = function OverallSection(_ref) {
17941
17947
  }
17942
17948
  }
17943
17949
  if (activeMetric === "Net Raised") {
17944
- var _apiData$overviewStat27;
17945
- 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;
17946
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);
17947
17953
  if (_hasStackedData) {
17948
17954
  var _buildStackedSeries2 = buildStackedSeries(netData),
@@ -17973,8 +17979,8 @@ var OverallSection = function OverallSection(_ref) {
17973
17979
  }
17974
17980
  }
17975
17981
  if (activeMetric === "Total Donors") {
17976
- var _apiData$overviewStat28;
17977
- 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;
17978
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);
17979
17985
  if (_hasStackedData2) {
17980
17986
  var _buildStackedSeries3 = buildStackedSeries(donorsData),
@@ -18005,8 +18011,8 @@ var OverallSection = function OverallSection(_ref) {
18005
18011
  }
18006
18012
  }
18007
18013
  if (activeMetric === "ROAS") {
18008
- var _apiData$overviewStat29;
18009
- 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;
18010
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);
18011
18017
  if (_hasStackedData3) {
18012
18018
  var _buildStackedSeries4 = buildStackedSeries(roasData),
@@ -18037,8 +18043,8 @@ var OverallSection = function OverallSection(_ref) {
18037
18043
  }
18038
18044
  }
18039
18045
  if (activeMetric === "Conversion") {
18040
- var _apiData$overviewStat30;
18041
- 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;
18042
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);
18043
18049
  if (_hasStackedData4) {
18044
18050
  var _buildStackedSeries5 = buildStackedSeries(conversionData),
@@ -18069,8 +18075,8 @@ var OverallSection = function OverallSection(_ref) {
18069
18075
  }
18070
18076
  }
18071
18077
  if (activeMetric === "Avg Donation") {
18072
- var _apiData$overviewStat31;
18073
- 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;
18074
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);
18075
18081
  if (_hasStackedData5) {
18076
18082
  var _buildStackedSeries6 = buildStackedSeries(avgData),
@@ -18178,6 +18184,12 @@ var OverallSection$1 = /*#__PURE__*/Object.freeze({
18178
18184
  default: OverallSection
18179
18185
  });
18180
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
+ };
18181
18193
  var CHANNEL_STYLES = {
18182
18194
  "Meta Ads": {
18183
18195
  id: "M",
@@ -18348,7 +18360,7 @@ var PaidSection = function PaidSection(_ref) {
18348
18360
  if (!hasPaidOverview) {
18349
18361
  return {
18350
18362
  "Total Spent": {
18351
- value: "$".concat(formatNumber(0)),
18363
+ value: "$".concat(formatKpi$2(0)),
18352
18364
  subValue: formatGrowth$2(0),
18353
18365
  data: flatSeries(0),
18354
18366
  categories: fallbackCategories,
@@ -18358,7 +18370,7 @@ var PaidSection = function PaidSection(_ref) {
18358
18370
  warning: false
18359
18371
  },
18360
18372
  "Revenue Raised": {
18361
- value: "$".concat(formatNumber(0)),
18373
+ value: "$".concat(formatKpi$2(0)),
18362
18374
  subValue: formatGrowth$2(0),
18363
18375
  data: flatSeries(0),
18364
18376
  categories: fallbackCategories,
@@ -18368,7 +18380,7 @@ var PaidSection = function PaidSection(_ref) {
18368
18380
  warning: false
18369
18381
  },
18370
18382
  ROAS: {
18371
- value: "0.0x",
18383
+ value: "".concat(formatKpi$2(0), "x"),
18372
18384
  subValue: formatGrowth$2(0),
18373
18385
  data: flatSeries(0),
18374
18386
  categories: fallbackCategories,
@@ -18378,7 +18390,7 @@ var PaidSection = function PaidSection(_ref) {
18378
18390
  warning: false
18379
18391
  },
18380
18392
  "Cost Per Donor": {
18381
- value: "$".concat(formatNumber(0)),
18393
+ value: "$".concat(formatKpi$2(0)),
18382
18394
  subValue: formatGrowth$2(0),
18383
18395
  data: flatSeries(0),
18384
18396
  categories: fallbackCategories,
@@ -18388,7 +18400,7 @@ var PaidSection = function PaidSection(_ref) {
18388
18400
  warning: false
18389
18401
  },
18390
18402
  "Conversion Rate": {
18391
- value: "0.00%",
18403
+ value: "".concat(formatKpi$2(0), "%"),
18392
18404
  subValue: formatGrowth$2(0),
18393
18405
  data: flatSeries(0),
18394
18406
  categories: fallbackCategories,
@@ -18398,7 +18410,7 @@ var PaidSection = function PaidSection(_ref) {
18398
18410
  warning: false
18399
18411
  },
18400
18412
  "Avg Donation": {
18401
- value: "$".concat(formatNumber(0)),
18413
+ value: "$".concat(formatKpi$2(0)),
18402
18414
  subValue: formatGrowth$2(0),
18403
18415
  data: flatSeries(0),
18404
18416
  categories: fallbackCategories,
@@ -18412,7 +18424,7 @@ var PaidSection = function PaidSection(_ref) {
18412
18424
  var chartCategories = spendSeries.categories.length > 0 ? spendSeries.categories : revenueSeries.categories.length > 0 ? revenueSeries.categories : fallbackCategories;
18413
18425
  return {
18414
18426
  "Total Spent": {
18415
- value: "$".concat(formatNumber(overview.totalSpent)),
18427
+ value: "$".concat(formatKpi$2(overview.totalSpent)),
18416
18428
  subValue: formatGrowth$2(growth.totalSpent),
18417
18429
  data: spendSeries.data.length > 0 ? spendSeries.data : flatSeries(0),
18418
18430
  categories: chartCategories,
@@ -18422,7 +18434,7 @@ var PaidSection = function PaidSection(_ref) {
18422
18434
  warning: false
18423
18435
  },
18424
18436
  "Revenue Raised": {
18425
- value: "$".concat(formatNumber(overview.totalRevenue)),
18437
+ value: "$".concat(formatKpi$2(overview.totalRevenue)),
18426
18438
  subValue: formatGrowth$2(growth.totalRevenue),
18427
18439
  data: revenueSeries.data.length > 0 ? revenueSeries.data : flatSeries(0),
18428
18440
  categories: chartCategories,
@@ -18432,7 +18444,7 @@ var PaidSection = function PaidSection(_ref) {
18432
18444
  warning: false
18433
18445
  },
18434
18446
  ROAS: {
18435
- value: "".concat(Number(overview.roas).toFixed(1), "x"),
18447
+ value: "".concat(formatKpi$2(overview.roas), "x"),
18436
18448
  subValue: formatGrowth$2(growth.roas),
18437
18449
  data: roasChartData.length > 0 ? roasChartData : flatSeries(0),
18438
18450
  categories: chartCategories,
@@ -18442,7 +18454,7 @@ var PaidSection = function PaidSection(_ref) {
18442
18454
  warning: false
18443
18455
  },
18444
18456
  "Cost Per Donor": {
18445
- value: "$".concat(formatNumber(overview.costPerDonor)),
18457
+ value: "$".concat(formatKpi$2(overview.costPerDonor)),
18446
18458
  subValue: formatGrowth$2(growth.costPerDonor),
18447
18459
  data: flatSeries(overview.costPerDonor),
18448
18460
  categories: chartCategories,
@@ -18452,7 +18464,7 @@ var PaidSection = function PaidSection(_ref) {
18452
18464
  warning: false
18453
18465
  },
18454
18466
  "Conversion Rate": {
18455
- value: "".concat(Number(overview.conversionRate).toFixed(2), "%"),
18467
+ value: "".concat(formatKpi$2(overview.conversionRate), "%"),
18456
18468
  subValue: formatGrowth$2(growth.conversionRate),
18457
18469
  data: flatSeries(overview.conversionRate),
18458
18470
  categories: chartCategories,
@@ -18462,7 +18474,7 @@ var PaidSection = function PaidSection(_ref) {
18462
18474
  warning: false
18463
18475
  },
18464
18476
  "Avg Donation": {
18465
- value: "$".concat(formatNumber(overview.averageDonation)),
18477
+ value: "$".concat(formatKpi$2(overview.averageDonation)),
18466
18478
  subValue: formatGrowth$2(growth.averageDonation),
18467
18479
  data: flatSeries(overview.averageDonation),
18468
18480
  categories: chartCategories,
@@ -18731,6 +18743,12 @@ var PaidSection$1 = /*#__PURE__*/Object.freeze({
18731
18743
  default: PaidSection
18732
18744
  });
18733
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
+ };
18734
18752
  var formatGrowth$1 = function formatGrowth(value, dateName) {
18735
18753
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
18736
18754
  };
@@ -18788,7 +18806,7 @@ var OrganicSection = function OrganicSection(_ref) {
18788
18806
  if (!hasOrganicOverview) {
18789
18807
  return {
18790
18808
  "Organic Users": {
18791
- value: formatNumber(0),
18809
+ value: formatKpi$1(0),
18792
18810
  subValue: formatGrowth$1(0),
18793
18811
  data: flatZeroData(),
18794
18812
  categories: fallbackCategories,
@@ -18798,7 +18816,7 @@ var OrganicSection = function OrganicSection(_ref) {
18798
18816
  error: false
18799
18817
  },
18800
18818
  "Search Clicks": {
18801
- value: formatNumber(0),
18819
+ value: formatKpi$1(0),
18802
18820
  subValue: formatGrowth$1(0),
18803
18821
  data: flatZeroData(),
18804
18822
  categories: fallbackCategories,
@@ -18808,7 +18826,7 @@ var OrganicSection = function OrganicSection(_ref) {
18808
18826
  error: false
18809
18827
  },
18810
18828
  Donations: {
18811
- value: formatNumber(0),
18829
+ value: formatKpi$1(0),
18812
18830
  subValue: formatGrowth$1(0),
18813
18831
  data: flatZeroData(),
18814
18832
  categories: fallbackCategories,
@@ -18818,7 +18836,7 @@ var OrganicSection = function OrganicSection(_ref) {
18818
18836
  error: false
18819
18837
  },
18820
18838
  "Conversion Rate": {
18821
- value: "0.00%",
18839
+ value: "".concat(formatKpi$1(0), "%"),
18822
18840
  subValue: formatGrowth$1(0),
18823
18841
  data: flatZeroData(),
18824
18842
  categories: fallbackCategories,
@@ -18828,7 +18846,7 @@ var OrganicSection = function OrganicSection(_ref) {
18828
18846
  error: false
18829
18847
  },
18830
18848
  "Revenue Raised": {
18831
- value: "$".concat(formatNumber(0)),
18849
+ value: "$".concat(formatKpi$1(0)),
18832
18850
  subValue: formatGrowth$1(0),
18833
18851
  data: flatZeroData(),
18834
18852
  categories: fallbackCategories,
@@ -18838,7 +18856,7 @@ var OrganicSection = function OrganicSection(_ref) {
18838
18856
  error: false
18839
18857
  },
18840
18858
  "Avg Donation": {
18841
- value: "$".concat(formatNumber(0)),
18859
+ value: "$".concat(formatKpi$1(0)),
18842
18860
  subValue: formatGrowth$1(0),
18843
18861
  data: flatZeroData(),
18844
18862
  categories: fallbackCategories,
@@ -18859,7 +18877,7 @@ var OrganicSection = function OrganicSection(_ref) {
18859
18877
  }) : [(_overview$overallAVGD2 = overview.overallAVGDonations) !== null && _overview$overallAVGD2 !== void 0 ? _overview$overallAVGD2 : 0];
18860
18878
  return {
18861
18879
  "Organic Users": {
18862
- 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),
18863
18881
  subValue: growthCaption("organicUsers"),
18864
18882
  data: organicUsersSeries.data,
18865
18883
  categories: organicUsersSeries.categories,
@@ -18881,7 +18899,7 @@ var OrganicSection = function OrganicSection(_ref) {
18881
18899
  error: false
18882
18900
  },
18883
18901
  Donations: {
18884
- 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),
18885
18903
  subValue: growthCaption("totalDonations"),
18886
18904
  data: donationsSeries.data,
18887
18905
  categories: donationsSeries.categories,
@@ -18891,7 +18909,7 @@ var OrganicSection = function OrganicSection(_ref) {
18891
18909
  error: false
18892
18910
  },
18893
18911
  "Conversion Rate": {
18894
- 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), "%"),
18895
18913
  subValue: growthCaption("conversionRate"),
18896
18914
  data: conversionSeries.data,
18897
18915
  categories: conversionSeries.categories,
@@ -18901,7 +18919,7 @@ var OrganicSection = function OrganicSection(_ref) {
18901
18919
  error: false
18902
18920
  },
18903
18921
  "Revenue Raised": {
18904
- 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)),
18905
18923
  subValue: growthCaption("totalRevenue"),
18906
18924
  data: revenueSeries.data,
18907
18925
  categories: revenueSeries.categories,
@@ -18911,7 +18929,7 @@ var OrganicSection = function OrganicSection(_ref) {
18911
18929
  error: false
18912
18930
  },
18913
18931
  "Avg Donation": {
18914
- 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)),
18915
18933
  subValue: growthCaption("overallAVGDonations"),
18916
18934
  data: avgDonationSeries.data,
18917
18935
  categories: avgDonationSeries.categories,
@@ -19553,6 +19571,12 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
19553
19571
  }));
19554
19572
  };
19555
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
+ };
19556
19580
  var formatGrowth = function formatGrowth(value, dateName) {
19557
19581
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
19558
19582
  };
@@ -19627,7 +19651,7 @@ var EmailSection = function EmailSection(_ref) {
19627
19651
  if (!hasEmailOverview) {
19628
19652
  return {
19629
19653
  "Total Raised": {
19630
- value: "$".concat(formatNumber(0)),
19654
+ value: "$".concat(formatKpi(0)),
19631
19655
  subValue: formatGrowth(0),
19632
19656
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
19633
19657
  money: true,
@@ -19635,7 +19659,7 @@ var EmailSection = function EmailSection(_ref) {
19635
19659
  warning: false
19636
19660
  },
19637
19661
  Donations: {
19638
- value: formatNumber(0),
19662
+ value: formatKpi(0),
19639
19663
  subValue: formatGrowth(0),
19640
19664
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.FavoriteOutlined, {}),
19641
19665
  money: false,
@@ -19643,7 +19667,7 @@ var EmailSection = function EmailSection(_ref) {
19643
19667
  warning: false
19644
19668
  },
19645
19669
  "Conversion Rate": {
19646
- value: "0.00%",
19670
+ value: "".concat(formatKpi(0), "%"),
19647
19671
  subValue: formatGrowth(0),
19648
19672
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
19649
19673
  money: false,
@@ -19651,7 +19675,7 @@ var EmailSection = function EmailSection(_ref) {
19651
19675
  warning: false
19652
19676
  },
19653
19677
  CTR: {
19654
- value: "0.00%",
19678
+ value: "".concat(formatKpi(0), "%"),
19655
19679
  subValue: formatGrowth(0),
19656
19680
  icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
19657
19681
  money: false,
@@ -19659,7 +19683,7 @@ var EmailSection = function EmailSection(_ref) {
19659
19683
  warning: false
19660
19684
  },
19661
19685
  "Revenue Per Email": {
19662
- value: "$".concat(formatNumber(0)),
19686
+ value: "$".concat(formatKpi(0)),
19663
19687
  subValue: formatGrowth(0),
19664
19688
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
19665
19689
  money: true,
@@ -19667,7 +19691,7 @@ var EmailSection = function EmailSection(_ref) {
19667
19691
  warning: false
19668
19692
  },
19669
19693
  "Open Rate": {
19670
- value: "0.00%",
19694
+ value: "".concat(formatKpi(0), "%"),
19671
19695
  subValue: formatGrowth(0),
19672
19696
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
19673
19697
  money: false,
@@ -19675,7 +19699,7 @@ var EmailSection = function EmailSection(_ref) {
19675
19699
  warning: false
19676
19700
  },
19677
19701
  Clicks: {
19678
- value: formatNumber(0),
19702
+ value: formatKpi(0),
19679
19703
  subValue: formatGrowth(0),
19680
19704
  icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
19681
19705
  money: false,
@@ -19683,7 +19707,7 @@ var EmailSection = function EmailSection(_ref) {
19683
19707
  warning: false
19684
19708
  },
19685
19709
  "Unique Clicks": {
19686
- value: formatNumber(0),
19710
+ value: formatKpi(0),
19687
19711
  subValue: formatGrowth(0),
19688
19712
  icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
19689
19713
  money: false,
@@ -19691,7 +19715,7 @@ var EmailSection = function EmailSection(_ref) {
19691
19715
  warning: false
19692
19716
  },
19693
19717
  "Bounce Rate": {
19694
- value: "0.00%",
19718
+ value: "".concat(formatKpi(0), "%"),
19695
19719
  subValue: formatGrowth(0),
19696
19720
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
19697
19721
  money: false,
@@ -19699,7 +19723,7 @@ var EmailSection = function EmailSection(_ref) {
19699
19723
  warning: false
19700
19724
  },
19701
19725
  "Revenue Per Click": {
19702
- value: "$".concat(formatNumber(0)),
19726
+ value: "$".concat(formatKpi(0)),
19703
19727
  subValue: formatGrowth(0),
19704
19728
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
19705
19729
  money: true,
@@ -19710,7 +19734,7 @@ var EmailSection = function EmailSection(_ref) {
19710
19734
  }
19711
19735
  return {
19712
19736
  "Total Raised": {
19713
- 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)),
19714
19738
  subValue: growthCaption("totalRevenue"),
19715
19739
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
19716
19740
  money: true,
@@ -19718,7 +19742,7 @@ var EmailSection = function EmailSection(_ref) {
19718
19742
  warning: false
19719
19743
  },
19720
19744
  Donations: {
19721
- 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),
19722
19746
  subValue: growthCaption("totalDonations"),
19723
19747
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.FavoriteOutlined, {}),
19724
19748
  money: false,
@@ -19726,7 +19750,7 @@ var EmailSection = function EmailSection(_ref) {
19726
19750
  warning: false
19727
19751
  },
19728
19752
  "Conversion Rate": {
19729
- 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), "%"),
19730
19754
  subValue: growthCaption("conversionRate"),
19731
19755
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
19732
19756
  money: false,
@@ -19734,7 +19758,7 @@ var EmailSection = function EmailSection(_ref) {
19734
19758
  warning: false
19735
19759
  },
19736
19760
  CTR: {
19737
- 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), "%"),
19738
19762
  subValue: growthCaption("ctr"),
19739
19763
  icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
19740
19764
  money: false,
@@ -19742,7 +19766,7 @@ var EmailSection = function EmailSection(_ref) {
19742
19766
  warning: false
19743
19767
  },
19744
19768
  "Revenue Per Email": {
19745
- 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)),
19746
19770
  subValue: growthCaption("revenuePerEmail"),
19747
19771
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
19748
19772
  money: true,
@@ -19750,7 +19774,7 @@ var EmailSection = function EmailSection(_ref) {
19750
19774
  warning: false
19751
19775
  },
19752
19776
  "Open Rate": {
19753
- 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), "%"),
19754
19778
  subValue: growthCaption("openRate", deliverabilityGrowth),
19755
19779
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
19756
19780
  money: false,
@@ -19758,7 +19782,7 @@ var EmailSection = function EmailSection(_ref) {
19758
19782
  warning: false
19759
19783
  },
19760
19784
  Clicks: {
19761
- 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),
19762
19786
  subValue: growthCaption("totalClicks", deliverabilityGrowth),
19763
19787
  icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
19764
19788
  money: false,
@@ -19766,7 +19790,7 @@ var EmailSection = function EmailSection(_ref) {
19766
19790
  warning: false
19767
19791
  },
19768
19792
  "Unique Clicks": {
19769
- 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),
19770
19794
  subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
19771
19795
  icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
19772
19796
  money: false,
@@ -19774,7 +19798,7 @@ var EmailSection = function EmailSection(_ref) {
19774
19798
  warning: false
19775
19799
  },
19776
19800
  "Bounce Rate": {
19777
- 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), "%"),
19778
19802
  subValue: growthCaption("bounceRate", deliverabilityGrowth),
19779
19803
  icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
19780
19804
  money: false,
@@ -19782,7 +19806,7 @@ var EmailSection = function EmailSection(_ref) {
19782
19806
  warning: false
19783
19807
  },
19784
19808
  "Revenue Per Click": {
19785
- 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)),
19786
19810
  subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
19787
19811
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
19788
19812
  money: true,