@ammarkhalidfarooq/dashboard-package 0.6.99 → 0.6.101

package/dist/index.cjs.js

@@ -6429,7 +6429,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
     })]
   });
 };
-var getCampaignInitials$1 = function getCampaignInitials() {
+var getCampaignInitials$2 = function getCampaignInitials() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   var words = name.trim().split(/\s+/).filter(Boolean);
   if (words.length >= 2) {
@@ -6542,7 +6542,7 @@ var TopPerformingCampaignsCard = function TopPerformingCampaignsCard(_ref8) {
               fontSize: "10px",
               fontWeight: 700
             },
-            children: item.id || getCampaignInitials$1(item.name)
+            children: item.id || getCampaignInitials$2(item.name)
           }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
             sx: {
               fontSize: "13px",
@@ -16897,19 +16897,14 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded$7);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsxs("g", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M9.02,17.2c-.2.05-.27.39.02.47.3.09.57-.12.83-.11,1.39.05,2.62.58,3.91.72,1.65.17,3.28-1.43,4.8-1.99.47-.18,1.22-.48,1.7-.24.28.14.34.49.06.67-1.39.71-2.69,1.95-4.04,2.65-3.6,1.87-8.35-1.58-12.09-.22l-.73-2.8c2.25-.42,4.07-1.82,6.46-1.41.93.16,1.89.98,2.8,1.34.54.22,2.25.55,2.45.85.16.24-.13.54-.33.66-.75.43-2.86-.48-3.76-.6-.57.1-1.57-.13-2.07,0Z"
@@ -16928,33 +16923,23 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M12,6.12c-.34.26-1.44-1.2-.91-1.34.36-.09,1.19,1.13.91,1.34Z"
       })]
-    })]
+    })
   }));
 };
-var avgDonationAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var _excluded$6 = ["size"];
 var ConversionRateIcon = function ConversionRateIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded$6);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsxs("g", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M18.15,6.72c.09.75-.16,1.23-.93,1.34l-3.9,4.34-.04,1.32-2.58.89v-2.18l-3.93-4.37c-.77-.11-1.02-.6-.93-1.34h12.31Z"
@@ -16969,33 +16954,23 @@ var ConversionRateIcon = function ConversionRateIcon(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M11.46,5.84h-3.35c.41-1.76,2.96-1.77,3.35,0Z"
       })]
-    })]
+    })
   }));
 };
-var conversionRateAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var _excluded$5 = ["size"];
 var NetRaisedIcon = function NetRaisedIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded$5);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsxs("g", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M19.06,8.58s-.05.06-.05.09c-.08.3-.12.64-.19.94-.51,2.31-1.24,4.58-2.76,6.43-2.99,3.66-7.63,3.71-11.68,1.85-.4-.19-1.44-.67-1.73-.95-.51-.5-.15-1.34.53-1.34.3,0,1.3.63,1.65.8,1.88.89,4.06,1.43,6.14,1.02,4.28-.84,5.87-5.18,6.51-9.01l-1.92,2.29c-.63.55-1.57-.08-1.23-.88,1.23-1.46,2.4-3.02,3.67-4.45.26-.29.41-.51.85-.47.34.03.53.27.66.57l2.05,5.4c.28.93-.99,1.44-1.43.56l-1.06-2.85Z"
@@ -17012,14 +16987,9 @@ var NetRaisedIcon = function NetRaisedIcon(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("polygon", {
         points: "6.1 15.16 6.1 16.74 4.81 16.19 4.81 15.16"
       })]
-    })]
+    })
   }));
 };
-var netRaisedAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var CARD_BORDER = "1.5px solid #F1F1F5";
 var PANEL_BORDER = "1px solid #f0f0f0";
