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

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

@@ -0,0 +1,28 @@
+import o from "../../../common/hooks/useAccountDisplayName.es.js";
+import { formatCurrency as m } from "../../../core/utils/NumberFormatting.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=AccountAction.es.js.map

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

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

@@ -0,0 +1,56 @@
+import { useAccountStore as R, useGlobalCopyStore as w, useGoalStore as x } from "../../../common/context/hooks.es.js";
+import { AccountSelectionDrawer as y } from "../AccountSelectionDrawer.es.js";
+import { AccountAction as I } from "./AccountAction.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=AddRetirementAccountAction.es.js.map

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

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

@@ -0,0 +1,45 @@
+import { useGlobalCopyStore as S, useGoalStore as T } from "../../../common/context/hooks.es.js";
+import { TrackType as r } from "../../../core/types/Goal.es.js";
+import { formatCurrency as f } from "../../../core/utils/NumberFormatting.es.js";
+import A from "../../../common/components/CurrencyInput.es.js";
+import { ListItemAction as b } from "../../../common/components/ListItemAction.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=AmountToSaveAction.es.js.map

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

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

@@ -0,0 +1,44 @@
+import { DATE_FORMATS_INTL as b, formatDate as f } from "../../../core/constants/DateFormats.es.js";
+import { useGlobalCopyStore as u, useGoalStore as _, useUserStore as S } from "../../../common/context/hooks.es.js";
+import { ListItemAction as v } from "../../../common/components/ListItemAction.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=BirthdayAction.es.js.map

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

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

