@mx-cartographer/experiences 8.0.0-alpha.bb2 → 8.0.0-alpha.bb4

package/dist/transactions/index.es.js

@@ -1,60 +1,59 @@
-import { T as Aa } from "../TransactionApi-B3Tksf7L.mjs";
-import { u as P, C as Pe, D as $e, M as Ve, c as We, T as Ge, a as Ue } from "../TransactionDetails-oP1eSuiS.mjs";
-import { B as xa, d as wa, b as Ia } from "../TransactionDetails-oP1eSuiS.mjs";
-import { T as M } from "../User-BQUxBeZV.mjs";
-import { O as Da } from "../User-BQUxBeZV.mjs";
-import { S as ae, D as Fe } from "../TransactionStore-ai3uII_r.mjs";
-import { T as Ea } from "../TransactionStore-ai3uII_r.mjs";
-import { e as ze } from "../exportTransactionsToCSV-7bVS7KXf.mjs";
-import { E as Ma } from "../ExportCsvAction-sX8Rg4Ov.mjs";
+import { T as Ta } from "../TransactionApi-CjBoLleL.mjs";
+import { b as P, C as Ve, D as $e, M as Ge, d as We, u as Ue, T as Fe, a as ze } from "../TransactionDetails-Bn0qY5Hw.mjs";
+import { B as xa, e as Sa, c as wa } from "../TransactionDetails-Bn0qY5Hw.mjs";
+import { T as M } from "../User-BklmOUSd.mjs";
+import { O as Ia } from "../User-BklmOUSd.mjs";
+import { S as ae, D as Ke } from "../TransactionStore-DbwAutwC.mjs";
+import { T as Na } from "../TransactionStore-DbwAutwC.mjs";
+import { e as qe } from "../exportTransactionsToCSV-BgV_wTLT.mjs";
+import { E as Oa } from "../ExportCsvAction-QhQK4_FU.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import u from "react";
-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 S from "@mui/material/Box";
-import { useTheme as je } from "@mui/material/styles";
-import { Text as C, Icon as B, MerchantLogo as Xe, TextField as ne, P as Ye } from "@mxenabled/mxui";
-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 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";
-import { getUnixTime as rt } from "date-fns/getUnixTime";
-import { startOfMonth as st } from "date-fns/startOfMonth";
-import { startOfToday as K } from "date-fns/startOfToday";
-import it from "@mui/material/styles/useTheme";
-import { l as ct } from "../ConnectDrawer-BQNs-hjk.mjs";
+import { observer as S } from "mobx-react-lite";
+import je from "@mui/material/Paper";
+import { DataGridPro as Ye } from "@mui/x-data-grid-pro";
+import { L as q } from "../Loader-Ckqi9Rx6.mjs";
+import { Text as C, Icon as B, MerchantLogo as Xe, TextField as ne, P as Je } from "@mxenabled/mxui";
+import A from "@mui/material/Stack";
+import { h as V, u as w, b as j, d as se, m as Qe, a as Ze, g as et, p as tt } from "../hooks-C41HAxM5.mjs";
+import { f as ie } from "../NumberFormatting-DjTD0t3W.mjs";
+import x from "@mui/material/Box";
+import { useTheme as ce } from "@mui/material/styles";
+import { fromUnixTime as at } from "date-fns/fromUnixTime";
+import { f as nt, a as ot, D as le } from "../Dialog-CDV0kKxj.mjs";
+import { endOfMonth as rt } from "date-fns/endOfMonth";
+import { getUnixTime as st } from "date-fns/getUnixTime";
+import { startOfMonth as it } from "date-fns/startOfMonth";
+import { startOfToday as z } from "date-fns/startOfToday";
+import { l as ct } from "../ConnectDrawer-DVp54lUH.mjs";
 import lt from "@mui/material/Divider";
 import dt from "@mui/material/MenuItem";
 import ut from "@mui/material/RadioGroup";
 import { ExpandMore as mt } from "@mxenabled/mx-icons";
