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

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

@@ -1,30 +1,30 @@
 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 { useAccountStore as M, useEvent as k, useGlobalCopyStore as v, useTransactionStore as D } 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 E 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 { useAccountUiStore as O } 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 { useGetMergeableAccounts as P } from "../../../hooks/useGetMergeableAccounts.es.js";
+import U from "../../AccountListItem.es.js";
 import n from "react";
-import { observer as U } from "mobx-react-lite";
+import { observer as K } 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) => {
+import { Fragment as N, jsx as t, jsxs as s } from "react/jsx-runtime";
+import R from "@mui/material/List";
+import G from "@mui/material/Switch";
+import j from "@mui/material/ListSubheader";
+var B = () => {
+  const [S, u] = n.useState(!1), [w, a] = n.useState(!1), [m, h] = n.useState(!1), [p, b] = n.useState({}), { selectedAccount: e } = O(), { mergeAccounts: T, updateAccount: y } = M(), { accounts: o } = v(), i = P(), { onEvent: l } = k(), { modifyTransactionByAccountGuid: x } = D(), 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 = () => {
+  }, L = () => {
     T([e.guid, p.guid]).finally(() => a(!1));
   };
-  return /* @__PURE__ */ s(K, { children: [
-    /* @__PURE__ */ t(G, {
+  return /* @__PURE__ */ s(N, { children: [
+    /* @__PURE__ */ t(j, {
       sx: {
         backgroundColor: "transparent",
         mb: 4,
@@ -45,7 +45,7 @@ var j = () => {
       },
       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, {
+      children: /* @__PURE__ */ t(G, {
         "aria-hidden": !0,
         checked: e.is_hidden,
         tabIndex: -1
@@ -85,36 +85,39 @@ var j = () => {
       secondaryText: o.if_a_connected_account_is_showing_up_twice,
       children: /* @__PURE__ */ t(g, { name: "chevron_right" })
     }),
-    /* @__PURE__ */ s(D, {
+    /* @__PURE__ */ s(E, {
       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"
+      children: [/* @__PURE__ */ t(R, { children: i.map((c) => {
+        const I = i.indexOf(c) === i.length - 1;
+        return /* @__PURE__ */ t(U, {
+          account: c,
+          listItemProps: { sx: {
+            position: "relative",
+            "&::after": {
+              content: '""',
+              position: "absolute",
+              bottom: 0,
+              right: 0,
+              left: I ? 0 : 24,
+              borderBottom: "1px solid",
+              borderColor: "divider"
+            }
+          } },
+          onRowClick: () => {
+            h(!0), b(c);
           }
-        } },
-        onRowClick: () => {
-          h(!0), b(c);
-        }
-      }, c.guid)) }), m && /* @__PURE__ */ s(C, {
+        }, c.guid);
+      }) }), m && /* @__PURE__ */ s(C, {
         copy: {
           close_aria: o.close_modal,
           title: o.confirm_merge
         },
         isOpen: m,
         onClose: () => h(!1),
-        onPrimaryAction: I,
+        onPrimaryAction: L,
         children: [/* @__PURE__ */ t(r, {
           truncate: !1,
           children: A(o.this_means_accounts_will_be_merged, e.name, p.name)
@@ -126,9 +129,9 @@ var j = () => {
       })]
     })
   ] });
-}, co = U(j);
+}, io = K(B);
 export {
-  co as default
+  io as default
 };
 
 //# sourceMappingURL=AccountActions.es.js.map

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

@@ -1 +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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"}
+{"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.map

@@ -1 +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"}
+{"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,EAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAgB,gBAAc;AAAA,IAAsB,SAAA;AAAA,IAApD,UAAA,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.map

@@ -1 +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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"}
+{"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.map

@@ -1 +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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"}
+{"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":";;;;;;;;;;;;;;;;;;;AA0BA,IAAM,IAAA,CAAuD,EAAE,OAAA,GAAO,QAAA,GAAQ,SAAA,EAAA,MAAc;AAC1F,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,iBAAiB,EAAA,IAAY,EAAkB,GACjD,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAEhD,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAc,EAAQ,EAAM,IAAA,CAAK,GACvE,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAE,GACnD,CAAC,GAAuB,CAAA,IAA4B,EAAM,SAAS,EAAI,GAEvE,IAAA,MAAoB;AACxB,IAAA,EAAe,EAAE,GACjB,EAAgB,EAAE,GAClB,EAAQ;AAAA,EACV,GAEM,IAAA,MAAyB;AAC7B,YAAQ,EAAM,MAAd;AAAA,MACE,KAAK,EAAU;AACb,eACE,gBAAA,EAAC,GAAD;AAAA,UAAa,WAAW;AAAA,UAAxB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAY,IAAI,GAAG,EAAM,KAAA;AAAA,YAAuB,UAAA,EAAM;AAAA,UAAkB,CAAA,GACxE,gBAAA,EAAC,GAAD;AAAA,YACE,cAAc;AAAA,YACd,IAAI,GAAG,EAAM,KAAA;AAAA,YACb,OAAO,EAAM;AAAA,YACb,SAAS,GAAG,EAAM,KAAA;AAAA,YAClB,UAAA,CAAW,MAAM,EAAe,EAAE,OAAO,KAAK;AAAA,YAC9C,WAAW,EACT,OAAO,EACL,IAAI,EACF,iBAAiB,mBACnB,EACF,EACF;AAAA,YACA,OAAO;AAAA,YAbT,UAAA,CAeG,CAAC,KACA,gBAAA,EAAC,GAAD;AAAA,cAAU,UAAU;AAAA,cAAM,OAAM;AAAA,cAC7B,UAAA,EAAM;AAAA,YACC,CAAA,GAEX,EAAM,SAAS,IAAA,CAAK,MACnB,gBAAA,EAAC,GAAD;AAAA,cAA6B,OAAO,EAAO;AAAA,cACxC,UAAA,EAAO;AAAA,YACA,GAFK,EAAO,KAEZ,CACX,CACK;AAAA,UACG,CAAA,CAAA;AAAA;MAIjB,KAAK,EAAU;AACb,eACE,gBAAA,EAAC,GAAD;AAAA,UACE,QAAS,KAAmC;AAAA,UAC5C,WAAW,EAAM;AAAA,UACjB,WAAW;AAAA,UACX,OAAO,EAAM;AAAA,UACb,aAAa,EAAM;AAAA,UACnB,WAAW;AAAA,UACX,kBAAkB;AAAA,QACnB,CAAA;AAAA,MAIL,KAAK,EAAU;AACb,eACE,gBAAA,EAAC,GAAD;AAAA,UAAsB,aAAa;AAAA,UACjC,UAAA,gBAAA,EAAC,GAAD;AAAA,YACE,SAAS,EAAU,oBAAI,KAAK,GAAG,CAAC;AAAA,YAChC,SAAS,oBAAI,KAAK;AAAA,YAClB,UAAA,CAAW,MAAe;AACxB,cAAI,EAAQ,EAAM,IAAA,KAAS,OAAO,EAAQ,EAAM,IAAA,CAAK,KAAK,KAExD,EAAe,EAAK,QAAQ,CAAC,IAG7B,EAAe,CAAI;AAAA,YAEvB;AAAA,YACA,IAAI;AAAA,cACF,0BAA0B,EACxB,OAAO,kBACT;AAAA,cACA,qCAAqC;AAAA,gBACnC,OAAO;AAAA,gBACP,WAAW,EACT,iBAAA,CAAkB,MAAU,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EACpE;AAAA,cACF;AAAA,YACF;AAAA,YACA,OAAO,CAAC,KAAK;AAAA,UACd,CAAA;AAAA,QACmB,CAAA;AAAA,MAI1B;AACE,eACE,gBAAA,EAAC,GAAD;AAAA,UACE,cAAc,EAAQ,EAAM,IAAA;AAAA,UAC5B,OAAO,CAAC,CAAC;AAAA,UACT,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,aAAa,EAAM;AAAA,UACnB,WAAW,EACT,WAAW,EACT,cAAc,EAAM,YACtB,EACF;AAAA,QACD,CAAA;AAAA,IAGP;AAAA,EACF,GAEM,IAAA,MAAkB;AAEtB,IAAI,EAAQ,EAAM,IAAA,MAAU,KAC1B,EAAc;AAAA,MACZ,GAAG;AAAA,MACF,CAAA,EAAM,IAAA,GAAO;AAAA,IAChB,CAAC,GAEH,EAAY;AAAA,EACd,GAEM,IAAA,CAAe,MAA2C;AAC9D,IAAA,EAAe,EAAE,OAAO,KAAK,GAEzB,EAAM,cACR,EAAgB,EAAM,WAAW,EAAE,OAAO,KAAK,CAAC;AAAA,EAEpD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MACJ,YAAY,EAAa;AAAA,MACzB,OAAO,EAAiB,EAAa,YAAY,EAAM,KAAK;AAAA,IAC9D;AAAA,IACA,sBAAsB,CAAC,CAAC,KAAgB,CAAC;AAAA,IACjC,QAAA;AAAA,IACR,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,aAAa,EAAa;AAAA,IAC1B,IAAI,EACF,4DAA4D;AAAA,MAC1D,SAAS;AAAA,MACT,cAAc;AAAA,MACd,eAAe;AAAA,IACjB,EACF;AAAA,IAEC,UAAA,EAAiB;AAAA,EACZ,CAAA;AAEZ,GAEA,KAAe,EAAS,CAAiB"}

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

@@ -1 +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"}
+{"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,QAAI,UAAA,EAAM;AAAA,MAAY,CAAA;AAAA,MACxD,WACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI,EAAE,UAAU,GAAG;AAAA,QAClC,UAAA,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,MAEA,UAAA,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,QALF,UAAA,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,MAEC,UAAA;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.map

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsChart.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport { Loader, useCategoryStore, useGlobalStore } from '../../../../common'\nimport { MiniWidgetProps } from '../../../../core'\n\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\ninterface AccountDetailsChartProps extends MiniWidgetProps {\n  ChartComponent?: React.ComponentType\n  header?: string\n}\n\nconst AccountDetailsChart: React.FC<AccountDetailsChartProps> = ({\n  sx,\n  ChartComponent,\n  header,\n}) => {\n  const { loadMonthlyCategoryTotals } = useCategoryStore()\n  const { isInitialized } = useGlobalStore()\n  const { selectedAccount } = useAccountUiStore()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals([selectedAccount]).finally(() => {\n        setIsWidgetInitialized(true)\n      })\n    }\n  }, [isInitialized, selectedAccount])\n\n  if (!isInitialized || !isWidgetInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <Card\n      sx={{\n        '& .MuiCardContent-root:last-child': {\n          pb: 0,\n        },\n        ...sx,\n      }}\n    >\n      <CardHeader sx={{ pb: 0 }} title={<H3 sx={{ pb: 4 }}>{header}</H3>} />\n\n      <CardContent sx={{ p: 0 }}>{ChartComponent ? <ChartComponent /> : null}</CardContent>\n    </Card>\n  )\n}\n\nexport default observer(AccountDetailsChart)\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,IAAA,CAA2D,EAC/D,IAAA,GACA,gBAAA,GACA,QAAA,EAAA,MACI;AACJ,QAAM,EAAE,2BAAA,EAAA,IAA8B,EAAiB,GACjD,EAAE,eAAA,EAAA,IAAkB,EAAe,GACnC,EAAE,iBAAA,EAAA,IAAoB,EAAkB,GAExC,CAAC,GAAqB,CAAA,IAA0B,EAAM,SAAS,EAAK;AAU1E,SARA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAA0B,CAAC,CAAe,CAAC,EAAE,QAAA,MAAc;AACzD,MAAA,EAAuB,EAAI;AAAA,IAC7B,CAAC;AAAA,EAEL,GAAG,CAAC,GAAe,CAAe,CAAC,GAE/B,CAAC,KAAiB,CAAC,IACd,gBAAA,EAAC,GAAD,CAAS,CAAA,IAIhB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,qCAAqC,EACnC,IAAI,EACN;AAAA,MACA,GAAG;AAAA,IACL;AAAA,cANF,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD;AAAA,QAAI,IAAI,EAAE,IAAI,EAAE;AAAA,kBAAI;AAAA,MAAW,CAAA;AAAA,IAAI,CAAA,GAErE,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI,EAAE,GAAG,EAAE;AAAA,gBAAI,IAAiB,gBAAA,EAAC,GAAD,CAAiB,CAAA,IAAI;AAAA,IAAkB,CAAA,CAChF;AAAA;AAEV,GAEA,IAAe,EAAS,CAAmB"}
+{"version":3,"file":"AccountDetailsChart.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport { Loader, useCategoryStore, useGlobalStore } from '../../../../common'\nimport { MiniWidgetProps } from '../../../../core'\n\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\ninterface AccountDetailsChartProps extends MiniWidgetProps {\n  ChartComponent?: React.ComponentType\n  header?: string\n}\n\nconst AccountDetailsChart: React.FC<AccountDetailsChartProps> = ({\n  sx,\n  ChartComponent,\n  header,\n}) => {\n  const { loadMonthlyCategoryTotals } = useCategoryStore()\n  const { isInitialized } = useGlobalStore()\n  const { selectedAccount } = useAccountUiStore()\n\n  const [isWidgetInitialized, setIsWidgetInitialized] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadMonthlyCategoryTotals([selectedAccount]).finally(() => {\n        setIsWidgetInitialized(true)\n      })\n    }\n  }, [isInitialized, selectedAccount])\n\n  if (!isInitialized || !isWidgetInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <Card\n      sx={{\n        '& .MuiCardContent-root:last-child': {\n          pb: 0,\n        },\n        ...sx,\n      }}\n    >\n      <CardHeader sx={{ pb: 0 }} title={<H3 sx={{ pb: 4 }}>{header}</H3>} />\n\n      <CardContent sx={{ p: 0 }}>{ChartComponent ? <ChartComponent /> : null}</CardContent>\n    </Card>\n  )\n}\n\nexport default observer(AccountDetailsChart)\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,IAAA,CAA2D,EAC/D,IAAA,GACA,gBAAA,GACA,QAAA,EAAA,MACI;AACJ,QAAM,EAAE,2BAAA,EAAA,IAA8B,EAAiB,GACjD,EAAE,eAAA,EAAA,IAAkB,EAAe,GACnC,EAAE,iBAAA,EAAA,IAAoB,EAAkB,GAExC,CAAC,GAAqB,CAAA,IAA0B,EAAM,SAAS,EAAK;AAU1E,SARA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAA0B,CAAC,CAAe,CAAC,EAAE,QAAA,MAAc;AACzD,MAAA,EAAuB,EAAI;AAAA,IAC7B,CAAC;AAAA,EAEL,GAAG,CAAC,GAAe,CAAe,CAAC,GAE/B,CAAC,KAAiB,CAAC,IACd,gBAAA,EAAC,GAAD,CAAS,CAAA,IAIhB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,qCAAqC,EACnC,IAAI,EACN;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IANF,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD;AAAA,QAAI,IAAI,EAAE,IAAI,EAAE;AAAA,QAAI,UAAA;AAAA,MAAW,CAAA;AAAA,IAAI,CAAA,GAErE,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI,EAAE,GAAG,EAAE;AAAA,MAAI,UAAA,IAAiB,gBAAA,EAAC,GAAD,CAAiB,CAAA,IAAI;AAAA,IAAkB,CAAA,CAChF;AAAA;AAEV,GAEA,IAAe,EAAS,CAAmB"}

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

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsContent.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { TabContentContainer, useGlobalCopyStore } from '../../../../common'\n\nimport AccountDetailsTab from './AccountDetailsTab'\nimport ConnectionErrorMessage from './ConnectionErrorMessage'\nimport TransactionsTab from '../Transactions/TransactionsTab'\n\nconst AccountDetailsContent = () => {\n  const [tabValue, setTabValue] = React.useState(0)\n\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  return (\n    <>\n      <ConnectionErrorMessage setTabValue={setTabValue} />\n\n      <Tabs\n        aria-label={accountsCopy.transactions_and_details_aria}\n        centered={true}\n        onChange={(_, val) => setTabValue(val)}\n        textColor=\"primary\"\n        value={tabValue}\n        variant=\"fullWidth\"\n      >\n        <Tab\n          aria-controls=\"transaction-details-tabpanel-0\"\n          id=\"transaction-details-tab-0\"\n          label={accountsCopy.transactions}\n        />\n        <Tab\n          aria-controls=\"account-details-tabpanel-1\"\n          id=\"account-details-tab-1\"\n          label={accountsCopy.account_details}\n        />\n      </Tabs>\n\n      <TabContentContainer index={0} name=\"transaction-details\" value={tabValue}>\n        <TransactionsTab />\n      </TabContentContainer>\n\n      <TabContentContainer index={1} name=\"account-details\" value={tabValue}>\n        <AccountDetailsTab />\n      </TabContentContainer>\n    </>\n  )\n}\n\nexport default observer(AccountDetailsContent)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAA,MAA8B;AAClC,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,CAAC,GAE1C,EAAE,UAAU,EAAA,IAAiB,EAAmB;AAEtD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,EAAqC,aAAA,EAAc,CAAA;AAAA,IAEnD,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAa;AAAA,MACzB,UAAU;AAAA,MACV,UAAA,CAAW,GAAG,MAAQ,EAAY,CAAG;AAAA,MACrC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAQ;AAAA,gBANV,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAa;AAAA,MACrB,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAa;AAAA,MACrB,CAAA,CACG;AAAA;IAEN,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAsB,OAAO;AAAA,gBAC/D,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,IACC,CAAA;AAAA,IAErB,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAkB,OAAO;AAAA,gBAC3D,gBAAA,EAAC,GAAD,CAAoB,CAAA;AAAA,IACD,CAAA;AAAA,EACrB,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAqB"}
+{"version":3,"file":"AccountDetailsContent.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { TabContentContainer, useGlobalCopyStore } from '../../../../common'\n\nimport AccountDetailsTab from './AccountDetailsTab'\nimport ConnectionErrorMessage from './ConnectionErrorMessage'\nimport TransactionsTab from '../Transactions/TransactionsTab'\n\nconst AccountDetailsContent = () => {\n  const [tabValue, setTabValue] = React.useState(0)\n\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  return (\n    <>\n      <ConnectionErrorMessage setTabValue={setTabValue} />\n\n      <Tabs\n        aria-label={accountsCopy.transactions_and_details_aria}\n        centered={true}\n        onChange={(_, val) => setTabValue(val)}\n        textColor=\"primary\"\n        value={tabValue}\n        variant=\"fullWidth\"\n      >\n        <Tab\n          aria-controls=\"transaction-details-tabpanel-0\"\n          id=\"transaction-details-tab-0\"\n          label={accountsCopy.transactions}\n        />\n        <Tab\n          aria-controls=\"account-details-tabpanel-1\"\n          id=\"account-details-tab-1\"\n          label={accountsCopy.account_details}\n        />\n      </Tabs>\n\n      <TabContentContainer index={0} name=\"transaction-details\" value={tabValue}>\n        <TransactionsTab />\n      </TabContentContainer>\n\n      <TabContentContainer index={1} name=\"account-details\" value={tabValue}>\n        <AccountDetailsTab />\n      </TabContentContainer>\n    </>\n  )\n}\n\nexport default observer(AccountDetailsContent)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAA,MAA8B;AAClC,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,CAAC,GAE1C,EAAE,UAAU,EAAA,IAAiB,EAAmB;AAEtD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD,EAAqC,aAAA,EAAc,CAAA;AAAA,IAEnD,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAa;AAAA,MACzB,UAAU;AAAA,MACV,UAAA,CAAW,GAAG,MAAQ,EAAY,CAAG;AAAA,MACrC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAQ;AAAA,MANV,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAa;AAAA,MACrB,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAa;AAAA,MACrB,CAAA,CACG;AAAA;IAEN,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAsB,OAAO;AAAA,MAC/D,UAAA,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,IACC,CAAA;AAAA,IAErB,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAkB,OAAO;AAAA,MAC3D,UAAA,gBAAA,EAAC,GAAD,CAAoB,CAAA;AAAA,IACD,CAAA;AAAA,EACrB,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsDrawer.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsDrawer.tsx"],"sourcesContent":["import { Drawer, useGlobalCopyStore } from '../../../../common'\nimport TrendsChart from '../../../../trends/components/TrendsChart'\n\nimport AccountDetailsContent from './AccountDetailsContent'\nimport AccountDetailsHeader from './AccountDetailsHeader'\n\ninterface AccountDetailsDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst AccountDetailsDrawer = ({ isOpen, onClose }: AccountDetailsDrawerProps) => {\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  return (\n    <Drawer\n      ariaLabelClose={accountsCopy.close_account_details_aria}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={accountsCopy.account_details}\n    >\n      <AccountDetailsHeader ChartComponent={TrendsChart} />\n\n      <AccountDetailsContent />\n    </Drawer>\n  )\n}\n\nexport default AccountDetailsDrawer\n"],"mappings":";;;;;;AAWA,IAAM,IAAA,CAAwB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAyC;AAC/E,QAAM,EAAE,UAAU,EAAA,IAAiB,EAAmB;AAEtD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAa;AAAA,IACrB,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAa;AAAA,cAJtB,CAME,gBAAA,EAAC,GAAD,EAAsB,gBAAgB,EAAc,CAAA,GAEpD,gBAAA,EAAC,GAAD,CAAwB,CAAA,CAClB;AAAA;AAEZ"}
+{"version":3,"file":"AccountDetailsDrawer.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsDrawer.tsx"],"sourcesContent":["import { Drawer, useGlobalCopyStore } from '../../../../common'\nimport TrendsChart from '../../../../trends/components/TrendsChart'\n\nimport AccountDetailsContent from './AccountDetailsContent'\nimport AccountDetailsHeader from './AccountDetailsHeader'\n\ninterface AccountDetailsDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst AccountDetailsDrawer = ({ isOpen, onClose }: AccountDetailsDrawerProps) => {\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  return (\n    <Drawer\n      ariaLabelClose={accountsCopy.close_account_details_aria}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={accountsCopy.account_details}\n    >\n      <AccountDetailsHeader ChartComponent={TrendsChart} />\n\n      <AccountDetailsContent />\n    </Drawer>\n  )\n}\n\nexport default AccountDetailsDrawer\n"],"mappings":";;;;;;AAWA,IAAM,IAAA,CAAwB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAyC;AAC/E,QAAM,EAAE,UAAU,EAAA,IAAiB,EAAmB;AAEtD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAa;AAAA,IACrB,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAa;AAAA,IAJtB,UAAA,CAME,gBAAA,EAAC,GAAD,EAAsB,gBAAgB,EAAc,CAAA,GAEpD,gBAAA,EAAC,GAAD,CAAwB,CAAA,CAClB;AAAA;AAEZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"AccountDetailsHeader.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { H2, InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  useAccountStore,\n  INCOME_ACCOUNT_TYPES,\n  PAYMENT_ACCOUNT_TYPES,\n  SPENDING_ACCOUNT_TYPES,\n  useAccountDisplayName,\n  useGlobalCopyStore,\n  useAppConfig,\n} from '../../../../common'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\nimport { getAccountBalanceDetails } from '../../../utils/AccountFields'\nimport { getChartLabels } from '../../../utils/AccountDetails'\n\nimport AccountDetailsChart from './AccountDetailsChart'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface AccountDetailsHeaderProps {\n  ChartComponent?: React.ComponentType\n  customDetailsChart?: React.ReactElement\n}\n\nconst AccountDetailsHeader = ({\n  customDetailsChart,\n  ChartComponent,\n}: AccountDetailsHeaderProps) => {\n  const { institutions } = useAccountStore()\n  const { selectedAccount: account } = useAccountUiStore()\n  const { config } = useAppConfig()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { firstSubtitle, firstValue, hasAvailableBalance, secondSubtitle, secondValue } =\n    getAccountBalanceDetails(account, accountsCopy, config.display_available_balance_in_accounts)\n\n  const institution = institutions.find(\n    (institution) => institution.guid === account?.institution_guid,\n  )\n\n  const showChart = [\n    ...INCOME_ACCOUNT_TYPES,\n    ...PAYMENT_ACCOUNT_TYPES,\n    ...SPENDING_ACCOUNT_TYPES,\n  ].includes(account.account_type)\n\n  const displayName = useAccountDisplayName(account)\n\n  const { title, description } = getChartLabels(account.account_type, accountsCopy)\n\n  return (\n    <Stack bgcolor=\"background.default\" p={24}>\n      <Stack gap={12}>\n        <InstitutionLogo\n          alt={accountsCopy.institution_logo_alt}\n          institutionGuid={account.institution_guid || ''}\n          size={64}\n        />\n        <Text variant=\"body2\">{institution?.name}</Text>\n      </Stack>\n      <Stack gap={8} mb={24} mt={4}>\n        <H2>{displayName}</H2>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text bold={hasAvailableBalance} variant=\"body1\">\n            {firstSubtitle}\n          </Text>\n          <Text bold={true} variant=\"body1\">\n            {formatCurrency(firstValue, '0,0.00')}\n          </Text>\n        </Stack>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text variant=\"body2\">{secondSubtitle}</Text>\n          <Text variant=\"body2\">{secondValue}</Text>\n        </Stack>\n      </Stack>\n      {showChart && (\n        <Stack aria-label={description} role=\"img\">\n          {customDetailsChart ? (\n            customDetailsChart\n          ) : (\n            <AccountDetailsChart ChartComponent={ChartComponent} header={title} />\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(AccountDetailsHeader)\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAM,IAAA,CAAwB,EAC5B,oBAAA,GACA,gBAAA,EAAA,MAC+B;AAC/B,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAgB,GACnC,EAAE,iBAAiB,EAAA,IAAY,EAAkB,GACjD,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,YAAA,GAAY,qBAAA,GAAqB,gBAAA,GAAgB,aAAA,EAAA,IACtE,EAAyB,GAAS,GAAc,EAAO,qCAAqC,GAExF,IAAc,EAAa,KAAA,CAC9B,MAAgB,EAAY,SAAS,GAAS,gBACjD,GAEM,IAAY;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE,SAAS,EAAQ,YAAY,GAEzB,IAAc,EAAsB,CAAO,GAE3C,EAAE,OAAA,GAAO,aAAA,EAAA,IAAgB,EAAe,EAAQ,cAAc,CAAY;AAEhF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,IAAqB,GAAG;AAAA,cAAvC;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,kBAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK,EAAa;AAAA,UAClB,iBAAiB,EAAQ,oBAAoB;AAAA,UAC7C,MAAM;AAAA,QACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAS,GAAa;AAAA,QAAW,CAAA,CAC1C;AAAA;MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,kBAA3B;AAAA,UACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAgB,CAAA;AAAA,UACrB,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,gBAAe;AAAA,sBAAtC,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAqB,SAAQ;AAAA,wBACtC;AAAA,YACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,wBACvB,EAAe,GAAY,QAAQ;AAAA,YAChC,CAAA,CACD;AAAA;UACP,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,gBAAe;AAAA,sBAAtC,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS;AAAA,YAAqB,CAAA,GAC5C,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS;AAAA,YAAkB,CAAA,CACpC;AAAA;QACF;AAAA;MACN,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,cAAY;AAAA,QAAa,MAAK;AAAA,kBAClC,KAGC,gBAAA,EAAC,GAAD;AAAA,UAAqC,gBAAA;AAAA,UAAgB,QAAQ;AAAA,QAAQ,CAAA;AAAA,MAElE,CAAA;AAAA,IAEJ;AAAA;AAEX,GAEA,IAAe,EAAS,CAAoB"}
+{"version":3,"file":"AccountDetailsHeader.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { H2, InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  useAccountStore,\n  INCOME_ACCOUNT_TYPES,\n  PAYMENT_ACCOUNT_TYPES,\n  SPENDING_ACCOUNT_TYPES,\n  useAccountDisplayName,\n  useGlobalCopyStore,\n  useAppConfig,\n} from '../../../../common'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\nimport { getAccountBalanceDetails } from '../../../utils/AccountFields'\nimport { getChartLabels } from '../../../utils/AccountDetails'\n\nimport AccountDetailsChart from './AccountDetailsChart'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface AccountDetailsHeaderProps {\n  ChartComponent?: React.ComponentType\n  customDetailsChart?: React.ReactElement\n}\n\nconst AccountDetailsHeader = ({\n  customDetailsChart,\n  ChartComponent,\n}: AccountDetailsHeaderProps) => {\n  const { institutions } = useAccountStore()\n  const { selectedAccount: account } = useAccountUiStore()\n  const { config } = useAppConfig()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { firstSubtitle, firstValue, hasAvailableBalance, secondSubtitle, secondValue } =\n    getAccountBalanceDetails(account, accountsCopy, config.display_available_balance_in_accounts)\n\n  const institution = institutions.find(\n    (institution) => institution.guid === account?.institution_guid,\n  )\n\n  const showChart = [\n    ...INCOME_ACCOUNT_TYPES,\n    ...PAYMENT_ACCOUNT_TYPES,\n    ...SPENDING_ACCOUNT_TYPES,\n  ].includes(account.account_type)\n\n  const displayName = useAccountDisplayName(account)\n\n  const { title, description } = getChartLabels(account.account_type, accountsCopy)\n\n  return (\n    <Stack bgcolor=\"background.default\" p={24}>\n      <Stack gap={12}>\n        <InstitutionLogo\n          alt={accountsCopy.institution_logo_alt}\n          institutionGuid={account.institution_guid || ''}\n          size={64}\n        />\n        <Text variant=\"body2\">{institution?.name}</Text>\n      </Stack>\n      <Stack gap={8} mb={24} mt={4}>\n        <H2>{displayName}</H2>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text bold={hasAvailableBalance} variant=\"body1\">\n            {firstSubtitle}\n          </Text>\n          <Text bold={true} variant=\"body1\">\n            {formatCurrency(firstValue, '0,0.00')}\n          </Text>\n        </Stack>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text variant=\"body2\">{secondSubtitle}</Text>\n          <Text variant=\"body2\">{secondValue}</Text>\n        </Stack>\n      </Stack>\n      {showChart && (\n        <Stack aria-label={description} role=\"img\">\n          {customDetailsChart ? (\n            customDetailsChart\n          ) : (\n            <AccountDetailsChart ChartComponent={ChartComponent} header={title} />\n          )}\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(AccountDetailsHeader)\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAM,IAAA,CAAwB,EAC5B,oBAAA,GACA,gBAAA,EAAA,MAC+B;AAC/B,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAgB,GACnC,EAAE,iBAAiB,EAAA,IAAY,EAAkB,GACjD,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,eAAA,GAAe,YAAA,GAAY,qBAAA,GAAqB,gBAAA,GAAgB,aAAA,EAAA,IACtE,EAAyB,GAAS,GAAc,EAAO,qCAAqC,GAExF,IAAc,EAAa,KAAA,CAC9B,MAAgB,EAAY,SAAS,GAAS,gBACjD,GAEM,IAAY;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE,SAAS,EAAQ,YAAY,GAEzB,IAAc,EAAsB,CAAO,GAE3C,EAAE,OAAA,GAAO,aAAA,EAAA,IAAgB,EAAe,EAAQ,cAAc,CAAY;AAEhF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,IAAqB,GAAG;AAAA,IAAvC,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAZ,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK,EAAa;AAAA,UAClB,iBAAiB,EAAQ,oBAAoB;AAAA,UAC7C,MAAM;AAAA,QACP,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,UAAS,UAAA,GAAa;AAAA,QAAW,CAAA,CAC1C;AAAA;MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,QAA3B,UAAA;AAAA,UACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAgB,CAAA;AAAA,UACrB,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,gBAAe;AAAA,YAAtC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAqB,SAAQ;AAAA,cACtC,UAAA;AAAA,YACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,cACvB,UAAA,EAAe,GAAY,QAAQ;AAAA,YAChC,CAAA,CACD;AAAA;UACP,gBAAA,EAAC,GAAD;AAAA,YAAO,WAAU;AAAA,YAAM,gBAAe;AAAA,YAAtC,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,cAAS,UAAA;AAAA,YAAqB,CAAA,GAC5C,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,cAAS,UAAA;AAAA,YAAkB,CAAA,CACpC;AAAA;QACF;AAAA;MACN,KACC,gBAAA,EAAC,GAAD;AAAA,QAAO,cAAY;AAAA,QAAa,MAAK;AAAA,QAClC,UAAA,KAGC,gBAAA,EAAC,GAAD;AAAA,UAAqC,gBAAA;AAAA,UAAgB,QAAQ;AAAA,QAAQ,CAAA;AAAA,MAElE,CAAA;AAAA,IAEJ;AAAA;AAEX,GAEA,IAAe,EAAS,CAAoB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectionErrorMessage.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/ConnectionErrorMessage.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport Link from '@mui/material/Link'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Error as ErrorIcon } from '@mxenabled/mx-icons'\n\nimport ConnectDrawer from '../../../../common/components/ConnectDrawer'\n\nimport {\n  getConnectionMessages,\n  ConnectionMessageObject,\n} from '../../../utils/getConnectionMessages'\nimport { useGlobalCopyStore } from '../../../../common'\nimport { NonConnectedStatuses } from '../../../../core'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\ninterface ConnectionErrorMessageProps {\n  setTabValue: (val: number) => void\n}\n\nconst ConnectionErrorMessage: React.FC<ConnectionErrorMessageProps> = ({ setTabValue }) => {\n  const [shouldShowConnectDrawer, setShouldShowConnectDrawer] = React.useState(false)\n\n  const { selectedMember: member } = useAccountUiStore()\n  const { accounts: accountsCopy, connect: connectCopy } = useGlobalCopyStore()\n\n  const hasError =\n    member.connection_status && NonConnectedStatuses.includes(member.connection_status)\n\n  React.useEffect(() => {\n    if (hasError) {\n      setTabValue(1)\n    }\n  }, [hasError])\n\n  if (!hasError) return\n\n  const statusMessages: ConnectionMessageObject = getConnectionMessages(member, connectCopy)\n\n  // eslint-disable-next-line consistent-return\n  return (\n    <>\n      <Paper\n        sx={{\n          mb: 16,\n          mt: 24,\n          mx: 24,\n        }}\n      >\n        <Alert\n          icon={<ErrorIcon filled={true} />}\n          role=\"none\"\n          severity=\"error\"\n          sx={{\n            borderLeft: 5,\n            borderTopLeftRadius: 6,\n            borderBottomLeftRadius: 6,\n            borderColor: 'error.main',\n            color: 'text.primary',\n            '&.MuiPaper-root': {\n              backgroundColor: 'background.paper',\n            },\n          }}\n        >\n          {statusMessages.title && (\n            <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n              {statusMessages.title}\n            </AlertTitle>\n          )}\n          <Text component=\"p\" variant=\"subtitle2\">\n            {statusMessages.main}\n          </Text>\n          {statusMessages.cta && (\n            <Link\n              onClick={() => setShouldShowConnectDrawer(true)}\n              sx={{ fontSize: 15, fontWeight: 600, ml: 0 }}\n            >\n              {statusMessages.cta}\n            </Link>\n          )}\n        </Alert>\n      </Paper>\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(ConnectionErrorMessage)\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,IAAA,CAAiE,EAAE,aAAA,EAAA,MAAkB;AACzF,QAAM,CAAC,GAAyB,CAAA,IAA8B,EAAM,SAAS,EAAK,GAE5E,EAAE,gBAAgB,EAAA,IAAW,EAAkB,GAC/C,EAAE,UAAU,GAAc,SAAS,EAAA,IAAgB,EAAmB,GAEtE,IACJ,EAAO,qBAAqB,EAAqB,SAAS,EAAO,iBAAiB;AAQpF,MANA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAC;AAAA,EAEjB,GAAG,CAAC,CAAQ,CAAC,GAET,CAAC,EAAU;AAEf,QAAM,IAA0C,EAAsB,GAAQ,CAAW;AAGzF,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,gBAAA,EAAC,GAAD,EAAW,QAAQ,GAAO,CAAA;AAAA,MAChC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,qBAAqB;AAAA,QACrB,wBAAwB;AAAA,QACxB,aAAa;AAAA,QACb,OAAO;AAAA,QACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,MACF;AAAA,gBAbF;AAAA,QAeG,EAAe,SACd,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACxD,EAAe;AAAA,QACN,CAAA;AAAA,QAEd,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,oBACzB,EAAe;AAAA,QACZ,CAAA;AAAA,QACL,EAAe,OACd,gBAAA,EAAC,GAAD;AAAA,UACE,SAAA,MAAe,EAA2B,EAAI;AAAA,UAC9C,IAAI;AAAA,YAAE,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,IAAI;AAAA,UAAE;AAAA,oBAE1C,EAAe;AAAA,QACZ,CAAA;AAAA,MAEH;AAAA;EACF,CAAA,GAEN,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB,EAAE,qBAAqB,EAAO,KAAK;AAAA,IACpD,SAAA,MAAe,EAA2B,EAAK;AAAA,IAC/C,mBAAmB;AAAA,IACnB,OAAO,EAAa;AAAA,EACrB,CAAA,CAEH,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAsB"}
+{"version":3,"file":"ConnectionErrorMessage.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/ConnectionErrorMessage.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport Link from '@mui/material/Link'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Error as ErrorIcon } from '@mxenabled/mx-icons'\n\nimport ConnectDrawer from '../../../../common/components/ConnectDrawer'\n\nimport {\n  getConnectionMessages,\n  ConnectionMessageObject,\n} from '../../../utils/getConnectionMessages'\nimport { useGlobalCopyStore } from '../../../../common'\nimport { NonConnectedStatuses } from '../../../../core'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\ninterface ConnectionErrorMessageProps {\n  setTabValue: (val: number) => void\n}\n\nconst ConnectionErrorMessage: React.FC<ConnectionErrorMessageProps> = ({ setTabValue }) => {\n  const [shouldShowConnectDrawer, setShouldShowConnectDrawer] = React.useState(false)\n\n  const { selectedMember: member } = useAccountUiStore()\n  const { accounts: accountsCopy, connect: connectCopy } = useGlobalCopyStore()\n\n  const hasError =\n    member.connection_status && NonConnectedStatuses.includes(member.connection_status)\n\n  React.useEffect(() => {\n    if (hasError) {\n      setTabValue(1)\n    }\n  }, [hasError])\n\n  if (!hasError) return\n\n  const statusMessages: ConnectionMessageObject = getConnectionMessages(member, connectCopy)\n\n  // eslint-disable-next-line consistent-return\n  return (\n    <>\n      <Paper\n        sx={{\n          mb: 16,\n          mt: 24,\n          mx: 24,\n        }}\n      >\n        <Alert\n          icon={<ErrorIcon filled={true} />}\n          role=\"none\"\n          severity=\"error\"\n          sx={{\n            borderLeft: 5,\n            borderTopLeftRadius: 6,\n            borderBottomLeftRadius: 6,\n            borderColor: 'error.main',\n            color: 'text.primary',\n            '&.MuiPaper-root': {\n              backgroundColor: 'background.paper',\n            },\n          }}\n        >\n          {statusMessages.title && (\n            <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n              {statusMessages.title}\n            </AlertTitle>\n          )}\n          <Text component=\"p\" variant=\"subtitle2\">\n            {statusMessages.main}\n          </Text>\n          {statusMessages.cta && (\n            <Link\n              onClick={() => setShouldShowConnectDrawer(true)}\n              sx={{ fontSize: 15, fontWeight: 600, ml: 0 }}\n            >\n              {statusMessages.cta}\n            </Link>\n          )}\n        </Alert>\n      </Paper>\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(ConnectionErrorMessage)\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,IAAA,CAAiE,EAAE,aAAA,EAAA,MAAkB;AACzF,QAAM,CAAC,GAAyB,CAAA,IAA8B,EAAM,SAAS,EAAK,GAE5E,EAAE,gBAAgB,EAAA,IAAW,EAAkB,GAC/C,EAAE,UAAU,GAAc,SAAS,EAAA,IAAgB,EAAmB,GAEtE,IACJ,EAAO,qBAAqB,EAAqB,SAAS,EAAO,iBAAiB;AAQpF,MANA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAC;AAAA,EAEjB,GAAG,CAAC,CAAQ,CAAC,GAET,CAAC,EAAU;AAEf,QAAM,IAA0C,EAAsB,GAAQ,CAAW;AAGzF,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,MAAM,gBAAA,EAAC,GAAD,EAAW,QAAQ,GAAO,CAAA;AAAA,MAChC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,qBAAqB;AAAA,QACrB,wBAAwB;AAAA,QACxB,aAAa;AAAA,QACb,OAAO;AAAA,QACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,MACF;AAAA,MAbF,UAAA;AAAA,QAeG,EAAe,SACd,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,UACxD,UAAA,EAAe;AAAA,QACN,CAAA;AAAA,QAEd,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,UACzB,UAAA,EAAe;AAAA,QACZ,CAAA;AAAA,QACL,EAAe,OACd,gBAAA,EAAC,GAAD;AAAA,UACE,SAAA,MAAe,EAA2B,EAAI;AAAA,UAC9C,IAAI;AAAA,YAAE,UAAU;AAAA,YAAI,YAAY;AAAA,YAAK,IAAI;AAAA,UAAE;AAAA,UAE1C,UAAA,EAAe;AAAA,QACZ,CAAA;AAAA,MAEH;AAAA;EACF,CAAA,GAEN,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,iBAAiB,EAAE,qBAAqB,EAAO,KAAK;AAAA,IACpD,SAAA,MAAe,EAA2B,EAAK;AAAA,IAC/C,mBAAmB;AAAA,IACnB,OAAO,EAAa;AAAA,EACrB,CAAA,CAEH,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAsB"}

package/dist/accounts/components/detailsdrawer/Transactions/TransactionsTab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionsTab.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Transactions/TransactionsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { subDays, startOfToday, endOfToday } from 'date-fns'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../common'\nimport { TransactionDetails, TransactionList } from '../../../../transactions'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\nconst TransactionsTab = () => {\n  const [guid, setGuid] = React.useState('')\n\n  const { onEvent } = useEvent()\n  const { selectedAccount } = useAccountUiStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { isTransactionDataLoaded, loadTransactionData, setFilter, sortedTransactions } =\n    useTransactionStore()\n\n  React.useEffect(() => {\n    if (!isTransactionDataLoaded) {\n      loadTransactionData().finally()\n    }\n  }, [])\n\n  const transaction = React.useMemo(\n    () => sortedTransactions.find((t) => t.guid === guid),\n    [guid, sortedTransactions],\n  )\n\n  React.useEffect(() => {\n    setFilter({\n      dateRange: { start: subDays(startOfToday(), 90), end: endOfToday() },\n      accounts: [selectedAccount.guid],\n    })\n  }, [selectedAccount])\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), [])\n\n  return (\n    <>\n      <TransactionList onClick={setGuid} />\n      {transaction && (\n        <Drawer\n          ariaLabelClose={accountsCopy.close_drawer}\n          isOpen={!!guid}\n          onClose={() => setGuid('')}\n          title={accountsCopy.transaction_drawer_title}\n        >\n          <TransactionDetails transaction={transaction} />\n        </Drawer>\n      )}\n    </>\n  )\n}\n\nexport default observer(TransactionsTab)\n"],"mappings":";;;;;;;;;;AAcA,IAAM,IAAA,MAAwB;AAC5B,QAAM,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAE,GAEnC,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,iBAAA,EAAA,IAAoB,EAAkB,GACxC,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,yBAAA,GAAyB,qBAAA,GAAqB,WAAA,GAAW,oBAAA,EAAA,IAC/D,EAAoB;AAEtB,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAoB,EAAE,QAAQ;AAAA,EAElC,GAAG,CAAC,CAAC;AAEL,QAAM,IAAc,EAAM,QAAA,MAClB,EAAmB,KAAA,CAAM,MAAM,EAAE,SAAS,CAAI,GACpD,CAAC,GAAM,CAAkB,CAC3B;AAEA,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAU;AAAA,MACR,WAAW;AAAA,QAAE,OAAO,EAAQ,EAAa,GAAG,EAAE;AAAA,QAAG,KAAK,EAAW;AAAA,MAAE;AAAA,MACnE,UAAU,CAAC,EAAgB,IAAI;AAAA,IACjC,CAAC;AAAA,EACH,GAAG,CAAC,CAAe,CAAC,GAEpB,EAAM,UAAA,MAAgB,EAAQ,EAAiB,iCAAiC,GAAG,CAAC,CAAC,GAGnF,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAiB,SAAS,EAAU,CAAA,GACnC,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAa;AAAA,IAC7B,QAAQ,CAAC,CAAC;AAAA,IACV,SAAA,MAAe,EAAQ,EAAE;AAAA,IACzB,OAAO,EAAa;AAAA,cAEpB,gBAAA,EAAC,GAAD,EAAiC,aAAA,EAAc,CAAA;AAAA,EACzC,CAAA,CAEV,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAe"}
+{"version":3,"file":"TransactionsTab.es.js","names":[],"sources":["../../../../../src/accounts/components/detailsdrawer/Transactions/TransactionsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { subDays, startOfToday, endOfToday } from 'date-fns'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../common'\nimport { TransactionDetails, TransactionList } from '../../../../transactions'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\nconst TransactionsTab = () => {\n  const [guid, setGuid] = React.useState('')\n\n  const { onEvent } = useEvent()\n  const { selectedAccount } = useAccountUiStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { isTransactionDataLoaded, loadTransactionData, setFilter, sortedTransactions } =\n    useTransactionStore()\n\n  React.useEffect(() => {\n    if (!isTransactionDataLoaded) {\n      loadTransactionData().finally()\n    }\n  }, [])\n\n  const transaction = React.useMemo(\n    () => sortedTransactions.find((t) => t.guid === guid),\n    [guid, sortedTransactions],\n  )\n\n  React.useEffect(() => {\n    setFilter({\n      dateRange: { start: subDays(startOfToday(), 90), end: endOfToday() },\n      accounts: [selectedAccount.guid],\n    })\n  }, [selectedAccount])\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), [])\n\n  return (\n    <>\n      <TransactionList onClick={setGuid} />\n      {transaction && (\n        <Drawer\n          ariaLabelClose={accountsCopy.close_drawer}\n          isOpen={!!guid}\n          onClose={() => setGuid('')}\n          title={accountsCopy.transaction_drawer_title}\n        >\n          <TransactionDetails transaction={transaction} />\n        </Drawer>\n      )}\n    </>\n  )\n}\n\nexport default observer(TransactionsTab)\n"],"mappings":";;;;;;;;;;AAcA,IAAM,IAAA,MAAwB;AAC5B,QAAM,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAE,GAEnC,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,iBAAA,EAAA,IAAoB,EAAkB,GACxC,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,EAAE,yBAAA,GAAyB,qBAAA,GAAqB,WAAA,GAAW,oBAAA,EAAA,IAC/D,EAAoB;AAEtB,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,KACH,EAAoB,EAAE,QAAQ;AAAA,EAElC,GAAG,CAAC,CAAC;AAEL,QAAM,IAAc,EAAM,QAAA,MAClB,EAAmB,KAAA,CAAM,MAAM,EAAE,SAAS,CAAI,GACpD,CAAC,GAAM,CAAkB,CAC3B;AAEA,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAU;AAAA,MACR,WAAW;AAAA,QAAE,OAAO,EAAQ,EAAa,GAAG,EAAE;AAAA,QAAG,KAAK,EAAW;AAAA,MAAE;AAAA,MACnE,UAAU,CAAC,EAAgB,IAAI;AAAA,IACjC,CAAC;AAAA,EACH,GAAG,CAAC,CAAe,CAAC,GAEpB,EAAM,UAAA,MAAgB,EAAQ,EAAiB,iCAAiC,GAAG,CAAC,CAAC,GAGnF,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAiB,SAAS,EAAU,CAAA,GACnC,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAa;AAAA,IAC7B,QAAQ,CAAC,CAAC;AAAA,IACV,SAAA,MAAe,EAAQ,EAAE;AAAA,IACzB,OAAO,EAAa;AAAA,IAEpB,UAAA,gBAAA,EAAC,GAAD,EAAiC,aAAA,EAAc,CAAA;AAAA,EACzC,CAAA,CAEV,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAe"}

package/dist/accounts/utils/AccountFields.es.js

@@ -76,7 +76,10 @@ var B = (r, e) => {
     label: e.next_payment,
     name: "payment_due_at",
     type: m.Date,
-    valueFormatter: (t) => y(typeof t == "number" ? v(t) : t, c.MED_MONTH_SHORT_DAY_FULL_YEAR)
+    valueFormatter: (t) => {
+      const a = typeof t == "number" ? v(t) : t;
+      return y(a, c.MED_MONTH_SHORT_DAY_FULL_YEAR);
+    }
   }) : l.push({
     label: e.day_payment_due,
     name: "day_payment_is_due",

package/dist/accounts/utils/AccountFields.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountFields.es.js","names":[],"sources":["../../../src/accounts/utils/AccountFields.tsx"],"sourcesContent":["import { Icon, Text } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { AccountIcon, AccountType, PropertyType } from '../../core'\nimport type { Account, AccountsCopy } from '../../core'\n\nimport { PropertyIcon } from '../../core/types/Account'\nimport {\n  getAccountStartingBalance,\n  isAccountLiability,\n  isManual,\n  usesCreditLimitField,\n  usesInterestRateField,\n  usesOriginalBalanceField,\n} from '../../core/utils/AccountUtils'\nimport { FieldType } from '../constants/Accounts'\nimport { fromUnixUTC } from '../../core/utils/DateUtil'\nimport {\n  formatCurrency,\n  formatOrdinal,\n  formatPercentage,\n  isValidNumber,\n} from '../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ntype SelectOption = {\n  label: string\n  value: number\n  icon: React.ReactElement\n}\n\nexport type AccountField = {\n  event?: string\n  label: string\n  minAmount?: number\n  options?: SelectOption[]\n  name: keyof Account\n  placeholder?: string\n  type?: string\n  validation?: (val: any) => string\n  valueFormatter: (val: any) => any\n}\n\nexport const getAccountDetailFields = (account: Account, copy: AccountsCopy) => {\n  const fields: AccountField[] = [\n    {\n      event: 'account_details_click_account_name',\n      label: copy.account_name,\n      name: 'user_name',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.account_name) as string,\n      type: FieldType.Input,\n      validation: (val: string) =>\n        val ? '' : (buildDynamicCopy(copy.field_is_required, copy.account_name) as string),\n      valueFormatter: (val) => val,\n    },\n  ]\n\n  if (isManual(account)) {\n    fields.unshift({\n      label: copy.account_balance,\n      name: 'balance',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.account_balance) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n\n    const accountTypeOptions = Object.keys(AccountType)\n      .filter((key) => Number(key))\n      .map((value) => ({\n        label: copy.account_types[value],\n        value: Number(value),\n        icon: <Icon name={AccountIcon[value]} />,\n      }))\n\n    fields.push({\n      label: copy.account_type,\n      name: 'account_type',\n      options: accountTypeOptions,\n      placeholder: buildDynamicCopy(copy.select_value, copy.account_type) as string,\n      type: FieldType.Select,\n      valueFormatter: (val) => accountTypeOptions.find((option) => option.value === val)?.label,\n    })\n  }\n\n  if (account.account_type === AccountType.PROPERTY) {\n    const propertyTypeOptions = Object.keys(PropertyType)\n      .filter((key) => Number(key))\n      .map((value) => ({\n        label: copy.property_types[value],\n        value: Number(value),\n        icon: <Icon name={PropertyIcon[value]} />,\n      }))\n\n    fields.push({\n      label: copy.property_type,\n      name: 'property_type',\n      options: propertyTypeOptions,\n      placeholder: buildDynamicCopy(copy.select_value, copy.property_type) as string,\n      type: FieldType.Select,\n      valueFormatter: (val) => propertyTypeOptions.find((option) => option.value === val)?.label,\n    })\n  }\n\n  if (usesInterestRateField(account)) {\n    let label = copy.interest_rate\n    let fieldName = 'interest_rate' as keyof Account\n\n    if (!account.is_manual) {\n      if (typeof account.apr === 'number') {\n        label = copy.apr\n        fieldName = 'apr'\n      }\n      if (typeof account.apy === 'number') {\n        label = copy.apy\n        fieldName = 'apy'\n      }\n    }\n\n    fields.push({\n      event: 'account_details_click_interest_rate',\n      label,\n      name: fieldName,\n      placeholder: buildDynamicCopy(copy.enter_value, label) as string,\n      type: FieldType.Input,\n      validation: (val) => (!isValidNumber(val) ? copy.error_amount_is_invalid : ''),\n      valueFormatter: (val) => (isValidNumber(val) ? formatPercentage(val / 100) : val),\n    })\n  }\n\n  if (isAccountLiability(account)) {\n    fields.push({\n      label: copy.minimum_payment,\n      name: 'minimum_payment',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.minimum_payment) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n\n    if (account.payment_due_at) {\n      fields.push({\n        label: copy.next_payment,\n        name: 'payment_due_at',\n        type: FieldType.Date,\n        valueFormatter: (val) => {\n          // accounts for Unix and DateTime values\n          const dateTimeStamp = typeof val === 'number' ? fromUnixUTC(val) : val\n          return formatDate(dateTimeStamp, DATE_FORMATS_INTL.MED_MONTH_SHORT_DAY_FULL_YEAR)\n        },\n      })\n    } else {\n      fields.push({\n        label: copy.day_payment_due,\n        name: 'day_payment_is_due',\n        placeholder: buildDynamicCopy(copy.enter_value, copy.day_payment_due) as string,\n        type: FieldType.Date,\n        valueFormatter: (val) =>\n          buildDynamicCopy(\n            copy.day_of_every_month,\n            formatOrdinal(val <= 31 ? val : new Date(val).getDate()),\n          ) as string,\n      })\n    }\n  }\n\n  if (usesCreditLimitField(account)) {\n    fields.push({\n      label: copy.credit_limit,\n      name: 'credit_limit',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.credit_limit) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n  }\n\n  if (usesOriginalBalanceField(account)) {\n    fields.push({\n      label: copy.original_balance,\n      minAmount: 1,\n      name: 'original_balance',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.original_balance) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n  }\n\n  return fields\n}\nexport const getAccountBalanceDetails = (\n  account: Account,\n  copy: AccountsCopy,\n  showAvailableBalance: boolean,\n) => {\n  let firstSubtitle = ''\n  let firstValue = null\n  let secondSubtitle = null\n  let secondValue = null\n  let hasAvailableBalance = false\n\n  switch (account.account_type) {\n    // checking or savings\n    case 1:\n    case 2: {\n      // some savings accounts only have balance, and not available_balance\n      if (account.available_balance != null && showAvailableBalance) {\n        firstSubtitle = copy.available_balance\n        firstValue = getAccountStartingBalance(account, showAvailableBalance)\n        secondSubtitle = copy.current_balance\n        secondValue = formatCurrency(account.balance, '0,0.00')\n        hasAvailableBalance = true\n      } else {\n        firstSubtitle = copy.current_balance\n        firstValue = getAccountStartingBalance(account, showAvailableBalance)\n      }\n      break\n    }\n    default: {\n      firstSubtitle = copy.current_balance\n      firstValue = account.balance\n      if (account.minimum_payment && account.payment_due_at) {\n        const dateTimeStamp = fromUnixUTC(account.payment_due_at)\n        secondSubtitle = (\n          <Text component=\"strong\" variant=\"caption\">\n            {\n              buildDynamicCopy(\n                copy.payment_due_on,\n                formatCurrency(account.minimum_payment, '0,0.00'),\n                formatDate(dateTimeStamp, DATE_FORMATS_INTL.FULL_MONTH_DAY),\n              ) as string\n            }\n          </Text>\n        )\n      } else if (account.credit_limit) {\n        secondSubtitle = copy.available_credit\n        secondValue = formatCurrency(account.credit_limit - (account?.balance ?? 0), '0,0.00')\n      }\n    }\n  }\n\n  return {\n    firstSubtitle,\n    firstValue,\n    secondSubtitle,\n    secondValue,\n    hasAvailableBalance,\n  }\n}\n\nexport const getClosedAccountBalanceTotal = (\n  accounts: Account[],\n  copy: AccountsCopy,\n  showAvailableBalance: boolean,\n) => {\n  const total = accounts.reduce((sum, account) => {\n    const details = getAccountBalanceDetails(account, copy, showAvailableBalance)\n    const firstValue = details.firstValue || 0\n    return sum + firstValue\n  }, 0)\n\n  return total\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccountFields.es.js","names":[],"sources":["../../../src/accounts/utils/AccountFields.tsx"],"sourcesContent":["import { Icon, Text } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { AccountIcon, AccountType, PropertyType } from '../../core'\nimport type { Account, AccountsCopy } from '../../core'\n\nimport { PropertyIcon } from '../../core/types/Account'\nimport {\n  getAccountStartingBalance,\n  isAccountLiability,\n  isManual,\n  usesCreditLimitField,\n  usesInterestRateField,\n  usesOriginalBalanceField,\n} from '../../core/utils/AccountUtils'\nimport { FieldType } from '../constants/Accounts'\nimport { fromUnixUTC } from '../../core/utils/DateUtil'\nimport {\n  formatCurrency,\n  formatOrdinal,\n  formatPercentage,\n  isValidNumber,\n} from '../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ntype SelectOption = {\n  label: string\n  value: number\n  icon: React.ReactElement\n}\n\nexport type AccountField = {\n  event?: string\n  label: string\n  minAmount?: number\n  options?: SelectOption[]\n  name: keyof Account\n  placeholder?: string\n  type?: string\n  validation?: (val: any) => string\n  valueFormatter: (val: any) => any\n}\n\nexport const getAccountDetailFields = (account: Account, copy: AccountsCopy) => {\n  const fields: AccountField[] = [\n    {\n      event: 'account_details_click_account_name',\n      label: copy.account_name,\n      name: 'user_name',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.account_name) as string,\n      type: FieldType.Input,\n      validation: (val: string) =>\n        val ? '' : (buildDynamicCopy(copy.field_is_required, copy.account_name) as string),\n      valueFormatter: (val) => val,\n    },\n  ]\n\n  if (isManual(account)) {\n    fields.unshift({\n      label: copy.account_balance,\n      name: 'balance',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.account_balance) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n\n    const accountTypeOptions = Object.keys(AccountType)\n      .filter((key) => Number(key))\n      .map((value) => ({\n        label: copy.account_types[value],\n        value: Number(value),\n        icon: <Icon name={AccountIcon[value]} />,\n      }))\n\n    fields.push({\n      label: copy.account_type,\n      name: 'account_type',\n      options: accountTypeOptions,\n      placeholder: buildDynamicCopy(copy.select_value, copy.account_type) as string,\n      type: FieldType.Select,\n      valueFormatter: (val) => accountTypeOptions.find((option) => option.value === val)?.label,\n    })\n  }\n\n  if (account.account_type === AccountType.PROPERTY) {\n    const propertyTypeOptions = Object.keys(PropertyType)\n      .filter((key) => Number(key))\n      .map((value) => ({\n        label: copy.property_types[value],\n        value: Number(value),\n        icon: <Icon name={PropertyIcon[value]} />,\n      }))\n\n    fields.push({\n      label: copy.property_type,\n      name: 'property_type',\n      options: propertyTypeOptions,\n      placeholder: buildDynamicCopy(copy.select_value, copy.property_type) as string,\n      type: FieldType.Select,\n      valueFormatter: (val) => propertyTypeOptions.find((option) => option.value === val)?.label,\n    })\n  }\n\n  if (usesInterestRateField(account)) {\n    let label = copy.interest_rate\n    let fieldName = 'interest_rate' as keyof Account\n\n    if (!account.is_manual) {\n      if (typeof account.apr === 'number') {\n        label = copy.apr\n        fieldName = 'apr'\n      }\n      if (typeof account.apy === 'number') {\n        label = copy.apy\n        fieldName = 'apy'\n      }\n    }\n\n    fields.push({\n      event: 'account_details_click_interest_rate',\n      label,\n      name: fieldName,\n      placeholder: buildDynamicCopy(copy.enter_value, label) as string,\n      type: FieldType.Input,\n      validation: (val) => (!isValidNumber(val) ? copy.error_amount_is_invalid : ''),\n      valueFormatter: (val) => (isValidNumber(val) ? formatPercentage(val / 100) : val),\n    })\n  }\n\n  if (isAccountLiability(account)) {\n    fields.push({\n      label: copy.minimum_payment,\n      name: 'minimum_payment',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.minimum_payment) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n\n    if (account.payment_due_at) {\n      fields.push({\n        label: copy.next_payment,\n        name: 'payment_due_at',\n        type: FieldType.Date,\n        valueFormatter: (val) => {\n          // accounts for Unix and DateTime values\n          const dateTimeStamp = typeof val === 'number' ? fromUnixUTC(val) : val\n          return formatDate(dateTimeStamp, DATE_FORMATS_INTL.MED_MONTH_SHORT_DAY_FULL_YEAR)\n        },\n      })\n    } else {\n      fields.push({\n        label: copy.day_payment_due,\n        name: 'day_payment_is_due',\n        placeholder: buildDynamicCopy(copy.enter_value, copy.day_payment_due) as string,\n        type: FieldType.Date,\n        valueFormatter: (val) =>\n          buildDynamicCopy(\n            copy.day_of_every_month,\n            formatOrdinal(val <= 31 ? val : new Date(val).getDate()),\n          ) as string,\n      })\n    }\n  }\n\n  if (usesCreditLimitField(account)) {\n    fields.push({\n      label: copy.credit_limit,\n      name: 'credit_limit',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.credit_limit) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n  }\n\n  if (usesOriginalBalanceField(account)) {\n    fields.push({\n      label: copy.original_balance,\n      minAmount: 1,\n      name: 'original_balance',\n      placeholder: buildDynamicCopy(copy.enter_value, copy.original_balance) as string,\n      type: FieldType.Currency,\n      valueFormatter: (val) => formatCurrency(val, '0,0.00'),\n    })\n  }\n\n  return fields\n}\nexport const getAccountBalanceDetails = (\n  account: Account,\n  copy: AccountsCopy,\n  showAvailableBalance: boolean,\n) => {\n  let firstSubtitle = ''\n  let firstValue = null\n  let secondSubtitle = null\n  let secondValue = null\n  let hasAvailableBalance = false\n\n  switch (account.account_type) {\n    // checking or savings\n    case 1:\n    case 2: {\n      // some savings accounts only have balance, and not available_balance\n      if (account.available_balance != null && showAvailableBalance) {\n        firstSubtitle = copy.available_balance\n        firstValue = getAccountStartingBalance(account, showAvailableBalance)\n        secondSubtitle = copy.current_balance\n        secondValue = formatCurrency(account.balance, '0,0.00')\n        hasAvailableBalance = true\n      } else {\n        firstSubtitle = copy.current_balance\n        firstValue = getAccountStartingBalance(account, showAvailableBalance)\n      }\n      break\n    }\n    default: {\n      firstSubtitle = copy.current_balance\n      firstValue = account.balance\n      if (account.minimum_payment && account.payment_due_at) {\n        const dateTimeStamp = fromUnixUTC(account.payment_due_at)\n        secondSubtitle = (\n          <Text component=\"strong\" variant=\"caption\">\n            {\n              buildDynamicCopy(\n                copy.payment_due_on,\n                formatCurrency(account.minimum_payment, '0,0.00'),\n                formatDate(dateTimeStamp, DATE_FORMATS_INTL.FULL_MONTH_DAY),\n              ) as string\n            }\n          </Text>\n        )\n      } else if (account.credit_limit) {\n        secondSubtitle = copy.available_credit\n        secondValue = formatCurrency(account.credit_limit - (account?.balance ?? 0), '0,0.00')\n      }\n    }\n  }\n\n  return {\n    firstSubtitle,\n    firstValue,\n    secondSubtitle,\n    secondValue,\n    hasAvailableBalance,\n  }\n}\n\nexport const getClosedAccountBalanceTotal = (\n  accounts: Account[],\n  copy: AccountsCopy,\n  showAvailableBalance: boolean,\n) => {\n  const total = accounts.reduce((sum, account) => {\n    const details = getAccountBalanceDetails(account, copy, showAvailableBalance)\n    const firstValue = details.firstValue || 0\n    return sum + firstValue\n  }, 0)\n\n  return total\n}\n"],"mappings":"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"}

package/dist/analytics/SurveyMiniWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SurveyMiniWidget.es.js","names":[],"sources":["../../src/analytics/SurveyMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { SurveyQuestionType } from 'posthog-js'\n\nimport Alert from '@mui/material/Alert'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Loader from '../common/components/Loader'\nimport MiniWidgetContainer from '../common/components/MiniWidgetContainer'\nimport { useEvent } from '../common/context/hooks'\nimport { useAnalyticsStore } from '../common/context/hooks'\nimport { useGlobalUiStore } from '../common/context/hooks'\nimport { useGlobalCopyStore } from '../common/context/hooks'\n\nimport RatingScale from './components/RatingScale'\nimport OpenTextField from './components/OpenTextField'\n\nconst SurveyMiniWidget = () => {\n  const { onEvent } = useEvent()\n  const {\n    surveyId,\n    question,\n    isLastQuestion,\n    nextQuestion,\n    loadSurvey,\n    questionCount,\n    response,\n    responsePayload,\n    resetStore,\n    survey,\n  } = useAnalyticsStore()\n\n  const { analytics: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n  const [showAlert, setShowAlert] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadSurvey()\n    }\n  }, [isInitialized])\n\n  React.useEffect(() => {\n    onEvent('survey shown', {\n      $survey_id: surveyId,\n    })\n  }, [survey])\n\n  const handleClose = () => {\n    onEvent('survey dismissed', {\n      $survey_id: surveyId,\n    })\n    resetStore()\n    setShowAlert(false)\n  }\n\n  const handleContinue = () => {\n    nextQuestion()\n  }\n\n  const handleSubmit = () => {\n    const payload = responsePayload\n    onEvent('survey sent', payload)\n    resetStore()\n    setShowAlert(true)\n  }\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  if (!question && !showAlert) {\n    return null\n  }\n\n  return (\n    <MiniWidgetContainer\n      closeLabel={commonCopy.close_aria}\n      onClose={handleClose}\n      sx={{\n        '& .MuiCardHeader-root': {\n          px: 24,\n          pb: 2,\n        },\n        '& .MuiCardHeader-subheader': {\n          fontSize: 13,\n        },\n        '& .MuiCardContent-root:last-child': {\n          pb: 0,\n        },\n      }}\n      title={copy.your_feedback_matters}\n    >\n      <Stack sx={{ pb: 8, px: 24 }}>\n        <Text truncate={false} variant=\"subtitle2\">\n          {copy.let_us_know}\n        </Text>\n      </Stack>\n      {question && (\n        <React.Fragment>\n          <Stack sx={{ gap: 4, px: 24, py: 16 }}>\n            <Text bold={true} truncate={false}>\n              {question.question}\n            </Text>\n            <Text variant=\"caption\">{questionCount}</Text>\n          </Stack>\n          <Stack sx={{ gap: 6, px: 24, pb: 8 }}>\n            {question.type === SurveyQuestionType.Rating && <RatingScale />}\n\n            {question.type === SurveyQuestionType.Open && <OpenTextField />}\n          </Stack>\n          <Stack sx={{ px: 24, py: 16 }}>\n            <Button\n              disabled={!isLastQuestion && !response}\n              onClick={isLastQuestion ? handleSubmit : handleContinue}\n              variant={isLastQuestion && response ? 'contained' : 'outlined'}\n            >\n              {isLastQuestion ? copy.submit_feedback : copy.continue}\n            </Button>\n          </Stack>\n        </React.Fragment>\n      )}\n\n      {showAlert && (\n        <React.Fragment>\n          <Stack sx={{ px: 24, py: 24 }}>\n            <Text bold={true} truncate={false}>\n              {copy.thank_you}\n            </Text>\n          </Stack>\n          <Stack sx={{ px: 24, pb: 24 }}>\n            <Alert severity=\"success\" variant=\"filled\">\n              {copy.feedback_sent_successfully}\n            </Alert>\n          </Stack>\n        </React.Fragment>\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(SurveyMiniWidget)\n"],"mappings":"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"}
+{"version":3,"file":"SurveyMiniWidget.es.js","names":[],"sources":["../../src/analytics/SurveyMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { SurveyQuestionType } from 'posthog-js'\n\nimport Alert from '@mui/material/Alert'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Loader from '../common/components/Loader'\nimport MiniWidgetContainer from '../common/components/MiniWidgetContainer'\nimport { useEvent } from '../common/context/hooks'\nimport { useAnalyticsStore } from '../common/context/hooks'\nimport { useGlobalUiStore } from '../common/context/hooks'\nimport { useGlobalCopyStore } from '../common/context/hooks'\n\nimport RatingScale from './components/RatingScale'\nimport OpenTextField from './components/OpenTextField'\n\nconst SurveyMiniWidget = () => {\n  const { onEvent } = useEvent()\n  const {\n    surveyId,\n    question,\n    isLastQuestion,\n    nextQuestion,\n    loadSurvey,\n    questionCount,\n    response,\n    responsePayload,\n    resetStore,\n    survey,\n  } = useAnalyticsStore()\n\n  const { analytics: copy, common: commonCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n  const [showAlert, setShowAlert] = React.useState(false)\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadSurvey()\n    }\n  }, [isInitialized])\n\n  React.useEffect(() => {\n    onEvent('survey shown', {\n      $survey_id: surveyId,\n    })\n  }, [survey])\n\n  const handleClose = () => {\n    onEvent('survey dismissed', {\n      $survey_id: surveyId,\n    })\n    resetStore()\n    setShowAlert(false)\n  }\n\n  const handleContinue = () => {\n    nextQuestion()\n  }\n\n  const handleSubmit = () => {\n    const payload = responsePayload\n    onEvent('survey sent', payload)\n    resetStore()\n    setShowAlert(true)\n  }\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  if (!question && !showAlert) {\n    return null\n  }\n\n  return (\n    <MiniWidgetContainer\n      closeLabel={commonCopy.close_aria}\n      onClose={handleClose}\n      sx={{\n        '& .MuiCardHeader-root': {\n          px: 24,\n          pb: 2,\n        },\n        '& .MuiCardHeader-subheader': {\n          fontSize: 13,\n        },\n        '& .MuiCardContent-root:last-child': {\n          pb: 0,\n        },\n      }}\n      title={copy.your_feedback_matters}\n    >\n      <Stack sx={{ pb: 8, px: 24 }}>\n        <Text truncate={false} variant=\"subtitle2\">\n          {copy.let_us_know}\n        </Text>\n      </Stack>\n      {question && (\n        <React.Fragment>\n          <Stack sx={{ gap: 4, px: 24, py: 16 }}>\n            <Text bold={true} truncate={false}>\n              {question.question}\n            </Text>\n            <Text variant=\"caption\">{questionCount}</Text>\n          </Stack>\n          <Stack sx={{ gap: 6, px: 24, pb: 8 }}>\n            {question.type === SurveyQuestionType.Rating && <RatingScale />}\n\n            {question.type === SurveyQuestionType.Open && <OpenTextField />}\n          </Stack>\n          <Stack sx={{ px: 24, py: 16 }}>\n            <Button\n              disabled={!isLastQuestion && !response}\n              onClick={isLastQuestion ? handleSubmit : handleContinue}\n              variant={isLastQuestion && response ? 'contained' : 'outlined'}\n            >\n              {isLastQuestion ? copy.submit_feedback : copy.continue}\n            </Button>\n          </Stack>\n        </React.Fragment>\n      )}\n\n      {showAlert && (\n        <React.Fragment>\n          <Stack sx={{ px: 24, py: 24 }}>\n            <Text bold={true} truncate={false}>\n              {copy.thank_you}\n            </Text>\n          </Stack>\n          <Stack sx={{ px: 24, pb: 24 }}>\n            <Alert severity=\"success\" variant=\"filled\">\n              {copy.feedback_sent_successfully}\n            </Alert>\n          </Stack>\n        </React.Fragment>\n      )}\n    </MiniWidgetContainer>\n  )\n}\n\nexport default observer(SurveyMiniWidget)\n"],"mappings":"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"}

package/dist/analytics/components/RatingScale.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingScale.es.js","names":[],"sources":["../../../src/analytics/components/RatingScale.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { RatingSurveyQuestion } from 'posthog-js'\n\nimport Stack from '@mui/material/Stack'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useAnalyticsStore } from '../../common/context/hooks'\nimport { useGlobalCopyStore } from '../../common/context/hooks'\n\nconst RatingScale = () => {\n  const { question, response, setResponse } = useAnalyticsStore()\n  const { analytics: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const ratingQuestion = question as RatingSurveyQuestion\n\n  const handleSelect = (_: React.MouseEvent<HTMLElement>, response: number | null) => {\n    setResponse(response)\n  }\n\n  return (\n    <React.Fragment>\n      <ToggleButtonGroup\n        exclusive={true}\n        onChange={handleSelect}\n        sx={{\n          display: 'flex',\n          height: 44,\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n        value={response}\n      >\n        {Array.from({ length: ratingQuestion.scale }, (_, index) => (\n          <ToggleButton\n            color=\"primary\"\n            key={index + 1}\n            sx={{ fontWeight: 'bold', width: `${100 / ratingQuestion.scale}%` }}\n            value={index + 1}\n          >\n            {index + 1}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n      <Stack\n        sx={{\n          color: theme.palette.secondary.light,\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_disagree}\n        </Text>\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_agree}\n        </Text>\n      </Stack>\n    </React.Fragment>\n  )\n}\n\nexport default observer(RatingScale)\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAA,MAAoB;AACxB,QAAM,EAAE,UAAA,GAAU,UAAA,GAAU,aAAA,EAAA,IAAgB,EAAkB,GACxD,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GACjB,IAAiB,GAEjB,IAAA,CAAgB,GAAkC,MAA4B;AAClF,IAAA,EAAY,CAAQ;AAAA,EACtB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,UAAU;AAAA,IACV,IAAI;AAAA,MACF,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,cAEN,MAAM,KAAK,EAAE,QAAQ,EAAe,MAAM,GAAA,CAAI,GAAG,MAChD,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MAEN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAQ,OAAO,GAAG,MAAM,EAAe,KAAA;AAAA,MAAS;AAAA,MAClE,OAAO,IAAQ;AAAA,gBAEd,IAAQ;AAAA,IACG,GALP,IAAQ,CAKD,CACf;AAAA,EACgB,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAO,EAAM,QAAQ,UAAU;AAAA,MAC/B,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,gBAC9C,EAAK;AAAA,IACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,gBAC9C,EAAK;AAAA,IACF,CAAA,CACD;AAAA,IACO,EAAA,CAAA;AAEpB,GAEA,IAAe,EAAS,CAAW"}
+{"version":3,"file":"RatingScale.es.js","names":[],"sources":["../../../src/analytics/components/RatingScale.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { RatingSurveyQuestion } from 'posthog-js'\n\nimport Stack from '@mui/material/Stack'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useAnalyticsStore } from '../../common/context/hooks'\nimport { useGlobalCopyStore } from '../../common/context/hooks'\n\nconst RatingScale = () => {\n  const { question, response, setResponse } = useAnalyticsStore()\n  const { analytics: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const ratingQuestion = question as RatingSurveyQuestion\n\n  const handleSelect = (_: React.MouseEvent<HTMLElement>, response: number | null) => {\n    setResponse(response)\n  }\n\n  return (\n    <React.Fragment>\n      <ToggleButtonGroup\n        exclusive={true}\n        onChange={handleSelect}\n        sx={{\n          display: 'flex',\n          height: 44,\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n        value={response}\n      >\n        {Array.from({ length: ratingQuestion.scale }, (_, index) => (\n          <ToggleButton\n            color=\"primary\"\n            key={index + 1}\n            sx={{ fontWeight: 'bold', width: `${100 / ratingQuestion.scale}%` }}\n            value={index + 1}\n          >\n            {index + 1}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n      <Stack\n        sx={{\n          color: theme.palette.secondary.light,\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_disagree}\n        </Text>\n        <Text bold={true} color=\"text.secondary\" variant=\"caption\">\n          {copy.strongly_agree}\n        </Text>\n      </Stack>\n    </React.Fragment>\n  )\n}\n\nexport default observer(RatingScale)\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAA,MAAoB;AACxB,QAAM,EAAE,UAAA,GAAU,UAAA,GAAU,aAAA,EAAA,IAAgB,EAAkB,GACxD,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GACjB,IAAiB,GAEjB,IAAA,CAAgB,GAAkC,MAA4B;AAClF,IAAA,EAAY,CAAQ;AAAA,EACtB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,UAAU;AAAA,IACV,IAAI;AAAA,MACF,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,OAAO;AAAA,IAEN,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAe,MAAM,GAAA,CAAI,GAAG,MAChD,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MAEN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAQ,OAAO,GAAG,MAAM,EAAe,KAAA;AAAA,MAAS;AAAA,MAClE,OAAO,IAAQ;AAAA,MAEd,UAAA,IAAQ;AAAA,IACG,GALP,IAAQ,CAKD,CACf;AAAA,EACgB,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,OAAO,EAAM,QAAQ,UAAU;AAAA,MAC/B,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,MAC9C,UAAA,EAAK;AAAA,IACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,MAAM,MAAM;AAAA,MAAM,OAAM;AAAA,MAAiB,SAAQ;AAAA,MAC9C,UAAA,EAAK;AAAA,IACF,CAAA,CACD;AAAA,EACO,CAAA,CAAA,EAAA,CAAA;AAEpB,GAEA,IAAe,EAAS,CAAW"}