@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

package/dist/{CategorySelectorDrawer-C4aZYP4N.mjs → CategorySelectorDrawer-CmaDLhnf.mjs}

@@ -1,33 +1,33 @@
 import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import { observer as E } from "mobx-react-lite";
-import _ from "react";
-import K from "@mui/material/Stack";
-import { G as V, m as b, u as h, g as D, b as U } from "./hooks-fY_n74f7.mjs";
-import Y from "@mui/material/List";
-import W from "@mui/material/Paper";
-import k from "@mui/material/Divider";
-import x from "@mui/material/ListItem";
-import F from "@mui/material/ListItemAvatar";
+import { observer as p } from "mobx-react-lite";
+import E from "react";
+import $ from "@mui/material/Stack";
+import { G as K, l as f, u as S, g as A, b as B } from "./hooks-BaO_gOI6.mjs";
+import U from "@mui/material/List";
+import V from "@mui/material/Paper";
+import { b as _ } from "./Localization-DnoVyBNK.mjs";
+import Y from "@mui/material/Divider";
+import T from "@mui/material/ListItem";
+import W from "@mui/material/ListItemAvatar";
 import N from "@mui/material/ListItemButton";
-import M from "@mui/material/ListItemIcon";
+import F 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 { CheckCircle as M, Edit as j, Delete as X, ExpandMore as z } from "@mxenabled/mx-icons";
+import { Text as q, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
 import Q from "@mui/material/Collapse";
 import Z from "@mui/material/DialogContent";
-import { b as p } from "./Localization-2MODESHW.mjs";
-import { a as ee } from "./Dialog-CWymUiuO.mjs";
+import { D as ee } from "./Dialog-CwWc0AbH.mjs";
 import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
 import v from "@mui/material/IconButton";
-import { u as ae } from "./useAriaLive-B3_pRUio.mjs";
-import { L as P } from "./Loader-BSWSYqvn.mjs";
-import { S as re } from "./SearchBox-B2_zLv8-.mjs";
-import { D as ne } from "./Drawer-Bet2ZPJo.mjs";
-const S = () => {
-  if (!_.useContext(V))
+import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
+import { L as k } from "./Loader-CxeBwuPG.mjs";
+import { S as re } from "./SearchBox-Cpgu_gdO.mjs";
+import { D as ne } from "./Drawer-BXqqBMxg.mjs";
+const y = () => {
+  if (!E.useContext(K))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return b().uiStore;
+  return f().uiStore;
 }, C = {
   ON_CATEGORY_EXPANDED: "onCategoryExpanded",
   ON_CATEGORY_COLLAPSED: "onCategoryCollapsed",
@@ -49,20 +49,20 @@ const se = ({
   isOpen: l,
   type: i
 }) => {
-  const [a, c] = _.useState(e), { categories: r } = h(), { setShouldDisableDrawerScroll: n } = S();
+  const [a, c] = E.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = y();
   let d = "", m = [];
-  const u = i === "delete";
+  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, b = i === "edit" ? _(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
   switch (i) {
     case "add":
       d = r.add_subcategory_title;
       break;
     case "edit":
-      d = p(r.edit_subcategory_title, e);
+      d = _(r.edit_subcategory_title, h);
       break;
     case "delete":
-      d = r.delete_subcategory_heading, m = p(
+      d = r.delete_subcategory_heading, m = _(
         r.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(I, { bold: !0, children: p(r.all_parent_category, e) })
+        /* @__PURE__ */ t(q, { bold: !0, component: "span", children: _(r.all_parent_category, h) })
       );
       break;
   }
@@ -80,35 +80,40 @@ 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 ? m : /* @__PURE__ */ t(
         H,
         {
-          inputProps: {
-            "aria-label": i === "edit" ? r.edit_subcategory_aria : r.add_subcategory_aria
-          },
+          label: b,
           name: "modify-subcategory",
-          onChange: (y) => c(y.target.value),
+          onChange: (D) => c(D.target.value),
           placeholder: r.input_placeholder,
+          slotProps: {
+            htmlInput: {
+              "aria-label": b,
+              maxLength: 50
+            }
+          },
           sx: { width: "100%" },
+          truncate: !0,
           value: a
         }
       ) })
     }
   );
-}, R = E(se), ie = ({ announce: e, parentCategory: s }) => {
-  const [o, l] = _.useState(!1), { addCategory: i } = b(), { categories: a } = h(), { onEvent: c } = D(), { setShouldDisableDrawerScroll: r } = S(), n = async (u) => {
-    await i(u.trim(), s.guid), e(p(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
+}, 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 } = y(), n = async (u) => {
+    await i(u.trim(), s.guid), e(_(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
   }, d = async () => {
     c(C.ON_SUBCATEGORY_ADD_CLICK), r(!0), l(!0);
   }, m = () => {
     l(!1), c(C.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
   };
-  return /* @__PURE__ */ g(x, { disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ g(T, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ t(N, { onClick: d, sx: { ml: 60 }, children: /* @__PURE__ */ t(
       G,
       {
         primary: a.add_subcategory_button,
-        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "Body" }
+        slotProps: { primary: { color: "primary", fontWeight: "normal", variant: "body1" } }
       }
     ) }),
     o && /* @__PURE__ */ t(
@@ -121,14 +126,14 @@ const se = ({
       }
     )
   ] });
-}, ce = E(ie), le = ({
+}, ce = p(ie), le = ({
   announce: e,
   setShowRename: s,
   subCategory: o,
   showRename: l
 }) => {
-  const { onEvent: i } = D(), { updateCategory: a } = b(), { categories: c } = h(), r = async (d) => {
-    await a({ ...o, name: d }), e(p(c.edit_subcategory_announcement, o.name, d)), i(C.ON_SUBCATEGORY_SAVED), s(!1);
+  const { onEvent: i } = A(), { updateCategory: a } = f(), { categories: c } = S(), r = async (d) => {
+    await a({ ...o, name: d }), e(_(c.edit_subcategory_announcement, o.name, d)), i(C.ON_SUBCATEGORY_SAVED), s(!1);
   }, n = () => {
     s(!1), i(C.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
   };
@@ -142,17 +147,17 @@ const se = ({
       type: L.EDIT
     }
   );
-}, de = E(le), ue = ({
+}, de = p(le), ue = ({
   announce: e,
   parentCategory: s,
   showDelete: o,
   setShowDelete: l,
   subCategory: i
 }) => {
-  const { onEvent: a } = D(), { removeCategory: c } = b(), { categories: r } = h(), n = () => {
+  const { onEvent: a } = A(), { removeCategory: c } = f(), { categories: r } = S(), n = () => {
     l(!1), a(C.ON_SUBCATEGORY_DELETE_CLICK);
   }, d = async () => {
-    await c(i.guid), e(p(r.delete_subcategory_announcement, i.name)), a(C.ON_SUBCATEGORY_DELETED), l(!1);
+    await c(i.guid), e(_(r.delete_subcategory_announcement, i.name)), a(C.ON_SUBCATEGORY_DELETED), l(!1);
   };
   return /* @__PURE__ */ t(
     R,
@@ -164,7 +169,7 @@ const se = ({
       type: L.DELETE
     }
   );
-}, me = E(ue), Ce = ({
+}, me = p(ue), Ce = ({
   announce: e,
   parentCategory: s,
   subCategory: o
@@ -177,9 +182,9 @@ const se = ({
     showSelected: r,
     unselectable: n,
     unselectableText: d
-  } = S(), { categories: m } = h(), { onEvent: u } = D(), [y, f] = _.useState(!1), [O, A] = _.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), x = !!o.revision, w = o.guid === i, I = !n.some((P) => P === o.guid);
   return /* @__PURE__ */ g(
-    x,
+    T,
     {
       className: "mx-cat-subcategory-row",
       disableGutters: !0,
@@ -192,69 +197,76 @@ 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 },
+            sx: { height: 44, minWidth: 0, overflow: "hidden" },
             children: [
               /* @__PURE__ */ t(
                 G,
                 {
                   primary: o.name,
-                  primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+                  slotProps: { primary: { fontWeight: "normal", variant: "body1", noWrap: !0 } }
                 }
               ),
-              r && w && /* @__PURE__ */ t(j, { fontSize: "small" }),
-              !B && /* @__PURE__ */ t(oe, { label: d })
+              r && w && /* @__PURE__ */ t(M, { fontSize: "small" }),
+              !I && /* @__PURE__ */ t(oe, { label: d })
             ]
           }
         ),
-        T && /* @__PURE__ */ g(te, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
-          /* @__PURE__ */ t(
-            v,
-            {
-              "aria-label": p(m.edit_subcategory_aria, o.name),
-              onClick: () => {
-                f(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
-              },
-              children: /* @__PURE__ */ t(X, { color: "secondary" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            v,
-            {
-              "aria-label": p(m.delete_subcategory_aria, o.name),
-              edge: "end",
-              onClick: () => {
-                A(!0), c(!0), u(C.ON_SUBCATEGORY_DELETE_CLICK);
-              },
-              children: /* @__PURE__ */ t(z, { color: "secondary" })
-            }
-          )
-        ] }),
-        O && /* @__PURE__ */ t(
+        x && /* @__PURE__ */ g(
+          te,
+          {
+            className: "mx-cat-subcategory-edit-container",
+            sx: { marginRight: 24, flexShrink: 0 },
+            children: [
+              /* @__PURE__ */ t(
+                v,
+                {
+                  "aria-label": _(m.edit_subcategory_title, o.name),
+                  onClick: () => {
+                    b(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
+                  },
+                  children: /* @__PURE__ */ t(j, { color: "secondary" })
+                }
+              ),
+              /* @__PURE__ */ t(
+                v,
+                {
+                  "aria-label": _(m.delete_subcategory_aria, o.name),
+                  edge: "end",
+                  onClick: () => {
+                    O(!0), c(!0), u(C.ON_SUBCATEGORY_DELETE_CLICK);
+                  },
+                  children: /* @__PURE__ */ t(X, { color: "secondary" })
+                }
+              )
+            ]
+          }
+        ),
+        D && /* @__PURE__ */ t(
           me,
           {
             announce: e,
             parentCategory: s,
-            setShowDelete: A,
-            showDelete: O,
+            setShowDelete: O,
+            showDelete: D,
             subCategory: o
           }
         ),
-        y && /* @__PURE__ */ t(
+        h && /* @__PURE__ */ t(
           de,
           {
             announce: e,
-            setShowRename: f,
-            showRename: y,
+            setShowRename: b,
+            showRename: h,
             subCategory: o
           }
         )
       ]
     }
   );
-}, ge = E(Ce), _e = ({ categories: e, parentCategory: s }) => {
-  const { expandedGuid: o, searchValue: l } = S(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
+}, _e = p(Ce), ge = ({ categories: e, parentCategory: s }) => {
+  const { expandedGuid: o, searchValue: l } = y(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
   return /* @__PURE__ */ g(
     Q,
     {
@@ -265,22 +277,22 @@ const se = ({
       children: [
         a,
         /* @__PURE__ */ g(
-          Y,
+          U,
           {
             "aria-labelledby": `category-${s.guid}`,
             className: "mx-cat-subcategory-list",
             id: `subcategories-${s.guid}`,
             children: [
-              e.map((n) => /* @__PURE__ */ g(_.Fragment, { children: [
+              e.map((n) => /* @__PURE__ */ g(E.Fragment, { children: [
                 /* @__PURE__ */ t(
-                  ge,
+                  _e,
                   {
                     announce: i,
                     parentCategory: s,
                     subCategory: n
                   }
                 ),
-                /* @__PURE__ */ t(k, { sx: { ml: 58 } })
+                /* @__PURE__ */ t(Y, { "aria-hidden": "true", component: "li", sx: { ml: 58 } })
               ] }, n.guid)),
               !r && /* @__PURE__ */ t(ce, { announce: i, parentCategory: s })
             ]
@@ -289,13 +301,13 @@ const se = ({
       ]
     }
   );
-}, Ee = E(_e), pe = ({ category: e, subCategories: s }) => {
-  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = S(), { onEvent: a } = D(), c = e.guid === o, r = () => {
+}, Ee = p(ge), pe = ({ category: e, subCategories: s }) => {
+  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);
   };
-  return /* @__PURE__ */ g(_.Fragment, { children: [
-    /* @__PURE__ */ t(x, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ g(E.Fragment, { children: [
+    /* @__PURE__ */ t(T, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ g(
       N,
       {
         "aria-controls": `subcategories-${e.guid}`,
@@ -304,16 +316,16 @@ const se = ({
         id: `category-${e.guid}`,
         onClick: r,
         children: [
-          /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(J, { categoryGuid: e.guid }) }),
+          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(J, { categoryGuid: e.guid }) }),
           /* @__PURE__ */ t(
             G,
             {
               primary: e.name,
-              primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+              slotProps: { primary: { fontWeight: "normal", variant: "body1" } }
             }
           ),
-          /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
-            q,
+          /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
+            z,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -325,16 +337,16 @@ const se = ({
       },
       e.guid
     ) }),
-    /* @__PURE__ */ t(k, { sx: { ml: 58 } }),
-    /* @__PURE__ */ t(Ee, { categories: s, parentCategory: e })
+    /* @__PURE__ */ t(Y, { "aria-hidden": "true", component: "li", sx: { ml: 58 } }),
+    /* @__PURE__ */ t("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ t(Ee, { categories: s, parentCategory: e }) })
   ] });
-}, he = E(pe), Se = () => {
-  const { categories: e } = b(), { searchValue: s } = S(), { categories: o } = h(), i = ((a, c = "") => a.reduce((r, n) => {
+}, he = p(pe), Se = () => {
+  const { categories: e } = f(), { searchValue: s } = y(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
     if (n.parent_guid === null) {
       const m = [
         {
           ...n,
-          name: p(o.all_parent_category, n.name),
+          name: _(o.all_parent_category, n.name),
           parent_guid: n.guid
         },
         ...a
@@ -346,7 +358,7 @@ const se = ({
     }
     return r;
   }, []))(e, s);
-  return /* @__PURE__ */ t(W, { className: "mx-cat-category-list", sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(Y, { children: i.map((a) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(V, { className: "mx-cat-category-list", sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(U, { children: i.map((a) => /* @__PURE__ */ t(
     he,
     {
       category: a.category,
@@ -354,49 +366,49 @@ const se = ({
     },
     a.category.guid
   )) }) });
-}, ye = E(Se), be = ({
+}, be = p(Se), ye = ({
   initialSelected: e,
   onSelect: s = void 0,
   showSelected: o = !0,
   unselectable: l = [],
   unselectableText: i = "Unselectable"
 }) => {
-  const { categories: a, loadCategories: c } = b(), { common: r } = h(), { isCopyLoaded: n } = U(), {
+  const { categories: a, loadCategories: c } = f(), { common: r } = S(), { isCopyLoaded: n } = B(), {
     searchValue: d,
     setOnSelect: m,
     setSearchValue: u,
-    setSelectedGuid: y,
-    setShowSelected: f,
-    setUnselectable: O,
-    setUnselectableText: A
-  } = S();
-  return _.useEffect(() => {
+    setSelectedGuid: h,
+    setShowSelected: b,
+    setUnselectable: D,
+    setUnselectableText: O
+  } = y();
+  return E.useEffect(() => {
     s && m(s);
-  }), _.useEffect(() => {
+  }), E.useEffect(() => {
     a.length || c();
-  }, []), _.useEffect(() => {
-    e && y(e), f(o), O(l), A(i);
-  }, [e, o, l, i]), n ? /* @__PURE__ */ g(K, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
+  }, []), E.useEffect(() => {
+    e && h(e), b(o), D(l), O(i);
+  }, [e, o, l, i]), n ? /* @__PURE__ */ g($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
     /* @__PURE__ */ t(
       re,
       {
         ariaLabel: r.search_aria,
         cancelAriaLabel: r.cancel_search_aria,
-        onChange: (T) => u(T),
+        onChange: (x) => u(x),
         placeholder: r.search_placeholder,
         searchValue: d
       }
     ),
-    /* @__PURE__ */ t(ye, {})
-  ] }) : /* @__PURE__ */ t(P, {});
-}, De = E(be), fe = ({
+    /* @__PURE__ */ t(be, {})
+  ] }) : /* @__PURE__ */ t(k, {});
+}, De = p(ye), fe = ({
   id: e,
   onClose: s,
   title: o,
   showDrawer: l,
   ...i
 }) => {
-  const { common: a } = h(), { isCopyLoaded: c } = U();
+  const { common: a } = S(), { isCopyLoaded: c } = B();
   return c ? /* @__PURE__ */ t(
     ne,
     {
@@ -408,11 +420,11 @@ const se = ({
       title: o,
       children: /* @__PURE__ */ t(De, { ...i })
     }
-  ) : /* @__PURE__ */ t(P, {});
-}, Je = E(fe);
+  ) : /* @__PURE__ */ t(k, {});
+}, Je = p(fe);
 export {
   he as C,
   De as a,
   Je as b,
-  S as u
+  y as u
 };

package/dist/Connect-Dk6GZEsA.mjs

@@ -0,0 +1,39 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { observer as i } from "mobx-react-lite";
+import c from "@mui/material/Box";
+import s from "@mui/material/CircularProgress";
+import m from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import { M as t } from "./Accounts-CseLC3lL.mjs";
+import { u as p } from "./hooks-BaO_gOI6.mjs";
+const l = ({ status: r = t.Loading }) => {
+  const { connect: n } = p();
+  return /* @__PURE__ */ o(
+    c,
+    {
+      sx: {
+        height: "calc(100% - 62px)",
+        position: "absolute",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ e(m, { alignItems: "center", direction: "column", justifyContent: "center", sx: { height: "100%" }, children: [
+        r === t.Loading && /* @__PURE__ */ o(s, { color: "primary", size: 48 }),
+        /* @__PURE__ */ o(
+          a,
+          {
+            sx: {
+              color: "grey.600",
+              marginTop: "16px"
+            },
+            children: r === t.Error ? n.oops : n.loading
+          }
+        )
+      ] })
+    }
+  );
+}, S = i(l), T = "connect_widget", _ = "connections_widget";
+export {
+  _ as C,
+  S as a,
+  T as b
+};

package/dist/ConnectCard-CCep7Zqe.mjs

@@ -0,0 +1,54 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import n from "react";
+import m from "@mui/material/Button";
+import l from "@mui/material/Card";
+import d from "@mui/material/CardContent";
+import p from "@mui/material/CardHeader";
+import C from "@mui/material/Stack";
+import { AccountBalance as f, ChevronRight as h } from "@mxenabled/mx-icons";
+import { Text as a } from "@mxenabled/mxui";
+import { C as x } from "./ConnectDrawer-Cnjr3Ddg.mjs";
+const H = ({ description: i, label: e, title: c }) => {
+  const [s, o] = n.useState(!1);
+  return /* @__PURE__ */ r(n.Fragment, { children: [
+    /* @__PURE__ */ r(l, { sx: { m: 24 }, children: [
+      /* @__PURE__ */ t(
+        p,
+        {
+          avatar: /* @__PURE__ */ t(f, {}),
+          sx: { ".MuiCardHeader-avatar": { mr: 8 } },
+          title: /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: c })
+        }
+      ),
+      /* @__PURE__ */ t(d, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ r(C, { alignItems: "flex-start", spacing: 2, children: [
+        /* @__PURE__ */ t(a, { color: "text.secondary", variant: "subtitle2", children: i }),
+        /* @__PURE__ */ t(
+          m,
+          {
+            endIcon: /* @__PURE__ */ t(h, {}),
+            onClick: () => o(!0),
+            sx: {
+              pl: 0,
+              ":hover": {
+                bgcolor: "unset"
+              }
+            },
+            variant: "text",
+            children: e
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t(
+      x,
+      {
+        onClose: () => o(!1),
+        showConnectWidget: s,
+        title: e
+      }
+    )
+  ] });
+};
+export {
+  H as C
+};

package/dist/ConnectDrawer-Cnjr3Ddg.mjs

@@ -0,0 +1,58 @@
+import { jsx as r, jsxs as E } from "react/jsx-runtime";
+import s from "react";
+import { observer as _ } from "mobx-react-lite";
+import { useTheme as g } from "@mui/material/styles";
+import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
+import { b as a, a as c } from "./Connect-Dk6GZEsA.mjs";
+import { M as i } from "./Accounts-CseLC3lL.mjs";
+import { d as D, e as L, u as w } from "./hooks-BaO_gOI6.mjs";
+import { D as y } from "./Drawer-BXqqBMxg.mjs";
+const I = ({
+  loadWidgetProps: l,
+  onClose: m,
+  showConnectWidget: o,
+  title: u
+}) => {
+  let n;
+  const { refreshAccounts: f } = D(), { loadWidget: d } = L(), { connect: p } = w(), [C, e] = s.useState(!1), [h, t] = s.useState(!1), {
+    palette: { mode: S }
+  } = g();
+  return s.useEffect(() => (o ? (e(!0), d({ mode: S, ...l }).then((b) => {
+    n = new x({
+      container: `#${a}`,
+      style: {
+        border: "none",
+        height: "calc(100% - 62px)",
+        maxWidth: "450px",
+        position: "absolute",
+        width: "100%"
+      },
+      url: b.url,
+      onSsoUrlLoadError: () => {
+        e(!1), t(!0);
+      },
+      onLoad: () => {
+        e(!1), t(!1);
+      }
+    });
+  })) : (e(!1), t(!1)), () => {
+    n?.unmount();
+  }), [o]), /* @__PURE__ */ r(
+    y,
+    {
+      ariaLabelClose: p.close_manage_connection_aria,
+      isOpen: o,
+      onClose: () => {
+        m(), f();
+      },
+      title: u,
+      children: /* @__PURE__ */ E("div", { id: a, children: [
+        h && /* @__PURE__ */ r(c, { status: i.Error }),
+        C && /* @__PURE__ */ r(c, { status: i.Loading })
+      ] })
+    }
+  );
+}, $ = _(I);
+export {
+  $ as C
+};