@mx-cartographer/experiences 7.9.0 → 7.9.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.9.1] - 01-29-2026
+
+- **FIXED** - Issue with transaction filter on Transactions Widget
+
 ## [7.9.0] - 01-29-2026
 
 - **UPDATED** - Reordering of Savings goals to use up buttons instead of being draggable

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

@@ -77,6 +77,9 @@ class E {
       (t) => t.account_type === s.INVESTMENT
     );
   }
+  get manualAccounts() {
+    return this.detailedAccounts.filter((t) => t.is_manual);
+  }
   get savingsAccounts() {
     return this.detailedAccounts.filter((t) => t.account_type === s.SAVINGS);
   }
@@ -86,7 +89,7 @@ class E {
     );
   }
   get visibleAccounts() {
-    return this.detailedAccounts.filter((t) => !t.is_hidden);
+    return this.detailedAccounts.filter((t) => !t.is_hidden && !t.is_closed);
   }
   get visibleCashAccounts() {
     return this.cashAccounts.filter((t) => !t.is_hidden);

package/dist/accounts/index.es.js

@@ -62,7 +62,7 @@ import { u as n1 } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as o1 } from "../Loader-DUaFpDGv.mjs";
 import { M as A1 } from "../MiniWidgetContainer-98-hKFqm.mjs";
 import { A as i2 } from "../AccountApi-DgZ8ILj1.mjs";
