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

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

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;AAmBA,IAAM,IAAA,CAAqB,EAAE,QAAA,GAAQ,SAAA,EAAA,MAAsC;AACzE,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,EAAE,cAAA,EAAA,IAAiB,EAAiB;AAE1C,SAAK,IAGH,gBAAA,EAAC,GAAD;AAAA,IAAgB,QAAA;AAAA,IAAiB,SAAA;AAAA,IAAS,OAAO,EAAK;AAAA,cACpD,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,SAAS;AAAA,QAAsB,KAAK;AAAA,QAAI,QAAQ;AAAA,QAAQ,GAAG;AAAA,MAAG;AAAA,gBAA3E;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,KAAK,GAAG;AAAA,oBAArB,CACE,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI,EAAE,KAAK,EAAE;AAAA,sBAApB,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,+BAAmC,CAAA,GAC7C,gBAAA,EAAC,GAAD;AAAA,cAAG,SAAQ;AAAA,wBAAa,EAAK;AAAA,YAAiC,CAAA,CACzD;AAAA,cACP,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,EAAmB,MAAA,EAAO,CAAA,EACvB,CAAA,CACA;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,KAAK,GAAG;AAAA,oBAArB,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,YAAY,IAAI;AAAA,YAAG,SAAQ;AAAA,sBACpC,EAAK;AAAA,UACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YACE,WAAU;AAAA,YACV,IAAI;AAAA,cACF,eAAe;AAAA,cACf,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,QAAQ,EACN,YAAY,EACV,YAAY,IACd,EACF;AAAA,cACA,gCAAgC;AAAA,gBAC9B,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,IAAI;AAAA,cACN;AAAA,YACF;AAAA,sBAhBF,CAkBE,gBAAA,EAAC,GAAD;AAAA,cAAU,IAAI,EAAE,SAAS,YAAY;AAAA,wBACnC,gBAAA,EAAC,GAAD;AAAA,gBACE,SAAS,EAAK;AAAA,gBACd,WAAW,EAAK;AAAA,cACjB,CAAA;AAAA,YACO,CAAA,GACV,gBAAA,EAAC,GAAD;AAAA,cAAU,IAAI;AAAA,gBAAE,SAAS;AAAA,gBAAa,IAAI;AAAA,cAAG;AAAA,wBAC3C,gBAAA,EAAC,GAAD;AAAA,gBACE,SAAS,EAAK;AAAA,gBACd,WAAW,EAAK;AAAA,cACjB,CAAA;AAAA,YACO,CAAA,CACN;AAAA,YACD;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,KAAK,EAAE;AAAA,oBAApB,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI;AAAA,cAAE,YAAY;AAAA,cAAK,IAAI;AAAA,YAAE;AAAA,YAAG,SAAQ;AAAA,sBAC3C,EAAK;AAAA,UACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YACE,WAAU;AAAA,YACV,IAAI;AAAA,cACF,eAAe;AAAA,cACf,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,QAAQ;AAAA,gBACN,WAAW;AAAA,gBACX,YAAY;AAAA,kBACV,OAAO;AAAA,kBACP,YAAY;AAAA,gBACd;AAAA,cACF;AAAA,cACA,gCAAgC;AAAA,gBAC9B,UAAU;AAAA,gBACV,YAAY;AAAA,cACd;AAAA,YACF;AAAA,sBAjBF,CAmBE,gBAAA,EAAC,GAAD;AAAA,cAAU,IAAI,EAAE,SAAS,YAAY;AAAA,wBACnC,gBAAA,EAAC,GAAD,EAAc,WAAW,EAAK,+BAAiC,CAAA;AAAA,YACvD,CAAA,GACV,gBAAA,EAAC,GAAD;AAAA,cAAU,IAAI,EAAE,SAAS,YAAY;AAAA,wBACnC,gBAAA,EAAC,GAAD,EAAc,WAAW,EAAK,+BAAiC,CAAA;AAAA,YACvD,CAAA,CACN;AAAA,YACD;AAAA;MACF;AAAA;EACD,CAAA,IAlFgB,gBAAA,EAAC,GAAD,CAAS,CAAA;AAoFrC,GAEA,IAAe,EAAS,CAAiB"}

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

