@mx-cartographer/experiences 6.26.18-alpha.mega2 → 6.26.18-alpha.mega3

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

@@ -0,0 +1,35 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { fromUnixTime as n } from "date-fns/fromUnixTime";
+import c from "@mui/material/ListItem";
+import l from "@mui/material/ListItemAvatar";
+import p from "@mui/material/ListItemButton";
+import a from "@mui/material/ListItemText";
+import i from "@mui/material/Stack";
+import { CheckCircle as s } from "@mxenabled/mx-icons";
+import { Text as o } from "@mxenabled/mxui";
+import { useGlobalCopyStore as d } from "../../../../common/context/hooks/index.es.js";
+import { buildDynamicCopy as f } from "../../../../common/utils/Localization/index.es.js";
+import { formatDate as y, DATE_FORMATS_INTL as u } from "../../../../common/constants/DateFormats/index.es.js";
+import { formatCurrency as h } from "../../../../common/utils/NumberFormatting/index.es.js";
+const O = ({ goal: t }) => {
+  const { goals: m } = d();
+  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ e(p, { children: [
+    /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(s, { color: "success", filled: !0, size: 20 }) }),
+    /* @__PURE__ */ r(a, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ e(i, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(i, { children: [
+        /* @__PURE__ */ r(o, { bold: !0, variant: "Body", children: t.name }),
+        /* @__PURE__ */ r(o, { variant: "XSmall", children: f(
+          m.completed_label,
+          y(
+            n(t.completed_at || 0),
+            u.MONTH_SHORT_YEAR
+          )
+        ) })
+      ] }),
+      /* @__PURE__ */ r(o, { bold: !0, variant: "Body", children: h(t.amount, "0,0.00") })
+    ] }) })
+  ] }) }, t.guid);
+};
+export {
+  O as CompleteListItem
+};

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

@@ -0,0 +1,47 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { fromUnixTime as a } from "date-fns/fromUnixTime";
+import p from "@mui/material/Avatar";
+import c from "@mui/material/ListItem";
+import l from "@mui/material/ListItemAvatar";
+import d from "@mui/material/ListItemButton";
+import s from "@mui/material/ListItemText";
+import i from "@mui/material/Stack";
+import { Text as o } from "@mxenabled/mxui";
+import { useGlobalCopyStore as f } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as h } from "../../../../common/types/Goal/index.es.js";
+import { buildDynamicCopy as y } from "../../../../common/utils/Localization/index.es.js";
+import { formatDate as x, DATE_FORMATS_INTL as T } from "../../../../common/constants/DateFormats/index.es.js";
+import { formatCurrency as u } from "../../../../common/utils/NumberFormatting/index.es.js";
+const M = ({ goal: t, index: m }) => {
+  const { goals: n } = f();
+  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ e(d, { children: [
+    t.track_type !== h.RETIREMENT_TRACK && /* @__PURE__ */ r(
+      l,
+      {
+        sx: {
+          alignItems: "center",
+          display: "flex",
+          justifyContent: "center",
+          ".MuiAvatar-root": { height: "16px", width: "16px" }
+        },
+        children: /* @__PURE__ */ r(p, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ r(o, { bold: !0, variant: "XSmall", children: m + 1 }) })
+      }
+    ),
+    /* @__PURE__ */ r(s, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ e(i, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(i, { children: [
+        /* @__PURE__ */ r(o, { bold: !0, variant: "Body", children: t.name }),
+        /* @__PURE__ */ r(o, { variant: "XSmall", children: y(
+          n.goal_projection,
+          x(
+            a(t.projected_to_complete_at || 0),
+            T.MONTH_SHORT_YEAR
+          )
+        ) })
+      ] }),
+      /* @__PURE__ */ r(o, { bold: !0, variant: "Body", children: u(t.amount, "0,0.00") })
+    ] }) })
+  ] }) });
+};
+export {
+  M as OngoingListItem
+};

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

