@ammarkhalidfarooq/dashboard-package 0.6.112 → 0.6.114

package/dist/index.cjs.js

@@ -9,7 +9,6 @@ var Grid = require('@mui/material/Grid');
 var Box = require('@mui/material/Box');
 var Typography = require('@mui/material/Typography');
 var ReactApexChart = require('react-apexcharts');
-var CloseIcon = require('@mui/icons-material/Close');
 
 var theme = styles.createTheme({
   cssVariables: true,
@@ -3872,9 +3871,9 @@ var NewOverview = function NewOverview(_ref) {
     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];
-  var categories = (apiData === null || apiData === void 0 ? void 0 : apiData.categories) || ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"];
+  var revenueData = (apiData === null || apiData === void 0 ? void 0 : apiData.revenueData) || [0];
+  var donationsData = (apiData === null || apiData === void 0 ? void 0 : apiData.donationsData) || [0];
+  var categories = (apiData === null || apiData === void 0 ? void 0 : apiData.categories) || [];
   var _useState = React.useState(initialMetric),
     _useState2 = _slicedToArray(_useState, 2),
     metric = _useState2[0];
@@ -3990,7 +3989,7 @@ var NewOverview = function NewOverview(_ref) {
   }) : categories;
   var oneTimeTotal = oneTimeData.length > 0 ? oneTimeValues.reduce(function (sum, val) {
     return sum + val;
-  }, 0) : 7100;
+  }, 0) : 0;
   var firstInstData = (apiData === null || apiData === void 0 ? void 0 : apiData.firstInstallmentRevenue) || [];
   var firstInstValues = firstInstData.length > 0 ? firstInstData.map(function (item) {
     return item.value;
@@ -4000,7 +3999,7 @@ var NewOverview = function NewOverview(_ref) {
   }) : categories.slice(-7);
   var firstInstTotal = firstInstData.length > 0 ? firstInstValues.reduce(function (sum, val) {
     return sum + val;
-  }, 0) : 510;
+  }, 0) : 0;
   var totalRevData = Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.totalRevenue) ? apiData.totalRevenue : [];
   var totalRevValues = totalRevData.length > 0 ? totalRevData.map(function (item) {
     return item.value;
@@ -4010,67 +4009,67 @@ var NewOverview = function NewOverview(_ref) {
   }) : categories;
   var totalRevTotal = totalRevData.length > 0 ? totalRevValues.reduce(function (sum, val) {
     return sum + val;
-  }, 0) : 9200;
+  }, 0) : 0;
   var avgDonData = Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.averageDonation) ? apiData.averageDonation : [];
   var avgDonValues = avgDonData.length > 0 ? avgDonData.map(function (item) {
     return item.value;
-  }) : currentData.map(function (v) {
-    return v * 0.5;
+  }) : currentData.map(function () {
+    return 0;
   });
   var avgDonCategories = avgDonData.length > 0 ? avgDonData.map(function (item) {
     return item.date;
   }) : categories;
   var avgDonOverall = avgDonData.length > 0 ? avgDonValues.reduce(function (sum, val) {
     return sum + val;
-  }, 0) / avgDonValues.length : 42.80;
+  }, 0) / avgDonValues.length : 0;
   var tipData = Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.tipAmount) ? apiData.tipAmount : [];
   var tipValues = tipData.length > 0 ? tipData.map(function (item) {
     return item.value;
-  }) : currentData.map(function (v) {
-    return v * 0.2;
+  }) : currentData.map(function () {
+    return 0;
   });
   var tipCategories = tipData.length > 0 ? tipData.map(function (item) {
     return item.date;
   }) : categories;
   var tipTotal = tipData.length > 0 ? tipValues.reduce(function (sum, val) {
     return sum + val;
-  }, 0) : 1250;
+  }, 0) : 0;
   var convRateData = Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.conversionRate) ? apiData.conversionRate : [];
   var convRateValues = convRateData.length > 0 ? convRateData.map(function (item) {
     return item.value;
-  }) : [1.5, 1.8, 1.7, 2.1, 2.0, 1.9, 2.2, 2.5, 2.0];
+  }) : [0];
   var convRateCategories = convRateData.length > 0 ? convRateData.map(function (item) {
     return item.date;
   }) : categories;
   var convRateAvg = convRateData.length > 0 ? convRateValues.reduce(function (sum, val) {
     return sum + val;
-  }, 0) / convRateValues.length : 2.0;
+  }, 0) / convRateValues.length : 0;
   var organicVisData = Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.organicVisits) ? apiData.organicVisits : [];
   var paidVisData = Array.isArray(apiData === null || apiData === void 0 ? void 0 : apiData.paidVisits) ? apiData.paidVisits : [];
   var organicVisValues = organicVisData.length > 0 ? organicVisData.map(function (item) {
     return item.value;
-  }) : [500, 600, 550, 700, 800, 750, 900, 1000, 950];
+  }) : [0];
   var paidVisValues = paidVisData.length > 0 ? paidVisData.map(function (item) {
     return item.value;
-  }) : [200, 250, 220, 300, 350, 320, 400, 450, 420];
+  }) : [0];
   var trafficCategories = organicVisData.length > 0 ? organicVisData.map(function (item) {
     return item.date;
   }) : categories;
   var primaryCharts = [{
     label: "Total Raised",
-    value: totalRevData.length > 0 ? "$".concat(totalRevTotal.toLocaleString()) : typeof (apiData === null || apiData === void 0 ? void 0 : apiData.totalRevenue) === "string" ? apiData.totalRevenue : "$9,200.00",
+    value: totalRevData.length > 0 ? "$".concat(totalRevTotal.toLocaleString()) : typeof (apiData === null || apiData === void 0 ? void 0 : apiData.totalRevenue) === "string" ? apiData.totalRevenue : "$0.00",
     subValue: "Total Donations: ".concat((apiData === null || apiData === void 0 ? void 0 : apiData.totalDonations) || 0),
     data: totalRevValues,
     categories: totalRevCategories,
     showSelector: true
   }, {
     label: "First installments",
-    value: apiData !== null && apiData !== void 0 && apiData.firstInstallmentRevenue ? "$".concat(firstInstTotal.toLocaleString()) : "$510.00",
+    value: apiData !== null && apiData !== void 0 && apiData.firstInstallmentRevenue ? "$".concat(firstInstTotal.toLocaleString()) : "$0.00",
     data: firstInstValues,
     categories: firstInstCategories
   }, {
     label: "One-time donations",
-    value: apiData !== null && apiData !== void 0 && apiData.oneTimeDonations ? "$".concat(oneTimeTotal.toLocaleString()) : "$7,100.00",
+    value: apiData !== null && apiData !== void 0 && apiData.oneTimeDonations ? "$".concat(oneTimeTotal.toLocaleString()) : "$0.00",
     data: oneTimeValues,
     categories: oneTimeCategories
   }];
