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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnProgressBar.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useFinstrongStore, useGlobalCopyStore } from '../../../common'\nimport ProgressBar from '../ProgressBar'\nimport { getDaysOfCashOnHandState } from '../../util/finstrongUtils'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\nconst SaveEnoughToLiveOnProgressBar = () => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const { healthScore } = useFinstrongStore()\n  const noOfMonths = healthScore.months_of_cash_on_hand\n  const cardStatus = getDaysOfCashOnHandState(noOfMonths ? noOfMonths * 30 : null) // Convert months to days for state calculation\n\n  // Using 183 days as an approximate 6-month period\n  const avgDaysPerMonth = 183 / 6\n  const months = Math.floor(noOfMonths)\n  const days = Math.round((noOfMonths - months) * avgDaysPerMonth)\n  const percentage = (noOfMonths / 6) * 100\n  const monthsToDisplay = ['0 Mo', '1 Mo', '2 Mo', '3 Mo', '4 Mo', '5 Mo', '6 Mo']\n\n  return (\n    <ProgressBar\n      bottomComponent={\n        <Stack\n          sx={{\n            flexDirection: 'row',\n            height: 24,\n            justifyContent: 'space-between',\n            mt: 2,\n            px: 1,\n          }}\n        >\n          {monthsToDisplay.map((label) => (\n            <Stack\n              key={label}\n              sx={{\n                alignItems: 'center',\n                height: 24,\n              }}\n            >\n              <Divider\n                orientation=\"vertical\"\n                sx={{\n                  borderWidth: 1,\n                  height: 8,\n                }}\n              />\n              <Text variant=\"caption\">{label}</Text>\n            </Stack>\n          ))}\n        </Stack>\n      }\n      label={copy.key_indicators_save.drawer_progress_bar_label}\n      status={cardStatus}\n      statusBarData={[\n        {\n          percentage: `${percentage}%`,\n        },\n      ]}\n      value={\n        buildDynamicCopy(copy.key_indicators_save.drawer_progress_bar_value, months, days) as string\n      }\n    />\n  )\n}\n\nexport default observer(SaveEnoughToLiveOnProgressBar)\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAAA,MAAsC;AAC1C,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,EAAE,aAAA,EAAA,IAAgB,EAAkB,GACpC,IAAa,EAAY,wBACzB,IAAa,EAAyB,IAAa,IAAa,KAAK,IAAI,GAGzE,IAAkB,MAAM,GACxB,IAAS,KAAK,MAAM,CAAU,GAC9B,IAAO,KAAK,OAAO,IAAa,KAAU,CAAe,GACzD,IAAc,IAAa,IAAK;AAGtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,iBACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,gBAEC;AAAA,QAdgB;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,QAAQ;AAAA,MAchE,EAAgB,IAAA,CAAK,MACpB,gBAAA,EAAC,GAAD;AAAA,QAEE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,kBALF,CAOE,gBAAA,EAAC,GAAD;AAAA,UACE,aAAY;AAAA,UACZ,IAAI;AAAA,YACF,aAAa;AAAA,YACb,QAAQ;AAAA,UACV;AAAA,QACD,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAW;AAAA,QAAY,CAAA,CAChC;AAAA,SAdA,CAcA,CACR;AAAA,IACI,CAAA;AAAA,IAET,OAAO,EAAK,oBAAoB;AAAA,IAChC,QAAQ;AAAA,IACR,eAAe,CACb,EACE,YAAY,GAAG,CAAA,IACjB,CACF;AAAA,IACA,OACE,EAAiB,EAAK,oBAAoB,2BAA2B,GAAQ,CAAI;AAAA,EAEpF,CAAA;AAEL,GAEA,IAAe,EAAS,CAA6B"}

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