@@ -0,0 +1,130 @@
+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

@@ -0,0 +1 @@
+{"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":"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"}

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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,57 @@
+import { useGlobalCopyStore as D } from "../../../../common/context/hooks/index.es.js";
+import { fromUnixToDayOfWeekAndDate as x } from "../../../../core/utils/DateUtil/index.es.js";
+import I from "../../../../transactions/components/shared/transactionlist/TransactionRow/index.es.js";
+import S from "../../../../common/components/SubheaderRow/index.es.js";
+import { hasInsetBorder as v, shouldShowDate as A } from "../../../../transactions/utils/Transactions/index.es.js";
+import { AddRecurringTransactionDetails as C } from "../../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails/index.es.js";
+import { OnboardingSteps as _ } from "../../../../core/types/Finstrong/index.es.js";
+import m from "react";
+import { observer as w } from "mobx-react-lite";
+import F from "@mui/material/Stack";
+import O from "@mui/material/Button";
+import { Add as R } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+import k from "@mui/material/Divider";
+var B = ({ firstDay: p, frequency: f, secondDay: h, incomeTransactions: o, setCurrentStep: c, setFirstDay: l, setFrequency: s, setSecondDay: u, transaction: i }) => {
+  const { finstrong: g } = D();
+  return /* @__PURE__ */ n(m.Fragment, { children: [/* @__PURE__ */ n(F, { children: [!!o.length && /* @__PURE__ */ r(a, {
+    sx: { pb: 24 },
+    children: o.reduce((e, t, d) => {
+      if (t.guid === i.guid) return e;
+      const y = A(d, o), b = v(d, o);
+      return e.push(/* @__PURE__ */ n(m.Fragment, { children: [
+        y && /* @__PURE__ */ r(S, { children: x(t.date) }),
+        /* @__PURE__ */ r(I, {
+          component: "div",
+          transaction: t
+        }),
+        /* @__PURE__ */ r(k, { sx: { ml: b ? 44 : 0 } })
+      ] }, t.guid)), e;
+    }, [])
+  }), /* @__PURE__ */ r(C, {
+    firstDay: p,
+    frequency: f,
+    onFirstDayChange: l,
+    onFrequencyChange: s,
+    onSecondDayChange: u,
+    secondDay: h,
+    transaction: i
+  })] }), /* @__PURE__ */ r(a, {
+    sx: { px: 24 },
+    children: /* @__PURE__ */ r(O, {
+      fullWidth: !0,
+      onClick: () => c({
+        step: _.MonthlyIncome,
+        type: "main"
+      }),
+      startIcon: /* @__PURE__ */ r(R, {}),
+      children: g.onboarding_add_more_income
+    })
+  })] });
+}, T = w(B);
+export {
+  T as default
+};
+
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/onboarding/OnboardingAddMonthlyIncome.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { Add } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../common'\nimport { Frequency, type Transaction } from '../../../core'\nimport SubheaderRow from '../../../common/components/SubheaderRow'\nimport { OnboardingSteps } from '../../../core/types/Finstrong'\nimport { fromUnixToDayOfWeekAndDate } from '../../../core/utils/DateUtil'\nimport { AddRecurringTransactionDetails } from '../../../recurringtransactions'\nimport { TransactionRow } from '../../../transactions'\nimport { hasInsetBorder, shouldShowDate } from '../../../transactions/utils/Transactions'\n\nimport type { StepState } from './OnboardingStepsDrawer'\n\ninterface OnboardingAddMonthlyIncomeProps {\n  firstDay: number\n  frequency: Frequency\n  secondDay: number\n  incomeTransactions: Transaction[]\n  setCurrentStep: (step: StepState) => void\n  setFirstDay: (day: number) => void\n  setFrequency: (frequency: Frequency) => void\n  setSecondDay: (day: number) => void\n  transaction: Transaction\n}\n\nconst OnboardingAddMonthlyIncome = ({\n  firstDay,\n  frequency,\n  secondDay,\n  incomeTransactions,\n  setCurrentStep,\n  setFirstDay,\n  setFrequency,\n  setSecondDay,\n  transaction,\n}: OnboardingAddMonthlyIncomeProps) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  return (\n    <React.Fragment>\n      <Stack>\n        {!!incomeTransactions.length && (\n          <Box sx={{ pb: 24 }}>\n            {incomeTransactions.reduce<React.JSX.Element[]>((elements, txn, i) => {\n              if (txn.guid === transaction.guid) return elements\n\n              const showDate = shouldShowDate(i, incomeTransactions)\n              const isInset = hasInsetBorder(i, incomeTransactions)\n\n              elements.push(\n                <React.Fragment key={txn.guid}>\n                  {showDate && <SubheaderRow>{fromUnixToDayOfWeekAndDate(txn.date)}</SubheaderRow>}\n                  <TransactionRow component=\"div\" transaction={txn} />\n                  <Divider sx={{ ml: isInset ? 44 : 0 }} />\n                </React.Fragment>,\n              )\n\n              return elements\n            }, [])}\n          </Box>\n        )}\n        <AddRecurringTransactionDetails\n          firstDay={firstDay}\n          frequency={frequency}\n          onFirstDayChange={setFirstDay}\n          onFrequencyChange={setFrequency}\n          onSecondDayChange={setSecondDay}\n          secondDay={secondDay}\n          transaction={transaction}\n        />\n      </Stack>\n\n      <Box sx={{ px: 24 }}>\n        <Button\n          fullWidth={true}\n          onClick={() => setCurrentStep({ step: OnboardingSteps.MonthlyIncome, type: 'main' })}\n          startIcon={<Add />}\n        >\n          {copy.onboarding_add_more_income}\n        </Button>\n      </Box>\n    </React.Fragment>\n  )\n}\n\nexport default observer(OnboardingAddMonthlyIncome)\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,IAAM,IAAA,CAA8B,EAClC,UAAA,GACA,WAAA,GACA,WAAA,GACA,oBAAA,GACA,gBAAA,GACA,aAAA,GACA,cAAA,GACA,cAAA,GACA,aAAA,EAAA,MACqC;AACrC,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB;AAE/C,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,CAAC,CAAC,EAAmB,UACpB,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAE,IAAI,GAAG;AAAA,cACf,EAAmB,OAAA,CAA6B,GAAU,GAAK,MAAM;AACpE,UAAI,EAAI,SAAS,EAAY,KAAM,QAAO;AAE1C,YAAM,IAAW,EAAe,GAAG,CAAkB,GAC/C,IAAU,EAAe,GAAG,CAAkB;AAEpD,aAAA,EAAS,KACP,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,QACG,KAAY,gBAAA,EAAC,GAAD,EAAA,UAAe,EAA2B,EAAI,IAAI,EAAgB,CAAA;AAAA,QAC/E,gBAAA,EAAC,GAAD;AAAA,UAAgB,WAAU;AAAA,UAAM,aAAa;AAAA,QAAM,CAAA;AAAA,QACnD,gBAAA,EAAC,GAAD,EAAS,IAAI,EAAE,IAAI,IAAU,KAAK,EAAE,EAAI,CAAA;AAAA,MAC1B,EAAA,GAJK,EAAI,IAIT,CAClB,GAEO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,EACF,CAAA,GAEP,gBAAA,EAAC,GAAD;AAAA,IACY,UAAA;AAAA,IACC,WAAA;AAAA,IACX,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACR,WAAA;AAAA,IACE,aAAA;AAAA,EACd,CAAA,CACI,EAAA,CAAA,GAEP,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAE,IAAI,GAAG;AAAA,cAChB,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW;AAAA,MACX,SAAA,MAAe,EAAe;AAAA,QAAE,MAAM,EAAgB;AAAA,QAAe,MAAM;AAAA,MAAO,CAAC;AAAA,MACnF,WAAW,gBAAA,EAAC,GAAD,CAAM,CAAA;AAAA,gBAEhB,EAAK;AAAA,IACA,CAAA;AAAA,EACL,CAAA,CACS,EAAA,CAAA;AAEpB,GAEA,IAAe,EAAS,CAA0B"}

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

