@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.sms1

package/CHANGELOG.md

@@ -1,6 +1,133 @@
+## [7.4.7] - 12-15-2025
+
+- **UPDATED** - Improved `d3` chunk loading for better performance.
+
+## [7.4.6] - 12-12-2025
+
+- **FIXED** - Mobile issues on Financial Wellness Card
+
+## [7.4.5] - 12-12-2025
+
+- **FIXED** - `Goals Widget` - Accounts Filter is fixed in Goals widget
+
+## [7.4.4] - 12-11-2025
+
+- **FIXED** - `FinStrong` - Missing data issue and loading issue fix
+
+## [7.4.3] - 12-11-2025
+
+- **FIXED** - `FinStrong` - Cosmetic Changes
+
+## [7.4.2] - 12-10-2025
+
+- **UPDATED** - `InsightsMicroWidget` - width bug on zero state fixed
+
+## [7.4.1] - 12-10-2025
+
+- **UPDATED** - `InsightsMicroWidget` - code cleanup, stories added, margin on zero state bug fixes
+
+## [7.4.0] - 12-09-2025
+
+- **ADDED** - MUI refresh for `FinStrong`
+
+## [7.3.2] - 12-09-2025
+
+- **FIXED** Add invisible accessibility label/description for RecurringTransactionsMiniWidget calendar
+- **FIXED** Focus mini recurring transaction list after calendar month/day filter for better accessibility
+- **FIXED** Clarify alt text for institution logos in RecurrenceRow
+
+## [7.3.1] - 12-09-2025
+
+- **UPDATED** `SpendingWidget` to have an export csv button on transactions list
+
+## [7.3.0] - 12-09-2025
+
+- **UPDATED** - Improved `X-Charts` chunk loading for better performance.
+
+## [7.2.30] - 12-09-2025
+
+- **UPDATED** Bug Fixed - Account Type Edit Interactions - Low Account Balance
+
+## [7.2.29] - 12-08-2025
+
+- **UPDATED** `InsightsMicroWidget` refactor list of beats into `BeatList` component
+
+## [7.2.28] - 12-08-2025
+
+- **UPDATED** `InsightsMicroWidget` storybook to documention batcave settings
+
+## [7.2.27] - 12-08-2025
+
+- **UPDATED** Clean up `shouldApplyNewAnimation` code
+
+## [7.2.26] - 12-08-2025
+
+- **FIXED** - BUG Fixed - Inisghts Notifications Text Displays in Dark when in Dark mode
+
+## [7.2.25] - 12-04-2025
+
+- **UPDATED** - `Fetch` to throw 401 error on `PUT` so that Insights can handle logging user out
+
+## [7.2.24] - 12-05-2025
+
+- **FIXED** - `mark_all_as_viewd` API called after getting `notifications` api response in `Notifications List`.
+
+## [7.2.23] - 12-03-2025
+
+- **UPDATED** - `GlobalStore` emits an update when a subscribed-to variable changes. Good for external libraries like Pulse.
+- **UPDATED** - Ability to hide flag with prop `canFlagTransactions` in `TransactionDetails`
+- **FIXED** - Lonely `Actions` header if no bottom actions in `TransactionDetails`
+
+## [7.2.22] - 12-03-2025
+
+- **FIXED** - Aria annoounce for split row error messages
+- **FIXED** - Aria label for add subcategory modal
+
+## [7.2.21] - 12-03-2025
+
+- **FIXED** - Debts mobile view Bug Fix
+
+## [7.2.20] - 12-02-2025
+
+- **FIXED** - Chart legend labels to show when amount is 0
+
+## [7.2.19] - 12-02-2025
+
+- **FIXED** - Budget Bubbles tooltips to anchor on element
+
+## [7.2.18] - 12-02-2025
+
+- **UPDATED** - Insights app bell icon has_been_viewed fixed
+
+## [7.2.17] - 12-01-2025
+
+- **ADDED** - Load time tracking for full standalone widgets
+
+## [7.2.16] - 12-01-2025
+
+- **FIXED** - Missing `Pending` column in CSV export
+
+## [7.2.15] - 11-25-2025
+
+- **FIXED** - Next recurring transaction date displayed offset by one day
+
 ## [7.2.14] - 11-25-2025
 
