@mx-cartographer/experiences 7.0.63 → 7.0.65

package/dist/cashflow/index.es.js

@@ -9,7 +9,7 @@ import s from "@mui/material/Stack";
 import se from "@mui/material/styles/useTheme";
 import { Text as u, P as O, Icon as G, InstitutionLogo as xe, H1 as de, H2 as Xe } from "@mxenabled/mxui";
 import { G as Ye, t as me, u as L, p as ce, d as Ne, b as X, j as P, g as Oe, o as ke, h as He, a as Qe } from "../hooks-CE2TKk4a.mjs";
-import { C as R } from "../CurrencyText-YUhH2caW.mjs";
+import { C as R } from "../CurrencyText-kyC1aseI.mjs";
 import { u as ue } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import { I as he } from "../CashflowStore-D9Dpuz7X.mjs";
@@ -17,16 +17,16 @@ import { C as Gn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as $ } from "../Localization-2MODESHW.mjs";
 import { M as Ve } from "../MiniWidgetContainer-DTQdRK-3.mjs";
 import { E as Ke } from "../EmptyState-DA_lfRBv.mjs";
-import { R as Je } from "../RecurringSettings-B486z99o.mjs";
+import { R as Je } from "../RecurringSettings-1t4mROQZ.mjs";
 import Ze from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
 import { getUnixTime as B } from "date-fns/getUnixTime";
 import ee from "@mui/material/List";
 import ne from "@mui/material/ListItem";
-import { A as et } from "../AccountListItem-BAdwVscV.mjs";
+import { A as et } from "../AccountListItem-DbpLvx5I.mjs";
 import { f as Y, D as Q } from "../Dialog-CWW597AF.mjs";
 import tt from "@mui/material/ListSubheader";
-import { f as Z } from "../NumberFormatting-CtWHhyBX.mjs";
+import { f as Z } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { isAfter as Fe } from "date-fns/isAfter";
 import { isBefore as We } from "date-fns/isBefore";
 import { isToday as $e } from "date-fns/isToday";
@@ -35,14 +35,14 @@ import { alpha as nt, keyframes as ot } from "@mui/material/styles";
 import { DataGridPro as at } from "@mui/x-data-grid-pro";
 import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
 import M from "@mui/material/Button";
-import { M as it, S as rt, i as st, d as we, c as ct } from "../ManageIncome-BX7dzGF8.mjs";
+import { M as it, S as rt, i as st, d as we, c as ct } from "../ManageIncome-BXlzeXk6.mjs";
 import { D as Me } from "../Drawer-kEE73B87.mjs";
 import { formatISO as lt } from "date-fns/formatISO";
 import { fromUnixTime as _e } from "date-fns/fromUnixTime";
 import { startOfMonth as dt } from "date-fns/startOfMonth";
 import { subDays as Ge } from "date-fns/subDays";
-import { S as mt, b as ut } from "../TransactionDetails-DAp_CPCP.mjs";
-import { F as ht, R as Ie, e as ve } from "../RecurringTransactions-DTUx9VN1.mjs";
+import { S as mt, b as ut } from "../TransactionDetails-B2Z5S7FM.mjs";
+import { F as ht, R as Ie, e as ve } from "../RecurringTransactions-ej39mgA6.mjs";
 import { h as pt } from "../DateUtil-BcuH7ErC.mjs";
 import { endOfToday as ft } from "date-fns/endOfToday";
 import { W as De, A as Ae } from "../WidgetContainer-B8MRJ5Y1.mjs";

package/dist/common/components/charts/LineChart.d.ts

@@ -1,4 +1,5 @@
 import { default as React, CSSProperties } from 'react';
