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

package/dist/common/components/donuts/SingleSegmentDonut.js

@@ -0,0 +1,221 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import s from "@mui/material/Box";
+import x from "@mui/material/styles/useTheme";
+import "date-fns/intlFormat";
+import "date-fns/getUnixTime";
+import "bowser";
+import "react";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../accountfilter/AccountFilterOptions.js";
+import "../../context/GlobalDataProvider.js";
+import "../../context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../charts/linechart/CustomLegend.js";
+import "@mui/material";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addYears";
+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 { DEFAULT_DONUT_SIZE as d, DEFAULT_STROKE_WIDTH as u } from "../../constants/Donut.js";
+import "../ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../WidgetContainer.js";
+import "../ConnectDrawer.js";
+import "uuid";
+import "numeral";
+import "@mui/material/CircularProgress";
+import "../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 "../ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+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 "../../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 "date-fns/fromUnixTime";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/addQuarters";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "date-fns/addWeeks";
+import "date-fns/getDay";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import "../../constants/Account.js";
+import "../../constants/Category.js";
+const hr = ({
+  color: l = "",
+  percent: p = 0,
+  size: t = d,
+  strokeWidth: m = u,
+  children: c,
+  backgroundStrokeColor: e
+}) => {
+  const a = x(), r = (t - m) / 2, f = -90, h = p > 100 ? 100 : p, g = 2 * Math.PI * r * (1 - h / 100), o = t / 2;
+  return /* @__PURE__ */ n(
+    s,
+    {
+      className: "mx-cmn-single-segment-donut",
+      height: t,
+      mt: -8,
+      position: "relative",
+      width: t,
+      children: [
+        /* @__PURE__ */ n("svg", { height: t, width: t, children: [
+          /* @__PURE__ */ i(
+            "circle",
+            {
+              cx: o,
+              cy: o,
+              fill: "none",
+              r,
+              stroke: e || a.palette.grey[300],
+              strokeWidth: m
+            }
+          ),
+          /* @__PURE__ */ i(
+            "circle",
+            {
+              cx: o,
+              cy: o,
+              fill: "none",
+              r,
+              stroke: l,
+              strokeDasharray: 2 * Math.PI * r,
+              strokeDashoffset: g,
+              strokeWidth: m,
+              transform: `rotate(${f}, ${o}, ${o})`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          s,
+          {
+            className: "mx-cmn-single-segment-donut-children",
+            left: "50%",
+            position: "absolute",
+            sx: { transform: "translate(-50%, -50%)" },
+            textAlign: "center",
+            top: "50%",
+            children: c
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  hr as default
+};
+//# sourceMappingURL=SingleSegmentDonut.js.map

package/dist/common/components/donuts/SingleSegmentDonut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSegmentDonut.js","sources":["../../../../src/common/components/donuts/SingleSegmentDonut.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { DEFAULT_DONUT_SIZE, DEFAULT_STROKE_WIDTH } from '../../constants'\n\nexport interface SingleSegmentDonutProps {\n  children: React.ReactNode\n  color: string\n  percent: number\n  size?: number\n  strokeWidth?: number\n  backgroundStrokeColor?: string\n}\n\nconst SingleSegmentDonut: React.FC<SingleSegmentDonutProps> = ({\n  color = '',\n  percent = 0,\n  size = DEFAULT_DONUT_SIZE,\n  strokeWidth = DEFAULT_STROKE_WIDTH,\n  children,\n  backgroundStrokeColor,\n}) => {\n  const theme = useTheme()\n\n  const radius = (size - strokeWidth) / 2\n  const offset = -90\n  const limitedPercent = percent > 100 ? 100 : percent\n  const length = 2 * Math.PI * radius * (1 - limitedPercent / 100)\n  const halfSize = size / 2\n\n  return (\n    <Box\n      className=\"mx-cmn-single-segment-donut\"\n      height={size}\n      mt={-8}\n      position=\"relative\"\n      width={size}\n    >\n      <svg height={size} width={size}>\n        <circle\n          cx={halfSize}\n          cy={halfSize}\n          fill=\"none\"\n          r={radius}\n          stroke={backgroundStrokeColor ? backgroundStrokeColor : theme.palette.grey[300]}\n          strokeWidth={strokeWidth}\n        />\n\n        <circle\n          cx={halfSize}\n          cy={halfSize}\n          fill=\"none\"\n          r={radius}\n          stroke={color}\n          strokeDasharray={2 * Math.PI * radius}\n          strokeDashoffset={length}\n          strokeWidth={strokeWidth}\n          transform={`rotate(${offset}, ${halfSize}, ${halfSize})`}\n        />\n      </svg>\n      <Box\n        className=\"mx-cmn-single-segment-donut-children\"\n        left=\"50%\"\n        position=\"absolute\"\n        sx={{ transform: 'translate(-50%, -50%)' }}\n        textAlign=\"center\"\n        top=\"50%\"\n      >\n        {children}\n      </Box>\n    </Box>\n  )\n}\n\nexport default SingleSegmentDonut\n"],"names":["SingleSegmentDonut","color","percent","size","DEFAULT_DONUT_SIZE","strokeWidth","DEFAULT_STROKE_WIDTH","children","backgroundStrokeColor","theme","useTheme","radius","offset","limitedPercent","length","halfSize","jsxs","Box","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,KAAwD,CAAC;AAAA,EAC7D,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAOC;AAAA,EACP,aAAAC,IAAcC;AAAA,EACd,UAAAC;AAAA,EACA,uBAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC,KAERC,KAAUR,IAAOE,KAAe,GAChCO,IAAS,KACTC,IAAiBX,IAAU,MAAM,MAAMA,GACvCY,IAAS,IAAI,KAAK,KAAKH,KAAU,IAAIE,IAAiB,MACtDE,IAAWZ,IAAO;AAGtB,SAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAQd;AAAA,MACR,IAAI;AAAA,MACJ,UAAS;AAAA,MACT,OAAOA;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAa,EAAC,OAAI,EAAA,QAAQb,GAAM,OAAOA,GACxB,UAAA;AAAA,UAAA,gBAAAe;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIH;AAAA,cACJ,IAAIA;AAAA,cACJ,MAAK;AAAA,cACLJ;AAAA,cACA,QAAQH,KAAgDC,EAAM,QAAQ,KAAK,GAAG;AAAA,cAC9E,aAAAJ;AAAA,YAAA;AAAA,UACF;AAAA,UAEA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIH;AAAA,cACJ,IAAIA;AAAA,cACJ,MAAK;AAAA,cACLJ;AAAA,cACA,QAAQV;AAAA,cACR,iBAAiB,IAAI,KAAK,KAAKU;AAAA,cAC/B,kBAAkBG;AAAA,cAClB,aAAAT;AAAA,cACA,WAAW,UAAUO,CAAM,KAAKG,CAAQ,KAAKA,CAAQ;AAAA,YAAA;AAAA,UACvD;AAAA,QAAA,GACF;AAAA,QACA,gBAAAG;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,UAAS;AAAA,YACT,IAAI,EAAE,WAAW,wBAAwB;AAAA,YACzC,WAAU;AAAA,YACV,KAAI;AAAA,YAEH,UAAAV;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/common/components/drawer/Drawer.js

@@ -0,0 +1,72 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import k from "@mui/material/Box";
+import x from "@mui/material/Stack";
+import { Drawer as D, Footer as S } from "@mxenabled/mxui";
+import j from "./Header.js";
+const F = ({
+  ariaLabelClose: a = "Close",
+  children: t,
+  hasSecondaryAction: d = !0,
+  id: u,
+  isOpen: i,
+  isPrimaryDisabled: s,
+  onClose: o,
+  onPrimaryAction: e,
+  onSecondaryAction: h,
+  primaryColor: p = "primary",
+  primaryText: c,
+  secondaryColor: n = "secondary",
+  secondaryText: f,
+  shouldShowHeaderBorders: l = !0,
+  shouldShowHeaderShadow: m = !1,
+  title: w,
+  ...b
+}) => /* @__PURE__ */ r(
+  D,
+  {
+    id: u,
+    isOpen: i,
+    onClose: o,
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": {
+        backgroundColor: "background.paper"
+      }
+    },
+    ...b,
+    children: /* @__PURE__ */ g(x, { height: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(
+        j,
+        {
+          ariaLabelClose: a,
+          onClose: o,
+          shouldShowBorders: l,
+          shouldShowShadow: m,
+          title: w
+        }
+      ),
+      /* @__PURE__ */ r(k, { height: "100%", overflow: "auto", children: t }),
+      e && /* @__PURE__ */ r(
+        S,
+        {
+          hasSecondaryAction: d,
+          isPrimaryDisabled: s,
+          onPrimaryAction: e,
+          onSecondaryAction: h ?? o,
+          primaryColor: p,
+          primaryText: c,
+          secondaryColor: n,
+          secondaryText: f
+        }
+      )
+    ] })
+  }
+);
+export {
+  F as default
+};
+//# sourceMappingURL=Drawer.js.map

package/dist/common/components/drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer, Footer } from '@mxenabled/mxui'\n\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"names":["Drawer","ariaLabelClose","children","hasSecondaryAction","id","isOpen","isPrimaryDisabled","onClose","onPrimaryAction","onSecondaryAction","primaryColor","primaryText","secondaryColor","secondaryText","shouldShowHeaderBorders","shouldShowHeaderShadow","title","rest","jsx","KMuiDrawer","jsxs","Stack","Header","Box","Footer"],"mappings":";;;;;AAkCA,MAAMA,IAAyD,CAAC;AAAA,EAC9D,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,wBAAAC,IAAyB;AAAA,EACzB,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAAf;AAAA,IACA,QAAAC;AAAA,IACA,SAAAE;AAAA,IACA,IAAI;AAAA,MACF,sBAAsB;AAAA,QACpB,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB;AAAA,QACpB,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IACC,GAAGU;AAAA,IAEJ,UAAC,gBAAAG,EAAAC,GAAA,EAAM,QAAO,QAAO,gBAAe,iBAClC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,gBAAArB;AAAA,UACA,SAAAM;AAAA,UACA,mBAAmBO;AAAA,UACnB,kBAAkBC;AAAA,UAClB,OAAAC;AAAA,QAAA;AAAA,MACF;AAAA,wBAECO,GAAI,EAAA,QAAO,QAAO,UAAS,QACzB,UAAArB,GACH;AAAA,MAECM,KACC,gBAAAU;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,oBAAArB;AAAA,UACA,mBAAAG;AAAA,UACA,iBAAAE;AAAA,UACA,mBAAmBC,KAAqBF;AAAA,UACxC,cAAAG;AAAA,UACA,aAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,eAAAC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EAAA;AAAA;"}

package/dist/common/components/drawer/Header.js

@@ -0,0 +1,52 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import o from "@mui/material/Box";
+import d from "@mui/material/Stack";
+import l from "@mui/material/IconButton";
+import { ArrowBack as x } from "@mxenabled/mx-icons";
+import { H2 as m } from "@mxenabled/mxui";
+const u = ({
+  ariaLabelClose: e,
+  onClose: t,
+  shouldShowBorders: i,
+  shouldShowShadow: a,
+  title: p
+}) => /* @__PURE__ */ n(
+  d,
+  {
+    "aria-level": 1,
+    direction: "row",
+    role: "heading",
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.paper",
+      ...i && {
+        borderBottom: 1,
+        borderTop: 1,
+        borderColor: "border.light"
+      },
+      ...a && {
+        boxShadow: "0px 2px 8px 0px #6A73811F"
+      },
+      padding: "8px 8px 8px 8px"
+    },
+    children: [
+      /* @__PURE__ */ r(l, { "aria-label": e, color: "primary", onClick: t, children: /* @__PURE__ */ r(x, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(
+        o,
+        {
+          sx: {
+            flexGrow: 1,
+            margin: "auto",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ r(m, { bold: !0, variant: "Body", children: p })
+        }
+      ),
+      /* @__PURE__ */ r(o, { width: "44px" })
+    ]
+  }
+);
+export {
+  u as default
+};
+//# sourceMappingURL=Header.js.map

package/dist/common/components/drawer/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../src/common/components/drawer/Header.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport IconButton from '@mui/material/IconButton'\n\nimport { ArrowBack } from '@mxenabled/mx-icons'\n\nimport { H2 } from '@mxenabled/mxui'\n\ninterface DrawerHeaderProps {\n  ariaLabelClose: string\n  onClose: () => void\n  shouldShowBorders: boolean\n  shouldShowShadow?: boolean\n  title: string\n}\n\nconst DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  ariaLabelClose,\n  onClose,\n  shouldShowBorders,\n  shouldShowShadow,\n  title,\n}) => {\n  return (\n    <Stack\n      aria-level={1}\n      direction=\"row\"\n      role=\"heading\"\n      sx={{\n        alignItems: 'center',\n        backgroundColor: 'background.paper',\n        ...(shouldShowBorders && {\n          borderBottom: 1,\n          borderTop: 1,\n          borderColor: 'border.light',\n        }),\n        ...(shouldShowShadow && {\n          boxShadow: '0px 2px 8px 0px #6A73811F',\n        }),\n        padding: '8px 8px 8px 8px',\n      }}\n    >\n      <IconButton aria-label={ariaLabelClose} color=\"primary\" onClick={onClose}>\n        <ArrowBack color=\"primary\" sx={{ fontSize: 22 }} />\n      </IconButton>\n      <Box\n        sx={{\n          flexGrow: 1,\n          margin: 'auto',\n          textAlign: 'center',\n        }}\n      >\n        <H2 bold={true} variant=\"Body\">\n          {title}\n        </H2>\n      </Box>\n      {/* placeholder for when we add a button here, this also ensures the title text is centered */}\n      <Box width=\"44px\" />\n    </Stack>\n  )\n}\n\nexport default DrawerHeader\n"],"names":["DrawerHeader","ariaLabelClose","onClose","shouldShowBorders","shouldShowShadow","title","jsxs","Stack","jsx","IconButton","ArrowBack","Box","H2"],"mappings":";;;;;;AAkBA,MAAMA,IAA4C,CAAC;AAAA,EACjD,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,cAAY;AAAA,IACZ,WAAU;AAAA,IACV,MAAK;AAAA,IACL,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,GAAIJ,KAAqB;AAAA,QACvB,cAAc;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,GAAIC,KAAoB;AAAA,QACtB,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,IACX;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAI,EAACC,KAAW,cAAYR,GAAgB,OAAM,WAAU,SAASC,GAC/D,UAAA,gBAAAM,EAACE,GAAU,EAAA,OAAM,WAAU,IAAI,EAAE,UAAU,KAAM,CAAA,GACnD;AAAA,MACA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UAEA,4BAACC,GAAG,EAAA,MAAM,IAAM,SAAQ,QACrB,UACHP,GAAA;AAAA,QAAA;AAAA,MACF;AAAA,MAEA,gBAAAG,EAACG,GAAI,EAAA,OAAM,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/common/components/listitems/CollapseExpandListItem.js

@@ -0,0 +1,37 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { observer as i } from "mobx-react-lite";
+import n from "@mui/material/ListItem";
+import s from "@mui/material/ListItemButton";
+import a from "@mui/material/ListItemIcon";
+import p from "@mui/material/ListItemText";
+import c from "@mui/material/Stack";
+import l from "@mui/material/styles/useTheme";
+import { ExpandLess as f, ExpandMore as x } from "@mxenabled/mx-icons";
+import { Text as d } from "@mxenabled/mxui";
+const k = i(
+  ({ isExpanded: t, onClick: o }) => {
+    const e = l();
+    return /* @__PURE__ */ r(n, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(s, { onClick: o, sx: { justifyContent: "center" }, children: /* @__PURE__ */ m(
+      c,
+      {
+        sx: { color: e.palette.primary.main, flexDirection: "row", alignItems: "center" },
+        children: [
+          /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(d, { bold: !0, variant: "body2", children: t ? "View less" : "View more" }) }),
+          /* @__PURE__ */ r(a, { sx: { color: e.palette.primary.main }, children: t ? /* @__PURE__ */ r(f, {}) : /* @__PURE__ */ r(
+            x,
+            {
+              sx: {
+                transition: "transform 0.3s ease-in-out",
+                transform: t ? "rotate(180deg)" : "rotate(0deg)"
+              }
+            }
+          ) })
+        ]
+      }
+    ) }) });
+  }
+);
+export {
+  k as CollapseExpandListItem
+};
+//# sourceMappingURL=CollapseExpandListItem.js.map

package/dist/common/components/listitems/CollapseExpandListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseExpandListItem.js","sources":["../../../../src/common/components/listitems/CollapseExpandListItem.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\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 Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { ExpandLess, ExpandMore } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\ninterface CollapseExpandListItemProps {\n  isExpanded: boolean\n  onClick: () => void\n}\n\nexport const CollapseExpandListItem: React.FC<CollapseExpandListItemProps> = observer(\n  ({ isExpanded, onClick }) => {\n    const theme = useTheme()\n    return (\n      <ListItem sx={{ bgcolor: 'background.paper' }}>\n        <ListItemButton onClick={onClick} sx={{ justifyContent: 'center' }}>\n          <Stack\n            sx={{ color: theme.palette.primary.main, flexDirection: 'row', alignItems: 'center' }}\n          >\n            <ListItemText>\n              <Text bold={true} variant=\"body2\">\n                {isExpanded ? `View less` : `View more`}\n              </Text>\n            </ListItemText>\n            <ListItemIcon sx={{ color: theme.palette.primary.main }}>\n              {isExpanded ? (\n                <ExpandLess />\n              ) : (\n                <ExpandMore\n                  sx={{\n                    transition: 'transform 0.3s ease-in-out',\n                    transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)',\n                  }}\n                />\n              )}\n            </ListItemIcon>\n          </Stack>\n        </ListItemButton>\n      </ListItem>\n    )\n  },\n)\n"],"names":["CollapseExpandListItem","observer","isExpanded","onClick","theme","useTheme","jsx","ListItem","ListItemButton","jsxs","Stack","ListItemText","Text","ListItemIcon","ExpandLess","ExpandMore"],"mappings":";;;;;;;;;;AAkBO,MAAMA,IAAgEC;AAAA,EAC3E,CAAC,EAAE,YAAAC,GAAY,SAAAC,QAAc;AAC3B,UAAMC,IAAQC;AACd,WACG,gBAAAC,EAAAC,GAAA,EAAS,IAAI,EAAE,SAAS,mBAAmB,GAC1C,UAAC,gBAAAD,EAAAE,GAAA,EAAe,SAAAL,GAAkB,IAAI,EAAE,gBAAgB,YACtD,UAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI,EAAE,OAAON,EAAM,QAAQ,QAAQ,MAAM,eAAe,OAAO,YAAY,SAAS;AAAA,QAEpF,UAAA;AAAA,UAAC,gBAAAE,EAAAK,GAAA,EACC,UAAC,gBAAAL,EAAAM,GAAA,EAAK,MAAM,IAAM,SAAQ,SACvB,UAAAV,IAAa,cAAc,YAC9B,CAAA,GACF;AAAA,UACC,gBAAAI,EAAAO,GAAA,EAAa,IAAI,EAAE,OAAOT,EAAM,QAAQ,QAAQ,KAAK,GACnD,UACCF,IAAA,gBAAAI,EAACQ,IAAW,CAAA,IAEZ,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,WAAWb,IAAa,mBAAmB;AAAA,cAC7C;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAEJ,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;"}

package/dist/common/components/listitems/ToggleButtonListItem.js

@@ -0,0 +1,43 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import d from "@mui/material/ListItem";
+import l from "@mui/material/ListItemButton";
+import f from "@mui/material/ListItemIcon";
+import y from "@mui/material/ListItemText";
+import m from "@mui/material/Stack";
+import I from "@mui/material/Switch";
+import { Text as n } from "@mxenabled/mxui";
+import L from "@mui/material/ListItemAvatar";
+const B = ({
+  avatar: r,
+  endIcon: o,
+  isChecked: c,
+  isDisabled: i = !1,
+  onClick: s,
+  onToggle: p,
+  primaryText: h,
+  secondaryText: a
+}) => (
+  //TODO: implement common/components/ListItemRow.tsx
+  /* @__PURE__ */ t(
+    d,
+    {
+      secondaryAction: /* @__PURE__ */ t(I, { checked: c, onChange: p }),
+      sx: {
+        "& .MuiListItemSecondaryAction-root": { right: o ? 64 : 24 },
+        "& .MuiListItemButton-root": { pr: 24 }
+      },
+      children: /* @__PURE__ */ e(l, { onClick: i ? void 0 : () => s(), children: [
+        r && /* @__PURE__ */ t(L, { children: r }),
+        /* @__PURE__ */ t(y, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ t(m, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(m, { children: [
+          /* @__PURE__ */ t(n, { variant: "body1", children: h }),
+          /* @__PURE__ */ t(n, { color: "text.secondary", variant: "caption", children: a })
+        ] }) }) }),
+        !i && o && /* @__PURE__ */ t(f, { children: o })
+      ] })
+    }
+  )
+);
+export {
+  B as ToggleButtonListItem
+};
+//# sourceMappingURL=ToggleButtonListItem.js.map

package/dist/common/components/listitems/ToggleButtonListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonListItem.js","sources":["../../../../src/common/components/listitems/ToggleButtonListItem.tsx"],"sourcesContent":["import React from 'react'\n\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 Stack from '@mui/material/Stack'\nimport Switch from '@mui/material/Switch'\n\nimport { Text } from '@mxenabled/mxui'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\n\ninterface ToggleButtonListItemProps {\n  avatar?: React.ReactNode\n  endIcon?: React.ReactNode\n  isChecked: boolean\n  isDisabled?: boolean\n  onClick: () => void\n  onToggle: () => void\n  primaryText: string\n  secondaryText?: string\n}\n\nexport const ToggleButtonListItem = ({\n  avatar,\n  endIcon,\n  isChecked,\n  isDisabled = false,\n  onClick,\n  onToggle,\n  primaryText,\n  secondaryText,\n}: ToggleButtonListItemProps) => (\n  //TODO: implement common/components/ListItemRow.tsx\n  <ListItem\n    secondaryAction={<Switch checked={isChecked} onChange={onToggle} />}\n    sx={{\n      '& .MuiListItemSecondaryAction-root': { right: !endIcon ? 24 : 64 },\n      '& .MuiListItemButton-root': { pr: 24 },\n    }}\n  >\n    <ListItemButton onClick={!isDisabled ? () => onClick() : undefined}>\n      {avatar && <ListItemAvatar>{avatar}</ListItemAvatar>}\n      <ListItemText primaryTypographyProps={{ fontWeight: 400 }}>\n        <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n          <Stack>\n            <Text variant=\"body1\">{primaryText}</Text>\n            <Text color=\"text.secondary\" variant=\"caption\">\n              {secondaryText}\n            </Text>\n          </Stack>\n        </Stack>\n      </ListItemText>\n      {!isDisabled && endIcon && <ListItemIcon>{endIcon}</ListItemIcon>}\n    </ListItemButton>\n  </ListItem>\n)\n"],"names":["ToggleButtonListItem","avatar","endIcon","isChecked","isDisabled","onClick","onToggle","primaryText","secondaryText","jsx","ListItem","Switch","jsxs","ListItemButton","ListItemAvatar","ListItemText","Stack","Text","ListItemIcon"],"mappings":";;;;;;;;;AAuBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF;AAAA;AAAA,EAEE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAkB,gBAAAD,EAAAE,GAAA,EAAO,SAASR,GAAW,UAAUG,GAAU;AAAA,MACjE,IAAI;AAAA,QACF,sCAAsC,EAAE,OAAQJ,IAAe,KAAL,GAAQ;AAAA,QAClE,6BAA6B,EAAE,IAAI,GAAG;AAAA,MACxC;AAAA,MAEA,UAAA,gBAAAU,EAACC,KAAe,SAAUT,IAA+B,SAAlB,MAAMC,KAC1C,UAAA;AAAA,QAAUJ,KAAA,gBAAAQ,EAACK,KAAgB,UAAOb,EAAA,CAAA;AAAA,0BAClCc,GAAa,EAAA,wBAAwB,EAAE,YAAY,OAClD,UAAA,gBAAAN,EAACO,GAAM,EAAA,YAAW,UAAS,WAAU,OAAM,gBAAe,iBACxD,4BAACA,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAP,EAAAQ,GAAA,EAAK,SAAQ,SAAS,UAAYV,GAAA;AAAA,4BAClCU,GAAK,EAAA,OAAM,kBAAiB,SAAQ,WAClC,UACHT,GAAA;AAAA,QAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,QACC,CAACJ,KAAcF,KAAW,gBAAAO,EAACS,KAAc,UAAQhB,GAAA;AAAA,MAAA,GACpD;AAAA,IAAA;AAAA,EACF;AAAA;"}

package/dist/common/components/listitems/ToggleListItem.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import p from "@mui/material/ListItem";
+import m from "@mui/material/ListItemText";
+import n from "@mui/material/Switch";
+const l = ({
+  isChecked: r,
+  isDisabled: i = !1,
+  onToggle: e,
+  primaryText: a,
+  secondaryText: c = void 0,
+  useExtraPadding: t = !0
+}) => /* @__PURE__ */ o(
+  p,
+  {
+    secondaryAction: /* @__PURE__ */ o(n, { checked: r, disabled: i, onChange: e }),
+    sx: {
+      pl: t ? 48 : 0,
+      "& .MuiListItemSecondaryAction-root": { right: t ? 64 : 24 }
+    },
+    children: /* @__PURE__ */ o(
+      m,
+      {
+        primary: a,
+        primaryTypographyProps: { fontWeight: 400, variant: "body1", maxWidth: "calc(100% - 60px)" },
+        secondary: c,
+        secondaryTypographyProps: {
+          color: "text.secondary",
+          maxWidth: "calc(100% - 60px)",
+          variant: "caption",
+          whiteSpace: "wrap"
+        }
+      }
+    )
+  }
+);
+export {
+  l as ToggleListItem
+};
+//# sourceMappingURL=ToggleListItem.js.map

package/dist/common/components/listitems/ToggleListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleListItem.js","sources":["../../../../src/common/components/listitems/ToggleListItem.tsx"],"sourcesContent":["import ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport Switch from '@mui/material/Switch'\n\ninterface ToggleListItemProps {\n  isChecked: boolean\n  isDisabled?: boolean\n  onToggle: () => void\n  primaryText: string\n  secondaryText?: string\n  useExtraPadding?: boolean\n}\n\nexport const ToggleListItem = ({\n  isChecked,\n  isDisabled = false,\n  onToggle,\n  primaryText,\n  secondaryText = undefined,\n  useExtraPadding = true,\n}: ToggleListItemProps) => (\n  <ListItem\n    secondaryAction={<Switch checked={isChecked} disabled={isDisabled} onChange={onToggle} />}\n    sx={{\n      pl: useExtraPadding ? 48 : 0,\n      '& .MuiListItemSecondaryAction-root': { right: useExtraPadding ? 64 : 24 },\n    }}\n  >\n    <ListItemText\n      primary={primaryText}\n      primaryTypographyProps={{ fontWeight: 400, variant: 'body1', maxWidth: 'calc(100% - 60px)' }}\n      secondary={secondaryText}\n      secondaryTypographyProps={{\n        color: 'text.secondary',\n        maxWidth: 'calc(100% - 60px)',\n        variant: 'caption',\n        whiteSpace: 'wrap',\n      }}\n    />\n  </ListItem>\n)\n"],"names":["ToggleListItem","isChecked","isDisabled","onToggle","primaryText","secondaryText","useExtraPadding","jsx","ListItem","Switch","ListItemText"],"mappings":";;;;AAaO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,iBAAAC,IAAkB;AACpB,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,mCAAkBC,GAAO,EAAA,SAASR,GAAW,UAAUC,GAAY,UAAUC,GAAU;AAAA,IACvF,IAAI;AAAA,MACF,IAAIG,IAAkB,KAAK;AAAA,MAC3B,sCAAsC,EAAE,OAAOA,IAAkB,KAAK,GAAG;AAAA,IAC3E;AAAA,IAEA,UAAA,gBAAAC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAASN;AAAA,QACT,wBAAwB,EAAE,YAAY,KAAK,SAAS,SAAS,UAAU,oBAAoB;AAAA,QAC3F,WAAWC;AAAA,QACX,0BAA0B;AAAA,UACxB,OAAO;AAAA,UACP,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AACF;"}

package/dist/common/constants/Account.js

@@ -0,0 +1,31 @@
+import { AccountType as C } from "../types/Account.js";
+const I = [
+  C.ANY,
+  C.CASH,
+  C.CHECKING,
+  C.DIGITAL_WALLET,
+  C.PREPAID,
+  C.SAVINGS
+], A = [
+  C.CHECKING_LINE_OF_CREDIT,
+  C.CREDIT_CARD,
+  C.LINE_OF_CREDIT,
+  C.LOAN,
+  C.MORTGAGE
+], N = [
+  C.ANY,
+  C.CASH,
+  C.CHECKING,
+  C.CHECKING_LINE_OF_CREDIT,
+  C.CREDIT_CARD,
+  C.DIGITAL_WALLET,
+  C.LINE_OF_CREDIT,
+  C.PREPAID,
+  C.SAVINGS
+];
+export {
+  I as INCOME_ACCOUNT_TYPES,
+  A as PAYMENT_ACCOUNT_TYPES,
+  N as SPENDING_ACCOUNT_TYPES
+};
+//# sourceMappingURL=Account.js.map

package/dist/common/constants/Account.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Account.js","sources":["../../../src/common/constants/Account.ts"],"sourcesContent":["import { AccountType } from '../types/Account'\n\nexport const INCOME_ACCOUNT_TYPES = [\n  AccountType.ANY,\n  AccountType.CASH,\n  AccountType.CHECKING,\n  AccountType.DIGITAL_WALLET,\n  AccountType.PREPAID,\n  AccountType.SAVINGS,\n]\n\nexport const PAYMENT_ACCOUNT_TYPES = [\n  AccountType.CHECKING_LINE_OF_CREDIT,\n  AccountType.CREDIT_CARD,\n  AccountType.LINE_OF_CREDIT,\n  AccountType.LOAN,\n  AccountType.MORTGAGE,\n]\n\nexport const SPENDING_ACCOUNT_TYPES = [\n  AccountType.ANY,\n  AccountType.CASH,\n  AccountType.CHECKING,\n  AccountType.CHECKING_LINE_OF_CREDIT,\n  AccountType.CREDIT_CARD,\n  AccountType.DIGITAL_WALLET,\n  AccountType.LINE_OF_CREDIT,\n  AccountType.PREPAID,\n  AccountType.SAVINGS,\n]\n"],"names":["INCOME_ACCOUNT_TYPES","AccountType","PAYMENT_ACCOUNT_TYPES","SPENDING_ACCOUNT_TYPES"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClCC,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd,GAEaC,IAAwB;AAAA,EACnCD,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd,GAEaE,IAAyB;AAAA,EACpCF,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd;"}