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

package/dist/accounts/components/detailsdrawer/Accounts/AccountActions.es.js

@@ -0,0 +1,134 @@
+import { buildDynamicCopy as A } from "../../../../core/utils/Localization.es.js";
+import { useAccountStore as L, useEvent as M, useGlobalCopyStore as k, useTransactionStore as v } from "../../../../common/context/hooks.es.js";
+import C from "../../../../common/components/dialog/Dialog.es.js";
+import D from "../../../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as _ } from "../../../../common/constants/Analytics.es.js";
+import { useAccountUiStore as E } from "../../../hooks/useUiStore.es.js";
+import d from "./AccountActionsRow.es.js";
+import { useGetMergeableAccounts as O } from "../../../hooks/useGetMergeableAccounts.es.js";
+import P from "../../AccountListItem.es.js";
+import n from "react";
+import { observer as U } from "mobx-react-lite";
+import { Icon as g, Text as r } from "@mxenabled/mxui";
+import { Fragment as K, jsx as t, jsxs as s } from "react/jsx-runtime";
+import N from "@mui/material/List";
+import R from "@mui/material/Switch";
+import G from "@mui/material/ListSubheader";
+var j = () => {
+  const [S, u] = n.useState(!1), [w, a] = n.useState(!1), [m, h] = n.useState(!1), [p, b] = n.useState({}), { selectedAccount: e } = E(), { mergeAccounts: T, updateAccount: y } = L(), { accounts: o } = k(), i = O(), { onEvent: l } = M(), { modifyTransactionByAccountGuid: x } = v(), f = async (c) => {
+    await y({
+      ...e,
+      ...c
+    }), "is_closed" in c && c.is_closed !== e.is_closed && x(e.guid, { accountIsClosed: c.is_closed });
+  }, I = () => {
+    T([e.guid, p.guid]).finally(() => a(!1));
+  };
+  return /* @__PURE__ */ s(K, { children: [
+    /* @__PURE__ */ t(G, {
+      sx: {
+        backgroundColor: "transparent",
+        mb: 4,
+        mt: 12,
+        mx: 8
+      },
+      children: /* @__PURE__ */ t(r, {
+        bold: !0,
+        component: "h2",
+        variant: "caption",
+        children: o.actions
+      })
+    }),
+    /* @__PURE__ */ t(d, {
+      ariaPressed: e.is_hidden,
+      onClick: () => {
+        f({ is_hidden: !e.is_hidden }), l(_.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: e.guid });
+      },
+      primaryText: e.is_hidden ? o.unhide_account : o.hide_Account,
+      secondaryText: e.is_hidden ? o.include_this_account : o.exclude_this_account,
+      children: /* @__PURE__ */ t(R, {
+        "aria-hidden": !0,
+        checked: e.is_hidden,
+        tabIndex: -1
+      })
+    }),
+    /* @__PURE__ */ s(d, {
+      onClick: () => {
+        u(!0), l(_.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, { account_guid: e.guid });
+      },
+      primaryText: e.is_closed ? o.mark_as_open : o.mark_as_closed,
+      secondaryText: e.is_closed ? o.this_will_set_the_closed_account : o.this_will_set_the_account_balance_to_0,
+      children: [/* @__PURE__ */ t(g, { name: "chevron_right" }), /* @__PURE__ */ t("div", {
+        onClick: (c) => c.stopPropagation(),
+        children: /* @__PURE__ */ t(C, {
+          copy: {
+            close_aria: o.close_modal,
+            title: e.is_closed ? o.confirm_mark_as_open : o.confirm_mark_closed
+          },
+          isOpen: S,
+          onClose: () => {
+            u(!1);
+          },
+          onPrimaryAction: () => f({ is_closed: !e.is_closed }),
+          children: /* @__PURE__ */ t(r, {
+            truncate: !1,
+            children: A(e.is_closed ? o.this_will_resume_updating_the_balance : o.this_will_set_the_balance_of_your_account, e.name)
+          })
+        })
+      })]
+    }),
+    i.length > 0 && /* @__PURE__ */ t(d, {
+      isLast: !0,
+      onClick: () => {
+        a(!0), l(_.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, { account_guid: e.guid });
+      },
+      primaryText: o.mark_as_duplicate,
+      secondaryText: o.if_a_connected_account_is_showing_up_twice,
+      children: /* @__PURE__ */ t(g, { name: "chevron_right" })
+    }),
+    /* @__PURE__ */ s(D, {
+      ariaLabelClose: o.close_drawer,
+      isOpen: w,
+      onClose: () => a(!1),
+      title: o.mark_as_duplicate,
+      children: [/* @__PURE__ */ t(N, { children: i.map((c) => /* @__PURE__ */ t(P, {
+        account: c,
+        listItemProps: { sx: {
+          position: "relative",
+          "&::after": {
+            content: '""',
+            position: "absolute",
+            bottom: 0,
+            right: 0,
+            left: i.indexOf(c) === i.length - 1 ? 0 : 24,
+            borderBottom: "1px solid",
+            borderColor: "divider"
+          }
+        } },
+        onRowClick: () => {
+          h(!0), b(c);
+        }
+      }, c.guid)) }), m && /* @__PURE__ */ s(C, {
+        copy: {
+          close_aria: o.close_modal,
+          title: o.confirm_merge
+        },
+        isOpen: m,
+        onClose: () => h(!1),
+        onPrimaryAction: I,
+        children: [/* @__PURE__ */ t(r, {
+          truncate: !1,
+          children: A(o.this_means_accounts_will_be_merged, e.name, p.name)
+        }), /* @__PURE__ */ t(r, {
+          color: "error",
+          sx: { mt: 24 },
+          children: o.this_action_cannot_be_undone
+        })]
+      })]
+    })
+  ] });
+}, co = U(j);
+export {
+  co as default
+};
+
+//# sourceMappingURL=AccountActions.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountActions.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountActions.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountActions.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport List from '@mui/material/List'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Switch from '@mui/material/Switch'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport AccountActionsRow from './AccountActionsRow'\n\nimport {\n  ANALYTICS_EVENTS,\n  Dialog,\n  Drawer,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../common'\nimport { type Account } from '../../../../core'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\nimport { useGetMergeableAccounts } from '../../../hooks/useGetMergeableAccounts'\nimport AccountListItem from '../../AccountListItem'\nimport { buildDynamicCopy } from '../../../../core/utils/Localization'\n\ntype UpdatedValue = Pick<Account, 'is_closed'> | Pick<Account, 'is_hidden'>\n\nconst AccountActions = () => {\n  const [shouldShowCloseAccountModal, setShouldShowCloseAccountModal] = React.useState(false)\n  const [shouldShowAccountMergeDrawer, setShouldShowAccountMergeDrawer] = React.useState(false)\n  const [shouldShowMergeConfirmModal, setShouldShowMergeConfirmModal] = React.useState(false)\n  const [accountToMerge, setAccountToMerge] = React.useState({} as Account)\n\n  const { selectedAccount: account } = useAccountUiStore()\n  const { mergeAccounts, updateAccount } = useAccountStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const mergeableAccounts = useGetMergeableAccounts()\n  const { onEvent } = useEvent()\n  const { modifyTransactionByAccountGuid } = useTransactionStore()\n\n  const handleUpdateAccount = async (updatedValue: UpdatedValue) => {\n    await updateAccount({\n      ...account,\n      ...updatedValue,\n    })\n    if ('is_closed' in updatedValue && updatedValue.is_closed !== account.is_closed)\n      modifyTransactionByAccountGuid(account.guid, { accountIsClosed: updatedValue.is_closed })\n  }\n\n  const handleMergeAccounts = () => {\n    mergeAccounts([account.guid, accountToMerge.guid]).finally(() =>\n      setShouldShowAccountMergeDrawer(false),\n    )\n  }\n\n  return (\n    <>\n      <ListSubheader sx={{ backgroundColor: 'transparent', mb: 4, mt: 12, mx: 8 }}>\n        <Text bold={true} component=\"h2\" variant=\"caption\">\n          {accountsCopy.actions}\n        </Text>\n      </ListSubheader>\n\n      <AccountActionsRow\n        ariaPressed={account.is_hidden}\n        onClick={() => {\n          handleUpdateAccount({ is_hidden: !account.is_hidden })\n          onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: account.guid })\n        }}\n        primaryText={account.is_hidden ? accountsCopy.unhide_account : accountsCopy.hide_Account}\n        secondaryText={\n          account.is_hidden ? accountsCopy.include_this_account : accountsCopy.exclude_this_account\n        }\n      >\n        <Switch aria-hidden={true} checked={account.is_hidden} tabIndex={-1} />\n      </AccountActionsRow>\n\n      <AccountActionsRow\n        onClick={() => {\n          setShouldShowCloseAccountModal(true)\n          onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {\n            account_guid: account.guid,\n          })\n        }}\n        primaryText={account.is_closed ? accountsCopy.mark_as_open : accountsCopy.mark_as_closed}\n        secondaryText={\n          account.is_closed\n            ? accountsCopy.this_will_set_the_closed_account\n            : accountsCopy.this_will_set_the_account_balance_to_0\n        }\n      >\n        <Icon name=\"chevron_right\" />\n        {/* Non-interactive wrapper: only stops click propagation to the parent\n            ListItemButton so clicks inside the Dialog don't re-trigger it. */}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div onClick={(e) => e.stopPropagation()}>\n          <Dialog\n            copy={{\n              close_aria: accountsCopy.close_modal,\n              title: account.is_closed\n                ? accountsCopy.confirm_mark_as_open\n                : accountsCopy.confirm_mark_closed,\n            }}\n            isOpen={shouldShowCloseAccountModal}\n            onClose={() => {\n              setShouldShowCloseAccountModal(false)\n            }}\n            onPrimaryAction={() => handleUpdateAccount({ is_closed: !account.is_closed })}\n          >\n            <Text truncate={false}>\n              {\n                buildDynamicCopy(\n                  account.is_closed\n                    ? accountsCopy.this_will_resume_updating_the_balance\n                    : accountsCopy.this_will_set_the_balance_of_your_account,\n                  account.name,\n                ) as string\n              }\n            </Text>\n          </Dialog>\n        </div>\n      </AccountActionsRow>\n\n      {mergeableAccounts.length > 0 && (\n        <AccountActionsRow\n          isLast={true}\n          onClick={() => {\n            setShouldShowAccountMergeDrawer(true)\n            onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {\n              account_guid: account.guid,\n            })\n          }}\n          primaryText={accountsCopy.mark_as_duplicate}\n          secondaryText={accountsCopy.if_a_connected_account_is_showing_up_twice}\n        >\n          <Icon name=\"chevron_right\" />\n        </AccountActionsRow>\n      )}\n\n      <Drawer\n        ariaLabelClose={accountsCopy.close_drawer}\n        isOpen={shouldShowAccountMergeDrawer}\n        onClose={() => setShouldShowAccountMergeDrawer(false)}\n        title={accountsCopy.mark_as_duplicate}\n      >\n        <List>\n          {mergeableAccounts.map((account: Account) => {\n            const isLast = mergeableAccounts.indexOf(account) === mergeableAccounts.length - 1\n            return (\n              <AccountListItem\n                account={account}\n                key={account.guid}\n                listItemProps={{\n                  sx: {\n                    position: 'relative',\n                    '&::after': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      bottom: 0,\n                      right: 0,\n                      left: isLast ? 0 : 24,\n                      borderBottom: '1px solid',\n                      borderColor: 'divider',\n                    },\n                  },\n                }}\n                onRowClick={() => {\n                  setShouldShowMergeConfirmModal(true)\n                  setAccountToMerge(account)\n                }}\n              />\n            )\n          })}\n        </List>\n        {shouldShowMergeConfirmModal && (\n          <Dialog\n            copy={{\n              close_aria: accountsCopy.close_modal,\n              title: accountsCopy.confirm_merge,\n            }}\n            isOpen={shouldShowMergeConfirmModal}\n            onClose={() => setShouldShowMergeConfirmModal(false)}\n            onPrimaryAction={handleMergeAccounts}\n          >\n            <Text truncate={false}>\n              {\n                buildDynamicCopy(\n                  accountsCopy.this_means_accounts_will_be_merged,\n                  account.name,\n                  accountToMerge.name,\n                ) as string\n              }\n            </Text>\n            <Text color=\"error\" sx={{ mt: 24 }}>\n              {accountsCopy.this_action_cannot_be_undone}\n            </Text>\n          </Dialog>\n        )}\n      </Drawer>\n    </>\n  )\n}\n\nexport default observer(AccountActions)\n"],"mappings":"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"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountActionsRow.es.js

