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

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

@@ -0,0 +1,57 @@
+import { useGlobalCopyStore as D } from "../../../common/context/hooks.es.js";
+import { fromUnixToDayOfWeekAndDate as x } from "../../../core/utils/DateUtil.es.js";
+import I from "../../../transactions/components/shared/transactionlist/TransactionRow.es.js";
+import S from "../../../common/components/SubheaderRow.es.js";
+import { hasInsetBorder as v, shouldShowDate as A } from "../../../transactions/utils/Transactions.es.js";
+import { AddRecurringTransactionDetails as C } from "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.es.js";
+import { OnboardingSteps as _ } from "../../../core/types/Finstrong.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=OnboardingAddMonthlyIncome.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingAddMonthlyIncome.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.es.js

@@ -0,0 +1,46 @@
+import { useGlobalCopyStore as m } from "../../../common/context/hooks.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=OnboardingBirthday.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingBirthday.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.es.js

@@ -0,0 +1,28 @@
+import { useGlobalCopyStore as n } from "../../../common/context/hooks.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=OnboardingCreditScore.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingCreditScore.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"}

package/dist/finstrong/components/onboarding/OnboardingStepsDrawer.es.js

@@ -0,0 +1,313 @@
+import { useAccountStore as bt, useFinstrongStore as St, useGlobalCopyStore as Ct, useRecurringTransactionsStore as xt, useTransactionStore as Tt, useUserStore as At } from "../../../common/context/hooks.es.js";
+import Dt from "../../../common/components/drawer/Drawer.es.js";
+import { Frequency as It, RepeatingType as wt } from "../../../core/types/RepeatingTransaction.es.js";
+import { getNextPaymentDate as Mt } from "../../../core/utils/RecurringTransactionsUtil.es.js";
+import Ot from "../../../common/components/ConnectDrawer.es.js";
+import { incomeFilter as L, incomeFilterSearch as Bt } from "../../../transactions/utils/Filters.es.js";
+import { SelectTransaction as kt } from "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.es.js";
+import "../../constants/index.es.js";
+import Pt from "../../../accounts/components/AccountsListCompact.es.js";
+import { OnboardingSteps as e } from "../../../core/types/Finstrong.es.js";
+import Ft from "./OnboardingAddMonthlyIncome.es.js";
+import vt from "./OnboardingBirthday.es.js";
+import Rt from "./OnboardingCreditScore.es.js";
+import Lt from "./OnboardingStepsHeader.es.js";
+import r from "react";
+import { observer as Et } from "mobx-react-lite";
+import D from "@mui/material/Stack";
+import { H2 as Ut, P as Nt } from "@mxenabled/mxui";
+import { endOfMonth as qt } from "date-fns/endOfMonth";
+import { startOfMonth as Gt } from "date-fns/startOfMonth";
+import { startOfToday as E } from "date-fns/startOfToday";
+import Ht from "@mui/material/Button";
+import { Add as Wt } from "@mxenabled/mx-icons";
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import jt from "@mui/material/Box";
+import { subDays as $t } from "date-fns/subDays";
+import { fromUnixTime as zt } from "date-fns/fromUnixTime";
+import { formatISO as Jt } from "date-fns/formatISO";
+var U = {
+  step: e.ConnectAccounts,
+  type: "main"
+}, Kt = ({ isOpen: N, onClose: q }) => {
+  const { visibleAccounts: b } = bt(), { calculateHealthScore: G } = St(), { finstrong: n } = Ct(), { addRepeatingTransaction: H, setDateRange: W } = xt(), { filter: j, setFilter: I, transactions: S } = Tt(), { user: a, userProfile: $, updateUser: w, updateUserProfile: z } = At(), [l, J] = r.useState(a.credit_score || 0), [c, d] = r.useState(U), [C, K] = r.useState(1), [x, Q] = r.useState(It.EveryMonth), [y, M] = r.useState([]), [T, O] = r.useState(!1), [V, B] = r.useState(!1), [f, X] = r.useState(a.birthday), [A, Y] = r.useState(15), [s, k] = r.useState("");
+  r.useEffect(() => {
+    W({
+      start: Gt(E()),
+      end: qt(E())
+    });
+  }, []), r.useEffect(() => {
+    I({
+      accounts: b.map((t) => t.guid),
+      dateRange: {
+        start: $t(/* @__PURE__ */ new Date(), 90),
+        end: /* @__PURE__ */ new Date()
+      },
+      custom: L
+    });
+  }, [b]);
+  const P = r.useMemo(() => S.find((t) => t.guid === s), [s, S]), Z = r.useMemo(() => ({
+    [e.ConnectAccounts]: !0,
+    [e.MonthlyIncome]: !!s,
+    [e.Birthday]: !!a.birthday || !!f,
+    [e.CreditScore]: !!a.credit_score || !!l
+  })[c.step], [
+    l,
+    c,
+    f,
+    s,
+    a
+  ]), u = b.length > 0, tt = r.useMemo(() => {
+    const { step: t } = c;
+    let o = 0;
+    return t >= e.MonthlyIncome && u && o++, t >= e.Birthday && y.length && o++, t >= e.CreditScore && (a.birthday || a.credit_score) && o++, o;
+  }, [
+    c.step,
+    u,
+    y.length,
+    a.birthday,
+    a.credit_score
+  ]), et = (t) => {
+    I({
+      ...j,
+      custom: (o) => t ? Bt(o, t) : L(o)
+    });
+  }, nt = {
+    [e.ConnectAccounts]: {
+      main: u ? /* @__PURE__ */ i(Pt, { shouldShowBalance: !1 }) : null,
+      mainActionContent: u ? n.onboarding_next : n.onboarding_add_accounts,
+      primaryText: n.connect_your_accounts,
+      secondaryText: n.onboarding_connect_your_accounts_secondary
+    },
+    [e.MonthlyIncome]: {
+      detail: /* @__PURE__ */ i(Ft, {
+        firstDay: C,
+        frequency: x,
+        incomeTransactions: y,
+        secondDay: A,
+        setCurrentStep: (t) => {
+          d(t), M((o) => {
+            if (o.some((p) => p.guid === s)) return o.filter((p) => p.guid !== s);
+            const m = S.find((p) => p.guid === s);
+            return m ? [...o, {
+              ...m,
+              firstDay: C,
+              frequency: x,
+              secondDay: A
+            }] : o;
+          });
+        },
+        setFirstDay: K,
+        setFrequency: Q,
+        setSecondDay: Y,
+        transaction: P
+      }),
+      detailActionContent: n.onboarding_confirm_income,
+      main: /* @__PURE__ */ i(kt, {
+        onSearch: et,
+        onSelected: (t) => {
+          d({
+            step: e.MonthlyIncome,
+            type: "detail"
+          }), k(t);
+        }
+      }),
+      mainActionContent: n.onboarding_confirm_income,
+      primaryText: n.onboarding_add_income_primary,
+      secondaryText: n.onboarding_add_income_secondary
+    },
+    [e.Birthday]: {
+      main: /* @__PURE__ */ i(vt, {
+        selectedDate: f,
+        setSelectedDate: X
+      }),
+      mainActionContent: n.onboarding_next,
+      primaryText: n.onboarding_birthday_primary,
+      secondaryText: n.onboarding_birthday_secondary
+    },
+    [e.CreditScore]: {
+      main: /* @__PURE__ */ i(Rt, {
+        creditScore: l,
+        setCreditScore: J
+      }),
+      mainActionContent: n.onboarding_next,
+      primaryText: n.onboarding_credit_score_primary,
+      secondaryText: n.onboarding_credit_score_secondary
+    }
+  }, F = () => {
+    d(U), O(!1), k(""), q();
+  }, v = async () => {
+    O(!0), await it(y), await G(), await z({
+      ...$,
+      has_completed_finstrong_onboarding: !0
+    }), F();
+  }, ot = () => {
+    if (c.step === e.CreditScore) {
+      v();
+      return;
+    }
+    d({
+      step: c.step + 1,
+      type: "main"
+    });
+  }, rt = () => {
+    const { step: t } = c, o = t + 1;
+    switch (t) {
+      case e.Birthday:
+        f && f !== a.birthday && w({
+          ...a,
+          birthday: f
+        });
+        break;
+      case e.CreditScore:
+        l && l !== a.credit_score && w({
+          ...a,
+          credit_score: l
+        }), v();
+        return;
+      case e.MonthlyIncome:
+        s && y.findIndex(({ guid: m }) => m === s) === -1 && M((m) => [...m, {
+          ...P,
+          firstDay: C,
+          frequency: x,
+          secondDay: A
+        }]);
+        break;
+      case e.ConnectAccounts:
+        if (!u) {
+          B(!0);
+          return;
+        }
+        break;
+      default:
+        break;
+    }
+    o in e && d({
+      step: o,
+      type: "main"
+    });
+  }, at = () => {
+    const { step: t, type: o } = c;
+    if (o === "detail") {
+      d({
+        step: t,
+        type: "main"
+      });
+      return;
+    }
+    if (t === e.Birthday && y.length) {
+      d({
+        step: t - 1,
+        type: "detail"
+      });
+      return;
+    }
+    t > e.ConnectAccounts && d({
+      step: t - 1,
+      type: "main"
+    });
+  }, it = async (t) => {
+    for (const o of t) {
+      const { account_guid: m, amount: p, date: dt, description: mt, feed_description: ut, firstDay: pt, frequency: R, secondDay: lt, merchant_guid: yt, payee: ft, transaction_type: _t } = o, gt = Mt(R, zt(dt)), ht = {
+        account_guid: m,
+        amount: p,
+        created_by: 0,
+        description: ft || mt || ut,
+        merchant_guid: yt,
+        predicted_occurs_on: Jt(gt, { representation: "date" }),
+        recurrence_day: pt,
+        recurrence_type: R,
+        repeating_transaction_type: wt.Income,
+        second_recurrence_day: lt,
+        transaction_type: _t,
+        user_guid: a.guid
+      };
+      await H(ht, o);
+    }
+  }, _ = nt[c.step], h = c.step === e.ConnectAccounts, ct = {
+    fullWidth: !0,
+    ...h && !u && { startIcon: /* @__PURE__ */ i(Wt, {}) }
+  }, st = !h || h && !u;
+  return /* @__PURE__ */ g(r.Fragment, { children: [/* @__PURE__ */ i(Dt, {
+    footerStyles: {
+      borderTop: 1,
+      borderColor: "divider",
+      px: 24,
+      py: 16
+    },
+    hasSecondaryAction: !h,
+    isOpen: N,
+    isPrimaryDisabled: !Z,
+    onClose: F,
+    onSecondaryAction: at,
+    primaryButtonProps: ct,
+    primaryText: _?.mainActionContent,
+    secondaryColor: "primary",
+    secondaryText: n.onboarding_back,
+    title: n.title,
+    ...!T && { onPrimaryAction: rt },
+    children: /* @__PURE__ */ g(D, {
+      sx: {
+        bgcolor: "background.default",
+        height: "100%"
+      },
+      children: [T && /* @__PURE__ */ g(D, {
+        sx: {
+          alignItems: "center",
+          gap: 24,
+          position: "relative",
+          px: 16,
+          top: 126
+        },
+        children: [
+          /* @__PURE__ */ i("img", {
+            alt: "",
+            src: "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif",
+            style: {
+              minHeight: 100,
+              width: 211
+            }
+          }),
+          /* @__PURE__ */ i(Ut, { children: n.onboarding_calculate_primary }),
+          /* @__PURE__ */ i(Nt, {
+            sx: { textAlign: "center" },
+            variant: "subtitle1",
+            children: n.onboarding_calculate_secondary
+          })
+        ]
+      }), _ && !T && /* @__PURE__ */ g(r.Fragment, { children: [
+        /* @__PURE__ */ i(Lt, {
+          completeCopy: n.complete,
+          primaryText: _.primaryText,
+          secondaryText: _.secondaryText,
+          value: tt
+        }),
+        c.type === "main" && /* @__PURE__ */ g(jt, {
+          sx: { bgcolor: "background.default" },
+          children: [_.main, st && /* @__PURE__ */ i(D, {
+            sx: {
+              alignItems: "center",
+              px: 24,
+              py: 12
+            },
+            children: /* @__PURE__ */ i(Ht, {
+              fullWidth: !0,
+              onClick: ot,
+              children: n.onboarding_do_it_later
+            })
+          })]
+        }),
+        c.type === "detail" && _.detail
+      ] })]
+    })
+  }), /* @__PURE__ */ i(Ot, {
+    onClose: () => B(!1),
+    showConnectWidget: V,
+    title: n.connect_more_accounts_button
+  })] });
+}, Ae = Et(Kt);
+export {
+  Ae as default
+};
+
+//# sourceMappingURL=OnboardingStepsDrawer.es.js.map

