@ammarkhalidfarooq/dashboard-package 0.6.54 → 0.6.56

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.
Files changed (5) hide show
  1. package/dist/index.cjs.js +374 -21
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +375 -22
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { Suspense, lazy, useState, useRef, useEffect, useMemo } from 'react';
2
2
  import { Box, Button, Menu, MenuItem, Grid, Card, CardContent, Typography, IconButton, ThemeProvider, CircularProgress, Avatar, LinearProgress, Stack, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Skeleton } from '@mui/material';
3
- import { MoreHoriz, TrendingDown, TrendingUp, MoreVert, Check, InfoOutlined, Settings, Adjust, PaidOutlined, PeopleAltOutlined, FavoriteOutlined, PersonOutlined, IndeterminateCheckBoxOutlined, SearchOutlined, HighlightOff, NearMe, Email, NotInterested } from '@mui/icons-material';
3
+ import { MoreHoriz, TrendingDown, TrendingUp, MoreVert, Check, InfoOutlined, Settings, PeopleAltOutlined, PaidOutlined, PersonOutlined, IndeterminateCheckBoxOutlined, FavoriteOutlined, SearchOutlined, HighlightOff, Email } from '@mui/icons-material';
4
4
  import { createTheme, useTheme } from '@mui/material/styles';
5
5
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
6
6
  import Grid$1 from '@mui/material/Grid';
@@ -152,6 +152,26 @@ function _objectSpread2(e) {
152
152
  }
153
153
  return e;
154
154
  }
