@mx-cartographer/experiences 4.2.2-alpha.mega4 → 4.2.2-alpha.mega6

package/dist/index.es.js

@@ -294,7 +294,7 @@ const lc = async (e, A, n = "1.0.0", a = "Experiences") => {
   TRENDS_HOVER_POINT: "trends_widget_hover_chart_point",
   TRENDS_VIEW_TRANSACTIONS: "trends_widget_view_transactions",
   WIDGET_BACK_CLICK: "widget_back_button_click"
-}, dc = "do", X8 = "MMM do, yyyy", $ = {
+}, dc = "do", W8 = "MMM do, yyyy", $ = {
   TIME_STAMP_HOUR_MINUTE: {
     hour: "numeric",
     minute: "numeric"
@@ -379,7 +379,7 @@ const hc = [
   /* IMPAIRED */
 ], yo = [...vo, ...fo];
 var ct = /* @__PURE__ */ ((e) => (e.Connected = "Connected", e.Error = "Error", e.Processing = "Processing", e.RequiresMfa = "RequiresMfa", e))(ct || {});
-const W8 = {
+const V8 = {
   3: "Challenged",
   12: "Closed",
   9: "Degraded",
@@ -429,7 +429,7 @@ const W8 = {
   2: "savings"
 }, gc = {
   5: "bid_landscape"
-}, V8 = {
+}, Y8 = {
   0: "Real Estate",
   1: "Vehicle",
   2: "Art",
@@ -769,7 +769,7 @@ const W8 = {
   UNKNOWN: "help"
 }, Ya = 9999999999e-2;
 var an = /* @__PURE__ */ ((e) => (e.CAD = "CAD", e.USD = "USD", e))(an || {}), G = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EveryWeek = 1] = "EveryWeek", e[e.EveryOtherWeek = 2] = "EveryOtherWeek", e[e.EveryMonth = 3] = "EveryMonth", e[e.EveryOtherMonth = 4] = "EveryOtherMonth", e[e.EveryQuarter = 5] = "EveryQuarter", e[e.EveryOtherQuarter = 6] = "EveryOtherQuarter", e[e.EveryYear = 7] = "EveryYear", e))(G || {});
-const Y8 = [
+const J8 = [
   { id: 0, copy: "frequency_unknown" },
   { id: 1, copy: "frequency_every_week" },
   { id: 2, copy: "frequency_every_other_week" },
@@ -778,7 +778,7 @@ const Y8 = [
   { id: 5, copy: "frequency_every_quarter" },
   { id: 6, copy: "frequency_every_other_quarter" },
   { id: 7, copy: "frequency_every_year" }
-], J8 = {
+], Z8 = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
@@ -790,7 +790,7 @@ const Dt = 44, Ja = (e, A) => e.find((n) => n.guid === A), yc = (e, A) => e.find
   const n = e.find((a) => a.subCategories.find((r) => r.guid === A));
   if (n)
     return n.subCategories.find((a) => a.guid === A);
-}, Z8 = (e, A) => {
+}, $8 = (e, A) => {
   const n = [];
   for (const a of A) {
     const r = Ja(e, a.category_guid);
@@ -811,7 +811,7 @@ const Dt = 44, Ja = (e, A) => e.find((n) => n.guid === A), yc = (e, A) => e.find
     });
   }
   return n;
-}, $8 = (e, A) => {
+}, e3 = (e, A) => {
   const n = e.find((a) => a.guid === A);
   return n ? n.guid === b.INCOME || n.parent_guid === b.INCOME : !1;
 }, bc = /(?<static>.*?)(?<dynamic>(?:_\d+{(?:.*?)}))|(?<staticEnd>.+)/g, P = (e, ...A) => {
@@ -834,7 +834,7 @@ const Dt = 44, Ja = (e, A) => e.find((n) => n.guid === A), yc = (e, A) => e.find
     []
   );
   return n ? r : r.join("");
-}, e3 = (e, A, n, ...a) => !e || !A ? "" : P(n === 1 ? e : A, ...a), nt = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase();
+}, A3 = (e, A, n, ...a) => !e || !A ? "" : P(n === 1 ? e : A, ...a), nt = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase();
 class Xe {
   endpoint = "/";
   headers = {};
@@ -1018,7 +1018,7 @@ class on {
   }
   getGlobalCopy = async (A, n) => this.fetchInstance.post(`${N.LOCALIZED_CONTENT}/${A}`, { translation_key: n }).then((a) => a);
 }
-class A3 {
+class t3 {
   fetchInstance;
   constructor(A, n) {
     this.fetchInstance = new Xe(A, n);
@@ -1306,7 +1306,7 @@ const Nc = (e, A) => {
   isSmallTablet: Lt(be().breakpoints.between("md", "lg")),
   // Between 768 and 1200
   isTablet: Lt(be().breakpoints.between("md", "xl"))
-}), t3 = (e) => {
+}), n3 = (e) => {
   const A = $r();
   return At(() => {
     A.current = e;
@@ -1576,7 +1576,7 @@ const Nc = (e, A) => {
 }), qc = (e, A) => e + A, zc = (e, A) => Math.abs(A) > e ? Math.abs(A) : e, kc = (e, A) => [...e, A.value], rr = (e, A, n) => {
   const a = e && A ? n / 2 : n;
   return e ? a : 0;
-}, Gc = (e, A, n, a) => e / (A < 0 ? -n : A) * a || 0, n3 = ({
+}, Gc = (e, A, n, a) => e / (A < 0 ? -n : A) * a || 0, a3 = ({
   average: e,
   barWidth: A = "8%",
   color: n,
@@ -2107,7 +2107,7 @@ const Vc = ({
       }
     )
   ] });
-}, ut = g.createContext(null), a3 = ({
+}, ut = g.createContext(null), r3 = ({
   children: e,
   globalStore: A,
   onEvent: n,
@@ -2138,7 +2138,7 @@ const Vc = ({
   if (!A)
     throw new Error(`${e}() must be used within the GlobalDataContext`);
   return A;
-}, pe = () => ke("useAccountStore").globalStore.accountStore, Fe = () => ke("useBudgetsStore").globalStore.budgetsStore, Ca = () => ke("useCashflowStore").globalStore.cashflowStore, Pe = () => ke("useCategoryStore").globalStore.categoryStore, Oo = () => ke("useConnectStore").globalStore.connectStore, Po = () => ke("useDebtsStore").globalStore.debtsStore, wn = () => ke("useGlobalStore").globalStore, fe = () => ke("useGlobalUiStore").globalStore.globalUiStore, _ = () => ke("globalCopyStore").globalStore.copyStore.copy, We = () => ke("useGoalStore").globalStore.goalStore, rl = () => ke("useHelpStore").globalStore.helpStore, ol = () => ke("useMerchantStore").globalStore.merchantStore, il = () => ke("useNetWorthStore").globalStore.netWorthStore, No = () => ke("useNotificationStore").globalStore.notificationStore, Ge = () => ke("useRecurringActivityStore").globalStore.recurringActivityStore, r3 = () => ke("useSettingsStore").globalStore.settingsStore, me = () => ke("useTransactionStore").globalStore.transactionStore, ht = () => ke("useUserStore").globalStore.userStore, Q = () => ({ onEvent: ke().onEvent }), o3 = () => ({ onPageView: ke().onPageView }), sl = (e = "useWidgetContainerContext") => {
+}, pe = () => ke("useAccountStore").globalStore.accountStore, Fe = () => ke("useBudgetsStore").globalStore.budgetsStore, Ca = () => ke("useCashflowStore").globalStore.cashflowStore, Pe = () => ke("useCategoryStore").globalStore.categoryStore, Oo = () => ke("useConnectStore").globalStore.connectStore, Po = () => ke("useDebtsStore").globalStore.debtsStore, wn = () => ke("useGlobalStore").globalStore, fe = () => ke("useGlobalUiStore").globalStore.globalUiStore, _ = () => ke("globalCopyStore").globalStore.copyStore.copy, We = () => ke("useGoalStore").globalStore.goalStore, rl = () => ke("useHelpStore").globalStore.helpStore, ol = () => ke("useMerchantStore").globalStore.merchantStore, il = () => ke("useNetWorthStore").globalStore.netWorthStore, No = () => ke("useNotificationStore").globalStore.notificationStore, Ge = () => ke("useRecurringActivityStore").globalStore.recurringActivityStore, o3 = () => ke("useSettingsStore").globalStore.settingsStore, me = () => ke("useTransactionStore").globalStore.transactionStore, ht = () => ke("useUserStore").globalStore.userStore, Q = () => ({ onEvent: ke().onEvent }), i3 = () => ({ onPageView: ke().onPageView }), sl = (e = "useWidgetContainerContext") => {
   const A = g.useContext(Do);
   if (!A)
     throw new Error(`${e}() must be used within the WidgetContainerContext`);
@@ -2925,7 +2925,7 @@ const Vc = ({
       }
     )
   ] });
-}, i3 = ({
+}, s3 = ({
   hasGap: e = !1,
   segments: A,
   size: n = bo,
@@ -3399,7 +3399,7 @@ const ir = "connect_widget", sr = "connections_widget", vl = ({
     /* @__PURE__ */ t(aa, { size: A }),
     e && /* @__PURE__ */ t(p, { children: e })
   ] });
-}, s3 = ({
+}, c3 = ({
   icon: e,
   label: A,
   onClick: n,
@@ -4102,7 +4102,7 @@ const _t = () => {
       children: /* @__PURE__ */ t(Pl, { onAddIncomeClick: e })
     }
   );
-}, c3 = w(Nl);
+}, l3 = w(Nl);
 class gr {
   fetchInstance;
   constructor(A, n) {
@@ -7111,7 +7111,7 @@ const Go = ({ transaction: e }) => {
       ]
     }
   );
-}, u3 = w(gu), Xo = (e, A) => {
+}, h3 = w(gu), Xo = (e, A) => {
   const n = {
     ...A,
     repeat_day: null,
@@ -8412,7 +8412,7 @@ const Go = ({ transaction: e }) => {
       ]
     }
   );
-}, h3 = w(Xu), Wu = () => {
+}, g3 = w(Xu), Wu = () => {
   const { recurring: e } = _(), { selectedAccountGuids: A } = fe(), { selectedDay: n, selectedDayActivities: a, setSelectedDay: r, upcomingActivities: o } = Ge(), i = g.useMemo(
     () => o.filter(
       (d) => A.includes(d.accountGuid || "")
@@ -8455,7 +8455,7 @@ const Go = ({ transaction: e }) => {
       children: /* @__PURE__ */ t(Vu, {})
     }
   );
-}, g3 = w(Yu);
+}, m3 = w(Yu);
 class Ju {
   globalStore;
   api = new er("/", "");
@@ -9683,7 +9683,7 @@ const ih = ({ activity: e }) => /* @__PURE__ */ l(J, { children: [
       children: /* @__PURE__ */ t(Sh, {})
     }
   );
-}, m3 = w(Th);
+}, C3 = w(Th);
 class xr {
   fetchInstance;
   constructor(A, n) {
@@ -11295,7 +11295,7 @@ const YA = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
       ]
     }
   );
-}, p3 = w(Eg), bg = {
+}, f3 = w(Eg), bg = {
   unnamed_label: "Unnamed Debt"
 };
 function wg(e, A) {
@@ -12275,7 +12275,7 @@ const di = w(
       }
     )
   ] });
