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

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

@@ -0,0 +1,247 @@
+import { jsx as o, jsxs as i, Fragment as p } from "react/jsx-runtime";
+import S from "react";
+import { observer as k } from "mobx-react-lite";
+import _ from "@mui/icons-material/CheckCircleRounded";
+import g from "@mui/material/Divider";
+import I from "@mui/icons-material/Error";
+import M from "@mui/icons-material/LanguageRounded";
+import h from "@mui/material/ListItem";
+import e from "@mui/material/ListItemAvatar";
+import f from "@mui/material/ListItemButton";
+import n from "@mui/material/ListItemText";
+import w from "@mui/material/ListSubheader";
+import L from "@mui/material/Stack";
+import v from "@mui/material/styles/useTheme";
+import { Text as b, Icon as C, THEMES as y } from "@mxenabled/mxui";
+import R from "../../../../common/components/ConnectDrawer.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 T } 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 "../../../../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 c from "../../../../common/components/IconBacking.js";
+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 "./AccountDetailsHeader.js";
+import "./AccountDetailsContent.js";
+import { NonConnectedStatuses as z } from "../../../../common/types/Account.js";
+import { useAccountUiStore as A } 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/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 { getConnectionMessages as D } from "../../../utils/getConnectionMessages.js";
+const s = {
+  color: "background.default",
+  fontSize: 20,
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, E = () => {
+  const [a, l] = S.useState(!1), {
+    palette: { mode: d }
+  } = v(), { selectedMember: r } = A(), { accounts: u, connect: x } = T(), m = D(r, x), t = z.includes(r.connection_status) ? {
+    color: "error.main",
+    ctaCopy: m.cta ?? "",
+    icon: /* @__PURE__ */ o(I, { sx: { ...s } }),
+    mainMessage: m.statusName,
+    secondaryMessage: `${m.title}.`
+  } : {
+    color: "success.main",
+    icon: /* @__PURE__ */ o(_, { sx: { ...s } }),
+    mainMessage: m.statusName,
+    secondaryMessage: m.title
+  };
+  return /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ o(w, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ o(b, { bold: !0, component: "h2", variant: "XSmall", children: u.connection_status }) }),
+    /* @__PURE__ */ o(h, { sx: { backgroundColor: "background.paper" }, children: r.is_manual || !t.ctaCopy ? /* @__PURE__ */ i(L, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
+      /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(c, { backingSx: { backgroundColor: t.color, borderRadius: 1 }, size: 32, children: t.icon }) }),
+      /* @__PURE__ */ o(n, { primary: t.mainMessage, secondary: t.secondaryMessage })
+    ] }) : /* @__PURE__ */ i(f, { onClick: () => l(!0), children: [
+      /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(c, { backingSx: { backgroundColor: t.color, borderRadius: 1 }, size: 32, children: t.icon }) }),
+      /* @__PURE__ */ o(
+        n,
+        {
+          primary: t.mainMessage,
+          secondary: t.secondaryMessage && /* @__PURE__ */ i(p, { children: [
+            t.secondaryMessage,
+            " ",
+            /* @__PURE__ */ o(b, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: t.ctaCopy })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ o(C, { name: "chevron_right" })
+    ] }) }),
+    /* @__PURE__ */ o(g, { sx: { ml: r.is_manual || !r.institution_url ? 0 : 24 } }),
+    !r.is_manual && r.institution_url && /* @__PURE__ */ i(p, { children: [
+      /* @__PURE__ */ o(h, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ i(f, { component: "a", href: r.institution_url, target: "_blank", children: [
+        /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(
+          c,
+          {
+            backingSx: {
+              backgroundColor: d === y.LIGHT ? "grey.300" : "grey.700",
+              borderRadius: 1
+            },
+            size: 32,
+            children: /* @__PURE__ */ o(
+              M,
+              {
+                sx: {
+                  ...s,
+                  color: d === y.LIGHT ? "grey.900" : "common.white"
+                }
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ o(n, { primary: r.name, secondary: r.institution_url }),
+        /* @__PURE__ */ o(C, { name: "launch" })
+      ] }) }),
+      /* @__PURE__ */ o(g, {})
+    ] }),
+    a && /* @__PURE__ */ o(
+      R,
+      {
+        loadWidgetProps: { current_member_guid: r.guid },
+        onClose: () => l(!1),
+        showConnectWidget: a,
+        title: u.manage_connection
+      }
+    )
+  ] });
+}, jt = k(E);
+export {
+  jt as default
+};
+//# sourceMappingURL=AccountConnection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountConnection.js","sources":["../../../../../src/accounts/components/detailsdrawer/Accounts/AccountConnection.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport CheckCircleRoundedIcon from '@mui/icons-material/CheckCircleRounded'\nimport Divider from '@mui/material/Divider'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport LanguageRoundedIcon from '@mui/icons-material/LanguageRounded'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { Icon, THEMES, Text } from '@mxenabled/mxui'\n\nimport ConnectDrawer from '../../../../common/components/ConnectDrawer'\nimport { IconBacking, NonConnectedStatuses, useGlobalCopyStore } from '../../../../common'\nimport { getConnectionMessages } from '../../../utils/getConnectionMessages'\nimport { useAccountUiStore } from '../../../hooks/useUiStore'\n\nconst iconStyle = {\n  color: 'background.default',\n  fontSize: 20,\n  gridRow: 1,\n  gridColumn: 1,\n  zIndex: 2,\n}\n\nconst AccountConnection = () => {\n  const [shouldShowConnectDrawer, setShouldShowConnectDrawer] = React.useState(false)\n  const {\n    palette: { mode },\n  } = useTheme()\n  const { selectedMember: member } = useAccountUiStore()\n  const { accounts: accountsCopy, connect: connectCopy } = useGlobalCopyStore()\n\n  const statusMessages = getConnectionMessages(member, connectCopy)\n\n  const status = NonConnectedStatuses.includes(member.connection_status)\n    ? {\n        color: 'error.main',\n        ctaCopy: statusMessages.cta ?? '',\n        icon: <ErrorIcon sx={{ ...iconStyle }} />,\n        mainMessage: statusMessages.statusName,\n        secondaryMessage: `${statusMessages.title}.`,\n      }\n    : {\n        color: 'success.main',\n        icon: <CheckCircleRoundedIcon sx={{ ...iconStyle }} />,\n        mainMessage: statusMessages.statusName,\n        secondaryMessage: statusMessages.title,\n      }\n\n  return (\n    <>\n      <ListSubheader sx={{ mb: 4, mt: 12, mx: 8 }}>\n        <Text bold={true} component=\"h2\" variant=\"XSmall\">\n          {accountsCopy.connection_status}\n        </Text>\n      </ListSubheader>\n      <ListItem sx={{ backgroundColor: 'background.paper' }}>\n        {member.is_manual || !status.ctaCopy ? (\n          <Stack alignItems=\"center\" direction=\"row\" px={24} py={12}>\n            <ListItemAvatar>\n              <IconBacking backingSx={{ backgroundColor: status.color, borderRadius: 1 }} size={32}>\n                {status.icon}\n              </IconBacking>\n            </ListItemAvatar>\n            <ListItemText primary={status.mainMessage} secondary={status.secondaryMessage} />\n          </Stack>\n        ) : (\n          <ListItemButton onClick={() => setShouldShowConnectDrawer(true)}>\n            <ListItemAvatar>\n              <IconBacking backingSx={{ backgroundColor: status.color, borderRadius: 1 }} size={32}>\n                {status.icon}\n              </IconBacking>\n            </ListItemAvatar>\n            <ListItemText\n              primary={status.mainMessage}\n              secondary={\n                status.secondaryMessage && (\n                  <>\n                    {status.secondaryMessage}{' '}\n                    <Text bold={true} sx={{ color: 'action.active' }} variant=\"XSmall\">\n                      {status.ctaCopy}\n                    </Text>\n                  </>\n                )\n              }\n            />\n            <Icon name=\"chevron_right\" />\n          </ListItemButton>\n        )}\n      </ListItem>\n      <Divider sx={{ ml: member.is_manual || !member.institution_url ? 0 : 24 }} />\n\n      {!member.is_manual && member.institution_url && (\n        <>\n          <ListItem sx={{ backgroundColor: 'background.paper' }}>\n            <ListItemButton component=\"a\" href={member.institution_url} target=\"_blank\">\n              <ListItemAvatar>\n                <IconBacking\n                  backingSx={{\n                    backgroundColor: mode === THEMES.LIGHT ? 'grey.300' : 'grey.700',\n                    borderRadius: 1,\n                  }}\n                  size={32}\n                >\n                  <LanguageRoundedIcon\n                    sx={{\n                      ...iconStyle,\n                      color: mode === THEMES.LIGHT ? 'grey.900' : 'common.white',\n                    }}\n                  />\n                </IconBacking>\n              </ListItemAvatar>\n              <ListItemText primary={member.name} secondary={member.institution_url} />\n              <Icon name=\"launch\" />\n            </ListItemButton>\n          </ListItem>\n          <Divider />\n        </>\n      )}\n\n      {shouldShowConnectDrawer && (\n        <ConnectDrawer\n          loadWidgetProps={{ current_member_guid: member.guid }}\n          onClose={() => setShouldShowConnectDrawer(false)}\n          showConnectWidget={shouldShowConnectDrawer}\n          title={accountsCopy.manage_connection}\n        />\n      )}\n    </>\n  )\n}\n\nexport default observer(AccountConnection)\n"],"names":["iconStyle","AccountConnection","shouldShowConnectDrawer","setShouldShowConnectDrawer","React","mode","useTheme","member","useAccountUiStore","accountsCopy","connectCopy","useGlobalCopyStore","statusMessages","getConnectionMessages","status","NonConnectedStatuses","jsx","ErrorIcon","CheckCircleRoundedIcon","jsxs","Fragment","ListSubheader","Text","ListItem","Stack","ListItemAvatar","IconBacking","ListItemText","ListItemButton","Icon","Divider","THEMES","LanguageRoundedIcon","ConnectDrawer","AccountConnection$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAAY;AAAA,EAChB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AACV,GAEMC,IAAoB,MAAM;AAC9B,QAAM,CAACC,GAAyBC,CAA0B,IAAIC,EAAM,SAAS,EAAK,GAC5E;AAAA,IACJ,SAAS,EAAE,MAAAC,EAAK;AAAA,MACdC,EAAS,GACP,EAAE,gBAAgBC,EAAO,IAAIC,EAAkB,GAC/C,EAAE,UAAUC,GAAc,SAASC,EAAA,IAAgBC,KAEnDC,IAAiBC,EAAsBN,GAAQG,CAAW,GAE1DI,IAASC,EAAqB,SAASR,EAAO,iBAAiB,IACjE;AAAA,IACE,OAAO;AAAA,IACP,SAASK,EAAe,OAAO;AAAA,IAC/B,MAAO,gBAAAI,EAAAC,GAAA,EAAU,IAAI,EAAE,GAAGjB,KAAa;AAAA,IACvC,aAAaY,EAAe;AAAA,IAC5B,kBAAkB,GAAGA,EAAe,KAAK;AAAA,EAAA,IAE3C;AAAA,IACE,OAAO;AAAA,IACP,MAAO,gBAAAI,EAAAE,GAAA,EAAuB,IAAI,EAAE,GAAGlB,KAAa;AAAA,IACpD,aAAaY,EAAe;AAAA,IAC5B,kBAAkBA,EAAe;AAAA,EAAA;AAGvC,SAEI,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAc,IAAI,EAAE,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,GACxC,4BAACC,GAAK,EAAA,MAAM,IAAM,WAAU,MAAK,SAAQ,UACtC,UAAAb,EAAa,mBAChB,EACF,CAAA;AAAA,IACA,gBAAAO,EAACO,KAAS,IAAI,EAAE,iBAAiB,mBAAmB,GACjD,YAAO,aAAa,CAACT,EAAO,UAC3B,gBAAAK,EAACK,KAAM,YAAW,UAAS,WAAU,OAAM,IAAI,IAAI,IAAI,IACrD,UAAA;AAAA,MAAA,gBAAAR,EAACS,GACC,EAAA,UAAA,gBAAAT,EAACU,GAAY,EAAA,WAAW,EAAE,iBAAiBZ,EAAO,OAAO,cAAc,EAAK,GAAA,MAAM,IAC/E,UAAAA,EAAO,KACV,CAAA,GACF;AAAA,wBACCa,GAAa,EAAA,SAASb,EAAO,aAAa,WAAWA,EAAO,kBAAkB;AAAA,IAAA,GACjF,IAEC,gBAAAK,EAAAS,GAAA,EAAe,SAAS,MAAMzB,EAA2B,EAAI,GAC5D,UAAA;AAAA,MAAA,gBAAAa,EAACS,GACC,EAAA,UAAA,gBAAAT,EAACU,GAAY,EAAA,WAAW,EAAE,iBAAiBZ,EAAO,OAAO,cAAc,EAAK,GAAA,MAAM,IAC/E,UAAAA,EAAO,KACV,CAAA,GACF;AAAA,MACA,gBAAAE;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,SAASb,EAAO;AAAA,UAChB,WACEA,EAAO,oBAEF,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,YAAON,EAAA;AAAA,YAAkB;AAAA,YACzB,gBAAAE,EAAAM,GAAA,EAAK,MAAM,IAAM,IAAI,EAAE,OAAO,gBAAmB,GAAA,SAAQ,UACvD,UAAAR,EAAO,QACV,CAAA;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAGN;AAAA,MACA,gBAAAE,EAACa,GAAK,EAAA,MAAK,gBAAgB,CAAA;AAAA,IAAA,EAAA,CAC7B,EAEJ,CAAA;AAAA,IACC,gBAAAb,EAAAc,GAAA,EAAQ,IAAI,EAAE,IAAIvB,EAAO,aAAa,CAACA,EAAO,kBAAkB,IAAI,GAAM,EAAA,CAAA;AAAA,IAE1E,CAACA,EAAO,aAAaA,EAAO,mBAEzB,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAJ,EAACO,GAAS,EAAA,IAAI,EAAE,iBAAiB,sBAC/B,UAAA,gBAAAJ,EAACS,GAAe,EAAA,WAAU,KAAI,MAAMrB,EAAO,iBAAiB,QAAO,UACjE,UAAA;AAAA,QAAA,gBAAAS,EAACS,GACC,EAAA,UAAA,gBAAAT;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT,iBAAiBrB,MAAS0B,EAAO,QAAQ,aAAa;AAAA,cACtD,cAAc;AAAA,YAChB;AAAA,YACA,MAAM;AAAA,YAEN,UAAA,gBAAAf;AAAA,cAACgB;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,GAAGhC;AAAA,kBACH,OAAOK,MAAS0B,EAAO,QAAQ,aAAa;AAAA,gBAC9C;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,0BACCJ,GAAa,EAAA,SAASpB,EAAO,MAAM,WAAWA,EAAO,iBAAiB;AAAA,QACvE,gBAAAS,EAACa,GAAK,EAAA,MAAK,SAAS,CAAA;AAAA,MAAA,EAAA,CACtB,EACF,CAAA;AAAA,wBACCC,GAAQ,EAAA;AAAA,IAAA,GACX;AAAA,IAGD5B,KACC,gBAAAc;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,iBAAiB,EAAE,qBAAqB1B,EAAO,KAAK;AAAA,QACpD,SAAS,MAAMJ,EAA2B,EAAK;AAAA,QAC/C,mBAAmBD;AAAA,QACnB,OAAOO,EAAa;AAAA,MAAA;AAAA,IACtB;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeyB,KAAAC,EAASlC,CAAiB;"}

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

