@ammarkhalidfarooq/dashboard-package 0.3.34 → 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 CHANGED
@@ -5480,8 +5480,8 @@ var OverallSection = function OverallSection(_ref) {
5480
5480
  label: "ROAS",
5481
5481
  icon: iconsMaterial.TrendingUp
5482
5482
  },
5483
- Conversion: {
5484
- value: (apiData === null || apiData === void 0 ? void 0 : apiData.conversion) || "1.7%",
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 === "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);
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 = ((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) {
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: _series4,
5717
- categories: _categories4,
5763
+ series: _series5,
5764
+ categories: _categories5,
5718
5765
  stacked: true,
5719
5766
  colors: ["#6366F1", "#10B981", "#06B6D4"],
5720
5767
  hideControls: true