@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OriginalBalanceAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/OriginalBalanceAction.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 OriginalBalanceActionProps {\n  goal: Goal\n}\n\nexport const OriginalBalanceAction = observer(({ goal }: OriginalBalanceActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, setSelectedGoal, updateGoal } = useGoalStore()\n\n  const [balance, setBalance] = React.useState<number>(goal.initial_amount)\n\n  const isNew = !goal.guid\n  const isInvlaid = balance < 0 || balance > 99999999.99\n\n  const handleSave = async () => {\n    const updatedGoal = { ...goal, initial_amount: balance }\n    goal.initial_amount = balance\n    if (isNew) {\n      setSelectedGoal(updatedGoal)\n    } else {\n      await updateGoal({ ...goal, initial_amount: balance })\n      setAlert(copy.alert_goal_updated_balance)\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setBalance(goal.initial_amount)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isDisabled={goal.is_complete}\n      isSaveDisabled={isInvlaid}\n      label={copy.details_original_balance}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_original_balance}\n      secondaryText={formatCurrency(goal.initial_amount, '0,0')}\n      zeroStateText={\n        !goal.initial_amount && !goal.is_complete ? copy.add_original_balance : undefined\n      }\n    >\n      <CurrencyInput\n        amount={balance}\n        autoFocus={true}\n        error={isInvlaid}\n        fullWidth={true}\n        minAmount={0}\n        setAmount={(v) => setBalance(!isNaN(Number(v)) ? Number(v) : balance)}\n        sx={{ '.MuiTypography-body1': { p: 0 } }}\n      />\n    </ListItemAction>\n  )\n})\n"],"mappings":";;;;;;;AAWA,IAAa,IAAwB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAuC;AACtF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,YAAA,EAAA,IAAe,EAAa,GAEzD,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,cAAc,GAElE,IAAQ,CAAC,EAAK,MACd,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,IAAc;AAAA,MAAE,GAAG;AAAA,MAAM,gBAAgB;AAAA,IAAQ;AACvD,IAAA,EAAK,iBAAiB,GAClB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,gBAAgB;AAAA,IAAQ,CAAC,GACrD,EAAS,EAAK,0BAA0B;AAAA,EAE5C,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,cAAc;AAAA,IAChC,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,gBAAgB,KAAK;AAAA,IACxD,eACE,CAAC,EAAK,kBAAkB,CAAC,EAAK,cAAc,EAAK,uBAAuB;AAAA,cAG1E,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/RetirementAgeAction.es.js

