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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/goals/components/managegoals/CompleteListItem.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { CheckCircle } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface CompleteListItemProps {\n  goal: Goal\n}\n\nexport const CompleteListItem = ({ goal }: CompleteListItemProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n\n  return (\n    <ListItem key={goal.guid}>\n      <ListItemButton\n        disableRipple={true}\n        sx={{ ':hover': { backgroundColor: 'unset' }, cursor: 'default' }}\n      >\n        <ListItemAvatar sx={{ alignItems: 'center', display: 'flex', justifyContent: 'center' }}>\n          <CheckCircle color=\"success\" filled={true} size={20} />\n        </ListItemAvatar>\n        <ListItemText slotProps={{ primary: { variant: 'body1' } }}>\n          <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n            <Stack>\n              <Text bold={true} variant=\"body1\">\n                {goal.name}\n              </Text>\n              <Text variant=\"caption\">\n                {\n                  buildDynamicCopy(\n                    copy.completed_label,\n                    formatDate(\n                      fromUnixTime(goal.completed_at || 0),\n                      DATE_FORMATS_INTL.MONTH_SHORT_YEAR,\n                    ),\n                  ) as string\n                }\n              </Text>\n            </Stack>\n            <Text bold={true} variant=\"body1\">\n              {formatCurrency(goal.amount, '0,0.00')}\n            </Text>\n          </Stack>\n        </ListItemText>\n      </ListItemButton>\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,IAAA,CAAoB,EAAE,MAAA,EAAA,MAAkC;AACnE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB;AAE3C,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACf,IAAI;AAAA,MAAE,UAAU,EAAE,iBAAiB,QAAQ;AAAA,MAAG,QAAQ;AAAA,IAAU;AAAA,cAFlE,CAIE,gBAAA,EAAC,GAAD;AAAA,MAAgB,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,SAAS;AAAA,QAAQ,gBAAgB;AAAA,MAAS;AAAA,gBACpF,gBAAA,EAAC,GAAD;AAAA,QAAa,OAAM;AAAA,QAAU,QAAQ;AAAA,QAAM,MAAM;AAAA,MAAK,CAAA;AAAA,IACxC,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MAAc,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,gBACvD,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,kBAA1D,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAEV,EACE,EAAK,iBACL,EACE,EAAa,EAAK,gBAAgB,CAAC,GACnC,EAAkB,gBACpB,CACF;AAAA,QAEE,CAAA,CACD,EAAA,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,EAAK,QAAQ,QAAQ;AAAA,QACjC,CAAA,CACD;AAAA;IACK,CAAA,CACA;AAAA,KACR,GAhCK,EAAK,IAgCV;AAEd"}

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

@@ -0,0 +1,83 @@
+import { buildDynamicCopy as m } from "../../../../core/utils/Localization/index.es.js";
+import { DATE_FORMATS_INTL as d, formatDate as f } from "../../../../core/constants/DateFormats/index.es.js";
+import { useGlobalCopyStore as h } from "../../../../common/context/hooks/index.es.js";
+import { GoalType as _, TrackType as n } from "../../../../core/types/Goal/index.es.js";
+import { formatCurrency as u } from "../../../../core/utils/NumberFormatting/index.es.js";
+import { getGoalStatusData as y } from "../../../../core/utils/GoalsUtil/index.es.js";
+import p from "@mui/material/Stack";
+import { Text as o } from "@mxenabled/mxui";
+import { ArrowUpwardAlt as x } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import T from "@mui/material/IconButton";
+import { fromUnixTime as b } from "date-fns/fromUnixTime";
+import A from "@mui/material/ListItem";
+import I from "@mui/material/ListItemButton";
+import v from "@mui/material/ListItemText";
+import C from "@mui/material/Avatar";
+import E from "@mui/material/ListItemAvatar";
+var W = ({ goal: t, index: a, onUpClick: c }) => {
+  const { goals: e } = h(), { percentage: s } = y(e, t), l = t.goal_type === _.KEEP_BALANCE_BELOW || t.has_been_spent ? e.goal_completed : m(e.goal_percentage_reached, `${s * 100}`);
+  return /* @__PURE__ */ r(A, { children: /* @__PURE__ */ i(I, {
+    disableRipple: !0,
+    sx: {
+      ":hover": { backgroundColor: "unset" },
+      cursor: "default"
+    },
+    children: [t.track_type !== n.RETIREMENT_TRACK && /* @__PURE__ */ r(E, {
+      sx: {
+        alignItems: "center",
+        display: "flex",
+        justifyContent: "center",
+        ".MuiAvatar-root": {
+          height: "16px",
+          width: "16px"
+        }
+      },
+      children: t.track_type === n.SAVINGS_TRACK ? /* @__PURE__ */ r(T, {
+        onClick: () => c?.(t),
+        children: /* @__PURE__ */ r(x, {
+          color: "primary",
+          size: 24
+        })
+      }) : /* @__PURE__ */ r(C, {
+        sx: {
+          bgcolor: "text.primary",
+          height: "16px",
+          width: "16px"
+        },
+        children: /* @__PURE__ */ r(o, {
+          bold: !0,
+          variant: "caption",
+          children: a + 1
+        })
+      })
+    }), /* @__PURE__ */ r(v, {
+      slotProps: { primary: { variant: "body1" } },
+      children: /* @__PURE__ */ i(p, {
+        alignItems: "center",
+        direction: "row",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */ i(p, {
+          sx: { maxWidth: "70%" },
+          children: [/* @__PURE__ */ r(o, {
+            bold: !0,
+            variant: "body1",
+            children: t.name
+          }), /* @__PURE__ */ r(o, {
+            variant: "caption",
+            children: t.is_complete ? l : m(e.goal_projection, f(b(t.projected_to_complete_at || 0), d.MONTH_SHORT_YEAR))
+          })]
+        }), /* @__PURE__ */ r(o, {
+          bold: !0,
+          variant: "body1",
+          children: u(t.amount, "0,0.00")
+        })]
+      })
+    })]
+  }) });
+};
+export {
+  W as OngoingListItem
+};
+
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/goals/components/managegoals/OngoingListItem.tsx"],"sourcesContent":["import { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport Avatar from '@mui/material/Avatar'\nimport IconButton from '@mui/material/IconButton'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ArrowUpwardAlt } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Goal, GoalType, TrackType } from '../../../core'\n\nimport { getGoalStatusData } from '../../../core/utils/GoalsUtil'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface OngoingListItemProps {\n  goal: Goal\n  index: number\n  onUpClick?: (goal: Goal) => void\n}\n\nexport const OngoingListItem = ({ goal, index, onUpClick }: OngoingListItemProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { percentage } = getGoalStatusData(copy, goal)\n  const completionMessage: string =\n    goal.goal_type === GoalType.KEEP_BALANCE_BELOW || goal.has_been_spent\n      ? copy.goal_completed\n      : (buildDynamicCopy(copy.goal_percentage_reached, `${percentage * 100}`) as string)\n  return (\n    <ListItem>\n      <ListItemButton\n        disableRipple={true}\n        sx={{ ':hover': { backgroundColor: 'unset' }, cursor: 'default' }}\n      >\n        {goal.track_type !== TrackType.RETIREMENT_TRACK && (\n          <ListItemAvatar\n            sx={{\n              alignItems: 'center',\n              display: 'flex',\n              justifyContent: 'center',\n              '.MuiAvatar-root': { height: '16px', width: '16px' },\n            }}\n          >\n            {goal.track_type === TrackType.SAVINGS_TRACK ? (\n              <IconButton onClick={() => onUpClick?.(goal)}>\n                <ArrowUpwardAlt color=\"primary\" size={24} />\n              </IconButton>\n            ) : (\n              <Avatar sx={{ bgcolor: 'text.primary', height: '16px', width: '16px' }}>\n                <Text bold={true} variant=\"caption\">\n                  {index + 1}\n                </Text>\n              </Avatar>\n            )}\n          </ListItemAvatar>\n        )}\n        <ListItemText slotProps={{ primary: { variant: 'body1' } }}>\n          <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n            <Stack sx={{ maxWidth: '70%' }}>\n              <Text bold={true} variant=\"body1\">\n                {goal.name}\n              </Text>\n              <Text variant=\"caption\">\n                {goal.is_complete\n                  ? completionMessage\n                  : (buildDynamicCopy(\n                      copy.goal_projection,\n                      formatDate(\n                        fromUnixTime(goal.projected_to_complete_at || 0),\n                        DATE_FORMATS_INTL.MONTH_SHORT_YEAR,\n                      ),\n                    ) as string)}\n              </Text>\n            </Stack>\n            <Text bold={true} variant=\"body1\">\n              {formatCurrency(goal.amount, '0,0.00')}\n            </Text>\n          </Stack>\n        </ListItemText>\n      </ListItemButton>\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,IAAa,IAAA,CAAmB,EAAE,MAAA,GAAM,OAAA,GAAO,WAAA,EAAA,MAAsC;AACnF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,YAAA,EAAA,IAAe,EAAkB,GAAM,CAAI,GAC7C,IACJ,EAAK,cAAc,EAAS,sBAAsB,EAAK,iBACnD,EAAK,iBACJ,EAAiB,EAAK,yBAAyB,GAAG,IAAa,GAAA,EAAK;AAC3E,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAe;AAAA,IACf,IAAI;AAAA,MAAE,UAAU,EAAE,iBAAiB,QAAQ;AAAA,MAAG,QAAQ;AAAA,IAAU;AAAA,cAFlE,CAIG,EAAK,eAAe,EAAU,oBAC7B,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,mBAAmB;AAAA,UAAE,QAAQ;AAAA,UAAQ,OAAO;AAAA,QAAO;AAAA,MACrD;AAAA,gBAEC,EAAK,eAAe,EAAU,gBAC7B,gBAAA,EAAC,GAAD;AAAA,QAAY,SAAA,MAAe,IAAY,CAAI;AAAA,kBACzC,gBAAA,EAAC,GAAD;AAAA,UAAgB,OAAM;AAAA,UAAU,MAAM;AAAA,QAAK,CAAA;AAAA,MACjC,CAAA,IAEZ,gBAAA,EAAC,GAAD;AAAA,QAAQ,IAAI;AAAA,UAAE,SAAS;AAAA,UAAgB,QAAQ;AAAA,UAAQ,OAAO;AAAA,QAAO;AAAA,kBACnE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,IAAQ;AAAA,QACL,CAAA;AAAA,MACA,CAAA;AAAA,IAEI,CAAA,GAElB,gBAAA,EAAC,GAAD;AAAA,MAAc,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,gBACvD,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,kBAA1D,CACE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,UAAU,MAAM;AAAA,oBAA7B,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,sBACvB,EAAK;AAAA,UACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBACX,EAAK,cACF,IACC,EACC,EAAK,iBACL,EACE,EAAa,EAAK,4BAA4B,CAAC,GAC/C,EAAkB,gBACpB,CACF;AAAA,UACA,CAAA,CACD;AAAA,YACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,EAAK,QAAQ,QAAQ;AAAA,QACjC,CAAA,CACD;AAAA;IACK,CAAA,CACA;AAAA,KACR,CAAA;AAEd"}

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

@@ -0,0 +1,89 @@
+import { useGlobalCopyStore as w, useGoalStore as y } from "../../../common/context/hooks/index.es.js";
+import k from "../../../common/components/drawer/Drawer/index.es.js";
+import { TrackType as n } from "../../../core/types/Goal/index.es.js";
+import { ContributionAction as E } from "../actions/ContributionAction/index.es.js";
+import { OngoingListItem as K } from "../managegoals/OngoingListItem/index.es.js";
+import { CompleteListItem as L } from "../managegoals/CompleteListItem/index.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=index.es.js.map

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

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

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

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

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

@@ -0,0 +1,28 @@
+import o from "../../../../common/hooks/useAccountDisplayName/index.es.js";
+import { formatCurrency as m } from "../../../../core/utils/NumberFormatting/index.es.js";
+import { InstitutionLogo as e } from "@mxenabled/mxui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import s from "@mui/material/ListItem";
+import p from "@mui/material/ListItemText";
+import a from "@mui/material/ListItemAvatar";
+var g = ({ account: r }) => {
+  const i = o(r);
+  return /* @__PURE__ */ n(s, {
+    sx: {
+      bgcolor: "background.paper",
+      p: 24
+    },
+    children: [/* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(e, {
+      alt: r.name || "",
+      institutionGuid: r.institution_guid || ""
+    }) }), /* @__PURE__ */ t(p, {
+      primary: i,
+      secondary: m(r.balance || 0, "0,0.00")
+    })]
+  });
+};
+export {
+  g as AccountAction
+};
+
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/goals/components/actions/AccountAction.tsx"],"sourcesContent":["import ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\nimport { useAccountDisplayName } from '../../../common'\nimport { Account } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface AccountActionProps {\n  account: Account\n}\n\nexport const AccountAction = ({ account }: AccountActionProps) => {\n  const displayName = useAccountDisplayName(account)\n\n  return (\n    <ListItem sx={{ bgcolor: 'background.paper', p: 24 }}>\n      <ListItemAvatar>\n        <InstitutionLogo\n          alt={account.name || ''}\n          institutionGuid={account.institution_guid || ''}\n        />\n      </ListItemAvatar>\n      <ListItemText\n        primary={displayName}\n        secondary={formatCurrency(account.balance || 0, '0,0.00')}\n      />\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;AAcA,IAAa,IAAA,CAAiB,EAAE,SAAA,EAAA,MAAkC;AAChE,QAAM,IAAc,EAAsB,CAAO;AAEjD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAU,IAAI;AAAA,MAAE,SAAS;AAAA,MAAoB,GAAG;AAAA,IAAG;AAAA,cAAnD,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAQ,QAAQ;AAAA,MACrB,iBAAiB,EAAQ,oBAAoB;AAAA,IAC9C,CAAA,EACa,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS;AAAA,MACT,WAAW,EAAe,EAAQ,WAAW,GAAG,QAAQ;AAAA,IACzD,CAAA,CACO;AAAA;AAEd"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/goals/components/actions/AddRetirementAccountAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { AddBox, ChevronRight } from '@mxenabled/mx-icons'\n\nimport { useAccountStore, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Account, Goal, RetirementGoalAccount } from '../../../core'\n\nimport { AccountSelectionDrawer } from '../AccountSelectionDrawer'\nimport { AccountAction } from './AccountAction'\n\ninterface AddRetirementAccountActionProps {\n  goal: Goal\n}\n\nexport const AddRetirementAccountAction = ({ goal }: AddRetirementAccountActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { visibleRetirementAccounts: retirementAccounts } = useAccountStore()\n  const {\n    addRetirementGoalAccount,\n    newRetirementGoalAccounts,\n    retirementGoalAccounts,\n    selectedGoal,\n    setAlert,\n    setNewRetirementGoalAccounts,\n    setSelectedGoal,\n  } = useGoalStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const isNew = !goal.guid\n  const accounts = retirementAccounts.filter((a) =>\n    isNew\n      ? newRetirementGoalAccounts.find((rga) => rga.account_guid === a.guid)\n      : retirementGoalAccounts.find((rga) => rga.account_guid === a.guid),\n  )\n\n  const availableAccounts = retirementAccounts.filter(\n    (a) => !retirementGoalAccounts.find((rga) => rga.account_guid === a.guid),\n  )\n\n  const handleSave = async (accounts: Account[]) => {\n    const retirementAccounts = accounts.map((account) => ({\n      account_guid: account.guid,\n      retirement_goal_guid: goal.guid,\n    })) as RetirementGoalAccount[]\n\n    if (isNew) {\n      setNewRetirementGoalAccounts(retirementAccounts)\n    } else {\n      for (const account of retirementAccounts) {\n        await addRetirementGoalAccount(account)\n        setAlert(copy.alert_account_added)\n      }\n    }\n    setSelectedGoal({\n      ...selectedGoal!,\n      current_amount: accounts.reduce((sum, account) => sum + (account.balance || 0), 0),\n    })\n    setIsOpen(false)\n  }\n\n  return (\n    <Stack>\n      {accounts.map((account) => (\n        <Stack key={account.guid}>\n          <AccountAction account={account} />\n          <Divider />\n        </Stack>\n      ))}\n      <ListItem disableGutters={true} disablePadding={true} sx={{ bgcolor: 'background.paper' }}>\n        <ListItemButton onClick={() => setIsOpen(true)}>\n          <ListItemText>\n            <Stack alignItems=\"center\" color=\"primary.main\" direction=\"row\" gap={8}>\n              <AddBox filled={true} />\n              {copy.details_add_account}\n            </Stack>\n          </ListItemText>\n          <ChevronRight color=\"primary\" />\n        </ListItemButton>\n      </ListItem>\n\n      <AccountSelectionDrawer\n        accounts={availableAccounts}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onSave={handleSave}\n        title={copy.add_select_accounts}\n      />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,IAAA,CAA8B,EAAE,MAAA,EAAA,MAA4C;AACvF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,2BAA2B,EAAA,IAAuB,EAAgB,GACpE,EACJ,0BAAA,GACA,2BAAA,GACA,wBAAA,GACA,cAAA,GACA,UAAA,GACA,8BAAA,GACA,iBAAA,EAAA,IACE,EAAa,GAEX,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAQ,CAAC,EAAK,MACd,IAAW,EAAmB,OAAA,CAAQ,MAC1C,IACI,EAA0B,KAAA,CAAM,MAAQ,EAAI,iBAAiB,EAAE,IAAI,IACnE,EAAuB,KAAA,CAAM,MAAQ,EAAI,iBAAiB,EAAE,IAAI,CACtE,GAEM,IAAoB,EAAmB,OAAA,CAC1C,MAAM,CAAC,EAAuB,KAAA,CAAM,MAAQ,EAAI,iBAAiB,EAAE,IAAI,CAC1E,GAEM,IAAa,OAAO,MAAwB;AAChD,UAAM,IAAqB,EAAS,IAAA,CAAK,OAAa;AAAA,MACpD,cAAc,EAAQ;AAAA,MACtB,sBAAsB,EAAK;AAAA,IAC7B,EAAE;AAEF,QAAI,EACF,CAAA,EAA6B,CAAkB;AAAA,QAE/C,YAAW,KAAW;AACpB,YAAM,EAAyB,CAAO,GACtC,EAAS,EAAK,mBAAmB;AAGrC,IAAA,EAAgB;AAAA,MACd,GAAG;AAAA,MACH,gBAAgB,EAAS,OAAA,CAAQ,GAAK,MAAY,KAAO,EAAQ,WAAW,IAAI,CAAC;AAAA,IACnF,CAAC,GACD,EAAU,EAAK;AAAA,EACjB;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACG,EAAS,IAAA,CAAK,MACb,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAwB,SAAA,EAAU,CAAA,GAClC,gBAAA,EAAC,GAAD,CAAU,CAAA,CACL,EAAA,GAHK,EAAQ,IAGb,CACR;AAAA,IACD,gBAAA,EAAC,GAAD;AAAA,MAAU,gBAAgB;AAAA,MAAM,gBAAgB;AAAA,MAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,gBACtF,gBAAA,EAAC,GAAD;AAAA,QAAgB,SAAA,MAAe,EAAU,EAAI;AAAA,kBAA7C,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,OAAM;AAAA,UAAe,WAAU;AAAA,UAAM,KAAK;AAAA,oBAArE,CACE,gBAAA,EAAC,GAAD,EAAQ,QAAQ,GAAO,CAAA,GACtB,EAAK,mBACD;AAAA,WACK,CAAA,GACd,gBAAA,EAAC,GAAD,EAAc,OAAM,UAAW,CAAA,CACjB;AAAA;IACR,CAAA;AAAA,IAEV,gBAAA,EAAC,GAAD;AAAA,MACE,UAAU;AAAA,MACF,QAAA;AAAA,MACR,SAAA,MAAe,EAAU,EAAK;AAAA,MAC9B,QAAQ;AAAA,MACR,OAAO,EAAK;AAAA,IACb,CAAA;AAAA,EACI,EAAA,CAAA;AAEX"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/goals/components/actions/AmountToSaveAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal, TrackType } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface AmountToSaveActionProps {\n  goal: Goal\n}\n\nexport const AmountToSaveAction = observer(({ goal }: AmountToSaveActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, setSelectedGoal, updateGoal, updateRetirementGoal } = useGoalStore()\n\n  const [amount, setAmount] = React.useState<number>(goal.amount)\n\n  const isNew = !goal.guid\n  const isInvalid = amount < 0 || amount > 99999999.99\n  const isDisabled =\n    (goal.track_type === TrackType.SAVINGS_TRACK && goal.has_been_spent) ||\n    (goal.track_type !== TrackType.SAVINGS_TRACK && goal.is_complete)\n\n  const handleSave = async () => {\n    const updatedGoal = { ...goal, amount }\n    goal.amount = amount\n    if (isNew) {\n      setSelectedGoal(updatedGoal)\n    } else {\n      if (goal.track_type !== TrackType.RETIREMENT_TRACK) {\n        await updateGoal(updatedGoal)\n      } else {\n        await updateRetirementGoal(updatedGoal)\n      }\n\n      setAlert(copy.alert_goal_updated_amount)\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setAmount(goal.amount)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isDisabled={isDisabled}\n      isSaveDisabled={isInvalid}\n      label={copy.details_amount_to_save}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_amount_to_save}\n      secondaryText={formatCurrency(goal.amount, '0,0')}\n      zeroStateText={isNew && goal.amount === 0 ? copy.add_amount : undefined}\n    >\n      <CurrencyInput\n        amount={amount}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setAmount(!isNaN(Number(v)) ? Number(v) : amount)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;AAWA,IAAa,IAAqB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAoC;AAChF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,GAAY,sBAAA,EAAA,IAAyB,EAAa,GAE/E,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAiB,EAAK,MAAM,GAExD,IAAQ,CAAC,EAAK,MACd,IAAY,IAAS,KAAK,IAAS,eACnC,IACH,EAAK,eAAe,EAAU,iBAAiB,EAAK,kBACpD,EAAK,eAAe,EAAU,iBAAiB,EAAK,aAEjD,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,QAAA;AAAA,IAAO;AACtC,IAAA,EAAK,SAAS,GACV,IACF,EAAgB,CAAW,KAEvB,EAAK,eAAe,EAAU,mBAChC,MAAM,EAAW,CAAW,IAE5B,MAAM,EAAqB,CAAW,GAGxC,EAAS,EAAK,yBAAyB;AAAA,EAE3C,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAU,EAAK,MAAM;AAAA,IACvB,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACc,YAAA;AAAA,IACZ,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,QAAQ,KAAK;AAAA,IAChD,eAAe,KAAS,EAAK,WAAW,IAAI,EAAK,aAAa;AAAA,cAE9D,gBAAA,EAAC,GAAD;AAAA,MACU,QAAA;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAW,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAU;AAAA,MAClE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/goals/components/actions/BirthdayAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { getUnixTime } from 'date-fns/getUnixTime'\nimport { isValid } from 'date-fns/isValid'\n\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\nimport { DatePicker, DateValidationError } from '@mui/x-date-pickers'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\n\nimport { ListItemAction, useGlobalCopyStore, useGoalStore, useUserStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Goal } from '../../../core'\n\ninterface BirthdayActionProps {\n  goal: Goal\n}\n\nexport const BirthdayAction = observer(({ goal }: BirthdayActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { user, updateUser } = useUserStore()\n  const { setAlert } = useGoalStore()\n\n  const [birthday, setBirthday] = React.useState<Date | null>(fromUnixTime(user.birthday ?? 0))\n  const [error, setError] = React.useState<DateValidationError>(null)\n\n  const isDisabled = goal.is_complete\n\n  const handleSave = async () => {\n    if (birthday && isValid(birthday)) {\n      await updateUser({ ...user, birthday: getUnixTime(birthday) })\n      setAlert(copy.alert_goal_updated_birthday)\n    }\n  }\n\n  return (\n    <ListItemAction\n      isDisabled={isDisabled}\n      isSaveDisabled={Boolean(error)}\n      label={copy.details_birthday}\n      onSave={handleSave}\n      primaryText={copy.details_birthday}\n      secondaryText={`${formatDate(fromUnixTime(user.birthday ?? 0), DATE_FORMATS_INTL.MONTH_DAY_YEAR)}`}\n      zeroStateText={!goal.guid && !user.birthday ? copy.add_birthday : undefined}\n    >\n      <LocalizationProvider dateAdapter={AdapterDateFns}>\n        <DatePicker\n          label={copy.details_birthday}\n          onChange={setBirthday}\n          onError={(error) => setError(error)}\n          sx={{ width: '100%' }}\n          value={birthday}\n        />\n      </LocalizationProvider>\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAa,IAAiB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAgC;AACxE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,MAAA,GAAM,YAAA,EAAA,IAAe,EAAa,GACpC,EAAE,UAAA,EAAA,IAAa,EAAa,GAE5B,CAAC,GAAU,CAAA,IAAe,EAAM,SAAsB,EAAa,EAAK,YAAY,CAAC,CAAC,GACtF,CAAC,GAAO,CAAA,IAAY,EAAM,SAA8B,IAAI,GAE5D,IAAa,EAAK,aAElB,IAAa,YAAY;AAC7B,IAAI,KAAY,EAAQ,CAAQ,MAC9B,MAAM,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,UAAU,EAAY,CAAQ;AAAA,IAAE,CAAC,GAC7D,EAAS,EAAK,2BAA2B;AAAA,EAE7C;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACc,YAAA;AAAA,IACZ,gBAAgB,EAAQ;AAAA,IACxB,OAAO,EAAK;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,GAAG,EAAW,EAAa,EAAK,YAAY,CAAC,GAAG,EAAkB,cAAc,CAAA;AAAA,IAC/F,eAAe,CAAC,EAAK,QAAQ,CAAC,EAAK,WAAW,EAAK,eAAe;AAAA,cAElE,gBAAA,EAAC,GAAD;AAAA,MAAsB,aAAa;AAAA,gBACjC,gBAAA,EAAC,GAAD;AAAA,QACE,OAAO,EAAK;AAAA,QACZ,UAAU;AAAA,QACV,SAAA,CAAU,MAAU,EAAS,CAAK;AAAA,QAClC,IAAI,EAAE,OAAO,OAAO;AAAA,QACpB,OAAO;AAAA,MACR,CAAA;AAAA,IACmB,CAAA;AAAA,EACR,CAAA;AAEpB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/goals/components/actions/ChangeAccountAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { AddBox, ChevronRight } from '@mxenabled/mx-icons'\n\nimport { InstitutionLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  ConnectCard,\n  Drawer,\n  useAccountStore,\n  useAppConfig,\n  useGlobalCopyStore,\n  useGoalStore,\n} from '../../../common'\nimport { type Account, Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface ChangeAccountProps {\n  goal: Goal\n}\n\nexport const ChangeAccountAction = ({ goal }: ChangeAccountProps) => {\n  const { visibleCheckingAccounts: checkingAccounts, visibleSavingsAccounts: savingsAccounts } =\n    useAccountStore()\n  const { accounts: accountsCopy, goals: copy } = useGlobalCopyStore()\n  const { config } = useAppConfig()\n  const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n  const isNew = !goal.guid\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const updateAccount = async ({ balance, guid }: Account) => {\n    const updatedGoal = { ...goal, account_guid: guid, current_amount: balance || 0 }\n    if (isNew) {\n      setSelectedGoal(updatedGoal)\n    } else {\n      await updateGoal(updatedGoal)\n      setAlert(copy.alert_account_changed)\n    }\n    setIsOpen(false)\n  }\n\n  return (\n    <Stack>\n      {isNew && !goal.account_guid ? (\n        <ListItem disableGutters={true} disablePadding={true} sx={{ bgcolor: 'background.paper' }}>\n          <ListItemButton onClick={() => setIsOpen(true)}>\n            <ListItemText>\n              <Stack alignItems=\"center\" color=\"primary.main\" direction=\"row\" gap={8}>\n                <AddBox filled={true} />\n                {copy.details_add_account}\n              </Stack>\n            </ListItemText>\n            <ChevronRight color=\"primary\" />\n          </ListItemButton>\n        </ListItem>\n      ) : (\n        <Stack sx={{ gap: 8, my: 24, mx: 24 }}>\n          <Button onClick={() => setIsOpen(true)} variant=\"text\">\n            {copy.details_change_account}\n          </Button>\n          <Text color=\"text.secondary\" sx={{ textAlign: 'center' }} variant=\"subtitle1\">\n            {buildDynamicCopy(copy.details_change_account_description, goal.name) as string}\n          </Text>\n        </Stack>\n      )}\n      <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)} title={copy.details_change_account}>\n        <Stack>\n          {checkingAccounts.length > 0 && (\n            <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"caption\">\n              {accountsCopy.account_types['1']}\n            </Text>\n          )}\n          <List sx={{ bgcolor: 'background.paper' }}>\n            {checkingAccounts.map((account) => (\n              <ListItem key={account.guid}>\n                <ListItemButton onClick={() => updateAccount(account)}>\n                  <ListItemAvatar>\n                    <InstitutionLogo\n                      alt={account?.name || ''}\n                      institutionGuid={account?.institution_guid || ''}\n                    />\n                  </ListItemAvatar>\n                  <ListItemText\n                    primary={account?.name || account?.feed_name}\n                    secondary={formatCurrency(account?.balance || 0, '0,0.00')}\n                  />\n                  <ChevronRight />\n                </ListItemButton>\n              </ListItem>\n            ))}\n          </List>\n          {savingsAccounts.length > 0 && (\n            <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"caption\">\n              {accountsCopy.account_types['2']}\n            </Text>\n          )}\n          <List sx={{ bgcolor: 'background.paper' }}>\n            {savingsAccounts.map((account) => (\n              <ListItem key={account.guid}>\n                <ListItemButton onClick={() => updateAccount(account)}>\n                  <ListItemAvatar>\n                    <InstitutionLogo\n                      alt={account?.name || ''}\n                      institutionGuid={account?.institution_guid || ''}\n                    />\n                  </ListItemAvatar>\n                  <ListItemText\n                    primary={account?.name || account?.feed_name}\n                    secondary={formatCurrency(account?.balance || 0, '0,0.00')}\n                  />\n                  <ChevronRight />\n                </ListItemButton>\n              </ListItem>\n            ))}\n          </List>\n\n          {config.show_connections_widget_in_master && (\n            <ConnectCard\n              description={copy.connect_description}\n              label={copy.connect_button}\n              title={copy.connect_title}\n            />\n          )}\n        </Stack>\n      </Drawer>\n    </Stack>\n  )\n}\n"],"mappings":"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"}