@ammarkhalidfarooq/dashboard-package 0.6.98 → 0.6.100

package/dist/index.es.js

@@ -1336,7 +1336,12 @@ var MetricCard$1 = function MetricCard(_ref) {
           width: 30,
           height: 30,
           bgcolor: warning ? "#FFF3CF" : error ? "#fee2e2" : "#EEF2FF",
-          color: warning ? "#B45309" : error ? "#ef4444" : "#4F46E5"
+          color: warning ? "#B45309" : error ? "#ef4444" : "#4F46E5",
+          p: 0.625,
+          "& .MuiSvgIcon-root, & svg": {
+            width: "100%",
+            height: "100%"
+          }
         }, avatarSx),
         children: icon
       })]
@@ -16890,19 +16895,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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxs("g", {
+    children: /*#__PURE__*/jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/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"
@@ -16921,33 +16921,23 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
       }), /*#__PURE__*/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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxs("g", {
+    children: /*#__PURE__*/jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/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"
@@ -16962,33 +16952,23 @@ var ConversionRateIcon = function ConversionRateIcon(_ref) {
       }), /*#__PURE__*/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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxs("g", {
+    children: /*#__PURE__*/jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/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"
@@ -17005,14 +16985,9 @@ var NetRaisedIcon = function NetRaisedIcon(_ref) {
       }), /*#__PURE__*/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";
@@ -17740,7 +17715,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__*/jsx(NetRaisedIcon, {}),
-      avatarSx: netRaisedAvatarSx,
       money: true,
       error: false,
       warning: false
@@ -17759,7 +17733,6 @@ 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__*/jsx(AverageDonationIcon, {}),
-      avatarSx: avgDonationAvatarSx,
       money: true,
       error: false,
       warning: false
@@ -17778,7 +17751,6 @@ var OverallSection = function OverallSection(_ref) {
       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%",
       label: "Conversion Rate",
       icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
-      avatarSx: conversionRateAvatarSx,
       money: false,
       error: false,
       warning: false
@@ -17820,7 +17792,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() {
@@ -18327,7 +18298,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__*/jsx(ConversionRateIcon, {}),
-          avatarSx: conversionRateAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -18338,7 +18308,6 @@ var PaidSection = function PaidSection(_ref) {
           data: [120, 135, 125, 140, 130, 128, 130.58],
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
-          avatarSx: avgDonationAvatarSx,
           money: true,
           error: false,
           warning: false
@@ -18392,7 +18361,6 @@ var PaidSection = function PaidSection(_ref) {
         data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
         categories: fallbackCategories,
         icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
-        avatarSx: conversionRateAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -18403,7 +18371,6 @@ var PaidSection = function PaidSection(_ref) {
         data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
         categories: fallbackCategories,
         icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
-        avatarSx: avgDonationAvatarSx,
         money: true,
         error: false,
         warning: false
@@ -18495,7 +18462,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() {
@@ -18812,7 +18778,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__*/jsx(ConversionRateIcon, {}),
-          avatarSx: conversionRateAvatarSx,
           money: false,
           warning: false,
           error: false
@@ -18833,7 +18798,6 @@ var OrganicSection = function OrganicSection(_ref) {
           data: [110, 125, 120, 135, 130, 128, 130.58],
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
-          avatarSx: avgDonationAvatarSx,
           money: true,
           warning: false,
           error: false
@@ -18887,7 +18851,6 @@ var OrganicSection = function OrganicSection(_ref) {
         data: conversionSeries.data,
         categories: conversionSeries.categories,
         icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
-        avatarSx: conversionRateAvatarSx,
         money: false,
         warning: false,
         error: false
@@ -18908,7 +18871,6 @@ var OrganicSection = function OrganicSection(_ref) {
         data: avgDonationSeries.data,
         categories: avgDonationSeries.categories,
         icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
-        avatarSx: avgDonationAvatarSx,
         money: true,
         warning: false,
         error: false
@@ -18997,7 +18959,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() {
@@ -19436,48 +19397,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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsx("path", {
+    children: /*#__PURE__*/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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxs("g", {
+    children: /*#__PURE__*/jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/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"
@@ -19490,33 +19436,23 @@ var CtrIcon = function CtrIcon(_ref) {
       }), /*#__PURE__*/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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxs("g", {
+    children: /*#__PURE__*/jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/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"
@@ -19525,33 +19461,23 @@ var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
       }), /*#__PURE__*/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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxs("g", {
+    children: /*#__PURE__*/jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/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"
@@ -19566,33 +19492,23 @@ var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
       }), /*#__PURE__*/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__*/jsxs("svg", _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/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__*/jsx("circle", {
-      cx: "12",
-      cy: "12",
-      r: "12",
-      fill: "#f1f3ff"
-    }), /*#__PURE__*/jsxs("g", {
+    children: /*#__PURE__*/jsxs("g", {
       fill: "#4e47e5",
       children: [/*#__PURE__*/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"
@@ -19601,14 +19517,9 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
       }), /*#__PURE__*/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");
@@ -19703,7 +19614,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "3.2%",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
-          avatarSx: conversionRateAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19712,7 +19622,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "8.1%",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsx(CtrIcon, {}),
-          avatarSx: ctrAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19721,7 +19630,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "$".concat(formatNumber(2.45)),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
-          avatarSx: revenuePerEmailAvatarSx,
           money: true,
           error: false,
           warning: false
@@ -19738,7 +19646,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "1,612",
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsx(ClicksIcon, {}),
-          avatarSx: clicksAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19747,7 +19654,6 @@ var EmailSection = function EmailSection(_ref) {
           value: formatNumber(1148),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
-          avatarSx: uniqueClicksAvatarSx,
           money: false,
           error: false,
           warning: false
@@ -19764,7 +19670,6 @@ var EmailSection = function EmailSection(_ref) {
           value: "$".concat(formatNumber(30.35)),
           subValue: "12% vs pp",
           icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
-          avatarSx: revenuePerClickAvatarSx,
           money: true,
           error: false,
           warning: false
@@ -19792,7 +19697,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__*/jsx(ConversionRateIcon, {}),
-        avatarSx: conversionRateAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19801,7 +19705,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__*/jsx(CtrIcon, {}),
-        avatarSx: ctrAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19810,7 +19713,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__*/jsx(RevenuePerEmailIcon, {}),
-        avatarSx: revenuePerEmailAvatarSx,
         money: true,
         error: false,
         warning: false
@@ -19827,7 +19729,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__*/jsx(ClicksIcon, {}),
-        avatarSx: clicksAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19836,7 +19737,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__*/jsx(UniqueClicksIcon, {}),
-        avatarSx: uniqueClicksAvatarSx,
         money: false,
         error: false,
         warning: false
@@ -19853,7 +19753,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__*/jsx(RevenuePerClickIcon, {}),
-        avatarSx: revenuePerClickAvatarSx,
         money: true,
         error: false,
         warning: false
@@ -19905,7 +19804,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() {