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

package/dist/goals/components/GoalList.js

@@ -0,0 +1,236 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { observer as g } from "mobx-react-lite";
+import y from "@mui/material/Button";
+import x from "@mui/material/Card";
+import G from "@mui/material/CardActionArea";
+import A from "@mui/material/CardContent";
+import _ from "@mui/material/Unstable_Grid2";
+import o from "@mui/material/Stack";
+import { Text as n, P as f, Icon as k } 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 { formatCurrency as I } 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 { useGlobalCopyStore as v, useGoalStore as w } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as R } from "../../common/hooks/useScreenSize.js";
+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 "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+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/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 { TrackType as p } 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 { GoalStatusCard as T } from "./GoalStatusCard.js";
+import { ManageGoals as K } from "./ManageGoals.js";
+import { getZeroStateOngoing as j } from "../util/GoalsUtil.js";
+const Eo = g(({ trackType: e, onAddGoals: u }) => {
+  const { isMobile: c } = R(), { goals: i } = v(), { orderedGoals: S, setSelectedGoal: l } = w(), a = S.filter((t) => t.track_type === e), s = a.filter(
+    (t) => t.track_type === p.SAVINGS_TRACK && !t.has_been_spent || t.track_type !== p.SAVINGS_TRACK && !t.is_complete
+  ), d = a.filter(
+    (t) => t.track_type === p.SAVINGS_TRACK && t.has_been_spent || t.track_type !== p.SAVINGS_TRACK && t.is_complete
+  ), b = e === p.DEBT_TRACK ? i.zero_state_complete_debt : i.zero_state_complete_savings;
+  return /* @__PURE__ */ m(o, { mt: 16, mx: c ? 24 : 0, children: [
+    /* @__PURE__ */ m(o, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
+      /* @__PURE__ */ r(n, { color: "text.secondary", variant: "Small", children: i.ongoing_title }),
+      /* @__PURE__ */ r(K, { trackType: e })
+    ] }),
+    s.length > 0 ? /* @__PURE__ */ r(_, { container: !0, spacing: 24, children: s.map((t, h, C) => (
+      // Goal should be full width in mobile or if it's the first goal (unless there are 2)
+      /* @__PURE__ */ r(_, { xs: c || h === 0 && C.length !== 2 ? 12 : 6, children: /* @__PURE__ */ r(T, { goal: t, onClick: () => l(t) }, t.guid) }, h)
+    )) }) : /* @__PURE__ */ m(
+      o,
+      {
+        alignItems: "center",
+        bgcolor: "background.default",
+        borderRadius: 2,
+        height: 166,
+        justifyContent: "center",
+        py: 18,
+        children: [
+          /* @__PURE__ */ r(
+            f,
+            {
+              sx: (t) => ({
+                color: "text.secondary",
+                [t.breakpoints.down("sm")]: {
+                  px: 10
+                },
+                width: { sm: 381 }
+              }),
+              variant: "Small",
+              children: j(e, i)
+            }
+          ),
+          /* @__PURE__ */ r(y, { onClick: u, sx: { mt: 16, width: { sm: 224 } }, variant: "contained", children: i.add_goals_button })
+        ]
+      }
+    ),
+    e !== p.RETIREMENT_TRACK && /* @__PURE__ */ m(o, { gap: 16, mt: 48, children: [
+      /* @__PURE__ */ r(n, { color: "text.secondary", variant: "Small", children: i.complete_title }),
+      d.length === 0 && /* @__PURE__ */ r(o, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ r(
+        f,
+        {
+          sx: (t) => ({
+            color: "text.secondary",
+            width: { sm: 393 },
+            [t.breakpoints.down("sm")]: {
+              px: 10
+            }
+          }),
+          variant: "Small",
+          children: b
+        }
+      ) }),
+      d.map((t) => /* @__PURE__ */ r(x, { elevation: 2, children: /* @__PURE__ */ r(G, { onClick: () => l(t), children: /* @__PURE__ */ r(A, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ m(o, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ m(o, { alignItems: "center", direction: "row", gap: 6, children: [
+          /* @__PURE__ */ r(k, { color: "success", fill: !0, name: "check_circle", size: 20 }),
+          /* @__PURE__ */ r(n, { color: "text.secondary", variant: "Body", children: t.name })
+        ] }),
+        /* @__PURE__ */ r(n, { bold: !0, variant: "Body", children: I(t.amount, "0,0.00") })
+      ] }) }) }) }, t.guid))
+    ] })
+  ] });
+});
+export {
+  Eo as GoalList
+};
+//# sourceMappingURL=GoalList.js.map

