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

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

@@ -0,0 +1,181 @@
+import { jsxs as E, jsx as e } from "react/jsx-runtime";
+import s from "react";
+import { observer as b } from "mobx-react-lite";
+import { Stack as u } from "@mui/material";
+import { DebtsPriorityButton as y } from "../debtspriority/DebtsPriorityButton.js";
+import { DebtsPriorityPopover as S } from "../debtspriority/DebtsPrioriyPopover.js";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as T } from "../../../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useEvent as f, useGlobalCopyStore as C } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import { DebtPrioriy as o } from "../../constants/index.js";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import { useDebtsUiStore as I } from "../../hooks/useDebtsUiStore.js";
+const Ar = b(() => {
+  const { onEvent: n } = f(), { debts: t } = C(), { selectedDebtPriority: r } = I(), [i, p] = s.useState(null), c = (m) => {
+    p(m.currentTarget), n(T.DEBTS_CLICK_PRIORITIZE);
+  }, l = () => {
+    p(null);
+  }, _ = !!i, a = s.useMemo(() => ({
+    [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__ */ E(u, { children: [
+    /* @__PURE__ */ e(y, { buttonText: a, isOpen: _, onClick: c }),
+    /* @__PURE__ */ e(S, { buttonEl: i, onClose: l })
+  ] });
+});
+export {
+  Ar as DebtsPriorityAction
+};
+//# sourceMappingURL=DebtsPriorityAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DebtsPriorityAction.js","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 { DebtPrioriy } from '../../constants'\n\nexport const DebtsPriorityAction = observer(() => {\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      [DebtPrioriy.HIGHEST_INTEREST]: copy.priority_sort_highest_interest,\n      [DebtPrioriy.HIGHEST_BALANCE]: copy.priority_sort_highest_balance,\n      [DebtPrioriy.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 buttonText={buttonText} isOpen={isOpen} onClick={handleOpen} />\n      <DebtsPriorityPopover buttonEl={buttonEl} onClose={handleClose} />\n    </Stack>\n  )\n})\n"],"names":["DebtsPriorityAction","observer","onEvent","useEvent","copy","useGlobalCopyStore","selectedDebtPriority","useDebtsUiStore","buttonEl","setButtonEl","React","handleOpen","event","ANALYTICS_EVENTS","handleClose","isOpen","buttonText","DebtPrioriy","Stack","jsx","DebtsPriorityButton","DebtsPriorityPopover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYa,MAAAA,KAAsBC,EAAS,MAAM;AAC1C,QAAA,EAAE,SAAAC,MAAYC,KACd,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,sBAAAC,MAAyBC,KAE3B,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAAmC,IAAI,GAEvEC,IAAa,CAACC,MAA+C;AACjE,IAAAH,EAAYG,EAAM,aAAa,GAC/BV,EAAQW,EAAiB,sBAAsB;AAAA,EAAA,GAG3CC,IAAc,MAAM;AACxB,IAAAL,EAAY,IAAI;AAAA,EAAA,GAGZM,IAAS,EAAQP,GAEjBQ,IAAaN,EAAM,QAAQ,OACX;AAAA,IAClB,CAACO,EAAY,gBAAgB,GAAGb,EAAK;AAAA,IACrC,CAACa,EAAY,eAAe,GAAGb,EAAK;AAAA,IACpC,CAACa,EAAY,cAAc,GAAGb,EAAK;AAAA,EAAA,GAElBE,CAAoB,KAAKF,EAAK,8BAChD,CAACE,CAAoB,CAAC;AAEzB,2BACGY,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAoB,EAAA,YAAAJ,GAAwB,QAAAD,GAAgB,SAASJ,GAAY;AAAA,IACjF,gBAAAQ,EAAAE,GAAA,EAAqB,UAAAb,GAAoB,SAASM,EAAa,CAAA;AAAA,EAClE,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,197 @@
+import { jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { observer as c } from "mobx-react-lite";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as l } from "../../../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { formatCurrency as _ } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as d, useGoalStore as x, useEvent as f } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import S from "../../../common/components/CurrencyInput.js";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import { ListItemAction as h } from "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const fo = c(() => {
+  const { debts: o } = d(), { monthlyCashFlowProfile: t, updateMonthlyCashFlowProfile: a } = x(), { onEvent: n } = f(), [r, m] = u.useState(t?.extra_payment ?? 0), i = r < 0 || r > 9999999999e-2, s = async () => {
+    t && (await a({ ...t, extra_payment: r }), t.extra_payment = r, n(l.DEBTS_SAVE_PAYDOWN_ACTION, {
+      user_guid: t?.user_guid
+    }));
+  }, y = () => {
+    setTimeout(() => {
+      m(t?.extra_payment ?? 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ e(
+    h,
+    {
+      isSaveDisabled: i,
+      label: o.paydown_drawer_extra_payment,
+      onCancel: y,
+      onSave: s,
+      primaryText: o.paydown_drawer_extra_payment,
+      secondaryText: _(t?.extra_payment, "0,0"),
+      zeroStateText: t?.extra_payment ? void 0 : o.add_extra_payment,
+      children: /* @__PURE__ */ e(
+        S,
+        {
+          amount: r,
+          autoFocus: !0,
+          error: i,
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (p) => m(isNaN(Number(p)) ? r : Number(p)),
+          sx: { ".MuiTypography-Body": { p: 0 } }
+        }
+      )
+    }
+  );
+});
+export {
+  fo as ExtraPaymentAction
+};
+//# sourceMappingURL=ExtraPaymentAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtraPaymentAction.js","sources":["../../../../src/debts/components/actions/ExtraPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  formatCurrency,\n  ListItemAction,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n  useGoalStore,\n} from '../../../common'\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-Body': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"names":["ExtraPaymentAction","observer","copy","useGlobalCopyStore","monthlyCashFlowProfile","updateMonthlyCashFlowProfile","useGoalStore","onEvent","useEvent","payment","setPayment","React","isInvalid","handleSave","ANALYTICS_EVENTS","handleCancel","jsx","ListItemAction","formatCurrency","CurrencyInput","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,MAAAA,KAAqBC,EAAS,MAAM;AAC/C,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,wBAAAC,GAAwB,8BAAAC,EAA6B,IAAIC,EAAa,GACxE,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAASC,CAAU,IAAIC,EAAM,SAAiBP,GAAwB,iBAAiB,CAAC,GACzFQ,IAAYH,IAAU,KAAKA,IAAU,eAErCI,IAAa,YAAY;AAC7B,IAAIT,MACF,MAAMC,EAA6B,EAAE,GAAGD,GAAwB,eAAeK,EAAS,CAAA,GACxFL,EAAuB,gBAAgBK,GACvCF,EAAQO,EAAiB,2BAA2B;AAAA,MAClD,WAAWV,GAAwB;AAAA,IAAA,CACpC;AAAA,EACH,GAGIW,IAAe,MAAM;AACzB,eAAW,MAAM;AACJ,MAAAL,EAAAN,GAAwB,iBAAiB,CAAC;AAAA,OACpD,GAAG;AAAA,EAAA;AAIN,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBL;AAAA,MAChB,OAAOV,EAAK;AAAA,MACZ,UAAUa;AAAA,MACV,QAAQF;AAAA,MACR,aAAaX,EAAK;AAAA,MAClB,eAAegB,EAAed,GAAwB,eAAe,KAAK;AAAA,MAC1E,eAAgBA,GAAwB,gBAAyC,SAAzBF,EAAK;AAAA,MAE7D,UAAA,gBAAAc;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQV;AAAA,UACR,WAAW;AAAA,UACX,OAAOG;AAAA,UACP,WAAW;AAAA,UACX,WAAW;AAAA,UACX,WAAW,CAACQ,MAAMV,EAAY,MAAM,OAAOU,CAAC,CAAC,IAAgBX,IAAZ,OAAOW,CAAC,CAAW;AAAA,UACpE,IAAI,EAAE,uBAAuB,EAAE,GAAG,IAAI;AAAA,QAAA;AAAA,MACxC;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -0,0 +1,193 @@
+import { jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { observer as u } from "mobx-react-lite";
+import _ from "@mui/material/TextField";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as d } from "../../../common/constants/Analytics.js";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { formatPercentage as v } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as S, useAccountStore as f, useEvent as T } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import { ListItemAction as A } from "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const fo = u(({ debt: t }) => {
+  const { debts: o } = S(), { updateAccount: a } = f(), { onEvent: n } = T(), [r, i] = l.useState(t.interest_rate ?? 0), m = r < 0, s = async () => {
+    await a({ ...t.account, interest_rate: r }), t.interest_rate = r, n(d.DEBTS_SAVE_RATE_ACTION, { account_guid: t.guid });
+  }, c = () => {
+    setTimeout(() => {
+      i(t.interest_rate ?? 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ e(
+    A,
+    {
+      isSaveDisabled: m,
+      label: `${o.details_interest_rate} (%)`,
+      onCancel: c,
+      onSave: s,
+      primaryText: o.details_interest_rate,
+      secondaryText: v(Number(t.interest_rate) / 100),
+      zeroStateText: t.interest_rate ? void 0 : o.add_interest_rate,
+      children: /* @__PURE__ */ e(
+        _,
+        {
+          error: m,
+          fullWidth: !0,
+          onChange: (p) => i(isNaN(parseFloat(p.target.value)) ? 0 : parseFloat(p.target.value)),
+          type: "number",
+          value: r
+        }
+      )
+    }
+  );
+});
+export {
+  fo as InterestRateAction
+};
+//# sourceMappingURL=InterestRateAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InterestRateAction.js","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  formatPercentage,\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../utils/DebtsWidget'\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"],"names":["InterestRateAction","observer","debt","copy","useGlobalCopyStore","updateAccount","useAccountStore","onEvent","useEvent","rate","setRate","React","isInvalid","handleSave","ANALYTICS_EVENTS","handleCancel","jsx","ListItemAction","formatPercentage","TextField","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAAqBC,EAAS,CAAC,EAAE,MAAAC,QAAoC;AAChF,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,eAAAC,MAAkBC,KACpB,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAiBT,EAAK,iBAAiB,CAAC,GAChEU,IAAYH,IAAO,GAEnBI,IAAa,YAAY;AAC7B,UAAMR,EAAc,EAAE,GAAGH,EAAK,SAAS,eAAeO,GAAM,GAC5DP,EAAK,gBAAgBO,GACrBF,EAAQO,EAAiB,wBAAwB,EAAE,cAAcZ,EAAK,MAAM;AAAA,EAAA,GAGxEa,IAAe,MAAM;AACzB,eAAW,MAAM;AACP,MAAAL,EAAAR,EAAK,iBAAiB,CAAC;AAAA,OAC9B,GAAG;AAAA,EAAA;AAIN,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBL;AAAA,MAChB,OAAO,GAAGT,EAAK,qBAAqB;AAAA,MACpC,UAAUY;AAAA,MACV,QAAQF;AAAA,MACR,aAAaV,EAAK;AAAA,MAClB,eAAee,EAAiB,OAAOhB,EAAK,aAAa,IAAI,GAAG;AAAA,MAChE,eAAgBA,EAAK,gBAAyC,SAAzBC,EAAK;AAAA,MAE1C,UAAA,gBAAAa;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAOP;AAAA,UACP,WAAW;AAAA,UACX,UAAU,CAACQ,MACTV,EAAS,MAAM,WAAWU,EAAE,OAAO,KAAK,CAAC,IAAiC,IAA7B,WAAWA,EAAE,OAAO,KAAK,CAAK;AAAA,UAE7E,MAAK;AAAA,UACL,OAAOX;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}