@ammarkhalidfarooq/dashboard-package 0.4.88 → 0.4.90

package/dist/index.es.js

@@ -4894,7 +4894,35 @@ var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
 };
 
 var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
-  var sx = _ref.sx;
+  var sx = _ref.sx,
+    _ref$refundsChargebac = _ref.refundsChargebacksData,
+    refundsChargebacksData = _ref$refundsChargebac === void 0 ? {} : _ref$refundsChargebac;
+  var _refundsChargebacksDa = refundsChargebacksData.refundRate,
+    refundRate = _refundsChargebacksDa === void 0 ? 0 : _refundsChargebacksDa,
+    _refundsChargebacksDa2 = refundsChargebacksData.chargebackRate,
+    chargebackRate = _refundsChargebacksDa2 === void 0 ? 0 : _refundsChargebacksDa2,
+    _refundsChargebacksDa3 = refundsChargebacksData.totalRefundedAmount,
+    totalRefundedAmount = _refundsChargebacksDa3 === void 0 ? 0 : _refundsChargebacksDa3,
+    _refundsChargebacksDa4 = refundsChargebacksData.totalRefunds,
+    totalRefunds = _refundsChargebacksDa4 === void 0 ? 0 : _refundsChargebacksDa4,
+    _refundsChargebacksDa5 = refundsChargebacksData.totalChargebacks,
+    totalChargebacks = _refundsChargebacksDa5 === void 0 ? 0 : _refundsChargebacksDa5,
+    _refundsChargebacksDa6 = refundsChargebacksData.growthPercentage,
+    growthPercentage = _refundsChargebacksDa6 === void 0 ? 0 : _refundsChargebacksDa6;
+    refundsChargebacksData.totalRevenue;
+    var _refundsChargebacksDa8 = refundsChargebacksData.chartData,
+    chartData = _refundsChargebacksDa8 === void 0 ? [] : _refundsChargebacksDa8;
+  var categories = chartData.map(function (item) {
+    return item.date;
+  });
+  var refundSeries = chartData.map(function (item) {
+    return parseFloat((item.refundRate || 0).toFixed(2));
+  });
+  var chargebackSeries = chartData.map(function (item) {
+    return parseFloat((item.chargebackRate || 0).toFixed(2));
+  });
+  var maxVal = Math.max.apply(Math, _toConsumableArray(chargebackSeries).concat(_toConsumableArray(refundSeries), [1]));
+  var yAxisMax = Math.ceil(maxVal * 1.2);
   var chartOptions = {
     chart: {
       type: "area",
@@ -4920,13 +4948,13 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
       type: "gradient",
       gradient: {
         shadeIntensity: 1,
-        opacityFrom: 0.45,
-        opacityTo: 0.05,
+        opacityFrom: 0.35,
+        opacityTo: 0.02,
         stops: [20, 100]
       }
     },
     xaxis: {
-      categories: ["Apr 5", "Apr 12", "Apr 19", "Apr 26", "May 4"],
+      categories: categories,
       axisBorder: {
         show: false
       },
@@ -4934,23 +4962,25 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
         show: false
       },
       labels: {
+        show: categories.length <= 15,
+        rotate: -45,
         style: {
           colors: "rgba(0, 0, 0, 0.4)",
-          fontSize: "12px"
+          fontSize: "10px"
         }
       }
     },
     yaxis: {
       min: 0,
-      max: 2,
-      tickAmount: 2,
+      max: yAxisMax,
+      tickAmount: 4,
       labels: {
         formatter: function formatter(val) {
-          return "".concat(val, "%");
+          return "".concat(parseFloat(val.toFixed(1)), "%");
         },
         style: {
           colors: "rgba(0, 0, 0, 0.4)",
-          fontSize: "12px"
+          fontSize: "11px"
         }
       }
     },
@@ -4961,6 +4991,10 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
         lines: {
           show: true
         }
+      },
+      padding: {
+        left: 0,
+        right: 0
       }
     },
     colors: ["#F59E0B", "#EF4444"],
@@ -4980,7 +5014,6 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
             fontSize: "10px",
             fontWeight: 700
           },
-          // text: "1% chargeback threshold",
           position: "left",
           offsetY: -10,
           offsetX: 10
