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

package/dist/finstrong/components/MaintainingEmergencySavings/EstimatedContributionCalculator.es.js

@@ -0,0 +1,170 @@
+import { buildDynamicCopy as M } from "../../../core/utils/Localization.es.js";
+import { useGlobalCopyStore as I } from "../../../common/context/hooks.es.js";
+import { formatCurrency as d } from "../../../core/utils/NumberFormatting.es.js";
+import { Select as h } from "../../../common/components/Select.es.js";
+import { calculateContribution as f, getInitialContributionPeriod as v, getInitialTargetPeriodAmount as N } from "../../util/finstrongUtils.es.js";
+import q from "../shared/TotalCard.es.js";
+import { ContributeFrequency as i, DurationUnit as s } from "../../../core/types/Finstrong.es.js";
+import n from "react";
+import { observer as A } from "mobx-react-lite";
+import c from "@mui/material/Stack";
+import { Text as C } from "@mxenabled/mxui";
+import G from "@mui/material/Button";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import L from "@mui/material/Box";
+import E from "@mui/material/Card";
+import x from "@mui/material/TextField";
+var j = ({ total: r }) => {
+  const { finstrong: e } = I(), P = [
+    {
+      id: i.Monthly,
+      label: e.maintain_emergency_savings_monthly
+    },
+    {
+      id: i.BiWeekly,
+      label: e.maintain_emergency_savings_bi_weekly
+    },
+    {
+      id: i.Weekly,
+      label: e.maintain_emergency_savings_weekly
+    },
+    {
+      id: i.Daily,
+      label: e.maintain_emergency_savings_daily
+    }
+  ], S = {
+    [i.Monthly]: e.maintain_emergency_savings_estimated_period_monthly,
+    [i.BiWeekly]: e.maintain_emergency_savings_estimated_period_bi_weekly,
+    [i.Weekly]: e.maintain_emergency_savings_estimated_period_weekly,
+    [i.Daily]: e.maintain_emergency_savings_estimated_period_daily
+  }, k = [
+    {
+      id: s.Months,
+      label: e.maintain_emergency_savings_months
+    },
+    {
+      id: s.Years,
+      label: e.maintain_emergency_savings_years
+    },
+    {
+      id: s.Days,
+      label: e.maintain_emergency_savings_days
+    }
+  ], g = Math.ceil((r + 1) / 1e3) * 1e3, [w, y] = n.useState(0), [B, b] = n.useState(v(r)), [o, D] = n.useState(v(r)), [l, R] = n.useState(g), [u, T] = n.useState(N(r)), [_, W] = n.useState(s.Months);
+  n.useEffect(() => {
+    y(f({
+      contribution: o,
+      goalAmount: l,
+      goalPeriod: u,
+      targetPeriod: _,
+      totalSaved: r
+    })), b(o);
+  }, []);
+  const p = (a) => {
+    a.preventDefault(), y(f({
+      contribution: o,
+      goalAmount: l,
+      goalPeriod: u,
+      targetPeriod: _,
+      totalSaved: r
+    })), b(o);
+  };
+  return /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t("form", {
+    onSubmit: p,
+    children: /* @__PURE__ */ m(c, {
+      sx: {
+        gap: 24,
+        pb: 24,
+        pt: 16,
+        px: 16
+      },
+      children: [
+        /* @__PURE__ */ t(q, {
+          balance: /* @__PURE__ */ m(c, {
+            sx: {
+              flexDirection: "row",
+              height: 32
+            },
+            children: [/* @__PURE__ */ t(C, {
+              variant: "h2",
+              children: d(w, "0,0")
+            }), /* @__PURE__ */ m(C, {
+              sx: {
+                alignSelf: "end",
+                height: 24
+              },
+              variant: "subtitle2",
+              children: ["/", S[B]]
+            })]
+          }),
+          title: e.maintain_emergency_savings_estimated_contribution
+        }),
+        /* @__PURE__ */ t(x, {
+          "aria-label": e.maintain_emergency_savings_savings_goal,
+          helperText: M(e.maintain_emergency_savings_suggested_goal, d(g, "0,0")),
+          label: e.maintain_emergency_savings_savings_goal,
+          onChange: (a) => {
+            a.target.value && R(Number(a.target.value.replace(/[^0-9]/g, "")));
+          },
+          slotProps: { htmlInput: {
+            noValidate: !0,
+            pattern: "[0-9]*"
+          } },
+          value: l ? d(l, "0,0") : ""
+        }),
+        /* @__PURE__ */ t(h, {
+          label: e.maintain_emergency_savings_how_often_contribute,
+          onChange: D,
+          options: P,
+          required: !0,
+          value: o
+        }),
+        /* @__PURE__ */ m(c, {
+          sx: { flexDirection: "row" },
+          children: [/* @__PURE__ */ t(x, {
+            "aria-label": e.maintain_emergency_savings_meet_your_goal_within,
+            fullWidth: !0,
+            label: e.maintain_emergency_savings_meet_your_goal_within,
+            onChange: (a) => {
+              isNaN(Number(a.target.value)) || T(Number(a.target.value));
+            },
+            slotProps: { htmlInput: {
+              noValidate: !0,
+              pattern: "[0-9]*"
+            } },
+            sx: { "& .MuiInputBase-root": {
+              borderBottomRightRadius: 0,
+              borderTopRightRadius: 0,
+              fieldset: { borderRightWidth: 0.5 }
+            } },
+            value: u
+          }), /* @__PURE__ */ t(L, {
+            sx: { "& .MuiInputBase-root": {
+              borderBottomLeftRadius: 0,
+              borderTopLeftRadius: 0,
+              fieldset: { borderLeftWidth: 0.5 }
+            } },
+            children: /* @__PURE__ */ t(h, {
+              label: "",
+              onChange: W,
+              options: k,
+              value: _
+            })
+          })]
+        }),
+        /* @__PURE__ */ t(G, {
+          fullWidth: !0,
+          onClick: p,
+          type: "submit",
+          variant: "contained",
+          children: e.maintain_emergency_savings_calculate
+        })
+      ]
+    })
+  }) });
+}, ae = A(j);
+export {
+  ae as default
+};
+
+//# sourceMappingURL=EstimatedContributionCalculator.es.js.map