@@ -0,0 +1,42 @@
+import { useGlobalCopyStore as u, useGoalStore as p } from "../../../common/context/hooks.es.js";
+import { ListItemAction as g } from "../../../common/components/ListItemAction.es.js";
+import f from "react";
+import { jsx as s } from "react/jsx-runtime";
+import N from "@mui/material/TextField";
+var y = ({ goal: t }) => {
+  const { goals: r } = u(), { setAlert: m, setSelectedGoal: l, updateRetirementGoal: d } = p(), [e, i] = f.useState(t.retirement_age || 65), o = !t.guid, c = async () => {
+    if (!isNaN(e)) {
+      const a = {
+        ...t,
+        retirement_age: e
+      };
+      t.retirement_age = e, o ? l(a) : (await d(a), m(r.alert_goal_updated_retirement_age));
+    }
+  }, _ = () => {
+    setTimeout(() => {
+      i(t.retirement_age || 65);
+    }, 250);
+  }, n = !e || isNaN(e) || e < 20 || e >= 100;
+  return /* @__PURE__ */ s(g, {
+    isDisabled: t.is_complete,
+    isSaveDisabled: n,
+    label: r.details_retirement_age,
+    onCancel: _,
+    onSave: c,
+    primaryText: r.details_retirement_age,
+    secondaryText: `${t.retirement_age}`,
+    zeroStateText: o && !t.retirement_age ? r.add_age : void 0,
+    children: /* @__PURE__ */ s(N, {
+      error: n,
+      fullWidth: !0,
+      label: r.details_retirement_age,
+      onChange: (a) => i(Number(a.target.value)),
+      value: isNaN(e) ? "" : e
+    })
+  });
+};
+export {
+  y as RetirementAgeAction
+};
+
+//# sourceMappingURL=RetirementAgeAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RetirementAgeAction.es.js","names":[],"sources":["../../../../src/goals/components/actions/RetirementAgeAction.tsx"],"sourcesContent":["import { ListItemAction, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { Goal } from '../../../core'\nimport TextField from '@mui/material/TextField'\nimport React from 'react'\n\ninterface RetirementAgeActionProps {\n  goal: Goal\n}\n\nexport const RetirementAgeAction = ({ goal }: RetirementAgeActionProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { setAlert, setSelectedGoal, updateRetirementGoal } = useGoalStore()\n\n  const [age, setAge] = React.useState(goal.retirement_age || 65)\n\n  const isNew = !goal.guid\n\n  const handleSave = async () => {\n    if (!isNaN(age)) {\n      const updatedGoal = { ...goal, retirement_age: age }\n      goal.retirement_age = age\n      if (isNew) {\n        setSelectedGoal(updatedGoal)\n      } else {\n        await updateRetirementGoal(updatedGoal)\n        setAlert(copy.alert_goal_updated_retirement_age)\n      }\n    }\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setAge(goal.retirement_age || 65)\n    }, 250)\n  }\n\n  const isError = !age || isNaN(age) || age < 20 || age >= 100\n\n  return (\n    <ListItemAction\n      isDisabled={goal.is_complete}\n      isSaveDisabled={isError}\n      label={copy.details_retirement_age}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_retirement_age}\n      secondaryText={`${goal.retirement_age}`}\n      zeroStateText={isNew && !goal.retirement_age ? copy.add_age : undefined}\n    >\n      <TextField\n        error={isError}\n        fullWidth={true}\n        label={copy.details_retirement_age}\n        onChange={(e) => setAge(Number(e.target.value))}\n        value={isNaN(age) ? '' : age}\n      />\n    </ListItemAction>\n  )\n}\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAAuB,EAAE,MAAA,EAAA,MAAqC;AACzE,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,UAAA,GAAU,iBAAA,GAAiB,sBAAA,EAAA,IAAyB,EAAa,GAEnE,CAAC,GAAK,CAAA,IAAU,EAAM,SAAS,EAAK,kBAAkB,EAAE,GAExD,IAAQ,CAAC,EAAK,MAEd,IAAa,YAAY;AAC7B,QAAI,CAAC,MAAM,CAAG,GAAG;AACf,YAAM,IAAc;AAAA,QAAE,GAAG;AAAA,QAAM,gBAAgB;AAAA,MAAI;AACnD,MAAA,EAAK,iBAAiB,GAClB,IACF,EAAgB,CAAW,KAE3B,MAAM,EAAqB,CAAW,GACtC,EAAS,EAAK,iCAAiC;AAAA,IAEnD;AAAA,EACF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAO,EAAK,kBAAkB,EAAE;AAAA,IAClC,GAAG,GAAG;AAAA,EACR,GAEM,IAAU,CAAC,KAAO,MAAM,CAAG,KAAK,IAAM,MAAM,KAAO;AAEzD,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,GAAG,EAAK,cAAA;AAAA,IACvB,eAAe,KAAS,CAAC,EAAK,iBAAiB,EAAK,UAAU;AAAA,cAE9D,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO,EAAK;AAAA,MACZ,UAAA,CAAW,MAAM,EAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,MAC9C,OAAO,MAAM,CAAG,IAAI,KAAK;AAAA,IAC1B,CAAA;AAAA,EACa,CAAA;AAEpB"}

package/dist/goals/components/addgoal/AddGoalListItem.es.js

