@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

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

@@ -0,0 +1,59 @@
+import E from "../../../common/utils/AccountDisplayName/index.es.js";
+import { useAccountStore as D, useAppConfig as S, useGlobalCopyStore as b, useGoalStore as k } from "../../../common/context/hooks/index.es.js";
+import { AccountType as i } from "../../../core/types/Account/index.es.js";
+import { GoalType as l, MetaType as n, TrackType as r } from "../../../core/types/Goal/index.es.js";
+import { getGoalTypes as G } from "../../../core/utils/GoalsUtil/index.es.js";
+import { AddGoalListItem as O } from "../addgoal/AddGoalListItem/index.es.js";
+import { AccountSelectionDrawer as L } from "../AccountSelectionDrawer/index.es.js";
+import N from "react";
+import R from "@mui/material/Stack";
+import { jsx as s, jsxs as I } from "react/jsx-runtime";
+import h from "@mui/material/List";
+var W = ({ onClose: m }) => {
+  const { goals: a } = b(), { addGoal: p, debtGoals: u, setAlert: _, setSelectedGoal: d } = k(), { config: f } = S(), { visibleDebtAccounts: A } = D(), [y, c] = N.useState(!1), T = G(a), g = (e, t, o) => {
+    o === r.DEBT_TRACK ? c(!0) : d({
+      amount: 0,
+      current_amount: 0,
+      goal_type: l.SAVE_AMOUNT,
+      initial_amount: 0,
+      meta_type: t,
+      name: e,
+      track_type: o
+    });
+  }, C = async (e) => {
+    for (const t of e) {
+      let o = n.CREDIT_CARD;
+      t.account_type === i.LOAN ? o = n.LOANS : t.account_type === i.LINE_OF_CREDIT && (o = n.LINE_OF_CREDIT), await p({
+        account_guid: t.guid,
+        amount: 0,
+        current_amount: 0,
+        goal_type: l.KEEP_BALANCE_BELOW,
+        initial_amount: t.balance || 0,
+        interest_rate: t.interest_rate || 0,
+        meta_type: o,
+        monthly_payment: t.minimum_payment || 0,
+        name: E(t, { allowNickname: f?.show_account_nicknames_in_master }),
+        track_type: r.DEBT_TRACK
+      }), _(a.alert_goal_added);
+    }
+    c(!1), m?.(r.DEBT_TRACK);
+  };
+  return /* @__PURE__ */ I(R, { children: [/* @__PURE__ */ s(h, {
+    sx: { bgcolor: "background.paper" },
+    children: T.map((e, t) => /* @__PURE__ */ s(O, {
+      goalType: e,
+      onClick: g
+    }, t))
+  }), /* @__PURE__ */ s(L, {
+    accounts: A.filter((e) => !u.find((t) => t.account_guid === e.guid)),
+    isOpen: y,
+    onClose: () => c(!1),
+    onSave: C,
+    title: a.select_debt_accounts_title
+  })] });
+};
+export {
+  W as AddGoal
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/goals/components/AddGoal/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/goals/components/AddGoal.tsx"],"sourcesContent":["import React from 'react'\n\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { useAccountStore, useGlobalCopyStore, useGoalStore, useAppConfig } from '../../common'\nimport { type Account, type Goal, AccountType, GoalType, MetaType, TrackType } from '../../core'\nimport getAccountDisplayName from '../../common/utils/AccountDisplayName'\n\nimport { getGoalTypes } from '../../core/utils/GoalsUtil'\nimport { AddGoalListItem } from './addgoal/AddGoalListItem'\nimport { AccountSelectionDrawer } from './AccountSelectionDrawer'\n\ninterface AddGoalProps {\n  onClose?: (trackType: TrackType) => void\n}\n\nexport const AddGoal = ({ onClose }: AddGoalProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { addGoal, debtGoals, setAlert, setSelectedGoal } = useGoalStore()\n  const { config } = useAppConfig()\n  const { visibleDebtAccounts: debtAccounts } = useAccountStore()\n\n  const [isAccountsOpen, setIsAccountsOpen] = React.useState(false)\n\n  const goalTypes = getGoalTypes(copy)\n\n  const handleClick = (name: string, metaType: MetaType, type: TrackType) => {\n    if (type === TrackType.DEBT_TRACK) {\n      setIsAccountsOpen(true)\n    } else {\n      setSelectedGoal({\n        amount: 0,\n        current_amount: 0,\n        goal_type: GoalType.SAVE_AMOUNT,\n        initial_amount: 0,\n        meta_type: metaType,\n        name: name,\n        track_type: type,\n      } as Goal)\n    }\n  }\n\n  const handleSaveDebtAccounts = async (accounts: Account[]) => {\n    for (const account of accounts) {\n      let metaType = MetaType.CREDIT_CARD\n      if (account.account_type === AccountType.LOAN) {\n        metaType = MetaType.LOANS\n      } else if (account.account_type === AccountType.LINE_OF_CREDIT) {\n        metaType = MetaType.LINE_OF_CREDIT\n      }\n\n      await addGoal({\n        account_guid: account.guid,\n        amount: 0,\n        current_amount: 0,\n        goal_type: GoalType.KEEP_BALANCE_BELOW,\n        initial_amount: account.balance || 0,\n        interest_rate: account.interest_rate || 0,\n        meta_type: metaType,\n        monthly_payment: account.minimum_payment || 0,\n        name: getAccountDisplayName(account, {\n          allowNickname: config?.show_account_nicknames_in_master,\n        }),\n        track_type: TrackType.DEBT_TRACK,\n      } as Goal)\n      setAlert(copy.alert_goal_added)\n    }\n    setIsAccountsOpen(false)\n    onClose?.(TrackType.DEBT_TRACK)\n  }\n\n  return (\n    <Stack>\n      <List sx={{ bgcolor: 'background.paper' }}>\n        {goalTypes.map((goalType, index) => (\n          <AddGoalListItem goalType={goalType} key={index} onClick={handleClick} />\n        ))}\n      </List>\n\n      <AccountSelectionDrawer\n        accounts={debtAccounts.filter((a) => !debtGoals.find((g) => g.account_guid === a.guid))}\n        isOpen={isAccountsOpen}\n        onClose={() => setIsAccountsOpen(false)}\n        onSave={handleSaveDebtAccounts}\n        title={copy.select_debt_accounts_title}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAiBA,IAAa,IAAA,CAAW,EAAE,SAAA,EAAA,MAA4B;AACpD,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,SAAA,GAAS,WAAA,GAAW,UAAA,GAAU,iBAAA,EAAA,IAAoB,EAAa,GACjE,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,qBAAqB,EAAA,IAAiB,EAAgB,GAExD,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAS,EAAK,GAE1D,IAAY,EAAa,CAAI,GAE7B,IAAA,CAAe,GAAc,GAAoB,MAAoB;AACzE,IAAI,MAAS,EAAU,aACrB,EAAkB,EAAI,IAEtB,EAAgB;AAAA,MACd,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,WAAW,EAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACL,MAAA;AAAA,MACN,YAAY;AAAA,IACd,CAAS;AAAA,EAEb,GAEM,IAAyB,OAAO,MAAwB;AAC5D,eAAW,KAAW,GAAU;AAC9B,UAAI,IAAW,EAAS;AACxB,MAAI,EAAQ,iBAAiB,EAAY,OACvC,IAAW,EAAS,QACX,EAAQ,iBAAiB,EAAY,mBAC9C,IAAW,EAAS,iBAGtB,MAAM,EAAQ;AAAA,QACZ,cAAc,EAAQ;AAAA,QACtB,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,WAAW,EAAS;AAAA,QACpB,gBAAgB,EAAQ,WAAW;AAAA,QACnC,eAAe,EAAQ,iBAAiB;AAAA,QACxC,WAAW;AAAA,QACX,iBAAiB,EAAQ,mBAAmB;AAAA,QAC5C,MAAM,EAAsB,GAAS,EACnC,eAAe,GAAQ,iCACzB,CAAC;AAAA,QACD,YAAY,EAAU;AAAA,MACxB,CAAS,GACT,EAAS,EAAK,gBAAgB;AAAA,IAChC;AACA,IAAA,EAAkB,EAAK,GACvB,IAAU,EAAU,UAAU;AAAA,EAChC;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,cACrC,EAAU,IAAA,CAAK,GAAU,MACxB,gBAAA,EAAC,GAAD;AAAA,MAA2B,UAAA;AAAA,MAAsB,SAAS;AAAA,IAAc,GAA9B,CAA8B,CACzE;AAAA,EACG,CAAA,GAEN,gBAAA,EAAC,GAAD;AAAA,IACE,UAAU,EAAa,OAAA,CAAQ,MAAM,CAAC,EAAU,KAAA,CAAM,MAAM,EAAE,iBAAiB,EAAE,IAAI,CAAC;AAAA,IACtF,QAAQ;AAAA,IACR,SAAA,MAAe,EAAkB,EAAK;AAAA,IACtC,QAAQ;AAAA,IACR,OAAO,EAAK;AAAA,EACb,CAAA,CACI,EAAA,CAAA;AAEX"}

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

@@ -0,0 +1,115 @@
+import { useAccountStore as _, useGlobalCopyStore as A } from "../../../common/context/hooks/index.es.js";
+import { TrackType as e } from "../../../core/types/Goal/index.es.js";
+import { InterestRateAction as R } from "../actions/InterestRateAction/index.es.js";
+import { MonthlyPaymentAction as f } from "../actions/MonthlyPaymentAction/index.es.js";
+import { OriginalBalanceAction as y } from "../actions/OriginalBalanceAction/index.es.js";
+import { GoalStatusCard as E } from "../GoalStatusCard/index.es.js";
+import { AccountAction as u } from "../actions/AccountAction/index.es.js";
+import { AmountToSaveAction as x } from "../actions/AmountToSaveAction/index.es.js";
+import { ChangeAccountAction as h } from "../actions/ChangeAccountAction/index.es.js";
+import { GoalNameAction as C } from "../actions/GoalNameAction/index.es.js";
+import { RetirementAgeAction as I } from "../actions/RetirementAgeAction/index.es.js";
+import { BirthdayAction as b } from "../actions/BirthdayAction/index.es.js";
+import { AddRetirementAccountAction as v } from "../actions/AddRetirementAccountAction/index.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=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/index.es.js

@@ -0,0 +1,83 @@
+import { buildDynamicCopy as B } from "../../../core/utils/Localization/index.es.js";
+import { useAccountStore as K, useGlobalCopyStore as M, useGoalStore as O, useUserStore as P } from "../../../common/context/hooks/index.es.js";
+import V from "../../../common/components/dialog/Dialog/index.es.js";
+import j from "../../../common/components/drawer/Drawer/index.es.js";
+import { TrackType as r } from "../../../core/types/Goal/index.es.js";
+import { GoalDetails as L } from "../GoalDetails/index.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=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/index.es.js

@@ -0,0 +1,135 @@
+import { useGlobalCopyStore as R, useGlobalUiStore as x, useGoalStore as A } from "../../../common/context/hooks/index.es.js";
+import { useScreenSize as G } from "../../../common/hooks/useScreenSize/index.es.js";
+import { TrackType as r } from "../../../core/types/Goal/index.es.js";
+import { formatCurrency as T } from "../../../core/utils/NumberFormatting/index.es.js";
+import { getZeroStateOngoing as k } from "../../../core/utils/GoalsUtil/index.es.js";
+import { GoalStatusCard as I } from "../GoalStatusCard/index.es.js";
+import { ManageGoals as v } from "../ManageGoals/index.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=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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":";;;;;;;;;;;;;;;;AAyBA,IAAa,IAAW,EAAA,CAAU,EAAE,WAAA,GAAW,YAAA,EAAA,MAAgC;AAC7E,QAAM,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAiB,GAC5C,EAAE,cAAc,GAAU,iBAAA,EAAA,IAAoB,EAAa,GAE3D,IAAQ,EAAS,OAAA,CACpB,MACC,EAAK,eAAe,MAClB,EAAK,eAAe,EAAU,oBAC9B,EAAqB,SAAS,EAAK,YAAY,KAC/C,EAAK,eAAe,EAAU,iBACpC,GAEM,IAAU,EAAM,OAAA,CACnB,MACE,EAAK,eAAe,EAAU,iBAAiB,CAAC,EAAK,kBACrD,EAAK,eAAe,EAAU,iBAAiB,CAAC,EAAK,WAC1D,GAEM,IAAW,EAAM,OAAA,CACpB,MACE,EAAK,eAAe,EAAU,iBAAiB,EAAK,kBACpD,EAAK,eAAe,EAAU,iBAAiB,EAAK,WACzD,GAEM,IACJ,MAAc,EAAU,aACpB,EAAK,2BACL,EAAK;AAEX,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,IAAI,IAAI,IAAW,KAAK;AAAA,cAAnC;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,QAAgB,IAAI;AAAA,kBAA9E,CACE,gBAAA,EAAC,GAAD;AAAA,UAAI,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAChC,EAAK;AAAA,QACJ,CAAA,GACJ,gBAAA,EAAC,GAAD,EAAwB,WAAA,EAAY,CAAA,CAC/B;AAAA;MACN,EAAQ,SAAS,IAChB,gBAAA,EAAC,GAAD;AAAA,QAAM,WAAW;AAAA,QAAM,SAAS;AAAA,kBAC7B,EAAQ,IAAA,CAAK,GAAM,GAAO,MAEzB,gBAAA,EAAC,GAAD;AAAA,UAAkB,MAAM,KAAa,MAAU,KAAK,EAAM,WAAW,IAAK,KAAK;AAAA,oBAC7E,gBAAA,EAAC,GAAD;AAAA,YAAsB,MAAA;AAAA,YAAsB,SAAA,MAAe,EAAgB,CAAI;AAAA,UAAI,GAAlD,EAAK,IAA6C;AAAA,QAC/E,GAFK,CAEL,CACP;AAAA,MACG,CAAA,IAEN,gBAAA,EAAC,GAAD;AAAA,QACE,YAAW;AAAA,QACX,SAAQ;AAAA,QACR,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,gBAAe;AAAA,QACf,IAAI;AAAA,kBANN,CAQE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAA,CAAK,OAAW;AAAA,YACd,OAAO;AAAA,aACL,EAAgB,YAAY,KAAK,IAAI,CAAA,GAAI,EACzC,IAAI,GACN;AAAA,YACA,OAAO,EAAE,IAAI,IAAI;AAAA,UACnB;AAAA,UACA,SAAQ;AAAA,oBAEP,EAAoB,GAAW,CAAI;AAAA,QACnC,CAAA,GACH,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAAY,IAAI;AAAA,YAAE,IAAI;AAAA,YAAI,OAAO,EAAE,IAAI,IAAI;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACtE,EAAK;AAAA,QACA,CAAA,CACH;AAAA;MAER,MAAc,EAAU,oBACvB,gBAAA,EAAC,GAAD;AAAA,QAAO,KAAK;AAAA,QAAI,IAAI;AAAA,kBAApB;AAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAI,OAAM;AAAA,YAAiB,SAAQ;AAAA,sBAChC,EAAK;AAAA,UACJ,CAAA;AAAA,UACH,EAAS,WAAW,KACnB,gBAAA,EAAC,GAAD;AAAA,YAAO,YAAW;AAAA,YAAS,SAAQ;AAAA,YAAqB,cAAc;AAAA,YAAG,IAAI;AAAA,sBAC3E,gBAAA,EAAC,GAAD;AAAA,cACE,IAAA,CAAK,OAAW;AAAA,gBACd,OAAO;AAAA,gBACP,OAAO,EAAE,IAAI,IAAI;AAAA,iBACf,EAAgB,YAAY,KAAK,IAAI,CAAA,GAAI,EACzC,IAAI,GACN;AAAA,cACF;AAAA,cACA,SAAQ;AAAA,wBAEP;AAAA,YACA,CAAA;AAAA,UACE,CAAA;AAAA,UAER,EAAS,IAAA,CAAK,MACb,gBAAA,EAAC,GAAD;AAAA,YAAM,WAAW;AAAA,sBACf,gBAAA,EAAC,GAAD;AAAA,cAAgB,SAAA,MAAe,EAAgB,CAAI;AAAA,wBACjD,gBAAA,EAAC,GAAD;AAAA,gBAAa,IAAI,EAAE,eAAe,EAAE,IAAI,GAAG,EAAE;AAAA,0BAC3C,gBAAA,EAAC,GAAD;AAAA,kBAAO,YAAW;AAAA,kBAAS,WAAU;AAAA,kBAAM,gBAAe;AAAA,4BAA1D,CACE,gBAAA,EAAC,GAAD;AAAA,oBAAO,YAAW;AAAA,oBAAS,WAAU;AAAA,oBAAM,KAAK;AAAA,8BAAhD,CACE,gBAAA,EAAC,GAAD;AAAA,sBAAM,OAAM;AAAA,sBAAU,MAAM;AAAA,sBAAM,MAAK;AAAA,sBAAe,MAAM;AAAA,oBAAK,CAAA,GACjE,gBAAA,EAAC,GAAD;AAAA,sBAAM,OAAM;AAAA,sBAAiB,SAAQ;AAAA,gCAClC,EAAK;AAAA,oBACF,CAAA,CACD;AAAA,sBACP,gBAAA,EAAC,GAAD;AAAA,oBAAM,MAAM;AAAA,oBAAM,SAAQ;AAAA,8BACvB,EAAe,EAAK,QAAQ,QAAQ;AAAA,kBACjC,CAAA,CACD;AAAA;cACI,CAAA;AAAA,YACC,CAAA;AAAA,UACZ,GAhBmB,EAAK,IAgBxB,CACP;AAAA,QACI;AAAA;IAEJ;AAAA;AAEX,CAAC"}

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

@@ -0,0 +1,95 @@
+import b from "../../../common/components/charts/StatusBar/index.es.js";
+import { useGlobalCopyStore as _ } from "../../../common/context/hooks/index.es.js";
+import { useScreenSize as S } from "../../../common/hooks/useScreenSize/index.es.js";
+import { TrackType as n } from "../../../core/types/Goal/index.es.js";
+import { formatCurrency as m } from "../../../core/utils/NumberFormatting/index.es.js";
+import { getGoalStatusData as g } from "../../../core/utils/GoalsUtil/index.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=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/CompleteListItem/index.es.js

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