+import { SxProps } from '@mui/material/styles';
 import { MarkHandlers } from './linechart/CustomMark';
 export type LineChartDataset = {
     x: string;
@@ -15,6 +16,9 @@ type LineChartCurve = 'catmullRom' | 'linear' | 'monotoneX' | 'monotoneY' | 'nat
 interface LineChartProps {
     axisColor?: string;
     baseline?: string;
+    chartFor?: string;
+    chartXaxisSx?: SxProps;
+    chartYaxisSx?: SxProps;
     colors: (string | undefined)[];
     curveType?: LineChartCurve;
     customLegendVariant?: string;
@@ -46,6 +50,7 @@ interface LineChartProps {
     showXAxisTicks?: boolean;
     showYAxis?: boolean;
     showYAxisTicks?: boolean;
+    tickIntervals?: any[] | 'auto' | ((value: any, index: number) => boolean) | undefined;
     title?: string;
     useCustomMark?: boolean;
     valueFormatterString?: string;

package/dist/common/index.es.js

@@ -14,7 +14,7 @@ import { M as bs } from "../MicroWidgetContainer-C4QQHfD7.mjs";
 import { M as xs } from "../MiniWidgetContainer-DTQdRK-3.mjs";
 import { A as vs, D as Ds, W as As } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { j as Ts, a as Bs, e as Is, n as Ns, A as Ms, f as ks, k as $s, d as Rs, m as Ps, E as Os, i as Us, N as Ls, h as Gs, P as Hs, o as Fs, S as Ws } from "../ConnectDrawer-DJA_S-rX.mjs";
-import { C as Ys } from "../CurrencyInput-CRtdzs3o.mjs";
+import { C as Ys } from "../CurrencyInput-C4xNRL2W.mjs";
 import { L as zs } from "../Loader-DUaFpDGv.mjs";
 import { R as js } from "../ResponsiveButton-DZFp78fJ.mjs";
 import { S as Vs } from "../SearchBox-B2_zLv8-.mjs";
@@ -22,23 +22,23 @@ import { T as at } from "../TransactionStore-B-Tq_YFE.mjs";
 import { S as Js } from "../TransactionStore-B-Tq_YFE.mjs";
 import { T as er } from "../TabContentContainer-j01JYR_7.mjs";
 import { I as rr } from "../IconBacking-B9oC6uL2.mjs";
-import { D as ar, F as nr, a as ir, c as cr, R as dr, S as lr } from "../RecurringTransactions-DTUx9VN1.mjs";
+import { D as ar, F as nr, a as ir, c as cr, R as dr, S as lr } from "../RecurringTransactions-ej39mgA6.mjs";
 import { C as nt } from "../CashflowStore-D9Dpuz7X.mjs";
 import { I as hr } from "../CashflowStore-D9Dpuz7X.mjs";
-import { d as it } from "../GoalStore-DxOUk36P.mjs";
-import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-DxOUk36P.mjs";
-import { C as Sr } from "../CurrencyText-YUhH2caW.mjs";
+import { d as it } from "../GoalStore-BgiYFwWB.mjs";
+import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-BgiYFwWB.mjs";
+import { C as Sr } from "../CurrencyText-kyC1aseI.mjs";
 import { E as wr } from "../EmptyState-DA_lfRBv.mjs";
 import { L as Cr } from "../ListItemAction-DSrYDGAP.mjs";
-import { T as ct } from "../TrendsStore-BKBnNQba.mjs";
-import { L as Dr, S as Ar } from "../TrendsStore-BKBnNQba.mjs";
+import { T as ct } from "../TrendsStore-ZZ8X36lJ.mjs";
+import { L as Dr, S as Ar } from "../TrendsStore-ZZ8X36lJ.mjs";
 import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as kr } from "../ToggleListItem-r0Kx56wF.mjs";
 import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as x, keyframes as ht } from "@mxenabled/cssinjs";
 import { useTokens as C, Text as B } from "@mxenabled/mxui";
 import { D as Rr } from "../Donut-1UMNcG67.mjs";
-import { L as Or } from "../LineChart-B2Y7zwMu.mjs";
+import { L as Or } from "../LineChart-B35qvXik.mjs";
 import { S as Lr } from "../StatusBar-BK_uYHAB.mjs";
 import { D as Hr, a as Fr, O as Wr, b as qr, f as Yr } from "../Dialog-CWW597AF.mjs";
 import { D as gt, a as pt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
@@ -47,9 +47,9 @@ import { D as jr } from "../Drawer-kEE73B87.mjs";
 import { I as Vr, P as Zr, S as Jr } from "../Account-DoxALziV.mjs";
 import { b as E } from "../Category-CevNQ03n.mjs";
 import { C as eo, c as so, a as ro, P as oo } from "../Category-CevNQ03n.mjs";
-import { C as no, f as io, b as co, a as lo, g as uo, i as ho } from "../NumberFormatting-CtWHhyBX.mjs";
-import { R as mt } from "../RecurringTransactionsStore-Djo9IeDd.mjs";
-import { S as po, T as mo } from "../RecurringTransactionsStore-Djo9IeDd.mjs";
+import { C as no, f as io, b as co, a as lo, g as uo, i as ho } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { R as mt } from "../RecurringTransactionsStore-DrzS1LmF.mjs";
+import { S as po, T as mo } from "../RecurringTransactionsStore-DrzS1LmF.mjs";
 import { G as fo, B as yo, C as So, W as bo, d as wo, a as xo, i as Co, t as vo, m as Do, x as Ao, y as Eo, g as To, w as Bo, u as Io, f as No, b as Mo, l as ko, z as $o, s as Ro, c as Po, q as Oo, n as Uo, A as Lo, j as Go, r as Ho, h as Fo, v as Wo, o as qo, p as Yo } from "../hooks-CE2TKk4a.mjs";
 import { u as zo } from "../useAccountDisplayName-CyPD_TFR.mjs";
 import { u as jo } from "../useInsightsEnabled-DSnpkUq0.mjs";
@@ -61,8 +61,8 @@ import { B as St } from "../BeatStore-IBnXd4YK.mjs";
 import { endOfMonth as Z } from "date-fns/endOfMonth";
 import { startOfMonth as J } from "date-fns/startOfMonth";
 import { startOfToday as U } from "date-fns/startOfToday";
-import { f as bt, a as wt, b as L } from "../BudgetUtil-2EncZLBQ.mjs";
-import { g as Jo, e as ta, c as ea, d as sa, i as ra } from "../BudgetUtil-2EncZLBQ.mjs";
+import { f as bt, a as wt, b as L } from "../BudgetUtil-psfk-Amb.mjs";
+import { g as Jo, e as ta, c as ea, d as sa, i as ra } from "../BudgetUtil-psfk-Amb.mjs";
 import { a as xt } from "../DebtsStore-CoZ30R-_.mjs";
 import { a as Ct } from "../FinstrongStore-F2c607dj.mjs";
 import { A as vt, m as Dt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";

package/dist/common/utils/NumberFormatting.d.ts

@@ -1,5 +1,6 @@
 import { RoundingFunction } from 'numeral';
 import { CurrencyCodes } from '../constants';
+export declare const generateEqualIntervals: (minValue: number, maxValue: number, tickCount: number) => number[];
 export declare const formatCurrency: (amount: number | undefined, formatting: string, roundingFunction?: RoundingFunction) => string;
 export declare const getCurrencyCodes: () => CurrencyCodes;
 export declare const isValidNumber: (value: any) => boolean;

package/dist/debts/index.es.js

@@ -10,13 +10,13 @@ import { fromUnixTime as se } from "date-fns/fromUnixTime";
 import { getUnixTime as ce } from "date-fns/getUnixTime";
 import { D as B, M as Ee, I as Ie } from "../DebtsStore-CoZ30R-_.mjs";
 import { a as Fr } from "../DebtsStore-CoZ30R-_.mjs";
-import { f as M, a as Be } from "../NumberFormatting-CtWHhyBX.mjs";
+import { f as M, a as Be } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { f as K, D as U } from "../Dialog-CWW597AF.mjs";
 import { G as Me, x as q, u as C, l as V, g as k, d as Z, b as Pe } from "../hooks-CE2TKk4a.mjs";
 import { u as Y } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as te } from "../Drawer-kEE73B87.mjs";
 import { b as A } from "../Localization-2MODESHW.mjs";
-import { A as ke, u as Ne } from "../AccountDetailsHeader-DN2pk4QW.mjs";
+import { A as ke, u as Ne } from "../AccountDetailsHeader-D0FKqNmV.mjs";
 import Fe from "@mui/material/Card";
 import Re from "@mui/material/CardContent";
 import Le from "@mui/material/CardHeader";
@@ -28,10 +28,10 @@ import de from "@mui/material/Tab";
 import We from "@mui/material/Tabs";
 import _e from "@mui/material/List";
 import j from "@mui/material/Divider";
-import { M as Ge, I as je, O as ze } from "../OriginalBalanceAction-CEuIYsc_.mjs";
+import { M as Ge, I as je, O as ze } from "../OriginalBalanceAction-BsxcvNEF.mjs";
 import Xe from "@mui/material/TextField";
 import { L as J } from "../ListItemAction-DSrYDGAP.mjs";
-import { C as ae } from "../CurrencyInput-CRtdzs3o.mjs";
+import { C as ae } from "../CurrencyInput-C4xNRL2W.mjs";
 import pe from "@mui/material/Alert";
 import me from "@mui/material/AlertTitle";
 import he from "@mui/material/Paper";

package/dist/finstrong/index.es.js

@@ -22,7 +22,7 @@ import { L as N } from "../Loader-DUaFpDGv.mjs";
 import { F as No, a as Ko } from "../FinstrongStore-F2c607dj.mjs";
 import q from "@mui/material/Button";
 import J from "@mui/material/Card";
-import { L as be } from "../LineChart-B2Y7zwMu.mjs";
+import { L as be } from "../LineChart-B35qvXik.mjs";
 import { k as xe } from "../ConnectDrawer-DJA_S-rX.mjs";
 import Xe from "@mui/material/Accordion";
 import je from "@mui/material/AccordionDetails";
@@ -30,7 +30,7 @@ import Ue from "@mui/material/AccordionSummary";
 import Ve from "@mui/material/CardHeader";
 import { u as Ye } from "../useDimensions-27p2evRx.mjs";
 import { C as qe } from "../ConnectionsDrawer-CU3E2RLw.mjs";
-import { R as Je } from "../RecurringSettings-B486z99o.mjs";
+import { R as Je } from "../RecurringSettings-1t4mROQZ.mjs";
 import Qe from "@mui/material/TextField";
 import { u as Ce } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as Ze } from "../Dialog-CWW597AF.mjs";
@@ -40,7 +40,7 @@ import { LocalizationProvider as ot } from "@mui/x-date-pickers/LocalizationProv
 import { D as V } from "../Drawer-kEE73B87.mjs";
 import oe from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
-import { f as rt } from "../NumberFormatting-CtWHhyBX.mjs";
+import { f as rt } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { T as ne } from "../TabContentContainer-j01JYR_7.mjs";
 import it from "@mui/lab/Timeline";
 import st, { timelineItemClasses as at } from "@mui/lab/TimelineItem";

package/dist/goals/index.es.js

@@ -1,5 +1,5 @@
-import { g as ue, T as d, G as me, a as We, M as J, C as ye, b as Pe } from "../GoalStore-DxOUk36P.mjs";
-import { c as Yn, d as Zn } from "../GoalStore-DxOUk36P.mjs";
+import { g as ue, T as d, G as me, a as We, M as J, C as ye, b as Pe } from "../GoalStore-BgiYFwWB.mjs";
+import { c as Yn, d as Zn } from "../GoalStore-BgiYFwWB.mjs";
 import { jsxs as r, jsx as e, Fragment as U } from "react/jsx-runtime";
 import y from "react";
 import { observer as D } from "mobx-react-lite";
@@ -19,12 +19,12 @@ import $e from "@mui/material/CardHeader";
 import { Payments as Se, NoteStack as Re, Person as Ee, ChevronRight as M, DragHandle as Xe, CheckCircle as Ue, Icon as be, ExpandLess as Ye, ExpandMore as Ze, AddBox as ve, Trophy as qe } from "@mxenabled/mx-icons";
 import { u as C, l as I, a as xe, d as V, o as Ie, g as Ge, b as Ne } from "../hooks-CE2TKk4a.mjs";
 import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as v } from "../NumberFormatting-CtWHhyBX.mjs";
