@mx-cartographer/experiences 7.13.21 → 7.13.22-alpha.al0

package/dist/transactions/index.es.js

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