@mx-cartographer/experiences 7.12.16 → 7.13.0

package/dist/transactions/index.es.js

@@ -1,26 +1,26 @@
-import { T as Sa } from "../TransactionApi-Ck5Ua-7F.mjs";
-import { C as Me, D as Le, M as Re, a as He, T as Pe } from "../TransactionDetails-DYlTwSDt.mjs";
-import { B as Da, b as Ia } from "../TransactionDetails-DYlTwSDt.mjs";
+import { T as wa } from "../TransactionApi-Ck5Ua-7F.mjs";
+import { C as Me, D as Le, M as Re, a as He, T as Be } from "../TransactionDetails-BpcWeXNU.mjs";
+import { B as Da, b as Ia } from "../TransactionDetails-BpcWeXNU.mjs";
 import { T as E } from "../Transaction-CqjlF6SO.mjs";
 import { O as Na } from "../Transaction-CqjlF6SO.mjs";
-import { S as Z, D as Be } from "../TransactionStore-DP5vipL2.mjs";
+import { S as Z, D as Pe } from "../TransactionStore-DP5vipL2.mjs";
 import { T as ka } from "../TransactionStore-DP5vipL2.mjs";
-import { u as R, T as $e } from "../StatusIndicator-BV3oFzxo.mjs";
-import { a as Ma } from "../StatusIndicator-BV3oFzxo.mjs";
+import { u as R, T as $e } from "../StatusIndicator-CIKUOoN_.mjs";
+import { a as Ma } from "../StatusIndicator-CIKUOoN_.mjs";
 import { e as Ve } from "../exportTransactionsToCSV-CdTF_RqL.mjs";
 import { E as Ra } from "../ExportCsvAction-izkIdXj5.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import m from "react";
-import { observer as w } from "mobx-react-lite";
+import { observer as S } from "mobx-react-lite";
 import We from "@mui/material/Paper";
 import { DataGridPro as Ge } from "@mui/x-data-grid-pro";
 import { h as H, u as D, b as K, d as ne, l as Fe, a as Ue, g as Ke, o as ze } from "../hooks-BxkfR-Ff.mjs";
 import x from "@mui/material/Box";
 import { useTheme as qe } from "@mui/material/styles";
-import { Text as C, Icon as L, MerchantLogo as je, TextField as ee, P as Xe } from "@mxenabled/mxui";
-import { fromUnixTime as Ye } from "date-fns/fromUnixTime";
+import { Text as C, Icon as L, MerchantLogo as je, TextField as ee, P as Ye } from "@mxenabled/mxui";
+import { fromUnixTime as Xe } from "date-fns/fromUnixTime";
 import { f as Je, D as Qe } from "../DateFormats-BMpMrZpW.mjs";
-import S from "@mui/material/Stack";
+import w from "@mui/material/Stack";
 import { f as oe } from "../NumberFormatting-QCaNwbjv.mjs";
 import { L as z } from "../Loader-D3rjKx72.mjs";
 import { D as re } from "../Dialog-Ck34yr-d.mjs";
@@ -29,38 +29,38 @@ import { getUnixTime as et } from "date-fns/getUnixTime";
 import { startOfMonth as tt } from "date-fns/startOfMonth";
 import { startOfToday as F } from "date-fns/startOfToday";
 import at from "@mui/material/styles/useTheme";
-import { C as nt } from "../ConnectDrawer-CioFo6Wy.mjs";
+import { C as nt } from "../ConnectDrawer-C0wjwcJt.mjs";
 import ot from "@mui/material/Divider";
 import rt from "@mui/material/MenuItem";
 import it from "@mui/material/RadioGroup";
 import { ExpandMore as st } from "@mxenabled/mx-icons";
 import { C as ct } from "../CurrencyInput-DuMktPu3.mjs";
-import { a as lt, u as dt } from "../CategorySelectorDrawer-wfUTIbLR.mjs";
+import { a as lt, u as dt } from "../CategorySelectorDrawer-DYHNBd2v.mjs";
 import { b as U } from "../Localization-CPkpIwIx.mjs";
 import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
 import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as _t } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as pt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as gt } from "../WidgetContainer-B0ncgABX.mjs";
