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

package/dist/debts/components/DebtsChart.js

@@ -0,0 +1,285 @@
+import { jsx as _ } from "react/jsx-runtime";
+import { LineChart as b } from "@mui/x-charts";
+import { useTheme as D } from "@mui/material/styles";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as L } from "../../common/constants/Analytics.js";
+import { formatDate as k, DATE_FORMATS_INTL as I } from "../../common/constants/DateFormats.js";
+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 S } from "../../common/utils/NumberFormatting.js";
+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 { useEvent as v } 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 "../../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 { adjustBrightness as H, BASE_LINE_COLOR as w } from "../utils/DebtsChart.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 wo = ({
+  sx: d,
+  height: g = 500,
+  width: h,
+  debts: f,
+  hoveredDebtGuid: s,
+  onClickArea: y,
+  onHoverArea: T
+}) => {
+  const A = D(), { onEvent: E } = v(), n = f.filter((t) => !t.is_impossible), p = [
+    ...new Set(
+      n.flatMap((t) => t.dataset.map((i) => new Date(i.x).getTime()))
+    )
+  ].sort((t, i) => t - i).map((t) => new Date(t)), a = n.map((t) => {
+    const i = new Map(t.dataset.map((m) => [new Date(m.x).getTime(), m.y]));
+    let o = i.get(p[0].getTime()) ?? 0;
+    const r = p.map((m) => {
+      const u = i.get(m.getTime()) ?? o;
+      return o = u, { x: m, y: u };
+    });
+    return { ...t, dataset: r };
+  }), l = a.reduce(
+    (t, i) => t + (i.dataset[0]?.y ?? 0),
+    0
+  ), M = p.map((t, i) => {
+    const o = i / (p.length - 1), r = l * (1 - o);
+    return { x: t, y: r };
+  }), x = Math.ceil(l / 100) * 100, C = p, e = a.map((t, i) => {
+    const o = 1 - i / a.length * 0.5, r = H(w, o);
+    return {
+      id: `debt-${i}`,
+      guid: t.guid,
+      label: t.name,
+      data: t.dataset.map((m) => m.y),
+      color: r,
+      curve: "linear",
+      type: "line",
+      area: !0,
+      stack: "total",
+      showMark: !1
+    };
+  });
+  e.push({
+    id: "payoff-line",
+    label: "Payoff Line",
+    data: M.map((t) => t.y),
+    color: A.palette.grey[700],
+    curve: "linear",
+    type: "line",
+    stack: void 0,
+    showMark: !1,
+    disableHighlight: !0
+  });
+  const c = (t) => e.findIndex((i) => i?.guid === t);
+  return /* @__PURE__ */ _(
+    b,
+    {
+      axisHighlight: { x: "none" },
+      disableLineItemHighlight: !0,
+      height: g,
+      onAreaClick: (t, i) => {
+        y?.();
+        const o = e.find((r) => r.id === i.seriesId);
+        E(L.DEBTS_CLICK_CHART_AREA, { account_guid: o?.guid });
+      },
+      onHighlightChange: (t) => {
+        const i = e.find((o) => o.id === t?.seriesId)?.guid;
+        T?.(i ?? "");
+      },
+      series: e,
+      skipAnimation: !0,
+      slotProps: {
+        legend: {
+          hidden: !0
+        }
+      },
+      sx: {
+        p: 4,
+        "& .MuiBarLabel-root": {
+          fontSize: 10,
+          fontWeight: 600
+        },
+        "& .MuiAreaElement-root": {
+          opacity: 0.4,
+          transition: "opacity 0.3s ease"
+        },
+        "& .MuiAreaElement-root:hover": {
+          opacity: 1
+        },
+        "& .MuiLineElement-series-payoff-line": {
+          strokeDasharray: "10 5",
+          strokeWidth: 1
+        },
+        [`& .MuiLineElement-series-debt-${c(s ?? "0")}`]: {
+          opacity: 1
+        },
+        [`& .MuiAreaElement-series-debt-${c(s ?? "0")}`]: {
+          opacity: 1
+        },
+        ...d
+      },
+      tooltip: { trigger: "none" },
+      width: h,
+      xAxis: [
+        {
+          data: C,
+          scaleType: "time",
+          min: p[0],
+          disableTicks: !0,
+          valueFormatter: (t) => k(t, I.MONTH_SHORT_YEAR)
+        }
+      ],
+      yAxis: [
+        {
+          min: 0,
+          max: x,
+          disableTicks: !0,
+          valueFormatter: (t) => S(t, "0a")
+        }
+      ]
+    }
+  );
+};
+export {
+  wo as DebtsChart
+};
+//# sourceMappingURL=DebtsChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DebtsChart.js","sources":["../../../src/debts/components/DebtsChart.tsx"],"sourcesContent":["import React from 'react'\nimport { LineSeriesType, LineChart, HighlightItemData, LineItemIdentifier } from '@mui/x-charts'\nimport { useTheme } from '@mui/material/styles'\n\nimport {\n  formatCurrency,\n  formatDate,\n  DATE_FORMATS_INTL,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../common'\nimport { DebtChartData } from '../utils/DebtsWidget'\nimport { adjustBrightness, BASE_LINE_COLOR } from '../utils/DebtsChart'\n\ninterface DebtsChartProps {\n  sx?: any\n  height?: number\n  width?: number\n  debts: DebtChartData[]\n  hoveredDebtGuid?: string\n  onClickArea?: () => void\n  onHoverArea?: (debtGuid: string) => void\n}\n\ninterface DebtsChartSeries extends LineSeriesType {\n  guid?: string | null\n}\n\nexport const DebtsChart: React.FC<DebtsChartProps> = ({\n  sx,\n  height = 500,\n  width,\n  debts,\n  hoveredDebtGuid,\n  onClickArea,\n  onHoverArea,\n}) => {\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n\n  const possibleDebts = debts.filter((d) => !d.is_impossible)\n\n  // Generate sorted array of unique dates\n  const uniqueXValues = [\n    ...new Set(\n      possibleDebts.flatMap((debt) => debt.dataset.map((point) => new Date(point.x).getTime())),\n    ),\n  ]\n    .sort((a, b) => a - b)\n    .map((timestamp) => new Date(timestamp))\n\n  // Normalize datasets with missing dates\n  const normalizedDatasets = possibleDebts.map((debt) => {\n    const datasetMap = new Map(debt.dataset.map((point) => [new Date(point.x).getTime(), point.y]))\n\n    let lastY = datasetMap.get(uniqueXValues[0].getTime()) ?? 0\n    const normalizedDataset = uniqueXValues.map((x) => {\n      const y = datasetMap.get(x.getTime()) ?? lastY // Use last known value for missing points\n      lastY = y\n      return { x, y }\n    })\n\n    return { ...debt, dataset: normalizedDataset }\n  })\n\n  const initialTotalDebt = normalizedDatasets.reduce(\n    (sum, debt) => sum + (debt.dataset[0]?.y ?? 0),\n    0,\n  )\n\n  const payoffLine = uniqueXValues.map((x, index) => {\n    const linearRate = index / (uniqueXValues.length - 1)\n    const y = initialTotalDebt * (1 - linearRate)\n    return { x, y }\n  })\n\n  const yMax = Math.ceil(initialTotalDebt / 100) * 100\n  const xData = uniqueXValues\n\n  const series: DebtsChartSeries[] = normalizedDatasets.map((debt, index) => {\n    const brightnessFactor = 1 - (index / normalizedDatasets.length) * 0.5\n    const seriesColor = adjustBrightness(BASE_LINE_COLOR, brightnessFactor)\n\n    return {\n      id: `debt-${index}`,\n      guid: debt.guid,\n      label: debt.name,\n      data: debt.dataset.map((point) => point.y),\n      color: seriesColor,\n      curve: 'linear',\n      type: 'line',\n      area: true,\n      stack: 'total',\n      showMark: false,\n    }\n  })\n\n  series.push({\n    id: 'payoff-line',\n    label: 'Payoff Line',\n    data: payoffLine.map((point) => point.y),\n    color: theme.palette.grey[700],\n    curve: 'linear',\n    type: 'line',\n    stack: undefined,\n    showMark: false,\n    disableHighlight: true,\n  })\n\n  const getIndexByGuid = (guid: string) => {\n    return series.findIndex((s) => s?.guid === guid)\n  }\n\n  const onHighlightChange = (line: HighlightItemData | null) => {\n    const highlightedGuid = series.find((s) => s.id === line?.seriesId)?.guid\n    onHoverArea?.(highlightedGuid ?? '')\n  }\n\n  const onAreaClick = (\n    _event: React.MouseEvent<SVGElement, MouseEvent>,\n    lineItemIdentifier: LineItemIdentifier,\n  ) => {\n    onClickArea?.()\n    const areaSeries = series.find((s) => s.id === lineItemIdentifier.seriesId)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_CHART_AREA, { account_guid: areaSeries?.guid })\n  }\n\n  return (\n    <LineChart\n      axisHighlight={{ x: 'none' }}\n      disableLineItemHighlight={true}\n      height={height}\n      onAreaClick={onAreaClick}\n      onHighlightChange={onHighlightChange}\n      series={series}\n      skipAnimation={true}\n      slotProps={{\n        legend: {\n          hidden: true,\n        },\n      }}\n      sx={{\n        p: 4,\n        '& .MuiBarLabel-root': {\n          fontSize: 10,\n          fontWeight: 600,\n        },\n        '& .MuiAreaElement-root': {\n          opacity: 0.4,\n          transition: 'opacity 0.3s ease',\n        },\n        '& .MuiAreaElement-root:hover': {\n          opacity: 1,\n        },\n        '& .MuiLineElement-series-payoff-line': {\n          strokeDasharray: '10 5',\n          strokeWidth: 1,\n        },\n        [`& .MuiLineElement-series-debt-${getIndexByGuid(hoveredDebtGuid ?? '0')}`]: {\n          opacity: 1,\n        },\n        [`& .MuiAreaElement-series-debt-${getIndexByGuid(hoveredDebtGuid ?? '0')}`]: {\n          opacity: 1,\n        },\n        ...sx,\n      }}\n      tooltip={{ trigger: 'none' }}\n      width={width}\n      xAxis={[\n        {\n          data: xData,\n          scaleType: 'time',\n          min: uniqueXValues[0],\n          disableTicks: true,\n          valueFormatter: (value: Date) => formatDate(value, DATE_FORMATS_INTL.MONTH_SHORT_YEAR),\n        },\n      ]}\n      yAxis={[\n        {\n          min: 0,\n          max: yMax,\n          disableTicks: true,\n          valueFormatter: (value: number) => formatCurrency(value, '0a'),\n        },\n      ]}\n    />\n  )\n}\n"],"names":["DebtsChart","sx","height","width","debts","hoveredDebtGuid","onClickArea","onHoverArea","theme","useTheme","onEvent","useEvent","possibleDebts","d","uniqueXValues","debt","point","a","b","timestamp","normalizedDatasets","datasetMap","lastY","normalizedDataset","x","y","initialTotalDebt","sum","payoffLine","index","linearRate","yMax","xData","series","brightnessFactor","seriesColor","adjustBrightness","BASE_LINE_COLOR","getIndexByGuid","guid","s","jsx","LineChart","_event","lineItemIdentifier","areaSeries","ANALYTICS_EVENTS","line","highlightedGuid","value","formatDate","DATE_FORMATS_INTL","formatCurrency"],"mappings":"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"}