+import { f as v } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { S as Je } from "../StatusBar-BK_uYHAB.mjs";
 import E from "@mui/material/Divider";
 import L from "@mui/material/List";
 import { L as ee } from "../ListItemAction-DSrYDGAP.mjs";
-import { C as ke } from "../CurrencyInput-CRtdzs3o.mjs";
+import { C as ke } from "../CurrencyInput-C4xNRL2W.mjs";
 import { fromUnixTime as Q } from "date-fns/fromUnixTime";
 import N from "@mui/material/ListItem";
 import k from "@mui/material/ListItemButton";
@@ -38,11 +38,11 @@ import { g as we, A as fe } from "../ConnectDrawer-DJA_S-rX.mjs";
 import tt from "@mui/material/Collapse";
 import nt from "@mui/material/ListItemIcon";
 import ot from "@mui/material/Checkbox";
-import { u as at, A as rt } from "../AccountDetailsHeader-DN2pk4QW.mjs";
-import { A as it } from "../AccountDetailsContent-DsD3Wzu7.mjs";
+import { u as at, A as rt } from "../AccountDetailsHeader-D0FKqNmV.mjs";
+import { A as it } from "../AccountDetailsContent-BpY7i5Vt.mjs";
 import { u as st } from "../useAccountDisplayName-CyPD_TFR.mjs";
 import De from "@mui/material/TextField";
