@mx-cartographer/experiences 7.2.10 → 7.2.11

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.2.11] - 11-19-2025
+
+- **FIXED** - transactions widget to not announce until copy loaded
+
 ## [7.2.10] - 11-18-2025
 
 - **FIXED** - transactions widget to announce dynamic updates via aria live region

package/dist/transactions/index.es.js

@@ -9,16 +9,16 @@ import { e as ze } from "../exportTransactionsToCSV-7bVS7KXf.mjs";
 import { E as Oa } from "../ExportCsvAction-sX8Rg4Ov.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import c from "react";
-import { observer as S } from "mobx-react-lite";
+import { observer as x } from "mobx-react-lite";
 import Ke from "@mui/material/Paper";
 import { DataGridPro as qe } from "@mui/x-data-grid-pro";
 import T from "@mui/material/Box";
 import { useTheme as je } from "@mui/material/styles";
 import { Text as C, Icon as P, MerchantLogo as Xe, TextField as ne, P as Ye } from "@mxenabled/mxui";
-import { h as $, u as x, b as j, d as se, m as Je, a as Qe, g as Ze, p as et } from "../hooks-D6XlXHf4.mjs";
+import { h as $, u as w, b as j, d as se, m as Je, a as Qe, g as Ze, p as et } from "../hooks-D6XlXHf4.mjs";
 import { fromUnixTime as tt } from "date-fns/fromUnixTime";
 import { f as at, D as nt, a as ie } from "../Dialog-CWW597AF.mjs";
-import D from "@mui/material/Stack";
+import N from "@mui/material/Stack";
 import { f as ce } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { L as X } from "../Loader-DUaFpDGv.mjs";
 import { endOfMonth as ot } from "date-fns/endOfMonth";
@@ -34,7 +34,7 @@ import { ExpandMore as mt } from "@mxenabled/mx-icons";
 import { C as _t } from "../CurrencyInput-CsCy7uaS.mjs";
 import { a as pt, u as gt } from "../CategorySelectorDrawer-DUe4lH5-.mjs";
 import { b as q } from "../Localization-2MODESHW.mjs";
-import { A, W as ht } from "../WidgetContainer-C88Ecu2W.mjs";
+import { A as S, W as ht } from "../WidgetContainer-C88Ecu2W.mjs";
 import { u as ft } from "../useScreenSize-B6JyS_Lj.mjs";
 import { S as Ct } from "../SearchBox-B2_zLv8-.mjs";
 import { D as oe } from "../Drawer-kEE73B87.mjs";