@@ -0,0 +1,118 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import p 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 l 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 m, P as H } from "@mxenabled/mxui";
+import { useGlobalCopyStore as I, useGoalStore as O } from "../../../../common/context/hooks/index.es.js";
+import j from "../../../../common/components/drawer/Drawer/index.es.js";
+import { buildDynamicCopy as A } from "../../../../common/utils/Localization/index.es.js";
+import { formatDate as B, DATE_FORMATS_INTL as L } from "../../../../common/constants/DateFormats/index.es.js";
+import { formatCurrency as M } from "../../../../common/utils/NumberFormatting/index.es.js";
+const $ = ({ goals: f }) => {
+  const { goals: t, common: h } = I(), { reorderGoals: _, setAlert: g } = O(), [s, d] = p.useState(!1), [c, u] = p.useState(f.map((r) => ({ ...r })));
+  p.useEffect(() => {
+    s && u(f.map((r) => ({ ...r })));
+  }, [s]);
+  const y = [
+    {
+      field: "name",
+      flex: 1,
+      renderCell: (r) => {
+        const o = r.row;
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(m, { bold: !0, variant: "Body", children: o.name }),
+          /* @__PURE__ */ e(m, { variant: "XSmall", children: A(
+            t.goal_projection,
+            B(
+              w(o.projected_to_complete_at || 0),
+              L.MONTH_SHORT_YEAR
+            )
+          ) })
+        ] });
+      },
+      sortable: !1
+    },
+    {
+      align: "right",
+      field: "amount",
+      minWidth: 140,
+      renderCell: (r) => {
+        const o = r.row;
+        return /* @__PURE__ */ e(m, { bold: !0, sx: { mr: 12 }, variant: "Body", children: M(o.amount, "0,0.00") });
+      },
+      sortable: !1
+    }
+  ], C = c.map((r) => ({
+    id: r.guid,
+    isHovering: !1,
+    __reorder__: r.name,
+    ...r
+  })), x = ({ oldIndex: r, targetIndex: o }) => {
+    const i = [...c];
+    i.splice(o, 0, i.splice(r, 1)[0]);
+    for (let n = 0; n < i.length; n += 1)
+      i[n].position = n + 1;
+    u(i);
+  }, b = async () => {
+    await _(c), g(t.alert_goals_reordered), d(!1);
+  };
+  return /* @__PURE__ */ a(l, { children: [
+    /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(G, { onClick: () => d(!0), children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ a(
+      l,
+      {
+        alignItems: "center",
+        color: "action.active",
+        direction: "row",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ e(m, { color: "primary.light", variant: "Body", children: t.reorder_goals_title }),
+          /* @__PURE__ */ e(D, { color: "primary" })
+        ]
+      }
+    ) }) }) }),
+    /* @__PURE__ */ e(
+      j,
+      {
+        ariaLabelClose: h.close_aria,
+        isOpen: s,
+        onClose: () => d(!1),
+        onPrimaryAction: b,
+        title: t.reorder_goals_title,
+        children: /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(H, { sx: { my: 12, mx: 24 }, children: t.reorder_goals_description }),
+          /* @__PURE__ */ e(
+            T,
+            {
+              columnHeaderHeight: 0,
+              columns: y,
+              disableColumnFilter: !0,
+              disableColumnMenu: !0,
+              hideFooter: !0,
+              onRowOrderChange: x,
+              rowReordering: !0,
+              rows: C,
+              slots: {
+                rowReorderIcon: () => /* @__PURE__ */ e(v, { sx: { ml: 12 } })
+                //TODO: Add to mx-icons
+              },
+              sx: {
+                "& .MuiDataGrid-columnHeaders": {
+                  borderBottomWidth: 0
+                }
+              }
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  $ as ReorderGoals
+};

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

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

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

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

package/dist/goals/components/actions/AccountAction/index.es.js

@@ -0,0 +1,46 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import s from "react";
+import c from "@mui/material/ListItem";
+import p from "@mui/material/ListItemAvatar";
+import a from "@mui/material/ListItemButton";
+import l from "@mui/material/ListItemText";
+import f from "@mui/material/Stack";
+import { ChevronRight as d } from "@mxenabled/mx-icons";
+import { InstitutionLogo as u } from "@mxenabled/mxui";
+import h from "../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader/index.es.js";
+import A from "../../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent/index.es.js";
+import { useAccountUiStore as C } from "../../../../accounts/hooks/useUiStore/index.es.js";
+import { useGlobalCopyStore as I } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as g } from "../../../../common/utils/NumberFormatting/index.es.js";
+import x from "../../../../common/components/drawer/Drawer/index.es.js";
+const U = ({ account: o }) => {
+  const { accounts: i } = I(), { setSelectedAccount: m } = C(), [n, e] = s.useState(!1);
+  return /* @__PURE__ */ r(c, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ r(a, { onClick: () => {
+      m(o), e(!0);
+    }, children: [
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+        u,
+        {
+          alt: o.name || "",
+          institutionGuid: o.institution_guid || ""
+        }
+      ) }),
+      /* @__PURE__ */ t(
+        l,
+        {
+          primary: o.name || o.feed_name,
+          secondary: g(o.balance || 0, "0,0.00")
+        }
+      ),
+      /* @__PURE__ */ t(d, {})
+    ] }),
+    /* @__PURE__ */ t(x, { isOpen: n, onClose: () => e(!1), title: i.account_details, children: /* @__PURE__ */ r(f, { children: [
+      /* @__PURE__ */ t(h, {}),
+      /* @__PURE__ */ t(A, {})
+    ] }) })
+  ] });
+};
+export {
+  U as AccountAction
+};