-- **FIXED** - Removed border from embedded widgets
+- # **FIXED** - Removed border from embedded widgets
+
+## [7.2.14] - 11-24-2025
+
+=======
+
+## [7.2.14] - 11-25-2025
+
+> > > > > > > fd2b3985 (Icon cleanup)
+
+- **UPDATED** - remove uneeded client color scheme reference from `microinsights`
+
+  > > > > > > > 38a99394 (remove client color scheme references)
+
+- **UPDATED** - icon code cleanup in `microinsights`
 
 ## [7.2.13] - 11-24-2025
 

package/dist/{Account-Bxw0_4FU.mjs → Account-BDXA6PWh.mjs}

@@ -1,4 +1,4 @@
-import { A as C } from "./ConnectDrawer-BQNs-hjk.mjs";
+import { A as C } from "./ConnectDrawer-BIbTqYOH.mjs";
 const I = [
   C.ANY,
   C.CASH,

package/dist/{AccountDetailsContent-CAM9y39M.mjs → AccountDetailsContent-CUztd3-b.mjs}

@@ -1,28 +1,28 @@
 import { jsxs as d, Fragment as g, jsx as t } from "react/jsx-runtime";
-import _ from "react";
-import { observer as T } from "mobx-react-lite";
+import u from "react";
+import { observer as S } from "mobx-react-lite";
 import H from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
 import $ from "@mui/material/List";
 import Y from "@mui/material/ListSubheader";
 import ot from "@mui/material/Switch";
-import { Text as b, Icon as I, THEMES as G } from "@mxenabled/mxui";
+import { Text as T, Icon as I, THEMES as G } from "@mxenabled/mxui";
 import M from "@mui/material/Divider";
 import v from "@mui/material/ListItem";
 import N from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
-import { u as D } from "./AccountDetailsHeader-JtSX6Uf9.mjs";
-import { d as z, u as E, g as O, h as X } from "./hooks-D6XlXHf4.mjs";
-import { A as at } from "./AccountListItem-JFMZROh7.mjs";
-import { A as k } from "./WidgetContainer-BHWANqT4.mjs";
-import { a as V, f as B, D as K } from "./Dialog-CWW597AF.mjs";
+import { u as E } from "./AccountDetailsHeader-i3KFhNuo.mjs";
+import { d as z, u as y, g as O, h as X } from "./hooks-C41HAxM5.mjs";
+import { A as at } from "./AccountListItem-DX5upmCS.mjs";
+import { A as k } from "./WidgetContainer-BhQ1Kx2z.mjs";
+import { D as V, f as B, a as K } from "./Dialog-BPTr3qHE.mjs";
 import { b as h } from "./Localization-2MODESHW.mjs";
-import { D as J } from "./Drawer-kEE73B87.mjs";
+import { D as J } from "./Drawer-BEtCk82g.mjs";
 import P from "@mui/material/ListItemAvatar";
 import ct from "@mui/material/Stack";
 import st from "@mui/material/styles/useTheme";
 import { Error as q, CheckCircle as it, Language as rt } from "@mxenabled/mx-icons";
-import { n as m, N as Q, l as Z, F as R } from "./ConnectDrawer-BQNs-hjk.mjs";
+import { n as m, N as Q, l as Z, F as R } from "./ConnectDrawer-BIbTqYOH.mjs";
 import { fromUnixTime as lt } from "date-fns/fromUnixTime";
 import { isToday as dt } from "date-fns/isToday";
 import { isYesterday as ut } from "date-fns/isYesterday";
@@ -37,14 +37,14 @@ import { LocalizationProvider as ft } from "@mui/x-date-pickers-pro";
 import bt from "@mui/material/MenuItem";
 import At from "@mui/material/Select";
 import Tt from "@mui/material/TextField";
-import { C as St } from "./CurrencyInput-DUsQbkXb.mjs";
-import { b as Dt } from "./AccountFields-C9FlatNb.mjs";
+import { C as Dt } from "./CurrencyInput-BFKcs-_K.mjs";
+import { b as St } from "./AccountFields-QZspYAji.mjs";
 import Et from "@mui/material/Alert";
 import yt from "@mui/material/AlertTitle";
 import xt from "@mui/material/Link";
 import wt from "@mui/material/Paper";
 import { subDays as kt, startOfToday as It, endOfToday as Mt } from "date-fns";
-import { T as vt, a as Lt } from "./TransactionDetails-oP1eSuiS.mjs";
+import { T as vt, a as Lt } from "./TransactionDetails-5M2vfr59.mjs";
 import { T as j } from "./TabContentContainer-j01JYR_7.mjs";
 const U = ({
   children: e,
@@ -59,28 +59,28 @@ const U = ({
   ] }) }),
   /* @__PURE__ */ t(M, { sx: { ml: o ? 0 : 24 } })
 ] }), Nt = () => {
-  const { accounts: e } = z(), { selectedAccount: o, selectedMember: n } = D();
+  const { accounts: e } = z(), { selectedAccount: o, selectedMember: n } = E();
   return e.filter(
     (c) => c.member_guid === n.guid && n.successfully_aggregated_at && c.guid !== o.guid
   );
 }, Ot = () => {
-  const [e, o] = _.useState(!1), [n, c] = _.useState(!1), [i, u] = _.useState(!1), [l, s] = _.useState({}), { selectedAccount: r } = D(), { mergeAccounts: y, updateAccount: S } = z(), { accounts: a } = E(), C = Nt(), { onEvent: A } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (f) => {
-    await S({
+  const [e, o] = u.useState(!1), [n, c] = u.useState(!1), [i, _] = u.useState(!1), [l, s] = u.useState({}), { selectedAccount: r } = E(), { mergeAccounts: f, updateAccount: b } = z(), { accounts: a } = y(), C = Nt(), { onEvent: D } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (A) => {
+    await b({
       ...r,
-      ...f
-    }), "is_closed" in f && f.is_closed !== r.is_closed && x(r.guid, { accountIsClosed: f.is_closed });
+      ...A
+    }), "is_closed" in A && A.is_closed !== r.is_closed && x(r.guid, { accountIsClosed: A.is_closed });
   }, p = () => {
-    y([r.guid, l.guid]).finally(
+    f([r.guid, l.guid]).finally(
       () => c(!1)
     );
   };
   return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Y, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(b, { bold: !0, component: "h2", variant: "XSmall", children: a.actions }) }),
+    /* @__PURE__ */ t(Y, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(T, { bold: !0, component: "h2", variant: "XSmall", children: a.actions }) }),
     /* @__PURE__ */ t(
       U,
       {
         onClick: () => {
-          L({ is_hidden: !r.is_hidden }), A(k.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          L({ is_hidden: !r.is_hidden }), D(k.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
         },
         primaryText: r.is_hidden ? a.unhide_account : a.hide_Account,
         secondaryText: r.is_hidden ? a.include_this_account : a.exclude_this_account,
@@ -91,7 +91,7 @@ const U = ({
       U,
       {
         onClick: () => {
-          o(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+          o(!0), D(k.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
             account_guid: r.guid
           });
         },
@@ -105,7 +105,7 @@ const U = ({
       {
         isLast: !0,
         onClick: () => {
-          c(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+          c(!0), D(k.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
             account_guid: r.guid
           });
         },
@@ -126,7 +126,7 @@ const U = ({
           o(!1);
         },
         onPrimaryAction: () => L({ is_closed: !r.is_closed }),
-        children: /* @__PURE__ */ t(b, { truncate: !1, children: h(
+        children: /* @__PURE__ */ t(T, { truncate: !1, children: h(
           r.is_closed ? a.this_will_resume_updating_the_balance : a.this_will_set_the_balance_of_your_account,
           r.name
         ) })
@@ -139,20 +139,20 @@ const U = ({
         isOpen: n,
         onClose: () => c(!1),
         title: a.mark_as_duplicate,
-        children: /* @__PURE__ */ t($, { children: C.map((f) => {
-          const et = C.indexOf(f) === C.length - 1;
-          return /* @__PURE__ */ d(_.Fragment, { children: [
+        children: /* @__PURE__ */ t($, { children: C.map((A) => {
+          const et = C.indexOf(A) === C.length - 1;
+          return /* @__PURE__ */ d(u.Fragment, { children: [
             /* @__PURE__ */ t(
               at,
               {
-                account: f,
+                account: A,
                 onRowClick: () => {
-                  u(!0), s(f);
+                  _(!0), s(A);
                 }
               }
             ),
             /* @__PURE__ */ t($, { sx: { ml: et ? 0 : 24 } })
-          ] }, f.guid);
+          ] }, A.guid);
         }) })
       }
     ),
@@ -164,20 +164,20 @@ const U = ({
           title: a.confirm_merge
         },
         isOpen: i,
-        onClose: () => u(!1),
+        onClose: () => _(!1),
         onPrimaryAction: p,
         children: [
-          /* @__PURE__ */ t(b, { truncate: !1, children: h(
+          /* @__PURE__ */ t(T, { truncate: !1, children: h(
             a.this_means_accounts_will_be_merged,
             r.name,
             l.name
           ) }),
-          /* @__PURE__ */ t(b, { color: "error", sx: { mt: 24 }, children: a.this_action_cannot_be_undone })
+          /* @__PURE__ */ t(T, { color: "error", sx: { mt: 24 }, children: a.this_action_cannot_be_undone })
         ]
       }
     )
   ] });
-}, Pt = T(Ot), tt = (e, o) => {
+}, Pt = S(Ot), tt = (e, o) => {
   const { connection_messages: n } = o;
   switch (e.connection_status) {
     case m.CHALLENGED:
@@ -314,12 +314,12 @@ const U = ({
       };
     default: {
       const c = () => {
-        const i = e.successfully_aggregated_at ? lt(e.successfully_aggregated_at) : void 0, u = i && B(i, K.TIME_STAMP_HOUR_MINUTE);
-        if (u)
-          return dt(i) ? h(o.last_updated_at, o.today, u) : ut(i) ? h(o.last_updated_at, o.yesterday, u) : h(
+        const i = e.successfully_aggregated_at ? lt(e.successfully_aggregated_at) : void 0, _ = i && B(i, K.TIME_STAMP_HOUR_MINUTE);
+        if (_)
+          return dt(i) ? h(o.last_updated_at, o.today, _) : ut(i) ? h(o.last_updated_at, o.yesterday, _) : h(
             o.last_updated_at,
             B(i, K.MONTH_DAY_YEAR),
-            u
+            _
           );
       };
       return {
@@ -336,9 +336,9 @@ const U = ({
   gridColumn: 1,
   zIndex: 2
 }, Rt = () => {
-  const [e, o] = _.useState(!1), {
+  const [e, o] = u.useState(!1), {
     palette: { mode: n }
-  } = st(), { selectedMember: c } = D(), { accounts: i, connect: u } = E(), l = tt(c, u), s = Q.includes(c.connection_status) ? {
+  } = st(), { selectedMember: c } = E(), { accounts: i, connect: _ } = y(), l = tt(c, _), s = Q.includes(c.connection_status) ? {
     color: "error.main",
     ctaCopy: l.cta ?? "",
     icon: /* @__PURE__ */ t(q, { filled: !0, sx: { ...W } }),
@@ -351,7 +351,7 @@ const U = ({
     secondaryMessage: l.title
   };
   return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Y, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(b, { bold: !0, component: "h2", variant: "XSmall", children: i.connection_status }) }),
+    /* @__PURE__ */ t(Y, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(T, { bold: !0, component: "h2", variant: "XSmall", children: i.connection_status }) }),
     /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: c.is_manual || !s.ctaCopy ? /* @__PURE__ */ d(ct, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
       /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(F, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
       /* @__PURE__ */ t(w, { primary: s.mainMessage, secondary: s.secondaryMessage })
@@ -364,7 +364,7 @@ const U = ({
           secondary: s.secondaryMessage && /* @__PURE__ */ d(g, { children: [
             s.secondaryMessage,
             " ",
-            /* @__PURE__ */ t(b, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: s.ctaCopy })
+            /* @__PURE__ */ t(T, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: s.ctaCopy })
           ] })
         }
       ),
@@ -407,10 +407,10 @@ const U = ({
       }
     )
   ] });
-}, Ft = T(Rt), Ut = ({ field: e, isOpen: o, onClose: n }) => {
-  const { updateAccount: c } = z(), { selectedAccount: i } = D(), { accounts: u } = E(), [l, s] = _.useState(i[e.name]), [r, y] = _.useState(""), [S, a] = _.useState(!0), C = () => {
-    s(""), y(""), n();
-  }, A = () => {
+}, Ft = S(Rt), Ut = ({ field: e, isOpen: o, onClose: n }) => {
+  const { updateAccount: c } = z(), { selectedAccount: i } = E(), { accounts: _ } = y(), [l, s] = u.useState(i[e.name]), [r, f] = u.useState(""), [b, a] = u.useState(!0), C = () => {
+    s(""), f(""), n();
+  }, D = () => {
     switch (e.type) {
       case R.Select:
         return /* @__PURE__ */ d(gt, { fullWidth: !0, children: [
@@ -435,7 +435,7 @@ const U = ({
         ] });
       case R.Currency:
         return /* @__PURE__ */ t(
-          St,
+          Dt,
           {
             amount: l || "",
             ariaLabel: e.placeholder,
@@ -491,43 +491,43 @@ const U = ({
       [e.name]: l
     }), C();
   }, L = (p) => {
-    s(p.target.value), e.validation && y(e.validation(p.target.value));
+    s(p.target.value), e.validation && f(e.validation(p.target.value));
   };
   return /* @__PURE__ */ t(
     V,
     {
       copy: {
-        close_aria: u.close_aria,
-        title: h(u.edit_field, e.label)
+        close_aria: _.close_aria,
+        title: h(_.edit_field, e.label)
       },
-      disablePrimaryButton: !!r || !S,
+      disablePrimaryButton: !!r || !b,
       isOpen: o,
       onClose: C,
       onPrimaryAction: x,
-      primaryText: u.save,
-      children: A()
+      primaryText: _.save,
+      children: D()
     }
   );
-}, Wt = T(Ut), $t = () => {
-  const e = window.app?.config, { onEvent: o } = O(), { selectedAccount: n } = D(), { accounts: c } = E(), i = Dt(n, c), u = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [l, s] = _.useState(!1), [r, y] = _.useState(i[0]), S = i.filter(
-    (a) => u || n[a.name] || n[a.name] === 0
+}, Wt = S(Ut), $t = () => {
+  const e = window.app?.config, { onEvent: o } = O(), { selectedAccount: n } = E(), { accounts: c } = y(), i = St(n, c), _ = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [l, s] = u.useState(!1), [r, f] = u.useState(i[0]), b = i.filter(
+    (a) => _ || n[a.name] || n[a.name] === 0
   );
   return /* @__PURE__ */ d(g, { children: [
-    S.map((a) => {
-      const C = n[a.name] || n[a.name] === 0, A = S.indexOf(a) === S.length - 1, x = /* @__PURE__ */ t(
+    b.map((a) => {
+      const C = n[a.name] || n[a.name] === 0, D = b.indexOf(a) === b.length - 1, x = /* @__PURE__ */ t(
         w,
         {
           disableTypography: !0,
-          primary: /* @__PURE__ */ t(b, { sx: { fontSize: 11 }, children: a.label }),
-          secondary: /* @__PURE__ */ t(b, { bold: !0, sx: { fontSize: 15 }, children: C ? a.valueFormatter(n[a.name]) : a.placeholder })
+          primary: /* @__PURE__ */ t(T, { sx: { fontSize: 11 }, children: a.label }),
+          secondary: /* @__PURE__ */ t(T, { bold: !0, sx: { fontSize: 15 }, children: C ? a.valueFormatter(n[a.name]) : a.placeholder })
         }
       );
-      return /* @__PURE__ */ t(_.Fragment, { children: u ? /* @__PURE__ */ d(g, { children: [
+      return /* @__PURE__ */ t(u.Fragment, { children: _ ? /* @__PURE__ */ d(g, { children: [
         /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ d(
           N,
           {
             onClick: () => {
-              y(a), s(!0), a?.event && o(a.event, { account_guid: n.guid });
+              f(a), s(!0), a?.event && o(a.event, { account_guid: n.guid });
             },
             children: [
               x,
@@ -535,10 +535,10 @@ const U = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
+        /* @__PURE__ */ t(M, { sx: { ml: D ? 0 : 24 } })
       ] }) : C && /* @__PURE__ */ d(g, { children: [
         /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 24 }, children: x }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
+        /* @__PURE__ */ t(M, { sx: { ml: D ? 0 : 24 } })
       ] }) }, a.name);
     }),
     l && r && /* @__PURE__ */ t(
@@ -550,19 +550,19 @@ const U = ({
       }
     )
   ] });
-}, Vt = T($t), zt = () => {
+}, Vt = S($t), zt = () => {
   const { onEvent: e } = O();
-  return _.useEffect(() => e(k.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ d($, { children: [
+  return u.useEffect(() => e(k.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ d($, { children: [
     /* @__PURE__ */ t(Vt, {}),
     /* @__PURE__ */ t(Ft, {}),
     /* @__PURE__ */ t(Pt, {})
   ] });
-}, Ht = T(zt), Gt = ({ setTabValue: e }) => {
-  const [o, n] = _.useState(!1), { selectedMember: c } = D(), { accounts: i, connect: u } = E(), l = c.connection_status && Q.includes(c.connection_status);
-  if (_.useEffect(() => {
+}, Ht = S(zt), Gt = ({ setTabValue: e }) => {
+  const [o, n] = u.useState(!1), { selectedMember: c } = E(), { accounts: i, connect: _ } = y(), l = c.connection_status && Q.includes(c.connection_status);
+  if (u.useEffect(() => {
     l && e(1);
   }, [l]), !l) return;
-  const s = tt(c, u);
+  const s = tt(c, _);
   return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ t(
       wt,
@@ -589,7 +589,7 @@ const U = ({
             },
             children: [
               s.title && /* @__PURE__ */ t(yt, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: s.title }),
-              /* @__PURE__ */ t(b, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: s.main }),
+              /* @__PURE__ */ t(T, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: s.main }),
               s.cta && /* @__PURE__ */ t(
                 xt,
                 {
@@ -613,31 +613,35 @@ const U = ({
       }
     )
   ] });
-}, Bt = T(Gt), Kt = () => {
-  const [e, o] = _.useState(""), { onEvent: n } = O(), { selectedAccount: c } = D(), { accounts: i } = E(), { setFilter: u, sortedTransactions: l } = X(), s = _.useMemo(
-    () => l.find((r) => r.guid === e),
-    [e, l]
+}, Bt = S(Gt), Kt = () => {
+  const [e, o] = u.useState(""), { onEvent: n } = O(), { selectedAccount: c } = E(), { accounts: i } = y(), { isTransactionDataLoaded: _, loadTransactionData: l, setFilter: s, sortedTransactions: r } = X();
+  u.useEffect(() => {
+    _ || l().finally();
+  }, []);
+  const f = u.useMemo(
+    () => r.find((b) => b.guid === e),
+    [e, r]
   );
-  return _.useEffect(() => {
-    u({
+  return u.useEffect(() => {
+    s({
       dateRange: { start: kt(It(), 90), end: Mt() },
       accounts: [c.guid]
     });
-  }, [c]), _.useEffect(() => n(k.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ d(g, { children: [
+  }, [c]), u.useEffect(() => n(k.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ t(vt, { onClick: o }),
-    s && /* @__PURE__ */ t(
+    f && /* @__PURE__ */ t(
       J,
       {
         ariaLabelClose: i.close_drawer,
         isOpen: !!e,
         onClose: () => o(""),
         title: i.transaction_drawer_title,
-        children: /* @__PURE__ */ t(Lt, { transaction: s })
+        children: /* @__PURE__ */ t(Lt, { transaction: f })
       }
     )
   ] });
-}, jt = T(Kt), Yt = () => {
-  const [e, o] = _.useState(0), { accounts: n } = E();
+}, jt = S(Kt), Yt = () => {
+  const [e, o] = u.useState(0), { accounts: n } = y();
   return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ t(Bt, { setTabValue: o }),
     /* @__PURE__ */ d(
@@ -672,7 +676,7 @@ const U = ({
     /* @__PURE__ */ t(j, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(jt, {}) }),
     /* @__PURE__ */ t(j, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Ht, {}) })
   ] });
-}, He = T(Yt);
+}, He = S(Yt);
 export {
   He as A,
   Nt as u

package/dist/AccountDetailsHeader-i3KFhNuo.mjs

@@ -0,0 +1,87 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { observer as m } from "mobx-react-lite";
+import e from "@mui/material/Stack";
+import { H3 as _, InstitutionLogo as x, Text as a, H2 as T } from "@mxenabled/mxui";
+import d from "react";
+import { G as N, d as f, m as D, f as w, u as E } from "./hooks-C41HAxM5.mjs";
+import { g as I } from "./AccountFields-QZspYAji.mjs";
+import G from "@mui/material/Card";
+import v from "@mui/material/CardContent";
+import O from "@mui/material/CardHeader";
+import { L as H } from "./Loader-DUaFpDGv.mjs";
+import { f as M, a as P } from "./Dialog-BPTr3qHE.mjs";
+import { I as L, P as U, S as j } from "./Account-BDXA6PWh.mjs";
+import { u as z } from "./useAccountDisplayName-CFNF8766.mjs";
+import { f as B } from "./NumberFormatting-DjTD0t3W.mjs";
+const p = () => {
+  if (!d.useContext(N))
+    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
+  return f().uiStore;
+}, Y = ({ sx: n, ChartComponent: s }) => {
+  const { loadMonthlyCategoryTotals: c } = D(), { isInitialized: o } = w(), { selectedAccount: r } = p(), [l, u] = d.useState(!1);
+  return d.useEffect(() => {
+    o && c([r]).finally(() => {
+      u(!0);
+    });
+  }, [o, r]), !o || !l ? /* @__PURE__ */ t(H, {}) : /* @__PURE__ */ i(
+    G,
+    {
+      sx: {
+        "& .MuiCardContent-root:last-child": {
+          pb: 0
+        },
+        ...n
+      },
+      children: [
+        /* @__PURE__ */ t(
+          O,
+          {
+            sx: { pb: 0 },
+            title: /* @__PURE__ */ t(_, { sx: { pb: 4 }, children: M(/* @__PURE__ */ new Date(), P.MONTH_LONG) })
+          }
+        ),
+        /* @__PURE__ */ t(v, { sx: { p: 0 }, children: s ? /* @__PURE__ */ t(s, {}) : null })
+      ]
+    }
+  );
+}, k = m(Y), R = ({
+  customDetailsChart: n,
+  ChartComponent: s
+}) => {
+  const { institutions: c } = f(), { selectedAccount: o } = p(), { accounts: r } = E(), { firstSubtitle: l, firstValue: u, hasAvailableBalance: C, secondSubtitle: h, secondValue: S } = I(o, r), b = c.find(
+    (y) => y.guid === o?.institution_guid
+  ), A = [
+    ...L,
+    ...U,
+    ...j
+  ].includes(o.account_type), g = z(o);
+  return /* @__PURE__ */ i(e, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ i(e, { gap: 12, children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          alt: r.institution_logo_alt,
+          institutionGuid: o.institution_guid || "",
+          size: 64
+        }
+      ),
+      /* @__PURE__ */ t(a, { variant: "Small", children: b?.name })
+    ] }),
+    /* @__PURE__ */ i(e, { gap: 8, mb: 24, mt: 4, children: [
+      /* @__PURE__ */ t(T, { children: g }),
+      /* @__PURE__ */ i(e, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(a, { bold: C, variant: "Body", children: l }),
+        /* @__PURE__ */ t(a, { bold: !0, variant: "Body", children: B(u, "0,0.00") })
+      ] }),
+      /* @__PURE__ */ i(e, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(a, { variant: "Small", children: h }),
+        /* @__PURE__ */ t(a, { variant: "Small", children: S })
+      ] })
+    ] }),
+    A && /* @__PURE__ */ t(e, { children: n || /* @__PURE__ */ t(k, { ChartComponent: s }) })
+  ] });
+}, rt = m(R);
+export {
+  rt as A,
+  p as u
+};

package/dist/{AccountFields-C9FlatNb.mjs → AccountFields-QZspYAji.mjs}

@@ -1,10 +1,10 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Icon as p, Text as y } from "@mxenabled/mxui";
-import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-BRf_YeTf.mjs";
-import { f as _, i as b, a as N, b as S } from "./NumberFormatting-Buh7u8Oi.mjs";
+import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-BIbTqYOH.mjs";
+import { i as T, u as A, a as D, b as g, c as O } from "./Accounts-DXfZotRC.mjs";
+import { f as _, i as b, a as N, b as S } from "./NumberFormatting-DjTD0t3W.mjs";
 import { b as i } from "./Localization-2MODESHW.mjs";
-import { f as o, D as f } from "./Dialog-CWW597AF.mjs";
+import { f as o, a as f } from "./Dialog-BPTr3qHE.mjs";
 const w = (l, e) => {
   const r = [
     {
@@ -54,7 +54,7 @@ const w = (l, e) => {
       valueFormatter: (t) => a.find((n) => n.value === t)?.label
     });
   }
-  if (D(l)) {
+  if (A(l)) {
     let a = e.interest_rate, t = "interest_rate";
     l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), r.push({
       event: "account_details_click_interest_rate",
@@ -66,7 +66,7 @@ const w = (l, e) => {
       valueFormatter: (n) => b(n) ? N(n / 100) : n
     });
   }
-  return A(l) && (r.push({
+  return D(l) && (r.push({
     label: e.minimum_payment,
     name: "minimum_payment",
     placeholder: i(e.enter_value, e.minimum_payment),