@mx-cartographer/experiences 7.12.6 → 7.12.7

package/dist/transactions/index.es.js

@@ -1,12 +1,12 @@
 import { T as Sa } from "../TransactionApi-Ck5Ua-7F.mjs";
-import { C as Le, D as Me, M as Re, a as He, T as Pe } from "../TransactionDetails-DWZuZgBw.mjs";
-import { B as Da, b as Ia } from "../TransactionDetails-DWZuZgBw.mjs";
+import { C as Me, D as Le, M as Re, a as He, T as Pe } from "../TransactionDetails-DmDYs0lX.mjs";
+import { B as Da, b as Ia } from "../TransactionDetails-DmDYs0lX.mjs";
 import { T as E } from "../Transaction-B_2AG36b.mjs";
 import { O as Na } from "../Transaction-B_2AG36b.mjs";
 import { S as Z, D as Be } from "../TransactionStore-DIbZkSVI.mjs";
-import { T as Oa } from "../TransactionStore-DIbZkSVI.mjs";
-import { u as R, T as $e } from "../StatusIndicator-Bo80rdKq.mjs";
-import { a as La } from "../StatusIndicator-Bo80rdKq.mjs";
+import { T as ka } from "../TransactionStore-DIbZkSVI.mjs";
+import { u as R, T as $e } from "../StatusIndicator-BnYO7yL3.mjs";
+import { a as Ma } from "../StatusIndicator-BnYO7yL3.mjs";
 import { e as Ve } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
 import { E as Ra } from "../ExportCsvAction-Bg6gO_Cz.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
@@ -17,7 +17,7 @@ import { DataGridPro as Ge } from "@mui/x-data-grid-pro";
 import { h as H, u as D, b as K, d as ne, 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 y, Icon as M, MerchantLogo as je, TextField as ee, P as Xe } from "@mxenabled/mxui";
+import { Text as C, Icon as L, MerchantLogo as je, TextField as ee, P as Xe } from "@mxenabled/mxui";
 import { fromUnixTime as Ye } from "date-fns/fromUnixTime";
 import { f as Je, D as Qe } from "../DateFormats-BMpMrZpW.mjs";
 import S from "@mui/material/Stack";
@@ -45,20 +45,20 @@ import { W as gt } from "../WidgetContainer-B0ncgABX.mjs";
 import { A } from "../Analytics-BYItVAe-.mjs";
 import { S as ht } from "../SearchBox-B7km148n.mjs";
 import { D as te } from "../Drawer-DV4NTsFg.mjs";