-import { A as a2 } from "../AccountStore-BbPWe2C9.mjs";
+import { A as a2 } from "../AccountStore-btBtMI9s.mjs";
 const d3 = (t, o) => {
   const n = _1.includes(o) ? b1(t) : [], i = L1.includes(o) ? S1(t) : [], c = f1.includes(o) ? R1(t) : [];
   return [n, i, c].filter((l) => l.length > 0);

package/dist/accounts/stores/AccountStore.d.ts

@@ -25,6 +25,7 @@ export declare class AccountStore {
     get debtAccounts(): DetailedAccount[];
     get finstrongAccounts(): DetailedAccount[];
     get investmentAccounts(): DetailedAccount[];
+    get manualAccounts(): DetailedAccount[];
     get savingsAccounts(): DetailedAccount[];
     get retirementAccounts(): Account[];
     get visibleAccounts(): DetailedAccount[];

package/dist/common/index.es.js

@@ -54,7 +54,7 @@ import { u as Mo } from "../useInsightsEnabled-B7dxpDrX.mjs";
 import { u as Uo } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as Ro } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { makeAutoObservable as _, runInAction as S, reaction as Z, autorun as ft } from "mobx";
-import { A as yt } from "../AccountStore-BbPWe2C9.mjs";
+import { A as yt } from "../AccountStore-btBtMI9s.mjs";
 import St from "posthog-js";
 import { B as bt } from "../BeatStore-D_NYuBSz.mjs";
 import { endOfMonth as J } from "date-fns/endOfMonth";

package/dist/transactions/index.es.js

@@ -1,61 +1,61 @@
-import { T as wa } from "../TransactionApi-CjBoLleL.mjs";
-import { u as P, C as Be, D as Pe, M as $e, c as Ve, T as We, a as Ge } from "../TransactionDetails-BDhz3DLT.mjs";
-import { B as va, d as Da, b as Na } from "../TransactionDetails-BDhz3DLT.mjs";
-import { T as k } from "../User-B0LnmiKO.mjs";
-import { O as Oa } from "../User-B0LnmiKO.mjs";
-import { S as ae, D as Fe } from "../TransactionStore-BSp5bOKg.mjs";
-import { T as La } from "../TransactionStore-BSp5bOKg.mjs";
-import { e as Ue } from "../exportTransactionsToCSV-DtQ7ovAR.mjs";
-import { E as Ra } from "../ExportCsvAction-CDuzTva1.mjs";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { T as ba } from "../TransactionApi-CjBoLleL.mjs";
+import { u as R, C as Le, D as Me, M as Re, c as He, T as Pe, a as Be } from "../TransactionDetails-BDhz3DLT.mjs";
+import { B as xa, d as Sa, b as wa } from "../TransactionDetails-BDhz3DLT.mjs";
+import { T as E } from "../User-B0LnmiKO.mjs";
+import { O as Ia } from "../User-B0LnmiKO.mjs";
+import { S as Z, D as $e } from "../TransactionStore-BSp5bOKg.mjs";
+import { T as Na } from "../TransactionStore-BSp5bOKg.mjs";
+import { e as Ve } from "../exportTransactionsToCSV-DtQ7ovAR.mjs";
+import { E as Oa } from "../ExportCsvAction-CDuzTva1.mjs";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import m from "react";
 import { observer as w } from "mobx-react-lite";
-import Ke from "@mui/material/Paper";
-import { DataGridPro as ze } from "@mui/x-data-grid-pro";
+import We from "@mui/material/Paper";
+import { DataGridPro as Ge } from "@mui/x-data-grid-pro";
 import x from "@mui/material/Box";
-import { useTheme as qe } from "@mui/material/styles";
-import { Text as y, Icon as B, MerchantLogo as je, TextField as ne, P as Xe } from "@mxenabled/mxui";
-import { h as $, u as I, b as j, d as se, m as Ye, a as Je, g as Qe, o as Ze } from "../hooks-ZMp65DFz.mjs";
-import { fromUnixTime as et } from "date-fns/fromUnixTime";
-import { f as tt, D as at, a as ie } from "../Dialog-B4PI-_bL.mjs";
+import { useTheme as Fe } from "@mui/material/styles";
+import { Text as y, Icon as M, MerchantLogo as Ue, TextField as ee, P as Ke } from "@mxenabled/mxui";
+import { h as H, u as D, b as K, d as ne, m as ze, a as qe, g as je, o as Xe } from "../hooks-ZMp65DFz.mjs";
+import { fromUnixTime as Ye } from "date-fns/fromUnixTime";
+import { f as Je, D as Qe, a as oe } from "../Dialog-B4PI-_bL.mjs";
 import S from "@mui/material/Stack";
-import { f as ce } from "../NumberFormatting-DjTD0t3W.mjs";
-import { L as X } from "../Loader-DUaFpDGv.mjs";
-import { endOfMonth as nt } from "date-fns/endOfMonth";
-import { getUnixTime as ot } from "date-fns/getUnixTime";
-import { startOfMonth as rt } from "date-fns/startOfMonth";
-import { startOfToday as z } from "date-fns/startOfToday";
-import st from "@mui/material/styles/useTheme";
-import { b as it } from "../GlobalAccountFilter-DQCPNc95.mjs";
-import ct from "@mui/material/Divider";
-import lt from "@mui/material/MenuItem";
-import dt from "@mui/material/RadioGroup";
-import { ExpandMore as ut } from "@mxenabled/mx-icons";
-import { C as mt } from "../CurrencyInput-itK0R3wV.mjs";
-import { a as _t, u as pt } from "../CategorySelectorDrawer-cQKX5dZb.mjs";
-import { b as q } from "../Localization-2MODESHW.mjs";
-import { u as gt } from "../useAriaLive-B3_pRUio.mjs";
-import { S as ht } from "../SkeletonLoader-BaNboJjD.mjs";
-import { A, W as ft } from "../WidgetContainer-BbPS3Yxz.mjs";
-import { u as Ct } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as yt } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { S as Tt } from "../SearchBox-B2_zLv8-.mjs";
-import { D as oe } from "../Drawer-DV4NTsFg.mjs";
-const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small", children: [
+import { f as re } from "../NumberFormatting-DjTD0t3W.mjs";
+import { L as z } from "../Loader-DUaFpDGv.mjs";
+import { endOfMonth as Ze } from "date-fns/endOfMonth";
+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 { b as nt } from "../GlobalAccountFilter-DQCPNc95.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-itK0R3wV.mjs";
+import { a as lt, u as dt } from "../CategorySelectorDrawer-cQKX5dZb.mjs";
+import { b as U } from "../Localization-2MODESHW.mjs";
+import { u as ut } from "../useAriaLive-B3_pRUio.mjs";
+import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
+import { A, W as _t } from "../WidgetContainer-BbPS3Yxz.mjs";
+import { u as pt } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as gt } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { S as ht } from "../SearchBox-B2_zLv8-.mjs";
+import { D as te } from "../Drawer-DV4NTsFg.mjs";
+const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
-] }), At = (t) => {
-  const { associatedBeats: s } = $(), { showInsights: o } = P(), { amount: a, transaction_type: i } = t.row, c = s.find((g) => g.associated_transaction_guid === t.row.guid), l = i === k.CREDIT;
-  return /* @__PURE__ */ p(S, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ p(y, { color: l ? "success.main" : "text.primary", variant: "Small", children: [
-      l ? "+" : "",
-      ce(a, "0,0.00")
+] }), Ct = (t) => {
+  const { associatedBeats: r } = H(), { showInsights: o } = R(), { amount: a, transaction_type: l } = t.row, s = r.find((h) => h.associated_transaction_guid === t.row.guid), c = l === E.CREDIT;
+  return /* @__PURE__ */ _(S, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
+    /* @__PURE__ */ _(y, { color: c ? "success.main" : "text.primary", variant: "Small", children: [
+      c ? "+" : "",
+      re(a, "0,0.00")
     ] }),
-    c && o && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "XSmall", children: c.short_title })
+    s && o && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "XSmall", children: s.short_title })
   ] });
