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

package/dist/debts/components/debtsdrawer/DebtScheduleTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtScheduleTab.js","sources":["../../../../src/debts/components/debtsdrawer/DebtScheduleTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  DATE_FORMATS_INTL,\n  formatCurrency,\n  formatDate,\n  useEvent,\n  useGlobalCopyStore,\n} from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\nconst DebtScheduleTab = () => {\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtChartData: debt, showCompleted, showError } = useDebtsUiStore()\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.DEBT_SCHEDULE_VIEW), [])\n\n  return (\n    <List>\n      {/* Error/Complete Message */}\n      {showError || showCompleted ? (\n        <Text\n          color={theme.palette.secondary.main}\n          component=\"div\"\n          sx={{ p: 32, textAlign: 'center', whiteSpace: 'normal' }}\n          variant=\"Small\"\n        >\n          {showError ? copy.schedule_error_message : copy.schedule_complete_message}\n        </Text>\n      ) : (\n        <>\n          {/* Payment Schedule Header */}\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"XSmall\">\n              {copy.schedule_month_heading}\n            </Text>\n            <Text bold={true} variant=\"XSmall\">\n              {copy.schedule_amount_heading}\n            </Text>\n          </Stack>\n          {/* Payment Schedule Rows */}\n          {debt.dataset.slice(1).map(({ x: month, y: balance, payment }) => (\n            <Stack bgcolor={theme.palette.background.paper} key={String(month)}>\n              <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n                <Stack\n                  sx={{\n                    borderBottom: `1px solid ${theme.palette.border.light}`,\n                    flexDirection: 'row',\n                    flexGrow: 1,\n                    py: 14,\n                    pr: 24,\n                  }}\n                >\n                  <Stack flexGrow={1}>\n                    <Text bold={true} variant=\"Body\">\n                      {formatDate(month, DATE_FORMATS_INTL.MONTH_YEAR)}\n                    </Text>\n                    <Text color={theme.palette.secondary.main} variant=\"XSmall\">\n                      {copy.schedule_month_label}\n                    </Text>\n                  </Stack>\n                  <Stack>\n                    <Text bold={true} variant=\"Body\">\n                      {formatCurrency(balance, '0,0.00')}\n                    </Text>\n                    <Text\n                      bold={true}\n                      color={theme.palette.success.main}\n                      textAlign=\"end\"\n                      variant=\"Tiny\"\n                    >\n                      {`+${formatCurrency(payment, '0,0')}`}\n                    </Text>\n                  </Stack>\n                </Stack>\n              </Stack>\n            </Stack>\n          ))}\n          {/* Debt Payoff Row */}\n          <Stack bgcolor=\"background.paper\">\n            <Stack\n              sx={{\n                alignItems: 'center',\n                flexDirection: 'row',\n                flexGrow: 1,\n                py: 14,\n                px: 24,\n              }}\n            >\n              <Text flexGrow={1} variant=\"Body\">\n                {copy.schedule_payoff_label}\n              </Text>\n              <Text variant=\"Body\">-</Text>\n            </Stack>\n          </Stack>\n        </>\n      )}\n    </List>\n  )\n}\n\nexport default observer(DebtScheduleTab)\n"],"names":["DebtScheduleTab","theme","useTheme","onEvent","useEvent","copy","useGlobalCopyStore","debt","showCompleted","showError","useDebtsUiStore","React","ANALYTICS_EVENTS","jsx","List","Text","jsxs","Fragment","Stack","month","balance","payment","formatDate","DATE_FORMATS_INTL","formatCurrency","DebtScheduleTab$1","observer"],"mappings":"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"}

package/dist/debts/components/debtsdrawer/DebtStatusCard.js

@@ -0,0 +1,212 @@
+import { jsx as r, Fragment as p, jsxs as i } from "react/jsx-runtime";
+import d from "react";
+import { observer as u } from "mobx-react-lite";
+import e from "@mui/material/Alert";
+import a from "@mui/material/AlertTitle";
+import f from "@mui/icons-material/CheckCircle";
+import h from "@mui/icons-material/Error";
+import s from "@mui/material/Paper";
+import { Stack as b } from "@mui/material";
+import { Text as n } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as x } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/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 "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { useDebtsUiStore as g } from "../../hooks/useDebtsUiStore.js";
+const _ = ({ setTabValue: c, sx: m }) => {
+  const { debts: t } = x(), { showError: o, showCompleted: l } = g();
+  return d.useEffect(() => {
+    o && c(1);
+  }, [o]), !o && !l ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ i(b, { gap: 16, children: [
+    /* @__PURE__ */ r(s, { sx: { my: 16, mx: 24, ...m }, children: /* @__PURE__ */ i(
+      e,
+      {
+        icon: o ? /* @__PURE__ */ r(h, {}) : /* @__PURE__ */ r(f, { color: "success" }),
+        severity: "error",
+        sx: {
+          alignItems: "start",
+          borderLeft: 5,
+          borderRadius: 1,
+          borderColor: o ? "error.main" : "success.main",
+          color: "text.primary",
+          "&.MuiPaper-root": {
+            backgroundColor: "background.paper"
+          }
+        },
+        children: [
+          /* @__PURE__ */ r(a, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: o ? t.status_error_title : t.status_complete_title }),
+          /* @__PURE__ */ r(n, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: o ? t.status_error_description : t.status_complete_description })
+        ]
+      }
+    ) }),
+    o && /* @__PURE__ */ r(s, { sx: { mb: 16, mt: 100, mx: 24, ...m }, children: /* @__PURE__ */ i(
+      e,
+      {
+        icon: /* @__PURE__ */ r(p, {}),
+        severity: "error",
+        sx: {
+          borderRadius: 2,
+          color: "text.primary",
+          "&.MuiPaper-root": {
+            backgroundColor: "background.paper"
+          }
+        },
+        children: [
+          /* @__PURE__ */ r(a, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: t.status_info_title }),
+          /* @__PURE__ */ r(n, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: t.status_info_description })
+        ]
+      }
+    ) })
+  ] });
+}, Ct = u(_);
+export {
+  Ct as default
+};
+//# sourceMappingURL=DebtStatusCard.js.map

