@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/MetricCard.cjs.js +6 -1
- package/dist/MetricCard.cjs.js.map +1 -1
- package/dist/MetricCard.es.js +6 -1
- package/dist/MetricCard.es.js.map +1 -1
- package/dist/index.cjs.js +30 -132
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +30 -132
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
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.
|
|
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:
|
|
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.
|
|
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:
|
|
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.
|
|
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:
|
|
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.
|
|
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:
|
|
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.
|
|
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:
|
|
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.
|
|
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:
|
|
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.
|
|
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:
|
|
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.
|
|
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:
|
|
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() {
|