155
+ function _objectWithoutProperties(e, t) {
156
+ if (null == e) return {};
157
+ var o,
158
+ r,
159
+ i = _objectWithoutPropertiesLoose(e, t);
160
+ if (Object.getOwnPropertySymbols) {
161
+ var n = Object.getOwnPropertySymbols(e);
162
+ for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
163
+ }
164
+ return i;
165
+ }
166
+ function _objectWithoutPropertiesLoose(r, e) {
167
+ if (null == r) return {};
168
+ var t = {};
169
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
170
+ if (-1 !== e.indexOf(n)) continue;
171
+ t[n] = r[n];
172
+ }
173
+ return t;
174
+ }
155
175
  function _regenerator() {
156
176
  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
157
177
  var e,
@@ -16099,6 +16119,135 @@ var html2canvas_esm = /*#__PURE__*/Object.freeze({
16099
16119
  default: html2canvas
16100
16120
  });
16101
16121
 
16122
+ var _excluded$7 = ["size"];
16123
+ var AverageDonationIcon = function AverageDonationIcon(_ref) {
16124
+ var _ref$size = _ref.size,
16125
+ size = _ref$size === void 0 ? 30 : _ref$size,
16126
+ props = _objectWithoutProperties(_ref, _excluded$7);
16127
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
16128
+ xmlns: "http://www.w3.org/2000/svg",
16129
+ viewBox: "0 0 24 24",
16130
+ width: size,
16131
+ height: size,
16132
+ "aria-hidden": "true"
16133
+ }, props), {}, {
16134
+ children: [/*#__PURE__*/jsx("circle", {
16135
+ cx: "12",
16136
+ cy: "12",
16137
+ r: "12",
16138
+ fill: "#f1f3ff"
16139
+ }), /*#__PURE__*/jsxs("g", {
16140
+ fill: "#4e47e5",
16141
+ children: [/*#__PURE__*/jsx("path", {
16142
+ d: "M9.02,17.2c-.2.05-.27.39.02.47.3.09.57-.12.83-.11,1.39.05,2.62.58,3.91.72,1.65.17,3.28-1.43,4.8-1.99.47-.18,1.22-.48,1.7-.24.28.14.34.49.06.67-1.39.71-2.69,1.95-4.04,2.65-3.6,1.87-8.35-1.58-12.09-.22l-.73-2.8c2.25-.42,4.07-1.82,6.46-1.41.93.16,1.89.98,2.8,1.34.54.22,2.25.55,2.45.85.16.24-.13.54-.33.66-.75.43-2.86-.48-3.76-.6-.57.1-1.57-.13-2.07,0Z"
16143
+ }), /*#__PURE__*/jsx("path", {
16144
+ d: "M15.66,17.32s0-.27-.12-.43c-.38-.53-1.75-.64-2.41-.89-1.31-.49-2.39-1.59-3.92-1.62,0-1.55,1.08-3.16,2.24-4.13,1.32-1.12.97-.51,2.32-.48.52.01,1.31-.34,1.64-.19.81.36,2.4,2.38,2.74,3.23.29.71.68,2.28.28,2.96-.08.14-2.67,1.66-2.78,1.55ZM12.82,11.75c-1.27.28-.05,2.18.77,2.47.91.32,2.49-1.7,1.52-2.38-.56-.4-.94.12-1.23.13s-.49-.34-1.07-.21Z"
16145
+ }), /*#__PURE__*/jsx("path", {
16146
+ d: "M15.9,7.09c-.43,1.53-1.01,2.66-2.83,2.16-.66-.18-1.02-1.72-1.43-2.28,1.47-.46,2.77.55,4.26.12Z"
16147
+ }), /*#__PURE__*/jsx("path", {
16148
+ d: "M18.46,6.97c.39.37-1.47,1.17-1.58.67-.09-.4,1.41-.83,1.58-.67Z"
16149
+ }), /*#__PURE__*/jsx("path", {
16150
+ d: "M16.75,4.78c.18.18-.73,1.62-1.1,1.34-.32-.25.73-1.7,1.1-1.34Z"
16151
+ }), /*#__PURE__*/jsx("path", {
16152
+ d: "M14.03,4.06c.25.05.3,1.75-.16,1.72-.4-.02-.35-1.82.16-1.72Z"
16153
+ }), /*#__PURE__*/jsx("path", {
16154
+ d: "M9.4,6.99c.3-.1,1.46.3,1.38.65-.1.46-1.39-.15-1.58-.37-.03-.13.09-.25.2-.29Z"
16155
+ }), /*#__PURE__*/jsx("path", {
16156
+ d: "M12,6.12c-.34.26-1.44-1.2-.91-1.34.36-.09,1.19,1.13.91,1.34Z"
16157
+ })]
16158
+ })]
16159
+ }));
16160
+ };
16161
+ var avgDonationAvatarSx = {
16162
+ width: 30,
16163
+ height: 30,
16164
+ bgcolor: "transparent"
16165
+ };
16166
+
16167
+ var _excluded$6 = ["size"];
16168
+ var ConversionRateIcon = function ConversionRateIcon(_ref) {
16169
+ var _ref$size = _ref.size,
16170
+ size = _ref$size === void 0 ? 30 : _ref$size,
16171
+ props = _objectWithoutProperties(_ref, _excluded$6);
16172
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
16173
+ xmlns: "http://www.w3.org/2000/svg",
16174
+ viewBox: "0 0 24 24",
16175
+ width: size,
16176
+ height: size,
16177
+ "aria-hidden": "true"
16178
+ }, props), {}, {
16179
+ children: [/*#__PURE__*/jsx("circle", {
16180
+ cx: "12",
16181
+ cy: "12",
16182
+ r: "12",
16183
+ fill: "#f1f3ff"
16184
+ }), /*#__PURE__*/jsxs("g", {
16185
+ fill: "#4e47e5",
16186
+ children: [/*#__PURE__*/jsx("path", {
16187
+ d: "M18.15,6.72c.09.75-.16,1.23-.93,1.34l-3.9,4.34-.04,1.32-2.58.89v-2.18l-3.93-4.37c-.77-.11-1.02-.6-.93-1.34h12.31Z"
16188
+ }), /*#__PURE__*/jsx("path", {
16189
+ d: "M11.38,15.58c4.25-.51,5.64,4.94,2.16,6.64-2.76,1.35-5.78-1.26-4.91-4.21.35-1.18,1.5-2.28,2.75-2.43ZM12.33,16.52c-.17-.17-.51-.16-.67.02-.11.12-.08.3-.15.39-.04.05-.27.15-.36.24-.54.51-.66,1.17-.22,1.8.35.5.68.41,1.17.54.57.15.34,1.02-.26.83-.37-.12-.18-1.07-.88-.82-.54.19-.24.97.03,1.29.15.18.36.24.47.35.16.18.11.5.48.54.5.05.41-.32.6-.54.09-.1.3-.17.44-.32.64-.7.38-1.83-.51-2.14-.3-.11-.79-.03-.87-.39-.11-.53.46-.74.73-.44.15.16.08,1.02.77.71.55-.25.06-1.1-.25-1.39-.1-.09-.31-.18-.36-.24-.07-.09-.07-.31-.16-.41Z"
16190
+ }), /*#__PURE__*/jsx("path", {
16191
+ d: "M13.9,1.44c2.07-.33,2.87,2.63.92,3.39-2.39.92-3.4-2.99-.92-3.39Z"
16192
+ }), /*#__PURE__*/jsx("path", {
16193
+ d: "M18.15,14.61c.29-.16.44-.74.74-.81.37-.09.66.12.58.51-.03.12-1.26,1.8-1.41,1.93s-.34.18-.53.1c-.12-.05-1.49-1.89-1.51-2.02-.09-.52.29-.67.7-.44l.56.73v-3.12s.17-.26.22-.29c.22-.13.67,0,.67.22v3.19Z"
16194
+ }), /*#__PURE__*/jsx("path", {
16195
+ d: "M6.73,14.61l.56-.73c.41-.23.79-.07.7.44-.02.13-1.4,1.97-1.51,2.02-.12.06-.26.05-.38,0-.27-.09-1.32-1.71-1.56-2.04-.05-.4.18-.6.58-.51.3.07.45.65.74.81v-3.19c0-.23.45-.36.67-.22.04.03.22.26.22.29v3.12Z"
16196
+ }), /*#__PURE__*/jsx("path", {
16197
+ d: "M11.46,5.84h-3.35c.41-1.76,2.96-1.77,3.35,0Z"
16198
+ })]
16199
+ })]
16200
+ }));
16201
+ };
16202
+ var conversionRateAvatarSx = {
16203
+ width: 30,
16204
+ height: 30,
16205
+ bgcolor: "transparent"
16206
+ };
16207
+
16208
+ var _excluded$5 = ["size"];
16209
+ var NetRaisedIcon = function NetRaisedIcon(_ref) {
16210
+ var _ref$size = _ref.size,
16211
+ size = _ref$size === void 0 ? 30 : _ref$size,
16212
+ props = _objectWithoutProperties(_ref, _excluded$5);
16213
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
16214
+ xmlns: "http://www.w3.org/2000/svg",
16215
+ viewBox: "0 0 24 24",
16216
+ width: size,
16217
+ height: size,
16218
+ "aria-hidden": "true"
16219
+ }, props), {}, {
16220
+ children: [/*#__PURE__*/jsx("circle", {
16221
+ cx: "12",
16222
+ cy: "12",
16223
+ r: "12",
16224
+ fill: "#f1f3ff"
16225
+ }), /*#__PURE__*/jsxs("g", {
16226
+ fill: "#4e47e5",
16227
+ children: [/*#__PURE__*/jsx("path", {
16228
+ d: "M19.06,8.58s-.05.06-.05.09c-.08.3-.12.64-.19.94-.51,2.31-1.24,4.58-2.76,6.43-2.99,3.66-7.63,3.71-11.68,1.85-.4-.19-1.44-.67-1.73-.95-.51-.5-.15-1.34.53-1.34.3,0,1.3.63,1.65.8,1.88.89,4.06,1.43,6.14,1.02,4.28-.84,5.87-5.18,6.51-9.01l-1.92,2.29c-.63.55-1.57-.08-1.23-.88,1.23-1.46,2.4-3.02,3.67-4.45.26-.29.41-.51.85-.47.34.03.53.27.66.57l2.05,5.4c.28.93-.99,1.44-1.43.56l-1.06-2.85Z"
16229
+ }), /*#__PURE__*/jsx("path", {
16230
+ d: "M13.64,11.93c.01.07-.03.14-.03.21,0,.22.03.46.03.68.01,1.06,0,2.13,0,3.19-.38.34-.83.57-1.28.8v-4.87h1.29Z"
16231
+ }), /*#__PURE__*/jsx("path", {
16232
+ d: "M11.74,12.74v4.29c-.33.09-.66.2-.99.25-.08.01-.27.07-.29-.01v-4.52s1.28,0,1.28,0Z"
16233
+ }), /*#__PURE__*/jsx("path", {
16234
+ d: "M9.87,13.55v3.8c-.42.07-.86,0-1.29-.03v-3.77h1.29Z"
16235
+ }), /*#__PURE__*/jsx("path", {
16236
+ d: "M15.51,11.13v2.69c-.39.58-.76,1.19-1.29,1.66v-4.35h1.29Z"
16237
+ }), /*#__PURE__*/jsx("polygon", {
16238
+ points: "7.97 14.35 7.97 17.25 6.71 16.91 6.71 14.35"
16239
+ }), /*#__PURE__*/jsx("polygon", {
16240
+ points: "6.1 15.16 6.1 16.74 4.81 16.19 4.81 15.16"
16241
+ })]
16242
+ })]
16243
+ }));
16244
+ };
16245
+ var netRaisedAvatarSx = {
16246
+ width: 30,
16247
+ height: 30,
16248
+ bgcolor: "transparent"
16249
+ };
16250
+
16102
16251
  var CARD_BORDER = "1.5px solid #F1F1F5";