package/dist/finstrong/components/MaintainingEmergencySavings/EstimatedContributionCalculator.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EstimatedContributionCalculator.es.js","names":[],"sources":["../../../../src/finstrong/components/MaintainingEmergencySavings/EstimatedContributionCalculator.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 Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Select, useGlobalCopyStore } from '../../../common'\nimport { DurationUnit, ContributeFrequency } from '../../../core/types/Finstrong'\n\nimport {\n  calculateContribution,\n  getInitialContributionPeriod,\n  getInitialTargetPeriodAmount,\n} from '../../util/finstrongUtils'\n\nimport TotalCard from '../shared/TotalCard'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\nconst EstimatedContributionCalculator = ({ total }: { total: number }) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const frequencies = [\n    { id: ContributeFrequency.Monthly, label: copy.maintain_emergency_savings_monthly },\n    { id: ContributeFrequency.BiWeekly, label: copy.maintain_emergency_savings_bi_weekly },\n    { id: ContributeFrequency.Weekly, label: copy.maintain_emergency_savings_weekly },\n    { id: ContributeFrequency.Daily, label: copy.maintain_emergency_savings_daily },\n  ]\n\n  const frequencyPeriodLabels = {\n    [ContributeFrequency.Monthly]: copy.maintain_emergency_savings_estimated_period_monthly,\n    [ContributeFrequency.BiWeekly]: copy.maintain_emergency_savings_estimated_period_bi_weekly,\n    [ContributeFrequency.Weekly]: copy.maintain_emergency_savings_estimated_period_weekly,\n    [ContributeFrequency.Daily]: copy.maintain_emergency_savings_estimated_period_daily,\n  }\n\n  const series = [\n    { id: DurationUnit.Months, label: copy.maintain_emergency_savings_months },\n    { id: DurationUnit.Years, label: copy.maintain_emergency_savings_years },\n    { id: DurationUnit.Days, label: copy.maintain_emergency_savings_days },\n  ]\n\n  const initialGoalAmount = Math.ceil((total + 1) / 1000) * 1000\n\n  const [calculatedContribution, setCalculatedContribution] = React.useState<number>(0)\n  const [calculatedContributionPerPeriod, setCalculatedContributionPerPeriod] =\n    React.useState<ContributeFrequency>(getInitialContributionPeriod(total))\n  const [contribution, setContribution] = React.useState<ContributeFrequency>(\n    getInitialContributionPeriod(total),\n  )\n  const [goalAmount, setGoalAmount] = React.useState<number>(initialGoalAmount)\n  const [goalPeriod, setGoalPeriod] = React.useState<number>(getInitialTargetPeriodAmount(total))\n  const [targetPeriod, setTargetPeriod] = React.useState<DurationUnit>(DurationUnit.Months)\n\n  React.useEffect(() => {\n    setCalculatedContribution(\n      calculateContribution({\n        contribution,\n        goalAmount,\n        goalPeriod,\n        targetPeriod,\n        totalSaved: total,\n      }),\n    )\n    setCalculatedContributionPerPeriod(contribution)\n  }, [])\n\n  const handleCalculate = (e: React.FormEvent) => {\n    e.preventDefault()\n\n    setCalculatedContribution(\n      calculateContribution({\n        contribution,\n        goalAmount,\n        goalPeriod,\n        targetPeriod,\n        totalSaved: total,\n      }),\n    )\n    setCalculatedContributionPerPeriod(contribution)\n  }\n\n  return (\n    <Card>\n      <form onSubmit={handleCalculate}>\n        <Stack sx={{ gap: 24, pb: 24, pt: 16, px: 16 }}>\n          <TotalCard\n            balance={\n              <Stack sx={{ flexDirection: 'row', height: 32 }}>\n                <Text variant=\"h2\">{formatCurrency(calculatedContribution, '0,0')}</Text>\n                <Text sx={{ alignSelf: 'end', height: 24 }} variant=\"subtitle2\">\n                  /{frequencyPeriodLabels[calculatedContributionPerPeriod]}\n                </Text>\n              </Stack>\n            }\n            title={copy.maintain_emergency_savings_estimated_contribution}\n          />\n\n          <TextField\n            aria-label={copy.maintain_emergency_savings_savings_goal}\n            helperText={\n              buildDynamicCopy(\n                copy.maintain_emergency_savings_suggested_goal,\n                formatCurrency(initialGoalAmount, '0,0'),\n              ) as string\n            }\n            label={copy.maintain_emergency_savings_savings_goal}\n            onChange={(e) => {\n              if (e.target.value) setGoalAmount(Number(e.target.value.replace(/[^0-9]/g, '')))\n            }}\n            slotProps={{\n              htmlInput: {\n                noValidate: true,\n                pattern: '[0-9]*',\n              },\n            }}\n            value={goalAmount ? formatCurrency(goalAmount, '0,0') : ''}\n          />\n          <Select\n            label={copy.maintain_emergency_savings_how_often_contribute}\n            onChange={setContribution}\n            options={frequencies}\n            required={true}\n            value={contribution}\n          />\n          <Stack sx={{ flexDirection: 'row' }}>\n            <TextField\n              aria-label={copy.maintain_emergency_savings_meet_your_goal_within}\n              fullWidth={true}\n              label={copy.maintain_emergency_savings_meet_your_goal_within}\n              onChange={(e) => {\n                if (!isNaN(Number(e.target.value))) setGoalPeriod(Number(e.target.value))\n              }}\n              slotProps={{\n                htmlInput: {\n                  noValidate: true,\n                  pattern: '[0-9]*',\n                },\n              }}\n              sx={{\n                '& .MuiInputBase-root': {\n                  borderBottomRightRadius: 0,\n                  borderTopRightRadius: 0,\n                  fieldset: {\n                    borderRightWidth: 0.5,\n                  },\n                },\n              }}\n              value={goalPeriod}\n            />\n            <Box\n              sx={{\n                '& .MuiInputBase-root': {\n                  borderBottomLeftRadius: 0,\n                  borderTopLeftRadius: 0,\n                  fieldset: {\n                    borderLeftWidth: 0.5,\n                  },\n                },\n              }}\n            >\n              <Select label=\"\" onChange={setTargetPeriod} options={series} value={targetPeriod} />\n            </Box>\n          </Stack>\n          <Button fullWidth={true} onClick={handleCalculate} type=\"submit\" variant=\"contained\">\n            {copy.maintain_emergency_savings_calculate}\n          </Button>\n        </Stack>\n      </form>\n    </Card>\n  )\n}\n\nexport default observer(EstimatedContributionCalculator)\n"],"mappings":"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"}

