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

package/dist/goals/components/managegoals/ReorderGoals.js

@@ -0,0 +1,262 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import c from "react";
+import { fromUnixTime as w } from "date-fns/fromUnixTime";
+import R from "@mui/material/ListItem";
+import G from "@mui/material/ListItemButton";
+import S from "@mui/material/ListItemText";
+import n from "@mui/material/Stack";
+import v from "@mui/icons-material/DragHandle";
+import { DataGridPro as T } from "@mui/x-data-grid-pro";
+import { ChevronRight as D } from "@mxenabled/mx-icons";
+import { Text as a, P as H } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import { formatDate as I, DATE_FORMATS_INTL as O } from "../../../common/constants/DateFormats.js";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import { buildDynamicCopy as j } from "../../../common/utils/Localization.js";
+import { formatCurrency as A } from "../../../common/utils/NumberFormatting.js";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as B, useGoalStore as L } 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 M 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/ListItemAvatar";
+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 "../../../debts/DebtsWidget.js";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../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 Lt = ({ goals: f }) => {
+  const { goals: i, common: h } = B(), { reorderGoals: _, setAlert: g } = L(), [l, s] = c.useState(!1), [d, u] = c.useState(f.map((r) => ({ ...r })));
+  c.useEffect(() => {
+    l && u(f.map((r) => ({ ...r })));
+  }, [l]);
+  const y = [
+    {
+      field: "name",
+      flex: 1,
+      renderCell: (r) => {
+        const t = r.row;
+        return /* @__PURE__ */ e(n, { children: [
+          /* @__PURE__ */ o(a, { bold: !0, variant: "Body", children: t.name }),
+          /* @__PURE__ */ o(a, { variant: "XSmall", children: j(
+            i.goal_projection,
+            I(
+              w(t.projected_to_complete_at || 0),
+              O.MONTH_SHORT_YEAR
+            )
+          ) })
+        ] });
+      },
+      sortable: !1
+    },
+    {
+      align: "right",
+      field: "amount",
+      minWidth: 140,
+      renderCell: (r) => {
+        const t = r.row;
+        return /* @__PURE__ */ o(a, { bold: !0, sx: { mr: 12 }, variant: "Body", children: A(t.amount, "0,0.00") });
+      },
+      sortable: !1
+    }
+  ], C = d.map((r) => ({
+    id: r.guid,
+    isHovering: !1,
+    __reorder__: r.name,
+    ...r
+  })), x = ({ oldIndex: r, targetIndex: t }) => {
+    const m = [...d];
+    m.splice(t, 0, m.splice(r, 1)[0]);
+    for (let p = 0; p < m.length; p += 1)
+      m[p].position = p + 1;
+    u(m);
+  }, b = async () => {
+    await _(d), g(i.alert_goals_reordered), s(!1);
+  };
+  return /* @__PURE__ */ e(n, { children: [
+    /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(G, { onClick: () => s(!0), children: /* @__PURE__ */ o(S, { children: /* @__PURE__ */ e(
+      n,
+      {
+        alignItems: "center",
+        color: "action.active",
+        direction: "row",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ o(a, { color: "primary.light", variant: "Body", children: i.reorder_goals_title }),
+          /* @__PURE__ */ o(D, { color: "primary" })
+        ]
+      }
+    ) }) }) }),
+    /* @__PURE__ */ o(
+      M,
+      {
+        ariaLabelClose: h.close_aria,
+        isOpen: l,
+        onClose: () => s(!1),
+        onPrimaryAction: b,
+        title: i.reorder_goals_title,
+        children: /* @__PURE__ */ e(n, { children: [
+          /* @__PURE__ */ o(H, { sx: { my: 12, mx: 24 }, children: i.reorder_goals_description }),
+          /* @__PURE__ */ o(
+            T,
+            {
+              columnHeaderHeight: 0,
+              columns: y,
+              disableColumnFilter: !0,
+              disableColumnMenu: !0,
+              hideFooter: !0,
+              onRowOrderChange: x,
+              rowReordering: !0,
+              rows: C,
+              slots: {
+                rowReorderIcon: () => /* @__PURE__ */ o(v, { sx: { ml: 12 } })
+                //TODO: Add to mx-icons
+              },
+              sx: {
+                "& .MuiDataGrid-columnHeaders": {
+                  borderBottomWidth: 0
+                }
+              }
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  Lt as ReorderGoals
+};
+//# sourceMappingURL=ReorderGoals.js.map

package/dist/goals/components/managegoals/ReorderGoals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderGoals.js","sources":["../../../../src/goals/components/managegoals/ReorderGoals.tsx"],"sourcesContent":["import React from 'react'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\nimport DragHandle from '@mui/icons-material/DragHandle'\n\nimport {\n  DataGridPro,\n  GridCellParams,\n  GridColDef,\n  GridRowOrderChangeParams,\n} from '@mui/x-data-grid-pro'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { P, Text } from '@mxenabled/mxui'\n\nimport {\n  buildDynamicCopy,\n  DATE_FORMATS_INTL,\n  Drawer,\n  formatCurrency,\n  formatDate,\n  Goal,\n  useGlobalCopyStore,\n  useGoalStore,\n} from '../../../common'\n\ninterface RearrangeGoalsProps {\n  goals: Goal[]\n}\n\nexport const ReorderGoals = ({ goals }: RearrangeGoalsProps) => {\n  const { goals: copy, common: commonCopy } = useGlobalCopyStore()\n  const { reorderGoals, setAlert } = useGoalStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [reorderedGoals, setReorderedGoals] = React.useState(goals.map((goal) => ({ ...goal })))\n\n  React.useEffect(() => {\n    if (isOpen) {\n      setReorderedGoals(goals.map((goal) => ({ ...goal })))\n    }\n  }, [isOpen])\n\n  const columns: GridColDef[] = [\n    {\n      field: 'name',\n      flex: 1,\n      renderCell: (cell: GridCellParams) => {\n        const goal = cell.row as Goal\n        return (\n          <Stack>\n            <Text bold={true} variant=\"Body\">\n              {goal.name}\n            </Text>\n            <Text variant=\"XSmall\">\n              {\n                buildDynamicCopy(\n                  copy.goal_projection,\n                  formatDate(\n                    fromUnixTime(goal.projected_to_complete_at || 0),\n                    DATE_FORMATS_INTL.MONTH_SHORT_YEAR,\n                  ),\n                ) as string\n              }\n            </Text>\n          </Stack>\n        )\n      },\n      sortable: false,\n    },\n    {\n      align: 'right',\n      field: 'amount',\n      minWidth: 140,\n      renderCell: (cell: GridCellParams) => {\n        const goal = cell.row as Goal\n        return (\n          <Text bold={true} sx={{ mr: 12 }} variant=\"Body\">\n            {formatCurrency(goal.amount, '0,0.00')}\n          </Text>\n        )\n      },\n      sortable: false,\n    },\n  ]\n\n  const rows = reorderedGoals.map((goal) => ({\n    id: goal.guid,\n    isHovering: false,\n    __reorder__: goal.name,\n    ...goal,\n  }))\n\n  const handleRowOrderChange = ({ oldIndex, targetIndex }: GridRowOrderChangeParams) => {\n    const updatedGoals = [...reorderedGoals]\n    updatedGoals.splice(targetIndex, 0, updatedGoals.splice(oldIndex, 1)[0])\n    for (let i = 0; i < updatedGoals.length; i += 1) {\n      updatedGoals[i].position = i + 1\n    }\n    setReorderedGoals(updatedGoals)\n  }\n\n  const handleSave = async () => {\n    await reorderGoals(reorderedGoals)\n    setAlert(copy.alert_goals_reordered)\n    setIsOpen(false)\n  }\n\n  return (\n    <Stack>\n      <ListItem>\n        <ListItemButton onClick={() => setIsOpen(true)}>\n          <ListItemText>\n            <Stack\n              alignItems=\"center\"\n              color=\"action.active\"\n              direction=\"row\"\n              justifyContent=\"space-between\"\n            >\n              <Text color=\"primary.light\" variant=\"Body\">\n                {copy.reorder_goals_title}\n              </Text>\n              <ChevronRight color=\"primary\" />\n            </Stack>\n          </ListItemText>\n        </ListItemButton>\n      </ListItem>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handleSave}\n        title={copy.reorder_goals_title}\n      >\n        <Stack>\n          <P sx={{ my: 12, mx: 24 }}>{copy.reorder_goals_description}</P>\n          <DataGridPro\n            columnHeaderHeight={0}\n            columns={columns}\n            disableColumnFilter={true}\n            disableColumnMenu={true}\n            hideFooter={true}\n            onRowOrderChange={handleRowOrderChange}\n            rowReordering={true}\n            rows={rows}\n            slots={{\n              rowReorderIcon: () => <DragHandle sx={{ ml: 12 }} />, //TODO: Add to mx-icons\n            }}\n            sx={{\n              '& .MuiDataGrid-columnHeaders': {\n                borderBottomWidth: 0,\n              },\n            }}\n          />\n        </Stack>\n      </Drawer>\n    </Stack>\n  )\n}\n"],"names":["ReorderGoals","goals","copy","commonCopy","useGlobalCopyStore","reorderGoals","setAlert","useGoalStore","isOpen","setIsOpen","React","reorderedGoals","setReorderedGoals","goal","columns","cell","Stack","jsx","Text","buildDynamicCopy","formatDate","fromUnixTime","DATE_FORMATS_INTL","formatCurrency","rows","handleRowOrderChange","oldIndex","targetIndex","updatedGoals","i","handleSave","ListItem","ListItemButton","ListItemText","jsxs","ChevronRight","Drawer","P","DataGridPro","DragHandle"],"mappings":"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"}

package/dist/goals/components/micro/GoalMicroStatusCard.js

@@ -0,0 +1,191 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { observer as d } from "mobx-react-lite";
+import h from "@mui/material/Avatar";
+import f from "@mui/material/Box";
+import u from "@mui/material/Stack";
+import g from "@mui/material/styles/useTheme";
+import { Payments as x, NoteStack as y, Person as S } from "@mxenabled/mx-icons";
+import { H2 as T, Text as k, P 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 "react";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as v } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+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 _ from "../../../common/components/donuts/SingleSegmentDonut.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/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 { TrackType as e } 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";
+import { getGoalStatusData as C } from "../../util/GoalsUtil.js";
+const Co = d(({ goal: r }) => {
+  const { goals: n } = v(), i = g(), {
+    backgroundColor: a,
+    color: c,
+    percentage: s,
+    projectedText: l
+  } = C(n, r), m = Math.round(s * 100);
+  let o = /* @__PURE__ */ t(x, {});
+  return r.track_type === e.DEBT_TRACK ? o = /* @__PURE__ */ t(y, {}) : r.track_type === e.RETIREMENT_TRACK && (o = /* @__PURE__ */ t(S, {})), /* @__PURE__ */ p(u, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
+    /* @__PURE__ */ t(h, { sx: { bgcolor: a, color: c, height: 32, width: 32 }, variant: "rounded", children: o }),
+    /* @__PURE__ */ p(f, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ t(T, { fontSize: 15, fontWeight: 600, variant: "body1", children: r.name }),
+      r.projected_to_complete_at && /* @__PURE__ */ t(k, { color: "text.secondary", variant: "XSmall", children: l })
+    ] }),
+    /* @__PURE__ */ t(
+      _,
+      {
+        backgroundStrokeColor: i.palette.border.lighter,
+        color: i.palette.primary.main,
+        percent: m,
+        size: 40,
+        strokeWidth: 3,
+        children: /* @__PURE__ */ t(b, { fontWeight: 700, variant: "caption", children: `${m}%` })
+      }
+    )
+  ] });
+});
+export {
+  Co as GoalMicroStatusCard
+};
+//# sourceMappingURL=GoalMicroStatusCard.js.map

package/dist/goals/components/micro/GoalMicroStatusCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalMicroStatusCard.js","sources":["../../../../src/goals/components/micro/GoalMicroStatusCard.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { NoteStack, Payments, Person } from '@mxenabled/mx-icons'\n\nimport { H2, P, Text } from '@mxenabled/mxui'\n\nimport { type Goal, SingleSegmentDonut, TrackType, useGlobalCopyStore } from '../../../common'\n\nimport { getGoalStatusData } from '../../util/GoalsUtil'\n\ninterface GoalStatusCardProps {\n  goal: Goal\n}\n\nexport const GoalMicroStatusCard = observer(({ goal }: GoalStatusCardProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  const {\n    backgroundColor: bgcolor,\n    color,\n    percentage,\n    projectedText,\n  } = getGoalStatusData(copy, goal)\n\n  const percentNumber = Math.round(percentage * 100)\n\n  let avatarIcon = <Payments />\n  if (goal.track_type === TrackType.DEBT_TRACK) {\n    avatarIcon = <NoteStack />\n  } else if (goal.track_type === TrackType.RETIREMENT_TRACK) {\n    avatarIcon = <Person />\n  }\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" spacing={12} sx={{ py: 12 }}>\n      <Avatar sx={{ bgcolor, color, height: 32, width: 32 }} variant=\"rounded\">\n        {avatarIcon}\n      </Avatar>\n      <Box sx={{ width: '100%' }}>\n        <H2 fontSize={15} fontWeight={600} variant=\"body1\">\n          {goal.name}\n        </H2>\n        {goal.projected_to_complete_at && (\n          <Text color=\"text.secondary\" variant=\"XSmall\">\n            {projectedText}\n          </Text>\n        )}\n      </Box>\n      <SingleSegmentDonut\n        backgroundStrokeColor={theme.palette.border.lighter}\n        color={theme.palette.primary.main}\n        percent={percentNumber}\n        size={40}\n        strokeWidth={3}\n      >\n        <P fontWeight={700} variant=\"caption\">\n          {`${percentNumber}%`}\n        </P>\n      </SingleSegmentDonut>\n    </Stack>\n  )\n})\n"],"names":["GoalMicroStatusCard","observer","goal","copy","useGlobalCopyStore","theme","useTheme","bgcolor","color","percentage","projectedText","getGoalStatusData","percentNumber","avatarIcon","Payments","TrackType","NoteStack","Person","jsxs","Stack","jsx","Avatar","Box","H2","Text","SingleSegmentDonut","P"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAAsBC,EAAS,CAAC,EAAE,MAAAC,QAAgC;AAC7E,QAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GAErCC,IAAQC,KAER;AAAA,IACJ,iBAAiBC;AAAA,IACjB,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC,EAAkBR,GAAMD,CAAI,GAE1BU,IAAgB,KAAK,MAAMH,IAAa,GAAG;AAE7C,MAAAI,sBAAcC,GAAS,CAAA,CAAA;AACvB,SAAAZ,EAAK,eAAea,EAAU,aAChCF,sBAAcG,GAAU,CAAA,CAAA,IACfd,EAAK,eAAea,EAAU,qBACvCF,sBAAcI,GAAO,CAAA,CAAA,IAIpB,gBAAAC,EAAAC,GAAA,EAAM,YAAW,UAAS,WAAU,OAAM,SAAS,IAAI,IAAI,EAAE,IAAI,GAAA,GAChE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAO,EAAA,IAAI,EAAE,SAAAd,GAAS,OAAAC,GAAO,QAAQ,IAAI,OAAO,GAAG,GAAG,SAAQ,WAC5D,UACHK,GAAA;AAAA,sBACCS,GAAI,EAAA,IAAI,EAAE,OAAO,OAChB,GAAA,UAAA;AAAA,MAAC,gBAAAF,EAAAG,GAAA,EAAG,UAAU,IAAI,YAAY,KAAK,SAAQ,SACxC,YAAK,KACR,CAAA;AAAA,MACCrB,EAAK,4BACH,gBAAAkB,EAAAI,GAAA,EAAK,OAAM,kBAAiB,SAAQ,UAClC,UACHd,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAU;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,uBAAuBpB,EAAM,QAAQ,OAAO;AAAA,QAC5C,OAAOA,EAAM,QAAQ,QAAQ;AAAA,QAC7B,SAASO;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,QAEb,UAAA,gBAAAQ,EAACM,KAAE,YAAY,KAAK,SAAQ,WACzB,UAAA,GAAGd,CAAa,IACnB,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}