@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

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

@@ -0,0 +1,34 @@
+import { CurrencyText as s } from "../../common/components/CurrencyText.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=NetWorthChange.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthChange.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.es.js

@@ -0,0 +1,58 @@
+import { DATE_FORMATS_INTL as S, formatDate as k } from "../../core/constants/DateFormats.es.js";
+import { useNetWorthStore as C, useWidgetContainerProvider as b } from "../../common/context/hooks.es.js";
+import { useScreenSize as T } from "../../common/hooks/useScreenSize.es.js";
+import { LineChart as W } from "../../common/components/charts/LineChart.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=NetWorthChart.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthChart.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.es.js

@@ -0,0 +1,99 @@
+import { useEvent as g, useGlobalCopyStore as E, useNetWorthStore as H } from "../../common/context/hooks.es.js";
+import p from "../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as k } from "../../common/constants/Analytics.es.js";
+import y from "./NetWorthListItem.es.js";
+import A from "./GainsLossesDetail.es.js";
+import O from "./AssetsLiabilitiesDetail.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=NetWorthList.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthList.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":";;;;;;;;;;;;;;;;AA0BA,IAAM,IAAA,MAAqB;AACzB,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GACjB,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,EACJ,mBAAA,GACA,aAAA,GACA,aAAA,GACA,mBAAmB,GACnB,cAAA,GACA,iBAAA,GACA,kBAAA,EAAA,IACE,EAAiB,GAEf,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAS,EAAK,GAC1D,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAS,EAAK,GAE1D,IAAA,CAAe,MAAuB;AAC1C,UAAM,IAAY,EAAS,MAAM,GAAa,GACxC,IAAa,EAAS,MAAM,GAAc,GAE1C,IAAiB;AAAA,MACrB,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,OAAO;AAAA,IACT;AAEA,WAAI,MACF,EAAe,QAAQ,IAAa,YAAY,EAAe,OAC/D,EAAe,kBAAkB,EAAM,QAAQ,OAAO,QAGpD,MACF,EAAe,kBAAkB,EAAM,QAAQ,QAAQ,MACvD,EAAe,eAAe,EAAM,QAAQ,QAAQ,OACpD,EAAe,QAAQ,EAAM,QAAQ,OAAO,QAGvC;AAAA,EACT,GAEM,IAAA,CACJ,GACA,MACG;AACH,IAAA,EAAiB,CAAS,GACtB,EAAM,yBAAyB,kBACjC,EAAkB,EAAI;AAAA,EAE1B,GAEM,IAAA,MAA2B;AAC/B,IAAA,EAAkB,EAAI,GACtB,EAAQ,EAAiB,yCAAyC;AAAA,EACpE,GAEM,IAAA,CAAoB,MAAsB;AAC9C,IAAA,EAAgB,CAAS;AAAA,EAC3B,GAEM,IAAA,MAAyB;AAC7B,IAAA,EAAgB,EAAE;AAAA,EACpB;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAS,IAAI,EAAE,OAAO,IAAI;AAAA,cAA3C;AAAA,MACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAe,IAAI;AAAA,YAAE,iBAAiB;AAAA,YAAe,IAAI;AAAA,YAAG,IAAI;AAAA,YAAI,IAAI;AAAA,UAAG;AAAA,oBACzE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,WAAU;AAAA,YAAK,SAAQ;AAAA,sBACtC,EAAK;AAAA,UACF,CAAA;AAAA,QACO,CAAA;AAAA,QACf,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACT,EAAU,IAAA,CAAK,GAAqB,MAEjC,gBAAA,EAAC,GAAD;AAAA,UACE,WAAW;AAAA,UACX,WAAW,EAAU,MAAM,GAAa;AAAA,UACxC,YAAY,EAAU,MAAM,GAAc;AAAA,UAC1C,MAAM;AAAA,UAEN,aAAA,CAAc,MAAU,EAAoB,GAAO,CAAK;AAAA,UACxD,cAAA,MAAoB,EAAiB,CAAK;AAAA,UAC1C,cAAA,MAAoB,EAAiB;AAAA,QACtC,GAJM,EAAU,CAIhB,CAEJ;AAAA,MACG,EAAA,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAmB;AAAA,QAClC,IAAI;AAAA,UAAE,WAAW;AAAA,UAAU,WAAW;AAAA,UAAI,OAAO;AAAA,QAAc;AAAA,QAC/D,SAAQ;AAAA,kBAEP,EAAK;AAAA,MACA,CAAA;AAAA,MAER,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAA,MAAe,EAAkB,EAAK;AAAA,QACtC,yBAAyB;AAAA,QACzB,wBAAwB;AAAA,QACxB,OAAO,EAAK;AAAA,kBAEX,KAAe,gBAAA,EAAC,GAAD,EAAmB,GAAI,EAAc,CAAA;AAAA,MAC/C,CAAA;AAAA,MACR,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAA,MAAe,EAAkB,EAAK;AAAA,QACtC,yBAAyB;AAAA,QACzB,wBAAwB;AAAA,QACxB,OAAO,EAAK;AAAA,kBAEX,KAAqB,gBAAA,EAAC,GAAD,EAAyB,GAAI,EAAoB,CAAA;AAAA,MACjE,CAAA;AAAA,IACH;AAAA;AAEX,GAEA,KAAe,EAAS,CAAY"}

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