package/dist/goals/components/GoalList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalList.js","sources":["../../../src/goals/components/GoalList.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport Grid from '@mui/material/Unstable_Grid2'\nimport Stack from '@mui/material/Stack'\nimport type { Theme } from '@mui/system'\n\nimport { Icon, P, Text } from '@mxenabled/mxui'\n\nimport {\n  formatCurrency,\n  TrackType,\n  useGlobalCopyStore,\n  useGoalStore,\n  useScreenSize,\n} from '../../common'\n\nimport { GoalStatusCard } from './GoalStatusCard'\nimport { ManageGoals } from './ManageGoals'\nimport { getZeroStateOngoing } from '../util/GoalsUtil'\n\ninterface GoalListProps {\n  trackType: TrackType\n  onAddGoals: () => void\n}\n\nexport const GoalList = observer(({ trackType, onAddGoals }: GoalListProps) => {\n  const { isMobile } = useScreenSize()\n  const { goals: copy } = useGlobalCopyStore()\n  const { orderedGoals: allGoals, setSelectedGoal } = useGoalStore()\n  const goals = allGoals.filter((goal) => goal.track_type === trackType)\n  const ongoing = goals.filter(\n    (goal) =>\n      (goal.track_type === TrackType.SAVINGS_TRACK && !goal.has_been_spent) ||\n      (goal.track_type !== TrackType.SAVINGS_TRACK && !goal.is_complete),\n  )\n  const complete = goals.filter(\n    (goal) =>\n      (goal.track_type === TrackType.SAVINGS_TRACK && goal.has_been_spent) ||\n      (goal.track_type !== TrackType.SAVINGS_TRACK && goal.is_complete),\n  )\n\n  const zeroStateComplete =\n    trackType === TrackType.DEBT_TRACK\n      ? copy.zero_state_complete_debt\n      : copy.zero_state_complete_savings\n  return (\n    <Stack mt={16} mx={isMobile ? 24 : 0}>\n      <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\" mb={8}>\n        <Text color=\"text.secondary\" variant=\"Small\">\n          {copy.ongoing_title}\n        </Text>\n        <ManageGoals trackType={trackType} />\n      </Stack>\n\n      {ongoing.length > 0 ? (\n        <Grid container={true} spacing={24}>\n          {ongoing.map((goal, index, goals) => (\n            // Goal should be full width in mobile or if it's the first goal (unless there are 2)\n            <Grid key={index} xs={isMobile || (index === 0 && goals.length !== 2) ? 12 : 6}>\n              <GoalStatusCard goal={goal} key={goal.guid} onClick={() => setSelectedGoal(goal)} />\n            </Grid>\n          ))}\n        </Grid>\n      ) : (\n        <Stack\n          alignItems=\"center\"\n          bgcolor=\"background.default\"\n          borderRadius={2}\n          height={166}\n          justifyContent=\"center\"\n          py={18}\n        >\n          <P\n            sx={(theme) => ({\n              color: 'text.secondary',\n              [(theme as Theme).breakpoints.down('sm')]: {\n                px: 10,\n              },\n              width: { sm: 381 },\n            })}\n            variant=\"Small\"\n          >\n            {getZeroStateOngoing(trackType, copy)}\n          </P>\n          <Button onClick={onAddGoals} sx={{ mt: 16, width: { sm: 224 } }} variant=\"contained\">\n            {copy.add_goals_button}\n          </Button>\n        </Stack>\n      )}\n\n      {trackType !== TrackType.RETIREMENT_TRACK && (\n        <Stack gap={16} mt={48}>\n          <Text color=\"text.secondary\" variant=\"Small\">\n            {copy.complete_title}\n          </Text>\n          {complete.length === 0 && (\n            <Stack alignItems=\"center\" bgcolor=\"background.default\" borderRadius={2} py={18}>\n              <P\n                sx={(theme) => ({\n                  color: 'text.secondary',\n                  width: { sm: 393 },\n                  [(theme as Theme).breakpoints.down('sm')]: {\n                    px: 10,\n                  },\n                })}\n                variant=\"Small\"\n              >\n                {zeroStateComplete}\n              </P>\n            </Stack>\n          )}\n          {complete.map((goal) => (\n            <Card elevation={2} key={goal.guid}>\n              <CardActionArea onClick={() => setSelectedGoal(goal)}>\n                <CardContent sx={{ ':last-child': { pb: 16 } }}>\n                  <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n                    <Stack alignItems=\"center\" direction=\"row\" gap={6}>\n                      <Icon color=\"success\" fill={true} name=\"check_circle\" size={20} />\n                      <Text color=\"text.secondary\" variant=\"Body\">\n                        {goal.name}\n                      </Text>\n                    </Stack>\n                    <Text bold={true} variant=\"Body\">\n                      {formatCurrency(goal.amount, '0,0.00')}\n                    </Text>\n                  </Stack>\n                </CardContent>\n              </CardActionArea>\n            </Card>\n          ))}\n        </Stack>\n      )}\n    </Stack>\n  )\n})\n"],"names":["GoalList","observer","trackType","onAddGoals","isMobile","useScreenSize","copy","useGlobalCopyStore","allGoals","setSelectedGoal","useGoalStore","goals","goal","ongoing","TrackType","complete","zeroStateComplete","Stack","jsxs","jsx","Text","ManageGoals","Grid","index","GoalStatusCard","P","theme","getZeroStateOngoing","Button","Card","CardActionArea","CardContent","Icon","formatCurrency"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAMA,KAAWC,EAAS,CAAC,EAAE,WAAAC,GAAW,YAAAC,QAAgC;AACvE,QAAA,EAAE,UAAAC,MAAaC,KACf,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,cAAcC,GAAU,iBAAAC,MAAoBC,EAAa,GAC3DC,IAAQH,EAAS,OAAO,CAACI,MAASA,EAAK,eAAeV,CAAS,GAC/DW,IAAUF,EAAM;AAAA,IACpB,CAACC,MACEA,EAAK,eAAeE,EAAU,iBAAiB,CAACF,EAAK,kBACrDA,EAAK,eAAeE,EAAU,iBAAiB,CAACF,EAAK;AAAA,EAAA,GAEpDG,IAAWJ,EAAM;AAAA,IACrB,CAACC,MACEA,EAAK,eAAeE,EAAU,iBAAiBF,EAAK,kBACpDA,EAAK,eAAeE,EAAU,iBAAiBF,EAAK;AAAA,EAAA,GAGnDI,IACJd,MAAcY,EAAU,aACpBR,EAAK,2BACLA,EAAK;AACX,2BACGW,GAAM,EAAA,IAAI,IAAI,IAAIb,IAAW,KAAK,GACjC,UAAA;AAAA,IAAC,gBAAAc,EAAAD,GAAA,EAAM,YAAW,UAAS,WAAU,OAAM,gBAAe,iBAAgB,IAAI,GAC5E,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,OAAM,kBAAiB,SAAQ,SAClC,YAAK,eACR;AAAA,MACA,gBAAAD,EAACE,KAAY,WAAAnB,GAAsB;AAAA,IAAA,GACrC;AAAA,IAECW,EAAQ,SAAS,IAChB,gBAAAM,EAACG,GAAK,EAAA,WAAW,IAAM,SAAS,IAC7B,UAAAT,EAAQ,IAAI,CAACD,GAAMW,GAAOZ;AAAAA;AAAAA,MAEzB,gBAAAQ,EAACG,KAAiB,IAAIlB,KAAamB,MAAU,KAAKZ,EAAM,WAAW,IAAK,KAAK,GAC3E,4BAACa,GAAe,EAAA,MAAAZ,GAA4B,SAAS,MAAMH,EAAgBG,CAAI,EAA9C,GAAAA,EAAK,IAA4C,EAAA,GADzEW,CAEX;AAAA,KACD,GACH,IAEA,gBAAAL;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,YAAW;AAAA,QACX,SAAQ;AAAA,QACR,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,gBAAe;AAAA,QACf,IAAI;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,IAAI,CAACC,OAAW;AAAA,gBACd,OAAO;AAAA,gBACP,CAAEA,EAAgB,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,kBACzC,IAAI;AAAA,gBACN;AAAA,gBACA,OAAO,EAAE,IAAI,IAAI;AAAA,cAAA;AAAA,cAEnB,SAAQ;AAAA,cAEP,UAAAC,EAAoBzB,GAAWI,CAAI;AAAA,YAAA;AAAA,UACtC;AAAA,4BACCsB,GAAO,EAAA,SAASzB,GAAY,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,IAAI,EAAA,GAAK,SAAQ,aACtE,YAAK,kBACR;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAGDD,MAAcY,EAAU,oBACvB,gBAAAI,EAACD,KAAM,KAAK,IAAI,IAAI,IAClB,UAAA;AAAA,MAAA,gBAAAE,EAACC,KAAK,OAAM,kBAAiB,SAAQ,SAClC,YAAK,gBACR;AAAA,MACCL,EAAS,WAAW,KACnB,gBAAAI,EAACF,GAAM,EAAA,YAAW,UAAS,SAAQ,sBAAqB,cAAc,GAAG,IAAI,IAC3E,UAAA,gBAAAE;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAI,CAACC,OAAW;AAAA,YACd,OAAO;AAAA,YACP,OAAO,EAAE,IAAI,IAAI;AAAA,YACjB,CAAEA,EAAgB,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,cACzC,IAAI;AAAA,YACN;AAAA,UAAA;AAAA,UAEF,SAAQ;AAAA,UAEP,UAAAV;AAAA,QAAA;AAAA,MAAA,GAEL;AAAA,MAEDD,EAAS,IAAI,CAACH,wBACZiB,GAAK,EAAA,WAAW,GACf,UAAA,gBAAAV,EAACW,GAAe,EAAA,SAAS,MAAMrB,EAAgBG,CAAI,GACjD,UAAA,gBAAAO,EAACY,GAAY,EAAA,IAAI,EAAE,eAAe,EAAE,IAAI,KAAK,GAC3C,UAAC,gBAAAb,EAAAD,GAAA,EAAM,YAAW,UAAS,WAAU,OAAM,gBAAe,iBACxD,UAAA;AAAA,QAAA,gBAAAC,EAACD,KAAM,YAAW,UAAS,WAAU,OAAM,KAAK,GAC9C,UAAA;AAAA,UAAC,gBAAAE,EAAAa,GAAA,EAAK,OAAM,WAAU,MAAM,IAAM,MAAK,gBAAe,MAAM,GAAI,CAAA;AAAA,4BAC/DZ,GAAK,EAAA,OAAM,kBAAiB,SAAQ,QAClC,YAAK,MACR;AAAA,QAAA,GACF;AAAA,QACA,gBAAAD,EAACC,GAAK,EAAA,MAAM,IAAM,SAAQ,QACvB,UAAea,EAAArB,EAAK,QAAQ,QAAQ,EACvC,CAAA;AAAA,MAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA,EAfuB,GAAAA,EAAK,IAgB9B,CACD;AAAA,IAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/goals/components/GoalStatusCard.js

@@ -0,0 +1,206 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { observer as x } from "mobx-react-lite";
+import _ from "@mui/material/Avatar";
+import S from "@mui/material/Card";
+import A from "@mui/material/CardActionArea";
+import $ from "@mui/material/CardContent";
+import k from "@mui/material/CardHeader";
+import d from "@mui/material/Stack";
+import { Payments as g, NoteStack as j, Person as E } from "@mxenabled/mx-icons";
+import { Text as e, H2 as R } 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 { formatCurrency as n } 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 } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as D } from "../../common/hooks/useScreenSize.js";
+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 "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import H from "../../common/components/charts/StatusBar.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 "../../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 a } 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 w } from "../util/GoalsUtil.js";
+const G = (r, o) => o ? n(r, r < 1e3 ? "0" : "0.00a").replace(
+  /(\d+)(?:\.0+|(\.\d*?[1-9])0*)([a-zA-Z]* ?\$?)/g,
+  "$1$2$3"
+) : n(r, "0,0.00"), Ko = x(
+  ({ goal: r, isInDrawer: o = !1, onClick: c }) => {
+    const { goals: l } = B(), { isMobile: f, isTablet: h } = D(), i = f || h, {
+      backgroundColor: s,
+      color: u,
+      percentage: y,
+      percentageText: T,
+      projectedText: C
+    } = w(l, r), b = r.track_type === a.DEBT_TRACK ? r.initial_amount : r.amount, v = [
+      {
+        color: s,
+        percentage: `${y}`
+      }
+    ];
+    let m = /* @__PURE__ */ t(g, {});
+    return r.track_type === a.DEBT_TRACK ? m = /* @__PURE__ */ t(j, {}) : r.track_type === a.RETIREMENT_TRACK && (m = /* @__PURE__ */ t(E, {})), /* @__PURE__ */ t(S, { elevation: 2, children: /* @__PURE__ */ p(A, { disabled: !c, onClick: c, children: [
+      /* @__PURE__ */ t(
+        k,
+        {
+          avatar: /* @__PURE__ */ t(_, { sx: { bgcolor: s, color: u, height: 48, width: 48 }, variant: "rounded", children: m }),
+          subheader: /* @__PURE__ */ t(e, { variant: o || i ? "H3" : "H2", children: `${n(r.current_amount, i ? "0,0" : "0,0.00")} / ${G(
+            b,
+            i
+          )}` }),
+          title: /* @__PURE__ */ t(R, { color: "text.secondary", fontWeight: 400, variant: "Body", children: r.name })
+        }
+      ),
+      /* @__PURE__ */ t($, { sx: { pt: 0 }, children: /* @__PURE__ */ p(d, { gap: 6, children: [
+        /* @__PURE__ */ t(H, { data: v, height: 24 }),
+        /* @__PURE__ */ p(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ t(e, { color: "text.secondary", variant: "XSmall", children: T }),
+          r.projected_to_complete_at && /* @__PURE__ */ t(e, { color: "text.secondary", variant: "XSmall", children: C })
+        ] })
+      ] }) })
+    ] }) });
+  }
+);
+export {
+  Ko as GoalStatusCard
+};
+//# sourceMappingURL=GoalStatusCard.js.map

