@ammarkhalidfarooq/dashboard-package 0.4.7 → 0.4.9

package/dist/index.es.js

@@ -2891,7 +2891,7 @@ var PerformanceSection = function PerformanceSection(_ref) {
   });
 };
 
-var data$2 = [{
+var data$1 = [{
   range: "$0 – $12",
   plans: 21,
   share: 24
@@ -2951,7 +2951,7 @@ var RecurringDonationAmounts = function RecurringDonationAmounts() {
           flexDirection: "column",
           gap: 2
         },
-        children: data$2.map(function (item, index) {
+        children: data$1.map(function (item, index) {
           return /*#__PURE__*/jsxs(Box, {
             sx: {
               display: "flex",
@@ -3484,7 +3484,7 @@ var UTMPerformance = function UTMPerformance() {
   });
 };
 
-var data$1 = [{
+var data = [{
   step: "Step 1: Amount Selection",
   share: 22
 }, {
@@ -3536,7 +3536,7 @@ var DropOffPoints = function DropOffPoints() {
           flexDirection: "column",
           gap: 2
         },
-        children: data$1.map(function (item, index) {
+        children: data.map(function (item, index) {
           return /*#__PURE__*/jsxs(Box, {
             sx: {
               display: "flex",
@@ -4525,6 +4525,19 @@ var ActiveCampaignsCard = function ActiveCampaignsCard(_ref) {
   });
 };
 
+function formatNumber(num) {
+  if (num >= 1000000000) {
+    return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
+  }
+  if (num >= 1000000) {
+    return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
+  }
+  if (num >= 1000) {
+    return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
+  }
+  return (num !== null && num !== void 0 ? num : 0).toString();
+}
+
 var TrafficSourceCard = function TrafficSourceCard(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "Traffic source" : _ref$title,
@@ -4535,6 +4548,24 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
     _ref$total = _ref.total,
     total = _ref$total === void 0 ? "$240.9K" : _ref$total,
     sx = _ref.sx;
+  var paidAdsColor = "rgb(99, 99, 230)";
+  var organicColor = "#10B981";
+  var emailColor = "#0EA5E9";
+  var directColor = "#94A3B8";
+  var getSourceColor = function getSourceColor(label) {
+    switch (label) {
+      case "Paid Ads":
+        return paidAdsColor;
+      case "Organic":
+        return organicColor;
+      case "Email":
+        return emailColor;
+      case "Direct":
+        return directColor;
+      default:
+        return "#CBD5E1";
+    }
+  };
   return /*#__PURE__*/jsxs(Card, {
     sx: _objectSpread2({
       p: 3,
@@ -4614,7 +4645,7 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
             gap: 2,
             py: 1.5,
             alignItems: "center",
-            borderBottom: index === data.length - 1 ? "none" : "1px solid #f5f5f5"
+            borderBottom: index === trafficSourceData.length - 1 ? "none" : "1px solid #f5f5f5"
           },
           children: [/*#__PURE__*/jsxs(Box, {
             sx: {
@@ -4626,7 +4657,7 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
               sx: {
                 width: 10,
                 height: 10,
-                bgcolor: item.color,
+                bgcolor: getSourceColor(item.label),
                 borderRadius: "2px"
               }
             }), /*#__PURE__*/jsx(Typography, {
@@ -4665,7 +4696,7 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
                   bgcolor: "#F3F4F6",
                   "& .MuiLinearProgress-bar": {
                     borderRadius: 3,
-                    bgcolor: item.color
+                    bgcolor: getSourceColor(item.label)
                   }
                 }
               })
@@ -5123,19 +5154,6 @@ var MetricDonutCard = function MetricDonutCard(_ref) {
   });
 };
 
-function formatNumber$1(num) {
-  if (num >= 1000000000) {
-    return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
-  }
-  if (num >= 1000000) {
-    return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
-  }
-  if (num >= 1000) {
-    return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
-  }
-  return (num !== null && num !== void 0 ? num : 0).toString();
-}
-
 var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
   var _donationTypeData$sum, _donationTypeData$sum2, _donationTypeData$sum3, _donationTypeData$sum4, _donationTypeData$sum5, _donationTypeData$sum6;
   var sx = _ref.sx,
@@ -5168,7 +5186,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
     dataLabels: {
       enabled: true,
       formatter: function formatter(val) {
-        return "$".concat(formatNumber$1(val));
+        return "$".concat(formatNumber(val));
       },
       offsetY: -22,
       style: {
@@ -5202,7 +5220,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
       tickAmount: 4,
       labels: {
         formatter: function formatter(val) {
-          return "$".concat(formatNumber$1(val));
+          return "$".concat(formatNumber(val));
         },
         style: {
           colors: "rgba(0, 0, 0, 0.4)",
@@ -5233,7 +5251,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
     tooltip: {
       y: {
         formatter: function formatter(val) {
-          return "$".concat(formatNumber$1(val));
+          return "$".concat(formatNumber(val));
         }
       }
     }
@@ -5305,7 +5323,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
               fontWeight: 600,
               color: "#000"
             },
-            children: ["$", formatNumber$1((donationTypeData === null || donationTypeData === void 0 || (_donationTypeData$sum4 = donationTypeData.summary) === null || _donationTypeData$sum4 === void 0 || (_donationTypeData$sum4 = _donationTypeData$sum4.recurring) === null || _donationTypeData$sum4 === void 0 ? void 0 : _donationTypeData$sum4.total) || 0)]
+            children: ["$", formatNumber((donationTypeData === null || donationTypeData === void 0 || (_donationTypeData$sum4 = donationTypeData.summary) === null || _donationTypeData$sum4 === void 0 || (_donationTypeData$sum4 = _donationTypeData$sum4.recurring) === null || _donationTypeData$sum4 === void 0 ? void 0 : _donationTypeData$sum4.total) || 0)]
           })]
         }), /*#__PURE__*/jsxs(Box, {
           sx: {
@@ -5333,7 +5351,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
               fontWeight: 600,
               color: "#000"
             },
-            children: ["$", formatNumber$1((donationTypeData === null || donationTypeData === void 0 || (_donationTypeData$sum6 = donationTypeData.summary) === null || _donationTypeData$sum6 === void 0 || (_donationTypeData$sum6 = _donationTypeData$sum6.oneTime) === null || _donationTypeData$sum6 === void 0 ? void 0 : _donationTypeData$sum6.total) || 0)]
+            children: ["$", formatNumber((donationTypeData === null || donationTypeData === void 0 || (_donationTypeData$sum6 = donationTypeData.summary) === null || _donationTypeData$sum6 === void 0 || (_donationTypeData$sum6 = _donationTypeData$sum6.oneTime) === null || _donationTypeData$sum6 === void 0 ? void 0 : _donationTypeData$sum6.total) || 0)]
           })]
         })]
       })]
@@ -5695,13 +5713,13 @@ var OverallSection = function OverallSection(_ref) {
   };
   var metricInfo = {
     "Total Raised": {
-      value: "$".concat(formatNumber$1(apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedCard)) || "$240.9K",
+      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 Raised",
       icon: PaidOutlined
     },
     "Net Raised": {
-      value: "$".concat(formatNumber$1((_apiData$netRaisedCar = apiData === null || apiData === void 0 ? void 0 : apiData.netRaisedCard) !== null && _apiData$netRaisedCar !== void 0 ? _apiData$netRaisedCar : 0)),
+      value: "$".concat(formatNumber((_apiData$netRaisedCar = apiData === null || apiData === void 0 ? void 0 : apiData.netRaisedCard) !== null && _apiData$netRaisedCar !== void 0 ? _apiData$netRaisedCar : 0)),
       subValue: "".concat(Number((_apiData$netRaisedPre = apiData === null || apiData === void 0 ? void 0 : apiData.netRaisedPrev) !== null && _apiData$netRaisedPre !== void 0 ? _apiData$netRaisedPre : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "previous period"),
       label: "Net Raised",
       icon: FavoriteOutlined
@@ -5713,13 +5731,13 @@ var OverallSection = function OverallSection(_ref) {
       icon: PeopleAltOutlined
     },
     "Avg donation": {
-      value: "$".concat(formatNumber$1((_apiData$averageDonat = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonationsCard) !== null && _apiData$averageDonat !== void 0 ? _apiData$averageDonat : 0)),
+      value: "$".concat(formatNumber((_apiData$averageDonat = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonationsCard) !== null && _apiData$averageDonat !== void 0 ? _apiData$averageDonat : 0)),
       subValue: "".concat(Number((_apiData$averageDonat2 = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonationsCardPrev) !== null && _apiData$averageDonat2 !== void 0 ? _apiData$averageDonat2 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
       label: "Average Donation Amount",
       icon: PaidOutlined
     },
     "ROAS": {
-      value: "".concat(formatNumber$1((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0), "x"),
+      value: "".concat(formatNumber((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0), "x"),
       subValue: "".concat(Number((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0).toFixed(2), "x vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
       label: "ROAS",
       icon: TrendingUp
@@ -6082,11 +6100,11 @@ var OverallSection = function OverallSection(_ref) {
                 return word[0];
               }).join("").toUpperCase().slice(0, 2) : "??",
               name: campaign.campaignName || "Untitled Campaign",
-              val1: "$".concat(formatNumber$1(campaign.raisedAmount || 0)),
+              val1: "$".concat(formatNumber(campaign.raisedAmount || 0)),
               type: "progress",
               progress: Math.round((campaign.raisedAmount || 0) / (campaign.totalAmount || 1) * 100),
-              val3: formatNumber$1(campaign.donors || 0),
-              val4: "$".concat(formatNumber$1(campaign.avgGift || 0))
+              val3: formatNumber(campaign.donors || 0),
+              val4: "$".concat(formatNumber(campaign.avgGift || 0))
             };
           })
         })