@mx-cartographer/experiences 9.5.0 → 9.5.2

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

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

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

@@ -1 +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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"}
+{"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  useRepeatingTransactionEligibility,\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  const eligibilityFilter = useRepeatingTransactionEligibility()\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          eligibilityFilter={eligibilityFilter}\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/shared/Accounts.es.js

@@ -1,7 +1,7 @@
 import I from "../../../common/utils/AccountDisplayName.es.js";
 import { useAppConfig as D, useGlobalCopyStore as h, useGlobalUiStore as $ } from "../../../common/context/hooks.es.js";
-import B from "../../../common/components/drawer/Drawer.es.js";
-import { formatCurrency as L } from "../../../core/utils/NumberFormatting.es.js";
+import { formatCurrency as B } from "../../../core/utils/NumberFormatting.es.js";
+import L from "../../../common/components/drawer/Drawer.es.js";
 import k from "../../../common/components/ConnectDrawer.es.js";
 import { getAccountBalanceDetails as O } from "../../../accounts/utils/AccountFields.es.js";
 import S from "../../../accounts/components/AccountsListCompact.es.js";
@@ -46,7 +46,7 @@ var W = ({ loadAccounts: i, loadMoreLabel: y }) => {
         /* @__PURE__ */ t(M, {
           bold: !0,
           variant: "body2",
-          children: L(w(e), "0,0.00")
+          children: B(w(e), "0,0.00")
         })
       ]
     }), c < f.length - 1 && /* @__PURE__ */ t(j, { variant: "inset" })] }, e.guid))
@@ -69,7 +69,7 @@ var W = ({ loadAccounts: i, loadMoreLabel: y }) => {
         y
       ]
     })
