@ammarkhalidfarooq/dashboard-package 0.6.96 → 0.6.98

package/dist/index.es.js

@@ -1719,7 +1719,7 @@ var THEME = {
   trendUpBg: "#D1FAE5",
   trendUpText: "#059669"
 };
-var BULLET = " · ";
+var BULLET = " - ";
 
 // ─── Number helpers ───────────────────────────────────────────────────────────
 var d$ = function d$(v) {
@@ -2231,13 +2231,14 @@ var MetricGridCard = function MetricGridCard(_ref16) {
     })]
   });
 };
-var PageOneFooter = function PageOneFooter(_ref17) {
+var PdfPageFooter = function PdfPageFooter(_ref17) {
   var generatedBy = _ref17.generatedBy,
-    generatedLabel = _ref17.generatedLabel;
+    generatedDate = _ref17.generatedDate,
+    generatedTime = _ref17.generatedTime,
+    page = _ref17.page;
   return /*#__PURE__*/jsx("div", {
     style: {
-      padding: "14px ".concat(MX, "px 28px"),
-      borderTop: "1px solid ".concat(THEME.panelBorder),
+      padding: "24px ".concat(MX, "px 36px"),
       marginTop: "auto",
       flexShrink: 0
     },
@@ -2246,52 +2247,35 @@ var PageOneFooter = function PageOneFooter(_ref17) {
         display: "flex",
         justifyContent: "space-between",
         alignItems: "center",
-        fontSize: 8,
-        color: THEME.muted,
-        lineHeight: 1.4
-      },
-      children: [/*#__PURE__*/jsxs("span", {
-        children: ["Confidential", BULLET, "Generated by ", generatedBy, BULLET, generatedLabel]
-      }), /*#__PURE__*/jsxs("span", {
-        children: ["Page 1 of 2", BULLET, "madinah.com"]
-      })]
-    })
-  });
-};
-var PageTwoFooter = function PageTwoFooter(_ref18) {
-  var generatedBy = _ref18.generatedBy,
-    generatedLabel = _ref18.generatedLabel;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      padding: "14px ".concat(MX, "px 28px"),
-      borderTop: "1px solid ".concat(THEME.panelBorder),
-      marginTop: "auto",
-      flexShrink: 0
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      style: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        fontSize: 8,
-        color: THEME.muted,
-        lineHeight: 1.4
+        gap: 12,
+        fontSize: 9,
+        fontWeight: 400,
+        color: "#9CA3AF",
+        lineHeight: 1.35
       },
       children: [/*#__PURE__*/jsxs("span", {
-        children: ["Confidential", BULLET, "Generated by ", generatedBy, BULLET, generatedLabel]
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        children: ["Confidential", BULLET, "Generated by ", generatedBy, BULLET, generatedDate, BULLET, generatedTime]
       }), /*#__PURE__*/jsxs("span", {
-        children: ["Page 2 of 2", BULLET, "madinah.com"]
+        style: {
+          flexShrink: 0,
+          textAlign: "right"
+        },
+        children: ["Page ", page, " of 2", BULLET, "madinah.com"]
       })]
     })
   });
 };