@@ -17667,7 +17637,7 @@ var EmailSectionSkeleton = function EmailSectionSkeleton() {
 };
 
 var OverallSection = function OverallSection(_ref) {
-  var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$overviewStat13, _apiData$roasCard, _apiData$roasCardPrev, _apiData$overviewStat14, _apiData$overviewStat15, _apiData$overviewStat16, _apiData$overviewStat17, _apiData$overviewStat18, _apiData$overviewStat19, _apiData$overviewStat20, _apiData$overviewStat21;
+  var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$overviewStat13, _apiData$overviewStat14, _apiData$overviewStat15, _apiData$overviewStat16, _apiData$overviewStat17, _apiData$overviewStat18, _apiData$overviewStat19, _apiData$overviewStat20, _apiData$overviewStat21, _apiData$overviewStat22, _apiData$overviewStat23, _apiData$overviewStat24, _apiData$overviewStat25;
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
     primaryCharts = _ref.primaryCharts,
@@ -17747,7 +17717,6 @@ var OverallSection = function OverallSection(_ref) {
       subValue: "".concat(Number((_apiData$overviewStat7 = apiData === null || apiData === void 0 || (_apiData$overviewStat8 = apiData.overviewStats) === null || _apiData$overviewStat8 === void 0 || (_apiData$overviewStat8 = _apiData$overviewStat8.overview.growthPercentage) === null || _apiData$overviewStat8 === void 0 ? void 0 : _apiData$overviewStat8.netRevenue) !== null && _apiData$overviewStat7 !== void 0 ? _apiData$overviewStat7 : 0).toFixed(2), "% vs pp\n        "),
       label: "Net Raised",
       icon: /*#__PURE__*/jsxRuntime.jsx(NetRaisedIcon, {}),
-      avatarSx: netRaisedAvatarSx,
       money: true,
       error: false,
       warning: false
@@ -17766,14 +17735,13 @@ var OverallSection = function OverallSection(_ref) {
       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",
       icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
-      avatarSx: avgDonationAvatarSx,
       money: true,
       error: false,
       warning: false
     },
     "ROAS": {
-      value: "".concat(formatNumber(((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0).toFixed(2)), "x"),
-      subValue: "".concat(Number((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0).toFixed(2), "x vs pp"),
+      value: "".concat(formatNumber(((_apiData$overviewStat14 = apiData === null || apiData === void 0 || (_apiData$overviewStat15 = apiData.overviewStats) === null || _apiData$overviewStat15 === void 0 || (_apiData$overviewStat15 = _apiData$overviewStat15.overview) === null || _apiData$overviewStat15 === void 0 ? void 0 : _apiData$overviewStat15.roas) !== null && _apiData$overviewStat14 !== void 0 ? _apiData$overviewStat14 : 0).toFixed(2)), "x"),
+      subValue: "".concat(Number((_apiData$overviewStat16 = apiData === null || apiData === void 0 || (_apiData$overviewStat17 = apiData.overviewStats) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.overview) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.growthPercentage) === null || _apiData$overviewStat17 === void 0 ? void 0 : _apiData$overviewStat17.roas) !== null && _apiData$overviewStat16 !== void 0 ? _apiData$overviewStat16 : 0).toFixed(2), "x vs pp"),
       label: "ROAS",
       icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.TrendingUp, {}),
       money: false,
@@ -17781,11 +17749,10 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Conversion": {
-      value: "".concat(formatNumber(((_apiData$overviewStat14 = apiData === null || apiData === void 0 || (_apiData$overviewStat15 = apiData.overviewStats) === null || _apiData$overviewStat15 === void 0 || (_apiData$overviewStat15 = _apiData$overviewStat15.overview) === null || _apiData$overviewStat15 === void 0 ? void 0 : _apiData$overviewStat15.conversionRate) !== null && _apiData$overviewStat14 !== void 0 ? _apiData$overviewStat14 : 0).toFixed(2)), "%"),
-      subValue: "".concat(((_apiData$overviewStat16 = apiData === null || apiData === void 0 || (_apiData$overviewStat17 = apiData.overviewStats) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.overview) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.growthPercentage) === null || _apiData$overviewStat17 === void 0 ? void 0 : _apiData$overviewStat17.conversionRate) !== null && _apiData$overviewStat16 !== void 0 ? _apiData$overviewStat16 : 0).toFixed(2), "%") || "0%",
+      value: "".concat(formatNumber(((_apiData$overviewStat18 = apiData === null || apiData === void 0 || (_apiData$overviewStat19 = apiData.overviewStats) === null || _apiData$overviewStat19 === void 0 || (_apiData$overviewStat19 = _apiData$overviewStat19.overview) === null || _apiData$overviewStat19 === void 0 ? void 0 : _apiData$overviewStat19.conversionRate) !== null && _apiData$overviewStat18 !== void 0 ? _apiData$overviewStat18 : 0).toFixed(2)), "%"),
+      subValue: "".concat(((_apiData$overviewStat20 = apiData === null || apiData === void 0 || (_apiData$overviewStat21 = apiData.overviewStats) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.overview) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.growthPercentage) === null || _apiData$overviewStat21 === void 0 ? void 0 : _apiData$overviewStat21.conversionRate) !== null && _apiData$overviewStat20 !== void 0 ? _apiData$overviewStat20 : 0).toFixed(2), "%") || "0%",
       label: "Conversion Rate",
       icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
-      avatarSx: conversionRateAvatarSx,
       money: false,
       error: false,
       warning: false
@@ -17817,8 +17784,8 @@ var OverallSection = function OverallSection(_ref) {
     newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
     returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
   }
