@mx-cartographer/experiences 7.0.23-alpha.al10 → 7.0.23-alpha.al12

package/dist/transactions/index.es.js

@@ -1,68 +1,57 @@
-import { T as ba } from "../TransactionApi-DbbcjI2L.mjs";
-import { u as P, C as He, D as Pe, M as Ve, c as $e, T as We, a as Ge } from "../TransactionDetails-BXl0m15s.mjs";
-import { B as xa, d as Sa, b as wa } from "../TransactionDetails-BXl0m15s.mjs";
-import { O as Ue, T as M } from "../User-DtwqVm3K.mjs";
-import { R as Fe, S as ee, D as ze } from "../TransactionStore-BElBVYfk.mjs";
-import { T as va } from "../TransactionStore-BElBVYfk.mjs";
-import { e as re } from "../exportTransactionsToCSV-Cf5VRYVr.mjs";
-import { jsx as e, jsxs as _ } from "react/jsx-runtime";
-import { observer as b } from "mobx-react-lite";
-import { Icon as k, Text as f, MerchantLogo as Ke, TextField as te, P as je } from "@mxenabled/mxui";
-import { g as se, n as R, u as A, a as K, c as ie, j as qe, l as Xe, o as Ye } from "../hooks-DUeXom8C.mjs";
+import { T as fa } from "../TransactionApi-DbbcjI2L.mjs";
+import { u as B, C as Re, D as He, M as Be, c as Pe, T as $e, a as Ve } from "../TransactionDetails-C-z3HGTT.mjs";
+import { B as ya, d as ba, b as Ta } from "../TransactionDetails-C-z3HGTT.mjs";
+import { T as M } from "../User-Dq9Qj764.mjs";
+import { O as Sa } from "../User-Dq9Qj764.mjs";
+import { S as ee, D as We } from "../TransactionStore-0tLtBEIC.mjs";
+import { T as wa } from "../TransactionStore-0tLtBEIC.mjs";
+import { e as Ge } from "../exportTransactionsToCSV-BDlt8u0n.mjs";
+import { E as va } from "../ExportCsvAction-CbMfQ2Wa.mjs";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import u from "react";
-import Je from "@mui/material/Paper";
-import { DataGridPro as Qe } from "@mui/x-data-grid-pro";
-import S from "@mui/material/Box";
-import { useTheme as Ze } from "@mui/material/styles";
-import { fromUnixTime as et } from "date-fns/fromUnixTime";
-import { f as tt, D as at, a as ce } from "../Dialog-CWW597AF.mjs";
+import { observer as S } from "mobx-react-lite";
+import Ue from "@mui/material/Paper";
+import { DataGridPro as Fe } from "@mui/x-data-grid-pro";
+import A from "@mui/material/Box";
+import { useTheme as ze } from "@mui/material/styles";
+import { Text as C, Icon as H, MerchantLogo as Ke, TextField as te, P as qe } from "@mxenabled/mxui";
+import { f as P, u as x, a as K, c as re, k as je, m as Xe, e as Ye, o as Je } from "../hooks-DkUqN6JE.mjs";
+import { fromUnixTime as Qe } from "date-fns/fromUnixTime";
+import { f as Ze, D as et, a as se } from "../Dialog-CWW597AF.mjs";
 import N from "@mui/material/Stack";
-import { f as le } from "../NumberFormatting-CtWHhyBX.mjs";
-import { L as j } 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 { f as ie } from "../NumberFormatting-CtWHhyBX.mjs";
+import { L as q } from "../Loader-DUaFpDGv.mjs";
+import { endOfMonth as tt } from "date-fns/endOfMonth";
+import { getUnixTime as at } from "date-fns/getUnixTime";
+import { startOfMonth as nt } from "date-fns/startOfMonth";
 import { startOfToday as z } from "date-fns/startOfToday";
