@ammarkhalidfarooq/dashboard-package 0.2.5 → 0.2.7

package/dist/index.es.js

@@ -571,7 +571,9 @@ var Dashboard = function Dashboard(_ref) {
     _ref$categories = _ref.categories,
     categories = _ref$categories === void 0 ? ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"] : _ref$categories,
     _ref$apiData = _ref.apiData,
-    apiData = _ref$apiData === void 0 ? {} : _ref$apiData;
+    apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
+    _ref$performanceData = _ref.performanceData,
+    performanceData = _ref$performanceData === void 0 ? {} : _ref$performanceData;
   var _React$useState = React.useState(initialMetric),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     metric = _React$useState2[0];
@@ -648,7 +650,8 @@ var Dashboard = function Dashboard(_ref) {
         children: /*#__PURE__*/jsx(CircularProgress, {})
       }),
       children: /*#__PURE__*/jsx(PerformanceSection$1, {
-        apiData: apiData
+        apiData: apiData,
+        performanceData: performanceData
       })
     }), /*#__PURE__*/jsx(Suspense, {
       fallback: /*#__PURE__*/jsx(Box, {
@@ -1802,19 +1805,71 @@ var index$5 = /*#__PURE__*/Object.freeze({
 
 var PerformanceSection = function PerformanceSection(_ref) {
   _ref.title;
+    var _ref$performanceData = _ref.performanceData,
+    performanceData = _ref$performanceData === void 0 ? {} : _ref$performanceData;
   var revenueData = [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000];
   var visitorsData = [100, 200, 150, 250, 300, 275, 325, 350, 280];
   var categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'];
+  var revPerVisData = Array.isArray(performanceData === null || performanceData === void 0 ? void 0 : performanceData.revenuePerVisitor) ? performanceData.revenuePerVisitor : [];
+  var revPerVisValues = revPerVisData.length > 0 ? revPerVisData.map(function (item) {
+    return item.value;
+  }) : revenueData;
+  var revPerVisCategories = revPerVisData.length > 0 ? revPerVisData.map(function (item) {
+    return item.date;
+  }) : categories;
+  var revPerVisTotal = revPerVisData.length > 0 ? revPerVisValues.reduce(function (sum, val) {
+    return sum + val;
+  }, 0) / revPerVisValues.length : 5.12;
+  var totalVisData = Array.isArray(performanceData === null || performanceData === void 0 ? void 0 : performanceData.totalVisits) ? performanceData.totalVisits : [];
+  var totalVisValues = totalVisData.length > 0 ? totalVisData.map(function (item) {
+    return item.value;
+  }) : visitorsData;
+  var totalVisCategories = totalVisData.length > 0 ? totalVisData.map(function (item) {
+    return item.date;
+  }) : categories;
+  var totalVisTotal = totalVisData.length > 0 ? totalVisValues.reduce(function (sum, val) {
+    return sum + val;
+  }, 0) : 1200;
+  var upSellData = Array.isArray(performanceData === null || performanceData === void 0 ? void 0 : performanceData.upSellRaisedAmount) ? performanceData.upSellRaisedAmount : [];
+  var upSellValues = upSellData.length > 0 ? upSellData.map(function (item) {
+    return item.value;
+  }) : revenueData;
+  var upSellCategories = upSellData.length > 0 ? upSellData.map(function (item) {
+    return item.date;
+  }) : categories;
+  var upSellTotal = upSellData.length > 0 ? upSellValues.reduce(function (sum, val) {
+    return sum + val;
+  }, 0) : 11050;
+  var downSellData = Array.isArray(performanceData === null || performanceData === void 0 ? void 0 : performanceData.downSellRaisedAmount) ? performanceData.downSellRaisedAmount : [];
+  var downSellValues = downSellData.length > 0 ? downSellData.map(function (item) {
+    return item.value;
+  }) : revenueData;
+  var downSellCategories = downSellData.length > 0 ? downSellData.map(function (item) {
+    return item.date;
+  }) : categories;
+  var downSellTotal = downSellData.length > 0 ? downSellValues.reduce(function (sum, val) {
+    return sum + val;
+  }, 0) : 1200;
+  var abandonedData = Array.isArray(performanceData === null || performanceData === void 0 ? void 0 : performanceData.abandonedDonationRecoveryCount) ? performanceData.abandonedDonationRecoveryCount : [];
+  var abandonedValues = abandonedData.length > 0 ? abandonedData.map(function (item) {
+    return item.value;
+  }) : visitorsData;
+  var abandonedCategories = abandonedData.length > 0 ? abandonedData.map(function (item) {
+    return item.date;
+  }) : categories;
+  var abandonedTotal = abandonedData.length > 0 ? abandonedValues.reduce(function (sum, val) {
+    return sum + val;
+  }, 0) : 14;
   var primaryCharts = [{
     label: 'Revenue per Visitor',
-    value: '$5.12',
-    data: revenueData,
-    categories: categories
+    value: performanceData !== null && performanceData !== void 0 && performanceData.revenuePerVisitor ? "$".concat(revPerVisTotal.toFixed(2)) : '$5.12',
+    data: revPerVisValues,
+    categories: revPerVisCategories
   }, {
     label: 'Visitors',
-    value: '1200',
-    data: visitorsData,
-    categories: categories
+    value: performanceData !== null && performanceData !== void 0 && performanceData.totalVisits ? totalVisTotal.toLocaleString() : '1200',
+    data: totalVisValues,
+    categories: totalVisCategories
   }];
   var secondaryCharts = [{
     label: 'Upsell Acceptance Rate',
@@ -1823,9 +1878,9 @@ var PerformanceSection = function PerformanceSection(_ref) {
     categories: categories
   }, {
     label: 'Upsell Raised Amount',
-    value: '$1,1050',
-    data: revenueData,
-    categories: categories
+    value: performanceData !== null && performanceData !== void 0 && performanceData.upSellRaisedAmount ? "$".concat(upSellTotal.toLocaleString()) : '$1,1050',
+    data: upSellValues,
+    categories: upSellCategories
   }];
   var tertiaryCharts = [{
     label: 'Downsell Acceptance Rate',
@@ -1834,15 +1889,15 @@ var PerformanceSection = function PerformanceSection(_ref) {
     categories: categories
   }, {
     label: 'Downsell Raised Amount',
-    value: '$1,200',
-    data: revenueData,
-    categories: categories
+    value: performanceData !== null && performanceData !== void 0 && performanceData.downSellRaisedAmount ? "$".concat(downSellTotal.toLocaleString()) : '$1,200',
+    data: downSellValues,
+    categories: downSellCategories
   }];
   var quaternaryCharts = [{
     label: 'Abandoned Donation Recovery',
-    value: '14',
-    data: visitorsData,
-    categories: categories
+    value: performanceData !== null && performanceData !== void 0 && performanceData.abandonedDonationRecoveryCount ? abandonedTotal.toLocaleString() : '14',
+    data: abandonedValues,
+    categories: abandonedCategories
   }];
   return /*#__PURE__*/jsxs(Box$1, {
     sx: {