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

package/dist/goals/components/actions/ChangeAccountAction.js

@@ -0,0 +1,235 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import I from "react";
+import w from "@mui/material/Button";
+import f from "@mui/material/List";
+import n from "@mui/material/ListItem";
+import _ from "@mui/material/ListItemAvatar";
+import c from "@mui/material/ListItemButton";
+import a from "@mui/material/ListItemText";
+import e from "@mui/material/Stack";
+import { AddBox as L, ChevronRight as l } from "@mxenabled/mx-icons";
+import { Text as s, InstitutionLogo as b } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { buildDynamicCopy as B } from "../../../common/utils/Localization.js";
+import { formatCurrency as x } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as j, useGlobalCopyStore as D, useGoalStore as O } 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 "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import P from "../../../common/components/drawer/Drawer.js";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemIcon";
+import { ConnectCard as R } from "../../../common/components/ConnectCard.js";
+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 "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../GoalsWidget.js";
+import "../../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 Or = ({ goal: m }) => {
+  const { visibleCheckingAccounts: y, visibleSavingsAccounts: C } = j(), { accounts: d, goals: r } = D(), { setAlert: A, setSelectedGoal: k, updateGoal: v } = O(), u = !m.guid, [S, p] = I.useState(!1), h = async ({ balance: i, guid: G }) => {
+    const g = { ...m, account_guid: G, current_amount: i || 0 };
+    u ? k(g) : (await v(g), A(r.alert_account_changed)), p(!1);
+  };
+  return /* @__PURE__ */ o(e, { children: [
+    u && !m.account_guid ? /* @__PURE__ */ t(n, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ o(c, { onClick: () => p(!0), children: [
+      /* @__PURE__ */ t(a, { children: /* @__PURE__ */ o(e, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ t(L, { filled: !0 }),
+        r.details_add_account
+      ] }) }),
+      /* @__PURE__ */ t(l, { color: "primary" })
+    ] }) }) : /* @__PURE__ */ o(e, { sx: { gap: 8, my: 24, mx: 24 }, children: [
+      /* @__PURE__ */ t(w, { onClick: () => p(!0), variant: "text", children: r.details_change_account }),
+      /* @__PURE__ */ t(
+        s,
+        {
+          color: "text.secondary",
+          sx: { textAlign: "center", whiteSpace: "wrap" },
+          variant: "Paragraph",
+          children: B(r.details_change_account_description, m.name)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(P, { isOpen: S, onClose: () => p(!1), title: r.details_change_account, children: /* @__PURE__ */ o(e, { children: [
+      /* @__PURE__ */ t(s, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: d.account_types[1] }),
+      /* @__PURE__ */ t(f, { sx: { bgcolor: "background.paper" }, children: y.map((i) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ o(c, { onClick: () => h(i), children: [
+        /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+          b,
+          {
+            alt: i?.name || "",
+            institutionGuid: i?.institution_guid || ""
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          a,
+          {
+            primary: i?.name || i?.feed_name,
+            secondary: x(i?.balance || 0, "0,0.00")
+          }
+        ),
+        /* @__PURE__ */ t(l, {})
+      ] }) }, i.guid)) }),
+      /* @__PURE__ */ t(s, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: d.account_types[2] }),
+      /* @__PURE__ */ t(f, { sx: { bgcolor: "background.paper" }, children: C.map((i) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ o(c, { onClick: () => h(i), children: [
+        /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+          b,
+          {
+            alt: i?.name || "",
+            institutionGuid: i?.institution_guid || ""
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          a,
+          {
+            primary: i?.name || i?.feed_name,
+            secondary: x(i?.balance || 0, "0,0.00")
+          }
+        ),
+        /* @__PURE__ */ t(l, {})
+      ] }) }, i.guid)) }),
+      /* @__PURE__ */ t(
+        R,
+        {
+          description: r.connect_description,
+          label: r.connect_button,
+          title: r.connect_title
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  Or as ChangeAccountAction
+};
+//# sourceMappingURL=ChangeAccountAction.js.map

package/dist/goals/components/actions/ChangeAccountAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeAccountAction.js","sources":["../../../../src/goals/components/actions/ChangeAccountAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { AddBox, ChevronRight } from '@mxenabled/mx-icons'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  type Account,\n  buildDynamicCopy,\n  ConnectCard,\n  Drawer,\n  formatCurrency,\n  Goal,\n  useAccountStore,\n  useGlobalCopyStore,\n  useGoalStore,\n} from '../../../common'\n\ninterface ChangeAccountProps {\n  goal: Goal\n}\n\nexport const ChangeAccountAction = ({ goal }: ChangeAccountProps) => {\n  const { visibleCheckingAccounts: checkingAccounts, visibleSavingsAccounts: savingsAccounts } =\n    useAccountStore()\n  const { accounts: accountsCopy, goals: copy } = useGlobalCopyStore()\n  const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n  const isNew = !goal.guid\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const updateAccount = async ({ balance, guid }: Account) => {\n    const updatedGoal = { ...goal, account_guid: guid, current_amount: balance || 0 }\n    if (isNew) {\n      setSelectedGoal(updatedGoal)\n    } else {\n      await updateGoal(updatedGoal)\n      setAlert(copy.alert_account_changed)\n    }\n    setIsOpen(false)\n  }\n\n  return (\n    <Stack>\n      {isNew && !goal.account_guid ? (\n        <ListItem disableGutters={true} disablePadding={true} sx={{ bgcolor: 'background.paper' }}>\n          <ListItemButton onClick={() => setIsOpen(true)}>\n            <ListItemText>\n              <Stack alignItems=\"center\" color=\"primary.main\" direction=\"row\" gap={8}>\n                <AddBox filled={true} />\n                {copy.details_add_account}\n              </Stack>\n            </ListItemText>\n            <ChevronRight color=\"primary\" />\n          </ListItemButton>\n        </ListItem>\n      ) : (\n        <Stack sx={{ gap: 8, my: 24, mx: 24 }}>\n          <Button onClick={() => setIsOpen(true)} variant=\"text\">\n            {copy.details_change_account}\n          </Button>\n          <Text\n            color=\"text.secondary\"\n            sx={{ textAlign: 'center', whiteSpace: 'wrap' }}\n            variant=\"Paragraph\"\n          >\n            {buildDynamicCopy(copy.details_change_account_description, goal.name) as string}\n          </Text>\n        </Stack>\n      )}\n      <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)} title={copy.details_change_account}>\n        <Stack>\n          <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"XSmall\">\n            {accountsCopy.account_types['1']}\n          </Text>\n          <List sx={{ bgcolor: 'background.paper' }}>\n            {checkingAccounts.map((account) => (\n              <ListItem key={account.guid}>\n                <ListItemButton onClick={() => updateAccount(account)}>\n                  <ListItemAvatar>\n                    <InstitutionLogo\n                      alt={account?.name || ''}\n                      institutionGuid={account?.institution_guid || ''}\n                    />\n                  </ListItemAvatar>\n                  <ListItemText\n                    primary={account?.name || account?.feed_name}\n                    secondary={formatCurrency(account?.balance || 0, '0,0.00')}\n                  />\n                  <ChevronRight />\n                </ListItemButton>\n              </ListItem>\n            ))}\n          </List>\n\n          <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"XSmall\">\n            {accountsCopy.account_types['2']}\n          </Text>\n          <List sx={{ bgcolor: 'background.paper' }}>\n            {savingsAccounts.map((account) => (\n              <ListItem key={account.guid}>\n                <ListItemButton onClick={() => updateAccount(account)}>\n                  <ListItemAvatar>\n                    <InstitutionLogo\n                      alt={account?.name || ''}\n                      institutionGuid={account?.institution_guid || ''}\n                    />\n                  </ListItemAvatar>\n                  <ListItemText\n                    primary={account?.name || account?.feed_name}\n                    secondary={formatCurrency(account?.balance || 0, '0,0.00')}\n                  />\n                  <ChevronRight />\n                </ListItemButton>\n              </ListItem>\n            ))}\n          </List>\n\n          <ConnectCard\n            description={copy.connect_description}\n            label={copy.connect_button}\n            title={copy.connect_title}\n          />\n        </Stack>\n      </Drawer>\n    </Stack>\n  )\n}\n"],"names":["ChangeAccountAction","goal","checkingAccounts","savingsAccounts","useAccountStore","accountsCopy","copy","useGlobalCopyStore","setAlert","setSelectedGoal","updateGoal","useGoalStore","isNew","isOpen","setIsOpen","React","updateAccount","balance","guid","updatedGoal","Stack","jsx","ListItem","jsxs","ListItemButton","ListItemText","AddBox","ChevronRight","Button","Text","buildDynamicCopy","Drawer","List","account","ListItemAvatar","InstitutionLogo","formatCurrency","ConnectCard"],"mappings":"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"}

package/dist/goals/components/actions/ContributionAction.js

@@ -0,0 +1,196 @@
+import { jsx as a } from "react/jsx-runtime";
+import l from "react";
+import { observer as c } from "mobx-react-lite";
+import f from "@mui/material/Stack";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { formatCurrency as d } 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 b, useGoalStore as A } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../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 C 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 g } 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 { TrackType as m } from "../../../common/types/Goal.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 "../../../debts/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 "../../GoalsWidget.js";
+import "../../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 Ar = c(({ trackType: r }) => {
+  const { goals: p } = b(), { setAlert: s, monthlyCashFlowProfile: i, updateMonthlyCashFlowProfile: u } = A(), e = l.useMemo(() => {
+    let o = 0;
+    return r === m.SAVINGS_TRACK ? o = i?.amount_allocated_for_savings_goals || 0 : r === m.DEBT_TRACK ? o = i?.amount_allocated_for_debt_goals || 0 : r === m.RETIREMENT_TRACK && (o = i?.amount_allocated_for_retirement_goals || 0), o;
+  }, [i]), [t, n] = l.useState(e), _ = async () => {
+    if (i) {
+      const o = { ...i };
+      r === m.SAVINGS_TRACK ? o.amount_allocated_for_savings_goals = t : r === m.DEBT_TRACK ? o.amount_allocated_for_debt_goals = t : r === m.RETIREMENT_TRACK && (o.amount_allocated_for_retirement_goals = t), await u(o), s(p.alert_contribution_updated);
+    }
+  };
+  return /* @__PURE__ */ a(f, { bgcolor: "background.paper", children: /* @__PURE__ */ a(
+    g,
+    {
+      isSaveDisabled: !t || isNaN(t),
+      label: p.contribution_label,
+      onCancel: () => n(e),
+      onSave: _,
+      primaryText: p.contribution_label,
+      secondaryText: d(e, "0,0.00"),
+      children: /* @__PURE__ */ a(
+        C,
+        {
+          amount: t,
+          autoFocus: !0,
+          error: !t || isNaN(t),
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (o) => n(isNaN(Number(o)) ? t : Number(o)),
+          sx: { ".MuiTypography-Body": { p: 0 } }
+        }
+      )
+    }
+  ) });
+});
+export {
+  Ar as ContributionAction
+};
+//# sourceMappingURL=ContributionAction.js.map

package/dist/goals/components/actions/ContributionAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContributionAction.js","sources":["../../../../src/goals/components/actions/ContributionAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport {\n  CurrencyInput,\n  formatCurrency,\n  ListItemAction,\n  TrackType,\n  useGlobalCopyStore,\n  useGoalStore,\n} from '../../../common'\n\ninterface ContributionActionProps {\n  trackType: TrackType\n}\n\nexport const ContributionAction = observer(({ trackType }: ContributionActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, monthlyCashFlowProfile, updateMonthlyCashFlowProfile } = useGoalStore()\n\n  const contribution = React.useMemo(() => {\n    let amount = 0\n    if (trackType === TrackType.SAVINGS_TRACK) {\n      amount = monthlyCashFlowProfile?.amount_allocated_for_savings_goals || 0\n    } else if (trackType === TrackType.DEBT_TRACK) {\n      amount = monthlyCashFlowProfile?.amount_allocated_for_debt_goals || 0\n    } else if (trackType === TrackType.RETIREMENT_TRACK) {\n      amount = monthlyCashFlowProfile?.amount_allocated_for_retirement_goals || 0\n    }\n    return amount\n  }, [monthlyCashFlowProfile])\n\n  const [amount, setAmount] = React.useState<number>(contribution)\n\n  const handleSave = async () => {\n    if (monthlyCashFlowProfile) {\n      const updatedProfile = { ...monthlyCashFlowProfile }\n      if (trackType === TrackType.SAVINGS_TRACK) {\n        updatedProfile.amount_allocated_for_savings_goals = amount\n      } else if (trackType === TrackType.DEBT_TRACK) {\n        updatedProfile.amount_allocated_for_debt_goals = amount\n      } else if (trackType === TrackType.RETIREMENT_TRACK) {\n        updatedProfile.amount_allocated_for_retirement_goals = amount\n      }\n\n      await updateMonthlyCashFlowProfile(updatedProfile)\n      setAlert(copy.alert_contribution_updated)\n    }\n  }\n\n  return (\n    <Stack bgcolor=\"background.paper\">\n      <ListItemAction\n        isSaveDisabled={!amount || isNaN(amount)}\n        label={copy.contribution_label}\n        onCancel={() => setAmount(contribution)}\n        onSave={handleSave}\n        primaryText={copy.contribution_label}\n        secondaryText={formatCurrency(contribution, '0,0.00')}\n      >\n        <CurrencyInput\n          amount={amount}\n          autoFocus={true}\n          error={!amount || isNaN(amount)}\n          fullWidth={true}\n          minAmount={0}\n          setAmount={(value) => setAmount(!isNaN(Number(value)) ? Number(value) : amount)}\n          sx={{ '.MuiTypography-Body': { p: 0 } }}\n        />\n      </ListItemAction>\n    </Stack>\n  )\n})\n"],"names":["ContributionAction","observer","trackType","copy","useGlobalCopyStore","setAlert","monthlyCashFlowProfile","updateMonthlyCashFlowProfile","useGoalStore","contribution","React","amount","TrackType","setAmount","handleSave","updatedProfile","jsx","Stack","ListItemAction","formatCurrency","CurrencyInput","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,KAAqBC,EAAS,CAAC,EAAE,WAAAC,QAAyC;AACrF,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,UAAAC,GAAU,wBAAAC,GAAwB,8BAAAC,MAAiCC,EAAa,GAElFC,IAAeC,EAAM,QAAQ,MAAM;AACvC,QAAIC,IAAS;AACT,WAAAT,MAAcU,EAAU,gBAC1BD,IAASL,GAAwB,sCAAsC,IAC9DJ,MAAcU,EAAU,aACjCD,IAASL,GAAwB,mCAAmC,IAC3DJ,MAAcU,EAAU,qBACjCD,IAASL,GAAwB,yCAAyC,IAErEK;AAAAA,EAAA,GACN,CAACL,CAAsB,CAAC,GAErB,CAACK,GAAQE,CAAS,IAAIH,EAAM,SAAiBD,CAAY,GAEzDK,IAAa,YAAY;AAC7B,QAAIR,GAAwB;AACpB,YAAAS,IAAiB,EAAE,GAAGT;AACxB,MAAAJ,MAAcU,EAAU,gBAC1BG,EAAe,qCAAqCJ,IAC3CT,MAAcU,EAAU,aACjCG,EAAe,kCAAkCJ,IACxCT,MAAcU,EAAU,qBACjCG,EAAe,wCAAwCJ,IAGzD,MAAMJ,EAA6BQ,CAAc,GACjDV,EAASF,EAAK,0BAA0B;AAAA,IAC1C;AAAA,EAAA;AAIA,SAAA,gBAAAa,EAACC,GAAM,EAAA,SAAQ,oBACb,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,gBAAgB,CAACP,KAAU,MAAMA,CAAM;AAAA,MACvC,OAAOR,EAAK;AAAA,MACZ,UAAU,MAAMU,EAAUJ,CAAY;AAAA,MACtC,QAAQK;AAAA,MACR,aAAaX,EAAK;AAAA,MAClB,eAAegB,EAAeV,GAAc,QAAQ;AAAA,MAEpD,UAAA,gBAAAO;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAAT;AAAA,UACA,WAAW;AAAA,UACX,OAAO,CAACA,KAAU,MAAMA,CAAM;AAAA,UAC9B,WAAW;AAAA,UACX,WAAW;AAAA,UACX,WAAW,CAACU,MAAUR,EAAW,MAAM,OAAOQ,CAAK,CAAC,IAAoBV,IAAhB,OAAOU,CAAK,CAAU;AAAA,UAC9E,IAAI,EAAE,uBAAuB,EAAE,GAAG,IAAI;AAAA,QAAA;AAAA,MACxC;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}