@@ -1,34 +0,0 @@
-import { useFinstrongStore as l, useGlobalCopyStore as f } from "../../../../common/context/hooks/index.es.js";
-import S from "../../../../common/components/Loader/index.es.js";
-import u from "../../shared/TotalCard/index.es.js";
-import b from "../../shared/Transactions/index.es.js";
-import a from "react";
-import { observer as y } from "mobx-react-lite";
-import T from "@mui/material/Stack";
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-var g = () => {
-  const { finstrong: e } = f(), { isSpendingInitialized: t, healthScore: s, allTransactions: n, loadSpendTransactions: i, loadDebtSpend: p } = l();
-  a.useEffect(() => {
-    t || (i().finally(), p().finally());
-  }, [t]);
-  const d = a.useMemo(() => {
-    const c = n.spend.map((o) => o.transaction), m = n.debtSpend.map((o) => o.transaction);
-    return [...c, ...m];
-  }, [n.spend, n.debtSpend]);
-  return t ? /* @__PURE__ */ _(T, {
-    gap: 16,
-    sx: { p: 16 },
-    children: [/* @__PURE__ */ r(u, {
-      balance: s.ninety_day_spend / 90,
-      title: e.key_indicators_save.drawer_daily_spend
-    }), /* @__PURE__ */ r(b, {
-      amountColor: "text.primary",
-      transactions: d
-    })]
-  }) : /* @__PURE__ */ r(S, {});
-}, D = y(g);
-export {
-  D as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/SaveEnoughToLiveOn/SpendingTabContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Loader, useFinstrongStore, useGlobalCopyStore } from '../../../common'\n\nimport TotalCard from '../shared/TotalCard'\nimport Transactions from '../shared/Transactions'\n\nconst SpendingTabContent: React.FC = () => {\n  const { finstrong: copy } = useGlobalCopyStore()\n  const {\n    isSpendingInitialized,\n    healthScore,\n    allTransactions,\n    loadSpendTransactions,\n    loadDebtSpend,\n  } = useFinstrongStore()\n\n  React.useEffect(() => {\n    if (!isSpendingInitialized) {\n      loadSpendTransactions().finally()\n      loadDebtSpend().finally()\n    }\n  }, [isSpendingInitialized])\n\n  const transactions = React.useMemo(() => {\n    const spendTransactions = allTransactions.spend.map((item) => item.transaction)\n    const debtSpendTransactions = allTransactions.debtSpend.map((item) => item.transaction)\n    return [...spendTransactions, ...debtSpendTransactions]\n  }, [allTransactions.spend, allTransactions.debtSpend])\n\n  if (!isSpendingInitialized) return <Loader />\n\n  return (\n    <Stack gap={16} sx={{ p: 16 }}>\n      <TotalCard\n        balance={healthScore.ninety_day_spend / 90}\n        title={copy.key_indicators_save.drawer_daily_spend}\n      />\n      <Transactions amountColor=\"text.primary\" transactions={transactions} />\n    </Stack>\n  )\n}\n\nexport default observer(SpendingTabContent)\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAA,MAAqC;AACzC,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EACJ,uBAAA,GACA,aAAA,GACA,iBAAA,GACA,uBAAA,GACA,eAAA,EAAA,IACE,EAAkB;AAEtB,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAK,MACH,EAAsB,EAAE,QAAQ,GAChC,EAAc,EAAE,QAAQ;AAAA,EAE5B,GAAG,CAAC,CAAqB,CAAC;AAE1B,QAAM,IAAe,EAAM,QAAA,MAAc;AACvC,UAAM,IAAoB,EAAgB,MAAM,IAAA,CAAK,MAAS,EAAK,WAAW,GACxE,IAAwB,EAAgB,UAAU,IAAA,CAAK,MAAS,EAAK,WAAW;AACtF,WAAO,CAAC,GAAG,GAAmB,GAAG,CAAqB;AAAA,EACxD,GAAG,CAAC,EAAgB,OAAO,EAAgB,SAAS,CAAC;AAErD,SAAK,IAGH,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAI,IAAI,EAAE,GAAG,GAAG;AAAA,cAA5B,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,EAAY,mBAAmB;AAAA,MACxC,OAAO,EAAK,oBAAoB;AAAA,IACjC,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MAAc,aAAY;AAAA,MAA6B,cAAA;AAAA,IAAe,CAAA,CACjE;AAAA,OAT0B,gBAAA,EAAC,GAAD,CAAS,CAAA;AAW9C,GAEA,IAAe,EAAS,CAAkB"}

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

@@ -1,90 +0,0 @@
-import { useFinstrongStore as C, useGlobalCopyStore as b, useGlobalUiStore as v } from "../../../common/context/hooks/index.es.js";
-import x from "../../../common/components/Loader/index.es.js";
-import { LineChart as _ } from "../../../common/components/charts/LineChart/index.es.js";
-import { calculateFinstrongScoreStatus as y } from "../../util/finstrongUtils/index.es.js";
-import { FinancialStrengthGraph as k } from "../FinancialStrengthGraph/index.es.js";
-import w from "../KeyIndicatorsDrawer/index.es.js";
-import A from "../shared/ScoreHistoryTimeline/index.es.js";
-import { observer as D } from "mobx-react-lite";
-import e from "@mui/material/Stack";
-import { P as s } from "@mxenabled/mxui";
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { useTheme as G } from "@mui/material/styles";
-var H = ({ isOpen: l, onClose: c }) => {
-  const t = G(), { finstrong: o } = b(), { isCopyLoaded: p, isInitialized: h } = v(), { augmentedChartData: d, healthScore: a, healthScoreChangeReports: m, peerScore: u } = C();
-  if (!p || !h) return /* @__PURE__ */ r(x, {});
-  const i = y(a.health_score || 0, o), g = m.slice().reverse();
-  return /* @__PURE__ */ r(w, {
-    additionalContent: /* @__PURE__ */ r(e, {
-      sx: {
-        backgroundColor: "background.paper",
-        borderBottom: "1px solid",
-        borderColor: "divider"
-      },
-      children: /* @__PURE__ */ r(_, {
-        axisColor: t.palette.divider,
-        baseline: "min",
-        colors: [t.palette.primary.main],
-        curveType: "natural",
-        datasets: [d],
-        height: 160,
-        isGraphClippingXAxis: !0,
-        labels: [o.key_indicators_label],
-        margin: {
-          top: 24,
-          bottom: 6,
-          right: 24,
-          left: -17
-        },
-        peerAverage: Math.round(u?.average_health_score?.average_health_score || 0),
-        showArea: !0,
-        showAverage: !0,
-        title: o.peer_average,
-        useCustomMark: !0
-      })
-    }),
-    drawerTitle: o.score_history,
-    isOpen: l,
-    loadConnectAccountsCard: !1,
-    onClose: c,
-    stickyComponent: /* @__PURE__ */ r(e, {
-      sx: {
-        backgroundColor: "background.paper",
-        pb: 11,
-        pt: 8,
-        px: 24
-      },
-      children: /* @__PURE__ */ n(e, {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          gap: 16
-        },
-        children: [/* @__PURE__ */ r(k, {
-          arcRadius: 24,
-          healthScore: a?.health_score,
-          margin: { top: 9 },
-          size: "SM"
-        }), /* @__PURE__ */ n(e, {
-          sx: { gap: 4 },
-          children: [/* @__PURE__ */ r(s, {
-            variant: "h3",
-            children: i.status
-          }), /* @__PURE__ */ r(s, {
-            variant: "caption",
-            children: i.description
-          })]
-        })]
-      })
-    }),
-    children: /* @__PURE__ */ r(e, {
-      sx: { gap: 16 },
-      children: g.map((f, S) => /* @__PURE__ */ r(A, { report: f }, S))
-    })
-  });
-}, X = D(H);
-export {
-  X as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ScoreHistoryDrawer.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { Loader, useFinstrongStore, useGlobalCopyStore, useGlobalUiStore } from '../../common'\nimport { LineChart } from '../../common/components/charts/LineChart'\n\nimport { calculateFinstrongScoreStatus } from '../util/finstrongUtils'\n\nimport { FinancialStrengthGraph } from './FinancialStrengthGraph'\nimport KeyIndicatorsDrawer from './KeyIndicatorsDrawer'\nimport ScoreHistoryTimeline from './shared/ScoreHistoryTimeline'\n\ninterface ScoreHistoryDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst ScoreHistoryDrawer = ({ isOpen, onClose }: ScoreHistoryDrawerProps) => {\n  const theme = useTheme()\n  const { finstrong: copy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n  const { augmentedChartData, healthScore, healthScoreChangeReports, peerScore } =\n    useFinstrongStore()\n\n  if (!isCopyLoaded || !isInitialized) return <Loader />\n\n  const healthScoreStatus = calculateFinstrongScoreStatus(healthScore.health_score || 0, copy)\n  const sortedHealthScoreChangeReports = healthScoreChangeReports.slice().reverse()\n\n  return (\n    <KeyIndicatorsDrawer\n      additionalContent={\n        <Stack\n          sx={{\n            backgroundColor: 'background.paper',\n            borderBottom: '1px solid',\n            borderColor: 'divider',\n          }}\n        >\n          <LineChart\n            axisColor={theme.palette.divider}\n            baseline=\"min\"\n            colors={[theme.palette.primary.main]}\n            curveType=\"natural\"\n            datasets={[augmentedChartData]}\n            height={160}\n            isGraphClippingXAxis={true}\n            labels={[copy.key_indicators_label]}\n            margin={{ top: 24, bottom: 6, right: 24, left: -17 }}\n            peerAverage={Math.round(peerScore?.average_health_score?.average_health_score || 0)}\n            showArea={true}\n            showAverage={true}\n            title={copy.peer_average}\n            useCustomMark={true}\n          />\n        </Stack>\n      }\n      drawerTitle={copy.score_history}\n      isOpen={isOpen}\n      loadConnectAccountsCard={false}\n      onClose={onClose}\n      stickyComponent={\n        <Stack\n          sx={{\n            backgroundColor: 'background.paper',\n            pb: 11,\n            pt: 8,\n            px: 24,\n          }}\n        >\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 16 }}>\n            <FinancialStrengthGraph\n              arcRadius={24}\n              healthScore={healthScore?.health_score}\n              margin={{ top: 9 }}\n              size=\"SM\"\n            />\n\n            <Stack sx={{ gap: 4 }}>\n              <P variant=\"h3\">{healthScoreStatus.status}</P>\n              <P variant=\"caption\">{healthScoreStatus.description}</P>\n            </Stack>\n          </Stack>\n        </Stack>\n      }\n    >\n      <Stack sx={{ gap: 16 }}>\n        {sortedHealthScoreChangeReports.map((report, index) => (\n          <ScoreHistoryTimeline key={index} report={report} />\n        ))}\n      </Stack>\n    </KeyIndicatorsDrawer>\n  )\n}\n\nexport default observer(ScoreHistoryDrawer)\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAM,IAAA,CAAsB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAuC;AAC3E,QAAM,IAAQ,EAAS,GACjB,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,cAAA,GAAc,eAAA,EAAA,IAAkB,EAAiB,GACnD,EAAE,oBAAA,GAAoB,aAAA,GAAa,0BAAA,GAA0B,WAAA,EAAA,IACjE,EAAkB;AAEpB,MAAI,CAAC,KAAgB,CAAC,EAAe,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAErD,QAAM,IAAoB,EAA8B,EAAY,gBAAgB,GAAG,CAAI,GACrF,IAAiC,EAAyB,MAAM,EAAE,QAAQ;AAEhF,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,mBACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,aAAa;AAAA,MACf;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,WAAW,EAAM,QAAQ;AAAA,QACzB,UAAS;AAAA,QACT,QAAQ,CAAC,EAAM,QAAQ,QAAQ,IAAI;AAAA,QACnC,WAAU;AAAA,QACV,UAAU,CAAC,CAAkB;AAAA,QAC7B,QAAQ;AAAA,QACR,sBAAsB;AAAA,QACtB,QAAQ,CAAC,EAAK,oBAAoB;AAAA,QAClC,QAAQ;AAAA,UAAE,KAAK;AAAA,UAAI,QAAQ;AAAA,UAAG,OAAO;AAAA,UAAI,MAAM;AAAA,QAAI;AAAA,QACnD,aAAa,KAAK,MAAM,GAAW,sBAAsB,wBAAwB,CAAC;AAAA,QAClF,UAAU;AAAA,QACV,aAAa;AAAA,QACb,OAAO,EAAK;AAAA,QACZ,eAAe;AAAA,MAChB,CAAA;AAAA,IACI,CAAA;AAAA,IAET,aAAa,EAAK;AAAA,IACV,QAAA;AAAA,IACR,yBAAyB;AAAA,IAChB,SAAA;AAAA,IACT,iBACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,YAAY;AAAA,UAAU,eAAe;AAAA,UAAO,KAAK;AAAA,QAAG;AAAA,kBAAjE,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,WAAW;AAAA,UACX,aAAa,GAAa;AAAA,UAC1B,QAAQ,EAAE,KAAK,EAAE;AAAA,UACjB,MAAK;AAAA,QACN,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,KAAK,EAAE;AAAA,oBAApB,CACE,gBAAA,EAAC,GAAD;AAAA,YAAG,SAAQ;AAAA,sBAAM,EAAkB;AAAA,UAAU,CAAA,GAC7C,gBAAA,EAAC,GAAD;AAAA,YAAG,SAAQ;AAAA,sBAAW,EAAkB;AAAA,UAAe,CAAA,CAClD;AAAA,UACF;AAAA;IACF,CAAA;AAAA,cAGT,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,KAAK,GAAG;AAAA,gBAClB,EAA+B,IAAA,CAAK,GAAQ,MAC3C,gBAAA,EAAC,GAAD,EAA0C,QAAA,EAAS,GAAxB,CAAwB,CACpD;AAAA,IACI,CAAA;AAAA,EACY,CAAA;AAEzB,GAEA,IAAe,EAAS,CAAkB"}

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

@@ -1,118 +0,0 @@
-import { useGlobalCopyStore as c, useGlobalUiStore as m } from "../../../common/context/hooks/index.es.js";
-import h from "../../../common/components/drawer/Drawer/index.es.js";
-import _ from "../../../common/components/Loader/index.es.js";
-import f from "../HealthChart/index.es.js";
-import { observer as x } from "mobx-react-lite";
-import t from "@mui/material/Stack";
-import { H3 as y, P as u, Text as n } from "@mxenabled/mxui";
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import g from "@mui/material/Box";
-import a from "@mui/material/List";
-import o from "@mui/material/ListItem";
-import s from "@mui/material/ListItemText";
-var b = ({ isOpen: l, onClose: d }) => {
-  const { finstrong: i } = c(), { isCopyLoaded: p } = m();
-  return p ? /* @__PURE__ */ e(h, {
-    isOpen: l,
-    onClose: d,
-    title: i.score_rubric,
-    children: /* @__PURE__ */ r(t, {
-      sx: {
-        bgcolor: "background.default",
-        gap: 36,
-        height: "100%",
-        p: 24
-      },
-      children: [
-        /* @__PURE__ */ r(t, {
-          sx: { gap: 20 },
-          children: [/* @__PURE__ */ r(t, {
-            sx: { gap: 8 },
-            children: [/* @__PURE__ */ e(y, { children: i.your_path_to_financial_freedom }), /* @__PURE__ */ e(u, {
-              variant: "subtitle1",
-              children: i.finstrong_freedom_description
-            })]
-          }), /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(f, { copy: i }) })]
-        }),
-        /* @__PURE__ */ r(t, {
-          sx: { gap: 12 },
-          children: [/* @__PURE__ */ e(n, {
-            sx: { fontWeight: 600 },
-            variant: "body1",
-            children: i.how_do_we_do_this
-          }), /* @__PURE__ */ r(a, {
-            component: "ol",
-            sx: {
-              listStyleType: "decimal",
-              pl: 20,
-              pr: 16,
-              "& li": { "::marker": { fontWeight: 600 } },
-              "& .MuiListItemText-secondary": {
-                fontSize: 15,
-                lineHeight: "24px",
-                pt: 4
-              }
-            },
-            children: [/* @__PURE__ */ e(o, {
-              sx: { display: "list-item" },
-              children: /* @__PURE__ */ e(s, {
-                primary: i.understand_your_habits,
-                secondary: i.understand_your_habits_description
-              })
-            }), /* @__PURE__ */ e(o, {
-              sx: {
-                display: "list-item",
-                pt: 16
-              },
-              children: /* @__PURE__ */ e(s, {
-                primary: i.see_whats_possible,
-                secondary: i.see_whats_possible_description
-              })
-            })]
-          })]
-        }),
-        /* @__PURE__ */ r(t, {
-          sx: { gap: 4 },
-          children: [/* @__PURE__ */ e(n, {
-            sx: {
-              fontWeight: 600,
-              pb: 4
-            },
-            variant: "body1",
-            children: i.we_ask_questions
-          }), /* @__PURE__ */ r(a, {
-            component: "ol",
-            sx: {
-              listStyleType: "initial",
-              pl: 20,
-              pr: 16,
-              "& li": {
-                minHeight: "max-content",
-                "::marker": {
-                  color: "text.secondary",
-                  fontWeight: 600
-                }
-              },
-              "& .MuiListItemText-secondary": {
-                fontSize: 15,
-                lineHeight: "24px"
-              }
-            },
-            children: [/* @__PURE__ */ e(o, {
-              sx: { display: "list-item" },
-              children: /* @__PURE__ */ e(s, { secondary: i.we_ask_questions_description_1 })
-            }), /* @__PURE__ */ e(o, {
-              sx: { display: "list-item" },
-              children: /* @__PURE__ */ e(s, { secondary: i.we_ask_questions_description_2 })
-            })]
-          })]
-        })
-      ]
-    })
-  }) : /* @__PURE__ */ e(_, {});
-}, j = x(b);
-export {
-  j as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/ScoreRubricDrawer.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport { Drawer, Loader, useGlobalCopyStore, useGlobalUiStore } from '../../common'\n\nimport HealthChart from './HealthChart'\n\ninterface ScoreRubricDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\nconst ScoreRubricDrawer = ({ isOpen, onClose }: ScoreRubricDrawerProps) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  if (!isCopyLoaded) return <Loader />\n\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.score_rubric}>\n      <Stack sx={{ bgcolor: 'background.default', gap: 36, height: '100%', p: 24 }}>\n        <Stack sx={{ gap: 20 }}>\n          <Stack sx={{ gap: 8 }}>\n            <H3>{copy.your_path_to_financial_freedom}</H3>\n            <P variant=\"subtitle1\">{copy.finstrong_freedom_description}</P>\n          </Stack>\n          <Box>\n            <HealthChart copy={copy} />\n          </Box>\n        </Stack>\n        <Stack sx={{ gap: 12 }}>\n          <Text sx={{ fontWeight: 600 }} variant=\"body1\">\n            {copy.how_do_we_do_this}\n          </Text>\n          <List\n            component=\"ol\"\n            sx={{\n              listStyleType: 'decimal',\n              pl: 20,\n              pr: 16,\n              '& li': {\n                '::marker': {\n                  fontWeight: 600,\n                },\n              },\n              '& .MuiListItemText-secondary': {\n                fontSize: 15,\n                lineHeight: '24px',\n                pt: 4,\n              },\n            }}\n          >\n            <ListItem sx={{ display: 'list-item' }}>\n              <ListItemText\n                primary={copy.understand_your_habits}\n                secondary={copy.understand_your_habits_description}\n              />\n            </ListItem>\n            <ListItem sx={{ display: 'list-item', pt: 16 }}>\n              <ListItemText\n                primary={copy.see_whats_possible}\n                secondary={copy.see_whats_possible_description}\n              />\n            </ListItem>\n          </List>\n        </Stack>\n        <Stack sx={{ gap: 4 }}>\n          <Text sx={{ fontWeight: 600, pb: 4 }} variant=\"body1\">\n            {copy.we_ask_questions}\n          </Text>\n          <List\n            component=\"ol\"\n            sx={{\n              listStyleType: 'initial',\n              pl: 20,\n              pr: 16,\n              '& li': {\n                minHeight: 'max-content',\n                '::marker': {\n                  color: 'text.secondary',\n                  fontWeight: 600,\n                },\n              },\n              '& .MuiListItemText-secondary': {\n                fontSize: 15,\n                lineHeight: '24px',\n              },\n            }}\n          >\n            <ListItem sx={{ display: 'list-item' }}>\n              <ListItemText secondary={copy.we_ask_questions_description_1} />\n            </ListItem>\n            <ListItem sx={{ display: 'list-item' }}>\n              <ListItemText secondary={copy.we_ask_questions_description_2} />\n            </ListItem>\n          </List>\n        </Stack>\n      </Stack>\n    </Drawer>\n  )\n}\n\nexport default observer(ScoreRubricDrawer)\n"],"mappings":"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"}

