@ammarkhalidfarooq/dashboard-package 0.6.40 → 0.6.42
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 +25 -25
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +25 -25
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -4753,7 +4753,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
|
|
|
4753
4753
|
plotOptions: {
|
|
4754
4754
|
bar: {
|
|
4755
4755
|
horizontal: false,
|
|
4756
|
-
columnWidth: "
|
|
4756
|
+
columnWidth: "75%",
|
|
4757
4757
|
borderRadius: 4,
|
|
4758
4758
|
distributed: isDistributed,
|
|
4759
4759
|
dataLabels: {
|
|
@@ -16705,7 +16705,7 @@ var EmailSectionSkeleton = function EmailSectionSkeleton() {
|
|
|
16705
16705
|
};
|
|
16706
16706
|
|
|
16707
16707
|
var OverallSection = function OverallSection(_ref) {
|
|
16708
|
-
var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$
|
|
16708
|
+
var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$overviewStat11, _apiData$overviewStat12, _apiData$overviewStat13, _apiData$roasCard, _apiData$roasCardPrev, _apiData$overviewStat14, _apiData$overviewStat15, _apiData$overviewStat16, _apiData$overviewStat17, _apiData$overviewStat18, _apiData$overviewStat19, _apiData$overviewStat20, _apiData$overviewStat21;
|
|
16709
16709
|
var _ref$apiData = _ref.apiData,
|
|
16710
16710
|
apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
|
|
16711
16711
|
primaryCharts = _ref.primaryCharts,
|
|
@@ -16772,8 +16772,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16772
16772
|
};
|
|
16773
16773
|
var metricInfo = {
|
|
16774
16774
|
"Total Raised": {
|
|
16775
|
-
value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$
|
|
16776
|
-
subValue: "".concat(Number((_apiData$
|
|
16775
|
+
value: "$".concat(formatNumber(((_apiData$overviewStat = apiData === null || apiData === void 0 || (_apiData$overviewStat2 = apiData.overviewStats) === null || _apiData$overviewStat2 === void 0 || (_apiData$overviewStat2 = _apiData$overviewStat2.overview) === null || _apiData$overviewStat2 === void 0 ? void 0 : _apiData$overviewStat2.totalRevenue) !== null && _apiData$overviewStat !== void 0 ? _apiData$overviewStat : 0).toFixed(2))) || "$0",
|
|
16776
|
+
subValue: "".concat(Number((_apiData$overviewStat3 = apiData === null || apiData === void 0 || (_apiData$overviewStat4 = apiData.overviewStats) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.overview) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.growthPercentage) === null || _apiData$overviewStat4 === void 0 ? void 0 : _apiData$overviewStat4.totalRevenue) !== null && _apiData$overviewStat3 !== void 0 ? _apiData$overviewStat3 : 0).toFixed(2), "% vs pp"),
|
|
16777
16777
|
label: "Total Raised",
|
|
16778
16778
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
|
|
16779
16779
|
money: true,
|
|
@@ -16781,8 +16781,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16781
16781
|
warning: false
|
|
16782
16782
|
},
|
|
16783
16783
|
"Net Raised": {
|
|
16784
|
-
value: "$".concat(formatNumber(((_apiData$
|
|
16785
|
-
subValue: "".concat(Number((_apiData$
|
|
16784
|
+
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))),
|
|
16785
|
+
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 "),
|
|
16786
16786
|
label: "Net Raised",
|
|
16787
16787
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.FavoriteOutlined, {}),
|
|
16788
16788
|
money: true,
|
|
@@ -16790,8 +16790,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16790
16790
|
warning: false
|
|
16791
16791
|
},
|
|
16792
16792
|
"Total Donors": {
|
|
16793
|
-
value: (apiData === null || apiData === void 0 || (_apiData$
|
|
16794
|
-
subValue: "".concat(Number((_apiData$
|
|
16793
|
+
value: (apiData === null || apiData === void 0 || (_apiData$overviewStat9 = apiData.overviewStats) === null || _apiData$overviewStat9 === void 0 || (_apiData$overviewStat9 = _apiData$overviewStat9.overview) === null || _apiData$overviewStat9 === void 0 ? void 0 : _apiData$overviewStat9.totalDonations) || "0",
|
|
16794
|
+
subValue: "".concat(Number((_apiData$overviewStat0 = apiData === null || apiData === void 0 || (_apiData$overviewStat1 = apiData.overviewStats) === null || _apiData$overviewStat1 === void 0 || (_apiData$overviewStat1 = _apiData$overviewStat1.overview.growthPercentage) === null || _apiData$overviewStat1 === void 0 ? void 0 : _apiData$overviewStat1.totalDonations) !== null && _apiData$overviewStat0 !== void 0 ? _apiData$overviewStat0 : 0).toFixed(2), "%") || "0 new",
|
|
16795
16795
|
label: "Total Donors",
|
|
16796
16796
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PeopleAltOutlined, {}),
|
|
16797
16797
|
money: false,
|
|
@@ -16799,8 +16799,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16799
16799
|
warning: false
|
|
16800
16800
|
},
|
|
16801
16801
|
"Avg donation": {
|
|
16802
|
-
value: "$".concat(formatNumber(((_apiData$
|
|
16803
|
-
subValue: "".concat(Number((_apiData$
|
|
16802
|
+
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))),
|
|
16803
|
+
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 "),
|
|
16804
16804
|
label: "Average Donation Amount",
|
|
16805
16805
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
|
|
16806
16806
|
money: true,
|
|
@@ -16809,7 +16809,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16809
16809
|
},
|
|
16810
16810
|
"ROAS": {
|
|
16811
16811
|
value: "".concat(formatNumber(((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0).toFixed(2)), "x"),
|
|
16812
|
-
subValue: "".concat(Number((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0).toFixed(2), "x vs
|
|
16812
|
+
subValue: "".concat(Number((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0).toFixed(2), "x vs pp"),
|
|
16813
16813
|
label: "ROAS",
|
|
16814
16814
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.TrendingUp, {}),
|
|
16815
16815
|
money: false,
|
|
@@ -16817,8 +16817,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16817
16817
|
warning: false
|
|
16818
16818
|
},
|
|
16819
16819
|
"Conversion": {
|
|
16820
|
-
value: "".concat(formatNumber(((_apiData$
|
|
16821
|
-
subValue: "".concat(((_apiData$
|
|
16820
|
+
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)), "%"),
|
|
16821
|
+
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%",
|
|
16822
16822
|
label: "Conversion Rate",
|
|
16823
16823
|
icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Adjust, {}),
|
|
16824
16824
|
money: false,
|
|
@@ -16852,8 +16852,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16852
16852
|
newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
|
|
16853
16853
|
returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
|
|
16854
16854
|
}
|
|
16855
|
-
var avgGift = Number(((_apiData$
|
|
16856
|
-
var donorMixPrev = Number(((_apiData$
|
|
16855
|
+
var avgGift = Number(((_apiData$overviewStat18 = apiData === null || apiData === void 0 || (_apiData$overviewStat19 = apiData.overviewStats) === null || _apiData$overviewStat19 === void 0 || (_apiData$overviewStat19 = _apiData$overviewStat19.overview) === null || _apiData$overviewStat19 === void 0 ? void 0 : _apiData$overviewStat19.overallAVGDonations) !== null && _apiData$overviewStat18 !== void 0 ? _apiData$overviewStat18 : 0).toFixed(2));
|
|
16856
|
+
var donorMixPrev = Number(((_apiData$overviewStat20 = apiData === null || apiData === void 0 || (_apiData$overviewStat21 = apiData.overviewStats) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.overview) === null || _apiData$overviewStat21 === void 0 || (_apiData$overviewStat21 = _apiData$overviewStat21.growthPercentage) === null || _apiData$overviewStat21 === void 0 ? void 0 : _apiData$overviewStat21.overallAVGDonations) !== null && _apiData$overviewStat20 !== void 0 ? _apiData$overviewStat20 : 0).toFixed(2));
|
|
16857
16857
|
var renderCard = function renderCard(title) {
|
|
16858
16858
|
return /*#__PURE__*/jsxRuntime.jsx(MetricCard$1
|
|
16859
16859
|
// key={title}
|
|
@@ -16939,8 +16939,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16939
16939
|
};
|
|
16940
16940
|
};
|
|
16941
16941
|
if (activeMetric === "Total Raised") {
|
|
16942
|
-
var _apiData$
|
|
16943
|
-
var stackedData = apiData === null || apiData === void 0 || (_apiData$
|
|
16942
|
+
var _apiData$overviewStat22;
|
|
16943
|
+
var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat22 = apiData.overviewStats) === null || _apiData$overviewStat22 === void 0 ? void 0 : _apiData$overviewStat22.totalRaised;
|
|
16944
16944
|
var hasStackedData = (stackedData === null || stackedData === void 0 ? void 0 : stackedData.paidAds) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.email) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.organic);
|
|
16945
16945
|
if (hasStackedData) {
|
|
16946
16946
|
var _buildStackedSeries = buildStackedSeries(stackedData),
|
|
@@ -16963,8 +16963,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16963
16963
|
}
|
|
16964
16964
|
}
|
|
16965
16965
|
if (activeMetric === "Net Raised") {
|
|
16966
|
-
var _apiData$
|
|
16967
|
-
var netData = apiData === null || apiData === void 0 || (_apiData$
|
|
16966
|
+
var _apiData$overviewStat23;
|
|
16967
|
+
var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat23 = apiData.overviewStats) === null || _apiData$overviewStat23 === void 0 ? void 0 : _apiData$overviewStat23.netRaised;
|
|
16968
16968
|
var _hasStackedData = (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || (netData === null || netData === void 0 ? void 0 : netData.organic);
|
|
16969
16969
|
if (_hasStackedData) {
|
|
16970
16970
|
var _buildStackedSeries2 = buildStackedSeries(netData),
|
|
@@ -16995,8 +16995,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
16995
16995
|
}
|
|
16996
16996
|
}
|
|
16997
16997
|
if (activeMetric === "Total Donors") {
|
|
16998
|
-
var _apiData$
|
|
16999
|
-
var donorsData = apiData === null || apiData === void 0 || (_apiData$
|
|
16998
|
+
var _apiData$overviewStat24;
|
|
16999
|
+
var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat24 = apiData.overviewStats) === null || _apiData$overviewStat24 === void 0 ? void 0 : _apiData$overviewStat24.totalDonations;
|
|
17000
17000
|
var _hasStackedData2 = (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic);
|
|
17001
17001
|
if (_hasStackedData2) {
|
|
17002
17002
|
var _buildStackedSeries3 = buildStackedSeries(donorsData),
|
|
@@ -17058,8 +17058,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17058
17058
|
}
|
|
17059
17059
|
}
|
|
17060
17060
|
if (activeMetric === "Conversion") {
|
|
17061
|
-
var _apiData$
|
|
17062
|
-
var conversionData = apiData === null || apiData === void 0 || (_apiData$
|
|
17061
|
+
var _apiData$overviewStat25;
|
|
17062
|
+
var conversionData = apiData === null || apiData === void 0 || (_apiData$overviewStat25 = apiData.overviewStats) === null || _apiData$overviewStat25 === void 0 ? void 0 : _apiData$overviewStat25.conversionRate;
|
|
17063
17063
|
var _hasStackedData4 = (conversionData === null || conversionData === void 0 ? void 0 : conversionData.paidAds) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.email) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.organic);
|
|
17064
17064
|
if (_hasStackedData4) {
|
|
17065
17065
|
var _buildStackedSeries5 = buildStackedSeries(conversionData),
|
|
@@ -17090,8 +17090,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
17090
17090
|
}
|
|
17091
17091
|
}
|
|
17092
17092
|
if (activeMetric === "Avg donation") {
|
|
17093
|
-
var _apiData$
|
|
17094
|
-
var avgData = apiData === null || apiData === void 0 || (_apiData$
|
|
17093
|
+
var _apiData$overviewStat26;
|
|
17094
|
+
var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat26 = apiData.overviewStats) === null || _apiData$overviewStat26 === void 0 ? void 0 : _apiData$overviewStat26.avgDonations;
|
|
17095
17095
|
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);
|
|
17096
17096
|
if (_hasStackedData5) {
|
|
17097
17097
|
var _buildStackedSeries6 = buildStackedSeries(avgData),
|