@mx-cartographer/experiences 4.1.2-alpha.mega3 → 4.1.2-alpha.mega4

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as l, Fragment as Q } from "react/jsx-runtime";
-import g, { useMemo as zo, useRef as ri, useEffect as wA, useState as yA, createContext as Ko, useContext as qo } from "react";
+import g, { useMemo as zo, useRef as ri, useEffect as xA, useState as EA, createContext as Ko, useContext as qo } from "react";
 import { observer as T } from "mobx-react-lite";
 import N from "@mui/material/Box";
 import H from "@mui/material/Divider";
@@ -42,7 +42,7 @@ import { endOfMonth as Re } from "date-fns/endOfMonth";
 import { format as Ye } from "date-fns/format";
 import { isSameMonth as $o } from "date-fns/isSameMonth";
 import { startOfMonth as xe } from "date-fns/startOfMonth";
-import { subMonths as EA } from "date-fns/subMonths";
+import { subMonths as bA } from "date-fns/subMonths";
 import gA from "@mui/material/Paper";
 import es from "@mui/icons-material/KeyboardArrowLeftRounded";
 import As from "@mui/icons-material/KeyboardArrowRightRounded";
@@ -52,9 +52,9 @@ import * as tA from "d3";
 import { selectAll as ts, interpolateString as ns, arc as as } from "d3";
 import { useTheme as cA, keyframes as rs, ThemeProvider as is } from "@mui/material/styles";
 import { ResponsiveChartContainer as os, AreaPlot as ss, LinePlot as cs, MarkPlot as ls, BarPlot as ds, ChartsXAxis as us, ChartsYAxis as hs, ChartsReferenceLine as gs, ChartsLegend as ms, LineChart as oi } from "@mui/x-charts";
-import { Stack as de, Box as vA, useTheme as GA, Card as Cn, CardContent as Cs, Button as ps, List as fs, Divider as vs } from "@mui/material";
-import pA from "@mui/material/Card";
-import LA from "@mui/material/CardContent";
+import { Stack as de, Box as yA, useTheme as GA, Card as Cn, CardContent as Cs, Button as ps, List as fs, Divider as vs } from "@mui/material";
+import fA from "@mui/material/Card";
+import IA from "@mui/material/CardContent";
 import QA from "@mui/material/Grid";
 import { differenceInCalendarDays as ys } from "date-fns/differenceInCalendarDays";
 import { endOfToday as ot } from "date-fns/endOfToday";
@@ -76,10 +76,10 @@ import ra from "@mui/material/CircularProgress";
 import { v4 as Is } from "uuid";
 import an from "@mui/material/InputAdornment";
 import Ls from "@mui/material/Radio";
-import fA from "@mui/material/Avatar";
+import vA from "@mui/material/Avatar";
 import be from "@mui/material/ListItemAvatar";
 import nA from "@mui/material/ListItemIcon";
-import { ChevronRight as bA, Payments as Ds, NoteStack as xs, Person as Os, CheckCircle as _s, Icon as Wa, ExpandLess as Ns, ExpandMore as Ps, AccountBalance as Ms, AddBox as li } from "@mxenabled/mx-icons";
+import { ChevronRight as wA, Payments as Ds, NoteStack as xs, Person as Os, CheckCircle as _s, Icon as Wa, ExpandLess as Ns, ExpandMore as Ps, AccountBalance as Ms, AddBox as li } from "@mxenabled/mx-icons";
 import { makeAutoObservable as De, runInAction as Y, reaction as Rs, observable as Hs } from "mobx";
 import { differenceInDays as Bs } from "date-fns/differenceInDays";
 import pn from "@mui/icons-material/ChevronRight";
