@mx-cartographer/experiences 7.0.49-alpha.mega1 → 7.0.49-alpha.mega2

package/dist/budgets/index.es.js

@@ -1,129 +1,129 @@
-import { jsx as e, jsxs as u, Fragment as $e } from "react/jsx-runtime";
+import { jsx as e, jsxs as u, Fragment as Ge } from "react/jsx-runtime";
 import l from "react";
 import { observer as D } from "mobx-react-lite";
 import { endOfMonth as de } from "date-fns/endOfMonth";
 import { startOfMonth as q } from "date-fns/startOfMonth";
 import F from "@mui/material/Box";
-import b from "@mui/material/Stack";
+import B from "@mui/material/Stack";
 import Q from "@mui/material/styles/useTheme";
-import { Icon as N, Text as f, CategoryIcon as W, H1 as Ge, H3 as Be } from "@mxenabled/mxui";
-import { u as je } from "../BudgetUtil-2EncZLBQ.mjs";
-import { C as Ue } from "../ConnectionsDrawer-BprLSCBH.mjs";
-import * as E from "d3";
-import ze from "@mui/material/Tooltip";
-import { i as w, m as j, u as I, g as H, b as ee, p as Fe, j as te, h as ne, a as We, d as Se } from "../hooks-CE2TKk4a.mjs";
-import { L as $ } from "../Loader-DUaFpDGv.mjs";
+import { Icon as P, Text as f, CategoryIcon as W, H1 as je, H3 as Se } from "@mxenabled/mxui";
+import { u as Ue } from "../BudgetUtil-2EncZLBQ.mjs";
+import { C as ze } from "../ConnectionsDrawer-BprLSCBH.mjs";
+import * as O from "d3";
+import Fe from "@mui/material/Tooltip";
+import { a as me, i as w, m as U, u as I, g as H, b as ee, p as We, j as te, h as ne, d as Ae } from "../hooks-CE2TKk4a.mjs";
+import { L as G } from "../Loader-DUaFpDGv.mjs";
 import { E as ce } from "../EmptyState-C0lr9E5T.mjs";
-import { u as me } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as ge } from "../useScreenSize-B6JyS_Lj.mjs";
 import { A as L, W as He } from "../WidgetContainer-hsbxZmZB.mjs";
 import X from "@mui/material/List";
 import { f as T } from "../NumberFormatting-CtWHhyBX.mjs";
-import Ae from "@mui/material/Button";
+import xe from "@mui/material/Button";
 import oe from "@mui/material/Divider";
 import K from "@mui/material/ListItem";
 import ae from "@mui/material/ListItemAvatar";
 import V from "@mui/material/ListItemButton";
 import Y from "@mui/material/ListItemText";
-import { b as M } from "../Localization-2MODESHW.mjs";
-import { D as k } from "../Drawer-kEE73B87.mjs";
+import { b as R } from "../Localization-2MODESHW.mjs";
+import { D as N } from "../Drawer-kEE73B87.mjs";
 import Xe from "@mui/material/ListItemSecondaryAction";
 import { C as Ke } from "../CurrencyInput-CRtdzs3o.mjs";
-import { a as G } from "../Dialog-CWW597AF.mjs";
+import { a as j } from "../Dialog-CWW597AF.mjs";
 import { M as Ve } from "../MiniWidgetContainer-Bg0bELc2.mjs";
 import { isAfter as Ye } from "date-fns/isAfter";
 import { startOfToday as Z } from "date-fns/startOfToday";
 import Ze from "@mui/material/Alert";
 import qe from "@mui/material/Snackbar";
-import fe from "@mui/material/Tab";
+import ye from "@mui/material/Tab";
 import Je from "@mui/material/Tabs";
 import { e as Qe } from "../exportTransactionsToCSV-D8TTNrrE.mjs";
-import { T as xe, a as et } from "../TransactionDetails-Cl8xcpbh.mjs";
-import ge from "@mui/material/Card";
-import pe from "@mui/material/CardContent";
+import { T as ve, a as et } from "../TransactionDetails-Cl8xcpbh.mjs";
+import pe from "@mui/material/Card";
+import he from "@mui/material/CardContent";
 import { S as ue } from "../StatusBar-BK_uYHAB.mjs";
-import { S as ve } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { S as Te } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { u as tt, b as nt } from "../CategorySelectorDrawer-BmenK5bu.mjs";
-import Te from "@mui/material/CardHeader";
+import we from "@mui/material/CardHeader";
 import { subDays as ot } from "date-fns/subDays";
 import at from "@mui/material/IconButton";
 import { M as rt } from "../ManageIncome-clecqBHm.mjs";
