@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/goals/components/GoalDetails.es.js

@@ -0,0 +1,115 @@
+import { useAccountStore as _, useGlobalCopyStore as A } from "../../common/context/hooks.es.js";
+import { TrackType as e } from "../../core/types/Goal.es.js";
+import { InterestRateAction as R } from "./actions/InterestRateAction.es.js";
+import { MonthlyPaymentAction as f } from "./actions/MonthlyPaymentAction.es.js";
+import { OriginalBalanceAction as y } from "./actions/OriginalBalanceAction.es.js";
+import { GoalStatusCard as E } from "./GoalStatusCard.es.js";
+import { AccountAction as u } from "./actions/AccountAction.es.js";
+import { AmountToSaveAction as x } from "./actions/AmountToSaveAction.es.js";
+import { ChangeAccountAction as h } from "./actions/ChangeAccountAction.es.js";
+import { GoalNameAction as C } from "./actions/GoalNameAction.es.js";
+import { RetirementAgeAction as I } from "./actions/RetirementAgeAction.es.js";
+import { BirthdayAction as b } from "./actions/BirthdayAction.es.js";
+import { AddRetirementAccountAction as v } from "./actions/AddRetirementAccountAction.es.js";
+import k from "react";
+import { observer as K } from "mobx-react-lite";
+import p from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import { Fragment as m, jsx as t, jsxs as i } from "react/jsx-runtime";
+import o from "@mui/material/Divider";
+import N from "@mui/material/List";
+import M from "@mui/material/ListItem";
+import S from "@mui/material/ListItemText";
+var tt = K(({ goal: r }) => {
+  const { goals: c } = A(), { visibleAccounts: d } = _(), l = k.useMemo(() => d.find((T) => T.guid === r.account_guid), [d, r]), a = r.track_type;
+  let s = c.details_save_title;
+  return r.track_type === e.DEBT_TRACK ? s = c.details_debt_title : r.track_type === e.RETIREMENT_TRACK && (s = c.details_retirement_title), /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ i(p, {
+      mx: 24,
+      children: [
+        /* @__PURE__ */ t(n, {
+          color: "text.secondary",
+          sx: {
+            mb: 4,
+            mt: 24
+          },
+          variant: "caption",
+          children: s
+        }),
+        /* @__PURE__ */ t(E, {
+          goal: r,
+          isInDrawer: !0
+        }),
+        /* @__PURE__ */ t(n, {
+          color: "text.secondary",
+          sx: {
+            mb: 4,
+            mt: 24
+          },
+          variant: "caption",
+          children: c.details_title
+        })
+      ]
+    }),
+    /* @__PURE__ */ i(N, {
+      sx: { bgcolor: "background.paper" },
+      children: [
+        a !== e.RETIREMENT_TRACK ? /* @__PURE__ */ t(C, { goal: r }) : /* @__PURE__ */ t(M, {
+          sx: { px: 24 },
+          children: /* @__PURE__ */ t(S, {
+            primary: /* @__PURE__ */ i(p, {
+              alignItems: "center",
+              direction: "row",
+              justifyContent: "space-between",
+              children: [/* @__PURE__ */ t(n, {
+                variant: "body1",
+                children: c.details_goal_name
+              }), /* @__PURE__ */ t(n, {
+                bold: !0,
+                color: "text.primary",
+                sx: { mr: 4 },
+                variant: "body1",
+                children: c.retirement
+              })]
+            }),
+            slotProps: { primary: { variant: "body1" } }
+          })
+        }),
+        /* @__PURE__ */ t(o, { sx: { ml: 24 } }),
+        (a === e.SAVINGS_TRACK || a === e.RETIREMENT_TRACK) && /* @__PURE__ */ i(m, { children: [/* @__PURE__ */ t(x, { goal: r }), /* @__PURE__ */ t(o, { sx: { ml: a === e.RETIREMENT_TRACK ? 24 : 0 } })] }),
+        r.track_type === e.DEBT_TRACK && /* @__PURE__ */ i(m, { children: [
+          /* @__PURE__ */ t(f, { goal: r }),
+          /* @__PURE__ */ t(o, { sx: { ml: 24 } }),
+          /* @__PURE__ */ t(R, { goal: r }),
+          /* @__PURE__ */ t(o, { sx: { ml: 24 } }),
+          /* @__PURE__ */ t(y, { goal: r }),
+          /* @__PURE__ */ t(o, { variant: "fullWidth" })
+        ] }),
+        r.track_type === e.RETIREMENT_TRACK && /* @__PURE__ */ i(m, { children: [
+          /* @__PURE__ */ t(I, { goal: r }),
+          /* @__PURE__ */ t(o, { sx: { ml: 24 } }),
+          /* @__PURE__ */ t(b, { goal: r }),
+          /* @__PURE__ */ t(o, { variant: "fullWidth" })
+        ] })
+      ]
+    }),
+    /* @__PURE__ */ t(n, {
+      color: "text.secondary",
+      sx: {
+        mb: 4,
+        ml: 24,
+        mt: 12
+      },
+      variant: "caption",
+      children: r.track_type === e.RETIREMENT_TRACK ? c.details_accounts : c.details_account
+    }),
+    r.track_type !== e.RETIREMENT_TRACK && l && /* @__PURE__ */ i(m, { children: [/* @__PURE__ */ t(u, { account: l }), /* @__PURE__ */ t(o, {})] }),
+    r.track_type === e.RETIREMENT_TRACK && /* @__PURE__ */ i(m, { children: [/* @__PURE__ */ t(v, { goal: r }), /* @__PURE__ */ t(o, {})] }),
+    r.track_type === e.SAVINGS_TRACK && !r.is_complete && /* @__PURE__ */ t(h, { goal: r })
+  ] });
+});
+export {
+  tt as GoalDetails
+};
+
+//# sourceMappingURL=GoalDetails.es.js.map