@@ -0,0 +1,50 @@
+import { fromTimestampToMonthYear as x } from "../../core/utils/DateUtil.es.js";
+import { CurrencyText as a } from "../../common/components/CurrencyText.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=NetWorthListItem.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthListItem.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"}

package/dist/networth/components/NetWorthSummary.es.js

@@ -0,0 +1,38 @@
+import { useGlobalCopyStore as i } from "../../common/context/hooks.es.js";
+import { CurrencyText as c } from "../../common/components/CurrencyText.es.js";
+import f from "./NetWorthChange.es.js";
+import { observer as s } from "mobx-react-lite";
+import h from "@mui/material/Stack";
+import { Text as p } from "@mxenabled/mxui";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { useTheme as l } from "@mui/material/styles";
+import { format as y, fromUnixTime as d } from "date-fns";
+var x = ({ hoveredData: o, selectedData: n }) => {
+  const { net_worth: m } = i(), e = l(), r = o || n, a = y(d(r.x), "MMMM");
+  return /* @__PURE__ */ u(h, {
+    alignItems: "center",
+    direction: "column",
+    m: 24,
+    children: [
+      /* @__PURE__ */ t(p, {
+        color: e.palette.secondary.main,
+        variant: "body2",
+        children: `${a} ${m.net_worth}`
+      }),
+      /* @__PURE__ */ t(c, {
+        amount: r.y,
+        variant: "h2"
+      }),
+      /* @__PURE__ */ t(f, {
+        currencyLabel: m.this_month,
+        netWorth: r,
+        theme: e
+      })
+    ]
+  });
+}, g = s(x);
+export {
+  g as default
+};
+
+//# sourceMappingURL=NetWorthSummary.es.js.map

