@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.cjs.js
CHANGED
|
@@ -1016,7 +1016,7 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
|
|
|
1016
1016
|
subtitle = _ref$subtitle === void 0 ? "Live fundraisers ranked by velocity" : _ref$subtitle,
|
|
1017
1017
|
actionLabel = _ref.actionLabel,
|
|
1018
1018
|
_ref$columns = _ref.columns,
|
|
1019
|
-
columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg
|
|
1019
|
+
columns = _ref$columns === void 0 ? ["Campaign", "Raised", "Progress", "Donors", "Avg Gift"] : _ref$columns,
|
|
1020
1020
|
_ref$rows = _ref.rows,
|
|
1021
1021
|
rows = _ref$rows === void 0 ? [] : _ref$rows,
|
|
1022
1022
|
_ref$gridTemplateColu = _ref.gridTemplateColumns,
|
|
@@ -4549,7 +4549,7 @@ var DonorMixCard = function DonorMixCard(_ref) {
|
|
|
4549
4549
|
|
|
4550
4550
|
var TrafficSourceCard = function TrafficSourceCard(_ref) {
|
|
4551
4551
|
var _ref$title = _ref.title,
|
|
4552
|
-
title = _ref$title === void 0 ? "Traffic
|
|
4552
|
+
title = _ref$title === void 0 ? "Traffic Source" : _ref$title,
|
|
4553
4553
|
subtitle = _ref.subtitle,
|
|
4554
4554
|
_ref$trafficSourceDat = _ref.trafficSourceData,
|
|
4555
4555
|
trafficSourceData = _ref$trafficSourceDat === void 0 ? [] : _ref$trafficSourceDat,
|
|
@@ -5280,7 +5280,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
|
|
|
5280
5280
|
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,
|
|
5281
5281
|
color: oneTimeColor
|
|
5282
5282
|
}];
|
|
5283
|
-
title = "Recurring vs
|
|
5283
|
+
title = "Recurring vs One-time";
|
|
5284
5284
|
isDistributed = false;
|
|
5285
5285
|
}
|
|
5286
5286
|
var resolvedChartHeight = chartHeight !== null && chartHeight !== void 0 ? chartHeight : exportMode ? 110 : 170;
|
|
@@ -5558,7 +5558,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
|
|
|
5558
5558
|
cvr: "2.2%"
|
|
5559
5559
|
}];
|
|
5560
5560
|
return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
|
|
5561
|
-
title: "Top
|
|
5561
|
+
title: "Top Landing Pages",
|
|
5562
5562
|
subtitle: "Pages ranked by donations attributed",
|
|
5563
5563
|
children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
5564
5564
|
sx: {
|
|
@@ -5608,7 +5608,7 @@ var LandingPagesCard = function LandingPagesCard(_ref2) {
|
|
|
5608
5608
|
textAlign: "left",
|
|
5609
5609
|
whiteSpace: "nowrap"
|
|
5610
5610
|
},
|
|
5611
|
-
children: "Conv.
|
|
5611
|
+
children: "Conv. Rate"
|
|
5612
5612
|
})]
|
|
5613
5613
|
}), data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
5614
5614
|
sx: {
|
|
@@ -5716,7 +5716,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
|
|
|
5716
5716
|
}];
|
|
5717
5717
|
var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
|
|
5718
5718
|
return /*#__PURE__*/jsxRuntime.jsx(CardWrapper, {
|
|
5719
|
-
title: "Top
|
|
5719
|
+
title: "Top Organic Keywords",
|
|
5720
5720
|
subtitle: "Search terms ranked by clicks - last ".concat(daysLabel),
|
|
5721
5721
|
children: !available || data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
5722
5722
|
sx: {
|
|
@@ -5859,7 +5859,7 @@ var KeywordsCard = function KeywordsCard(_ref3) {
|
|
|
5859
5859
|
};
|
|
5860
5860
|
var GeographyCard = function GeographyCard(_ref4) {
|
|
5861
5861
|
var _ref4$subtitle = _ref4.subtitle,
|
|
5862
|
-
subtitle = _ref4$subtitle === void 0 ? "Top
|
|
5862
|
+
subtitle = _ref4$subtitle === void 0 ? "Top Countries by Organic Traffic" : _ref4$subtitle,
|
|
5863
5863
|
dataProp = _ref4.data;
|
|
5864
5864
|
var data = dataProp !== null && dataProp !== void 0 ? dataProp : [{
|
|
5865
5865
|
country: "United States",
|
|
@@ -5887,7 +5887,7 @@ var GeographyCard = function GeographyCard(_ref4) {
|
|
|
5887
5887
|
percentage: 16
|
|
5888
5888
|
}];
|
|
5889
5889
|
return /*#__PURE__*/jsxRuntime.jsx(CardWrapper, {
|
|
5890
|
-
title: "Geography
|
|
5890
|
+
title: "Geography Insights",
|
|
5891
5891
|
subtitle: subtitle,
|
|
5892
5892
|
children: data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
5893
5893
|
sx: {
|
|
@@ -5969,7 +5969,7 @@ var TopCampaignsRaisedCard = function TopCampaignsRaisedCard(_ref5) {
|
|
|
5969
5969
|
value: "$6,320"
|
|
5970
5970
|
}];
|
|
5971
5971
|
return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
|
|
5972
|
-
title: "Top
|
|
5972
|
+
title: "Top Campaigns by Total Raised",
|
|
5973
5973
|
subtitle: "Email campaigns ranked by donations",
|
|
5974
5974
|
children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
5975
5975
|
sx: {
|
|
@@ -6075,7 +6075,7 @@ var TopCampaignsCTRCard = function TopCampaignsCTRCard(_ref6) {
|
|
|
6075
6075
|
value: "7.6%"
|
|
6076
6076
|
}];
|
|
6077
6077
|
return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
|
|
6078
|
-
title: "Top
|
|
6078
|
+
title: "Top Campaigns by CTR",
|
|
6079
6079
|
subtitle: "Click-through rate leaders",
|
|
6080
6080
|
children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
6081
6081
|
sx: {
|
|
@@ -6181,7 +6181,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
|
|
|
6181
6181
|
value: "3.4%"
|
|
6182
6182
|
}];
|
|
6183
6183
|
return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
|
|
6184
|
-
title: "Top
|
|
6184
|
+
title: "Top Campaigns by Conversion",
|
|
6185
6185
|
subtitle: "Click-to-donation conversion",
|
|
6186
6186
|
children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
6187
6187
|
sx: {
|
|
@@ -6203,7 +6203,7 @@ var TopCampaignsConvRateCard = function TopCampaignsConvRateCard(_ref7) {
|
|
|
6203
6203
|
color: "rgba(0, 0, 0, 0.4)",
|
|
6204
6204
|
fontWeight: 500
|
|
6205
6205
|
},
|
|
6206
|
-
children: "Conv.
|
|
6206
|
+
children: "Conv. Rate"
|
|
6207
6207
|
})]
|
|
6208
6208
|
}), data.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
6209
6209
|
sx: {
|
|
@@ -6297,7 +6297,7 @@ var TopPerformingCampaignsCard = function TopPerformingCampaignsCard(_ref8) {
|
|
|
6297
6297
|
}];
|
|
6298
6298
|
var data = dataProp === null ? fallbackData : dataProp;
|
|
6299
6299
|
return /*#__PURE__*/jsxRuntime.jsxs(CardWrapper, {
|
|
6300
|
-
title: "Top
|
|
6300
|
+
title: "Top Performing Campaigns",
|
|
6301
6301
|
subtitle: "Paid campaigns ranked by ROAS",
|
|
6302
6302
|
children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
|
|
6303
6303
|
sx: {
|
|
@@ -6451,7 +6451,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref9) {
|
|
|
6451
6451
|
color: "#000",
|
|
6452
6452
|
lineHeight: 1.15
|
|
6453
6453
|
},
|
|
6454
|
-
children: "Paid
|
|
6454
|
+
children: "Paid Donor Geography"
|
|
6455
6455
|
}), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
6456
6456
|
sx: {
|
|
6457
6457
|
fontSize: "13px",
|
|
@@ -6730,7 +6730,7 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
|
|
|
6730
6730
|
textAlign: "left",
|
|
6731
6731
|
lineHeight: 1.15
|
|
6732
6732
|
},
|
|
6733
|
-
children: "Refunds &
|
|
6733
|
+
children: "Refunds & Chargebacks"
|
|
6734
6734
|
}), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
|
|
6735
6735
|
sx: {
|
|
6736
6736
|
fontSize: "13px",
|
|
@@ -6965,12 +6965,12 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
6965
6965
|
alignItems: "stretch"
|
|
6966
6966
|
},
|
|
6967
6967
|
children: [/*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
|
|
6968
|
-
title: "Active
|
|
6968
|
+
title: "Active Campaigns",
|
|
6969
6969
|
subtitle: "Live fundraisers ranked by velocity",
|
|
6970
6970
|
columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
|
|
6971
6971
|
rows: activeCampaignsRows
|
|
6972
6972
|
}), /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
|
|
6973
|
-
title: "Donor
|
|
6973
|
+
title: "Donor Mix",
|
|
6974
6974
|
subtitle: "Acquisition vs retention",
|
|
6975
6975
|
series: [newDonors, returningDonors],
|
|
6976
6976
|
labels: ["New donors", "Returning"],
|
|
@@ -7006,7 +7006,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
7006
7006
|
paddingTop: "0px !important"
|
|
7007
7007
|
},
|
|
7008
7008
|
children: /*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
|
|
7009
|
-
title: "Active
|
|
7009
|
+
title: "Active Campaigns",
|
|
7010
7010
|
subtitle: "Live fundraisers ranked by velocity",
|
|
7011
7011
|
columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
|
|
7012
7012
|
rows: activeCampaignsRows
|
|
@@ -7024,7 +7024,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
7024
7024
|
}
|
|
7025
7025
|
},
|
|
7026
7026
|
children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
|
|
7027
|
-
title: "Donor
|
|
7027
|
+
title: "Donor Mix",
|
|
7028
7028
|
subtitle: "Acquisition vs retention",
|
|
7029
7029
|
series: [newDonors, returningDonors],
|
|
7030
7030
|
labels: ["New donors", "Returning"],
|
|
@@ -7032,7 +7032,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
|
|
|
7032
7032
|
centerLabel: "donors",
|
|
7033
7033
|
centerValue: String(totalMix),
|
|
7034
7034
|
items: [{
|
|
7035
|
-
label: "New
|
|
7035
|
+
label: "New Donors",
|
|
7036
7036
|
val: "".concat(newDonors, " - ").concat(newPct, "%"),
|
|
7037
7037
|
color: "rgb(99, 99, 230)"
|
|
7038
7038
|
}, {
|
|
@@ -17595,7 +17595,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17595
17595
|
error: false,
|
|
17596
17596
|
warning: false
|
|
17597
17597
|
},
|
|
17598
|
-
"Avg
|
|
17598
|
+
"Avg Donation": {
|
|
17599
17599
|
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))),
|
|
17600
17600
|
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 "),
|
|
17601
17601
|
label: "Average Donation Amount",
|
|
@@ -17747,7 +17747,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17747
17747
|
categories = _buildStackedSeries.categories,
|
|
17748
17748
|
series = _buildStackedSeries.series;
|
|
17749
17749
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17750
|
-
label: "Total
|
|
17750
|
+
label: "Total Revenue Trend",
|
|
17751
17751
|
data: undefined,
|
|
17752
17752
|
// Clear single data property to force series usage
|
|
17753
17753
|
series: series,
|
|
@@ -17771,7 +17771,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17771
17771
|
_categories = _buildStackedSeries2.categories,
|
|
17772
17772
|
_series = _buildStackedSeries2.series;
|
|
17773
17773
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17774
|
-
label: "Net
|
|
17774
|
+
label: "Net Revenue Trend",
|
|
17775
17775
|
data: undefined,
|
|
17776
17776
|
series: _series,
|
|
17777
17777
|
categories: _categories,
|
|
@@ -17781,7 +17781,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17781
17781
|
});
|
|
17782
17782
|
} else if (Array.isArray(netData) && netData.length > 0) {
|
|
17783
17783
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17784
|
-
label: "Net
|
|
17784
|
+
label: "Net Revenue Trend",
|
|
17785
17785
|
data: netData.map(function (item) {
|
|
17786
17786
|
return item.value;
|
|
17787
17787
|
}),
|
|
@@ -17803,7 +17803,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17803
17803
|
_categories2 = _buildStackedSeries3.categories,
|
|
17804
17804
|
_series2 = _buildStackedSeries3.series;
|
|
17805
17805
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17806
|
-
label: "Donor
|
|
17806
|
+
label: "Donor Trend",
|
|
17807
17807
|
data: undefined,
|
|
17808
17808
|
series: _series2,
|
|
17809
17809
|
categories: _categories2,
|
|
@@ -17813,7 +17813,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17813
17813
|
});
|
|
17814
17814
|
} else if (Array.isArray(donorsData) && donorsData.length > 0) {
|
|
17815
17815
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17816
|
-
label: "Donor
|
|
17816
|
+
label: "Donor Trend",
|
|
17817
17817
|
data: donorsData.map(function (item) {
|
|
17818
17818
|
return item.value;
|
|
17819
17819
|
}),
|
|
@@ -17889,7 +17889,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17889
17889
|
});
|
|
17890
17890
|
}
|
|
17891
17891
|
}
|
|
17892
|
-
if (activeMetric === "Avg
|
|
17892
|
+
if (activeMetric === "Avg Donation") {
|
|
17893
17893
|
var _apiData$overviewStat26;
|
|
17894
17894
|
var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.avgDonations;
|
|
17895
17895
|
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);
|
|
@@ -17898,7 +17898,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17898
17898
|
_categories5 = _buildStackedSeries6.categories,
|
|
17899
17899
|
_series5 = _buildStackedSeries6.series;
|
|
17900
17900
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17901
|
-
label: "Average
|
|
17901
|
+
label: "Average Donation Trend",
|
|
17902
17902
|
data: undefined,
|
|
17903
17903
|
series: _series5,
|
|
17904
17904
|
categories: _categories5,
|
|
@@ -17908,7 +17908,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17908
17908
|
});
|
|
17909
17909
|
} else if (Array.isArray(avgData) && avgData.length > 0) {
|
|
17910
17910
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
17911
|
-
label: "Average
|
|
17911
|
+
label: "Average Donation Trend",
|
|
17912
17912
|
data: avgData.map(function (item) {
|
|
17913
17913
|
return item.value;
|
|
17914
17914
|
}),
|
|
@@ -18152,7 +18152,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18152
18152
|
error: false,
|
|
18153
18153
|
warning: false
|
|
18154
18154
|
},
|
|
18155
|
-
"Cost
|
|
18155
|
+
"Cost Per Donor": {
|
|
18156
18156
|
value: "$".concat(formatNumber(373)),
|
|
18157
18157
|
subValue: "12% vs pp",
|
|
18158
18158
|
data: [350, 380, 360, 410, 390, 370, 373],
|
|
@@ -18162,7 +18162,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18162
18162
|
error: false,
|
|
18163
18163
|
warning: false
|
|
18164
18164
|
},
|
|
18165
|
-
"Conversion
|
|
18165
|
+
"Conversion Rate": {
|
|
18166
18166
|
value: "3.1%",
|
|
18167
18167
|
subValue: "12% vs pp",
|
|
18168
18168
|
data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
|
|
@@ -18173,7 +18173,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18173
18173
|
error: false,
|
|
18174
18174
|
warning: false
|
|
18175
18175
|
},
|
|
18176
|
-
"Avg
|
|
18176
|
+
"Avg Donation": {
|
|
18177
18177
|
value: "$".concat(formatNumber(130.58)),
|
|
18178
18178
|
subValue: "12% vs pp",
|
|
18179
18179
|
data: [120, 135, 125, 140, 130, 128, 130.58],
|
|
@@ -18217,7 +18217,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18217
18217
|
error: false,
|
|
18218
18218
|
warning: false
|
|
18219
18219
|
},
|
|
18220
|
-
"Cost
|
|
18220
|
+
"Cost Per Donor": {
|
|
18221
18221
|
value: "$".concat(formatNumber((_overview$costPerDono = overview.costPerDonor) !== null && _overview$costPerDono !== void 0 ? _overview$costPerDono : 0)),
|
|
18222
18222
|
subValue: formatGrowth$2(growth.costPerDonor),
|
|
18223
18223
|
data: flatSeries((_overview$costPerDono2 = overview.costPerDonor) !== null && _overview$costPerDono2 !== void 0 ? _overview$costPerDono2 : 0),
|
|
@@ -18227,7 +18227,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18227
18227
|
error: false,
|
|
18228
18228
|
warning: false
|
|
18229
18229
|
},
|
|
18230
|
-
"Conversion
|
|
18230
|
+
"Conversion Rate": {
|
|
18231
18231
|
value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
|
|
18232
18232
|
subValue: formatGrowth$2(growth.conversionRate),
|
|
18233
18233
|
data: flatSeries((_overview$conversionR2 = overview.conversionRate) !== null && _overview$conversionR2 !== void 0 ? _overview$conversionR2 : 0),
|
|
@@ -18238,7 +18238,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18238
18238
|
error: false,
|
|
18239
18239
|
warning: false
|
|
18240
18240
|
},
|
|
18241
|
-
"Avg
|
|
18241
|
+
"Avg Donation": {
|
|
18242
18242
|
value: "$".concat(formatNumber((_overview$averageDona = overview.averageDonation) !== null && _overview$averageDona !== void 0 ? _overview$averageDona : 0)),
|
|
18243
18243
|
subValue: formatGrowth$2(growth.averageDonation),
|
|
18244
18244
|
data: flatSeries((_overview$averageDona2 = overview.averageDonation) !== null && _overview$averageDona2 !== void 0 ? _overview$averageDona2 : 0),
|
|
@@ -18390,7 +18390,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18390
18390
|
isPrimary: true,
|
|
18391
18391
|
isPremium: true,
|
|
18392
18392
|
numberOfDays: numberOfDays,
|
|
18393
|
-
metric: activeMetric === "Conversion
|
|
18393
|
+
metric: activeMetric === "Conversion Rate" ? "Percent" : activeMetric === "ROAS" ? "ROAS" : selectedInfo.money ? "Revenue" : "Donors"
|
|
18394
18394
|
})
|
|
18395
18395
|
}), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
|
|
18396
18396
|
container: true,
|
|
@@ -18407,9 +18407,9 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18407
18407
|
minHeight: "430px"
|
|
18408
18408
|
},
|
|
18409
18409
|
children: /*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
|
|
18410
|
-
title: "Channel
|
|
18410
|
+
title: "Channel Performance",
|
|
18411
18411
|
subtitle: "Ad platforms ranked by ROAS",
|
|
18412
|
-
columns: ["
|
|
18412
|
+
columns: ["Channel", "Ppend", "Revenue", "ROAS", "CPA", "Trend"],
|
|
18413
18413
|
gridTemplateColumns: "2.2fr 1fr 1fr 0.8fr 0.8fr 1.2fr",
|
|
18414
18414
|
height: "100%",
|
|
18415
18415
|
rows: channelRows !== null && channelRows !== void 0 ? channelRows : [{
|
|
@@ -18492,7 +18492,7 @@ var PaidSection = function PaidSection(_ref) {
|
|
|
18492
18492
|
}
|
|
18493
18493
|
},
|
|
18494
18494
|
children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
|
|
18495
|
-
title: "Spend
|
|
18495
|
+
title: "Spend Allocation",
|
|
18496
18496
|
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",
|
|
18497
18497
|
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],
|
|
18498
18498
|
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"],
|
|
@@ -18658,7 +18658,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18658
18658
|
warning: false,
|
|
18659
18659
|
error: false
|
|
18660
18660
|
},
|
|
18661
|
-
"Revenue
|
|
18661
|
+
"Revenue Raised": {
|
|
18662
18662
|
value: "$".concat(formatNumber(240398)),
|
|
18663
18663
|
subValue: "0.4x vs pp",
|
|
18664
18664
|
data: [2.5, 3.1, 2.8, 4.2, 3.8, 4.5, 5.2],
|
|
@@ -18668,7 +18668,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18668
18668
|
warning: false,
|
|
18669
18669
|
error: false
|
|
18670
18670
|
},
|
|
18671
|
-
"Avg
|
|
18671
|
+
"Avg Donation": {
|
|
18672
18672
|
value: "$".concat(formatNumber(130.58)),
|
|
18673
18673
|
subValue: "18% vs pp",
|
|
18674
18674
|
data: [110, 125, 120, 135, 130, 128, 130.58],
|
|
@@ -18733,7 +18733,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18733
18733
|
warning: false,
|
|
18734
18734
|
error: false
|
|
18735
18735
|
},
|
|
18736
|
-
"Revenue
|
|
18736
|
+
"Revenue Raised": {
|
|
18737
18737
|
value: "$".concat(formatNumber((_overview$totalRevenu3 = overview.totalRevenue) !== null && _overview$totalRevenu3 !== void 0 ? _overview$totalRevenu3 : 0)),
|
|
18738
18738
|
subValue: growthCaption("totalRevenue"),
|
|
18739
18739
|
data: revenueSeries.data,
|
|
@@ -18743,7 +18743,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18743
18743
|
warning: false,
|
|
18744
18744
|
error: false
|
|
18745
18745
|
},
|
|
18746
|
-
"Avg
|
|
18746
|
+
"Avg Donation": {
|
|
18747
18747
|
value: "$".concat(formatNumber((_overview$overallAVGD3 = overview.overallAVGDonations) !== null && _overview$overallAVGD3 !== void 0 ? _overview$overallAVGD3 : 0)),
|
|
18748
18748
|
subValue: growthCaption("overallAVGDonations"),
|
|
18749
18749
|
data: avgDonationSeries.data,
|
|
@@ -18917,7 +18917,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18917
18917
|
}
|
|
18918
18918
|
},
|
|
18919
18919
|
children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
|
|
18920
|
-
title: "Source
|
|
18920
|
+
title: "Source Breakdown",
|
|
18921
18921
|
subtitle: "Where organic visitors come from",
|
|
18922
18922
|
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],
|
|
18923
18923
|
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"],
|
|
@@ -18972,7 +18972,7 @@ var OrganicSection = function OrganicSection(_ref) {
|
|
|
18972
18972
|
}
|
|
18973
18973
|
},
|
|
18974
18974
|
children: /*#__PURE__*/jsxRuntime.jsx(GeographyCard, {
|
|
18975
|
-
subtitle: "Top
|
|
18975
|
+
subtitle: "Top Countries by Organic Traffic",
|
|
18976
18976
|
data: geographyData
|
|
18977
18977
|
})
|
|
18978
18978
|
})]
|
|
@@ -19502,7 +19502,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19502
19502
|
apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading,
|
|
19503
19503
|
_ref$numberOfDays = _ref.numberOfDays,
|
|
19504
19504
|
numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
|
|
19505
|
-
var _useState = React.useState("Total
|
|
19505
|
+
var _useState = React.useState("Total Raised"),
|
|
19506
19506
|
_useState2 = _slicedToArray(_useState, 2),
|
|
19507
19507
|
activeMetric = _useState2[0],
|
|
19508
19508
|
setActiveMetric = _useState2[1];
|
|
@@ -19524,7 +19524,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19524
19524
|
var _overview$totalRevenu, _overview$totalDonati, _overview$conversionR, _overview$ctr, _overview$revenuePerE, _deliverability$openR, _deliverability$total, _deliverability$uniqu, _deliverability$bounc, _deliverability$reven;
|
|
19525
19525
|
if (!hasEmailOverview) {
|
|
19526
19526
|
return {
|
|
19527
|
-
"Total
|
|
19527
|
+
"Total Raised": {
|
|
19528
19528
|
value: "$".concat(formatNumber(48920)),
|
|
19529
19529
|
subValue: "12% vs pp",
|
|
19530
19530
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
|
|
@@ -19540,7 +19540,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19540
19540
|
error: false,
|
|
19541
19541
|
warning: false
|
|
19542
19542
|
},
|
|
19543
|
-
"Conversion
|
|
19543
|
+
"Conversion Rate": {
|
|
19544
19544
|
value: "3.2%",
|
|
19545
19545
|
subValue: "12% vs pp",
|
|
19546
19546
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
@@ -19558,7 +19558,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19558
19558
|
error: false,
|
|
19559
19559
|
warning: false
|
|
19560
19560
|
},
|
|
19561
|
-
"Revenue
|
|
19561
|
+
"Revenue Per Email": {
|
|
19562
19562
|
value: "$".concat(formatNumber(2.45)),
|
|
19563
19563
|
subValue: "12% vs pp",
|
|
19564
19564
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
|
|
@@ -19567,7 +19567,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19567
19567
|
error: false,
|
|
19568
19568
|
warning: false
|
|
19569
19569
|
},
|
|
19570
|
-
"Open
|
|
19570
|
+
"Open Rate": {
|
|
19571
19571
|
value: "42.3%",
|
|
19572
19572
|
subValue: "12% vs pp",
|
|
19573
19573
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
|
|
@@ -19593,7 +19593,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19593
19593
|
error: false,
|
|
19594
19594
|
warning: false
|
|
19595
19595
|
},
|
|
19596
|
-
"Bounce
|
|
19596
|
+
"Bounce Rate": {
|
|
19597
19597
|
value: "1.8%",
|
|
19598
19598
|
subValue: "12% vs pp",
|
|
19599
19599
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
|
|
@@ -19601,7 +19601,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19601
19601
|
error: false,
|
|
19602
19602
|
warning: false
|
|
19603
19603
|
},
|
|
19604
|
-
"Revenue
|
|
19604
|
+
"Revenue Per Click": {
|
|
19605
19605
|
value: "$".concat(formatNumber(30.35)),
|
|
19606
19606
|
subValue: "12% vs pp",
|
|
19607
19607
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
|
|
@@ -19613,7 +19613,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19613
19613
|
};
|
|
19614
19614
|
}
|
|
19615
19615
|
return {
|
|
19616
|
-
"Total
|
|
19616
|
+
"Total Raised": {
|
|
19617
19617
|
value: "$".concat(formatNumber((_overview$totalRevenu = overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 0)),
|
|
19618
19618
|
subValue: growthCaption("totalRevenue"),
|
|
19619
19619
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
|
|
@@ -19629,7 +19629,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19629
19629
|
error: false,
|
|
19630
19630
|
warning: false
|
|
19631
19631
|
},
|
|
19632
|
-
"Conversion
|
|
19632
|
+
"Conversion Rate": {
|
|
19633
19633
|
value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
|
|
19634
19634
|
subValue: growthCaption("conversionRate"),
|
|
19635
19635
|
icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
|
|
@@ -19647,7 +19647,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19647
19647
|
error: false,
|
|
19648
19648
|
warning: false
|
|
19649
19649
|
},
|
|
19650
|
-
"Revenue
|
|
19650
|
+
"Revenue Per Email": {
|
|
19651
19651
|
value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
|
|
19652
19652
|
subValue: growthCaption("revenuePerEmail"),
|
|
19653
19653
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
|
|
@@ -19656,7 +19656,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19656
19656
|
error: false,
|
|
19657
19657
|
warning: false
|
|
19658
19658
|
},
|
|
19659
|
-
"Open
|
|
19659
|
+
"Open Rate": {
|
|
19660
19660
|
value: "".concat(Number((_deliverability$openR = deliverability.openRate) !== null && _deliverability$openR !== void 0 ? _deliverability$openR : 0).toFixed(2), "%"),
|
|
19661
19661
|
subValue: growthCaption("openRate", deliverabilityGrowth),
|
|
19662
19662
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
|
|
@@ -19682,7 +19682,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19682
19682
|
error: false,
|
|
19683
19683
|
warning: false
|
|
19684
19684
|
},
|
|
19685
|
-
"Bounce
|
|
19685
|
+
"Bounce Rate": {
|
|
19686
19686
|
value: "".concat(Number((_deliverability$bounc = deliverability.bounceRate) !== null && _deliverability$bounc !== void 0 ? _deliverability$bounc : 0).toFixed(2), "%"),
|
|
19687
19687
|
subValue: growthCaption("bounceRate", deliverabilityGrowth),
|
|
19688
19688
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
|
|
@@ -19690,7 +19690,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19690
19690
|
error: false,
|
|
19691
19691
|
warning: false
|
|
19692
19692
|
},
|
|
19693
|
-
"Revenue
|
|
19693
|
+
"Revenue Per Click": {
|
|
19694
19694
|
value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
|
|
19695
19695
|
subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
|
|
19696
19696
|
icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
|
|
@@ -19774,7 +19774,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19774
19774
|
gap: "6px",
|
|
19775
19775
|
mb: 0
|
|
19776
19776
|
},
|
|
19777
|
-
children: ["Total
|
|
19777
|
+
children: ["Total Raised", "Donations", "Conversion Rate", "CTR", "Revenue Per Email", "Open Rate", "Clicks", "Unique Clicks", "Bounce Rate", "Revenue Per Click"].map(renderCard)
|
|
19778
19778
|
}), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
|
|
19779
19779
|
container: true,
|
|
19780
19780
|
spacing: 3,
|
|
@@ -19789,7 +19789,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19789
19789
|
paddingTop: "0px !important"
|
|
19790
19790
|
},
|
|
19791
19791
|
children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
|
|
19792
|
-
title: "Open
|
|
19792
|
+
title: "Open Rate Trend",
|
|
19793
19793
|
subtitle: "Daily - ".concat(daysLabel),
|
|
19794
19794
|
value: hasEmailOverview ? "".concat(Number((_deliverability$openR2 = deliverability.openRate) !== null && _deliverability$openR2 !== void 0 ? _deliverability$openR2 : 0).toFixed(2), "%") : "42.3%",
|
|
19795
19795
|
trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.openRate, true) : "2.1pp",
|
|
@@ -19819,23 +19819,23 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19819
19819
|
}
|
|
19820
19820
|
},
|
|
19821
19821
|
children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
|
|
19822
|
-
title: "Clicks
|
|
19822
|
+
title: "Clicks Trend",
|
|
19823
19823
|
subtitle: "Total + unique - ".concat(daysLabel),
|
|
19824
19824
|
value: hasEmailOverview ? formatNumber((_deliverability$total2 = deliverability.totalClicks) !== null && _deliverability$total2 !== void 0 ? _deliverability$total2 : 0) : "1,612",
|
|
19825
19825
|
trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.totalClicks) : "14%",
|
|
19826
19826
|
trendSeries: hasEmailOverview ? [{
|
|
19827
|
-
name: "Total
|
|
19827
|
+
name: "Total Clicks",
|
|
19828
19828
|
data: apiData === null || apiData === void 0 ? void 0 : apiData.totalClicksTrend
|
|
19829
19829
|
}, {
|
|
19830
|
-
name: "Unique
|
|
19830
|
+
name: "Unique Clicks",
|
|
19831
19831
|
data: apiData === null || apiData === void 0 ? void 0 : apiData.uniqueClicksTrend,
|
|
19832
19832
|
dashed: true
|
|
19833
19833
|
}] : undefined,
|
|
19834
19834
|
series: [{
|
|
19835
|
-
name: "Total
|
|
19835
|
+
name: "Total Clicks",
|
|
19836
19836
|
data: [56, 112, 80, 150, 112]
|
|
19837
19837
|
}, {
|
|
19838
|
-
name: "Unique
|
|
19838
|
+
name: "Unique Clicks",
|
|
19839
19839
|
data: [30, 70, 45, 100, 75],
|
|
19840
19840
|
dashed: true
|
|
19841
19841
|
}],
|
|
@@ -19863,7 +19863,7 @@ var EmailSection = function EmailSection(_ref) {
|
|
|
19863
19863
|
}
|
|
19864
19864
|
},
|
|
19865
19865
|
children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
|
|
19866
|
-
title: "Bounce
|
|
19866
|
+
title: "Bounce Rate Trend",
|
|
19867
19867
|
subtitle: "Daily - lower is better",
|
|
19868
19868
|
value: hasEmailOverview ? "".concat(Number((_deliverability$bounc2 = deliverability.bounceRate) !== null && _deliverability$bounc2 !== void 0 ? _deliverability$bounc2 : 0).toFixed(2), "%") : "1.8%",
|
|
19869
19869
|
trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.bounceRate, true) : "0.3pp",
|