package/dist/goals/components/GoalDetails.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalDetails.es.js","names":[],"sources":["../../../src/goals/components/GoalDetails.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useAccountStore, useGlobalCopyStore } from '../../common'\nimport { Goal, TrackType } from '../../core'\n\nimport { AccountAction } from './actions/AccountAction'\nimport { AmountToSaveAction } from './actions/AmountToSaveAction'\nimport { ChangeAccountAction } from './actions/ChangeAccountAction'\nimport { GoalNameAction } from './actions/GoalNameAction'\nimport { GoalStatusCard } from './GoalStatusCard'\nimport { MonthlyPaymentAction } from './actions/MonthlyPaymentAction'\nimport { OriginalBalanceAction } from './actions/OriginalBalanceAction'\nimport { InterestRateAction } from './actions/InterestRateAction'\nimport { RetirementAgeAction } from './actions/RetirementAgeAction'\nimport { BirthdayAction } from './actions/BirthdayAction'\nimport { AddRetirementAccountAction } from './actions/AddRetirementAccountAction'\n\ninterface GoalDetailsProps {\n  goal: Goal\n}\n\nexport const GoalDetails = observer(({ goal }: GoalDetailsProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { visibleAccounts: accounts } = useAccountStore()\n\n  const account = React.useMemo(\n    () => accounts.find((a) => a.guid === goal.account_guid),\n    [accounts, goal],\n  )\n\n  const goalType = goal.track_type\n\n  let goalTitle = copy.details_save_title\n  if (goal.track_type === TrackType.DEBT_TRACK) {\n    goalTitle = copy.details_debt_title\n  } else if (goal.track_type === TrackType.RETIREMENT_TRACK) {\n    goalTitle = copy.details_retirement_title\n  }\n\n  return (\n    <Stack>\n      <Stack mx={24}>\n        <Text color=\"text.secondary\" sx={{ mb: 4, mt: 24 }} variant=\"caption\">\n          {goalTitle}\n        </Text>\n        <GoalStatusCard goal={goal} isInDrawer={true} />\n\n        <Text color=\"text.secondary\" sx={{ mb: 4, mt: 24 }} variant=\"caption\">\n          {copy.details_title}\n        </Text>\n      </Stack>\n\n      <List sx={{ bgcolor: 'background.paper' }}>\n        {goalType !== TrackType.RETIREMENT_TRACK ? (\n          <GoalNameAction goal={goal} />\n        ) : (\n          <ListItem sx={{ px: 24 }}>\n            <ListItemText\n              primary={\n                <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n                  <Text variant=\"body1\">{copy.details_goal_name}</Text>\n                  <Text bold={true} color={'text.primary'} sx={{ mr: 4 }} variant=\"body1\">\n                    {copy.retirement}\n                  </Text>\n                </Stack>\n              }\n              slotProps={{ primary: { variant: 'body1' } }}\n            />\n          </ListItem>\n        )}\n\n        <Divider sx={{ ml: 24 }} />\n\n        {(goalType === TrackType.SAVINGS_TRACK || goalType === TrackType.RETIREMENT_TRACK) && (\n          <>\n            <AmountToSaveAction goal={goal} />\n            <Divider sx={{ ml: goalType === TrackType.RETIREMENT_TRACK ? 24 : 0 }} />\n          </>\n        )}\n\n        {goal.track_type === TrackType.DEBT_TRACK && (\n          <>\n            <MonthlyPaymentAction goal={goal} />\n            <Divider sx={{ ml: 24 }} />\n\n            <InterestRateAction goal={goal} />\n            <Divider sx={{ ml: 24 }} />\n\n            <OriginalBalanceAction goal={goal} />\n            <Divider variant=\"fullWidth\" />\n          </>\n        )}\n\n        {goal.track_type === TrackType.RETIREMENT_TRACK && (\n          <>\n            <RetirementAgeAction goal={goal} />\n            <Divider sx={{ ml: 24 }} />\n\n            <BirthdayAction goal={goal} />\n            <Divider variant=\"fullWidth\" />\n          </>\n        )}\n      </List>\n\n      <Text color=\"text.secondary\" sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"caption\">\n        {goal.track_type === TrackType.RETIREMENT_TRACK\n          ? copy.details_accounts\n          : copy.details_account}\n      </Text>\n\n      {goal.track_type !== TrackType.RETIREMENT_TRACK && account && (\n        <>\n          <AccountAction account={account} />\n          <Divider />\n        </>\n      )}\n\n      {goal.track_type === TrackType.RETIREMENT_TRACK && (\n        <>\n          <AddRetirementAccountAction goal={goal} />\n          <Divider />\n        </>\n      )}\n\n      {goal.track_type === TrackType.SAVINGS_TRACK && !goal.is_complete && (\n        <ChangeAccountAction goal={goal} />\n      )}\n    </Stack>\n  )\n})\n"],"mappings":"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"}

package/dist/goals/components/GoalDetailsDrawer.es.js

@@ -0,0 +1,83 @@
+import { buildDynamicCopy as B } from "../../core/utils/Localization.es.js";
+import { useAccountStore as K, useGlobalCopyStore as M, useGoalStore as O, useUserStore as P } from "../../common/context/hooks.es.js";
+import V from "../../common/components/dialog/Dialog.es.js";
+import j from "../../common/components/drawer/Drawer.es.js";
+import { TrackType as r } from "../../core/types/Goal.es.js";
+import { GoalDetails as L } from "./GoalDetails.es.js";
+import _ from "react";
+import { observer as U } from "mobx-react-lite";
+import W from "@mui/material/Stack";
+import { Text as $ } from "@mxenabled/mxui";
+import { jsx as c, jsxs as q } from "react/jsx-runtime";
+var re = U(({ onClose: G }) => {
+  const { visibleRetirementAccounts: f } = K(), { goals: o, common: i } = M(), { addGoal: b, addRetirementGoal: E, deleteGoal: h, deleteRetirementGoal: S, newRetirementGoalAccounts: y, retirementGoalAccounts: T, selectedGoal: e, setAlert: m, setSelectedGoal: n, updateGoal: v } = O(), { user: R } = P(), [D, A] = _.useState(!1), a = !e?.guid, d = e?.track_type === r.SAVINGS_TRACK && e.is_complete && !e.has_been_spent, C = _.useMemo(() => {
+    const t = a ? y : T;
+    return f.filter((l) => t.some((s) => s.account_guid === l.guid));
+  }, [
+    a,
+    f,
+    y,
+    T
+  ]), k = _.useMemo(() => {
+    if (!e) return !1;
+    if (!a && !d) return !0;
+    const { account_guid: t, track_type: l, name: s, amount: g, retirement_age: N } = e;
+    return l === r.SAVINGS_TRACK ? t ? !!s && !!g : !1 : l === r.RETIREMENT_TRACK ? C.length ? !!s && !!g && !!N && !!R.birthday : !1 : !0;
+  }, [
+    e,
+    C,
+    R.birthday
+  ]);
+  let u = i.delete_button, p = () => A(!0);
+  a ? (p = () => w(), u = i.save_button) : d && (p = () => I(), u = o.mark_as_complete_button);
+  const w = async () => {
+    if (e) {
+      const t = e.track_type;
+      t !== r.RETIREMENT_TRACK ? await b(e) : t === r.RETIREMENT_TRACK && await E({
+        ...e,
+        target_amount: e.amount
+      }), m(o.alert_goal_added), n(void 0), t && G?.(t);
+    }
+  }, x = async () => {
+    e && (e.track_type !== r.RETIREMENT_TRACK ? await h(e.guid) : e.track_type === r.RETIREMENT_TRACK && await S(e), m(o.alert_goal_deleted), n(void 0));
+  }, I = async () => {
+    const t = {
+      ...e,
+      has_been_spent: !0
+    };
+    await v(t), m(o.alert_goal_completed), n(void 0);
+  };
+  return /* @__PURE__ */ q(W, { children: [/* @__PURE__ */ c(j, {
+    ariaLabelClose: i.close_aria,
+    hasSecondaryAction: a,
+    isOpen: !!e,
+    isPrimaryDisabled: !k,
+    onClose: () => n(void 0),
+    onPrimaryAction: p,
+    primaryColor: a || d ? "primary" : "error",
+    primaryText: u,
+    secondaryColor: "primary",
+    title: o.goal_details,
+    children: e && /* @__PURE__ */ c(L, { goal: e })
+  }), /* @__PURE__ */ c(V, {
+    copy: {
+      close_aria: i.close_aria,
+      title: o.delete_goal
+    },
+    isOpen: D,
+    maxWidth: "xs",
+    onClose: () => A(!1),
+    onPrimaryAction: x,
+    primaryColor: "error",
+    primaryText: i.delete_button,
+    children: /* @__PURE__ */ c($, {
+      variant: "subtitle1",
+      children: B(o.delete_description, e?.name || "")
+    })
+  })] });
+});
+export {
+  re as GoalDetailsDrawer
+};
+
+//# sourceMappingURL=GoalDetailsDrawer.es.js.map

package/dist/goals/components/GoalDetailsDrawer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalDetailsDrawer.es.js","names":[],"sources":["../../../src/goals/components/GoalDetailsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  Dialog,\n  Drawer,\n  useAccountStore,\n  useGlobalCopyStore,\n  useGoalStore,\n  useUserStore,\n} from '../../common'\nimport { type Goal, TrackType } from '../../core'\n\nimport { GoalDetails } from './GoalDetails'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface GoalDetailsDrawerProps {\n  onClose?: (trackType: TrackType) => void\n}\n\nexport const GoalDetailsDrawer = observer(({ onClose }: GoalDetailsDrawerProps) => {\n  const { visibleRetirementAccounts: retirementAccounts } = useAccountStore()\n  const { goals: copy, common: commonCopy } = useGlobalCopyStore()\n  const {\n    addGoal,\n    addRetirementGoal,\n    deleteGoal,\n    deleteRetirementGoal,\n    newRetirementGoalAccounts,\n    retirementGoalAccounts,\n    selectedGoal,\n    setAlert,\n    setSelectedGoal,\n    updateGoal,\n  } = useGoalStore()\n  const { user } = useUserStore()\n\n  const [isDeleteOpen, setIsDeleteOpen] = React.useState(false)\n\n  const isNew = !selectedGoal?.guid\n  const isComplete =\n    selectedGoal?.track_type === TrackType.SAVINGS_TRACK &&\n    selectedGoal.is_complete &&\n    !selectedGoal.has_been_spent\n\n  const accounts = React.useMemo(() => {\n    const goalAccounts = isNew ? newRetirementGoalAccounts : retirementGoalAccounts\n    return retirementAccounts.filter((a) => goalAccounts.some((rga) => rga.account_guid === a.guid))\n  }, [isNew, retirementAccounts, newRetirementGoalAccounts, retirementGoalAccounts])\n\n  const isValidGoal = React.useMemo(() => {\n    if (!selectedGoal) return false\n\n    // Allow deletion of existing goals even if the accounts are not associated with the goals,\n    // as long as the goal is not new and not already complete.\n    if (!isNew && !isComplete) return true\n\n    const { account_guid, track_type, name, amount, retirement_age } = selectedGoal\n\n    if (track_type === TrackType.SAVINGS_TRACK) {\n      if (!account_guid) return false\n      return Boolean(name) && Boolean(amount)\n    }\n\n    if (track_type === TrackType.RETIREMENT_TRACK) {\n      if (!accounts.length) return false\n      return Boolean(name) && Boolean(amount) && Boolean(retirement_age) && Boolean(user.birthday)\n    }\n\n    return true\n  }, [selectedGoal, accounts, user.birthday])\n\n  let primaryText = commonCopy.delete_button\n  let primaryAction = () => setIsDeleteOpen(true)\n  if (isNew) {\n    primaryAction = () => handleSave()\n    primaryText = commonCopy.save_button\n  } else if (isComplete) {\n    primaryAction = () => handleComplete()\n    primaryText = copy.mark_as_complete_button\n  }\n\n  const handleSave = async () => {\n    if (selectedGoal) {\n      const trackType = selectedGoal.track_type\n      if (trackType !== TrackType.RETIREMENT_TRACK) {\n        await addGoal(selectedGoal)\n      } else if (trackType === TrackType.RETIREMENT_TRACK) {\n        await addRetirementGoal({ ...selectedGoal, target_amount: selectedGoal.amount })\n      }\n      setAlert(copy.alert_goal_added)\n      setSelectedGoal(undefined)\n      if (trackType) {\n        onClose?.(trackType)\n      }\n    }\n  }\n\n  const handleDelete = async () => {\n    if (!selectedGoal) return\n\n    if (selectedGoal.track_type !== TrackType.RETIREMENT_TRACK) {\n      await deleteGoal(selectedGoal.guid)\n    } else if (selectedGoal.track_type === TrackType.RETIREMENT_TRACK) {\n      await deleteRetirementGoal(selectedGoal)\n    }\n    setAlert(copy.alert_goal_deleted)\n    setSelectedGoal(undefined)\n  }\n\n  const handleComplete = async () => {\n    const updatedGoal = {\n      ...selectedGoal,\n      has_been_spent: true,\n    } as Goal\n    await updateGoal(updatedGoal)\n    setAlert(copy.alert_goal_completed)\n    setSelectedGoal(undefined)\n  }\n\n  return (\n    <Stack>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        hasSecondaryAction={isNew}\n        isOpen={Boolean(selectedGoal)}\n        isPrimaryDisabled={!isValidGoal}\n        onClose={() => setSelectedGoal(undefined)}\n        onPrimaryAction={primaryAction}\n        primaryColor={isNew || isComplete ? 'primary' : 'error'}\n        primaryText={primaryText}\n        secondaryColor=\"primary\"\n        title={copy.goal_details}\n      >\n        {selectedGoal && <GoalDetails goal={selectedGoal} />}\n      </Drawer>\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.delete_goal }}\n        isOpen={isDeleteOpen}\n        maxWidth=\"xs\"\n        onClose={() => setIsDeleteOpen(false)}\n        onPrimaryAction={handleDelete}\n        primaryColor=\"error\"\n        primaryText={commonCopy.delete_button}\n      >\n        <Text variant=\"subtitle1\">\n          {buildDynamicCopy(copy.delete_description, selectedGoal?.name || '') as string}\n        </Text>\n      </Dialog>\n    </Stack>\n  )\n})\n"],"mappings":"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"}

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

@@ -0,0 +1,135 @@
+import { useGlobalCopyStore as R, useGlobalUiStore as x, useGoalStore as A } from "../../common/context/hooks.es.js";
+import { useScreenSize as G } from "../../common/hooks/useScreenSize.es.js";
+import { TrackType as r } from "../../core/types/Goal.es.js";
+import { formatCurrency as T } from "../../core/utils/NumberFormatting.es.js";
+import { getZeroStateOngoing as k } from "../../core/utils/GoalsUtil.es.js";
+import { GoalStatusCard as I } from "./GoalStatusCard.es.js";
+import { ManageGoals as v } from "./ManageGoals.es.js";
+import { observer as w } from "mobx-react-lite";
+import o from "@mui/material/Stack";
+import { H3 as _, Icon as E, P as h, Text as u } from "@mxenabled/mxui";
+import K from "@mui/material/Button";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import N from "@mui/material/Card";
+import z from "@mui/material/CardContent";
+import b from "@mui/material/Grid";
+import j from "@mui/material/CardActionArea";
+var Y = w(({ trackType: c, onAddGoals: f }) => {
+  const { isMobile: s } = G(), { goals: n } = R(), { selectedAccountGuids: y } = x(), { orderedGoals: C, setSelectedGoal: a } = A(), d = C.filter((e) => e.track_type === c && (e.track_type !== r.RETIREMENT_TRACK && y.includes(e.account_guid) || e.track_type === r.RETIREMENT_TRACK)), l = d.filter((e) => e.track_type === r.SAVINGS_TRACK && !e.has_been_spent || e.track_type !== r.SAVINGS_TRACK && !e.is_complete), m = d.filter((e) => e.track_type === r.SAVINGS_TRACK && e.has_been_spent || e.track_type !== r.SAVINGS_TRACK && e.is_complete), S = c === r.DEBT_TRACK ? n.zero_state_complete_debt : n.zero_state_complete_savings;
+  return /* @__PURE__ */ i(o, {
+    mt: 16,
+    mx: s ? 24 : 0,
+    children: [
+      /* @__PURE__ */ i(o, {
+        alignItems: "center",
+        direction: "row",
+        justifyContent: "space-between",
+        mb: 8,
+        children: [/* @__PURE__ */ t(_, {
+          color: "text.secondary",
+          variant: "body2",
+          children: n.ongoing_title
+        }), /* @__PURE__ */ t(v, { trackType: c })]
+      }),
+      l.length > 0 ? /* @__PURE__ */ t(b, {
+        container: !0,
+        spacing: 24,
+        children: l.map((e, p, g) => /* @__PURE__ */ t(b, {
+          size: s || p === 0 && g.length !== 2 ? 12 : 6,
+          children: /* @__PURE__ */ t(I, {
+            goal: e,
+            onClick: () => a(e)
+          }, e.guid)
+        }, p))
+      }) : /* @__PURE__ */ i(o, {
+        alignItems: "center",
+        bgcolor: "background.default",
+        borderRadius: 2,
+        height: 166,
+        justifyContent: "center",
+        py: 18,
+        children: [/* @__PURE__ */ t(h, {
+          sx: (e) => ({
+            color: "text.secondary",
+            [e.breakpoints.down("sm")]: { px: 10 },
+            width: { sm: 381 }
+          }),
+          variant: "body2",
+          children: k(c, n)
+        }), /* @__PURE__ */ t(K, {
+          onClick: f,
+          sx: {
+            mt: 16,
+            width: { sm: 224 }
+          },
+          variant: "contained",
+          children: n.add_goals_button
+        })]
+      }),
+      c !== r.RETIREMENT_TRACK && /* @__PURE__ */ i(o, {
+        gap: 16,
+        mt: 48,
+        children: [
+          /* @__PURE__ */ t(_, {
+            color: "text.secondary",
+            variant: "body2",
+            children: n.complete_title
+          }),
+          m.length === 0 && /* @__PURE__ */ t(o, {
+            alignItems: "center",
+            bgcolor: "background.default",
+            borderRadius: 2,
+            py: 18,
+            children: /* @__PURE__ */ t(h, {
+              sx: (e) => ({
+                color: "text.secondary",
+                width: { sm: 393 },
+                [e.breakpoints.down("sm")]: { px: 10 }
+              }),
+              variant: "body2",
+              children: S
+            })
+          }),
+          m.map((e) => /* @__PURE__ */ t(N, {
+            elevation: 2,
+            children: /* @__PURE__ */ t(j, {
+              onClick: () => a(e),
+              children: /* @__PURE__ */ t(z, {
+                sx: { ":last-child": { pb: 16 } },
+                children: /* @__PURE__ */ i(o, {
+                  alignItems: "center",
+                  direction: "row",
+                  justifyContent: "space-between",
+                  children: [/* @__PURE__ */ i(o, {
+                    alignItems: "center",
+                    direction: "row",
+                    gap: 6,
+                    children: [/* @__PURE__ */ t(E, {
+                      color: "success",
+                      fill: !0,
+                      name: "check_circle",
+                      size: 20
+                    }), /* @__PURE__ */ t(u, {
+                      color: "text.secondary",
+                      variant: "body1",
+                      children: e.name
+                    })]
+                  }), /* @__PURE__ */ t(u, {
+                    bold: !0,
+                    variant: "body1",
+                    children: T(e.amount, "0,0.00")
+                  })]
+                })
+              })
+            })
+          }, e.guid))
+        ]
+      })
+    ]
+  });
+});
+export {
+  Y as GoalList
+};
+
+//# sourceMappingURL=GoalList.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoalList.es.js","names":[],"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/Grid'\nimport Stack from '@mui/material/Stack'\nimport type { Theme } from '@mui/system'\n\nimport { H3, Icon, P, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore, useGlobalUiStore, useGoalStore, useScreenSize } from '../../common'\nimport { TrackType } from '../../core'\n\nimport { GoalStatusCard } from './GoalStatusCard'\nimport { ManageGoals } from './ManageGoals'\nimport { getZeroStateOngoing } from '../../core/utils/GoalsUtil'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\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 { selectedAccountGuids } = useGlobalUiStore()\n  const { orderedGoals: allGoals, setSelectedGoal } = useGoalStore()\n\n  const goals = allGoals.filter(\n    (goal) =>\n      goal.track_type === trackType &&\n      ((goal.track_type !== TrackType.RETIREMENT_TRACK &&\n        selectedAccountGuids.includes(goal.account_guid)) ||\n        goal.track_type === TrackType.RETIREMENT_TRACK),\n  )\n\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\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\n  return (\n    <Stack mt={16} mx={isMobile ? 24 : 0}>\n      <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\" mb={8}>\n        <H3 color=\"text.secondary\" variant=\"body2\">\n          {copy.ongoing_title}\n        </H3>\n        <ManageGoals trackType={trackType} />\n      </Stack>\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} size={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=\"body2\"\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      {trackType !== TrackType.RETIREMENT_TRACK && (\n        <Stack gap={16} mt={48}>\n          <H3 color=\"text.secondary\" variant=\"body2\">\n            {copy.complete_title}\n          </H3>\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=\"body2\"\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=\"body1\">\n                        {goal.name}\n                      </Text>\n                    </Stack>\n                    <Text bold={true} variant=\"body1\">\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"],"mappings":"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"}

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

@@ -0,0 +1,95 @@
+import b from "../../common/components/charts/StatusBar.es.js";
+import { useGlobalCopyStore as _ } from "../../common/context/hooks.es.js";
+import { useScreenSize as S } from "../../common/hooks/useScreenSize.es.js";
+import { TrackType as n } from "../../core/types/Goal.es.js";
+import { formatCurrency as m } from "../../core/utils/NumberFormatting.es.js";
+import { getGoalStatusData as g } from "../../core/utils/GoalsUtil.es.js";
+import { observer as A } from "mobx-react-lite";
+import d from "@mui/material/Stack";
+import { Text as i } from "@mxenabled/mxui";
+import { NoteStack as $, Payments as k, Person as j } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import E from "@mui/material/Card";
+import R from "@mui/material/CardContent";
+import z from "@mui/material/CardHeader";
+import H from "@mui/material/Avatar";
+import M from "@mui/material/CardActionArea";
+var w = (t, e) => e ? m(t, t < 1e3 ? "0" : "0.00a").replace(/(\d+)(?:\.0+|(\.\d*?[1-9])0*)([a-zA-Z]* ?\$?)/g, "$1$2$3") : m(t, "0,0.00"), V = A(({ goal: t, isInDrawer: e = !1, onClick: p }) => {
+  const { goals: l } = _(), { isMobile: f, isTablet: h } = S(), o = f || h, { backgroundColor: s, color: x, percentage: u, percentageText: y, projectedText: C } = g(l, t), T = t.track_type === n.DEBT_TRACK ? t.initial_amount : t.amount, v = [{
+    color: s,
+    percentage: `${u}`
+  }];
+  let a = /* @__PURE__ */ r(k, {});
+  return t.track_type === n.DEBT_TRACK ? a = /* @__PURE__ */ r($, {}) : t.track_type === n.RETIREMENT_TRACK && (a = /* @__PURE__ */ r(j, {})), /* @__PURE__ */ r(E, {
+    elevation: 2,
+    sx: { "&:focus-within": {
+      outline: "2px solid",
+      outlineColor: "primary.main"
+    } },
+    children: /* @__PURE__ */ c(M, {
+      disabled: !p,
+      onClick: p,
+      children: [/* @__PURE__ */ r(z, {
+        avatar: /* @__PURE__ */ r(H, {
+          sx: {
+            bgcolor: s,
+            color: x,
+            height: 48,
+            width: 48
+          },
+          variant: "rounded",
+          children: a
+        }),
+        subheader: /* @__PURE__ */ r(i, {
+          sx: {
+            fontWeight: 700,
+            fontSize: e || o ? "18px" : "23px",
+            lineHeight: e || o ? "24px" : "32px"
+          },
+          children: `${m(t.current_amount, o ? "0,0" : "0,0.00")} / ${w(T, o)}`
+        }),
+        sx: {
+          alignItems: "flex-start",
+          "& .MuiCardHeader-content": { minWidth: 0 }
+        },
+        title: /* @__PURE__ */ r(i, {
+          color: "text.secondary",
+          fontWeight: 400,
+          sx: {
+            fontSize: "15px",
+            lineHeight: "20px"
+          },
+          variant: "h4",
+          children: t.name
+        })
+      }), /* @__PURE__ */ r(R, {
+        sx: { pt: 0 },
+        children: /* @__PURE__ */ c(d, {
+          gap: 6,
+          children: [/* @__PURE__ */ r(b, {
+            data: v,
+            height: 24
+          }), /* @__PURE__ */ c(d, {
+            alignItems: "center",
+            direction: "row",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */ r(i, {
+              color: "text.secondary",
+              variant: "caption",
+              children: y
+            }), t.projected_to_complete_at && /* @__PURE__ */ r(i, {
+              color: "text.secondary",
+              variant: "caption",
+              children: C
+            })]
+          })]
+        })
+      })]
+    })
+  });
+});
+export {
+  V as GoalStatusCard
+};
+
+//# sourceMappingURL=GoalStatusCard.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoalStatusCard.es.js","names":[],"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 { Text } from '@mxenabled/mxui'\n\nimport { StatusBar, StatusBarData, useGlobalCopyStore, useScreenSize } from '../../common'\nimport { type Goal, TrackType } from '../../core'\n\nimport { getGoalStatusData } from '../../core/utils/GoalsUtil'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\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\n        elevation={2}\n        sx={{\n          '&:focus-within': {\n            outline: '2px solid',\n            outlineColor: 'primary.main',\n          },\n        }}\n      >\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\n                sx={{\n                  fontWeight: 700,\n                  fontSize: isInDrawer || isMobileOrTablet ? '18px' : '23px',\n                  lineHeight: isInDrawer || isMobileOrTablet ? '24px' : '32px',\n                }}\n              >\n                {`${formatCurrency(goal.current_amount, isMobileOrTablet ? '0,0' : '0,0.00')} / ${formatCurrencyForDeviceType(\n                  amount,\n                  isMobileOrTablet,\n                )}`}\n              </Text>\n            }\n            sx={{ alignItems: 'flex-start', '& .MuiCardHeader-content': { minWidth: 0 } }}\n            title={\n              <Text\n                color=\"text.secondary\"\n                fontWeight={400}\n                sx={{\n                  fontSize: '15px',\n                  lineHeight: '20px',\n                }}\n                variant=\"h4\"\n              >\n                {goal.name}\n              </Text>\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=\"caption\">\n                  {percentageText}\n                </Text>\n                {goal.projected_to_complete_at && (\n                  <Text color=\"text.secondary\" variant=\"caption\">\n                    {projectedText}\n                  </Text>\n                )}\n              </Stack>\n            </Stack>\n          </CardContent>\n        </CardActionArea>\n      </Card>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAM,IAAA,CAA+B,GAAgB,MAC9C,IACE,EAAe,GAAQ,IAAS,MAAO,MAAM,OAAO,EAAE,QAC3D,kDACA,QACF,IAJ8B,EAAe,GAAQ,QAAQ,GAOlD,IAAiB,EAAA,CAC3B,EAAE,MAAA,GAAM,YAAA,IAAa,IAAO,SAAA,EAAA,MAAmC;AAC9D,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,UAAA,EAAA,IAAa,EAAc,GAEvC,IAAmB,KAAY,GAE/B,EACJ,iBAAiB,GACjB,OAAA,GACA,YAAA,GACA,gBAAA,GACA,eAAA,EAAA,IACE,EAAkB,GAAM,CAAI,GAE1B,IAAS,EAAK,eAAe,EAAU,aAAa,EAAK,iBAAiB,EAAK,QAC/E,IAAO,CACX;AAAA,IACE,OAAO;AAAA,IACP,YAAY,GAAG,CAAA;AAAA,EACjB,CACF;AAEA,MAAI,IAAa,gBAAA,EAAC,GAAD,CAAW,CAAA;AAC5B,SAAI,EAAK,eAAe,EAAU,aAChC,IAAa,gBAAA,EAAC,GAAD,CAAY,CAAA,IAChB,EAAK,eAAe,EAAU,qBACvC,IAAa,gBAAA,EAAC,GAAD,CAAS,CAAA,IAItB,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,IAAI,EACF,kBAAkB;AAAA,MAChB,SAAS;AAAA,MACT,cAAc;AAAA,IAChB,EACF;AAAA,cAEA,gBAAA,EAAC,GAAD;AAAA,MAAgB,UAAU,CAAC;AAAA,MAAkB,SAAA;AAAA,gBAA7C,CACE,gBAAA,EAAC,GAAD;AAAA,QACE,QACE,gBAAA,EAAC,GAAD;AAAA,UAAQ,IAAI;AAAA,YAAE,SAAA;AAAA,YAAS,OAAA;AAAA,YAAO,QAAQ;AAAA,YAAI,OAAO;AAAA,UAAG;AAAA,UAAG,SAAQ;AAAA,oBAC5D;AAAA,QACK,CAAA;AAAA,QAEV,WACE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,UAAU,KAAc,IAAmB,SAAS;AAAA,YACpD,YAAY,KAAc,IAAmB,SAAS;AAAA,UACxD;AAAA,oBAEC,GAAG,EAAe,EAAK,gBAAgB,IAAmB,QAAQ,QAAQ,CAAA,MAAO,EAChF,GACA,CACF,CAAA;AAAA,QACI,CAAA;AAAA,QAER,IAAI;AAAA,UAAE,YAAY;AAAA,UAAc,4BAA4B,EAAE,UAAU,EAAE;AAAA,QAAE;AAAA,QAC5E,OACE,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,YAAY;AAAA,UACZ,IAAI;AAAA,YACF,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,oBAEP,EAAK;AAAA,QACF,CAAA;AAAA,MAET,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QAAa,IAAI,EAAE,IAAI,EAAE;AAAA,kBACvB,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK;AAAA,oBAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,YAAiB,MAAA;AAAA,YAAM,QAAQ;AAAA,UAAK,CAAA,GACpC,gBAAA,EAAC,GAAD;AAAA,YAAO,YAAW;AAAA,YAAS,WAAU;AAAA,YAAM,gBAAe;AAAA,sBAA1D,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,OAAM;AAAA,cAAiB,SAAQ;AAAA,wBAClC;AAAA,YACG,CAAA,GACL,EAAK,4BACJ,gBAAA,EAAC,GAAD;AAAA,cAAM,OAAM;AAAA,cAAiB,SAAQ;AAAA,wBAClC;AAAA,YACG,CAAA,CAEH;AAAA,YACF;AAAA;MACI,CAAA,CACC;AAAA;EACZ,CAAA;AAEV,CACF"}

package/dist/goals/components/ManageGoals.es.js

@@ -0,0 +1,89 @@
+import { useGlobalCopyStore as w, useGoalStore as y } from "../../common/context/hooks.es.js";
+import k from "../../common/components/drawer/Drawer.es.js";
+import { TrackType as n } from "../../core/types/Goal.es.js";
+import { ContributionAction as E } from "./actions/ContributionAction.es.js";
+import { OngoingListItem as K } from "./managegoals/OngoingListItem.es.js";
+import { CompleteListItem as L } from "./managegoals/CompleteListItem.es.js";
+import N from "react";
+import l from "@mui/material/Stack";
+import { H3 as D, P as M, Text as C } from "@mxenabled/mxui";
+import V from "@mui/material/Button";
+import { ChevronRight as B } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import v from "@mui/material/Divider";
+import x from "@mui/material/List";
+var Z = ({ trackType: m }) => {
+  const { goals: t, common: R } = w(), { loadGoals: T, orderedGoals: A, reorderGoals: G } = y(), h = A.filter((e) => e.track_type === m), c = h.filter((e) => e.track_type === n.SAVINGS_TRACK && !e.has_been_spent || e.track_type !== n.SAVINGS_TRACK && !e.is_complete), u = h.filter((e) => e.track_type === n.SAVINGS_TRACK && e.has_been_spent || e.track_type !== n.SAVINGS_TRACK && e.is_complete), [I, b] = N.useState(!1);
+  let d = t.manage_saving_goals, p = t.manage_saving_drawer_title, _ = t.manage_saving_title, g = t.manage_saving_description;
+  m === n.DEBT_TRACK ? (d = t.manage_debt_goals, p = t.manage_debt_drawer_title, _ = t.manage_debt_title, g = t.manage_debt_description) : m === n.RETIREMENT_TRACK && (d = t.manage_retirement_goals, p = t.manage_retirement_drawer_title, _ = t.manage_retirement_title, g = t.manage_retirement_description);
+  const S = async (e) => {
+    const i = [...c], o = i.findIndex((a) => a.guid === e.guid);
+    let f = o - 1;
+    f < 0 && (f = i.length - 1), i.splice(f, 0, i.splice(o, 1)[0]);
+    for (let a = 0; a < i.length; a++) i[a].position = a + 1;
+    await G(i), await T();
+  };
+  return /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ r(V, {
+    endIcon: /* @__PURE__ */ r(B, {}),
+    onClick: () => b(!0),
+    children: d
+  }), /* @__PURE__ */ r(k, {
+    ariaLabelClose: R.close_aria,
+    isOpen: I,
+    onClose: () => b(!1),
+    title: p,
+    children: /* @__PURE__ */ s(l, { children: [
+      /* @__PURE__ */ s(l, {
+        m: 24,
+        children: [/* @__PURE__ */ r(D, { children: _ }), /* @__PURE__ */ r(M, {
+          color: "text.secondary",
+          variant: "subtitle2",
+          children: g
+        })]
+      }),
+      /* @__PURE__ */ r(E, { trackType: m }),
+      /* @__PURE__ */ r(C, {
+        bold: !0,
+        sx: {
+          mb: 4,
+          mx: 24,
+          mt: 12
+        },
+        variant: "caption",
+        children: t.goal_priority
+      }),
+      /* @__PURE__ */ r(x, {
+        sx: { bgcolor: "background.paper" },
+        children: c.map((e, i) => {
+          const o = i >= c.length - 1;
+          return /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ r(K, {
+            goal: e,
+            index: i,
+            onUpClick: S
+          }), /* @__PURE__ */ r(v, { variant: o ? "fullWidth" : "inset" })] }, `ongoing-${e.guid}`);
+        })
+      }),
+      m !== n.RETIREMENT_TRACK && u.length > 0 && /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ r(C, {
+        bold: !0,
+        sx: {
+          mb: 4,
+          mx: 24,
+          mt: 12
+        },
+        variant: "caption",
+        children: t.complete_title
+      }), /* @__PURE__ */ r(x, {
+        sx: { bgcolor: "background.paper" },
+        children: u.map((e, i) => {
+          const o = i > c.length - 1;
+          return /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ r(L, { goal: e }), /* @__PURE__ */ r(v, { variant: o ? "fullWidth" : "inset" })] }, `complete-${e.guid}`);
+        })
+      })] })
+    ] })
+  })] });
+};
+export {
+  Z as ManageGoals
+};
+
+//# sourceMappingURL=ManageGoals.es.js.map