-import st from "@mui/material/styles/useTheme";
-import { j as it } from "../ConnectDrawer-C2minBK_.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-Dz4r9Rfe.mjs";
-import { a as _t, u as pt } from "../CategorySelectorDrawer-LpZcwQPa.mjs";
+import ot from "@mui/material/styles/useTheme";
+import { j as rt } from "../ConnectDrawer-phFH6OHt.mjs";
+import st from "@mui/material/Divider";
+import it from "@mui/material/MenuItem";
+import ct from "@mui/material/RadioGroup";
+import { ExpandMore as lt } from "@mxenabled/mx-icons";
+import { C as dt } from "../CurrencyInput-bEx2Mbd0.mjs";
+import { a as ut, u as mt } from "../CategorySelectorDrawer-BJ9jlCyt.mjs";
 import { b as ae } from "../Localization-2MODESHW.mjs";
-import { A as x, W as gt } from "../WidgetContainer-DK8aZO5l.mjs";
-import { u as ht } from "../useScreenSize-B6JyS_Lj.mjs";
-import { S as Ct } from "../SearchBox-B2_zLv8-.mjs";
+import { A as T, W as _t } from "../WidgetContainer-CdBs9WOZ.mjs";
+import { u as pt } from "../useScreenSize-B6JyS_Lj.mjs";
+import { S as gt } from "../SearchBox-B2_zLv8-.mjs";
 import { D as ne } from "../Drawer-kEE73B87.mjs";
-const ft = ({ filter: t }) => {
-  const { onEvent: o } = se(), { tags: n, sortedTransactions: a } = R(), { transactions: s } = A(), c = () => {
-    o(Ue.ON_TRANSACTION_EXPORT_CSV_CLICK), re(t ? a.filter(t) : a, n);
-  };
-  return /* @__PURE__ */ e("div", { className: "mx-txn-export-csv-action", children: /* @__PURE__ */ e(
-    Fe,
-    {
-      icon: /* @__PURE__ */ e(k, { name: "open_in_new" }),
-      label: s.export_csv_btn,
-      onClick: c,
-      tooltipText: s.export_csv_title
-    }
-  ) });
-}, Ca = b(ft), yt = (t) => /* @__PURE__ */ _(f, { tabIndex: t.tabIndex, variant: "Small", children: [
+const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
-] }), Tt = (t) => {
-  const { associatedBeats: o } = R(), { showInsights: n } = P(), { amount: a, transaction_type: s } = t.row, c = o.find((h) => h.associated_transaction_guid === t.row.guid), d = s === M.CREDIT;
+] }), ft = (t) => {
+  const { associatedBeats: r } = P(), { showInsights: n } = B(), { amount: a, transaction_type: i } = t.row, l = r.find((h) => h.associated_transaction_guid === t.row.guid), d = i === M.CREDIT;
   return /* @__PURE__ */ _(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ _(f, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
+    /* @__PURE__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
       d ? "+" : "",
-      le(a, "0,0.00")
+      ie(a, "0,0.00")
     ] }),
-    c && n && /* @__PURE__ */ e(f, { bold: !0, color: "primary.light", variant: "XSmall", children: c.short_title })
+    l && n && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
   ] });
