@mx-cartographer/experiences 8.1.12 → 8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/{Account-CMjOp7S2.mjs → Account-BaJmiJAG.mjs} +4 -4
- package/dist/{Account-BIKn4XEZ.mjs → Account-BxHMlV9R.mjs} +1 -1
- package/dist/{AccountDetailsHeader-CzefHTWU.mjs → AccountDetailsHeader-CfdnKyJK.mjs} +21 -21
- package/dist/{AccountFields-BWmpVsS3.mjs → AccountFields-CAy0x_4i.mjs} +6 -6
- package/dist/{AccountListItem-DRDxaRBe.mjs → AccountListItem-BYyeeCf6.mjs} +7 -7
- package/dist/{Accounts-DX3xJE97.mjs → AccountUtils-T5_Odvos.mjs} +1 -1
- package/dist/{Analytics-CxK7O19c.mjs → Analytics-CkYXKvco.mjs} +1 -1
- package/dist/ApiEndpoints-DXwIYNUV.mjs +49 -0
- package/dist/BudgetUtil-Bg2AQJpQ.mjs +74 -0
- package/dist/{Category-Ccoew_sA.mjs → Category-DEKZGLYe.mjs} +3 -3
- package/dist/{CategorySelectorDrawer-hhDdSFHO.mjs → CategorySelectorDrawer-Cu1ohxeM.mjs} +2 -2
- package/dist/{Connect-CBBTL1HJ.mjs → Connect-Dk6GZEsA.mjs} +1 -1
- package/dist/ConnectCard-Dix8BoV_.mjs +54 -0
- package/dist/{ConnectDrawer-DNnuF80E.mjs → ConnectDrawer-DgfsTpyW.mjs} +2 -2
- package/dist/{ConnectionsDrawer-DX6d7uwJ.mjs → ConnectionsDrawer-D7IXAza2.mjs} +2 -2
- package/dist/CurrencyDialog-d4dL7vA5.mjs +371 -0
- package/dist/{CurrencyInput-BMbUVSvz.mjs → CurrencyInput-B59ugxPN.mjs} +15 -16
- package/dist/{CurrencyText-oqd6cX3M.mjs → CurrencyText-CCbE6MmF.mjs} +1 -1
- package/dist/{DateFormats-CaOj_4eI.mjs → DateFormats-HudZ3Bjs.mjs} +6 -7
- package/dist/{DateUtil-D0TO0DaZ.mjs → DateUtil-Bhq59ZVg.mjs} +1 -1
- package/dist/DebtUtils-DD3186U-.mjs +153 -0
- package/dist/EmbeddedCard-BNl3quCs.mjs +856 -0
- package/dist/Error-Dogaw2jO.mjs +84 -0
- package/dist/ErrorBoundary-CsdOcnJ9.mjs +23 -0
- package/dist/{ExportCsvAction-BDFu6YIe.mjs → ExportCsvAction-hDprC41l.mjs} +6 -5
- package/dist/{GlobalAccountFilter-jkFxqPg6.mjs → GlobalAccountFilter-DrhtwPqh.mjs} +1 -1
- package/dist/GlobalCopyApi-wcnDUzMV.mjs +128 -0
- package/dist/GoalsUtil-C9EnLWvC.mjs +107 -0
- package/dist/{Help-C_CM4gpK.mjs → Help-BSQm9o29.mjs} +68 -67
- package/dist/{Help-CgpJK03Q.mjs → Help-CkQTjORd.mjs} +6 -27
- package/dist/InformationTooltip-4su8bn1e.mjs +41 -0
- package/dist/{LineChart-CeZnCZ7j.mjs → LineChart-CejWS_rh.mjs} +2 -2
- package/dist/{ListItemAction-CNpknVvo.mjs → ListItemAction-DGjHxNDJ.mjs} +1 -1
- package/dist/ListItemRow-kH1rn8Xu.mjs +67 -0
- package/dist/ListItemWrapper-B5r-YQQ_.mjs +42 -0
- package/dist/Localization-DnoVyBNK.mjs +38 -0
- package/dist/{ManageIncome-BX2IqW57.mjs → ManageIncome-DwylSiWs.mjs} +51 -51
- package/dist/{MicroWidgetContainer-DAesImQ6.mjs → MicroWidgetContainer-CfKdQfhi.mjs} +1 -1
- package/dist/{MiniWidgetContainer-BOv3n4iw.mjs → MiniWidgetContainer-BdPiUU-u.mjs} +1 -1
- package/dist/NetWorthUtils-DilGN1nW.mjs +95 -0
- package/dist/{NotificationSettings-DatCL2Ej.mjs → NotificationSettings-CCg-Tml2.mjs} +13 -13
- package/dist/NotificationUtils-BRGFTePr.mjs +23 -0
- package/dist/{NumberFormatting-CyrvFgfd.mjs → NumberFormatting--XMeeBfr.mjs} +2 -1
- package/dist/{OriginalBalanceAction-CWQ0CK-T.mjs → OriginalBalanceAction-CvDx0K6k.mjs} +4 -4
- package/dist/{RecurringSettings-DCplGEv_.mjs → RecurringSettings-CPXLW6AR.mjs} +9 -9
- package/dist/RecurringTransactionsUtil-B3rLEx_g.mjs +253 -0
- package/dist/Select-BZRUpOib.mjs +51 -0
- package/dist/SelectionBox-Bx2a5rh4.mjs +48 -0
- package/dist/Sizes-DISGrlUg.mjs +6 -0
- package/dist/{SpendingData-Dj85XEUp.mjs → SpendingData-PKlh8caU.mjs} +6 -6
- package/dist/{SpendingLegend-BS8mHUbu.mjs → SpendingLegend-BmkEr9Nh.mjs} +4 -4
- package/dist/{TransactionDetails-C_skrQk8.mjs → TransactionDetails-CbBSxdOi.mjs} +33 -33
- package/dist/TransactionUtils-BphBJBbU.mjs +234 -0
- package/dist/TrendsUtil-D9z3kIj_.mjs +69 -0
- package/dist/UserStore-CRpKQjpP.mjs +3002 -0
- package/dist/{ViewMoreMicroCard-D1j0w64K.mjs → ViewMoreMicroCard-K69RRs_b.mjs} +28 -30
- package/dist/{WidgetContainer-BPJoDkhL.mjs → WidgetContainer-DalWyz5A.mjs} +3 -3
- package/dist/accounts/hooks/useUiStore.d.ts +6 -1
- package/dist/accounts/index.d.ts +0 -1
- package/dist/accounts/index.es.js +62 -64
- package/dist/analytics/index.es.js +2 -2
- package/dist/budgets/index.es.js +18 -18
- package/dist/cashflow/context/hooks.d.ts +15 -1
- package/dist/cashflow/index.d.ts +0 -1
- package/dist/cashflow/index.es.js +28 -31
- package/dist/categories/context/hooks.d.ts +19 -1
- package/dist/categories/index.d.ts +0 -1
- package/dist/categories/index.es.js +4 -6
- package/dist/common/constants/ScheduledPayment.d.ts +1 -1
- package/dist/common/constants/index.d.ts +0 -3
- package/dist/common/context/GlobalDataProvider.d.ts +1 -1
- package/dist/common/context/hooks.d.ts +20 -20
- package/dist/common/index.d.ts +3 -1
- package/dist/common/index.es.js +215 -961
- package/dist/common/utils/AccountFilter.d.ts +1 -1
- package/dist/common/utils/index.d.ts +0 -4
- package/dist/{common → core}/constants/DefaultConfig.d.ts +1 -1
- package/dist/core/constants/Transaction.d.ts +10 -0
- package/dist/core/constants/index.d.ts +2 -0
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.es.js +94 -79
- package/dist/{accounts → core}/stores/AccountStore.d.ts +14 -4
- package/dist/{analytics → core}/stores/AnalyticsStore.d.ts +1 -1
- package/dist/{common → core}/stores/AppDataStore.d.ts +4 -5
- package/dist/{insights/store → core/stores}/BeatStore.d.ts +3 -3
- package/dist/{budgets/store → core/stores}/BudgetsStore.d.ts +3 -4
- package/dist/{cashflow/stores/UiStore.d.ts → core/stores/CashflowStore.d.ts} +10 -2
- package/dist/{categories → core}/stores/CategoryStore.d.ts +24 -4
- package/dist/{common → core}/stores/ConnectStore.d.ts +2 -2
- package/dist/core/stores/DebtsStore.d.ts +22 -0
- package/dist/{finstrong → core}/stores/FinstrongStore.d.ts +4 -4
- package/dist/{common → core}/stores/GlobalCopyStore.d.ts +2 -2
- package/dist/{common → core}/stores/GlobalStore.d.ts +2 -25
- package/dist/{common → core}/stores/GlobalUiStore.d.ts +3 -3
- package/dist/{goals → core}/stores/GoalStore.d.ts +3 -3
- package/dist/{help/store → core/stores}/HelpStore.d.ts +4 -6
- package/dist/{investments → core}/stores/HoldingStore.d.ts +4 -4
- package/dist/{merchants → core}/stores/MerchantStore.d.ts +3 -3
- package/dist/{networth → core}/stores/NetWorthStore.d.ts +3 -4
- package/dist/{notifications → core}/stores/NotificationStore.d.ts +3 -3
- package/dist/{recurringtransactions → core}/stores/RecurringTransactionsStore.d.ts +3 -3
- package/dist/{settings → core}/stores/SettingsStore.d.ts +4 -5
- package/dist/{transactions → core}/stores/TransactionStore.d.ts +27 -6
- package/dist/{trends → core}/stores/TrendsStore.d.ts +11 -5
- package/dist/{common → core}/stores/UserStore.d.ts +2 -2
- package/dist/core/stores/index.d.ts +24 -0
- package/dist/{networth → core}/types/NetWorth.d.ts +1 -10
- package/dist/core/types/Offer.d.ts +32 -0
- package/dist/core/types/index.d.ts +3 -1
- package/dist/{accounts/utils/Accounts.d.ts → core/utils/AccountUtils.d.ts} +1 -1
- package/dist/{microinsights/utils/beatUtils.d.ts → core/utils/BeatUtils.d.ts} +1 -1
- package/dist/{budgets → core}/utils/BudgetUtil.d.ts +2 -2
- package/dist/{categories/util → core/utils}/CategoryUtil.d.ts +6 -1
- package/dist/core/utils/DebtUtils.d.ts +31 -0
- package/dist/core/utils/FinstrongUtils.d.ts +7 -0
- package/dist/{goals/util → core/utils}/GoalsUtil.d.ts +1 -1
- package/dist/core/utils/HelpUtil.d.ts +3 -0
- package/dist/{investments/util → core/utils}/InvestmentUtil.d.ts +2 -2
- package/dist/core/utils/Localization.d.ts +3 -0
- package/dist/{networth → core}/utils/NetWorthUtils.d.ts +1 -2
- package/dist/{notifications → core}/utils/NotificationUtils.d.ts +1 -1
- package/dist/{common → core}/utils/NumberFormatting.d.ts +1 -1
- package/dist/{recurringtransactions/util/RecurringTransactions.d.ts → core/utils/RecurringTransactionsUtil.d.ts} +1 -1
- package/dist/{settings/util/Notifications.d.ts → core/utils/SettingsUtil.d.ts} +1 -1
- package/dist/{transactions/utils/buildDetailedTransactions.d.ts → core/utils/TransactionUtils.d.ts} +12 -2
- package/dist/{trends/utils/TrendsData.d.ts → core/utils/TrendsUtil.d.ts} +1 -1
- package/dist/{common/utils/User.d.ts → core/utils/UserUtils.d.ts} +1 -1
- package/dist/core/utils/index.d.ts +1 -1
- package/dist/dashboard/index.es.js +4 -4
- package/dist/debts/components/DebtsChart.d.ts +1 -1
- package/dist/debts/components/DebtsTable.d.ts +1 -1
- package/dist/debts/components/SnowballCard.d.ts +1 -1
- package/dist/debts/components/actions/InterestRateAction.d.ts +1 -1
- package/dist/debts/components/actions/MonthlyPaymentAction.d.ts +1 -1
- package/dist/debts/components/actions/OriginalBalanceAction.d.ts +1 -1
- package/dist/debts/hooks/useDebtsUiStore.d.ts +1 -1
- package/dist/debts/index.d.ts +0 -1
- package/dist/debts/index.es.js +568 -691
- package/dist/debts/utils/DebtsTable.d.ts +1 -1
- package/dist/debts/utils/SnowballCard.d.ts +2 -2
- package/dist/finstrong/index.d.ts +0 -1
- package/dist/finstrong/index.es.js +1565 -1342
- package/dist/finstrong/util/finstrongUtils.d.ts +1 -7
- package/dist/goals/components/addgoal/AddGoalListItem.d.ts +1 -1
- package/dist/goals/index.d.ts +0 -1
- package/dist/goals/index.es.js +71 -73
- package/dist/help/index.es.js +4 -4
- package/dist/help/utils/index.d.ts +0 -1
- package/dist/{hooks-RzCoiTd0.mjs → hooks-BaO_gOI6.mjs} +17 -17
- package/dist/insights/index.d.ts +0 -1
- package/dist/insights/index.es.js +52 -54
- package/dist/investments/components/AnalysisDetails.d.ts +1 -1
- package/dist/investments/index.es.js +6 -6
- package/dist/merchants/index.d.ts +0 -1
- package/dist/merchants/index.es.js +12 -14
- package/dist/microinsights/index.es.js +1 -1
- package/dist/microinsights/interfaces.d.ts +1 -33
- package/dist/networth/components/AssetsLiabilitiesDetail.d.ts +1 -1
- package/dist/networth/components/GainsLossesDetail.d.ts +1 -1
- package/dist/networth/components/NetWorthChange.d.ts +1 -1
- package/dist/networth/components/NetWorthListItem.d.ts +1 -1
- package/dist/networth/components/NetWorthSummary.d.ts +1 -1
- package/dist/networth/index.d.ts +0 -4
- package/dist/networth/index.es.js +232 -237
- package/dist/notifications/index.d.ts +0 -2
- package/dist/notifications/index.es.js +23 -26
- package/dist/recurringtransactions/index.d.ts +0 -1
- package/dist/recurringtransactions/index.es.js +92 -96
- package/dist/settings/index.d.ts +0 -1
- package/dist/settings/index.es.js +11 -13
- package/dist/spending/index.es.js +10 -10
- package/dist/transactions/context/hooks.d.ts +1 -1
- package/dist/transactions/index.d.ts +0 -4
- package/dist/transactions/index.es.js +102 -109
- package/dist/trends/index.d.ts +0 -1
- package/dist/trends/index.es.js +67 -68
- package/dist/trends/utils/shared.d.ts +1 -1
- package/dist/{useAccountDisplayName-pliH6hz0.mjs → useAccountDisplayName-CFa_MrS6.mjs} +1 -1
- package/dist/{useInsightsEnabled-CzJoG8xi.mjs → useInsightsEnabled-DaNLPmUU.mjs} +1 -1
- package/dist/{useWidgetLoadTimer-BZjr-BiE.mjs → useWidgetLoadTimer-CJb-RELP.mjs} +1 -1
- package/package.json +1 -1
- package/dist/AccountApi-WEM2M9tg.mjs +0 -19
- package/dist/AccountStore-CGrjC2Oe.mjs +0 -253
- package/dist/ApiEndpoints-C5IA97i7.mjs +0 -118
- package/dist/BeatApi-C6pBa0Rb.mjs +0 -21
- package/dist/BeatStore-C7-PIhpB.mjs +0 -163
- package/dist/BudgetUtil-H9igoNVm.mjs +0 -479
- package/dist/CashflowStore-BEi92kJg.mjs +0 -91
- package/dist/CategoryApi-CogDFScz.mjs +0 -29
- package/dist/CategoryStore-CA4NTaKH.mjs +0 -160
- package/dist/CategoryUtil-BJOHgYKS.mjs +0 -80
- package/dist/DebtsStore-BJlC2-yO.mjs +0 -63
- package/dist/EmbeddedCard-B9JoBaan.mjs +0 -811
- package/dist/FinstrongApi-FpmsS_sy.mjs +0 -19
- package/dist/FinstrongStore-DYawCv1d.mjs +0 -435
- package/dist/GlobalCopyApi-DkS-2Zf_.mjs +0 -41
- package/dist/Goal-MFBpoOIC.mjs +0 -29
- package/dist/GoalStore-BBAEbf43.mjs +0 -395
- package/dist/Localization-C_HZg9tJ.mjs +0 -15
- package/dist/Localization-CkQ49EKr.mjs +0 -26
- package/dist/MerchantApi-D8ahYxiG.mjs +0 -15
- package/dist/MerchantStore-CyZTv-BM.mjs +0 -26
- package/dist/NetWorthStore-BY-B_hxy.mjs +0 -168
- package/dist/NotificationApi-DF0obHoR.mjs +0 -20
- package/dist/NotificationStore-DlAM5Ue0.mjs +0 -69
- package/dist/RecurringTransactions-DCt94TN4.mjs +0 -297
- package/dist/RecurringTransactionsStore-CFJYC7lI.mjs +0 -264
- package/dist/RepeatingTransaction-D2gmBTd0.mjs +0 -7
- package/dist/RepeatingTransactionsApi-BNZgZPLs.mjs +0 -17
- package/dist/SettingsApi-D9d7SLhB.mjs +0 -22
- package/dist/SettingsStore-BcbuKfFO.mjs +0 -250
- package/dist/Transaction-Cn5_iFm0.mjs +0 -5
- package/dist/TransactionApi-CLG2eSNe.mjs +0 -86
- package/dist/TransactionStore-amPYxHnA.mjs +0 -710
- package/dist/TrendsStore-bYjIGqyR.mjs +0 -183
- package/dist/WidgetApi-C0BA2cFX.mjs +0 -102
- package/dist/accounts/stores/UiStore.d.ts +0 -10
- package/dist/accounts/utils/index.d.ts +0 -1
- package/dist/cashflow/stores/CashflowStore.d.ts +0 -8
- package/dist/categories/stores/UiStore.d.ts +0 -20
- package/dist/common/stores/index.d.ts +0 -3
- package/dist/common/utils/Categories.d.ts +0 -6
- package/dist/common/utils/Localization.d.ts +0 -3
- package/dist/debts/store/DebtsStore.d.ts +0 -10
- package/dist/debts/store/DebtsUiStore.d.ts +0 -13
- package/dist/debts/utils/DebtStore.d.ts +0 -4
- package/dist/debts/utils/DebtsWidget.d.ts +0 -20
- package/dist/debts/utils/shared.d.ts +0 -12
- package/dist/exportTransactionsToCSV-CSvbZrvL.mjs +0 -133
- package/dist/help/constants/index.d.ts +0 -1
- package/dist/help/utils/getAccessibleHelpCategories.d.ts +0 -3
- package/dist/transactions/analytics.d.ts +0 -3
- package/dist/transactions/constants/Transaction.d.ts +0 -2
- package/dist/transactions/constants/TransactionsTable.d.ts +0 -17
- package/dist/transactions/stores/UiStore.d.ts +0 -25
- package/dist/transactions/utils/exportTransactionsToCSV.d.ts +0 -9
- package/dist/transactions/utils/sortAndFilterTransactions.d.ts +0 -3
- /package/dist/{common → core}/constants/Category.d.ts +0 -0
- /package/dist/{common → core}/constants/DateFormats.d.ts +0 -0
- /package/dist/{debts/constants/index.d.ts → core/constants/Debts.d.ts} +0 -0
- /package/dist/{help → core}/constants/Help.d.ts +0 -0
- /package/dist/{investments/constants/index.d.ts → core/constants/Investments.d.ts} +0 -0
- /package/dist/{common → core}/constants/Numbers.d.ts +0 -0
- /package/dist/{common → core}/constants/Table.d.ts +0 -0
- /package/dist/{common → core}/utils/DateUtil.d.ts +0 -0
|
@@ -1,120 +1,344 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as e, jsxs as s, Fragment as H } from "react/jsx-runtime";
|
|
2
2
|
import M from "@mui/material/Box";
|
|
3
|
-
import
|
|
4
|
-
import { useTheme as
|
|
5
|
-
import { PieChart as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import
|
|
3
|
+
import _ from "@mui/material/Stack";
|
|
4
|
+
import { useTheme as W, alpha as ue } from "@mui/material/styles";
|
|
5
|
+
import { PieChart as pn } from "@mui/x-charts/PieChart";
|
|
6
|
+
import { Text as D, P as A, H3 as j, InstitutionLogo as yt, H2 as Ge, MerchantLogo as un, Icon as _n } from "@mxenabled/mxui";
|
|
7
|
+
import { ChevronRight as J, Check as mn, TrendingUp as hn, ArrowRightAlt as gn, TrendingDown as yn, AccountBalance as ft, CheckCircle as fn, Cancel as bn, CreditCard as bt, Savings as xn, ContentCopy as Cn, MultilineChart as Sn, Add as xt, Cardiology as vn, Payments as wn, CalendarMonth as kn, ExpandMore as Mn } from "@mxenabled/mx-icons";
|
|
8
|
+
import { addDays as Dn } from "date-fns/addDays";
|
|
9
|
+
import { addMonths as In } from "date-fns/addMonths";
|
|
10
|
+
import { addYears as An } from "date-fns/addYears";
|
|
11
|
+
import { differenceInDays as Tn } from "date-fns/differenceInDays";
|
|
12
|
+
import { differenceInMonths as On } from "date-fns/differenceInMonths";
|
|
13
|
+
import { differenceInWeeks as it } from "date-fns/differenceInWeeks";
|
|
14
|
+
import { format as Ct } from "date-fns/format";
|
|
15
|
+
import { startOfToday as Ve } from "date-fns/startOfToday";
|
|
16
|
+
import m, { useState as Rn, useRef as Fn, useCallback as st, useEffect as ct } from "react";
|
|
17
|
+
import Ln from "@mui/material/Avatar";
|
|
18
|
+
import ae from "@mui/material/Divider";
|
|
19
|
+
import Le from "@mui/material/List";
|
|
20
|
+
import _e from "@mui/material/ListItem";
|
|
21
|
+
import Ye from "@mui/material/ListItemAvatar";
|
|
22
|
+
import St from "@mui/material/ListItemButton";
|
|
23
|
+
import me from "@mui/material/ListItemText";
|
|
24
|
+
import { f as B } from "../NumberFormatting--XMeeBfr.mjs";
|
|
25
|
+
import { b as z } from "../Localization-DnoVyBNK.mjs";
|
|
26
|
+
import { f as Xe, D as Ue } from "../DateFormats-HudZ3Bjs.mjs";
|
|
27
|
+
import * as lt from "d3";
|
|
11
28
|
import { observer as w } from "mobx-react-lite";
|
|
12
|
-
import { u as
|
|
13
|
-
import { L as
|
|
14
|
-
import
|
|
15
|
-
import P from "@mui/material/Button";
|
|
29
|
+
import { u as S, b as ne, a as qe, C as oe, s as L, D as Pn, d as ke, l as Qe, f as Bn, i as Ze, h as En, o as Gn } from "../hooks-BaO_gOI6.mjs";
|
|
30
|
+
import { L as ee } from "../Loader-CxeBwuPG.mjs";
|
|
31
|
+
import E from "@mui/material/Button";
|
|
16
32
|
import Y from "@mui/material/Card";
|
|
17
|
-
import { L as
|
|
18
|
-
import { C as
|
|
19
|
-
import { C as
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import { u as
|
|
24
|
-
import { D as
|
|
25
|
-
import { u as
|
|
26
|
-
import { E as
|
|
27
|
-
import
|
|
28
|
-
import { D as
|
|
29
|
-
import
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import { b as K } from "../Localization-CkQ49EKr.mjs";
|
|
40
|
-
import { S as it, c as zn } from "../RecurringTransactions-DCt94TN4.mjs";
|
|
41
|
-
import { A as Ne } from "../Account-CMjOp7S2.mjs";
|
|
42
|
-
import { S as Gn } from "../StatusBar-CPfSXe80.mjs";
|
|
43
|
-
import { i as Mt } from "../DateUtil-D0TO0DaZ.mjs";
|
|
44
|
-
import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../EmbeddedCard-B9JoBaan.mjs";
|
|
45
|
-
import { f as Yn, D as Xn } from "../DateFormats-CaOj_4eI.mjs";
|
|
46
|
-
import { T as pe } from "../TabContentContainer-CnMXkVqr.mjs";
|
|
47
|
-
import qn from "@mui/material/useMediaQuery";
|
|
33
|
+
import { L as Je } from "../LineChart-CejWS_rh.mjs";
|
|
34
|
+
import { C as vt } from "../ConnectionsDrawer-D7IXAza2.mjs";
|
|
35
|
+
import { C as se } from "../ConnectDrawer-DgfsTpyW.mjs";
|
|
36
|
+
import he from "@mui/material/Tab";
|
|
37
|
+
import et from "@mui/material/Tabs";
|
|
38
|
+
import Pe from "@mui/material/TextField";
|
|
39
|
+
import { u as tt } from "../useScreenSize-CeFhWTt_.mjs";
|
|
40
|
+
import { D as Wn } from "../Dialog-iLlBR8TG.mjs";
|
|
41
|
+
import { u as wt } from "../useDimensions-CeDR9V8N.mjs";
|
|
42
|
+
import { E as Be } from "../EmptyState-DHAkGsjk.mjs";
|
|
43
|
+
import $n from "@mui/material/Chip";
|
|
44
|
+
import { D as ie } from "../Drawer-XPaLYjiO.mjs";
|
|
45
|
+
import { g as kt } from "../AccountDisplayName-CO7z3v99.mjs";
|
|
46
|
+
import { g as Mt } from "../AccountFields-CAy0x_4i.mjs";
|
|
47
|
+
import Nn from "@mui/material/ListSubheader";
|
|
48
|
+
import { S as dt } from "../Select-BZRUpOib.mjs";
|
|
49
|
+
import { A as je } from "../Account-BaJmiJAG.mjs";
|
|
50
|
+
import { S as zn } from "../StatusBar-CPfSXe80.mjs";
|
|
51
|
+
import { i as Dt } from "../DateUtil-Bhq59ZVg.mjs";
|
|
52
|
+
import { T as Hn, s as Kn, h as Vn, S as jn, a as Yn } from "../EmbeddedCard-BNl3quCs.mjs";
|
|
53
|
+
import { T as ge } from "../TabContentContainer-CnMXkVqr.mjs";
|
|
54
|
+
import Xn from "@mui/material/useMediaQuery";
|
|
48
55
|
import { BarPlot as Un } from "@mui/x-charts/BarChart";
|
|
49
|
-
import { ChartContainer as
|
|
50
|
-
import { ChartsXAxis as
|
|
51
|
-
import { ChartsYAxis as
|
|
52
|
-
import { startOfMonth as
|
|
53
|
-
import { endOfMonth as
|
|
54
|
-
import { g as
|
|
55
|
-
import { formatISO as
|
|
56
|
-
import { fromUnixTime as
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as
|
|
61
|
-
import { AdapterDateFns as
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import
|
|
65
|
-
import {
|
|
66
|
-
import go from "@mui/lab/Timeline";
|
|
67
|
-
import yo, { timelineItemClasses as bo } from "@mui/lab/TimelineItem";
|
|
56
|
+
import { ChartContainer as qn } from "@mui/x-charts/ChartContainer";
|
|
57
|
+
import { ChartsXAxis as Qn } from "@mui/x-charts/ChartsXAxis";
|
|
58
|
+
import { ChartsYAxis as Zn } from "@mui/x-charts/ChartsYAxis";
|
|
59
|
+
import { startOfMonth as It } from "date-fns/startOfMonth";
|
|
60
|
+
import { endOfMonth as At } from "date-fns/endOfMonth";
|
|
61
|
+
import { g as Jn, S as eo, b as to } from "../SpendingLegend-BmkEr9Nh.mjs";
|
|
62
|
+
import { formatISO as no } from "date-fns/formatISO";
|
|
63
|
+
import { fromUnixTime as oo } from "date-fns/fromUnixTime";
|
|
64
|
+
import { subDays as ro } from "date-fns/subDays";
|
|
65
|
+
import { c as ao, b as pt, S as io, i as so } from "../ManageIncome-DwylSiWs.mjs";
|
|
66
|
+
import { F as Tt, c as co, R as Ot } from "../RecurringTransactionsUtil-B3rLEx_g.mjs";
|
|
67
|
+
import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as uo } from "@mui/x-date-pickers";
|
|
68
|
+
import { AdapterDateFns as Rt } from "@mui/x-date-pickers/AdapterDateFnsV3";
|
|
69
|
+
import { R as _o } from "../RecurringSettings-CPXLW6AR.mjs";
|
|
70
|
+
import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
|
|
71
|
+
import ho from "@mui/lab/Timeline";
|
|
72
|
+
import go, { timelineItemClasses as yo } from "@mui/lab/TimelineItem";
|
|
68
73
|
import fo from "@mui/lab/TimelineConnector";
|
|
69
|
-
import
|
|
70
|
-
import
|
|
74
|
+
import bo from "@mui/lab/TimelineContent";
|
|
75
|
+
import xo from "@mui/lab/TimelineDot";
|
|
71
76
|
import Co from "@mui/lab/TimelineSeparator";
|
|
72
|
-
import
|
|
73
|
-
import
|
|
74
|
-
import
|
|
75
|
-
import { u as
|
|
76
|
-
import { W as
|
|
77
|
-
const
|
|
77
|
+
import So from "@mui/material/Accordion";
|
|
78
|
+
import vo from "@mui/material/AccordionDetails";
|
|
79
|
+
import wo from "@mui/material/AccordionSummary";
|
|
80
|
+
import { u as ko } from "../useWidgetLoadTimer-CJb-RELP.mjs";
|
|
81
|
+
import { W as Mo } from "../WidgetContainer-DalWyz5A.mjs";
|
|
82
|
+
const Ae = {
|
|
83
|
+
creditScore: {
|
|
84
|
+
poor: 600,
|
|
85
|
+
good: 720
|
|
86
|
+
},
|
|
87
|
+
daysOfCashOnHand: {
|
|
88
|
+
poor: 30,
|
|
89
|
+
good: 90
|
|
90
|
+
},
|
|
91
|
+
debtToIncomeRatio: {
|
|
92
|
+
poor: 40,
|
|
93
|
+
good: 30
|
|
94
|
+
},
|
|
95
|
+
emergencySavings: {
|
|
96
|
+
poor: 750,
|
|
97
|
+
good: 1e3
|
|
98
|
+
},
|
|
99
|
+
spendToIncomeRatio: {
|
|
100
|
+
poor: 110,
|
|
101
|
+
good: 100
|
|
102
|
+
}
|
|
103
|
+
}, De = {
|
|
104
|
+
GOOD: "GOOD",
|
|
105
|
+
FAIR: "FAIR",
|
|
106
|
+
OFF_TRACK: "OFF TRACK",
|
|
107
|
+
MISSING: "MISSING DATA"
|
|
108
|
+
};
|
|
109
|
+
var q = /* @__PURE__ */ ((t) => (t.Connections = "connections", t.CreditScore = "credit_score", t.DateOfBirth = "date_of_birth", t.MonthlyIncome = "monthly_income", t))(q || {});
|
|
110
|
+
const Do = ({ list: t, onClickItem: n }) => /* @__PURE__ */ e(M, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
|
|
111
|
+
Le,
|
|
112
|
+
{
|
|
113
|
+
sx: {
|
|
114
|
+
"& .MuiListItemSecondaryAction-root": {
|
|
115
|
+
color: "text.primary",
|
|
116
|
+
pr: 24
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
children: t.map((o, r) => /* @__PURE__ */ s(m.Fragment, { children: [
|
|
120
|
+
/* @__PURE__ */ e(_e, { secondaryAction: /* @__PURE__ */ e(J, {}), children: /* @__PURE__ */ s(St, { onClick: () => n(o.key), children: [
|
|
121
|
+
/* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(
|
|
122
|
+
Ln,
|
|
123
|
+
{
|
|
124
|
+
sx: {
|
|
125
|
+
bgcolor: "primary.main",
|
|
126
|
+
...!o.isComplete && {
|
|
127
|
+
bgcolor: "transparent",
|
|
128
|
+
borderColor: "action.active",
|
|
129
|
+
borderStyle: "solid",
|
|
130
|
+
borderWidth: 1,
|
|
131
|
+
color: "action.active"
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
children: o.icon
|
|
135
|
+
}
|
|
136
|
+
) }),
|
|
137
|
+
/* @__PURE__ */ e(
|
|
138
|
+
me,
|
|
139
|
+
{
|
|
140
|
+
primary: /* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "caption", children: o.primaryText }),
|
|
141
|
+
secondary: /* @__PURE__ */ e(D, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: o.secondaryText })
|
|
142
|
+
}
|
|
143
|
+
)
|
|
144
|
+
] }) }),
|
|
145
|
+
/* @__PURE__ */ e(ae, { sx: { color: "divider", ml: r === t.length - 1 ? 0 : 68 } })
|
|
146
|
+
] }, o.key))
|
|
147
|
+
}
|
|
148
|
+
) }), ut = (t) => t * (180 / Math.PI), nt = (t, n) => [
|
|
149
|
+
{
|
|
150
|
+
description: n.vulnerable_description,
|
|
151
|
+
max: 25,
|
|
152
|
+
scoreContent: n.accordion_details_text.vulnerable,
|
|
153
|
+
status: n.vulnerable
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
description: n.building_description,
|
|
157
|
+
max: 50,
|
|
158
|
+
scoreContent: n.accordion_details_text.building,
|
|
159
|
+
status: n.building
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
description: n.stable_description,
|
|
163
|
+
max: 75,
|
|
164
|
+
scoreContent: n.accordion_details_text.stable,
|
|
165
|
+
status: n.stable
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
description: n.strong_description,
|
|
169
|
+
max: 100,
|
|
170
|
+
scoreContent: n.accordion_details_text.strong,
|
|
171
|
+
status: n.strong
|
|
172
|
+
}
|
|
173
|
+
].find((i) => t > 0 && t <= i.max) || { status: n.insufficient_data, description: "", scoreContent: "" }, Q = {
|
|
174
|
+
POOR: "#8C0E0E",
|
|
175
|
+
FAIR: "#E32727",
|
|
176
|
+
GOOD: "#FFB70D",
|
|
177
|
+
VERY_GOOD: "#0EA26C",
|
|
178
|
+
EXCEPTIONAL: "#005C3D"
|
|
179
|
+
}, Z = {
|
|
180
|
+
POOR: "#B21C1C",
|
|
181
|
+
FAIR: "#FF3232",
|
|
182
|
+
GOOD: "#FFC02C",
|
|
183
|
+
VERY_GOOD: "#29C76B",
|
|
184
|
+
EXCEPTIONAL: "#008A5A"
|
|
185
|
+
}, Ft = (t, n, o) => t >= 300 && t < 580 ? {
|
|
186
|
+
status: o.poor,
|
|
187
|
+
color: n ? Z.POOR : Q.POOR
|
|
188
|
+
} : t >= 580 && t < 670 ? {
|
|
189
|
+
status: o.fair,
|
|
190
|
+
color: n ? Z.FAIR : Q.FAIR
|
|
191
|
+
} : t >= 670 && t < 740 ? {
|
|
192
|
+
status: o.good,
|
|
193
|
+
color: n ? Z.GOOD : Q.GOOD
|
|
194
|
+
} : t >= 740 && t < 800 ? {
|
|
195
|
+
status: o.very_good,
|
|
196
|
+
color: n ? Z.VERY_GOOD : Q.VERY_GOOD
|
|
197
|
+
} : t >= 800 && t <= 850 ? {
|
|
198
|
+
status: o.exceptional,
|
|
199
|
+
color: n ? Z.EXCEPTIONAL : Q.EXCEPTIONAL
|
|
200
|
+
} : { status: o.missing_data }, Io = (t, n, o, r) => {
|
|
201
|
+
const i = t.reduce((c, d) => c + d.value, 0);
|
|
202
|
+
let a = 0;
|
|
203
|
+
const l = t.map((c) => {
|
|
204
|
+
const d = c.value / i * n, p = o + a, u = p + d;
|
|
205
|
+
return a += d, {
|
|
206
|
+
...c,
|
|
207
|
+
startAngle: p,
|
|
208
|
+
endAngle: u
|
|
209
|
+
};
|
|
210
|
+
});
|
|
211
|
+
return [l[r].startAngle, l[r].endAngle];
|
|
212
|
+
}, Ao = (t, n, o, r, i) => {
|
|
213
|
+
let a = 0, l = 0;
|
|
214
|
+
const c = Math.floor(r), d = r - c;
|
|
215
|
+
return c > o ? (a = t, l = n) : c === o && d > 0 && (a = t, l = i), [a, l];
|
|
216
|
+
}, To = (t, n, o = 0) => {
|
|
217
|
+
const r = t * Math.sin(n - o), i = -t * Math.cos(n - o);
|
|
218
|
+
return [r, i];
|
|
219
|
+
}, Oo = ({
|
|
220
|
+
dynamicCopy: t,
|
|
221
|
+
fallbackLabel: n,
|
|
222
|
+
icon: o,
|
|
223
|
+
key: r,
|
|
224
|
+
label: i,
|
|
225
|
+
value: a
|
|
226
|
+
}) => {
|
|
227
|
+
const l = !!a, c = l ? Ro(r, a) : t && z(t, n) || n;
|
|
228
|
+
return {
|
|
229
|
+
icon: l ? /* @__PURE__ */ e(mn, {}) : o,
|
|
230
|
+
isComplete: l,
|
|
231
|
+
key: r,
|
|
232
|
+
primaryText: i,
|
|
233
|
+
secondaryText: c
|
|
234
|
+
};
|
|
235
|
+
}, Ro = (t, n) => ({
|
|
236
|
+
[q.DateOfBirth]: (r) => Ct(new Date(Number(r) * 1e3), "MMM d, yyyy"),
|
|
237
|
+
[q.MonthlyIncome]: (r) => B(Number(r), "0.00")
|
|
238
|
+
})[t]?.(n) ?? String(n), Ee = (t) => t !== null ? Math.round(t * 100) : null, Fo = (t) => {
|
|
239
|
+
const n = new Date((/* @__PURE__ */ new Date()).getFullYear(), t - 1, 1);
|
|
240
|
+
return Xe(n, Ue.MONTH_SHORT);
|
|
241
|
+
}, Lt = (t) => {
|
|
242
|
+
const { good: n, poor: o } = Ae.daysOfCashOnHand;
|
|
243
|
+
return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
|
|
244
|
+
}, Pt = (t) => {
|
|
245
|
+
const { good: n, poor: o } = Ae.emergencySavings;
|
|
246
|
+
return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
|
|
247
|
+
}, Bt = (t) => {
|
|
248
|
+
const { good: n, poor: o } = Ae.spendToIncomeRatio;
|
|
249
|
+
return t === null ? "MISSING" : t < n ? "GOOD" : t < o ? "FAIR" : "OFF_TRACK";
|
|
250
|
+
}, Et = (t) => {
|
|
251
|
+
const { good: n, poor: o } = Ae.debtToIncomeRatio;
|
|
252
|
+
return t === null ? "MISSING" : t <= n ? "GOOD" : t <= o ? "FAIR" : "OFF_TRACK";
|
|
253
|
+
}, Gt = (t) => {
|
|
254
|
+
const { good: n, poor: o } = Ae.creditScore;
|
|
255
|
+
return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
|
|
256
|
+
}, Wt = (t) => t === null ? "MISSING" : t === 0 ? "GOOD" : "OFF_TRACK", Lo = (t, n) => {
|
|
257
|
+
const o = Wt(t), r = {
|
|
258
|
+
GOOD: n.count_good_description,
|
|
259
|
+
OFF_TRACK: n.count_off_track_description,
|
|
260
|
+
MISSING: n.count_missing_description
|
|
261
|
+
};
|
|
262
|
+
return {
|
|
263
|
+
cardState: o,
|
|
264
|
+
description: r[o],
|
|
265
|
+
title: n.count_card_title
|
|
266
|
+
};
|
|
267
|
+
}, Po = (t) => ({
|
|
268
|
+
[De.GOOD]: { backgroundColor: "success.lighter", color: "success.dark" },
|
|
269
|
+
[De.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
|
|
270
|
+
[De.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
|
|
271
|
+
[De.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
|
|
272
|
+
})[t], Bo = 1, Eo = 1, Go = {
|
|
273
|
+
1: In,
|
|
274
|
+
2: An,
|
|
275
|
+
3: Dn
|
|
276
|
+
}, Wo = {
|
|
277
|
+
1: On,
|
|
278
|
+
2: (t, n) => it(t, n) / 2,
|
|
279
|
+
3: it,
|
|
280
|
+
4: Tn
|
|
281
|
+
}, $t = [
|
|
282
|
+
{ contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
|
|
283
|
+
{ contributionPeriodIndex: 3, targetAmount: 3, upperLimit: 900 },
|
|
284
|
+
{ contributionPeriodIndex: 2, targetAmount: 1, upperLimit: 1e3 }
|
|
285
|
+
], _t = ({
|
|
286
|
+
contribution: t,
|
|
287
|
+
goalAmount: n,
|
|
288
|
+
goalPeriod: o,
|
|
289
|
+
targetPeriod: r,
|
|
290
|
+
totalSaved: i
|
|
291
|
+
}) => {
|
|
292
|
+
const a = n - i;
|
|
293
|
+
if (a <= 0) return 0;
|
|
294
|
+
const l = Ve(), c = Go[r], d = Wo[t];
|
|
295
|
+
if (!c || !d) return a;
|
|
296
|
+
const p = c(l, o), u = d(p, l);
|
|
297
|
+
return Math.max(a / (u || 1), 1);
|
|
298
|
+
}, $o = (t) => !t || t <= 0 ? "0%" : t >= 1e3 ? "100%" : `${Math.round(t / 10)}%`, No = (t) => $t.find((o) => t < o.upperLimit)?.targetAmount ?? Eo, mt = (t) => $t.find((r) => t < r.upperLimit)?.contributionPeriodIndex ?? Bo, zo = (t, n) => [...t].sort((r, i) => r.year === i.year ? r.month - i.month : r.year - i.year).map((r) => ({
|
|
299
|
+
x: Xe(new Date(0, r.month - 1, 1), Ue.MONTH_SHORT),
|
|
300
|
+
y: r[n]
|
|
301
|
+
})), Ho = ({
|
|
78
302
|
dialScoreData: t,
|
|
79
|
-
dataIndex:
|
|
80
|
-
arcColor:
|
|
303
|
+
dataIndex: n,
|
|
304
|
+
arcColor: o,
|
|
81
305
|
arcStartAngle: r,
|
|
82
|
-
totalAngularSpan:
|
|
306
|
+
totalAngularSpan: i,
|
|
83
307
|
centerX: a,
|
|
84
308
|
centerY: l,
|
|
85
309
|
arcRadius: c,
|
|
86
310
|
innerArcRadius: d,
|
|
87
|
-
outterArcRadius:
|
|
311
|
+
outterArcRadius: p,
|
|
88
312
|
progressEndAngle: u,
|
|
89
|
-
unitsPerSegment:
|
|
90
|
-
isFinacialStrengthGraph:
|
|
313
|
+
unitsPerSegment: h,
|
|
314
|
+
isFinacialStrengthGraph: f
|
|
91
315
|
}) => {
|
|
92
|
-
const v =
|
|
316
|
+
const v = W(), x = [
|
|
93
317
|
{ offset: "13.62%", color: v.palette.chartMono.chartMono2 },
|
|
94
318
|
{ offset: "36.67%", color: v.palette.chartMono.chartMono3 },
|
|
95
319
|
{ offset: "59.72%", color: v.palette.chartMono.chartMono4 },
|
|
96
320
|
{ offset: "83.46%", color: v.palette.chartMono.chartMono5 }
|
|
97
|
-
], [
|
|
321
|
+
], [C, b] = Io(
|
|
98
322
|
t,
|
|
99
|
-
|
|
323
|
+
i,
|
|
100
324
|
r,
|
|
101
|
-
|
|
102
|
-
), [k, g] =
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
325
|
+
n
|
|
326
|
+
), [k, g] = Ao(
|
|
327
|
+
C,
|
|
328
|
+
b,
|
|
329
|
+
n,
|
|
330
|
+
h,
|
|
107
331
|
u
|
|
108
|
-
), y =
|
|
109
|
-
return /* @__PURE__ */
|
|
332
|
+
), y = lt.arc().innerRadius(d).outerRadius(p).startAngle(C).endAngle(b).padAngle(0.02).cornerRadius(8), I = lt.arc().innerRadius(d).outerRadius(p).startAngle(k).endAngle(g).padAngle(0.02).cornerRadius(8);
|
|
333
|
+
return /* @__PURE__ */ s(H, { children: [
|
|
110
334
|
/* @__PURE__ */ e(
|
|
111
335
|
"path",
|
|
112
336
|
{
|
|
113
337
|
d: y({}),
|
|
114
|
-
fill:
|
|
338
|
+
fill: f ? v.palette.divider : o
|
|
115
339
|
}
|
|
116
340
|
),
|
|
117
|
-
|
|
341
|
+
f && /* @__PURE__ */ e("path", { d: I({}), fill: "url(#arcGradient)" }),
|
|
118
342
|
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
|
|
119
343
|
"linearGradient",
|
|
120
344
|
{
|
|
@@ -125,82 +349,82 @@ const Io = ({
|
|
|
125
349
|
x2: a - c * 0.8 * Math.cos(Math.PI / 1.35),
|
|
126
350
|
y1: l + c * 0.8 * Math.sin(Math.PI / 1.35),
|
|
127
351
|
y2: l - c * 0.8 * Math.sin(Math.PI / 1.35),
|
|
128
|
-
children: x.map((
|
|
352
|
+
children: x.map((G, O) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, O))
|
|
129
353
|
}
|
|
130
354
|
) })
|
|
131
355
|
] });
|
|
132
|
-
},
|
|
356
|
+
}, Nt = ({
|
|
133
357
|
arcRadius: t = 100,
|
|
134
|
-
healthScore:
|
|
135
|
-
size:
|
|
358
|
+
healthScore: n,
|
|
359
|
+
size: o = "L",
|
|
136
360
|
dialScoreData: r,
|
|
137
|
-
minValue:
|
|
361
|
+
minValue: i = 0,
|
|
138
362
|
maxValue: a = 100,
|
|
139
363
|
margin: l,
|
|
140
364
|
markerColor: c,
|
|
141
365
|
healthScoreStatus: d,
|
|
142
|
-
footerCenterContent:
|
|
366
|
+
footerCenterContent: p,
|
|
143
367
|
footerLeftContent: u,
|
|
144
|
-
footerRightContent:
|
|
145
|
-
isFinacialStrengthGraph:
|
|
368
|
+
footerRightContent: h,
|
|
369
|
+
isFinacialStrengthGraph: f = !1
|
|
146
370
|
}) => {
|
|
147
|
-
const v =
|
|
371
|
+
const v = W(), x = -Math.PI / 1.35, C = Math.PI / 1.35, b = C - x, k = b / (a - i), g = (n - i) * k, y = x + g + 0.02, I = o !== "SM" ? 0.1 : 0.12, G = t, O = t * (1 - I), $ = G * 2, F = $ / 2, K = $ / 2, fe = (O + G) / 2, be = n !== 25 && n !== 50 && n !== 75 && n !== 100 ? 0 : 0.12, [X, re] = To(fe, y, be), ce = n / 25, U = {
|
|
148
372
|
L: { markerSize: 12, healthScoreFontSize: 64 },
|
|
149
373
|
M: { markerSize: 8, healthScoreFontSize: 48 },
|
|
150
374
|
SM: { markerSize: 3, healthScoreFontSize: 14 }
|
|
151
|
-
},
|
|
375
|
+
}, V = {
|
|
152
376
|
top: 0,
|
|
153
377
|
right: 0,
|
|
154
378
|
bottom: 0,
|
|
155
379
|
left: 0,
|
|
156
380
|
...l
|
|
157
|
-
},
|
|
158
|
-
return /* @__PURE__ */
|
|
159
|
-
|
|
381
|
+
}, le = p === 0 ? gn : yn, de = o !== "SM" ? 3 : 1, xe = de * 4, N = U[o].markerSize * 2 + xe;
|
|
382
|
+
return /* @__PURE__ */ s(
|
|
383
|
+
_,
|
|
160
384
|
{
|
|
161
385
|
sx: {
|
|
162
|
-
width:
|
|
163
|
-
height:
|
|
386
|
+
width: $,
|
|
387
|
+
height: o === "SM" ? $ - 7 : $,
|
|
164
388
|
position: "relative",
|
|
165
389
|
alignSelf: "center",
|
|
166
390
|
overflow: "visible"
|
|
167
391
|
},
|
|
168
392
|
children: [
|
|
169
393
|
/* @__PURE__ */ e(
|
|
170
|
-
|
|
394
|
+
pn,
|
|
171
395
|
{
|
|
172
|
-
height:
|
|
396
|
+
height: o === "SM" ? $ - 7 : $,
|
|
173
397
|
hideLegend: !0,
|
|
174
|
-
margin:
|
|
398
|
+
margin: V,
|
|
175
399
|
series: [
|
|
176
400
|
{
|
|
177
401
|
data: r,
|
|
178
402
|
innerRadius: O,
|
|
179
|
-
outerRadius:
|
|
180
|
-
startAngle: Math.round(
|
|
403
|
+
outerRadius: G,
|
|
404
|
+
startAngle: Math.round(ut(x)),
|
|
181
405
|
// Use Math.degrees to convert
|
|
182
|
-
endAngle: Math.round(
|
|
406
|
+
endAngle: Math.round(ut(C))
|
|
183
407
|
// Use Math.degrees to convert
|
|
184
408
|
}
|
|
185
409
|
],
|
|
186
410
|
skipAnimation: !0,
|
|
187
411
|
slots: {
|
|
188
|
-
pieArc: (
|
|
189
|
-
|
|
412
|
+
pieArc: (Ce) => /* @__PURE__ */ e(
|
|
413
|
+
Ho,
|
|
190
414
|
{
|
|
191
|
-
arcColor:
|
|
415
|
+
arcColor: Ce.color,
|
|
192
416
|
arcRadius: t,
|
|
193
417
|
arcStartAngle: x,
|
|
194
|
-
centerX:
|
|
195
|
-
centerY:
|
|
196
|
-
dataIndex:
|
|
418
|
+
centerX: F,
|
|
419
|
+
centerY: K,
|
|
420
|
+
dataIndex: Ce.dataIndex,
|
|
197
421
|
dialScoreData: r,
|
|
198
422
|
innerArcRadius: O,
|
|
199
|
-
isFinacialStrengthGraph:
|
|
200
|
-
outterArcRadius:
|
|
423
|
+
isFinacialStrengthGraph: f,
|
|
424
|
+
outterArcRadius: G,
|
|
201
425
|
progressEndAngle: y,
|
|
202
|
-
totalAngularSpan:
|
|
203
|
-
unitsPerSegment:
|
|
426
|
+
totalAngularSpan: b,
|
|
427
|
+
unitsPerSegment: ce
|
|
204
428
|
}
|
|
205
429
|
)
|
|
206
430
|
},
|
|
@@ -209,30 +433,30 @@ const Io = ({
|
|
|
209
433
|
stroke: "none"
|
|
210
434
|
}
|
|
211
435
|
},
|
|
212
|
-
width:
|
|
436
|
+
width: $
|
|
213
437
|
}
|
|
214
438
|
),
|
|
215
|
-
|
|
439
|
+
n >= i && n <= a && /* @__PURE__ */ e(
|
|
216
440
|
"svg",
|
|
217
441
|
{
|
|
218
|
-
height:
|
|
442
|
+
height: N,
|
|
219
443
|
style: {
|
|
220
444
|
position: "absolute",
|
|
221
|
-
left:
|
|
222
|
-
top:
|
|
445
|
+
left: F + X - U[o].markerSize - 5,
|
|
446
|
+
top: K + re - U[o].markerSize - 5,
|
|
223
447
|
overflow: "visible"
|
|
224
448
|
},
|
|
225
|
-
viewBox: `${
|
|
226
|
-
width:
|
|
449
|
+
viewBox: `${F + X - U[o].markerSize - 5} ${K + re - U[o].markerSize - 5} ${N} ${N}`,
|
|
450
|
+
width: N,
|
|
227
451
|
children: /* @__PURE__ */ e(
|
|
228
452
|
"circle",
|
|
229
453
|
{
|
|
230
|
-
cx:
|
|
231
|
-
cy:
|
|
454
|
+
cx: F + X,
|
|
455
|
+
cy: K + re,
|
|
232
456
|
fill: v.palette.common.white,
|
|
233
|
-
r:
|
|
234
|
-
stroke:
|
|
235
|
-
strokeWidth:
|
|
457
|
+
r: U[o].markerSize,
|
|
458
|
+
stroke: f ? "url(#arcGradient)" : c,
|
|
459
|
+
strokeWidth: de
|
|
236
460
|
}
|
|
237
461
|
)
|
|
238
462
|
}
|
|
@@ -242,46 +466,46 @@ const Io = ({
|
|
|
242
466
|
{
|
|
243
467
|
sx: {
|
|
244
468
|
position: "absolute",
|
|
245
|
-
top: `${
|
|
246
|
-
left: `${
|
|
469
|
+
top: `${K}px`,
|
|
470
|
+
left: `${F}px`,
|
|
247
471
|
transform: "translate(-50%, -50%)",
|
|
248
472
|
textAlign: "center"
|
|
249
473
|
},
|
|
250
|
-
children: /* @__PURE__ */
|
|
251
|
-
|
|
474
|
+
children: /* @__PURE__ */ s(
|
|
475
|
+
_,
|
|
252
476
|
{
|
|
253
477
|
spacing: 1,
|
|
254
|
-
sx: { alignItems: "center", justifyContent: "center", gap:
|
|
478
|
+
sx: { alignItems: "center", justifyContent: "center", gap: o !== "M" ? 10 : 3 },
|
|
255
479
|
children: [
|
|
256
480
|
/* @__PURE__ */ e(
|
|
257
|
-
|
|
481
|
+
A,
|
|
258
482
|
{
|
|
259
483
|
sx: {
|
|
260
|
-
fontSize:
|
|
261
|
-
lineHeight:
|
|
484
|
+
fontSize: U[o].healthScoreFontSize,
|
|
485
|
+
lineHeight: o !== "SM" ? "48px" : "100%"
|
|
262
486
|
},
|
|
263
487
|
variant: "h1",
|
|
264
|
-
children:
|
|
488
|
+
children: n
|
|
265
489
|
}
|
|
266
490
|
),
|
|
267
|
-
|
|
491
|
+
o !== "SM" && /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: o === "L" ? "body1" : "body2", children: d })
|
|
268
492
|
]
|
|
269
493
|
}
|
|
270
494
|
)
|
|
271
495
|
}
|
|
272
496
|
),
|
|
273
|
-
|
|
497
|
+
p !== void 0 && /* @__PURE__ */ e(
|
|
274
498
|
M,
|
|
275
499
|
{
|
|
276
500
|
sx: {
|
|
277
501
|
position: "absolute",
|
|
278
|
-
top: `${
|
|
279
|
-
left: `${
|
|
502
|
+
top: `${K * 2 * 0.83}px`,
|
|
503
|
+
left: `${F}px`,
|
|
280
504
|
transform: "translate(-50%, -50%)",
|
|
281
505
|
textAlign: "center"
|
|
282
506
|
},
|
|
283
|
-
children: typeof
|
|
284
|
-
|
|
507
|
+
children: typeof p == "number" ? /* @__PURE__ */ s(
|
|
508
|
+
_,
|
|
285
509
|
{
|
|
286
510
|
sx: {
|
|
287
511
|
flexDirection: "row",
|
|
@@ -290,21 +514,21 @@ const Io = ({
|
|
|
290
514
|
mt: 24
|
|
291
515
|
},
|
|
292
516
|
children: [
|
|
293
|
-
|
|
517
|
+
p > 0 ? /* @__PURE__ */ e(hn, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(le, { size: 16, sx: { color: "text.secondary" } }),
|
|
294
518
|
/* @__PURE__ */ e(
|
|
295
|
-
|
|
519
|
+
A,
|
|
296
520
|
{
|
|
297
521
|
sx: {
|
|
298
522
|
fontWeight: 600,
|
|
299
|
-
color:
|
|
523
|
+
color: p > 0 ? "success.main" : "text.secondary"
|
|
300
524
|
},
|
|
301
525
|
variant: "body1",
|
|
302
|
-
children: Math.abs(
|
|
526
|
+
children: Math.abs(p)
|
|
303
527
|
}
|
|
304
528
|
)
|
|
305
529
|
]
|
|
306
530
|
}
|
|
307
|
-
) : /* @__PURE__ */ e(
|
|
531
|
+
) : /* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "subtitle2", children: p })
|
|
308
532
|
}
|
|
309
533
|
),
|
|
310
534
|
u !== void 0 && /* @__PURE__ */ e(
|
|
@@ -312,135 +536,135 @@ const Io = ({
|
|
|
312
536
|
{
|
|
313
537
|
sx: {
|
|
314
538
|
position: "absolute",
|
|
315
|
-
top: `${
|
|
316
|
-
left: `${
|
|
539
|
+
top: `${K * 2 * 0.83}px`,
|
|
540
|
+
left: `${F - F / 2}px`,
|
|
317
541
|
// shift left from center
|
|
318
542
|
transform: "translate(-50%, -50%)",
|
|
319
543
|
textAlign: "left"
|
|
320
544
|
},
|
|
321
|
-
children: /* @__PURE__ */ e(
|
|
545
|
+
children: /* @__PURE__ */ e(A, { variant: "body1", children: u })
|
|
322
546
|
}
|
|
323
547
|
),
|
|
324
|
-
|
|
548
|
+
h !== void 0 && /* @__PURE__ */ e(
|
|
325
549
|
M,
|
|
326
550
|
{
|
|
327
551
|
sx: {
|
|
328
552
|
position: "absolute",
|
|
329
|
-
top: `${
|
|
330
|
-
left: `${
|
|
553
|
+
top: `${K * 2 * 0.83}px`,
|
|
554
|
+
left: `${F + F / 2}px`,
|
|
331
555
|
transform: "translate(-50%, -50%)",
|
|
332
556
|
textAlign: "right"
|
|
333
557
|
},
|
|
334
|
-
children: /* @__PURE__ */ e(
|
|
558
|
+
children: /* @__PURE__ */ e(A, { variant: "body1", children: h })
|
|
335
559
|
}
|
|
336
560
|
)
|
|
337
561
|
]
|
|
338
562
|
}
|
|
339
563
|
);
|
|
340
|
-
},
|
|
564
|
+
}, zt = w(
|
|
341
565
|
({
|
|
342
566
|
arcRadius: t,
|
|
343
|
-
size:
|
|
344
|
-
healthScore:
|
|
567
|
+
size: n = "L",
|
|
568
|
+
healthScore: o,
|
|
345
569
|
footerCenterContent: r,
|
|
346
|
-
margin:
|
|
570
|
+
margin: i
|
|
347
571
|
}) => {
|
|
348
572
|
const a = [
|
|
349
573
|
{ id: 1, label: "Group A", value: 25 },
|
|
350
574
|
{ id: 2, label: "Group B", value: 25 },
|
|
351
575
|
{ id: 3, label: "Group C", value: 25 },
|
|
352
576
|
{ id: 4, label: "Group D", value: 25 }
|
|
353
|
-
], { finstrong: l } =
|
|
577
|
+
], { finstrong: l } = S(), c = nt(o, l);
|
|
354
578
|
return /* @__PURE__ */ e(
|
|
355
|
-
|
|
579
|
+
Nt,
|
|
356
580
|
{
|
|
357
581
|
arcRadius: t,
|
|
358
582
|
dialScoreData: a,
|
|
359
|
-
footerCenterContent:
|
|
360
|
-
healthScore:
|
|
583
|
+
footerCenterContent: n === "L" ? l.footer_center_content_updated_just_now : r,
|
|
584
|
+
healthScore: o,
|
|
361
585
|
healthScoreStatus: c.status,
|
|
362
586
|
isFinacialStrengthGraph: !0,
|
|
363
|
-
margin:
|
|
364
|
-
size:
|
|
587
|
+
margin: i,
|
|
588
|
+
size: n
|
|
365
589
|
}
|
|
366
590
|
);
|
|
367
591
|
}
|
|
368
|
-
),
|
|
592
|
+
), Ko = w(
|
|
369
593
|
({
|
|
370
594
|
arcRadius: t,
|
|
371
|
-
size:
|
|
372
|
-
healthScore:
|
|
595
|
+
size: n = "L",
|
|
596
|
+
healthScore: o,
|
|
373
597
|
maxValue: r = 850,
|
|
374
|
-
minValue:
|
|
598
|
+
minValue: i = 300,
|
|
375
599
|
footerCenterContent: a
|
|
376
600
|
}) => {
|
|
377
|
-
const c =
|
|
601
|
+
const c = W().palette.mode === "dark", d = [
|
|
378
602
|
{
|
|
379
603
|
id: 1,
|
|
380
604
|
label: "Poor",
|
|
381
605
|
value: 29,
|
|
382
|
-
color: c ?
|
|
606
|
+
color: c ? Z.POOR : Q.POOR
|
|
383
607
|
},
|
|
384
608
|
{
|
|
385
609
|
id: 2,
|
|
386
610
|
label: "Fair",
|
|
387
611
|
value: 25,
|
|
388
|
-
color: c ?
|
|
612
|
+
color: c ? Z.FAIR : Q.FAIR
|
|
389
613
|
},
|
|
390
614
|
{
|
|
391
615
|
id: 3,
|
|
392
616
|
label: "Good",
|
|
393
617
|
value: 17,
|
|
394
|
-
color: c ?
|
|
618
|
+
color: c ? Z.GOOD : Q.GOOD
|
|
395
619
|
},
|
|
396
620
|
{
|
|
397
621
|
id: 4,
|
|
398
622
|
label: "Very Good",
|
|
399
623
|
value: 17,
|
|
400
|
-
color: c ?
|
|
624
|
+
color: c ? Z.VERY_GOOD : Q.VERY_GOOD
|
|
401
625
|
},
|
|
402
626
|
{
|
|
403
627
|
id: 5,
|
|
404
628
|
label: "Exceptional",
|
|
405
629
|
value: 12,
|
|
406
|
-
color: c ?
|
|
630
|
+
color: c ? Z.EXCEPTIONAL : Q.EXCEPTIONAL
|
|
407
631
|
}
|
|
408
|
-
], { finstrong:
|
|
409
|
-
if (!u) return /* @__PURE__ */ e(
|
|
410
|
-
const { status:
|
|
411
|
-
|
|
632
|
+
], { finstrong: p } = S(), { isCopyLoaded: u } = ne();
|
|
633
|
+
if (!u) return /* @__PURE__ */ e(ee, {});
|
|
634
|
+
const { status: h, color: f = "none" } = Ft(
|
|
635
|
+
o,
|
|
412
636
|
c,
|
|
413
|
-
|
|
637
|
+
p.credit_score_status
|
|
414
638
|
);
|
|
415
639
|
return /* @__PURE__ */ e(
|
|
416
|
-
|
|
640
|
+
Nt,
|
|
417
641
|
{
|
|
418
642
|
arcRadius: t,
|
|
419
643
|
dialScoreData: d,
|
|
420
644
|
footerCenterContent: a,
|
|
421
|
-
footerLeftContent:
|
|
645
|
+
footerLeftContent: i,
|
|
422
646
|
footerRightContent: r,
|
|
423
|
-
healthScore:
|
|
424
|
-
healthScoreStatus:
|
|
425
|
-
markerColor:
|
|
647
|
+
healthScore: o,
|
|
648
|
+
healthScoreStatus: h,
|
|
649
|
+
markerColor: f,
|
|
426
650
|
maxValue: r,
|
|
427
|
-
minValue:
|
|
428
|
-
size:
|
|
651
|
+
minValue: i,
|
|
652
|
+
size: n
|
|
429
653
|
}
|
|
430
654
|
);
|
|
431
655
|
}
|
|
432
|
-
),
|
|
656
|
+
), We = ({
|
|
433
657
|
drawerType: t,
|
|
434
|
-
isDashboard:
|
|
435
|
-
hasIcon:
|
|
658
|
+
isDashboard: n = !1,
|
|
659
|
+
hasIcon: o = !0,
|
|
436
660
|
buttonText: r,
|
|
437
|
-
title:
|
|
661
|
+
title: i,
|
|
438
662
|
titleDrawer: a,
|
|
439
663
|
description: l,
|
|
440
664
|
sx: c
|
|
441
665
|
}) => {
|
|
442
|
-
const [d,
|
|
443
|
-
return t &&
|
|
666
|
+
const [d, p] = m.useState(!1), { connect: u, finstrong: h } = S(), { config: f } = qe();
|
|
667
|
+
return t && f.show_connections_widget_in_master ? /* @__PURE__ */ s(
|
|
444
668
|
Y,
|
|
445
669
|
{
|
|
446
670
|
sx: {
|
|
@@ -451,50 +675,50 @@ const Io = ({
|
|
|
451
675
|
...c
|
|
452
676
|
},
|
|
453
677
|
children: [
|
|
454
|
-
/* @__PURE__ */
|
|
455
|
-
|
|
678
|
+
/* @__PURE__ */ s(
|
|
679
|
+
_,
|
|
456
680
|
{
|
|
457
681
|
sx: {
|
|
458
682
|
gap: 8,
|
|
459
|
-
...
|
|
683
|
+
...n && { flexDirection: "row", alignItems: "center" }
|
|
460
684
|
},
|
|
461
685
|
children: [
|
|
462
|
-
|
|
463
|
-
/* @__PURE__ */ e(
|
|
686
|
+
o && /* @__PURE__ */ e(ft, { sx: { height: 20, width: 20 } }),
|
|
687
|
+
/* @__PURE__ */ e(j, { className: "connect-more-accounts-title", sx: { ...n && { fontSize: 15 } }, children: i || h.connect_more_accounts_title })
|
|
464
688
|
]
|
|
465
689
|
}
|
|
466
690
|
),
|
|
467
691
|
/* @__PURE__ */ e(
|
|
468
|
-
|
|
692
|
+
A,
|
|
469
693
|
{
|
|
470
694
|
className: "connect-more-accounts-description",
|
|
471
695
|
sx: { color: "text.secondary", mt: 8 },
|
|
472
696
|
variant: "subtitle1",
|
|
473
|
-
children: l ||
|
|
697
|
+
children: l || h.connect_more_accounts_description
|
|
474
698
|
}
|
|
475
699
|
),
|
|
476
700
|
/* @__PURE__ */ e(
|
|
477
|
-
|
|
701
|
+
E,
|
|
478
702
|
{
|
|
479
|
-
endIcon: /* @__PURE__ */ e(
|
|
480
|
-
onClick: () =>
|
|
703
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
704
|
+
onClick: () => p(!0),
|
|
481
705
|
size: "small",
|
|
482
706
|
sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
|
|
483
|
-
children: /* @__PURE__ */ e(
|
|
707
|
+
children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body2", children: r || h.connect_more_accounts_button })
|
|
484
708
|
}
|
|
485
709
|
),
|
|
486
710
|
t === "connectDrawer" && /* @__PURE__ */ e(
|
|
487
|
-
|
|
711
|
+
se,
|
|
488
712
|
{
|
|
489
|
-
onClose: () =>
|
|
713
|
+
onClose: () => p(!1),
|
|
490
714
|
showConnectWidget: d,
|
|
491
715
|
title: a || u.mini_title
|
|
492
716
|
}
|
|
493
717
|
),
|
|
494
718
|
t === "connectionsDrawer" && /* @__PURE__ */ e(
|
|
495
|
-
|
|
719
|
+
vt,
|
|
496
720
|
{
|
|
497
|
-
onClose: () =>
|
|
721
|
+
onClose: () => p(!1),
|
|
498
722
|
showConnectionsWidget: d,
|
|
499
723
|
title: a || u.mini_title
|
|
500
724
|
}
|
|
@@ -503,55 +727,55 @@ const Io = ({
|
|
|
503
727
|
}
|
|
504
728
|
) : null;
|
|
505
729
|
};
|
|
506
|
-
var
|
|
507
|
-
const
|
|
508
|
-
const { common:
|
|
509
|
-
|
|
510
|
-
},
|
|
730
|
+
var ye = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(ye || {});
|
|
731
|
+
const Vo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", jo = ({ isOpen: t, onClose: n }) => {
|
|
732
|
+
const { common: o, finstrong: r } = S(), { isMobile: i } = tt(), { updateUser: a, user: l } = oe(), [c, d] = m.useState(l.credit_score || 0), p = !isNaN(c), u = () => {
|
|
733
|
+
n(), setTimeout(() => d(l.credit_score || 0), 300);
|
|
734
|
+
}, h = () => {
|
|
511
735
|
!c || c === l.credit_score || a({ ...l, credit_score: c });
|
|
512
736
|
};
|
|
513
737
|
return /* @__PURE__ */ e(
|
|
514
|
-
|
|
738
|
+
Wn,
|
|
515
739
|
{
|
|
516
|
-
copy: { close_aria:
|
|
517
|
-
disablePrimaryButton: !c || !
|
|
740
|
+
copy: { close_aria: o.close_aria, title: r.edit_credit_score },
|
|
741
|
+
disablePrimaryButton: !c || !p,
|
|
518
742
|
isOpen: t,
|
|
519
743
|
maxWidth: "xs",
|
|
520
744
|
onClose: u,
|
|
521
|
-
onPrimaryAction:
|
|
745
|
+
onPrimaryAction: h,
|
|
522
746
|
primaryColor: "primary",
|
|
523
|
-
primaryText:
|
|
747
|
+
primaryText: o.save_button,
|
|
524
748
|
sx: {
|
|
525
749
|
"& .MuiDialog-paper": {
|
|
526
|
-
minWidth:
|
|
750
|
+
minWidth: i ? "100%" : 400
|
|
527
751
|
}
|
|
528
752
|
},
|
|
529
753
|
children: /* @__PURE__ */ e(
|
|
530
754
|
"form",
|
|
531
755
|
{
|
|
532
|
-
onSubmit: (
|
|
533
|
-
|
|
756
|
+
onSubmit: (f) => {
|
|
757
|
+
f.preventDefault(), h(), u();
|
|
534
758
|
},
|
|
535
759
|
children: /* @__PURE__ */ e(
|
|
536
|
-
|
|
760
|
+
Pe,
|
|
537
761
|
{
|
|
538
|
-
error: !
|
|
762
|
+
error: !p,
|
|
539
763
|
fullWidth: !0,
|
|
540
764
|
inputMode: "numeric",
|
|
541
765
|
inputProps: {
|
|
542
766
|
noValidate: !0,
|
|
543
767
|
pattern: "[0-9]*"
|
|
544
768
|
},
|
|
545
|
-
onChange: (
|
|
546
|
-
value:
|
|
769
|
+
onChange: (f) => d(Number(f.target.value)),
|
|
770
|
+
value: p ? c : ""
|
|
547
771
|
}
|
|
548
772
|
)
|
|
549
773
|
}
|
|
550
774
|
)
|
|
551
775
|
}
|
|
552
776
|
);
|
|
553
|
-
},
|
|
554
|
-
const
|
|
777
|
+
}, Ht = w(jo), Yo = ({ chartFor: t }) => {
|
|
778
|
+
const n = W(), o = n.palette.mode === "dark", { monthlySummaries: r } = L(), { user: i } = oe(), { finstrong: a } = S(), [l, { width: c }] = wt(), d = {
|
|
555
779
|
savingsOverTime: {
|
|
556
780
|
icon: "trending_up",
|
|
557
781
|
title: a.key_indicators_save.zero_state_title,
|
|
@@ -580,29 +804,29 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
580
804
|
title: a.credit_over_time_title,
|
|
581
805
|
valueKey: "credit_score"
|
|
582
806
|
}
|
|
583
|
-
}[t],
|
|
584
|
-
let
|
|
807
|
+
}[t], h = zo(r, u.valueKey), f = r.map((O) => O[u.valueKey]), v = Math.max(...f), x = Math.min(...f), C = () => v >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : v >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: b, leftMargin: k } = C(), g = u.title, y = t === "creditOverTime";
|
|
808
|
+
let I;
|
|
585
809
|
if (y) {
|
|
586
|
-
const { color: O } =
|
|
587
|
-
|
|
588
|
-
|
|
810
|
+
const { color: O } = Ft(
|
|
811
|
+
i?.credit_score ?? 0,
|
|
812
|
+
o,
|
|
589
813
|
a.credit_score_status
|
|
590
814
|
);
|
|
591
|
-
|
|
815
|
+
I = O;
|
|
592
816
|
}
|
|
593
|
-
const
|
|
594
|
-
return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children:
|
|
595
|
-
/* @__PURE__ */ e(
|
|
817
|
+
const G = h.some((O) => O.y !== 0);
|
|
818
|
+
return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: G ? /* @__PURE__ */ s(_, { gap: 8, sx: { pl: 18 }, children: [
|
|
819
|
+
/* @__PURE__ */ e(A, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
|
|
596
820
|
/* @__PURE__ */ e(
|
|
597
|
-
|
|
821
|
+
Je,
|
|
598
822
|
{
|
|
599
|
-
areaColor:
|
|
600
|
-
axisColor:
|
|
823
|
+
areaColor: I,
|
|
824
|
+
axisColor: n.palette.divider,
|
|
601
825
|
baseline: "min",
|
|
602
826
|
chartFor: t,
|
|
603
|
-
colors: [
|
|
827
|
+
colors: [n.palette.primary.main],
|
|
604
828
|
curveType: y ? "linear" : "monotoneX",
|
|
605
|
-
datasets:
|
|
829
|
+
datasets: h ? [h] : [],
|
|
606
830
|
height: 244,
|
|
607
831
|
labelFontColor: y ? "text.primary" : "",
|
|
608
832
|
labelFontSize: y ? 13 : void 0,
|
|
@@ -611,11 +835,11 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
611
835
|
markStyles: (O) => y ? {
|
|
612
836
|
markLabelStyles: {
|
|
613
837
|
marginLeft: 16,
|
|
614
|
-
transform: O ===
|
|
838
|
+
transform: O === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
|
|
615
839
|
fontWeight: 600,
|
|
616
|
-
fill:
|
|
840
|
+
fill: n.palette.text.primary
|
|
617
841
|
},
|
|
618
|
-
stroke:
|
|
842
|
+
stroke: I
|
|
619
843
|
} : {},
|
|
620
844
|
maxRange: y ? 850 : void 0,
|
|
621
845
|
minRange: (() => {
|
|
@@ -630,12 +854,12 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
630
854
|
showYAxis: y,
|
|
631
855
|
showYAxisTicks: y,
|
|
632
856
|
useCustomMark: !0,
|
|
633
|
-
valueFormatterString: y ? void 0 :
|
|
857
|
+
valueFormatterString: y ? void 0 : b,
|
|
634
858
|
width: c < 342 ? c - 48 : 342
|
|
635
859
|
}
|
|
636
860
|
)
|
|
637
861
|
] }) : /* @__PURE__ */ e(
|
|
638
|
-
|
|
862
|
+
Be,
|
|
639
863
|
{
|
|
640
864
|
header: d.title,
|
|
641
865
|
icon: d.icon,
|
|
@@ -654,39 +878,39 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
654
878
|
}
|
|
655
879
|
}
|
|
656
880
|
) });
|
|
657
|
-
},
|
|
658
|
-
const { healthScoreChangeReports: t } =
|
|
659
|
-
return /* @__PURE__ */
|
|
660
|
-
/* @__PURE__ */
|
|
881
|
+
}, ot = w(Yo), Xo = () => {
|
|
882
|
+
const { healthScoreChangeReports: t } = L(), { finstrong: n } = S(), { user: o } = oe(), { availableWidth: r } = Pn(), { isSmallMobile: i } = tt(r), [a, l] = m.useState(!1), c = t.at(-1);
|
|
883
|
+
return /* @__PURE__ */ s(M, { children: [
|
|
884
|
+
/* @__PURE__ */ s(_, { sx: { gap: 28 }, children: [
|
|
661
885
|
/* @__PURE__ */ e(
|
|
662
|
-
|
|
886
|
+
Ko,
|
|
663
887
|
{
|
|
664
|
-
arcRadius:
|
|
888
|
+
arcRadius: i ? 124 : 154,
|
|
665
889
|
footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
|
|
666
|
-
healthScore:
|
|
667
|
-
size:
|
|
890
|
+
healthScore: o.credit_score ?? 0,
|
|
891
|
+
size: i ? "M" : "L"
|
|
668
892
|
}
|
|
669
893
|
),
|
|
670
|
-
/* @__PURE__ */ e(
|
|
671
|
-
/* @__PURE__ */ e(
|
|
894
|
+
/* @__PURE__ */ e(E, { onClick: () => l(!0), variant: "contained", children: n.credit_score_updated_score }),
|
|
895
|
+
/* @__PURE__ */ e(ot, { chartFor: "creditOverTime" })
|
|
672
896
|
] }),
|
|
673
|
-
/* @__PURE__ */ e(
|
|
897
|
+
/* @__PURE__ */ e(Ht, { isOpen: a, onClose: () => l(!1) })
|
|
674
898
|
] });
|
|
675
|
-
},
|
|
676
|
-
const { finstrong:
|
|
677
|
-
GOOD:
|
|
678
|
-
FAIR:
|
|
679
|
-
OFF_TRACK:
|
|
680
|
-
MISSING:
|
|
899
|
+
}, Uo = w(Xo), $e = ({ status: t }) => {
|
|
900
|
+
const { finstrong: n } = S(), o = Po(De[t]), r = {
|
|
901
|
+
GOOD: n.key_indicators_good,
|
|
902
|
+
FAIR: n.key_indicators_fair,
|
|
903
|
+
OFF_TRACK: n.key_indicators_off_track,
|
|
904
|
+
MISSING: n.key_indicators_missing
|
|
681
905
|
}[t];
|
|
682
906
|
return /* @__PURE__ */ e(
|
|
683
|
-
|
|
907
|
+
$n,
|
|
684
908
|
{
|
|
685
909
|
label: /* @__PURE__ */ e(
|
|
686
|
-
|
|
910
|
+
A,
|
|
687
911
|
{
|
|
688
912
|
fontWeight: 700,
|
|
689
|
-
sx: { color:
|
|
913
|
+
sx: { color: o.color, minHeight: 12 },
|
|
690
914
|
uppercase: !0,
|
|
691
915
|
variant: "tiny",
|
|
692
916
|
children: r
|
|
@@ -694,79 +918,79 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
694
918
|
),
|
|
695
919
|
size: "small",
|
|
696
920
|
sx: {
|
|
697
|
-
bgcolor:
|
|
921
|
+
bgcolor: o.backgroundColor,
|
|
698
922
|
height: 16
|
|
699
923
|
},
|
|
700
924
|
variant: "filled"
|
|
701
925
|
}
|
|
702
926
|
);
|
|
703
|
-
},
|
|
704
|
-
const { finstrong: t } =
|
|
705
|
-
return /* @__PURE__ */
|
|
706
|
-
/* @__PURE__ */ e(
|
|
707
|
-
/* @__PURE__ */ e(
|
|
927
|
+
}, qo = () => {
|
|
928
|
+
const { finstrong: t } = S(), { user: n } = oe(), o = Gt(n.credit_score ?? null);
|
|
929
|
+
return /* @__PURE__ */ s(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
930
|
+
/* @__PURE__ */ e(j, { children: t.credit_score_keep_strong_credit_score }),
|
|
931
|
+
/* @__PURE__ */ e($e, { status: o })
|
|
708
932
|
] });
|
|
709
|
-
},
|
|
933
|
+
}, Qo = w(qo), Zo = ({
|
|
710
934
|
additionalContent: t,
|
|
711
|
-
connectTitle:
|
|
712
|
-
connectDescription:
|
|
935
|
+
connectTitle: n,
|
|
936
|
+
connectDescription: o,
|
|
713
937
|
children: r,
|
|
714
|
-
description:
|
|
938
|
+
description: i,
|
|
715
939
|
drawerTitle: a,
|
|
716
940
|
isOpen: l,
|
|
717
941
|
loadConnectAccountsCard: c = !0,
|
|
718
942
|
onClose: d,
|
|
719
|
-
stickyComponent:
|
|
943
|
+
stickyComponent: p,
|
|
720
944
|
title: u,
|
|
721
|
-
drawerType:
|
|
945
|
+
drawerType: h
|
|
722
946
|
}) => {
|
|
723
|
-
const { finstrong:
|
|
724
|
-
if (
|
|
725
|
-
const y =
|
|
726
|
-
|
|
947
|
+
const { finstrong: f } = S(), { isCopyLoaded: v } = ne(), [x, C] = Rn(!1), b = Fn(null), k = st(() => {
|
|
948
|
+
if (b.current) {
|
|
949
|
+
const y = b.current.scrollTop > 0;
|
|
950
|
+
C((I) => I !== y ? y : I);
|
|
727
951
|
}
|
|
728
|
-
}, []), g =
|
|
952
|
+
}, []), g = st(
|
|
729
953
|
(y) => {
|
|
730
|
-
if (
|
|
731
|
-
let
|
|
732
|
-
for (;
|
|
733
|
-
const { overflow:
|
|
734
|
-
if (
|
|
735
|
-
|
|
954
|
+
if (b.current && b.current.removeEventListener("scroll", k), y) {
|
|
955
|
+
let I = y.parentElement;
|
|
956
|
+
for (; I; ) {
|
|
957
|
+
const { overflow: G, overflowY: O } = window.getComputedStyle(I);
|
|
958
|
+
if (G === "auto" || O === "auto" || G === "scroll" || O === "scroll") {
|
|
959
|
+
b.current = I, I.addEventListener("scroll", k, { passive: !0 });
|
|
736
960
|
break;
|
|
737
961
|
}
|
|
738
|
-
|
|
962
|
+
I = I.parentElement;
|
|
739
963
|
}
|
|
740
964
|
}
|
|
741
965
|
},
|
|
742
966
|
[k]
|
|
743
967
|
);
|
|
744
|
-
return
|
|
745
|
-
l ||
|
|
746
|
-
}, [l]),
|
|
747
|
-
|
|
748
|
-
}, [k]), v ? /* @__PURE__ */ e(
|
|
749
|
-
|
|
968
|
+
return ct(() => {
|
|
969
|
+
l || C(!1);
|
|
970
|
+
}, [l]), ct(() => () => {
|
|
971
|
+
b.current && b.current.removeEventListener("scroll", k);
|
|
972
|
+
}, [k]), v ? /* @__PURE__ */ e(ie, { isOpen: l, onClose: d, title: a || f.key_indicators, children: /* @__PURE__ */ s(
|
|
973
|
+
_,
|
|
750
974
|
{
|
|
751
975
|
ref: g,
|
|
752
976
|
sx: { backgroundColor: "background.default", height: "100%" },
|
|
753
977
|
children: [
|
|
754
|
-
(u ||
|
|
755
|
-
|
|
978
|
+
(u || i) && /* @__PURE__ */ s(
|
|
979
|
+
_,
|
|
756
980
|
{
|
|
757
981
|
sx: {
|
|
758
982
|
backgroundColor: "background.paper",
|
|
759
983
|
gap: 8,
|
|
760
984
|
p: 24,
|
|
761
|
-
pb:
|
|
985
|
+
pb: p ? 0 : 24
|
|
762
986
|
},
|
|
763
987
|
children: [
|
|
764
|
-
u && typeof u == "string" ? /* @__PURE__ */ e(
|
|
765
|
-
|
|
988
|
+
u && typeof u == "string" ? /* @__PURE__ */ e(j, { children: u }) : u,
|
|
989
|
+
i && /* @__PURE__ */ e(A, { sx: { lineHeight: "24px" }, children: i })
|
|
766
990
|
]
|
|
767
991
|
}
|
|
768
992
|
),
|
|
769
|
-
|
|
993
|
+
p && /* @__PURE__ */ e(
|
|
770
994
|
M,
|
|
771
995
|
{
|
|
772
996
|
sx: {
|
|
@@ -778,156 +1002,156 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
778
1002
|
borderColor: x ? "divider" : "transparent"
|
|
779
1003
|
}
|
|
780
1004
|
},
|
|
781
|
-
children:
|
|
1005
|
+
children: p
|
|
782
1006
|
}
|
|
783
1007
|
),
|
|
784
1008
|
t && /* @__PURE__ */ e(M, { children: t }),
|
|
785
|
-
/* @__PURE__ */
|
|
1009
|
+
/* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
|
|
786
1010
|
r,
|
|
787
1011
|
c && /* @__PURE__ */ e(
|
|
788
|
-
|
|
1012
|
+
We,
|
|
789
1013
|
{
|
|
790
|
-
description:
|
|
791
|
-
drawerType:
|
|
1014
|
+
description: o,
|
|
1015
|
+
drawerType: h,
|
|
792
1016
|
isDashboard: !0,
|
|
793
1017
|
sx: { backgroundColor: "background.paper" },
|
|
794
|
-
title:
|
|
1018
|
+
title: n
|
|
795
1019
|
}
|
|
796
1020
|
)
|
|
797
1021
|
] })
|
|
798
1022
|
]
|
|
799
1023
|
}
|
|
800
|
-
) }) : /* @__PURE__ */ e(
|
|
801
|
-
},
|
|
1024
|
+
) }) : /* @__PURE__ */ e(ee, {});
|
|
1025
|
+
}, Kt = w(Zo), Jo = ({
|
|
802
1026
|
onClick: t,
|
|
803
|
-
shouldShowBalance:
|
|
804
|
-
loadAccounts:
|
|
1027
|
+
shouldShowBalance: n = !0,
|
|
1028
|
+
loadAccounts: o
|
|
805
1029
|
}) => {
|
|
806
|
-
const { config: r } =
|
|
1030
|
+
const { config: r } = qe(), { accounts: i } = S(), { selectedAccounts: a } = ne(), l = m.useCallback(
|
|
807
1031
|
(d) => {
|
|
808
1032
|
t?.(d);
|
|
809
1033
|
},
|
|
810
1034
|
[t]
|
|
811
|
-
), c =
|
|
1035
|
+
), c = m.useMemo(
|
|
812
1036
|
() => Array.from(new Set(a.map((d) => d.account_type))).filter(
|
|
813
|
-
(d) =>
|
|
1037
|
+
(d) => o ? o.includes(d) : !0
|
|
814
1038
|
),
|
|
815
|
-
[a,
|
|
1039
|
+
[a, o]
|
|
816
1040
|
);
|
|
817
|
-
return a.length ? /* @__PURE__ */ e(
|
|
818
|
-
const { accountsForType:
|
|
819
|
-
(
|
|
1041
|
+
return a.length ? /* @__PURE__ */ e(m.Fragment, { children: c.map((d) => {
|
|
1042
|
+
const { accountsForType: p, totalBalanceForType: u } = a.reduce(
|
|
1043
|
+
(h, f) => (f.account_type === d && (h.accountsForType.push(f), h.totalBalanceForType += f.balance || 0), h),
|
|
820
1044
|
{ accountsForType: [], totalBalanceForType: 0 }
|
|
821
1045
|
);
|
|
822
|
-
return /* @__PURE__ */
|
|
823
|
-
|
|
1046
|
+
return /* @__PURE__ */ s(
|
|
1047
|
+
Le,
|
|
824
1048
|
{
|
|
825
|
-
subheader: /* @__PURE__ */ e(
|
|
826
|
-
/* @__PURE__ */ e(
|
|
827
|
-
|
|
1049
|
+
subheader: /* @__PURE__ */ e(Nn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ s(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
|
|
1050
|
+
/* @__PURE__ */ e(D, { bold: !0, variant: "caption", children: i.account_types[d] }),
|
|
1051
|
+
n && /* @__PURE__ */ e(D, { bold: !0, variant: "caption", children: B(u, "0,0.00") })
|
|
828
1052
|
] }) }),
|
|
829
1053
|
sx: { bgcolor: "background.paper" },
|
|
830
1054
|
children: [
|
|
831
|
-
|
|
832
|
-
const { firstValue: v } =
|
|
833
|
-
|
|
834
|
-
|
|
1055
|
+
p.map((h, f) => {
|
|
1056
|
+
const { firstValue: v } = Mt(
|
|
1057
|
+
h,
|
|
1058
|
+
i,
|
|
835
1059
|
r.display_available_balance_in_accounts
|
|
836
|
-
), x =
|
|
1060
|
+
), x = kt(h, {
|
|
837
1061
|
allowNickname: r?.show_account_nicknames_in_master
|
|
838
|
-
}),
|
|
839
|
-
/* @__PURE__ */ e(
|
|
1062
|
+
}), C = /* @__PURE__ */ s(H, { children: [
|
|
1063
|
+
/* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(yt, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
|
|
840
1064
|
/* @__PURE__ */ e(
|
|
841
|
-
|
|
1065
|
+
me,
|
|
842
1066
|
{
|
|
843
|
-
primary: `${x}${
|
|
1067
|
+
primary: `${x}${h.account_number ? ` *${h.account_number}` : ""}`,
|
|
844
1068
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
845
1069
|
}
|
|
846
1070
|
),
|
|
847
|
-
|
|
1071
|
+
n && /* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: B(v ?? 0, "0,0.00") })
|
|
848
1072
|
] });
|
|
849
|
-
return /* @__PURE__ */
|
|
850
|
-
/* @__PURE__ */ e(
|
|
851
|
-
|
|
852
|
-
] },
|
|
1073
|
+
return /* @__PURE__ */ s(m.Fragment, { children: [
|
|
1074
|
+
/* @__PURE__ */ e(_e, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(St, { onClick: () => l(h), children: C }) : C }),
|
|
1075
|
+
f !== p.length - 1 && /* @__PURE__ */ e(ae, { variant: "inset" })
|
|
1076
|
+
] }, h.guid);
|
|
853
1077
|
}),
|
|
854
|
-
/* @__PURE__ */ e(
|
|
1078
|
+
/* @__PURE__ */ e(ae, {})
|
|
855
1079
|
]
|
|
856
1080
|
},
|
|
857
1081
|
d
|
|
858
1082
|
);
|
|
859
1083
|
}) }) : null;
|
|
860
|
-
},
|
|
861
|
-
const
|
|
1084
|
+
}, Vt = w(Jo), er = ({ loadAccounts: t, loadMoreLabel: n }) => {
|
|
1085
|
+
const o = W(), { config: r } = qe(), { connect: i, finstrong: a } = S(), { accounts: l } = S(), { selectedAccounts: c } = ne(), [d, p] = m.useState(!1), [u, h] = m.useState(!1), f = m.useMemo(
|
|
862
1086
|
() => c.filter(
|
|
863
|
-
(
|
|
1087
|
+
(C) => t ? t.includes(C.account_type) : !0
|
|
864
1088
|
),
|
|
865
1089
|
[c, t]
|
|
866
|
-
), v =
|
|
867
|
-
const { firstValue:
|
|
868
|
-
|
|
1090
|
+
), v = m.useMemo(() => f.slice(0, 3), [f]), x = (C) => {
|
|
1091
|
+
const { firstValue: b } = Mt(
|
|
1092
|
+
C,
|
|
869
1093
|
l,
|
|
870
1094
|
r.display_available_balance_in_accounts
|
|
871
1095
|
);
|
|
872
|
-
return
|
|
1096
|
+
return b;
|
|
873
1097
|
};
|
|
874
|
-
return
|
|
875
|
-
/* @__PURE__ */ e(M, { sx: { border: `1px solid ${
|
|
876
|
-
/* @__PURE__ */
|
|
877
|
-
/* @__PURE__ */ e(
|
|
1098
|
+
return f.length >= 1 ? /* @__PURE__ */ s(H, { children: [
|
|
1099
|
+
/* @__PURE__ */ e(M, { sx: { border: `1px solid ${o.palette.divider}`, borderRadius: 2 }, children: v.map((C, b) => /* @__PURE__ */ s(m.Fragment, { children: [
|
|
1100
|
+
/* @__PURE__ */ s(_e, { sx: { px: 24 }, children: [
|
|
1101
|
+
/* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(yt, { alt: "MX", institutionGuid: C.institution_guid ?? "" }) }),
|
|
878
1102
|
/* @__PURE__ */ e(
|
|
879
|
-
|
|
1103
|
+
me,
|
|
880
1104
|
{
|
|
881
|
-
primary: `${
|
|
1105
|
+
primary: `${kt(C, {
|
|
882
1106
|
allowNickname: r?.show_account_nicknames_in_master
|
|
883
1107
|
})}
|
|
884
|
-
${
|
|
1108
|
+
${C.account_number ? ` *${C.account_number}` : ""}`,
|
|
885
1109
|
primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
|
|
886
1110
|
}
|
|
887
1111
|
),
|
|
888
|
-
/* @__PURE__ */ e(
|
|
1112
|
+
/* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: B(x(C), "0,0.00") })
|
|
889
1113
|
] }),
|
|
890
|
-
|
|
891
|
-
] },
|
|
892
|
-
|
|
1114
|
+
b < v.length - 1 && /* @__PURE__ */ e(ae, { variant: "inset" })
|
|
1115
|
+
] }, C.guid)) }),
|
|
1116
|
+
f.length > 3 && /* @__PURE__ */ s(H, { children: [
|
|
893
1117
|
/* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
|
|
894
|
-
|
|
1118
|
+
E,
|
|
895
1119
|
{
|
|
896
|
-
endIcon: /* @__PURE__ */ e(
|
|
897
|
-
onClick: () =>
|
|
1120
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
1121
|
+
onClick: () => p(!0),
|
|
898
1122
|
size: "small",
|
|
899
1123
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
900
|
-
children: /* @__PURE__ */
|
|
901
|
-
|
|
1124
|
+
children: /* @__PURE__ */ s(D, { bold: !0, variant: "body1", children: [
|
|
1125
|
+
f.length - 3,
|
|
902
1126
|
" ",
|
|
903
|
-
|
|
1127
|
+
n
|
|
904
1128
|
] })
|
|
905
1129
|
}
|
|
906
1130
|
) }),
|
|
907
|
-
/* @__PURE__ */ e(
|
|
1131
|
+
/* @__PURE__ */ e(ie, { isOpen: d, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Vt, { loadAccounts: t }) })
|
|
908
1132
|
] })
|
|
909
|
-
] }) : /* @__PURE__ */
|
|
1133
|
+
] }) : /* @__PURE__ */ s(H, { children: [
|
|
910
1134
|
/* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
|
|
911
|
-
|
|
1135
|
+
E,
|
|
912
1136
|
{
|
|
913
|
-
onClick: () =>
|
|
1137
|
+
onClick: () => h(!0),
|
|
914
1138
|
size: "small",
|
|
915
1139
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
916
1140
|
variant: "contained",
|
|
917
|
-
children: /* @__PURE__ */ e(
|
|
1141
|
+
children: /* @__PURE__ */ e(D, { bold: !0, variant: "body1", children: a.connect_more_accounts_button })
|
|
918
1142
|
}
|
|
919
1143
|
) }),
|
|
920
1144
|
/* @__PURE__ */ e(
|
|
921
|
-
|
|
1145
|
+
se,
|
|
922
1146
|
{
|
|
923
|
-
onClose: () =>
|
|
1147
|
+
onClose: () => h(!1),
|
|
924
1148
|
showConnectWidget: u,
|
|
925
|
-
title:
|
|
1149
|
+
title: i.mini_title
|
|
926
1150
|
}
|
|
927
1151
|
)
|
|
928
1152
|
] });
|
|
929
|
-
},
|
|
930
|
-
|
|
1153
|
+
}, jt = w(er), Me = ({ balance: t, title: n, sx: o }) => /* @__PURE__ */ s(
|
|
1154
|
+
_,
|
|
931
1155
|
{
|
|
932
1156
|
sx: {
|
|
933
1157
|
alignItems: "center",
|
|
@@ -936,111 +1160,111 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
|
|
|
936
1160
|
height: 72,
|
|
937
1161
|
justifyContent: "center",
|
|
938
1162
|
p: 12,
|
|
939
|
-
...
|
|
1163
|
+
...o
|
|
940
1164
|
},
|
|
941
1165
|
children: [
|
|
942
|
-
typeof t == "number" ? /* @__PURE__ */ e(
|
|
943
|
-
/* @__PURE__ */ e(
|
|
1166
|
+
typeof t == "number" ? /* @__PURE__ */ e(A, { variant: "h2", children: B(t, "0,0.00") }) : t,
|
|
1167
|
+
/* @__PURE__ */ e(A, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: n })
|
|
944
1168
|
]
|
|
945
1169
|
}
|
|
946
1170
|
);
|
|
947
|
-
var R = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(R || {}),
|
|
948
|
-
const
|
|
949
|
-
const { finstrong:
|
|
950
|
-
{ id:
|
|
951
|
-
{ id:
|
|
952
|
-
{ id:
|
|
953
|
-
{ id:
|
|
1171
|
+
var R = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(R || {}), Ie = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Ie || {}), te = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(te || {});
|
|
1172
|
+
const tr = ({ total: t }) => {
|
|
1173
|
+
const { finstrong: n } = S(), o = [
|
|
1174
|
+
{ id: te.Monthly, label: n.maintain_emergency_savings_monthly },
|
|
1175
|
+
{ id: te.BiWeekly, label: n.maintain_emergency_savings_bi_weekly },
|
|
1176
|
+
{ id: te.Weekly, label: n.maintain_emergency_savings_weekly },
|
|
1177
|
+
{ id: te.Daily, label: n.maintain_emergency_savings_daily }
|
|
954
1178
|
], r = {
|
|
955
|
-
[
|
|
956
|
-
[
|
|
957
|
-
[
|
|
958
|
-
[
|
|
959
|
-
},
|
|
960
|
-
{ id:
|
|
961
|
-
{ id:
|
|
962
|
-
{ id:
|
|
963
|
-
], a = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] =
|
|
964
|
-
|
|
965
|
-
), [
|
|
966
|
-
|
|
1179
|
+
[te.Monthly]: n.maintain_emergency_savings_estimated_period_monthly,
|
|
1180
|
+
[te.BiWeekly]: n.maintain_emergency_savings_estimated_period_bi_weekly,
|
|
1181
|
+
[te.Weekly]: n.maintain_emergency_savings_estimated_period_weekly,
|
|
1182
|
+
[te.Daily]: n.maintain_emergency_savings_estimated_period_daily
|
|
1183
|
+
}, i = [
|
|
1184
|
+
{ id: Ie.Months, label: n.maintain_emergency_savings_months },
|
|
1185
|
+
{ id: Ie.Years, label: n.maintain_emergency_savings_years },
|
|
1186
|
+
{ id: Ie.Days, label: n.maintain_emergency_savings_days }
|
|
1187
|
+
], a = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [d, p] = m.useState(mt(t)), [u, h] = m.useState(
|
|
1188
|
+
mt(t)
|
|
1189
|
+
), [f, v] = m.useState(a), [x, C] = m.useState(No(t)), [b, k] = m.useState(Ie.Months);
|
|
1190
|
+
m.useEffect(() => {
|
|
967
1191
|
c(
|
|
968
|
-
|
|
1192
|
+
_t({
|
|
969
1193
|
contribution: u,
|
|
970
|
-
goalAmount:
|
|
1194
|
+
goalAmount: f,
|
|
971
1195
|
goalPeriod: x,
|
|
972
|
-
targetPeriod:
|
|
1196
|
+
targetPeriod: b,
|
|
973
1197
|
totalSaved: t
|
|
974
1198
|
})
|
|
975
|
-
),
|
|
1199
|
+
), p(u);
|
|
976
1200
|
}, []);
|
|
977
1201
|
const g = (y) => {
|
|
978
1202
|
y.preventDefault(), c(
|
|
979
|
-
|
|
1203
|
+
_t({
|
|
980
1204
|
contribution: u,
|
|
981
|
-
goalAmount:
|
|
1205
|
+
goalAmount: f,
|
|
982
1206
|
goalPeriod: x,
|
|
983
|
-
targetPeriod:
|
|
1207
|
+
targetPeriod: b,
|
|
984
1208
|
totalSaved: t
|
|
985
1209
|
})
|
|
986
|
-
),
|
|
1210
|
+
), p(u);
|
|
987
1211
|
};
|
|
988
|
-
return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */
|
|
1212
|
+
return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ s(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
|
|
989
1213
|
/* @__PURE__ */ e(
|
|
990
|
-
|
|
1214
|
+
Me,
|
|
991
1215
|
{
|
|
992
|
-
balance: /* @__PURE__ */
|
|
993
|
-
/* @__PURE__ */ e(
|
|
994
|
-
/* @__PURE__ */
|
|
1216
|
+
balance: /* @__PURE__ */ s(_, { sx: { flexDirection: "row", height: 32 }, children: [
|
|
1217
|
+
/* @__PURE__ */ e(D, { variant: "h2", children: B(l, "0,0") }),
|
|
1218
|
+
/* @__PURE__ */ s(D, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
|
|
995
1219
|
"/",
|
|
996
1220
|
r[d]
|
|
997
1221
|
] })
|
|
998
1222
|
] }),
|
|
999
|
-
title:
|
|
1223
|
+
title: n.maintain_emergency_savings_estimated_contribution
|
|
1000
1224
|
}
|
|
1001
1225
|
),
|
|
1002
1226
|
/* @__PURE__ */ e(
|
|
1003
|
-
|
|
1227
|
+
Pe,
|
|
1004
1228
|
{
|
|
1005
|
-
"aria-label":
|
|
1006
|
-
helperText:
|
|
1007
|
-
|
|
1008
|
-
|
|
1229
|
+
"aria-label": n.maintain_emergency_savings_savings_goal,
|
|
1230
|
+
helperText: z(
|
|
1231
|
+
n.maintain_emergency_savings_suggested_goal,
|
|
1232
|
+
B(a, "0,0")
|
|
1009
1233
|
),
|
|
1010
1234
|
inputProps: {
|
|
1011
1235
|
noValidate: !0,
|
|
1012
1236
|
pattern: "[0-9]*"
|
|
1013
1237
|
},
|
|
1014
|
-
label:
|
|
1238
|
+
label: n.maintain_emergency_savings_savings_goal,
|
|
1015
1239
|
onChange: (y) => {
|
|
1016
1240
|
y.target.value && v(Number(y.target.value.replace(/[^0-9]/g, "")));
|
|
1017
1241
|
},
|
|
1018
|
-
value:
|
|
1242
|
+
value: f ? B(f, "0,0") : ""
|
|
1019
1243
|
}
|
|
1020
1244
|
),
|
|
1021
1245
|
/* @__PURE__ */ e(
|
|
1022
|
-
|
|
1246
|
+
dt,
|
|
1023
1247
|
{
|
|
1024
|
-
label:
|
|
1025
|
-
onChange:
|
|
1026
|
-
options:
|
|
1248
|
+
label: n.maintain_emergency_savings_how_often_contribute,
|
|
1249
|
+
onChange: h,
|
|
1250
|
+
options: o,
|
|
1027
1251
|
required: !0,
|
|
1028
1252
|
value: u
|
|
1029
1253
|
}
|
|
1030
1254
|
),
|
|
1031
|
-
/* @__PURE__ */
|
|
1255
|
+
/* @__PURE__ */ s(_, { sx: { flexDirection: "row" }, children: [
|
|
1032
1256
|
/* @__PURE__ */ e(
|
|
1033
|
-
|
|
1257
|
+
Pe,
|
|
1034
1258
|
{
|
|
1035
|
-
"aria-label":
|
|
1259
|
+
"aria-label": n.maintain_emergency_savings_meet_your_goal_within,
|
|
1036
1260
|
fullWidth: !0,
|
|
1037
1261
|
inputProps: {
|
|
1038
1262
|
noValidate: !0,
|
|
1039
1263
|
pattern: "[0-9]*"
|
|
1040
1264
|
},
|
|
1041
|
-
label:
|
|
1265
|
+
label: n.maintain_emergency_savings_meet_your_goal_within,
|
|
1042
1266
|
onChange: (y) => {
|
|
1043
|
-
isNaN(Number(y.target.value)) ||
|
|
1267
|
+
isNaN(Number(y.target.value)) || C(Number(y.target.value));
|
|
1044
1268
|
},
|
|
1045
1269
|
sx: {
|
|
1046
1270
|
"& .MuiInputBase-root": {
|
|
@@ -1066,40 +1290,40 @@ const zo = ({ total: t }) => {
|
|
|
1066
1290
|
}
|
|
1067
1291
|
}
|
|
1068
1292
|
},
|
|
1069
|
-
children: /* @__PURE__ */ e(
|
|
1293
|
+
children: /* @__PURE__ */ e(dt, { label: "", onChange: k, options: i, value: b })
|
|
1070
1294
|
}
|
|
1071
1295
|
)
|
|
1072
1296
|
] }),
|
|
1073
|
-
/* @__PURE__ */ e(
|
|
1297
|
+
/* @__PURE__ */ e(E, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: n.maintain_emergency_savings_calculate })
|
|
1074
1298
|
] }) }) });
|
|
1075
|
-
},
|
|
1076
|
-
const { savingsAccounts: t } =
|
|
1299
|
+
}, nr = w(tr), or = () => {
|
|
1300
|
+
const { savingsAccounts: t } = ke(), { finstrong: n } = S(), [o, r] = m.useState(!1), i = m.useMemo(
|
|
1077
1301
|
() => t.reduce((a, l) => a + (l.balance ?? 0), 0),
|
|
1078
1302
|
[t]
|
|
1079
1303
|
);
|
|
1080
|
-
return /* @__PURE__ */
|
|
1081
|
-
/* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */
|
|
1082
|
-
/* @__PURE__ */ e(
|
|
1304
|
+
return /* @__PURE__ */ s(_, { sx: { gap: 24 }, children: [
|
|
1305
|
+
/* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ s(_, { sx: { gap: 16 }, children: [
|
|
1306
|
+
/* @__PURE__ */ e(Me, { balance: i, title: n.maintain_emergency_savings_your_savings }),
|
|
1083
1307
|
t.length ? /* @__PURE__ */ e(
|
|
1084
|
-
|
|
1308
|
+
jt,
|
|
1085
1309
|
{
|
|
1086
|
-
loadAccounts: [
|
|
1087
|
-
loadMoreLabel:
|
|
1310
|
+
loadAccounts: [je.SAVINGS],
|
|
1311
|
+
loadMoreLabel: n.connect_more_accounts_button
|
|
1088
1312
|
}
|
|
1089
|
-
) : /* @__PURE__ */ e(
|
|
1313
|
+
) : /* @__PURE__ */ e(E, { onClick: () => r(!0), variant: "contained", children: n.connect_more_accounts_button })
|
|
1090
1314
|
] }) }),
|
|
1091
|
-
/* @__PURE__ */ e(
|
|
1315
|
+
/* @__PURE__ */ e(nr, { total: i }),
|
|
1092
1316
|
/* @__PURE__ */ e(
|
|
1093
|
-
|
|
1317
|
+
se,
|
|
1094
1318
|
{
|
|
1095
1319
|
onClose: () => r(!1),
|
|
1096
|
-
showConnectWidget:
|
|
1097
|
-
title:
|
|
1320
|
+
showConnectWidget: o,
|
|
1321
|
+
title: n.connect_more_accounts_button
|
|
1098
1322
|
}
|
|
1099
1323
|
)
|
|
1100
1324
|
] });
|
|
1101
|
-
},
|
|
1102
|
-
({ label: t, value:
|
|
1325
|
+
}, rr = w(or), Ne = w(
|
|
1326
|
+
({ label: t, value: n, status: o, bottomComponent: r, statusBarData: i = [] }) => {
|
|
1103
1327
|
const a = {
|
|
1104
1328
|
GOOD: {
|
|
1105
1329
|
progressBarColor: "primary.main"
|
|
@@ -1113,15 +1337,15 @@ const zo = ({ total: t }) => {
|
|
|
1113
1337
|
MISSING: {
|
|
1114
1338
|
progressBarColor: "text.secondary"
|
|
1115
1339
|
}
|
|
1116
|
-
}[
|
|
1340
|
+
}[o], l = i.map((c, d) => i.length === 2 ? {
|
|
1117
1341
|
color: d === 0 ? "primary.main" : c.color || a?.progressBarColor,
|
|
1118
1342
|
percentage: c.percentage
|
|
1119
1343
|
} : {
|
|
1120
1344
|
color: c.color || a?.progressBarColor,
|
|
1121
1345
|
percentage: c.percentage
|
|
1122
1346
|
});
|
|
1123
|
-
return /* @__PURE__ */
|
|
1124
|
-
|
|
1347
|
+
return /* @__PURE__ */ s(
|
|
1348
|
+
_,
|
|
1125
1349
|
{
|
|
1126
1350
|
sx: {
|
|
1127
1351
|
backgroundColor: "background.paper",
|
|
@@ -1131,10 +1355,10 @@ const zo = ({ total: t }) => {
|
|
|
1131
1355
|
borderColor: "divider"
|
|
1132
1356
|
},
|
|
1133
1357
|
children: [
|
|
1134
|
-
/* @__PURE__ */
|
|
1135
|
-
/* @__PURE__ */ e(
|
|
1136
|
-
/* @__PURE__ */
|
|
1137
|
-
|
|
1358
|
+
/* @__PURE__ */ s(_, { sx: { gap: 2 }, children: [
|
|
1359
|
+
/* @__PURE__ */ e(D, { variant: "body2", children: t }),
|
|
1360
|
+
/* @__PURE__ */ s(
|
|
1361
|
+
_,
|
|
1138
1362
|
{
|
|
1139
1363
|
sx: {
|
|
1140
1364
|
alignItems: "center",
|
|
@@ -1143,30 +1367,30 @@ const zo = ({ total: t }) => {
|
|
|
1143
1367
|
justifyContent: "space-between"
|
|
1144
1368
|
},
|
|
1145
1369
|
children: [
|
|
1146
|
-
/* @__PURE__ */ e(
|
|
1147
|
-
/* @__PURE__ */ e(
|
|
1370
|
+
/* @__PURE__ */ e(Ge, { children: n }),
|
|
1371
|
+
/* @__PURE__ */ e($e, { status: o })
|
|
1148
1372
|
]
|
|
1149
1373
|
}
|
|
1150
1374
|
)
|
|
1151
1375
|
] }),
|
|
1152
|
-
/* @__PURE__ */
|
|
1153
|
-
/* @__PURE__ */ e(
|
|
1376
|
+
/* @__PURE__ */ s(_, { children: [
|
|
1377
|
+
/* @__PURE__ */ e(zn, { data: l, height: 16 }),
|
|
1154
1378
|
r
|
|
1155
1379
|
] })
|
|
1156
1380
|
]
|
|
1157
1381
|
}
|
|
1158
1382
|
);
|
|
1159
1383
|
}
|
|
1160
|
-
),
|
|
1384
|
+
), ar = {
|
|
1161
1385
|
sticky_label: "You have saved"
|
|
1162
|
-
},
|
|
1163
|
-
const { healthScore: t } =
|
|
1386
|
+
}, ir = ["$0", "$250", "$500", "$750", "$1k"], sr = () => {
|
|
1387
|
+
const { healthScore: t } = L(), n = Math.round(t.emergency_savings_on_hand ?? NaN) || null, o = $o(n), r = Pt(n);
|
|
1164
1388
|
return /* @__PURE__ */ e(
|
|
1165
|
-
|
|
1389
|
+
Ne,
|
|
1166
1390
|
{
|
|
1167
|
-
bottomComponent: /* @__PURE__ */ e(
|
|
1391
|
+
bottomComponent: /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((i) => /* @__PURE__ */ s(_, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
|
|
1168
1392
|
/* @__PURE__ */ e(
|
|
1169
|
-
|
|
1393
|
+
ae,
|
|
1170
1394
|
{
|
|
1171
1395
|
orientation: "vertical",
|
|
1172
1396
|
sx: {
|
|
@@ -1176,55 +1400,55 @@ const zo = ({ total: t }) => {
|
|
|
1176
1400
|
}
|
|
1177
1401
|
}
|
|
1178
1402
|
),
|
|
1179
|
-
/* @__PURE__ */ e(
|
|
1180
|
-
] },
|
|
1181
|
-
label:
|
|
1403
|
+
/* @__PURE__ */ e(D, { variant: "caption", children: i })
|
|
1404
|
+
] }, i)) }),
|
|
1405
|
+
label: ar.sticky_label,
|
|
1182
1406
|
status: r,
|
|
1183
1407
|
statusBarData: [
|
|
1184
1408
|
{
|
|
1185
|
-
percentage:
|
|
1409
|
+
percentage: o
|
|
1186
1410
|
}
|
|
1187
1411
|
],
|
|
1188
|
-
value:
|
|
1412
|
+
value: B(n ?? 0, "0,0.00")
|
|
1189
1413
|
}
|
|
1190
1414
|
);
|
|
1191
|
-
},
|
|
1415
|
+
}, cr = w(sr), ze = ({
|
|
1192
1416
|
transactions: t = [],
|
|
1193
|
-
amountColor:
|
|
1194
|
-
amountPosition:
|
|
1195
|
-
formatDate: r =
|
|
1196
|
-
secondaryIcon:
|
|
1417
|
+
amountColor: n = "success.main",
|
|
1418
|
+
amountPosition: o = "center",
|
|
1419
|
+
formatDate: r = Dt,
|
|
1420
|
+
secondaryIcon: i
|
|
1197
1421
|
}) => {
|
|
1198
|
-
const a =
|
|
1422
|
+
const a = W(), { connect: l, finstrong: c, categories: d } = S(), [p, u] = m.useState(!1), [h, f] = m.useState(!1), { getCategoryName: v } = Qe(), x = 3, C = t.length > x, b = t.length - x;
|
|
1199
1423
|
let k = t;
|
|
1200
|
-
return
|
|
1424
|
+
return C && (k = t.map((g) => ({
|
|
1201
1425
|
...g,
|
|
1202
1426
|
category: d.default_categories[g.top_level_category_guid]?.replace(
|
|
1203
1427
|
/&/g,
|
|
1204
1428
|
"&"
|
|
1205
1429
|
) ?? v(g.top_level_category_guid)
|
|
1206
|
-
})).sort((g, y) => y.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */
|
|
1430
|
+
})).sort((g, y) => y.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ s(H, { children: [
|
|
1207
1431
|
/* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
|
|
1208
|
-
|
|
1432
|
+
E,
|
|
1209
1433
|
{
|
|
1210
|
-
onClick: () =>
|
|
1434
|
+
onClick: () => f(!0),
|
|
1211
1435
|
size: "small",
|
|
1212
1436
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
1213
1437
|
variant: "contained",
|
|
1214
|
-
children: /* @__PURE__ */ e(
|
|
1438
|
+
children: /* @__PURE__ */ e(D, { bold: !0, variant: "body1", children: c.connect_more_accounts_button })
|
|
1215
1439
|
}
|
|
1216
1440
|
) }),
|
|
1217
1441
|
/* @__PURE__ */ e(
|
|
1218
|
-
|
|
1442
|
+
se,
|
|
1219
1443
|
{
|
|
1220
|
-
onClose: () =>
|
|
1221
|
-
showConnectWidget:
|
|
1444
|
+
onClose: () => f(!1),
|
|
1445
|
+
showConnectWidget: h,
|
|
1222
1446
|
title: l.mini_title
|
|
1223
1447
|
}
|
|
1224
1448
|
)
|
|
1225
|
-
] }) : /* @__PURE__ */
|
|
1226
|
-
/* @__PURE__ */ e(M, { sx: { border: `1px solid ${a.palette.divider}`, borderRadius: 2 }, children: t.slice(0, x).sort((g, y) => y.date - g.date).map((g, y) => /* @__PURE__ */
|
|
1227
|
-
|
|
1449
|
+
] }) : /* @__PURE__ */ s(_, { sx: { gap: 16 }, children: [
|
|
1450
|
+
/* @__PURE__ */ e(M, { sx: { border: `1px solid ${a.palette.divider}`, borderRadius: 2 }, children: t.slice(0, x).sort((g, y) => y.date - g.date).map((g, y) => /* @__PURE__ */ s(
|
|
1451
|
+
_,
|
|
1228
1452
|
{
|
|
1229
1453
|
sx: {
|
|
1230
1454
|
alignItems: "center",
|
|
@@ -1234,19 +1458,19 @@ const zo = ({ total: t }) => {
|
|
|
1234
1458
|
pt: 14
|
|
1235
1459
|
},
|
|
1236
1460
|
children: [
|
|
1237
|
-
/* @__PURE__ */ e(
|
|
1238
|
-
|
|
1461
|
+
/* @__PURE__ */ e(_, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
|
|
1462
|
+
un,
|
|
1239
1463
|
{
|
|
1240
1464
|
categoryGuid: g.top_level_category_guid || "",
|
|
1241
1465
|
merchantGuid: g.merchant_guid || "",
|
|
1242
1466
|
size: 32
|
|
1243
1467
|
}
|
|
1244
1468
|
) }),
|
|
1245
|
-
/* @__PURE__ */
|
|
1246
|
-
|
|
1469
|
+
/* @__PURE__ */ s(
|
|
1470
|
+
_,
|
|
1247
1471
|
{
|
|
1248
1472
|
sx: {
|
|
1249
|
-
alignItems:
|
|
1473
|
+
alignItems: o,
|
|
1250
1474
|
flexDirection: "row",
|
|
1251
1475
|
gap: 12,
|
|
1252
1476
|
justifyContent: "space-between",
|
|
@@ -1258,14 +1482,14 @@ const zo = ({ total: t }) => {
|
|
|
1258
1482
|
width: "100%"
|
|
1259
1483
|
},
|
|
1260
1484
|
children: [
|
|
1261
|
-
/* @__PURE__ */
|
|
1262
|
-
/* @__PURE__ */ e(
|
|
1263
|
-
/* @__PURE__ */
|
|
1264
|
-
!!
|
|
1265
|
-
/* @__PURE__ */ e(
|
|
1485
|
+
/* @__PURE__ */ s(_, { children: [
|
|
1486
|
+
/* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: g.description }),
|
|
1487
|
+
/* @__PURE__ */ s(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
|
|
1488
|
+
!!i && i,
|
|
1489
|
+
/* @__PURE__ */ e(D, { variant: "caption", children: r(g.date) })
|
|
1266
1490
|
] })
|
|
1267
1491
|
] }),
|
|
1268
|
-
/* @__PURE__ */ e(
|
|
1492
|
+
/* @__PURE__ */ e(A, { bold: !0, sx: { color: n, flexShrink: 0 }, variant: "body1", children: B(g.amount, "0,0.00") })
|
|
1269
1493
|
]
|
|
1270
1494
|
},
|
|
1271
1495
|
g.guid || y
|
|
@@ -1274,25 +1498,25 @@ const zo = ({ total: t }) => {
|
|
|
1274
1498
|
},
|
|
1275
1499
|
y
|
|
1276
1500
|
)) }),
|
|
1277
|
-
|
|
1501
|
+
C && /* @__PURE__ */ s(H, { children: [
|
|
1278
1502
|
/* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
|
|
1279
|
-
|
|
1503
|
+
E,
|
|
1280
1504
|
{
|
|
1281
|
-
endIcon: /* @__PURE__ */ e(
|
|
1505
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
1282
1506
|
onClick: () => u(!0),
|
|
1283
1507
|
size: "small",
|
|
1284
1508
|
sx: { my: 0, px: 16, py: 12, width: "100%" },
|
|
1285
|
-
children: /* @__PURE__ */
|
|
1286
|
-
|
|
1509
|
+
children: /* @__PURE__ */ s(D, { bold: !0, variant: "body1", children: [
|
|
1510
|
+
b,
|
|
1287
1511
|
" ",
|
|
1288
1512
|
c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
|
|
1289
1513
|
] })
|
|
1290
1514
|
}
|
|
1291
1515
|
) }),
|
|
1292
1516
|
/* @__PURE__ */ e(
|
|
1293
|
-
|
|
1517
|
+
ie,
|
|
1294
1518
|
{
|
|
1295
|
-
isOpen:
|
|
1519
|
+
isOpen: p,
|
|
1296
1520
|
onClose: () => u(!1),
|
|
1297
1521
|
title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
|
|
1298
1522
|
children: /* @__PURE__ */ e(Hn, { transaction: k })
|
|
@@ -1300,15 +1524,15 @@ const zo = ({ total: t }) => {
|
|
|
1300
1524
|
)
|
|
1301
1525
|
] })
|
|
1302
1526
|
] });
|
|
1303
|
-
},
|
|
1304
|
-
const [t,
|
|
1527
|
+
}, lr = () => {
|
|
1528
|
+
const [t, n] = m.useState(!0), {
|
|
1305
1529
|
finstrong: {
|
|
1306
|
-
key_indicators_spend: { pay_bills_on_time_drawer:
|
|
1530
|
+
key_indicators_spend: { pay_bills_on_time_drawer: o }
|
|
1307
1531
|
}
|
|
1308
|
-
} =
|
|
1309
|
-
return
|
|
1310
|
-
r().finally(() =>
|
|
1311
|
-
}, []), t ? /* @__PURE__ */ e(
|
|
1532
|
+
} = S(), { getSpendingFeeTransactions: r, allTransactions: i } = L();
|
|
1533
|
+
return m.useEffect(() => {
|
|
1534
|
+
r().finally(() => n(!1));
|
|
1535
|
+
}, []), t ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(H, { children: i.spendingFee.length === 0 ? /* @__PURE__ */ s(
|
|
1312
1536
|
Y,
|
|
1313
1537
|
{
|
|
1314
1538
|
sx: {
|
|
@@ -1320,14 +1544,14 @@ const zo = ({ total: t }) => {
|
|
|
1320
1544
|
width: "100%"
|
|
1321
1545
|
},
|
|
1322
1546
|
children: [
|
|
1323
|
-
/* @__PURE__ */ e(
|
|
1324
|
-
/* @__PURE__ */
|
|
1325
|
-
/* @__PURE__ */ e(
|
|
1326
|
-
/* @__PURE__ */ e(
|
|
1547
|
+
/* @__PURE__ */ e(fn, { filled: !0, size: 48, sx: { color: "success.main" } }),
|
|
1548
|
+
/* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
|
|
1549
|
+
/* @__PURE__ */ e(j, { children: o.pay_bills_on_time_zero_fees_title }),
|
|
1550
|
+
/* @__PURE__ */ e(A, { variant: "subtitle1", children: o.pay_bills_on_time_zero_fees_description })
|
|
1327
1551
|
] })
|
|
1328
1552
|
]
|
|
1329
1553
|
}
|
|
1330
|
-
) : /* @__PURE__ */
|
|
1554
|
+
) : /* @__PURE__ */ s(
|
|
1331
1555
|
Y,
|
|
1332
1556
|
{
|
|
1333
1557
|
sx: {
|
|
@@ -1336,24 +1560,24 @@ const zo = ({ total: t }) => {
|
|
|
1336
1560
|
backgroundColor: "background.paper"
|
|
1337
1561
|
},
|
|
1338
1562
|
children: [
|
|
1339
|
-
/* @__PURE__ */ e(
|
|
1563
|
+
/* @__PURE__ */ e(j, { sx: { textAlign: "left", pb: 16 }, children: o.pay_bills_on_time_sticky_fee_count }),
|
|
1340
1564
|
/* @__PURE__ */ e(
|
|
1341
|
-
|
|
1565
|
+
ze,
|
|
1342
1566
|
{
|
|
1343
1567
|
amountColor: "text.primary",
|
|
1344
1568
|
amountPosition: "flex-start",
|
|
1345
|
-
formatDate: (a) =>
|
|
1346
|
-
secondaryIcon: /* @__PURE__ */ e(
|
|
1347
|
-
transactions:
|
|
1569
|
+
formatDate: (a) => Xe(new Date(a * 1e3), Ue.MONTH_DAY),
|
|
1570
|
+
secondaryIcon: /* @__PURE__ */ e(bn, { color: "error", filled: !0, size: 12 }),
|
|
1571
|
+
transactions: i.spendingFee
|
|
1348
1572
|
}
|
|
1349
1573
|
)
|
|
1350
1574
|
]
|
|
1351
1575
|
}
|
|
1352
1576
|
) });
|
|
1353
|
-
},
|
|
1354
|
-
const { healthScore: t } =
|
|
1355
|
-
return /* @__PURE__ */
|
|
1356
|
-
|
|
1577
|
+
}, dr = w(lr), pr = () => {
|
|
1578
|
+
const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_spend: o } = n, { pay_bills_on_time_drawer: r } = o, i = Wt(t.spending_fee_transaction_count);
|
|
1579
|
+
return /* @__PURE__ */ s(
|
|
1580
|
+
_,
|
|
1357
1581
|
{
|
|
1358
1582
|
sx: {
|
|
1359
1583
|
p: 24,
|
|
@@ -1362,107 +1586,107 @@ const zo = ({ total: t }) => {
|
|
|
1362
1586
|
borderColor: "divider"
|
|
1363
1587
|
},
|
|
1364
1588
|
children: [
|
|
1365
|
-
/* @__PURE__ */ e(
|
|
1366
|
-
/* @__PURE__ */
|
|
1367
|
-
/* @__PURE__ */
|
|
1589
|
+
/* @__PURE__ */ e(A, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
|
|
1590
|
+
/* @__PURE__ */ s(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
1591
|
+
/* @__PURE__ */ s(Ge, { children: [
|
|
1368
1592
|
t.spending_fee_transaction_count,
|
|
1369
1593
|
" ",
|
|
1370
1594
|
r.pay_bills_on_time_sticky_fee_count
|
|
1371
1595
|
] }),
|
|
1372
|
-
/* @__PURE__ */ e(
|
|
1596
|
+
/* @__PURE__ */ e($e, { status: i })
|
|
1373
1597
|
] })
|
|
1374
1598
|
]
|
|
1375
1599
|
}
|
|
1376
1600
|
);
|
|
1377
|
-
},
|
|
1378
|
-
const { savingsAndCheckingAccountsBalance: t } =
|
|
1379
|
-
return /* @__PURE__ */
|
|
1601
|
+
}, ur = w(pr), _r = () => {
|
|
1602
|
+
const { savingsAndCheckingAccountsBalance: t } = ke(), { finstrong: n } = S();
|
|
1603
|
+
return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
|
|
1380
1604
|
/* @__PURE__ */ e(
|
|
1381
|
-
|
|
1605
|
+
Me,
|
|
1382
1606
|
{
|
|
1383
1607
|
balance: t,
|
|
1384
|
-
title:
|
|
1608
|
+
title: n.key_indicators_save.drawer_available_balance
|
|
1385
1609
|
}
|
|
1386
1610
|
),
|
|
1387
1611
|
/* @__PURE__ */ e(
|
|
1388
|
-
|
|
1612
|
+
jt,
|
|
1389
1613
|
{
|
|
1390
|
-
loadAccounts: [
|
|
1391
|
-
loadMoreLabel:
|
|
1614
|
+
loadAccounts: [je.SAVINGS, je.CHECKING],
|
|
1615
|
+
loadMoreLabel: n.more_accounts
|
|
1392
1616
|
}
|
|
1393
1617
|
)
|
|
1394
1618
|
] });
|
|
1395
|
-
},
|
|
1396
|
-
const { finstrong: t } =
|
|
1397
|
-
isSpendingInitialized:
|
|
1398
|
-
healthScore:
|
|
1619
|
+
}, mr = w(_r), hr = () => {
|
|
1620
|
+
const { finstrong: t } = S(), {
|
|
1621
|
+
isSpendingInitialized: n,
|
|
1622
|
+
healthScore: o,
|
|
1399
1623
|
allTransactions: r,
|
|
1400
|
-
loadSpendTransactions:
|
|
1624
|
+
loadSpendTransactions: i,
|
|
1401
1625
|
loadDebtSpend: a
|
|
1402
|
-
} =
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
}, [
|
|
1406
|
-
const l =
|
|
1407
|
-
const c = r.spend.map((
|
|
1626
|
+
} = L();
|
|
1627
|
+
m.useEffect(() => {
|
|
1628
|
+
n || (i().finally(), a().finally());
|
|
1629
|
+
}, [n]);
|
|
1630
|
+
const l = m.useMemo(() => {
|
|
1631
|
+
const c = r.spend.map((p) => p.transaction), d = r.debtSpend.map((p) => p.transaction);
|
|
1408
1632
|
return [...c, ...d];
|
|
1409
1633
|
}, [r.spend, r.debtSpend]);
|
|
1410
|
-
return
|
|
1634
|
+
return n ? /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
|
|
1411
1635
|
/* @__PURE__ */ e(
|
|
1412
|
-
|
|
1636
|
+
Me,
|
|
1413
1637
|
{
|
|
1414
|
-
balance:
|
|
1638
|
+
balance: o.ninety_day_spend / 90,
|
|
1415
1639
|
title: t.key_indicators_save.drawer_daily_spend
|
|
1416
1640
|
}
|
|
1417
1641
|
),
|
|
1418
|
-
/* @__PURE__ */ e(
|
|
1419
|
-
] }) : /* @__PURE__ */ e(
|
|
1420
|
-
},
|
|
1421
|
-
const [t,
|
|
1422
|
-
return /* @__PURE__ */
|
|
1423
|
-
/* @__PURE__ */
|
|
1424
|
-
/* @__PURE__ */
|
|
1425
|
-
|
|
1642
|
+
/* @__PURE__ */ e(ze, { amountColor: "text.primary", transactions: l })
|
|
1643
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
1644
|
+
}, gr = w(hr), yr = () => {
|
|
1645
|
+
const [t, n] = m.useState(0), { finstrong: o } = S();
|
|
1646
|
+
return /* @__PURE__ */ s(H, { children: [
|
|
1647
|
+
/* @__PURE__ */ s(Y, { children: [
|
|
1648
|
+
/* @__PURE__ */ s(
|
|
1649
|
+
et,
|
|
1426
1650
|
{
|
|
1427
|
-
"aria-label":
|
|
1651
|
+
"aria-label": o.key_indicators_save.drawer_title,
|
|
1428
1652
|
centered: !0,
|
|
1429
|
-
onChange: (r,
|
|
1653
|
+
onChange: (r, i) => n(i),
|
|
1430
1654
|
selectionFollowsFocus: !0,
|
|
1431
1655
|
sx: { mb: 0 },
|
|
1432
1656
|
value: t,
|
|
1433
1657
|
variant: "fullWidth",
|
|
1434
1658
|
children: [
|
|
1435
1659
|
/* @__PURE__ */ e(
|
|
1436
|
-
|
|
1660
|
+
he,
|
|
1437
1661
|
{
|
|
1438
1662
|
"aria-controls": "available-details-tabpanel-0",
|
|
1439
|
-
label:
|
|
1663
|
+
label: o.key_indicators_save.drawer_available,
|
|
1440
1664
|
sx: { minHeight: 44 }
|
|
1441
1665
|
}
|
|
1442
1666
|
),
|
|
1443
1667
|
/* @__PURE__ */ e(
|
|
1444
|
-
|
|
1668
|
+
he,
|
|
1445
1669
|
{
|
|
1446
1670
|
"aria-controls": "spending-details-tabpanel-1",
|
|
1447
|
-
label:
|
|
1671
|
+
label: o.key_indicators_save.drawer_spending,
|
|
1448
1672
|
sx: { minHeight: 44 }
|
|
1449
1673
|
}
|
|
1450
1674
|
)
|
|
1451
1675
|
]
|
|
1452
1676
|
}
|
|
1453
1677
|
),
|
|
1454
|
-
/* @__PURE__ */ e(
|
|
1455
|
-
/* @__PURE__ */ e(
|
|
1678
|
+
/* @__PURE__ */ e(ge, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(mr, {}) }),
|
|
1679
|
+
/* @__PURE__ */ e(ge, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(gr, {}) })
|
|
1456
1680
|
] }),
|
|
1457
|
-
/* @__PURE__ */ e(
|
|
1681
|
+
/* @__PURE__ */ e(ot, { chartFor: "savingsOverTime" })
|
|
1458
1682
|
] });
|
|
1459
|
-
},
|
|
1460
|
-
const { finstrong: t } =
|
|
1683
|
+
}, fr = w(yr), br = () => {
|
|
1684
|
+
const { finstrong: t } = S(), { healthScore: n } = L(), o = n.months_of_cash_on_hand, r = Lt(o ? o * 30 : null), i = 183 / 6, a = Math.floor(o), l = Math.round((o - a) * i), c = o / 6 * 100;
|
|
1461
1685
|
return /* @__PURE__ */ e(
|
|
1462
|
-
|
|
1686
|
+
Ne,
|
|
1463
1687
|
{
|
|
1464
1688
|
bottomComponent: /* @__PURE__ */ e(
|
|
1465
|
-
|
|
1689
|
+
_,
|
|
1466
1690
|
{
|
|
1467
1691
|
sx: {
|
|
1468
1692
|
flexDirection: "row",
|
|
@@ -1471,8 +1695,8 @@ const zo = ({ total: t }) => {
|
|
|
1471
1695
|
mt: 2,
|
|
1472
1696
|
px: 1
|
|
1473
1697
|
},
|
|
1474
|
-
children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((
|
|
1475
|
-
|
|
1698
|
+
children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((p) => /* @__PURE__ */ s(
|
|
1699
|
+
_,
|
|
1476
1700
|
{
|
|
1477
1701
|
sx: {
|
|
1478
1702
|
alignItems: "center",
|
|
@@ -1480,7 +1704,7 @@ const zo = ({ total: t }) => {
|
|
|
1480
1704
|
},
|
|
1481
1705
|
children: [
|
|
1482
1706
|
/* @__PURE__ */ e(
|
|
1483
|
-
|
|
1707
|
+
ae,
|
|
1484
1708
|
{
|
|
1485
1709
|
orientation: "vertical",
|
|
1486
1710
|
sx: {
|
|
@@ -1489,10 +1713,10 @@ const zo = ({ total: t }) => {
|
|
|
1489
1713
|
}
|
|
1490
1714
|
}
|
|
1491
1715
|
),
|
|
1492
|
-
/* @__PURE__ */ e(
|
|
1716
|
+
/* @__PURE__ */ e(D, { variant: "caption", children: p })
|
|
1493
1717
|
]
|
|
1494
1718
|
},
|
|
1495
|
-
|
|
1719
|
+
p
|
|
1496
1720
|
))
|
|
1497
1721
|
}
|
|
1498
1722
|
),
|
|
@@ -1503,16 +1727,16 @@ const zo = ({ total: t }) => {
|
|
|
1503
1727
|
percentage: `${c}%`
|
|
1504
1728
|
}
|
|
1505
1729
|
],
|
|
1506
|
-
value:
|
|
1730
|
+
value: z(t.key_indicators_save.drawer_progress_bar_value, a, l)
|
|
1507
1731
|
}
|
|
1508
1732
|
);
|
|
1509
|
-
},
|
|
1510
|
-
const { healthScore: t } =
|
|
1733
|
+
}, xr = w(br), Cr = () => {
|
|
1734
|
+
const { healthScore: t } = L(), { finstrong: n } = S(), o = Ee(t.debt_to_income_ratio), r = Et(o);
|
|
1511
1735
|
return /* @__PURE__ */ e(
|
|
1512
|
-
|
|
1736
|
+
Ne,
|
|
1513
1737
|
{
|
|
1514
|
-
bottomComponent: /* @__PURE__ */
|
|
1515
|
-
|
|
1738
|
+
bottomComponent: /* @__PURE__ */ s(
|
|
1739
|
+
_,
|
|
1516
1740
|
{
|
|
1517
1741
|
sx: {
|
|
1518
1742
|
alignItems: "flex-end",
|
|
@@ -1531,8 +1755,8 @@ const zo = ({ total: t }) => {
|
|
|
1531
1755
|
position: "absolute",
|
|
1532
1756
|
transform: "translateX(-50%)"
|
|
1533
1757
|
},
|
|
1534
|
-
children: /* @__PURE__ */
|
|
1535
|
-
|
|
1758
|
+
children: /* @__PURE__ */ s(
|
|
1759
|
+
_,
|
|
1536
1760
|
{
|
|
1537
1761
|
sx: {
|
|
1538
1762
|
alignItems: "center",
|
|
@@ -1542,7 +1766,7 @@ const zo = ({ total: t }) => {
|
|
|
1542
1766
|
},
|
|
1543
1767
|
children: [
|
|
1544
1768
|
/* @__PURE__ */ e(
|
|
1545
|
-
|
|
1769
|
+
ae,
|
|
1546
1770
|
{
|
|
1547
1771
|
orientation: "vertical",
|
|
1548
1772
|
sx: {
|
|
@@ -1551,7 +1775,7 @@ const zo = ({ total: t }) => {
|
|
|
1551
1775
|
}
|
|
1552
1776
|
}
|
|
1553
1777
|
),
|
|
1554
|
-
/* @__PURE__ */ e(
|
|
1778
|
+
/* @__PURE__ */ e(D, { sx: { color: "text.primary" }, variant: "caption", children: "30%" })
|
|
1555
1779
|
]
|
|
1556
1780
|
}
|
|
1557
1781
|
)
|
|
@@ -1567,41 +1791,41 @@ const zo = ({ total: t }) => {
|
|
|
1567
1791
|
justifyContent: "center",
|
|
1568
1792
|
marginLeft: "auto"
|
|
1569
1793
|
},
|
|
1570
|
-
children: /* @__PURE__ */ e(
|
|
1571
|
-
|
|
1572
|
-
|
|
1794
|
+
children: /* @__PURE__ */ e(D, { variant: "body2", children: t.debt_to_income_ratio ? z(
|
|
1795
|
+
n.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
|
|
1796
|
+
o
|
|
1573
1797
|
) : "-" })
|
|
1574
1798
|
}
|
|
1575
1799
|
)
|
|
1576
1800
|
]
|
|
1577
1801
|
}
|
|
1578
1802
|
),
|
|
1579
|
-
label:
|
|
1803
|
+
label: n.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
|
|
1580
1804
|
status: r,
|
|
1581
1805
|
statusBarData: [
|
|
1582
1806
|
{
|
|
1583
|
-
percentage: `${
|
|
1807
|
+
percentage: `${o}%`
|
|
1584
1808
|
}
|
|
1585
1809
|
],
|
|
1586
|
-
value:
|
|
1810
|
+
value: B(t.ninety_day_debt_spend, "0,0.00")
|
|
1587
1811
|
}
|
|
1588
1812
|
);
|
|
1589
|
-
},
|
|
1590
|
-
const { healthScore: t, allTransactions:
|
|
1591
|
-
return /* @__PURE__ */
|
|
1813
|
+
}, Sr = w(Cr), vr = () => {
|
|
1814
|
+
const { healthScore: t, allTransactions: n } = L(), { connect: o, finstrong: r } = S(), [i, a] = m.useState(!1);
|
|
1815
|
+
return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
|
|
1592
1816
|
/* @__PURE__ */ e(
|
|
1593
|
-
|
|
1817
|
+
Me,
|
|
1594
1818
|
{
|
|
1595
1819
|
balance: t.ninety_day_income,
|
|
1596
1820
|
sx: { flexDirection: "column-reverse" },
|
|
1597
1821
|
title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_income
|
|
1598
1822
|
}
|
|
1599
1823
|
),
|
|
1600
|
-
|
|
1824
|
+
n.income.length ? (
|
|
1601
1825
|
// TODO: Need to add More Transactions functionality
|
|
1602
|
-
/* @__PURE__ */ e(
|
|
1826
|
+
/* @__PURE__ */ e(ze, { transactions: n.income.map((l) => l.transaction) })
|
|
1603
1827
|
) : /* @__PURE__ */ e(
|
|
1604
|
-
|
|
1828
|
+
E,
|
|
1605
1829
|
{
|
|
1606
1830
|
onClick: () => {
|
|
1607
1831
|
a(!0);
|
|
@@ -1611,21 +1835,21 @@ const zo = ({ total: t }) => {
|
|
|
1611
1835
|
}
|
|
1612
1836
|
),
|
|
1613
1837
|
/* @__PURE__ */ e(
|
|
1614
|
-
|
|
1838
|
+
se,
|
|
1615
1839
|
{
|
|
1616
1840
|
onClose: () => a(!1),
|
|
1617
|
-
showConnectWidget:
|
|
1618
|
-
title:
|
|
1841
|
+
showConnectWidget: i,
|
|
1842
|
+
title: o.mini_title
|
|
1619
1843
|
}
|
|
1620
1844
|
)
|
|
1621
1845
|
] });
|
|
1622
|
-
},
|
|
1623
|
-
const { allTransactions: t, healthScore:
|
|
1624
|
-
return /* @__PURE__ */
|
|
1846
|
+
}, wr = w(vr), kr = () => {
|
|
1847
|
+
const { allTransactions: t, healthScore: n } = L(), { connect: o, finstrong: r } = S(), [i, a] = m.useState(!1);
|
|
1848
|
+
return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
|
|
1625
1849
|
/* @__PURE__ */ e(
|
|
1626
|
-
|
|
1850
|
+
Me,
|
|
1627
1851
|
{
|
|
1628
|
-
balance:
|
|
1852
|
+
balance: n.ninety_day_debt_spend,
|
|
1629
1853
|
sx: { flexDirection: "column-reverse" },
|
|
1630
1854
|
title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
|
|
1631
1855
|
}
|
|
@@ -1633,14 +1857,14 @@ const zo = ({ total: t }) => {
|
|
|
1633
1857
|
t.debtSpend.length ? (
|
|
1634
1858
|
//TODO: Need to add More Transactions functionality
|
|
1635
1859
|
/* @__PURE__ */ e(
|
|
1636
|
-
|
|
1860
|
+
ze,
|
|
1637
1861
|
{
|
|
1638
1862
|
amountColor: "text.primary",
|
|
1639
1863
|
transactions: t.debtSpend.map((l) => l.transaction)
|
|
1640
1864
|
}
|
|
1641
1865
|
)
|
|
1642
1866
|
) : /* @__PURE__ */ e(
|
|
1643
|
-
|
|
1867
|
+
E,
|
|
1644
1868
|
{
|
|
1645
1869
|
onClick: () => {
|
|
1646
1870
|
a(!0);
|
|
@@ -1650,43 +1874,43 @@ const zo = ({ total: t }) => {
|
|
|
1650
1874
|
}
|
|
1651
1875
|
),
|
|
1652
1876
|
/* @__PURE__ */ e(
|
|
1653
|
-
|
|
1877
|
+
se,
|
|
1654
1878
|
{
|
|
1655
1879
|
onClose: () => a(!1),
|
|
1656
|
-
showConnectWidget:
|
|
1657
|
-
title:
|
|
1880
|
+
showConnectWidget: i,
|
|
1881
|
+
title: o.mini_title
|
|
1658
1882
|
}
|
|
1659
1883
|
)
|
|
1660
1884
|
] });
|
|
1661
|
-
},
|
|
1885
|
+
}, Mr = w(kr), Dr = ({
|
|
1662
1886
|
color: t,
|
|
1663
|
-
data:
|
|
1664
|
-
series:
|
|
1887
|
+
data: n,
|
|
1888
|
+
series: o,
|
|
1665
1889
|
style: r,
|
|
1666
|
-
...
|
|
1890
|
+
...i
|
|
1667
1891
|
}) => {
|
|
1668
|
-
const a =
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
}, [r.width]),
|
|
1672
|
-
const
|
|
1892
|
+
const a = W(), l = m.useRef(null), c = m.useRef(null), [d, p] = m.useState(r.width || 0);
|
|
1893
|
+
m.useLayoutEffect(() => {
|
|
1894
|
+
p(r.width || 0);
|
|
1895
|
+
}, [r.width]), m.useLayoutEffect(() => {
|
|
1896
|
+
const C = new ResizeObserver(() => {
|
|
1673
1897
|
window.requestAnimationFrame(() => {
|
|
1674
1898
|
if (l.current) {
|
|
1675
|
-
const { width:
|
|
1899
|
+
const { width: b } = l.current.getBoundingClientRect(), k = b / 2, g = l.current.querySelector("text");
|
|
1676
1900
|
g && g.setAttribute("transform", `translate(${k}, -8)`);
|
|
1677
1901
|
}
|
|
1678
1902
|
});
|
|
1679
1903
|
});
|
|
1680
|
-
return l.current &&
|
|
1681
|
-
l.current &&
|
|
1904
|
+
return l.current && C.observe(l.current), () => {
|
|
1905
|
+
l.current && C.unobserve(l.current);
|
|
1682
1906
|
};
|
|
1683
1907
|
}, []);
|
|
1684
|
-
const { formattedComparison: u, formattedMain:
|
|
1908
|
+
const { formattedComparison: u, formattedMain: h } = n[o.index], f = o.type === 0 ? h : u, v = {
|
|
1685
1909
|
...r,
|
|
1686
1910
|
transition: "all 0.3s ease-in-out"
|
|
1687
1911
|
}, x = `translate(${d / 2}, -5)`;
|
|
1688
|
-
return /* @__PURE__ */
|
|
1689
|
-
/* @__PURE__ */ e("rect", { ...
|
|
1912
|
+
return /* @__PURE__ */ s("g", { children: [
|
|
1913
|
+
/* @__PURE__ */ e("rect", { ...i, fill: t, ref: l, rx: 2, style: v }),
|
|
1690
1914
|
/* @__PURE__ */ e(
|
|
1691
1915
|
"text",
|
|
1692
1916
|
{
|
|
@@ -1699,60 +1923,60 @@ const zo = ({ total: t }) => {
|
|
|
1699
1923
|
transform: x,
|
|
1700
1924
|
x: r.x,
|
|
1701
1925
|
y: r.y,
|
|
1702
|
-
children:
|
|
1926
|
+
children: f
|
|
1703
1927
|
}
|
|
1704
1928
|
)
|
|
1705
1929
|
] });
|
|
1706
|
-
},
|
|
1707
|
-
const
|
|
1708
|
-
return
|
|
1709
|
-
},
|
|
1930
|
+
}, Fe = (t, n = 1e3) => {
|
|
1931
|
+
const o = Math.abs(t) >= n ? "0.[0]a" : "0";
|
|
1932
|
+
return B(t, o);
|
|
1933
|
+
}, Yt = ({
|
|
1710
1934
|
chartFor: t,
|
|
1711
|
-
data:
|
|
1712
|
-
title:
|
|
1935
|
+
data: n,
|
|
1936
|
+
title: o,
|
|
1713
1937
|
buttonLabel: r,
|
|
1714
|
-
onClick:
|
|
1938
|
+
onClick: i,
|
|
1715
1939
|
legendLabelMain: a,
|
|
1716
1940
|
legendLabelComparison: l,
|
|
1717
1941
|
totalComparison: c,
|
|
1718
1942
|
totalMain: d
|
|
1719
1943
|
}) => {
|
|
1720
|
-
const
|
|
1721
|
-
() =>
|
|
1722
|
-
const y =
|
|
1944
|
+
const p = W(), u = Xn(p.breakpoints.down("xs")), h = m.useMemo(
|
|
1945
|
+
() => n.sort((g, y) => g.year !== y.year ? g.year - y.year : g.month - y.month).map((g) => {
|
|
1946
|
+
const y = Fo(g.month), I = {
|
|
1723
1947
|
spending_vs_income: {
|
|
1724
1948
|
main: g.standard_spend,
|
|
1725
1949
|
comparison: g.income,
|
|
1726
|
-
formattedMain:
|
|
1727
|
-
formattedComparison:
|
|
1950
|
+
formattedMain: Fe(g.standard_spend),
|
|
1951
|
+
formattedComparison: Fe(g.income)
|
|
1728
1952
|
},
|
|
1729
1953
|
debt_payment_vs_income: {
|
|
1730
1954
|
main: g.income,
|
|
1731
1955
|
comparison: g.debt_spend,
|
|
1732
|
-
formattedMain:
|
|
1733
|
-
formattedComparison:
|
|
1956
|
+
formattedMain: Fe(g.income),
|
|
1957
|
+
formattedComparison: Fe(g.debt_spend)
|
|
1734
1958
|
}
|
|
1735
1959
|
};
|
|
1736
1960
|
return {
|
|
1737
1961
|
label: y,
|
|
1738
|
-
...
|
|
1962
|
+
...I[t]
|
|
1739
1963
|
};
|
|
1740
1964
|
}),
|
|
1741
|
-
[
|
|
1742
|
-
),
|
|
1965
|
+
[n, t]
|
|
1966
|
+
), f = {
|
|
1743
1967
|
dataKey: "label",
|
|
1744
1968
|
scaleType: "band"
|
|
1745
|
-
}, v = Math.max(...
|
|
1969
|
+
}, v = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), C = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && v === 0 ? 100 : Math.ceil(v * 1.2 / 1e3) * 1e3, b = C / 3, k = {
|
|
1746
1970
|
scaleType: "linear",
|
|
1747
1971
|
min: 0,
|
|
1748
|
-
max:
|
|
1972
|
+
max: C,
|
|
1749
1973
|
tickNumber: 4,
|
|
1750
|
-
tickMinStep:
|
|
1751
|
-
valueFormatter: (g) => g === 0 ? "$0" :
|
|
1974
|
+
tickMinStep: b,
|
|
1975
|
+
valueFormatter: (g) => g === 0 ? "$0" : B(g, "0.[0]a")
|
|
1752
1976
|
};
|
|
1753
|
-
return /* @__PURE__ */
|
|
1754
|
-
/* @__PURE__ */
|
|
1755
|
-
|
|
1977
|
+
return /* @__PURE__ */ s(Y, { children: [
|
|
1978
|
+
/* @__PURE__ */ s(
|
|
1979
|
+
_,
|
|
1756
1980
|
{
|
|
1757
1981
|
sx: {
|
|
1758
1982
|
alignItems: "center",
|
|
@@ -1764,12 +1988,12 @@ const zo = ({ total: t }) => {
|
|
|
1764
1988
|
px: 16
|
|
1765
1989
|
},
|
|
1766
1990
|
children: [
|
|
1767
|
-
/* @__PURE__ */ e(
|
|
1991
|
+
/* @__PURE__ */ e(j, { children: o }),
|
|
1768
1992
|
r && /* @__PURE__ */ e(
|
|
1769
|
-
|
|
1993
|
+
E,
|
|
1770
1994
|
{
|
|
1771
|
-
endIcon: /* @__PURE__ */ e(
|
|
1772
|
-
onClick:
|
|
1995
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
1996
|
+
onClick: i,
|
|
1773
1997
|
size: "small",
|
|
1774
1998
|
sx: {
|
|
1775
1999
|
pl: 8,
|
|
@@ -1782,9 +2006,9 @@ const zo = ({ total: t }) => {
|
|
|
1782
2006
|
]
|
|
1783
2007
|
}
|
|
1784
2008
|
),
|
|
1785
|
-
/* @__PURE__ */
|
|
1786
|
-
/* @__PURE__ */
|
|
1787
|
-
/* @__PURE__ */
|
|
2009
|
+
/* @__PURE__ */ s(_, { sx: { pb: 24, pl: 16, pr: 24 }, children: [
|
|
2010
|
+
/* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
|
|
2011
|
+
/* @__PURE__ */ s(_, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
|
|
1788
2012
|
/* @__PURE__ */ e(
|
|
1789
2013
|
M,
|
|
1790
2014
|
{
|
|
@@ -1796,15 +2020,15 @@ const zo = ({ total: t }) => {
|
|
|
1796
2020
|
}
|
|
1797
2021
|
}
|
|
1798
2022
|
),
|
|
1799
|
-
/* @__PURE__ */
|
|
1800
|
-
/* @__PURE__ */
|
|
2023
|
+
/* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
|
|
2024
|
+
/* @__PURE__ */ s(D, { variant: "subtitle2", children: [
|
|
1801
2025
|
a,
|
|
1802
2026
|
" "
|
|
1803
2027
|
] }),
|
|
1804
|
-
!u && d && /* @__PURE__ */ e(
|
|
2028
|
+
!u && d && /* @__PURE__ */ e(D, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
|
|
1805
2029
|
] })
|
|
1806
2030
|
] }),
|
|
1807
|
-
/* @__PURE__ */
|
|
2031
|
+
/* @__PURE__ */ s(_, { alignItems: "center", direction: "row", spacing: 8, children: [
|
|
1808
2032
|
/* @__PURE__ */ e(
|
|
1809
2033
|
M,
|
|
1810
2034
|
{
|
|
@@ -1816,30 +2040,30 @@ const zo = ({ total: t }) => {
|
|
|
1816
2040
|
}
|
|
1817
2041
|
}
|
|
1818
2042
|
),
|
|
1819
|
-
/* @__PURE__ */
|
|
1820
|
-
/* @__PURE__ */
|
|
2043
|
+
/* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
|
|
2044
|
+
/* @__PURE__ */ s(D, { variant: "subtitle2", children: [
|
|
1821
2045
|
l,
|
|
1822
2046
|
" "
|
|
1823
2047
|
] }),
|
|
1824
|
-
!u && c && /* @__PURE__ */ e(
|
|
2048
|
+
!u && c && /* @__PURE__ */ e(D, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
|
|
1825
2049
|
] })
|
|
1826
2050
|
] })
|
|
1827
2051
|
] }),
|
|
1828
|
-
/* @__PURE__ */
|
|
1829
|
-
|
|
2052
|
+
/* @__PURE__ */ s(
|
|
2053
|
+
qn,
|
|
1830
2054
|
{
|
|
1831
2055
|
colors: [
|
|
1832
|
-
`${
|
|
1833
|
-
`${
|
|
2056
|
+
`${p.palette.chartMono.chartMono3}`,
|
|
2057
|
+
`${p.palette.chartMono.chartMono5}`
|
|
1834
2058
|
],
|
|
1835
|
-
dataset:
|
|
2059
|
+
dataset: h,
|
|
1836
2060
|
height: 240,
|
|
1837
2061
|
margin: { top: 14, bottom: 10, right: 2, left: -2 },
|
|
1838
2062
|
series: [
|
|
1839
2063
|
{ dataKey: "main", type: "bar" },
|
|
1840
2064
|
{ dataKey: "comparison", type: "bar" }
|
|
1841
2065
|
],
|
|
1842
|
-
xAxis: [
|
|
2066
|
+
xAxis: [f],
|
|
1843
2067
|
yAxis: [k],
|
|
1844
2068
|
children: [
|
|
1845
2069
|
/* @__PURE__ */ e(
|
|
@@ -1847,13 +2071,13 @@ const zo = ({ total: t }) => {
|
|
|
1847
2071
|
{
|
|
1848
2072
|
slots: {
|
|
1849
2073
|
bar: (g) => {
|
|
1850
|
-
const { ownerState: y, ...
|
|
2074
|
+
const { ownerState: y, ...I } = g;
|
|
1851
2075
|
return /* @__PURE__ */ e(
|
|
1852
|
-
|
|
2076
|
+
Dr,
|
|
1853
2077
|
{
|
|
1854
|
-
...
|
|
2078
|
+
...I,
|
|
1855
2079
|
color: y.color,
|
|
1856
|
-
data:
|
|
2080
|
+
data: h,
|
|
1857
2081
|
series: {
|
|
1858
2082
|
index: y.dataIndex,
|
|
1859
2083
|
type: Number(y.id.toString().split("-").pop())
|
|
@@ -1870,14 +2094,14 @@ const zo = ({ total: t }) => {
|
|
|
1870
2094
|
}
|
|
1871
2095
|
),
|
|
1872
2096
|
/* @__PURE__ */ e(
|
|
1873
|
-
|
|
2097
|
+
Qn,
|
|
1874
2098
|
{
|
|
1875
2099
|
sx: () => ({
|
|
1876
2100
|
".MuiChartsAxis-line": {
|
|
1877
|
-
stroke:
|
|
2101
|
+
stroke: p.palette.divider
|
|
1878
2102
|
},
|
|
1879
2103
|
".MuiChartsAxis-tick": {
|
|
1880
|
-
stroke:
|
|
2104
|
+
stroke: p.palette.divider
|
|
1881
2105
|
},
|
|
1882
2106
|
".MuiChartsAxis-tickLabel": {
|
|
1883
2107
|
transform: "translateY(10px)"
|
|
@@ -1890,14 +2114,14 @@ const zo = ({ total: t }) => {
|
|
|
1890
2114
|
}
|
|
1891
2115
|
),
|
|
1892
2116
|
/* @__PURE__ */ e(
|
|
1893
|
-
|
|
2117
|
+
Zn,
|
|
1894
2118
|
{
|
|
1895
2119
|
sx: () => ({
|
|
1896
2120
|
".MuiChartsAxis-line": {
|
|
1897
|
-
stroke:
|
|
2121
|
+
stroke: p.palette.divider
|
|
1898
2122
|
},
|
|
1899
2123
|
".MuiChartsAxis-tick": {
|
|
1900
|
-
stroke:
|
|
2124
|
+
stroke: p.palette.divider
|
|
1901
2125
|
},
|
|
1902
2126
|
".MuiChartsAxis-tickLabel": {
|
|
1903
2127
|
transform: "translateX(-8px)"
|
|
@@ -1914,29 +2138,29 @@ const zo = ({ total: t }) => {
|
|
|
1914
2138
|
)
|
|
1915
2139
|
] })
|
|
1916
2140
|
] });
|
|
1917
|
-
},
|
|
1918
|
-
const { isIncomeInitialized: t, loadDebtSpend:
|
|
1919
|
-
if (
|
|
1920
|
-
t || (
|
|
1921
|
-
}, [t]), !t) return /* @__PURE__ */ e(
|
|
2141
|
+
}, Ir = () => {
|
|
2142
|
+
const { isIncomeInitialized: t, loadDebtSpend: n, loadIncome: o, monthlySummaries: r } = L(), [i, a] = m.useState(0), { finstrong: l } = S();
|
|
2143
|
+
if (m.useEffect(() => {
|
|
2144
|
+
t || (n().finally(), o().finally());
|
|
2145
|
+
}, [t]), !t) return /* @__PURE__ */ e(ee, {});
|
|
1922
2146
|
const c = r.some(
|
|
1923
2147
|
(d) => d.debt_spend !== 0 || d.income !== 0
|
|
1924
2148
|
);
|
|
1925
|
-
return /* @__PURE__ */
|
|
1926
|
-
/* @__PURE__ */
|
|
1927
|
-
/* @__PURE__ */
|
|
1928
|
-
|
|
2149
|
+
return /* @__PURE__ */ s(H, { children: [
|
|
2150
|
+
/* @__PURE__ */ s(Y, { children: [
|
|
2151
|
+
/* @__PURE__ */ s(
|
|
2152
|
+
et,
|
|
1929
2153
|
{
|
|
1930
2154
|
"aria-label": l.key_indicators_save.drawer_title,
|
|
1931
2155
|
centered: !0,
|
|
1932
|
-
onChange: (d,
|
|
2156
|
+
onChange: (d, p) => a(p),
|
|
1933
2157
|
selectionFollowsFocus: !0,
|
|
1934
2158
|
sx: { mb: 0 },
|
|
1935
|
-
value:
|
|
2159
|
+
value: i,
|
|
1936
2160
|
variant: "fullWidth",
|
|
1937
2161
|
children: [
|
|
1938
2162
|
/* @__PURE__ */ e(
|
|
1939
|
-
|
|
2163
|
+
he,
|
|
1940
2164
|
{
|
|
1941
2165
|
"aria-controls": "income-details-tabpanel-0",
|
|
1942
2166
|
id: "income-details-tab-0",
|
|
@@ -1945,7 +2169,7 @@ const zo = ({ total: t }) => {
|
|
|
1945
2169
|
}
|
|
1946
2170
|
),
|
|
1947
2171
|
/* @__PURE__ */ e(
|
|
1948
|
-
|
|
2172
|
+
he,
|
|
1949
2173
|
{
|
|
1950
2174
|
"aria-controls": "debt-payment-details-tabpanel-1",
|
|
1951
2175
|
id: "debt-payment-details-tab-1",
|
|
@@ -1957,28 +2181,28 @@ const zo = ({ total: t }) => {
|
|
|
1957
2181
|
}
|
|
1958
2182
|
),
|
|
1959
2183
|
/* @__PURE__ */ e(
|
|
1960
|
-
|
|
2184
|
+
ge,
|
|
1961
2185
|
{
|
|
1962
2186
|
"aria-labelledby": "income-details-tab-0",
|
|
1963
2187
|
index: 0,
|
|
1964
2188
|
name: "income-details",
|
|
1965
|
-
value:
|
|
1966
|
-
children: /* @__PURE__ */ e(
|
|
2189
|
+
value: i,
|
|
2190
|
+
children: /* @__PURE__ */ e(wr, {})
|
|
1967
2191
|
}
|
|
1968
2192
|
),
|
|
1969
2193
|
/* @__PURE__ */ e(
|
|
1970
|
-
|
|
2194
|
+
ge,
|
|
1971
2195
|
{
|
|
1972
2196
|
"aria-labelledby": "debt-payment-details-tab-1",
|
|
1973
2197
|
index: 1,
|
|
1974
2198
|
name: "debt-payment-details",
|
|
1975
|
-
value:
|
|
1976
|
-
children: /* @__PURE__ */ e(
|
|
2199
|
+
value: i,
|
|
2200
|
+
children: /* @__PURE__ */ e(Mr, {})
|
|
1977
2201
|
}
|
|
1978
2202
|
)
|
|
1979
2203
|
] }),
|
|
1980
2204
|
c ? /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
|
|
1981
|
-
|
|
2205
|
+
Yt,
|
|
1982
2206
|
{
|
|
1983
2207
|
chartFor: "debt_payment_vs_income",
|
|
1984
2208
|
data: r,
|
|
@@ -1987,7 +2211,7 @@ const zo = ({ total: t }) => {
|
|
|
1987
2211
|
title: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
|
|
1988
2212
|
}
|
|
1989
2213
|
) }) : /* @__PURE__ */ e(
|
|
1990
|
-
|
|
2214
|
+
Be,
|
|
1991
2215
|
{
|
|
1992
2216
|
header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
|
|
1993
2217
|
icon: "multiline_chart",
|
|
@@ -2006,20 +2230,20 @@ const zo = ({ total: t }) => {
|
|
|
2006
2230
|
}
|
|
2007
2231
|
}
|
|
2008
2232
|
),
|
|
2009
|
-
/* @__PURE__ */ e(
|
|
2233
|
+
/* @__PURE__ */ e(ot, { chartFor: "debtOverTime" })
|
|
2010
2234
|
] });
|
|
2011
|
-
},
|
|
2012
|
-
const { healthScore: t } =
|
|
2235
|
+
}, Ar = w(Ir), Tr = () => {
|
|
2236
|
+
const { healthScore: t } = L(), { finstrong: n } = S(), o = Ee(t.spend_to_income_ratio), r = o ?? 0, i = Object.keys(t).length === 0, a = Bt(o), l = {
|
|
2013
2237
|
GOOD: [{ percentage: `${r}%` }],
|
|
2014
2238
|
FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
|
|
2015
2239
|
OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
|
|
2016
2240
|
MISSING: [{ percentage: "0%" }]
|
|
2017
2241
|
}[a];
|
|
2018
2242
|
return /* @__PURE__ */ e(
|
|
2019
|
-
|
|
2243
|
+
Ne,
|
|
2020
2244
|
{
|
|
2021
|
-
bottomComponent: /* @__PURE__ */
|
|
2022
|
-
|
|
2245
|
+
bottomComponent: /* @__PURE__ */ s(
|
|
2246
|
+
_,
|
|
2023
2247
|
{
|
|
2024
2248
|
sx: {
|
|
2025
2249
|
flexDirection: "row",
|
|
@@ -2028,64 +2252,64 @@ const zo = ({ total: t }) => {
|
|
|
2028
2252
|
mt: 8
|
|
2029
2253
|
},
|
|
2030
2254
|
children: [
|
|
2031
|
-
/* @__PURE__ */
|
|
2032
|
-
t.ninety_day_income <= 0 ? "-" :
|
|
2255
|
+
/* @__PURE__ */ s(D, { variant: "body2", children: [
|
|
2256
|
+
t.ninety_day_income <= 0 ? "-" : B(t.ninety_day_income, "0,0.00"),
|
|
2033
2257
|
" ",
|
|
2034
|
-
|
|
2258
|
+
n?.key_indicators_spend.spend_less_than_you_make_drawer.income
|
|
2035
2259
|
] }),
|
|
2036
|
-
/* @__PURE__ */
|
|
2260
|
+
/* @__PURE__ */ s(D, { variant: "body2", children: [
|
|
2037
2261
|
r <= 0 ? "-%" : `${r}%`,
|
|
2038
2262
|
" ",
|
|
2039
|
-
|
|
2263
|
+
n?.key_indicators_spend.spend_less_than_you_make_drawer.spent
|
|
2040
2264
|
] })
|
|
2041
2265
|
]
|
|
2042
2266
|
}
|
|
2043
2267
|
),
|
|
2044
|
-
label:
|
|
2268
|
+
label: n?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
|
|
2045
2269
|
status: a,
|
|
2046
2270
|
statusBarData: l,
|
|
2047
|
-
value:
|
|
2271
|
+
value: i ? "$0" : B(t.ninety_day_spend, "0,0.00")
|
|
2048
2272
|
}
|
|
2049
2273
|
);
|
|
2050
|
-
},
|
|
2051
|
-
const { accounts: t } =
|
|
2052
|
-
|
|
2274
|
+
}, Or = w(Tr), Rr = () => {
|
|
2275
|
+
const { accounts: t } = ke(), { categories: n, dateRangeCategoryTotals: o, loadDateRangeCategoryTotals: r } = Qe(), { monthlySummaries: i, handleFinstrongWidgetPrimaryCtaClick: a } = L(), { appDataStore: l } = Bn(), { finstrong: c, goals: d, spending: p } = S(), u = W(), [h, f] = m.useState("");
|
|
2276
|
+
m.useEffect(() => {
|
|
2053
2277
|
r(
|
|
2054
2278
|
t,
|
|
2055
|
-
|
|
2056
|
-
|
|
2279
|
+
It(/* @__PURE__ */ new Date()),
|
|
2280
|
+
At(/* @__PURE__ */ new Date())
|
|
2057
2281
|
).finally();
|
|
2058
2282
|
}, [t]);
|
|
2059
|
-
const v =
|
|
2060
|
-
() =>
|
|
2061
|
-
[
|
|
2283
|
+
const v = m.useMemo(
|
|
2284
|
+
() => Jn(n, d, u, o),
|
|
2285
|
+
[n, o]
|
|
2062
2286
|
), x = (k) => {
|
|
2063
|
-
|
|
2064
|
-
}, { totalSpending:
|
|
2287
|
+
f(h === k ? "" : k);
|
|
2288
|
+
}, { totalSpending: C, totalIncome: b } = m.useMemo(() => i?.reduce(
|
|
2065
2289
|
(k, { standard_spend: g = 0, income: y = 0 }) => ({
|
|
2066
2290
|
totalSpending: k.totalSpending + g,
|
|
2067
2291
|
totalIncome: k.totalIncome + y
|
|
2068
2292
|
}),
|
|
2069
2293
|
{ totalSpending: 0, totalIncome: 0 }
|
|
2070
|
-
), [
|
|
2071
|
-
return /* @__PURE__ */
|
|
2072
|
-
|
|
2073
|
-
|
|
2294
|
+
), [i]);
|
|
2295
|
+
return /* @__PURE__ */ s(_, { sx: { gap: 24 }, children: [
|
|
2296
|
+
b > 0 || C > 0 ? /* @__PURE__ */ e(
|
|
2297
|
+
Yt,
|
|
2074
2298
|
{
|
|
2075
2299
|
...l.appData.client_profile?.allow_trends_widget && {
|
|
2076
2300
|
buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
|
|
2077
2301
|
},
|
|
2078
2302
|
chartFor: "spending_vs_income",
|
|
2079
|
-
data:
|
|
2303
|
+
data: i,
|
|
2080
2304
|
legendLabelComparison: c.key_indicators_spend.spend_less_than_you_make_drawer.income,
|
|
2081
2305
|
legendLabelMain: c.key_indicators_spend.spend_less_than_you_make_drawer.spending,
|
|
2082
2306
|
onClick: () => a("trends")(),
|
|
2083
2307
|
title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
|
|
2084
|
-
totalComparison:
|
|
2085
|
-
totalMain:
|
|
2308
|
+
totalComparison: B(b, "0,0.00"),
|
|
2309
|
+
totalMain: B(C, "0,0.00")
|
|
2086
2310
|
}
|
|
2087
2311
|
) : /* @__PURE__ */ e(
|
|
2088
|
-
|
|
2312
|
+
Be,
|
|
2089
2313
|
{
|
|
2090
2314
|
header: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
|
|
2091
2315
|
icon: "multiline_chart",
|
|
@@ -2104,7 +2328,7 @@ const zo = ({ total: t }) => {
|
|
|
2104
2328
|
}
|
|
2105
2329
|
}
|
|
2106
2330
|
),
|
|
2107
|
-
v.donutData.length > 0 ? /* @__PURE__ */
|
|
2331
|
+
v.donutData.length > 0 ? /* @__PURE__ */ s(
|
|
2108
2332
|
Y,
|
|
2109
2333
|
{
|
|
2110
2334
|
sx: {
|
|
@@ -2112,8 +2336,8 @@ const zo = ({ total: t }) => {
|
|
|
2112
2336
|
py: 24
|
|
2113
2337
|
},
|
|
2114
2338
|
children: [
|
|
2115
|
-
/* @__PURE__ */
|
|
2116
|
-
|
|
2339
|
+
/* @__PURE__ */ s(
|
|
2340
|
+
_,
|
|
2117
2341
|
{
|
|
2118
2342
|
sx: {
|
|
2119
2343
|
alignItems: "center",
|
|
@@ -2125,11 +2349,11 @@ const zo = ({ total: t }) => {
|
|
|
2125
2349
|
px: 16
|
|
2126
2350
|
},
|
|
2127
2351
|
children: [
|
|
2128
|
-
/* @__PURE__ */ e(
|
|
2352
|
+
/* @__PURE__ */ e(j, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
|
|
2129
2353
|
l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
|
|
2130
|
-
|
|
2354
|
+
E,
|
|
2131
2355
|
{
|
|
2132
|
-
endIcon: /* @__PURE__ */ e(
|
|
2356
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
2133
2357
|
onClick: () => a("spending")(),
|
|
2134
2358
|
size: "small",
|
|
2135
2359
|
sx: {
|
|
@@ -2143,26 +2367,26 @@ const zo = ({ total: t }) => {
|
|
|
2143
2367
|
]
|
|
2144
2368
|
}
|
|
2145
2369
|
),
|
|
2146
|
-
/* @__PURE__ */
|
|
2147
|
-
|
|
2370
|
+
/* @__PURE__ */ s(
|
|
2371
|
+
_,
|
|
2148
2372
|
{
|
|
2149
2373
|
sx: { flexDirection: "row", gap: 12, justifyContent: "center", pb: 32, pt: 16, px: 24 },
|
|
2150
2374
|
children: [
|
|
2151
2375
|
/* @__PURE__ */ e(
|
|
2152
|
-
|
|
2376
|
+
eo,
|
|
2153
2377
|
{
|
|
2154
2378
|
data: v,
|
|
2155
2379
|
onSelected: x,
|
|
2156
|
-
selectedId:
|
|
2157
|
-
totalLabel:
|
|
2380
|
+
selectedId: h,
|
|
2381
|
+
totalLabel: p.total_spending
|
|
2158
2382
|
}
|
|
2159
2383
|
),
|
|
2160
2384
|
/* @__PURE__ */ e(
|
|
2161
|
-
|
|
2385
|
+
to,
|
|
2162
2386
|
{
|
|
2163
2387
|
data: v,
|
|
2164
2388
|
onSelected: x,
|
|
2165
|
-
selectedId:
|
|
2389
|
+
selectedId: h
|
|
2166
2390
|
}
|
|
2167
2391
|
)
|
|
2168
2392
|
]
|
|
@@ -2171,7 +2395,7 @@ const zo = ({ total: t }) => {
|
|
|
2171
2395
|
]
|
|
2172
2396
|
}
|
|
2173
2397
|
) : /* @__PURE__ */ e(
|
|
2174
|
-
|
|
2398
|
+
Be,
|
|
2175
2399
|
{
|
|
2176
2400
|
header: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
|
|
2177
2401
|
icon: "donut_small",
|
|
@@ -2191,17 +2415,17 @@ const zo = ({ total: t }) => {
|
|
|
2191
2415
|
}
|
|
2192
2416
|
)
|
|
2193
2417
|
] });
|
|
2194
|
-
},
|
|
2418
|
+
}, Fr = w(Rr), Lr = ({
|
|
2195
2419
|
drawerFor: t,
|
|
2196
|
-
isOpen:
|
|
2197
|
-
onClose:
|
|
2420
|
+
isOpen: n,
|
|
2421
|
+
onClose: o
|
|
2198
2422
|
}) => {
|
|
2199
|
-
const { finstrong: r } =
|
|
2423
|
+
const { finstrong: r } = S(), a = {
|
|
2200
2424
|
spendLessThanYouMake: {
|
|
2201
2425
|
title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
|
|
2202
2426
|
description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
|
|
2203
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2204
|
-
content: /* @__PURE__ */ e(
|
|
2427
|
+
stickyComponent: /* @__PURE__ */ e(Or, {}),
|
|
2428
|
+
content: /* @__PURE__ */ e(Fr, {}),
|
|
2205
2429
|
drawerType: "connectDrawer",
|
|
2206
2430
|
connectTitle: r.connect_your_accounts,
|
|
2207
2431
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
@@ -2209,16 +2433,16 @@ const zo = ({ total: t }) => {
|
|
|
2209
2433
|
payBillsOnTime: {
|
|
2210
2434
|
title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
|
|
2211
2435
|
description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
|
|
2212
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2213
|
-
content: /* @__PURE__ */ e(
|
|
2436
|
+
stickyComponent: /* @__PURE__ */ e(ur, {}),
|
|
2437
|
+
content: /* @__PURE__ */ e(dr, {}),
|
|
2214
2438
|
drawerType: "connectDrawer",
|
|
2215
2439
|
connectTitle: r.connect_your_accounts,
|
|
2216
2440
|
connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
|
|
2217
2441
|
},
|
|
2218
2442
|
maintainEmergencySavings: {
|
|
2219
|
-
content: /* @__PURE__ */ e(
|
|
2443
|
+
content: /* @__PURE__ */ e(rr, {}),
|
|
2220
2444
|
description: r.maintain_emergency_savings_description,
|
|
2221
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2445
|
+
stickyComponent: /* @__PURE__ */ e(cr, {}),
|
|
2222
2446
|
title: r.maintain_emergency_savings_title,
|
|
2223
2447
|
drawerType: "connectDrawer",
|
|
2224
2448
|
connectTitle: r.connect_your_accounts,
|
|
@@ -2227,58 +2451,58 @@ const zo = ({ total: t }) => {
|
|
|
2227
2451
|
haveManageableDebt: {
|
|
2228
2452
|
title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
|
|
2229
2453
|
description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
|
|
2230
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2231
|
-
content: /* @__PURE__ */ e(
|
|
2454
|
+
stickyComponent: /* @__PURE__ */ e(Sr, {}),
|
|
2455
|
+
content: /* @__PURE__ */ e(Ar, {}),
|
|
2232
2456
|
drawerType: "connectDrawer",
|
|
2233
2457
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2234
2458
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2235
2459
|
},
|
|
2236
2460
|
haveAGoodCreditScore: {
|
|
2237
|
-
title: /* @__PURE__ */ e(
|
|
2461
|
+
title: /* @__PURE__ */ e(Qo, {}),
|
|
2238
2462
|
description: r.credit_score_description,
|
|
2239
2463
|
stickyComponent: null,
|
|
2240
|
-
content: /* @__PURE__ */ e(
|
|
2464
|
+
content: /* @__PURE__ */ e(Uo, {})
|
|
2241
2465
|
},
|
|
2242
2466
|
saveEnoughToLiveOn: {
|
|
2243
2467
|
title: r.key_indicators_save.drawer_title,
|
|
2244
2468
|
description: r.key_indicators_save.drawer_description,
|
|
2245
|
-
stickyComponent: /* @__PURE__ */ e(
|
|
2246
|
-
content: /* @__PURE__ */ e(
|
|
2469
|
+
stickyComponent: /* @__PURE__ */ e(xr, {}),
|
|
2470
|
+
content: /* @__PURE__ */ e(fr, {}),
|
|
2247
2471
|
drawerType: "connectDrawer",
|
|
2248
2472
|
connectTitle: r.dont_see_all_your_accounts,
|
|
2249
2473
|
connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
|
|
2250
2474
|
}
|
|
2251
2475
|
}[t];
|
|
2252
2476
|
return /* @__PURE__ */ e(
|
|
2253
|
-
|
|
2477
|
+
Kt,
|
|
2254
2478
|
{
|
|
2255
2479
|
connectDescription: a?.connectDescription,
|
|
2256
2480
|
connectTitle: a?.connectTitle,
|
|
2257
2481
|
description: a?.description,
|
|
2258
2482
|
drawerTitle: r.key_indicators,
|
|
2259
2483
|
drawerType: a.drawerType,
|
|
2260
|
-
isOpen:
|
|
2484
|
+
isOpen: n,
|
|
2261
2485
|
loadConnectAccountsCard: !0,
|
|
2262
|
-
onClose:
|
|
2486
|
+
onClose: o,
|
|
2263
2487
|
stickyComponent: a.stickyComponent,
|
|
2264
2488
|
title: a.title,
|
|
2265
|
-
children: /* @__PURE__ */ e(
|
|
2489
|
+
children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: a.content })
|
|
2266
2490
|
}
|
|
2267
2491
|
);
|
|
2268
|
-
},
|
|
2492
|
+
}, Pr = w(Lr), we = ({
|
|
2269
2493
|
drawerFor: t,
|
|
2270
|
-
title:
|
|
2271
|
-
description:
|
|
2494
|
+
title: n,
|
|
2495
|
+
description: o,
|
|
2272
2496
|
cardState: r = "MISSING"
|
|
2273
2497
|
}) => {
|
|
2274
|
-
const { finstrong:
|
|
2498
|
+
const { finstrong: i } = S(), [a, l] = m.useState(!1), c = (d) => {
|
|
2275
2499
|
(d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(!0));
|
|
2276
2500
|
};
|
|
2277
|
-
return /* @__PURE__ */
|
|
2278
|
-
/* @__PURE__ */
|
|
2279
|
-
|
|
2501
|
+
return /* @__PURE__ */ s(H, { children: [
|
|
2502
|
+
/* @__PURE__ */ s(
|
|
2503
|
+
_,
|
|
2280
2504
|
{
|
|
2281
|
-
"aria-label": `${
|
|
2505
|
+
"aria-label": `${i.key_indicators_open} ${n}`,
|
|
2282
2506
|
onClick: () => l(!0),
|
|
2283
2507
|
onKeyDown: c,
|
|
2284
2508
|
role: "button",
|
|
@@ -2295,19 +2519,19 @@ const zo = ({ total: t }) => {
|
|
|
2295
2519
|
},
|
|
2296
2520
|
tabIndex: 0,
|
|
2297
2521
|
children: [
|
|
2298
|
-
/* @__PURE__ */
|
|
2299
|
-
/* @__PURE__ */
|
|
2300
|
-
/* @__PURE__ */ e(
|
|
2301
|
-
/* @__PURE__ */ e(
|
|
2522
|
+
/* @__PURE__ */ s(_, { sx: { gap: 8, minWidth: 0 }, children: [
|
|
2523
|
+
/* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
|
|
2524
|
+
/* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: n }),
|
|
2525
|
+
/* @__PURE__ */ e($e, { status: r })
|
|
2302
2526
|
] }),
|
|
2303
|
-
/* @__PURE__ */ e(
|
|
2527
|
+
/* @__PURE__ */ e(A, { color: "secondary", variant: "subtitle2", children: o })
|
|
2304
2528
|
] }),
|
|
2305
|
-
/* @__PURE__ */ e(
|
|
2529
|
+
/* @__PURE__ */ e(J, { color: "secondary", size: 24 })
|
|
2306
2530
|
]
|
|
2307
2531
|
}
|
|
2308
2532
|
),
|
|
2309
2533
|
/* @__PURE__ */ e(
|
|
2310
|
-
|
|
2534
|
+
Pr,
|
|
2311
2535
|
{
|
|
2312
2536
|
drawerFor: t,
|
|
2313
2537
|
isOpen: a,
|
|
@@ -2315,170 +2539,170 @@ const zo = ({ total: t }) => {
|
|
|
2315
2539
|
}
|
|
2316
2540
|
)
|
|
2317
2541
|
] });
|
|
2318
|
-
},
|
|
2319
|
-
const { finstrong: t } =
|
|
2320
|
-
const c =
|
|
2321
|
-
GOOD:
|
|
2322
|
-
FAIR:
|
|
2323
|
-
OFF_TRACK:
|
|
2324
|
-
MISSING:
|
|
2325
|
-
},
|
|
2542
|
+
}, Br = () => {
|
|
2543
|
+
const { finstrong: t } = S(), { key_indicators_spend: n } = t, { healthScore: o } = L(), r = (l) => {
|
|
2544
|
+
const c = Bt(l), d = {
|
|
2545
|
+
GOOD: n.ratio_good_description,
|
|
2546
|
+
FAIR: n.ratio_fair_description,
|
|
2547
|
+
OFF_TRACK: n.ratio_off_track_description,
|
|
2548
|
+
MISSING: n.ratio_missing_description
|
|
2549
|
+
}, p = c === "MISSING" ? d[c] : z(d[c], l);
|
|
2326
2550
|
return {
|
|
2327
2551
|
cardState: c,
|
|
2328
|
-
description:
|
|
2329
|
-
title:
|
|
2552
|
+
description: p,
|
|
2553
|
+
title: n.ratio_card_title
|
|
2330
2554
|
};
|
|
2331
|
-
}, { spendToIncomeRatio:
|
|
2332
|
-
const l =
|
|
2333
|
-
|
|
2334
|
-
|
|
2555
|
+
}, { spendToIncomeRatio: i, spendFeeCount: a } = m.useMemo(() => {
|
|
2556
|
+
const l = o.spend_to_income_ratio !== null ? Math.round(o.spend_to_income_ratio * 100) : null, c = r(l), d = Lo(
|
|
2557
|
+
o.spending_fee_transaction_count,
|
|
2558
|
+
n
|
|
2335
2559
|
);
|
|
2336
2560
|
return { spendToIncomeRatio: c, spendFeeCount: d };
|
|
2337
2561
|
}, [
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2562
|
+
o.spend_to_income_ratio,
|
|
2563
|
+
o.spending_fee_transaction_count,
|
|
2564
|
+
n,
|
|
2341
2565
|
t
|
|
2342
2566
|
]);
|
|
2343
|
-
return /* @__PURE__ */
|
|
2567
|
+
return /* @__PURE__ */ s(_, { sx: { gap: 24, p: 8, pt: 24 }, children: [
|
|
2344
2568
|
/* @__PURE__ */ e(
|
|
2345
|
-
|
|
2569
|
+
we,
|
|
2346
2570
|
{
|
|
2347
|
-
cardState:
|
|
2348
|
-
description:
|
|
2349
|
-
drawerFor:
|
|
2350
|
-
title:
|
|
2571
|
+
cardState: i.cardState,
|
|
2572
|
+
description: i.description,
|
|
2573
|
+
drawerFor: ye.SpendLessThanYouMake,
|
|
2574
|
+
title: i.title
|
|
2351
2575
|
}
|
|
2352
2576
|
),
|
|
2353
2577
|
/* @__PURE__ */ e(
|
|
2354
|
-
|
|
2578
|
+
we,
|
|
2355
2579
|
{
|
|
2356
2580
|
cardState: a.cardState,
|
|
2357
2581
|
description: a.description,
|
|
2358
|
-
drawerFor:
|
|
2582
|
+
drawerFor: ye.PayBillsOnTime,
|
|
2359
2583
|
title: a.title
|
|
2360
2584
|
}
|
|
2361
2585
|
)
|
|
2362
2586
|
] });
|
|
2363
|
-
},
|
|
2364
|
-
const { healthScore: t } =
|
|
2365
|
-
const d =
|
|
2366
|
-
GOOD:
|
|
2367
|
-
FAIR:
|
|
2368
|
-
OFF_TRACK:
|
|
2369
|
-
MISSING:
|
|
2370
|
-
}, u = d === "MISSING" ?
|
|
2587
|
+
}, Er = w(Br), Gr = () => {
|
|
2588
|
+
const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_save: o } = n, r = (c) => {
|
|
2589
|
+
const d = Lt(c), p = {
|
|
2590
|
+
GOOD: o.days_of_cash_good_description,
|
|
2591
|
+
FAIR: o.days_of_cash_fair_description,
|
|
2592
|
+
OFF_TRACK: o.days_of_cash_off_track_description,
|
|
2593
|
+
MISSING: o.days_of_cash_missing_description
|
|
2594
|
+
}, u = d === "MISSING" ? p[d] : z(p[d], c);
|
|
2371
2595
|
return {
|
|
2372
2596
|
cardState: d,
|
|
2373
2597
|
description: u,
|
|
2374
|
-
title:
|
|
2598
|
+
title: o.days_of_cash_title
|
|
2375
2599
|
};
|
|
2376
|
-
},
|
|
2377
|
-
const d =
|
|
2378
|
-
GOOD:
|
|
2379
|
-
FAIR:
|
|
2380
|
-
OFF_TRACK:
|
|
2381
|
-
MISSING:
|
|
2600
|
+
}, i = (c) => {
|
|
2601
|
+
const d = Pt(c), p = {
|
|
2602
|
+
GOOD: o.emergency_savings_good_description,
|
|
2603
|
+
FAIR: o.emergency_savings_fair_description,
|
|
2604
|
+
OFF_TRACK: o.emergency_savings_off_track_description,
|
|
2605
|
+
MISSING: o.emergency_savings_missing_description
|
|
2382
2606
|
};
|
|
2383
2607
|
let u;
|
|
2384
|
-
return d === "FAIR" && c !== null ? u =
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
) : u =
|
|
2608
|
+
return d === "FAIR" && c !== null ? u = z(
|
|
2609
|
+
p[d],
|
|
2610
|
+
B(c, "0,0.00")
|
|
2611
|
+
) : u = p[d], {
|
|
2388
2612
|
cardState: d,
|
|
2389
2613
|
description: u,
|
|
2390
|
-
title:
|
|
2614
|
+
title: o.emergency_savings_title
|
|
2391
2615
|
};
|
|
2392
|
-
}, { daysOfCashOnHand: a, emergencySavings: l } =
|
|
2393
|
-
const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, d = r(c),
|
|
2616
|
+
}, { daysOfCashOnHand: a, emergencySavings: l } = m.useMemo(() => {
|
|
2617
|
+
const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, d = r(c), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = i(p);
|
|
2394
2618
|
return { daysOfCashOnHand: d, emergencySavings: u };
|
|
2395
2619
|
}, [
|
|
2396
2620
|
t.months_of_cash_on_hand,
|
|
2397
2621
|
t.emergency_savings_on_hand,
|
|
2398
|
-
|
|
2399
|
-
|
|
2622
|
+
o,
|
|
2623
|
+
n
|
|
2400
2624
|
]);
|
|
2401
|
-
return /* @__PURE__ */
|
|
2625
|
+
return /* @__PURE__ */ s(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
|
|
2402
2626
|
/* @__PURE__ */ e(
|
|
2403
|
-
|
|
2627
|
+
we,
|
|
2404
2628
|
{
|
|
2405
2629
|
cardState: a.cardState,
|
|
2406
2630
|
description: a.description,
|
|
2407
|
-
drawerFor:
|
|
2631
|
+
drawerFor: ye.SaveEnoughToLiveOn,
|
|
2408
2632
|
title: a.title
|
|
2409
2633
|
}
|
|
2410
2634
|
),
|
|
2411
2635
|
/* @__PURE__ */ e(
|
|
2412
|
-
|
|
2636
|
+
we,
|
|
2413
2637
|
{
|
|
2414
2638
|
cardState: l.cardState,
|
|
2415
2639
|
description: l.description,
|
|
2416
|
-
drawerFor:
|
|
2640
|
+
drawerFor: ye.MaintainEmergencySavings,
|
|
2417
2641
|
title: l.title
|
|
2418
2642
|
}
|
|
2419
2643
|
)
|
|
2420
2644
|
] });
|
|
2421
|
-
},
|
|
2422
|
-
const { healthScore: t } =
|
|
2423
|
-
const
|
|
2424
|
-
GOOD:
|
|
2425
|
-
FAIR:
|
|
2426
|
-
OFF_TRACK:
|
|
2427
|
-
MISSING:
|
|
2428
|
-
},
|
|
2645
|
+
}, Wr = w(Gr), $r = () => {
|
|
2646
|
+
const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_borrow: o } = n, { user: r } = oe(), i = (d) => {
|
|
2647
|
+
const p = Et(d), u = {
|
|
2648
|
+
GOOD: o.manage_debit_good_description,
|
|
2649
|
+
FAIR: o.manage_debit_fair_description,
|
|
2650
|
+
OFF_TRACK: o.manage_debit_off_track_description,
|
|
2651
|
+
MISSING: o.manage_debit_missing_description
|
|
2652
|
+
}, h = p === "FAIR" || p === "OFF_TRACK" ? z(u[p], d) : u[p];
|
|
2429
2653
|
return {
|
|
2430
|
-
cardState:
|
|
2431
|
-
description:
|
|
2432
|
-
title:
|
|
2654
|
+
cardState: p,
|
|
2655
|
+
description: h,
|
|
2656
|
+
title: o.manage_debit_title
|
|
2433
2657
|
};
|
|
2434
2658
|
}, a = (d) => {
|
|
2435
|
-
const
|
|
2436
|
-
GOOD:
|
|
2437
|
-
FAIR:
|
|
2438
|
-
OFF_TRACK:
|
|
2439
|
-
MISSING:
|
|
2440
|
-
},
|
|
2659
|
+
const p = Gt(d), u = {
|
|
2660
|
+
GOOD: o.credit_score_good_description,
|
|
2661
|
+
FAIR: o.credit_score_fair_description,
|
|
2662
|
+
OFF_TRACK: o.credit_score_off_track_description,
|
|
2663
|
+
MISSING: o.credit_score_missing_description
|
|
2664
|
+
}, h = p === "MISSING" ? u[p] : z(u[p], d);
|
|
2441
2665
|
return {
|
|
2442
|
-
cardState:
|
|
2443
|
-
description:
|
|
2444
|
-
title:
|
|
2666
|
+
cardState: p,
|
|
2667
|
+
description: h,
|
|
2668
|
+
title: o.credit_score_title
|
|
2445
2669
|
};
|
|
2446
|
-
}, { manageDebtStatus: l, creditScoreStatus: c } =
|
|
2447
|
-
const d = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null,
|
|
2670
|
+
}, { manageDebtStatus: l, creditScoreStatus: c } = m.useMemo(() => {
|
|
2671
|
+
const d = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = i(d), u = a(r.credit_score || null);
|
|
2448
2672
|
return {
|
|
2449
|
-
manageDebtStatus:
|
|
2673
|
+
manageDebtStatus: p,
|
|
2450
2674
|
creditScoreStatus: u
|
|
2451
2675
|
};
|
|
2452
|
-
}, [t.debt_to_income_ratio, r.credit_score,
|
|
2453
|
-
return /* @__PURE__ */
|
|
2676
|
+
}, [t.debt_to_income_ratio, r.credit_score, o, n]);
|
|
2677
|
+
return /* @__PURE__ */ s(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
|
|
2454
2678
|
/* @__PURE__ */ e(
|
|
2455
|
-
|
|
2679
|
+
we,
|
|
2456
2680
|
{
|
|
2457
2681
|
cardState: l.cardState,
|
|
2458
2682
|
description: l.description,
|
|
2459
|
-
drawerFor:
|
|
2683
|
+
drawerFor: ye.HaveManageableDebt,
|
|
2460
2684
|
title: l.title
|
|
2461
2685
|
}
|
|
2462
2686
|
),
|
|
2463
2687
|
/* @__PURE__ */ e(
|
|
2464
|
-
|
|
2688
|
+
we,
|
|
2465
2689
|
{
|
|
2466
2690
|
cardState: c.cardState,
|
|
2467
2691
|
description: c.description,
|
|
2468
|
-
drawerFor:
|
|
2692
|
+
drawerFor: ye.HaveAGoodCreditScore,
|
|
2469
2693
|
title: c.title
|
|
2470
2694
|
}
|
|
2471
2695
|
)
|
|
2472
2696
|
] });
|
|
2473
|
-
},
|
|
2474
|
-
const [t,
|
|
2475
|
-
return /* @__PURE__ */
|
|
2476
|
-
/* @__PURE__ */
|
|
2477
|
-
|
|
2697
|
+
}, Nr = w($r), zr = () => {
|
|
2698
|
+
const [t, n] = m.useState(0), { finstrong: o } = S();
|
|
2699
|
+
return /* @__PURE__ */ s(H, { children: [
|
|
2700
|
+
/* @__PURE__ */ s(
|
|
2701
|
+
et,
|
|
2478
2702
|
{
|
|
2479
2703
|
"aria-label": "Key Indicators",
|
|
2480
2704
|
centered: !0,
|
|
2481
|
-
onChange: (r,
|
|
2705
|
+
onChange: (r, i) => n(i),
|
|
2482
2706
|
selectionFollowsFocus: !0,
|
|
2483
2707
|
sx: {
|
|
2484
2708
|
mb: 0,
|
|
@@ -2491,57 +2715,57 @@ const zo = ({ total: t }) => {
|
|
|
2491
2715
|
variant: "fullWidth",
|
|
2492
2716
|
children: [
|
|
2493
2717
|
/* @__PURE__ */ e(
|
|
2494
|
-
|
|
2718
|
+
he,
|
|
2495
2719
|
{
|
|
2496
2720
|
"aria-controls": "spend-details-tabpanel-0",
|
|
2497
|
-
icon: /* @__PURE__ */ e(
|
|
2721
|
+
icon: /* @__PURE__ */ e(bt, { sx: { mr: 8 } }),
|
|
2498
2722
|
iconPosition: "start",
|
|
2499
2723
|
id: "spend-details-tab-0",
|
|
2500
|
-
label:
|
|
2724
|
+
label: o.key_indicators_spend.title,
|
|
2501
2725
|
sx: { minHeight: 44 }
|
|
2502
2726
|
}
|
|
2503
2727
|
),
|
|
2504
2728
|
/* @__PURE__ */ e(
|
|
2505
|
-
|
|
2729
|
+
he,
|
|
2506
2730
|
{
|
|
2507
2731
|
"aria-controls": "save-details-tabpanel-1",
|
|
2508
|
-
icon: /* @__PURE__ */ e(
|
|
2732
|
+
icon: /* @__PURE__ */ e(xn, { sx: { mr: 8 } }),
|
|
2509
2733
|
iconPosition: "start",
|
|
2510
2734
|
id: "save-details-tab-1",
|
|
2511
|
-
label:
|
|
2735
|
+
label: o.key_indicators_save.title,
|
|
2512
2736
|
sx: { minHeight: 44 }
|
|
2513
2737
|
}
|
|
2514
2738
|
),
|
|
2515
2739
|
/* @__PURE__ */ e(
|
|
2516
|
-
|
|
2740
|
+
he,
|
|
2517
2741
|
{
|
|
2518
2742
|
"aria-controls": "borrow-details-tabpanel-2",
|
|
2519
|
-
icon: /* @__PURE__ */ e(
|
|
2743
|
+
icon: /* @__PURE__ */ e(Cn, { sx: { mr: 8 } }),
|
|
2520
2744
|
iconPosition: "start",
|
|
2521
2745
|
id: "borrow-details-tab-2",
|
|
2522
|
-
label:
|
|
2746
|
+
label: o.key_indicators_borrow.title,
|
|
2523
2747
|
sx: { minHeight: 44 }
|
|
2524
2748
|
}
|
|
2525
2749
|
)
|
|
2526
2750
|
]
|
|
2527
2751
|
}
|
|
2528
2752
|
),
|
|
2529
|
-
/* @__PURE__ */ e(
|
|
2530
|
-
/* @__PURE__ */ e(
|
|
2531
|
-
/* @__PURE__ */ e(
|
|
2753
|
+
/* @__PURE__ */ e(ge, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(Er, {}) }),
|
|
2754
|
+
/* @__PURE__ */ e(ge, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Wr, {}) }),
|
|
2755
|
+
/* @__PURE__ */ e(ge, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Nr, {}) })
|
|
2532
2756
|
] });
|
|
2533
|
-
},
|
|
2534
|
-
const { finstrong:
|
|
2535
|
-
return
|
|
2536
|
-
/* @__PURE__ */ e(
|
|
2537
|
-
/* @__PURE__ */
|
|
2538
|
-
/* @__PURE__ */ e(
|
|
2539
|
-
/* @__PURE__ */ e(
|
|
2757
|
+
}, Hr = w(zr), Kr = ({ onClick: t }) => {
|
|
2758
|
+
const { finstrong: n } = S(), { isCopyLoaded: o } = ne();
|
|
2759
|
+
return o ? /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
|
|
2760
|
+
/* @__PURE__ */ e(Sn, { size: 48 }),
|
|
2761
|
+
/* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
|
|
2762
|
+
/* @__PURE__ */ e(j, { children: n.missing_data_title }),
|
|
2763
|
+
/* @__PURE__ */ e(A, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: n.missing_data_description })
|
|
2540
2764
|
] }),
|
|
2541
2765
|
/* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
|
|
2542
|
-
|
|
2766
|
+
E,
|
|
2543
2767
|
{
|
|
2544
|
-
endIcon: /* @__PURE__ */ e(
|
|
2768
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
2545
2769
|
onClick: t,
|
|
2546
2770
|
size: "small",
|
|
2547
2771
|
sx: {
|
|
@@ -2551,79 +2775,79 @@ const zo = ({ total: t }) => {
|
|
|
2551
2775
|
}
|
|
2552
2776
|
},
|
|
2553
2777
|
variant: "text",
|
|
2554
|
-
children:
|
|
2778
|
+
children: n.connect_more_accounts_button
|
|
2555
2779
|
}
|
|
2556
2780
|
) })
|
|
2557
|
-
] }) : /* @__PURE__ */ e(
|
|
2558
|
-
},
|
|
2781
|
+
] }) : /* @__PURE__ */ e(ee, {});
|
|
2782
|
+
}, Vr = w(Kr), jr = ({
|
|
2559
2783
|
firstDay: t,
|
|
2560
|
-
frequency:
|
|
2561
|
-
secondDay:
|
|
2784
|
+
frequency: n,
|
|
2785
|
+
secondDay: o,
|
|
2562
2786
|
incomeTransactions: r,
|
|
2563
|
-
setCurrentStep:
|
|
2787
|
+
setCurrentStep: i,
|
|
2564
2788
|
setFirstDay: a,
|
|
2565
2789
|
setFrequency: l,
|
|
2566
2790
|
setSecondDay: c,
|
|
2567
2791
|
transaction: d
|
|
2568
2792
|
}) => {
|
|
2569
|
-
const { finstrong:
|
|
2570
|
-
return /* @__PURE__ */
|
|
2571
|
-
/* @__PURE__ */
|
|
2572
|
-
!!r.length && /* @__PURE__ */ e(M, { sx: { pb: 24 }, children: r.reduce((u,
|
|
2573
|
-
if (
|
|
2574
|
-
const v =
|
|
2793
|
+
const { finstrong: p } = S();
|
|
2794
|
+
return /* @__PURE__ */ s(m.Fragment, { children: [
|
|
2795
|
+
/* @__PURE__ */ s(_, { children: [
|
|
2796
|
+
!!r.length && /* @__PURE__ */ e(M, { sx: { pb: 24 }, children: r.reduce((u, h, f) => {
|
|
2797
|
+
if (h.guid === d.guid) return u;
|
|
2798
|
+
const v = Kn(f, r), x = Vn(f, r);
|
|
2575
2799
|
return u.push(
|
|
2576
|
-
/* @__PURE__ */
|
|
2577
|
-
v && /* @__PURE__ */ e(
|
|
2578
|
-
/* @__PURE__ */ e(
|
|
2579
|
-
/* @__PURE__ */ e(
|
|
2580
|
-
] },
|
|
2800
|
+
/* @__PURE__ */ s(m.Fragment, { children: [
|
|
2801
|
+
v && /* @__PURE__ */ e(jn, { children: Dt(h.date) }),
|
|
2802
|
+
/* @__PURE__ */ e(Yn, { transaction: h }),
|
|
2803
|
+
/* @__PURE__ */ e(ae, { sx: { ml: x ? 44 : 0 } })
|
|
2804
|
+
] }, h.guid)
|
|
2581
2805
|
), u;
|
|
2582
2806
|
}, []) }),
|
|
2583
2807
|
/* @__PURE__ */ e(
|
|
2584
|
-
|
|
2808
|
+
ao,
|
|
2585
2809
|
{
|
|
2586
2810
|
firstDay: t,
|
|
2587
|
-
frequency:
|
|
2811
|
+
frequency: n,
|
|
2588
2812
|
onFirstDayChange: a,
|
|
2589
2813
|
onFrequencyChange: l,
|
|
2590
2814
|
onSecondDayChange: c,
|
|
2591
|
-
secondDay:
|
|
2815
|
+
secondDay: o,
|
|
2592
2816
|
transaction: d
|
|
2593
2817
|
}
|
|
2594
2818
|
)
|
|
2595
2819
|
] }),
|
|
2596
2820
|
/* @__PURE__ */ e(M, { sx: { px: 24 }, children: /* @__PURE__ */ e(
|
|
2597
|
-
|
|
2821
|
+
E,
|
|
2598
2822
|
{
|
|
2599
2823
|
fullWidth: !0,
|
|
2600
|
-
onClick: () =>
|
|
2601
|
-
startIcon: /* @__PURE__ */ e(
|
|
2602
|
-
children:
|
|
2824
|
+
onClick: () => i({ step: R.MonthlyIncome, type: "main" }),
|
|
2825
|
+
startIcon: /* @__PURE__ */ e(xt, {}),
|
|
2826
|
+
children: p.onboarding_add_more_income
|
|
2603
2827
|
}
|
|
2604
2828
|
) })
|
|
2605
2829
|
] });
|
|
2606
|
-
},
|
|
2607
|
-
const { finstrong:
|
|
2608
|
-
|
|
2830
|
+
}, Yr = w(jr), Xr = ({ selectedDate: t, setSelectedDate: n }) => {
|
|
2831
|
+
const { finstrong: o } = S(), r = W(), i = (a) => {
|
|
2832
|
+
n(Math.floor(new Date(a).getTime() / 1e3));
|
|
2609
2833
|
};
|
|
2610
|
-
return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter:
|
|
2834
|
+
return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter: Rt, children: /* @__PURE__ */ e(
|
|
2611
2835
|
po,
|
|
2612
2836
|
{
|
|
2613
2837
|
disableFuture: !0,
|
|
2614
|
-
label:
|
|
2615
|
-
onChange:
|
|
2838
|
+
label: o.onboarding_select_date,
|
|
2839
|
+
onChange: i,
|
|
2616
2840
|
slotProps: {
|
|
2617
2841
|
nextIconButton: {
|
|
2618
2842
|
sx: {
|
|
2619
2843
|
color: "primary.main",
|
|
2620
|
-
"&:hover": { bgcolor:
|
|
2844
|
+
"&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
|
|
2621
2845
|
}
|
|
2622
2846
|
},
|
|
2623
2847
|
previousIconButton: {
|
|
2624
2848
|
sx: {
|
|
2625
2849
|
color: "primary.main",
|
|
2626
|
-
"&:hover": { bgcolor:
|
|
2850
|
+
"&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
|
|
2627
2851
|
}
|
|
2628
2852
|
}
|
|
2629
2853
|
},
|
|
@@ -2631,16 +2855,16 @@ const zo = ({ total: t }) => {
|
|
|
2631
2855
|
width: "100%",
|
|
2632
2856
|
"& .MuiIconButton-edgeEnd": {
|
|
2633
2857
|
color: "primary.main",
|
|
2634
|
-
"&:hover": { bgcolor:
|
|
2858
|
+
"&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
|
|
2635
2859
|
}
|
|
2636
2860
|
},
|
|
2637
2861
|
value: t ? new Date(t * 1e3) : null
|
|
2638
2862
|
}
|
|
2639
2863
|
) }) });
|
|
2640
|
-
},
|
|
2641
|
-
const { finstrong:
|
|
2864
|
+
}, Ur = w(Xr), qr = ({ creditScore: t, setCreditScore: n }) => {
|
|
2865
|
+
const { finstrong: o } = S(), r = !isNaN(t);
|
|
2642
2866
|
return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
2643
|
-
|
|
2867
|
+
Pe,
|
|
2644
2868
|
{
|
|
2645
2869
|
error: !r,
|
|
2646
2870
|
fullWidth: !0,
|
|
@@ -2649,13 +2873,13 @@ const zo = ({ total: t }) => {
|
|
|
2649
2873
|
noValidate: !0,
|
|
2650
2874
|
pattern: "[0-9]*"
|
|
2651
2875
|
},
|
|
2652
|
-
label:
|
|
2653
|
-
onChange: (
|
|
2876
|
+
label: o.credit_score,
|
|
2877
|
+
onChange: (i) => n(Number(i.target.value)),
|
|
2654
2878
|
value: r ? t : ""
|
|
2655
2879
|
}
|
|
2656
2880
|
) });
|
|
2657
|
-
},
|
|
2658
|
-
/* @__PURE__ */ e(
|
|
2881
|
+
}, Qr = w(qr), Xt = ({ value: t, completeCopy: n }) => /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
|
|
2882
|
+
/* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((o, r) => /* @__PURE__ */ e(
|
|
2659
2883
|
M,
|
|
2660
2884
|
{
|
|
2661
2885
|
sx: {
|
|
@@ -2667,245 +2891,245 @@ const zo = ({ total: t }) => {
|
|
|
2667
2891
|
},
|
|
2668
2892
|
r
|
|
2669
2893
|
)) }),
|
|
2670
|
-
/* @__PURE__ */
|
|
2894
|
+
/* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "body2", children: [
|
|
2671
2895
|
t / 4 * 100,
|
|
2672
2896
|
"% ",
|
|
2673
|
-
|
|
2897
|
+
n
|
|
2674
2898
|
] })
|
|
2675
|
-
] }),
|
|
2899
|
+
] }), Zr = ({
|
|
2676
2900
|
completeCopy: t,
|
|
2677
|
-
primaryText:
|
|
2678
|
-
secondaryText:
|
|
2901
|
+
primaryText: n,
|
|
2902
|
+
secondaryText: o,
|
|
2679
2903
|
value: r
|
|
2680
|
-
}) => /* @__PURE__ */
|
|
2681
|
-
/* @__PURE__ */
|
|
2682
|
-
/* @__PURE__ */ e(
|
|
2683
|
-
/* @__PURE__ */ e(
|
|
2904
|
+
}) => /* @__PURE__ */ s(_, { sx: { gap: 20, p: 24 }, children: [
|
|
2905
|
+
/* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
|
|
2906
|
+
/* @__PURE__ */ e(j, { children: n }),
|
|
2907
|
+
/* @__PURE__ */ e(A, { variant: "subtitle1", children: o })
|
|
2684
2908
|
] }),
|
|
2685
|
-
/* @__PURE__ */ e(
|
|
2686
|
-
] }),
|
|
2909
|
+
/* @__PURE__ */ e(Xt, { completeCopy: t, value: r })
|
|
2910
|
+
] }), ht = {
|
|
2687
2911
|
step: R.ConnectAccounts,
|
|
2688
2912
|
type: "main"
|
|
2689
|
-
},
|
|
2690
|
-
const { visibleAccounts:
|
|
2691
|
-
|
|
2692
|
-
), [g, y] =
|
|
2693
|
-
|
|
2694
|
-
l({ start:
|
|
2695
|
-
}, []),
|
|
2913
|
+
}, Jr = ({ isOpen: t, onClose: n }) => {
|
|
2914
|
+
const { visibleAccounts: o } = ke(), { calculateHealthScore: r } = L(), { finstrong: i } = S(), { addRepeatingTransaction: a, setDateRange: l } = Ze(), { filter: c, setFilter: d, transactions: p } = En(), { user: u, userProfile: h, updateUser: f, updateUserProfile: v } = oe(), [x, C] = m.useState(u.credit_score || 0), [b, k] = m.useState(
|
|
2915
|
+
ht
|
|
2916
|
+
), [g, y] = m.useState(1), [I, G] = m.useState(Tt.EveryMonth), [O, $] = m.useState([]), [F, K] = m.useState(!1), [fe, be] = m.useState(!1), [X, re] = m.useState(u.birthday), [ce, U] = m.useState(15), [V, le] = m.useState("");
|
|
2917
|
+
m.useEffect(() => {
|
|
2918
|
+
l({ start: It(Ve()), end: At(Ve()) });
|
|
2919
|
+
}, []), m.useEffect(() => {
|
|
2696
2920
|
d({
|
|
2697
|
-
accounts:
|
|
2921
|
+
accounts: o.map((T) => T.guid),
|
|
2698
2922
|
dateRange: {
|
|
2699
|
-
start:
|
|
2923
|
+
start: ro(/* @__PURE__ */ new Date(), 90),
|
|
2700
2924
|
end: /* @__PURE__ */ new Date()
|
|
2701
2925
|
},
|
|
2702
|
-
custom:
|
|
2926
|
+
custom: pt
|
|
2703
2927
|
});
|
|
2704
|
-
}, [
|
|
2705
|
-
const
|
|
2706
|
-
() =>
|
|
2707
|
-
[
|
|
2708
|
-
),
|
|
2928
|
+
}, [o]);
|
|
2929
|
+
const de = m.useMemo(
|
|
2930
|
+
() => p.find((T) => T.guid === V),
|
|
2931
|
+
[V, p]
|
|
2932
|
+
), xe = m.useMemo(() => ({
|
|
2709
2933
|
[R.ConnectAccounts]: !0,
|
|
2710
|
-
[R.MonthlyIncome]: !!
|
|
2934
|
+
[R.MonthlyIncome]: !!V,
|
|
2711
2935
|
[R.Birthday]: !!u.birthday || !!X,
|
|
2712
2936
|
[R.CreditScore]: !!u.credit_score || !!x
|
|
2713
|
-
})[
|
|
2714
|
-
const { step:
|
|
2715
|
-
let
|
|
2716
|
-
return
|
|
2717
|
-
}, [
|
|
2937
|
+
})[b.step], [x, b, X, V, u]), N = o.length > 0, Ce = m.useMemo(() => {
|
|
2938
|
+
const { step: T } = b;
|
|
2939
|
+
let P = 0;
|
|
2940
|
+
return T >= R.MonthlyIncome && N && P++, T >= R.Birthday && O.length && P++, T >= R.CreditScore && (u.birthday || u.credit_score) && P++, P;
|
|
2941
|
+
}, [b.step, N, O.length, u.birthday, u.credit_score]), He = (T) => {
|
|
2718
2942
|
d({
|
|
2719
2943
|
...c,
|
|
2720
|
-
custom: (
|
|
2944
|
+
custom: (P) => T ? so(P, T) : pt(P)
|
|
2721
2945
|
});
|
|
2722
|
-
},
|
|
2946
|
+
}, Ke = {
|
|
2723
2947
|
[R.ConnectAccounts]: {
|
|
2724
|
-
main:
|
|
2725
|
-
mainActionContent:
|
|
2726
|
-
primaryText:
|
|
2727
|
-
secondaryText:
|
|
2948
|
+
main: N ? /* @__PURE__ */ e(Vt, { shouldShowBalance: !1 }) : null,
|
|
2949
|
+
mainActionContent: N ? i.onboarding_next : i.onboarding_add_accounts,
|
|
2950
|
+
primaryText: i.connect_your_accounts,
|
|
2951
|
+
secondaryText: i.onboarding_connect_your_accounts_secondary
|
|
2728
2952
|
},
|
|
2729
2953
|
[R.MonthlyIncome]: {
|
|
2730
2954
|
detail: /* @__PURE__ */ e(
|
|
2731
|
-
|
|
2955
|
+
Yr,
|
|
2732
2956
|
{
|
|
2733
2957
|
firstDay: g,
|
|
2734
|
-
frequency:
|
|
2958
|
+
frequency: I,
|
|
2735
2959
|
incomeTransactions: O,
|
|
2736
|
-
secondDay:
|
|
2737
|
-
setCurrentStep: (
|
|
2738
|
-
k(
|
|
2739
|
-
if (
|
|
2740
|
-
const
|
|
2741
|
-
return
|
|
2960
|
+
secondDay: ce,
|
|
2961
|
+
setCurrentStep: (T) => {
|
|
2962
|
+
k(T), $((P) => {
|
|
2963
|
+
if (P.some((pe) => pe.guid === V)) return P.filter((pe) => pe.guid !== V);
|
|
2964
|
+
const Re = p.find((pe) => pe.guid === V);
|
|
2965
|
+
return Re ? [...P, { ...Re, firstDay: g, frequency: I, secondDay: ce }] : P;
|
|
2742
2966
|
});
|
|
2743
2967
|
},
|
|
2744
2968
|
setFirstDay: y,
|
|
2745
|
-
setFrequency:
|
|
2746
|
-
setSecondDay:
|
|
2747
|
-
transaction:
|
|
2969
|
+
setFrequency: G,
|
|
2970
|
+
setSecondDay: U,
|
|
2971
|
+
transaction: de
|
|
2748
2972
|
}
|
|
2749
2973
|
),
|
|
2750
|
-
detailActionContent:
|
|
2974
|
+
detailActionContent: i.onboarding_confirm_income,
|
|
2751
2975
|
main: /* @__PURE__ */ e(
|
|
2752
|
-
|
|
2976
|
+
io,
|
|
2753
2977
|
{
|
|
2754
|
-
onSearch:
|
|
2755
|
-
onSelected: (
|
|
2756
|
-
k({ step: R.MonthlyIncome, type: "detail" }),
|
|
2978
|
+
onSearch: He,
|
|
2979
|
+
onSelected: (T) => {
|
|
2980
|
+
k({ step: R.MonthlyIncome, type: "detail" }), le(T);
|
|
2757
2981
|
}
|
|
2758
2982
|
}
|
|
2759
2983
|
),
|
|
2760
|
-
mainActionContent:
|
|
2761
|
-
primaryText:
|
|
2762
|
-
secondaryText:
|
|
2984
|
+
mainActionContent: i.onboarding_confirm_income,
|
|
2985
|
+
primaryText: i.onboarding_add_income_primary,
|
|
2986
|
+
secondaryText: i.onboarding_add_income_secondary
|
|
2763
2987
|
},
|
|
2764
2988
|
[R.Birthday]: {
|
|
2765
|
-
main: /* @__PURE__ */ e(
|
|
2766
|
-
mainActionContent:
|
|
2767
|
-
primaryText:
|
|
2768
|
-
secondaryText:
|
|
2989
|
+
main: /* @__PURE__ */ e(Ur, { selectedDate: X, setSelectedDate: re }),
|
|
2990
|
+
mainActionContent: i.onboarding_next,
|
|
2991
|
+
primaryText: i.onboarding_birthday_primary,
|
|
2992
|
+
secondaryText: i.onboarding_birthday_secondary
|
|
2769
2993
|
},
|
|
2770
2994
|
[R.CreditScore]: {
|
|
2771
|
-
main: /* @__PURE__ */ e(
|
|
2772
|
-
mainActionContent:
|
|
2773
|
-
primaryText:
|
|
2774
|
-
secondaryText:
|
|
2995
|
+
main: /* @__PURE__ */ e(Qr, { creditScore: x, setCreditScore: C }),
|
|
2996
|
+
mainActionContent: i.onboarding_next,
|
|
2997
|
+
primaryText: i.onboarding_credit_score_primary,
|
|
2998
|
+
secondaryText: i.onboarding_credit_score_secondary
|
|
2775
2999
|
}
|
|
2776
|
-
},
|
|
2777
|
-
k(
|
|
2778
|
-
},
|
|
2779
|
-
|
|
2780
|
-
},
|
|
2781
|
-
if (
|
|
2782
|
-
|
|
3000
|
+
}, Te = () => {
|
|
3001
|
+
k(ht), K(!1), le(""), n();
|
|
3002
|
+
}, rt = async () => {
|
|
3003
|
+
K(!0), await Zt(O), await r(), await v({ ...h, has_completed_finstrong_onboarding: !0 }), Te();
|
|
3004
|
+
}, Ut = () => {
|
|
3005
|
+
if (b.step === R.CreditScore) {
|
|
3006
|
+
rt();
|
|
2783
3007
|
return;
|
|
2784
3008
|
}
|
|
2785
|
-
k({ step:
|
|
2786
|
-
},
|
|
2787
|
-
const { step:
|
|
2788
|
-
switch (
|
|
3009
|
+
k({ step: b.step + 1, type: "main" });
|
|
3010
|
+
}, qt = () => {
|
|
3011
|
+
const { step: T } = b, P = T + 1;
|
|
3012
|
+
switch (T) {
|
|
2789
3013
|
case R.Birthday:
|
|
2790
|
-
X && X !== u.birthday &&
|
|
3014
|
+
X && X !== u.birthday && f({ ...u, birthday: X });
|
|
2791
3015
|
break;
|
|
2792
3016
|
case R.CreditScore:
|
|
2793
|
-
x && x !== u.credit_score &&
|
|
3017
|
+
x && x !== u.credit_score && f({ ...u, credit_score: x }), rt();
|
|
2794
3018
|
return;
|
|
2795
3019
|
case R.MonthlyIncome:
|
|
2796
|
-
|
|
2797
|
-
...
|
|
2798
|
-
{ ...
|
|
3020
|
+
V && O.findIndex(({ guid: ve }) => ve === V) === -1 && $((ve) => [
|
|
3021
|
+
...ve,
|
|
3022
|
+
{ ...de, firstDay: g, frequency: I, secondDay: ce }
|
|
2799
3023
|
]);
|
|
2800
3024
|
break;
|
|
2801
3025
|
case R.ConnectAccounts:
|
|
2802
|
-
if (!
|
|
2803
|
-
|
|
3026
|
+
if (!N) {
|
|
3027
|
+
be(!0);
|
|
2804
3028
|
return;
|
|
2805
3029
|
}
|
|
2806
3030
|
break;
|
|
2807
3031
|
}
|
|
2808
|
-
|
|
2809
|
-
},
|
|
2810
|
-
const { step:
|
|
2811
|
-
if (
|
|
2812
|
-
k({ step:
|
|
3032
|
+
P in R && k({ step: P, type: "main" });
|
|
3033
|
+
}, Qt = () => {
|
|
3034
|
+
const { step: T, type: P } = b;
|
|
3035
|
+
if (P === "detail") {
|
|
3036
|
+
k({ step: T, type: "main" });
|
|
2813
3037
|
return;
|
|
2814
3038
|
}
|
|
2815
|
-
if (
|
|
2816
|
-
k({ step:
|
|
3039
|
+
if (T === R.Birthday && O.length) {
|
|
3040
|
+
k({ step: T - 1, type: "detail" });
|
|
2817
3041
|
return;
|
|
2818
3042
|
}
|
|
2819
|
-
|
|
2820
|
-
},
|
|
2821
|
-
for (const
|
|
3043
|
+
T > R.ConnectAccounts && k({ step: T - 1, type: "main" });
|
|
3044
|
+
}, Zt = async (T) => {
|
|
3045
|
+
for (const P of T) {
|
|
2822
3046
|
const {
|
|
2823
|
-
account_guid:
|
|
2824
|
-
amount:
|
|
2825
|
-
date:
|
|
2826
|
-
description:
|
|
2827
|
-
feed_description:
|
|
2828
|
-
firstDay:
|
|
2829
|
-
frequency:
|
|
2830
|
-
secondDay:
|
|
2831
|
-
merchant_guid:
|
|
2832
|
-
payee:
|
|
2833
|
-
transaction_type:
|
|
2834
|
-
} =
|
|
2835
|
-
account_guid:
|
|
2836
|
-
amount:
|
|
3047
|
+
account_guid: ve,
|
|
3048
|
+
amount: Re,
|
|
3049
|
+
date: pe,
|
|
3050
|
+
description: tn,
|
|
3051
|
+
feed_description: nn,
|
|
3052
|
+
firstDay: on,
|
|
3053
|
+
frequency: at,
|
|
3054
|
+
secondDay: rn,
|
|
3055
|
+
merchant_guid: an,
|
|
3056
|
+
payee: sn,
|
|
3057
|
+
transaction_type: cn
|
|
3058
|
+
} = P, ln = co(at, oo(pe)), dn = {
|
|
3059
|
+
account_guid: ve,
|
|
3060
|
+
amount: Re,
|
|
2837
3061
|
created_by: 0,
|
|
2838
|
-
description:
|
|
2839
|
-
merchant_guid:
|
|
2840
|
-
predicted_occurs_on:
|
|
2841
|
-
recurrence_day:
|
|
2842
|
-
recurrence_type:
|
|
3062
|
+
description: sn || tn || nn,
|
|
3063
|
+
merchant_guid: an,
|
|
3064
|
+
predicted_occurs_on: no(ln, { representation: "date" }),
|
|
3065
|
+
recurrence_day: on,
|
|
3066
|
+
recurrence_type: at,
|
|
2843
3067
|
repeating_transaction_type: Ot.Income,
|
|
2844
|
-
second_recurrence_day:
|
|
2845
|
-
transaction_type:
|
|
3068
|
+
second_recurrence_day: rn,
|
|
3069
|
+
transaction_type: cn,
|
|
2846
3070
|
user_guid: u.guid
|
|
2847
3071
|
};
|
|
2848
|
-
await a(
|
|
3072
|
+
await a(dn, P);
|
|
2849
3073
|
}
|
|
2850
|
-
},
|
|
3074
|
+
}, Se = Ke[b.step], Oe = b.step === R.ConnectAccounts, Jt = {
|
|
2851
3075
|
fullWidth: !0,
|
|
2852
|
-
...
|
|
2853
|
-
},
|
|
2854
|
-
return /* @__PURE__ */
|
|
3076
|
+
...Oe && !N && { startIcon: /* @__PURE__ */ e(xt, {}) }
|
|
3077
|
+
}, en = !Oe || Oe && !N;
|
|
3078
|
+
return /* @__PURE__ */ s(m.Fragment, { children: [
|
|
2855
3079
|
/* @__PURE__ */ e(
|
|
2856
|
-
|
|
3080
|
+
ie,
|
|
2857
3081
|
{
|
|
2858
3082
|
footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
|
|
2859
|
-
hasSecondaryAction: !
|
|
3083
|
+
hasSecondaryAction: !Oe,
|
|
2860
3084
|
isOpen: t,
|
|
2861
|
-
isPrimaryDisabled: !
|
|
2862
|
-
onClose:
|
|
2863
|
-
onSecondaryAction:
|
|
2864
|
-
primaryButtonProps:
|
|
2865
|
-
primaryText:
|
|
3085
|
+
isPrimaryDisabled: !xe,
|
|
3086
|
+
onClose: Te,
|
|
3087
|
+
onSecondaryAction: Qt,
|
|
3088
|
+
primaryButtonProps: Jt,
|
|
3089
|
+
primaryText: Se?.mainActionContent,
|
|
2866
3090
|
secondaryColor: "primary",
|
|
2867
|
-
secondaryText:
|
|
2868
|
-
title:
|
|
2869
|
-
...!
|
|
2870
|
-
children: /* @__PURE__ */
|
|
2871
|
-
|
|
2872
|
-
/* @__PURE__ */ e("img", { alt: "", src:
|
|
2873
|
-
/* @__PURE__ */ e(
|
|
2874
|
-
/* @__PURE__ */ e(
|
|
3091
|
+
secondaryText: i.onboarding_back,
|
|
3092
|
+
title: i.title,
|
|
3093
|
+
...!F && { onPrimaryAction: qt },
|
|
3094
|
+
children: /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
3095
|
+
F && /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
|
|
3096
|
+
/* @__PURE__ */ e("img", { alt: "", src: Vo, style: { minHeight: 100, width: 211 } }),
|
|
3097
|
+
/* @__PURE__ */ e(Ge, { children: i.onboarding_calculate_primary }),
|
|
3098
|
+
/* @__PURE__ */ e(A, { sx: { textAlign: "center" }, variant: "subtitle1", children: i.onboarding_calculate_secondary })
|
|
2875
3099
|
] }),
|
|
2876
|
-
|
|
3100
|
+
Se && !F && /* @__PURE__ */ s(m.Fragment, { children: [
|
|
2877
3101
|
/* @__PURE__ */ e(
|
|
2878
|
-
|
|
3102
|
+
Zr,
|
|
2879
3103
|
{
|
|
2880
|
-
completeCopy:
|
|
2881
|
-
primaryText:
|
|
2882
|
-
secondaryText:
|
|
2883
|
-
value:
|
|
3104
|
+
completeCopy: i.complete,
|
|
3105
|
+
primaryText: Se.primaryText,
|
|
3106
|
+
secondaryText: Se.secondaryText,
|
|
3107
|
+
value: Ce
|
|
2884
3108
|
}
|
|
2885
3109
|
),
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
3110
|
+
b.type === "main" && /* @__PURE__ */ s(M, { sx: { bgcolor: "background.default" }, children: [
|
|
3111
|
+
Se.main,
|
|
3112
|
+
en && /* @__PURE__ */ e(_, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(E, { fullWidth: !0, onClick: Ut, children: i.onboarding_do_it_later }) })
|
|
2889
3113
|
] }),
|
|
2890
|
-
|
|
3114
|
+
b.type === "detail" && Se.detail
|
|
2891
3115
|
] })
|
|
2892
3116
|
] })
|
|
2893
3117
|
}
|
|
2894
3118
|
),
|
|
2895
3119
|
/* @__PURE__ */ e(
|
|
2896
|
-
|
|
3120
|
+
se,
|
|
2897
3121
|
{
|
|
2898
|
-
onClose: () =>
|
|
2899
|
-
showConnectWidget:
|
|
2900
|
-
title:
|
|
3122
|
+
onClose: () => be(!1),
|
|
3123
|
+
showConnectWidget: fe,
|
|
3124
|
+
title: i.connect_more_accounts_button
|
|
2901
3125
|
}
|
|
2902
3126
|
)
|
|
2903
3127
|
] });
|
|
2904
|
-
},
|
|
2905
|
-
const { finstrong: t } =
|
|
2906
|
-
return /* @__PURE__ */
|
|
2907
|
-
/* @__PURE__ */
|
|
2908
|
-
|
|
3128
|
+
}, ea = w(Jr), ta = () => {
|
|
3129
|
+
const { finstrong: t } = S(), [n, o] = m.useState(!1);
|
|
3130
|
+
return /* @__PURE__ */ s(m.Fragment, { children: [
|
|
3131
|
+
/* @__PURE__ */ s(
|
|
3132
|
+
_,
|
|
2909
3133
|
{
|
|
2910
3134
|
sx: {
|
|
2911
3135
|
alignItems: "center",
|
|
@@ -2917,58 +3141,58 @@ const zo = ({ total: t }) => {
|
|
|
2917
3141
|
px: 16
|
|
2918
3142
|
},
|
|
2919
3143
|
children: [
|
|
2920
|
-
/* @__PURE__ */
|
|
2921
|
-
/* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(
|
|
2922
|
-
/* @__PURE__ */
|
|
2923
|
-
/* @__PURE__ */ e(
|
|
2924
|
-
/* @__PURE__ */ e(
|
|
3144
|
+
/* @__PURE__ */ s(_, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
|
|
3145
|
+
/* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(vn, { size: 72 }) }),
|
|
3146
|
+
/* @__PURE__ */ s(_, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
|
|
3147
|
+
/* @__PURE__ */ e(Ge, { children: t.onboarding_title }),
|
|
3148
|
+
/* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
|
|
2925
3149
|
] })
|
|
2926
3150
|
] }),
|
|
2927
|
-
/* @__PURE__ */ e(
|
|
3151
|
+
/* @__PURE__ */ e(E, { onClick: () => o(!0), variant: "contained", children: t.onboarding_get_started })
|
|
2928
3152
|
]
|
|
2929
3153
|
}
|
|
2930
3154
|
),
|
|
2931
|
-
/* @__PURE__ */ e(
|
|
3155
|
+
/* @__PURE__ */ e(ea, { isOpen: n, onClose: () => o(!1) })
|
|
2932
3156
|
] });
|
|
2933
|
-
},
|
|
2934
|
-
const { finstrong:
|
|
2935
|
-
d(Math.floor(new Date(
|
|
3157
|
+
}, na = ({ isOpen: t, onClose: n }) => {
|
|
3158
|
+
const { finstrong: o } = S(), r = W(), { updateUser: i, user: a } = oe(), { loadPeerScore: l } = L(), [c, d] = m.useState(a.birthday), p = (h) => {
|
|
3159
|
+
d(Math.floor(new Date(h).getTime() / 1e3));
|
|
2936
3160
|
};
|
|
2937
3161
|
return /* @__PURE__ */ e(
|
|
2938
|
-
|
|
3162
|
+
ie,
|
|
2939
3163
|
{
|
|
2940
3164
|
footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
|
|
2941
3165
|
isOpen: t,
|
|
2942
|
-
onClose:
|
|
3166
|
+
onClose: n,
|
|
2943
3167
|
onPrimaryAction: () => {
|
|
2944
|
-
!c || c === a.birthday || (
|
|
3168
|
+
!c || c === a.birthday || (i({ ...a, birthday: c }).finally(() => {
|
|
2945
3169
|
l();
|
|
2946
|
-
}),
|
|
3170
|
+
}), n());
|
|
2947
3171
|
},
|
|
2948
|
-
onSecondaryAction:
|
|
2949
|
-
title:
|
|
2950
|
-
children: /* @__PURE__ */ e(
|
|
2951
|
-
|
|
3172
|
+
onSecondaryAction: n,
|
|
3173
|
+
title: o.date_of_birth,
|
|
3174
|
+
children: /* @__PURE__ */ e(_, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Rt, children: /* @__PURE__ */ e(
|
|
3175
|
+
uo,
|
|
2952
3176
|
{
|
|
2953
3177
|
disableFuture: !0,
|
|
2954
|
-
onChange:
|
|
3178
|
+
onChange: p,
|
|
2955
3179
|
slotProps: {
|
|
2956
3180
|
nextIconButton: {
|
|
2957
3181
|
sx: {
|
|
2958
3182
|
color: "primary.main",
|
|
2959
|
-
"&:hover": { bgcolor:
|
|
3183
|
+
"&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
|
|
2960
3184
|
}
|
|
2961
3185
|
},
|
|
2962
3186
|
previousIconButton: {
|
|
2963
3187
|
sx: {
|
|
2964
3188
|
color: "primary.main",
|
|
2965
|
-
"&:hover": { bgcolor:
|
|
3189
|
+
"&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
|
|
2966
3190
|
}
|
|
2967
3191
|
},
|
|
2968
3192
|
switchViewButton: {
|
|
2969
3193
|
sx: {
|
|
2970
3194
|
color: "primary.main",
|
|
2971
|
-
"&:hover": { bgcolor:
|
|
3195
|
+
"&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
|
|
2972
3196
|
}
|
|
2973
3197
|
}
|
|
2974
3198
|
},
|
|
@@ -2980,7 +3204,7 @@ const zo = ({ total: t }) => {
|
|
|
2980
3204
|
width: "100%",
|
|
2981
3205
|
"& .MuiIconButton-edgeEnd": {
|
|
2982
3206
|
color: "primary.main",
|
|
2983
|
-
"&:hover": { bgcolor:
|
|
3207
|
+
"&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
|
|
2984
3208
|
}
|
|
2985
3209
|
},
|
|
2986
3210
|
value: c ? new Date(c * 1e3) : /* @__PURE__ */ new Date()
|
|
@@ -2988,107 +3212,107 @@ const zo = ({ total: t }) => {
|
|
|
2988
3212
|
) }) })
|
|
2989
3213
|
}
|
|
2990
3214
|
);
|
|
2991
|
-
},
|
|
2992
|
-
const { visibleFinstrongAccounts:
|
|
3215
|
+
}, oa = w(na), ra = ({ isOpen: t, onClose: n }) => {
|
|
3216
|
+
const { visibleFinstrongAccounts: o } = ke(), {
|
|
2993
3217
|
accounts: r,
|
|
2994
|
-
common:
|
|
3218
|
+
common: i,
|
|
2995
3219
|
finstrong: a,
|
|
2996
3220
|
recurring: l
|
|
2997
|
-
} =
|
|
2998
|
-
const { repeating_transaction_type:
|
|
2999
|
-
return
|
|
3000
|
-
}, 0), [u,
|
|
3221
|
+
} = S(), { repeatingTransactions: c } = Ze(), { user: d } = oe(), p = c.reduce((x, C) => {
|
|
3222
|
+
const { repeating_transaction_type: b, transactions: k, recurrence_type: g, amount: y } = C;
|
|
3223
|
+
return b === Ot.Income && (k && k.length > 0 || g === Tt.EveryYear) ? x + y : x;
|
|
3224
|
+
}, 0), [u, h] = m.useState(null), v = [
|
|
3001
3225
|
{
|
|
3002
3226
|
dynamicCopy: a.add_profile_item,
|
|
3003
3227
|
fallbackLabel: a.monthly_income,
|
|
3004
|
-
icon: /* @__PURE__ */ e(
|
|
3005
|
-
key:
|
|
3228
|
+
icon: /* @__PURE__ */ e(wn, {}),
|
|
3229
|
+
key: q.MonthlyIncome,
|
|
3006
3230
|
label: a.monthly_income,
|
|
3007
|
-
value:
|
|
3231
|
+
value: p
|
|
3008
3232
|
},
|
|
3009
3233
|
{
|
|
3010
3234
|
dynamicCopy: a.add_profile_item,
|
|
3011
3235
|
fallbackLabel: a.date_of_birth,
|
|
3012
|
-
icon: /* @__PURE__ */ e(
|
|
3013
|
-
key:
|
|
3236
|
+
icon: /* @__PURE__ */ e(kn, {}),
|
|
3237
|
+
key: q.DateOfBirth,
|
|
3014
3238
|
label: a.date_of_birth,
|
|
3015
3239
|
value: d.birthday
|
|
3016
3240
|
},
|
|
3017
3241
|
{
|
|
3018
3242
|
dynamicCopy: a.add_profile_item,
|
|
3019
3243
|
fallbackLabel: a.credit_score,
|
|
3020
|
-
icon: /* @__PURE__ */ e(
|
|
3021
|
-
key:
|
|
3244
|
+
icon: /* @__PURE__ */ e(bt, {}),
|
|
3245
|
+
key: q.CreditScore,
|
|
3022
3246
|
label: a.credit_score,
|
|
3023
3247
|
value: d.credit_score
|
|
3024
3248
|
},
|
|
3025
3249
|
{
|
|
3026
3250
|
fallbackLabel: a.connect_your_accounts,
|
|
3027
|
-
icon: /* @__PURE__ */ e(
|
|
3028
|
-
key:
|
|
3251
|
+
icon: /* @__PURE__ */ e(ft, {}),
|
|
3252
|
+
key: q.Connections,
|
|
3029
3253
|
label: a.connections,
|
|
3030
|
-
value:
|
|
3254
|
+
value: o.length > 0 ? z(
|
|
3031
3255
|
a.connected_account,
|
|
3032
|
-
String(
|
|
3033
|
-
|
|
3256
|
+
String(o.length),
|
|
3257
|
+
o.length > 1 ? a.accounts : a.account
|
|
3034
3258
|
) : void 0
|
|
3035
3259
|
}
|
|
3036
|
-
].map((x) =>
|
|
3037
|
-
return /* @__PURE__ */
|
|
3038
|
-
/* @__PURE__ */
|
|
3039
|
-
/* @__PURE__ */
|
|
3040
|
-
/* @__PURE__ */
|
|
3041
|
-
/* @__PURE__ */ e(
|
|
3042
|
-
/* @__PURE__ */ e(
|
|
3260
|
+
].map((x) => Oo(x));
|
|
3261
|
+
return /* @__PURE__ */ s(ie, { isOpen: t, onClose: n, title: a.financial_profile, children: [
|
|
3262
|
+
/* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
|
|
3263
|
+
/* @__PURE__ */ s(_, { sx: { gap: 20, p: 24 }, children: [
|
|
3264
|
+
/* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
|
|
3265
|
+
/* @__PURE__ */ e(j, { children: a.your_financial_profile }),
|
|
3266
|
+
/* @__PURE__ */ e(A, { children: a.financial_profile_description })
|
|
3043
3267
|
] }),
|
|
3044
3268
|
/* @__PURE__ */ e(
|
|
3045
|
-
|
|
3269
|
+
Xt,
|
|
3046
3270
|
{
|
|
3047
3271
|
completeCopy: a.complete,
|
|
3048
|
-
value: v.reduce((x,
|
|
3272
|
+
value: v.reduce((x, C) => x + (C.isComplete ? 1 : 0), 0)
|
|
3049
3273
|
}
|
|
3050
3274
|
)
|
|
3051
3275
|
] }),
|
|
3052
|
-
/* @__PURE__ */ e(
|
|
3276
|
+
/* @__PURE__ */ e(Do, { list: v, onClickItem: h }),
|
|
3053
3277
|
/* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
|
|
3054
|
-
|
|
3278
|
+
We,
|
|
3055
3279
|
{
|
|
3056
3280
|
description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
|
|
3057
3281
|
drawerType: "connectDrawer",
|
|
3058
3282
|
isDashboard: !0,
|
|
3059
3283
|
title: a.dont_see_all_your_accounts,
|
|
3060
|
-
titleDrawer:
|
|
3284
|
+
titleDrawer: i.add_accounts
|
|
3061
3285
|
}
|
|
3062
3286
|
) })
|
|
3063
3287
|
] }),
|
|
3064
3288
|
/* @__PURE__ */ e(
|
|
3065
|
-
|
|
3289
|
+
ie,
|
|
3066
3290
|
{
|
|
3067
|
-
isOpen: u ===
|
|
3068
|
-
onClose: () =>
|
|
3291
|
+
isOpen: u === q.MonthlyIncome,
|
|
3292
|
+
onClose: () => h(null),
|
|
3069
3293
|
shouldShowHeaderBorders: !1,
|
|
3070
3294
|
title: l.action_title,
|
|
3071
|
-
children: /* @__PURE__ */ e(
|
|
3295
|
+
children: /* @__PURE__ */ e(_o, {})
|
|
3072
3296
|
}
|
|
3073
3297
|
),
|
|
3074
|
-
/* @__PURE__ */ e(
|
|
3075
|
-
/* @__PURE__ */ e(
|
|
3298
|
+
/* @__PURE__ */ e(oa, { isOpen: u === q.DateOfBirth, onClose: () => h(null) }),
|
|
3299
|
+
/* @__PURE__ */ e(Ht, { isOpen: u === q.CreditScore, onClose: () => h(null) }),
|
|
3076
3300
|
/* @__PURE__ */ e(
|
|
3077
|
-
|
|
3301
|
+
vt,
|
|
3078
3302
|
{
|
|
3079
|
-
onClose: () =>
|
|
3080
|
-
showConnectionsWidget: u ===
|
|
3303
|
+
onClose: () => h(null),
|
|
3304
|
+
showConnectionsWidget: u === q.Connections,
|
|
3081
3305
|
title: r.manage_connections
|
|
3082
3306
|
}
|
|
3083
3307
|
)
|
|
3084
3308
|
] });
|
|
3085
|
-
},
|
|
3309
|
+
}, aa = w(ra), gt = ({
|
|
3086
3310
|
content: t,
|
|
3087
|
-
islast:
|
|
3088
|
-
}) => /* @__PURE__ */
|
|
3089
|
-
/* @__PURE__ */
|
|
3090
|
-
/* @__PURE__ */ e(
|
|
3091
|
-
!
|
|
3311
|
+
islast: n = !1
|
|
3312
|
+
}) => /* @__PURE__ */ s(go, { sx: { minHeight: 0 }, children: [
|
|
3313
|
+
/* @__PURE__ */ s(Co, { children: [
|
|
3314
|
+
/* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", boxShadow: "none", p: 2 } }),
|
|
3315
|
+
!n && /* @__PURE__ */ e(
|
|
3092
3316
|
fo,
|
|
3093
3317
|
{
|
|
3094
3318
|
sx: {
|
|
@@ -3101,33 +3325,33 @@ const zo = ({ total: t }) => {
|
|
|
3101
3325
|
}
|
|
3102
3326
|
)
|
|
3103
3327
|
] }),
|
|
3104
|
-
/* @__PURE__ */ e(
|
|
3105
|
-
] }),
|
|
3106
|
-
const { finstrong:
|
|
3328
|
+
/* @__PURE__ */ e(bo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(A, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
|
|
3329
|
+
] }), ia = ({ report: t }) => {
|
|
3330
|
+
const { finstrong: n } = S(), { score_history_drawer_timeline: o } = n, {
|
|
3107
3331
|
health_score_point_difference: r,
|
|
3108
|
-
newer_credit_score:
|
|
3332
|
+
newer_credit_score: i,
|
|
3109
3333
|
older_credit_score: a,
|
|
3110
3334
|
older_spend_to_income_ratio: l,
|
|
3111
3335
|
newer_spend_to_income_ratio: c,
|
|
3112
3336
|
older_health_score: d,
|
|
3113
|
-
newer_health_score:
|
|
3337
|
+
newer_health_score: p,
|
|
3114
3338
|
newer_score_calculated_at: u
|
|
3115
|
-
} = t,
|
|
3339
|
+
} = t, h = Ct(new Date(u), "MMM d"), f = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", v = () => r === 0 ? z(o.stayed_at, d) : r > 0 ? o.less_spending : o.more_spending, x = () => {
|
|
3116
3340
|
if (r === 0) return null;
|
|
3117
|
-
const
|
|
3118
|
-
return /* @__PURE__ */
|
|
3341
|
+
const C = r > 0 ? o.up_from : o.down_from, b = z(C, d, p);
|
|
3342
|
+
return /* @__PURE__ */ s(H, { children: [
|
|
3119
3343
|
/* @__PURE__ */ e(
|
|
3120
|
-
|
|
3344
|
+
_n,
|
|
3121
3345
|
{
|
|
3122
3346
|
fill: !0,
|
|
3123
3347
|
name: "circle",
|
|
3124
3348
|
sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
|
|
3125
3349
|
}
|
|
3126
3350
|
),
|
|
3127
|
-
|
|
3351
|
+
b
|
|
3128
3352
|
] });
|
|
3129
3353
|
};
|
|
3130
|
-
return /* @__PURE__ */
|
|
3354
|
+
return /* @__PURE__ */ s(Y, { children: [
|
|
3131
3355
|
/* @__PURE__ */ e(
|
|
3132
3356
|
M,
|
|
3133
3357
|
{
|
|
@@ -3137,30 +3361,30 @@ const zo = ({ total: t }) => {
|
|
|
3137
3361
|
borderBottomWidth: r !== 0 ? 1 : 0,
|
|
3138
3362
|
p: 16
|
|
3139
3363
|
},
|
|
3140
|
-
children: /* @__PURE__ */
|
|
3141
|
-
|
|
3364
|
+
children: /* @__PURE__ */ s(
|
|
3365
|
+
_,
|
|
3142
3366
|
{
|
|
3143
3367
|
flexDirection: "row",
|
|
3144
3368
|
sx: { alignItems: "center", gap: 16, height: 48, width: "100%" },
|
|
3145
3369
|
children: [
|
|
3146
3370
|
/* @__PURE__ */ e(
|
|
3147
|
-
|
|
3371
|
+
_,
|
|
3148
3372
|
{
|
|
3149
3373
|
sx: {
|
|
3150
3374
|
alignItems: "center",
|
|
3151
|
-
backgroundColor:
|
|
3375
|
+
backgroundColor: f(),
|
|
3152
3376
|
borderRadius: 999,
|
|
3153
3377
|
height: 48,
|
|
3154
3378
|
justifyContent: "center",
|
|
3155
3379
|
width: 48
|
|
3156
3380
|
},
|
|
3157
|
-
children: /* @__PURE__ */ e(
|
|
3381
|
+
children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: r > 0 ? `+${r}` : r })
|
|
3158
3382
|
}
|
|
3159
3383
|
),
|
|
3160
|
-
/* @__PURE__ */
|
|
3161
|
-
/* @__PURE__ */ e(
|
|
3162
|
-
/* @__PURE__ */
|
|
3163
|
-
|
|
3384
|
+
/* @__PURE__ */ s(_, { sx: { gap: 2, width: "80%" }, children: [
|
|
3385
|
+
/* @__PURE__ */ e(D, { fontWeight: 600, variant: "body1", children: v() }),
|
|
3386
|
+
/* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
|
|
3387
|
+
h,
|
|
3164
3388
|
" ",
|
|
3165
3389
|
x()
|
|
3166
3390
|
] })
|
|
@@ -3170,11 +3394,11 @@ const zo = ({ total: t }) => {
|
|
|
3170
3394
|
)
|
|
3171
3395
|
}
|
|
3172
3396
|
),
|
|
3173
|
-
r !== 0 && /* @__PURE__ */ e(M, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */
|
|
3174
|
-
|
|
3397
|
+
r !== 0 && /* @__PURE__ */ e(M, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ s(
|
|
3398
|
+
ho,
|
|
3175
3399
|
{
|
|
3176
3400
|
sx: {
|
|
3177
|
-
[`& .${
|
|
3401
|
+
[`& .${yo.root}:before`]: {
|
|
3178
3402
|
flex: 0,
|
|
3179
3403
|
padding: 0
|
|
3180
3404
|
},
|
|
@@ -3183,22 +3407,22 @@ const zo = ({ total: t }) => {
|
|
|
3183
3407
|
},
|
|
3184
3408
|
children: [
|
|
3185
3409
|
/* @__PURE__ */ e(
|
|
3186
|
-
|
|
3410
|
+
gt,
|
|
3187
3411
|
{
|
|
3188
|
-
content:
|
|
3189
|
-
|
|
3190
|
-
|
|
3191
|
-
|
|
3412
|
+
content: z(
|
|
3413
|
+
o.spend_to_income_description,
|
|
3414
|
+
Ee(l),
|
|
3415
|
+
Ee(c)
|
|
3192
3416
|
)
|
|
3193
3417
|
}
|
|
3194
3418
|
),
|
|
3195
3419
|
/* @__PURE__ */ e(
|
|
3196
|
-
|
|
3420
|
+
gt,
|
|
3197
3421
|
{
|
|
3198
|
-
content:
|
|
3199
|
-
|
|
3422
|
+
content: z(
|
|
3423
|
+
o.credit_score_description,
|
|
3200
3424
|
a,
|
|
3201
|
-
|
|
3425
|
+
i
|
|
3202
3426
|
),
|
|
3203
3427
|
islast: !0
|
|
3204
3428
|
}
|
|
@@ -3207,15 +3431,15 @@ const zo = ({ total: t }) => {
|
|
|
3207
3431
|
}
|
|
3208
3432
|
) })
|
|
3209
3433
|
] });
|
|
3210
|
-
},
|
|
3211
|
-
const
|
|
3212
|
-
if (!
|
|
3213
|
-
const u =
|
|
3434
|
+
}, sa = w(ia), ca = ({ isOpen: t, onClose: n }) => {
|
|
3435
|
+
const o = W(), { finstrong: r } = S(), { isCopyLoaded: i, isInitialized: a } = ne(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: p } = L();
|
|
3436
|
+
if (!i || !a) return /* @__PURE__ */ e(ee, {});
|
|
3437
|
+
const u = nt(c.health_score || 0, r), h = d.slice().reverse();
|
|
3214
3438
|
return /* @__PURE__ */ e(
|
|
3215
|
-
|
|
3439
|
+
Kt,
|
|
3216
3440
|
{
|
|
3217
3441
|
additionalContent: /* @__PURE__ */ e(
|
|
3218
|
-
|
|
3442
|
+
_,
|
|
3219
3443
|
{
|
|
3220
3444
|
sx: {
|
|
3221
3445
|
backgroundColor: "background.paper",
|
|
@@ -3223,18 +3447,18 @@ const zo = ({ total: t }) => {
|
|
|
3223
3447
|
borderColor: "divider"
|
|
3224
3448
|
},
|
|
3225
3449
|
children: /* @__PURE__ */ e(
|
|
3226
|
-
|
|
3450
|
+
Je,
|
|
3227
3451
|
{
|
|
3228
|
-
axisColor:
|
|
3452
|
+
axisColor: o.palette.divider,
|
|
3229
3453
|
baseline: "min",
|
|
3230
|
-
colors: [
|
|
3454
|
+
colors: [o.palette.primary.main],
|
|
3231
3455
|
curveType: "natural",
|
|
3232
3456
|
datasets: [l],
|
|
3233
3457
|
height: 160,
|
|
3234
3458
|
isGraphClippingXAxis: !0,
|
|
3235
3459
|
labels: [r.key_indicators_label],
|
|
3236
3460
|
margin: { top: 24, bottom: 6, right: 24, left: -17 },
|
|
3237
|
-
peerAverage: Math.round(
|
|
3461
|
+
peerAverage: Math.round(p?.average_health_score?.average_health_score || 0),
|
|
3238
3462
|
showArea: !0,
|
|
3239
3463
|
showAverage: !0,
|
|
3240
3464
|
title: r.peer_average,
|
|
@@ -3246,9 +3470,9 @@ const zo = ({ total: t }) => {
|
|
|
3246
3470
|
drawerTitle: r.score_history,
|
|
3247
3471
|
isOpen: t,
|
|
3248
3472
|
loadConnectAccountsCard: !1,
|
|
3249
|
-
onClose:
|
|
3473
|
+
onClose: n,
|
|
3250
3474
|
stickyComponent: /* @__PURE__ */ e(
|
|
3251
|
-
|
|
3475
|
+
_,
|
|
3252
3476
|
{
|
|
3253
3477
|
sx: {
|
|
3254
3478
|
backgroundColor: "background.paper",
|
|
@@ -3256,9 +3480,9 @@ const zo = ({ total: t }) => {
|
|
|
3256
3480
|
pt: 8,
|
|
3257
3481
|
px: 24
|
|
3258
3482
|
},
|
|
3259
|
-
children: /* @__PURE__ */
|
|
3483
|
+
children: /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 16 }, children: [
|
|
3260
3484
|
/* @__PURE__ */ e(
|
|
3261
|
-
|
|
3485
|
+
zt,
|
|
3262
3486
|
{
|
|
3263
3487
|
arcRadius: 24,
|
|
3264
3488
|
healthScore: c?.health_score,
|
|
@@ -3266,53 +3490,53 @@ const zo = ({ total: t }) => {
|
|
|
3266
3490
|
size: "SM"
|
|
3267
3491
|
}
|
|
3268
3492
|
),
|
|
3269
|
-
/* @__PURE__ */
|
|
3270
|
-
/* @__PURE__ */ e(
|
|
3271
|
-
/* @__PURE__ */ e(
|
|
3493
|
+
/* @__PURE__ */ s(_, { sx: { gap: 4 }, children: [
|
|
3494
|
+
/* @__PURE__ */ e(A, { variant: "h3", children: u.status }),
|
|
3495
|
+
/* @__PURE__ */ e(A, { variant: "caption", children: u.description })
|
|
3272
3496
|
] })
|
|
3273
3497
|
] })
|
|
3274
3498
|
}
|
|
3275
3499
|
),
|
|
3276
|
-
children: /* @__PURE__ */ e(
|
|
3500
|
+
children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: h.map((f, v) => /* @__PURE__ */ e(sa, { report: f }, v)) })
|
|
3277
3501
|
}
|
|
3278
3502
|
);
|
|
3279
|
-
},
|
|
3280
|
-
const
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3503
|
+
}, la = w(ca), da = ({ copy: t }) => {
|
|
3504
|
+
const n = W(), o = [
|
|
3505
|
+
n.palette.chartMono.chartMono5,
|
|
3506
|
+
n.palette.chartMono.chartMono4,
|
|
3507
|
+
n.palette.chartMono.chartMono3,
|
|
3508
|
+
n.palette.chartMono.chartMono2
|
|
3285
3509
|
];
|
|
3286
|
-
return /* @__PURE__ */
|
|
3287
|
-
/* @__PURE__ */ e(
|
|
3510
|
+
return /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
|
|
3511
|
+
/* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 8, px: 2 }, children: [
|
|
3288
3512
|
{ color: "chartMono.chartMono2", text: t.vulnerable, value: "0-25" },
|
|
3289
3513
|
{ color: "chartMono.chartMono3", text: t.building, value: "26-50" },
|
|
3290
3514
|
{ color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
|
|
3291
3515
|
{ color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
|
|
3292
|
-
].map(({ color: r, text:
|
|
3293
|
-
/* @__PURE__ */
|
|
3294
|
-
/* @__PURE__ */ e(
|
|
3295
|
-
/* @__PURE__ */
|
|
3516
|
+
].map(({ color: r, text: i, value: a }) => /* @__PURE__ */ s(_, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
|
|
3517
|
+
/* @__PURE__ */ s(M, { children: [
|
|
3518
|
+
/* @__PURE__ */ e(A, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: i }),
|
|
3519
|
+
/* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "caption", children: [
|
|
3296
3520
|
"(",
|
|
3297
3521
|
a,
|
|
3298
3522
|
")"
|
|
3299
3523
|
] })
|
|
3300
3524
|
] }),
|
|
3301
3525
|
/* @__PURE__ */ e(M, { sx: { border: "2px solid", borderColor: r, borderRadius: "3px" } })
|
|
3302
|
-
] },
|
|
3303
|
-
/* @__PURE__ */
|
|
3526
|
+
] }, i)) }),
|
|
3527
|
+
/* @__PURE__ */ s(M, { children: [
|
|
3304
3528
|
/* @__PURE__ */ e(
|
|
3305
3529
|
M,
|
|
3306
3530
|
{
|
|
3307
3531
|
sx: {
|
|
3308
|
-
background: `linear-gradient(to left, ${
|
|
3532
|
+
background: `linear-gradient(to left, ${o.join(", ")})`,
|
|
3309
3533
|
borderRadius: "4px",
|
|
3310
3534
|
height: 16
|
|
3311
3535
|
}
|
|
3312
3536
|
}
|
|
3313
3537
|
),
|
|
3314
|
-
/* @__PURE__ */ e(
|
|
3315
|
-
|
|
3538
|
+
/* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((r) => /* @__PURE__ */ s(
|
|
3539
|
+
_,
|
|
3316
3540
|
{
|
|
3317
3541
|
sx: { alignItems: "center", height: 20, justifyContent: "space-between", width: 24 },
|
|
3318
3542
|
children: [
|
|
@@ -3329,27 +3553,27 @@ const zo = ({ total: t }) => {
|
|
|
3329
3553
|
}
|
|
3330
3554
|
}
|
|
3331
3555
|
),
|
|
3332
|
-
/* @__PURE__ */ e(
|
|
3556
|
+
/* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "tiny", children: r })
|
|
3333
3557
|
]
|
|
3334
3558
|
},
|
|
3335
3559
|
r
|
|
3336
3560
|
)) })
|
|
3337
3561
|
] })
|
|
3338
3562
|
] });
|
|
3339
|
-
},
|
|
3340
|
-
const { finstrong:
|
|
3341
|
-
return r ? /* @__PURE__ */ e(
|
|
3342
|
-
/* @__PURE__ */
|
|
3343
|
-
/* @__PURE__ */
|
|
3344
|
-
/* @__PURE__ */ e(
|
|
3345
|
-
/* @__PURE__ */ e(
|
|
3563
|
+
}, pa = ({ isOpen: t, onClose: n }) => {
|
|
3564
|
+
const { finstrong: o } = S(), { isCopyLoaded: r } = ne();
|
|
3565
|
+
return r ? /* @__PURE__ */ e(ie, { isOpen: t, onClose: n, title: o.score_rubric, children: /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
|
|
3566
|
+
/* @__PURE__ */ s(_, { sx: { gap: 20 }, children: [
|
|
3567
|
+
/* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
|
|
3568
|
+
/* @__PURE__ */ e(j, { sx: { textWrap: "wrap" }, children: o.your_path_to_financial_freedom }),
|
|
3569
|
+
/* @__PURE__ */ e(A, { variant: "subtitle1", children: o.finstrong_freedom_description })
|
|
3346
3570
|
] }),
|
|
3347
|
-
/* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
|
|
3571
|
+
/* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(da, { copy: o }) })
|
|
3348
3572
|
] }),
|
|
3349
|
-
/* @__PURE__ */
|
|
3350
|
-
/* @__PURE__ */ e(
|
|
3351
|
-
/* @__PURE__ */
|
|
3352
|
-
|
|
3573
|
+
/* @__PURE__ */ s(_, { sx: { gap: 12 }, children: [
|
|
3574
|
+
/* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: o.how_do_we_do_this }),
|
|
3575
|
+
/* @__PURE__ */ s(
|
|
3576
|
+
Le,
|
|
3353
3577
|
{
|
|
3354
3578
|
component: "ol",
|
|
3355
3579
|
sx: {
|
|
@@ -3368,28 +3592,28 @@ const zo = ({ total: t }) => {
|
|
|
3368
3592
|
}
|
|
3369
3593
|
},
|
|
3370
3594
|
children: [
|
|
3371
|
-
/* @__PURE__ */ e(
|
|
3372
|
-
|
|
3595
|
+
/* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
|
|
3596
|
+
me,
|
|
3373
3597
|
{
|
|
3374
|
-
primary:
|
|
3375
|
-
secondary:
|
|
3598
|
+
primary: o.understand_your_habits,
|
|
3599
|
+
secondary: o.understand_your_habits_description
|
|
3376
3600
|
}
|
|
3377
3601
|
) }),
|
|
3378
|
-
/* @__PURE__ */ e(
|
|
3379
|
-
|
|
3602
|
+
/* @__PURE__ */ e(_e, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
|
|
3603
|
+
me,
|
|
3380
3604
|
{
|
|
3381
|
-
primary:
|
|
3382
|
-
secondary:
|
|
3605
|
+
primary: o.see_whats_possible,
|
|
3606
|
+
secondary: o.see_whats_possible_description
|
|
3383
3607
|
}
|
|
3384
3608
|
) })
|
|
3385
3609
|
]
|
|
3386
3610
|
}
|
|
3387
3611
|
)
|
|
3388
3612
|
] }),
|
|
3389
|
-
/* @__PURE__ */
|
|
3390
|
-
/* @__PURE__ */ e(
|
|
3391
|
-
/* @__PURE__ */
|
|
3392
|
-
|
|
3613
|
+
/* @__PURE__ */ s(_, { sx: { gap: 4 }, children: [
|
|
3614
|
+
/* @__PURE__ */ e(D, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: o.we_ask_questions }),
|
|
3615
|
+
/* @__PURE__ */ s(
|
|
3616
|
+
Le,
|
|
3393
3617
|
{
|
|
3394
3618
|
component: "ol",
|
|
3395
3619
|
sx: {
|
|
@@ -3409,23 +3633,23 @@ const zo = ({ total: t }) => {
|
|
|
3409
3633
|
}
|
|
3410
3634
|
},
|
|
3411
3635
|
children: [
|
|
3412
|
-
/* @__PURE__ */ e(
|
|
3413
|
-
/* @__PURE__ */ e(
|
|
3636
|
+
/* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(me, { secondary: o.we_ask_questions_description_1 }) }),
|
|
3637
|
+
/* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(me, { secondary: o.we_ask_questions_description_2 }) })
|
|
3414
3638
|
]
|
|
3415
3639
|
}
|
|
3416
3640
|
)
|
|
3417
3641
|
] })
|
|
3418
|
-
] }) }) : /* @__PURE__ */ e(
|
|
3419
|
-
},
|
|
3420
|
-
const [t,
|
|
3421
|
-
return !l || !c ? /* @__PURE__ */ e(
|
|
3422
|
-
/* @__PURE__ */
|
|
3423
|
-
/* @__PURE__ */ e(
|
|
3642
|
+
] }) }) : /* @__PURE__ */ e(ee, {});
|
|
3643
|
+
}, ua = w(pa), _a = w(() => {
|
|
3644
|
+
const [t, n] = m.useState(!1), o = W(), [r, { width: i }] = wt(), { finstrong: a } = S(), { isCopyLoaded: l, isInitialized: c } = ne(), { healthScore: d, healthScoreChange: p } = L(), u = o.palette.mode === "dark", h = nt(d?.health_score, a);
|
|
3645
|
+
return !l || !c ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ s(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
3646
|
+
/* @__PURE__ */ s(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
|
|
3647
|
+
/* @__PURE__ */ e(j, { children: a.financial_strength_header }),
|
|
3424
3648
|
/* @__PURE__ */ e(
|
|
3425
|
-
|
|
3649
|
+
E,
|
|
3426
3650
|
{
|
|
3427
|
-
endIcon: /* @__PURE__ */ e(
|
|
3428
|
-
onClick: () =>
|
|
3651
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
3652
|
+
onClick: () => n(!0),
|
|
3429
3653
|
size: "small",
|
|
3430
3654
|
sx: {
|
|
3431
3655
|
"&.MuiButtonBase-root": {
|
|
@@ -3435,7 +3659,7 @@ const zo = ({ total: t }) => {
|
|
|
3435
3659
|
},
|
|
3436
3660
|
variant: "text",
|
|
3437
3661
|
children: /* @__PURE__ */ e(
|
|
3438
|
-
|
|
3662
|
+
D,
|
|
3439
3663
|
{
|
|
3440
3664
|
bold: !0,
|
|
3441
3665
|
sx: {
|
|
@@ -3448,17 +3672,17 @@ const zo = ({ total: t }) => {
|
|
|
3448
3672
|
}
|
|
3449
3673
|
)
|
|
3450
3674
|
] }),
|
|
3451
|
-
/* @__PURE__ */ e(
|
|
3452
|
-
|
|
3675
|
+
/* @__PURE__ */ e(_, { sx: { justifyContent: "center", alignItems: "center", pb: 4, pt: 20, px: 16 }, children: /* @__PURE__ */ e(
|
|
3676
|
+
zt,
|
|
3453
3677
|
{
|
|
3454
|
-
arcRadius:
|
|
3455
|
-
footerCenterContent:
|
|
3678
|
+
arcRadius: i <= 323 ? 72.5 : 154,
|
|
3679
|
+
footerCenterContent: p,
|
|
3456
3680
|
healthScore: d?.health_score || 0,
|
|
3457
|
-
size:
|
|
3681
|
+
size: i <= 323 ? "M" : "L"
|
|
3458
3682
|
}
|
|
3459
3683
|
) }),
|
|
3460
|
-
d?.health_score ? /* @__PURE__ */
|
|
3461
|
-
|
|
3684
|
+
d?.health_score ? /* @__PURE__ */ s(
|
|
3685
|
+
So,
|
|
3462
3686
|
{
|
|
3463
3687
|
sx: {
|
|
3464
3688
|
px: 16,
|
|
@@ -3473,9 +3697,9 @@ const zo = ({ total: t }) => {
|
|
|
3473
3697
|
},
|
|
3474
3698
|
children: [
|
|
3475
3699
|
/* @__PURE__ */ e(
|
|
3476
|
-
|
|
3700
|
+
wo,
|
|
3477
3701
|
{
|
|
3478
|
-
expandIcon: /* @__PURE__ */ e(
|
|
3702
|
+
expandIcon: /* @__PURE__ */ e(Mn, { size: 20 }),
|
|
3479
3703
|
sx: {
|
|
3480
3704
|
"&.MuiAccordionSummary-root": {
|
|
3481
3705
|
minHeight: 0
|
|
@@ -3486,14 +3710,14 @@ const zo = ({ total: t }) => {
|
|
|
3486
3710
|
minHeight: 0
|
|
3487
3711
|
}
|
|
3488
3712
|
},
|
|
3489
|
-
children: /* @__PURE__ */ e(
|
|
3713
|
+
children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
|
|
3490
3714
|
}
|
|
3491
3715
|
),
|
|
3492
|
-
/* @__PURE__ */ e(
|
|
3716
|
+
/* @__PURE__ */ e(vo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(A, { variant: "subtitle1", children: h.scoreContent }) })
|
|
3493
3717
|
]
|
|
3494
3718
|
}
|
|
3495
3719
|
) : /* @__PURE__ */ e(
|
|
3496
|
-
|
|
3720
|
+
We,
|
|
3497
3721
|
{
|
|
3498
3722
|
buttonText: a.connect_more_accounts_title,
|
|
3499
3723
|
description: a.health_score_zero_description,
|
|
@@ -3514,77 +3738,77 @@ const zo = ({ total: t }) => {
|
|
|
3514
3738
|
}
|
|
3515
3739
|
),
|
|
3516
3740
|
/* @__PURE__ */ e(
|
|
3517
|
-
|
|
3741
|
+
ua,
|
|
3518
3742
|
{
|
|
3519
3743
|
isOpen: t,
|
|
3520
|
-
onClose: () =>
|
|
3744
|
+
onClose: () => n(!1)
|
|
3521
3745
|
}
|
|
3522
3746
|
)
|
|
3523
3747
|
] });
|
|
3524
|
-
}),
|
|
3525
|
-
const { visibleAccounts:
|
|
3526
|
-
augmentedChartData:
|
|
3527
|
-
calculateHealthScore:
|
|
3748
|
+
}), ma = ({ onBackClick: t, onMenuClick: n, sx: o, onPrimaryCtaClick: r }) => {
|
|
3749
|
+
const { visibleAccounts: i } = ke(), { dateRange: a, isDataLoaded: l, loadBudgetData: c, setTheme: d } = Gn(), { reloadCategoryTotals: p } = Qe(), u = L(), {
|
|
3750
|
+
augmentedChartData: h,
|
|
3751
|
+
calculateHealthScore: f,
|
|
3528
3752
|
loadAugmentedChartData: v,
|
|
3529
3753
|
loadMonthlySummaries: x,
|
|
3530
|
-
loadPeerScore:
|
|
3531
|
-
peerScore:
|
|
3754
|
+
loadPeerScore: C,
|
|
3755
|
+
peerScore: b,
|
|
3532
3756
|
healthScore: k
|
|
3533
|
-
} = u, { finstrong: g, connect: y } =
|
|
3534
|
-
|
|
3757
|
+
} = u, { finstrong: g, connect: y } = S(), { isInitialized: I } = ne(), { loadRepeatingTransactionData: G, isDataLoaded: O } = Ze(), { isSmallMobile: $ } = tt(), F = W(), { userProfile: K } = oe(), [fe, be] = m.useState(!1), [X, re] = m.useState(!1), [ce, U] = m.useState(!1), [V, le] = m.useState(!1), [de, xe] = m.useState(!1);
|
|
3758
|
+
ko({
|
|
3535
3759
|
widgetName: "FinstrongWidget",
|
|
3536
|
-
isLoaded:
|
|
3537
|
-
}),
|
|
3538
|
-
d(
|
|
3539
|
-
}, []),
|
|
3760
|
+
isLoaded: fe
|
|
3761
|
+
}), m.useEffect(() => {
|
|
3762
|
+
d(F);
|
|
3763
|
+
}, []), m.useEffect(() => {
|
|
3540
3764
|
r && (u.handleFinstrongWidgetPrimaryCtaClick = r);
|
|
3541
|
-
}, [r, u]),
|
|
3542
|
-
|
|
3543
|
-
}, [
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
}), l || (c(),
|
|
3547
|
-
}, [a, l,
|
|
3765
|
+
}, [r, u]), m.useEffect(() => {
|
|
3766
|
+
I && (x().finally(), C().finally(), f().finally());
|
|
3767
|
+
}, [I]), m.useEffect(() => {
|
|
3768
|
+
I && (p(i, a.start, a.end).finally(() => {
|
|
3769
|
+
be(!0);
|
|
3770
|
+
}), l || (c(), G().finally()));
|
|
3771
|
+
}, [a, l, I, i]), m.useEffect(() => {
|
|
3548
3772
|
k?.health_score && v().finally();
|
|
3549
3773
|
}, [k.health_score]);
|
|
3550
|
-
const
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
}),
|
|
3774
|
+
const N = () => U(!0), Ce = Math.round(b?.average_health_score?.average_health_score || 0), He = h.some((Te) => Te.y !== 0), Ke = () => {
|
|
3775
|
+
re(!0), f(!1).finally(() => {
|
|
3776
|
+
re(!1);
|
|
3777
|
+
}), U(!1);
|
|
3554
3778
|
};
|
|
3555
|
-
return !
|
|
3556
|
-
|
|
3779
|
+
return !I || !fe || !O || X ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ s(
|
|
3780
|
+
Mo,
|
|
3557
3781
|
{
|
|
3558
3782
|
actions: [
|
|
3559
3783
|
{
|
|
3560
3784
|
iconName: "person",
|
|
3561
3785
|
label: g.profile,
|
|
3562
|
-
onClick:
|
|
3786
|
+
onClick: N
|
|
3563
3787
|
}
|
|
3564
3788
|
],
|
|
3565
3789
|
hasDivider: !0,
|
|
3566
3790
|
onBackClick: t,
|
|
3567
|
-
onMenuClick:
|
|
3791
|
+
onMenuClick: n,
|
|
3568
3792
|
showAccountFilter: !1,
|
|
3569
|
-
sx:
|
|
3793
|
+
sx: o,
|
|
3570
3794
|
title: g.title,
|
|
3571
3795
|
children: [
|
|
3572
|
-
|
|
3573
|
-
|
|
3796
|
+
K.has_completed_finstrong_onboarding ? /* @__PURE__ */ s(
|
|
3797
|
+
_,
|
|
3574
3798
|
{
|
|
3575
3799
|
sx: {
|
|
3576
3800
|
bgcolor: "background.default",
|
|
3577
3801
|
flexDirection: { md: "row" },
|
|
3578
3802
|
gap: 24,
|
|
3579
3803
|
justifyContent: "center",
|
|
3580
|
-
pt:
|
|
3581
|
-
px:
|
|
3804
|
+
pt: $ ? 16 : 24,
|
|
3805
|
+
px: $ ? 16 : 48
|
|
3582
3806
|
},
|
|
3583
3807
|
children: [
|
|
3584
|
-
/* @__PURE__ */
|
|
3585
|
-
/* @__PURE__ */ e(
|
|
3808
|
+
/* @__PURE__ */ s(_, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
|
|
3809
|
+
/* @__PURE__ */ e(_a, {}),
|
|
3586
3810
|
/* @__PURE__ */ e(
|
|
3587
|
-
|
|
3811
|
+
We,
|
|
3588
3812
|
{
|
|
3589
3813
|
description: g.connect_more_accounts_description,
|
|
3590
3814
|
drawerType: "connectDrawer",
|
|
@@ -3592,19 +3816,19 @@ const zo = ({ total: t }) => {
|
|
|
3592
3816
|
}
|
|
3593
3817
|
)
|
|
3594
3818
|
] }),
|
|
3595
|
-
/* @__PURE__ */ e(
|
|
3596
|
-
/* @__PURE__ */
|
|
3597
|
-
|
|
3819
|
+
/* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ s(Y, { sx: { height: "100%", p: 16 }, children: [
|
|
3820
|
+
/* @__PURE__ */ s(
|
|
3821
|
+
_,
|
|
3598
3822
|
{
|
|
3599
3823
|
direction: "row",
|
|
3600
3824
|
sx: { alignItems: "center", gap: 12, justifyContent: "space-between" },
|
|
3601
3825
|
children: [
|
|
3602
|
-
/* @__PURE__ */ e(
|
|
3826
|
+
/* @__PURE__ */ e(j, { children: g.key_indicators }),
|
|
3603
3827
|
/* @__PURE__ */ e(
|
|
3604
|
-
|
|
3828
|
+
E,
|
|
3605
3829
|
{
|
|
3606
|
-
endIcon: /* @__PURE__ */ e(
|
|
3607
|
-
onClick: () =>
|
|
3830
|
+
endIcon: /* @__PURE__ */ e(J, {}),
|
|
3831
|
+
onClick: () => le(!0),
|
|
3608
3832
|
size: "small",
|
|
3609
3833
|
sx: {
|
|
3610
3834
|
"&.MuiButtonBase-root": {
|
|
@@ -3613,32 +3837,32 @@ const zo = ({ total: t }) => {
|
|
|
3613
3837
|
}
|
|
3614
3838
|
},
|
|
3615
3839
|
variant: "text",
|
|
3616
|
-
children: /* @__PURE__ */ e(
|
|
3840
|
+
children: /* @__PURE__ */ e(D, { bold: !0, variant: "body2", children: g.whats_changed })
|
|
3617
3841
|
}
|
|
3618
3842
|
)
|
|
3619
3843
|
]
|
|
3620
3844
|
}
|
|
3621
3845
|
),
|
|
3622
|
-
|
|
3623
|
-
|
|
3846
|
+
He ? /* @__PURE__ */ e(
|
|
3847
|
+
Je,
|
|
3624
3848
|
{
|
|
3625
|
-
axisColor:
|
|
3849
|
+
axisColor: F.palette.divider,
|
|
3626
3850
|
baseline: "min",
|
|
3627
|
-
colors: [
|
|
3851
|
+
colors: [F.palette.primary.main],
|
|
3628
3852
|
curveType: "natural",
|
|
3629
3853
|
customLegendBoxSx: { borderRadius: "2px" },
|
|
3630
3854
|
customLegendSx: { left: 0 },
|
|
3631
3855
|
customLegendVariant: "caption",
|
|
3632
|
-
datasets: [
|
|
3856
|
+
datasets: [h],
|
|
3633
3857
|
height: 300,
|
|
3634
3858
|
isCurrency: !1,
|
|
3635
3859
|
isGraphClippingXAxis: !0,
|
|
3636
|
-
labelBackgroundColor:
|
|
3637
|
-
labelFontColor:
|
|
3638
|
-
labelFontSize: typeof
|
|
3860
|
+
labelBackgroundColor: F.palette.neutral.dark,
|
|
3861
|
+
labelFontColor: F.palette.common.white,
|
|
3862
|
+
labelFontSize: typeof F.typography.caption?.fontSize == "string" ? parseFloat(F.typography.caption.fontSize) : F.typography.caption?.fontSize,
|
|
3639
3863
|
labels: [g.key_indicators_label],
|
|
3640
3864
|
margin: { right: 12, left: -37 },
|
|
3641
|
-
peerAverage:
|
|
3865
|
+
peerAverage: Ce,
|
|
3642
3866
|
showArea: !0,
|
|
3643
3867
|
showAverage: !0,
|
|
3644
3868
|
showLegend: !0,
|
|
@@ -3647,36 +3871,35 @@ const zo = ({ total: t }) => {
|
|
|
3647
3871
|
showXAxis: !0,
|
|
3648
3872
|
title: g.peer_average
|
|
3649
3873
|
}
|
|
3650
|
-
) : /* @__PURE__ */ e(
|
|
3651
|
-
/* @__PURE__ */ e(
|
|
3874
|
+
) : /* @__PURE__ */ e(Vr, { onClick: () => xe(!0) }),
|
|
3875
|
+
/* @__PURE__ */ e(Hr, {})
|
|
3652
3876
|
] }) })
|
|
3653
3877
|
]
|
|
3654
3878
|
}
|
|
3655
|
-
) : /* @__PURE__ */ e(
|
|
3656
|
-
/* @__PURE__ */ e(
|
|
3879
|
+
) : /* @__PURE__ */ e(ta, {}),
|
|
3880
|
+
/* @__PURE__ */ e(aa, { isOpen: ce, onClose: Ke }),
|
|
3657
3881
|
/* @__PURE__ */ e(
|
|
3658
|
-
|
|
3882
|
+
se,
|
|
3659
3883
|
{
|
|
3660
|
-
onClose: () =>
|
|
3661
|
-
showConnectWidget:
|
|
3884
|
+
onClose: () => xe(!1),
|
|
3885
|
+
showConnectWidget: de,
|
|
3662
3886
|
title: y.mini_title
|
|
3663
3887
|
}
|
|
3664
3888
|
),
|
|
3665
3889
|
/* @__PURE__ */ e(
|
|
3666
|
-
|
|
3890
|
+
la,
|
|
3667
3891
|
{
|
|
3668
|
-
isOpen:
|
|
3669
|
-
onClose: () =>
|
|
3892
|
+
isOpen: V,
|
|
3893
|
+
onClose: () => le(!1)
|
|
3670
3894
|
}
|
|
3671
3895
|
)
|
|
3672
3896
|
]
|
|
3673
3897
|
}
|
|
3674
3898
|
);
|
|
3675
|
-
},
|
|
3899
|
+
}, Ni = w(ma);
|
|
3676
3900
|
export {
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
xi as FinstrongWidget
|
|
3901
|
+
Ko as CreditScoreGraph,
|
|
3902
|
+
Nt as DialScoreCard,
|
|
3903
|
+
zt as FinancialStrengthGraph,
|
|
3904
|
+
Ni as FinstrongWidget
|
|
3682
3905
|
};
|