@ammarkhalidfarooq/dashboard-package 0.5.13 → 0.5.14

package/dist/index.cjs.js

@@ -942,7 +942,7 @@ var NewOverview = function NewOverview(_ref) {
     if (exportTrigger <= 0) return;
     var buildAndDownloadPdf = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-        var _apiData$overviewStat, _apiData$overviewStat2, _apiData$trafficSourc, _apiData$roasCard, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _doc$lastAutoTable, _apiData$orderBumpDet, _apiData$upSellDetail, _apiData$downSellDeta, _apiData$referralDeta, _doc$lastAutoTable2, _yield$Promise$all, _yield$Promise$all2, jsPDF, autoTableModule, autoTable, growth, overview, dateLabel, generatedAt, generatedLabel, fmtPct, fmtSigned, doc, pageWidth, marginX, contentWidth, cardGap, cardWidth, addHeader, addFooter, metricCard, donorMixRaw, newDonorsCount, returningDonorsCount, avgGift, newDonorsObj, returningDonorsObj, totalAmount, totalCount, activeCampaignRows, trafficRows, donorMixRows, refundsData, totalRaised, netRaised, totalDonors, convRate, avgDonation, totalVisits, passThrough, refundRate, chargebackRate, page1Cards, y, trendY, donorCardTop, miscRows, safeDate, _t;
+        var _apiData$overviewStat, _apiData$overviewStat2, _apiData$trafficSourc, _apiData$recurringBar, _apiData$recurringBar2, _apiData$roasCard, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _doc$lastAutoTable, _doc$lastAutoTable2, _apiData$orderBumpDet, _apiData$orderBumpDet2, _apiData$orderBumpDet3, _apiData$orderBumpDet4, _apiData$upSellDetail, _apiData$upSellDetail2, _apiData$downSellDeta, _apiData$downSellDeta2, _apiData$referralDeta, _apiData$referralDeta2, _yield$Promise$all, _yield$Promise$all2, jsPDF, autoTableModule, autoTable, growth, overview, dateLabel, generatedAt, generatedLabel, fmtPct, fmtSigned, doc, pageWidth, marginX, contentWidth, cardGap, cardWidth, addHeader, addFooter, metricCard, donorMixRaw, newDonorsCount, returningDonorsCount, avgGift, newDonorsObj, returningDonorsObj, totalAmount, totalCount, activeCampaignRows, trafficRows, donorMixRows, recurringTotal, oneTimeTotalValue, donorGeoRows, refundsData, totalRaised, netRaised, totalDonors, convRate, avgDonation, totalVisits, passThrough, refundRate, chargebackRate, page1Cards, y, trendY, donorCardTop, cardsTop, halfGap, halfW, drawInfoCard, safeDate, _t;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.p = _context.n) {
             case 0:
@@ -989,7 +989,7 @@ var NewOverview = function NewOverview(_ref) {
                 doc.text("PERFORMANCE REPORT", marginX, 50);
                 doc.setTextColor(17, 24, 39);
                 doc.setFontSize(13);
-                doc.text("Dashboard overview - Overall", marginX, 72);
+                doc.text("Dashboard overview — Overall", marginX, 72);
                 doc.setFont("helvetica", "normal");
                 doc.setFontSize(10);
                 doc.setTextColor(107, 114, 128);
@@ -1057,12 +1057,17 @@ var NewOverview = function NewOverview(_ref) {
                 avgGift = donorMixRaw.avgGift || 0;
               }
               activeCampaignRows = ((apiData === null || apiData === void 0 ? void 0 : apiData.activeCampaigns) || []).map(function (campaign) {
-                return [campaign.title || "Untitled Campaign", "$".concat(formatNumber(campaign.collectedAmount || 0)), "".concat(Math.round((campaign.collectedAmount || 0) / (campaign.usdTargetAmount || 1) * 100), "%"), "".concat(formatNumber(campaign.uniqueDonationsCount || 0)), "$".concat(formatNumber(campaign.avgGift || 0))];
+                return [campaign.title || "Untitled Campaign", "$".concat(formatNumber(campaign.collectedAmount || 0)), "".concat(Math.round((campaign.collectedAmount || 0) / (campaign.usdTargetAmount || 1) * 100), "%"), "".concat(formatNumber(campaign.uniqueDonationsCount || 0)), "$".concat(formatNumber(campaign.avgGift || 0)), campaign.status || "Active"];
               });
               trafficRows = ((apiData === null || apiData === void 0 || (_apiData$trafficSourc = apiData.trafficSourceData) === null || _apiData$trafficSourc === void 0 ? void 0 : _apiData$trafficSourc.data) || []).map(function (item) {
                 return [(item === null || item === void 0 ? void 0 : item.source) || (item === null || item === void 0 ? void 0 : item.name) || "-", "".concat(formatNumber((item === null || item === void 0 ? void 0 : item.donors) || (item === null || item === void 0 ? void 0 : item.totalDonors) || 0)), "$".concat(formatNumber((item === null || item === void 0 ? void 0 : item.revenue) || (item === null || item === void 0 ? void 0 : item.raised) || 0))];
               });
               donorMixRows = [["New donors", "".concat(formatNumber(newDonorsCount))], ["Returning donors", "".concat(formatNumber(returningDonorsCount))], ["Avg gift", "$".concat(formatNumber(avgGift))]];
+              recurringTotal = Number((apiData === null || apiData === void 0 || (_apiData$recurringBar = apiData.recurringBarChartData) === null || _apiData$recurringBar === void 0 ? void 0 : _apiData$recurringBar.recurringTotal) || 0);
+              oneTimeTotalValue = Number((apiData === null || apiData === void 0 || (_apiData$recurringBar2 = apiData.recurringBarChartData) === null || _apiData$recurringBar2 === void 0 ? void 0 : _apiData$recurringBar2.oneTimeTotal) || 0);
+              donorGeoRows = ((apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography) || []).slice(0, 6).map(function (item) {
+                return [item.country || item.name || "-", "".concat(formatNumber(item.totalDonors || item.donors || 0)), "".concat(formatNumber(item.percentage || 0), "%")];
+              });
               refundsData = (apiData === null || apiData === void 0 ? void 0 : apiData.refundAndChargeBacks) || {};
               totalRaised = Number((overview === null || overview === void 0 ? void 0 : overview.totalRevenue) || 0);
               netRaised = Number((overview === null || overview === void 0 ? void 0 : overview.netRevenue) || 0);
@@ -1175,10 +1180,14 @@ var NewOverview = function NewOverview(_ref) {
               doc.setFontSize(9.5);
               doc.setTextColor(107, 114, 128);
               doc.text("Live fundraisers ranked by velocity", marginX, 126);
+              doc.setTextColor(99, 102, 241);
+              doc.text("View all →", pageWidth - marginX, 126, {
+                align: "right"
+              });
               autoTable(doc, {
                 startY: 136,
-                head: [["CAMPAIGN", "RAISED", "PROGRESS", "DONORS", "AVG GIFT"]],
-                body: activeCampaignRows.length ? activeCampaignRows : [["-", "$0", "0%", "0", "$0"]],
+                head: [["CAMPAIGN", "RAISED", "PROGRESS", "DONORS", "AVG GIFT", "STATUS"]],
+                body: activeCampaignRows.length ? activeCampaignRows : [["-", "$0", "0%", "0", "$0", "-"]],
                 margin: {
                   left: marginX,
                   right: marginX
@@ -1243,27 +1252,93 @@ var NewOverview = function NewOverview(_ref) {
                   fillColor: [248, 250, 252]
                 }
               });
-              miscRows = [["Refunds", "".concat(formatNumber(refundRate), "%")], ["Chargebacks", "".concat(formatNumber(chargebackRate), "%")], ["Order Bump", "$".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$orderBumpDet = apiData.orderBumpDetails) === null || _apiData$orderBumpDet === void 0 ? void 0 : _apiData$orderBumpDet.totalRevenue) || 0))], ["Upsell Raised", "$".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$upSellDetail = apiData.upSellDetails) === null || _apiData$upSellDetail === void 0 ? void 0 : _apiData$upSellDetail.raised) || 0))], ["Downsell Raised", "$".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$downSellDeta = apiData.downSellDetails) === null || _apiData$downSellDeta === void 0 ? void 0 : _apiData$downSellDeta.raised) || 0))], ["Referrals", "$".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$referralDeta = apiData.referralDetails) === null || _apiData$referralDeta === void 0 ? void 0 : _apiData$referralDeta.totalRevenue) || 0))]];
-              autoTable(doc, {
-                startY: (((_doc$lastAutoTable2 = doc.lastAutoTable) === null || _doc$lastAutoTable2 === void 0 ? void 0 : _doc$lastAutoTable2.finalY) || donorCardTop + 120) + 12,
-                head: [["Additional Blocks", "Value"]],
-                body: miscRows,
-                margin: {
-                  left: marginX,
-                  right: marginX
-                },
-                styles: {
-                  fontSize: 9,
-                  cellPadding: 5
-                },
-                headStyles: {
-                  fillColor: [241, 245, 249],
-                  textColor: [51, 65, 85]
-                },
-                alternateRowStyles: {
-                  fillColor: [248, 250, 252]
-                }
+              cardsTop = (((_doc$lastAutoTable2 = doc.lastAutoTable) === null || _doc$lastAutoTable2 === void 0 ? void 0 : _doc$lastAutoTable2.finalY) || donorCardTop + 120) + 12;
+              halfGap = 12;
+              halfW = (contentWidth - halfGap) / 2;
+              drawInfoCard = function drawInfoCard(_ref4) {
+                var x = _ref4.x,
+                  y = _ref4.y,
+                  w = _ref4.w,
+                  h = _ref4.h,
+                  title = _ref4.title,
+                  subtitle = _ref4.subtitle,
+                  _ref4$lines = _ref4.lines,
+                  lines = _ref4$lines === void 0 ? [] : _ref4$lines;
+                doc.setDrawColor(229, 231, 235);
+                doc.roundedRect(x, y, w, h, 6, 6);
+                doc.setFont("helvetica", "bold");
+                doc.setTextColor(17, 24, 39);
+                doc.setFontSize(10);
+                doc.text(title, x + 10, y + 16);
+                doc.setFont("helvetica", "normal");
+                doc.setFontSize(8.5);
+                doc.setTextColor(107, 114, 128);
+                doc.text(subtitle, x + 10, y + 30);
+                doc.setTextColor(55, 65, 81);
+                lines.forEach(function (line, idx) {
+                  doc.text(line, x + 10, y + 46 + idx * 12, {
+                    maxWidth: w - 20
+                  });
+                });
+              };
+              drawInfoCard({
+                x: marginX,
+                y: cardsTop,
+                w: halfW,
+                h: 86,
+                title: "Recurring vs one-time",
+                subtitle: "Donation type · weekly",
+                lines: ["Recurring $".concat(formatNumber(recurringTotal)), "One-time $".concat(formatNumber(oneTimeTotalValue))]
               });
+              drawInfoCard({
+                x: marginX + halfW + halfGap,
+                y: cardsTop,
+                w: halfW,
+                h: 86,
+                title: "Refunds & chargebacks",
+                subtitle: "Trust health · 30-day window",
+                lines: ["Refunds ".concat(fmtPct(refundRate, 2), " (").concat(fmtSigned(refundsData === null || refundsData === void 0 ? void 0 : refundsData.refundRateChange, "pp"), ")"), "Chargebacks ".concat(fmtPct(chargebackRate, 2), " (").concat(fmtSigned(refundsData === null || refundsData === void 0 ? void 0 : refundsData.chargebackRateChange, "pp"), ")"), "$".concat(formatNumber((refundsData === null || refundsData === void 0 ? void 0 : refundsData.refundAmount) || 0), " refunded \xB7 $").concat(formatNumber((refundsData === null || refundsData === void 0 ? void 0 : refundsData.disputedAmount) || 0), " disputed")]
+              });
+              drawInfoCard({
+                x: marginX,
+                y: cardsTop + 96,
+                w: halfW,
+                h: 88,
+                title: "Order Bump",
+                subtitle: "Revenue trend · last 30 days",
+                lines: ["$".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$orderBumpDet = apiData.orderBumpDetails) === null || _apiData$orderBumpDet === void 0 ? void 0 : _apiData$orderBumpDet.totalRevenue) || 0), " (").concat(fmtSigned(apiData === null || apiData === void 0 || (_apiData$orderBumpDet2 = apiData.orderBumpDetails) === null || _apiData$orderBumpDet2 === void 0 ? void 0 : _apiData$orderBumpDet2.growthPercentage, "%"), ")"), "Avg/day $".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$orderBumpDet3 = apiData.orderBumpDetails) === null || _apiData$orderBumpDet3 === void 0 ? void 0 : _apiData$orderBumpDet3.averagePerDay) || 0), " \xB7 Orders ").concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$orderBumpDet4 = apiData.orderBumpDetails) === null || _apiData$orderBumpDet4 === void 0 ? void 0 : _apiData$orderBumpDet4.totalOrders) || 0))]
+              });
+              drawInfoCard({
+                x: marginX + halfW + halfGap,
+                y: cardsTop + 96,
+                w: halfW,
+                h: 88,
+                title: "Upsell / Downsell / Referrals",
+                subtitle: "Acceptance & raised",
+                lines: ["Upsell $".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$upSellDetail = apiData.upSellDetails) === null || _apiData$upSellDetail === void 0 ? void 0 : _apiData$upSellDetail.raised) || 0), " \xB7 ").concat(fmtPct((apiData === null || apiData === void 0 || (_apiData$upSellDetail2 = apiData.upSellDetails) === null || _apiData$upSellDetail2 === void 0 ? void 0 : _apiData$upSellDetail2.acceptanceRate) || 0, 1), " accepted"), "Downsell $".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$downSellDeta = apiData.downSellDetails) === null || _apiData$downSellDeta === void 0 ? void 0 : _apiData$downSellDeta.raised) || 0), " \xB7 ").concat(fmtPct((apiData === null || apiData === void 0 || (_apiData$downSellDeta2 = apiData.downSellDetails) === null || _apiData$downSellDeta2 === void 0 ? void 0 : _apiData$downSellDeta2.acceptanceRate) || 0, 1), " accepted"), "Referrals $".concat(formatNumber((apiData === null || apiData === void 0 || (_apiData$referralDeta = apiData.referralDetails) === null || _apiData$referralDeta === void 0 ? void 0 : _apiData$referralDeta.totalRevenue) || 0), " \xB7 ").concat(fmtPct((apiData === null || apiData === void 0 || (_apiData$referralDeta2 = apiData.referralDetails) === null || _apiData$referralDeta2 === void 0 ? void 0 : _apiData$referralDeta2.conversionRate) || 0, 1), " conv.")]
+              });
+              if (donorGeoRows.length > 0) {
+                autoTable(doc, {
+                  startY: cardsTop + 192,
+                  head: [["COUNTRY", "DONORS", "SHARE"]],
+                  body: donorGeoRows,
+                  margin: {
+                    left: marginX,
+                    right: marginX
+                  },
+                  styles: {
+                    fontSize: 9,
+                    cellPadding: 4.5
+                  },
+                  headStyles: {
+                    fillColor: [241, 245, 249],
+                    textColor: [51, 65, 85]
+                  },
+                  alternateRowStyles: {
+                    fillColor: [248, 250, 252]
+                  }
+                });
+              }
               addFooter(2, 2);
               safeDate = new Date().toISOString().slice(0, 10);
               doc.save("DashboardOverview_report_".concat(safeDate, ".pdf"));