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

package/dist/debts/DebtsWidget.js

@@ -0,0 +1,260 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import o from "react";
+import { observer as N } from "mobx-react-lite";
+import f from "@mui/material/Stack";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as n } from "../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../common/constants/Account.js";
+import "../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as R, useEvent as z, useGlobalUiStore as K, useAccountStore as U, useGoalStore as j, useDebtStore as M } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.js";
+import { useScreenSize as V } 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 "../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 Y from "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import $ from "../common/components/Loader.js";
+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 { useAccountUiStore as q } from "../accounts/hooks/useUiStore.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 { DebtsChart as J } from "./components/DebtsChart.js";
+import { DebtsTable as Q } from "./components/DebtsTable.js";
+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 X from "./components/SnowballCard.js";
+import Z from "./components/SnowballDrawer.js";
+import tt from "./components/DebtDrawer.js";
+import ot from "./components/PaydownDrawer.js";
+import { DebtsPriorityAction as rt } from "./components/actions/DebtsPriorityAction.js";
+import { transformDebtsChartData as it } from "./utils/DebtsWidget.js";
+import { useDebtsUiStore as mt } from "./hooks/useDebtsUiStore.js";
+import { PaydownButton as pt } from "./components/debtspaydown/PaydownButton.js";
+const et = ({ onBackClick: h, sx: E }) => {
+  const [O, d] = o.useState(!1), [k, u] = o.useState(!1), [I, D] = o.useState(!1), [p, v] = o.useState(""), { isDesktop: L, isMobile: r } = V(), { debts: P } = R(), { onEvent: e } = z(), { isCopyLoaded: _, isInitialized: a, setSelectedAccounts: b } = K(), { setSelectedAccount: T } = q(), { selectedDebtPriority: C, setSelectedDebtChartData: g } = mt(), { visibleDebtAccounts: m } = U(), { goalsLoaded: B, loadGoals: G, monthlyCashFlowProfile: S } = j(), { debts: w } = M(), s = o.useMemo(() => {
+    const i = S?.extra_payment ?? 0;
+    return it(w, C, i);
+  }, [w, C, S]);
+  o.useEffect(() => {
+    b(m), e(n.DEBTS_VIEW);
+  }, []), o.useEffect(() => {
+    b(m);
+  }, [m]), o.useEffect(() => {
+    a && G().finally();
+  }, [a]);
+  const x = (i) => v(i), y = () => {
+    const i = m.find((c) => c.guid === p), A = s.find((c) => c.guid === p);
+    i && T(i), A && g(A), d(!0);
+  }, W = () => e(n.DEBTS_CLICK_FILTER), F = () => {
+    D(!0), e(n.DEBTS_CLICK_SNOWBALL_CTA);
+  }, H = () => {
+    u(!0), e(n.DEBTS_CLICK_PAYDOWN);
+  };
+  return !B || !_ || !a ? /* @__PURE__ */ t($, {}) : /* @__PURE__ */ l(
+    Y,
+    {
+      accountOptions: m,
+      actions: [
+        /* @__PURE__ */ t(rt, {}, "prioritize-debts"),
+        /* @__PURE__ */ t(pt, { onClick: H }, "extra-paydown")
+      ],
+      onAccountsFilterClick: W,
+      onBackClick: h,
+      sx: E,
+      title: P.title,
+      children: [
+        /* @__PURE__ */ l(f, { sx: { px: L ? "48px" : "24px" }, children: [
+          /* @__PURE__ */ l(
+            f,
+            {
+              sx: {
+                alignItems: r ? "flex-start" : "flex-end",
+                flexDirection: r ? "column" : "row",
+                mx: r ? "-12px" : 0
+              },
+              children: [
+                /* @__PURE__ */ t(
+                  J,
+                  {
+                    debts: s,
+                    height: r ? 250 : void 0,
+                    hoveredDebtGuid: p,
+                    onClickArea: y,
+                    onHoverArea: x,
+                    sx: { mr: r ? "4px" : "-48px" }
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  X,
+                  {
+                    debts: s,
+                    onClickCta: F,
+                    sx: { mb: r ? "0px" : "64px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(f, { sx: { mx: r ? "-24px" : 0 }, children: /* @__PURE__ */ t(
+            Q,
+            {
+              debts: s,
+              hoveredDebtGuid: p,
+              onClickRow: y,
+              onHoverRow: x
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ t(
+          Z,
+          {
+            isOpen: I,
+            onClose: () => D(!1)
+          }
+        ),
+        /* @__PURE__ */ t(tt, { isOpen: O, onClose: () => d(!1) }),
+        /* @__PURE__ */ t(ot, { isOpen: k, onClose: () => u(!1) })
+      ]
+    }
+  );
+}, ui = N(et);
+export {
+  ui as default
+};
+//# sourceMappingURL=DebtsWidget.js.map

package/dist/debts/DebtsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtsWidget.js","sources":["../../src/debts/DebtsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport Stack from '@mui/material/Stack'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  useAccountStore,\n  useDebtStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useGoalStore,\n  useScreenSize,\n  WidgetContainer,\n  WidgetProps,\n} from '../common'\n\nimport SnowballCard from './components/SnowballCard'\nimport SnowballDrawer from './components/SnowballDrawer'\nimport DebtDrawer from './components/DebtDrawer'\nimport PaydownDrawer from './components/PaydownDrawer'\nimport { DebtsChart } from './components/DebtsChart'\nimport { DebtsTable } from './components/DebtsTable'\nimport { DebtsPriorityAction } from './components/actions/DebtsPriorityAction'\nimport { transformDebtsChartData } from './utils/DebtsWidget'\nimport { useAccountUiStore } from '../accounts/hooks/useUiStore'\nimport { useDebtsUiStore } from './hooks/useDebtsUiStore'\nimport { PaydownButton } from './components/debtspaydown/PaydownButton'\n\nconst DebtsWidget: React.FC<WidgetProps> = ({ onBackClick, sx }) => {\n  const [isDebtDrawerOpen, setIsDebtDrawerOpen] = React.useState(false)\n  const [isPaydownDrawerOpen, setIsPaydownDrawerOpen] = React.useState(false)\n  const [isSnowballDrawerOpen, setIsSnowballDrawerOpen] = React.useState(false)\n  const [hoveredDebtGuid, setHoveredDebtGuid] = React.useState('')\n\n  const { isDesktop, isMobile } = useScreenSize()\n  const { debts: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n\n  const { isCopyLoaded, isInitialized, setSelectedAccounts } = useGlobalUiStore()\n  const { setSelectedAccount } = useAccountUiStore()\n  const { selectedDebtPriority, setSelectedDebtChartData } = useDebtsUiStore()\n\n  const { visibleDebtAccounts: accounts } = useAccountStore()\n  const { goalsLoaded, loadGoals, monthlyCashFlowProfile } = useGoalStore()\n  const { debts } = useDebtStore()\n\n  const debtsChartData = React.useMemo(() => {\n    const extraPaydown = monthlyCashFlowProfile?.extra_payment ?? 0\n    return transformDebtsChartData(debts, selectedDebtPriority, extraPaydown)\n  }, [debts, selectedDebtPriority, monthlyCashFlowProfile])\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n    onEvent(ANALYTICS_EVENTS.DEBTS_VIEW)\n  }, [])\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadGoals().finally()\n    }\n  }, [isInitialized])\n\n  const onHoverDebt = (guid: string) => setHoveredDebtGuid(guid)\n\n  const onClickDebt = () => {\n    const account = accounts.find((a) => a.guid === hoveredDebtGuid)\n    const chartData = debtsChartData.find((d) => d.guid === hoveredDebtGuid)\n    if (account) setSelectedAccount(account)\n    if (chartData) setSelectedDebtChartData(chartData)\n    setIsDebtDrawerOpen(true)\n  }\n\n  const onClickAccountFilter = () => onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_FILTER)\n\n  const onClickSnowballCta = () => {\n    setIsSnowballDrawerOpen(true)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_SNOWBALL_CTA)\n  }\n\n  const onClickPaydown = () => {\n    setIsPaydownDrawerOpen(true)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_PAYDOWN)\n  }\n\n  if (!goalsLoaded || !isCopyLoaded || !isInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      actions={[\n        <DebtsPriorityAction key=\"prioritize-debts\" />,\n        <PaydownButton key=\"extra-paydown\" onClick={onClickPaydown} />,\n      ]}\n      onAccountsFilterClick={onClickAccountFilter}\n      onBackClick={onBackClick}\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack sx={{ px: isDesktop ? '48px' : '24px' }}>\n        <Stack\n          sx={{\n            alignItems: isMobile ? 'flex-start' : 'flex-end',\n            flexDirection: isMobile ? 'column' : 'row',\n            mx: isMobile ? '-12px' : 0,\n          }}\n        >\n          <DebtsChart\n            debts={debtsChartData}\n            height={isMobile ? 250 : undefined}\n            hoveredDebtGuid={hoveredDebtGuid}\n            onClickArea={onClickDebt}\n            onHoverArea={onHoverDebt}\n            sx={{ mr: isMobile ? '4px' : '-48px' }}\n          />\n          <SnowballCard\n            debts={debtsChartData}\n            onClickCta={onClickSnowballCta}\n            sx={{ mb: isMobile ? '0px' : '64px' }}\n          />\n        </Stack>\n        <Stack sx={{ mx: isMobile ? '-24px' : 0 }}>\n          <DebtsTable\n            debts={debtsChartData}\n            hoveredDebtGuid={hoveredDebtGuid}\n            onClickRow={onClickDebt}\n            onHoverRow={onHoverDebt}\n          />\n        </Stack>\n      </Stack>\n      <SnowballDrawer\n        isOpen={isSnowballDrawerOpen}\n        onClose={() => setIsSnowballDrawerOpen(false)}\n      />\n      <DebtDrawer isOpen={isDebtDrawerOpen} onClose={() => setIsDebtDrawerOpen(false)} />\n      <PaydownDrawer isOpen={isPaydownDrawerOpen} onClose={() => setIsPaydownDrawerOpen(false)} />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(DebtsWidget)\n"],"names":["DebtsWidget","onBackClick","sx","isDebtDrawerOpen","setIsDebtDrawerOpen","React","isPaydownDrawerOpen","setIsPaydownDrawerOpen","isSnowballDrawerOpen","setIsSnowballDrawerOpen","hoveredDebtGuid","setHoveredDebtGuid","isDesktop","isMobile","useScreenSize","copy","useGlobalCopyStore","onEvent","useEvent","isCopyLoaded","isInitialized","setSelectedAccounts","useGlobalUiStore","setSelectedAccount","useAccountUiStore","selectedDebtPriority","setSelectedDebtChartData","useDebtsUiStore","accounts","useAccountStore","goalsLoaded","loadGoals","monthlyCashFlowProfile","useGoalStore","debts","useDebtStore","debtsChartData","extraPaydown","transformDebtsChartData","ANALYTICS_EVENTS","onHoverDebt","guid","onClickDebt","account","a","chartData","d","onClickAccountFilter","onClickSnowballCta","onClickPaydown","Loader","jsxs","WidgetContainer","jsx","DebtsPriorityAction","PaydownButton","Stack","DebtsChart","SnowballCard","DebtsTable","SnowballDrawer","DebtDrawer","PaydownDrawer","DebtsWidget$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAMA,KAAqC,CAAC,EAAE,aAAAC,GAAa,IAAAC,QAAS;AAClE,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAM,SAAS,EAAK,GAC9D,CAACC,GAAqBC,CAAsB,IAAIF,EAAM,SAAS,EAAK,GACpE,CAACG,GAAsBC,CAAuB,IAAIJ,EAAM,SAAS,EAAK,GACtE,CAACK,GAAiBC,CAAkB,IAAIN,EAAM,SAAS,EAAE,GAEzD,EAAE,WAAAO,GAAW,UAAAC,EAAS,IAAIC,EAAc,GACxC,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,SAAAC,MAAYC,KAEd,EAAE,cAAAC,GAAc,eAAAC,GAAe,qBAAAC,MAAwBC,EAAiB,GACxE,EAAE,oBAAAC,MAAuBC,KACzB,EAAE,sBAAAC,GAAsB,0BAAAC,EAAyB,IAAIC,GAAgB,GAErE,EAAE,qBAAqBC,EAAS,IAAIC,EAAgB,GACpD,EAAE,aAAAC,GAAa,WAAAC,GAAW,wBAAAC,MAA2BC,EAAa,GAClE,EAAE,OAAAC,MAAUC,KAEZC,IAAiB/B,EAAM,QAAQ,MAAM;AACnC,UAAAgC,IAAeL,GAAwB,iBAAiB;AACvD,WAAAM,GAAwBJ,GAAOT,GAAsBY,CAAY;AAAA,EACvE,GAAA,CAACH,GAAOT,GAAsBO,CAAsB,CAAC;AAExD,EAAA3B,EAAM,UAAU,MAAM;AACpB,IAAAgB,EAAoBO,CAAQ,GAC5BX,EAAQsB,EAAiB,UAAU;AAAA,EACrC,GAAG,CAAE,CAAA,GAELlC,EAAM,UAAU,MAAM;AACpB,IAAAgB,EAAoBO,CAAQ;AAAA,EAAA,GAC3B,CAACA,CAAQ,CAAC,GAEbvB,EAAM,UAAU,MAAM;AACpB,IAAIe,KACFW,EAAA,EAAY;EACd,GACC,CAACX,CAAa,CAAC;AAElB,QAAMoB,IAAc,CAACC,MAAiB9B,EAAmB8B,CAAI,GAEvDC,IAAc,MAAM;AACxB,UAAMC,IAAUf,EAAS,KAAK,CAACgB,MAAMA,EAAE,SAASlC,CAAe,GACzDmC,IAAYT,EAAe,KAAK,CAACU,MAAMA,EAAE,SAASpC,CAAe;AACnE,IAAAiC,OAA4BA,CAAO,GACnCE,OAAoCA,CAAS,GACjDzC,EAAoB,EAAI;AAAA,EAAA,GAGpB2C,IAAuB,MAAM9B,EAAQsB,EAAiB,kBAAkB,GAExES,IAAqB,MAAM;AAC/B,IAAAvC,EAAwB,EAAI,GAC5BQ,EAAQsB,EAAiB,wBAAwB;AAAA,EAAA,GAG7CU,IAAiB,MAAM;AAC3B,IAAA1C,EAAuB,EAAI,GAC3BU,EAAQsB,EAAiB,mBAAmB;AAAA,EAAA;AAG9C,SAAI,CAACT,KAAe,CAACX,KAAgB,CAACC,sBAC5B8B,GAAO,CAAA,CAAA,IAIf,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBxB;AAAA,MAChB,SAAS;AAAA,QACP,gBAAAyB,EAACC,QAAwB,kBAAmB;AAAA,QAC3C,gBAAAD,EAAAE,IAAA,EAAkC,SAASN,EAAA,GAAzB,eAAyC;AAAA,MAC9D;AAAA,MACA,uBAAuBF;AAAA,MACvB,aAAA9C;AAAA,MACA,IAAAC;AAAA,MACA,OAAOa,EAAK;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAoC,EAACK,KAAM,IAAI,EAAE,IAAI5C,IAAY,SAAS,OACpC,GAAA,UAAA;AAAA,UAAA,gBAAAuC;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,YAAY3C,IAAW,eAAe;AAAA,gBACtC,eAAeA,IAAW,WAAW;AAAA,gBACrC,IAAIA,IAAW,UAAU;AAAA,cAC3B;AAAA,cAEA,UAAA;AAAA,gBAAA,gBAAAwC;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,OAAOrB;AAAA,oBACP,QAAQvB,IAAW,MAAM;AAAA,oBACzB,iBAAAH;AAAA,oBACA,aAAagC;AAAA,oBACb,aAAaF;AAAA,oBACb,IAAI,EAAE,IAAI3B,IAAW,QAAQ,QAAQ;AAAA,kBAAA;AAAA,gBACvC;AAAA,gBACA,gBAAAwC;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACC,OAAOtB;AAAA,oBACP,YAAYY;AAAA,oBACZ,IAAI,EAAE,IAAInC,IAAW,QAAQ,OAAO;AAAA,kBAAA;AAAA,gBACtC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAwC,EAACG,KAAM,IAAI,EAAE,IAAI3C,IAAW,UAAU,KACpC,UAAA,gBAAAwC;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,iBAAA1B;AAAA,cACA,YAAYgC;AAAA,cACZ,YAAYF;AAAA,YAAA;AAAA,UAAA,GAEhB;AAAA,QAAA,GACF;AAAA,QACA,gBAAAa;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,QAAQpD;AAAA,YACR,SAAS,MAAMC,EAAwB,EAAK;AAAA,UAAA;AAAA,QAC9C;AAAA,QACA,gBAAA4C,EAACQ,MAAW,QAAQ1D,GAAkB,SAAS,MAAMC,EAAoB,EAAK,GAAG;AAAA,QACjF,gBAAAiD,EAACS,MAAc,QAAQxD,GAAqB,SAAS,MAAMC,EAAuB,EAAK,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhG,GAEewD,KAAAC,EAAShE,EAAW;"}

package/dist/debts/components/DebtDrawer.js

@@ -0,0 +1,181 @@
+import { jsx as t, jsxs as s, Fragment as l } from "react/jsx-runtime";
+import c from "@mui/material/Stack";
+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 "numeral";
+import "@mui/material";
+import "@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 n } 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 d from "../../common/components/drawer/Drawer.js";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import f from "../../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 D } from "../hooks/useDebtsUiStore.js";
+import b from "./debtsdrawer/DebtDetailsChart.js";
+import h from "./debtsdrawer/DebtDetailsContent.js";
+const ho = ({ isOpen: o, onClose: i, sx: m }) => {
+  const { debts: r } = n(), { showError: p, showCompleted: e } = D(), a = p || e ? /* @__PURE__ */ t(l, {}) : /* @__PURE__ */ t(b, {});
+  return /* @__PURE__ */ t(
+    d,
+    {
+      ariaLabelClose: r.details_close_aria,
+      isOpen: o,
+      onClose: i,
+      sx: { ...m },
+      title: r.details_title,
+      children: /* @__PURE__ */ s(c, { bgcolor: "background.default", children: [
+        /* @__PURE__ */ t(f, { customDetailsChart: a }),
+        /* @__PURE__ */ t(h, {})
+      ] })
+    }
+  );
+};
+export {
+  ho as default
+};
+//# sourceMappingURL=DebtDrawer.js.map

package/dist/debts/components/DebtDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtDrawer.js","sources":["../../../src/debts/components/DebtDrawer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Drawer, useGlobalCopyStore } from '../../common'\nimport { useDebtsUiStore } from '../hooks/useDebtsUiStore'\n\nimport AccountDetailsHeader from '../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader'\nimport DebtDetailsChart from './debtsdrawer/DebtDetailsChart'\nimport DebtDetailsContent from './debtsdrawer/DebtDetailsContent'\n\ninterface DebtDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n  sx?: any\n}\n\nconst DebtDrawer = ({ isOpen, onClose, sx }: DebtDrawerProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n  const headerChart = showError || showCompleted ? <></> : <DebtDetailsChart />\n\n  return (\n    <Drawer\n      ariaLabelClose={copy.details_close_aria}\n      isOpen={isOpen}\n      onClose={onClose}\n      sx={{ ...sx }}\n      title={copy.details_title}\n    >\n      <Stack bgcolor=\"background.default\">\n        <AccountDetailsHeader customDetailsChart={headerChart} />\n        <DebtDetailsContent />\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport default DebtDrawer\n"],"names":["DebtDrawer","isOpen","onClose","sx","copy","useGlobalCopyStore","showError","showCompleted","useDebtsUiStore","headerChart","jsx","Fragment","DebtDetailsChart","Drawer","jsxs","Stack","AccountDetailsHeader","DebtDetailsContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,KAAa,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,IAAAC,QAA0B;AAC/D,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,WAAAC,GAAW,eAAAC,EAAc,IAAIC,EAAgB,GAC/CC,IAAcH,KAAaC,IAAkB,gBAAAG,EAAAC,GAAA,CAAA,CAAA,sBAAOC,GAAiB,CAAA,CAAA;AAGzE,SAAA,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,gBAAgBT,EAAK;AAAA,MACrB,QAAAH;AAAA,MACA,SAAAC;AAAA,MACA,IAAI,EAAE,GAAGC,EAAG;AAAA,MACZ,OAAOC,EAAK;AAAA,MAEZ,UAAA,gBAAAU,EAACC,GAAM,EAAA,SAAQ,sBACb,UAAA;AAAA,QAAC,gBAAAL,EAAAM,GAAA,EAAqB,oBAAoBP,EAAa,CAAA;AAAA,0BACtDQ,GAAmB,EAAA;AAAA,MAAA,GACtB;AAAA,IAAA;AAAA,EAAA;AAGN;"}