package/dist/goals/components/actions/AddRetirementAccountAction/index.es.js

@@ -0,0 +1,66 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import w from "react";
+import x from "@mui/material/Divider";
+import I from "@mui/material/ListItem";
+import R from "@mui/material/ListItemButton";
+import y from "@mui/material/ListItemText";
+import s from "@mui/material/Stack";
+import { AddBox as C, ChevronRight as k } from "@mxenabled/mx-icons";
+import { AccountSelectionDrawer as L } from "../../AccountSelectionDrawer/index.es.js";
+import { AccountAction as j } from "../AccountAction/index.es.js";
+import { useGlobalCopyStore as B, useAccountStore as D, useGoalStore as N } from "../../../../common/context/hooks/index.es.js";
+const Q = ({ goal: a }) => {
+  const { goals: r } = B(), { visibleInvestmentAccounts: d } = D(), {
+    addRetirementGoalAccount: m,
+    newRetirementGoalAccounts: f,
+    retirementGoalAccounts: u,
+    selectedGoal: p,
+    setAlert: g,
+    setNewRetirementGoalAccounts: A,
+    setSelectedGoal: _
+  } = N(), [h, i] = w.useState(!1), l = !a.guid, G = d.filter(
+    (t) => l ? f.find((e) => e.account_guid === t.guid) : u.find((e) => e.account_guid === t.guid)
+  ), S = d.filter(
+    (t) => !u.find((e) => e.account_guid === t.guid)
+  ), b = async (t) => {
+    const e = t.map((c) => ({
+      account_guid: c.guid,
+      retirement_goal_guid: a.guid
+    }));
+    if (l)
+      A(e);
+    else
+      for (const c of e)
+        await m(c), g(r.alert_account_added);
+    _({
+      ...p,
+      current_amount: t.reduce((c, v) => c + (v.balance || 0), 0)
+    }), i(!1);
+  };
+  return /* @__PURE__ */ n(s, { children: [
+    G.map((t) => /* @__PURE__ */ n(s, { children: [
+      /* @__PURE__ */ o(j, { account: t }),
+      /* @__PURE__ */ o(x, {})
+    ] }, t.guid)),
+    /* @__PURE__ */ o(I, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ n(R, { onClick: () => i(!0), children: [
+      /* @__PURE__ */ o(y, { children: /* @__PURE__ */ n(s, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ o(C, { filled: !0 }),
+        r.details_add_account
+      ] }) }),
+      /* @__PURE__ */ o(k, { color: "primary" })
+    ] }) }),
+    /* @__PURE__ */ o(
+      L,
+      {
+        accounts: S,
+        isOpen: h,
+        onClose: () => i(!1),
+        onSave: b,
+        title: r.add_select_accounts
+      }
+    )
+  ] });
+};
+export {
+  Q as AddRetirementAccountAction
+};

package/dist/goals/components/actions/AmountToSaveAction/index.es.js

@@ -0,0 +1,46 @@
+import { jsx as m } from "react/jsx-runtime";
+import y from "react";
+import { observer as S } from "mobx-react-lite";
+import { useGlobalCopyStore as f, useGoalStore as A } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as u } from "../../../../common/types/Goal/index.es.js";
+import { ListItemAction as T } from "../../../../common/components/ListItemAction/index.es.js";
+import { formatCurrency as b } from "../../../../common/utils/NumberFormatting/index.es.js";
+import v from "../../../../common/components/CurrencyInput/index.es.js";
+const w = S(({ goal: t }) => {
+  const { goals: r } = f(), { setAlert: i, setSelectedGoal: c, updateGoal: p } = A(), [e, a] = y.useState(t.amount), n = !t.guid, s = e < 0 || e > 9999999999e-2, d = t.track_type === u.SAVINGS_TRACK && t.has_been_spent || t.track_type !== u.SAVINGS_TRACK && t.is_complete, l = async () => {
+    const o = { ...t, amount: e };
+    t.amount = e, n ? c(o) : (await p(o), i(r.alert_goal_updated_amount));
+  }, _ = () => {
+    setTimeout(() => {
+      a(t.amount);
+    }, 250);
+  };
+  return /* @__PURE__ */ m(
+    T,
+    {
+      isDisabled: d,
+      isSaveDisabled: s,
+      label: r.details_amount_to_save,
+      onCancel: _,
+      onSave: l,
+      primaryText: r.details_amount_to_save,
+      secondaryText: b(t.amount, "0,0"),
+      zeroStateText: n && t.amount === 0 ? r.add_amount : void 0,
+      children: /* @__PURE__ */ m(
+        v,
+        {
+          amount: e,
+          autoFocus: !0,
+          error: s,
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (o) => a(isNaN(Number(o)) ? e : Number(o)),
+          sx: { ".MuiTypography-Body": { p: 0 } }
+        }
+      )
+    }
+  );
+});
+export {
+  w as AmountToSaveAction
+};

