@ammarkhalidfarooq/dashboard-package 0.6.58 → 0.6.60

package/dist/index.cjs.js

@@ -954,6 +954,8 @@ var Dashboard = function Dashboard(_ref) {
     numberOfDays = _ref$numberOfDays === void 0 ? 1 : _ref$numberOfDays,
     _ref$activeFilters = _ref.activeFilters,
     activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters;
+    _ref.exportLoading;
+    var setExportLoading = _ref.setExportLoading;
   return /*#__PURE__*/jsxRuntime.jsx(material.ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/jsxRuntime.jsx(React.Suspense, {
@@ -971,7 +973,8 @@ var Dashboard = function Dashboard(_ref) {
         dateName: dateName,
         exportTrigger: exportTrigger,
         apiLoading: apiLoading,
-        activeFilters: activeFilters
+        activeFilters: activeFilters,
+        setExportLoading: setExportLoading
       })
     })
   });
@@ -1355,6 +1358,59 @@ var trendPillSx = function trendPillSx(value) {
     whiteSpace: "nowrap"
   };
 };
+
+/** Mirrors DonationTypeBarChart summary totals from recurringBarChartData. */
+var parseDonationTypeTotals = function parseDonationTypeTotals(donationTypeData) {
+  var _dataObj$summary$recu, _dataObj$summary, _dataObj$summary$oneT, _dataObj$summary2;
+  if (donationTypeData !== null && donationTypeData !== void 0 && donationTypeData.data && Array.isArray(donationTypeData.data)) {
+    var _donationTypeData$tot, _donationTypeData$tot2;
+    return {
+      recurringTotal: Number((_donationTypeData$tot = donationTypeData.totalRecurringDonations) !== null && _donationTypeData$tot !== void 0 ? _donationTypeData$tot : 0),
+      oneTimeTotal: Number((_donationTypeData$tot2 = donationTypeData.totalOneTimeDonations) !== null && _donationTypeData$tot2 !== void 0 ? _donationTypeData$tot2 : 0)
+    };
+  }
+  if (Array.isArray(donationTypeData) && donationTypeData.length > 0 && donationTypeData[0].totalAmount !== undefined) {
+    var _recurring$totalAmoun, _oneTime$totalAmount;
+    var recurring = donationTypeData.find(function (item) {
+      return /recurring/i.test(item.type || "");
+    }) || {};
+    var oneTime = donationTypeData.find(function (item) {
+      return /one.?time/i.test(item.type || "");
+    }) || {};
+    return {
+      recurringTotal: Number((_recurring$totalAmoun = recurring.totalAmount) !== null && _recurring$totalAmoun !== void 0 ? _recurring$totalAmoun : 0),
+      oneTimeTotal: Number((_oneTime$totalAmount = oneTime.totalAmount) !== null && _oneTime$totalAmount !== void 0 ? _oneTime$totalAmount : 0)
+    };
+  }
+  if (Array.isArray(donationTypeData) && donationTypeData.length > 0 && (donationTypeData[0].recurring !== undefined || donationTypeData[0].oneTime !== undefined || donationTypeData[0].recurringAmount !== undefined || donationTypeData[0].oneTimeAmount !== undefined)) {
+    return {
+      recurringTotal: donationTypeData.reduce(function (sum, item) {
+        return sum + Number(item.recurring || item.recurringAmount || 0);
+      }, 0),
+      oneTimeTotal: donationTypeData.reduce(function (sum, item) {
+        return sum + Number(item.oneTime || item.oneTimeAmount || 0);
+      }, 0)
+    };
+  }
+  var dataObj = donationTypeData && _typeof(donationTypeData) === "object" ? donationTypeData : {};
+  return {
+    recurringTotal: Number((_dataObj$summary$recu = dataObj === null || dataObj === void 0 || (_dataObj$summary = dataObj.summary) === null || _dataObj$summary === void 0 || (_dataObj$summary = _dataObj$summary.recurring) === null || _dataObj$summary === void 0 ? void 0 : _dataObj$summary.total) !== null && _dataObj$summary$recu !== void 0 ? _dataObj$summary$recu : 0),
+    oneTimeTotal: Number((_dataObj$summary$oneT = dataObj === null || dataObj === void 0 || (_dataObj$summary2 = dataObj.summary) === null || _dataObj$summary2 === void 0 || (_dataObj$summary2 = _dataObj$summary2.oneTime) === null || _dataObj$summary2 === void 0 ? void 0 : _dataObj$summary2.total) !== null && _dataObj$summary$oneT !== void 0 ? _dataObj$summary$oneT : 0)
+  };
+};
+
+/** Mirrors PaidDonorGeographyCard row mapping from donorGeography. */
+var parseDonorGeographyList = function parseDonorGeographyList(donorGeographyData) {
+  var rawCountries = Array.isArray(donorGeographyData) ? donorGeographyData : (donorGeographyData === null || donorGeographyData === void 0 ? void 0 : donorGeographyData.countries) || (donorGeographyData === null || donorGeographyData === void 0 ? void 0 : donorGeographyData.data) || [];
+  return rawCountries.map(function (item) {
+    var _item$percentage, _ref, _ref2, _item$value;
+    return {
+      country: item.countryName || item.country || item.name || "Unknown",
+      percentage: typeof item.percentage === "number" ? item.percentage : Number((_item$percentage = item.percentage) !== null && _item$percentage !== void 0 ? _item$percentage : 0),
+      value: item.donations !== undefined ? item.donations : (_ref = (_ref2 = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.totalDonors) !== null && _ref2 !== void 0 ? _ref2 : item.donors) !== null && _ref !== void 0 ? _ref : 0
+    };
+  });
+};
 var getActiveFilterChips = function getActiveFilterChips(apiData) {
   if (Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.activeFilterChips) && apiData.activeFilterChips.length) {
     return apiData.activeFilterChips;
@@ -1566,7 +1622,9 @@ var buildReportData = function buildReportData() {
     },
     activeCampaigns: activeCampaigns,
     donationTypeData: (apiData === null || apiData === void 0 ? void 0 : apiData.recurringBarChartData) || [],
+    donationTypeTotals: parseDonationTypeTotals(apiData === null || apiData === void 0 ? void 0 : apiData.recurringBarChartData),
     donorGeographyData: (apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography) || [],
+    donorGeographyList: parseDonorGeographyList(apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography),
     trafficSourceData: (apiData === null || apiData === void 0 ? void 0 : apiData.trafficSourceData) || [],
     orderBumpData: (apiData === null || apiData === void 0 ? void 0 : apiData.orderBumpDetails) || [],
     upsellData: (apiData === null || apiData === void 0 ? void 0 : apiData.upSellDetails) || {},
@@ -1970,7 +2028,9 @@ var MiniTable = function MiniTable(_ref8) {
   var _ref8$head = _ref8.head,
     head = _ref8$head === void 0 ? [] : _ref8$head,
     _ref8$rows = _ref8.rows,
-    rows = _ref8$rows === void 0 ? [] : _ref8$rows;
+    rows = _ref8$rows === void 0 ? [] : _ref8$rows,
+    _ref8$colAlign = _ref8.colAlign,
+    colAlign = _ref8$colAlign === void 0 ? [] : _ref8$colAlign;
   return /*#__PURE__*/jsxRuntime.jsxs("table", {
     style: {
       width: "100%",
@@ -1988,7 +2048,7 @@ var MiniTable = function MiniTable(_ref8) {
           return /*#__PURE__*/jsxRuntime.jsx("th", {
             style: {
               padding: "4px 6px",
-              textAlign: i === 0 ? "left" : "right",
+              textAlign: colAlign[i] || (i === 0 ? "left" : "right"),
               fontWeight: 700,
               fontSize: 8.5,
               letterSpacing: "0.3px",
@@ -2009,9 +2069,10 @@ var MiniTable = function MiniTable(_ref8) {
             return /*#__PURE__*/jsxRuntime.jsx("td", {
               style: {
                 padding: "4px 6px",
-                textAlign: ci === 0 ? "left" : "right",
+                textAlign: colAlign[ci] || (ci === 0 ? "left" : "right"),
                 color: "#334155",
-                borderBottom: ri < rows.length - 1 ? "1px solid #EEF2F7" : "none"
+                borderBottom: ri < rows.length - 1 ? "1px solid #EEF2F7" : "none",
+                verticalAlign: "middle"
               },
               children: cell
             }, ci);
@@ -2021,15 +2082,62 @@ var MiniTable = function MiniTable(_ref8) {
     })]
   });
 };
-var KpiCard = function KpiCard(_ref9) {
-  var title = _ref9.title,
-    value = _ref9.value,
-    trend = _ref9.trend,
-    detail = _ref9.detail,
-    _ref9$variant = _ref9.variant,
-    variant = _ref9$variant === void 0 ? "secondary" : _ref9$variant,
-    _ref9$trendPositiveWh = _ref9.trendPositiveWhenNegative,
-    trendPositiveWhenNegative = _ref9$trendPositiveWh === void 0 ? false : _ref9$trendPositiveWh;
+var ProgressBar = function ProgressBar(_ref9) {
+  var value = _ref9.value,
+    _ref9$color = _ref9.color,
+    color = _ref9$color === void 0 ? "rgb(99, 99, 230)" : _ref9$color,
+    _ref9$height = _ref9.height,
+    height = _ref9$height === void 0 ? 6 : _ref9$height;
+  var pct = Math.min(100, Math.max(0, Number(value !== null && value !== void 0 ? value : 0)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: 6,
+      width: "100%"
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        flex: 1,
+        minWidth: 0
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        style: {
+          height: height,
+          background: "#F3F4F6",
+          borderRadius: 4,
+          overflow: "hidden"
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          style: {
+            width: "".concat(pct, "%"),
+            height: "100%",
+            background: color,
+            borderRadius: 4
+          }
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+      style: {
+        fontSize: 9,
+        color: "rgba(0, 0, 0, 0.4)",
+        minWidth: 26,
+        flexShrink: 0,
+        textAlign: "right"
+      },
+      children: [pct, "%"]
+    })]
+  });
+};
+var KpiCard = function KpiCard(_ref0) {
+  var title = _ref0.title,
+    value = _ref0.value,
+    trend = _ref0.trend,
+    detail = _ref0.detail,
+    _ref0$variant = _ref0.variant,
+    variant = _ref0$variant === void 0 ? "secondary" : _ref0$variant,
+    _ref0$trendPositiveWh = _ref0.trendPositiveWhenNegative,
+    trendPositiveWhenNegative = _ref0$trendPositiveWh === void 0 ? false : _ref0$trendPositiveWh;
   var displayTrend = withTrendArrow(trend);
   var isPrimary = variant === "primary";
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -2080,10 +2188,10 @@ var KpiCard = function KpiCard(_ref9) {
     })]
   });
 };