-const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small", children: [
+const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "Small", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
 ] }), Ct = (t) => {
-  const { associatedBeats: r } = H(), { showInsights: o } = R(), { amount: a, transaction_type: l } = t.row, s = r.find((h) => h.associated_transaction_guid === t.row.guid), c = l === E.CREDIT;
+  const { associatedBeats: o } = H(), { showInsights: r } = R(), { amount: a, transaction_type: l } = t.row, s = o.find((h) => h.associated_transaction_guid === t.row.guid), c = l === E.CREDIT;
   return /* @__PURE__ */ _(S, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ _(y, { color: c ? "success.main" : "text.primary", variant: "Small", children: [
+    /* @__PURE__ */ _(C, { color: c ? "success.main" : "text.primary", variant: "Small", children: [
       c ? "+" : "",
       oe(a, "0,0.00")
     ] }),
-    s && o && /* @__PURE__ */ e(y, { bold: !0, color: "primary.light", variant: "XSmall", children: s.short_title })
+    s && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "XSmall", children: s.short_title })
   ] });
 }, yt = (t) => {
-  const { transactions: r } = D(), [o, a] = m.useState(!1);
+  const { transactions: o } = D(), [r, a] = m.useState(!1);
   return /* @__PURE__ */ _(
     S,
     {
@@ -70,22 +70,30 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       onMouseLeave: () => a(!1),
       width: "100%",
       children: [
-        t.row.has_been_split && /* @__PURE__ */ e(M, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? r.split_transaction_category_label : t.row.category }),
-        !t.row.has_been_split && o && /* @__PURE__ */ e(M, { name: "edit", sx: { color: "action.active" } })
+        t.row.has_been_split && /* @__PURE__ */ e(L, { name: "call_split", size: 16 }),
+        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.has_been_split ? o.split_transaction_category_label : t.row.category }),
+        !t.row.has_been_split && r && /* @__PURE__ */ e(L, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
-}, Tt = w(yt), bt = (t) => /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: Je(Ye(t.row.date), Qe.MONTH_DAY) }), At = (t) => {
-  const r = qe(), { transactions: o } = D(), { is_flagged: a, is_hidden: l, has_been_viewed: s, parent_guid: c } = t.row, f = !s && !!!c;
+}, Tt = w(yt), bt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: Je(Ye(t.row.date), Qe.MONTH_DAY) }), At = (t) => {
+  const o = qe(), r = o.palette.mode === "dark", { transactions: a } = D(), { is_flagged: l, is_hidden: s, has_been_viewed: c, parent_guid: h } = t.row, f = !c && !!!h;
   return /* @__PURE__ */ _(
     x,
     {
-      "aria-label": l ? o.is_hidden : o.is_flagged,
+      "aria-label": s ? a.is_hidden : a.is_flagged,
       tabIndex: t.tabIndex,
       children: [
-        a && /* @__PURE__ */ e(M, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-        !a && l && /* @__PURE__ */ e(M, { name: "visibility_off", size: 16 }),
+        l && /* @__PURE__ */ e(
+          L,
+          {
+            fill: !0,
+            name: "flag",
+            size: 16,
+            sx: { color: r ? "primary.main" : "warning.dark" }
+          }
+        ),
+        !l && s && /* @__PURE__ */ e(L, { name: "visibility_off", size: 16 }),
         f && /* @__PURE__ */ e(
           "svg",
           {
@@ -93,7 +101,7 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
             style: {
               display: "inline-block",
               height: 16,
-              fill: r.palette.primary.light,
+              fill: o.palette.primary.light,
               verticalAlign: "middle",
               width: 16
             },
@@ -104,7 +112,7 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, xt = w(At), N = (t) => /* @__PURE__ */ e(y, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", gap: 8, children: [
+}, xt = w(At), N = (t) => /* @__PURE__ */ e(C, { fontWeight: 600, variant: "Small", children: t.colDef.headerName }), St = (t) => /* @__PURE__ */ _(S, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
     je,
     {
@@ -112,22 +120,22 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       merchantGuid: t.row.merchant_guid || ""
     }
   ),
-  /* @__PURE__ */ e(y, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
+  /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "Small", children: t.row.payee })
 ] }), wt = ({
   height: t = "100dvh",
-  onCategoryClick: r,
-  onRowClick: o
+  onCategoryClick: o,
+  onRowClick: r
 }) => {
-  const { transactions: a } = D(), { isCopyLoaded: l } = K(), { isLoading: s, sortedTransactions: c } = H(), { clearExpandedSplits: h, toggleSplit: f } = R();
+  const { transactions: a } = D(), { isCopyLoaded: l } = K(), { isLoading: s, sortedTransactions: c } = H(), { clearExpandedSplits: h, toggleSplit: y } = R();
   m.useEffect(() => () => h(), []);
-  const C = m.useMemo(
+  const f = m.useMemo(
     () => c.map((i) => ({
       id: i.guid,
       isHovering: !1,
       ...i
     })),
     [c]
-  ), d = ({ row: { id: i, guid: g, has_been_split: v }, field: n }) => v ? f(i) : n === "category" ? r?.(g) : o?.(g), I = (i, g) => {
+  ), d = ({ row: { id: i, guid: g, has_been_split: v }, field: n }) => v ? y(i) : n === "category" ? o?.(g) : r?.(g), I = (i, g) => {
     g.key !== "Enter" && g.key !== " " || d(i);
   };
   if (!l)
@@ -198,7 +206,7 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       loading: s,
       onCellClick: d,
       onCellKeyDown: I,
-      rows: C,
+      rows: f,
       slotProps: { baseIconButton: { color: "secondary", sx: { ml: 8 } } },
       sx: {
         "& .split-row": {
@@ -207,7 +215,7 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       }
     }
   ) });
-}, Dt = w(wt), It = ({ copy: t, isOpen: r, onClose: o, onPrimaryAction: a }) => {
+}, Dt = w(wt), It = ({ copy: t, isOpen: o, onClose: r, onPrimaryAction: a }) => {
   const { common: l, transactions: s } = D(), { isCopyLoaded: c } = K();
   return c ? /* @__PURE__ */ _(
     re,
@@ -215,35 +223,35 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       copy: {
         title: t.title
       },
-      isOpen: r,
-      onClose: o,
+      isOpen: o,
+      onClose: r,
       onPrimaryAction: a,
       primaryText: s.add_manual_account,
       secondaryText: l.cancel_button,
       children: [
-        /* @__PURE__ */ e(y, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: s.add_account_modal_message }),
-        /* @__PURE__ */ e(y, { component: "p", truncate: !1, children: s.add_account_modal_cta })
+        /* @__PURE__ */ e(C, { component: "p", sx: { marginBottom: "20px" }, truncate: !1, children: s.add_account_modal_message }),
+        /* @__PURE__ */ e(C, { component: "p", truncate: !1, children: s.add_account_modal_cta })
       ]
     }
   ) : /* @__PURE__ */ e(z, {});
 }, vt = w(It), Nt = () => {
-  const { visibleAccounts: t } = ne(), { common: r, transactions: o } = D(), { manualTransaction: a, setIsAmountValid: l, updateManualTransaction: s } = R(), [c, h] = m.useState(""), [f, C] = m.useState(""), d = m.useMemo(
+  const { visibleAccounts: t } = ne(), { common: o, transactions: r } = D(), { manualTransaction: a, setIsAmountValid: l, updateManualTransaction: s } = R(), [c, h] = m.useState(""), [y, f] = m.useState(""), d = m.useMemo(
     () => t.filter((n) => n.is_manual),
     [t]
   ).map((n) => ({
     label: `${n.name} | ${oe(n.balance, "0,0.00")}`,
     value: n.guid
   })), I = {
-    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
+    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
   }, p = (n) => {
     h(n), s({ ...a, amount: Number(n) });
   }, i = (n, P) => {
     s({ ...a, transaction_type: Number(P) });
   }, g = (n) => {
-    C(n), s({ ...a, payee: n, description: n });
+    f(n), s({ ...a, payee: n, description: n });
   }, v = (n) => {
     s({ ...a, account_guid: n });
   };
@@ -260,12 +268,12 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
               {
                 allowDecimals: !0,
                 amount: c,
-                ariaLabel: o.amount_title,
+                ariaLabel: r.amount_title,
                 copy: I,
                 inputProps: {
                   noValidate: !0
                 },
-                label: o.amount_title,
+                label: r.amount_title,
                 setAmount: p,
                 setHasValidInput: l,
                 sx: { bgcolor: "background.paper" },
@@ -277,9 +285,9 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
                 Z,
                 {
                   checked: a.transaction_type === E.CREDIT,
-                  label: o.manual_transaction_credit_button_label,
+                  label: r.manual_transaction_credit_button_label,
                   sx: { ml: { xs: 0, sm: 8 } },
-                  tooltip: o.manual_transaction_credit_button_tooltip,
+                  tooltip: r.manual_transaction_credit_button_tooltip,
                   value: E.CREDIT
                 }
               ),
@@ -287,8 +295,8 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
                 Z,
                 {
                   checked: a.transaction_type === E.DEBIT,
-                  label: o.manual_transaction_debit_button_label,
-                  tooltip: o.manual_transaction_debit_button_tooltip,
+                  label: r.manual_transaction_debit_button_label,
+                  tooltip: r.manual_transaction_debit_button_tooltip,
                   value: E.DEBIT
                 }
               )
@@ -299,11 +307,11 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       /* @__PURE__ */ e(
         ee,
         {
-          label: o.payee_title,
+          label: r.payee_title,
           name: "payee",
           onChange: (n) => g(n.target.value),
           sx: { bgcolor: "background.paper" },
-          value: f
+          value: y
         }
       ),
       /* @__PURE__ */ e(
@@ -311,9 +319,9 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
         {
           InputLabelProps: { shrink: !0 },
           SelectProps: { defaultValue: -1, IconComponent: st },
-          label: o.manual_transaction_select_an_account,
+          label: r.manual_transaction_select_an_account,
           onChange: (n) => v(n.target.value),
-          placeholder: o.manual_transaction_select,
+          placeholder: r.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
           children: d.map((n) => /* @__PURE__ */ e(rt, { value: n.value, children: n.label }, n.value))
@@ -322,27 +330,27 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
     ] }),
     /* @__PURE__ */ e(ot, { light: !0 }),
     /* @__PURE__ */ _(x, { bgcolor: "background.paper", children: [
-      /* @__PURE__ */ e(Le, { transaction: a }),
       /* @__PURE__ */ e(Me, { transaction: a }),
+      /* @__PURE__ */ e(Le, { transaction: a }),
       /* @__PURE__ */ e(Re, { transaction: a }),
       /* @__PURE__ */ e(He, { transaction: a })
     ] })
   ] });
