@mx-cartographer/experiences 7.0.44-alpha.mega1 → 7.0.45

package/dist/cashflow/index.es.js

@@ -9,21 +9,21 @@ import D from "@mui/material/Divider";
 import r from "@mui/material/Stack";
 import ie from "@mui/material/styles/useTheme";
 import { Text as d, P as k, Icon as F, InstitutionLogo as xe, H1 as le, H2 as Xe } from "@mxenabled/mxui";
-import { G as Ye, t as de, u as O, p as re, c as Oe, a as Y, o as me, i as q, f as Ne, g as ke } from "../hooks-BAAimqdq.mjs";
+import { G as Ye, t as de, u as O, p as re, d as Oe, b as Y, o as me, j as q, g as Ne, h as ke } from "../hooks-CE2TKk4a.mjs";
 import { C as L } from "../CurrencyText-YUhH2caW.mjs";
 import { u as ue } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as se } from "../Loader-DUaFpDGv.mjs";
 import { I as he } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Wn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as X } from "../Localization-2MODESHW.mjs";
-import { M as Qe } from "../MiniWidgetContainer-BhHaL8eb.mjs";
-import { R as Ve } from "../RecurringSettings-DA6qT8ai.mjs";
+import { M as Qe } from "../MiniWidgetContainer-DSG6mwaW.mjs";
+import { R as Ve } from "../RecurringSettings-CETLT79T.mjs";
 import Ke from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
 import { getUnixTime as U } from "date-fns/getUnixTime";
 import ee from "@mui/material/List";
 import te from "@mui/material/ListItem";
-import { A as Je } from "../AccountListItem-D9mpJkCP.mjs";
+import { A as Je } from "../AccountListItem-BxmUd4j3.mjs";
 import { f as Q, D as V } from "../Dialog-CWW597AF.mjs";
 import Ze from "@mui/material/ListSubheader";
 import { f as Z } from "../NumberFormatting-CtWHhyBX.mjs";
@@ -34,17 +34,17 @@ import { addDays as Ce } from "date-fns/addDays";
 import { alpha as et, keyframes as tt } from "@mui/material/styles";
 import { DataGridPro as nt } from "@mui/x-data-grid-pro";
 import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
-import { M as ot, S as at, i as it, d as _e, c as rt } from "../ManageIncome-D1XoZlqY.mjs";
+import { M as ot, S as at, i as it, d as _e, c as rt } from "../ManageIncome-kMsgLN3T.mjs";
 import { D as $e } from "../Drawer-kEE73B87.mjs";
 import { formatISO as st } from "date-fns/formatISO";
 import { fromUnixTime as we } from "date-fns/fromUnixTime";
 import { startOfMonth as ct } from "date-fns/startOfMonth";
 import { subDays as Me } from "date-fns/subDays";
-import { S as lt, b as dt } from "../TransactionDetails-DO_YihKP.mjs";
-import { F as mt, R as Ie, e as De } from "../RecurringTransactions-DTUx9VN1.mjs";
+import { S as lt, b as dt } from "../TransactionDetails-B-rdHE3_.mjs";
+import { F as mt, R as Ie, e as De } from "../RepeatingTransaction-BW4J-jeJ.mjs";
 import { h as ut } from "../DateUtil-BcuH7ErC.mjs";
 import { endOfToday as ht } from "date-fns/endOfToday";
-import { W as ve, A as Ae } from "../WidgetContainer-DfyV39Ru.mjs";
+import { W as ve, A as Ae } from "../WidgetContainer-p7NIdiNJ.mjs";
 import { F as pt, A as B } from "../Fetch-87LIQbEA.mjs";
 const K = () => {
   if (!u.useContext(Ye))
@@ -75,7 +75,7 @@ const K = () => {
     setNextIncome: S,
     setSelectedCashAccounts: v,
     setUpcomingExpenses: p
-  } = K(), { isDataLoaded: N, nextIncomeRecurrence: _, upcomingExpenses: z } = q();
+  } = K(), { isDataLoaded: N, nextIncomeRecurrence: _, upcomingExpenses: j } = q();
   u.useEffect(() => {
     y(c);
   }, [c]), u.useEffect(() => {
@@ -83,15 +83,15 @@ const K = () => {
       c.filter((R) => b.includes(R.guid))
     );
   }, [c, m]), u.useEffect(() => {
-    _ && S(_), p(z);
-  }, [_, z]);
+    _ && S(_), p(j);
+  }, [_, j]);
   const G = u.useMemo(
     () => c.filter((R) => b.includes(R.guid)).reduce((R, w) => R + (w?.balance || 0), 0),
-    [b, z]
+    [b, j]
   ), W = u.useMemo(
     () => h.filter((R) => b.includes(R.accountGuid || "")).reduce((R, w) => R + w.amount, 0),
     [b, h]
-  ), j = u.useMemo(
+  ), z = u.useMemo(
     () => G - W,
     [G, W]
   ), A = g?.has_completed_cash_flow_onboarding && !!a;