@@ -0,0 +1,72 @@
+import { useGlobalCopyStore as u } from "../../../common/context/hooks.es.js";
+import { MetaType as s, TrackType as p } from "../../../core/types/Goal.es.js";
+import v from "react";
+import C from "@mui/material/Stack";
+import { ChevronRight as l, ExpandLess as S, ExpandMore as k, Icon as c } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import A from "@mui/material/Divider";
+import d from "@mui/material/List";
+import f from "@mui/material/ListItem";
+import h from "@mui/material/ListItemButton";
+import M from "@mui/material/ListItemIcon";
+import x from "@mui/material/ListItemText";
+import N from "@mui/material/Avatar";
+import O from "@mui/material/ListItemAvatar";
+import j from "@mui/material/Collapse";
+var W = ({ goalType: T, onClick: n }) => {
+  const { goals: E } = u(), { bgcolor: I, icon: b, label: y, description: R, subTypes: a, type: o } = T, [i, L] = v.useState(!1), t = a.length > 0;
+  return /* @__PURE__ */ r(C, { children: /* @__PURE__ */ m(d, {
+    sx: { bgcolor: "background.paper" },
+    children: [
+      /* @__PURE__ */ r(f, { children: /* @__PURE__ */ m(h, {
+        onClick: t ? () => L(!i) : () => n(o === p.RETIREMENT_TRACK ? E.retirement : "", o === p.RETIREMENT_TRACK ? s.RETIREMENT : s.OTHER, o),
+        children: [
+          /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(N, {
+            sx: { bgcolor: I },
+            variant: "rounded",
+            children: /* @__PURE__ */ r(c, {
+              name: b,
+              sx: { color: "grey.900" }
+            })
+          }) }),
+          /* @__PURE__ */ r(x, {
+            primary: y,
+            secondary: R,
+            sx: { mr: 24 }
+          }),
+          !t && /* @__PURE__ */ r(l, {}),
+          t && (i ? /* @__PURE__ */ r(S, {}) : /* @__PURE__ */ r(k, {}))
+        ]
+      }) }),
+      /* @__PURE__ */ r(A, { variant: "inset" }),
+      t && /* @__PURE__ */ r(j, {
+        in: i,
+        children: /* @__PURE__ */ r(d, {
+          sx: { bgcolor: "background.default" },
+          children: a.map((e, g) => /* @__PURE__ */ r(f, {
+            sx: { pl: 48 },
+            children: /* @__PURE__ */ m(h, {
+              onClick: () => n(e.label, e.metaType, o),
+              children: [
+                /* @__PURE__ */ r(M, {
+                  sx: { mr: 8 },
+                  children: /* @__PURE__ */ r(c, { name: e.icon })
+                }),
+                /* @__PURE__ */ r(x, {
+                  primary: e.label,
+                  slotProps: { primary: { variant: "body1" } }
+                }),
+                /* @__PURE__ */ r(l, {})
+              ]
+            })
+          }, g))
+        })
+      })
+    ]
+  }) });
+};
+export {
+  W as AddGoalListItem
+};
+
+//# sourceMappingURL=AddGoalListItem.es.js.map