-}), f3 = w(({ onBackClick: e, sx: A }) => {
+}), v3 = w(({ onBackClick: e, sx: A }) => {
   const { onEvent: n } = Q(), { isMobile: a } = De(), { accounts: r } = pe(), { isInitialized: o, setSelectedAccounts: i } = fe(), { goals: s, common: c } = _(), { alert: d, loadGoals: u, monthlyCashFlowProfile: h, setAlert: m } = We(), [C, f] = g.useState(0), [y, v] = g.useState(!1), S = h?.amount_allocated_for_savings_goals || 0, L = h?.amount_allocated_for_debt_goals || 0, I = h?.amount_allocated_for_retirement_goals || 0, T = P(
     a ? s.tab_subtitle_mobile : s.tab_subtitle,
     R(S, "0,0")
@@ -12828,7 +12828,7 @@ const Vg = /^[ a-zA-ZÀ-ÿ0-9]+$/, Yg = 50, Nr = 65, Jg = ({
       !a.length && /* @__PURE__ */ t(E, { alignItems: "center", my: 24, children: /* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: o.search_zero_state }) })
     ] }) }) })
   ] });
-}, v3 = w(Jg);
+}, y3 = w(Jg);
 class Mr {
   fetchInstance;
   constructor(A, n) {
@@ -13316,7 +13316,7 @@ const i1 = ({
       ] }))
     ] })
   ] });
-}, y1 = w(v1), y3 = w(({ onBackClick: e }) => {
+}, y1 = w(v1), E3 = w(({ onBackClick: e }) => {
   const { isInitialized: A, selectedAccounts: n, setSelectedAccounts: a } = fe(), { net_worth: r } = _(), { accounts: o } = pe(), {
     assetsLiabilities: i,
     gainsLosses: s,
@@ -13411,7 +13411,7 @@ const i1 = ({
       ] })
     }
   ) : /* @__PURE__ */ t(Qe, {});
-}), E3 = (e) => {
+}), b3 = (e) => {
   switch (e) {
     case qe.BudgetExceeded:
     case qe.BudgetOffTarget:
@@ -13544,7 +13544,7 @@ const w1 = (e, A) => {
       ] }, i.guid);
     })
   ] });
