@ammarkhalidfarooq/dashboard-package 0.3.31 → 0.3.33
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 +95 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +95 -1
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -5472,7 +5472,7 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5472
5472
|
label: "Average Donation Amount",
|
|
5473
5473
|
icon: PaidOutlined
|
|
5474
5474
|
},
|
|
5475
|
-
ROAS: {
|
|
5475
|
+
"ROAS": {
|
|
5476
5476
|
value: (apiData === null || apiData === void 0 ? void 0 : apiData.roas) || "3.0x",
|
|
5477
5477
|
subValue: (apiData === null || apiData === void 0 ? void 0 : apiData.roasTrend) || "0.4x vs last month",
|
|
5478
5478
|
label: "ROAS",
|
|
@@ -5638,6 +5638,100 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5638
5638
|
});
|
|
5639
5639
|
}
|
|
5640
5640
|
}
|
|
5641
|
+
if (activeMetric === "ROAS") {
|
|
5642
|
+
var roasData = apiData === null || apiData === void 0 ? void 0 : apiData.roas;
|
|
5643
|
+
var _hasStackedData3 = (roasData === null || roasData === void 0 ? void 0 : roasData.paidAds) || (roasData === null || roasData === void 0 ? void 0 : roasData.email) || (roasData === null || roasData === void 0 ? void 0 : roasData.organic);
|
|
5644
|
+
if (_hasStackedData3) {
|
|
5645
|
+
var _categories3 = ((roasData === null || roasData === void 0 ? void 0 : roasData.organic) || (roasData === null || roasData === void 0 ? void 0 : roasData.paidAds) || (roasData === null || roasData === void 0 ? void 0 : roasData.email) || []).map(function (item) {
|
|
5646
|
+
return item.date;
|
|
5647
|
+
});
|
|
5648
|
+
var _series3 = [{
|
|
5649
|
+
name: "Paid Ads",
|
|
5650
|
+
data: ((roasData === null || roasData === void 0 ? void 0 : roasData.paidAds) || []).map(function (item) {
|
|
5651
|
+
return item.value;
|
|
5652
|
+
})
|
|
5653
|
+
}, {
|
|
5654
|
+
name: "Organic",
|
|
5655
|
+
data: ((roasData === null || roasData === void 0 ? void 0 : roasData.organic) || []).map(function (item) {
|
|
5656
|
+
return item.value;
|
|
5657
|
+
})
|
|
5658
|
+
}, {
|
|
5659
|
+
name: "Email",
|
|
5660
|
+
data: ((roasData === null || roasData === void 0 ? void 0 : roasData.email) || []).map(function (item) {
|
|
5661
|
+
return item.value;
|
|
5662
|
+
})
|
|
5663
|
+
}];
|
|
5664
|
+
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5665
|
+
label: "ROAS",
|
|
5666
|
+
data: undefined,
|
|
5667
|
+
series: _series3,
|
|
5668
|
+
categories: _categories3,
|
|
5669
|
+
stacked: true,
|
|
5670
|
+
colors: ["#6366F1", "#10B981", "#06B6D4"],
|
|
5671
|
+
hideControls: true
|
|
5672
|
+
});
|
|
5673
|
+
} else if (Array.isArray(roasData) && roasData.length > 0) {
|
|
5674
|
+
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5675
|
+
label: "ROAS",
|
|
5676
|
+
data: roasData.map(function (item) {
|
|
5677
|
+
return item.value;
|
|
5678
|
+
}),
|
|
5679
|
+
categories: roasData.map(function (item) {
|
|
5680
|
+
return item.date;
|
|
5681
|
+
}),
|
|
5682
|
+
series: undefined,
|
|
5683
|
+
stacked: false,
|
|
5684
|
+
hideControls: true
|
|
5685
|
+
});
|
|
5686
|
+
}
|
|
5687
|
+
}
|
|
5688
|
+
if (activeMetric === "Avg donation") {
|
|
5689
|
+
var avgData = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonations;
|
|
5690
|
+
var _hasStackedData4 = (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);
|
|
5691
|
+
if (_hasStackedData4) {
|
|
5692
|
+
var _categories4 = ((avgData === null || avgData === void 0 ? void 0 : avgData.organic) || (avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || (avgData === null || avgData === void 0 ? void 0 : avgData.email) || []).map(function (item) {
|
|
5693
|
+
return item.date;
|
|
5694
|
+
});
|
|
5695
|
+
var _series4 = [{
|
|
5696
|
+
name: "Paid Ads",
|
|
5697
|
+
data: ((avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || []).map(function (item) {
|
|
5698
|
+
return item.value;
|
|
5699
|
+
})
|
|
5700
|
+
}, {
|
|
5701
|
+
name: "Organic",
|
|
5702
|
+
data: ((avgData === null || avgData === void 0 ? void 0 : avgData.organic) || []).map(function (item) {
|
|
5703
|
+
return item.value;
|
|
5704
|
+
})
|
|
5705
|
+
}, {
|
|
5706
|
+
name: "Email",
|
|
5707
|
+
data: ((avgData === null || avgData === void 0 ? void 0 : avgData.email) || []).map(function (item) {
|
|
5708
|
+
return item.value;
|
|
5709
|
+
})
|
|
5710
|
+
}];
|
|
5711
|
+
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5712
|
+
label: "Average donation trend",
|
|
5713
|
+
data: undefined,
|
|
5714
|
+
series: _series4,
|
|
5715
|
+
categories: _categories4,
|
|
5716
|
+
stacked: true,
|
|
5717
|
+
colors: ["#6366F1", "#10B981", "#06B6D4"],
|
|
5718
|
+
hideControls: true
|
|
5719
|
+
});
|
|
5720
|
+
} else if (Array.isArray(avgData) && avgData.length > 0) {
|
|
5721
|
+
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5722
|
+
label: "Average donation trend",
|
|
5723
|
+
data: avgData.map(function (item) {
|
|
5724
|
+
return item.value;
|
|
5725
|
+
}),
|
|
5726
|
+
categories: avgData.map(function (item) {
|
|
5727
|
+
return item.date;
|
|
5728
|
+
}),
|
|
5729
|
+
series: undefined,
|
|
5730
|
+
stacked: false,
|
|
5731
|
+
hideControls: true
|
|
5732
|
+
});
|
|
5733
|
+
}
|
|
5734
|
+
}
|
|
5641
5735
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5642
5736
|
label: mainChart.label || activeMetric,
|
|
5643
5737
|
value: selectedInfo.value,
|