@mx-cartographer/experiences 8.0.0-alpha.sms1 → 8.0.0-alpha.sms2

package/dist/settings/index.es.js

@@ -1,4 +1,4 @@
-import { S as Kt, a as Xt } from "../SettingsStore-krIRNwHK.mjs";
+import { S as jt, a as Jt } from "../SettingsStore-BASMQSIp.mjs";
 import { jsxs as c, Fragment as q, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as D } from "mobx-react-lite";
@@ -16,14 +16,14 @@ import F from "@mui/material/Box";
 import Q from "@mui/material/Button";
 import I from "@mui/material/TextField";
 import { H3 as J, P as L, Text as v, Icon as M, ChevronRightIcon as ve } from "@mxenabled/mxui";
-import { V as Ce, a as De, N as G } from "../NotificationSettings-CNmJWVeI.mjs";
-import { A as qt, B as Qt, I as Zt } from "../NotificationSettings-CNmJWVeI.mjs";
-import { u as k, a as W, s as A, p as Se, b as Z, m as ee, n as te } from "../hooks-C41HAxM5.mjs";
+import { V as Ce, a as De, N as G } from "../NotificationSettings-BsWiYD94.mjs";
+import { A as Xt, B as Yt, I as qt } from "../NotificationSettings-BsWiYD94.mjs";
+import { D as W } from "../Dialog-CDV0kKxj.mjs";
+import { u as k, a as $, s as A, p as Se, b as Z, m as ee, n as te } from "../hooks-C41HAxM5.mjs";
 import { u as H } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as $ } from "../Dialog-BPTr3qHE.mjs";
 import { formatDistanceToNow as oe } from "date-fns/formatDistanceToNow";
 import { fromUnixTime as ne } from "date-fns/fromUnixTime";
-import R from "@mui/material/styles/useTheme";
+import P from "@mui/material/styles/useTheme";
 import V from "@mui/material/IconButton";
 import { DataGridPro as ke } from "@mui/x-data-grid-pro";
 import { H as O } from "../HeaderCell-DjuifqHJ.mjs";
@@ -31,20 +31,20 @@ import { b as N } from "../Localization-2MODESHW.mjs";
 import we from "@mui/material/Accordion";
 import Te from "@mui/material/AccordionDetails";
 import Ie from "@mui/material/AccordionSummary";
-import { L as re } from "../Loader-DUaFpDGv.mjs";
+import { L as re } from "../Loader-BSWSYqvn.mjs";
 import Ae from "@mui/material/List";
 import j from "@mui/material/Divider";
 import Ee from "@mui/material/ListSubheader";
-import { a as Re, u as Pe } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
+import { a as Pe, u as Re } from "../CategorySelectorDrawer-DqDAA_5I.mjs";
 import Be from "@mui/material/ListItem";
 import Me from "@mui/material/ListItemButton";
 import Ne from "@mui/material/ListItemIcon";
 import Le from "@mui/material/ListItemText";