@@ -0,0 +1,46 @@
+import { useGlobalCopyStore as m } from "../../../../common/context/hooks/index.es.js";
+import { observer as p } from "mobx-react-lite";
+import { jsx as o } from "react/jsx-runtime";
+import { alpha as e, useTheme as d } from "@mui/material/styles";
+import h from "@mui/material/Box";
+import { AdapterDateFns as s } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as c, LocalizationProvider as u } from "@mui/x-date-pickers";
+var g = ({ selectedDate: t, setSelectedDate: a }) => {
+  const { finstrong: i } = m(), r = d(), n = (l) => {
+    a(Math.floor(new Date(l).getTime() / 1e3));
+  };
+  return /* @__PURE__ */ o(h, {
+    sx: { p: 24 },
+    children: /* @__PURE__ */ o(u, {
+      dateAdapter: s,
+      children: /* @__PURE__ */ o(c, {
+        disableFuture: !0,
+        label: i.onboarding_select_date,
+        onChange: n,
+        slotProps: {
+          nextIconButton: { sx: {
+            color: "primary.main",
+            "&:hover": { bgcolor: e(r.palette.primary.light, 0.1) }
+          } },
+          previousIconButton: { sx: {
+            color: "primary.main",
+            "&:hover": { bgcolor: e(r.palette.primary.light, 0.1) }
+          } }
+        },
+        sx: {
+          width: "100%",
+          "& .MuiIconButton-edgeEnd": {
+            color: "primary.main",
+            "&:hover": { bgcolor: e(r.palette.primary.light, 0.1) }
+          }
+        },
+        value: t ? /* @__PURE__ */ new Date(t * 1e3) : null
+      })
+    })
+  });
+}, C = p(g);
+export {
+  C as default
+};
+
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/onboarding/OnboardingBirthday.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport { alpha, useTheme } from '@mui/material/styles'\nimport { DatePicker, LocalizationProvider } from '@mui/x-date-pickers'\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface OnboardingBirthdayProps {\n  selectedDate: number | null | undefined\n  setSelectedDate: (value: number | null | undefined) => void\n}\n\nconst OnboardingBirthday = ({ selectedDate, setSelectedDate }: OnboardingBirthdayProps) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n  const theme = useTheme()\n\n  const handleChange = (date: Date | null) => {\n    setSelectedDate(Math.floor(new Date(date!).getTime() / 1000))\n  }\n\n  return (\n    <Box sx={{ p: 24 }}>\n      <LocalizationProvider dateAdapter={AdapterDateFns}>\n        <DatePicker\n          disableFuture={true}\n          label={copy.onboarding_select_date}\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          }}\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) : null}\n        />\n      </LocalizationProvider>\n    </Box>\n  )\n}\n\nexport default observer(OnboardingBirthday)\n"],"mappings":";;;;;;;AAcA,IAAM,IAAA,CAAsB,EAAE,cAAA,GAAc,iBAAA,EAAA,MAA+C;AACzF,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GACzC,IAAQ,EAAS,GAEjB,IAAA,CAAgB,MAAsB;AAC1C,IAAA,EAAgB,KAAK,MAAM,IAAI,KAAK,CAAK,EAAE,QAAQ,IAAI,GAAI,CAAC;AAAA,EAC9D;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAE,GAAG,GAAG;AAAA,cACf,gBAAA,EAAC,GAAD;AAAA,MAAsB,aAAa;AAAA,gBACjC,gBAAA,EAAC,GAAD;AAAA,QACE,eAAe;AAAA,QACf,OAAO,EAAK;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,UACT,gBAAgB,EACd,IAAI;AAAA,YACF,OAAO;AAAA,YACP,WAAW,EAAE,SAAS,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,UAChE,EACF;AAAA,UACA,oBAAoB,EAClB,IAAI;AAAA,YACF,OAAO;AAAA,YACP,WAAW,EAAE,SAAS,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,UAChE,EACF;AAAA,QACF;AAAA,QACA,IAAI;AAAA,UACF,OAAO;AAAA,UACP,4BAA4B;AAAA,YAC1B,OAAO;AAAA,YACP,WAAW,EAAE,SAAS,EAAM,EAAM,QAAQ,QAAQ,OAAO,GAAG,EAAE;AAAA,UAChE;AAAA,QACF;AAAA,QACA,OAAO,IAAe,oBAAI,KAAK,IAAe,GAAI,IAAI;AAAA,MACvD,CAAA;AAAA,IACmB,CAAA;AAAA,EACnB,CAAA;AAET,GAEA,IAAe,EAAS,CAAkB"}

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