-var P2Card = function P2Card(_ref19) {
-  var children = _ref19.children,
-    title = _ref19.title,
-    subtitle = _ref19.subtitle,
-    action = _ref19.action,
-    _ref19$style = _ref19.style,
-    style = _ref19$style === void 0 ? {} : _ref19$style;
+var P2Card = function P2Card(_ref18) {
+  var children = _ref18.children,
+    title = _ref18.title,
+    subtitle = _ref18.subtitle,
+    action = _ref18.action,
+    _ref18$style = _ref18.style,
+    style = _ref18$style === void 0 ? {} : _ref18$style;
   return /*#__PURE__*/jsxs("div", {
     style: _objectSpread2({
       border: "1px solid ".concat(THEME.panelBorder),
@@ -2344,9 +2328,9 @@ var campaignBarColor = function campaignBarColor() {
   if (s.includes("closing")) return "#14B8A6";
   return THEME.brand;
 };
-var StatusPill = function StatusPill(_ref20) {
-  var _ref20$status = _ref20.status,
-    status = _ref20$status === void 0 ? "" : _ref20$status;
+var StatusPill = function StatusPill(_ref19) {
+  var _ref19$status = _ref19.status,
+    status = _ref19$status === void 0 ? "" : _ref19$status;
   if (!String(status).trim()) {
     return /*#__PURE__*/jsx("span", {
       style: {
@@ -2386,9 +2370,9 @@ var StatusPill = function StatusPill(_ref20) {
     children: styles.label
   });
 };
-var P2CampaignTable = function P2CampaignTable(_ref21) {
-  var _ref21$rows = _ref21.rows,
-    rows = _ref21$rows === void 0 ? [] : _ref21$rows;
+var P2CampaignTable = function P2CampaignTable(_ref20) {
+  var _ref20$rows = _ref20.rows,
+    rows = _ref20$rows === void 0 ? [] : _ref20$rows;
   return /*#__PURE__*/jsxs("table", {
     style: {
       width: "100%",
@@ -2484,14 +2468,14 @@ var P2CampaignTable = function P2CampaignTable(_ref21) {
     })]
   });
 };
-var P2DonorMixCard = function P2DonorMixCard(_ref22) {
-  var newDonors = _ref22.newDonors,
-    returningDonors = _ref22.returningDonors,
-    totalMix = _ref22.totalMix,
-    newPct = _ref22.newPct,
-    retPct = _ref22.retPct,
-    avgGift = _ref22.avgGift,
-    avgGiftTrend = _ref22.avgGiftTrend;
+var P2DonorMixCard = function P2DonorMixCard(_ref21) {
+  var newDonors = _ref21.newDonors,
+    returningDonors = _ref21.returningDonors,
+    totalMix = _ref21.totalMix,
+    newPct = _ref21.newPct,
+    retPct = _ref21.retPct,
+    avgGift = _ref21.avgGift,
+    avgGiftTrend = _ref21.avgGiftTrend;
   return /*#__PURE__*/jsx(P2Card, {
     title: "Donor mix",
     subtitle: "Acquisition vs retention",
@@ -2590,17 +2574,17 @@ var P2DonorMixCard = function P2DonorMixCard(_ref22) {
     })
   });
 };
-var StackedDonationTypeBarSvg = function StackedDonationTypeBarSvg(_ref23) {
-  var _ref23$categories = _ref23.categories,
-    categories = _ref23$categories === void 0 ? [] : _ref23$categories,
-    _ref23$recurring = _ref23.recurring,
-    recurring = _ref23$recurring === void 0 ? [] : _ref23$recurring,
-    _ref23$oneTime = _ref23.oneTime,
-    oneTime = _ref23$oneTime === void 0 ? [] : _ref23$oneTime,
-    _ref23$recurringColor = _ref23.recurringColor,
-    recurringColor = _ref23$recurringColor === void 0 ? "#10B981" : _ref23$recurringColor,
-    _ref23$oneTimeColor = _ref23.oneTimeColor,
-    oneTimeColor = _ref23$oneTimeColor === void 0 ? "#6366F1" : _ref23$oneTimeColor;
+var StackedDonationTypeBarSvg = function StackedDonationTypeBarSvg(_ref22) {
+  var _ref22$categories = _ref22.categories,
+    categories = _ref22$categories === void 0 ? [] : _ref22$categories,
+    _ref22$recurring = _ref22.recurring,
+    recurring = _ref22$recurring === void 0 ? [] : _ref22$recurring,
+    _ref22$oneTime = _ref22.oneTime,
+    oneTime = _ref22$oneTime === void 0 ? [] : _ref22$oneTime,
+    _ref22$recurringColor = _ref22.recurringColor,
+    recurringColor = _ref22$recurringColor === void 0 ? "#10B981" : _ref22$recurringColor,
+    _ref22$oneTimeColor = _ref22.oneTimeColor,
+    oneTimeColor = _ref22$oneTimeColor === void 0 ? "#6366F1" : _ref22$oneTimeColor;
   var width = 158;
   var height = 88;
   var padL = 22;
@@ -2676,8 +2660,8 @@ var StackedDonationTypeBarSvg = function StackedDonationTypeBarSvg(_ref23) {
     })
   });
 };
-var P2DonationTypeCard = function P2DonationTypeCard(_ref24) {
-  var donationTypeData = _ref24.donationTypeData;
+var P2DonationTypeCard = function P2DonationTypeCard(_ref23) {
+  var donationTypeData = _ref23.donationTypeData;
   var _parseDonationTypeCha2 = parseDonationTypeChartData(donationTypeData),
     categories = _parseDonationTypeCha2.categories,
     recurring = _parseDonationTypeCha2.recurring,
@@ -2740,11 +2724,11 @@ var P2DonationTypeCard = function P2DonationTypeCard(_ref24) {
     })]
   });
 };
-var P2DonorGeographyCard = function P2DonorGeographyCard(_ref25) {
-  var _ref25$geoList = _ref25.geoList,
-    geoList = _ref25$geoList === void 0 ? [] : _ref25$geoList,
-    _ref25$totalDonors = _ref25.totalDonors,
-    totalDonors = _ref25$totalDonors === void 0 ? 0 : _ref25$totalDonors;
+var P2DonorGeographyCard = function P2DonorGeographyCard(_ref24) {
+  var _ref24$geoList = _ref24.geoList,
+    geoList = _ref24$geoList === void 0 ? [] : _ref24$geoList,
+    _ref24$totalDonors = _ref24.totalDonors,
+    totalDonors = _ref24$totalDonors === void 0 ? 0 : _ref24$totalDonors;
   return /*#__PURE__*/jsxs(P2Card, {
     title: "Donor geography",
     subtitle: "Top countries".concat(BULLET).concat(formatNumber(totalDonors), " total"),
@@ -2809,19 +2793,19 @@ var P2DonorGeographyCard = function P2DonorGeographyCard(_ref25) {
     })]
   });
 };
-var SparklineWithLabels = function SparklineWithLabels(_ref26) {
-  var _ref26$data = _ref26.data,
-    data = _ref26$data === void 0 ? [] : _ref26$data,
-    _ref26$color = _ref26.color,
-    color = _ref26$color === void 0 ? "#6366F1" : _ref26$color,
-    _ref26$startLabel = _ref26.startLabel,
-    startLabel = _ref26$startLabel === void 0 ? "" : _ref26$startLabel,
-    _ref26$endLabel = _ref26.endLabel,
-    endLabel = _ref26$endLabel === void 0 ? "" : _ref26$endLabel,
-    _ref26$width = _ref26.width,
-    width = _ref26$width === void 0 ? 150 : _ref26$width,
-    _ref26$height = _ref26.height,
-    height = _ref26$height === void 0 ? 42 : _ref26$height;
+var SparklineWithLabels = function SparklineWithLabels(_ref25) {
+  var _ref25$data = _ref25.data,
+    data = _ref25$data === void 0 ? [] : _ref25$data,
+    _ref25$color = _ref25.color,
+    color = _ref25$color === void 0 ? "#6366F1" : _ref25$color,
+    _ref25$startLabel = _ref25.startLabel,
+    startLabel = _ref25$startLabel === void 0 ? "" : _ref25$startLabel,
+    _ref25$endLabel = _ref25.endLabel,
+    endLabel = _ref25$endLabel === void 0 ? "" : _ref25$endLabel,
+    _ref25$width = _ref25.width,
+    width = _ref25$width === void 0 ? 150 : _ref25$width,
+    _ref25$height = _ref25.height,
+    height = _ref25$height === void 0 ? 42 : _ref25$height;
   return /*#__PURE__*/jsxs("div", {
     children: [/*#__PURE__*/jsx(Sparkline, {
       data: data,
@@ -2853,12 +2837,12 @@ var getTrafficSourceColor = function getTrafficSourceColor() {
   if (s.includes("direct")) return "#9CA3AF";
   return "#CBD5E1";
 };
-var P2TrafficSourceCard = function P2TrafficSourceCard(_ref27) {
-  var _ref27$items = _ref27.items,
-    items = _ref27$items === void 0 ? [] : _ref27$items,
-    _ref27$total = _ref27.total,
-    total = _ref27$total === void 0 ? 0 : _ref27$total,
-    daysLabel = _ref27.daysLabel;
+var P2TrafficSourceCard = function P2TrafficSourceCard(_ref26) {
+  var _ref26$items = _ref26.items,
+    items = _ref26$items === void 0 ? [] : _ref26$items,
+    _ref26$total = _ref26.total,
+    total = _ref26$total === void 0 ? 0 : _ref26$total,
+    daysLabel = _ref26.daysLabel;
   return /*#__PURE__*/jsxs(P2Card, {
     title: "Traffic source",
     subtitle: "Revenue by channel".concat(BULLET).concat(daysLabel),
@@ -2973,19 +2957,19 @@ var P2TrafficSourceCard = function P2TrafficSourceCard(_ref27) {
     })]
   });
 };
-var P2RefundsCard = function P2RefundsCard(_ref28) {
-  var refundRate = _ref28.refundRate,
-    chargebackRate = _ref28.chargebackRate,
-    refundGrowth = _ref28.refundGrowth,
-    totalRefundedAmount = _ref28.totalRefundedAmount,
-    disputedAmount = _ref28.disputedAmount,
-    lostCases = _ref28.lostCases,
-    _ref28$chartData = _ref28.chartData,
-    chartData = _ref28$chartData === void 0 ? [] : _ref28$chartData,
-    windowLabel = _ref28.windowLabel;
+var P2RefundsCard = function P2RefundsCard(_ref27) {
+  var refundRate = _ref27.refundRate,
+    chargebackRate = _ref27.chargebackRate,
+    refundGrowth = _ref27.refundGrowth,
+    totalRefundedAmount = _ref27.totalRefundedAmount,
+    disputedAmount = _ref27.disputedAmount,
+    lostCases = _ref27.lostCases,
+    _ref27$chartData = _ref27.chartData,
+    chartData = _ref27$chartData === void 0 ? [] : _ref27$chartData,
+    windowLabel = _ref27.windowLabel;
   var refundChart = chartData.map(function (d) {
-    var _ref29, _ref30, _d$value;
-    return Number((_ref29 = (_ref30 = (_d$value = d === null || d === void 0 ? void 0 : d.value) !== null && _d$value !== void 0 ? _d$value : d === null || d === void 0 ? void 0 : d.amount) !== null && _ref30 !== void 0 ? _ref30 : d) !== null && _ref29 !== void 0 ? _ref29 : 0);
+    var _ref28, _ref29, _d$value;
+    return Number((_ref28 = (_ref29 = (_d$value = d === null || d === void 0 ? void 0 : d.value) !== null && _d$value !== void 0 ? _d$value : d === null || d === void 0 ? void 0 : d.amount) !== null && _ref29 !== void 0 ? _ref29 : d) !== null && _ref28 !== void 0 ? _ref28 : 0);
   });
   return /*#__PURE__*/jsxs(P2Card, {
     title: "Refunds & chargebacks",
@@ -3109,17 +3093,17 @@ var P2RefundsCard = function P2RefundsCard(_ref28) {
     })]
   });
 };
-var P2RevenueTrendCard = function P2RevenueTrendCard(_ref31) {
-  var title = _ref31.title,
-    subtitle = _ref31.subtitle,
-    value = _ref31.value,
-    trend = _ref31.trend,
-    chartData = _ref31.chartData,
-    chartColor = _ref31.chartColor,
-    startLabel = _ref31.startLabel,
-    endLabel = _ref31.endLabel,
-    _ref31$footerStats = _ref31.footerStats,
-    footerStats = _ref31$footerStats === void 0 ? [] : _ref31$footerStats;
+var P2RevenueTrendCard = function P2RevenueTrendCard(_ref30) {
+  var title = _ref30.title,
+    subtitle = _ref30.subtitle,
+    value = _ref30.value,
+    trend = _ref30.trend,
+    chartData = _ref30.chartData,
+    chartColor = _ref30.chartColor,
+    startLabel = _ref30.startLabel,
+    endLabel = _ref30.endLabel,
+    _ref30$footerStats = _ref30.footerStats,
+    footerStats = _ref30$footerStats === void 0 ? [] : _ref30$footerStats;
   return /*#__PURE__*/jsxs(P2Card, {
     title: title,
     subtitle: subtitle,
@@ -3157,10 +3141,10 @@ var P2RevenueTrendCard = function P2RevenueTrendCard(_ref31) {
         marginTop: 8,
         flexWrap: "wrap"
       },
-      children: footerStats.map(function (_ref32) {
-        var _ref33 = _slicedToArray(_ref32, 2),
-          label = _ref33[0],
-          val = _ref33[1];
+      children: footerStats.map(function (_ref31) {
+        var _ref32 = _slicedToArray(_ref31, 2),
+          label = _ref32[0],
+          val = _ref32[1];
         return /*#__PURE__*/jsxs("div", {
           children: [/*#__PURE__*/jsx("div", {
             style: {
@@ -3182,12 +3166,12 @@ var P2RevenueTrendCard = function P2RevenueTrendCard(_ref31) {
     })]
   });
 };
-var P2AcceptanceCard = function P2AcceptanceCard(_ref34) {
-  var title = _ref34.title,
-    acceptanceRate = _ref34.acceptanceRate,
-    acceptanceGrowth = _ref34.acceptanceGrowth,
-    raised = _ref34.raised,
-    raisedGrowth = _ref34.raisedGrowth;
+var P2AcceptanceCard = function P2AcceptanceCard(_ref33) {
+  var title = _ref33.title,
+    acceptanceRate = _ref33.acceptanceRate,
+    acceptanceGrowth = _ref33.acceptanceGrowth,
+    raised = _ref33.raised,
+    raisedGrowth = _ref33.raisedGrowth;
   return /*#__PURE__*/jsx(P2Card, {
     title: title,
     subtitle: "Acceptance & raised",
@@ -3276,33 +3260,35 @@ var P2AcceptanceCard = function P2AcceptanceCard(_ref34) {
 };
 
 // ─── Main component ───────────────────────────────────────────────────────────
-var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref35, ref) {
+var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref34, ref) {
   var _apiData$overviewStat, _overview$totalRevenu, _overview$netRevenue, _overview$overallAVGD, _overview$conversionR, _apiData$totalVisits, _apiData$trafficSourc, _apiData$trafficSourc2, _growth$totalRevenue, _metricByTitle$AvgDo, _apiData$trafficSourc3, _metricByTitle$NetRa, _growth$netRevenue, _metricByTitle$Total, _metricByTitle$Total2, _growth$totalDonation, _metricByTitle$Total3, _metricByTitle$AvgDo2, _growth$overallAVGDon, _apiData$roasCard, _metricByTitle$ROAS, _apiData$roasCardPrev, _metricByTitle$ROAS2, _apiData$adSpend, _apiData$attributedRe, _metricByTitle$Conver, _growth$conversionRat, _metricByTitle$Conver2, _metricByTitle$Refund, _refunds$growthPercen, _metricByTitle$Refund2, _mainChart$stacked, _ob$totalRevenue, _ob$growthPercentage, _ob$averagePerDay, _ob$peakDay$amount, _ob$peakDay, _ob$totalOrders, _up$acceptanceRate, _up$acceptanceGrowth, _up$raised, _up$raisedGrowth, _dn$acceptanceRate, _dn$acceptanceGrowth, _dn$raised, _dn$raisedGrowth, _refCard$totalRevenue, _refCard$growthPercen, _refCard$totalReferre, _refCard$averageGift, _refCard$conversionRa;
-  var _ref35$name = _ref35.name,
-    name = _ref35$name === void 0 ? "" : _ref35$name,
-    _ref35$apiData = _ref35.apiData,
-    apiData = _ref35$apiData === void 0 ? {} : _ref35$apiData,
-    _ref35$dateName = _ref35.dateName,
-    dateName = _ref35$dateName === void 0 ? "Last Period" : _ref35$dateName,
-    _ref35$numberOfDays = _ref35.numberOfDays,
-    numberOfDays = _ref35$numberOfDays === void 0 ? 30 : _ref35$numberOfDays,
-    _ref35$activeFilters = _ref35.activeFilters,
-    activeFilters = _ref35$activeFilters === void 0 ? [] : _ref35$activeFilters;
+  var _ref34$name = _ref34.name,
+    name = _ref34$name === void 0 ? "" : _ref34$name,
+    _ref34$apiData = _ref34.apiData,
+    apiData = _ref34$apiData === void 0 ? {} : _ref34$apiData,
+    _ref34$dateName = _ref34.dateName,
+    dateName = _ref34$dateName === void 0 ? "Last Period" : _ref34$dateName,
+    _ref34$numberOfDays = _ref34.numberOfDays,
+    numberOfDays = _ref34$numberOfDays === void 0 ? 30 : _ref34$numberOfDays,
+    _ref34$activeFilters = _ref34.activeFilters,
+    activeFilters = _ref34$activeFilters === void 0 ? [] : _ref34$activeFilters;
   var now = new Date();
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
   var windowLabel = "".concat(numberOfDays, "-day window");
   var gmtOptions = {
     timeZone: "UTC"
   };
-  var generatedLabel = now.toLocaleDateString("en-US", _objectSpread2({
+  var generatedDate = now.toLocaleDateString("en-US", _objectSpread2({
     month: "short",
     day: "numeric",
     year: "numeric"
-  }, gmtOptions)) + BULLET + now.toLocaleTimeString("en-US", _objectSpread2({
+  }, gmtOptions));
+  var generatedTime = "".concat(now.toLocaleTimeString("en-US", _objectSpread2({
     hour: "2-digit",
     minute: "2-digit",
     hour12: false
-  }, gmtOptions)) + " GMT";
+  }, gmtOptions)), " GMT");
+  var generatedLabel = "".concat(generatedDate).concat(BULLET).concat(generatedTime);
   var dateLabel = dateName;
   var parseFilterPills = function parseFilterPills(filtersInput) {
     if (Array.isArray(filtersInput)) {
@@ -3405,7 +3391,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref35, ref) {
   var heroTrendText = revenueTrendText;
   var heroDetailText = [passThrough, "".concat(formatNumber(totalDonors), " donors"), "$".concat(formatNumber(Number(avgDonation).toFixed(2)), " avg"), "".concat(formatNumber(totalVisits), " visits")].join(BULLET);
   var formatMetricDetail = function formatMetricDetail(detail) {
-    return String(detail !== null && detail !== void 0 ? detail : "").replace(/\s-\s/g, BULLET);
+    return String(detail !== null && detail !== void 0 ? detail : "").replace(/\s·\s/g, BULLET).replace(/\s-\s/g, BULLET);
   };
   var formatRoasTrend = function formatRoasTrend(trend) {
     return String(trend !== null && trend !== void 0 ? trend : "").replace(/x$/, "×");
@@ -3494,7 +3480,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref35, ref) {
               title: "Total Donors",
               value: ((_metricByTitle$Total = metricByTitle["Total Donors"]) === null || _metricByTitle$Total === void 0 ? void 0 : _metricByTitle$Total.value) || "".concat(formatNumber(totalDonors)),
               trend: ((_metricByTitle$Total2 = metricByTitle["Total Donors"]) === null || _metricByTitle$Total2 === void 0 ? void 0 : _metricByTitle$Total2.trend) || formatTrend((_growth$totalDonation = growth === null || growth === void 0 ? void 0 : growth.totalDonations) !== null && _growth$totalDonation !== void 0 ? _growth$totalDonation : 0),
-              detail: formatMetricDetail(((_metricByTitle$Total3 = metricByTitle["Total Donors"]) === null || _metricByTitle$Total3 === void 0 ? void 0 : _metricByTitle$Total3.detail) || "".concat(formatNumber(newDonors), " new \xB7 ").concat(formatNumber(returningDonors), " returning"))
+              detail: formatMetricDetail(((_metricByTitle$Total3 = metricByTitle["Total Donors"]) === null || _metricByTitle$Total3 === void 0 ? void 0 : _metricByTitle$Total3.detail) || "".concat(formatNumber(newDonors), " new").concat(BULLET).concat(formatNumber(returningDonors), " returning"))
             }), /*#__PURE__*/jsx(MetricGridCard, {
               title: "Avg Donation",
               value: kpi$(avgDonation),
@@ -3511,7 +3497,7 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref35, ref) {
               title: "ROAS",
               value: kpiRoas((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0),
               trend: formatRoasTrend(((_metricByTitle$ROAS = metricByTitle.ROAS) === null || _metricByTitle$ROAS === void 0 ? void 0 : _metricByTitle$ROAS.trend) || formatTrend((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0, "x")),
-              detail: formatMetricDetail(((_metricByTitle$ROAS2 = metricByTitle.ROAS) === null || _metricByTitle$ROAS2 === void 0 ? void 0 : _metricByTitle$ROAS2.detail) || "".concat(d$Compact((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend \xB7 ").concat(d$Compact((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib."))
+              detail: formatMetricDetail(((_metricByTitle$ROAS2 = metricByTitle.ROAS) === null || _metricByTitle$ROAS2 === void 0 ? void 0 : _metricByTitle$ROAS2.detail) || "".concat(d$Compact((_apiData$adSpend = apiData === null || apiData === void 0 ? void 0 : apiData.adSpend) !== null && _apiData$adSpend !== void 0 ? _apiData$adSpend : 0), " spend").concat(BULLET).concat(d$Compact((_apiData$attributedRe = apiData === null || apiData === void 0 ? void 0 : apiData.attributedRevenue) !== null && _apiData$attributedRe !== void 0 ? _apiData$attributedRe : 0), " attrib."))
             }), /*#__PURE__*/jsx(MetricGridCard, {
               title: "Conversion",
               value: kpiPct(convRate),
@@ -3629,9 +3615,11 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref35, ref) {
             })]
           })]
         })]
-      }), /*#__PURE__*/jsx(PageOneFooter, {
+      }), /*#__PURE__*/jsx(PdfPageFooter, {
         generatedBy: name,
-        generatedLabel: generatedLabel
+        generatedDate: generatedDate,
+        generatedTime: generatedTime,
+        page: 1
       })]
     }), /*#__PURE__*/jsxs("div", {
       "data-export-page": "2",
@@ -3750,9 +3738,11 @@ var ExportPdfLayout = /*#__PURE__*/React.forwardRef(function (_ref35, ref) {
             footerStats: [["Referrers", formatNumber((_refCard$totalReferre = refCard === null || refCard === void 0 ? void 0 : refCard.totalReferrers) !== null && _refCard$totalReferre !== void 0 ? _refCard$totalReferre : 0)], ["Avg gift", d$Compact((_refCard$averageGift = refCard === null || refCard === void 0 ? void 0 : refCard.averageGift) !== null && _refCard$averageGift !== void 0 ? _refCard$averageGift : 0)], ["Conv. rate", pct((_refCard$conversionRa = refCard === null || refCard === void 0 ? void 0 : refCard.conversionRate) !== null && _refCard$conversionRa !== void 0 ? _refCard$conversionRa : 0, 1)]]
           })]
         })]
-      }), /*#__PURE__*/jsx(PageTwoFooter, {
+      }), /*#__PURE__*/jsx(PdfPageFooter, {
         generatedBy: name,
-        generatedLabel: generatedLabel
+        generatedDate: generatedDate,
+        generatedTime: generatedTime,
+        page: 2
       })]
     })]
   });