package/dist/goals/components/actions/BirthdayAction/index.es.js

@@ -0,0 +1,42 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "react";
+import { observer as b } from "mobx-react-lite";
+import { fromUnixTime as s } from "date-fns/fromUnixTime";
+import { getUnixTime as f } from "date-fns/getUnixTime";
+import { isValid as u } from "date-fns/isValid";
+import { AdapterDateFns as _ } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as S } from "@mui/x-date-pickers";
+import { LocalizationProvider as A } from "@mui/x-date-pickers/LocalizationProvider";
+import { useGlobalCopyStore as T, useUserStore as x, useGoalStore as v } from "../../../../common/context/hooks/index.es.js";
+import { ListItemAction as D } from "../../../../common/components/ListItemAction/index.es.js";
+import { formatDate as g, DATE_FORMATS_INTL as E } from "../../../../common/constants/DateFormats/index.es.js";
+const O = b(({ goal: i }) => {
+  const { goals: t } = T(), { user: r, updateUser: d } = x(), { setAlert: m } = v(), [e, n] = a.useState(s(r.birthday ?? 0)), [l, p] = a.useState(null), c = i.is_complete, h = async () => {
+    e && u(e) && (await d({ ...r, birthday: f(e) }), m(t.alert_goal_updated_birthday));
+  };
+  return /* @__PURE__ */ o(
+    D,
+    {
+      isDisabled: c,
+      isSaveDisabled: !!l,
+      label: t.details_birthday,
+      onSave: h,
+      primaryText: t.details_birthday,
+      secondaryText: `${g(s(r.birthday ?? 0), E.MONTH_DAY_YEAR)}`,
+      zeroStateText: !i.guid && !r.birthday ? t.add_birthday : void 0,
+      children: /* @__PURE__ */ o(A, { dateAdapter: _, children: /* @__PURE__ */ o(
+        S,
+        {
+          label: t.details_birthday,
+          onChange: n,
+          onError: (y) => p(y),
+          sx: { width: "100%" },
+          value: e
+        }
+      ) })
+    }
+  );
+});
+export {
+  O as BirthdayAction
+};

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

