@ammarkhalidfarooq/dashboard-package 0.6.89 → 0.6.91

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.
package/dist/index.es.js CHANGED
@@ -982,7 +982,9 @@ var Dashboard = function Dashboard(_ref) {
982
982
  _ref$activeFilters = _ref.activeFilters,
983
983
  activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters;
984
984
  _ref.exportLoading;
985
- var setExportLoading = _ref.setExportLoading;
985
+ var setExportLoading = _ref.setExportLoading,
986
+ _ref$name = _ref.name,
987
+ name = _ref$name === void 0 ? "" : _ref$name;
986
988
  return /*#__PURE__*/jsx(ThemeProvider, {
987
989
  theme: theme,
988
990
  children: /*#__PURE__*/jsx(Suspense, {
@@ -994,6 +996,7 @@ var Dashboard = function Dashboard(_ref) {
994
996
  children: /*#__PURE__*/jsx(CircularProgress, {})
995
997
  }),
996
998
  children: /*#__PURE__*/jsx(NewOverview$1, {
999
+ name: name,
997
1000
  numberOfDays: numberOfDays,
998
1001
  apiData: apiData,
999
1002
  activeSection: overviewType,
@@ -1014,7 +1017,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
1014
1017
  subtitle = _ref$subtitle === void 0 ? "Live fundraisers ranked by velocity" : _ref$subtitle,
1015
1018
  actionLabel = _ref.actionLabel,
1016
1019
  _ref$columns = _ref.columns,
1017
- columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg gift"] : _ref$columns,
1020
+ columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg Gift"] : _ref$columns,
1018
1021
  _ref$rows = _ref.rows,
1019
1022
  rows = _ref$rows === void 0 ? [] : _ref$rows,
1020
1023
  _ref$gridTemplateColu = _ref.gridTemplateColumns,
@@ -2762,7 +2765,8 @@ var PageHeader = function PageHeader(_ref12) {
2762
2765
  });
2763
2766
  };
2764
2767
  var PageFooter = function PageFooter(_ref13) {
2765
- var generatedLabel = _ref13.generatedLabel,
2768
+ var generatedBy = _ref13.generatedBy,
2769
+ generatedLabel = _ref13.generatedLabel,
2766
2770
  page = _ref13.page;
2767
2771
  return /*#__PURE__*/jsx("div", {
2768
2772
  style: {
@@ -2777,7 +2781,7 @@ var PageFooter = function PageFooter(_ref13) {
2777
2781
  fontSize: 8,
2778
2782
  color: THEME.muted
2779
2783
  },
2780
- children: ["Confidential - Generated by Dashboard - ", generatedLabel, " \xA0\xA0 Page ", page, " of 2 - madinah.com"]
2784
+ children: ["Confidential - Generated by ", generatedBy, " - ", generatedLabel, " \xA0\xA0 Page ", page, " of 2 - madinah.com"]
2781
2785
  })
2782
2786
  });
2783
2787
  };
@@ -2785,7 +2789,9 @@ var PageFooter = function PageFooter(_ref13) {
2785
2789
  // ─── Main component ───────────────────────────────────────────────────────────
2786
2790
  var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
2787
2791
  var _apiData$overviewStat, _overview$totalRevenu, _overview$netRevenue, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _apiData$trafficSourc, _apiData$trafficSourc2, _apiData$trafficSourc3, _metricByTitle$NetRa, _metricByTitle$Total, _metricByTitle$Total2, _metricByTitle$Total3, _metricByTitle$AvgDo, _growth$overallAVGDon, _metricByTitle$AvgDo2, _apiData$roasCard, _metricByTitle$ROAS, _apiData$roasCardPrev, _metricByTitle$ROAS2, _apiData$adSpend, _apiData$attributedRe, _metricByTitle$Conver, _metricByTitle$Conver2, _metricByTitle$Refund, _metricByTitle$Refund2, _metricByTitle$Refund3, _mainChart$stacked, _ob$growthPercentage, _ob$peakDay, _up$acceptanceGrowth, _up$raisedGrowth, _dn$acceptanceGrowth, _dn$raisedGrowth, _refCard$growthPercen;
2788
- var _ref14$apiData = _ref14.apiData,
2792
+ var _ref14$name = _ref14.name,
2793
+ name = _ref14$name === void 0 ? "" : _ref14$name,
2794
+ _ref14$apiData = _ref14.apiData,
2789
2795
  apiData = _ref14$apiData === void 0 ? {} : _ref14$apiData,
2790
2796
  _ref14$dateName = _ref14.dateName,
2791
2797
  dateName = _ref14$dateName === void 0 ? "Last Period" : _ref14$dateName,
@@ -3162,6 +3168,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
3162
3168
  })]
3163
3169
  })]
