@mx-cartographer/experiences 7.0.55-alpha.mega1 → 7.0.55-alpha.mega3

package/dist/budgets/index.es.js

@@ -6,8 +6,8 @@ import { startOfMonth as q } from "date-fns/startOfMonth";
 import F from "@mui/material/Box";
 import S from "@mui/material/Stack";
 import Q from "@mui/material/styles/useTheme";
-import { Text as y, CategoryIcon as H, Icon as N, H1 as ze, H3 as xe } from "@mxenabled/mxui";
-import W from "@mui/material/List";
+import { Text as y, CategoryIcon as W, Icon as N, H1 as ze, H3 as xe } from "@mxenabled/mxui";
+import H from "@mui/material/List";
 import { u as w, i as D, j as ee, m as j, p as te, g as X, b as ne, h as oe, a as Ue, d as ve } from "../hooks-CE2TKk4a.mjs";
 import { f as T } from "../NumberFormatting-CtWHhyBX.mjs";
 import Ae from "@mui/material/Button";
@@ -19,9 +19,9 @@ import Y from "@mui/material/ListItemText";
 import { b as M } from "../Localization-2MODESHW.mjs";
 import { D as k } from "../Drawer-kEE73B87.mjs";
 import Fe from "@mui/material/ListItemSecondaryAction";
-import { C as He } from "../CurrencyInput-CRtdzs3o.mjs";
+import { C as We } from "../CurrencyInput-CRtdzs3o.mjs";
 import { a as $ } from "../Dialog-CWW597AF.mjs";
-import { C as We } from "../ConnectionsDrawer-CU3E2RLw.mjs";
+import { C as He } from "../ConnectionsDrawer-CU3E2RLw.mjs";
 import * as O from "d3";
 import Xe from "@mui/material/Tooltip";
 import { u as se } from "../useScreenSize-B6JyS_Lj.mjs";
@@ -73,7 +73,7 @@ const it = I(() => {
     }, [o, i]);
     return /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
+        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(W, { categoryGuid: t.guid, variant: "filled" }) }),
         /* @__PURE__ */ e(Y, { primary: t.name, secondary: s })
       ] }) }),
       /* @__PURE__ */ e(ae, {})
@@ -99,7 +99,7 @@ const it = I(() => {
             /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
             /* @__PURE__ */ e(y, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(W, { children: d.map((u) => /* @__PURE__ */ e(ct, { category: u }, u.guid)) }) })
+          /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(H, { children: d.map((u) => /* @__PURE__ */ e(ct, { category: u }, u.guid)) }) })
         ] })
       }
     )