package/dist/debts/components/DebtsTable.js

@@ -0,0 +1,322 @@
+import { jsx as p } from "react/jsx-runtime";
+import u from "react";
+import { useTheme as E } from "@mui/material";
+import { DataGridPro as I } from "@mui/x-data-grid-pro";
+import T from "@mui/material/Box";
+import { Icon as w } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as c } from "../../common/constants/Analytics.js";
+import { formatDate as M, DATE_FORMATS_INTL as R } from "../../common/constants/DateFormats.js";
+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 { formatCurrency as f } from "../../common/utils/NumberFormatting.js";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as v, useGlobalCopyStore as H } 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 { priorityComparator as F, getPriorityValue as L } from "../utils/DebtsTable.js";
+import { HeaderCell as i } from "../../trends/components/trendstable/HeaderCell.js";
+import { PriorityCell as W } from "./debtstable/PriorityCell.js";
+import { AccountCell as O } from "./debtstable/AccountCell.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";
+const Po = ({
+  sx: h = {},
+  debts: m,
+  hoveredDebtGuid: g,
+  onHoverRow: a,
+  onClickRow: b
+}) => {
+  const _ = E(), { onEvent: l } = v(), { isMobile: r } = D(), { debts: o } = H(), [n, y] = u.useState([
+    { field: "priority", sort: "asc" }
+  ]), d = [
+    {
+      field: "priority",
+      headerName: o.table_column_priority,
+      renderHeader: i,
+      renderCell: W,
+      sortComparator: F,
+      sortable: !0,
+      hideSortIcons: !0,
+      type: "custom",
+      align: "left",
+      headerAlign: "left",
+      minWidth: r ? 67 : 72,
+      flex: r ? 0.2 : 0.4
+    },
+    {
+      field: "account",
+      headerName: o.table_column_account,
+      renderHeader: i,
+      renderCell: O,
+      sortable: !1,
+      type: "custom",
+      align: "left",
+      headerAlign: "left",
+      minWidth: r ? 180 : 225,
+      flex: 1
+    },
+    {
+      field: "balance",
+      headerName: o.table_column_balance,
+      renderHeader: i,
+      valueFormatter: (t) => f(t, "0,0"),
+      sortable: !0,
+      hideSortIcons: r,
+      type: "number",
+      align: r ? "right" : "left",
+      headerAlign: r ? "right" : "left",
+      minWidth: r ? 70 : 122,
+      flex: r ? 0.4 : 0.6
+    },
+    {
+      field: "interest_rate",
+      headerName: o.table_column_interest_rate,
+      renderHeader: i,
+      valueFormatter: (t) => isNaN(t) ? "---" : `${Number(t).toFixed(2)}%`,
+      sortable: !0,
+      hideSortIcons: r,
+      type: "number",
+      align: "left",
+      headerAlign: "left",
+      minWidth: 122,
+      flex: 0.6
+    },
+    {
+      field: "projected_payoff_date",
+      headerName: o.table_column_payoff_date,
+      renderHeader: i,
+      valueFormatter: (t) => t ? M(t, R.MONTH_SHORT_YEAR) : "---",
+      sortable: !0,
+      hideSortIcons: r,
+      type: "number",
+      align: "left",
+      headerAlign: "left",
+      minWidth: 122,
+      flex: 0.6
+    },
+    {
+      field: "monthly_payment",
+      headerName: o.table_column_amount_due,
+      renderHeader: i,
+      valueFormatter: (t) => typeof t == "number" ? f(t, "0,0") : "---",
+      sortable: !0,
+      hideSortIcons: r,
+      type: "number",
+      align: "left",
+      headerAlign: "left",
+      minWidth: 122,
+      flex: 0.6
+    }
+  ], C = [
+    ...d.slice(0, 3),
+    {
+      field: "chevron",
+      headerName: "",
+      renderHeader: void 0,
+      renderCell: () => /* @__PURE__ */ p(w, { name: "chevron_right'" }),
+      sortable: !0,
+      hideSortIcons: !0,
+      type: "custom",
+      align: "right",
+      headerAlign: "right",
+      width: 20
+    }
+  ], s = u.useMemo(() => m.map((t, e) => ({
+    ...t,
+    id: e,
+    priority: L(t)
+  })), [m]), S = (t) => {
+    const x = t.target.closest("[data-id]")?.getAttribute("data-id"), A = m[Number(x)];
+    a?.(A?.guid ?? "");
+  }, N = (t) => s.find((e) => e.guid === t)?.id;
+  return /* @__PURE__ */ p(
+    T,
+    {
+      sx: {
+        height: "100dvh",
+        width: "100%",
+        mt: "15px",
+        overflowX: "auto",
+        boxShadow: "none",
+        ...h
+      },
+      children: /* @__PURE__ */ p(
+        I,
+        {
+          columns: r ? C : d,
+          disableColumnFilter: !0,
+          disableColumnMenu: !0,
+          hideFooter: !0,
+          initialState: { sorting: { sortModel: n } },
+          onRowClick: (t) => {
+            b(), l(c.TRENDS_CLICK_TABLE_ROW, { account_guid: t.row.guid });
+          },
+          onSortModelChange: (t) => {
+            y(t), l(c.TRENDS_CLICK_TABLE_SORT);
+          },
+          rows: s,
+          slotProps: {
+            baseIconButton: { color: "secondary", sx: { ml: 8 } },
+            row: {
+              onMouseEnter: S,
+              onMouseLeave: () => a?.("")
+            }
+          },
+          sortModel: n,
+          sortingOrder: ["asc", "desc"],
+          sx: {
+            [`& .MuiDataGrid-row[data-id="${N(g)}"]`]: {
+              backgroundColor: _.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
+              filter: "brightness(98%)"
+            }
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  Po as DebtsTable
+};
+//# sourceMappingURL=DebtsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DebtsTable.js","sources":["../../../src/debts/components/DebtsTable.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '@mui/material'\nimport { DataGridPro, GridColDef, GridSortModel } from '@mui/x-data-grid-pro'\nimport Box from '@mui/material/Box'\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  ANALYTICS_EVENTS,\n  DATE_FORMATS_INTL,\n  formatCurrency,\n  formatDate,\n  useEvent,\n  useGlobalCopyStore,\n  useScreenSize,\n} from '../../common'\n\nimport { DebtChartData } from '../utils/DebtsWidget'\nimport { getPriorityValue, priorityComparator } from '../utils/DebtsTable'\nimport { HeaderCell } from '../../trends/components/trendstable/HeaderCell'\nimport { PriorityCell } from './debtstable/PriorityCell'\nimport { AccountCell } from './debtstable/AccountCell'\n\ninterface DebtsTableProps {\n  sx?: any\n  debts: DebtChartData[]\n  hoveredDebtGuid: string\n  onHoverRow: (debtGuid: string) => void\n  onClickRow: () => void\n}\n\nexport const DebtsTable: React.FC<DebtsTableProps> = ({\n  sx = {},\n  debts,\n  hoveredDebtGuid,\n  onHoverRow,\n  onClickRow,\n}) => {\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n  const { isMobile } = useScreenSize()\n  const { debts: copy } = useGlobalCopyStore()\n\n  const [sortModel, setSortModel] = React.useState<GridSortModel>([\n    { field: 'priority', sort: 'asc' },\n  ])\n\n  const desktopColumns: GridColDef[] = [\n    {\n      field: 'priority',\n      headerName: copy.table_column_priority,\n      renderHeader: HeaderCell,\n      renderCell: PriorityCell,\n      sortComparator: priorityComparator,\n      sortable: true,\n      hideSortIcons: true,\n      type: 'custom',\n      align: 'left',\n      headerAlign: 'left',\n      minWidth: isMobile ? 67 : 72,\n      flex: isMobile ? 0.2 : 0.4,\n    },\n    {\n      field: 'account',\n      headerName: copy.table_column_account,\n      renderHeader: HeaderCell,\n      renderCell: AccountCell,\n      sortable: false,\n      type: 'custom',\n      align: 'left',\n      headerAlign: 'left',\n      minWidth: isMobile ? 180 : 225,\n      flex: 1,\n    },\n    {\n      field: 'balance',\n      headerName: copy.table_column_balance,\n      renderHeader: HeaderCell,\n      valueFormatter: (val) => formatCurrency(val, '0,0'),\n      sortable: true,\n      hideSortIcons: isMobile,\n      type: 'number',\n      align: isMobile ? 'right' : 'left',\n      headerAlign: isMobile ? 'right' : 'left',\n      minWidth: isMobile ? 70 : 122,\n      flex: isMobile ? 0.4 : 0.6,\n    },\n    {\n      field: 'interest_rate',\n      headerName: copy.table_column_interest_rate,\n      renderHeader: HeaderCell,\n      valueFormatter: (v) => (!isNaN(v) ? `${Number(v).toFixed(2)}%` : '---'),\n      sortable: true,\n      hideSortIcons: isMobile,\n      type: 'number',\n      align: 'left',\n      headerAlign: 'left',\n      minWidth: 122,\n      flex: 0.6,\n    },\n    {\n      field: 'projected_payoff_date',\n      headerName: copy.table_column_payoff_date,\n      renderHeader: HeaderCell,\n      valueFormatter: (v) => (v ? formatDate(v, DATE_FORMATS_INTL.MONTH_SHORT_YEAR) : '---'),\n      sortable: true,\n      hideSortIcons: isMobile,\n      type: 'number',\n      align: 'left',\n      headerAlign: 'left',\n      minWidth: 122,\n      flex: 0.6,\n    },\n    {\n      field: 'monthly_payment',\n      headerName: copy.table_column_amount_due,\n      renderHeader: HeaderCell,\n      valueFormatter: (v) => (typeof v === 'number' ? formatCurrency(v, '0,0') : '---'),\n      sortable: true,\n      hideSortIcons: isMobile,\n      type: 'number',\n      align: 'left',\n      headerAlign: 'left',\n      minWidth: 122,\n      flex: 0.6,\n    },\n  ]\n\n  const mobileColumns: GridColDef[] = [\n    ...desktopColumns.slice(0, 3),\n    {\n      field: 'chevron',\n      headerName: '',\n      renderHeader: undefined,\n      renderCell: () => <Icon name=\"chevron_right'\" />,\n      sortable: true,\n      hideSortIcons: true,\n      type: 'custom',\n      align: 'right',\n      headerAlign: 'right',\n      width: 20,\n    },\n  ]\n\n  const rows = React.useMemo(() => {\n    return debts.map((debt, idx) => ({\n      ...debt,\n      id: idx,\n      priority: getPriorityValue(debt),\n    }))\n  }, [debts])\n\n  const onMouseEnterRow = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    const target = event.target as HTMLElement\n    const rowEl = target.closest('[data-id]')\n    const debtIdx = rowEl?.getAttribute('data-id')\n    const hoveredDebt = debts[Number(debtIdx)]\n    onHoverRow?.(hoveredDebt?.guid ?? '')\n  }\n\n  const getRowIdByGuid = (guid: string) => {\n    return rows.find((r) => r.guid === guid)?.id\n  }\n\n  return (\n    <Box\n      sx={{\n        height: '100dvh',\n        width: '100%',\n        mt: '15px',\n        overflowX: 'auto',\n        boxShadow: 'none',\n        ...sx,\n      }}\n    >\n      <DataGridPro\n        columns={isMobile ? mobileColumns : desktopColumns}\n        disableColumnFilter={true}\n        disableColumnMenu={true}\n        hideFooter={true}\n        initialState={{ sorting: { sortModel } }}\n        onRowClick={(params) => {\n          onClickRow()\n          onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TABLE_ROW, { account_guid: params.row.guid })\n        }}\n        onSortModelChange={(newModel) => {\n          setSortModel(newModel)\n          onEvent(ANALYTICS_EVENTS.TRENDS_CLICK_TABLE_SORT)\n        }}\n        rows={rows}\n        slotProps={{\n          baseIconButton: { color: 'secondary', sx: { ml: 8 } },\n          row: {\n            onMouseEnter: onMouseEnterRow,\n            onMouseLeave: () => onHoverRow?.(''),\n          },\n        }}\n        sortModel={sortModel}\n        sortingOrder={['asc', 'desc']}\n        sx={{\n          [`& .MuiDataGrid-row[data-id=\"${getRowIdByGuid(hoveredDebtGuid)}\"]`]: {\n            backgroundColor: theme.palette.mode === 'light' ? '#f8f9fb' : '#1f2329',\n            filter: 'brightness(98%)',\n          },\n        }}\n      />\n    </Box>\n  )\n}\n"],"names":["DebtsTable","sx","debts","hoveredDebtGuid","onHoverRow","onClickRow","theme","useTheme","onEvent","useEvent","isMobile","useScreenSize","copy","useGlobalCopyStore","sortModel","setSortModel","React","desktopColumns","HeaderCell","PriorityCell","priorityComparator","AccountCell","val","formatCurrency","v","formatDate","DATE_FORMATS_INTL","mobileColumns","jsx","Icon","rows","debt","idx","getPriorityValue","onMouseEnterRow","event","debtIdx","hoveredDebt","getRowIdByGuid","guid","r","Box","DataGridPro","params","ANALYTICS_EVENTS","newModel"],"mappings":"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"}