package/dist/goals/components/addgoal/AddGoalListItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddGoalListItem.es.js","names":[],"sources":["../../../../src/goals/components/addgoal/AddGoalListItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\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 ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight, ExpandLess, ExpandMore, Icon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { MetaType, TrackType } from '../../../core'\nimport { GoalType } from '../../../core/utils/GoalsUtil'\n\ninterface AddGoalListItemProps {\n  goalType: GoalType\n  onClick: (name: string, metaType: MetaType, type: TrackType) => void\n}\n\nexport const AddGoalListItem = ({ goalType, onClick }: AddGoalListItemProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n  const { bgcolor, icon, label, description, subTypes, type } = goalType\n\n  const [isSubListOpen, setIsSubListOpen] = React.useState(false)\n  const hasSubTypes = subTypes.length > 0\n\n  return (\n    <Stack>\n      <List sx={{ bgcolor: 'background.paper' }}>\n        <ListItem>\n          <ListItemButton\n            onClick={\n              hasSubTypes\n                ? () => setIsSubListOpen(!isSubListOpen)\n                : () =>\n                    onClick(\n                      type === TrackType.RETIREMENT_TRACK ? copy.retirement : '',\n                      type === TrackType.RETIREMENT_TRACK ? MetaType.RETIREMENT : MetaType.OTHER,\n                      type,\n                    )\n            }\n          >\n            <ListItemAvatar>\n              <Avatar sx={{ bgcolor }} variant=\"rounded\">\n                <Icon name={icon} sx={{ color: 'grey.900' }} />\n              </Avatar>\n            </ListItemAvatar>\n            <ListItemText primary={label} secondary={description} sx={{ mr: 24 }} />\n            {!hasSubTypes && <ChevronRight />}\n            {hasSubTypes && (isSubListOpen ? <ExpandLess /> : <ExpandMore />)}\n          </ListItemButton>\n        </ListItem>\n        <Divider variant=\"inset\" />\n        {hasSubTypes && (\n          <Collapse in={isSubListOpen}>\n            <List sx={{ bgcolor: 'background.default' }}>\n              {subTypes.map((subType, index) => (\n                <ListItem key={index} sx={{ pl: 48 }}>\n                  <ListItemButton onClick={() => onClick(subType.label, subType.metaType, type)}>\n                    <ListItemIcon sx={{ mr: 8 }}>\n                      <Icon name={subType.icon} />\n                    </ListItemIcon>\n                    <ListItemText\n                      primary={subType.label}\n                      slotProps={{ primary: { variant: 'body1' } }}\n                    />\n                    <ChevronRight />\n                  </ListItemButton>\n                </ListItem>\n              ))}\n            </List>\n          </Collapse>\n        )}\n      </List>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAa,IAAA,CAAmB,EAAE,UAAA,GAAU,SAAA,EAAA,MAAoC;AAC9E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,SAAA,GAAS,MAAA,GAAM,OAAA,GAAO,aAAA,GAAa,UAAA,GAAU,MAAA,EAAA,IAAS,GAExD,CAAC,GAAe,CAAA,IAAoB,EAAM,SAAS,EAAK,GACxD,IAAc,EAAS,SAAS;AAEtC,SACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,SAAS,mBAAmB;AAAA,cAAxC;AAAA,MACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QACE,SACE,IAAA,MACU,EAAiB,CAAC,CAAa,IAAA,MAEnC,EACE,MAAS,EAAU,mBAAmB,EAAK,aAAa,IACxD,MAAS,EAAU,mBAAmB,EAAS,aAAa,EAAS,OACrE,CACF;AAAA,kBATV;AAAA,UAYE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,IAAI,EAAE,SAAA,EAAQ;AAAA,YAAG,SAAQ;AAAA,sBAC/B,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,IAAI,EAAE,OAAO,WAAW;AAAA,YAAI,CAAA;AAAA,UACxC,CAAA,EACM,CAAA;AAAA,UAChB,gBAAA,EAAC,GAAD;AAAA,YAAc,SAAS;AAAA,YAAO,WAAW;AAAA,YAAa,IAAI,EAAE,IAAI,GAAG;AAAA,UAAI,CAAA;AAAA,UACtE,CAAC,KAAe,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UAC/B,MAAgB,IAAgB,gBAAA,EAAC,GAAD,CAAa,CAAA,IAAI,gBAAA,EAAC,GAAD,CAAa,CAAA;AAAA,QACjD;AAAA,SACR,CAAA;AAAA,MACV,gBAAA,EAAC,GAAD,EAAS,SAAQ,QAAS,CAAA;AAAA,MACzB,KACC,gBAAA,EAAC,GAAD;AAAA,QAAU,IAAI;AAAA,kBACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,SAAS,qBAAqB;AAAA,oBACvC,EAAS,IAAA,CAAK,GAAS,MACtB,gBAAA,EAAC,GAAD;AAAA,YAAsB,IAAI,EAAE,IAAI,GAAG;AAAA,sBACjC,gBAAA,EAAC,GAAD;AAAA,cAAgB,SAAA,MAAe,EAAQ,EAAQ,OAAO,EAAQ,UAAU,CAAI;AAAA,wBAA5E;AAAA,gBACE,gBAAA,EAAC,GAAD;AAAA,kBAAc,IAAI,EAAE,IAAI,EAAE;AAAA,4BACxB,gBAAA,EAAC,GAAD,EAAM,MAAM,EAAQ,KAAO,CAAA;AAAA,gBACf,CAAA;AAAA,gBACd,gBAAA,EAAC,GAAD;AAAA,kBACE,SAAS,EAAQ;AAAA,kBACjB,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,gBAC5C,CAAA;AAAA,gBACD,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,cACD;AAAA;UACR,GAXK,CAWL,CACX;AAAA,QACG,CAAA;AAAA,MACE,CAAA;AAAA,IAER;AAAA,KACD,CAAA;AAEX"}

package/dist/goals/components/managegoals/CompleteListItem.es.js

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

package/dist/goals/components/managegoals/CompleteListItem.es.js.map

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

@@ -0,0 +1,83 @@
+import { buildDynamicCopy as m } from "../../../core/utils/Localization.es.js";
+import { DATE_FORMATS_INTL as d, formatDate as f } from "../../../core/constants/DateFormats.es.js";
+import { useGlobalCopyStore as h } from "../../../common/context/hooks.es.js";
+import { GoalType as _, TrackType as n } from "../../../core/types/Goal.es.js";
+import { formatCurrency as u } from "../../../core/utils/NumberFormatting.es.js";
+import { getGoalStatusData as y } from "../../../core/utils/GoalsUtil.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=OngoingListItem.es.js.map

package/dist/goals/components/managegoals/OngoingListItem.es.js.map

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

@@ -0,0 +1,64 @@
+import { useGlobalCopyStore as d } from "../../../common/context/hooks.es.js";
+import { TrackType as n } from "../../../core/types/Goal.es.js";
+import { getGoalStatusData as h } from "../../../core/utils/GoalsUtil.es.js";
+import f from "../../../common/components/donuts/SingleSegmentDonut.es.js";
+import { observer as u } from "mobx-react-lite";
+import g from "@mui/material/Stack";
+import { H2 as x, P as y, Text as T } from "@mxenabled/mxui";
+import { NoteStack as k, Payments as S, Person as v } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useTheme as b } from "@mui/material/styles";
+import _ from "@mui/material/Box";
+import C from "@mui/material/Avatar";
+var z = u(({ goal: r }) => {
+  const { goals: c } = d(), e = b(), { backgroundColor: m, color: p, percentage: s, projectedText: l } = h(c, r), i = Math.round(s * 100);
+  let o = /* @__PURE__ */ t(S, {});
+  return r.track_type === n.DEBT_TRACK ? o = /* @__PURE__ */ t(k, {}) : r.track_type === n.RETIREMENT_TRACK && (o = /* @__PURE__ */ t(v, {})), /* @__PURE__ */ a(g, {
+    alignItems: "center",
+    direction: "row",
+    spacing: 12,
+    sx: { py: 12 },
+    children: [
+      /* @__PURE__ */ t(C, {
+        sx: {
+          bgcolor: m,
+          color: p,
+          height: 32,
+          width: 32
+        },
+        variant: "rounded",
+        children: o
+      }),
+      /* @__PURE__ */ a(_, {
+        sx: { width: "100%" },
+        children: [/* @__PURE__ */ t(x, {
+          fontSize: 15,
+          fontWeight: 600,
+          variant: "body1",
+          children: r.name
+        }), r.projected_to_complete_at && /* @__PURE__ */ t(T, {
+          color: "text.secondary",
+          variant: "caption",
+          children: l
+        })]
+      }),
+      /* @__PURE__ */ t(f, {
+        backgroundStrokeColor: e.palette.neutral.light,
+        color: e.palette.primary.main,
+        percent: i,
+        size: 40,
+        strokeWidth: 3,
+        children: /* @__PURE__ */ t(y, {
+          fontWeight: 700,
+          variant: "caption",
+          children: `${i}%`
+        })
+      })
+    ]
+  });
+});
+export {
+  z as GoalMicroStatusCard
+};
+
+//# sourceMappingURL=GoalMicroStatusCard.es.js.map