@@ -118,7 +118,7 @@ const K = () => {
         ] }),
         /* @__PURE__ */ e(r, { pt: 18, children: /* @__PURE__ */ e(F, { name: "equal" }) }),
         /* @__PURE__ */ o(r, { pb: 14, pr: 24, pt: 12, children: [
-          /* @__PURE__ */ e(L, { amount: j, variant: "H2" }),
+          /* @__PURE__ */ e(L, { amount: z, variant: "H2" }),
           /* @__PURE__ */ o(r, { alignItems: "center", direction: "row", gap: 8, children: [
             /* @__PURE__ */ e(k, { variant: "XSmall", whiteSpace: "nowrap", children: i.available_to_spend }),
             /* @__PURE__ */ e(he, { body: i.tooltip_body, title: i.tooltip_title })
@@ -163,7 +163,7 @@ const K = () => {
         justifyContent: "space-between",
         px: 16,
         sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
-        children: /* @__PURE__ */ e(pe, { remaining: j })
+        children: /* @__PURE__ */ e(pe, { remaining: z })
       }
     ),
     /* @__PURE__ */ e(D, {}),
@@ -829,10 +829,10 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     transform: rotate(360deg);
   }
 `, Ht = () => {
-  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: s } = O(), { completeOnboarding: c } = de(), { isDirty: f } = K(), { isMobile: m } = ue(), { isCopyLoaded: b, setDisplayedDate: y } = Y(), { filter: i, setFilter: g, transactions: l } = ke(), h = ie(), [C, S] = J(!0), [v, p] = u.useState(mt.EveryMonth), [N, _] = u.useState(1), [z, G] = u.useState(15), [W, j] = J(!1), [A, R] = J(1), [w, ze] = J([]), [fe, ce] = J(""), $ = u.useMemo(
+  const { addRepeatingTransaction: a, repeatingTransactions: n } = q(), { cashflow: t, common: s } = O(), { completeOnboarding: c } = de(), { isDirty: f } = K(), { isMobile: m } = ue(), { isCopyLoaded: b, setDisplayedDate: y } = Y(), { filter: i, setFilter: g, transactions: l } = ke(), h = ie(), [C, S] = J(!0), [v, p] = u.useState(mt.EveryMonth), [N, _] = u.useState(1), [j, G] = u.useState(15), [W, z] = J(!1), [A, R] = J(1), [w, je] = J([]), [fe, ce] = J(""), $ = u.useMemo(
     () => l.find((x) => x.guid === fe),
     [fe, l]
-  ), je = !!n.filter(
+  ), ze = !!n.filter(
     (x) => x.repeating_transaction_type === Ie.Income
   ).length, ge = async () => {
     R(2), y(
@@ -842,7 +842,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     ), g({ ...i, custom: _e }), R(3);
   }, Be = async () => {
     if (!(w.length < 1)) {
-      j(!0);
+      z(!0);
       for (let x = 0; x < w.length; x++) {
         const E = w[x], be = De(v, we(E.date)), Pe = {
           account_guid: E.account_guid,
@@ -934,7 +934,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                   }
                 }
               ),
-              !je && f && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
+              !ze && f && /* @__PURE__ */ e(k, { color: "error", mt: 16, children: t.confirm_error }),
               $ && /* @__PURE__ */ o(P, { children: [
                 /* @__PURE__ */ e(
                   rt,
@@ -945,7 +945,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                     onFirstDayChange: _,
                     onFrequencyChange: p,
                     onSecondDayChange: G,
-                    secondDay: z,
+                    secondDay: j,
                     transaction: $
                   }
                 ),
@@ -960,7 +960,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
                           ...$,
                           nextDate: De(v, we($.date)),
                           frequency: v
-                        }), ze(x), ce("");
+                        }), je(x), ce("");
                       },
                       variant: "contained",
                       children: s.confirm_button
@@ -1012,18 +1012,18 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
     setSelectedAccounts: c,
     shouldDisableNextDate: f,
     shouldDisablePrevDate: m
-  } = Y(), { onEvent: b } = Ne(), { visibleCashAccounts: y } = Oe(), { setFilter: i } = ke(), { userProfile: g } = me(), { dateRange: l, setSelectedCashAccounts: h } = K(), { loadRepeatingTransactions: C, setDateRange: S } = q(), { cashflow: v, recurring: p } = O(), { isCopyLoaded: N, isInitialized: _ } = Y(), [z, G] = u.useState(!1);
+  } = Y(), { onEvent: b } = Ne(), { visibleCashAccounts: y } = Oe(), { setFilter: i } = ke(), { userProfile: g } = me(), { dateRange: l, setSelectedCashAccounts: h } = K(), { loadRepeatingTransactions: C, setDateRange: S } = q(), { cashflow: v, recurring: p } = O(), { isCopyLoaded: N, isInitialized: _ } = Y(), [j, G] = u.useState(!1);
   return u.useEffect(() => {
     _ && (S(l), C().finally());
   }, [_]), u.useEffect(() => {
     c(y);
   }, [y]), u.useEffect(() => {
-    const W = y.map((A) => A.guid), j = t.filter(
+    const W = y.map((A) => A.guid), z = t.filter(
       (A) => s.includes(A.guid) && W.includes(A.guid)
     );
-    h(j), i({
+    h(z), i({
       dateRange: { start: Me(M(), 90), end: ht() },
-      accounts: j.map((A) => A.guid)
+      accounts: z.map((A) => A.guid)
     });
   }, [y, t]), !N || !_ ? /* @__PURE__ */ e(se, {}) : g?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ o(
     ve,
@@ -1058,7 +1058,7 @@ const Ct = ({ recurrence: a }) => /* @__PURE__ */ o(P, { children: [
           $e,
           {
             ariaLabelClose: v.close_settings_aria,
-            isOpen: z,
+            isOpen: j,
             onClose: () => G(!1),
             shouldShowHeaderBorders: !1,
             title: p.action_title,

package/dist/categories/index.es.js

@@ -1,4 +1,4 @@
-import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-993LpETZ.mjs";
+import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-BmenK5bu.mjs";
 import { C as g } from "../CategoryStore-BCcpI3oJ.mjs";
 export {
   o as CategoryRow,

package/dist/common/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export { useAccountDisplayName } from './useAccountDisplayName';
 export { useCombineEvents, useCombinePageviews } from './useCombineEvents';
 export { useInsightsEnabled } from './useInsightsEnabled';
 export { useScreenSize } from './useScreenSize';

package/dist/common/hooks/useAccountDisplayName.d.ts

@@ -0,0 +1,3 @@
+import { Account } from '../types';
+export declare const useAccountDisplayName: (account: Account) => string;
+export default useAccountDisplayName;

package/dist/common/index.es.js

@@ -6,72 +6,73 @@ import { C as et } from "../CategoryStore-BCcpI3oJ.mjs";
 import { a as ds } from "../CategoryStore-BCcpI3oJ.mjs";
 import { N as st } from "../NotificationStore-C6PH6MKm.mjs";
 import { a as us } from "../NotificationStore-C6PH6MKm.mjs";
-import { T as rt } from "../User-Bfnq7dd4.mjs";
-import { C as gs, b as ps, L as ms, a as _s } from "../User-Bfnq7dd4.mjs";
+import { T as rt } from "../User-8itAR7lR.mjs";
+import { C as gs, b as ps, L as ms, a as _s } from "../User-8itAR7lR.mjs";
 import { H as ot } from "../Help-DhcC-C05.mjs";
 import { E as ys } from "../Help-DhcC-C05.mjs";
-import { M as bs } from "../MicroWidgetContainer-Dpu8VDSP.mjs";
-import { M as xs } from "../MiniWidgetContainer-BhHaL8eb.mjs";
-import { A as vs, D as Ds, W as Es } from "../WidgetContainer-DfyV39Ru.mjs";
-import { i as Ts, a as Bs, e as Is, m as Ns, A as Ms, f as ks, j as $s, d as Rs, l as Ps, E as Os, h as Us, N as Ls, g as Gs, P as Hs, n as Fs, S as Ws } from "../ConnectDrawer-CNdzwKdX.mjs";
-import { C as Ys } from "../CurrencyInput-pHmLzc_c.mjs";
+import { M as bs } from "../MicroWidgetContainer-C4QQHfD7.mjs";
+import { M as xs } from "../MiniWidgetContainer-DSG6mwaW.mjs";
+import { A as vs, D as Ds, W as As } from "../WidgetContainer-p7NIdiNJ.mjs";
+import { j as Ts, a as Bs, e as Is, m as Ns, A as Ms, f as ks, k as $s, d as Rs, l as Ps, E as Os, i as Us, N as Ls, h as Gs, P as Hs, n as Fs, S as Ws } from "../ConnectDrawer-YIWwEzuN.mjs";
+import { C as Ys } from "../CurrencyInput-CRtdzs3o.mjs";
 import { L as zs } from "../Loader-DUaFpDGv.mjs";
 import { R as js } from "../ResponsiveButton-DZFp78fJ.mjs";
 import { S as Vs } from "../SearchBox-B2_zLv8-.mjs";
-import { T as at } from "../TransactionStore-B2Vq95Fg.mjs";
-import { S as Js } from "../TransactionStore-B2Vq95Fg.mjs";
+import { T as at } from "../TransactionStore-CfQBEIsK.mjs";
+import { S as Js } from "../TransactionStore-CfQBEIsK.mjs";
 import { T as er } from "../TabContentContainer-j01JYR_7.mjs";
 import { I as rr } from "../IconBacking-B9oC6uL2.mjs";
-import { D as ar, F as nr, a as ir, c as cr, R as dr, S as lr } from "../RecurringTransactions-DTUx9VN1.mjs";
+import { D as ar, F as nr, a as ir, c as cr, R as dr, S as lr } from "../RepeatingTransaction-BW4J-jeJ.mjs";
 import { C as nt } from "../CashflowStore-D9Dpuz7X.mjs";
 import { I as hr } from "../CashflowStore-D9Dpuz7X.mjs";
-import { d as it } from "../GoalStore-B9lVADw5.mjs";
-import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-B9lVADw5.mjs";
+import { d as it } from "../GoalStore-voP4QA5C.mjs";
+import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-voP4QA5C.mjs";
 import { C as Sr } from "../CurrencyText-YUhH2caW.mjs";
 import { E as wr } from "../EmptyState-C0lr9E5T.mjs";
-import { L as Cr } from "../ListItemAction-DXyHyJn0.mjs";
-import { T as ct } from "../TrendsStore-DWVFqEC-.mjs";
-import { L as Dr, S as Er } from "../TrendsStore-DWVFqEC-.mjs";
-import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as kr } from "../ToggleListItem-r0Kx56wF.mjs";
+import { L as Cr } from "../ListItemAction-DSrYDGAP.mjs";
+import { T as ct } from "../TrendsStore-BKBnNQba.mjs";
+import { L as Dr, S as Ar } from "../TrendsStore-BKBnNQba.mjs";
+import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as kr } from "../Notification-aGCHxikw.mjs";
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as w, keyframes as ht } from "@mxenabled/cssinjs";
 import { useTokens as x, Text as B } from "@mxenabled/mxui";
 import { D as Rr } from "../Donut-1UMNcG67.mjs";
-import { L as Or } from "../LineChart-CHTf3RcN.mjs";
+import { L as Or } from "../LineChart-B2Y7zwMu.mjs";
 import { S as Lr } from "../StatusBar-BK_uYHAB.mjs";
 import { D as Hr, a as Fr, O as Wr, b as qr, f as Yr } from "../Dialog-CWW597AF.mjs";
 import { D as gt, a as pt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { S as zr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { D as jr } from "../Drawer-kEE73B87.mjs";
-import { I as Vr, P as Zr, S as Jr } from "../Account-CYkoSG86.mjs";
-import { b as A } from "../Category-CevNQ03n.mjs";
+import { I as Vr, P as Zr, S as Jr } from "../Account-DNtjr75t.mjs";
+import { b as E } from "../Category-CevNQ03n.mjs";
 import { C as eo, c as so, a as ro, P as oo } from "../Category-CevNQ03n.mjs";
 import { C as no, f as io, b as co, a as lo, g as uo, i as ho } from "../NumberFormatting-CtWHhyBX.mjs";
-import { R as mt } from "../RecurringTransactionsStore-Djo9IeDd.mjs";
-import { S as po, T as mo } from "../RecurringTransactionsStore-Djo9IeDd.mjs";
-import { G as fo, B as yo, C as So, W as bo, c as wo, l as xo, h as Co, t as vo, m as Do, x as Eo, y as Ao, f as To, w as Bo, u as Io, e as No, a as Mo, k as ko, z as $o, s as Ro, b as Po, q as Oo, n as Uo, A as Lo, i as Go, r as Ho, g as Fo, v as Wo, o as qo, p as Yo } from "../hooks-BAAimqdq.mjs";
-import { u as zo } from "../useInsightsEnabled-BwLaOKWW.mjs";
-import { u as jo } from "../useScreenSize-B6JyS_Lj.mjs";
+import { R as mt } from "../RecurringTransactionsStore-DeLXfuC4.mjs";
+import { S as po, T as mo } from "../RecurringTransactionsStore-DeLXfuC4.mjs";
+import { G as fo, B as yo, C as So, W as bo, d as wo, a as xo, i as Co, t as vo, m as Do, x as Ao, y as Eo, g as To, w as Bo, u as Io, f as No, b as Mo, l as ko, z as $o, s as Ro, c as Po, q as Oo, n as Uo, A as Lo, j as Go, r as Ho, h as Fo, v as Wo, o as qo, p as Yo } from "../hooks-CE2TKk4a.mjs";
+import { u as zo } from "../useAccountDisplayName-DC1Lqjag.mjs";
+import { u as jo } from "../useInsightsEnabled-DSnpkUq0.mjs";
+import { u as Vo } from "../useScreenSize-B6JyS_Lj.mjs";
 import { makeAutoObservable as _, runInAction as m, reaction as _t } from "mobx";
-import { a as ft } from "../AccountStore-WQAkYgx1.mjs";
+import { a as ft } from "../AccountStore-CpjCeykS.mjs";
 import yt from "posthog-js";
 import { B as St } from "../BeatStore-IBnXd4YK.mjs";
 import { endOfMonth as Z } from "date-fns/endOfMonth";
 import { startOfMonth as J } from "date-fns/startOfMonth";
 import { startOfToday as U } from "date-fns/startOfToday";
-import { f as bt, a as wt, b as L } from "../BudgetUtil-n3gEKIub.mjs";
-import { g as Vo, e as Zo, c as Jo, d as ta, i as ea } from "../BudgetUtil-n3gEKIub.mjs";
-import { a as xt } from "../DebtsStore-EZh5aBxe.mjs";
+import { f as bt, a as wt, b as L } from "../BudgetUtil-2EncZLBQ.mjs";
+import { g as Jo, e as ta, c as ea, d as sa, i as ra } from "../BudgetUtil-2EncZLBQ.mjs";
+import { a as xt } from "../DebtsStore-Dy3YG1fX.mjs";
 import { a as Ct } from "../FinstrongStore-F2c607dj.mjs";
-import { A as vt, m as Dt, a as Et, b as At } from "../InvestmentUtil-jOyOgzIB.mjs";
+import { A as vt, m as Dt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
 import { M as Tt } from "../MerchantStore-DrFvsUyy.mjs";
-import { N as Bt } from "../NetWorthStore-N5esR-KJ.mjs";
-import { a as It } from "../SettingsStore-BcgS_Ohv.mjs";
+import { N as Bt } from "../NetWorthStore-C5RMjsMS.mjs";
+import { a as It } from "../SettingsStore-Dc34Tzx8.mjs";
 import { addMonths as Nt } from "date-fns/addMonths";
 import { getMonth as T } from "date-fns/getMonth";
-import { i as ra } from "../DateUtil-BcuH7ErC.mjs";
-import { b as aa, a as na, g as ia } from "../Localization-2MODESHW.mjs";
+import { i as aa } from "../DateUtil-BcuH7ErC.mjs";
+import { b as ia, a as ca, g as da } from "../Localization-2MODESHW.mjs";
 import { alpha as Mt, lighten as G, darken as H } from "@mui/material";
 var kt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.EveryWeek = 1] = "EveryWeek", s[s.EveryOtherWeek = 2] = "EveryOtherWeek", s[s.EveryMonth = 3] = "EveryMonth", s[s.EveryOtherMonth = 4] = "EveryOtherMonth", s[s.EveryQuarter = 5] = "EveryQuarter", s[s.EveryOtherQuarter = 6] = "EveryOtherQuarter", s[s.EveryYear = 7] = "EveryYear", s))(kt || {});
 const Ye = [
@@ -241,14 +242,13 @@ class W {
   }
   requestWidgetUrl = async (t) => this.fetchInstance.post(u.WIDGET_URLS, t).then((e) => e.widget_url);
 }
-var Ut = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(Ut || {}), Lt = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(Lt || {}), Gt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(Gt || {}), Ht = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(Ht || {});
 const Ke = (s) => {
   const t = lt();
   return ut(() => {
     t.current = s;
   }, [s]), t.current;
-}, Ft = ({ color: s, labelAverage: t, labelMain: e }) => {
-  const r = x(), o = Wt(r, s);
+}, Ut = ({ color: s, labelAverage: t, labelMain: e }) => {
+  const r = x(), o = Lt(r, s);
   return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart-legend ${o}`, children: [
     /* @__PURE__ */ n("div", { "aria-label": e, className: "mx-cmn-color-square", role: "img" }),
     /* @__PURE__ */ n(B, { variant: "XSmall", children: e }),
@@ -259,7 +259,7 @@ const Ke = (s) => {
     ] }),
     /* @__PURE__ */ n(B, { variant: "XSmall", children: t })
   ] });
