@ammarkhalidfarooq/dashboard-package 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -4265,9 +4265,8 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
4265
4265
  _ref$referralData = _ref.referralData,
4266
4266
  referralData = _ref$referralData === void 0 ? {} : _ref$referralData,
4267
4267
  _ref$refundsChargebac = _ref.refundsChargebacksData,
4268
- refundsChargebacksData = _ref$refundsChargebac === void 0 ? [] : _ref$refundsChargebac,
4269
- _ref$dateName = _ref.dateName,
4270
- dateName = _ref$dateName === void 0 ? "Last Period" : _ref$dateName;
4268
+ refundsChargebacksData = _ref$refundsChargebac === void 0 ? [] : _ref$refundsChargebac;
4269
+ _ref.dateName;
4271
4270
  var _donorMix$newDonors = donorMix.newDonors,
4272
4271
  newDonors = _donorMix$newDonors === void 0 ? 0 : _donorMix$newDonors,
4273
4272
  _donorMix$returningDo = donorMix.returningDonors,
@@ -4312,7 +4311,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
4312
4311
  color: "#10B981"
4313
4312
  }],
4314
4313
  bottomSummaryValue: "$".concat(avgGift),
4315
- bottomSummaryTrend: "".concat(donorMixPrev, "% vs ").concat(dateName || "last month"),
4314
+ bottomSummaryTrend: "".concat(donorMixPrev, "% vs previous period"),
4316
4315
  sx: {
4317
4316
  width: "100%"
4318
4317
  }
@@ -4366,7 +4365,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
4366
4365
  color: "#10B981"
4367
4366
  }],
4368
4367
  bottomSummaryValue: "$".concat(avgGift),
4369
- bottomSummaryTrend: "".concat(donorMixPrev, "% vs ").concat(dateName || "last month"),
4368
+ bottomSummaryTrend: "".concat(donorMixPrev, "% vs previous period"),
4370
4369
  sx: {
4371
4370
  width: "100%"
4372
4371
  }
@@ -4394,7 +4393,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
4394
4393
  title: "Order Bump",
4395
4394
  subtitle: "Revenue trend \xB7 last 30 days",
4396
4395
  value: "$".concat(formatNumber((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.totalRevenue) || 0)),