-import { M as lt, I as ct, O as dt } from "../OriginalBalanceAction-CEuIYsc_.mjs";
+import { M as lt, I as ct, O as dt } from "../OriginalBalanceAction-BsxcvNEF.mjs";
 import { getUnixTime as mt } from "date-fns/getUnixTime";
 import { isValid as ut } from "date-fns/isValid";
 import { AdapterDateFns as _t } from "@mui/x-date-pickers/AdapterDateFnsV3";

package/dist/investments/index.es.js

@@ -18,7 +18,7 @@ import { Text as r, H1 as fe, P as ve, InstitutionLogo as ne } from "@mxenabled/
 import Ue from "@mui/material/Button";
 import { u as E, g as be, s as H, b as Q, d as se } from "../hooks-CE2TKk4a.mjs";
 import { A as z, W as je } from "../WidgetContainer-B8MRJ5Y1.mjs";
-import { a as ze, f as oe } from "../NumberFormatting-CtWHhyBX.mjs";
+import { a as ze, f as oe } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
 import le from "@mui/material/styles/useTheme";
 import { Icon as k } from "@mxenabled/mx-icons";

package/dist/networth/index.es.js

@@ -5,7 +5,7 @@ import { useTheme as z } from "@mui/material/styles";
 import { u as Z } from "../useScreenSize-B6JyS_Lj.mjs";
 import { p as _e, u as T, d as J, g as Q, b as P, q as ee } from "../hooks-CE2TKk4a.mjs";
 import { f as we, D as be } from "../Dialog-CWW597AF.mjs";
