@ammarkhalidfarooq/dashboard-package 0.3.37 → 0.3.39

package/dist/index.cjs.js

@@ -5429,7 +5429,7 @@ function formatNumber(num) {
 }
 
 var OverallSection = function OverallSection(_ref) {
-  var _apiData$totalRaisedP, _apiData$netRaisedCar, _apiData$netRaisedPre, _apiData$averageDonat, _apiData$averageDonat2;
+  var _apiData$totalRaisedP, _apiData$netRaisedCar, _apiData$netRaisedPre, _apiData$averageDonat, _apiData$averageDonat2, _apiData$roasCard, _apiData$roasCardPrev;
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
     primaryCharts = _ref.primaryCharts,
@@ -5506,8 +5506,8 @@ var OverallSection = function OverallSection(_ref) {
       icon: iconsMaterial.PaidOutlined
     },
     "ROAS": {
-      value: (apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) || "3.0x",
-      subValue: (apiData === null || apiData === void 0 ? void 0 : apiData.roasTrend) || "0.4x vs last month",
+      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: iconsMaterial.TrendingUp
     },
@@ -5518,6 +5518,7 @@ var OverallSection = function OverallSection(_ref) {
       icon: iconsMaterial.Adjust
     }
   };
+  var activeCampaignsData = (apiData === null || apiData === void 0 ? void 0 : apiData.activeCampaigns) || [];
   var renderCard = function renderCard(title) {
     return /*#__PURE__*/jsxRuntime.jsx(DisplayCard, {
       title: title,
@@ -5856,64 +5857,19 @@ var OverallSection = function OverallSection(_ref) {
           columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"
           // "Status",
           ],
-          rows: [{
-            id: "OS",
-            name: "Orphan sponsorship — Yemen",
-            val1: "$78,400",
-            type: "progress",
-            progress: 78,
-            val3: "82",
-            val4: "$956"
-            // status: "Active",
-            // statusColor: "#22C55E",
-            // statusBg: "#DCFCE7",
-          }, {
-            id: "EF",
-            name: "Emergency food — Gaza",
-            val1: "$62,100",
-            type: "progress",
-            progress: 83,
-            val3: "61",
-            val4: "$1,018"
-            // status: "Active",
-            // statusColor: "#22C55E",
-            // statusBg: "#DCFCE7",
-          }, {
-            id: "MB",
-            name: "Masjid build — Somalia",
-            val1: "$38,200",
-            type: "progress",
-            progress: 48,
-            val3: "34",
-            val4: "$1,124"
-            // status: "Slow",
-            // statusColor: "#B45309",
-            // statusBg: "#FEF3C7",
-            // progressColor: "#F59E0B",
-          }, {
-            id: "WW",
-            name: "Water wells — Pakistan",
-            val1: "$29,800",
-            type: "progress",
-            progress: 99,
-            val3: "28",
-            val4: "$1,064"
-            // status: "Closing",
-            // statusColor: "#6366F1",
-            // statusBg: "#EEF2FF",
-            // progressColor: "#10B981",
-          }, {
-            id: "RP",
-            name: "Ramadan packs — Egypt",
-            val1: "$19,400",
-            type: "progress",
-            progress: 78,
-            val3: "10",
-            val4: "$1,940"
-            // status: "Active",
-            // statusColor: "#22C55E",
-            // statusBg: "#DCFCE7",
-          }]
+          rows: activeCampaignsData.map(function (campaign) {
+            return {
+              id: campaign.campaignName ? campaign.campaignName.split(" ").filter(Boolean).map(function (word) {
+                return word[0];
+              }).join("").toUpperCase().slice(0, 2) : "??",
+              name: campaign.campaignName || "Untitled Campaign",
+              val1: "$".concat(formatNumber(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))
+            };
+          })
         })
       }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
         item: true,