@@ -0,0 +1,32 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import n from "@mui/material/ListItem";
+import d from "@mui/material/ListItemButton";
+import p from "@mui/material/ListItemText";
+var b = ({ ariaPressed: r, children: t, isLast: e = !1, onClick: i, primaryText: s, secondaryText: a }) => /* @__PURE__ */ o(n, {
+  sx: {
+    backgroundColor: "background.paper",
+    position: "relative",
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      bottom: 0,
+      right: 0,
+      left: e ? 0 : 24,
+      borderBottom: "1px solid",
+      borderColor: "divider"
+    }
+  },
+  children: /* @__PURE__ */ m(d, {
+    "aria-pressed": r,
+    onClick: i,
+    children: [/* @__PURE__ */ o(p, {
+      primary: s,
+      secondary: a
+    }), t]
+  })
+});
+export {
+  b as default
+};
+
+//# sourceMappingURL=AccountActionsRow.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountActionsRow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountActionsRow.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountActionsRow.tsx"],"sourcesContent":["import ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\ninterface AccountActionsRowProps {\n  ariaPressed?: boolean\n  onClick: () => void\n  isLast?: boolean\n  primaryText: string\n  secondaryText: string\n}\n\nconst AccountActionsRow: React.FC<React.PropsWithChildren<AccountActionsRowProps>> = ({\n  ariaPressed,\n  children,\n  isLast = false,\n  onClick,\n  primaryText,\n  secondaryText,\n}) => {\n  return (\n    <ListItem\n      sx={{\n        backgroundColor: 'background.paper',\n        position: 'relative',\n        '&::after': {\n          content: '\"\"',\n          position: 'absolute',\n          bottom: 0,\n          right: 0,\n          left: isLast ? 0 : 24,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        },\n      }}\n    >\n      <ListItemButton aria-pressed={ariaPressed} onClick={onClick}>\n        <ListItemText primary={primaryText} secondary={secondaryText} />\n        {children}\n      </ListItemButton>\n    </ListItem>\n  )\n}\n\nexport default AccountActionsRow\n"],"mappings":";;;;AAYA,IAAM,IAAA,CAAgF,EACpF,aAAA,GACA,UAAA,GACA,QAAA,IAAS,IACT,SAAA,GACA,aAAA,GACA,eAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,iBAAiB;AAAA,IACjB,UAAU;AAAA,IACV,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,IAAS,IAAI;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AAAA,YAEA,gBAAA,EAAC,GAAD;AAAA,IAAgB,gBAAc;AAAA,IAAsB,SAAA;AAAA,cAApD,CACE,gBAAA,EAAC,GAAD;AAAA,MAAc,SAAS;AAAA,MAAa,WAAW;AAAA,IAAgB,CAAA,GAC9D,CACa;AAAA;AACR,CAAA"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountConnection.es.js