package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeComponent/index.es.js

@@ -1,130 +0,0 @@
-import { useAccountStore as v, useCategoryStore as I, useFinstrongStore as M, useGlobalCopyStore as z, useGlobalStore as L } from "../../../../common/context/hooks/index.es.js";
-import { formatCurrency as y } from "../../../../core/utils/NumberFormatting/index.es.js";
-import { EmptyState as f } from "../../../../common/components/EmptyState/index.es.js";
-import T from "../../shared/DoubleBarChart/index.es.js";
-import { getSpendingData as R } from "../../../../spending/utils/SpendingData/index.es.js";
-import j from "../../../../spending/components/SpendingDonut/index.es.js";
-import F from "../../../../spending/components/SpendingLegend/index.es.js";
-import o from "react";
-import { observer as H } from "mobx-react-lite";
-import d from "@mui/material/Stack";
-import { H3 as B } from "@mxenabled/mxui";
-import { endOfMonth as E } from "date-fns/endOfMonth";
-import { startOfMonth as G } from "date-fns/startOfMonth";
-import O from "@mui/material/Button";
-import { ChevronRight as Y } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { useTheme as A } from "@mui/material/styles";
-import P from "@mui/material/Card";
-var W = () => {
-  const { accounts: p } = v(), { categories: _, dateRangeCategoryTotals: l, loadDateRangeCategoryTotals: k } = I(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: m } = M(), { appDataStore: c } = L(), { finstrong: e, goals: S, spending: b } = z(), x = A(), [s, w] = o.useState("");
-  o.useEffect(() => {
-    k(p, G(/* @__PURE__ */ new Date()), E(/* @__PURE__ */ new Date())).finally();
-  }, [p]);
-  const i = o.useMemo(() => R(_, S, x, l), [_, l]), u = (n) => {
-    w(s === n ? "" : n);
-  }, { totalSpending: g, totalIncome: h } = o.useMemo(() => r?.reduce((n, { standard_spend: C = 0, income: D = 0 }) => ({
-    totalSpending: n.totalSpending + C,
-    totalIncome: n.totalIncome + D
-  }), {
-    totalSpending: 0,
-    totalIncome: 0
-  }), [r]);
-  return /* @__PURE__ */ a(d, {
-    sx: { gap: 24 },
-    children: [h > 0 || g > 0 ? /* @__PURE__ */ t(T, {
-      ...c.appData.client_profile?.allow_trends_widget && { buttonLabel: e.key_indicators_spend.spend_less_than_you_make_drawer.view_more },
-      chartFor: "spending_vs_income",
-      data: r,
-      legendLabelComparison: e.key_indicators_spend.spend_less_than_you_make_drawer.income,
-      legendLabelMain: e.key_indicators_spend.spend_less_than_you_make_drawer.spending,
-      onClick: () => m("trends")(),
-      title: e.key_indicators_spend.spend_less_than_you_make_drawer.trends,
-      totalComparison: y(h, "0,0.00"),
-      totalMain: y(g, "0,0.00")
-    }) : /* @__PURE__ */ t(f, {
-      header: e.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
-      icon: "multiline_chart",
-      subText: e.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_description,
-      sx: {
-        backgroundColor: "background.paper",
-        borderRadius: "8px",
-        boxShadow: 1,
-        p: 24,
-        pb: 48,
-        ".empty-state-subtext": {
-          fontSize: 15,
-          lineHeight: "24px",
-          mt: 8
-        }
-      }
-    }), i.donutData.length > 0 ? /* @__PURE__ */ a(P, {
-      sx: {
-        px: 16,
-        py: 24
-      },
-      children: [/* @__PURE__ */ a(d, {
-        sx: {
-          alignItems: "center",
-          flexDirection: "row",
-          gap: 12,
-          justifyContent: "space-between",
-          pb: 8,
-          pt: 16,
-          px: 16
-        },
-        children: [/* @__PURE__ */ t(B, { children: e.key_indicators_spend.spend_less_than_you_make_drawer.spending }), c.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ t(O, {
-          endIcon: /* @__PURE__ */ t(Y, {}),
-          onClick: () => m("spending")(),
-          size: "small",
-          sx: {
-            pl: 8,
-            height: 24
-          },
-          variant: "text",
-          children: e.key_indicators_spend.spend_less_than_you_make_drawer.view_more
-        })]
-      }), /* @__PURE__ */ a(d, {
-        sx: {
-          flexDirection: "row",
-          gap: 12,
-          justifyContent: "center",
-          pb: 32,
-          pt: 16,
-          px: 24
-        },
-        children: [/* @__PURE__ */ t(j, {
-          data: i,
-          onSelected: u,
-          selectedId: s,
-          totalLabel: b.total_spending
-        }), /* @__PURE__ */ t(F, {
-          data: i,
-          onSelected: u,
-          selectedId: s
-        })]
-      })]
-    }) : /* @__PURE__ */ t(f, {
-      header: e.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
-      icon: "donut_small",
-      subText: e.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_description,
-      sx: {
-        backgroundColor: "background.paper",
-        borderRadius: "8px",
-        boxShadow: 1,
-        p: 24,
-        pb: 48,
-        ".empty-state-subtext": {
-          fontSize: 15,
-          lineHeight: "24px",
-          mt: 8
-        }
-      }
-    })]
-  });
-}, de = H(W);
-export {
-  de as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeComponent/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeComponent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { endOfMonth } from 'date-fns/endOfMonth'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { H3 } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport {\n  useAccountStore,\n  useCategoryStore,\n  useFinstrongStore,\n  useGlobalStore,\n  useGlobalCopyStore,\n} from '../../../common'\nimport { EmptyState } from '../../../common/components/EmptyState'\nimport DoubleBarChart from '../shared/DoubleBarChart'\nimport { getSpendingData } from '../../../spending/utils/SpendingData'\nimport SpendingDonut from '../../../spending/components/SpendingDonut'\nimport SpendingLegend from '../../../spending/components/SpendingLegend'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nconst SpendLessThanYouMakeComponent: React.FC = () => {\n  const { accounts } = useAccountStore()\n  const { categories, dateRangeCategoryTotals, loadDateRangeCategoryTotals } = useCategoryStore()\n  const { monthlySummaries, handleFinstrongWidgetPrimaryCtaClick } = useFinstrongStore()\n  const { appDataStore } = useGlobalStore()\n  const { finstrong: copy, goals: goalsCopy, spending: spendingCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n\n  const [selectedId, setSelectedId] = React.useState('')\n\n  // Load category data for spending chart\n  React.useEffect(() => {\n    loadDateRangeCategoryTotals(\n      accounts,\n      startOfMonth(new Date()),\n      endOfMonth(new Date()),\n    ).finally()\n  }, [accounts])\n\n  // Spending data for donut chart\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, goalsCopy, theme, dateRangeCategoryTotals),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const handleSelected = (id: string) => {\n    setSelectedId(selectedId === id ? '' : id)\n  }\n\n  const { totalSpending, totalIncome } = React.useMemo(() => {\n    return monthlySummaries?.reduce(\n      (\n        totals: { totalSpending: number; totalIncome: number },\n        { standard_spend = 0, income = 0 },\n      ) => ({\n        totalSpending: totals.totalSpending + standard_spend,\n        totalIncome: totals.totalIncome + income,\n      }),\n      { totalSpending: 0, totalIncome: 0 },\n    )\n  }, [monthlySummaries])\n\n  //TODO: Add Functionalities for View More Buttons\n  return (\n    <Stack sx={{ gap: 24 }}>\n      {totalIncome > 0 || totalSpending > 0 ? (\n        <DoubleBarChart\n          {...(appDataStore.appData.client_profile?.allow_trends_widget && {\n            buttonLabel: copy.key_indicators_spend.spend_less_than_you_make_drawer.view_more,\n          })}\n          chartFor=\"spending_vs_income\"\n          data={monthlySummaries}\n          legendLabelComparison={copy.key_indicators_spend.spend_less_than_you_make_drawer.income}\n          legendLabelMain={copy.key_indicators_spend.spend_less_than_you_make_drawer.spending}\n          onClick={() => handleFinstrongWidgetPrimaryCtaClick('trends')()}\n          title={copy.key_indicators_spend.spend_less_than_you_make_drawer.trends}\n          totalComparison={formatCurrency(totalIncome, '0,0.00')}\n          totalMain={formatCurrency(totalSpending, '0,0.00')}\n        />\n      ) : (\n        <EmptyState\n          header={copy.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title}\n          icon=\"multiline_chart\"\n          subText={\n            copy.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_description\n          }\n          sx={{\n            backgroundColor: 'background.paper',\n            borderRadius: '8px',\n            boxShadow: 1,\n            p: 24,\n            pb: 48,\n            '.empty-state-subtext': {\n              fontSize: 15,\n              lineHeight: '24px',\n              mt: 8,\n            },\n          }}\n        />\n      )}\n\n      {/* Mini Spending Chart Component */}\n      {spendingData.donutData.length > 0 ? (\n        <Card\n          sx={{\n            px: 16,\n            py: 24,\n          }}\n        >\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              gap: 12,\n              justifyContent: 'space-between',\n              pb: 8,\n              pt: 16,\n              px: 16,\n            }}\n          >\n            <H3>{copy.key_indicators_spend.spend_less_than_you_make_drawer.spending}</H3>\n            {appDataStore.appData.client_profile?.allow_spending_widget && (\n              <Button\n                endIcon={<ChevronRight />}\n                onClick={() => handleFinstrongWidgetPrimaryCtaClick('spending')()}\n                size=\"small\"\n                sx={{\n                  pl: 8,\n                  height: 24,\n                }}\n                variant=\"text\"\n              >\n                {copy.key_indicators_spend.spend_less_than_you_make_drawer.view_more}\n              </Button>\n            )}\n          </Stack>\n          <Stack\n            sx={{ flexDirection: 'row', gap: 12, justifyContent: 'center', pb: 32, pt: 16, px: 24 }}\n          >\n            <SpendingDonut\n              data={spendingData}\n              onSelected={handleSelected}\n              selectedId={selectedId}\n              totalLabel={spendingCopy.total_spending}\n            />\n\n            <SpendingLegend\n              data={spendingData}\n              onSelected={handleSelected}\n              selectedId={selectedId}\n            />\n          </Stack>\n        </Card>\n      ) : (\n        <EmptyState\n          header={\n            copy.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title\n          }\n          icon=\"donut_small\"\n          subText={\n            copy.key_indicators_spend.spend_less_than_you_make_drawer\n              .spending_zero_state_description\n          }\n          sx={{\n            backgroundColor: 'background.paper',\n            borderRadius: '8px',\n            boxShadow: 1,\n            p: 24,\n            pb: 48,\n            '.empty-state-subtext': {\n              fontSize: 15,\n              lineHeight: '24px',\n              mt: 8,\n            },\n          }}\n        />\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(SpendLessThanYouMakeComponent)\n"],"mappings":";;;;;;;;;;;;;;;;;;AA4BA,IAAM,IAAA,MAAgD;AACpD,QAAM,EAAE,UAAA,EAAA,IAAa,EAAgB,GAC/B,EAAE,YAAA,GAAY,yBAAA,GAAyB,6BAAA,EAAA,IAAgC,EAAiB,GACxF,EAAE,kBAAA,GAAkB,sCAAA,EAAA,IAAyC,EAAkB,GAC/E,EAAE,cAAA,EAAA,IAAiB,EAAe,GAClC,EAAE,WAAW,GAAM,OAAO,GAAW,UAAU,EAAA,IAAiB,EAAmB,GACnF,IAAQ,EAAS,GAEjB,CAAC,GAAY,CAAA,IAAiB,EAAM,SAAS,EAAE;AAGrD,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EACE,GACA,EAAa,oBAAI,KAAK,CAAC,GACvB,EAAW,oBAAI,KAAK,CAAC,CACvB,EAAE,QAAQ;AAAA,EACZ,GAAG,CAAC,CAAQ,CAAC;AAGb,QAAM,IAAe,EAAM,QAAA,MACnB,EAAgB,GAAY,GAAW,GAAO,CAAuB,GAC3E,CAAC,GAAY,CAAuB,CACtC,GAEM,IAAA,CAAkB,MAAe;AACrC,IAAA,EAAc,MAAe,IAAK,KAAK,CAAE;AAAA,EAC3C,GAEM,EAAE,eAAA,GAAe,aAAA,EAAA,IAAgB,EAAM,QAAA,MACpC,GAAkB,OAAA,CAErB,GACA,EAAE,gBAAA,IAAiB,GAAG,QAAA,IAAS,EAAA,OAC3B;AAAA,IACJ,eAAe,EAAO,gBAAgB;AAAA,IACtC,aAAa,EAAO,cAAc;AAAA,EACpC,IACA;AAAA,IAAE,eAAe;AAAA,IAAG,aAAa;AAAA,EAAE,CACrC,GACC,CAAC,CAAgB,CAAC;AAGrB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,GAAG;AAAA,cAArB,CACG,IAAc,KAAK,IAAgB,IAClC,gBAAA,EAAC,GAAD;AAAA,MACE,GAAK,EAAa,QAAQ,gBAAgB,uBAAuB,EAC/D,aAAa,EAAK,qBAAqB,gCAAgC,UACzE;AAAA,MACA,UAAS;AAAA,MACT,MAAM;AAAA,MACN,uBAAuB,EAAK,qBAAqB,gCAAgC;AAAA,MACjF,iBAAiB,EAAK,qBAAqB,gCAAgC;AAAA,MAC3E,SAAA,MAAe,EAAqC,QAAQ,EAAE;AAAA,MAC9D,OAAO,EAAK,qBAAqB,gCAAgC;AAAA,MACjE,iBAAiB,EAAe,GAAa,QAAQ;AAAA,MACrD,WAAW,EAAe,GAAe,QAAQ;AAAA,IAClD,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,EAAK,qBAAqB,gCAAgC;AAAA,MAClE,MAAK;AAAA,MACL,SACE,EAAK,qBAAqB,gCAAgC;AAAA,MAE5D,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,WAAW;AAAA,QACX,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,wBAAwB;AAAA,UACtB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,IAAI;AAAA,QACN;AAAA,MACF;AAAA,IACD,CAAA,GAIF,EAAa,UAAU,SAAS,IAC/B,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,gBAJF,CAME,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,KAAK;AAAA,UACL,gBAAgB;AAAA,UAChB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,kBATF,CAWE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,qBAAqB,gCAAgC,SAAa,CAAA,GAC3E,EAAa,QAAQ,gBAAgB,yBACpC,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,gBAAA,EAAC,GAAD,CAAe,CAAA;AAAA,UACxB,SAAA,MAAe,EAAqC,UAAU,EAAE;AAAA,UAChE,MAAK;AAAA,UACL,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,QAAQ;AAAA,UACV;AAAA,UACA,SAAQ;AAAA,oBAEP,EAAK,qBAAqB,gCAAgC;AAAA,QACrD,CAAA,CAEL;AAAA,UACP,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UAAE,eAAe;AAAA,UAAO,KAAK;AAAA,UAAI,gBAAgB;AAAA,UAAU,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,kBADxF,CAGE,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,YAAY;AAAA,UACA,YAAA;AAAA,UACZ,YAAY,EAAa;AAAA,QAC1B,CAAA,GAED,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,YAAY;AAAA,UACA,YAAA;AAAA,QACb,CAAA,CACI;AAAA,QACH;AAAA,SAEN,gBAAA,EAAC,GAAD;AAAA,MACE,QACE,EAAK,qBAAqB,gCAAgC;AAAA,MAE5D,MAAK;AAAA,MACL,SACE,EAAK,qBAAqB,gCACvB;AAAA,MAEL,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,WAAW;AAAA,QACX,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,wBAAwB;AAAA,UACtB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,IAAI;AAAA,QACN;AAAA,MACF;AAAA,IACD,CAAA,CAEE;AAAA;AAEX,GAEA,KAAe,EAAS,CAA6B"}

package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeProgressBar/index.es.js

@@ -1,50 +0,0 @@
-import { useFinstrongStore as p, useGlobalCopyStore as d } from "../../../../common/context/hooks/index.es.js";
-import { formatCurrency as a } from "../../../../core/utils/NumberFormatting/index.es.js";
-import { getPercentFromRatio as m, getSpendToIncomeRatioState as y } from "../../../util/finstrongUtils/index.es.js";
-import l from "../../ProgressBar/index.es.js";
-import { observer as u } from "mobx-react-lite";
-import g from "@mui/material/Stack";
-import { Text as i } from "@mxenabled/mxui";
-import { jsx as f, jsxs as r } from "react/jsx-runtime";
-var h = () => {
-  const { healthScore: e } = p(), { finstrong: n } = d(), o = m(e.spend_to_income_ratio), t = o ?? 0, c = Object.keys(e).length === 0, s = y(o), _ = {
-    GOOD: [{ percentage: `${t}%` }],
-    FAIR: [{ percentage: "100%" }, { percentage: `${t - 100}%` }],
-    OFF_TRACK: [{ percentage: "100%" }, { percentage: `${t - 100}%` }],
-    MISSING: [{ percentage: "0%" }]
-  }[s];
-  return /* @__PURE__ */ f(l, {
-    bottomComponent: /* @__PURE__ */ r(g, {
-      sx: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center",
-        mt: 8
-      },
-      children: [/* @__PURE__ */ r(i, {
-        variant: "body2",
-        children: [
-          e.ninety_day_income <= 0 ? "-" : a(e.ninety_day_income, "0,0.00"),
-          " ",
-          n?.key_indicators_spend.spend_less_than_you_make_drawer.income
-        ]
-      }), /* @__PURE__ */ r(i, {
-        variant: "body2",
-        children: [
-          t <= 0 ? "-%" : `${t}%`,
-          " ",
-          n?.key_indicators_spend.spend_less_than_you_make_drawer.spent
-        ]
-      })]
-    }),
-    label: n?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
-    status: s,
-    statusBarData: _,
-    value: c ? "$0" : a(e.ninety_day_spend, "0,0.00")
-  });
-}, I = u(h);
-export {
-  I as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeProgressBar/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeProgressBar.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\nimport { Text } from '@mxenabled/mxui'\n\nimport { useFinstrongStore, useGlobalCopyStore } from '../../../common'\nimport { getPercentFromRatio, getSpendToIncomeRatioState } from '../../util/finstrongUtils'\n\nimport ProgressBar from '../ProgressBar'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nconst SpendLessThanYouMakeProgressBar = () => {\n  const { healthScore } = useFinstrongStore()\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const spend = getPercentFromRatio(healthScore.spend_to_income_ratio)\n  const spendPercentage = spend ?? 0\n\n  // Check if healthScore is empty\n  const isHealthScoreEmpty = Object.keys(healthScore).length === 0\n\n  const cardStatus = getSpendToIncomeRatioState(spend)\n\n  const statusBarData = {\n    GOOD: [{ percentage: `${spendPercentage}%` }],\n    FAIR: [{ percentage: '100%' }, { percentage: `${spendPercentage - 100}%` }],\n    OFF_TRACK: [{ percentage: '100%' }, { percentage: `${spendPercentage - 100}%` }],\n    MISSING: [{ percentage: '0%' }],\n  }[cardStatus]\n\n  return (\n    <ProgressBar\n      bottomComponent={\n        <Stack\n          sx={{\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            mt: 8,\n          }}\n        >\n          <Text variant=\"body2\">\n            {healthScore.ninety_day_income <= 0\n              ? '-'\n              : formatCurrency(healthScore.ninety_day_income, '0,0.00')}\n            &nbsp;\n            {copy?.key_indicators_spend.spend_less_than_you_make_drawer.income}\n          </Text>\n          <Text variant=\"body2\">\n            {spendPercentage <= 0 ? '-%' : `${spendPercentage}%`}&nbsp;\n            {copy?.key_indicators_spend.spend_less_than_you_make_drawer.spent}\n          </Text>\n        </Stack>\n      }\n      label={\n        copy?.key_indicators_spend.spend_less_than_you_make_drawer\n          .spend_less_than_you_make_sticky_description\n      }\n      status={cardStatus}\n      statusBarData={statusBarData}\n      value={isHealthScoreEmpty ? '$0' : formatCurrency(healthScore.ninety_day_spend, '0,0.00')}\n    />\n  )\n}\n\nexport default observer(SpendLessThanYouMakeProgressBar)\n"],"mappings":";;;;;;;;AAWA,IAAM,IAAA,MAAwC;AAC5C,QAAM,EAAE,aAAA,EAAA,IAAgB,EAAkB,GACpC,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,IAAQ,EAAoB,EAAY,qBAAqB,GAC7D,IAAkB,KAAS,GAG3B,IAAqB,OAAO,KAAK,CAAW,EAAE,WAAW,GAEzD,IAAa,EAA2B,CAAK,GAE7C,IAAgB;AAAA,IACpB,MAAM,CAAC,EAAE,YAAY,GAAG,CAAA,IAAmB,CAAC;AAAA,IAC5C,MAAM,CAAC,EAAE,YAAY,OAAO,GAAG,EAAE,YAAY,GAAG,IAAkB,GAAA,IAAO,CAAC;AAAA,IAC1E,WAAW,CAAC,EAAE,YAAY,OAAO,GAAG,EAAE,YAAY,GAAG,IAAkB,GAAA,IAAO,CAAC;AAAA,IAC/E,SAAS,CAAC,EAAE,YAAY,KAAK,CAAC;AAAA,EAChC,EAAE,CAAA;AAEF,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,iBACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,IAAI;AAAA,MACN;AAAA,gBANF,CAQE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAd;AAAA,UACG,EAAY,qBAAqB,IAC9B,MACA,EAAe,EAAY,mBAAmB,QAAQ;AAAA,UAAE;AAAA,UAE3D,GAAM,qBAAqB,gCAAgC;AAAA,QACxD;AAAA,UACN,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAd;AAAA,UACG,KAAmB,IAAI,OAAO,GAAG,CAAA;AAAA,UAAmB;AAAA,UACpD,GAAM,qBAAqB,gCAAgC;AAAA,QACxD;AAAA,QACD;AAAA;IAET,OACE,GAAM,qBAAqB,gCACxB;AAAA,IAEL,QAAQ;AAAA,IACO,eAAA;AAAA,IACf,OAAO,IAAqB,OAAO,EAAe,EAAY,kBAAkB,QAAQ;AAAA,EACzF,CAAA;AAEL,GAEA,IAAe,EAAS,CAA+B"}

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

@@ -1,37 +0,0 @@
-import { useGlobalCopyStore as e } from "../../../common/context/hooks/index.es.js";
-import { CardStatus as s } from "../../../common/constants/FinStrong/index.es.js";
-import { getCardStateStyles as n } from "../../util/finstrongUtils/index.es.js";
-import { P as c } from "@mxenabled/mxui";
-import { jsx as i } from "react/jsx-runtime";
-import l from "@mui/material/Chip";
-var g = ({ status: r }) => {
-  const { finstrong: o } = e(), t = n(s[r]), a = {
-    GOOD: o.key_indicators_good,
-    FAIR: o.key_indicators_fair,
-    OFF_TRACK: o.key_indicators_off_track,
-    MISSING: o.key_indicators_missing
-  }[r];
-  return /* @__PURE__ */ i(l, {
-    label: /* @__PURE__ */ i(c, {
-      fontWeight: 700,
-      sx: {
-        color: t.color,
-        minHeight: 12
-      },
-      uppercase: !0,
-      variant: "tiny",
-      children: a
-    }),
-    size: "small",
-    sx: {
-      bgcolor: t.backgroundColor,
-      height: 16
-    },
-    variant: "filled"
-  });
-};
-export {
-  g as default
-};
-
-//# sourceMappingURL=index.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/finstrong/components/StatusChip.tsx"],"sourcesContent":["import Chip from '@mui/material/Chip'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { CardStatus } from '../../common/constants/FinStrong'\n\nimport { getCardStateStyles } from '../util/finstrongUtils'\nimport { useGlobalCopyStore } from '../../common'\n\nconst StatusChip = ({ status }: { status: keyof typeof CardStatus }) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const chipStyles = getCardStateStyles(CardStatus[status])\n  const statusCopy = {\n    GOOD: copy.key_indicators_good,\n    FAIR: copy.key_indicators_fair,\n    OFF_TRACK: copy.key_indicators_off_track,\n    MISSING: copy.key_indicators_missing,\n  }[status]\n\n  return (\n    <Chip\n      label={\n        <P\n          fontWeight={700}\n          sx={{ color: chipStyles.color, minHeight: 12 }}\n          uppercase={true}\n          variant=\"tiny\"\n        >\n          {statusCopy}\n        </P>\n      }\n      size=\"small\"\n      sx={{\n        bgcolor: chipStyles.backgroundColor,\n        height: 16,\n      }}\n      variant=\"filled\"\n    />\n  )\n}\n\nexport default StatusChip\n"],"mappings":";;;;;;AASA,IAAM,IAAA,CAAc,EAAE,QAAA,EAAA,MAAkD;AACtE,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,IAAa,EAAmB,EAAW,CAAA,CAAO,GAClD,IAAa;AAAA,IACjB,MAAM,EAAK;AAAA,IACX,MAAM,EAAK;AAAA,IACX,WAAW,EAAK;AAAA,IAChB,SAAS,EAAK;AAAA,EAChB,EAAE,CAAA;AAEF,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,OACE,gBAAA,EAAC,GAAD;AAAA,MACE,YAAY;AAAA,MACZ,IAAI;AAAA,QAAE,OAAO,EAAW;AAAA,QAAO,WAAW;AAAA,MAAG;AAAA,MAC7C,WAAW;AAAA,MACX,SAAQ;AAAA,gBAEP;AAAA,IACA,CAAA;AAAA,IAEL,MAAK;AAAA,IACL,IAAI;AAAA,MACF,SAAS,EAAW;AAAA,MACpB,QAAQ;AAAA,IACV;AAAA,IACA,SAAQ;AAAA,EACT,CAAA;AAEL"}

package/dist/finstrong/components/onboarding/Onboarding/index.es.js

@@ -1,57 +0,0 @@
-import { useGlobalCopyStore as s } from "../../../../common/context/hooks/index.es.js";
-import l from "../OnboardingStepsDrawer/index.es.js";
-import i from "react";
-import o from "@mui/material/Stack";
-import { H2 as c, P as d } from "@mxenabled/mxui";
-import m from "@mui/material/Button";
-import { Cardiology as p } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import g from "@mui/material/Box";
-var O = () => {
-  const { finstrong: e } = s(), [a, n] = i.useState(!1);
-  return /* @__PURE__ */ r(i.Fragment, { children: [/* @__PURE__ */ r(o, {
-    sx: {
-      alignItems: "center",
-      bgcolor: "background.default",
-      gap: 48,
-      height: "calc(100dvh - 116px)",
-      pb: 24,
-      pt: 72,
-      px: 16
-    },
-    children: [/* @__PURE__ */ r(o, {
-      sx: {
-        alignItems: { sm: "center" },
-        gap: 24,
-        width: "100%"
-      },
-      children: [/* @__PURE__ */ t(g, {
-        sx: { textAlign: "center" },
-        children: /* @__PURE__ */ t(p, { size: 72 })
-      }), /* @__PURE__ */ r(o, {
-        sx: {
-          gap: 4,
-          textAlign: "center",
-          width: { sm: 400 }
-        },
-        children: [/* @__PURE__ */ t(c, { children: e.onboarding_title }), /* @__PURE__ */ t(d, {
-          sx: { color: "text.secondary" },
-          variant: "subtitle1",
-          children: e.onboarding_subtitle
-        })]
-      })]
-    }), /* @__PURE__ */ t(m, {
-      onClick: () => n(!0),
-      variant: "contained",
-      children: e.onboarding_get_started
-    })]
-  }), /* @__PURE__ */ t(l, {
-    isOpen: a,
-    onClose: () => n(!1)
-  })] });
-};
-export {
-  O as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/finstrong/components/onboarding/Onboarding/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/onboarding/Onboarding.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { H2, P } from '@mxenabled/mxui'\nimport { Cardiology } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\n\nimport OnboardingStepsDrawer from './OnboardingStepsDrawer'\n\nconst Onboarding = () => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  return (\n    <React.Fragment>\n      <Stack\n        sx={{\n          alignItems: 'center',\n          bgcolor: 'background.default',\n          gap: 48,\n          height: 'calc(100dvh - 116px)',\n          pb: 24,\n          pt: 72,\n          px: 16,\n        }}\n      >\n        <Stack sx={{ alignItems: { sm: 'center' }, gap: 24, width: '100%' }}>\n          <Box sx={{ textAlign: 'center' }}>\n            <Cardiology size={72} />\n          </Box>\n          <Stack sx={{ gap: 4, textAlign: 'center', width: { sm: 400 } }}>\n            <H2>{copy.onboarding_title}</H2>\n            <P sx={{ color: 'text.secondary' }} variant=\"subtitle1\">\n              {copy.onboarding_subtitle}\n            </P>\n          </Stack>\n        </Stack>\n        <Button onClick={() => setIsOpen(true)} variant=\"contained\">\n          {copy.onboarding_get_started}\n        </Button>\n      </Stack>\n\n      <OnboardingStepsDrawer isOpen={isOpen} onClose={() => setIsOpen(false)} />\n    </React.Fragment>\n  )\n}\n\nexport default Onboarding\n"],"mappings":";;;;;;;;;AAaA,IAAM,IAAA,MAAmB;AACvB,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK;AAEhD,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,cATF,CAWE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY,EAAE,IAAI,SAAS;AAAA,QAAG,KAAK;AAAA,QAAI,OAAO;AAAA,MAAO;AAAA,gBAAlE,CACE,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,WAAW,SAAS;AAAA,kBAC7B,gBAAA,EAAC,GAAD,EAAY,MAAM,GAAK,CAAA;AAAA,MACpB,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,KAAK;AAAA,UAAG,WAAW;AAAA,UAAU,OAAO,EAAE,IAAI,IAAI;AAAA,QAAE;AAAA,kBAA7D,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,iBAAqB,CAAA,GAC/B,gBAAA,EAAC,GAAD;AAAA,UAAG,IAAI,EAAE,OAAO,iBAAiB;AAAA,UAAG,SAAQ;AAAA,oBACzC,EAAK;AAAA,QACL,CAAA,CACE;AAAA,QACF;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,SAAQ;AAAA,gBAC7C,EAAK;AAAA,IACA,CAAA,CACH;AAAA,MAEP,gBAAA,EAAC,GAAD;AAAA,IAA+B,QAAA;AAAA,IAAQ,SAAA,MAAe,EAAU,EAAK;AAAA,EAAI,CAAA,CAC3D,EAAA,CAAA;AAEpB"}