@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/networth/components/AssetsLiabilitiesDetail/index.es.js

@@ -1,158 +0,0 @@
-import { useGlobalCopyStore as L } from "../../../common/context/hooks/index.es.js";
-import { groupAccounts as x } from "../../../core/utils/NetWorthUtils/index.es.js";
-import { CurrencyText as s } from "../../../common/components/CurrencyText/index.es.js";
-import w from "../NetWorthChange/index.es.js";
-import I from "react";
-import { observer as _ } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import { Icon as d, Text as m } from "@mxenabled/mxui";
-import { Fragment as u, jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useTheme as j } from "@mui/material/styles";
-import S from "@mui/material/Box";
-import h from "@mui/material/Divider";
-import C from "@mui/material/List";
-import b from "@mui/material/ListItem";
-import k from "@mui/material/ListItemButton";
-import g from "@mui/material/ListItemIcon";
-import c from "@mui/material/ListItemText";
-import y from "@mui/material/ListSubheader";
-import A from "@mui/material/Collapse";
-var T = ({ accounts: i, name: a, icon: n }) => {
-  const [o, p] = I.useState(!1);
-  return /* @__PURE__ */ r(u, { children: [
-    /* @__PURE__ */ t(b, {
-      sx: (e) => ({ backgroundColor: e.palette.background.paper }),
-      children: /* @__PURE__ */ r(k, {
-        onClick: () => p(!o),
-        children: [
-          n && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(d, {
-            name: n,
-            size: 24,
-            sx: { mr: 12 }
-          }) }),
-          /* @__PURE__ */ t(c, { primary: /* @__PURE__ */ t(m, {
-            sx: { fontWeight: 700 },
-            variant: "body1",
-            children: a
-          }) }),
-          /* @__PURE__ */ t(g, { children: o ? /* @__PURE__ */ t(d, {
-            name: "expand_less",
-            size: 24
-          }) : /* @__PURE__ */ t(d, {
-            name: "expand_more",
-            size: 24
-          }) })
-        ]
-      })
-    }),
-    /* @__PURE__ */ t(h, {}),
-    /* @__PURE__ */ t(A, {
-      in: o,
-      timeout: "auto",
-      unmountOnExit: !0,
-      children: i.map((e, l) => /* @__PURE__ */ r(C, { children: [/* @__PURE__ */ t(b, {
-        sx: () => ({ py: 14 }),
-        children: /* @__PURE__ */ t(c, {
-          primary: /* @__PURE__ */ r(f, {
-            direction: "row",
-            justifyContent: "space-between",
-            sx: { fontWeight: 400 },
-            children: [/* @__PURE__ */ t(m, {
-              sx: { marginRight: 10 },
-              variant: "body1",
-              children: e.accountName
-            }), /* @__PURE__ */ t(s, {
-              amount: e.balance,
-              sx: { flexShrink: 0 },
-              variant: "body2"
-            })]
-          }),
-          sx: {
-            pl: 72,
-            pr: 16
-          }
-        })
-      }), l < i.length - 1 ? /* @__PURE__ */ t(h, { variant: "inset" }) : /* @__PURE__ */ t(h, {})] }, e.accountName))
-    })
-  ] });
-}, v = ({ groupedAccounts: i }) => /* @__PURE__ */ t(u, { children: i.map(({ accounts: a, icon: n, name: o }) => /* @__PURE__ */ t(T, {
-  accounts: a,
-  icon: n,
-  name: o
-}, o)) }), W = ({ netWorth: i, assets: a, liabilities: n, totalAssets: o, totalLiabilities: p }) => {
-  const { net_worth: e } = L(), l = j();
-  return /* @__PURE__ */ r(u, { children: [/* @__PURE__ */ r(S, {
-    sx: {
-      alignItems: "center",
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "space-between",
-      paddingTop: 24,
-      marginBottom: 8
-    },
-    children: [
-      /* @__PURE__ */ t(m, {
-        variant: "body1",
-        children: e.current_net_worth
-      }),
-      /* @__PURE__ */ t(s, {
-        amount: i?.y ?? 0,
-        variant: "h1"
-      }),
-      i && /* @__PURE__ */ t(w, {
-        currencyLabel: e.this_month,
-        iconSize: 20,
-        netWorth: i,
-        theme: l
-      })
-    ]
-  }), /* @__PURE__ */ r(C, { children: [
-    /* @__PURE__ */ t(y, {
-      sx: {
-        mb: 8,
-        mt: 12,
-        mx: 8
-      },
-      children: /* @__PURE__ */ t(c, { primary: /* @__PURE__ */ r(f, {
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ t(m, {
-          sx: { fontWeight: 700 },
-          variant: "caption",
-          children: e.assets
-        }), /* @__PURE__ */ t(s, {
-          amount: o,
-          sx: { fontWeight: 400 },
-          variant: "caption"
-        })]
-      }) })
-    }),
-    /* @__PURE__ */ t(v, { groupedAccounts: x(a) }),
-    /* @__PURE__ */ t(y, {
-      sx: {
-        mb: 8,
-        mt: 12,
-        mx: 8
-      },
-      children: /* @__PURE__ */ t(c, { primary: /* @__PURE__ */ r(f, {
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ t(m, {
-          sx: { fontWeight: 700 },
-          variant: "caption",
-          children: e.liabilities
-        }), /* @__PURE__ */ t(s, {
-          amount: p,
-          sx: { fontWeight: 400 },
-          variant: "caption"
-        })]
-      }) })
-    }),
-    /* @__PURE__ */ t(v, { groupedAccounts: x(n) })
-  ] })] });
-}, Y = _(W);
-export {
-  Y as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/AssetsLiabilitiesDetail/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/networth/components/AssetsLiabilitiesDetail.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { AccountGroup, AssetsLiabilities } from '../../core/types/NetWorth'\nimport { groupAccounts } from '../../core/utils/NetWorthUtils'\n\nconst Group: React.FC<AccountGroup> = ({ accounts, name, icon }) => {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  return (\n    <>\n      <ListItem sx={(theme) => ({ backgroundColor: theme.palette.background.paper })}>\n        <ListItemButton onClick={() => setIsOpen(!isOpen)}>\n          {icon && (\n            <ListItemIcon>\n              <Icon name={icon} size={24} sx={{ mr: 12 }} />\n            </ListItemIcon>\n          )}\n          <ListItemText\n            primary={\n              <Text sx={{ fontWeight: 700 }} variant=\"body1\">\n                {name}\n              </Text>\n            }\n          />\n          <ListItemIcon>\n            {isOpen ? <Icon name=\"expand_less\" size={24} /> : <Icon name=\"expand_more\" size={24} />}\n          </ListItemIcon>\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit={true}>\n        {accounts.map((account, index) => (\n          <List key={account.accountName}>\n            <ListItem sx={() => ({ py: 14 })}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ fontWeight: 400 }}>\n                    <Text\n                      sx={{\n                        marginRight: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {account.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={account.balance}\n                      sx={{\n                        flexShrink: 0,\n                      }}\n                      variant=\"body2\"\n                    />\n                  </Stack>\n                }\n                sx={{ pl: 72, pr: 16 }}\n              />\n            </ListItem>\n            {index < accounts.length - 1 ? <Divider variant=\"inset\" /> : <Divider />}\n          </List>\n        ))}\n      </Collapse>\n    </>\n  )\n}\n\nconst ListGroup: React.FC<{\n  groupedAccounts: AccountGroup[]\n}> = ({ groupedAccounts }) => (\n  <>\n    {groupedAccounts.map(({ accounts, icon, name }) => (\n      <Group accounts={accounts} icon={icon} key={name} name={name} />\n    ))}\n  </>\n)\n\nconst AssetsLiabilitiesDetail: React.FC<AssetsLiabilities> = ({\n  netWorth,\n  assets,\n  liabilities,\n  totalAssets,\n  totalLiabilities,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Box\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          paddingTop: 24,\n          marginBottom: 8,\n        }}\n      >\n        <Text variant=\"body1\">{copy.current_net_worth}</Text>\n        <CurrencyText amount={netWorth?.y ?? 0} variant=\"h1\" />\n        {netWorth && (\n          <NetWorthChange\n            currencyLabel={copy.this_month}\n            iconSize={20}\n            netWorth={netWorth}\n            theme={theme}\n          />\n        )}\n      </Box>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.assets}\n                </Text>\n                <CurrencyText amount={totalAssets} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(assets)} />\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.liabilities}\n                </Text>\n                <CurrencyText\n                  amount={totalLiabilities}\n                  sx={{ fontWeight: 400 }}\n                  variant=\"caption\"\n                />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        <ListGroup groupedAccounts={groupAccounts(liabilities)} />\n      </List>\n    </>\n  )\n}\n\nexport default observer(AssetsLiabilitiesDetail)\n"],"mappings":"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"}

package/dist/networth/components/GainsLossesDetail/index.es.js

@@ -1,137 +0,0 @@
-import { useGlobalCopyStore as y } from "../../../common/context/hooks/index.es.js";
-import { fromTimestampToMonthYear as g } from "../../../core/utils/DateUtil/index.es.js";
-import { CurrencyText as a } from "../../../common/components/CurrencyText/index.es.js";
-import v from "../NetWorthChange/index.es.js";
-import w from "react";
-import { observer as C } from "mobx-react-lite";
-import i from "@mui/material/Stack";
-import { Text as o } from "@mxenabled/mxui";
-import { Fragment as p, jsx as t, jsxs as e } from "react/jsx-runtime";
-import { useTheme as j } from "@mui/material/styles";
-import d from "@mui/material/Divider";
-import k from "@mui/material/List";
-import l from "@mui/material/ListItem";
-import m from "@mui/material/ListItemText";
-import h from "@mui/material/ListSubheader";
-var L = ({ netWorth: c, gains: f, losses: u, totalGains: x, totalLosses: b }) => {
-  const { net_worth: s } = y(), n = j();
-  return /* @__PURE__ */ e(p, { children: [/* @__PURE__ */ e(i, {
-    alignItems: "center",
-    justifyContent: "space-between",
-    mb: 8,
-    pt: 24,
-    children: [
-      /* @__PURE__ */ t(o, {
-        variant: "body2",
-        children: g(c?.x)
-      }),
-      /* @__PURE__ */ t(o, {
-        variant: "body1",
-        children: s.total_change
-      }),
-      c && /* @__PURE__ */ t(v, {
-        currencyVariant: "h1",
-        iconSize: 32,
-        netWorth: c,
-        theme: n
-      })
-    ]
-  }), /* @__PURE__ */ e(k, { children: [
-    /* @__PURE__ */ t(h, {
-      sx: {
-        mb: 8,
-        mt: 12,
-        mx: 8
-      },
-      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(i, {
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ t(o, {
-          sx: { fontWeight: 700 },
-          variant: "caption",
-          children: s.gains
-        }), /* @__PURE__ */ t(a, {
-          amount: x,
-          sx: { fontWeight: 400 },
-          variant: "caption"
-        })]
-      }) })
-    }),
-    f?.map((r) => /* @__PURE__ */ e(w.Fragment, { children: [/* @__PURE__ */ t(l, {
-      sx: {
-        backgroundColor: n.palette.background.paper,
-        py: 14
-      },
-      children: /* @__PURE__ */ t(m, {
-        primary: /* @__PURE__ */ e(i, {
-          direction: "row",
-          justifyContent: "space-between",
-          children: [/* @__PURE__ */ t(o, {
-            sx: { mr: 10 },
-            variant: "body1",
-            children: r.accountName
-          }), /* @__PURE__ */ t(a, {
-            amount: r.gain,
-            sx: {
-              color: n.palette.success.main,
-              flexShrink: 0,
-              fontWeight: 700
-            },
-            variant: "body1"
-          })]
-        }),
-        sx: { px: 16 }
-      })
-    }), /* @__PURE__ */ t(d, {})] }, r.accountName)),
-    /* @__PURE__ */ t(h, {
-      sx: {
-        mb: 8,
-        mt: 12,
-        mx: 8
-      },
-      children: /* @__PURE__ */ t(m, { primary: /* @__PURE__ */ e(i, {
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ t(o, {
-          sx: { fontWeight: 700 },
-          variant: "caption",
-          children: s.losses
-        }), /* @__PURE__ */ t(a, {
-          amount: b,
-          sx: { fontWeight: 400 },
-          variant: "caption"
-        })]
-      }) })
-    }),
-    u?.map((r) => /* @__PURE__ */ e(p, { children: [/* @__PURE__ */ t(l, {
-      sx: {
-        backgroundColor: n.palette.background.paper,
-        py: 14
-      },
-      children: /* @__PURE__ */ t(m, {
-        primary: /* @__PURE__ */ e(i, {
-          direction: "row",
-          justifyContent: "space-between",
-          children: [/* @__PURE__ */ t(o, {
-            sx: { mr: 10 },
-            variant: "body1",
-            children: r.accountName
-          }), /* @__PURE__ */ t(a, {
-            amount: r.loss,
-            sx: {
-              flexShrink: 0,
-              fontWeight: 700
-            },
-            variant: "body1"
-          })]
-        }),
-        sx: { px: 16 }
-      })
-    }, r.accountName), /* @__PURE__ */ t(d, {})] }))
-  ] })] });
-}, A = C(L);
-export {
-  A as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/GainsLossesDetail/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/networth/components/GainsLossesDetail.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport { fromTimestampToMonthYear } from '../../core/utils/DateUtil'\n\nimport { GainsLosses } from '../../core/types/NetWorth'\nimport NetWorthChange from './NetWorthChange'\n\nconst GainsLossesDetail: React.FC<GainsLosses> = ({\n  netWorth,\n  gains,\n  losses,\n  totalGains,\n  totalLosses,\n}) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  return (\n    <>\n      <Stack alignItems=\"center\" justifyContent=\"space-between\" mb={8} pt={24}>\n        <Text variant=\"body2\">{fromTimestampToMonthYear(netWorth?.x)}</Text>\n        <Text variant=\"body1\">{copy.total_change}</Text>\n        {netWorth && (\n          <NetWorthChange currencyVariant=\"h1\" iconSize={32} netWorth={netWorth} theme={theme} />\n        )}\n      </Stack>\n      <List>\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.gains}\n                </Text>\n                <CurrencyText amount={totalGains} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {gains?.map((gain) => (\n          <React.Fragment key={gain.accountName}>\n            <ListItem sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}>\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text sx={{ mr: 10 }} variant=\"body1\">\n                      {gain.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={gain.gain}\n                      sx={{ color: theme.palette.success.main, flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </React.Fragment>\n        ))}\n\n        <ListSubheader sx={{ mb: 8, mt: 12, mx: 8 }}>\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\">\n                <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n                  {copy.losses}\n                </Text>\n                <CurrencyText amount={totalLosses} sx={{ fontWeight: 400 }} variant=\"caption\" />\n              </Stack>\n            }\n          />\n        </ListSubheader>\n        {losses?.map((loss) => (\n          <>\n            <ListItem\n              key={loss.accountName}\n              sx={{ backgroundColor: theme.palette.background.paper, py: 14 }}\n            >\n              <ListItemText\n                primary={\n                  <Stack direction=\"row\" justifyContent=\"space-between\">\n                    <Text\n                      sx={{\n                        mr: 10,\n                      }}\n                      variant=\"body1\"\n                    >\n                      {loss.accountName}\n                    </Text>\n                    <CurrencyText\n                      amount={loss.loss}\n                      sx={{ flexShrink: 0, fontWeight: 700 }}\n                      variant=\"body1\"\n                    />\n                  </Stack>\n                }\n                sx={{ px: 16 }}\n              />\n            </ListItem>\n            <Divider />\n          </>\n        ))}\n      </List>\n    </>\n  )\n}\n\nexport default observer(GainsLossesDetail)\n"],"mappings":"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"}