@@ -4078,32 +4077,36 @@ var NewOverview = function NewOverview(_ref) {
     label: "New vs Returning Donors",
     series: [{
       name: "New Donors",
-      data: [10, 15, 12, 20, 18, 25, 30, 35, 20]
+      data: categories.length > 0 ? categories.map(function () {
+        return 0;
+      }) : [0]
     }, {
       name: "Returning",
-      data: [5, 7, 6, 10, 7, 10, 12, 10, 8]
+      data: categories.length > 0 ? categories.map(function () {
+        return 0;
+      }) : [0]
     }],
     categories: categories,
     stacked: true,
     footer: {
-      left: "New donors: 195",
-      right: "Returning donors: 20"
+      left: "New donors: 0",
+      right: "Returning donors: 0"
     }
   }, {
     label: "Average Donation Amount",
-    value: apiData !== null && apiData !== void 0 && apiData.averageDonation ? "$".concat(avgDonOverall.toFixed(2)) : "$42.80",
+    value: apiData !== null && apiData !== void 0 && apiData.averageDonation ? "$".concat(avgDonOverall.toFixed(2)) : "$0.00",
     data: avgDonValues,
     categories: avgDonCategories
   }, {
     label: "Tip Amount",
-    value: apiData !== null && apiData !== void 0 && apiData.tipAmount ? "$".concat(tipTotal.toLocaleString()) : "$1,250.00",
-    subValue: "Number of Tips: ".concat((apiData === null || apiData === void 0 ? void 0 : apiData.totalTips) || 110),
+    value: apiData !== null && apiData !== void 0 && apiData.tipAmount ? "$".concat(tipTotal.toLocaleString()) : "$0.00",
+    subValue: "Number of Tips: ".concat((apiData === null || apiData === void 0 ? void 0 : apiData.totalTips) || 0),
     data: tipValues,
     categories: tipCategories
   }];
   var tertiaryCharts = [{
     label: "Conversion Rate",
-    value: apiData !== null && apiData !== void 0 && apiData.conversionRate ? "".concat(convRateAvg.toFixed(1), "%") : "2%",
+    value: apiData !== null && apiData !== void 0 && apiData.conversionRate ? "".concat(convRateAvg.toFixed(1), "%") : "0%",
     data: convRateValues,
     categories: convRateCategories
   }, {
@@ -4119,24 +4122,32 @@ var NewOverview = function NewOverview(_ref) {
     stacked: true
   }, {
     label: "Organic Donations",
-    value: "120",
-    data: [8, 12, 10, 15, 14, 18, 22, 20, 12],
+    value: "0",
+    data: categories.length > 0 ? categories.map(function () {
+      return 0;
+    }) : [0],
     categories: categories
   }];
   var quaternaryCharts = [{
     label: "Email Marketing",
-    value: "56",
-    data: [45, 48, 52, 50, 56, 54, 58, 60, 56],
+    value: "0",
+    data: categories.length > 0 ? categories.map(function () {
+      return 0;
+    }) : [0],
     categories: categories
   }, {
     label: "Traffic source",
-    value: "23%",
-    data: [18, 22, 20, 25, 23, 21, 24, 26, 23],
+    value: "0%",
+    data: categories.length > 0 ? categories.map(function () {
+      return 0;
+    }) : [0],
     categories: categories
   }, {
     label: "URL",
-    value: "10%",
-    data: [8, 9, 11, 10, 10, 12, 9, 11, 10],
+    value: "0%",
+    data: categories.length > 0 ? categories.map(function () {
+      return 0;
+    }) : [0],
     categories: categories
   }];
   return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
@@ -7044,316 +7055,6 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
   });
 };
 
