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

package/dist/finstrong/components/ManageCreditScore/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ManageCreditScore.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport TextField from '@mui/material/TextField'\n\nimport { Dialog, useGlobalCopyStore, useScreenSize, useUserStore } from '../../common'\n\ninterface ManageCreditScoreProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst ManageCreditScore = ({ isOpen, onClose }: ManageCreditScoreProps) => {\n  const { common: commonCopy, finstrong: finstrongCopy } = useGlobalCopyStore()\n  const { isMobile } = useScreenSize()\n  const { updateUser, user } = useUserStore()\n\n  const [creditScore, setCreditScore] = React.useState<number>(user.credit_score || 0)\n\n  const isValid = !isNaN(creditScore)\n\n  const handleClose = () => {\n    onClose()\n    setTimeout(() => setCreditScore(user.credit_score || 0), 300)\n  }\n\n  const handlePrimaryAction = () => {\n    if (!creditScore || creditScore === user.credit_score) return\n    updateUser({ ...user, credit_score: creditScore })\n  }\n\n  return (\n    <Dialog\n      copy={{ close_aria: commonCopy.close_aria, title: finstrongCopy.edit_credit_score }}\n      disablePrimaryButton={!creditScore || !isValid}\n      isOpen={isOpen}\n      maxWidth=\"xs\"\n      onClose={handleClose}\n      onPrimaryAction={handlePrimaryAction}\n      primaryColor=\"primary\"\n      primaryText={commonCopy.save_button}\n      sx={{\n        '& .MuiDialog-paper': {\n          minWidth: isMobile ? '100%' : 400,\n        },\n      }}\n    >\n      <form\n        onSubmit={(e) => {\n          e.preventDefault()\n          handlePrimaryAction()\n          handleClose()\n        }}\n      >\n        <TextField\n          error={!isValid}\n          fullWidth={true}\n          inputMode=\"numeric\"\n          onChange={(e) => setCreditScore(Number(e.target.value))}\n          slotProps={{\n            htmlInput: {\n              noValidate: true,\n              pattern: '[0-9]*',\n            },\n          }}\n          value={isValid ? creditScore : ''}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default observer(ManageCreditScore)\n"],"mappings":";;;;;;;AAYA,IAAM,IAAA,CAAqB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAsC;AACzE,QAAM,EAAE,QAAQ,GAAY,WAAW,EAAA,IAAkB,EAAmB,GACtE,EAAE,UAAA,EAAA,IAAa,EAAc,GAC7B,EAAE,YAAA,GAAY,MAAA,EAAA,IAAS,EAAa,GAEpC,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAiB,EAAK,gBAAgB,CAAC,GAE7E,IAAU,CAAC,MAAM,CAAW,GAE5B,IAAA,MAAoB;AACxB,IAAA,EAAQ,GACR,WAAA,MAAiB,EAAe,EAAK,gBAAgB,CAAC,GAAG,GAAG;AAAA,EAC9D,GAEM,IAAA,MAA4B;AAChC,IAAI,CAAC,KAAe,MAAgB,EAAK,gBACzC,EAAW;AAAA,MAAE,GAAG;AAAA,MAAM,cAAc;AAAA,IAAY,CAAC;AAAA,EACnD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MAAE,YAAY,EAAW;AAAA,MAAY,OAAO,EAAc;AAAA,IAAkB;AAAA,IAClF,sBAAsB,CAAC,KAAe,CAAC;AAAA,IAC/B,QAAA;AAAA,IACR,UAAS;AAAA,IACT,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,cAAa;AAAA,IACb,aAAa,EAAW;AAAA,IACxB,IAAI,EACF,sBAAsB,EACpB,UAAU,IAAW,SAAS,IAChC,EACF;AAAA,cAEA,gBAAA,EAAC,QAAD;AAAA,MACE,UAAA,CAAW,MAAM;AACf,QAAA,EAAE,eAAe,GACjB,EAAoB,GACpB,EAAY;AAAA,MACd;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,OAAO,CAAC;AAAA,QACR,WAAW;AAAA,QACX,WAAU;AAAA,QACV,UAAA,CAAW,MAAM,EAAe,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,QACtD,WAAW,EACT,WAAW;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,QACX,EACF;AAAA,QACA,OAAO,IAAU,IAAc;AAAA,MAChC,CAAA;AAAA,IACG,CAAA;AAAA,EACA,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAiB"}

package/dist/finstrong/components/ManageDOB/index.es.js

