@mx-cartographer/experiences 7.7.0-alpha.bb9 → 7.7.0-alpha.test2

package/CHANGELOG.md

@@ -1,3 +1,53 @@
+## [7.7.0] - 01-21-2026
+
+- **ADDED** - New Global Account Filter component
+- **UPDATED** - Loading pattern to be consistent across all widgets
+- **UPDATED** - All widgets to use new Global Account Filter component
+- **UPDATED** - `isInitialized` in `GlobalStore` to be set after all copy & config are loaded
+- **UPDATED** - Storybook `preview.tsx` to wrap all stories in `GlobalDataProvider` and load config data
+- **UPDATED** - All stories to use new loading patterns
+- **UPDATED** - Unit test to use new loading patterns
+
+## [7.6.22] - 01-22-2026
+
+- **UPDATED** - Transactions details and list actions a11y imrovements
+
+## [7.6.21] - 01-22-2026
+
+- **FIXED** - Spending widget subcategories to use parent category when in 'Other'
+
+## [7.6.20] - 01-21-2026
+
+- **UPDATED** - Spending widget to not round amounts
+
+## [7.6.19] - 01-21-2026
+
+- **UPDATED** - Spending widget subcategories to open transactions list
+
+## [7.6.18] - 01-21-2026
+
+- **FIXED** - Pay Bills On Time Drawer Loading Issue - Fees Transactions List | Bug Fixed
+
+## [7.6.17] - 01-21-2026
+
+- **FIXED** - Line Graph | Curve Type Bug Fixed
+
+## [7.6.16] - 01-19-2026
+
+- **UPDATED** - `MicroInsights` BeatIcons Updated
+
+## [7.6.15] - 01-19-2026
+
+- **FIXED** - `Finstrong` KeyIndicators Zero State Style
+
+## [7.6.14] - 01-19-2026
+
+- **FIXED** - Finstrong Header Dimensions | Finstrong Score Card Styling | Issues Fixed
+
+## [7.6.13] - 01-19-2026
+
+- **UPDATED** - Fixes for `Finstrong` onboarding and sticky footer
+
 ## [7.6.12] - 01-16-2026
 
 - **UPDATED** - Focus style for goal status cards

package/dist/{Account-Cp4uT2pE.mjs → Account-BiB1F8lL.mjs}

@@ -110,9 +110,9 @@ export {
   M as a,
   G as b,
   C as c,
-  H as d,
-  A as e,
-  N as f,
+  N as d,
+  H as e,
+  A as f,
   R as g,
   T as h
 };

package/dist/{Account-B6i0x4zD.mjs → Account-DuOz1a27.mjs}

