@ammarkhalidfarooq/dashboard-package 0.6.89 → 0.6.91

package/dist/index.cjs.js

@@ -984,7 +984,9 @@ var Dashboard = function Dashboard(_ref) {
     _ref$activeFilters = _ref.activeFilters,
     activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters;
     _ref.exportLoading;
-    var setExportLoading = _ref.setExportLoading;
+    var setExportLoading = _ref.setExportLoading,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "" : _ref$name;
   return /*#__PURE__*/jsxRuntime.jsx(material.ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/jsxRuntime.jsx(React.Suspense, {
@@ -996,6 +998,7 @@ var Dashboard = function Dashboard(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(material.CircularProgress, {})
       }),
       children: /*#__PURE__*/jsxRuntime.jsx(NewOverview$1, {
+        name: name,
         numberOfDays: numberOfDays,
         apiData: apiData,
         activeSection: overviewType,
@@ -1016,7 +1019,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
     subtitle = _ref$subtitle === void 0 ? "Live fundraisers ranked by velocity" : _ref$subtitle,
     actionLabel = _ref.actionLabel,
     _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg gift"] : _ref$columns,
+    columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg Gift"] : _ref$columns,
     _ref$rows = _ref.rows,
     rows = _ref$rows === void 0 ? [] : _ref$rows,
     _ref$gridTemplateColu = _ref.gridTemplateColumns,
@@ -2764,7 +2767,8 @@ var PageHeader = function PageHeader(_ref12) {
   });
 };
 var PageFooter = function PageFooter(_ref13) {
-  var generatedLabel = _ref13.generatedLabel,
+  var generatedBy = _ref13.generatedBy,
+    generatedLabel = _ref13.generatedLabel,
     page = _ref13.page;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     style: {
@@ -2779,7 +2783,7 @@ var PageFooter = function PageFooter(_ref13) {
         fontSize: 8,
         color: THEME.muted
       },
-      children: ["Confidential - Generated by Dashboard - ", generatedLabel, " \xA0\xA0 Page ", page, " of 2 - madinah.com"]
+      children: ["Confidential - Generated by ", generatedBy, " - ", generatedLabel, " \xA0\xA0 Page ", page, " of 2 - madinah.com"]
     })
   });
 };
@@ -2787,7 +2791,9 @@ var PageFooter = function PageFooter(_ref13) {
 // ─── Main component ───────────────────────────────────────────────────────────
 var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
   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;
-  var _ref14$apiData = _ref14.apiData,
+  var _ref14$name = _ref14.name,
+    name = _ref14$name === void 0 ? "" : _ref14$name,
+    _ref14$apiData = _ref14.apiData,
     apiData = _ref14$apiData === void 0 ? {} : _ref14$apiData,
     _ref14$dateName = _ref14.dateName,
     dateName = _ref14$dateName === void 0 ? "Last Period" : _ref14$dateName,
@@ -3164,6 +3170,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
           })]
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(PageFooter, {
+        generatedBy: name,
         generatedLabel: generatedLabel,
         page: 1
       })]
@@ -3585,6 +3592,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
           })]
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(PageFooter, {
+        generatedBy: name,
         generatedLabel: generatedLabel,
         page: 2
       })]
@@ -3693,7 +3701,9 @@ var EmailSection$2 = /*#__PURE__*/React.lazy(function () {
   return Promise.resolve().then(function () { return EmailSection$1; });
 });
 var NewOverview = function NewOverview(_ref) {
-  var _ref$numberOfDays = _ref.numberOfDays,
+  var _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "" : _ref$name,
+    _ref$numberOfDays = _ref.numberOfDays,
     numberOfDays = _ref$numberOfDays === void 0 ? 1 : _ref$numberOfDays,
     _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
@@ -4038,6 +4048,7 @@ var NewOverview = function NewOverview(_ref) {
       },
       children: /*#__PURE__*/jsxRuntime.jsx(ExportPdfLayout, {
         ref: exportLayoutRef,
+        name: name,
         apiData: apiData,
         dateName: dateName,
         numberOfDays: numberOfDays,
@@ -4549,7 +4560,7 @@ var DonorMixCard = function DonorMixCard(_ref) {
 
 var TrafficSourceCard = function TrafficSourceCard(_ref) {
   var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "Traffic source" : _ref$title,
+    title = _ref$title === void 0 ? "Traffic Source" : _ref$title,
     subtitle = _ref.subtitle,
     _ref$trafficSourceDat = _ref.trafficSourceData,
     trafficSourceData = _ref$trafficSourceDat === void 0 ? [] : _ref$trafficSourceDat,
@@ -5280,7 +5291,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
       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,
       color: oneTimeColor
     }];
-    title = "Recurring vs one-time";
+    title = "Recurring vs One-time";
     isDistributed = false;
   }
   var resolvedChartHeight = chartHeight !== null && chartHeight !== void 0 ? chartHeight : exportMode ? 110 : 170;
@@ -5558,7 +5569,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
     cvr: "2.2%"
   }];
   return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
