@ammarkhalidfarooq/dashboard-package 0.3.33 → 0.3.35
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 +56 -9
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +56 -9
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -5475,13 +5475,13 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5475
5475
|
icon: iconsMaterial.PaidOutlined
|
|
5476
5476
|
},
|
|
5477
5477
|
"ROAS": {
|
|
5478
|
-
value: (apiData === null || apiData === void 0 ? void 0 : apiData.
|
|
5478
|
+
value: (apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) || "3.0x",
|
|
5479
5479
|
subValue: (apiData === null || apiData === void 0 ? void 0 : apiData.roasTrend) || "0.4x vs last month",
|
|
5480
5480
|
label: "ROAS",
|
|
5481
5481
|
icon: iconsMaterial.TrendingUp
|
|
5482
5482
|
},
|
|
5483
|
-
Conversion: {
|
|
5484
|
-
value: (apiData === null || apiData === void 0 ? void 0 : apiData.
|
|
5483
|
+
"Conversion": {
|
|
5484
|
+
value: (apiData === null || apiData === void 0 ? void 0 : apiData.conversionCard) || "1.7%",
|
|
5485
5485
|
subValue: (apiData === null || apiData === void 0 ? void 0 : apiData.conversionSub) || "215 / 12.4K",
|
|
5486
5486
|
label: "Conversion Rate",
|
|
5487
5487
|
icon: iconsMaterial.Adjust
|
|
@@ -5687,14 +5687,61 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5687
5687
|
});
|
|
5688
5688
|
}
|
|
5689
5689
|
}
|
|
5690
|
-
if (activeMetric === "
|
|
5691
|
-
var
|
|
5692
|
-
var _hasStackedData4 = (
|
|
5690
|
+
if (activeMetric === "Conversion") {
|
|
5691
|
+
var conversionData = apiData === null || apiData === void 0 ? void 0 : apiData.conversion;
|
|
5692
|
+
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);
|
|
5693
5693
|
if (_hasStackedData4) {
|
|
5694
|
-
var _categories4 = ((
|
|
5694
|
+
var _categories4 = ((conversionData === null || conversionData === void 0 ? void 0 : conversionData.organic) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.paidAds) || (conversionData === null || conversionData === void 0 ? void 0 : conversionData.email) || []).map(function (item) {
|
|
5695
5695
|
return item.date;
|
|
5696
5696
|
});
|
|
5697
5697
|
var _series4 = [{
|
|
5698
|
+
name: "Paid Ads",
|
|
5699
|
+
data: ((conversionData === null || conversionData === void 0 ? void 0 : conversionData.paidAds) || []).map(function (item) {
|
|
5700
|
+
return item.value;
|
|
5701
|
+
})
|
|
5702
|
+
}, {
|
|
5703
|
+
name: "Organic",
|
|
5704
|
+
data: ((conversionData === null || conversionData === void 0 ? void 0 : conversionData.organic) || []).map(function (item) {
|
|
5705
|
+
return item.value;
|
|
5706
|
+
})
|
|
5707
|
+
}, {
|
|
5708
|
+
name: "Email",
|
|
5709
|
+
data: ((conversionData === null || conversionData === void 0 ? void 0 : conversionData.email) || []).map(function (item) {
|
|
5710
|
+
return item.value;
|
|
5711
|
+
})
|
|
5712
|
+
}];
|
|
5713
|
+
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5714
|
+
label: "Conversion Rate",
|
|
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(conversionData) && conversionData.length > 0) {
|
|
5723
|
+
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5724
|
+
label: "Conversion Rate",
|
|
5725
|
+
data: conversionData.map(function (item) {
|
|
5726
|
+
return item.value;
|
|
5727
|
+
}),
|
|
5728
|
+
categories: conversionData.map(function (item) {
|
|
5729
|
+
return item.date;
|
|
5730
|
+
}),
|
|
5731
|
+
series: undefined,
|
|
5732
|
+
stacked: false,
|
|
5733
|
+
hideControls: true
|
|
5734
|
+
});
|
|
5735
|
+
}
|
|
5736
|
+
}
|
|
5737
|
+
if (activeMetric === "Avg donation") {
|
|
5738
|
+
var avgData = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonations;
|
|
5739
|
+
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);
|
|
5740
|
+
if (_hasStackedData5) {
|
|
5741
|
+
var _categories5 = ((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) {
|
|
5742
|
+
return item.date;
|
|
5743
|
+
});
|
|
5744
|
+
var _series5 = [{
|
|
5698
5745
|
name: "Paid Ads",
|
|
5699
5746
|
data: ((avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || []).map(function (item) {
|
|
5700
5747
|
return item.value;
|
|
@@ -5713,8 +5760,8 @@ var OverallSection = function OverallSection(_ref) {
|
|
|
5713
5760
|
mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
|
|
5714
5761
|
label: "Average donation trend",
|
|
5715
5762
|
data: undefined,
|
|
5716
|
-
series:
|
|
5717
|
-
categories:
|
|
5763
|
+
series: _series5,
|
|
5764
|
+
categories: _categories5,
|
|
5718
5765
|
stacked: true,
|
|
5719
5766
|
colors: ["#6366F1", "#10B981", "#06B6D4"],
|
|
5720
5767
|
hideControls: true
|