package/dist/goals/components/ManageGoals.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageGoals.es.js","names":[],"sources":["../../../src/goals/components/ManageGoals.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport { Drawer, useGlobalCopyStore, useGoalStore } from '../../common'\nimport { Goal, TrackType } from '../../core'\n\nimport { ContributionAction } from './actions/ContributionAction'\nimport { OngoingListItem } from './managegoals/OngoingListItem'\nimport { CompleteListItem } from './managegoals/CompleteListItem'\n\ninterface ManageGoalProps {\n  trackType: TrackType\n}\n\nexport const ManageGoals = ({ trackType }: ManageGoalProps) => {\n  const { goals: copy, common: commonCopy } = useGlobalCopyStore()\n  const { loadGoals, orderedGoals: allGoals, reorderGoals } = useGoalStore()\n\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 [isOpen, setIsOpen] = React.useState(false)\n\n  let manageButtonLabel = copy.manage_saving_goals\n  let drawerTitle = copy.manage_saving_drawer_title\n  let manageTitle = copy.manage_saving_title\n  let manageDescription = copy.manage_saving_description\n\n  if (trackType === TrackType.DEBT_TRACK) {\n    manageButtonLabel = copy.manage_debt_goals\n    drawerTitle = copy.manage_debt_drawer_title\n    manageTitle = copy.manage_debt_title\n    manageDescription = copy.manage_debt_description\n  } else if (trackType === TrackType.RETIREMENT_TRACK) {\n    manageButtonLabel = copy.manage_retirement_goals\n    drawerTitle = copy.manage_retirement_drawer_title\n    manageTitle = copy.manage_retirement_title\n    manageDescription = copy.manage_retirement_description\n  }\n\n  const handleMoveGoalUp = async (goal: Goal) => {\n    const reordered = [...ongoing]\n    const index = reordered.findIndex((g) => g.guid === goal.guid)\n\n    let newIndex = index - 1\n    if (newIndex < 0) {\n      newIndex = reordered.length - 1\n    }\n\n    reordered.splice(newIndex, 0, reordered.splice(index, 1)[0])\n\n    for (let i = 0; i < reordered.length; i++) {\n      reordered[i].position = i + 1\n    }\n\n    await reorderGoals(reordered)\n    await loadGoals()\n  }\n\n  return (\n    <Stack>\n      <Button endIcon={<ChevronRight />} onClick={() => setIsOpen(true)}>\n        {manageButtonLabel}\n      </Button>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        title={drawerTitle}\n      >\n        <Stack>\n          <Stack m={24}>\n            <H3>{manageTitle}</H3>\n            <P color=\"text.secondary\" variant=\"subtitle2\">\n              {manageDescription}\n            </P>\n          </Stack>\n\n          <ContributionAction trackType={trackType} />\n\n          <Text bold={true} sx={{ mb: 4, mx: 24, mt: 12 }} variant=\"caption\">\n            {copy.goal_priority}\n          </Text>\n\n          <List sx={{ bgcolor: 'background.paper' }}>\n            {ongoing.map((goal, index) => {\n              const isLast = index >= ongoing.length - 1\n              return (\n                <Stack key={`ongoing-${goal.guid}`}>\n                  <OngoingListItem goal={goal} index={index} onUpClick={handleMoveGoalUp} />\n                  <Divider variant={isLast ? 'fullWidth' : 'inset'} />\n                </Stack>\n              )\n            })}\n          </List>\n\n          {trackType !== TrackType.RETIREMENT_TRACK && complete.length > 0 && (\n            <Stack>\n              <Text bold={true} sx={{ mb: 4, mx: 24, mt: 12 }} variant=\"caption\">\n                {copy.complete_title}\n              </Text>\n\n              <List sx={{ bgcolor: 'background.paper' }}>\n                {complete.map((goal, index) => {\n                  const isLast = index > ongoing.length - 1\n                  return (\n                    <Stack key={`complete-${goal.guid}`}>\n                      <CompleteListItem goal={goal} />\n                      <Divider variant={isLast ? 'fullWidth' : 'inset'} />\n                    </Stack>\n                  )\n                })}\n              </List>\n            </Stack>\n          )}\n        </Stack>\n      </Drawer>\n    </Stack>\n  )\n}\n"],"mappings":"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"}