@@ -4988,20 +5021,27 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
       }]
     },
     tooltip: {
+      shared: true,
       y: {
         formatter: function formatter(val) {
-          return "".concat(val, "%");
+          return "".concat(parseFloat(val.toFixed(2)), "%");
         }
       }
     }
   };
   var series = [{
     name: "Refunds",
-    data: [1.2, 0.9, 1.3, 0.8, 1.5, 0.9, 0.7, 0.9, 0.8]
+    data: refundSeries
   }, {
     name: "Chargebacks",
-    data: [0.1, 0.2, 0.1, 0.15, 0.1, 0.2, 0.1, 0.15, 0.1]
+    data: chargebackSeries
   }];
+  var fmt = function fmt(n) {
+    var _n$toFixed;
+    return n >= 1000 ? "".concat((n / 1000).toFixed(1), "k") : parseFloat((_n$toFixed = n === null || n === void 0 ? void 0 : n.toFixed(2)) !== null && _n$toFixed !== void 0 ? _n$toFixed : 0).toString();
+  };
+  var growthColor = growthPercentage > 0 ? "#EF4444" : growthPercentage < 0 ? "#22C55E" : "rgba(0,0,0,0.4)";
+  var growthLabel = growthPercentage > 0 ? "\u25B2 ".concat(growthPercentage.toFixed(1), "%") : growthPercentage < 0 ? "\u25BC ".concat(Math.abs(growthPercentage).toFixed(1), "%") : "stable";
   return /*#__PURE__*/jsxs(Card, {
     sx: _objectSpread2({
       bgcolor: "#fff",
@@ -5009,7 +5049,6 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
       border: "1px solid #f0f0f0",
       boxShadow: "0 4px 24px rgba(0,0,0,0.06)",
       p: 3,
-      // height: "100%",
       display: "flex",
       flexDirection: "column"
     }, sx),
@@ -5037,9 +5076,9 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
       sx: {
         display: "flex",
         gap: 2,
-        // mt: 0.5,
         mb: 0.75,
-        flexWrap: "wrap"
+        flexWrap: "wrap",
+        mt: 1
       },
       children: [/*#__PURE__*/jsxs(Box, {
         sx: {
@@ -5070,24 +5109,23 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
                 fontWeight: 500
               },
               children: "Refunds"
-            }), /*#__PURE__*/jsx(Typography, {
+            }), /*#__PURE__*/jsxs(Typography, {
               sx: {
                 fontSize: "13px",
                 fontWeight: 600,
                 color: "#000"
               },
-              children: "0.8%"
+              children: [refundRate.toFixed(2), "%"]
             })]
-          }), /*#__PURE__*/jsx(Typography, {
+          }), /*#__PURE__*/jsxs(Typography, {
             sx: {
               fontSize: "12px",
-              fontWeight: 700,
-              color: "#22C55E",
+              fontWeight: 600,
+              color: "rgba(0,0,0,0.4)",
               lineHeight: 1.2,
-              mt: 0.2,
-              ml: "-14px"
+              mt: 0.2
             },
-            children: "\u25BC 0.3pp"
+            children: ["$", fmt(totalRefundedAmount), " refunded"]
           })]
         })]
       }), /*#__PURE__*/jsxs(Box, {
@@ -5119,39 +5157,38 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
                 fontWeight: 500
               },
               children: "Chargebacks"
-            }), /*#__PURE__*/jsx(Typography, {
+            }), /*#__PURE__*/jsxs(Typography, {
               sx: {
                 fontSize: "13px",
                 fontWeight: 600,
                 color: "#000"
               },
-              children: "0.1%"
+              children: [chargebackRate.toFixed(2), "%"]
             })]
           }), /*#__PURE__*/jsx(Typography, {
             sx: {
               fontSize: "12px",
-              color: "rgba(0, 0, 0, 0.4)",
-              fontWeight: 500,
+              fontWeight: 600,
+              color: growthColor,
               lineHeight: 1.2,
-              mt: 0.2,
-              ml: "-14px"
+              mt: 0.2
             },
-            children: "stable"
+            children: growthLabel
           })]
         })]
       })]
     }), /*#__PURE__*/jsx(Box, {
       sx: {
-        mb: 0
+        mb: 0.5
       },
-      children: /*#__PURE__*/jsx(Typography, {
+      children: /*#__PURE__*/jsxs(Typography, {
         sx: {
           fontSize: "12px",
           color: "rgba(0, 0, 0, 0.3)",
           fontWeight: 500,
           textAlign: "left"
         },
-        children: "$1,927 refunded \xB7 $215 disputed \xB7 0 cases total"
+        children: ["$", fmt(totalRefundedAmount), " refunded \xB7 ", totalChargebacks, " chargebacks \xB7 ", totalRefunds, " refunds"]
       })
     }), /*#__PURE__*/jsx(Box, {
       sx: {
@@ -5234,7 +5271,7 @@ var MetricCard = function MetricCard(_ref) {
 };
 
 var OverallSection = function OverallSection(_ref) {
-  var _apiData$totalRaisedP, _apiData$netRaisedCar, _apiData$netRaisedPre, _apiData$averageDonat, _apiData$averageDonat2, _apiData$roasCard, _apiData$roasCardPrev, _orderBumpData$prevTr;
+  var _apiData$overviewStat, _apiData$totalRaisedP, _apiData$overviewStat2, _apiData$netRaisedPre, _apiData$overviewStat3, _apiData$overviewStat4, _apiData$averageDonat, _apiData$roasCard, _apiData$roasCardPrev, _orderBumpData$prevTr;
   var _ref$apiData = _ref.apiData,
     apiData = _ref$apiData === void 0 ? {} : _ref$apiData,
     primaryCharts = _ref.primaryCharts,
@@ -5252,6 +5289,7 @@ var OverallSection = function OverallSection(_ref) {
   var orderBumpData = (apiData === null || apiData === void 0 ? void 0 : apiData.orderBumpData1) || [];
   var upsellData = (apiData === null || apiData === void 0 ? void 0 : apiData.upsellData1) || [];
   var downsellData = (apiData === null || apiData === void 0 ? void 0 : apiData.downsellData1) || [];
+  (apiData === null || apiData === void 0 ? void 0 : apiData.refundAndChargeBacks) || [];
   var allCharts = [].concat(_toConsumableArray(primaryCharts), _toConsumableArray(secondaryCharts), _toConsumableArray(tertiaryCharts), _toConsumableArray(quaternaryCharts));
   var getExtendedCharts = function getExtendedCharts() {
     var charts = _toConsumableArray(allCharts);
@@ -5292,7 +5330,7 @@ var OverallSection = function OverallSection(_ref) {
   };
   var metricInfo = {
     "Total Raised": {
-      value: "$".concat(formatNumber(apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedCard)) || "$240.9K",
+      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"),
       label: "Total Raised",
       icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -5301,7 +5339,7 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Net Raised": {
-      value: "$".concat(formatNumber((_apiData$netRaisedCar = apiData === null || apiData === void 0 ? void 0 : apiData.netRaisedCard) !== null && _apiData$netRaisedCar !== void 0 ? _apiData$netRaisedCar : 0)),
+      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"),
       label: "Net Raised",
       icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
@@ -5310,7 +5348,7 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Total Donors": {
-      value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalDonorsCard) || "215",
+      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",
       label: "Total Donors",
       icon: /*#__PURE__*/jsx(PeopleAltOutlined, {}),
@@ -5319,8 +5357,8 @@ var OverallSection = function OverallSection(_ref) {
       warning: false
     },
     "Avg donation": {
-      value: "$".concat(formatNumber((_apiData$averageDonat = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonationsCard) !== null && _apiData$averageDonat !== void 0 ? _apiData$averageDonat : 0)),
-      subValue: "".concat(Number((_apiData$averageDonat2 = apiData === null || apiData === void 0 ? void 0 : apiData.averageDonationsCardPrev) !== null && _apiData$averageDonat2 !== void 0 ? _apiData$averageDonat2 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
+      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"),
       label: "Average Donation Amount",
       icon: /*#__PURE__*/jsx(PaidOutlined, {}),
       money: true,
@@ -5421,7 +5459,8 @@ var OverallSection = function OverallSection(_ref) {
     return c.label === selectedInfo.label;
   }) || primaryCharts[0];
   if (activeMetric === "Total Raised") {
-    var stackedData = apiData === null || apiData === void 0 ? void 0 : apiData.totalRaised;
+    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 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) {