@mx-cartographer/experiences 8.0.0-alpha.bb1 → 8.0.0-alpha.bb2

package/dist/accounts/index.es.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import c from "react";
+import d from "react";
 import { observer as g } from "mobx-react-lite";
 import { Text as v } from "@mxenabled/mxui";
 import O from "@mui/material/Box";
 import y from "@mui/material/Divider";
-import E from "@mui/material/List";
+import W from "@mui/material/List";
 import I from "@mui/material/ListSubheader";
 import A from "@mui/system/Stack";
 import { A as z } from "../AccountDetailsContent-CAM9y39M.mjs";
@@ -28,23 +28,23 @@ import l1 from "@mui/material/ListItem";
 import { M as G } from "../MiniWidgetContainer-D0gfmbaF.mjs";
 import { A as q1, a as J1 } from "../AccountStore-BgNOyMdp.mjs";
 const n1 = () => {
-  const [d, a] = c.useState(""), { accounts: n } = R(), { selectedAccounts: l } = w(), { setSelectedAccount: H, setSelectedMember: L } = P(), { members: u } = k(), { onEvent: p } = U(), m = [...new Set(l.map((t) => t.account_type))], r = l.find((t) => d === t.guid), s = c.useMemo(
+  const [c, a] = d.useState(""), { accounts: n } = R(), { selectedAccounts: l } = w(), { setSelectedAccount: H, setSelectedMember: L } = P(), { members: u } = k(), { onEvent: p } = U(), m = [...new Set(l.map((t) => t.account_type))], r = l.find((t) => c === t.guid), s = d.useMemo(
     () => l.filter((t) => t.is_hidden),
     [l]
-  ), h = c.useMemo(
+  ), h = d.useMemo(
     () => l.filter((t) => t.is_closed),
     [l]
   ), M = s.reduce(
     (t, o) => (o.available_balance || o.balance || 0) + t,
     0
   ), F = q(h, n);
-  c.useEffect(() => {
+  d.useEffect(() => {
     if (r) {
       H(r);
       const t = u.find((o) => o.guid === r?.member_guid) || {};
       t && L(t);
     }
-  }, [r, d]);
+  }, [r, c]);
   const V = (t) => {
     a(t.guid), p(S.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: t.guid,
@@ -53,7 +53,7 @@ const n1 = () => {
   }, Z = (t) => {
     const o = t === "hidden" ? s : h, B = t === "hidden" ? M : F, C = t === "hidden" ? n.account_hidden : n.account_closed;
     return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
-      E,
+      W,
       {
         "aria-label": C,
         subheader: /* @__PURE__ */ e(I, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
@@ -69,8 +69,8 @@ const n1 = () => {
           }
         ) }),
         children: /* @__PURE__ */ e(A, { children: o.map((f, x, K) => {
-          const W = x === K.length - 1;
-          return /* @__PURE__ */ i(c.Fragment, { children: [
+          const E = x === K.length - 1;
+          return /* @__PURE__ */ i(d.Fragment, { children: [
             /* @__PURE__ */ e(
               D,
               {
@@ -83,11 +83,11 @@ const n1 = () => {
               y,
               {
                 sx: {
-                  mb: W ? 24 : 4,
-                  ml: W ? 24 : 68
+                  mb: E ? 24 : 4,
+                  ml: E ? 24 : 68
                 }
               }
-            ) : !W && /* @__PURE__ */ e(
+            ) : !E && /* @__PURE__ */ e(
               y,
               {
                 sx: {
@@ -110,7 +110,7 @@ const n1 = () => {
         0
       );
       return o.length === 0 ? null : /* @__PURE__ */ e(
-        E,
+        W,
         {
           "aria-label": n.account_type_accounts[o[0]?.account_type],
           subheader: /* @__PURE__ */ e(I, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
@@ -127,7 +127,7 @@ const n1 = () => {
           ) }),
           children: /* @__PURE__ */ e(A, { children: o.map((C) => {
             const f = l.indexOf(C) === l.length - 1, x = o.indexOf(C) === o.length - 1;
-            return /* @__PURE__ */ i(c.Fragment, { children: [
+            return /* @__PURE__ */ i(d.Fragment, { children: [
               /* @__PURE__ */ e(
                 D,
                 {
@@ -157,7 +157,7 @@ const n1 = () => {
       Q,
       {
         ariaLabelClose: n.close_account_details_aria,
-        isOpen: !!d,
+        isOpen: !!c,
         onClose: () => a(""),
         title: n.account_details,
         children: [
@@ -168,9 +168,9 @@ const n1 = () => {
     )
   ] });
 }, i1 = g(n1), o1 = g(() => {
-  const { accounts: d } = R(), { isDesktop: a } = $(), { selectedAccountGuids: n } = w(), { isAccountDataLoaded: l } = k();
+  const { accounts: c } = R(), { isDesktop: a } = $(), { selectedAccountGuids: n } = w(), { isAccountDataLoaded: l } = k();
   return l ? /* @__PURE__ */ i(T, { sx: { px: a ? 24 : 12 }, children: [
-    n.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: d.no_accounts }),
+    n.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
     /* @__PURE__ */ e(i1, {})
   ] }) : /* @__PURE__ */ i(T, { gap: 24, children: [
     /* @__PURE__ */ e(_, { height: 150, sx: { m: 24 }, variant: "rounded" }),
@@ -178,9 +178,11 @@ const n1 = () => {
     /* @__PURE__ */ e(_, { height: 150, sx: { m: 24 }, variant: "rounded" }),
     /* @__PURE__ */ e(_, { height: 150, sx: { m: 24 }, variant: "rounded" })
   ] });
-}), C1 = ({ onBackClick: d, sx: a = {} }) => {
-  const [n, l] = c.useState(!1), [H, L] = c.useState(!1), { config: u } = J(), { detailedAccounts: p, isAccountDataLoaded: m, loadAccountData: r } = k(), { accounts: s, connect: h } = R(), { isInitialized: M, setSelectedAccounts: F } = w(), { onEvent: V } = U();
-  m || r().finally(), c.useEffect(() => {
+}), C1 = ({ onBackClick: c, sx: a = {} }) => {
+  const [n, l] = d.useState(!1), [H, L] = d.useState(!1), { config: u } = J(), { detailedAccounts: p, isAccountDataLoaded: m, loadAccountData: r } = k(), { accounts: s, connect: h } = R(), { isInitialized: M, setSelectedAccounts: F } = w(), { onEvent: V } = U();
+  d.useEffect(() => {
+    m || r().finally();
+  }, []), d.useEffect(() => {
     F(p);
   }, [p]);
   const Z = () => {
@@ -204,7 +206,7 @@ const n1 = () => {
       accountOptions: p,
       actions: o,
       onAccountsFilterClick: () => V?.(S.ACCOUNTS_CLICK_FILTER),
-      onBackClick: d,
+      onBackClick: c,
       sx: a,
       title: s.title,
       children: [
@@ -228,12 +230,12 @@ const n1 = () => {
       ]
     }
   );
-}, D1 = g(C1), d1 = ({ onPrimaryCtaClick: d, sx: a }) => {
+}, D1 = g(C1), d1 = ({ onPrimaryCtaClick: c, sx: a }) => {
   const { visibleAccounts: n } = k(), { accounts: l } = R(), { isCopyLoaded: H, isInitialized: L, selectedAccounts: u, setSelectedAccounts: p } = w(), { isDesktop: m } = $();
-  c.useEffect(() => {
+  d.useEffect(() => {
     p(n);
   }, [n]);
-  const r = c.useMemo(
+  const r = d.useMemo(
     () => t1(u, m ? 5 : 3),
     [u, m]
   );
@@ -241,15 +243,15 @@ const n1 = () => {
     G,
     {
       className: "mx-exp-accounts-miniwidget",
-      onPrimaryCtaClick: d,
+      onPrimaryCtaClick: c,
       primaryCtaLabel: l.primary_cta,
       sx: a,
       title: l.mini_title,
-      children: L ? /* @__PURE__ */ i(E, { children: [
+      children: L ? /* @__PURE__ */ i(W, { children: [
         u.length === 0 && /* @__PURE__ */ e(l1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
         r.map((s, h) => {
           const M = r.indexOf(s) === r.length - 1;
-          return /* @__PURE__ */ i(c.Fragment, { children: [
+          return /* @__PURE__ */ i(d.Fragment, { children: [
             /* @__PURE__ */ e(
               D,
               {
@@ -704,7 +706,7 @@ const n1 = () => {
     ]
   }
 ), s1 = () => {
-  const { connect: d } = R();
+  const { connect: c } = R();
   return /* @__PURE__ */ i(T, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(c1, {}),
     /* @__PURE__ */ e(
@@ -716,17 +718,17 @@ const n1 = () => {
           textAlign: "center"
         },
         variant: "Paragraph",
-        children: d.mini_widget_content
+        children: c.mini_widget_content
       }
     )
   ] });
 }, a1 = g(s1), r1 = ({
-  onPrimaryCtaClick: d = () => {
+  onPrimaryCtaClick: c = () => {
   },
   sx: a
 }) => {
-  const { isCopyLoaded: n } = w(), { connect: l } = R(), [H, L] = c.useState(!1), u = () => {
-    L(!0), d();
+  const { isCopyLoaded: n } = w(), { connect: l } = R(), [H, L] = d.useState(!1), u = () => {
+    L(!0), c();
   };
   return n ? /* @__PURE__ */ i(
     G,

package/package.json

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