@mx-cartographer/experiences 9.2.4-alpha.al4 → 9.3.0-alph.bb2

package/dist/accounts/AccountsMiniWidget.es.js

@@ -0,0 +1,56 @@
+import { useAccountStore as g, useGlobalCopyStore as x, useGlobalUiStore as A } from "../common/context/hooks.es.js";
+import { useScreenSize as L } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as h } from "../common/hooks/useWidgetLoadTimer.es.js";
+import y from "../common/components/MiniWidgetContainer.es.js";
+import S from "../common/components/Loader.es.js";
+import { SkeletonLoader as v } from "../common/components/SkeletonLoader.es.js";
+import C from "./components/AccountListItem.es.js";
+import { getDisplayAccounts as D } from "../common/utils/AccountFilter.es.js";
+import r from "react";
+import { observer as M } from "mobx-react-lite";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import W from "@mui/material/Divider";
+import _ from "@mui/material/List";
+import b from "@mui/material/ListItem";
+var I = ({ onPrimaryCtaClick: u, sx: d }) => {
+  const { isAccountDataLoaded: n, loadAccountData: l } = g(), { accounts: i } = x(), { isInitialized: s, selectedAccounts: o } = A(), { isDesktop: a } = L();
+  h({
+    widgetName: "AccountsMiniWidget",
+    isLoaded: s
+  }), r.useEffect(() => {
+    n || l().finally();
+  }, []);
+  const e = r.useMemo(() => D(o, a ? 5 : 3), [o, a]);
+  return s ? /* @__PURE__ */ t(y, {
+    className: "mx-exp-accounts-miniwidget",
+    onPrimaryCtaClick: u,
+    primaryCtaLabel: i.primary_cta,
+    sx: d,
+    title: i.mini_title,
+    children: n ? /* @__PURE__ */ m(_, { children: [o.length === 0 && /* @__PURE__ */ t(b, {
+      sx: { justifyContent: "center" },
+      children: i.no_accounts
+    }), e.map((c, p) => {
+      const f = e.indexOf(c) === e.length - 1;
+      return /* @__PURE__ */ m(r.Fragment, { children: [/* @__PURE__ */ t(C, {
+        account: c,
+        listItemProps: { sx: { px: 24 } },
+        shouldShowConnectionStatus: !0
+      }), !f && /* @__PURE__ */ t(W, {
+        "aria-hidden": "true",
+        variant: "inset"
+      })] }, `account-item${p}`);
+    })] }) : /* @__PURE__ */ t(v, {
+      sx: {
+        px: 12,
+        py: 8
+      },
+      variant: "list"
+    })
+  }) : /* @__PURE__ */ t(S, {});
+}, q = M(I);
+export {
+  q as default
+};
+
+//# sourceMappingURL=AccountsMiniWidget.es.js.map