-import { L as We } from "../LineChart-B2Y7zwMu.mjs";
+import { L as We } from "../LineChart-B35qvXik.mjs";
 import W from "@mui/material/Divider";
 import B from "@mui/material/List";
 import E from "@mui/material/ListSubheader";
@@ -16,13 +16,13 @@ import k from "@mui/material/ListItem";
 import te from "@mui/material/ListItemButton";
 import _ from "@mui/material/ListItemText";
 import { i as ne } from "../DateUtil-BcuH7ErC.mjs";
-import { C as y } from "../CurrencyText-YUhH2caW.mjs";
+import { C as y } from "../CurrencyText-kyC1aseI.mjs";
 import { Button as Te, Stack as Le } from "@mui/material";
 import { format as Ne, fromUnixTime as De, differenceInMonths as Ee } from "date-fns";
 import { g as K } from "../NetWorthStore-f6RQno5Z.mjs";
 import { N as Ot } from "../NetWorthStore-f6RQno5Z.mjs";
 import { Icon as oe } from "@mxenabled/mx-icons";
-import { f as U } from "../NumberFormatting-CtWHhyBX.mjs";
+import { f as U } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { A as b, W as ke } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { L as O } from "../Loader-DUaFpDGv.mjs";
 import { M as Ae } from "../MicroWidgetContainer-C4QQHfD7.mjs";