-var StatPair = function StatPair(_ref0) {
-  var label = _ref0.label,
-    val = _ref0.val,
-    trend = _ref0.trend;
+var StatPair = function StatPair(_ref1) {
+  var label = _ref1.label,
+    val = _ref1.val,
+    trend = _ref1.trend;
   var displayTrend = withTrendArrow(trend);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: {
@@ -2120,12 +2228,12 @@ var StatPair = function StatPair(_ref0) {
     })]
   });
 };
-var PageHeader = function PageHeader(_ref1) {
-  var dateLabel = _ref1.dateLabel,
-    generatedLabel = _ref1.generatedLabel,
-    activeFilters = _ref1.activeFilters,
-    page = _ref1.page,
-    windowLabel = _ref1.windowLabel;
+var PageHeader = function PageHeader(_ref10) {
+  var dateLabel = _ref10.dateLabel,
+    generatedLabel = _ref10.generatedLabel,
+    activeFilters = _ref10.activeFilters,
+    page = _ref10.page,
+    windowLabel = _ref10.windowLabel;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: {
       padding: "22px ".concat(MX, "px 12px"),
@@ -2231,9 +2339,9 @@ var PageHeader = function PageHeader(_ref1) {
     })]
   });
 };
-var PageFooter = function PageFooter(_ref10) {
-  var generatedLabel = _ref10.generatedLabel,
-    page = _ref10.page;
+var PageFooter = function PageFooter(_ref11) {
+  var generatedLabel = _ref11.generatedLabel,
+    page = _ref11.page;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     style: {
       padding: "7px ".concat(MX, "px"),
@@ -2253,16 +2361,16 @@ var PageFooter = function PageFooter(_ref10) {
 };
 
 // ─── Main component ───────────────────────────────────────────────────────────
-var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
-  var _apiData$overviewStat, _overview$totalRevenu, _overview$netRevenue, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _refundsRaw$refundRat, _refundsRaw$chargebac, _apiData$trafficSourc2, _metricByTitle$NetRa, _metricByTitle$Total, _metricByTitle$Total2, _metricByTitle$Total3, _metricByTitle$AvgDo, _metricByTitle$AvgDo2, _apiData$medianGift, _apiData$topDecileGif, _apiData$roasCard, _metricByTitle$ROAS, _apiData$roasCardPrev, _metricByTitle$ROAS2, _apiData$adSpend, _apiData$attributedRe, _metricByTitle$Conver, _metricByTitle$Conver2, _metricByTitle$Refund, _metricByTitle$Refund2, _refundsRaw$refundCou, _metricByTitle$Refund3, _ref14, _refundsRaw$refundRat2, _ob$growthPercentage, _ob$peakDay, _refCard$growthPercen;
-  var _ref11$apiData = _ref11.apiData,
-    apiData = _ref11$apiData === void 0 ? {} : _ref11$apiData,
-    _ref11$dateName = _ref11.dateName,
-    dateName = _ref11$dateName === void 0 ? "Last Period" : _ref11$dateName,
-    _ref11$numberOfDays = _ref11.numberOfDays,
-    numberOfDays = _ref11$numberOfDays === void 0 ? 30 : _ref11$numberOfDays,
-    _ref11$activeFilters = _ref11.activeFilters,
-    activeFilters = _ref11$activeFilters === void 0 ? [] : _ref11$activeFilters;
+var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref12, ref) {
+  var _apiData$overviewStat, _overview$totalRevenu, _overview$netRevenue, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _refundsRaw$refundRat, _refundsRaw$chargebac, _apiData$trafficSourc2, _metricByTitle$NetRa, _metricByTitle$Total, _metricByTitle$Total2, _metricByTitle$Total3, _metricByTitle$AvgDo, _metricByTitle$AvgDo2, _apiData$medianGift, _apiData$topDecileGif, _apiData$roasCard, _metricByTitle$ROAS, _apiData$roasCardPrev, _metricByTitle$ROAS2, _apiData$adSpend, _apiData$attributedRe, _metricByTitle$Conver, _metricByTitle$Conver2, _metricByTitle$Refund, _metricByTitle$Refund2, _refundsRaw$refundCou, _metricByTitle$Refund3, _ref15, _refundsRaw$refundRat2, _ob$growthPercentage, _ob$peakDay, _refCard$growthPercen;
+  var _ref12$apiData = _ref12.apiData,
+    apiData = _ref12$apiData === void 0 ? {} : _ref12$apiData,
+    _ref12$dateName = _ref12.dateName,
+    dateName = _ref12$dateName === void 0 ? "Last Period" : _ref12$dateName,
+    _ref12$numberOfDays = _ref12.numberOfDays,
+    numberOfDays = _ref12$numberOfDays === void 0 ? 30 : _ref12$numberOfDays,
+    _ref12$activeFilters = _ref12.activeFilters,
+    activeFilters = _ref12$activeFilters === void 0 ? [] : _ref12$activeFilters;
   var now = new Date();
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   var windowLabel = "".concat(numberOfDays, "-day window");
@@ -2317,7 +2425,8 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
     mainChart = report.mainChart,
     growth = report.growth,
     totalDonors = report.totalDonors,
-    donorMix = report.donorMix;
+    donorMix = report.donorMix,
+    activeCampaigns = report.activeCampaigns;
   var overview = (apiData === null || apiData === void 0 || (_apiData$overviewStat = apiData.overviewStats) === null || _apiData$overviewStat === void 0 ? void 0 : _apiData$overviewStat.overview) || {};
   var totalRaised = Number((_overview$totalRevenu = overview === null || overview === void 0 ? void 0 : overview.totalRevenue) !== null && _overview$totalRevenu !== void 0 ? _overview$totalRevenu : 240938);
   var netRaised = Number((_overview$netRevenue = overview === null || overview === void 0 ? void 0 : overview.netRevenue) !== null && _overview$netRevenue !== void 0 ? _overview$netRevenue : 222300);
@@ -2335,43 +2444,10 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
     retPct = donorMix.retPct,
     mixAvgGift = donorMix.avgGift,
     donorMixPrev = donorMix.donorMixPrev;
-  var recData = Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.recurringBarChartData) ? apiData.recurringBarChartData : [];
-  var recurringTotal = recData.length ? recData.reduce(function (s, i) {
-    return s + Number(i.recurring || i.recurringAmount || 0);
-  }, 0) : 54937;
-  var oneTimeTotal = recData.length ? recData.reduce(function (s, i) {
-    return s + Number(i.oneTime || i.oneTimeAmount || 0);
-  }, 0) : 188001;
-  var geoRaw = apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography;
-  var geoList = function () {
-    var raw = Array.isArray(geoRaw) ? geoRaw : Array.isArray(geoRaw === null || geoRaw === void 0 ? void 0 : geoRaw.data) ? geoRaw.data : [];
-    if (raw.length) return raw;
-    return [{
-      country: "United States",
-      totalDonors: 78,
-      percentage: 36
-    }, {
-      country: "United Kingdom",
-      totalDonors: 42,
-      percentage: 20
-    }, {
-      country: "Canada",
-      totalDonors: 28,
-      percentage: 13
-    }, {
-      country: "UAE",
-      totalDonors: 24,
-      percentage: 11
-    }, {
-      country: "Saudi Arabia",
-      totalDonors: 19,
-      percentage: 9
-    }, {
-      country: "Other",
-      totalDonors: 24,
-      percentage: 11
-    }];
-  }();
+  var _report$donationTypeT = report.donationTypeTotals,
+    recurringTotal = _report$donationTypeT.recurringTotal,
+    oneTimeTotal = _report$donationTypeT.oneTimeTotal;
+  var geoList = report.donorGeographyList;
   var trafficItems = function (_apiData$trafficSourc) {
     var items = Array.isArray(apiData === null || apiData === void 0 || (_apiData$trafficSourc = apiData.trafficSourceData) === null || _apiData$trafficSourc === void 0 ? void 0 : _apiData$trafficSourc.data) ? apiData.trafficSourceData.data : [];
     if (items.length) return items;
@@ -2441,6 +2517,9 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
     averageDonation: 1940,
     status: "Active"
   }];
+  var campaignStatusByIndex = campaigns.map(function (c) {
+    return c.status || "Active";
+  });
   var ob = (apiData === null || apiData === void 0 ? void 0 : apiData.orderBumpDetails) || {};
   var obData = ((ob === null || ob === void 0 ? void 0 : ob.chart) || []).map(function (i) {
     return Number(i.revenue || 0);
@@ -2603,10 +2682,10 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
               gap: 14,
               marginBottom: 6
             },
-            children: [["Email", C.cyan], ["Organic", C.emerald], ["Paid Ads", C.indigo]].map(function (_ref12) {
-              var _ref13 = _slicedToArray(_ref12, 2),
-                name = _ref13[0],
-                color = _ref13[1];
+            children: [["Email", C.cyan], ["Organic", C.emerald], ["Paid Ads", C.indigo]].map(function (_ref13) {
+              var _ref14 = _slicedToArray(_ref13, 2),
+                name = _ref14[0],
+                color = _ref14[1];
               return /*#__PURE__*/jsxRuntime.jsxs("div", {
                 style: {
                   display: "flex",
@@ -2670,11 +2749,13 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
           children: [/*#__PURE__*/jsxRuntime.jsx(Panel, {
             title: "Active campaigns",
             subtitle: "Live fundraisers ranked by velocity",
-            action: "View all \u2192",
             children: /*#__PURE__*/jsxRuntime.jsx(MiniTable, {
               head: ["CAMPAIGN", "RAISED", "PROGRESS", "DONORS", "AVG GIFT", "STATUS"],
-              rows: campaigns.map(function (c) {
-                return [c.title || "Untitled", d$(c.collectedAmount || 0), "".concat(Math.round((c.collectedAmount || 0) / (c.usdTargetAmount || 1) * 100), "%"), "".concat(formatNumber(c.uniqueDonationsCount || 0)), d$(c.avgGift || c.averageDonation || 0), c.status || "Active"];
+              colAlign: ["left", "right", "left", "right", "right", "right"],
+              rows: activeCampaigns.map(function (c, i) {
+                return [c.name, c.val1, /*#__PURE__*/jsxRuntime.jsx(ProgressBar, {
+                  value: c.progress
+                }, "campaign-progress-".concat(i)), c.val3, c.val4, campaignStatusByIndex[i] || "Active"];
               })
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Panel, {
@@ -2769,7 +2850,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
                     style: {
                       fontSize: 9
                     },
-                    children: "".concat(Number((_ref14 = donorMixPrev !== null && donorMixPrev !== void 0 ? donorMixPrev : growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _ref14 !== void 0 ? _ref14 : 0).toFixed(2), "% vs pp")
+                    children: "".concat(Number((_ref15 = donorMixPrev !== null && donorMixPrev !== void 0 ? donorMixPrev : growth === null || growth === void 0 ? void 0 : growth.overallAVGDonations) !== null && _ref15 !== void 0 ? _ref15 : 0).toFixed(2), "% vs pp")
                   })
                 })]
               })]
@@ -2886,13 +2967,13 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
                     fontSize: 9,
                     color: "#374151"
                   },
-                  children: g.country || g.name || "-"
+                  children: g.country
                 }), /*#__PURE__*/jsxRuntime.jsxs("span", {
                   style: {
                     fontSize: 9,
                     color: "#6B7280"
                   },
-                  children: [formatNumber(g.totalDonors || g.donors || 0), " \xB7 ", formatNumber(g.percentage || 0), "%"]
+                  children: [formatNumber(g.value), " \xB7 ", formatNumber(g.percentage), "%"]
                 })]
               }, i);
             })
@@ -3025,10 +3106,10 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
                 display: "flex",
                 gap: 12
               },
-              children: [["Avg/day", d$((ob === null || ob === void 0 ? void 0 : ob.averagePerDay) || 0)], ["Peak day", d$((ob === null || ob === void 0 || (_ob$peakDay = ob.peakDay) === null || _ob$peakDay === void 0 ? void 0 : _ob$peakDay.amount) || 0)], ["Orders", formatNumber((ob === null || ob === void 0 ? void 0 : ob.totalOrders) || 0)]].map(function (_ref15) {
-                var _ref16 = _slicedToArray(_ref15, 2),
-                  l = _ref16[0],
-                  v = _ref16[1];
+              children: [["Avg/day", d$((ob === null || ob === void 0 ? void 0 : ob.averagePerDay) || 0)], ["Peak day", d$((ob === null || ob === void 0 || (_ob$peakDay = ob.peakDay) === null || _ob$peakDay === void 0 ? void 0 : _ob$peakDay.amount) || 0)], ["Orders", formatNumber((ob === null || ob === void 0 ? void 0 : ob.totalOrders) || 0)]].map(function (_ref16) {
+                var _ref17 = _slicedToArray(_ref16, 2),
+                  l = _ref17[0],
+                  v = _ref17[1];
                 return /*#__PURE__*/jsxRuntime.jsxs("div", {
                   children: [/*#__PURE__*/jsxRuntime.jsx("div", {
                     style: {
@@ -3155,10 +3236,10 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref11, ref) {
                 display: "flex",
                 gap: 12
               },
-              children: [["Referrers", formatNumber((refCard === null || refCard === void 0 ? void 0 : refCard.totalReferrers) || 0)], ["Avg gift", d$((refCard === null || refCard === void 0 ? void 0 : refCard.averageGift) || 0)], ["Conv. rate", pct((refCard === null || refCard === void 0 ? void 0 : refCard.conversionRate) || 0, 1)]].map(function (_ref17) {
-                var _ref18 = _slicedToArray(_ref17, 2),
-                  l = _ref18[0],
-                  v = _ref18[1];
+              children: [["Referrers", formatNumber((refCard === null || refCard === void 0 ? void 0 : refCard.totalReferrers) || 0)], ["Avg gift", d$((refCard === null || refCard === void 0 ? void 0 : refCard.averageGift) || 0)], ["Conv. rate", pct((refCard === null || refCard === void 0 ? void 0 : refCard.conversionRate) || 0, 1)]].map(function (_ref18) {
+                var _ref19 = _slicedToArray(_ref18, 2),
+                  l = _ref19[0],
+                  v = _ref19[1];
                 return /*#__PURE__*/jsxRuntime.jsxs("div", {
                   children: [/*#__PURE__*/jsxRuntime.jsx("div", {
                     style: {
@@ -3301,7 +3382,8 @@ var NewOverview = function NewOverview(_ref) {
     _ref$apiLoading = _ref.apiLoading,
     apiLoading = _ref$apiLoading === void 0 ? false : _ref$apiLoading,
     _ref$activeFilters = _ref.activeFilters,
-    activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters;
+    activeFilters = _ref$activeFilters === void 0 ? [] : _ref$activeFilters,
+    setExportLoading = _ref.setExportLoading;
   var initialMetric = "Revenue";
   var revenueData = (apiData === null || apiData === void 0 ? void 0 : apiData.revenueData) || [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000];
   var donationsData = (apiData === null || apiData === void 0 ? void 0 : apiData.donationsData) || [15, 22, 18, 30, 25, 35, 42, 45, 28];
@@ -3380,6 +3462,7 @@ var NewOverview = function NewOverview(_ref) {
             case 6:
               _context.p = 6;
               setShowExportLayout(false);
+              setExportLoading === null || setExportLoading === void 0 || setExportLoading(false);
               return _context.f(6);
             case 7:
               return _context.a(2);
@@ -3391,7 +3474,7 @@ var NewOverview = function NewOverview(_ref) {
       };
     }();
     doPdfExport();
-  }, [showExportLayout, exportFiltersSnapshot]);
+  }, [showExportLayout, exportFiltersSnapshot, setExportLoading]);
   var currentData = metric === "Revenue" ? revenueData : donationsData;
   var oneTimeData = (apiData === null || apiData === void 0 ? void 0 : apiData.oneTimeDonations) || [];
   var oneTimeValues = oneTimeData.length > 0 ? oneTimeData.map(function (item) {