package/dist/goals/components/TabTitle.es.js

@@ -0,0 +1,19 @@
+import e from "@mui/material/Stack";
+import { Text as r } from "@mxenabled/mxui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+function c({ title: o, subtitle: i }) {
+  return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(r, {
+    bold: !0,
+    variant: "body1",
+    children: o
+  }), /* @__PURE__ */ t(r, {
+    sx: { fontWeight: 400 },
+    variant: "body1",
+    children: i
+  })] });
+}
+export {
+  c as TabTitle
+};
+
+//# sourceMappingURL=TabTitle.es.js.map

package/dist/goals/components/TabTitle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabTitle.es.js","names":[],"sources":["../../../src/goals/components/TabTitle.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface TabTitleProps {\n  title: string\n  subtitle: string\n}\n\nexport function TabTitle({ title, subtitle }: TabTitleProps) {\n  return (\n    <Stack>\n      <Text bold={true} variant=\"body1\">\n        {title}\n      </Text>\n      <Text sx={{ fontWeight: 400 }} variant=\"body1\">\n        {subtitle}\n      </Text>\n    </Stack>\n  )\n}\n"],"mappings":";;;AASA,SAAgB,EAAS,EAAE,OAAA,GAAO,UAAA,EAAA,GAA2B;AAC3D,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,cACvB;AAAA,EACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,YAAY,IAAI;AAAA,IAAG,SAAQ;AAAA,cACpC;AAAA,EACG,CAAA,CACD,EAAA,CAAA;AAEX"}