@mx-cartographer/experiences 7.0.1 → 7.0.2-alpha.al0

package/CHANGELOG.md

@@ -1,8 +1,12 @@
+## [7.0.2] - 09-17-2025
+
+- **ADDED** - Transactions widget supports account-specific requests
+
 ## [7.0.1] - 09-16-2025
 
 - **UPDATED** removed categories list and insights microcarousel from table view in 'TrendsWidget'
 
-## [7.0.0] - 09-15-2025
+## [7.0.0] - 09-16-2025
 
 - **UPDATED** - Avoid-barrel implementation
 

package/dist/common/types/AppData.d.ts

@@ -28,9 +28,13 @@ export interface Banner {
     image_url?: string;
     redirect_url?: string;
 }
+interface TransactionConfig {
+    selected_account_guid?: string;
+}
 export interface ClientConfig {
     color_scheme?: 'light' | 'dark' | 'browser';
     master?: MasterConfig;
+    transactions?: TransactionConfig;
     [key: string]: any;
 }
 export interface MasterConfig {
@@ -143,3 +147,4 @@ export interface Options {
     subtype?: string;
     type?: string;
 }
+export {};

package/dist/transactions/index.es.js

@@ -1,58 +1,58 @@
-import { T as pa } from "../TransactionApi-DbbcjI2L.mjs";
-import { u as H, C as Me, D as ke, M as Le, c as Re, T as He, a as Be } from "../TransactionDetails-D4B9DSWo.mjs";
-import { B as ha, d as fa, b as Ca } from "../TransactionDetails-D4B9DSWo.mjs";
-import { T as E } from "../Transaction-CyqrHmAA.mjs";
-import { O as ba } from "../Transaction-CyqrHmAA.mjs";
-import { S as Z, D as Pe } from "../TransactionStore-DSyXtPek.mjs";
-import { T as Aa } from "../TransactionStore-DSyXtPek.mjs";
-import { e as $e } from "../exportTransactionsToCSV-BlVifaOG.mjs";
-import { E as xa } from "../ExportCsvAction-dpvaZxbS.mjs";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import m from "react";
+import { T as ha } from "../TransactionApi-DbbcjI2L.mjs";
+import { u as B, C as Le, D as Re, M as He, c as Be, T as Pe, a as $e } from "../TransactionDetails-D4B9DSWo.mjs";
+import { B as Ca, d as ya, b as ba } from "../TransactionDetails-D4B9DSWo.mjs";
+import { T as M } from "../Transaction-CyqrHmAA.mjs";
+import { O as Aa } from "../Transaction-CyqrHmAA.mjs";
+import { S as ee, D as Ve } from "../TransactionStore-DSyXtPek.mjs";
+import { T as xa } from "../TransactionStore-DSyXtPek.mjs";
+import { e as We } from "../exportTransactionsToCSV-BlVifaOG.mjs";
+import { E as Ia } from "../ExportCsvAction-dpvaZxbS.mjs";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
+import u from "react";
 import { observer as S } from "mobx-react-lite";
-import Ve from "@mui/material/Paper";
-import { DataGridPro as We } from "@mui/x-data-grid-pro";
+import Ge from "@mui/material/Paper";
+import { DataGridPro as Ue } from "@mui/x-data-grid-pro";
 import A from "@mui/material/Box";
-import { useTheme as Ge } from "@mui/material/styles";
-import { Text as f, Icon as R, MerchantLogo as Ue, TextField as ee, P as Fe } from "@mxenabled/mxui";
-import { f as B, u as x, a as z, c as oe, l as ze, k as Ke, e as qe, o as je } from "../hooks-02T565vf.mjs";
-import { fromUnixTime as Xe } from "date-fns/fromUnixTime";
-import { f as Ye, D as Je, a as re } from "../Dialog-CWW597AF.mjs";
+import { useTheme as Fe } from "@mui/material/styles";
+import { Text as C, Icon as H, MerchantLogo as ze, TextField as te, P as Ke } from "@mxenabled/mxui";
+import { f as P, u as x, a as K, c as re, l as qe, k as je, e as Xe, o as Ye } from "../hooks-02T565vf.mjs";
+import { fromUnixTime as Je } from "date-fns/fromUnixTime";
+import { f as Qe, D as Ze, a as se } from "../Dialog-CWW597AF.mjs";
 import N from "@mui/material/Stack";
-import { f as se } from "../NumberFormatting-CtWHhyBX.mjs";
-import { L as K } from "../Loader-Dp1P2gNw.mjs";
-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 tt from "@mui/material/styles/useTheme";
-import { j as at } from "../ConnectDrawer-WfKHsHSF.mjs";
-import nt from "@mui/material/Divider";
-import ot from "@mui/material/MenuItem";
-import rt from "@mui/material/RadioGroup";
-import st from "@mui/icons-material/ExpandMore";
-import { C as it } from "../CurrencyInput-CSZjO22Z.mjs";
-import { a as ct, u as lt } from "../CategorySelectorDrawer-Dyzb3UDU.mjs";
-import { b as te } from "../Localization-2MODESHW.mjs";
-import { A as T, W as dt } from "../WidgetContainer-BG-fdDOf.mjs";
-import { u as ut } from "../useScreenSize-B6JyS_Lj.mjs";
-import { S as mt } from "../SearchBox-B2_zLv8-.mjs";
-import { D as ae } from "../Drawer-kEE73B87.mjs";
-const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small", children: [
+import { f as ie } from "../NumberFormatting-CtWHhyBX.mjs";
+import { L as q } from "../Loader-Dp1P2gNw.mjs";
+import { endOfMonth as et } from "date-fns/endOfMonth";
+import { getUnixTime as tt } from "date-fns/getUnixTime";
+import { startOfMonth as at } from "date-fns/startOfMonth";
+import { startOfToday as z } from "date-fns/startOfToday";
+import nt from "@mui/material/styles/useTheme";
+import { j as ot } from "../ConnectDrawer-WfKHsHSF.mjs";
+import rt from "@mui/material/Divider";
+import st from "@mui/material/MenuItem";
+import it from "@mui/material/RadioGroup";
+import ct from "@mui/icons-material/ExpandMore";
+import { C as lt } from "../CurrencyInput-CSZjO22Z.mjs";
+import { a as dt, u as ut } from "../CategorySelectorDrawer-Dyzb3UDU.mjs";
+import { b as ae } from "../Localization-2MODESHW.mjs";
+import { A as T, W as mt } from "../WidgetContainer-BG-fdDOf.mjs";
+import { u as _t } from "../useScreenSize-B6JyS_Lj.mjs";
+import { S as pt } from "../SearchBox-B2_zLv8-.mjs";
+import { D as ne } from "../Drawer-kEE73B87.mjs";
+const gt = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
-] }), pt = (t) => {
-  const { associatedBeats: r } = B(), { showInsights: n } = H(), { amount: a, transaction_type: s } = t.row, l = r.find((g) => g.associated_transaction_guid === t.row.guid), d = s === E.CREDIT;
-  return /* @__PURE__ */ p(N, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ p(f, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
+] }), ht = (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__ */ _(C, { color: d ? "success.main" : "text.primary", variant: "Small", children: [
       d ? "+" : "",
-      se(a, "0,0.00")
+      ie(a, "0,0.00")
     ] }),
-    l && n && /* @__PURE__ */ e(f, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
+    l && n && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: l.short_title })
   ] });