@@ -119,7 +119,7 @@ const it = I(() => {
       /* @__PURE__ */ e(y, { children: M(s.add_description_bottom, o) })
     ] }),
     /* @__PURE__ */ e(
-      He,
+      We,
       {
         amount: t,
         autoFocus: !0,
@@ -136,7 +136,7 @@ const it = I(() => {
   );
   return /* @__PURE__ */ m(l.Fragment, { children: [
     /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { onClick: () => n(!0), children: [
-      /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
+      /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(W, { categoryGuid: t.guid }) }),
       /* @__PURE__ */ e(
         Y,
         {
@@ -165,7 +165,7 @@ const it = I(() => {
   };
   return /* @__PURE__ */ m(S, { children: [
     /* @__PURE__ */ e(it, {}),
-    /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(W, { children: a.map((r) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(H, { children: a.map((r) => /* @__PURE__ */ e(
       dt,
       {
         category: r,
@@ -224,8 +224,8 @@ const it = I(() => {
   const a = Math.PI * J ** 2 * t, n = i < 400 || o < 300, r = n ? 40 : 20, c = Math.max(100, i - r), d = Math.max(100, o - r), g = c * d;
   let u = J;
   if (a < g) {
-    const f = Math.sqrt(g / (t * Math.PI)), p = Math.min(c, d) / 4;
-    u = Math.min(Ee, f, p);
+    const _ = Math.sqrt(g / (t * Math.PI)), p = Math.min(c, d) / 4;
+    u = Math.min(Ee, _, p);
   }
   return n && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
 }, _t = (t, o, i, s, a) => {
@@ -274,16 +274,16 @@ function Bt({ bubble: t, isDraggable: o, onClick: i = () => {
     budgetColors: { background: c, text: d },
     category: { icon: g, name: u },
     guid: h,
-    description: f,
+    description: _,
     radius: p,
     x: b,
     y: B
-  } = t, _ = n < 400 ? -8 : -12;
-  let C = _, v = _;
+  } = t, f = n < 400 ? -8 : -12;
+  let C = f, v = f;
   p > P ? (C = -14, v = -45) : p > ue && (v = -32);
   let A = 32;
   p <= P && (A = n < 400 ? 16 : 24);
-  const x = `${t.category.name}: ${f}`, E = {
+  const x = `${t.category.name}: ${_}`, E = {
     modifiers: [
       {
         name: "offset",
@@ -336,7 +336,7 @@ function Bt({ bubble: t, isDraggable: o, onClick: i = () => {
             sx: { fill: d },
             variant: "Body",
             y: p <= P ? 12 : 24,
-            children: p <= P ? f.split(" ")[0] : f
+            children: p <= P ? _.split(" ")[0] : _
           }
         ),
         p <= P && p > ue && /* @__PURE__ */ e(
@@ -347,7 +347,7 @@ function Bt({ bubble: t, isDraggable: o, onClick: i = () => {
             sx: { fill: d },
             variant: "XSmall",
             y: 28,
-            children: f.split(" ")[1]
+            children: _.split(" ")[1]
           }
         ),
         /* @__PURE__ */ e(St, { bubble: r })
@@ -364,20 +364,20 @@ const xt = ({
   }
 }) => {
   const [a, n] = l.useState([]), r = l.useRef(null), c = l.useRef(!1), { detailedBudgets: d } = D(), g = l.useCallback(() => {
-    const u = r.current, h = ht(d), f = h.nodes();
+    const u = r.current, h = ht(d), _ = h.nodes();
     if (u) {
       const p = u.nodes(), b = new Map(p.map((B) => [B.guid, B]));
-      f.forEach((B) => {
-        const _ = b.get(B.guid);
-        _ && Object.assign(B, {
-          vx: _.vx,
-          vy: _.vy,
-          x: _.x,
-          y: _.y
+      _.forEach((B) => {
+        const f = b.get(B.guid);
+        f && Object.assign(B, {
+          vx: f.vx,
+          vy: f.vy,
+          x: f.x,
+          y: f.y
         });
       });
     }
-    r.current = h, c.current = !1, n(f);
+    r.current = h, c.current = !1, n(_);
   }, [d]);
   return l.useEffect(() => {
     g();
@@ -386,7 +386,7 @@ const xt = ({
   }, []), l.useEffect(() => {
     const u = r.current;
     if (!u) return;
-    const h = u.nodes(), f = o > 0 && o < 450 || t > 0 && t < 300, p = yt(h, d, f, t, o);
+    const h = u.nodes(), _ = o > 0 && o < 450 || t > 0 && t < 300, p = yt(h, d, _, t, o);
     u.nodes(p), pt(u, t, o), i && setTimeout(() => {
       gt(u);
     }, 0), n([...p]);
@@ -396,19 +396,19 @@ const xt = ({
   onConnectAccountsClick: o,
   createBudgetOnClick: i
 }) => {
-  const { recalculateBudgets: s } = D(), { spendCategories: a } = j(), { budgets: n } = w(), { availableWidth: r } = te(), { isSmallMobile: c } = se(r), d = c && t, [g, u] = l.useState(!1), [h, f] = l.useState(!1), [p, b] = l.useState(!1), B = l.useMemo(() => [...a.filter((C) => C.totalAverageAmount > 0)], [a]), _ = async () => {
+  const { recalculateBudgets: s } = D(), { spendCategories: a } = j(), { budgets: n } = w(), { availableWidth: r } = te(), { isMobile: c } = se(r), d = c, [g, u] = l.useState(!1), [h, _] = l.useState(!1), [p, b] = l.useState(!1), B = l.useMemo(() => [...a.filter((C) => C.totalAverageAmount > 0)], [a]), f = async () => {
     b(!0);
     const { data: C, isSuccess: v } = await s(B);
-    b(!1), v ? (C.length === 0 && u(!0), f(!1)) : f(!0);
+    b(!1), v ? (C.length === 0 && _(!0), u(!1)) : u(!0);
   };
-  return p ? /* @__PURE__ */ e(G, {}) : h ? /* @__PURE__ */ e(
+  return p ? /* @__PURE__ */ e(G, {}) : g ? /* @__PURE__ */ e(
     de,
     {
       header: n.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
       onClick: (C) => {
-        C === "primary" ? _() : i();
+        C === "primary" ? f() : i();
       },
       primaryButton: n.autogenerate_budgets_error_primary_button,
       secondaryButton: n.zero_state_generate_budgets_secondary_button,
@@ -422,7 +422,7 @@ const xt = ({
         ...d && { mt: 0, svg: { height: 32, width: 32 } }
       }
     }
-  ) : /* @__PURE__ */ e(je, { children: g ? /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ e(je, { children: h ? /* @__PURE__ */ e(
     de,
     {
       header: n.zero_state_generate_budgets_header,
@@ -454,7 +454,7 @@ const xt = ({
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
       onClick: (C) => {
-        C === "primary" ? _() : i();
+        C === "primary" ? f() : i();
       },
       primaryButton: n.empty_state_primary_button,
       secondaryButton: t ? void 0 : n.empty_state_secondary_button,
@@ -483,7 +483,7 @@ const xt = ({
     shouldShowZeroState: a,
     unavailableWidth: n = 24
   }) => {
-    const { onEvent: r } = X(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: d } = j(), { isInitialized: g } = ne(), { accounts: u } = w(), { availableWidth: h } = te(), { isMobile: f } = se(), [p, b] = l.useState(!1), B = l.useMemo(() => h - n, [h]), _ = (v) => {
+    const { onEvent: r } = X(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: d } = j(), { isInitialized: g } = ne(), { accounts: u } = w(), { availableWidth: h } = te(), { isMobile: _ } = se(), [p, b] = l.useState(!1), B = l.useMemo(() => h - n, [h]), f = (v) => {
       c(v), r(L.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: v.category.name,
         click_type: "bubble"
@@ -491,7 +491,7 @@ const xt = ({
     }, C = () => {
       b(!0), r(L.ACCOUNTS_CLICK_CONNECT);
     };
-    return d ? /* @__PURE__ */ e(S, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(B), children: /* @__PURE__ */ e(G, {}) }) : /* @__PURE__ */ m(F, { ml: a || f ? 0 : 24, sx: { alignSelf: "center" }, children: [
+    return d ? /* @__PURE__ */ e(S, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(B), children: /* @__PURE__ */ e(G, {}) }) : /* @__PURE__ */ m(F, { ml: a || _ ? 0 : 24, sx: { alignSelf: "center" }, children: [
       a || !g ? /* @__PURE__ */ e(
         At,
         {
@@ -504,12 +504,12 @@ const xt = ({
         {
           height: o,
           isDraggable: i,
-          onClick: _,
+          onClick: f,
           width: B
         }
       ),
       /* @__PURE__ */ e(
-        We,
+        He,
         {
           onClose: () => b(!1),
           showConnectionsWidget: p,
@@ -548,13 +548,13 @@ const xt = ({
     ] })
   ] });
 }, wt = (t) => {
-  const o = Q(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: n, setTheme: r } = D(), { budgets: c, common: d } = w(), { isCopyLoaded: g, isInitialized: u, selectedAccounts: h } = ne(), { reloadCategoryTotals: f } = j(), p = Ve(), b = s.length === 0, [B, _] = l.useState(!1), C = () => {
-    _(!0), i(L.BUDGETS_CLICK_ADD);
-  }, v = () => _(!1);
+  const o = Q(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: n, setTheme: r } = D(), { budgets: c, common: d } = w(), { isCopyLoaded: g, isInitialized: u, selectedAccounts: h } = ne(), { reloadCategoryTotals: _ } = j(), p = Ve(), b = s.length === 0, [B, f] = l.useState(!1), C = () => {
+    f(!0), i(L.BUDGETS_CLICK_ADD);
+  }, v = () => f(!1);
   return l.useEffect(() => {
     r(o);
   }, [o]), l.useEffect(() => {
-    u && !a && f(h, q(/* @__PURE__ */ new Date()), me(/* @__PURE__ */ new Date())).then(
+    u && !a && _(h, q(/* @__PURE__ */ new Date()), me(/* @__PURE__ */ new Date())).then(
       () => {
         n().finally();
       }
@@ -582,7 +582,7 @@ const xt = ({
           {
             ariaLabelClose: d.close_aria,
             isOpen: B,
-            onClose: () => _(!1),
+            onClose: () => f(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(Ie, { onRecalculateBudgets: v })
           }
@@ -605,7 +605,7 @@ const xt = ({
     }
   ];
   return /* @__PURE__ */ e(pe, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(he, { children: /* @__PURE__ */ m(S, { alignItems: "center", gap: 16, children: [
-    /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
+    /* @__PURE__ */ e(W, { categoryGuid: a, size: 56 }),
     /* @__PURE__ */ e(ze, { children: `${T(r, "0,0")} / ${T(o, "0,0")}` }),
     /* @__PURE__ */ e(y, { bold: !0, variant: "XSmall", children: s }),
     /* @__PURE__ */ e(ge, { data: c, height: 10 })
@@ -626,7 +626,7 @@ const xt = ({
     transaction_total: n
   } = t, { setSelectedSubBudget: r } = D();
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { onClick: () => r(t), children: [
-    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: i, percent: a, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
+    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: i, percent: a, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Y,
       {
@@ -639,16 +639,16 @@ const xt = ({
     )
   ] }) });
 }), Et = I(({ category: t, parentBudget: o }) => {
-  const { budgets: i, common: s } = w(), { setExpandedGuid: a, setOnSelect: n } = nt(), { addBudget: r } = D(), [c, d] = l.useState(!1), [g, u] = l.useState(!1), [h, f] = l.useState(""), [p, b] = l.useState(void 0);
+  const { budgets: i, common: s } = w(), { setExpandedGuid: a, setOnSelect: n } = nt(), { addBudget: r } = D(), [c, d] = l.useState(!1), [g, u] = l.useState(!1), [h, _] = l.useState(""), [p, b] = l.useState(void 0);
   l.useEffect(() => {
     n((C) => {
       const v = t.subCategories.find((A) => A.guid === C);
-      v && (b(v), f(`${v.currentAmount === 0 ? "" : v.currentAmount}`), u(!0));
+      v && (b(v), _(`${v.currentAmount === 0 ? "" : v.currentAmount}`), u(!0));
     });
   }, []);
   const B = () => {
     a(t.guid), d(!0);
-  }, _ = async () => {
+  }, f = async () => {
     p && Number(h) > 0 && (await r(p, Number(h), o.guid), u(!1), d(!1), b(void 0));
   };
   return /* @__PURE__ */ m(F, { children: [
@@ -667,7 +667,7 @@ const xt = ({
         isOpen: c,
         onClose: () => d(!1),
         title: i.add_sub_budget_title,
-        children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(ot, { category: t, subCategories: t.subCategories }) })
+        children: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(ot, { category: t, subCategories: t.subCategories }) })
       }
     ),
     /* @__PURE__ */ e(
@@ -677,23 +677,23 @@ const xt = ({
         disablePrimaryButton: Number(h) <= 0,
         isOpen: g,
         onClose: () => u(!1),
-        onPrimaryAction: _,
+        onPrimaryAction: f,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
           ie,
           {
             amount: h,
             categoryName: p?.name || "",
-            onAmountChanged: f
+            onAmountChanged: _
           }
         )
       }
     )
   ] });
 }), Ot = I(({ budget: t }) => {
-  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = w(), { deleteBudget: n, selectedSubBudget: r, setSelectedSubBudget: c, updateBudget: d } = D(), { filter: g, setFilter: u } = oe(), [h, f] = l.useState(!1), [p, b] = l.useState(!1), [B, _] = l.useState("");
+  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = w(), { deleteBudget: n, selectedSubBudget: r, setSelectedSubBudget: c, updateBudget: d } = D(), { filter: g, setFilter: u } = oe(), [h, _] = l.useState(!1), [p, b] = l.useState(!1), [B, f] = l.useState("");
   l.useEffect(() => {
-    r && (_(`${r.amount}`), u({
+    r && (f(`${r.amount}`), u({
       ...g,
       custom: (x) => x.category_guid === r.category_guid
     }));
@@ -712,7 +712,7 @@ const xt = ({
     }), c(void 0);
   };
   return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ m(W, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ m(H, { sx: { bgcolor: "background.paper" }, children: [
       i.length === 0 ? /* @__PURE__ */ e(Dt, {}) : i.map((x) => /* @__PURE__ */ m(l.Fragment, { children: [
         /* @__PURE__ */ e(It, { budget: x }),
         /* @__PURE__ */ e(ae, {})
@@ -725,7 +725,7 @@ const xt = ({
         ariaLabelClose: a.close_aria,
         isOpen: !!r,
         onClose: A,
-        onPrimaryAction: () => f(!0),
+        onPrimaryAction: () => _(!0),
         onSecondaryAction: () => b(!0),
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
@@ -743,7 +743,7 @@ const xt = ({
           copy: { close_aria: a.close_aria, title: s.details_edit_title },
           disablePrimaryButton: Number(B) <= 0,
           isOpen: h,
-          onClose: () => f(!1),
+          onClose: () => _(!1),
           onPrimaryAction: C,
           primaryText: s.edit_save_button,
           children: /* @__PURE__ */ e(
@@ -751,7 +751,7 @@ const xt = ({
             {
               amount: B,
               categoryName: r.category.name,
-              onAmountChanged: _
+              onAmountChanged: f
             }
           )
         }
@@ -776,7 +776,7 @@ const xt = ({
     sortedTransactions: g,
     sortedTransactionsWithSplits: u,
     tags: h
-  } = oe(), [f, p] = l.useState(0), [b, B] = l.useState(""), _ = l.useMemo(
+  } = oe(), [_, p] = l.useState(0), [b, B] = l.useState(""), f = l.useMemo(
     () => g.find((x) => x.guid === b),
     [b, g]
   ), C = (x, E) => {
@@ -793,7 +793,7 @@ const xt = ({
           onChange: C,
           sx: { width: "100%" },
           textColor: "primary",
-          value: f,
+          value: _,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(ye, { label: s.details_transactions_tab }),
@@ -801,7 +801,7 @@ const xt = ({
           ]
         }
       ),
-      f === 0 && /* @__PURE__ */ m(S, { children: [
+      _ === 0 && /* @__PURE__ */ m(S, { children: [
         A && /* @__PURE__ */ e(S, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
           Ae,
           {
@@ -813,15 +813,15 @@ const xt = ({
         ) }),
         /* @__PURE__ */ e(Te, { height: "100%", onClick: B })
       ] }),
-      f === 1 && /* @__PURE__ */ e(Ot, { budget: t }),
+      _ === 1 && /* @__PURE__ */ e(Ot, { budget: t }),
       /* @__PURE__ */ e(
         k,
         {
           ariaLabelClose: a.close_aria,
-          isOpen: !!_,
+          isOpen: !!f,
           onClose: () => B(""),
           title: s.details_transaction_drawer,
-          children: _ && /* @__PURE__ */ e(tt, { transaction: _ })
+          children: f && /* @__PURE__ */ e(tt, { transaction: f })
         }
       )
     ] })
@@ -835,9 +835,9 @@ const xt = ({
     setAlert: c,
     setSelectedBudget: d,
     updateBudget: g
-  } = D(), { setFilter: u } = oe(), [h, f] = l.useState(!1), [p, b] = l.useState(!1), [B, _] = l.useState(!1), [C, v] = l.useState("");
+  } = D(), { setFilter: u } = oe(), [h, _] = l.useState(!1), [p, b] = l.useState(!1), [B, f] = l.useState(!1), [C, v] = l.useState("");
   l.useEffect(() => {
-    n && !r && (v(`${n.amount}`), f(!0), u({
+    n && !r && (v(`${n.amount}`), _(!0), u({
       accounts: t,
       dateRange: s,
       custom: (R) => R.category_guid === n.category_guid || R.top_level_category_guid === n.category_guid,
@@ -851,9 +851,9 @@ const xt = ({
       percentage: n.category.totalAmount / Number(C) * 100
     }), c(M(o.alert_budget_updated, n.category.name)));
   }, x = async () => {
-    n && (await a(n.guid), c(M(o.alert_budget_deleted, n.category.name))), _(!1), E();
+    n && (await a(n.guid), c(M(o.alert_budget_deleted, n.category.name))), f(!1), E();
   }, E = () => {
-    f(!1), setTimeout(() => {
+    _(!1), setTimeout(() => {
       d(void 0);
     }, 250);
   };
@@ -866,7 +866,7 @@ const xt = ({
           isOpen: h,
           onClose: E,
           onPrimaryAction: () => b(!0),
-          onSecondaryAction: () => _(!0),
+          onSecondaryAction: () => f(!0),
           primaryText: o.details_edit_button,
           secondaryColor: "error",
           secondaryText: o.details_delete_button,
@@ -898,7 +898,7 @@ const xt = ({
         {
           copy: { close_aria: i.close_aria, title: o.delete_title },
           isOpen: B,
-          onClose: () => _(!1),
+          onClose: () => f(!1),
           onPrimaryAction: x,
           primaryColor: "error",
           primaryText: o.details_delete_button,
@@ -918,7 +918,7 @@ const xt = ({
     transaction_total: g
   } = t;
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { onClick: () => o?.(t), children: [
-    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: n, variant: "basic" }) }) }),
+    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: n, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Y,
       {
@@ -945,13 +945,13 @@ const xt = ({
   };
   return /* @__PURE__ */ m(pe, { elevation: 2, children: [
     /* @__PURE__ */ e(De, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(xe, { children: o.budget_categories_title }) }),
-    /* @__PURE__ */ e(he, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(W, { children: i.map((n) => /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ e(he, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(H, { children: i.map((n) => /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(Lt, { budget: n, onClick: a }),
       /* @__PURE__ */ e(ae, {})
     ] }, n.guid)) }) })
   ] });
 }), Nt = I(() => {
-  const t = Q(), { onEvent: o } = X(), { visibleAccounts: i } = ve(), { budgets: s, common: a, recurring: n } = w(), { incomeCategories: r, spendCategories: c } = j(), { detailedBudgets: d, totalBudgeted: g } = D(), { incomeTotal: u } = ee(), { setFilter: h } = oe(), [f, p] = l.useState(!1), [b, B] = l.useMemo(() => {
+  const t = Q(), { onEvent: o } = X(), { visibleAccounts: i } = ve(), { budgets: s, common: a, recurring: n } = w(), { incomeCategories: r, spendCategories: c } = j(), { detailedBudgets: d, totalBudgeted: g } = D(), { incomeTotal: u } = ee(), { setFilter: h } = oe(), [_, p] = l.useState(!1), [b, B] = l.useMemo(() => {
     const A = c.reduce((z, ce) => z + ce.totalAmount, 0);
     let x = A / g;
     x > 1 && (x = 1);
@@ -964,7 +964,7 @@ const xt = ({
       }
     ];
     return [A, R];
-  }, [d, c]), [_, C] = l.useMemo(() => {
+  }, [d, c]), [f, C] = l.useMemo(() => {
     const A = Math.abs(
       r.reduce((R, z) => R + z.totalAmount, 0)
     );
@@ -1014,7 +1014,7 @@ const xt = ({
         /* @__PURE__ */ e(ge, { data: C, height: 16 }),
         /* @__PURE__ */ e(y, { variant: "Small", children: M(
           s.income_description,
-          T(_, "0,0"),
+          T(f, "0,0"),
           T(u, "0,0")
         ) })
       ] })
@@ -1023,7 +1023,7 @@ const xt = ({
       k,
       {
         ariaLabelClose: a.close_aria,
-        isOpen: f,
+        isOpen: _,
         onClose: () => p(!1),
         title: n.manage_income,
         children: /* @__PURE__ */ e(st, { forOverview: !0 })
@@ -1032,24 +1032,24 @@ const xt = ({
   ] });
 }), Be = 480, Rn = I(({ onBackClick: t, sx: o }) => {
   const i = Q(), { onEvent: s } = X(), { visibleAccounts: a } = ve(), { budgets: n, common: r } = w(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: g, setDisplayedDate: u, setSelectedAccounts: h } = ne(), {
-    alert: f,
+    alert: _,
     dateRange: p,
     isDataLoaded: b,
     loadBudgetData: B,
-    setDateRange: _,
+    setDateRange: f,
     setAlert: C,
     setTheme: v,
     detailedBudgets: A
   } = D(), { loadRepeatingTransactions: x, setDateRange: E } = ee(), { reloadCategoryTotals: R } = j(), { isSmallTablet: z, isMobile: ce, isSmallMobile: Le } = se(), U = z || ce || Le, [ke, le] = l.useState(!1);
-  l.useEffect(() => (v(i), h(a), _({ start: q(Z()), end: me(Z()) }), s(L.BUDGETS_VIEW), () => {
-    _({ start: q(Z()), end: me(Z()) });
+  l.useEffect(() => (v(i), h(a), f({ start: q(Z()), end: me(Z()) }), s(L.BUDGETS_VIEW), () => {
+    f({ start: q(Z()), end: me(Z()) });
   }), []), l.useEffect(() => {
     h(a);
   }, [a]), l.useEffect(() => {
     d && (u(p.start, p.end), R(g, p.start, p.end).finally(), E(p), b || (x().finally(), B().finally()));
   }, [d, g, p]);
   const Ne = (_e) => {
-    _({ start: _e[0] || /* @__PURE__ */ new Date(), end: _e[1] || /* @__PURE__ */ new Date() });
+    f({ start: _e[0] || /* @__PURE__ */ new Date(), end: _e[1] || /* @__PURE__ */ new Date() });
   }, Pe = () => {
     s(L.BUDGETS_CLICK_FILTER);
   }, fe = () => {
@@ -1132,7 +1132,7 @@ const xt = ({
             onClose: () => {
               C("");
             },
-            open: !!f,
+            open: !!_,
             children: /* @__PURE__ */ e(
               qe,
               {
@@ -1141,7 +1141,7 @@ const xt = ({
                 },
                 severity: "success",
                 variant: "filled",
-                children: f
+                children: _
               }
             )
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.55-alpha.mega1",
+  "version": "7.0.55-alpha.mega3",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",