-    title: "Top landing pages",
+    title: "Top Landing Pages",
     subtitle: "Pages ranked by donations attributed",
     children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
@@ -5608,7 +5619,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
           textAlign: "left",
           whiteSpace: "nowrap"
         },
-        children: "Conv. rate"
+        children: "Conv. Rate"
       })]
     }), data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
       sx: {
@@ -5716,7 +5727,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
   }];
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   return /*#__PURE__*/jsxRuntime.jsx(CardWrapper, {
-    title: "Top organic keywords",
+    title: "Top Organic Keywords",
     subtitle: "Search terms ranked by clicks - last ".concat(daysLabel),
     children: !available || data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
       sx: {
@@ -5859,7 +5870,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
 };
 var GeographyCard = function GeographyCard(_ref4) {
   var _ref4$subtitle = _ref4.subtitle,
-    subtitle = _ref4$subtitle === void 0 ? "Top countries by organic traffic" : _ref4$subtitle,
+    subtitle = _ref4$subtitle === void 0 ? "Top Countries by Organic Traffic" : _ref4$subtitle,
     dataProp = _ref4.data;
   var data = dataProp !== null && dataProp !== void 0 ? dataProp : [{
     country: "United States",
@@ -5887,7 +5898,7 @@ var GeographyCard = function GeographyCard(_ref4) {
     percentage: 16
   }];
   return /*#__PURE__*/jsxRuntime.jsx(CardWrapper, {
-    title: "Geography insights",
+    title: "Geography Insights",
     subtitle: subtitle,
     children: data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
       sx: {
@@ -5969,7 +5980,7 @@ var TopCampaignsRaisedCard = function TopCampaignsRaisedCard(_ref5) {
     value: "$6,320"
   }];
   return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
-    title: "Top campaigns by total raised",
+    title: "Top Campaigns by Total Raised",
     subtitle: "Email campaigns ranked by donations",
     children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
@@ -6075,7 +6086,7 @@ var TopCampaignsCTRCard = function TopCampaignsCTRCard(_ref6) {
     value: "7.6%"
   }];
   return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
-    title: "Top campaigns by CTR",
+    title: "Top Campaigns by CTR",
     subtitle: "Click-through rate leaders",
     children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
@@ -6181,7 +6192,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
     value: "3.4%"
   }];
   return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
-    title: "Top campaigns by conversion",
+    title: "Top Campaigns by Conversion",
     subtitle: "Click-to-donation conversion",
     children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
@@ -6203,7 +6214,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
           color: "rgba(0, 0, 0, 0.4)",
           fontWeight: 500
         },
-        children: "Conv. rate"
+        children: "Conv. Rate"
       })]
     }), data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
       sx: {
@@ -6297,7 +6308,7 @@ var TopPerformingCampaignsCard = function TopPerformingCampaignsCard(_ref8) {
   }];
   var data = dataProp === null ? fallbackData : dataProp;
   return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
-    title: "Top performing campaigns",
+    title: "Top Performing Campaigns",
     subtitle: "Paid campaigns ranked by ROAS",
     children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
@@ -6451,7 +6462,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref9) {
           color: "#000",
           lineHeight: 1.15
         },
-        children: "Paid donor geography"
+        children: "Paid Donor Geography"
       }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
         sx: {
           fontSize: "13px",
@@ -6730,7 +6741,7 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
           textAlign: "left",
           lineHeight: 1.15
         },
