@mx-cartographer/experiences 7.12.16 → 7.13.0

package/dist/{BudgetUtil--_QXyszn.mjs → BudgetUtil-CLhRnCoX.mjs}

@@ -1,4 +1,4 @@
-import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import k from "react";
 import { css as R } from "@mxenabled/cssinjs";
 import { addDays as G } from "date-fns/addDays";
@@ -12,10 +12,10 @@ import { isSameMonth as K } from "date-fns/isSameMonth";
 import { startOfMonth as Q } from "date-fns/startOfMonth";
 import { startOfToday as I } from "date-fns/startOfToday";
 import { subMonths as U } from "date-fns/subMonths";
-import b from "@mui/material/Button";
+import C from "@mui/material/Button";
 import V from "@mui/material/Paper";
 import { H2 as X, Text as z, H3 as tt, P as et } from "@mxenabled/mxui";
-import { ChevronLeft as nt, ChevronRight as rt, Icon as ot } from "@mxenabled/mx-icons";
+import { ChevronLeft as nt, ChevronRight as ot, Icon as rt } from "@mxenabled/mx-icons";
 import { f as at, D as it } from "./DateFormats-BMpMrZpW.mjs";
 import { isSameDay as f } from "date-fns/isSameDay";
 import { isWithinInterval as st } from "date-fns/isWithinInterval";
