@ammarkhalidfarooq/dashboard-package 0.4.5 → 0.4.7

package/dist/index.es.js

@@ -1705,7 +1705,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
               }
             }
           })
-        }), /*#__PURE__*/jsx(Typography, {
+        }), /*#__PURE__*/jsxs(Typography, {
           sx: {
             fontSize: "13px",
             fontWeight: 700,
@@ -1713,7 +1713,7 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
             minWidth: "60px",
             textAlign: "right"
           },
-          children: item.value
+          children: [item.value, " \xB7 ", item.percentage, "%"]
         })]
       }, index);
     })
@@ -2891,7 +2891,7 @@ var PerformanceSection = function PerformanceSection(_ref) {
   });
 };
 
-var data$1 = [{
+var data$2 = [{
   range: "$0 – $12",
   plans: 21,
   share: 24
@@ -2951,7 +2951,7 @@ var RecurringDonationAmounts = function RecurringDonationAmounts() {
           flexDirection: "column",
           gap: 2
         },
-        children: data$1.map(function (item, index) {
+        children: data$2.map(function (item, index) {
           return /*#__PURE__*/jsxs(Box, {
             sx: {
               display: "flex",
@@ -3484,7 +3484,7 @@ var UTMPerformance = function UTMPerformance() {
   });
 };
 
-var data = [{
+var data$1 = [{
   step: "Step 1: Amount Selection",
   share: 22
 }, {
@@ -3536,7 +3536,7 @@ var DropOffPoints = function DropOffPoints() {
           flexDirection: "column",
           gap: 2
         },
-        children: data.map(function (item, index) {
+        children: data$1.map(function (item, index) {
           return /*#__PURE__*/jsxs(Box, {
             sx: {
               display: "flex",
@@ -4530,28 +4530,8 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
     title = _ref$title === void 0 ? "Traffic source" : _ref$title,
     _ref$subtitle = _ref.subtitle,
     subtitle = _ref$subtitle === void 0 ? "Revenue by channel · 30 days" : _ref$subtitle,
-    _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [{
-      label: "Paid Ads",
-      revenue: "$98.4K",
-      share: 41,
-      color: "rgb(99, 99, 230)"
-    }, {
-      label: "Organic",
-      revenue: "$62.1K",
-      share: 26,
-      color: "#10B981"
-    }, {
-      label: "Email",
-      revenue: "$38.6K",
-      share: 16,
-      color: "#0EA5E9"
-    }, {
-      label: "Direct",
-      revenue: "$15.5K",
-      share: 6,
-      color: "#94A3B8"
-    }] : _ref$data,
+    _ref$trafficSourceDat = _ref.trafficSourceData,
+    trafficSourceData = _ref$trafficSourceDat === void 0 ? [] : _ref$trafficSourceDat,
     _ref$total = _ref.total,
     total = _ref$total === void 0 ? "$240.9K" : _ref$total,
     sx = _ref.sx;
@@ -4625,7 +4605,8 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
       sx: {
         flexGrow: 1
       },
-      children: data.map(function (item, index) {
+      children: trafficSourceData.map(function (item, index) {
+        var _item$share;
         return /*#__PURE__*/jsxs(Box, {
           sx: {
             display: "grid",
@@ -4656,13 +4637,13 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
               },
               children: item.label
             })]
-          }), /*#__PURE__*/jsx(Typography, {
+          }), /*#__PURE__*/jsxs(Typography, {
             sx: {
               fontSize: "14px",
               fontWeight: 700,
               color: "#000"
             },
-            children: item.revenue
+            children: ["$", formatNumber(item.revenue)]
           }), /*#__PURE__*/jsxs(Box, {
             sx: {
               display: "flex",
@@ -4696,7 +4677,7 @@ var TrafficSourceCard = function TrafficSourceCard(_ref) {
                 minWidth: "30px",
                 textAlign: "right"
               },
-              children: [item.share, "%"]
+              children: [(_item$share = item.share) === null || _item$share === void 0 ? void 0 : _item$share.toFixed(2), "%"]
             })]
           })]
         }, index);
@@ -5142,7 +5123,7 @@ var MetricDonutCard = function MetricDonutCard(_ref) {
   });
 };
 
-function formatNumber(num) {
+function formatNumber$1(num) {
   if (num >= 1000000000) {
     return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
   }
@@ -5187,7 +5168,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
     dataLabels: {
       enabled: true,
       formatter: function formatter(val) {
-        return "$".concat(formatNumber(val));
+        return "$".concat(formatNumber$1(val));
       },
       offsetY: -22,
       style: {
@@ -5221,7 +5202,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
       tickAmount: 4,
       labels: {
         formatter: function formatter(val) {
-          return "$".concat(formatNumber(val));
+          return "$".concat(formatNumber$1(val));
         },
         style: {
           colors: "rgba(0, 0, 0, 0.4)",
@@ -5252,7 +5233,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
     tooltip: {
       y: {
         formatter: function formatter(val) {
-          return "$".concat(formatNumber(val));
+          return "$".concat(formatNumber$1(val));
         }
       }
     }
@@ -5324,7 +5305,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
               fontWeight: 600,
               color: "#000"
             },
-            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)]
+            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)]
           })]
         }), /*#__PURE__*/jsxs(Box, {
           sx: {
@@ -5352,7 +5333,7 @@ var DonationTypeBarChart = function DonationTypeBarChart(_ref) {
               fontWeight: 600,
               color: "#000"
             },
-            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)]
+            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)]
           })]
         })]
       })]
