@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.es.js
CHANGED
|
@@ -16895,19 +16895,14 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
|
|
|
16895
16895
|
var _ref$size = _ref.size,
|
|
16896
16896
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16897
16897
|
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
16898
|
-
return /*#__PURE__*/
|
|
16898
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
16899
16899
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16900
16900
|
viewBox: "0 0 24 24",
|
|
16901
16901
|
width: size,
|
|
16902
16902
|
height: size,
|
|
16903
16903
|
"aria-hidden": "true"
|
|
16904
16904
|
}, props), {}, {
|
|
16905
|
-
children:
|
|
16906
|
-
cx: "12",
|
|
16907
|
-
cy: "12",
|
|
16908
|
-
r: "12",
|
|
16909
|
-
fill: "#f1f3ff"
|
|
16910
|
-
}), /*#__PURE__*/jsxs("g", {
|
|
16905
|
+
children: /*#__PURE__*/jsxs("g", {
|
|
16911
16906
|
fill: "#4e47e5",
|
|
16912
16907
|
children: [/*#__PURE__*/jsx("path", {
|
|
16913
16908
|
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"
|
|
@@ -16926,33 +16921,23 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
|
|
|
16926
16921
|
}), /*#__PURE__*/jsx("path", {
|
|
16927
16922
|
d: "M12,6.12c-.34.26-1.44-1.2-.91-1.34.36-.09,1.19,1.13.91,1.34Z"
|
|
16928
16923
|
})]
|
|
16929
|
-
})
|
|
16924
|
+
})
|
|
16930
16925
|
}));
|
|
16931
16926
|
};
|
|
16932
|
-
var avgDonationAvatarSx = {
|
|
16933
|
-
width: 30,
|
|
16934
|
-
height: 30,
|
|
16935
|
-
bgcolor: "transparent"
|
|
16936
|
-
};
|
|
16937
16927
|
|
|
16938
16928
|
var _excluded$6 = ["size"];
|
|
16939
16929
|
var ConversionRateIcon = function ConversionRateIcon(_ref) {
|
|
16940
16930
|
var _ref$size = _ref.size,
|
|
16941
16931
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16942
16932
|
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
16943
|
-
return /*#__PURE__*/
|
|
16933
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
16944
16934
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16945
16935
|
viewBox: "0 0 24 24",
|
|
16946
16936
|
width: size,
|
|
16947
16937
|
height: size,
|
|
16948
16938
|
"aria-hidden": "true"
|
|
16949
16939
|
}, props), {}, {
|
|
16950
|
-
children:
|
|
16951
|
-
cx: "12",
|
|
16952
|
-
cy: "12",
|
|
16953
|
-
r: "12",
|
|
16954
|
-
fill: "#f1f3ff"
|
|
16955
|
-
}), /*#__PURE__*/jsxs("g", {
|
|
16940
|
+
children: /*#__PURE__*/jsxs("g", {
|
|
16956
16941
|
fill: "#4e47e5",
|
|
16957
16942
|
children: [/*#__PURE__*/jsx("path", {
|
|
16958
16943
|
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"
|
|
@@ -16967,33 +16952,23 @@ var ConversionRateIcon = function ConversionRateIcon(_ref) {
|
|
|
16967
16952
|
}), /*#__PURE__*/jsx("path", {
|
|
16968
16953
|
d: "M11.46,5.84h-3.35c.41-1.76,2.96-1.77,3.35,0Z"
|
|
16969
16954
|
})]
|
|
16970
|
-
})
|
|
16955
|
+
})
|
|
16971
16956
|
}));
|
|
16972
16957
|
};
|
|
16973
|
-
var conversionRateAvatarSx = {
|
|
16974
|
-
width: 30,
|
|
16975
|
-
height: 30,
|
|
16976
|
-
bgcolor: "transparent"
|
|
16977
|
-
};
|
|
16978
16958
|
|
|
16979
16959
|
var _excluded$5 = ["size"];
|
|
16980
16960
|
var NetRaisedIcon = function NetRaisedIcon(_ref) {
|
|
16981
16961
|
var _ref$size = _ref.size,
|
|
16982
16962
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16983
16963
|
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
16984
|
-
return /*#__PURE__*/
|
|
16964
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
16985
16965
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16986
16966
|
viewBox: "0 0 24 24",
|
|
16987
16967
|
width: size,
|
|
16988
16968
|
height: size,
|
|
16989
16969
|
"aria-hidden": "true"
|
|
16990
16970
|
}, props), {}, {
|
|
16991
|
-
children:
|
|
16992
|
-
cx: "12",
|
|
16993
|
-
cy: "12",
|
|
16994
|
-
r: "12",
|
|
16995
|
-
fill: "#f1f3ff"
|
|
16996
|
-
}), /*#__PURE__*/jsxs("g", {
|
|
16971
|
+
children: /*#__PURE__*/jsxs("g", {
|
|
16997
16972
|
fill: "#4e47e5",
|
|
16998
16973
|
children: [/*#__PURE__*/jsx("path", {
|
|
16999
16974
|
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"
|
|
@@ -17010,14 +16985,9 @@ var NetRaisedIcon = function NetRaisedIcon(_ref) {
|
|
|
17010
16985
|
}), /*#__PURE__*/jsx("polygon", {
|
|
17011
16986
|
points: "6.1 15.16 6.1 16.74 4.81 16.19 4.81 15.16"
|
|
17012
16987
|
})]
|
|
17013
|
-
})
|
|
16988
|
+
})
|
|
17014
16989
|
}));
|
|
17015
16990
|
};
|
|
17016
|
-
var netRaisedAvatarSx = {
|
|
17017
|
-
width: 30,
|
|
17018
|
-
height: 30,
|
|
17019
|
-
bgcolor: "transparent"
|
|
17020
|
-
};
|
|
17021
16991
|
|
|
17022
16992
|
var CARD_BORDER = "1.5px solid #F1F1F5";
|
|
17023
16993
|
var PANEL_BORDER = "1px solid #f0f0f0";
|
|
@@ -17745,7 +17715,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17745
17715
|
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 "),
|
|
17746
17716
|
label: "Net Raised",
|
|
17747
17717
|
icon: /*#__PURE__*/jsx(NetRaisedIcon, {}),
|
|
17748
|
-
avatarSx: netRaisedAvatarSx,
|
|
17749
17718
|
money: true,
|
|
17750
17719
|
error: false,
|
|
17751
17720
|
warning: false
|
|
@@ -17764,7 +17733,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17764
17733
|
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 "),
|
|
17765
17734
|
label: "Average Donation Amount",
|
|
17766
17735
|
icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
|
|
17767
|
-
avatarSx: avgDonationAvatarSx,
|
|
17768
17736
|
money: true,
|
|
17769
17737
|
error: false,
|
|
17770
17738
|
warning: false
|
|
@@ -17783,7 +17751,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17783
17751
|
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%",
|
|
17784
17752
|
label: "Conversion Rate",
|
|
17785
17753
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
17786
|
-
avatarSx: conversionRateAvatarSx,
|
|
17787
17754
|
money: false,
|
|
17788
17755
|
error: false,
|
|
17789
17756
|
warning: false
|
|
@@ -17825,7 +17792,6 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17825
17792
|
value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
|
|
17826
17793
|
caption: metricInfo[title].subValue,
|
|
17827
17794
|
icon: metricInfo[title].icon,
|
|
17828
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
17829
17795
|
error: metricInfo[title].error,
|
|
17830
17796
|
active: activeMetric === title,
|
|
17831
17797
|
onClick: function onClick() {
|
|
@@ -18332,7 +18298,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18332
18298
|
data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
|
|
18333
18299
|
categories: fallbackCategories,
|
|
18334
18300
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
18335
|
-
avatarSx: conversionRateAvatarSx,
|
|
18336
18301
|
money: false,
|
|
18337
18302
|
error: false,
|
|
18338
18303
|
warning: false
|
|
@@ -18343,7 +18308,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18343
18308
|
data: [120, 135, 125, 140, 130, 128, 130.58],
|
|
18344
18309
|
categories: fallbackCategories,
|
|
18345
18310
|
icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
|
|
18346
|
-
avatarSx: avgDonationAvatarSx,
|
|
18347
18311
|
money: true,
|
|
18348
18312
|
error: false,
|
|
18349
18313
|
warning: false
|
|
@@ -18397,7 +18361,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18397
18361
|
data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
|
|
18398
18362
|
categories: fallbackCategories,
|
|
18399
18363
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
18400
|
-
avatarSx: conversionRateAvatarSx,
|
|
18401
18364
|
money: false,
|
|
18402
18365
|
error: false,
|
|
18403
18366
|
warning: false
|
|
@@ -18408,7 +18371,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18408
18371
|
data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
|
|
18409
18372
|
categories: fallbackCategories,
|
|
18410
18373
|
icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
|
|
18411
|
-
avatarSx: avgDonationAvatarSx,
|
|
18412
18374
|
money: true,
|
|
18413
18375
|
error: false,
|
|
18414
18376
|
warning: false
|
|
@@ -18500,7 +18462,6 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18500
18462
|
value: metricInfo[title].value,
|
|
18501
18463
|
caption: metricInfo[title].subValue,
|
|
18502
18464
|
icon: metricInfo[title].icon,
|
|
18503
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
18504
18465
|
error: metricInfo[title].error,
|
|
18505
18466
|
active: activeMetric === title,
|
|
18506
18467
|
onClick: function onClick() {
|
|
@@ -18817,7 +18778,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18817
18778
|
data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
|
|
18818
18779
|
categories: fallbackCategories,
|
|
18819
18780
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
18820
|
-
avatarSx: conversionRateAvatarSx,
|
|
18821
18781
|
money: false,
|
|
18822
18782
|
warning: false,
|
|
18823
18783
|
error: false
|
|
@@ -18838,7 +18798,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18838
18798
|
data: [110, 125, 120, 135, 130, 128, 130.58],
|
|
18839
18799
|
categories: fallbackCategories,
|
|
18840
18800
|
icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
|
|
18841
|
-
avatarSx: avgDonationAvatarSx,
|
|
18842
18801
|
money: true,
|
|
18843
18802
|
warning: false,
|
|
18844
18803
|
error: false
|
|
@@ -18892,7 +18851,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18892
18851
|
data: conversionSeries.data,
|
|
18893
18852
|
categories: conversionSeries.categories,
|
|
18894
18853
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
18895
|
-
avatarSx: conversionRateAvatarSx,
|
|
18896
18854
|
money: false,
|
|
18897
18855
|
warning: false,
|
|
18898
18856
|
error: false
|
|
@@ -18913,7 +18871,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18913
18871
|
data: avgDonationSeries.data,
|
|
18914
18872
|
categories: avgDonationSeries.categories,
|
|
18915
18873
|
icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
|
|
18916
|
-
avatarSx: avgDonationAvatarSx,
|
|
18917
18874
|
money: true,
|
|
18918
18875
|
warning: false,
|
|
18919
18876
|
error: false
|
|
@@ -19002,7 +18959,6 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
19002
18959
|
value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
|
|
19003
18960
|
caption: metricInfo[title].subValue,
|
|
19004
18961
|
icon: metricInfo[title].icon,
|
|
19005
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
19006
18962
|
error: metricInfo[title].error,
|
|
19007
18963
|
active: activeMetric === title,
|
|
19008
18964
|
onClick: function onClick() {
|
|
@@ -19441,48 +19397,33 @@ var ClicksIcon = function ClicksIcon(_ref) {
|
|
|
19441
19397
|
var _ref$size = _ref.size,
|
|
19442
19398
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19443
19399
|
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
19444
|
-
return /*#__PURE__*/
|
|
19400
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
19445
19401
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19446
19402
|
viewBox: "0 0 24 24",
|
|
19447
19403
|
width: size,
|
|
19448
19404
|
height: size,
|
|
19449
19405
|
"aria-hidden": "true"
|
|
19450
19406
|
}, props), {}, {
|
|
19451
|
-
children:
|
|
19452
|
-
cx: "12",
|
|
19453
|
-
cy: "12",
|
|
19454
|
-
r: "12",
|
|
19455
|
-
fill: "#f1f3ff"
|
|
19456
|
-
}), /*#__PURE__*/jsx("path", {
|
|
19407
|
+
children: /*#__PURE__*/jsx("path", {
|
|
19457
19408
|
fill: "#4e47e5",
|
|
19458
19409
|
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"
|
|
19459
|
-
})
|
|
19410
|
+
})
|
|
19460
19411
|
}));
|
|
19461
19412
|
};
|
|
19462
|
-
var clicksAvatarSx = {
|
|
19463
|
-
width: 30,
|
|
19464
|
-
height: 30,
|
|
19465
|
-
bgcolor: "transparent"
|
|
19466
|
-
};
|
|
19467
19413
|
|
|
19468
19414
|
var _excluded$3 = ["size"];
|
|
19469
19415
|
var CtrIcon = function CtrIcon(_ref) {
|
|
19470
19416
|
var _ref$size = _ref.size,
|
|
19471
19417
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19472
19418
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
19473
|
-
return /*#__PURE__*/
|
|
19419
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
19474
19420
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19475
19421
|
viewBox: "0 0 24 24",
|
|
19476
19422
|
width: size,
|
|
19477
19423
|
height: size,
|
|
19478
19424
|
"aria-hidden": "true"
|
|
19479
19425
|
}, props), {}, {
|
|
19480
|
-
children:
|
|
19481
|
-
cx: "12",
|
|
19482
|
-
cy: "12",
|
|
19483
|
-
r: "12",
|
|
19484
|
-
fill: "#f1f3ff"
|
|
19485
|
-
}), /*#__PURE__*/jsxs("g", {
|
|
19426
|
+
children: /*#__PURE__*/jsxs("g", {
|
|
19486
19427
|
fill: "#4e47e5",
|
|
19487
19428
|
children: [/*#__PURE__*/jsx("path", {
|
|
19488
19429
|
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"
|
|
@@ -19495,33 +19436,23 @@ var CtrIcon = function CtrIcon(_ref) {
|
|
|
19495
19436
|
}), /*#__PURE__*/jsx("path", {
|
|
19496
19437
|
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"
|
|
19497
19438
|
})]
|
|
19498
|
-
})
|
|
19439
|
+
})
|
|
19499
19440
|
}));
|
|
19500
19441
|
};
|
|
19501
|
-
var ctrAvatarSx = {
|
|
19502
|
-
width: 30,
|
|
19503
|
-
height: 30,
|
|
19504
|
-
bgcolor: "transparent"
|
|
19505
|
-
};
|
|
19506
19442
|
|
|
19507
19443
|
var _excluded$2 = ["size"];
|
|
19508
19444
|
var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
|
|
19509
19445
|
var _ref$size = _ref.size,
|
|
19510
19446
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19511
19447
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
19512
|
-
return /*#__PURE__*/
|
|
19448
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
19513
19449
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19514
19450
|
viewBox: "0 0 24 24",
|
|
19515
19451
|
width: size,
|
|
19516
19452
|
height: size,
|
|
19517
19453
|
"aria-hidden": "true"
|
|
19518
19454
|
}, props), {}, {
|
|
19519
|
-
children:
|
|
19520
|
-
cx: "12",
|
|
19521
|
-
cy: "12",
|
|
19522
|
-
r: "12",
|
|
19523
|
-
fill: "#f1f3ff"
|
|
19524
|
-
}), /*#__PURE__*/jsxs("g", {
|
|
19455
|
+
children: /*#__PURE__*/jsxs("g", {
|
|
19525
19456
|
fill: "#4e47e5",
|
|
19526
19457
|
children: [/*#__PURE__*/jsx("path", {
|
|
19527
19458
|
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"
|
|
@@ -19530,33 +19461,23 @@ var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
|
|
|
19530
19461
|
}), /*#__PURE__*/jsx("path", {
|
|
19531
19462
|
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"
|
|
19532
19463
|
})]
|
|
19533
|
-
})
|
|
19464
|
+
})
|
|
19534
19465
|
}));
|
|
19535
19466
|
};
|
|
19536
|
-
var revenuePerClickAvatarSx = {
|
|
19537
|
-
width: 30,
|
|
19538
|
-
height: 30,
|
|
19539
|
-
bgcolor: "transparent"
|
|
19540
|
-
};
|
|
19541
19467
|
|
|
19542
19468
|
var _excluded$1 = ["size"];
|
|
19543
19469
|
var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
|
|
19544
19470
|
var _ref$size = _ref.size,
|
|
19545
19471
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19546
19472
|
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
19547
|
-
return /*#__PURE__*/
|
|
19473
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
19548
19474
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19549
19475
|
viewBox: "0 0 24 24",
|
|
19550
19476
|
width: size,
|
|
19551
19477
|
height: size,
|
|
19552
19478
|
"aria-hidden": "true"
|
|
19553
19479
|
}, props), {}, {
|
|
19554
|
-
children:
|
|
19555
|
-
cx: "12",
|
|
19556
|
-
cy: "12",
|
|
19557
|
-
r: "12",
|
|
19558
|
-
fill: "#f1f3ff"
|
|
19559
|
-
}), /*#__PURE__*/jsxs("g", {
|
|
19480
|
+
children: /*#__PURE__*/jsxs("g", {
|
|
19560
19481
|
fill: "#4e47e5",
|
|
19561
19482
|
children: [/*#__PURE__*/jsx("path", {
|
|
19562
19483
|
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"
|
|
@@ -19571,33 +19492,23 @@ var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
|
|
|
19571
19492
|
}), /*#__PURE__*/jsx("path", {
|
|
19572
19493
|
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"
|
|
19573
19494
|
})]
|
|
19574
|
-
})
|
|
19495
|
+
})
|
|
19575
19496
|
}));
|
|
19576
19497
|
};
|
|
19577
|
-
var revenuePerEmailAvatarSx = {
|
|
19578
|
-
width: 30,
|
|
19579
|
-
height: 30,
|
|
19580
|
-
bgcolor: "transparent"
|
|
19581
|
-
};
|
|
19582
19498
|
|
|
19583
19499
|
var _excluded = ["size"];
|
|
19584
19500
|
var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
|
|
19585
19501
|
var _ref$size = _ref.size,
|
|
19586
19502
|
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
19587
19503
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19588
|
-
return /*#__PURE__*/
|
|
19504
|
+
return /*#__PURE__*/jsx("svg", _objectSpread2(_objectSpread2({
|
|
19589
19505
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19590
19506
|
viewBox: "0 0 24 24",
|
|
19591
19507
|
width: size,
|
|
19592
19508
|
height: size,
|
|
19593
19509
|
"aria-hidden": "true"
|
|
19594
19510
|
}, props), {}, {
|
|
19595
|
-
children:
|
|
19596
|
-
cx: "12",
|
|
19597
|
-
cy: "12",
|
|
19598
|
-
r: "12",
|
|
19599
|
-
fill: "#f1f3ff"
|
|
19600
|
-
}), /*#__PURE__*/jsxs("g", {
|
|
19511
|
+
children: /*#__PURE__*/jsxs("g", {
|
|
19601
19512
|
fill: "#4e47e5",
|
|
19602
19513
|
children: [/*#__PURE__*/jsx("path", {
|
|
19603
19514
|
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"
|
|
@@ -19606,14 +19517,9 @@ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
|
|
|
19606
19517
|
}), /*#__PURE__*/jsx("path", {
|
|
19607
19518
|
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"
|
|
19608
19519
|
})]
|
|
19609
|
-
})
|
|
19520
|
+
})
|
|
19610
19521
|
}));
|
|
19611
19522
|
};
|
|
19612
|
-
var uniqueClicksAvatarSx = {
|
|
19613
|
-
width: 30,
|
|
19614
|
-
height: 30,
|
|
19615
|
-
bgcolor: "transparent"
|
|
19616
|
-
};
|
|
19617
19523
|
|
|
19618
19524
|
var formatGrowth = function formatGrowth(value, dateName) {
|
|
19619
19525
|
return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
|
|
@@ -19708,7 +19614,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19708
19614
|
value: "3.2%",
|
|
19709
19615
|
subValue: "12% vs pp",
|
|
19710
19616
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
19711
|
-
avatarSx: conversionRateAvatarSx,
|
|
19712
19617
|
money: false,
|
|
19713
19618
|
error: false,
|
|
19714
19619
|
warning: false
|
|
@@ -19717,7 +19622,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19717
19622
|
value: "8.1%",
|
|
19718
19623
|
subValue: "12% vs pp",
|
|
19719
19624
|
icon: /*#__PURE__*/jsx(CtrIcon, {}),
|
|
19720
|
-
avatarSx: ctrAvatarSx,
|
|
19721
19625
|
money: false,
|
|
19722
19626
|
error: false,
|
|
19723
19627
|
warning: false
|
|
@@ -19726,7 +19630,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19726
19630
|
value: "$".concat(formatNumber(2.45)),
|
|
19727
19631
|
subValue: "12% vs pp",
|
|
19728
19632
|
icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
|
|
19729
|
-
avatarSx: revenuePerEmailAvatarSx,
|
|
19730
19633
|
money: true,
|
|
19731
19634
|
error: false,
|
|
19732
19635
|
warning: false
|
|
@@ -19743,7 +19646,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19743
19646
|
value: "1,612",
|
|
19744
19647
|
subValue: "12% vs pp",
|
|
19745
19648
|
icon: /*#__PURE__*/jsx(ClicksIcon, {}),
|
|
19746
|
-
avatarSx: clicksAvatarSx,
|
|
19747
19649
|
money: false,
|
|
19748
19650
|
error: false,
|
|
19749
19651
|
warning: false
|
|
@@ -19752,7 +19654,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19752
19654
|
value: formatNumber(1148),
|
|
19753
19655
|
subValue: "12% vs pp",
|
|
19754
19656
|
icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
|
|
19755
|
-
avatarSx: uniqueClicksAvatarSx,
|
|
19756
19657
|
money: false,
|
|
19757
19658
|
error: false,
|
|
19758
19659
|
warning: false
|
|
@@ -19769,7 +19670,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19769
19670
|
value: "$".concat(formatNumber(30.35)),
|
|
19770
19671
|
subValue: "12% vs pp",
|
|
19771
19672
|
icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
|
|
19772
|
-
avatarSx: revenuePerClickAvatarSx,
|
|
19773
19673
|
money: true,
|
|
19774
19674
|
error: false,
|
|
19775
19675
|
warning: false
|
|
@@ -19797,7 +19697,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19797
19697
|
value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
|
|
19798
19698
|
subValue: growthCaption("conversionRate"),
|
|
19799
19699
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
19800
|
-
avatarSx: conversionRateAvatarSx,
|
|
19801
19700
|
money: false,
|
|
19802
19701
|
error: false,
|
|
19803
19702
|
warning: false
|
|
@@ -19806,7 +19705,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19806
19705
|
value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
|
|
19807
19706
|
subValue: growthCaption("ctr"),
|
|
19808
19707
|
icon: /*#__PURE__*/jsx(CtrIcon, {}),
|
|
19809
|
-
avatarSx: ctrAvatarSx,
|
|
19810
19708
|
money: false,
|
|
19811
19709
|
error: false,
|
|
19812
19710
|
warning: false
|
|
@@ -19815,7 +19713,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19815
19713
|
value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
|
|
19816
19714
|
subValue: growthCaption("revenuePerEmail"),
|
|
19817
19715
|
icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
|
|
19818
|
-
avatarSx: revenuePerEmailAvatarSx,
|
|
19819
19716
|
money: true,
|
|
19820
19717
|
error: false,
|
|
19821
19718
|
warning: false
|
|
@@ -19832,7 +19729,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19832
19729
|
value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
|
|
19833
19730
|
subValue: growthCaption("totalClicks", deliverabilityGrowth),
|
|
19834
19731
|
icon: /*#__PURE__*/jsx(ClicksIcon, {}),
|
|
19835
|
-
avatarSx: clicksAvatarSx,
|
|
19836
19732
|
money: false,
|
|
19837
19733
|
error: false,
|
|
19838
19734
|
warning: false
|
|
@@ -19841,7 +19737,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19841
19737
|
value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
|
|
19842
19738
|
subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
|
|
19843
19739
|
icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
|
|
19844
|
-
avatarSx: uniqueClicksAvatarSx,
|
|
19845
19740
|
money: false,
|
|
19846
19741
|
error: false,
|
|
19847
19742
|
warning: false
|
|
@@ -19858,7 +19753,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19858
19753
|
value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
|
|
19859
19754
|
subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
|
|
19860
19755
|
icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
|
|
19861
|
-
avatarSx: revenuePerClickAvatarSx,
|
|
19862
19756
|
money: true,
|
|
19863
19757
|
error: false,
|
|
19864
19758
|
warning: false
|
|
@@ -19910,7 +19804,6 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19910
19804
|
value: metricInfo[title].value,
|
|
19911
19805
|
caption: metricInfo[title].subValue,
|
|
19912
19806
|
icon: metricInfo[title].icon,
|
|
19913
|
-
avatarSx: metricInfo[title].avatarSx,
|
|
19914
19807
|
error: metricInfo[title].error,
|
|
19915
19808
|
active: activeMetric === title,
|
|
19916
19809
|
onClick: function onClick() {
|