package/dist/finstrong/components/onboarding/OnboardingStepsDrawer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingStepsDrawer.es.js","names":[],"sources":["../../../../src/finstrong/components/onboarding/OnboardingStepsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { formatISO } from 'date-fns/formatISO'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\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 { Add } from '@mxenabled/mx-icons'\n\nimport AccountsListCompact from '../../../accounts/components/AccountsListCompact'\nimport {\n  ConnectDrawer,\n  Drawer,\n  useAccountStore,\n  useFinstrongStore,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useUserStore,\n} from '../../../common'\nimport {\n  Frequency,\n  type RepeatingTransaction,\n  RepeatingType,\n  type Transaction,\n} from '../../../core'\nimport { OnboardingSteps } from '../../../core/types/Finstrong'\nimport { SelectTransaction } from '../../../recurringtransactions'\nimport { getNextPaymentDate } from '../../../core/utils/RecurringTransactionsUtil'\nimport { incomeFilter, incomeFilterSearch } from '../../../transactions/utils/Filters'\n\nimport { CALCULATING_ANIMATION_URL } from '../../constants'\n\nimport OnboardingAddMonthlyIncome from './OnboardingAddMonthlyIncome'\nimport OnboardingBirthday from './OnboardingBirthday'\nimport OnboardingCreditScore from './OnboardingCreditScore'\nimport OnboardingStepsHeader from './OnboardingStepsHeader'\n\ninterface IncomeTransaction extends Transaction {\n  firstDay: number\n  frequency: Frequency\n  secondDay: number\n}\n\ninterface OnboardingStepsDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n}\n\ninterface Steps {\n  detail?: React.ReactNode\n  detailActionContent?: string\n  main: React.ReactNode\n  mainActionContent: string\n  primaryText: string\n  secondaryText: string\n}\n\ntype StepType = 'main' | 'detail'\nexport interface StepState {\n  step: OnboardingSteps\n  type: StepType\n}\n\nconst INITIAL_STEP_STATE: StepState = {\n  step: OnboardingSteps.ConnectAccounts,\n  type: 'main',\n}\n\nconst OnboardingStepsDrawer = ({ isOpen, onClose }: OnboardingStepsDrawerProps) => {\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { calculateHealthScore } = useFinstrongStore()\n  const { finstrong: copy } = useGlobalCopyStore()\n  const { addRepeatingTransaction, setDateRange } = useRecurringTransactionsStore()\n  const { filter, setFilter, transactions } = useTransactionStore()\n  const { user, userProfile, updateUser, updateUserProfile } = useUserStore()\n\n  const [creditScore, setCreditScore] = React.useState<number>(user.credit_score || 0)\n  const [currentStep, setCurrentStep] = React.useState<{ step: OnboardingSteps; type: StepType }>(\n    INITIAL_STEP_STATE,\n  )\n  const [firstDay, setFirstDay] = React.useState(1)\n  const [frequency, setFrequency] = React.useState(Frequency.EveryMonth)\n  const [incomeTransactions, setIncomeTransactions] = React.useState<IncomeTransaction[]>([])\n  const [isComplete, setIsComplete] = React.useState(false)\n  const [isConnectDrawerOpen, setIsConnectDrawerOpen] = React.useState(false)\n  const [selectedDate, setSelectedDate] = React.useState<number | null | undefined>(user.birthday)\n  const [secondDay, setSecondDay] = React.useState(15)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n\n  React.useEffect(() => {\n    setDateRange({ start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) })\n  }, [])\n\n  React.useEffect(() => {\n    setFilter({\n      accounts: accounts.map((account) => account.guid),\n      dateRange: {\n        start: subDays(new Date(), 90),\n        end: new Date(),\n      },\n      custom: incomeFilter,\n    })\n  }, [accounts])\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const isPrimaryActionEnabled = React.useMemo(() => {\n    const isValid: Partial<Record<OnboardingSteps, boolean>> = {\n      [OnboardingSteps.ConnectAccounts]: true,\n      [OnboardingSteps.MonthlyIncome]: !!transactionGuid,\n      [OnboardingSteps.Birthday]: !!user.birthday || !!selectedDate,\n      [OnboardingSteps.CreditScore]: !!user.credit_score || !!creditScore,\n    }\n\n    return isValid[currentStep.step]\n  }, [creditScore, currentStep, selectedDate, transactionGuid, user])\n\n  const hasAccounts = accounts.length > 0\n  const progressValue = React.useMemo(() => {\n    const { step } = currentStep\n\n    let value = 0\n\n    if (step >= OnboardingSteps.MonthlyIncome && hasAccounts) value++\n    if (step >= OnboardingSteps.Birthday && !!incomeTransactions.length) value++\n    if (step >= OnboardingSteps.CreditScore && (user.birthday || user.credit_score)) value++\n\n    return value\n  }, [currentStep.step, hasAccounts, incomeTransactions.length, user.birthday, user.credit_score])\n\n  const handleSelectTransaction = (searchValue: string) => {\n    setFilter({\n      ...filter,\n      custom: (transaction: Transaction) => {\n        if (searchValue) return incomeFilterSearch(transaction, searchValue)\n\n        return incomeFilter(transaction)\n      },\n    })\n  }\n\n  const steps: Partial<Record<OnboardingSteps, Steps>> = {\n    [OnboardingSteps.ConnectAccounts]: {\n      main: hasAccounts ? <AccountsListCompact shouldShowBalance={false} /> : null,\n      mainActionContent: hasAccounts ? copy.onboarding_next : copy.onboarding_add_accounts,\n      primaryText: copy.connect_your_accounts,\n      secondaryText: copy.onboarding_connect_your_accounts_secondary,\n    },\n    [OnboardingSteps.MonthlyIncome]: {\n      detail: (\n        <OnboardingAddMonthlyIncome\n          firstDay={firstDay}\n          frequency={frequency}\n          incomeTransactions={incomeTransactions}\n          secondDay={secondDay}\n          setCurrentStep={(step) => {\n            setCurrentStep(step)\n            setIncomeTransactions((prev) => {\n              const exists = prev.some((t) => t.guid === transactionGuid)\n              if (exists) return prev.filter((t) => t.guid !== transactionGuid)\n\n              const newTransaction = transactions.find((t) => t.guid === transactionGuid)\n              return newTransaction\n                ? [...prev, { ...newTransaction, firstDay, frequency, secondDay }]\n                : prev\n            })\n          }}\n          setFirstDay={setFirstDay}\n          setFrequency={setFrequency}\n          setSecondDay={setSecondDay}\n          transaction={transaction!}\n        />\n      ),\n      detailActionContent: copy.onboarding_confirm_income,\n      main: (\n        <SelectTransaction\n          onSearch={handleSelectTransaction}\n          onSelected={(guid) => {\n            setCurrentStep({ step: OnboardingSteps.MonthlyIncome, type: 'detail' })\n            setTransactionGuid(guid)\n          }}\n        />\n      ),\n      mainActionContent: copy.onboarding_confirm_income,\n      primaryText: copy.onboarding_add_income_primary,\n      secondaryText: copy.onboarding_add_income_secondary,\n    },\n    [OnboardingSteps.Birthday]: {\n      main: <OnboardingBirthday selectedDate={selectedDate} setSelectedDate={setSelectedDate} />,\n      mainActionContent: copy.onboarding_next,\n      primaryText: copy.onboarding_birthday_primary,\n      secondaryText: copy.onboarding_birthday_secondary,\n    },\n    [OnboardingSteps.CreditScore]: {\n      main: <OnboardingCreditScore creditScore={creditScore} setCreditScore={setCreditScore} />,\n      mainActionContent: copy.onboarding_next,\n      primaryText: copy.onboarding_credit_score_primary,\n      secondaryText: copy.onboarding_credit_score_secondary,\n    },\n  }\n\n  const handleClose = () => {\n    setCurrentStep(INITIAL_STEP_STATE)\n    setIsComplete(false)\n    setTransactionGuid('')\n\n    onClose()\n  }\n\n  const handleComplete = async () => {\n    setIsComplete(true)\n\n    await addRecurringIncome(incomeTransactions)\n    await calculateHealthScore()\n    await updateUserProfile({ ...userProfile, has_completed_finstrong_onboarding: true })\n\n    handleClose()\n  }\n\n  const handleDoItLater = () => {\n    if (currentStep.step === OnboardingSteps.CreditScore) {\n      handleComplete()\n      return\n    }\n\n    setCurrentStep({ step: currentStep.step + 1, type: 'main' })\n  }\n\n  const handlePrimaryAction = () => {\n    const { step } = currentStep\n    const nextStep = step + 1\n\n    switch (step) {\n      case OnboardingSteps.Birthday:\n        if (selectedDate && selectedDate !== user.birthday) {\n          updateUser({ ...user, birthday: selectedDate })\n        }\n        break\n\n      case OnboardingSteps.CreditScore:\n        if (creditScore && creditScore !== user.credit_score) {\n          updateUser({ ...user, credit_score: creditScore })\n        }\n        handleComplete()\n        return\n\n      case OnboardingSteps.MonthlyIncome:\n        if (\n          transactionGuid &&\n          incomeTransactions.findIndex(({ guid }) => guid === transactionGuid) === -1\n        ) {\n          setIncomeTransactions((prev) => [\n            ...prev,\n            { ...transaction!, firstDay, frequency, secondDay },\n          ])\n        }\n        break\n\n      case OnboardingSteps.ConnectAccounts:\n        if (!hasAccounts) {\n          setIsConnectDrawerOpen(true)\n          return\n        }\n        break\n\n      default:\n        break\n    }\n\n    if (nextStep in OnboardingSteps) setCurrentStep({ step: nextStep, type: 'main' })\n  }\n\n  const handleSecondaryAction = () => {\n    const { step, type } = currentStep\n\n    if (type === 'detail') {\n      setCurrentStep({ step, type: 'main' })\n      return\n    }\n\n    if (step === OnboardingSteps.Birthday && incomeTransactions.length) {\n      setCurrentStep({ step: step - 1, type: 'detail' })\n      return\n    }\n\n    if (step > OnboardingSteps.ConnectAccounts) setCurrentStep({ step: step - 1, type: 'main' })\n  }\n\n  const addRecurringIncome = async (transactions: IncomeTransaction[]) => {\n    for (const t of transactions) {\n      const {\n        account_guid,\n        amount,\n        date,\n        description,\n        feed_description,\n        firstDay,\n        frequency,\n        secondDay,\n        merchant_guid,\n        payee,\n        transaction_type,\n      } = t\n\n      const nextDate = getNextPaymentDate(frequency, fromUnixTime(date))\n\n      const repeatingTransaction = {\n        account_guid,\n        amount,\n        created_by: 0,\n        description: payee || description || feed_description,\n        merchant_guid,\n        predicted_occurs_on: formatISO(nextDate, { representation: 'date' }),\n        recurrence_day: firstDay,\n        recurrence_type: frequency,\n        repeating_transaction_type: RepeatingType.Income,\n        second_recurrence_day: secondDay,\n        transaction_type,\n        user_guid: user.guid,\n      } as RepeatingTransaction\n\n      await addRepeatingTransaction(repeatingTransaction, t)\n    }\n  }\n\n  const currentStepData = steps[currentStep.step]\n  const isConnectAccountsStep = currentStep.step === OnboardingSteps.ConnectAccounts\n  const primaryButtonProps = {\n    fullWidth: true,\n    ...(isConnectAccountsStep && !hasAccounts && { startIcon: <Add /> }),\n  }\n  const showDoItLaterButton = !isConnectAccountsStep || (isConnectAccountsStep && !hasAccounts)\n\n  return (\n    <React.Fragment>\n      <Drawer\n        footerStyles={{ borderTop: 1, borderColor: 'divider', px: 24, py: 16 }}\n        hasSecondaryAction={!isConnectAccountsStep}\n        isOpen={isOpen}\n        isPrimaryDisabled={!isPrimaryActionEnabled}\n        onClose={handleClose}\n        onSecondaryAction={handleSecondaryAction}\n        primaryButtonProps={primaryButtonProps}\n        primaryText={currentStepData?.mainActionContent}\n        secondaryColor=\"primary\"\n        secondaryText={copy.onboarding_back}\n        title={copy.title}\n        {...(!isComplete && { onPrimaryAction: handlePrimaryAction })}\n      >\n        <Stack sx={{ bgcolor: 'background.default', height: '100%' }}>\n          {isComplete && (\n            <Stack sx={{ alignItems: 'center', gap: 24, position: 'relative', px: 16, top: 126 }}>\n              <img alt=\"\" src={CALCULATING_ANIMATION_URL} style={{ minHeight: 100, width: 211 }} />\n              <H2>{copy.onboarding_calculate_primary}</H2>\n              <P sx={{ textAlign: 'center' }} variant=\"subtitle1\">\n                {copy.onboarding_calculate_secondary}\n              </P>\n            </Stack>\n          )}\n          {currentStepData && !isComplete && (\n            <React.Fragment>\n              <OnboardingStepsHeader\n                completeCopy={copy.complete}\n                primaryText={currentStepData.primaryText}\n                secondaryText={currentStepData.secondaryText}\n                value={progressValue}\n              />\n              {currentStep.type === 'main' && (\n                <Box sx={{ bgcolor: 'background.default' }}>\n                  {currentStepData.main}\n                  {showDoItLaterButton && (\n                    <Stack sx={{ alignItems: 'center', px: 24, py: 12 }}>\n                      <Button fullWidth={true} onClick={handleDoItLater}>\n                        {copy.onboarding_do_it_later}\n                      </Button>\n                    </Stack>\n                  )}\n                </Box>\n              )}\n              {currentStep.type === 'detail' && currentStepData.detail}\n            </React.Fragment>\n          )}\n        </Stack>\n      </Drawer>\n\n      <ConnectDrawer\n        onClose={() => setIsConnectDrawerOpen(false)}\n        showConnectWidget={isConnectDrawerOpen}\n        title={copy.connect_more_accounts_button}\n      />\n    </React.Fragment>\n  )\n}\n\nexport default observer(OnboardingStepsDrawer)\n"],"mappings":"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"}