@@ -5673,6 +5654,7 @@ var OverallSection = function OverallSection(_ref) {
     setActiveMetric = _useState2[1];
   var donationTypeData = (apiData === null || apiData === void 0 ? void 0 : apiData.donationTypeData) || [];
   var donorGeographyData = (apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography) || [];
+  var trafficSourceData = (apiData === null || apiData === void 0 ? void 0 : apiData.trafficSource) || [];
   var allCharts = [].concat(_toConsumableArray(primaryCharts), _toConsumableArray(secondaryCharts), _toConsumableArray(tertiaryCharts), _toConsumableArray(quaternaryCharts));
   var getExtendedCharts = function getExtendedCharts() {
     var charts = _toConsumableArray(allCharts);
@@ -5713,13 +5695,13 @@ var OverallSection = function OverallSection(_ref) {
   };
   var metricInfo = {
     "Total Raised": {
-      value: "$".concat(formatNumber(apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedCard)) || "$240.9K",
+      value: "$".concat(formatNumber$1(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((_apiData$netRaisedCar = apiData === null || apiData === void 0 ? void 0 : apiData.netRaisedCard) !== null && _apiData$netRaisedCar !== void 0 ? _apiData$netRaisedCar : 0)),
+      value: "$".concat(formatNumber$1((_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
@@ -5731,13 +5713,13 @@ var OverallSection = function OverallSection(_ref) {
       icon: PeopleAltOutlined
     },
     "Avg donation": {
-      value: "$".concat(formatNumber((_apiData$averageDonat = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonationsCard) !== null && _apiData$averageDonat !== void 0 ? _apiData$averageDonat : 0)),
+      value: "$".concat(formatNumber$1((_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((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0), "x"),
+      value: "".concat(formatNumber$1((_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
@@ -6100,11 +6082,11 @@ var OverallSection = function OverallSection(_ref) {
                 return word[0];
               }).join("").toUpperCase().slice(0, 2) : "??",
               name: campaign.campaignName || "Untitled Campaign",
-              val1: "$".concat(formatNumber(campaign.raisedAmount || 0)),
+              val1: "$".concat(formatNumber$1(campaign.raisedAmount || 0)),
               type: "progress",
               progress: Math.round((campaign.raisedAmount || 0) / (campaign.totalAmount || 1) * 100),
-              val3: formatNumber(campaign.donors || 0),
-              val4: "$".concat(formatNumber(campaign.avgGift || 0))
+              val3: formatNumber$1(campaign.donors || 0),
+              val4: "$".concat(formatNumber$1(campaign.avgGift || 0))
             };
           })
         })
@@ -6182,7 +6164,8 @@ var OverallSection = function OverallSection(_ref) {
         children: /*#__PURE__*/jsx(TrafficSourceCard, {
           sx: {
             height: 330
-          }
+          },
+          trafficSourceData: trafficSourceData
         })
       })]
     }), /*#__PURE__*/jsxs(Grid, {