-  var avgGift = Number(((_apiData$overviewStat18 = apiData === null || apiData === void 0 || (_apiData$overviewStat19 = apiData.overviewStats) === null || _apiData$overviewStat19 === void 0 || (_apiData$overviewStat19 = _apiData$overviewStat19.overview) === null || _apiData$overviewStat19 === void 0 ? void 0 : _apiData$overviewStat19.overallAVGDonations) !== null && _apiData$overviewStat18 !== void 0 ? _apiData$overviewStat18 : 0).toFixed(2));
-  var donorMixPrev = Number(((_apiData$overviewStat20 = apiData === null || apiData === void 0 || (_apiData$overviewStat21 = apiData.overviewStats) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.overview) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.growthPercentage) === null || _apiData$overviewStat21 === void 0 ? void 0 : _apiData$overviewStat21.overallAVGDonations) !== null && _apiData$overviewStat20 !== void 0 ? _apiData$overviewStat20 : 0).toFixed(2));
+  var avgGift = Number(((_apiData$overviewStat22 = apiData === null || apiData === void 0 || (_apiData$overviewStat23 = apiData.overviewStats) === null || _apiData$overviewStat23 === void 0 || (_apiData$overviewStat23 = _apiData$overviewStat23.overview) === null || _apiData$overviewStat23 === void 0 ? void 0 : _apiData$overviewStat23.overallAVGDonations) !== null && _apiData$overviewStat22 !== void 0 ? _apiData$overviewStat22 : 0).toFixed(2));
+  var donorMixPrev = Number(((_apiData$overviewStat24 = apiData === null || apiData === void 0 || (_apiData$overviewStat25 = apiData.overviewStats) === null || _apiData$overviewStat25 === void 0 || (_apiData$overviewStat25 = _apiData$overviewStat25.overview) === null || _apiData$overviewStat25 === void 0 || (_apiData$overviewStat25 = _apiData$overviewStat25.growthPercentage) === null || _apiData$overviewStat25 === void 0 ? void 0 : _apiData$overviewStat25.overallAVGDonations) !== null && _apiData$overviewStat24 !== void 0 ? _apiData$overviewStat24 : 0).toFixed(2));
   var renderCard = function renderCard(title) {
     return /*#__PURE__*/jsxRuntime.jsx(MetricCard$1
     // key={title}
@@ -17827,7 +17794,6 @@ var OverallSection = function OverallSection(_ref) {
       value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
-      avatarSx: metricInfo[title].avatarSx,
       error: metricInfo[title].error,
       active: activeMetric === title,
       onClick: function onClick() {
@@ -17905,8 +17871,8 @@ var OverallSection = function OverallSection(_ref) {
     };
   };
   if (activeMetric === "Total Raised") {
-    var _apiData$overviewStat22;
-    var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat22 = apiData.overviewStats) === null || _apiData$overviewStat22 === void 0 ? void 0 : _apiData$overviewStat22.totalRaised;
+    var _apiData$overviewStat26;
+    var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.totalRaised;
     var hasStackedData = (stackedData === null || stackedData === void 0 ? void 0 : stackedData.paidAds) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.email) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.organic);
     if (hasStackedData) {
       var _buildStackedSeries = buildStackedSeries(stackedData),
@@ -17929,8 +17895,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   if (activeMetric === "Net Raised") {
-    var _apiData$overviewStat23;
-    var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat23 = apiData.overviewStats) === null || _apiData$overviewStat23 === void 0 ? void 0 : _apiData$overviewStat23.netRaised;
+    var _apiData$overviewStat27;
+    var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat27 = apiData.overviewStats) === null || _apiData$overviewStat27 === void 0 ? void 0 : _apiData$overviewStat27.netRaised;
     var _hasStackedData = (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || (netData === null || netData === void 0 ? void 0 : netData.organic);
     if (_hasStackedData) {
       var _buildStackedSeries2 = buildStackedSeries(netData),
@@ -17961,8 +17927,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   if (activeMetric === "Total Donors") {
-    var _apiData$overviewStat24;
-    var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat24 = apiData.overviewStats) === null || _apiData$overviewStat24 === void 0 ? void 0 : _apiData$overviewStat24.totalDonations;
+    var _apiData$overviewStat28;
+    var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat28 = apiData.overviewStats) === null || _apiData$overviewStat28 === void 0 ? void 0 : _apiData$overviewStat28.totalDonations;
     var _hasStackedData2 = (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic);
     if (_hasStackedData2) {
       var _buildStackedSeries3 = buildStackedSeries(donorsData),
@@ -17993,7 +17959,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   if (activeMetric === "ROAS") {
-    var roasData = apiData === null || apiData === void 0 ? void 0 : apiData.roas;
+    var _apiData$overviewStat29;
+    var roasData = apiData === null || apiData === void 0 || (_apiData$overviewStat29 = apiData.overviewStats) === null || _apiData$overviewStat29 === void 0 ? void 0 : _apiData$overviewStat29.roas;
     var _hasStackedData3 = (roasData === null || roasData === void 0 ? void 0 : roasData.paidAds) || (roasData === null || roasData === void 0 ? void 0 : roasData.email) || (roasData === null || roasData === void 0 ? void 0 : roasData.organic);
     if (_hasStackedData3) {
       var _buildStackedSeries4 = buildStackedSeries(roasData),
@@ -18024,8 +17991,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   if (activeMetric === "Conversion") {
-    var _apiData$overviewStat25;
-    var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat25 = apiData.overviewStats) === null || _apiData$overviewStat25 === void 0 ? void 0 : _apiData$overviewStat25.conversionRate;
+    var _apiData$overviewStat30;
+    var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat30 = apiData.overviewStats) === null || _apiData$overviewStat30 === void 0 ? void 0 : _apiData$overviewStat30.conversionRate;
     var _hasStackedData4 = (conversionData === null || conversionData === void 0 ? void 0 : conversionData.paidAds) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.email) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.organic);
     if (_hasStackedData4) {
       var _buildStackedSeries5 = buildStackedSeries(conversionData),
@@ -18056,8 +18023,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   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 _apiData$overviewStat31;
+    var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat31 = apiData.overviewStats) === null || _apiData$overviewStat31 === void 0 ? void 0 : _apiData$overviewStat31.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);
     if (_hasStackedData5) {
       var _buildStackedSeries6 = buildStackedSeries(avgData),
@@ -18246,8 +18213,38 @@ var mapChannelTrend = function mapChannelTrend(trend) {
 var getRoasColor = function getRoasColor(roas) {
   return Number(roas !== null && roas !== void 0 ? roas : 0) >= 2.5 ? "#22C55E" : "#EF4444";
 };
+var getCampaignInitials$1 = function getCampaignInitials() {
+  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var words = name.trim().split(/\s+/).filter(Boolean);
+  if (words.length >= 2) {
+    return (words[0][0] + words[1][0]).toUpperCase();
+  }
+  return name.slice(0, 2).toUpperCase() || "—";
+};
+var buildEmptySpendAllocation = function buildEmptySpendAllocation() {
+  var channels = Object.keys(CHANNEL_STYLES);
+  return {
+    series: channels.map(function () {
+      return 0;
+    }),
+    labels: channels,
+    colors: channels.map(function (channel) {
+      return CHANNEL_STYLES[channel].color;
+    }),
+    centerLabel: "total spend",
+    centerValue: "$".concat(formatNumber(0)),
+    subtitle: "Where $".concat(formatNumber(0), " went"),
+    items: channels.map(function (channel) {
+      return {
+        label: channel,
+        val: "0.0%",
+        color: CHANNEL_STYLES[channel].color
+      };
+    })
+  };
+};
 var PaidSection = function PaidSection(_ref) {
-  var _apiData$spendVsReven, _apiData$spendVsReven2, _selectedInfo$categor, _spendAllocation$subt, _spendAllocation$seri, _spendAllocation$labe, _spendAllocation$colo, _spendAllocation$cent, _spendAllocation$cent2, _spendAllocation$item;
+  var _ref2, _rawOverview$totalSpe, _ref3, _rawOverview$totalRev, _ref4, _rawOverview$roas, _ref5, _rawOverview$costPerD, _rawOverview$conversi, _ref6, _rawOverview$averageD, _ref7, _rawOverview$totalDon, _ref8, _rawOverview$growthPe, _rawOverview$growthPe2, _ref9, _rawOverview$growthPe3, _rawOverview$growthPe4, _ref0, _rawOverview$growthPe5, _rawOverview$growthPe6, _rawOverview$growthPe7, _rawOverview$growthPe8, _rawOverview$growthPe9, _rawOverview$growthPe0, _rawOverview$growthPe1, _rawOverview$growthPe10, _apiData$spendVsReven, _apiData$spendVsReven2, _selectedInfo$categor, _spendAllocation$subt, _spendAllocation$seri, _spendAllocation$labe, _spendAllocation$colo, _spendAllocation$cent, _spendAllocation$cent2, _spendAllocation$item;
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData;
     _ref.dateName;
@@ -18259,8 +18256,25 @@ var PaidSection = function PaidSection(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     activeMetric = _useState2[0],
     setActiveMetric = _useState2[1];
-  var overview = (apiData === null || apiData === void 0 ? void 0 : apiData.overview) || {};
-  var growth = (overview === null || overview === void 0 ? void 0 : overview.growthPercentage) || {};
+  var rawOverview = (apiData === null || apiData === void 0 ? void 0 : apiData.overview) || {};
+  var metaSummary = (apiData === null || apiData === void 0 ? void 0 : apiData.metaSummary) || {};
+  var overview = {
+    totalSpent: (_ref2 = (_rawOverview$totalSpe = rawOverview.totalSpent) !== null && _rawOverview$totalSpe !== void 0 ? _rawOverview$totalSpe : metaSummary.metaSpend) !== null && _ref2 !== void 0 ? _ref2 : 0,
+    totalRevenue: (_ref3 = (_rawOverview$totalRev = rawOverview.totalRevenue) !== null && _rawOverview$totalRev !== void 0 ? _rawOverview$totalRev : metaSummary.attributedAmount) !== null && _ref3 !== void 0 ? _ref3 : 0,
+    roas: (_ref4 = (_rawOverview$roas = rawOverview.roas) !== null && _rawOverview$roas !== void 0 ? _rawOverview$roas : metaSummary.roas) !== null && _ref4 !== void 0 ? _ref4 : 0,
+    costPerDonor: (_ref5 = (_rawOverview$costPerD = rawOverview.costPerDonor) !== null && _rawOverview$costPerD !== void 0 ? _rawOverview$costPerD : metaSummary.cpa) !== null && _ref5 !== void 0 ? _ref5 : 0,
+    conversionRate: (_rawOverview$conversi = rawOverview.conversionRate) !== null && _rawOverview$conversi !== void 0 ? _rawOverview$conversi : 0,
+    averageDonation: (_ref6 = (_rawOverview$averageD = rawOverview.averageDonation) !== null && _rawOverview$averageD !== void 0 ? _rawOverview$averageD : metaSummary.averageGift) !== null && _ref6 !== void 0 ? _ref6 : 0,
+    totalDonations: (_ref7 = (_rawOverview$totalDon = rawOverview.totalDonations) !== null && _rawOverview$totalDon !== void 0 ? _rawOverview$totalDon : metaSummary.donationsCount) !== null && _ref7 !== void 0 ? _ref7 : 0
+  };
+  var growth = {
+    totalSpent: (_ref8 = (_rawOverview$growthPe = (_rawOverview$growthPe2 = rawOverview.growthPercentage) === null || _rawOverview$growthPe2 === void 0 ? void 0 : _rawOverview$growthPe2.totalSpent) !== null && _rawOverview$growthPe !== void 0 ? _rawOverview$growthPe : metaSummary.metaSpendChangePercent) !== null && _ref8 !== void 0 ? _ref8 : 0,
+    totalRevenue: (_ref9 = (_rawOverview$growthPe3 = (_rawOverview$growthPe4 = rawOverview.growthPercentage) === null || _rawOverview$growthPe4 === void 0 ? void 0 : _rawOverview$growthPe4.totalRevenue) !== null && _rawOverview$growthPe3 !== void 0 ? _rawOverview$growthPe3 : metaSummary.attributedChangePercent) !== null && _ref9 !== void 0 ? _ref9 : 0,
+    roas: (_ref0 = (_rawOverview$growthPe5 = (_rawOverview$growthPe6 = rawOverview.growthPercentage) === null || _rawOverview$growthPe6 === void 0 ? void 0 : _rawOverview$growthPe6.roas) !== null && _rawOverview$growthPe5 !== void 0 ? _rawOverview$growthPe5 : metaSummary.roasChange) !== null && _ref0 !== void 0 ? _ref0 : 0,
+    costPerDonor: (_rawOverview$growthPe7 = (_rawOverview$growthPe8 = rawOverview.growthPercentage) === null || _rawOverview$growthPe8 === void 0 ? void 0 : _rawOverview$growthPe8.costPerDonor) !== null && _rawOverview$growthPe7 !== void 0 ? _rawOverview$growthPe7 : 0,
+    conversionRate: (_rawOverview$growthPe9 = (_rawOverview$growthPe0 = rawOverview.growthPercentage) === null || _rawOverview$growthPe0 === void 0 ? void 0 : _rawOverview$growthPe0.conversionRate) !== null && _rawOverview$growthPe9 !== void 0 ? _rawOverview$growthPe9 : 0,
+    averageDonation: (_rawOverview$growthPe1 = (_rawOverview$growthPe10 = rawOverview.growthPercentage) === null || _rawOverview$growthPe10 === void 0 ? void 0 : _rawOverview$growthPe10.averageDonation) !== null && _rawOverview$growthPe1 !== void 0 ? _rawOverview$growthPe1 : 0
+  };
   var hasPaidOverview = Boolean(apiData === null || apiData === void 0 ? void 0 : apiData.overview);
   var spendSeries = mapTimeSeries$2(apiData === null || apiData === void 0 || (_apiData$spendVsReven = apiData.spendVsRevenue) === null || _apiData$spendVsReven === void 0 ? void 0 : _apiData$spendVsReven.spend);
   var revenueSeries = mapTimeSeries$2(apiData === null || apiData === void 0 || (_apiData$spendVsReven2 = apiData.spendVsRevenue) === null || _apiData$spendVsReven2 === void 0 ? void 0 : _apiData$spendVsReven2.revenue);
@@ -18285,7 +18299,6 @@ var PaidSection = function PaidSection(_ref) {
     }) : [Number(value !== null && value !== void 0 ? value : 0)];
   };
   var metricInfo = React.useMemo(function () {
-    var _overview$totalSpent, _overview$totalRevenu, _overview$roas, _overview$roas2, _overview$costPerDono, _overview$costPerDono2, _overview$conversionR, _overview$conversionR2, _overview$averageDona, _overview$averageDona2;
     if (!hasPaidOverview) {
       return {
         "Total Spent": {
@@ -18334,7 +18347,6 @@ var PaidSection = function PaidSection(_ref) {
           data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
-          avatarSx: conversionRateAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -18345,72 +18357,70 @@ var PaidSection = function PaidSection(_ref) {
           data: [120, 135, 125, 140, 130, 128, 130.58],
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
-          avatarSx: avgDonationAvatarSx,
           money: true,
           error: false,
           warning: false
         }
       };
     }
+    var chartCategories = spendSeries.categories.length > 0 ? spendSeries.categories : revenueSeries.categories.length > 0 ? revenueSeries.categories : fallbackCategories;
     return {
       "Total Spent": {
-        value: "$".concat(formatNumber((_overview$totalSpent = overview.totalSpent) !== null && _overview$totalSpent !== void 0 ? _overview$totalSpent : 0)),
+        value: "$".concat(formatNumber(overview.totalSpent)),
         subValue: formatGrowth$2(growth.totalSpent),
-        data: spendSeries.data,
-        categories: spendSeries.categories,
+        data: spendSeries.data.length > 0 ? spendSeries.data : flatSeries(0),
+        categories: chartCategories,
         icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.IndeterminateCheckBoxOutlined, {}),
         money: true,
         error: false,
         warning: false
       },
       "Revinue Raised": {
-        value: "$".concat(formatNumber((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
+        value: "$".concat(formatNumber(overview.totalRevenue)),
         subValue: formatGrowth$2(growth.totalRevenue),
-        data: revenueSeries.data,
-        categories: revenueSeries.categories,
+        data: revenueSeries.data.length > 0 ? revenueSeries.data : flatSeries(0),
+        categories: chartCategories,
         icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
         money: true,
         error: false,
         warning: false
       },
       ROAS: {
-        value: "".concat(Number((_overview$roas = overview.roas) !== null && _overview$roas !== void 0 ? _overview$roas : 0).toFixed(1), "x"),
+        value: "".concat(Number(overview.roas).toFixed(1), "x"),
         subValue: formatGrowth$2(growth.roas),
-        data: roasChartData.length > 0 ? roasChartData : flatSeries((_overview$roas2 = overview.roas) !== null && _overview$roas2 !== void 0 ? _overview$roas2 : 0),
-        categories: spendSeries.categories.length ? spendSeries.categories : fallbackCategories,
+        data: roasChartData.length > 0 ? roasChartData : flatSeries(0),
+        categories: chartCategories,
         icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.TrendingUp, {}),
         money: false,
         error: false,
         warning: false
       },
       "Cost Per Donor": {
-        value: "$".concat(formatNumber((_overview$costPerDono = overview.costPerDonor) !== null && _overview$costPerDono !== void 0 ? _overview$costPerDono : 0)),
+        value: "$".concat(formatNumber(overview.costPerDonor)),
         subValue: formatGrowth$2(growth.costPerDonor),
-        data: flatSeries((_overview$costPerDono2 = overview.costPerDonor) !== null && _overview$costPerDono2 !== void 0 ? _overview$costPerDono2 : 0),
-        categories: fallbackCategories,
+        data: flatSeries(overview.costPerDonor),
+        categories: chartCategories,
         icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PersonOutlined, {}),
         money: true,
         error: false,
         warning: false
       },
       "Conversion Rate": {
-        value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
+        value: "".concat(Number(overview.conversionRate).toFixed(2), "%"),
         subValue: formatGrowth$2(growth.conversionRate),
-        data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
-        categories: fallbackCategories,
+        data: flatSeries(overview.conversionRate),
+        categories: chartCategories,
         icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
-        avatarSx: conversionRateAvatarSx,
         money: false,
         error: false,
         warning: false
       },
       "Avg Donation": {
-        value: "$".concat(formatNumber((_overview$averageDona = overview.averageDonation) !== null && _overview$averageDona !== void 0 ? _overview$averageDona : 0)),
+        value: "$".concat(formatNumber(overview.averageDonation)),
         subValue: formatGrowth$2(growth.averageDonation),
-        data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
-        categories: fallbackCategories,
+        data: flatSeries(overview.averageDonation),
+        categories: chartCategories,
         icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
-        avatarSx: avgDonationAvatarSx,
         money: true,
         error: false,
         warning: false
@@ -18443,7 +18453,7 @@ var PaidSection = function PaidSection(_ref) {
     var allocation = apiData === null || apiData === void 0 ? void 0 : apiData.spendAllocation;
     if (!hasPaidOverview) return null;
     if (!allocation || !Array.isArray(allocation.data) || allocation.data.length === 0) {
-      return null;
+      return buildEmptySpendAllocation();
     }
     var items = allocation.data.map(function (item) {
       var _item$percentage, _item$spend2, _item$percentage2;
@@ -18469,10 +18479,10 @@ var PaidSection = function PaidSection(_ref) {
       centerLabel: "total spend",
       centerValue: "$".concat(formatNumber((_allocation$totalSpen = allocation.totalSpend) !== null && _allocation$totalSpen !== void 0 ? _allocation$totalSpen : 0)),
       subtitle: "Where $".concat(formatNumber((_allocation$totalSpen2 = allocation.totalSpend) !== null && _allocation$totalSpen2 !== void 0 ? _allocation$totalSpen2 : 0), " went"),
-      items: items.map(function (_ref2) {
-        var label = _ref2.label,
-          val = _ref2.val,
-          color = _ref2.color;
+      items: items.map(function (_ref1) {
+        var label = _ref1.label,
+          val = _ref1.val,
+          color = _ref1.color;
         return {
           label: label,
           val: val,
@@ -18484,12 +18494,14 @@ var PaidSection = function PaidSection(_ref) {
   var topCampaignsData = React.useMemo(function () {
     var campaigns = apiData === null || apiData === void 0 ? void 0 : apiData.topCampaigns;
     if (!hasPaidOverview) return null;
-    if (!Array.isArray(campaigns)) return null;
+    if (!Array.isArray(campaigns)) return [];
     if (campaigns.length === 0) return [];
     return campaigns.map(function (item) {
       var _item$spend3, _item$revenue2, _item$roas2;
+      var name = item.campaignName || item.campaign || item.name || "Unknown";
       return {
-        name: item.campaign || item.name || "Unknown",
+        id: getCampaignInitials$1(name),
+        name: name,
         spend: "$".concat(formatNumber((_item$spend3 = item.spend) !== null && _item$spend3 !== void 0 ? _item$spend3 : 0)),
         revenue: "$".concat(formatNumber((_item$revenue2 = item.revenue) !== null && _item$revenue2 !== void 0 ? _item$revenue2 : 0)),
         roas: "".concat(Number((_item$roas2 = item.roas) !== null && _item$roas2 !== void 0 ? _item$roas2 : 0).toFixed(1), "x")
@@ -18502,7 +18514,6 @@ var PaidSection = function PaidSection(_ref) {
       value: metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
-      avatarSx: metricInfo[title].avatarSx,
       error: metricInfo[title].error,
       active: activeMetric === title,
       onClick: function onClick() {
@@ -18515,6 +18526,7 @@ var PaidSection = function PaidSection(_ref) {
     });
   };
   var selectedInfo = metricInfo[activeMetric] || metricInfo["Total Spent"];
+  var emptySpendAllocation = buildEmptySpendAllocation();
   var chartCategories = ((_selectedInfo$categor = selectedInfo.categories) === null || _selectedInfo$categor === void 0 ? void 0 : _selectedInfo$categor.length) > 0 ? selectedInfo.categories : fallbackCategories;
   var mainChart = {
     label: activeMetric,
@@ -18578,7 +18590,7 @@ var PaidSection = function PaidSection(_ref) {
           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 : [{
+          rows: channelRows !== null && channelRows !== void 0 ? channelRows : hasPaidOverview ? [] : [{
             id: "M",
             avatarBg: "#4267B2",
             name: "Meta Ads",
@@ -18659,13 +18671,13 @@ var PaidSection = function PaidSection(_ref) {
         },
         children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
           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"],
-          colors: (_spendAllocation$colo = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.colors) !== null && _spendAllocation$colo !== void 0 ? _spendAllocation$colo : ["#4267B2", "#4285F4", "#cd249dff", "#FF0000", "#FFFC00"],
+          subtitle: (_spendAllocation$subt = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.subtitle) !== null && _spendAllocation$subt !== void 0 ? _spendAllocation$subt : hasPaidOverview ? emptySpendAllocation.subtitle : "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 : hasPaidOverview ? emptySpendAllocation.series : [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 : hasPaidOverview ? emptySpendAllocation.labels : ["Meta Ads", "Google Ads", "TikTok", "YouTube", "Snapchat"],
+          colors: (_spendAllocation$colo = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.colors) !== null && _spendAllocation$colo !== void 0 ? _spendAllocation$colo : hasPaidOverview ? emptySpendAllocation.colors : ["#4267B2", "#4285F4", "#cd249dff", "#FF0000", "#FFFC00"],
           centerLabel: (_spendAllocation$cent = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.centerLabel) !== null && _spendAllocation$cent !== void 0 ? _spendAllocation$cent : "total spend",
-          centerValue: (_spendAllocation$cent2 = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.centerValue) !== null && _spendAllocation$cent2 !== void 0 ? _spendAllocation$cent2 : "$80.3K",
-          items: (_spendAllocation$item = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.items) !== null && _spendAllocation$item !== void 0 ? _spendAllocation$item : [{
+          centerValue: (_spendAllocation$cent2 = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.centerValue) !== null && _spendAllocation$cent2 !== void 0 ? _spendAllocation$cent2 : hasPaidOverview ? emptySpendAllocation.centerValue : "$80.3K",
+          items: (_spendAllocation$item = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.items) !== null && _spendAllocation$item !== void 0 ? _spendAllocation$item : hasPaidOverview ? emptySpendAllocation.items : [{
             label: "Meta Ads",
             val: "40.8%",
             color: "#4267B2"
@@ -18707,7 +18719,7 @@ var PaidSection = function PaidSection(_ref) {
           paddingTop: "0px !important"
         },
         children: /*#__PURE__*/jsxRuntime.jsx(TopPerformingCampaignsCard, {
-          data: topCampaignsData
+          data: topCampaignsData !== null && topCampaignsData !== void 0 ? topCampaignsData : hasPaidOverview ? [] : null
         })
       }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
         item: true,
@@ -18819,7 +18831,6 @@ var OrganicSection = function OrganicSection(_ref) {
           data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
-          avatarSx: conversionRateAvatarSx,
           money: false,
           warning: false,
           error: false
@@ -18840,7 +18851,6 @@ var OrganicSection = function OrganicSection(_ref) {
           data: [110, 125, 120, 135, 130, 128, 130.58],
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
-          avatarSx: avgDonationAvatarSx,
           money: true,
           warning: false,
           error: false
@@ -18894,7 +18904,6 @@ var OrganicSection = function OrganicSection(_ref) {
         data: conversionSeries.data,
         categories: conversionSeries.categories,
         icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
-        avatarSx: conversionRateAvatarSx,
         money: false,
         warning: false,
         error: false
@@ -18915,7 +18924,6 @@ var OrganicSection = function OrganicSection(_ref) {
         data: avgDonationSeries.data,
         categories: avgDonationSeries.categories,
         icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
-        avatarSx: avgDonationAvatarSx,
         money: true,
         warning: false,
         error: false
@@ -19004,7 +19012,6 @@ var OrganicSection = function OrganicSection(_ref) {
       value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
-      avatarSx: metricInfo[title].avatarSx,
       error: metricInfo[title].error,
       active: activeMetric === title,
       onClick: function onClick() {
@@ -19443,48 +19450,33 @@ var ClicksIcon = function ClicksIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsx("path", {
+    children: /*#__PURE__*/jsxRuntime.jsx("path", {
       fill: "#4e47e5",
       d: "M8.67,3.89c1.47.96,5.13,4.83,6.65,6.32,2.68,2.62,2.05,3.43-1.42,4.38.14,1.83,3.51,5.26.32,5.86-2.26.42-2.08-3.82-3.14-4.46-.37-.22-3.44,2.15-4.06-.03l.2-11.77c.17-.93.83-.7,1.45-.29Z"
-    })]
+    })
   }));
 };
-var clicksAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var _excluded$3 = ["size"];
 var CtrIcon = function CtrIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsxs("g", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M11.91,6.57c.47,1.76-1.75,2.91-2.89,1.49-.78-.97-.19-2.54,1.05-2.69.83-.1,1.62.39,1.84,1.2Z"
@@ -19497,33 +19489,23 @@ var CtrIcon = function CtrIcon(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M21.81,15.47c-.15.41-.32.81-.52,1.2l-1.53-1.53c-.15-.12-.35-.13-.51-.03l-1.05,1.04-1.39-4.01-.43-1.25,1.19.4,4.07,1.39s-.01.05-.03.07c-.23.33-.77.67-1,.99-.12.17-.12.37.01.53l1.19,1.19Z"
       })]
-    })]
+    })
   }));
 };
-var ctrAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var _excluded$2 = ["size"];
 var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded$2);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsxs("g", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M21.48,13.53l-.86-.82s.02-.02.04-.03c.26-.24.42-.39.5-.51.13-.12.15-.25.15-.34,0-.21-.16-.33-.22-.38l-.07-.05-1.82-.48c0-.42.03-.33-.21-1.09-1.71-5.45-8.56-7.09-12.51-2.93-1.82,1.92-2.47,4.91-1.61,7.41,2,5.78,9.55,6.82,13.1,1.91l1.53,1.55c.06.06.02.12,0,.18-.12.24-.81.92-1.04,1.13C10.09,26.66-2.15,16.26,3.64,6.91,8.65-1.2,21.22,2.08,21.56,11.51c0,.18.04,1.93-.09,2.02Z"
@@ -19532,33 +19514,23 @@ var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M21.86,15.21l-1.89,1.89-2.14-2.12c-.13-.02-1.03,1.02-1.23,1.16l-.06-.23-1.55-5.67,2.94.78,1.29.34,1.61.43c.11.09.05.07,0,.14-.06.09-.28.3-.51.51-.29.27-.59.56-.58.64l2.12,2.14Z"
       })]
-    })]
+    })
   }));
 };
-var revenuePerClickAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var _excluded$1 = ["size"];
 var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsxs("g", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M19.63,6.12l-.02.11c-.17.15-.33.3-.5.45h-1.93v.94c-.74.14-1.38.52-1.79,1.08-.4.53-.56,1.18-.46,1.86-.93.87-1.86,1.74-2.81,2.6-.16.14-.46.45-.62.55-.19.12-.39.09-.55-.05L3.47,6.23l-.05-.11h16.21Z"
@@ -19573,33 +19545,23 @@ var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M21.14,12.94c-.16-.48-.45-.78-.8-1.01-.48-.3-1.07-.45-1.62-.67v-2.14c.71.1,1.13.64,1.15,1.34h1.22c0-.74-.28-1.36-.75-1.79-.36-.33-.82-.56-1.35-.66-.09-.02-.18-.03-.27-.04v-.9h-1.15v.9c-1.27.1-2.31,1-2.28,2.25,0,.15.02.3.05.45.04.19.11.36.21.51.41.66,1.27.97,2.02,1.14v2.5c-.78-.15-1.35-.79-1.34-1.6h-1.12c-.14,0-.03.65,0,.77.27,1.21,1.31,1.85,2.47,2.05v.9h1.15v-.9c.16,0,.32-.02.48-.06.42-.09.82-.27,1.15-.52.74-.57,1.14-1.49.8-2.51ZM17.56,11.04c-.61-.08-.96-.4-1.05-.75-.13-.49.23-1.06,1.05-1.17v1.92ZM18.72,14.88v-2.3c1.76.3,1.79,2.09,0,2.3Z"
       })]
-    })]
+    })
   }));
 };
-var revenuePerEmailAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var _excluded = ["size"];
 var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 30 : _ref$size,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: size,
     height: size,
     "aria-hidden": "true"
   }, props), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxRuntime.jsxs("g", {
+    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M16.11,16.86c.11.39.24.81.41,1.19-.1.02-.22.03-.35.04-3.82.27-7.97-.21-11.82,0-1.71.02-1.24-1.41-.85-2.5.54-1.56,1.73-3.12,3.14-3.98.17-.1.96-.53,1.1-.55.28-.05.52.19.78.28,1.07.36,1.9.45,3.01.15.11-.03.3-.11.49-.19l-.07,3.92.02.08c.22.76.76,1.19,1.53,1.19.67,0,1.4-.33,1.93-.57.09-.04.2-.09.29-.13.03.05.06.12.1.21.1.24.19.54.29.86Z"
@@ -19608,14 +19570,9 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("path", {
         d: "M18.28,14.01c.12,1.54,2.94,4.41.27,4.91-.77.14-1.2-.36-1.5-1.04-.44-1-.6-2.39-1.13-2.71-.31-.19-2.88,1.8-3.41-.03l.07-4.07.02-1.23.08-4.56c.1-.52.37-.61.7-.51.16.05.34.15.52.26,1.23.81,4.3,4.05,5.58,5.3,2.25,2.2,1.72,2.87-1.19,3.67Z"
       })]
-    })]
+    })
   }));
 };
