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

package/dist/transactions/index.es.js

@@ -1,57 +1,68 @@
-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 { 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 u from "react";
-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 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 N from "@mui/material/Stack";
-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 { 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 { startOfToday as z } from "date-fns/startOfToday";
-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 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 { b as ae } from "../Localization-2MODESHW.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 { 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 { D as ne } from "../Drawer-kEE73B87.mjs";
-const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
+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: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
-] }), 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;
+] }), 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;
   return /* @__PURE__ */ _(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
+    /* @__PURE__ */ _(f, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
       d ? "+" : "",
-      ie(a, "0,0.00")
+      le(a, "0,0.00")
     ] }),
-    l && n && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
+    c && n && /* @__PURE__ */ e(f, { bold: !0, color: "primary.light", variant: "XSmall", children: c.short_title })
   ] });
-}, Ct = (t) => {
-  const { transactions: r } = x(), [n, a] = u.useState(!1);
+}, bt = (t) => {
+  const { transactions: o } = A(), [n, a] = u.useState(!1);
   return /* @__PURE__ */ _(
     N,
     {
@@ -63,30 +74,30 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       onMouseLeave: () => a(!1),
       width: "100%",
       children: [
-        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" } })
+        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" } })
       ]
     }
   );
-}, 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;
+}, 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;
   return /* @__PURE__ */ _(
-    A,
+    S,
     {
-      "aria-label": i ? n.is_hidden : n.is_flagged,
+      "aria-label": s ? n.is_hidden : n.is_flagged,
       tabIndex: t.tabIndex,
       children: [
-        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(
+        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(
           "svg",
           {
             "data-testid": "svg",
             style: {
               display: "inline-block",
               height: 16,
-              fill: r.palette.primary.light,
+              fill: o.palette.primary.light,
               verticalAlign: "middle",
               width: 16
             },
@@ -97,7 +108,7 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, 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: [
+}, 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: [
   /* @__PURE__ */ e(
     Ke,
     {
@@ -105,24 +116,24 @@ const ht = (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 })
-] }), xt = ({
+  /* @__PURE__ */ e(f, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
+] }), vt = ({
   height: t = "100dvh",
-  onCategoryClick: r,
+  onCategoryClick: o,
   onRowClick: n
 }) => {
-  const { transactions: a } = x(), { isCopyLoaded: i } = K(), { isLoading: l, sortedTransactions: d } = P(), { clearExpandedSplits: h, toggleSplit: f } = B();
+  const { transactions: a } = A(), { isCopyLoaded: s } = K(), { isLoading: c, sortedTransactions: d } = R(), { clearExpandedSplits: h, toggleSplit: C } = P();
   u.useEffect(() => () => h(), []);
   const m = u.useMemo(
-    () => d.map((s) => ({
-      id: s.guid,
+    () => d.map((i) => ({
+      id: i.guid,
       isHovering: !1,
-      ...s
+      ...i
     })),
     [d]
-  ), 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, {});
+  ), 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, {});
   const g = [
     {
       field: "flag",
@@ -130,15 +141,15 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (s) => /* @__PURE__ */ e(At, { ...s }),
+      renderCell: (i) => /* @__PURE__ */ e(wt, { ...i }),
       renderHeader: () => /* @__PURE__ */ e("span", { "aria-label": a.transaction_status, role: "presentation" })
     },
     {
       field: "date",
       headerName: a.date_title,
       width: 103,
-      renderHeader: E,
-      renderCell: (s) => s.row.parent_guid ? null : /* @__PURE__ */ e(bt, { ...s }),
+      renderHeader: O,
+      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(xt, { ...i }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -146,47 +157,47 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       field: "payee",
       headerName: a.payee_title,
       flex: 0.33,
-      renderHeader: E,
-      renderCell: St,
+      renderHeader: O,
+      renderCell: It,
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "category",
       headerName: a.category_title,
       flex: 0.25,
-      renderHeader: E,
-      renderCell: (s) => /* @__PURE__ */ e(yt, { ...s }),
+      renderHeader: O,
+      renderCell: (i) => /* @__PURE__ */ e(At, { ...i }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "account",
       headerName: a.account_title,
       flex: 0.33,
-      renderHeader: E,
-      renderCell: (s) => s.row.parent_guid ? null : /* @__PURE__ */ e(ht, { ...s }),
+      renderHeader: O,
+      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(yt, { ...i }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "amount",
       headerName: a.amount_title,
       flex: 0.25,
-      renderHeader: E,
-      renderCell: ft,
+      renderHeader: O,
+      renderCell: Tt,
       align: "right",
       headerAlign: "right",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(Ue, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    Fe,
+  return /* @__PURE__ */ e(Je, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    Qe,
     {
       columns: g,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
-      getCellClassName: (s) => s.row.parent_guid ? "split-row" : "",
+      getCellClassName: (i) => i.row.parent_guid ? "split-row" : "",
       hideFooter: !0,
       initialState: { sorting: { sortModel: [{ field: "date", sort: "desc" }] } },
-      loading: l,
+      loading: c,
       onCellClick: p,
       rows: m,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
@@ -197,47 +208,47 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, wt = S(xt), It = ({ copy: t, isOpen: r, onClose: n, onPrimaryAction: a }) => {
-  const { common: i, transactions: l } = x(), { isCopyLoaded: d } = K();
+}, Dt = b(vt), Nt = ({ copy: t, isOpen: o, onClose: n, onPrimaryAction: a }) => {
+  const { common: s, transactions: c } = A(), { isCopyLoaded: d } = K();
   return d ? /* @__PURE__ */ _(
-    se,
+    ce,
     {
       copy: {
         title: t.title
       },
-      isOpen: r,
+      isOpen: o,
       onClose: n,
       onPrimaryAction: a,
-      primaryText: l.add_manual_account,
-      secondaryText: i.cancel_button,
+      primaryText: c.add_manual_account,
+      secondaryText: s.cancel_button,
       children: [
-        /* @__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(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(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),
+  ) : /* @__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),
     [t]
-  ).map((o) => ({
-    label: `${o.name} | ${ie(o.balance, "0,0.00")}`,
-    value: o.guid
+  ).map((r) => ({
+    label: `${r.name} | ${le(r.balance, "0,0.00")}`,
+    value: r.guid
   })), g = {
-    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 });
+    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 });
   };
-  return /* @__PURE__ */ _(A, { className: "mx-txn-manual-transaction-details", children: [
+  return /* @__PURE__ */ _(S, { className: "mx-txn-manual-transaction-details", children: [
     /* @__PURE__ */ _(N, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ _(
         N,
@@ -246,7 +257,7 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
           children: [
             /* @__PURE__ */ e(
-              dt,
+              mt,
               {
                 allowDecimals: !0,
                 amount: d,
@@ -256,13 +267,13 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
                   noValidate: !0
                 },
                 label: n.amount_title,
-                setAmount: s,
-                setHasValidInput: i,
+                setAmount: i,
+                setHasValidInput: s,
                 sx: { bgcolor: "background.paper" },
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(ct, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(dt, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 ee,
                 {
@@ -291,223 +302,223 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
         {
           label: n.payee_title,
           name: "payee",
-          onChange: (o) => O(o.target.value),
+          onChange: (r) => E(r.target.value),
           sx: { bgcolor: "background.paper" },
-          value: f
+          value: C
         }
       ),
       /* @__PURE__ */ e(
         te,
         {
           InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: lt },
+          SelectProps: { defaultValue: -1, IconComponent: ut },
           label: n.manual_transaction_select_an_account,
-          onChange: (o) => I(o.target.value),
+          onChange: (r) => I(r.target.value),
           placeholder: n.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: p.map((o) => /* @__PURE__ */ e(it, { value: o.value, children: o.label }, o.value))
+          children: p.map((r) => /* @__PURE__ */ e(lt, { value: r.value, children: r.label }, r.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(st, { light: !0 }),
-    /* @__PURE__ */ _(A, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Re, { transaction: a }),
+    /* @__PURE__ */ e(ct, { light: !0 }),
+    /* @__PURE__ */ _(S, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(He, { transaction: a }),
-      /* @__PURE__ */ e(Be, { transaction: a }),
-      /* @__PURE__ */ e(Pe, { transaction: a })
+      /* @__PURE__ */ e(Pe, { transaction: a }),
+      /* @__PURE__ */ e(Ve, { transaction: a }),
+      /* @__PURE__ */ e($e, { transaction: a })
     ] })
   ] });
-}, 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),
+}, 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),
     [d]
   ), m = async (p) => {
-    await a({ ...r, category_guid: d }), p && await n(d, r), h(""), t();
+    await a({ ...o, category_guid: d }), p && await n(d, o), h(""), t();
   };
-  return /* @__PURE__ */ _(A, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ _(S, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
-      ut,
+      _t,
       {
-        initialSelected: r.category_guid,
+        initialSelected: o.category_guid,
         onClose: t,
         onSelect: (p) => h(p),
-        showDrawer: !!r,
-        title: i.actions_select_a_category
+        showDrawer: !!o,
+        title: s.actions_select_a_category
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ce,
       {
         copy: {
           title: ae(
-            i.actions_apply_to_all_transaction_types,
-            r.description
+            s.actions_apply_to_all_transaction_types,
+            o.description
           )
         },
         isOpen: !!d,
         onClose: () => m(!1),
         onPrimaryAction: () => m(!0),
         onSecondaryAction: () => m(!1),
-        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
+        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
         ) })
       }
     )
   ] });
-}, Et = S(Ot), oe = 120, Mt = ({
+}, Rt = b(kt), oe = 120, Lt = ({
   onBackClick: t,
-  height: r = "100dvh",
+  height: o = "100dvh",
   showInsights: n = !1,
   sx: a = {}
 }) => {
-  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,
+  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,
     isCopyLoaded: w,
-    isInitialized: O,
+    isInitialized: E,
     selectedAccountGuids: I,
-    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;
+    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;
   u.useEffect(() => {
-    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),
+    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),
       custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
       dateRange: { start: Q, end: Z }
-    }), we(!0), m(T.TRANSACTIONS_VIEW);
-  }, [i]), u.useEffect(() => {
-    U && (V({
-      ...j,
+    }), ve(!0), m(x.TRANSACTIONS_VIEW);
+  }, [s]), u.useEffect(() => {
+    U && ($({
+      ...q,
       accounts: v ? [v] : I,
-      dateRange: { start: s.start, end: s.end }
-    }), ue(s.start).finally());
-  }, [U, s, I]), u.useEffect(() => {
-    be(n);
+      dateRange: { start: i.start, end: i.end }
+    }), _e(i.start).finally());
+  }, [U, i, I]), u.useEffect(() => {
+    Ae(n);
   }, [n]);
-  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);
+  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 });
   }, Oe = () => {
-    Ie.length > 0 ? (Te({
-      ...We,
-      date: at(z()),
-      user_guid: Ae?.user_guid || ""
+    re(pe, ge), m(x.TRANSACTIONS_CLICK_EXPORT);
+  }, Me = () => {
+    De.length > 0 ? (xe({
+      ...ze,
+      date: ot(z()),
+      user_guid: Se?.user_guid || ""
     }), y(
       "addTransaction"
       /* AddTransaction */
-    ), 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);
+    ), m(x.TRANSACTIONS_CLICK_ADD)) : (G(!0), m(x.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, ke = async () => {
-    Y(!1), await l();
+    J && await me(B), y("");
+  }, Re = () => {
+    G(!1), Y(!0);
   }, Le = async () => {
-    b && !b.has_been_viewed && await ge({ ...b, has_been_viewed: !0 }), y("");
+    Y(!1), await c();
+  }, Be = async () => {
+    T && !T.has_been_viewed && await Ce({ ...T, has_been_viewed: !0 }), y("");
   };
-  if (!w || !O || !U)
-    return /* @__PURE__ */ e(q, {});
+  if (!w || !E || !U)
+    return /* @__PURE__ */ e(j, {});
   const F = [];
-  return !d && (ce || le) && F.push({
+  return !d && (de || ue) && F.push({
     iconName: "open_in_new",
     label: g.export_csv_btn,
-    onClick: Ne
+    onClick: Oe
   }), F.push({
     iconName: "add",
     label: g.add_transaction_btn,
-    onClick: Oe
+    onClick: Me
   }), /* @__PURE__ */ _(
-    _t,
+    gt,
     {
-      ...!v && { accountOptions: i },
+      ...!v && { accountOptions: s },
       actions: F,
       calendarActions: {
-        onRangeChanged: ve
+        onRangeChanged: Ne
       },
-      onAccountsFilterClick: () => m(T.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(x.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: a,
       title: g.transactions_title,
       children: [
-        /* @__PURE__ */ e(A, { mt: 16, children: /* @__PURE__ */ e(
-          gt,
+        /* @__PURE__ */ e(S, { mt: 16, children: /* @__PURE__ */ e(
+          Ct,
           {
-            onChange: De,
+            onChange: Ee,
             placeholder: g.action_bar_search_placeholder,
-            searchValue: Ce
+            searchValue: Te
           }
         ) }),
         /* @__PURE__ */ e(
-          A,
+          S,
           {
             sx: {
-              [k.breakpoints.down("md")]: { display: "none" },
-              [k.breakpoints.up("md")]: { display: "block" }
+              [L.breakpoints.down("md")]: { display: "none" },
+              [L.breakpoints.up("md")]: { display: "block" }
             },
             children: /* @__PURE__ */ e(
-              wt,
+              Dt,
               {
-                height: `calc(${r} - ${oe}px)`,
-                onCategoryClick: (c) => {
-                  R(c), y(
+                height: `calc(${o} - ${oe}px)`,
+                onCategoryClick: (l) => {
+                  H(l), y(
                     "category"
                     /* Category */
                   );
                 },
-                onRowClick: (c) => {
-                  R(c), y(
+                onRowClick: (l) => {
+                  H(l), y(
                     "transaction"
                     /* Transaction */
-                  ), m(T.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
+                  ), m(x.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: l });
                 }
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          A,
+          S,
           {
             sx: {
-              [k.breakpoints.down("md")]: { display: "block" },
-              [k.breakpoints.up("md")]: { display: "none" }
+              [L.breakpoints.down("md")]: { display: "block" },
+              [L.breakpoints.up("md")]: { display: "none" }
             },
             children: /* @__PURE__ */ e(
-              $e,
+              We,
               {
-                height: `calc(${r} - ${oe}px)`,
-                onClick: (c) => {
-                  R(c), y(
+                height: `calc(${o} - ${oe}px)`,
+                onClick: (l) => {
+                  H(l), y(
                     "transaction"
                     /* Transaction */
                   );
@@ -522,19 +533,19 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
           ne,
           {
             ariaLabelClose: p.close_aria,
-            isOpen: W === "transaction" && !!b,
-            onClose: Le,
+            isOpen: W === "transaction" && !!T,
+            onClose: Be,
             title: g.details_title,
-            children: b && /* @__PURE__ */ e(Ve, { transaction: b })
+            children: T && /* @__PURE__ */ e(Ge, { transaction: T })
           }
         ),
-        b && W === "category" && /* @__PURE__ */ e(
-          Et,
+        T && W === "category" && /* @__PURE__ */ e(
+          Rt,
           {
             onClose: () => {
-              f(""), y(""), R("");
+              C(""), y(""), H("");
             },
-            transaction: b
+            transaction: T
           }
         ),
         /* @__PURE__ */ e(
@@ -544,47 +555,47 @@ const ht = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small",
             isOpen: W === "addTransaction",
             isPrimaryDisabled: !J,
             onClose: () => y(""),
-            onPrimaryAction: Ee,
+            onPrimaryAction: ke,
             title: g.add_transaction_title,
-            children: /* @__PURE__ */ e(Nt, {})
+            children: /* @__PURE__ */ e(Mt, {})
           }
         ),
         /* @__PURE__ */ e(
-          vt,
+          Et,
           {
             copy: { title: g.add_manual_account },
-            isOpen: Se,
+            isOpen: we,
             onClose: () => {
               G(!1);
             },
-            onPrimaryAction: Me
+            onPrimaryAction: Re
           }
         ),
         /* @__PURE__ */ e(
-          rt,
+          it,
           {
-            onClose: ke,
-            showConnectWidget: xe,
+            onClose: Le,
+            showConnectWidget: Ie,
             title: g.add_manual_account
           }
         )
       ]
     }
   );
-}, pa = S(Mt);
+}, fa = b(Lt);
 export {
-  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
+  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
 };