package/dist/finstrong/components/onboarding/OnboardingStepsHeader.es.js

@@ -0,0 +1,25 @@
+import p from "../ProfileProgressBar.es.js";
+import e from "@mui/material/Stack";
+import { H3 as m, P as n } from "@mxenabled/mxui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+var x = ({ completeCopy: o, primaryText: t, secondaryText: a, value: s }) => /* @__PURE__ */ i(e, {
+  sx: {
+    gap: 20,
+    p: 24
+  },
+  children: [/* @__PURE__ */ i(e, {
+    sx: { gap: 8 },
+    children: [/* @__PURE__ */ r(m, { children: t }), /* @__PURE__ */ r(n, {
+      variant: "subtitle1",
+      children: a
+    })]
+  }), /* @__PURE__ */ r(p, {
+    completeCopy: o,
+    value: s
+  })]
+});
+export {
+  x as default
+};
+
+//# sourceMappingURL=OnboardingStepsHeader.es.js.map

package/dist/finstrong/components/onboarding/OnboardingStepsHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingStepsHeader.es.js","names":[],"sources":["../../../../src/finstrong/components/onboarding/OnboardingStepsHeader.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { H3, P } from '@mxenabled/mxui'\n\nimport ProfileProgressBar from '../ProfileProgressBar'\n\ninterface OnboardingStepsHeaderProps {\n  completeCopy: string\n  primaryText: string\n  secondaryText: string\n  value: number\n}\n\nconst OnboardingStepsHeader = ({\n  completeCopy,\n  primaryText,\n  secondaryText,\n  value,\n}: OnboardingStepsHeaderProps) => {\n  return (\n    <Stack sx={{ gap: 20, p: 24 }}>\n      <Stack sx={{ gap: 8 }}>\n        <H3>{primaryText}</H3>\n        <P variant=\"subtitle1\">{secondaryText}</P>\n      </Stack>\n      <ProfileProgressBar completeCopy={completeCopy} value={value} />\n    </Stack>\n  )\n}\n\nexport default OnboardingStepsHeader\n"],"mappings":";;;;AAaA,IAAM,IAAA,CAAyB,EAC7B,cAAA,GACA,aAAA,GACA,eAAA,GACA,OAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI;AAAA,IAAE,KAAK;AAAA,IAAI,GAAG;AAAA,EAAG;AAAA,YAA5B,CACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,EAAE;AAAA,cAApB,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAgB,CAAA,GACrB,gBAAA,EAAC,GAAD;AAAA,MAAG,SAAQ;AAAA,gBAAa;AAAA,IAAiB,CAAA,CACpC;AAAA,MACP,gBAAA,EAAC,GAAD;AAAA,IAAkC,cAAA;AAAA,IAAqB,OAAA;AAAA,EAAQ,CAAA,CAC1D"}

