@mx-cartographer/experiences 9.1.4-alpha.al6 → 9.1.4

package/dist/recurringtransactions/index.es.js

@@ -8,8 +8,8 @@ import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
 import Be from "@mui/material/Alert";
 import Fe from "@mui/material/Snackbar";
-import { R as De } from "../RecurringSettings-D2Aaqz7d.mjs";
-import { M as Jn } from "../RecurringSettings-D2Aaqz7d.mjs";
+import { R as _e } from "../RecurringSettings-hs0YUp83.mjs";
+import { M as Jn } from "../RecurringSettings-hs0YUp83.mjs";
 import { addMonths as Ue } from "date-fns/addMonths";
 import { subMonths as Ye } from "date-fns/subMonths";
 import { isBefore as je } from "date-fns/isBefore";
@@ -35,8 +35,8 @@ import { isSameDay as dt } from "date-fns/isSameDay";
 import ut from "@mui/material/Badge";
 import { PickersDay as mt } from "@mui/x-date-pickers/PickersDay";
 import { I as F } from "../IconBacking-DgT8DCeh.mjs";
-import { u as b, a as U, h as D, f as Y, E as Ie, g as re } from "../hooks-DWOrMnfZ.mjs";
-import { b as E, a as _, g as ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
+import { u as b, a as U, h as _, f as Y, D as Ie, g as re } from "../hooks-97sNJ_lf.mjs";
+import { b as E, a as D, g as ye, e as pt, R as gt } from "../RecurringTransactionsUtil-CHWmqvW5.mjs";
 import { f as I, D as M } from "../DateFormats-HudZ3Bjs.mjs";
 import { T as W } from "../Sizes-DISGrlUg.mjs";
 import { A as v } from "../Analytics-D-jdcL72.mjs";
@@ -52,16 +52,16 @@ import { f as L } from "../NumberFormatting--XMeeBfr.mjs";
 import N from "@mui/material/Box";
 import { u as ve } from "../useScreenSize-mWpmnh5w.mjs";
 import { S as Le } from "../StatusBar-CPfSXe80.mjs";
-import { d as Ct } from "../ManageIncome-BJWVPAly.mjs";
-import { c as er, M as tr, S as nr } from "../ManageIncome-BJWVPAly.mjs";
+import { d as Ct } from "../ManageIncome-B_8i71mE.mjs";
+import { c as er, M as tr, S as nr } from "../ManageIncome-B_8i71mE.mjs";
 import { D as ie } from "../Drawer-DsnW2o0v.mjs";
 import { S as Ae } from "../SkeletonLoader-BaNboJjD.mjs";
-import { u as oe } from "../useWidgetLoadTimer-C0Mr0eRf.mjs";
+import { u as oe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
-import { W as Rt } from "../WidgetContainer-5O6N88mr.mjs";
-import { M as Tt } from "../MiniWidgetContainer-CIswJui8.mjs";
-import { u as _t } from "../useDimensions-CeDR9V8N.mjs";
-import { M as Dt } from "../MicroWidgetContainer-IUZQlml1.mjs";
+import { W as Rt } from "../WidgetContainer-CjdCY4sj.mjs";
+import { M as Tt } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { u as Dt } from "../useDimensions-CeDR9V8N.mjs";
+import { M as _t } from "../MicroWidgetContainer-B2NnKBgW.mjs";
 const j = {
   gridRow: 1,
   gridColumn: 1,
@@ -106,17 +106,17 @@ const j = {
   }
 ), St = T(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: m } = D(), a = x.useMemo(
+    const { recurring: i } = b(), { selectedAccountGuids: o } = U(), { recurrences: s, setSelectedDay: m } = _(), a = x.useMemo(
       () => s.filter((f) => o.includes(f.accountGuid)),
       [o, s]
     ).filter(
       (f) => dt(f.occurredOnDate || f.expectedDate, t)
     ), l = a.some(
-      (f) => f.type !== E.Income && f.status === _.Upcoming
+      (f) => f.type !== E.Income && f.status === D.Upcoming
     ), u = a.some(
-      (f) => f.type !== E.Income && f.status === _.Missed
+      (f) => f.type !== E.Income && f.status === D.Missed
     ), g = a.some(
-      (f) => f.type !== E.Income && f.status === _.Paid
+      (f) => f.type !== E.Income && f.status === D.Paid
     ), y = a.some((f) => f.type === E.Income), C = (l ? 1 : 0) + (u ? 1 : 0) + (g ? 1 : 0) + (y ? 1 : 0), S = [
       g && i.paid,
       u && i.missed,
@@ -195,7 +195,7 @@ const j = {
     [O.ES]: it
   }[t] || be;
 }, Ee = T(() => {
-  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = D(), [s, m] = x.useState(
+  const t = ne(), { onEvent: n } = Y(), { recurring: r } = b(), { selectedDay: i, setDateRange: o } = _(), [s, m] = x.useState(
     xe(/* @__PURE__ */ new Date()) * W + Re
   ), p = (u) => {
     m(xe(u) * W + Re), o({
@@ -274,16 +274,16 @@ const j = {
   if (t.type === E.Income)
     return /* @__PURE__ */ e(ce, {});
   switch (t.status) {
-    case _.Missed:
+    case D.Missed:
       return /* @__PURE__ */ e(le, {});
-    case _.Paid:
+    case D.Paid:
       return /* @__PURE__ */ e(de, {});
     default:
       return /* @__PURE__ */ e(se, {});
   }
 }, vt = (t, n) => {
   switch (t.status) {
-    case _.Paid:
+    case D.Paid:
       return t.expectedDate ? G(
         n.paid_on,
         I(
@@ -291,12 +291,12 @@ const j = {
           M.MONTH_DAY
         )
       ) : n.paid;
-    case _.Missed:
+    case D.Missed:
       return G(
         n.missed_on,
         I(t.expectedDate, M.MONTH_DAY)
       );
-    case _.Upcoming:
+    case D.Upcoming:
       return G(
         n.upcoming_on,
         I(t.expectedDate, M.MONTH_DAY)
@@ -311,10 +311,10 @@ const j = {
   },
   showOrdinal: i = !1
 }) => {
-  const { recurring: o } = b(), { detailedRepeatingTransactions: s } = D(), m = x.useMemo(
+  const { recurring: o } = b(), { detailedRepeatingTransactions: s } = _(), m = x.useMemo(
     () => s.find((C) => C.guid === t.repeatingTransactionGuid),
     [t, s]
-  ), p = t.type === E.Income, a = t.status === _.Paid, l = t.status === _.Missed, u = t.status === _.Upcoming;
+  ), p = t.type === E.Income, a = t.status === D.Paid, l = t.status === D.Missed, u = t.status === D.Upcoming;
   let g = o.paid?.toLowerCase();
   return l ? g = o.missed?.toLowerCase() : u && (g = i ? ye(o, m || {}, !0) : ye(o, m || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
   /* @__PURE__ */ e(Me, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ c(bt, { onClick: () => {
@@ -445,7 +445,7 @@ const j = {
       ] }, `recurrence-${l}`)) })
     ] });
   }
-), _e = T(
+), De = T(
   ({ expected: t, isExpense: n = !0, missed: r, paid: i, title: o, total: s, upcoming: m }) => {
     const p = ne(), { isSmallMobile: a } = ve(), { recurring: l } = b(), u = x.useMemo(() => {
       const g = [{ color: p.palette.success.main, percentage: `${i / t}` }];
@@ -478,7 +478,7 @@ const j = {
     selectedRepeatingTransaction: r,
     setSelectedRecurrence: i,
     setSelectedRepeatingTransactionGuid: o
-  } = D(), s = () => {
+  } = _(), s = () => {
     o(null), i(null);
   };
   return /* @__PURE__ */ e(
@@ -517,7 +517,7 @@ const j = {
     upcomingExpenseTotal: Ne,
     upcomingIncomeTotal: ke,
     upcomingRecurrences: me
-  } = D(), [V, Oe] = x.useState(0), We = je(a.start, /* @__PURE__ */ new Date()), Pe = (R, $e) => {
+  } = _(), [V, Oe] = x.useState(0), We = je(a.start, /* @__PURE__ */ new Date()), Pe = (R, $e) => {
     Oe($e);
   }, pe = (R) => {
     ue(R.repeatingTransactionGuid), H(R), s(v.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
@@ -569,7 +569,7 @@ const j = {
               ] })
             ] }),
             /* @__PURE__ */ e(
-              _e,
+              De,
               {
                 expected: l,
                 missed: g,
@@ -580,7 +580,7 @@ const j = {
               }
             ),
             /* @__PURE__ */ e(
-              _e,
+              De,
               {
                 expected: u,
                 isExpense: !1,
@@ -650,7 +650,7 @@ const j = {
   );
 }), jn = T(
   ({ onBackClick: t, onMenuClick: n, sx: r = {} }) => {
-    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: a, setAlert: l, setDateRange: u } = D(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
+    const { recurring: i } = b(), { isInitialized: o, selectedAccountGuids: s } = U(), { alert: m, isDataLoaded: p, loadRepeatingTransactionData: a, setAlert: l, setDateRange: u } = _(), { setFilter: g } = re(), { onEvent: y } = Y(), [C, S] = x.useState(!1);
     return oe({
       widgetName: "RecurringTransactionsWidget",
       isLoaded: p
@@ -689,7 +689,7 @@ const j = {
               onClose: () => S(!1),
               shouldShowHeaderBorders: !1,
               title: i.action_title,
-              children: /* @__PURE__ */ e(De, {})
+              children: /* @__PURE__ */ e(_e, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -714,7 +714,7 @@ const j = {
     setSelectedRecurrence: s,
     setSelectedRepeatingTransactionGuid: m,
     upcomingRecurrences: p
-  } = D(), a = (u) => {
+  } = _(), a = (u) => {
     m(u.repeatingTransactionGuid), s(u);
   }, l = n < 750;
   return /* @__PURE__ */ c(d, { flexDirection: l ? "column" : "row", width: "100%", children: [
@@ -737,7 +737,7 @@ const j = {
   ] });
 }), Kn = T(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } = D(), { isInitialized: m, selectedAccountGuids: p } = U();
+    const { recurring: r } = b(), { setFilter: i } = re(), { isDataLoaded: o, loadRepeatingTransactionData: s } = _(), { isInitialized: m, selectedAccountGuids: p } = U();
     return oe({
       widgetName: "RecurringTransactionsMiniWidget",
       isLoaded: o
@@ -844,13 +844,13 @@ const j = {
   },
   `${r.categoryGuid}-${r.merchantGuid}-${i}`
 )) }), Ot = T(() => {
-  const t = ne(), [n, { width: r }] = _t(), {
+  const t = ne(), [n, { width: r }] = Dt(), {
     upcomingRecurrences: i,
     expenseTotal: o,
     missedExpenseTotal: s,
     paidExpenseTotal: m,
     upcomingExpenseTotal: p
-  } = D(), { recurring: a } = b(), l = r <= 288, u = r >= 450, g = 32, y = i.length > 0, C = x.useMemo(() => L(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
+  } = _(), { recurring: a } = b(), l = r <= 288, u = r >= 450, g = 32, y = i.length > 0, C = x.useMemo(() => L(o, o === 0 ? "0,0" : "0,0.00"), [o]), S = x.useMemo(() => {
     const w = [
       { color: t.palette.success.main, percentage: `${m / o}` }
     ];
@@ -951,7 +951,7 @@ const j = {
       repeatingTransactions: m,
       setDateRange: p,
       isDataLoaded: a
-    } = D(), { setFilter: l } = re(), { recurring: u, budgets: g } = b();
+    } = _(), { setFilter: l } = re(), { recurring: u, budgets: g } = b();
     oe({
       widgetName: "RecurringTransactionsMicroWidget",
       isLoaded: a
@@ -975,7 +975,7 @@ const j = {
     if (!r || !a) return /* @__PURE__ */ e(ae, { height: 100 });
     const C = !m?.length;
     return /* @__PURE__ */ e(
-      Dt,
+      _t,
       {
         className: "mx-recurring-transaction-microwidget",
         ctaLabel: C ? g.get_started_cta : u.primary_cta,
@@ -995,7 +995,7 @@ const j = {
         isOpen: t,
         onClose: n,
         title: i.cashflow_settings,
-        children: /* @__PURE__ */ e(De, { defaultSelectedTab: r })
+        children: /* @__PURE__ */ e(_e, { defaultSelectedTab: r })
       }
     );
   }
@@ -1004,7 +1004,7 @@ export {
   er as AddRecurringTransactionDetails,
   Jn as ManageExpenses,
   tr as ManageIncome,
-  De as RecurringSettings,
+  _e as RecurringSettings,
   qn as RecurringSettingsDrawer,
   Vn as RecurringTransactionsMicroWidget,
   Kn as RecurringTransactionsMiniWidget,

package/dist/settings/index.es.js

@@ -13,11 +13,11 @@ import { LocalizationProvider as ye } from "@mui/x-date-pickers/LocalizationProv
 import { useTheme as L, alpha as W } from "@mui/material/styles";
 import z from "@mui/material/Box";
 import Z from "@mui/material/Button";
-import A from "@mui/material/TextField";
+import I from "@mui/material/TextField";
 import { H3 as Y, P as M, Text as x, Icon as B } from "@mxenabled/mxui";
-import { V as xe, a as ve, N as J } from "../NotificationSettings-DltXMrnb.mjs";
-import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-DltXMrnb.mjs";
-import { u as k, i as G, B as E, D as Ce, a as ee, l as j } from "../hooks-DWOrMnfZ.mjs";
+import { V as xe, a as ve, N as J } from "../NotificationSettings-CW7okUrk.mjs";
+import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-CW7okUrk.mjs";
+import { u as k, i as G, A as E, C as Ce, a as ee, l as j } from "../hooks-97sNJ_lf.mjs";
 import { u as F } from "../useScreenSize-mWpmnh5w.mjs";
 import { D as $ } from "../Dialog-Bvd2n8hz.mjs";
 import { formatDistanceToNow as te } from "date-fns/formatDistanceToNow";
@@ -32,17 +32,17 @@ import Se from "@mui/material/AccordionSummary";
 import { L as ie } from "../Loader-CxeBwuPG.mjs";
 import Te from "@mui/material/List";
 import K from "@mui/material/Divider";
-import Ie from "@mui/material/ListSubheader";
-import { b as Ae, u as Ee } from "../CategorySelectorDrawer-k8AZYC8I.mjs";
+import Ae from "@mui/material/ListSubheader";
+import { b as Ie, u as Ee } from "../CategorySelectorDrawer-NJsFsKP1.mjs";
 import Pe from "@mui/material/ListItem";
 import Re from "@mui/material/ListItemButton";
 import Ne from "@mui/material/ListItemIcon";
 import Me from "@mui/material/ListItemText";
 import { ChevronRight as Le, ChevronLeft as Be } from "@mxenabled/mx-icons";
 import { D as He } from "../Drawer-DsnW2o0v.mjs";
-import { u as ne } from "../useWidgetLoadTimer-C0Mr0eRf.mjs";
-import { H as Oe } from "../Help-C3rQ0Cyu.mjs";
-import { W as q } from "../WidgetContainer-5O6N88mr.mjs";
+import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+import { H as Oe } from "../Help-zVZdcmlk.mjs";
+import { W as q } from "../WidgetContainer-CjdCY4sj.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = L(), { common: o, settings: n } = k(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = F(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [h, w] = m.useState({
     first_name: d.first_name,
@@ -52,7 +52,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
     birthday: d.birthday,
     postal_code: d.postal_code,
     credit_score: d.credit_score
-  }), [v, S] = m.useState(!1), [I, T] = m.useState(!1), g = m.useRef(null), D = h.email && !d.email_is_verified && !v, U = h.phone && !d.phone_is_verified && !v;
+  }), [v, S] = m.useState(!1), [A, T] = m.useState(!1), g = m.useRef(null), D = h.email && !d.email_is_verified && !v, U = h.phone && !d.phone_is_verified && !v;
   m.useEffect(() => {
     if (r) {
       const f = (R) => {
@@ -106,7 +106,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
               sx: { mb: 44, pt: 32 },
               children: [
                 /* @__PURE__ */ e(
-                  A,
+                  I,
                   {
                     defaultValue: h.first_name,
                     label: n.first_name,
@@ -114,7 +114,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  A,
+                  I,
                   {
                     defaultValue: h.last_name,
                     label: n.last_name,
@@ -127,7 +127,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
           /* @__PURE__ */ c(p, { direction: s ? "column" : "row", children: [
             b.display_email_edit_field_in_settings && /* @__PURE__ */ c(p, { sx: { mb: D ? 20 : 44, mr: s ? 0 : 24 }, children: [
               /* @__PURE__ */ e(
-                A,
+                I,
                 {
                   defaultValue: h.email,
                   label: n.email_address,
@@ -138,7 +138,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
             ] }),
             b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(p, { sx: { mb: U ? 20 : 44 }, children: [
               /* @__PURE__ */ e(
-                A,
+                I,
                 {
                   defaultValue: h.phone,
                   label: n.mobile_number,
@@ -180,7 +180,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
               }
             ) }),
             /* @__PURE__ */ e(
-              A,
+              I,
               {
                 defaultValue: h.postal_code,
                 label: n.zip_code,
@@ -190,7 +190,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
           ] }),
           /* @__PURE__ */ c(p, { children: [
             /* @__PURE__ */ e(
-              A,
+              I,
               {
                 defaultValue: h.credit_score,
                 label: n.credit_score,
@@ -216,7 +216,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
       $,
       {
         copy: { title: n.discard_changes },
-        isOpen: I,
+        isOpen: A,
         onClose: ce,
         onSecondaryAction: le,
         primaryText: n.keep_editing,
@@ -472,7 +472,7 @@ const Ve = ({
       default:
         return "";
     }
-  }, I = () => {
+  }, A = () => {
     const g = {
       "& .MuiDialogContent-root": {
         width: 400,
@@ -531,7 +531,7 @@ const Ve = ({
       primaryColor: t === y.Delete ? "error" : void 0,
       primaryText: S(),
       secondaryText: t === y.Token ? s.back : s.cancel_button,
-      sx: I(),
+      sx: A(),
       children: [
         t === y.Token && /* @__PURE__ */ c(p, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "body1", children: a.mobile_devices_access_label }),
@@ -550,7 +550,7 @@ const Ve = ({
           ),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_2 })
         ] }),
-        t === y.Edit && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(A, { onChange: (g) => w(g.target.value), value: h }) }),
+        t === y.Edit && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(I, { onChange: (g) => w(g.target.value), value: h }) }),
         t === y.Delete && /* @__PURE__ */ e(M, { children: a.mobile_devices_delete_info })
       ]
     }
@@ -565,7 +565,7 @@ const Ve = ({
     g ? (w(g), b({ open: !0, type: y.Token })) : n(r.mobile_devices_access_error, "error");
   }, S = (g) => {
     d(g), b({ open: !0, type: y.Edit });
-  }, I = (g) => {
+  }, A = (g) => {
     d(g), b({ open: !0, type: y.Delete });
   }, T = () => {
     b({ open: !1, type: "" }), d(void 0);
@@ -587,14 +587,14 @@ const Ve = ({
           We,
           {
             devices: u,
-            onClickDeviceDelete: I,
+            onClickDeviceDelete: A,
             onClickDeviceEdit: S
           }
         ) : /* @__PURE__ */ e(
           Ve,
           {
             devices: u,
-            onClickDeviceDelete: I,
+            onClickDeviceDelete: A,
             onClickDeviceEdit: S
           }
         ),
@@ -642,7 +642,7 @@ const Ve = ({
       }
     ),
     /* @__PURE__ */ e(
-      Ae,
+      Ie,
       {
         initialSelected: i?.category_guid ? i.category_guid : void 0,
         onClose: s,
@@ -682,7 +682,7 @@ const Ve = ({
           path: { fill: n.palette.secondary.darker }
         },
         children: /* @__PURE__ */ e(
-          A,
+          I,
           {
             onChange: (h) => b(h.target.value),
             sx: { width: 352 },
@@ -726,7 +726,7 @@ const Ve = ({
         primaryText: o.delete_button,
         title: n.edit_rule,
         children: [
-          /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "caption", children: n.details }) }),
+          /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "caption", children: n.details }) }),
           /* @__PURE__ */ e(Je, {}),
           /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
           /* @__PURE__ */ e($e, {}),
@@ -830,7 +830,7 @@ const Wt = C(({ onBackClick: t, onMenuClick: r, sx: i }) => {
     { enabled: h, index: 2, label: o?.notifications_label },
     { enabled: w, index: 3, label: o?.transaction_rules_label },
     { enabled: v, index: 4, label: o?.help_label }
-  ], I = S.find((D) => D.enabled), [T, g] = m.useState(I ? I.index : -1);
+  ], A = S.find((D) => D.enabled), [T, g] = m.useState(A ? A.index : -1);
   return !n || !u ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
     q,
     {

package/dist/spending/index.es.js

@@ -8,19 +8,19 @@ import y from "@mui/material/Stack";
 import $ from "@mui/material/Tab";
 import rt from "@mui/material/Tabs";
 import { useTheme as _t } from "@mui/material/styles";
-import { g as st, a as lt, S as B, b as q } from "../SpendingLegend-C_dMdqbe.mjs";
+import { g as st, a as lt, S as B, b as q } from "../SpendingLegend-CxvNOg3c.mjs";
 import { Text as T, Icon as bt } from "@mxenabled/mxui";
 import { f as k } from "../NumberFormatting--XMeeBfr.mjs";
-import { u as A, l as R, c as ct, a as P, i as H, g as dt, f as yt } from "../hooks-DWOrMnfZ.mjs";
-import { u as gt } from "../useWidgetLoadTimer-C0Mr0eRf.mjs";
+import { u as A, l as R, c as ct, a as P, i as H, g as dt, f as yt } from "../hooks-97sNJ_lf.mjs";
+import { u as gt } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
 import { L as pt } from "../Loader-CxeBwuPG.mjs";
-import { M as Ct } from "../MiniWidgetContainer-CIswJui8.mjs";
+import { M as Ct } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { startOfToday as J } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as Dt } from "../EmbeddedCard-BwfkCsUN.mjs";
-import { T as xt } from "../TransactionDetails-CDZNsKv7.mjs";
+import { T as Dt } from "../EmbeddedCard-DCOQnTz-.mjs";
+import { T as xt } from "../TransactionDetails-DT-MQqOB.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import Q from "@mui/material/List";
@@ -31,7 +31,7 @@ import { D as tt } from "../Drawer-DsnW2o0v.mjs";
 import { C as w } from "../Category-DEKZGLYe.mjs";
 import { parseISO as et } from "date-fns/parseISO";
 import { A as nt } from "../Analytics-D-jdcL72.mjs";
-import { W as It } from "../WidgetContainer-5O6N88mr.mjs";
+import { W as It } from "../WidgetContainer-CjdCY4sj.mjs";
 const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
   /* @__PURE__ */ t(T, { variant: "caption", children: k(n, o === "mini" ? "0,0" : "0,0.00") })
@@ -46,16 +46,16 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       n.palette.chartMono.chartMono6
     ],
     [n]
-  ), [e, r] = c.useState(""), [s, b] = c.useState(0), u = c.useMemo(
+  ), [e, r] = c.useState(""), [s, f] = c.useState(0), u = c.useMemo(
     () => st(a, d, n, i),
     [a, i]
   ), h = c.useMemo(
     () => lt(a, i, g),
     [a, i, g]
-  ), M = (_, D) => {
-    b(D), r("");
-  }, f = (_) => {
-    r(e === _ ? "" : _);
+  ), M = (b, D) => {
+    f(D), r("");
+  }, _ = (b) => {
+    r(e === b ? "" : b);
   };
   return /* @__PURE__ */ p(L, { width: "100%", children: [
     /* @__PURE__ */ p(
@@ -114,12 +114,12 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
             B,
             {
               data: u,
-              onSelected: f,
+              onSelected: _,
               selectedId: e,
               totalLabel: o.total_spending
             }
           ),
-          /* @__PURE__ */ t(q, { data: u, onSelected: f, selectedId: e })
+          /* @__PURE__ */ t(q, { data: u, onSelected: _, selectedId: e })
         ] })
       }
     ),
@@ -136,30 +136,30 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
             {
               data: h,
               isIncome: !0,
-              onSelected: f,
+              onSelected: _,
               selectedId: e,
               totalLabel: o.total_income
             }
           ),
-          /* @__PURE__ */ t(q, { data: h, onSelected: f, selectedId: e })
+          /* @__PURE__ */ t(q, { data: h, onSelected: _, selectedId: e })
         ] })
       }
     )
   ] });
 }, Et = I(At), Wt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = ct(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = R(), { spending: s } = A(), { isInitialized: b, selectedAccounts: u } = P();
+  const { isAccountDataLoaded: o, loadAccountData: a } = ct(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = R(), { spending: s } = A(), { isInitialized: f, selectedAccounts: u } = P();
   return gt({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
   }), c.useEffect(() => {
     o || a().finally(), g || e().finally();
   }, []), c.useEffect(() => {
-    r(
+    !f || !o || r(
       u,
       at(/* @__PURE__ */ new Date()),
       it(/* @__PURE__ */ new Date())
     ).finally();
-  }, [u]), b ? /* @__PURE__ */ t(
+  }, [f, o, u]), !f || !o || !i ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(
     Ct,
     {
       className: "mx-exp-spending-miniwidget",
@@ -170,7 +170,7 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       title: s.mini_title,
       children: /* @__PURE__ */ t(Et, {})
     }
-  ) : /* @__PURE__ */ t(pt, {});
+  );
 }, Ce = I(Wt), Rt = ({
   data: n,
   onSelected: d,
@@ -322,12 +322,12 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
     goals: g,
     spending: e,
     transactions: r
-  } = A(), { displayedDateRange: s, selectedAccountGuids: b } = P(), {
+  } = A(), { displayedDateRange: s, selectedAccountGuids: f } = P(), {
     setFilter: u,
     sortedTransactions: h,
     sortedTransactionsWithSplits: M,
-    tags: f
-  } = dt(), _ = o?.master?.deep_link_params?.account_guids, D = o?.master?.deep_link_params?.view, [x, N] = c.useState(""), [v, C] = c.useState(D === "income" ? 1 : 0), [E, W] = c.useState(""), [O, j] = c.useState(!1), F = c.useMemo(
+    tags: _
+  } = dt(), b = o?.master?.deep_link_params?.account_guids, D = o?.master?.deep_link_params?.view, [x, N] = c.useState(""), [v, C] = c.useState(D === "income" ? 1 : 0), [E, W] = c.useState(""), [O, j] = c.useState(!1), F = c.useMemo(
     () => st(a, g, n, i),
     [a, i]
   ), K = c.useMemo(
@@ -343,7 +343,7 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
   }, mt = (l) => {
     u({
       ...{
-        accounts: _ || b,
+        accounts: b || f,
         dateRange: s
       },
       custom: (m) => x === "other" ? m.top_level_category_guid === l : m.category_guid === l,
@@ -351,7 +351,7 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
     }), j(!0);
   }, Y = (l) => {
     const S = {
-      accounts: _ || b,
+      accounts: b || f,
       dateRange: s
     };
     if (v === 0)
@@ -374,7 +374,7 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       });
     j(!0);
   }, ht = () => {
-    Mt(M, f);
+    Mt(M, _);
   };
   return /* @__PURE__ */ p(L, { children: [
     /* @__PURE__ */ p(rt, { onChange: ut, value: v, variant: "fullWidth", children: [
@@ -456,24 +456,24 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
     )
   ] });
 }, Bt = I($t), Gt = ({ onBackClick: n, onMenuClick: d, sx: o = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: i } = ct(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: s } = R(), { isTransactionDataLoaded: b, loadTransactionData: u } = dt(), { spending: h } = A(), { displayedDateRange: M, isInitialized: f, setDisplayedDate: _, selectedAccounts: D } = P(), { onEvent: x } = yt(), { clientConfig: N } = H();
+  const { isAccountDataLoaded: a, loadAccountData: i } = ct(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: s } = R(), { isTransactionDataLoaded: f, loadTransactionData: u } = dt(), { spending: h } = A(), { displayedDateRange: M, isInitialized: _, setDisplayedDate: b, selectedAccounts: D } = P(), { onEvent: x } = yt(), { clientConfig: N } = H();
   gt({
     widgetName: "SpendingWidget",
     isLoaded: e
   }), c.useEffect(() => {
     const C = N?.master?.deep_link_params, E = C?.date_range ? [et(C.date_range.from), et(C.date_range.to)] : [at(J()), it(J())], W = E[0], O = E[1];
-    _(W, O), a || i().finally(), g || r().finally(), b || u().finally(), f && s(D, W, O).finally(), x(nt.SPENDING_VIEW);
+    b(W, O), a || i().finally(), g || r().finally(), f || u().finally(), _ && a && s(D, W, O).finally(), x(nt.SPENDING_VIEW);
   }, []), c.useEffect(() => {
-    f && s(
+    _ && a && s(
       D,
       M.start,
       M.end
     ).finally();
-  }, [M, f, D]);
+  }, [M, _, a, D]);
   const v = (C) => {
-    _(C[0], C[1]);
+    b(C[0], C[1]);
   };
-  return f ? /* @__PURE__ */ t(
+  return !_ || !a || !e ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(
     It,
     {
       calendarActions: { onRangeChanged: v },
@@ -484,7 +484,7 @@ const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y,
       title: h.title,
       children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })
     }
-  ) : /* @__PURE__ */ t(pt, {});
+  );
 }, Se = I(Gt);
 export {
   Ce as SpendingMiniWidget,