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

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

@@ -0,0 +1,197 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { observer as C } from "mobx-react-lite";
+import i from "@mui/material/Stack";
+import { InstitutionLogo as S, Text as m, H2 as b } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import { INCOME_ACCOUNT_TYPES as A, PAYMENT_ACCOUNT_TYPES as _, SPENDING_ACCOUNT_TYPES as g } from "../../../../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 y } from "../../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as T, useGlobalCopyStore as v } from "../../../../common/context/hooks.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/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 "../../../../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/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 "./AccountDetailsContent.js";
+import { getAccountBalanceDetails as N } from "../../../utils/AccountFields.js";
+import { useAccountUiStore as E } from "../../../hooks/useUiStore.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 "../../../../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";
+import w from "./AccountDetailsChart.js";
+const P = ({ customDetailsChart: p }) => {
+  const { institutions: e } = T(), { selectedAccount: o } = E(), { accounts: n } = v(), { firstSubtitle: c, firstValue: a, hasAvailableBalance: l, secondSubtitle: s, secondValue: u } = N(o, n), d = e.find(
+    (h) => h.guid === o?.institution_guid
+  ), f = [
+    ...A,
+    ..._,
+    ...g
+  ].includes(o.account_type);
+  return /* @__PURE__ */ r(i, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ r(i, { gap: 12, children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          alt: n.institution_logo_alt,
+          institutionGuid: o.institution_guid || "",
+          size: 64
+        }
+      ),
+      /* @__PURE__ */ t(m, { variant: "Small", children: d?.name })
+    ] }),
+    /* @__PURE__ */ r(i, { gap: 8, mb: 24, mt: 4, children: [
+      /* @__PURE__ */ t(b, { children: o.name || o.feed_name }),
+      /* @__PURE__ */ r(i, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(m, { bold: l, variant: "Body", children: c }),
+        /* @__PURE__ */ t(m, { bold: !0, variant: "Body", children: y(a, "0,0.00") })
+      ] }),
+      /* @__PURE__ */ r(i, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(m, { variant: "Small", children: s }),
+        /* @__PURE__ */ t(m, { variant: "Small", children: u })
+      ] })
+    ] }),
+    f && /* @__PURE__ */ t(i, { children: p || /* @__PURE__ */ t(w, {}) })
+  ] });
+}, wi = C(P);
+export {
+  wi as default
+};
+//# sourceMappingURL=AccountDetailsHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailsHeader.js","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  formatCurrency,\n  useAccountStore,\n  INCOME_ACCOUNT_TYPES,\n  PAYMENT_ACCOUNT_TYPES,\n  SPENDING_ACCOUNT_TYPES,\n  useGlobalCopyStore,\n} from '../../../../common'\nimport { getAccountBalanceDetails } from '../../../utils/AccountFields'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\nimport AccountDetailsChart from './AccountDetailsChart'\n\ninterface AccountDetailsHeaderProps {\n  customDetailsChart?: React.ReactElement\n}\n\nconst AccountDetailsHeader = ({ customDetailsChart }: AccountDetailsHeaderProps) => {\n  const { institutions } = useAccountStore()\n  const { selectedAccount: account } = useAccountUiStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n  const { firstSubtitle, firstValue, hasAvailableBalance, secondSubtitle, secondValue } =\n    getAccountBalanceDetails(account, accountsCopy)\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  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=\"Small\">{institution?.name}</Text>\n      </Stack>\n      <Stack gap={8} mb={24} mt={4}>\n        <H2>{account.name || account.feed_name}</H2>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text bold={hasAvailableBalance} variant=\"Body\">\n            {firstSubtitle}\n          </Text>\n          <Text bold={true} variant=\"Body\">\n            {formatCurrency(firstValue, '0,0.00')}\n          </Text>\n        </Stack>\n        <Stack direction=\"row\" justifyContent=\"space-between\">\n          <Text variant=\"Small\">{secondSubtitle}</Text>\n          <Text variant=\"Small\">{secondValue}</Text>\n        </Stack>\n      </Stack>\n      {showChart && (\n        <Stack>{customDetailsChart ? customDetailsChart : <AccountDetailsChart />}</Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(AccountDetailsHeader)\n"],"names":["AccountDetailsHeader","customDetailsChart","institutions","useAccountStore","account","useAccountUiStore","accountsCopy","useGlobalCopyStore","firstSubtitle","firstValue","hasAvailableBalance","secondSubtitle","secondValue","getAccountBalanceDetails","institution","showChart","INCOME_ACCOUNT_TYPES","PAYMENT_ACCOUNT_TYPES","SPENDING_ACCOUNT_TYPES","jsxs","Stack","jsx","InstitutionLogo","Text","H2","formatCurrency","AccountDetailsChart","AccountDetailsHeader$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAuB,CAAC,EAAE,oBAAAC,QAAoD;AAC5E,QAAA,EAAE,cAAAC,MAAiBC,KACnB,EAAE,iBAAiBC,EAAQ,IAAIC,EAAkB,GACjD,EAAE,UAAUC,EAAa,IAAIC,EAAmB,GAChD,EAAE,eAAAC,GAAe,YAAAC,GAAY,qBAAAC,GAAqB,gBAAAC,GAAgB,aAAAC,EAAY,IAClFC,EAAyBT,GAASE,CAAY,GAE1CQ,IAAcZ,EAAa;AAAA,IAC/B,CAACY,MAAgBA,EAAY,SAASV,GAAS;AAAA,EAAA,GAG3CW,IAAY;AAAA,IAChB,GAAGC;AAAA,IACH,GAAGC;AAAA,IACH,GAAGC;AAAA,EAAA,EACH,SAASd,EAAQ,YAAY;AAE/B,SACG,gBAAAe,EAAAC,GAAA,EAAM,SAAQ,sBAAqB,GAAG,IACrC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAM,KAAK,IACV,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,KAAKhB,EAAa;AAAA,UAClB,iBAAiBF,EAAQ,oBAAoB;AAAA,UAC7C,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MACC,gBAAAiB,EAAAE,GAAA,EAAK,SAAQ,SAAS,aAAa,MAAK;AAAA,IAAA,GAC3C;AAAA,sBACCH,GAAM,EAAA,KAAK,GAAG,IAAI,IAAI,IAAI,GACzB,UAAA;AAAA,MAAA,gBAAAC,EAACG,GAAI,EAAA,UAAApB,EAAQ,QAAQA,EAAQ,WAAU;AAAA,MACtC,gBAAAe,EAAAC,GAAA,EAAM,WAAU,OAAM,gBAAe,iBACpC,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAK,EAAA,MAAMb,GAAqB,SAAQ,QACtC,UACHF,GAAA;AAAA,QACA,gBAAAa,EAACE,KAAK,MAAM,IAAM,SAAQ,QACvB,UAAAE,EAAehB,GAAY,QAAQ,EACtC,CAAA;AAAA,MAAA,GACF;AAAA,MACC,gBAAAU,EAAAC,GAAA,EAAM,WAAU,OAAM,gBAAe,iBACpC,UAAA;AAAA,QAAC,gBAAAC,EAAAE,GAAA,EAAK,SAAQ,SAAS,UAAeZ,GAAA;AAAA,QACrC,gBAAAU,EAAAE,GAAA,EAAK,SAAQ,SAAS,UAAYX,GAAA;AAAA,MAAA,GACrC;AAAA,IAAA,GACF;AAAA,IACCG,KACE,gBAAAM,EAAAD,GAAA,EAAO,eAA0C,gBAAAC,EAACK,IAAoB,CAAA,GAAG;AAAA,EAE9E,EAAA,CAAA;AAEJ,GAEeC,KAAAC,EAAS5B,CAAoB;"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsTab.js