package/dist/networth/components/NetWorthChange/index.es.js

@@ -1,34 +0,0 @@
-import { CurrencyText as s } from "../../../common/components/CurrencyText/index.es.js";
-import { observer as m } from "mobx-react-lite";
-import { Icon as d, Text as p } from "@mxenabled/mxui";
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { Stack as g } from "@mui/material";
-var u = ({ currencyLabel: i, currencyVariant: c = "body2", iconSize: l, netWorth: r, theme: e }) => {
-  let o = e.palette.secondary.main, t = e.palette.secondary.main, n = "trending_flat";
-  return r.change < 0 ? n = "trending_down" : r.change > 0 && (o = e.palette.success.main, t = e.palette.success.main, n = "trending_up"), /* @__PURE__ */ f(g, {
-    alignItems: "center",
-    direction: "row",
-    spacing: 4,
-    children: [
-      /* @__PURE__ */ a(d, {
-        name: n,
-        size: l,
-        sx: { color: o }
-      }),
-      /* @__PURE__ */ a(s, {
-        amount: r.change,
-        color: t,
-        variant: c
-      }),
-      /* @__PURE__ */ a(p, {
-        variant: "body2",
-        children: i
-      })
-    ]
-  });
-}, _ = m(u);
-export {
-  _ as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/NetWorthChange/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/networth/components/NetWorthChange.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Stack, Theme } from '@mui/material'\nimport { TypographyProps } from '@mui/material/Typography'\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { CurrencyText } from '../../common/components/CurrencyText'\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthChangeProps {\n  netWorth: NetWorth\n  currencyVariant?: TypographyProps['variant']\n  currencyLabel?: string\n  iconSize?: number\n  theme: Theme\n}\n\nconst NetWorthChange: React.FC<NetWorthChangeProps> = ({\n  currencyLabel,\n  currencyVariant = 'body2',\n  iconSize,\n  netWorth,\n  theme,\n}) => {\n  let iconColor = theme.palette.secondary.main\n  let currencyTextColor = theme.palette.secondary.main\n  let iconName = 'trending_flat'\n\n  if (netWorth.change < 0) {\n    iconName = 'trending_down'\n  } else if (netWorth.change > 0) {\n    iconColor = theme.palette.success.main\n    currencyTextColor = theme.palette.success.main\n    iconName = 'trending_up'\n  }\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" spacing={4}>\n      <Icon\n        name={iconName}\n        size={iconSize}\n        sx={{\n          color: iconColor,\n        }}\n      />\n      <CurrencyText amount={netWorth.change} color={currencyTextColor} variant={currencyVariant} />\n      <Text variant=\"body2\">{currencyLabel}</Text>\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthChange)\n"],"mappings":";;;;;AAgBA,IAAM,IAAA,CAAiD,EACrD,eAAA,GACA,iBAAA,IAAkB,SAClB,UAAA,GACA,UAAA,GACA,OAAA,EAAA,MACI;AACJ,MAAI,IAAY,EAAM,QAAQ,UAAU,MACpC,IAAoB,EAAM,QAAQ,UAAU,MAC5C,IAAW;AAEf,SAAI,EAAS,SAAS,IACpB,IAAW,kBACF,EAAS,SAAS,MAC3B,IAAY,EAAM,QAAQ,QAAQ,MAClC,IAAoB,EAAM,QAAQ,QAAQ,MAC1C,IAAW,gBAIX,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAM,SAAS;AAAA,cAApD;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,IAAI,EACF,OAAO,EACT;AAAA,MACD,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QAAc,QAAQ,EAAS;AAAA,QAAQ,OAAO;AAAA,QAAmB,SAAS;AAAA,MAAkB,CAAA;AAAA,MAC5F,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAS;AAAA,MAAoB,CAAA;AAAA,IACtC;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}

