@ammarkhalidfarooq/dashboard-package 0.6.98 → 0.6.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -1338,7 +1338,12 @@ var MetricCard$1 = function MetricCard(_ref) {
1338
1338
  width: 30,
1339
1339
  height: 30,
1340
1340
  bgcolor: warning ? "#FFF3CF" : error ? "#fee2e2" : "#EEF2FF",
1341
- color: warning ? "#B45309" : error ? "#ef4444" : "#4F46E5"
1341
+ color: warning ? "#B45309" : error ? "#ef4444" : "#4F46E5",
1342
+ p: 0.625,
1343
+ "& .MuiSvgIcon-root, & svg": {
1344
+ width: "100%",
1345
+ height: "100%"
1346
+ }
1342
1347
  }, avatarSx),
1343
1348
  children: icon
1344
1349
  })]
@@ -16892,19 +16897,14 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
16892
16897
  var _ref$size = _ref.size,
16893
16898
  size = _ref$size === void 0 ? 30 : _ref$size,
16894
16899
  props = _objectWithoutProperties(_ref, _excluded$7);
16895
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
16900
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
16896
16901
  xmlns: "http://www.w3.org/2000/svg",
16897
16902
  viewBox: "0 0 24 24",
16898
16903
  width: size,
16899
16904
  height: size,
16900
16905
  "aria-hidden": "true"
16901
16906
  }, props), {}, {
16902
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
16903
- cx: "12",
16904
- cy: "12",
16905
- r: "12",
16906
- fill: "#f1f3ff"
16907
- }), /*#__PURE__*/jsxRuntime.jsxs("g", {
16907
+ children: /*#__PURE__*/jsxRuntime.jsxs("g", {
16908
16908
  fill: "#4e47e5",
16909
16909
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
16910
16910
  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"
@@ -16923,33 +16923,23 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
16923
16923
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
16924
16924
  d: "M12,6.12c-.34.26-1.44-1.2-.91-1.34.36-.09,1.19,1.13.91,1.34Z"
16925
16925
  })]
16926
- })]
16926
+ })
16927
16927
  }));
16928
16928
  };
16929
- var avgDonationAvatarSx = {
16930
- width: 30,
16931
- height: 30,
16932
- bgcolor: "transparent"
16933
- };
16934
16929
 
16935
16930
  var _excluded$6 = ["size"];
16936
16931
  var ConversionRateIcon = function ConversionRateIcon(_ref) {
16937
16932
  var _ref$size = _ref.size,
16938
16933
  size = _ref$size === void 0 ? 30 : _ref$size,
16939
16934
  props = _objectWithoutProperties(_ref, _excluded$6);
16940
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
16935
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
16941
16936
  xmlns: "http://www.w3.org/2000/svg",
16942
16937
  viewBox: "0 0 24 24",
16943
16938
  width: size,
16944
16939
  height: size,
16945
16940
  "aria-hidden": "true"
16946
16941
  }, props), {}, {
16947
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
16948
- cx: "12",
16949
- cy: "12",
16950
- r: "12",
16951
- fill: "#f1f3ff"
16952
- }), /*#__PURE__*/jsxRuntime.jsxs("g", {
16942
+ children: /*#__PURE__*/jsxRuntime.jsxs("g", {
16953
16943
  fill: "#4e47e5",
16954
16944
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
16955
16945
  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"
@@ -16964,33 +16954,23 @@ var ConversionRateIcon = function ConversionRateIcon(_ref) {
16964
16954
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
16965
16955
  d: "M11.46,5.84h-3.35c.41-1.76,2.96-1.77,3.35,0Z"
16966
16956
  })]
16967
- })]
16957
+ })
16968
16958
  }));
16969
16959
  };
16970
- var conversionRateAvatarSx = {
16971
- width: 30,
16972
- height: 30,
16973
- bgcolor: "transparent"
16974
- };
16975
16960
 
16976
16961
  var _excluded$5 = ["size"];
