@ammarkhalidfarooq/dashboard-package 0.6.89 → 0.6.90
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/ActiveCampaignsCard.cjs.js +1 -1
- package/dist/ActiveCampaignsCard.cjs.js.map +1 -1
- package/dist/ActiveCampaignsCard.es.js +1 -1
- package/dist/ActiveCampaignsCard.es.js.map +1 -1
- package/dist/index.cjs.js +66 -66
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +66 -66
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1014,7 +1014,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
1014
1014
|
subtitle = _ref$subtitle === void 0 ? "Live fundraisers ranked by velocity" : _ref$subtitle,
|
|
1015
1015
|
actionLabel = _ref.actionLabel,
|
|
1016
1016
|
_ref$columns = _ref.columns,
|
|
1017
|
-
columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg
|
|
1017
|
+
columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg Gift"] : _ref$columns,
|
|
1018
1018
|
_ref$rows = _ref.rows,
|
|
1019
1019
|
rows = _ref$rows === void 0 ? [] : _ref$rows,
|
|
1020
1020
|
_ref$gridTemplateColu = _ref.gridTemplateColumns,
|
|
@@ -4547,7 +4547,7 @@ var DonorMixCard = function DonorMixCard(_ref) {
|
|
|
4547
4547
|
|
|
4548
4548
|
var TrafficSourceCard = function TrafficSourceCard(_ref) {
|
|
4549
4549
|
var _ref$title = _ref.title,
|
|
4550
|
-
title = _ref$title === void 0 ? "Traffic
|
|
4550
|
+
title = _ref$title === void 0 ? "Traffic Source" : _ref$title,
|
|
4551
4551
|
subtitle = _ref.subtitle,
|
|
4552
4552
|
_ref$trafficSourceDat = _ref.trafficSourceData,
|
|
4553
4553
|
trafficSourceData = _ref$trafficSourceDat === void 0 ? [] : _ref$trafficSourceDat,
|
|
@@ -5278,7 +5278,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
|
|
|
5278
5278
|
total: (dataObj === null || dataObj === void 0 || (_dataObj$summary4 = dataObj.summary) === null || _dataObj$summary4 === void 0 || (_dataObj$summary4 = _dataObj$summary4.oneTime) === null || _dataObj$summary4 === void 0 ? void 0 : _dataObj$summary4.total) || 0,
|
|
5279
5279
|
color: oneTimeColor
|
|
5280
5280
|
}];
|
|
5281
|
-
title = "Recurring vs
|
|
5281
|
+
title = "Recurring vs One-time";
|
|
5282
5282
|
isDistributed = false;
|
|
5283
5283
|
}
|
|
5284
5284
|
var resolvedChartHeight = chartHeight !== null && chartHeight !== void 0 ? chartHeight : exportMode ? 110 : 170;
|
|
@@ -5556,7 +5556,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
|
|
|
5556
5556
|
cvr: "2.2%"
|
|
5557
5557
|
}];
|
|
5558
5558
|
return /*#__PURE__*/jsxs(CardWrapper, {
|
|
5559
|
-
title: "Top
|
|
5559
|
+
title: "Top Landing Pages",
|
|
5560
5560
|
subtitle: "Pages ranked by donations attributed",
|
|
5561
5561
|
children: [/*#__PURE__*/jsxs(Box, {
|
|
5562
5562
|
sx: {
|
|
@@ -5606,7 +5606,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
|
|
|
5606
5606
|
textAlign: "left",
|
|
5607
5607
|
whiteSpace: "nowrap"
|
|
5608
5608
|
},
|
|
5609
|
-
children: "Conv.
|
|
5609
|
+
children: "Conv. Rate"
|
|
5610
5610
|
})]
|
|
5611
5611
|
}), data.length === 0 ? /*#__PURE__*/jsx(Typography, {
|
|
5612
5612
|
sx: {
|
|
@@ -5714,7 +5714,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
|
|
|
5714
5714
|
}];
|
|
5715
5715
|
var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
|
|
5716
5716
|
return /*#__PURE__*/jsx(CardWrapper, {
|
|
5717
|
-
title: "Top
|
|
5717
|
+
title: "Top Organic Keywords",
|
|
5718
5718
|
subtitle: "Search terms ranked by clicks - last ".concat(daysLabel),
|
|
5719
5719
|
children: !available || data.length === 0 ? /*#__PURE__*/jsx(Typography, {
|
|
5720
5720
|
sx: {
|
|
@@ -5857,7 +5857,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
|
|
|
5857
5857
|
};
|
|
5858
5858
|
var GeographyCard = function GeographyCard(_ref4) {
|
|
5859
5859
|
var _ref4$subtitle = _ref4.subtitle,
|
|
5860
|
-
subtitle = _ref4$subtitle === void 0 ? "Top
|
|
5860
|
+
subtitle = _ref4$subtitle === void 0 ? "Top Countries by Organic Traffic" : _ref4$subtitle,
|
|
5861
5861
|
dataProp = _ref4.data;
|
|
5862
5862
|
var data = dataProp !== null && dataProp !== void 0 ? dataProp : [{
|
|
5863
5863
|
country: "United States",
|
|
@@ -5885,7 +5885,7 @@ var GeographyCard = function GeographyCard(_ref4) {
|
|
|
5885
5885
|
percentage: 16
|
|
5886
5886
|
}];
|
|
5887
5887
|
return /*#__PURE__*/jsx(CardWrapper, {
|
|
5888
|
-
title: "Geography
|
|
5888
|
+
title: "Geography Insights",
|
|
5889
5889
|
subtitle: subtitle,
|
|
5890
5890
|
children: data.length === 0 ? /*#__PURE__*/jsx(Typography, {
|
|
5891
5891
|
sx: {
|
|
@@ -5967,7 +5967,7 @@ var TopCampaignsRaisedCard = function TopCampaignsRaisedCard(_ref5) {
|
|
|
5967
5967
|
value: "$6,320"
|
|
5968
5968
|
}];
|
|
5969
5969
|
return /*#__PURE__*/jsxs(CardWrapper, {
|
|
5970
|
-
title: "Top
|
|
5970
|
+
title: "Top Campaigns by Total Raised",
|
|
5971
5971
|
subtitle: "Email campaigns ranked by donations",
|
|
5972
5972
|
children: [/*#__PURE__*/jsxs(Box, {
|
|
5973
5973
|
sx: {
|
|
@@ -6073,7 +6073,7 @@ var TopCampaignsCTRCard = function TopCampaignsCTRCard(_ref6) {
|
|
|
6073
6073
|
value: "7.6%"
|
|
6074
6074
|
}];
|
|
6075
6075
|
return /*#__PURE__*/jsxs(CardWrapper, {
|
|
6076
|
-
title: "Top
|
|
6076
|
+
title: "Top Campaigns by CTR",
|
|
6077
6077
|
subtitle: "Click-through rate leaders",
|
|
6078
6078
|
children: [/*#__PURE__*/jsxs(Box, {
|
|
6079
6079
|
sx: {
|
|
@@ -6179,7 +6179,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
|
|
|
6179
6179
|
value: "3.4%"
|
|
6180
6180
|
}];
|
|
6181
6181
|
return /*#__PURE__*/jsxs(CardWrapper, {
|
|
6182
|
-
title: "Top
|
|
6182
|
+
title: "Top Campaigns by Conversion",
|
|
6183
6183
|
subtitle: "Click-to-donation conversion",
|
|
6184
6184
|
children: [/*#__PURE__*/jsxs(Box, {
|
|
6185
6185
|
sx: {
|
|
@@ -6201,7 +6201,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
|
|
|
6201
6201
|
color: "rgba(0, 0, 0, 0.4)",
|
|
6202
6202
|
fontWeight: 500
|
|
6203
6203
|
},
|
|
6204
|
-
children: "Conv.
|
|
6204
|
+
children: "Conv. Rate"
|
|
6205
6205
|
})]
|
|
6206
6206
|
}), data.length === 0 ? /*#__PURE__*/jsx(Typography, {
|
|
6207
6207
|
sx: {
|
|
@@ -6295,7 +6295,7 @@ var TopPerformingCampaignsCard = function TopPerformingCampaignsCard(_ref8) {
|
|
|
6295
6295
|
}];
|
|
6296
6296
|
var data = dataProp === null ? fallbackData : dataProp;
|
|
6297
6297
|
return /*#__PURE__*/jsxs(CardWrapper, {
|
|
6298
|
-
title: "Top
|
|
6298
|
+
title: "Top Performing Campaigns",
|
|
6299
6299
|
subtitle: "Paid campaigns ranked by ROAS",
|
|
6300
6300
|
children: [/*#__PURE__*/jsxs(Box, {
|
|
6301
6301
|
sx: {
|
|
@@ -6449,7 +6449,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref9) {
|
|
|
6449
6449
|
color: "#000",
|
|
6450
6450
|
lineHeight: 1.15
|
|
6451
6451
|
},
|
|
6452
|
-
children: "Paid
|
|
6452
|
+
children: "Paid Donor Geography"
|
|
6453
6453
|
}), /*#__PURE__*/jsx(Typography, {
|
|
6454
6454
|
sx: {
|
|
6455
6455
|
fontSize: "13px",
|
|
@@ -6728,7 +6728,7 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
|
|
|
6728
6728
|
textAlign: "left",
|
|
6729
6729
|
lineHeight: 1.15
|
|
6730
6730
|
},
|
|
6731
|
-
children: "Refunds &
|
|
6731
|
+
children: "Refunds & Chargebacks"
|
|
6732
6732
|
}), /*#__PURE__*/jsxs(Typography, {
|
|
6733
6733
|
sx: {
|
|
6734
6734
|
fontSize: "13px",
|
|
@@ -6963,12 +6963,12 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
6963
6963
|
alignItems: "stretch"
|
|
6964
6964
|
},
|
|
6965
6965
|
children: [/*#__PURE__*/jsx(ActiveCampaignsCard, {
|
|
6966
|
-
title: "Active
|
|
6966
|
+
title: "Active Campaigns",
|
|
6967
6967
|
subtitle: "Live fundraisers ranked by velocity",
|
|
6968
6968
|
columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
|
|
6969
6969
|
rows: activeCampaignsRows
|
|
6970
6970
|
}), /*#__PURE__*/jsx(DonorMixCard, {
|
|
6971
|
-
title: "Donor
|
|
6971
|
+
title: "Donor Mix",
|
|
6972
6972
|
subtitle: "Acquisition vs retention",
|
|
6973
6973
|
series: [newDonors, returningDonors],
|
|
6974
6974
|
labels: ["New donors", "Returning"],
|
|
@@ -7004,7 +7004,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
7004
7004
|
paddingTop: "0px !important"
|
|
7005
7005
|
},
|
|
7006
7006
|
children: /*#__PURE__*/jsx(ActiveCampaignsCard, {
|
|
7007
|
-
title: "Active
|
|
7007
|
+
title: "Active Campaigns",
|
|
7008
7008
|
subtitle: "Live fundraisers ranked by velocity",
|
|
7009
7009
|
columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
|
|
7010
7010
|
rows: activeCampaignsRows
|
|
@@ -7022,7 +7022,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
7022
7022
|
}
|
|
7023
7023
|
},
|
|
7024
7024
|
children: /*#__PURE__*/jsx(DonorMixCard, {
|
|
7025
|
-
title: "Donor
|
|
7025
|
+
title: "Donor Mix",
|
|
7026
7026
|
subtitle: "Acquisition vs retention",
|
|
7027
7027
|
series: [newDonors, returningDonors],
|
|
7028
7028
|
labels: ["New donors", "Returning"],
|
|
@@ -7030,7 +7030,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
7030
7030
|
centerLabel: "donors",
|
|
7031
7031
|
centerValue: String(totalMix),
|
|
7032
7032
|
items: [{
|
|
7033
|
-
label: "New
|
|
7033
|
+
label: "New Donors",
|
|
7034
7034
|
val: "".concat(newDonors, " - ").concat(newPct, "%"),
|
|
7035
7035
|
color: "rgb(99, 99, 230)"
|
|
7036
7036
|
}, {
|
|
@@ -17593,7 +17593,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17593
17593
|
error: false,
|
|
17594
17594
|
warning: false
|
|
17595
17595
|
},
|
|
17596
|
-
"Avg
|
|
17596
|
+
"Avg Donation": {
|
|
17597
17597
|
value: "$".concat(formatNumber(((_apiData$overviewStat10 = apiData === null || apiData === void 0 || (_apiData$overviewStat11 = apiData.overviewStats) === null || _apiData$overviewStat11 === void 0 || (_apiData$overviewStat11 = _apiData$overviewStat11.overview) === null || _apiData$overviewStat11 === void 0 ? void 0 : _apiData$overviewStat11.overallAVGDonations) !== null && _apiData$overviewStat10 !== void 0 ? _apiData$overviewStat10 : 0).toFixed(2))),
|
|
17598
17598
|
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 "),
|
|
17599
17599
|
label: "Average Donation Amount",
|
|
@@ -17745,7 +17745,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17745
17745
|
categories = _buildStackedSeries.categories,
|
|
17746
17746
|
series = _buildStackedSeries.series;
|
|
17747
17747
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17748
|
-
label: "Total
|
|
17748
|
+
label: "Total Revenue Trend",
|
|
17749
17749
|
data: undefined,
|
|
17750
17750
|
// Clear single data property to force series usage
|
|
17751
17751
|
series: series,
|
|
@@ -17769,7 +17769,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17769
17769
|
_categories = _buildStackedSeries2.categories,
|
|
17770
17770
|
_series = _buildStackedSeries2.series;
|
|
17771
17771
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17772
|
-
label: "Net
|
|
17772
|
+
label: "Net Revenue Trend",
|
|
17773
17773
|
data: undefined,
|
|
17774
17774
|
series: _series,
|
|
17775
17775
|
categories: _categories,
|
|
@@ -17779,7 +17779,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17779
17779
|
});
|
|
17780
17780
|
} else if (Array.isArray(netData) && netData.length > 0) {
|
|
17781
17781
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17782
|
-
label: "Net
|
|
17782
|
+
label: "Net Revenue Trend",
|
|
17783
17783
|
data: netData.map(function (item) {
|
|
17784
17784
|
return item.value;
|
|
17785
17785
|
}),
|
|
@@ -17801,7 +17801,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17801
17801
|
_categories2 = _buildStackedSeries3.categories,
|
|
17802
17802
|
_series2 = _buildStackedSeries3.series;
|
|
17803
17803
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17804
|
-
label: "Donor
|
|
17804
|
+
label: "Donor Trend",
|
|
17805
17805
|
data: undefined,
|
|
17806
17806
|
series: _series2,
|
|
17807
17807
|
categories: _categories2,
|
|
@@ -17811,7 +17811,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17811
17811
|
});
|
|
17812
17812
|
} else if (Array.isArray(donorsData) && donorsData.length > 0) {
|
|
17813
17813
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17814
|
-
label: "Donor
|
|
17814
|
+
label: "Donor Trend",
|
|
17815
17815
|
data: donorsData.map(function (item) {
|
|
17816
17816
|
return item.value;
|
|
17817
17817
|
}),
|
|
@@ -17887,7 +17887,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17887
17887
|
});
|
|
17888
17888
|
}
|
|
17889
17889
|
}
|
|
17890
|
-
if (activeMetric === "Avg
|
|
17890
|
+
if (activeMetric === "Avg Donation") {
|
|
17891
17891
|
var _apiData$overviewStat26;
|
|
17892
17892
|
var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.avgDonations;
|
|
17893
17893
|
var _hasStackedData5 = (avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || (avgData === null || avgData === void 0 ? void 0 : avgData.email) || (avgData === null || avgData === void 0 ? void 0 : avgData.organic);
|
|
@@ -17896,7 +17896,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17896
17896
|
_categories5 = _buildStackedSeries6.categories,
|
|
17897
17897
|
_series5 = _buildStackedSeries6.series;
|
|
17898
17898
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17899
|
-
label: "Average
|
|
17899
|
+
label: "Average Donation Trend",
|
|
17900
17900
|
data: undefined,
|
|
17901
17901
|
series: _series5,
|
|
17902
17902
|
categories: _categories5,
|
|
@@ -17906,7 +17906,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17906
17906
|
});
|
|
17907
17907
|
} else if (Array.isArray(avgData) && avgData.length > 0) {
|
|
17908
17908
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17909
|
-
label: "Average
|
|
17909
|
+
label: "Average Donation Trend",
|
|
17910
17910
|
data: avgData.map(function (item) {
|
|
17911
17911
|
return item.value;
|
|
17912
17912
|
}),
|
|
@@ -18150,7 +18150,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18150
18150
|
error: false,
|
|
18151
18151
|
warning: false
|
|
18152
18152
|
},
|
|
18153
|
-
"Cost
|
|
18153
|
+
"Cost Per Donor": {
|
|
18154
18154
|
value: "$".concat(formatNumber(373)),
|
|
18155
18155
|
subValue: "12% vs pp",
|
|
18156
18156
|
data: [350, 380, 360, 410, 390, 370, 373],
|
|
@@ -18160,7 +18160,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18160
18160
|
error: false,
|
|
18161
18161
|
warning: false
|
|
18162
18162
|
},
|
|
18163
|
-
"Conversion
|
|
18163
|
+
"Conversion Rate": {
|
|
18164
18164
|
value: "3.1%",
|
|
18165
18165
|
subValue: "12% vs pp",
|
|
18166
18166
|
data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
|
|
@@ -18171,7 +18171,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18171
18171
|
error: false,
|
|
18172
18172
|
warning: false
|
|
18173
18173
|
},
|
|
18174
|
-
"Avg
|
|
18174
|
+
"Avg Donation": {
|
|
18175
18175
|
value: "$".concat(formatNumber(130.58)),
|
|
18176
18176
|
subValue: "12% vs pp",
|
|
18177
18177
|
data: [120, 135, 125, 140, 130, 128, 130.58],
|
|
@@ -18215,7 +18215,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18215
18215
|
error: false,
|
|
18216
18216
|
warning: false
|
|
18217
18217
|
},
|
|
18218
|
-
"Cost
|
|
18218
|
+
"Cost Per Donor": {
|
|
18219
18219
|
value: "$".concat(formatNumber((_overview$costPerDono = overview.costPerDonor) !== null && _overview$costPerDono !== void 0 ? _overview$costPerDono : 0)),
|
|
18220
18220
|
subValue: formatGrowth$2(growth.costPerDonor),
|
|
18221
18221
|
data: flatSeries((_overview$costPerDono2 = overview.costPerDonor) !== null && _overview$costPerDono2 !== void 0 ? _overview$costPerDono2 : 0),
|
|
@@ -18225,7 +18225,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18225
18225
|
error: false,
|
|
18226
18226
|
warning: false
|
|
18227
18227
|
},
|
|
18228
|
-
"Conversion
|
|
18228
|
+
"Conversion Rate": {
|
|
18229
18229
|
value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
|
|
18230
18230
|
subValue: formatGrowth$2(growth.conversionRate),
|
|
18231
18231
|
data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
|
|
@@ -18236,7 +18236,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18236
18236
|
error: false,
|
|
18237
18237
|
warning: false
|
|
18238
18238
|
},
|
|
18239
|
-
"Avg
|
|
18239
|
+
"Avg Donation": {
|
|
18240
18240
|
value: "$".concat(formatNumber((_overview$averageDona = overview.averageDonation) !== null && _overview$averageDona !== void 0 ? _overview$averageDona : 0)),
|
|
18241
18241
|
subValue: formatGrowth$2(growth.averageDonation),
|
|
18242
18242
|
data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
|
|
@@ -18388,7 +18388,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18388
18388
|
isPrimary: true,
|
|
18389
18389
|
isPremium: true,
|
|
18390
18390
|
numberOfDays: numberOfDays,
|
|
18391
|
-
metric: activeMetric === "Conversion
|
|
18391
|
+
metric: activeMetric === "Conversion Rate" ? "Percent" : activeMetric === "ROAS" ? "ROAS" : selectedInfo.money ? "Revenue" : "Donors"
|
|
18392
18392
|
})
|
|
18393
18393
|
}), /*#__PURE__*/jsxs(Grid, {
|
|
18394
18394
|
container: true,
|
|
@@ -18405,9 +18405,9 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18405
18405
|
minHeight: "430px"
|
|
18406
18406
|
},
|
|
18407
18407
|
children: /*#__PURE__*/jsx(ActiveCampaignsCard, {
|
|
18408
|
-
title: "Channel
|
|
18408
|
+
title: "Channel Performance",
|
|
18409
18409
|
subtitle: "Ad platforms ranked by ROAS",
|
|
18410
|
-
columns: ["
|
|
18410
|
+
columns: ["Channel", "Ppend", "Revenue", "ROAS", "CPA", "Trend"],
|
|
18411
18411
|
gridTemplateColumns: "2.2fr 1fr 1fr 0.8fr 0.8fr 1.2fr",
|
|
18412
18412
|
height: "100%",
|
|
18413
18413
|
rows: channelRows !== null && channelRows !== void 0 ? channelRows : [{
|
|
@@ -18490,7 +18490,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18490
18490
|
}
|
|
18491
18491
|
},
|
|
18492
18492
|
children: /*#__PURE__*/jsx(DonorMixCard, {
|
|
18493
|
-
title: "Spend
|
|
18493
|
+
title: "Spend Allocation",
|
|
18494
18494
|
subtitle: (_spendAllocation$subt = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.subtitle) !== null && _spendAllocation$subt !== void 0 ? _spendAllocation$subt : "Where $80.3K went this month",
|
|
18495
18495
|
series: (_spendAllocation$seri = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.series) !== null && _spendAllocation$seri !== void 0 ? _spendAllocation$seri : [40.8, 35.1, 14.2, 6.6, 3.3],
|
|
18496
18496
|
labels: (_spendAllocation$labe = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.labels) !== null && _spendAllocation$labe !== void 0 ? _spendAllocation$labe : ["Meta Ads", "Google Ads", "TikTok", "YouTube", "Snapchat"],
|
|
@@ -18656,7 +18656,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18656
18656
|
warning: false,
|
|
18657
18657
|
error: false
|
|
18658
18658
|
},
|
|
18659
|
-
"Revenue
|
|
18659
|
+
"Revenue Raised": {
|
|
18660
18660
|
value: "$".concat(formatNumber(240398)),
|
|
18661
18661
|
subValue: "0.4x vs pp",
|
|
18662
18662
|
data: [2.5, 3.1, 2.8, 4.2, 3.8, 4.5, 5.2],
|
|
@@ -18666,7 +18666,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18666
18666
|
warning: false,
|
|
18667
18667
|
error: false
|
|
18668
18668
|
},
|
|
18669
|
-
"Avg
|
|
18669
|
+
"Avg Donation": {
|
|
18670
18670
|
value: "$".concat(formatNumber(130.58)),
|
|
18671
18671
|
subValue: "18% vs pp",
|
|
18672
18672
|
data: [110, 125, 120, 135, 130, 128, 130.58],
|
|
@@ -18731,7 +18731,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18731
18731
|
warning: false,
|
|
18732
18732
|
error: false
|
|
18733
18733
|
},
|
|
18734
|
-
"Revenue
|
|
18734
|
+
"Revenue Raised": {
|
|
18735
18735
|
value: "$".concat(formatNumber((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
|
|
18736
18736
|
subValue: growthCaption("totalRevenue"),
|
|
18737
18737
|
data: revenueSeries.data,
|
|
@@ -18741,7 +18741,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18741
18741
|
warning: false,
|
|
18742
18742
|
error: false
|
|
18743
18743
|
},
|
|
18744
|
-
"Avg
|
|
18744
|
+
"Avg Donation": {
|
|
18745
18745
|
value: "$".concat(formatNumber((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
|
|
18746
18746
|
subValue: growthCaption("overallAVGDonations"),
|
|
18747
18747
|
data: avgDonationSeries.data,
|
|
@@ -18915,7 +18915,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18915
18915
|
}
|
|
18916
18916
|
},
|
|
18917
18917
|
children: /*#__PURE__*/jsx(DonorMixCard, {
|
|
18918
|
-
title: "Source
|
|
18918
|
+
title: "Source Breakdown",
|
|
18919
18919
|
subtitle: "Where organic visitors come from",
|
|
18920
18920
|
series: (_sourceBreakdown$seri = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.series) !== null && _sourceBreakdown$seri !== void 0 ? _sourceBreakdown$seri : [40.8, 35.1, 14.2, 3.3],
|
|
18921
18921
|
labels: (_sourceBreakdown$labe = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.labels) !== null && _sourceBreakdown$labe !== void 0 ? _sourceBreakdown$labe : ["Meta Ads", "Google Ads", "TikTok", "Snapchat"],
|
|
@@ -18970,7 +18970,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18970
18970
|
}
|
|
18971
18971
|
},
|
|
18972
18972
|
children: /*#__PURE__*/jsx(GeographyCard, {
|
|
18973
|
-
subtitle: "Top
|
|
18973
|
+
subtitle: "Top Countries by Organic Traffic",
|
|
18974
18974
|
data: geographyData
|
|
18975
18975
|
})
|
|
18976
18976
|
})]
|
|
@@ -19500,7 +19500,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19500
19500
|
apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading,
|
|
19501
19501
|
_ref$numberOfDays = _ref.numberOfDays,
|
|
19502
19502
|
numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
|
|
19503
|
-
var _useState = useState("Total
|
|
19503
|
+
var _useState = useState("Total Raised"),
|
|
19504
19504
|
_useState2 = _slicedToArray(_useState, 2),
|
|
19505
19505
|
activeMetric = _useState2[0],
|
|
19506
19506
|
setActiveMetric = _useState2[1];
|
|
@@ -19522,7 +19522,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19522
19522
|
var _overview$totalRevenu, _overview$totalDonati, _overview$conversionR, _overview$ctr, _overview$revenuePerE, _deliverability$openR, _deliverability$total, _deliverability$uniqu, _deliverability$bounc, _deliverability$reven;
|
|
19523
19523
|
if (!hasEmailOverview) {
|
|
19524
19524
|
return {
|
|
19525
|
-
"Total
|
|
19525
|
+
"Total Raised": {
|
|
19526
19526
|
value: "$".concat(formatNumber(48920)),
|
|
19527
19527
|
subValue: "12% vs pp",
|
|
19528
19528
|
icon: /*#__PURE__*/jsx(PaidOutlined, {}),
|
|
@@ -19538,7 +19538,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19538
19538
|
error: false,
|
|
19539
19539
|
warning: false
|
|
19540
19540
|
},
|
|
19541
|
-
"Conversion
|
|
19541
|
+
"Conversion Rate": {
|
|
19542
19542
|
value: "3.2%",
|
|
19543
19543
|
subValue: "12% vs pp",
|
|
19544
19544
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
@@ -19556,7 +19556,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19556
19556
|
error: false,
|
|
19557
19557
|
warning: false
|
|
19558
19558
|
},
|
|
19559
|
-
"Revenue
|
|
19559
|
+
"Revenue Per Email": {
|
|
19560
19560
|
value: "$".concat(formatNumber(2.45)),
|
|
19561
19561
|
subValue: "12% vs pp",
|
|
19562
19562
|
icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
|
|
@@ -19565,7 +19565,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19565
19565
|
error: false,
|
|
19566
19566
|
warning: false
|
|
19567
19567
|
},
|
|
19568
|
-
"Open
|
|
19568
|
+
"Open Rate": {
|
|
19569
19569
|
value: "42.3%",
|
|
19570
19570
|
subValue: "12% vs pp",
|
|
19571
19571
|
icon: /*#__PURE__*/jsx(Email, {}),
|
|
@@ -19591,7 +19591,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19591
19591
|
error: false,
|
|
19592
19592
|
warning: false
|
|
19593
19593
|
},
|
|
19594
|
-
"Bounce
|
|
19594
|
+
"Bounce Rate": {
|
|
19595
19595
|
value: "1.8%",
|
|
19596
19596
|
subValue: "12% vs pp",
|
|
19597
19597
|
icon: /*#__PURE__*/jsx(HighlightOff, {}),
|
|
@@ -19599,7 +19599,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19599
19599
|
error: false,
|
|
19600
19600
|
warning: false
|
|
19601
19601
|
},
|
|
19602
|
-
"Revenue
|
|
19602
|
+
"Revenue Per Click": {
|
|
19603
19603
|
value: "$".concat(formatNumber(30.35)),
|
|
19604
19604
|
subValue: "12% vs pp",
|
|
19605
19605
|
icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
|
|
@@ -19611,7 +19611,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19611
19611
|
};
|
|
19612
19612
|
}
|
|
19613
19613
|
return {
|
|
19614
|
-
"Total
|
|
19614
|
+
"Total Raised": {
|
|
19615
19615
|
value: "$".concat(formatNumber((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
|
|
19616
19616
|
subValue: growthCaption("totalRevenue"),
|
|
19617
19617
|
icon: /*#__PURE__*/jsx(PaidOutlined, {}),
|
|
@@ -19627,7 +19627,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19627
19627
|
error: false,
|
|
19628
19628
|
warning: false
|
|
19629
19629
|
},
|
|
19630
|
-
"Conversion
|
|
19630
|
+
"Conversion Rate": {
|
|
19631
19631
|
value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
|
|
19632
19632
|
subValue: growthCaption("conversionRate"),
|
|
19633
19633
|
icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
|
|
@@ -19645,7 +19645,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19645
19645
|
error: false,
|
|
19646
19646
|
warning: false
|
|
19647
19647
|
},
|
|
19648
|
-
"Revenue
|
|
19648
|
+
"Revenue Per Email": {
|
|
19649
19649
|
value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
|
|
19650
19650
|
subValue: growthCaption("revenuePerEmail"),
|
|
19651
19651
|
icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
|
|
@@ -19654,7 +19654,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19654
19654
|
error: false,
|
|
19655
19655
|
warning: false
|
|
19656
19656
|
},
|
|
19657
|
-
"Open
|
|
19657
|
+
"Open Rate": {
|
|
19658
19658
|
value: "".concat(Number((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0).toFixed(2), "%"),
|
|
19659
19659
|
subValue: growthCaption("openRate", deliverabilityGrowth),
|
|
19660
19660
|
icon: /*#__PURE__*/jsx(Email, {}),
|
|
@@ -19680,7 +19680,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19680
19680
|
error: false,
|
|
19681
19681
|
warning: false
|
|
19682
19682
|
},
|
|
19683
|
-
"Bounce
|
|
19683
|
+
"Bounce Rate": {
|
|
19684
19684
|
value: "".concat(Number((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0).toFixed(2), "%"),
|
|
19685
19685
|
subValue: growthCaption("bounceRate", deliverabilityGrowth),
|
|
19686
19686
|
icon: /*#__PURE__*/jsx(HighlightOff, {}),
|
|
@@ -19688,7 +19688,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19688
19688
|
error: false,
|
|
19689
19689
|
warning: false
|
|
19690
19690
|
},
|
|
19691
|
-
"Revenue
|
|
19691
|
+
"Revenue Per Click": {
|
|
19692
19692
|
value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
|
|
19693
19693
|
subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
|
|
19694
19694
|
icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
|
|
@@ -19772,7 +19772,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19772
19772
|
gap: "6px",
|
|
19773
19773
|
mb: 0
|
|
19774
19774
|
},
|
|
19775
|
-
children: ["Total
|
|
19775
|
+
children: ["Total Raised", "Donations", "Conversion Rate", "CTR", "Revenue Per Email", "Open Rate", "Clicks", "Unique Clicks", "Bounce Rate", "Revenue Per Click"].map(renderCard)
|
|
19776
19776
|
}), /*#__PURE__*/jsxs(Grid, {
|
|
19777
19777
|
container: true,
|
|
19778
19778
|
spacing: 3,
|
|
@@ -19787,7 +19787,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19787
19787
|
paddingTop: "0px !important"
|
|
19788
19788
|
},
|
|
19789
19789
|
children: /*#__PURE__*/jsx(EmailTrendCard, {
|
|
19790
|
-
title: "Open
|
|
19790
|
+
title: "Open Rate Trend",
|
|
19791
19791
|
subtitle: "Daily - ".concat(daysLabel),
|
|
19792
19792
|
value: hasEmailOverview ? "".concat(Number((_deliverability$openR2 = deliverability.openRate) !== null && _deliverability$openR2 !== void 0 ? _deliverability$openR2 : 0).toFixed(2), "%") : "42.3%",
|
|
19793
19793
|
trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.openRate, true) : "2.1pp",
|
|
@@ -19817,23 +19817,23 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19817
19817
|
}
|
|
19818
19818
|
},
|
|
19819
19819
|
children: /*#__PURE__*/jsx(EmailTrendCard, {
|
|
19820
|
-
title: "Clicks
|
|
19820
|
+
title: "Clicks Trend",
|
|
19821
19821
|
subtitle: "Total + unique - ".concat(daysLabel),
|
|
19822
19822
|
value: hasEmailOverview ? formatNumber((_deliverability$total2 = deliverability.totalClicks) !== null && _deliverability$total2 !== void 0 ? _deliverability$total2 : 0) : "1,612",
|
|
19823
19823
|
trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.totalClicks) : "14%",
|
|
19824
19824
|
trendSeries: hasEmailOverview ? [{
|
|
19825
|
-
name: "Total
|
|
19825
|
+
name: "Total Clicks",
|
|
19826
19826
|
data: apiData === null || apiData === void 0 ? void 0 : apiData.totalClicksTrend
|
|
19827
19827
|
}, {
|
|
19828
|
-
name: "Unique
|
|
19828
|
+
name: "Unique Clicks",
|
|
19829
19829
|
data: apiData === null || apiData === void 0 ? void 0 : apiData.uniqueClicksTrend,
|
|
19830
19830
|
dashed: true
|
|
19831
19831
|
}] : undefined,
|
|
19832
19832
|
series: [{
|
|
19833
|
-
name: "Total
|
|
19833
|
+
name: "Total Clicks",
|
|
19834
19834
|
data: [56, 112, 80, 150, 112]
|
|
19835
19835
|
}, {
|
|
19836
|
-
name: "Unique
|
|
19836
|
+
name: "Unique Clicks",
|
|
19837
19837
|
data: [30, 70, 45, 100, 75],
|
|
19838
19838
|
dashed: true
|
|
19839
19839
|
}],
|
|
@@ -19861,7 +19861,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19861
19861
|
}
|
|
19862
19862
|
},
|
|
19863
19863
|
children: /*#__PURE__*/jsx(EmailTrendCard, {
|
|
19864
|
-
title: "Bounce
|
|
19864
|
+
title: "Bounce Rate Trend",
|
|
19865
19865
|
subtitle: "Daily - lower is better",
|
|
19866
19866
|
value: hasEmailOverview ? "".concat(Number((_deliverability$bounc2 = deliverability.bounceRate) !== null && _deliverability$bounc2 !== void 0 ? _deliverability$bounc2 : 0).toFixed(2), "%") : "1.8%",
|
|
19867
19867
|
trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.bounceRate, true) : "0.3pp",
|