package/dist/goals/components/GoalStatusCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalStatusCard.js","sources":["../../../src/goals/components/GoalStatusCard.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport Stack from '@mui/material/Stack'\n\nimport { NoteStack, Payments, Person } from '@mxenabled/mx-icons'\n\nimport { H2, Text } from '@mxenabled/mxui'\n\nimport {\n  formatCurrency,\n  type Goal,\n  StatusBar,\n  StatusBarData,\n  TrackType,\n  useGlobalCopyStore,\n  useScreenSize,\n} from '../../common'\n\nimport { getGoalStatusData } from '../util/GoalsUtil'\n\ninterface GoalStatusCardProps {\n  goal: Goal\n  isInDrawer?: boolean\n  onClick?: () => void\n}\n\nconst formatCurrencyForDeviceType = (amount: number, isMobileOrTablet: boolean) => {\n  if (!isMobileOrTablet) return formatCurrency(amount, '0,0.00')\n  return formatCurrency(amount, amount < 1000 ? '0' : '0.00a').replace(\n    /(\\d+)(?:\\.0+|(\\.\\d*?[1-9])0*)([a-zA-Z]* ?\\$?)/g,\n    '$1$2$3',\n  )\n}\n\nexport const GoalStatusCard = observer(\n  ({ goal, isInDrawer = false, onClick }: GoalStatusCardProps) => {\n    const { goals: copy } = useGlobalCopyStore()\n    const { isMobile, isTablet } = useScreenSize()\n\n    const isMobileOrTablet = isMobile || isTablet\n\n    const {\n      backgroundColor: bgcolor,\n      color,\n      percentage,\n      percentageText,\n      projectedText,\n    } = getGoalStatusData(copy, goal)\n\n    const amount = goal.track_type === TrackType.DEBT_TRACK ? goal.initial_amount : goal.amount\n    const data = [\n      {\n        color: bgcolor,\n        percentage: `${percentage}`,\n      },\n    ] as StatusBarData[]\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      <Card elevation={2}>\n        <CardActionArea disabled={!onClick} onClick={onClick}>\n          <CardHeader\n            avatar={\n              <Avatar sx={{ bgcolor, color, height: 48, width: 48 }} variant=\"rounded\">\n                {avatarIcon}\n              </Avatar>\n            }\n            subheader={\n              <Text variant={isInDrawer || isMobileOrTablet ? 'H3' : 'H2'}>\n                {`${formatCurrency(goal.current_amount, isMobileOrTablet ? '0,0' : '0,0.00')} / ${formatCurrencyForDeviceType(\n                  amount,\n                  isMobileOrTablet,\n                )}`}\n              </Text>\n            }\n            title={\n              <H2 color=\"text.secondary\" fontWeight={400} variant=\"Body\">\n                {goal.name}\n              </H2>\n            }\n          />\n          <CardContent sx={{ pt: 0 }}>\n            <Stack gap={6}>\n              <StatusBar data={data} height={24} />\n              <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n                <Text color=\"text.secondary\" variant=\"XSmall\">\n                  {percentageText}\n                </Text>\n                {goal.projected_to_complete_at && (\n                  <Text color=\"text.secondary\" variant=\"XSmall\">\n                    {projectedText}\n                  </Text>\n                )}\n              </Stack>\n            </Stack>\n          </CardContent>\n        </CardActionArea>\n      </Card>\n    )\n  },\n)\n"],"names":["formatCurrencyForDeviceType","amount","isMobileOrTablet","formatCurrency","GoalStatusCard","observer","goal","isInDrawer","onClick","copy","useGlobalCopyStore","isMobile","isTablet","useScreenSize","bgcolor","color","percentage","percentageText","projectedText","getGoalStatusData","TrackType","data","avatarIcon","Payments","NoteStack","Person","jsx","Card","CardActionArea","CardHeader","Avatar","Text","H2","CardContent","jsxs","Stack","StatusBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,IAA8B,CAACC,GAAgBC,MAC9CA,IACEC,EAAeF,GAAQA,IAAS,MAAO,MAAM,OAAO,EAAE;AAAA,EAC3D;AAAA,EACA;AAAA,IAH4BE,EAAeF,GAAQ,QAAQ,GAOlDG,KAAiBC;AAAA,EAC5B,CAAC,EAAE,MAAAC,GAAM,YAAAC,IAAa,IAAO,SAAAC,QAAmC;AAC9D,UAAM,EAAE,OAAOC,EAAK,IAAIC,EAAmB,GACrC,EAAE,UAAAC,GAAU,UAAAC,EAAS,IAAIC,EAAc,GAEvCX,IAAmBS,KAAYC,GAE/B;AAAA,MACJ,iBAAiBE;AAAA,MACjB,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACEC,EAAkBV,GAAMH,CAAI,GAE1BL,IAASK,EAAK,eAAec,EAAU,aAAad,EAAK,iBAAiBA,EAAK,QAC/Ee,IAAO;AAAA,MACX;AAAA,QACE,OAAOP;AAAA,QACP,YAAY,GAAGE,CAAU;AAAA,MAC3B;AAAA,IAAA;AAGE,QAAAM,sBAAcC,GAAS,CAAA,CAAA;AACvB,WAAAjB,EAAK,eAAec,EAAU,aAChCE,sBAAcE,GAAU,CAAA,CAAA,IACflB,EAAK,eAAec,EAAU,qBACvCE,sBAAcG,GAAO,CAAA,CAAA,IAIrB,gBAAAC,EAACC,KAAK,WAAW,GACf,4BAACC,GAAe,EAAA,UAAU,CAACpB,GAAS,SAAAA,GAClC,UAAA;AAAA,MAAA,gBAAAkB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QACE,gBAAAH,EAACI,GAAO,EAAA,IAAI,EAAE,SAAAhB,GAAS,OAAAC,GAAO,QAAQ,IAAI,OAAO,MAAM,SAAQ,WAC5D,UACHO,GAAA;AAAA,UAEF,WACG,gBAAAI,EAAAK,GAAA,EAAK,SAASxB,KAAcL,IAAmB,OAAO,MACpD,UAAG,GAAAC,EAAeG,EAAK,gBAAgBJ,IAAmB,QAAQ,QAAQ,CAAC,MAAMF;AAAA,YAChFC;AAAA,YACAC;AAAA,UACD,CAAA,GACH,CAAA;AAAA,UAEF,OACG,gBAAAwB,EAAAM,GAAA,EAAG,OAAM,kBAAiB,YAAY,KAAK,SAAQ,QACjD,UAAA1B,EAAK,KACR,CAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,gBAAAoB,EAACO,GAAY,EAAA,IAAI,EAAE,IAAI,KACrB,UAAA,gBAAAC,EAACC,GAAM,EAAA,KAAK,GACV,UAAA;AAAA,QAAC,gBAAAT,EAAAU,GAAA,EAAU,MAAAf,GAAY,QAAQ,GAAI,CAAA;AAAA,0BAClCc,GAAM,EAAA,YAAW,UAAS,WAAU,OAAM,gBAAe,iBACxD,UAAA;AAAA,UAAA,gBAAAT,EAACK,GAAK,EAAA,OAAM,kBAAiB,SAAQ,UAClC,UACHd,GAAA;AAAA,UACCX,EAAK,4BACH,gBAAAoB,EAAAK,GAAA,EAAK,OAAM,kBAAiB,SAAQ,UAClC,UACHb,EAAA,CAAA;AAAA,QAAA,GAEJ;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;"}