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

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

@@ -7,14 +7,14 @@ import { getPriorityValue as D, priorityComparator as B } from "../utils/DebtsTa
 import { HeaderCell as l } from "../../trends/components/trendstable/HeaderCell.es.js";
 import { PriorityCell as L } from "./debtstable/PriorityCell.es.js";
 import { AccountCell as W } from "./debtstable/AccountCell.es.js";
-import _ from "react";
+import g 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([{
+var oe = ({ sx: _ = {}, debts: d, hoveredDebtGuid: C, onHoverRow: m, onClickRow: v }) => {
+  const a = G(), { onEvent: s } = M(), { isMobile: r } = H(), { debts: o, common: S } = R(), [c, x] = g.useState([{
     field: "priority",
     sort: "asc"
   }]), u = [
@@ -63,12 +63,12 @@ var oe = ({ sx: g = {}, debts: d, hoveredDebtGuid: C, onHoverRow: m, onClickRow:
     },
     {
       field: "interest_rate",
-      headerName: o.table_column_interest_rate,
+      headerName: o.details_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)}%`
+        children: typeof e.value == "number" ? `${Number(e.value).toFixed(2)}%` : "---"
       }),
       sortable: !0,
       hideSortIcons: r,
@@ -127,18 +127,18 @@ var oe = ({ sx: g = {}, debts: d, hoveredDebtGuid: C, onHoverRow: m, onClickRow:
     align: "right",
     headerAlign: "right",
     width: 20
-  }], f = _.useMemo(() => d.map((e, i) => ({
+  }], f = g.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) => {
+    const i = e.target.closest("[data-id]")?.getAttribute("data-id"), N = d[Number(i)];
+    m?.(N?.guid ?? "");
+  }, T = (e) => {
     r || h(e);
   }, p = (e) => {
     r && h(e);
-  }, T = (e) => f.find((i) => i.guid === e)?.id;
+  }, I = (e) => f.find((i) => i.guid === e)?.id;
   return /* @__PURE__ */ t(k, {
     sx: {
       height: "auto",
@@ -147,7 +147,7 @@ var oe = ({ sx: g = {}, debts: d, hoveredDebtGuid: C, onHoverRow: m, onClickRow:
       overflowX: "auto",
       overflowY: "visible",
       boxShadow: "none",
-      ...g
+      ..._
     },
     children: /* @__PURE__ */ t(P, {
       columns: r ? A : u,
@@ -168,7 +168,7 @@ var oe = ({ sx: g = {}, debts: d, hoveredDebtGuid: C, onHoverRow: m, onClickRow:
           sx: { ml: 8 }
         },
         row: {
-          onMouseEnter: N,
+          onMouseEnter: T,
           onMouseLeave: () => !r && m?.(""),
           onTouchStart: p,
           onClick: r ? p : void 0
@@ -178,7 +178,7 @@ var oe = ({ sx: g = {}, debts: d, hoveredDebtGuid: C, onHoverRow: m, onClickRow:
       sortingOrder: ["asc", "desc"],
       sx: {
         "& .chevron-header": { display: "none" },
-        [`& .MuiDataGrid-row[data-id="${T(C)}"]`]: {
+        [`& .MuiDataGrid-row[data-id="${I(C)}"]`]: {
           backgroundColor: a.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
           filter: "brightness(98%)"
         }

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

@@ -1 +1 @@
-{"version":3,"file":"DebtsTable.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":"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"}
+{"version":3,"file":"DebtsTable.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.details_interest_rate,\n      renderHeader: HeaderCell,\n      renderCell: (params) => (\n        <Text color={theme.palette.text.primary} variant=\"body2\">\n          {typeof params.value === 'number' ? `${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":"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"}

package/dist/debts/components/PaydownDrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaydownDrawer.es.js","names":[],"sources":["../../../src/debts/components/PaydownDrawer.tsx"],"sourcesContent":["import { Drawer, useGlobalCopyStore } from '../../common'\nimport PaydownContent from './debtspaydown/PaydownContent'\n\ninterface PaydownDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst PaydownDrawer = ({ isOpen, onClose }: PaydownDrawerProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n\n  return (\n    <Drawer\n      ariaLabelClose={copy.paydown_drawer_close_aria}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={copy.paydown_drawer_title}\n    >\n      <PaydownContent />\n    </Drawer>\n  )\n}\n\nexport default PaydownDrawer\n"],"mappings":";;;;AAQA,IAAM,IAAA,CAAiB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAkC;AACjE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB;AAE3C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAK;AAAA,IACb,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAK;AAAA,cAEZ,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,EACX,CAAA;AAEZ"}
+{"version":3,"file":"PaydownDrawer.es.js","names":[],"sources":["../../../src/debts/components/PaydownDrawer.tsx"],"sourcesContent":["import { Drawer, useGlobalCopyStore } from '../../common'\nimport PaydownContent from './debtspaydown/PaydownContent'\n\ninterface PaydownDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst PaydownDrawer = ({ isOpen, onClose }: PaydownDrawerProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n\n  return (\n    <Drawer\n      ariaLabelClose={copy.paydown_drawer_close_aria}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={copy.paydown_drawer_title}\n    >\n      <PaydownContent />\n    </Drawer>\n  )\n}\n\nexport default PaydownDrawer\n"],"mappings":";;;;AAQA,IAAM,IAAA,CAAiB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAkC;AACjE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB;AAE3C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAK;AAAA,IACb,QAAA;AAAA,IACC,SAAA;AAAA,IACT,OAAO,EAAK;AAAA,IAEZ,UAAA,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,EACX,CAAA;AAEZ"}

package/dist/debts/components/SnowballCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnowballCard.es.js","names":[],"sources":["../../../src/debts/components/SnowballCard.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Card, Stack, useTheme } from '@mui/material'\nimport { Text } from '@mxenabled/mxui'\n\nimport { useScreenSize, useGlobalCopyStore, useGoalStore } from '../../common'\nimport { getPayoffProjection } from '../utils/SnowballCard'\nimport { DebtChartData } from '../../core/utils/DebtUtils'\nimport { useDebtsUiStore } from '../hooks/useDebtsUiStore'\n\ninterface SnowballCardProps {\n  debts: DebtChartData[]\n  onClickCta: MouseEventHandler\n  sx?: any\n}\n\nconst SnowballCard = ({ debts, onClickCta, sx }: SnowballCardProps) => {\n  const theme = useTheme()\n  const { isMobile } = useScreenSize()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtPriority } = useDebtsUiStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const { payoffDate, payoffSavings, payoffDuration } = React.useMemo(() => {\n    const extraPaydown = monthlyCashFlowProfile?.extra_payment ?? 0\n    return getPayoffProjection(debts, selectedDebtPriority, extraPaydown)\n  }, [debts, selectedDebtPriority, monthlyCashFlowProfile])\n\n  return (\n    <Card\n      sx={{\n        boxShadow: theme.shadows[2],\n        width: isMobile ? '100%' : '186px',\n        minWidth: '186px',\n        ...sx,\n      }}\n    >\n      <Stack sx={{ gap: '12px', p: '16px' }}>\n        <Stack\n          gap={isMobile ? '4px' : '0'}\n          sx={{\n            borderBottom: '1px solid',\n            borderBottomColor: theme.palette.grey[300],\n            pb: '8px',\n          }}\n        >\n          <Text variant=\"caption\">{copy.snowball_card_date_description}</Text>\n          <Text bold={true} color={theme.palette.primary.main} variant=\"body2\">\n            {payoffDate}\n          </Text>\n        </Stack>\n        <Stack gap={isMobile ? '4px' : '0'}>\n          <Text bold={true} variant=\"body2\">\n            {payoffSavings}\n          </Text>\n          <Text variant=\"caption\">{copy.snowball_card_amount_description}</Text>\n        </Stack>\n        <Stack gap={isMobile ? '4px' : '0'}>\n          <Text bold={true} variant=\"body2\">\n            {payoffDuration}\n          </Text>\n          <Text variant=\"caption\">{copy.snowball_card_duration_description}</Text>\n        </Stack>\n        <Text\n          bold={true}\n          color={theme.palette.primary.main}\n          onClick={onClickCta}\n          sx={{ cursor: 'pointer' }}\n          variant=\"body2\"\n        >\n          {copy.snowball_card_cta}\n        </Text>\n      </Stack>\n    </Card>\n  )\n}\n\nexport default observer(SnowballCard)\n"],"mappings":";;;;;;;;;AAgBA,IAAM,IAAA,CAAgB,EAAE,OAAA,GAAO,YAAA,GAAY,IAAA,EAAA,MAA4B;AACrE,QAAM,IAAQ,EAAS,GACjB,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAgB,GAC3C,EAAE,wBAAA,EAAA,IAA2B,EAAa,GAE1C,EAAE,YAAA,GAAY,eAAA,GAAe,gBAAA,EAAA,IAAmB,EAAM,QAAA,MAAc;AACxE,UAAM,IAAe,GAAwB,iBAAiB;AAC9D,WAAO,EAAoB,GAAO,GAAsB,CAAY;AAAA,EACtE,GAAG;AAAA,IAAC;AAAA,IAAO;AAAA,IAAsB;AAAA,EAAsB,CAAC;AAExD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,WAAW,EAAM,QAAQ,CAAA;AAAA,MACzB,OAAO,IAAW,SAAS;AAAA,MAC3B,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,KAAK;AAAA,QAAQ,GAAG;AAAA,MAAO;AAAA,gBAApC;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK,IAAW,QAAQ;AAAA,UACxB,IAAI;AAAA,YACF,cAAc;AAAA,YACd,mBAAmB,EAAM,QAAQ,KAAK,GAAA;AAAA,YACtC,IAAI;AAAA,UACN;AAAA,oBANF,CAQE,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAW,EAAK;AAAA,UAAqC,CAAA,GACnE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,OAAO,EAAM,QAAQ,QAAQ;AAAA,YAAM,SAAQ;AAAA,sBAC1D;AAAA,UACG,CAAA,CACD;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK,IAAW,QAAQ;AAAA,oBAA/B,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,sBACvB;AAAA,UACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAW,EAAK;AAAA,UAAuC,CAAA,CAChE;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK,IAAW,QAAQ;AAAA,oBAA/B,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,sBACvB;AAAA,UACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAW,EAAK;AAAA,UAAyC,CAAA,CAClE;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAO,EAAM,QAAQ,QAAQ;AAAA,UAC7B,SAAS;AAAA,UACT,IAAI,EAAE,QAAQ,UAAU;AAAA,UACxB,SAAQ;AAAA,oBAEP,EAAK;AAAA,QACF,CAAA;AAAA,MACD;AAAA;EACH,CAAA;AAEV,GAEA,IAAe,EAAS,CAAY"}
+{"version":3,"file":"SnowballCard.es.js","names":[],"sources":["../../../src/debts/components/SnowballCard.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Card, Stack, useTheme } from '@mui/material'\nimport { Text } from '@mxenabled/mxui'\n\nimport { useScreenSize, useGlobalCopyStore, useGoalStore } from '../../common'\nimport { getPayoffProjection } from '../utils/SnowballCard'\nimport { DebtChartData } from '../../core/utils/DebtUtils'\nimport { useDebtsUiStore } from '../hooks/useDebtsUiStore'\n\ninterface SnowballCardProps {\n  debts: DebtChartData[]\n  onClickCta: MouseEventHandler\n  sx?: any\n}\n\nconst SnowballCard = ({ debts, onClickCta, sx }: SnowballCardProps) => {\n  const theme = useTheme()\n  const { isMobile } = useScreenSize()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtPriority } = useDebtsUiStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const { payoffDate, payoffSavings, payoffDuration } = React.useMemo(() => {\n    const extraPaydown = monthlyCashFlowProfile?.extra_payment ?? 0\n    return getPayoffProjection(debts, selectedDebtPriority, extraPaydown)\n  }, [debts, selectedDebtPriority, monthlyCashFlowProfile])\n\n  return (\n    <Card\n      sx={{\n        boxShadow: theme.shadows[2],\n        width: isMobile ? '100%' : '186px',\n        minWidth: '186px',\n        ...sx,\n      }}\n    >\n      <Stack sx={{ gap: '12px', p: '16px' }}>\n        <Stack\n          gap={isMobile ? '4px' : '0'}\n          sx={{\n            borderBottom: '1px solid',\n            borderBottomColor: theme.palette.grey[300],\n            pb: '8px',\n          }}\n        >\n          <Text variant=\"caption\">{copy.snowball_card_date_description}</Text>\n          <Text bold={true} color={theme.palette.primary.main} variant=\"body2\">\n            {payoffDate}\n          </Text>\n        </Stack>\n        <Stack gap={isMobile ? '4px' : '0'}>\n          <Text bold={true} variant=\"body2\">\n            {payoffSavings}\n          </Text>\n          <Text variant=\"caption\">{copy.snowball_card_amount_description}</Text>\n        </Stack>\n        <Stack gap={isMobile ? '4px' : '0'}>\n          <Text bold={true} variant=\"body2\">\n            {payoffDuration}\n          </Text>\n          <Text variant=\"caption\">{copy.snowball_card_duration_description}</Text>\n        </Stack>\n        <Text\n          bold={true}\n          color={theme.palette.primary.main}\n          onClick={onClickCta}\n          sx={{ cursor: 'pointer' }}\n          variant=\"body2\"\n        >\n          {copy.snowball_card_cta}\n        </Text>\n      </Stack>\n    </Card>\n  )\n}\n\nexport default observer(SnowballCard)\n"],"mappings":";;;;;;;;;AAgBA,IAAM,IAAA,CAAgB,EAAE,OAAA,GAAO,YAAA,GAAY,IAAA,EAAA,MAA4B;AACrE,QAAM,IAAQ,EAAS,GACjB,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAgB,GAC3C,EAAE,wBAAA,EAAA,IAA2B,EAAa,GAE1C,EAAE,YAAA,GAAY,eAAA,GAAe,gBAAA,EAAA,IAAmB,EAAM,QAAA,MAAc;AACxE,UAAM,IAAe,GAAwB,iBAAiB;AAC9D,WAAO,EAAoB,GAAO,GAAsB,CAAY;AAAA,EACtE,GAAG;AAAA,IAAC;AAAA,IAAO;AAAA,IAAsB;AAAA,EAAsB,CAAC;AAExD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,WAAW,EAAM,QAAQ,CAAA;AAAA,MACzB,OAAO,IAAW,SAAS;AAAA,MAC3B,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,KAAK;AAAA,QAAQ,GAAG;AAAA,MAAO;AAAA,MAApC,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK,IAAW,QAAQ;AAAA,UACxB,IAAI;AAAA,YACF,cAAc;AAAA,YACd,mBAAmB,EAAM,QAAQ,KAAK,GAAA;AAAA,YACtC,IAAI;AAAA,UACN;AAAA,UANF,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,YAAW,UAAA,EAAK;AAAA,UAAqC,CAAA,GACnE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,OAAO,EAAM,QAAQ,QAAQ;AAAA,YAAM,SAAQ;AAAA,YAC1D,UAAA;AAAA,UACG,CAAA,CACD;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK,IAAW,QAAQ;AAAA,UAA/B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,YACvB,UAAA;AAAA,UACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,YAAW,UAAA,EAAK;AAAA,UAAuC,CAAA,CAChE;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK,IAAW,QAAQ;AAAA,UAA/B,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,YACvB,UAAA;AAAA,UACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,YAAW,UAAA,EAAK;AAAA,UAAyC,CAAA,CAClE;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAO,EAAM,QAAQ,QAAQ;AAAA,UAC7B,SAAS;AAAA,UACT,IAAI,EAAE,QAAQ,UAAU;AAAA,UACxB,SAAQ;AAAA,UAEP,UAAA,EAAK;AAAA,QACF,CAAA;AAAA,MACD;AAAA;EACH,CAAA;AAEV,GAEA,IAAe,EAAS,CAAY"}

package/dist/debts/components/SnowballDrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnowballDrawer.es.js","names":[],"sources":["../../../src/debts/components/SnowballDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Box, Card, Stack, useTheme } from '@mui/material'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { Drawer, useGlobalCopyStore } from '../../common'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\ninterface SnowballDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst SnowballDrawer = ({ isOpen, onClose }: SnowballDrawerProps) => {\n  const theme = useTheme()\n  const { debts: copy } = useGlobalCopyStore()\n  const [readMore, setReadMore] = React.useState(false)\n\n  return (\n    <Drawer\n      ariaLabelClose={''}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={copy.snowball_drawer_title}\n    >\n      <Stack bgcolor={theme.palette.background.default} height=\"100%\">\n        {/* Drawer Header */}\n        <Stack alignItems={'center'} px={24} py={24}>\n          <Stack alignItems={'center'} pb={24}>\n            <Text mb={12} truncate={true} variant=\"h3\">\n              {copy.snowball_drawer_subtitle}\n            </Text>\n            <Text color={theme.palette.secondary.main} variant=\"body2\">\n              {copy.snowball_drawer_amount_description}\n            </Text>\n            <P variant=\"h1\">{copy.snowball_drawer_savings}</P>\n            <Text color={theme.palette.secondary.main} variant=\"body2\">\n              {copy.snowball_drawer_duration_description}\n            </Text>\n          </Stack>\n          {/* Drawer Info Card */}\n          <Card sx={{ display: 'grid', py: 16, px: 24 }}>\n            <Text mb={4} truncate={true} variant=\"h3\">\n              {copy.snowball_drawer_question}\n            </Text>\n            <Text\n              color={theme.palette.secondary.main}\n              mb={8}\n              truncate={!readMore}\n              variant=\"subtitle2\"\n            >\n              {copy.snowball_drawer_answer}\n            </Text>\n            <Text\n              bold={true}\n              color={theme.palette.primary.main}\n              onClick={() => setReadMore(!readMore)}\n              sx={{ cursor: 'pointer' }}\n              variant=\"body2\"\n            >\n              {!readMore ? copy.snowball_drawer_more : copy.snowball_drawer_less}\n            </Text>\n          </Card>\n        </Stack>\n        {/* Drawer Payoff Table */}\n        <Stack>\n          {/* Drawer Disclaimer */}\n          <Text\n            color={theme.palette.secondary.main}\n            px={24}\n            sx={{ textAlign: 'center' }}\n            variant=\"body2\"\n          >\n            {copy.snowball_drawer_disclaimer}\n          </Text>\n\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"caption\">\n              {buildDynamicCopy(copy.snowball_drawer_month_header, 1) as string}\n            </Text>\n            <Text bold={true} variant=\"caption\">\n              {copy.snowball_drawer_payment_header}\n            </Text>\n          </Stack>\n          <Stack bgcolor={theme.palette.background.paper} mb={24}>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: theme.palette.success.main,\n                  marginRight: 12,\n                }}\n              >\n                <Text color=\"white\" fontWeight={700} variant=\"body2\">\n                  ✓\n                </Text>\n              </Box>\n              <Stack\n                sx={{\n                  borderBottom: `1px solid ${theme.palette.neutral.light}`,\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Stack flexGrow={1}>\n                  <Text variant=\"body1\">\n                    {buildDynamicCopy(copy.snowball_drawer_debt_label, 'A') as string}\n                  </Text>\n                  <Text color={theme.palette.secondary.main} variant=\"caption\">\n                    {\n                      buildDynamicCopy(\n                        copy.snowball_drawer_rollover_explainer_pt1,\n                        '$100',\n                      ) as string\n                    }\n                    <strong>\n                      {buildDynamicCopy(copy.snowball_drawer_debt_label, 'B') as string}\n                    </strong>\n                    {copy.snowball_drawer_rollover_explainer_pt2}\n                  </Text>\n                </Stack>\n                <Stack>\n                  <Text variant=\"body1\">$100.00</Text>\n                  <Text\n                    bold={true}\n                    color={theme.palette.success.main}\n                    textAlign=\"end\"\n                    variant=\"tiny\"\n                  >\n                    {copy.snowball_drawer_paid_label}\n                  </Text>\n                </Stack>\n              </Stack>\n            </Stack>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  width: 20,\n                  height: 20,\n                  marginRight: 12,\n                  borderRadius: '50%',\n                  border: `3px solid ${theme.palette.neutral.main}`,\n                }}\n              />\n              <Stack\n                sx={{\n                  borderBottom: `1px solid ${theme.palette.neutral.light}`,\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Text flexGrow={1} variant=\"body1\">\n                  {buildDynamicCopy(copy.snowball_drawer_debt_label, 'B') as string}\n                </Text>\n                <Text variant=\"body1\">$400.00</Text>\n              </Stack>\n            </Stack>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24} py={14}>\n              <Box\n                sx={{\n                  width: 20,\n                  height: 20,\n                  marginRight: 12,\n                  borderRadius: '50%',\n                  border: `3px solid ${theme.palette.neutral.main}`,\n                }}\n              />\n              <Stack flexDirection=\"row\" flexGrow={1} pr={24}>\n                <Text flexGrow={1} variant=\"body1\">\n                  {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                </Text>\n                <Text variant=\"body1\">$1,000.00</Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                py: 8,\n                px: 24,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                borderTop: `1px solid ${theme.palette.neutral.light}`,\n                borderBottom: `1px solid ${theme.palette.neutral.light}`,\n              }}\n            >\n              <Text bold={true} variant=\"body1\">\n                {copy.snowball_drawer_total_label}\n              </Text>\n              <Text bold={true} variant=\"body1\">\n                $1,500.00\n              </Text>\n            </Stack>\n          </Stack>\n\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"caption\">\n              {buildDynamicCopy(copy.snowball_drawer_month_header, 2) as string}\n            </Text>\n            <Text bold={true} variant=\"caption\">\n              {copy.snowball_drawer_payment_header}\n            </Text>\n          </Stack>\n          <Stack bgcolor={theme.palette.background.paper} mb={24}>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: theme.palette.success.main,\n                  marginRight: 12,\n                }}\n              >\n                <Text color=\"white\" fontWeight={700} variant=\"body2\">\n                  ✓\n                </Text>\n              </Box>\n              <Stack\n                sx={{\n                  borderBottom: `1px solid ${theme.palette.neutral.light}`,\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Stack flexGrow={1}>\n                  <Text variant=\"body1\">\n                    {buildDynamicCopy(copy.snowball_drawer_debt_label, 'B') as string}\n                  </Text>\n                  <Text color={theme.palette.secondary.main} variant=\"caption\">\n                    {\n                      buildDynamicCopy(\n                        copy.snowball_drawer_rollover_explainer_pt1,\n                        '$500',\n                      ) as string\n                    }\n                    <strong>\n                      {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                    </strong>\n                    {copy.snowball_drawer_rollover_explainer_pt2}\n                  </Text>\n                </Stack>\n                <Stack>\n                  <Text variant=\"body1\">$500.00</Text>\n                  <Text\n                    bold={true}\n                    color={theme.palette.success.main}\n                    textAlign=\"end\"\n                    variant=\"tiny\"\n                  >\n                    {copy.snowball_drawer_paid_label}\n                  </Text>\n                </Stack>\n              </Stack>\n            </Stack>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  width: 20,\n                  height: 20,\n                  marginRight: 12,\n                  borderRadius: '50%',\n                  border: `3px solid ${theme.palette.neutral.main}`,\n                }}\n              />\n              <Stack\n                sx={{\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Text flexGrow={1} variant=\"body1\">\n                  {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                </Text>\n                <Text variant=\"body1\">$1,000.00</Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                py: 8,\n                px: 24,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                borderTop: `1px solid ${theme.palette.neutral.light}`,\n                borderBottom: `1px solid ${theme.palette.neutral.light}`,\n              }}\n            >\n              <Text bold={true} variant=\"body1\">\n                {copy.snowball_drawer_total_label}\n              </Text>\n              <Text bold={true} variant=\"body1\">\n                $1,500.00\n              </Text>\n            </Stack>\n          </Stack>\n\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"caption\">\n              {buildDynamicCopy(copy.snowball_drawer_month_header, 3) as string}\n            </Text>\n            <Text bold={true} variant=\"caption\">\n              {copy.snowball_drawer_payment_header}\n            </Text>\n          </Stack>\n          <Stack bgcolor={theme.palette.background.paper} mb={24}>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: theme.palette.success.main,\n                  marginRight: 12,\n                }}\n              >\n                <Text color=\"white\" fontWeight={700} variant=\"body2\">\n                  ✓\n                </Text>\n              </Box>\n              <Stack\n                sx={{\n                  alignItems: 'center',\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Stack flexGrow={1}>\n                  <Text variant=\"body1\">\n                    {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                  </Text>\n                </Stack>\n                <Stack>\n                  <Text variant=\"body1\">$1,500.00</Text>\n                  <Text\n                    bold={true}\n                    color={theme.palette.success.main}\n                    textAlign=\"end\"\n                    variant=\"tiny\"\n                  >\n                    {copy.snowball_drawer_paid_label}\n                  </Text>\n                </Stack>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                py: 8,\n                px: 24,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                borderTop: `1px solid ${theme.palette.neutral.light}`,\n                borderBottom: `1px solid ${theme.palette.neutral.light}`,\n              }}\n            >\n              <Text bold={true} variant=\"body1\">\n                {copy.snowball_drawer_total_label}\n              </Text>\n              <Text bold={true} variant=\"body1\">\n                $1,500.00\n              </Text>\n            </Stack>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport default observer(SnowballDrawer)\n"],"mappings":"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"}
+{"version":3,"file":"SnowballDrawer.es.js","names":[],"sources":["../../../src/debts/components/SnowballDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Box, Card, Stack, useTheme } from '@mui/material'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { Drawer, useGlobalCopyStore } from '../../common'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\ninterface SnowballDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst SnowballDrawer = ({ isOpen, onClose }: SnowballDrawerProps) => {\n  const theme = useTheme()\n  const { debts: copy } = useGlobalCopyStore()\n  const [readMore, setReadMore] = React.useState(false)\n\n  return (\n    <Drawer\n      ariaLabelClose={''}\n      isOpen={isOpen}\n      onClose={onClose}\n      title={copy.snowball_drawer_title}\n    >\n      <Stack bgcolor={theme.palette.background.default} height=\"100%\">\n        {/* Drawer Header */}\n        <Stack alignItems={'center'} px={24} py={24}>\n          <Stack alignItems={'center'} pb={24}>\n            <Text mb={12} truncate={true} variant=\"h3\">\n              {copy.snowball_drawer_subtitle}\n            </Text>\n            <Text color={theme.palette.secondary.main} variant=\"body2\">\n              {copy.snowball_drawer_amount_description}\n            </Text>\n            <P variant=\"h1\">{copy.snowball_drawer_savings}</P>\n            <Text color={theme.palette.secondary.main} variant=\"body2\">\n              {copy.snowball_drawer_duration_description}\n            </Text>\n          </Stack>\n          {/* Drawer Info Card */}\n          <Card sx={{ display: 'grid', py: 16, px: 24 }}>\n            <Text mb={4} truncate={true} variant=\"h3\">\n              {copy.snowball_drawer_question}\n            </Text>\n            <Text\n              color={theme.palette.secondary.main}\n              mb={8}\n              truncate={!readMore}\n              variant=\"subtitle2\"\n            >\n              {copy.snowball_drawer_answer}\n            </Text>\n            <Text\n              bold={true}\n              color={theme.palette.primary.main}\n              onClick={() => setReadMore(!readMore)}\n              sx={{ cursor: 'pointer' }}\n              variant=\"body2\"\n            >\n              {!readMore ? copy.snowball_drawer_more : copy.snowball_drawer_less}\n            </Text>\n          </Card>\n        </Stack>\n        {/* Drawer Payoff Table */}\n        <Stack>\n          {/* Drawer Disclaimer */}\n          <Text\n            color={theme.palette.secondary.main}\n            px={24}\n            sx={{ textAlign: 'center' }}\n            variant=\"body2\"\n          >\n            {copy.snowball_drawer_disclaimer}\n          </Text>\n\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"caption\">\n              {buildDynamicCopy(copy.snowball_drawer_month_header, 1) as string}\n            </Text>\n            <Text bold={true} variant=\"caption\">\n              {copy.snowball_drawer_payment_header}\n            </Text>\n          </Stack>\n          <Stack bgcolor={theme.palette.background.paper} mb={24}>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: theme.palette.success.main,\n                  marginRight: 12,\n                }}\n              >\n                <Text color=\"white\" fontWeight={700} variant=\"body2\">\n                  ✓\n                </Text>\n              </Box>\n              <Stack\n                sx={{\n                  borderBottom: `1px solid ${theme.palette.neutral.light}`,\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Stack flexGrow={1}>\n                  <Text variant=\"body1\">\n                    {buildDynamicCopy(copy.snowball_drawer_debt_label, 'A') as string}\n                  </Text>\n                  <Text color={theme.palette.secondary.main} variant=\"caption\">\n                    {\n                      buildDynamicCopy(\n                        copy.snowball_drawer_rollover_explainer_pt1,\n                        '$100',\n                      ) as string\n                    }\n                    <strong>\n                      {buildDynamicCopy(copy.snowball_drawer_debt_label, 'B') as string}\n                    </strong>\n                    {copy.snowball_drawer_rollover_explainer_pt2}\n                  </Text>\n                </Stack>\n                <Stack>\n                  <Text variant=\"body1\">$100.00</Text>\n                  <Text\n                    bold={true}\n                    color={theme.palette.success.main}\n                    textAlign=\"end\"\n                    variant=\"tiny\"\n                  >\n                    {copy.snowball_drawer_paid_label}\n                  </Text>\n                </Stack>\n              </Stack>\n            </Stack>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  width: 20,\n                  height: 20,\n                  marginRight: 12,\n                  borderRadius: '50%',\n                  border: `3px solid ${theme.palette.neutral.main}`,\n                }}\n              />\n              <Stack\n                sx={{\n                  borderBottom: `1px solid ${theme.palette.neutral.light}`,\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Text flexGrow={1} variant=\"body1\">\n                  {buildDynamicCopy(copy.snowball_drawer_debt_label, 'B') as string}\n                </Text>\n                <Text variant=\"body1\">$400.00</Text>\n              </Stack>\n            </Stack>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24} py={14}>\n              <Box\n                sx={{\n                  width: 20,\n                  height: 20,\n                  marginRight: 12,\n                  borderRadius: '50%',\n                  border: `3px solid ${theme.palette.neutral.main}`,\n                }}\n              />\n              <Stack flexDirection=\"row\" flexGrow={1} pr={24}>\n                <Text flexGrow={1} variant=\"body1\">\n                  {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                </Text>\n                <Text variant=\"body1\">$1,000.00</Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                py: 8,\n                px: 24,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                borderTop: `1px solid ${theme.palette.neutral.light}`,\n                borderBottom: `1px solid ${theme.palette.neutral.light}`,\n              }}\n            >\n              <Text bold={true} variant=\"body1\">\n                {copy.snowball_drawer_total_label}\n              </Text>\n              <Text bold={true} variant=\"body1\">\n                $1,500.00\n              </Text>\n            </Stack>\n          </Stack>\n\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"caption\">\n              {buildDynamicCopy(copy.snowball_drawer_month_header, 2) as string}\n            </Text>\n            <Text bold={true} variant=\"caption\">\n              {copy.snowball_drawer_payment_header}\n            </Text>\n          </Stack>\n          <Stack bgcolor={theme.palette.background.paper} mb={24}>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: theme.palette.success.main,\n                  marginRight: 12,\n                }}\n              >\n                <Text color=\"white\" fontWeight={700} variant=\"body2\">\n                  ✓\n                </Text>\n              </Box>\n              <Stack\n                sx={{\n                  borderBottom: `1px solid ${theme.palette.neutral.light}`,\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Stack flexGrow={1}>\n                  <Text variant=\"body1\">\n                    {buildDynamicCopy(copy.snowball_drawer_debt_label, 'B') as string}\n                  </Text>\n                  <Text color={theme.palette.secondary.main} variant=\"caption\">\n                    {\n                      buildDynamicCopy(\n                        copy.snowball_drawer_rollover_explainer_pt1,\n                        '$500',\n                      ) as string\n                    }\n                    <strong>\n                      {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                    </strong>\n                    {copy.snowball_drawer_rollover_explainer_pt2}\n                  </Text>\n                </Stack>\n                <Stack>\n                  <Text variant=\"body1\">$500.00</Text>\n                  <Text\n                    bold={true}\n                    color={theme.palette.success.main}\n                    textAlign=\"end\"\n                    variant=\"tiny\"\n                  >\n                    {copy.snowball_drawer_paid_label}\n                  </Text>\n                </Stack>\n              </Stack>\n            </Stack>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  width: 20,\n                  height: 20,\n                  marginRight: 12,\n                  borderRadius: '50%',\n                  border: `3px solid ${theme.palette.neutral.main}`,\n                }}\n              />\n              <Stack\n                sx={{\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Text flexGrow={1} variant=\"body1\">\n                  {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                </Text>\n                <Text variant=\"body1\">$1,000.00</Text>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                py: 8,\n                px: 24,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                borderTop: `1px solid ${theme.palette.neutral.light}`,\n                borderBottom: `1px solid ${theme.palette.neutral.light}`,\n              }}\n            >\n              <Text bold={true} variant=\"body1\">\n                {copy.snowball_drawer_total_label}\n              </Text>\n              <Text bold={true} variant=\"body1\">\n                $1,500.00\n              </Text>\n            </Stack>\n          </Stack>\n\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"caption\">\n              {buildDynamicCopy(copy.snowball_drawer_month_header, 3) as string}\n            </Text>\n            <Text bold={true} variant=\"caption\">\n              {copy.snowball_drawer_payment_header}\n            </Text>\n          </Stack>\n          <Stack bgcolor={theme.palette.background.paper} mb={24}>\n            <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: 20,\n                  height: 20,\n                  borderRadius: '50%',\n                  backgroundColor: theme.palette.success.main,\n                  marginRight: 12,\n                }}\n              >\n                <Text color=\"white\" fontWeight={700} variant=\"body2\">\n                  ✓\n                </Text>\n              </Box>\n              <Stack\n                sx={{\n                  alignItems: 'center',\n                  flexDirection: 'row',\n                  flexGrow: 1,\n                  py: 14,\n                  pr: 24,\n                }}\n              >\n                <Stack flexGrow={1}>\n                  <Text variant=\"body1\">\n                    {buildDynamicCopy(copy.snowball_drawer_debt_label, 'C') as string}\n                  </Text>\n                </Stack>\n                <Stack>\n                  <Text variant=\"body1\">$1,500.00</Text>\n                  <Text\n                    bold={true}\n                    color={theme.palette.success.main}\n                    textAlign=\"end\"\n                    variant=\"tiny\"\n                  >\n                    {copy.snowball_drawer_paid_label}\n                  </Text>\n                </Stack>\n              </Stack>\n            </Stack>\n            <Stack\n              sx={{\n                py: 8,\n                px: 24,\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                borderTop: `1px solid ${theme.palette.neutral.light}`,\n                borderBottom: `1px solid ${theme.palette.neutral.light}`,\n              }}\n            >\n              <Text bold={true} variant=\"body1\">\n                {copy.snowball_drawer_total_label}\n              </Text>\n              <Text bold={true} variant=\"body1\">\n                $1,500.00\n              </Text>\n            </Stack>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport default observer(SnowballDrawer)\n"],"mappings":"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"}

package/dist/debts/components/actions/DebtsPriorityAction.es.js

@@ -1,37 +1,37 @@
-import { useEvent as b, useGlobalCopyStore as u } from "../../../common/context/hooks.es.js";
-import { ANALYTICS_EVENTS as S } from "../../../common/constants/Analytics.es.js";
+import { useEvent as u, useGlobalCopyStore as S } from "../../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as T } from "../../../common/constants/Analytics.es.js";
 import { DebtPriority as o } from "../../../core/constants/Debts.es.js";
-import { useDebtsUiStore as T } from "../../hooks/useDebtsUiStore.es.js";
-import { DebtsPriorityButton as f } from "../debtspriority/DebtsPriorityButton.es.js";
-import { DebtsPriorityPopover as y } from "../debtspriority/DebtsPrioriyPopover.es.js";
-import s from "react";
-import { observer as A } from "mobx-react-lite";
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { Stack as I } from "@mui/material";
-var x = A(({ disabled: _, isDesktop: p }) => {
-  const { onEvent: l } = b(), { debts: t } = u(), { selectedDebtPriority: r } = T(), [e, i] = s.useState(null), m = (E) => {
-    i(E.currentTarget), l(S.DEBTS_CLICK_PRIORITIZE);
+import { useDebtsUiStore as f } from "../../hooks/useDebtsUiStore.es.js";
+import { DebtsPriorityButton as y } from "../debtspriority/DebtsPriorityButton.es.js";
+import { DebtsPriorityPopover as A } from "../debtspriority/DebtsPrioriyPopover.es.js";
+import i from "react";
+import { observer as C } from "mobx-react-lite";
+import { jsx as n, jsxs as I } from "react/jsx-runtime";
+import { Stack as P } from "@mui/material";
+var F = C(({ disabled: _, isDesktop: p }) => {
+  const { onEvent: l } = u(), { debts: t } = S(), { selectedDebtPriority: r } = f(), [e, s] = i.useState(null), m = (b) => {
+    s(b.currentTarget), l(T.DEBTS_CLICK_PRIORITIZE);
   }, c = () => {
-    i(null);
-  }, a = !!e;
-  return /* @__PURE__ */ C(I, { children: [/* @__PURE__ */ n(f, {
-    buttonText: s.useMemo(() => ({
-      [o.FASTEST_PAYOFF_FIRST]: t.priority_sort_fastest_payoff,
-      [o.HIGHEST_INTEREST]: t.priority_sort_highest_interest,
-      [o.HIGHEST_BALANCE]: t.priority_sort_highest_balance,
-      [o.LOWEST_BALANCE]: t.priority_sort_lowest_balance
-    })[r] ?? t.priority_sort_lowest_balance, [r]),
+    s(null);
+  }, a = !!e, E = i.useMemo(() => ({
+    [o.FASTEST_PAYOFF_FIRST]: t.priority_sort_fastest_payoff,
+    [o.HIGHEST_INTEREST]: t.priority_sort_highest_interest,
+    [o.HIGHEST_BALANCE]: t.priority_sort_highest_balance,
+    [o.LOWEST_BALANCE]: t.priority_sort_lowest_balance
+  })[r] ?? t.priority_sort_lowest_balance, [r]);
+  return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ n(y, {
+    buttonText: E,
     disabled: _,
     isDesktop: p,
     isOpen: a,
     onClick: m
-  }), /* @__PURE__ */ n(y, {
+  }), /* @__PURE__ */ n(A, {
     buttonEl: e,
     onClose: c
   })] });
 });
 export {
-  x as DebtsPriorityAction
+  F as DebtsPriorityAction
 };
 
 //# sourceMappingURL=DebtsPriorityAction.es.js.map

package/dist/debts/components/actions/DebtsPriorityAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DebtsPriorityAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/DebtsPriorityAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { Stack } from '@mui/material'\n\nimport { DebtsPriorityButton } from '../debtspriority/DebtsPriorityButton'\nimport { DebtsPriorityPopover } from '../debtspriority/DebtsPrioriyPopover'\n\nimport { useGlobalCopyStore, useEvent, ANALYTICS_EVENTS } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { DebtPriority } from '../../../core/constants/Debts'\n\ninterface DebtsPriorityActionProps {\n  disabled?: boolean\n  isDesktop?: boolean\n}\n\nexport const DebtsPriorityAction = observer(({ disabled, isDesktop }: DebtsPriorityActionProps) => {\n  const { onEvent } = useEvent()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtPriority } = useDebtsUiStore()\n\n  const [buttonEl, setButtonEl] = React.useState<HTMLButtonElement | null>(null)\n\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setButtonEl(event.currentTarget)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_PRIORITIZE)\n  }\n\n  const handleClose = () => {\n    setButtonEl(null)\n  }\n\n  const isOpen = Boolean(buttonEl)\n\n  const buttonText = React.useMemo(() => {\n    const priorityMap = {\n      [DebtPriority.FASTEST_PAYOFF_FIRST]: copy.priority_sort_fastest_payoff,\n      [DebtPriority.HIGHEST_INTEREST]: copy.priority_sort_highest_interest,\n      [DebtPriority.HIGHEST_BALANCE]: copy.priority_sort_highest_balance,\n      [DebtPriority.LOWEST_BALANCE]: copy.priority_sort_lowest_balance,\n    }\n    return priorityMap[selectedDebtPriority] ?? copy.priority_sort_lowest_balance\n  }, [selectedDebtPriority])\n\n  return (\n    <Stack>\n      <DebtsPriorityButton\n        buttonText={buttonText}\n        disabled={disabled}\n        isDesktop={isDesktop}\n        isOpen={isOpen}\n        onClick={handleOpen}\n      />\n      <DebtsPriorityPopover buttonEl={buttonEl} onClose={handleClose} />\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,IAAsB,EAAA,CAAU,EAAE,UAAA,GAAU,WAAA,EAAA,MAA0C;AACjG,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAgB,GAE3C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAmC,IAAI,GAEvE,IAAA,CAAc,MAA+C;AACjE,IAAA,EAAY,EAAM,aAAa,GAC/B,EAAQ,EAAiB,sBAAsB;AAAA,EACjD,GAEM,IAAA,MAAoB;AACxB,IAAA,EAAY,IAAI;AAAA,EAClB,GAEM,IAAS,EAAQ;AAYvB,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACc,YAbC,EAAM,QAAA,OAOhB;AAAA,OALJ,EAAa,oBAAA,GAAuB,EAAK;AAAA,OACzC,EAAa,gBAAA,GAAmB,EAAK;AAAA,OACrC,EAAa,eAAA,GAAkB,EAAK;AAAA,OACpC,EAAa,cAAA,GAAiB,EAAK;AAAA,IAE/B,GAAY,CAAA,KAAyB,EAAK,8BAChD,CAAC,CAAoB,CAKN;AAAA,IACF,UAAA;AAAA,IACC,WAAA;AAAA,IACH,QAAA;AAAA,IACR,SAAS;AAAA,EACV,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,IAAgC,UAAA;AAAA,IAAU,SAAS;AAAA,EAAc,CAAA,CAC5D,EAAA,CAAA;AAEX,CAAC"}
+{"version":3,"file":"DebtsPriorityAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/DebtsPriorityAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { Stack } from '@mui/material'\n\nimport { DebtsPriorityButton } from '../debtspriority/DebtsPriorityButton'\nimport { DebtsPriorityPopover } from '../debtspriority/DebtsPrioriyPopover'\n\nimport { useGlobalCopyStore, useEvent, ANALYTICS_EVENTS } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { DebtPriority } from '../../../core/constants/Debts'\n\ninterface DebtsPriorityActionProps {\n  disabled?: boolean\n  isDesktop?: boolean\n}\n\nexport const DebtsPriorityAction = observer(({ disabled, isDesktop }: DebtsPriorityActionProps) => {\n  const { onEvent } = useEvent()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtPriority } = useDebtsUiStore()\n\n  const [buttonEl, setButtonEl] = React.useState<HTMLButtonElement | null>(null)\n\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setButtonEl(event.currentTarget)\n    onEvent(ANALYTICS_EVENTS.DEBTS_CLICK_PRIORITIZE)\n  }\n\n  const handleClose = () => {\n    setButtonEl(null)\n  }\n\n  const isOpen = Boolean(buttonEl)\n\n  const buttonText = React.useMemo(() => {\n    const priorityMap = {\n      [DebtPriority.FASTEST_PAYOFF_FIRST]: copy.priority_sort_fastest_payoff,\n      [DebtPriority.HIGHEST_INTEREST]: copy.priority_sort_highest_interest,\n      [DebtPriority.HIGHEST_BALANCE]: copy.priority_sort_highest_balance,\n      [DebtPriority.LOWEST_BALANCE]: copy.priority_sort_lowest_balance,\n    }\n    return priorityMap[selectedDebtPriority] ?? copy.priority_sort_lowest_balance\n  }, [selectedDebtPriority])\n\n  return (\n    <Stack>\n      <DebtsPriorityButton\n        buttonText={buttonText}\n        disabled={disabled}\n        isDesktop={isDesktop}\n        isOpen={isOpen}\n        onClick={handleOpen}\n      />\n      <DebtsPriorityPopover buttonEl={buttonEl} onClose={handleClose} />\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,IAAsB,EAAA,CAAU,EAAE,UAAA,GAAU,WAAA,EAAA,MAA0C;AACjG,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAgB,GAE3C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAmC,IAAI,GAEvE,IAAA,CAAc,MAA+C;AACjE,IAAA,EAAY,EAAM,aAAa,GAC/B,EAAQ,EAAiB,sBAAsB;AAAA,EACjD,GAEM,IAAA,MAAoB;AACxB,IAAA,EAAY,IAAI;AAAA,EAClB,GAEM,IAAS,EAAQ,GAEjB,IAAa,EAAM,QAAA,OAOhB;AAAA,IALJ,CAAA,EAAa,oBAAA,GAAuB,EAAK;AAAA,IACzC,CAAA,EAAa,gBAAA,GAAmB,EAAK;AAAA,IACrC,CAAA,EAAa,eAAA,GAAkB,EAAK;AAAA,IACpC,CAAA,EAAa,cAAA,GAAiB,EAAK;AAAA,EAE/B,GAAY,CAAA,KAAyB,EAAK,8BAChD,CAAC,CAAoB,CAAC;AAEzB,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACc,YAAA;AAAA,IACF,UAAA;AAAA,IACC,WAAA;AAAA,IACH,QAAA;AAAA,IACR,SAAS;AAAA,EACV,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,IAAgC,UAAA;AAAA,IAAU,SAAS;AAAA,EAAc,CAAA,CAC5D,EAAA,CAAA;AAEX,CAAC"}

package/dist/debts/components/actions/ExtraPaymentAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtraPaymentAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/ExtraPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n  useGoalStore,\n} from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nexport const ExtraPaymentAction = observer(() => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { monthlyCashFlowProfile, updateMonthlyCashFlowProfile } = useGoalStore()\n  const { onEvent } = useEvent()\n\n  const [payment, setPayment] = React.useState<number>(monthlyCashFlowProfile?.extra_payment ?? 0)\n  const isInvalid = payment < 0 || payment > 99999999.99\n\n  const handleSave = async () => {\n    if (monthlyCashFlowProfile) {\n      await updateMonthlyCashFlowProfile({ ...monthlyCashFlowProfile, extra_payment: payment })\n      monthlyCashFlowProfile.extra_payment = payment\n      onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_PAYDOWN_ACTION, {\n        user_guid: monthlyCashFlowProfile?.user_guid,\n      })\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setPayment(monthlyCashFlowProfile?.extra_payment ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.paydown_drawer_extra_payment}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.paydown_drawer_extra_payment}\n      secondaryText={formatCurrency(monthlyCashFlowProfile?.extra_payment, '0,0')}\n      zeroStateText={!monthlyCashFlowProfile?.extra_payment ? copy.add_extra_payment : undefined}\n    >\n      <CurrencyInput\n        amount={payment}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setPayment(!isNaN(Number(v)) ? Number(v) : payment)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAaA,IAAa,IAAqB,EAAA,MAAe;AAC/C,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,wBAAA,GAAwB,8BAAA,EAAA,IAAiC,EAAa,GACxE,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,GAAwB,iBAAiB,CAAC,GACzF,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,IAAI,MACF,MAAM,EAA6B;AAAA,MAAE,GAAG;AAAA,MAAwB,eAAe;AAAA,IAAQ,CAAC,GACxF,EAAuB,gBAAgB,GACvC,EAAQ,EAAiB,2BAA2B,EAClD,WAAW,GAAwB,UACrC,CAAC;AAAA,EAEL,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,GAAwB,iBAAiB,CAAC;AAAA,IACvD,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,GAAwB,eAAe,KAAK;AAAA,IAC1E,eAAgB,GAAwB,gBAAyC,SAAzB,EAAK;AAAA,cAE7D,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"ExtraPaymentAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/ExtraPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n  useGoalStore,\n} from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nexport const ExtraPaymentAction = observer(() => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { monthlyCashFlowProfile, updateMonthlyCashFlowProfile } = useGoalStore()\n  const { onEvent } = useEvent()\n\n  const [payment, setPayment] = React.useState<number>(monthlyCashFlowProfile?.extra_payment ?? 0)\n  const isInvalid = payment < 0 || payment > 99999999.99\n\n  const handleSave = async () => {\n    if (monthlyCashFlowProfile) {\n      await updateMonthlyCashFlowProfile({ ...monthlyCashFlowProfile, extra_payment: payment })\n      monthlyCashFlowProfile.extra_payment = payment\n      onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_PAYDOWN_ACTION, {\n        user_guid: monthlyCashFlowProfile?.user_guid,\n      })\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setPayment(monthlyCashFlowProfile?.extra_payment ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.paydown_drawer_extra_payment}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.paydown_drawer_extra_payment}\n      secondaryText={formatCurrency(monthlyCashFlowProfile?.extra_payment, '0,0')}\n      zeroStateText={!monthlyCashFlowProfile?.extra_payment ? copy.add_extra_payment : undefined}\n    >\n      <CurrencyInput\n        amount={payment}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setPayment(!isNaN(Number(v)) ? Number(v) : payment)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAaA,IAAa,IAAqB,EAAA,MAAe;AAC/C,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,wBAAA,GAAwB,8BAAA,EAAA,IAAiC,EAAa,GACxE,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,GAAwB,iBAAiB,CAAC,GACzF,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,IAAI,MACF,MAAM,EAA6B;AAAA,MAAE,GAAG;AAAA,MAAwB,eAAe;AAAA,IAAQ,CAAC,GACxF,EAAuB,gBAAgB,GACvC,EAAQ,EAAiB,2BAA2B,EAClD,WAAW,GAAwB,UACrC,CAAC;AAAA,EAEL,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,GAAwB,iBAAiB,CAAC;AAAA,IACvD,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,GAAwB,eAAe,KAAK;AAAA,IAC1E,eAAgB,GAAwB,gBAAyC,SAAzB,EAAK;AAAA,IAE7D,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/debts/components/actions/InterestRateAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InterestRateAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/InterestRateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport TextField from '@mui/material/TextField'\n\nimport {\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatPercentage } from '../../../core/utils/NumberFormatting'\n\ninterface InterestRateActionProps {\n  debt: DebtChartData\n}\n\nexport const InterestRateAction = observer(({ debt }: InterestRateActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [rate, setRate] = React.useState<number>(debt.interest_rate ?? 0)\n  const isInvalid = rate < 0\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, interest_rate: rate })\n    debt.interest_rate = rate\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_RATE_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setRate(debt.interest_rate ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={`${copy.details_interest_rate} (%)`}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_interest_rate}\n      secondaryText={formatPercentage(Number(debt.interest_rate) / 100) as string}\n      zeroStateText={!debt.interest_rate ? copy.add_interest_rate : undefined}\n    >\n      <TextField\n        error={isInvalid}\n        fullWidth={true}\n        onChange={(e) =>\n          setRate(!isNaN(parseFloat(e.target.value)) ? parseFloat(e.target.value) : 0)\n        }\n        type=\"number\"\n        value={rate}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAmBA,IAAa,IAAqB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAoC;AAChF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAM,CAAA,IAAW,EAAM,SAAiB,EAAK,iBAAiB,CAAC,GAChE,IAAY,IAAO,GAEnB,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,eAAe;AAAA,IAAK,CAAC,GAC5D,EAAK,gBAAgB,GACrB,EAAQ,EAAiB,wBAAwB,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EAC9E,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,iBAAiB,CAAC;AAAA,IACjC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,GAAG,EAAK,qBAAA;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAiB,OAAO,EAAK,aAAa,IAAI,GAAG;AAAA,IAChE,eAAgB,EAAK,gBAAyC,SAAzB,EAAK;AAAA,cAE1C,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAA,CAAW,MACT,EAAS,MAAM,WAAW,EAAE,OAAO,KAAK,CAAC,IAAiC,IAA7B,WAAW,EAAE,OAAO,KAAK,CAAK;AAAA,MAE7E,MAAK;AAAA,MACL,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"InterestRateAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/InterestRateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport TextField from '@mui/material/TextField'\n\nimport {\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatPercentage } from '../../../core/utils/NumberFormatting'\n\ninterface InterestRateActionProps {\n  debt: DebtChartData\n}\n\nexport const InterestRateAction = observer(({ debt }: InterestRateActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [rate, setRate] = React.useState<number>(debt.interest_rate ?? 0)\n  const isInvalid = rate < 0\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, interest_rate: rate })\n    debt.interest_rate = rate\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_RATE_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setRate(debt.interest_rate ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={`${copy.details_interest_rate} (%)`}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_interest_rate}\n      secondaryText={formatPercentage(Number(debt.interest_rate) / 100) as string}\n      zeroStateText={!debt.interest_rate ? copy.add_interest_rate : undefined}\n    >\n      <TextField\n        error={isInvalid}\n        fullWidth={true}\n        onChange={(e) =>\n          setRate(!isNaN(parseFloat(e.target.value)) ? parseFloat(e.target.value) : 0)\n        }\n        type=\"number\"\n        value={rate}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAmBA,IAAa,IAAqB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAoC;AAChF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAM,CAAA,IAAW,EAAM,SAAiB,EAAK,iBAAiB,CAAC,GAChE,IAAY,IAAO,GAEnB,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,eAAe;AAAA,IAAK,CAAC,GAC5D,EAAK,gBAAgB,GACrB,EAAQ,EAAiB,wBAAwB,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EAC9E,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,iBAAiB,CAAC;AAAA,IACjC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,GAAG,EAAK,qBAAA;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAiB,OAAO,EAAK,aAAa,IAAI,GAAG;AAAA,IAChE,eAAgB,EAAK,gBAAyC,SAAzB,EAAK;AAAA,IAE1C,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAA,CAAW,MACT,EAAS,MAAM,WAAW,EAAE,OAAO,KAAK,CAAC,IAAiC,IAA7B,WAAW,EAAE,OAAO,KAAK,CAAK;AAAA,MAE7E,MAAK;AAAA,MACL,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/debts/components/actions/MonthlyPaymentAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthlyPaymentAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/MonthlyPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface MonthlyPaymentActionProps {\n  debt: DebtChartData\n}\n\nexport const MonthlyPaymentAction = observer(({ debt }: MonthlyPaymentActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [payment, setPayment] = React.useState<number>(debt.monthly_payment ?? 0)\n  const isInvalid = payment < 0 || payment > 99999999.99\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, minimum_payment: payment })\n    debt.monthly_payment = payment\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setPayment(debt.monthly_payment ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.details_monthly_payment}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_monthly_payment}\n      secondaryText={formatCurrency(debt.monthly_payment, '0,0')}\n      zeroStateText={!debt.monthly_payment ? copy.add_monthly_payment : undefined}\n    >\n      <CurrencyInput\n        amount={payment}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setPayment(!isNaN(Number(v)) ? Number(v) : payment)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAkBA,IAAa,IAAuB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAsC;AACpF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,mBAAmB,CAAC,GACxE,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,iBAAiB;AAAA,IAAQ,CAAC,GACjE,EAAK,kBAAkB,GACvB,EAAQ,EAAiB,2BAA2B,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EACjF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,mBAAmB,CAAC;AAAA,IACtC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,iBAAiB,KAAK;AAAA,IACzD,eAAgB,EAAK,kBAA6C,SAA3B,EAAK;AAAA,cAE5C,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"MonthlyPaymentAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/MonthlyPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface MonthlyPaymentActionProps {\n  debt: DebtChartData\n}\n\nexport const MonthlyPaymentAction = observer(({ debt }: MonthlyPaymentActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [payment, setPayment] = React.useState<number>(debt.monthly_payment ?? 0)\n  const isInvalid = payment < 0 || payment > 99999999.99\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, minimum_payment: payment })\n    debt.monthly_payment = payment\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setPayment(debt.monthly_payment ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.details_monthly_payment}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_monthly_payment}\n      secondaryText={formatCurrency(debt.monthly_payment, '0,0')}\n      zeroStateText={!debt.monthly_payment ? copy.add_monthly_payment : undefined}\n    >\n      <CurrencyInput\n        amount={payment}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setPayment(!isNaN(Number(v)) ? Number(v) : payment)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAkBA,IAAa,IAAuB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAsC;AACpF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,mBAAmB,CAAC,GACxE,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,iBAAiB;AAAA,IAAQ,CAAC,GACjE,EAAK,kBAAkB,GACvB,EAAQ,EAAiB,2BAA2B,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EACjF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,mBAAmB,CAAC;AAAA,IACtC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,iBAAiB,KAAK;AAAA,IACzD,eAAgB,EAAK,kBAA6C,SAA3B,EAAK;AAAA,IAE5C,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/debts/components/actions/OriginalBalanceAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"OriginalBalanceAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/OriginalBalanceAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface OriginalBalanceActionProps {\n  debt: DebtChartData\n}\n\nexport const OriginalBalanceAction = observer(({ debt }: OriginalBalanceActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [balance, setBalance] = React.useState<number>(debt.original_balance ?? 0)\n  const isInvalid = balance < 0 || balance > 99999999.99\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, original_balance: balance })\n    debt.original_balance = balance\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_BALANCE_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setBalance(debt.original_balance ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.details_original_balance}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_original_balance}\n      secondaryText={formatCurrency(debt.original_balance, '0,0')}\n      zeroStateText={!debt.original_balance ? copy.add_original_balance : undefined}\n    >\n      <CurrencyInput\n        amount={balance}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setBalance(!isNaN(Number(v)) ? Number(v) : balance)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAkBA,IAAa,IAAwB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAuC;AACtF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,oBAAoB,CAAC,GACzE,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,kBAAkB;AAAA,IAAQ,CAAC,GAClE,EAAK,mBAAmB,GACxB,EAAQ,EAAiB,2BAA2B,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EACjF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,oBAAoB,CAAC;AAAA,IACvC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,kBAAkB,KAAK;AAAA,IAC1D,eAAgB,EAAK,mBAA+C,SAA5B,EAAK;AAAA,cAE7C,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"OriginalBalanceAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/OriginalBalanceAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface OriginalBalanceActionProps {\n  debt: DebtChartData\n}\n\nexport const OriginalBalanceAction = observer(({ debt }: OriginalBalanceActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [balance, setBalance] = React.useState<number>(debt.original_balance ?? 0)\n  const isInvalid = balance < 0 || balance > 99999999.99\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, original_balance: balance })\n    debt.original_balance = balance\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_BALANCE_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setBalance(debt.original_balance ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.details_original_balance}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_original_balance}\n      secondaryText={formatCurrency(debt.original_balance, '0,0')}\n      zeroStateText={!debt.original_balance ? copy.add_original_balance : undefined}\n    >\n      <CurrencyInput\n        amount={balance}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setBalance(!isNaN(Number(v)) ? Number(v) : balance)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAkBA,IAAa,IAAwB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAuC;AACtF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,oBAAoB,CAAC,GACzE,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,kBAAkB;AAAA,IAAQ,CAAC,GAClE,EAAK,mBAAmB,GACxB,EAAQ,EAAiB,2BAA2B,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EACjF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,oBAAoB,CAAC;AAAA,IACvC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,kBAAkB,KAAK;AAAA,IAC1D,eAAgB,EAAK,mBAA+C,SAA5B,EAAK;AAAA,IAE7C,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/debts/components/debtsdrawer/DebtDetailsChart.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DebtDetailsChart.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsChart.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport { H3, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { DebtsChart } from '../DebtsChart'\n\nconst DebtDetailsChart = () => {\n  const theme = useTheme()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtChartData } = useDebtsUiStore()\n\n  return (\n    <>\n      <Card\n        sx={{\n          '& .MuiCardContent-root:last-child': {\n            pb: 0,\n          },\n        }}\n      >\n        <CardHeader sx={{ pb: 0 }} title={<H3 sx={{ pb: 4 }}>{copy.details_chart_title}</H3>} />\n        <CardContent sx={{ p: 0 }}>\n          <DebtsChart debts={[selectedDebtChartData]} height={250} />\n        </CardContent>\n      </Card>\n      <Text\n        color={theme.palette.text.secondary}\n        sx={{ textAlign: 'center', px: 8, py: 12 }}\n        variant=\"body2\"\n      >\n        {copy.details_chart_description}\n      </Text>\n    </>\n  )\n}\n\nexport default observer(DebtDetailsChart)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAA,MAAyB;AAC7B,QAAM,IAAQ,EAAS,GACjB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,uBAAA,EAAA,IAA0B,EAAgB;AAElD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI,EACF,qCAAqC,EACnC,IAAI,EACN,EACF;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD;AAAA,QAAI,IAAI,EAAE,IAAI,EAAE;AAAA,kBAAI,EAAK;AAAA,MAAwB,CAAA;AAAA,IAAI,CAAA,GACvF,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI,EAAE,GAAG,EAAE;AAAA,gBACtB,gBAAA,EAAC,GAAD;AAAA,QAAY,OAAO,CAAC,CAAqB;AAAA,QAAG,QAAQ;AAAA,MAAM,CAAA;AAAA,IAC/C,CAAA,CACT;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO,EAAM,QAAQ,KAAK;AAAA,IAC1B,IAAI;AAAA,MAAE,WAAW;AAAA,MAAU,IAAI;AAAA,MAAG,IAAI;AAAA,IAAG;AAAA,IACzC,SAAQ;AAAA,cAEP,EAAK;AAAA,EACF,CAAA,CACN,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAgB"}
+{"version":3,"file":"DebtDetailsChart.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsChart.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport { H3, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { DebtsChart } from '../DebtsChart'\n\nconst DebtDetailsChart = () => {\n  const theme = useTheme()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtChartData } = useDebtsUiStore()\n\n  return (\n    <>\n      <Card\n        sx={{\n          '& .MuiCardContent-root:last-child': {\n            pb: 0,\n          },\n        }}\n      >\n        <CardHeader sx={{ pb: 0 }} title={<H3 sx={{ pb: 4 }}>{copy.details_chart_title}</H3>} />\n        <CardContent sx={{ p: 0 }}>\n          <DebtsChart debts={[selectedDebtChartData]} height={250} />\n        </CardContent>\n      </Card>\n      <Text\n        color={theme.palette.text.secondary}\n        sx={{ textAlign: 'center', px: 8, py: 12 }}\n        variant=\"body2\"\n      >\n        {copy.details_chart_description}\n      </Text>\n    </>\n  )\n}\n\nexport default observer(DebtDetailsChart)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAA,MAAyB;AAC7B,QAAM,IAAQ,EAAS,GACjB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,uBAAA,EAAA,IAA0B,EAAgB;AAElD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI,EACF,qCAAqC,EACnC,IAAI,EACN,EACF;AAAA,IALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD;AAAA,QAAI,IAAI,EAAE,IAAI,EAAE;AAAA,QAAI,UAAA,EAAK;AAAA,MAAwB,CAAA;AAAA,IAAI,CAAA,GACvF,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI,EAAE,GAAG,EAAE;AAAA,MACtB,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAY,OAAO,CAAC,CAAqB;AAAA,QAAG,QAAQ;AAAA,MAAM,CAAA;AAAA,IAC/C,CAAA,CACT;AAAA,EACN,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO,EAAM,QAAQ,KAAK;AAAA,IAC1B,IAAI;AAAA,MAAE,WAAW;AAAA,MAAU,IAAI;AAAA,MAAG,IAAI;AAAA,IAAG;AAAA,IACzC,SAAQ;AAAA,IAEP,UAAA,EAAK;AAAA,EACF,CAAA,CACN,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAgB"}

package/dist/debts/components/debtsdrawer/DebtDetailsContent.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DebtDetailsContent.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { useGlobalCopyStore, TabContentContainer } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\nimport DebtScheduleTab from './DebtScheduleTab'\nimport DebtDetailsTab from './DebtDetailsTab'\nimport DebtStatusCard from './DebtStatusCard'\n\nconst DebtDetailsContent = () => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n  const [tabValue, setTabValue] = React.useState(0)\n\n  return (\n    <>\n      {(showError || showCompleted) && (\n        <DebtStatusCard setTabValue={setTabValue} sx={{ mt: -24 }} />\n      )}\n      <Tabs\n        aria-label={copy.details_tabs_aria_label}\n        centered={true}\n        onChange={(_, val) => setTabValue(val)}\n        textColor=\"primary\"\n        value={tabValue}\n        variant=\"fullWidth\"\n      >\n        <Tab\n          aria-controls=\"debt-schedule-tabpanel-0\"\n          id=\"debt-schedule-tab-0\"\n          label={copy.schedule_tab_label}\n        />\n        <Tab\n          aria-controls=\"debt-details-tabpanel-1\"\n          id=\"debt-details-tab-1\"\n          label={copy.details_tab_label}\n        />\n      </Tabs>\n\n      <TabContentContainer index={0} name=\"debt-schedule\" value={tabValue}>\n        <DebtScheduleTab />\n      </TabContentContainer>\n\n      <TabContentContainer index={1} name=\"debt-details\" value={tabValue}>\n        <DebtDetailsTab />\n      </TabContentContainer>\n    </>\n  )\n}\n\nexport default observer(DebtDetailsContent)\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,IAAA,MAA2B;AAC/B,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB,GAC/C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,CAAC;AAEhD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,KACI,KAAa,MACb,gBAAA,EAAC,GAAD;AAAA,MAA6B,aAAA;AAAA,MAAa,IAAI,EAAE,IAAI,IAAI;AAAA,IAAI,CAAA;AAAA,IAE9D,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,UAAU;AAAA,MACV,UAAA,CAAW,GAAG,MAAQ,EAAY,CAAG;AAAA,MACrC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAQ;AAAA,gBANV,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAK;AAAA,MACb,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAK;AAAA,MACb,CAAA,CACG;AAAA;IAEN,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAgB,OAAO;AAAA,gBACzD,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,IACC,CAAA;AAAA,IAErB,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAe,OAAO;AAAA,gBACxD,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,IACE,CAAA;AAAA,EACrB,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAkB"}
+{"version":3,"file":"DebtDetailsContent.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { useGlobalCopyStore, TabContentContainer } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\nimport DebtScheduleTab from './DebtScheduleTab'\nimport DebtDetailsTab from './DebtDetailsTab'\nimport DebtStatusCard from './DebtStatusCard'\n\nconst DebtDetailsContent = () => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n  const [tabValue, setTabValue] = React.useState(0)\n\n  return (\n    <>\n      {(showError || showCompleted) && (\n        <DebtStatusCard setTabValue={setTabValue} sx={{ mt: -24 }} />\n      )}\n      <Tabs\n        aria-label={copy.details_tabs_aria_label}\n        centered={true}\n        onChange={(_, val) => setTabValue(val)}\n        textColor=\"primary\"\n        value={tabValue}\n        variant=\"fullWidth\"\n      >\n        <Tab\n          aria-controls=\"debt-schedule-tabpanel-0\"\n          id=\"debt-schedule-tab-0\"\n          label={copy.schedule_tab_label}\n        />\n        <Tab\n          aria-controls=\"debt-details-tabpanel-1\"\n          id=\"debt-details-tab-1\"\n          label={copy.details_tab_label}\n        />\n      </Tabs>\n\n      <TabContentContainer index={0} name=\"debt-schedule\" value={tabValue}>\n        <DebtScheduleTab />\n      </TabContentContainer>\n\n      <TabContentContainer index={1} name=\"debt-details\" value={tabValue}>\n        <DebtDetailsTab />\n      </TabContentContainer>\n    </>\n  )\n}\n\nexport default observer(DebtDetailsContent)\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,IAAA,MAA2B;AAC/B,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB,GAC/C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,CAAC;AAEhD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,KACI,KAAa,MACb,gBAAA,EAAC,GAAD;AAAA,MAA6B,aAAA;AAAA,MAAa,IAAI,EAAE,IAAI,IAAI;AAAA,IAAI,CAAA;AAAA,IAE9D,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,UAAU;AAAA,MACV,UAAA,CAAW,GAAG,MAAQ,EAAY,CAAG;AAAA,MACrC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAQ;AAAA,MANV,UAAA,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAK;AAAA,MACb,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAK;AAAA,MACb,CAAA,CACG;AAAA;IAEN,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAgB,OAAO;AAAA,MACzD,UAAA,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,IACC,CAAA;AAAA,IAErB,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAe,OAAO;AAAA,MACxD,UAAA,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,IACE,CAAA;AAAA,EACrB,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAkB"}

package/dist/debts/components/debtsdrawer/DebtDetailsTab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DebtDetailsTab.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { ANALYTICS_EVENTS, useEvent } from '../../../common'\n\nimport { InterestRateAction as GoalInterestRateAction } from '../../../goals/components/actions/InterestRateAction'\nimport { MonthlyPaymentAction as GoalMonthlyPaymentAction } from '../../../goals/components/actions/MonthlyPaymentAction'\nimport { OriginalBalanceAction as GoalOriginalBalanceAction } from '../../../goals/components/actions/OriginalBalanceAction'\nimport { InterestRateAction as DebtInterestRateAction } from '../actions/InterestRateAction'\nimport { MonthlyPaymentAction as DebtMonthlyPaymentAction } from '../actions/MonthlyPaymentAction'\nimport { OriginalBalanceAction as AccountOriginalBalanceAction } from '../actions/OriginalBalanceAction'\n\nconst DebtDetailsTab = () => {\n  const { onEvent } = useEvent()\n  const { selectedDebtChartData: debt } = useDebtsUiStore()\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.DEBT_DETAILS_VIEW), [])\n\n  return (\n    <Stack bgcolor=\"background.paper\">\n      {debt?.goal && (\n        <>\n          <GoalMonthlyPaymentAction goal={debt.goal} />\n          <Divider />\n\n          <GoalInterestRateAction goal={debt.goal} />\n          <Divider />\n\n          <GoalOriginalBalanceAction goal={debt.goal} />\n          <Divider />\n        </>\n      )}\n\n      {!debt?.goal && debt?.account && (\n        <>\n          <DebtMonthlyPaymentAction debt={debt} />\n          <Divider />\n\n          <DebtInterestRateAction debt={debt} />\n          <Divider />\n\n          <AccountOriginalBalanceAction debt={debt} />\n          <Divider />\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(DebtDetailsTab)\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,IAAA,MAAuB;AAC3B,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,uBAAuB,EAAA,IAAS,EAAgB;AAExD,SAAA,EAAM,UAAA,MAAgB,EAAQ,EAAiB,iBAAiB,GAAG,CAAC,CAAC,GAGnE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,cAAf,CACG,GAAM,QACL,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAA0B,MAAM,EAAK,KAAO,CAAA;AAAA,MAC5C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAAwB,MAAM,EAAK,KAAO,CAAA;AAAA,MAC1C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAA2B,MAAM,EAAK,KAAO,CAAA;AAAA,MAC7C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IACV,EAAA,CAAA,GAGH,CAAC,GAAM,QAAQ,GAAM,WACpB,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAAgC,MAAA,EAAO,CAAA;AAAA,MACvC,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAA8B,MAAA,EAAO,CAAA;AAAA,MACrC,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAAoC,MAAA,EAAO,CAAA;AAAA,MAC3C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IACV,EAAA,CAAA,CAEC;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}
+{"version":3,"file":"DebtDetailsTab.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { ANALYTICS_EVENTS, useEvent } from '../../../common'\n\nimport { InterestRateAction as GoalInterestRateAction } from '../../../goals/components/actions/InterestRateAction'\nimport { MonthlyPaymentAction as GoalMonthlyPaymentAction } from '../../../goals/components/actions/MonthlyPaymentAction'\nimport { OriginalBalanceAction as GoalOriginalBalanceAction } from '../../../goals/components/actions/OriginalBalanceAction'\nimport { InterestRateAction as DebtInterestRateAction } from '../actions/InterestRateAction'\nimport { MonthlyPaymentAction as DebtMonthlyPaymentAction } from '../actions/MonthlyPaymentAction'\nimport { OriginalBalanceAction as AccountOriginalBalanceAction } from '../actions/OriginalBalanceAction'\n\nconst DebtDetailsTab = () => {\n  const { onEvent } = useEvent()\n  const { selectedDebtChartData: debt } = useDebtsUiStore()\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.DEBT_DETAILS_VIEW), [])\n\n  return (\n    <Stack bgcolor=\"background.paper\">\n      {debt?.goal && (\n        <>\n          <GoalMonthlyPaymentAction goal={debt.goal} />\n          <Divider />\n\n          <GoalInterestRateAction goal={debt.goal} />\n          <Divider />\n\n          <GoalOriginalBalanceAction goal={debt.goal} />\n          <Divider />\n        </>\n      )}\n\n      {!debt?.goal && debt?.account && (\n        <>\n          <DebtMonthlyPaymentAction debt={debt} />\n          <Divider />\n\n          <DebtInterestRateAction debt={debt} />\n          <Divider />\n\n          <AccountOriginalBalanceAction debt={debt} />\n          <Divider />\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(DebtDetailsTab)\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,IAAA,MAAuB;AAC3B,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,uBAAuB,EAAA,IAAS,EAAgB;AAExD,SAAA,EAAM,UAAA,MAAgB,EAAQ,EAAiB,iBAAiB,GAAG,CAAC,CAAC,GAGnE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,IAAf,UAAA,CACG,GAAM,QACL,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAA0B,MAAM,EAAK,KAAO,CAAA;AAAA,MAC5C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAAwB,MAAM,EAAK,KAAO,CAAA;AAAA,MAC1C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAA2B,MAAM,EAAK,KAAO,CAAA;AAAA,MAC7C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IACV,EAAA,CAAA,GAGH,CAAC,GAAM,QAAQ,GAAM,WACpB,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAAgC,MAAA,EAAO,CAAA;AAAA,MACvC,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAA8B,MAAA,EAAO,CAAA;AAAA,MACrC,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAAoC,MAAA,EAAO,CAAA;AAAA,MAC3C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IACV,EAAA,CAAA,CAEC;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DebtStatusCard.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtStatusCard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Error as ErrorIcon, CheckCircle as CompleteIcon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\ninterface DebtStatusCardProps {\n  setTabValue: (val: number) => void\n  sx?: any\n}\n\nconst DebtStatusCard: React.FC<DebtStatusCardProps> = ({ setTabValue, sx }) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n\n  React.useEffect(() => {\n    if (showError) {\n      setTabValue(1)\n    }\n  }, [showError])\n\n  if (!showError && !showCompleted) return <></>\n\n  return (\n    <Stack gap={16}>\n      <Paper sx={{ my: 16, mx: 24, ...sx }}>\n        <Alert\n          icon={\n            showError ? <ErrorIcon filled={true} /> : <CompleteIcon color=\"success\" filled={true} />\n          }\n          severity=\"error\"\n          sx={{\n            alignItems: 'start',\n            borderLeft: 5,\n            borderRadius: 1,\n            borderColor: showError ? 'error.main' : 'success.main',\n            color: 'text.primary',\n            '&.MuiPaper-root': {\n              backgroundColor: 'background.paper',\n            },\n          }}\n        >\n          <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n            {showError ? copy.status_error_title : copy.status_complete_title}\n          </AlertTitle>\n          <Text component=\"p\" variant=\"subtitle2\">\n            {showError ? copy.status_error_description : copy.status_complete_description}\n          </Text>\n        </Alert>\n      </Paper>\n      {showError && (\n        <Paper sx={{ mb: 16, mt: 100, mx: 24, ...sx }}>\n          <Alert\n            icon={<></>}\n            severity=\"error\"\n            sx={{\n              borderRadius: 2,\n              color: 'text.primary',\n              '&.MuiPaper-root': {\n                backgroundColor: 'background.paper',\n              },\n            }}\n          >\n            <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n              {copy.status_info_title}\n            </AlertTitle>\n            <Text component=\"p\" variant=\"subtitle2\">\n              {copy.status_info_description}\n            </Text>\n          </Alert>\n        </Paper>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(DebtStatusCard)\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,IAAA,CAAiD,EAAE,aAAA,GAAa,IAAA,EAAA,MAAS;AAC7E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB;AAQrD,SANA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAC;AAAA,EAEjB,GAAG,CAAC,CAAS,CAAC,GAEV,CAAC,KAAa,CAAC,IAAsB,gBAAA,EAAA,GAAA,CAAI,CAAA,IAG3C,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,cAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,GAAG;AAAA,MAAG;AAAA,gBACjC,gBAAA,EAAC,GAAD;AAAA,QACE,MACE,IAAY,gBAAA,EAAC,GAAD,EAAW,QAAQ,GAAO,CAAA,IAAI,gBAAA,EAAC,GAAD;AAAA,UAAc,OAAM;AAAA,UAAU,QAAQ;AAAA,QAAO,CAAA;AAAA,QAEzF,UAAS;AAAA,QACT,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,aAAa,IAAY,eAAe;AAAA,UACxC,OAAO;AAAA,UACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,QACF;AAAA,kBAdF,CAgBE,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACxD,IAAY,EAAK,qBAAqB,EAAK;AAAA,QAClC,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,oBACzB,IAAY,EAAK,2BAA2B,EAAK;AAAA,QAC9C,CAAA,CACD;AAAA;IACF,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAK,IAAI;AAAA,QAAI,GAAG;AAAA,MAAG;AAAA,gBAC1C,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM,gBAAA,EAAA,GAAA,CAAI,CAAA;AAAA,QACV,UAAS;AAAA,QACT,IAAI;AAAA,UACF,cAAc;AAAA,UACd,OAAO;AAAA,UACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,QACF;AAAA,kBATF,CAWE,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACxD,EAAK;AAAA,QACI,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,oBACzB,EAAK;AAAA,QACF,CAAA,CACD;AAAA;IACF,CAAA,CAEJ;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}
+{"version":3,"file":"DebtStatusCard.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtStatusCard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Error as ErrorIcon, CheckCircle as CompleteIcon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\ninterface DebtStatusCardProps {\n  setTabValue: (val: number) => void\n  sx?: any\n}\n\nconst DebtStatusCard: React.FC<DebtStatusCardProps> = ({ setTabValue, sx }) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n\n  React.useEffect(() => {\n    if (showError) {\n      setTabValue(1)\n    }\n  }, [showError])\n\n  if (!showError && !showCompleted) return <></>\n\n  return (\n    <Stack gap={16}>\n      <Paper sx={{ my: 16, mx: 24, ...sx }}>\n        <Alert\n          icon={\n            showError ? <ErrorIcon filled={true} /> : <CompleteIcon color=\"success\" filled={true} />\n          }\n          severity=\"error\"\n          sx={{\n            alignItems: 'start',\n            borderLeft: 5,\n            borderRadius: 1,\n            borderColor: showError ? 'error.main' : 'success.main',\n            color: 'text.primary',\n            '&.MuiPaper-root': {\n              backgroundColor: 'background.paper',\n            },\n          }}\n        >\n          <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n            {showError ? copy.status_error_title : copy.status_complete_title}\n          </AlertTitle>\n          <Text component=\"p\" variant=\"subtitle2\">\n            {showError ? copy.status_error_description : copy.status_complete_description}\n          </Text>\n        </Alert>\n      </Paper>\n      {showError && (\n        <Paper sx={{ mb: 16, mt: 100, mx: 24, ...sx }}>\n          <Alert\n            icon={<></>}\n            severity=\"error\"\n            sx={{\n              borderRadius: 2,\n              color: 'text.primary',\n              '&.MuiPaper-root': {\n                backgroundColor: 'background.paper',\n              },\n            }}\n          >\n            <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n              {copy.status_info_title}\n            </AlertTitle>\n            <Text component=\"p\" variant=\"subtitle2\">\n              {copy.status_info_description}\n            </Text>\n          </Alert>\n        </Paper>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(DebtStatusCard)\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,IAAA,CAAiD,EAAE,aAAA,GAAa,IAAA,EAAA,MAAS;AAC7E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB;AAQrD,SANA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAC;AAAA,EAEjB,GAAG,CAAC,CAAS,CAAC,GAEV,CAAC,KAAa,CAAC,IAAsB,gBAAA,EAAA,GAAA,CAAI,CAAA,IAG3C,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAZ,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,GAAG;AAAA,MAAG;AAAA,MACjC,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,MACE,IAAY,gBAAA,EAAC,GAAD,EAAW,QAAQ,GAAO,CAAA,IAAI,gBAAA,EAAC,GAAD;AAAA,UAAc,OAAM;AAAA,UAAU,QAAQ;AAAA,QAAO,CAAA;AAAA,QAEzF,UAAS;AAAA,QACT,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,aAAa,IAAY,eAAe;AAAA,UACxC,OAAO;AAAA,UACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,QACF;AAAA,QAdF,UAAA,CAgBE,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,UACxD,UAAA,IAAY,EAAK,qBAAqB,EAAK;AAAA,QAClC,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,UACzB,UAAA,IAAY,EAAK,2BAA2B,EAAK;AAAA,QAC9C,CAAA,CACD;AAAA;IACF,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAK,IAAI;AAAA,QAAI,GAAG;AAAA,MAAG;AAAA,MAC1C,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM,gBAAA,EAAA,GAAA,CAAI,CAAA;AAAA,QACV,UAAS;AAAA,QACT,IAAI;AAAA,UACF,cAAc;AAAA,UACd,OAAO;AAAA,UACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,QACF;AAAA,QATF,UAAA,CAWE,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,UACxD,UAAA,EAAK;AAAA,QACI,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,UACzB,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA;IACF,CAAA,CAEJ;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}