-}, Et = w(Nt), Ot = ({ onClose: t, transaction: r }) => {
-  const { addOrUpdateTransactionRule: o, updateTransaction: a } = H(), { transactions: l } = D(), { categories: s } = Fe(), [c, h] = m.useState(""), f = m.useMemo(
+}, Et = w(Nt), kt = ({ onClose: t, transaction: o }) => {
+  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),
     [c]
-  ), C = async (d) => {
-    await a({ ...r, category_guid: c }), d && await o(c, r), h(""), t();
+  ), f = async (d) => {
+    await a({ ...o, category_guid: c }), d && await r(c, o), h(""), t();
   };
   return /* @__PURE__ */ _(x, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
       lt,
       {
-        initialSelected: r.category_guid,
+        initialSelected: o.category_guid,
         onClose: t,
         onSelect: (d) => h(d),
-        showDrawer: !!r,
+        showDrawer: !!o,
         title: l.actions_select_a_category
       }
     ),
@@ -352,30 +360,30 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
         copy: {
           title: U(
             l.actions_apply_to_all_transaction_types,
-            r.description
+            o.description
           )
         },
         isOpen: !!c,
-        onClose: () => C(!1),
-        onPrimaryAction: () => C(!0),
-        onSecondaryAction: () => C(!1),
+        onClose: () => f(!1),
+        onPrimaryAction: () => f(!0),
+        onSecondaryAction: () => f(!1),
         primaryText: l.actions_apply_to_all,
         secondaryText: l.actions_this_time_only,
         children: /* @__PURE__ */ e(Xe, { variant: "Paragraph", children: U(
           l.actions_all_past_and_future,
-          r.description,
-          f?.name
+          o.description,
+          y?.name
         ) })
       }
     )
   ] });
