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

package/dist/accounts/components/ConnectionsDrawer.js

@@ -0,0 +1,207 @@
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import m from "react";
+import { observer as E } from "mobx-react-lite";
+import { useTheme as L } from "@mui/material/styles";
+import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
+import e from "./ConnectStatus.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 "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as w, useConnectStore as D, useGlobalCopyStore as _ } 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/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 x from "../../common/components/drawer/Drawer.js";
+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 "./detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "./detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import { MemberConnectionStatus as s } from "../constants/Accounts.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";
+import { CONNECTIONS_WIDGET_ID as n } from "../../common/constants/Connect.js";
+const I = ({
+  onClose: a,
+  showConnectionsWidget: t,
+  title: c
+}) => {
+  let p;
+  const { refreshAccounts: l } = w(), { loadWidget: u } = D(), { connect: f } = _(), d = L(), [C, o] = m.useState(!1), [S, r] = m.useState(!1);
+  return m.useEffect(() => (t ? (o(!0), u({ widget: "connections_widget", mode: d.palette.mode }).then((h) => {
+    p = new b({
+      container: `#${n}`,
+      style: {
+        height: "calc(100% - 62px)",
+        width: "100%",
+        position: "absolute"
+      },
+      url: h.url,
+      onSsoUrlLoadError: () => {
+        o(!1), r(!0);
+      },
+      onLoad: () => {
+        o(!1), r(!1);
+      }
+    });
+  })) : (o(!1), r(!1)), () => {
+    p?.unmount();
+  }), [t]), /* @__PURE__ */ i(
+    x,
+    {
+      ariaLabelClose: f.close_connections_aria,
+      isOpen: t,
+      onClose: () => {
+        a(), l();
+      },
+      title: c,
+      children: /* @__PURE__ */ g("div", { id: n, children: [
+        S && /* @__PURE__ */ i(e, { status: s.Error }),
+        C && /* @__PURE__ */ i(e, { status: s.Loading })
+      ] })
+    }
+  );
+}, Nr = E(I);
+export {
+  Nr as default
+};
+//# sourceMappingURL=ConnectionsDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionsDrawer.js","sources":["../../../src/accounts/components/ConnectionsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { ConnectionsWidget } from '@mxenabled/web-widget-sdk'\n\nimport ConnectStatus from './ConnectStatus'\nimport { Drawer, useAccountStore, useGlobalCopyStore } from '../../common'\nimport { MemberConnectionStatus } from '../constants/Accounts'\nimport { CONNECTIONS_WIDGET_ID } from '../../common/constants/Connect'\nimport { useConnectStore } from '../../common/context/hooks'\n\ninterface ConnectionsDrawerProps {\n  onClose: () => void\n  showConnectionsWidget: boolean\n  title: string\n}\n\nconst ConnectionsDrawer: React.FC<ConnectionsDrawerProps> = ({\n  onClose,\n  showConnectionsWidget,\n  title,\n}) => {\n  let connectionsWidget: ConnectionsWidget\n  const { refreshAccounts } = useAccountStore()\n  const { loadWidget } = useConnectStore()\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [hasError, setHasError] = React.useState(false)\n\n  React.useEffect(() => {\n    if (showConnectionsWidget) {\n      setIsLoading(true)\n      loadWidget({ widget: 'connections_widget', mode: theme.palette.mode }).then((res) => {\n        connectionsWidget = new ConnectionsWidget({\n          container: `#${CONNECTIONS_WIDGET_ID}`,\n          style: {\n            height: 'calc(100% - 62px)',\n            width: '100%',\n            position: 'absolute',\n          },\n          url: res.url,\n          onSsoUrlLoadError: () => {\n            setIsLoading(false)\n            setHasError(true)\n          },\n          onLoad: () => {\n            setIsLoading(false)\n            setHasError(false)\n          },\n        })\n      })\n    } else {\n      setIsLoading(false)\n      setHasError(false)\n    }\n\n    return () => {\n      connectionsWidget?.unmount()\n    }\n  }, [showConnectionsWidget])\n\n  return (\n    <Drawer\n      ariaLabelClose={connectCopy.close_connections_aria}\n      isOpen={showConnectionsWidget}\n      onClose={() => {\n        onClose()\n        refreshAccounts()\n      }}\n      title={title}\n    >\n      <div id={CONNECTIONS_WIDGET_ID}>\n        {hasError && <ConnectStatus status={MemberConnectionStatus.Error} />}\n        {isLoading && <ConnectStatus status={MemberConnectionStatus.Loading} />}\n      </div>\n    </Drawer>\n  )\n}\n\nexport default observer(ConnectionsDrawer)\n"],"names":["ConnectionsDrawer","onClose","showConnectionsWidget","title","connectionsWidget","refreshAccounts","useAccountStore","loadWidget","useConnectStore","connectCopy","useGlobalCopyStore","theme","useTheme","isLoading","setIsLoading","React","hasError","setHasError","res","ConnectionsWidget","CONNECTIONS_WIDGET_ID","jsx","Drawer","jsxs","ConnectStatus","MemberConnectionStatus","ConnectionsDrawer$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACA,MAAAC;AACE,QAAA,EAAE,iBAAAC,MAAoBC,KACtB,EAAE,YAAAC,MAAeC,KACjB,EAAE,SAASC,EAAY,IAAIC,EAAmB,GAC9CC,IAAQC,KAER,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAAS,EAAK,GAChD,CAACC,GAAUC,CAAW,IAAIF,EAAM,SAAS,EAAK;AAEpD,SAAAA,EAAM,UAAU,OACVb,KACFY,EAAa,EAAI,GACNP,EAAA,EAAE,QAAQ,sBAAsB,MAAMI,EAAM,QAAQ,KAAM,CAAA,EAAE,KAAK,CAACO,MAAQ;AACnF,IAAAd,IAAoB,IAAIe,EAAkB;AAAA,MACxC,WAAW,IAAIC,CAAqB;AAAA,MACpC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA,KAAKF,EAAI;AAAA,MACT,mBAAmB,MAAM;AACvB,QAAAJ,EAAa,EAAK,GAClBG,EAAY,EAAI;AAAA,MAClB;AAAA,MACA,QAAQ,MAAM;AACZ,QAAAH,EAAa,EAAK,GAClBG,EAAY,EAAK;AAAA,MACnB;AAAA,IAAA,CACD;AAAA,EAAA,CACF,MAEDH,EAAa,EAAK,GAClBG,EAAY,EAAK,IAGZ,MAAM;AACX,IAAAb,GAAmB,QAAQ;AAAA,EAAA,IAE5B,CAACF,CAAqB,CAAC,GAGxB,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBb,EAAY;AAAA,MAC5B,QAAQP;AAAA,MACR,SAAS,MAAM;AACL,QAAAD,KACQI;MAClB;AAAA,MACA,OAAAF;AAAA,MAEA,UAAA,gBAAAoB,EAAC,OAAI,EAAA,IAAIH,GACN,UAAA;AAAA,QAAAJ,KAAa,gBAAAK,EAAAG,GAAA,EAAc,QAAQC,EAAuB,OAAO;AAAA,QACjEZ,KAAa,gBAAAQ,EAACG,GAAc,EAAA,QAAQC,EAAuB,SAAS;AAAA,MAAA,GACvE;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,KAAAC,EAAS3B,CAAiB;"}

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

