@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/debts/DebtsWidget/index.es.js

@@ -1,138 +0,0 @@
-import { useAccountStore as X, useAppConfig as Z, useDebtStore as $, useEvent as tt, useGlobalCopyStore as et, useGlobalUiStore as ot, useGoalStore as rt } from "../../common/context/hooks/index.es.js";
-import { useScreenSize as nt } from "../../common/hooks/useScreenSize/index.es.js";
-import { useWidgetLoadTimer as st } from "../../common/hooks/useWidgetLoadTimer/index.es.js";
-import { ANALYTICS_EVENTS as d } from "../../common/constants/Analytics/index.es.js";
-import { AccountType as n } from "../../core/types/Account/index.es.js";
-import { buildEmptyStateProps as it, transformDebtsChartData as at } from "../../core/utils/DebtUtils/index.es.js";
-import ct from "../../common/components/Loader/index.es.js";
-import { WidgetContainer as lt } from "../../common/components/WidgetContainer/index.es.js";
-import dt from "../../common/components/ConnectDrawer/index.es.js";
-import { EmptyState as mt } from "../../common/components/EmptyState/index.es.js";
-import { useAccountUiStore as pt } from "../../accounts/hooks/useUiStore/index.es.js";
-import { useDebtsUiStore as ft } from "../hooks/useDebtsUiStore/index.es.js";
-import ut from "../components/SnowballCard/index.es.js";
-import Dt from "../components/SnowballDrawer/index.es.js";
-import { DebtsChart as Ct } from "../components/DebtsChart/index.es.js";
-import bt from "../components/DebtDrawer/index.es.js";
-import St from "../components/PaydownDrawer/index.es.js";
-import { DebtsTable as wt } from "../components/DebtsTable/index.es.js";
-import { DebtsPriorityAction as ht } from "../components/actions/DebtsPriorityAction/index.es.js";
-import { PaydownButton as xt } from "../components/debtspaydown/PaydownButton/index.es.js";
-import e from "react";
-import { observer as At } from "mobx-react-lite";
-import C from "@mui/material/Stack";
-import { Fragment as _t, jsx as t, jsxs as m } from "react/jsx-runtime";
-var yt = ({ onBackClick: L, onMenuClick: O, sx: k }) => {
-  const { isDesktop: v, isMobile: o } = nt(), { connect: N, debts: b } = et(), { onEvent: s } = tt(), { config: { show_connections_widget_in_master: P } } = Z(), { isInitialized: p } = ot(), { setSelectedAccount: W } = pt(), { selectedDebtPriority: S, setSelectedDebtChartData: G } = ft(), { isAccountDataLoaded: f, loadAccountData: R, detailedAccounts: B, visibleDebtAccounts: w } = X(), { isAllGoalDataLoaded: h, loadGoalData: F, monthlyCashFlowProfile: x } = rt(), { debts: u } = $(), [H, A] = e.useState(!1), [K, _] = e.useState(!1), [z, y] = e.useState(!1), [i, M] = e.useState(""), [U, E] = e.useState(!1);
-  st({
-    widgetName: "DebtsWidget",
-    isLoaded: f && h
-  });
-  const a = e.useMemo(() => {
-    const r = x?.extra_payment ?? 0;
-    return at(u, S, r);
-  }, [
-    u,
-    S,
-    x
-  ]);
-  e.useEffect(() => {
-    f || R().finally(), s(d.DEBTS_VIEW);
-  }, []), e.useEffect(() => {
-    p && F().finally();
-  }, [p]);
-  const g = (r) => M(r), I = () => {
-    const r = w.find((D) => D.guid === i), T = a.find((D) => D.guid === i);
-    r && W(r), T && G(T), A(!0);
-  }, j = () => s(d.DEBTS_CLICK_FILTER), V = () => {
-    y(!0), s(d.DEBTS_CLICK_SNOWBALL_CTA);
-  }, Y = () => {
-    _(!0), s(d.DEBTS_CLICK_PAYDOWN);
-  };
-  if (!p || !f || !h) return /* @__PURE__ */ t(ct, {});
-  const q = B.length === 0, J = w.length === 0, Q = u.length === 0, c = q || J || Q, l = it(b, P, () => E(!0));
-  return /* @__PURE__ */ m(lt, {
-    actions: [/* @__PURE__ */ t(ht, { disabled: c }, "prioritize-debts")],
-    allowedAccountTypes: [
-      n.CREDIT_CARD,
-      n.LOAN,
-      n.MORTGAGE,
-      n.LINE_OF_CREDIT,
-      n.CHECKING_LINE_OF_CREDIT
-    ],
-    hasDivider: !0,
-    onAccountsFilterClick: j,
-    onBackClick: L,
-    onMenuClick: O,
-    slotComponent: /* @__PURE__ */ t(xt, {
-      disabled: c,
-      onClick: Y
-    }, "extra-paydown"),
-    sx: k,
-    title: b.title,
-    children: [
-      /* @__PURE__ */ m(C, {
-        sx: {
-          pt: 48,
-          px: v ? "48px" : "24px"
-        },
-        children: [c && /* @__PURE__ */ t(mt, {
-          header: l.header,
-          icon: "note_stack",
-          onClick: l.onClickHandler,
-          primaryButton: l.primaryButton,
-          subText: l.description,
-          sx: { maxWidth: 400 }
-        }), !c && /* @__PURE__ */ m(_t, { children: [/* @__PURE__ */ m(C, {
-          sx: {
-            alignItems: o ? "flex-start" : "flex-end",
-            flexDirection: o ? "column" : "row",
-            mx: o ? "-12px" : 0
-          },
-          children: [/* @__PURE__ */ t(Ct, {
-            debts: a,
-            height: o ? 250 : void 0,
-            hoveredDebtGuid: i,
-            onClickArea: I,
-            onHoverArea: g,
-            sx: { mr: o ? "4px" : "-48px" }
-          }), /* @__PURE__ */ t(ut, {
-            debts: a,
-            onClickCta: V,
-            sx: { mb: o ? "0px" : "64px" }
-          })]
-        }), /* @__PURE__ */ t(C, {
-          sx: { mx: o ? "-24px" : 0 },
-          children: /* @__PURE__ */ t(wt, {
-            debts: a,
-            hoveredDebtGuid: i,
-            onClickRow: I,
-            onHoverRow: g
-          })
-        })] })]
-      }),
-      /* @__PURE__ */ t(Dt, {
-        isOpen: z,
-        onClose: () => y(!1)
-      }),
-      /* @__PURE__ */ t(bt, {
-        isOpen: H,
-        onClose: () => A(!1)
-      }),
-      /* @__PURE__ */ t(St, {
-        isOpen: K,
-        onClose: () => _(!1)
-      }),
-      /* @__PURE__ */ t(dt, {
-        onClose: () => E(!1),
-        showConnectWidget: U,
-        title: N.mini_title
-      })
-    ]
-  });
-}, Jt = At(yt);
-export {
-  Jt as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/DebtsWidget/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"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  ConnectDrawer,\n  EmptyState,\n  Loader,\n  useAccountStore,\n  useAppConfig,\n  useDebtStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useGoalStore,\n  useScreenSize,\n  useWidgetLoadTimer,\n  WidgetContainer,\n} from '../common'\nimport { AccountType, WidgetProps } from '../core'\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 { buildEmptyStateProps, transformDebtsChartData } from '../core/utils/DebtUtils'\nimport { useAccountUiStore } from '../accounts'\nimport { useDebtsUiStore } from './hooks/useDebtsUiStore'\nimport { PaydownButton } from './components/debtspaydown/PaydownButton'\n\nconst DebtsWidget: React.FC<WidgetProps> = ({ onBackClick, onMenuClick, sx }) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { connect: connectCopy, debts: copy } = useGlobalCopyStore()\n  const { onEvent } = useEvent()\n  const {\n    config: { show_connections_widget_in_master },\n  } = useAppConfig()\n  const { isInitialized } = useGlobalUiStore()\n  const { setSelectedAccount } = useAccountUiStore()\n  const { selectedDebtPriority, setSelectedDebtChartData } = useDebtsUiStore()\n\n  const {\n    isAccountDataLoaded,\n    loadAccountData,\n    detailedAccounts,\n    visibleDebtAccounts: accounts,\n  } = useAccountStore()\n  const { isAllGoalDataLoaded, loadGoalData, monthlyCashFlowProfile } = useGoalStore()\n  const { debts } = useDebtStore()\n\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  const [showConnectWidget, setShowConnectWidget] = React.useState(false)\n\n  useWidgetLoadTimer({\n    widgetName: 'DebtsWidget',\n    isLoaded: isAccountDataLoaded && isAllGoalDataLoaded,\n  })\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    if (!isAccountDataLoaded) {\n      loadAccountData().finally()\n    }\n    onEvent(ANALYTICS_EVENTS.DEBTS_VIEW)\n  }, [])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadGoalData().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 (!isInitialized || !isAccountDataLoaded || !isAllGoalDataLoaded) {\n    return <Loader />\n  }\n\n  const hasNoAccounts = detailedAccounts.length === 0\n  const hasNoDebtAccounts = accounts.length === 0\n  const hasNoDebts = debts.length === 0\n  const showEmptyState = hasNoAccounts || hasNoDebtAccounts || hasNoDebts\n\n  const emptyStateProps = buildEmptyStateProps(copy, show_connections_widget_in_master, () =>\n    setShowConnectWidget(true),\n  )\n\n  return (\n    <WidgetContainer\n      actions={[<DebtsPriorityAction disabled={showEmptyState} key=\"prioritize-debts\" />]}\n      allowedAccountTypes={[\n        AccountType.CREDIT_CARD,\n        AccountType.LOAN,\n        AccountType.MORTGAGE,\n        AccountType.LINE_OF_CREDIT,\n        AccountType.CHECKING_LINE_OF_CREDIT,\n      ]}\n      hasDivider={true}\n      onAccountsFilterClick={onClickAccountFilter}\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      slotComponent={\n        <PaydownButton disabled={showEmptyState} key=\"extra-paydown\" onClick={onClickPaydown} />\n      }\n      sx={sx}\n      title={copy.title}\n    >\n      <Stack sx={{ pt: 48, px: isDesktop ? '48px' : '24px' }}>\n        {showEmptyState && (\n          <EmptyState\n            header={emptyStateProps.header}\n            icon=\"note_stack\"\n            onClick={emptyStateProps.onClickHandler}\n            primaryButton={emptyStateProps.primaryButton}\n            subText={emptyStateProps.description}\n            sx={{ maxWidth: 400 }}\n          />\n        )}\n        {!showEmptyState && (\n          <>\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          </>\n        )}\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      <ConnectDrawer\n        onClose={() => setShowConnectWidget(false)}\n        showConnectWidget={showConnectWidget}\n        title={connectCopy.mini_title}\n      />\n    </WidgetContainer>\n  )\n}\n\nexport default observer(DebtsWidget)\n"],"mappings":"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"}