3164
3170
  }), /*#__PURE__*/jsx(PageFooter, {
3171
+ generatedBy: name,
3165
3172
  generatedLabel: generatedLabel,
3166
3173
  page: 1
3167
3174
  })]
@@ -3583,6 +3590,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
3583
3590
  })]
3584
3591
  })]
3585
3592
  }), /*#__PURE__*/jsx(PageFooter, {
3593
+ generatedBy: name,
3586
3594
  generatedLabel: generatedLabel,
3587
3595
  page: 2
3588
3596
  })]
@@ -3691,7 +3699,9 @@ var EmailSection$2 = /*#__PURE__*/lazy(function () {
3691
3699
  return Promise.resolve().then(function () { return EmailSection$1; });
3692
3700
  });
3693
3701
  var NewOverview = function NewOverview(_ref) {
3694
- var _ref$numberOfDays = _ref.numberOfDays,
3702
+ var _ref$name = _ref.name,
3703
+ name = _ref$name === void 0 ? "" : _ref$name,
3704
+ _ref$numberOfDays = _ref.numberOfDays,
3695
3705
  numberOfDays = _ref$numberOfDays === void 0 ? 1 : _ref$numberOfDays,
3696
3706
  _ref$apiData = _ref.apiData,
3697
3707
  apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
@@ -4036,6 +4046,7 @@ var NewOverview = function NewOverview(_ref) {
4036
4046
  },
4037
4047
  children: /*#__PURE__*/jsx(ExportPdfLayout, {
4038
4048
  ref: exportLayoutRef,
4049
+ name: name,
4039
4050
  apiData: apiData,
4040
4051
  dateName: dateName,
4041
4052
  numberOfDays: numberOfDays,
@@ -4547,7 +4558,7 @@ var DonorMixCard = function DonorMixCard(_ref) {
4547
4558
 
4548
4559
  var TrafficSourceCard = function TrafficSourceCard(_ref) {
4549
4560
  var _ref$title = _ref.title,
4550
- title = _ref$title === void 0 ? "Traffic source" : _ref$title,
4561
+ title = _ref$title === void 0 ? "Traffic Source" : _ref$title,
4551
4562
  subtitle = _ref.subtitle,
4552
4563
  _ref$trafficSourceDat = _ref.trafficSourceData,
4553
4564
  trafficSourceData = _ref$trafficSourceDat === void 0 ? [] : _ref$trafficSourceDat,
@@ -5278,7 +5289,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
5278
5289
  total: (dataObj === null || dataObj === void 0 || (_dataObj$summary4 = dataObj.summary) === null || _dataObj$summary4 === void 0 || (_dataObj$summary4 = _dataObj$summary4.oneTime) === null || _dataObj$summary4 === void 0 ? void 0 : _dataObj$summary4.total) || 0,
5279
5290
  color: oneTimeColor
5280
5291
  }];
5281
- title = "Recurring vs one-time";
5292
+ title = "Recurring vs One-time";
5282
5293
  isDistributed = false;
5283
5294
  }
5284
5295
  var resolvedChartHeight = chartHeight !== null && chartHeight !== void 0 ? chartHeight : exportMode ? 110 : 170;
@@ -5556,7 +5567,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
5556
5567
  cvr: "2.2%"
5557
5568
  }];
