@ammarkhalidfarooq/dashboard-package 0.6.88 → 0.6.90

package/dist/index.cjs.js

@@ -1016,7 +1016,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,
@@ -1507,7 +1507,7 @@ var parseAvgDonationDetail = function parseAvgDonationDetail() {
   return {
     median: median,
     topDecile: topDecile
-    // detail: `Median $${formatNumber(median)} · top decile $${formatNumber(topDecile)}`,
+    // detail: `Median $${formatNumber(median)} - top decile $${formatNumber(topDecile)}`,
   };
 };
 
@@ -1573,7 +1573,7 @@ var buildReportData = function buildReportData() {
   var hero = {
     value: "$".concat(formatNumber(totalRaised)),
     trend: "".concat(formatTrend((_growth$totalRevenue = growth === null || growth === void 0 ? void 0 : growth.totalRevenue) !== null && _growth$totalRevenue !== void 0 ? _growth$totalRevenue : 18), " vs pp"),
-    detail: "".concat(passThrough, " \xB7 ").concat(formatNumber(totalDonors), " donors \xB7 $").concat(formatNumber(Number(avgDonation).toFixed(2)), " avg \xB7 ").concat(formatNumber(totalVisits), " visits")
+    detail: "".concat(passThrough, " - ").concat(formatNumber(totalDonors), " donors - $").concat(formatNumber(Number(avgDonation).toFixed(2)), " avg - ").concat(formatNumber(totalVisits), " visits")
   };
   var metrics = [{
     title: "Net Raised",
@@ -1584,7 +1584,7 @@ var buildReportData = function buildReportData() {
     title: "Total Donors",
     value: formatNumber(totalDonors),
     trend: formatTrend((_growth$totalDonation = growth === null || growth === void 0 ? void 0 : growth.totalDonations) !== null && _growth$totalDonation !== void 0 ? _growth$totalDonation : 16.8),
-    detail: "".concat(formatNumber(newDonors), " new \xB7 ").concat(formatNumber(returningDonors), " returning")
+    detail: "".concat(formatNumber(newDonors), " new - ").concat(formatNumber(returningDonors), " returning")
   }, {
     title: "Avg Donation",
     value: "$".concat(formatNumber(avgDonation)),
@@ -1594,7 +1594,7 @@ var buildReportData = function buildReportData() {
     title: "ROAS",
     value: "".concat(formatNumber((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0), "x"),
     trend: formatTrend((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0, "x"),
-    detail: "$".concat(formatNumber((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend \xB7 $").concat(formatNumber((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib.")
+    detail: "$".concat(formatNumber((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend - $").concat(formatNumber((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib.")
   }, {
     title: "Conversion",
     value: "".concat(formatNumber(convRate), "%"),
@@ -1611,7 +1611,7 @@ var buildReportData = function buildReportData() {
   var hasStackedData = (stackedTR === null || stackedTR === void 0 ? void 0 : stackedTR.paidAds) || (stackedTR === null || stackedTR === void 0 ? void 0 : stackedTR.email) || (stackedTR === null || stackedTR === void 0 ? void 0 : stackedTR.organic);
   var mainChart = {
     label: "Total revenue trend",
-    subtitle: "Last 30 days · daily aggregation",
+    subtitle: "Last 30 days - daily aggregation",
     value: "$".concat(formatNumber(totalRaised)),
     trend: "".concat(formatTrend((_growth$totalRevenue2 = growth === null || growth === void 0 ? void 0 : growth.totalRevenue) !== null && _growth$totalRevenue2 !== void 0 ? _growth$totalRevenue2 : 18), " vs pp"),
     hideControls: true,
@@ -2168,7 +2168,7 @@ var DonorGeographyPanel = function DonorGeographyPanel(_ref9) {
     barColor = _ref9$barColor === void 0 ? "#6366F1" : _ref9$barColor;
   return /*#__PURE__*/jsxRuntime.jsx(Panel, {
     title: "Donor geography",
-    subtitle: "Top countries \xB7 ".concat(formatNumber(totalDonors), " total"),
+    subtitle: "Top countries - ".concat(formatNumber(totalDonors), " total"),
     children: (geoList.length ? geoList.slice(0, 6) : []).map(function (g, i) {
       var _g$percentage;
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -2202,7 +2202,7 @@ var DonorGeographyPanel = function DonorGeographyPanel(_ref9) {
               color: "#111827",
               flexShrink: 0
             },
-            children: [formatNumber(g.value), " \xB7 ", formatNumber(g.percentage), "%"]
+            children: [formatNumber(g.value), " - ", formatNumber(g.percentage), "%"]
           })]
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           style: {
@@ -2398,7 +2398,7 @@ var DonationTypePanel = function DonationTypePanel(_ref1) {
     oneTimeTotal = _parseDonationTypeCha.oneTimeTotal;
   return /*#__PURE__*/jsxRuntime.jsxs(Panel, {
     title: "Recurring vs one-time",
-    subtitle: "Donation type \xB7 weekly",
+    subtitle: "Donation type - weekly",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       style: {
         display: "flex",
@@ -2723,7 +2723,7 @@ var PageHeader = function PageHeader(_ref12) {
             color: THEME.muted,
             marginTop: 1
           },
-          children: [windowLabel, " \xB7 Generated ", generatedLabel]
+          children: [windowLabel, " - Generated ", generatedLabel]
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         style: {
@@ -2779,7 +2779,7 @@ var PageFooter = function PageFooter(_ref13) {
         fontSize: 8,
         color: THEME.muted
       },
-      children: ["Confidential \xB7 Generated by Dashboard \xB7 ", generatedLabel, " \xA0\xA0 Page ", page, " of 2 \xB7 madinah.com"]
+      children: ["Confidential - Generated by Dashboard - ", generatedLabel, " \xA0\xA0 Page ", page, " of 2 - madinah.com"]
     })
   });
 };
@@ -2805,7 +2805,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
     month: "short",
     day: "numeric",
     year: "numeric"
-  }, estOptions)) + " · " + now.toLocaleTimeString("en-US", _objectSpread2({
+  }, estOptions)) + " - " + now.toLocaleTimeString("en-US", _objectSpread2({
     hour: "2-digit",
     minute: "2-digit"
   }, estOptions)) + " EST";
@@ -3018,7 +3018,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
             title: "Total Donors",
             value: ((_metricByTitle$Total = metricByTitle["Total Donors"]) === null || _metricByTitle$Total === void 0 ? void 0 : _metricByTitle$Total.value) || "".concat(formatNumber(totalDonors)),
             trend: ((_metricByTitle$Total2 = metricByTitle["Total Donors"]) === null || _metricByTitle$Total2 === void 0 ? void 0 : _metricByTitle$Total2.trend) || signed((growth === null || growth === void 0 ? void 0 : growth.totalDonations) || 16.8),
-            detail: ((_metricByTitle$Total3 = metricByTitle["Total Donors"]) === null || _metricByTitle$Total3 === void 0 ? void 0 : _metricByTitle$Total3.detail) || "".concat(formatNumber(newDonors), " new \xB7 ").concat(formatNumber(returningDonors), " returning")
+            detail: ((_metricByTitle$Total3 = metricByTitle["Total Donors"]) === null || _metricByTitle$Total3 === void 0 ? void 0 : _metricByTitle$Total3.detail) || "".concat(formatNumber(newDonors), " new - ").concat(formatNumber(returningDonors), " returning")
           }), /*#__PURE__*/jsxRuntime.jsx(KpiCard, {
             title: "Avg Donation",
             value: kpi$(avgDonation),
@@ -3035,7 +3035,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
             title: "ROAS",
             value: kpiRoas((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0),
             trend: ((_metricByTitle$ROAS = metricByTitle.ROAS) === null || _metricByTitle$ROAS === void 0 ? void 0 : _metricByTitle$ROAS.trend) || signed((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0, "×"),
-            detail: ((_metricByTitle$ROAS2 = metricByTitle.ROAS) === null || _metricByTitle$ROAS2 === void 0 ? void 0 : _metricByTitle$ROAS2.detail) || "".concat(d$((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend \xB7 ").concat(d$((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib.")
+            detail: ((_metricByTitle$ROAS2 = metricByTitle.ROAS) === null || _metricByTitle$ROAS2 === void 0 ? void 0 : _metricByTitle$ROAS2.detail) || "".concat(d$((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend - ").concat(d$((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib.")
           }), /*#__PURE__*/jsxRuntime.jsx(KpiCard, {
             title: "Conversion",
             value: kpiPct(convRate),
@@ -3079,7 +3079,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
                   marginTop: 2,
                   lineHeight: 1.15
                 },
-                children: ["Last ", daysLabel, " \xB7 daily aggregation"]
+                children: ["Last ", daysLabel, " - daily aggregation"]
               }), /*#__PURE__*/jsxRuntime.jsxs("div", {
                 style: {
                   display: "flex",
@@ -3265,7 +3265,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
                       fontWeight: 700,
                       color: "#111827"
                     },
-                    children: [formatNumber(newDonors), " \xB7 ", newPct, "%"]
+                    children: [formatNumber(newDonors), " - ", newPct, "%"]
                   })]
                 }), /*#__PURE__*/jsxRuntime.jsxs("div", {
                   style: {
@@ -3301,7 +3301,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
                       fontWeight: 700,
                       color: "#111827"
                     },
-                    children: [formatNumber(returningDonors), " \xB7 ", retPct, "%"]
+                    children: [formatNumber(returningDonors), " - ", retPct, "%"]
                   })]
                 }), /*#__PURE__*/jsxRuntime.jsx(Divider, {
                   mb: 6
@@ -3352,7 +3352,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
             barColor: C.indigo
           }), /*#__PURE__*/jsxRuntime.jsxs(Panel, {
             title: "Refunds & chargebacks",
-            subtitle: "Trust health \xB7 ".concat(numberOfDays, "-day window"),
+            subtitle: "Trust health - ".concat(numberOfDays, "-day window"),
             children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
               style: {
                 display: "flex",
@@ -3428,11 +3428,11 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
                 color: "#6B7280",
                 lineHeight: 1.45
               },
-              children: [d$(totalRefundedAmount), " refunded \xB7 ", formatNumber(totalChargebacks), " chargebacks \xB7 ", formatNumber(lostChargebacks), " cases lost"]
+              children: [d$(totalRefundedAmount), " refunded - ", formatNumber(totalChargebacks), " chargebacks - ", formatNumber(lostChargebacks), " cases lost"]
             })]
           }), /*#__PURE__*/jsxRuntime.jsx(Panel, {
             title: "Traffic source",
-            subtitle: "Revenue by channel \xB7 ".concat(daysLabel),
+            subtitle: "Revenue by channel - ".concat(daysLabel),
             children: /*#__PURE__*/jsxRuntime.jsx(MiniTable, {
               head: ["Source", "Revenue", "Share"],
               rows: [].concat(_toConsumableArray(trafficItems.map(function (t) {
@@ -3448,7 +3448,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
           },
           children: [/*#__PURE__*/jsxRuntime.jsxs(Panel, {
             title: "Order Bump",
-            subtitle: "Revenue trend \xB7 last ".concat(daysLabel),
+            subtitle: "Revenue trend - last ".concat(daysLabel),
             children: [/*#__PURE__*/jsxRuntime.jsx("div", {
               style: {
                 fontSize: 17,
@@ -3524,7 +3524,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref14, ref) {
             primaryColor: C.cyan
           }), /*#__PURE__*/jsxRuntime.jsxs(Panel, {
             title: "Referrals",
-            subtitle: "Revenue trend \xB7 last ".concat(daysLabel),
+            subtitle: "Revenue trend - last ".concat(daysLabel),
             children: [/*#__PURE__*/jsxRuntime.jsx("div", {
               style: {
                 fontSize: 17,
@@ -4063,7 +4063,7 @@ var ReportHeader = function ReportHeader(_ref) {
     month: "short",
     day: "numeric",
     year: "numeric"
-  }) + " · " + now.toLocaleTimeString("en-US", {
+  }) + " - " + now.toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit"
   }) + " GMT";
@@ -4134,7 +4134,7 @@ var ReportHeader = function ReportHeader(_ref) {
             fontSize: exportMode ? 10 : 12,
             color: "#9CA3AF"
           },
-          children: ["30-day window \xB7 Generated ", generatedLabel]
+          children: ["30-day window - Generated ", generatedLabel]
         })]
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
@@ -4338,11 +4338,11 @@ var DonorMixCard = function DonorMixCard(_ref) {
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [{
       label: "New donors",
-      val: "146 · 68%",
+      val: "146 - 68%",
       color: "rgb(99, 99, 230)"
     }, {
       label: "Returning",
-      val: "69 · 32%",
+      val: "69 - 32%",
       color: "#10B981"
     }] : _ref$items,
     _ref$showBottomSummar = _ref.showBottomSummary,
@@ -4549,7 +4549,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,
@@ -4559,7 +4559,7 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
     _ref$numberOfDays = _ref.numberOfDays,
     numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
-  var resolvedSubtitle = subtitle || "Revenue by channel \xB7 ".concat(daysLabel);
+  var resolvedSubtitle = subtitle || "Revenue by channel - ".concat(daysLabel);
   var paidAdsColor = "rgb(99, 99, 230)";
   var organicColor = "#10B981";
   var emailColor = "#0EA5E9";
@@ -5280,7 +5280,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 +5558,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 +5608,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,8 +5716,8 @@ var KeywordsCard = function KeywordsCard(_ref3) {
   }];
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   return /*#__PURE__*/jsxRuntime.jsx(CardWrapper, {
-    title: "Top organic keywords",
-    subtitle: "Search terms ranked by clicks \xB7 last ".concat(daysLabel),
+    title: "Top Organic Keywords",
+    subtitle: "Search terms ranked by clicks - last ".concat(daysLabel),
     children: !available || data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
       sx: {
         fontSize: "13px",
@@ -5859,35 +5859,35 @@ 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",
-    stats: "3,120 · 37%",
+    stats: "3,120 - 37%",
     percentage: 37
   }, {
     country: "United Kingdom",
-    stats: "1,840 · 22%",
+    stats: "1,840 - 22%",
     percentage: 22
   }, {
     country: "Canada",
-    stats: "920 · 11%",
+    stats: "920 - 11%",
     percentage: 11
   }, {
     country: "Australia",
-    stats: "650 · 8%",
+    stats: "650 - 8%",
     percentage: 8
   }, {
     country: "UAE",
-    stats: "580 · 7%",
+    stats: "580 - 7%",
     percentage: 7
   }, {
     country: "Other",
-    stats: "1,310 · 16%",
+    stats: "1,310 - 16%",
     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 +5969,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 +6075,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 +6181,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 +6203,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 +6297,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 +6451,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",
@@ -6502,7 +6502,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref9) {
             minWidth: "60px",
             textAlign: "right"
           },
-          children: [item.value, " \xB7 ", item.percentage, "%"]
+          children: [item.value, " - ", item.percentage, "%"]
         })]
       }, index);
     })]
@@ -6730,7 +6730,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",
@@ -6738,7 +6738,7 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
           textAlign: "left",
           lineHeight: 1.15
         },
-        children: ["Trust health \xB7 ", windowLabel]
+        children: ["Trust health - ", windowLabel]
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
@@ -6856,7 +6856,7 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
           fontWeight: 500,
           textAlign: "left"
         },
-        children: ["$", fmt(totalRefundedAmount), " refunded \xB7 ", totalChargebacks, " chargebacks \xB7 ", totalRefunds, " refunds"]
+        children: ["$", fmt(totalRefundedAmount), " refunded - ", totalChargebacks, " chargebacks - ", totalRefunds, " refunds"]
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
@@ -6965,12 +6965,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"],
@@ -6979,11 +6979,11 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       centerValue: String(totalMix),
       items: [{
         label: "New donors",
-        val: "".concat(newDonors, " \xB7 ").concat(newPct, "%"),
+        val: "".concat(newDonors, " - ").concat(newPct, "%"),
         color: "rgb(99, 99, 230)"
       }, {
         label: "Returning",
-        val: "".concat(returningDonors, " \xB7 ").concat(retPct, "%"),
+        val: "".concat(returningDonors, " - ").concat(retPct, "%"),
         color: "#10B981"
       }],
       bottomSummaryValue: "$".concat(formatNumber(avgGift)),
@@ -7006,7 +7006,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 +7024,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,12 +7032,12 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
         centerLabel: "donors",
         centerValue: String(totalMix),
         items: [{
-          label: "New donors",
-          val: "".concat(newDonors, " \xB7 ").concat(newPct, "%"),
+          label: "New Donors",
+          val: "".concat(newDonors, " - ").concat(newPct, "%"),
           color: "rgb(99, 99, 230)"
         }, {
           label: "Returning",
-          val: "".concat(returningDonors, " \xB7 ").concat(retPct, "%"),
+          val: "".concat(returningDonors, " - ").concat(retPct, "%"),
           color: "#10B981"
         }],
         bottomSummaryValue: "$".concat(formatNumber(avgGift)),
@@ -7069,7 +7069,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
   var bottomCards = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(MetricSparklineCard, {
       title: "Order Bump",
-      subtitle: "Revenue trend \xB7 last ".concat(daysLabel),
+      subtitle: "Revenue trend - last ".concat(daysLabel),
       value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalRevenue) || 0)),
       trend: "".concat((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.growthPercentage) >= 0 ? "▲" : "▼", " ").concat(Math.abs((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.growthPercentage) || 0).toFixed(1), "% vs pp"),
       chartData: (orderBumpData === null || orderBumpData === void 0 || (_orderBumpData$chart = orderBumpData.chart) === null || _orderBumpData$chart === void 0 ? void 0 : _orderBumpData$chart.map(function (item) {
@@ -7112,7 +7112,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       sx: CARD_SX
     }), /*#__PURE__*/jsxRuntime.jsx(MetricSparklineCard, {
       title: "Referrals",
-      subtitle: "Revenue trend \xB7 last ".concat(daysLabel),
+      subtitle: "Revenue trend - last ".concat(daysLabel),
       value: "$".concat(formatNumber((referralData === null || referralData === void 0 ? void 0 : referralData.totalRevenue) || 0)),
       trend: "".concat((referralData === null || referralData === void 0 ? void 0 : referralData.growthPercentage) >= 0 ? "▲" : "▼", " ").concat(Math.abs((referralData === null || referralData === void 0 ? void 0 : referralData.growthPercentage) || 0).toFixed(1), "% vs pp"),
       chartData: (referralData === null || referralData === void 0 || (_referralData$chartDa = referralData.chartData) === null || _referralData$chartDa === void 0 ? void 0 : _referralData$chartDa.map(function (item) {
@@ -7614,7 +7614,7 @@ var RecurringDonationAmounts = function RecurringDonationAmounts() {
                 minWidth: "60px",
                 textAlign: "right"
               },
-              children: "".concat(item.plans, " \xB7 ").concat(item.share, "%")
+              children: "".concat(item.plans, " - ").concat(item.share, "%")
             })]
           }, index);
         })
@@ -17595,7 +17595,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 +17747,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 +17771,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 +17781,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 +17803,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 +17813,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 +17889,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 +17898,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 +17908,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 +18152,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 +18162,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 +18173,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 +18217,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 +18227,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 +18238,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 +18390,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 +18407,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 +18492,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 +18658,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 +18668,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 +18733,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 +18743,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,
@@ -18797,7 +18797,7 @@ var OrganicSection = function OrganicSection(_ref) {
       var _item$visitors2, _item$percentage, _item$percentage2;
       return {
         country: item.country || "Unknown",
-        stats: "".concat(formatNumber((_item$visitors2 = item.visitors) !== null && _item$visitors2 !== void 0 ? _item$visitors2 : 0), " \xB7 ").concat(Number((_item$percentage = item.percentage) !== null && _item$percentage !== void 0 ? _item$percentage : 0).toFixed(0), "%"),
+        stats: "".concat(formatNumber((_item$visitors2 = item.visitors) !== null && _item$visitors2 !== void 0 ? _item$visitors2 : 0), " - ").concat(Number((_item$percentage = item.percentage) !== null && _item$percentage !== void 0 ? _item$percentage : 0).toFixed(0), "%"),
         percentage: Number((_item$percentage2 = item.percentage) !== null && _item$percentage2 !== void 0 ? _item$percentage2 : 0)
       };
     });
@@ -18917,7 +18917,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 +18972,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 +19502,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 +19524,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 +19540,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 +19558,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 +19567,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 +19593,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 +19601,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 +19613,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 +19629,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 +19647,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 +19656,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 +19682,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 +19690,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 +19774,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,8 +19789,8 @@ var EmailSection = function EmailSection(_ref) {
           paddingTop: "0px !important"
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
-          title: "Open rate trend",
-          subtitle: "Daily \xB7 ".concat(daysLabel),
+          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",
           trendData: hasEmailOverview ? apiData === null || apiData === void 0 ? void 0 : apiData.openRateTrend : undefined,
@@ -19819,23 +19819,23 @@ var EmailSection = function EmailSection(_ref) {
           }
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
-          title: "Clicks trend",
-          subtitle: "Total + unique \xB7 ".concat(daysLabel),
+          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,8 +19863,8 @@ var EmailSection = function EmailSection(_ref) {
           }
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
-          title: "Bounce rate trend",
-          subtitle: "Daily \xB7 lower is better",
+          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",
           trendData: hasEmailOverview ? apiData === null || apiData === void 0 ? void 0 : apiData.bounceRateTrend : undefined,