@@ -38,10 +38,10 @@ const Oe = ({
   hoveredData: l,
   onDataClick: i,
   onMouseEnter: n,
-  onMouseLeave: a,
+  onMouseLeave: s,
   selectedData: o
 }) => {
-  const { isMobile: s } = Z(), { availableWidth: c } = _e(), u = z(), C = c - 320, x = t.map((f) => ({
+  const { isMobile: a } = Z(), { availableWidth: c } = _e(), u = z(), C = c - 320, x = t.map((f) => ({
     x: we(Se(f.x), be.MONTH_SHORT),
     y: f.y
   })), g = o ? { index: t.findIndex((f) => f.x === o.x) } : void 0, S = l ? { index: t.findIndex((f) => f.x === l.x) } : void 0, p = (f) => ({
@@ -55,15 +55,18 @@ const Oe = ({
       baseline: "min",
       colors: [u.palette.success.main],
       datasets: [x],
+      chartFor: "networthChart",
+      chartXaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(8px)" } },
+      chartYaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(-8px)" } },
       height: 350,
       labels: [],
-      margin: { right: 20 },
-      markHandlers: { onMarkClick: i, onMouseEnter: n, onMouseLeave: a },
+      margin: { right: 20, left: 100 },
+      markHandlers: { onMarkClick: i, onMouseEnter: n, onMouseLeave: s },
       markStyles: p,
       showArea: !0,
       useCustomMark: !0,
-      valueFormatterString: "0.[0]a",
-      width: s ? 320 : C
+      valueFormatterString: "0.0[0]a",
+      width: a ? 320 : C
     }
   );
 }, ze = w(Oe), Re = ({
@@ -71,9 +74,9 @@ const Oe = ({
   getStyles: l,
   isHovered: i = !1,
   isSelected: n = !1,
-  onItemClick: a,
+  onItemClick: s,
   onMouseEnter: o,
-  onMouseLeave: s
+  onMouseLeave: a
 }) => {
   const [c, u] = d.useState({
     color: ""
@@ -92,9 +95,9 @@ const Oe = ({
         children: /* @__PURE__ */ e(
           te,
           {
-            onClick: (C) => a?.(C, t.x),
+            onClick: (C) => s?.(C, t.x),
             onMouseEnter: () => o(t.x),
-            onMouseLeave: () => s(),
+            onMouseLeave: () => a(),
             sx: { minHeight: 20, padding: 12 },
             children: /* @__PURE__ */ e(
               _,
@@ -116,12 +119,12 @@ const Oe = ({
   hoveredData: l,
   onDataClick: i,
   onButtonClick: n,
-  onMouseEnter: a,
+  onMouseEnter: s,
   onMouseLeave: o,
-  selectedData: s
+  selectedData: a
 }) => {
   const { net_worth: c } = T(), u = z(), C = (x) => {
-    const g = x.x === l?.x, S = x.x === s?.x, p = {
+    const g = x.x === l?.x, S = x.x === a?.x, p = {
       backgroundColor: "inherit",
       borderBottom: "inherit",
       color: "inherit"
@@ -137,10 +140,10 @@ const Oe = ({
         {
           getStyles: C,
           isHovered: x.x === l?.x,
-          isSelected: x.x === s?.x,
+          isSelected: x.x === a?.x,
           item: x,
           onItemClick: (S) => i(S, g),
-          onMouseEnter: () => a(g),
+          onMouseEnter: () => s(g),
           onMouseLeave: () => o()
         },
         x.x
@@ -156,15 +159,15 @@ const Oe = ({
       }
     )
   ] });
-}, Ge = w($e), Fe = ({
+}, Ge = w($e), Xe = ({
   currencyLabel: t,
   currencyVariant: l = "Small",
   iconSize: i,
   netWorth: n,
-  theme: a
+  theme: s
 }) => {
-  let o = a.palette.secondary.main, s = a.palette.secondary.main, c = "trending_flat";
-  return n.change < 0 ? c = "trending_down" : n.change > 0 && (o = a.palette.success.main, s = a.palette.success.main, c = "trending_up"), /* @__PURE__ */ r(Le, { alignItems: "center", direction: "row", spacing: 4, children: [
+  let o = s.palette.secondary.main, a = s.palette.secondary.main, c = "trending_flat";
+  return n.change < 0 ? c = "trending_down" : n.change > 0 && (o = s.palette.success.main, a = s.palette.success.main, c = "trending_up"), /* @__PURE__ */ r(Le, { alignItems: "center", direction: "row", spacing: 4, children: [
     /* @__PURE__ */ e(
       H,
       {
@@ -175,17 +178,17 @@ const Oe = ({
         }
       }
     ),
-    /* @__PURE__ */ e(y, { amount: n.change, color: s, variant: l }),
+    /* @__PURE__ */ e(y, { amount: n.change, color: a, variant: l }),
     /* @__PURE__ */ e(m, { variant: "Small", children: t })
   ] });
-}, R = w(Fe), Xe = ({ hoveredData: t, selectedData: l }) => {
-  const { net_worth: i } = T(), n = z(), a = t || l, o = Ne(De(a.x), "MMMM");
+}, R = w(Xe), Fe = ({ hoveredData: t, selectedData: l }) => {
+  const { net_worth: i } = T(), n = z(), s = t || l, o = Ne(De(s.x), "MMMM");
   return /* @__PURE__ */ r(h, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(m, { color: n.palette.secondary.main, variant: "Small", children: `${o} ${i.net_worth}` }),
-    /* @__PURE__ */ e(y, { amount: a.y, variant: "H2" }),
-    /* @__PURE__ */ e(R, { currencyLabel: i.this_month, netWorth: a, theme: n })
+    /* @__PURE__ */ e(y, { amount: s.y, variant: "H2" }),
+    /* @__PURE__ */ e(R, { currencyLabel: i.this_month, netWorth: s, theme: n })
   ] });
-}, Ke = w(Xe), Ue = ({ amount: t, copy: l, trendValue: i }) => {
+}, Ke = w(Fe), Ue = ({ amount: t, copy: l, trendValue: i }) => {
   const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
   return /* @__PURE__ */ r(h, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(ve, { children: U(t, "0,0") }),
@@ -204,16 +207,16 @@ const Oe = ({
     /* @__PURE__ */ e(Ie, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
   ] })
 ] }), At = w(({ onCTAClick: t }) => {
-  const [l, i] = d.useState(!1), { visibleAccounts: n } = J(), { onEvent: a } = Q(), { net_worth: o, common: s } = T(), { isInitialized: c, selectedAccounts: u, setSelectedAccounts: C } = P(), { loadChartData: x, loadNetWorthData: g, netWorthData: S, selectedData: p } = ee(), f = async () => {
+  const [l, i] = d.useState(!1), { visibleAccounts: n } = J(), { onEvent: s } = Q(), { net_worth: o, common: a } = T(), { isInitialized: c, selectedAccounts: u, setSelectedAccounts: C } = P(), { loadChartData: x, loadNetWorthData: g, netWorthData: S, selectedData: p } = ee(), f = async () => {
     await g(u), await x(1), i(!0);
   };
   if (d.useEffect(() => C(n), [n]), d.useEffect(() => {
-    c && f().finally(), a(b.NET_WORTH_LOAD_WIDGET, {
+    c && f().finally(), s(b.NET_WORTH_LOAD_WIDGET, {
       state: n?.length ? "default" : "zeroState"
     });
   }, [c]), !l) return /* @__PURE__ */ e(O, { height: 100 });
   const L = () => {
-    a(
+    s(
       n.length ? b.NET_WORTH_CLICK_VIEW_DETAILS : b.NET_WORTH_CLICK_GET_STARTED
     ), t();
   };
@@ -221,7 +224,7 @@ const Oe = ({
     Ae,
     {
       className: "mx-networth-microwidget",
-      ctaLabel: s.see_details,
+      ctaLabel: a.see_details,
       onCTAClick: L,
       title: o.net_worth,
       children: S.accounts.length ? /* @__PURE__ */ e(
@@ -235,9 +238,9 @@ const Oe = ({
     }
   );
 }), Ye = ({ accounts: t, name: l, icon: i }) => {
-  const [n, a] = d.useState(!1);
+  const [n, s] = d.useState(!1);
   return /* @__PURE__ */ r(v, { children: [
-    /* @__PURE__ */ e(k, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () => a(!n), children: [
+    /* @__PURE__ */ e(k, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () => s(!n), children: [
       i && /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(H, { name: i, size: 24, sx: { mr: 12 } }) }),
       /* @__PURE__ */ e(
         _,
@@ -248,7 +251,7 @@ const Oe = ({
       /* @__PURE__ */ e(V, { children: n ? /* @__PURE__ */ e(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(H, { name: "expand_more", size: 24 }) })
     ] }) }),
     /* @__PURE__ */ e(W, {}),
-    /* @__PURE__ */ e(He, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, s) => /* @__PURE__ */ r(B, { children: [
+    /* @__PURE__ */ e(He, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, a) => /* @__PURE__ */ r(B, { children: [
       /* @__PURE__ */ e(k, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
         _,
         {
@@ -277,7 +280,7 @@ const Oe = ({
           sx: { pl: 72, pr: 16 }
         }
       ) }),
-      s < t.length - 1 ? /* @__PURE__ */ e(W, { variant: "inset" }) : /* @__PURE__ */ e(W, {})
+      a < t.length - 1 ? /* @__PURE__ */ e(W, { variant: "inset" }) : /* @__PURE__ */ e(W, {})
     ] }, o.accountName)) })
   ] });
 }, q = ({ groupedAccounts: t }) => /* @__PURE__ */ e(v, { children: t.map(({ accounts: l, icon: i, name: n }) => /* @__PURE__ */ e(Ye, { accounts: l, icon: i, name: n }, n)) }), qe = ({
@@ -285,9 +288,9 @@ const Oe = ({
   assets: l,
   liabilities: i,
   totalAssets: n,
-  totalLiabilities: a
+  totalLiabilities: s
 }) => {
-  const { net_worth: o } = T(), s = ie();
+  const { net_worth: o } = T(), a = ie();
   return /* @__PURE__ */ r(v, { children: [
     /* @__PURE__ */ r(
       re,
@@ -309,7 +312,7 @@ const Oe = ({
               currencyLabel: o.this_month,
               iconSize: 20,
               netWorth: t,
-              theme: s
+              theme: a
             }
           )
         ]
@@ -331,7 +334,7 @@ const Oe = ({
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.liabilities }),
-            /* @__PURE__ */ e(y, { amount: a, sx: { fontWeight: 400 }, variant: "XSmall" })
+            /* @__PURE__ */ e(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
         }
       ) }),
@@ -343,14 +346,14 @@ const Oe = ({
   gains: l,
   losses: i,
   totalGains: n,
-  totalLosses: a
+  totalLosses: s
 }) => {
-  const { net_worth: o } = T(), s = ie();
+  const { net_worth: o } = T(), a = ie();
   return /* @__PURE__ */ r(v, { children: [
     /* @__PURE__ */ r(h, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
       /* @__PURE__ */ e(m, { variant: "Small", children: ne(t?.x) }),
       /* @__PURE__ */ e(m, { variant: "Body", children: o.total_change }),
-      t && /* @__PURE__ */ e(R, { currencyVariant: "H1", iconSize: 32, netWorth: t, theme: s })
+      t && /* @__PURE__ */ e(R, { currencyVariant: "H1", iconSize: 32, netWorth: t, theme: a })
     ] }),
     /* @__PURE__ */ r(B, { children: [
       /* @__PURE__ */ e(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
@@ -363,7 +366,7 @@ const Oe = ({
         }
       ) }),
       l?.map((c) => /* @__PURE__ */ r(d.Fragment, { children: [
-        /* @__PURE__ */ e(k, { sx: { backgroundColor: s.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(k, { sx: { backgroundColor: a.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
           _,
           {
             primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
@@ -372,7 +375,7 @@ const Oe = ({
                 y,
                 {
                   amount: c.gain,
-                  sx: { color: s.palette.success.main, flexShrink: 0, fontWeight: 700 },
+                  sx: { color: a.palette.success.main, flexShrink: 0, fontWeight: 700 },
                   variant: "Body"
                 }
               )
@@ -387,7 +390,7 @@ const Oe = ({
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.losses }),
-            /* @__PURE__ */ e(y, { amount: a, sx: { fontWeight: 400 }, variant: "XSmall" })
+            /* @__PURE__ */ e(y, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
         }
       ) }),
@@ -395,7 +398,7 @@ const Oe = ({
         /* @__PURE__ */ e(
           k,
           {
-            sx: { backgroundColor: s.palette.background.paper, py: 14 },
+            sx: { backgroundColor: a.palette.background.paper, py: 14 },
             children: /* @__PURE__ */ e(
               _,
               {
@@ -430,7 +433,7 @@ const Oe = ({
     ] })
   ] });
 }, Qe = w(Je), Mt = w(({ onBackClick: t }) => {
-  const { isCopyLoaded: l, isInitialized: i, selectedAccounts: n, setSelectedAccounts: a } = P(), { accounts: o, net_worth: s } = T(), { visibleAccounts: c } = J(), {
+  const { isCopyLoaded: l, isInitialized: i, selectedAccounts: n, setSelectedAccounts: s } = P(), { accounts: o, net_worth: a } = T(), { visibleAccounts: c } = J(), {
     assetsLiabilities: u,
     gainsLosses: C,
     hoveredData: x,
@@ -439,21 +442,21 @@ const Oe = ({
     netWorthChartData: p,
     selectedData: f,
     setHoveredData: L,
-    setSelectedData: se
-  } = ee(), { isMobile: N } = Z(), { onEvent: D } = Q(), [ae, ce] = d.useState(!1), [A, le] = d.useState(6), [me, j] = d.useState(!1), [de, $] = d.useState(!1), [he, G] = d.useState(!1), ue = async () => {
+    setSelectedData: ae
+  } = ee(), { isMobile: N } = Z(), { onEvent: D } = Q(), [se, ce] = d.useState(!1), [A, le] = d.useState(6), [me, j] = d.useState(!1), [de, $] = d.useState(!1), [he, G] = d.useState(!1), ue = async () => {
     await S(n), await g(A), ce(!0);
   };
   d.useEffect(() => {
     D(b.NET_WORTH_VIEW);
   }, []), d.useEffect(() => {
-    a(c);
+    s(c);
   }, [c]), d.useEffect(() => {
     i && ue().finally();
   }, [i, n]), d.useEffect(() => {
     D(b.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: A + "M" }), g(A).finally();
   }, [A]);
   const pe = (I, M) => {
-    se(M), I.currentTarget instanceof HTMLDivElement && j(!0);
+    ae(M), I.currentTarget instanceof HTMLDivElement && j(!0);
   }, fe = (I) => {
     L(I);
   }, xe = () => {
@@ -461,9 +464,9 @@ const Oe = ({
   }, ge = () => {
     D(b.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), $(!0);
   }, ye = async (I) => {
-    const M = I[0], X = I[1];
-    M && X && le(Ee(X, M));
-  }, F = {
+    const M = I[0], F = I[1];
+    M && F && le(Ee(F, M));
+  }, X = {
     chartData: p,
     hoveredData: x,
     onButtonClick: ge,
@@ -498,8 +501,8 @@ const Oe = ({
           width: "100%"
         }
       },
-      title: s.net_worth,
-      children: ae ? /* @__PURE__ */ r(v, { children: [
+      title: a.net_worth,
+      children: se ? /* @__PURE__ */ r(v, { children: [
         p.length ? /* @__PURE__ */ r(v, { children: [
           f && /* @__PURE__ */ e(Ke, { hoveredData: x, selectedData: f }),
           /* @__PURE__ */ r(
@@ -509,19 +512,19 @@ const Oe = ({
               direction: N ? "column" : "row",
               spacing: N ? 0 : 48,
               children: [
-                /* @__PURE__ */ e(ze, { ...F }),
-                /* @__PURE__ */ e(Ge, { ...F })
+                /* @__PURE__ */ e(ze, { ...X }),
+                /* @__PURE__ */ e(Ge, { ...X })
               ]
             }
           )
         ] }) : /* @__PURE__ */ e(re, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
           Be,
           {
-            header: s.empty_widget_header,
+            header: a.empty_widget_header,
             icon: "elevation",
             onClick: Ce,
-            primaryButton: s.empty_widget_button,
-            subText: s.empty_widget_description,
+            primaryButton: a.empty_widget_button,
+            subText: a.empty_widget_description,
             sx: {
               width: { sm: 432 },
               ".buttons-footer": {
@@ -546,7 +549,7 @@ const Oe = ({
             onClose: () => j(!1),
             shouldShowHeaderBorders: !1,
             shouldShowHeaderShadow: !0,
-            title: s.gains_and_losses,
+            title: a.gains_and_losses,
             children: C && /* @__PURE__ */ e(Qe, { ...C })
           }
         ),
@@ -558,7 +561,7 @@ const Oe = ({
             onClose: () => $(!1),
             shouldShowHeaderBorders: !1,
             shouldShowHeaderShadow: !0,
-            title: s.assets_and_liabilities,
+            title: a.assets_and_liabilities,
             children: u && /* @__PURE__ */ e(Ze, { ...u })
           }
         )