-const ye = 5, we = 100, J = 25, st = (t) => {
-  const o = (r) => {
-    r.active || t.alphaTarget(0.3).restart(), r.subject.fx = r.subject.x, r.subject.fy = r.subject.y;
-  }, i = (r) => {
-    r.subject.fx = r.x, r.subject.fy = r.y;
-  }, s = (r) => {
-    r.active || t.alphaTarget(0), r.subject.fx = null, r.subject.fy = null;
+const be = 5, Ie = 100, J = 25, st = (t) => {
+  const o = (s) => {
+    s.active || t.alphaTarget(0.3).restart(), s.subject.fx = s.subject.x, s.subject.fy = s.subject.y;
+  }, i = (s) => {
+    s.subject.fx = s.x, s.subject.fy = s.y;
+  }, r = (s) => {
+    s.active || t.alphaTarget(0), s.subject.fx = null, s.subject.fy = null;
   };
-  return E.drag().on("start", o).on("drag", i).on("end", s);
+  return O.drag().on("start", o).on("drag", i).on("end", r);
 }, it = (t) => {
   let o = t.transaction_total / t.amount;
   o < 0 ? o = 0 : o > 1 && (o = 1);
-  const i = o * 2 * Math.PI, s = E.interpolate(0, i), r = E.arc().cornerRadius(5).innerRadius(t.radius - ye * 2).outerRadius(t.radius - ye).startAngle(0).endAngle(0);
-  return (n) => (r.endAngle(s(n)), r(t) || "");
+  const i = o * 2 * Math.PI, r = O.interpolate(0, i), s = O.arc().cornerRadius(5).innerRadius(t.radius - be * 2).outerRadius(t.radius - be).startAngle(0).endAngle(0);
+  return (n) => (s.endAngle(r(n)), s(t) || "");
 }, ct = (t) => {
-  E.selectAll(".bubble").call(st(t));
+  O.selectAll(".bubble").call(st(t));
 }, lt = (t, o, i) => {
   t.alpha(1).restart().force(
     "x",
-    E.forceX().x(i / 2).strength(0.01)
+    O.forceX().x(i / 2).strength(0.01)
   ).force(
     "y",
-    E.forceY().y(o / 2).strength(0.01)
+    O.forceY().y(o / 2).strength(0.01)
   ).on("tick", () => {
-    E.selectAll(".bubble").data(t.nodes()).attr("transform", (s) => `translate(${s.x},${s.y})`);
+    O.selectAll(".bubble").data(t.nodes()).attr("transform", (r) => `translate(${r.x},${r.y})`);
   });
-}, Ie = (t, o) => E.scaleLinear().domain([t, o]).range([J, we]), dt = (t) => {
+}, De = (t, o) => O.scaleLinear().domain([t, o]).range([J, Ie]), dt = (t) => {
   const o = t.reduce((n, a) => {
     const c = Math.max(a.transaction_total, a.amount);
     return c > n ? c : n;
   }, 0), i = t.reduce((n, a) => {
     const c = Math.max(a.transaction_total, a.amount);
     return c < n ? c : n;
-  }, o), s = Ie(i, o), r = t.map((n) => {
-    const a = s(Math.max(n.transaction_total, n.amount)) || 25;
+  }, o), r = De(i, o), s = t.map((n) => {
+    const a = r(Math.max(n.transaction_total, n.amount)) || 25;
     return {
       ...n,
       radius: a
     };
   });
-  return E.forceSimulation(r).velocityDecay(0.05).force("collide", E.forceCollide((n) => n.radius + 2).strength(0.5));
+  return O.forceSimulation(s).velocityDecay(0.05).force("collide", O.forceCollide((n) => n.radius + 2).strength(0.5));
 }, ut = (t, o, i) => {
-  const r = Math.PI * J * J * t, n = i * o;
+  const s = Math.PI * J * J * t, n = i * o;
   let a = J;
-  return r < n && (a = Math.min(we, Math.sqrt(n / t / Math.PI))), { targetMinRadius: Math.max(20, a * 0.6), targetMaxRadius: a };
-}, mt = (t, o, i, s, r) => {
-  const { targetMinRadius: n, targetMaxRadius: a } = ut(t, o, r);
-  return E.scaleLinear().domain([s, i]).range([n, a]);
-}, gt = (t, o, i = !1, s, r) => {
-  const n = o.map((d) => Math.max(d.transaction_total, d.amount)), a = Math.min(...n), c = Math.max(...n), h = i ? mt(t.length, s, c, a, r) : Ie(a, c);
+  return s < n && (a = Math.min(Ie, Math.sqrt(n / t / Math.PI))), { targetMinRadius: Math.max(20, a * 0.6), targetMaxRadius: a };
+}, mt = (t, o, i, r, s) => {
+  const { targetMinRadius: n, targetMaxRadius: a } = ut(t, o, s);
+  return O.scaleLinear().domain([r, i]).range([n, a]);
+}, gt = (t, o, i = !1, r, s) => {
+  const n = o.map((d) => Math.max(d.transaction_total, d.amount)), a = Math.min(...n), c = Math.max(...n), _ = i ? mt(t.length, r, c, a, s) : De(a, c);
   return t.map((d) => ({
     ...d,
-    radius: h(Math.max(d.transaction_total, d.amount))
+    radius: _(Math.max(d.transaction_total, d.amount))
   }));
-}, be = 5, pt = 2e3, ht = ({ bubble: t }) => {
+}, Ce = 5, pt = 2e3, ht = ({ bubble: t }) => {
   const o = Q(), {
     amount: i,
-    guid: s,
-    budgetColors: { mercury: r },
+    guid: r,
+    budgetColors: { mercury: s },
     radius: n,
     transaction_total: a
-  } = t, c = `mercury-${s}`;
+  } = t, c = `mercury-${r}`;
   l.useEffect(() => {
-    E.select(`.${c}`).selectAll(".status").remove(), E.select(`.${c}`).append("path").transition().duration(pt).delay(0).attr("class", "status").attr("style", `fill: ${r}; fill-opacity: 1;`).attrTween("d", () => it(t));
+    O.select(`.${c}`).selectAll(".status").remove(), O.select(`.${c}`).append("path").transition().duration(pt).delay(0).attr("class", "status").attr("style", `fill: ${s}; fill-opacity: 1;`).attrTween("d", () => it(t));
   }, [i, n, a]);
-  const h = E.arc().innerRadius((d) => d - 2 * be).outerRadius((d) => d - be).startAngle(0).endAngle(2 * Math.PI);
+  const _ = O.arc().innerRadius((d) => d - 2 * Ce).outerRadius((d) => d - Ce).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ e("g", { className: c, children: /* @__PURE__ */ e(
     "path",
     {
-      d: h(n) || "",
+      d: _(n) || "",
       style: { fill: o.palette.common.white, fillOpacity: 0.35 }
     }
   ) });
-}, _t = l.memo(ht), P = 75, le = 50;
-function ft({ bubble: t, isDraggable: o, onClick: i = () => {
+}, _t = l.memo(ht), $ = 75, le = 50;
+function ft({ bubble: t, isDraggable: o, isMiniWidget: i, onClick: r = () => {
 } }) {
-  const [s, r] = l.useState(!1), n = l.useMemo(() => {
+  const [s, n] = l.useState(!1), { clientConfig: a } = me(), c = a?.is_mx_mobile && i, _ = l.useMemo(() => {
     if (t)
       return {
         amount: t.amount,
@@ -135,17 +135,19 @@ function ft({ bubble: t, isDraggable: o, onClick: i = () => {
   }, [t.amount, t.budgetColors, t.guid, t.radius, t.transaction_total]);
   if (!t) return;
   const {
-    budgetColors: { background: a, text: c },
-    category: { icon: h, name: d },
-    guid: g,
-    description: _,
-    radius: p,
+    budgetColors: { background: d, text: m },
+    category: { icon: S, name: b },
+    guid: p,
+    description: g,
+    radius: h,
     x: y,
-    y: m
-  } = t;
-  let C = -12, B = -12;
-  p > P ? (C = -14, B = -45) : p > le && (B = -32);
-  const x = `${t.category.name}: ${_}`, A = {
+    y: v
+  } = t, A = c ? -8 : -12;
+  let x = A, C = A;
+  h > $ ? (x = -14, C = -45) : h > le && (C = -32);
+  let E = 32;
+  h <= $ && (E = c ? 16 : 24);
+  const M = `${t.category.name}: ${g}`, k = {
     modifiers: [
       {
         name: "offset",
@@ -157,118 +159,128 @@ function ft({ bubble: t, isDraggable: o, onClick: i = () => {
     "g",
     {
       className: "bubble",
-      id: `bubble-${g}`,
-      onClick: () => i(t),
-      onMouseEnter: () => r(!0),
-      onMouseLeave: () => r(!1),
+      id: `bubble-${p}`,
+      onClick: () => r(t),
+      onMouseEnter: () => n(!0),
+      onMouseLeave: () => n(!1),
       style: { cursor: o ? "pointer" : "default" },
       textAnchor: "middle",
       x: y,
-      y: m,
+      y: v,
       children: [
         /* @__PURE__ */ e(
-          ze,
+          Fe,
           {
             followCursor: !0,
             open: s,
-            slotProps: { popper: A },
-            title: x,
-            children: /* @__PURE__ */ e("circle", { fill: a, id: `circle-${g}`, r: p })
+            slotProps: { popper: k },
+            title: M,
+            children: /* @__PURE__ */ e("circle", { fill: d, id: `circle-${p}`, r: h })
           }
         ),
-        /* @__PURE__ */ e("svg", { x: C, y: B, children: /* @__PURE__ */ e(N, { name: h, size: p <= P ? 24 : 32, sx: { fill: c } }) }),
-        p > P && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("svg", { x, y: C, children: /* @__PURE__ */ e(P, { name: S, size: E, sx: { fill: m } }) }),
+        h > $ && /* @__PURE__ */ e(
           f,
           {
             bold: !0,
             component: "text",
-            id: `budget-category-${g}`,
-            sx: { fill: c },
+            id: `budget-category-${p}`,
+            sx: { fill: m },
             variant: "Small",
             y: 4,
-            children: d
+            children: b
           }
         ),
-        p > le && /* @__PURE__ */ e(
+        h > le && /* @__PURE__ */ e(
           f,
           {
             bold: !0,
             component: "text",
-            id: `budget-description-${g}-1`,
-            sx: { fill: c },
+            id: `budget-description-${p}-1`,
+            sx: { fill: m },
             variant: "Body",
-            y: p <= P ? 12 : 24,
-            children: p <= P ? _.split(" ")[0] : _
+            y: h <= $ ? 12 : 24,
+            children: h <= $ ? g.split(" ")[0] : g
           }
         ),
-        p <= P && p > le && /* @__PURE__ */ e(
+        h <= $ && h > le && /* @__PURE__ */ e(
           f,
           {
             component: "text",
-            id: `budget-description-${g}-2`,
-            sx: { fill: c },
+            id: `budget-description-${p}-2`,
+            sx: { fill: m },
             variant: "XSmall",
             y: 28,
-            children: _.split(" ")[1]
+            children: g.split(" ")[1]
           }
         ),
-        /* @__PURE__ */ e(_t, { bubble: n })
+        /* @__PURE__ */ e(_t, { bubble: _ })
       ]
     },
-    g
+    p
   );
 }
 const yt = ({
   height: t,
   width: o,
   isDraggable: i = !1,
+  isMiniWidget: r = !1,
   onClick: s = () => {
   }
 }) => {
-  const [r, n] = l.useState([]), a = l.useRef(null), { detailedBudgets: c } = w(), h = l.useCallback(() => {
-    const d = a.current, g = dt(c), _ = g.nodes();
-    if (d) {
-      const p = d.nodes(), y = new Map(p.map((m) => [m.guid, m]));
-      _.forEach((m) => {
-        const C = y.get(m.guid);
-        C && Object.assign(m, {
-          vx: C.vx,
-          vy: C.vy,
-          x: C.x,
-          y: C.y
+  const [n, a] = l.useState([]), c = l.useRef(null), { detailedBudgets: _ } = w(), d = l.useCallback(() => {
+    const m = c.current, S = dt(_), b = S.nodes();
+    if (m) {
+      const p = m.nodes(), g = new Map(p.map((h) => [h.guid, h]));
+      b.forEach((h) => {
+        const y = g.get(h.guid);
+        y && Object.assign(h, {
+          vx: y.vx,
+          vy: y.vy,
+          x: y.x,
+          y: y.y
         });
       });
     }
-    a.current = g, n(_);
-  }, [c]);
+    c.current = S, a(b);
+  }, [_]);
   return l.useEffect(() => {
-    h();
-  }, [h]), l.useEffect(() => () => {
-    a.current && (a.current.stop(), a.current = null);
+    d();
+  }, [d]), l.useEffect(() => () => {
+    c.current && (c.current.stop(), c.current = null);
   }, []), l.useEffect(() => {
-    const d = a.current;
-    if (!d) return;
-    const g = d.nodes(), _ = o > 0 && o < 450, p = gt(g, c, _, t, o);
-    d.nodes(p), lt(d, t, o), i && ct(d), n([...p]);
-  }, [t, o, i, c]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(o), children: r.map((d) => /* @__PURE__ */ e(ft, { bubble: d, isDraggable: i, onClick: s }, d.guid)) });
+    const m = c.current;
+    if (!m) return;
+    const S = m.nodes(), b = o > 0 && o < 450, p = gt(S, _, b, t, o);
+    m.nodes(p), lt(m, t, o), i && ct(m), a([...p]);
+  }, [t, o, i, _]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(o), children: n.map((m) => /* @__PURE__ */ e(
+    ft,
+    {
+      bubble: m,
+      isDraggable: i,
+      isMiniWidget: r,
+      onClick: s
+    },
+    m.guid
+  )) });
 }, bt = D(yt), Ct = ({
   isMiniWidget: t = !1,
   onConnectAccountsClick: o,
   createBudgetOnClick: i
 }) => {
-  const { recalculateBudgets: s } = w(), { spendCategories: r } = j(), { budgets: n } = I(), [a, c] = l.useState(!1), [h, d] = l.useState(!1), [g, _] = l.useState(!1), p = l.useMemo(() => [...r.filter((m) => m.totalAverageAmount > 0)], [r]), y = async () => {
-    _(!0);
-    const { data: m, isSuccess: C } = await s(p);
-    _(!1), C ? (m.length === 0 && c(!0), d(!1)) : d(!0);
+  const { recalculateBudgets: r } = w(), { spendCategories: s } = U(), { budgets: n } = I(), [a, c] = l.useState(!1), [_, d] = l.useState(!1), [m, S] = l.useState(!1), b = l.useMemo(() => [...s.filter((g) => g.totalAverageAmount > 0)], [s]), p = async () => {
+    S(!0);
+    const { data: g, isSuccess: h } = await r(b);
+    S(!1), h ? (g.length === 0 && c(!0), d(!1)) : d(!0);
   };
-  return g ? /* @__PURE__ */ e($, {}) : h ? /* @__PURE__ */ e(
+  return m ? /* @__PURE__ */ e(G, {}) : _ ? /* @__PURE__ */ e(
     ce,
     {
       header: n.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (m) => {
-        m === "primary" ? y() : i();
+      onClick: (g) => {
+        g === "primary" ? p() : i();
       },
       primaryButton: n.autogenerate_budgets_error_primary_button,
       secondaryButton: n.zero_state_generate_budgets_secondary_button,
@@ -280,14 +292,14 @@ const yt = ({
         }
       }
     }
-  ) : /* @__PURE__ */ e($e, { children: a ? /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(Ge, { children: a ? /* @__PURE__ */ e(
     ce,
     {
       header: n.zero_state_generate_budgets_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (m) => {
-        m === "primary" ? o() : i();
+      onClick: (g) => {
+        g === "primary" ? o() : i();
       },
       primaryButton: n.zero_state_generate_budgets_primary_button,
       secondaryButton: n.zero_state_generate_budgets_secondary_button,
@@ -309,8 +321,8 @@ const yt = ({
       header: n.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
-      onClick: (m) => {
-        m === "primary" ? y() : i();
+      onClick: (g) => {
+        g === "primary" ? p() : i();
       },
       primaryButton: n.empty_state_primary_button,
       secondaryButton: t ? void 0 : n.empty_state_secondary_button,
@@ -327,104 +339,105 @@ const yt = ({
       }
     }
   ) });
-}, De = D(
+}, Ee = D(
   ({
     createBudgetOnClick: t = () => {
     },
     height: o,
     isDraggable: i = !1,
-    isMiniWidget: s = !1,
-    shouldShowZeroState: r,
+    isMiniWidget: r = !1,
+    shouldShowZeroState: s,
     unavailableWidth: n = 24
   }) => {
-    const { onEvent: a } = H(), { setSelectedBudget: c } = w(), { isLoadingCategoryTotals: h } = j(), { isInitialized: d } = ee(), { accounts: g } = I(), { availableWidth: _ } = Fe(), { isMobile: p } = me(), [y, m] = l.useState(!1), C = l.useMemo(() => _ - n, [_]), B = (A) => {
+    const { onEvent: a } = H(), { setSelectedBudget: c } = w(), { isLoadingCategoryTotals: _ } = U(), { isInitialized: d } = ee(), { accounts: m } = I(), { availableWidth: S } = We(), { isMobile: b } = ge(), [p, g] = l.useState(!1), h = l.useMemo(() => S - n, [S]), y = (A) => {
       c(A), a(L.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: A.category.name,
         click_type: "bubble"
       });
-    }, x = () => {
-      m(!0), a(L.ACCOUNTS_CLICK_CONNECT);
+    }, v = () => {
+      g(!0), a(L.ACCOUNTS_CLICK_CONNECT);
     };
-    return h ? /* @__PURE__ */ e(b, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(C), children: /* @__PURE__ */ e($, {}) }) : /* @__PURE__ */ u(F, { ml: r || p ? 0 : 24, sx: { alignSelf: "center" }, children: [
-      r || !d ? /* @__PURE__ */ e(
+    return _ ? /* @__PURE__ */ e(B, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(h), children: /* @__PURE__ */ e(G, {}) }) : /* @__PURE__ */ u(F, { ml: s || b ? 0 : 24, sx: { alignSelf: "center" }, children: [
+      s || !d ? /* @__PURE__ */ e(
         Ct,
         {
           createBudgetOnClick: t,
-          isMiniWidget: s,
-          onConnectAccountsClick: x
+          isMiniWidget: r,
+          onConnectAccountsClick: v
         }
       ) : /* @__PURE__ */ e(
         bt,
         {
           height: o,
           isDraggable: i,
-          onClick: B,
-          width: C
+          isMiniWidget: r,
+          onClick: y,
+          width: h
         }
       ),
       /* @__PURE__ */ e(
-        Ue,
+        ze,
         {
-          onClose: () => m(!1),
-          showConnectionsWidget: y,
-          title: g.manage_connections
+          onClose: () => g(!1),
+          showConnectionsWidget: p,
+          title: m.manage_connections
         }
       )
     ] });
   }
 ), Bt = D(() => {
-  const { budgets: t } = I(), { totalBudgeted: o } = w(), { incomeTotal: i } = te(), s = i - o;
-  return /* @__PURE__ */ u(b, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ u(b, { alignItems: "center", children: [
+  const { budgets: t } = I(), { totalBudgeted: o } = w(), { incomeTotal: i } = te(), r = i - o;
+  return /* @__PURE__ */ u(B, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ u(B, { alignItems: "center", children: [
       /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: T(i, "0,0") }),
       /* @__PURE__ */ e(f, { color: "secondary", variant: "Small", children: t.projected_income })
     ] }),
     /* @__PURE__ */ e(f, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
-    /* @__PURE__ */ u(b, { alignItems: "center", children: [
+    /* @__PURE__ */ u(B, { alignItems: "center", children: [
       /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: T(o, "0,0") }),
       /* @__PURE__ */ e(f, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
     /* @__PURE__ */ e(f, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ u(b, { alignItems: "center", children: [
-      /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: T(s, "0,0") }),
+    /* @__PURE__ */ u(B, { alignItems: "center", children: [
+      /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: T(r, "0,0") }),
       /* @__PURE__ */ e(f, { color: "secondary", variant: "Small", children: t.remaining })
     ] })
   ] });
 }), St = D(
   ({ category: t }) => {
-    const { budgets: o } = I(), { budgets: i } = w(), s = l.useMemo(() => {
-      const r = i.find((c) => c.category_guid === t.guid), n = T(t.totalAverageAmount, "0,0"), a = r ? M(o.recalculate_previous_budget, T(r.amount, "0,0")) : o.recalculate_new_budget;
+    const { budgets: o } = I(), { budgets: i } = w(), r = l.useMemo(() => {
+      const s = i.find((c) => c.category_guid === t.guid), n = T(t.totalAverageAmount, "0,0"), a = s ? R(o.recalculate_previous_budget, T(s.amount, "0,0")) : o.recalculate_new_budget;
       return `${n} - ${a}`;
     }, [o, i]);
     return /* @__PURE__ */ u(l.Fragment, { children: [
       /* @__PURE__ */ e(K, { children: /* @__PURE__ */ u(V, { children: [
         /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(W, { categoryGuid: t.guid, variant: "filled" }) }),
-        /* @__PURE__ */ e(Y, { primary: t.name, secondary: s })
+        /* @__PURE__ */ e(Y, { primary: t.name, secondary: r })
       ] }) }),
       /* @__PURE__ */ e(oe, {})
     ] }, t.guid);
   }
 ), At = ({ onRecalculateBudgets: t }) => {
-  const { budgets: o, common: i } = I(), { spendCategories: s } = j(), { recalculateBudgets: r, setAlert: n } = w(), [a, c] = l.useState(!1), h = s.filter((g) => g.totalAverageAmount > 0), d = async () => {
-    await r(h), c(!1), n(o.alert_recalculated_budgets), t?.();
+  const { budgets: o, common: i } = I(), { spendCategories: r } = U(), { recalculateBudgets: s, setAlert: n } = w(), [a, c] = l.useState(!1), _ = r.filter((m) => m.totalAverageAmount > 0), d = async () => {
+    await s(_), c(!1), n(o.alert_recalculated_budgets), t?.();
   };
   return /* @__PURE__ */ u(l.Fragment, { children: [
-    /* @__PURE__ */ e(Ae, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: o.recalculate_button }),
+    /* @__PURE__ */ e(xe, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: o.recalculate_button }),
     /* @__PURE__ */ e(f, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: o.recalculate_help }),
     /* @__PURE__ */ e(
-      k,
+      N,
       {
         ariaLabelClose: i.close_aria,
         isOpen: a,
         onClose: () => c(!1),
         onPrimaryAction: d,
         title: o.recalculate_title,
-        children: /* @__PURE__ */ u(b, { children: [
-          /* @__PURE__ */ u(b, { mx: 24, my: 16, children: [
+        children: /* @__PURE__ */ u(B, { children: [
+          /* @__PURE__ */ u(B, { mx: 24, my: 16, children: [
             /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
             /* @__PURE__ */ e(f, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: h.map((g) => /* @__PURE__ */ e(St, { category: g }, g.guid)) }) })
+          /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: _.map((m) => /* @__PURE__ */ e(St, { category: m }, m.guid)) }) })
         ] })
       }
     )
@@ -434,21 +447,21 @@ const yt = ({
   categoryName: o,
   onAmountChanged: i
 }) => {
-  const { budgets: s } = I(), { totalBudgeted: r } = w(), { incomeTotal: n } = te(), a = n - r;
-  return /* @__PURE__ */ u(b, { gap: 16, children: [
-    /* @__PURE__ */ u(b, { children: [
-      /* @__PURE__ */ e(f, { children: M(
-        s.add_description_top,
+  const { budgets: r } = I(), { totalBudgeted: s } = w(), { incomeTotal: n } = te(), a = n - s;
+  return /* @__PURE__ */ u(B, { gap: 16, children: [
+    /* @__PURE__ */ u(B, { children: [
+      /* @__PURE__ */ e(f, { children: R(
+        r.add_description_top,
         T(a, "0,0")
       ) }),
-      /* @__PURE__ */ e(f, { children: M(s.add_description_bottom, o) })
+      /* @__PURE__ */ e(f, { children: R(r.add_description_bottom, o) })
     ] }),
     /* @__PURE__ */ e(
       Ke,
       {
         amount: t,
         autoFocus: !0,
-        label: s.add_label,
+        label: r.add_label,
         minAmount: 0,
         setAmount: i,
         sx: { ".MuiTypography-Body": { p: 0 } }
@@ -456,7 +469,7 @@ const yt = ({
     )
   ] });
 }, xt = D(({ category: t, onAddBudget: o }) => {
-  const { budgets: i, common: s } = I(), [r, n] = l.useState(!1), [a, c] = l.useState(
+  const { budgets: i, common: r } = I(), [s, n] = l.useState(!1), [a, c] = l.useState(
     `${t.totalAmount === 0 ? "" : t.totalAmount}`
   );
   return /* @__PURE__ */ u(l.Fragment, { children: [
@@ -469,14 +482,14 @@ const yt = ({
           secondary: T(t.totalAmount, "0,0")
         }
       ),
-      /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(N, { name: "add", size: 20 }) })
+      /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(P, { name: "add", size: 20 }) })
     ] }) }, t.guid),
     /* @__PURE__ */ e(
-      G,
+      j,
       {
-        copy: { close_aria: s.close_aria, title: i.add_title },
+        copy: { close_aria: r.close_aria, title: i.add_title },
         disablePrimaryButton: Number(a) <= 0,
-        isOpen: r,
+        isOpen: s,
         onClose: () => n(!1),
         onPrimaryAction: () => o(t, Number(a)),
         primaryText: i.add_save_button,
@@ -484,13 +497,13 @@ const yt = ({
       }
     )
   ] });
-}), Ee = D(({ onRecalculateBudgets: t }) => {
-  const { budgets: o } = I(), { addBudget: i, setAlert: s, unbudgetedCategories: r } = w(), n = async (a, c) => {
-    await i(a, c), s(M(o.alert_budget_created, a.name));
+}), Oe = D(({ onRecalculateBudgets: t }) => {
+  const { budgets: o } = I(), { addBudget: i, setAlert: r, unbudgetedCategories: s } = w(), n = async (a, c) => {
+    await i(a, c), r(R(o.alert_budget_created, a.name));
   };
-  return /* @__PURE__ */ u(b, { children: [
+  return /* @__PURE__ */ u(B, { children: [
     /* @__PURE__ */ e(Bt, {}),
-    /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: r.map((a) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: s.map((a) => /* @__PURE__ */ e(
       xt,
       {
         category: a,
@@ -501,60 +514,69 @@ const yt = ({
     /* @__PURE__ */ e(At, { onRecalculateBudgets: t })
   ] });
 }), vt = (t) => {
-  const o = Q(), { onEvent: i } = H(), { detailedBudgets: s, isDataLoaded: r, loadBudgetData: n, setTheme: a } = w(), { budgets: c, common: h } = I(), { isCopyLoaded: d, isInitialized: g, selectedAccounts: _ } = ee(), { reloadCategoryTotals: p } = j(), y = je(), m = s.length === 0, [C, B] = l.useState(!1), x = () => {
-    B(!0), i(L.BUDGETS_CLICK_ADD);
-  }, A = () => {
-    B(!1);
+  const o = Q(), { clientConfig: i } = me(), r = i?.is_mx_mobile, { onEvent: s } = H(), { detailedBudgets: n, isDataLoaded: a, loadBudgetData: c, setTheme: _ } = w(), { budgets: d, common: m } = I(), { isCopyLoaded: S, isInitialized: b, selectedAccounts: p } = ee(), { reloadCategoryTotals: g } = U(), h = Ue(), y = n.length === 0, [v, A] = l.useState(!1), x = () => {
+    A(!0), s(L.BUDGETS_CLICK_ADD);
+  }, C = () => {
+    A(!1);
   };
   return l.useEffect(() => {
-    a(o);
+    _(o);
   }, [o]), l.useEffect(() => {
-    g && !r && p(_, q(/* @__PURE__ */ new Date()), de(/* @__PURE__ */ new Date())).then(
+    b && !a && g(p, q(/* @__PURE__ */ new Date()), de(/* @__PURE__ */ new Date())).then(
       () => {
-        n().finally();
+        c().finally();
       }
     );
-  }, [g, _]), d ? /* @__PURE__ */ u(
+  }, [b, p]), S ? /* @__PURE__ */ u(
     Ve,
     {
-      primaryCtaLabel: m ? c.get_started_cta : c.details_cta,
-      title: c.budgets_title,
+      primaryCtaLabel: y ? d.get_started_cta : d.details_cta,
+      title: d.budgets_title,
       ...t,
       children: [
-        r ? /* @__PURE__ */ u(b, { height: 450, mt: 32, children: [
-          /* @__PURE__ */ e(
-            De,
-            {
-              createBudgetOnClick: x,
-              height: 370,
-              isMiniWidget: !0,
-              shouldShowZeroState: m
-            }
-          ),
-          !m && /* @__PURE__ */ u(F, { ml: 16, children: [
-            /* @__PURE__ */ e(f, { bold: !0, color: y < 0 ? "error.main" : "success.main", children: T(Math.abs(y), "0,0") }),
-            /* @__PURE__ */ e(f, { children: y < 0 ? c.overspent_in_budgets : c.left_in_budgets })
-          ] })
-        ] }) : /* @__PURE__ */ e($, {}),
+        a ? /* @__PURE__ */ u(
+          B,
+          {
+            sx: {
+              height: r ? "100%" : 450,
+              mt: r ? 8 : 32
+            },
+            children: [
+              /* @__PURE__ */ e(
+                Ee,
+                {
+                  createBudgetOnClick: x,
+                  height: r ? 220 : 370,
+                  isMiniWidget: !0,
+                  shouldShowZeroState: y
+                }
+              ),
+              !y && /* @__PURE__ */ u(F, { ml: 16, children: [
+                /* @__PURE__ */ e(f, { bold: !0, color: h < 0 ? "error.main" : "success.main", children: T(Math.abs(h), "0,0") }),
+                /* @__PURE__ */ e(f, { children: h < 0 ? d.overspent_in_budgets : d.left_in_budgets })
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ e(G, {}),
         /* @__PURE__ */ e(
-          k,
+          N,
           {
-            ariaLabelClose: h.close_aria,
-            isOpen: C,
-            onClose: () => B(!1),
-            title: c.add_new_title,
-            children: /* @__PURE__ */ e(Ee, { onRecalculateBudgets: A })
+            ariaLabelClose: m.close_aria,
+            isOpen: v,
+            onClose: () => A(!1),
+            title: d.add_new_title,
+            children: /* @__PURE__ */ e(Oe, { onRecalculateBudgets: C })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e($, {});
-}, En = D(vt), Oe = ({ budget: t }) => {
+  ) : /* @__PURE__ */ e(G, {});
+}, En = D(vt), Me = ({ budget: t }) => {
   const {
     amount: o,
     budgetColors: { background: i },
-    category: { name: s },
-    category_guid: r,
+    category: { name: r },
+    category_guid: s,
     percentage: n,
     transaction_total: a
   } = t, c = [
@@ -563,16 +585,16 @@ const yt = ({
       percentage: `${n}%`
     }
   ];
-  return /* @__PURE__ */ e(ge, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ u(b, { alignItems: "center", gap: 16, children: [
-    /* @__PURE__ */ e(W, { categoryGuid: r, size: 56 }),
-    /* @__PURE__ */ e(Ge, { children: `${T(a, "0,0")} / ${T(o, "0,0")}` }),
-    /* @__PURE__ */ e(f, { bold: !0, variant: "XSmall", children: s }),
+  return /* @__PURE__ */ e(pe, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(he, { children: /* @__PURE__ */ u(B, { alignItems: "center", gap: 16, children: [
+    /* @__PURE__ */ e(W, { categoryGuid: s, size: 56 }),
+    /* @__PURE__ */ e(je, { children: `${T(a, "0,0")} / ${T(o, "0,0")}` }),
+    /* @__PURE__ */ e(f, { bold: !0, variant: "XSmall", children: r }),
     /* @__PURE__ */ e(ue, { data: c, height: 10 })
   ] }) }) });
 }, Tt = D(() => {
   const { budgets: t } = I();
-  return /* @__PURE__ */ u(b, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    /* @__PURE__ */ e(N, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
+  return /* @__PURE__ */ u(B, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+    /* @__PURE__ */ e(P, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(f, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
     /* @__PURE__ */ e(f, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
   ] });
@@ -580,17 +602,17 @@ const yt = ({
   const {
     amount: o,
     budgetColors: { background: i },
-    category: s,
-    percentage: r,
+    category: r,
+    percentage: s,
     transaction_total: n
   } = t, { setSelectedSubBudget: a } = w();
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ u(V, { onClick: () => a(t), children: [
-    /* @__PURE__ */ e(ae, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(ve, { color: i, percent: r, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
+    /* @__PURE__ */ e(ae, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Te, { color: i, percent: s, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: r.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Y,
       {
-        primary: /* @__PURE__ */ e(b, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(b, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(f, { fontWeight: 400, variant: "Body", children: `
+        primary: /* @__PURE__ */ e(B, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: t.category.name }) }),
+        secondary: /* @__PURE__ */ e(B, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(f, { fontWeight: 400, variant: "Body", children: `
                   ${T(n, "0,0")} / 
                   ${T(o, "0,0")}
                 ` }) })
@@ -598,234 +620,234 @@ const yt = ({
     )
   ] }) });
 }), It = D(({ category: t, parentBudget: o }) => {
-  const { budgets: i, common: s } = I(), { setExpandedGuid: r, setOnSelect: n } = tt(), { addBudget: a } = w(), [c, h] = l.useState(!1), [d, g] = l.useState(!1), [_, p] = l.useState(""), [y, m] = l.useState(void 0);
+  const { budgets: i, common: r } = I(), { setExpandedGuid: s, setOnSelect: n } = tt(), { addBudget: a } = w(), [c, _] = l.useState(!1), [d, m] = l.useState(!1), [S, b] = l.useState(""), [p, g] = l.useState(void 0);
   l.useEffect(() => {
-    n((x) => {
-      const A = t.subCategories.find((v) => v.guid === x);
-      A && (m(A), p(`${A.currentAmount === 0 ? "" : A.currentAmount}`), g(!0));
+    n((v) => {
+      const A = t.subCategories.find((x) => x.guid === v);
+      A && (g(A), b(`${A.currentAmount === 0 ? "" : A.currentAmount}`), m(!0));
     });
   }, []);
-  const C = () => {
-    r(t.guid), h(!0);
-  }, B = async () => {
-    y && Number(_) > 0 && (await a(y, Number(_), o.guid), g(!1), h(!1), m(void 0));
+  const h = () => {
+    s(t.guid), _(!0);
+  }, y = async () => {
+    p && Number(S) > 0 && (await a(p, Number(S), o.guid), m(!1), _(!1), g(void 0));
   };
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ e(K, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(V, { onClick: C, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ u(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ u(b, { alignItems: "center", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(N, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+    /* @__PURE__ */ e(K, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(V, { onClick: h, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ u(B, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ u(B, { alignItems: "center", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(P, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
         /* @__PURE__ */ e(f, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
-      /* @__PURE__ */ e(N, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      /* @__PURE__ */ e(P, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
     /* @__PURE__ */ e(oe, {}),
     /* @__PURE__ */ e(
-      k,
+      N,
       {
-        ariaLabelClose: s.close_aria,
+        ariaLabelClose: r.close_aria,
         isOpen: c,
-        onClose: () => h(!1),
+        onClose: () => _(!1),
         title: i.add_sub_budget_title,
         children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(nt, { category: t, subCategories: t.subCategories }) })
       }
     ),
     /* @__PURE__ */ e(
-      G,
+      j,
       {
-        copy: { close_aria: s.close_aria, title: i.add_title },
-        disablePrimaryButton: Number(_) <= 0,
+        copy: { close_aria: r.close_aria, title: i.add_title },
+        disablePrimaryButton: Number(S) <= 0,
         isOpen: d,
-        onClose: () => g(!1),
-        onPrimaryAction: B,
+        onClose: () => m(!1),
+        onPrimaryAction: y,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
           re,
           {
-            amount: _,
-            categoryName: y?.name || "",
-            onAmountChanged: p
+            amount: S,
+            categoryName: p?.name || "",
+            onAmountChanged: b
           }
         )
       }
     )
   ] });
 }), Dt = D(({ budget: t }) => {
-  const { category: o, subBudgets: i } = t, { budgets: s, common: r } = I(), { deleteBudget: n, selectedSubBudget: a, setSelectedSubBudget: c, updateBudget: h } = w(), { filter: d, setFilter: g } = ne(), [_, p] = l.useState(!1), [y, m] = l.useState(!1), [C, B] = l.useState("");
+  const { category: o, subBudgets: i } = t, { budgets: r, common: s } = I(), { deleteBudget: n, selectedSubBudget: a, setSelectedSubBudget: c, updateBudget: _ } = w(), { filter: d, setFilter: m } = ne(), [S, b] = l.useState(!1), [p, g] = l.useState(!1), [h, y] = l.useState("");
   l.useEffect(() => {
-    a && (B(`${a.amount}`), g({
+    a && (y(`${a.amount}`), m({
       ...d,
-      custom: (S) => S.category_guid === a.category_guid
+      custom: (C) => C.category_guid === a.category_guid
     }));
   }, [a]);
-  const x = async () => {
-    a && await h({
+  const v = async () => {
+    a && await _({
       ...a,
-      amount: Number(C)
+      amount: Number(h)
     });
   }, A = async () => {
-    a && await n(a.guid), m(!1), v();
-  }, v = () => {
-    g({
+    a && await n(a.guid), g(!1), x();
+  }, x = () => {
+    m({
       ...d,
-      custom: (S) => S.category_guid === t.category_guid || S.top_level_category_guid === t.category_guid
+      custom: (C) => C.category_guid === t.category_guid || C.top_level_category_guid === t.category_guid
     }), c(void 0);
   };
   return /* @__PURE__ */ u(l.Fragment, { children: [
     /* @__PURE__ */ u(X, { sx: { bgcolor: "background.paper" }, children: [
-      i.length === 0 ? /* @__PURE__ */ e(Tt, {}) : i.map((S) => /* @__PURE__ */ u(l.Fragment, { children: [
-        /* @__PURE__ */ e(wt, { budget: S }),
+      i.length === 0 ? /* @__PURE__ */ e(Tt, {}) : i.map((C) => /* @__PURE__ */ u(l.Fragment, { children: [
+        /* @__PURE__ */ e(wt, { budget: C }),
         /* @__PURE__ */ e(oe, {})
-      ] }, S.guid)),
+      ] }, C.guid)),
       /* @__PURE__ */ e(It, { category: o, parentBudget: t })
     ] }),
     /* @__PURE__ */ e(
-      k,
+      N,
       {
-        ariaLabelClose: r.close_aria,
+        ariaLabelClose: s.close_aria,
         isOpen: !!a,
-        onClose: v,
-        onPrimaryAction: () => p(!0),
-        onSecondaryAction: () => m(!0),
-        primaryText: s.details_edit_button,
-        secondaryText: s.details_delete_button,
-        title: s.details_title,
-        children: a && /* @__PURE__ */ u(b, { gap: 24, children: [
-          /* @__PURE__ */ e(Oe, { budget: a }),
-          /* @__PURE__ */ e(xe, { height: "100%" })
+        onClose: x,
+        onPrimaryAction: () => b(!0),
+        onSecondaryAction: () => g(!0),
+        primaryText: r.details_edit_button,
+        secondaryText: r.details_delete_button,
+        title: r.details_title,
+        children: a && /* @__PURE__ */ u(B, { gap: 24, children: [
+          /* @__PURE__ */ e(Me, { budget: a }),
+          /* @__PURE__ */ e(ve, { height: "100%" })
         ] })
       }
     ),
     a && /* @__PURE__ */ u(l.Fragment, { children: [
       /* @__PURE__ */ e(
-        G,
+        j,
         {
-          copy: { close_aria: r.close_aria, title: s.details_edit_title },
-          disablePrimaryButton: Number(C) <= 0,
-          isOpen: _,
-          onClose: () => p(!1),
-          onPrimaryAction: x,
-          primaryText: s.edit_save_button,
+          copy: { close_aria: s.close_aria, title: r.details_edit_title },
+          disablePrimaryButton: Number(h) <= 0,
+          isOpen: S,
+          onClose: () => b(!1),
+          onPrimaryAction: v,
+          primaryText: r.edit_save_button,
           children: /* @__PURE__ */ e(
             re,
             {
-              amount: C,
+              amount: h,
               categoryName: a.category.name,
-              onAmountChanged: B
+              onAmountChanged: y
             }
           )
         }
       ),
       /* @__PURE__ */ e(
-        G,
+        j,
         {
-          copy: { close_aria: r.close_aria, title: s.delete_title },
-          isOpen: y,
-          onClose: () => m(!1),
+          copy: { close_aria: s.close_aria, title: r.delete_title },
+          isOpen: p,
+          onClose: () => g(!1),
           onPrimaryAction: A,
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(f, { variant: "Paragraph", children: M(s.delete_description, a.category.name) })
+          children: /* @__PURE__ */ e(f, { variant: "Paragraph", children: R(r.delete_description, a.category.name) })
         }
       )
     ] })
   ] });
 }), Et = D(({ budget: t }) => {
-  const { is_mobile_webview: o } = We(), { setAlert: i } = w(), { budgets: s, common: r, transactions: n } = I(), { isDesktop: a, isSmallTablet: c, isTablet: h } = me(), {
+  const { is_mobile_webview: o } = me(), { setAlert: i } = w(), { budgets: r, common: s, transactions: n } = I(), { isDesktop: a, isSmallTablet: c, isTablet: _ } = ge(), {
     sortedTransactions: d,
-    sortedTransactionsWithSplits: g,
-    tags: _
-  } = ne(), [p, y] = l.useState(0), [m, C] = l.useState(""), B = l.useMemo(
-    () => d.find((S) => S.guid === m),
-    [m, d]
-  ), x = (S, O) => {
-    y(O);
+    sortedTransactionsWithSplits: m,
+    tags: S
+  } = ne(), [b, p] = l.useState(0), [g, h] = l.useState(""), y = l.useMemo(
+    () => d.find((C) => C.guid === g),
+    [g, d]
+  ), v = (C, E) => {
+    p(E);
   }, A = () => {
-    Qe(g, _), i(s.alert_csv_downloaded);
-  }, v = d.length > 0 && !o && (a || h && !c);
-  return /* @__PURE__ */ u(b, { gap: 24, children: [
-    /* @__PURE__ */ e(Oe, { budget: t }),
-    /* @__PURE__ */ u(b, { children: [
+    Qe(m, S), i(r.alert_csv_downloaded);
+  }, x = d.length > 0 && !o && (a || _ && !c);
+  return /* @__PURE__ */ u(B, { gap: 24, children: [
+    /* @__PURE__ */ e(Me, { budget: t }),
+    /* @__PURE__ */ u(B, { children: [
       /* @__PURE__ */ u(
         Je,
         {
-          onChange: x,
+          onChange: v,
           sx: { width: "100%" },
           textColor: "primary",
-          value: p,
+          value: b,
           variant: "fullWidth",
           children: [
-            /* @__PURE__ */ e(fe, { label: s.details_transactions_tab }),
-            /* @__PURE__ */ e(fe, { label: s.details_subbudgets_tab })
+            /* @__PURE__ */ e(ye, { label: r.details_transactions_tab }),
+            /* @__PURE__ */ e(ye, { label: r.details_subbudgets_tab })
           ]
         }
       ),
-      p === 0 && /* @__PURE__ */ u(b, { children: [
-        v && /* @__PURE__ */ e(b, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
-          Ae,
+      b === 0 && /* @__PURE__ */ u(B, { children: [
+        x && /* @__PURE__ */ e(B, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+          xe,
           {
             onClick: A,
-            startIcon: /* @__PURE__ */ e(N, { name: "ios_share" }),
+            startIcon: /* @__PURE__ */ e(P, { name: "ios_share" }),
             variant: "text",
             children: n.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(xe, { height: "100%", onClick: C })
+        /* @__PURE__ */ e(ve, { height: "100%", onClick: h })
       ] }),
-      p === 1 && /* @__PURE__ */ e(Dt, { budget: t }),
+      b === 1 && /* @__PURE__ */ e(Dt, { budget: t }),
       /* @__PURE__ */ e(
-        k,
+        N,
         {
-          ariaLabelClose: r.close_aria,
-          isOpen: !!B,
-          onClose: () => C(""),
-          title: s.details_transaction_drawer,
-          children: B && /* @__PURE__ */ e(et, { transaction: B })
+          ariaLabelClose: s.close_aria,
+          isOpen: !!y,
+          onClose: () => h(""),
+          title: r.details_transaction_drawer,
+          children: y && /* @__PURE__ */ e(et, { transaction: y })
         }
       )
     ] })
   ] });
 }), Ot = D(() => {
   const { selectedAccountGuids: t } = ee(), { budgets: o, common: i } = I(), {
-    dateRange: s,
-    deleteBudget: r,
+    dateRange: r,
+    deleteBudget: s,
     selectedBudget: n,
     selectedSubBudget: a,
     setAlert: c,
-    setSelectedBudget: h,
+    setSelectedBudget: _,
     updateBudget: d
-  } = w(), { setFilter: g } = ne(), [_, p] = l.useState(!1), [y, m] = l.useState(!1), [C, B] = l.useState(!1), [x, A] = l.useState("");
+  } = w(), { setFilter: m } = ne(), [S, b] = l.useState(!1), [p, g] = l.useState(!1), [h, y] = l.useState(!1), [v, A] = l.useState("");
   l.useEffect(() => {
-    n && !a && (A(`${n.amount}`), p(!0), g({
+    n && !a && (A(`${n.amount}`), b(!0), m({
       accounts: t,
-      dateRange: s,
-      custom: (R) => R.category_guid === n.category_guid || R.top_level_category_guid === n.category_guid,
+      dateRange: r,
+      custom: (M) => M.category_guid === n.category_guid || M.top_level_category_guid === n.category_guid,
       showSplits: !0
     }));
   }, [n]);
-  const v = async () => {
+  const x = async () => {
     n && (await d({
       ...n,
-      amount: Number(x),
-      percentage: n.category.totalAmount / Number(x) * 100
-    }), c(M(o.alert_budget_updated, n.category.name)));
-  }, S = async () => {
-    n && (await r(n.guid), c(M(o.alert_budget_deleted, n.category.name))), B(!1), O();
-  }, O = () => {
-    p(!1), setTimeout(() => {
-      h(void 0);
+      amount: Number(v),
+      percentage: n.category.totalAmount / Number(v) * 100
+    }), c(R(o.alert_budget_updated, n.category.name)));
+  }, C = async () => {
+    n && (await s(n.guid), c(R(o.alert_budget_deleted, n.category.name))), y(!1), E();
+  }, E = () => {
+    b(!1), setTimeout(() => {
+      _(void 0);
     }, 250);
   };
   if (n)
     return /* @__PURE__ */ u(l.Fragment, { children: [
       /* @__PURE__ */ e(
-        k,
+        N,
         {
           ariaLabelClose: i.close_aria,
-          isOpen: _,
-          onClose: O,
-          onPrimaryAction: () => m(!0),
-          onSecondaryAction: () => B(!0),
+          isOpen: S,
+          onClose: E,
+          onPrimaryAction: () => g(!0),
+          onSecondaryAction: () => y(!0),
           primaryText: o.details_edit_button,
           secondaryColor: "error",
           secondaryText: o.details_delete_button,
@@ -834,18 +856,18 @@ const yt = ({
         }
       ),
       /* @__PURE__ */ e(
-        G,
+        j,
         {
           copy: { close_aria: i.close_aria, title: o.details_edit_title },
-          disablePrimaryButton: Number(x) <= 0,
-          isOpen: y,
-          onClose: () => m(!1),
-          onPrimaryAction: v,
+          disablePrimaryButton: Number(v) <= 0,
+          isOpen: p,
+          onClose: () => g(!1),
+          onPrimaryAction: x,
           primaryText: o.edit_save_button,
           children: /* @__PURE__ */ e(
             re,
             {
-              amount: x,
+              amount: v,
               categoryName: n.category.name,
               onAmountChanged: A
             }
@@ -853,183 +875,183 @@ const yt = ({
         }
       ),
       /* @__PURE__ */ e(
-        G,
+        j,
         {
           copy: { close_aria: i.close_aria, title: o.delete_title },
-          isOpen: C,
-          onClose: () => B(!1),
-          onPrimaryAction: S,
+          isOpen: h,
+          onClose: () => y(!1),
+          onPrimaryAction: C,
           primaryColor: "error",
           primaryText: o.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(f, { variant: "Paragraph", children: M(o.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(f, { variant: "Paragraph", children: R(o.delete_description, n.category.name) })
         }
       )
     ] });
 }), Mt = ({ budget: t, onClick: o }) => {
   const {
     amount: i,
-    budgetColors: { background: s, description: r },
+    budgetColors: { background: r, description: s },
     category_guid: n,
     description: a,
     percentage: c,
-    subBudgets: h,
+    subBudgets: _,
     transaction_total: d
   } = t;
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ u(V, { onClick: () => o?.(t), children: [
-    /* @__PURE__ */ e(ae, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(ve, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: n, variant: "basic" }) }) }),
+    /* @__PURE__ */ e(ae, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Te, { color: r, percent: c, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: n, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Y,
       {
-        primary: /* @__PURE__ */ u(b, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        primary: /* @__PURE__ */ u(B, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: t.category.name }),
           /* @__PURE__ */ e(f, { fontWeight: 400, variant: "Body", children: `
                   ${T(d, "0,0")} / 
                   ${T(i, "0,0")}
                 ` })
         ] }),
-        secondary: /* @__PURE__ */ u(b, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(f, { variant: "XSmall", children: `${h.length} Sub-budgets` }),
-          /* @__PURE__ */ e(f, { bold: c > 100, color: r, variant: "XSmall", children: a })
+        secondary: /* @__PURE__ */ u(B, { component: "span", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(f, { variant: "XSmall", children: `${_.length} Sub-budgets` }),
+          /* @__PURE__ */ e(f, { bold: c > 100, color: s, variant: "XSmall", children: a })
         ] })
       }
     )
   ] }) });
 }, Rt = D(() => {
-  const { onEvent: t } = H(), { budgets: o } = I(), { detailedBudgets: i, setSelectedBudget: s } = w(), r = (n) => {
-    s(n), t(L.BUDGETS_CLICK_BUDGET_CATEGORY, {
+  const { onEvent: t } = H(), { budgets: o } = I(), { detailedBudgets: i, setSelectedBudget: r } = w(), s = (n) => {
+    r(n), t(L.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: n.category.name,
       click_type: "list"
     });
   };
-  return /* @__PURE__ */ u(ge, { elevation: 2, children: [
-    /* @__PURE__ */ e(Te, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Be, { children: o.budget_categories_title }) }),
-    /* @__PURE__ */ e(pe, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(X, { children: i.map((n) => /* @__PURE__ */ u(l.Fragment, { children: [
-      /* @__PURE__ */ e(Mt, { budget: n, onClick: r }),
+  return /* @__PURE__ */ u(pe, { elevation: 2, children: [
+    /* @__PURE__ */ e(we, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Se, { children: o.budget_categories_title }) }),
+    /* @__PURE__ */ e(he, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(X, { children: i.map((n) => /* @__PURE__ */ u(l.Fragment, { children: [
+      /* @__PURE__ */ e(Mt, { budget: n, onClick: s }),
       /* @__PURE__ */ e(oe, {})
     ] }, n.guid)) }) })
   ] });
 }), Lt = D(() => {
-  const t = Q(), { onEvent: o } = H(), { visibleAccounts: i } = Se(), { budgets: s, common: r, recurring: n } = I(), { incomeCategories: a, spendCategories: c } = j(), { detailedBudgets: h, totalBudgeted: d } = w(), { incomeTotal: g } = te(), { setFilter: _ } = ne(), [p, y] = l.useState(!1), [m, C] = l.useMemo(() => {
-    const v = c.reduce((U, se) => U + se.totalAmount, 0);
-    let S = v / d;
-    S > 1 && (S = 1);
-    let O = t.palette.success.main;
-    S > 0.8 && S < 1 ? O = t.palette.warning.main : S >= 1 && (O = t.palette.error.main);
-    const R = [
+  const t = Q(), { onEvent: o } = H(), { visibleAccounts: i } = Ae(), { budgets: r, common: s, recurring: n } = I(), { incomeCategories: a, spendCategories: c } = U(), { detailedBudgets: _, totalBudgeted: d } = w(), { incomeTotal: m } = te(), { setFilter: S } = ne(), [b, p] = l.useState(!1), [g, h] = l.useMemo(() => {
+    const x = c.reduce((k, se) => k + se.totalAmount, 0);
+    let C = x / d;
+    C > 1 && (C = 1);
+    let E = t.palette.success.main;
+    C > 0.8 && C < 1 ? E = t.palette.warning.main : C >= 1 && (E = t.palette.error.main);
+    const M = [
       {
-        color: O,
-        percentage: `${S}`
+        color: E,
+        percentage: `${C}`
       }
     ];
-    return [v, R];
-  }, [h, c]), [B, x] = l.useMemo(() => {
-    const v = Math.abs(
-      a.reduce((R, U) => R + U.totalAmount, 0)
+    return [x, M];
+  }, [_, c]), [y, v] = l.useMemo(() => {
+    const x = Math.abs(
+      a.reduce((M, k) => M + k.totalAmount, 0)
     );
-    let S = v / g;
-    S > 1 && (S = 1);
-    const O = [
+    let C = x / m;
+    C > 1 && (C = 1);
+    const E = [
       {
         color: t.palette.secondary.main,
-        percentage: `${S}`
+        percentage: `${C}`
       }
     ];
-    return [v, O];
-  }, [a, g]), A = () => {
-    _({
-      accounts: i.map((v) => v.guid),
+    return [x, E];
+  }, [a, m]), A = () => {
+    S({
+      accounts: i.map((x) => x.guid),
       dateRange: {
         start: ot(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
-    }), y(!0), o(L.BUDGETS_CLICK_EDIT_INCOME);
+    }), p(!0), o(L.BUDGETS_CLICK_EDIT_INCOME);
   };
-  return /* @__PURE__ */ u(ge, { elevation: 2, sx: { overflow: "visible" }, children: [
-    /* @__PURE__ */ e(Te, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Be, { children: s.overview_title }) }),
-    /* @__PURE__ */ e(pe, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ u(b, { gap: 24, children: [
-      /* @__PURE__ */ u(b, { gap: 8, children: [
-        /* @__PURE__ */ e(f, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
-        /* @__PURE__ */ e(ue, { data: C, height: 16 }),
-        /* @__PURE__ */ e(f, { variant: "Small", children: M(
-          s.spending_description,
-          T(m, "0,0"),
+  return /* @__PURE__ */ u(pe, { elevation: 2, sx: { overflow: "visible" }, children: [
+    /* @__PURE__ */ e(we, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Se, { children: r.overview_title }) }),
+    /* @__PURE__ */ e(he, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ u(B, { gap: 24, children: [
+      /* @__PURE__ */ u(B, { gap: 8, children: [
+        /* @__PURE__ */ e(f, { bold: !0, sx: { mb: 8 }, variant: "Body", children: r.spending_title }),
+        /* @__PURE__ */ e(ue, { data: h, height: 16 }),
+        /* @__PURE__ */ e(f, { variant: "Small", children: R(
+          r.spending_description,
+          T(g, "0,0"),
           T(d, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ u(b, { gap: 8, children: [
-        /* @__PURE__ */ u(b, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
-          /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: s.income_title }),
+      /* @__PURE__ */ u(B, { gap: 8, children: [
+        /* @__PURE__ */ u(B, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+          /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: r.income_title }),
           /* @__PURE__ */ e(
             at,
             {
               "aria-label": n.manage_income,
               onClick: A,
               sx: { p: 0 },
-              children: /* @__PURE__ */ e(N, { color: "primary", name: "edit" })
+              children: /* @__PURE__ */ e(P, { color: "primary", name: "edit" })
             }
           )
         ] }),
-        /* @__PURE__ */ e(ue, { data: x, height: 16 }),
-        /* @__PURE__ */ e(f, { variant: "Small", children: M(
-          s.income_description,
-          T(B, "0,0"),
-          T(g, "0,0")
+        /* @__PURE__ */ e(ue, { data: v, height: 16 }),
+        /* @__PURE__ */ e(f, { variant: "Small", children: R(
+          r.income_description,
+          T(y, "0,0"),
+          T(m, "0,0")
         ) })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      k,
+      N,
       {
-        ariaLabelClose: r.close_aria,
-        isOpen: p,
-        onClose: () => y(!1),
+        ariaLabelClose: s.close_aria,
+        isOpen: b,
+        onClose: () => p(!1),
         title: n.manage_income,
         children: /* @__PURE__ */ e(rt, { forOverview: !0 })
       }
     )
   ] });
-}), Ce = 480, On = D(({ onBackClick: t, sx: o }) => {
-  const i = Q(), { onEvent: s } = H(), { visibleAccounts: r } = Se(), { budgets: n, common: a } = I(), { isCopyLoaded: c, isInitialized: h, selectedAccounts: d, setDisplayedDate: g, setSelectedAccounts: _ } = ee(), {
-    alert: p,
-    dateRange: y,
-    isDataLoaded: m,
-    loadBudgetData: C,
-    setDateRange: B,
-    setAlert: x,
+}), Be = 480, On = D(({ onBackClick: t, sx: o }) => {
+  const i = Q(), { onEvent: r } = H(), { visibleAccounts: s } = Ae(), { budgets: n, common: a } = I(), { isCopyLoaded: c, isInitialized: _, selectedAccounts: d, setDisplayedDate: m, setSelectedAccounts: S } = ee(), {
+    alert: b,
+    dateRange: p,
+    isDataLoaded: g,
+    loadBudgetData: h,
+    setDateRange: y,
+    setAlert: v,
     setTheme: A,
-    detailedBudgets: v
-  } = w(), { loadRepeatingTransactions: S, setDateRange: O } = te(), { reloadCategoryTotals: R } = j(), { isSmallTablet: U, isMobile: se, isSmallMobile: Me } = me(), z = U || se || Me, [Re, ie] = l.useState(!1);
-  l.useEffect(() => (A(i), _(r), B({ start: q(Z()), end: de(Z()) }), s(L.BUDGETS_VIEW), () => {
-    B({ start: q(Z()), end: de(Z()) });
+    detailedBudgets: x
+  } = w(), { loadRepeatingTransactions: C, setDateRange: E } = te(), { reloadCategoryTotals: M } = U(), { isSmallTablet: k, isMobile: se, isSmallMobile: Re } = ge(), z = k || se || Re, [Le, ie] = l.useState(!1);
+  l.useEffect(() => (A(i), S(s), y({ start: q(Z()), end: de(Z()) }), r(L.BUDGETS_VIEW), () => {
+    y({ start: q(Z()), end: de(Z()) });
   }), []), l.useEffect(() => {
-    _(r);
-  }, [r]), l.useEffect(() => {
-    h && (g(y.start, y.end), R(d, y.start, y.end).finally(), O(y), m || (S().finally(), C().finally()));
-  }, [h, d, y]);
-  const Le = (_e) => {
-    B({ start: _e[0] || /* @__PURE__ */ new Date(), end: _e[1] || /* @__PURE__ */ new Date() });
+    S(s);
+  }, [s]), l.useEffect(() => {
+    _ && (m(p.start, p.end), M(d, p.start, p.end).finally(), E(p), g || (C().finally(), h().finally()));
+  }, [_, d, p]);
+  const Ne = (fe) => {
+    y({ start: fe[0] || /* @__PURE__ */ new Date(), end: fe[1] || /* @__PURE__ */ new Date() });
   }, ke = () => {
-    s(L.BUDGETS_CLICK_FILTER);
-  }, he = () => {
-    ie(!0), s(L.BUDGETS_CLICK_ADD);
-  }, Ne = () => {
+    r(L.BUDGETS_CLICK_FILTER);
+  }, _e = () => {
+    ie(!0), r(L.BUDGETS_CLICK_ADD);
+  }, Pe = () => {
     ie(!1);
-  }, Pe = Ye(y.end, q(/* @__PURE__ */ new Date()));
-  return !c || !h || !m ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ u(
+  }, $e = Ye(p.end, q(/* @__PURE__ */ new Date()));
+  return !c || !_ || !g ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ u(
     He,
     {
-      accountOptions: r,
+      accountOptions: s,
       actions: [
         {
           iconName: "add",
           label: n.add_title,
-          onClick: he
+          onClick: _e
         }
       ],
       calendarActions: {
-        onRangeChanged: Le,
-        shouldDisableNext: Pe,
+        onRangeChanged: Ne,
+        shouldDisableNext: $e,
         shouldDisablePicker: !0
       },
       onAccountsFilterClick: ke,
@@ -1037,32 +1059,32 @@ const yt = ({
       sx: o,
       title: n.budgets_title,
       children: [
-        (!h || !m) && /* @__PURE__ */ e($, {}),
-        h && m && /* @__PURE__ */ u(
-          b,
+        (!_ || !g) && /* @__PURE__ */ e(G, {}),
+        _ && g && /* @__PURE__ */ u(
+          B,
           {
             direction: z ? "column" : "row",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ e(b, { height: z ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
-                De,
+              /* @__PURE__ */ e(B, { height: z ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+                Ee,
                 {
-                  createBudgetOnClick: he,
+                  createBudgetOnClick: _e,
                   height: z ? 450 : 800,
                   isDraggable: !0,
-                  shouldShowZeroState: v.length === 0,
-                  unavailableWidth: z ? 0 : Ce
+                  shouldShowZeroState: x.length === 0,
+                  unavailableWidth: z ? 0 : Be
                 }
               ) }),
-              v.length !== 0 && /* @__PURE__ */ u(
-                b,
+              x.length !== 0 && /* @__PURE__ */ u(
+                B,
                 {
                   gap: 24,
                   height: "100%",
                   sx: { mr: 24, mt: 48 },
-                  width: z ? "100%" : Ce,
+                  width: z ? "100%" : Be,
                   children: [
                     /* @__PURE__ */ e(Lt, {}),
                     /* @__PURE__ */ e(Rt, {})
@@ -1074,13 +1096,13 @@ const yt = ({
         ),
         /* @__PURE__ */ e(Ot, {}),
         /* @__PURE__ */ e(
-          k,
+          N,
           {
             ariaLabelClose: a.close_aria,
-            isOpen: Re,
+            isOpen: Le,
             onClose: () => ie(!1),
             title: n.add_new_title,
-            children: /* @__PURE__ */ e(Ee, { onRecalculateBudgets: Ne })
+            children: /* @__PURE__ */ e(Oe, { onRecalculateBudgets: Pe })
           }
         ),
         /* @__PURE__ */ e(
@@ -1089,18 +1111,18 @@ const yt = ({
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             autoHideDuration: 3500,
             onClose: () => {
-              x("");
+              v("");
             },
-            open: !!p,
+            open: !!b,
             children: /* @__PURE__ */ e(
               Ze,
               {
                 onClose: () => {
-                  x("");
+                  v("");
                 },
                 severity: "success",
                 variant: "filled",
-                children: p
+                children: b
               }
             )
           }