@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

package/dist/accounts/api/AccountApi.js

@@ -0,0 +1,176 @@
+import { Fetch as i } from "../../common/utils/Fetch.js";
+import { ApiEndpoints as o } from "../../common/constants/ApiEndpoints.js";
+import "date-fns/intlFormat";
+import "date-fns/getUnixTime";
+import "bowser";
+import "react/jsx-runtime";
+import "react";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/material";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addYears";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "numeral";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../AccountsWidget.js";
+import "../AccountsMiniWidget.js";
+import "../ConnectMiniWidget.js";
+import "../components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "date-fns/fromUnixTime";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "date-fns/addWeeks";
+import "date-fns/getDay";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+class to {
+  fetchInstance;
+  constructor(t, r) {
+    this.fetchInstance = new i(t, r);
+  }
+  createAccount = async (t) => this.fetchInstance.post(o.ACCOUNTS, t).then((r) => r.account).catch((r) => r);
+  deleteAccount = async (t) => this.fetchInstance.delete(`${o.ACCOUNTS}/${t}`).catch((r) => r);
+  getAccounts = async () => this.fetchInstance.get(o.ACCOUNTS).then((t) => t.accounts).catch((t) => t);
+  getInstitutions = async () => this.fetchInstance.get(o.INSTITUTIONS).then((t) => t).catch((t) => t);
+  getMembers = async () => this.fetchInstance.get(o.MEMBERS).then((t) => t.members).catch((t) => t);
+  getMonthlyAccountBalances = async (t) => this.fetchInstance.get(`${o.ACCOUNTS}/${t}/monthly_account_balances`).then((r) => r.monthly_account_balances).catch((r) => r);
+  mergeAccounts = async (t) => this.fetchInstance.put(`${o.ACCOUNTS}/merge`, { accounts: t }).then((r) => r).catch((r) => r);
+  refreshAllMembers = async () => this.fetchInstance.get(`${o.MEMBERS}/refresh_all`).then((t) => t).catch((t) => t);
+  updateAccount = async (t) => this.fetchInstance.put(`${o.ACCOUNTS}/${t.guid}`, t).then((r) => r.account).catch((r) => r);
+}
+export {
+  to as AccountApi
+};
+//# sourceMappingURL=AccountApi.js.map