16103
16252
  var PANEL_BORDER = "1px solid #f0f0f0";
16104
16253
  var PANEL_SHADOW = "0 4px 24px rgba(0,0,0,0.06)";
@@ -16824,7 +16973,8 @@ var OverallSection = function OverallSection(_ref) {
16824
16973
  value: "$".concat(formatNumber(((_apiData$overviewStat5 = apiData === null || apiData === void 0 || (_apiData$overviewStat6 = apiData.overviewStats) === null || _apiData$overviewStat6 === void 0 || (_apiData$overviewStat6 = _apiData$overviewStat6.overview) === null || _apiData$overviewStat6 === void 0 ? void 0 : _apiData$overviewStat6.netRevenue) !== null && _apiData$overviewStat5 !== void 0 ? _apiData$overviewStat5 : 0).toFixed(2))),
16825
16974
  subValue: "".concat(Number((_apiData$overviewStat7 = apiData === null || apiData === void 0 || (_apiData$overviewStat8 = apiData.overviewStats) === null || _apiData$overviewStat8 === void 0 || (_apiData$overviewStat8 = _apiData$overviewStat8.overview.growthPercentage) === null || _apiData$overviewStat8 === void 0 ? void 0 : _apiData$overviewStat8.netRevenue) !== null && _apiData$overviewStat7 !== void 0 ? _apiData$overviewStat7 : 0).toFixed(2), "% vs pp\n "),
16826
16975
  label: "Net Raised",
16827
- icon: /*#__PURE__*/jsx(FavoriteOutlined, {}),
16976
+ icon: /*#__PURE__*/jsx(NetRaisedIcon, {}),
16977
+ avatarSx: netRaisedAvatarSx,
16828
16978
  money: true,
16829
16979
  error: false,
16830
16980
  warning: false
@@ -16842,7 +16992,8 @@ var OverallSection = function OverallSection(_ref) {
16842
16992
  value: "$".concat(formatNumber(((_apiData$overviewStat10 = apiData === null || apiData === void 0 || (_apiData$overviewStat11 = apiData.overviewStats) === null || _apiData$overviewStat11 === void 0 || (_apiData$overviewStat11 = _apiData$overviewStat11.overview) === null || _apiData$overviewStat11 === void 0 ? void 0 : _apiData$overviewStat11.overallAVGDonations) !== null && _apiData$overviewStat10 !== void 0 ? _apiData$overviewStat10 : 0).toFixed(2))),
16843
16993
  subValue: "".concat(Number((_apiData$overviewStat12 = apiData === null || apiData === void 0 || (_apiData$overviewStat13 = apiData.overviewStats) === null || _apiData$overviewStat13 === void 0 || (_apiData$overviewStat13 = _apiData$overviewStat13.overview.growthPercentage) === null || _apiData$overviewStat13 === void 0 ? void 0 : _apiData$overviewStat13.overallAVGDonations) !== null && _apiData$overviewStat12 !== void 0 ? _apiData$overviewStat12 : 0).toFixed(2), "% vs pp\n "),
16844
16994
  label: "Average Donation Amount",
16845
- icon: /*#__PURE__*/jsx(PaidOutlined, {}),
16995
+ icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
16996
+ avatarSx: avgDonationAvatarSx,
16846
16997
  money: true,
16847
16998
  error: false,
16848
16999
  warning: false
@@ -16860,7 +17011,8 @@ var OverallSection = function OverallSection(_ref) {
16860
17011
  value: "".concat(formatNumber(((_apiData$overviewStat14 = apiData === null || apiData === void 0 || (_apiData$overviewStat15 = apiData.overviewStats) === null || _apiData$overviewStat15 === void 0 || (_apiData$overviewStat15 = _apiData$overviewStat15.overview) === null || _apiData$overviewStat15 === void 0 ? void 0 : _apiData$overviewStat15.conversionRate) !== null && _apiData$overviewStat14 !== void 0 ? _apiData$overviewStat14 : 0).toFixed(2)), "%"),
16861
17012
  subValue: "".concat(((_apiData$overviewStat16 = apiData === null || apiData === void 0 || (_apiData$overviewStat17 = apiData.overviewStats) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.overview) === null || _apiData$overviewStat17 === void 0 || (_apiData$overviewStat17 = _apiData$overviewStat17.growthPercentage) === null || _apiData$overviewStat17 === void 0 ? void 0 : _apiData$overviewStat17.conversionRate) !== null && _apiData$overviewStat16 !== void 0 ? _apiData$overviewStat16 : 0).toFixed(2), "%") || "0%",
16862
17013
  label: "Conversion Rate",
16863
- icon: /*#__PURE__*/jsx(Adjust, {}),
17014
+ icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
17015
+ avatarSx: conversionRateAvatarSx,
16864
17016
  money: false,
16865
17017
  error: false,
16866
17018
  warning: false
@@ -16902,6 +17054,7 @@ var OverallSection = function OverallSection(_ref) {
16902
17054
  value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
16903
17055
  caption: metricInfo[title].subValue,
16904
17056
  icon: metricInfo[title].icon,
17057
+ avatarSx: metricInfo[title].avatarSx,
16905
17058
  error: metricInfo[title].error,
16906
17059
  active: activeMetric === title,
16907
17060
  onClick: function onClick() {
@@ -17295,7 +17448,8 @@ var PaidSection = function PaidSection(_ref) {
17295
17448
  subValue: "12% vs last month",
17296
17449
  chartLabel: "Conversion Rate",
17297
17450
  data: [2.8, 3.0, 2.9, 3.4, 3.2, 3.1, 3.1],
17298
- icon: /*#__PURE__*/jsx(Adjust, {}),
17451
+ icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
17452
+ avatarSx: conversionRateAvatarSx,
17299
17453
  money: false,
17300
17454
  error: false,
17301
17455
  warning: false
@@ -17305,7 +17459,8 @@ var PaidSection = function PaidSection(_ref) {
17305
17459
  subValue: "12% vs last month",
17306
17460
  chartLabel: "Average Donation",
17307
17461
  data: [120, 135, 125, 140, 130, 128, 130.58],
17308
- icon: /*#__PURE__*/jsx(PaidOutlined, {}),
17462
+ icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
17463
+ avatarSx: avgDonationAvatarSx,
17309
17464
  money: true,
17310
17465
  error: false,
17311
17466
  warning: false
@@ -17319,6 +17474,7 @@ var PaidSection = function PaidSection(_ref) {
17319
17474
  value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
17320
17475
  caption: metricInfo[title].subValue,
17321
17476
  icon: metricInfo[title].icon,
17477
+ avatarSx: metricInfo[title].avatarSx,
17322
17478
  error: metricInfo[title].error,
17323
17479
  active: activeMetric === title,
17324
17480
  onClick: function onClick() {
@@ -17638,7 +17794,8 @@ var OrganicSection = function OrganicSection(_ref) {
17638
17794
  subValue: "8.4% vs pp",
17639
17795
  data: [2.5, 2.7, 2.6, 3.1, 3.0, 2.9, 3.1],
17640
17796
  categories: fallbackCategories,
17641
- icon: /*#__PURE__*/jsx(Adjust, {}),
17797
+ icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
17798
+ avatarSx: conversionRateAvatarSx,
17642
17799
  money: false,
17643
17800
  warning: false,
17644
17801
  error: false
@@ -17658,7 +17815,8 @@ var OrganicSection = function OrganicSection(_ref) {
17658
17815
  subValue: "18% vs pp",
17659
17816
  data: [110, 125, 120, 135, 130, 128, 130.58],
17660
17817
  categories: fallbackCategories,
17661
- icon: /*#__PURE__*/jsx(PaidOutlined, {}),
17818
+ icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
17819
+ avatarSx: avgDonationAvatarSx,
17662
17820
  money: true,
17663
17821
  warning: false,
17664
17822
  error: false
@@ -17711,7 +17869,8 @@ var OrganicSection = function OrganicSection(_ref) {
17711
17869
  subValue: growthCaption("conversionRate"),
17712
17870
  data: conversionSeries.data,
17713
17871
  categories: conversionSeries.categories,
17714
- icon: /*#__PURE__*/jsx(Adjust, {}),
17872
+ icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
17873
+ avatarSx: conversionRateAvatarSx,
17715
17874
  money: false,
17716
17875
  warning: false,
17717
17876
  error: false
@@ -17731,7 +17890,8 @@ var OrganicSection = function OrganicSection(_ref) {
17731
17890
  subValue: growthCaption("overallAVGDonations"),
17732
17891
  data: avgDonationSeries.data,
17733
17892
  categories: avgDonationSeries.categories,
17734
- icon: /*#__PURE__*/jsx(PaidOutlined, {}),
17893
+ icon: /*#__PURE__*/jsx(AverageDonationIcon, {}),
17894
+ avatarSx: avgDonationAvatarSx,
17735
17895
  money: true,
17736
17896
  warning: false,
17737
17897
  error: false
@@ -17820,6 +17980,7 @@ var OrganicSection = function OrganicSection(_ref) {
17820
17980
  value: metricInfo[title].money ? metricInfo[title].value : metricInfo[title].value,
17821
17981
  caption: metricInfo[title].subValue,
17822
17982
  icon: metricInfo[title].icon,
17983
+ avatarSx: metricInfo[title].avatarSx,
17823
17984
  error: metricInfo[title].error,
17824
17985
  active: activeMetric === title,
17825
17986
  onClick: function onClick() {
@@ -18251,6 +18412,185 @@ var EmailTrendCard = function EmailTrendCard(_ref) {
18251
18412
  });
18252
18413
  };
18253
18414
 
18415
+ var _excluded$4 = ["size"];
18416
+ var ClicksIcon = function ClicksIcon(_ref) {
18417
+ var _ref$size = _ref.size,
18418
+ size = _ref$size === void 0 ? 30 : _ref$size,
18419
+ props = _objectWithoutProperties(_ref, _excluded$4);
18420
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
18421
+ xmlns: "http://www.w3.org/2000/svg",
18422
+ viewBox: "0 0 24 24",
18423
+ width: size,
18424
+ height: size,
18425
+ "aria-hidden": "true"
18426
+ }, props), {}, {
18427
+ children: [/*#__PURE__*/jsx("circle", {
18428
+ cx: "12",
18429
+ cy: "12",
18430
+ r: "12",
18431
+ fill: "#f1f3ff"
18432
+ }), /*#__PURE__*/jsx("path", {
18433
+ fill: "#4e47e5",
18434
+ d: "M8.67,3.89c1.47.96,5.13,4.83,6.65,6.32,2.68,2.62,2.05,3.43-1.42,4.38.14,1.83,3.51,5.26.32,5.86-2.26.42-2.08-3.82-3.14-4.46-.37-.22-3.44,2.15-4.06-.03l.2-11.77c.17-.93.83-.7,1.45-.29Z"
18435
+ })]
18436
+ }));
18437
+ };
18438
+ var clicksAvatarSx = {
18439
+ width: 30,
18440
+ height: 30,
18441
+ bgcolor: "transparent"
18442
+ };
18443
+
18444
+ var _excluded$3 = ["size"];
18445
+ var CtrIcon = function CtrIcon(_ref) {
18446
+ var _ref$size = _ref.size,
18447
+ size = _ref$size === void 0 ? 30 : _ref$size,
18448
+ props = _objectWithoutProperties(_ref, _excluded$3);
18449
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
18450
+ xmlns: "http://www.w3.org/2000/svg",
18451
+ viewBox: "0 0 24 24",
18452
+ width: size,
18453
+ height: size,
18454
+ "aria-hidden": "true"
18455
+ }, props), {}, {
18456
+ children: [/*#__PURE__*/jsx("circle", {
18457
+ cx: "12",
18458
+ cy: "12",
18459
+ r: "12",
18460
+ fill: "#f1f3ff"
18461
+ }), /*#__PURE__*/jsxs("g", {
18462
+ fill: "#4e47e5",
18463
+ children: [/*#__PURE__*/jsx("path", {
18464
+ d: "M11.91,6.57c.47,1.76-1.75,2.91-2.89,1.49-.78-.97-.19-2.54,1.05-2.69.83-.1,1.62.39,1.84,1.2Z"
18465
+ }), /*#__PURE__*/jsx("path", {
18466
+ d: "M12.26,15.63c-2.34.25-1.72,3.91.62,3.27,1.89-.51,1.36-3.48-.62-3.27Z"
18467
+ }), /*#__PURE__*/jsx("path", {
18468
+ d: "M20.62,14.28c-.13-.16-.13-.36-.01-.53.23-.33.77-.67,1-.99.02-.02.04-.03.03-.07l-4.07-1.39-1.19-.4.43,1.25,1.39,4.01,1.05-1.04c.16-.1.36-.1.51.03l1.53,1.53c.2-.39.38-.79.52-1.2l-1.19-1.19Z"
18469
+ }), /*#__PURE__*/jsx("path", {
18470
+ d: "M21.4,13.6c-.16.14-.33.29-.42.41l.98.99c.81-2.7.44-5.67-1.01-8.2C16.12-1.62,3.46.71,1.78,10.16c-1.6,9.03,8.56,15.57,16.07,10.41.21-.15.41-.31.62-.46,1.09-.75,2.23-2.45,2.23-2.45.13-.19.25-.38.36-.58l-1.57-1.57-1.49,1.46-2.36-6.81,6.36,2.17.06.23c.03.1.05.29-.11.47-.15.2-.35.38-.56.56ZM10,4.49c3.33-.31,3.59,4.59.45,4.79-3.15.21-3.44-4.51-.45-4.79ZM12.92,19.45c-3.39.65-3.97-4.52-.66-4.76,3.02-.22,3.5,4.22.66,4.76ZM17.19,6.58l-9.73,9.73c-.44.37-.99-.16-.64-.61l9.76-9.76c.05-.05.13-.08.19-.09.45-.07.68.4.42.73Z"
18471
+ }), /*#__PURE__*/jsx("path", {
18472
+ d: "M21.81,15.47c-.15.41-.32.81-.52,1.2l-1.53-1.53c-.15-.12-.35-.13-.51-.03l-1.05,1.04-1.39-4.01-.43-1.25,1.19.4,4.07,1.39s-.01.05-.03.07c-.23.33-.77.67-1,.99-.12.17-.12.37.01.53l1.19,1.19Z"
18473
+ })]
18474
+ })]
18475
+ }));
18476
+ };
18477
+ var ctrAvatarSx = {
18478
+ width: 30,
18479
+ height: 30,
18480
+ bgcolor: "transparent"
18481
+ };
18482
+
18483
+ var _excluded$2 = ["size"];
18484
+ var RevenuePerClickIcon = function RevenuePerClickIcon(_ref) {
18485
+ var _ref$size = _ref.size,
18486
+ size = _ref$size === void 0 ? 30 : _ref$size,
18487
+ props = _objectWithoutProperties(_ref, _excluded$2);
18488
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
18489
+ xmlns: "http://www.w3.org/2000/svg",
18490
+ viewBox: "0 0 24 24",
18491
+ width: size,
18492
+ height: size,
18493
+ "aria-hidden": "true"
18494
+ }, props), {}, {
18495
+ children: [/*#__PURE__*/jsx("circle", {
18496
+ cx: "12",
18497
+ cy: "12",
18498
+ r: "12",
18499
+ fill: "#f1f3ff"
18500
+ }), /*#__PURE__*/jsxs("g", {
18501
+ fill: "#4e47e5",
18502
+ children: [/*#__PURE__*/jsx("path", {
18503
+ d: "M21.48,13.53l-.86-.82s.02-.02.04-.03c.26-.24.42-.39.5-.51.13-.12.15-.25.15-.34,0-.21-.16-.33-.22-.38l-.07-.05-1.82-.48c0-.42.03-.33-.21-1.09-1.71-5.45-8.56-7.09-12.51-2.93-1.82,1.92-2.47,4.91-1.61,7.41,2,5.78,9.55,6.82,13.1,1.91l1.53,1.55c.06.06.02.12,0,.18-.12.24-.81.92-1.04,1.13C10.09,26.66-2.15,16.26,3.64,6.91,8.65-1.2,21.22,2.08,21.56,11.51c0,.18.04,1.93-.09,2.02Z"
18504
+ }), /*#__PURE__*/jsx("path", {
18505
+ d: "M17.85,10.56c-.29-1.26-.98-2.44-2.07-3.35-3.42-2.86-8.76-1.08-9.82,3.23-1.25,5.07,3.93,9.24,8.61,7,.45-.19,1.3-.9,1.64-1.2l-1.8-6.59,3.43.91ZM12.45,15.04v1.58h-1.24v-1.55c-.65-.27-1.4-.37-1.98-.82l.61-1.27c.55.42,2.18,1.06,2.77.61.26-.2.16-.56-.07-.74-.33-.26-1.37-.46-1.83-.64-.85-.35-1.3-.82-1.22-1.8.08-1.01.84-1.53,1.72-1.85v-1.41h1.24v1.44c.6.13,1.16.37,1.72.62l-.62,1.23c-.5-.32-2.02-.91-2.43-.34-.61.84,1.64,1.15,2.13,1.37,1.9.87,1.21,3.45-.79,3.57Z"
18506
+ }), /*#__PURE__*/jsx("path", {
18507
+ d: "M21.86,15.21l-1.89,1.89-2.14-2.12c-.13-.02-1.03,1.02-1.23,1.16l-.06-.23-1.55-5.67,2.94.78,1.29.34,1.61.43c.11.09.05.07,0,.14-.06.09-.28.3-.51.51-.29.27-.59.56-.58.64l2.12,2.14Z"
18508
+ })]
18509
+ })]
18510
+ }));
18511
+ };
18512
+ var revenuePerClickAvatarSx = {
18513
+ width: 30,
18514
+ height: 30,
18515
+ bgcolor: "transparent"
18516
+ };
18517
+
18518
+ var _excluded$1 = ["size"];
18519
+ var RevenuePerEmailIcon = function RevenuePerEmailIcon(_ref) {
18520
+ var _ref$size = _ref.size,
18521
+ size = _ref$size === void 0 ? 30 : _ref$size,
18522
+ props = _objectWithoutProperties(_ref, _excluded$1);
18523
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
18524
+ xmlns: "http://www.w3.org/2000/svg",
18525
+ viewBox: "0 0 24 24",
18526
+ width: size,
18527
+ height: size,
18528
+ "aria-hidden": "true"
18529
+ }, props), {}, {
18530
+ children: [/*#__PURE__*/jsx("circle", {
18531
+ cx: "12",
18532
+ cy: "12",
18533
+ r: "12",
18534
+ fill: "#f1f3ff"
18535
+ }), /*#__PURE__*/jsxs("g", {
18536
+ fill: "#4e47e5",
18537
+ children: [/*#__PURE__*/jsx("path", {
18538
+ d: "M19.63,6.12l-.02.11c-.17.15-.33.3-.5.45h-1.93v.94c-.74.14-1.38.52-1.79,1.08-.4.53-.56,1.18-.46,1.86-.93.87-1.86,1.74-2.81,2.6-.16.14-.46.45-.62.55-.19.12-.39.09-.55-.05L3.47,6.23l-.05-.11h16.21Z"
18539
+ }), /*#__PURE__*/jsx("path", {
18540
+ d: "M19.64,17.88H3.43s-.07-.05-.04-.07c1.66-1.79,3.3-3.61,5-5.38l.1.03c.48.47.94.97,1.42,1.43.27.25.59.62.95.72.42.12.86.02,1.2-.25.74-.57,1.41-1.43,2.14-1.99.04-.03.08-.07.13-.08.05,0,.47.43.55.51.02.02.03.04.05.05-.07.03-.13.07-.18.13-.11.14-.14.32-.11.66.02.18.05.36.06.43.25,1.14,1.14,1.96,2.46,2.28v.97h1.94v-.14c.07.08.14.16.22.24.05.06.35.37.36.39.02.04-.03.07-.04.07Z"
18541
+ }), /*#__PURE__*/jsx("path", {
18542
+ d: "M20.34,6.76v1.4c-.29-.21-.63-.37-1-.48l1-.92Z"
18543
+ }), /*#__PURE__*/jsx("path", {
18544
+ d: "M19.51,16.3c.3-.08.58-.21.83-.37v1.23l-.83-.86Z"
18545
+ }), /*#__PURE__*/jsx("path", {
18546
+ d: "M2.74,6.83l5.03,4.93c-1.62,1.81-3.3,3.59-4.95,5.38-.02.04-.07-.03-.07-.04V6.83Z"
18547
+ }), /*#__PURE__*/jsx("path", {
18548
+ d: "M21.14,12.94c-.16-.48-.45-.78-.8-1.01-.48-.3-1.07-.45-1.62-.67v-2.14c.71.1,1.13.64,1.15,1.34h1.22c0-.74-.28-1.36-.75-1.79-.36-.33-.82-.56-1.35-.66-.09-.02-.18-.03-.27-.04v-.9h-1.15v.9c-1.27.1-2.31,1-2.28,2.25,0,.15.02.3.05.45.04.19.11.36.21.51.41.66,1.27.97,2.02,1.14v2.5c-.78-.15-1.35-.79-1.34-1.6h-1.12c-.14,0-.03.65,0,.77.27,1.21,1.31,1.85,2.47,2.05v.9h1.15v-.9c.16,0,.32-.02.48-.06.42-.09.82-.27,1.15-.52.74-.57,1.14-1.49.8-2.51ZM17.56,11.04c-.61-.08-.96-.4-1.05-.75-.13-.49.23-1.06,1.05-1.17v1.92ZM18.72,14.88v-2.3c1.76.3,1.79,2.09,0,2.3Z"
18549
+ })]
18550
+ })]
18551
+ }));
18552
+ };
18553
+ var revenuePerEmailAvatarSx = {
18554
+ width: 30,
18555
+ height: 30,
18556
+ bgcolor: "transparent"
18557
+ };
18558
+
18559
+ var _excluded = ["size"];
18560
+ var UniqueClicksIcon = function UniqueClicksIcon(_ref) {
18561
+ var _ref$size = _ref.size,
18562
+ size = _ref$size === void 0 ? 30 : _ref$size,
18563
+ props = _objectWithoutProperties(_ref, _excluded);
18564
+ return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
18565
+ xmlns: "http://www.w3.org/2000/svg",
18566
+ viewBox: "0 0 24 24",
18567
+ width: size,
18568
+ height: size,
18569
+ "aria-hidden": "true"
18570
+ }, props), {}, {
18571
+ children: [/*#__PURE__*/jsx("circle", {
18572
+ cx: "12",
18573
+ cy: "12",
18574
+ r: "12",
18575
+ fill: "#f1f3ff"
18576
+ }), /*#__PURE__*/jsxs("g", {
18577
+ fill: "#4e47e5",
18578
+ children: [/*#__PURE__*/jsx("path", {
18579
+ d: "M16.11,16.86c.11.39.24.81.41,1.19-.1.02-.22.03-.35.04-3.82.27-7.97-.21-11.82,0-1.71.02-1.24-1.41-.85-2.5.54-1.56,1.73-3.12,3.14-3.98.17-.1.96-.53,1.1-.55.28-.05.52.19.78.28,1.07.36,1.9.45,3.01.15.11-.03.3-.11.49-.19l-.07,3.92.02.08c.22.76.76,1.19,1.53,1.19.67,0,1.4-.33,1.93-.57.09-.04.2-.09.29-.13.03.05.06.12.1.21.1.24.19.54.29.86Z"
18580
+ }), /*#__PURE__*/jsx("path", {
18581
+ d: "M12.95,4.19c-.19.04-.36.13-.49.27-.16.17-.27.4-.33.71v.05s-.09,4.98-.09,4.98c-.39.19-.84.33-1.35.38-5.23.5-5.62-7.26-.6-7.49,1.26-.06,2.22.4,2.86,1.11Z"
18582
+ }), /*#__PURE__*/jsx("path", {
18583
+ d: "M18.28,14.01c.12,1.54,2.94,4.41.27,4.91-.77.14-1.2-.36-1.5-1.04-.44-1-.6-2.39-1.13-2.71-.31-.19-2.88,1.8-3.41-.03l.07-4.07.02-1.23.08-4.56c.1-.52.37-.61.7-.51.16.05.34.15.52.26,1.23.81,4.3,4.05,5.58,5.3,2.25,2.2,1.72,2.87-1.19,3.67Z"
18584
+ })]
18585
+ })]
18586
+ }));
18587
+ };
18588
+ var uniqueClicksAvatarSx = {
18589
+ width: 30,
18590
+ height: 30,
18591
+ bgcolor: "transparent"
18592
+ };
18593
+
18254
18594
  var formatGrowth = function formatGrowth(value, dateName) {
18255
18595
  return "".concat(Number(value !== null && value !== void 0 ? value : 0).toFixed(2), "% vs pp");
18256
18596
  };