16977
16962
  var NetRaisedIcon = function NetRaisedIcon(_ref) {
16978
16963
  var _ref$size = _ref.size,
16979
16964
  size = _ref$size === void 0 ? 30 : _ref$size,
16980
16965
  props = _objectWithoutProperties(_ref, _excluded$5);
16981
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
16966
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
16982
16967
  xmlns: "http://www.w3.org/2000/svg",
16983
16968
  viewBox: "0 0 24 24",
16984
16969
  width: size,
16985
16970
  height: size,
16986
16971
  "aria-hidden": "true"
16987
16972
  }, props), {}, {
16988
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
16989
- cx: "12",
16990
- cy: "12",
16991
- r: "12",
16992
- fill: "#f1f3ff"
16993
- }), /*#__PURE__*/jsxRuntime.jsxs("g", {
16973
+ children: /*#__PURE__*/jsxRuntime.jsxs("g", {
16994
16974
  fill: "#4e47e5",
16995
16975
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
16996
16976
  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"
@@ -17007,14 +16987,9 @@ var NetRaisedIcon = function NetRaisedIcon(_ref) {
17007
16987
  }), /*#__PURE__*/jsxRuntime.jsx("polygon", {
17008
16988
  points: "6.1 15.16 6.1 16.74 4.81 16.19 4.81 15.16"
17009
16989
  })]
17010
- })]
16990
+ })
17011
16991
  }));
17012
16992
  };
17013
- var netRaisedAvatarSx = {
17014
- width: 30,
17015
- height: 30,
17016
- bgcolor: "transparent"
17017
- };
17018
16993
 
17019
16994
  var CARD_BORDER = "1.5px solid #F1F1F5";
17020
16995
  var PANEL_BORDER = "1px solid #f0f0f0";