@@ -1294,7 +1294,7 @@ const Wc = (e, A) => {
   isTablet: $t(fe().breakpoints.between("md", "xl"))
 }), Oi = (e) => {
   const A = ri();
-  return wA(() => {
+  return xA(() => {
     A.current = e;
   }, [e]), A.current;
 }, _i = ({
@@ -1763,7 +1763,7 @@ const ll = ({
   }, I = () => {
     d(oA(c, 1));
   }, S = () => {
-    d(EA(c, 1));
+    d(bA(c, 1));
   };
   return /* @__PURE__ */ t("div", { className: `mx-cmn-calendar ${s}`, children: /* @__PURE__ */ l(gA, { sx: { boxShadow: "none" }, children: [
     /* @__PURE__ */ t(
@@ -1940,7 +1940,7 @@ const ll = ({
   return /* @__PURE__ */ l(de, { style: { flexDirection: "row", gap: 25, ...n }, children: [
     e.map((r, i) => /* @__PURE__ */ l(de, { style: { alignItems: "center", flexDirection: "row" }, children: [
       /* @__PURE__ */ t(
-        vA,
+        yA,
         {
           sx: {
             width: 10,
@@ -2162,8 +2162,8 @@ const ll = ({
   cursorPosition: a,
   chartContainerRef: r
 }) => {
-  const i = cA(), o = ri(null), [s, c] = yA({ x: a.x, y: a.y });
-  if (wA(() => {
+  const i = cA(), o = ri(null), [s, c] = EA({ x: a.x, y: a.y });
+  if (xA(() => {
     (() => {
       const h = o.current, m = r.current;
       if (!h || !m) return;
@@ -2174,7 +2174,7 @@ const ll = ({
   }, [a, r]), !n) return null;
   const d = n.reduce((u, h) => u + h.y, 0);
   return /* @__PURE__ */ t(
-    pA,
+    fA,
     {
       ref: o,
       sx: {
@@ -2184,7 +2184,7 @@ const ll = ({
         width: 250,
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ l(LA, { children: [
+      children: /* @__PURE__ */ l(IA, { children: [
         /* @__PURE__ */ l(N, { alignItems: "center", display: "flex", flexDirection: "column", children: [
           /* @__PURE__ */ t(zi, { categoryGuid: e, topLevelCategoryGuid: A }),
           /* @__PURE__ */ t(p, { variant: "Small", children: `${n.length}-month total` }),
@@ -2216,7 +2216,7 @@ const ll = ({
   xData: r
 }) => {
   const i = GA(), o = a.data[n], s = r[n];
-  return o === void 0 || !s ? null : /* @__PURE__ */ t(Cn, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ t(Cs, { children: /* @__PURE__ */ l(vA, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+  return o === void 0 || !s ? null : /* @__PURE__ */ t(Cn, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ t(Cs, { children: /* @__PURE__ */ l(yA, { alignItems: "center", display: "flex", flexDirection: "column", children: [
     /* @__PURE__ */ t(zi, { categoryGuid: e, topLevelCategoryGuid: A }),
     /* @__PURE__ */ t(p, { color: i.palette.text.secondary, variant: "Small", children: ne(s, Z.MONTH_SHORT_YEAR) }),
     /* @__PURE__ */ t(Ie, { amount: String(o), bold: !0, formatString: "0,0", variant: "Body" })
@@ -2323,7 +2323,7 @@ const ll = ({
       guid: Pe?.category_guid,
       topLevelGuid: Pe?.top_level_category_guid
     };
-  }, xA = (U) => {
+  }, DA = (U) => {
     m(U), n?.(U ?? "");
   }, at = (U) => {
     a?.(U ?? "");
@@ -2448,7 +2448,7 @@ const ll = ({
             categoryGuids: we,
             hoveredLegend: h,
             onClickLegend: at,
-            onHoverLegend: xA,
+            onHoverLegend: DA,
             sx: { px: d ? 0 : 24 }
           }
         ),
@@ -2681,11 +2681,11 @@ const ll = ({
   }, [_]);
   const z = () => {
     const V = Re(ot());
-    return [Re(EA(V, _)), V];
+    return [Re(bA(V, _)), V];
   }, K = (V) => {
     const te = [...h], ue = h[0], Ce = h[1], he = V === "previous";
     if (C === n.dateRangePickerCopy.dateRangeThisMonth)
-      te[0] = he ? EA(ue, 1) : oA(ue, 1), te[1] = Re(he ? EA(Ce, 1) : oA(Ce, 1));
+      te[0] = he ? bA(ue, 1) : oA(ue, 1), te[1] = Re(he ? bA(Ce, 1) : oA(Ce, 1));
     else if (C === n.dateRangePickerCopy.dateRangeYTD || C === n.dateRangePickerCopy.dateRangeLastYear)
       te[0] = he ? Qa(Ua(ue), 1) : Kt(Ua(ue), 1), te[1] = he ? Qa(ja(ue), 1) : Kt(ja(ue), 1);
     else {
@@ -3064,7 +3064,7 @@ const lt = ({
   title: o = ""
 }) => {
   const [s, { height: c, width: d }] = qi();
-  return /* @__PURE__ */ l(pA, { className: e, sx: { borderRadius: "8px", ...i }, children: [
+  return /* @__PURE__ */ l(fA, { className: e, sx: { borderRadius: "8px", ...i }, children: [
     /* @__PURE__ */ t(
       FA,
       {
@@ -3082,7 +3082,7 @@ const lt = ({
         title: o ? /* @__PURE__ */ t($A, { sx: { pb: 4 }, children: o }) : null
       }
     ),
-    /* @__PURE__ */ t(LA, { ref: s, sx: { p: 0 }, children: /* @__PURE__ */ t(Mi, { availableHeight: c, availableWidth: d, children: A }) })
+    /* @__PURE__ */ t(IA, { ref: s, sx: { p: 0 }, children: /* @__PURE__ */ t(Mi, { availableHeight: c, availableWidth: d, children: A }) })
   ] });
 }, Nl = ({
   accountOptions: e,
@@ -3135,7 +3135,7 @@ const lt = ({
     dateRangePreviousAria: x.date_range_picker.previous_aria
   }, F = r ? r.start : D.start, V = r ? r.end : D.end;
   return /* @__PURE__ */ l(
-    pA,
+    fA,
     {
       className: o,
       sx: {
@@ -3239,11 +3239,11 @@ const lt = ({
             }
           )
         ] }),
-        /* @__PURE__ */ t(LA, { ref: C, sx: { p: 0 }, children: /* @__PURE__ */ t(Mi, { availableHeight: f, availableWidth: v, children: a }) })
+        /* @__PURE__ */ t(IA, { ref: C, sx: { p: 0 }, children: /* @__PURE__ */ t(Mi, { availableHeight: f, availableWidth: v, children: a }) })
       ]
     }
   );
-}, IA = T(Nl), Pl = ({ status: e = YA.Loading }) => {
+}, pA = T(Nl), Pl = ({ status: e = YA.Loading }) => {
   const { connect: A } = L();
   return /* @__PURE__ */ t(
     N,
@@ -3545,7 +3545,7 @@ const hr = "connect_widget", gr = "connections_widget", Ml = ({
   }
 ), dn = ({ iconName: e, label: A, onClick: n, value: a }) => {
   const r = /* @__PURE__ */ l(Q, { children: [
-    /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: e, sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
+    /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: e, sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
     /* @__PURE__ */ t(
       J,
       {
@@ -3592,7 +3592,7 @@ const hr = "connect_widget", gr = "connections_widget", Ml = ({
       }
     )
   }
-), DA = T(
+), LA = T(
   ({
     children: e,
     isDisabled: A = !1,
@@ -3630,7 +3630,7 @@ const hr = "connect_widget", gr = "connections_widget", Ml = ({
             primaryTypographyProps: { variant: "Body" }
           }
         ),
-        !A && !c && /* @__PURE__ */ t(bA, {})
+        !A && !c && /* @__PURE__ */ t(wA, {})
       ] }),
       /* @__PURE__ */ t(
         Oe,
@@ -5521,7 +5521,7 @@ const Dd = ({
 }, Lr = (e) => {
   const A = [], n = ie();
   for (let a = 0; a <= Tr; a++) {
-    const r = xe(EA(n, Tr - a)), o = e.filter(
+    const r = xe(bA(n, Tr - a)), o = e.filter(
       (s) => s.year_month === Number(Ye(r, "yyyyMM"))
     ).reduce((s, c) => s + c.total, 0);
     A.push({
@@ -5624,7 +5624,7 @@ class Yd {
     }
   };
   loadMonthlyCategoryTotals = async (A = this.globalStore.accountStore.accounts, n, a) => {
-    const r = pe(xe(n ?? EA(/* @__PURE__ */ new Date(), 11))), i = pe(Re(a ?? /* @__PURE__ */ new Date()));
+    const r = pe(xe(n ?? bA(/* @__PURE__ */ new Date(), 11))), i = pe(Re(a ?? /* @__PURE__ */ new Date()));
     try {
       const o = await this.api.getMonthlyCategoryTotals(r, i, A);
       Y(() => {
@@ -5642,7 +5642,7 @@ class Yd {
         pe(a),
         A
       ), i = await this.api.getMonthlyCategoryTotals(
-        pe(xe(EA(a, 11))),
+        pe(xe(bA(a, 11))),
         pe(Re(a)),
         A
       );
@@ -5704,7 +5704,7 @@ const Ui = ({ transaction: e }) => {
           r(k.ON_TRANSACTION_CATEGORY_CLICK), d(!0);
         },
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(
             sA,
             {
               categoryGuid: e.top_level_category_guid,
@@ -5776,7 +5776,7 @@ const Ui = ({ transaction: e }) => {
           n(k.ON_TRANSACTION_DATE_CLICK), c(!0);
         },
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "calendar_month", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "calendar_month", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
           /* @__PURE__ */ t(
             J,
             {
@@ -5827,7 +5827,7 @@ const Ui = ({ transaction: e }) => {
           A(k.ON_TRANSACTION_DELETE_CLICK), a(!0), s(!0);
         },
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { variant: "rounded", children: /* @__PURE__ */ t(Gt, { color: "secondary", fontSize: "small" }) }) }),
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { variant: "rounded", children: /* @__PURE__ */ t(Gt, { color: "secondary", fontSize: "small" }) }) }),
           /* @__PURE__ */ t(
             J,
             {
@@ -5869,7 +5869,7 @@ const Ui = ({ transaction: e }) => {
           A(k.ON_TRANSACTION_DELETE_LOGO_CLICK), s(!0);
         },
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "delete", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "delete", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
           /* @__PURE__ */ t(J, { primary: i.merchant_logo_title, secondary: i.merchant_logo_desc }),
           /* @__PURE__ */ t(nA, { children: /* @__PURE__ */ t(B, { name: "chevron_right", weight: Qe.Dark }) })
         ]
@@ -5918,7 +5918,7 @@ const Ui = ({ transaction: e }) => {
         },
         role: "switch",
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: c ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: c ? /* @__PURE__ */ t(
             B,
             {
               name: "visibilityOff",
@@ -6004,7 +6004,7 @@ const Ui = ({ transaction: e }) => {
           A(k.ON_TRANSACTION_MEMO_CLICK), s(!0);
         },
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "article", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "article", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
           /* @__PURE__ */ t(
             J,
             {
@@ -6268,7 +6268,7 @@ const Ui = ({ transaction: e }) => {
   }, [f]);
   return /* @__PURE__ */ l(g.Fragment, { children: [
     e && /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(ae, { onClick: D, children: [
-      /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "call_split", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
+      /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "call_split", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
       /* @__PURE__ */ t(
         J,
         {
@@ -6553,7 +6553,7 @@ const Ui = ({ transaction: e }) => {
           A(k.ON_TRANSACTION_TAGS_CLICK), d(!0);
         },
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "local_offer", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(B, { name: "local_offer", sx: { color: "text.primary" }, weight: Qe.Dark }) }) }),
           /* @__PURE__ */ t(
             J,
             {
@@ -6909,7 +6909,7 @@ const Ui = ({ transaction: e }) => {
     selectedAccounts: F,
     setDisplayedDate: V,
     setSelectedAccounts: te
-  } = ye(), [ue, Ce] = g.useState(""), [he, we] = g.useState(""), [iA, xA] = g.useState(!1), [at, Se] = g.useState(!1), [Je, PA] = g.useState(!1);
+  } = ye(), [ue, Ce] = g.useState(""), [he, we] = g.useState(""), [iA, DA] = g.useState(!1), [at, Se] = g.useState(!1), [Je, PA] = g.useState(!1);
   g.useEffect(() => {
     te(r);
   }, [r]), g.useEffect(() => {
@@ -6947,16 +6947,16 @@ const Ui = ({ transaction: e }) => {
     }), Ce(
       "addTransaction"
       /* AddTransaction */
-    ), x(G.TRANSACTIONS_CLICK_ADD)) : (xA(!0), x(G.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+    ), x(G.TRANSACTIONS_CLICK_ADD)) : (DA(!0), x(G.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Dt = async () => {
     Ee && await C(s), Ce("");
   }, Mn = () => {
-    xA(!1), Se(!0);
+    DA(!1), Se(!0);
   }, Rn = () => {
     Se(!1), i();
   };
   return !K || !Je ? /* @__PURE__ */ t(Ve, {}) : /* @__PURE__ */ l(
-    IA,
+    pA,
     {
       accountOptions: r,
       actions: [
@@ -7075,7 +7075,7 @@ const Ui = ({ transaction: e }) => {
             copy: { title: _.add_manual_account },
             isOpen: iA,
             onClose: () => {
-              xA(!1);
+              DA(!1);
             },
             onPrimaryAction: Mn
           }
@@ -8332,7 +8332,7 @@ const Ui = ({ transaction: e }) => {
   }, [r, i]);
   const [u, h] = g.useState(!1);
   return /* @__PURE__ */ l(
-    IA,
+    pA,
     {
       accountOptions: n,
       actions: [
@@ -9407,7 +9407,7 @@ const bh = ({ activity: e }) => /* @__PURE__ */ l(Q, { children: [
     transform: rotate(360deg);
   }
 `, Kh = () => {
-  const { addCashflowEvent: e, addCashflowSequence: A, cashflowSequences: n } = ke(), { cashflow: a, common: r } = L(), { completeOnboarding: i } = ya(), { isDirty: o } = Tt(), { isMobile: s } = Be(), { setDisplayedDate: c } = ye(), { filter: d, setFilter: u, transactions: h } = ge(), m = fe(), [C, f] = yA(!0), [v, E] = g.useState(X.EveryMonth), [I, S] = yA(!1), [w, D] = g.useState(null), [_, O] = yA(1), [x, z] = yA([]), [K, q] = yA(""), F = g.useMemo(
+  const { addCashflowEvent: e, addCashflowSequence: A, cashflowSequences: n } = ke(), { cashflow: a, common: r } = L(), { completeOnboarding: i } = ya(), { isDirty: o } = Tt(), { isMobile: s } = Be(), { setDisplayedDate: c } = ye(), { filter: d, setFilter: u, transactions: h } = ge(), m = fe(), [C, f] = EA(!0), [v, E] = g.useState(X.EveryMonth), [I, S] = EA(!1), [w, D] = g.useState(null), [_, O] = EA(1), [x, z] = EA([]), [K, q] = EA(""), F = g.useMemo(
     () => h.find((he) => he.guid === K),
     [K]
   ), V = !!n.length, te = async () => {
@@ -9424,9 +9424,9 @@ const bh = ({ activity: e }) => /* @__PURE__ */ l(Q, { children: [
           we,
           we.frequency,
           we.nextDate
-        ), xA = await A(iA);
-        if (xA) {
-          const at = eo(xA, we);
+        ), DA = await A(iA);
+        if (DA) {
+          const at = eo(DA, we);
           await e(at);
         }
       }
@@ -9589,7 +9589,7 @@ const bh = ({ activity: e }) => /* @__PURE__ */ l(Q, { children: [
     );
     m(I), d({ accounts: I.map((S) => S.guid) });
   }, [c, n]), u?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ l(
-    IA,
+    pA,
     {
       accountOptions: c,
       actions: [
@@ -9631,7 +9631,7 @@ const bh = ({ activity: e }) => /* @__PURE__ */ l(Q, { children: [
       ]
     }
   ) : /* @__PURE__ */ t(
-    IA,
+    pA,
     {
       onBackClick: e,
       sx: { height: "100%", overflow: "auto" },
@@ -9854,7 +9854,7 @@ const tn = {
       /* @__PURE__ */ l(de, { bgcolor: a.palette.background.paper, mb: 24, children: [
         /* @__PURE__ */ l(de, { alignItems: "center", flexDirection: "row", pl: 24, children: [
           /* @__PURE__ */ t(
-            vA,
+            yA,
             {
               sx: {
                 display: "flex",
@@ -9907,7 +9907,7 @@ const tn = {
         ] }),
         /* @__PURE__ */ l(de, { alignItems: "center", flexDirection: "row", pl: 24, children: [
           /* @__PURE__ */ t(
-            vA,
+            yA,
             {
               sx: {
                 width: 20,
@@ -9937,7 +9937,7 @@ const tn = {
         ] }),
         /* @__PURE__ */ l(de, { alignItems: "center", flexDirection: "row", pl: 24, py: 14, children: [
           /* @__PURE__ */ t(
-            vA,
+            yA,
             {
               sx: {
                 width: 20,
@@ -9978,7 +9978,7 @@ const tn = {
       /* @__PURE__ */ l(de, { bgcolor: a.palette.background.paper, mb: 24, children: [
         /* @__PURE__ */ l(de, { alignItems: "center", flexDirection: "row", pl: 24, children: [
           /* @__PURE__ */ t(
-            vA,
+            yA,
             {
               sx: {
                 display: "flex",
@@ -10031,7 +10031,7 @@ const tn = {
         ] }),
         /* @__PURE__ */ l(de, { alignItems: "center", flexDirection: "row", pl: 24, children: [
           /* @__PURE__ */ t(
-            vA,
+            yA,
             {
               sx: {
                 width: 20,
@@ -10083,7 +10083,7 @@ const tn = {
       /* @__PURE__ */ l(de, { bgcolor: a.palette.background.paper, mb: 24, children: [
         /* @__PURE__ */ l(de, { alignItems: "center", flexDirection: "row", pl: 24, children: [
           /* @__PURE__ */ t(
-            vA,
+            yA,
             {
               sx: {
                 display: "flex",
@@ -10153,7 +10153,7 @@ const tn = {
   return ve().uiStore;
 }, xn = (e) => e.top_level_category_guid === b.INCOME || e.category_guid === b.INCOME, Vh = (e) => !xn(e) && !co(e), so = (e) => Ar.includes(e.top_level_category_guid) || Ar.includes(e.category_guid), co = (e) => e.top_level_category_guid === b.TRANSFER || e.category_guid === b.TRANSFER, Jh = (e) => !xn(e) && !so(e) && !co(e), Zh = (e) => e.filter((A) => A.category_guid === A.top_level_category_guid), Ma = (e, A) => {
   const n = [];
-  let a = xe(EA(/* @__PURE__ */ new Date(), 5));
+  let a = xe(bA(/* @__PURE__ */ new Date(), 5));
   const r = /* @__PURE__ */ new Date();
   for (; Te(a, r); )
     n.push({
@@ -10174,7 +10174,7 @@ const tn = {
   const A = [], n = e.filter(
     (i) => i.top_level_category_guid !== b.INCOME && i.top_level_category_guid !== b.TRANSFER && i.total > 0
   );
-  let a = xe(EA(/* @__PURE__ */ new Date(), 5));
+  let a = xe(bA(/* @__PURE__ */ new Date(), 5));
   const r = Re(/* @__PURE__ */ new Date());
   for (; Te(a, r); )
     A.push({
@@ -10219,7 +10219,7 @@ const tn = {
       i(!0);
     });
   }, [n, a]), !n || !r ? /* @__PURE__ */ t(Ve, {}) : /* @__PURE__ */ l(
-    pA,
+    fA,
     {
       sx: {
         borderRadius: 2,
@@ -10236,7 +10236,7 @@ const tn = {
             title: /* @__PURE__ */ t($A, { sx: { pb: 4 }, children: ne(/* @__PURE__ */ new Date(), Z.MONTH_LONG) })
           }
         ),
-        /* @__PURE__ */ t(LA, { sx: { p: 0 }, children: /* @__PURE__ */ t(ig, {}) })
+        /* @__PURE__ */ t(IA, { sx: { p: 0 }, children: /* @__PURE__ */ t(ig, {}) })
       ]
     }
   );
@@ -10411,7 +10411,7 @@ const lo = ({
   const e = GA(), { selectedDebtChartData: A } = dt();
   return /* @__PURE__ */ l(Q, { children: [
     /* @__PURE__ */ l(
-      pA,
+      fA,
       {
         sx: {
           borderRadius: 2,
@@ -10421,7 +10421,7 @@ const lo = ({
         },
         children: [
           /* @__PURE__ */ t(FA, { sx: { pb: 0 }, title: /* @__PURE__ */ t($A, { sx: { pb: 4 }, children: Br.card_title }) }),
-          /* @__PURE__ */ t(LA, { sx: { p: 0 }, children: /* @__PURE__ */ t(lo, { debts: [A], height: 250 }) })
+          /* @__PURE__ */ t(IA, { sx: { p: 0 }, children: /* @__PURE__ */ t(lo, { debts: [A], height: 250 }) })
         ]
       }
     ),
@@ -10518,7 +10518,7 @@ const lo = ({
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isDisabled: e.is_complete,
       isSaveDisabled: !i || Number.isNaN(Number(i)),
@@ -10550,7 +10550,7 @@ const lo = ({
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isDisabled: e.is_complete,
       isSaveDisabled: i === 0,
@@ -10584,7 +10584,7 @@ const lo = ({
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isDisabled: e.is_complete,
       isSaveDisabled: i === 0,
@@ -10617,7 +10617,7 @@ const lo = ({
     }, 250);
   }, s = !a || isNaN(Number(a));
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isSaveDisabled: s,
       label: `${A.details_interest_rate} (%)`,
@@ -10646,7 +10646,7 @@ const lo = ({
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isSaveDisabled: isNaN(a),
       label: A.details_monthly_payment,
@@ -10678,7 +10678,7 @@ const lo = ({
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isSaveDisabled: isNaN(a),
       label: A.details_original_balance,
@@ -11069,7 +11069,7 @@ const _g = ({
   }, O = () => {
   };
   return !u || !n ? /* @__PURE__ */ t(Ve, {}) : /* @__PURE__ */ l(
-    IA,
+    pA,
     {
       accountOptions: I,
       onAccountsFilterClick: O,
@@ -11332,11 +11332,11 @@ const mo = T(
       }
     ];
     let u = /* @__PURE__ */ t(Ds, {});
-    return e.track_type === ee.DEBT_TRACK ? u = /* @__PURE__ */ t(xs, {}) : e.track_type === ee.RETIREMENT_TRACK && (u = /* @__PURE__ */ t(Os, {})), /* @__PURE__ */ t(pA, { elevation: 2, sx: { borderRadius: 2 }, children: /* @__PURE__ */ l(Ci, { disabled: !n, onClick: n, children: [
+    return e.track_type === ee.DEBT_TRACK ? u = /* @__PURE__ */ t(xs, {}) : e.track_type === ee.RETIREMENT_TRACK && (u = /* @__PURE__ */ t(Os, {})), /* @__PURE__ */ t(fA, { elevation: 2, sx: { borderRadius: 2 }, children: /* @__PURE__ */ l(Ci, { disabled: !n, onClick: n, children: [
       /* @__PURE__ */ t(
         FA,
         {
-          avatar: /* @__PURE__ */ t(fA, { sx: { bgcolor: r, color: i, height: 48, width: 48 }, variant: "rounded", children: u }),
+          avatar: /* @__PURE__ */ t(vA, { sx: { bgcolor: r, color: i, height: 48, width: 48 }, variant: "rounded", children: u }),
           subheader: /* @__PURE__ */ t(p, { variant: A ? "H3" : "H2", children: `
                 ${R(e.current_amount, "0,0.00")}/
                 ${R(e.amount, "0,0.00")}
@@ -11344,7 +11344,7 @@ const mo = T(
           title: /* @__PURE__ */ t(Ut, { color: "text.secondary", fontWeight: 400, variant: "Body", children: e.name })
         }
       ),
-      /* @__PURE__ */ t(LA, { sx: { pt: 0 }, children: /* @__PURE__ */ l(y, { gap: 6, children: [
+      /* @__PURE__ */ t(IA, { sx: { pt: 0 }, children: /* @__PURE__ */ l(y, { gap: 6, children: [
         /* @__PURE__ */ t(Ft, { data: d, height: 24 }),
         /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: s }),
@@ -11364,7 +11364,7 @@ const mo = T(
     }
   };
   return /* @__PURE__ */ t(y, { bgcolor: "background.paper", children: /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       label: A.contribution_label,
       onSave: c,
@@ -11442,7 +11442,7 @@ const mo = T(
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ t(p, { variant: "Body", children: A.reorder_goals_title }),
-          /* @__PURE__ */ t(bA, {})
+          /* @__PURE__ */ t(wA, {})
         ]
       }
     ) }) }) }),
@@ -11494,7 +11494,7 @@ const mo = T(
           justifyContent: "center",
           ".MuiAvatar-root": { height: "16px", width: "16px" }
         },
-        children: /* @__PURE__ */ t(fA, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: A + 1 }) })
+        children: /* @__PURE__ */ t(vA, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: A + 1 }) })
       }
     ),
     /* @__PURE__ */ t(J, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
@@ -11533,7 +11533,7 @@ const mo = T(
   const { goals: A, common: n } = L(), { orderedGoals: a } = Ue(), r = a.filter((C) => C.track_type === e), i = r.filter((C) => !C.is_complete), o = r.filter((C) => C.is_complete), [s, c] = g.useState(!1);
   let d = A.manage_saving_goals, u = A.manage_saving_drawer_title, h = A.manage_saving_title, m = A.manage_saving_description;
   return e === ee.DEBT_TRACK ? (d = A.manage_debt_goals, u = A.manage_debt_drawer_title, h = A.manage_debt_title, m = A.manage_debt_description) : e === ee.RETIREMENT_TRACK && (d = A.manage_retirement_goals, u = A.manage_retirement_drawer_title, h = A.manage_retirement_title, m = A.manage_retirement_description), /* @__PURE__ */ l(y, { children: [
-    /* @__PURE__ */ t(oe, { endIcon: /* @__PURE__ */ t(bA, {}), onClick: () => c(!0), children: d }),
+    /* @__PURE__ */ t(oe, { endIcon: /* @__PURE__ */ t(wA, {}), onClick: () => c(!0), children: d }),
     /* @__PURE__ */ t(
       re,
       {
@@ -11575,7 +11575,7 @@ const mo = T(
     e !== ee.RETIREMENT_TRACK && /* @__PURE__ */ l(y, { gap: 16, mt: 48, children: [
       /* @__PURE__ */ t(p, { color: "text.secondary", variant: "Small", children: n.complete_title }),
       s.length === 0 && /* @__PURE__ */ t(y, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ t(p, { variant: "Small", children: c }) }),
-      s.map((d) => /* @__PURE__ */ t(pA, { elevation: 2, sx: { borderRadius: 2 }, children: /* @__PURE__ */ t(Ci, { onClick: () => r(d), children: /* @__PURE__ */ t(LA, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      s.map((d) => /* @__PURE__ */ t(fA, { elevation: 2, sx: { borderRadius: 2 }, children: /* @__PURE__ */ t(Ci, { onClick: () => r(d), children: /* @__PURE__ */ t(IA, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", gap: 6, children: [
           /* @__PURE__ */ t(B, { color: "success", fill: !0, name: "check_circle", size: 20 }),
           /* @__PURE__ */ t(p, { color: "text.secondary", variant: "Body", children: d.name })
@@ -11596,9 +11596,9 @@ const mo = T(
           c
         ),
         children: [
-          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fA, { sx: { bgcolor: a }, variant: "rounded", children: /* @__PURE__ */ t(Wa, { name: r, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(vA, { sx: { bgcolor: a }, variant: "rounded", children: /* @__PURE__ */ t(Wa, { name: r, sx: { color: "grey.900" } }) }) }),
           /* @__PURE__ */ t(J, { primary: i, secondary: o, sx: { mr: 24 } }),
-          !h && /* @__PURE__ */ t(bA, {}),
+          !h && /* @__PURE__ */ t(wA, {}),
           h && (d ? /* @__PURE__ */ t(Ns, {}) : /* @__PURE__ */ t(Ps, {}))
         ]
       }
@@ -11613,7 +11613,7 @@ const mo = T(
           primaryTypographyProps: { variant: "Body" }
         }
       ),
-      /* @__PURE__ */ t(bA, {})
+      /* @__PURE__ */ t(wA, {})
     ] }) }, C)) }) })
   ] }) });
 }, Co = ({
@@ -11662,7 +11662,7 @@ const mo = T(
             /* @__PURE__ */ t(H, { variant: f < e.length - 1 ? "inset" : "fullWidth" })
           ] }, C.guid))
         ] }),
-        /* @__PURE__ */ l(pA, { sx: { m: 24 }, children: [
+        /* @__PURE__ */ l(fA, { sx: { m: 24 }, children: [
           /* @__PURE__ */ t(
             FA,
             {
@@ -11671,12 +11671,12 @@ const mo = T(
               title: /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: i.connect_title })
             }
           ),
-          /* @__PURE__ */ t(LA, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ l(y, { alignItems: "flex-start", spacing: 2, children: [
+          /* @__PURE__ */ t(IA, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ l(y, { alignItems: "flex-start", spacing: 2, children: [
             /* @__PURE__ */ t(p, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: i.connect_description }),
             /* @__PURE__ */ t(
               oe,
               {
-                endIcon: /* @__PURE__ */ t(bA, {}),
+                endIcon: /* @__PURE__ */ t(wA, {}),
                 onClick: m,
                 sx: {
                   pl: 0,
@@ -11763,7 +11763,7 @@ const mo = T(
           secondary: R(e.balance || 0, "0,0.00")
         }
       ),
-      /* @__PURE__ */ t(bA, {})
+      /* @__PURE__ */ t(wA, {})
     ] }),
     /* @__PURE__ */ t(re, { isOpen: a, onClose: () => r(!1), title: A.account_details, children: /* @__PURE__ */ l(y, { children: [
       /* @__PURE__ */ t(Ra, {}),
@@ -11780,7 +11780,7 @@ const mo = T(
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isDisabled: e.is_complete,
       isSaveDisabled: i === 0,
@@ -11815,7 +11815,7 @@ const mo = T(
         /* @__PURE__ */ t(li, { filled: !0 }),
         r.details_add_account
       ] }) }),
-      /* @__PURE__ */ t(bA, { color: "primary" })
+      /* @__PURE__ */ t(wA, { color: "primary" })
     ] }) }) : /* @__PURE__ */ l(y, { gap: 8, mt: 24, mx: 24, children: [
       /* @__PURE__ */ t(oe, { onClick: () => u(!0), variant: "text", children: r.details_change_account }),
       /* @__PURE__ */ t(
@@ -11845,7 +11845,7 @@ const mo = T(
             secondary: R(m?.balance || 0, "0,0.00")
           }
         ),
-        /* @__PURE__ */ t(bA, {})
+        /* @__PURE__ */ t(wA, {})
       ] }) }, m.guid)) }),
       /* @__PURE__ */ t(p, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: a.account_types[2] }),
       /* @__PURE__ */ t(Ae, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(ae, { onClick: () => h(m.guid), children: [
@@ -11863,7 +11863,7 @@ const mo = T(
             secondary: R(m?.balance || 0, "0,0.00")
           }
         ),
-        /* @__PURE__ */ t(bA, {})
+        /* @__PURE__ */ t(wA, {})
       ] }) }, m.guid)) })
     ] }) })
   ] });
@@ -11877,7 +11877,7 @@ const mo = T(
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isDisabled: e.is_complete,
       isSaveDisabled: !i,
@@ -11910,7 +11910,7 @@ const mo = T(
     }, 250);
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isDisabled: e.is_complete,
       isSaveDisabled: !i || Number.isNaN(Number(i)) || i < 20 || i >= 100,
@@ -11937,7 +11937,7 @@ const mo = T(
     i && gi(i) && (await a({ ...n, birthday: pe(i) }), r(A.alert_goal_updated_birthday));
   };
   return /* @__PURE__ */ t(
-    DA,
+    LA,
     {
       isDisabled: d,
       isSaveDisabled: !!s,
@@ -11988,7 +11988,7 @@ const mo = T(
         /* @__PURE__ */ t(li, { filled: !0 }),
         A.details_add_account
       ] }) }),
-      /* @__PURE__ */ t(bA, { color: "primary" })
+      /* @__PURE__ */ t(wA, { color: "primary" })
     ] }) }),
     /* @__PURE__ */ t(
       Co,
@@ -12128,7 +12128,7 @@ const mo = T(
     E(!1), q === ee.SAVINGS_TRACK ? f(0) : q === ee.DEBT_TRACK ? f(1) : q === ee.RETIREMENT_TRACK && f(2);
   };
   return /* @__PURE__ */ l(
-    IA,
+    pA,
     {
       accountOptions: r,
       actions: [
@@ -12708,7 +12708,7 @@ const fo = 13, u1 = (e, A) => e.filter((n) => {
 }), h1 = (e, A) => [...e, ...A], Fr = (e) => {
   if (e && e.length > 0)
     return e[e.length - 1];
-}, g1 = (e, A) => e.year_month - A.year_month, m1 = () => Array.from({ length: fo }, (e, A) => Math.floor(xe(EA(/* @__PURE__ */ new Date(), A)).getTime() / 1e3)).sort(), C1 = (e, A, n) => !e.length || !A.length ? [] : m1().reduceRight((r, i) => {
+}, g1 = (e, A) => e.year_month - A.year_month, m1 = () => Array.from({ length: fo }, (e, A) => Math.floor(xe(bA(/* @__PURE__ */ new Date(), A)).getTime() / 1e3)).sort(), C1 = (e, A, n) => !e.length || !A.length ? [] : m1().reduceRight((r, i) => {
   const o = A.filter(
     ({ year_month: u }) => u === parseInt(Ye(Le(i), "yyyyMM"))
   ), s = e.map((u) => {
@@ -13197,7 +13197,7 @@ const y1 = ({
     selectedData: m
   };
   return I ? /* @__PURE__ */ t(
-    IA,
+    pA,
     {
       accountOptions: i,
       calendarActions: {
@@ -13367,15 +13367,15 @@ const H1 = (e, A) => {
   const { isLoading: A, recentNotifications: n, markAllAsViewed: a } = Bi(), { notifications: r } = L(), i = (o) => {
     e?.(o);
   };
-  return wA(() => () => {
+  return xA(() => () => {
     a().finally();
   }, []), /* @__PURE__ */ l(fs, { sx: { p: 16 }, children: [
     A && /* @__PURE__ */ t(Ve, { label: r?.loading, size: 40 }),
-    !A && n.length === 0 && /* @__PURE__ */ t(vA, { sx: { p: 16 }, children: /* @__PURE__ */ t(p, { fontStyle: "italic", sx: { textAlign: "center" }, children: r.no_notifications }) }),
+    !A && n.length === 0 && /* @__PURE__ */ t(yA, { sx: { p: 16 }, children: /* @__PURE__ */ t(p, { fontStyle: "italic", sx: { textAlign: "center" }, children: r.no_notifications }) }),
     !A && n.slice().sort((o, s) => s.delivered_at - o.delivered_at).map((o, s) => {
       const c = H1(s, n);
-      return /* @__PURE__ */ l(vA, { sx: { mb: 12 }, children: [
-        c && /* @__PURE__ */ l(vA, { sx: { mb: 12 }, children: [
+      return /* @__PURE__ */ l(yA, { sx: { mb: 12 }, children: [
+        c && /* @__PURE__ */ l(yA, { sx: { mb: 12 }, children: [
           /* @__PURE__ */ t(q1, { date: o.delivered_at }),
           /* @__PURE__ */ t(vs, {})
         ] }),
@@ -14192,7 +14192,7 @@ const Gn = ({
     a(!0), m(G.ACCOUNTS_CLICK_CONNECT);
   };
   return /* @__PURE__ */ t(
-    IA,
+    pA,
     {
       accountOptions: o,
       actions: [
@@ -15168,9 +15168,9 @@ const xm = ({
       click_type: "list"
     });
   };
-  return /* @__PURE__ */ l(pA, { elevation: 2, sx: { borderRadius: 2 }, children: [
+  return /* @__PURE__ */ l(fA, { elevation: 2, sx: { borderRadius: 2 }, children: [
     /* @__PURE__ */ t(FA, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t($A, { children: A.budget_categories_title }) }),
-    /* @__PURE__ */ t(LA, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(Ae, { children: n.map((i) => /* @__PURE__ */ l(g.Fragment, { children: [
+    /* @__PURE__ */ t(IA, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(Ae, { children: n.map((i) => /* @__PURE__ */ l(g.Fragment, { children: [
       /* @__PURE__ */ t(Pm, { budget: i, onClick: r }),
       /* @__PURE__ */ t(H, {})
     ] }, i.guid)) }) })
@@ -15211,9 +15211,9 @@ const xm = ({
       }
     }), C(!0), A(G.BUDGETS_CLICK_EDIT_INCOME);
   };
-  return /* @__PURE__ */ l(pA, { elevation: 2, sx: { overflow: "visible", borderRadius: 2 }, children: [
+  return /* @__PURE__ */ l(fA, { elevation: 2, sx: { overflow: "visible", borderRadius: 2 }, children: [
     /* @__PURE__ */ t(FA, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t($A, { children: a.overview_title }) }),
-    /* @__PURE__ */ t(LA, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ l(y, { gap: 24, children: [
+    /* @__PURE__ */ t(IA, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ l(y, { gap: 24, children: [
       /* @__PURE__ */ l(y, { gap: 8, children: [
         /* @__PURE__ */ t(p, { bold: !0, sx: { mb: 8 }, variant: "Body", children: a.spending_title }),
         /* @__PURE__ */ t(Ft, { data: v, height: 16 }),
@@ -15400,7 +15400,7 @@ const xm = ({
       percentage: `${i}%`
     }
   ];
-  return /* @__PURE__ */ t(pA, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ t(LA, { children: /* @__PURE__ */ l(y, { alignItems: "center", gap: 16, children: [
+  return /* @__PURE__ */ t(fA, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ t(IA, { children: /* @__PURE__ */ l(y, { alignItems: "center", gap: 16, children: [
     /* @__PURE__ */ t(sA, { categoryGuid: r, size: 56 }),
     /* @__PURE__ */ t(kA, { children: `${R(o, "0,0")} / ${R(A, "0,0")}` }),
     /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
@@ -15714,7 +15714,7 @@ const xm = ({
     z(!1);
   }, te = yt(m.end, xe(/* @__PURE__ */ new Date()));
   return !s || !_ ? /* @__PURE__ */ t(Ve, {}) : /* @__PURE__ */ l(
-    IA,
+    pA,
     {
       accountOptions: r,
       actions: [
@@ -15859,7 +15859,7 @@ const Qm = () => {
   onRequestHelp: r,
   onTopicSelect: i
 }) => {
-  const [o, s] = yA(null), c = Math.ceil(A.length / 2);
+  const [o, s] = EA(null), c = Math.ceil(A.length / 2);
   return /* @__PURE__ */ l(Q, { children: [
     /* @__PURE__ */ l(QA, { container: !0, sx: { alignItems: "center", mb: 24 }, children: [
       /* @__PURE__ */ l(QA, { item: !0, md: 6, sm: 6, xs: 12, children: [
@@ -15956,13 +15956,13 @@ const Qm = () => {
   help_title: "Help Tool"
 }, U8 = () => {
   const { helpCategories: e, setAppConfig: A } = yl(), n = window.app?.config;
-  console.log(n, "::widgetProfile"), wA(() => {
+  console.log(n, "::widgetProfile"), g.useEffect(() => {
     A(n);
   }, [n]);
   const a = () => {
   }, r = () => {
   };
-  return /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(pA, { children: /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
     Vm,
     {
       buttonText: Xn.button_text,
@@ -15972,7 +15972,7 @@ const Qm = () => {
       onRequestHelp: a,
       onTopicSelect: r
     }
-  ) });
+  ) }) });
 }, Ba = ({
   bgcolor: e = "background.default",
   children: A
@@ -16133,7 +16133,7 @@ const Qm = () => {
     )
   ] });
 }, So = Ko(void 0), Zm = ({ children: e }) => {
-  const [A, n] = yA({
+  const [A, n] = EA({
     isOpen: !1,
     message: "",
     severity: "success"
@@ -16259,7 +16259,7 @@ const Io = ({
     () => A.reduce((w, D) => ({ ...w, [D.name]: !1 }), {}),
     [A]
   ), [d, u] = g.useState(c), { toastState: h, hideToast: m } = To(), C = Oi(r);
-  wA(() => {
+  xA(() => {
     C && !r && u(c);
   }, [C, r, c, u]);
   const f = (w) => {
@@ -16507,7 +16507,7 @@ const Io = ({
     isUpdateError: r,
     isUpdateLoading: i
   } = A, [o, s, c] = rC(n), { toastState: d, showToast: u, hideToast: h, setMessage: m } = To(), [C, f] = g.useState(!1), [v, E] = g.useState(!1), [I, S] = g.useState(""), [w, D] = g.useState(""), _ = Oi(i);
-  wA(() => {
+  xA(() => {
     _ && !i && (r ? u(e.something_went_wrong, "error") : u(void 0, "success"));
   }, [_, r]);
   const O = () => {
@@ -16882,8 +16882,8 @@ const Vt = g.createContext(null), hC = ({
   store: n,
   children: a
 }) => /* @__PURE__ */ t(Vt.Provider, { value: { onEvent: e, onPageview: A, store: n, children: a }, children: a }), gC = ({ beat: e }) => {
-  const [A, n] = yA(b.UNCATEGORIZED);
-  return wA(() => {
+  const [A, n] = EA(b.UNCATEGORIZED);
+  return xA(() => {
     e.primary_category_guid ? n(e.primary_category_guid) : e.category_guids?.length && n(e.category_guids[0]);
   }, []), /* @__PURE__ */ t(sA, { categoryGuid: A, size: 16, sx: { minWidth: 16 } });
 }, mC = ({ beat: e }) => {
@@ -17777,12 +17777,12 @@ const Vt = g.createContext(null), hC = ({
   const C = window.app?.config.client_guid, { ref: f, inView: v } = vi({
     threshold: Po
   }), { cardsCopy: E } = ut(), { onEvent: I } = Jt(), { updateBeat: S } = wC();
-  wA(() => {
+  xA(() => {
     v && (n.has_been_displayed ? I(Do(n.template)) : (S({
       ...n,
       has_been_displayed: !0
     }), I(xo(n.template))));
-  }, [v]), wA(() => {
+  }, [v]), xA(() => {
     d?.capture && v && n && C && d.capture("micro_widget_viewed_insight", {
       beat_guid: n.guid,
       insight_template: n.template,
@@ -18061,7 +18061,7 @@ const Vt = g.createContext(null), hC = ({
         tabIndex: c ? 0 : -1,
         children: [
           n && /* @__PURE__ */ t("span", { "aria-label": n, style: { visibility: "hidden" } }),
-          /* @__PURE__ */ l(pA, { className: "mx-micro-card", sx: { backgroundColor: a }, variant: f, children: [
+          /* @__PURE__ */ l(fA, { className: "mx-micro-card", sx: { backgroundColor: a }, variant: f, children: [
             /* @__PURE__ */ t(
               FA,
               {
@@ -18252,7 +18252,7 @@ const Vt = g.createContext(null), hC = ({
   variant: w,
   widthOverrides: D
 }) => {
-  const [_, O] = yA("STANDARD"), [x, z] = yA(!1), K = Wc([c], RA), q = Yc([d], RA);
+  const [_, O] = EA("STANDARD"), [x, z] = EA(!1), K = Wc([c], RA), q = Yc([d], RA);
   g.useEffect(() => {
     RA.isInitialized || RA.initialize(r, E, o);
   }, [r, E, o, RA.isInitialized]), g.useEffect(() => {
@@ -18383,9 +18383,9 @@ const Vt = g.createContext(null), hC = ({
   const d = qe(), u = window.app?.config.client_guid, { ref: h, inView: m } = vi({
     threshold: Po
   }), { cardsCopy: C } = ut(), { onEvent: f } = Jt();
-  wA(() => {
+  xA(() => {
     m && f(Oo.ON_VIEW_MORE_VIEWED);
-  }, [m]), wA(() => {
+  }, [m]), xA(() => {
     i?.capture && m && u && i.capture("micro_widget_viewed_insight", {
       insight_template: "read_more_card",
       $groups: { client: u }
@@ -18977,7 +18977,7 @@ const Vt = g.createContext(null), hC = ({
     i(h[0], h[1]);
   };
   return !r || !c ? /* @__PURE__ */ t(Ve, {}) : /* @__PURE__ */ t(
-    IA,
+    pA,
     {
       accountOptions: n,
       calendarActions: { onRangeChanged: u },
@@ -19162,7 +19162,7 @@ const tp = (e) => e.reduce((n, a) => {
   view_transactions: "View Transactions"
 }, gp = ({ onBackClick: e, sx: A }) => {
   const n = cA(), { onEvent: a } = $(), { isDesktop: r, isTablet: i, isMobile: o } = Be(), { accounts: s } = ve(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: u } = _e(), { sortedTransactions: h } = ge(), { isInitialized: m, selectedAccounts: C, setSelectedAccounts: f } = ye(), { trends: v } = L(), E = n.palette.mode === "dark", [I, S] = g.useState(!1), [w, D] = g.useState(!1), [_, O] = g.useState("Chart"), [x, z] = g.useState(""), [K, q] = g.useState({
-    start: er(Re(EA(/* @__PURE__ */ new Date(), 6)), 1),
+    start: er(Re(bA(/* @__PURE__ */ new Date(), 6)), 1),
     end: Re(/* @__PURE__ */ new Date())
   });
   g.useEffect(() => {
@@ -19213,13 +19213,13 @@ const tp = (e) => e.reduce((n, a) => {
     z(Se), a(G.TRENDS_CLICK_LEGEND, { category: u(Se) });
   }, iA = (Se) => {
     a(G.TRENDS_HOVER_LEGEND, { category: u(Se) });
-  }, xA = (Se) => {
+  }, DA = (Se) => {
     a(G.TRENDS_HOVER_AREA, { category: Se });
   }, at = (Se) => {
     a(G.TRENDS_HOVER_POINT, { category: Se });
   };
   return !m || !I ? /* @__PURE__ */ t(Ve, {}) : /* @__PURE__ */ l(
-    IA,
+    pA,
     {
       accountOptions: s,
       calendarActions: { onRangeChanged: ue },
@@ -19316,7 +19316,7 @@ const tp = (e) => e.reduce((n, a) => {
                   Dl,
                   {
                     onClickLegend: we,
-                    onHoverArea: xA,
+                    onHoverArea: DA,
                     onHoverLegend: iA,
                     onHoverPoint: at,
                     stackedDatasets: F.stackedDatasets,
@@ -19472,7 +19472,7 @@ export {
   Pc as IterationItemTypes,
   m8 as LOADING_STATUS,
   va as LineChart,
-  DA as ListItemAction,
+  LA as ListItemAction,
   Bl as ListItemWrapper,
   Ve as Loader,
   v8 as LocalizedCopyApi,
@@ -19547,7 +19547,7 @@ export {
   nd as UserVerification,
   zC as ViewMoreMicroCard,
   sr as WidgetApi,
-  IA as WidgetContainer,
+  pA as WidgetContainer,
   Pi as WidgetContainerContext,
   Mi as WidgetContainerProvider,
   qC as ZeroStateCard,