package/dist/networth/components/NetWorthSummary.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetWorthSummary.es.js","names":[],"sources":["../../../src/networth/components/NetWorthSummary.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport { fromUnixTime, format } from 'date-fns'\n\nimport { useTheme } from '@mui/material/styles'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { CurrencyText, useGlobalCopyStore } from '../../common/'\nimport NetWorthChange from './NetWorthChange'\nimport { NetWorth } from '../../core/types/NetWorth'\n\ninterface NetWorthSummaryProps {\n  hoveredData?: NetWorth\n  selectedData: NetWorth\n}\n\nconst NetWorthSummary: React.FC<NetWorthSummaryProps> = ({ hoveredData, selectedData }) => {\n  const { net_worth: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const summary = hoveredData ? hoveredData : selectedData\n\n  const formattedMonth = format(fromUnixTime(summary.x), 'MMMM')\n\n  return (\n    <Stack alignItems=\"center\" direction=\"column\" m={24}>\n      <Text color={theme.palette.secondary.main} variant=\"body2\">\n        {`${formattedMonth} ${copy.net_worth}`}\n      </Text>\n      <CurrencyText amount={summary.y} variant=\"h2\" />\n      <NetWorthChange currencyLabel={copy.this_month} netWorth={summary} theme={theme} />\n    </Stack>\n  )\n}\n\nexport default observer(NetWorthSummary)\n"],"mappings":";;;;;;;;;AAiBA,IAAM,IAAA,CAAmD,EAAE,aAAA,GAAa,cAAA,EAAA,MAAmB;AACzF,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GACjB,IAAU,KAA4B,GAEtC,IAAiB,EAAO,EAAa,EAAQ,CAAC,GAAG,MAAM;AAE7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAS,GAAG;AAAA,cAAjD;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAO,EAAM,QAAQ,UAAU;AAAA,QAAM,SAAQ;AAAA,kBAChD,GAAG,CAAA,IAAkB,EAAK,SAAA;AAAA,MACvB,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,QAAc,QAAQ,EAAQ;AAAA,QAAG,SAAQ;AAAA,MAAM,CAAA;AAAA,MAC/C,gBAAA,EAAC,GAAD;AAAA,QAAgB,eAAe,EAAK;AAAA,QAAY,UAAU;AAAA,QAAgB,OAAA;AAAA,MAAQ,CAAA;AAAA,IAC7E;AAAA;AAEX,GAEA,IAAe,EAAS,CAAe"}

package/dist/networth/components/micro/NetworthData.es.js

@@ -0,0 +1,49 @@
+import { formatCurrency as c } from "../../../core/utils/NumberFormatting.es.js";
+import n from "@mui/material/Stack";
+import { P as x, Text as s } from "@mxenabled/mxui";
+import { Icon as h } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+var w = ({ amount: o, copy: a, trendValue: r }) => {
+  const e = r > 0, d = r === 0 ? "trending_flat" : e ? "trending_up" : "trending_down";
+  return /* @__PURE__ */ i(n, {
+    sx: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ t(x, {
+      variant: "h1",
+      children: c(o, "0,0")
+    }), o !== 0 && /* @__PURE__ */ i(n, {
+      sx: { color: e ? "success.main" : "text.secondary" },
+      children: [/* @__PURE__ */ i(n, {
+        sx: {
+          flexDirection: "row",
+          gap: 8
+        },
+        children: [/* @__PURE__ */ t(h, {
+          name: d,
+          size: 20
+        }), /* @__PURE__ */ t(s, {
+          sx: {
+            fontWeight: 600,
+            textAlign: "right"
+          },
+          variant: "body1",
+          children: c(r, "0,0.00")
+        })]
+      }), /* @__PURE__ */ t(s, {
+        sx: {
+          display: "block",
+          textAlign: "right"
+        },
+        variant: "caption",
+        children: a.this_month
+      })]
+    })]
+  });
+};
+export {
+  w as default
+};
+
+//# sourceMappingURL=NetworthData.es.js.map

