@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/AccountDetailsHeader-BkG3MNYo.mjs

@@ -0,0 +1,87 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { observer as m } from "mobx-react-lite";
+import e from "@mui/material/Stack";
+import { H3 as _, InstitutionLogo as x, Text as a, H2 as T } from "@mxenabled/mxui";
+import d from "react";
+import { G as N, d as f, m as D, f as w, u as E } from "./hooks-ZMp65DFz.mjs";
+import { g as I } from "./AccountFields-zCMqet85.mjs";
+import G from "@mui/material/Card";
+import v from "@mui/material/CardContent";
+import O from "@mui/material/CardHeader";
+import { L as H } from "./Loader-DUaFpDGv.mjs";
+import { f as M, a as P } from "./Dialog-BPTr3qHE.mjs";
+import { I as L, P as U, S as j } from "./Account-CvR2-dSR.mjs";
+import { u as z } from "./useAccountDisplayName-B7iXTNM8.mjs";
+import { f as B } from "./NumberFormatting-DjTD0t3W.mjs";
+const p = () => {
+  if (!d.useContext(N))
+    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
+  return f().uiStore;
+}, Y = ({ sx: n, ChartComponent: s }) => {
+  const { loadMonthlyCategoryTotals: c } = D(), { isInitialized: o } = w(), { selectedAccount: r } = p(), [l, u] = d.useState(!1);
+  return d.useEffect(() => {
+    o && c([r]).finally(() => {
+      u(!0);
+    });
+  }, [o, r]), !o || !l ? /* @__PURE__ */ t(H, {}) : /* @__PURE__ */ i(
+    G,
+    {
+      sx: {
+        "& .MuiCardContent-root:last-child": {
+          pb: 0
+        },
+        ...n
+      },
+      children: [
+        /* @__PURE__ */ t(
+          O,
+          {
+            sx: { pb: 0 },
+            title: /* @__PURE__ */ t(_, { sx: { pb: 4 }, children: M(/* @__PURE__ */ new Date(), P.MONTH_LONG) })
+          }
+        ),
+        /* @__PURE__ */ t(v, { sx: { p: 0 }, children: s ? /* @__PURE__ */ t(s, {}) : null })
+      ]
+    }
+  );
+}, k = m(Y), R = ({
+  customDetailsChart: n,
+  ChartComponent: s
+}) => {
+  const { institutions: c } = f(), { selectedAccount: o } = p(), { accounts: r } = E(), { firstSubtitle: l, firstValue: u, hasAvailableBalance: C, secondSubtitle: h, secondValue: S } = I(o, r), b = c.find(
+    (y) => y.guid === o?.institution_guid
+  ), A = [
+    ...L,
+    ...U,
+    ...j
+  ].includes(o.account_type), g = z(o);
+  return /* @__PURE__ */ i(e, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ i(e, { gap: 12, children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          alt: r.institution_logo_alt,
+          institutionGuid: o.institution_guid || "",
+          size: 64
+        }
+      ),
+      /* @__PURE__ */ t(a, { variant: "Small", children: b?.name })
+    ] }),
+    /* @__PURE__ */ i(e, { gap: 8, mb: 24, mt: 4, children: [
+      /* @__PURE__ */ t(T, { children: g }),
+      /* @__PURE__ */ i(e, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(a, { bold: C, variant: "Body", children: l }),
+        /* @__PURE__ */ t(a, { bold: !0, variant: "Body", children: B(u, "0,0.00") })
+      ] }),
+      /* @__PURE__ */ i(e, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(a, { variant: "Small", children: h }),
+        /* @__PURE__ */ t(a, { variant: "Small", children: S })
+      ] })
+    ] }),
+    A && /* @__PURE__ */ t(e, { children: n || /* @__PURE__ */ t(k, { ChartComponent: s }) })
+  ] });
+}, rt = m(R);
+export {
+  rt as A,
+  p as u
+};

package/dist/{AccountFields-C9FlatNb.mjs → AccountFields-zCMqet85.mjs}