package/dist/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsContent.es.js

@@ -0,0 +1,51 @@
+import { useAccountStore as u, useGlobalCopyStore as p } from "../../../common/context/hooks.es.js";
+import { AccountType as f } from "../../../core/types/Account.es.js";
+import d from "../../../common/components/ConnectDrawer.es.js";
+import g from "../shared/Accounts.es.js";
+import _ from "../shared/TotalCard.es.js";
+import C from "./EstimatedContributionCalculator.es.js";
+import a from "react";
+import { observer as b } from "mobx-react-lite";
+import c from "@mui/material/Stack";
+import v from "@mui/material/Button";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import S from "@mui/material/Card";
+var y = () => {
+  const { savingsAccounts: n } = u(), { finstrong: t } = p(), [s, e] = a.useState(!1), r = a.useMemo(() => n.reduce((m, l) => m + (l.balance ?? 0), 0), [n]);
+  return /* @__PURE__ */ i(c, {
+    sx: { gap: 24 },
+    children: [
+      /* @__PURE__ */ o(S, {
+        sx: {
+          bgcolor: "background.paper",
+          p: 16
+        },
+        children: /* @__PURE__ */ i(c, {
+          sx: { gap: 16 },
+          children: [/* @__PURE__ */ o(_, {
+            balance: r,
+            title: t.maintain_emergency_savings_your_savings
+          }), n.length ? /* @__PURE__ */ o(g, {
+            loadAccounts: [f.SAVINGS],
+            loadMoreLabel: t.connect_more_accounts_button
+          }) : /* @__PURE__ */ o(v, {
+            onClick: () => e(!0),
+            variant: "contained",
+            children: t.connect_more_accounts_button
+          })]
+        })
+      }),
+      /* @__PURE__ */ o(C, { total: r }),
+      /* @__PURE__ */ o(d, {
+        onClose: () => e(!1),
+        showConnectWidget: s,
+        title: t.connect_more_accounts_button
+      })
+    ]
+  });
+}, T = b(y);
+export {
+  T as default
+};
+
+//# sourceMappingURL=MaintainingEmergencySavingsContent.es.js.map

