@ammarkhalidfarooq/dashboard-package 0.1.4 → 0.1.6

package/dist/index.cjs.js

@@ -91,6 +91,15 @@ function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -369,12 +378,18 @@ var RevenueChart = function RevenueChart(_ref) {
   if (isRadial) {
     var _series$;
     // For donut/pie, series must be a simple array of numbers
-    chartSeries = Array.isArray(data) ? data : (series === null || series === void 0 || (_series$ = series[0]) === null || _series$ === void 0 ? void 0 : _series$.data) || [];
+    var processedData = Array.isArray(data) ? data.map(function (v) {
+      return _typeof(v) === 'object' && v !== null ? v.value : v;
+    }) : [];
+    chartSeries = processedData.length > 0 ? processedData : (series === null || series === void 0 || (_series$ = series[0]) === null || _series$ === void 0 ? void 0 : _series$.data) || [];
   } else {
     // For bar/line/area, series must be an array of objects [{ name: '', data: [] }]
+    var _processedData = Array.isArray(data) ? data.map(function (v) {
+      return _typeof(v) === 'object' && v !== null ? v.value : v;
+    }) : [];
     chartSeries = Array.isArray(series) ? series : [{
       name: metric || "Value",
-      data: Array.isArray(data) ? data : []
+      data: _processedData
     }];
   }
   return /*#__PURE__*/jsxRuntime.jsx(ReactApexChart, {
@@ -448,14 +463,14 @@ var RenderChartCard = function RenderChartCard(_ref) {
                 color: "#000000",
                 mb: 0.5
               },
-              children: item.value
+              children: _typeof(item.value) === 'object' && item.value !== null ? item.value.value !== undefined ? item.value.value : JSON.stringify(item.value) : item.value
             }), item.subValue && /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
               variant: "subtitle2",
               sx: {
                 color: "#000000",
                 fontWeight: 600
               },
-              children: item.subValue
+              children: _typeof(item.subValue) === 'object' && item.subValue !== null ? JSON.stringify(item.subValue) : item.subValue
             })]
           }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
             sx: {
@@ -723,7 +738,7 @@ var DisplayCard = function DisplayCard(_ref) {
           fontSize: '22px',
           fontWeight: '500'
         },
-        children: value
+        children: _typeof(value) === 'object' && value !== null ? value.value !== undefined ? value.value : JSON.stringify(value) : value
       })]
     })
   });
@@ -860,6 +875,16 @@ var NewOverview = function NewOverview(_ref) {
   var oneTimeTotal = oneTimeData.length > 0 ? oneTimeValues.reduce(function (sum, val) {
     return sum + val;
   }, 0) : 7100;
+  var firstInstData = (apiData === null || apiData === void 0 ? void 0 : apiData.firstInstallmentRevenue) || [];
+  var firstInstValues = firstInstData.length > 0 ? firstInstData.map(function (item) {
+    return item.value;
+  }) : currentData.slice(-7);
+  var firstInstCategories = firstInstData.length > 0 ? firstInstData.map(function (item) {
+    return item.date;
+  }) : categories.slice(-7);
+  var firstInstTotal = firstInstData.length > 0 ? firstInstValues.reduce(function (sum, val) {
+    return sum + val;
+  }, 0) : 510;
   var primaryCharts = [{
     label: "Total Revenue",
     value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRevenue) || "$9,200.00",
@@ -869,9 +894,9 @@ var NewOverview = function NewOverview(_ref) {
     showSelector: true
   }, {
     label: "First installments",
-    value: "$510.00",
-    data: currentData.slice(-7),
-    categories: categories.slice(-7)
+    value: apiData !== null && apiData !== void 0 && apiData.firstInstallmentRevenue ? "$".concat(firstInstTotal.toLocaleString()) : "$510.00",
+    data: firstInstValues,
+    categories: firstInstCategories
   }, {
     label: "One-time donations",
     value: apiData !== null && apiData !== void 0 && apiData.oneTimeDonations ? "$".concat(oneTimeTotal.toLocaleString()) : "$7,100.00",
@@ -5180,7 +5205,9 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var OverallSection = function OverallSection(_ref) {
-  var primaryCharts = _ref.primaryCharts,
+  var _ref$apiData = _ref.apiData,
+    apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
+    primaryCharts = _ref.primaryCharts,
     secondaryCharts = _ref.secondaryCharts,
     tertiaryCharts = _ref.tertiaryCharts,
     quaternaryCharts = _ref.quaternaryCharts;
@@ -5193,31 +5220,31 @@ var OverallSection = function OverallSection(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(DisplayCard, {
         title: "Total Raised",
-        value: "$9,200",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaised) || "$9,200",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsxRuntime.jsx(DisplayCard, {
         title: "Net Raised",
-        value: "$9,200",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.netRaised) || "$9,200",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsxRuntime.jsx(DisplayCard, {
         title: "Total Spent",
-        value: "$9,200",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalSpent) || "$9,200",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsxRuntime.jsx(DisplayCard, {
         title: "Total ROAS",
-        value: "3.0",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRoas) || "3.0",
         sx: {
           flex: 1
         }
       }), /*#__PURE__*/jsxRuntime.jsx(DisplayCard, {
         title: "Total Donors",
-        value: "215",
+        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalDonors) || "215",
         sx: {
           flex: 1
         }
@@ -5232,7 +5259,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "primary-".concat(index));
       })
     }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
       container: true,
@@ -5244,7 +5271,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "secondary-".concat(index));
       })
     }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
       container: true,
@@ -5256,7 +5283,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "tertiary-".concat(index));
       })
     }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
       container: true,
@@ -5268,7 +5295,7 @@ var OverallSection = function OverallSection(_ref) {
         return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
           item: item,
           index: index
-        });
+        }, "quaternary-".concat(index));
       })
     })]
   });