@@ -1,10 +1,10 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Icon as p, Text as y } from "@mxenabled/mxui";
-import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-BRf_YeTf.mjs";
-import { f as _, i as b, a as N, b as S } from "./NumberFormatting-Buh7u8Oi.mjs";
+import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-BkvlItWx.mjs";
+import { i as T, u as A, a as D, b as g, c as O } from "./Accounts-Bzy1_REQ.mjs";
+import { f as _, i as b, a as N, b as S } from "./NumberFormatting-DjTD0t3W.mjs";
 import { b as i } from "./Localization-2MODESHW.mjs";
-import { f as o, D as f } from "./Dialog-CWW597AF.mjs";
+import { f as o, a as f } from "./Dialog-BPTr3qHE.mjs";
 const w = (l, e) => {
   const r = [
     {
@@ -54,7 +54,7 @@ const w = (l, e) => {
       valueFormatter: (t) => a.find((n) => n.value === t)?.label
     });
   }
-  if (D(l)) {
+  if (A(l)) {
     let a = e.interest_rate, t = "interest_rate";
     l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), r.push({
       event: "account_details_click_interest_rate",
@@ -66,7 +66,7 @@ const w = (l, e) => {
       valueFormatter: (n) => b(n) ? N(n / 100) : n
     });
   }
-  return A(l) && (r.push({
+  return D(l) && (r.push({
     label: e.minimum_payment,
     name: "minimum_payment",
     placeholder: i(e.enter_value, e.minimum_payment),

package/dist/{AccountListItem-JFMZROh7.mjs → AccountListItem-DHrz8Mml.mjs}

@@ -4,17 +4,17 @@ import I from "@mui/material/Badge";
 import m from "@mui/material/Box";
 import S from "@mui/material/ListItem";
 import v from "@mui/material/ListItemAvatar";
-import C from "@mui/material/ListItemButton";
-import _ from "@mui/material/ListItemText";
+import _ from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemText";
 import B from "@mui/material/styles/useTheme";
 import { InstitutionLogo as L, Text as o } from "@mxenabled/mxui";
 import { Error as A } from "@mxenabled/mx-icons";
 import { I as j } from "./IconBacking-B9oC6uL2.mjs";
-import { g as T } from "./AccountFields-C9FlatNb.mjs";
-import { u as X } from "./useAccountDisplayName-BUAApBIb.mjs";
-import { u as $ } from "./hooks-D6XlXHf4.mjs";
-import { C as d } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { f as k } from "./NumberFormatting-Buh7u8Oi.mjs";
+import { g as T } from "./AccountFields-zCMqet85.mjs";
+import { u as X } from "./useAccountDisplayName-B7iXTNM8.mjs";
+import { d } from "./ConnectDrawer-BkvlItWx.mjs";
+import { u as $ } from "./hooks-ZMp65DFz.mjs";
+import { f as k } from "./NumberFormatting-DjTD0t3W.mjs";
 const w = {
   gridRow: 1,
   gridColumn: 1,
@@ -45,7 +45,7 @@ const w = {
       }
     ) }),
     /* @__PURE__ */ e(
-      _,
+      C,
       {
         disableTypography: !0,
         primary: /* @__PURE__ */ r(
@@ -81,7 +81,7 @@ const w = {
     {
       sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
       ...c,
-      children: s ? /* @__PURE__ */ e(C, { alignItems: "flex-start", onClick: s, sx: { px: 24 }, children: a }) : a
+      children: s ? /* @__PURE__ */ e(_, { alignItems: "flex-start", onClick: s, sx: { px: 24 }, children: a }) : a
     }
   );
 }, Z = b(M);

package/dist/{AccountStore-BgNOyMdp.mjs → AccountStore-LgfBcYMe.mjs}

@@ -1,12 +1,11 @@
-import { makeAutoObservable as l, runInAction as a } from "mobx";
-import { i as A } from "./User-BQUxBeZV.mjs";
-import { F as g, A as i } from "./Fetch-87LIQbEA.mjs";
-import { d as m } from "./Accounts-BRf_YeTf.mjs";
-import { A as c, j as u } from "./ConnectDrawer-BQNs-hjk.mjs";
-class d {
+import { makeAutoObservable as _, runInAction as a } from "mobx";
+import { i as f } from "./User-Cnlegl1N.mjs";
+import { F as p, A as i } from "./Fetch-DecPFeGU.mjs";
+import { A as c, h as d, d as h, E as y, i as I, j as b } from "./ConnectDrawer-BkvlItWx.mjs";
+class A {
   fetchInstance;
-  constructor(t, e, s) {
-    this.fetchInstance = new g(t, e, void 0, s);
+  constructor(t, e, n) {
+    this.fetchInstance = new p(t, e, void 0, n);
   }
   createAccount = async (t) => this.fetchInstance.post(i.ACCOUNTS, t).then((e) => e.account).catch((e) => e);
   deleteAccount = async (t) => this.fetchInstance.delete(`${i.ACCOUNTS}/${t}`).catch((e) => e);
@@ -18,42 +17,35 @@ class d {
   refreshAllMembers = async () => this.fetchInstance.get(`${i.MEMBERS}/refresh_all`).then((t) => t).catch((t) => t);
   updateAccount = async (t) => this.fetchInstance.put(`${i.ACCOUNTS}/${t.guid}`, t).then((e) => e.account).catch((e) => e);
 }
-class p {
+class C {
   isLoading = !1;
   selectedAccount = {};
   selectedMember = {};
   constructor() {
-    l(this);
+    _(this);
   }
   setIsLoading = (t) => this.isLoading = t;
   setSelectedAccount = (t) => this.selectedAccount = t;
   setSelectedMember = (t) => this.selectedMember = t;
 }
-class E {
+class w {
   globalStore;
-  api = new d("/", "");
+  api = new A("/", "");
   accounts = [];
-  accountsLoaded = !1;
   institutions = [];
-  institutionsLoaded = !1;
   members = [];
-  membersLoaded = !1;
   uiStore;
   constructor(t) {
-    this.globalStore = t, this.uiStore = new p(), this.api = new d(t.endpoint, t.sessionToken, t.onError), l(this);
+    this.globalStore = t, this.uiStore = new C(), this.api = new A(t.endpoint, t.sessionToken, t.onError), _(this);
   }
-  loadAccountData = async () => {
-    await Promise.all([this.loadAccounts(), this.loadMembers(), this.loadInstitutions()]);
+  loadAccountData = async ({
+    accounts: t,
+    institutions: e
+  } = {}) => {
+    await Promise.all([this.loadAccounts(t), this.loadInstitutions(e)]);
   };
-  get isAccountDataLoaded() {
-    return this.accountsLoaded && this.membersLoaded && this.institutionsLoaded;
-  }
-  get detailedAccounts() {
-    const t = this.globalStore.userStore.userFeatures, e = A(t, "MD_EXCLUDE_EXTERNAL_ACCOUNTS");
-    return m(this.accounts, this.institutions, this.members, e);
-  }
   get cashAccounts() {
-    return this.detailedAccounts.filter(
+    return this.accounts.filter(
       (t) => t.account_type === c.CASH || t.account_type === c.CHECKING || t.account_type === c.PREPAID || t.account_type === c.SAVINGS || t.account_type === c.CHECKING_LINE_OF_CREDIT
     );
   }
@@ -61,10 +53,10 @@ class E {
     return this.cashAccounts.reduce((t, e) => t + (e?.balance || 0), 0);
   }
   get checkingAccounts() {
-    return this.detailedAccounts.filter((t) => t.account_type === c.CHECKING);
+    return this.accounts.filter((t) => t.account_type === c.CHECKING);
   }
   get debtAccounts() {
-    return this.detailedAccounts.filter(
+    return this.accounts.filter(
       (t) => t.account_type === c.CREDIT_CARD || t.account_type === c.LOAN || t.account_type === c.MORTGAGE || t.account_type === c.LINE_OF_CREDIT || t.account_type === c.CHECKING_LINE_OF_CREDIT
     );
   }
@@ -75,23 +67,23 @@ class E {
       c.CREDIT_CARD,
       c.INVESTMENT
     ]);
-    return this.detailedAccounts.filter((e) => t.has(e.account_type));
+    return this.accounts.filter((e) => t.has(e.account_type));
   }
   get investmentAccounts() {
-    return this.detailedAccounts.filter(
+    return this.accounts.filter(
       (t) => t.account_type === c.INVESTMENT
     );
   }
   get savingsAccounts() {
-    return this.detailedAccounts.filter((t) => t.account_type === c.SAVINGS);
+    return this.accounts.filter((t) => t.account_type === c.SAVINGS);
   }
   get retirementAccounts() {
-    return this.detailedAccounts.filter(
-      (t) => t.account_type === c.INVESTMENT || t.account_type === c.SAVINGS || t.account_type === c.CHECKING || t.account_type === c.CASH || t.account_type === c.PROPERTY || t.account_type === c.INSURANCE && (t.account_subtype === u.WHOLE_LIFE || t.account_subtype === u.UNIVERSAL_LIFE || t.account_subtype === u.VARIABLE_UNIVERSAL_LIFE)
+    return this.accounts.filter(
+      (t) => t.account_type === c.INVESTMENT || t.account_type === c.SAVINGS || t.account_type === c.CHECKING || t.account_type === c.CASH || t.account_type === c.PROPERTY || t.account_type === c.INSURANCE && (t.account_subtype === d.WHOLE_LIFE || t.account_subtype === d.UNIVERSAL_LIFE || t.account_subtype === d.VARIABLE_UNIVERSAL_LIFE)
     );
   }
   get visibleAccounts() {
-    return this.detailedAccounts.filter((t) => !t.is_hidden);
+    return this.accounts.filter((t) => !t.is_hidden);
   }
   get visibleCashAccounts() {
     return this.cashAccounts.filter((t) => !t.is_hidden);
@@ -119,15 +111,17 @@ class E {
   get visibleSavingsAccounts() {
     return this.savingsAccounts.filter((t) => !t.is_hidden);
   }
-  setAccounts = (t) => {
-    this.accounts = t, this.accountsLoaded = !0;
-  };
-  setMembers = (t) => {
-    this.members = t, this.membersLoaded = !0;
-  };
-  setInstitutions = (t) => {
-    this.institutions = t, this.institutionsLoaded = !0;
-  };
+  get savingsAndCheckingAccountsBalance() {
+    return this.savingsAndCheckingAccounts.reduce(
+      (e, n) => e + (n?.balance || 0),
+      0
+    );
+  }
+  get savingsAndCheckingAccounts() {
+    return this.accounts.filter(
+      (e) => e.account_type === c.SAVINGS || e.account_type === c.CHECKING
+    );
+  }
   addAccount = async (t) => {
     try {
       const e = await this.api.createAccount(t);
@@ -138,45 +132,77 @@ class E {
       console.error(`Error occurred while adding an account: ${e}`);
     }
   };
-  loadAccounts = async () => {
+  augmentAccounts = (t = this.accounts) => {
+    const e = [], n = this.globalStore.userStore.userFeatures, s = f(
+      n,
+      "MD_EXCLUDE_EXTERNAL_ACCOUNTS"
+    );
+    for (const o of t) {
+      if (s && o.member_is_managed_by_user) continue;
+      const r = this.members.find((m) => m.guid === o.member_guid);
+      if (!r) continue;
+      let u = h.Connected;
+      y.includes(r.connection_status) ? u = h.Error : I.includes(r.connection_status) ? u = h.Processing : b.includes(r.connection_status) && (u = h.RequiresMfa);
+      const g = [
+        o.user_name || o.feed_name || "",
+        o.account_number ? `*${o.account_number}` : ""
+      ].join(" ").trim();
+      e.push({
+        ...o,
+        connectionStatus: u,
+        institutionName: g,
+        memberName: r.name
+      }), r.connectionStatus = u;
+    }
+    return e;
+  };
+  loadAccounts = async (t) => {
+    await this.loadMembers();
     try {
-      const t = await this.api.getAccounts();
-      this.setAccounts(t);
-    } catch (t) {
-      console.error(`Error occurred while loading accounts: ${t}`);
+      const e = t || await this.api.getAccounts();
+      a(() => {
+        this.accounts = this.sortAccounts(this.augmentAccounts(e));
+      });
+    } catch (e) {
+      console.error(`Error occurred while loading accounts: ${e}`);
     }
   };
-  loadInstitutions = async () => {
+  loadInstitutions = async (t) => {
     try {
-      const t = await this.api.getInstitutions();
-      this.setInstitutions(t);
-    } catch (t) {
-      console.error(`Error occurred while loading institutions: ${t}`);
+      const e = t || await this.api.getInstitutions();
+      a(() => {
+        this.institutions = e;
+      });
+    } catch (e) {
+      console.error(`Error occurred while loading institutions: ${e}`);
     }
   };
   loadMembers = async () => {
     try {
       const t = await this.api.getMembers();
-      this.setMembers(t);
+      a(() => {
+        this.members = t;
+      });
     } catch (t) {
       console.error(`Error occurred while loading members: ${t}`);
     }
   };
   mergeAccounts = async (t) => {
     try {
-      const e = await this.api.mergeAccounts(t), s = e[Object.keys(e)[0]];
+      const e = await this.api.mergeAccounts(t), n = e[Object.keys(e)[0]];
       a(() => {
-        const n = this.accounts.findIndex((o) => o.guid === t[1]);
-        this.accounts.splice(n, 1);
-        const r = this.accounts.findIndex((o) => o.guid === t[0]);
-        this.accounts.splice(r, 1, s);
+        const s = this.accounts.findIndex((r) => r.guid === t[1]);
+        this.accounts.splice(s, 1);
+        const o = this.accounts.findIndex((r) => r.guid === t[0]);
+        this.accounts.splice(o, 1, n);
       });
     } catch (e) {
       console.error(`Error occurred while merging accounts: ${e}`);
     }
   };
+  sortAccounts = (t = this.accounts) => t.sort((e, n) => e.account_type > n.account_type ? 1 : e.account_type < n.account_type ? -1 : (e.name || "") > (n.name || "") ? 1 : (e.name || "") < (n.name || "") ? -1 : 0);
   refreshAccounts = async () => {
-    this.uiStore.setIsLoading(!0), await Promise.all([this.loadAccounts(), this.loadInstitutions(), this.loadMembers()]), this.uiStore.setIsLoading(!1);
+    this.uiStore.setIsLoading(!0), await Promise.all([this.loadAccounts(), this.loadInstitutions()]), this.uiStore.setIsLoading(!1);
   };
   refreshMembers = async () => {
     try {
@@ -187,37 +213,48 @@ class E {
   };
   removeAccount = async (t) => {
     try {
-      await this.api.deleteAccount(t);
-      const e = this.accounts.findIndex((s) => s.guid === t);
-      this.accounts.splice(e, 1);
+      await this.api.deleteAccount(t), a(() => {
+        const e = this.accounts.findIndex((n) => n.guid === t);
+        this.accounts.splice(e, 1);
+      });
     } catch (e) {
       console.error(`Error occurred while removing an account: ${e}`);
     }
   };
   updateAccount = async (t) => {
     try {
-      const e = await this.api.updateAccount(t), s = this.accounts.findIndex(
-        (n) => n.guid === e.guid
-      );
-      this.accounts.splice(s, 1, e);
+      const e = await this.api.updateAccount(t);
+      a(() => {
+        const n = this.accounts.findIndex(
+          (s) => s.guid === e.guid
+        );
+        this.accounts.splice(n, 1, e), this.accounts = this.augmentAccounts(this.accounts);
+      });
     } catch (e) {
       console.error(`Error occurred while updating account: ${e}`);
     }
   };
   updateAccountBalance = (t, e) => {
-    const s = this.accounts.find((n) => n.guid === t);
-    s && a(() => {
-      s.balance = (s.balance || 0) + e;
+    const n = this.accounts.find((s) => s.guid === t);
+    n && a(() => {
+      n.balance = (n.balance || 0) + e;
     });
   };
   updateAccountFiltering = async (t, e) => {
-    for (const s of t) {
-      const n = this.accounts.find((r) => r.guid === s);
-      n && (n.is_excluded_from_accounts = e, await this.updateAccount(n));
+    for (const n of t) {
+      const s = this.accounts.find((o) => o.guid === n);
+      if (s) {
+        s.is_excluded_from_accounts = e, s.is_excluded_from_budgets = e, s.is_excluded_from_cash_flow = e, s.is_excluded_from_debts = e, s.is_excluded_from_goals = e, s.is_excluded_from_investments = e, s.is_excluded_from_net_worth = e, s.is_excluded_from_spending = e, s.is_excluded_from_transactions = e, s.is_excluded_from_trends = e;
+        try {
+          this.updateAccount(s);
+        } catch (o) {
+          console.error(`Failed to update account ${n} (added):`, o);
+        }
+      }
     }
   };
 }
 export {
-  d as A,
-  E as a
+  A,
+  w as a
 };

package/dist/Accounts-Bzy1_REQ.mjs

@@ -0,0 +1,9 @@
+import { A as _ } from "./ConnectDrawer-BkvlItWx.mjs";
+const s = (t) => t && (t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CHECKING_LINE_OF_CREDIT), p = (t) => t.is_manual || !t.guid, E = (t) => t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.CHECKING_LINE_OF_CREDIT, a = (t) => t.account_type === _.SAVINGS || t.account_type === _.CHECKING || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE, y = (t) => t.account_type === _.LOAN || t.account_type === _.MORTGAGE;
+export {
+  s as a,
+  E as b,
+  y as c,
+  p as i,
+  a as u
+};

package/dist/{BeatApi-DhJpgCLz.mjs → BeatApi-De2IaqH2.mjs}

@@ -1,4 +1,4 @@
-import { F as c, A as s } from "./Fetch-87LIQbEA.mjs";
+import { F as c, A as s } from "./Fetch-DecPFeGU.mjs";
 class i {
   fetchInstance;
   constructor(t, e, n) {

package/dist/{BeatStore-IBnXd4YK.mjs → BeatStore-D_NYuBSz.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as c, runInAction as r } from "mobx";
-import { B as l } from "./BeatApi-DhJpgCLz.mjs";
+import { B as l } from "./BeatApi-De2IaqH2.mjs";
 function d(t, e, s, i = "asc") {
   const a = i === "desc" ? -1 : 1;
   return [...t, ...e].sort((_, n) => _[s] < n[s] ? -1 * a : _[s] > n[s] ? 1 * a : 0);

package/dist/{BudgetUtil-B2ZXyw-g.mjs → BudgetUtil-BmZXkL0C.mjs}

@@ -1,7 +1,7 @@
-import { i as _ } from "./hooks-D6XlXHf4.mjs";
+import { i as _ } from "./hooks-ZMp65DFz.mjs";
 import { b as d } from "./Category-CevNQ03n.mjs";
 import { b as f } from "./Localization-2MODESHW.mjs";
-import { f as l } from "./NumberFormatting-Buh7u8Oi.mjs";
+import { f as l } from "./NumberFormatting-DjTD0t3W.mjs";
 const p = (n, e) => n.find((t) => t.guid === e), B = (n, e) => n.find((t) => t.guid === e), T = (n, e) => {
   const t = n.find((r) => r.subCategories.find((a) => a.guid === e));
   if (t)

package/dist/{CategorySelectorDrawer-DUe4lH5-.mjs → CategorySelectorDrawer-B-I3kajA.mjs}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as E } from "react/jsx-runtime";
 import { observer as g } from "mobx-react-lite";
 import C from "react";
 import $ from "@mui/material/Stack";
-import { G as K, m as y, u as b, g as D, b as U } from "./hooks-D6XlXHf4.mjs";
+import { G as K, m as y, u as b, g as D, b as U } from "./hooks-ZMp65DFz.mjs";
 import Y from "@mui/material/List";
 import V from "@mui/material/Paper";
 import v from "@mui/material/Divider";
@@ -16,14 +16,14 @@ import { Text as B, TextField as q, CategoryIcon as H } from "@mxenabled/mxui";
 import J from "@mui/material/Collapse";
 import Q from "@mui/material/DialogContent";
 import { b as S } from "./Localization-2MODESHW.mjs";
-import { a as Z } from "./Dialog-CWW597AF.mjs";
+import { D as Z } from "./Dialog-BPTr3qHE.mjs";
 import ee from "@mui/material/Box";
 import te from "@mui/material/Chip";
 import I from "@mui/material/IconButton";
 import { S as oe } from "./SearchBox-B2_zLv8-.mjs";
 import { L as k } from "./Loader-DUaFpDGv.mjs";
-import { D as ae } from "./Drawer-kEE73B87.mjs";
-const h = () => {
+import { D as ae } from "./Drawer-By9V-B5L.mjs";
+const p = () => {
   if (!C.useContext(K))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return y().uiStore;
@@ -48,7 +48,7 @@ const re = ({
   isOpen: c,
   type: s
 }) => {
-  const [a, i] = C.useState(e), { categories: n } = b(), { setShouldDisableDrawerScroll: l } = h();
+  const [a, i] = C.useState(e), { categories: n } = b(), { setShouldDisableDrawerScroll: l } = p();
   let u = "", d = [];
   const _ = s === "delete";
   switch (s) {
@@ -82,9 +82,11 @@ const re = ({
       children: /* @__PURE__ */ t(Q, { children: _ ? /* @__PURE__ */ t(B, { children: d }) : /* @__PURE__ */ t(
         q,
         {
-          "aria-label": s === "edit" ? n.edit_subcategory_aria : n.add_subcategory_aria,
+          inputProps: {
+            "aria-label": s === "edit" ? n.edit_subcategory_aria : n.add_subcategory_aria
+          },
           name: "modify-subcategory",
-          onChange: (p) => i(p.target.value),
+          onChange: (h) => i(h.target.value),
           placeholder: n.input_placeholder,
           sx: { width: "100%" },
           value: a
@@ -93,7 +95,7 @@ const re = ({
     }
   );
 }, R = g(re), ne = ({ parentCategory: e }) => {
-  const [o, r] = C.useState(!1), { addCategory: c } = y(), { categories: s } = b(), { onEvent: a } = D(), { setShouldDisableDrawerScroll: i } = h(), n = async (d) => {
+  const [o, r] = C.useState(!1), { addCategory: c } = y(), { categories: s } = b(), { onEvent: a } = D(), { setShouldDisableDrawerScroll: i } = p(), n = async (d) => {
     await c(d.trim(), e.guid), a(m.ON_SUBCATEGORY_ADDED), r(!1);
   }, l = async () => {
     a(m.ON_SUBCATEGORY_ADD_CLICK), i(!0), r(!0);
@@ -168,7 +170,7 @@ const re = ({
     showSelected: i,
     unselectable: n,
     unselectableText: l
-  } = h(), { categories: u } = b(), { onEvent: d } = D(), [_, p] = C.useState(!1), [f, O] = C.useState(!1), T = !!o.revision, A = o.guid === c, w = !n.some((P) => P === o.guid);
+  } = p(), { categories: u } = b(), { onEvent: d } = D(), [_, h] = C.useState(!1), [f, O] = C.useState(!1), T = !!o.revision, A = o.guid === c, w = !n.some((P) => P === o.guid);
   return /* @__PURE__ */ E(
     x,
     {
@@ -205,7 +207,7 @@ const re = ({
             {
               "aria-label": S(u.edit_subcategory_aria, o.name),
               onClick: () => {
-                p(!0), a(!0), d(m.ON_SUBCATEGORY_EDIT_CLICK);
+                h(!0), a(!0), d(m.ON_SUBCATEGORY_EDIT_CLICK);
               },
               children: /* @__PURE__ */ t(j, { color: "secondary" })
             }
@@ -234,7 +236,7 @@ const re = ({
         _ && /* @__PURE__ */ t(
           ce,
           {
-            setShowRename: p,
+            setShowRename: h,
             showRename: _,
             subCategory: o
           }
@@ -243,7 +245,7 @@ const re = ({
     }
   );
 }, me = g(ue), Ce = ({ categories: e, parentCategory: o }) => {
-  const { expandedGuid: r, searchValue: c } = h(), s = o.guid === r, a = !!c;
+  const { expandedGuid: r, searchValue: c } = p(), s = o.guid === r, a = !!c;
   return /* @__PURE__ */ t(
     J,
     {
@@ -269,7 +271,7 @@ const re = ({
     }
   );
 }, ge = g(Ce), _e = ({ category: e, subCategories: o }) => {
-  const { expandedGuid: r, searchValue: c, setExpandedGuid: s } = h(), { onEvent: a } = D(), i = e.guid === r, n = () => {
+  const { expandedGuid: r, searchValue: c, setExpandedGuid: s } = p(), { onEvent: a } = D(), i = e.guid === r, n = () => {
     const l = e.guid !== r ? e.guid : null;
     s(l), a(l ? m.ON_CATEGORY_EXPANDED : m.ON_CATEGORY_COLLAPSED);
   };
@@ -307,8 +309,8 @@ const re = ({
     /* @__PURE__ */ t(v, { sx: { ml: 58 } }),
     /* @__PURE__ */ t(ge, { categories: o, parentCategory: e })
   ] });
-}, Ee = g(_e), he = () => {
-  const { categories: e } = y(), { searchValue: o } = h(), { categories: r } = b(), s = ((a, i = "") => a.reduce((n, l) => {
+}, Ee = g(_e), pe = () => {
+  const { categories: e } = y(), { searchValue: o } = p(), { categories: r } = b(), s = ((a, i = "") => a.reduce((n, l) => {
     if (l.parent_guid === null) {
       const d = [
         {
@@ -333,7 +335,7 @@ const re = ({
     },
     a.category.guid
   )) }) });
-}, pe = g(he), Se = ({
+}, he = g(pe), Se = ({
   initialSelected: e,
   onSelect: o = void 0,
   showSelected: r = !0,
@@ -344,17 +346,17 @@ const re = ({
     searchValue: u,
     setOnSelect: d,
     setSearchValue: _,
-    setSelectedGuid: p,
+    setSelectedGuid: h,
     setShowSelected: f,
     setUnselectable: O,
     setUnselectableText: T
-  } = h();
+  } = p();
   return C.useEffect(() => {
     o && d(o);
   }), C.useEffect(() => {
     a.length || i();
   }, []), C.useEffect(() => {
-    e && p(e), f(r), O(c), T(s);
+    e && h(e), f(r), O(c), T(s);
   }, [e, r, c, s]), l ? /* @__PURE__ */ E($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
     /* @__PURE__ */ t(
       oe,
@@ -366,7 +368,7 @@ const re = ({
         searchValue: u
       }
     ),
-    /* @__PURE__ */ t(pe, {})
+    /* @__PURE__ */ t(he, {})
   ] }) : /* @__PURE__ */ t(k, {});
 }, ye = g(Se), be = ({
   id: e,
@@ -393,5 +395,5 @@ export {
   ye as C,
   ze as a,
   Ee as b,
-  h as u
+  p as u
 };