-var uniqueClicksAvatarSx = {
-  width: 30,
-  height: 30,
-  bgcolor: "transparent"
-};
 
 var formatGrowth = function formatGrowth(value, dateName) {
   return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
@@ -19710,7 +19667,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "3.2%",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
-          avatarSx: conversionRateAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19719,7 +19675,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "8.1%",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
-          avatarSx: ctrAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19728,7 +19683,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "$".concat(formatNumber(2.45)),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
-          avatarSx: revenuePerEmailAvatarSx,
           money: true,
           error: false,
           warning: false
@@ -19745,7 +19699,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "1,612",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
-          avatarSx: clicksAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19754,7 +19707,6 @@ var EmailSection = function EmailSection(_ref) {
           value: formatNumber(1148),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
-          avatarSx: uniqueClicksAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19771,7 +19723,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "$".concat(formatNumber(30.35)),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
-          avatarSx: revenuePerClickAvatarSx,
           money: true,
           error: false,
           warning: false
@@ -19799,7 +19750,6 @@ var EmailSection = function EmailSection(_ref) {
         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, {}),
-        avatarSx: conversionRateAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19808,7 +19758,6 @@ var EmailSection = function EmailSection(_ref) {
         value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
         subValue: growthCaption("ctr"),
         icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
-        avatarSx: ctrAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19817,7 +19766,6 @@ var EmailSection = function EmailSection(_ref) {
         value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
         subValue: growthCaption("revenuePerEmail"),
         icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
-        avatarSx: revenuePerEmailAvatarSx,
         money: true,
         error: false,
         warning: false
@@ -19834,7 +19782,6 @@ var EmailSection = function EmailSection(_ref) {
         value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
         subValue: growthCaption("totalClicks", deliverabilityGrowth),
         icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
-        avatarSx: clicksAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19843,7 +19790,6 @@ var EmailSection = function EmailSection(_ref) {
         value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
         subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
         icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
-        avatarSx: uniqueClicksAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19860,7 +19806,6 @@ var EmailSection = function EmailSection(_ref) {
         value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
         subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
         icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
-        avatarSx: revenuePerClickAvatarSx,
         money: true,
         error: false,
         warning: false
@@ -19912,7 +19857,6 @@ var EmailSection = function EmailSection(_ref) {
       value: metricInfo[title].value,
       caption: metricInfo[title].subValue,
       icon: metricInfo[title].icon,
-      avatarSx: metricInfo[title].avatarSx,
       error: metricInfo[title].error,
       active: activeMetric === title,
       onClick: function onClick() {