@@ -1,4 +1,4 @@
-import { A as C } from "./Account-Cp4uT2pE.mjs";
+import { A as C } from "./Account-BiB1F8lL.mjs";
 const I = [
   C.ANY,
   C.CASH,

package/dist/{AccountDetailsHeader-rT8KbT1M.mjs → AccountDetailsHeader-Cf2TUJnM.mjs}

@@ -4,13 +4,13 @@ import s from "@mui/material/Stack";
 import { H3 as T, InstitutionLogo as x, Text as l, H2 as D } from "@mxenabled/mxui";
 import p from "react";
 import { G as N, d as C, m as P, f as G, u as O } from "./hooks-ZMp65DFz.mjs";
-import { g as R } from "./AccountFields-B7s_bbQT.mjs";
-import { A as r } from "./Account-Cp4uT2pE.mjs";
+import { g as R } from "./AccountFields-UdOvbQ5H.mjs";
+import { A as r } from "./Account-BiB1F8lL.mjs";
 import w from "@mui/material/Card";
 import v from "@mui/material/CardContent";
 import L from "@mui/material/CardHeader";
 import { L as H } from "./Loader-DUaFpDGv.mjs";
-import { I as M, P as U, S as Y } from "./Account-B6i0x4zD.mjs";
+import { I as M, P as U, S as Y } from "./Account-DuOz1a27.mjs";
 import { u as j } from "./useAccountDisplayName-Bot2tb4n.mjs";
 import { f as z } from "./NumberFormatting-DjTD0t3W.mjs";
 const _ = () => {

package/dist/{AccountFields-B7s_bbQT.mjs → AccountFields-UdOvbQ5H.mjs}

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Icon as p, Text as y } from "@mxenabled/mxui";
-import { A as d, a as v, P as h, b as F } from "./Account-Cp4uT2pE.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-DBJHvSZk.mjs";
+import { A as d, a as v, P as h, b as F } from "./Account-BiB1F8lL.mjs";
+import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-M-LTzStv.mjs";
 import { F as m } from "./GlobalAccountFilter-DQCPNc95.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";

package/dist/{AccountListItem-B_plAb79.mjs → AccountListItem-BPVxmNT_.mjs}

@@ -10,10 +10,10 @@ import B from "@mui/material/styles/useTheme";
 import { InstitutionLogo as L, Text as o } from "@mxenabled/mxui";
 import { Error as A } from "@mxenabled/mx-icons";
 import { I as j } from "./IconBacking-B9oC6uL2.mjs";
-import { g as T } from "./AccountFields-B7s_bbQT.mjs";
+import { g as T } from "./AccountFields-UdOvbQ5H.mjs";
 import { u as X } from "./useAccountDisplayName-Bot2tb4n.mjs";
 import { u as $ } from "./hooks-ZMp65DFz.mjs";
-import { C as d } from "./Account-Cp4uT2pE.mjs";
+import { C as d } from "./Account-BiB1F8lL.mjs";
 import { f as k } from "./NumberFormatting-DjTD0t3W.mjs";
 const w = {
   gridRow: 1,

package/dist/{AccountStore-DY5HniWw.mjs → AccountStore-BbPWe2C9.mjs}

@@ -1,57 +1,22 @@
-import { g as m } from "./AccountDisplayName-CO7z3v99.mjs";
-import { A as c, e as _, f as u } from "./Account-Cp4uT2pE.mjs";
-import { makeAutoObservable as g, runInAction as d } from "mobx";
-import { i as f } from "./User-LJpEwPtn.mjs";
-import { A as l } from "./AccountApi-DgZ8ILj1.mjs";
-import { d as y } from "./Accounts-DBJHvSZk.mjs";
-const T = (i, t) => i.reduce((e, s) => (e[s.guid] = t?.includes(s.guid), e), {}), M = (i, t, e) => i.reduce((s, n) => {
-  const o = _[n.account_type], r = m(n, {
-    allowNickname: e?.appConfig.config?.show_account_nicknames_in_master
-  }), a = {
-    accountNumber: n.account_number,
-    name: `${r} ${n.is_closed ? `(${t})` : ""}`,
-    guid: n.guid
-  };
-  return Object.prototype.hasOwnProperty.call(s, o) ? s[o] = s[o].concat(a) : s[o] = [a], s;
-}, {});
-function b(i) {
-  const { heldAccounts: t, externalAccounts: e } = i.reduce(
-    (s, n) => (n.member_is_managed_by_user ? s.externalAccounts.push(n) : s.heldAccounts.push(n), s),
-    { heldAccounts: [], externalAccounts: [] }
-  );
-  return {
-    heldAccounts: A(t),
-    externalAccounts: A(e)
-  };
-}
-function R(i, t) {
-  const { heldAccounts: e, externalAccounts: s } = b(i), n = e.slice(0, t);
-  return n.length < t && n.push(...s.slice(0, t - n.length)), n;
-}
-const I = {
-  [c.CHECKING]: 1,
-  [c.SAVINGS]: 2,
-  [c.CREDIT_CARD]: 3
-}, h = (i) => I[i] ?? i + 100, A = (i) => i.sort((t, e) => {
-  const s = h(t.account_type), n = h(e.account_type), o = s - n;
-  if (o !== 0) return o;
-  const r = t.name ?? t.feed_name ?? "", a = e.name ?? e.feed_name ?? "";
-  return r.localeCompare(a);
-});
-class E {
+import { makeAutoObservable as h, runInAction as a } from "mobx";
+import { i as g } from "./User-B0LnmiKO.mjs";
+import { A as d } from "./AccountApi-DgZ8ILj1.mjs";
+import { d as m } from "./Accounts-M-LTzStv.mjs";
+import { A as s, d as u } from "./Account-BiB1F8lL.mjs";
+class p {
   isLoading = !1;
   selectedAccount = {};
   selectedMember = {};
   constructor() {
-    g(this);
+    h(this);
   }
   setIsLoading = (t) => this.isLoading = t;
   setSelectedAccount = (t) => this.selectedAccount = t;
   setSelectedMember = (t) => this.selectedMember = t;
 }
-class x {
+class E {
   globalStore;
-  api = new l("/", "");
+  api = new d("/", "");
   accounts = [];
   accountsLoaded = !1;
   accountsLoading = !1;
@@ -63,7 +28,7 @@ class x {
   membersLoading = !1;
   uiStore;
   constructor(t) {
-    this.globalStore = t, this.uiStore = new E(), this.api = new l(t.endpoint, t.sessionToken, t.onError), g(this);
+    this.globalStore = t, this.uiStore = new p(), this.api = new d(t.endpoint, t.sessionToken, t.onError), h(this);
   }
   loadAccountData = async () => {
     await Promise.all([this.loadAccounts(), this.loadMembers(), this.loadInstitutions()]);
@@ -72,52 +37,52 @@ class x {
     return this.accountsLoaded && this.membersLoaded && this.institutionsLoaded;
   }
   get detailedAccounts() {
-    const t = this.globalStore.userStore.userFeatures, e = f(t, "MD_EXCLUDE_EXTERNAL_ACCOUNTS");
-    return y(this.accounts, this.institutions, this.members, e);
+    const t = this.globalStore.userStore.userFeatures, e = g(t, "MD_EXCLUDE_EXTERNAL_ACCOUNTS");
+    return m(this.accounts, this.institutions, this.members, e);
   }
   get accountsByTypeMap() {
     return this.detailedAccounts.reduce((t, e) => {
-      const s = e.account_type;
-      let n = t.get(s);
-      return n || (n = []), n.push(e), t.set(s, n), t;
+      const c = e.account_type;
+      let n = t.get(c);
+      return n || (n = []), n.push(e), t.set(c, n), t;
     }, /* @__PURE__ */ new Map());
   }
   get cashAccounts() {
     return this.detailedAccounts.filter(
-      (t) => t.account_type === c.CASH || t.account_type === c.CHECKING || t.account_type === c.PREPAID || t.account_type === c.SAVINGS || t.account_type === c.CHECKING_LINE_OF_CREDIT
+      (t) => t.account_type === s.CASH || t.account_type === s.CHECKING || t.account_type === s.PREPAID || t.account_type === s.SAVINGS || t.account_type === s.CHECKING_LINE_OF_CREDIT
     );
   }
   get cashBalance() {
     return this.cashAccounts.reduce((t, e) => t + (e?.balance || 0), 0);
   }
   get checkingAccounts() {
-    return this.detailedAccounts.filter((t) => t.account_type === c.CHECKING);
+    return this.detailedAccounts.filter((t) => t.account_type === s.CHECKING);
   }
   get debtAccounts() {
     return this.detailedAccounts.filter(
-      (t) => t.account_type === c.CREDIT_CARD || t.account_type === c.LOAN || t.account_type === c.MORTGAGE || t.account_type === c.LINE_OF_CREDIT || t.account_type === c.CHECKING_LINE_OF_CREDIT
+      (t) => t.account_type === s.CREDIT_CARD || t.account_type === s.LOAN || t.account_type === s.MORTGAGE || t.account_type === s.LINE_OF_CREDIT || t.account_type === s.CHECKING_LINE_OF_CREDIT
     );
   }
   get finstrongAccounts() {
     const t = /* @__PURE__ */ new Set([
-      c.CHECKING,
-      c.SAVINGS,
-      c.CREDIT_CARD,
-      c.INVESTMENT
+      s.CHECKING,
+      s.SAVINGS,
+      s.CREDIT_CARD,
+      s.INVESTMENT
     ]);
     return this.detailedAccounts.filter((e) => t.has(e.account_type));
   }
   get investmentAccounts() {
     return this.detailedAccounts.filter(
-      (t) => t.account_type === c.INVESTMENT
+      (t) => t.account_type === s.INVESTMENT
     );
   }
   get savingsAccounts() {
-    return this.detailedAccounts.filter((t) => t.account_type === c.SAVINGS);
+    return this.detailedAccounts.filter((t) => t.account_type === s.SAVINGS);
   }
   get retirementAccounts() {
     return this.detailedAccounts.filter(
-      (t) => t.account_type === c.INVESTMENT || t.account_type === c.SAVINGS || t.account_type === c.CHECKING || t.account_type === c.CASH || t.account_type === c.PROPERTY || t.account_type === c.INSURANCE && (t.account_subtype === u.WHOLE_LIFE || t.account_subtype === u.UNIVERSAL_LIFE || t.account_subtype === u.VARIABLE_UNIVERSAL_LIFE)
+      (t) => t.account_type === s.INVESTMENT || t.account_type === s.SAVINGS || t.account_type === s.CHECKING || t.account_type === s.CASH || t.account_type === s.PROPERTY || t.account_type === s.INSURANCE && (t.account_subtype === u.WHOLE_LIFE || t.account_subtype === u.UNIVERSAL_LIFE || t.account_subtype === u.VARIABLE_UNIVERSAL_LIFE)
     );
   }
   get visibleAccounts() {
@@ -151,13 +116,13 @@ class x {
   }
   get savingsAndCheckingAccountsBalance() {
     return this.savingsAndCheckingAccounts.reduce(
-      (e, s) => e + (s?.balance || 0),
+      (e, c) => e + (c?.balance || 0),
       0
     );
   }
   get savingsAndCheckingAccounts() {
     return this.accounts.filter(
-      (e) => e.account_type === c.SAVINGS || e.account_type === c.CHECKING
+      (e) => e.account_type === s.SAVINGS || e.account_type === s.CHECKING
     );
   }
   setAccounts = (t) => {
@@ -172,7 +137,7 @@ class x {
   addAccount = async (t) => {
     try {
       const e = await this.api.createAccount(t);
-      d(() => {
+      a(() => {
         this.accounts = [...this.accounts, e];
       });
     } catch (e) {
@@ -214,12 +179,12 @@ class x {
   };
   mergeAccounts = async (t) => {
     try {
-      const e = await this.api.mergeAccounts(t), s = e[Object.keys(e)[0]];
-      d(() => {
-        const n = this.accounts.findIndex((r) => r.guid === t[1]);
+      const e = await this.api.mergeAccounts(t), c = e[Object.keys(e)[0]];
+      a(() => {
+        const n = this.accounts.findIndex((i) => i.guid === t[1]);
         this.accounts.splice(n, 1);
-        const o = this.accounts.findIndex((r) => r.guid === t[0]);
-        this.accounts.splice(o, 1, s);
+        const o = this.accounts.findIndex((i) => i.guid === t[0]);
+        this.accounts.splice(o, 1, c);
       });
     } catch (e) {
       console.error(`Error occurred while merging accounts: ${e}`);
@@ -238,7 +203,7 @@ class x {
   removeAccount = async (t) => {
     try {
       await this.api.deleteAccount(t);
-      const e = this.accounts.findIndex((s) => s.guid === t);
+      const e = this.accounts.findIndex((c) => c.guid === t);
       this.accounts.splice(e, 1);
     } catch (e) {
       console.error(`Error occurred while removing an account: ${e}`);
@@ -246,37 +211,34 @@ class x {
   };
   updateAccount = async (t) => {
     try {
-      const e = await this.api.updateAccount(t), s = this.accounts.findIndex(
+      const e = await this.api.updateAccount(t), c = this.accounts.findIndex(
         (n) => n.guid === e.guid
       );
-      this.accounts.splice(s, 1, e);
+      this.accounts.splice(c, 1, e);
     } catch (e) {
       console.error(`Error occurred while updating account: ${e}`);
     }
   };
   updateAccountBalance = (t, e) => {
-    const s = this.accounts.find((n) => n.guid === t);
-    s && d(() => {
-      s.balance = (s.balance || 0) + e;
+    const c = this.accounts.find((n) => n.guid === t);
+    c && a(() => {
+      c.balance = (c.balance || 0) + e;
     });
   };
   updateAccountFilter = async (t) => {
     const e = [];
-    for (const [o, r] of t.entries()) {
-      const a = this.accounts.find((p) => p.guid === o);
-      a && a.is_excluded_from_accounts === r && (a.is_excluded_from_accounts = !r, e.push(this.api.updateAccount(a)));
+    for (const [o, i] of t.entries()) {
+      const r = this.accounts.find((A) => A.guid === o);
+      r && r.is_excluded_from_accounts === i && (r.is_excluded_from_accounts = !i, e.push(this.api.updateAccount(r)));
     }
-    const s = await Promise.all(e), n = [...this.accounts];
-    for (const o of s) {
-      const r = n.findIndex((a) => a.guid === o.guid);
-      r !== -1 && n.splice(r, 1, o);
+    const c = await Promise.all(e), n = [...this.accounts];
+    for (const o of c) {
+      const i = n.findIndex((r) => r.guid === o.guid);
+      i !== -1 && n.splice(i, 1, o);
     }
     this.setAccounts(n);
   };
 }
 export {
-  x as A,
-  T as a,
-  R as g,
-  M as s
+  E as A
 };

package/dist/{Accounts-DBJHvSZk.mjs → Accounts-M-LTzStv.mjs}

@@ -1,4 +1,4 @@
-import { A as e, C as u, E as r, c as p, M as y } from "./Account-Cp4uT2pE.mjs";
+import { A as e, C as u, E as r, c as p, M as y } from "./Account-BiB1F8lL.mjs";
 const l = (t) => t && (t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CHECKING_LINE_OF_CREDIT), I = (t) => t.is_manual || !t.guid, R = (t) => t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.CHECKING_LINE_OF_CREDIT, f = (t) => t.account_type === e.SAVINGS || t.account_type === e.CHECKING || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE, m = (t) => t.account_type === e.LOAN || t.account_type === e.MORTGAGE, A = (t, n, s, _) => t.filter((i) => !(i.member_is_managed_by_user && _)).sort(d).map((i) => {
   const c = n.find((a) => a.guid === i.institution_guid), o = s.find((a) => a.guid === i.member_guid);
   return E(i, c, o);