package/dist/networth/components/micro/NetworthData.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworthData.es.js","names":[],"sources":["../../../../src/networth/components/micro/NetworthData.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface NetworthDataProps {\n  amount: number\n  copy: NetWorthCopy\n  trendValue: number\n}\n\nconst NetworthData = ({ amount, copy, trendValue }: NetworthDataProps) => {\n  const isTrendUp = trendValue > 0\n  const trendDirectionIcon = isTrendUp ? 'trending_up' : 'trending_down'\n  const trendIcon = trendValue === 0 ? 'trending_flat' : trendDirectionIcon\n\n  return (\n    <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n      <P variant=\"h1\">{formatCurrency(amount, '0,0')}</P>\n      {amount !== 0 && (\n        <Stack sx={{ color: isTrendUp ? 'success.main' : 'text.secondary' }}>\n          <Stack sx={{ flexDirection: 'row', gap: 8 }}>\n            <Icon name={trendIcon} size={20} />\n            <Text sx={{ fontWeight: 600, textAlign: 'right' }} variant=\"body1\">\n              {formatCurrency(trendValue, '0,0.00')}\n            </Text>\n          </Stack>\n          <Text sx={{ display: 'block', textAlign: 'right' }} variant=\"caption\">\n            {copy.this_month}\n          </Text>\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default NetworthData\n"],"mappings":";;;;;AAcA,IAAM,IAAA,CAAgB,EAAE,QAAA,GAAQ,MAAA,GAAM,YAAA,EAAA,MAAoC;AACxE,QAAM,IAAY,IAAa,GAEzB,IAAY,MAAe,IAAI,kBADV,IAAY,gBAAgB;AAGvD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,MAAO,gBAAgB;AAAA,IAAgB;AAAA,cAAnE,CACE,gBAAA,EAAC,GAAD;AAAA,MAAG,SAAQ;AAAA,gBAAM,EAAe,GAAQ,KAAK;AAAA,IAAK,CAAA,GACjD,MAAW,KACV,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,OAAO,IAAY,iBAAiB,iBAAiB;AAAA,gBAAlE,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,eAAe;AAAA,UAAO,KAAK;AAAA,QAAE;AAAA,kBAA1C,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAW,MAAM;AAAA,QAAK,CAAA,GAClC,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAQ;AAAA,UAAG,SAAQ;AAAA,oBACxD,EAAe,GAAY,QAAQ;AAAA,QAChC,CAAA,CACD;AAAA,UACP,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI;AAAA,UAAE,SAAS;AAAA,UAAS,WAAW;AAAA,QAAQ;AAAA,QAAG,SAAQ;AAAA,kBACzD,EAAK;AAAA,MACF,CAAA,CACD;AAAA,MAEJ;AAAA;AAEX"}

package/dist/networth/components/micro/ZeroState.es.js

@@ -0,0 +1,31 @@
+import t from "@mui/material/Stack";
+import { P as i, Text as a } from "@mxenabled/mxui";
+import { Icon as n } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+var m = ({ copy: e }) => /* @__PURE__ */ o(t, {
+  sx: {
+    flexDirection: "row",
+    gap: 12
+  },
+  children: [/* @__PURE__ */ r(n, {
+    name: "elevation",
+    size: 32,
+    sx: { color: "text.primary" }
+  }), /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ r(a, {
+    sx: {
+      display: "block",
+      fontWeight: 600
+    },
+    variant: "body1",
+    children: e.empty_widget_header
+  }), /* @__PURE__ */ r(i, {
+    sx: { color: "text.secondary" },
+    variant: "body2",
+    children: e.zero_state_description
+  })] })]
+});
+export {
+  m as default
+};
+
+//# sourceMappingURL=ZeroState.es.js.map

package/dist/networth/components/micro/ZeroState.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZeroState.es.js","names":[],"sources":["../../../../src/networth/components/micro/ZeroState.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { NetWorthCopy } from '../../../core'\n\ninterface ZeroStateProps {\n  copy: NetWorthCopy\n}\n\nconst ZeroState = ({ copy }: ZeroStateProps) => {\n  return (\n    <Stack sx={{ flexDirection: 'row', gap: 12 }}>\n      <Icon name=\"elevation\" size={32} sx={{ color: 'text.primary' }} />\n      <Stack>\n        <Text sx={{ display: 'block', fontWeight: 600 }} variant=\"body1\">\n          {copy.empty_widget_header}\n        </Text>\n        <P sx={{ color: 'text.secondary' }} variant=\"body2\">\n          {copy.zero_state_description}\n        </P>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default ZeroState\n"],"mappings":";;;;AAWA,IAAM,IAAA,CAAa,EAAE,MAAA,EAAA,MAEjB,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI;AAAA,IAAE,eAAe;AAAA,IAAO,KAAK;AAAA,EAAG;AAAA,YAA3C,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAK;AAAA,IAAY,MAAM;AAAA,IAAI,IAAI,EAAE,OAAO,eAAe;AAAA,EAAI,CAAA,GACjE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI;AAAA,MAAE,SAAS;AAAA,MAAS,YAAY;AAAA,IAAI;AAAA,IAAG,SAAQ;AAAA,cACtD,EAAK;AAAA,EACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAG,IAAI,EAAE,OAAO,iBAAiB;AAAA,IAAG,SAAQ;AAAA,cACzC,EAAK;AAAA,EACL,CAAA,CACE,EAAA,CAAA,CACF"}