@ammarkhalidfarooq/dashboard-package 0.4.87 → 0.4.89

package/dist/index.cjs.js

@@ -4811,7 +4811,14 @@ var TopPerformingCampaignsCard = function TopPerformingCampaignsCard() {
 var PaidDonorGeographyCard = function PaidDonorGeographyCard(_ref3) {
   var sx = _ref3.sx,
     donorGeographyData = _ref3.donorGeographyData;
-  var data = donorGeographyData || [];
+  var rawCountries = Array.isArray(donorGeographyData) ? donorGeographyData : (donorGeographyData === null || donorGeographyData === void 0 ? void 0 : donorGeographyData.countries) || [];
+  var data = rawCountries.map(function (item) {
+    return {
+      country: item.countryName || item.country || "Unknown",
+      percentage: typeof item.percentage === "number" ? item.percentage : 0,
+      value: item.donations !== undefined ? item.donations : item.value || 0
+    };
+  });
   return /*#__PURE__*/jsxRuntime.jsxs(material.Card, {
     sx: _objectSpread2({
       bgcolor: "#fff",
@@ -4889,7 +4896,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",
@@ -4915,13 +4950,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
       },
@@ -4929,23 +4964,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"
         }
       }
     },
@@ -4956,6 +4993,10 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
         lines: {
           show: true
         }
+      },
+      padding: {
+        left: 0,
+        right: 0
       }
     },
     colors: ["#F59E0B", "#EF4444"],
@@ -4975,7 +5016,6 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
             fontSize: "10px",
             fontWeight: 700
           },
-          // text: "1% chargeback threshold",
           position: "left",
           offsetY: -10,
           offsetX: 10
@@ -4983,20 +5023,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__*/jsxRuntime.jsxs(material.Card, {
     sx: _objectSpread2({
       bgcolor: "#fff",
@@ -5004,7 +5051,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),
@@ -5032,9 +5078,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__*/jsxRuntime.jsxs(material.Box, {
         sx: {
@@ -5065,24 +5111,23 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
                 fontWeight: 500
               },
               children: "Refunds"
-            }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+            }), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
               sx: {
                 fontSize: "13px",
                 fontWeight: 600,
                 color: "#000"
               },
-              children: "0.8%"
+              children: [refundRate.toFixed(2), "%"]
             })]
-          }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+          }), /*#__PURE__*/jsxRuntime.jsxs(material.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__*/jsxRuntime.jsxs(material.Box, {
@@ -5114,39 +5159,38 @@ var RefundsChargebacksCard = function RefundsChargebacksCard(_ref) {
                 fontWeight: 500
               },
               children: "Chargebacks"
-            }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+            }), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
               sx: {
                 fontSize: "13px",
                 fontWeight: 600,
                 color: "#000"
               },
-              children: "0.1%"
+              children: [chargebackRate.toFixed(2), "%"]
             })]
           }), /*#__PURE__*/jsxRuntime.jsx(material.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__*/jsxRuntime.jsx(material.Box, {
       sx: {
-        mb: 0
+        mb: 0.5
       },
-      children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
+      children: /*#__PURE__*/jsxRuntime.jsxs(material.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__*/jsxRuntime.jsx(material.Box, {
       sx: {
@@ -5242,11 +5286,12 @@ var OverallSection = function OverallSection(_ref) {
     activeMetric = _useState2[0],
     setActiveMetric = _useState2[1];
   var donationTypeData = (apiData === null || apiData === void 0 ? void 0 : apiData.recurringBarChartData) || [];
-  var donorGeographyData = (apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography1) || [];
+  var donorGeographyData = (apiData === null || apiData === void 0 ? void 0 : apiData.donorGeography) || [];
   var trafficSourceData = (apiData === null || apiData === void 0 ? void 0 : apiData.trafficSource1) || [];
   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);