@mx-cartographer/experiences 9.3.8-alpha.al0 → 9.4.0

package/dist/investments/components/allocation/InvestementAllocationList.es.js

@@ -3,18 +3,18 @@ import { useScreenSize as h } from "../../../common/hooks/useScreenSize.es.js";
 import { EmptyStateFooterComponent as _ } from "../EmptyStateFooterComponent.es.js";
 import { currencyDisplay as d, percentageDisplay as g } from "./util/createInvestementsAllocationData.es.js";
 import B from "react";
-import c from "@mui/material/Stack";
-import { Text as n } from "@mxenabled/mxui";
-import { Fragment as D, jsx as t, jsxs as i } from "react/jsx-runtime";
+import s from "@mui/material/Stack";
+import { Text as e } from "@mxenabled/mxui";
+import { Fragment as D, jsx as t, jsxs as n } from "react/jsx-runtime";
 import L from "@mui/material/Box";
 import j from "@mui/material/ToggleButton";
 import k from "@mui/material/ToggleButtonGroup";
-import s from "@mui/material/Divider";
+import c from "@mui/material/Divider";
 import u from "@mui/material/List";
 import x from "@mui/material/ListItem";
 import A from "@mui/material/ListItemButton";
-import E from "@mui/material/Collapse";
-var U = ({ data: p, onSelected: f, selectedId: e, selectedTabs: l, setSelectedTabs: y }) => {
+import F from "@mui/material/Collapse";
+var U = ({ data: p, onSelected: f, selectedId: i, selectedTabs: l, setSelectedTabs: y }) => {
   const b = (r, o) => {
     o !== null && y(o);
   }, { isMobile: v } = h(), { investments: { allocation: a } } = S(), C = [{
@@ -24,7 +24,7 @@ var U = ({ data: p, onSelected: f, selectedId: e, selectedTabs: l, setSelectedTa
     label: a.tabs_label_percent,
     value: 1
   }], m = !p?.investmentsData.length, { isSmallMobile: w } = h();
-  return /* @__PURE__ */ i(c, {
+  return /* @__PURE__ */ n(s, {
     sx: {
       mt: 15,
       gap: 12,
@@ -39,7 +39,7 @@ var U = ({ data: p, onSelected: f, selectedId: e, selectedTabs: l, setSelectedTa
         children: C.map(({ label: r, value: o }) => /* @__PURE__ */ t(j, {
           color: "primary",
           value: o,
-          children: /* @__PURE__ */ t(n, {
+          children: /* @__PURE__ */ t(e, {
             bold: !0,
             textTransform: "capitalize",
             variant: "body1",
@@ -49,13 +49,13 @@ var U = ({ data: p, onSelected: f, selectedId: e, selectedTabs: l, setSelectedTa
       }),
       /* @__PURE__ */ t(u, {
         sx: { px: 12 },
-        children: p.investmentsData.map((r) => /* @__PURE__ */ i(B.Fragment, { children: [
+        children: p.investmentsData.map((r) => /* @__PURE__ */ n(B.Fragment, { children: [
           /* @__PURE__ */ t(x, {
             disableGutters: !0,
             disablePadding: !0,
             sx: { minHeight: 44 },
-            children: /* @__PURE__ */ i(A, {
-              "aria-expanded": e === r.guid,
+            children: /* @__PURE__ */ n(A, {
+              "aria-expanded": i === r.guid,
               onClick: () => f(r.guid),
               sx: {
                 minHeight: 44,
@@ -71,44 +71,44 @@ var U = ({ data: p, onSelected: f, selectedId: e, selectedTabs: l, setSelectedTa
                   mr: 8
                 },
                 width: 8
-              }), /* @__PURE__ */ i(c, {
+              }), /* @__PURE__ */ n(s, {
                 alignItems: "center",
                 direction: "row",
                 justifyContent: "space-between",
                 width: "100%",
-                children: [/* @__PURE__ */ t(n, {
-                  bold: e === r.guid,
+                children: [/* @__PURE__ */ t(e, {
+                  bold: i === r.guid,
                   children: r.displayName
-                }), /* @__PURE__ */ t(n, {
-                  bold: e === r.guid,
+                }), /* @__PURE__ */ t(e, {
+                  bold: i === r.guid,
                   variant: "body1",
                   children: l === 0 ? d(r.value) : g(r.percentage)
                 })]
               })]
             })
           }),
-          /* @__PURE__ */ t(s, {}),
-          r.holdings && r.holdings.length > 0 && /* @__PURE__ */ t(E, {
-            in: e === r.guid,
+          /* @__PURE__ */ t(c, {}),
+          r.holdings && r.holdings.length > 0 && /* @__PURE__ */ t(F, {
+            in: i === r.guid,
             unmountOnExit: !0,
-            children: /* @__PURE__ */ i(u, { children: [r?.holdings?.map((o) => /* @__PURE__ */ t(x, {
+            children: /* @__PURE__ */ n(u, { children: [r?.holdings?.map((o) => /* @__PURE__ */ t(x, {
               sx: {
                 pl: 24,
                 pr: 8,
                 py: 0
               },
-              children: /* @__PURE__ */ i(c, {
+              children: /* @__PURE__ */ n(s, {
                 direction: "row",
                 justifyContent: "space-between",
                 width: "100%",
-                children: [/* @__PURE__ */ i(n, { children: [o.displayName, " "] }), /* @__PURE__ */ t(n, { children: l === 0 ? d(o.value) : g(o.percentage) })]
+                children: [/* @__PURE__ */ n(e, { children: [o.displayName, " "] }), /* @__PURE__ */ t(e, { children: l === 0 ? d(o.value) : g(o.percentage) })]
               })
-            }, o.displayName)), /* @__PURE__ */ t(s, {})] })
+            }, o.displayName)), /* @__PURE__ */ t(c, {})] })
           })
         ] }, r.guid))
       }),
-      m ? /* @__PURE__ */ i(D, { children: [
-        /* @__PURE__ */ t(n, {
+      m ? /* @__PURE__ */ n(D, { children: [
+        /* @__PURE__ */ t(e, {
           sx: {
             color: "secondary.main",
             p: 8,
@@ -116,9 +116,9 @@ var U = ({ data: p, onSelected: f, selectedId: e, selectedTabs: l, setSelectedTa
           },
           children: a.empty_data
         }),
-        /* @__PURE__ */ t(s, {}),
+        /* @__PURE__ */ t(c, {}),
         /* @__PURE__ */ t(_, { sx: { ".inner-container": { width: w ? "100%" : 364 } } })
-      ] }) : l === 0 && /* @__PURE__ */ t(n, {
+      ] }) : l === 0 && /* @__PURE__ */ t(e, {
         bold: !0,
         sx: {
           textAlign: "right",

package/dist/microinsights/MicroCardTemplate.es.js

@@ -2,9 +2,9 @@ import M from "react";
 import { P as b, Text as m } from "@mxenabled/mxui";
 import { Close as T } from "@mxenabled/mx-icons";
 import { Fragment as W, jsx as t, jsxs as e } from "react/jsx-runtime";
-import { Box as j, Button as u, Card as I, CardActionArea as S, IconButton as H, Stack as i } from "@mui/material";
-var $ = M.forwardRef(function({ ariaLabel: f, closeAriaLabel: w, description: v, elevation: P, icon: r, isActiveCard: l, heightOverrides: k, onClose: p, onCardClick: n, onPrimaryAction: s, onSecondaryAction: h, primaryActionText: d, secondaryActionText: c, title: y, variant: C, widthOverrides: x, ...B }, D) {
-  const a = !!(s && d), g = /* @__PURE__ */ e(W, { children: [p && /* @__PURE__ */ t(H, {
+import { Box as j, Button as u, Card as I, CardActionArea as S, IconButton as F, Stack as i } from "@mui/material";
+var O = M.forwardRef(function({ ariaLabel: f, closeAriaLabel: w, description: v, elevation: P, icon: r, isActiveCard: l, heightOverrides: k, onClose: p, onCardClick: n, onPrimaryAction: s, onSecondaryAction: h, primaryActionText: d, secondaryActionText: c, title: y, variant: C, widthOverrides: x, ...B }, D) {
+  const a = !!(s && d), g = /* @__PURE__ */ e(W, { children: [p && /* @__PURE__ */ t(F, {
     "aria-label": w,
     onClick: (o) => {
       o.stopPropagation(), p?.();
@@ -153,7 +153,7 @@ var $ = M.forwardRef(function({ ariaLabel: f, closeAriaLabel: w, description: v,
   });
 });
 export {
-  $ as default
+  O as default
 };
 
 //# sourceMappingURL=MicroCardTemplate.es.js.map

package/dist/microinsights/carousel/BeatList.es.js

@@ -1,21 +1,21 @@
-import { buildDynamicCopy as $ } from "../../core/utils/Localization.es.js";
+import { buildDynamicCopy as C } from "../../core/utils/Localization.es.js";
 import { useCopyStore as M } from "../context/hooks.es.js";
 import { InsightCard as w } from "../cards/InsightCard.es.js";
 import x from "../cards/ViewMoreMicroCard.es.js";
 import "react";
 import { Fragment as D, jsx as c, jsxs as L } from "react/jsx-runtime";
-var F = ({ activeCardIndex: t, beats: r, cardWidth: e, elevation: m, heightOverrides: l, onCardClick: s, posthog: p, showIcon: a, variant: d }) => {
-  const { carouselCopy: _ } = M(), n = {
+var T = ({ activeCardIndex: t, beats: r, cardWidth: e, elevation: m, heightOverrides: a, onCardClick: s, posthog: l, showIcon: p, variant: d }) => {
+  const { carouselCopy: g } = M(), n = {
     elevation: m,
-    heightOverrides: l,
-    posthog: p,
-    showIcon: a,
+    heightOverrides: a,
+    posthog: l,
+    showIcon: p,
     variant: d
   };
   return /* @__PURE__ */ L(D, { children: [r.map((i, o) => {
-    const g = o + 1, u = r.length + 1, h = $(_?.card_position_in_carousel_aria, g.toString(), u.toString()), f = i.micro_title && i.micro_title.length > 0, v = i.micro_description && i.micro_description.length > 0, y = f ? i.micro_title : i.title, C = v ? i.micro_description : i.description;
+    const _ = o + 1, u = r.length + 1, h = C(g?.card_position_in_carousel_aria, _.toString(), u.toString()), f = i.micro_title && i.micro_title.length > 0, v = i.micro_description && i.micro_description.length > 0, $ = f ? i.micro_title : i.title, y = v ? i.micro_description : i.description;
     return /* @__PURE__ */ c(w, {
-      ariaLabel: `${h}: ${y}, ${C}`,
+      ariaLabel: `${h}: ${$}, ${y}`,
       beat: i,
       index: o,
       isActiveCard: o === t,
@@ -31,7 +31,7 @@ var F = ({ activeCardIndex: t, beats: r, cardWidth: e, elevation: m, heightOverr
   })] });
 };
 export {
-  F as default
+  T as default
 };
 
 //# sourceMappingURL=BeatList.es.js.map

package/dist/networth/NetWorthWidget.es.js

@@ -6,8 +6,8 @@ import v from "../common/components/Loader.es.js";
 import { WidgetContainer as A } from "../common/components/WidgetContainer.es.js";
 import { EmptyState as M } from "../common/components/EmptyState.es.js";
 import k from "../accounts/components/ConnectionsDrawer.es.js";
-import O from "./components/NetWorthChart.es.js";
-import F from "./components/NetWorthList.es.js";
+import F from "./components/NetWorthChart.es.js";
+import O from "./components/NetWorthList.es.js";
 import G from "./components/NetWorthSummary.es.js";
 import l from "react";
 import { observer as j } from "mobx-react-lite";
@@ -16,12 +16,12 @@ import { Fragment as K, jsx as t, jsxs as s } from "react/jsx-runtime";
 import V from "@mui/material/Box";
 import { differenceInMonths as z } from "date-fns";
 var st = j(({ onBackClick: h, onMenuClick: p }) => {
-  const { isInitialized: C } = L(), { accounts: _, net_worth: e } = D(), { hoveredData: u, isNetWorthDataLoaded: a, loadNetWorthData: W, netWorthChartData: g, selectedData: m, setTimeframe: T } = b(), { isMobile: o } = R(), { onEvent: r } = I(), [E, c] = l.useState(!1);
+  const { isInitialized: C } = L(), { accounts: _, net_worth: e } = D(), { hoveredData: u, isNetWorthDataLoaded: a, loadNetWorthData: g, netWorthChartData: W, selectedData: m, setTimeframe: T } = b(), { isMobile: o } = R(), { onEvent: r } = I(), [E, c] = l.useState(!1);
   x({
     widgetName: "NetWorthWidget",
     isLoaded: a
   }), l.useEffect(() => {
-    a || W().finally(), r(i.NET_WORTH_VIEW);
+    a || g().finally(), r(i.NET_WORTH_VIEW);
   }, []);
   const N = async (n) => {
     const d = n[0], f = n[1];
@@ -32,7 +32,7 @@ var st = j(({ onBackClick: h, onMenuClick: p }) => {
     c(!0), r(i.ACCOUNTS_CLICK_CONNECT);
   };
   if (!C || !a) return /* @__PURE__ */ t(v, {});
-  const y = g.length === 0;
+  const y = W.length === 0;
   return /* @__PURE__ */ s(A, {
     calendarActions: {
       onRangeChanged: N,
@@ -63,7 +63,7 @@ var st = j(({ onBackClick: h, onMenuClick: p }) => {
       alignItems: o ? "center" : "flex-start",
       direction: o ? "column" : "row",
       spacing: o ? 0 : 48,
-      children: [/* @__PURE__ */ t(O, {}), /* @__PURE__ */ t(F, {})]
+      children: [/* @__PURE__ */ t(F, {}), /* @__PURE__ */ t(O, {})]
     })] }), /* @__PURE__ */ t(k, {
       onClose: () => c(!1),
       showConnectionsWidget: E,

package/dist/networth/components/AssetsLiabilitiesDetail.es.js

@@ -150,9 +150,9 @@ var T = ({ accounts: i, name: a, icon: n }) => {
     }),
     /* @__PURE__ */ t(v, { groupedAccounts: x(n) })
   ] })] });
-}, Y = _(W);
+}, X = _(W);
 export {
-  Y as default
+  X as default
 };
 
 //# sourceMappingURL=AssetsLiabilitiesDetail.es.js.map

package/dist/networth/components/GainsLossesDetail.es.js

@@ -4,7 +4,7 @@ import { CurrencyText as a } from "../../common/components/CurrencyText.es.js";
 import v from "./NetWorthChange.es.js";
 import p from "react";
 import { observer as w } from "mobx-react-lite";
-import i from "@mui/material/Stack";
+import n from "@mui/material/Stack";
 import { Text as o } from "@mxenabled/mxui";
 import { Fragment as C, jsx as t, jsxs as e } from "react/jsx-runtime";
 import { useTheme as j } from "@mui/material/styles";
@@ -14,8 +14,8 @@ import l from "@mui/material/ListItem";
 import m from "@mui/material/ListItemText";
 import h from "@mui/material/ListSubheader";
 var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) => {
-  const { net_worth: s } = y(), n = j();
-  return /* @__PURE__ */ e(C, { children: [/* @__PURE__ */ e(i, {
+  const { net_worth: s } = y(), i = j();
+  return /* @__PURE__ */ e(C, { children: [/* @__PURE__ */ e(n, {
     alignItems: "center",
     justifyContent: "space-between",
     mb: 8,
@@ -33,7 +33,7 @@ var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) =>
         currencyVariant: "h1",
         iconSize: 32,
         netWorth: c,
-        theme: n
+        theme: i
       })
     ]
   }), /* @__PURE__ */ e(k, { children: [
@@ -43,7 +43,7 @@ var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) =>
         mt: 12,
         mx: 8
       },
-      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(i, {
+      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(n, {
         direction: "row",
         justifyContent: "space-between",
         children: [/* @__PURE__ */ t(o, {
@@ -59,11 +59,11 @@ var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) =>
     }),
     f?.map((r) => /* @__PURE__ */ e(p.Fragment, { children: [/* @__PURE__ */ t(l, {
       sx: {
-        backgroundColor: n.palette.background.paper,
+        backgroundColor: i.palette.background.paper,
         py: 14
       },
       children: /* @__PURE__ */ t(m, {
-        primary: /* @__PURE__ */ e(i, {
+        primary: /* @__PURE__ */ e(n, {
           direction: "row",
           justifyContent: "space-between",
           children: [/* @__PURE__ */ t(o, {
@@ -73,7 +73,7 @@ var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) =>
           }), /* @__PURE__ */ t(a, {
             amount: r.gain,
             sx: {
-              color: n.palette.success.main,
+              color: i.palette.success.main,
               flexShrink: 0,
               fontWeight: 700
             },
@@ -89,7 +89,7 @@ var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) =>
         mt: 12,
         mx: 8
       },
-      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(i, {
+      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(n, {
         direction: "row",
         justifyContent: "space-between",
         children: [/* @__PURE__ */ t(o, {
@@ -105,11 +105,11 @@ var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) =>
     }),
     u?.map((r) => /* @__PURE__ */ e(p.Fragment, { children: [/* @__PURE__ */ t(l, {
       sx: {
-        backgroundColor: n.palette.background.paper,
+        backgroundColor: i.palette.background.paper,
         py: 14
       },
       children: /* @__PURE__ */ t(m, {
-        primary: /* @__PURE__ */ e(i, {
+        primary: /* @__PURE__ */ e(n, {
           direction: "row",
           justifyContent: "space-between",
           children: [/* @__PURE__ */ t(o, {
@@ -129,9 +129,9 @@ var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) =>
       })
     }), /* @__PURE__ */ t(d, {})] }, r.accountName))
   ] })] });
-}, A = w(L);
+}, q = w(L);
 export {
-  A as default
+  q as default
 };
 
 //# sourceMappingURL=GainsLossesDetail.es.js.map

package/dist/notifications/components/NotificationDrawer.es.js

@@ -8,9 +8,9 @@ import { observer as b } from "mobx-react-lite";
 import { Settings as w } from "@mxenabled/mx-icons";
 import { Fragment as L, jsx as t, jsxs as r } from "react/jsx-runtime";
 import x from "@mui/material/IconButton";
-var F = b(({ notificationTypes: e, isOpen: a, onClose: l, onNotificationClick: f }) => {
-  const { config: c } = g(), { notifications: o, settings: s } = _(), { isCopyLoaded: p } = u(), [m, i] = C.useState(!1);
-  return p ? /* @__PURE__ */ r(L, { children: [/* @__PURE__ */ r(n, {
+var B = b(({ notificationTypes: e, isOpen: a, onClose: l, onNotificationClick: f }) => {
+  const { config: c } = g(), { notifications: o, settings: s } = _(), { isCopyLoaded: m } = u(), [p, i] = C.useState(!1);
+  return m ? /* @__PURE__ */ r(L, { children: [/* @__PURE__ */ r(n, {
     ariaLabelClose: o.close_notifications,
     isOpen: a,
     onClose: l,
@@ -31,7 +31,7 @@ var F = b(({ notificationTypes: e, isOpen: a, onClose: l, onNotificationClick: f
     })]
   }), /* @__PURE__ */ t(n, {
     ariaLabelClose: o.close_notification_settings,
-    isOpen: m,
+    isOpen: p,
     onClose: () => i(!1),
     title: s.notification_settings_title,
     children: /* @__PURE__ */ t(S, {
@@ -41,7 +41,7 @@ var F = b(({ notificationTypes: e, isOpen: a, onClose: l, onNotificationClick: f
   })] }) : /* @__PURE__ */ t(d, {});
 });
 export {
-  F as NotificationDrawer
+  B as NotificationDrawer
 };
 
 //# sourceMappingURL=NotificationDrawer.es.js.map

package/dist/notifications/components/NotificationList.es.js

@@ -7,39 +7,39 @@ import w from "./NotificationCard.es.js";
 import { NotificationEmptyState as D } from "./NotificationsEmptyState.es.js";
 import { useEffect as I } from "react";
 import { observer as S } from "mobx-react-lite";
-import { Fragment as k, jsx as t, jsxs as r } from "react/jsx-runtime";
+import { Fragment as k, jsx as i, jsxs as r } from "react/jsx-runtime";
 import s from "@mui/material/Box";
 import C from "@mui/material/Divider";
 import T from "@mui/material/List";
 var j = ({ notificationTypes: a, onClick: n, onManageNotifications: m }) => {
-  const { isLoading: f, loadNotifications: c, markAllAsViewed: l, recentNotifications: d } = v(), { isInitialized: p } = g(), h = (i) => {
-    n?.(i);
+  const { isLoading: f, loadNotifications: c, markAllAsViewed: l, recentNotifications: d } = v(), { isInitialized: p } = g(), h = (t) => {
+    n?.(t);
   };
   I(() => {
     c().then(() => l()).finally();
   }, []);
   const u = a?.includes(x.Insights);
-  if (!p || f) return /* @__PURE__ */ t(_, {});
-  const o = d.slice().sort((i, e) => e.delivered_at - i.delivered_at).filter((i) => u ? y().has(i.notification_type) : !0);
-  return /* @__PURE__ */ r(k, { children: [o.length === 0 && /* @__PURE__ */ t(D, { onManageNotifications: m }), /* @__PURE__ */ t(T, {
+  if (!p || f) return /* @__PURE__ */ i(_, {});
+  const o = d.slice().sort((t, e) => e.delivered_at - t.delivered_at).filter((t) => u ? y().has(t.notification_type) : !0);
+  return /* @__PURE__ */ r(k, { children: [o.length === 0 && /* @__PURE__ */ i(D, { onManageNotifications: m }), /* @__PURE__ */ i(T, {
     sx: { p: 16 },
-    children: o.map((i, e) => {
+    children: o.map((t, e) => {
       const N = L(e, o);
       return /* @__PURE__ */ r(s, {
         sx: { mb: 12 },
         children: [N && /* @__PURE__ */ r(s, {
           sx: { mb: 12 },
-          children: [/* @__PURE__ */ t(b, { date: i.delivered_at }), /* @__PURE__ */ t(C, {})]
-        }), /* @__PURE__ */ t(w, {
-          notification: i,
+          children: [/* @__PURE__ */ i(b, { date: t.delivered_at }), /* @__PURE__ */ i(C, {})]
+        }), /* @__PURE__ */ i(w, {
+          notification: t,
           onClick: h
         })]
-      }, i.guid);
+      }, t.guid);
     })
   })] });
-}, O = S(j);
+}, M = S(j);
 export {
-  O as default
+  M as default
 };
 
 //# sourceMappingURL=NotificationList.es.js.map

package/dist/recurringtransactions/components/MicroWidgetContent.es.js

@@ -4,51 +4,51 @@ import { formatCurrency as D } from "../../core/utils/NumberFormatting.es.js";
 import { useDimensions as M } from "../../common/hooks/useDimensions.es.js";
 import { RecurrenceLegend as y } from "./micro/RecurrenceLegend.es.js";
 import { OverlappingMerchantLogos as E } from "./micro/OverlappingMerchantLogos.es.js";
-import { MerchantLogosRow as j } from "./micro/MerchantLogosRow.es.js";
+import { MerchantLogosRow as $ } from "./micro/MerchantLogosRow.es.js";
 import g from "react";
-import { observer as $ } from "mobx-react-lite";
+import { observer as j } from "mobx-react-lite";
 import n from "@mui/material/Stack";
 import { P as F, Text as I } from "@mxenabled/mxui";
 import { Fragment as O, jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useTheme as k } from "@mui/material/styles";
-var V = $(() => {
-  const c = k(), [f, { width: u }] = M(), { upcomingRecurrences: m, expenseTotal: r, missedExpenseTotal: i, paidExpenseTotal: l, upcomingExpenseTotal: x } = v(), { recurring: s } = T(), t = u <= 288, h = u >= 450, d = 32, b = m.length > 0, p = g.useMemo(() => D(r, r === 0 ? "0,0" : "0,0.00"), [r]), w = g.useMemo(() => {
+var V = j(() => {
+  const c = k(), [f, { width: u }] = M(), { upcomingRecurrences: m, expenseTotal: r, missedExpenseTotal: s, paidExpenseTotal: l, upcomingExpenseTotal: x } = v(), { recurring: i } = T(), t = u <= 288, h = u >= 450, d = 32, b = m.length > 0, p = g.useMemo(() => D(r, r === 0 ? "0,0" : "0,0.00"), [r]), w = g.useMemo(() => {
     const o = [{
       color: c.palette.success.main,
       percentage: `${l / r}`
     }];
-    return i && o.push({
+    return s && o.push({
       color: c.palette.error.main,
-      percentage: `${i / r}`
+      percentage: `${s / r}`
     }), o;
   }, [
     l,
     r,
-    i,
+    s,
     c.palette.success.main,
     c.palette.error.main
   ]), S = () => b ? t ? /* @__PURE__ */ e(E, {
     logoSize: d,
     maxLogos: 3,
     upcomingRecurrences: m.slice(0, 3)
-  }) : /* @__PURE__ */ e(j, {
+  }) : /* @__PURE__ */ e($, {
     maxLogos: 3,
     upcomingRecurrences: m.slice(0, 3)
   }) : /* @__PURE__ */ e(n, { sx: { width: t ? 64 : 104 } }), L = [
     {
       amount: l,
       bgColor: "success.main",
-      label: s.paid
+      label: i.paid
     },
     {
-      amount: i,
+      amount: s,
       bgColor: "error.main",
-      label: s.missed
+      label: i.missed
     },
     {
       amount: x,
       bgColor: "neutral.light",
-      label: s.upcoming
+      label: i.upcoming
     }
   ];
   return /* @__PURE__ */ a(O, { children: [/* @__PURE__ */ a(n, {
@@ -74,7 +74,7 @@ var V = $(() => {
       }), /* @__PURE__ */ e(F, {
         sx: { pr: 12 },
         variant: "caption",
-        children: s.expected
+        children: i.expected
       })]
     }), S()]
   }), /* @__PURE__ */ a(n, {

package/dist/recurringtransactions/components/RecurrenceRow.es.js

@@ -13,8 +13,8 @@ import { Fragment as P, jsx as i, jsxs as o } from "react/jsx-runtime";
 import B from "@mui/material/ListItem";
 import N from "@mui/material/ListItemButton";
 import j from "@mui/material/ListItemText";
-import U from "@mui/material/ListItemAvatar";
-var z = (t) => {
+import F from "@mui/material/ListItemAvatar";
+var U = (t) => {
   if (t.type === x.Income) return /* @__PURE__ */ i(v, {});
   switch (t.status) {
     case a.Missed:
@@ -24,7 +24,7 @@ var z = (t) => {
     default:
       return /* @__PURE__ */ i(R, {});
   }
-}, F = (t, e) => {
+}, z = (t, e) => {
   switch (t.status) {
     case a.Paid:
       return t.expectedDate ? m(e.paid_on, c(t.occurredOnDate || t.expectedDate, l.MONTH_DAY)) : e.paid;
@@ -46,7 +46,7 @@ var z = (t) => {
       onClick: () => {
         w(t);
       },
-      children: [/* @__PURE__ */ i(U, { children: /* @__PURE__ */ i(k, {
+      children: [/* @__PURE__ */ i(F, { children: /* @__PURE__ */ i(k, {
         categoryGuid: t.categoryGuid,
         merchantGuid: t.merchantGuid
       }) }), /* @__PURE__ */ i(j, { children: /* @__PURE__ */ o(s, {
@@ -71,9 +71,9 @@ var z = (t) => {
             children: e ? /* @__PURE__ */ o(s, {
               direction: "row",
               gap: 4,
-              children: [z(t), /* @__PURE__ */ i(r, {
+              children: [U(t), /* @__PURE__ */ i(r, {
                 variant: "caption",
-                children: F(t, n)
+                children: z(t, n)
               })]
             }) : /* @__PURE__ */ o(P, { children: [t.institutionGuid && /* @__PURE__ */ i(S, {
               alt: "",

package/dist/recurringtransactions/components/RecurringStatus.es.js

@@ -9,8 +9,8 @@ import { Text as o } from "@mxenabled/mxui";
 import { Fragment as S, jsx as r, jsxs as n } from "react/jsx-runtime";
 import { useTheme as $ } from "@mui/material/styles";
 import s from "@mui/material/Box";
-var I = C(({ expected: t, isExpense: h = !0, missed: e, paid: a, title: p, total: b, upcoming: f }) => {
-  const u = $(), { isSmallMobile: c } = w(), { recurring: m } = y(), g = x.useMemo(() => {
+var I = C(({ expected: t, isExpense: h = !0, missed: e, paid: a, title: p, total: b, upcoming: g }) => {
+  const u = $(), { isSmallMobile: c } = w(), { recurring: m } = y(), f = x.useMemo(() => {
     const d = [{
       color: u.palette.success.main,
       percentage: `${a / t}`
@@ -43,7 +43,7 @@ var I = C(({ expected: t, isExpense: h = !0, missed: e, paid: a, title: p, total
       })]
     }),
     /* @__PURE__ */ r(v, {
-      data: g,
+      data: f,
       height: 12
     }),
     /* @__PURE__ */ n(l, {
@@ -97,7 +97,7 @@ var I = C(({ expected: t, isExpense: h = !0, missed: e, paid: a, title: p, total
         !c && /* @__PURE__ */ r(o, {
           bold: !0,
           variant: "body2",
-          children: i(f, "0,0.00")
+          children: i(g, "0,0.00")
         }),
         /* @__PURE__ */ r(o, {
           variant: "caption",