@@ -1,79 +0,0 @@
-import { useFinstrongStore as h, useGlobalCopyStore as u, useUserStore as f } from "../../../common/context/hooks/index.es.js";
-import g from "../../../common/components/drawer/Drawer/index.es.js";
-import y from "react";
-import { observer as b } from "mobx-react-lite";
-import v from "@mui/material/Stack";
-import { jsx as t } from "react/jsx-runtime";
-import { alpha as e, useTheme as D } from "@mui/material/styles";
-import { AdapterDateFns as S } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { StaticDatePicker as x } from "@mui/x-date-pickers";
-import { LocalizationProvider as P } from "@mui/x-date-pickers/LocalizationProvider";
-var w = ({ isOpen: n, onClose: a }) => {
-  const { finstrong: l } = u(), o = D(), { updateUser: c, user: i } = f(), { loadPeerScore: m } = h(), [r, s] = y.useState(i.birthday), p = (d) => {
-    s(Math.floor(new Date(d).getTime() / 1e3));
-  };
-  return /* @__PURE__ */ t(g, {
-    footerStyles: {
-      borderTop: 1,
-      borderColor: "divider",
-      px: 24,
-      py: 16
-    },
-    isOpen: n,
-    onClose: a,
-    onPrimaryAction: () => {
-      !r || r === i.birthday || (c({
-        ...i,
-        birthday: r
-      }).finally(() => {
-        m();
-      }), a());
-    },
-    onSecondaryAction: a,
-    title: l.date_of_birth,
-    children: /* @__PURE__ */ t(v, {
-      sx: {
-        bgcolor: "background.default",
-        height: "100%"
-      },
-      children: /* @__PURE__ */ t(P, {
-        dateAdapter: S,
-        children: /* @__PURE__ */ t(x, {
-          disableFuture: !0,
-          onChange: p,
-          slotProps: {
-            nextIconButton: { sx: {
-              color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
-            } },
-            previousIconButton: { sx: {
-              color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
-            } },
-            switchViewButton: { sx: {
-              color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
-            } }
-          },
-          slots: {
-            actionBar: () => null,
-            toolbar: () => null
-          },
-          sx: {
-            width: "100%",
-            "& .MuiIconButton-edgeEnd": {
-              color: "primary.main",
-              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
-            }
-          },
-          value: r ? /* @__PURE__ */ new Date(r * 1e3) : /* @__PURE__ */ new Date()
-        })
-      })
-    })
-  });
-}, O = b(w);
-export {
-  O as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/ManageDOB/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ManageDOB.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { alpha, useTheme } from '@mui/material/styles'\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\nimport { StaticDatePicker } from '@mui/x-date-pickers'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\n\nimport { Drawer, useFinstrongStore, useGlobalCopyStore, useUserStore } from '../../common'\n\ninterface ManageDOBProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst ManageDOB = ({ isOpen, onClose }: ManageDOBProps) => {\n  const { finstrong: finstrongCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { updateUser, user } = useUserStore()\n  const { loadPeerScore } = useFinstrongStore()\n  const [selectedDate, setSelectedDate] = React.useState<number | null | undefined>(user.birthday)\n\n  const handleChange = (date: Date | null) => {\n    setSelectedDate(Math.floor(new Date(date!).getTime() / 1000))\n  }\n  const handlePrimaryAction = () => {\n    if (!selectedDate || selectedDate === user.birthday) return\n    updateUser({ ...user, birthday: selectedDate }).finally(() => {\n      loadPeerScore()\n    })\n    onClose()\n  }\n\n  return (\n    <Drawer\n      footerStyles={{ borderTop: 1, borderColor: 'divider', px: 24, py: 16 }}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryAction={handlePrimaryAction}\n      onSecondaryAction={onClose}\n      title={finstrongCopy.date_of_birth}\n    >\n      <Stack sx={{ bgcolor: 'background.default', height: '100%' }}>\n        <LocalizationProvider dateAdapter={AdapterDateFns}>\n          {/* TODO: Use the existing Calendar component, but update a few things in it */}\n          <StaticDatePicker\n            disableFuture={true}\n            onChange={handleChange}\n            slotProps={{\n              nextIconButton: {\n                sx: {\n                  color: 'primary.main',\n                  '&:hover': { bgcolor: alpha(theme.palette.primary.light, 0.1) },\n                },\n              },\n              previousIconButton: {\n                sx: {\n                  color: 'primary.main',\n                  '&:hover': { bgcolor: alpha(theme.palette.primary.light, 0.1) },\n                },\n              },\n              switchViewButton: {\n                sx: {\n                  color: 'primary.main',\n                  '&:hover': { bgcolor: alpha(theme.palette.primary.light, 0.1) },\n                },\n              },\n            }}\n            slots={{\n              actionBar: () => null,\n              toolbar: () => null,\n            }}\n            sx={{\n              width: '100%',\n              '& .MuiIconButton-edgeEnd': {\n                color: 'primary.main',\n                '&:hover': { bgcolor: alpha(theme.palette.primary.light, 0.1) },\n              },\n            }}\n            value={selectedDate ? new Date(selectedDate * 1000) : new Date()}\n          />\n        </LocalizationProvider>\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport default observer(ManageDOB)\n"],"mappings":";;;;;;;;;;AAiBA,IAAM,IAAA,CAAa,EAAE,QAAA,GAAQ,SAAA,EAAA,MAA8B;AACzD,QAAM,EAAE,WAAW,EAAA,IAAkB,EAAmB,GAClD,IAAQ,EAAS,GACjB,EAAE,YAAA,GAAY,MAAA,EAAA,IAAS,EAAa,GACpC,EAAE,eAAA,EAAA,IAAkB,EAAkB,GACtC,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAoC,EAAK,QAAQ,GAEzF,IAAA,CAAgB,MAAsB;AAC1C,IAAA,EAAgB,KAAK,MAAM,IAAI,KAAK,CAAK,EAAE,QAAQ,IAAI,GAAI,CAAC;AAAA,EAC9D;AASA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAc;AAAA,MAAE,WAAW;AAAA,MAAG,aAAa;AAAA,MAAW,IAAI;AAAA,MAAI,IAAI;AAAA,IAAG;AAAA,IAC7D,QAAA;AAAA,IACC,SAAA;AAAA,IACT,iBAbE,MAA4B;AAChC,MAAI,CAAC,KAAgB,MAAiB,EAAK,aAC3C,EAAW;AAAA,QAAE,GAAG;AAAA,QAAM,UAAU;AAAA,MAAa,CAAC,EAAE,QAAA,MAAc;AAC5D,QAAA,EAAc;AAAA,MAChB,CAAC,GACD,EAAQ;AAAA,IACV;AAAA,IAQI,mBAAmB;AAAA,IACnB,OAAO,EAAc;AAAA,cAErB,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,SAAS;AAAA,QAAsB,QAAQ;AAAA,MAAO;AAAA,gBACzD,gBAAA,EAAC,GAAD;AAAA,QAAsB,aAAa;AAAA,kBAEjC,gBAAA,EAAC,GAAD;AAAA,UACE,eAAe;AAAA,UACf,UAAU;AAAA,UACV,WAAW;AAAA,YACT,gBAAgB,EACd,IAAI;AAAA,cACF,OAAO;AAAA,cACP,WAAW,EAAE,SAAS,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,YAChE,EACF;AAAA,YACA,oBAAoB,EAClB,IAAI;AAAA,cACF,OAAO;AAAA,cACP,WAAW,EAAE,SAAS,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,YAChE,EACF;AAAA,YACA,kBAAkB,EAChB,IAAI;AAAA,cACF,OAAO;AAAA,cACP,WAAW,EAAE,SAAS,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,YAChE,EACF;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,WAAA,MAAiB;AAAA,YACjB,SAAA,MAAe;AAAA,UACjB;AAAA,UACA,IAAI;AAAA,YACF,OAAO;AAAA,YACP,4BAA4B;AAAA,cAC1B,OAAO;AAAA,cACP,WAAW,EAAE,SAAS,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,YAChE;AAAA,UACF;AAAA,UACA,OAAO,IAAe,oBAAI,KAAK,IAAe,GAAI,IAAI,oBAAI,KAAK;AAAA,QAChE,CAAA;AAAA,MACmB,CAAA;AAAA,IACjB,CAAA;AAAA,EACD,CAAA;AAEZ,GAEA,IAAe,EAAS,CAAS"}

package/dist/finstrong/components/MissingData/index.es.js

@@ -1,51 +0,0 @@
-import { useGlobalCopyStore as s, useGlobalUiStore as a } from "../../../common/context/hooks/index.es.js";
-import m from "../../../common/components/Loader/index.es.js";
-import { observer as l } from "mobx-react-lite";
-import o from "@mui/material/Stack";
-import { H3 as c, P as p } from "@mxenabled/mxui";
-import d from "@mui/material/Button";
-import { ChevronRight as f, MultilineChart as g } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import h from "@mui/material/Box";
-var u = ({ onClick: e }) => {
-  const { finstrong: r } = s(), { isCopyLoaded: n } = a();
-  return n ? /* @__PURE__ */ i(o, {
-    sx: {
-      alignItems: "center",
-      gap: 12,
-      pt: 12,
-      pb: 32
-    },
-    children: [
-      /* @__PURE__ */ t(g, { size: 48 }),
-      /* @__PURE__ */ i(o, {
-        sx: {
-          alignItems: "center",
-          gap: 4,
-          textAlign: "center"
-        },
-        children: [/* @__PURE__ */ t(c, { children: r.missing_data_title }), /* @__PURE__ */ t(p, {
-          sx: { width: { sm: 348 } },
-          variant: "subtitle1",
-          children: r.missing_data_description
-        })]
-      }),
-      /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(d, {
-        endIcon: /* @__PURE__ */ t(f, {}),
-        onClick: e,
-        size: "small",
-        sx: {
-          fontSize: 13,
-          ":hover": { bgcolor: "transparent" }
-        },
-        variant: "text",
-        children: r.connect_more_accounts_button
-      }) })
-    ]
-  }) : /* @__PURE__ */ t(m, {});
-}, M = l(u);
-export {
-  M as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/MissingData/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/MissingData.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, P } from '@mxenabled/mxui'\nimport { ChevronRight, MultilineChart } from '@mxenabled/mx-icons'\n\nimport { Loader, useGlobalCopyStore, useGlobalUiStore } from '../../common'\n\ninterface MissingDataProps {\n  onClick: () => void\n}\n\nconst MissingData = ({ onClick }: MissingDataProps) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  if (!isCopyLoaded) return <Loader />\n\n  return (\n    <Stack sx={{ alignItems: 'center', gap: 12, pt: 12, pb: 32 }}>\n      <MultilineChart size={48} />\n\n      <Stack sx={{ alignItems: 'center', gap: 4, textAlign: 'center' }}>\n        <H3>{copy.missing_data_title}</H3>\n        <P sx={{ width: { sm: 348 } }} variant=\"subtitle1\">\n          {copy.missing_data_description}\n        </P>\n      </Stack>\n      <Box>\n        <Button\n          endIcon={<ChevronRight />}\n          onClick={onClick}\n          size=\"small\"\n          sx={{\n            fontSize: 13,\n            ':hover': {\n              bgcolor: 'transparent',\n            },\n          }}\n          variant=\"text\"\n        >\n          {copy.connect_more_accounts_button}\n        </Button>\n      </Box>\n    </Stack>\n  )\n}\n\nexport default observer(MissingData)\n"],"mappings":";;;;;;;;;AAeA,IAAM,IAAA,CAAe,EAAE,SAAA,EAAA,MAAgC;AACrD,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,cAAA,EAAA,IAAiB,EAAiB;AAE1C,SAAK,IAGH,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,KAAK;AAAA,MAAI,IAAI;AAAA,MAAI,IAAI;AAAA,IAAG;AAAA,cAA3D;AAAA,MACE,gBAAA,EAAC,GAAD,EAAgB,MAAM,GAAK,CAAA;AAAA,MAE3B,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,YAAY;AAAA,UAAU,KAAK;AAAA,UAAG,WAAW;AAAA,QAAS;AAAA,kBAA/D,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,mBAAuB,CAAA,GACjC,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE;AAAA,UAAG,SAAQ;AAAA,oBACpC,EAAK;AAAA,QACL,CAAA,CACE;AAAA;MACP,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,QACf,SAAA;AAAA,QACT,MAAK;AAAA,QACL,IAAI;AAAA,UACF,UAAU;AAAA,UACV,UAAU,EACR,SAAS,cACX;AAAA,QACF;AAAA,QACA,SAAQ;AAAA,kBAEP,EAAK;AAAA,MACA,CAAA,EACL,CAAA;AAAA,IACA;AAAA,OA5BiB,gBAAA,EAAC,GAAD,CAAS,CAAA;AA8BrC,GAEA,IAAe,EAAS,CAAW"}

package/dist/finstrong/components/ProfileDrawer/index.es.js

@@ -1,124 +0,0 @@
-import { buildDynamicCopy as D } from "../../../core/utils/Localization/index.es.js";
-import { useAccountStore as w, useGlobalCopyStore as x, useRecurringTransactionsStore as P, useUserStore as A } from "../../../common/context/hooks/index.es.js";
-import d from "../../../common/components/drawer/Drawer/index.es.js";
-import { Frequency as B, RepeatingType as I } from "../../../core/types/RepeatingTransaction/index.es.js";
-import M from "../../../accounts/components/ConnectionsDrawer/index.es.js";
-import { RecurringSettings as O } from "../../../recurringtransactions/components/shared/RecurringSettings/index.es.js";
-import L, { Action as r } from "../ProfileList/index.es.js";
-import { buildProfileItem as R } from "../../util/finstrongUtils/index.es.js";
-import { ConnectMoreAccountsCard as T } from "../ConnectMoreAccountsCard/index.es.js";
-import j from "../ManageCreditScore/index.es.js";
-import F from "../ProfileProgressBar/index.es.js";
-import H from "../ManageDOB/index.es.js";
-import q from "react";
-import { observer as E } from "mobx-react-lite";
-import s from "@mui/material/Stack";
-import { H3 as G, P as U } from "@mxenabled/mxui";
-import { AccountBalance as W, CalendarMonth as Y, CreditCard as $, Payments as z } from "@mxenabled/mx-icons";
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import J from "@mui/material/Box";
-var K = ({ isOpen: f, onClose: _ }) => {
-  const { visibleFinstrongAccounts: a } = w(), { accounts: y, common: h, finstrong: e, recurring: C } = x(), { repeatingTransactions: g } = P(), { user: m } = A(), b = g.reduce((t, l) => {
-    const { repeating_transaction_type: v, transactions: u, recurrence_type: S, amount: k } = l;
-    return v === I.Income && (u && u.length > 0 || S === B.EveryYear) ? t + k : t;
-  }, 0), [c, n] = q.useState(null), p = [
-    {
-      dynamicCopy: e.add_profile_item,
-      fallbackLabel: e.monthly_income,
-      icon: /* @__PURE__ */ o(z, {}),
-      key: r.MonthlyIncome,
-      label: e.monthly_income,
-      value: b
-    },
-    {
-      dynamicCopy: e.add_profile_item,
-      fallbackLabel: e.date_of_birth,
-      icon: /* @__PURE__ */ o(Y, {}),
-      key: r.DateOfBirth,
-      label: e.date_of_birth,
-      value: m.birthday
-    },
-    {
-      dynamicCopy: e.add_profile_item,
-      fallbackLabel: e.credit_score,
-      icon: /* @__PURE__ */ o($, {}),
-      key: r.CreditScore,
-      label: e.credit_score,
-      value: m.credit_score
-    },
-    {
-      fallbackLabel: e.connect_your_accounts,
-      icon: /* @__PURE__ */ o(W, {}),
-      key: r.Connections,
-      label: e.connections,
-      value: a.length > 0 ? D(e.connected_account, String(a.length), a.length > 1 ? e.accounts : e.account) : void 0
-    }
-  ].map((t) => R(t));
-  return /* @__PURE__ */ i(d, {
-    isOpen: f,
-    onClose: _,
-    title: e.financial_profile,
-    children: [
-      /* @__PURE__ */ i(s, {
-        sx: {
-          bgcolor: "background.default",
-          height: "100%"
-        },
-        children: [
-          /* @__PURE__ */ i(s, {
-            sx: {
-              gap: 20,
-              p: 24
-            },
-            children: [/* @__PURE__ */ i(s, {
-              sx: { gap: 8 },
-              children: [/* @__PURE__ */ o(G, { children: e.your_financial_profile }), /* @__PURE__ */ o(U, { children: e.financial_profile_description })]
-            }), /* @__PURE__ */ o(F, {
-              completeCopy: e.complete,
-              value: p.reduce((t, l) => t + (l.isComplete ? 1 : 0), 0)
-            })]
-          }),
-          /* @__PURE__ */ o(L, {
-            list: p,
-            onClickItem: n
-          }),
-          /* @__PURE__ */ o(J, {
-            sx: { p: 24 },
-            children: /* @__PURE__ */ o(T, {
-              description: e.connect_more_accounts_to_view_more_accurate_financial_picture,
-              drawerType: "connectDrawer",
-              isDashboard: !0,
-              title: e.dont_see_all_your_accounts,
-              titleDrawer: h.add_accounts
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ o(d, {
-        isOpen: c === r.MonthlyIncome,
-        onClose: () => n(null),
-        shouldShowHeaderBorders: !1,
-        title: C.action_title,
-        children: /* @__PURE__ */ o(O, {})
-      }),
-      /* @__PURE__ */ o(H, {
-        isOpen: c === r.DateOfBirth,
-        onClose: () => n(null)
-      }),
-      /* @__PURE__ */ o(j, {
-        isOpen: c === r.CreditScore,
-        onClose: () => n(null)
-      }),
-      /* @__PURE__ */ o(M, {
-        onClose: () => n(null),
-        showConnectionsWidget: c === r.Connections,
-        title: y.manage_connections
-      })
-    ]
-  });
-}, fe = E(K);
-export {
-  fe as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/ProfileDrawer/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ProfileDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, P } from '@mxenabled/mxui'\nimport { AccountBalance, CalendarMonth, CreditCard, Payments } from '@mxenabled/mx-icons'\n\nimport ConnectionsDrawer from '../../accounts/components/ConnectionsDrawer'\nimport {\n  Drawer,\n  useAccountStore,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useUserStore,\n} from '../../common'\nimport { Frequency, RepeatingType } from '../../core'\nimport { RecurringSettings } from '../../recurringtransactions'\n\nimport { buildProfileItem } from '../util/finstrongUtils'\n\nimport { ConnectMoreAccountsCard } from './ConnectMoreAccountsCard'\nimport ManageCreditScore from './ManageCreditScore'\nimport ManageDOB from './ManageDOB'\nimport ProfileList, { Action } from './ProfileList'\nimport ProfileProgressBar from './ProfileProgressBar'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\ninterface ProfileDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst ProfileDrawer = ({ isOpen, onClose }: ProfileDrawerProps) => {\n  const { visibleFinstrongAccounts: accounts } = useAccountStore()\n  const {\n    accounts: accountsCopy,\n    common: commonCopy,\n    finstrong: finstrongCopy,\n    recurring: recurringCopy,\n  } = useGlobalCopyStore()\n  const { repeatingTransactions } = useRecurringTransactionsStore()\n  const { user } = useUserStore()\n\n  const totalIncomeAmount = repeatingTransactions.reduce((sum, rt) => {\n    const { repeating_transaction_type, transactions, recurrence_type, amount } = rt\n\n    const isIncome =\n      repeating_transaction_type === RepeatingType.Income &&\n      ((transactions && transactions.length > 0) || recurrence_type === Frequency.EveryYear)\n\n    return isIncome ? sum + amount : sum\n  }, 0)\n\n  const [action, setAction] = React.useState<Action | null>(null)\n\n  const profileItemsData = [\n    {\n      dynamicCopy: finstrongCopy.add_profile_item,\n      fallbackLabel: finstrongCopy.monthly_income,\n      icon: <Payments />,\n      key: Action.MonthlyIncome,\n      label: finstrongCopy.monthly_income,\n      value: totalIncomeAmount,\n    },\n    {\n      dynamicCopy: finstrongCopy.add_profile_item,\n      fallbackLabel: finstrongCopy.date_of_birth,\n      icon: <CalendarMonth />,\n      key: Action.DateOfBirth,\n      label: finstrongCopy.date_of_birth,\n      value: user.birthday,\n    },\n    {\n      dynamicCopy: finstrongCopy.add_profile_item,\n      fallbackLabel: finstrongCopy.credit_score,\n      icon: <CreditCard />,\n      key: Action.CreditScore,\n      label: finstrongCopy.credit_score,\n      value: user.credit_score,\n    },\n    {\n      fallbackLabel: finstrongCopy.connect_your_accounts,\n      icon: <AccountBalance />,\n      key: Action.Connections,\n      label: finstrongCopy.connections,\n      value:\n        accounts.length > 0\n          ? (buildDynamicCopy(\n              finstrongCopy.connected_account,\n              String(accounts.length),\n              accounts.length > 1 ? finstrongCopy.accounts : finstrongCopy.account,\n            ) as string)\n          : undefined,\n    },\n  ]\n\n  const list = profileItemsData.map((item) => buildProfileItem(item))\n\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={finstrongCopy.financial_profile}>\n      <Stack sx={{ bgcolor: 'background.default', height: '100%' }}>\n        <Stack sx={{ gap: 20, p: 24 }}>\n          <Stack sx={{ gap: 8 }}>\n            <H3>{finstrongCopy.your_financial_profile}</H3>\n            <P>{finstrongCopy.financial_profile_description}</P>\n          </Stack>\n          <ProfileProgressBar\n            completeCopy={finstrongCopy.complete}\n            value={list.reduce((acc, item) => acc + (item.isComplete ? 1 : 0), 0)}\n          />\n        </Stack>\n        <ProfileList list={list} onClickItem={setAction} />\n        <Box sx={{ p: 24 }}>\n          <ConnectMoreAccountsCard\n            description={\n              finstrongCopy.connect_more_accounts_to_view_more_accurate_financial_picture\n            }\n            drawerType=\"connectDrawer\"\n            isDashboard={true}\n            title={finstrongCopy.dont_see_all_your_accounts}\n            titleDrawer={commonCopy.add_accounts}\n          />\n        </Box>\n      </Stack>\n\n      <Drawer\n        isOpen={action === Action.MonthlyIncome}\n        onClose={() => setAction(null)}\n        shouldShowHeaderBorders={false}\n        title={recurringCopy.action_title}\n      >\n        <RecurringSettings />\n      </Drawer>\n      <ManageDOB isOpen={action === Action.DateOfBirth} onClose={() => setAction(null)} />\n      <ManageCreditScore isOpen={action === Action.CreditScore} onClose={() => setAction(null)} />\n      <ConnectionsDrawer\n        onClose={() => setAction(null)}\n        showConnectionsWidget={action === Action.Connections}\n        title={accountsCopy.manage_connections}\n      />\n    </Drawer>\n  )\n}\nexport default observer(ProfileDrawer)\n"],"mappings":"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"}

package/dist/finstrong/components/ProfileList/index.es.js

@@ -1,65 +0,0 @@
-import a from "react";
-import { Text as i } from "@mxenabled/mxui";
-import { ChevronRight as m } from "@mxenabled/mx-icons";
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import d from "@mui/material/Box";
-import l from "@mui/material/Divider";
-import s from "@mui/material/List";
-import p from "@mui/material/ListItem";
-import f from "@mui/material/ListItemButton";
-import h from "@mui/material/ListItemText";
-import x from "@mui/material/Avatar";
-import y from "@mui/material/ListItemAvatar";
-var j = /* @__PURE__ */ (function(o) {
-  return o.Connections = "connections", o.CreditScore = "credit_score", o.DateOfBirth = "date_of_birth", o.MonthlyIncome = "monthly_income", o;
-})({}), D = ({ list: o, onClickItem: n }) => /* @__PURE__ */ r(d, {
-  sx: { bgcolor: "background.paper" },
-  children: /* @__PURE__ */ r(s, {
-    sx: { "& .MuiListItemSecondaryAction-root": {
-      color: "text.primary",
-      pr: 24
-    } },
-    children: o.map((t, c) => /* @__PURE__ */ e(a.Fragment, { children: [/* @__PURE__ */ r(p, {
-      secondaryAction: /* @__PURE__ */ r(m, {}),
-      children: /* @__PURE__ */ e(f, {
-        onClick: () => n(t.key),
-        children: [/* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(x, {
-          sx: {
-            bgcolor: "primary.main",
-            ...!t.isComplete && {
-              bgcolor: "transparent",
-              borderColor: "action.active",
-              borderStyle: "solid",
-              borderWidth: 1,
-              color: "action.active"
-            }
-          },
-          children: t.icon
-        }) }), /* @__PURE__ */ r(h, {
-          primary: /* @__PURE__ */ r(i, {
-            sx: { color: "text.secondary" },
-            variant: "caption",
-            children: t.primaryText
-          }),
-          secondary: /* @__PURE__ */ r(i, {
-            sx: {
-              color: "text.primary",
-              fontWeight: 600
-            },
-            variant: "body1",
-            children: t.secondaryText
-          })
-        })]
-      })
-    }), /* @__PURE__ */ r(l, { sx: {
-      color: "divider",
-      ml: c === o.length - 1 ? 0 : 68
-    } })] }, t.key))
-  })
-});
-export {
-  j as Action,
-  D as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/ProfileList/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ProfileList.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport Box from '@mui/material/Box'\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 ListItemText from '@mui/material/ListItemText'\n\nimport { Text } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nexport enum Action {\n  Connections = 'connections',\n  CreditScore = 'credit_score',\n  DateOfBirth = 'date_of_birth',\n  MonthlyIncome = 'monthly_income',\n}\n\ninterface ProfileListItem {\n  icon: React.ReactNode\n  isComplete: boolean\n  key: Action\n  primaryText: string\n  secondaryText: string\n}\n\ninterface ProfileListProps {\n  list: ProfileListItem[]\n  onClickItem: (action: Action) => void\n}\n\nconst ProfileList = ({ list, onClickItem }: ProfileListProps) => (\n  <Box sx={{ bgcolor: 'background.paper' }}>\n    <List\n      sx={{\n        '& .MuiListItemSecondaryAction-root': {\n          color: 'text.primary',\n          pr: 24,\n        },\n      }}\n    >\n      {list.map((item, i) => (\n        <React.Fragment key={item.key}>\n          <ListItem secondaryAction={<ChevronRight />}>\n            <ListItemButton onClick={() => onClickItem(item.key)}>\n              <ListItemAvatar>\n                <Avatar\n                  sx={{\n                    bgcolor: 'primary.main',\n                    ...(!item.isComplete && {\n                      bgcolor: 'transparent',\n                      borderColor: 'action.active',\n                      borderStyle: 'solid',\n                      borderWidth: 1,\n                      color: 'action.active',\n                    }),\n                  }}\n                >\n                  {item.icon}\n                </Avatar>\n              </ListItemAvatar>\n              <ListItemText\n                primary={\n                  <Text sx={{ color: 'text.secondary' }} variant=\"caption\">\n                    {item.primaryText}\n                  </Text>\n                }\n                secondary={\n                  <Text sx={{ color: 'text.primary', fontWeight: 600 }} variant=\"body1\">\n                    {item.secondaryText}\n                  </Text>\n                }\n              />\n            </ListItemButton>\n          </ListItem>\n          <Divider sx={{ color: 'divider', ml: i === list.length - 1 ? 0 : 68 }} />\n        </React.Fragment>\n      ))}\n    </List>\n  </Box>\n)\n\nexport default ProfileList\n"],"mappings":";;;;;;;;;;;;AAcA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,cAAA,eACA,EAAA,cAAA,gBACA,EAAA,cAAA,iBACA,EAAA,gBAAA;AACF,GAAA,CAAA,CAAA,GAeM,IAAA,CAAe,EAAE,MAAA,GAAM,aAAA,EAAA,MAC3B,gBAAA,EAAC,GAAD;AAAA,EAAK,IAAI,EAAE,SAAS,mBAAmB;AAAA,YACrC,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI,EACF,sCAAsC;AAAA,MACpC,OAAO;AAAA,MACP,IAAI;AAAA,IACN,EACF;AAAA,cAEC,EAAK,IAAA,CAAK,GAAM,MACf,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAU,iBAAiB,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,gBACxC,gBAAA,EAAC,GAAD;AAAA,QAAgB,SAAA,MAAe,EAAY,EAAK,GAAG;AAAA,kBAAnD,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,SAAS;AAAA,YACT,GAAI,CAAC,EAAK,cAAc;AAAA,cACtB,SAAS;AAAA,cACT,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,OAAO;AAAA,YACT;AAAA,UACF;AAAA,oBAEC,EAAK;AAAA,QACA,CAAA,EACM,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,UACE,SACE,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,OAAO,iBAAiB;AAAA,YAAG,SAAQ;AAAA,sBAC5C,EAAK;AAAA,UACF,CAAA;AAAA,UAER,WACE,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI;AAAA,cAAE,OAAO;AAAA,cAAgB,YAAY;AAAA,YAAI;AAAA,YAAG,SAAQ;AAAA,sBAC3D,EAAK;AAAA,UACF,CAAA;AAAA,QAET,CAAA,CACa;AAAA;IACR,CAAA,GACV,gBAAA,EAAC,GAAD,EAAS,IAAI;AAAA,MAAE,OAAO;AAAA,MAAW,IAAI,MAAM,EAAK,SAAS,IAAI,IAAI;AAAA,IAAG,EAAI,CAAA,CAC1D,EAAA,GAlCK,EAAK,GAkCV,CACjB;AAAA,EACG,CAAA;AACH,CAAA"}

package/dist/finstrong/components/ProfileProgressBar/index.es.js

@@ -1,32 +0,0 @@
-import t from "@mui/material/Stack";
-import { Text as m } from "@mxenabled/mxui";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import s from "@mui/material/Box";
-var c = ({ value: r, completeCopy: e }) => /* @__PURE__ */ a(t, {
-  sx: { gap: 8 },
-  children: [/* @__PURE__ */ i(t, {
-    sx: {
-      flexDirection: "row",
-      gap: 4
-    },
-    children: Array.from({ length: 4 }).map((x, o) => /* @__PURE__ */ i(s, { sx: {
-      bgcolor: o < r ? "primary.main" : "neutral.light",
-      borderRadius: "24px",
-      height: 4,
-      width: "100%"
-    } }, o))
-  }), /* @__PURE__ */ a(m, {
-    sx: { color: "text.secondary" },
-    variant: "body2",
-    children: [
-      r / 4 * 100,
-      "% ",
-      e
-    ]
-  })]
-});
-export {
-  c as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/ProfileProgressBar/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ProfileProgressBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface ProfileProgressBarProps {\n  completeCopy: string\n  value: number\n}\n\nconst ProfileProgressBar = ({ value, completeCopy }: ProfileProgressBarProps) => (\n  <Stack sx={{ gap: 8 }}>\n    <Stack sx={{ flexDirection: 'row', gap: 4 }}>\n      {Array.from({ length: 4 }).map((_, i) => (\n        <Box\n          key={i}\n          sx={{\n            bgcolor: i < value ? 'primary.main' : 'neutral.light',\n            borderRadius: '24px',\n            height: 4,\n            width: '100%',\n          }}\n        />\n      ))}\n    </Stack>\n    <Text sx={{ color: 'text.secondary' }} variant=\"body2\">\n      {(value / 4) * 100}% {completeCopy}\n    </Text>\n  </Stack>\n)\n\nexport default ProfileProgressBar\n"],"mappings":";;;;AAUA,IAAM,IAAA,CAAsB,EAAE,OAAA,GAAO,cAAA,EAAA,MACnC,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI,EAAE,KAAK,EAAE;AAAA,YAApB,CACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,MAAO,KAAK;AAAA,IAAE;AAAA,cACvC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAA,CAAK,GAAG,MACjC,gBAAA,EAAC,GAAD,EAEE,IAAI;AAAA,MACF,SAAS,IAAI,IAAQ,iBAAiB;AAAA,MACtC,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,OAAO;AAAA,IACT,EACD,GAPM,CAON,CACF;AAAA,EACI,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,IAAM,IAAI,EAAE,OAAO,iBAAiB;AAAA,IAAG,SAAQ;AAAA,cAA/C;AAAA,MACI,IAAQ,IAAK;AAAA,MAAI;AAAA,MAAG;AAAA,IAClB;AAAA,IACD"}

package/dist/finstrong/components/ProgressBar/index.es.js

@@ -1,53 +0,0 @@
-import m from "../../../common/components/charts/StatusBar/index.es.js";
-import d from "../StatusChip/index.es.js";
-import "react";
-import { observer as C } from "mobx-react-lite";
-import o from "@mui/material/Stack";
-import { H2 as f, Text as h } from "@mxenabled/mxui";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-var j = C(({ label: s, value: i, status: t, bottomComponent: c, statusBarData: n = [] }) => {
-  const p = {
-    GOOD: { progressBarColor: "primary.main" },
-    FAIR: { progressBarColor: "warning.main" },
-    OFF_TRACK: { progressBarColor: "error.main" },
-    MISSING: { progressBarColor: "text.secondary" }
-  }[t], l = n.map((r, g) => n.length === 2 ? {
-    color: g === 0 ? "primary.main" : r.color || p?.progressBarColor,
-    percentage: r.percentage
-  } : {
-    color: r.color || p?.progressBarColor,
-    percentage: r.percentage
-  });
-  return /* @__PURE__ */ a(o, {
-    sx: {
-      backgroundColor: "background.paper",
-      gap: 8,
-      p: 24,
-      borderBottom: "1px solid",
-      borderColor: "divider"
-    },
-    children: [/* @__PURE__ */ a(o, {
-      sx: { gap: 2 },
-      children: [/* @__PURE__ */ e(h, {
-        variant: "body2",
-        children: s
-      }), /* @__PURE__ */ a(o, {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          gap: 12,
-          justifyContent: "space-between"
-        },
-        children: [/* @__PURE__ */ e(f, { children: i }), /* @__PURE__ */ e(d, { status: t })]
-      })]
-    }), /* @__PURE__ */ a(o, { children: [/* @__PURE__ */ e(m, {
-      data: l,
-      height: 16
-    }), c] })]
-  });
-});
-export {
-  j as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/ProgressBar/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { H2, Text } from '@mxenabled/mxui'\n\nimport StatusBar from '../../common/components/charts/StatusBar'\n\nimport StatusChip from './StatusChip'\n\nexport type ProgressBarStatus = 'GOOD' | 'FAIR' | 'OFF_TRACK' | 'MISSING'\n\ninterface StatusBarDataItem {\n  percentage: string\n  color?: string\n}\n\nexport interface ProgressBarProps {\n  label: string\n  value: string\n  status: ProgressBarStatus\n  bottomComponent: React.ReactNode\n  statusBarData: StatusBarDataItem[]\n}\n\nconst ProgressBar: React.FC<ProgressBarProps> = observer(\n  ({ label, value, status, bottomComponent, statusBarData = [] }) => {\n    const cardStateStyles = {\n      GOOD: {\n        progressBarColor: 'primary.main',\n      },\n      FAIR: {\n        progressBarColor: 'warning.main',\n      },\n      OFF_TRACK: {\n        progressBarColor: 'error.main',\n      },\n      MISSING: {\n        progressBarColor: 'text.secondary',\n      },\n    }[status]\n\n    const statusBarColorData = statusBarData.map((item, index) => {\n      if (statusBarData.length === 2) {\n        return {\n          color: index === 0 ? 'primary.main' : item.color || cardStateStyles?.progressBarColor,\n          percentage: item.percentage,\n        }\n      }\n\n      return {\n        color: item.color || cardStateStyles?.progressBarColor,\n        percentage: item.percentage,\n      }\n    })\n\n    return (\n      <Stack\n        sx={{\n          backgroundColor: 'background.paper',\n          gap: 8,\n          p: 24,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        <Stack sx={{ gap: 2 }}>\n          <Text variant=\"body2\">{label}</Text>\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              gap: 12,\n              justifyContent: 'space-between',\n            }}\n          >\n            <H2>{value}</H2>\n            <StatusChip status={status} />\n          </Stack>\n        </Stack>\n\n        <Stack>\n          <StatusBar data={statusBarColorData} height={16} />\n          {bottomComponent}\n        </Stack>\n      </Stack>\n    )\n  },\n)\n\nexport default ProgressBar\n"],"mappings":";;;;;;;AA0BA,IAAM,IAA0C,EAAA,CAC7C,EAAE,OAAA,GAAO,OAAA,GAAO,QAAA,GAAQ,iBAAA,GAAiB,eAAA,IAAgB,CAAC,EAAA,MAAQ;AACjE,QAAM,IAAkB;AAAA,IACtB,MAAM,EACJ,kBAAkB,eACpB;AAAA,IACA,MAAM,EACJ,kBAAkB,eACpB;AAAA,IACA,WAAW,EACT,kBAAkB,aACpB;AAAA,IACA,SAAS,EACP,kBAAkB,iBACpB;AAAA,EACF,EAAE,CAAA,GAEI,IAAqB,EAAc,IAAA,CAAK,GAAM,MAC9C,EAAc,WAAW,IACpB;AAAA,IACL,OAAO,MAAU,IAAI,iBAAiB,EAAK,SAAS,GAAiB;AAAA,IACrE,YAAY,EAAK;AAAA,EACnB,IAGK;AAAA,IACL,OAAO,EAAK,SAAS,GAAiB;AAAA,IACtC,YAAY,EAAK;AAAA,EACnB,CACD;AAED,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,iBAAiB;AAAA,MACjB,KAAK;AAAA,MACL,GAAG;AAAA,MACH,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,cAPF,CASE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,KAAK,EAAE;AAAA,gBAApB,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAS;AAAA,MAAY,CAAA,GACnC,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,KAAK;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,kBANF,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAU,CAAA,GACf,gBAAA,EAAC,GAAD,EAAoB,QAAA,EAAS,CAAA,CACxB;AAAA,QACF;AAAA,QAEP,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAW,MAAM;AAAA,MAAoB,QAAQ;AAAA,IAAK,CAAA,GACjD,CACI,EAAA,CAAA,CACF;AAAA;AAEX,CACF"}

package/dist/finstrong/components/SaveEnoughToLiveOn/AvailableTabContent/index.es.js

@@ -1,27 +0,0 @@
-import { useAccountStore as e, useGlobalCopyStore as c } from "../../../../common/context/hooks/index.es.js";
-import { AccountType as a } from "../../../../core/types/Account/index.es.js";
-import n from "../../shared/Accounts/index.es.js";
-import l from "../../shared/TotalCard/index.es.js";
-import "react";
-import { observer as s } from "mobx-react-lite";
-import i from "@mui/material/Stack";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-var p = () => {
-  const { savingsAndCheckingAccountsBalance: r } = e(), { finstrong: o } = c();
-  return /* @__PURE__ */ m(i, {
-    gap: 16,
-    sx: { p: 16 },
-    children: [/* @__PURE__ */ t(l, {
-      balance: r,
-      title: o.key_indicators_save.drawer_available_balance
-    }), /* @__PURE__ */ t(n, {
-      loadAccounts: [a.SAVINGS, a.CHECKING],
-      loadMoreLabel: o.more_accounts
-    })]
-  });
-}, g = s(p);
-export {
-  g as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/SaveEnoughToLiveOn/AvailableTabContent/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/SaveEnoughToLiveOn/AvailableTabContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useAccountStore, useGlobalCopyStore } from '../../../common'\nimport { AccountType } from '../../../core'\n\nimport TotalCard from '../shared/TotalCard'\nimport Accounts from '../shared/Accounts'\n\nconst AvailableTabContent: React.FC = () => {\n  const { savingsAndCheckingAccountsBalance } = useAccountStore()\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  return (\n    <Stack gap={16} sx={{ p: 16 }}>\n      <TotalCard\n        balance={savingsAndCheckingAccountsBalance}\n        title={copy.key_indicators_save.drawer_available_balance}\n      />\n      <Accounts\n        loadAccounts={[AccountType.SAVINGS, AccountType.CHECKING]}\n        loadMoreLabel={copy.more_accounts}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(AvailableTabContent)\n"],"mappings":";;;;;;;;AAWA,IAAM,IAAA,MAAsC;AAC1C,QAAM,EAAE,mCAAA,EAAA,IAAsC,EAAgB,GACxD,EAAE,WAAW,EAAA,IAAS,EAAmB;AAE/C,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAI,IAAI,EAAE,GAAG,GAAG;AAAA,cAA5B,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS;AAAA,MACT,OAAO,EAAK,oBAAoB;AAAA,IACjC,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc,CAAC,EAAY,SAAS,EAAY,QAAQ;AAAA,MACxD,eAAe,EAAK;AAAA,IACrB,CAAA,CACI;AAAA;AAEX,GAEA,IAAe,EAAS,CAAmB"}

package/dist/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnDrawerContent/index.es.js

@@ -1,51 +0,0 @@
-import { useGlobalCopyStore as s } from "../../../../common/context/hooks/index.es.js";
-import n from "../../../../common/components/TabContentContainer/index.es.js";
-import d from "../../shared/LineGraph/index.es.js";
-import m from "../AvailableTabContent/index.es.js";
-import p from "../SpendingTabContent/index.es.js";
-import v from "react";
-import { observer as b } from "mobx-react-lite";
-import { Fragment as u, jsx as e, jsxs as t } from "react/jsx-runtime";
-import i from "@mui/material/Tab";
-import c from "@mui/material/Tabs";
-import f from "@mui/material/Card";
-var _ = () => {
-  const [a, o] = v.useState(0), { finstrong: r } = s();
-  return /* @__PURE__ */ t(u, { children: [/* @__PURE__ */ t(f, { children: [
-    /* @__PURE__ */ t(c, {
-      "aria-label": r.key_indicators_save.drawer_title,
-      centered: !0,
-      onChange: (h, l) => o(l),
-      selectionFollowsFocus: !0,
-      sx: { mb: 0 },
-      value: a,
-      variant: "fullWidth",
-      children: [/* @__PURE__ */ e(i, {
-        "aria-controls": "available-details-tabpanel-0",
-        label: r.key_indicators_save.drawer_available,
-        sx: { minHeight: 44 }
-      }), /* @__PURE__ */ e(i, {
-        "aria-controls": "spending-details-tabpanel-1",
-        label: r.key_indicators_save.drawer_spending,
-        sx: { minHeight: 44 }
-      })]
-    }),
-    /* @__PURE__ */ e(n, {
-      index: 0,
-      name: "available-details",
-      value: a,
-      children: /* @__PURE__ */ e(m, {})
-    }),
-    /* @__PURE__ */ e(n, {
-      index: 1,
-      name: "spending-details",
-      value: a,
-      children: /* @__PURE__ */ e(p, {})
-    })
-  ] }), /* @__PURE__ */ e(d, { chartFor: "savingsOverTime" })] });
-}, j = b(_);
-export {
-  j as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnDrawerContent/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnDrawerContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\n\nimport { useGlobalCopyStore, TabContentContainer } from '../../../common'\n\nimport AvailableTabContent from './AvailableTabContent'\nimport LineGraph from '../shared/LineGraph'\nimport SpendingTabContent from './SpendingTabContent'\n\nconst SaveEnoughToLiveOnDrawerContent: React.FC = () => {\n  const [tabValue, setTabValue] = React.useState(0)\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  return (\n    <>\n      <Card>\n        <Tabs\n          aria-label={copy.key_indicators_save.drawer_title}\n          centered={true}\n          onChange={(_, val) => setTabValue(val)}\n          selectionFollowsFocus={true}\n          sx={{ mb: 0 }}\n          value={tabValue}\n          variant=\"fullWidth\"\n        >\n          <Tab\n            aria-controls=\"available-details-tabpanel-0\"\n            label={copy.key_indicators_save.drawer_available}\n            sx={{ minHeight: 44 }}\n          />\n          <Tab\n            aria-controls=\"spending-details-tabpanel-1\"\n            label={copy.key_indicators_save.drawer_spending}\n            sx={{ minHeight: 44 }}\n          />\n        </Tabs>\n\n        <TabContentContainer index={0} name=\"available-details\" value={tabValue}>\n          <AvailableTabContent />\n        </TabContentContainer>\n\n        <TabContentContainer index={1} name=\"spending-details\" value={tabValue}>\n          <SpendingTabContent />\n        </TabContentContainer>\n      </Card>\n      <LineGraph chartFor=\"savingsOverTime\" />\n    </>\n  )\n}\n\nexport default observer(SaveEnoughToLiveOnDrawerContent)\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,IAAA,MAAkD;AACtD,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,CAAC,GAC1C,EAAE,WAAW,EAAA,IAAS,EAAmB;AAE/C,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,EAAK,oBAAoB;AAAA,MACrC,UAAU;AAAA,MACV,UAAA,CAAW,GAAG,MAAQ,EAAY,CAAG;AAAA,MACrC,uBAAuB;AAAA,MACvB,IAAI,EAAE,IAAI,EAAE;AAAA,MACZ,OAAO;AAAA,MACP,SAAQ;AAAA,gBAPV,CASE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,OAAO,EAAK,oBAAoB;AAAA,QAChC,IAAI,EAAE,WAAW,GAAG;AAAA,MACrB,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAc;AAAA,QACd,OAAO,EAAK,oBAAoB;AAAA,QAChC,IAAI,EAAE,WAAW,GAAG;AAAA,MACrB,CAAA,CACG;AAAA;IAEN,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAoB,OAAO;AAAA,gBAC7D,gBAAA,EAAC,GAAD,CAAsB,CAAA;AAAA,IACH,CAAA;AAAA,IAErB,gBAAA,EAAC,GAAD;AAAA,MAAqB,OAAO;AAAA,MAAG,MAAK;AAAA,MAAmB,OAAO;AAAA,gBAC5D,gBAAA,EAAC,GAAD,CAAqB,CAAA;AAAA,IACF,CAAA;AAAA,EACjB,EAAA,CAAA,GACN,gBAAA,EAAC,GAAD,EAAW,UAAS,kBAAmB,CAAA,CACvC,EAAA,CAAA;AAEN,GAEA,IAAe,EAAS,CAA+B"}

package/dist/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnProgressBar/index.es.js

@@ -1,56 +0,0 @@
-import { buildDynamicCopy as p } from "../../../../core/utils/Localization/index.es.js";
-import { useFinstrongStore as l, useGlobalCopyStore as d } from "../../../../common/context/hooks/index.es.js";
-import { getDaysOfCashOnHandState as f } from "../../../util/finstrongUtils/index.es.js";
-import g from "../../ProgressBar/index.es.js";
-import { observer as u } from "mobx-react-lite";
-import s from "@mui/material/Stack";
-import { Text as v } from "@mxenabled/mxui";
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import M from "@mui/material/Divider";
-var y = () => {
-  const { finstrong: t } = d(), { healthScore: n } = l(), o = n.months_of_cash_on_hand, i = f(o ? o * 30 : null), c = 183 / 6, e = Math.floor(o), m = Math.round((o - e) * c), h = o / 6 * 100;
-  return /* @__PURE__ */ r(g, {
-    bottomComponent: /* @__PURE__ */ r(s, {
-      sx: {
-        flexDirection: "row",
-        height: 24,
-        justifyContent: "space-between",
-        mt: 2,
-        px: 1
-      },
-      children: [
-        "0 Mo",
-        "1 Mo",
-        "2 Mo",
-        "3 Mo",
-        "4 Mo",
-        "5 Mo",
-        "6 Mo"
-      ].map((a) => /* @__PURE__ */ _(s, {
-        sx: {
-          alignItems: "center",
-          height: 24
-        },
-        children: [/* @__PURE__ */ r(M, {
-          orientation: "vertical",
-          sx: {
-            borderWidth: 1,
-            height: 8
-          }
-        }), /* @__PURE__ */ r(v, {
-          variant: "caption",
-          children: a
-        })]
-      }, a))
-    }),
-    label: t.key_indicators_save.drawer_progress_bar_label,
-    status: i,
-    statusBarData: [{ percentage: `${h}%` }],
-    value: p(t.key_indicators_save.drawer_progress_bar_value, e, m)
-  });
-}, j = u(y);
-export {
-  j as default
-};
-
-//# sourceMappingURL=index.es.js.map