@ammarkhalidfarooq/dashboard-package 0.4.97 → 0.4.99

package/dist/index.es.js

@@ -5269,7 +5269,7 @@ var MetricCard = function MetricCard(_ref) {
 };
 
 var OverallSection = function OverallSection(_ref) {
-  var _apiData$overviewStat, _apiData$totalRaisedP, _apiData$overviewStat2, _apiData$netRaisedPre, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$averageDonat, _apiData$roasCard, _apiData$roasCardPrev, _orderBumpData$chart, _orderBumpData$peakDa, _orderBumpData$peakDa2;
+  var _apiData$overviewStat, _apiData$overviewStat2, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$overviewStat5, _apiData$overviewStat6, _apiData$overviewStat7, _apiData$overviewStat8, _apiData$overviewStat9, _apiData$overviewStat0, _apiData$overviewStat1, _apiData$overviewStat10, _apiData$roasCard, _apiData$roasCardPrev, _orderBumpData$chart, _orderBumpData$peakDa, _orderBumpData$peakDa2, _referralData$chartDa;
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
     primaryCharts = _ref.primaryCharts,
@@ -5287,6 +5287,7 @@ var OverallSection = function OverallSection(_ref) {
   var orderBumpData = (apiData === null || apiData === void 0 ? void 0 : apiData.orderBumpDetails) || [];
   var upsellData = (apiData === null || apiData === void 0 ? void 0 : apiData.upSellDetails) || [];
   var downsellData = (apiData === null || apiData === void 0 ? void 0 : apiData.downSellDetails) || [];
+  var referralData = (apiData === null || apiData === void 0 ? void 0 : apiData.referralDetails) || [];
   var refundsChargebacksData = (apiData === null || apiData === void 0 ? void 0 : apiData.refundAndChargeBacks) || [];
   var allCharts = [].concat(_toConsumableArray(primaryCharts), _toConsumableArray(secondaryCharts), _toConsumableArray(tertiaryCharts), _toConsumableArray(quaternaryCharts));
   var getExtendedCharts = function getExtendedCharts() {
@@ -5329,7 +5330,7 @@ var OverallSection = function OverallSection(_ref) {
   var metricInfo = {
     "Total Raised": {
       value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat = apiData.overviewStats) === null || _apiData$overviewStat === void 0 || (_apiData$overviewStat = _apiData$overviewStat.overview) === null || _apiData$overviewStat === void 0 ? void 0 : _apiData$overviewStat.totalRevenue)) || "$240.9K",
-      subValue: "".concat(Number((_apiData$totalRaisedP = apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedPrev) !== null && _apiData$totalRaisedP !== void 0 ? _apiData$totalRaisedP : 0).toFixed(2), "% vs ").concat(dateName || "last month"),
+      subValue: "".concat(Number((_apiData$overviewStat2 = apiData === null || apiData === void 0 || (_apiData$overviewStat3 = apiData.overviewStats) === null || _apiData$overviewStat3 === void 0 || (_apiData$overviewStat3 = _apiData$overviewStat3.overview) === null || _apiData$overviewStat3 === void 0 || (_apiData$overviewStat3 = _apiData$overviewStat3.growthPercentage) === null || _apiData$overviewStat3 === void 0 ? void 0 : _apiData$overviewStat3.totalRevenue) !== null && _apiData$overviewStat2 !== void 0 ? _apiData$overviewStat2 : 0).toFixed(2), "% vs ").concat(dateName || "last month"),
       label: "Total Raised",
       icon: /*#__PURE__*/jsx(PaidOutlined, {}),
       money: true,
@@ -5337,8 +5338,8 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Net Raised": {
-      value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat2 = apiData.overviewStats) === null || _apiData$overviewStat2 === void 0 || (_apiData$overviewStat2 = _apiData$overviewStat2.overview) === null || _apiData$overviewStat2 === void 0 ? void 0 : _apiData$overviewStat2.netRevenue)),
-      subValue: "".concat(Number((_apiData$netRaisedPre = apiData === null || apiData === void 0 ? void 0 : apiData.netRaisedPrev) !== null && _apiData$netRaisedPre !== void 0 ? _apiData$netRaisedPre : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "previous period"),
+      value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat4 = apiData.overviewStats) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.overview) === null || _apiData$overviewStat4 === void 0 ? void 0 : _apiData$overviewStat4.netRevenue)),
+      subValue: "".concat(Number((_apiData$overviewStat5 = apiData === null || apiData === void 0 || (_apiData$overviewStat6 = apiData.overviewStats) === null || _apiData$overviewStat6 === void 0 || (_apiData$overviewStat6 = _apiData$overviewStat6.overview.growthPercentage) === null || _apiData$overviewStat6 === void 0 ? void 0 : _apiData$overviewStat6.netRevenue) !== null && _apiData$overviewStat5 !== void 0 ? _apiData$overviewStat5 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "previous period"),
       label: "Net Raised",
       icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
       money: true,
@@ -5346,8 +5347,8 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Total Donors": {
-      value: (apiData === null || apiData === void 0 || (_apiData$overviewStat3 = apiData.overviewStats) === null || _apiData$overviewStat3 === void 0 || (_apiData$overviewStat3 = _apiData$overviewStat3.overview) === null || _apiData$overviewStat3 === void 0 ? void 0 : _apiData$overviewStat3.totalDonations) || "215",
-      subValue: "".concat(apiData === null || apiData === void 0 ? void 0 : apiData.totalDonorsPrev, " new") || "31 new",
+      value: (apiData === null || apiData === void 0 || (_apiData$overviewStat7 = apiData.overviewStats) === null || _apiData$overviewStat7 === void 0 || (_apiData$overviewStat7 = _apiData$overviewStat7.overview) === null || _apiData$overviewStat7 === void 0 ? void 0 : _apiData$overviewStat7.totalDonations) || "215",
+      subValue: "".concat(Number((_apiData$overviewStat8 = apiData === null || apiData === void 0 || (_apiData$overviewStat9 = apiData.overviewStats) === null || _apiData$overviewStat9 === void 0 || (_apiData$overviewStat9 = _apiData$overviewStat9.overview.growthPercentage) === null || _apiData$overviewStat9 === void 0 ? void 0 : _apiData$overviewStat9.totalDonations) !== null && _apiData$overviewStat8 !== void 0 ? _apiData$overviewStat8 : 0).toFixed(2), "%") || "31 new",
       label: "Total Donors",
       icon: /*#__PURE__*/jsx(PeopleAltOutlined, {}),
       money: false,
@@ -5355,8 +5356,8 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Avg donation": {
-      value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat4 = apiData.overviewStats) === null || _apiData$overviewStat4 === void 0 || (_apiData$overviewStat4 = _apiData$overviewStat4.overview) === null || _apiData$overviewStat4 === void 0 ? void 0 : _apiData$overviewStat4.overallAVGDonations)),
-      subValue: "".concat(Number((_apiData$averageDonat = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonationsCardPrev) !== null && _apiData$averageDonat !== void 0 ? _apiData$averageDonat : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
+      value: "$".concat(formatNumber(apiData === null || apiData === void 0 || (_apiData$overviewStat0 = apiData.overviewStats) === null || _apiData$overviewStat0 === void 0 || (_apiData$overviewStat0 = _apiData$overviewStat0.overview) === null || _apiData$overviewStat0 === void 0 ? void 0 : _apiData$overviewStat0.overallAVGDonations)),
+      subValue: "".concat(Number((_apiData$overviewStat1 = apiData === null || apiData === void 0 || (_apiData$overviewStat10 = apiData.overviewStats) === null || _apiData$overviewStat10 === void 0 || (_apiData$overviewStat10 = _apiData$overviewStat10.overview.growthPercentage) === null || _apiData$overviewStat10 === void 0 ? void 0 : _apiData$overviewStat10.overallAVGDonations) !== null && _apiData$overviewStat1 !== void 0 ? _apiData$overviewStat1 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
       label: "Average Donation Amount",
       icon: /*#__PURE__*/jsx(PaidOutlined, {}),
       money: true,
@@ -5457,8 +5458,8 @@ var OverallSection = function OverallSection(_ref) {
     return c.label === selectedInfo.label;
   }) || primaryCharts[0];
   if (activeMetric === "Total Raised") {
-    var _apiData$overviewStat5;
-    var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat5 = apiData.overviewStats) === null || _apiData$overviewStat5 === void 0 ? void 0 : _apiData$overviewStat5.totalRaised;
+    var _apiData$overviewStat11;
+    var stackedData = apiData === null || apiData === void 0 || (_apiData$overviewStat11 = apiData.overviewStats) === null || _apiData$overviewStat11 === void 0 ? void 0 : _apiData$overviewStat11.totalRaised;
     var hasStackedData = (stackedData === null || stackedData === void 0 ? void 0 : stackedData.paidAds) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.email) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.organic);
     if (hasStackedData) {
       var categories = ((stackedData === null || stackedData === void 0 ? void 0 : stackedData.organic) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.paidAds) || (stackedData === null || stackedData === void 0 ? void 0 : stackedData.email) || []).map(function (item) {
@@ -5497,8 +5498,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   if (activeMetric === "Net Raised") {
-    var _apiData$overviewStat6;
-    var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat6 = apiData.overviewStats) === null || _apiData$overviewStat6 === void 0 ? void 0 : _apiData$overviewStat6.netRaised;
+    var _apiData$overviewStat12;
+    var netData = apiData === null || apiData === void 0 || (_apiData$overviewStat12 = apiData.overviewStats) === null || _apiData$overviewStat12 === void 0 ? void 0 : _apiData$overviewStat12.netRaised;
     var _hasStackedData = (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || (netData === null || netData === void 0 ? void 0 : netData.organic);
     if (_hasStackedData) {
       var _categories = ((netData === null || netData === void 0 ? void 0 : netData.organic) || (netData === null || netData === void 0 ? void 0 : netData.paidAds) || (netData === null || netData === void 0 ? void 0 : netData.email) || []).map(function (item) {
@@ -5545,8 +5546,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   if (activeMetric === "Total Donors") {
-    var _apiData$overviewStat7;
-    var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat7 = apiData.overviewStats) === null || _apiData$overviewStat7 === void 0 ? void 0 : _apiData$overviewStat7.totalDonations;
+    var _apiData$overviewStat13;
+    var donorsData = apiData === null || apiData === void 0 || (_apiData$overviewStat13 = apiData.overviewStats) === null || _apiData$overviewStat13 === void 0 ? void 0 : _apiData$overviewStat13.totalDonations;
     var _hasStackedData2 = (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic);
     if (_hasStackedData2) {
       var _categories2 = ((donorsData === null || donorsData === void 0 ? void 0 : donorsData.organic) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.paidAds) || (donorsData === null || donorsData === void 0 ? void 0 : donorsData.email) || []).map(function (item) {
@@ -5687,8 +5688,8 @@ var OverallSection = function OverallSection(_ref) {
     }
   }
   if (activeMetric === "Avg donation") {
-    var _apiData$overviewStat8;
-    var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat8 = apiData.overviewStats) === null || _apiData$overviewStat8 === void 0 ? void 0 : _apiData$overviewStat8.avgDonations;
+    var _apiData$overviewStat14;
+    var avgData = apiData === null || apiData === void 0 || (_apiData$overviewStat14 = apiData.overviewStats) === null || _apiData$overviewStat14 === void 0 ? void 0 : _apiData$overviewStat14.avgDonations;
     var _hasStackedData5 = (avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || (avgData === null || avgData === void 0 ? void 0 : avgData.email) || (avgData === null || avgData === void 0 ? void 0 : avgData.organic);
     if (_hasStackedData5) {
       var _categories5 = ((avgData === null || avgData === void 0 ? void 0 : avgData.organic) || (avgData === null || avgData === void 0 ? void 0 : avgData.paidAds) || (avgData === null || avgData === void 0 ? void 0 : avgData.email) || []).map(function (item) {
@@ -5923,18 +5924,20 @@ var OverallSection = function OverallSection(_ref) {
       }), /*#__PURE__*/jsx(MetricSparklineCard, {
         title: "Referrals",
         subtitle: "Revenue trend \xB7 last 30 days",
-        value: "$22.7K",
-        trend: "\u25B2 9.1% vs last month",
-        chartData: [1500, 1700, 1600, 2200, 1900, 2400, 2270],
+        value: "$".concat(formatNumber((referralData === null || referralData === void 0 ? void 0 : referralData.totalRevenue) || 0)),
+        trend: "\u25B2 ".concat((referralData === null || referralData === void 0 ? void 0 : referralData.growthPercentage) || 0, "% vs last month"),
+        chartData: (referralData === null || referralData === void 0 || (_referralData$chartDa = referralData.chartData) === null || _referralData$chartDa === void 0 ? void 0 : _referralData$chartDa.map(function (item) {
+          return item.revenue;
+        })) || [],
         footerMetrics: [{
           label: "Referrers",
-          value: "38"
+          value: formatNumber((referralData === null || referralData === void 0 ? void 0 : referralData.totalReferrers) || 0)
         }, {
           label: "Avg gift",
-          value: "$598"
+          value: "$".concat(formatNumber((referralData === null || referralData === void 0 ? void 0 : referralData.averageGift) || 0))
         }, {
           label: "Conv. rate",
-          value: "27.5%"
+          value: "".concat(formatNumber((referralData === null || referralData === void 0 ? void 0 : referralData.conversionRate) || 0), "%")
         }],
         sx: {
           maxHeight: 280