-}, bt = (t) => {
-  const { transactions: o } = A(), [n, a] = u.useState(!1);
+}, Ct = (t) => {
+  const { transactions: r } = x(), [n, a] = u.useState(!1);
   return /* @__PURE__ */ _(
     N,
     {
@@ -74,30 +63,30 @@ const ft = ({ filter: t }) => {
       onMouseLeave: () => a(!1),
       width: "100%",
       children: [
-        t.row.has_been_split && /* @__PURE__ */ e(k, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(f, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? o.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && n && /* @__PURE__ */ e(k, { name: "edit", sx: { color: "action.active" } })
+        t.row.has_been_split && /* @__PURE__ */ e(H, { 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(H, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, At = b(bt), xt = (t) => /* @__PURE__ */ e(f, { tabIndex: t.tabIndex, variant: "Small", children: tt(et(t.row.date), at.MONTH_DAY) }), St = (t) => {
-  const o = Ze(), { transactions: n } = A(), { is_flagged: a, is_hidden: s, has_been_viewed: c, parent_guid: d } = t.row, C = !c && !!!d;
+}, yt = S(Ct), bt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: Ze(Qe(t.row.date), et.MONTH_DAY) }), Tt = (t) => {
+  const r = ze(), { transactions: n } = x(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, f = !l && !!!d;
   return /* @__PURE__ */ _(
-    S,
+    A,
     {
-      "aria-label": s ? n.is_hidden : n.is_flagged,
+      "aria-label": i ? n.is_hidden : n.is_flagged,
       tabIndex: t.tabIndex,
       children: [
-        a && /* @__PURE__ */ e(k, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-        !a && s && /* @__PURE__ */ e(k, { name: "visibility_off", size: 16 }),
-        C && /* @__PURE__ */ e(
+        a && /* @__PURE__ */ e(H, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+        !a && i && /* @__PURE__ */ e(H, { name: "visibility_off", size: 16 }),
+        f && /* @__PURE__ */ e(
           "svg",
           {
             "data-testid": "svg",
             style: {
               display: "inline-block",
               height: 16,
-              fill: o.palette.primary.light,
+              fill: r.palette.primary.light,
               verticalAlign: "middle",
               width: 16
             },
@@ -108,7 +97,7 @@ const ft = ({ filter: t }) => {
       ]
     }
   );
-}, wt = b(St), O = (t) => /* @__PURE__ */ e(f, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), It = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
+}, At = S(Tt), E = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
     Ke,
     {
@@ -116,24 +105,24 @@ const ft = ({ filter: t }) => {
       merchantGuid: t.row.merchant_guid || ""
     }
   ),
-  /* @__PURE__ */ e(f, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
-] }), vt = ({
+  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
+] }), xt = ({
   height: t = "100dvh",
-  onCategoryClick: o,
+  onCategoryClick: r,
   onRowClick: n
 }) => {
-  const { transactions: a } = A(), { isCopyLoaded: s } = K(), { isLoading: c, sortedTransactions: d } = R(), { clearExpandedSplits: h, toggleSplit: C } = P();
+  const { transactions: a } = x(), { isCopyLoaded: i } = K(), { isLoading: l, sortedTransactions: d } = P(), { clearExpandedSplits: h, toggleSplit: f } = B();
   u.useEffect(() => () => h(), []);
   const m = u.useMemo(
-    () => d.map((i) => ({
-      id: i.guid,
+    () => d.map((s) => ({
+      id: s.guid,
       isHovering: !1,
-      ...i
+      ...s
     })),
     [d]
-  ), p = ({ row: { id: i, guid: w, has_been_split: E }, field: I }) => E ? C(i) : I === "category" ? o?.(w) : n?.(w);
-  if (!s)
-    return /* @__PURE__ */ e(j, {});
+  ), p = ({ row: { id: s, guid: w, has_been_split: O }, field: I }) => O ? f(s) : I === "category" ? r?.(w) : n?.(w);
+  if (!i)
+    return /* @__PURE__ */ e(q, {});
   const g = [
     {
       field: "flag",
@@ -141,15 +130,15 @@ const ft = ({ filter: t }) => {
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (i) => /* @__PURE__ */ e(wt, { ...i }),
+      renderCell: (s) => /* @__PURE__ */ e(At, { ...s }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
     },
     {
       field: "date",
       headerName: a.date_title,
       width: 103,
-      renderHeader: O,
-      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(xt, { ...i }),
+      renderHeader: E,
+      renderCell: (s) => s.row.parent_guid ? null : /* @__PURE__ */ e(bt, { ...s }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -157,47 +146,47 @@ const ft = ({ filter: t }) => {
       field: "payee",
       headerName: a.payee_title,
       flex: 0.33,
-      renderHeader: O,
-      renderCell: It,
+      renderHeader: E,
+      renderCell: St,
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "category",
       headerName: a.category_title,
       flex: 0.25,
-      renderHeader: O,
-      renderCell: (i) => /* @__PURE__ */ e(At, { ...i }),
+      renderHeader: E,
+      renderCell: (s) => /* @__PURE__ */ e(yt, { ...s }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "account",
       headerName: a.account_title,
       flex: 0.33,
-      renderHeader: O,
-      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(yt, { ...i }),
+      renderHeader: E,
+      renderCell: (s) => s.row.parent_guid ? null : /* @__PURE__ */ e(ht, { ...s }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "amount",
       headerName: a.amount_title,
       flex: 0.25,
-      renderHeader: O,
-      renderCell: Tt,
+      renderHeader: E,
+      renderCell: ft,
       align: "right",
       headerAlign: "right",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(Je, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    Qe,
+  return /* @__PURE__ */ e(Ue, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    Fe,
     {
       columns: g,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
-      getCellClassName: (i) => i.row.parent_guid ? "split-row" : "",
+      getCellClassName: (s) => s.row.parent_guid ? "split-row" : "",
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
-      loading: c,
+      loading: l,
       onCellClick: p,
       rows: m,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
@@ -208,47 +197,47 @@ const ft = ({ filter: t }) => {
       }
     }
   ) });
-}, Dt = b(vt), Nt = ({ copy: t, isOpen: o, onClose: n, onPrimaryAction: a }) => {
-  const { common: s, transactions: c } = A(), { isCopyLoaded: d } = K();
+}, wt = S(xt), It = ({ copy: t, isOpen: r, onClose: n, onPrimaryAction: a }) => {
+  const { common: i, transactions: l } = x(), { isCopyLoaded: d } = K();
   return d ? /* @__PURE__ */ _(
-    ce,
+    se,
     {
       copy: {
         title: t.title
       },
-      isOpen: o,
+      isOpen: r,
       onClose: n,
       onPrimaryAction: a,
-      primaryText: c.add_manual_account,
-      secondaryText: s.cancel_button,
+      primaryText: l.add_manual_account,
+      secondaryText: i.cancel_button,
       children: [
-        /* @__PURE__ */ e(f, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: c.add_account_modal_message }),
-        /* @__PURE__ */ e(f, { component: "p", truncate: !1, children: c.add_account_modal_cta })
+        /* @__PURE__ */ e(C, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: l.add_account_modal_message }),
+        /* @__PURE__ */ e(C, { component: "p", truncate: !1, children: l.add_account_modal_cta })
       ]
     }
-  ) : /* @__PURE__ */ e(j, {});
-}, Et = b(Nt), Ot = () => {
-  const { visibleAccounts: t } = ie(), { common: o, transactions: n } = A(), { manualTransaction: a, setIsAmountValid: s, updateManualTransaction: c } = P(), [d, h] = u.useState(""), [C, m] = u.useState(""), p = u.useMemo(
-    () => t.filter((r) => r.is_manual),
+  ) : /* @__PURE__ */ e(q, {});
+}, vt = S(It), Dt = () => {
+  const { visibleAccounts: t } = re(), { common: r, transactions: n } = x(), { manualTransaction: a, setIsAmountValid: i, updateManualTransaction: l } = B(), [d, h] = u.useState(""), [f, m] = u.useState(""), p = u.useMemo(
+    () => t.filter((o) => o.is_manual),
     [t]
-  ).map((r) => ({
-    label: `${r.name} | ${le(r.balance, "0,0.00")}`,
-    value: r.guid
+  ).map((o) => ({
+    label: `${o.name} | ${ie(o.balance, "0,0.00")}`,
+    value: o.guid
   })), g = {
-    error_amount_is_invalid: o.currency_input.error_amount_is_invalid,
-    error_amount_must_be_equal_to: o.currency_input.error_amount_must_be_equal_to,
-    error_amount_must_be_less_than_or_equal_to: o.currency_input.error_amount_must_be_less_than_or_equal_to,
-    enter_amount: o.currency_input.enter_amount
-  }, i = (r) => {
-    h(r), c({ ...a, amount: Number(r) });
-  }, w = (r, V) => {
-    c({ ...a, transaction_type: Number(V) });
-  }, E = (r) => {
-    m(r), c({ ...a, payee: r, description: r });
-  }, I = (r) => {
-    c({ ...a, account_guid: r });
+    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
+  }, s = (o) => {
+    h(o), l({ ...a, amount: Number(o) });
+  }, w = (o, $) => {
+    l({ ...a, transaction_type: Number($) });
+  }, O = (o) => {
+    m(o), l({ ...a, payee: o, description: o });
+  }, I = (o) => {
+    l({ ...a, account_guid: o });
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-manual-transaction-details", children: [
+  return /* @__PURE__ */ _(A, { className: "mx-txn-manual-transaction-details", children: [
     /* @__PURE__ */ _(N, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ _(
         N,
@@ -257,7 +246,7 @@ const ft = ({ filter: t }) => {
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
           children: [
             /* @__PURE__ */ e(
-              mt,
+              dt,
               {
                 allowDecimals: !0,
                 amount: d,
@@ -267,13 +256,13 @@ const ft = ({ filter: t }) => {
                   noValidate: !0
                 },
                 label: n.amount_title,
-                setAmount: i,
-                setHasValidInput: s,
+                setAmount: s,
+                setHasValidInput: i,
                 sx: { bgcolor: "background.paper" },
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(dt, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(ct, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 ee,
                 {
@@ -302,223 +291,223 @@ const ft = ({ filter: t }) => {
         {
           label: n.payee_title,
           name: "payee",
-          onChange: (r) => E(r.target.value),
+          onChange: (o) => O(o.target.value),
           sx: { bgcolor: "background.paper" },
-          value: C
+          value: f
         }
       ),
       /* @__PURE__ */ e(
         te,
         {
           InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: ut },
+          SelectProps: { defaultValue: -1, IconComponent: lt },
           label: n.manual_transaction_select_an_account,
-          onChange: (r) => I(r.target.value),
+          onChange: (o) => I(o.target.value),
           placeholder: n.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: p.map((r) => /* @__PURE__ */ e(lt, { value: r.value, children: r.label }, r.value))
+          children: p.map((o) => /* @__PURE__ */ e(it, { value: o.value, children: o.label }, o.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(ct, { light: !0 }),
-    /* @__PURE__ */ _(S, { bgcolor: "background.paper", children: [
+    /* @__PURE__ */ e(st, { light: !0 }),
+    /* @__PURE__ */ _(A, { bgcolor: "background.paper", children: [
+      /* @__PURE__ */ e(Re, { transaction: a }),
       /* @__PURE__ */ e(He, { transaction: a }),
-      /* @__PURE__ */ e(Pe, { transaction: a }),
-      /* @__PURE__ */ e(Ve, { transaction: a }),
-      /* @__PURE__ */ e($e, { transaction: a })
+      /* @__PURE__ */ e(Be, { transaction: a }),
+      /* @__PURE__ */ e(Pe, { transaction: a })
     ] })
   ] });
-}, Mt = b(Ot), kt = ({ onClose: t, transaction: o }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: a } = R(), { transactions: s } = A(), { categories: c } = qe(), [d, h] = u.useState(""), C = u.useMemo(
-    () => c.find((p) => p.guid === d),
+}, Nt = S(Dt), Ot = ({ onClose: t, transaction: r }) => {
+  const { addOrUpdateTransactionRule: n, updateTransaction: a } = P(), { transactions: i } = x(), { categories: l } = je(), [d, h] = u.useState(""), f = u.useMemo(
+    () => l.find((p) => p.guid === d),
     [d]
   ), m = async (p) => {
-    await a({ ...o, category_guid: d }), p && await n(d, o), h(""), t();
+    await a({ ...r, category_guid: d }), p && await n(d, r), h(""), t();
   };
-  return /* @__PURE__ */ _(S, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ _(A, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
-      _t,
+      ut,
       {
-        initialSelected: o.category_guid,
+        initialSelected: r.category_guid,
         onClose: t,
         onSelect: (p) => h(p),
-        showDrawer: !!o,
-        title: s.actions_select_a_category
+        showDrawer: !!r,
+        title: i.actions_select_a_category
       }
     ),
     /* @__PURE__ */ e(
-      ce,
+      se,
       {
         copy: {
           title: ae(
-            s.actions_apply_to_all_transaction_types,
-            o.description
+            i.actions_apply_to_all_transaction_types,
+            r.description
           )
         },
         isOpen: !!d,
         onClose: () => m(!1),
         onPrimaryAction: () => m(!0),
         onSecondaryAction: () => m(!1),
-        primaryText: s.actions_apply_to_all,
-        secondaryText: s.actions_this_time_only,
-        children: /* @__PURE__ */ e(je, { variant: "Paragraph", children: ae(
-          s.actions_all_past_and_future,
-          o.description,
-          C?.name
+        primaryText: i.actions_apply_to_all,
+        secondaryText: i.actions_this_time_only,
+        children: /* @__PURE__ */ e(qe, { variant: "Paragraph", children: ae(
+          i.actions_all_past_and_future,
+          r.description,
+          f?.name
         ) })
       }
     )
   ] });
-}, Rt = b(kt), oe = 120, Lt = ({
+}, Et = S(Ot), oe = 120, Mt = ({
   onBackClick: t,
-  height: o = "100dvh",
+  height: r = "100dvh",
   showInsights: n = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: s, refreshAccounts: c } = ie(), { is_mobile_webview: d, clientConfig: h } = Xe(), { setSearchValue: C } = pt(), { onEvent: m } = se(), { common: p, transactions: g } = A(), {
-    displayedDateRange: i,
+  const { visibleAccounts: i, refreshAccounts: l } = re(), { is_mobile_webview: d, clientConfig: h } = Xe(), { setSearchValue: f } = mt(), { onEvent: m } = Ye(), { common: p, transactions: g } = x(), {
+    displayedDateRange: s,
     isCopyLoaded: w,
-    isInitialized: E,
+    isInitialized: O,
     selectedAccountGuids: I,
-    setDisplayedDate: r,
-    setSelectedAccounts: V
-  } = K(), { isDesktop: de, isTablet: ue } = ht(), L = st(), {
-    addTransaction: me,
-    filter: q,
-    loadAssociatedBeats: _e,
-    setFilter: $,
-    sortedTransactionsWithSplits: pe,
-    tags: ge,
-    transactions: he,
-    updateTransaction: Ce
-  } = R(), {
-    clearExpandedSplits: fe,
-    isAmountValid: ye,
-    manualTransaction: B,
-    searchValue: Te,
-    setSearchValue: be,
-    setShowInsights: Ae,
-    updateManualTransaction: xe
-  } = P(), { userProfile: Se } = Ye(), [W, y] = u.useState(""), [X, H] = u.useState(""), [we, G] = u.useState(!1), [Ie, Y] = u.useState(!1), [U, ve] = u.useState(!1), v = h?.transactions?.selected_account_guid;
+    setDisplayedDate: o,
+    setSelectedAccounts: $
+  } = K(), { isDesktop: ce, isTablet: le } = pt(), k = ot(), {
+    addTransaction: de,
+    filter: j,
+    loadAssociatedBeats: ue,
+    setFilter: V,
+    sortedTransactionsWithSplits: me,
+    tags: _e,
+    transactions: pe,
+    updateTransaction: ge
+  } = P(), {
+    clearExpandedSplits: he,
+    isAmountValid: fe,
+    manualTransaction: L,
+    searchValue: Ce,
+    setSearchValue: ye,
+    setShowInsights: be,
+    updateManualTransaction: Te
+  } = B(), { userProfile: Ae } = Je(), [W, y] = u.useState(""), [X, R] = u.useState(""), [Se, G] = u.useState(!1), [xe, Y] = u.useState(!1), [U, we] = u.useState(!1), v = h?.transactions?.selected_account_guid;
   u.useEffect(() => {
-    const l = v ? [{ guid: v }] : s.filter((D) => !D.is_hidden), Q = rt(z()), Z = nt(z());
-    v || V(l), r(Q, Z), $({
-      accounts: l.map((D) => D.guid),
+    const c = v ? [{ guid: v }] : i.filter((D) => !D.is_hidden), Q = nt(z()), Z = tt(z());
+    v || $(c), o(Q, Z), V({
+      accounts: c.map((D) => D.guid),
       custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
       dateRange: { start: Q, end: Z }
-    }), ve(!0), m(x.TRANSACTIONS_VIEW);
-  }, [s]), u.useEffect(() => {
-    U && ($({
-      ...q,
+    }), we(!0), m(T.TRANSACTIONS_VIEW);
+  }, [i]), u.useEffect(() => {
+    U && (V({
+      ...j,
       accounts: v ? [v] : I,
-      dateRange: { start: i.start, end: i.end }
-    }), _e(i.start).finally());
-  }, [U, i, I]), u.useEffect(() => {
-    Ae(n);
+      dateRange: { start: s.start, end: s.end }
+    }), ue(s.start).finally());
+  }, [U, s, I]), u.useEffect(() => {
+    be(n);
   }, [n]);
-  const De = u.useMemo(
-    () => s.filter((l) => l.is_manual),
-    [s]
-  ), T = X ? he.find((l) => l.guid === X) : void 0, J = ye && !!B.payee && !!B.account_guid && !!B.category_guid, Ne = (l) => {
-    fe(), r(l[0], l[1]);
-  }, Ee = (l) => {
-    be(l), $({
-      ...q,
-      searchTerm: l
-    }), m(x.TRANSACTIONS_CLICK_SEARCH, { search_term: l });
+  const Ie = u.useMemo(
+    () => i.filter((c) => c.is_manual),
+    [i]
+  ), b = X ? pe.find((c) => c.guid === X) : void 0, J = fe && !!L.payee && !!L.account_guid && !!L.category_guid, ve = (c) => {
+    he(), o(c[0], c[1]);
+  }, De = (c) => {
+    ye(c), V({
+      ...j,
+      searchTerm: c
+    }), m(T.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
+  }, Ne = () => {
+    Ge(me, _e), m(T.TRANSACTIONS_CLICK_EXPORT);
   }, Oe = () => {
-    re(pe, ge), m(x.TRANSACTIONS_CLICK_EXPORT);
-  }, Me = () => {
-    De.length > 0 ? (xe({
-      ...ze,
-      date: ot(z()),
-      user_guid: Se?.user_guid || ""
+    Ie.length > 0 ? (Te({
+      ...We,
+      date: at(z()),
+      user_guid: Ae?.user_guid || ""
     }), y(
       "addTransaction"
       /* AddTransaction */
-    ), m(x.TRANSACTIONS_CLICK_ADD)) : (G(!0), m(x.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
-  }, ke = async () => {
-    J && await me(B), y("");
-  }, Re = () => {
+    ), m(T.TRANSACTIONS_CLICK_ADD)) : (G(!0), m(T.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+  }, Ee = async () => {
+    J && await de(L), y("");
+  }, Me = () => {
     G(!1), Y(!0);
+  }, ke = async () => {
+    Y(!1), await l();
   }, Le = async () => {
-    Y(!1), await c();
-  }, Be = async () => {
-    T && !T.has_been_viewed && await Ce({ ...T, has_been_viewed: !0 }), y("");
+    b && !b.has_been_viewed && await ge({ ...b, has_been_viewed: !0 }), y("");
   };
-  if (!w || !E || !U)
-    return /* @__PURE__ */ e(j, {});
+  if (!w || !O || !U)
+    return /* @__PURE__ */ e(q, {});
   const F = [];
-  return !d && (de || ue) && F.push({
+  return !d && (ce || le) && F.push({
     iconName: "open_in_new",
     label: g.export_csv_btn,
-    onClick: Oe
+    onClick: Ne
   }), F.push({
     iconName: "add",
     label: g.add_transaction_btn,
-    onClick: Me
+    onClick: Oe
   }), /* @__PURE__ */ _(
-    gt,
+    _t,
     {
-      ...!v && { accountOptions: s },
+      ...!v && { accountOptions: i },
       actions: F,
       calendarActions: {
-        onRangeChanged: Ne
+        onRangeChanged: ve
       },
-      onAccountsFilterClick: () => m(x.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(T.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: a,
       title: g.transactions_title,
       children: [
-        /* @__PURE__ */ e(S, { mt: 16, children: /* @__PURE__ */ e(
-          Ct,
+        /* @__PURE__ */ e(A, { mt: 16, children: /* @__PURE__ */ e(
+          gt,
           {
-            onChange: Ee,
+            onChange: De,
             placeholder: g.action_bar_search_placeholder,
-            searchValue: Te
+            searchValue: Ce
           }
         ) }),
         /* @__PURE__ */ e(
-          S,
+          A,
           {
             sx: {
-              [L.breakpoints.down("md")]: { display: "none" },
-              [L.breakpoints.up("md")]: { display: "block" }
+              [k.breakpoints.down("md")]: { display: "none" },
+              [k.breakpoints.up("md")]: { display: "block" }
             },
             children: /* @__PURE__ */ e(
-              Dt,
+              wt,
               {
-                height: `calc(${o} - ${oe}px)`,
-                onCategoryClick: (l) => {
-                  H(l), y(
+                height: `calc(${r} - ${oe}px)`,
+                onCategoryClick: (c) => {
+                  R(c), y(
                     "category"
                     /* Category */
                   );
                 },
-                onRowClick: (l) => {
-                  H(l), y(
+                onRowClick: (c) => {
+                  R(c), y(
                     "transaction"
                     /* Transaction */
-                  ), m(x.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: l });
+                  ), m(T.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
                 }
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          A,
           {
             sx: {
-              [L.breakpoints.down("md")]: { display: "block" },
-              [L.breakpoints.up("md")]: { display: "none" }
+              [k.breakpoints.down("md")]: { display: "block" },
+              [k.breakpoints.up("md")]: { display: "none" }
             },
             children: /* @__PURE__ */ e(
-              We,
+              $e,
               {
-                height: `calc(${o} - ${oe}px)`,
-                onClick: (l) => {
-                  H(l), y(
+                height: `calc(${r} - ${oe}px)`,
+                onClick: (c) => {
+                  R(c), y(
                     "transaction"
                     /* Transaction */
                   );
@@ -533,19 +522,19 @@ const ft = ({ filter: t }) => {
           ne,
           {
             ariaLabelClose: p.close_aria,
-            isOpen: W === "transaction" && !!T,
-            onClose: Be,
+            isOpen: W === "transaction" && !!b,
+            onClose: Le,
             title: g.details_title,
-            children: T && /* @__PURE__ */ e(Ge, { transaction: T })
+            children: b && /* @__PURE__ */ e(Ve, { transaction: b })
           }
         ),
-        T && W === "category" && /* @__PURE__ */ e(
-          Rt,
+        b && W === "category" && /* @__PURE__ */ e(
+          Et,
           {
             onClose: () => {
-              C(""), y(""), H("");
+              f(""), y(""), R("");
             },
-            transaction: T
+            transaction: b
           }
         ),
         /* @__PURE__ */ e(
@@ -555,47 +544,47 @@ const ft = ({ filter: t }) => {
             isOpen: W === "addTransaction",
             isPrimaryDisabled: !J,
             onClose: () => y(""),
-            onPrimaryAction: ke,
+            onPrimaryAction: Ee,
             title: g.add_transaction_title,
-            children: /* @__PURE__ */ e(Mt, {})
+            children: /* @__PURE__ */ e(Nt, {})
           }
         ),
         /* @__PURE__ */ e(
-          Et,
+          vt,
           {
             copy: { title: g.add_manual_account },
-            isOpen: we,
+            isOpen: Se,
             onClose: () => {
               G(!1);
             },
-            onPrimaryAction: Re
+            onPrimaryAction: Me
           }
         ),
         /* @__PURE__ */ e(
-          it,
+          rt,
           {
-            onClose: Le,
-            showConnectWidget: Ie,
+            onClose: ke,
+            showConnectWidget: xe,
             title: g.add_manual_account
           }
         )
       ]
     }
   );
-}, fa = b(Lt);
+}, pa = S(Mt);
 export {
-  Et as AddAccountModal,
-  xa as BottomActions,
-  Ca as ExportCsvAction,
-  Ue as TRANSACTION_EVENTS,
-  Sa as TopActions,
-  ba as TransactionApi,
-  Ge as TransactionDetails,
-  We as TransactionList,
-  wa as TransactionRow,
-  va as TransactionStore,
-  Dt as TransactionTable,
-  fa as TransactionWidget,
-  re as exportTransactionsToCSV,
-  P as useTransactionsUiStore
+  vt as AddAccountModal,
+  ya as BottomActions,
+  va as ExportCsvAction,
+  Sa as TRANSACTION_EVENTS,
+  ba as TopActions,
+  fa as TransactionApi,
+  Ve as TransactionDetails,
+  $e as TransactionList,
+  Ta as TransactionRow,
+  wa as TransactionStore,
+  wt as TransactionTable,
+  pa as TransactionWidget,
+  Ge as exportTransactionsToCSV,
+  B as useTransactionsUiStore
 };