package/dist/debts/components/DebtDrawer/index.es.js

@@ -1,26 +0,0 @@
-import { useGlobalCopyStore as i } from "../../../common/context/hooks/index.es.js";
-import m from "../../../common/components/drawer/Drawer/index.es.js";
-import d from "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader/index.es.js";
-import { useDebtsUiStore as c } from "../../hooks/useDebtsUiStore/index.es.js";
-import f from "../debtsdrawer/DebtDetailsChart/index.es.js";
-import p from "../debtsdrawer/DebtDetailsContent/index.es.js";
-import n from "@mui/material/Stack";
-import { Fragment as u, jsx as t, jsxs as D } from "react/jsx-runtime";
-var j = ({ isOpen: e, onClose: o }) => {
-  const { debts: r } = i(), { showError: a, showCompleted: l } = c(), s = a || l ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ t(f, {});
-  return /* @__PURE__ */ t(m, {
-    ariaLabelClose: r.details_close_aria,
-    isOpen: e,
-    onClose: o,
-    title: r.details_title,
-    children: /* @__PURE__ */ D(n, {
-      bgcolor: "background.default",
-      children: [/* @__PURE__ */ t(d, { customDetailsChart: s }), /* @__PURE__ */ t(p, {})]
-    })
-  });
-};
-export {
-  j as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"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}\n\nconst DebtDrawer = ({ isOpen, onClose }: 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      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"],"mappings":";;;;;;;;AAcA,IAAM,IAAA,CAAc,EAAE,QAAA,GAAQ,SAAA,EAAA,MAA+B;AAC3D,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB,GAC/C,IAAc,KAAa,IAAgB,gBAAA,EAAA,GAAA,CAAI,CAAA,IAAI,gBAAA,EAAC,GAAD,CAAmB,CAAA;AAE5E,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAK;AAAA,IACb,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAK;AAAA,cAEZ,gBAAA,EAAC,GAAD;AAAA,MAAO,SAAQ;AAAA,gBAAf,CACE,gBAAA,EAAC,GAAD,EAAsB,oBAAoB,EAAc,CAAA,GACxD,gBAAA,EAAC,GAAD,CAAqB,CAAA,CAChB;AAAA;EACD,CAAA;AAEZ"}

