@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/{CategorySelectorDrawer-CzRxYpiP.mjs → CategorySelectorDrawer-Dc9Widy9.mjs}

@@ -1,33 +1,33 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { jsx as t, jsxs as _ } 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 D, u as h, g as f, b as U } from "./hooks-CBl85iRr.mjs";
-import Y from "@mui/material/List";
-import W from "@mui/material/Paper";
-import k from "@mui/material/Divider";
+import p 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-BxkfR-Ff.mjs";
+import U from "@mui/material/List";
+import V from "@mui/material/Paper";
+import Y from "@mui/material/Divider";
 import x from "@mui/material/ListItem";
-import F from "@mui/material/ListItemAvatar";
+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 { D as ee } from "./Dialog-jmgGw5WA.mjs";
+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 { u as ae } from "./useAriaLive-MkYebyUR.mjs";
-import { L as P } from "./Loader-icSc5MlE.mjs";
-import { S as re } from "./SearchBox-B2_zLv8-.mjs";
-import { D as ne } from "./Drawer-Bet2ZPJo.mjs";
-const y = () => {
-  if (!_.useContext(V))
+import { S as re } from "./SearchBox-CwDgvWVJ.mjs";
+import { L as k } from "./Loader-D3rjKx72.mjs";
+import { D as ne } from "./Drawer-Bbe4AMB1.mjs";
+const b = () => {
+  if (!p.useContext(K))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return D().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 } = y();
+  const [a, c] = p.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = b();
   let d = "", m = [];
-  const u = i === "delete", S = e.length > 50 ? `${e.slice(0, 50)}...` : e;
+  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;
   switch (i) {
     case "add":
       d = r.add_subcategory_title;
       break;
     case "edit":
-      d = p(r.edit_subcategory_title, S);
+      d = g(r.edit_subcategory_title, h);
       break;
     case "delete":
-      d = r.delete_subcategory_heading, m = p(
+      d = r.delete_subcategory_heading, m = g(
         r.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(I, { bold: !0, children: p(r.all_parent_category, S) })
+        /* @__PURE__ */ t(q, { bold: !0, component: "span", children: g(r.all_parent_category, h) })
       );
       break;
   }
@@ -80,15 +80,16 @@ 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,
+            "aria-label": y,
             maxLength: 50
           },
+          label: y,
           name: "modify-subcategory",
-          onChange: (b) => c(b.target.value),
+          onChange: (D) => c(D.target.value),
           placeholder: r.input_placeholder,
           sx: { width: "100%" },
           value: a
@@ -97,19 +98,19 @@ const se = ({
     }
   );
 }, R = E(se), ie = ({ announce: e, parentCategory: s }) => {
-  const [o, l] = _.useState(!1), { addCategory: i } = D(), { categories: a } = h(), { onEvent: c } = f(), { setShouldDisableDrawerScroll: r } = y(), n = async (u) => {
-    await i(u.trim(), s.guid), e(p(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
+  const [o, l] = p.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = b(), 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);
   }, m = () => {
     l(!1), c(C.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
   };
-  return /* @__PURE__ */ g(x, { disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ _(x, { 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" }
+        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "body1" }
       }
     ) }),
     o && /* @__PURE__ */ t(
@@ -128,8 +129,8 @@ const se = ({
   subCategory: o,
   showRename: l
 }) => {
-  const { onEvent: i } = f(), { updateCategory: a } = D(), { 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(g(c.edit_subcategory_announcement, o.name, d)), i(C.ON_SUBCATEGORY_SAVED), s(!1);
   }, n = () => {
     s(!1), i(C.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
   };
@@ -150,10 +151,10 @@ const se = ({
   setShowDelete: l,
   subCategory: i
 }) => {
-  const { onEvent: a } = f(), { removeCategory: c } = D(), { 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(g(r.delete_subcategory_announcement, i.name)), a(C.ON_SUBCATEGORY_DELETED), l(!1);
   };
   return /* @__PURE__ */ t(
     R,
@@ -178,8 +179,8 @@ const se = ({
     showSelected: r,
     unselectable: n,
     unselectableText: d
-  } = y(), { categories: m } = h(), { onEvent: u } = f(), [S, b] = _.useState(!1), [O, A] = _.useState(!1), T = !!o.revision, w = o.guid === i, B = !n.some(($) => $ === o.guid);
-  return /* @__PURE__ */ g(
+  } = b(), { categories: m } = S(), { onEvent: u } = A(), [h, y] = p.useState(!1), [D, O] = p.useState(!1), T = !!o.revision, w = o.guid === i, I = !n.some((P) => P === o.guid);
+  return /* @__PURE__ */ _(
     x,
     {
       className: "mx-cat-subcategory-row",
@@ -187,67 +188,74 @@ const se = ({
       disablePadding: !0,
       sx: { pl: 58 },
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ _(
           N,
           {
             "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" }
+                  primaryTypographyProps: { 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: () => {
-                b(!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(
+        T && /* @__PURE__ */ _(
+          te,
+          {
+            className: "mx-cat-subcategory-edit-container",
+            sx: { marginRight: 24, flexShrink: 0 },
+            children: [
+              /* @__PURE__ */ t(
+                v,
+                {
+                  "aria-label": g(m.edit_subcategory_title, o.name),
+                  onClick: () => {
+                    y(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
+                  },
+                  children: /* @__PURE__ */ t(j, { color: "secondary" })
+                }
+              ),
+              /* @__PURE__ */ t(
+                v,
+                {
+                  "aria-label": g(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
           }
         ),
-        S && /* @__PURE__ */ t(
+        h && /* @__PURE__ */ t(
           de,
           {
             announce: e,
-            setShowRename: b,
-            showRename: S,
+            setShowRename: y,
+            showRename: h,
             subCategory: o
           }
         )
@@ -255,8 +263,8 @@ const se = ({
     }
   );
 }, ge = E(Ce), _e = ({ categories: e, parentCategory: s }) => {
-  const { expandedGuid: o, searchValue: l } = y(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
-  return /* @__PURE__ */ g(
+  const { expandedGuid: o, searchValue: l } = b(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
+  return /* @__PURE__ */ _(
     Q,
     {
       in: c || r,
@@ -265,14 +273,14 @@ const se = ({
       unmountOnExit: !0,
       children: [
         a,
-        /* @__PURE__ */ g(
-          Y,
+        /* @__PURE__ */ _(
+          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__ */ _(p.Fragment, { children: [
                 /* @__PURE__ */ t(
                   ge,
                   {
@@ -281,7 +289,7 @@ const se = ({
                     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 })
             ]
@@ -290,13 +298,13 @@ const se = ({
       ]
     }
   );
-}, Ee = E(_e), pe = ({ category: e, subCategories: s }) => {
-  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = y(), { onEvent: a } = f(), c = e.guid === o, r = () => {
+}, pe = E(_e), Ee = ({ category: e, subCategories: s }) => {
+  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = b(), { 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__ */ _(p.Fragment, { children: [
+    /* @__PURE__ */ t(x, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(
       N,
       {
         "aria-controls": `subcategories-${e.guid}`,
@@ -305,16 +313,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" }
+              primaryTypographyProps: { 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",
@@ -326,16 +334,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(pe, { categories: s, parentCategory: e }) })
   ] });
-}, he = E(pe), Se = () => {
-  const { categories: e } = D(), { searchValue: s } = y(), { categories: o } = h(), i = ((a, c = "") => a.reduce((r, n) => {
+}, he = E(Ee), Se = () => {
+  const { categories: e } = f(), { searchValue: s } = b(), { 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: g(o.all_parent_category, n.name),
           parent_guid: n.guid
         },
         ...a
@@ -347,7 +355,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,
@@ -362,22 +370,22 @@ const se = ({
   unselectable: l = [],
   unselectableText: i = "Unselectable"
 }) => {
-  const { categories: a, loadCategories: c } = D(), { 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: S,
-    setShowSelected: b,
-    setUnselectable: O,
-    setUnselectableText: A
-  } = y();
-  return _.useEffect(() => {
+    setSelectedGuid: h,
+    setShowSelected: y,
+    setUnselectable: D,
+    setUnselectableText: O
+  } = b();
+  return p.useEffect(() => {
     s && m(s);
-  }), _.useEffect(() => {
+  }), p.useEffect(() => {
     a.length || c();
-  }, []), _.useEffect(() => {
-    e && S(e), b(o), O(l), A(i);
-  }, [e, o, l, i]), n ? /* @__PURE__ */ g(K, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
+  }, []), p.useEffect(() => {
+    e && h(e), y(o), D(l), O(i);
+  }, [e, o, l, i]), n ? /* @__PURE__ */ _($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
     /* @__PURE__ */ t(
       re,
       {
@@ -389,7 +397,7 @@ const se = ({
       }
     ),
     /* @__PURE__ */ t(ye, {})
-  ] }) : /* @__PURE__ */ t(P, {});
+  ] }) : /* @__PURE__ */ t(k, {});
 }, De = E(be), fe = ({
   id: e,
   onClose: s,
@@ -397,7 +405,7 @@ const se = ({
   showDrawer: l,
   ...i
 }) => {
-  const { common: a } = h(), { isCopyLoaded: c } = U();
+  const { common: a } = S(), { isCopyLoaded: c } = B();
   return c ? /* @__PURE__ */ t(
     ne,
     {
@@ -409,11 +417,11 @@ const se = ({
       title: o,
       children: /* @__PURE__ */ t(De, { ...i })
     }
-  ) : /* @__PURE__ */ t(P, {});
+  ) : /* @__PURE__ */ t(k, {});
 }, Je = E(fe);
 export {
-  he as C,
-  De as a,
-  Je as b,
-  y as u
+  De as C,
+  Je as a,
+  he as b,
+  b as u
 };

package/dist/{CategoryStore-V-0d9oje.mjs → CategoryStore-FTxUbn0f.mjs}

@@ -3,9 +3,9 @@ import { getUnixTime as n } from "date-fns/getUnixTime";
 import { subMonths as c } from "date-fns/subMonths";
 import { startOfMonth as C } from "date-fns/startOfMonth";
 import { endOfMonth as h } from "date-fns/endOfMonth";
-import { a as T, g as m } from "./CategoryUtil-DB-9JMbi.mjs";
-import { F as f, A as i } from "./Fetch-DecPFeGU.mjs";
-import { b as l, c as p } from "./Category-Ccoew_sA.mjs";
+import { a as T, g as m } from "./CategoryUtil-BVixr0d5.mjs";
+import { F as f, A as i } from "./Fetch-B6tMJC1r.mjs";
+import { b as l, c as p } from "./Category-CevNQ03n.mjs";
 class d {
   fetchInstance;
   constructor(t, e, o) {

package/dist/{CategoryUtil-DB-9JMbi.mjs → CategoryUtil-BVixr0d5.mjs}

@@ -3,8 +3,8 @@ import { startOfMonth as T } from "date-fns/startOfMonth";
 import { startOfToday as C } from "date-fns/startOfToday";
 import { subMonths as N } from "date-fns/subMonths";
 import { CategoryIconList as O } from "@mxenabled/mxui";
-import { C as b, a as D, b as E } from "./Category-Ccoew_sA.mjs";
-import { f as R, D as v } from "./DateFormats-Cs-NbEZ7.mjs";
+import { C as b, a as D, b as E } from "./Category-CevNQ03n.mjs";
+import { f as R, D as v } from "./DateFormats-BMpMrZpW.mjs";
 const H = 3, f = 12, k = (t, o, e, r) => t.filter((n) => !n.parent_guid).map(
   (n) => p(
     n,
@@ -33,8 +33,8 @@ const H = 3, f = 12, k = (t, o, e, r) => t.filter((n) => !n.parent_guid).map(
     ...t,
     currentAmount: c,
     averageAmount: _(m),
-    color: D[i],
-    icon: b[i],
+    color: b[i],
+    icon: D[i],
     isTransfer: i === E.TRANSFER,
     monthlyAmounts: m,
     name: h,

package/dist/Connect-eYIWqCEr.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-BxkfR-Ff.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/ConnectDrawer-C0wjwcJt.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 g from "@mui/material/styles/useTheme";
+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-Bbe4AMB1.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
+};

package/dist/{ConnectionsDrawer-DMBBzlIJ.mjs → ConnectionsDrawer-IA7vnv1J.mjs}

@@ -3,16 +3,17 @@ import s from "react";
 import { observer as E } from "mobx-react-lite";
 import { useTheme as _ } from "@mui/material/styles";
 import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
-import { C as a, a as c, M as i } from "./GlobalAccountFilter-CIF-aT3F.mjs";
-import { d as D, e as L, u as w } from "./hooks-CBl85iRr.mjs";
-import { D as x } from "./Drawer-Bet2ZPJo.mjs";
+import { C 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 x } from "./Drawer-Bbe4AMB1.mjs";
 const I = ({
   onClose: l,
   showConnectionsWidget: o,
-  title: u
+  title: m
 }) => {
   let n;
-  const { refreshAccounts: m } = D(), { loadWidget: f } = L(), { connect: d } = w(), p = _(), [C, e] = s.useState(!1), [S, t] = s.useState(!1);
+  const { refreshAccounts: u } = D(), { loadWidget: f } = L(), { connect: d } = w(), p = _(), [C, e] = s.useState(!1), [S, t] = s.useState(!1);
   return s.useEffect(() => (o ? (e(!0), f({ widget: "connections_widget", mode: p.palette.mode }).then((h) => {
     n = new b({
       container: `#${a}`,
@@ -38,16 +39,16 @@ const I = ({
       ariaLabelClose: d.close_connections_aria,
       isOpen: o,
       onClose: () => {
-        l(), m();
+        l(), u();
       },
-      title: u,
+      title: m,
       children: /* @__PURE__ */ g("div", { id: a, children: [
         S && /* @__PURE__ */ r(c, { status: i.Error }),
         C && /* @__PURE__ */ r(c, { status: i.Loading })
       ] })
     }
   );
-}, M = E(I);
+}, W = E(I);
 export {
-  M as C
+  W as C
 };