@ammarkhalidfarooq/dashboard-package 0.3.38 → 0.3.40

package/dist/index.cjs.js

@@ -5518,6 +5518,11 @@ var OverallSection = function OverallSection(_ref) {
       icon: iconsMaterial.Adjust
     }
   };
+  var activeCampaignsData = (apiData === null || apiData === void 0 ? void 0 : apiData.activeCampaigns) || [];
+  var donorMix = (apiData === null || apiData === void 0 ? void 0 : apiData.donorMix) || {};
+  var totalDonorsMix = (donorMix.newDonors || 0) + (donorMix.returningDonors || 0);
+  var newDonorsPerc = totalDonorsMix > 0 ? Math.round(donorMix.newDonors / totalDonorsMix * 100) : 0;
+  var returningDonorsPerc = totalDonorsMix > 0 ? Math.round(donorMix.returningDonors / totalDonorsMix * 100) : 0;
   var renderCard = function renderCard(title) {
     return /*#__PURE__*/jsxRuntime.jsx(DisplayCard, {
       title: title,
@@ -5856,64 +5861,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,
@@ -5925,22 +5885,22 @@ var OverallSection = function OverallSection(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
           title: "Donor mix",
           subtitle: "Acquisition vs retention",
-          series: [68, 32],
+          series: [donorMix.newDonors || 0, donorMix.returningDonors || 0],
           labels: ["New donors", "Returning"],
           colors: ["rgb(99, 99, 230)", "#10B981"],
           centerLabel: "donors",
-          centerValue: "215",
+          centerValue: totalDonorsMix.toString(),
           items: [{
             label: "New donors",
-            val: "146 · 68%",
+            val: "".concat(donorMix.newDonors || 0, " \xB7 ").concat(newDonorsPerc, "%"),
             color: "rgb(99, 99, 230)"
           }, {
             label: "Returning",
-            val: "69 · 32%",
+            val: "".concat(donorMix.returningDonors || 0, " \xB7 ").concat(returningDonorsPerc, "%"),
             color: "#10B981"
           }],
-          bottomSummaryValue: "$130.58",
-          bottomSummaryTrend: "8.4% vs last month",
+          bottomSummaryValue: "$".concat(donorMix.avgGift || 0),
+          bottomSummaryTrend: "".concat(donorMix.donorMixPrev || 0, "% vs ").concat(dateName || "last month"),
           sx: {
             width: "100%"
           }