@@ -0,0 +1,173 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import m from "react";
+import { observer as i } from "mobx-react-lite";
+import p from "@mui/material/List";
+import c from "./AccountActions.js";
+import n from "./AccountConnection.js";
+import e from "./AccountDetails.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as s } from "../../../../common/constants/Analytics.js";
+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 "numeral";
+import "@mui/material";
+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 { useEvent as f } from "../../../../common/context/hooks.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/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/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 "./AccountDetailsHeader.js";
+import "./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 "../../../../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 "../../../../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 A = () => {
+  const { onEvent: t } = f();
+  return m.useEffect(() => t(s.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ r(p, { children: [
+    /* @__PURE__ */ o(e, {}),
+    /* @__PURE__ */ o(n, {}),
+    /* @__PURE__ */ o(c, {})
+  ] });
+}, ur = i(A);
+export {
+  ur as default
+};
+//# sourceMappingURL=AccountDetailsTab.js.map

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDetailsTab.js","sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountDetailsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport List from '@mui/material/List'\n\nimport AccountActions from './AccountActions'\nimport AccountConnection from './AccountConnection'\nimport AccountDetails from './AccountDetails'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../../../common'\n\nconst AccountDetailsTab = () => {\n  const { onEvent } = useEvent()\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.ACCOUNT_DETAILS_VIEW), [])\n\n  return (\n    <List>\n      <AccountDetails />\n      <AccountConnection />\n      <AccountActions />\n    </List>\n  )\n}\n\nexport default observer(AccountDetailsTab)\n"],"names":["AccountDetailsTab","onEvent","useEvent","React","ANALYTICS_EVENTS","List","jsx","AccountDetails","AccountConnection","AccountActions","AccountDetailsTab$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAoB,MAAM;AACxB,QAAA,EAAE,SAAAC,MAAYC;AACpB,SAAAC,EAAM,UAAU,MAAMF,EAAQG,EAAiB,oBAAoB,GAAG,CAAA,CAAE,qBAGrEC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA;AAAA,sBACfC,GAAkB,EAAA;AAAA,sBAClBC,GAAe,EAAA;AAAA,EAClB,EAAA,CAAA;AAEJ,GAEeC,KAAAC,EAASX,CAAiB;"}

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

@@ -0,0 +1,224 @@
+import { jsxs as e, Fragment as l, jsx as o } from "react/jsx-runtime";
+import n from "react";
+import { observer as f } from "mobx-react-lite";
+import d from "@mui/material/Alert";
+import u from "@mui/material/AlertTitle";
+import g from "@mui/icons-material/Error";
+import h from "@mui/material/Link";
+import C from "@mui/material/Paper";
+import { Text as b } from "@mxenabled/mxui";
+import x from "../../../../common/components/ConnectDrawer.js";
+import { getConnectionMessages as S } from "../../../utils/getConnectionMessages.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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as w } from "../../../../common/context/hooks.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/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 "@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 "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/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 "./AccountDetailsHeader.js";
+import "./AccountDetailsContent.js";
+import { NonConnectedStatuses as y } from "../../../../common/types/Account.js";
+import { useAccountUiStore as M } from "../../../hooks/useUiStore.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 "../../../../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 E = ({ setTabValue: s }) => {
+  const [m, p] = n.useState(!1), { selectedMember: t } = M(), { accounts: c, connect: a } = w(), i = t.connection_status && y.includes(t.connection_status);
+  if (n.useEffect(() => {
+    i && s(1);
+  }, [i]), !i) return;
+  const r = S(t, a);
+  return /* @__PURE__ */ e(l, { children: [
+    /* @__PURE__ */ o(
+      C,
+      {
+        sx: {
+          mb: 16,
+          mt: 24,
+          mx: 24
+        },
+        children: /* @__PURE__ */ e(
+          d,
+          {
+            icon: /* @__PURE__ */ o(g, {}),
+            severity: "error",
+            sx: {
+              borderLeft: 5,
+              borderTopLeftRadius: 6,
+              borderBottomLeftRadius: 6,
+              borderColor: "error.main",
+              color: "text.primary",
+              "&.MuiPaper-root": {
+                backgroundColor: "background.paper"
+              }
+            },
+            children: [
+              r.title && /* @__PURE__ */ o(u, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: r.title }),
+              /* @__PURE__ */ o(b, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: r.main }),
+              r.cta && /* @__PURE__ */ o(
+                h,
+                {
+                  onClick: () => p(!0),
+                  sx: { fontSize: 15, fontWeight: 600, ml: 0 },
+                  children: r.cta
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    m && /* @__PURE__ */ o(
+      x,
+      {
+        loadWidgetProps: { current_member_guid: t.guid },
+        onClose: () => p(!1),
+        showConnectWidget: m,
+        title: c.manage_connection
+      }
+    )
+  ] });
+}, vt = f(E);
+export {
+  vt as default
+};
+//# sourceMappingURL=ConnectionErrorMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionErrorMessage.js","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 ErrorIcon from '@mui/icons-material/Error'\nimport Link from '@mui/material/Link'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport ConnectDrawer from '../../../../common/components/ConnectDrawer'\n\nimport {\n  getConnectionMessages,\n  ConnectionMessageObject,\n} from '../../../utils/getConnectionMessages'\nimport { NonConnectedStatuses, useGlobalCopyStore } from '../../../../common'\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 />}\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=\"Body\">\n              {statusMessages.title}\n            </AlertTitle>\n          )}\n          <Text component=\"p\" sx={{ whiteSpace: 'wrap' }} variant=\"ParagraphSmall\">\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"],"names":["ConnectionErrorMessage","setTabValue","shouldShowConnectDrawer","setShouldShowConnectDrawer","React","member","useAccountUiStore","accountsCopy","connectCopy","useGlobalCopyStore","hasError","NonConnectedStatuses","statusMessages","getConnectionMessages","jsxs","Fragment","jsx","Paper","Alert","ErrorIcon","AlertTitle","Text","Link","ConnectDrawer","ConnectionErrorMessage$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IAAgE,CAAC,EAAE,aAAAC,QAAkB;AACzF,QAAM,CAACC,GAAyBC,CAA0B,IAAIC,EAAM,SAAS,EAAK,GAE5E,EAAE,gBAAgBC,EAAO,IAAIC,EAAkB,GAC/C,EAAE,UAAUC,GAAc,SAASC,EAAA,IAAgBC,KAEnDC,IACJL,EAAO,qBAAqBM,EAAqB,SAASN,EAAO,iBAAiB;AAQpF,MANAD,EAAM,UAAU,MAAM;AACpB,IAAIM,KACFT,EAAY,CAAC;AAAA,EACf,GACC,CAACS,CAAQ,CAAC,GAET,CAACA,EAAU;AAET,QAAAE,IAA0CC,EAAsBR,GAAQG,CAAW;AAGzF,SAEI,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QAEA,UAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,wBAAOC,GAAU,EAAA;AAAA,YACjB,UAAS;AAAA,YACT,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,qBAAqB;AAAA,cACrB,wBAAwB;AAAA,cACxB,aAAa;AAAA,cACb,OAAO;AAAA,cACP,mBAAmB;AAAA,gBACjB,iBAAiB;AAAA,cACnB;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,cAAAP,EAAe,SACd,gBAAAI,EAACI,GAAW,EAAA,IAAI,EAAE,YAAY,KAAK,WAAW,EAAE,GAAG,SAAQ,QACxD,YAAe,OAClB;AAAA,cAED,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,KAAI,IAAI,EAAE,YAAY,OAAU,GAAA,SAAQ,kBACrD,UAAAT,EAAe,KAClB,CAAA;AAAA,cACCA,EAAe,OACd,gBAAAI;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAMnB,EAA2B,EAAI;AAAA,kBAC9C,IAAI,EAAE,UAAU,IAAI,YAAY,KAAK,IAAI,EAAE;AAAA,kBAE1C,UAAeS,EAAA;AAAA,gBAAA;AAAA,cAClB;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF;AAAA,IAECV,KACC,gBAAAc;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,iBAAiB,EAAE,qBAAqBlB,EAAO,KAAK;AAAA,QACpD,SAAS,MAAMF,EAA2B,EAAK;AAAA,QAC/C,mBAAmBD;AAAA,QACnB,OAAOK,EAAa;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeiB,KAAAC,EAASzB,CAAsB;"}