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

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

@@ -0,0 +1,49 @@
+import { useGlobalCopyStore as d, useGoalStore as b } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as a } from "../../../../core/types/Goal/index.es.js";
+import { formatCurrency as p } from "../../../../core/utils/NumberFormatting/index.es.js";
+import A from "../../../../common/components/CurrencyInput/index.es.js";
+import { ListItemAction as C } from "../../../../common/components/ListItemAction/index.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=index.es.js.map

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

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

@@ -0,0 +1,41 @@
+import { useGlobalCopyStore as u, useGoalStore as S } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as n } from "../../../../core/types/Goal/index.es.js";
+import { ListItemAction as f } from "../../../../common/components/ListItemAction/index.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=index.es.js.map

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

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

@@ -0,0 +1,42 @@
+import { useGlobalCopyStore as _, useGoalStore as u } from "../../../../common/context/hooks/index.es.js";
+import { formatPercentage as f } from "../../../../core/utils/NumberFormatting/index.es.js";
+import { ListItemAction as v } from "../../../../common/components/ListItemAction/index.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=index.es.js.map

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

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

@@ -0,0 +1,47 @@
+import { useGlobalCopyStore as c, useGoalStore as d } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as _ } from "../../../../core/utils/NumberFormatting/index.es.js";
+import h from "../../../../common/components/CurrencyInput/index.es.js";
+import { ListItemAction as f } from "../../../../common/components/ListItemAction/index.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=index.es.js.map

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

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

@@ -0,0 +1,47 @@
+import { useGlobalCopyStore as p, useGoalStore as _ } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as b } from "../../../../core/utils/NumberFormatting/index.es.js";
+import f from "../../../../common/components/CurrencyInput/index.es.js";
+import { ListItemAction as y } from "../../../../common/components/ListItemAction/index.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=index.es.js.map

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

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

@@ -0,0 +1,42 @@
+import { useGlobalCopyStore as u, useGoalStore as p } from "../../../../common/context/hooks/index.es.js";
+import { ListItemAction as g } from "../../../../common/components/ListItemAction/index.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=index.es.js.map

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

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

@@ -0,0 +1,64 @@
+import { useGlobalCopyStore as d } from "../../../../common/context/hooks/index.es.js";
+import { TrackType as n } from "../../../../core/types/Goal/index.es.js";
+import { getGoalStatusData as h } from "../../../../core/utils/GoalsUtil/index.es.js";
+import f from "../../../../common/components/donuts/SingleSegmentDonut/index.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=index.es.js.map

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

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

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

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