package/dist/goals/components/micro/GoalMicroStatusCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalMicroStatusCard.es.js","names":[],"sources":["../../../../src/goals/components/micro/GoalMicroStatusCard.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { NoteStack, Payments, Person } from '@mxenabled/mx-icons'\n\nimport { H2, P, Text } from '@mxenabled/mxui'\n\nimport { SingleSegmentDonut, useGlobalCopyStore } from '../../../common'\nimport { type Goal, TrackType } from '../../../core'\n\nimport { getGoalStatusData } from '../../../core/utils/GoalsUtil'\n\ninterface GoalStatusCardProps {\n  goal: Goal\n}\n\nexport const GoalMicroStatusCard = observer(({ goal }: GoalStatusCardProps) => {\n  const { goals: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  const {\n    backgroundColor: bgcolor,\n    color,\n    percentage,\n    projectedText,\n  } = getGoalStatusData(copy, goal)\n\n  const percentNumber = Math.round(percentage * 100)\n\n  let avatarIcon = <Payments />\n  if (goal.track_type === TrackType.DEBT_TRACK) {\n    avatarIcon = <NoteStack />\n  } else if (goal.track_type === TrackType.RETIREMENT_TRACK) {\n    avatarIcon = <Person />\n  }\n\n  return (\n    <Stack alignItems=\"center\" direction=\"row\" spacing={12} sx={{ py: 12 }}>\n      <Avatar sx={{ bgcolor, color, height: 32, width: 32 }} variant=\"rounded\">\n        {avatarIcon}\n      </Avatar>\n      <Box sx={{ width: '100%' }}>\n        <H2 fontSize={15} fontWeight={600} variant=\"body1\">\n          {goal.name}\n        </H2>\n        {goal.projected_to_complete_at && (\n          <Text color=\"text.secondary\" variant=\"caption\">\n            {projectedText}\n          </Text>\n        )}\n      </Box>\n      <SingleSegmentDonut\n        backgroundStrokeColor={theme.palette.neutral.light}\n        color={theme.palette.primary.main}\n        percent={percentNumber}\n        size={40}\n        strokeWidth={3}\n      >\n        <P fontWeight={700} variant=\"caption\">\n          {`${percentNumber}%`}\n        </P>\n      </SingleSegmentDonut>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAa,IAAsB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAgC;AAC7E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GAErC,IAAQ,EAAS,GAEjB,EACJ,iBAAiB,GACjB,OAAA,GACA,YAAA,GACA,eAAA,EAAA,IACE,EAAkB,GAAM,CAAI,GAE1B,IAAgB,KAAK,MAAM,IAAa,GAAG;AAEjD,MAAI,IAAa,gBAAA,EAAC,GAAD,CAAW,CAAA;AAC5B,SAAI,EAAK,eAAe,EAAU,aAChC,IAAa,gBAAA,EAAC,GAAD,CAAY,CAAA,IAChB,EAAK,eAAe,EAAU,qBACvC,IAAa,gBAAA,EAAC,GAAD,CAAS,CAAA,IAItB,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,WAAU;AAAA,IAAM,SAAS;AAAA,IAAI,IAAI,EAAE,IAAI,GAAG;AAAA,cAArE;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAQ,IAAI;AAAA,UAAE,SAAA;AAAA,UAAS,OAAA;AAAA,UAAO,QAAQ;AAAA,UAAI,OAAO;AAAA,QAAG;AAAA,QAAG,SAAQ;AAAA,kBAC5D;AAAA,MACK,CAAA;AAAA,MACR,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,OAAO,OAAO;AAAA,kBAAzB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAI,UAAU;AAAA,UAAI,YAAY;AAAA,UAAK,SAAQ;AAAA,oBACxC,EAAK;AAAA,QACJ,CAAA,GACH,EAAK,4BACJ,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC;AAAA,QACG,CAAA,CAEL;AAAA;MACL,gBAAA,EAAC,GAAD;AAAA,QACE,uBAAuB,EAAM,QAAQ,QAAQ;AAAA,QAC7C,OAAO,EAAM,QAAQ,QAAQ;AAAA,QAC7B,SAAS;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,kBAEb,gBAAA,EAAC,GAAD;AAAA,UAAG,YAAY;AAAA,UAAK,SAAQ;AAAA,oBACzB,GAAG,CAAA;AAAA,QACH,CAAA;AAAA,MACe,CAAA;AAAA,IACf;AAAA;AAEX,CAAC"}

package/dist/goals/components/micro/GoalsMicroEmptyState.es.js

@@ -0,0 +1,35 @@
+import o from "@mui/material/Stack";
+import { H2 as n, P as m } from "@mxenabled/mxui";
+import { Trophy as s } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+var p = ({ header: e, subText: r, sx: i }) => /* @__PURE__ */ a(o, {
+  sx: {
+    alignItems: "center",
+    alignSelf: "center",
+    px: 24,
+    ...i
+  },
+  children: [
+    /* @__PURE__ */ t(s, { size: 32 }),
+    /* @__PURE__ */ t(n, {
+      fontSize: 15,
+      fontWeight: 600,
+      children: e
+    }),
+    /* @__PURE__ */ t(m, {
+      color: "text.secondary",
+      sx: {
+        fontWeight: 400,
+        maxWidth: { sm: 424 },
+        textAlign: "center"
+      },
+      variant: "subtitle2",
+      children: r
+    })
+  ]
+});
+export {
+  p as GoalsMicroEmptyState
+};
+
+//# sourceMappingURL=GoalsMicroEmptyState.es.js.map

package/dist/goals/components/micro/GoalsMicroEmptyState.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalsMicroEmptyState.es.js","names":[],"sources":["../../../../src/goals/components/micro/GoalsMicroEmptyState.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\nimport { Trophy } from '@mxenabled/mx-icons'\nimport { H2, P } from '@mxenabled/mxui'\n\ninterface EmptyWidgetProps {\n  header: string\n  subText: string\n  sx?: SxProps\n}\n\nexport const GoalsMicroEmptyState = ({ header, subText, sx }: EmptyWidgetProps) => (\n  <Stack\n    sx={{\n      alignItems: 'center',\n      alignSelf: 'center',\n      px: 24,\n      ...sx,\n    }}\n  >\n    <Trophy size={32} />\n    <H2 fontSize={15} fontWeight={600}>\n      {header}\n    </H2>\n    <P\n      color=\"text.secondary\"\n      sx={{ fontWeight: 400, maxWidth: { sm: 424 }, textAlign: 'center' }}\n      variant=\"subtitle2\"\n    >\n      {subText}\n    </P>\n  </Stack>\n)\n"],"mappings":";;;;AAYA,IAAa,IAAA,CAAwB,EAAE,QAAA,GAAQ,SAAA,GAAS,IAAA,EAAA,MACtD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,GAAG;AAAA,EACL;AAAA,YANF;AAAA,IAQE,gBAAA,EAAC,GAAD,EAAQ,MAAM,GAAK,CAAA;AAAA,IACnB,gBAAA,EAAC,GAAD;AAAA,MAAI,UAAU;AAAA,MAAI,YAAY;AAAA,gBAC3B;AAAA,IACC,CAAA;AAAA,IACJ,gBAAA,EAAC,GAAD;AAAA,MACE,OAAM;AAAA,MACN,IAAI;AAAA,QAAE,YAAY;AAAA,QAAK,UAAU,EAAE,IAAI,IAAI;AAAA,QAAG,WAAW;AAAA,MAAS;AAAA,MAClE,SAAQ;AAAA,gBAEP;AAAA,IACA,CAAA;AAAA,EACE"}

package/dist/goals/index.es.js

@@ -1,5 +1,5 @@
-import { GoalsWidget as r } from "./GoalsWidget/index.es.js";
-import { GoalsMicroWidget as t } from "./GoalsMicroWidget/index.es.js";
+import { GoalsWidget as r } from "./GoalsWidget.es.js";
+import { GoalsMicroWidget as t } from "./GoalsMicroWidget.es.js";
 export {
   t as GoalsMicroWidget,
   r as GoalsWidget

package/dist/help/HelpWidget.es.js

@@ -0,0 +1,25 @@
+import { useGlobalUiStore as m } from "../common/context/hooks.es.js";
+import { useWidgetLoadTimer as p } from "../common/hooks/useWidgetLoadTimer.es.js";
+import d from "../common/components/Loader.es.js";
+import { WidgetContainer as s } from "../common/components/WidgetContainer.es.js";
+import { Help as a } from "./components/Help.es.js";
+import { observer as f } from "mobx-react-lite";
+import { jsx as r } from "react/jsx-runtime";
+var H = f(({ onBackClick: o, onMenuClick: i, sx: t }) => {
+  const { isInitialized: e } = m();
+  return p({
+    widgetName: "HelpWidget",
+    isLoaded: e
+  }), e ? /* @__PURE__ */ r(s, {
+    onBackClick: o,
+    onMenuClick: i,
+    showAccountFilter: !1,
+    sx: { p: 16 },
+    children: /* @__PURE__ */ r(a, { sx: t })
+  }) : /* @__PURE__ */ r(d, {});
+});
+export {
+  H as HelpWidget
+};
+
+//# sourceMappingURL=HelpWidget.es.js.map

package/dist/help/HelpWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpWidget.es.js","names":[],"sources":["../../src/help/HelpWidget.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Loader, useGlobalUiStore, WidgetContainer, useWidgetLoadTimer } from '../common'\nimport { WidgetProps } from '../core'\n\nimport { Help } from './components/Help'\n\nexport const HelpWidget = observer(({ onBackClick, onMenuClick, sx }: WidgetProps) => {\n  const { isInitialized } = useGlobalUiStore()\n\n  useWidgetLoadTimer({\n    widgetName: 'HelpWidget',\n    isLoaded: isInitialized,\n  })\n\n  if (!isInitialized) return <Loader />\n\n  return (\n    <WidgetContainer\n      onBackClick={onBackClick}\n      onMenuClick={onMenuClick}\n      showAccountFilter={false}\n      sx={{ p: 16 }}\n    >\n      <Help sx={sx} />\n    </WidgetContainer>\n  )\n})\n"],"mappings":";;;;;;;AAOA,IAAa,IAAa,EAAA,CAAU,EAAE,aAAA,GAAa,aAAA,GAAa,IAAA,EAAA,MAAsB;AACpF,QAAM,EAAE,eAAA,EAAA,IAAkB,EAAiB;AAO3C,SALA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC,GAEI,IAGH,gBAAA,EAAC,GAAD;AAAA,IACe,aAAA;AAAA,IACA,aAAA;AAAA,IACb,mBAAmB;AAAA,IACnB,IAAI,EAAE,GAAG,GAAG;AAAA,cAEZ,gBAAA,EAAC,GAAD,EAAU,IAAA,EAAK,CAAA;AAAA,EACA,CAAA,IAVQ,gBAAA,EAAC,GAAD,CAAS,CAAA;AAYtC,CAAC"}