@@ -0,0 +1,283 @@
+import { jsxs as n, Fragment as I, jsx as i } from "react/jsx-runtime";
+import m from "react";
+import { observer as D } from "mobx-react-lite";
+import A from "@mui/material/List";
+import E from "@mui/material/ListSubheader";
+import O from "@mui/material/Switch";
+import { Text as f, Icon as g } from "@mxenabled/mxui";
+import s from "./AccountActionsRow.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as a } 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 { buildDynamicCopy as C } from "../../../../common/utils/Localization.js";
+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 { useAccountStore as v, useGlobalCopyStore as U, useEvent as K, useTransactionStore as N } 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 S from "../../../../common/components/dialog/Dialog.js";
+import R from "../../../../common/components/drawer/Drawer.js";
+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 "mobx";
+import "../../../AccountsWidget.js";
+import "../../../AccountsMiniWidget.js";
+import "../../../ConnectMiniWidget.js";
+import "./AccountDetailsHeader.js";
+import "./AccountDetailsContent.js";
+import "../../../../common/types/Account.js";
+import { useGetMergeableAccounts as G } from "../../../hooks/useGetMergeableAccounts.js";
+import { useAccountUiStore as P } 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 "../../../../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";
+import j from "../../AccountListItem.js";
+const F = () => {
+  const [w, l] = m.useState(!1), [T, e] = m.useState(!1), [_, d] = m.useState(!1), [u, y] = m.useState({}), { selectedAccount: t } = P(), { mergeAccounts: x, updateAccount: b } = v(), { accounts: o } = U(), p = G(), { onEvent: c } = K(), { modifyTransactionByAccountGuid: L } = N(), h = async (r) => {
+    await b({
+      ...t,
+      ...r
+    }), "is_closed" in r && r.is_closed !== t.is_closed && L(t.guid, { accountIsClosed: r.is_closed });
+  }, M = () => {
+    x([t.guid, u.guid]).finally(
+      () => e(!1)
+    );
+  };
+  return /* @__PURE__ */ n(I, { children: [
+    /* @__PURE__ */ i(E, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ i(f, { bold: !0, component: "h2", variant: "XSmall", children: o.actions }) }),
+    /* @__PURE__ */ i(
+      s,
+      {
+        onClick: () => {
+          h({ is_hidden: !t.is_hidden }), c(a.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: t.guid });
+        },
+        primaryText: t.is_hidden ? o.unhide_account : o.hide_Account,
+        secondaryText: t.is_hidden ? o.include_this_account : o.exclude_this_account,
+        children: /* @__PURE__ */ i(O, { checked: t.is_hidden })
+      }
+    ),
+    /* @__PURE__ */ i(
+      s,
+      {
+        onClick: () => {
+          l(!0), c(a.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+            account_guid: t.guid
+          });
+        },
+        primaryText: t.is_closed ? o.mark_as_open : o.mark_as_closed,
+        secondaryText: t.is_closed ? o.this_will_set_the_closed_account : o.this_will_set_the_account_balance_to_0,
+        children: /* @__PURE__ */ i(g, { name: "chevron_right" })
+      }
+    ),
+    p.length > 0 && /* @__PURE__ */ i(
+      s,
+      {
+        isLast: !0,
+        onClick: () => {
+          e(!0), c(a.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+            account_guid: t.guid
+          });
+        },
+        primaryText: o.mark_as_duplicate,
+        secondaryText: o.if_a_connected_account_is_showing_up_twice,
+        children: /* @__PURE__ */ i(g, { name: "chevron_right" })
+      }
+    ),
+    /* @__PURE__ */ i(
+      S,
+      {
+        copy: {
+          close_aria: o.close_modal,
+          title: t.is_closed ? o.confirm_mark_as_open : o.confirm_mark_closed
+        },
+        isOpen: w,
+        onClose: () => {
+          l(!1);
+        },
+        onPrimaryAction: () => h({ is_closed: !t.is_closed }),
+        children: C(
+          t.is_closed ? o.this_will_resume_updating_the_balance : o.this_will_set_the_balance_of_your_account,
+          t.name
+        )
+      }
+    ),
+    /* @__PURE__ */ i(
+      R,
+      {
+        ariaLabelClose: o.close_drawer,
+        isOpen: T,
+        onClose: () => e(!1),
+        title: o.mark_as_duplicate,
+        children: /* @__PURE__ */ i(A, { children: p.map((r) => {
+          const k = p.indexOf(r) === p.length - 1;
+          return /* @__PURE__ */ n(m.Fragment, { children: [
+            /* @__PURE__ */ i(
+              j,
+              {
+                account: r,
+                onRowClick: () => {
+                  d(!0), y(r);
+                }
+              }
+            ),
+            /* @__PURE__ */ i(A, { sx: { ml: k ? 0 : 24 } })
+          ] }, r.guid);
+        }) })
+      }
+    ),
+    _ && /* @__PURE__ */ n(
+      S,
+      {
+        copy: {
+          close_aria: o.close_modal,
+          title: o.confirm_merge
+        },
+        isOpen: _,
+        onClose: () => d(!1),
+        onPrimaryAction: M,
+        children: [
+          C(
+            o.this_means_accounts_will_be_merged,
+            t.name,
+            u.name
+          ),
+          /* @__PURE__ */ i(f, { color: "error", sx: { mt: 24 }, children: o.this_action_cannot_be_undone })
+        ]
+      }
+    )
+  ] });
+}, Yi = D(F);
+export {
+  Yi as default
+};
+//# sourceMappingURL=AccountActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountActions.js","sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountActions.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/List'\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  Account,\n  Dialog,\n  Drawer,\n  buildDynamicCopy,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../common'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\nimport { useGetMergeableAccounts } from '../../../hooks/useGetMergeableAccounts'\nimport AccountListItem from '../../AccountListItem'\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=\"XSmall\">\n          {accountsCopy.actions}\n        </Text>\n      </ListSubheader>\n\n      <AccountActionsRow\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 checked={account.is_hidden} />\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      </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      <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        {\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      </Dialog>\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              <React.Fragment key={account.guid}>\n                <AccountListItem\n                  account={account}\n                  onRowClick={() => {\n                    setShouldShowMergeConfirmModal(true)\n                    setAccountToMerge(account)\n                  }}\n                />\n                <Divider sx={{ ml: isLast ? 0 : 24 }} />\n              </React.Fragment>\n            )\n          })}\n        </List>\n      </Drawer>\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          {\n            buildDynamicCopy(\n              accountsCopy.this_means_accounts_will_be_merged,\n              account.name,\n              accountToMerge.name,\n            ) as string\n          }\n          <Text color=\"error\" sx={{ mt: 24 }}>\n            {accountsCopy.this_action_cannot_be_undone}\n          </Text>\n        </Dialog>\n      )}\n    </>\n  )\n}\n\nexport default observer(AccountActions)\n"],"names":["AccountActions","shouldShowCloseAccountModal","setShouldShowCloseAccountModal","React","shouldShowAccountMergeDrawer","setShouldShowAccountMergeDrawer","shouldShowMergeConfirmModal","setShouldShowMergeConfirmModal","accountToMerge","setAccountToMerge","account","useAccountUiStore","mergeAccounts","updateAccount","useAccountStore","accountsCopy","useGlobalCopyStore","mergeableAccounts","useGetMergeableAccounts","onEvent","useEvent","modifyTransactionByAccountGuid","useTransactionStore","handleUpdateAccount","updatedValue","handleMergeAccounts","jsxs","Fragment","jsx","ListSubheader","Text","AccountActionsRow","ANALYTICS_EVENTS","Switch","Icon","Dialog","buildDynamicCopy","Drawer","List","isLast","AccountListItem","Divider","AccountActions$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,IAAiB,MAAM;AAC3B,QAAM,CAACC,GAA6BC,CAA8B,IAAIC,EAAM,SAAS,EAAK,GACpF,CAACC,GAA8BC,CAA+B,IAAIF,EAAM,SAAS,EAAK,GACtF,CAACG,GAA6BC,CAA8B,IAAIJ,EAAM,SAAS,EAAK,GACpF,CAACK,GAAgBC,CAAiB,IAAIN,EAAM,SAAS,CAAA,CAAa,GAElE,EAAE,iBAAiBO,EAAQ,IAAIC,EAAkB,GACjD,EAAE,eAAAC,GAAe,eAAAC,EAAc,IAAIC,EAAgB,GACnD,EAAE,UAAUC,EAAa,IAAIC,EAAmB,GAChDC,IAAoBC,KACpB,EAAE,SAAAC,MAAYC,KACd,EAAE,gCAAAC,MAAmCC,KAErCC,IAAsB,OAAOC,MAA+B;AAChE,UAAMX,EAAc;AAAA,MAClB,GAAGH;AAAA,MACH,GAAGc;AAAA,IAAA,CACJ,GACG,eAAeA,KAAgBA,EAAa,cAAcd,EAAQ,aACpEW,EAA+BX,EAAQ,MAAM,EAAE,iBAAiBc,EAAa,WAAW;AAAA,EAAA,GAGtFC,IAAsB,MAAM;AAChC,IAAAb,EAAc,CAACF,EAAQ,MAAMF,EAAe,IAAI,CAAC,EAAE;AAAA,MAAQ,MACzDH,EAAgC,EAAK;AAAA,IAAA;AAAA,EACvC;AAGF,SAEI,gBAAAqB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAc,IAAI,EAAE,iBAAiB,eAAe,IAAI,GAAG,IAAI,IAAI,IAAI,EAAA,GACtE,UAAC,gBAAAD,EAAAE,GAAA,EAAK,MAAM,IAAM,WAAU,MAAK,SAAQ,UACtC,UAAaf,EAAA,QAAA,CAChB,EACF,CAAA;AAAA,IAEA,gBAAAa;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAR,EAAoB,EAAE,WAAW,CAACb,EAAQ,UAAW,CAAA,GACrDS,EAAQa,EAAiB,4BAA4B,EAAE,cAActB,EAAQ,MAAM;AAAA,QACrF;AAAA,QACA,aAAaA,EAAQ,YAAYK,EAAa,iBAAiBA,EAAa;AAAA,QAC5E,eACEL,EAAQ,YAAYK,EAAa,uBAAuBA,EAAa;AAAA,QAGvE,UAAC,gBAAAa,EAAAK,GAAA,EAAO,SAASvB,EAAQ,WAAW;AAAA,MAAA;AAAA,IACtC;AAAA,IAEA,gBAAAkB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAA7B,EAA+B,EAAI,GACnCiB,EAAQa,EAAiB,mCAAmC;AAAA,YAC1D,cAActB,EAAQ;AAAA,UAAA,CACvB;AAAA,QACH;AAAA,QACA,aAAaA,EAAQ,YAAYK,EAAa,eAAeA,EAAa;AAAA,QAC1E,eACEL,EAAQ,YACJK,EAAa,mCACbA,EAAa;AAAA,QAGnB,UAAA,gBAAAa,EAACM,GAAK,EAAA,MAAK,gBAAgB,CAAA;AAAA,MAAA;AAAA,IAC7B;AAAA,IAECjB,EAAkB,SAAS,KAC1B,gBAAAW;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAA1B,EAAgC,EAAI,GACpCc,EAAQa,EAAiB,sCAAsC;AAAA,YAC7D,cAActB,EAAQ;AAAA,UAAA,CACvB;AAAA,QACH;AAAA,QACA,aAAaK,EAAa;AAAA,QAC1B,eAAeA,EAAa;AAAA,QAE5B,UAAA,gBAAAa,EAACM,GAAK,EAAA,MAAK,gBAAgB,CAAA;AAAA,MAAA;AAAA,IAC7B;AAAA,IAGF,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,UACJ,YAAYpB,EAAa;AAAA,UACzB,OAAOL,EAAQ,YACXK,EAAa,uBACbA,EAAa;AAAA,QACnB;AAAA,QACA,QAAQd;AAAA,QACR,SAAS,MAAM;AACb,UAAAC,EAA+B,EAAK;AAAA,QACtC;AAAA,QACA,iBAAiB,MAAMqB,EAAoB,EAAE,WAAW,CAACb,EAAQ,WAAW;AAAA,QAG1E,UAAA0B;AAAA,UACE1B,EAAQ,YACJK,EAAa,wCACbA,EAAa;AAAA,UACjBL,EAAQ;AAAA,QACV;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAkB;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,gBAAgBtB,EAAa;AAAA,QAC7B,QAAQX;AAAA,QACR,SAAS,MAAMC,EAAgC,EAAK;AAAA,QACpD,OAAOU,EAAa;AAAA,QAEpB,UAAC,gBAAAa,EAAAU,GAAA,EACE,UAAkBrB,EAAA,IAAI,CAACP,MAAqB;AAC3C,gBAAM6B,IAAStB,EAAkB,QAAQP,CAAO,MAAMO,EAAkB,SAAS;AAE/E,iBAAA,gBAAAS,EAACvB,EAAM,UAAN,EACC,UAAA;AAAA,YAAA,gBAAAyB;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,SAAS9B;AAAAA,gBACT,YAAY,MAAM;AAChB,kBAAAH,EAA+B,EAAI,GACnCE,EAAkBC,CAAO;AAAA,gBAC3B;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAkB,EAACa,KAAQ,IAAI,EAAE,IAAIF,IAAS,IAAI,MAAM;AAAA,UAAA,KARnB7B,EAAQ,IAS7B;AAAA,QAEH,CAAA,GACH;AAAA,MAAA;AAAA,IACF;AAAA,IACCJ,KACC,gBAAAoB;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,UACJ,YAAYpB,EAAa;AAAA,UACzB,OAAOA,EAAa;AAAA,QACtB;AAAA,QACA,QAAQT;AAAA,QACR,SAAS,MAAMC,EAA+B,EAAK;AAAA,QACnD,iBAAiBkB;AAAA,QAGf,UAAA;AAAA,UAAAW;AAAA,YACErB,EAAa;AAAA,YACbL,EAAQ;AAAA,YACRF,EAAe;AAAA,UACjB;AAAA,UAEF,gBAAAoB,EAACE,GAAK,EAAA,OAAM,SAAQ,IAAI,EAAE,IAAI,GAAA,GAC3B,UAAAf,EAAa,6BAChB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEe2B,KAAAC,EAAS3C,CAAc;"}

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