@@ -17742,7 +17717,6 @@ var OverallSection = function OverallSection(_ref) {
17742
17717
  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 "),
17743
17718
  label: "Net Raised",
17744
17719
  icon: /*#__PURE__*/jsxRuntime.jsx(NetRaisedIcon, {}),
17745
- avatarSx: netRaisedAvatarSx,
17746
17720
  money: true,
17747
17721
  error: false,
17748
17722
  warning: false
@@ -17761,7 +17735,6 @@ var OverallSection = function OverallSection(_ref) {
17761
17735
  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 "),
17762
17736
  label: "Average Donation Amount",
17763
17737
  icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
17764
- avatarSx: avgDonationAvatarSx,
17765
17738
  money: true,
17766
17739
  error: false,
17767
17740
  warning: false
@@ -17780,7 +17753,6 @@ var OverallSection = function OverallSection(_ref) {
17780
17753
  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%",
17781
17754
  label: "Conversion Rate",
17782
17755
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
17783
- avatarSx: conversionRateAvatarSx,
17784
17756
  money: false,
17785
17757
  error: false,
17786
17758
  warning: false
@@ -17822,7 +17794,6 @@ var OverallSection = function OverallSection(_ref) {
17822
17794
  value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
17823
17795
  caption: metricInfo[title].subValue,
17824
17796
  icon: metricInfo[title].icon,
17825
- avatarSx: metricInfo[title].avatarSx,
17826
17797
  error: metricInfo[title].error,
17827
17798
  active: activeMetric === title,
17828
17799
  onClick: function onClick() {
@@ -18329,7 +18300,6 @@ var PaidSection = function PaidSection(_ref) {
18329
18300
  data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
18330
18301
  categories: fallbackCategories,
18331
18302
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
18332
- avatarSx: conversionRateAvatarSx,
18333
18303
  money: false,
18334
18304
  error: false,
18335
18305
  warning: false
@@ -18340,7 +18310,6 @@ var PaidSection = function PaidSection(_ref) {
18340
18310
  data: [120, 135, 125, 140, 130, 128, 130.58],
18341
18311
  categories: fallbackCategories,
18342
18312
  icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
18343
- avatarSx: avgDonationAvatarSx,
18344
18313
  money: true,
18345
18314
  error: false,
18346
18315
  warning: false
@@ -18394,7 +18363,6 @@ var PaidSection = function PaidSection(_ref) {
18394
18363
  data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
18395
18364
  categories: fallbackCategories,
18396
18365
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
18397
- avatarSx: conversionRateAvatarSx,
18398
18366
  money: false,
18399
18367
  error: false,
18400
18368
  warning: false
@@ -18405,7 +18373,6 @@ var PaidSection = function PaidSection(_ref) {
18405
18373
  data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
18406
18374
  categories: fallbackCategories,
18407
18375
  icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
18408
- avatarSx: avgDonationAvatarSx,
18409
18376
  money: true,
18410
18377
  error: false,
18411
18378
  warning: false
@@ -18497,7 +18464,6 @@ var PaidSection = function PaidSection(_ref) {
18497
18464
  value: metricInfo[title].value,
18498
18465
  caption: metricInfo[title].subValue,
18499
18466
  icon: metricInfo[title].icon,
18500
- avatarSx: metricInfo[title].avatarSx,
18501
18467
  error: metricInfo[title].error,
18502
18468
  active: activeMetric === title,
18503
18469
  onClick: function onClick() {
@@ -18814,7 +18780,6 @@ var OrganicSection = function OrganicSection(_ref) {
18814
18780
  data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
18815
18781
  categories: fallbackCategories,
18816
18782
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
18817
- avatarSx: conversionRateAvatarSx,
18818
18783
  money: false,
18819
18784
  warning: false,
18820
18785
  error: false
@@ -18835,7 +18800,6 @@ var OrganicSection = function OrganicSection(_ref) {
18835
18800
  data: [110, 125, 120, 135, 130, 128, 130.58],
18836
18801
  categories: fallbackCategories,
18837
18802
  icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
18838
- avatarSx: avgDonationAvatarSx,
18839
18803
  money: true,
18840
18804
  warning: false,
18841
18805
  error: false
@@ -18889,7 +18853,6 @@ var OrganicSection = function OrganicSection(_ref) {
18889
18853
  data: conversionSeries.data,
18890
18854
  categories: conversionSeries.categories,
18891
18855
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
18892
- avatarSx: conversionRateAvatarSx,
18893
18856
  money: false,
18894
18857
  warning: false,
18895
18858
  error: false
@@ -18910,7 +18873,6 @@ var OrganicSection = function OrganicSection(_ref) {
18910
18873
  data: avgDonationSeries.data,
18911
18874
  categories: avgDonationSeries.categories,
18912
18875
  icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
18913
- avatarSx: avgDonationAvatarSx,
18914
18876
  money: true,
18915
18877
  warning: false,
18916
18878
  error: false
@@ -18999,7 +18961,6 @@ var OrganicSection = function OrganicSection(_ref) {
18999
18961
  value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
19000
18962
  caption: metricInfo[title].subValue,
19001
18963
  icon: metricInfo[title].icon,
19002
- avatarSx: metricInfo[title].avatarSx,
19003
18964
  error: metricInfo[title].error,
19004
18965
  active: activeMetric === title,
19005
18966
  onClick: function onClick() {
@@ -19438,48 +19399,33 @@ var ClicksIcon = function ClicksIcon(_ref) {
19438
19399
  var _ref$size = _ref.size,
19439
19400
  size = _ref$size === void 0 ? 30 : _ref$size,
19440
19401
  props = _objectWithoutProperties(_ref, _excluded$4);
19441
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
19402
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
19442
19403
  xmlns: "http://www.w3.org/2000/svg",
19443
19404
  viewBox: "0 0 24 24",
19444
19405
  width: size,
19445
19406
  height: size,
19446
19407
  "aria-hidden": "true"
19447
19408
  }, props), {}, {
19448
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
19449
- cx: "12",
19450
- cy: "12",
19451
- r: "12",
19452
- fill: "#f1f3ff"
19453
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
19409
+ children: /*#__PURE__*/jsxRuntime.jsx("path", {
19454
19410
  fill: "#4e47e5",
19455
19411
  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"
19456
- })]
19412
+ })
19457
19413
  }));
19458
19414
  };
19459
- var clicksAvatarSx = {
19460
- width: 30,
19461
- height: 30,
19462
- bgcolor: "transparent"
19463
- };
19464
19415
 
19465
19416
  var _excluded$3 = ["size"];
19466
19417
  var CtrIcon = function CtrIcon(_ref) {
19467
19418
  var _ref$size = _ref.size,
19468
19419
  size = _ref$size === void 0 ? 30 : _ref$size,
19469
19420
  props = _objectWithoutProperties(_ref, _excluded$3);
19470
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
19421
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
19471
19422
  xmlns: "http://www.w3.org/2000/svg",
19472
19423
  viewBox: "0 0 24 24",
19473
19424
  width: size,
19474
19425
  height: size,
19475
19426
  "aria-hidden": "true"
19476
19427
  }, props), {}, {
19477
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
19478
- cx: "12",
19479
- cy: "12",
19480
- r: "12",
19481
- fill: "#f1f3ff"
19482
- }), /*#__PURE__*/jsxRuntime.jsxs("g", {
19428
+ children: /*#__PURE__*/jsxRuntime.jsxs("g", {
19483
19429
  fill: "#4e47e5",
19484
19430
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
19485
19431
  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"
@@ -19492,33 +19438,23 @@ var CtrIcon = function CtrIcon(_ref) {
19492
19438
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
19493
19439
  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"
19494
19440
  })]
19495
- })]
19441
+ })
19496
19442
  }));
19497
19443
  };
19498
- var ctrAvatarSx = {
19499
- width: 30,
19500
- height: 30,
19501
- bgcolor: "transparent"
19502
- };
19503
19444
 
19504
19445
  var _excluded$2 = ["size"];
19505
19446
  var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
19506
19447
  var _ref$size = _ref.size,
19507
19448
  size = _ref$size === void 0 ? 30 : _ref$size,
19508
19449
  props = _objectWithoutProperties(_ref, _excluded$2);
19509
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
19450
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
19510
19451
  xmlns: "http://www.w3.org/2000/svg",
19511
19452
  viewBox: "0 0 24 24",
19512
19453
  width: size,
19513
19454
  height: size,
19514
19455
  "aria-hidden": "true"
19515
19456
  }, props), {}, {
19516
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
19517
- cx: "12",
19518
- cy: "12",
19519
- r: "12",
19520
- fill: "#f1f3ff"
19521
- }), /*#__PURE__*/jsxRuntime.jsxs("g", {
19457
+ children: /*#__PURE__*/jsxRuntime.jsxs("g", {
19522
19458
  fill: "#4e47e5",
19523
19459
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
19524
19460
  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"
@@ -19527,33 +19463,23 @@ var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
19527
19463
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
19528
19464
  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"
19529
19465
  })]
19530
- })]
19466
+ })
19531
19467
  }));