-        children: "Refunds & chargebacks"
+        children: "Refunds & Chargebacks"
       }), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
         sx: {
           fontSize: "13px",
@@ -6965,12 +6976,12 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       alignItems: "stretch"
     },
     children: [/*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
-      title: "Active campaigns",
+      title: "Active Campaigns",
       subtitle: "Live fundraisers ranked by velocity",
       columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
       rows: activeCampaignsRows
     }), /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
-      title: "Donor mix",
+      title: "Donor Mix",
       subtitle: "Acquisition vs retention",
       series: [newDonors, returningDonors],
       labels: ["New donors", "Returning"],
@@ -7006,7 +7017,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
         paddingTop: "0px !important"
       },
       children: /*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
-        title: "Active campaigns",
+        title: "Active Campaigns",
         subtitle: "Live fundraisers ranked by velocity",
         columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
         rows: activeCampaignsRows
@@ -7024,7 +7035,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
         }
       },
       children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
-        title: "Donor mix",
+        title: "Donor Mix",
         subtitle: "Acquisition vs retention",
         series: [newDonors, returningDonors],
         labels: ["New donors", "Returning"],
@@ -7032,7 +7043,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
         centerLabel: "donors",
         centerValue: String(totalMix),
         items: [{
-          label: "New donors",
+          label: "New Donors",
           val: "".concat(newDonors, " - ").concat(newPct, "%"),
           color: "rgb(99, 99, 230)"
         }, {
@@ -17595,7 +17606,7 @@ var OverallSection = function OverallSection(_ref) {
       error: false,
       warning: false
     },
-    "Avg donation": {
+    "Avg Donation": {
       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))),
       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        "),
       label: "Average Donation Amount",
@@ -17747,7 +17758,7 @@ var OverallSection = function OverallSection(_ref) {
         categories = _buildStackedSeries.categories,
         series = _buildStackedSeries.series;
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-        label: "Total revenue trend",
+        label: "Total Revenue Trend",
         data: undefined,
         // Clear single data property to force series usage
         series: series,
@@ -17771,7 +17782,7 @@ var OverallSection = function OverallSection(_ref) {
         _categories = _buildStackedSeries2.categories,
         _series = _buildStackedSeries2.series;
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-        label: "Net revenue trend",
+        label: "Net Revenue Trend",
         data: undefined,
         series: _series,
         categories: _categories,
@@ -17781,7 +17792,7 @@ var OverallSection = function OverallSection(_ref) {
       });
     } else if (Array.isArray(netData) && netData.length > 0) {
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-        label: "Net revenue trend",
+        label: "Net Revenue Trend",
         data: netData.map(function (item) {
           return item.value;
         }),
@@ -17803,7 +17814,7 @@ var OverallSection = function OverallSection(_ref) {
         _categories2 = _buildStackedSeries3.categories,
         _series2 = _buildStackedSeries3.series;
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-        label: "Donor trend",
+        label: "Donor Trend",
         data: undefined,
         series: _series2,
         categories: _categories2,
@@ -17813,7 +17824,7 @@ var OverallSection = function OverallSection(_ref) {
       });
     } else if (Array.isArray(donorsData) && donorsData.length > 0) {
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-        label: "Donor trend",
+        label: "Donor Trend",
         data: donorsData.map(function (item) {
           return item.value;
         }),
@@ -17889,7 +17900,7 @@ var OverallSection = function OverallSection(_ref) {
       });
     }
   }
-  if (activeMetric === "Avg donation") {
+  if (activeMetric === "Avg Donation") {
     var _apiData$overviewStat26;
     var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.avgDonations;
     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);
@@ -17898,7 +17909,7 @@ var OverallSection = function OverallSection(_ref) {
         _categories5 = _buildStackedSeries6.categories,
         _series5 = _buildStackedSeries6.series;
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-        label: "Average donation trend",
+        label: "Average Donation Trend",
         data: undefined,
         series: _series5,
         categories: _categories5,
@@ -17908,7 +17919,7 @@ var OverallSection = function OverallSection(_ref) {
       });
     } else if (Array.isArray(avgData) && avgData.length > 0) {
       mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-        label: "Average donation trend",
+        label: "Average Donation Trend",
         data: avgData.map(function (item) {
           return item.value;
         }),
@@ -18152,7 +18163,7 @@ var PaidSection = function PaidSection(_ref) {
           error: false,
           warning: false
         },
-        "Cost per donor": {
+        "Cost Per Donor": {
           value: "$".concat(formatNumber(373)),
           subValue: "12% vs pp",
           data: [350, 380, 360, 410, 390, 370, 373],
@@ -18162,7 +18173,7 @@ var PaidSection = function PaidSection(_ref) {
           error: false,
           warning: false
         },
-        "Conversion rate": {
+        "Conversion Rate": {
           value: "3.1%",
           subValue: "12% vs pp",
           data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
@@ -18173,7 +18184,7 @@ var PaidSection = function PaidSection(_ref) {
           error: false,
           warning: false
         },
-        "Avg donation": {
+        "Avg Donation": {
           value: "$".concat(formatNumber(130.58)),
           subValue: "12% vs pp",
           data: [120, 135, 125, 140, 130, 128, 130.58],
@@ -18217,7 +18228,7 @@ var PaidSection = function PaidSection(_ref) {
         error: false,
         warning: false
       },
-      "Cost per donor": {
+      "Cost Per Donor": {
         value: "$".concat(formatNumber((_overview$costPerDono = overview.costPerDonor) !== null && _overview$costPerDono !== void 0 ? _overview$costPerDono : 0)),
         subValue: formatGrowth$2(growth.costPerDonor),
         data: flatSeries((_overview$costPerDono2 = overview.costPerDonor) !== null && _overview$costPerDono2 !== void 0 ? _overview$costPerDono2 : 0),
@@ -18227,7 +18238,7 @@ var PaidSection = function PaidSection(_ref) {
         error: false,
         warning: false
       },
-      "Conversion rate": {
+      "Conversion Rate": {
         value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
         subValue: formatGrowth$2(growth.conversionRate),
         data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
@@ -18238,7 +18249,7 @@ var PaidSection = function PaidSection(_ref) {
         error: false,
         warning: false
       },
-      "Avg donation": {
+      "Avg Donation": {
         value: "$".concat(formatNumber((_overview$averageDona = overview.averageDonation) !== null && _overview$averageDona !== void 0 ? _overview$averageDona : 0)),
         subValue: formatGrowth$2(growth.averageDonation),
         data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
@@ -18390,7 +18401,7 @@ var PaidSection = function PaidSection(_ref) {
         isPrimary: true,
         isPremium: true,
         numberOfDays: numberOfDays,
-        metric: activeMetric === "Conversion rate" ? "Percent" : activeMetric === "ROAS" ? "ROAS" : selectedInfo.money ? "Revenue" : "Donors"
+        metric: activeMetric === "Conversion Rate" ? "Percent" : activeMetric === "ROAS" ? "ROAS" : selectedInfo.money ? "Revenue" : "Donors"
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
       container: true,
@@ -18407,9 +18418,9 @@ var PaidSection = function PaidSection(_ref) {
           minHeight: "430px"
         },
         children: /*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
-          title: "Channel performance",
+          title: "Channel Performance",
           subtitle: "Ad platforms ranked by ROAS",
-          columns: ["channel", "spend", "revenue", "ROAS", "CPA", "trend"],
+          columns: ["Channel", "Ppend", "Revenue", "ROAS", "CPA", "Trend"],
           gridTemplateColumns: "2.2fr 1fr 1fr 0.8fr 0.8fr 1.2fr",
           height: "100%",
           rows: channelRows !== null && channelRows !== void 0 ? channelRows : [{
@@ -18492,7 +18503,7 @@ var PaidSection = function PaidSection(_ref) {
           }
         },
         children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
-          title: "Spend allocation",
+          title: "Spend Allocation",
           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",
           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],
           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"],
@@ -18658,7 +18669,7 @@ var OrganicSection = function OrganicSection(_ref) {
           warning: false,
           error: false
         },
-        "Revenue raised": {
+        "Revenue Raised": {
           value: "$".concat(formatNumber(240398)),
           subValue: "0.4x vs pp",
           data: [2.5, 3.1, 2.8, 4.2, 3.8, 4.5, 5.2],
@@ -18668,7 +18679,7 @@ var OrganicSection = function OrganicSection(_ref) {
           warning: false,
           error: false
         },
-        "Avg donation": {
+        "Avg Donation": {
           value: "$".concat(formatNumber(130.58)),
           subValue: "18% vs pp",
           data: [110, 125, 120, 135, 130, 128, 130.58],
@@ -18733,7 +18744,7 @@ var OrganicSection = function OrganicSection(_ref) {
         warning: false,
         error: false
       },
-      "Revenue raised": {
+      "Revenue Raised": {
         value: "$".concat(formatNumber((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
         subValue: growthCaption("totalRevenue"),
         data: revenueSeries.data,
@@ -18743,7 +18754,7 @@ var OrganicSection = function OrganicSection(_ref) {
         warning: false,
         error: false
       },
-      "Avg donation": {
+      "Avg Donation": {
         value: "$".concat(formatNumber((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
         subValue: growthCaption("overallAVGDonations"),
         data: avgDonationSeries.data,
@@ -18917,7 +18928,7 @@ var OrganicSection = function OrganicSection(_ref) {
           }
         },
         children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
-          title: "Source breakdown",
+          title: "Source Breakdown",
           subtitle: "Where organic visitors come from",
           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],
           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"],
@@ -18972,7 +18983,7 @@ var OrganicSection = function OrganicSection(_ref) {
           }
         },
         children: /*#__PURE__*/jsxRuntime.jsx(GeographyCard, {
-          subtitle: "Top countries by organic traffic",
+          subtitle: "Top Countries by Organic Traffic",
           data: geographyData
         })
       })]