@@ -0,0 +1,22 @@
+import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
+import c from "@mui/material/Divider";
+import a from "@mui/material/ListItem";
+import p from "@mui/material/ListItemButton";
+import d from "@mui/material/ListItemText";
+const h = ({
+  children: t,
+  isLast: m = !1,
+  onClick: e,
+  primaryText: i,
+  secondaryText: s
+}) => /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ r(a, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ o(p, { onClick: e, children: [
+    /* @__PURE__ */ r(d, { primary: i, secondary: s }),
+    t
+  ] }) }),
+  /* @__PURE__ */ r(c, { sx: { ml: m ? 0 : 24 } })
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=AccountActionsRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountActionsRow.js","sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountActionsRow.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\ninterface AccountActionsRowProps {\n  onClick: () => void\n  isLast?: boolean\n  primaryText: string\n  secondaryText: string\n}\n\nconst AccountActionsRow: React.FC<React.PropsWithChildren<AccountActionsRowProps>> = ({\n  children,\n  isLast = false,\n  onClick,\n  primaryText,\n  secondaryText,\n}) => {\n  return (\n    <>\n      <ListItem sx={{ backgroundColor: 'background.paper' }}>\n        <ListItemButton onClick={onClick}>\n          <ListItemText primary={primaryText} secondary={secondaryText} />\n          {children}\n        </ListItemButton>\n      </ListItem>\n      <Divider sx={{ ml: isLast ? 0 : 24 }} />\n    </>\n  )\n}\n\nexport default AccountActionsRow\n"],"names":["AccountActionsRow","children","isLast","onClick","primaryText","secondaryText","jsxs","Fragment","jsx","ListItem","ListItemButton","ListItemText","Divider"],"mappings":";;;;;AAYA,MAAMA,IAA+E,CAAC;AAAA,EACpF,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF,MAGM,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAS,IAAI,EAAE,iBAAiB,sBAC/B,UAAA,gBAAAH,EAACI,KAAe,SAAAP,GACd,UAAA;AAAA,IAAA,gBAAAK,EAACG,GAAa,EAAA,SAASP,GAAa,WAAWC,GAAe;AAAA,IAC7DJ;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAAA,EACA,gBAAAO,EAACI,KAAQ,IAAI,EAAE,IAAIV,IAAS,IAAI,MAAM;AACxC,EAAA,CAAA;"}