19532
19468
  };
19533
- var revenuePerClickAvatarSx = {
19534
- width: 30,
19535
- height: 30,
19536
- bgcolor: "transparent"
19537
- };
19538
19469
 
19539
19470
  var _excluded$1 = ["size"];
19540
19471
  var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
19541
19472
  var _ref$size = _ref.size,
19542
19473
  size = _ref$size === void 0 ? 30 : _ref$size,
19543
19474
  props = _objectWithoutProperties(_ref, _excluded$1);
19544
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
19475
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
19545
19476
  xmlns: "http://www.w3.org/2000/svg",
19546
19477
  viewBox: "0 0 24 24",
19547
19478
  width: size,
19548
19479
  height: size,
19549
19480
  "aria-hidden": "true"
19550
19481
  }, props), {}, {
19551
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
19552
- cx: "12",
19553
- cy: "12",
19554
- r: "12",
19555
- fill: "#f1f3ff"
19556
- }), /*#__PURE__*/jsxRuntime.jsxs("g", {
19482
+ children: /*#__PURE__*/jsxRuntime.jsxs("g", {
19557
19483
  fill: "#4e47e5",
19558
19484
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
19559
19485
  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"
@@ -19568,33 +19494,23 @@ var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
19568
19494
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
19569
19495
  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"
19570
19496
  })]
19571
- })]
19497
+ })
19572
19498
  }));
19573
19499
  };
19574
- var revenuePerEmailAvatarSx = {
19575
- width: 30,
19576
- height: 30,
19577
- bgcolor: "transparent"
19578
- };
19579
19500
 
19580
19501
  var _excluded = ["size"];
19581
19502
  var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
19582
19503
  var _ref$size = _ref.size,
19583
19504
  size = _ref$size === void 0 ? 30 : _ref$size,
19584
19505
  props = _objectWithoutProperties(_ref, _excluded);
19585
- return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
19506
+ return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
19586
19507
  xmlns: "http://www.w3.org/2000/svg",
19587
19508
  viewBox: "0 0 24 24",
19588
19509
  width: size,
19589
19510
  height: size,
19590
19511
  "aria-hidden": "true"
19591
19512
  }, props), {}, {
19592
- children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
19593
- cx: "12",
19594
- cy: "12",
19595
- r: "12",
19596
- fill: "#f1f3ff"
19597
- }), /*#__PURE__*/jsxRuntime.jsxs("g", {
19513
+ children: /*#__PURE__*/jsxRuntime.jsxs("g", {
19598
19514
  fill: "#4e47e5",
19599
19515
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
19600
19516
  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"
@@ -19603,14 +19519,9 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
19603
19519
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
19604
19520
  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"
19605
19521
  })]
19606
- })]
19522
+ })
19607
19523
  }));
19608
19524
  };
19609
- var uniqueClicksAvatarSx = {
19610
- width: 30,
19611
- height: 30,
19612
- bgcolor: "transparent"
19613
- };
19614
19525
 