+import { W as gt } from "../WidgetContainer-D_iaToWJ.mjs";
 import { A } from "../Analytics-BYItVAe-.mjs";
 import { S as ht } from "../SearchBox-B7km148n.mjs";
-import { D as te } from "../Drawer-DV4NTsFg.mjs";
-const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
+import { D as te } from "../Drawer-Bbe4AMB1.mjs";
+const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
 ] }), Ct = (t) => {
   const { associatedBeats: o } = H(), { showInsights: r } = R(), { amount: a, transaction_type: l } = t.row, s = o.find((h) => h.associated_transaction_guid === t.row.guid), c = l === E.CREDIT;
-  return /* @__PURE__ */ _(S, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ _(C, { color: c ? "success.main" : "text.primary", variant: "Small", children: [
+  return /* @__PURE__ */ _(w, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
+    /* @__PURE__ */ _(C, { color: c ? "success.main" : "text.primary", variant: "body2", children: [
       c ? "+" : "",
       oe(a, "0,0.00")
     ] }),
-    s && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: s.short_title })
+    s && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "caption", children: s.short_title })
   ] });
 }, yt = (t) => {
   const { transactions: o } = D(), [r, a] = m.useState(!1);
   return /* @__PURE__ */ _(
-    S,
+    w,
     {
       alignItems: "center",
       direction: "row",
@@ -71,12 +71,12 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       width: "100%",
       children: [
         t.row.has_been_split && /* @__PURE__ */ e(L, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? o.split_transaction_category_label : t.row.category }),
+        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ? o.split_transaction_category_label : t.row.category }),
         !t.row.has_been_split && r && /* @__PURE__ */ e(L, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, Tt = w(yt), bt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: Je(Ye(t.row.date), Qe.MONTH_DAY) }), At = (t) => {
+}, bt = S(yt), Tt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: Je(Xe(t.row.date), Qe.MONTH_DAY) }), At = (t) => {
   const o = qe(), r = o.palette.mode === "dark", { transactions: a } = D(), { is_flagged: l, is_hidden: s, has_been_viewed: c, parent_guid: h } = t.row, f = !c && !!!h;
   return /* @__PURE__ */ _(
     x,
@@ -112,7 +112,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, xt = w(At), N = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", gap: 8, children: [
+}, xt = S(At), N = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "body2", children: t.colDef.headerName }), wt = (t) => /* @__PURE__ */ _(w, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
     je,
     {
@@ -120,8 +120,8 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       merchantGuid: t.row.merchant_guid || ""
     }
   ),
