@mx-cartographer/experiences 8.2.2 → 8.2.4-alpha-ram1-bug-testing

package/dist/merchants/index.es.js

@@ -14,7 +14,7 @@ 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-BaO_gOI6.mjs";
 import { L as u } from "../Loader-CxeBwuPG.mjs";
-import { S as N } from "../SearchBox-CwDgvWVJ.mjs";
+import { S as N } from "../SearchBox-Cpgu_gdO.mjs";
 const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, p = 65, P = ({
   height: f = "calc(100dvh - 120px)",
   onSelect: g

package/dist/microinsights/MicroCardTemplate.d.ts

@@ -1,13 +1,11 @@
 import { default as React } from 'react';
-import { SxProps } from '@mui/material/styles';
 interface MicroCardTemplateProps {
     ariaLabel?: string;
-    cardSx?: SxProps;
     closeAriaLabel?: string;
     description: string;
+    elevation?: number;
     icon?: React.ReactNode;
     isActiveCard?: boolean;
-    hasCardEffect?: boolean;
     heightOverrides?: string | number;
     onClose?: () => void;
     onCardClick?: () => void;
@@ -16,7 +14,7 @@ interface MicroCardTemplateProps {
     primaryActionText?: string;
     secondaryActionText?: string;
     title: string;
-    variant?: 'elevation' | 'outlined';
+    variant?: 'outlined' | 'elevation' | undefined;
     widthOverrides?: string | number;
 }
 declare const MicroCardTemplate: React.ForwardRefExoticComponent<MicroCardTemplateProps & React.RefAttributes<HTMLDivElement>>;

package/dist/microinsights/cards/InsightCard.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { MicroWidgetProps, BeatLikeOffer } from '../interfaces';
+import { BeatLikeOffer, MicroInsightCardProps } from '../interfaces';
 import { Beat } from '../../core/types/Beat';
-export interface InsightCardProps extends Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'isActiveCard' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant' | 'widthOverrides'> {
+export interface InsightCardProps extends MicroInsightCardProps {
     beat: Beat | BeatLikeOffer;
     index?: number;
 }

package/dist/microinsights/cards/NoRelevantInsightsCard.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '../interfaces';
-type NoRelevantInsightsCardProps = Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant'>;
-export declare const NoRelevantInsightsCard: React.FC<NoRelevantInsightsCardProps>;
-declare const _default: React.FunctionComponent<NoRelevantInsightsCardProps>;
+import { MicroInsightCardProps } from '../interfaces';
+export declare const NoRelevantInsightsCard: React.FC<MicroInsightCardProps>;
+declare const _default: React.FunctionComponent<MicroInsightCardProps>;
 export default _default;

package/dist/microinsights/cards/ViewMoreMicroCard.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '../interfaces';
-type ViewMoreMicroCardProps = Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'isActiveCard' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant' | 'widthOverrides'>;
-export declare const ViewMoreMicroCard: React.FC<ViewMoreMicroCardProps>;
-declare const _default: React.FunctionComponent<ViewMoreMicroCardProps>;
+import { MicroInsightCardProps } from '../interfaces';
+export declare const ViewMoreMicroCard: React.FC<MicroInsightCardProps>;
+declare const _default: React.FunctionComponent<MicroInsightCardProps>;
 export default _default;

package/dist/microinsights/cards/ZeroStateCard.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '../interfaces';
-type ZeroStateCardProps = Pick<MicroWidgetProps, 'ariaLabel' | 'heightOverrides' | 'onCardClick' | 'showIcon' | 'variant'>;
-export declare const ZeroStateCard: React.FC<ZeroStateCardProps>;
-declare const _default: React.FunctionComponent<ZeroStateCardProps>;
+import { MicroInsightCardProps } from '../interfaces';
+export declare const ZeroStateCard: React.FC<MicroInsightCardProps>;
+declare const _default: React.FunctionComponent<MicroInsightCardProps>;
 export default _default;

package/dist/microinsights/carousel/BeatList.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { MicroWidgetProps } from '..';
+import { MicroInsightCardProps } from '../interfaces';
 import { Beat } from '../../core/types/Beat';
-export interface BeatListProps extends Pick<MicroWidgetProps, 'heightOverrides' | 'onCardClick' | 'posthog' | 'showIcon' | 'variant'> {
+export interface BeatListProps extends MicroInsightCardProps {
     activeCardIndex: number;
     beats: Beat[];
     cardWidth: number | null;

package/dist/microinsights/carousel/MicroBeatCarousel.d.ts

@@ -1,9 +1,20 @@
 import { default as React } from 'react';
 import { MicroWidgetProps } from '..';
 import { Beat } from '../../core/types/Beat';
-export interface MicroBeatCarouselProps extends Pick<MicroWidgetProps, 'allowSingleCardPeeking' | 'heightOverrides' | 'onCardClick' | 'posthog' | 'showCarouselControls' | 'showIcon' | 'showWithMargin' | 'variant' | 'visibleCardsCount' | 'widthOverrides'> {
+interface MicroBeatCarouselProps {
+    allowSingleCardPeeking?: boolean;
     analyticsMetadata?: Record<string, string>;
     beats?: Beat[];
+    elevation?: number;
+    heightOverrides?: MicroWidgetProps['heightOverrides'];
+    onCardClick?: MicroWidgetProps['onCardClick'];
+    posthog?: MicroWidgetProps['posthog'];
+    showCarouselControls?: boolean;
+    showIcon?: boolean;
+    showWithMargin?: boolean;
+    variant?: 'outlined' | 'elevation' | undefined;
+    visibleCardsCount?: number;
+    widthOverrides?: number;
 }
 declare const _default: React.FunctionComponent<MicroBeatCarouselProps>;
 export default _default;

package/dist/microinsights/index.es.js

@@ -1,4 +1,4 @@
-import { A as u, B as s, C as c, I as v, a as C, b as R, M as H, c as M, d as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-BB3Dusch.mjs";
+import { A as u, B as s, C as c, I as v, a as C, b as R, M as H, c as M, d as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-BD_MNc2z.mjs";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 const a = ({
   color: i = "currentColor",

package/dist/microinsights/interfaces.d.ts

@@ -2,29 +2,37 @@ import { Beat, Offer } from '../core';
 import { SxProps } from '@mui/material/styles';
 export interface MicroWidgetProps {
     allowSingleCardPeeking?: boolean;
-    ariaLabel?: string;
     areBeatsLoading?: boolean;
     beats?: Beat[];
+    cardStyle?: 'elevation 1' | 'border' | 'flat';
     endpoint?: string;
     headerSx?: SxProps;
     heightOverrides?: number | string;
-    isActiveCard?: boolean;
     logOutUser?: () => void;
     onCardClick?: (beat?: Beat | undefined) => void;
     onEvent?: (event?: string | undefined) => void;
     onPageview?: (event?: string | undefined) => void;
     posthog?: TheWholeHog;
-    showBorder?: boolean;
     showCarouselControls?: boolean;
     showHeader?: boolean;
     showIcon?: boolean;
     showWithMargin?: boolean;
     token?: string;
     userHasFullInsightFeedBeats?: boolean;
-    variant?: 'elevation' | 'outlined' | undefined;
     visibleCardsCount?: number;
     widthOverrides?: number;
 }
+export interface MicroInsightCardProps {
+    ariaLabel?: string;
+    elevation?: number;
+    heightOverrides?: number | string;
+    isActiveCard?: boolean;
+    onCardClick?: (beat?: Beat | undefined) => void;
+    posthog?: TheWholeHog;
+    showIcon?: boolean;
+    variant?: 'outlined' | 'elevation' | undefined;
+    widthOverrides?: number;
+}
 export interface TheWholeHog {
     identify: (userGuid: string, clientGuid: string, properties?: Record<string, any>) => void;
     capture: (eventName: string, properties?: Record<string, any>) => void;

package/dist/networth/index.es.js

@@ -2,41 +2,39 @@ import { jsxs as r, jsx as e, Fragment as N } from "react/jsx-runtime";
 import u from "react";
 import { observer as _ } from "mobx-react-lite";
 import m from "@mui/material/Stack";
-import { P as Y, Text as d, Icon as H } from "@mxenabled/mxui";
+import { P as Y, Text as d, Icon as R } from "@mxenabled/mxui";
 import { Icon as Z } from "@mxenabled/mx-icons";
 import { f as F } from "../NumberFormatting--XMeeBfr.mjs";
-import { d as re, g as z, u as E, b as q, x as R, D as ie } from "../hooks-BaO_gOI6.mjs";
+import { d as oe, g as $, u as E, b as q, x as j, D as re } from "../hooks-BaO_gOI6.mjs";
 import { u as J } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { A as v } from "../Analytics-CzGzz_sE.mjs";
 import { L as Q } from "../Loader-CxeBwuPG.mjs";
-import { M as ae } from "../MicroWidgetContainer-CfKdQfhi.mjs";
-import { format as se, fromUnixTime as ce, differenceInMonths as le } from "date-fns";
+import { M as ie } from "../MicroWidgetContainer-CfKdQfhi.mjs";
+import { format as ae, fromUnixTime as se, differenceInMonths as ce } from "date-fns";
 import P from "@mui/material/Box";
-import { C as de } from "../ConnectionsDrawer-D7IXAza2.mjs";
-import { fromUnixTime as me } from "date-fns/fromUnixTime";
-import he from "@mui/material/Stack/Stack";
-import { useTheme as G } from "@mui/material/styles";
-import { L as pe } from "../LineChart-CejWS_rh.mjs";
-import { u as ee } from "../useScreenSize-CeFhWTt_.mjs";
-import { f as ue, D as fe } from "../DateFormats-HudZ3Bjs.mjs";
-import xe from "@mui/material/Button";
+import { C as le } from "../ConnectionsDrawer-CtfPXk0M.mjs";
+import { fromUnixTime as de } from "date-fns/fromUnixTime";
+import { useTheme as H } from "@mui/material/styles";
+import { L as me } from "../LineChart-CejWS_rh.mjs";
+import { u as ee } from "../useScreenSize-mWpmnh5w.mjs";
+import { f as he, D as pe } from "../DateFormats-HudZ3Bjs.mjs";
+import ue from "@mui/material/Button";
 import L from "@mui/material/Divider";
-import j from "@mui/material/List";
+import z from "@mui/material/List";
 import A from "@mui/material/ListSubheader";
 import O from "@mui/material/ListItem";
 import te from "@mui/material/ListItemButton";
 import b from "@mui/material/ListItemText";
 import { j as ne } from "../DateUtil-Bhq59ZVg.mjs";
 import { C as x } from "../CurrencyText-CCbE6MmF.mjs";
-import oe from "@mui/material/styles/useTheme";
-import { Stack as ge } from "@mui/material";
-import ye from "@mui/material/Collapse";
+import { Stack as fe } from "@mui/material";
+import xe from "@mui/material/Collapse";
 import K from "@mui/material/ListItemIcon";
 import { g as U } from "../NetWorthUtils-DilGN1nW.mjs";
-import { D as V } from "../Drawer-XPaLYjiO.mjs";
-import { W as Ce } from "../WidgetContainer-CYcmwsSu.mjs";
-import { E as be } from "../EmptyState-DHAkGsjk.mjs";
-const _e = ({ amount: t, copy: s, trendValue: i }) => {
+import { D as V } from "../Drawer-BXqqBMxg.mjs";
+import { W as ge } from "../WidgetContainer-DNuz_s7W.mjs";
+import { E as ye } from "../EmptyState-CJUDc3kD.mjs";
+const Ce = ({ amount: t, copy: s, trendValue: i }) => {
   const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
   return /* @__PURE__ */ r(m, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(Y, { variant: "h1", children: F(t, "0,0") }),
@@ -48,14 +46,14 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       /* @__PURE__ */ e(d, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: s.this_month })
     ] })
   ] });
-}, we = ({ copy: t }) => /* @__PURE__ */ r(m, { sx: { flexDirection: "row", gap: 12 }, children: [
+}, be = ({ copy: t }) => /* @__PURE__ */ r(m, { sx: { flexDirection: "row", gap: 12 }, children: [
   /* @__PURE__ */ e(Z, { name: "elevation", size: 32, sx: { color: "text.primary" } }),
   /* @__PURE__ */ r(m, { children: [
     /* @__PURE__ */ e(d, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: t.empty_widget_header }),
     /* @__PURE__ */ e(Y, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
   ] })
-] }), _t = _(({ onCTAClick: t }) => {
-  const { visibleAccounts: s } = re(), { onEvent: i } = z(), { net_worth: n, common: a } = E(), { isInitialized: o } = q(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: f } = R();
+] }), gt = _(({ onCTAClick: t }) => {
+  const { visibleAccounts: s } = oe(), { onEvent: i } = $(), { net_worth: n, common: a } = E(), { isInitialized: o } = q(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: g, selectedData: f } = j();
   if (u.useEffect(() => {
     c || l().finally();
   }, []), J({
@@ -66,41 +64,41 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       state: s?.length ? "default" : "zeroState"
     });
   }, [c]), !o || !c) return /* @__PURE__ */ e(Q, { height: 100 });
-  const S = () => {
+  const W = () => {
     i(
       s.length ? v.NET_WORTH_CLICK_VIEW_DETAILS : v.NET_WORTH_CLICK_GET_STARTED
     ), t();
   };
   return /* @__PURE__ */ e(
-    ae,
+    ie,
     {
       className: "mx-networth-microwidget",
       ctaLabel: a.see_details,
-      onCTAClick: S,
+      onCTAClick: W,
       title: n.net_worth,
       children: g.accounts.length ? /* @__PURE__ */ e(
-        _e,
+        Ce,
         {
           amount: f?.y,
           copy: n,
           trendValue: f?.change
         }
-      ) : /* @__PURE__ */ e(we, { copy: n })
+      ) : /* @__PURE__ */ e(be, { copy: n })
     }
   );
-}), ve = () => {
-  const { isMobile: t } = ee(), { availableWidth: s } = ie(), i = G(), {
+}), _e = () => {
+  const { isMobile: t } = ee(), { availableWidth: s } = re(), i = H(), {
     hoveredData: n,
     netWorthChartData: a,
     selectedData: o,
     setHoveredIndex: c,
     setSelectedIndex: l
-  } = R(), g = s - 320, f = a.map((h) => ({
-    x: ue(me(h.x), fe.MONTH_SHORT),
+  } = j(), g = s - 320, f = a.map((h) => ({
+    x: he(de(h.x), pe.MONTH_SHORT),
     y: h.y
-  })), S = o ? { index: a.findIndex((h) => h.x === o.x) } : void 0, W = n ? { index: a.findIndex((h) => h.x === n.x) } : void 0, w = (h) => ({
-    fill: h === S?.index ? i.palette.success.main : "",
-    filter: h === W?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
+  })), W = o ? { index: a.findIndex((h) => h.x === o.x) } : void 0, S = n ? { index: a.findIndex((h) => h.x === n.x) } : void 0, w = (h) => ({
+    fill: h === W?.index ? i.palette.success.main : "",
+    filter: h === S?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
     stroke: i.palette.success.main
   }), y = (h, M) => {
     l(M);
@@ -109,8 +107,8 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
   }, D = () => {
     c(-1);
   };
-  return /* @__PURE__ */ e(he, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-    pe,
+  return /* @__PURE__ */ e(m, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+    me,
     {
       baseline: "min",
       chartFor: "networthChart",
@@ -129,7 +127,7 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       width: t ? s - 48 : g
     }
   ) });
-}, Se = _(ve), We = ({
+}, we = _(_e), ve = ({
   item: t,
   getStyles: s,
   isHovered: i = !1,
@@ -174,7 +172,7 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
     ),
     /* @__PURE__ */ e(L, {})
   ] }, t.x);
-}, Te = _(We), Ie = ({
+}, We = _(ve), Se = ({
   currencyLabel: t,
   currencyVariant: s = "body2",
   iconSize: i,
@@ -182,9 +180,9 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
   theme: a
 }) => {
   let o = a.palette.secondary.main, c = a.palette.secondary.main, l = "trending_flat";
-  return n.change < 0 ? l = "trending_down" : n.change > 0 && (o = a.palette.success.main, c = a.palette.success.main, l = "trending_up"), /* @__PURE__ */ r(ge, { alignItems: "center", direction: "row", spacing: 4, children: [
+  return n.change < 0 ? l = "trending_down" : n.change > 0 && (o = a.palette.success.main, c = a.palette.success.main, l = "trending_up"), /* @__PURE__ */ r(fe, { alignItems: "center", direction: "row", spacing: 4, children: [
     /* @__PURE__ */ e(
-      H,
+      R,
       {
         name: l,
         size: i,
@@ -196,21 +194,21 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
     /* @__PURE__ */ e(x, { amount: n.change, color: c, variant: s }),
     /* @__PURE__ */ e(d, { variant: "body2", children: t })
   ] });
-}, B = _(Ie), Le = ({
+}, B = _(Se), Ie = ({
   netWorth: t,
   gains: s,
   losses: i,
   totalGains: n,
   totalLosses: a
 }) => {
-  const { net_worth: o } = E(), c = oe();
+  const { net_worth: o } = E(), c = H();
   return /* @__PURE__ */ r(N, { children: [
     /* @__PURE__ */ r(m, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
       /* @__PURE__ */ e(d, { variant: "body2", children: ne(t?.x) }),
       /* @__PURE__ */ e(d, { variant: "body1", children: o.total_change }),
       t && /* @__PURE__ */ e(B, { currencyVariant: "h1", iconSize: 32, netWorth: t, theme: c })
     ] }),
-    /* @__PURE__ */ r(j, { children: [
+    /* @__PURE__ */ r(z, { children: [
       /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         b,
         {
@@ -287,21 +285,21 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       ] }))
     ] })
   ] });
-}, De = _(Le), Ne = ({ accounts: t, name: s, icon: i }) => {
+}, Te = _(Ie), Le = ({ accounts: t, name: s, icon: i }) => {
   const [n, a] = u.useState(!1);
   return /* @__PURE__ */ r(N, { children: [
     /* @__PURE__ */ e(O, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(te, { onClick: () => a(!n), children: [
-      i && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(H, { name: i, size: 24, sx: { mr: 12 } }) }),
+      i && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(R, { name: i, size: 24, sx: { mr: 12 } }) }),
       /* @__PURE__ */ e(
         b,
         {
           primary: /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "body1", children: s })
         }
       ),
-      /* @__PURE__ */ e(K, { children: n ? /* @__PURE__ */ e(H, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(H, { name: "expand_more", size: 24 }) })
+      /* @__PURE__ */ e(K, { children: n ? /* @__PURE__ */ e(R, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(R, { name: "expand_more", size: 24 }) })
     ] }) }),
     /* @__PURE__ */ e(L, {}),
-    /* @__PURE__ */ e(ye, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, c) => /* @__PURE__ */ r(j, { children: [
+    /* @__PURE__ */ e(xe, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, c) => /* @__PURE__ */ r(z, { children: [
       /* @__PURE__ */ e(O, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
         b,
         {
@@ -333,14 +331,14 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       c < t.length - 1 ? /* @__PURE__ */ e(L, { variant: "inset" }) : /* @__PURE__ */ e(L, {})
     ] }, o.accountName)) })
   ] });
-}, X = ({ groupedAccounts: t }) => /* @__PURE__ */ e(N, { children: t.map(({ accounts: s, icon: i, name: n }) => /* @__PURE__ */ e(Ne, { accounts: s, icon: i, name: n }, n)) }), Ee = ({
+}, X = ({ groupedAccounts: t }) => /* @__PURE__ */ e(N, { children: t.map(({ accounts: s, icon: i, name: n }) => /* @__PURE__ */ e(Le, { accounts: s, icon: i, name: n }, n)) }), De = ({
   netWorth: t,
   assets: s,
   liabilities: i,
   totalAssets: n,
   totalLiabilities: a
 }) => {
-  const { net_worth: o } = E(), c = oe();
+  const { net_worth: o } = E(), c = H();
   return /* @__PURE__ */ r(N, { children: [
     /* @__PURE__ */ r(
       P,
@@ -368,7 +366,7 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
         ]
       }
     ),
-    /* @__PURE__ */ r(j, { children: [
+    /* @__PURE__ */ r(z, { children: [
       /* @__PURE__ */ e(A, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         b,
         {
@@ -398,8 +396,8 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       /* @__PURE__ */ e(X, { groupedAccounts: U(i) })
     ] })
   ] });
-}, ke = _(Ee), Me = () => {
-  const { net_worth: t } = E(), s = G(), { onEvent: i } = z(), {
+}, Ne = _(De), Ee = () => {
+  const { net_worth: t } = E(), s = H(), { onEvent: i } = $(), {
     assetsLiabilities: n,
     gainsLosses: a,
     hoveredData: o,
@@ -407,42 +405,42 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
     selectedData: l,
     setHoveredIndex: g,
     setSelectedIndex: f
-  } = R(), [S, W] = u.useState(!1), [w, y] = u.useState(!1), k = (p) => {
-    const C = p.x === o?.x, T = p.x === l?.x, I = {
+  } = j(), [W, S] = u.useState(!1), [w, y] = u.useState(!1), k = (p) => {
+    const C = p.x === o?.x, I = p.x === l?.x, T = {
       backgroundColor: "inherit",
       borderBottom: "inherit",
       color: "inherit"
     };
-    return C && (I.color = T ? "inherit" : I.color, I.backgroundColor = s.palette.action.hover), T && (I.backgroundColor = s.palette.primary.main, I.borderBottom = s.palette.neutral.light, I.color = s.palette.common.white), I;
+    return C && (T.color = I ? "inherit" : T.color, T.backgroundColor = s.palette.action.hover), I && (T.backgroundColor = s.palette.primary.main, T.borderBottom = s.palette.neutral.light, T.color = s.palette.common.white), T;
   }, D = (p, C) => {
-    f(C), p.currentTarget instanceof HTMLDivElement && W(!0);
+    f(C), p.currentTarget instanceof HTMLDivElement && S(!0);
   }, h = () => {
     y(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
   }, M = (p) => {
     g(p);
-  }, $ = () => {
+  }, G = () => {
     g(-1);
   };
   return /* @__PURE__ */ r(m, { direction: "column", sx: { width: 320 }, children: [
-    /* @__PURE__ */ r(j, { children: [
+    /* @__PURE__ */ r(z, { children: [
       /* @__PURE__ */ e(A, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(d, { bold: !0, component: "h2", variant: "body1", children: t.monthly_totals }) }),
       /* @__PURE__ */ e(L, {}),
       c.map((p, C) => /* @__PURE__ */ e(
-        Te,
+        We,
         {
           getStyles: k,
           isHovered: p.x === o?.x,
           isSelected: p.x === l?.x,
           item: p,
-          onItemClick: (T) => D(T, C),
+          onItemClick: (I) => D(I, C),
           onMouseEnter: () => M(C),
-          onMouseLeave: () => $()
+          onMouseLeave: () => G()
         },
         p.x
       ))
     ] }),
     /* @__PURE__ */ e(
-      xe,
+      ue,
       {
         onClick: () => h(),
         sx: { alignSelf: "center", marginTop: 16, width: "fit-content" },
@@ -454,12 +452,12 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       V,
       {
         ariaLabelClose: "Close",
-        isOpen: S,
-        onClose: () => W(!1),
+        isOpen: W,
+        onClose: () => S(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
         title: t.gains_and_losses,
-        children: a && /* @__PURE__ */ e(De, { ...a })
+        children: a && /* @__PURE__ */ e(Te, { ...a })
       }
     ),
     /* @__PURE__ */ e(
@@ -471,45 +469,45 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
         title: t.assets_and_liabilities,
-        children: n && /* @__PURE__ */ e(ke, { ...n })
+        children: n && /* @__PURE__ */ e(Ne, { ...n })
       }
     )
   ] });
-}, Ae = _(Me), Oe = ({ hoveredData: t, selectedData: s }) => {
-  const { net_worth: i } = E(), n = G(), a = t || s, o = se(ce(a.x), "MMMM");
+}, ke = _(Ee), Me = ({ hoveredData: t, selectedData: s }) => {
+  const { net_worth: i } = E(), n = H(), a = t || s, o = ae(se(a.x), "MMMM");
   return /* @__PURE__ */ r(m, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(d, { color: n.palette.secondary.main, variant: "body2", children: `${o} ${i.net_worth}` }),
     /* @__PURE__ */ e(x, { amount: a.y, variant: "h2" }),
     /* @__PURE__ */ e(B, { currencyLabel: i.this_month, netWorth: a, theme: n })
   ] });
-}, He = _(Oe), wt = _(({ onBackClick: t, onMenuClick: s }) => {
+}, Ae = _(Me), yt = _(({ onBackClick: t, onMenuClick: s }) => {
   const { isInitialized: i } = q(), { accounts: n, net_worth: a } = E(), {
     hoveredData: o,
     isNetWorthDataLoaded: c,
     loadNetWorthData: l,
     netWorthChartData: g,
     selectedData: f,
-    setTimeframe: S,
-    timeframe: W
-  } = R(), { isMobile: w } = ee(), { onEvent: y } = z(), [k, D] = u.useState(!1);
+    setTimeframe: W,
+    timeframe: S
+  } = j(), { isMobile: w } = ee(), { onEvent: y } = $(), [k, D] = u.useState(!1);
   J({
     widgetName: "NetWorthWidget",
     isLoaded: c
   }), u.useEffect(() => {
     c || l().finally(), y(v.NET_WORTH_VIEW);
   }, []), u.useEffect(() => {
-    y(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: W + "M" });
-  }, [W]);
+    y(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: S + "M" });
+  }, [S]);
   const h = async (p) => {
-    const C = p[0], T = p[1];
-    C && T && S(le(T, C));
+    const C = p[0], I = p[1];
+    C && I && W(ce(I, C));
   }, M = () => {
     D(!0), y(v.ACCOUNTS_CLICK_CONNECT);
   };
   if (!i || !c) return /* @__PURE__ */ e(Q, {});
-  const $ = g.length === 0;
+  const G = g.length === 0;
   return /* @__PURE__ */ r(
-    Ce,
+    ge,
     {
       calendarActions: { onRangeChanged: h },
       dateRangeVariant: w ? "timeframetabs" : "timeframebuttons",
@@ -518,8 +516,8 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
       onMenuClick: s,
       title: a.net_worth,
       children: [
-        $ ? /* @__PURE__ */ e(P, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
-          be,
+        G ? /* @__PURE__ */ e(P, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
+          ye,
           {
             header: a.empty_widget_header,
             icon: "elevation",
@@ -534,7 +532,7 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
             }
           }
         ) }) : /* @__PURE__ */ r(N, { children: [
-          f && /* @__PURE__ */ e(He, { hoveredData: o, selectedData: f }),
+          f && /* @__PURE__ */ e(Ae, { hoveredData: o, selectedData: f }),
           /* @__PURE__ */ r(
             m,
             {
@@ -542,14 +540,14 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
               direction: w ? "column" : "row",
               spacing: w ? 0 : 48,
               children: [
-                /* @__PURE__ */ e(Se, {}),
-                /* @__PURE__ */ e(Ae, {})
+                /* @__PURE__ */ e(we, {}),
+                /* @__PURE__ */ e(ke, {})
               ]
             }
           )
         ] }),
         /* @__PURE__ */ e(
-          de,
+          le,
           {
             onClose: () => D(!1),
             showConnectionsWidget: k,
@@ -561,6 +559,6 @@ const _e = ({ amount: t, copy: s, trendValue: i }) => {
   );
 });
 export {
-  _t as NetWorthMicroWidget,
-  wt as NetWorthWidget
+  gt as NetWorthMicroWidget,
+  yt as NetWorthWidget
 };

package/dist/notifications/index.es.js

@@ -10,14 +10,14 @@ import { g as R, s as O } from "../NotificationUtils-BRGFTePr.mjs";
 import { Text as m, InstitutionLogo as G, CategoryIcon as E } from "@mxenabled/mxui";
 import { i as j } from "../DateUtil-Bhq59ZVg.mjs";
 import { useTheme as z, Card as U } from "@mui/material";
-import { d as F, o as P, u as C, y as w, b as v, a as V } from "../hooks-BaO_gOI6.mjs";
+import { d as F, o as P, u as C, y as v, b as w, a as V } from "../hooks-BaO_gOI6.mjs";
 import { Icon as W, Settings as $ } from "@mxenabled/mx-icons";
 import M from "@mui/material/Button";
 import X from "@mui/material/Stack";
 import { L as k } from "../Loader-CxeBwuPG.mjs";
 import Y from "@mui/material/IconButton";
-import { N as q } from "../NotificationSettings-CCg-Tml2.mjs";
-import { D as x } from "../Drawer-XPaLYjiO.mjs";
+import { N as q } from "../NotificationSettings-6p-h5phZ.mjs";
+import { D as x } from "../Drawer-BXqqBMxg.mjs";
 const xt = (i) => {
   switch (i) {
     case N.BudgetExceeded:
@@ -53,7 +53,7 @@ const xt = (i) => {
     }
   ) }) : /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(E, { categoryGuid: a?.category_guid, size: 36 }) });
 }, K = p(J), Q = ({ notification: i, onClick: e }) => {
-  const { updateNotification: r } = w(), n = z(), o = {
+  const { updateNotification: r } = v(), n = z(), o = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -98,8 +98,7 @@ const xt = (i) => {
             maxWidth: 327,
             pb: 24,
             pt: 12,
-            textAlign: "center",
-            whiteSpace: "normal"
+            textAlign: "center"
           },
           variant: "subtitle1",
           children: e.notification_empty_state.notification_description
@@ -113,7 +112,7 @@ const xt = (i) => {
   onClick: e,
   onManageNotifications: r
 }) => {
-  const { isLoading: n, loadNotifications: o, markAllAsViewed: a, recentNotifications: d } = w(), { isInitialized: u } = v(), c = (s) => {
+  const { isLoading: n, loadNotifications: o, markAllAsViewed: a, recentNotifications: d } = v(), { isInitialized: u } = w(), c = (s) => {
     e?.(s);
   };
   D(() => {
@@ -140,7 +139,7 @@ const xt = (i) => {
   ] });
 }, it = p(tt), St = p(
   ({ notificationTypes: i, isOpen: e, onClose: r, onNotificationClick: n }) => {
-    const { config: o } = V(), { notifications: a, settings: d } = C(), { isCopyLoaded: u } = v(), [c, g] = T.useState(!1);
+    const { config: o } = V(), { notifications: a, settings: d } = C(), { isCopyLoaded: u } = w(), [c, g] = T.useState(!1);
     return u ? /* @__PURE__ */ l(S, { children: [
       /* @__PURE__ */ l(
         x,