@@ -42,18 +42,18 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
 ] }), bt = (t) => {
-  const { associatedBeats: r } = $(), { showInsights: n } = B(), { amount: a, transaction_type: i } = t.row, l = r.find((p) => p.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
-  return /* @__PURE__ */ _(D, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
+  const { associatedBeats: r } = $(), { showInsights: o } = B(), { amount: a, transaction_type: i } = t.row, l = r.find((p) => p.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
+  return /* @__PURE__ */ _(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
     /* @__PURE__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
       d ? "+" : "",
       ce(a, "0,0.00")
     ] }),
-    l && n && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
+    l && o && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
   ] });
 }, Tt = (t) => {
-  const { transactions: r } = x(), [n, a] = c.useState(!1);
+  const { transactions: r } = w(), [o, a] = c.useState(!1);
   return /* @__PURE__ */ _(
-    D,
+    N,
     {
       alignItems: "center",
       direction: "row",
@@ -65,16 +65,16 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       children: [
         t.row.has_been_split && /* @__PURE__ */ e(P, { name: "call_split", size: 16 }),
         /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? r.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && n && /* @__PURE__ */ e(P, { name: "edit", sx: { color: "action.active" } })
+        !t.row.has_been_split && o && /* @__PURE__ */ e(P, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, At = S(Tt), St = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: at(tt(t.row.date), nt.MONTH_DAY) }), xt = (t) => {
-  const r = je(), { transactions: n } = x(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, g = !l && !!!d;
+}, At = x(Tt), St = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: at(tt(t.row.date), nt.MONTH_DAY) }), xt = (t) => {
+  const r = je(), { transactions: o } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, g = !l && !!!d;
   return /* @__PURE__ */ _(
     T,
     {
-      "aria-label": i ? n.is_hidden : n.is_flagged,
+      "aria-label": i ? o.is_hidden : o.is_flagged,
       tabIndex: t.tabIndex,
       children: [
         a && /* @__PURE__ */ e(P, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
@@ -97,7 +97,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, wt = S(xt), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), vt = (t) => /* @__PURE__ */ _(D, { alignItems: "center", direction: "row", gap: 8, children: [
+}, wt = x(xt), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), vt = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
     Xe,
     {
@@ -109,28 +109,28 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
 ] }), It = ({
   height: t = "100dvh",
   onCategoryClick: r,
-  onRowClick: n
+  onRowClick: o
 }) => {
-  const { transactions: a } = x(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: p, toggleSplit: g } = B();
+  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: p, toggleSplit: g } = B();
   c.useEffect(() => () => p(), []);
   const f = c.useMemo(
-    () => d.map((o) => ({
-      id: o.guid,
+    () => d.map((n) => ({
+      id: n.guid,
       isHovering: !1,
-      ...o
+      ...n
     })),
     [d]
-  ), m = ({ row: { id: o, guid: h, has_been_split: N }, field: E }) => N ? g(o) : E === "category" ? r?.(h) : n?.(h);
+  ), m = ({ row: { id: n, guid: h, has_been_split: A }, field: E }) => A ? g(n) : E === "category" ? r?.(h) : o?.(h);
   if (!i)
     return /* @__PURE__ */ e(X, {});
-  const w = [
+  const v = [
     {
       field: "flag",
       headerName: "",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (o) => /* @__PURE__ */ e(wt, { ...o }),
+      renderCell: (n) => /* @__PURE__ */ e(wt, { ...n }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
     },
     {
@@ -138,7 +138,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.date_title,
       width: 103,
       renderHeader: O,
-      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(St, { ...o }),
+      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(St, { ...n }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -155,7 +155,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.category_title,
       flex: 0.25,
       renderHeader: O,
-      renderCell: (o) => /* @__PURE__ */ e(At, { ...o }),
+      renderCell: (n) => /* @__PURE__ */ e(At, { ...n }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -163,7 +163,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.account_title,
       flex: 0.33,
       renderHeader: O,
-      renderCell: (o) => o.row.parent_guid ? null : /* @__PURE__ */ e(yt, { ...o }),
+      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(yt, { ...n }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -180,10 +180,10 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   return /* @__PURE__ */ e(Ke, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
     qe,
     {
-      columns: w,
+      columns: v,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
-      getCellClassName: (o) => o.row.parent_guid ? "split-row" : "",
+      getCellClassName: (n) => n.row.parent_guid ? "split-row" : "",
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
       loading: l,
@@ -197,8 +197,8 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, Dt = S(It), Nt = ({ copy: t, isOpen: r, onClose: n, onPrimaryAction: a }) => {
-  const { common: i, transactions: l } = x(), { isCopyLoaded: d } = j();
+}, Dt = x(It), Nt = ({ copy: t, isOpen: r, onClose: o, onPrimaryAction: a }) => {
+  const { common: i, transactions: l } = w(), { isCopyLoaded: d } = j();
   return d ? /* @__PURE__ */ _(
     ie,
     {
@@ -206,7 +206,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         title: t.title
       },
       isOpen: r,
-      onClose: n,
+      onClose: o,
       onPrimaryAction: a,
       primaryText: l.add_manual_account,
       secondaryText: i.cancel_button,
@@ -216,31 +216,31 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   ) : /* @__PURE__ */ e(X, {});
-}, Et = S(Nt), Ot = () => {
-  const { visibleAccounts: t } = se(), { common: r, transactions: n } = x(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = B(), [d, p] = c.useState(""), [g, f] = c.useState(""), m = c.useMemo(
+}, Et = x(Nt), Ot = () => {
+  const { visibleAccounts: t } = se(), { common: r, transactions: o } = w(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = B(), [d, p] = c.useState(""), [g, f] = c.useState(""), m = c.useMemo(
     () => t.filter((s) => s.is_manual),
     [t]
   ).map((s) => ({
     label: `${s.name} | ${ce(s.balance, "0,0.00")}`,
     value: s.guid
-  })), w = {
+  })), v = {
     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
-  }, o = (s) => {
+  }, n = (s) => {
     p(s), l({ ...a, amount: Number(s) });
   }, h = (s, k) => {
     l({ ...a, transaction_type: Number(k) });
-  }, N = (s) => {
+  }, A = (s) => {
     f(s), l({ ...a, payee: s, description: s });
   }, E = (s) => {
     l({ ...a, account_guid: s });
   };
   return /* @__PURE__ */ _(T, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ _(D, { gap: 40, mx: 24, my: 32, children: [
+    /* @__PURE__ */ _(N, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ _(
-        D,
+        N,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
@@ -250,26 +250,26 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
               {
                 allowDecimals: !0,
                 amount: d,
-                ariaLabel: n.amount_title,
-                copy: w,
+                ariaLabel: o.amount_title,
+                copy: v,
                 inputProps: {
                   noValidate: !0
                 },
-                label: n.amount_title,
-                setAmount: o,
+                label: o.amount_title,
+                setAmount: n,
                 setHasValidInput: i,
                 sx: { bgcolor: "background.paper" },
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(ut, { name: "TransactionType", onChange: h, row: !0, children: /* @__PURE__ */ _(D, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(ut, { name: "TransactionType", onChange: h, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 ae,
                 {
                   checked: a.transaction_type === M.CREDIT,
-                  label: n.manual_transaction_credit_button_label,
+                  label: o.manual_transaction_credit_button_label,
                   sx: { ml: { xs: 0, sm: 8 } },
-                  tooltip: n.manual_transaction_credit_button_tooltip,
+                  tooltip: o.manual_transaction_credit_button_tooltip,
                   value: M.CREDIT
                 }
               ),
@@ -277,8 +277,8 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                 ae,
                 {
                   checked: a.transaction_type === M.DEBIT,
-                  label: n.manual_transaction_debit_button_label,
-                  tooltip: n.manual_transaction_debit_button_tooltip,
+                  label: o.manual_transaction_debit_button_label,
+                  tooltip: o.manual_transaction_debit_button_tooltip,
                   value: M.DEBIT
                 }
               )
@@ -289,9 +289,9 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       /* @__PURE__ */ e(
         ne,
         {
-          label: n.payee_title,
+          label: o.payee_title,
           name: "payee",
-          onChange: (s) => N(s.target.value),
+          onChange: (s) => A(s.target.value),
           sx: { bgcolor: "background.paper" },
           value: g
         }
@@ -301,9 +301,9 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         {
           InputLabelProps: { shrink: !0 },
           SelectProps: { defaultValue: -1, IconComponent: mt },
-          label: n.manual_transaction_select_an_account,
+          label: o.manual_transaction_select_an_account,
           onChange: (s) => E(s.target.value),
-          placeholder: n.manual_transaction_select,
+          placeholder: o.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
           children: m.map((s) => /* @__PURE__ */ e(dt, { value: s.value, children: s.label }, s.value))
@@ -318,12 +318,12 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       /* @__PURE__ */ e(We, { transaction: a })
     ] })
   ] });
-}, Mt = S(Ot), kt = ({ onClose: t, transaction: r }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: a } = $(), { transactions: i } = x(), { categories: l } = Je(), [d, p] = c.useState(""), g = c.useMemo(
+}, Mt = x(Ot), kt = ({ onClose: t, transaction: r }) => {
+  const { addOrUpdateTransactionRule: o, updateTransaction: a } = $(), { transactions: i } = w(), { categories: l } = Je(), [d, p] = c.useState(""), g = c.useMemo(
     () => l.find((m) => m.guid === d),
     [d]
   ), f = async (m) => {
-    await a({ ...r, category_guid: d }), m && await n(d, r), p(""), t();
+    await a({ ...r, category_guid: d }), m && await o(d, r), p(""), t();
   };
   return /* @__PURE__ */ _(T, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
@@ -359,9 +359,9 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     )
   ] });
-}, Lt = S(kt), Rt = (t = "polite") => {
-  const [r, n] = c.useState(""), [a, i] = c.useState(t), l = c.useCallback((p, g) => {
-    g && i(g), n(p);
+}, Lt = x(kt), Rt = (t = "polite") => {
+  const [r, o] = c.useState(""), [a, i] = c.useState(t), l = c.useCallback((p, g) => {
+    g && i(g), o(p);
   }, []), d = c.useMemo(
     () => /* @__PURE__ */ e(
       T,
@@ -390,12 +390,12 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
 }, re = 120, Ht = ({
   onBackClick: t,
   height: r = "100dvh",
-  showInsights: n = !1,
+  showInsights: o = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: p, config: g } = Qe(), { setSearchValue: f } = gt(), { onEvent: m } = Ze(), { common: w, transactions: o } = x(), {
+  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: p, config: g } = Qe(), { setSearchValue: f } = gt(), { onEvent: m } = Ze(), { common: v, transactions: n } = w(), {
     displayedDateRange: h,
-    isCopyLoaded: N,
+    isCopyLoaded: A,
     isInitialized: E,
     selectedAccountGuids: s,
     setDisplayedDate: k,
@@ -417,30 +417,30 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     setSearchValue: be,
     setShowInsights: Te,
     updateManualTransaction: Ae
-  } = B(), { userProfile: Se } = et(), [G, y] = c.useState(""), [J, H] = c.useState(""), [xe, U] = c.useState(!1), [we, Q] = c.useState(!1), [F, ve] = c.useState(!1), { announce: Ie, ariaLive: De } = Rt(), v = p?.transactions?.selected_account_guid;
+  } = B(), { userProfile: Se } = et(), [G, y] = c.useState(""), [J, H] = c.useState(""), [xe, U] = c.useState(!1), [we, Q] = c.useState(!1), [F, ve] = c.useState(!1), { announce: Ie, ariaLive: De } = Rt(), I = p?.transactions?.selected_account_guid;
   c.useEffect(() => {
-    const u = v ? [{ guid: v }] : i.filter((I) => !I.is_hidden), ee = st(K()), te = ot(K());
-    v || le(u), k(ee, te), V({
-      accounts: u.map((I) => I.guid),
-      custom: (I) => !I.accountIsClosed && !I.accountIsHidden,
+    const u = I ? [{ guid: I }] : i.filter((D) => !D.is_hidden), ee = st(K()), te = ot(K());
+    I || le(u), k(ee, te), V({
+      accounts: u.map((D) => D.guid),
+      custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
       dateRange: { start: ee, end: te }
-    }), ve(!0), m(A.TRANSACTIONS_VIEW);
+    }), ve(!0), m(S.TRANSACTIONS_VIEW);
   }, [i]), c.useEffect(() => {
     F && (V({
       ...Y,
-      accounts: v ? [v] : s,
+      accounts: I ? [I] : s,
       dateRange: { start: h.start, end: h.end }
     }), _e(h.start).finally());
   }, [F, h, s]), c.useEffect(() => {
-    Te(n);
-  }, [n]), c.useEffect(() => {
-    Ie(
+    Te(o);
+  }, [o]), c.useEffect(() => {
+    A && n.showing_transactions_count && Ie(
       q(
-        o.showing_transactions_count,
+        n.showing_transactions_count,
         W.length
       )
     );
-  }, [h, s, W]);
+  }, [A, h, s, W, n]);
   const Ne = c.useMemo(
     () => i.filter((u) => u.is_manual),
     [i]
@@ -450,9 +450,9 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     be(u), V({
       ...Y,
       searchTerm: u
-    }), m(A.TRANSACTIONS_CLICK_SEARCH, { search_term: u });
+    }), m(S.TRANSACTIONS_CLICK_SEARCH, { search_term: u });
   }, Me = () => {
-    ze(W, pe), m(A.TRANSACTIONS_CLICK_EXPORT);
+    ze(W, pe), m(S.TRANSACTIONS_CLICK_EXPORT);
   }, ke = () => {
     Ne.length > 0 ? (Ae({
       ...Fe,
@@ -461,7 +461,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     }), y(
       "addTransaction"
       /* AddTransaction */
-    ), m(A.TRANSACTIONS_CLICK_ADD)) : (U(!0), m(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+    ), m(S.TRANSACTIONS_CLICK_ADD)) : (U(!0), m(S.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Le = async () => {
     Z && await me(R), y("");
   }, Re = () => {
@@ -471,36 +471,36 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
   }, Pe = async () => {
     b && !b.has_been_viewed && await he({ ...b, has_been_viewed: !0 }), y("");
   };
-  if (!N || !E || !F)
+  if (!A || !E || !F)
     return /* @__PURE__ */ e(X, {});
   const z = [];
   return !d && (de || ue) && z.push({
     iconName: "open_in_new",
-    label: o.export_csv_btn,
+    label: n.export_csv_btn,
     onClick: Me
   }), g.show_connections_widget_in_master && z.push({
     iconName: "add",
-    label: o.add_transaction_btn,
+    label: n.add_transaction_btn,
     onClick: ke
   }), /* @__PURE__ */ _(
     ht,
     {
-      ...!v && { accountOptions: i },
+      ...!I && { accountOptions: i },
       actions: z,
       calendarActions: {
         onRangeChanged: Ee
       },
-      onAccountsFilterClick: () => m(A.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(S.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: a,
-      title: o.transactions_title,
+      title: n.transactions_title,
       children: [
         De,
         /* @__PURE__ */ e(T, { mt: 16, children: /* @__PURE__ */ e(
           Ct,
           {
             onChange: Oe,
-            placeholder: o.action_bar_search_placeholder,
+            placeholder: n.action_bar_search_placeholder,
             searchValue: ye
           }
         ) }),
@@ -525,7 +525,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                   H(u), y(
                     "transaction"
                     /* Transaction */
-                  ), m(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: u });
+                  ), m(S.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: u });
                 }
               }
             )
@@ -549,7 +549,7 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                   );
                 },
                 showHiddenTransactions: !0,
-                showInsights: n
+                showInsights: o
               }
             )
           }
@@ -557,10 +557,10 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         /* @__PURE__ */ e(
           oe,
           {
-            ariaLabelClose: w.close_aria,
+            ariaLabelClose: v.close_aria,
             isOpen: G === "transaction" && !!b,
             onClose: Pe,
-            title: o.details_title,
+            title: n.details_title,
             children: b && /* @__PURE__ */ e(Ue, { transaction: b })
           }
         ),
@@ -576,19 +576,19 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         /* @__PURE__ */ e(
           oe,
           {
-            ariaLabelClose: w.close_aria,
+            ariaLabelClose: v.close_aria,
             isOpen: G === "addTransaction",
             isPrimaryDisabled: !Z,
             onClose: () => y(""),
             onPrimaryAction: Le,
-            title: o.add_transaction_title,
+            title: n.add_transaction_title,
             children: /* @__PURE__ */ e(Mt, {})
           }
         ),
         /* @__PURE__ */ e(
           Et,
           {
-            copy: { title: o.add_manual_account },
+            copy: { title: n.add_manual_account },
             isOpen: xe,
             onClose: () => {
               U(!1);
@@ -601,13 +601,13 @@ const yt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           {
             onClose: He,
             showConnectWidget: we,
-            title: o.add_manual_account
+            title: n.add_manual_account
           }
         )
       ]
     }
   );
-}, Ca = S(Ht);
+}, Ca = x(Ht);
 export {
   Et as AddAccountModal,
   Sa as BottomActions,

package/package.json

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