19615
19526
  var formatGrowth = function formatGrowth(value, dateName) {
19616
19527
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
@@ -19705,7 +19616,6 @@ var EmailSection = function EmailSection(_ref) {
19705
19616
  value: "3.2%",
19706
19617
  subValue: "12% vs pp",
19707
19618
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
19708
- avatarSx: conversionRateAvatarSx,
19709
19619
  money: false,
19710
19620
  error: false,
19711
19621
  warning: false
@@ -19714,7 +19624,6 @@ var EmailSection = function EmailSection(_ref) {
19714
19624
  value: "8.1%",
19715
19625
  subValue: "12% vs pp",
19716
19626
  icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
19717
- avatarSx: ctrAvatarSx,
19718
19627
  money: false,
19719
19628
  error: false,
19720
19629
  warning: false
@@ -19723,7 +19632,6 @@ var EmailSection = function EmailSection(_ref) {
19723
19632
  value: "$".concat(formatNumber(2.45)),
19724
19633
  subValue: "12% vs pp",
19725
19634
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
19726
- avatarSx: revenuePerEmailAvatarSx,
19727
19635
  money: true,
19728
19636
  error: false,
19729
19637
  warning: false
@@ -19740,7 +19648,6 @@ var EmailSection = function EmailSection(_ref) {
19740
19648
  value: "1,612",
19741
19649
  subValue: "12% vs pp",
19742
19650
  icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
19743
- avatarSx: clicksAvatarSx,
19744
19651
  money: false,
19745
19652
  error: false,
19746
19653
  warning: false
@@ -19749,7 +19656,6 @@ var EmailSection = function EmailSection(_ref) {
19749
19656
  value: formatNumber(1148),
19750
19657
  subValue: "12% vs pp",
19751
19658
  icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
19752
- avatarSx: uniqueClicksAvatarSx,
19753
19659
  money: false,
19754
19660
  error: false,
19755
19661
  warning: false
@@ -19766,7 +19672,6 @@ var EmailSection = function EmailSection(_ref) {
19766
19672
  value: "$".concat(formatNumber(30.35)),
19767
19673
  subValue: "12% vs pp",
19768
19674
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
19769
- avatarSx: revenuePerClickAvatarSx,
19770
19675
  money: true,
19771
19676
  error: false,
19772
19677
  warning: false
@@ -19794,7 +19699,6 @@ var EmailSection = function EmailSection(_ref) {
19794
19699
  value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
19795
19700
  subValue: growthCaption("conversionRate"),
19796
19701
  icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
19797
- avatarSx: conversionRateAvatarSx,
19798
19702
  money: false,
19799
19703
  error: false,
19800
19704
  warning: false
@@ -19803,7 +19707,6 @@ var EmailSection = function EmailSection(_ref) {
19803
19707
  value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
19804
19708
  subValue: growthCaption("ctr"),
19805
19709
  icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
19806
- avatarSx: ctrAvatarSx,
19807
19710
  money: false,
19808
19711
  error: false,
19809
19712
  warning: false
@@ -19812,7 +19715,6 @@ var EmailSection = function EmailSection(_ref) {
19812
19715
  value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
19813
19716
  subValue: growthCaption("revenuePerEmail"),
19814
19717
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
19815
- avatarSx: revenuePerEmailAvatarSx,
19816
19718
  money: true,
19817
19719
  error: false,
19818
19720
  warning: false
@@ -19829,7 +19731,6 @@ var EmailSection = function EmailSection(_ref) {
19829
19731
  value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
19830
19732
  subValue: growthCaption("totalClicks", deliverabilityGrowth),
19831
19733
  icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
19832
- avatarSx: clicksAvatarSx,
19833
19734
  money: false,
19834
19735
  error: false,
19835
19736
  warning: false
@@ -19838,7 +19739,6 @@ var EmailSection = function EmailSection(_ref) {
19838
19739
  value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
19839
19740
  subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
19840
19741
  icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
19841
- avatarSx: uniqueClicksAvatarSx,
19842
19742
  money: false,
19843
19743
  error: false,
19844
19744
  warning: false
@@ -19855,7 +19755,6 @@ var EmailSection = function EmailSection(_ref) {
19855
19755
  value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
19856
19756
  subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
19857
19757
  icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
19858
- avatarSx: revenuePerClickAvatarSx,
19859
19758
  money: true,
19860
19759
  error: false,
19861
19760
  warning: false
@@ -19907,7 +19806,6 @@ var EmailSection = function EmailSection(_ref) {
19907
19806
  value: metricInfo[title].value,
19908
19807
  caption: metricInfo[title].subValue,
19909
19808
  icon: metricInfo[title].icon,
19910
- avatarSx: metricInfo[title].avatarSx,
19911
19809
  error: metricInfo[title].error,
19912
19810
  active: activeMetric === title,
19913
19811
  onClick: function onClick() {