@@ -0,0 +1,267 @@
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import l from "react";
+import { observer as A } from "mobx-react-lite";
+import { addMonths as f } from "date-fns/addMonths";
+import { alpha as x } from "@mui/material/styles";
+import { AdapterDateFns as S } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as F } from "@mui/x-date-pickers/DateCalendar";
+import I from "@mui/material/FormControl";
+import w from "@mui/material/InputLabel";
+import { LocalizationProvider as M } from "@mui/x-date-pickers-pro";
+import P from "@mui/material/MenuItem";
+import V from "@mui/material/Select";
+import k from "@mui/material/TextField";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../../common/constants/Account.js";
+import "../../../../common/constants/Category.js";
+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 E } from "../../../../common/utils/Localization.js";
+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 T, 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 W from "../../../../common/components/dialog/Dialog.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 _ from "../../../../common/components/CurrencyInput.js";
+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/Switch";
+import "mobx";
+import "../../../AccountsWidget.js";
+import "../../../AccountsMiniWidget.js";
+import "../../../ConnectMiniWidget.js";
+import "./AccountDetailsHeader.js";
+import "./AccountDetailsContent.js";
+import "../../../../common/types/Account.js";
+import { FieldType as n } from "../../../constants/Accounts.js";
+import { useAccountUiStore as j } 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 H = ({ field: t, isOpen: s, onClose: d }) => {
+  const { updateAccount: h } = T(), { selectedAccount: i } = j(), { accounts: e } = $(), [p, m] = l.useState(i[t.name]), [a, c] = l.useState(""), [b, y] = l.useState(!0), u = () => {
+    m(""), c(""), d();
+  }, g = () => {
+    switch (t.type) {
+      case n.Select:
+        return /* @__PURE__ */ D(I, { fullWidth: !0, children: [
+          /* @__PURE__ */ o(w, { id: `${t.label}-select-label`, children: t.label }),
+          /* @__PURE__ */ o(
+            V,
+            {
+              id: `${t.label}-select`,
+              inputProps: {
+                sx: {
+                  backgroundColor: "background.paper"
+                }
+              },
+              label: t.label,
+              labelId: `${t.label}-select-label`,
+              onChange: (r) => m(r.target.value),
+              placeholder: t.placeholder,
+              value: p,
+              children: t.options?.map((r) => /* @__PURE__ */ o(P, { value: r.value, children: r.label }, r.value))
+            }
+          )
+        ] });
+      case n.Currency:
+        return /* @__PURE__ */ o(
+          _,
+          {
+            amount: p || "",
+            fullWidth: !0,
+            label: t.label,
+            placeholder: t.placeholder,
+            setAmount: m,
+            setHasValidInput: y
+          }
+        );
+      case n.Date:
+        return /* @__PURE__ */ o(M, { dateAdapter: S, children: /* @__PURE__ */ o(
+          F,
+          {
+            maxDate: f(/* @__PURE__ */ new Date(), 1),
+            minDate: /* @__PURE__ */ new Date(),
+            onChange: (r) => {
+              i[t.name] && Number(i[t.name]) <= 31 ? m(r.getDate()) : m(r);
+            },
+            sx: {
+              "& .MuiPickersDay-today": {
+                color: "primary.lighter"
+              },
+              "& .MuiPickersArrowSwitcher-button": {
+                color: "primary.lighter",
+                "&:hover": {
+                  backgroundColor: (r) => x(r.palette.primary.light, 0.1)
+                }
+              }
+            },
+            views: ["day"]
+          }
+        ) });
+      default:
+        return /* @__PURE__ */ o(
+          k,
+          {
+            defaultValue: i[t.name],
+            error: !!a,
+            fullWidth: !0,
+            helperText: a,
+            onChange: v,
+            placeholder: t.placeholder
+          }
+        );
+    }
+  }, C = () => {
+    i[t.name] !== p && h({
+      ...i,
+      [t.name]: p
+    }), u();
+  }, v = (r) => {
+    m(r.target.value), t.validation && c(t.validation(r.target.value));
+  };
+  return /* @__PURE__ */ o(
+    W,
+    {
+      copy: {
+        close_aria: e.close_aria,
+        title: E(e.edit_field, t.label)
+      },
+      disablePrimaryButton: !!a || !b,
+      isOpen: s,
+      onClose: u,
+      onPrimaryAction: C,
+      primaryText: e.save,
+      children: g()
+    }
+  );
+}, No = A(H);
+export {
+  No as default
+};
+//# sourceMappingURL=AccountDetailEdit.js.map

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

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