package/dist/accounts/AccountsMiniWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsMiniWidget.es.js","names":[],"sources":["../../src/accounts/AccountsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\n\nimport {\n  Loader,\n  MiniWidgetContainer,\n  useAccountStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n} from '../common'\nimport { MiniWidgetProps } from '../core'\n\nimport { getDisplayAccounts } from '../common/utils/AccountFilter'\nimport { SkeletonLoader } from '../common/components/SkeletonLoader'\n\nimport AccountListItem from './components/AccountListItem'\n\nconst AccountsMiniWidget: React.FC<MiniWidgetProps> = ({ onPrimaryCtaClick, sx }) => {\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccounts } = useGlobalUiStore()\n  const { isDesktop } = useScreenSize()\n\n  useWidgetLoadTimer({\n    widgetName: 'AccountsMiniWidget',\n    isLoaded: isInitialized,\n  })\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n  }, [])\n\n  const displayAccounts = React.useMemo(\n    () => getDisplayAccounts(selectedAccounts, !isDesktop ? 3 : 5),\n    [selectedAccounts, isDesktop],\n  )\n\n  if (!isInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-accounts-miniwidget\"\n      onPrimaryCtaClick={onPrimaryCtaClick}\n      primaryCtaLabel={accountsCopy.primary_cta}\n      sx={sx}\n      title={accountsCopy.mini_title}\n    >\n      {!isAccountDataLoaded ? (\n        <SkeletonLoader sx={{ px: 12, py: 8 }} variant=\"list\" />\n      ) : (\n        <List>\n          {selectedAccounts.length === 0 && (\n            <ListItem sx={{ justifyContent: 'center' }}>{accountsCopy.no_accounts}</ListItem>\n          )}\n          {displayAccounts.map((account, i) => {\n            const isLast = displayAccounts.indexOf(account) === displayAccounts.length - 1\n            return (\n              <React.Fragment key={`account-item${i}`}>\n                <AccountListItem\n                  account={account}\n                  listItemProps={{ sx: { px: 24 } }}\n                  shouldShowConnectionStatus={true}\n                />\n                {!isLast && <Divider aria-hidden=\"true\" variant=\"inset\" />}\n              </React.Fragment>\n            )\n          })}\n        </List>\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(AccountsMiniWidget)\n"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAM,IAAA,CAAiD,EAAE,mBAAA,GAAmB,IAAA,EAAA,MAAS;AACnF,QAAM,EAAE,qBAAA,GAAqB,iBAAA,EAAA,IAAoB,EAAgB,GAC3D,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,kBAAA,EAAA,IAAqB,EAAiB,GACvD,EAAE,WAAA,EAAA,IAAc,EAAc;AAEpC,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAgB,EAAE,QAAQ;AAAA,EAE9B,GAAG,CAAC,CAAC;AAEL,QAAM,IAAkB,EAAM,QAAA,MACtB,EAAmB,GAAmB,IAAgB,IAAJ,CAAK,GAC7D,CAAC,GAAkB,CAAS,CAC9B;AAEA,SAAK,IAKH,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACS,mBAAA;AAAA,IACnB,iBAAiB,EAAa;AAAA,IAC1B,IAAA;AAAA,IACJ,OAAO,EAAa;AAAA,cAElB,IAGA,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,EAAiB,WAAW,KAC3B,gBAAA,EAAC,GAAD;AAAA,MAAU,IAAI,EAAE,gBAAgB,SAAS;AAAA,gBAAI,EAAa;AAAA,IAAsB,CAAA,GAEjF,EAAgB,IAAA,CAAK,GAAS,MAAM;AACnC,YAAM,IAAS,EAAgB,QAAQ,CAAO,MAAM,EAAgB,SAAS;AAC7E,aACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE;AAAA,QAChC,4BAA4B;AAAA,MAC7B,CAAA,GACA,CAAC,KAAU,gBAAA,EAAC,GAAD;AAAA,QAAS,eAAY;AAAA,QAAO,SAAQ;AAAA,MAAS,CAAA,CAC3C,EAAA,GAPK,eAAe,CAAA,EAOpB;AAAA,IAEpB,CAAC,CACG,EAAA,CAAA,IAnBN,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MAAG,SAAQ;AAAA,IAAQ,CAAA;AAAA,EAqBtC,CAAA,IAjCd,gBAAA,EAAC,GAAD,CAAS,CAAA;AAmCpB,GAEA,IAAe,EAAS,CAAkB"}

package/dist/accounts/AccountsWidget.es.js

@@ -0,0 +1,75 @@
+import { useAccountStore as L, useAppConfig as T, useEvent as w, useGlobalCopyStore as W, useGlobalUiStore as E } from "../common/context/hooks.es.js";
+import { useScreenSize as v } from "../common/hooks/useScreenSize.es.js";
+import { useWidgetLoadTimer as x } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { ANALYTICS_EVENTS as i } from "../common/constants/Analytics.es.js";
+import y from "../common/components/Loader.es.js";
+import { WidgetContainer as k } from "../common/components/WidgetContainer.es.js";
+import D from "../common/components/ConnectDrawer.es.js";
+import { SkeletonLoader as I } from "../common/components/SkeletonLoader.es.js";
+import b from "./components/AccountsList.es.js";
+import O from "./components/ConnectionsDrawer.es.js";
+import c from "react";
+import { observer as U } from "mobx-react-lite";
+import j from "@mui/material/Stack";
+import { Text as G } from "@mxenabled/mxui";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+var K = ({ onBackClick: l, onMenuClick: d, sx: m = {} }) => {
+  const [u, r] = c.useState(!1), [C, s] = c.useState(!1), { config: f } = T(), { isAccountDataLoaded: o, loadAccountData: p } = L(), { accounts: e, connect: _ } = W(), { isInitialized: g, selectedAccountGuids: A } = E(), { isDesktop: S } = v(), { onEvent: n } = w();
+  x({
+    widgetName: "AccountsWidget",
+    isLoaded: o
+  }), c.useEffect(() => {
+    o || p().finally();
+  }, []);
+  const h = () => {
+    r(!0), n(i.ACCOUNTS_CLICK_CONNECT);
+  }, N = () => {
+    s(!0), n(i.ACCOUNTS_CLICK_CONNECT);
+  };
+  return g ? /* @__PURE__ */ a(k, {
+    actions: f.show_connections_widget_in_master ? [{
+      iconName: "add",
+      label: e.add,
+      onClick: h
+    }, {
+      iconName: "credit_card_gear",
+      label: e.manage,
+      onClick: N
+    }] : [],
+    hasDivider: !0,
+    onAccountsFilterClick: () => n(i.ACCOUNTS_CLICK_FILTER),
+    onBackClick: l,
+    onMenuClick: d,
+    sx: m,
+    title: e.title,
+    children: [
+      o ? /* @__PURE__ */ a(j, { children: [A.length < 1 && /* @__PURE__ */ t(G, {
+        display: "flex",
+        justifyContent: "center",
+        my: 24,
+        children: e.no_accounts
+      }), /* @__PURE__ */ t(b, {})] }) : /* @__PURE__ */ t(I, {
+        sx: {
+          px: S ? 48 : 24,
+          pt: 24
+        },
+        variant: "list"
+      }),
+      /* @__PURE__ */ t(D, {
+        onClose: () => r(!1),
+        showConnectWidget: u,
+        title: _.mini_title
+      }),
+      /* @__PURE__ */ t(O, {
+        onClose: () => s(!1),
+        showConnectionsWidget: C,
+        title: e.manage_connections
+      })
+    ]
+  }) : /* @__PURE__ */ t(y, {});
+}, tt = U(K);
+export {
+  tt as default
+};
+
+//# sourceMappingURL=AccountsWidget.es.js.map

package/dist/accounts/AccountsWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsWidget.es.js","names":[],"sources":["../../src/accounts/AccountsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  ConnectDrawer,\n  Loader,\n  WidgetContainer,\n  useAccountStore,\n  useEvent,\n  useAppConfig,\n  useGlobalUiStore,\n  useGlobalCopyStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n} from '../common'\nimport { WidgetProps } from '../core'\n\nimport { SkeletonLoader } from '../common/components/SkeletonLoader'\n\nimport AccountsList from './components/AccountsList'\nimport ConnectionsDrawer from './components/ConnectionsDrawer'\n\nconst AccountsWidget: React.FC<WidgetProps> = ({ onBackClick, onMenuClick, sx = {} }) => {\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n  const [showConnectionsWidget, setShowConnectionsWidget] = React.useState(false)\n\n  const { config } = useAppConfig()\n  const { isAccountDataLoaded, loadAccountData } = useAccountStore()\n  const { accounts: copy, connect: connectCopy } = useGlobalCopyStore()\n  const { isInitialized, selectedAccountGuids } = useGlobalUiStore()\n  const { isDesktop } = useScreenSize()\n  const { onEvent } = useEvent()\n\n  useWidgetLoadTimer({\n    widgetName: 'AccountsWidget',\n    isLoaded: isAccountDataLoaded,\n  })\n\n  React.useEffect(() => {\n    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n  }, [])\n\n  const handleAddAccount = () => {\n    setShowConnectWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  const handleManageConnections = () => {\n    setShowConnectionsWidget(true)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_CONNECT)\n  }\n\n  if (!isInitialized) return <Loader />\n\n  return (\n    <WidgetContainer\n      actions={\n        config.show_connections_widget_in_master\n          ? [\n              { iconName: 'add', label: copy.add, onClick: handleAddAccount },\n              {\n                iconName: 'credit_card_gear',\n                label: copy.manage,\n                onClick: handleManageConnections,\n              },\n            ]\n          : []\n      }\n      hasDivider={true}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      sx={sx}\n      title={copy.title}\n    >\n      {!isAccountDataLoaded ? (\n        <SkeletonLoader sx={{ px: isDesktop ? 48 : 24, pt: 24 }} variant=\"list\" />\n      ) : (\n        <Stack>\n          {selectedAccountGuids.length < 1 && (\n            <Text display=\"flex\" justifyContent=\"center\" my={24}>\n              {copy.no_accounts}\n            </Text>\n          )}\n          <AccountsList />\n        </Stack>\n      )}\n\n      <ConnectDrawer\n        onClose={() => setShowConnectWidget(false)}\n        showConnectWidget={showConnectWidget}\n        title={connectCopy.mini_title}\n      />\n      <ConnectionsDrawer\n        onClose={() => setShowConnectionsWidget(false)}\n        showConnectionsWidget={showConnectionsWidget}\n        title={copy.manage_connections}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(AccountsWidget)\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAM,IAAA,CAAyC,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,IAAK,CAAC,EAAA,MAAQ;AACvF,QAAM,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK,GAChE,CAAC,GAAuB,CAAA,IAA4B,EAAM,SAAS,EAAK,GAExE,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,qBAAA,GAAqB,iBAAA,EAAA,IAAoB,EAAgB,GAC3D,EAAE,UAAU,GAAM,SAAS,EAAA,IAAgB,EAAmB,GAC9D,EAAE,eAAA,GAAe,sBAAA,EAAA,IAAyB,EAAiB,GAC3D,EAAE,WAAA,EAAA,IAAc,EAAc,GAC9B,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAED,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAgB,EAAE,QAAQ;AAAA,EAE9B,GAAG,CAAC,CAAC;AAEL,QAAM,IAAA,MAAyB;AAC7B,IAAA,EAAqB,EAAI,GACzB,EAAQ,EAAiB,sBAAsB;AAAA,EACjD,GAEM,IAAA,MAAgC;AACpC,IAAA,EAAyB,EAAI,GAC7B,EAAQ,EAAiB,sBAAsB;AAAA,EACjD;AAEA,SAAK,IAGH,gBAAA,EAAC,GAAD;AAAA,IACE,SACE,EAAO,oCACH,CACE;AAAA,MAAE,UAAU;AAAA,MAAO,OAAO,EAAK;AAAA,MAAK,SAAS;AAAA,IAAiB,GAC9D;AAAA,MACE,UAAU;AAAA,MACV,OAAO,EAAK;AAAA,MACZ,SAAS;AAAA,IACX,CACF,IACA,CAAC;AAAA,IAEP,YAAY;AAAA,IACZ,uBAAA,MAA6B,EAAQ,EAAiB,qBAAqB;AAAA,IAC9D,aAAA;AAAA,IACA,aAAA;AAAA,IACT,IAAA;AAAA,IACJ,OAAO,EAAK;AAAA,cAlBd;AAAA,MAoBI,IAGA,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,EAAqB,SAAS,KAC7B,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAO,gBAAe;AAAA,QAAS,IAAI;AAAA,kBAC9C,EAAK;AAAA,MACF,CAAA,GAER,gBAAA,EAAC,GAAD,CAAe,CAAA,CACV,EAAA,CAAA,IATP,gBAAA,EAAC,GAAD;AAAA,QAAgB,IAAI;AAAA,UAAE,IAAI,IAAY,KAAK;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,MAAQ,CAAA;AAAA,MAY3E,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAqB,EAAK;AAAA,QACtB,mBAAA;AAAA,QACnB,OAAO,EAAY;AAAA,MACpB,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAyB,EAAK;AAAA,QACtB,uBAAA;AAAA,QACvB,OAAO,EAAK;AAAA,MACb,CAAA;AAAA,IACc;AAAA,OA9CQ,gBAAA,EAAC,GAAD,CAAS,CAAA;AAgDtC,GAEA,KAAe,EAAS,CAAc"}

package/dist/accounts/ConnectMiniWidget.es.js

@@ -0,0 +1,35 @@
+import { useGlobalCopyStore as c, useGlobalUiStore as d } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as s } from "../common/hooks/useWidgetLoadTimer.es.js";
+import l from "../common/components/MiniWidgetContainer.es.js";
+import C from "../common/components/Loader.es.js";
+import f from "../common/components/ConnectDrawer.es.js";
+import p from "./components/ConnectMiniWidgetCard.es.js";
+import u from "react";
+import { observer as g } from "mobx-react-lite";
+import { jsx as e, jsxs as W } from "react/jsx-runtime";
+var y = ({ onPrimaryCtaClick: n = () => {
+}, sx: a }) => {
+  const { isCopyLoaded: o } = d(), { connect: t } = c(), [i, r] = u.useState(!1), m = () => {
+    r(!0), n();
+  };
+  return s({
+    widgetName: "ConnectMiniWidget",
+    isLoaded: o
+  }), o ? /* @__PURE__ */ W(l, {
+    className: "mx-exp-connect-miniwidget",
+    onPrimaryCtaClick: m,
+    primaryCtaLabel: t.primary_cta,
+    sx: a,
+    title: t.mini_title,
+    children: [/* @__PURE__ */ e(p, {}), i && /* @__PURE__ */ e(f, {
+      onClose: () => r(!1),
+      showConnectWidget: i,
+      title: t.mini_title
+    })]
+  }) : /* @__PURE__ */ e(C, {});
+}, j = g(y);
+export {
+  j as default
+};
+
+//# sourceMappingURL=ConnectMiniWidget.es.js.map

package/dist/accounts/ConnectMiniWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectMiniWidget.es.js","names":[],"sources":["../../src/accounts/ConnectMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { type SxProps } from '@mui/material/styles'\n\nimport {\n  ConnectDrawer,\n  Loader,\n  MiniWidgetContainer,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useWidgetLoadTimer,\n} from '../common'\n\nimport ConnectMiniWidgetCard from './components/ConnectMiniWidgetCard'\n\ninterface ConnectMiniWidgetProps {\n  onPrimaryCtaClick?: () => void\n  sx?: SxProps\n}\n\nconst ConnectMiniWidget: React.FC<ConnectMiniWidgetProps> = ({\n  onPrimaryCtaClick = () => {},\n  sx,\n}) => {\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n\n  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  const onCtaClick = () => {\n    setShowConnectWidget(true)\n    onPrimaryCtaClick()\n  }\n\n  useWidgetLoadTimer({\n    widgetName: 'ConnectMiniWidget',\n    isLoaded: isCopyLoaded,\n  })\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <MiniWidgetContainer\n      className=\"mx-exp-connect-miniwidget\"\n      onPrimaryCtaClick={onCtaClick}\n      primaryCtaLabel={connectCopy.primary_cta}\n      sx={sx}\n      title={connectCopy.mini_title}\n    >\n      <ConnectMiniWidgetCard />\n      {showConnectWidget && (\n        <ConnectDrawer\n          onClose={() => setShowConnectWidget(false)}\n          showConnectWidget={showConnectWidget}\n          title={connectCopy.mini_title}\n        />\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(ConnectMiniWidget)\n"],"mappings":";;;;;;;;;AAqBA,IAAM,IAAA,CAAuD,EAC3D,mBAAA,IAAA,MAA0B;AAAC,GAC3B,IAAA,EAAA,MACI;AACJ,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,SAAS,EAAA,IAAgB,EAAmB,GAE9C,CAAC,GAAmB,CAAA,IAAwB,EAAM,SAAS,EAAK,GAEhE,IAAA,MAAmB;AACvB,IAAA,EAAqB,EAAI,GACzB,EAAkB;AAAA,EACpB;AAOA,SALA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAEI,IAKH,gBAAA,EAAC,GAAD;AAAA,IACE,WAAU;AAAA,IACV,mBAAmB;AAAA,IACnB,iBAAiB,EAAY;AAAA,IACzB,IAAA;AAAA,IACJ,OAAO,EAAY;AAAA,cALrB,CAOE,gBAAA,EAAC,GAAD,CAAwB,CAAA,GACvB,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe,EAAqB,EAAK;AAAA,MACtB,mBAAA;AAAA,MACnB,OAAO,EAAY;AAAA,IACpB,CAAA,CAEgB;AAAA,OAnBd,gBAAA,EAAC,GAAD,CAAS,CAAA;AAqBpB,GAEA,IAAe,EAAS,CAAiB"}

package/dist/accounts/components/AccountListItem.es.js

@@ -0,0 +1,91 @@
+import _ from "../../common/hooks/useAccountDisplayName.es.js";
+import { useAppConfig as v, useGlobalCopyStore as I } from "../../common/context/hooks.es.js";
+import { ConnectionStatus as l } from "../../core/types/Account.es.js";
+import { formatCurrency as C } from "../../core/utils/NumberFormatting.es.js";
+import { getAccountBalanceDetails as L } from "../utils/AccountFields.es.js";
+import { ErrorStatus as S } from "./ConnectionStatusIcons.es.js";
+import "react";
+import { observer as A } from "mobx-react-lite";
+import { InstitutionLogo as B, Text as i } from "@mxenabled/mxui";
+import { Fragment as d, jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useTheme as j } from "@mui/material/styles";
+import c from "@mui/material/Box";
+import T from "@mui/material/ListItem";
+import M from "@mui/material/ListItemButton";
+import $ from "@mui/material/ListItemText";
+import k from "@mui/material/ListItemAvatar";
+import D from "@mui/material/Badge";
+var E = ({ account: t, onRowClick: n, listItemProps: s, shouldShowConnectionStatus: p = !1 }) => {
+  const u = j(), f = _(t), { config: h } = v(), { accounts: o } = I(), { firstSubtitle: b, firstValue: g, secondSubtitle: y, secondValue: x } = L(t, o, h.display_available_balance_in_accounts);
+  let a;
+  (t.connectionStatus === l.Error || t.connectionStatus === l.RequiresMfa) && (a = /* @__PURE__ */ e(S, { size: 16 }));
+  const m = /* @__PURE__ */ r(d, { children: [/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(D, {
+    badgeContent: p ? a : void 0,
+    sx: { "& .MuiBadge-badge": { right: -1 } },
+    children: /* @__PURE__ */ e(B, {
+      alt: "MX",
+      institutionGuid: t.institution_guid || ""
+    })
+  }) }), /* @__PURE__ */ e($, {
+    disableTypography: !0,
+    primary: /* @__PURE__ */ r(i, {
+      bold: !0,
+      color: t.is_hidden ? u.palette.text.secondary : void 0,
+      variant: "body1",
+      children: [
+        `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
+        " ",
+        t.is_hidden && !t.is_closed && o.is_hidden,
+        t.is_closed && o.is_closed
+      ]
+    }),
+    secondary: /* @__PURE__ */ r(d, { children: [/* @__PURE__ */ r(c, {
+      sx: {
+        alignItems: "center",
+        display: "flex",
+        justifyContent: "space-between"
+      },
+      children: [/* @__PURE__ */ e(i, {
+        variant: "caption",
+        children: b
+      }), /* @__PURE__ */ e(i, {
+        bold: !0,
+        variant: "body2",
+        children: C(g, "0,0.00")
+      })]
+    }), /* @__PURE__ */ r(c, {
+      sx: {
+        alignItems: "center",
+        display: "flex",
+        justifyContent: "space-between"
+      },
+      children: [/* @__PURE__ */ e(i, {
+        variant: "caption",
+        children: y
+      }), /* @__PURE__ */ e(i, {
+        ml: "auto",
+        variant: "caption",
+        children: x
+      })]
+    })] })
+  })] });
+  return /* @__PURE__ */ e(T, {
+    ...s,
+    sx: {
+      backgroundColor: "background.paper",
+      color: t.is_closed ? "grey.700" : "",
+      ...s?.sx
+    },
+    children: n ? /* @__PURE__ */ e(M, {
+      alignItems: "flex-start",
+      onClick: n,
+      sx: { px: 24 },
+      children: m
+    }) : m
+  });
+}, P = A(E);
+export {
+  P as default
+};
+
+//# sourceMappingURL=AccountListItem.es.js.map

package/dist/accounts/components/AccountListItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountListItem.es.js","names":[],"sources":["../../../src/accounts/components/AccountListItem.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Badge from '@mui/material/Badge'\nimport Box from '@mui/material/Box'\nimport ListItem, { ListItemOwnProps } from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport { ErrorStatus } from './ConnectionStatusIcons'\n\nimport { useAccountDisplayName, useAppConfig, useGlobalCopyStore } from '../../common'\nimport { Account, ConnectionStatus } from '../../core'\nimport { getAccountBalanceDetails } from '../utils/AccountFields'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface AccountListItemProps {\n  account: Account\n  onRowClick?: () => void\n  listItemProps?: ListItemOwnProps\n  shouldShowConnectionStatus?: boolean\n}\n\nconst AccountListItem: React.FC<AccountListItemProps> = ({\n  account,\n  onRowClick,\n  listItemProps,\n  shouldShowConnectionStatus = false,\n}) => {\n  const theme = useTheme()\n  const displayName = useAccountDisplayName(account)\n  const { config } = useAppConfig()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { firstSubtitle, firstValue, secondSubtitle, secondValue } = getAccountBalanceDetails(\n    account,\n    accountsCopy,\n    config.display_available_balance_in_accounts,\n  )\n\n  let statusIcon = undefined\n  if (\n    account.connectionStatus === ConnectionStatus.Error ||\n    account.connectionStatus === ConnectionStatus.RequiresMfa\n  ) {\n    statusIcon = <ErrorStatus size={16} />\n  }\n\n  const content = (\n    <>\n      <ListItemAvatar>\n        <Badge\n          badgeContent={shouldShowConnectionStatus ? statusIcon : undefined}\n          sx={{\n            '& .MuiBadge-badge': {\n              right: -1,\n            },\n          }}\n        >\n          <InstitutionLogo alt=\"MX\" institutionGuid={account.institution_guid || ''} />\n        </Badge>\n      </ListItemAvatar>\n\n      <ListItemText\n        disableTypography={true}\n        primary={\n          <Text\n            bold={true}\n            color={account.is_hidden ? theme.palette.text.secondary : undefined}\n            variant=\"body1\"\n          >\n            {`${displayName} ${account.account_number ? `*${account.account_number}` : ''}`}{' '}\n            {account.is_hidden && !account.is_closed && accountsCopy.is_hidden}\n            {account.is_closed && accountsCopy.is_closed}\n          </Text>\n        }\n        secondary={\n          <>\n            <Box sx={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n              <Text variant=\"caption\">{firstSubtitle}</Text>\n              <Text bold={true} variant=\"body2\">\n                {formatCurrency(firstValue, '0,0.00')}\n              </Text>\n            </Box>\n            <Box sx={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n              <Text variant=\"caption\">{secondSubtitle}</Text>\n              <Text ml=\"auto\" variant=\"caption\">\n                {secondValue}\n              </Text>\n            </Box>\n          </>\n        }\n      />\n    </>\n  )\n\n  return (\n    <ListItem\n      {...listItemProps}\n      sx={{\n        backgroundColor: 'background.paper',\n        color: account.is_closed ? 'grey.700' : '',\n        ...listItemProps?.sx,\n      }}\n    >\n      {onRowClick ? (\n        <ListItemButton alignItems=\"flex-start\" onClick={onRowClick} sx={{ px: 24 }}>\n          {content}\n        </ListItemButton>\n      ) : (\n        content\n      )}\n    </ListItem>\n  )\n}\n\nexport default observer(AccountListItem)\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAM,IAAA,CAAmD,EACvD,SAAA,GACA,YAAA,GACA,eAAA,GACA,4BAAA,IAA6B,GAAA,MACzB;AACJ,QAAM,IAAQ,EAAS,GACjB,IAAc,EAAsB,CAAO,GAC3C,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,YAAA,GAAY,gBAAA,GAAgB,aAAA,EAAA,IAAgB,EACjE,GACA,GACA,EAAO,qCACT;AAEA,MAAI;AACJ,GACE,EAAQ,qBAAqB,EAAiB,SAC9C,EAAQ,qBAAqB,EAAiB,iBAE9C,IAAa,gBAAA,EAAC,GAAD,EAAa,MAAM,GAAK,CAAA;AAGvC,QAAM,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAc,IAA6B,IAAa;AAAA,IACxD,IAAI,EACF,qBAAqB,EACnB,OAAO,GACT,EACF;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAiB,KAAI;AAAA,MAAK,iBAAiB,EAAQ,oBAAoB;AAAA,IAAK,CAAA;AAAA,EACvE,CAAA,EACO,CAAA,GAEhB,gBAAA,EAAC,GAAD;AAAA,IACE,mBAAmB;AAAA,IACnB,SACE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM;AAAA,MACN,OAAO,EAAQ,YAAY,EAAM,QAAQ,KAAK,YAAY;AAAA,MAC1D,SAAQ;AAAA,gBAHV;AAAA,QAKG,GAAG,CAAA,IAAe,EAAQ,iBAAiB,IAAI,EAAQ,cAAA,KAAmB,EAAA;AAAA,QAAM;AAAA,QAChF,EAAQ,aAAa,CAAC,EAAQ,aAAa,EAAa;AAAA,QACxD,EAAQ,aAAa,EAAa;AAAA,MAC/B;AAAA;IAER,WACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,SAAS;AAAA,QAAQ,gBAAgB;AAAA,MAAgB;AAAA,gBAAlF,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAW;AAAA,MAAoB,CAAA,GAC7C,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAe,GAAY,QAAQ;AAAA,MAChC,CAAA,CACH;AAAA,QACL,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,SAAS;AAAA,QAAQ,gBAAgB;AAAA,MAAgB;AAAA,gBAAlF,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAW;AAAA,MAAqB,CAAA,GAC9C,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAG;AAAA,QAAO,SAAQ;AAAA,kBACrB;AAAA,MACG,CAAA,CACH;AAAA,MACL,EAAA,CAAA;AAAA,EAEL,CAAA,CACD,EAAA,CAAA;AAGJ,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,IAAI;AAAA,MACF,iBAAiB;AAAA,MACjB,OAAO,EAAQ,YAAY,aAAa;AAAA,MACxC,GAAG,GAAe;AAAA,IACpB;AAAA,cAEC,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgB,YAAW;AAAA,MAAa,SAAS;AAAA,MAAY,IAAI,EAAE,IAAI,GAAG;AAAA,gBACvE;AAAA,IACa,CAAA,IAEhB;AAAA,EAEM,CAAA;AAEd,GAEA,IAAe,EAAS,CAAe"}

package/dist/accounts/components/AccountsList.es.js

@@ -0,0 +1,129 @@
+import { useAccountStore as R, useAppConfig as U, useEvent as D, useGlobalCopyStore as M, useGlobalUiStore as F } from "../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as V } from "../../common/constants/Analytics.es.js";
+import { formatCurrency as y } from "../../core/utils/NumberFormatting.es.js";
+import { useAccountUiStore as H } from "../hooks/useUiStore.es.js";
+import { getClosedAccountBalanceTotal as K } from "../utils/AccountFields.es.js";
+import x from "./AccountListItem.es.js";
+import Y from "./detailsdrawer/Accounts/AccountDetailsDrawer.es.js";
+import s from "react";
+import { observer as q } from "mobx-react-lite";
+import { Text as p } from "@mxenabled/mxui";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import v from "@mui/material/Box";
+import g from "@mui/material/Divider";
+import w from "@mui/material/List";
+import L from "@mui/material/ListSubheader";
+import h from "@mui/system/Stack";
+var z = () => {
+  const [f, C] = s.useState(""), { config: T } = U(), { accounts: i } = M(), { allSelectedAccounts: c } = F(), { setSelectedAccount: O, setSelectedMember: k } = H(), { members: I } = R(), { onEvent: B } = D(), E = [...new Set(c.map((e) => e.account_type))], l = c.find((e) => f === e.guid), d = s.useMemo(() => c.filter((e) => e.is_hidden), [c]), u = s.useMemo(() => c.filter((e) => e.is_closed), [c]), j = d.reduce((e, n) => (n.available_balance || n.balance || 0) + e, 0), G = K(u, i, T.display_available_balance_in_accounts);
+  s.useEffect(() => {
+    if (l) {
+      O(l);
+      const e = I.find((n) => n.guid === l?.member_guid) || {};
+      e && k(e);
+    }
+  }, [l, f]);
+  const A = (e) => {
+    C(e.guid), B(V.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: e.guid,
+      account_type: e.account_type
+    });
+  }, S = (e) => {
+    const n = e === "hidden" ? d : u, b = e === "hidden" ? j : G, o = e === "hidden" ? i.account_hidden : i.account_closed;
+    return /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(w, {
+      "aria-label": o,
+      subheader: /* @__PURE__ */ t(L, {
+        component: "h2",
+        sx: {
+          backgroundColor: "transparent",
+          px: 24
+        },
+        children: /* @__PURE__ */ a(h, {
+          component: "span",
+          direction: "row",
+          sx: {
+            justifyContent: "space-between",
+            color: "grey.700"
+          },
+          children: [/* @__PURE__ */ t(p, {
+            bold: !0,
+            variant: "body1",
+            children: o
+          }), /* @__PURE__ */ t(p, {
+            bold: !0,
+            variant: "body1",
+            children: y(b, "0,0.00")
+          })]
+        })
+      }),
+      children: /* @__PURE__ */ t(h, { children: n.map((r, m, N) => {
+        const _ = m === N.length - 1;
+        return /* @__PURE__ */ a(s.Fragment, { children: [/* @__PURE__ */ t(x, {
+          account: r,
+          onRowClick: () => A(r),
+          shouldShowConnectionStatus: !0
+        }), e === "hidden" ? /* @__PURE__ */ t(g, { sx: {
+          mb: _ ? 24 : 4,
+          ml: _ ? 24 : 68
+        } }) : !_ && /* @__PURE__ */ t(g, { sx: {
+          mb: 4,
+          ml: 68
+        } })] }, r.guid);
+      }) })
+    }) });
+  };
+  return /* @__PURE__ */ a(v, { children: [
+    E.map((e) => {
+      const n = c.filter((o) => o.account_type === e && !o.is_closed && !o.is_hidden), b = n.reduce((o, r) => (r.balance || 0) + o, 0);
+      return n.length === 0 ? null : /* @__PURE__ */ t(w, {
+        "aria-label": i.account_type_accounts[n[0]?.account_type],
+        subheader: /* @__PURE__ */ t(L, {
+          component: "h2",
+          sx: {
+            backgroundColor: "transparent",
+            px: 24
+          },
+          children: /* @__PURE__ */ a(h, {
+            component: "span",
+            direction: "row",
+            sx: {
+              display: "flex",
+              justifyContent: "space-between"
+            },
+            children: [/* @__PURE__ */ t(p, {
+              bold: !0,
+              variant: "body1",
+              children: i.account_types[e]
+            }), /* @__PURE__ */ t(p, {
+              bold: !0,
+              variant: "body1",
+              children: y(b, "0,0.00")
+            })]
+          })
+        }),
+        children: /* @__PURE__ */ t(h, { children: n.map((o) => {
+          const r = c.indexOf(o) === c.length - 1, m = n.indexOf(o) === n.length - 1;
+          return /* @__PURE__ */ a(s.Fragment, { children: [/* @__PURE__ */ t(x, {
+            account: o,
+            onRowClick: () => A(o),
+            shouldShowConnectionStatus: !0
+          }), (!r || u.length > 0 || d.length > 0) && /* @__PURE__ */ t(g, { sx: {
+            mb: m ? 24 : 4,
+            ml: m ? 24 : 68
+          } })] }, o.guid);
+        }) })
+      }, e);
+    }),
+    d.length > 0 && S("hidden"),
+    u.length > 0 && S("closed"),
+    /* @__PURE__ */ t(Y, {
+      isOpen: !!f,
+      onClose: () => C("")
+    })
+  ] });
+}, le = q(z);
+export {
+  le as default
+};
+
+//# sourceMappingURL=AccountsList.es.js.map

package/dist/accounts/components/AccountsList.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsList.es.js","names":[],"sources":["../../../src/accounts/components/AccountsList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/system/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  formatCurrency,\n  useAccountStore,\n  useAppConfig,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n} from '../../common'\nimport type { Account, AccountType, Member } from '../../core'\n\nimport { useAccountUiStore } from '../hooks/useUiStore'\nimport { getClosedAccountBalanceTotal } from '../utils/AccountFields'\n\nimport AccountDetailsDrawer from './detailsdrawer/Accounts/AccountDetailsDrawer'\nimport AccountListItem from './AccountListItem'\n\nconst AccountsList = () => {\n  const [selectedAccountGuid, setSelectedAccountGuid] = React.useState('')\n\n  const { config } = useAppConfig()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { allSelectedAccounts: accounts } = useGlobalUiStore()\n  const { setSelectedAccount, setSelectedMember } = useAccountUiStore()\n  const { members } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const accountTypes: AccountType[] = [...new Set(accounts.map((account) => account.account_type))]\n\n  const account = accounts.find((account) => selectedAccountGuid === account.guid)\n\n  const hiddenAccounts: Account[] = React.useMemo(\n    () => accounts.filter((account) => account.is_hidden),\n    [accounts],\n  )\n  const closedAccounts: Account[] = React.useMemo(\n    () => accounts.filter((account) => account.is_closed),\n    [accounts],\n  )\n\n  const totalHiddenBalance = hiddenAccounts.reduce(\n    (total, account) => (account.available_balance || account.balance || 0) + total,\n    0,\n  )\n\n  const totalClosedBalance = getClosedAccountBalanceTotal(\n    closedAccounts,\n    accountsCopy,\n    config.display_available_balance_in_accounts,\n  )\n\n  React.useEffect(() => {\n    if (account) {\n      setSelectedAccount(account)\n      const member =\n        members.find((member: Member) => member.guid === account?.member_guid) || ({} as Member)\n      if (member) {\n        setSelectedMember(member)\n      }\n    }\n  }, [account, selectedAccountGuid])\n\n  const onRowClick = (account: Account) => {\n    setSelectedAccountGuid(account.guid)\n    onEvent(ANALYTICS_EVENTS.ACCOUNTS_CLICK_ACCOUNT, {\n      account_guid: account.guid,\n      account_type: account.account_type,\n    })\n  }\n\n  const getAccountsSection = (sectionType: 'hidden' | 'closed') => {\n    const accounts = sectionType === 'hidden' ? hiddenAccounts : closedAccounts\n    const totalBalance = sectionType === 'hidden' ? totalHiddenBalance : totalClosedBalance\n    const sectionLabel =\n      sectionType === 'hidden' ? accountsCopy.account_hidden : accountsCopy.account_closed\n\n    return (\n      <Box>\n        <List\n          aria-label={sectionLabel}\n          subheader={\n            <ListSubheader component={'h2'} sx={{ backgroundColor: 'transparent', px: 24 }}>\n              <Stack\n                component=\"span\"\n                direction=\"row\"\n                sx={{ justifyContent: 'space-between', color: 'grey.700' }}\n              >\n                <Text bold={true} variant=\"body1\">\n                  {sectionLabel}\n                </Text>\n                <Text bold={true} variant=\"body1\">\n                  {formatCurrency(totalBalance, '0,0.00')}\n                </Text>\n              </Stack>\n            </ListSubheader>\n          }\n        >\n          <Stack>\n            {accounts.map((account, index, array) => {\n              const isLastItem = index === array.length - 1\n              return (\n                <React.Fragment key={account.guid}>\n                  <AccountListItem\n                    account={account}\n                    onRowClick={() => onRowClick(account)}\n                    shouldShowConnectionStatus={true}\n                  />\n                  {sectionType === 'hidden' ? (\n                    <Divider\n                      sx={{\n                        mb: isLastItem ? 24 : 4,\n                        ml: !isLastItem ? 68 : 24,\n                      }}\n                    />\n                  ) : (\n                    !isLastItem && (\n                      <Divider\n                        sx={{\n                          mb: 4,\n                          ml: 68,\n                        }}\n                      />\n                    )\n                  )}\n                </React.Fragment>\n              )\n            })}\n          </Stack>\n        </List>\n      </Box>\n    )\n  }\n\n  return (\n    <Box>\n      {accountTypes.map((type) => {\n        const accountsOfType = accounts.filter(\n          (account) => account.account_type === type && !account.is_closed && !account.is_hidden,\n        )\n        const accountsOfTypeTotal = accountsOfType.reduce(\n          (total, account) => (account.balance || 0) + total,\n          0,\n        )\n\n        if (accountsOfType.length === 0) {\n          return null\n        }\n\n        return (\n          <List\n            aria-label={accountsCopy.account_type_accounts[accountsOfType[0]?.account_type]}\n            key={type}\n            subheader={\n              <ListSubheader component={'h2'} sx={{ backgroundColor: 'transparent', px: 24 }}>\n                <Stack\n                  component=\"span\"\n                  direction=\"row\"\n                  sx={{ display: 'flex', justifyContent: 'space-between' }}\n                >\n                  <Text bold={true} variant=\"body1\">\n                    {accountsCopy.account_types[type]}\n                  </Text>\n                  <Text bold={true} variant=\"body1\">\n                    {formatCurrency(accountsOfTypeTotal, '0,0.00')}\n                  </Text>\n                </Stack>\n              </ListSubheader>\n            }\n          >\n            <Stack>\n              {accountsOfType.map((account) => {\n                const isVeryLastItem = accounts.indexOf(account) === accounts.length - 1\n                const isLastAccountTypeItem =\n                  accountsOfType.indexOf(account) === accountsOfType.length - 1\n\n                return (\n                  <React.Fragment key={account.guid}>\n                    <AccountListItem\n                      account={account}\n                      onRowClick={() => onRowClick(account)}\n                      shouldShowConnectionStatus={true}\n                    />\n                    {/* the margin bottom is to counteract Firefly's CSS reset and will ideally be removed at some point */}\n                    {(!isVeryLastItem ||\n                      closedAccounts.length > 0 ||\n                      hiddenAccounts.length > 0) && (\n                      <Divider\n                        sx={{\n                          mb: isLastAccountTypeItem ? 24 : 4,\n                          ml: !isLastAccountTypeItem ? 68 : 24,\n                        }}\n                      />\n                    )}\n                  </React.Fragment>\n                )\n              })}\n            </Stack>\n          </List>\n        )\n      })}\n      {hiddenAccounts.length > 0 && getAccountsSection('hidden')}\n      {closedAccounts.length > 0 && getAccountsSection('closed')}\n      <AccountDetailsDrawer\n        isOpen={!!selectedAccountGuid}\n        onClose={() => setSelectedAccountGuid('')}\n      />\n    </Box>\n  )\n}\n\nexport default observer(AccountsList)\n"],"mappings":"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"}

package/dist/accounts/components/AccountsListCompact.es.js

@@ -0,0 +1,86 @@
+import F from "../../common/utils/AccountDisplayName.es.js";
+import { useAppConfig as L, useGlobalCopyStore as A, useGlobalUiStore as C } from "../../common/context/hooks.es.js";
+import { formatCurrency as f } from "../../core/utils/NumberFormatting.es.js";
+import { getAccountBalanceDetails as T } from "../utils/AccountFields.es.js";
+import a from "react";
+import { observer as I } from "mobx-react-lite";
+import B from "@mui/material/Stack";
+import { InstitutionLogo as D, P as k, Text as b } from "@mxenabled/mxui";
+import { Fragment as w, jsx as t, jsxs as s } from "react/jsx-runtime";
+import y from "@mui/material/Divider";
+import S from "@mui/material/List";
+import j from "@mui/material/ListItem";
+import G from "@mui/material/ListItemButton";
+import N from "@mui/material/ListItemText";
+import $ from "@mui/material/ListItemAvatar";
+import M from "@mui/material/ListSubheader";
+var P = ({ onClick: i, shouldShowBalance: m = !0, loadAccounts: c }) => {
+  const { config: p } = L(), { accounts: l } = A(), { selectedAccounts: n } = C(), h = a.useCallback((e) => {
+    i?.(e);
+  }, [i]), _ = a.useMemo(() => Array.from(new Set(n.map((e) => e.account_type))).filter((e) => c ? c.includes(e) : !0), [n, c]);
+  return n.length ? /* @__PURE__ */ t(a.Fragment, { children: _.map((e) => {
+    const { accountsForType: u, totalBalanceForType: g } = n.reduce((r, o) => (o.account_type === e && (r.accountsForType.push(o), r.totalBalanceForType += o.balance || 0), r), {
+      accountsForType: [],
+      totalBalanceForType: 0
+    });
+    return /* @__PURE__ */ s(S, {
+      subheader: /* @__PURE__ */ t(M, {
+        sx: {
+          pb: 4,
+          position: "static",
+          pt: 12,
+          px: 24
+        },
+        children: /* @__PURE__ */ s(B, {
+          sx: {
+            flexDirection: "row",
+            justifyContent: "space-between"
+          },
+          children: [/* @__PURE__ */ t(b, {
+            bold: !0,
+            variant: "caption",
+            children: l.account_types[e]
+          }), m && /* @__PURE__ */ t(b, {
+            bold: !0,
+            variant: "caption",
+            children: f(g, "0,0.00")
+          })]
+        })
+      }),
+      sx: { bgcolor: "background.paper" },
+      children: [u.map((r, o) => {
+        const { firstValue: x } = T(r, l, p.display_available_balance_in_accounts), v = F(r, { allowNickname: p?.show_account_nicknames_in_master }), d = /* @__PURE__ */ s(w, { children: [
+          /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(D, {
+            alt: "MX",
+            institutionGuid: r.institution_guid ?? ""
+          }) }),
+          /* @__PURE__ */ t(N, {
+            primary: `${v}${r.account_number ? ` *${r.account_number}` : ""}`,
+            slotProps: { primary: {
+              noWrap: !0,
+              pr: 4,
+              variant: "body1"
+            } }
+          }),
+          m && /* @__PURE__ */ t(k, {
+            bold: !0,
+            variant: "body2",
+            children: f(x ?? 0, "0,0.00")
+          })
+        ] });
+        return /* @__PURE__ */ s(a.Fragment, { children: [/* @__PURE__ */ t(j, {
+          sx: { px: i ? 0 : 24 },
+          children: i ? /* @__PURE__ */ t(G, {
+            onClick: () => h(r),
+            children: d
+          }) : d
+        }), o !== u.length - 1 && /* @__PURE__ */ t(y, { variant: "inset" })] }, r.guid);
+      }), /* @__PURE__ */ t(y, {})]
+    }, e);
+  }) }) : null;
+}, rt = I(P);
+export {
+  rt as default
+};
+
+//# sourceMappingURL=AccountsListCompact.es.js.map

package/dist/accounts/components/AccountsListCompact.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsListCompact.es.js","names":[],"sources":["../../../src/accounts/components/AccountsListCompact.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\n\nimport { InstitutionLogo, P, Text } from '@mxenabled/mxui'\n\nimport { useAppConfig, useGlobalCopyStore, useGlobalUiStore } from '../../common'\nimport { type Account, AccountType } from '../../core'\nimport getAccountDisplayName from '../../common/utils/AccountDisplayName'\n\nimport { getAccountBalanceDetails } from '../utils/AccountFields'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface AccountsListCompactProps {\n  onClick?: (account: Account) => void\n  shouldShowBalance?: boolean\n  loadAccounts?: AccountType[]\n}\n\nconst AccountsListCompact = ({\n  onClick,\n  shouldShowBalance = true,\n  loadAccounts,\n}: AccountsListCompactProps) => {\n  const { config } = useAppConfig()\n  const { accounts: accountsData } = useGlobalCopyStore()\n  const { selectedAccounts } = useGlobalUiStore()\n\n  const handleAccountClick = React.useCallback(\n    (account: Account) => {\n      onClick?.(account)\n    },\n    [onClick],\n  )\n\n  const uniqueAccountTypes = React.useMemo(\n    () =>\n      Array.from(new Set(selectedAccounts.map((account) => account.account_type))).filter(\n        (accountType) => (loadAccounts ? loadAccounts.includes(accountType) : true),\n      ),\n    [selectedAccounts, loadAccounts],\n  )\n\n  if (!selectedAccounts.length) return null\n\n  return (\n    <React.Fragment>\n      {uniqueAccountTypes.map((accountType) => {\n        const { accountsForType, totalBalanceForType } = selectedAccounts.reduce(\n          (acc, account) => {\n            if (account.account_type === accountType) {\n              acc.accountsForType.push(account)\n              acc.totalBalanceForType += account.balance || 0\n            }\n\n            return acc\n          },\n          { accountsForType: [] as Account[], totalBalanceForType: 0 },\n        )\n\n        return (\n          <List\n            key={accountType}\n            subheader={\n              <ListSubheader sx={{ pb: 4, position: 'static', pt: 12, px: 24 }}>\n                <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n                  <Text bold={true} variant=\"caption\">\n                    {accountsData.account_types[accountType]}\n                  </Text>\n                  {shouldShowBalance && (\n                    <Text bold={true} variant=\"caption\">\n                      {formatCurrency(totalBalanceForType, '0,0.00')}\n                    </Text>\n                  )}\n                </Stack>\n              </ListSubheader>\n            }\n            sx={{ bgcolor: 'background.paper' }}\n          >\n            {accountsForType.map((account, index) => {\n              const { firstValue: accountBalance } = getAccountBalanceDetails(\n                account,\n                accountsData,\n                config.display_available_balance_in_accounts,\n              )\n              const displayName = getAccountDisplayName(account, {\n                allowNickname: config?.show_account_nicknames_in_master,\n              })\n\n              const listItemContent = (\n                <>\n                  <ListItemAvatar>\n                    <InstitutionLogo alt=\"MX\" institutionGuid={account.institution_guid ?? ''} />\n                  </ListItemAvatar>\n                  <ListItemText\n                    primary={`${displayName}${account.account_number ? ` *${account.account_number}` : ''}`}\n                    slotProps={{ primary: { noWrap: true, pr: 4, variant: 'body1' } }}\n                  />\n                  {shouldShowBalance && (\n                    <P bold={true} variant=\"body2\">\n                      {formatCurrency(accountBalance ?? 0, '0,0.00')}\n                    </P>\n                  )}\n                </>\n              )\n\n              return (\n                <React.Fragment key={account.guid}>\n                  <ListItem sx={{ px: onClick ? 0 : 24 }}>\n                    {onClick ? (\n                      <ListItemButton onClick={() => handleAccountClick(account)}>\n                        {listItemContent}\n                      </ListItemButton>\n                    ) : (\n                      listItemContent\n                    )}\n                  </ListItem>\n                  {index !== accountsForType.length - 1 && <Divider variant=\"inset\" />}\n                </React.Fragment>\n              )\n            })}\n            <Divider />\n          </List>\n        )\n      })}\n    </React.Fragment>\n  )\n}\n\nexport default observer(AccountsListCompact)\n"],"mappings":"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"}