-import { C as _t } from "../CurrencyInput-DUsQbkXb.mjs";
-import { a as pt, u as gt } from "../CategorySelectorDrawer-DUe4lH5-.mjs";
-import { b as q } from "../Localization-2MODESHW.mjs";
-import { u as ht } from "../useAriaLive-B3_pRUio.mjs";
-import { A, W as ft } from "../WidgetContainer-BHWANqT4.mjs";
-import { u as Ct } from "../useScreenSize-B6JyS_Lj.mjs";
-import { S as yt } from "../SearchBox-B2_zLv8-.mjs";
-import { D as oe } from "../Drawer-kEE73B87.mjs";
-const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
+import { C as _t } from "../CurrencyInput-D1cjbdCI.mjs";
+import { a as pt, u as gt } from "../CategorySelectorDrawer-Dl006GKy.mjs";
+import { b as K } from "../Localization-2MODESHW.mjs";
+import { S as ht } from "../SkeletonLoader-BaNboJjD.mjs";
+import { A as T, W as ft } from "../WidgetContainer-CDh9fjpR.mjs";
+import { D as oe } from "../Drawer-BF40nbsH.mjs";
+import { u as Ct } from "../useScreenSize-B5afALev.mjs";
+import { S as yt } from "../SearchBox-B7km148n.mjs";
+const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
 ] }), Tt = (t) => {
-  const { associatedBeats: s } = $(), { showInsights: r } = P(), { amount: a, transaction_type: i } = t.row, l = s.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: [
+  const { associatedBeats: s } = V(), { showInsights: r } = P(), { amount: a, transaction_type: i } = t.row, l = s.find((p) => p.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
+  return /* @__PURE__ */ _(A, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
+    /* @__PURE__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "body2", children: [
       d ? "+" : "",
-      ce(a, "0,0.00")
+      ie(a, "0,0.00")
     ] }),
-    l && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
+    l && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "caption", children: l.short_title })
   ] });
 }, At = (t) => {
   const { transactions: s } = w(), [r, a] = u.useState(!1);
   return /* @__PURE__ */ _(
-    N,
+    A,
     {
       alignItems: "center",
       direction: "row",
@@ -65,15 +64,15 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       width: "100%",
       children: [
         t.row.has_been_split && /* @__PURE__ */ e(B, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? s.split_transaction_category_label : t.row.category }),
+        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ? s.split_transaction_category_label : t.row.category }),
         !t.row.has_been_split && r && /* @__PURE__ */ e(B, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, St = x(At), xt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: at(tt(t.row.date), nt.MONTH_DAY) }), wt = (t) => {
-  const s = je(), { transactions: r } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, h = !l && !!!d;
+}, xt = S(At), St = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: nt(at(t.row.date), ot.MONTH_DAY) }), wt = (t) => {
+  const s = ce(), { transactions: r } = w(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, h = !l && !!!d;
   return /* @__PURE__ */ _(
-    S,
+    x,
     {
       "aria-label": i ? r.is_hidden : r.is_flagged,
       tabIndex: t.tabIndex,
@@ -98,7 +97,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, It = x(wt), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), vt = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
+}, vt = S(wt), O = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "body2", children: t.colDef.headerName }), It = (t) => /* @__PURE__ */ _(A, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
     Xe,
     {
@@ -106,13 +105,13 @@ const bt = (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 })
+  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.payee })
 ] }), Dt = ({
   height: t = "100dvh",
   onCategoryClick: s,
   onRowClick: r
 }) => {
-  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = $(), { clearExpandedSplits: p, toggleSplit: h } = P();
+  const { transactions: a } = w(), { isCopyLoaded: i } = j(), { isLoading: l, sortedTransactions: d } = V(), { clearExpandedSplits: p, toggleSplit: h } = P();
   u.useEffect(() => () => p(), []);
   const f = u.useMemo(
     () => d.map((n) => ({
@@ -121,17 +120,17 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ...n
     })),
     [d]
-  ), m = ({ row: { id: n, guid: g, has_been_split: T }, field: E }) => T ? h(n) : E === "category" ? s?.(g) : r?.(g);
+  ), m = ({ row: { id: n, guid: g, has_been_split: I }, field: E }) => I ? h(n) : E === "category" ? s?.(g) : r?.(g);
   if (!i)