@@ -0,0 +1,91 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import I from "react";
+import w from "@mui/material/Button";
+import f from "@mui/material/List";
+import a from "@mui/material/ListItem";
+import _ from "@mui/material/ListItemAvatar";
+import l from "@mui/material/ListItemButton";
+import s from "@mui/material/ListItemText";
+import c from "@mui/material/Stack";
+import { AddBox as L, ChevronRight as d } from "@mxenabled/mx-icons";
+import { Text as m, InstitutionLogo as b } from "@mxenabled/mxui";
+import { useAccountStore as B, useGlobalCopyStore as j, useGoalStore as D } from "../../../../common/context/hooks/index.es.js";
+import { buildDynamicCopy as O } from "../../../../common/utils/Localization/index.es.js";
+import P from "../../../../common/components/drawer/Drawer/index.es.js";
+import { formatCurrency as x } from "../../../../common/utils/NumberFormatting/index.es.js";
+import { ConnectCard as R } from "../../../../common/components/ConnectCard/index.es.js";
+const Z = ({ goal: n }) => {
+  const { visibleCheckingAccounts: y, visibleSavingsAccounts: C } = B(), { accounts: p, goals: i } = j(), { setAlert: A, setSelectedGoal: k, updateGoal: v } = D(), u = !n.guid, [S, o] = I.useState(!1), h = async ({ balance: e, guid: G }) => {
+    const g = { ...n, account_guid: G, current_amount: e || 0 };
+    u ? k(g) : (await v(g), A(i.alert_account_changed)), o(!1);
+  };
+  return /* @__PURE__ */ r(c, { children: [
+    u && !n.account_guid ? /* @__PURE__ */ t(a, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ r(l, { onClick: () => o(!0), children: [
+      /* @__PURE__ */ t(s, { children: /* @__PURE__ */ r(c, { alignItems: "center", color: "primary.main", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ t(L, { filled: !0 }),
+        i.details_add_account
+      ] }) }),
+      /* @__PURE__ */ t(d, { color: "primary" })
+    ] }) }) : /* @__PURE__ */ r(c, { sx: { gap: 8, my: 24, mx: 24 }, children: [
+      /* @__PURE__ */ t(w, { onClick: () => o(!0), variant: "text", children: i.details_change_account }),
+      /* @__PURE__ */ t(
+        m,
+        {
+          color: "text.secondary",
+          sx: { textAlign: "center", whiteSpace: "wrap" },
+          variant: "Paragraph",
+          children: O(i.details_change_account_description, n.name)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(P, { isOpen: S, onClose: () => o(!1), title: i.details_change_account, children: /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ t(m, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: p.account_types[1] }),
+      /* @__PURE__ */ t(f, { sx: { bgcolor: "background.paper" }, children: y.map((e) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ r(l, { onClick: () => h(e), children: [
+        /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+          b,
+          {
+            alt: e?.name || "",
+            institutionGuid: e?.institution_guid || ""
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          s,
+          {
+            primary: e?.name || e?.feed_name,
+            secondary: x(e?.balance || 0, "0,0.00")
+          }
+        ),
+        /* @__PURE__ */ t(d, {})
+      ] }) }, e.guid)) }),
+      /* @__PURE__ */ t(m, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: p.account_types[2] }),
+      /* @__PURE__ */ t(f, { sx: { bgcolor: "background.paper" }, children: C.map((e) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ r(l, { onClick: () => h(e), children: [
+        /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+          b,
+          {
+            alt: e?.name || "",
+            institutionGuid: e?.institution_guid || ""
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          s,
+          {
+            primary: e?.name || e?.feed_name,
+            secondary: x(e?.balance || 0, "0,0.00")
+          }
+        ),
+        /* @__PURE__ */ t(d, {})
+      ] }) }, e.guid)) }),
+      /* @__PURE__ */ t(
+        R,
+        {
+          description: i.connect_description,
+          label: i.connect_button,
+          title: i.connect_title
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  Z as ChangeAccountAction
+};

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

@@ -0,0 +1,46 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "react";
+import { observer as f } from "mobx-react-lite";
+import d from "@mui/material/Stack";
+import { useGlobalCopyStore as p, useGoalStore as b } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as a } from "../../../../common/types/Goal/index.es.js";
+import { ListItemAction as A } from "../../../../common/components/ListItemAction/index.es.js";
+import { formatCurrency as C } from "../../../../common/utils/NumberFormatting/index.es.js";
+import g from "../../../../common/components/CurrencyInput/index.es.js";
+const v = f(({ trackType: e }) => {
+  const { goals: n } = p(), { setAlert: u, monthlyCashFlowProfile: r, updateMonthlyCashFlowProfile: _ } = b(), l = m.useMemo(() => {
+    let o = 0;
+    return e === a.SAVINGS_TRACK ? o = r?.amount_allocated_for_savings_goals || 0 : e === a.DEBT_TRACK ? o = r?.amount_allocated_for_debt_goals || 0 : e === a.RETIREMENT_TRACK && (o = r?.amount_allocated_for_retirement_goals || 0), o;
+  }, [r]), [t, s] = m.useState(l), c = async () => {
+    if (r) {
+      const o = { ...r };
+      e === a.SAVINGS_TRACK ? o.amount_allocated_for_savings_goals = t : e === a.DEBT_TRACK ? o.amount_allocated_for_debt_goals = t : e === a.RETIREMENT_TRACK && (o.amount_allocated_for_retirement_goals = t), await _(o), u(n.alert_contribution_updated);
+    }
+  };
+  return /* @__PURE__ */ i(d, { bgcolor: "background.paper", children: /* @__PURE__ */ i(
+    A,
+    {
+      isSaveDisabled: !t || isNaN(t),
+      label: n.contribution_label,
+      onCancel: () => s(l),
+      onSave: c,
+      primaryText: n.contribution_label,
+      secondaryText: C(l, "0,0.00"),
+      children: /* @__PURE__ */ i(
+        g,
+        {
+          amount: t,
+          autoFocus: !0,
+          error: !t || isNaN(t),
+          fullWidth: !0,
+          minAmount: 0,
+          setAmount: (o) => s(isNaN(Number(o)) ? t : Number(o)),
+          sx: { ".MuiTypography-Body": { p: 0 } }
+        }
+      )
+    }
+  ) });
+});
+export {
+  v as ContributionAction
+};