-var BORDER$1 = "1px solid #e0e0e0";
-var ROWS_PER_PAGE = 10;
-var headerCellSx$1 = {
-  fontWeight: 700,
-  fontSize: "0.78rem",
-  color: "#111",
-  bgcolor: "#f3f3f3",
-  borderBottom: BORDER$1,
-  borderRight: BORDER$1,
-  py: "12px",
-  px: "16px",
-  lineHeight: 1.4,
-  textAlign: "left",
-  "&:last-child": {
-    borderRight: 0
-  }
-};
-var cellSx$1 = {
-  fontSize: "0.85rem",
-  color: "#333",
-  borderBottom: BORDER$1,
-  borderRight: BORDER$1,
-  py: "12px",
-  px: "16px",
-  verticalAlign: "middle",
-  textAlign: "left",
-  "&:last-child": {
-    borderRight: 0
-  }
-};
-var MOCK_ROWS = [{
-  date: "Jun 1, 2026",
-  campaignName: "Ramadan 2024 - Global Feed",
-  donorType: "New Donor",
-  raised: "$4,520.00"
-}, {
-  date: "Jun 2, 2026",
-  campaignName: "Water for Life - East Africa",
-  donorType: "Returning",
-  raised: "$1,280.00"
-}, {
-  date: "Jun 3, 2026",
-  campaignName: "Orphan Care - Palestine",
-  donorType: "New Donor",
-  raised: "$2,850.00"
-}, {
-  date: "Jun 4, 2026",
-  campaignName: "Emergency Relief - Yemen",
-  donorType: "Returning",
-  raised: "$1,540.00"
-}, {
-  date: "Jun 5, 2026",
-  campaignName: "Education Fund - Syria",
-  donorType: "New Donor",
-  raised: "$980.00"
-}, {
-  date: "Jun 6, 2026",
-  campaignName: "Medical Aid - Gaza",
-  donorType: "Returning",
-  raised: "$3,120.00"
-}, {
-  date: "Jun 7, 2026",
-  campaignName: "Food Security - Sudan",
-  donorType: "New Donor",
-  raised: "$760.00"
-}, {
-  date: "Jun 8, 2026",
-  campaignName: "Winter Relief - Afghanistan",
-  donorType: "Returning",
-  raised: "$2,140.00"
-}, {
-  date: "Jun 9, 2026",
-  campaignName: "Clean Water - Bangladesh",
-  donorType: "New Donor",
-  raised: "$890.00"
-}, {
-  date: "Jun 10, 2026",
-  campaignName: "Shelter Fund - Lebanon",
-  donorType: "Returning",
-  raised: "$1,675.00"
-}, {
-  date: "Jun 11, 2026",
-  campaignName: "Qurbani 2026 - Global",
-  donorType: "New Donor",
-  raised: "$5,230.00"
-}, {
-  date: "Jun 12, 2026",
-  campaignName: "Maternal Health - Somalia",
-  donorType: "Returning",
-  raised: "$1,120.00"
-}, {
-  date: "Jun 13, 2026",
-  campaignName: "School Supplies - Pakistan",
-  donorType: "New Donor",
-  raised: "$640.00"
-}, {
-  date: "Jun 14, 2026",
-  campaignName: "Disaster Response - Turkey",
-  donorType: "Returning",
-  raised: "$3,890.00"
-}, {
-  date: "Jun 15, 2026",
-  campaignName: "Zakat Distribution - UK",
-  donorType: "New Donor",
-  raised: "$2,450.00"
-}, {
-  date: "Jun 16, 2026",
-  campaignName: "Eye Care - Morocco",
-  donorType: "Returning",
-  raised: "$780.00"
-}, {
-  date: "Jun 17, 2026",
-  campaignName: "Livelihood Support - Iraq",
-  donorType: "New Donor",
-  raised: "$1,960.00"
-}, {
-  date: "Jun 18, 2026",
-  campaignName: "Ramadan Iftar - Jordan",
-  donorType: "Returning",
-  raised: "$2,310.00"
-}, {
-  date: "Jun 19, 2026",
-  campaignName: "Children's Fund - Nigeria",
-  donorType: "New Donor",
-  raised: "$1,430.00"
-}, {
-  date: "Jun 20, 2026",
-  campaignName: "Housing Rebuild - Libya",
-  donorType: "Returning",
-  raised: "$3,050.00"
-}];
-var OverallDetailModal = function OverallDetailModal(_ref) {
-  var open = _ref.open,
-    title = _ref.title,
-    onClose = _ref.onClose;
-  var _useState = React.useState(1),
-    _useState2 = _slicedToArray(_useState, 2),
-    page = _useState2[0],
-    setPage = _useState2[1];
-  var totalPages = Math.ceil(MOCK_ROWS.length / ROWS_PER_PAGE);
-  React.useEffect(function () {
-    if (open) {
-      setPage(1);
-    }
-  }, [open, title]);
-  var paginatedRows = MOCK_ROWS.slice((page - 1) * ROWS_PER_PAGE, page * ROWS_PER_PAGE);
-  return /*#__PURE__*/jsxRuntime.jsxs(material.Dialog, {
-    open: open,
-    onClose: onClose,
-    maxWidth: "md",
-    fullWidth: true,
-    children: [/*#__PURE__*/jsxRuntime.jsxs(material.DialogTitle, {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        pr: 1,
-        pb: 1
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
-          sx: {
-            fontWeight: 700,
-            fontSize: "18px",
-            color: "#000"
-          },
-          children: title
-        }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
-          sx: {
-            fontSize: "13px",
-            color: "rgba(0, 0, 0, 0.45)",
-            mt: 0.25
-          },
-          children: "Campaign breakdown"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
-        "aria-label": "Close",
-        onClick: onClose,
-        size: "small",
-        children: /*#__PURE__*/jsxRuntime.jsx(CloseIcon, {})
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsx(material.DialogContent, {
-      sx: {
-        pt: 0
-      },
-      children: /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-        sx: {
-          border: BORDER$1,
-          borderRadius: "12px",
-          overflow: "hidden"
-        },
-        children: [/*#__PURE__*/jsxRuntime.jsx(material.TableContainer, {
-          children: /*#__PURE__*/jsxRuntime.jsxs(material.Table, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(material.TableHead, {
-              children: /*#__PURE__*/jsxRuntime.jsxs(material.TableRow, {
-                children: [/*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                  sx: headerCellSx$1,
-                  children: "Date"
-                }), /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                  sx: headerCellSx$1,
-                  children: "Campaign Name"
-                }), /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                  sx: headerCellSx$1,
-                  children: "Donor Type"
-                }), /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                  sx: _objectSpread2(_objectSpread2({}, headerCellSx$1), {}, {
-                    textAlign: "right"
-                  }),
-                  children: "Raised"
-                })]
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx(material.TableBody, {
-              children: paginatedRows.map(function (row) {
-                return /*#__PURE__*/jsxRuntime.jsxs(material.TableRow, {
-                  children: [/*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                    sx: cellSx$1,
-                    children: row.date
-                  }), /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                    sx: cellSx$1,
-                    children: row.campaignName
-                  }), /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                    sx: cellSx$1,
-                    children: row.donorType
-                  }), /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
-                    sx: _objectSpread2(_objectSpread2({}, cellSx$1), {}, {
-                      textAlign: "right",
-                      fontWeight: 600
-                    }),
-                    children: row.raised
-                  })]
-                }, "".concat(row.date, "-").concat(row.campaignName));
-              })
-            })]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            px: 2,
-            py: 1.5,
-            borderTop: BORDER$1
-          },
-          children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-            sx: {
-              display: "flex",
-              gap: 0.5
-            },
-            children: [Array.from({
-              length: totalPages
-            }, function (_, index) {
-              return index + 1;
-            }).map(function (pageNumber) {
-              return /*#__PURE__*/jsxRuntime.jsx(material.Box, {
-                onClick: function onClick() {
-                  return setPage(pageNumber);
-                },
-                sx: {
-                  width: 32,
-                  height: 32,
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  borderRadius: "6px",
-                  cursor: "pointer",
-                  fontSize: "13px",
-                  fontWeight: page === pageNumber ? 700 : 400,
-                  bgcolor: page === pageNumber ? "primary.main" : "transparent",
-                  color: page === pageNumber ? "#fff" : "#333",
-                  border: page === pageNumber ? "none" : "1px solid ".concat(BORDER$1),
-                  "&:hover": {
-                    bgcolor: page === pageNumber ? "primary.main" : "#f5f5f5"
-                  }
-                },
-                children: pageNumber
-              }, pageNumber);
-            }), page < totalPages && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
-              onClick: function onClick() {
-                return setPage(function (current) {
-                  return Math.min(current + 1, totalPages);
-                });
-              },
-              sx: {
-                px: 1.5,
-                height: 32,
-                display: "flex",
-                alignItems: "center",
-                gap: 0.5,
-                borderRadius: "6px",
-                cursor: "pointer",
-                fontSize: "13px",
-                color: "#333",
-                border: "1px solid ".concat(BORDER$1),
-                "&:hover": {
-                  bgcolor: "#f5f5f5"
-                }
-              },
-              children: "Next \u203A"
-            })]
-          }), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
-            variant: "caption",
-            color: "text.secondary",
-            children: [MOCK_ROWS.length, " records"]
-          })]
-        })]
-      })
-    })]
-  });
-};
-
 var CARD_SX = {
   maxHeight: 280
 };
@@ -7401,30 +7102,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
     _ref.dateName;
     var _ref$numberOfDays = _ref.numberOfDays,
     numberOfDays = _ref$numberOfDays === void 0 ? 30 : _ref$numberOfDays;
-  var _useState = React.useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    modalTitle = _useState2[0],
-    setModalTitle = _useState2[1];
   var daysLabel = "".concat(numberOfDays, " day").concat(numberOfDays === 1 ? "" : "s");
-  var openDetailModal = function openDetailModal(title) {
-    if (!exportMode) {
-      setModalTitle(title);
-    }
-  };
-  var closeDetailModal = function closeDetailModal() {
-    return setModalTitle(null);
-  };
-  var withCardClick = function withCardClick(title, card) {
-    return exportMode ? card : /*#__PURE__*/jsxRuntime.jsx(material.Box, {
-      onClick: function onClick() {
-        return openDetailModal(title);
-      },
-      sx: {
-        display: "contents"
-      },
-      children: card
-    });
-  };
   var _donorMix$newDonors = donorMix.newDonors,
     newDonors = _donorMix$newDonors === void 0 ? 0 : _donorMix$newDonors,
     _donorMix$returningDo = donorMix.returningDonors,
@@ -7487,12 +7165,12 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       sx: {
         paddingTop: "0px !important"
       },