@@ -18343,7 +18683,8 @@ var EmailSection = function EmailSection(_ref) {
18343
18683
  "Conversion rate": {
18344
18684
  value: "3.2%",
18345
18685
  subValue: "12% vs pp",
18346
- icon: /*#__PURE__*/jsx(Adjust, {}),
18686
+ icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
18687
+ avatarSx: conversionRateAvatarSx,
18347
18688
  money: false,
18348
18689
  error: false,
18349
18690
  warning: false
@@ -18351,7 +18692,8 @@ var EmailSection = function EmailSection(_ref) {
18351
18692
  CTR: {
18352
18693
  value: "8.1%",
18353
18694
  subValue: "12% vs pp",
18354
- icon: /*#__PURE__*/jsx(NotInterested, {}),
18695
+ icon: /*#__PURE__*/jsx(CtrIcon, {}),
18696
+ avatarSx: ctrAvatarSx,
18355
18697
  money: false,
18356
18698
  error: false,
18357
18699
  warning: false
@@ -18359,7 +18701,8 @@ var EmailSection = function EmailSection(_ref) {
18359
18701
  "Revenue per email": {
18360
18702
  value: "$".concat(formatNumber(2.45)),
18361
18703
  subValue: "12% vs pp",
18362
- icon: /*#__PURE__*/jsx(IndeterminateCheckBoxOutlined, {}),
18704
+ icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
18705
+ avatarSx: revenuePerEmailAvatarSx,
18363
18706
  money: true,
18364
18707
  error: false,
18365
18708
  warning: false
@@ -18375,7 +18718,8 @@ var EmailSection = function EmailSection(_ref) {
18375
18718
  Clicks: {
18376
18719
  value: "1,612",
18377
18720
  subValue: "12% vs pp",
18378
- icon: /*#__PURE__*/jsx(NearMe, {}),
18721
+ icon: /*#__PURE__*/jsx(ClicksIcon, {}),
18722
+ avatarSx: clicksAvatarSx,
18379
18723
  money: false,
18380
18724
  error: false,
18381
18725
  warning: false
@@ -18383,7 +18727,8 @@ var EmailSection = function EmailSection(_ref) {
18383
18727
  "Unique Clicks": {
18384
18728
  value: formatNumber(1148),
18385
18729
  subValue: "12% vs pp",
18386
- icon: /*#__PURE__*/jsx(NearMe, {}),
18730
+ icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
18731
+ avatarSx: uniqueClicksAvatarSx,
18387
18732
  money: false,
18388
18733
  error: false,
18389
18734
  warning: false
@@ -18399,7 +18744,8 @@ var EmailSection = function EmailSection(_ref) {
18399
18744
  "Revenue per Click": {
18400
18745
  value: "$".concat(formatNumber(30.35)),
18401
18746
  subValue: "12% vs pp",
18402
- icon: /*#__PURE__*/jsx(HighlightOff, {}),
18747
+ icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
18748
+ avatarSx: revenuePerClickAvatarSx,
18403
18749
  money: true,
18404
18750
  error: false,
18405
18751
  warning: false
@@ -18426,7 +18772,8 @@ var EmailSection = function EmailSection(_ref) {
18426
18772
  "Conversion rate": {
18427
18773
  value: "".concat(Number((_overview$conversionR = overview.conversionRate) !== null && _overview$conversionR !== void 0 ? _overview$conversionR : 0).toFixed(2), "%"),
18428
18774
  subValue: growthCaption("conversionRate"),
18429
- icon: /*#__PURE__*/jsx(Adjust, {}),
18775
+ icon: /*#__PURE__*/jsx(ConversionRateIcon, {}),
18776
+ avatarSx: conversionRateAvatarSx,
18430
18777
  money: false,
18431
18778
  error: false,
18432
18779
  warning: false
@@ -18434,7 +18781,8 @@ var EmailSection = function EmailSection(_ref) {
18434
18781
  CTR: {
18435
18782
  value: "".concat(Number((_overview$ctr = overview.ctr) !== null && _overview$ctr !== void 0 ? _overview$ctr : 0).toFixed(2), "%"),
18436
18783
  subValue: growthCaption("ctr"),
18437
- icon: /*#__PURE__*/jsx(NotInterested, {}),
18784
+ icon: /*#__PURE__*/jsx(CtrIcon, {}),
18785
+ avatarSx: ctrAvatarSx,
18438
18786
  money: false,
18439
18787
  error: false,
18440
18788
  warning: false
@@ -18442,7 +18790,8 @@ var EmailSection = function EmailSection(_ref) {
18442
18790
  "Revenue per email": {
18443
18791
  value: "$".concat(formatNumber((_overview$revenuePerE = overview.revenuePerEmail) !== null && _overview$revenuePerE !== void 0 ? _overview$revenuePerE : 0)),
18444
18792
  subValue: growthCaption("revenuePerEmail"),
18445
- icon: /*#__PURE__*/jsx(IndeterminateCheckBoxOutlined, {}),
18793
+ icon: /*#__PURE__*/jsx(RevenuePerEmailIcon, {}),
18794
+ avatarSx: revenuePerEmailAvatarSx,
18446
18795
  money: true,
18447
18796
  error: false,
18448
18797
  warning: false
@@ -18458,7 +18807,8 @@ var EmailSection = function EmailSection(_ref) {
18458
18807
  Clicks: {
18459
18808
  value: formatNumber((_deliverability$total = deliverability.totalClicks) !== null && _deliverability$total !== void 0 ? _deliverability$total : 0),
18460
18809
  subValue: growthCaption("totalClicks", deliverabilityGrowth),
18461
- icon: /*#__PURE__*/jsx(NearMe, {}),
18810
+ icon: /*#__PURE__*/jsx(ClicksIcon, {}),
18811
+ avatarSx: clicksAvatarSx,
18462
18812
  money: false,
18463
18813
  error: false,
18464
18814
  warning: false
@@ -18466,7 +18816,8 @@ var EmailSection = function EmailSection(_ref) {
18466
18816
  "Unique Clicks": {
18467
18817
  value: formatNumber((_deliverability$uniqu = deliverability.uniqueClicks) !== null && _deliverability$uniqu !== void 0 ? _deliverability$uniqu : 0),
18468
18818
  subValue: growthCaption("uniqueClicks", deliverabilityGrowth),
18469
- icon: /*#__PURE__*/jsx(NearMe, {}),
18819
+ icon: /*#__PURE__*/jsx(UniqueClicksIcon, {}),
18820
+ avatarSx: uniqueClicksAvatarSx,
18470
18821
  money: false,
18471
18822
  error: false,
18472
18823
  warning: false
@@ -18482,7 +18833,8 @@ var EmailSection = function EmailSection(_ref) {
18482
18833
  "Revenue per Click": {
18483
18834
  value: "$".concat(formatNumber((_deliverability$reven = deliverability.revenuePerClick) !== null && _deliverability$reven !== void 0 ? _deliverability$reven : 0)),
18484
18835
  subValue: growthCaption("revenuePerClick", deliverabilityGrowth),
18485
- icon: /*#__PURE__*/jsx(HighlightOff, {}),
18836
+ icon: /*#__PURE__*/jsx(RevenuePerClickIcon, {}),
18837
+ avatarSx: revenuePerClickAvatarSx,
18486
18838
  money: true,
18487
18839
  error: false,
18488
18840
  warning: false
@@ -18534,6 +18886,7 @@ var EmailSection = function EmailSection(_ref) {
18534
18886
  value: metricInfo[title].value,
18535
18887
  caption: metricInfo[title].subValue,
18536
18888
  icon: metricInfo[title].icon,
18889
+ avatarSx: metricInfo[title].avatarSx,
18537
18890
  error: metricInfo[title].error,
18538
18891
  active: activeMetric === title,
18539
18892
  onClick: function onClick() {