@ammarkhalidfarooq/dashboard-package 0.6.88 → 0.6.89

package/dist/index.cjs.js

@@ -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,
@@ -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";
@@ -5717,7 +5717,7 @@ 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),
+    subtitle: "Search terms ranked by clicks - last ".concat(daysLabel),
     children: !available || data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
       sx: {
         fontSize: "13px",
@@ -5863,27 +5863,27 @@ var GeographyCard = function GeographyCard(_ref4) {
     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, {
@@ -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);
     })]
@@ -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: {
@@ -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)),
@@ -7033,11 +7033,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)),
@@ -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);
         })
@@ -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)
       };
     });
@@ -19790,7 +19790,7 @@ var EmailSection = function EmailSection(_ref) {
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
           title: "Open rate trend",
-          subtitle: "Daily \xB7 ".concat(daysLabel),
+          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,
@@ -19820,7 +19820,7 @@ var EmailSection = function EmailSection(_ref) {
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
           title: "Clicks trend",
-          subtitle: "Total + unique \xB7 ".concat(daysLabel),
+          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 ? [{
@@ -19864,7 +19864,7 @@ var EmailSection = function EmailSection(_ref) {
         },
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
           title: "Bounce rate trend",
-          subtitle: "Daily \xB7 lower is better",
+          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,