package/dist/finstrong/components/paybillsontime/PayBillsOnTimeDrawerComponent.es.js

@@ -0,0 +1,69 @@
+import { DATE_FORMATS_INTL as p, formatDate as d } from "../../../core/constants/DateFormats.es.js";
+import { useFinstrongStore as f, useGlobalCopyStore as _ } from "../../../common/context/hooks.es.js";
+import u from "../../../common/components/Loader.es.js";
+import g from "../shared/Transactions.es.js";
+import n from "react";
+import { observer as b } from "mobx-react-lite";
+import x from "@mui/material/Stack";
+import { H3 as i, P as y } from "@mxenabled/mxui";
+import { Cancel as h, CheckCircle as C } from "@mxenabled/mx-icons";
+import { Fragment as T, jsx as e, jsxs as t } from "react/jsx-runtime";
+import a from "@mui/material/Card";
+var k = () => {
+  const [s, l] = n.useState(!0), { finstrong: { key_indicators_spend: { pay_bills_on_time_drawer: r } } } = _(), { getSpendingFeeTransactions: m, allTransactions: o } = f();
+  return n.useEffect(() => {
+    m().finally(() => l(!1));
+  }, []), s ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ e(T, { children: o.spendingFee.length === 0 ? /* @__PURE__ */ t(a, {
+    sx: {
+      backgroundColor: "background.paper",
+      pb: 48,
+      pt: 32,
+      px: 24,
+      textAlign: "center",
+      width: "100%"
+    },
+    children: [/* @__PURE__ */ e(C, {
+      filled: !0,
+      size: 48,
+      sx: { color: "success.main" }
+    }), /* @__PURE__ */ t(x, {
+      sx: {
+        alignItems: "center",
+        gap: 4,
+        pt: 24
+      },
+      children: [/* @__PURE__ */ e(i, { children: r.pay_bills_on_time_zero_fees_title }), /* @__PURE__ */ e(y, {
+        variant: "subtitle1",
+        children: r.pay_bills_on_time_zero_fees_description
+      })]
+    })]
+  }) : /* @__PURE__ */ t(a, {
+    sx: {
+      p: 16,
+      width: "100%",
+      backgroundColor: "background.paper"
+    },
+    children: [/* @__PURE__ */ e(i, {
+      sx: {
+        textAlign: "left",
+        pb: 16
+      },
+      children: r.pay_bills_on_time_sticky_fee_count
+    }), /* @__PURE__ */ e(g, {
+      amountColor: "text.primary",
+      amountPosition: "flex-start",
+      formatDate: (c) => d(/* @__PURE__ */ new Date(c * 1e3), p.MONTH_DAY),
+      secondaryIcon: /* @__PURE__ */ e(h, {
+        color: "error",
+        filled: !0,
+        size: 12
+      }),
+      transactions: o.spendingFee
+    })]
+  }) });
+}, j = b(k);
+export {
+  j as default
+};
+
+//# sourceMappingURL=PayBillsOnTimeDrawerComponent.es.js.map