-}, b3 = w(L1);
+}, w3 = w(L1);
 class Kr {
   fetchInstance;
   constructor(A, n) {
@@ -13698,23 +13698,26 @@ const P1 = {
       children: /* @__PURE__ */ t(re, { variant: "contained", children: P1.request_button })
     }
   )
-] }), M1 = ({
+] }), M1 = (e) => g.lazy(() => import(`./components/content/section/${e}`)), R1 = ({
   hasRequestButton: e = !1,
   onNavigateToList: A,
-  topicInfo: { category: n, pageTitle: a }
-}) => /* @__PURE__ */ l(J, { children: [
-  /* @__PURE__ */ t(
-    N1,
-    {
-      hasRequestButton: e,
-      onNavigateToList: A,
-      title: n,
-      topicTitle: a
-    }
-  ),
-  /* @__PURE__ */ t(RA, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap", xs: "wrap" } }, children: a }),
-  /* @__PURE__ */ t(O1, { children: /* @__PURE__ */ t(g.Suspense, { fallback: /* @__PURE__ */ t(Qe, {}), children: /* @__PURE__ */ t("div", { children: "yooo" }) }) })
-] }), R1 = ({
+  topicInfo: { category: n, pageTitle: a, topicKey: r }
+}) => {
+  const { help: o } = _(), i = M1(n.replace(" ", ""));
+  return /* @__PURE__ */ l(J, { children: [
+    /* @__PURE__ */ t(
+      N1,
+      {
+        hasRequestButton: e,
+        onNavigateToList: A,
+        title: n,
+        topicTitle: a
+      }
+    ),
+    /* @__PURE__ */ t(RA, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap", xs: "wrap" } }, children: a }),
+    /* @__PURE__ */ t(O1, { children: /* @__PURE__ */ t(g.Suspense, { fallback: /* @__PURE__ */ t(Qe, {}), children: i && /* @__PURE__ */ t(i, { copy: o, topicKey: r }) }) })
+  ] });
+}, B1 = ({
   buttonText: e,
   hasRequestButton: A = !1,
   helpCategories: n = [],
@@ -13818,7 +13821,7 @@ const P1 = {
   button_text: "Request Help",
   help_content: "Find answers, get support, and learn how to make the most of your experience.",
   help_title: "Help Tool"
-}, B1 = ({ sx: e = {} }) => {
+}, H1 = ({ sx: e = {} }) => {
   const [A, n] = g.useState(null), { isInitialized: a } = wn(), { appConfig: r, helpCategories: o, loadAppConfig: i } = rl(), s = window.app?.config;
   g.useEffect(() => {
     !a || !s || i(s);
@@ -13826,14 +13829,14 @@ const P1 = {
   const c = () => {
   }, d = (u) => n(u);
   return !a || !r ? /* @__PURE__ */ t(Qe, {}) : /* @__PURE__ */ t(lA, { sx: e, children: A ? /* @__PURE__ */ t(
-    M1,
+    R1,
     {
       hasRequestButton: s?.enable_support_requests,
       onNavigateToList: () => n(null),
       topicInfo: A
     }
   ) : /* @__PURE__ */ t(
-    R1,
+    B1,
     {
       buttonText: kn.button_text,
       hasRequestButton: s?.enable_support_requests,
@@ -13844,7 +13847,7 @@ const P1 = {
       onTopicSelect: d
     }
   ) });
-}, H1 = w(B1), qr = w(
+}, K1 = w(H1), qr = w(
   ({ contactType: e, contactValue: A, isOpen: n, onClose: a, onSendVerification: r }) => {
     const o = be(), { common: i, settings: s } = _();
     return /* @__PURE__ */ l(
@@ -13906,7 +13909,7 @@ const P1 = {
       }
     );
   }
-), K1 = w(() => {
+), q1 = w(() => {
   const { common: e, settings: A } = _(), { isDesktop: n, isMobile: a, isSmallMobile: r, isTablet: o } = De(), { user: i, emailVerificationSent: s, resetEmailVerificationSent: c, sendEmailVerification: d } = ht(), [u, h] = g.useState(!1), [m, C] = g.useState(!1), f = i.birthday ? Ye(_e(i.birthday), "MM/dd/yyyy") : "", y = i.email && !i.email_is_verified, v = i.phone && !i.phone_is_verified;
   return /* @__PURE__ */ l(
     M,
@@ -14047,7 +14050,7 @@ const P1 = {
       ]
     }
   );
-}), w3 = w(({ onBackClick: e, sx: A }) => {
+}), _3 = w(({ onBackClick: e, sx: A }) => {
   const { settings: n } = _(), { isMobile: a } = De(), [r, o] = g.useState(0);
   return /* @__PURE__ */ t(lA, { onBackClick: e, sx: A, title: n.title, children: /* @__PURE__ */ l(E, { mx: a ? 0 : 48, my: 24, children: [
     /* @__PURE__ */ l(
@@ -14067,14 +14070,14 @@ const P1 = {
       }
     ),
     /* @__PURE__ */ t(M, { sx: { borderBottom: 2, borderColor: "divider", mt: -2 } }),
-    r === 0 && /* @__PURE__ */ t(K1, {}),
+    r === 0 && /* @__PURE__ */ t(q1, {}),
     r === 1 && /* @__PURE__ */ t(E, { children: "Mobile Devices" }),
     r === 2 && /* @__PURE__ */ t(E, { children: "Notifications" }),
     r === 3 && /* @__PURE__ */ t(E, { children: "Transaction rules" }),
-    r === 4 && /* @__PURE__ */ t(H1, {})
+    r === 4 && /* @__PURE__ */ t(K1, {})
   ] }) });
 });
-class q1 {
+class z1 {
   globalStore;
   emailVerificationSent = void 0;
   userFeatures = [];
@@ -14131,7 +14134,7 @@ class q1 {
     }
   };
 }
-class _3 {
+class S3 {
   accountStore;
   appDataStore;
   beatStore;
@@ -14153,7 +14156,7 @@ class _3 {
   globalUiStore;
   isInitialized = !1;
   constructor() {
-    this.accountStore = new gm(this), this.appDataStore = new _l(), this.beatStore = new Sl(), this.budgetsStore = new Dl(this), this.cashflowStore = new Lh(this), this.categoryStore = new Md(this), this.connectStore = new Dh(this), this.copyStore = new wl(), this.debtsStore = new Sg(this), this.goalStore = new Fg(this), this.helpStore = new Wg(this), this.merchantStore = new Zg(), this.netWorthStore = new o1(this), this.notificationStore = new b1(), this.recurringActivityStore = new Ju(this), this.settingsStore = new D1(), this.transactionStore = new Xl(this), this.userStore = new q1(this), this.globalUiStore = new Tg(this), Se(this);
+    this.accountStore = new mm(this), this.appDataStore = new _l(), this.beatStore = new Sl(), this.budgetsStore = new Dl(this), this.cashflowStore = new Lh(this), this.categoryStore = new Md(this), this.connectStore = new Dh(this), this.copyStore = new wl(), this.debtsStore = new Sg(this), this.goalStore = new Fg(this), this.helpStore = new Wg(this), this.merchantStore = new Zg(), this.netWorthStore = new o1(this), this.notificationStore = new b1(), this.recurringActivityStore = new Ju(this), this.settingsStore = new D1(), this.transactionStore = new Xl(this), this.userStore = new z1(this), this.globalUiStore = new Tg(this), Se(this);
   }
   initialize = async (A, n) => {
     await this.copyStore.initialize(A, n), await this.appDataStore.initialize(A, n), Promise.all([
@@ -14186,13 +14189,13 @@ const Gn = ({
     e
   ] }) }),
   /* @__PURE__ */ t(K, { sx: { ml: A ? 0 : 24 } })
-] }), z1 = () => {
+] }), k1 = () => {
   const { accounts: e } = pe(), { selectedAccount: A, selectedMember: n } = hA();
   return e.filter(
     (a) => a.member_guid === n.guid && n.successfully_aggregated_at && a.guid !== A.guid
   );
-}, k1 = () => {
-  const [e, A] = g.useState(!1), [n, a] = g.useState(!1), [r, o] = g.useState(!1), [i, s] = g.useState({}), { selectedAccount: c } = hA(), { mergeAccounts: d, updateAccount: u } = pe(), { accounts: h } = _(), m = z1(), { onEvent: C } = Q(), f = (v) => {
+}, G1 = () => {
+  const [e, A] = g.useState(!1), [n, a] = g.useState(!1), [r, o] = g.useState(!1), [i, s] = g.useState({}), { selectedAccount: c } = hA(), { mergeAccounts: d, updateAccount: u } = pe(), { accounts: h } = _(), m = k1(), { onEvent: C } = Q(), f = (v) => {
     u({
       ...c,
       ...v
@@ -14305,7 +14308,7 @@ const Gn = ({
       }
     )
   ] });
-}, G1 = w(k1), mi = (e, A) => {
+}, U1 = w(G1), mi = (e, A) => {
   const { connection_messages: n } = A;
   switch (e.connection_status) {
     case je.CHALLENGED:
@@ -14463,7 +14466,7 @@ const Gn = ({
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, U1 = () => {
+}, F1 = () => {
   const [e, A] = g.useState(!1), {
     palette: { mode: n }
   } = be(), { selectedMember: a } = hA(), { accounts: r, connect: o } = _(), i = mi(a, o), s = yo.includes(a.connection_status) ? {
@@ -14535,7 +14538,7 @@ const Gn = ({
       }
     )
   ] });
-}, F1 = w(U1), j1 = ({ field: e, isOpen: A, onClose: n }) => {
+}, j1 = w(F1), Q1 = ({ field: e, isOpen: A, onClose: n }) => {
   const { updateAccount: a } = pe(), { selectedAccount: r } = hA(), { accounts: o } = _(), [i, s] = g.useState(r[e.name]), [c, d] = g.useState(""), [u, h] = g.useState(!0), m = () => {
     s(""), d(""), n();
   }, C = () => {
@@ -14621,7 +14624,7 @@ const Gn = ({
       children: C()
     }
   );
-}, Q1 = w(j1), X1 = () => {
+}, X1 = w(Q1), W1 = () => {
   const e = window.app?.config, { onEvent: A } = Q(), { selectedAccount: n } = hA(), { accounts: a } = _(), r = ah(n, a), o = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [i, s] = g.useState(!1), [c, d] = g.useState(r[0]), u = r.filter(
     (h) => o || n[h.name] || n[h.name] === 0
   );
@@ -14655,7 +14658,7 @@ const Gn = ({
       ] }) }, h.name);
     }),
     i && c && /* @__PURE__ */ t(
-      Q1,
+      X1,
       {
         field: c,
         isOpen: i,
@@ -14663,14 +14666,14 @@ const Gn = ({
       }
     )
   ] });
-}, W1 = w(X1), V1 = () => {
+}, V1 = w(W1), Y1 = () => {
   const { onEvent: e } = Q();
   return g.useEffect(() => e(q.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ l(ae, { children: [
-    /* @__PURE__ */ t(W1, {}),
-    /* @__PURE__ */ t(F1, {}),
-    /* @__PURE__ */ t(G1, {})
+    /* @__PURE__ */ t(V1, {}),
+    /* @__PURE__ */ t(j1, {}),
+    /* @__PURE__ */ t(U1, {})
   ] });
-}, Y1 = w(V1), J1 = ({ setTabValue: e }) => {
+}, J1 = w(Y1), Z1 = ({ setTabValue: e }) => {
   const [A, n] = g.useState(!1), { selectedMember: a } = hA(), { accounts: r, connect: o } = _(), i = a.connection_status && yo.includes(a.connection_status);
   if (g.useEffect(() => {
     i && e(1);
@@ -14726,7 +14729,7 @@ const Gn = ({
       }
     )
   ] });
-}, Z1 = w(J1), $1 = () => {
+}, $1 = w(Z1), em = () => {
   const [e, A] = g.useState(""), { onEvent: n } = Q(), { selectedAccount: a } = hA(), { accounts: r } = _(), { setFilter: o, sortedTransactions: i } = me(), s = g.useMemo(() => i.find((c) => c.guid === e), [e]);
   return g.useEffect(() => {
     o({
@@ -14746,10 +14749,10 @@ const Gn = ({
       }
     )
   ] });
-}, em = w($1), Am = () => {
+}, Am = w(em), tm = () => {
   const [e, A] = g.useState(0), { accounts: n } = _();
   return /* @__PURE__ */ l(J, { children: [
-    /* @__PURE__ */ t(Z1, { setTabValue: A }),
+    /* @__PURE__ */ t($1, { setTabValue: A }),
     /* @__PURE__ */ l(
       OA,
       {
@@ -14778,10 +14781,10 @@ const Gn = ({
         ]
       }
     ),
-    /* @__PURE__ */ t(bt, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(em, {}) }),
-    /* @__PURE__ */ t(bt, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Y1, {}) })
+    /* @__PURE__ */ t(bt, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(Am, {}) }),
+    /* @__PURE__ */ t(bt, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(J1, {}) })
   ] });
-}, Ci = w(Am), tm = () => {
+}, Ci = w(tm), nm = () => {
   const [e, A] = g.useState(""), { accounts: n } = _(), { selectedAccounts: a } = fe(), { setSelectedAccount: r, setSelectedMember: o } = hA(), { members: i } = pe(), { onEvent: s } = Q(), c = [...new Set(a.map((u) => u.account_type))], d = a.find((u) => e === u.guid);
   return g.useEffect(() => {
     if (d) {
@@ -14856,7 +14859,7 @@ const Gn = ({
       }
     )
   ] });
-}, nm = w(tm), am = ({
+}, am = w(nm), rm = ({
   onClose: e,
   showConnectionsWidget: A,
   title: n
@@ -14896,7 +14899,7 @@ const Gn = ({
       ] })
     }
   );
-}, rm = w(am), om = ({ onBackClick: e, sx: A = {} }) => {
+}, om = w(rm), im = ({ onBackClick: e, sx: A = {} }) => {
   const [n, a] = g.useState(!1), [r, o] = g.useState(!1), { accounts: i, refreshMembers: s } = pe(), { accounts: c } = _(), { setSelectedAccounts: d, selectedAccountGuids: u } = fe(), { isDesktop: h } = De(), { onEvent: m } = Q();
   g.useEffect(() => {
     d(i);
@@ -14931,10 +14934,10 @@ const Gn = ({
       children: r ? /* @__PURE__ */ t(Qe, {}) : /* @__PURE__ */ l(J, { children: [
         /* @__PURE__ */ l(M, { sx: { px: h ? 24 : 12 }, children: [
           u.length < 1 && /* @__PURE__ */ t(p, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
-          /* @__PURE__ */ t(nm, {})
+          /* @__PURE__ */ t(am, {})
         ] }),
         /* @__PURE__ */ t(
-          rm,
+          om,
           {
             onClose: () => a(!1),
             showConnectionsWidget: n,
@@ -14944,10 +14947,10 @@ const Gn = ({
       ] })
     }
   );
-}, S3 = w(om), im = (e, A) => e.filter((n) => A.includes(n.guid)).slice(0, 3), sm = ({ onPrimaryCtaClick: e, sx: A }) => {
+}, T3 = w(im), sm = (e, A) => e.filter((n) => A.includes(n.guid)).slice(0, 3), cm = ({ onPrimaryCtaClick: e, sx: A }) => {
   const { accounts: n } = pe(), { accounts: a } = _(), { selectedAccountGuids: r } = fe(), [o, i] = g.useState(n);
   return g.useEffect(() => {
-    i(im(n, r));
+    i(sm(n, r));
   }, [n, r]), /* @__PURE__ */ t(
     mt,
     {
@@ -14975,7 +14978,7 @@ const Gn = ({
       ] })
     }
   );
-}, T3 = w(sm), cm = () => /* @__PURE__ */ l(
+}, I3 = w(cm), lm = () => /* @__PURE__ */ l(
   "svg",
   {
     fill: "none",
@@ -15414,7 +15417,7 @@ const Gn = ({
       )
     ]
   }
-), lm = ({ onPrimaryCtaClick: e, sx: A = {} }) => {
+), dm = ({ onPrimaryCtaClick: e, sx: A = {} }) => {
   const { connect: n } = _();
   return /* @__PURE__ */ t(
     mt,
@@ -15425,7 +15428,7 @@ const Gn = ({
       sx: A,
       title: n.mini_title,
       children: /* @__PURE__ */ l(E, { alignItems: "center", direction: "column", m: 24, children: [
-        /* @__PURE__ */ t(cm, {}),
+        /* @__PURE__ */ t(lm, {}),
         /* @__PURE__ */ t(
           p,
           {
@@ -15441,11 +15444,11 @@ const Gn = ({
       ] })
     }
   );
-}, dm = w(lm), um = ({ onPrimaryCtaClick: e = () => {
+}, um = w(dm), hm = ({ onPrimaryCtaClick: e = () => {
 }, sx: A }) => {
   const { connect: n } = _(), [a, r] = g.useState(!1);
   return /* @__PURE__ */ l(M, { "data-testid": "ConnectMiniWidget", children: [
-    /* @__PURE__ */ t(dm, { onPrimaryCtaClick: () => {
+    /* @__PURE__ */ t(um, { onPrimaryCtaClick: () => {
       r(!0), e();
     }, sx: A }),
     a && /* @__PURE__ */ t(
@@ -15457,7 +15460,7 @@ const Gn = ({
       }
     )
   ] });
-}, I3 = w(um);
+}, L3 = w(hm);
 class zr {
   fetchInstance;
   constructor(A, n) {
@@ -15473,7 +15476,7 @@ class zr {
   refreshAllMembers = async () => this.fetchInstance.get(`${N.MEMBERS}/refresh_all`).then((A) => A).catch((A) => A);
   updateAccount = async (A) => this.fetchInstance.put(`${N.ACCOUNTS}/${A.guid}`, A).then((n) => n.account).catch((n) => n);
 }
-class hm {
+class gm {
   isLoading = !1;
   selectedAccount = {};
   selectedMember = {};
@@ -15484,7 +15487,7 @@ class hm {
   setSelectedAccount = (A) => this.selectedAccount = A;
   setSelectedMember = (A) => this.selectedMember = A;
 }
-class gm {
+class mm {
   api = new zr("/", "");
   globalStore;
   accounts = [];
@@ -15492,7 +15495,7 @@ class gm {
   members = [];
   uiStore;
   constructor(A) {
-    this.globalStore = A, this.uiStore = new hm(), Se(this);
+    this.globalStore = A, this.uiStore = new gm(), Se(this);
   }
   initialize = async (A, n) => {
     this.api = new zr(A, n), await Promise.all([this.loadAccounts(), this.loadInstitutions()]);
@@ -15627,7 +15630,7 @@ class gm {
     }
   };
 }
-const kr = 5, mm = 100, Cm = 25, pm = (e) => {
+const kr = 5, Cm = 100, pm = 25, fm = (e) => {
   const A = (r) => {
     r.active || e.alphaTarget(0.3).restart(), r.subject.fx = r.subject.x, r.subject.fy = r.subject.y;
   }, n = (r) => {
@@ -15636,14 +15639,14 @@ const kr = 5, mm = 100, Cm = 25, pm = (e) => {
     r.active || e.alphaTarget(0), r.subject.fx = null, r.subject.fy = null;
   };
   return aA.drag().on("start", A).on("drag", n).on("end", a);
-}, fm = (e) => {
+}, vm = (e) => {
   let A = e.transaction_total / e.amount;
   A < 0 ? A = 0 : A > 1 && (A = 1);
   const n = A * 2 * Math.PI, a = aA.interpolate(0, n), r = aA.arc().cornerRadius(5).innerRadius(e.radius - kr * 2).outerRadius(e.radius - kr).startAngle(0).endAngle(0);
   return (o) => (r.endAngle(a(o)), r(e) || "");
-}, vm = (e) => {
-  aA.selectAll(".bubble").call(pm(e));
-}, ym = (e, A, n) => {
+}, ym = (e) => {
+  aA.selectAll(".bubble").call(fm(e));
+}, Em = (e, A, n) => {
   e.alpha(1).restart().force(
     "x",
     aA.forceX().x(n / 2).strength(0.01)
@@ -15651,14 +15654,14 @@ const kr = 5, mm = 100, Cm = 25, pm = (e) => {
     "y",
     aA.forceY().y(A / 2).strength(0.01)
   );
-}, Em = (e, A) => aA.scaleLinear().domain([e, A]).range([Cm, mm]), bm = (e) => {
+}, bm = (e, A) => aA.scaleLinear().domain([e, A]).range([pm, Cm]), wm = (e) => {
   const A = e.reduce((o, i) => {
     const s = Math.max(i.transaction_total, i.amount);
     return s > o ? s : o;
   }, 0), n = e.reduce((o, i) => {
     const s = Math.max(i.transaction_total, i.amount);
     return s < o ? s : o;
-  }, A), a = Em(n, A), r = e.map((o) => {
+  }, A), a = bm(n, A), r = e.map((o) => {
     const i = a(Math.max(o.transaction_total, o.amount)) || 25;
     return {
       ...o,
@@ -15668,15 +15671,15 @@ const kr = 5, mm = 100, Cm = 25, pm = (e) => {
   return aA.forceSimulation(r).velocityDecay(0.05).force("collide", aA.forceCollide((o) => o.radius + 2).strength(0.5)).on("tick", () => {
     aA.selectAll(".bubble").data(r).attr("transform", (o) => `translate(${o.x},${o.y})`);
   });
-}, Gr = 5, wm = 2e3;
-function _m({ bubble: e }) {
+}, Gr = 5, _m = 2e3;
+function Sm({ bubble: e }) {
   const A = be(), {
     guid: n,
     budgetColors: { mercury: a },
     radius: r
   } = e, o = `mercury-${n}`;
   g.useEffect(() => {
-    aA.select(`.${o}`).selectAll(".status").remove(), aA.select(`.${o}`).append("path").transition().duration(wm).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => fm(e));
+    aA.select(`.${o}`).selectAll(".status").remove(), aA.select(`.${o}`).append("path").transition().duration(_m).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => vm(e));
   }, [e]);
   const i = aA.arc().innerRadius((s) => s - 2 * Gr).outerRadius((s) => s - Gr).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ t("g", { className: o, children: /* @__PURE__ */ t(
@@ -15688,7 +15691,7 @@ function _m({ bubble: e }) {
   ) });
 }
 const Ct = 75, Ur = 50;
-function Sm({ bubble: e, isDraggable: A, onClick: n = () => {
+function Tm({ bubble: e, isDraggable: A, onClick: n = () => {
 } }) {
   const [a, r] = g.useState(!1);
   if (g.useEffect(() => {
@@ -15787,14 +15790,14 @@ function Sm({ bubble: e, isDraggable: A, onClick: n = () => {
             children: u.split(" ")[1]
           }
         ),
-        /* @__PURE__ */ t(_m, { bubble: e })
+        /* @__PURE__ */ t(Sm, { bubble: e })
       ]
     },
     d
   );
 }
 let Pt;
-const Tm = ({
+const Im = ({
   height: e,
   width: A,
   isDraggable: n = !1,
@@ -15802,10 +15805,10 @@ const Tm = ({
   }
 }) => {
   const { detailedBudgets: r } = Fe();
-  return Pt = g.useMemo(() => bm(r), [r]), g.useEffect(() => {
-    ym(Pt, e, A), n && vm(Pt);
-  }, [Pt, e, A]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(A), children: Pt.nodes().map((o) => /* @__PURE__ */ t(Sm, { bubble: o, isDraggable: n, onClick: a }, o.guid)) });
-}, Im = w(Tm), Lm = () => {
+  return Pt = g.useMemo(() => wm(r), [r]), g.useEffect(() => {
+    Em(Pt, e, A), n && ym(Pt);
+  }, [Pt, e, A]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(A), children: Pt.nodes().map((o) => /* @__PURE__ */ t(Tm, { bubble: o, isDraggable: n, onClick: a }, o.guid)) });
+}, Lm = w(Im), Dm = () => {
   const { budgets: e } = _();
   return /* @__PURE__ */ l(E, { alignItems: "center", gap: 12, sx: { mx: 24, textAlign: "center" }, children: [
     /* @__PURE__ */ t(B, { name: "bubble_chart", size: 48 }),
@@ -15820,8 +15823,8 @@ const Tm = ({
         click_type: "bubble"
       });
     };
-    return i ? /* @__PURE__ */ t(E, { alignItems: "center", height: e, justifyContent: "center", width: Math.abs(u), children: /* @__PURE__ */ t(Qe, {}) }) : /* @__PURE__ */ t(M, { ml: n || d ? 0 : 24, children: n || !s ? /* @__PURE__ */ t(Lm, {}) : /* @__PURE__ */ t(
-      Im,
+    return i ? /* @__PURE__ */ t(E, { alignItems: "center", height: e, justifyContent: "center", width: Math.abs(u), children: /* @__PURE__ */ t(Qe, {}) }) : /* @__PURE__ */ t(M, { ml: n || d ? 0 : 24, children: n || !s ? /* @__PURE__ */ t(Dm, {}) : /* @__PURE__ */ t(
+      Lm,
       {
         height: e,
         isDraggable: A,
@@ -15830,7 +15833,7 @@ const Tm = ({
       }
     ) });
   }
-), Dm = (e) => {
+), xm = (e) => {
   const A = be(), { budgets: n, loadBudgets: a, setTheme: r } = Fe(), { budgets: o } = _(), i = Tl(), s = n.length === 0;
   return g.useEffect(() => {
     r(A), a().finally();
@@ -15849,7 +15852,7 @@ const Tm = ({
       ] })
     }
   );
-}, L3 = w(Dm), xm = ({ budget: e, onClick: A }) => {
+}, D3 = w(xm), Om = ({ budget: e, onClick: A }) => {
   const {
     amount: n,
     budgetColors: { background: a, description: r },
@@ -15878,7 +15881,7 @@ const Tm = ({
       }
     )
   ] }) });
-}, Om = w(() => {
+}, Pm = w(() => {
   const { onEvent: e } = Q(), { budgets: A } = _(), { detailedBudgets: n, setSelectedBudget: a } = Fe(), r = (o) => {
     a(o), e(q.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: o.category.name,
@@ -15888,11 +15891,11 @@ const Tm = ({
   return /* @__PURE__ */ l(yA, { elevation: 2, sx: { borderRadius: 2 }, children: [
     /* @__PURE__ */ t(WA, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(DA, { children: A.budget_categories_title }) }),
     /* @__PURE__ */ t(xA, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ae, { children: n.map((o) => /* @__PURE__ */ l(g.Fragment, { children: [
-      /* @__PURE__ */ t(xm, { budget: o, onClick: r }),
+      /* @__PURE__ */ t(Om, { budget: o, onClick: r }),
       /* @__PURE__ */ t(K, {})
     ] }, o.guid)) }) })
   ] });
-}), Pm = w(() => {
+}), Nm = w(() => {
   const e = be(), { onEvent: A } = Q(), { accounts: n } = pe(), { budgets: a, common: r, recurring: o } = _(), { incomeCategories: i, spendCategories: s } = Pe(), { detailedBudgets: c, totalBudgeted: d } = Fe(), { projectedIncome: u } = Ge(), { setFilter: h } = me(), [m, C] = g.useState(!1), [f, y] = g.useMemo(() => {
     const I = s.reduce((x, H) => x + H.totalAmount, 0);
     let T = I / d;
@@ -15975,7 +15978,7 @@ const Tm = ({
       }
     )
   ] });
-}), Nm = w(() => {
+}), Mm = w(() => {
   const { budgets: e } = _(), { totalBudgeted: A } = Fe(), { projectedIncome: n } = Ge(), a = n - A;
   return /* @__PURE__ */ l(E, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
     /* @__PURE__ */ l(E, { alignItems: "center", children: [
@@ -15993,7 +15996,7 @@ const Tm = ({
       /* @__PURE__ */ t(p, { color: "secondary", variant: "Small", children: e.remaining })
     ] })
   ] });
-}), Mm = w(
+}), Rm = w(
   ({ category: e }) => {
     const { budgets: A } = _(), { budgets: n } = Fe(), a = g.useMemo(() => {
       const r = n.find((s) => s.category_guid === e.guid), o = R(e.totalAverageAmount, "0,0"), i = r ? P(A.recalculate_previous_budget, R(r.amount, "0,0")) : A.recalculate_new_budget;
@@ -16007,7 +16010,7 @@ const Tm = ({
       /* @__PURE__ */ t(K, {})
     ] }, e.guid);
   }
-), Rm = ({ onRecalculateBudgets: e }) => {
+), Bm = ({ onRecalculateBudgets: e }) => {
   const { budgets: A, common: n } = _(), { spendCategories: a } = Pe(), { recalculateBudgets: r, setAlert: o } = Fe(), [i, s] = g.useState(!1), c = a.filter((u) => u.totalAverageAmount > 0), d = async () => {
     await r(c), s(!1), o(A.alert_recalculated_budgets), e?.();
   };
@@ -16027,7 +16030,7 @@ const Tm = ({
             /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: A.recalculate_description_top }),
             /* @__PURE__ */ t(p, { variant: "ParagraphSmall", children: A.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ t(M, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: c.map((u) => /* @__PURE__ */ t(Mm, { category: u }, u.guid)) }) })
+          /* @__PURE__ */ t(M, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: c.map((u) => /* @__PURE__ */ t(Rm, { category: u }, u.guid)) }) })
         ] })
       }
     )
@@ -16058,7 +16061,7 @@ const Tm = ({
       }
     )
   ] });
-}, Bm = w(({ category: e, onAddBudget: A }) => {
+}, Hm = w(({ category: e, onAddBudget: A }) => {
   const { budgets: n, common: a } = _(), [r, o] = g.useState(!1), [i, s] = g.useState(
     `${e.totalAmount === 0 ? "" : e.totalAmount}`
   );
@@ -16087,21 +16090,21 @@ const Tm = ({
       }
     )
   ] });
-}), Hm = w(({ onRecalculateBudgets: e }) => {
+}), Km = w(({ onRecalculateBudgets: e }) => {
   const { budgets: A } = _(), { addBudget: n, setAlert: a, unbudgetedCategories: r } = Fe(), o = async (i, s) => {
     await n(i, s), a(P(A.alert_budget_created, i.name));
   };
   return /* @__PURE__ */ l(E, { children: [
-    /* @__PURE__ */ t(Nm, {}),
+    /* @__PURE__ */ t(Mm, {}),
     /* @__PURE__ */ t(M, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: r.map((i) => /* @__PURE__ */ t(
-      Bm,
+      Hm,
       {
         category: i,
         onAddBudget: o
       },
       i.guid
     )) }) }),
-    /* @__PURE__ */ t(Rm, { onRecalculateBudgets: e })
+    /* @__PURE__ */ t(Bm, { onRecalculateBudgets: e })
   ] });
 }), fi = ({ budget: e }) => {
   const {
@@ -16123,14 +16126,14 @@ const Tm = ({
     /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
     /* @__PURE__ */ t(Gt, { data: s, height: 10 })
   ] }) }) });
-}, Km = w(() => {
+}, qm = w(() => {
   const { budgets: e } = _();
   return /* @__PURE__ */ l(E, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ t(B, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
     /* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
   ] });
-}), qm = w(({ budget: e }) => {
+}), zm = w(({ budget: e }) => {
   const {
     amount: A,
     budgetColors: { background: n },
@@ -16151,7 +16154,7 @@ const Tm = ({
       }
     )
   ] }) });
-}), zm = w(({ category: e, parentBudget: A }) => {
+}), km = w(({ category: e, parentBudget: A }) => {
   const { budgets: n, common: a } = _(), { setExpandedGuid: r, setOnSelect: o } = ot(), { addBudget: i } = Fe(), [s, c] = g.useState(!1), [d, u] = g.useState(!1), [h, m] = g.useState(""), [C, f] = g.useState(void 0);
   g.useEffect(() => {
     o((S) => {
@@ -16203,7 +16206,7 @@ const Tm = ({
       }
     )
   ] });
-}), km = w(({ budget: e }) => {
+}), Gm = w(({ budget: e }) => {
   const { category: A, subBudgets: n } = e, { budgets: a, common: r } = _(), { deleteBudget: o, selectedSubBudget: i, setSelectedSubBudget: s, updateBudget: c } = Fe(), { filter: d, setFilter: u } = me(), [h, m] = g.useState(!1), [C, f] = g.useState(!1), [y, v] = g.useState("");
   g.useEffect(() => {
     i && (v(`${i.amount}`), u({
@@ -16226,11 +16229,11 @@ const Tm = ({
   };
   return /* @__PURE__ */ l(g.Fragment, { children: [
     /* @__PURE__ */ l(ae, { sx: { bgcolor: "background.paper" }, children: [
-      n.length === 0 ? /* @__PURE__ */ t(Km, {}) : n.map((T) => /* @__PURE__ */ l(g.Fragment, { children: [
-        /* @__PURE__ */ t(qm, { budget: T }),
+      n.length === 0 ? /* @__PURE__ */ t(qm, {}) : n.map((T) => /* @__PURE__ */ l(g.Fragment, { children: [
+        /* @__PURE__ */ t(zm, { budget: T }),
         /* @__PURE__ */ t(K, {})
       ] }, T.guid)),
-      /* @__PURE__ */ t(zm, { category: A, parentBudget: e })
+      /* @__PURE__ */ t(km, { category: A, parentBudget: e })
     ] }),
     /* @__PURE__ */ t(
       ce,
@@ -16284,7 +16287,7 @@ const Tm = ({
       )
     ] })
   ] });
-}), Gm = w(({ budget: e }) => {
+}), Um = w(({ budget: e }) => {
   const { budgets: A, common: n, transactions: a } = _(), { setAlert: r } = Fe(), { sortedTransactions: o, tags: i } = me(), [s, c] = g.useState(0), [d, u] = g.useState(""), h = g.useMemo(
     () => o.find((f) => f.guid === d),
     [d]
@@ -16321,7 +16324,7 @@ const Tm = ({
         ) }),
         /* @__PURE__ */ t(rt, { height: "100%", onClick: u })
       ] }),
-      s === 1 && /* @__PURE__ */ t(km, { budget: e }),
+      s === 1 && /* @__PURE__ */ t(Gm, { budget: e }),
       /* @__PURE__ */ t(
         ce,
         {
@@ -16334,7 +16337,7 @@ const Tm = ({
       )
     ] })
   ] });
-}), Um = w(() => {
+}), Fm = w(() => {
   const { selectedAccountGuids: e } = fe(), { budgets: A, common: n } = _(), {
     dateRange: a,
     deleteBudget: r,
@@ -16378,7 +16381,7 @@ const Tm = ({
           secondaryColor: "error",
           secondaryText: A.details_delete_button,
           title: A.details_title,
-          children: /* @__PURE__ */ t(Gm, { budget: o })
+          children: /* @__PURE__ */ t(Um, { budget: o })
         }
       ),
       /* @__PURE__ */ t(
@@ -16414,7 +16417,7 @@ const Tm = ({
         }
       )
     ] });
-}), Fr = 480, D3 = w(({ onBackClick: e, sx: A }) => {
+}), Fr = 480, x3 = w(({ onBackClick: e, sx: A }) => {
   const n = be(), { onEvent: a } = Q(), { accounts: r } = pe(), { budgets: o, common: i } = _(), { isInitialized: s, selectedAccounts: c, setDisplayedDate: d, setSelectedAccounts: u } = fe(), { alert: h, dateRange: m, loadBudgets: C, setDateRange: f, setAlert: y, setTheme: v } = Fe(), { loadCashflowSequences: S } = Ge(), { isDesktop: L, isTablet: I } = De(), { reloadCategoryTotals: T } = Pe(), [D, O] = g.useState(!1), [x, H] = g.useState(!1);
   g.useEffect(() => {
     v(n), u(r), d(m.start, m.end), a(q.BUDGETS_VIEW);
@@ -16466,13 +16469,13 @@ const Tm = ({
               sx: { mr: 24 },
               width: L || I ? Fr : "100%",
               children: [
-                /* @__PURE__ */ t(Pm, {}),
-                /* @__PURE__ */ t(Om, {})
+                /* @__PURE__ */ t(Nm, {}),
+                /* @__PURE__ */ t(Pm, {})
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ t(Um, {}),
+        /* @__PURE__ */ t(Fm, {}),
         /* @__PURE__ */ t(
           ce,
           {
@@ -16480,7 +16483,7 @@ const Tm = ({
             isOpen: x,
             onClose: () => H(!1),
             title: o.add_new_title,
-            children: /* @__PURE__ */ t(Hm, { onRecalculateBudgets: Y })
+            children: /* @__PURE__ */ t(Km, { onRecalculateBudgets: Y })
           }
         ),
         /* @__PURE__ */ t(
@@ -16498,7 +16501,7 @@ const Tm = ({
   );
 });
 var ta = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e))(ta || {});
-const Fm = () => {
+const jm = () => {
   const { accounts: e } = pe(), { selectedAccountGuids: A, setSelectedAccountGuids: n } = fe(), { isMobile: a } = De(), { common: r } = _(), o = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: r.account_filter.account_type_accounts,
@@ -16537,7 +16540,7 @@ const Fm = () => {
       }
     )
   ] }) });
-}, jm = w(Fm), Qm = ({ widgets: e, isLoading: A }) => {
+}, Qm = w(jm), Xm = ({ widgets: e, isLoading: A }) => {
   const { isDesktop: n, isMobile: a } = De(), { copyStore: r } = wn(), { setSelectedAccounts: o } = fe(), { accounts: i } = pe();
   g.useEffect(() => {
     o(i);
@@ -16553,7 +16556,7 @@ const Fm = () => {
     [e]
   );
   return /* @__PURE__ */ l(QA, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(QA, { xs: 12, children: r.isInitialized && /* @__PURE__ */ t(jm, {}) }),
+    /* @__PURE__ */ t(QA, { xs: 12, children: r.isInitialized && /* @__PURE__ */ t(Qm, {}) }),
     /* @__PURE__ */ l(QA, { xl: 8, xs: 12, children: [
       A && /* @__PURE__ */ l(E, { direction: "column", spacing: 24, children: [
         /* @__PURE__ */ t(GA, { height: 100, variant: "rounded", width: "100%" }),
@@ -16568,8 +16571,8 @@ const Fm = () => {
       /* @__PURE__ */ t(GA, { height: 300, variant: "rounded", width: "100%" })
     ] }) : /* @__PURE__ */ t(E, { direction: "column", spacing: 24, children: d.map((u) => /* @__PURE__ */ t(g.Fragment, { children: u.component }, u.index)) }) })
   ] });
-}, x3 = w(Qm);
-class Xm {
+}, O3 = w(Xm);
+class Wm {
   copyApi = new on("/", "");
   copyObject = {};
   namespace = "experiences";
@@ -16615,7 +16618,7 @@ const Pa = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, CA = window?.app?.clientConfig?.microwidget_instance_id || "", jr = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, vi = (e) => `on${e}Click`, yi = (e) => `on${e}View`, Ei = (e) => `on${e}ViewFirstTime`, Na = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), Wm = () => Object.values(Pa).reduce(
+}, vi = (e) => `on${e}Click`, yi = (e) => `on${e}View`, Ei = (e) => `on${e}ViewFirstTime`, Na = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), Vm = () => Object.values(Pa).reduce(
   (e, A) => ({
     ...e,
     [vi(A)]: {
@@ -16626,7 +16629,7 @@ const Pa = {
     }
   }),
   {}
-), Vm = () => Object.values(Pa).reduce(
+), Ym = () => Object.values(Pa).reduce(
   (e, A) => ({
     ...e,
     [yi(A)]: {
@@ -16637,7 +16640,7 @@ const Pa = {
     }
   }),
   {}
-), Ym = () => Object.values(Pa).reduce(
+), Jm = () => Object.values(Pa).reduce(
   (e, A) => ({
     ...e,
     [Ei(A)]: {
@@ -16737,15 +16740,15 @@ const Pa = {
     label: UA.VIEW_MORE,
     value: CA
   },
-  ...Wm(),
   ...Vm(),
-  ...Ym()
+  ...Ym(),
+  ...Jm()
 }, Wr = async (e, A) => !A || !Xr[e] ? null : A.sendAnalyticEvent(Xr[e]).then((n) => n).catch((n) => {
   throw n;
 }), Vr = async (e, A) => !A || !Qr[e] ? null : A.sendAnalyticsPageview(Qr[e]).then((n) => n).catch((n) => {
   throw n;
 });
-class Jm {
+class Zm {
   onAnalyticEvent = Wr;
   onAnalyticPageView = Vr;
   beatApi = new Et("/", "");
@@ -16767,7 +16770,7 @@ class Jm {
     this.beatApi.updateBeat(A);
   };
 }
-class Zm {
+class $m {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -16775,7 +16778,7 @@ class Zm {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new Xm(), this.insightsMicroWidgetStore = new Jm(), Se(this);
+    this.copyStore = new Wm(), this.insightsMicroWidgetStore = new Zm(), Se(this);
   }
   initialize = async (A, n, a) => {
     await this.copyStore.initialize(A, n), await this.insightsMicroWidgetStore.initialize(A, n, a), this.session = await lc(A, n, "1.0.0", "Micro Insights Carousel"), U(() => {
@@ -16783,18 +16786,18 @@ class Zm {
     });
   };
 }
-const Vt = g.createContext(null), $m = ({
+const Vt = g.createContext(null), eC = ({
   onEvent: e,
   onPageview: A,
   store: n,
   children: a
-}) => /* @__PURE__ */ t(Vt.Provider, { value: { onEvent: e, onPageview: A, store: n, children: a }, children: a }), eC = ({ beat: e }) => {
+}) => /* @__PURE__ */ t(Vt.Provider, { value: { onEvent: e, onPageview: A, store: n, children: a }, children: a }), AC = ({ beat: e }) => {
   const [A, n] = NA(b.UNCATEGORIZED);
   return At(() => {
     e.primary_category_guid ? n(e.primary_category_guid) : e.category_guids?.length && n(e.category_guids[0]);
   }, []), /* @__PURE__ */ t(dA, { categoryGuid: A, size: 16, sx: { minWidth: 16 } });
-}, AC = ({ beat: e }) => {
-  const A = ze(), n = tC(A);
+}, tC = ({ beat: e }) => {
+  const A = ze(), n = nC(A);
   return /* @__PURE__ */ t(
     at,
     {
@@ -16804,12 +16807,12 @@ const Vt = g.createContext(null), $m = ({
       size: 16
     }
   );
-}, tC = (e) => oA({
+}, nC = (e) => oA({
   marginTop: e.Spacing.XTiny,
   "& .kyper-categoryicon": {
     display: "flex"
   }
-}), nC = w(AC), aC = ({
+}), aC = w(tC), rC = ({
   color: e = "currentColor",
   height: A,
   size: n = 16,
@@ -16835,16 +16838,16 @@ const Vt = g.createContext(null), $m = ({
       }
     )
   }
-), rC = (e) => e ? e.data ? e.data.map((A) => {
+), oC = (e) => e ? e.data ? e.data.map((A) => {
   const n = {};
   return e.names?.map((a, r) => {
     n[a] = A[r];
   }), n;
-}) : [] : [], oC = (e, A) => {
-  const n = rC(e), a = n.length / 2, r = n.slice(0, a), o = n.slice(a);
+}) : [] : [], iC = (e, A) => {
+  const n = oC(e), a = n.length / 2, r = n.slice(0, a), o = n.slice(a);
   return !r.length || !o.length ? A.Color.Primary300 : r[0].amount > o[0].amount ? A.Color.Error300 : r[0].amount < o[0].amount ? A.Color.Success300 : A.Color.Primary300;
-}, iC = ({ beat: e }) => {
-  const A = ze(), n = oC(e.data_series, A);
+}, sC = ({ beat: e }) => {
+  const A = ze(), n = iC(e.data_series, A);
   return /* @__PURE__ */ t(B, { name: "bar_chart", sx: { color: n } });
 }, wi = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t(
@@ -17629,7 +17632,7 @@ const Vt = g.createContext(null), $m = ({
   ] })
 ] }), Yr = ({ beat: e, clientColorScheme: A, color: n, type: a }) => {
   const r = be(), o = A?.primary_300 ? A.primary_300 : r.palette.primary.main;
-  return a === 0 ? /* @__PURE__ */ t(B, { fill: !0, name: "error", sx: { color: n || o } }) : a === 1 && e ? /* @__PURE__ */ t(eC, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(nC, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(iC, { beat: e }) : /* @__PURE__ */ t(
+  return a === 0 ? /* @__PURE__ */ t(B, { fill: !0, name: "error", sx: { color: n || o } }) : a === 1 && e ? /* @__PURE__ */ t(AC, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(aC, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(sC, { beat: e }) : /* @__PURE__ */ t(
     B,
     {
       fill: !0,
@@ -17644,12 +17647,12 @@ const Vt = g.createContext(null), $m = ({
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, sC = 50, Si = 1, it = () => {
+}, cC = 50, Si = 1, it = () => {
   const e = g.useContext(Vt);
   if (!e)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return e.store.copyStore;
-}, cC = () => {
+}, lC = () => {
   const e = g.useContext(Vt);
   if (!e?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -17666,7 +17669,7 @@ const Vt = g.createContext(null), $m = ({
   if (!e)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: e.onPageview };
-}, lC = ({
+}, dC = ({
   ariaLabel: e,
   backgroundColor: A,
   beat: n,
@@ -17683,7 +17686,7 @@ const Vt = g.createContext(null), $m = ({
 }) => {
   const C = window.app?.config.client_guid, { ref: f, inView: y } = Co({
     threshold: Si
-  }), { cardsCopy: v } = it(), { onEvent: S } = Yt(), { updateBeat: L } = cC();
+  }), { cardsCopy: v } = it(), { onEvent: S } = Yt(), { updateBeat: L } = lC();
   At(() => {
     y && (n.has_been_displayed ? S(yi(n.template)) : (L({
       ...n,
@@ -17733,7 +17736,7 @@ const Vt = g.createContext(null), $m = ({
       widthOverrides: m
     }
   );
-}, dC = ({
+}, uC = ({
   clientColorScheme: e,
   currentBeatIndex: A,
   numBeats: n,
@@ -17742,7 +17745,7 @@ const Vt = g.createContext(null), $m = ({
   scrollRightBoundary: o,
   scrollX: i
 }) => {
-  const s = uC(), { carouselCopy: c } = it(), d = Math.floor(i) > o || A === 0, u = i < 0 || n - 1 === A, h = "#BBBCBC", m = e?.primary_300 ? e?.primary_300 : "#2D64EF";
+  const s = hC(), { carouselCopy: c } = it(), d = Math.floor(i) > o || A === 0, u = i < 0 || n - 1 === A, h = "#BBBCBC", m = e?.primary_300 ? e?.primary_300 : "#2D64EF";
   return /* @__PURE__ */ l(M, { className: s, children: [
     /* @__PURE__ */ t(
       Ue,
@@ -17789,7 +17792,7 @@ const Vt = g.createContext(null), $m = ({
       }
     )
   ] });
-}, uC = () => oA({
+}, hC = () => oA({
   alignItems: "center",
   display: "flex",
   justifyContent: "center",
@@ -17806,7 +17809,7 @@ const Vt = g.createContext(null), $m = ({
     // we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
     marginRight: 8
   }
-}), hC = ({
+}), gC = ({
   beats: e = [],
   clientColorScheme: A,
   showCTAColocatedWithText: n,
@@ -17819,7 +17822,7 @@ const Vt = g.createContext(null), $m = ({
   variant: d,
   widthOverrides: u
 }) => {
-  const h = mC(a, c, u), m = g.useRef(null), [C, f] = g.useState(0), [y, v] = g.useState(null), [S, L] = g.useState(null), { carouselCopy: I } = it(), { onEvent: T } = Yt(), D = () => {
+  const h = CC(a, c, u), m = g.useRef(null), [C, f] = g.useState(0), [y, v] = g.useState(null), [S, L] = g.useState(null), { carouselCopy: I } = it(), { onEvent: T } = Yt(), D = () => {
     T(pA.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
       left: (
         // Adds the flex gap to the carousel ref's width
@@ -17838,7 +17841,7 @@ const Vt = g.createContext(null), $m = ({
     m.current && f(m.current.scrollLeft);
   }, H = () => {
     if (!S || !y) return;
-    S - y > sC ? T(pA.ON_CAROUSEL_FORWARD_SWIPE) : T(pA.ON_CAROUSEL_BACK_SWIPE);
+    S - y > cC ? T(pA.ON_CAROUSEL_FORWARD_SWIPE) : T(pA.ON_CAROUSEL_BACK_SWIPE);
   }, z = (ee) => {
     v(ee.targetTouches[0].clientX);
   }, Z = (ee) => {
@@ -17876,7 +17879,7 @@ const Vt = g.createContext(null), $m = ({
                   ve.toString()
                 ), gA = ee.micro_title && ee.micro_title.length > 0, KA = ee.micro_description && ee.micro_description.length > 0, ye = gA ? ee.micro_title : ee.title, Ve = KA ? ee.micro_description : ee.description;
                 return /* @__PURE__ */ t(
-                  lC,
+                  dC,
                   {
                     ariaLabel: `${Ze}: ${ye}, ${Ve}`,
                     beat: ee,
@@ -17890,7 +17893,7 @@ const Vt = g.createContext(null), $m = ({
                 );
               }),
               /* @__PURE__ */ t(
-                SC,
+                TC,
                 {
                   isActiveCard: Y === e.length,
                   onCardClick: r,
@@ -17901,7 +17904,7 @@ const Vt = g.createContext(null), $m = ({
           }
         ),
         i && /* @__PURE__ */ t(
-          dC,
+          uC,
           {
             clientColorScheme: A,
             currentBeatIndex: Y,
@@ -17915,7 +17918,7 @@ const Vt = g.createContext(null), $m = ({
       ]
     }
   );
-}, gC = w(hC), mC = (e, A = !0, n) => oA({
+}, mC = w(gC), CC = (e, A = !0, n) => oA({
   alignItems: "center",
   boxSizing: "border-box",
   display: "flex",
@@ -17963,7 +17966,7 @@ const Vt = g.createContext(null), $m = ({
     g.useEffect(() => {
       y && y <= 325 && L(3), y && y > 325 && L(2);
     }, [y]);
-    const { cardStyle: I, linkTextStyle: T } = h, D = f ? I : { border: "none", boxShadow: "none", ...I }, O = CC(
+    const { cardStyle: I, linkTextStyle: T } = h, D = f ? I : { border: "none", boxShadow: "none", ...I }, O = pC(
       D,
       r,
       m,
@@ -18012,7 +18015,7 @@ const Vt = g.createContext(null), $m = ({
       }
     );
   }
-), CC = (e, A, n, a, r, o) => oA({
+), pC = (e, A, n, a, r, o) => oA({
   height: "100%",
   listStyleType: "none",
   userSelect: "none",
@@ -18069,7 +18072,7 @@ const Vt = g.createContext(null), $m = ({
     // Needed to override padding for standard and first and last child conditions
     padding: "0 !important"
   }
-}), pC = ({
+}), fC = ({
   clientColorScheme: e,
   onCardClick: A,
   posthog: n,
@@ -18141,7 +18144,7 @@ const Vt = g.createContext(null), $m = ({
       ]
     }
   );
-}, fC = w(pC), vC = ({
+}, vC = w(fC), yC = ({
   heightOverrides: e,
   widthOverrides: A,
   children: n
@@ -18162,7 +18165,7 @@ const Vt = g.createContext(null), $m = ({
       children: n
     }
   );
-}, yC = () => /* @__PURE__ */ t(
+}, EC = () => /* @__PURE__ */ t(
   M,
   {
     sx: {
@@ -18174,7 +18177,7 @@ const Vt = g.createContext(null), $m = ({
     },
     children: /* @__PURE__ */ t(aa, {})
   }
-), kA = new Zm(), EC = ({
+), kA = new $m(), bC = ({
   areBeatsLoading: e,
   beats: A = [],
   // This also determines the length of the carousel controls (beat.length + 1)
@@ -18229,10 +18232,10 @@ const Vt = g.createContext(null), $m = ({
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
     /* @__PURE__ */ l(Vi, { theme: Bi(S ? "dark" : "light"), children: [
       /* @__PURE__ */ t(sc, {}),
-      /* @__PURE__ */ t($m, { onEvent: z, onPageview: Z, store: kA, children: /* @__PURE__ */ l(vC, { heightOverrides: o, widthOverrides: T, children: [
-        (e || !kA.isInitialized) && /* @__PURE__ */ t(yC, {}),
+      /* @__PURE__ */ t(eC, { onEvent: z, onPageview: Z, store: kA, children: /* @__PURE__ */ l(yC, { heightOverrides: o, widthOverrides: T, children: [
+        (e || !kA.isInitialized) && /* @__PURE__ */ t(EC, {}),
         x && C && /* @__PURE__ */ t(
-          fC,
+          vC,
           {
             clientColorScheme: n,
             onCardClick: s,
@@ -18241,7 +18244,7 @@ const Vt = g.createContext(null), $m = ({
           }
         ),
         x && !!A.length && /* @__PURE__ */ t(
-          gC,
+          mC,
           {
             beats: A,
             clientColorScheme: n,
@@ -18250,12 +18253,12 @@ const Vt = g.createContext(null), $m = ({
             ...F
           }
         ),
-        x && !A.length && L && /* @__PURE__ */ t(wC, { clientColorScheme: n, ...Y }),
-        x && !A.length && !L && /* @__PURE__ */ t(IC, { ...Y })
+        x && !A.length && L && /* @__PURE__ */ t(_C, { clientColorScheme: n, ...Y }),
+        x && !A.length && !L && /* @__PURE__ */ t(LC, { ...Y })
       ] }) })
     ] })
   );
-}, O3 = w(EC), bC = ({
+}, P3 = w(bC), wC = ({
   ariaLabel: e,
   carouselSize: A,
   clientColorScheme: n,
@@ -18308,7 +18311,7 @@ const Vt = g.createContext(null), $m = ({
       widthOverrides: d
     }
   );
-}, wC = w(bC), _C = ({
+}, _C = w(wC), SC = ({
   isActiveCard: e,
   ariaLabel: A,
   clientColorScheme: n,
@@ -18345,7 +18348,7 @@ const Vt = g.createContext(null), $m = ({
       fontColors: { buttonColor: n?.primary_300 },
       heightOverrides: a,
       icon: /* @__PURE__ */ t(
-        aC,
+        rC,
         {
           color: n?.primary_300 ? n?.primary_300 : d.Color.Primary300
         }
@@ -18359,7 +18362,7 @@ const Vt = g.createContext(null), $m = ({
       widthOverrides: c
     }
   );
-}, SC = w(_C), TC = ({
+}, TC = w(SC), IC = ({
   ariaLabel: e,
   carouselSize: A,
   heightOverrides: n,
@@ -18398,7 +18401,7 @@ const Vt = g.createContext(null), $m = ({
       widthOverrides: s
     }
   );
-}, IC = w(TC), Fn = 5, LC = (e, A) => A.reduce((n, a) => {
+}, LC = w(IC), Fn = 5, DC = (e, A) => A.reduce((n, a) => {
   if (a.total > 0) {
     const r = e.find((d) => d.guid === a.category_guid);
     if (!r) return n;
@@ -18420,7 +18423,7 @@ const Vt = g.createContext(null), $m = ({
   }
   return n;
 }, []), Ii = (e, A) => {
-  const n = LC(e, A), a = n.filter((c) => c.guid !== b.INCOME && c.guid !== b.TRANSFER).sort((c, d) => d.amount - c.amount), r = a.reduce(
+  const n = DC(e, A), a = n.filter((c) => c.guid !== b.INCOME && c.guid !== b.TRANSFER).sort((c, d) => d.amount - c.amount), r = a.reduce(
     (c, d) => c + d.amount,
     0
   ), o = a.length > Fn ? Fn : a.length, i = a.slice(0, o), s = i.map((c) => ({
@@ -18482,7 +18485,7 @@ const Vt = g.createContext(null), $m = ({
 }, un = ({ amount: e, label: A }) => /* @__PURE__ */ l(E, { direction: "column", children: [
   /* @__PURE__ */ t(p, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: A }),
   /* @__PURE__ */ t(p, { variant: "XSmall", children: R(e, "0,0") })
-] }), DC = ({
+] }), xC = ({
   data: e,
   isIncome: A = !1,
   onSelected: n,
@@ -18535,7 +18538,7 @@ const Vt = g.createContext(null), $m = ({
       }
     )
   ] }) }) });
-}, hn = w(DC), Jr = ({ data: e, onSelected: A, selectedId: n }) => /* @__PURE__ */ t(E, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
+}, hn = w(xC), Jr = ({ data: e, onSelected: A, selectedId: n }) => /* @__PURE__ */ t(E, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
   E,
   {
     alignItems: "center",
@@ -18552,7 +18555,7 @@ const Vt = g.createContext(null), $m = ({
     ]
   },
   a.guid
-)) }), xC = () => {
+)) }), OC = () => {
   const e = be(), { spending: A } = _(), { selectedAccounts: n } = fe(), a = g.useMemo(
     () => [
       e.palette.chartMono.chartMono5,
@@ -18642,7 +18645,7 @@ const Vt = g.createContext(null), $m = ({
       /* @__PURE__ */ t(Jr, { data: m, onSelected: f, selectedId: s })
     ] }) })
   ] });
-}, OC = w(xC), PC = ({ onPrimaryCtaClick: e, sx: A = {} }) => {
+}, PC = w(OC), NC = ({ onPrimaryCtaClick: e, sx: A = {} }) => {
   const { spending: n } = _();
   return /* @__PURE__ */ t(
     mt,
@@ -18652,10 +18655,10 @@ const Vt = g.createContext(null), $m = ({
       primaryCtaLabel: n.primary_cta,
       sx: A,
       title: n.mini_title,
-      children: /* @__PURE__ */ t(OC, {})
+      children: /* @__PURE__ */ t(PC, {})
     }
   );
-}, P3 = w(PC), NC = ({
+}, N3 = w(NC), MC = ({
   data: e,
   onSelected: A,
   selectedId: n = "",
@@ -18734,7 +18737,7 @@ const Vt = g.createContext(null), $m = ({
     ] }, i.guid)) }),
     /* @__PURE__ */ t(p, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${r.total}: ${R(e.totalAmount, "0,0")}` })
   ] });
-}, MC = w(NC), RC = ({
+}, RC = w(MC), BC = ({
   data: e,
   onSelected: A,
   onViewTransactions: n,
@@ -18780,18 +18783,18 @@ const Vt = g.createContext(null), $m = ({
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(MC, { data: e, onSelected: A, selectedId: a, title: r })
+        /* @__PURE__ */ t(RC, { data: e, onSelected: A, selectedId: a, title: r })
       ]
     }
   );
-}, Zr = w(RC), BC = (e) => [
+}, Zr = w(BC), HC = (e) => [
   e.palette.chartMono.chartMono5,
   e.palette.chartMono.chartMono4,
   e.palette.chartMono.chartMono3,
   e.palette.chartMono.chartMono2,
   e.palette.chartMono.chartMono1,
   e.palette.chartMono.chartMono6
-], HC = () => {
+], KC = () => {
   const e = XA(), { categories: A, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: a } = Pe(), { spending: r } = _(), { displayedDateRange: o, selectedAccounts: i, selectedAccountGuids: s } = fe(), { setFilter: c, sortedTransactions: d } = me(), [u, h] = g.useState(""), [m, C] = g.useState(0), [f, y] = g.useState(""), [v, S] = g.useState(!1);
   g.useEffect(() => {
     a(
@@ -18804,7 +18807,7 @@ const Vt = g.createContext(null), $m = ({
     () => Ii(A, n),
     [A, n]
   ), I = g.useMemo(
-    () => Li(A, n, BC(e)),
+    () => Li(A, n, HC(e)),
     [A, n]
   ), T = g.useMemo(
     () => d.find((H) => H.guid === f),
@@ -18905,7 +18908,7 @@ const Vt = g.createContext(null), $m = ({
       }
     )
   ] });
-}, KC = w(HC), qC = ({ onBackClick: e, sx: A = {} }) => {
+}, qC = w(KC), zC = ({ onBackClick: e, sx: A = {} }) => {
   const { accounts: n } = pe(), { spending: a } = _(), { isInitialized: r, setDisplayedDate: o, setSelectedAccounts: i } = fe(), { onEvent: s } = Q(), [c, d] = g.useState(!1);
   g.useEffect(() => {
     i(n);
@@ -18924,11 +18927,11 @@ const Vt = g.createContext(null), $m = ({
       onBackClick: e,
       sx: A,
       title: a.title,
-      children: /* @__PURE__ */ t(M, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(KC, {}) })
+      children: /* @__PURE__ */ t(M, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(qC, {}) })
     }
   );
-}, N3 = w(qC), zC = (e) => ZA[e] ?? ZA.default, kC = (e) => yn[e];
-function GC(e, A) {
+}, M3 = w(zC), kC = (e) => ZA[e] ?? ZA.default, GC = (e) => yn[e];
+function UC(e, A) {
   const n = [], a = new Date(e);
   for (; a <= A; ) {
     const r = a.getFullYear(), o = String(a.getMonth() + 1).padStart(2, "0");
@@ -18936,7 +18939,7 @@ function GC(e, A) {
   }
   return n;
 }
-const UC = (e) => e.reduce((n, a) => {
+const FC = (e) => e.reduce((n, a) => {
   const r = {
     top_level_category_guid: a.top_level_category_guid,
     category_guid: a.category_guid,
@@ -18944,8 +18947,8 @@ const UC = (e) => e.reduce((n, a) => {
     year_month: a.year_month
   }, { top_level_category_guid: o, category_guid: i } = r;
   return n[i] || (n[i] = []), n[i].push(r), o !== i && (n[o] || (n[o] = []), n[o].push(r)), n;
-}, {}), FC = (e, A, n) => {
-  const a = UC(e), r = GC(A, n);
+}, {}), jC = (e, A, n) => {
+  const a = FC(e), r = UC(A, n);
   return Object.entries(a).map(([i, s]) => {
     const c = s[0].top_level_category_guid, d = r.map((u) => {
       const h = s.filter((y) => y.year_month === u).reduce((y, v) => y + Math.abs(v.amount), 0), m = Number(String(u).slice(0, 4)), C = Number(String(u).slice(4));
@@ -18954,18 +18957,18 @@ const UC = (e) => e.reduce((n, a) => {
     return {
       top_level_category_guid: c,
       category_guid: i,
-      category_name: kC(i),
-      category_color: zC(c),
+      category_name: GC(i),
+      category_color: kC(c),
       dataset: d
     };
   });
-}, jC = (e, A) => {
+}, QC = (e, A) => {
   const n = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, a = typeof A == "string" ? parseFloat(A.replace(/[^0-9.-]+/g, "")) : A;
   return (n || 0) - (a || 0);
-}, QC = (e) => {
+}, XC = (e) => {
   const A = e.row[e.field];
   return /* @__PURE__ */ t(E, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t(Ie, { amount: A, variant: "Small" }) });
-}, XC = ({ categoryGuid: e, topLevelCategoryGuid: A }) => {
+}, WC = ({ categoryGuid: e, topLevelCategoryGuid: A }) => {
   const { categories: n } = _(), a = yn[e];
   return /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ t(
@@ -18978,20 +18981,20 @@ const UC = (e) => e.reduce((n, a) => {
     ),
     /* @__PURE__ */ t(p, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
   ] });
-}, WC = (e) => /* @__PURE__ */ t(E, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
-  XC,
+}, VC = (e) => /* @__PURE__ */ t(E, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
+  WC,
   {
     categoryGuid: e.row.category,
     topLevelCategoryGuid: e.row.top_level_category_guid
   }
-) }), VC = (e, A) => {
+) }), YC = (e, A) => {
   const n = [], a = new Date(e);
   for (; a <= A; ) {
     const r = Ae(a, $.MONTH);
     n.push(r), a.setMonth(a.getMonth() + 1);
   }
   return n;
-}, YC = ({
+}, JC = ({
   monthlyCategoryTotals: e,
   selectedDateRange: A,
   selectedCategory: n,
@@ -19001,13 +19004,13 @@ const UC = (e) => e.reduce((n, a) => {
 }) => {
   const { onEvent: i } = Q(), s = Ae(/* @__PURE__ */ new Date(), $.MONTH_SHORT), [c, d] = g.useState([
     { field: s, sort: "desc" }
-  ]), u = g.useMemo(() => VC(A.start, A.end), [A]), h = [
+  ]), u = g.useMemo(() => YC(A.start, A.end), [A]), h = [
     {
       field: "category",
       headerName: "Category",
       minWidth: 175,
       renderHeader: YA,
-      renderCell: WC,
+      renderCell: VC,
       sortable: !0,
       type: "string"
     },
@@ -19017,13 +19020,13 @@ const UC = (e) => e.reduce((n, a) => {
         headerName: C,
         minWidth: 75,
         renderHeader: YA,
-        renderCell: QC,
+        renderCell: XC,
         align: "right",
         headerAlign: "right",
         sortable: !0,
         hideSortIcons: !1,
         type: "number",
-        sortComparator: jC
+        sortComparator: QC
       })
     )
   ], m = g.useMemo(() => {
@@ -19065,9 +19068,9 @@ const UC = (e) => e.reduce((n, a) => {
       sortingOrder: ["asc", "desc"]
     }
   ) });
-}, JC = {
+}, ZC = {
   title: "Transaction List"
-}, ZC = ({
+}, $C = ({
   categoryGuid: e,
   dateRange: A,
   isOpen: n,
@@ -19090,16 +19093,16 @@ const UC = (e) => e.reduce((n, a) => {
       ariaLabelClose: i.close_aria,
       isOpen: n,
       onClose: m,
-      title: JC.title,
+      title: ZC.title,
       children: [
         h && /* @__PURE__ */ t(St, { transaction: h }),
         !h && /* @__PURE__ */ t(rt, { onClick: u })
       ]
     }
   );
-}, $C = w(ZC), ep = {
+}, ep = w($C), Ap = {
   view_transactions: "View Transactions"
-}, Ap = ({ onBackClick: e, sx: A }) => {
+}, tp = ({ onBackClick: e, sx: A }) => {
   const n = uA(), { onEvent: a } = Q(), { isDesktop: r, isTablet: o, isMobile: i } = De(), { accounts: s } = pe(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: u } = Pe(), { sortedTransactions: h } = me(), { isInitialized: m, selectedAccounts: C, setSelectedAccounts: f } = fe(), { trends: y } = _(), v = n.palette.mode === "dark", [S, L] = g.useState(!1), [I, T] = g.useState(!1), [D, O] = g.useState("Chart"), [x, H] = g.useState(""), [z, Z] = g.useState({
     start: Wa(Be(wA(/* @__PURE__ */ new Date(), 6)), 1),
     end: Be(/* @__PURE__ */ new Date())
@@ -19117,7 +19120,7 @@ const UC = (e) => e.reduce((n, a) => {
   }, [m, C, z]);
   const F = g.useMemo(() => {
     if (!S) return { stackedDatasets: [], unstackedDatasets: [] };
-    const ye = FC(
+    const ye = jC(
       d,
       z.start,
       z.end
@@ -19248,7 +19251,7 @@ const UC = (e) => e.reduce((n, a) => {
                   /* @__PURE__ */ t(B, { name: "arrow_back" }),
                   y.all_categories
                 ] }) }),
-                /* @__PURE__ */ t(re, { onClick: () => T(!0), sx: { px: 5 }, children: `${ep.view_transactions} (${h.length})` })
+                /* @__PURE__ */ t(re, { onClick: () => T(!0), sx: { px: 5 }, children: `${Ap.view_transactions} (${h.length})` })
               ] }),
               /* @__PURE__ */ l(M, { children: [
                 D === "Chart" && /* @__PURE__ */ t(
@@ -19263,7 +19266,7 @@ const UC = (e) => e.reduce((n, a) => {
                   }
                 ),
                 D === "Table" && /* @__PURE__ */ t(
-                  YC,
+                  JC,
                   {
                     monthlyCategoryTotals: d,
                     onClickRow: se,
@@ -19276,7 +19279,7 @@ const UC = (e) => e.reduce((n, a) => {
           }
         ),
         /* @__PURE__ */ t(
-          $C,
+          ep,
           {
             categoryGuid: x,
             dateRange: z,
@@ -19287,7 +19290,7 @@ const UC = (e) => e.reduce((n, a) => {
       ]
     }
   );
-}, M3 = w(Ap), tp = () => {
+}, R3 = w(tp), np = () => {
   const e = uA(), { monthlyCategoryTotals: A } = Pe(), { trends: n } = _(), a = kh(A);
   return /* @__PURE__ */ t(
     ma,
@@ -19303,7 +19306,7 @@ const UC = (e) => e.reduce((n, a) => {
       useCustomMark: !0
     }
   );
-}, np = w(tp), ap = ({ onPrimaryCtaClick: e, sx: A }) => {
+}, ap = w(np), rp = ({ onPrimaryCtaClick: e, sx: A }) => {
   const { loadMonthlyCategoryTotals: n } = Pe(), { isInitialized: a } = wn(), { trends: r } = _(), { selectedAccounts: o } = fe(), [i, s] = g.useState(!1);
   return g.useEffect(() => {
     a && n(o).finally(() => {
@@ -19317,10 +19320,10 @@ const UC = (e) => e.reduce((n, a) => {
       subTitle: r.sub_title,
       sx: A,
       title: r.mini_title,
-      children: /* @__PURE__ */ t(np, {})
+      children: /* @__PURE__ */ t(ap, {})
     }
   );
-}, R3 = w(ap);
+}, B3 = w(rp);
 export {
   q as ANALYTICS_EVENTS,
   zr as AccountApi,
@@ -19329,33 +19332,33 @@ export {
   Io as AccountFilter,
   Eo as AccountIcon,
   gc as AccountIconVariants,
-  gm as AccountStore,
+  mm as AccountStore,
   uc as AccountSubType,
   V as AccountType,
   la as AccountTypeName,
-  T3 as AccountsMiniWidget,
-  S3 as AccountsWidget,
+  I3 as AccountsMiniWidget,
+  T3 as AccountsWidget,
   Ai as ActivitySettings,
   He as ActivityStatus,
   Me as ActivityType,
   cu as AddAccountModal,
   Oc as AnalyticsApi,
   N as ApiEndpoints,
-  Zm as AppStore,
-  n3 as BarChart,
+  $m as AppStore,
+  a3 as BarChart,
   Et as BeatApi,
-  lC as BeatCard,
+  dC as BeatCard,
   en as BottomActions,
-  L3 as BubbleBudgetsMiniWidget,
-  D3 as BubbleBudgetsWidget,
+  D3 as BubbleBudgetsMiniWidget,
+  x3 as BubbleBudgetsWidget,
   Vc as Calendar,
   Lo as CalendarSelectionTypes,
-  fC as CarouselHeader,
+  vC as CarouselHeader,
   xr as CashflowApi,
-  c3 as CashflowMiniWidget,
+  l3 as CashflowMiniWidget,
   Sh as CashflowOnboarding,
   Lh as CashflowStore,
-  m3 as CashflowWidget,
+  C3 as CashflowWidget,
   rn as CategoryApi,
   ZA as CategoryColors,
   yn as CategoryGuidToName,
@@ -19365,9 +19368,9 @@ export {
   Dd as CategorySelector,
   ba as CategorySelectorDrawer,
   Md as CategoryStore,
-  aC as ChartFilledIcon,
+  rC as ChartFilledIcon,
   Wt as ConnectDrawer,
-  I3 as ConnectMiniWidget,
+  L3 as ConnectMiniWidget,
   ct as ConnectionStatus,
   je as ConnectionStatusEnums,
   an as CurrencyCodes,
@@ -19376,14 +19379,14 @@ export {
   $ as DATE_FORMATS_INTL,
   bo as DEFAULT_DONUT_SIZE,
   wo as DEFAULT_STROKE_WIDTH,
-  x3 as Dashboard,
+  O3 as Dashboard,
   ta as DashboardLocation,
   cn as DataRow,
   or as DateRangeSelector,
   ii as DebtsChart,
   Sg as DebtsStore,
   Cg as DebtsTable,
-  p3 as DebtsWidget,
+  f3 as DebtsWidget,
   Oe as Dialog,
   el as Donut,
   ce as Drawer,
@@ -19394,63 +19397,63 @@ export {
   on as GlobalCopyApi,
   wl as GlobalCopyStore,
   ut as GlobalDataContext,
-  a3 as GlobalDataProvider,
-  _3 as GlobalStore,
+  r3 as GlobalDataProvider,
+  S3 as GlobalStore,
   Pr as GoalApi,
   Fg as GoalStore,
   Zn as GoalType,
-  f3 as GoalsWidget,
-  M1 as HelpContent,
-  R1 as HelpList,
-  H1 as HelpWidget,
+  v3 as GoalsWidget,
+  R1 as HelpContent,
+  B1 as HelpList,
+  K1 as HelpWidget,
   da as INCOME_ACCOUNT_TYPES,
   et as IconBacking,
   ln as InformationTooltip,
-  O3 as InsightsMicroWidget,
-  $m as InsightsMicroWidgetDataProvider,
+  P3 as InsightsMicroWidget,
+  eC as InsightsMicroWidgetDataProvider,
   fc as IterationItemTypes,
-  J8 as LOADING_STATUS,
+  Z8 as LOADING_STATUS,
   ma as LineChart,
   PA as ListItemAction,
   bl as ListItemWrapper,
   Qe as Loader,
-  A3 as LocalizedCopyApi,
+  t3 as LocalizedCopyApi,
   Ia as ManageIncome,
   $A as MemberConnectionStatus,
-  v3 as MerchantLookup,
+  y3 as MerchantLookup,
   Zg as MerchantStore,
   tA as MetaType,
   fo as MfaStatuses,
-  gC as MicroBeatCarousel,
+  mC as MicroBeatCarousel,
   On as MicroInsightCard,
   mt as MiniWidgetContainer,
-  iC as MonthlySpendComparisonIcon,
-  i3 as MultiSegmentDonut,
+  sC as MonthlySpendComparisonIcon,
+  s3 as MultiSegmentDonut,
   s1 as NetWorthChart,
   u1 as NetWorthList,
   o1 as NetWorthStore,
   m1 as NetWorthSummary,
-  y3 as NetWorthWidget,
-  wC as NoRelevantInsightsCard,
+  E3 as NetWorthWidget,
+  _C as NoRelevantInsightsCard,
   yo as NonConnectedStatuses,
   $a as NotificationApi,
-  b3 as NotificationList,
+  w3 as NotificationList,
   b1 as NotificationStore,
   qe as NotificationType,
   dc as ORDINAL_DATE_FORMAT,
-  X8 as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  W8 as ORDINAL_MONTH_DAY_YEAR_FORMAT,
   ua as PAYMENT_ACCOUNT_TYPES,
   Va as PaymentCategories,
   pc as PlanTypes,
   hc as ProcessingStatuses,
   po as PropertyType,
-  V8 as PropertyTypeName,
-  Y8 as RECURRENCE_COPY,
+  Y8 as PropertyTypeName,
+  J8 as RECURRENCE_COPY,
   G as RecurrenceTypes,
-  g3 as RecurringActivityMiniWidget,
+  m3 as RecurringActivityMiniWidget,
   Ju as RecurringActivityStore,
-  h3 as RecurringActivityWidget,
-  s3 as ResponsiveButton,
+  g3 as RecurringActivityWidget,
+  c3 as ResponsiveButton,
   ha as SPENDING_ACCOUNT_TYPES,
   Fl as ScheduledPaymentTypes,
   er as ScheduledPaymentsApi,
@@ -19459,14 +19462,14 @@ export {
   cr as SelectionBox,
   Kr as SettingsApi,
   D1 as SettingsStore,
-  w3 as SettingsWidget,
+  _3 as SettingsWidget,
   Ro as SingleSegmentDonut,
   vc as Sizes,
-  P3 as SpendingMiniWidget,
-  N3 as SpendingWidget,
+  N3 as SpendingMiniWidget,
+  M3 as SpendingWidget,
   hl as StackedLineChart,
   Gt as StatusBar,
-  W8 as StatusName,
+  V8 as StatusName,
   Dt as TOUCH_TARGET,
   k as TRANSACTION_EVENTS,
   bt as TabContentContainer,
@@ -19480,22 +19483,22 @@ export {
   Xl as TransactionStore,
   ud as TransactionTable,
   nA as TransactionType,
-  u3 as TransactionWidget,
-  M3 as TrendsFullWidget,
-  R3 as TrendsMiniWidget,
+  h3 as TransactionWidget,
+  R3 as TrendsFullWidget,
+  B3 as TrendsMiniWidget,
   Ar as UserApi,
-  q1 as UserStore,
+  z1 as UserStore,
   Gl as UserVerification,
-  SC as ViewMoreMicroCard,
+  TC as ViewMoreMicroCard,
   tr as WidgetApi,
   lA as WidgetContainer,
   Do as WidgetContainerContext,
   xo as WidgetContainerProvider,
-  IC as ZeroStateCard,
+  LC as ZeroStateCard,
   wi as ZeroStateIcon,
   lc as analyticsSession,
   P as buildDynamicCopy,
-  e3 as buildPluralCopy,
+  A3 as buildPluralCopy,
   qo as exportTransactionsToCSV,
   R as formatCurrency,
   Ae as formatDate,
@@ -19505,13 +19508,13 @@ export {
   ni as getAccountBalanceDetails,
   ah as getAccountDetailFields,
   Ja as getCategory,
-  Z8 as getCategoryTotalsByParent,
+  $8 as getCategoryTotalsByParent,
   wc as getCurrencyCodes,
   yc as getDetailedCategory,
   Ec as getDetailedSubCategory,
   nt as getLocale,
-  E3 as getNotificationDetailRoute,
-  $8 as isIncome,
+  b3 as getNotificationDetailRoute,
+  e3 as isIncome,
   Vn as isValidNumber,
   pe as useAccountStore,
   hA as useAccountUiStore,
@@ -19523,7 +19526,7 @@ export {
   Mc as useCombinePageviews,
   Po as useDebtStore,
   Q as useEvent,
-  z1 as useGetMergeableAccounts,
+  k1 as useGetMergeableAccounts,
   _ as useGlobalCopyStore,
   wn as useGlobalStore,
   fe as useGlobalUiStore,
@@ -19532,11 +19535,11 @@ export {
   ol as useMerchantStore,
   il as useNetWorthStore,
   No as useNotificationStore,
-  o3 as usePageView,
-  t3 as usePrevious,
+  i3 as usePageView,
+  n3 as usePrevious,
   Ge as useRecurringActivityStore,
   De as useScreenSize,
-  r3 as useSettingsStore,
+  o3 as useSettingsStore,
   me as useTransactionStore,
   iA as useTransactionsUiStore,
   ht as useUserStore,