@@ -0,0 +1,158 @@
+import { useGlobalCopyStore as y } from "../../../../common/context/hooks.es.js";
+import { NonConnectedStatuses as x } from "../../../../core/types/Account.es.js";
+import k from "../../../../common/components/ConnectDrawer.es.js";
+import i from "../../../../common/components/IconBacking.es.js";
+import { useAccountUiStore as _ } from "../../../hooks/useUiStore.es.js";
+import { getConnectionMessages as S } from "../../../utils/getConnectionMessages.es.js";
+import v from "react";
+import { observer as M } from "mobx-react-lite";
+import w from "@mui/material/Stack";
+import { Icon as g, Text as h } from "@mxenabled/mxui";
+import { CheckCircle as I, Error as L, Language as z } from "@mxenabled/mx-icons";
+import { Fragment as a, jsx as o, jsxs as n } from "react/jsx-runtime";
+import { useTheme as R } from "@mui/material/styles";
+import b from "@mui/material/ListItem";
+import f from "@mui/material/ListItemButton";
+import c from "@mui/material/ListItemText";
+import s from "@mui/material/ListItemAvatar";
+import A from "@mui/material/ListSubheader";
+var m = {
+  color: "background.default",
+  fontSize: 20,
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, B = () => {
+  const [l, d] = v.useState(!1), { palette: { mode: u } } = R(), { selectedMember: e } = _(), { accounts: p, connect: C } = y(), t = S(e, C), r = x.includes(e.connection_status) ? {
+    color: "error.main",
+    ctaCopy: t.cta ?? "",
+    icon: /* @__PURE__ */ o(L, {
+      filled: !0,
+      sx: { ...m }
+    }),
+    mainMessage: t.statusName,
+    secondaryMessage: `${t.title}.`
+  } : {
+    color: "success.main",
+    icon: /* @__PURE__ */ o(I, {
+      filled: !0,
+      sx: { ...m }
+    }),
+    mainMessage: t.statusName,
+    secondaryMessage: t.title
+  };
+  return /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ o(A, {
+      sx: {
+        mb: 4,
+        mt: 12,
+        mx: 8
+      },
+      children: /* @__PURE__ */ o(h, {
+        bold: !0,
+        component: "h2",
+        variant: "caption",
+        children: p.connection_status
+      })
+    }),
+    /* @__PURE__ */ o(b, {
+      sx: {
+        backgroundColor: "background.paper",
+        position: "relative",
+        "&::after": {
+          content: '""',
+          position: "absolute",
+          bottom: 0,
+          right: 0,
+          left: e.is_manual || !e.institution_url ? 0 : 24,
+          borderBottom: "1px solid",
+          borderColor: "divider"
+        }
+      },
+      children: e.is_manual || !r.ctaCopy ? /* @__PURE__ */ n(w, {
+        alignItems: "center",
+        direction: "row",
+        px: 24,
+        py: 12,
+        children: [/* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i, {
+          backingSx: {
+            backgroundColor: r.color,
+            borderRadius: 1
+          },
+          size: 32,
+          children: r.icon
+        }) }), /* @__PURE__ */ o(c, {
+          primary: r.mainMessage,
+          secondary: r.secondaryMessage
+        })]
+      }) : /* @__PURE__ */ n(f, {
+        onClick: () => d(!0),
+        children: [
+          /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i, {
+            backingSx: {
+              backgroundColor: r.color,
+              borderRadius: 1
+            },
+            size: 32,
+            children: r.icon
+          }) }),
+          /* @__PURE__ */ o(c, {
+            primary: r.mainMessage,
+            secondary: r.secondaryMessage && /* @__PURE__ */ n(a, { children: [
+              r.secondaryMessage,
+              " ",
+              /* @__PURE__ */ o(h, {
+                bold: !0,
+                sx: { color: "action.active" },
+                variant: "caption",
+                children: r.ctaCopy
+              })
+            ] })
+          }),
+          /* @__PURE__ */ o(g, { name: "chevron_right" })
+        ]
+      })
+    }),
+    !e.is_manual && e.institution_url && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(b, {
+      sx: {
+        backgroundColor: "background.paper",
+        borderBottom: "1px solid",
+        borderColor: "divider"
+      },
+      children: /* @__PURE__ */ n(f, {
+        component: "a",
+        href: e.institution_url,
+        target: "_blank",
+        children: [
+          /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i, {
+            backingSx: {
+              backgroundColor: u === "light" ? "grey.300" : "grey.700",
+              borderRadius: 1
+            },
+            size: 32,
+            children: /* @__PURE__ */ o(z, { sx: {
+              ...m,
+              color: u === "light" ? "grey.900" : "common.white"
+            } })
+          }) }),
+          /* @__PURE__ */ o(c, {
+            primary: e.name,
+            secondary: e.institution_url
+          }),
+          /* @__PURE__ */ o(g, { name: "launch" })
+        ]
+      })
+    }) }),
+    l && /* @__PURE__ */ o(k, {
+      loadWidgetProps: { current_member_guid: e.guid },
+      onClose: () => d(!1),
+      showConnectWidget: l,
+      title: p.manage_connection
+    })
+  ] });
+}, X = M(B);
+export {
+  X as default
+};
+
+//# sourceMappingURL=AccountConnection.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountConnection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountConnection.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountConnection.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\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'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, Text } from '@mxenabled/mxui'\nimport {\n  CheckCircle as CheckCircleRoundedIcon,\n  Error as ErrorIcon,\n  Language as LanguageRoundedIcon,\n} from '@mxenabled/mx-icons'\n\nimport ConnectDrawer from '../../../../common/components/ConnectDrawer'\nimport { IconBacking, useGlobalCopyStore } from '../../../../common'\nimport { NonConnectedStatuses } from '../../../../core'\nimport { getConnectionMessages } from '../../../utils/getConnectionMessages'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\nconst iconStyle = {\n  color: 'background.default',\n  fontSize: 20,\n  gridRow: 1,\n  gridColumn: 1,\n  zIndex: 2,\n}\n\nconst AccountConnection = () => {\n  const [shouldShowConnectDrawer, setShouldShowConnectDrawer] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n  const { selectedMember: member } = useAccountUiStore()\n  const { accounts: accountsCopy, connect: connectCopy } = useGlobalCopyStore()\n\n  const statusMessages = getConnectionMessages(member, connectCopy)\n\n  const status = NonConnectedStatuses.includes(member.connection_status)\n    ? {\n        color: 'error.main',\n        ctaCopy: statusMessages.cta ?? '',\n        icon: <ErrorIcon filled={true} sx={{ ...iconStyle }} />,\n        mainMessage: statusMessages.statusName,\n        secondaryMessage: `${statusMessages.title}.`,\n      }\n    : {\n        color: 'success.main',\n        icon: <CheckCircleRoundedIcon filled={true} sx={{ ...iconStyle }} />,\n        mainMessage: statusMessages.statusName,\n        secondaryMessage: statusMessages.title,\n      }\n\n  return (\n    <>\n      <ListSubheader sx={{ mb: 4, mt: 12, mx: 8 }}>\n        <Text bold={true} component=\"h2\" variant=\"caption\">\n          {accountsCopy.connection_status}\n        </Text>\n      </ListSubheader>\n      <ListItem\n        sx={{\n          backgroundColor: 'background.paper',\n          position: 'relative',\n          '&::after': {\n            content: '\"\"',\n            position: 'absolute',\n            bottom: 0,\n            right: 0,\n            left: member.is_manual || !member.institution_url ? 0 : 24,\n            borderBottom: '1px solid',\n            borderColor: 'divider',\n          },\n        }}\n      >\n        {member.is_manual || !status.ctaCopy ? (\n          <Stack alignItems=\"center\" direction=\"row\" px={24} py={12}>\n            <ListItemAvatar>\n              <IconBacking backingSx={{ backgroundColor: status.color, borderRadius: 1 }} size={32}>\n                {status.icon}\n              </IconBacking>\n            </ListItemAvatar>\n            <ListItemText primary={status.mainMessage} secondary={status.secondaryMessage} />\n          </Stack>\n        ) : (\n          <ListItemButton onClick={() => setShouldShowConnectDrawer(true)}>\n            <ListItemAvatar>\n              <IconBacking backingSx={{ backgroundColor: status.color, borderRadius: 1 }} size={32}>\n                {status.icon}\n              </IconBacking>\n            </ListItemAvatar>\n            <ListItemText\n              primary={status.mainMessage}\n              secondary={\n                status.secondaryMessage && (\n                  <>\n                    {status.secondaryMessage}{' '}\n                    <Text bold={true} sx={{ color: 'action.active' }} variant=\"caption\">\n                      {status.ctaCopy}\n                    </Text>\n                  </>\n                )\n              }\n            />\n            <Icon name=\"chevron_right\" />\n          </ListItemButton>\n        )}\n      </ListItem>\n\n      {!member.is_manual && member.institution_url && (\n        <>\n          <ListItem\n            sx={{\n              backgroundColor: 'background.paper',\n              borderBottom: '1px solid',\n              borderColor: 'divider',\n            }}\n          >\n            <ListItemButton component=\"a\" href={member.institution_url} target=\"_blank\">\n              <ListItemAvatar>\n                <IconBacking\n                  backingSx={{\n                    backgroundColor: mode === 'light' ? 'grey.300' : 'grey.700',\n                    borderRadius: 1,\n                  }}\n                  size={32}\n                >\n                  <LanguageRoundedIcon\n                    sx={{\n                      ...iconStyle,\n                      color: mode === 'light' ? 'grey.900' : 'common.white',\n                    }}\n                  />\n                </IconBacking>\n              </ListItemAvatar>\n              <ListItemText primary={member.name} secondary={member.institution_url} />\n              <Icon name=\"launch\" />\n            </ListItemButton>\n          </ListItem>\n        </>\n      )}\n\n      {shouldShowConnectDrawer && (\n        <ConnectDrawer\n          loadWidgetProps={{ current_member_guid: member.guid }}\n          onClose={() => setShouldShowConnectDrawer(false)}\n          showConnectWidget={shouldShowConnectDrawer}\n          title={accountsCopy.manage_connection}\n        />\n      )}\n    </>\n  )\n}\n\nexport default observer(AccountConnection)\n"],"mappings":"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"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailEdit.es.js