-  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
-] }), wt = ({
+  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.payee })
+] }), St = ({
   height: t = "100dvh",
   onCategoryClick: o,
   onRowClick: r
@@ -155,7 +155,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.date_title,
       width: 103,
       renderHeader: N,
-      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(bt, { ...i }),
+      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(Tt, { ...i }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -164,7 +164,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.payee_title,
       flex: 0.33,
       renderHeader: N,
-      renderCell: St,
+      renderCell: wt,
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -172,7 +172,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.category_title,
       flex: 0.25,
       renderHeader: N,
-      renderCell: (i) => /* @__PURE__ */ e(Tt, { ...i }),
+      renderCell: (i) => /* @__PURE__ */ e(bt, { ...i }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -215,7 +215,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, Dt = w(wt), It = ({ copy: t, isOpen: o, onClose: r, onPrimaryAction: a }) => {
+}, Dt = S(St), It = ({ copy: t, isOpen: o, onClose: r, onPrimaryAction: a }) => {
   const { common: l, transactions: s } = D(), { isCopyLoaded: c } = K();
   return c ? /* @__PURE__ */ _(
     re,
@@ -234,7 +234,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   ) : /* @__PURE__ */ e(z, {});
-}, vt = w(It), Nt = () => {
+}, vt = S(It), Nt = () => {
   const { visibleAccounts: t } = ne(), { common: o, transactions: r } = D(), { manualTransaction: a, setIsAmountValid: l, updateManualTransaction: s } = R(), [c, h] = m.useState(""), [y, f] = m.useState(""), d = m.useMemo(
     () => t.filter((n) => n.is_manual),
     [t]
@@ -248,17 +248,17 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     enter_amount: o.currency_input.enter_amount
   }, p = (n) => {
     h(n), s({ ...a, amount: Number(n) });
-  }, i = (n, P) => {
-    s({ ...a, transaction_type: Number(P) });
+  }, i = (n, B) => {
+    s({ ...a, transaction_type: Number(B) });
   }, g = (n) => {
     f(n), s({ ...a, payee: n, description: n });
   }, v = (n) => {
     s({ ...a, account_guid: n });
   };
   return /* @__PURE__ */ _(x, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ _(S, { gap: 40, mx: 24, my: 32, children: [
+    /* @__PURE__ */ _(w, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ _(
-        S,
+        w,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
@@ -280,7 +280,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(it, { name: "TransactionType", onChange: i, row: !0, children: /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(it, { name: "TransactionType", onChange: i, row: !0, children: /* @__PURE__ */ _(w, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 Z,
                 {
@@ -336,7 +336,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       /* @__PURE__ */ e(He, { transaction: a })
     ] })
   ] });
-}, Et = w(Nt), kt = ({ onClose: t, transaction: o }) => {
+}, Et = S(Nt), kt = ({ onClose: t, transaction: o }) => {
   const { addOrUpdateTransactionRule: r, updateTransaction: a } = H(), { transactions: l } = D(), { categories: s } = Fe(), [c, h] = m.useState(""), y = m.useMemo(
     () => s.find((d) => d.guid === c),
     [c]
@@ -369,7 +369,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         onSecondaryAction: () => f(!1),
         primaryText: l.actions_apply_to_all,
         secondaryText: l.actions_this_time_only,
-        children: /* @__PURE__ */ e(Xe, { variant: "Paragraph", children: U(
+        children: /* @__PURE__ */ e(Ye, { variant: "subtitle1", children: U(
           l.actions_all_past_and_future,
           o.description,
           y?.name
@@ -377,16 +377,16 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     )
   ] });
-}, Ot = w(kt), ae = 120, Mt = ({
+}, Ot = S(kt), ae = 120, Mt = ({
   onBackClick: t,
   height: o = "100dvh",
   showInsights: r = !1,
   sx: a = {}
 }) => {
-  const { manualAccounts: l, refreshAccounts: s } = ne(), { is_mobile_webview: c, clientConfig: h, config: y } = Ue(), { setSearchValue: f } = dt(), { onEvent: d } = Ke(), { common: I, transactions: p } = D(), { displayedDateRange: i, isInitialized: g, selectedAccountGuids: v, setDisplayedDate: n } = K(), { isDesktop: P, isTablet: ie } = _t(), k = at(), {
+  const { manualAccounts: l, refreshAccounts: s } = ne(), { is_mobile_webview: c, clientConfig: h, config: y } = Ue(), { setSearchValue: f } = dt(), { onEvent: d } = Ke(), { common: I, transactions: p } = D(), { displayedDateRange: i, isInitialized: g, selectedAccountGuids: v, setDisplayedDate: n } = K(), { isDesktop: B, isTablet: ie } = _t(), k = at(), {
     addTransaction: se,
     filter: ce,
-    isTransactionDataLoaded: B,
+    isTransactionDataLoaded: P,
     loadTransactionData: le,
     setFilter: q,
     sortedTransactions: j,
@@ -398,23 +398,23 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     clearExpandedSplits: pe,
     isAmountValid: ge,
     manualTransaction: O,
-    searchValue: X,
+    searchValue: Y,
     setSearchValue: he,
     setShowInsights: fe,
     updateManualTransaction: Ce
-  } = R(), { userProfile: ye } = ze(), [$, T] = m.useState(""), [Y, M] = m.useState(""), [Te, V] = m.useState(!1), [be, J] = m.useState(!1), { announce: Ae, ariaLive: xe } = ut(), W = h?.transactions?.selected_account_guid;
+  } = R(), { userProfile: ye } = ze(), [$, b] = m.useState(""), [X, M] = m.useState(""), [be, V] = m.useState(!1), [Te, J] = m.useState(!1), { announce: Ae, ariaLive: xe } = ut(), W = h?.transactions?.selected_account_guid;
   pt({
     widgetName: "TransactionWidget",
-    isLoaded: B
+    isLoaded: P
   }), m.useEffect(() => {
-    B || le().finally();
+    P || le().finally();
     const u = tt(F()), Oe = Ze(F());
     n(u, Oe), d(A.TRANSACTIONS_VIEW);
   }, []), m.useEffect(() => {
     g && q({
       accounts: W ? [W] : v,
       dateRange: { start: i.start, end: i.end },
-      searchTerm: X
+      searchTerm: Y
     });
   }, [g, i, v]), m.useEffect(() => {
     fe(r);
@@ -423,9 +423,9 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       U(p.showing_transactions_count, j.length)
     );
   }, [g, j]);
-  const b = Y ? me.find((u) => u.guid === Y) : void 0, Q = ge && !!O.payee && !!O.account_guid && !!O.category_guid, Se = (u) => {
+  const T = X ? me.find((u) => u.guid === X) : void 0, Q = ge && !!O.payee && !!O.account_guid && !!O.category_guid, we = (u) => {
     pe(), n(u[0], u[1]);
-  }, we = (u) => {
+  }, Se = (u) => {
     he(u), q({
       ...ce,
       searchTerm: u
@@ -434,26 +434,26 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     Ve(de, ue), d(A.TRANSACTIONS_CLICK_EXPORT);
   }, Ie = () => {
     l.length > 0 ? (Ce({
-      ...Be,
+      ...Pe,
       date: et(F()),
       user_guid: ye?.user_guid || ""
-    }), T(
+    }), b(
       "addTransaction"
       /* AddTransaction */
     ), d(A.TRANSACTIONS_CLICK_ADD)) : (V(!0), d(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, ve = async () => {
-    Q && await se(O), T("");
+    Q && await se(O), b("");
   }, Ne = () => {
     V(!1), J(!0);
   }, Ee = async () => {
     J(!1), await s();
   }, ke = async () => {
-    b && !b.has_been_viewed && await _e({ ...b, has_been_viewed: !0 }), T("");
+    T && !T.has_been_viewed && await _e({ ...T, has_been_viewed: !0 }), b("");
   };
   if (!g)
     return /* @__PURE__ */ e(z, {});
   const G = [];
-  return !c && (P || ie) && G.push({
+  return !c && (B || ie) && G.push({
     iconName: "open_in_new",
     label: p.export_csv_btn,
     onClick: De
@@ -466,7 +466,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     {
       actions: G,
       calendarActions: {
-        onRangeChanged: Se
+        onRangeChanged: we
       },
       onAccountsFilterClick: () => d(A.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
@@ -474,14 +474,14 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       sx: a,
       title: p.transactions_title,
       children: [
-        B ? /* @__PURE__ */ _(S, { children: [
+        P ? /* @__PURE__ */ _(w, { children: [
           xe,
           /* @__PURE__ */ e(x, { mt: 16, children: /* @__PURE__ */ e(
             ht,
             {
-              onChange: we,
+              onChange: Se,
               placeholder: p.action_bar_search_placeholder,
-              searchValue: X
+              searchValue: Y
             }
           ) }),
           /* @__PURE__ */ e(
@@ -496,13 +496,13 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                 {
                   height: `calc(${o} - ${ae}px)`,
                   onCategoryClick: (u) => {
-                    M(u), T(
+                    M(u), b(
                       "category"
                       /* Category */
                     );
                   },
                   onRowClick: (u) => {
-                    M(u), T(
+                    M(u), b(
                       "transaction"
                       /* Transaction */
                     ), d(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: u });
@@ -523,7 +523,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                 {
                   height: `calc(${o} - ${ae}px)`,
                   onClick: (u) => {
-                    M(u), T(
+                    M(u), b(
                       "transaction"
                       /* Transaction */
                     );
@@ -539,19 +539,19 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           te,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: $ === "transaction" && !!b,
+            isOpen: $ === "transaction" && !!T,
             onClose: ke,
             title: p.details_title,
-            children: b && /* @__PURE__ */ e(Pe, { transaction: b })
+            children: T && /* @__PURE__ */ e(Be, { transaction: T })
           }
         ),
-        b && $ === "category" && /* @__PURE__ */ e(
+        T && $ === "category" && /* @__PURE__ */ e(
           Ot,
           {
             onClose: () => {
-              f(""), T(""), M("");
+              f(""), b(""), M("");
             },
-            transaction: b
+            transaction: T
           }
         ),
         /* @__PURE__ */ e(
@@ -560,7 +560,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
             ariaLabelClose: I.close_aria,
             isOpen: $ === "addTransaction",
             isPrimaryDisabled: !Q,
-            onClose: () => T(""),
+            onClose: () => b(""),
             onPrimaryAction: ve,
             title: p.add_transaction_title,
             children: /* @__PURE__ */ e(Et, {})
@@ -570,7 +570,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           vt,
           {
             copy: { title: p.add_manual_account },
-            isOpen: Te,
+            isOpen: be,
             onClose: () => {
               V(!1);
             },
@@ -581,27 +581,27 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           nt,
           {
             onClose: Ee,
-            showConnectWidget: be,
+            showConnectWidget: Te,
             title: p.add_manual_account
           }
         )
       ]
     }
   );
-}, ba = w(Mt);
+}, Ta = S(Mt);
 export {
   vt as AddAccountModal,
   Da as BottomActions,
   Ra as ExportCsvAction,
   Na as TRANSACTION_EVENTS,
   Ia as TopActions,
-  Sa as TransactionApi,
-  Pe as TransactionDetails,
+  wa as TransactionApi,
+  Be as TransactionDetails,
   $e as TransactionList,
   Ma as TransactionRow,
   ka as TransactionStore,
   Dt as TransactionTable,
-  ba as TransactionWidget,
+  Ta as TransactionWidget,
   Ve as exportTransactionsToCSV,
   R as useTransactionsUiStore
 };

package/dist/trends/index.es.js

@@ -29,20 +29,20 @@ import { c as Bt, i as Pt, d as Vt, e as Ft, b as at, g as it, f as Ke } from ".
 import $t from "@mui/material/ToggleButton";
 import zt from "@mui/material/ToggleButtonGroup";
 import { parseISO as lt } from "date-fns/parseISO";
-import { H as ke } from "../HeaderCell-DjuifqHJ.mjs";
+import { H as ke } from "../HeaderCell-P8w6CmfO.mjs";
 import { T as G, b as Kt } from "../ViewMoreMicroCard-BhG9hCoO.mjs";
 import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } from "@mui/x-data-grid-pro";
 import Xt from "@mui/material/Badge";
 import Zt from "@mui/material/IconButton";
 import { A as v } from "../Analytics-BYItVAe-.mjs";
-import { T as ct } from "../StatusIndicator-BV3oFzxo.mjs";
-import { T as dt } from "../TransactionDetails-DYlTwSDt.mjs";
-import { D as We } from "../Drawer-DV4NTsFg.mjs";
+import { T as ct } from "../StatusIndicator-CIKUOoN_.mjs";
+import { T as dt } from "../TransactionDetails-BpcWeXNU.mjs";
+import { D as We } from "../Drawer-Bbe4AMB1.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";
-import { W as ut } from "../WidgetContainer-B0ncgABX.mjs";
-import { L as Pe } from "../LineChart-B1qbKR8q.mjs";
-import { M as Qt } from "../MiniWidgetContainer-Cu72GNsE.mjs";
+import { W as ut } from "../WidgetContainer-D_iaToWJ.mjs";
+import { L as Pe } from "../LineChart-DBSlRSEm.mjs";
+import { M as Qt } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
 import { subMonths as qt } from "date-fns";
 import { TrendingUp as Jt, TrendingDown as eo, MultilineChart as to, ExpandLess as oo, ExpandMore as no, ArrowBack as so } from "@mxenabled/mx-icons";
 import { M as ro } from "../MicroWidgetContainer-B_EnfvCq.mjs";
@@ -59,7 +59,7 @@ import go from "@mui/material/Paper";
 import { E as po } from "../ExportCsvAction-izkIdXj5.mjs";
 import { u as fo } from "../useInsightsEnabled-DL_oNyI0.mjs";
 import { E as yo } from "../EmptyState-DHAkGsjk.mjs";
-import { C as Co } from "../ConnectDrawer-CioFo6Wy.mjs";
+import { C as Co } from "../ConnectDrawer-C0wjwcJt.mjs";
 const ht = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
   const { categories: n } = A(), { getCategoryName: o } = J(), r = o(t);
   return /* @__PURE__ */ C(x, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
@@ -72,7 +72,7 @@ const ht = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
         children: /* @__PURE__ */ e(xe, { categoryGuid: s })
       }
     ),
-    /* @__PURE__ */ e(Q, { variant: "Body", children: r })
+    /* @__PURE__ */ e(Q, { variant: "body1", children: r })
   ] });
 }, _o = ({
   categoryGuids: { guid: t, topLevelGuid: s },
@@ -105,21 +105,21 @@ const ht = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
       children: /* @__PURE__ */ C(tt, { children: [
         /* @__PURE__ */ C(W, { alignItems: "center", display: "flex", flexDirection: "column", children: [
           /* @__PURE__ */ e(ht, { categoryGuid: t, topLevelCategoryGuid: s }),
-          /* @__PURE__ */ e(Q, { variant: "Small", children: `${n.length}-month total` }),
+          /* @__PURE__ */ e(Q, { variant: "body2", children: `${n.length}-month total` }),
           /* @__PURE__ */ e(we, { amount: i, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
         /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
         /* @__PURE__ */ e(Fe, { container: !0, children: n.map((y, m) => /* @__PURE__ */ C(g.Fragment, { children: [
           m > 0 && m % 3 === 0 && /* @__PURE__ */ e(Ne, { sx: { my: 16, width: "100%" } }),
           /* @__PURE__ */ e(Fe, { item: !0, xs: 4, children: /* @__PURE__ */ C(W, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-            /* @__PURE__ */ e(Q, { color: l.palette.text.secondary, variant: "XSmall", children: y.x }),
+            /* @__PURE__ */ e(Q, { color: l.palette.text.secondary, variant: "caption", children: y.x }),
             /* @__PURE__ */ e(
               we,
               {
                 amount: y.y,
                 bold: !0,
                 formatString: "0,0",
-                variant: "Body"
+                variant: "body1"
               }
             )
           ] }) })
@@ -177,7 +177,7 @@ const ht = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ e(Q, { variant: "Body", children: u(c) })
+              /* @__PURE__ */ e(Q, { variant: "body1", children: u(c) })
             ]
           },
           c
@@ -197,8 +197,8 @@ const ht = ({ categoryGuid: t, topLevelCategoryGuid: s }) => {
   const i = n.find((m) => m.id === u)?.data?.[a], y = o?.[a];
   return i === void 0 || !y ? null : /* @__PURE__ */ e(et, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ C(W, { alignItems: "center", display: "flex", flexDirection: "column", children: [
     /* @__PURE__ */ e(ht, { categoryGuid: t, topLevelCategoryGuid: s }),
-    /* @__PURE__ */ e(Q, { color: l.palette.text.secondary, variant: "Small", children: Z(y, B.MONTH_SHORT_YEAR) }),
-    /* @__PURE__ */ e(we, { amount: String(i), bold: !0, formatString: "0,0", variant: "Body" })
+    /* @__PURE__ */ e(Q, { color: l.palette.text.secondary, variant: "body2", children: Z(y, B.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ e(we, { amount: String(i), bold: !0, formatString: "0,0", variant: "body1" })
   ] }) }) });
 }, wo = ({
   onHoverArea: t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.12.16",
+  "version": "7.13.0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/AccountListItem-BIVhda6q.mjs

@@ -1,90 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as l } from "react/jsx-runtime";
-import { observer as b } from "mobx-react-lite";
-import I from "@mui/material/Badge";
-import m from "@mui/material/Box";
-import S from "@mui/material/ListItem";
-import v from "@mui/material/ListItemAvatar";
-import C from "@mui/material/ListItemButton";
-import _ from "@mui/material/ListItemText";
-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-DeZSQOuM.mjs";
-import { u as X } from "./useAccountDisplayName-DKwT1mWv.mjs";
-import { u as $ } from "./hooks-BxkfR-Ff.mjs";
-import { C as d } from "./Account-BiB1F8lL.mjs";
-import { f as k } from "./NumberFormatting-QCaNwbjv.mjs";
-const w = {
-  gridRow: 1,
-  gridColumn: 1,
-  zIndex: 2
-}, E = ({ size: t = 20 }) => /* @__PURE__ */ e(j, { size: t, children: /* @__PURE__ */ e(A, { color: "error", filled: !0, sx: { fontSize: t, ...w } }) }), M = ({
-  account: t,
-  onRowClick: s,
-  listItemProps: c,
-  shouldShowConnectionStatus: p = !1
-}) => {
-  const u = B(), f = X(t), { accounts: i } = $(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
-    t,
-    i
-  );
-  let n;
-  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (n = /* @__PURE__ */ e(E, { size: 16 }));
-  const a = /* @__PURE__ */ r(l, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      I,
-      {
-        badgeContent: p ? n : void 0,
-        sx: {
-          "& .MuiBadge-badge": {
-            right: -1
-          }
-        },
-        children: /* @__PURE__ */ e(L, { alt: "MX", institutionGuid: t.institution_guid || "" })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      _,
-      {
-        disableTypography: !0,
-        primary: /* @__PURE__ */ r(
-          o,
-          {
-            bold: !0,
-            color: t.is_hidden ? u.palette.text.secondary : void 0,
-            sx: { whiteSpace: "normal" },
-            variant: "Body",
-            children: [
-              `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
-              " ",
-              t.is_hidden && !t.is_closed && i.is_hidden,
-              t.is_closed && i.is_closed
-            ]
-          }
-        ),
-        secondary: /* @__PURE__ */ r(l, { children: [
-          /* @__PURE__ */ r(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(o, { variant: "XSmall", children: h }),
-            /* @__PURE__ */ e(o, { bold: !0, variant: "Small", children: k(g, "0,0.00") })
-          ] }),
-          /* @__PURE__ */ r(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(o, { variant: "XSmall", children: x }),
-            /* @__PURE__ */ e(o, { ml: "auto", variant: "XSmall", children: y })
-          ] })
-        ] })
-      }
-    )
-  ] });
-  return /* @__PURE__ */ e(
-    S,
-    {
-      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
-      ...c,
-      children: s ? /* @__PURE__ */ e(C, { alignItems: "flex-start", onClick: s, sx: { px: 24 }, children: a }) : a
-    }
-  );
-}, Z = b(M);
-export {
-  Z as A
-};

package/dist/Accounts-M-LTzStv.mjs

@@ -1,27 +0,0 @@
-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);
-}), E = (t, n, s) => {
-  let _ = u.Connected;
-  s && (r.includes(s.connection_status) ? _ = u.Error : p.includes(s.connection_status) ? _ = u.Processing : y.includes(s.connection_status) && (_ = u.RequiresMfa));
-  const i = [
-    t.user_name || t.feed_name || "",
-    t.account_number ? `*${t.account_number}` : ""
-  ].join(" ").trim();
-  return {
-    ...t,
-    connectionStatus: _,
-    displayName: i,
-    institution: n,
-    member: s
-  };
-}, d = (t, n) => t.account_type > n.account_type ? 1 : t.account_type < n.account_type ? -1 : (t.name || "") > (n.name || "") ? 1 : (t.name || "") < (n.name || "") ? -1 : 0;
-export {
-  l as a,
-  R as b,
-  m as c,
-  A as d,
-  I as i,
-  f as u
-};

package/dist/HeaderCell-DjuifqHJ.mjs

@@ -1,6 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Text as o } from "@mxenabled/mxui";
-const l = (e) => /* @__PURE__ */ r(o, { fontWeight: 600, variant: "Small", children: e.colDef.headerName });
-export {
-  l as H
-};