@ammarkhalidfarooq/dashboard-package 0.3.32 → 0.3.34

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
@@ -5474,8 +5474,8 @@ var OverallSection = function OverallSection(_ref) {
5474
5474
  label: "Average Donation Amount",
5475
5475
  icon: iconsMaterial.PaidOutlined
5476
5476
  },
5477
- ROAS: {
5478
- value: (apiData === null || apiData === void 0 ? void 0 : apiData.roas) || "3.0x",
5477
+ "ROAS": {
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
@@ -5640,14 +5640,61 @@ var OverallSection = function OverallSection(_ref) {
5640
5640
  });
5641
5641
  }
5642
5642
  }
5643
- if (activeMetric === "Avg donation") {
5644
- var avgData = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonations;
5645
- var _hasStackedData3 = (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);
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
5646
  if (_hasStackedData3) {
5647
- var _categories3 = ((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) {
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
5648
  return item.date;
5649
5649
  });
5650
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 = [{
5651
5698
  name: "Paid Ads",
5652
5699
  data: ((avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || []).map(function (item) {
5653
5700
  return item.value;
@@ -5666,8 +5713,8 @@ var OverallSection = function OverallSection(_ref) {
5666
5713
  mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
5667
5714
  label: "Average donation trend",
5668
5715
  data: undefined,
5669
- series: _series3,
5670
- categories: _categories3,
5716
+ series: _series4,
5717
+ categories: _categories4,
5671
5718
  stacked: true,
5672
5719
  colors: ["#6366F1", "#10B981", "#06B6D4"],
5673
5720
  hideControls: true