package/dist/accounts/api/AccountApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountApi.js","sources":["../../../src/accounts/api/AccountApi.ts"],"sourcesContent":["import Fetch from '../../common/utils/Fetch'\n\nimport { ApiEndpoints } from '../../common/constants'\nimport type { Account } from '../../common'\n\nexport class AccountApi {\n  fetchInstance: Fetch\n\n  constructor(endpoint: string, token: string) {\n    this.fetchInstance = new Fetch(endpoint, token)\n  }\n\n  createAccount = async (account: Account) => {\n    return this.fetchInstance\n      .post(ApiEndpoints.ACCOUNTS, account)\n      .then((data) => data.account)\n      .catch((error) => error)\n  }\n\n  deleteAccount = async (accountGuid: string) => {\n    return this.fetchInstance\n      .delete(`${ApiEndpoints.ACCOUNTS}/${accountGuid}`)\n      .catch((error) => error)\n  }\n\n  getAccounts = async () => {\n    return this.fetchInstance\n      .get(ApiEndpoints.ACCOUNTS)\n      .then((data) => data.accounts)\n      .catch((error) => error)\n  }\n\n  getInstitutions = async () => {\n    return this.fetchInstance\n      .get(ApiEndpoints.INSTITUTIONS)\n      .then((data) => data)\n      .catch((error) => error)\n  }\n\n  getMembers = async () => {\n    return this.fetchInstance\n      .get(ApiEndpoints.MEMBERS)\n      .then((data) => data.members)\n      .catch((error) => error)\n  }\n\n  getMonthlyAccountBalances = async (guid: string) => {\n    return this.fetchInstance\n      .get(`${ApiEndpoints.ACCOUNTS}/${guid}/monthly_account_balances`)\n      .then((data) => data.monthly_account_balances)\n      .catch((error) => error)\n  }\n\n  mergeAccounts = async (accountGuids: string[]) => {\n    return this.fetchInstance\n      .put(`${ApiEndpoints.ACCOUNTS}/merge`, { accounts: accountGuids })\n      .then((data) => data)\n      .catch((error) => error)\n  }\n\n  refreshAllMembers = async () => {\n    return this.fetchInstance\n      .get(`${ApiEndpoints.MEMBERS}/refresh_all`)\n      .then((data) => data)\n      .catch((error) => error)\n  }\n\n  updateAccount = async (account: Account) => {\n    return this.fetchInstance\n      .put(`${ApiEndpoints.ACCOUNTS}/${account.guid}`, account)\n      .then((data) => data.account)\n      .catch((error) => error)\n  }\n}\n"],"names":["AccountApi","endpoint","token","Fetch","account","ApiEndpoints","data","error","accountGuid","guid","accountGuids"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,GAAW;AAAA,EACtB;AAAA,EAEA,YAAYC,GAAkBC,GAAe;AAC3C,SAAK,gBAAgB,IAAIC,EAAMF,GAAUC,CAAK;AAAA,EAChD;AAAA,EAEA,gBAAgB,OAAOE,MACd,KAAK,cACT,KAAKC,EAAa,UAAUD,CAAO,EACnC,KAAK,CAACE,MAASA,EAAK,OAAO,EAC3B,MAAM,CAACC,MAAUA,CAAK;AAAA,EAG3B,gBAAgB,OAAOC,MACd,KAAK,cACT,OAAO,GAAGH,EAAa,QAAQ,IAAIG,CAAW,EAAE,EAChD,MAAM,CAACD,MAAUA,CAAK;AAAA,EAG3B,cAAc,YACL,KAAK,cACT,IAAIF,EAAa,QAAQ,EACzB,KAAK,CAACC,MAASA,EAAK,QAAQ,EAC5B,MAAM,CAACC,MAAUA,CAAK;AAAA,EAG3B,kBAAkB,YACT,KAAK,cACT,IAAIF,EAAa,YAAY,EAC7B,KAAK,CAACC,MAASA,CAAI,EACnB,MAAM,CAACC,MAAUA,CAAK;AAAA,EAG3B,aAAa,YACJ,KAAK,cACT,IAAIF,EAAa,OAAO,EACxB,KAAK,CAACC,MAASA,EAAK,OAAO,EAC3B,MAAM,CAACC,MAAUA,CAAK;AAAA,EAG3B,4BAA4B,OAAOE,MAC1B,KAAK,cACT,IAAI,GAAGJ,EAAa,QAAQ,IAAII,CAAI,2BAA2B,EAC/D,KAAK,CAACH,MAASA,EAAK,wBAAwB,EAC5C,MAAM,CAACC,MAAUA,CAAK;AAAA,EAG3B,gBAAgB,OAAOG,MACd,KAAK,cACT,IAAI,GAAGL,EAAa,QAAQ,UAAU,EAAE,UAAUK,EAAA,CAAc,EAChE,KAAK,CAACJ,MAASA,CAAI,EACnB,MAAM,CAACC,MAAUA,CAAK;AAAA,EAG3B,oBAAoB,YACX,KAAK,cACT,IAAI,GAAGF,EAAa,OAAO,cAAc,EACzC,KAAK,CAACC,MAASA,CAAI,EACnB,MAAM,CAACC,MAAUA,CAAK;AAAA,EAG3B,gBAAgB,OAAOH,MACd,KAAK,cACT,IAAI,GAAGC,EAAa,QAAQ,IAAID,EAAQ,IAAI,IAAIA,CAAO,EACvD,KAAK,CAACE,MAASA,EAAK,OAAO,EAC3B,MAAM,CAACC,MAAUA,CAAK;AAE7B;"}

package/dist/accounts/components/AccountListItem.js