@@ -33,24 +33,24 @@ import { b as T } from "./Category-CevNQ03n.mjs";
 import { b as j } from "./Localization-CPkpIwIx.mjs";
 import { f as O } from "./NumberFormatting-QCaNwbjv.mjs";
 const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.guid === n), yt = (t, n) => {
-  const e = t.find((r) => r.subCategories.find((a) => a.guid === n));
+  const e = t.find((o) => o.subCategories.find((a) => a.guid === n));
   if (e)
-    return e.subCategories.find((r) => r.guid === n);
+    return e.subCategories.find((o) => o.guid === n);
 }, ce = (t, n) => {
   const e = [];
-  for (const r of n) {
-    const a = W(t, r.category_guid);
+  for (const o of n) {
+    const a = W(t, o.category_guid);
     if (!a) continue;
     const s = a.parent_guid ?? a.guid, d = W(t, s);
     if (!d) continue;
     const i = {
-      amount: r.total,
+      amount: o.total,
       category: a,
       guid: a.guid,
       subCategoryTotals: []
     }, l = e.find((m) => m.guid === s);
-    l ? (l.amount += r.total, l.subCategoryTotals.push(i)) : e.push({
-      amount: r.total,
+    l ? (l.amount += o.total, l.subCategoryTotals.push(i)) : e.push({
+      amount: o.total,
       category: d,
       guid: s,
       subCategoryTotals: [i]
@@ -58,18 +58,18 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
   }
   return e;
 }, le = (t, n) => {
-  const e = t.find((r) => r.guid === n);
+  const e = t.find((o) => o.guid === n);
   return e ? e.guid === T.INCOME || e.parent_guid === T.INCOME : !1;
-}, Ct = ({ copy: t, date: n, onNextClick: e, onPreviousClick: r }) => {
-  const a = bt();
+}, bt = ({ copy: t, date: n, onNextClick: e, onPreviousClick: o }) => {
+  const a = Ct();
   return /* @__PURE__ */ h("div", { className: `mx-cmn-calendar-header ${a}`, children: [
-    /* @__PURE__ */ o(X, { className: "mx-cmn-calendar-header-title", variant: "H3", children: at(n, it.MONTH_YEAR) }),
+    /* @__PURE__ */ r(X, { className: "mx-cmn-calendar-header-title", variant: "h3", children: at(n, it.MONTH_YEAR) }),
     /* @__PURE__ */ h("div", { className: "mx-cmn-calendar-header-button-container", children: [
-      /* @__PURE__ */ o(b, { "aria-label": t.prevAria, onClick: r, children: /* @__PURE__ */ o(nt, { size: 24 }) }),
-      /* @__PURE__ */ o(b, { "aria-label": t.nextAria, onClick: e, children: /* @__PURE__ */ o(rt, { size: 24 }) })
+      /* @__PURE__ */ r(C, { "aria-label": t.prevAria, onClick: o, children: /* @__PURE__ */ r(nt, { size: 24 }) }),
+      /* @__PURE__ */ r(C, { "aria-label": t.nextAria, onClick: e, children: /* @__PURE__ */ r(ot, { size: 24 }) })
     ] })
   ] });
-}, bt = () => R({
+}, Ct = () => R({
   alignItems: "center",
   display: "flex",
   marginBottom: 16,
@@ -82,19 +82,19 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
     display: "flex",
     gap: 4
   }
-}), vt = ({ beginDate: t, date: n, endDate: e, isInMonth: r, onClick: a }) => {
+}), vt = ({ beginDate: t, date: n, endDate: e, isInMonth: o, onClick: a }) => {
   const s = ct(), d = kt(s), i = t && e && st(n, { start: t, end: e }) && !f(n, t) && !f(n, e), l = t && e && f(t, n) && !f(t, e), m = e && t && f(e, n) && !f(t, e), u = t && f(t, n) || e && f(e, n), p = f(n, I());
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     "div",
     {
       className: `
         mx-cmn-calendar-day
         ${d}
-        ${r ? "" : "mx-cmn-out-of-month"}
+        ${o ? "" : "mx-cmn-out-of-month"}
         ${i ? "mx-cmn-date-interval" : ""}
       `,
-      children: /* @__PURE__ */ o(
-        b,
+      children: /* @__PURE__ */ r(
+        C,
         {
           className: `
           mx-cmn-calendar-day-button
@@ -104,14 +104,14 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
           color: u ? "primary" : "secondary",
           onClick: () => a(n),
           variant: u ? "contained" : "text",
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ r(
             z,
             {
               className: `
             mx-cmn-calendar-day-text
             ${u ? "mx-cmn-day-selected" : ""}
             ${p ? "mx-cmn-today" : ""}`,
-              variant: "Small",
+              variant: "body2",
               children: L(n, "d")
             }
           )
@@ -165,48 +165,48 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
     }
   }
 }), Bt = 340, B = 44;
-var St = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(St || {});
-const wt = ({
+var wt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(wt || {});
+const _t = ({
   copy: t,
   beginDate: n = void 0,
   endDate: e = void 0,
-  onDateSelected: r,
+  onDateSelected: o,
   onRangeSelected: a,
   selectionType: s = "Single"
   /* Single */
 }) => {
-  const d = _t(), [i, l] = k.useState(I), [m, u] = k.useState(n), [p, g] = k.useState(e);
+  const d = St(), [i, l] = k.useState(I), [m, u] = k.useState(n), [p, g] = k.useState(e);
   k.useEffect(() => {
     u(n), g(e), n && l(n);
   }, [n, e]);
   const v = k.useMemo(() => {
     const c = Z({ start: Q(i), end: q(i) }), y = [];
-    for (let C = 0; C < c.length; C++) {
-      const S = c[C], $ = Y({ start: S, end: G(S, 6) }), A = [];
+    for (let b = 0; b < c.length; b++) {
+      const w = c[b], $ = Y({ start: w, end: G(w, 6) }), A = [];
       for (let M = 0; M < $.length; M++)
         A.push($[M]);
       y.push(A);
     }
     return y;
-  }, [i]), w = (c) => {
+  }, [i]), _ = (c) => {
     if (s !== "None") {
       if (s === "Single") {
-        u(c), r?.(c);
+        u(c), o?.(c);
         return;
       }
       !m || p ? (u(c), g(void 0)) : J(c, m) ? (g(m), u(c), a?.(c, m)) : (g(c), a?.(m, c));
     }
-  }, _ = () => {
+  }, S = () => {
     const c = I();
-    l(c), s !== "None" && (u(c), s === "Single" ? r?.(c) : (g(c), a?.(c, c)));
+    l(c), s !== "None" && (u(c), s === "Single" ? o?.(c) : (g(c), a?.(c, c)));
   }, N = () => {
     l(P(i, 1));
   }, x = () => {
     l(U(i, 1));
   };
-  return /* @__PURE__ */ o("div", { className: `mx-cmn-calendar ${d}`, children: /* @__PURE__ */ h(V, { sx: { boxShadow: "none" }, children: [
-    /* @__PURE__ */ o(
-      Ct,
+  return /* @__PURE__ */ r("div", { className: `mx-cmn-calendar ${d}`, children: /* @__PURE__ */ h(V, { sx: { boxShadow: "none" }, children: [
+    /* @__PURE__ */ r(
+      bt,
       {
         copy: t,
         date: i,
@@ -214,21 +214,21 @@ const wt = ({
         onPreviousClick: x
       }
     ),
-    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-row", children: v[0].map((c, y) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ o(z, { bold: !0, variant: "Small", children: L(c, "EEEEE") }) }, y)) }),
-    v.map((c, y) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-week", children: c.map((C, S) => /* @__PURE__ */ o(
+    /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-header-row", children: v[0].map((c, y) => /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ r(z, { bold: !0, variant: "body2", children: L(c, "EEEEE") }) }, y)) }),
+    v.map((c, y) => /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-week", children: c.map((b, w) => /* @__PURE__ */ r(
       vt,
       {
         beginDate: m,
-        date: C,
+        date: b,
         endDate: p,
-        isInMonth: K(C, i),
-        onClick: w
+        isInMonth: K(b, i),
+        onClick: _
       },
-      S
+      w
     )) }, `w-${y}`)),
-    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ o(b, { onClick: _, size: "small", variant: "text", children: t.today }) })
+    /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ r(C, { onClick: S, size: "small", variant: "text", children: t.today }) })
   ] }) });
-}, _t = () => R({
+}, St = () => R({
   width: Bt,
   "& .MuiPaper-root": {
     paddingLeft: 24,
@@ -269,11 +269,11 @@ const wt = ({
       marginRight: "auto"
     }
   }
-}), de = wt, Nt = ({
+}), de = _t, Nt = ({
   closeAriaLabel: t,
   content: n,
   inputLabel: e,
-  inputValue: r,
+  inputValue: o,
   isOpen: a,
   handleInputChange: s,
   handleModalClose: d,
@@ -285,8 +285,8 @@ const wt = ({
   secondaryText: g,
   title: v
 }) => {
-  const w = parseFloat(r ?? "0"), _ = r !== "" && r !== "0" && !isNaN(w), { isSmallMobile: N } = pt();
-  return /* @__PURE__ */ o(
+  const _ = parseFloat(o ?? "0"), S = o !== "" && o !== "0" && !isNaN(_), { isSmallMobile: N } = pt();
+  return /* @__PURE__ */ r(
     lt,
     {
       "aria-label": v,
@@ -299,7 +299,7 @@ const wt = ({
         "& .MuiDialogContent-root": { p: 0 },
         ...N && { "& .MuiDialog-paper": { minWidth: "100%" } }
       },
-      children: /* @__PURE__ */ o(mt, { children: /* @__PURE__ */ h(
+      children: /* @__PURE__ */ r(mt, { children: /* @__PURE__ */ h(
         "form",
         {
           onSubmit: (x) => {
@@ -320,26 +320,26 @@ const wt = ({
                   pt: 24
                 },
                 children: [
-                  /* @__PURE__ */ o(tt, { id: "modal-title", children: v }),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(tt, { id: "modal-title", children: v }),
+                  /* @__PURE__ */ r(
                     ut,
                     {
                       "aria-label": t,
                       onClick: d,
                       sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
-                      children: /* @__PURE__ */ o(ot, { name: "close", sx: { color: "action.active" } })
+                      children: /* @__PURE__ */ r(rt, { name: "close", sx: { color: "action.active" } })
                     }
                   )
                 ]
               }
             ),
             /* @__PURE__ */ h(E, { sx: { gap: 24, px: 24 }, children: [
-              /* @__PURE__ */ o(et, { variant: "subtitle1", children: n }),
-              e && /* @__PURE__ */ o(
+              /* @__PURE__ */ r(et, { variant: "subtitle1", children: n }),
+              e && /* @__PURE__ */ r(
                 ft,
                 {
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ o(gt, { position: "start", children: "$" })
+                    startAdornment: /* @__PURE__ */ r(gt, { position: "start", children: "$" })
                   },
                   autoFocus: !0,
                   inputMode: "decimal",
@@ -353,7 +353,7 @@ const wt = ({
                     /^\d*\.?\d*$/.test(x) && s?.(x);
                   },
                   type: "text",
-                  value: r
+                  value: o
                 }
               )
             ] }),
@@ -367,8 +367,8 @@ const wt = ({
                   ">:not(style)~:not(style)": { ml: 0 }
                 },
                 children: [
-                  g && /* @__PURE__ */ o(
-                    b,
+                  g && /* @__PURE__ */ r(
+                    C,
                     {
                       "aria-label": g,
                       color: p,
@@ -376,12 +376,12 @@ const wt = ({
                       children: g
                     }
                   ),
-                  /* @__PURE__ */ o(
-                    b,
+                  /* @__PURE__ */ r(
+                    C,
                     {
                       "aria-label": u,
                       color: m,
-                      disabled: e ? !_ : !1,
+                      disabled: e ? !S : !1,
                       onClick: i,
                       variant: "contained",
                       children: u
@@ -406,10 +406,10 @@ const wt = ({
 }, ge = () => {
   const { detailedBudgets: t } = ht();
   return t.map((e) => {
-    const r = e.transaction_total;
-    return e.amount - r;
-  }).reduce((e, r) => e + r, 0);
-}, fe = (t, n, e, r) => {
+    const o = e.transaction_total;
+    return e.amount - o;
+  }).reduce((e, o) => e + o, 0);
+}, fe = (t, n, e, o) => {
   const a = [];
   for (const s of t) {
     const d = xt(n, s.category_guid);
@@ -417,7 +417,7 @@ const wt = ({
     const i = d.totalAmount, l = H(s.amount, i), m = s.amount - i;
     a.push({
       ...s,
-      budgetColors: D(l, r),
+      budgetColors: D(l, o),
       category: d,
       description: j(
         m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
@@ -436,7 +436,7 @@ const wt = ({
     const m = s.amount - i, u = H(s.amount, i);
     l && l.subBudgets.push({
       ...s,
-      budgetColors: D(u, r),
+      budgetColors: D(u, o),
       category: d,
       description: j(
         m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
@@ -449,22 +449,22 @@ const wt = ({
   }
   return a;
 }, F = (t, n) => t.find((e) => e.guid === n), pe = (t, n, e) => {
-  const r = F(t, e);
-  if (r)
-    return F(r.subBudgets, n);
+  const o = F(t, e);
+  if (o)
+    return F(o.subBudgets, n);
 }, he = (t, n) => {
-  const e = Math.max(0, n - t), r = n > 0 ? Math.min(100, t / n * 100) : 0;
+  const e = Math.max(0, n - t), o = n > 0 ? Math.min(100, t / n * 100) : 0;
   let a = "success";
-  return r >= 100 ? a = "error" : r >= 50 && (a = "warning"), {
+  return o >= 100 ? a = "error" : o >= 50 && (a = "warning"), {
     remainingAmount: e,
-    spentPercentage: r,
+    spentPercentage: o,
     iconColor: a
   };
 };
 export {
   me as C,
   de as a,
-  St as b,
+  wt as b,
   pe as c,
   fe as d,
   W as e,

package/dist/{CashflowStore-DEdQJU5i.mjs → CashflowStore-D3MKniVM.mjs}

@@ -7,8 +7,8 @@ import { Text as a, Icon as d, IconWeight as u } from "@mxenabled/mxui";
 import { makeAutoObservable as c } from "mobx";
 import { addDays as x } from "date-fns/addDays";
 import { differenceInDays as g } from "date-fns/differenceInDays";
-import { endOfMonth as S } from "date-fns/endOfMonth";
-import { isBefore as I } from "date-fns/isBefore";
+import { endOfMonth as I } from "date-fns/endOfMonth";
+import { isBefore as S } from "date-fns/isBefore";
 import { startOfToday as s } from "date-fns/startOfToday";
 const b = ({
   body: o,
@@ -21,8 +21,8 @@ const b = ({
     {
       open: i,
       title: /* @__PURE__ */ m(f, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
-        /* @__PURE__ */ t(a, { bold: !0, variant: "Body", children: n }),
-        /* @__PURE__ */ t(a, { sx: { whiteSpace: "unset" }, variant: "Small", children: o })
+        /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: n }),
+        /* @__PURE__ */ t(a, { sx: { whiteSpace: "unset" }, variant: "body2", children: o })
       ] }),
       children: /* @__PURE__ */ t(
         p,
@@ -48,8 +48,8 @@ const b = ({
       )
     }
   );
-}, B = b;
-class w {
+}, N = b;
+class y {
   // Cashflow is hard-coded to display 30 days starting from today
   dateRange = { start: s(), end: x(s(), 30) };
   isDirty = !1;
@@ -67,7 +67,7 @@ class w {
   // if there is no income activity
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter(
-      (e) => I(e.expectedDate, this.nextIncome?.expectedDate || S(/* @__PURE__ */ new Date()))
+      (e) => S(e.expectedDate, this.nextIncome?.expectedDate || I(/* @__PURE__ */ new Date()))
     );
   }
   setNextIncome = (e) => {
@@ -78,11 +78,11 @@ class w {
   };
   setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
 }
-class N {
+class P {
   globalStore;
   uiStore;
   constructor(e) {
-    this.globalStore = e, this.uiStore = new w(), c(this);
+    this.globalStore = e, this.uiStore = new y(), c(this);
   }
   completeOnboarding = async () => {
     const e = {
@@ -93,6 +93,6 @@ class N {
   };
 }
 export {
-  N as C,
-  B as I
+  P as C,
+  N as I
 };

package/dist/{CategorySelectorDrawer-wfUTIbLR.mjs → CategorySelectorDrawer-DYHNBd2v.mjs}

@@ -12,19 +12,19 @@ import N from "@mui/material/ListItemButton";
 import M from "@mui/material/ListItemIcon";
 import G from "@mui/material/ListItemText";
 import { CheckCircle as j, Edit as X, Delete as z, ExpandMore as q } from "@mxenabled/mx-icons";
-import { Text as I, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
+import { Text as v, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
 import Q from "@mui/material/Collapse";
 import Z from "@mui/material/DialogContent";
 import { b as g } from "./Localization-CPkpIwIx.mjs";
 import { D as ee } from "./Dialog-Ck34yr-d.mjs";
 import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
-import v from "@mui/material/IconButton";
+import B from "@mui/material/IconButton";
 import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
 import { S as re } from "./SearchBox-B7km148n.mjs";
 import { L as P } from "./Loader-D3rjKx72.mjs";
-import { D as ne } from "./Drawer-DV4NTsFg.mjs";
-const b = () => {
+import { D as ne } from "./Drawer-Bbe4AMB1.mjs";
+const y = () => {
   if (!E.useContext(V))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return f().uiStore;
@@ -49,9 +49,9 @@ const se = ({
   isOpen: l,
   type: i
 }) => {
-  const [a, c] = E.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = b();
+  const [a, c] = E.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = y();
   let d = "", m = [];
-  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, y = i === "edit" ? g(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
+  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, b = i === "edit" ? g(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
   switch (i) {
     case "add":
       d = r.add_subcategory_title;
@@ -62,7 +62,7 @@ const se = ({
     case "delete":
       d = r.delete_subcategory_heading, m = g(
         r.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(I, { bold: !0, children: g(r.all_parent_category, h) })
+        /* @__PURE__ */ t(v, { bold: !0, children: g(r.all_parent_category, h) })
       );
       break;
   }
@@ -80,14 +80,14 @@ const se = ({
       onPrimaryAction: () => {
         n(!1), o(a);
       },
-      children: /* @__PURE__ */ t(Z, { children: u ? /* @__PURE__ */ t(I, { children: m }) : /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t(Z, { children: u ? /* @__PURE__ */ t(v, { children: m }) : /* @__PURE__ */ t(
         H,
         {
           inputProps: {
-            "aria-label": y,
+            "aria-label": b,
             maxLength: 50
           },
-          label: y,
+          label: b,
           name: "modify-subcategory",
           onChange: (D) => c(D.target.value),
           placeholder: r.input_placeholder,
@@ -98,7 +98,7 @@ const se = ({
     }
   );
 }, R = p(se), ie = ({ announce: e, parentCategory: s }) => {
-  const [o, l] = E.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = b(), n = async (u) => {
+  const [o, l] = E.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = y(), n = async (u) => {
     await i(u.trim(), s.guid), e(g(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
   }, d = async () => {
     c(C.ON_SUBCATEGORY_ADD_CLICK), r(!0), l(!0);
@@ -110,7 +110,7 @@ const se = ({
       G,
       {
         primary: a.add_subcategory_button,
-        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "Body" }
+        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "body1" }
       }
     ) }),
     o && /* @__PURE__ */ t(
@@ -179,7 +179,7 @@ const se = ({
     showSelected: r,
     unselectable: n,
     unselectableText: d
-  } = b(), { categories: m } = S(), { onEvent: u } = A(), [h, y] = E.useState(!1), [D, O] = E.useState(!1), T = !!o.revision, w = o.guid === i, B = !n.some(($) => $ === o.guid);
+  } = y(), { categories: m } = S(), { onEvent: u } = A(), [h, b] = E.useState(!1), [D, O] = E.useState(!1), T = !!o.revision, w = o.guid === i, I = !n.some(($) => $ === o.guid);
   return /* @__PURE__ */ _(
     x,
     {
@@ -194,7 +194,7 @@ const se = ({
             "aria-pressed": w,
             color: "secondary",
             onClick: () => {
-              B && (a(o.guid), l(o.guid), u(C.ON_CATEGORY_SELECTED));
+              I && (a(o.guid), l(o.guid), u(C.ON_CATEGORY_SELECTED));
             },
             sx: { height: 44 },
             children: [
@@ -202,27 +202,27 @@ const se = ({
                 G,
                 {
                   primary: o.name,
-                  primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+                  primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
                 }
               ),
               r && w && /* @__PURE__ */ t(j, { fontSize: "small" }),
-              !B && /* @__PURE__ */ t(oe, { label: d })
+              !I && /* @__PURE__ */ t(oe, { label: d })
             ]
           }
         ),
         T && /* @__PURE__ */ _(te, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
           /* @__PURE__ */ t(
-            v,
+            B,
             {
               "aria-label": g(m.edit_subcategory_title, o.name),
               onClick: () => {
-                y(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
+                b(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
               },
               children: /* @__PURE__ */ t(X, { color: "secondary" })
             }
           ),
           /* @__PURE__ */ t(
-            v,
+            B,
             {
               "aria-label": g(m.delete_subcategory_aria, o.name),
               edge: "end",
@@ -247,7 +247,7 @@ const se = ({
           de,
           {
             announce: e,
-            setShowRename: y,
+            setShowRename: b,
             showRename: h,
             subCategory: o
           }
@@ -256,7 +256,7 @@ const se = ({
     }
   );
 }, ge = p(Ce), _e = ({ categories: e, parentCategory: s }) => {
-  const { expandedGuid: o, searchValue: l } = b(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
+  const { expandedGuid: o, searchValue: l } = y(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
   return /* @__PURE__ */ _(
     Q,
     {
@@ -292,7 +292,7 @@ const se = ({
     }
   );
 }, Ee = p(_e), pe = ({ category: e, subCategories: s }) => {
-  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = b(), { onEvent: a } = A(), c = e.guid === o, r = () => {
+  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = y(), { onEvent: a } = A(), c = e.guid === o, r = () => {
     const n = e.guid !== o ? e.guid : null;
     i(n), a(n ? C.ON_CATEGORY_EXPANDED : C.ON_CATEGORY_COLLAPSED);
   };
@@ -311,7 +311,7 @@ const se = ({
             G,
             {
               primary: e.name,
-              primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+              primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
             }
           ),
           /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
@@ -331,7 +331,7 @@ const se = ({
     /* @__PURE__ */ t(Ee, { categories: s, parentCategory: e })
   ] });
 }, he = p(pe), Se = () => {
-  const { categories: e } = f(), { searchValue: s } = b(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
+  const { categories: e } = f(), { searchValue: s } = y(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
     if (n.parent_guid === null) {
       const m = [
         {
@@ -356,7 +356,7 @@ const se = ({
     },
     a.category.guid
   )) }) });
-}, ye = p(Se), be = ({
+}, be = p(Se), ye = ({
   initialSelected: e,
   onSelect: s = void 0,
   showSelected: o = !0,
@@ -368,16 +368,16 @@ const se = ({
     setOnSelect: m,
     setSearchValue: u,
     setSelectedGuid: h,
-    setShowSelected: y,
+    setShowSelected: b,
     setUnselectable: D,
     setUnselectableText: O
-  } = b();
+  } = y();
   return E.useEffect(() => {
     s && m(s);
   }), E.useEffect(() => {
     a.length || c();
   }, []), E.useEffect(() => {
-    e && h(e), y(o), D(l), O(i);
+    e && h(e), b(o), D(l), O(i);
   }, [e, o, l, i]), n ? /* @__PURE__ */ _(K, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
     /* @__PURE__ */ t(
       re,
@@ -389,9 +389,9 @@ const se = ({
         searchValue: d
       }
     ),
-    /* @__PURE__ */ t(ye, {})
+    /* @__PURE__ */ t(be, {})
   ] }) : /* @__PURE__ */ t(P, {});
-}, De = p(be), fe = ({
+}, De = p(ye), fe = ({
   id: e,
   onClose: s,
   title: o,
@@ -416,5 +416,5 @@ export {
   De as C,
   Je as a,
   he as b,
-  b as u
+  y as u
 };

package/dist/{ConnectDrawer-CioFo6Wy.mjs → ConnectDrawer-C0wjwcJt.mjs}

@@ -6,7 +6,7 @@ import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
 import { b as a, a as c } from "./Connect-eYIWqCEr.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
 import { d as D, e as L, u as w } from "./hooks-BxkfR-Ff.mjs";
-import { D as y } from "./Drawer-DV4NTsFg.mjs";
+import { D as y } from "./Drawer-Bbe4AMB1.mjs";
 const I = ({
   loadWidgetProps: l,
   onClose: m,