@@ -19502,7 +19513,7 @@ var EmailSection = function EmailSection(_ref) {
     apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading,
     _ref$numberOfDays = _ref.numberOfDays,
     numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
-  var _useState = React.useState("Total raised"),
+  var _useState = React.useState("Total Raised"),
     _useState2 = _slicedToArray(_useState, 2),
     activeMetric = _useState2[0],
     setActiveMetric = _useState2[1];
@@ -19524,7 +19535,7 @@ var EmailSection = function EmailSection(_ref) {
     var _overview$totalRevenu, _overview$totalDonati, _overview$conversionR, _overview$ctr, _overview$revenuePerE, _deliverability$openR, _deliverability$total, _deliverability$uniqu, _deliverability$bounc, _deliverability$reven;
     if (!hasEmailOverview) {
       return {
-        "Total raised": {
+        "Total Raised": {
           value: "$".concat(formatNumber(48920)),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
@@ -19540,7 +19551,7 @@ var EmailSection = function EmailSection(_ref) {
           error: false,
           warning: false
         },
-        "Conversion rate": {
+        "Conversion Rate": {
           value: "3.2%",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
@@ -19558,7 +19569,7 @@ var EmailSection = function EmailSection(_ref) {
           error: false,
           warning: false
         },
-        "Revenue per email": {
+        "Revenue Per Email": {
           value: "$".concat(formatNumber(2.45)),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
@@ -19567,7 +19578,7 @@ var EmailSection = function EmailSection(_ref) {
           error: false,
           warning: false
         },
-        "Open rate": {
+        "Open Rate": {
           value: "42.3%",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
@@ -19593,7 +19604,7 @@ var EmailSection = function EmailSection(_ref) {
           error: false,
           warning: false
         },
-        "Bounce rate": {
+        "Bounce Rate": {
           value: "1.8%",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
@@ -19601,7 +19612,7 @@ var EmailSection = function EmailSection(_ref) {
           error: false,
           warning: false
         },
-        "Revenue per Click": {
+        "Revenue Per Click": {
           value: "$".concat(formatNumber(30.35)),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
@@ -19613,7 +19624,7 @@ var EmailSection = function EmailSection(_ref) {
       };
     }
     return {
-      "Total raised": {
+      "Total Raised": {
         value: "$".concat(formatNumber((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
         subValue: growthCaption("totalRevenue"),
         icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
@@ -19629,7 +19640,7 @@ var EmailSection = function EmailSection(_ref) {
         error: false,
         warning: false
       },
-      "Conversion rate": {
+      "Conversion Rate": {
         value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
         subValue: growthCaption("conversionRate"),
         icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
@@ -19647,7 +19658,7 @@ var EmailSection = function EmailSection(_ref) {
         error: false,
         warning: false
       },
-      "Revenue per email": {
+      "Revenue Per Email": {
         value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
         subValue: growthCaption("revenuePerEmail"),
         icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
@@ -19656,7 +19667,7 @@ var EmailSection = function EmailSection(_ref) {
         error: false,
         warning: false
       },
-      "Open rate": {
+      "Open Rate": {
         value: "".concat(Number((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0).toFixed(2), "%"),
         subValue: growthCaption("openRate", deliverabilityGrowth),
         icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
@@ -19682,7 +19693,7 @@ var EmailSection = function EmailSection(_ref) {
         error: false,
         warning: false
       },
-      "Bounce rate": {
+      "Bounce Rate": {
         value: "".concat(Number((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0).toFixed(2), "%"),
         subValue: growthCaption("bounceRate", deliverabilityGrowth),
         icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
@@ -19690,7 +19701,7 @@ var EmailSection = function EmailSection(_ref) {
         error: false,
         warning: false
       },
-      "Revenue per Click": {
+      "Revenue Per Click": {
         value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
         subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
         icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
@@ -19774,7 +19785,7 @@ var EmailSection = function EmailSection(_ref) {
         gap: "6px",
         mb: 0
       },
-      children: ["Total raised", "Donations", "Conversion rate", "CTR", "Revenue per email", "Open rate", "Clicks", "Unique Clicks", "Bounce rate", "Revenue per Click"].map(renderCard)
+      children: ["Total Raised", "Donations", "Conversion Rate", "CTR", "Revenue Per Email", "Open Rate", "Clicks", "Unique Clicks", "Bounce Rate", "Revenue Per Click"].map(renderCard)
     }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
       container: true,
       spacing: 3,
@@ -19789,7 +19800,7 @@ var EmailSection = function EmailSection(_ref) {
           paddingTop: "0px !important"
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
-          title: "Open rate trend",
+          title: "Open Rate Trend",
           subtitle: "Daily - ".concat(daysLabel),
           value: hasEmailOverview ? "".concat(Number((_deliverability$openR2 = deliverability.openRate) !== null && _deliverability$openR2 !== void 0 ? _deliverability$openR2 : 0).toFixed(2), "%") : "42.3%",
           trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.openRate, true) : "2.1pp",
@@ -19819,23 +19830,23 @@ var EmailSection = function EmailSection(_ref) {
           }
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
-          title: "Clicks trend",
+          title: "Clicks Trend",
           subtitle: "Total + unique - ".concat(daysLabel),
           value: hasEmailOverview ? formatNumber((_deliverability$total2 = deliverability.totalClicks) !== null && _deliverability$total2 !== void 0 ? _deliverability$total2 : 0) : "1,612",
           trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.totalClicks) : "14%",
           trendSeries: hasEmailOverview ? [{
-            name: "Total clicks",
+            name: "Total Clicks",
             data: apiData === null || apiData === void 0 ? void 0 : apiData.totalClicksTrend
           }, {
-            name: "Unique clicks",
+            name: "Unique Clicks",
             data: apiData === null || apiData === void 0 ? void 0 : apiData.uniqueClicksTrend,
             dashed: true
           }] : undefined,
           series: [{
-            name: "Total clicks",
+            name: "Total Clicks",
             data: [56, 112, 80, 150, 112]
           }, {
-            name: "Unique clicks",
+            name: "Unique Clicks",
             data: [30, 70, 45, 100, 75],
             dashed: true
           }],
@@ -19863,7 +19874,7 @@ var EmailSection = function EmailSection(_ref) {
           }
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
-          title: "Bounce rate trend",
+          title: "Bounce Rate Trend",
           subtitle: "Daily - lower is better",
           value: hasEmailOverview ? "".concat(Number((_deliverability$bounc2 = deliverability.bounceRate) !== null && _deliverability$bounc2 !== void 0 ? _deliverability$bounc2 : 0).toFixed(2), "%") : "1.8%",
           trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.bounceRate, true) : "0.3pp",