-}, xt = (t) => {
-  const { transactions: s } = I(), [o, a] = m.useState(!1);
-  return /* @__PURE__ */ p(
+}, yt = (t) => {
+  const { transactions: r } = D(), [o, a] = m.useState(!1);
+  return /* @__PURE__ */ _(
     S,
     {
       alignItems: "center",
@@ -66,22 +66,22 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
       onMouseLeave: () => a(!1),
       width: "100%",
       children: [
-        t.row.has_been_split && /* @__PURE__ */ e(B, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? s.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && o && /* @__PURE__ */ e(B, { name: "edit", sx: { color: "action.active" } })
+        t.row.has_been_split && /* @__PURE__ */ e(M, { name: "call_split", size: 16 }),
+        /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? r.split_transaction_category_label : t.row.category }),
+        !t.row.has_been_split && o && /* @__PURE__ */ e(M, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, St = w(xt), wt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: tt(et(t.row.date), at.MONTH_DAY) }), It = (t) => {
-  const s = qe(), { transactions: o } = I(), { is_flagged: a, is_hidden: i, has_been_viewed: c, parent_guid: l } = t.row, f = !c && !!!l;
-  return /* @__PURE__ */ p(
+}, Tt = w(yt), bt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: Je(Ye(t.row.date), Qe.MONTH_DAY) }), At = (t) => {
+  const r = Fe(), { transactions: o } = D(), { is_flagged: a, is_hidden: l, has_been_viewed: s, parent_guid: c } = t.row, f = !s && !!!c;
+  return /* @__PURE__ */ _(
     x,
     {
-      "aria-label": i ? o.is_hidden : o.is_flagged,
+      "aria-label": l ? o.is_hidden : o.is_flagged,
       tabIndex: t.tabIndex,
       children: [
-        a && /* @__PURE__ */ e(B, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-        !a && i && /* @__PURE__ */ e(B, { name: "visibility_off", size: 16 }),
+        a && /* @__PURE__ */ e(M, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+        !a && l && /* @__PURE__ */ e(M, { name: "visibility_off", size: 16 }),
         f && /* @__PURE__ */ e(
           "svg",
           {
@@ -89,7 +89,7 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
             style: {
               display: "inline-block",
               height: 16,
-              fill: s.palette.primary.light,
+              fill: r.palette.primary.light,
               verticalAlign: "middle",
               width: 16
             },
@@ -100,50 +100,50 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, vt = w(It), O = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), Dt = (t) => /* @__PURE__ */ p(S, { alignItems: "center", direction: "row", gap: 8, children: [
+}, xt = w(At), N = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
-    je,
+    Ue,
     {
       categoryGuid: t.row.top_level_category_guid || "",
       merchantGuid: t.row.merchant_guid || ""
     }
   ),
   /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
-] }), Nt = ({
+] }), wt = ({
   height: t = "100dvh",
-  onCategoryClick: s,
+  onCategoryClick: r,
   onRowClick: o
 }) => {
-  const { transactions: a } = I(), { isCopyLoaded: i } = j(), { isLoading: c, sortedTransactions: l } = $(), { clearExpandedSplits: g, toggleSplit: f } = P();
-  m.useEffect(() => () => g(), []);
+  const { transactions: a } = D(), { isCopyLoaded: l } = K(), { isLoading: s, sortedTransactions: c } = H(), { clearExpandedSplits: h, toggleSplit: f } = R();
+  m.useEffect(() => () => h(), []);
   const C = m.useMemo(
-    () => l.map((r) => ({
-      id: r.guid,
+    () => c.map((i) => ({
+      id: i.guid,
       isHovering: !1,
-      ...r
+      ...i
     })),
-    [l]
-  ), u = ({ row: { id: r, guid: h, has_been_split: N }, field: n }) => N ? f(r) : n === "category" ? s?.(h) : o?.(h), v = (r, h) => {
-    h.key !== "Enter" && h.key !== " " || u(r);
+    [c]
+  ), d = ({ row: { id: i, guid: g, has_been_split: v }, field: n }) => v ? f(i) : n === "category" ? r?.(g) : o?.(g), I = (i, g) => {
+    g.key !== "Enter" && g.key !== " " || d(i);
   };
-  if (!i)
-    return /* @__PURE__ */ e(X, {});
-  const _ = [
+  if (!l)
+    return /* @__PURE__ */ e(z, {});
+  const p = [
     {
       field: "flag",
       headerName: "",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (r) => /* @__PURE__ */ e(vt, { ...r }),
+      renderCell: (i) => /* @__PURE__ */ e(xt, { ...i }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
     },
     {
       field: "date",
       headerName: a.date_title,
       width: 103,
-      renderHeader: O,
-      renderCell: (r) => r.row.parent_guid ? null : /* @__PURE__ */ e(wt, { ...r }),
+      renderHeader: N,
+      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(bt, { ...i }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -151,49 +151,49 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
       field: "payee",
       headerName: a.payee_title,
       flex: 0.33,
-      renderHeader: O,
-      renderCell: Dt,
+      renderHeader: N,
+      renderCell: St,
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "category",
       headerName: a.category_title,
       flex: 0.25,
-      renderHeader: O,
-      renderCell: (r) => /* @__PURE__ */ e(St, { ...r }),
+      renderHeader: N,
+      renderCell: (i) => /* @__PURE__ */ e(Tt, { ...i }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "account",
       headerName: a.account_title,
       flex: 0.33,
-      renderHeader: O,
-      renderCell: (r) => r.row.parent_guid ? null : /* @__PURE__ */ e(bt, { ...r }),
+      renderHeader: N,
+      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(ft, { ...i }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "amount",
       headerName: a.amount_title,
       flex: 0.25,
-      renderHeader: O,
-      renderCell: At,
+      renderHeader: N,
+      renderCell: Ct,
       align: "right",
       headerAlign: "right",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(Ke, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    ze,
+  return /* @__PURE__ */ e(We, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    Ge,
     {
-      columns: _,
+      columns: p,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
-      getCellClassName: (r) => r.row.parent_guid ? "split-row" : "",
+      getCellClassName: (i) => i.row.parent_guid ? "split-row" : "",
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
-      loading: c,
-      onCellClick: u,
-      onCellKeyDown: v,
+      loading: s,
+      onCellClick: d,
+      onCellKeyDown: I,
       rows: C,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
       sx: {
@@ -203,89 +203,89 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, Et = w(Nt), Ot = ({ copy: t, isOpen: s, onClose: o, onPrimaryAction: a }) => {
-  const { common: i, transactions: c } = I(), { isCopyLoaded: l } = j();
-  return l ? /* @__PURE__ */ p(
-    ie,
+}, Dt = w(wt), It = ({ copy: t, isOpen: r, onClose: o, onPrimaryAction: a }) => {
+  const { common: l, transactions: s } = D(), { isCopyLoaded: c } = K();
+  return c ? /* @__PURE__ */ _(
+    oe,
     {
       copy: {
         title: t.title
       },
-      isOpen: s,
+      isOpen: r,
       onClose: o,
       onPrimaryAction: a,
-      primaryText: c.add_manual_account,
-      secondaryText: i.cancel_button,
+      primaryText: s.add_manual_account,
+      secondaryText: l.cancel_button,
       children: [
-        /* @__PURE__ */ e(y, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: c.add_account_modal_message }),
-        /* @__PURE__ */ e(y, { component: "p", truncate: !1, children: c.add_account_modal_cta })
+        /* @__PURE__ */ e(y, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: s.add_account_modal_message }),
+        /* @__PURE__ */ e(y, { component: "p", truncate: !1, children: s.add_account_modal_cta })
       ]
     }
-  ) : /* @__PURE__ */ e(X, {});
-}, kt = w(Ot), Lt = () => {
-  const { visibleAccounts: t } = se(), { common: s, transactions: o } = I(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: c } = P(), [l, g] = m.useState(""), [f, C] = m.useState(""), u = m.useMemo(
+  ) : /* @__PURE__ */ e(z, {});
+}, vt = w(It), Nt = () => {
+  const { visibleAccounts: t } = ne(), { common: r, transactions: o } = D(), { manualTransaction: a, setIsAmountValid: l, updateManualTransaction: s } = R(), [c, h] = m.useState(""), [f, C] = m.useState(""), d = m.useMemo(
     () => t.filter((n) => n.is_manual),
     [t]
   ).map((n) => ({
-    label: `${n.name} | ${ce(n.balance, "0,0.00")}`,
+    label: `${n.name} | ${re(n.balance, "0,0.00")}`,
     value: n.guid
-  })), v = {
-    error_amount_is_invalid: s.currency_input.error_amount_is_invalid,
-    error_amount_must_be_equal_to: s.currency_input.error_amount_must_be_equal_to,
-    error_amount_must_be_less_than_or_equal_to: s.currency_input.error_amount_must_be_less_than_or_equal_to,
-    enter_amount: s.currency_input.enter_amount
-  }, _ = (n) => {
-    g(n), c({ ...a, amount: Number(n) });
-  }, r = (n, L) => {
-    c({ ...a, transaction_type: Number(L) });
-  }, h = (n) => {
-    C(n), c({ ...a, payee: n, description: n });
-  }, N = (n) => {
-    c({ ...a, account_guid: n });
+  })), I = {
+    error_amount_is_invalid: r.currency_input.error_amount_is_invalid,
+    error_amount_must_be_equal_to: r.currency_input.error_amount_must_be_equal_to,
+    error_amount_must_be_less_than_or_equal_to: r.currency_input.error_amount_must_be_less_than_or_equal_to,
+    enter_amount: r.currency_input.enter_amount
+  }, p = (n) => {
+    h(n), s({ ...a, amount: Number(n) });
+  }, i = (n, P) => {
+    s({ ...a, transaction_type: Number(P) });
+  }, g = (n) => {
+    C(n), s({ ...a, payee: n, description: n });
+  }, v = (n) => {
+    s({ ...a, account_guid: n });
   };
-  return /* @__PURE__ */ p(x, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ p(S, { gap: 40, mx: 24, my: 32, children: [
-      /* @__PURE__ */ p(
+  return /* @__PURE__ */ _(x, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ _(S, { gap: 40, mx: 24, my: 32, children: [
+      /* @__PURE__ */ _(
         S,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
           children: [
             /* @__PURE__ */ e(
-              mt,
+              ct,
               {
                 allowDecimals: !0,
-                amount: l,
+                amount: c,
                 ariaLabel: o.amount_title,
-                copy: v,
+                copy: I,
                 inputProps: {
                   noValidate: !0
                 },
                 label: o.amount_title,
-                setAmount: _,
-                setHasValidInput: i,
+                setAmount: p,
+                setHasValidInput: l,
                 sx: { bgcolor: "background.paper" },
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(dt, { name: "TransactionType", onChange: r, row: !0, children: /* @__PURE__ */ p(S, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(it, { name: "TransactionType", onChange: i, row: !0, children: /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
-                ae,
+                Z,
                 {
-                  checked: a.transaction_type === k.CREDIT,
+                  checked: a.transaction_type === E.CREDIT,
                   label: o.manual_transaction_credit_button_label,
                   sx: { ml: { xs: 0, sm: 8 } },
                   tooltip: o.manual_transaction_credit_button_tooltip,
-                  value: k.CREDIT
+                  value: E.CREDIT
                 }
               ),
               /* @__PURE__ */ e(
-                ae,
+                Z,
                 {
-                  checked: a.transaction_type === k.DEBIT,
+                  checked: a.transaction_type === E.DEBIT,
                   label: o.manual_transaction_debit_button_label,
                   tooltip: o.manual_transaction_debit_button_tooltip,
-                  value: k.DEBIT
+                  value: E.DEBIT
                 }
               )
             ] }) })
@@ -293,224 +293,207 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
         }
       ),
       /* @__PURE__ */ e(
-        ne,
+        ee,
         {
           label: o.payee_title,
           name: "payee",
-          onChange: (n) => h(n.target.value),
+          onChange: (n) => g(n.target.value),
           sx: { bgcolor: "background.paper" },
           value: f
         }
       ),
       /* @__PURE__ */ e(
-        ne,
+        ee,
         {
           InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: ut },
+          SelectProps: { defaultValue: -1, IconComponent: st },
           label: o.manual_transaction_select_an_account,
-          onChange: (n) => N(n.target.value),
+          onChange: (n) => v(n.target.value),
           placeholder: o.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: u.map((n) => /* @__PURE__ */ e(lt, { value: n.value, children: n.label }, n.value))
+          children: d.map((n) => /* @__PURE__ */ e(rt, { value: n.value, children: n.label }, n.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(ct, { light: !0 }),
-    /* @__PURE__ */ p(x, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Be, { transaction: a }),
-      /* @__PURE__ */ e(Pe, { transaction: a }),
-      /* @__PURE__ */ e($e, { transaction: a }),
-      /* @__PURE__ */ e(Ve, { transaction: a })
+    /* @__PURE__ */ e(ot, { light: !0 }),
+    /* @__PURE__ */ _(x, { bgcolor: "background.paper", children: [
+      /* @__PURE__ */ e(Le, { transaction: a }),
+      /* @__PURE__ */ e(Me, { transaction: a }),
+      /* @__PURE__ */ e(Re, { transaction: a }),
+      /* @__PURE__ */ e(He, { transaction: a })
     ] })
   ] });
-}, Mt = w(Lt), Rt = ({ onClose: t, transaction: s }) => {
-  const { addOrUpdateTransactionRule: o, updateTransaction: a } = $(), { transactions: i } = I(), { categories: c } = Ye(), [l, g] = m.useState(""), f = m.useMemo(
-    () => c.find((u) => u.guid === l),
-    [l]
-  ), C = async (u) => {
-    await a({ ...s, category_guid: l }), u && await o(l, s), g(""), t();
+}, Et = w(Nt), Ot = ({ onClose: t, transaction: r }) => {
+  const { addOrUpdateTransactionRule: o, updateTransaction: a } = H(), { transactions: l } = D(), { categories: s } = ze(), [c, h] = m.useState(""), f = m.useMemo(
+    () => s.find((d) => d.guid === c),
+    [c]
+  ), C = async (d) => {
+    await a({ ...r, category_guid: c }), d && await o(c, r), h(""), t();
   };
-  return /* @__PURE__ */ p(x, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ _(x, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
-      _t,
+      lt,
       {
-        initialSelected: s.category_guid,
+        initialSelected: r.category_guid,
         onClose: t,
-        onSelect: (u) => g(u),
-        showDrawer: !!s,
-        title: i.actions_select_a_category
+        onSelect: (d) => h(d),
+        showDrawer: !!r,
+        title: l.actions_select_a_category
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      oe,
       {
         copy: {
-          title: q(
-            i.actions_apply_to_all_transaction_types,
-            s.description
+          title: U(
+            l.actions_apply_to_all_transaction_types,
+            r.description
           )
         },
-        isOpen: !!l,
+        isOpen: !!c,
         onClose: () => C(!1),
         onPrimaryAction: () => C(!0),
         onSecondaryAction: () => C(!1),
-        primaryText: i.actions_apply_to_all,
-        secondaryText: i.actions_this_time_only,
-        children: /* @__PURE__ */ e(Xe, { variant: "Paragraph", children: q(
-          i.actions_all_past_and_future,
-          s.description,
+        primaryText: l.actions_apply_to_all,
+        secondaryText: l.actions_this_time_only,
+        children: /* @__PURE__ */ e(Ke, { variant: "Paragraph", children: U(
+          l.actions_all_past_and_future,
+          r.description,
           f?.name
         ) })
       }
     )
   ] });
-}, Ht = w(Rt), re = 120, Bt = ({
+}, kt = w(Ot), ae = 120, Lt = ({
   onBackClick: t,
-  height: s = "100dvh",
+  height: r = "100dvh",
   showInsights: o = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: i, refreshAccounts: c } = se(), { is_mobile_webview: l, clientConfig: g, config: f } = Je(), { setSearchValue: C } = pt(), { onEvent: u } = Qe(), { common: v, transactions: _ } = I(), {
-    displayedDateRange: r,
-    isCopyLoaded: h,
-    isInitialized: N,
-    selectedAccountGuids: n,
-    setDisplayedDate: L
-  } = j(), { isDesktop: le, isTablet: de } = Ct(), M = st(), {
-    addTransaction: ue,
-    filter: Y,
-    isTransactionDataLoaded: V,
-    loadAssociatedBeats: me,
-    loadTransactionData: _e,
-    setFilter: W,
-    sortedTransactionsWithSplits: G,
-    tags: pe,
-    detailedTransactions: ge,
-    updateTransaction: he
-  } = $(), {
-    clearExpandedSplits: fe,
-    isAmountValid: Ce,
-    manualTransaction: R,
-    searchValue: ye,
-    setSearchValue: Te,
-    setShowInsights: be,
-    updateManualTransaction: Ae
-  } = P(), { userProfile: xe } = Ze(), [F, T] = m.useState(""), [J, H] = m.useState(""), [Se, U] = m.useState(!1), [we, Q] = m.useState(!1), { announce: Ie, ariaLive: ve } = gt(), E = g?.transactions?.selected_account_guid;
-  yt({
+  const { manualAccounts: l, refreshAccounts: s } = ne(), { is_mobile_webview: c, clientConfig: h, config: f } = qe(), { setSearchValue: C } = dt(), { onEvent: d } = je(), { common: I, transactions: p } = D(), { displayedDateRange: i, isInitialized: g, selectedAccountGuids: v, setDisplayedDate: n } = K(), { isDesktop: P, isTablet: ie } = pt(), O = at(), {
+    addTransaction: se,
+    filter: ce,
+    isTransactionDataLoaded: B,
+    loadTransactionData: le,
+    setFilter: q,
+    sortedTransactions: j,
+    sortedTransactionsWithSplits: de,
+    tags: ue,
+    detailedTransactions: me,
+    updateTransaction: _e
+  } = H(), {
+    clearExpandedSplits: pe,
+    isAmountValid: ge,
+    manualTransaction: k,
+    searchValue: X,
+    setSearchValue: he,
+    setShowInsights: fe,
+    updateManualTransaction: Ce
+  } = R(), { userProfile: ye } = Xe(), [$, T] = m.useState(""), [Y, L] = m.useState(""), [Te, V] = m.useState(!1), [be, J] = m.useState(!1), { announce: Ae, ariaLive: xe } = ut(), W = h?.transactions?.selected_account_guid;
+  gt({
     widgetName: "TransactionWidget",
-    isLoaded: V
+    isLoaded: B
   }), m.useEffect(() => {
-    V || _e().finally();
+    B || le().finally();
+    const u = tt(F()), ke = Ze(F());
+    n(u, ke), d(A.TRANSACTIONS_VIEW);
   }, []), m.useEffect(() => {
-    const d = E ? [{ guid: E }] : i.filter((D) => !D.is_hidden), ee = rt(z()), te = nt(z());
-    L(ee, te), W({
-      accounts: d.map((D) => D.guid),
-      custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
-      dateRange: { start: ee, end: te }
-    }), u(A.TRANSACTIONS_VIEW);
-  }, [i]), m.useEffect(() => {
-    W({
-      ...Y,
-      accounts: E ? [E] : n,
-      dateRange: { start: r.start, end: r.end }
-    }), me(r.start).finally();
-  }, [r, n]), m.useEffect(() => {
-    be(o);
+    g && q({
+      accounts: W ? [W] : v,
+      dateRange: { start: i.start, end: i.end },
+      searchTerm: X
+    });
+  }, [g, i, v]), m.useEffect(() => {
+    fe(o);
   }, [o]), m.useEffect(() => {
-    h && _.showing_transactions_count && Ie(
-      q(
-        _.showing_transactions_count,
-        G.length
-      )
+    g && Ae(
+      U(p.showing_transactions_count, j.length)
     );
-  }, [h, r, n, G, _]);
-  const De = m.useMemo(
-    () => i.filter((d) => d.is_manual),
-    [i]
-  ), b = J ? ge.find((d) => d.guid === J) : void 0, Z = Ce && !!R.payee && !!R.account_guid && !!R.category_guid, Ne = (d) => {
-    fe(), L(d[0], d[1]);
-  }, Ee = (d) => {
-    Te(d), W({
-      ...Y,
-      searchTerm: d
-    }), u(A.TRANSACTIONS_CLICK_SEARCH, { search_term: d });
-  }, Oe = () => {
-    Ue(G, pe), u(A.TRANSACTIONS_CLICK_EXPORT);
-  }, ke = () => {
-    De.length > 0 ? (Ae({
-      ...Fe,
-      date: ot(z()),
-      user_guid: xe?.user_guid || ""
+  }, [g, j]);
+  const b = Y ? me.find((u) => u.guid === Y) : void 0, Q = ge && !!k.payee && !!k.account_guid && !!k.category_guid, Se = (u) => {
+    pe(), n(u[0], u[1]);
+  }, we = (u) => {
+    he(u), q({
+      ...ce,
+      searchTerm: u
+    }), d(A.TRANSACTIONS_CLICK_SEARCH, { search_term: u });
+  }, De = () => {
+    Ve(de, ue), d(A.TRANSACTIONS_CLICK_EXPORT);
+  }, Ie = () => {
+    l.length > 0 ? (Ce({
+      ...$e,
+      date: et(F()),
+      user_guid: ye?.user_guid || ""
     }), T(
       "addTransaction"
       /* AddTransaction */
-    ), u(A.TRANSACTIONS_CLICK_ADD)) : (U(!0), u(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
-  }, Le = async () => {
-    Z && await ue(R), T("");
-  }, Me = () => {
-    U(!1), Q(!0);
-  }, Re = async () => {
-    Q(!1), await c();
-  }, He = async () => {
-    b && !b.has_been_viewed && await he({ ...b, has_been_viewed: !0 }), T("");
+    ), d(A.TRANSACTIONS_CLICK_ADD)) : (V(!0), d(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+  }, ve = async () => {
+    Q && await se(k), T("");
+  }, Ne = () => {
+    V(!1), J(!0);
+  }, Ee = async () => {
+    J(!1), await s();
+  }, Oe = async () => {
+    b && !b.has_been_viewed && await _e({ ...b, has_been_viewed: !0 }), T("");
   };
-  if (!N)
-    return /* @__PURE__ */ e(X, {});
-  const K = [];
-  return !l && (le || de) && K.push({
+  if (!g)
+    return /* @__PURE__ */ e(z, {});
+  const G = [];
+  return !c && (P || ie) && G.push({
     iconName: "open_in_new",
-    label: _.export_csv_btn,
-    onClick: Oe
-  }), f.show_connections_widget_in_master && K.push({
+    label: p.export_csv_btn,
+    onClick: De
+  }), f.show_connections_widget_in_master && G.push({
     iconName: "add",
-    label: _.add_transaction_btn,
-    onClick: ke
-  }), /* @__PURE__ */ p(
-    ft,
+    label: p.add_transaction_btn,
+    onClick: Ie
+  }), /* @__PURE__ */ _(
+    _t,
     {
-      actions: K,
+      actions: G,
       calendarActions: {
-        onRangeChanged: Ne
+        onRangeChanged: Se
       },
-      onAccountsFilterClick: () => u(A.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => d(A.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
-      showAccountFilter: !E,
+      showAccountFilter: !W,
       sx: a,
-      title: _.transactions_title,
+      title: p.transactions_title,
       children: [
-        V ? /* @__PURE__ */ p(S, { children: [
-          ve,
+        B ? /* @__PURE__ */ _(S, { children: [
+          xe,
           /* @__PURE__ */ e(x, { mt: 16, children: /* @__PURE__ */ e(
-            Tt,
+            ht,
             {
-              onChange: Ee,
-              placeholder: _.action_bar_search_placeholder,
-              searchValue: ye
+              onChange: we,
+              placeholder: p.action_bar_search_placeholder,
+              searchValue: X
             }
           ) }),
           /* @__PURE__ */ e(
             x,
             {
               sx: {
-                [M.breakpoints.down("md")]: { display: "none" },
-                [M.breakpoints.up("md")]: { display: "block" }
+                [O.breakpoints.down("md")]: { display: "none" },
+                [O.breakpoints.up("md")]: { display: "block" }
               },
               children: /* @__PURE__ */ e(
-                Et,
+                Dt,
                 {
-                  height: `calc(${s} - ${re}px)`,
-                  onCategoryClick: (d) => {
-                    H(d), T(
+                  height: `calc(${r} - ${ae}px)`,
+                  onCategoryClick: (u) => {
+                    L(u), T(
                       "category"
                       /* Category */
                     );
                   },
-                  onRowClick: (d) => {
-                    H(d), T(
+                  onRowClick: (u) => {
+                    L(u), T(
                       "transaction"
                       /* Transaction */
-                    ), u(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: d });
+                    ), d(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: u });
                   }
                 }
               )
@@ -520,15 +503,15 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
             x,
             {
               sx: {
-                [M.breakpoints.down("md")]: { display: "block" },
-                [M.breakpoints.up("md")]: { display: "none" }
+                [O.breakpoints.down("md")]: { display: "block" },
+                [O.breakpoints.up("md")]: { display: "none" }
               },
               children: /* @__PURE__ */ e(
-                We,
+                Pe,
                 {
-                  height: `calc(${s} - ${re}px)`,
-                  onClick: (d) => {
-                    H(d), T(
+                  height: `calc(${r} - ${ae}px)`,
+                  onClick: (u) => {
+                    L(u), T(
                       "transaction"
                       /* Transaction */
                     );
@@ -539,74 +522,74 @@ const bt = (t) => /* @__PURE__ */ p(y, { tabIndex: t.tabIndex, variant: "Small",
               )
             }
           )
-        ] }) : /* @__PURE__ */ e(ht, { sx: { m: 48 }, variant: "list" }),
+        ] }) : /* @__PURE__ */ e(mt, { sx: { m: 48 }, variant: "list" }),
         /* @__PURE__ */ e(
-          oe,
+          te,
           {
-            ariaLabelClose: v.close_aria,
-            isOpen: F === "transaction" && !!b,
-            onClose: He,
-            title: _.details_title,
-            children: b && /* @__PURE__ */ e(Ge, { transaction: b })
+            ariaLabelClose: I.close_aria,
+            isOpen: $ === "transaction" && !!b,
+            onClose: Oe,
+            title: p.details_title,
+            children: b && /* @__PURE__ */ e(Be, { transaction: b })
           }
         ),
-        b && F === "category" && /* @__PURE__ */ e(
-          Ht,
+        b && $ === "category" && /* @__PURE__ */ e(
+          kt,
           {
             onClose: () => {
-              C(""), T(""), H("");
+              C(""), T(""), L("");
             },
             transaction: b
           }
         ),
         /* @__PURE__ */ e(
-          oe,
+          te,
           {
-            ariaLabelClose: v.close_aria,
-            isOpen: F === "addTransaction",
-            isPrimaryDisabled: !Z,
+            ariaLabelClose: I.close_aria,
+            isOpen: $ === "addTransaction",
+            isPrimaryDisabled: !Q,
             onClose: () => T(""),
-            onPrimaryAction: Le,
-            title: _.add_transaction_title,
-            children: /* @__PURE__ */ e(Mt, {})
+            onPrimaryAction: ve,
+            title: p.add_transaction_title,
+            children: /* @__PURE__ */ e(Et, {})
           }
         ),
         /* @__PURE__ */ e(
-          kt,
+          vt,
           {
-            copy: { title: _.add_manual_account },
-            isOpen: Se,
+            copy: { title: p.add_manual_account },
+            isOpen: Te,
             onClose: () => {
-              U(!1);
+              V(!1);
             },
-            onPrimaryAction: Me
+            onPrimaryAction: Ne
           }
         ),
         /* @__PURE__ */ e(
-          it,
+          nt,
           {
-            onClose: Re,
-            showConnectWidget: we,
-            title: _.add_manual_account
+            onClose: Ee,
+            showConnectWidget: be,
+            title: p.add_manual_account
           }
         )
       ]
     }
   );
-}, Aa = w(Bt);
+}, Ca = w(Lt);
 export {
-  kt as AddAccountModal,
-  va as BottomActions,
-  Ra as ExportCsvAction,
-  Oa as TRANSACTION_EVENTS,
-  Da as TopActions,
-  wa as TransactionApi,
-  Ge as TransactionDetails,
-  We as TransactionList,
-  Na as TransactionRow,
-  La as TransactionStore,
-  Et as TransactionTable,
-  Aa as TransactionWidget,
-  Ue as exportTransactionsToCSV,
-  P as useTransactionsUiStore
+  vt as AddAccountModal,
+  xa as BottomActions,
+  Oa as ExportCsvAction,
+  Ia as TRANSACTION_EVENTS,
+  Sa as TopActions,
+  ba as TransactionApi,
+  Be as TransactionDetails,
+  Pe as TransactionList,
+  wa as TransactionRow,
+  Na as TransactionStore,
+  Dt as TransactionTable,
+  Ca as TransactionWidget,
+  Ve as exportTransactionsToCSV,
+  R as useTransactionsUiStore
 };

package/package.json

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