@ammarkhalidfarooq/dashboard-package 0.6.55 → 0.6.57
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 +309 -28
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +310 -29
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1428,9 +1428,9 @@ var buildReportData = function buildReportData() {
|
|
|
1428
1428
|
detail: "Median $".concat(formatNumber((_apiData$medianGift = apiData === null || apiData === void 0 ? void 0 : apiData.medianGift) !== null && _apiData$medianGift !== void 0 ? _apiData$medianGift : 75), " \xB7 top decile $").concat(formatNumber((_apiData$topDecileGif = apiData === null || apiData === void 0 ? void 0 : apiData.topDecileGift) !== null && _apiData$topDecileGif !== void 0 ? _apiData$topDecileGif : 850))
|
|
1429
1429
|
}, {
|
|
1430
1430
|
title: "ROAS",
|
|
1431
|
-
value: "".concat(formatNumber((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard :
|
|
1432
|
-
trend: formatTrend((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0
|
|
1433
|
-
detail: "$".concat(formatNumber((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend :
|
|
1431
|
+
value: "".concat(formatNumber((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0), "x"),
|
|
1432
|
+
trend: formatTrend((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0, "x"),
|
|
1433
|
+
detail: "$".concat(formatNumber((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend \xB7 $").concat(formatNumber((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib.")
|
|
1434
1434
|
}, {
|
|
1435
1435
|
title: "Conversion",
|
|
1436
1436
|
value: "".concat(formatNumber(convRate), "%"),
|
|
@@ -2477,9 +2477,9 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref1, ref) {
|
|
|
2477
2477
|
},
|
|
2478
2478
|
children: [/*#__PURE__*/jsxRuntime.jsx(KpiCard, {
|
|
2479
2479
|
title: "ROAS",
|
|
2480
|
-
value: kpiRoas((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard :
|
|
2481
|
-
trend: ((_metricByTitle$ROAS = metricByTitle.ROAS) === null || _metricByTitle$ROAS === void 0 ? void 0 : _metricByTitle$ROAS.trend) || signed((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0
|
|
2482
|
-
detail: ((_metricByTitle$ROAS2 = metricByTitle.ROAS) === null || _metricByTitle$ROAS2 === void 0 ? void 0 : _metricByTitle$ROAS2.detail) || "".concat(d$((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend :
|
|
2480
|
+
value: kpiRoas((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0),
|
|
2481
|
+
trend: ((_metricByTitle$ROAS = metricByTitle.ROAS) === null || _metricByTitle$ROAS === void 0 ? void 0 : _metricByTitle$ROAS.trend) || signed((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0, "×"),
|
|
2482
|
+
detail: ((_metricByTitle$ROAS2 = metricByTitle.ROAS) === null || _metricByTitle$ROAS2 === void 0 ? void 0 : _metricByTitle$ROAS2.detail) || "".concat(d$((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend \xB7 ").concat(d$((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib.")
|
|
2483
2483
|
}), /*#__PURE__*/jsxRuntime.jsx(KpiCard, {
|
|
2484
2484
|
title: "Conversion",
|
|
2485
2485
|
value: kpiPct(convRate),
|
|
@@ -16121,11 +16121,11 @@ var html2canvas_esm = /*#__PURE__*/Object.freeze({
|
|
|
16121
16121
|
default: html2canvas
|
|
16122
16122
|
});
|
|
16123
16123
|
|
|
16124
|
-
var _excluded = ["size"];
|
|
16124
|
+
var _excluded$7 = ["size"];
|
|
16125
16125
|
var AverageDonationIcon = function AverageDonationIcon(_ref) {
|
|
16126
16126
|
var _ref$size = _ref.size,
|
|
16127
|
-
size = _ref$size === void 0 ?
|
|
16128
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
16127
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16128
|
+
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
16129
16129
|
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
16130
16130
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16131
16131
|
viewBox: "0 0 24 24",
|
|
@@ -16161,8 +16161,92 @@ var AverageDonationIcon = function AverageDonationIcon(_ref) {
|
|
|
16161
16161
|
}));
|
|
16162
16162
|
};
|
|
16163
16163
|
var avgDonationAvatarSx = {
|
|
16164
|
-
width:
|
|
16165
|
-
height:
|
|
16164
|
+
width: 30,
|
|
16165
|
+
height: 30,
|
|
16166
|
+
bgcolor: "transparent"
|
|
16167
|
+
};
|
|
16168
|
+
|
|
16169
|
+
var _excluded$6 = ["size"];
|
|
16170
|
+
var ConversionRateIcon = function ConversionRateIcon(_ref) {
|
|
16171
|
+
var _ref$size = _ref.size,
|
|
16172
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16173
|
+
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
16174
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
16175
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16176
|
+
viewBox: "0 0 24 24",
|
|
16177
|
+
width: size,
|
|
16178
|
+
height: size,
|
|
16179
|
+
"aria-hidden": "true"
|
|
16180
|
+
}, props), {}, {
|
|
16181
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
16182
|
+
cx: "12",
|
|
16183
|
+
cy: "12",
|
|
16184
|
+
r: "12",
|
|
16185
|
+
fill: "#f1f3ff"
|
|
16186
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16187
|
+
fill: "#4e47e5",
|
|
16188
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16189
|
+
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"
|
|
16190
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16191
|
+
d: "M11.38,15.58c4.25-.51,5.64,4.94,2.16,6.64-2.76,1.35-5.78-1.26-4.91-4.21.35-1.18,1.5-2.28,2.75-2.43ZM12.33,16.52c-.17-.17-.51-.16-.67.02-.11.12-.08.3-.15.39-.04.05-.27.15-.36.24-.54.51-.66,1.17-.22,1.8.35.5.68.41,1.17.54.57.15.34,1.02-.26.83-.37-.12-.18-1.07-.88-.82-.54.19-.24.97.03,1.29.15.18.36.24.47.35.16.18.11.5.48.54.5.05.41-.32.6-.54.09-.1.3-.17.44-.32.64-.7.38-1.83-.51-2.14-.3-.11-.79-.03-.87-.39-.11-.53.46-.74.73-.44.15.16.08,1.02.77.71.55-.25.06-1.1-.25-1.39-.1-.09-.31-.18-.36-.24-.07-.09-.07-.31-.16-.41Z"
|
|
16192
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16193
|
+
d: "M13.9,1.44c2.07-.33,2.87,2.63.92,3.39-2.39.92-3.4-2.99-.92-3.39Z"
|
|
16194
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16195
|
+
d: "M18.15,14.61c.29-.16.44-.74.74-.81.37-.09.66.12.58.51-.03.12-1.26,1.8-1.41,1.93s-.34.18-.53.1c-.12-.05-1.49-1.89-1.51-2.02-.09-.52.29-.67.7-.44l.56.73v-3.12s.17-.26.22-.29c.22-.13.67,0,.67.22v3.19Z"
|
|
16196
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16197
|
+
d: "M6.73,14.61l.56-.73c.41-.23.79-.07.7.44-.02.13-1.4,1.97-1.51,2.02-.12.06-.26.05-.38,0-.27-.09-1.32-1.71-1.56-2.04-.05-.4.18-.6.58-.51.3.07.45.65.74.81v-3.19c0-.23.45-.36.67-.22.04.03.22.26.22.29v3.12Z"
|
|
16198
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16199
|
+
d: "M11.46,5.84h-3.35c.41-1.76,2.96-1.77,3.35,0Z"
|
|
16200
|
+
})]
|
|
16201
|
+
})]
|
|
16202
|
+
}));
|
|
16203
|
+
};
|
|
16204
|
+
var conversionRateAvatarSx = {
|
|
16205
|
+
width: 30,
|
|
16206
|
+
height: 30,
|
|
16207
|
+
bgcolor: "transparent"
|
|
16208
|
+
};
|
|
16209
|
+
|
|
16210
|
+
var _excluded$5 = ["size"];
|
|
16211
|
+
var NetRaisedIcon = function NetRaisedIcon(_ref) {
|
|
16212
|
+
var _ref$size = _ref.size,
|
|
16213
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
16214
|
+
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
16215
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
16216
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16217
|
+
viewBox: "0 0 24 24",
|
|
16218
|
+
width: size,
|
|
16219
|
+
height: size,
|
|
16220
|
+
"aria-hidden": "true"
|
|
16221
|
+
}, props), {}, {
|
|
16222
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
16223
|
+
cx: "12",
|
|
16224
|
+
cy: "12",
|
|
16225
|
+
r: "12",
|
|
16226
|
+
fill: "#f1f3ff"
|
|
16227
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
16228
|
+
fill: "#4e47e5",
|
|
16229
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16230
|
+
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"
|
|
16231
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16232
|
+
d: "M13.64,11.93c.01.07-.03.14-.03.21,0,.22.03.46.03.68.01,1.06,0,2.13,0,3.19-.38.34-.83.57-1.28.8v-4.87h1.29Z"
|
|
16233
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16234
|
+
d: "M11.74,12.74v4.29c-.33.09-.66.2-.99.25-.08.01-.27.07-.29-.01v-4.52s1.28,0,1.28,0Z"
|
|
16235
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16236
|
+
d: "M9.87,13.55v3.8c-.42.07-.86,0-1.29-.03v-3.77h1.29Z"
|
|
16237
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
16238
|
+
d: "M15.51,11.13v2.69c-.39.58-.76,1.19-1.29,1.66v-4.35h1.29Z"
|
|
16239
|
+
}), /*#__PURE__*/jsxRuntime.jsx("polygon", {
|
|
16240
|
+
points: "7.97 14.35 7.97 17.25 6.71 16.91 6.71 14.35"
|
|
16241
|
+
}), /*#__PURE__*/jsxRuntime.jsx("polygon", {
|
|
16242
|
+
points: "6.1 15.16 6.1 16.74 4.81 16.19 4.81 15.16"
|
|
16243
|
+
})]
|
|
16244
|
+
})]
|
|
16245
|
+
}));
|
|
16246
|
+
};
|
|
16247
|
+
var netRaisedAvatarSx = {
|
|
16248
|
+
width: 30,
|
|
16249
|
+
height: 30,
|
|
16166
16250
|
bgcolor: "transparent"
|
|
16167
16251
|
};
|
|
16168
16252
|
|
|
@@ -16891,7 +16975,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16891
16975
|
value: "$".concat(formatNumber(((_apiData$overviewStat5 = apiData === null || apiData === void 0 || (_apiData$overviewStat6 = apiData.overviewStats) === null || _apiData$overviewStat6 === void 0 || (_apiData$overviewStat6 = _apiData$overviewStat6.overview) === null || _apiData$overviewStat6 === void 0 ? void 0 : _apiData$overviewStat6.netRevenue) !== null && _apiData$overviewStat5 !== void 0 ? _apiData$overviewStat5 : 0).toFixed(2))),
|
|
16892
16976
|
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 "),
|
|
16893
16977
|
label: "Net Raised",
|
|
16894
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
16978
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(NetRaisedIcon, {}),
|
|
16979
|
+
avatarSx: netRaisedAvatarSx,
|
|
16895
16980
|
money: true,
|
|
16896
16981
|
error: false,
|
|
16897
16982
|
warning: false
|
|
@@ -16928,7 +17013,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16928
17013
|
value: "".concat(formatNumber(((_apiData$overviewStat14 = apiData === null || apiData === void 0 || (_apiData$overviewStat15 = apiData.overviewStats) === null || _apiData$overviewStat15 === void 0 || (_apiData$overviewStat15 = _apiData$overviewStat15.overview) === null || _apiData$overviewStat15 === void 0 ? void 0 : _apiData$overviewStat15.conversionRate) !== null && _apiData$overviewStat14 !== void 0 ? _apiData$overviewStat14 : 0).toFixed(2)), "%"),
|
|
16929
17014
|
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%",
|
|
16930
17015
|
label: "Conversion Rate",
|
|
16931
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
17016
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
17017
|
+
avatarSx: conversionRateAvatarSx,
|
|
16932
17018
|
money: false,
|
|
16933
17019
|
error: false,
|
|
16934
17020
|
warning: false
|
|
@@ -17364,7 +17450,8 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
17364
17450
|
subValue: "12% vs last month",
|
|
17365
17451
|
chartLabel: "Conversion Rate",
|
|
17366
17452
|
data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
|
|
17367
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
17453
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
17454
|
+
avatarSx: conversionRateAvatarSx,
|
|
17368
17455
|
money: false,
|
|
17369
17456
|
error: false,
|
|
17370
17457
|
warning: false
|
|
@@ -17709,7 +17796,8 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
17709
17796
|
subValue: "8.4% vs pp",
|
|
17710
17797
|
data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
|
|
17711
17798
|
categories: fallbackCategories,
|
|
17712
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
17799
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
17800
|
+
avatarSx: conversionRateAvatarSx,
|
|
17713
17801
|
money: false,
|
|
17714
17802
|
warning: false,
|
|
17715
17803
|
error: false
|
|
@@ -17783,7 +17871,8 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
17783
17871
|
subValue: growthCaption("conversionRate"),
|
|
17784
17872
|
data: conversionSeries.data,
|
|
17785
17873
|
categories: conversionSeries.categories,
|
|
17786
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
17874
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
17875
|
+
avatarSx: conversionRateAvatarSx,
|
|
17787
17876
|
money: false,
|
|
17788
17877
|
warning: false,
|
|
17789
17878
|
error: false
|
|
@@ -18325,6 +18414,185 @@ var EmailTrendCard = function EmailTrendCard(_ref) {
|
|
|
18325
18414
|
});
|
|
18326
18415
|
};
|
|
18327
18416
|
|
|
18417
|
+
var _excluded$4 = ["size"];
|
|
18418
|
+
var ClicksIcon = function ClicksIcon(_ref) {
|
|
18419
|
+
var _ref$size = _ref.size,
|
|
18420
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
18421
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
18422
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
18423
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18424
|
+
viewBox: "0 0 24 24",
|
|
18425
|
+
width: size,
|
|
18426
|
+
height: size,
|
|
18427
|
+
"aria-hidden": "true"
|
|
18428
|
+
}, props), {}, {
|
|
18429
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
18430
|
+
cx: "12",
|
|
18431
|
+
cy: "12",
|
|
18432
|
+
r: "12",
|
|
18433
|
+
fill: "#f1f3ff"
|
|
18434
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18435
|
+
fill: "#4e47e5",
|
|
18436
|
+
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"
|
|
18437
|
+
})]
|
|
18438
|
+
}));
|
|
18439
|
+
};
|
|
18440
|
+
var clicksAvatarSx = {
|
|
18441
|
+
width: 30,
|
|
18442
|
+
height: 30,
|
|
18443
|
+
bgcolor: "transparent"
|
|
18444
|
+
};
|
|
18445
|
+
|
|
18446
|
+
var _excluded$3 = ["size"];
|
|
18447
|
+
var CtrIcon = function CtrIcon(_ref) {
|
|
18448
|
+
var _ref$size = _ref.size,
|
|
18449
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
18450
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
18451
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
18452
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18453
|
+
viewBox: "0 0 24 24",
|
|
18454
|
+
width: size,
|
|
18455
|
+
height: size,
|
|
18456
|
+
"aria-hidden": "true"
|
|
18457
|
+
}, props), {}, {
|
|
18458
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
18459
|
+
cx: "12",
|
|
18460
|
+
cy: "12",
|
|
18461
|
+
r: "12",
|
|
18462
|
+
fill: "#f1f3ff"
|
|
18463
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
18464
|
+
fill: "#4e47e5",
|
|
18465
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18466
|
+
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"
|
|
18467
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18468
|
+
d: "M12.26,15.63c-2.34.25-1.72,3.91.62,3.27,1.89-.51,1.36-3.48-.62-3.27Z"
|
|
18469
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18470
|
+
d: "M20.62,14.28c-.13-.16-.13-.36-.01-.53.23-.33.77-.67,1-.99.02-.02.04-.03.03-.07l-4.07-1.39-1.19-.4.43,1.25,1.39,4.01,1.05-1.04c.16-.1.36-.1.51.03l1.53,1.53c.2-.39.38-.79.52-1.2l-1.19-1.19Z"
|
|
18471
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18472
|
+
d: "M21.4,13.6c-.16.14-.33.29-.42.41l.98.99c.81-2.7.44-5.67-1.01-8.2C16.12-1.62,3.46.71,1.78,10.16c-1.6,9.03,8.56,15.57,16.07,10.41.21-.15.41-.31.62-.46,1.09-.75,2.23-2.45,2.23-2.45.13-.19.25-.38.36-.58l-1.57-1.57-1.49,1.46-2.36-6.81,6.36,2.17.06.23c.03.1.05.29-.11.47-.15.2-.35.38-.56.56ZM10,4.49c3.33-.31,3.59,4.59.45,4.79-3.15.21-3.44-4.51-.45-4.79ZM12.92,19.45c-3.39.65-3.97-4.52-.66-4.76,3.02-.22,3.5,4.22.66,4.76ZM17.19,6.58l-9.73,9.73c-.44.37-.99-.16-.64-.61l9.76-9.76c.05-.05.13-.08.19-.09.45-.07.68.4.42.73Z"
|
|
18473
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18474
|
+
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"
|
|
18475
|
+
})]
|
|
18476
|
+
})]
|
|
18477
|
+
}));
|
|
18478
|
+
};
|
|
18479
|
+
var ctrAvatarSx = {
|
|
18480
|
+
width: 30,
|
|
18481
|
+
height: 30,
|
|
18482
|
+
bgcolor: "transparent"
|
|
18483
|
+
};
|
|
18484
|
+
|
|
18485
|
+
var _excluded$2 = ["size"];
|
|
18486
|
+
var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
|
|
18487
|
+
var _ref$size = _ref.size,
|
|
18488
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
18489
|
+
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
18490
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
18491
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18492
|
+
viewBox: "0 0 24 24",
|
|
18493
|
+
width: size,
|
|
18494
|
+
height: size,
|
|
18495
|
+
"aria-hidden": "true"
|
|
18496
|
+
}, props), {}, {
|
|
18497
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
18498
|
+
cx: "12",
|
|
18499
|
+
cy: "12",
|
|
18500
|
+
r: "12",
|
|
18501
|
+
fill: "#f1f3ff"
|
|
18502
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
18503
|
+
fill: "#4e47e5",
|
|
18504
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18505
|
+
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"
|
|
18506
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18507
|
+
d: "M17.85,10.56c-.29-1.26-.98-2.44-2.07-3.35-3.42-2.86-8.76-1.08-9.82,3.23-1.25,5.07,3.93,9.24,8.61,7,.45-.19,1.3-.9,1.64-1.2l-1.8-6.59,3.43.91ZM12.45,15.04v1.58h-1.24v-1.55c-.65-.27-1.4-.37-1.98-.82l.61-1.27c.55.42,2.18,1.06,2.77.61.26-.2.16-.56-.07-.74-.33-.26-1.37-.46-1.83-.64-.85-.35-1.3-.82-1.22-1.8.08-1.01.84-1.53,1.72-1.85v-1.41h1.24v1.44c.6.13,1.16.37,1.72.62l-.62,1.23c-.5-.32-2.02-.91-2.43-.34-.61.84,1.64,1.15,2.13,1.37,1.9.87,1.21,3.45-.79,3.57Z"
|
|
18508
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18509
|
+
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"
|
|
18510
|
+
})]
|
|
18511
|
+
})]
|
|
18512
|
+
}));
|
|
18513
|
+
};
|
|
18514
|
+
var revenuePerClickAvatarSx = {
|
|
18515
|
+
width: 30,
|
|
18516
|
+
height: 30,
|
|
18517
|
+
bgcolor: "transparent"
|
|
18518
|
+
};
|
|
18519
|
+
|
|
18520
|
+
var _excluded$1 = ["size"];
|
|
18521
|
+
var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
|
|
18522
|
+
var _ref$size = _ref.size,
|
|
18523
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
18524
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
18525
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
18526
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18527
|
+
viewBox: "0 0 24 24",
|
|
18528
|
+
width: size,
|
|
18529
|
+
height: size,
|
|
18530
|
+
"aria-hidden": "true"
|
|
18531
|
+
}, props), {}, {
|
|
18532
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
18533
|
+
cx: "12",
|
|
18534
|
+
cy: "12",
|
|
18535
|
+
r: "12",
|
|
18536
|
+
fill: "#f1f3ff"
|
|
18537
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
18538
|
+
fill: "#4e47e5",
|
|
18539
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18540
|
+
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"
|
|
18541
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18542
|
+
d: "M19.64,17.88H3.43s-.07-.05-.04-.07c1.66-1.79,3.3-3.61,5-5.38l.1.03c.48.47.94.97,1.42,1.43.27.25.59.62.95.72.42.12.86.02,1.2-.25.74-.57,1.41-1.43,2.14-1.99.04-.03.08-.07.13-.08.05,0,.47.43.55.51.02.02.03.04.05.05-.07.03-.13.07-.18.13-.11.14-.14.32-.11.66.02.18.05.36.06.43.25,1.14,1.14,1.96,2.46,2.28v.97h1.94v-.14c.07.08.14.16.22.24.05.06.35.37.36.39.02.04-.03.07-.04.07Z"
|
|
18543
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18544
|
+
d: "M20.34,6.76v1.4c-.29-.21-.63-.37-1-.48l1-.92Z"
|
|
18545
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18546
|
+
d: "M19.51,16.3c.3-.08.58-.21.83-.37v1.23l-.83-.86Z"
|
|
18547
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18548
|
+
d: "M2.74,6.83l5.03,4.93c-1.62,1.81-3.3,3.59-4.95,5.38-.02.04-.07-.03-.07-.04V6.83Z"
|
|
18549
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18550
|
+
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"
|
|
18551
|
+
})]
|
|
18552
|
+
})]
|
|
18553
|
+
}));
|
|
18554
|
+
};
|
|
18555
|
+
var revenuePerEmailAvatarSx = {
|
|
18556
|
+
width: 30,
|
|
18557
|
+
height: 30,
|
|
18558
|
+
bgcolor: "transparent"
|
|
18559
|
+
};
|
|
18560
|
+
|
|
18561
|
+
var _excluded = ["size"];
|
|
18562
|
+
var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
|
|
18563
|
+
var _ref$size = _ref.size,
|
|
18564
|
+
size = _ref$size === void 0 ? 30 : _ref$size,
|
|
18565
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
18566
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
|
|
18567
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18568
|
+
viewBox: "0 0 24 24",
|
|
18569
|
+
width: size,
|
|
18570
|
+
height: size,
|
|
18571
|
+
"aria-hidden": "true"
|
|
18572
|
+
}, props), {}, {
|
|
18573
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("circle", {
|
|
18574
|
+
cx: "12",
|
|
18575
|
+
cy: "12",
|
|
18576
|
+
r: "12",
|
|
18577
|
+
fill: "#f1f3ff"
|
|
18578
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
18579
|
+
fill: "#4e47e5",
|
|
18580
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18581
|
+
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"
|
|
18582
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18583
|
+
d: "M12.95,4.19c-.19.04-.36.13-.49.27-.16.17-.27.4-.33.71v.05s-.09,4.98-.09,4.98c-.39.19-.84.33-1.35.38-5.23.5-5.62-7.26-.6-7.49,1.26-.06,2.22.4,2.86,1.11Z"
|
|
18584
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18585
|
+
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"
|
|
18586
|
+
})]
|
|
18587
|
+
})]
|
|
18588
|
+
}));
|
|
18589
|
+
};
|
|
18590
|
+
var uniqueClicksAvatarSx = {
|
|
18591
|
+
width: 30,
|
|
18592
|
+
height: 30,
|
|
18593
|
+
bgcolor: "transparent"
|
|
18594
|
+
};
|
|
18595
|
+
|
|
18328
18596
|
var formatGrowth = function formatGrowth(value, dateName) {
|
|
18329
18597
|
return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
|
|
18330
18598
|
};
|
|
@@ -18417,7 +18685,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18417
18685
|
"Conversion rate": {
|
|
18418
18686
|
value: "3.2%",
|
|
18419
18687
|
subValue: "12% vs pp",
|
|
18420
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18688
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
18689
|
+
avatarSx: conversionRateAvatarSx,
|
|
18421
18690
|
money: false,
|
|
18422
18691
|
error: false,
|
|
18423
18692
|
warning: false
|
|
@@ -18425,7 +18694,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18425
18694
|
CTR: {
|
|
18426
18695
|
value: "8.1%",
|
|
18427
18696
|
subValue: "12% vs pp",
|
|
18428
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18697
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
|
|
18698
|
+
avatarSx: ctrAvatarSx,
|
|
18429
18699
|
money: false,
|
|
18430
18700
|
error: false,
|
|
18431
18701
|
warning: false
|
|
@@ -18433,7 +18703,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18433
18703
|
"Revenue per email": {
|
|
18434
18704
|
value: "$".concat(formatNumber(2.45)),
|
|
18435
18705
|
subValue: "12% vs pp",
|
|
18436
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18706
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
|
|
18707
|
+
avatarSx: revenuePerEmailAvatarSx,
|
|
18437
18708
|
money: true,
|
|
18438
18709
|
error: false,
|
|
18439
18710
|
warning: false
|
|
@@ -18449,7 +18720,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18449
18720
|
Clicks: {
|
|
18450
18721
|
value: "1,612",
|
|
18451
18722
|
subValue: "12% vs pp",
|
|
18452
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18723
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
|
|
18724
|
+
avatarSx: clicksAvatarSx,
|
|
18453
18725
|
money: false,
|
|
18454
18726
|
error: false,
|
|
18455
18727
|
warning: false
|
|
@@ -18457,7 +18729,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18457
18729
|
"Unique Clicks": {
|
|
18458
18730
|
value: formatNumber(1148),
|
|
18459
18731
|
subValue: "12% vs pp",
|
|
18460
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18732
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
|
|
18733
|
+
avatarSx: uniqueClicksAvatarSx,
|
|
18461
18734
|
money: false,
|
|
18462
18735
|
error: false,
|
|
18463
18736
|
warning: false
|
|
@@ -18473,7 +18746,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18473
18746
|
"Revenue per Click": {
|
|
18474
18747
|
value: "$".concat(formatNumber(30.35)),
|
|
18475
18748
|
subValue: "12% vs pp",
|
|
18476
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18749
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
|
|
18750
|
+
avatarSx: revenuePerClickAvatarSx,
|
|
18477
18751
|
money: true,
|
|
18478
18752
|
error: false,
|
|
18479
18753
|
warning: false
|
|
@@ -18500,7 +18774,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18500
18774
|
"Conversion rate": {
|
|
18501
18775
|
value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
|
|
18502
18776
|
subValue: growthCaption("conversionRate"),
|
|
18503
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18777
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
18778
|
+
avatarSx: conversionRateAvatarSx,
|
|
18504
18779
|
money: false,
|
|
18505
18780
|
error: false,
|
|
18506
18781
|
warning: false
|
|
@@ -18508,7 +18783,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18508
18783
|
CTR: {
|
|
18509
18784
|
value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
|
|
18510
18785
|
subValue: growthCaption("ctr"),
|
|
18511
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18786
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
|
|
18787
|
+
avatarSx: ctrAvatarSx,
|
|
18512
18788
|
money: false,
|
|
18513
18789
|
error: false,
|
|
18514
18790
|
warning: false
|
|
@@ -18516,7 +18792,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18516
18792
|
"Revenue per email": {
|
|
18517
18793
|
value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
|
|
18518
18794
|
subValue: growthCaption("revenuePerEmail"),
|
|
18519
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18795
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
|
|
18796
|
+
avatarSx: revenuePerEmailAvatarSx,
|
|
18520
18797
|
money: true,
|
|
18521
18798
|
error: false,
|
|
18522
18799
|
warning: false
|
|
@@ -18532,7 +18809,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18532
18809
|
Clicks: {
|
|
18533
18810
|
value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
|
|
18534
18811
|
subValue: growthCaption("totalClicks", deliverabilityGrowth),
|
|
18535
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18812
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
|
|
18813
|
+
avatarSx: clicksAvatarSx,
|
|
18536
18814
|
money: false,
|
|
18537
18815
|
error: false,
|
|
18538
18816
|
warning: false
|
|
@@ -18540,7 +18818,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18540
18818
|
"Unique Clicks": {
|
|
18541
18819
|
value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
|
|
18542
18820
|
subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
|
|
18543
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18821
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
|
|
18822
|
+
avatarSx: uniqueClicksAvatarSx,
|
|
18544
18823
|
money: false,
|
|
18545
18824
|
error: false,
|
|
18546
18825
|
warning: false
|
|
@@ -18556,7 +18835,8 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18556
18835
|
"Revenue per Click": {
|
|
18557
18836
|
value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
|
|
18558
18837
|
subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
|
|
18559
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
18838
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
|
|
18839
|
+
avatarSx: revenuePerClickAvatarSx,
|
|
18560
18840
|
money: true,
|
|
18561
18841
|
error: false,
|
|
18562
18842
|
warning: false
|
|
@@ -18608,6 +18888,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
18608
18888
|
value: metricInfo[title].value,
|
|
18609
18889
|
caption: metricInfo[title].subValue,
|
|
18610
18890
|
icon: metricInfo[title].icon,
|
|
18891
|
+
avatarSx: metricInfo[title].avatarSx,
|
|
18611
18892
|
error: metricInfo[title].error,
|
|
18612
18893
|
active: activeMetric === title,
|
|
18613
18894
|
onClick: function onClick() {
|