-    return /* @__PURE__ */ e(X, {});
-  const I = [
+    return /* @__PURE__ */ e(q, {});
+  const v = [
     {
       field: "flag",
       headerName: "",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (n) => /* @__PURE__ */ e(It, { ...n }),
+      renderCell: (n) => /* @__PURE__ */ e(vt, { ...n }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
     },
     {
@@ -139,7 +138,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.date_title,
       width: 103,
       renderHeader: O,
-      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(xt, { ...n }),
+      renderCell: (n) => n.row.parent_guid ? null : /* @__PURE__ */ e(St, { ...n }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -148,7 +147,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.payee_title,
       flex: 0.33,
       renderHeader: O,
-      renderCell: vt,
+      renderCell: It,
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -156,7 +155,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       headerName: a.category_title,
       flex: 0.25,
       renderHeader: O,
-      renderCell: (n) => /* @__PURE__ */ e(St, { ...n }),
+      renderCell: (n) => /* @__PURE__ */ e(xt, { ...n }),
       sortingOrder: ["asc", "desc"]
     },
     {
@@ -178,10 +177,10 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(Ke, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    qe,
+  return /* @__PURE__ */ e(je, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    Ye,
     {
-      columns: I,
+      columns: v,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       getCellClassName: (n) => n.row.parent_guid ? "split-row" : "",
@@ -198,10 +197,10 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, Nt = x(Dt), Et = ({ copy: t, isOpen: s, onClose: r, onPrimaryAction: a }) => {
+}, Nt = S(Dt), Et = ({ copy: t, isOpen: s, onClose: r, onPrimaryAction: a }) => {
   const { common: i, transactions: l } = w(), { isCopyLoaded: d } = j();
   return d ? /* @__PURE__ */ _(
-    ie,
+    le,
     {
       copy: {
         title: t.title
@@ -216,15 +215,15 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         /* @__PURE__ */ e(C, { component: "p", truncate: !1, children: l.add_account_modal_cta })
       ]
     }
-  ) : /* @__PURE__ */ e(X, {});
-}, Ot = x(Et), Mt = () => {
+  ) : /* @__PURE__ */ e(q, {});
+}, Ot = S(Et), Mt = () => {
   const { visibleAccounts: t } = se(), { common: s, transactions: r } = w(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = P(), [d, p] = u.useState(""), [h, f] = u.useState(""), m = u.useMemo(
     () => t.filter((o) => o.is_manual),
     [t]
   ).map((o) => ({
-    label: `${o.name} | ${ce(o.balance, "0,0.00")}`,
+    label: `${o.name} | ${ie(o.balance, "0,0.00")}`,
     value: o.guid
-  })), I = {
+  })), 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,
@@ -233,15 +232,15 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
     p(o), l({ ...a, amount: Number(o) });
   }, g = (o, k) => {
     l({ ...a, transaction_type: Number(k) });
-  }, T = (o) => {
+  }, I = (o) => {
     f(o), l({ ...a, payee: o, description: o });
   }, E = (o) => {
     l({ ...a, account_guid: o });
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ _(N, { gap: 40, mx: 24, my: 32, children: [
+  return /* @__PURE__ */ _(x, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ _(A, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ _(
-        N,
+        A,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
@@ -252,7 +251,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                 allowDecimals: !0,
                 amount: d,
                 ariaLabel: r.amount_title,
-                copy: I,
+                copy: v,
                 inputProps: {
                   noValidate: !0
                 },
@@ -263,7 +262,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(ut, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(ut, { name: "TransactionType", onChange: g, row: !0, children: /* @__PURE__ */ _(A, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 ae,
                 {
@@ -292,7 +291,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         {
           label: r.payee_title,
           name: "payee",
-          onChange: (o) => T(o.target.value),
+          onChange: (o) => I(o.target.value),
           sx: { bgcolor: "background.paper" },
           value: h
         }
@@ -312,21 +311,21 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       )
     ] }),
     /* @__PURE__ */ e(lt, { light: !0 }),
-    /* @__PURE__ */ _(S, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Pe, { transaction: a }),
-      /* @__PURE__ */ e($e, { transaction: a }),
+    /* @__PURE__ */ _(x, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(Ve, { transaction: a }),
+      /* @__PURE__ */ e($e, { transaction: a }),
+      /* @__PURE__ */ e(Ge, { transaction: a }),
       /* @__PURE__ */ e(We, { transaction: a })
     ] })
   ] });
-}, kt = x(Mt), Lt = ({ onClose: t, transaction: s }) => {
-  const { addOrUpdateTransactionRule: r, updateTransaction: a } = $(), { transactions: i } = w(), { categories: l } = Je(), [d, p] = u.useState(""), h = u.useMemo(
+}, kt = S(Mt), Lt = ({ onClose: t, transaction: s }) => {
+  const { addOrUpdateTransactionRule: r, updateTransaction: a } = V(), { transactions: i } = w(), { categories: l } = Qe(), [d, p] = u.useState(""), h = u.useMemo(
     () => l.find((m) => m.guid === d),
     [d]
   ), f = async (m) => {
     await a({ ...s, category_guid: d }), m && await r(d, s), p(""), t();
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ _(x, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
       pt,
       {
@@ -338,10 +337,10 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      le,
       {
         copy: {
-          title: q(
+          title: K(
             i.actions_apply_to_all_transaction_types,
             s.description
           )
@@ -352,7 +351,7 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         onSecondaryAction: () => f(!1),
         primaryText: i.actions_apply_to_all,
         secondaryText: i.actions_this_time_only,
-        children: /* @__PURE__ */ e(Ye, { variant: "Paragraph", children: q(
+        children: /* @__PURE__ */ e(Je, { variant: "subtitle1", children: K(
           i.actions_all_past_and_future,
           s.description,
           h?.name
@@ -360,184 +359,190 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     )
   ] });
-}, Rt = x(Lt), re = 120, Ht = ({
+}, Rt = S(Lt), re = 120, Ht = ({
   onBackClick: t,
   height: s = "100dvh",
   showInsights: r = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: p, config: h } = Qe(), { setSearchValue: f } = gt(), { onEvent: m } = Ze(), { common: I, transactions: n } = w(), {
+  const { visibleAccounts: i, refreshAccounts: l } = se(), { is_mobile_webview: d, clientConfig: p, config: h } = Ze(), { setSearchValue: f } = gt(), { onEvent: m } = et(), { common: v, transactions: n } = w(), {
     displayedDateRange: g,
-    isCopyLoaded: T,
+    isCopyLoaded: I,
     isInitialized: E,
     selectedAccountGuids: o,
     setDisplayedDate: k,
-    setSelectedAccounts: le
-  } = j(), { isDesktop: de, isTablet: ue } = Ct(), L = it(), {
-    addTransaction: me,
+    setSelectedAccounts: de
+  } = j(), { isDesktop: ue, isTablet: me } = Ct(), L = ce(), {
+    addTransaction: _e,
     filter: Y,
-    loadAssociatedBeats: _e,
-    setFilter: V,
-    sortedTransactionsWithSplits: W,
-    tags: pe,
-    transactions: ge,
-    updateTransaction: he
-  } = $(), {
-    clearExpandedSplits: fe,
-    isAmountValid: Ce,
+    isTransactionDataLoaded: X,
+    loadAssociatedBeats: pe,
+    loadTransactionData: ge,
+    setFilter: $,
+    sortedTransactionsWithSplits: G,
+    tags: he,
+    detailedTransactions: fe,
+    updateTransaction: Ce
+  } = V(), {
+    clearExpandedSplits: ye,
+    isAmountValid: be,
     manualTransaction: R,
-    searchValue: ye,
-    setSearchValue: be,
-    setShowInsights: Te,
-    updateManualTransaction: Ae
-  } = P(), { userProfile: Se } = et(), [G, y] = u.useState(""), [J, H] = u.useState(""), [xe, U] = u.useState(!1), [we, Q] = u.useState(!1), [F, Ie] = u.useState(!1), { announce: ve, ariaLive: De } = ht(), v = p?.transactions?.selected_account_guid;
+    searchValue: Te,
+    setSearchValue: Ae,
+    setShowInsights: xe,
+    updateManualTransaction: Se
+  } = P(), { userProfile: we } = tt(), [W, y] = u.useState(""), [J, H] = u.useState(""), [ve, U] = u.useState(!1), [Ie, Q] = u.useState(!1), { announce: De, ariaLive: Ne } = Ue(), D = p?.transactions?.selected_account_guid;
   u.useEffect(() => {
-    const c = v ? [{ guid: v }] : i.filter((D) => !D.is_hidden), ee = st(K()), te = ot(K());
-    v || le(c), k(ee, te), V({
-      accounts: c.map((D) => D.guid),
-      custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
+    X || ge().finally();
+  }, []), u.useEffect(() => {
+    const c = D ? [{ guid: D }] : i.filter((N) => !N.is_hidden), ee = it(z()), te = rt(z());
+    D || de(c), k(ee, te), $({
+      accounts: c.map((N) => N.guid),
+      custom: (N) => !N.accountIsClosed && !N.accountIsHidden,
       dateRange: { start: ee, end: te }
-    }), Ie(!0), m(A.TRANSACTIONS_VIEW);
+    }), m(T.TRANSACTIONS_VIEW);
   }, [i]), u.useEffect(() => {
-    F && (V({
+    $({
       ...Y,
-      accounts: v ? [v] : o,
+      accounts: D ? [D] : o,
       dateRange: { start: g.start, end: g.end }
-    }), _e(g.start).finally());
-  }, [F, g, o]), u.useEffect(() => {
-    Te(r);
+    }), pe(g.start).finally();
+  }, [g, o]), u.useEffect(() => {
+    xe(r);
   }, [r]), u.useEffect(() => {
-    T && n.showing_transactions_count && ve(
-      q(
+    I && n.showing_transactions_count && De(
+      K(
         n.showing_transactions_count,
-        W.length
+        G.length
       )
     );
-  }, [T, g, o, W, n]);
-  const Ne = u.useMemo(
+  }, [I, g, o, G, n]);
+  const Ee = u.useMemo(
     () => i.filter((c) => c.is_manual),
     [i]
-  ), b = J ? ge.find((c) => c.guid === J) : void 0, Z = Ce && !!R.payee && !!R.account_guid && !!R.category_guid, Ee = (c) => {
-    fe(), k(c[0], c[1]);
-  }, Oe = (c) => {
-    be(c), V({
+  ), b = J ? fe.find((c) => c.guid === J) : void 0, Z = be && !!R.payee && !!R.account_guid && !!R.category_guid, Oe = (c) => {
+    ye(), k(c[0], c[1]);
+  }, Me = (c) => {
+    Ae(c), $({
       ...Y,
       searchTerm: c
-    }), m(A.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
-  }, Me = () => {
-    ze(W, pe), m(A.TRANSACTIONS_CLICK_EXPORT);
+    }), m(T.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
   }, ke = () => {
-    Ne.length > 0 ? (Ae({
-      ...Fe,
-      date: rt(K()),
-      user_guid: Se?.user_guid || ""
+    qe(G, he), m(T.TRANSACTIONS_CLICK_EXPORT);
+  }, Le = () => {
+    Ee.length > 0 ? (Se({
+      ...Ke,
+      date: st(z()),
+      user_guid: we?.user_guid || ""
     }), y(
       "addTransaction"
       /* AddTransaction */
-    ), m(A.TRANSACTIONS_CLICK_ADD)) : (U(!0), m(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
-  }, Le = async () => {
-    Z && await me(R), y("");
-  }, Re = () => {
+    ), m(T.TRANSACTIONS_CLICK_ADD)) : (U(!0), m(T.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+  }, Re = async () => {
+    Z && await _e(R), y("");
+  }, He = () => {
     U(!1), Q(!0);
-  }, He = async () => {
-    Q(!1), await l();
   }, Be = async () => {
-    b && !b.has_been_viewed && await he({ ...b, has_been_viewed: !0 }), y("");
+    Q(!1), await l();
+  }, Pe = async () => {
+    b && !b.has_been_viewed && await Ce({ ...b, has_been_viewed: !0 }), y("");
   };
-  if (!T || !E || !F)
-    return /* @__PURE__ */ e(X, {});
-  const z = [];
-  return !d && (de || ue) && z.push({
+  if (!E)
+    return /* @__PURE__ */ e(q, {});
+  const F = [];
+  return !d && (ue || me) && F.push({
     iconName: "open_in_new",
     label: n.export_csv_btn,
-    onClick: Me
-  }), h.show_connections_widget_in_master && z.push({
+    onClick: ke
+  }), h.show_connections_widget_in_master && F.push({
     iconName: "add",
     label: n.add_transaction_btn,
-    onClick: ke
+    onClick: Le
   }), /* @__PURE__ */ _(
     ft,
     {
-      ...!v && { accountOptions: i },
-      actions: z,
+      ...!D && { accountOptions: i },
+      actions: F,
       calendarActions: {
-        onRangeChanged: Ee
+        onRangeChanged: Oe
       },
-      onAccountsFilterClick: () => m(A.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(T.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: a,
       title: n.transactions_title,
       children: [
-        De,
-        /* @__PURE__ */ e(S, { mt: 16, children: /* @__PURE__ */ e(
-          yt,
-          {
-            onChange: Oe,
-            placeholder: n.action_bar_search_placeholder,
-            searchValue: ye
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          S,
-          {
-            sx: {
-              [L.breakpoints.down("md")]: { display: "none" },
-              [L.breakpoints.up("md")]: { display: "block" }
-            },
-            children: /* @__PURE__ */ e(
-              Nt,
-              {
-                height: `calc(${s} - ${re}px)`,
-                onCategoryClick: (c) => {
-                  H(c), y(
-                    "category"
-                    /* Category */
-                  );
-                },
-                onRowClick: (c) => {
-                  H(c), y(
-                    "transaction"
-                    /* Transaction */
-                  ), m(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
+        X ? /* @__PURE__ */ _(A, { children: [
+          Ne,
+          /* @__PURE__ */ e(x, { mt: 16, children: /* @__PURE__ */ e(
+            yt,
+            {
+              onChange: Me,
+              placeholder: n.action_bar_search_placeholder,
+              searchValue: Te
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            x,
+            {
+              sx: {
+                [L.breakpoints.down("md")]: { display: "none" },
+                [L.breakpoints.up("md")]: { display: "block" }
+              },
+              children: /* @__PURE__ */ e(
+                Nt,
+                {
+                  height: `calc(${s} - ${re}px)`,
+                  onCategoryClick: (c) => {
+                    H(c), y(
+                      "category"
+                      /* Category */
+                    );
+                  },
+                  onRowClick: (c) => {
+                    H(c), y(
+                      "transaction"
+                      /* Transaction */
+                    ), m(T.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
+                  }
                 }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          S,
-          {
-            sx: {
-              [L.breakpoints.down("md")]: { display: "block" },
-              [L.breakpoints.up("md")]: { display: "none" }
-            },
-            children: /* @__PURE__ */ e(
-              Ge,
-              {
-                height: `calc(${s} - ${re}px)`,
-                onClick: (c) => {
-                  H(c), y(
-                    "transaction"
-                    /* Transaction */
-                  );
-                },
-                showHiddenTransactions: !0,
-                showInsights: r
-              }
-            )
-          }
-        ),
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            x,
+            {
+              sx: {
+                [L.breakpoints.down("md")]: { display: "block" },
+                [L.breakpoints.up("md")]: { display: "none" }
+              },
+              children: /* @__PURE__ */ e(
+                Fe,
+                {
+                  height: `calc(${s} - ${re}px)`,
+                  onClick: (c) => {
+                    H(c), y(
+                      "transaction"
+                      /* Transaction */
+                    );
+                  },
+                  showHiddenTransactions: !0,
+                  showInsights: r
+                }
+              )
+            }
+          )
+        ] }) : /* @__PURE__ */ e(ht, { variant: "list" }),
         /* @__PURE__ */ e(
           oe,
           {
-            ariaLabelClose: I.close_aria,
-            isOpen: G === "transaction" && !!b,
-            onClose: Be,
+            ariaLabelClose: v.close_aria,
+            isOpen: W === "transaction" && !!b,
+            onClose: Pe,
             title: n.details_title,
-            children: b && /* @__PURE__ */ e(Ue, { transaction: b })
+            children: b && /* @__PURE__ */ e(ze, { transaction: b })
           }
         ),
-        b && G === "category" && /* @__PURE__ */ e(
+        b && W === "category" && /* @__PURE__ */ e(
           Rt,
           {
             onClose: () => {
@@ -549,11 +554,11 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         /* @__PURE__ */ e(
           oe,
           {
-            ariaLabelClose: I.close_aria,
-            isOpen: G === "addTransaction",
+            ariaLabelClose: v.close_aria,
+            isOpen: W === "addTransaction",
             isPrimaryDisabled: !Z,
             onClose: () => y(""),
-            onPrimaryAction: Le,
+            onPrimaryAction: Re,
             title: n.add_transaction_title,
             children: /* @__PURE__ */ e(kt, {})
           }
@@ -562,38 +567,38 @@ const bt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           Ot,
           {
             copy: { title: n.add_manual_account },
-            isOpen: xe,
+            isOpen: ve,
             onClose: () => {
               U(!1);
             },
-            onPrimaryAction: Re
+            onPrimaryAction: He
           }
         ),
         /* @__PURE__ */ e(
           ct,
           {
-            onClose: He,
-            showConnectWidget: we,
+            onClose: Be,
+            showConnectWidget: Ie,
             title: n.add_manual_account
           }
         )
       ]
     }
   );
-}, ya = x(Ht);
+}, Ca = S(Ht);
 export {
   Ot as AddAccountModal,
   xa as BottomActions,
-  Ma as ExportCsvAction,
-  Da as TRANSACTION_EVENTS,
-  wa as TopActions,
-  Aa as TransactionApi,
-  Ue as TransactionDetails,
-  Ge as TransactionList,
-  Ia as TransactionRow,
-  Ea as TransactionStore,
+  Oa as ExportCsvAction,
+  Ia as TRANSACTION_EVENTS,
+  Sa as TopActions,
+  Ta as TransactionApi,
+  ze as TransactionDetails,
+  Fe as TransactionList,
+  wa as TransactionRow,
+  Na as TransactionStore,
   Nt as TransactionTable,
-  ya as TransactionWidget,
-  ze as exportTransactionsToCSV,
+  Ca as TransactionWidget,
+  qe as exportTransactionsToCSV,
   P as useTransactionsUiStore
 };