@@ -0,0 +1,119 @@
+import { buildDynamicCopy as x } from "../../../../core/utils/Localization.es.js";
+import { useAccountStore as A, useGlobalCopyStore as S } from "../../../../common/context/hooks.es.js";
+import I from "../../../../common/components/dialog/Dialog.es.js";
+import M from "../../../../common/components/CurrencyInput.es.js";
+import { useAccountUiStore as F } from "../../../hooks/useUiStore.es.js";
+import { FieldType as i } from "../../../constants/Accounts.es.js";
+import c from "react";
+import { observer as P } from "mobx-react-lite";
+import { addMonths as w } from "date-fns/addMonths";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { alpha as E } from "@mui/material/styles";
+import V from "@mui/material/TextField";
+import d from "@mui/material/MenuItem";
+import { AdapterDateFns as k } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as T } from "@mui/x-date-pickers/DateCalendar";
+import _ from "@mui/material/FormControl";
+import B from "@mui/material/InputLabel";
+import { LocalizationProvider as L } from "@mui/x-date-pickers-pro";
+import W from "@mui/material/Select";
+var $ = ({ field: e, isOpen: h, onClose: b }) => {
+  const { updateAccount: y } = A(), { selectedAccount: a } = F(), { accounts: n } = S(), [l, o] = c.useState(a[e.name]), [u, s] = c.useState(""), [v, g] = c.useState(!0), m = () => {
+    o(""), s(""), b();
+  }, C = () => {
+    switch (e.type) {
+      case i.Select:
+        return /* @__PURE__ */ p(_, {
+          fullWidth: !0,
+          children: [/* @__PURE__ */ r(B, {
+            id: `${e.label}-select-label`,
+            children: e.label
+          }), /* @__PURE__ */ p(W, {
+            displayEmpty: !0,
+            id: `${e.label}-select`,
+            label: e.label,
+            labelId: `${e.label}-select-label`,
+            onChange: (t) => o(t.target.value),
+            slotProps: { input: { sx: { backgroundColor: "background.paper" } } },
+            value: l,
+            children: [!l && /* @__PURE__ */ r(d, {
+              disabled: !0,
+              value: "",
+              children: e.placeholder
+            }), e.options?.map((t) => /* @__PURE__ */ r(d, {
+              value: t.value,
+              children: t.label
+            }, t.value))]
+          })]
+        });
+      case i.Currency:
+        return /* @__PURE__ */ r(M, {
+          amount: l || "",
+          ariaLabel: e.placeholder,
+          fullWidth: !0,
+          label: e.label,
+          placeholder: e.placeholder,
+          setAmount: o,
+          setHasValidInput: g
+        });
+      case i.Date:
+        return /* @__PURE__ */ r(L, {
+          dateAdapter: k,
+          children: /* @__PURE__ */ r(T, {
+            maxDate: w(/* @__PURE__ */ new Date(), 1),
+            minDate: /* @__PURE__ */ new Date(),
+            onChange: (t) => {
+              a[e.name] && Number(a[e.name]) <= 31 ? o(t.getDate()) : o(t);
+            },
+            sx: {
+              "& .MuiPickersDay-today": { color: "primary.lighter" },
+              "& .MuiPickersArrowSwitcher-button": {
+                color: "primary.lighter",
+                "&:hover": { backgroundColor: (t) => E(t.palette.primary.light, 0.1) }
+              }
+            },
+            views: ["day"]
+          })
+        });
+      default:
+        return /* @__PURE__ */ r(V, {
+          defaultValue: a[e.name],
+          error: !!u,
+          fullWidth: !0,
+          helperText: u,
+          onChange: D,
+          placeholder: e.placeholder,
+          slotProps: { htmlInput: { "aria-label": e.placeholder } }
+        });
+    }
+  }, f = () => {
+    a[e.name] !== l && y({
+      ...a,
+      [e.name]: l
+    }), m();
+  }, D = (t) => {
+    o(t.target.value), e.validation && s(e.validation(t.target.value));
+  };
+  return /* @__PURE__ */ r(I, {
+    copy: {
+      close_aria: n.close_aria,
+      title: x(n.edit_field, e.label)
+    },
+    disablePrimaryButton: !!u || !v,
+    isOpen: h,
+    onClose: m,
+    onPrimaryAction: f,
+    primaryText: n.save,
+    sx: { "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
+      outline: "2px solid",
+      outlineColor: "primary.main",
+      outlineOffset: "2px"
+    } },
+    children: C()
+  });
+}, oe = P($);
+export {
+  oe as default
+};
+
+//# sourceMappingURL=AccountDetailEdit.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailEdit.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailEdit.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailEdit.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { addMonths } from 'date-fns/addMonths'\nimport { alpha } from '@mui/material/styles'\n\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\nimport { DateCalendar } from '@mui/x-date-pickers/DateCalendar'\nimport FormControl from '@mui/material/FormControl'\nimport InputLabel from '@mui/material/InputLabel'\nimport { LocalizationProvider } from '@mui/x-date-pickers-pro'\nimport MenuItem from '@mui/material/MenuItem'\nimport Select from '@mui/material/Select'\nimport TextField from '@mui/material/TextField'\n\nimport { CurrencyInput, Dialog, useAccountStore, useGlobalCopyStore } from '../../../../common'\nimport { type AccountField } from '../../../utils/AccountFields'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\nimport { FieldType } from '../../../constants/Accounts'\nimport { buildDynamicCopy } from '../../../../core/utils/Localization'\n\ninterface AccountDetailEditProps {\n  field: AccountField\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst AccountDetailEdit: React.FC<AccountDetailEditProps> = ({ field, isOpen, onClose }) => {\n  const { updateAccount } = useAccountStore()\n  const { selectedAccount: account } = useAccountUiStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  const [editedValue, setEditedValue] = React.useState<any>(account[field.name])\n  const [errorMessage, setErrorMessage] = React.useState('')\n  const [hasValidCurrencyInput, setHasValidCurrencyInput] = React.useState(true)\n\n  const handleClose = () => {\n    setEditedValue('')\n    setErrorMessage('')\n    onClose()\n  }\n\n  const getEditableField = () => {\n    switch (field.type) {\n      case FieldType.Select: {\n        return (\n          <FormControl fullWidth={true}>\n            <InputLabel id={`${field.label}-select-label`}>{field.label}</InputLabel>\n            <Select\n              displayEmpty={true}\n              id={`${field.label}-select`}\n              label={field.label}\n              labelId={`${field.label}-select-label`}\n              onChange={(e) => setEditedValue(e.target.value)}\n              slotProps={{\n                input: {\n                  sx: {\n                    backgroundColor: 'background.paper',\n                  },\n                },\n              }}\n              value={editedValue}\n            >\n              {!editedValue && (\n                <MenuItem disabled={true} value=\"\">\n                  {field.placeholder}\n                </MenuItem>\n              )}\n              {field.options?.map((option) => (\n                <MenuItem key={option.value} value={option.value}>\n                  {option.label}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        )\n      }\n\n      case FieldType.Currency: {\n        return (\n          <CurrencyInput\n            amount={(editedValue as string | number) || ''}\n            ariaLabel={field.placeholder}\n            fullWidth={true}\n            label={field.label}\n            placeholder={field.placeholder}\n            setAmount={setEditedValue}\n            setHasValidInput={setHasValidCurrencyInput}\n          />\n        )\n      }\n\n      case FieldType.Date: {\n        return (\n          <LocalizationProvider dateAdapter={AdapterDateFns}>\n            <DateCalendar\n              maxDate={addMonths(new Date(), 1)}\n              minDate={new Date()}\n              onChange={(date: Date) => {\n                if (account[field.name] && Number(account[field.name]) <= 31) {\n                  // gets and sets the day of the month to editedValue\n                  setEditedValue(date.getDate())\n                } else {\n                  // the day of the month was already passed, so we set it directly to state\n                  setEditedValue(date)\n                }\n              }}\n              sx={{\n                '& .MuiPickersDay-today': {\n                  color: 'primary.lighter',\n                },\n                '& .MuiPickersArrowSwitcher-button': {\n                  color: 'primary.lighter',\n                  '&:hover': {\n                    backgroundColor: (theme) => alpha(theme.palette.primary.light, 0.1),\n                  },\n                },\n              }}\n              views={['day']}\n            />\n          </LocalizationProvider>\n        )\n      }\n\n      default: {\n        return (\n          <TextField\n            defaultValue={account[field.name]}\n            error={!!errorMessage}\n            fullWidth={true}\n            helperText={errorMessage}\n            onChange={updateField}\n            placeholder={field.placeholder}\n            slotProps={{\n              htmlInput: {\n                'aria-label': field.placeholder,\n              },\n            }}\n          />\n        )\n      }\n    }\n  }\n\n  const saveField = () => {\n    // prevents any unnecessary api calls\n    if (account[field.name] !== editedValue) {\n      updateAccount({\n        ...account,\n        [field.name]: editedValue,\n      })\n    }\n    handleClose()\n  }\n\n  const updateField = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setEditedValue(e.target.value)\n\n    if (field.validation) {\n      setErrorMessage(field.validation(e.target.value))\n    }\n  }\n\n  return (\n    <Dialog\n      copy={{\n        close_aria: accountsCopy.close_aria,\n        title: buildDynamicCopy(accountsCopy.edit_field, field.label) as string,\n      }}\n      disablePrimaryButton={!!errorMessage || !hasValidCurrencyInput}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onPrimaryAction={saveField}\n      primaryText={accountsCopy.save}\n      sx={{\n        '& .MuiButton-root:focus-visible, & .MuiButton-root:focus': {\n          outline: '2px solid',\n          outlineColor: 'primary.main',\n          outlineOffset: '2px',\n        },\n      }}\n    >\n      {getEditableField()}\n    </Dialog>\n  )\n}\n\nexport default observer(AccountDetailEdit)\n"],"mappings":"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"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetails.es.js