package/dist/debts/components/DebtsChart/index.es.js

@@ -1,135 +0,0 @@
-import { DATE_FORMATS_INTL as C, formatDate as k } from "../../../core/constants/DateFormats/index.es.js";
-import { useEvent as _ } from "../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as D } from "../../../common/constants/Analytics/index.es.js";
-import { formatCurrency as v } from "../../../core/utils/NumberFormatting/index.es.js";
-import { BASE_LINE_COLOR as S, adjustBrightness as w } from "../../utils/DebtsChart/index.es.js";
-import "react";
-import { jsx as h } from "react/jsx-runtime";
-import { useTheme as I } from "@mui/material/styles";
-import H from "@mui/material/Box";
-import { LineChart as R } from "@mui/x-charts/LineChart";
-var K = ({ sx: g, height: f = 500, width: y, debts: A, hoveredDebtGuid: l, onClickArea: T, onHoverArea: M }) => {
-  const m = I(), { onEvent: x } = _(), c = A.filter((e) => !e.is_impossible), i = [...new Set(c.flatMap((e) => e.dataset.map((t) => new Date(t.x).getTime())))].sort((e, t) => e - t).map((e) => new Date(e)), s = c.map((e) => {
-    const t = new Map(e.dataset.map((n) => [new Date(n.x).getTime(), n.y]));
-    let a = t.get(i[0].getTime()) ?? 0;
-    const r = i.map((n) => {
-      const d = t.get(n.getTime()) ?? a;
-      return a = d, {
-        x: n,
-        y: d
-      };
-    });
-    return {
-      ...e,
-      dataset: r
-    };
-  }), p = s.reduce((e, t) => e + (t.dataset[0]?.y ?? 0), 0), b = i.map((e, t) => {
-    const a = t / (i.length - 1);
-    return {
-      x: e,
-      y: p * (1 - a)
-    };
-  }), E = Math.ceil(p / 100) * 100, L = i, o = s.map((e, t) => {
-    const a = w(S, 1 - t / s.length * 0.5);
-    return {
-      id: `debt-${t}`,
-      guid: e.guid,
-      label: e.name,
-      data: e.dataset.map((r) => r.y),
-      color: a,
-      curve: "linear",
-      type: "line",
-      area: !0,
-      stack: "total",
-      showMark: !1
-    };
-  });
-  o.push({
-    id: "payoff-line",
-    label: "Payoff Line",
-    data: b.map((e) => e.y),
-    color: m.palette.grey[700],
-    curve: "linear",
-    type: "line",
-    stack: void 0,
-    showMark: !1,
-    disableHighlight: !0
-  });
-  const u = (e) => o.findIndex((t) => t?.guid === e);
-  return /* @__PURE__ */ h(H, {
-    sx: {
-      width: "100%",
-      height: "100%",
-      touchAction: "pan-y",
-      "& svg": {
-        touchAction: "pan-y",
-        userSelect: "none"
-      },
-      "& .recharts-wrapper": { touchAction: "pan-y" }
-    },
-    children: /* @__PURE__ */ h(R, {
-      axisHighlight: { x: "none" },
-      disableLineItemHighlight: !0,
-      height: f,
-      hideLegend: !0,
-      margin: {
-        bottom: 24,
-        left: 32,
-        right: 72,
-        top: 48
-      },
-      onAreaClick: (e, t) => {
-        T?.();
-        const a = o.find((r) => r.id === t.seriesId);
-        x(D.DEBTS_CLICK_CHART_AREA, { account_guid: a?.guid });
-      },
-      onHighlightChange: (e) => {
-        const t = o.find((a) => a.id === e?.seriesId)?.guid;
-        M?.(t ?? "");
-      },
-      series: o,
-      skipAnimation: !0,
-      slotProps: { tooltip: { trigger: "none" } },
-      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-${u(l ?? "0")}`]: { opacity: 1 },
-        [`& .MuiAreaElement-series-debt-${u(l ?? "0")}`]: { opacity: 1 },
-        "& .MuiChartsAxis-tickLabel > tspan": { fontFamily: m.typography.body2.fontFamily },
-        ...g
-      },
-      width: y,
-      xAxis: [{
-        data: L,
-        disableTicks: !0,
-        min: i[0],
-        scaleType: "time",
-        tickLabelMinGap: 24,
-        valueFormatter: (e) => k(e, C.MONTH_SHORT_YEAR)
-      }],
-      yAxis: [{
-        min: 0,
-        max: E,
-        disableTicks: !0,
-        valueFormatter: (e) => v(e, "0a")
-      }]
-    })
-  });
-};
-export {
-  K as DebtsChart
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/debts/components/DebtsChart.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport { useTheme } from '@mui/material/styles'\n\nimport type { LineSeriesType, HighlightItemData, LineItemIdentifier } from '@mui/x-charts'\nimport { LineChart } from '@mui/x-charts/LineChart'\n\nimport { useEvent, ANALYTICS_EVENTS } from '../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\nimport { DebtChartData } from '../../core/utils/DebtUtils'\nimport { adjustBrightness, BASE_LINE_COLOR } from '../utils/DebtsChart'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\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    <Box\n      sx={{\n        width: '100%',\n        height: '100%',\n        touchAction: 'pan-y',\n        '& svg': {\n          touchAction: 'pan-y',\n          userSelect: 'none',\n        },\n        '& .recharts-wrapper': {\n          touchAction: 'pan-y',\n        },\n      }}\n    >\n      <LineChart\n        axisHighlight={{ x: 'none' }}\n        disableLineItemHighlight={true}\n        height={height}\n        hideLegend={true}\n        margin={{ bottom: 24, left: 32, right: 72, top: 48 }}\n        onAreaClick={onAreaClick}\n        onHighlightChange={onHighlightChange}\n        series={series}\n        skipAnimation={true}\n        slotProps={{ tooltip: { trigger: 'none' } }}\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          '& .MuiChartsAxis-tickLabel > tspan': {\n            fontFamily: theme.typography.body2.fontFamily,\n          },\n          ...sx,\n        }}\n        width={width}\n        xAxis={[\n          {\n            data: xData,\n            disableTicks: true,\n            min: uniqueXValues[0],\n            scaleType: 'time',\n            tickLabelMinGap: 24,\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    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/debts/components/DebtsTable/AccountCell/index.es.js

@@ -1,30 +0,0 @@
-import { AccountTypeName as a } from "../../../../core/types/Account/index.es.js";
-import o from "@mui/material/Stack";
-import { InstitutionLogo as u, Text as i } from "@mxenabled/mxui";
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-var d = (r) => {
-  const t = r.row.account, e = a[t.account_type];
-  return /* @__PURE__ */ c(o, {
-    alignItems: "center",
-    flexDirection: "row",
-    children: [/* @__PURE__ */ n(u, {
-      alt: `${t.institutionName}`,
-      institutionGuid: t.institution_guid || ""
-    }), /* @__PURE__ */ c(o, {
-      ml: 12,
-      children: [/* @__PURE__ */ n(i, {
-        variant: "body2",
-        children: t.name
-      }), /* @__PURE__ */ n(i, {
-        variant: "caption",
-        children: e
-      })]
-    })]
-  });
-};
-export {
-  d as AccountCell,
-  d as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/components/DebtsTable/AccountCell/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtstable/AccountCell.tsx"],"sourcesContent":["import { GridCellParams } from '@mui/x-data-grid-pro'\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\nimport Stack from '@mui/material/Stack'\n\nimport { AccountTypeName, type Account } from '../../../core'\n\nexport const AccountCell = (params: GridCellParams) => {\n  const account = params.row.account as Account\n  const accountType = AccountTypeName[account.account_type]\n\n  return (\n    <Stack alignItems=\"center\" flexDirection=\"row\">\n      <InstitutionLogo\n        alt={`${account.institutionName}`}\n        institutionGuid={account.institution_guid || ''}\n      />\n      <Stack ml={12}>\n        <Text variant=\"body2\">{account.name}</Text>\n        <Text variant=\"caption\">{accountType}</Text>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default AccountCell\n"],"mappings":";;;;AAMA,IAAa,IAAA,CAAe,MAA2B;AACrD,QAAM,IAAU,EAAO,IAAI,SACrB,IAAc,EAAgB,EAAQ,YAAA;AAE5C,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,eAAc;AAAA,cAAzC,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,GAAG,EAAQ,eAAA;AAAA,MAChB,iBAAiB,EAAQ,oBAAoB;AAAA,IAC9C,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,gBAAX,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAS,EAAQ;AAAA,MAAW,CAAA,GAC1C,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAW;AAAA,MAAkB,CAAA,CACtC;AAAA,MACF;AAAA;AAEX"}

package/dist/debts/components/DebtsTable/PriorityCell/index.es.js

@@ -1,35 +0,0 @@
-import { Text as n } from "@mxenabled/mxui";
-import { jsx as e } from "react/jsx-runtime";
-import i from "@mui/material/Box";
-var F = (t) => {
-  const r = {
-    text: "#121417",
-    background: "#FFB252"
-  };
-  return t === "!" && (r.text = "#FFFFFF", r.background = "#DF320C"), t === "✓" && (r.text = "#FFFFFF", r.background = "#09A57F"), r;
-}, l = (t) => {
-  const r = String(t.formattedValue), o = F(r);
-  return /* @__PURE__ */ e(i, {
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: 20,
-      height: 20,
-      borderRadius: "50%",
-      backgroundColor: o.background,
-      marginLeft: "10px"
-    },
-    children: /* @__PURE__ */ e(n, {
-      color: o.text,
-      fontWeight: 700,
-      variant: "body2",
-      children: r
-    })
-  });
-};
-export {
-  l as PriorityCell
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/debts/components/DebtsTable/PriorityCell/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/debts/components/debtstable/PriorityCell.tsx"],"sourcesContent":["import { GridCellParams } from '@mui/x-data-grid-pro'\nimport Box from '@mui/material/Box'\nimport { Text } from '@mxenabled/mxui'\n\nconst getColors = (priority: any) => {\n  const colors = {\n    text: '#121417',\n    background: '#FFB252',\n  }\n\n  if (priority === '!') {\n    colors.text = '#FFFFFF'\n    colors.background = '#DF320C'\n  }\n\n  if (priority === '✓') {\n    colors.text = '#FFFFFF'\n    colors.background = '#09A57F'\n  }\n\n  return colors\n}\n\nexport const PriorityCell = (params: GridCellParams) => {\n  const priority = String(params.formattedValue)\n  const colors = getColors(priority)\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 20, // Adjust the size as needed\n        height: 20,\n        borderRadius: '50%',\n        backgroundColor: colors.background,\n        marginLeft: '10px',\n      }}\n    >\n      <Text color={colors.text} fontWeight={700} variant=\"body2\">\n        {priority}\n      </Text>\n    </Box>\n  )\n}\n"],"mappings":";;;AAIA,IAAM,IAAA,CAAa,MAAkB;AACnC,QAAM,IAAS;AAAA,IACb,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AAEA,SAAI,MAAa,QACf,EAAO,OAAO,WACd,EAAO,aAAa,YAGlB,MAAa,QACf,EAAO,OAAO,WACd,EAAO,aAAa,YAGf;AACT,GAEa,IAAA,CAAgB,MAA2B;AACtD,QAAM,IAAW,OAAO,EAAO,cAAc,GACvC,IAAS,EAAU,CAAQ;AAEjC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB,EAAO;AAAA,MACxB,YAAY;AAAA,IACd;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAO,EAAO;AAAA,MAAM,YAAY;AAAA,MAAK,SAAQ;AAAA,gBAChD;AAAA,IACG,CAAA;AAAA,EACH,CAAA;AAET"}

package/dist/debts/components/DebtsTable/index.es.js

@@ -1,193 +0,0 @@
-import { DATE_FORMATS_INTL as w, formatDate as E } from "../../../core/constants/DateFormats/index.es.js";
-import { useEvent as M, useGlobalCopyStore as R } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as H } from "../../../common/hooks/useScreenSize/index.es.js";
-import { ANALYTICS_EVENTS as b } from "../../../common/constants/Analytics/index.es.js";
-import { formatCurrency as y } from "../../../core/utils/NumberFormatting/index.es.js";
-import { getPriorityValue as D, priorityComparator as B } from "../../utils/DebtsTable/index.es.js";
-import { HeaderCell as l } from "../../../trends/components/trendstable/HeaderCell/index.es.js";
-import { PriorityCell as L } from "../debtstable/PriorityCell/index.es.js";
-import { AccountCell as W } from "../debtstable/AccountCell/index.es.js";
-import _ from "react";
-import { Icon as O, Text as n } from "@mxenabled/mxui";
-import { jsx as t } from "react/jsx-runtime";
-import k from "@mui/material/Box";
-import { Stack as F, useTheme as G } from "@mui/material";
-import { DataGridPro as P } from "@mui/x-data-grid-pro";
-var oe = ({ sx: g = {}, debts: d, hoveredDebtGuid: C, onHoverRow: m, onClickRow: v }) => {
-  const a = G(), { onEvent: s } = M(), { isMobile: r } = H(), { debts: o, common: S } = R(), [c, x] = _.useState([{
-    field: "priority",
-    sort: "asc"
-  }]), u = [
-    {
-      field: "priority",
-      headerName: o.table_column_priority,
-      renderHeader: l,
-      renderCell: L,
-      sortComparator: B,
-      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: l,
-      renderCell: W,
-      sortable: !1,
-      type: "custom",
-      align: "left",
-      headerAlign: "left",
-      minWidth: r ? 180 : 225,
-      flex: 1
-    },
-    {
-      field: "balance",
-      headerName: o.table_column_balance,
-      renderHeader: l,
-      renderCell: (e) => /* @__PURE__ */ t(n, {
-        color: a.palette.text.primary,
-        variant: "body2",
-        children: y(e.value, "0,0")
-      }),
-      sortable: !0,
-      hideSortIcons: r,
-      type: "number",
-      align: "left",
-      headerAlign: "left",
-      minWidth: r ? 70 : 122,
-      flex: r ? 0.4 : 0.6
-    },
-    {
-      field: "interest_rate",
-      headerName: o.table_column_interest_rate,
-      renderHeader: l,
-      renderCell: (e) => /* @__PURE__ */ t(n, {
-        color: a.palette.text.primary,
-        variant: "body2",
-        children: isNaN(e.value) ? "---" : `${Number(e.value).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: l,
-      renderCell: (e) => /* @__PURE__ */ t(n, {
-        color: a.palette.text.primary,
-        variant: "body2",
-        children: e.value ? E(e.value, w.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: l,
-      renderCell: (e) => /* @__PURE__ */ t(n, {
-        color: a.palette.text.primary,
-        variant: "body2",
-        children: typeof e.value == "number" ? y(e.value, "0,0") : "---"
-      }),
-      sortable: !0,
-      hideSortIcons: r,
-      type: "number",
-      align: "left",
-      headerAlign: "left",
-      minWidth: 122,
-      flex: 0.6
-    }
-  ], A = [...u.slice(0, 3), {
-    field: "chevron",
-    headerClassName: "chevron-header",
-    headerName: "",
-    renderCell: () => /* @__PURE__ */ t(F, {
-      "aria-label": S.see_details,
-      role: "button",
-      children: /* @__PURE__ */ t(O, { name: "chevron_right" })
-    }),
-    sortable: !1,
-    hideSortIcons: !0,
-    type: "custom",
-    align: "right",
-    headerAlign: "right",
-    width: 20
-  }], f = _.useMemo(() => d.map((e, i) => ({
-    ...e,
-    id: i,
-    priority: D(e)
-  })), [d]), h = (e) => {
-    const i = e.target.closest("[data-id]")?.getAttribute("data-id"), I = d[Number(i)];
-    m?.(I?.guid ?? "");
-  }, N = (e) => {
-    r || h(e);
-  }, p = (e) => {
-    r && h(e);
-  }, T = (e) => f.find((i) => i.guid === e)?.id;
-  return /* @__PURE__ */ t(k, {
-    sx: {
-      height: "auto",
-      width: "100%",
-      mt: "15px",
-      overflowX: "auto",
-      overflowY: "visible",
-      boxShadow: "none",
-      ...g
-    },
-    children: /* @__PURE__ */ t(P, {
-      columns: r ? A : u,
-      disableColumnFilter: !0,
-      disableColumnMenu: !0,
-      hideFooter: !0,
-      initialState: { sorting: { sortModel: c } },
-      onRowClick: (e) => {
-        v(), s(b.DEBTS_CLICK_TABLE_ROW, { account_guid: e.row.guid });
-      },
-      onSortModelChange: (e) => {
-        x(e), s(b.DEBTS_CLICK_TABLE_SORT);
-      },
-      rows: f,
-      slotProps: {
-        baseIconButton: {
-          color: "secondary",
-          sx: { ml: 8 }
-        },
-        row: {
-          onMouseEnter: N,
-          onMouseLeave: () => !r && m?.(""),
-          onTouchStart: p,
-          onClick: r ? p : void 0
-        }
-      },
-      sortModel: c,
-      sortingOrder: ["asc", "desc"],
-      sx: {
-        "& .chevron-header": { display: "none" },
-        [`& .MuiDataGrid-row[data-id="${T(C)}"]`]: {
-          backgroundColor: a.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
-          filter: "brightness(98%)"
-        }
-      }
-    })
-  });
-};
-export {
-  oe as DebtsTable
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/debts/components/DebtsTable.tsx"],"sourcesContent":["import React from 'react'\nimport { Stack, useTheme } from '@mui/material'\nimport { DataGridPro, GridColDef, GridSortModel } from '@mui/x-data-grid-pro'\nimport Box from '@mui/material/Box'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent, useGlobalCopyStore, useScreenSize } from '../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../core/constants'\n\nimport { DebtChartData } from '../../core/utils/DebtUtils'\nimport { getPriorityValue, priorityComparator } from '../utils/DebtsTable'\nimport { HeaderCell } from '../../trends/components/trendstable/HeaderCell'\nimport { PriorityCell } from './debtstable/PriorityCell'\nimport { AccountCell } from './debtstable/AccountCell'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\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, common: commonCopy } = 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      renderCell: (params) => (\n        <Text color={theme.palette.text.primary} variant=\"body2\">\n          {formatCurrency(params.value, '0,0')}\n        </Text>\n      ),\n      sortable: true,\n      hideSortIcons: isMobile,\n      type: 'number',\n      align: 'left',\n      headerAlign: '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      renderCell: (params) => (\n        <Text color={theme.palette.text.primary} variant=\"body2\">\n          {!isNaN(params.value) ? `${Number(params.value).toFixed(2)}%` : '---'}\n        </Text>\n      ),\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      renderCell: (params) => (\n        <Text color={theme.palette.text.primary} variant=\"body2\">\n          {params.value ? formatDate(params.value, DATE_FORMATS_INTL.MONTH_SHORT_YEAR) : '---'}\n        </Text>\n      ),\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      renderCell: (params) => (\n        <Text color={theme.palette.text.primary} variant=\"body2\">\n          {typeof params.value === 'number' ? formatCurrency(params.value, '0,0') : '---'}\n        </Text>\n      ),\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      headerClassName: 'chevron-header',\n      headerName: '',\n      renderCell: () => (\n        <Stack aria-label={commonCopy.see_details} role=\"button\">\n          <Icon name=\"chevron_right\" />\n        </Stack>\n      ),\n      sortable: false,\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 handleRowHover = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ) => {\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 onMouseEnterRow = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    // Only use hover on non-mobile devices\n    if (!isMobile) {\n      handleRowHover(event)\n    }\n  }\n\n  const onRowInteraction = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ) => {\n    // For mobile devices, use touch/click to highlight row\n    if (isMobile) {\n      handleRowHover(event)\n    }\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: 'auto',\n        width: '100%',\n        mt: '15px',\n        overflowX: 'auto',\n        overflowY: 'visible',\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.DEBTS_CLICK_TABLE_ROW, { account_guid: params.row.guid })\n        }}\n        onSortModelChange={(newModel) => {\n          setSortModel(newModel)\n          onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_TABLE_SORT)\n        }}\n        rows={rows}\n        slotProps={{\n          baseIconButton: { color: 'secondary', sx: { ml: 8 } },\n          row: {\n            onMouseEnter: onMouseEnterRow,\n            onMouseLeave: () => !isMobile && onHoverRow?.(''),\n            onTouchStart: onRowInteraction,\n            onClick: isMobile ? onRowInteraction : undefined,\n          },\n        }}\n        sortModel={sortModel}\n        sortingOrder={['asc', 'desc']}\n        sx={{\n          '& .chevron-header': { display: 'none' },\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"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAa,KAAA,CAAyC,EACpD,IAAA,IAAK,CAAC,GACN,OAAA,GACA,iBAAA,GACA,YAAA,GACA,YAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS,GACjB,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,OAAO,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAEzD,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAwB,CAC9D;AAAA,IAAE,OAAO;AAAA,IAAY,MAAM;AAAA,EAAM,CACnC,CAAC,GAEK,IAA+B;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,YAAY,EAAK;AAAA,MACjB,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU,IAAW,KAAK;AAAA,MAC1B,MAAM,IAAW,MAAM;AAAA,IACzB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY,EAAK;AAAA,MACjB,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU,IAAW,MAAM;AAAA,MAC3B,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY,EAAK;AAAA,MACjB,cAAc;AAAA,MACd,YAAA,CAAa,MACX,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAO,EAAM,QAAQ,KAAK;AAAA,QAAS,SAAQ;AAAA,kBAC9C,EAAe,EAAO,OAAO,KAAK;AAAA,MAC/B,CAAA;AAAA,MAER,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU,IAAW,KAAK;AAAA,MAC1B,MAAM,IAAW,MAAM;AAAA,IACzB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY,EAAK;AAAA,MACjB,cAAc;AAAA,MACd,YAAA,CAAa,MACX,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAO,EAAM,QAAQ,KAAK;AAAA,QAAS,SAAQ;AAAA,kBAC7C,MAAM,EAAO,KAAK,IAA4C,QAAxC,GAAG,OAAO,EAAO,KAAK,EAAE,QAAQ,CAAC,CAAA;AAAA,MACrD,CAAA;AAAA,MAER,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY,EAAK;AAAA,MACjB,cAAc;AAAA,MACd,YAAA,CAAa,MACX,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAO,EAAM,QAAQ,KAAK;AAAA,QAAS,SAAQ;AAAA,kBAC9C,EAAO,QAAQ,EAAW,EAAO,OAAO,EAAkB,gBAAgB,IAAI;AAAA,MAC3E,CAAA;AAAA,MAER,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY,EAAK;AAAA,MACjB,cAAc;AAAA,MACd,YAAA,CAAa,MACX,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAO,EAAM,QAAQ,KAAK;AAAA,QAAS,SAAQ;AAAA,kBAC9C,OAAO,EAAO,SAAU,WAAW,EAAe,EAAO,OAAO,KAAK,IAAI;AAAA,MACtE,CAAA;AAAA,MAER,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF,GAEM,IAA8B,CAClC,GAAG,EAAe,MAAM,GAAG,CAAC,GAC5B;AAAA,IACE,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,YAAA,MACE,gBAAA,EAAC,GAAD;AAAA,MAAO,cAAY,EAAW;AAAA,MAAa,MAAK;AAAA,gBAC9C,gBAAA,EAAC,GAAD,EAAM,MAAK,gBAAiB,CAAA;AAAA,IACvB,CAAA;AAAA,IAET,UAAU;AAAA,IACV,eAAe;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,EACT,CACF,GAEM,IAAO,EAAM,QAAA,MACV,EAAM,IAAA,CAAK,GAAM,OAAS;AAAA,IAC/B,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,UAAU,EAAiB,CAAI;AAAA,EACjC,EAAE,GACD,CAAC,CAAK,CAAC,GAEJ,IAAA,CACJ,MACG;AAGH,UAAM,IAFS,EAAM,OACA,QAAQ,WACb,GAAO,aAAa,SAAS,GACvC,IAAc,EAAM,OAAO,CAAO,CAAA;AACxC,IAAA,IAAa,GAAa,QAAQ,EAAE;AAAA,EACtC,GAEM,IAAA,CAAmB,MAAwD;AAE/E,IAAK,KACH,EAAe,CAAK;AAAA,EAExB,GAEM,IAAA,CACJ,MACG;AAEH,IAAI,KACF,EAAe,CAAK;AAAA,EAExB,GAEM,IAAA,CAAkB,MACf,EAAK,KAAA,CAAM,MAAM,EAAE,SAAS,CAAI,GAAG;AAG5C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,GAAG;AAAA,IACL;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,IAAW,IAAgB;AAAA,MACpC,qBAAqB;AAAA,MACrB,mBAAmB;AAAA,MACnB,YAAY;AAAA,MACZ,cAAc,EAAE,SAAS,EAAE,WAAA,EAAU,EAAE;AAAA,MACvC,YAAA,CAAa,MAAW;AACtB,QAAA,EAAW,GACX,EAAQ,EAAiB,uBAAuB,EAAE,cAAc,EAAO,IAAI,KAAK,CAAC;AAAA,MACnF;AAAA,MACA,mBAAA,CAAoB,MAAa;AAC/B,QAAA,EAAa,CAAQ,GACrB,EAAQ,EAAiB,sBAAsB;AAAA,MACjD;AAAA,MACM,MAAA;AAAA,MACN,WAAW;AAAA,QACT,gBAAgB;AAAA,UAAE,OAAO;AAAA,UAAa,IAAI,EAAE,IAAI,EAAE;AAAA,QAAE;AAAA,QACpD,KAAK;AAAA,UACH,cAAc;AAAA,UACd,cAAA,MAAoB,CAAC,KAAY,IAAa,EAAE;AAAA,UAChD,cAAc;AAAA,UACd,SAAS,IAAW,IAAmB;AAAA,QACzC;AAAA,MACF;AAAA,MACW,WAAA;AAAA,MACX,cAAc,CAAC,OAAO,MAAM;AAAA,MAC5B,IAAI;AAAA,QACF,qBAAqB,EAAE,SAAS,OAAO;AAAA,SACtC,+BAA+B,EAAe,CAAe,CAAA,IAAE,GAAM;AAAA,UACpE,iBAAiB,EAAM,QAAQ,SAAS,UAAU,YAAY;AAAA,UAC9D,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACD,CAAA;AAAA,EACE,CAAA;AAET"}