package/dist/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintainingEmergencySavingsContent.es.js","names":[],"sources":["../../../../src/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsContent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ConnectDrawer, useAccountStore, useGlobalCopyStore } from '../../../common'\nimport { AccountType } from '../../../core'\n\nimport Accounts from '../shared/Accounts'\nimport TotalCard from '../shared/TotalCard'\n\nimport EstimatedContributionCalculator from './EstimatedContributionCalculator'\n\nconst MaintainingEmergencySavingsContent = () => {\n  const { savingsAccounts } = useAccountStore()\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const [isConnectDrawerOpen, setIsConnectDrawerOpen] = React.useState(false)\n\n  const total = React.useMemo(\n    () => savingsAccounts.reduce((acc, account) => acc + (account.balance ?? 0), 0),\n    [savingsAccounts],\n  )\n\n  return (\n    <Stack sx={{ gap: 24 }}>\n      <Card sx={{ bgcolor: 'background.paper', p: 16 }}>\n        <Stack sx={{ gap: 16 }}>\n          <TotalCard balance={total} title={copy.maintain_emergency_savings_your_savings} />\n          {savingsAccounts.length ? (\n            <Accounts\n              loadAccounts={[AccountType.SAVINGS]}\n              loadMoreLabel={copy.connect_more_accounts_button}\n            />\n          ) : (\n            <Button onClick={() => setIsConnectDrawerOpen(true)} variant=\"contained\">\n              {copy.connect_more_accounts_button}\n            </Button>\n          )}\n        </Stack>\n      </Card>\n      <EstimatedContributionCalculator total={total} />\n      <ConnectDrawer\n        onClose={() => setIsConnectDrawerOpen(false)}\n        showConnectWidget={isConnectDrawerOpen}\n        title={copy.connect_more_accounts_button}\n      />\n    </Stack>\n  )\n}\n\nexport default observer(MaintainingEmergencySavingsContent)\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,IAAA,MAA2C;AAC/C,QAAM,EAAE,iBAAA,EAAA,IAAoB,EAAgB,GACtC,EAAE,WAAW,EAAA,IAAS,EAAmB,GAEzC,CAAC,GAAqB,CAAA,IAA0B,EAAM,SAAS,EAAK,GAEpE,IAAQ,EAAM,QAAA,MACZ,EAAgB,OAAA,CAAQ,GAAK,MAAY,KAAO,EAAQ,WAAW,IAAI,CAAC,GAC9E,CAAC,CAAe,CAClB;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,GAAG;AAAA,cAArB;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI;AAAA,UAAE,SAAS;AAAA,UAAoB,GAAG;AAAA,QAAG;AAAA,kBAC7C,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,KAAK,GAAG;AAAA,oBAArB,CACE,gBAAA,EAAC,GAAD;AAAA,YAAW,SAAS;AAAA,YAAO,OAAO,EAAK;AAAA,UAA0C,CAAA,GAChF,EAAgB,SACf,gBAAA,EAAC,GAAD;AAAA,YACE,cAAc,CAAC,EAAY,OAAO;AAAA,YAClC,eAAe,EAAK;AAAA,UACrB,CAAA,IAED,gBAAA,EAAC,GAAD;AAAA,YAAQ,SAAA,MAAe,EAAuB,EAAI;AAAA,YAAG,SAAQ;AAAA,sBAC1D,EAAK;AAAA,UACA,CAAA,CAEL;AAAA;MACH,CAAA;AAAA,MACN,gBAAA,EAAC,GAAD,EAAwC,OAAA,EAAQ,CAAA;AAAA,MAChD,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,MAAe,EAAuB,EAAK;AAAA,QAC3C,mBAAmB;AAAA,QACnB,OAAO,EAAK;AAAA,MACb,CAAA;AAAA,IACI;AAAA;AAEX,GAEA,IAAe,EAAS,CAAkC"}

package/dist/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsSticky.es.js

@@ -0,0 +1,53 @@
+import { useFinstrongStore as s } from "../../../common/context/hooks.es.js";
+import { formatCurrency as c } from "../../../core/utils/NumberFormatting.es.js";
+import { calculatePercentage as m, getEmergencySavingsState as g } from "../../util/finstrongUtils.es.js";
+import l from "../ProgressBar.es.js";
+import { observer as v } from "mobx-react-lite";
+import a from "@mui/material/Stack";
+import { Text as p } from "@mxenabled/mxui";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import h from "@mui/material/Divider";
+var u = { sticky_label: "You have saved" }, d = [
+  "$0",
+  "$250",
+  "$500",
+  "$750",
+  "$1k"
+], y = () => {
+  const { healthScore: n } = s(), e = Math.round(n.emergency_savings_on_hand ?? NaN) || null, i = m(e), o = g(e);
+  return /* @__PURE__ */ t(l, {
+    bottomComponent: /* @__PURE__ */ t(a, {
+      sx: {
+        flexDirection: "row",
+        justifyContent: "space-between"
+      },
+      children: d.map((r) => /* @__PURE__ */ f(a, {
+        sx: {
+          alignItems: "center",
+          height: 24,
+          width: 30
+        },
+        children: [/* @__PURE__ */ t(h, {
+          orientation: "vertical",
+          sx: {
+            borderWidth: 0.5,
+            height: 8,
+            mt: 2
+          }
+        }), /* @__PURE__ */ t(p, {
+          variant: "caption",
+          children: r
+        })]
+      }, r))
+    }),
+    label: u.sticky_label,
+    status: o,
+    statusBarData: [{ percentage: i }],
+    value: c(e ?? 0, "0,0.00")
+  });
+}, D = v(y);
+export {
+  D as default
+};
+
+//# sourceMappingURL=MaintainingEmergencySavingsSticky.es.js.map

package/dist/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsSticky.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintainingEmergencySavingsSticky.es.js","names":[],"sources":["../../../../src/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsSticky.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 } from '../../../common'\nimport { calculatePercentage, getEmergencySavingsState } from '../../util/finstrongUtils'\n\nimport ProgressBar from '../ProgressBar'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nconst copy = {\n  sticky_label: 'You have saved',\n}\n\nconst savingsRange = ['$0', '$250', '$500', '$750', '$1k']\n\nconst MaintainingEmergencySavingsSticky = () => {\n  const { healthScore } = useFinstrongStore()\n\n  const emergencySavings = Math.round(healthScore.emergency_savings_on_hand ?? NaN) || null\n\n  const percentage = calculatePercentage(emergencySavings)\n  const status = getEmergencySavingsState(emergencySavings)\n\n  return (\n    <ProgressBar\n      bottomComponent={\n        <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n          {savingsRange.map((range) => (\n            <Stack key={range} sx={{ alignItems: 'center', height: 24, width: 30 }}>\n              <Divider\n                orientation=\"vertical\"\n                sx={{\n                  borderWidth: 0.5,\n                  height: 8,\n                  mt: 2,\n                }}\n              />\n              <Text variant=\"caption\">{range}</Text>\n            </Stack>\n          ))}\n        </Stack>\n      }\n      label={copy.sticky_label}\n      status={status}\n      statusBarData={[\n        {\n          percentage,\n        },\n      ]}\n      value={formatCurrency(emergencySavings ?? 0, '0,0.00')}\n    />\n  )\n}\n\nexport default observer(MaintainingEmergencySavingsSticky)\n"],"mappings":";;;;;;;;;AAaA,IAAM,IAAO,EACX,cAAc,iBAChB,GAEM,IAAe;AAAA,EAAC;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAQ;AAAK,GAEnD,IAAA,MAA0C;AAC9C,QAAM,EAAE,aAAA,EAAA,IAAgB,EAAkB,GAEpC,IAAmB,KAAK,MAAM,EAAY,6BAA6B,GAAG,KAAK,MAE/E,IAAa,EAAoB,CAAgB,GACjD,IAAS,EAAyB,CAAgB;AAExD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,iBACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,eAAe;AAAA,QAAO,gBAAgB;AAAA,MAAgB;AAAA,gBAChE,EAAa,IAAA,CAAK,MACjB,gBAAA,EAAC,GAAD;AAAA,QAAmB,IAAI;AAAA,UAAE,YAAY;AAAA,UAAU,QAAQ;AAAA,UAAI,OAAO;AAAA,QAAG;AAAA,kBAArE,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,aAAY;AAAA,UACZ,IAAI;AAAA,YACF,aAAa;AAAA,YACb,QAAQ;AAAA,YACR,IAAI;AAAA,UACN;AAAA,QACD,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAW;AAAA,QAAY,CAAA,CAChC;AAAA,SAVK,CAUL,CACR;AAAA,IACI,CAAA;AAAA,IAET,OAAO,EAAK;AAAA,IACJ,QAAA;AAAA,IACR,eAAe,CACb,EACE,YAAA,EACF,CACF;AAAA,IACA,OAAO,EAAe,KAAoB,GAAG,QAAQ;AAAA,EACtD,CAAA;AAEL,GAEA,IAAe,EAAS,CAAiC"}

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

@@ -0,0 +1,52 @@
+import { useGlobalCopyStore as f, useUserStore as y } from "../../common/context/hooks.es.js";
+import { useScreenSize as C } from "../../common/hooks/useScreenSize.es.js";
+import S from "../../common/components/dialog/Dialog.es.js";
+import _ from "react";
+import { observer as h } from "mobx-react-lite";
+import { jsx as i } from "react/jsx-runtime";
+import g from "@mui/material/TextField";
+var b = ({ isOpen: m, onClose: l }) => {
+  const { common: a, finstrong: d } = f(), { isMobile: u } = C(), { updateUser: p, user: e } = y(), [r, s] = _.useState(e.credit_score || 0), o = !isNaN(r), n = () => {
+    l(), setTimeout(() => s(e.credit_score || 0), 300);
+  }, c = () => {
+    !r || r === e.credit_score || p({
+      ...e,
+      credit_score: r
+    });
+  };
+  return /* @__PURE__ */ i(S, {
+    copy: {
+      close_aria: a.close_aria,
+      title: d.edit_credit_score
+    },
+    disablePrimaryButton: !r || !o,
+    isOpen: m,
+    maxWidth: "xs",
+    onClose: n,
+    onPrimaryAction: c,
+    primaryColor: "primary",
+    primaryText: a.save_button,
+    sx: { "& .MuiDialog-paper": { minWidth: u ? "100%" : 400 } },
+    children: /* @__PURE__ */ i("form", {
+      onSubmit: (t) => {
+        t.preventDefault(), c(), n();
+      },
+      children: /* @__PURE__ */ i(g, {
+        error: !o,
+        fullWidth: !0,
+        inputMode: "numeric",
+        onChange: (t) => s(Number(t.target.value)),
+        slotProps: { htmlInput: {
+          noValidate: !0,
+          pattern: "[0-9]*"
+        } },
+        value: o ? r : ""
+      })
+    })
+  });
+}, W = h(b);
+export {
+  W as default
+};
+
+//# sourceMappingURL=ManageCreditScore.es.js.map

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

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

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

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

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

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

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

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

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

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

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

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