@@ -0,0 +1,75 @@
+import { useEvent as v, useGlobalCopyStore as y } from "../../../../common/context/hooks.es.js";
+import { useAccountUiStore as C } from "../../../hooks/useUiStore.es.js";
+import { getAccountDetailFields as E } from "../../../utils/AccountFields.es.js";
+import S from "./AccountDetailEdit.es.js";
+import n from "react";
+import { observer as A } from "mobx-react-lite";
+import { Icon as D, Text as p } from "@mxenabled/mxui";
+import { Fragment as F, jsx as e, jsxs as b } from "react/jsx-runtime";
+import g from "@mui/material/ListItem";
+import k from "@mui/material/ListItemButton";
+import w from "@mui/material/ListItemText";
+var T = () => {
+  const f = window.app?.config, { onEvent: h } = v(), { selectedAccount: o } = C(), { accounts: _ } = y(), i = E(o, _), a = o.member_is_managed_by_user || !o.member_is_managed_by_user && f.enable_renaming_home_accounts, [s, c] = n.useState(!1), [m, x] = n.useState(i[0]), r = i.filter((t) => a || o[t.name] || o[t.name] === 0);
+  return /* @__PURE__ */ b(F, { children: [r.map((t) => {
+    const l = o[t.name] || o[t.name] === 0, d = r.indexOf(t) === r.length - 1, u = /* @__PURE__ */ e(w, {
+      disableTypography: !0,
+      primary: /* @__PURE__ */ e(p, {
+        sx: { fontSize: 11 },
+        children: t.label
+      }),
+      secondary: /* @__PURE__ */ e(p, {
+        bold: !0,
+        sx: { fontSize: 15 },
+        children: l ? t.valueFormatter(o[t.name]) : t.placeholder
+      })
+    });
+    return /* @__PURE__ */ e(n.Fragment, { children: a ? /* @__PURE__ */ e(g, {
+      sx: {
+        backgroundColor: "background.paper",
+        px: 0,
+        position: "relative",
+        "&::after": {
+          content: '""',
+          position: "absolute",
+          bottom: 0,
+          right: 0,
+          left: d ? 0 : 24,
+          borderBottom: "1px solid",
+          borderColor: "divider"
+        }
+      },
+      children: /* @__PURE__ */ b(k, {
+        onClick: () => {
+          x(t), c(!0), t?.event && h(t.event, { account_guid: o.guid });
+        },
+        children: [u, /* @__PURE__ */ e(D, { name: "chevron_right" })]
+      })
+    }) : l && /* @__PURE__ */ e(g, {
+      sx: {
+        backgroundColor: "background.paper",
+        px: 24,
+        position: "relative",
+        "&::after": {
+          content: '""',
+          position: "absolute",
+          bottom: 0,
+          right: 0,
+          left: d ? 0 : 24,
+          borderBottom: "1px solid",
+          borderColor: "divider"
+        }
+      },
+      children: u
+    }) }, t.name);
+  }), s && m && /* @__PURE__ */ e(S, {
+    field: m,
+    isOpen: s,
+    onClose: () => c(!1)
+  })] });
+}, q = A(T);
+export {
+  q as default
+};
+
+//# sourceMappingURL=AccountDetails.es.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetails.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetails.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport AccountDetailEdit from './AccountDetailEdit'\n\nimport { getAccountDetailFields, type AccountField } from '../../../utils/AccountFields'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\nimport { useEvent, useGlobalCopyStore } from '../../../../common'\n\nconst AccountDetails = () => {\n  const widgetProfile = window.app?.config\n\n  const { onEvent } = useEvent()\n  const { selectedAccount: account } = useAccountUiStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  const fields = getAccountDetailFields(account, accountsCopy)\n  const canEdit =\n    account.member_is_managed_by_user ||\n    (!account.member_is_managed_by_user && widgetProfile.enable_renaming_home_accounts)\n\n  const [showEditDialog, setShowEditDialog] = React.useState(false)\n  const [fieldToEdit, setFieldToEdit] = React.useState<AccountField>(fields[0])\n\n  const displayableFields = fields.filter(\n    (field) => canEdit || account[field.name] || account[field.name] === 0,\n  )\n\n  return (\n    <>\n      {displayableFields.map((field) => {\n        const hasValue = account[field.name] || account[field.name] === 0\n        const isLast = displayableFields.indexOf(field) === displayableFields.length - 1\n\n        const content = (\n          <ListItemText\n            disableTypography={true}\n            primary={<Text sx={{ fontSize: 11 }}>{field.label}</Text>}\n            secondary={\n              <Text bold={true} sx={{ fontSize: 15 }}>\n                {hasValue\n                  ? (field.valueFormatter(account[field.name]) as string)\n                  : field.placeholder}\n              </Text>\n            }\n          />\n        )\n\n        return (\n          <React.Fragment key={field.name}>\n            {canEdit ? (\n              <ListItem\n                sx={{\n                  backgroundColor: 'background.paper',\n                  px: 0,\n                  position: 'relative',\n                  '&::after': {\n                    content: '\"\"',\n                    position: 'absolute',\n                    bottom: 0,\n                    right: 0,\n                    left: isLast ? 0 : 24,\n                    borderBottom: '1px solid',\n                    borderColor: 'divider',\n                  },\n                }}\n              >\n                <ListItemButton\n                  onClick={() => {\n                    setFieldToEdit(field)\n                    setShowEditDialog(true)\n                    if (field?.event) onEvent(field.event, { account_guid: account.guid })\n                  }}\n                >\n                  {content}\n                  <Icon name=\"chevron_right\" />\n                </ListItemButton>\n              </ListItem>\n            ) : (\n              hasValue && (\n                <ListItem\n                  sx={{\n                    backgroundColor: 'background.paper',\n                    px: 24,\n                    position: 'relative',\n                    '&::after': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      bottom: 0,\n                      right: 0,\n                      left: isLast ? 0 : 24,\n                      borderBottom: '1px solid',\n                      borderColor: 'divider',\n                    },\n                  }}\n                >\n                  {content}\n                </ListItem>\n              )\n            )}\n          </React.Fragment>\n        )\n      })}\n      {showEditDialog && fieldToEdit && (\n        <AccountDetailEdit\n          field={fieldToEdit}\n          isOpen={showEditDialog}\n          onClose={() => setShowEditDialog(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport default observer(AccountDetails)\n"],"mappings":";;;;;;;;;;;AAeA,IAAM,IAAA,MAAuB;AAC3B,QAAM,IAAgB,OAAO,KAAK,QAE5B,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,iBAAiB,EAAA,IAAY,EAAkB,GACjD,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAEhD,IAAS,EAAuB,GAAS,CAAY,GACrD,IACJ,EAAQ,6BACP,CAAC,EAAQ,6BAA6B,EAAc,+BAEjD,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAS,EAAK,GAC1D,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAuB,EAAO,CAAA,CAAE,GAEtE,IAAoB,EAAO,OAAA,CAC9B,MAAU,KAAW,EAAQ,EAAM,IAAA,KAAS,EAAQ,EAAM,IAAA,MAAU,CACvE;AAEA,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,EAAkB,IAAA,CAAK,MAAU;AAChC,UAAM,IAAW,EAAQ,EAAM,IAAA,KAAS,EAAQ,EAAM,IAAA,MAAU,GAC1D,IAAS,EAAkB,QAAQ,CAAK,MAAM,EAAkB,SAAS,GAEzE,IACJ,gBAAA,EAAC,GAAD;AAAA,MACE,mBAAmB;AAAA,MACnB,SAAS,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,UAAU,GAAG;AAAA,kBAAI,EAAM;AAAA,MAAY,CAAA;AAAA,MACxD,WACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI,EAAE,UAAU,GAAG;AAAA,kBAClC,IACI,EAAM,eAAe,EAAQ,EAAM,IAAA,CAAK,IACzC,EAAM;AAAA,MACN,CAAA;AAAA,IAET,CAAA;AAGH,WACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UACG,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,YAAY;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,MAAM,IAAS,IAAI;AAAA,UACnB,cAAc;AAAA,UACd,aAAa;AAAA,QACf;AAAA,MACF;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe;AACb,UAAA,EAAe,CAAK,GACpB,EAAkB,EAAI,GAClB,GAAO,SAAO,EAAQ,EAAM,OAAO,EAAE,cAAc,EAAQ,KAAK,CAAC;AAAA,QACvE;AAAA,kBALF,CAOG,GACD,gBAAA,EAAC,GAAD,EAAM,MAAK,gBAAiB,CAAA,CACd;AAAA;IACR,CAAA,IAEV,KACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,YAAY;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,MAAM,IAAS,IAAI;AAAA,UACnB,cAAc;AAAA,UACd,aAAa;AAAA,QACf;AAAA,MACF;AAAA,gBAEC;AAAA,IACO,CAAA,EAGA,GAnDK,EAAM,IAmDX;AAAA,EAEpB,CAAC,GACA,KAAkB,KACjB,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAA,MAAe,EAAkB,EAAK;AAAA,EACvC,CAAA,CAEH,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAc"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.es.js