-      children: withCardClick("Active Campaigns", /*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
+      children: /*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
         title: "Active Campaigns",
         subtitle: "Live fundraisers ranked by velocity",
         columns: ["Campaign", "Raised", "Progress", "Donors", "Avg gift"],
         rows: activeCampaignsRows
-      }))
+      })
     }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
       item: true,
       xs: 12,
@@ -7505,7 +7183,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
           md: 0
         }
       },
-      children: withCardClick("Donor Mix", /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
+      children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
         title: "Donor Mix",
         subtitle: "Acquisition vs retention",
         series: [newDonors, returningDonors],
@@ -7527,29 +7205,29 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
         sx: {
           width: "100%"
         }
-      }))
+      })
     })]
   });
   var middleCards = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [withCardClick("Donation Type", /*#__PURE__*/jsxRuntime.jsx(DonationTypeBarChart, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(DonationTypeBarChart, {
       sx: CARD_SX,
       donationTypeData: donationTypeData
-    })), withCardClick("Paid Donor Geography", /*#__PURE__*/jsxRuntime.jsx(PaidDonorGeographyCard, {
+    }), /*#__PURE__*/jsxRuntime.jsx(PaidDonorGeographyCard, {
       sx: CARD_SX,
       donorGeographyData: donorGeographyData
-    })), withCardClick("Refunds & Chargebacks", /*#__PURE__*/jsxRuntime.jsx(RefundsChargebacksCard, {
+    }), /*#__PURE__*/jsxRuntime.jsx(RefundsChargebacksCard, {
       sx: CARD_SX,
       refundsChargebacksData: refundsChargebacksData,
       numberOfDays: numberOfDays
-    })), withCardClick("Traffic Source", /*#__PURE__*/jsxRuntime.jsx(TrafficSourceCard, {
+    }), /*#__PURE__*/jsxRuntime.jsx(TrafficSourceCard, {
       sx: CARD_SX,
       trafficSourceData: (trafficSourceData === null || trafficSourceData === void 0 ? void 0 : trafficSourceData.data) || [],
       total: "$".concat(formatNumber((trafficSourceData === null || trafficSourceData === void 0 ? void 0 : trafficSourceData.totalRevenue) || 0)),
       numberOfDays: numberOfDays
-    }))]
+    })]
   });
   var bottomCards = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [withCardClick("Order Bump", /*#__PURE__*/jsxRuntime.jsx(MetricSparklineCard, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(MetricSparklineCard, {
       title: "Order Bump",
       subtitle: "Revenue trend - last ".concat(daysLabel),
       value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalRevenue) || 0)),
@@ -7574,7 +7252,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       }],
       sx: CARD_SX,
       bottomSection: true
-    })), withCardClick("Upsell", /*#__PURE__*/jsxRuntime.jsx(MetricDonutCard, {
+    }), /*#__PURE__*/jsxRuntime.jsx(MetricDonutCard, {
       title: "Upsell",
       subtitle: "Acceptance & raised",
       acceptanceRate: (upsellData === null || upsellData === void 0 ? void 0 : upsellData.acceptanceRate) || 0,
@@ -7583,7 +7261,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       raisedVal: "$".concat(formatNumber((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raised) || 0)),
       raisedTrend: "".concat((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedGrowth) >= 0 ? "▲" : "▼", " ").concat(Math.abs((upsellData === null || upsellData === void 0 ? void 0 : upsellData.raisedGrowth) || 0).toFixed(1), "%"),
       sx: CARD_SX
-    })), withCardClick("Downsell", /*#__PURE__*/jsxRuntime.jsx(MetricDonutCard, {
+    }), /*#__PURE__*/jsxRuntime.jsx(MetricDonutCard, {
       title: "Downsell",
       subtitle: "Acceptance & raised",
       acceptanceRate: (downsellData === null || downsellData === void 0 ? void 0 : downsellData.acceptanceRate) || 0,
@@ -7592,7 +7270,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       raisedVal: "$".concat(formatNumber((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raised) || 0)),
       raisedTrend: "".concat((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedGrowth) >= 0 ? "▲" : "▼", " ").concat(Math.abs((downsellData === null || downsellData === void 0 ? void 0 : downsellData.raisedGrowth) || 0).toFixed(1), "%"),
       sx: CARD_SX
-    })), withCardClick("Referrals", /*#__PURE__*/jsxRuntime.jsx(MetricSparklineCard, {
+    }), /*#__PURE__*/jsxRuntime.jsx(MetricSparklineCard, {
       title: "Referrals",
       subtitle: "Revenue trend - last ".concat(daysLabel),
       value: "$".concat(formatNumber((referralData === null || referralData === void 0 ? void 0 : referralData.totalRevenue) || 0)),
@@ -7616,32 +7294,27 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
       }],
       sx: CARD_SX,
       bottomSection: true
-    }))]
-  });
-  var detailModal = /*#__PURE__*/jsxRuntime.jsx(OverallDetailModal, {
-    open: Boolean(modalTitle),
-    title: modalTitle || "",
-    onClose: closeDetailModal
+    })]
   });
   if (section === "campaigns") {
-    return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-      children: [campaignsRow, detailModal]
+    return /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+      children: campaignsRow
     });
   }
   if (section === "middle") {
-    return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
+    return /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+      children: /*#__PURE__*/jsxRuntime.jsx(material.Box, {
         sx: fourColGridSx$1(exportMode),
         children: middleCards
-      }), detailModal]
+      })
     });
   }
   if (section === "bottom") {
-    return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
+    return /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+      children: /*#__PURE__*/jsxRuntime.jsx(material.Box, {
         sx: fourColGridSx$1(exportMode),
         children: bottomCards
-      }), detailModal]
+      })
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
@@ -7651,7 +7324,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
       sx: fourColGridSx$1(exportMode),
       children: bottomCards
-    }), detailModal]
+    })]
   });
 };
 