4397
- trend: "".concat((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.growthPercentage) >= 0 ? "▲" : "▼", " ").concat(Math.abs((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.growthPercentage) || 0).toFixed(1), "% vs last month"),
4396
+ trend: "".concat((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.growthPercentage) >= 0 ? "▲" : "▼", " ").concat(Math.abs((orderBumpData === null || orderBumpData === void 0 ? void 0 : orderBumpData.growthPercentage) || 0).toFixed(1), "% vs previous period"),
4398
4397
  chartData: (orderBumpData === null || orderBumpData === void 0 || (_orderBumpData$chart = orderBumpData.chart) === null || _orderBumpData$chart === void 0 ? void 0 : _orderBumpData$chart.map(function (item) {
4399
4398
  return {
4400
4399
  label: item.label,
@@ -4436,7 +4435,7 @@ var OverallDetailsGrid = function OverallDetailsGrid(_ref) {
4436
4435
  title: "Referrals",
4437
4436
  subtitle: "Revenue trend \xB7 last 30 days",
4438
4437
  value: "$".concat(formatNumber((referralData === null || referralData === void 0 ? void 0 : referralData.totalRevenue) || 0)),
4439
- trend: "\u25B2 ".concat((referralData === null || referralData === void 0 ? void 0 : referralData.growthPercentage) || 0, "% vs last month"),
4438
+ trend: "\u25B2 ".concat((referralData === null || referralData === void 0 ? void 0 : referralData.growthPercentage) || 0, "% vs previous period"),
4440
4439
  chartData: (referralData === null || referralData === void 0 || (_referralData$chartDa = referralData.chartData) === null || _referralData$chartDa === void 0 ? void 0 : _referralData$chartDa.map(function (item) {
4441
4440
  return {
4442
4441
  label: item.date,
@@ -15193,7 +15192,7 @@ var OverallSection = function OverallSection(_ref) {
15193
15192
  var metricInfo = {
15194
15193
  "Total Raised": {
15195
15194
  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)) || "$0",
15196
- 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"),
15195
+ 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 previous period"),
15197
15196
  label: "Total Raised",
15198
15197
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
15199
15198
  money: true,
@@ -15202,7 +15201,7 @@ var OverallSection = function OverallSection(_ref) {
15202
15201
  },
15203
15202
  "Net Raised": {
15204
15203
  value: "$".concat(formatNumber(((_apiData$overviewStat4 = apiData === null || apiData === void 0 || (_apiData$overviewStat5 = apiData.overviewStats) === null || _apiData$overviewStat5 === void 0 || (_apiData$overviewStat5 = _apiData$overviewStat5.overview) === null || _apiData$overviewStat5 === void 0 ? void 0 : _apiData$overviewStat5.netRevenue) !== null && _apiData$overviewStat4 !== void 0 ? _apiData$overviewStat4 : 0).toFixed(2))),
15205
- subValue: "".concat(Number((_apiData$overviewStat6 = apiData === null || apiData === void 0 || (_apiData$overviewStat7 = apiData.overviewStats) === null || _apiData$overviewStat7 === void 0 || (_apiData$overviewStat7 = _apiData$overviewStat7.overview.growthPercentage) === null || _apiData$overviewStat7 === void 0 ? void 0 : _apiData$overviewStat7.netRevenue) !== null && _apiData$overviewStat6 !== void 0 ? _apiData$overviewStat6 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "previous period"),
15204
+ subValue: "".concat(Number((_apiData$overviewStat6 = apiData === null || apiData === void 0 || (_apiData$overviewStat7 = apiData.overviewStats) === null || _apiData$overviewStat7 === void 0 || (_apiData$overviewStat7 = _apiData$overviewStat7.overview.growthPercentage) === null || _apiData$overviewStat7 === void 0 ? void 0 : _apiData$overviewStat7.netRevenue) !== null && _apiData$overviewStat6 !== void 0 ? _apiData$overviewStat6 : 0).toFixed(2), "% vs previous period\n "),
15206
15205
  label: "Net Raised",
15207
15206
  icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
15208
15207
  money: true,
@@ -15220,7 +15219,7 @@ var OverallSection = function OverallSection(_ref) {
15220
15219
  },
15221
15220
  "Avg donation": {
15222
15221
  value: "$".concat(formatNumber(((_apiData$overviewStat1 = apiData === null || apiData === void 0 || (_apiData$overviewStat10 = apiData.overviewStats) === null || _apiData$overviewStat10 === void 0 || (_apiData$overviewStat10 = _apiData$overviewStat10.overview) === null || _apiData$overviewStat10 === void 0 ? void 0 : _apiData$overviewStat10.overallAVGDonations) !== null && _apiData$overviewStat1 !== void 0 ? _apiData$overviewStat1 : 0).toFixed(2))),
15223
- subValue: "".concat(Number((_apiData$overviewStat11 = apiData === null || apiData === void 0 || (_apiData$overviewStat12 = apiData.overviewStats) === null || _apiData$overviewStat12 === void 0 || (_apiData$overviewStat12 = _apiData$overviewStat12.overview.growthPercentage) === null || _apiData$overviewStat12 === void 0 ? void 0 : _apiData$overviewStat12.overallAVGDonations) !== null && _apiData$overviewStat11 !== void 0 ? _apiData$overviewStat11 : 0).toFixed(2), "% vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
15222
+ subValue: "".concat(Number((_apiData$overviewStat11 = apiData === null || apiData === void 0 || (_apiData$overviewStat12 = apiData.overviewStats) === null || _apiData$overviewStat12 === void 0 || (_apiData$overviewStat12 = _apiData$overviewStat12.overview.growthPercentage) === null || _apiData$overviewStat12 === void 0 ? void 0 : _apiData$overviewStat12.overallAVGDonations) !== null && _apiData$overviewStat11 !== void 0 ? _apiData$overviewStat11 : 0).toFixed(2), "% vs previous period\n "),
15224
15223
  label: "Average Donation Amount",
15225
15224
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
15226
15225
  money: true,
@@ -15229,7 +15228,7 @@ var OverallSection = function OverallSection(_ref) {
15229
15228
  },
15230
15229
  "ROAS": {
15231
15230
  value: "".concat(formatNumber(((_apiData$roasCard = apiData === null || apiData === void 0 ? void 0 : apiData.roasCard) !== null && _apiData$roasCard !== void 0 ? _apiData$roasCard : 0).toFixed(2)), "x"),
15232
- subValue: "".concat(Number((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0).toFixed(2), "x vs ").concat(dateName !== null && dateName !== void 0 ? dateName : "last month"),
15231
+ subValue: "".concat(Number((_apiData$roasCardPrev = apiData === null || apiData === void 0 ? void 0 : apiData.roasCardPrev) !== null && _apiData$roasCardPrev !== void 0 ? _apiData$roasCardPrev : 0).toFixed(2), "x vs previous period"),
15233
15232
  label: "ROAS",
15234
15233
  icon: /*#__PURE__*/jsx(TrendingUp, {}),
15235
15234
  money: false,
@@ -15990,7 +15989,7 @@ var PaidSection$1 = /*#__PURE__*/Object.freeze({
15990
15989
  });
15991
15990
 
15992
15991
  var formatGrowth$1 = function formatGrowth(value, dateName) {
15993
- return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs ").concat(dateName || "previous period");
15992
+ return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs previous period");
15994
15993
  };
15995
15994
  var mapTimeSeries$1 = function mapTimeSeries(series) {
15996
15995
  if (!Array.isArray(series) || series.length === 0) {
@@ -16031,7 +16030,7 @@ var OrganicSection = function OrganicSection(_ref) {
16031
16030
  var avgDonationSeries = mapTimeSeries$1(apiData === null || apiData === void 0 ? void 0 : apiData.avgDonations);
16032
16031
  var fallbackCategories = organicUsersSeries.categories.length ? organicUsersSeries.categories : ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
16033
16032
  var growthCaption = function growthCaption(key) {
16034
- return formatGrowth$1(growth[key], dateName);
16033
+ return formatGrowth$1(growth[key]);
16035
16034
  };
16036
16035
  var metricInfo = useMemo(function () {
16037
16036
  var _overview$totalRevenu2, _overview$overallAVGD2, _overview$organicUser, _apiData$topOrganicKe, _overview$totalDonati, _overview$conversionR, _overview$totalRevenu3, _overview$overallAVGD3;
@@ -16039,7 +16038,7 @@ var OrganicSection = function OrganicSection(_ref) {
16039
16038
  return {
16040
16039
  "Organic Users": {
16041
16040
  value: "".concat(formatNumber(8420)),
16042
- subValue: "18% vs last month",
16041
+ subValue: "18% vs previous period",
16043
16042
  data: [3200, 4100, 2800, 5600, 4200, 6100, 7500],
16044
16043
  categories: fallbackCategories,
16045
16044
  icon: /*#__PURE__*/jsx(PeopleAltOutlined, {}),
@@ -16059,7 +16058,7 @@ var OrganicSection = function OrganicSection(_ref) {
16059
16058
  },
16060
16059
  Donations: {
16061
16060
  value: "".concat(formatNumber(420)),
16062
- subValue: "18% vs last month",
16061
+ subValue: "18% vs previous period",
16063
16062
  data: [15, 22, 18, 30, 25, 35, 42],
16064
16063
  categories: fallbackCategories,
16065
16064
  icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
@@ -16069,7 +16068,7 @@ var OrganicSection = function OrganicSection(_ref) {
16069
16068
  },
16070
16069
  "Conversion Rate": {
16071
16070
  value: "3.1%",
16072
- subValue: "8.4% vs last month",
16071
+ subValue: "8.4% vs previous period",
16073
16072
  data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
16074
16073
  categories: fallbackCategories,
16075
16074
  icon: /*#__PURE__*/jsx(Adjust, {}),
@@ -16079,7 +16078,7 @@ var OrganicSection = function OrganicSection(_ref) {
16079
16078
  },
16080
16079
  "Revenue raised": {
16081
16080
  value: "$".concat(formatNumber(240398)),
16082
- subValue: "0.4x vs last month",
16081
+ subValue: "0.4x vs previous period",
16083
16082
  data: [2.5, 3.1, 2.8, 4.2, 3.8, 4.5, 5.2],
16084
16083
  categories: fallbackCategories,
16085
16084
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -16089,7 +16088,7 @@ var OrganicSection = function OrganicSection(_ref) {
16089
16088
  },
16090
16089
  "Avg donation": {
16091
16090
  value: "$".concat(formatNumber(130.58)),
16092
- subValue: "18% vs last month",
16091
+ subValue: "18% vs previous period",
16093
16092
  data: [110, 125, 120, 135, 130, 128, 130.58],
16094
16093
  categories: fallbackCategories,
16095
16094
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
@@ -16669,7 +16668,7 @@ var EmailTrendCard = function EmailTrendCard(_ref) {
16669
16668
  };
16670
16669
 
16671
16670
  var formatGrowth = function formatGrowth(value, dateName) {
16672
- return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs ").concat(dateName || "previous period");
16671
+ return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs previous period");
16673
16672
  };
16674
16673
  var mapTimeSeries = function mapTimeSeries(series) {
16675
16674
  if (!Array.isArray(series) || series.length === 0) {
@@ -16732,7 +16731,7 @@ var EmailSection = function EmailSection(_ref) {
16732
16731
  var bounceRateTrend = mapTimeSeries(apiData === null || apiData === void 0 ? void 0 : apiData.bounceRateTrend);
16733
16732
  var growthCaption = function growthCaption(key) {
16734
16733
  var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : overviewGrowth;
16735
- return formatGrowth(source[key], dateName);
16734
+ return formatGrowth(source[key]);
16736
16735
  };
16737
16736
  var metricInfo = useMemo(function () {
16738
16737
  var _overview$totalRevenu, _overview$totalDonati, _overview$conversionR, _overview$ctr, _overview$revenuePerE, _deliverability$openR, _deliverability$total, _deliverability$uniqu, _deliverability$bounc, _deliverability$reven;
@@ -16740,7 +16739,7 @@ var EmailSection = function EmailSection(_ref) {
16740
16739
  return {
16741
16740
  "Total raised": {
16742
16741
  value: "$".concat(formatNumber(48920)),
16743
- subValue: "12% vs last month",
16742
+ subValue: "12% vs previous period",
16744
16743
  icon: /*#__PURE__*/jsx(PaidOutlined, {}),
16745
16744
  money: true,
16746
16745
  error: false,
@@ -16748,7 +16747,7 @@ var EmailSection = function EmailSection(_ref) {
16748
16747
  },
16749
16748
  Donations: {
16750
16749
  value: "62",
16751
- subValue: "12% vs last month",
16750
+ subValue: "12% vs previous period",
16752
16751
  icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
16753
16752
  money: false,
16754
16753
  error: false,
@@ -16756,7 +16755,7 @@ var EmailSection = function EmailSection(_ref) {
16756
16755
  },
16757
16756
  "Conversion rate": {
16758
16757
  value: "3.2%",
16759
- subValue: "12% vs last month",
16758
+ subValue: "12% vs previous period",
16760
16759
  icon: /*#__PURE__*/jsx(Adjust, {}),
16761
16760
  money: false,
16762
16761
  error: false,
@@ -16764,7 +16763,7 @@ var EmailSection = function EmailSection(_ref) {
16764
16763
  },
16765
16764
  CTR: {
16766
16765
  value: "8.1%",
16767
- subValue: "12% vs last month",
16766
+ subValue: "12% vs previous period",
16768
16767
  icon: /*#__PURE__*/jsx(NotInterested, {}),
16769
16768
  money: false,
16770
16769
  error: false,
@@ -16772,7 +16771,7 @@ var EmailSection = function EmailSection(_ref) {
16772
16771
  },
16773
16772
  "Revenue per email": {
16774
16773
  value: "$".concat(formatNumber(2.45)),
16775
- subValue: "12% vs last month",
16774
+ subValue: "12% vs previous period",
16776
16775
  icon: /*#__PURE__*/jsx(IndeterminateCheckBoxOutlined, {}),
16777
16776
  money: true,
16778
16777
  error: false,
@@ -16780,7 +16779,7 @@ var EmailSection = function EmailSection(_ref) {
16780
16779
  },
16781
16780
  "Open rate": {
16782
16781
  value: "42.3%",
16783
- subValue: "12% vs last month",
16782
+ subValue: "12% vs previous period",
16784
16783
  icon: /*#__PURE__*/jsx(Email, {}),
16785
16784
  money: false,
16786
16785
  error: false,
@@ -16788,7 +16787,7 @@ var EmailSection = function EmailSection(_ref) {
16788
16787
  },
16789
16788
  Clicks: {
16790
16789
  value: "1,612",
16791
- subValue: "12% vs last month",
16790
+ subValue: "12% vs previous period",
16792
16791
  icon: /*#__PURE__*/jsx(NearMe, {}),
16793
16792
  money: false,
16794
16793
  error: false,
@@ -16796,7 +16795,7 @@ var EmailSection = function EmailSection(_ref) {
16796
16795
  },
16797
16796
  "Unique Clicks": {
16798
16797
  value: formatNumber(1148),
16799
- subValue: "12% vs last month",
16798
+ subValue: "12% vs previous period",
16800
16799
  icon: /*#__PURE__*/jsx(NearMe, {}),
16801
16800
  money: false,
16802
16801
  error: false,
@@ -16804,7 +16803,7 @@ var EmailSection = function EmailSection(_ref) {
16804
16803
  },
16805
16804
  "Bounce rate": {
16806
16805
  value: "1.8%",
16807
- subValue: "12% vs last month",
16806
+ subValue: "12% vs previous period",
16808
16807
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
16809
16808
  money: false,
16810
16809
  error: false,
@@ -16812,7 +16811,7 @@ var EmailSection = function EmailSection(_ref) {
16812
16811
  },
16813
16812
  "Revenue per Click": {
16814
16813
  value: "$".concat(formatNumber(30.35)),
16815
- subValue: "12% vs last month",
16814
+ subValue: "12% vs previous period",
16816
16815
  icon: /*#__PURE__*/jsx(HighlightOff, {}),
16817
16816
  money: true,
16818
16817
  error: false,