-  }) }), /* @__PURE__ */ t(B, {
+  }) }), /* @__PURE__ */ t(L, {
     isOpen: C,
     onClose: () => p(!1),
     title: l.accounts,

package/dist/finstrong/components/shared/Transactions.es.js

@@ -1,7 +1,7 @@
 import { useCategoryStore as T, useGlobalCopyStore as A } from "../../../common/context/hooks.es.js";
-import $ from "../../../common/components/drawer/Drawer.es.js";
+import { fromUnixToDayOfWeekAndDate as $ } from "../../../core/utils/DateUtil.es.js";
 import { formatCurrency as j } from "../../../core/utils/NumberFormatting.es.js";
-import { fromUnixToDayOfWeekAndDate as z } from "../../../core/utils/DateUtil.es.js";
+import z from "../../../common/components/drawer/Drawer.es.js";
 import B from "../../../common/components/ConnectDrawer.es.js";
 import G from "../../../transactions/components/shared/TransactionList.es.js";
 import _ from "react";
@@ -12,7 +12,7 @@ import { ChevronRight as R } from "@mxenabled/mx-icons";
 import { Fragment as y, jsx as e, jsxs as o } from "react/jsx-runtime";
 import { useTheme as F } from "@mui/material/styles";
 import d from "@mui/material/Box";
-var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition: v = "center", formatDate: C = z, secondaryIcon: s }) => {
+var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition: v = "center", formatDate: C = $, secondaryIcon: s }) => {
   const m = F(), { connect: w, finstrong: l, categories: k } = A(), [D, p] = _.useState(!1), [S, g] = _.useState(!1), { getCategoryName: I } = T(), i = 3, h = r.length > i, O = r.length - i;
   let u = r;
   return h && (u = r.map((t) => ({
@@ -114,7 +114,7 @@ var Z = ({ transactions: r = [], amountColor: x = "success.main", amountPosition
           l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
         ]
       })
-    }) }), /* @__PURE__ */ e($, {
+    }) }), /* @__PURE__ */ e(z, {
       isOpen: D,
       onClose: () => p(!1),
       title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,

package/dist/goals/GoalsWidget.es.js

@@ -1,11 +1,11 @@
 import { buildDynamicCopy as p } from "../core/utils/Localization.es.js";
 import { useAccountStore as P, useEvent as U, useGlobalCopyStore as Y, useGlobalUiStore as $, useGoalStore as q } from "../common/context/hooks.es.js";
 import { useScreenSize as H } from "../common/hooks/useScreenSize.es.js";
+import { TrackType as o } from "../core/types/Goal.es.js";
+import { formatCurrency as T } from "../core/utils/NumberFormatting.es.js";
 import { useWidgetLoadTimer as J } from "../common/hooks/useWidgetLoadTimer.es.js";
 import Q from "../common/components/drawer/Drawer.es.js";
-import { ANALYTICS_EVENTS as T } from "../common/constants/Analytics.es.js";
-import { TrackType as o } from "../core/types/Goal.es.js";
-import { formatCurrency as C } from "../core/utils/NumberFormatting.es.js";
+import { ANALYTICS_EVENTS as C } from "../common/constants/Analytics.es.js";
 import X from "../common/components/Loader.es.js";
 import { WidgetContainer as Z } from "../common/components/WidgetContainer.es.js";
 import { EmptyState as tt } from "../common/components/EmptyState.es.js";
@@ -27,14 +27,14 @@ var xt = at(({ onBackClick: E, onMenuClick: L, sx: D }) => {
     widgetName: "GoalsWidget",
     isLoaded: s
   }), i.useEffect(() => {
-    v || R().finally(), b(T.GOALS_VIEW);
+    v || R().finally(), b(C.GOALS_VIEW);
   }, []), i.useEffect(() => {
     _ && K().finally();
   }, [_]);
   const B = () => {
-    b(T.GOALS_CLICK_FILTER);
+    b(C.GOALS_CLICK_FILTER);
   }, a = () => {
-    u(!0), b(T.GOALS_CLICK_ADD);
+    u(!0), b(C.GOALS_CLICK_ADD);
   }, y = (d) => {
     u(!1), d === o.SAVINGS_TRACK ? m(0) : d === o.DEBT_TRACK ? m(1) : d === o.RETIREMENT_TRACK && m(2);
   }, l = i.useMemo(() => s && k.length === 0, [
@@ -43,7 +43,7 @@ var xt = at(({ onBackClick: E, onMenuClick: L, sx: D }) => {
     N
   ]);
   if (!_ || !s) return /* @__PURE__ */ t(X, {});
-  const M = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(F, "0,0")), V = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(O, "0,0")), j = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, C(W, "0,0"));
+  const M = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, T(F, "0,0")), V = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, T(O, "0,0")), j = p(r ? e.tab_subtitle_mobile : e.tab_subtitle, T(W, "0,0"));
   return /* @__PURE__ */ c(Z, {
     actions: [{
       iconName: "add",

package/dist/goals/components/AccountSelectionDrawer.es.js

@@ -1,7 +1,7 @@
 import x from "../../common/utils/AccountDisplayName.es.js";
 import { useAppConfig as y, useGlobalCopyStore as b } from "../../common/context/hooks.es.js";
-import k from "../../common/components/drawer/Drawer.es.js";
-import { formatCurrency as w } from "../../core/utils/NumberFormatting.es.js";
+import { formatCurrency as k } from "../../core/utils/NumberFormatting.es.js";
+import w from "../../common/components/drawer/Drawer.es.js";
 import { ConnectCard as A } from "../../common/components/ConnectCard.es.js";
 import l from "react";
 import { InstitutionLogo as L } from "@mxenabled/mxui";
@@ -18,7 +18,7 @@ var O = ({ accounts: s, isOpen: d, onClose: p, onSave: f, title: u }) => {
     const r = e.findIndex((C) => C.guid === t.guid), i = [...e];
     r >= 0 ? i.splice(r, 1) : i.push(t), h(i);
   };
-  return /* @__PURE__ */ n(k, {
+  return /* @__PURE__ */ n(w, {
     ariaLabelClose: g.close_aria,
     isOpen: d,
     onClose: p,
@@ -35,7 +35,7 @@ var O = ({ accounts: s, isOpen: d, onClose: p, onSave: f, title: u }) => {
           }) }),
           /* @__PURE__ */ o(B, {
             primary: x(t, { allowNickname: c?.show_account_nicknames_in_master }),
-            secondary: w(t.balance || 0, "0,0.00")
+            secondary: k(t.balance || 0, "0,0.00")
           }),
           /* @__PURE__ */ o(I, { checked: e.some((i) => i.guid === t.guid) })
         ]

package/dist/goals/components/AddGoal.es.js

@@ -1,6 +1,6 @@
+import { AccountType as i } from "../../core/types/Account.es.js";
 import E from "../../common/utils/AccountDisplayName.es.js";
 import { useAccountStore as D, useAppConfig as S, useGlobalCopyStore as b, useGoalStore as k } from "../../common/context/hooks.es.js";
-import { AccountType as i } from "../../core/types/Account.es.js";
 import { GoalType as l, MetaType as n, TrackType as r } from "../../core/types/Goal.es.js";
 import { getGoalTypes as G } from "../../core/utils/GoalsUtil.es.js";
 import { AddGoalListItem as O } from "./addgoal/AddGoalListItem.es.js";