-}, kt = w(Ot), ae = 120, Lt = ({
+}, Ot = w(kt), ae = 120, Mt = ({
   onBackClick: t,
-  height: r = "100dvh",
-  showInsights: o = !1,
+  height: o = "100dvh",
+  showInsights: r = !1,
   sx: a = {}
 }) => {
-  const { manualAccounts: l, refreshAccounts: s } = ne(), { is_mobile_webview: c, clientConfig: h, config: f } = Ue(), { setSearchValue: C } = dt(), { onEvent: d } = Ke(), { common: I, transactions: p } = D(), { displayedDateRange: i, isInitialized: g, selectedAccountGuids: v, setDisplayedDate: n } = K(), { isDesktop: P, isTablet: ie } = _t(), O = at(), {
+  const { manualAccounts: l, refreshAccounts: s } = ne(), { 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: n } = K(), { isDesktop: P, isTablet: ie } = _t(), k = at(), {
     addTransaction: se,
     filter: ce,
     isTransactionDataLoaded: B,
@@ -389,19 +397,19 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
   } = H(), {
     clearExpandedSplits: pe,
     isAmountValid: ge,
-    manualTransaction: k,
+    manualTransaction: O,
     searchValue: X,
     setSearchValue: he,
     setShowInsights: fe,
     updateManualTransaction: Ce
-  } = R(), { userProfile: ye } = ze(), [$, T] = m.useState(""), [Y, L] = m.useState(""), [Te, V] = m.useState(!1), [be, J] = m.useState(!1), { announce: Ae, ariaLive: xe } = ut(), W = h?.transactions?.selected_account_guid;
+  } = R(), { userProfile: ye } = ze(), [$, T] = m.useState(""), [Y, M] = m.useState(""), [Te, V] = m.useState(!1), [be, J] = m.useState(!1), { announce: Ae, ariaLive: xe } = ut(), W = h?.transactions?.selected_account_guid;
   pt({
     widgetName: "TransactionWidget",
     isLoaded: B
   }), m.useEffect(() => {
     B || le().finally();
-    const u = tt(F()), ke = Ze(F());
-    n(u, ke), d(A.TRANSACTIONS_VIEW);
+    const u = tt(F()), Oe = Ze(F());
+    n(u, Oe), d(A.TRANSACTIONS_VIEW);
   }, []), m.useEffect(() => {
     g && q({
       accounts: W ? [W] : v,
@@ -409,13 +417,13 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       searchTerm: X
     });
   }, [g, i, v]), m.useEffect(() => {
-    fe(o);
-  }, [o]), m.useEffect(() => {
+    fe(r);
+  }, [r]), m.useEffect(() => {
     g && Ae(
       U(p.showing_transactions_count, j.length)
     );
   }, [g, j]);
-  const b = Y ? me.find((u) => u.guid === Y) : void 0, Q = ge && !!k.payee && !!k.account_guid && !!k.category_guid, Se = (u) => {
+  const b = Y ? me.find((u) => u.guid === Y) : void 0, Q = ge && !!O.payee && !!O.account_guid && !!O.category_guid, Se = (u) => {
     pe(), n(u[0], u[1]);
   }, we = (u) => {
     he(u), q({
@@ -434,12 +442,12 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       /* AddTransaction */
     ), d(A.TRANSACTIONS_CLICK_ADD)) : (V(!0), d(A.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, ve = async () => {
-    Q && await se(k), T("");
+    Q && await se(O), T("");
   }, Ne = () => {
     V(!1), J(!0);
   }, Ee = async () => {
     J(!1), await s();
-  }, Oe = async () => {
+  }, ke = async () => {
     b && !b.has_been_viewed && await _e({ ...b, has_been_viewed: !0 }), T("");
   };
   if (!g)
@@ -449,7 +457,7 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
     iconName: "open_in_new",
     label: p.export_csv_btn,
     onClick: De
-  }), f.show_connections_widget_in_master && G.push({
+  }), y.show_connections_widget_in_master && G.push({
     iconName: "add",
     label: p.add_transaction_btn,
     onClick: Ie
@@ -480,21 +488,21 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
             x,
             {
               sx: {
-                [O.breakpoints.down("md")]: { display: "none" },
-                [O.breakpoints.up("md")]: { display: "block" }
+                [k.breakpoints.down("md")]: { display: "none" },
+                [k.breakpoints.up("md")]: { display: "block" }
               },
               children: /* @__PURE__ */ e(
                 Dt,
                 {
-                  height: `calc(${r} - ${ae}px)`,
+                  height: `calc(${o} - ${ae}px)`,
                   onCategoryClick: (u) => {
-                    L(u), T(
+                    M(u), T(
                       "category"
                       /* Category */
                     );
                   },
                   onRowClick: (u) => {
-                    L(u), T(
+                    M(u), T(
                       "transaction"
                       /* Transaction */
                     ), d(A.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: u });
@@ -507,21 +515,21 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
             x,
             {
               sx: {
-                [O.breakpoints.down("md")]: { display: "block" },
-                [O.breakpoints.up("md")]: { display: "none" }
+                [k.breakpoints.down("md")]: { display: "block" },
+                [k.breakpoints.up("md")]: { display: "none" }
               },
               children: /* @__PURE__ */ e(
                 $e,
                 {
-                  height: `calc(${r} - ${ae}px)`,
+                  height: `calc(${o} - ${ae}px)`,
                   onClick: (u) => {
-                    L(u), T(
+                    M(u), T(
                       "transaction"
                       /* Transaction */
                     );
                   },
                   showHiddenTransactions: !0,
-                  showInsights: o
+                  showInsights: r
                 }
               )
             }
@@ -532,16 +540,16 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
           {
             ariaLabelClose: I.close_aria,
             isOpen: $ === "transaction" && !!b,
-            onClose: Oe,
+            onClose: ke,
             title: p.details_title,
             children: b && /* @__PURE__ */ e(Pe, { transaction: b })
           }
         ),
         b && $ === "category" && /* @__PURE__ */ e(
-          kt,
+          Ot,
           {
             onClose: () => {
-              C(""), T(""), L("");
+              f(""), T(""), M("");
             },
             transaction: b
           }
@@ -580,7 +588,7 @@ const ft = (t) => /* @__PURE__ */ _(y, { tabIndex: t.tabIndex, variant: "Small",
       ]
     }
   );
-}, ba = w(Lt);
+}, ba = w(Mt);
 export {
   vt as AddAccountModal,
   Da as BottomActions,
@@ -590,8 +598,8 @@ export {
   Sa as TransactionApi,
   Pe as TransactionDetails,
   $e as TransactionList,
-  La as TransactionRow,
-  Oa as TransactionStore,
+  Ma as TransactionRow,
+  ka as TransactionStore,
   Dt as TransactionTable,
   ba as TransactionWidget,
   Ve as exportTransactionsToCSV,

package/dist/trends/index.es.js

@@ -35,8 +35,8 @@ import { useGridApiContext as Yt, useGridRootProps as jt, DataGridPro as Ut } fr
 import Xt from "@mui/material/Badge";
 import Zt from "@mui/material/IconButton";
 import { A as v } from "../Analytics-BYItVAe-.mjs";
-import { T as ct } from "../StatusIndicator-Bo80rdKq.mjs";
-import { T as dt } from "../TransactionDetails-DWZuZgBw.mjs";
+import { T as ct } from "../StatusIndicator-BnYO7yL3.mjs";
+import { T as dt } from "../TransactionDetails-DmDYs0lX.mjs";
 import { D as We } from "../Drawer-DV4NTsFg.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.12.6",
+  "version": "7.12.7",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",