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

package/dist/investments/components/HoldingDrawer.js

@@ -0,0 +1,472 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import S from "react";
+import { observer as D } from "mobx-react-lite";
+import C from "@mui/material/Accordion";
+import I from "@mui/material/AccordionDetails";
+import B from "@mui/material/AccordionSummary";
+import L from "@mui/material/IconButton";
+import _ from "@mui/material/TextField";
+import o from "@mui/system/Stack";
+import { Icon as l } from "@mxenabled/mx-icons";
+import { InstitutionLogo as G, Text as e } from "@mxenabled/mxui";
+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 "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore 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 "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 W 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/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../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 j = ({
+  accountHoldingsData: m,
+  currentEditedCostBasis: d,
+  editingHoldingId: x,
+  handleCostBasisBlur: u,
+  handleCostBasisClick: y,
+  handleCostBasisChange: f,
+  handleCostBasisKeyDown: h,
+  isOpen: v,
+  onClose: w
+}) => {
+  const { investments: n } = F(), [p, g] = S.useState({}), b = (t) => (a, s) => {
+    g((c) => ({
+      ...c,
+      [t]: s
+    }));
+  };
+  return /* @__PURE__ */ i(
+    W,
+    {
+      ariaLabelClose: n.overview.close_investment_drawer,
+      isOpen: v,
+      onClose: w,
+      title: n.overview.investment_details,
+      children: [
+        /* @__PURE__ */ i(o, { sx: { gap: 8, p: 24 }, children: [
+          /* @__PURE__ */ r(
+            G,
+            {
+              alt: m.accounts.institutionName || "",
+              institutionGuid: m.accounts.institution_guid || "",
+              size: 64
+            }
+          ),
+          /* @__PURE__ */ r(e, { sx: { color: "text.primary" }, variant: "Small", children: m.accounts.memberName }),
+          /* @__PURE__ */ r(e, { sx: { color: "text.primary" }, variant: "H2", children: m.accounts.user_name || m.accounts.name }),
+          /* @__PURE__ */ i(o, { sx: { alignItems: "center", flexDirection: "row", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ r(e, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: n.overview.current_balance }),
+            /* @__PURE__ */ r(e, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: m.accounts.balance?.toLocaleString("en-US", {
+              currency: "USD",
+              maximumFractionDigits: 2,
+              minimumFractionDigits: 2,
+              style: "currency"
+            }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ i(
+          o,
+          {
+            sx: {
+              bgcolor: "background.default",
+              flexDirection: "row",
+              justifyContent: "space-between",
+              px: 24,
+              py: 10
+            },
+            children: [
+              /* @__PURE__ */ r(e, { sx: { color: "text.primary", fontWeight: 700 }, variant: "XSmall", children: n.overview.holding }),
+              /* @__PURE__ */ r(e, { sx: { color: "text.primary", fontWeight: 700 }, variant: "XSmall", children: n.overview.market_value })
+            ]
+          }
+        ),
+        m.holdings?.map((t, a) => {
+          const s = x === t.id;
+          return /* @__PURE__ */ i(
+            C,
+            {
+              disableGutters: !0,
+              expanded: p[t.id] === !0,
+              onChange: t ? b(t?.id) : () => {
+              },
+              sx: {
+                ":before": a === 0 ? { opacity: 0 } : {},
+                ".MuiAccordionDetails-root": { p: 0 }
+              },
+              children: [
+                /* @__PURE__ */ r(
+                  B,
+                  {
+                    "aria-controls": "panel1a-content",
+                    id: "panel1a-header",
+                    sx: [
+                      { height: 64 },
+                      p[t.id] && a > 0 && {
+                        borderTop: 1,
+                        borderColor: "border.main"
+                      }
+                    ],
+                    children: /* @__PURE__ */ i(o, { sx: { flexDirection: "row", width: "100%" }, children: [
+                      /* @__PURE__ */ r("div", { style: { width: 24 } }),
+                      /* @__PURE__ */ i(
+                        o,
+                        {
+                          sx: [
+                            {
+                              alignItems: "center",
+                              flexDirection: "row",
+                              justifyContent: "space-between",
+                              pr: 24,
+                              py: 14,
+                              width: "100%"
+                            },
+                            p[t.id] && {
+                              borderBottom: 1,
+                              borderColor: "border.main"
+                            }
+                          ],
+                          children: [
+                            /* @__PURE__ */ r(
+                              o,
+                              {
+                                sx: {
+                                  alignItems: "center",
+                                  flexDirection: "row",
+                                  gap: 12
+                                },
+                                children: /* @__PURE__ */ i(o, { sx: { overflow: "hidden", width: 98 }, children: [
+                                  /* @__PURE__ */ r(e, { sx: { fontWeight: 600 }, variant: "Body", children: t.holding }),
+                                  /* @__PURE__ */ r(e, { variant: "XSmall", children: t.description })
+                                ] })
+                              }
+                            ),
+                            /* @__PURE__ */ i(
+                              o,
+                              {
+                                sx: {
+                                  alignItems: "center",
+                                  flex: 1,
+                                  flexDirection: "row",
+                                  gap: 12,
+                                  justifyContent: "flex-end"
+                                },
+                                children: [
+                                  /* @__PURE__ */ i(o, { children: [
+                                    /* @__PURE__ */ r(e, { sx: { fontWeight: 600, textAlign: "right" }, variant: "Body", children: t.marketValue?.toLocaleString("en-US", {
+                                      currency: "USD",
+                                      maximumFractionDigits: 2,
+                                      minimumFractionDigits: 2,
+                                      style: "currency"
+                                    }) }),
+                                    /* @__PURE__ */ i(o, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
+                                      t.totalGainLoss !== 0 && /* @__PURE__ */ r(
+                                        l,
+                                        {
+                                          name: t.totalGainLoss >= 0 ? "trending_up" : "trending_down",
+                                          size: 12,
+                                          sx: {
+                                            verticalAlign: "middle",
+                                            mr: 1,
+                                            color: t.totalGainLoss >= 0 ? "success.main" : "grey.700"
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ r(
+                                        e,
+                                        {
+                                          sx: {
+                                            color: t.totalGainLoss <= 0 ? "grey.700" : "success.main",
+                                            fontWeight: t.totalGainLoss <= 0 ? 400 : 700
+                                          },
+                                          variant: "XSmall",
+                                          children: t.costBasis ? `${(t.totalGainLoss / t.costBasis * 100).toFixed(2)}%` : "0.00%"
+                                        }
+                                      ),
+                                      /* @__PURE__ */ r(e, { sx: { color: "grey.700" }, variant: "XSmall", children: "|" }),
+                                      /* @__PURE__ */ r(
+                                        e,
+                                        {
+                                          sx: {
+                                            color: t.totalGainLoss <= 0 ? "grey.700" : "success.main",
+                                            fontWeight: t.totalGainLoss <= 0 ? 400 : 700
+                                          },
+                                          variant: "XSmall",
+                                          children: Math.abs(t.totalGainLoss).toLocaleString("en-US", {
+                                            currency: "USD",
+                                            maximumFractionDigits: 2,
+                                            minimumFractionDigits: 2,
+                                            style: "currency"
+                                          })
+                                        }
+                                      )
+                                    ] })
+                                  ] }),
+                                  /* @__PURE__ */ r(
+                                    l,
+                                    {
+                                      name: p[t.id] ? "expand_less" : "expand_more",
+                                      size: 20
+                                    }
+                                  )
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ r(I, { children: /* @__PURE__ */ i(
+                  o,
+                  {
+                    sx: {
+                      alignItems: "center",
+                      bgcolor: "background.default",
+                      flexDirection: "row",
+                      pl: 24
+                    },
+                    children: [
+                      /* @__PURE__ */ r(o, { sx: { width: 32 } }),
+                      /* @__PURE__ */ i(o, { sx: { flex: 1 }, children: [
+                        /* @__PURE__ */ i(
+                          o,
+                          {
+                            sx: {
+                              alignItems: "center",
+                              borderBottom: 1,
+                              borderColor: "border.main",
+                              flexDirection: "row",
+                              height: 48,
+                              justifyContent: "space-between",
+                              pr: 24
+                            },
+                            children: [
+                              /* @__PURE__ */ r(e, { sx: { color: "text.primary" }, variant: "Body", children: n.overview.quantity }),
+                              /* @__PURE__ */ r(e, { sx: { color: "text.primary" }, variant: "Small", children: t.qty })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ i(
+                          o,
+                          {
+                            sx: {
+                              alignItems: "center",
+                              flexDirection: "row",
+                              height: 48,
+                              justifyContent: "space-between",
+                              pr: 24
+                            },
+                            children: [
+                              /* @__PURE__ */ r(e, { sx: { color: "text.primary" }, variant: "Body", children: n.overview.cost_basis_header }),
+                              /* @__PURE__ */ i(
+                                o,
+                                {
+                                  direction: "row",
+                                  sx: {
+                                    alignItems: "center",
+                                    gap: 4
+                                  },
+                                  children: [
+                                    s ? /* @__PURE__ */ r(
+                                      _,
+                                      {
+                                        autoFocus: !0,
+                                        onBlur: () => u(t.id),
+                                        onChange: f,
+                                        onKeyDown: (c) => h(c, t.id),
+                                        size: "small",
+                                        sx: {
+                                          fontSize: 14,
+                                          width: 58,
+                                          "& .MuiInputBase-input": {
+                                            padding: "4px 0",
+                                            textAlign: "center",
+                                            fontWeight: 600,
+                                            color: "text.primary"
+                                          },
+                                          "& .MuiOutlinedInput-notchedOutline": {
+                                            border: "none"
+                                          }
+                                        },
+                                        value: d
+                                      }
+                                    ) : /* @__PURE__ */ r(e, { sx: { fontSize: 14, width: 58 }, variant: "Small", children: t.costBasis?.toLocaleString("en-US", {
+                                      currency: "USD",
+                                      maximumFractionDigits: 2,
+                                      minimumFractionDigits: 2,
+                                      style: "currency"
+                                    }) }),
+                                    /* @__PURE__ */ r(
+                                      L,
+                                      {
+                                        onClick: () => y(t.id, t.costBasis),
+                                        sx: { minWidth: 16, minHeight: 16 },
+                                        children: /* @__PURE__ */ r(l, { name: "stylus", size: 16, sx: { color: "grey.700" } })
+                                      }
+                                    )
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ) })
+              ]
+            },
+            t.id
+          );
+        })
+      ]
+    }
+  );
+}, Ai = D(j);
+export {
+  Ai as default
+};
+//# sourceMappingURL=HoldingDrawer.js.map

package/dist/investments/components/HoldingDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoldingDrawer.js","sources":["../../../src/investments/components/HoldingDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport IconButton from '@mui/material/IconButton'\nimport TextField from '@mui/material/TextField'\nimport Stack from '@mui/system/Stack'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport { Drawer } from '../../common'\nimport { useGlobalCopyStore } from '../../common'\n\ninterface HoldingDetail {\n  id: string\n  description: string\n  qty: number\n  holding: string\n  costBasis: number\n  totalGainLoss: number\n  marketValue: number\n}\n\ninterface InvestmentDetailsDrawerProps {\n  accountHoldingsData: {\n    accounts: any\n    holdings: HoldingDetail[]\n  }\n  currentEditedCostBasis: string\n  editingHoldingId: string | null\n  handleCostBasisBlur: (id: string) => void\n  handleCostBasisChange: (event: React.ChangeEvent<HTMLInputElement>) => void\n  handleCostBasisClick: (holdingId: string, currentCostBasis: number) => void\n  handleCostBasisKeyDown: (event: React.KeyboardEvent<HTMLInputElement>, id: string) => void\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst InvestmentDetailsDrawer: React.FC<InvestmentDetailsDrawerProps> = ({\n  accountHoldingsData,\n  currentEditedCostBasis,\n  editingHoldingId,\n  handleCostBasisBlur,\n  handleCostBasisClick,\n  handleCostBasisChange,\n  handleCostBasisKeyDown,\n  isOpen,\n  onClose,\n}) => {\n  const { investments: copy } = useGlobalCopyStore()\n  const [expandedStates, setExpandedStates] = React.useState<Record<string, boolean>>({})\n\n  const handleAccordionChange =\n    (holdingId: string) => (_event: React.SyntheticEvent, isExpanded: boolean) => {\n      setExpandedStates((prevStates) => ({\n        ...prevStates,\n        [holdingId]: isExpanded,\n      }))\n    }\n\n  return (\n    <Drawer\n      ariaLabelClose={copy.overview.close_investment_drawer}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={copy.overview.investment_details}\n    >\n      <Stack sx={{ gap: 8, p: 24 }}>\n        <InstitutionLogo\n          alt={accountHoldingsData.accounts.institutionName || ''}\n          institutionGuid={accountHoldingsData.accounts.institution_guid || ''}\n          size={64}\n        />\n        <Text sx={{ color: 'text.primary' }} variant=\"Small\">\n          {accountHoldingsData.accounts.memberName}\n        </Text>\n        <Text sx={{ color: 'text.primary' }} variant=\"H2\">\n          {accountHoldingsData.accounts.user_name || accountHoldingsData.accounts.name}\n        </Text>\n\n        <Stack sx={{ alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between' }}>\n          <Text sx={{ color: 'text.primary', fontWeight: 600 }} variant=\"Body\">\n            {copy.overview.current_balance}\n          </Text>\n\n          <Text sx={{ color: 'text.primary', fontWeight: 600 }} variant=\"Body\">\n            {accountHoldingsData.accounts.balance?.toLocaleString('en-US', {\n              currency: 'USD',\n              maximumFractionDigits: 2,\n              minimumFractionDigits: 2,\n              style: 'currency',\n            })}\n          </Text>\n        </Stack>\n      </Stack>\n\n      <Stack\n        sx={{\n          bgcolor: 'background.default',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          px: 24,\n          py: 10,\n        }}\n      >\n        <Text sx={{ color: 'text.primary', fontWeight: 700 }} variant=\"XSmall\">\n          {copy.overview.holding}\n        </Text>\n        <Text sx={{ color: 'text.primary', fontWeight: 700 }} variant=\"XSmall\">\n          {copy.overview.market_value}\n        </Text>\n      </Stack>\n      {accountHoldingsData.holdings?.map((holding, index) => {\n        const isCurrentlyEditing = editingHoldingId === holding.id\n        return (\n          <Accordion\n            disableGutters={true}\n            expanded={expandedStates[holding.id] === true}\n            key={holding.id}\n            onChange={holding ? handleAccordionChange(holding?.id) : () => {}}\n            sx={{\n              ':before': index === 0 ? { opacity: 0 } : {},\n              '.MuiAccordionDetails-root': { p: 0 },\n            }}\n          >\n            <AccordionSummary\n              aria-controls=\"panel1a-content\"\n              id=\"panel1a-header\"\n              sx={[\n                { height: 64 },\n                expandedStates[holding.id] &&\n                  index > 0 && {\n                    borderTop: 1,\n                    borderColor: 'border.main',\n                  },\n              ]}\n            >\n              <Stack sx={{ flexDirection: 'row', width: '100%' }}>\n                <div style={{ width: 24 }} />\n                <Stack\n                  sx={[\n                    {\n                      alignItems: 'center',\n                      flexDirection: 'row',\n                      justifyContent: 'space-between',\n                      pr: 24,\n                      py: 14,\n                      width: '100%',\n                    },\n                    expandedStates[holding.id] && {\n                      borderBottom: 1,\n                      borderColor: 'border.main',\n                    },\n                  ]}\n                >\n                  <Stack\n                    sx={{\n                      alignItems: 'center',\n                      flexDirection: 'row',\n                      gap: 12,\n                    }}\n                  >\n                    <Stack sx={{ overflow: 'hidden', width: 98 }}>\n                      <Text sx={{ fontWeight: 600 }} variant=\"Body\">\n                        {holding.holding}\n                      </Text>\n                      <Text variant=\"XSmall\">{holding.description}</Text>\n                    </Stack>\n                  </Stack>\n\n                  <Stack\n                    sx={{\n                      alignItems: 'center',\n                      flex: 1,\n                      flexDirection: 'row',\n                      gap: 12,\n                      justifyContent: 'flex-end',\n                    }}\n                  >\n                    <Stack>\n                      <Text sx={{ fontWeight: 600, textAlign: 'right' }} variant={'Body'}>\n                        {holding.marketValue?.toLocaleString('en-US', {\n                          currency: 'USD',\n                          maximumFractionDigits: 2,\n                          minimumFractionDigits: 2,\n                          style: 'currency',\n                        })}\n                      </Text>\n                      <Stack sx={{ alignItems: 'center', gap: 2, flexDirection: 'row' }}>\n                        {holding.totalGainLoss !== 0 && (\n                          <Icon\n                            name={holding.totalGainLoss >= 0 ? 'trending_up' : 'trending_down'}\n                            size={12}\n                            sx={{\n                              verticalAlign: 'middle',\n                              mr: 1,\n                              color: holding.totalGainLoss >= 0 ? 'success.main' : 'grey.700',\n                            }}\n                          />\n                        )}\n                        <Text\n                          sx={{\n                            color: holding.totalGainLoss <= 0 ? 'grey.700' : 'success.main',\n                            fontWeight: holding.totalGainLoss <= 0 ? 400 : 700,\n                          }}\n                          variant=\"XSmall\"\n                        >\n                          {holding.costBasis\n                            ? `${((holding.totalGainLoss / holding.costBasis) * 100).toFixed(2)}%`\n                            : '0.00%'}\n                        </Text>\n                        <Text sx={{ color: 'grey.700' }} variant=\"XSmall\">\n                          |\n                        </Text>\n                        <Text\n                          sx={{\n                            color: holding.totalGainLoss <= 0 ? 'grey.700' : 'success.main',\n                            fontWeight: holding.totalGainLoss <= 0 ? 400 : 700,\n                          }}\n                          variant=\"XSmall\"\n                        >\n                          {Math.abs(holding.totalGainLoss).toLocaleString('en-US', {\n                            currency: 'USD',\n                            maximumFractionDigits: 2,\n                            minimumFractionDigits: 2,\n                            style: 'currency',\n                          })}\n                        </Text>\n                      </Stack>\n                    </Stack>\n\n                    <Icon\n                      name={expandedStates[holding.id] ? 'expand_less' : 'expand_more'}\n                      size={20}\n                    />\n                  </Stack>\n                </Stack>\n              </Stack>\n            </AccordionSummary>\n            <AccordionDetails>\n              <Stack\n                sx={{\n                  alignItems: 'center',\n                  bgcolor: 'background.default',\n                  flexDirection: 'row',\n                  pl: 24,\n                }}\n              >\n                <Stack sx={{ width: 32 }} />\n                <Stack sx={{ flex: 1 }}>\n                  <Stack\n                    sx={{\n                      alignItems: 'center',\n                      borderBottom: 1,\n                      borderColor: 'border.main',\n                      flexDirection: 'row',\n                      height: 48,\n                      justifyContent: 'space-between',\n                      pr: 24,\n                    }}\n                  >\n                    <Text sx={{ color: 'text.primary' }} variant=\"Body\">\n                      {copy.overview.quantity}\n                    </Text>\n                    <Text sx={{ color: 'text.primary' }} variant=\"Small\">\n                      {holding.qty}\n                    </Text>\n                  </Stack>\n                  <Stack\n                    sx={{\n                      alignItems: 'center',\n                      flexDirection: 'row',\n                      height: 48,\n                      justifyContent: 'space-between',\n                      pr: 24,\n                    }}\n                  >\n                    <Text sx={{ color: 'text.primary' }} variant=\"Body\">\n                      {copy.overview.cost_basis_header}\n                    </Text>\n\n                    <Stack\n                      direction=\"row\"\n                      sx={{\n                        alignItems: 'center',\n                        gap: 4,\n                      }}\n                    >\n                      {isCurrentlyEditing ? (\n                        <TextField\n                          autoFocus={true}\n                          onBlur={() => handleCostBasisBlur(holding.id)}\n                          onChange={handleCostBasisChange}\n                          onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) =>\n                            handleCostBasisKeyDown(e, holding.id)\n                          }\n                          size=\"small\"\n                          sx={{\n                            fontSize: 14,\n                            width: 58,\n                            '& .MuiInputBase-input': {\n                              padding: '4px 0',\n                              textAlign: 'center',\n                              fontWeight: 600,\n                              color: 'text.primary',\n                            },\n                            '& .MuiOutlinedInput-notchedOutline': {\n                              border: 'none',\n                            },\n                          }}\n                          value={currentEditedCostBasis}\n                        />\n                      ) : (\n                        <Text sx={{ fontSize: 14, width: 58 }} variant=\"Small\">\n                          {holding.costBasis?.toLocaleString('en-US', {\n                            currency: 'USD',\n                            maximumFractionDigits: 2,\n                            minimumFractionDigits: 2,\n                            style: 'currency',\n                          })}\n                        </Text>\n                      )}\n\n                      <IconButton\n                        onClick={() => handleCostBasisClick(holding.id, holding.costBasis)}\n                        sx={{ minWidth: 16, minHeight: 16 }}\n                      >\n                        <Icon name={'stylus'} size={16} sx={{ color: 'grey.700' }} />\n                      </IconButton>\n                    </Stack>\n                  </Stack>\n                </Stack>\n              </Stack>\n            </AccordionDetails>\n          </Accordion>\n        )\n      })}\n    </Drawer>\n  )\n}\n\nexport default observer(InvestmentDetailsDrawer)\n"],"names":["InvestmentDetailsDrawer","accountHoldingsData","currentEditedCostBasis","editingHoldingId","handleCostBasisBlur","handleCostBasisClick","handleCostBasisChange","handleCostBasisKeyDown","isOpen","onClose","copy","useGlobalCopyStore","expandedStates","setExpandedStates","React","handleAccordionChange","holdingId","_event","isExpanded","prevStates","jsxs","Drawer","Stack","jsx","InstitutionLogo","Text","holding","index","isCurrentlyEditing","Accordion","AccordionSummary","Icon","AccordionDetails","TextField","e","IconButton","InvestmentDetailsDrawer$1","observer"],"mappings":"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"}