@mx-cartographer/experiences 7.3.2 → 7.4.0

package/dist/finstrong/stores/FinstrongStore.d.ts

@@ -1,5 +1,6 @@
-import { GlobalStore, HealthScore, HealthScoreReport, MonthlyHealthScore } from '../../common';
+import { GlobalStore, MonthlySummaries, HealthScore, HealthScoreReport, MonthlyHealthScore, Transaction } from '../../common';
 import { FinstrongApi } from '../api/FinstrongApi';
+import { FinstrongTransaction, PeerAverage } from '../../common/types/Finstrong';
 export declare class FinstrongStore {
     api: FinstrongApi;
     augmentedChartData: {
@@ -7,15 +8,33 @@ export declare class FinstrongStore {
         y: number;
     }[];
     averageHealthScores: MonthlyHealthScore[];
+    monthlySummaries: MonthlySummaries[];
+    incomeTransactions: FinstrongTransaction[];
+    debtSpendTransactions: FinstrongTransaction[];
+    spendingFeeTransactions: Transaction[];
+    spendTransactions: FinstrongTransaction[];
     globalStore: GlobalStore;
     healthScore: HealthScore;
     healthScoreChange?: number;
     healthScoreChangeReports: HealthScoreReport[];
-    peerScore: number | null;
+    peerScore: PeerAverage | null;
     constructor(globalStore: GlobalStore);
     calculateHealthScore: () => Promise<void>;
     loadAverageHealthScores: () => Promise<void>;
+    loadMonthlySummaries: () => Promise<void>;
+    loadDebtSpend: () => Promise<void>;
+    loadIncome: () => Promise<void>;
     loadHealthScoreChangeReports: () => Promise<void>;
     loadPeerScore: () => Promise<void>;
     loadAugmentedChartData: () => Promise<void>;
+    getSpendingFeeTransactions: () => Promise<void>;
+    loadSpendTransactions: () => Promise<void>;
+    get spendAndDebtTransactions(): FinstrongTransaction[];
+    get allTransactions(): {
+        income: FinstrongTransaction[];
+        debtSpend: FinstrongTransaction[];
+        spendingFee: Transaction[];
+        spend: FinstrongTransaction[];
+    };
+    handleFinstrongWidgetPrimaryCtaClick: (value: string) => () => void;
 }

package/dist/finstrong/util/finstrongUtils.d.ts

@@ -1,5 +1,14 @@
+import { addDays } from 'date-fns/addDays';
+import { addMonths } from 'date-fns/addMonths';
+import { addYears } from 'date-fns/addYears';
+import { differenceInDays } from 'date-fns/differenceInDays';
+import { differenceInMonths } from 'date-fns/differenceInMonths';
+import { differenceInWeeks } from 'date-fns/differenceInWeeks';
 import { PieValueType } from '@mui/x-charts';
-import { CreditScoreStatusCopy, FinstrongCopy } from '../../common/types/localization/FinstrongCopy';
+import { MonthlySummaries, Transaction } from '../../common';
+import { SpendingFeeTransaction, MonthlyHealthScoreItem } from '../../common/types/Finstrong';
+import { CreditScoreStatusCopy, FinstrongCopy, KeyIndicatorSpend } from '../../common/types/localization/FinstrongCopy';
+import { CardStatus } from '../../common/constants/FinStrong';
 import { Action } from '../components/ProfileList';
 export declare const radiansToDegrees: (radians: number) => number;
 export declare const calculateFinstrongScoreStatus: (healthScore: number, copy: FinstrongCopy) => {
@@ -51,3 +60,51 @@ export declare const buildProfileItem: ({ dynamicCopy, fallbackLabel, icon, key,
     secondaryText: string;
 };
 export declare const getPercentFromRatio: (ratio: number | null) => number | null;
+export declare const getMonthName: (month: number) => string;
+export declare const getDaysOfCashOnHandState: (days: number | null) => keyof typeof CardStatus;
+export declare const getEmergencySavingsState: (dollars: number | null) => keyof typeof CardStatus;
+export declare const getSpendToIncomeRatioState: (ratio: number | null) => keyof typeof CardStatus;
+export declare const getManageDebtRatioState: (ratio: number | null) => keyof typeof CardStatus;
+export declare const getCreditScoreState: (score: number | null) => keyof typeof CardStatus;
+export declare const getSpendingFeeCountState: (count: number | null) => "GOOD" | "MISSING" | "OFF_TRACK";
+export declare const getSpendingFeeCountStatus: (count: number | null, spendCopy: KeyIndicatorSpend) => {
+    cardState: keyof typeof CardStatus;
+    description: string;
+    title: string;
+};
+export declare const getCardStateStyles: (cardState: string) => {
+    backgroundColor: string;
+    color: string;
+};
+declare const getFutureDate: {
+    readonly 1: typeof addMonths;
+    readonly 2: typeof addYears;
+    readonly 3: typeof addDays;
+};
+declare const getNumberOfPayments: {
+    readonly 1: typeof differenceInMonths;
+    readonly 2: (end: Date, start: Date) => number;
+    readonly 3: typeof differenceInWeeks;
+    readonly 4: typeof differenceInDays;
+};
+interface CalculateContributionParams {
+    contribution: keyof typeof getNumberOfPayments;
+    goalAmount: number;
+    goalPeriod: number;
+    targetPeriod: keyof typeof getFutureDate;
+    totalSaved: number;
+}
+export declare const calculateContribution: ({ contribution, goalAmount, goalPeriod, targetPeriod, totalSaved, }: CalculateContributionParams) => number;
+export declare const calculatePercentage: (amount: number | null) => string;
+export declare const getInitialTargetPeriodAmount: (totalSaved: number) => number;
+export declare const getInitialContributionPeriod: (totalSaved: number) => number;
+export declare const getSeriesGraphData: (monthlySummaries: MonthlySummaries[], valueKey: keyof Pick<MonthlySummaries, "available_cash" | "debt_balance" | "credit_score">) => {
+    x: string;
+    y: number;
+}[];
+export declare const augmentChartData: (averageHealthScores: MonthlyHealthScoreItem[]) => {
+    x: string;
+    y: number;
+}[];
+export declare const augmentSpendingFeeTransactions: (spendingFeeTransactions: SpendingFeeTransaction[]) => Transaction[];
+export {};

package/dist/goals/index.es.js

@@ -1,5 +1,5 @@
-import { g as _e, T as m, G as ue, a as Pe, M as q, C as Ae, b as Ve } from "../GoalStore-CAlmSu4U.mjs";
-import { c as qn, d as Jn } from "../GoalStore-CAlmSu4U.mjs";
+import { g as _e, T as m, G as ue, a as Pe, M as q, C as Ae, b as Ve } from "../GoalStore-j6QYHgEa.mjs";
+import { c as qn, d as Jn } from "../GoalStore-j6QYHgEa.mjs";
 import { jsxs as i, jsx as e, Fragment as U } from "react/jsx-runtime";
 import y from "react";
 import { observer as D } from "mobx-react-lite";
@@ -17,45 +17,45 @@ import be from "@mui/material/Unstable_Grid2";
 import ae from "@mui/material/Avatar";
 import Xe from "@mui/material/CardHeader";
 import { Payments as Re, NoteStack as Ee, Person as xe, ChevronRight as M, DragHandle as Ue, CheckCircle as Ye, Icon as fe, ExpandLess as Ze, ExpandMore as qe, AddBox as ve, Trophy as Je } from "@mxenabled/mx-icons";
-import { u as C, l as I, a as Ie, d as j, p as Ge, g as Ne, n as Qe, b as ke } from "../hooks-Cy8JnjCg.mjs";
+import { u as C, l as I, a as Ie, d as j, p as Ge, g as Ne, n as Qe, b as ke } from "../hooks-C41HAxM5.mjs";
 import { u as ge } from "../useScreenSize-B6JyS_Lj.mjs";
 import { f as x } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { S as et } from "../StatusBar-BK_uYHAB.mjs";
 import E from "@mui/material/Divider";
 import B from "@mui/material/List";
-import { L as Q } from "../ListItemAction-BmL5buOf.mjs";
-import { C as we } from "../CurrencyInput-lSC7oPDg.mjs";
+import { L as Q } from "../ListItemAction-uobBrm_a.mjs";
+import { C as we } from "../CurrencyInput-xH-hqry9.mjs";
 import { fromUnixTime as J } from "date-fns/fromUnixTime";
 import N from "@mui/material/ListItem";
 import k from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
 import { DataGridPro as tt } from "@mui/x-data-grid-pro";
-import { D as F } from "../Drawer-kEE73B87.mjs";
+import { D as F } from "../Drawer-BEtCk82g.mjs";
 import { b as L } from "../Localization-2MODESHW.mjs";
-import { f as re, D as ie, a as nt } from "../Dialog-CWW597AF.mjs";
+import { f as re, a as ie, D as nt } from "../Dialog-BPTr3qHE.mjs";
 import V from "@mui/material/ListItemAvatar";
-import { g as De, A as ye } from "../ConnectDrawer-CbxHKlRv.mjs";
+import { g as De, A as ye } from "../ConnectDrawer-CuUj16NH.mjs";
 import ot from "@mui/material/Collapse";
 import at from "@mui/material/ListItemIcon";
 import rt from "@mui/material/Checkbox";
-import { u as it, A as st } from "../AccountDetailsHeader-jAFWoHj7.mjs";
-import { A as lt } from "../AccountDetailsContent-BgCST7mK.mjs";
-import { u as ct } from "../useAccountDisplayName-D6sQsNNQ.mjs";
+import { u as it, A as st } from "../AccountDetailsHeader-CRzfuFA2.mjs";
+import { A as lt } from "../AccountDetailsContent-gke-5zMF.mjs";
+import { u as ct } from "../useAccountDisplayName-CMMlIOXF.mjs";
 import Ke from "@mui/material/TextField";
-import { M as dt, I as mt, O as ut } from "../OriginalBalanceAction-V6FEoIDe.mjs";
+import { M as dt, I as mt, O as ut } from "../OriginalBalanceAction-CCmnsd7y.mjs";
 import { getUnixTime as _t } from "date-fns/getUnixTime";
 import { isValid as pt } from "date-fns/isValid";
 import { AdapterDateFns as ht } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as gt } from "@mui/x-date-pickers";
 import { LocalizationProvider as bt } from "@mui/x-date-pickers/LocalizationProvider";
-import { A as Y, W as ft } from "../WidgetContainer-BnTgAfQn.mjs";
+import { A as Y, W as ft } from "../WidgetContainer-6dsjtOVg.mjs";
 import { L as Me } from "../Loader-DUaFpDGv.mjs";
-import { E as yt } from "../EmptyState-DA_lfRBv.mjs";
+import { E as yt } from "../EmptyState-DoxNUae-.mjs";
 import At from "@mui/material/Stack/Stack";
 import Tt from "@mui/material/Box";
 import Ct from "@mui/material/styles/useTheme";
 import { S as St } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { M as Rt } from "../MicroWidgetContainer-CFdMGJKg.mjs";
+import { M as Rt } from "../MicroWidgetContainer-DEiRnYVa.mjs";
 function de({ title: t, subtitle: n }) {
   return /* @__PURE__ */ i(b, { children: [
     /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t }),

package/dist/help/index.es.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { observer as m } from "mobx-react-lite";
-import { H as s } from "../Help-hi9I9EYP.mjs";
-import { b as p } from "../hooks-Cy8JnjCg.mjs";
+import { H as s } from "../Help-BnPXM_N2.mjs";
+import { b as p } from "../hooks-C41HAxM5.mjs";
 import { L as a } from "../Loader-DUaFpDGv.mjs";
-import { W as n } from "../WidgetContainer-BnTgAfQn.mjs";
+import { W as n } from "../WidgetContainer-6dsjtOVg.mjs";
 const x = m(({ onBackClick: o, sx: i }) => {
   const { isCopyLoaded: e, isInitialized: t } = p();
   return !e || !t ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ r(n, { onBackClick: o, sx: { p: 16 }, children: /* @__PURE__ */ r(s, { sx: i }) });

package/dist/{hooks-Cy8JnjCg.mjs → hooks-C41HAxM5.mjs}

@@ -70,8 +70,8 @@ export {
   T as t,
   E as u,
   w as v,
-  W as w,
-  V as x,
-  y,
-  F as z
+  V as w,
+  y as x,
+  F as y,
+  W as z
 };

package/dist/investments/index.es.js

@@ -4,7 +4,7 @@ import { observer as P } from "mobx-react-lite";
 import _ from "@mui/material/Stack";
 import Ee from "@mui/material/Tab";
 import Ge from "@mui/material/Tabs";
-import { C as ge } from "../ConnectionsDrawer-C6kanU7I.mjs";
+import { C as ge } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
 import pe from "@mui/material/useMediaQuery";
 import Me from "@mui/material/Box";
 import Ne from "@mui/material/Collapse";
@@ -16,8 +16,8 @@ import xe from "@mui/material/ToggleButton";
 import ye from "@mui/material/ToggleButtonGroup";
 import { Text as i, H1 as fe, P as ve, InstitutionLogo as ne } from "@mxenabled/mxui";
 import Ue from "@mui/material/Button";
-import { u as M, g as be, t as H, b as Q, d as se, n as je } from "../hooks-Cy8JnjCg.mjs";
-import { A as z, W as ze } from "../WidgetContainer-BnTgAfQn.mjs";
+import { u as M, g as be, t as H, b as Q, d as se, n as je } from "../hooks-C41HAxM5.mjs";
+import { A as z, W as ze } from "../WidgetContainer-6dsjtOVg.mjs";
 import { a as Oe, f as oe } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
 import le from "@mui/material/styles/useTheme";
@@ -34,11 +34,11 @@ import Ce from "@mui/material/AccordionSummary";
 import ie from "@mui/material/Paper";
 import x from "@mui/system/Stack";
 import Se from "@mui/material/TextField";
-import { D as qe } from "../Drawer-kEE73B87.mjs";
+import { D as qe } from "../Drawer-BEtCk82g.mjs";
 import { DataGridPro as Ke } from "@mui/x-data-grid-pro";
 import { Stack as Ye } from "@mui/material";
 import { L as De } from "../Loader-DUaFpDGv.mjs";
-import { E as Qe } from "../EmptyState-DA_lfRBv.mjs";
+import { E as Qe } from "../EmptyState-DoxNUae-.mjs";
 const de = ({ sx: t = {} }) => {
   const { investments: g } = M(), { onEvent: c } = be(), { setShowConnectionsWidget: u } = H();
   return /* @__PURE__ */ o(_, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...t }, children: [

package/dist/merchants/index.es.js

@@ -12,7 +12,7 @@ import k from "@mui/material/ListItemText";
 import A from "@mui/material/Paper";
 import d from "@mui/material/Stack";
 import { MerchantLogo as V, Text as R } from "@mxenabled/mxui";
-import { c as v, u as w, b as C } from "../hooks-Cy8JnjCg.mjs";
+import { c as v, u as w, b as C } from "../hooks-C41HAxM5.mjs";
 import { L as p } from "../Loader-DUaFpDGv.mjs";
 import { S as N } from "../SearchBox-B2_zLv8-.mjs";
 import { M as ne } from "../MerchantStore-WvZ4gnQe.mjs";

package/dist/networth/index.es.js

@@ -2,37 +2,37 @@ import { jsx as t, jsxs as r, Fragment as v } from "react/jsx-runtime";
 import { fromUnixTime as _t } from "date-fns/fromUnixTime";
 import { observer as w } from "mobx-react-lite";
 import { useTheme as z } from "@mui/material/styles";
-import { L as wt } from "../LineChart-eK4IQImU.mjs";
+import { L as wt } from "../LineChart-DttMO7uS.mjs";
 import { u as Z } from "../useScreenSize-B6JyS_Lj.mjs";
-import { q as bt, u as T, d as J, g as Q, b as P, r as tt, n as Wt } from "../hooks-Cy8JnjCg.mjs";
-import { f as vt, D as It } from "../Dialog-CWW597AF.mjs";
+import { q as bt, u as T, d as J, g as Q, b as P, r as tt, n as Wt } from "../hooks-C41HAxM5.mjs";
+import { f as vt, a as It } from "../Dialog-BPTr3qHE.mjs";
 import W from "@mui/material/Divider";
 import B from "@mui/material/List";
-import E from "@mui/material/ListSubheader";
+import k from "@mui/material/ListSubheader";
 import h from "@mui/material/Stack";
 import { Text as m, Icon as H, H1 as Tt, P as Lt } from "@mxenabled/mxui";
 import d from "react";
-import k from "@mui/material/ListItem";
+import D from "@mui/material/ListItem";
 import et from "@mui/material/ListItemButton";
 import _ from "@mui/material/ListItemText";
-import { i as nt } from "../DateUtil-BcuH7ErC.mjs";
+import { i as nt } from "../DateUtil-CBdcsyuk.mjs";
 import { C as y } from "../CurrencyText-kyC1aseI.mjs";
-import { Button as Nt, Stack as Dt } from "@mui/material";
-import { format as Et, fromUnixTime as kt, differenceInMonths as At } from "date-fns";
-import { g as K } from "../NetWorthStore-CxqIxAgN.mjs";
-import { N as Re } from "../NetWorthStore-CxqIxAgN.mjs";
+import { Button as Nt, Stack as Et } from "@mui/material";
+import { format as kt, fromUnixTime as Dt, differenceInMonths as At } from "date-fns";
+import { g as K } from "../NetWorthStore-CpL_kqvx.mjs";
+import { N as Re } from "../NetWorthStore-CpL_kqvx.mjs";
 import { Icon as ot } from "@mxenabled/mx-icons";
 import { f as U } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { A as b, W as Mt } from "../WidgetContainer-BnTgAfQn.mjs";
+import { A as b, W as Mt } from "../WidgetContainer-6dsjtOVg.mjs";
 import { L as O } from "../Loader-DUaFpDGv.mjs";
-import { M as Ht } from "../MicroWidgetContainer-CFdMGJKg.mjs";
+import { M as Ht } from "../MicroWidgetContainer-DEiRnYVa.mjs";
 import rt from "@mui/material/Box";
-import { C as Bt } from "../ConnectionsDrawer-C6kanU7I.mjs";
+import { C as Bt } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
 import Ot from "@mui/material/Collapse";
 import V from "@mui/material/ListItemIcon";
 import it from "@mui/material/styles/useTheme";
-import { E as zt } from "../EmptyState-DA_lfRBv.mjs";
-import { D as Y } from "../Drawer-kEE73B87.mjs";
+import { E as zt } from "../EmptyState-DoxNUae-.mjs";
+import { D as Y } from "../Drawer-BEtCk82g.mjs";
 const Rt = ({
   chartData: e,
   hoveredData: l,
@@ -85,7 +85,7 @@ const Rt = ({
     u(l(e));
   }, [i, n]), /* @__PURE__ */ r(d.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      D,
       {
         sx: {
           ...c,
@@ -133,7 +133,7 @@ const Rt = ({
   };
   return /* @__PURE__ */ r(h, { direction: "column", sx: { width: 320 }, children: [
     /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ t(E, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ t(m, { bold: !0, component: "h2", variant: "Body", children: c.monthly_totals }) }),
+      /* @__PURE__ */ t(k, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ t(m, { bold: !0, component: "h2", variant: "Body", children: c.monthly_totals }) }),
       /* @__PURE__ */ t(W, {}),
       e.map((x, g) => /* @__PURE__ */ t(
         Gt,
@@ -167,7 +167,7 @@ const Rt = ({
   theme: s
 }) => {
   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(Dt, { alignItems: "center", direction: "row", spacing: 4, children: [
+  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(Et, { alignItems: "center", direction: "row", spacing: 4, children: [
     /* @__PURE__ */ t(
       H,
       {
@@ -182,7 +182,7 @@ const Rt = ({
     /* @__PURE__ */ t(m, { variant: "Small", children: e })
   ] });
 }, R = w(Kt), Ut = ({ hoveredData: e, selectedData: l }) => {
-  const { net_worth: i } = T(), n = z(), s = e || l, o = Et(kt(s.x), "MMMM");
+  const { net_worth: i } = T(), n = z(), s = e || l, o = kt(Dt(s.x), "MMMM");
   return /* @__PURE__ */ r(h, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ t(m, { color: n.palette.secondary.main, variant: "Small", children: `${o} ${i.net_worth}` }),
     /* @__PURE__ */ t(y, { amount: s.y, variant: "H2" }),
@@ -240,7 +240,7 @@ const Rt = ({
 }), Zt = ({ accounts: e, name: l, icon: i }) => {
   const [n, s] = d.useState(!1);
   return /* @__PURE__ */ r(v, { children: [
-    /* @__PURE__ */ t(k, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(et, { onClick: () => s(!n), children: [
+    /* @__PURE__ */ t(D, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(et, { onClick: () => s(!n), children: [
       i && /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(H, { name: i, size: 24, sx: { mr: 12 } }) }),
       /* @__PURE__ */ t(
         _,
@@ -252,7 +252,7 @@ const Rt = ({
     ] }) }),
     /* @__PURE__ */ t(W, {}),
     /* @__PURE__ */ t(Ot, { in: n, timeout: "auto", unmountOnExit: !0, children: e.map((o, a) => /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ t(k, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(D, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
@@ -319,7 +319,7 @@ const Rt = ({
       }
     ),
     /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
@@ -329,7 +329,7 @@ const Rt = ({
         }
       ) }),
       /* @__PURE__ */ t(q, { groupedAccounts: K(l) }),
-      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
@@ -356,7 +356,7 @@ const Rt = ({
       e && /* @__PURE__ */ t(R, { currencyVariant: "H1", iconSize: 32, netWorth: e, theme: a })
     ] }),
     /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
@@ -366,7 +366,7 @@ const Rt = ({
         }
       ) }),
       l?.map((c) => /* @__PURE__ */ r(d.Fragment, { children: [
-        /* @__PURE__ */ t(k, { sx: { backgroundColor: a.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(D, { sx: { backgroundColor: a.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
           _,
           {
             primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
@@ -385,7 +385,7 @@ const Rt = ({
         ) }),
         /* @__PURE__ */ t(W, {})
       ] }, c.accountName)),
-      /* @__PURE__ */ t(E, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         _,
         {
           primary: /* @__PURE__ */ r(h, { direction: "row", justifyContent: "space-between", children: [
@@ -396,7 +396,7 @@ const Rt = ({
       ) }),
       i?.map((c) => /* @__PURE__ */ r(v, { children: [
         /* @__PURE__ */ t(
-          k,
+          D,
           {
             sx: { backgroundColor: a.palette.background.paper, py: 14 },
             children: /* @__PURE__ */ t(
@@ -443,11 +443,11 @@ const Rt = ({
     selectedData: f,
     setHoveredData: L,
     setSelectedData: at
-  } = tt(), { isMobile: N } = Z(), { onEvent: D } = Q(), { onLoad: st } = Wt(), [ct, lt] = d.useState(!1), [A, mt] = d.useState(6), [dt, j] = d.useState(!1), [ht, $] = d.useState(!1), [ut, G] = d.useState(!1), pt = async () => {
+  } = tt(), { isMobile: N } = Z(), { onEvent: E } = Q(), { onLoad: st } = Wt(), [ct, lt] = d.useState(!1), [A, mt] = d.useState(6), [dt, j] = d.useState(!1), [ht, $] = d.useState(!1), [ut, G] = d.useState(!1), pt = async () => {
     await S(n), await g(A), lt(!0);
   };
   d.useEffect(() => {
-    D(b.NET_WORTH_VIEW);
+    E(b.NET_WORTH_VIEW);
   }, []), d.useEffect(() => {
     s(c);
   }, [c]), d.useEffect(() => {
@@ -455,7 +455,7 @@ const Rt = ({
       st?.("NetWorthWidget");
     });
   }, [i, n]), d.useEffect(() => {
-    D(b.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: A + "M" }), g(A).finally();
+    E(b.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: A + "M" }), g(A).finally();
   }, [A]);
   const ft = (I, M) => {
     at(M), I.currentTarget instanceof HTMLDivElement && j(!0);
@@ -464,7 +464,7 @@ const Rt = ({
   }, gt = () => {
     L(null);
   }, yt = () => {
-    D(b.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), $(!0);
+    E(b.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), $(!0);
   }, Ct = async (I) => {
     const M = I[0], F = I[1];
     M && F && mt(At(F, M));
@@ -477,7 +477,7 @@ const Rt = ({
     onMouseLeave: gt,
     selectedData: f
   }, St = () => {
-    G(!0), D(b.ACCOUNTS_CLICK_CONNECT);
+    G(!0), E(b.ACCOUNTS_CLICK_CONNECT);
   };
   return l ? /* @__PURE__ */ t(
     Mt,
@@ -487,7 +487,7 @@ const Rt = ({
         onRangeChanged: Ct
       },
       dateRangeVariant: N ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: () => D(b.NET_WORTH_WIDGET_CLICK_FILTER),
+      onAccountsFilterClick: () => E(b.NET_WORTH_WIDGET_CLICK_FILTER),
       onBackClick: e,
       showDividerAboveDateSelector: !1,
       sx: {

package/dist/notifications/index.es.js

@@ -9,16 +9,16 @@ import y from "@mui/material/Box";
 import D from "@mui/material/Divider";
 import B from "@mui/material/List";
 import { Text as m, InstitutionLogo as T, CategoryIcon as R } from "@mxenabled/mxui";
-import { h as I } from "../DateUtil-BcuH7ErC.mjs";
+import { h as I } from "../DateUtil-CBdcsyuk.mjs";
 import { useTheme as O, Card as G } from "@mui/material";
-import { d as E, i as j, u as g, o as N, b as S, a as z } from "../hooks-Cy8JnjCg.mjs";
+import { d as E, i as j, u as g, o as N, b as S, a as z } from "../hooks-C41HAxM5.mjs";
 import { Icon as U, Settings as F } from "@mxenabled/mx-icons";
 import P from "@mui/material/Button";
 import W from "@mui/material/Stack";
 import { L as w } from "../Loader-DUaFpDGv.mjs";
 import $ from "@mui/material/IconButton";
-import { N as H } from "../NotificationSettings-DxytNHlN.mjs";
-import { D as C } from "../Drawer-kEE73B87.mjs";
+import { N as H } from "../NotificationSettings-DI5B1spM.mjs";
+import { D as C } from "../Drawer-BEtCk82g.mjs";
 const yt = (e) => {
   switch (e) {
     case b.BudgetExceeded: