@ammarkhalidfarooq/dashboard-package 0.3.18 → 0.3.20

package/dist/index.cjs.js

@@ -255,7 +255,8 @@ var RevenueChart = function RevenueChart(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? "area" : _ref$type,
     _ref$id = _ref.id,
-    id = _ref$id === void 0 ? "revenue-chart" : _ref$id;
+    id = _ref$id === void 0 ? "revenue-chart" : _ref$id,
+    colors = _ref.colors;
   var theme = styles.useTheme();
   var isRadial = type === 'donut' || type === 'pie';
 
@@ -274,7 +275,7 @@ var RevenueChart = function RevenueChart(_ref) {
         enabled: false
       }
     },
-    colors: [theme.palette.primary.main, '#4B4BC2', '#7E7EE6', '#A3A3F0', '#C8C8FA'],
+    colors: colors || [theme.palette.primary.main, '#4B4BC2', '#7E7EE6', '#A3A3F0', '#C8C8FA'],
     tooltip: {
       theme: 'light',
       y: {
@@ -579,7 +580,8 @@ var RenderChartCard = function RenderChartCard(_ref) {
             categories: item.categories,
             height: isPrimary ? 250 : 200,
             stacked: item.stacked,
-            type: type || item.type || "area"
+            type: type || item.type || "area",
+            colors: item.colors
           })
         }), item.footer && /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
           sx: {
@@ -2298,7 +2300,7 @@ var NewOverview = function NewOverview(_ref) {
     return item.date;
   }) : categories;
   var primaryCharts = [{
-    label: "Total Revenue",
+    label: "Total Raised",
     value: totalRevData.length > 0 ? "$".concat(totalRevTotal.toLocaleString()) : typeof (apiData === null || apiData === void 0 ? void 0 : apiData.totalRevenue) === "string" ? apiData.totalRevenue : "$9,200.00",
     subValue: "Total Donations: ".concat((apiData === null || apiData === void 0 ? void 0 : apiData.totalDonations) || 215),
     data: totalRevValues,
@@ -4737,7 +4739,7 @@ function formatNumber(num) {
   if (num >= 1000) {
     return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
   }
-  return num.toString();
+  return (num !== null && num !== void 0 ? num : 0).toString();
 }
 
 var OverallSection = function OverallSection(_ref) {
@@ -4796,7 +4798,7 @@ var OverallSection = function OverallSection(_ref) {
     "Total Raised": {
       value: "$".concat(formatNumber(apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedCard)) || "$240.9K",
       subValue: "".concat(Number((_apiData$totalRaisedP = apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedPrev) !== null && _apiData$totalRaisedP !== void 0 ? _apiData$totalRaisedP : 0).toFixed(2), "% vs ").concat(dateName || "last month"),
-      label: "Total Revenue",
+      label: "Total Raised",
       icon: iconsMaterial.PaidOutlined
     },
     "Net Raised": {
@@ -4854,8 +4856,36 @@ var OverallSection = function OverallSection(_ref) {
   var mainChart = extendedCharts.find(function (c) {
     return c.label === selectedInfo.label;
   }) || primaryCharts[0];
+  if (activeMetric === "Total Raised" && (apiData !== null && apiData !== void 0 && apiData.paidAds || apiData !== null && apiData !== void 0 && apiData.email || apiData !== null && apiData !== void 0 && apiData.organic)) {
+    var categories = ((apiData === null || apiData === void 0 ? void 0 : apiData.organic) || (apiData === null || apiData === void 0 ? void 0 : apiData.paidAds) || (apiData === null || apiData === void 0 ? void 0 : apiData.email) || []).map(function (item) {
+      return item.date;
+    });
+    var series = [{
+      name: "Paid Ads",
+      data: ((apiData === null || apiData === void 0 ? void 0 : apiData.paidAds) || []).map(function (item) {
+        return item.value;
+      })
+    }, {
+      name: "Organic",
+      data: ((apiData === null || apiData === void 0 ? void 0 : apiData.organic) || []).map(function (item) {
+        return item.value;
+      })
+    }, {
+      name: "Email",
+      data: ((apiData === null || apiData === void 0 ? void 0 : apiData.email) || []).map(function (item) {
+        return item.value;
+      })
+    }];
+    mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
+      label: "Total revenue trend",
+      series: series,
+      categories: categories,
+      stacked: true,
+      colors: ["#6366F1", "#10B981", "#06B6D4"]
+    });
+  }
   mainChart = _objectSpread2(_objectSpread2({}, mainChart), {}, {
-    label: activeMetric,
+    label: mainChart.label || activeMetric,
     value: selectedInfo.value,
     trend: selectedInfo.subValue
   });
@@ -4879,7 +4909,8 @@ var OverallSection = function OverallSection(_ref) {
         index: 0,
         md: 12,
         isPremium: true,
-        isPrimary: true
+        isPrimary: true,
+        metric: activeMetric.includes("Raised") || activeMetric.includes("donation") ? "Revenue" : "Donors"
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
       container: true,