-}, Wt = (s, t) => w({
+}, Lt = (s, t) => w({
   alignItems: "center",
   display: "flex",
   gap: s.Spacing.XSmall,
@@ -295,7 +295,7 @@ const Ke = (s) => {
   selectedIndex: l,
   value: c
 }) => {
-  const i = x(), h = qt(i, t, e), p = (S) => {
+  const i = x(), h = Gt(i, t, e), p = (S) => {
     a && (S.key === " " || S.key === "Enter") && a(r);
   }, d = l === void 0 || l === r ? "primary" : "secondary", g = () => /* @__PURE__ */ n(
     B,
@@ -324,7 +324,7 @@ const Ke = (s) => {
     ),
     c < 0 && /* @__PURE__ */ n(g, {})
   ] });
-}, qt = (s, t, e) => {
+}, Gt = (s, t, e) => {
   const r = `expandBar-${Math.round(e)}`, o = ht(r, { from: { height: 0 }, to: { height: e } });
   return w({
     display: "flex",
@@ -372,7 +372,7 @@ const Ke = (s) => {
   width: d,
   xAxisLabel: g = ""
 }) => {
-  const S = x(), C = Yt(S, d), v = h / l * i, D = Math.abs(h) / l * e, E = c === void 0 || c === o ? "primary" : "secondary";
+  const S = x(), C = Ht(S, d), v = h / l * i, D = Math.abs(h) / l * e, A = c === void 0 || c === o ? "primary" : "secondary";
   return /* @__PURE__ */ f("div", { className: `mx-cmn-barchart-bar-column ${C}`, children: [
     /* @__PURE__ */ n("div", { style: { height: i }, children: h >= 0 && /* @__PURE__ */ n(
       q,
@@ -406,11 +406,11 @@ const Ke = (s) => {
       {
         className: `mx-cmn-bar-label ${a ? "mx-cmn-clickable" : ""}`,
         onClick: a ? () => a(o) : void 0,
-        children: /* @__PURE__ */ n(B, { bold: c === o, color: E, variant: "Small", children: g })
+        children: /* @__PURE__ */ n(B, { bold: c === o, color: A, variant: "Small", children: g })
       }
     )
   ] });
-}, Yt = (s, t) => w({
+}, Ht = (s, t) => w({
   display: "flex",
   flexDirection: "column",
   flexGrow: t === void 0 ? 1 : 0,
@@ -435,10 +435,10 @@ const Ke = (s) => {
   "& .mx-cmn-clickable": {
     cursor: "pointer"
   }
-}), Qt = (s, t) => s + t, zt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, Xt = (s, t) => [...s, t.value], Q = (s, t, e) => {
+}), Ft = (s, t) => s + t, Wt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, qt = (s, t) => [...s, t.value], Q = (s, t, e) => {
   const r = s && t ? e / 2 : e;
   return s ? r : 0;
-}, jt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, Kt = ({
+}, Yt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, Qt = ({
   average: s,
   barWidth: t = "8%",
   color: e,
@@ -450,7 +450,7 @@ const Ke = (s) => {
   selectedIndex: i,
   valueFormatter: h = (p) => `${p}`
 }) => {
-  const p = x(), d = Vt(p), g = r.reduce(Xt, []), S = s !== void 0 ? s : g.reduce(Qt, 0) / g.length, C = Math.max(...g), v = Math.min(...g), D = g.reduce(zt, 0), E = C >= 0, R = v < 0, I = Q(E, R, o), N = Q(R, E, o), P = jt(S, C, v, I || N), tt = (b) => i === void 0 || b === i ? e : `${e}80`, O = () => /* @__PURE__ */ n(
+  const p = x(), d = zt(p), g = r.reduce(qt, []), S = s !== void 0 ? s : g.reduce(Ft, 0) / g.length, C = Math.max(...g), v = Math.min(...g), D = g.reduce(Wt, 0), A = C >= 0, R = v < 0, I = Q(A, R, o), N = Q(R, A, o), P = Yt(S, C, v, I || N), tt = (b) => i === void 0 || b === i ? e : `${e}80`, O = () => /* @__PURE__ */ n(
     Y,
     {
       averageLineHeight: P,
@@ -487,9 +487,9 @@ const Ke = (s) => {
         /* @__PURE__ */ n(O, {})
       ] }, `column-${M}`))
     ] }),
-    /* @__PURE__ */ n(Ft, { color: e, labelAverage: a, labelMain: l })
+    /* @__PURE__ */ n(Ut, { color: e, labelAverage: a, labelMain: l })
   ] });
-}, Vt = (s) => w({
+}, zt = (s) => w({
   "& .mx-cmn-chart-container": {
     alignItems: "flex-end",
     display: "flex",
@@ -497,14 +497,14 @@ const Ke = (s) => {
     marginTop: s.Spacing.Large,
     marginBottom: s.Spacing.Medium
   }
-}), Ve = Kt, Zt = ({
+}), Ve = Qt, Xt = ({
   hasGap: s = !1,
   segments: t,
   size: e = gt,
   strokeWidth: r = pt,
   children: o
 }) => {
-  const a = x(), l = Jt(a, e), c = (e - r) / 2, i = e / 2;
+  const a = x(), l = jt(a, e), c = (e - r) / 2, i = e / 2;
   let h = -90 - (s ? 1 : 0), p = 0;
   return /* @__PURE__ */ f("div", { className: `mx-cmn-multi-segment-donut ${l}`, children: [
     /* @__PURE__ */ f("svg", { height: e, width: e, children: [
@@ -537,7 +537,7 @@ const Ke = (s) => {
     ] }),
     /* @__PURE__ */ n("div", { className: "mx-cmn-multi-segment-donut-children", children: o })
   ] });
-}, Jt = (s, t) => w({
+}, jt = (s, t) => w({
   height: t,
   marginTop: `-${s.Spacing.XSmall}px`,
   position: "relative",
@@ -549,8 +549,8 @@ const Ke = (s) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), Ze = Zt;
-class te {
+}), Ze = Xt;
+class Kt {
   globalStore;
   api = new k("/", "");
   copy = {};
@@ -584,7 +584,7 @@ class te {
     }
   };
 }
-class ee {
+class Vt {
   globalStore;
   survey = null;
   currentQuestionIndex = 0;
@@ -654,7 +654,7 @@ class z {
     throw e;
   });
 }
-class se {
+class Zt {
   api = new z("/", "");
   globalStore;
   alert = "";
@@ -687,7 +687,7 @@ class se {
   get detailedBudgets() {
     return L(
       this.budgets.filter(
-        (t) => t.category_guid !== A.INCOME && t.category_guid !== A.TRANSFER && t.category_guid !== A.INVESTMENTS
+        (t) => t.category_guid !== E.INCOME && t.category_guid !== E.TRANSFER && t.category_guid !== E.INVESTMENTS
       ),
       this.globalStore.categoryStore.detailedCategories,
       this.globalStore.copyStore.copy.budgets,
@@ -701,7 +701,7 @@ class se {
       this.globalStore.copyStore.copy.budgets,
       this.theme
     ).reduce(
-      (r, o) => o.category_guid !== A.INCOME ? r : !r || o.percentage > r.percentage ? o : r,
+      (r, o) => o.category_guid !== E.INCOME ? r : !r || o.percentage > r.percentage ? o : r,
       void 0
     )?.amount;
   }
@@ -783,6 +783,7 @@ class se {
     }
   };
 }
+var Jt = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(Jt || {}), te = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(te || {}), ee = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(ee || {}), se = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(se || {});
 class X {
   fetchInstance;
   constructor(t, e, r) {
@@ -862,10 +863,10 @@ class ne {
     this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   get analysisChartData() {
-    return Dt(Et(this.visibleHoldings), this.analysisType);
+    return Dt(At(this.visibleHoldings), this.analysisType);
   }
   get analysisDetails() {
-    return At(this.visibleHoldings)[this.analysisType] || {};
+    return Et(this.visibleHoldings)[this.analysisType] || {};
   }
   get visibleHoldings() {
     return this.holdings.filter(
@@ -924,6 +925,8 @@ const K = {
     dashboard_insights_location: 1,
     dashboard_spending_index: 1,
     dashboard_spending_location: 1,
+    dashboard_survey_index: 8,
+    dashboard_survey_location: 1,
     dashboard_trends_index: 4,
     dashboard_trends_location: 0,
     display_account_number_in_accounts: !0,
@@ -1196,7 +1199,7 @@ class Je {
   // UI Stores
   globalUiStore;
   constructor(t = K, e = "/", r) {
-    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.accountStore = new ft(this), this.appDataStore = new ie(this), this.analyticsStore = new ee(this), this.beatStore = new St(this), this.budgetsStore = new se(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ce(this), this.copyStore = new te(this), this.debtsStore = new xt(this), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new ae(this), this.holdingStore = new ne(this), this.merchantStore = new Tt(this), this.netWorthStore = new Bt(this), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new It(this), this.transactionStore = new at(this), this.trendsStore = new ct(this), this.userStore = new le(this), this.globalUiStore = new de(this), _(this);
+    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.accountStore = new ft(this), this.appDataStore = new ie(this), this.analyticsStore = new Vt(this), this.beatStore = new St(this), this.budgetsStore = new Zt(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ce(this), this.copyStore = new Kt(this), this.debtsStore = new xt(this), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new ae(this), this.holdingStore = new ne(this), this.merchantStore = new Tt(this), this.netWorthStore = new Bt(this), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new It(this), this.transactionStore = new at(this), this.trendsStore = new ct(this), this.userStore = new le(this), this.globalUiStore = new de(this), _(this);
   }
   get isInitialized() {
     return this.globalUiStore.isInitialized;
@@ -1247,7 +1250,7 @@ export {
   ds as CategoryApi,
   eo as CategoryColors,
   so as CategoryGuidToName,
-  A as CategoryGuids,
+  E as CategoryGuids,
   ro as CategoryIcon,
   pr as ConnectCard,
   $s as ConnectDrawer,
@@ -1267,11 +1270,11 @@ export {
   wr as EmptyState,
   ys as ErrorBoundary,
   Os as ErrorStatuses,
-  Lt as ExpenseStatus,
+  te as ExpenseStatus,
   y as Fetch,
   nr as Frequency,
   k as GlobalCopyApi,
-  te as GlobalCopyStore,
+  Kt as GlobalCopyStore,
   fo as GlobalDataContext,
   yo as GlobalDataProvider,
   Je as GlobalStore,
@@ -1311,15 +1314,15 @@ export {
   dr as RepeatingType,
   js as ResponsiveButton,
   Jr as SPENDING_ACCOUNT_TYPES,
-  Gt as ScheduledPaymentTypes,
+  ee as ScheduledPaymentTypes,
   je as ScheduledPaymentsApi,
-  Ht as ScreenSize,
+  se as ScreenSize,
   Vs as SearchBox,
   lr as Select,
   Js as SelectionBox,
   zr as SingleSegmentDonut,
   po as Sizes,
-  Er as StackedLineChart,
+  Ar as StackedLineChart,
   Lr as StatusBar,
   Ws as StatusName,
   mo as TOUCH_TARGET,
@@ -1331,28 +1334,29 @@ export {
   rt as TransactionType,
   $ as UserApi,
   le as UserStore,
-  Ut as UserVerification,
+  Jt as UserVerification,
   W as WidgetApi,
-  Es as WidgetContainer,
+  As as WidgetContainer,
   So as WidgetContainerContext,
   bo as WidgetContainerProvider,
   rs as analyticsSession,
-  aa as buildDynamicCopy,
-  na as buildPluralCopy,
+  ia as buildDynamicCopy,
+  ca as buildPluralCopy,
   io as formatCurrency,
   Yr as formatDate,
   co as formatOrdinal,
   lo as formatPercentage,
-  ra as fromTimestampToMonthYear,
-  Vo as getCategory,
-  Zo as getCategoryTotalsByParent,
+  aa as fromTimestampToMonthYear,
+  Jo as getCategory,
+  ta as getCategoryTotalsByParent,
   ze as getClientTheme,
   uo as getCurrencyCodes,
-  Jo as getDetailedCategory,
-  ta as getDetailedSubCategory,
-  ia as getLocale,
-  ea as isIncome,
+  ea as getDetailedCategory,
+  sa as getDetailedSubCategory,
+  da as getLocale,
+  ra as isIncome,
   ho as isValidNumber,
+  zo as useAccountDisplayName,
   wo as useAccountStore,
   xo as useAppConfig,
   Co as useBudgetsStore,
@@ -1360,8 +1364,8 @@ export {
   Do as useCategoryStore,
   os as useCombineEvents,
   as as useCombinePageviews,
-  Eo as useDebtStore,
-  Ao as useError,
+  Ao as useDebtStore,
+  Eo as useError,
   To as useEvent,
   Bo as useFinstrongStore,
   Io as useGlobalCopyStore,
@@ -1370,14 +1374,14 @@ export {
   ko as useGoalStore,
   $o as useHelpStore,
   Ro as useHoldingStore,
-  zo as useInsightsEnabled,
+  jo as useInsightsEnabled,
   Po as useMerchantStore,
   Oo as useNetWorthStore,
   Uo as useNotificationStore,
   Lo as usePageView,
   Ke as usePrevious,
   Go as useRecurringTransactionsStore,
-  jo as useScreenSize,
+  Vo as useScreenSize,
   Ho as useSettingsStore,
   Fo as useTransactionStore,
   Wo as useTrendsStore,

package/dist/common/types/AppData.d.ts

@@ -66,6 +66,8 @@ export interface Config {
     dashboard_insights_location: number;
     dashboard_spending_index: number;
     dashboard_spending_location: number;
+    dashboard_survey_index: number;
+    dashboard_survey_location: number;
     dashboard_trends_index: number;
     dashboard_trends_location: number;
     display_account_number_in_accounts: boolean;

package/dist/common/utils/AccountDisplayName.d.ts

@@ -0,0 +1,6 @@
+import { Account } from '../types/Account';
+export interface AccountDisplayNameOptions {
+    allowNickname?: boolean;
+}
+export declare function getAccountDisplayName(account: Account, options?: AccountDisplayNameOptions): string;
+export default getAccountDisplayName;

package/dist/common/utils/AccountFilter.d.ts

@@ -1,3 +1,4 @@
+import { GlobalStore } from '../stores/GlobalStore';
 import { Account } from '../types';
 export interface MappedAccounts {
     [key: string]: MappedAccount[];
@@ -11,9 +12,4 @@ export interface MappedOptions {
     [key: string]: boolean;
 }
 export declare const setupMappedSelectedOptions: (accounts: Account[], selectedAccountGuids: string[]) => MappedOptions;
-export declare const setupMappedAccounts: (accounts: Account[], closeContentCopy: string) => MappedAccounts;
-export declare function categorizeAccounts(accounts: Account[]): {
-    heldAccounts: Account[];
-    externalAccounts: Account[];
-};
-export declare function getDisplayAccounts(accounts: Account[], maxAccounts: number): Account[];
+export declare const setupMappedAccounts: (accounts: Account[], closeContentCopy: string, globalStore?: GlobalStore) => MappedAccounts;