@ammarkhalidfarooq/dashboard-package 0.4.84 → 0.4.85

package/dist/index.cjs.js

@@ -5316,10 +5316,38 @@ var OverallSection = function OverallSection(_ref) {
   };
   var activeCampaignsData = (apiData === null || apiData === void 0 ? void 0 : apiData.activeCampaigns) || [];
   console.log("ACtive campaigns", activeCampaignsData);
-  var donorMix = (apiData === null || apiData === void 0 ? void 0 : apiData.donorPieChartData) || {};
-  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 donorMix = apiData === null || apiData === void 0 ? void 0 : apiData.donorPieChartData;
+  var newDonorsCount = 0;
+  var returningDonorsCount = 0;
+  var totalDonorsMix = 0;
+  var newDonorsPerc = 0;
+  var returningDonorsPerc = 0;
+  var avgGift = 0;
+  var donorMixPrev = 0;
+  if (Array.isArray(donorMix)) {
+    var newDonorsObj = donorMix.find(function (d) {
+      return d.type === "New Donors" || d.type === "New donors";
+    }) || {};
+    var returningDonorsObj = donorMix.find(function (d) {
+      return d.type === "Returning Donors" || d.type === "Returning";
+    }) || {};
+    newDonorsCount = newDonorsObj.totalDonations || 0;
+    returningDonorsCount = returningDonorsObj.totalDonations || 0;
+    totalDonorsMix = newDonorsCount + returningDonorsCount;
+    newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
+    returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
+    var totalAmount = (newDonorsObj.totalAmount || 0) + (returningDonorsObj.totalAmount || 0);
+    avgGift = totalDonorsMix > 0 ? Number((totalAmount / totalDonorsMix).toFixed(2)) : 0;
+    donorMixPrev = (apiData === null || apiData === void 0 ? void 0 : apiData.donorMixPrev) || 0;
+  } else if (donorMix && _typeof(donorMix) === "object") {
+    newDonorsCount = donorMix.newDonors || 0;
+    returningDonorsCount = donorMix.returningDonors || 0;
+    totalDonorsMix = newDonorsCount + returningDonorsCount;
+    newDonorsPerc = totalDonorsMix > 0 ? Math.round(newDonorsCount / totalDonorsMix * 100) : 0;
+    returningDonorsPerc = totalDonorsMix > 0 ? Math.round(returningDonorsCount / totalDonorsMix * 100) : 0;
+    avgGift = donorMix.avgGift || 0;
+    donorMixPrev = donorMix.donorMixPrev || 0;
+  }
   var renderCard = function renderCard(title) {
     return /*#__PURE__*/jsxRuntime.jsx(MetricCard
     // key={title}
@@ -5718,22 +5746,22 @@ var OverallSection = function OverallSection(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
           title: "Donor mix",
           subtitle: "Acquisition vs retention",
-          series: [donorMix.newDonors || 0, donorMix.returningDonors || 0],
+          series: [newDonorsCount, returningDonorsCount],
           labels: ["New donors", "Returning"],
           colors: ["rgb(99, 99, 230)", "#10B981"],
           centerLabel: "donors",
           centerValue: totalDonorsMix.toString(),
           items: [{
             label: "New donors",
-            val: "".concat(donorMix.newDonors || 0, " \xB7 ").concat(newDonorsPerc, "%"),
+            val: "".concat(newDonorsCount, " \xB7 ").concat(newDonorsPerc, "%"),
             color: "rgb(99, 99, 230)"
           }, {
             label: "Returning",
-            val: "".concat(donorMix.returningDonors || 0, " \xB7 ").concat(returningDonorsPerc, "%"),
+            val: "".concat(returningDonorsCount, " \xB7 ").concat(returningDonorsPerc, "%"),
             color: "#10B981"
           }],
-          bottomSummaryValue: "$".concat(donorMix.avgGift || 0),
-          bottomSummaryTrend: "".concat(donorMix.donorMixPrev || 0, "% vs ").concat(dateName || "last month"),
+          bottomSummaryValue: "$".concat(avgGift),
+          bottomSummaryTrend: "".concat(donorMixPrev, "% vs ").concat(dateName || "last month"),
           sx: {
             width: "100%"
           }