@@ -0,0 +1,28 @@
+import { useGlobalCopyStore as n } from "../../../../common/context/hooks/index.es.js";
+import { observer as l } from "mobx-react-lite";
+import { jsx as e } from "react/jsx-runtime";
+import m from "@mui/material/Box";
+import p from "@mui/material/TextField";
+var s = ({ creditScore: r, setCreditScore: t }) => {
+  const { finstrong: i } = n(), o = !isNaN(r);
+  return /* @__PURE__ */ e(m, {
+    sx: { p: 24 },
+    children: /* @__PURE__ */ e(p, {
+      error: !o,
+      fullWidth: !0,
+      inputMode: "numeric",
+      label: i.credit_score,
+      onChange: (a) => t(Number(a.target.value)),
+      slotProps: { htmlInput: {
+        noValidate: !0,
+        pattern: "[0-9]*"
+      } },
+      value: o ? r : ""
+    })
+  });
+}, g = l(s);
+export {
+  g as default
+};
+
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/finstrong/components/onboarding/OnboardingCreditScore.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport TextField from '@mui/material/TextField'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface OnboardingCreditScoreProps {\n  creditScore: number\n  setCreditScore: (value: number) => void\n}\n\nconst OnboardingCreditScore = ({ creditScore, setCreditScore }: OnboardingCreditScoreProps) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const isValid = !isNaN(creditScore)\n\n  return (\n    <Box sx={{ p: 24 }}>\n      <TextField\n        error={!isValid}\n        fullWidth={true}\n        inputMode=\"numeric\"\n        label={copy.credit_score}\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    </Box>\n  )\n}\n\nexport default observer(OnboardingCreditScore)\n"],"mappings":";;;;;AAYA,IAAM,IAAA,CAAyB,EAAE,aAAA,GAAa,gBAAA,EAAA,MAAiD;AAC7F,QAAM,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,IAAU,CAAC,MAAM,CAAW;AAElC,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAE,GAAG,GAAG;AAAA,cACf,gBAAA,EAAC,GAAD;AAAA,MACE,OAAO,CAAC;AAAA,MACR,WAAW;AAAA,MACX,WAAU;AAAA,MACV,OAAO,EAAK;AAAA,MACZ,UAAA,CAAW,MAAM,EAAe,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,MACtD,WAAW,EACT,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,SAAS;AAAA,MACX,EACF;AAAA,MACA,OAAO,IAAU,IAAc;AAAA,IAChC,CAAA;AAAA,EACE,CAAA;AAET,GAEA,IAAe,EAAS,CAAqB"}