-import { D as He } from "../Drawer-BEtCk82g.mjs";
-import { H as Oe } from "../Help-BnPXM_N2.mjs";
-import { W as K } from "../WidgetContainer-BhQ1Kx2z.mjs";
+import { D as He } from "../Drawer-Dqe5EqvA.mjs";
+import { H as Oe } from "../Help-i4OasOO-.mjs";
+import { W as K } from "../WidgetContainer-B1Jzb4XA.mjs";
 const Ue = ({ availableWidth: t, handleOnLeavClick: a }) => {
-  const o = xe(), { common: n, settings: r } = k(), { isDesktop: d, isMobile: l, isSmallMobile: i, isTablet: s } = H(t), { config: b } = W(), { updateUser: _ } = A(), { user: m } = Se(), [p, S] = u.useState({
+  const o = xe(), { common: n, settings: r } = k(), { isDesktop: d, isMobile: l, isSmallMobile: i, isTablet: s } = H(t), { config: b } = $(), { updateUser: _ } = A(), { user: m } = Se(), [p, S] = u.useState({
     first_name: m.first_name,
     last_name: m.last_name,
     email: m.email,
@@ -55,8 +55,8 @@ const Ue = ({ availableWidth: t, handleOnLeavClick: a }) => {
   }), [C, w] = u.useState(!1), [T, x] = u.useState(!1), g = u.useRef(null), z = p.email && !m.email_is_verified && !C, Y = p.phone && !m.phone_is_verified && !C;
   u.useEffect(() => {
     if (a) {
-      const f = (P) => {
-        g.current && !g.current.contains(P.target) && C && x(!0);
+      const f = (R) => {
+        g.current && !g.current.contains(R.target) && C && x(!0);
       };
       return document.addEventListener("mousedown", f), () => {
         document.removeEventListener("mousedown", f);
@@ -65,8 +65,8 @@ const Ue = ({ availableWidth: t, handleOnLeavClick: a }) => {
   }, [C]);
   const ae = () => {
     if (p.birthday) {
-      const f = new Date(p.birthday * 1e3), P = f.getUTCFullYear(), de = f.getUTCMonth(), me = f.getUTCDate();
-      return new Date(P, de, me);
+      const f = new Date(p.birthday * 1e3), R = f.getUTCFullYear(), de = f.getUTCMonth(), me = f.getUTCDate();
+      return new Date(R, de, me);
     }
   }, le = async () => {
     await _({ ...m, ...p }), w(!1);
@@ -75,11 +75,11 @@ const Ue = ({ availableWidth: t, handleOnLeavClick: a }) => {
   }, ce = () => {
     x(!1);
   }, E = (f) => {
-    const P = {
+    const R = {
       ...p,
       ...f
     };
-    S(P), w(JSON.stringify({ ...m, ...P }) !== JSON.stringify(m));
+    S(R), w(JSON.stringify({ ...m, ...R }) !== JSON.stringify(m));
   };
   return /* @__PURE__ */ c(q, { children: [
     /* @__PURE__ */ c(
@@ -213,7 +213,7 @@ const Ue = ({ availableWidth: t, handleOnLeavClick: a }) => {
       }
     ),
     /* @__PURE__ */ e(
-      $,
+      W,
       {
         copy: { title: r.discard_changes },
         isOpen: T,
@@ -232,7 +232,7 @@ const Ve = ({
   onClickDeviceEdit: a,
   onClickDeviceDelete: o
 }) => {
-  const n = R(), { settings: r } = k(), d = [
+  const n = P(), { settings: r } = k(), d = [
     {
       field: "name",
       headerName: r.mobile_devices_column_name,
@@ -347,7 +347,7 @@ const Ve = ({
   onClickDeviceEdit: a,
   onClickDeviceDelete: o
 }) => {
-  const n = R(), { settings: r } = k(), [d, l] = u.useState(!1), i = (s) => (b, _) => {
+  const n = P(), { settings: r } = k(), [d, l] = u.useState(!1), i = (s) => (b, _) => {
     l(_ ? s : !1);
   };
   return /* @__PURE__ */ c(h, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
@@ -448,7 +448,7 @@ const Ve = ({
   device: n,
   deviceToken: r = ""
 }) => {
-  const d = R(), { common: l, settings: i } = k(), { updateDevice: s, deleteDevice: b, setAlert: _, loadDevices: m } = A(), [p, S] = u.useState("");
+  const d = P(), { common: l, settings: i } = k(), { updateDevice: s, deleteDevice: b, setAlert: _, loadDevices: m } = A(), [p, S] = u.useState("");
   u.useEffect(() => {
     n && S(n.name);
   }, [n, t]);
@@ -521,7 +521,7 @@ const Ve = ({
     ), o());
   };
   return /* @__PURE__ */ c(
-    $,
+    W,
     {
       copy: { title: C() },
       isOpen: a,
@@ -616,15 +616,15 @@ const Ve = ({
       ]
     }
   );
-}), je = Ge, X = D(
+}), X = D(
   ({ onClick: t, primaryText: a, secondaryText: o, sx: n }) => {
-    const r = R();
+    const r = P();
     return /* @__PURE__ */ e(Be, { sx: { bgcolor: r.palette.background.paper }, children: /* @__PURE__ */ c(Me, { alignItems: "flex-start", onClick: t, sx: n, children: [
       /* @__PURE__ */ e(Le, { primary: a, secondary: o }),
       /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ve, {}) })
     ] }) });
   }
-), Je = D(() => {
+), je = D(() => {
   const { settings: t } = k(), { categories: a } = ee(), { selectedRule: o, updateRuleCategory: n } = A(), [r, d] = u.useState(!1), l = () => {
     d(!1);
   }, i = () => {
@@ -642,7 +642,7 @@ const Ve = ({
       }
     ),
     /* @__PURE__ */ e(
-      Re,
+      Pe,
       {
         initialSelected: o?.category_guid ? o.category_guid : void 0,
         onClose: l,
@@ -652,8 +652,8 @@ const Ve = ({
       }
     )
   ] });
-}), Ke = D(() => {
-  const { common: t, settings: a } = k(), { selectedRule: o, updateRulePayee: n } = A(), r = R(), [d, l] = u.useState(!1), i = o?.description ? o.description : o?.match_description, [s, b] = u.useState(i || ""), _ = () => {
+}), Je = D(() => {
+  const { common: t, settings: a } = k(), { selectedRule: o, updateRulePayee: n } = A(), r = P(), [d, l] = u.useState(!1), i = o?.description ? o.description : o?.match_description, [s, b] = u.useState(i || ""), _ = () => {
     l(!0);
   }, m = async () => {
     s !== i && o && (o.description = s, await n(o), l(!1));
@@ -668,7 +668,7 @@ const Ve = ({
       }
     ),
     /* @__PURE__ */ e(
-      $,
+      W,
       {
         copy: { title: a.edit_payee },
         isOpen: d,
@@ -692,10 +692,10 @@ const Ve = ({
       }
     )
   ] });
-}), Xe = D(({ onClose: t, onDelete: a, isOpen: o }) => {
-  const { common: n, settings: r } = k(), d = R();
+}), Ke = D(({ onClose: t, onDelete: a, isOpen: o }) => {
+  const { common: n, settings: r } = k(), d = P();
   return /* @__PURE__ */ e(
-    $,
+    W,
     {
       copy: { title: r.delete_rule },
       isOpen: o,
@@ -716,9 +716,9 @@ const Ve = ({
       children: /* @__PURE__ */ e(v, { truncate: !1, variant: "Small", children: r.delete_rule_confirm })
     }
   );
-}), Ye = D(
+}), Xe = D(
   ({ isOpen: t, onClose: a, onDelete: o }) => {
-    const { common: n, settings: r } = k(), d = R(), [l, i] = u.useState(!1);
+    const { common: n, settings: r } = k(), d = P(), [l, i] = u.useState(!1);
     return /* @__PURE__ */ c(
       He,
       {
@@ -736,12 +736,12 @@ const Ve = ({
         title: r.edit_rule,
         children: [
           /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(v, { bold: !0, variant: "XSmall", children: r.details }) }),
-          /* @__PURE__ */ e(Ke, {}),
-          /* @__PURE__ */ e(j, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(Je, {}),
           /* @__PURE__ */ e(j, { sx: { ml: 24 } }),
+          /* @__PURE__ */ e(je, {}),
+          /* @__PURE__ */ e(j, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(
-            Xe,
+            Ke,
             {
               isOpen: l,
               onClose: () => i(!1),
@@ -752,8 +752,8 @@ const Ve = ({
       }
     );
   }
-), qe = D(({ rule: t }) => {
-  const { categories: a } = ee(), { setSelectedGuid: o } = Pe(), { deleteTransactionRule: n, setSelectedRule: r } = A(), { isDesktop: d, isTablet: l } = H(), [i, s] = u.useState(!1), b = () => {
+), Ye = D(({ rule: t }) => {
+  const { categories: a } = ee(), { setSelectedGuid: o } = Re(), { deleteTransactionRule: n, setSelectedRule: r } = A(), { isDesktop: d, isTablet: l } = H(), [i, s] = u.useState(!1), b = () => {
     s(!1), o(null), r(void 0);
   }, _ = async () => {
     await n(), b();
@@ -770,9 +770,9 @@ const Ve = ({
       }
     ),
     /* @__PURE__ */ e(j, { sx: { ml: l || d ? 0 : 24 } }),
-    /* @__PURE__ */ e(Ye, { isOpen: i, onClose: b, onDelete: _ })
+    /* @__PURE__ */ e(Xe, { isOpen: i, onClose: b, onDelete: _ })
   ] });
-}), Qe = D(() => {
+}), ie = D(() => {
   const { settings: t } = k(), { loadTransactionRules: a, transactionRules: o } = A(), { onLoad: n } = te();
   return u.useEffect(() => {
     a().finally(() => {
@@ -783,15 +783,15 @@ const Ve = ({
       /* @__PURE__ */ e(J, { children: t.transaction_rules_label }),
       /* @__PURE__ */ e(L, { variant: "Body", children: t.transaction_rules_description })
     ] }),
-    /* @__PURE__ */ e(Ae, { children: o.map((r, d) => /* @__PURE__ */ e(qe, { rule: r }, d)) })
+    /* @__PURE__ */ e(Ae, { children: o.map((r, d) => /* @__PURE__ */ e(Ye, { rule: r }, d)) })
   ] });
-}), ie = Qe, Ze = D(({ selectedTab: t }) => {
+}), qe = D(({ selectedTab: t }) => {
   const { alert: a, setAlert: o } = A(), {
     config: { display_user_profile_in_settings: n }
-  } = W();
+  } = $();
   return /* @__PURE__ */ c(q, { children: [
     t === B.Profile && /* @__PURE__ */ e(Fe, {}),
-    t === B.Devices && /* @__PURE__ */ e(je, {}),
+    t === B.Devices && /* @__PURE__ */ e(Ge, {}),
     t === B.Notifications && /* @__PURE__ */ e(G, { showPersonalDetails: !n }),
     t === B.TransactionRules && /* @__PURE__ */ e(ie, {}),
     t === B.Help && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Oe, {}) }),
@@ -818,8 +818,8 @@ const Ve = ({
   ] });
 });
 var B = /* @__PURE__ */ ((t) => (t[t.Profile = 0] = "Profile", t[t.Devices = 1] = "Devices", t[t.Notifications = 2] = "Notifications", t[t.TransactionRules = 3] = "TransactionRules", t[t.Help = 4] = "Help", t))(B || {});
-const $t = D(({ onBackClick: t, sx: a }) => {
-  const { settings: o } = k(), { isCopyLoaded: n, isInitialized: r } = Z(), { config: d } = W(), { isMobile: l } = H(), { onLoad: i } = te();
+const Vt = D(({ onBackClick: t, sx: a }) => {
+  const { settings: o } = k(), { isCopyLoaded: n, isInitialized: r } = Z(), { config: d } = $(), { isMobile: l } = H(), { onLoad: i } = te();
   u.useEffect(() => {
     r && n && i?.("SettingsWidget");
   }, [r, n]);
@@ -856,30 +856,30 @@ const $t = D(({ onBackClick: t, sx: a }) => {
             )
           }
         ),
-        /* @__PURE__ */ e(Ze, { selectedTab: w })
+        /* @__PURE__ */ e(qe, { selectedTab: w })
       ] })
     }
   );
-}), zt = D((t) => {
-  const { clientConfig: a } = W(), o = a?.master?.deep_link_params?.view;
+}), Wt = D((t) => {
+  const { clientConfig: a } = $(), o = a?.master?.deep_link_params?.view;
   return o ? /* @__PURE__ */ e(G, { view: o }) : /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(h, { my: 24, children: /* @__PURE__ */ e(G, {}) }) });
-}), Gt = (t) => {
+}), $t = (t) => {
   const { isMobile: a } = H();
   return /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(h, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(ie, {}) }) });
 };
 export {
-  qt as AccountNotificationProfiles,
-  Qt as BudgetNotificationProfiles,
-  je as DeviceTab,
-  Zt as InsightsNotificationProfiles,
+  Xt as AccountNotificationProfiles,
+  Yt as BudgetNotificationProfiles,
+  Ge as DeviceTab,
+  qt as InsightsNotificationProfiles,
   G as NotificationSettings,
-  zt as NotificationSettingsWidget,
+  Wt as NotificationSettingsWidget,
   Fe as ProfileTab,
-  Kt as SettingsApi,
-  Xt as SettingsStore,
+  jt as SettingsApi,
+  Jt as SettingsStore,
   B as SettingsTabs,
-  $t as SettingsWidget,
-  Ze as SettingsWidgetContents,
+  Vt as SettingsWidget,
+  qe as SettingsWidgetContents,
   ie as TransactionRulesTab,
-  Gt as TransactionRulesWidget
+  $t as TransactionRulesWidget
 };

package/dist/spending/index.es.js

@@ -8,27 +8,27 @@ import b from "@mui/material/Stack";
 import k from "@mui/material/Tab";
 import at from "@mui/material/Tabs";
 import mt from "@mui/material/styles/useTheme";
-import { g as it, a as rt, S as $, b as Y } from "../SpendingLegend-CjX-hX2O.mjs";
+import { g as it, a as rt, S as B, b as Y } from "../SpendingLegend-CZzDb-7d.mjs";
 import { Text as C, Icon as ht } from "@mxenabled/mxui";
 import { f as R } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as L, m as W, d as st, b as P, a as F, h as ct, g as ft, n as bt } from "../hooks-C41HAxM5.mjs";
-import { L as lt } from "../Loader-DUaFpDGv.mjs";
-import { M as _t } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { L as lt } from "../Loader-BSWSYqvn.mjs";
+import { M as _t } from "../MiniWidgetContainer-D7MkHG15.mjs";
 import { startOfToday as q } from "date-fns/startOfToday";
 import yt from "@mui/material/Button";
 import { useTheme as Ct } from "@mui/material";
-import { e as St } from "../exportTransactionsToCSV-Cz2t0lmA.mjs";
-import { T as Tt, a as Mt } from "../TransactionDetails-5M2vfr59.mjs";
+import { e as St } from "../exportTransactionsToCSV-BFpuIAXW.mjs";
+import { T as Tt, a as Mt } from "../TransactionDetails-Duv1X9ec.mjs";
 import Dt from "@mui/material/Collapse";
 import z from "@mui/material/Divider";
 import J from "@mui/material/List";
 import Q from "@mui/material/ListItem";
 import xt from "@mui/material/ListItemButton";
 import { u as vt } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as Z } from "../Drawer-BEtCk82g.mjs";
-import { b as x } from "../Category-CevNQ03n.mjs";
-import { A as tt, W as wt } from "../WidgetContainer-BhQ1Kx2z.mjs";
-const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column", children: [
+import { D as Z } from "../Drawer-Dqe5EqvA.mjs";
+import { b as x } from "../Category-Ccoew_sA.mjs";
+import { A as tt, W as wt } from "../WidgetContainer-B1Jzb4XA.mjs";
+const G = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column", children: [
   /* @__PURE__ */ t(C, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: d }),
   /* @__PURE__ */ t(C, { variant: "XSmall", children: R(n, "0,0") })
 ] }), Lt = () => {
@@ -68,7 +68,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
               "aria-controls": "spending-tabpanel",
               id: "spending-tab",
               label: /* @__PURE__ */ t(
-                B,
+                G,
                 {
                   amount: m.totalAmount,
                   label: o.spend_tab_title
@@ -83,7 +83,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
               "aria-controls": "income-tabpanel",
               id: "income-tab",
               label: /* @__PURE__ */ t(
-                B,
+                G,
                 {
                   amount: p.totalAmount,
                   label: o.income_tab_title
@@ -104,7 +104,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         role: "tabpanel",
         children: /* @__PURE__ */ s(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            $,
+            B,
             {
               data: m,
               onSelected: f,
@@ -125,7 +125,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         role: "tabpanel",
         children: /* @__PURE__ */ s(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
           /* @__PURE__ */ t(
-            $,
+            B,
             {
               data: p,
               isIncome: !0,
@@ -260,7 +260,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
       px: 8,
       children: [
         l && /* @__PURE__ */ t(
-          $,
+          B,
           {
             data: {
               categoryData: [],
@@ -276,7 +276,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
           }
         ),
         !l && /* @__PURE__ */ t(
-          $,
+          B,
           {
             data: n,
             onSelected: d,
@@ -308,13 +308,13 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
     sortedTransactions: p,
     sortedTransactionsWithSplits: A,
     tags: f
-  } = ct(), y = o?.master?.deep_link_params?.account_guids, T = o?.master?.deep_link_params?.view, [M, N] = i.useState(""), [D, S] = i.useState(T === "income" ? 1 : 0), [O, I] = i.useState(""), [dt, H] = i.useState(!1), G = i.useMemo(
+  } = ct(), y = o?.master?.deep_link_params?.account_guids, T = o?.master?.deep_link_params?.view, [M, N] = i.useState(""), [D, S] = i.useState(T === "income" ? 1 : 0), [O, I] = i.useState(""), [dt, H] = i.useState(!1), j = i.useMemo(
     () => it(r, c, n, a),
     [r, a]
   ), K = i.useMemo(
     () => rt(r, a, Ot(n)),
     [r, a]
-  ), j = i.useMemo(
+  ), $ = i.useMemo(
     () => p.find((u) => u.guid === O),
     [O, p]
   ), gt = (u, E) => {
@@ -328,7 +328,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
     };
     if (D === 0)
       if (u === "other") {
-        const h = G.categoryData.find((V) => V.guid === "other");
+        const h = j.categoryData.find((V) => V.guid === "other");
         m({
           ...E,
           custom: (V) => !!h?.categoryTotals?.find((ut) => ut.guid === V.top_level_category_guid)
@@ -354,9 +354,9 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         k,
         {
           label: /* @__PURE__ */ t(
-            B,
+            G,
             {
-              amount: G.totalAmount,
+              amount: j.totalAmount,
               label: e.spend_tab_title
             }
           )
@@ -366,7 +366,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
         k,
         {
           label: /* @__PURE__ */ t(
-            B,
+            G,
             {
               amount: K.totalAmount,
               label: e.income_tab_title
@@ -378,7 +378,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
     D === 0 && /* @__PURE__ */ t(
       et,
       {
-        data: G,
+        data: j,
         onSelected: U,
         onViewTransactions: X,
         selectedId: M,
@@ -420,14 +420,14 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
       Z,
       {
         ariaLabelClose: e.close_drawer_aria,
-        isOpen: !!j,
+        isOpen: !!$,
         onClose: () => I(""),
         title: e.transaction_details_drawer_title,
-        children: j && /* @__PURE__ */ t(Mt, { transaction: j })
+        children: $ && /* @__PURE__ */ t(Mt, { transaction: $ })
       }
     )
   ] });
-}, kt = w(Rt), $t = ({ onBackClick: n, sx: d = {} }) => {
+}, kt = w(Rt), Bt = ({ onBackClick: n, sx: d = {} }) => {
   const { visibleAccounts: o, isAccountDataLoaded: r, loadAccountData: a } = st(), { categoriesLoaded: c, loadCategories: e, loadDateRangeCategoryTotals: l } = W(), { isTransactionDataLoaded: g, loadTransactionData: _ } = ct(), { spending: m } = L(), {
     displayedDateRange: p,
     isInitialized: A,
@@ -463,7 +463,7 @@ const B = ({ amount: n, label: d }) => /* @__PURE__ */ s(b, { direction: "column
       children: /* @__PURE__ */ t(v, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(kt, {}) })
     }
   ) : /* @__PURE__ */ t(lt, {});
-}, he = w($t);
+}, he = w(Bt);
 export {
   me as SpendingMiniWidget,
   he as SpendingWidget