package/dist/finstrong/components/paybillsontime/PayBillsOnTimeDrawerComponent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayBillsOnTimeDrawerComponent.es.js","names":[],"sources":["../../../../src/finstrong/components/paybillsontime/PayBillsOnTimeDrawerComponent.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Cancel, CheckCircle } from '@mxenabled/mx-icons'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport { Loader, useFinstrongStore, useGlobalCopyStore } from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\n\nimport Transactions from '../shared/Transactions'\n\nconst PayBillsOnTimeDrawerComponent = () => {\n  const [isLoading, setIsLoading] = React.useState(true)\n\n  const {\n    finstrong: {\n      key_indicators_spend: { pay_bills_on_time_drawer: copy },\n    },\n  } = useGlobalCopyStore()\n\n  const { getSpendingFeeTransactions, allTransactions } = useFinstrongStore()\n\n  React.useEffect(() => {\n    getSpendingFeeTransactions().finally(() => setIsLoading(false))\n  }, [])\n\n  if (isLoading) {\n    return <Loader />\n  }\n\n  return (\n    <>\n      {allTransactions.spendingFee.length === 0 ? (\n        <Card\n          sx={{\n            backgroundColor: 'background.paper',\n            pb: 48,\n            pt: 32,\n            px: 24,\n            textAlign: 'center',\n            width: '100%',\n          }}\n        >\n          <CheckCircle filled={true} size={48} sx={{ color: 'success.main' }} />\n\n          <Stack sx={{ alignItems: 'center', gap: 4, pt: 24 }}>\n            <H3>{copy.pay_bills_on_time_zero_fees_title}</H3>\n            <P variant=\"subtitle1\">{copy.pay_bills_on_time_zero_fees_description}</P>\n          </Stack>\n        </Card>\n      ) : (\n        <Card\n          sx={{\n            p: 16,\n            width: '100%',\n            backgroundColor: 'background.paper',\n          }}\n        >\n          <H3 sx={{ textAlign: 'left', pb: 16 }}>{copy.pay_bills_on_time_sticky_fee_count}</H3>\n          <Transactions\n            amountColor=\"text.primary\"\n            amountPosition=\"flex-start\"\n            formatDate={(txnDate) =>\n              formatDate(new Date(txnDate * 1000), DATE_FORMATS_INTL.MONTH_DAY)\n            }\n            secondaryIcon={<Cancel color=\"error\" filled={true} size={12} />}\n            transactions={allTransactions.spendingFee}\n          />\n        </Card>\n      )}\n    </>\n  )\n}\nexport default observer(PayBillsOnTimeDrawerComponent)\n"],"mappings":";;;;;;;;;;;AAcA,IAAM,IAAA,MAAsC;AAC1C,QAAM,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAI,GAE/C,EACJ,WAAW,EACT,sBAAsB,EAAE,0BAA0B,EAAA,EAAA,EAAA,IAElD,EAAmB,GAEjB,EAAE,4BAAA,GAA4B,iBAAA,EAAA,IAAoB,EAAkB;AAM1E,SAJA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAA2B,EAAE,QAAA,MAAc,EAAa,EAAK,CAAC;AAAA,EAChE,GAAG,CAAC,CAAC,GAED,IACK,gBAAA,EAAC,GAAD,CAAS,CAAA,IAIhB,gBAAA,EAAA,GAAA,EAAA,UACG,EAAgB,YAAY,WAAW,IACtC,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,iBAAiB;AAAA,MACjB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,cARF,CAUE,gBAAA,EAAC,GAAD;AAAA,MAAa,QAAQ;AAAA,MAAM,MAAM;AAAA,MAAI,IAAI,EAAE,OAAO,eAAe;AAAA,IAAI,CAAA,GAErE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,KAAK;AAAA,QAAG,IAAI;AAAA,MAAG;AAAA,gBAAlD,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,kCAAsC,CAAA,GAChD,gBAAA,EAAC,GAAD;AAAA,QAAG,SAAQ;AAAA,kBAAa,EAAK;AAAA,MAA2C,CAAA,CACnE;AAAA,MACH;AAAA,OAEN,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,GAAG;AAAA,MACH,OAAO;AAAA,MACP,iBAAiB;AAAA,IACnB;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI;AAAA,QAAE,WAAW;AAAA,QAAQ,IAAI;AAAA,MAAG;AAAA,gBAAI,EAAK;AAAA,IAAuC,CAAA,GACpF,gBAAA,EAAC,GAAD;AAAA,MACE,aAAY;AAAA,MACZ,gBAAe;AAAA,MACf,YAAA,CAAa,MACX,EAAW,oBAAI,KAAK,IAAU,GAAI,GAAG,EAAkB,SAAS;AAAA,MAElE,eAAe,gBAAA,EAAC,GAAD;AAAA,QAAQ,OAAM;AAAA,QAAQ,QAAQ;AAAA,QAAM,MAAM;AAAA,MAAK,CAAA;AAAA,MAC9D,cAAc,EAAgB;AAAA,IAC/B,CAAA,CACG;AAAA,KAER,CAAA;AAEN,GACA,IAAe,EAAS,CAA6B"}