@@ -0,0 +1,127 @@
+import { buildDynamicCopy as w } from "../../../core/utils/Localization.es.js";
+import { useAccountStore as L, useAppConfig as B, useGlobalCopyStore as j, useGoalStore as D } from "../../../common/context/hooks.es.js";
+import O from "../../../common/components/drawer/Drawer.es.js";
+import { formatCurrency as b } from "../../../core/utils/NumberFormatting.es.js";
+import { ConnectCard as R } from "../../../common/components/ConnectCard.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=ChangeAccountAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeAccountAction.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":";;;;;;;;;;;;;;;;AA8BA,IAAa,KAAA,CAAuB,EAAE,MAAA,EAAA,MAA+B;AACnE,QAAM,EAAE,yBAAyB,GAAkB,wBAAwB,EAAA,IACzE,EAAgB,GACZ,EAAE,UAAU,GAAc,OAAO,EAAA,IAAS,EAAmB,GAC7D,EAAE,QAAA,EAAA,IAAW,EAAa,GAC1B,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,IAAQ,CAAC,EAAK,MAEd,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAgB,OAAO,EAAE,SAAA,GAAS,MAAA,EAAA,MAAoB;AAC1D,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,cAAc;AAAA,MAAM,gBAAgB,KAAW;AAAA,IAAE;AAChF,IAAI,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW,CAAW,GAC5B,EAAS,EAAK,qBAAqB,IAErC,EAAU,EAAK;AAAA,EACjB;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,KAAS,CAAC,EAAK,eACd,gBAAA,EAAC,GAAD;AAAA,IAAU,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,IAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,cACtF,gBAAA,EAAC,GAAD;AAAA,MAAgB,SAAA,MAAe,EAAU,EAAI;AAAA,gBAA7C,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,OAAM;AAAA,QAAe,WAAU;AAAA,QAAM,KAAK;AAAA,kBAArE,CACE,gBAAA,EAAC,GAAD,EAAQ,QAAQ,GAAO,CAAA,GACtB,EAAK,mBACD;AAAA,SACK,CAAA,GACd,gBAAA,EAAC,GAAD,EAAc,OAAM,UAAW,CAAA,CACjB;AAAA;EACR,CAAA,IAEV,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,KAAK;AAAA,MAAG,IAAI;AAAA,MAAI,IAAI;AAAA,IAAG;AAAA,cAApC,CACE,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,SAAQ;AAAA,gBAC7C,EAAK;AAAA,IACA,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,MAAM,OAAM;AAAA,MAAiB,IAAI,EAAE,WAAW,SAAS;AAAA,MAAG,SAAQ;AAAA,gBAC/D,EAAiB,EAAK,oCAAoC,EAAK,IAAI;AAAA,IAChE,CAAA,CACD;AAAA,MAET,gBAAA,EAAC,GAAD;AAAA,IAAgB,QAAA;AAAA,IAAQ,SAAA,MAAe,EAAU,EAAK;AAAA,IAAG,OAAO,EAAK;AAAA,cACnE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,MACG,EAAiB,SAAS,KACzB,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,kBACtD,EAAa,cAAc,CAAA;AAAA,MACxB,CAAA;AAAA,MAER,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,kBACrC,EAAiB,IAAA,CAAK,MACrB,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAgB,SAAA,MAAe,EAAc,CAAO;AAAA,oBAApD;AAAA,YACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,cACE,KAAK,GAAS,QAAQ;AAAA,cACtB,iBAAiB,GAAS,oBAAoB;AAAA,YAC/C,CAAA,EACa,CAAA;AAAA,YAChB,gBAAA,EAAC,GAAD;AAAA,cACE,SAAS,GAAS,QAAQ,GAAS;AAAA,cACnC,WAAW,EAAe,GAAS,WAAW,GAAG,QAAQ;AAAA,YAC1D,CAAA;AAAA,YACD,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACD;AAAA,WACR,GAdK,EAAQ,IAcb,CACX;AAAA,MACG,CAAA;AAAA,MACL,EAAgB,SAAS,KACxB,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,kBACtD,EAAa,cAAc,CAAA;AAAA,MACxB,CAAA;AAAA,MAER,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,kBACrC,EAAgB,IAAA,CAAK,MACpB,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAgB,SAAA,MAAe,EAAc,CAAO;AAAA,oBAApD;AAAA,YACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,cACE,KAAK,GAAS,QAAQ;AAAA,cACtB,iBAAiB,GAAS,oBAAoB;AAAA,YAC/C,CAAA,EACa,CAAA;AAAA,YAChB,gBAAA,EAAC,GAAD;AAAA,cACE,SAAS,GAAS,QAAQ,GAAS;AAAA,cACnC,WAAW,EAAe,GAAS,WAAW,GAAG,QAAQ;AAAA,YAC1D,CAAA;AAAA,YACD,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACD;AAAA,WACR,GAdK,EAAQ,IAcb,CACX;AAAA,MACG,CAAA;AAAA,MAEL,EAAO,qCACN,gBAAA,EAAC,GAAD;AAAA,QACE,aAAa,EAAK;AAAA,QAClB,OAAO,EAAK;AAAA,QACZ,OAAO,EAAK;AAAA,MACb,CAAA;AAAA,IAEE,EAAA,CAAA;AAAA,EACD,CAAA,CACH,EAAA,CAAA;AAEX"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContributionAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/ContributionAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { TrackType } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface ContributionActionProps {\n  trackType: TrackType\n}\n\nexport const ContributionAction = observer(({ trackType }: ContributionActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, monthlyCashFlowProfile, updateMonthlyCashFlowProfile } = useGoalStore()\n\n  const contribution = React.useMemo(() => {\n    let amount = 0\n    if (trackType === TrackType.SAVINGS_TRACK) {\n      amount = monthlyCashFlowProfile?.amount_allocated_for_savings_goals || 0\n    } else if (trackType === TrackType.DEBT_TRACK) {\n      amount = monthlyCashFlowProfile?.amount_allocated_for_debt_goals || 0\n    } else if (trackType === TrackType.RETIREMENT_TRACK) {\n      amount = monthlyCashFlowProfile?.amount_allocated_for_retirement_goals || 0\n    }\n    return amount\n  }, [monthlyCashFlowProfile])\n\n  React.useEffect(() => {\n    setAmount(contribution)\n  }, [contribution])\n\n  const [amount, setAmount] = React.useState<number>(contribution)\n\n  const isInvalid = amount < 0 || amount > 99999999\n\n  const handleSave = async () => {\n    if (monthlyCashFlowProfile) {\n      const updatedProfile = { ...monthlyCashFlowProfile }\n      if (trackType === TrackType.SAVINGS_TRACK) {\n        updatedProfile.amount_allocated_for_savings_goals = amount\n      } else if (trackType === TrackType.DEBT_TRACK) {\n        updatedProfile.amount_allocated_for_debt_goals = amount\n      } else if (trackType === TrackType.RETIREMENT_TRACK) {\n        updatedProfile.amount_allocated_for_retirement_goals = amount\n      }\n\n      await updateMonthlyCashFlowProfile(updatedProfile)\n      setAlert(copy.alert_contribution_updated)\n    }\n  }\n\n  return (\n    <Stack bgcolor=\"background.paper\">\n      <ListItemAction\n        isSaveDisabled={!amount || isNaN(amount)}\n        label={copy.contribution_label}\n        onCancel={() => setAmount(contribution)}\n        onSave={handleSave}\n        primaryText={copy.contribution_label}\n        secondaryText={formatCurrency(contribution, '0,0.00')}\n      >\n        <CurrencyInput\n          amount={amount}\n          autoFocus={true}\n          error={isInvalid}\n          fullWidth={true}\n          minAmount={0}\n          setAmount={(value) => setAmount(!isNaN(Number(value)) ? Number(value) : amount)}\n          sx={{ '.MuiTypography-body1': { p: 0 } }}\n        />\n      </ListItemAction>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;AAaA,IAAa,IAAqB,EAAA,CAAU,EAAE,WAAA,EAAA,MAAyC;AACrF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,wBAAA,GAAwB,8BAAA,EAAA,IAAiC,EAAa,GAElF,IAAe,EAAM,QAAA,MAAc;AACvC,QAAI,IAAS;AACb,WAAI,MAAc,EAAU,gBAC1B,IAAS,GAAwB,sCAAsC,IAC9D,MAAc,EAAU,aACjC,IAAS,GAAwB,mCAAmC,IAC3D,MAAc,EAAU,qBACjC,IAAS,GAAwB,yCAAyC,IAErE;AAAA,EACT,GAAG,CAAC,CAAsB,CAAC;AAE3B,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAU,CAAY;AAAA,EACxB,GAAG,CAAC,CAAY,CAAC;AAEjB,QAAM,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAiB,CAAY,GAEzD,IAAY,IAAS,KAAK,IAAS,UAEnC,IAAa,YAAY;AAC7B,QAAI,GAAwB;AAC1B,YAAM,IAAiB,EAAE,GAAG,EAAuB;AACnD,MAAI,MAAc,EAAU,gBAC1B,EAAe,qCAAqC,IAC3C,MAAc,EAAU,aACjC,EAAe,kCAAkC,IACxC,MAAc,EAAU,qBACjC,EAAe,wCAAwC,IAGzD,MAAM,EAA6B,CAAc,GACjD,EAAS,EAAK,0BAA0B;AAAA,IAC1C;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,cACb,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,CAAC,KAAU,MAAM,CAAM;AAAA,MACvC,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAU,CAAY;AAAA,MACtC,QAAQ;AAAA,MACR,aAAa,EAAK;AAAA,MAClB,eAAe,EAAe,GAAc,QAAQ;AAAA,gBAEpD,gBAAA,EAAC,GAAD;AAAA,QACU,QAAA;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAA,CAAY,MAAU,EAAW,MAAM,OAAO,CAAK,CAAC,IAAoB,IAAhB,OAAO,CAAK,CAAU;AAAA,QAC9E,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,MACxC,CAAA;AAAA,IACa,CAAA;AAAA,EACX,CAAA;AAEX,CAAC"}

package/dist/goals/components/actions/GoalNameAction.es.js

@@ -0,0 +1,41 @@
+import { useGlobalCopyStore as u, useGoalStore as S } from "../../../common/context/hooks.es.js";
+import { TrackType as n } from "../../../core/types/Goal.es.js";
+import { ListItemAction as f } from "../../../common/components/ListItemAction.es.js";
+import y from "react";
+import { observer as G } from "mobx-react-lite";
+import { jsx as s } from "react/jsx-runtime";
+import T from "@mui/material/TextField";
+var k = G(({ goal: e }) => {
+  const { goals: a } = u(), { setAlert: m, setSelectedGoal: i, updateGoal: l } = S(), [t, r] = y.useState(e.name), c = !e.guid, p = e.track_type === n.SAVINGS_TRACK && e.has_been_spent || e.track_type !== n.SAVINGS_TRACK && e.is_complete, d = async () => {
+    const o = {
+      ...e,
+      name: t
+    };
+    e.name = t, c ? i(o) : (await l(o), m(a.alert_goal_updated_name));
+  }, _ = () => {
+    setTimeout(() => {
+      r(e.name);
+    }, 250);
+  };
+  return /* @__PURE__ */ s(f, {
+    isDisabled: p,
+    isSaveDisabled: !t,
+    label: a.details_goal_name,
+    onCancel: _,
+    onSave: d,
+    primaryText: a.details_goal_name,
+    secondaryText: e.name,
+    children: /* @__PURE__ */ s(T, {
+      error: !t,
+      fullWidth: !0,
+      label: a.details_goal_name,
+      onChange: (o) => r(o.target.value),
+      value: t
+    })
+  });
+});
+export {
+  k as GoalNameAction
+};
+
+//# sourceMappingURL=GoalNameAction.es.js.map

package/dist/goals/components/actions/GoalNameAction.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalNameAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/GoalNameAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal, TrackType } from '../../../core'\nimport { ListItemAction } from '../../../common'\nimport TextField from '@mui/material/TextField'\n\ninterface GoalNameActionProps {\n  goal: Goal\n}\n\nexport const GoalNameAction = observer(({ goal }: GoalNameActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n  const [name, setName] = React.useState(goal.name)\n\n  const isNew = !goal.guid\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 handleSaveName = async () => {\n    const updatedGoal = { ...goal, name }\n    goal.name = name\n    if (isNew) {\n      setSelectedGoal(updatedGoal)\n    } else {\n      await updateGoal(updatedGoal)\n      setAlert(copy.alert_goal_updated_name)\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setName(goal.name)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isDisabled={isDisabled}\n      isSaveDisabled={!name}\n      label={copy.details_goal_name}\n      onCancel={handleCancel}\n      onSave={handleSaveName}\n      primaryText={copy.details_goal_name}\n      secondaryText={goal.name}\n    >\n      <TextField\n        error={!name}\n        fullWidth={true}\n        label={copy.details_goal_name}\n        onChange={(event) => setName(event.target.value)}\n        value={name}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;AAYA,IAAa,IAAiB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAgC;AACxE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAK,IAAI,GAE1C,IAAQ,CAAC,EAAK,MACd,IACH,EAAK,eAAe,EAAU,iBAAiB,EAAK,kBACpD,EAAK,eAAe,EAAU,iBAAiB,EAAK,aAEjD,IAAiB,YAAY;AACjC,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,MAAA;AAAA,IAAK;AACpC,IAAA,EAAK,OAAO,GACR,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW,CAAW,GAC5B,EAAS,EAAK,uBAAuB;AAAA,EAEzC,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,IAAI;AAAA,IACnB,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACc,YAAA;AAAA,IACZ,gBAAgB,CAAC;AAAA,IACjB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAK;AAAA,cAEpB,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO,CAAC;AAAA,MACR,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,UAAA,CAAW,MAAU,EAAQ,EAAM,OAAO,KAAK;AAAA,MAC/C,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/goals/components/actions/InterestRateAction.es.js

@@ -0,0 +1,42 @@
+import { useGlobalCopyStore as _, useGoalStore as u } from "../../../common/context/hooks.es.js";
+import { formatPercentage as f } from "../../../core/utils/NumberFormatting.es.js";
+import { ListItemAction as v } from "../../../common/components/ListItemAction.es.js";
+import S from "react";
+import { observer as b } from "mobx-react-lite";
+import { jsx as i } from "react/jsx-runtime";
+import x from "@mui/material/TextField";
+var F = b(({ goal: e }) => {
+  const { goals: r } = _(), { setAlert: n, setSelectedGoal: l, updateGoal: d } = u(), [a, s] = S.useState(e.interest_rate ?? 0), m = !e.guid, o = a < 0, c = async () => {
+    const t = {
+      ...e,
+      interest_rate: a
+    };
+    e.interest_rate = a, m ? l(t) : (await d(t), n(r.alert_goal_updated_interest_rate));
+  }, p = () => {
+    setTimeout(() => {
+      s(e.interest_rate ?? 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ i(v, {
+    isDisabled: e.is_complete,
+    isSaveDisabled: o,
+    label: `${r.details_interest_rate} (%)`,
+    onCancel: p,
+    onSave: c,
+    primaryText: r.details_interest_rate,
+    secondaryText: f(Number(e.interest_rate) / 100),
+    zeroStateText: e.interest_rate ? void 0 : r.add_interest_rate,
+    children: /* @__PURE__ */ i(x, {
+      error: o,
+      fullWidth: !0,
+      onChange: (t) => s(isNaN(parseFloat(t.target.value)) ? 0 : parseFloat(t.target.value)),
+      type: "number",
+      value: a
+    })
+  });
+});
+export {
+  F as InterestRateAction
+};
+
+//# sourceMappingURL=InterestRateAction.es.js.map

package/dist/goals/components/actions/InterestRateAction.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InterestRateAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/InterestRateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport TextField from '@mui/material/TextField'\n\nimport { ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatPercentage } from '../../../core/utils/NumberFormatting'\n\ninterface InterestRateActionProps {\n  goal: Goal\n}\n\nexport const InterestRateAction = observer(({ goal }: InterestRateActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n  const [rate, setRate] = React.useState<number>(goal.interest_rate ?? 0)\n\n  const isNew = !goal.guid\n  const isInvalid = rate < 0\n\n  const handleSave = async () => {\n    const updatedGoal = { ...goal, interest_rate: rate }\n    goal.interest_rate = rate\n\n    if (isNew) {\n      setSelectedGoal(updatedGoal)\n    } else {\n      await updateGoal(updatedGoal)\n      setAlert(copy.alert_goal_updated_interest_rate)\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setRate(goal.interest_rate ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isDisabled={goal.is_complete}\n      isSaveDisabled={isInvalid}\n      label={`${copy.details_interest_rate} (%)`}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_interest_rate}\n      secondaryText={formatPercentage(Number(goal.interest_rate) / 100) as string}\n      zeroStateText={!goal.interest_rate ? copy.add_interest_rate : undefined}\n    >\n      <TextField\n        error={isInvalid}\n        fullWidth={true}\n        onChange={(e) =>\n          setRate(!isNaN(parseFloat(e.target.value)) ? parseFloat(e.target.value) : 0)\n        }\n        type=\"number\"\n        value={rate}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;AAaA,IAAa,IAAqB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAoC;AAChF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAM,CAAA,IAAW,EAAM,SAAiB,EAAK,iBAAiB,CAAC,GAEhE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAO,GAEnB,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,eAAe;AAAA,IAAK;AACnD,IAAA,EAAK,gBAAgB,GAEjB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW,CAAW,GAC5B,EAAS,EAAK,gCAAgC;AAAA,EAElD,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAQ,EAAK,iBAAiB,CAAC;AAAA,IACjC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,GAAG,EAAK,qBAAA;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAiB,OAAO,EAAK,aAAa,IAAI,GAAG;AAAA,IAChE,eAAgB,EAAK,gBAAyC,SAAzB,EAAK;AAAA,cAE1C,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAA,CAAW,MACT,EAAS,MAAM,WAAW,EAAE,OAAO,KAAK,CAAC,IAAiC,IAA7B,WAAW,EAAE,OAAO,KAAK,CAAK;AAAA,MAE7E,MAAK;AAAA,MACL,OAAO;AAAA,IACR,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/goals/components/actions/MonthlyPaymentAction.es.js

@@ -0,0 +1,47 @@
+import { useGlobalCopyStore as c, useGoalStore as d } from "../../../common/context/hooks.es.js";
+import { formatCurrency as _ } from "../../../core/utils/NumberFormatting.es.js";
+import h from "../../../common/components/CurrencyInput.es.js";
+import { ListItemAction as f } from "../../../common/components/ListItemAction.es.js";
+import b from "react";
+import { observer as S } from "mobx-react-lite";
+import { jsx as r } from "react/jsx-runtime";
+var I = S(({ goal: t }) => {
+  const { goals: o } = c(), { setAlert: s, setSelectedGoal: y, updateGoal: i } = d(), [e, m] = b.useState(t.monthly_payment ?? 0), p = !t.guid, a = e < 0 || e > 9999999999e-2, l = async () => {
+    const n = {
+      ...t,
+      monthly_payment: e
+    };
+    t.monthly_payment = e, p ? y(n) : (await i({
+      ...t,
+      monthly_payment: e
+    }), s(o.alert_goal_updated_payment));
+  }, u = () => {
+    setTimeout(() => {
+      m(t.monthly_payment || 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ r(f, {
+    isDisabled: t.is_complete,
+    isSaveDisabled: a,
+    label: o.details_monthly_payment,
+    onCancel: u,
+    onSave: l,
+    primaryText: o.details_monthly_payment,
+    secondaryText: _(t.monthly_payment, "0,0"),
+    zeroStateText: t.monthly_payment ? void 0 : o.add_monthly_payment,
+    children: /* @__PURE__ */ r(h, {
+      amount: e,
+      autoFocus: !0,
+      error: a,
+      fullWidth: !0,
+      minAmount: 0,
+      setAmount: (n) => m(isNaN(Number(n)) ? e : Number(n)),
+      sx: { ".MuiTypography-body1": { p: 0 } }
+    })
+  });
+});
+export {
+  I as MonthlyPaymentAction
+};
+
+//# sourceMappingURL=MonthlyPaymentAction.es.js.map

package/dist/goals/components/actions/MonthlyPaymentAction.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlyPaymentAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/MonthlyPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { CurrencyInput, ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface MonthlyPaymentActionProps {\n  goal: Goal\n}\n\nexport const MonthlyPaymentAction = observer(({ goal }: MonthlyPaymentActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n  const [payment, setPayment] = React.useState<number>(goal.monthly_payment ?? 0)\n\n  const isNew = !goal.guid\n  const isInvalid = payment < 0 || payment > 99999999.99\n\n  const handleSave = async () => {\n    const updatedGoal = { ...goal, monthly_payment: payment }\n    goal.monthly_payment = payment\n    if (isNew) {\n      setSelectedGoal(updatedGoal)\n    } else {\n      await updateGoal({ ...goal, monthly_payment: payment })\n      setAlert(copy.alert_goal_updated_payment)\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setPayment(goal.monthly_payment || 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isDisabled={goal.is_complete}\n      isSaveDisabled={isInvalid}\n      label={copy.details_monthly_payment}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_monthly_payment}\n      secondaryText={formatCurrency(goal.monthly_payment, '0,0')}\n      zeroStateText={!goal.monthly_payment ? copy.add_monthly_payment : undefined}\n    >\n      <CurrencyInput\n        amount={payment}\n        autoFocus={true}\n        error={isInvalid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setPayment(!isNaN(Number(v)) ? Number(v) : payment)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;AAWA,IAAa,IAAuB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAsC;AACpF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,mBAAmB,CAAC,GAExE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,iBAAiB;AAAA,IAAQ;AACxD,IAAA,EAAK,kBAAkB,GACnB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,iBAAiB;AAAA,IAAQ,CAAC,GACtD,EAAS,EAAK,0BAA0B;AAAA,EAE5C,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,mBAAmB,CAAC;AAAA,IACtC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,EAAK;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,iBAAiB,KAAK;AAAA,IACzD,eAAgB,EAAK,kBAA6C,SAA3B,EAAK;AAAA,cAE5C,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAA,CAAY,MAAM,EAAY,MAAM,OAAO,CAAC,CAAC,IAAgB,IAAZ,OAAO,CAAC,CAAW;AAAA,MACpE,IAAI,EAAE,wBAAwB,EAAE,GAAG,EAAE,EAAE;AAAA,IACxC,CAAA;AAAA,EACa,CAAA;AAEpB,CAAC"}

package/dist/goals/components/actions/OriginalBalanceAction.es.js

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