@@ -17999,34 +17672,38 @@ var OverallSection = function OverallSection(_ref) {
   var getExtendedCharts = function getExtendedCharts() {
     var charts = _toConsumableArray(allCharts);
     var categories = (apiData === null || apiData === void 0 ? void 0 : apiData.categories) || [];
+    var zeroData = categories.length > 0 ? categories.map(function () {
+      return 0;
+    }) : [0];
     if (!charts.find(function (c) {
       return c.label === "Net Raised";
     })) {
+      var _apiData$netRaised;
       charts.push({
         label: "Net Raised",
-        value: (apiData === null || apiData === void 0 ? void 0 : apiData.netRaised) || "$222.3K",
-        data: ((apiData === null || apiData === void 0 ? void 0 : apiData.revenueData) || [3000, 4500, 4200, 5800, 5200, 7100, 8500, 9200, 5000]).map(function (v) {
-          return v * 0.92;
-        }),
+        value: (_apiData$netRaised = apiData === null || apiData === void 0 ? void 0 : apiData.netRaised) !== null && _apiData$netRaised !== void 0 ? _apiData$netRaised : "$0",
+        data: zeroData,
         categories: categories
       });
     }
     if (!charts.find(function (c) {
       return c.label === "Total Donors";
     })) {
+      var _apiData$totalDonors;
       charts.push({
         label: "Total Donors",
-        value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalDonors) || "0",
-        data: (apiData === null || apiData === void 0 ? void 0 : apiData.donationsData) || [15, 22, 18, 30, 25, 35, 42, 45, 28],
+        value: (_apiData$totalDonors = apiData === null || apiData === void 0 ? void 0 : apiData.totalDonors) !== null && _apiData$totalDonors !== void 0 ? _apiData$totalDonors : "0",
+        data: zeroData,
         categories: categories
       });
     }
     if (!charts.find(function (c) {
       return c.label === "ROAS";
     })) {
+      var _apiData$roas;
       charts.push({
         label: "ROAS",
-        value: (apiData === null || apiData === void 0 ? void 0 : apiData.roas) || "3.0x",
+        value: (_apiData$roas = apiData === null || apiData === void 0 ? void 0 : apiData.roas) !== null && _apiData$roas !== void 0 ? _apiData$roas : "0.0x",
         data: [],
         categories: categories
       });
@@ -18636,9 +18313,9 @@ var PaidSection = function PaidSection(_ref) {
     if (!hasPaidOverview) {
       return {
         "Total Spent": {
-          value: "$".concat(formatNumber(80313)),
-          subValue: "12% vs pp",
-          data: [800, 950, 700, 1100, 900, 1200, 1300],
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth$2(0),
+          data: flatSeries(0),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.IndeterminateCheckBoxOutlined, {}),
           money: true,
@@ -18646,9 +18323,9 @@ var PaidSection = function PaidSection(_ref) {
           warning: false
         },
         "Revinue Raised": {
-          value: "$".concat(formatNumber(240398)),
-          subValue: "12% vs pp",
-          data: [3200, 4100, 2800, 5600, 4200, 6100, 7500],
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth$2(0),
+          data: flatSeries(0),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
           money: true,
@@ -18656,9 +18333,9 @@ var PaidSection = function PaidSection(_ref) {
           warning: false
         },
         ROAS: {
-          value: "3.0x",
-          subValue: "12% vs pp",
-          data: [2.5, 3.1, 2.8, 4.2, 3.8, 4.5, 5.2],
+          value: "0.0x",
+          subValue: formatGrowth$2(0),
+          data: flatSeries(0),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.TrendingUp, {}),
           money: false,
@@ -18666,9 +18343,9 @@ var PaidSection = function PaidSection(_ref) {
           warning: false
         },
         "Cost Per Donor": {
-          value: "$".concat(formatNumber(373)),
-          subValue: "12% vs pp",
-          data: [350, 380, 360, 410, 390, 370, 373],
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth$2(0),
+          data: flatSeries(0),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PersonOutlined, {}),
           money: true,
@@ -18676,9 +18353,9 @@ var PaidSection = function PaidSection(_ref) {
           warning: false
         },
         "Conversion Rate": {
-          value: "3.1%",
-          subValue: "12% vs pp",
-          data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
+          value: "0.00%",
+          subValue: formatGrowth$2(0),
+          data: flatSeries(0),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
           money: false,
@@ -18686,9 +18363,9 @@ var PaidSection = function PaidSection(_ref) {
           warning: false
         },
         "Avg Donation": {
-          value: "$".concat(formatNumber(130.58)),
-          subValue: "12% vs pp",
-          data: [120, 135, 125, 140, 130, 128, 130.58],
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth$2(0),
+          data: flatSeries(0),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
           money: true,
@@ -18763,7 +18440,7 @@ var PaidSection = function PaidSection(_ref) {
   }, [fallbackCategories, growth, hasPaidOverview, overview, revenueSeries, roasChartData, spendSeries]);
   var channelRows = React.useMemo(function () {
     var channels = apiData === null || apiData === void 0 ? void 0 : apiData.channelPerformance;
-    if (!hasPaidOverview) return null;
+    if (!hasPaidOverview) return [];
     if (!Array.isArray(channels) || channels.length === 0) return [];
     return channels.map(function (item) {
       var _item$roas, _item$spend, _item$revenue, _item$cpa;
@@ -18785,7 +18462,7 @@ var PaidSection = function PaidSection(_ref) {
   var spendAllocation = React.useMemo(function () {
     var _allocation$totalSpen, _allocation$totalSpen2;
     var allocation = apiData === null || apiData === void 0 ? void 0 : apiData.spendAllocation;
-    if (!hasPaidOverview) return null;
+    if (!hasPaidOverview) return [];
     if (!allocation || !Array.isArray(allocation.data) || allocation.data.length === 0) {
       return buildEmptySpendAllocation();
     }
@@ -18827,7 +18504,7 @@ var PaidSection = function PaidSection(_ref) {
   }, [apiData === null || apiData === void 0 ? void 0 : apiData.spendAllocation, hasPaidOverview]);
   var topCampaignsData = React.useMemo(function () {
     var campaigns = apiData === null || apiData === void 0 ? void 0 : apiData.topCampaigns;
-    if (!hasPaidOverview) return null;
+    if (!hasPaidOverview) return [];
     if (!Array.isArray(campaigns)) return [];
     if (campaigns.length === 0) return [];
     return campaigns.map(function (item) {
@@ -18861,8 +18538,11 @@ var PaidSection = function PaidSection(_ref) {
       },
       sx: metricInfo[title].error ? {
         border: "2px solid #ef4444",
-        bgcolor: "#fffafa"
-      } : {}
+        bgcolor: "#fffafa",
+        cursor: "pointer"
+      } : {
+        cursor: "pointer"
+      }
     });
   };
   var selectedInfo = metricInfo[activeMetric] || metricInfo["Total Spent"];
@@ -18930,72 +18610,7 @@ var PaidSection = function PaidSection(_ref) {
           columns: ["Channel", "Ppend", "Revenue", "ROAS", "CPA", "Trend"],
           gridTemplateColumns: "2.2fr 1fr 1fr 0.8fr 0.8fr 1.2fr",
           height: "100%",
-          rows: channelRows !== null && channelRows !== void 0 ? channelRows : hasPaidOverview ? [] : [{
-            id: "M",
-            avatarBg: "#4267B2",
-            name: "Meta Ads",
-            val1: "$32,800",
-            val2: "$112,400",
-            val3: "3.4x",
-            val4: "$340",
-            type: "trend",
-            trendType: "up",
-            trendLabel: "Improving",
-            highlightVal3: true,
-            val3Color: "#22C55E"
-          }, {
-            id: "G",
-            avatarBg: "#4285F4",
-            name: "Google Ads",
-            val1: "$28,200",
-            val2: "$78,300",
-            val3: "2.8x",
-            val4: "$385",
-            type: "trend",
-            trendType: "up",
-            trendLabel: "Improving",
-            highlightVal3: true,
-            val3Color: "#22C55E"
-          }, {
-            id: "T",
-            avatarBg: "#000000",
-            name: "TikTok Ads",
-            val1: "$11,400",
-            val2: "$31,200",
-            val3: "2.7x",
-            val4: "$402",
-            type: "trend",
-            trendType: "up",
-            trendLabel: "Improving",
-            highlightVal3: true,
-            val3Color: "#22C55E"
-          }, {
-            id: "Y",
-            avatarBg: "#FF0000",
-            name: "YouTube",
-            val1: "$5,313",
-            val2: "$12,600",
-            val3: "2.4x",
-            val4: "$443",
-            type: "trend",
-            trendType: "down",
-            trendLabel: "Declining",
-            highlightVal3: true,
-            val3Color: "#EF4444"
-          }, {
-            id: "S",
-            avatarBg: "#FFFC00",
-            name: "Snapchat",
-            val1: "$2,600",
-            val2: "$6,438",
-            val3: "2.5x",
-            val4: "$418",
-            type: "trend",
-            trendType: "up",
-            trendLabel: "Improving",
-            highlightVal3: true,
-            val3Color: "#22C55E"
-          }]
+          rows: channelRows !== null && channelRows !== void 0 ? channelRows : []
         })
       }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
         item: true,
@@ -19015,33 +18630,13 @@ var PaidSection = function PaidSection(_ref) {
         },
         children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
           title: "Spend Allocation",
-          subtitle: (_spendAllocation$subt = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.subtitle) !== null && _spendAllocation$subt !== void 0 ? _spendAllocation$subt : hasPaidOverview ? emptySpendAllocation.subtitle : "Where $80.3K went this month",
-          series: (_spendAllocation$seri = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.series) !== null && _spendAllocation$seri !== void 0 ? _spendAllocation$seri : hasPaidOverview ? emptySpendAllocation.series : [40.8, 35.1, 14.2, 6.6, 3.3],
-          labels: (_spendAllocation$labe = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.labels) !== null && _spendAllocation$labe !== void 0 ? _spendAllocation$labe : hasPaidOverview ? emptySpendAllocation.labels : ["Meta Ads", "Google Ads", "TikTok", "YouTube", "Snapchat"],
-          colors: (_spendAllocation$colo = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.colors) !== null && _spendAllocation$colo !== void 0 ? _spendAllocation$colo : hasPaidOverview ? emptySpendAllocation.colors : ["#4267B2", "#4285F4", "#cd249dff", "#FF0000", "#FFFC00"],
+          subtitle: (_spendAllocation$subt = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.subtitle) !== null && _spendAllocation$subt !== void 0 ? _spendAllocation$subt : emptySpendAllocation.subtitle,
+          series: (_spendAllocation$seri = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.series) !== null && _spendAllocation$seri !== void 0 ? _spendAllocation$seri : emptySpendAllocation.series,
+          labels: (_spendAllocation$labe = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.labels) !== null && _spendAllocation$labe !== void 0 ? _spendAllocation$labe : emptySpendAllocation.labels,
+          colors: (_spendAllocation$colo = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.colors) !== null && _spendAllocation$colo !== void 0 ? _spendAllocation$colo : emptySpendAllocation.colors,
           centerLabel: (_spendAllocation$cent = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.centerLabel) !== null && _spendAllocation$cent !== void 0 ? _spendAllocation$cent : "total spend",
-          centerValue: (_spendAllocation$cent2 = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.centerValue) !== null && _spendAllocation$cent2 !== void 0 ? _spendAllocation$cent2 : hasPaidOverview ? emptySpendAllocation.centerValue : "$80.3K",
-          items: (_spendAllocation$item = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.items) !== null && _spendAllocation$item !== void 0 ? _spendAllocation$item : hasPaidOverview ? emptySpendAllocation.items : [{
-            label: "Meta Ads",
-            val: "40.8%",
-            color: "#4267B2"
-          }, {
-            label: "Google Ads",
-            val: "35.1%",
-            color: "#4285F4"
-          }, {
-            label: "TikTok",
-            val: "14.2%",
-            color: "#cd249dff"
-          }, {
-            label: "YouTube",
-            val: "6.6%",
-            color: "#FF0000"
-          }, {
-            label: "Snapchat",
-            val: "3.3%",
-            color: "#FFFC00"
-          }],
+          centerValue: (_spendAllocation$cent2 = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.centerValue) !== null && _spendAllocation$cent2 !== void 0 ? _spendAllocation$cent2 : emptySpendAllocation.centerValue,
+          items: (_spendAllocation$item = spendAllocation === null || spendAllocation === void 0 ? void 0 : spendAllocation.items) !== null && _spendAllocation$item !== void 0 ? _spendAllocation$item : emptySpendAllocation.items,
           showBottomSummary: false,
           sx: {
             pb: 3.5,
@@ -19069,7 +18664,7 @@ var PaidSection = function PaidSection(_ref) {
             width: "100%"
           },
           children: /*#__PURE__*/jsxRuntime.jsx(TopPerformingCampaignsCard, {
-            data: topCampaignsData !== null && topCampaignsData !== void 0 ? topCampaignsData : hasPaidOverview ? [] : null
+            data: topCampaignsData !== null && topCampaignsData !== void 0 ? topCampaignsData : []
           })
         })
       }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
@@ -19144,6 +18739,12 @@ var OrganicSection = function OrganicSection(_ref) {
   var revenueSeries = mapTimeSeries$1(apiData === null || apiData === void 0 ? void 0 : apiData.totalRevenue);
   var avgDonationSeries = mapTimeSeries$1(apiData === null || apiData === void 0 ? void 0 : apiData.avgDonations);
   var fallbackCategories = organicUsersSeries.categories.length ? organicUsersSeries.categories : ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+  var flatZeroData = function flatZeroData() {
+    var categories = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : fallbackCategories;
+    return categories.length > 0 ? categories.map(function () {
+      return 0;
+    }) : [0];
+  };
   var growthCaption = function growthCaption(key) {
     return formatGrowth$1(growth[key]);
   };
@@ -19152,9 +18753,9 @@ var OrganicSection = function OrganicSection(_ref) {
     if (!hasOrganicOverview) {
       return {
         "Organic Users": {
-          value: "".concat(formatNumber(8420)),
-          subValue: "18% vs pp",
-          data: [3200, 4100, 2800, 5600, 4200, 6100, 7500],
+          value: formatNumber(0),
+          subValue: formatGrowth$1(0),
+          data: flatZeroData(),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PeopleAltOutlined, {}),
           money: false,
@@ -19162,9 +18763,9 @@ var OrganicSection = function OrganicSection(_ref) {
           error: false
         },
         "Search Clicks": {
-          value: "".concat(formatNumber(5842)),
-          subValue: "92.3% pass-through",
-          data: [1500, 1800, 1600, 2200, 2000, 2400, 2800],
+          value: formatNumber(0),
+          subValue: formatGrowth$1(0),
+          data: flatZeroData(),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.SearchOutlined, {}),
           money: false,
@@ -19172,9 +18773,9 @@ var OrganicSection = function OrganicSection(_ref) {
           error: false
         },
         Donations: {
-          value: "".concat(formatNumber(420)),
-          subValue: "18% vs pp",
-          data: [15, 22, 18, 30, 25, 35, 42],
+          value: formatNumber(0),
+          subValue: formatGrowth$1(0),
+          data: flatZeroData(),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.FavoriteOutlined, {}),
           money: false,
@@ -19182,9 +18783,9 @@ var OrganicSection = function OrganicSection(_ref) {
           error: false
         },
         "Conversion Rate": {
-          value: "3.1%",
-          subValue: "8.4% vs pp",
-          data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
+          value: "0.00%",
+          subValue: formatGrowth$1(0),
+          data: flatZeroData(),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
           money: false,
@@ -19192,9 +18793,9 @@ var OrganicSection = function OrganicSection(_ref) {
           error: false
         },
         "Revenue Raised": {
-          value: "$".concat(formatNumber(240398)),
-          subValue: "0.4x vs pp",
-          data: [2.5, 3.1, 2.8, 4.2, 3.8, 4.5, 5.2],
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth$1(0),
+          data: flatZeroData(),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
           money: true,
@@ -19202,9 +18803,9 @@ var OrganicSection = function OrganicSection(_ref) {
           error: false
         },
         "Avg Donation": {
-          value: "$".concat(formatNumber(130.58)),
-          subValue: "18% vs pp",
-          data: [110, 125, 120, 135, 130, 128, 130.58],
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth$1(0),
+          data: flatZeroData(),
           categories: fallbackCategories,
           icon: /*#__PURE__*/jsxRuntime.jsx(AverageDonationIcon, {}),
           money: true,
@@ -19288,7 +18889,7 @@ var OrganicSection = function OrganicSection(_ref) {
   }, [apiData === null || apiData === void 0 || (_apiData$topOrganicKe2 = apiData.topOrganicKeywords) === null || _apiData$topOrganicKe2 === void 0 ? void 0 : _apiData$topOrganicKe2.available, conversionSeries, donationsSeries, fallbackCategories, growth, hasOrganicOverview, organicUsersSeries, overview, dateName]);
   var landingPagesData = React.useMemo(function () {
     var pages = apiData === null || apiData === void 0 ? void 0 : apiData.topLandingPages;
-    if (!hasOrganicOverview) return null;
+    if (!hasOrganicOverview) return [];
     if (!Array.isArray(pages) || pages.length === 0) return [];
     return pages.map(function (item) {
       var _item$visitors, _item$donations, _item$revenue, _item$conversionRate;
@@ -19303,7 +18904,7 @@ var OrganicSection = function OrganicSection(_ref) {
   }, [apiData === null || apiData === void 0 ? void 0 : apiData.topLandingPages, hasOrganicOverview]);
   var keywordsData = React.useMemo(function () {
     var keywords = apiData === null || apiData === void 0 ? void 0 : apiData.topOrganicKeywords;
-    if (!hasOrganicOverview) return null;
+    if (!hasOrganicOverview) return [];
     if (!(keywords !== null && keywords !== void 0 && keywords.available) || !Array.isArray(keywords.data) || keywords.data.length === 0) {
       return [];
     }
@@ -19321,7 +18922,7 @@ var OrganicSection = function OrganicSection(_ref) {
   var geographyData = React.useMemo(function () {
     var _apiData$geographyIns;
     var countries = apiData === null || apiData === void 0 || (_apiData$geographyIns = apiData.geographyInsights) === null || _apiData$geographyIns === void 0 ? void 0 : _apiData$geographyIns.countries;
-    if (!hasOrganicOverview) return null;
+    if (!hasOrganicOverview) return [];
     if (!Array.isArray(countries) || countries.length === 0) return [];
     return countries.map(function (item) {
       var _item$visitors2, _item$percentage, _item$percentage2;
@@ -19336,7 +18937,7 @@ var OrganicSection = function OrganicSection(_ref) {
     var _breakdown$totalVisit;
     var breakdown = apiData === null || apiData === void 0 ? void 0 : apiData.sourceBreakdown;
     var sources = breakdown === null || breakdown === void 0 ? void 0 : breakdown.data;
-    if (!hasOrganicOverview) return null;
+    if (!hasOrganicOverview) return [];
     if (!Array.isArray(sources) || sources.length === 0) return null;
     var colors = sources.map(function (_, index) {
       return SOURCE_COLORS[index % SOURCE_COLORS.length];
@@ -19451,28 +19052,12 @@ var OrganicSection = function OrganicSection(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
           title: "Source Breakdown",
           subtitle: "Where organic visitors come from",
-          series: (_sourceBreakdown$seri = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.series) !== null && _sourceBreakdown$seri !== void 0 ? _sourceBreakdown$seri : [40.8, 35.1, 14.2, 3.3],
-          labels: (_sourceBreakdown$labe = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.labels) !== null && _sourceBreakdown$labe !== void 0 ? _sourceBreakdown$labe : ["Meta Ads", "Google Ads", "TikTok", "Snapchat"],
-          colors: (_sourceBreakdown$colo = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.colors) !== null && _sourceBreakdown$colo !== void 0 ? _sourceBreakdown$colo : ["#4267B2", "#4285F4", "#06510bff", "#f2b61dff"],
-          centerLabel: (_sourceBreakdown$cent = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.centerLabel) !== null && _sourceBreakdown$cent !== void 0 ? _sourceBreakdown$cent : "total spend",
-          centerValue: (_sourceBreakdown$cent2 = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.centerValue) !== null && _sourceBreakdown$cent2 !== void 0 ? _sourceBreakdown$cent2 : "$8.3K",
-          items: (_sourceBreakdown$item = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.items) !== null && _sourceBreakdown$item !== void 0 ? _sourceBreakdown$item : [{
-            label: "Google Search",
-            val: "40.8%",
-            color: "#4267B2"
-          }, {
-            label: "Direct",
-            val: "35.1%",
-            color: "#4285F4"
-          }, {
-            label: "Bing / Other",
-            val: "14.2%",
-            color: "#06510bff"
-          }, {
-            label: "Referalls",
-            val: "3.3%",
-            color: "#f2b61dff"
-          }],
+          series: (_sourceBreakdown$seri = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.series) !== null && _sourceBreakdown$seri !== void 0 ? _sourceBreakdown$seri : [0],
+          labels: (_sourceBreakdown$labe = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.labels) !== null && _sourceBreakdown$labe !== void 0 ? _sourceBreakdown$labe : ["—"],
+          colors: (_sourceBreakdown$colo = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.colors) !== null && _sourceBreakdown$colo !== void 0 ? _sourceBreakdown$colo : ["#E5E7EB"],
+          centerLabel: (_sourceBreakdown$cent = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.centerLabel) !== null && _sourceBreakdown$cent !== void 0 ? _sourceBreakdown$cent : "visitors",
+          centerValue: (_sourceBreakdown$cent2 = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.centerValue) !== null && _sourceBreakdown$cent2 !== void 0 ? _sourceBreakdown$cent2 : "0",
+          items: (_sourceBreakdown$item = sourceBreakdown === null || sourceBreakdown === void 0 ? void 0 : sourceBreakdown.items) !== null && _sourceBreakdown$item !== void 0 ? _sourceBreakdown$item : [],
           showBottomSummary: false,
           sx: {
             pb: 2
@@ -19488,7 +19073,7 @@ var OrganicSection = function OrganicSection(_ref) {
         },
         children: /*#__PURE__*/jsxRuntime.jsx(KeywordsCard, {
           data: keywordsData,
-          available: hasOrganicOverview ? (apiData === null || apiData === void 0 || (_apiData$topOrganicKe3 = apiData.topOrganicKeywords) === null || _apiData$topOrganicKe3 === void 0 ? void 0 : _apiData$topOrganicKe3.available) !== false : true,
+          available: hasOrganicOverview ? (apiData === null || apiData === void 0 || (_apiData$topOrganicKe3 = apiData.topOrganicKeywords) === null || _apiData$topOrganicKe3 === void 0 ? void 0 : _apiData$topOrganicKe3.available) !== false : false,
           numberOfDays: numberOfDays
         })
       }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
@@ -20007,80 +19592,80 @@ var EmailSection = function EmailSection(_ref) {
     if (!hasEmailOverview) {
       return {
         "Total Raised": {
-          value: "$".concat(formatNumber(48920)),
-          subValue: "12% vs pp",
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.PaidOutlined, {}),
           money: true,
           error: false,
           warning: false
         },
         Donations: {
-          value: "62",
-          subValue: "12% vs pp",
+          value: formatNumber(0),
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.FavoriteOutlined, {}),
           money: false,
           error: false,
           warning: false
         },
         "Conversion Rate": {
-          value: "3.2%",
-          subValue: "12% vs pp",
+          value: "0.00%",
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(ConversionRateIcon, {}),
           money: false,
           error: false,
           warning: false
         },
         CTR: {
-          value: "8.1%",
-          subValue: "12% vs pp",
+          value: "0.00%",
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(CtrIcon, {}),
           money: false,
           error: false,
           warning: false
         },
         "Revenue Per Email": {
-          value: "$".concat(formatNumber(2.45)),
-          subValue: "12% vs pp",
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerEmailIcon, {}),
           money: true,
           error: false,
           warning: false
         },
         "Open Rate": {
-          value: "42.3%",
-          subValue: "12% vs pp",
+          value: "0.00%",
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Email, {}),
           money: false,
           error: false,
           warning: false
         },
         Clicks: {
-          value: "1,612",
-          subValue: "12% vs pp",
+          value: formatNumber(0),
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(ClicksIcon, {}),
           money: false,
           error: false,
           warning: false
         },
         "Unique Clicks": {
-          value: formatNumber(1148),
-          subValue: "12% vs pp",
+          value: formatNumber(0),
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(UniqueClicksIcon, {}),
           money: false,
           error: false,
           warning: false
         },
         "Bounce Rate": {
-          value: "1.8%",
-          subValue: "12% vs pp",
+          value: "0.00%",
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.HighlightOff, {}),
           money: false,
           error: false,
           warning: false
         },
         "Revenue Per Click": {
-          value: "$".concat(formatNumber(30.35)),
-          subValue: "12% vs pp",
+          value: "$".concat(formatNumber(0)),
+          subValue: formatGrowth(0),
           icon: /*#__PURE__*/jsxRuntime.jsx(RevenuePerClickIcon, {}),
           money: true,
           error: false,
@@ -20173,7 +19758,7 @@ var EmailSection = function EmailSection(_ref) {
   }, [deliverability, deliverabilityGrowth, hasEmailOverview, overview, overviewGrowth, dateName]);
   var campaignsRaisedData = React.useMemo(function () {
     var campaigns = apiData === null || apiData === void 0 ? void 0 : apiData.topCampaignsByRaised;
-    if (!hasEmailOverview) return null;
+    if (!hasEmailOverview) return [];
     if (!Array.isArray(campaigns) || campaigns.length === 0) return [];
     return campaigns.map(function (item) {
       var _item$value2;
@@ -20186,7 +19771,7 @@ var EmailSection = function EmailSection(_ref) {
   }, [apiData === null || apiData === void 0 ? void 0 : apiData.topCampaignsByRaised, hasEmailOverview]);
   var campaignsCtrData = React.useMemo(function () {
     var campaigns = apiData === null || apiData === void 0 ? void 0 : apiData.topCampaignsByCtr;
-    if (!hasEmailOverview) return null;
+    if (!hasEmailOverview) return [];
     if (!Array.isArray(campaigns) || campaigns.length === 0) return [];
     return campaigns.map(function (item) {
       var _item$value3;
@@ -20199,7 +19784,7 @@ var EmailSection = function EmailSection(_ref) {
   }, [apiData === null || apiData === void 0 ? void 0 : apiData.topCampaignsByCtr, hasEmailOverview]);
   var campaignsConversionData = React.useMemo(function () {
     var campaigns = apiData === null || apiData === void 0 ? void 0 : apiData.topCampaignsByConversion;
-    if (!hasEmailOverview) return null;
+    if (!hasEmailOverview) return [];
     if (!Array.isArray(campaigns) || campaigns.length === 0) return [];
     return campaigns.map(function (item) {
       var _item$value4;
@@ -20260,14 +19845,14 @@ var EmailSection = function EmailSection(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
           title: "Open Rate Trend",
           subtitle: "Daily - ".concat(daysLabel),
-          value: hasEmailOverview ? "".concat(Number((_deliverability$openR2 = deliverability.openRate) !== null && _deliverability$openR2 !== void 0 ? _deliverability$openR2 : 0).toFixed(2), "%") : "42.3%",
-          trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.openRate, true) : "2.1pp",
+          value: hasEmailOverview ? "".concat(Number((_deliverability$openR2 = deliverability.openRate) !== null && _deliverability$openR2 !== void 0 ? _deliverability$openR2 : 0).toFixed(2), "%") : "0.00%",
+          trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.openRate, true) : formatTrendBadge(0, true),
           trendData: hasEmailOverview ? apiData === null || apiData === void 0 ? void 0 : apiData.openRateTrend : undefined,
           series: [{
             name: "Open Rate",
-            data: [38, 42, 41, 43, 42.3]
+            data: hasEmailOverview && openRateTrend.data.length > 0 ? openRateTrend.data : [0]
           }],
-          categories: ["Apr 5", "Apr 12", "Apr 19", "Apr 26", "May 4"],
+          categories: hasEmailOverview && openRateTrend.categories.length > 0 ? openRateTrend.categories : ["—"],
           colors: ["rgb(99, 99, 230)"],
           yAxisMax: computeYAxisMax(openRateTrend.data, 5),
           yAxisTickAmount: 3
@@ -20290,8 +19875,8 @@ var EmailSection = function EmailSection(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
           title: "Clicks Trend",
           subtitle: "Total + unique - ".concat(daysLabel),
-          value: hasEmailOverview ? formatNumber((_deliverability$total2 = deliverability.totalClicks) !== null && _deliverability$total2 !== void 0 ? _deliverability$total2 : 0) : "1,612",
-          trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.totalClicks) : "14%",
+          value: hasEmailOverview ? formatNumber((_deliverability$total2 = deliverability.totalClicks) !== null && _deliverability$total2 !== void 0 ? _deliverability$total2 : 0) : formatNumber(0),
+          trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.totalClicks) : formatTrendBadge(0),
           trendSeries: hasEmailOverview ? [{
             name: "Total Clicks",
             data: apiData === null || apiData === void 0 ? void 0 : apiData.totalClicksTrend
@@ -20302,13 +19887,13 @@ var EmailSection = function EmailSection(_ref) {
           }] : undefined,
           series: [{
             name: "Total Clicks",
-            data: [56, 112, 80, 150, 112]
+            data: hasEmailOverview && totalClicksTrend.data.length > 0 ? totalClicksTrend.data : [0]
           }, {
             name: "Unique Clicks",
-            data: [30, 70, 45, 100, 75],
+            data: hasEmailOverview && uniqueClicksTrend.data.length > 0 ? uniqueClicksTrend.data : [0],
             dashed: true
           }],
-          categories: ["Apr 5", "Apr 12", "Apr 19", "Apr 26", "May 4"],
+          categories: hasEmailOverview && totalClicksTrend.categories.length > 0 ? totalClicksTrend.categories : ["—"],
           colors: ["#10B981", "#10B981"],
           yAxisMax: computeYAxisMax([].concat(_toConsumableArray(totalClicksTrend.data), _toConsumableArray(uniqueClicksTrend.data)), 10),
           yAxisTickAmount: 3,
@@ -20334,14 +19919,14 @@ var EmailSection = function EmailSection(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(EmailTrendCard, {
           title: "Bounce Rate Trend",
           subtitle: "Daily - lower is better",
-          value: hasEmailOverview ? "".concat(Number((_deliverability$bounc2 = deliverability.bounceRate) !== null && _deliverability$bounc2 !== void 0 ? _deliverability$bounc2 : 0).toFixed(2), "%") : "1.8%",
-          trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.bounceRate, true) : "0.3pp",
+          value: hasEmailOverview ? "".concat(Number((_deliverability$bounc2 = deliverability.bounceRate) !== null && _deliverability$bounc2 !== void 0 ? _deliverability$bounc2 : 0).toFixed(2), "%") : "0.00%",
+          trend: hasEmailOverview ? formatTrendBadge(deliverabilityGrowth.bounceRate, true) : formatTrendBadge(0, true),
           trendData: hasEmailOverview ? apiData === null || apiData === void 0 ? void 0 : apiData.bounceRateTrend : undefined,
           series: [{
             name: "Bounce Rate",
-            data: [2.2, 1.9, 2.0, 1.7, 1.8]
+            data: hasEmailOverview && bounceRateTrend.data.length > 0 ? bounceRateTrend.data : [0]
           }],
-          categories: ["Apr 5", "Apr 12", "Apr 19", "Apr 26", "May 4"],
+          categories: hasEmailOverview && bounceRateTrend.categories.length > 0 ? bounceRateTrend.categories : ["—"],
           colors: ["#f2994a"],
           yAxisMax: computeYAxisMax(bounceRateTrend.data, 2.5),
           yAxisTickAmount: 3