@ammarkhalidfarooq/dashboard-package 0.6.99 → 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 +24 -131
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +24 -131
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -16897,19 +16897,14 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
|
|
|
16897
16897
|
var _ref$size = _ref.size,
|
|
16898
16898
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16899
16899
|
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
16900
|
-
return /*#__PURE__*/jsxRuntime.
|
|
16900
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
16901
16901
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16902
16902
|
viewBox: "0 0 24 24",
|
|
16903
16903
|
width: size,
|
|
16904
16904
|
height: size,
|
|
16905
16905
|
"aria-hidden": "true"
|
|
16906
16906
|
}, props), {}, {
|
|
16907
|
-
children:
|
|
16908
|
-
cx: "12",
|
|
16909
|
-
cy: "12",
|
|
16910
|
-
r: "12",
|
|
16911
|
-
fill: "#f1f3ff"
|
|
16912
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16907
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16913
16908
|
fill: "#4e47e5",
|
|
16914
16909
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16915
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"
|
|
@@ -16928,33 +16923,23 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
|
|
|
16928
16923
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16929
16924
|
d: "M12,6.12c-.34.26-1.44-1.2-.91-1.34.36-.09,1.19,1.13.91,1.34Z"
|
|
16930
16925
|
})]
|
|
16931
|
-
})
|
|
16926
|
+
})
|
|
16932
16927
|
}));
|
|
16933
16928
|
};
|
|
16934
|
-
var avgDonationAvatarSx = {
|
|
16935
|
-
width: 30,
|
|
16936
|
-
height: 30,
|
|
16937
|
-
bgcolor: "transparent"
|
|
16938
|
-
};
|
|
16939
16929
|
|
|
16940
16930
|
var _excluded$6 = ["size"];
|
|
16941
16931
|
var ConversionRateIcon = function ConversionRateIcon(_ref) {
|
|
16942
16932
|
var _ref$size = _ref.size,
|
|
16943
16933
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16944
16934
|
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
16945
|
-
return /*#__PURE__*/jsxRuntime.
|
|
16935
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
16946
16936
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16947
16937
|
viewBox: "0 0 24 24",
|
|
16948
16938
|
width: size,
|
|
16949
16939
|
height: size,
|
|
16950
16940
|
"aria-hidden": "true"
|
|
16951
16941
|
}, props), {}, {
|
|
16952
|
-
children:
|
|
16953
|
-
cx: "12",
|
|
16954
|
-
cy: "12",
|
|
16955
|
-
r: "12",
|
|
16956
|
-
fill: "#f1f3ff"
|
|
16957
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16942
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16958
16943
|
fill: "#4e47e5",
|
|
16959
16944
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16960
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"
|
|
@@ -16969,33 +16954,23 @@ var ConversionRateIcon = function ConversionRateIcon(_ref) {
|
|
|
16969
16954
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16970
16955
|
d: "M11.46,5.84h-3.35c.41-1.76,2.96-1.77,3.35,0Z"
|
|
16971
16956
|
})]
|
|
16972
|
-
})
|
|
16957
|
+
})
|
|
16973
16958
|
}));
|
|
16974
16959
|
};
|
|
16975
|
-
var conversionRateAvatarSx = {
|
|
16976
|
-
width: 30,
|
|
16977
|
-
height: 30,
|
|
16978
|
-
bgcolor: "transparent"
|
|
16979
|
-
};
|
|
16980
16960
|
|
|
16981
16961
|
var _excluded$5 = ["size"];
|
|
16982
16962
|
var NetRaisedIcon = function NetRaisedIcon(_ref) {
|
|
16983
16963
|
var _ref$size = _ref.size,
|
|
16984
16964
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16985
16965
|
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
16986
|
-
return /*#__PURE__*/jsxRuntime.
|
|
16966
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
16987
16967
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16988
16968
|
viewBox: "0 0 24 24",
|
|
16989
16969
|
width: size,
|
|
16990
16970
|
height: size,
|
|
16991
16971
|
"aria-hidden": "true"
|
|
16992
16972
|
}, props), {}, {
|
|
16993
|
-
children:
|
|
16994
|
-
cx: "12",
|
|
16995
|
-
cy: "12",
|
|
16996
|
-
r: "12",
|
|
16997
|
-
fill: "#f1f3ff"
|
|
16998
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16973
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16999
16974
|
fill: "#4e47e5",
|
|
17000
16975
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
17001
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"
|
|
@@ -17012,14 +16987,9 @@ var NetRaisedIcon = function NetRaisedIcon(_ref) {
|
|
|
17012
16987
|
}), /*#__PURE__*/jsxRuntime.jsx("polygon", {
|
|
17013
16988
|
points: "6.1 15.16 6.1 16.74 4.81 16.19 4.81 15.16"
|
|
17014
16989
|
})]
|
|
17015
|
-
})
|
|
16990
|
+
})
|
|
17016
16991
|
}));
|
|
17017
16992
|
};
|
|
17018
|
-
var netRaisedAvatarSx = {
|
|
17019
|
-
width: 30,
|
|
17020
|
-
height: 30,
|
|
17021
|
-
bgcolor: "transparent"
|
|
17022
|
-
};
|
|
17023
16993
|
|
|
17024
16994
|
var CARD_BORDER = "1.5px solid #F1F1F5";
|
|
17025
16995
|
var PANEL_BORDER = "1px solid #f0f0f0";
|
|
@@ -17747,7 +17717,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17747
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 "),
|
|
17748
17718
|
label: "Net Raised",
|
|
17749
17719
|
icon: /*#__PURE__*/jsxRuntime.jsx(NetRaisedIcon, {}),
|
|
17750
|
-
avatarSx: netRaisedAvatarSx,
|
|
17751
17720
|
money: true,
|
|
17752
17721
|
error: false,
|
|
17753
17722
|
warning: false
|
|
@@ -17766,7 +17735,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17766
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 "),
|
|
17767
17736
|
label: "Average Donation Amount",
|
|
17768
17737
|
icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
|
|
17769
|
-
avatarSx: avgDonationAvatarSx,
|
|
17770
17738
|
money: true,
|
|
17771
17739
|
error: false,
|
|
17772
17740
|
warning: false
|
|
@@ -17785,7 +17753,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17785
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%",
|
|
17786
17754
|
label: "Conversion Rate",
|
|
17787
17755
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
17788
|
-
avatarSx: conversionRateAvatarSx,
|
|
17789
17756
|
money: false,
|
|
17790
17757
|
error: false,
|
|
17791
17758
|
warning: false
|
|
@@ -17827,7 +17794,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17827
17794
|
value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
|
|
17828
17795
|
caption: metricInfo[title].subValue,
|
|
17829
17796
|
icon: metricInfo[title].icon,
|
|
17830
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
17831
17797
|
error: metricInfo[title].error,
|
|
17832
17798
|
active: activeMetric === title,
|
|
17833
17799
|
onClick: function onClick() {
|
|
@@ -18334,7 +18300,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18334
18300
|
data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
|
|
18335
18301
|
categories: fallbackCategories,
|
|
18336
18302
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
18337
|
-
avatarSx: conversionRateAvatarSx,
|
|
18338
18303
|
money: false,
|
|
18339
18304
|
error: false,
|
|
18340
18305
|
warning: false
|
|
@@ -18345,7 +18310,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18345
18310
|
data: [120, 135, 125, 140, 130, 128, 130.58],
|
|
18346
18311
|
categories: fallbackCategories,
|
|
18347
18312
|
icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
|
|
18348
|
-
avatarSx: avgDonationAvatarSx,
|
|
18349
18313
|
money: true,
|
|
18350
18314
|
error: false,
|
|
18351
18315
|
warning: false
|
|
@@ -18399,7 +18363,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18399
18363
|
data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
|
|
18400
18364
|
categories: fallbackCategories,
|
|
18401
18365
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
18402
|
-
avatarSx: conversionRateAvatarSx,
|
|
18403
18366
|
money: false,
|
|
18404
18367
|
error: false,
|
|
18405
18368
|
warning: false
|
|
@@ -18410,7 +18373,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18410
18373
|
data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
|
|
18411
18374
|
categories: fallbackCategories,
|
|
18412
18375
|
icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
|
|
18413
|
-
avatarSx: avgDonationAvatarSx,
|
|
18414
18376
|
money: true,
|
|
18415
18377
|
error: false,
|
|
18416
18378
|
warning: false
|
|
@@ -18502,7 +18464,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18502
18464
|
value: metricInfo[title].value,
|
|
18503
18465
|
caption: metricInfo[title].subValue,
|
|
18504
18466
|
icon: metricInfo[title].icon,
|
|
18505
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
18506
18467
|
error: metricInfo[title].error,
|
|
18507
18468
|
active: activeMetric === title,
|
|
18508
18469
|
onClick: function onClick() {
|
|
@@ -18819,7 +18780,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18819
18780
|
data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
|
|
18820
18781
|
categories: fallbackCategories,
|
|
18821
18782
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
18822
|
-
avatarSx: conversionRateAvatarSx,
|
|
18823
18783
|
money: false,
|
|
18824
18784
|
warning: false,
|
|
18825
18785
|
error: false
|
|
@@ -18840,7 +18800,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18840
18800
|
data: [110, 125, 120, 135, 130, 128, 130.58],
|
|
18841
18801
|
categories: fallbackCategories,
|
|
18842
18802
|
icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
|
|
18843
|
-
avatarSx: avgDonationAvatarSx,
|
|
18844
18803
|
money: true,
|
|
18845
18804
|
warning: false,
|
|
18846
18805
|
error: false
|
|
@@ -18894,7 +18853,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18894
18853
|
data: conversionSeries.data,
|
|
18895
18854
|
categories: conversionSeries.categories,
|
|
18896
18855
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
18897
|
-
avatarSx: conversionRateAvatarSx,
|
|
18898
18856
|
money: false,
|
|
18899
18857
|
warning: false,
|
|
18900
18858
|
error: false
|
|
@@ -18915,7 +18873,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18915
18873
|
data: avgDonationSeries.data,
|
|
18916
18874
|
categories: avgDonationSeries.categories,
|
|
18917
18875
|
icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
|
|
18918
|
-
avatarSx: avgDonationAvatarSx,
|
|
18919
18876
|
money: true,
|
|
18920
18877
|
warning: false,
|
|
18921
18878
|
error: false
|
|
@@ -19004,7 +18961,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
19004
18961
|
value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
|
|
19005
18962
|
caption: metricInfo[title].subValue,
|
|
19006
18963
|
icon: metricInfo[title].icon,
|
|
19007
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
19008
18964
|
error: metricInfo[title].error,
|
|
19009
18965
|
active: activeMetric === title,
|
|
19010
18966
|
onClick: function onClick() {
|
|
@@ -19443,48 +19399,33 @@ var ClicksIcon = function ClicksIcon(_ref) {
|
|
|
19443
19399
|
var _ref$size = _ref.size,
|
|
19444
19400
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19445
19401
|
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
19446
|
-
return /*#__PURE__*/jsxRuntime.
|
|
19402
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
19447
19403
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19448
19404
|
viewBox: "0 0 24 24",
|
|
19449
19405
|
width: size,
|
|
19450
19406
|
height: size,
|
|
19451
19407
|
"aria-hidden": "true"
|
|
19452
19408
|
}, props), {}, {
|
|
19453
|
-
children:
|
|
19454
|
-
cx: "12",
|
|
19455
|
-
cy: "12",
|
|
19456
|
-
r: "12",
|
|
19457
|
-
fill: "#f1f3ff"
|
|
19458
|
-
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19409
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19459
19410
|
fill: "#4e47e5",
|
|
19460
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"
|
|
19461
|
-
})
|
|
19412
|
+
})
|
|
19462
19413
|
}));
|
|
19463
19414
|
};
|
|
19464
|
-
var clicksAvatarSx = {
|
|
19465
|
-
width: 30,
|
|
19466
|
-
height: 30,
|
|
19467
|
-
bgcolor: "transparent"
|
|
19468
|
-
};
|
|
19469
19415
|
|
|
19470
19416
|
var _excluded$3 = ["size"];
|
|
19471
19417
|
var CtrIcon = function CtrIcon(_ref) {
|
|
19472
19418
|
var _ref$size = _ref.size,
|
|
19473
19419
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19474
19420
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
19475
|
-
return /*#__PURE__*/jsxRuntime.
|
|
19421
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
19476
19422
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19477
19423
|
viewBox: "0 0 24 24",
|
|
19478
19424
|
width: size,
|
|
19479
19425
|
height: size,
|
|
19480
19426
|
"aria-hidden": "true"
|
|
19481
19427
|
}, props), {}, {
|
|
19482
|
-
children:
|
|
19483
|
-
cx: "12",
|
|
19484
|
-
cy: "12",
|
|
19485
|
-
r: "12",
|
|
19486
|
-
fill: "#f1f3ff"
|
|
19487
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19428
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19488
19429
|
fill: "#4e47e5",
|
|
19489
19430
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19490
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"
|
|
@@ -19497,33 +19438,23 @@ var CtrIcon = function CtrIcon(_ref) {
|
|
|
19497
19438
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19498
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"
|
|
19499
19440
|
})]
|
|
19500
|
-
})
|
|
19441
|
+
})
|
|
19501
19442
|
}));
|
|
19502
19443
|
};
|
|
19503
|
-
var ctrAvatarSx = {
|
|
19504
|
-
width: 30,
|
|
19505
|
-
height: 30,
|
|
19506
|
-
bgcolor: "transparent"
|
|
19507
|
-
};
|
|
19508
19444
|
|
|
19509
19445
|
var _excluded$2 = ["size"];
|
|
19510
19446
|
var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
|
|
19511
19447
|
var _ref$size = _ref.size,
|
|
19512
19448
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19513
19449
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
19514
|
-
return /*#__PURE__*/jsxRuntime.
|
|
19450
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
19515
19451
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19516
19452
|
viewBox: "0 0 24 24",
|
|
19517
19453
|
width: size,
|
|
19518
19454
|
height: size,
|
|
19519
19455
|
"aria-hidden": "true"
|
|
19520
19456
|
}, props), {}, {
|
|
19521
|
-
children:
|
|
19522
|
-
cx: "12",
|
|
19523
|
-
cy: "12",
|
|
19524
|
-
r: "12",
|
|
19525
|
-
fill: "#f1f3ff"
|
|
19526
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19457
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19527
19458
|
fill: "#4e47e5",
|
|
19528
19459
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19529
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"
|
|
@@ -19532,33 +19463,23 @@ var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
|
|
|
19532
19463
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19533
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"
|
|
19534
19465
|
})]
|
|
19535
|
-
})
|
|
19466
|
+
})
|
|
19536
19467
|
}));
|
|
19537
19468
|
};
|
|
19538
|
-
var revenuePerClickAvatarSx = {
|
|
19539
|
-
width: 30,
|
|
19540
|
-
height: 30,
|
|
19541
|
-
bgcolor: "transparent"
|
|
19542
|
-
};
|
|
19543
19469
|
|
|
19544
19470
|
var _excluded$1 = ["size"];
|
|
19545
19471
|
var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
|
|
19546
19472
|
var _ref$size = _ref.size,
|
|
19547
19473
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19548
19474
|
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
19549
|
-
return /*#__PURE__*/jsxRuntime.
|
|
19475
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
19550
19476
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19551
19477
|
viewBox: "0 0 24 24",
|
|
19552
19478
|
width: size,
|
|
19553
19479
|
height: size,
|
|
19554
19480
|
"aria-hidden": "true"
|
|
19555
19481
|
}, props), {}, {
|
|
19556
|
-
children:
|
|
19557
|
-
cx: "12",
|
|
19558
|
-
cy: "12",
|
|
19559
|
-
r: "12",
|
|
19560
|
-
fill: "#f1f3ff"
|
|
19561
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19482
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19562
19483
|
fill: "#4e47e5",
|
|
19563
19484
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19564
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"
|
|
@@ -19573,33 +19494,23 @@ var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
|
|
|
19573
19494
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19574
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"
|
|
19575
19496
|
})]
|
|
19576
|
-
})
|
|
19497
|
+
})
|
|
19577
19498
|
}));
|
|
19578
19499
|
};
|
|
19579
|
-
var revenuePerEmailAvatarSx = {
|
|
19580
|
-
width: 30,
|
|
19581
|
-
height: 30,
|
|
19582
|
-
bgcolor: "transparent"
|
|
19583
|
-
};
|
|
19584
19500
|
|
|
19585
19501
|
var _excluded = ["size"];
|
|
19586
19502
|
var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
|
|
19587
19503
|
var _ref$size = _ref.size,
|
|
19588
19504
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19589
19505
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19590
|
-
return /*#__PURE__*/jsxRuntime.
|
|
19506
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
|
|
19591
19507
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19592
19508
|
viewBox: "0 0 24 24",
|
|
19593
19509
|
width: size,
|
|
19594
19510
|
height: size,
|
|
19595
19511
|
"aria-hidden": "true"
|
|
19596
19512
|
}, props), {}, {
|
|
19597
|
-
children:
|
|
19598
|
-
cx: "12",
|
|
19599
|
-
cy: "12",
|
|
19600
|
-
r: "12",
|
|
19601
|
-
fill: "#f1f3ff"
|
|
19602
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19513
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
19603
19514
|
fill: "#4e47e5",
|
|
19604
19515
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19605
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"
|
|
@@ -19608,14 +19519,9 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
|
|
|
19608
19519
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
19609
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"
|
|
19610
19521
|
})]
|
|
19611
|
-
})
|
|
19522
|
+
})
|
|
19612
19523
|
}));
|
|
19613
19524
|
};
|
|
19614
|
-
var uniqueClicksAvatarSx = {
|
|
19615
|
-
width: 30,
|
|
19616
|
-
height: 30,
|
|
19617
|
-
bgcolor: "transparent"
|
|
19618
|
-
};
|
|
19619
19525
|
|
|
19620
19526
|
var formatGrowth = function formatGrowth(value, dateName) {
|
|
19621
19527
|
return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
|
|
@@ -19710,7 +19616,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19710
19616
|
value: "3.2%",
|
|
19711
19617
|
subValue: "12% vs pp",
|
|
19712
19618
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
19713
|
-
avatarSx: conversionRateAvatarSx,
|
|
19714
19619
|
money: false,
|
|
19715
19620
|
error: false,
|
|
19716
19621
|
warning: false
|
|
@@ -19719,7 +19624,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19719
19624
|
value: "8.1%",
|
|
19720
19625
|
subValue: "12% vs pp",
|
|
19721
19626
|
icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
|
|
19722
|
-
avatarSx: ctrAvatarSx,
|
|
19723
19627
|
money: false,
|
|
19724
19628
|
error: false,
|
|
19725
19629
|
warning: false
|
|
@@ -19728,7 +19632,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19728
19632
|
value: "$".concat(formatNumber(2.45)),
|
|
19729
19633
|
subValue: "12% vs pp",
|
|
19730
19634
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
|
|
19731
|
-
avatarSx: revenuePerEmailAvatarSx,
|
|
19732
19635
|
money: true,
|
|
19733
19636
|
error: false,
|
|
19734
19637
|
warning: false
|
|
@@ -19745,7 +19648,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19745
19648
|
value: "1,612",
|
|
19746
19649
|
subValue: "12% vs pp",
|
|
19747
19650
|
icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
|
|
19748
|
-
avatarSx: clicksAvatarSx,
|
|
19749
19651
|
money: false,
|
|
19750
19652
|
error: false,
|
|
19751
19653
|
warning: false
|
|
@@ -19754,7 +19656,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19754
19656
|
value: formatNumber(1148),
|
|
19755
19657
|
subValue: "12% vs pp",
|
|
19756
19658
|
icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
|
|
19757
|
-
avatarSx: uniqueClicksAvatarSx,
|
|
19758
19659
|
money: false,
|
|
19759
19660
|
error: false,
|
|
19760
19661
|
warning: false
|
|
@@ -19771,7 +19672,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19771
19672
|
value: "$".concat(formatNumber(30.35)),
|
|
19772
19673
|
subValue: "12% vs pp",
|
|
19773
19674
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
|
|
19774
|
-
avatarSx: revenuePerClickAvatarSx,
|
|
19775
19675
|
money: true,
|
|
19776
19676
|
error: false,
|
|
19777
19677
|
warning: false
|
|
@@ -19799,7 +19699,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19799
19699
|
value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
|
|
19800
19700
|
subValue: growthCaption("conversionRate"),
|
|
19801
19701
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
19802
|
-
avatarSx: conversionRateAvatarSx,
|
|
19803
19702
|
money: false,
|
|
19804
19703
|
error: false,
|
|
19805
19704
|
warning: false
|
|
@@ -19808,7 +19707,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19808
19707
|
value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
|
|
19809
19708
|
subValue: growthCaption("ctr"),
|
|
19810
19709
|
icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
|
|
19811
|
-
avatarSx: ctrAvatarSx,
|
|
19812
19710
|
money: false,
|
|
19813
19711
|
error: false,
|
|
19814
19712
|
warning: false
|
|
@@ -19817,7 +19715,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19817
19715
|
value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
|
|
19818
19716
|
subValue: growthCaption("revenuePerEmail"),
|
|
19819
19717
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
|
|
19820
|
-
avatarSx: revenuePerEmailAvatarSx,
|
|
19821
19718
|
money: true,
|
|
19822
19719
|
error: false,
|
|
19823
19720
|
warning: false
|
|
@@ -19834,7 +19731,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19834
19731
|
value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
|
|
19835
19732
|
subValue: growthCaption("totalClicks", deliverabilityGrowth),
|
|
19836
19733
|
icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
|
|
19837
|
-
avatarSx: clicksAvatarSx,
|
|
19838
19734
|
money: false,
|
|
19839
19735
|
error: false,
|
|
19840
19736
|
warning: false
|
|
@@ -19843,7 +19739,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19843
19739
|
value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
|
|
19844
19740
|
subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
|
|
19845
19741
|
icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
|
|
19846
|
-
avatarSx: uniqueClicksAvatarSx,
|
|
19847
19742
|
money: false,
|
|
19848
19743
|
error: false,
|
|
19849
19744
|
warning: false
|
|
@@ -19860,7 +19755,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19860
19755
|
value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
|
|
19861
19756
|
subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
|
|
19862
19757
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
|
|
19863
|
-
avatarSx: revenuePerClickAvatarSx,
|
|
19864
19758
|
money: true,
|
|
19865
19759
|
error: false,
|
|
19866
19760
|
warning: false
|
|
@@ -19912,7 +19806,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19912
19806
|
value: metricInfo[title].value,
|
|
19913
19807
|
caption: metricInfo[title].subValue,
|
|
19914
19808
|
icon: metricInfo[title].icon,
|
|
19915
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
19916
19809
|
error: metricInfo[title].error,
|
|
19917
19810
|
active: activeMetric === title,
|
|
19918
19811
|
onClick: function onClick() {
|