package/dist/networth/components/NetWorthChart/index.es.js

@@ -1,58 +0,0 @@
-import { DATE_FORMATS_INTL as S, formatDate as k } from "../../../core/constants/DateFormats/index.es.js";
-import { useNetWorthStore as C, useWidgetContainerProvider as b } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as T } from "../../../common/hooks/useScreenSize/index.es.js";
-import { LineChart as W } from "../../../common/components/charts/LineChart/index.es.js";
-import "react";
-import { observer as g } from "mobx-react-lite";
-import D from "@mui/material/Stack";
-import { jsx as n } from "react/jsx-runtime";
-import { useTheme as N } from "@mui/material/styles";
-import { fromUnixTime as w } from "date-fns/fromUnixTime";
-var A = () => {
-  const { isMobile: m } = T(), { availableWidth: a } = b(), e = N(), { hoveredData: o, netWorthChartData: r, selectedData: s, setHoveredIndex: i, setSelectedIndex: c } = C(), d = a - 320, h = r.map((t) => ({
-    x: k(w(t.x), S.MONTH_SHORT),
-    y: t.y
-  })), l = s ? { index: r.findIndex((t) => t.x === s.x) } : void 0, x = o ? { index: r.findIndex((t) => t.x === o.x) } : void 0, u = (t) => ({
-    fill: t === l?.index ? e.palette.success.main : "",
-    filter: t === x?.index ? `drop-shadow(0px 0px 10px ${e.palette.success.main})` : "none",
-    stroke: e.palette.success.main
-  }), f = (t, M) => {
-    c(M);
-  }, p = (t) => {
-    i(t);
-  }, v = () => {
-    i(-1);
-  };
-  return /* @__PURE__ */ n(D, {
-    sx: { width: "100%" },
-    children: /* @__PURE__ */ n(W, {
-      baseline: "min",
-      chartFor: "networthChart",
-      chartXaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(8px)" } },
-      chartYaxisSx: { "& .MuiChartsAxis-tickLabel": { transform: "translateX(-8px)" } },
-      colors: [e.palette.success.main],
-      datasets: [h],
-      height: 350,
-      labels: [],
-      margin: {
-        right: 20,
-        left: 38
-      },
-      markHandlers: {
-        onMarkClick: f,
-        onMouseEnter: p,
-        onMouseLeave: v
-      },
-      markStyles: u,
-      showArea: !0,
-      useCustomMark: !0,
-      valueFormatterString: "0.0[0]a",
-      width: m ? a - 48 : d
-    })
-  });
-}, z = g(A);
-export {
-  z as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/NetWorthChart/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/networth/components/NetWorthChart.tsx"],"sourcesContent":["import React from 'react'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { useNetWorthStore, useScreenSize, useWidgetContainerProvider } from '../../common'\nimport { LineChart } from '../../common/components/charts/LineChart'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\n\nconst NetWorthChart = () => {\n  const { isMobile } = useScreenSize()\n  const { availableWidth } = useWidgetContainerProvider()\n  const theme = useTheme()\n  const {\n    hoveredData,\n    netWorthChartData: chartData,\n    selectedData,\n    setHoveredIndex,\n    setSelectedIndex,\n  } = useNetWorthStore()\n\n  // on mobile, chart is same width as list; on desktop, chart takes up what the list does not\n  const chartWidthNotMobile = availableWidth - 320\n\n  const datasets = chartData.map((point) => {\n    return {\n      x: formatDate(fromUnixTime(point.x), DATE_FORMATS_INTL.MONTH_SHORT),\n      y: point.y,\n    }\n  })\n\n  const selectedMark = selectedData\n    ? { index: chartData.findIndex((point) => point.x === selectedData.x) }\n    : undefined\n\n  const hoveredMark = hoveredData\n    ? { index: chartData.findIndex((point) => point.x === hoveredData.x) }\n    : undefined\n\n  const getMarkStyles = (markIndex: number) => {\n    return {\n      fill: markIndex === selectedMark?.index ? theme.palette.success.main : '',\n      filter:\n        markIndex === hoveredMark?.index\n          ? `drop-shadow(0px 0px 10px ${theme.palette.success.main})`\n          : 'none',\n      stroke: theme.palette.success.main,\n    }\n  }\n\n  const onMarkClick = (_event: React.MouseEvent<SVGPathElement, MouseEvent>, dataIndex: number) => {\n    setSelectedIndex(dataIndex)\n  }\n\n  const onMouseEnter = (dataIndex: number) => {\n    setHoveredIndex(dataIndex)\n  }\n\n  const onMouseLeave = () => {\n    setHoveredIndex(-1)\n  }\n\n  return (\n    <Stack sx={{ width: '100%' }}>\n      <LineChart\n        baseline=\"min\" // causes the area below the line to be shaded\n        chartFor={'networthChart'}\n        chartXaxisSx={{ '& .MuiChartsAxis-tickLabel': { transform: 'translateX(8px)' } }}\n        chartYaxisSx={{ '& .MuiChartsAxis-tickLabel': { transform: 'translateX(-8px)' } }}\n        colors={[theme.palette.success.main]}\n        datasets={[datasets]}\n        height={350}\n        labels={[]}\n        margin={{ right: 20, left: 38 }}\n        markHandlers={{ onMarkClick, onMouseEnter, onMouseLeave }}\n        markStyles={getMarkStyles}\n        showArea={true}\n        useCustomMark={true}\n        valueFormatterString=\"0.0[0]a\" // formatting example -'109,000' -> '109k', 1,092,742 → $1.1m, $1,236 → $1.2k\n        width={isMobile ? availableWidth - 48 : chartWidthNotMobile}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthChart)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAA,MAAsB;AAC1B,QAAM,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,gBAAA,EAAA,IAAmB,EAA2B,GAChD,IAAQ,EAAS,GACjB,EACJ,aAAA,GACA,mBAAmB,GACnB,cAAA,GACA,iBAAA,GACA,kBAAA,EAAA,IACE,EAAiB,GAGf,IAAsB,IAAiB,KAEvC,IAAW,EAAU,IAAA,CAAK,OACvB;AAAA,IACL,GAAG,EAAW,EAAa,EAAM,CAAC,GAAG,EAAkB,WAAW;AAAA,IAClE,GAAG,EAAM;AAAA,EACX,EACD,GAEK,IAAe,IACjB,EAAE,OAAO,EAAU,UAAA,CAAW,MAAU,EAAM,MAAM,EAAa,CAAC,EAAE,IACpE,QAEE,IAAc,IAChB,EAAE,OAAO,EAAU,UAAA,CAAW,MAAU,EAAM,MAAM,EAAY,CAAC,EAAE,IACnE,QAEE,IAAA,CAAiB,OACd;AAAA,IACL,MAAM,MAAc,GAAc,QAAQ,EAAM,QAAQ,QAAQ,OAAO;AAAA,IACvE,QACE,MAAc,GAAa,QACvB,4BAA4B,EAAM,QAAQ,QAAQ,IAAA,MAClD;AAAA,IACN,QAAQ,EAAM,QAAQ,QAAQ;AAAA,EAChC,IAGI,IAAA,CAAe,GAAsD,MAAsB;AAC/F,IAAA,EAAiB,CAAS;AAAA,EAC5B,GAEM,IAAA,CAAgB,MAAsB;AAC1C,IAAA,EAAgB,CAAS;AAAA,EAC3B,GAEM,IAAA,MAAqB;AACzB,IAAA,EAAgB,EAAE;AAAA,EACpB;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,OAAO,OAAO;AAAA,cACzB,gBAAA,EAAC,GAAD;AAAA,MACE,UAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAc,EAAE,8BAA8B,EAAE,WAAW,kBAAkB,EAAE;AAAA,MAC/E,cAAc,EAAE,8BAA8B,EAAE,WAAW,mBAAmB,EAAE;AAAA,MAChF,QAAQ,CAAC,EAAM,QAAQ,QAAQ,IAAI;AAAA,MACnC,UAAU,CAAC,CAAQ;AAAA,MACnB,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,MACT,QAAQ;AAAA,QAAE,OAAO;AAAA,QAAI,MAAM;AAAA,MAAG;AAAA,MAC9B,cAAc;AAAA,QAAE,aAAA;AAAA,QAAa,cAAA;AAAA,QAAc,cAAA;AAAA,MAAa;AAAA,MACxD,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,eAAe;AAAA,MACf,sBAAqB;AAAA,MACrB,OAAO,IAAW,IAAiB,KAAK;AAAA,IACzC,CAAA;AAAA,EACI,CAAA;AAEX,GAEA,IAAe,EAAS,CAAa"}

package/dist/networth/components/NetWorthList/index.es.js

@@ -1,99 +0,0 @@
-import { useEvent as g, useGlobalCopyStore as E, useNetWorthStore as H } from "../../../common/context/hooks/index.es.js";
-import p from "../../../common/components/drawer/Drawer/index.es.js";
-import { ANALYTICS_EVENTS as k } from "../../../common/constants/Analytics/index.es.js";
-import y from "../NetWorthListItem/index.es.js";
-import A from "../GainsLossesDetail/index.es.js";
-import O from "../AssetsLiabilitiesDetail/index.es.js";
-import f from "react";
-import { observer as N } from "mobx-react-lite";
-import W from "@mui/material/Stack";
-import { Text as B } from "@mxenabled/mxui";
-import G from "@mui/material/Button";
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import { useTheme as M } from "@mui/material/styles";
-import j from "@mui/material/Divider";
-import R from "@mui/material/List";
-import K from "@mui/material/ListSubheader";
-var V = () => {
-  const { net_worth: s } = E(), i = M(), { onEvent: L } = g(), { assetsLiabilities: l, gainsLosses: n, hoveredData: d, netWorthChartData: b, selectedData: m, setHoveredIndex: c, setSelectedIndex: _ } = H(), [x, h] = f.useState(!1), [C, u] = f.useState(!1), v = (e) => {
-    const r = e.x === d?.x, a = e.x === m?.x, o = {
-      backgroundColor: "inherit",
-      borderBottom: "inherit",
-      color: "inherit"
-    };
-    return r && (o.color = a ? "inherit" : o.color, o.backgroundColor = i.palette.action.hover), a && (o.backgroundColor = i.palette.primary.main, o.borderBottom = i.palette.neutral.light, o.color = i.palette.common.white), o;
-  }, w = (e, r) => {
-    _(r), e.currentTarget instanceof HTMLDivElement && h(!0);
-  }, D = () => {
-    u(!0), L(k.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
-  }, I = (e) => {
-    c(e);
-  }, T = () => {
-    c(-1);
-  };
-  return /* @__PURE__ */ S(W, {
-    direction: "column",
-    sx: { width: 320 },
-    children: [
-      /* @__PURE__ */ S(R, { children: [
-        /* @__PURE__ */ t(K, {
-          sx: {
-            backgroundColor: "transparent",
-            mb: 8,
-            mt: 12,
-            px: 12
-          },
-          children: /* @__PURE__ */ t(B, {
-            bold: !0,
-            component: "h2",
-            variant: "body1",
-            children: s.monthly_totals
-          })
-        }),
-        /* @__PURE__ */ t(j, {}),
-        b.map((e, r) => /* @__PURE__ */ t(y, {
-          getStyles: v,
-          isHovered: e.x === d?.x,
-          isSelected: e.x === m?.x,
-          item: e,
-          onItemClick: (a) => w(a, r),
-          onMouseEnter: () => I(r),
-          onMouseLeave: () => T()
-        }, e.x))
-      ] }),
-      /* @__PURE__ */ t(G, {
-        onClick: () => D(),
-        sx: {
-          alignSelf: "center",
-          marginTop: 16,
-          width: "fit-content"
-        },
-        variant: "outlined",
-        children: s.view_assets_and_liabilities
-      }),
-      /* @__PURE__ */ t(p, {
-        ariaLabelClose: "Close",
-        isOpen: x,
-        onClose: () => h(!1),
-        shouldShowHeaderBorders: !1,
-        shouldShowHeaderShadow: !0,
-        title: s.gains_and_losses,
-        children: n && /* @__PURE__ */ t(A, { ...n })
-      }),
-      /* @__PURE__ */ t(p, {
-        ariaLabelClose: "Close",
-        isOpen: C,
-        onClose: () => u(!1),
-        shouldShowHeaderBorders: !1,
-        shouldShowHeaderShadow: !0,
-        title: s.assets_and_liabilities,
-        children: l && /* @__PURE__ */ t(O, { ...l })
-      })
-    ]
-  });
-}, ie = N(V);
-export {
-  ie as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/NetWorthList/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/networth/components/NetWorthList.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useNetWorthStore,\n} from '../../common'\n\nimport type { NetWorth } from '../../core/types/NetWorth'\n\nimport NetWorthListItem from './NetWorthListItem'\nimport GainsLossesDetail from './GainsLossesDetail'\nimport AssetsLiabilitiesDetail from './AssetsLiabilitiesDetail'\n\nconst NetWorthList = () => {\n  const { net_worth: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n\n  const {\n    assetsLiabilities,\n    gainsLosses,\n    hoveredData,\n    netWorthChartData: chartData,\n    selectedData,\n    setHoveredIndex,\n    setSelectedIndex,\n  } = useNetWorthStore()\n\n  const [isGlDrawerOpen, setIsGlDrawerOpen] = React.useState(false)\n  const [isAlDrawerOpen, setIsAlDrawerOpen] = React.useState(false)\n\n  const buildStyles = (lineItem: NetWorth) => {\n    const isHovered = lineItem.x === hoveredData?.x\n    const isSelected = lineItem.x === selectedData?.x\n\n    const listItemStyles = {\n      backgroundColor: 'inherit',\n      borderBottom: 'inherit',\n      color: 'inherit',\n    }\n\n    if (isHovered) {\n      listItemStyles.color = isSelected ? 'inherit' : listItemStyles.color\n      listItemStyles.backgroundColor = theme.palette.action.hover\n    }\n\n    if (isSelected) {\n      listItemStyles.backgroundColor = theme.palette.primary.main\n      listItemStyles.borderBottom = theme.palette.neutral.light\n      listItemStyles.color = theme.palette.common.white\n    }\n\n    return listItemStyles\n  }\n\n  const handleListItemClick = (\n    event: React.MouseEvent<SVGPathElement | HTMLDivElement, MouseEvent>,\n    dataIndex: number,\n  ) => {\n    setSelectedIndex(dataIndex)\n    if (event.currentTarget instanceof HTMLDivElement) {\n      setIsGlDrawerOpen(true)\n    }\n  }\n\n  const handleOpenALDrawer = () => {\n    setIsAlDrawerOpen(true)\n    onEvent(ANALYTICS_EVENTS.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES)\n  }\n\n  const handleMouseEnter = (dataIndex: number) => {\n    setHoveredIndex(dataIndex)\n  }\n\n  const handleMouseLeave = () => {\n    setHoveredIndex(-1)\n  }\n\n  return (\n    <Stack direction=\"column\" sx={{ width: 320 }}>\n      <List>\n        <ListSubheader sx={{ backgroundColor: 'transparent', mb: 8, mt: 12, px: 12 }}>\n          <Text bold={true} component=\"h2\" variant=\"body1\">\n            {copy.monthly_totals}\n          </Text>\n        </ListSubheader>\n        <Divider />\n        {chartData.map((dataPoint: NetWorth, index: number) => {\n          return (\n            <NetWorthListItem\n              getStyles={buildStyles}\n              isHovered={dataPoint.x === hoveredData?.x}\n              isSelected={dataPoint.x === selectedData?.x}\n              item={dataPoint}\n              key={dataPoint.x}\n              onItemClick={(event) => handleListItemClick(event, index)}\n              onMouseEnter={() => handleMouseEnter(index)}\n              onMouseLeave={() => handleMouseLeave()}\n            />\n          )\n        })}\n      </List>\n      <Button\n        onClick={() => handleOpenALDrawer()}\n        sx={{ alignSelf: 'center', marginTop: 16, width: 'fit-content' }}\n        variant=\"outlined\"\n      >\n        {copy.view_assets_and_liabilities}\n      </Button>\n\n      <Drawer\n        ariaLabelClose={'Close'}\n        isOpen={isGlDrawerOpen}\n        onClose={() => setIsGlDrawerOpen(false)}\n        shouldShowHeaderBorders={false}\n        shouldShowHeaderShadow={true}\n        title={copy.gains_and_losses}\n      >\n        {gainsLosses && <GainsLossesDetail {...gainsLosses} />}\n      </Drawer>\n      <Drawer\n        ariaLabelClose={'Close'}\n        isOpen={isAlDrawerOpen}\n        onClose={() => setIsAlDrawerOpen(false)}\n        shouldShowHeaderBorders={false}\n        shouldShowHeaderShadow={true}\n        title={copy.assets_and_liabilities}\n      >\n        {assetsLiabilities && <AssetsLiabilitiesDetail {...assetsLiabilities} />}\n      </Drawer>\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthList)\n"],"mappings":"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"}

package/dist/networth/components/NetWorthListItem/index.es.js

@@ -1,50 +0,0 @@
-import { fromTimestampToMonthYear as x } from "../../../core/utils/DateUtil/index.es.js";
-import { CurrencyText as a } from "../../../common/components/CurrencyText/index.es.js";
-import e from "react";
-import { observer as u } from "mobx-react-lite";
-import v from "@mui/material/Stack";
-import { Text as y } from "@mxenabled/mxui";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import d from "@mui/material/Divider";
-import I from "@mui/material/ListItem";
-import L from "@mui/material/ListItemButton";
-import g from "@mui/material/ListItemText";
-var T = ({ item: r, getStyles: s, isHovered: n = !1, isSelected: o = !1, onItemClick: f, onMouseEnter: c, onMouseLeave: l }) => {
-  const [i, p] = e.useState({ color: "" });
-  return e.useEffect(() => {
-    p(s(r));
-  }, [n, o]), /* @__PURE__ */ m(e.Fragment, { children: [/* @__PURE__ */ t(I, {
-    sx: {
-      ...i,
-      minHeight: 44,
-      "&:hover": { color: o ? "inherit" : i.color }
-    },
-    children: /* @__PURE__ */ t(L, {
-      onClick: (h) => f?.(h, r.x),
-      onMouseEnter: () => c(r.x),
-      onMouseLeave: () => l(),
-      sx: {
-        minHeight: 20,
-        padding: 12
-      },
-      children: /* @__PURE__ */ t(g, { primary: /* @__PURE__ */ m(v, {
-        direction: "row",
-        justifyContent: "space-between",
-        sx: { fontWeight: 400 },
-        children: [/* @__PURE__ */ t(y, {
-          variant: "body1",
-          children: x(r.x)
-        }), /* @__PURE__ */ t(a, {
-          amount: r.y,
-          sx: { color: "inherit" },
-          variant: "body1"
-        })]
-      }) })
-    })
-  }), /* @__PURE__ */ t(d, {})] }, r.x);
-}, B = u(T);
-export {
-  B as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/networth/components/NetWorthListItem/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/networth/components/NetWorthListItem.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText } from '../../common/'\n\nimport { fromTimestampToMonthYear } from '../../core/utils/DateUtil'\n\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthListItemProps {\n  item: NetWorth\n  getStyles: (item: NetWorth) => { backgroundColor: string; borderBottom: string; color: string }\n  isHovered: boolean\n  isSelected: boolean\n  onItemClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, dataIndex: number) => void\n  onMouseEnter: (dataIndex: number) => void\n  onMouseLeave: () => void\n}\n\nconst NetWorthListItem: React.FC<NetWorthListItemProps> = ({\n  item: dataPoint,\n  getStyles,\n  isHovered = false,\n  isSelected = false,\n  onItemClick,\n  onMouseEnter,\n  onMouseLeave,\n}) => {\n  const [listItemStyles, setListItemStyles] = React.useState({\n    color: '',\n  })\n\n  React.useEffect(() => {\n    setListItemStyles(getStyles(dataPoint))\n  }, [isHovered, isSelected])\n\n  return (\n    <React.Fragment key={dataPoint.x}>\n      <ListItem\n        sx={{\n          ...listItemStyles,\n          minHeight: 44,\n          '&:hover': { color: isSelected ? 'inherit' : listItemStyles.color },\n        }}\n      >\n        <ListItemButton\n          onClick={(event) => onItemClick?.(event, dataPoint.x)}\n          onMouseEnter={() => onMouseEnter(dataPoint.x)}\n          onMouseLeave={() => onMouseLeave()}\n          sx={{ minHeight: 20, padding: 12 }}\n        >\n          <ListItemText\n            primary={\n              <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ fontWeight: 400 }}>\n                <Text variant=\"body1\">{fromTimestampToMonthYear(dataPoint.x)}</Text>\n                <CurrencyText amount={dataPoint.y} sx={{ color: 'inherit' }} variant=\"body1\" />\n              </Stack>\n            }\n          />\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n    </React.Fragment>\n  )\n}\n\nexport default observer(NetWorthListItem)\n"],"mappings":";;;;;;;;;;;AA2BA,IAAM,IAAA,CAAqD,EACzD,MAAM,GACN,WAAA,GACA,WAAA,IAAY,IACZ,YAAA,IAAa,IACb,aAAA,GACA,cAAA,GACA,cAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAS,EACzD,OAAO,GACT,CAAC;AAED,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAkB,EAAU,CAAS,CAAC;AAAA,EACxC,GAAG,CAAC,GAAW,CAAU,CAAC,GAGxB,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,GAAG;AAAA,MACH,WAAW;AAAA,MACX,WAAW,EAAE,OAAO,IAAa,YAAY,EAAe,MAAM;AAAA,IACpE;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,CAAU,MAAU,IAAc,GAAO,EAAU,CAAC;AAAA,MACpD,cAAA,MAAoB,EAAa,EAAU,CAAC;AAAA,MAC5C,cAAA,MAAoB,EAAa;AAAA,MACjC,IAAI;AAAA,QAAE,WAAW;AAAA,QAAI,SAAS;AAAA,MAAG;AAAA,gBAEjC,gBAAA,EAAC,GAAD,EACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAgB,IAAI,EAAE,YAAY,IAAI;AAAA,kBAA5E,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAS,EAAyB,EAAU,CAAC;AAAA,QAAQ,CAAA,GACnE,gBAAA,EAAC,GAAD;AAAA,UAAc,QAAQ,EAAU;AAAA,UAAG,IAAI,EAAE,OAAO,UAAU;AAAA,UAAG,SAAQ;AAAA,QAAS,CAAA,CACzE;AAAA,SAEV,CAAA;AAAA,IACa,CAAA;AAAA,EACR,CAAA,GACV,gBAAA,EAAC,GAAD,CAAU,CAAA,CACI,EAAA,GAzBK,EAAU,CAyBf;AAEpB,GAEA,IAAe,EAAS,CAAgB"}