-}, gt = (t) => {
-  const { transactions: r } = x(), [n, a] = m.useState(!1);
-  return /* @__PURE__ */ p(
+}, ft = (t) => {
+  const { transactions: r } = x(), [n, a] = u.useState(!1);
+  return /* @__PURE__ */ _(
     N,
     {
       alignItems: "center",
@@ -63,23 +63,23 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
       onMouseLeave: () => a(!1),
       width: "100%",
       children: [
-        t.row.has_been_split && /* @__PURE__ */ e(R, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(f, { 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(R, { 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" } })
       ]
     }
   );
-}, ht = S(gt), ft = (t) => /* @__PURE__ */ e(f, { tabIndex: t.tabIndex, variant: "Small", children: Ye(Xe(t.row.date), Je.MONTH_DAY) }), Ct = (t) => {
-  const r = Ge(), { transactions: n } = x(), { is_flagged: a, is_hidden: s, has_been_viewed: l, parent_guid: d } = t.row, _ = !l && !!!d;
-  return /* @__PURE__ */ p(
+}, Ct = S(ft), yt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: Qe(Je(t.row.date), Ze.MONTH_DAY) }), bt = (t) => {
+  const r = Fe(), { transactions: n } = x(), { is_flagged: a, is_hidden: i, has_been_viewed: l, parent_guid: d } = t.row, f = !l && !!!d;
+  return /* @__PURE__ */ _(
     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(R, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-        !a && s && /* @__PURE__ */ e(R, { name: "visibility_off", size: 16 }),
-        _ && /* @__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",
@@ -97,48 +97,48 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, yt = S(Ct), O = (t) => /* @__PURE__ */ e(f, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), bt = (t) => /* @__PURE__ */ p(N, { alignItems: "center", direction: "row", gap: 8, children: [
+}, Tt = S(bt), E = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), At = (t) => /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
-    Ue,
+    ze,
     {
       categoryGuid: t.row.top_level_category_guid || "",
       merchantGuid: t.row.merchant_guid || ""
     }
   ),
-  /* @__PURE__ */ e(f, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
-] }), Tt = ({
+  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
+] }), St = ({
   height: t = "100dvh",
   onCategoryClick: r,
   onRowClick: n
 }) => {
-  const { transactions: a } = x(), { isCopyLoaded: s } = z(), { isLoading: l, sortedTransactions: d } = B(), { clearExpandedSplits: g, toggleSplit: _ } = H();
-  m.useEffect(() => () => g(), []);
-  const h = m.useMemo(
-    () => d.map((i) => ({
-      id: i.guid,
+  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((s) => ({
+      id: s.guid,
       isHovering: !1,
-      ...i
+      ...s
     })),
     [d]
-  ), u = ({ row: { id: i, guid: w, has_been_split: I }, field: v }) => I ? _(i) : v === "category" ? r?.(w) : n?.(w);
-  if (!s)
-    return /* @__PURE__ */ e(K, {});
-  const C = [
+  ), 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",
       headerName: "",
       minWidth: 32,
       width: 32,
       sortable: !1,
-      renderCell: (i) => /* @__PURE__ */ e(yt, { ...i }),
+      renderCell: (s) => /* @__PURE__ */ e(Tt, { ...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(ft, { ...i }),
+      renderHeader: E,
+      renderCell: (s) => s.row.parent_guid ? null : /* @__PURE__ */ e(yt, { ...s }),
       sortingOrder: ["desc", "asc"]
     },
     {
@@ -146,49 +146,49 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
       field: "payee",
       headerName: a.payee_title,
       flex: 0.33,
-      renderHeader: O,
-      renderCell: bt,
+      renderHeader: E,
+      renderCell: At,
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "category",
       headerName: a.category_title,
       flex: 0.25,
-      renderHeader: O,
-      renderCell: (i) => /* @__PURE__ */ e(ht, { ...i }),
+      renderHeader: E,
+      renderCell: (s) => /* @__PURE__ */ e(Ct, { ...s }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "account",
       headerName: a.account_title,
       flex: 0.33,
-      renderHeader: O,
-      renderCell: (i) => i.row.parent_guid ? null : /* @__PURE__ */ e(_t, { ...i }),
+      renderHeader: E,
+      renderCell: (s) => s.row.parent_guid ? null : /* @__PURE__ */ e(gt, { ...s }),
       sortingOrder: ["asc", "desc"]
     },
     {
       field: "amount",
       headerName: a.amount_title,
       flex: 0.25,
-      renderHeader: O,
-      renderCell: pt,
+      renderHeader: E,
+      renderCell: ht,
       align: "right",
       headerAlign: "right",
       sortingOrder: ["asc", "desc"]
     }
   ];
-  return /* @__PURE__ */ e(Ve, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
-    We,
+  return /* @__PURE__ */ e(Ge, { sx: { height: t, px: 24, width: "100%", boxShadow: "none" }, children: /* @__PURE__ */ e(
+    Ue,
     {
-      columns: C,
+      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: l,
-      onCellClick: u,
-      rows: h,
+      onCellClick: p,
+      rows: m,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
       sx: {
         "& .split-row": {
@@ -197,10 +197,10 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, At = S(Tt), St = ({ copy: t, isOpen: r, onClose: n, onPrimaryAction: a }) => {
-  const { common: s, transactions: l } = x(), { isCopyLoaded: d } = z();
-  return d ? /* @__PURE__ */ p(
-    re,
+}, xt = S(St), wt = ({ copy: t, isOpen: r, onClose: n, onPrimaryAction: a }) => {
+  const { common: i, transactions: l } = x(), { isCopyLoaded: d } = K();
+  return d ? /* @__PURE__ */ _(
+    se,
     {
       copy: {
         title: t.title
@@ -209,77 +209,77 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
       onClose: n,
       onPrimaryAction: a,
       primaryText: l.add_manual_account,
-      secondaryText: s.cancel_button,
+      secondaryText: i.cancel_button,
       children: [
-        /* @__PURE__ */ e(f, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: l.add_account_modal_message }),
-        /* @__PURE__ */ e(f, { component: "p", truncate: !1, children: l.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(K, {});
-}, xt = S(St), wt = () => {
-  const { visibleAccounts: t } = oe(), { common: r, transactions: n } = x(), { manualTransaction: a, setIsAmountValid: s, updateManualTransaction: l } = H(), [d, g] = m.useState(""), [_, h] = m.useState(""), u = m.useMemo(
+  ) : /* @__PURE__ */ e(q, {});
+}, It = S(wt), vt = () => {
+  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((o) => ({
-    label: `${o.name} | ${se(o.balance, "0,0.00")}`,
+    label: `${o.name} | ${ie(o.balance, "0,0.00")}`,
     value: o.guid
-  })), C = {
+  })), 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
-  }, i = (o) => {
-    g(o), l({ ...a, amount: Number(o) });
-  }, w = (o, P) => {
-    l({ ...a, transaction_type: Number(P) });
+  }, 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) => {
-    h(o), l({ ...a, payee: o, description: o });
-  }, v = (o) => {
     l({ ...a, account_guid: o });
   };
-  return /* @__PURE__ */ p(A, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ p(N, { gap: 40, mx: 24, my: 32, children: [
-      /* @__PURE__ */ p(
+  return /* @__PURE__ */ _(A, { className: "mx-txn-manual-transaction-details", children: [
+    /* @__PURE__ */ _(N, { gap: 40, mx: 24, my: 32, children: [
+      /* @__PURE__ */ _(
         N,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
           children: [
             /* @__PURE__ */ e(
-              it,
+              lt,
               {
                 allowDecimals: !0,
                 amount: d,
                 ariaLabel: n.amount_title,
-                copy: C,
+                copy: g,
                 inputProps: {
                   noValidate: !0
                 },
                 label: n.amount_title,
-                setAmount: i,
-                setHasValidInput: s,
+                setAmount: s,
+                setHasValidInput: i,
                 sx: { bgcolor: "background.paper" },
                 type: "number"
               }
             ),
-            /* @__PURE__ */ e(rt, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ p(N, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(it, { name: "TransactionType", onChange: w, row: !0, children: /* @__PURE__ */ _(N, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
-                Z,
+                ee,
                 {
-                  checked: a.transaction_type === E.CREDIT,
+                  checked: a.transaction_type === M.CREDIT,
                   label: n.manual_transaction_credit_button_label,
                   sx: { ml: { xs: 0, sm: 8 } },
                   tooltip: n.manual_transaction_credit_button_tooltip,
-                  value: E.CREDIT
+                  value: M.CREDIT
                 }
               ),
               /* @__PURE__ */ e(
-                Z,
+                ee,
                 {
-                  checked: a.transaction_type === E.DEBIT,
+                  checked: a.transaction_type === M.DEBIT,
                   label: n.manual_transaction_debit_button_label,
                   tooltip: n.manual_transaction_debit_button_tooltip,
-                  value: E.DEBIT
+                  value: M.DEBIT
                 }
               )
             ] }) })
@@ -287,208 +287,208 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
         }
       ),
       /* @__PURE__ */ e(
-        ee,
+        te,
         {
           label: n.payee_title,
           name: "payee",
-          onChange: (o) => I(o.target.value),
+          onChange: (o) => O(o.target.value),
           sx: { bgcolor: "background.paper" },
-          value: _
+          value: f
         }
       ),
       /* @__PURE__ */ e(
-        ee,
+        te,
         {
           InputLabelProps: { shrink: !0 },
-          SelectProps: { defaultValue: -1, IconComponent: st },
+          SelectProps: { defaultValue: -1, IconComponent: ct },
           label: n.manual_transaction_select_an_account,
-          onChange: (o) => v(o.target.value),
+          onChange: (o) => I(o.target.value),
           placeholder: n.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: u.map((o) => /* @__PURE__ */ e(ot, { value: o.value, children: o.label }, o.value))
+          children: p.map((o) => /* @__PURE__ */ e(st, { value: o.value, children: o.label }, o.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(nt, { light: !0 }),
-    /* @__PURE__ */ p(A, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Me, { transaction: a }),
-      /* @__PURE__ */ e(ke, { transaction: a }),
+    /* @__PURE__ */ e(rt, { light: !0 }),
+    /* @__PURE__ */ _(A, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(Le, { transaction: a }),
-      /* @__PURE__ */ e(Re, { transaction: a })
+      /* @__PURE__ */ e(Re, { transaction: a }),
+      /* @__PURE__ */ e(He, { transaction: a }),
+      /* @__PURE__ */ e(Be, { transaction: a })
     ] })
   ] });
-}, It = S(wt), vt = ({ onClose: t, transaction: r }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: a } = B(), { transactions: s } = x(), { categories: l } = ze(), [d, g] = m.useState(""), _ = m.useMemo(
-    () => l.find((u) => u.guid === d),
+}, Dt = S(vt), Nt = ({ onClose: t, transaction: r }) => {
+  const { addOrUpdateTransactionRule: n, updateTransaction: a } = P(), { transactions: i } = x(), { categories: l } = qe(), [d, h] = u.useState(""), f = u.useMemo(
+    () => l.find((p) => p.guid === d),
     [d]
-  ), h = async (u) => {
-    await a({ ...r, category_guid: d }), u && await n(d, r), g(""), t();
+  ), m = async (p) => {
+    await a({ ...r, category_guid: d }), p && await n(d, r), h(""), t();
   };
-  return /* @__PURE__ */ p(A, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ _(A, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
-      ct,
+      dt,
       {
         initialSelected: r.category_guid,
         onClose: t,
-        onSelect: (u) => g(u),
+        onSelect: (p) => h(p),
         showDrawer: !!r,
-        title: s.actions_select_a_category
+        title: i.actions_select_a_category
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      se,
       {
         copy: {
-          title: te(
-            s.actions_apply_to_all_transaction_types,
+          title: ae(
+            i.actions_apply_to_all_transaction_types,
             r.description
           )
         },
         isOpen: !!d,
-        onClose: () => h(!1),
-        onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => h(!1),
-        primaryText: s.actions_apply_to_all,
-        secondaryText: s.actions_this_time_only,
-        children: /* @__PURE__ */ e(Fe, { variant: "Paragraph", children: te(
-          s.actions_all_past_and_future,
+        onClose: () => m(!1),
+        onPrimaryAction: () => m(!0),
+        onSecondaryAction: () => m(!1),
+        primaryText: i.actions_apply_to_all,
+        secondaryText: i.actions_this_time_only,
+        children: /* @__PURE__ */ e(Ke, { variant: "Paragraph", children: ae(
+          i.actions_all_past_and_future,
           r.description,
-          _?.name
+          f?.name
         ) })
       }
     )
   ] });
-}, Dt = S(vt), ne = 120, Nt = ({
+}, Ot = S(Nt), oe = 120, Et = ({
   onBackClick: t,
   height: r = "100dvh",
   showInsights: n = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: s, refreshAccounts: l } = oe(), { is_mobile_webview: d } = Ke(), { setSearchValue: g } = lt(), { onEvent: _ } = qe(), { common: h, transactions: u } = x(), {
-    displayedDateRange: C,
-    isCopyLoaded: i,
-    isInitialized: w,
+  const { visibleAccounts: i, refreshAccounts: l } = re(), { is_mobile_webview: d, clientConfig: h } = je(), { setSearchValue: f } = ut(), { onEvent: m } = Xe(), { common: p, transactions: g } = x(), {
+    displayedDateRange: s,
+    isCopyLoaded: w,
+    isInitialized: O,
     selectedAccountGuids: I,
-    setDisplayedDate: v,
-    setSelectedAccounts: o
-  } = z(), { isDesktop: P, isTablet: ie } = ut(), M = tt(), {
-    addTransaction: ce,
-    filter: q,
-    loadAssociatedBeats: le,
-    setFilter: $,
-    sortedTransactionsWithSplits: de,
-    tags: ue,
-    transactions: me,
-    updateTransaction: _e
-  } = B(), {
-    manualTransaction: k,
-    isAmountValid: pe,
-    searchValue: ge,
-    setSearchValue: he,
-    setShowInsights: fe,
-    updateManualTransaction: Ce
-  } = H(), { userProfile: ye } = je(), [V, y] = m.useState(""), [j, L] = m.useState(""), [be, W] = m.useState(!1), [Te, X] = m.useState(!1), [G, Ae] = m.useState(!1);
-  m.useEffect(() => {
-    const c = s.filter((D) => !D.is_hidden), J = et(F()), Q = Qe(F());
-    o(c), v(J, Q), $({
+    setDisplayedDate: o,
+    setSelectedAccounts: $
+  } = K(), { isDesktop: ce, isTablet: le } = _t(), k = nt(), {
+    addTransaction: de,
+    filter: j,
+    loadAssociatedBeats: ue,
+    setFilter: V,
+    sortedTransactionsWithSplits: me,
+    tags: _e,
+    transactions: pe,
+    updateTransaction: ge
+  } = P(), {
+    manualTransaction: L,
+    isAmountValid: he,
+    searchValue: fe,
+    setSearchValue: Ce,
+    setShowInsights: ye,
+    updateManualTransaction: be
+  } = B(), { userProfile: Te } = Ye(), [W, y] = u.useState(""), [X, R] = u.useState(""), [Ae, G] = u.useState(!1), [Se, Y] = u.useState(!1), [U, xe] = u.useState(!1), v = h?.transactions?.selected_account_guid;
+  u.useEffect(() => {
+    const c = v ? [{ guid: v }] : i.filter((D) => !D.is_hidden), Q = at(z()), Z = et(z());
+    v || $(c), o(Q, Z), V({
       accounts: c.map((D) => D.guid),
       custom: (D) => !D.accountIsClosed && !D.accountIsHidden,
-      dateRange: { start: J, end: Q }
-    }), Ae(!0), _(T.TRANSACTIONS_VIEW);
-  }, [s]), m.useEffect(() => {
-    G && ($({
-      ...q,
-      accounts: I,
-      dateRange: { start: C.start, end: C.end }
-    }), le(C.start).finally());
-  }, [G, C, I]), m.useEffect(() => {
-    fe(n);
+      dateRange: { start: Q, end: Z }
+    }), xe(!0), m(T.TRANSACTIONS_VIEW);
+  }, [i]), u.useEffect(() => {
+    U && (V({
+      ...j,
+      accounts: v ? [v] : I,
+      dateRange: { start: s.start, end: s.end }
+    }), ue(s.start).finally());
+  }, [U, s, I]), u.useEffect(() => {
+    ye(n);
   }, [n]);
-  const Se = m.useMemo(
-    () => s.filter((c) => c.is_manual),
-    [s]
-  ), b = j ? me.find((c) => c.guid === j) : void 0, Y = pe && !!k.payee && !!k.account_guid && !!k.category_guid, xe = (c) => {
-    v(c[0], c[1]);
-  }, we = (c) => {
-    he(c), $({
-      ...q,
+  const we = u.useMemo(
+    () => i.filter((c) => c.is_manual),
+    [i]
+  ), b = X ? pe.find((c) => c.guid === X) : void 0, J = he && !!L.payee && !!L.account_guid && !!L.category_guid, Ie = (c) => {
+    o(c[0], c[1]);
+  }, ve = (c) => {
+    Ce(c), V({
+      ...j,
       searchTerm: c
-    }), _(T.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
-  }, Ie = () => {
-    $e(de, ue), _(T.TRANSACTIONS_CLICK_EXPORT);
-  }, ve = () => {
-    Se.length > 0 ? (Ce({
-      ...Pe,
-      date: Ze(F()),
-      user_guid: ye?.user_guid || ""
+    }), m(T.TRANSACTIONS_CLICK_SEARCH, { search_term: c });
+  }, De = () => {
+    We(me, _e), m(T.TRANSACTIONS_CLICK_EXPORT);
+  }, Ne = () => {
+    we.length > 0 ? (be({
+      ...Ve,
+      date: tt(z()),
+      user_guid: Te?.user_guid || ""
     }), y(
       "addTransaction"
       /* AddTransaction */
-    ), _(T.TRANSACTIONS_CLICK_ADD)) : (W(!0), _(T.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
-  }, De = async () => {
-    Y && await ce(k), y("");
-  }, Ne = () => {
-    W(!1), X(!0);
+    ), m(T.TRANSACTIONS_CLICK_ADD)) : (G(!0), m(T.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Oe = async () => {
-    X(!1), await l();
-  }, Ee = async () => {
-    b && !b.has_been_viewed && await _e({ ...b, has_been_viewed: !0 }), y("");
+    J && await de(L), y("");
+  }, Ee = () => {
+    G(!1), Y(!0);
+  }, Me = async () => {
+    Y(!1), await l();
+  }, ke = async () => {
+    b && !b.has_been_viewed && await ge({ ...b, has_been_viewed: !0 }), y("");
   };
-  if (!i || !w || !G)
-    return /* @__PURE__ */ e(K, {});
-  const U = [];
-  return !d && (P || ie) && U.push({
+  if (!w || !O || !U)
+    return /* @__PURE__ */ e(q, {});
+  const F = [];
+  return !d && (ce || le) && F.push({
     iconName: "open_in_new",
-    label: u.export_csv_btn,
-    onClick: Ie
-  }), U.push({
+    label: g.export_csv_btn,
+    onClick: De
+  }), F.push({
     iconName: "add",
-    label: u.add_transaction_btn,
-    onClick: ve
-  }), /* @__PURE__ */ p(
-    dt,
+    label: g.add_transaction_btn,
+    onClick: Ne
+  }), /* @__PURE__ */ _(
+    mt,
     {
-      accountOptions: s,
-      actions: U,
+      ...!v && { accountOptions: i },
+      actions: F,
       calendarActions: {
-        onRangeChanged: xe
+        onRangeChanged: Ie
       },
-      onAccountsFilterClick: () => _(T.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(T.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: a,
-      title: u.transactions_title,
+      title: g.transactions_title,
       children: [
         /* @__PURE__ */ e(A, { mt: 16, children: /* @__PURE__ */ e(
-          mt,
+          pt,
           {
-            onChange: we,
-            placeholder: u.action_bar_search_placeholder,
-            searchValue: ge
+            onChange: ve,
+            placeholder: g.action_bar_search_placeholder,
+            searchValue: fe
           }
         ) }),
         /* @__PURE__ */ e(
           A,
           {
             sx: {
-              [M.breakpoints.down("md")]: { display: "none" },
-              [M.breakpoints.up("md")]: { display: "block" }
+              [k.breakpoints.down("md")]: { display: "none" },
+              [k.breakpoints.up("md")]: { display: "block" }
             },
             children: /* @__PURE__ */ e(
-              At,
+              xt,
               {
-                height: `calc(${r} - ${ne}px)`,
+                height: `calc(${r} - ${oe}px)`,
                 onCategoryClick: (c) => {
-                  L(c), y(
+                  R(c), y(
                     "category"
                     /* Category */
                   );
                 },
                 onRowClick: (c) => {
-                  L(c), y(
+                  R(c), y(
                     "transaction"
                     /* Transaction */
-                  ), _(T.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
+                  ), m(T.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: c });
                 }
               }
             )
@@ -498,15 +498,15 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
           A,
           {
             sx: {
-              [M.breakpoints.down("md")]: { display: "block" },
-              [M.breakpoints.up("md")]: { display: "none" }
+              [k.breakpoints.down("md")]: { display: "block" },
+              [k.breakpoints.up("md")]: { display: "none" }
             },
             children: /* @__PURE__ */ e(
-              He,
+              Pe,
               {
-                height: `calc(${r} - ${ne}px)`,
+                height: `calc(${r} - ${oe}px)`,
                 onClick: (c) => {
-                  L(c), y(
+                  R(c), y(
                     "transaction"
                     /* Transaction */
                   );
@@ -518,72 +518,72 @@ const _t = (t) => /* @__PURE__ */ p(f, { tabIndex: t.tabIndex, variant: "Small",
           }
         ),
         /* @__PURE__ */ e(
-          ae,
+          ne,
           {
-            ariaLabelClose: h.close_aria,
-            isOpen: V === "transaction" && !!b,
-            onClose: Ee,
-            title: u.details_title,
-            children: b && /* @__PURE__ */ e(Be, { transaction: b })
+            ariaLabelClose: p.close_aria,
+            isOpen: W === "transaction" && !!b,
+            onClose: ke,
+            title: g.details_title,
+            children: b && /* @__PURE__ */ e($e, { transaction: b })
           }
         ),
-        b && V === "category" && /* @__PURE__ */ e(
-          Dt,
+        b && W === "category" && /* @__PURE__ */ e(
+          Ot,
           {
             onClose: () => {
-              g(""), y(""), L("");
+              f(""), y(""), R("");
             },
             transaction: b
           }
         ),
         /* @__PURE__ */ e(
-          ae,
+          ne,
           {
-            ariaLabelClose: h.close_aria,
-            isOpen: V === "addTransaction",
-            isPrimaryDisabled: !Y,
+            ariaLabelClose: p.close_aria,
+            isOpen: W === "addTransaction",
+            isPrimaryDisabled: !J,
             onClose: () => y(""),
-            onPrimaryAction: De,
-            title: u.add_transaction_title,
-            children: /* @__PURE__ */ e(It, {})
+            onPrimaryAction: Oe,
+            title: g.add_transaction_title,
+            children: /* @__PURE__ */ e(Dt, {})
           }
         ),
         /* @__PURE__ */ e(
-          xt,
+          It,
           {
-            copy: { title: u.add_manual_account },
-            isOpen: be,
+            copy: { title: g.add_manual_account },
+            isOpen: Ae,
             onClose: () => {
-              W(!1);
+              G(!1);
             },
-            onPrimaryAction: Ne
+            onPrimaryAction: Ee
           }
         ),
         /* @__PURE__ */ e(
-          at,
+          ot,
           {
-            onClose: Oe,
-            showConnectWidget: Te,
-            title: u.add_manual_account
+            onClose: Me,
+            showConnectWidget: Se,
+            title: g.add_manual_account
           }
         )
       ]
     }
   );
-}, ua = S(Nt);
+}, _a = S(Et);
 export {
-  xt as AddAccountModal,
-  ha as BottomActions,
-  xa as ExportCsvAction,
-  ba as TRANSACTION_EVENTS,
-  fa as TopActions,
-  pa as TransactionApi,
-  Be as TransactionDetails,
-  He as TransactionList,
-  Ca as TransactionRow,
-  Aa as TransactionStore,
-  At as TransactionTable,
-  ua as TransactionWidget,
-  $e as exportTransactionsToCSV,
-  H as useTransactionsUiStore
+  It as AddAccountModal,
+  Ca as BottomActions,
+  Ia as ExportCsvAction,
+  Aa as TRANSACTION_EVENTS,
+  ya as TopActions,
+  ha as TransactionApi,
+  $e as TransactionDetails,
+  Pe as TransactionList,
+  ba as TransactionRow,
+  xa as TransactionStore,
+  xt as TransactionTable,
+  _a as TransactionWidget,
+  We as exportTransactionsToCSV,
+  B as useTransactionsUiStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.1",
+  "version": "7.0.2-alpha.al0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",