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