5558
5569
  return /*#__PURE__*/jsxs(CardWrapper, {
5559
- title: "Top landing pages",
5570
+ title: "Top Landing Pages",
5560
5571
  subtitle: "Pages ranked by donations attributed",
5561
5572
  children: [/*#__PURE__*/jsxs(Box, {
5562
5573
  sx: {
@@ -5606,7 +5617,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
5606
5617
  textAlign: "left",
5607
5618
  whiteSpace: "nowrap"
5608
5619
  },
5609
- children: "Conv. rate"
5620
+ children: "Conv. Rate"
5610
5621
  })]
5611
5622
  }), data.length === 0 ? /*#__PURE__*/jsx(Typography, {
5612
5623
  sx: {
@@ -5714,7 +5725,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
5714
5725
  }];
5715
5726
  var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
5716
5727
  return /*#__PURE__*/jsx(CardWrapper, {
5717
- title: "Top organic keywords",
5728
+ title: "Top Organic Keywords",
5718
5729
  subtitle: "Search terms ranked by clicks - last ".concat(daysLabel),
5719
5730
  children: !available || data.length === 0 ? /*#__PURE__*/jsx(Typography, {
5720
5731
  sx: {
@@ -5857,7 +5868,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
5857
5868
  };
5858
5869
  var GeographyCard = function GeographyCard(_ref4) {
5859
5870
  var _ref4$subtitle = _ref4.subtitle,
5860
- subtitle = _ref4$subtitle === void 0 ? "Top countries by organic traffic" : _ref4$subtitle,
5871
+ subtitle = _ref4$subtitle === void 0 ? "Top Countries by Organic Traffic" : _ref4$subtitle,
5861
5872
  dataProp = _ref4.data;
5862
5873
  var data = dataProp !== null && dataProp !== void 0 ? dataProp : [{
5863
5874
  country: "United States",
@@ -5885,7 +5896,7 @@ var GeographyCard = function GeographyCard(_ref4) {
5885
5896
  percentage: 16
5886
5897
  }];
5887
5898
  return /*#__PURE__*/jsx(CardWrapper, {
5888
- title: "Geography insights",
5899
+ title: "Geography Insights",
5889
5900
  subtitle: subtitle,
5890
5901
  children: data.length === 0 ? /*#__PURE__*/jsx(Typography, {
5891
5902
  sx: {
@@ -5967,7 +5978,7 @@ var TopCampaignsRaisedCard = function TopCampaignsRaisedCard(_ref5) {
5967
5978
  value: "$6,320"
5968
5979
  }];
5969
5980
  return /*#__PURE__*/jsxs(CardWrapper, {
5970
- title: "Top campaigns by total raised",
5981
+ title: "Top Campaigns by Total Raised",
5971
5982
  subtitle: "Email campaigns ranked by donations",
5972
5983
  children: [/*#__PURE__*/jsxs(Box, {
5973
5984
  sx: {
@@ -6073,7 +6084,7 @@ var TopCampaignsCTRCard = function TopCampaignsCTRCard(_ref6) {
6073
6084
  value: "7.6%"
6074
6085
  }];
6075
6086
  return /*#__PURE__*/jsxs(CardWrapper, {
6076
- title: "Top campaigns by CTR",
6087
+ title: "Top Campaigns by CTR",
6077
6088
  subtitle: "Click-through rate leaders",
6078
6089
  children: [/*#__PURE__*/jsxs(Box, {
6079
6090
  sx: {
@@ -6179,7 +6190,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
6179
6190
  value: "3.4%"
6180
6191
  }];
6181
6192
  return /*#__PURE__*/jsxs(CardWrapper, {
6182
- title: "Top campaigns by conversion",
6193
+ title: "Top Campaigns by Conversion",
6183
6194
  subtitle: "Click-to-donation conversion",
6184
6195
  children: [/*#__PURE__*/jsxs(Box, {
6185
6196
  sx: {
@@ -6201,7 +6212,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
6201
6212
  color: "rgba(0, 0, 0, 0.4)",
6202
6213
  fontWeight: 500
6203
6214
  },
6204
- children: "Conv. rate"
6215
+ children: "Conv. Rate"
6205
6216
  })]
6206
6217
  }), data.length === 0 ? /*#__PURE__*/jsx(Typography, {
6207
6218
  sx: {
@@ -6295,7 +6306,7 @@ var TopPerformingCampaignsCard = function TopPerformingCampaignsCard(_ref8) {
6295
6306
  }];
6296
6307
  var data = dataProp === null ? fallbackData : dataProp;
6297
6308
  return /*#__PURE__*/jsxs(CardWrapper, {
6298
- title: "Top performing campaigns",
6309
+ title: "Top Performing Campaigns",
6299
6310
  subtitle: "Paid campaigns ranked by ROAS",
6300
6311
  children: [/*#__PURE__*/jsxs(Box, {
6301
6312
  sx: {
@@ -6449,7 +6460,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref9) {
6449
6460
  color: "#000",
6450
6461
  lineHeight: 1.15
6451
6462
  },
6452
- children: "Paid donor geography"
6463
+ children: "Paid Donor Geography"
6453
6464
  }), /*#__PURE__*/jsx(Typography, {
6454
6465
  sx: {
6455
6466
  fontSize: "13px",
@@ -6728,7 +6739,7 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
6728
6739
  textAlign: "left",
6729
6740
  lineHeight: 1.15
6730
6741
  },
6731
- children: "Refunds & chargebacks"
6742
+ children: "Refunds & Chargebacks"
6732
6743
  }), /*#__PURE__*/jsxs(Typography, {
6733
6744
  sx: {
6734
6745
  fontSize: "13px",
@@ -6963,12 +6974,12 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
6963
6974
  alignItems: "stretch"
6964
6975
  },
6965
6976
  children: [/*#__PURE__*/jsx(ActiveCampaignsCard, {
6966
- title: "Active campaigns",
6977
+ title: "Active Campaigns",
6967
6978
  subtitle: "Live fundraisers ranked by velocity",
6968
6979
  columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
6969
6980
  rows: activeCampaignsRows
6970
6981
  }), /*#__PURE__*/jsx(DonorMixCard, {
6971
- title: "Donor mix",
6982
+ title: "Donor Mix",
6972
6983
  subtitle: "Acquisition vs retention",
6973
6984
  series: [newDonors, returningDonors],
6974
6985
  labels: ["New donors", "Returning"],
@@ -7004,7 +7015,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
7004
7015
  paddingTop: "0px !important"
7005
7016
  },
7006
7017
  children: /*#__PURE__*/jsx(ActiveCampaignsCard, {
7007
- title: "Active campaigns",
7018
+ title: "Active Campaigns",
7008
7019
  subtitle: "Live fundraisers ranked by velocity",
7009
7020
  columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
7010
7021
  rows: activeCampaignsRows
@@ -7022,7 +7033,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
7022
7033
  }
7023
7034
  },
7024
7035
  children: /*#__PURE__*/jsx(DonorMixCard, {
7025
- title: "Donor mix",
7036
+ title: "Donor Mix",
7026
7037
  subtitle: "Acquisition vs retention",
7027
7038
  series: [newDonors, returningDonors],
7028
7039
  labels: ["New donors", "Returning"],
@@ -7030,7 +7041,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
7030
7041
  centerLabel: "donors",
7031
7042
  centerValue: String(totalMix),
7032
7043
  items: [{
7033
- label: "New donors",
7044
+ label: "New Donors",
7034
7045
  val: "".concat(newDonors, " - ").concat(newPct, "%"),
7035
7046
  color: "rgb(99, 99, 230)"
7036
7047
  }, {
@@ -17593,7 +17604,7 @@ var OverallSection = function OverallSection(_ref) {
17593
17604
  error: false,
17594
17605
  warning: false
17595
17606
  },
17596
- "Avg donation": {
17607
+ "Avg Donation": {
17597
17608
  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))),
17598
17609
  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 "),
17599
17610
  label: "Average Donation Amount",
@@ -17745,7 +17756,7 @@ var OverallSection = function OverallSection(_ref) {
17745
17756
  categories = _buildStackedSeries.categories,
17746
17757
  series = _buildStackedSeries.series;
17747
17758
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
17748
- label: "Total revenue trend",
17759
+ label: "Total Revenue Trend",
17749
17760
  data: undefined,
17750
17761
  // Clear single data property to force series usage
17751
17762
  series: series,
@@ -17769,7 +17780,7 @@ var OverallSection = function OverallSection(_ref) {
17769
17780
  _categories = _buildStackedSeries2.categories,
17770
17781
  _series = _buildStackedSeries2.series;
17771
17782
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
17772
- label: "Net revenue trend",
17783
+ label: "Net Revenue Trend",
17773
17784
  data: undefined,
17774
17785
  series: _series,
17775
17786
  categories: _categories,
@@ -17779,7 +17790,7 @@ var OverallSection = function OverallSection(_ref) {
17779
17790
  });
17780
17791
  } else if (Array.isArray(netData) && netData.length > 0) {
17781
17792
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
17782
- label: "Net revenue trend",
17793
+ label: "Net Revenue Trend",
17783
17794
  data: netData.map(function (item) {
17784
17795
  return item.value;
17785
17796
  }),
@@ -17801,7 +17812,7 @@ var OverallSection = function OverallSection(_ref) {
17801
17812
  _categories2 = _buildStackedSeries3.categories,
17802
17813
  _series2 = _buildStackedSeries3.series;
17803
17814
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
17804
- label: "Donor trend",
17815
+ label: "Donor Trend",
17805
17816
  data: undefined,
17806
17817
  series: _series2,
17807
17818
  categories: _categories2,
@@ -17811,7 +17822,7 @@ var OverallSection = function OverallSection(_ref) {
17811
17822
  });
17812
17823
  } else if (Array.isArray(donorsData) && donorsData.length > 0) {
17813
17824
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
17814
- label: "Donor trend",
17825
+ label: "Donor Trend",
17815
17826
  data: donorsData.map(function (item) {
17816
17827
  return item.value;
17817
17828
  }),
@@ -17887,7 +17898,7 @@ var OverallSection = function OverallSection(_ref) {
17887
17898
  });
17888
17899
  }
17889
17900
  }
17890
- if (activeMetric === "Avg donation") {
17901
+ if (activeMetric === "Avg Donation") {
17891
17902
  var _apiData$overviewStat26;
17892
17903
  var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.avgDonations;
17893
17904
  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);
@@ -17896,7 +17907,7 @@ var OverallSection = function OverallSection(_ref) {
17896
17907
  _categories5 = _buildStackedSeries6.categories,
17897
17908
  _series5 = _buildStackedSeries6.series;
17898
17909
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
17899
- label: "Average donation trend",
17910
+ label: "Average Donation Trend",
17900
17911
  data: undefined,
17901
17912
  series: _series5,
17902
17913
  categories: _categories5,
@@ -17906,7 +17917,7 @@ var OverallSection = function OverallSection(_ref) {
17906
17917
  });
17907
17918
  } else if (Array.isArray(avgData) && avgData.length > 0) {
17908
17919
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
17909
- label: "Average donation trend",
17920
+ label: "Average Donation Trend",
17910
17921
  data: avgData.map(function (item) {
17911
17922
  return item.value;
17912
17923
  }),
@@ -18150,7 +18161,7 @@ var PaidSection = function PaidSection(_ref) {
18150
18161
  error: false,
18151
18162
  warning: false
18152
18163
  },
18153
- "Cost per donor": {
18164
+ "Cost Per Donor": {
18154
18165
  value: "$".concat(formatNumber(373)),
18155
18166
  subValue: "12% vs pp",
18156
18167
  data: [350, 380, 360, 410, 390, 370, 373],
@@ -18160,7 +18171,7 @@ var PaidSection = function PaidSection(_ref) {
18160
18171
  error: false,
18161
18172
  warning: false
18162
18173
  },
18163
- "Conversion rate": {
18174
+ "Conversion Rate": {
18164
18175
  value: "3.1%",
18165
18176
  subValue: "12% vs pp",
18166
18177
  data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
@@ -18171,7 +18182,7 @@ var PaidSection = function PaidSection(_ref) {
18171
18182
  error: false,
18172
18183
  warning: false
18173
18184
  },
18174
- "Avg donation": {
18185
+ "Avg Donation": {
18175
18186
  value: "$".concat(formatNumber(130.58)),
18176
18187
  subValue: "12% vs pp",
18177
18188
  data: [120, 135, 125, 140, 130, 128, 130.58],
@@ -18215,7 +18226,7 @@ var PaidSection = function PaidSection(_ref) {
18215
18226
  error: false,
18216
18227
  warning: false
18217
18228
  },
18218
- "Cost per donor": {
18229
+ "Cost Per Donor": {
18219
18230
  value: "$".concat(formatNumber((_overview$costPerDono = overview.costPerDonor) !== null && _overview$costPerDono !== void 0 ? _overview$costPerDono : 0)),
18220
18231
  subValue: formatGrowth$2(growth.costPerDonor),
18221
18232
  data: flatSeries((_overview$costPerDono2 = overview.costPerDonor) !== null && _overview$costPerDono2 !== void 0 ? _overview$costPerDono2 : 0),
@@ -18225,7 +18236,7 @@ var PaidSection = function PaidSection(_ref) {
18225
18236
  error: false,
18226
18237
  warning: false
18227
18238
  },
18228
- "Conversion rate": {
18239
+ "Conversion Rate": {
18229
18240
  value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
18230
18241
  subValue: formatGrowth$2(growth.conversionRate),
18231
18242
  data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
@@ -18236,7 +18247,7 @@ var PaidSection = function PaidSection(_ref) {
18236
18247
  error: false,
18237
18248
  warning: false
18238
18249
  },
18239
- "Avg donation": {
18250
+ "Avg Donation": {
18240
18251
  value: "$".concat(formatNumber((_overview$averageDona = overview.averageDonation) !== null && _overview$averageDona !== void 0 ? _overview$averageDona : 0)),
18241
18252
  subValue: formatGrowth$2(growth.averageDonation),
18242
18253
  data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
@@ -18388,7 +18399,7 @@ var PaidSection = function PaidSection(_ref) {
18388
18399
  isPrimary: true,
18389
18400
  isPremium: true,
18390
18401
  numberOfDays: numberOfDays,
18391
- metric: activeMetric === "Conversion rate" ? "Percent" : activeMetric === "ROAS" ? "ROAS" : selectedInfo.money ? "Revenue" : "Donors"
18402
+ metric: activeMetric === "Conversion Rate" ? "Percent" : activeMetric === "ROAS" ? "ROAS" : selectedInfo.money ? "Revenue" : "Donors"
18392
18403
  })
18393
18404
  }), /*#__PURE__*/jsxs(Grid, {
18394
18405
  container: true,
@@ -18405,9 +18416,9 @@ var PaidSection = function PaidSection(_ref) {
18405
18416
  minHeight: "430px"
18406
18417
  },
18407
18418
  children: /*#__PURE__*/jsx(ActiveCampaignsCard, {
18408
- title: "Channel performance",
18419
+ title: "Channel Performance",
18409
18420
  subtitle: "Ad platforms ranked by ROAS",
18410
- columns: ["channel", "spend", "revenue", "ROAS", "CPA", "trend"],
18421
+ columns: ["Channel", "Ppend", "Revenue", "ROAS", "CPA", "Trend"],
18411
18422
  gridTemplateColumns: "2.2fr 1fr 1fr 0.8fr 0.8fr 1.2fr",
18412
18423
  height: "100%",
18413
18424
  rows: channelRows !== null && channelRows !== void 0 ? channelRows : [{
@@ -18490,7 +18501,7 @@ var PaidSection = function PaidSection(_ref) {
18490
18501
  }
18491
18502
  },
18492
18503
  children: /*#__PURE__*/jsx(DonorMixCard, {
18493
- title: "Spend allocation",
18504
+ title: "Spend Allocation",
18494
18505
  subtitle: (_spendAllocation$subt = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.subtitle) !== null && _spendAllocation$subt !== void 0 ? _spendAllocation$subt : "Where $80.3K went this month",
18495
18506
  series: (_spendAllocation$seri = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.series) !== null && _spendAllocation$seri !== void 0 ? _spendAllocation$seri : [40.8, 35.1, 14.2, 6.6, 3.3],
18496
18507
  labels: (_spendAllocation$labe = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.labels) !== null && _spendAllocation$labe !== void 0 ? _spendAllocation$labe : ["Meta Ads", "Google Ads", "TikTok", "YouTube", "Snapchat"],
@@ -18656,7 +18667,7 @@ var OrganicSection = function OrganicSection(_ref) {
18656
18667
  warning: false,
18657
18668
  error: false
18658
18669
  },
18659
- "Revenue raised": {
18670
+ "Revenue Raised": {
18660
18671
  value: "$".concat(formatNumber(240398)),
18661
18672
  subValue: "0.4x vs pp",
18662
18673
  data: [2.5, 3.1, 2.8, 4.2, 3.8, 4.5, 5.2],
@@ -18666,7 +18677,7 @@ var OrganicSection = function OrganicSection(_ref) {
18666
18677
  warning: false,
18667
18678
  error: false
18668
18679
  },
18669
- "Avg donation": {
18680
+ "Avg Donation": {
18670
18681
  value: "$".concat(formatNumber(130.58)),
18671
18682
  subValue: "18% vs pp",
18672
18683
  data: [110, 125, 120, 135, 130, 128, 130.58],
@@ -18731,7 +18742,7 @@ var OrganicSection = function OrganicSection(_ref) {
18731
18742
  warning: false,
18732
18743
  error: false
18733
18744
  },
18734
- "Revenue raised": {
18745
+ "Revenue Raised": {
18735
18746
  value: "$".concat(formatNumber((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
18736
18747
  subValue: growthCaption("totalRevenue"),
18737
18748
  data: revenueSeries.data,
@@ -18741,7 +18752,7 @@ var OrganicSection = function OrganicSection(_ref) {
18741
18752
  warning: false,
18742
18753
  error: false
18743
18754
  },
18744
- "Avg donation": {
18755
+ "Avg Donation": {
18745
18756
  value: "$".concat(formatNumber((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
18746
18757
  subValue: growthCaption("overallAVGDonations"),
18747
18758
  data: avgDonationSeries.data,
@@ -18915,7 +18926,7 @@ var OrganicSection = function OrganicSection(_ref) {
18915
18926
  }
18916
18927
  },
18917
18928
  children: /*#__PURE__*/jsx(DonorMixCard, {
18918
- title: "Source breakdown",
18929
+ title: "Source Breakdown",
18919
18930
  subtitle: "Where organic visitors come from",
18920
18931
  series: (_sourceBreakdown$seri = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.series) !== null && _sourceBreakdown$seri !== void 0 ? _sourceBreakdown$seri : [40.8, 35.1, 14.2, 3.3],
18921
18932
  labels: (_sourceBreakdown$labe = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.labels) !== null && _sourceBreakdown$labe !== void 0 ? _sourceBreakdown$labe : ["Meta Ads", "Google Ads", "TikTok", "Snapchat"],
@@ -18970,7 +18981,7 @@ var OrganicSection = function OrganicSection(_ref) {
18970
18981
  }
18971
18982
  },
18972
18983
  children: /*#__PURE__*/jsx(GeographyCard, {
18973
- subtitle: "Top countries by organic traffic",
18984
+ subtitle: "Top Countries by Organic Traffic",
18974
18985
  data: geographyData
18975
18986
  })
18976
18987
  })]
@@ -19500,7 +19511,7 @@ var EmailSection = function EmailSection(_ref) {
19500
19511
  apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading,
19501
19512
  _ref$numberOfDays = _ref.numberOfDays,
19502
19513
  numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
19503
- var _useState = useState("Total raised"),
19514
+ var _useState = useState("Total Raised"),
19504
19515
  _useState2 = _slicedToArray(_useState, 2),
19505
19516
  activeMetric = _useState2[0],
19506
19517
  setActiveMetric = _useState2[1];
@@ -19522,7 +19533,7 @@ var EmailSection = function EmailSection(_ref) {
19522
19533
  var _overview$totalRevenu, _overview$totalDonati, _overview$conversionR, _overview$ctr, _overview$revenuePerE, _deliverability$openR, _deliverability$total, _deliverability$uniqu, _deliverability$bounc, _deliverability$reven;
19523
19534
  if (!hasEmailOverview) {
19524
19535
  return {
19525
- "Total raised": {
19536
+ "Total Raised": {
19526
19537
  value: "$".concat(formatNumber(48920)),
19527
19538
  subValue: "12% vs pp",
19528
19539
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -19538,7 +19549,7 @@ var EmailSection = function EmailSection(_ref) {
19538
19549
  error: false,
19539
19550
  warning: false
19540
19551
  },
19541
- "Conversion rate": {
19552
+ "Conversion Rate": {
19542
19553
  value: "3.2%",
19543
19554
  subValue: "12% vs pp",
19544
19555
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
@@ -19556,7 +19567,7 @@ var EmailSection = function EmailSection(_ref) {
19556
19567
  error: false,
19557
19568
  warning: false
19558
19569
  },
19559
- "Revenue per email": {
19570
+ "Revenue Per Email": {
19560
19571
  value: "$".concat(formatNumber(2.45)),
19561
19572
  subValue: "12% vs pp",
19562
19573
  icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
@@ -19565,7 +19576,7 @@ var EmailSection = function EmailSection(_ref) {
19565
19576
  error: false,
19566
19577
  warning: false
19567
19578
  },
19568
- "Open rate": {
19579
+ "Open Rate": {
19569
19580
  value: "42.3%",
19570
19581
  subValue: "12% vs pp",
19571
19582
  icon: /*#__PURE__*/jsx(Email, {}),
@@ -19591,7 +19602,7 @@ var EmailSection = function EmailSection(_ref) {
19591
19602
  error: false,
19592
19603
  warning: false
19593
19604
  },
19594
- "Bounce rate": {
19605
+ "Bounce Rate": {
19595
19606
  value: "1.8%",
19596
19607
  subValue: "12% vs pp",
19597
19608
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
@@ -19599,7 +19610,7 @@ var EmailSection = function EmailSection(_ref) {
19599
19610
  error: false,
19600
19611
  warning: false
19601
19612
  },
19602
- "Revenue per Click": {
19613
+ "Revenue Per Click": {
19603
19614
  value: "$".concat(formatNumber(30.35)),
19604
19615
  subValue: "12% vs pp",
19605
19616
  icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
@@ -19611,7 +19622,7 @@ var EmailSection = function EmailSection(_ref) {
19611
19622
  };
19612
19623
  }
19613
19624
  return {
19614
- "Total raised": {
19625
+ "Total Raised": {
19615
19626
  value: "$".concat(formatNumber((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
19616
19627
  subValue: growthCaption("totalRevenue"),
19617
19628
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -19627,7 +19638,7 @@ var EmailSection = function EmailSection(_ref) {
19627
19638
  error: false,
19628
19639
  warning: false
19629
19640
  },
19630
- "Conversion rate": {
19641
+ "Conversion Rate": {
19631
19642
  value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
19632
19643
  subValue: growthCaption("conversionRate"),
19633
19644
  icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
@@ -19645,7 +19656,7 @@ var EmailSection = function EmailSection(_ref) {
19645
19656
  error: false,
19646
19657
  warning: false
19647
19658
  },
19648
- "Revenue per email": {
19659
+ "Revenue Per Email": {
19649
19660
  value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
19650
19661
  subValue: growthCaption("revenuePerEmail"),
19651
19662
  icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
@@ -19654,7 +19665,7 @@ var EmailSection = function EmailSection(_ref) {
19654
19665
  error: false,
19655
19666
  warning: false
19656
19667
  },
19657
- "Open rate": {
19668
+ "Open Rate": {
19658
19669
  value: "".concat(Number((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0).toFixed(2), "%"),
19659
19670
  subValue: growthCaption("openRate", deliverabilityGrowth),
19660
19671
  icon: /*#__PURE__*/jsx(Email, {}),
@@ -19680,7 +19691,7 @@ var EmailSection = function EmailSection(_ref) {
19680
19691
  error: false,
19681
19692
  warning: false
19682
19693
  },
19683
- "Bounce rate": {
19694
+ "Bounce Rate": {
19684
19695
  value: "".concat(Number((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0).toFixed(2), "%"),
19685
19696
  subValue: growthCaption("bounceRate", deliverabilityGrowth),
19686
19697
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
@@ -19688,7 +19699,7 @@ var EmailSection = function EmailSection(_ref) {
19688
19699
  error: false,
19689
19700
  warning: false
19690
19701
  },
19691
- "Revenue per Click": {
19702
+ "Revenue Per Click": {
19692
19703
  value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
19693
19704
  subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
19694
19705
  icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
@@ -19772,7 +19783,7 @@ var EmailSection = function EmailSection(_ref) {
19772
19783
  gap: "6px",
19773
19784
  mb: 0
19774
19785
  },
19775
- children: ["Total raised", "Donations", "Conversion rate", "CTR", "Revenue per email", "Open rate", "Clicks", "Unique Clicks", "Bounce rate", "Revenue per Click"].map(renderCard)
19786
+ children: ["Total Raised", "Donations", "Conversion Rate", "CTR", "Revenue Per Email", "Open Rate", "Clicks", "Unique Clicks", "Bounce Rate", "Revenue Per Click"].map(renderCard)
19776
19787
  }), /*#__PURE__*/jsxs(Grid, {
19777
19788
  container: true,
19778
19789
  spacing: 3,
@@ -19787,7 +19798,7 @@ var EmailSection = function EmailSection(_ref) {
19787
19798
  paddingTop: "0px !important"
19788
19799
  },
19789
19800
  children: /*#__PURE__*/jsx(EmailTrendCard, {
19790
- title: "Open rate trend",
19801
+ title: "Open Rate Trend",
19791
19802
  subtitle: "Daily - ".concat(daysLabel),
19792
19803
  value: hasEmailOverview ? "".concat(Number((_deliverability$openR2 = deliverability.openRate) !== null && _deliverability$openR2 !== void 0 ? _deliverability$openR2 : 0).toFixed(2), "%") : "42.3%",
19793
19804
  trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.openRate, true) : "2.1pp",
@@ -19817,23 +19828,23 @@ var EmailSection = function EmailSection(_ref) {
19817
19828
  }
19818
19829
  },
19819
19830
  children: /*#__PURE__*/jsx(EmailTrendCard, {
19820
- title: "Clicks trend",
19831
+ title: "Clicks Trend",
19821
19832
  subtitle: "Total + unique - ".concat(daysLabel),
19822
19833
  value: hasEmailOverview ? formatNumber((_deliverability$total2 = deliverability.totalClicks) !== null && _deliverability$total2 !== void 0 ? _deliverability$total2 : 0) : "1,612",
19823
19834
  trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.totalClicks) : "14%",
19824
19835
  trendSeries: hasEmailOverview ? [{
19825
- name: "Total clicks",
19836
+ name: "Total Clicks",
19826
19837
  data: apiData === null || apiData === void 0 ? void 0 : apiData.totalClicksTrend
19827
19838
  }, {
19828
- name: "Unique clicks",
19839
+ name: "Unique Clicks",
19829
19840
  data: apiData === null || apiData === void 0 ? void 0 : apiData.uniqueClicksTrend,
19830
19841
  dashed: true
19831
19842
  }] : undefined,
19832
19843
  series: [{
19833
- name: "Total clicks",
19844
+ name: "Total Clicks",
19834
19845
  data: [56, 112, 80, 150, 112]
19835
19846
  }, {
19836
- name: "Unique clicks",
19847
+ name: "Unique Clicks",
19837
19848
  data: [30, 70, 45, 100, 75],
19838
19849
  dashed: true
19839
19850
  }],
@@ -19861,7 +19872,7 @@ var EmailSection = function EmailSection(_ref) {
19861
19872
  }
19862
19873
  },
19863
19874
  children: /*#__PURE__*/jsx(EmailTrendCard, {
19864
- title: "Bounce rate trend",
19875
+ title: "Bounce Rate Trend",
19865
19876
  subtitle: "Daily - lower is better",
19866
19877
  value: hasEmailOverview ? "".concat(Number((_deliverability$bounc2 = deliverability.bounceRate) !== null && _deliverability$bounc2 !== void 0 ? _deliverability$bounc2 : 0).toFixed(2), "%") : "1.8%",
19867
19878
  trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.bounceRate, true) : "0.3pp",