package/dist/debts/components/debtsdrawer/DebtStatusCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtStatusCard.js","sources":["../../../../src/debts/components/debtsdrawer/DebtStatusCard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport CompleteIcon from '@mui/icons-material/CheckCircle'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport Paper from '@mui/material/Paper'\nimport { Stack } from '@mui/material'\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\ninterface DebtStatusCardProps {\n  setTabValue: (val: number) => void\n  sx?: any\n}\n\nconst DebtStatusCard: React.FC<DebtStatusCardProps> = ({ setTabValue, sx }) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n\n  React.useEffect(() => {\n    if (showError) {\n      setTabValue(1)\n    }\n  }, [showError])\n\n  if (!showError && !showCompleted) return <></>\n\n  return (\n    <Stack gap={16}>\n      <Paper sx={{ my: 16, mx: 24, ...sx }}>\n        <Alert\n          icon={showError ? <ErrorIcon /> : <CompleteIcon color=\"success\" />}\n          severity=\"error\"\n          sx={{\n            alignItems: 'start',\n            borderLeft: 5,\n            borderRadius: 1,\n            borderColor: showError ? 'error.main' : 'success.main',\n            color: 'text.primary',\n            '&.MuiPaper-root': {\n              backgroundColor: 'background.paper',\n            },\n          }}\n        >\n          <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"Body\">\n            {showError ? copy.status_error_title : copy.status_complete_title}\n          </AlertTitle>\n          <Text component=\"p\" sx={{ whiteSpace: 'wrap' }} variant=\"ParagraphSmall\">\n            {showError ? copy.status_error_description : copy.status_complete_description}\n          </Text>\n        </Alert>\n      </Paper>\n      {showError && (\n        <Paper sx={{ mb: 16, mt: 100, mx: 24, ...sx }}>\n          <Alert\n            icon={<></>}\n            severity=\"error\"\n            sx={{\n              borderRadius: 2,\n              color: 'text.primary',\n              '&.MuiPaper-root': {\n                backgroundColor: 'background.paper',\n              },\n            }}\n          >\n            <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"Body\">\n              {copy.status_info_title}\n            </AlertTitle>\n            <Text component=\"p\" sx={{ whiteSpace: 'wrap' }} variant=\"ParagraphSmall\">\n              {copy.status_info_description}\n            </Text>\n          </Alert>\n        </Paper>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(DebtStatusCard)\n"],"names":["DebtStatusCard","setTabValue","sx","copy","useGlobalCopyStore","showError","showCompleted","useDebtsUiStore","React","jsx","Fragment","jsxs","Stack","Paper","Alert","ErrorIcon","CompleteIcon","AlertTitle","Text","DebtStatusCard$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAgD,CAAC,EAAE,aAAAC,GAAa,IAAAC,QAAS;AAC7E,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,WAAAC,GAAW,eAAAC,EAAc,IAAIC,EAAgB;AAQrD,SANAC,EAAM,UAAU,MAAM;AACpB,IAAIH,KACFJ,EAAY,CAAC;AAAA,EACf,GACC,CAACI,CAAS,CAAC,GAEV,CAACA,KAAa,CAACC,IAAwB,gBAAAG,EAAAC,GAAA,CAAA,CAAA,IAGzC,gBAAAC,EAACC,GAAM,EAAA,KAAK,IACV,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAM,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,GAAGX,EAC9B,GAAA,UAAA,gBAAAS;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAMT,IAAa,gBAAAI,EAAAM,GAAA,CAAU,CAAA,IAAM,gBAAAN,EAAAO,GAAA,EAAa,OAAM,WAAU;AAAA,QAChE,UAAS;AAAA,QACT,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,aAAaX,IAAY,eAAe;AAAA,UACxC,OAAO;AAAA,UACP,mBAAmB;AAAA,YACjB,iBAAiB;AAAA,UACnB;AAAA,QACF;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAI,EAACQ,GAAW,EAAA,IAAI,EAAE,YAAY,KAAK,WAAW,EAAA,GAAK,SAAQ,QACxD,UAAAZ,IAAYF,EAAK,qBAAqBA,EAAK,uBAC9C;AAAA,UACC,gBAAAM,EAAAS,GAAA,EAAK,WAAU,KAAI,IAAI,EAAE,YAAY,OAAO,GAAG,SAAQ,kBACrD,UAAAb,IAAYF,EAAK,2BAA2BA,EAAK,6BACpD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACCE,KACC,gBAAAI,EAACI,GAAM,EAAA,IAAI,EAAE,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,GAAGX,EACvC,GAAA,UAAA,gBAAAS;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAQ,gBAAAL,EAAAC,GAAA,EAAA;AAAA,QACR,UAAS;AAAA,QACT,IAAI;AAAA,UACF,cAAc;AAAA,UACd,OAAO;AAAA,UACP,mBAAmB;AAAA,YACjB,iBAAiB;AAAA,UACnB;AAAA,QACF;AAAA,QAEA,UAAA;AAAA,UAAC,gBAAAD,EAAAQ,GAAA,EAAW,IAAI,EAAE,YAAY,KAAK,WAAW,EAAK,GAAA,SAAQ,QACxD,UAAAd,EAAK,kBACR,CAAA;AAAA,UACC,gBAAAM,EAAAS,GAAA,EAAK,WAAU,KAAI,IAAI,EAAE,YAAY,OAAU,GAAA,SAAQ,kBACrD,UAAAf,EAAK,wBACR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEegB,KAAAC,EAASpB,CAAc;"}

package/dist/debts/components/debtspaydown/PaydownButton.js

@@ -0,0 +1,178 @@
+import { jsx as e } from "react/jsx-runtime";
+import { observer as a } from "mobx-react-lite";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { buildDynamicCopy as s } from "../../../common/utils/Localization.js";
+import { formatCurrency as u } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "react";
+import y from "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as l, useDebtStore as c, useGoalStore as b } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as d } from "../../../common/hooks/useScreenSize.js";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/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 "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const br = a(({ onClick: t }) => {
+  const { debts: o } = l(), { isDesktop: r } = d(), { totalMonthlyPayments: i } = c(), { monthlyCashFlowProfile: m } = b(), p = i + Number(m?.extra_payment), n = r ? o.paydown_button_long : o.paydown_button_short;
+  return /* @__PURE__ */ e(
+    y,
+    {
+      "aria-controls": "extra-paydown",
+      "aria-describedby": "extra-paydown",
+      "aria-haspopup": !0,
+      "aria-label": "extra-paydown",
+      onClick: t,
+      sx: { justifyContent: "start", minWidth: 100, mx: 4 },
+      children: s(n, u(p, "0,0"))
+    }
+  );
+});
+export {
+  br as PaydownButton
+};
+//# sourceMappingURL=PaydownButton.js.map

package/dist/debts/components/debtspaydown/PaydownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaydownButton.js","sources":["../../../../src/debts/components/debtspaydown/PaydownButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport {\n  buildDynamicCopy,\n  formatCurrency,\n  useDebtStore,\n  useGlobalCopyStore,\n  useGoalStore,\n  useScreenSize,\n} from '../../../common'\n\nimport Button from '@mui/material/Button'\n\ninterface PaydownButtonProps {\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const PaydownButton = observer(({ onClick }: PaydownButtonProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { isDesktop } = useScreenSize()\n  const { totalMonthlyPayments } = useDebtStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const totalContributions = totalMonthlyPayments + Number(monthlyCashFlowProfile?.extra_payment)\n  const buttonText = isDesktop ? copy.paydown_button_long : copy.paydown_button_short\n\n  return (\n    <Button\n      aria-controls=\"extra-paydown\"\n      aria-describedby=\"extra-paydown\"\n      aria-haspopup={true}\n      aria-label=\"extra-paydown\"\n      onClick={onClick}\n      sx={{ justifyContent: 'start', minWidth: 100, mx: 4 }}\n    >\n      {buildDynamicCopy(buttonText, formatCurrency(totalContributions, '0,0')) as string}\n    </Button>\n  )\n})\n"],"names":["PaydownButton","observer","onClick","copy","useGlobalCopyStore","isDesktop","useScreenSize","totalMonthlyPayments","useDebtStore","monthlyCashFlowProfile","useGoalStore","totalContributions","buttonText","jsx","Button","buildDynamicCopy","formatCurrency"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAMA,KAAgBC,EAAS,CAAC,EAAE,SAAAC,QAAkC;AACzE,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,WAAAC,MAAcC,KAChB,EAAE,sBAAAC,MAAyBC,KAC3B,EAAE,wBAAAC,MAA2BC,KAE7BC,IAAqBJ,IAAuB,OAAOE,GAAwB,aAAa,GACxFG,IAAaP,IAAYF,EAAK,sBAAsBA,EAAK;AAG7D,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAc;AAAA,MACd,oBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,cAAW;AAAA,MACX,SAAAZ;AAAA,MACA,IAAI,EAAE,gBAAgB,SAAS,UAAU,KAAK,IAAI,EAAE;AAAA,MAEnD,UAAiBa,EAAAH,GAAYI,EAAeL,GAAoB,KAAK,CAAC;AAAA,IAAA;AAAA,EAAA;AAG7E,CAAC;"}

package/dist/debts/components/debtspaydown/PaydownContent.js

@@ -0,0 +1,183 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { observer as l } from "mobx-react-lite";
+import t from "@mui/material/Stack";
+import { Text as o } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import { formatCurrency as e } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as d, useDebtStore as c, useGoalStore as s } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/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 "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { ExtraPaymentAction as h } from "../actions/ExtraPaymentAction.js";
+const u = () => {
+  const { debts: i } = d(), { totalMonthlyPayments: p } = c(), { monthlyCashFlowProfile: n } = s(), a = p + Number(n?.extra_payment);
+  return /* @__PURE__ */ m(t, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    /* @__PURE__ */ m(t, { p: 24, children: [
+      /* @__PURE__ */ m(t, { alignItems: "center", gap: 4, mb: 24, children: [
+        /* @__PURE__ */ r(o, { variant: "Body", children: i.paydown_drawer_mimimum_label }),
+        /* @__PURE__ */ r(o, { bold: !0, variant: "H1", children: e(p, "0,0") }),
+        /* @__PURE__ */ r(o, { textAlign: "center", truncate: !1, variant: "Small", width: 208, children: i.paydown_drawer_minimum_info })
+      ] }),
+      /* @__PURE__ */ m(t, { children: [
+        /* @__PURE__ */ r(o, { variant: "H3", children: i.paydown_drawer_subtitle }),
+        /* @__PURE__ */ r(o, { truncate: !1, variant: "ParagraphSmall", children: i.paydown_drawer_description })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(t, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ r(h, {}) }),
+    /* @__PURE__ */ r(t, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ m(t, { gap: 4, children: [
+      /* @__PURE__ */ r(o, { variant: "Small", children: i.paydown_drawer_total_payment }),
+      /* @__PURE__ */ r(o, { bold: !0, textAlign: "right", variant: "Body", children: e(a, "0,0") })
+    ] }) })
+  ] });
+}, so = l(u);
+export {
+  so as default
+};
+//# sourceMappingURL=PaydownContent.js.map

package/dist/debts/components/debtspaydown/PaydownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaydownContent.js","sources":["../../../../src/debts/components/debtspaydown/PaydownContent.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency, useDebtStore, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { ExtraPaymentAction } from '../actions/ExtraPaymentAction'\n\nconst PaydownContent = () => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { totalMonthlyPayments } = useDebtStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const totalContributions = totalMonthlyPayments + Number(monthlyCashFlowProfile?.extra_payment)\n\n  return (\n    <Stack sx={{ backgroundColor: 'background.default', height: '100%' }}>\n      <Stack p={24}>\n        <Stack alignItems=\"center\" gap={4} mb={24}>\n          <Text variant=\"Body\">{copy.paydown_drawer_mimimum_label}</Text>\n          <Text bold={true} variant=\"H1\">\n            {formatCurrency(totalMonthlyPayments, '0,0')}\n          </Text>\n          <Text textAlign=\"center\" truncate={false} variant=\"Small\" width={208}>\n            {copy.paydown_drawer_minimum_info}\n          </Text>\n        </Stack>\n        <Stack>\n          <Text variant=\"H3\">{copy.paydown_drawer_subtitle}</Text>\n          <Text truncate={false} variant=\"ParagraphSmall\">\n            {copy.paydown_drawer_description}\n          </Text>\n        </Stack>\n      </Stack>\n      <Stack sx={{ backgroundColor: 'background.paper' }}>\n        <ExtraPaymentAction />\n      </Stack>\n      <Stack flexDirection=\"row-reverse\" px={24} py={12}>\n        <Stack gap={4}>\n          <Text variant=\"Small\">{copy.paydown_drawer_total_payment}</Text>\n          <Text bold={true} textAlign=\"right\" variant=\"Body\">\n            {formatCurrency(totalContributions, '0,0')}\n          </Text>\n        </Stack>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(PaydownContent)\n"],"names":["PaydownContent","copy","useGlobalCopyStore","totalMonthlyPayments","useDebtStore","monthlyCashFlowProfile","useGoalStore","totalContributions","jsxs","Stack","jsx","Text","formatCurrency","ExtraPaymentAction","PaydownContent$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAiB,MAAM;AAC3B,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,sBAAAC,MAAyBC,KAC3B,EAAE,wBAAAC,MAA2BC,KAE7BC,IAAqBJ,IAAuB,OAAOE,GAAwB,aAAa;AAG5F,SAAA,gBAAAG,EAACC,KAAM,IAAI,EAAE,iBAAiB,sBAAsB,QAAQ,OAC1D,GAAA,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAM,GAAG,IACR,UAAA;AAAA,MAAA,gBAAAD,EAACC,KAAM,YAAW,UAAS,KAAK,GAAG,IAAI,IACrC,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,SAAQ,QAAQ,UAAAV,EAAK,8BAA6B;AAAA,QACxD,gBAAAS,EAACC,KAAK,MAAM,IAAM,SAAQ,MACvB,UAAAC,EAAeT,GAAsB,KAAK,EAC7C,CAAA;AAAA,QACA,gBAAAO,EAACC,GAAK,EAAA,WAAU,UAAS,UAAU,IAAO,SAAQ,SAAQ,OAAO,KAC9D,UAAAV,EAAK,4BACR,CAAA;AAAA,MAAA,GACF;AAAA,wBACCQ,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,SAAQ,MAAM,UAAAV,EAAK,yBAAwB;AAAA,0BAChDU,GAAK,EAAA,UAAU,IAAO,SAAQ,kBAC5B,YAAK,4BACR;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAD,EAACD,KAAM,IAAI,EAAE,iBAAiB,sBAC5B,UAAC,gBAAAC,EAAAG,GAAA,CAAA,CAAmB,EACtB,CAAA;AAAA,IACA,gBAAAH,EAACD,GAAM,EAAA,eAAc,eAAc,IAAI,IAAI,IAAI,IAC7C,UAAA,gBAAAD,EAACC,GAAM,EAAA,KAAK,GACV,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,SAAQ,SAAS,UAAAV,EAAK,8BAA6B;AAAA,MACzD,gBAAAS,EAACC,GAAK,EAAA,MAAM,IAAM,WAAU,SAAQ,SAAQ,QACzC,UAAAC,EAAeL,GAAoB,KAAK,EAC3C,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeO,KAAAC,EAASf,CAAc;"}