@@ -0,0 +1,38 @@
+import { useCategoryStore as d, useGlobalStore as m } from "../../../../common/context/hooks.es.js";
+import f from "../../../../common/components/Loader.es.js";
+import { useAccountUiStore as u } from "../../../hooks/useUiStore.es.js";
+import i from "react";
+import { observer as p } from "mobx-react-lite";
+import { H3 as C } from "@mxenabled/mxui";
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import h from "@mui/material/Card";
+import b from "@mui/material/CardContent";
+import g from "@mui/material/CardHeader";
+var y = ({ sx: s, ChartComponent: o, header: a }) => {
+  const { loadMonthlyCategoryTotals: l } = d(), { isInitialized: r } = m(), { selectedAccount: e } = u(), [n, c] = i.useState(!1);
+  return i.useEffect(() => {
+    r && l([e]).finally(() => {
+      c(!0);
+    });
+  }, [r, e]), !r || !n ? /* @__PURE__ */ t(f, {}) : /* @__PURE__ */ x(h, {
+    sx: {
+      "& .MuiCardContent-root:last-child": { pb: 0 },
+      ...s
+    },
+    children: [/* @__PURE__ */ t(g, {
+      sx: { pb: 0 },
+      title: /* @__PURE__ */ t(C, {
+        sx: { pb: 4 },
+        children: a
+      })
+    }), /* @__PURE__ */ t(b, {
+      sx: { p: 0 },
+      children: o ? /* @__PURE__ */ t(o, {}) : null
+    })]
+  });
+}, E = p(y);
+export {
+  E as default
+};
+
+//# sourceMappingURL=AccountDetailsChart.es.js.map