@@ -0,0 +1,230 @@
+import { jsxs as i, Fragment as s, jsx as r } from "react/jsx-runtime";
+import { observer as b } from "mobx-react-lite";
+import y from "@mui/material/Badge";
+import l from "@mui/material/Box";
+import S from "@mui/material/ListItem";
+import I from "@mui/material/ListItemAvatar";
+import _ from "@mui/material/ListItemButton";
+import v from "@mui/material/ListItemText";
+import C from "@mui/material/styles/useTheme";
+import { InstitutionLogo as L, Text as o } from "@mxenabled/mxui";
+import { ErrorStatus as B } from "./ConnectionStatusIcons.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import { formatCurrency as j } from "../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as A } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../AccountsWidget.js";
+import "../AccountsMiniWidget.js";
+import "../ConnectMiniWidget.js";
+import "./detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "./detailsdrawer/Accounts/AccountDetailsContent.js";
+import { getAccountBalanceDetails as T } from "../utils/AccountFields.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import { ConnectionStatus as a } from "../../common/types/Account.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const X = ({
+  account: t,
+  onRowClick: p,
+  listItemProps: d,
+  shouldShowConnectionStatus: c = !1
+}) => {
+  const f = C(), { accounts: m } = A(), { firstSubtitle: u, firstValue: h, secondSubtitle: x, secondValue: g } = T(
+    t,
+    m
+  );
+  let e;
+  (t.connectionStatus === a.Error || t.connectionStatus === a.RequiresMfa) && (e = /* @__PURE__ */ r(B, { size: 16 }));
+  const n = /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
+      y,
+      {
+        badgeContent: c ? e : void 0,
+        sx: {
+          "& .MuiBadge-badge": {
+            right: -1
+          }
+        },
+        children: /* @__PURE__ */ r(L, { alt: "MX", institutionGuid: t.institution_guid || "" })
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      v,
+      {
+        disableTypography: !0,
+        primary: /* @__PURE__ */ i(
+          o,
+          {
+            bold: !0,
+            color: t.is_hidden ? f.palette.text.secondary : void 0,
+            sx: { whiteSpace: "normal" },
+            variant: "Body",
+            children: [
+              `${t.name || t.feed_name} ${t.account_number ? `*${t.account_number}` : ""}`,
+              " ",
+              t.is_hidden && !t.is_closed && m.is_hidden,
+              t.is_closed && m.is_closed
+            ]
+          }
+        ),
+        secondary: /* @__PURE__ */ i(s, { children: [
+          /* @__PURE__ */ i(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ r(o, { variant: "XSmall", children: u }),
+            /* @__PURE__ */ r(o, { bold: !0, variant: "Small", children: j(h, "0,0.00") })
+          ] }),
+          /* @__PURE__ */ i(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ r(o, { variant: "XSmall", children: x }),
+            /* @__PURE__ */ r(o, { ml: "auto", variant: "XSmall", children: g })
+          ] })
+        ] })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ r(
+    S,
+    {
+      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
+      ...d,
+      children: p ? /* @__PURE__ */ r(_, { alignItems: "flex-start", onClick: p, sx: { px: 24 }, children: n }) : n
+    }
+  );
+}, Ti = b(X);
+export {
+  Ti as default
+};
+//# sourceMappingURL=AccountListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountListItem.js","sources":["../../../src/accounts/components/AccountListItem.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Badge from '@mui/material/Badge'\nimport Box from '@mui/material/Box'\nimport ListItem, { ListItemOwnProps } from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport { ErrorStatus } from './ConnectionStatusIcons'\n\nimport { Account, ConnectionStatus, formatCurrency, useGlobalCopyStore } from '../../common'\nimport { getAccountBalanceDetails } from '../utils/AccountFields'\n\ninterface AccountListItemProps {\n  account: Account\n  onRowClick?: () => void\n  listItemProps?: ListItemOwnProps\n  shouldShowConnectionStatus?: boolean\n}\n\nconst AccountListItem: React.FC<AccountListItemProps> = ({\n  account,\n  onRowClick,\n  listItemProps,\n  shouldShowConnectionStatus = false,\n}) => {\n  const theme = useTheme()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { firstSubtitle, firstValue, secondSubtitle, secondValue } = getAccountBalanceDetails(\n    account,\n    accountsCopy,\n  )\n\n  let statusIcon = undefined\n  if (\n    account.connectionStatus === ConnectionStatus.Error ||\n    account.connectionStatus === ConnectionStatus.RequiresMfa\n  ) {\n    statusIcon = <ErrorStatus size={16} />\n  }\n\n  const content = (\n    <>\n      <ListItemAvatar>\n        <Badge\n          badgeContent={shouldShowConnectionStatus ? statusIcon : undefined}\n          sx={{\n            '& .MuiBadge-badge': {\n              right: -1,\n            },\n          }}\n        >\n          <InstitutionLogo alt=\"MX\" institutionGuid={account.institution_guid || ''} />\n        </Badge>\n      </ListItemAvatar>\n\n      <ListItemText\n        disableTypography={true}\n        primary={\n          <Text\n            bold={true}\n            color={account.is_hidden ? theme.palette.text.secondary : undefined}\n            sx={{ whiteSpace: 'normal' }}\n            variant=\"Body\"\n          >\n            {`${account.name || account.feed_name} ${account.account_number ? `*${account.account_number}` : ''}`}{' '}\n            {account.is_hidden && !account.is_closed && accountsCopy.is_hidden}\n            {account.is_closed && accountsCopy.is_closed}\n          </Text>\n        }\n        secondary={\n          <>\n            <Box sx={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n              <Text variant=\"XSmall\">{firstSubtitle}</Text>\n              <Text bold={true} variant=\"Small\">\n                {formatCurrency(firstValue, '0,0.00')}\n              </Text>\n            </Box>\n            <Box sx={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}>\n              <Text variant=\"XSmall\">{secondSubtitle}</Text>\n              <Text ml=\"auto\" variant=\"XSmall\">\n                {secondValue}\n              </Text>\n            </Box>\n          </>\n        }\n      />\n    </>\n  )\n\n  return (\n    <ListItem\n      sx={{ backgroundColor: 'background.paper', color: account.is_closed ? 'grey.700' : '' }}\n      {...listItemProps}\n    >\n      {onRowClick ? (\n        <ListItemButton alignItems=\"flex-start\" onClick={onRowClick} sx={{ px: 24 }}>\n          {content}\n        </ListItemButton>\n      ) : (\n        content\n      )}\n    </ListItem>\n  )\n}\n\nexport default observer(AccountListItem)\n"],"names":["AccountListItem","account","onRowClick","listItemProps","shouldShowConnectionStatus","theme","useTheme","accountsCopy","useGlobalCopyStore","firstSubtitle","firstValue","secondSubtitle","secondValue","getAccountBalanceDetails","statusIcon","ConnectionStatus","jsx","ErrorStatus","content","jsxs","Fragment","ListItemAvatar","Badge","InstitutionLogo","ListItemText","Text","Box","formatCurrency","ListItem","ListItemButton","AccountListItem$1","observer"],"mappings":"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"}