@mx-cartographer/experiences 7.0.0-alpha.mega1 → 7.0.1-alpha.al0

package/dist/common/index.es.js

@@ -1,82 +1,79 @@
 import { G as M } from "../useCombineEvents-DaDBSR_1.mjs";
-import { A as ls, a as us, u as hs, b as gs } from "../useCombineEvents-DaDBSR_1.mjs";
+import { A as ts, a as es, u as ss, b as as } from "../useCombineEvents-DaDBSR_1.mjs";
 import { F as y, A as l } from "../Fetch-CkFKy79O.mjs";
-import { B as ms } from "../BeatApi-DLu87ijw.mjs";
-import { C as st } from "../CategoryStore-B5EW6I1d.mjs";
-import { a as ys } from "../CategoryStore-B5EW6I1d.mjs";
-import { N as rt } from "../NotificationStore-DHtSGySy.mjs";
-import { a as Ss } from "../NotificationStore-DHtSGySy.mjs";
-import { T as at } from "../Transaction-CA0FW2Ij.mjs";
-import { C as ws, b as xs, L as Cs, a as Ds } from "../Transaction-CA0FW2Ij.mjs";
-import { H as ot } from "../Help-DhcC-C05.mjs";
-import { E as As } from "../Help-DhcC-C05.mjs";
-import { M as Ts } from "../MicroWidgetContainer-CsvHLYKX.mjs";
-import { M as Is } from "../MiniWidgetContainer-BoOp-A05.mjs";
-import { A as Fs, D as Ms, W as $s } from "../WidgetContainer-DWCusxYI.mjs";
-import { i as ks, a as Us, e as Os, l as Ls, A as Gs, f as Hs, j as Ps, d as qs, k as Ws, E as Qs, h as Ys, N as zs, g as Xs, P as Ks, m as js, S as Vs } from "../ConnectDrawer-D9cR5phc.mjs";
-import { C as Js } from "../CurrencyInput-D74cemI2.mjs";
-import { L as er } from "../Loader-Dp1P2gNw.mjs";
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import Z, { useRef as nt, useEffect as it } from "react";
-import ct from "@mui/material/Button";
-import dt from "@mui/material/IconButton";
-import lt from "@mui/material/Tooltip";
-import ut from "@mui/material/styles/useTheme";
-import { S as rr } from "../SearchBox-B2_zLv8-.mjs";
-import { T as ht } from "../TransactionStore-CeLdmVnC.mjs";
-import { S as or } from "../TransactionStore-CeLdmVnC.mjs";
-import { T as ir } from "../TabContentContainer-j01JYR_7.mjs";
-import { I as dr } from "../IconBacking-B9oC6uL2.mjs";
-import { D as ur, F as hr, a as gr, c as pr, R as mr, S as _r } from "../RepeatingTransaction-BPWfaB3f.mjs";
-import { C as gt } from "../CashflowStore-D9Dpuz7X.mjs";
-import { I as fr } from "../CashflowStore-D9Dpuz7X.mjs";
-import { b as pt } from "../GoalStore-DioeeL-s.mjs";
-import { C as br, G as wr, M as xr, T as Cr } from "../GoalStore-DioeeL-s.mjs";
-import { C as vr } from "../CurrencyText-YUhH2caW.mjs";
-import { E as Er } from "../EmptyState-Dcb-o2tl.mjs";
-import { L as Br } from "../ListItemAction-BabpYivr.mjs";
-import { A as Nr, B as Fr, I as Mr, N as $r, T as Rr, a as kr } from "../Notification-AMGWM1Al.mjs";
-import { css as w, keyframes as mt } from "@mxenabled/cssinjs";
+import { B as os } from "../BeatApi-DLu87ijw.mjs";
+import { C as et } from "../CategoryStore-BOyzQjQp.mjs";
+import { a as is } from "../CategoryStore-BOyzQjQp.mjs";
+import { N as st } from "../NotificationStore-DHtSGySy.mjs";
+import { a as ds } from "../NotificationStore-DHtSGySy.mjs";
+import { T as at } from "../Transaction-CyqrHmAA.mjs";
+import { C as us, b as hs, L as gs, a as ps } from "../Transaction-CyqrHmAA.mjs";
+import { H as rt } from "../Help-DhcC-C05.mjs";
+import { E as _s } from "../Help-DhcC-C05.mjs";
+import { M as fs } from "../MicroWidgetContainer-DmYiksbT.mjs";
+import { M as bs } from "../MiniWidgetContainer-DqKQNubH.mjs";
+import { A as xs, D as Cs, W as Ds } from "../WidgetContainer-BG-fdDOf.mjs";
+import { i as As, a as Es, e as Ts, l as Bs, A as Is, f as Ns, j as Fs, d as Ms, k as $s, E as Rs, h as Us, N as ks, g as Ls, P as Os, m as Gs, S as Hs } from "../ConnectDrawer-WfKHsHSF.mjs";
+import { C as qs } from "../CurrencyInput-CSZjO22Z.mjs";
+import { L as Qs } from "../Loader-Dp1P2gNw.mjs";
+import { R as zs } from "../ResponsiveButton-DZFp78fJ.mjs";
+import { S as Ks } from "../SearchBox-B2_zLv8-.mjs";
+import { T as ot } from "../TransactionStore-DSyXtPek.mjs";
+import { S as Vs } from "../TransactionStore-DSyXtPek.mjs";
+import { T as Js } from "../TabContentContainer-j01JYR_7.mjs";
+import { I as ea } from "../IconBacking-B9oC6uL2.mjs";
+import { D as aa, F as ra, a as oa, c as na, R as ia, S as ca } from "../RepeatingTransaction-BPWfaB3f.mjs";
+import { C as nt } from "../CashflowStore-D9Dpuz7X.mjs";
+import { I as la } from "../CashflowStore-D9Dpuz7X.mjs";
+import { b as it } from "../GoalStore-Drf76ell.mjs";
+import { C as ha, G as ga, M as pa, T as ma } from "../GoalStore-Drf76ell.mjs";
+import { C as ya } from "../CurrencyText-YUhH2caW.mjs";
+import { E as Sa } from "../EmptyState-Dcb-o2tl.mjs";
+import { L as wa } from "../ListItemAction-BzmbPuNp.mjs";
+import { T as ct } from "../TrendsStore-DR8etTL2.mjs";
+import { L as Ca, S as Da, u as va } from "../TrendsStore-DR8etTL2.mjs";
+import { A as Ea, B as Ta, I as Ba, N as Ia, T as Na, a as Fa } from "../Notification-ByMBpJ5u.mjs";
+import { jsxs as _, jsx as c } 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 Or } from "../Donut-1UMNcG67.mjs";
-import { L as Gr } from "../LineChart-CcyX38kK.mjs";
-import { T as _t } from "../TrendsStore-BHJUapXF.mjs";
-import { S as Pr, u as qr } from "../TrendsStore-BHJUapXF.mjs";
-import { S as Qr } from "../StatusBar-BK_uYHAB.mjs";
-import { D as zr, a as Xr, O as Kr, b as jr, f as Vr } from "../Dialog-CWW597AF.mjs";
-import { D as yt, a as ft } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { S as Jr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { D as ea } from "../Drawer-kEE73B87.mjs";
-import { I as ra, P as aa, S as oa } from "../Account-DY6nxO7y.mjs";
-import { c as E } from "../Category-5S6uwuXz.mjs";
-import { a as ia, C as ca, b as da, P as la } from "../Category-5S6uwuXz.mjs";
-import { C as ha, f as ga, b as pa, a as ma, g as _a, i as ya } from "../NumberFormatting-CtWHhyBX.mjs";
-import { R as St } from "../RecurringTransactionsStore-BKLD3OWo.mjs";
-import { S as Sa, T as ba } from "../RecurringTransactionsStore-BKLD3OWo.mjs";
-import { G as xa, A as Ca, B as Da, W as va, c as Aa, j as Ea, e as Ta, t as Ba, k as Ia, x as Na, g as Fa, w as Ma, u as $a, l as Ra, a as ka, i as Ua, y as Oa, s as La, b as Ga, q as Ha, m as Pa, z as qa, f as Wa, r as Qa, n as Ya, v as za, o as Xa, p as Ka } from "../hooks-30y_BLwc.mjs";
-import { u as Va } from "../useScreenSize-B6JyS_Lj.mjs";
-import { makeAutoObservable as _, runInAction as p, reaction as bt } from "mobx";
-import { a as wt } from "../AccountStore-CU7qV3vg.mjs";
-import xt from "posthog-js";
-import { B as Ct } from "../BeatStore-By4aGoRM.mjs";
-import { endOfMonth as J } from "date-fns/endOfMonth";
-import { startOfMonth as tt } from "date-fns/startOfMonth";
-import { startOfToday as O } from "date-fns/startOfToday";
-import { f as Dt, a as vt, b as L } from "../BudgetUtil-Ci1TN0J5.mjs";
-import { g as Ja, e as to, c as eo, d as so, i as ro } from "../BudgetUtil-Ci1TN0J5.mjs";
-import { a as At } from "../DebtsStore-S0l9kr0r.mjs";
-import { a as Et } from "../FinstrongStore-mkALvztw.mjs";
-import { A as Tt, m as Bt, a as It, b as Nt } from "../InvestmentUtil-jOyOgzIB.mjs";
-import { M as Ft } from "../MerchantStore-DVH-QOf0.mjs";
-import { N as Mt } from "../NetWorthStore-PD-RUe09.mjs";
-import { a as $t } from "../SettingsStore-CE7jDVFL.mjs";
-import { addMonths as Rt } from "date-fns/addMonths";
+import { D as $a } from "../Donut-1UMNcG67.mjs";
+import { L as Ua } from "../LineChart-CYiUS-px.mjs";
+import { S as La } from "../StatusBar-BK_uYHAB.mjs";
+import { D as Ga, a as Ha, O as Pa, b as qa, f as Wa } from "../Dialog-CWW597AF.mjs";
+import { D as gt, a as pt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { S as Ya } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { D as Xa } from "../Drawer-kEE73B87.mjs";
+import { I as ja, P as Va, S as Za } from "../Account-BFol-JYA.mjs";
+import { b as E } from "../Category-CevNQ03n.mjs";
+import { C as tr, c as er, a as sr, P as ar } from "../Category-CevNQ03n.mjs";
+import { C as or, f as nr, b as ir, a as cr, g as dr, i as lr } from "../NumberFormatting-CtWHhyBX.mjs";
+import { R as mt } from "../RecurringTransactionsStore-BKLD3OWo.mjs";
+import { S as hr, T as gr } from "../RecurringTransactionsStore-BKLD3OWo.mjs";
+import { G as mr, A as _r, B as yr, W as fr, c as Sr, k as br, g as wr, t as xr, l as Cr, x as Dr, e as vr, w as Ar, u as Er, m as Tr, a as Br, j as Ir, y as Nr, s as Fr, b as Mr, q as $r, n as Rr, z as Ur, h as kr, r as Lr, f as Or, v as Gr, o as Hr, p as Pr } from "../hooks-02T565vf.mjs";
+import { u as Wr } from "../useScreenSize-B6JyS_Lj.mjs";
+import { makeAutoObservable as m, runInAction as p, reaction as _t } from "mobx";
+import { a as yt } from "../AccountStore-Cu3GoLh-.mjs";
+import ft from "posthog-js";
+import { B as St } from "../BeatStore-By4aGoRM.mjs";
+import { endOfMonth as Z } from "date-fns/endOfMonth";
+import { startOfMonth as J } from "date-fns/startOfMonth";
+import { startOfToday as L } from "date-fns/startOfToday";
+import { f as bt, a as wt, b as O } from "../BudgetUtil-spowPvBM.mjs";
+import { g as Yr, e as zr, c as Xr, d as Kr, i as jr } from "../BudgetUtil-spowPvBM.mjs";
+import { a as xt } from "../DebtsStore-D9holN8L.mjs";
+import { a as Ct } from "../FinstrongStore-mkALvztw.mjs";
+import { A as Dt, m as vt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
+import { M as Tt } from "../MerchantStore-DVH-QOf0.mjs";
+import { N as Bt } from "../NetWorthStore-BK1_NbXW.mjs";
+import { a as It } from "../SettingsStore-B4gi6oOw.mjs";
+import { addMonths as Nt } from "date-fns/addMonths";
 import { getMonth as T } from "date-fns/getMonth";
-import { i as oo } from "../DateUtil-BcuH7ErC.mjs";
-import { b as io, a as co, g as lo } from "../Localization-2MODESHW.mjs";
-import { alpha as kt, lighten as G, darken as H } from "@mui/material";
-var Ut = /* @__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))(Ut || {});
-const Ze = [
+import { i as Zr } from "../DateUtil-BcuH7ErC.mjs";
+import { b as to, a as eo, g as so } from "../Localization-2MODESHW.mjs";
+import { alpha as Ft, lighten as G, darken as H } from "@mui/material";
+var Mt = /* @__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))(Mt || {});
+const qe = [
   { id: 0, copy: "frequency_unknown" },
   { id: 1, copy: "frequency_every_week" },
   { id: 2, copy: "frequency_every_other_week" },
@@ -85,43 +82,43 @@ const Ze = [
   { id: 5, copy: "frequency_every_quarter" },
   { id: 6, copy: "frequency_every_other_quarter" },
   { id: 7, copy: "frequency_every_year" }
-], Je = {
+], We = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
 };
-var Ot = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))(Ot || {}), Lt = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))(Lt || {});
-const ts = (s, t) => {
-  const e = s.palette.mode === "dark", r = (d, c) => {
-    const i = t?.[d];
+var $t = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))($t || {}), Rt = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))(Rt || {});
+const Qe = (s, t) => {
+  const e = s.palette.mode === "dark", a = (d, i) => {
+    const n = t?.[d];
     return {
-      lighter: i ? G(i, 0.5) : c.lighter,
-      light: i ? G(i, 0.25) : c.light,
-      main: i || c.main,
-      dark: i ? H(i, 0.25) : c.dark,
-      darker: i ? H(i, 0.5) : c.darker
+      lighter: n ? G(n, 0.5) : i.lighter,
+      light: n ? G(n, 0.25) : i.light,
+      main: n || i.main,
+      dark: n ? H(n, 0.25) : i.dark,
+      darker: n ? H(n, 0.5) : i.darker
     };
-  }, a = {
-    primary: r(e ? "primary_color_dark" : "primary_color", s.palette.primary),
-    secondary: r(e ? "neutral_color_dark" : "neutral_color", s.palette.secondary),
-    error: r(e ? "error_color_dark" : "error_color", s.palette.error),
-    warning: r(e ? "warning_color_dark" : "warning_color", s.palette.warning),
-    info: r(e ? "info_color_dark" : "info_color", s.palette.info),
-    success: r(e ? "success_color_dark" : "success_color", s.palette.success)
+  }, r = {
+    primary: a(e ? "primary_color_dark" : "primary_color", s.palette.primary),
+    secondary: a(e ? "neutral_color_dark" : "neutral_color", s.palette.secondary),
+    error: a(e ? "error_color_dark" : "error_color", s.palette.error),
+    warning: a(e ? "warning_color_dark" : "warning_color", s.palette.warning),
+    info: a(e ? "info_color_dark" : "info_color", s.palette.info),
+    success: a(e ? "success_color_dark" : "success_color", s.palette.success)
   }, o = {
     MuiTabs: {
       styleOverrides: {
         indicator: {
-          backgroundColor: a.primary.light
+          backgroundColor: r.primary.light
         }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: a.primary.lighter,
+          color: r.primary.lighter,
           "&:hover": {
-            backgroundColor: kt(a.primary.light, 0.1)
+            backgroundColor: Ft(r.primary.light, 0.1)
           }
         }
       }
@@ -216,7 +213,7 @@ const ts = (s, t) => {
         fontFamily: t?.system_font ?? s.typography.fontFamily
       }
     },
-    palette: a,
+    palette: r,
     components: o,
     shape: {
       borderRadius: t?.button_corner_radius ?? s.shape.borderRadius
@@ -234,13 +231,13 @@ class P {
   getBanner = async (t) => {
     try {
       const e = `/banner/${t}/account_widget_banner`;
-      return this.fetchInstance?.get(e).then((r) => r.banner) ?? {};
+      return this.fetchInstance?.get(e).then((a) => a.banner) ?? {};
     } catch (e) {
       return console.error("Error fetching banner:", e), null;
     }
   };
 }
-class es {
+class Ye {
   fetchInstance;
   constructor(t, e) {
     this.fetchInstance = new y(t, e);
@@ -248,7 +245,7 @@ class es {
   getLocalizedCopy = async (t) => this.fetchInstance.post(l.LOCALIZED_COPY, t).then((e) => e);
   getLocalizedContent = async (t) => this.fetchInstance.post(`${l.LOCALIZED_CONTENT}/${t}`).then((e) => e);
 }
-class ss {
+class ze {
   fetchInstance;
   constructor(t, e) {
     this.fetchInstance = new y(t, e);
@@ -278,24 +275,24 @@ class q {
   }
   requestWidgetUrl = async (t) => this.fetchInstance.post(l.WIDGET_URLS, t).then((e) => e.widget_url);
 }
-const rs = (s) => {
-  const t = nt();
-  return it(() => {
+const Xe = (s) => {
+  const t = lt();
+  return ut(() => {
     t.current = s;
   }, [s]), t.current;
-}, Gt = ({ color: s, labelAverage: t, labelMain: e }) => {
-  const r = x(), a = Ht(r, s);
-  return /* @__PURE__ */ m("div", { className: `mx-cmn-bar-chart-legend ${a}`, children: [
-    /* @__PURE__ */ n("div", { "aria-label": e, className: "mx-cmn-color-square", role: "img" }),
-    /* @__PURE__ */ n(B, { variant: "XSmall", children: e }),
-    /* @__PURE__ */ m("div", { "aria-label": t, className: "mx-cmn-triple-dot", role: "img", children: [
-      /* @__PURE__ */ n("div", { className: "mx-cmn-dot" }),
-      /* @__PURE__ */ n("div", { className: "mx-cmn-dot" }),
-      /* @__PURE__ */ n("div", { className: "mx-cmn-dot" })
+}, Ut = ({ color: s, labelAverage: t, labelMain: e }) => {
+  const a = x(), r = kt(a, s);
+  return /* @__PURE__ */ _("div", { className: `mx-cmn-bar-chart-legend ${r}`, children: [
+    /* @__PURE__ */ c("div", { "aria-label": e, className: "mx-cmn-color-square", role: "img" }),
+    /* @__PURE__ */ c(B, { variant: "XSmall", children: e }),
+    /* @__PURE__ */ _("div", { "aria-label": t, className: "mx-cmn-triple-dot", role: "img", children: [
+      /* @__PURE__ */ c("div", { className: "mx-cmn-dot" }),
+      /* @__PURE__ */ c("div", { className: "mx-cmn-dot" }),
+      /* @__PURE__ */ c("div", { className: "mx-cmn-dot" })
     ] }),
-    /* @__PURE__ */ n(B, { variant: "XSmall", children: t })
+    /* @__PURE__ */ c(B, { variant: "XSmall", children: t })
   ] });
-}, Ht = (s, t) => w({
+}, kt = (s, t) => w({
   alignItems: "center",
   display: "flex",
   gap: s.Spacing.XSmall,
@@ -325,43 +322,43 @@ const rs = (s) => {
   ariaLabel: s,
   color: t,
   height: e,
-  index: r,
-  label: a,
+  index: a,
+  label: r,
   onClick: o,
   selectedIndex: d,
-  value: c
+  value: i
 }) => {
-  const i = x(), u = Pt(i, t, e), h = (S) => {
-    o && (S.key === " " || S.key === "Enter") && o(r);
-  }, f = d === void 0 || d === r ? "primary" : "secondary", g = () => /* @__PURE__ */ n(
+  const n = x(), u = Lt(n, t, e), h = (S) => {
+    o && (S.key === " " || S.key === "Enter") && o(a);
+  }, f = d === void 0 || d === a ? "primary" : "secondary", g = () => /* @__PURE__ */ c(
     B,
     {
       "aria-hidden": !0,
-      bold: d === r,
+      bold: d === a,
       className: "mx-cmn-bar-text",
       color: f,
       component: "div",
       variant: "Small",
-      children: a
+      children: r
     }
   );
-  return /* @__PURE__ */ m("div", { className: `mx-cmn-bar-container ${u} ${c < 0 ? "mx-cmn-negative" : ""}`, children: [
-    c >= 0 && /* @__PURE__ */ n(g, {}),
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ _("div", { className: `mx-cmn-bar-container ${u} ${i < 0 ? "mx-cmn-negative" : ""}`, children: [
+    i >= 0 && /* @__PURE__ */ c(g, {}),
+    /* @__PURE__ */ c(
       "div",
       {
         "aria-label": s,
-        className: `mx-cmn-bar ${o ? "mx-cmn-clickable" : ""} ${c < 0 ? "mx-cmn-bar-negative" : ""}`,
-        onClick: o ? () => o?.(r) : void 0,
+        className: `mx-cmn-bar ${o ? "mx-cmn-clickable" : ""} ${i < 0 ? "mx-cmn-bar-negative" : ""}`,
+        onClick: o ? () => o?.(a) : void 0,
         onKeyDown: h,
         role: s ? "button" : void 0,
         tabIndex: s ? 0 : void 0
       }
     ),
-    c < 0 && /* @__PURE__ */ n(g, {})
+    i < 0 && /* @__PURE__ */ c(g, {})
   ] });
-}, Pt = (s, t, e) => {
-  const r = `expandBar-${Math.round(e)}`, a = mt(r, { from: { height: 0 }, to: { height: e } });
+}, Lt = (s, t, e) => {
+  const a = `expandBar-${Math.round(e)}`, r = ht(a, { from: { height: 0 }, to: { height: e } });
   return w({
     display: "flex",
     flexDirection: "column",
@@ -374,7 +371,7 @@ const rs = (s) => {
       animationDelay: ".5s",
       animationDuration: "1s",
       animationFillMode: "forwards",
-      animationName: a,
+      animationName: r,
       animationTimingFunction: s.Easing.Default,
       backgroundColor: t,
       borderRadius: `${s.BorderRadius.Medium}px ${s.BorderRadius.Medium}px 0 0`,
@@ -397,56 +394,56 @@ const rs = (s) => {
   ariaLabel: s,
   averageLineHeight: t,
   bottomHeight: e,
-  color: r,
-  index: a = -1,
+  color: a,
+  index: r = -1,
   onClick: o,
   range: d,
-  selectedIndex: c,
-  topHeight: i,
+  selectedIndex: i,
+  topHeight: n,
   value: u,
   valueLabel: h = "",
   width: f,
   xAxisLabel: g = ""
 }) => {
-  const S = x(), C = qt(S, f), D = u / d * i, v = Math.abs(u) / d * e, A = c === void 0 || c === a ? "primary" : "secondary";
-  return /* @__PURE__ */ m("div", { className: `mx-cmn-barchart-bar-column ${C}`, children: [
-    /* @__PURE__ */ n("div", { style: { height: i }, children: u >= 0 && /* @__PURE__ */ n(
+  const S = x(), C = Ot(S, f), D = u / d * n, v = Math.abs(u) / d * e, A = i === void 0 || i === r ? "primary" : "secondary";
+  return /* @__PURE__ */ _("div", { className: `mx-cmn-barchart-bar-column ${C}`, children: [
+    /* @__PURE__ */ c("div", { style: { height: n }, children: u >= 0 && /* @__PURE__ */ c(
       W,
       {
         ariaLabel: s,
-        color: r,
+        color: a,
         height: D,
-        index: a,
+        index: r,
         label: h,
         onClick: o,
-        selectedIndex: c,
+        selectedIndex: i,
         value: u
       }
     ) }),
-    /* @__PURE__ */ n("div", { className: "mx-cmn-zero-line" }),
-    t !== 0 && /* @__PURE__ */ n("div", { className: "mx-cmn-chart-average", style: { bottom: t } }),
-    /* @__PURE__ */ n("div", { style: { height: e }, children: u < 0 && /* @__PURE__ */ n(
+    /* @__PURE__ */ c("div", { className: "mx-cmn-zero-line" }),
+    t !== 0 && /* @__PURE__ */ c("div", { className: "mx-cmn-chart-average", style: { bottom: t } }),
+    /* @__PURE__ */ c("div", { style: { height: e }, children: u < 0 && /* @__PURE__ */ c(
       W,
       {
         ariaLabel: s,
-        color: r,
+        color: a,
         height: v,
-        index: a,
+        index: r,
         label: h,
         onClick: o,
         value: u
       }
     ) }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ c(
       "div",
       {
         className: `mx-cmn-bar-label ${o ? "mx-cmn-clickable" : ""}`,
-        onClick: o ? () => o(a) : void 0,
-        children: /* @__PURE__ */ n(B, { bold: c === a, color: A, variant: "Small", children: g })
+        onClick: o ? () => o(r) : void 0,
+        children: /* @__PURE__ */ c(B, { bold: i === r, color: A, variant: "Small", children: g })
       }
     )
   ] });
-}, qt = (s, t) => w({
+}, Ot = (s, t) => w({
   display: "flex",
   flexDirection: "column",
   flexGrow: t === void 0 ? 1 : 0,
@@ -471,25 +468,25 @@ const rs = (s) => {
   "& .mx-cmn-clickable": {
     cursor: "pointer"
   }
-}), Wt = (s, t) => s + t, Qt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, Yt = (s, t) => [...s, t.value], Y = (s, t, e) => {
-  const r = s && t ? e / 2 : e;
-  return s ? r : 0;
-}, zt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, Xt = ({
+}), Gt = (s, t) => s + t, Ht = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, Pt = (s, t) => [...s, t.value], Y = (s, t, e) => {
+  const a = s && t ? e / 2 : e;
+  return s ? a : 0;
+}, qt = (s, t, e, a) => s / (t < 0 ? -e : t) * a || 0, Wt = ({
   average: s,
   barWidth: t = "8%",
   color: e,
-  data: r,
-  height: a,
+  data: a,
+  height: r,
   legendLabelAverage: o,
   legendLabelMain: d,
-  onBarClick: c,
-  selectedIndex: i,
+  onBarClick: i,
+  selectedIndex: n,
   valueFormatter: u = (h) => `${h}`
 }) => {
-  const h = x(), f = Kt(h), g = r.reduce(Yt, []), S = s !== void 0 ? s : g.reduce(Wt, 0) / g.length, C = Math.max(...g), D = Math.min(...g), v = g.reduce(Qt, 0), A = C >= 0, R = D < 0, I = Y(A, R, a), N = Y(R, A, a), k = zt(S, C, D, I || N), et = (b) => i === void 0 || b === i ? e : `${e}80`, U = () => /* @__PURE__ */ n(
+  const h = x(), f = Qt(h), g = a.reduce(Pt, []), S = s !== void 0 ? s : g.reduce(Gt, 0) / g.length, C = Math.max(...g), D = Math.min(...g), v = g.reduce(Ht, 0), A = C >= 0, R = D < 0, I = Y(A, R, r), N = Y(R, A, r), U = qt(S, C, D, I || N), tt = (b) => n === void 0 || b === n ? e : `${e}80`, k = () => /* @__PURE__ */ c(
     Q,
     {
-      averageLineHeight: k,
+      averageLineHeight: U,
       bottomHeight: N,
       color: "",
       range: v,
@@ -498,21 +495,21 @@ const rs = (s) => {
       width: void 0
     }
   );
-  return /* @__PURE__ */ m("div", { className: `mx-cmn-bar-chart ${f}`, children: [
-    /* @__PURE__ */ m("div", { className: "mx-cmn-chart-container", children: [
-      /* @__PURE__ */ n(U, {}),
-      r.map((b, F) => /* @__PURE__ */ m(Z.Fragment, { children: [
-        /* @__PURE__ */ n(
+  return /* @__PURE__ */ _("div", { className: `mx-cmn-bar-chart ${f}`, children: [
+    /* @__PURE__ */ _("div", { className: "mx-cmn-chart-container", children: [
+      /* @__PURE__ */ c(k, {}),
+      a.map((b, F) => /* @__PURE__ */ _(dt.Fragment, { children: [
+        /* @__PURE__ */ c(
           Q,
           {
             ariaLabel: b.ariaLabel,
-            averageLineHeight: k,
+            averageLineHeight: U,
             bottomHeight: N,
-            color: et(F),
+            color: tt(F),
             index: F,
-            onClick: c,
+            onClick: i,
             range: v,
-            selectedIndex: i,
+            selectedIndex: n,
             topHeight: I,
             value: b.value,
             valueLabel: u(b.value),
@@ -520,12 +517,12 @@ const rs = (s) => {
             xAxisLabel: b.label
           }
         ),
-        /* @__PURE__ */ n(U, {})
+        /* @__PURE__ */ c(k, {})
       ] }, `column-${F}`))
     ] }),
-    /* @__PURE__ */ n(Gt, { color: e, labelAverage: o, labelMain: d })
+    /* @__PURE__ */ c(Ut, { color: e, labelAverage: o, labelMain: d })
   ] });
-}, Kt = (s) => w({
+}, Qt = (s) => w({
   "& .mx-cmn-chart-container": {
     alignItems: "flex-end",
     display: "flex",
@@ -533,47 +530,47 @@ const rs = (s) => {
     marginTop: s.Spacing.Large,
     marginBottom: s.Spacing.Medium
   }
-}), as = Xt, jt = ({
+}), Ke = Wt, Yt = ({
   hasGap: s = !1,
   segments: t,
-  size: e = yt,
-  strokeWidth: r = ft,
-  children: a
+  size: e = gt,
+  strokeWidth: a = pt,
+  children: r
 }) => {
-  const o = x(), d = Vt(o, e), c = (e - r) / 2, i = e / 2;
+  const o = x(), d = zt(o, e), i = (e - a) / 2, n = e / 2;
   let u = -90 - (s ? 1 : 0), h = 0;
-  return /* @__PURE__ */ m("div", { className: `mx-cmn-multi-segment-donut ${d}`, children: [
-    /* @__PURE__ */ m("svg", { height: e, width: e, children: [
-      /* @__PURE__ */ n(
+  return /* @__PURE__ */ _("div", { className: `mx-cmn-multi-segment-donut ${d}`, children: [
+    /* @__PURE__ */ _("svg", { height: e, width: e, children: [
+      /* @__PURE__ */ c(
         "circle",
         {
-          cx: i,
-          cy: i,
+          cx: n,
+          cy: n,
           fill: "none",
-          r: c,
+          r: i,
           stroke: o.Color.Neutral300,
-          strokeWidth: r
+          strokeWidth: a
         }
       ),
-      t.map((f, g) => (u += 360 * h + (s ? 1 : 0), h = (f.percent - (s ? 0.3 : 0)) / 100, /* @__PURE__ */ n(
+      t.map((f, g) => (u += 360 * h + (s ? 1 : 0), h = (f.percent - (s ? 0.3 : 0)) / 100, /* @__PURE__ */ c(
         "circle",
         {
-          cx: i,
-          cy: i,
+          cx: n,
+          cy: n,
           fill: "none",
-          r: c,
+          r: i,
           stroke: f.color,
-          strokeDasharray: 2 * Math.PI * c,
-          strokeDashoffset: 2 * Math.PI * c * (1 - h),
-          strokeWidth: r,
-          transform: `rotate(${u}, ${i}, ${i})`
+          strokeDasharray: 2 * Math.PI * i,
+          strokeDashoffset: 2 * Math.PI * i * (1 - h),
+          strokeWidth: a,
+          transform: `rotate(${u}, ${n}, ${n})`
         },
         g
       )))
     ] }),
-    /* @__PURE__ */ n("div", { className: "mx-cmn-multi-segment-donut-children", children: a })
+    /* @__PURE__ */ c("div", { className: "mx-cmn-multi-segment-donut-children", children: r })
   ] });
-}, Vt = (s, t) => w({
+}, zt = (s, t) => w({
   height: t,
   marginTop: `-${s.Spacing.XSmall}px`,
   position: "relative",
@@ -585,50 +582,15 @@ const rs = (s) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), os = jt, Zt = ({
-  icon: s,
-  label: t,
-  onClick: e,
-  placement: r = "bottom",
-  tooltipText: a,
-  variant: o = "text"
-}) => {
-  const d = ut();
-  return /* @__PURE__ */ m(Z.Fragment, { children: [
-    /* @__PURE__ */ n(
-      ct,
-      {
-        onClick: e,
-        startIcon: s,
-        sx: {
-          [d.breakpoints.down("lg")]: { display: "none" },
-          [d.breakpoints.up("lg")]: { display: "inline-flex" }
-        },
-        title: a,
-        variant: o,
-        children: t
-      }
-    ),
-    /* @__PURE__ */ n(
-      lt,
-      {
-        describeChild: !0,
-        placement: r,
-        sx: { display: { xs: "inline-flex", lg: "none" } },
-        title: a,
-        children: /* @__PURE__ */ n(dt, { onClick: e, children: s })
-      }
-    )
-  ] });
-}, ns = Zt;
-class Jt {
+}), je = Yt;
+class Xt {
   globalStore;
   api = new M("/", "");
   copy = {};
   featureNamespace = "experiences";
   isInitialized = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new M(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new M(t.endpoint, t.sessionToken), m(this);
   }
   // DEPRECATED: Initialize api in constructor and use loadCopy instead
   // TODO: Remove this function
@@ -642,16 +604,16 @@ class Jt {
   };
   getCopy = async (t, e = "") => {
     try {
-      const r = await this.api.getGlobalCopy(t, e);
+      const a = await this.api.getGlobalCopy(t, e);
       p(() => {
-        this.copy = r[t];
+        this.copy = a[t];
       });
-    } catch (r) {
-      console.error(`Error occurred while fetching ${this.featureNamespace} copy: ${r}`);
+    } catch (a) {
+      console.error(`Error occurred while fetching ${this.featureNamespace} copy: ${a}`);
     }
   };
 }
-class te {
+class Kt {
   globalStore;
   survey = null;
   currentQuestionIndex = 0;
@@ -659,7 +621,7 @@ class te {
   response = null;
   responses = {};
   constructor(t) {
-    this.globalStore = t, _(this);
+    this.globalStore = t, m(this);
   }
   get isLastQuestion() {
     return this.currentQuestionIndex === this.surveyQuestions.length - 1;
@@ -681,11 +643,11 @@ class te {
     return this.survey ? this.survey.questions : [];
   }
   loadSurvey = (t = !1) => {
-    xt.getActiveMatchingSurveys((e) => {
+    ft.getActiveMatchingSurveys((e) => {
       p(() => {
         if (e.length > 0) {
-          const r = e.find((a) => a.id === this.surveyId);
-          r && (this.survey = r, this.currentQuestionIndex = 0, this.question = r.questions[0], this.response = null, this.responses = {});
+          const a = e.find((r) => r.id === this.surveyId);
+          a && (this.survey = a, this.currentQuestionIndex = 0, this.question = a.questions[0], this.response = null, this.responses = {});
         }
       });
     }, t);
@@ -705,13 +667,13 @@ class z {
   constructor(t, e) {
     this.fetchInstance = new y(t, e);
   }
-  addBudget = async (t, e, r = null) => this.fetchInstance.post(l.BUDGETS, {
+  addBudget = async (t, e, a = null) => this.fetchInstance.post(l.BUDGETS, {
     amount: e,
     category_guid: t.guid,
     category_name: t.name,
-    parent_guid: r
-  }).then((a) => a.budget).catch((a) => {
-    throw a;
+    parent_guid: a
+  }).then((r) => r.budget).catch((r) => {
+    throw r;
   });
   deleteBudget = async (t) => this.fetchInstance.delete(`${l.BUDGETS}/${t}`).then((e) => e).catch((e) => {
     throw e;
@@ -721,38 +683,38 @@ class z {
     throw e;
   });
 }
-class ee {
+class jt {
   api = new z("/", "");
   globalStore;
   alert = "";
-  dateRange = { start: tt(O()), end: J(O()) };
+  dateRange = { start: J(L()), end: Z(L()) };
   budgets = [];
   selectedBudget;
   selectedSubBudget;
   isDataLoaded = !1;
   theme = {};
   constructor(t) {
-    this.globalStore = t, this.api = new z(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new z(t.endpoint, t.sessionToken), m(this);
   }
   loadBudgetData = async () => {
-    await this.loadBudgets(), bt(
+    await this.loadBudgets(), _t(
       () => this.detailedBudgets,
       (t) => {
         if (t) {
           const e = this.selectedBudget;
-          e && (this.selectedBudget = Dt(t, e.guid));
-          const r = this.selectedSubBudget;
-          r && r.parent_guid && (this.selectedSubBudget = vt(
+          e && (this.selectedBudget = bt(t, e.guid));
+          const a = this.selectedSubBudget;
+          a && a.parent_guid && (this.selectedSubBudget = wt(
             t,
-            r.guid,
-            r.parent_guid
+            a.guid,
+            a.parent_guid
           ));
         }
       }
     );
   };
   get detailedBudgets() {
-    return L(
+    return O(
       this.budgets.filter(
         (t) => t.category_guid !== E.INCOME && t.category_guid !== E.TRANSFER && t.category_guid !== E.INVESTMENTS
       ),
@@ -762,13 +724,13 @@ class ee {
     ).sort((t, e) => t.percentage > e.percentage ? -1 : t.percentage < e.percentage ? 1 : 0);
   }
   get incomeBudget() {
-    return L(
-      this.budgets.filter((r) => !r.parent_guid),
+    return O(
+      this.budgets.filter((a) => !a.parent_guid),
       this.globalStore.categoryStore.detailedCategories,
       this.globalStore.copyStore.copy.budgets,
       this.theme
     ).reduce(
-      (r, a) => a.category_guid !== E.INCOME ? r : !r || a.percentage > r.percentage ? a : r,
+      (a, r) => r.category_guid !== E.INCOME ? a : !a || r.percentage > a.percentage ? r : a,
       void 0
     )?.amount;
   }
@@ -780,20 +742,20 @@ class ee {
   get totalBudgeted() {
     return this.detailedBudgets.reduce((t, e) => t + e.amount, 0);
   }
-  addBudget = async (t, e, r = null) => {
+  addBudget = async (t, e, a = null) => {
     try {
-      const a = await this.api.addBudget(t, e, r);
+      const r = await this.api.addBudget(t, e, a);
       p(() => {
-        this.budgets.push(a);
+        this.budgets.push(r);
       });
-    } catch (a) {
-      console.error(`Error adding budget: ${a}`);
+    } catch (r) {
+      console.error(`Error adding budget: ${r}`);
     }
   };
   deleteBudget = async (t) => {
     try {
       await this.api.deleteBudget(t), p(() => {
-        const e = this.budgets.findIndex((r) => r.guid === t);
+        const e = this.budgets.findIndex((a) => a.guid === t);
         e >= 0 && this.budgets.splice(e, 1);
       });
     } catch (e) {
@@ -821,18 +783,18 @@ class ee {
    */
   recalculateBudgets = async (t) => {
     try {
-      for (const r of t) {
-        const a = this.budgets.find((o) => o.category_guid === r.guid);
-        a ? await this.api.updateBudget({
-          ...a,
-          amount: r.totalAverageAmount
-        }) : await this.api.addBudget(r, r.totalAverageAmount);
+      for (const a of t) {
+        const r = this.budgets.find((o) => o.category_guid === a.guid);
+        r ? await this.api.updateBudget({
+          ...r,
+          amount: a.totalAverageAmount
+        }) : await this.api.addBudget(a, a.totalAverageAmount);
       }
       const e = this.budgets.filter(
-        (r) => !t.find((a) => a.guid === r.category_guid)
+        (a) => !t.find((r) => r.guid === a.category_guid)
       );
-      for (const r of e)
-        await this.api.deleteBudget(r.guid);
+      for (const a of e)
+        await this.api.deleteBudget(a.guid);
       return await this.loadBudgets(), { data: this.budgets, isSuccess: !0 };
     } catch (e) {
       return console.error("error recalculating budgets", e), { data: [], isSuccess: !1 };
@@ -842,15 +804,15 @@ class ee {
     try {
       const e = await this.api.updateBudget(t);
       p(() => {
-        const r = this.budgets.findIndex((a) => a.guid === t.guid);
-        r >= 0 && (this.budgets[r] = e);
+        const a = this.budgets.findIndex((r) => r.guid === t.guid);
+        a >= 0 && (this.budgets[a] = e);
       });
     } catch (e) {
       console.error(`Error updating budget: ${e}`);
     }
   };
 }
-var se = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(se || {}), re = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(re || {}), ae = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(ae || {}), oe = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(oe || {});
+var Vt = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(Vt || {}), Zt = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(Zt || {}), Jt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(Jt || {}), te = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(te || {});
 class X {
   fetchInstance;
   constructor(t, e) {
@@ -858,31 +820,31 @@ class X {
   }
   createSupportTicket = async (t) => this.fetchInstance.post(l.SUPPORT_TICKETS, t).then((e) => e);
 }
-const ne = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flags ? s.flags.every((e) => t[e]) : !1, ie = (s, t) => {
+const ee = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flags ? s.flags.every((e) => t[e]) : !1, se = (s, t) => {
   const e = [];
-  for (const r of ot) {
-    const a = t[r.guid];
-    if (!a) continue;
+  for (const a of rt) {
+    const r = t[a.guid];
+    if (!r) continue;
     const o = {
-      ...r,
-      title: a.label,
-      topics: r.topics.map(({ topicKey: d }, c) => ({
+      ...a,
+      title: r.label,
+      topics: a.topics.map(({ topicKey: d }, i) => ({
         topicKey: d,
-        label: a.topics[c]
+        label: r.topics[i]
       }))
     };
-    ne(o, s) && e.push(o);
+    ee(o, s) && e.push(o);
   }
   return e;
 };
-class ce {
+class ae {
   alert = { message: "", severity: void 0 };
   api = new X("/", "");
   appConfig;
   globalStore;
   isLoading = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new X(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new X(t.endpoint, t.sessionToken), m(this);
   }
   createSupportTicket = async (t) => {
     try {
@@ -899,15 +861,15 @@ class ce {
   }
   get helpCategories() {
     const { client_communication_profile: t, client_profile: e } = this.globalStore.appDataStore.appData, {
-      help: { category_list: r }
+      help: { category_list: a }
     } = this.globalStore.copyStore.copy;
-    return ie(
+    return se(
       {
         ...t,
         ...e,
         ...this.globalStore.appConfig.config
       },
-      r
+      a
     );
   }
 }
@@ -919,21 +881,21 @@ class K {
   getHoldings = async () => this.fetchInstance.get(l.HOLDINGS).then((t) => t.holdings);
   updateHoldings = async (t) => this.fetchInstance.put(`${l.HOLDINGS}/${t.guid}`, t).then((e) => e.holding);
 }
-class de {
-  analysisType = Tt.Stocks;
+class re {
+  analysisType = Dt.Stocks;
   api = new K("/", "");
   holdings = [];
   holdingsLoaded = !1;
   globalStore;
   showConnectionsWidget = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new K(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new K(t.endpoint, t.sessionToken), m(this);
   }
   get analysisChartData() {
-    return Bt(It(this.visibleHoldings), this.analysisType);
+    return vt(At(this.visibleHoldings), this.analysisType);
   }
   get analysisDetails() {
-    return Nt(this.visibleHoldings)[this.analysisType] || {};
+    return Et(this.visibleHoldings)[this.analysisType] || {};
   }
   get visibleHoldings() {
     return this.holdings.filter(
@@ -959,11 +921,11 @@ class de {
   updateHoldings = async (t) => {
     this.holdingsLoaded = !1;
     try {
-      const e = await this.api.updateHoldings(t), r = this.holdings.findIndex(({ guid: a }) => a === t.guid);
-      if (r >= 0) {
-        const a = [...this.holdings];
-        a[r] = e, p(() => {
-          this.holdings = a, this.holdingsLoaded = !0;
+      const e = await this.api.updateHoldings(t), a = this.holdings.findIndex(({ guid: r }) => r === t.guid);
+      if (a >= 0) {
+        const r = [...this.holdings];
+        r[a] = e, p(() => {
+          this.holdings = r, this.holdingsLoaded = !0;
         });
       }
     } catch (e) {
@@ -1080,14 +1042,14 @@ class V {
   }
   getAppData = async () => this.fetchInstance.get(l.APP_DATA).then((t) => t);
 }
-class le {
+class oe {
   globalStore;
   api = new V("/", "");
   bannerApi = new P("/");
   appData = {};
   banner = {};
   constructor(t) {
-    this.globalStore = t, this.api = new V(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new V(t.endpoint, t.sessionToken), m(this);
   }
   get appConfig() {
     return this.globalStore.appConfig;
@@ -1131,28 +1093,28 @@ class le {
   setUserCommunicationProfile = (t) => this.appData.user_communication_profile = t;
   setUserProfile = (t) => this.appData.user_profile = t;
 }
-class ue {
+class ne {
   globalStore;
   widgetApi = new q("/", "");
   constructor(t) {
-    this.globalStore = t, this.widgetApi = new q(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.widgetApi = new q(t.endpoint, t.sessionToken), m(this);
   }
-  loadWidget = async ({ widget: t = "connect_widget", mode: e = "light", ...r }) => await this.widgetApi.requestWidgetUrl({
-    widget_url: { widget_type: t, color_scheme: e, ...r }
+  loadWidget = async ({ widget: t = "connect_widget", mode: e = "light", ...a }) => await this.widgetApi.requestWidgetUrl({
+    widget_url: { widget_type: t, color_scheme: e, ...a }
   });
 }
-class he {
+class ie {
   globalStore;
   isInitialized = !1;
   selectedAccounts = [];
   selectedAccountGuids = this.selectedAccounts.map((t) => t.guid);
   displayedDate = /* @__PURE__ */ new Date();
   displayedDateRange = {
-    start: tt(this.displayedDate),
-    end: J(this.displayedDate)
+    start: J(this.displayedDate),
+    end: Z(this.displayedDate)
   };
   constructor(t) {
-    _(this), this.globalStore = t;
+    m(this), this.globalStore = t;
   }
   get isCopyLoaded() {
     return this.globalStore.copyStore.isInitialized;
@@ -1169,8 +1131,8 @@ class he {
   };
   // Sets an array of selected account guids for the AccountFilter component
   setSelectedAccountGuids = async (t) => {
-    const e = new Set(this.selectedAccountGuids), r = new Set(t), a = [...r].filter((d) => !e.has(d)), o = [...e].filter((d) => !r.has(d));
-    a.length > 0 && this.globalStore.accountStore.updateAccountFiltering(a, !1), o.length > 0 && this.globalStore.accountStore.updateAccountFiltering(o, !0), this.selectedAccountGuids = t;
+    const e = new Set(this.selectedAccountGuids), a = new Set(t), r = [...a].filter((d) => !e.has(d)), o = [...e].filter((d) => !a.has(d));
+    r.length > 0 && this.globalStore.accountStore.updateAccountFiltering(r, !1), o.length > 0 && this.globalStore.accountStore.updateAccountFiltering(o, !0), this.selectedAccountGuids = t;
   };
   setDisplayedDate = (t, e) => {
     this.displayedDate = e, this.displayedDateRange = {
@@ -1179,7 +1141,7 @@ class he {
     };
   };
   get shouldDisableNextDate() {
-    const t = T(this.displayedDate), e = T(Rt(/* @__PURE__ */ new Date(), 1));
+    const t = T(this.displayedDate), e = T(Nt(/* @__PURE__ */ new Date(), 1));
     return t === e;
   }
   get shouldDisablePrevDate() {
@@ -1187,12 +1149,12 @@ class he {
     return t === e;
   }
 }
-class ge {
+class ce {
   globalStore;
   api = new $("/", "");
   userFeatures = [];
   constructor(t) {
-    this.globalStore = t, this.api = new $(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new $(t.endpoint, t.sessionToken), m(this);
   }
   // DEPRECATED: Initialize api in constructor and use loadUserFeatures instead
   // TODO: Remove this function
@@ -1232,7 +1194,7 @@ class ge {
     }
   };
 }
-class is {
+class Ve {
   // Global properties
   appConfig = j;
   endpoint = "/";
@@ -1263,7 +1225,7 @@ class is {
   // UI Stores
   globalUiStore;
   constructor(t = j, e = "/") {
-    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.accountStore = new wt(this), this.appDataStore = new le(this), this.analyticsStore = new te(this), this.beatStore = new Ct(this), this.budgetsStore = new ee(this), this.cashflowStore = new gt(this), this.categoryStore = new st(this), this.connectStore = new ue(this), this.copyStore = new Jt(this), this.debtsStore = new At(this), this.finstrongStore = new Et(this), this.goalStore = new pt(this), this.helpStore = new ce(this), this.holdingStore = new de(this), this.merchantStore = new Ft(this), this.netWorthStore = new Mt(this), this.notificationStore = new rt(this), this.recurringTransactionsStore = new St(this), this.settingsStore = new $t(this), this.transactionStore = new ht(this), this.trendsStore = new _t(this), this.userStore = new ge(this), this.globalUiStore = new he(this), _(this);
+    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.accountStore = new yt(this), this.appDataStore = new oe(this), this.analyticsStore = new Kt(this), this.beatStore = new St(this), this.budgetsStore = new jt(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ne(this), this.copyStore = new Xt(this), this.debtsStore = new xt(this), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new ae(this), this.holdingStore = new re(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 ot(this), this.trendsStore = new ct(this), this.userStore = new ce(this), this.globalUiStore = new ie(this), m(this);
   }
   get isInitialized() {
     return this.globalUiStore.isInitialized;
@@ -1271,181 +1233,182 @@ class is {
   loadData = async ({
     accounts: t,
     appData: e,
-    associatedBeats: r,
-    categories: a,
+    associatedBeats: a,
+    categories: r,
     institutions: o,
     transactionRules: d,
-    transactions: c,
-    userFeatures: i
+    transactions: i,
+    userFeatures: n
   } = {}) => {
     await Promise.all([
       // Load copy, config and quser data
       this.copyStore.loadCopy(),
       this.appDataStore.loadAppData(e),
-      this.userStore.loadUserFeatures(i)
+      this.userStore.loadUserFeatures(n)
     ]), await Promise.all([
       this.accountStore.loadAccountData({ accounts: t, institutions: o }),
-      this.categoryStore.loadCategories(a),
+      this.categoryStore.loadCategories(r),
       this.transactionStore.loadTransactionData({
-        associatedBeats: r,
+        associatedBeats: a,
         transactionRules: d,
-        transactions: c
+        transactions: i
       })
     ]), this.globalUiStore.setInitialized(!0);
   };
 }
 export {
-  Fs as ANALYTICS_EVENTS,
-  ks as AccountFilter,
-  Us as AccountIcon,
-  Os as AccountIconVariants,
-  Nr as AccountNotificationTypes,
-  Ls as AccountSubType,
-  Gs as AccountType,
-  Hs as AccountTypeName,
-  ls as AnalyticsApi,
+  xs as ANALYTICS_EVENTS,
+  As as AccountFilter,
+  Es as AccountIcon,
+  Ts as AccountIconVariants,
+  Ea as AccountNotificationTypes,
+  Bs as AccountSubType,
+  Is as AccountType,
+  Ns as AccountTypeName,
+  ts as AnalyticsApi,
   l as ApiEndpoints,
   P as BannerApi,
-  as as BarChart,
-  ms as BeatApi,
-  Fr as BudgetNotificationTypes,
-  ws as Calendar,
-  xs as CalendarSelectionTypes,
-  ys as CategoryApi,
-  ia as CategoryColors,
-  ca as CategoryGuidToName,
+  Ke as BarChart,
+  os as BeatApi,
+  Ta as BudgetNotificationTypes,
+  us as Calendar,
+  hs as CalendarSelectionTypes,
+  is as CategoryApi,
+  tr as CategoryColors,
+  er as CategoryGuidToName,
   E as CategoryGuids,
-  da as CategoryIcon,
-  br as ConnectCard,
-  Ps as ConnectDrawer,
-  qs as ConnectionStatus,
-  Ws as ConnectionStatusEnums,
-  ha as CurrencyCodes,
-  Js as CurrencyInput,
-  vr as CurrencyText,
-  zr as DATE_FORMATS_INTL,
-  yt as DEFAULT_DONUT_SIZE,
-  ft as DEFAULT_STROKE_WIDTH,
-  ur as DataRow,
-  Ms as DateRangeSelector,
-  Xr as Dialog,
-  Or as Donut,
-  ea as Drawer,
-  Er as EmptyState,
-  As as ErrorBoundary,
-  Qs as ErrorStatuses,
-  re as ExpenseStatus,
+  sr as CategoryIcon,
+  ha as ConnectCard,
+  Fs as ConnectDrawer,
+  Ms as ConnectionStatus,
+  $s as ConnectionStatusEnums,
+  or as CurrencyCodes,
+  qs as CurrencyInput,
+  ya as CurrencyText,
+  Ga as DATE_FORMATS_INTL,
+  gt as DEFAULT_DONUT_SIZE,
+  pt as DEFAULT_STROKE_WIDTH,
+  aa as DataRow,
+  Cs as DateRangeSelector,
+  Ha as Dialog,
+  $a as Donut,
+  Xa as Drawer,
+  Sa as EmptyState,
+  _s as ErrorBoundary,
+  Rs as ErrorStatuses,
+  Zt as ExpenseStatus,
   y as Fetch,
-  hr as Frequency,
+  ra as Frequency,
   M as GlobalCopyApi,
-  Jt as GlobalCopyStore,
-  xa as GlobalDataContext,
-  Ca as GlobalDataProvider,
-  is as GlobalStore,
-  wr as GoalType,
-  ra as INCOME_ACCOUNT_TYPES,
-  dr as IconBacking,
-  fr as InformationTooltip,
-  Mr as InsightNotificationTypes,
-  Lt as IterationItemTypes,
-  Je as LOADING_STATUS,
-  Gr as LineChart,
-  Br as ListItemAction,
-  Cs as ListItemWrapper,
-  er as Loader,
-  es as LocalizedCopyApi,
-  xr as MetaType,
-  Ys as MfaStatuses,
-  Ts as MicroWidgetContainer,
-  Is as MiniWidgetContainer,
-  os as MultiSegmentDonut,
-  zs as NonConnectedStatuses,
-  Ss as NotificationApi,
-  $r as NotificationTypes,
-  Kr as ORDINAL_DATE_FORMAT,
-  jr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
-  aa as PAYMENT_ACCOUNT_TYPES,
-  la as PaymentCategories,
-  Ot as PlanTypes,
-  Xs as ProcessingStatuses,
-  Ks as PropertyType,
-  js as PropertyTypeName,
-  Ze as RECURRENCE_COPY,
-  gr as RecurrenceStatus,
-  pr as RecurrenceType,
-  Ut as RecurrenceTypes,
-  mr as RepeatingType,
-  ns as ResponsiveButton,
-  oa as SPENDING_ACCOUNT_TYPES,
-  ae as ScheduledPaymentTypes,
-  ss as ScheduledPaymentsApi,
-  oe as ScreenSize,
-  rr as SearchBox,
-  _r as Select,
-  or as SelectionBox,
-  Jr as SingleSegmentDonut,
-  Sa as Sizes,
-  Pr as StackedLineChart,
-  Qr as StatusBar,
-  Vs as StatusName,
-  ba as TOUCH_TARGET,
-  ir as TabContentContainer,
-  Rr as ToggleButtonListItem,
-  kr as ToggleListItem,
-  Cr as TrackType,
-  Ds as TransactionStatus,
+  Xt as GlobalCopyStore,
+  mr as GlobalDataContext,
+  _r as GlobalDataProvider,
+  Ve as GlobalStore,
+  ga as GoalType,
+  ja as INCOME_ACCOUNT_TYPES,
+  ea as IconBacking,
+  la as InformationTooltip,
+  Ba as InsightNotificationTypes,
+  Rt as IterationItemTypes,
+  We as LOADING_STATUS,
+  Ua as LineChart,
+  wa as ListItemAction,
+  Ca as ListItemRow,
+  gs as ListItemWrapper,
+  Qs as Loader,
+  Ye as LocalizedCopyApi,
+  pa as MetaType,
+  Us as MfaStatuses,
+  fs as MicroWidgetContainer,
+  bs as MiniWidgetContainer,
+  je as MultiSegmentDonut,
+  ks as NonConnectedStatuses,
+  ds as NotificationApi,
+  Ia as NotificationTypes,
+  Pa as ORDINAL_DATE_FORMAT,
+  qa as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  Va as PAYMENT_ACCOUNT_TYPES,
+  ar as PaymentCategories,
+  $t as PlanTypes,
+  Ls as ProcessingStatuses,
+  Os as PropertyType,
+  Gs as PropertyTypeName,
+  qe as RECURRENCE_COPY,
+  oa as RecurrenceStatus,
+  na as RecurrenceType,
+  Mt as RecurrenceTypes,
+  ia as RepeatingType,
+  zs as ResponsiveButton,
+  Za as SPENDING_ACCOUNT_TYPES,
+  Jt as ScheduledPaymentTypes,
+  ze as ScheduledPaymentsApi,
+  te as ScreenSize,
+  Ks as SearchBox,
+  ca as Select,
+  Vs as SelectionBox,
+  Ya as SingleSegmentDonut,
+  hr as Sizes,
+  Da as StackedLineChart,
+  La as StatusBar,
+  Hs as StatusName,
+  gr as TOUCH_TARGET,
+  Js as TabContentContainer,
+  Na as ToggleButtonListItem,
+  Fa as ToggleListItem,
+  ma as TrackType,
+  ps as TransactionStatus,
   at as TransactionType,
   $ as UserApi,
-  ge as UserStore,
-  se as UserVerification,
+  ce as UserStore,
+  Vt as UserVerification,
   q as WidgetApi,
-  $s as WidgetContainer,
-  Da as WidgetContainerContext,
-  va as WidgetContainerProvider,
-  us as analyticsSession,
-  io as buildDynamicCopy,
-  co as buildPluralCopy,
-  ga as formatCurrency,
-  Vr as formatDate,
-  pa as formatOrdinal,
-  ma as formatPercentage,
-  oo as fromTimestampToMonthYear,
-  Ja as getCategory,
-  to as getCategoryTotalsByParent,
-  ts as getClientTheme,
-  _a as getCurrencyCodes,
-  eo as getDetailedCategory,
-  so as getDetailedSubCategory,
-  lo as getLocale,
-  ro as isIncome,
-  ya as isValidNumber,
-  Aa as useAccountStore,
-  Ea as useAppConfig,
-  Ta as useBudgetsStore,
-  Ba as useCashflowStore,
-  Ia as useCategoryStore,
-  hs as useCombineEvents,
-  gs as useCombinePageviews,
-  Na as useDebtStore,
-  Fa as useEvent,
-  Ma as useFinstrongStore,
-  $a as useGlobalCopyStore,
-  Ra as useGlobalStore,
-  ka as useGlobalUiStore,
-  Ua as useGoalStore,
-  Oa as useHelpStore,
-  La as useHoldingStore,
-  qr as useInsightsEnabled,
-  Ga as useMerchantStore,
-  Ha as useNetWorthStore,
-  Pa as useNotificationStore,
-  qa as usePageView,
-  rs as usePrevious,
-  Wa as useRecurringTransactionsStore,
-  Va as useScreenSize,
-  Qa as useSettingsStore,
-  Ya as useTransactionStore,
-  za as useTrendsStore,
-  Xa as useUserStore,
-  Ka as useWidgetContainerProvider
+  Ds as WidgetContainer,
+  yr as WidgetContainerContext,
+  fr as WidgetContainerProvider,
+  es as analyticsSession,
+  to as buildDynamicCopy,
+  eo as buildPluralCopy,
+  nr as formatCurrency,
+  Wa as formatDate,
+  ir as formatOrdinal,
+  cr as formatPercentage,
+  Zr as fromTimestampToMonthYear,
+  Yr as getCategory,
+  zr as getCategoryTotalsByParent,
+  Qe as getClientTheme,
+  dr as getCurrencyCodes,
+  Xr as getDetailedCategory,
+  Kr as getDetailedSubCategory,
+  so as getLocale,
+  jr as isIncome,
+  lr as isValidNumber,
+  Sr as useAccountStore,
+  br as useAppConfig,
+  wr as useBudgetsStore,
+  xr as useCashflowStore,
+  Cr as useCategoryStore,
+  ss as useCombineEvents,
+  as as useCombinePageviews,
+  Dr as useDebtStore,
+  vr as useEvent,
+  Ar as useFinstrongStore,
+  Er as useGlobalCopyStore,
+  Tr as useGlobalStore,
+  Br as useGlobalUiStore,
+  Ir as useGoalStore,
+  Nr as useHelpStore,
+  Fr as useHoldingStore,
+  va as useInsightsEnabled,
+  Mr as useMerchantStore,
+  $r as useNetWorthStore,
+  Rr as useNotificationStore,
+  Ur as usePageView,
+  Xe as usePrevious,
+  kr as useRecurringTransactionsStore,
+  Wr as useScreenSize,
+  Lr as useSettingsStore,
+  Or as useTransactionStore,
+  Gr as useTrendsStore,
+  Hr as useUserStore,
+  Pr as useWidgetContainerProvider
 };