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

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

@@ -0,0 +1,43 @@
+import { useAccountStore as c, useEvent as p, useGlobalCopyStore as l } from "../../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as _ } from "../../../common/constants/Analytics.es.js";
+import { formatCurrency as h } from "../../../core/utils/NumberFormatting.es.js";
+import d from "../../../common/components/CurrencyInput.es.js";
+import { ListItemAction as A } from "../../../common/components/ListItemAction.es.js";
+import S from "react";
+import { observer as f } from "mobx-react-lite";
+import { jsx as r } from "react/jsx-runtime";
+var M = f(({ debt: t }) => {
+  const { debts: n } = l(), { updateAccount: y } = c(), { onEvent: i } = p(), [o, e] = S.useState(t.monthly_payment ?? 0), m = o < 0 || o > 9999999999e-2, s = async () => {
+    await y({
+      ...t.account,
+      minimum_payment: o
+    }), t.monthly_payment = o, i(_.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: t.guid });
+  }, u = () => {
+    setTimeout(() => {
+      e(t.monthly_payment ?? 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ r(A, {
+    isSaveDisabled: m,
+    label: n.details_monthly_payment,
+    onCancel: u,
+    onSave: s,
+    primaryText: n.details_monthly_payment,
+    secondaryText: h(t.monthly_payment, "0,0"),
+    zeroStateText: t.monthly_payment ? void 0 : n.add_monthly_payment,
+    children: /* @__PURE__ */ r(d, {
+      amount: o,
+      autoFocus: !0,
+      error: m,
+      fullWidth: !0,
+      minAmount: 0,
+      setAmount: (a) => e(isNaN(Number(a)) ? o : Number(a)),
+      sx: { ".MuiTypography-body1": { p: 0 } }
+    })
+  });
+});
+export {
+  M as MonthlyPaymentAction
+};
+
+//# sourceMappingURL=MonthlyPaymentAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlyPaymentAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/MonthlyPaymentAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface MonthlyPaymentActionProps {\n  debt: DebtChartData\n}\n\nexport const MonthlyPaymentAction = observer(({ debt }: MonthlyPaymentActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [payment, setPayment] = React.useState<number>(debt.monthly_payment ?? 0)\n  const isInvalid = payment < 0 || payment > 99999999.99\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, minimum_payment: payment })\n    debt.monthly_payment = payment\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setPayment(debt.monthly_payment ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.details_monthly_payment}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_monthly_payment}\n      secondaryText={formatCurrency(debt.monthly_payment, '0,0')}\n      zeroStateText={!debt.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":";;;;;;;;AAkBA,IAAa,IAAuB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAsC;AACpF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,mBAAmB,CAAC,GACxE,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,iBAAiB;AAAA,IAAQ,CAAC,GACjE,EAAK,kBAAkB,GACvB,EAAQ,EAAiB,2BAA2B,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EACjF,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,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/debts/components/actions/OriginalBalanceAction.es.js

@@ -0,0 +1,43 @@
+import { useAccountStore as m, useEvent as p, useGlobalCopyStore as _ } from "../../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as g } from "../../../common/constants/Analytics.es.js";
+import { formatCurrency as b } from "../../../core/utils/NumberFormatting.es.js";
+import A from "../../../common/components/CurrencyInput.es.js";
+import { ListItemAction as d } from "../../../common/components/ListItemAction.es.js";
+import S from "react";
+import { observer as f } from "mobx-react-lite";
+import { jsx as i } from "react/jsx-runtime";
+var I = f(({ debt: a }) => {
+  const { debts: n } = _(), { updateAccount: c } = m(), { onEvent: l } = p(), [o, e] = S.useState(a.original_balance ?? 0), r = o < 0 || o > 9999999999e-2, s = async () => {
+    await c({
+      ...a.account,
+      original_balance: o
+    }), a.original_balance = o, l(g.DEBTS_SAVE_BALANCE_ACTION, { account_guid: a.guid });
+  }, u = () => {
+    setTimeout(() => {
+      e(a.original_balance ?? 0);
+    }, 250);
+  };
+  return /* @__PURE__ */ i(d, {
+    isSaveDisabled: r,
+    label: n.details_original_balance,
+    onCancel: u,
+    onSave: s,
+    primaryText: n.details_original_balance,
+    secondaryText: b(a.original_balance, "0,0"),
+    zeroStateText: a.original_balance ? void 0 : n.add_original_balance,
+    children: /* @__PURE__ */ i(A, {
+      amount: o,
+      autoFocus: !0,
+      error: r,
+      fullWidth: !0,
+      minAmount: 0,
+      setAmount: (t) => e(isNaN(Number(t)) ? o : Number(t)),
+      sx: { ".MuiTypography-body1": { p: 0 } }
+    })
+  });
+});
+export {
+  I as OriginalBalanceAction
+};
+
+//# sourceMappingURL=OriginalBalanceAction.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OriginalBalanceAction.es.js","names":[],"sources":["../../../../src/debts/components/actions/OriginalBalanceAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyInput,\n  ListItemAction,\n  useAccountStore,\n  useGlobalCopyStore,\n  useEvent,\n  ANALYTICS_EVENTS,\n} from '../../../common'\nimport { DebtChartData } from '../../../core/utils/DebtUtils'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface OriginalBalanceActionProps {\n  debt: DebtChartData\n}\n\nexport const OriginalBalanceAction = observer(({ debt }: OriginalBalanceActionProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { updateAccount } = useAccountStore()\n  const { onEvent } = useEvent()\n\n  const [balance, setBalance] = React.useState<number>(debt.original_balance ?? 0)\n  const isInvalid = balance < 0 || balance > 99999999.99\n\n  const handleSave = async () => {\n    await updateAccount({ ...debt.account, original_balance: balance })\n    debt.original_balance = balance\n    onEvent(ANALYTICS_EVENTS.DEBTS_SAVE_BALANCE_ACTION, { account_guid: debt.guid })\n  }\n\n  const handleCancel = () => {\n    setTimeout(() => {\n      setBalance(debt.original_balance ?? 0)\n    }, 250)\n  }\n\n  return (\n    <ListItemAction\n      isSaveDisabled={isInvalid}\n      label={copy.details_original_balance}\n      onCancel={handleCancel}\n      onSave={handleSave}\n      primaryText={copy.details_original_balance}\n      secondaryText={formatCurrency(debt.original_balance, '0,0')}\n      zeroStateText={!debt.original_balance ? copy.add_original_balance : undefined}\n    >\n      <CurrencyInput\n        amount={balance}\n        autoFocus={true}\n        error={isInvalid}\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":";;;;;;;;AAkBA,IAAa,IAAwB,EAAA,CAAU,EAAE,MAAA,EAAA,MAAuC;AACtF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,CAAC,GAAS,CAAA,IAAc,EAAM,SAAiB,EAAK,oBAAoB,CAAC,GACzE,IAAY,IAAU,KAAK,IAAU,eAErC,IAAa,YAAY;AAC7B,UAAM,EAAc;AAAA,MAAE,GAAG,EAAK;AAAA,MAAS,kBAAkB;AAAA,IAAQ,CAAC,GAClE,EAAK,mBAAmB,GACxB,EAAQ,EAAiB,2BAA2B,EAAE,cAAc,EAAK,KAAK,CAAC;AAAA,EACjF,GAEM,IAAA,MAAqB;AACzB,eAAA,MAAiB;AACf,MAAA,EAAW,EAAK,oBAAoB,CAAC;AAAA,IACvC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,OAAO,EAAK;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,aAAa,EAAK;AAAA,IAClB,eAAe,EAAe,EAAK,kBAAkB,KAAK;AAAA,IAC1D,eAAgB,EAAK,mBAA+C,SAA5B,EAAK;AAAA,cAE7C,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/debts/components/debtsdrawer/DebtDetailsChart.es.js

@@ -0,0 +1,43 @@
+import { useGlobalCopyStore as i } from "../../../common/context/hooks.es.js";
+import { useDebtsUiStore as s } from "../../hooks/useDebtsUiStore.es.js";
+import { DebtsChart as m } from "../DebtsChart.es.js";
+import { observer as d } from "mobx-react-lite";
+import { H3 as l, Text as p } from "@mxenabled/mxui";
+import { Fragment as n, jsx as t, jsxs as e } from "react/jsx-runtime";
+import { useTheme as c } from "@mui/material";
+import h from "@mui/material/Card";
+import b from "@mui/material/CardContent";
+import f from "@mui/material/CardHeader";
+var x = () => {
+  const o = c(), { debts: r } = i(), { selectedDebtChartData: a } = s();
+  return /* @__PURE__ */ e(n, { children: [/* @__PURE__ */ e(h, {
+    sx: { "& .MuiCardContent-root:last-child": { pb: 0 } },
+    children: [/* @__PURE__ */ t(f, {
+      sx: { pb: 0 },
+      title: /* @__PURE__ */ t(l, {
+        sx: { pb: 4 },
+        children: r.details_chart_title
+      })
+    }), /* @__PURE__ */ t(b, {
+      sx: { p: 0 },
+      children: /* @__PURE__ */ t(m, {
+        debts: [a],
+        height: 250
+      })
+    })]
+  }), /* @__PURE__ */ t(p, {
+    color: o.palette.text.secondary,
+    sx: {
+      textAlign: "center",
+      px: 8,
+      py: 12
+    },
+    variant: "body2",
+    children: r.details_chart_description
+  })] });
+}, T = d(x);
+export {
+  T as default
+};
+
+//# sourceMappingURL=DebtDetailsChart.es.js.map

package/dist/debts/components/debtsdrawer/DebtDetailsChart.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtDetailsChart.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsChart.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport { H3, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { DebtsChart } from '../DebtsChart'\n\nconst DebtDetailsChart = () => {\n  const theme = useTheme()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtChartData } = useDebtsUiStore()\n\n  return (\n    <>\n      <Card\n        sx={{\n          '& .MuiCardContent-root:last-child': {\n            pb: 0,\n          },\n        }}\n      >\n        <CardHeader sx={{ pb: 0 }} title={<H3 sx={{ pb: 4 }}>{copy.details_chart_title}</H3>} />\n        <CardContent sx={{ p: 0 }}>\n          <DebtsChart debts={[selectedDebtChartData]} height={250} />\n        </CardContent>\n      </Card>\n      <Text\n        color={theme.palette.text.secondary}\n        sx={{ textAlign: 'center', px: 8, py: 12 }}\n        variant=\"body2\"\n      >\n        {copy.details_chart_description}\n      </Text>\n    </>\n  )\n}\n\nexport default observer(DebtDetailsChart)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAA,MAAyB;AAC7B,QAAM,IAAQ,EAAS,GACjB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,uBAAA,EAAA,IAA0B,EAAgB;AAElD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI,EACF,qCAAqC,EACnC,IAAI,EACN,EACF;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAY,IAAI,EAAE,IAAI,EAAE;AAAA,MAAG,OAAO,gBAAA,EAAC,GAAD;AAAA,QAAI,IAAI,EAAE,IAAI,EAAE;AAAA,kBAAI,EAAK;AAAA,MAAwB,CAAA;AAAA,IAAI,CAAA,GACvF,gBAAA,EAAC,GAAD;AAAA,MAAa,IAAI,EAAE,GAAG,EAAE;AAAA,gBACtB,gBAAA,EAAC,GAAD;AAAA,QAAY,OAAO,CAAC,CAAqB;AAAA,QAAG,QAAQ;AAAA,MAAM,CAAA;AAAA,IAC/C,CAAA,CACT;AAAA,MACN,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO,EAAM,QAAQ,KAAK;AAAA,IAC1B,IAAI;AAAA,MAAE,WAAW;AAAA,MAAU,IAAI;AAAA,MAAG,IAAI;AAAA,IAAG;AAAA,IACzC,SAAQ;AAAA,cAEP,EAAK;AAAA,EACF,CAAA,CACN,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAgB"}

package/dist/debts/components/debtsdrawer/DebtDetailsContent.es.js

@@ -0,0 +1,54 @@
+import { useGlobalCopyStore as n } from "../../../common/context/hooks.es.js";
+import l from "../../../common/components/TabContentContainer.es.js";
+import { useDebtsUiStore as m } from "../../hooks/useDebtsUiStore.es.js";
+import u from "./DebtScheduleTab.es.js";
+import p from "./DebtDetailsTab.es.js";
+import c from "./DebtStatusCard.es.js";
+import f from "react";
+import { observer as h } from "mobx-react-lite";
+import { Fragment as _, jsx as e, jsxs as o } from "react/jsx-runtime";
+import i from "@mui/material/Tab";
+import C from "@mui/material/Tabs";
+var D = () => {
+  const { debts: t } = n(), { showError: b, showCompleted: d } = m(), [a, r] = f.useState(0);
+  return /* @__PURE__ */ o(_, { children: [
+    (b || d) && /* @__PURE__ */ e(c, {
+      setTabValue: r,
+      sx: { mt: -24 }
+    }),
+    /* @__PURE__ */ o(C, {
+      "aria-label": t.details_tabs_aria_label,
+      centered: !0,
+      onChange: (v, s) => r(s),
+      textColor: "primary",
+      value: a,
+      variant: "fullWidth",
+      children: [/* @__PURE__ */ e(i, {
+        "aria-controls": "debt-schedule-tabpanel-0",
+        id: "debt-schedule-tab-0",
+        label: t.schedule_tab_label
+      }), /* @__PURE__ */ e(i, {
+        "aria-controls": "debt-details-tabpanel-1",
+        id: "debt-details-tab-1",
+        label: t.details_tab_label
+      })]
+    }),
+    /* @__PURE__ */ e(l, {
+      index: 0,
+      name: "debt-schedule",
+      value: a,
+      children: /* @__PURE__ */ e(u, {})
+    }),
+    /* @__PURE__ */ e(l, {
+      index: 1,
+      name: "debt-details",
+      value: a,
+      children: /* @__PURE__ */ e(p, {})
+    })
+  ] });
+}, R = h(D);
+export {
+  R as default
+};
+
+//# sourceMappingURL=DebtDetailsContent.es.js.map

package/dist/debts/components/debtsdrawer/DebtDetailsContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtDetailsContent.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { useGlobalCopyStore, TabContentContainer } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\nimport DebtScheduleTab from './DebtScheduleTab'\nimport DebtDetailsTab from './DebtDetailsTab'\nimport DebtStatusCard from './DebtStatusCard'\n\nconst DebtDetailsContent = () => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n  const [tabValue, setTabValue] = React.useState(0)\n\n  return (\n    <>\n      {(showError || showCompleted) && (\n        <DebtStatusCard setTabValue={setTabValue} sx={{ mt: -24 }} />\n      )}\n      <Tabs\n        aria-label={copy.details_tabs_aria_label}\n        centered={true}\n        onChange={(_, val) => setTabValue(val)}\n        textColor=\"primary\"\n        value={tabValue}\n        variant=\"fullWidth\"\n      >\n        <Tab\n          aria-controls=\"debt-schedule-tabpanel-0\"\n          id=\"debt-schedule-tab-0\"\n          label={copy.schedule_tab_label}\n        />\n        <Tab\n          aria-controls=\"debt-details-tabpanel-1\"\n          id=\"debt-details-tab-1\"\n          label={copy.details_tab_label}\n        />\n      </Tabs>\n\n      <TabContentContainer index={0} name=\"debt-schedule\" value={tabValue}>\n        <DebtScheduleTab />\n      </TabContentContainer>\n\n      <TabContentContainer index={1} name=\"debt-details\" value={tabValue}>\n        <DebtDetailsTab />\n      </TabContentContainer>\n    </>\n  )\n}\n\nexport default observer(DebtDetailsContent)\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,IAAA,MAA2B;AAC/B,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB,GAC/C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,CAAC;AAEhD,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,KACI,KAAa,MACb,gBAAA,EAAC,GAAD;AAAA,MAA6B,aAAA;AAAA,MAAa,IAAI,EAAE,IAAI,IAAI;AAAA,IAAI,CAAA;AAAA,IAE9D,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK;AAAA,MACjB,UAAU;AAAA,MACV,UAAA,CAAW,GAAG,MAAQ,EAAY,CAAG;AAAA,MACrC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAQ;AAAA,gBANV,CAQE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAK;AAAA,MACb,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,IAAG;AAAA,QACH,OAAO,EAAK;AAAA,MACb,CAAA,CACG;AAAA;IAEN,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAgB,OAAO;AAAA,gBACzD,gBAAA,EAAC,GAAD,CAAkB,CAAA;AAAA,IACC,CAAA;AAAA,IAErB,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAe,OAAO;AAAA,gBACxD,gBAAA,EAAC,GAAD,CAAiB,CAAA;AAAA,IACE,CAAA;AAAA,EACrB,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAAkB"}

package/dist/debts/components/debtsdrawer/DebtDetailsTab.es.js

@@ -0,0 +1,40 @@
+import { useEvent as n } from "../../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as m } from "../../../common/constants/Analytics.es.js";
+import { useDebtsUiStore as l } from "../../hooks/useDebtsUiStore.es.js";
+import { InterestRateAction as c } from "../../../goals/components/actions/InterestRateAction.es.js";
+import { MonthlyPaymentAction as s } from "../../../goals/components/actions/MonthlyPaymentAction.es.js";
+import { OriginalBalanceAction as f } from "../../../goals/components/actions/OriginalBalanceAction.es.js";
+import { InterestRateAction as p } from "../actions/InterestRateAction.es.js";
+import { MonthlyPaymentAction as g } from "../actions/MonthlyPaymentAction.es.js";
+import { OriginalBalanceAction as A } from "../actions/OriginalBalanceAction.es.js";
+import b from "react";
+import { observer as D } from "mobx-react-lite";
+import d from "@mui/material/Stack";
+import { Fragment as a, jsx as t, jsxs as e } from "react/jsx-runtime";
+import r from "@mui/material/Divider";
+var u = () => {
+  const { onEvent: i } = n(), { selectedDebtChartData: o } = l();
+  return b.useEffect(() => i(m.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ e(d, {
+    bgcolor: "background.paper",
+    children: [o?.goal && /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ t(s, { goal: o.goal }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(c, { goal: o.goal }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(f, { goal: o.goal }),
+      /* @__PURE__ */ t(r, {})
+    ] }), !o?.goal && o?.account && /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ t(g, { debt: o }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(p, { debt: o }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(A, { debt: o }),
+      /* @__PURE__ */ t(r, {})
+    ] })]
+  });
+}, $ = D(u);
+export {
+  $ as default
+};
+
+//# sourceMappingURL=DebtDetailsTab.es.js.map

package/dist/debts/components/debtsdrawer/DebtDetailsTab.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtDetailsTab.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtDetailsTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { ANALYTICS_EVENTS, useEvent } from '../../../common'\n\nimport { InterestRateAction as GoalInterestRateAction } from '../../../goals/components/actions/InterestRateAction'\nimport { MonthlyPaymentAction as GoalMonthlyPaymentAction } from '../../../goals/components/actions/MonthlyPaymentAction'\nimport { OriginalBalanceAction as GoalOriginalBalanceAction } from '../../../goals/components/actions/OriginalBalanceAction'\nimport { InterestRateAction as DebtInterestRateAction } from '../actions/InterestRateAction'\nimport { MonthlyPaymentAction as DebtMonthlyPaymentAction } from '../actions/MonthlyPaymentAction'\nimport { OriginalBalanceAction as AccountOriginalBalanceAction } from '../actions/OriginalBalanceAction'\n\nconst DebtDetailsTab = () => {\n  const { onEvent } = useEvent()\n  const { selectedDebtChartData: debt } = useDebtsUiStore()\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.DEBT_DETAILS_VIEW), [])\n\n  return (\n    <Stack bgcolor=\"background.paper\">\n      {debt?.goal && (\n        <>\n          <GoalMonthlyPaymentAction goal={debt.goal} />\n          <Divider />\n\n          <GoalInterestRateAction goal={debt.goal} />\n          <Divider />\n\n          <GoalOriginalBalanceAction goal={debt.goal} />\n          <Divider />\n        </>\n      )}\n\n      {!debt?.goal && debt?.account && (\n        <>\n          <DebtMonthlyPaymentAction debt={debt} />\n          <Divider />\n\n          <DebtInterestRateAction debt={debt} />\n          <Divider />\n\n          <AccountOriginalBalanceAction debt={debt} />\n          <Divider />\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(DebtDetailsTab)\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,IAAA,MAAuB;AAC3B,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,uBAAuB,EAAA,IAAS,EAAgB;AAExD,SAAA,EAAM,UAAA,MAAgB,EAAQ,EAAiB,iBAAiB,GAAG,CAAC,CAAC,GAGnE,gBAAA,EAAC,GAAD;AAAA,IAAO,SAAQ;AAAA,cAAf,CACG,GAAM,QACL,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAA0B,MAAM,EAAK,KAAO,CAAA;AAAA,MAC5C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAAwB,MAAM,EAAK,KAAO,CAAA;AAAA,MAC1C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAA2B,MAAM,EAAK,KAAO,CAAA;AAAA,MAC7C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IACV,EAAA,CAAA,GAGH,CAAC,GAAM,QAAQ,GAAM,WACpB,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD,EAAgC,MAAA,EAAO,CAAA;AAAA,MACvC,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAA8B,MAAA,EAAO,CAAA;AAAA,MACrC,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,MAEV,gBAAA,EAAC,GAAD,EAAoC,MAAA,EAAO,CAAA;AAAA,MAC3C,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,IACV,EAAA,CAAA,CAEC;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}

package/dist/debts/components/debtsdrawer/DebtScheduleTab.es.js

@@ -0,0 +1,108 @@
+import { DATE_FORMATS_INTL as b, formatDate as f } from "../../../core/constants/DateFormats.es.js";
+import { useEvent as u, useGlobalCopyStore as x } from "../../../common/context/hooks.es.js";
+import { ANALYTICS_EVENTS as _ } from "../../../common/constants/Analytics.es.js";
+import { formatCurrency as c } from "../../../core/utils/NumberFormatting.es.js";
+import { useDebtsUiStore as v } from "../../hooks/useDebtsUiStore.es.js";
+import y from "react";
+import { observer as g } from "mobx-react-lite";
+import t from "@mui/material/Stack";
+import { Text as r } from "@mxenabled/mxui";
+import { Fragment as D, jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useTheme as E } from "@mui/material";
+import w from "@mui/material/List";
+var T = () => {
+  const i = E(), { onEvent: d } = u(), { debts: o } = x(), { selectedDebtChartData: s, showCompleted: m, showError: l } = v();
+  return y.useEffect(() => d(_.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(w, { children: l || m ? /* @__PURE__ */ e(r, {
+    color: i.palette.secondary.main,
+    component: "div",
+    sx: {
+      p: 32,
+      textAlign: "center"
+    },
+    variant: "body2",
+    children: l ? o.schedule_error_message : o.schedule_complete_message
+  }) : /* @__PURE__ */ n(D, { children: [
+    /* @__PURE__ */ n(t, {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      sx: {
+        pt: 12,
+        px: 24,
+        pb: 8
+      },
+      children: [/* @__PURE__ */ e(r, {
+        bold: !0,
+        variant: "caption",
+        children: o.schedule_month_heading
+      }), /* @__PURE__ */ e(r, {
+        bold: !0,
+        variant: "caption",
+        children: o.schedule_amount_heading
+      })]
+    }),
+    s.dataset.slice(1).map(({ x: a, y: p, payment: h }) => /* @__PURE__ */ e(t, {
+      bgcolor: i.palette.background.paper,
+      children: /* @__PURE__ */ e(t, {
+        alignItems: "center",
+        flexDirection: "row",
+        pl: 24,
+        children: /* @__PURE__ */ n(t, {
+          sx: {
+            borderBottom: `1px solid ${i.palette.divider}`,
+            flexDirection: "row",
+            flexGrow: 1,
+            py: 14,
+            pr: 24
+          },
+          children: [/* @__PURE__ */ n(t, {
+            flexGrow: 1,
+            children: [/* @__PURE__ */ e(r, {
+              bold: !0,
+              variant: "body1",
+              children: f(a, b.MONTH_YEAR)
+            }), /* @__PURE__ */ e(r, {
+              color: i.palette.secondary.main,
+              variant: "caption",
+              children: o.schedule_month_label
+            })]
+          }), /* @__PURE__ */ n(t, { children: [/* @__PURE__ */ e(r, {
+            bold: !0,
+            variant: "body1",
+            children: c(p, "0,0.00")
+          }), /* @__PURE__ */ e(r, {
+            bold: !0,
+            color: i.palette.success.main,
+            textAlign: "end",
+            variant: "tiny",
+            children: `+${c(h, "0,0")}`
+          })] })]
+        })
+      })
+    }, String(a))),
+    /* @__PURE__ */ e(t, {
+      bgcolor: "background.paper",
+      children: /* @__PURE__ */ n(t, {
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          flexGrow: 1,
+          py: 14,
+          px: 24
+        },
+        children: [/* @__PURE__ */ e(r, {
+          flexGrow: 1,
+          variant: "body1",
+          children: o.schedule_payoff_label
+        }), /* @__PURE__ */ e(r, {
+          variant: "body1",
+          children: "-"
+        })]
+      })
+    })
+  ] }) });
+}, F = g(T);
+export {
+  F as default
+};
+
+//# sourceMappingURL=DebtScheduleTab.es.js.map

package/dist/debts/components/debtsdrawer/DebtScheduleTab.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtScheduleTab.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtScheduleTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useTheme } from '@mui/material'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent, useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nconst DebtScheduleTab = () => {\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n  const { debts: copy } = useGlobalCopyStore()\n  const { selectedDebtChartData: debt, showCompleted, showError } = useDebtsUiStore()\n\n  React.useEffect(() => onEvent(ANALYTICS_EVENTS.DEBT_SCHEDULE_VIEW), [])\n\n  return (\n    <List>\n      {/* Error/Complete Message */}\n      {showError || showCompleted ? (\n        <Text\n          color={theme.palette.secondary.main}\n          component=\"div\"\n          sx={{ p: 32, textAlign: 'center' }}\n          variant=\"body2\"\n        >\n          {showError ? copy.schedule_error_message : copy.schedule_complete_message}\n        </Text>\n      ) : (\n        <>\n          {/* Payment Schedule Header */}\n          <Stack flexDirection=\"row\" justifyContent=\"space-between\" sx={{ pt: 12, px: 24, pb: 8 }}>\n            <Text bold={true} variant=\"caption\">\n              {copy.schedule_month_heading}\n            </Text>\n            <Text bold={true} variant=\"caption\">\n              {copy.schedule_amount_heading}\n            </Text>\n          </Stack>\n          {/* Payment Schedule Rows */}\n          {debt.dataset.slice(1).map(({ x: month, y: balance, payment }) => (\n            <Stack bgcolor={theme.palette.background.paper} key={String(month)}>\n              <Stack alignItems=\"center\" flexDirection=\"row\" pl={24}>\n                <Stack\n                  sx={{\n                    borderBottom: `1px solid ${theme.palette.divider}`,\n                    flexDirection: 'row',\n                    flexGrow: 1,\n                    py: 14,\n                    pr: 24,\n                  }}\n                >\n                  <Stack flexGrow={1}>\n                    <Text bold={true} variant=\"body1\">\n                      {formatDate(month, DATE_FORMATS_INTL.MONTH_YEAR)}\n                    </Text>\n                    <Text color={theme.palette.secondary.main} variant=\"caption\">\n                      {copy.schedule_month_label}\n                    </Text>\n                  </Stack>\n                  <Stack>\n                    <Text bold={true} variant=\"body1\">\n                      {formatCurrency(balance, '0,0.00')}\n                    </Text>\n                    <Text\n                      bold={true}\n                      color={theme.palette.success.main}\n                      textAlign=\"end\"\n                      variant=\"tiny\"\n                    >\n                      {`+${formatCurrency(payment, '0,0')}`}\n                    </Text>\n                  </Stack>\n                </Stack>\n              </Stack>\n            </Stack>\n          ))}\n          {/* Debt Payoff Row */}\n          <Stack bgcolor=\"background.paper\">\n            <Stack\n              sx={{\n                alignItems: 'center',\n                flexDirection: 'row',\n                flexGrow: 1,\n                py: 14,\n                px: 24,\n              }}\n            >\n              <Text flexGrow={1} variant=\"body1\">\n                {copy.schedule_payoff_label}\n              </Text>\n              <Text variant=\"body1\">-</Text>\n            </Stack>\n          </Stack>\n        </>\n      )}\n    </List>\n  )\n}\n\nexport default observer(DebtScheduleTab)\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,IAAA,MAAwB;AAC5B,QAAM,IAAQ,EAAS,GACjB,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,uBAAuB,GAAM,eAAA,GAAe,WAAA,EAAA,IAAc,EAAgB;AAElF,SAAA,EAAM,UAAA,MAAgB,EAAQ,EAAiB,kBAAkB,GAAG,CAAC,CAAC,GAGpE,gBAAA,EAAC,GAAD,EAAA,UAEG,KAAa,IACZ,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO,EAAM,QAAQ,UAAU;AAAA,IAC/B,WAAU;AAAA,IACV,IAAI;AAAA,MAAE,GAAG;AAAA,MAAI,WAAW;AAAA,IAAS;AAAA,IACjC,SAAQ;AAAA,cAEP,IAAY,EAAK,yBAAyB,EAAK;AAAA,EAC5C,CAAA,IAEN,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IAEE,gBAAA,EAAC,GAAD;AAAA,MAAO,eAAc;AAAA,MAAM,gBAAe;AAAA,MAAgB,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,gBAAtF,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAK;AAAA,MACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB,EAAK;AAAA,MACF,CAAA,CACD;AAAA;IAEN,EAAK,QAAQ,MAAM,CAAC,EAAE,IAAA,CAAK,EAAE,GAAG,GAAO,GAAG,GAAS,SAAA,EAAA,MAClD,gBAAA,EAAC,GAAD;AAAA,MAAO,SAAS,EAAM,QAAQ,WAAW;AAAA,gBACvC,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,eAAc;AAAA,QAAM,IAAI;AAAA,kBACjD,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,cAAc,aAAa,EAAM,QAAQ,OAAA;AAAA,YACzC,eAAe;AAAA,YACf,UAAU;AAAA,YACV,IAAI;AAAA,YACJ,IAAI;AAAA,UACN;AAAA,oBAPF,CASE,gBAAA,EAAC,GAAD;AAAA,YAAO,UAAU;AAAA,sBAAjB,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,SAAQ;AAAA,wBACvB,EAAW,GAAO,EAAkB,UAAU;AAAA,YAC3C,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,cAAM,OAAO,EAAM,QAAQ,UAAU;AAAA,cAAM,SAAQ;AAAA,wBAChD,EAAK;AAAA,YACF,CAAA,CACD;AAAA,cACP,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,sBACvB,EAAe,GAAS,QAAQ;AAAA,UAC7B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YACE,MAAM;AAAA,YACN,OAAO,EAAM,QAAQ,QAAQ;AAAA,YAC7B,WAAU;AAAA,YACV,SAAQ;AAAA,sBAEP,IAAI,EAAe,GAAS,KAAK,CAAA;AAAA,UAC9B,CAAA,CACD,EAAA,CAAA,CACF;AAAA;MACF,CAAA;AAAA,IACF,GAlC8C,OAAO,CAAK,CAkC1D,CACR;AAAA,IAED,gBAAA,EAAC,GAAD;AAAA,MAAO,SAAQ;AAAA,gBACb,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,kBAPF,CASE,gBAAA,EAAC,GAAD;AAAA,UAAM,UAAU;AAAA,UAAG,SAAQ;AAAA,oBACxB,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAQ;AAAA,QAAO,CAAA,CACxB;AAAA;IACF,CAAA;AAAA,EACP,EAAA,CAAA,EAEA,CAAA;AAEV,GAEA,IAAe,EAAS,CAAe"}

package/dist/debts/components/debtsdrawer/DebtStatusCard.es.js

@@ -0,0 +1,86 @@
+import { useGlobalCopyStore as d } from "../../../common/context/hooks.es.js";
+import { useDebtsUiStore as u } from "../../hooks/useDebtsUiStore.es.js";
+import f from "react";
+import { observer as b } from "mobx-react-lite";
+import h from "@mui/material/Stack";
+import { Text as s } from "@mxenabled/mxui";
+import a from "@mui/material/Paper";
+import { CheckCircle as x, Error as _ } from "@mxenabled/mx-icons";
+import { Fragment as m, jsx as r, jsxs as e } from "react/jsx-runtime";
+import n from "@mui/material/Alert";
+import c from "@mui/material/AlertTitle";
+var g = ({ setTabValue: l, sx: i }) => {
+  const { debts: o } = d(), { showError: t, showCompleted: p } = u();
+  return f.useEffect(() => {
+    t && l(1);
+  }, [t]), !t && !p ? /* @__PURE__ */ r(m, {}) : /* @__PURE__ */ e(h, {
+    gap: 16,
+    children: [/* @__PURE__ */ r(a, {
+      sx: {
+        my: 16,
+        mx: 24,
+        ...i
+      },
+      children: /* @__PURE__ */ e(n, {
+        icon: t ? /* @__PURE__ */ r(_, { filled: !0 }) : /* @__PURE__ */ r(x, {
+          color: "success",
+          filled: !0
+        }),
+        severity: "error",
+        sx: {
+          alignItems: "start",
+          borderLeft: 5,
+          borderRadius: 1,
+          borderColor: t ? "error.main" : "success.main",
+          color: "text.primary",
+          "&.MuiPaper-root": { backgroundColor: "background.paper" }
+        },
+        children: [/* @__PURE__ */ r(c, {
+          sx: {
+            fontWeight: 600,
+            marginTop: 2
+          },
+          variant: "body1",
+          children: t ? o.status_error_title : o.status_complete_title
+        }), /* @__PURE__ */ r(s, {
+          component: "p",
+          variant: "subtitle2",
+          children: t ? o.status_error_description : o.status_complete_description
+        })]
+      })
+    }), t && /* @__PURE__ */ r(a, {
+      sx: {
+        mb: 16,
+        mt: 100,
+        mx: 24,
+        ...i
+      },
+      children: /* @__PURE__ */ e(n, {
+        icon: /* @__PURE__ */ r(m, {}),
+        severity: "error",
+        sx: {
+          borderRadius: 2,
+          color: "text.primary",
+          "&.MuiPaper-root": { backgroundColor: "background.paper" }
+        },
+        children: [/* @__PURE__ */ r(c, {
+          sx: {
+            fontWeight: 600,
+            marginTop: 2
+          },
+          variant: "body1",
+          children: o.status_info_title
+        }), /* @__PURE__ */ r(s, {
+          component: "p",
+          variant: "subtitle2",
+          children: o.status_info_description
+        })]
+      })
+    })]
+  });
+}, w = b(g);
+export {
+  w as default
+};
+
+//# sourceMappingURL=DebtStatusCard.es.js.map

package/dist/debts/components/debtsdrawer/DebtStatusCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebtStatusCard.es.js","names":[],"sources":["../../../../src/debts/components/debtsdrawer/DebtStatusCard.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport AlertTitle from '@mui/material/AlertTitle'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Error as ErrorIcon, CheckCircle as CompleteIcon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { useDebtsUiStore } from '../../hooks/useDebtsUiStore'\n\ninterface DebtStatusCardProps {\n  setTabValue: (val: number) => void\n  sx?: any\n}\n\nconst DebtStatusCard: React.FC<DebtStatusCardProps> = ({ setTabValue, sx }) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { showError, showCompleted } = useDebtsUiStore()\n\n  React.useEffect(() => {\n    if (showError) {\n      setTabValue(1)\n    }\n  }, [showError])\n\n  if (!showError && !showCompleted) return <></>\n\n  return (\n    <Stack gap={16}>\n      <Paper sx={{ my: 16, mx: 24, ...sx }}>\n        <Alert\n          icon={\n            showError ? <ErrorIcon filled={true} /> : <CompleteIcon color=\"success\" filled={true} />\n          }\n          severity=\"error\"\n          sx={{\n            alignItems: 'start',\n            borderLeft: 5,\n            borderRadius: 1,\n            borderColor: showError ? 'error.main' : 'success.main',\n            color: 'text.primary',\n            '&.MuiPaper-root': {\n              backgroundColor: 'background.paper',\n            },\n          }}\n        >\n          <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n            {showError ? copy.status_error_title : copy.status_complete_title}\n          </AlertTitle>\n          <Text component=\"p\" variant=\"subtitle2\">\n            {showError ? copy.status_error_description : copy.status_complete_description}\n          </Text>\n        </Alert>\n      </Paper>\n      {showError && (\n        <Paper sx={{ mb: 16, mt: 100, mx: 24, ...sx }}>\n          <Alert\n            icon={<></>}\n            severity=\"error\"\n            sx={{\n              borderRadius: 2,\n              color: 'text.primary',\n              '&.MuiPaper-root': {\n                backgroundColor: 'background.paper',\n              },\n            }}\n          >\n            <AlertTitle sx={{ fontWeight: 600, marginTop: 2 }} variant=\"body1\">\n              {copy.status_info_title}\n            </AlertTitle>\n            <Text component=\"p\" variant=\"subtitle2\">\n              {copy.status_info_description}\n            </Text>\n          </Alert>\n        </Paper>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(DebtStatusCard)\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,IAAA,CAAiD,EAAE,aAAA,GAAa,IAAA,EAAA,MAAS;AAC7E,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,WAAA,GAAW,eAAA,EAAA,IAAkB,EAAgB;AAQrD,SANA,EAAM,UAAA,MAAgB;AACpB,IAAI,KACF,EAAY,CAAC;AAAA,EAEjB,GAAG,CAAC,CAAS,CAAC,GAEV,CAAC,KAAa,CAAC,IAAsB,gBAAA,EAAA,GAAA,CAAI,CAAA,IAG3C,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,cAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,GAAG;AAAA,MAAG;AAAA,gBACjC,gBAAA,EAAC,GAAD;AAAA,QACE,MACE,IAAY,gBAAA,EAAC,GAAD,EAAW,QAAQ,GAAO,CAAA,IAAI,gBAAA,EAAC,GAAD;AAAA,UAAc,OAAM;AAAA,UAAU,QAAQ;AAAA,QAAO,CAAA;AAAA,QAEzF,UAAS;AAAA,QACT,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,aAAa,IAAY,eAAe;AAAA,UACxC,OAAO;AAAA,UACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,QACF;AAAA,kBAdF,CAgBE,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACxD,IAAY,EAAK,qBAAqB,EAAK;AAAA,QAClC,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,oBACzB,IAAY,EAAK,2BAA2B,EAAK;AAAA,QAC9C,CAAA,CACD;AAAA;IACF,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAK,IAAI;AAAA,QAAI,GAAG;AAAA,MAAG;AAAA,gBAC1C,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM,gBAAA,EAAA,GAAA,CAAI,CAAA;AAAA,QACV,UAAS;AAAA,QACT,IAAI;AAAA,UACF,cAAc;AAAA,UACd,OAAO;AAAA,UACP,mBAAmB,EACjB,iBAAiB,mBACnB;AAAA,QACF;AAAA,kBATF,CAWE,gBAAA,EAAC,GAAD;AAAA,UAAY,IAAI;AAAA,YAAE,YAAY;AAAA,YAAK,WAAW;AAAA,UAAE;AAAA,UAAG,SAAQ;AAAA,oBACxD,EAAK;AAAA,QACI,CAAA,GACZ,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,oBACzB,EAAK;AAAA,QACF,CAAA,CACD;AAAA;IACF,CAAA,CAEJ;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}

package/dist/debts/components/debtspaydown/PaydownButton.es.js

@@ -0,0 +1,32 @@
+import { buildDynamicCopy as m } from "../../../core/utils/Localization.es.js";
+import { useDebtStore as l, useGlobalCopyStore as p, useGoalStore as y } from "../../../common/context/hooks.es.js";
+import { formatCurrency as u } from "../../../core/utils/NumberFormatting.es.js";
+import { observer as c } from "mobx-react-lite";
+import b from "@mui/material/Stack";
+import f from "@mui/material/Button";
+import { jsx as t } from "react/jsx-runtime";
+var _ = c(({ disabled: o, onClick: r }) => {
+  const { debts: e } = p(), { totalMonthlyPayments: a } = l(), { monthlyCashFlowProfile: n } = y(), i = a + Number(n?.extra_payment), s = e.paydown_button_long;
+  return /* @__PURE__ */ t(b, {
+    alignItems: "center",
+    sx: {
+      flex: 1,
+      flexShrink: 0
+    },
+    children: /* @__PURE__ */ t(f, {
+      "aria-controls": "extra-paydown",
+      "aria-describedby": "extra-paydown",
+      "aria-haspopup": !0,
+      "aria-label": "extra-paydown",
+      disabled: o,
+      onClick: r,
+      sx: { justifyContent: "start" },
+      children: m(s, u(i, "0,0"))
+    })
+  });
+});
+export {
+  _ as PaydownButton
+};
+
+//# sourceMappingURL=PaydownButton.es.js.map

package/dist/debts/components/debtspaydown/PaydownButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaydownButton.es.js","names":[],"sources":["../../../../src/debts/components/debtspaydown/PaydownButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useDebtStore, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface PaydownButtonProps {\n  disabled?: boolean\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const PaydownButton = observer(({ disabled, onClick }: PaydownButtonProps) => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { totalMonthlyPayments } = useDebtStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const totalContributions = totalMonthlyPayments + Number(monthlyCashFlowProfile?.extra_payment)\n  const buttonText = copy.paydown_button_long\n  return (\n    <Stack alignItems=\"center\" sx={{ flex: 1, flexShrink: 0 }}>\n      <Button\n        aria-controls=\"extra-paydown\"\n        aria-describedby=\"extra-paydown\"\n        aria-haspopup={true}\n        aria-label=\"extra-paydown\"\n        disabled={disabled}\n        onClick={onClick}\n        sx={{ justifyContent: 'start' }}\n      >\n        {buildDynamicCopy(buttonText, formatCurrency(totalContributions, '0,0')) as string}\n      </Button>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;AAaA,IAAa,IAAgB,EAAA,CAAU,EAAE,UAAA,GAAU,SAAA,EAAA,MAAkC;AACnF,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAa,GACxC,EAAE,wBAAA,EAAA,IAA2B,EAAa,GAE1C,IAAqB,IAAuB,OAAO,GAAwB,aAAa,GACxF,IAAa,EAAK;AACxB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,IAAI;AAAA,MAAE,MAAM;AAAA,MAAG,YAAY;AAAA,IAAE;AAAA,cACtD,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAc;AAAA,MACd,oBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,cAAW;AAAA,MACD,UAAA;AAAA,MACD,SAAA;AAAA,MACT,IAAI,EAAE,gBAAgB,QAAQ;AAAA,gBAE7B,EAAiB,GAAY,EAAe,GAAoB,KAAK,CAAC;AAAA,IACjE,CAAA;AAAA,EACH,CAAA;AAEX,CAAC"}

package/dist/debts/components/debtspaydown/PaydownContent.es.js

@@ -0,0 +1,77 @@
+import { useDebtStore as c, useGlobalCopyStore as m, useGoalStore as p } from "../../../common/context/hooks.es.js";
+import { formatCurrency as i } from "../../../core/utils/NumberFormatting.es.js";
+import { ExtraPaymentAction as s } from "../actions/ExtraPaymentAction.es.js";
+import { observer as h } from "mobx-react-lite";
+import t from "@mui/material/Stack";
+import { P as u, Text as e } from "@mxenabled/mxui";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+var y = () => {
+  const { debts: o } = m(), { totalMonthlyPayments: a } = c(), { monthlyCashFlowProfile: d } = p(), l = a + Number(d?.extra_payment);
+  return /* @__PURE__ */ n(t, {
+    sx: {
+      backgroundColor: "background.default",
+      height: "100%"
+    },
+    children: [
+      /* @__PURE__ */ n(t, {
+        p: 24,
+        children: [/* @__PURE__ */ n(t, {
+          alignItems: "center",
+          gap: 4,
+          mb: 24,
+          children: [
+            /* @__PURE__ */ r(e, {
+              variant: "body1",
+              children: o.paydown_drawer_mimimum_label
+            }),
+            /* @__PURE__ */ r(u, {
+              bold: !0,
+              variant: "h1",
+              children: i(a, "0,0")
+            }),
+            /* @__PURE__ */ r(e, {
+              textAlign: "center",
+              truncate: !1,
+              variant: "body2",
+              width: 208,
+              children: o.paydown_drawer_minimum_info
+            })
+          ]
+        }), /* @__PURE__ */ n(t, { children: [/* @__PURE__ */ r(e, {
+          variant: "h3",
+          children: o.paydown_drawer_subtitle
+        }), /* @__PURE__ */ r(e, {
+          truncate: !1,
+          variant: "subtitle2",
+          children: o.paydown_drawer_description
+        })] })]
+      }),
+      /* @__PURE__ */ r(t, {
+        sx: { backgroundColor: "background.paper" },
+        children: /* @__PURE__ */ r(s, {})
+      }),
+      /* @__PURE__ */ r(t, {
+        flexDirection: "row-reverse",
+        px: 24,
+        py: 12,
+        children: /* @__PURE__ */ n(t, {
+          gap: 4,
+          children: [/* @__PURE__ */ r(e, {
+            variant: "body2",
+            children: o.paydown_drawer_total_payment
+          }), /* @__PURE__ */ r(e, {
+            bold: !0,
+            textAlign: "right",
+            variant: "body1",
+            children: i(l, "0,0")
+          })]
+        })
+      })
+    ]
+  });
+}, C = h(y);
+export {
+  C as default
+};
+
+//# sourceMappingURL=PaydownContent.es.js.map

package/dist/debts/components/debtspaydown/PaydownContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaydownContent.es.js","names":[],"sources":["../../../../src/debts/components/debtspaydown/PaydownContent.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { useDebtStore, useGlobalCopyStore, useGoalStore } from '../../../common'\nimport { ExtraPaymentAction } from '../actions/ExtraPaymentAction'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nconst PaydownContent = () => {\n  const { debts: copy } = useGlobalCopyStore()\n  const { totalMonthlyPayments } = useDebtStore()\n  const { monthlyCashFlowProfile } = useGoalStore()\n\n  const totalContributions = totalMonthlyPayments + Number(monthlyCashFlowProfile?.extra_payment)\n\n  return (\n    <Stack sx={{ backgroundColor: 'background.default', height: '100%' }}>\n      <Stack p={24}>\n        <Stack alignItems=\"center\" gap={4} mb={24}>\n          <Text variant=\"body1\">{copy.paydown_drawer_mimimum_label}</Text>\n          <P bold={true} variant=\"h1\">\n            {formatCurrency(totalMonthlyPayments, '0,0')}\n          </P>\n          <Text textAlign=\"center\" truncate={false} variant=\"body2\" width={208}>\n            {copy.paydown_drawer_minimum_info}\n          </Text>\n        </Stack>\n        <Stack>\n          <Text variant=\"h3\">{copy.paydown_drawer_subtitle}</Text>\n          <Text truncate={false} variant=\"subtitle2\">\n            {copy.paydown_drawer_description}\n          </Text>\n        </Stack>\n      </Stack>\n      <Stack sx={{ backgroundColor: 'background.paper' }}>\n        <ExtraPaymentAction />\n      </Stack>\n      <Stack flexDirection=\"row-reverse\" px={24} py={12}>\n        <Stack gap={4}>\n          <Text variant=\"body2\">{copy.paydown_drawer_total_payment}</Text>\n          <Text bold={true} textAlign=\"right\" variant=\"body1\">\n            {formatCurrency(totalContributions, '0,0')}\n          </Text>\n        </Stack>\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(PaydownContent)\n"],"mappings":";;;;;;;AASA,IAAM,IAAA,MAAuB;AAC3B,QAAM,EAAE,OAAO,EAAA,IAAS,EAAmB,GACrC,EAAE,sBAAA,EAAA,IAAyB,EAAa,GACxC,EAAE,wBAAA,EAAA,IAA2B,EAAa,GAE1C,IAAqB,IAAuB,OAAO,GAAwB,aAAa;AAE9F,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,iBAAiB;AAAA,MAAsB,QAAQ;AAAA,IAAO;AAAA,cAAnE;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,GAAG;AAAA,kBAAV,CACE,gBAAA,EAAC,GAAD;AAAA,UAAO,YAAW;AAAA,UAAS,KAAK;AAAA,UAAG,IAAI;AAAA,oBAAvC;AAAA,YACE,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,wBAAS,EAAK;AAAA,YAAmC,CAAA;AAAA,YAC/D,gBAAA,EAAC,GAAD;AAAA,cAAG,MAAM;AAAA,cAAM,SAAQ;AAAA,wBACpB,EAAe,GAAsB,KAAK;AAAA,YAC1C,CAAA;AAAA,YACH,gBAAA,EAAC,GAAD;AAAA,cAAM,WAAU;AAAA,cAAS,UAAU;AAAA,cAAO,SAAQ;AAAA,cAAQ,OAAO;AAAA,wBAC9D,EAAK;AAAA,YACF,CAAA;AAAA,UACD;AAAA,YACP,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAM,EAAK;AAAA,QAA8B,CAAA,GACvD,gBAAA,EAAC,GAAD;AAAA,UAAM,UAAU;AAAA,UAAO,SAAQ;AAAA,oBAC5B,EAAK;AAAA,QACF,CAAA,CACD,EAAA,CAAA,CACF;AAAA;MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI,EAAE,iBAAiB,mBAAmB;AAAA,kBAC/C,gBAAA,EAAC,GAAD,CAAqB,CAAA;AAAA,MAChB,CAAA;AAAA,MACP,gBAAA,EAAC,GAAD;AAAA,QAAO,eAAc;AAAA,QAAc,IAAI;AAAA,QAAI,IAAI;AAAA,kBAC7C,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK;AAAA,oBAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAS,EAAK;AAAA,UAAmC,CAAA,GAC/D,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,WAAU;AAAA,YAAQ,SAAQ;AAAA,sBACzC,EAAe,GAAoB,KAAK;AAAA,UACrC,CAAA,CACD;AAAA;MACF,CAAA;AAAA,IACF;AAAA;AAEX,GAEA,IAAe,EAAS,CAAc"}