@mx-cartographer/experiences 6.26.18-alpha.mega3 → 6.26.18-alpha.mega4

package/dist/common/index.es.js

@@ -1,234 +1,1451 @@
-import { AnalyticsApi as t } from "./api/AnalyticsApi/index.es.js";
-import { BannerApi as a } from "./api/BannerApi/index.es.js";
-import { BeatApi as p } from "./api/BeatApi/index.es.js";
-import { CategoryApi as f } from "./api/CategoryApi/index.es.js";
-import { GlobalCopyApi as m } from "./api/GlobalCopyApi/index.es.js";
-import { LocalizedCopyApi as x } from "./api/LocalizedCopyApi/index.es.js";
-import { NotificationApi as c } from "./api/NotificationApi/index.es.js";
-import { ScheduledPaymentsApi as C } from "./api/ScheduledPaymentsApi/index.es.js";
-import { UserApi as T } from "./api/UserApi/index.es.js";
-import { WidgetApi as g } from "./api/WidgetApi/index.es.js";
-import { default as N } from "./components/ErrorBoundary/index.es.js";
-import { default as D } from "./components/MicroWidgetContainer/index.es.js";
-import { default as P } from "./components/MiniWidgetContainer/index.es.js";
-import { default as R } from "./components/WidgetContainer/index.es.js";
-import { default as L } from "./components/ConnectDrawer/index.es.js";
-import { default as G } from "./components/CurrencyInput/index.es.js";
-import { default as U } from "./components/Loader/index.es.js";
-import { default as M } from "./components/ResponsiveButton/index.es.js";
-import { default as F } from "./components/SearchBox/index.es.js";
-import { default as v } from "./components/SelectionBox/index.es.js";
-import { default as H } from "./components/TabContentContainer/index.es.js";
-import { default as z } from "./components/IconBacking/index.es.js";
-import { default as q } from "./components/DataRow/index.es.js";
-import { default as Z } from "./components/InformationTooltip/index.es.js";
-import { ConnectCard as J } from "./components/ConnectCard/index.es.js";
-import { CurrencyText as X } from "./components/CurrencyText/index.es.js";
-import { EmptyState as ee } from "./components/EmptyState/index.es.js";
-import { ListItemAction as te } from "./components/ListItemAction/index.es.js";
-import { ListItemWrapper as ae } from "./components/ListItemWrapper/index.es.js";
-import { Select as pe } from "./components/Select/index.es.js";
-import { ToggleButtonListItem as fe } from "./components/listitems/ToggleButtonListItem/index.es.js";
-import { ToggleListItem as me } from "./components/listitems/ToggleListItem/index.es.js";
-import { default as xe } from "./components/accountfilter/AccountFilter/index.es.js";
-import { default as ce } from "./components/barchart/BarChart/index.es.js";
-import { default as Ce, CalendarSelectionTypes as de } from "./components/calendar/Calendar/index.es.js";
-import { default as ye } from "./components/charts/Donut/index.es.js";
-import { LineChart as Ae } from "./components/charts/LineChart/index.es.js";
-import { StackedLineChart as Ee } from "./components/charts/StackedLineChart/index.es.js";
-import { default as Ie } from "./components/charts/StatusBar/index.es.js";
-import { default as _e } from "./components/daterangeselector/DateRangeSelector/index.es.js";
-import { default as be } from "./components/dialog/Dialog/index.es.js";
-import { default as Oe } from "./components/donuts/MultiSegmentDonut/index.es.js";
-import { default as he } from "./components/donuts/SingleSegmentDonut/index.es.js";
-import { default as Be } from "./components/drawer/Drawer/index.es.js";
-import { ApiEndpoints as We } from "./constants/ApiEndpoints/index.es.js";
-import { ANALYTICS_EVENTS as Ye } from "./constants/Analytics/index.es.js";
-import { DATE_FORMATS_INTL as we, ORDINAL_DATE_FORMAT as He, ORDINAL_MONTH_DAY_YEAR_FORMAT as Ve, formatDate as ze } from "./constants/DateFormats/index.es.js";
-import { INCOME_ACCOUNT_TYPES as qe, PAYMENT_ACCOUNT_TYPES as Ke, SPENDING_ACCOUNT_TYPES as Ze } from "./constants/Account/index.es.js";
-import { CategoryColors as Je, CategoryGuidToName as Qe, CategoryGuids as Xe, CategoryIcon as $e, PaymentCategories as eo } from "./constants/Category/index.es.js";
-import { CurrencyCodes as to } from "./constants/Numbers/index.es.js";
-import { RECURRENCE_COPY as ao, RecurrenceTypes as no } from "./constants/ScheduledPayment/index.es.js";
-import { IterationItemTypes as so, LOADING_STATUS as fo, PlanTypes as io } from "./constants/SpendingPlan/index.es.js";
-import { DEFAULT_DONUT_SIZE as uo, DEFAULT_STROKE_WIDTH as xo } from "./constants/Donut/index.es.js";
-import { Sizes as co, TOUCH_TARGET as So } from "./constants/Sizes/index.es.js";
-import { useAccountStore as To, useAppConfig as yo, useBudgetsStore as go, useCashflowStore as Ao, useCategoryStore as No, useDebtStore as Eo, useEvent as Do, useFinstrongStore as Io, useGlobalCopyStore as Po, useGlobalStore as _o, useGlobalUiStore as Ro, useGoalStore as bo, useHelpStore as Lo, useHoldingStore as Oo, useMerchantStore as Go, useNetWorthStore as ho, useNotificationStore as Uo, usePageView as Bo, useRecurringTransactionsStore as Mo, useSettingsStore as Wo, useTransactionStore as Fo, useTrendsStore as Yo, useUserStore as vo, useWidgetContainerProvider as wo } from "./context/hooks/index.es.js";
-import { GlobalDataContext as Vo, GlobalDataProvider as zo } from "./context/GlobalDataProvider/index.es.js";
-import { WidgetContainerContext as qo, WidgetContainerProvider as Ko } from "./context/WidgetContainerProvider/index.es.js";
-import { useCombineEvents as jo, useCombinePageviews as Jo } from "./hooks/useCombineEvents/index.es.js";
-import { useInsightsEnabled as Xo } from "./hooks/useInsightsEnabled/index.es.js";
-import { useScreenSize as et } from "./hooks/useScreenSize/index.es.js";
-import { usePrevious as tt } from "./hooks/usePrevious/index.es.js";
-import { GlobalCopyStore as at } from "./stores/GlobalCopyStore/index.es.js";
-import { GlobalStore as pt } from "./stores/GlobalStore/index.es.js";
-import { UserStore as ft } from "./stores/UserStore/index.es.js";
-import { AccountIcon as mt, AccountIconVariants as ut, AccountSubType as xt, AccountType as lt, AccountTypeName as ct, ConnectionStatus as St, ConnectionStatusEnums as Ct, ErrorStatuses as dt, MfaStatuses as Tt, NonConnectedStatuses as yt, ProcessingStatuses as gt, PropertyType as At, PropertyTypeName as Nt, StatusName as Et } from "./types/Account/index.es.js";
-import { UserVerification as It } from "./types/Beat/index.es.js";
-import { ExpenseStatus as _t, ScheduledPaymentTypes as Rt } from "./types/Expense/index.es.js";
-import { GoalType as Lt, MetaType as Ot, TrackType as Gt } from "./types/Goal/index.es.js";
-import { AccountNotificationTypes as Ut, BudgetNotificationTypes as Bt, InsightNotificationTypes as Mt, NotificationTypes as Wt } from "./types/Notification/index.es.js";
-import { TransactionStatus as Yt, TransactionType as vt } from "./types/Transaction/index.es.js";
-import { ScreenSize as Ht } from "./types/ScreenSize/index.es.js";
-import { Frequency as zt, RecurrenceStatus as kt, RecurrenceType as qt, RepeatingType as Kt } from "./types/RepeatingTransaction/index.es.js";
-import { analyticsSession as jt } from "./utils/Analytics/index.es.js";
-import { getCategory as Qt, getCategoryTotalsByParent as Xt, getDetailedCategory as $t, getDetailedSubCategory as er, isIncome as or } from "./utils/Categories/index.es.js";
-import { fromTimestampToMonthYear as rr } from "./utils/DateUtil/index.es.js";
-import { Fetch as nr } from "./utils/Fetch/index.es.js";
-import { buildDynamicCopy as sr, buildPluralCopy as fr, getLocale as ir } from "./utils/Localization/index.es.js";
-import { formatCurrency as ur, formatOrdinal as xr, formatPercentage as lr, getCurrencyCodes as cr, isValidNumber as Sr } from "./utils/NumberFormatting/index.es.js";
-import { getClientTheme as dr } from "./utils/Theme/index.es.js";
+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 { 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-C-5-Iuab.mjs";
+import { C as ws, b as xs, L as Cs, a as Ds } from "../Transaction-C-5-Iuab.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-DaLW43tE.mjs";
+import { M as Is } from "../MiniWidgetContainer-BcNPxZt2.mjs";
+import { A as Fs, D as Ms, W as $s } from "../WidgetContainer-CmGNZW0M.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-DPnfeIfn.mjs";
+import { C as Js } from "../CurrencyInput-DzsPiUsU.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-BWi6_2Ny.mjs";
+import { S as or } from "../TransactionStore-BWi6_2Ny.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-DyCr4wNc.mjs";
+import { C as br, G as wr, M as xr, T as Cr } from "../GoalStore-DyCr4wNc.mjs";
+import { C as vr } from "../CurrencyText-YUhH2caW.mjs";
+import { E as Er } from "../EmptyState-Dcb-o2tl.mjs";
+import { L as Br } from "../ListItemAction-Df3OPMOW.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 { useTokens as x, Text as B } from "@mxenabled/mxui";
+import { D as Or } from "../Donut-1UMNcG67.mjs";
+import { L as Gr } from "../LineChart-CQWu5KoO.mjs";
+import { T as _t } from "../TrendsStore-Borh98aN.mjs";
+import { S as Pr, u as qr } from "../TrendsStore-Borh98aN.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-DM32_5k9.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, v 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, w as za, o as Xa, p as Ka } from "../hooks-ClhFlg78.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-RSanus_m.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-DcqclhiQ.mjs";
+import { g as Ja, e as to, c as eo, d as so, i as ro } from "../BudgetUtil-DcqclhiQ.mjs";
+import { a as At } from "../DebtsStore-C6VcBnpG.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-DE8CQBMM.mjs";
+import { a as $t } from "../SettingsStore-CE7jDVFL.mjs";
+import { addMonths as Rt } 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 = [
+  { id: 0, copy: "frequency_unknown" },
+  { id: 1, copy: "frequency_every_week" },
+  { id: 2, copy: "frequency_every_other_week" },
+  { id: 3, copy: "frequency_every_month" },
+  { id: 4, copy: "frequency_every_other_month" },
+  { id: 5, copy: "frequency_every_quarter" },
+  { id: 6, copy: "frequency_every_other_quarter" },
+  { id: 7, copy: "frequency_every_year" }
+], Je = {
+  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];
+    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
+    };
+  }, 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)
+  }, o = {
+    MuiTabs: {
+      styleOverrides: {
+        indicator: {
+          backgroundColor: a.primary.light
+        }
+      }
+    },
+    MuiPickersCalendarHeader: {
+      styleOverrides: {
+        switchViewButton: {
+          color: a.primary.lighter,
+          "&:hover": {
+            backgroundColor: kt(a.primary.light, 0.1)
+          }
+        }
+      }
+    },
+    ...t?.button_corner_radius ? {
+      MuiButton: {
+        styleOverrides: {
+          root: {
+            borderRadius: `${t.button_corner_radius}px`
+          }
+        }
+      }
+    } : {},
+    ...t?.card_corner_radius ? {
+      MuiCard: {
+        styleOverrides: {
+          root: {
+            borderRadius: `${t.card_corner_radius}px`
+          }
+        }
+      },
+      MuiPaper: {
+        styleOverrides: {
+          root: {
+            borderRadius: `${t.card_corner_radius}px`
+          }
+        }
+      }
+    } : {}
+  };
+  return {
+    typography: {
+      fontFamily: t?.system_font ?? s.typography.fontFamily,
+      H1: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      h1: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      H2: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      h2: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      H3: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      h3: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      Body: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      body1: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      Small: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      body2: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      Button: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      button: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      XSmall: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      caption: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      Paragraph: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      subtitle1: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      ParagraphSmall: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      subtitle2: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      Tiny: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      },
+      tiny: {
+        fontFamily: t?.system_font ?? s.typography.fontFamily
+      }
+    },
+    palette: a,
+    components: o,
+    shape: {
+      borderRadius: t?.button_corner_radius ?? s.shape.borderRadius
+    }
+  };
+};
+class P {
+  fetchInstance;
+  constructor(t) {
+    this.fetchInstance = new y(t, "", {
+      Accept: "application/json",
+      "Content-Type": "application/json"
+    });
+  }
+  getBanner = async (t) => {
+    try {
+      const e = `/banner/${t}/account_widget_banner`;
+      return this.fetchInstance?.get(e).then((r) => r.banner) ?? {};
+    } catch (e) {
+      return console.error("Error fetching banner:", e), null;
+    }
+  };
+}
+class es {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  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 {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  addScheduledPayment = async (t) => this.fetchInstance.post(l.SCHEDULED_PAYMENTS, {
+    ...t,
+    is_recurring: "true",
+    transaction_type: at.DEBIT
+  }).then((e) => e.scheduled_payment);
+  getScheduledPayments = async () => this.fetchInstance.get(l.SCHEDULED_PAYMENTS).then((t) => t.scheduled_payments);
+  updateScheduledPayment = async (t) => this.fetchInstance.put(`${l.SCHEDULED_PAYMENTS}/${t.guid}`, t).then((e) => e.scheduled_payment);
+  deleteScheduledPayment = async (t) => this.fetchInstance.delete(`${l.SCHEDULED_PAYMENTS}/${t}`).then((e) => e);
+}
+class $ {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  getUserFeatures = async () => this.fetchInstance.get(l.USER_FEATURES).then((t) => t.user_features).catch((t) => t);
+  updateUser = async (t) => this.fetchInstance.put(l.USER, t).then((e) => e.user);
+  updateUserProfile = async (t) => this.fetchInstance.put(`${l.USER_PROFILES}/${t.guid}`, t).then((e) => e.user_profile);
+}
+class q {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  requestWidgetUrl = async (t) => this.fetchInstance.post(l.WIDGET_URLS, t).then((e) => e.widget_url);
+}
+const rs = (s) => {
+  const t = nt();
+  return it(() => {
+    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" })
+    ] }),
+    /* @__PURE__ */ n(B, { variant: "XSmall", children: t })
+  ] });
+}, Ht = (s, t) => w({
+  alignItems: "center",
+  display: "flex",
+  gap: s.Spacing.XSmall,
+  justifyContent: "flex-end",
+  marginRight: s.Spacing.XLarge,
+  paddingBottom: s.Spacing.XSmall,
+  width: "100%",
+  "& .mx-cmn-color-square": {
+    backgroundColor: t,
+    height: 6,
+    width: 6
+  },
+  "& .mx-cmn-triple-dot": {
+    display: "flex",
+    gap: 1
+  },
+  "& .mx-cmn-dot": {
+    backgroundColor: s.Color.Neutral500,
+    height: 3,
+    width: 3,
+    borderRadius: 1.5
+  },
+  "& > .kyper-text": {
+    marginRight: s.Spacing.XSmall
+  }
+}), W = ({
+  ariaLabel: s,
+  color: t,
+  height: e,
+  index: r,
+  label: a,
+  onClick: o,
+  selectedIndex: d,
+  value: c
+}) => {
+  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(
+    B,
+    {
+      "aria-hidden": !0,
+      bold: d === r,
+      className: "mx-cmn-bar-text",
+      color: f,
+      component: "div",
+      variant: "Small",
+      children: a
+    }
+  );
+  return /* @__PURE__ */ m("div", { className: `mx-cmn-bar-container ${u} ${c < 0 ? "mx-cmn-negative" : ""}`, children: [
+    c >= 0 && /* @__PURE__ */ n(g, {}),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        "aria-label": s,
+        className: `mx-cmn-bar ${o ? "mx-cmn-clickable" : ""} ${c < 0 ? "mx-cmn-bar-negative" : ""}`,
+        onClick: o ? () => o?.(r) : void 0,
+        onKeyDown: h,
+        role: s ? "button" : void 0,
+        tabIndex: s ? 0 : void 0
+      }
+    ),
+    c < 0 && /* @__PURE__ */ n(g, {})
+  ] });
+}, Pt = (s, t, e) => {
+  const r = `expandBar-${Math.round(e)}`, a = mt(r, { from: { height: 0 }, to: { height: e } });
+  return w({
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "flex-end",
+    height: "100%",
+    "&.mx-cmn-negative": {
+      justifyContent: "flex-start"
+    },
+    "& .mx-cmn-bar": {
+      animationDelay: ".5s",
+      animationDuration: "1s",
+      animationFillMode: "forwards",
+      animationName: a,
+      animationTimingFunction: s.Easing.Default,
+      backgroundColor: t,
+      borderRadius: `${s.BorderRadius.Medium}px ${s.BorderRadius.Medium}px 0 0`,
+      maxHeight: e
+    },
+    "& .mx-cmn-bar-negative": {
+      borderRadius: `0 0 ${s.BorderRadius.Medium}px ${s.BorderRadius.Medium}px`,
+      marginTop: -s.Spacing.XTiny
+    },
+    "& .mx-cmn-bar-text": {
+      display: "flex",
+      justifyContent: "center",
+      marginBottom: s.Spacing.Tiny,
+      marginTop: s.Spacing.Tiny,
+      whiteSpace: "nowrap",
+      width: "100%"
+    }
+  });
+}, Q = ({
+  ariaLabel: s,
+  averageLineHeight: t,
+  bottomHeight: e,
+  color: r,
+  index: a = -1,
+  onClick: o,
+  range: d,
+  selectedIndex: c,
+  topHeight: i,
+  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(
+      W,
+      {
+        ariaLabel: s,
+        color: r,
+        height: D,
+        index: a,
+        label: h,
+        onClick: o,
+        selectedIndex: c,
+        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(
+      W,
+      {
+        ariaLabel: s,
+        color: r,
+        height: v,
+        index: a,
+        label: h,
+        onClick: o,
+        value: u
+      }
+    ) }),
+    /* @__PURE__ */ n(
+      "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 })
+      }
+    )
+  ] });
+}, qt = (s, t) => w({
+  display: "flex",
+  flexDirection: "column",
+  flexGrow: t === void 0 ? 1 : 0,
+  width: t,
+  "& .mx-cmn-chart-average": {
+    borderTop: `${s.Spacing.XTiny}px dotted ${s.Color.Neutral500}`,
+    position: "relative",
+    marginRight: s.Spacing.XTiny
+  },
+  "& .mx-cmn-zero-line": {
+    borderBottom: "1px solid text.primary",
+    width: "100%"
+  },
+  "& .mx-cmn-bar-label": {
+    minHeight: s.Spacing.Medium,
+    maxHeight: s.Spacing.Medium,
+    marginBottom: s.Spacing.XSmall,
+    marginTop: s.Spacing.XSmall,
+    textAlign: "center",
+    width: "100%"
+  },
+  "& .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 = ({
+  average: s,
+  barWidth: t = "8%",
+  color: e,
+  data: r,
+  height: a,
+  legendLabelAverage: o,
+  legendLabelMain: d,
+  onBarClick: c,
+  selectedIndex: i,
+  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(
+    Q,
+    {
+      averageLineHeight: k,
+      bottomHeight: N,
+      color: "",
+      range: v,
+      topHeight: I,
+      value: 0,
+      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(
+          Q,
+          {
+            ariaLabel: b.ariaLabel,
+            averageLineHeight: k,
+            bottomHeight: N,
+            color: et(F),
+            index: F,
+            onClick: c,
+            range: v,
+            selectedIndex: i,
+            topHeight: I,
+            value: b.value,
+            valueLabel: u(b.value),
+            width: t,
+            xAxisLabel: b.label
+          }
+        ),
+        /* @__PURE__ */ n(U, {})
+      ] }, `column-${F}`))
+    ] }),
+    /* @__PURE__ */ n(Gt, { color: e, labelAverage: o, labelMain: d })
+  ] });
+}, Kt = (s) => w({
+  "& .mx-cmn-chart-container": {
+    alignItems: "flex-end",
+    display: "flex",
+    justifyContent: "space-evenly",
+    marginTop: s.Spacing.Large,
+    marginBottom: s.Spacing.Medium
+  }
+}), as = Xt, jt = ({
+  hasGap: s = !1,
+  segments: t,
+  size: e = yt,
+  strokeWidth: r = ft,
+  children: a
+}) => {
+  const o = x(), d = Vt(o, e), c = (e - r) / 2, i = 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(
+        "circle",
+        {
+          cx: i,
+          cy: i,
+          fill: "none",
+          r: c,
+          stroke: o.Color.Neutral300,
+          strokeWidth: r
+        }
+      ),
+      t.map((f, g) => (u += 360 * h + (s ? 1 : 0), h = (f.percent - (s ? 0.3 : 0)) / 100, /* @__PURE__ */ n(
+        "circle",
+        {
+          cx: i,
+          cy: i,
+          fill: "none",
+          r: c,
+          stroke: f.color,
+          strokeDasharray: 2 * Math.PI * c,
+          strokeDashoffset: 2 * Math.PI * c * (1 - h),
+          strokeWidth: r,
+          transform: `rotate(${u}, ${i}, ${i})`
+        },
+        g
+      )))
+    ] }),
+    /* @__PURE__ */ n("div", { className: "mx-cmn-multi-segment-donut-children", children: a })
+  ] });
+}, Vt = (s, t) => w({
+  height: t,
+  marginTop: `-${s.Spacing.XSmall}px`,
+  position: "relative",
+  width: t,
+  "& .mx-cmn-multi-segment-donut-children": {
+    left: "50%",
+    position: "absolute",
+    textAlign: "center",
+    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 {
+  globalStore;
+  api = new M("/", "");
+  copy = {};
+  featureNamespace = "experiences";
+  isInitialized = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new M(t.endpoint, t.sessionToken), _(this);
+  }
+  // DEPRECATED: Initialize api in constructor and use loadCopy instead
+  // TODO: Remove this function
+  initialize = async (t, e) => {
+    this.api = new M(t, e), await this.loadCopy();
+  };
+  loadCopy = async () => {
+    await this.getCopy(this.featureNamespace), p(() => {
+      this.isInitialized = !0;
+    });
+  };
+  getCopy = async (t, e = "") => {
+    try {
+      const r = await this.api.getGlobalCopy(t, e);
+      p(() => {
+        this.copy = r[t];
+      });
+    } catch (r) {
+      console.error(`Error occurred while fetching ${this.featureNamespace} copy: ${r}`);
+    }
+  };
+}
+class te {
+  globalStore;
+  survey = null;
+  currentQuestionIndex = 0;
+  question = null;
+  response = null;
+  responses = {};
+  constructor(t) {
+    this.globalStore = t, _(this);
+  }
+  get isLastQuestion() {
+    return this.currentQuestionIndex === this.surveyQuestions.length - 1;
+  }
+  get questionCount() {
+    return `${this.currentQuestionIndex + 1}/${this.surveyQuestions.length}`;
+  }
+  get responsePayload() {
+    return {
+      $survey_id: this.surveyId,
+      ...this.responses
+    };
+  }
+  // TODO hardcode elsewhere
+  get surveyId() {
+    return window.app?.postHogPublicKey === "phc_KclQGnOZEaYCttkpiVpuyOYeBlixGo6xNphYgWV4CXo" ? "0196caa6-9b37-0000-98a7-f04e8d56faf5" : "0196a6b0-ccde-0000-b980-0b84ea2fef4a";
+  }
+  get surveyQuestions() {
+    return this.survey ? this.survey.questions : [];
+  }
+  loadSurvey = (t = !1) => {
+    xt.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 = {});
+        }
+      });
+    }, t);
+  };
+  nextQuestion = () => {
+    this.currentQuestionIndex < this.surveyQuestions.length - 1 && (this.currentQuestionIndex += 1), this.response = null, this.question = this.surveyQuestions[this.currentQuestionIndex];
+  };
+  resetStore = () => {
+    this.survey = null, this.currentQuestionIndex = 0, this.question = null, this.response = null, this.responses = {};
+  };
+  setResponse = (t) => {
+    this.response = t, this.question && (this.responses[`$survey_response_${this.question.id}`] = t);
+  };
+}
+class z {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  addBudget = async (t, e, r = 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;
+  });
+  deleteBudget = async (t) => this.fetchInstance.delete(`${l.BUDGETS}/${t}`).then((e) => e).catch((e) => {
+    throw e;
+  });
+  getBudgets = async () => this.fetchInstance.get(l.BUDGETS).then((t) => t.budgets).catch((t) => t);
+  updateBudget = async (t) => this.fetchInstance.put(`${l.BUDGETS}/${t.guid}`, t).then((e) => e.budget).catch((e) => {
+    throw e;
+  });
+}
+class ee {
+  api = new z("/", "");
+  globalStore;
+  alert = "";
+  dateRange = { start: tt(O()), end: J(O()) };
+  budgets = [];
+  selectedBudget;
+  selectedSubBudget;
+  isDataLoaded = !1;
+  theme = {};
+  constructor(t) {
+    this.globalStore = t, this.api = new z(t.endpoint, t.sessionToken), _(this);
+  }
+  loadBudgetData = async () => {
+    await this.loadBudgets(), bt(
+      () => 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(
+            t,
+            r.guid,
+            r.parent_guid
+          ));
+        }
+      }
+    );
+  };
+  get detailedBudgets() {
+    return L(
+      this.budgets.filter(
+        (t) => t.category_guid !== E.INCOME && t.category_guid !== E.TRANSFER && t.category_guid !== E.INVESTMENTS
+      ),
+      this.globalStore.categoryStore.detailedCategories,
+      this.globalStore.copyStore.copy.budgets,
+      this.theme
+    ).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),
+      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,
+      void 0
+    )?.amount;
+  }
+  get unbudgetedCategories() {
+    return this.globalStore.categoryStore.spendCategories.filter(
+      (t) => !this.detailedBudgets.find((e) => e.category_guid === t.guid)
+    );
+  }
+  get totalBudgeted() {
+    return this.detailedBudgets.reduce((t, e) => t + e.amount, 0);
+  }
+  addBudget = async (t, e, r = null) => {
+    try {
+      const a = await this.api.addBudget(t, e, r);
+      p(() => {
+        this.budgets.push(a);
+      });
+    } catch (a) {
+      console.error(`Error adding budget: ${a}`);
+    }
+  };
+  deleteBudget = async (t) => {
+    try {
+      await this.api.deleteBudget(t), p(() => {
+        const e = this.budgets.findIndex((r) => r.guid === t);
+        e >= 0 && this.budgets.splice(e, 1);
+      });
+    } catch (e) {
+      console.error(`Error deleting budget: ${e}`);
+    }
+  };
+  loadBudgets = async () => {
+    try {
+      const t = await this.api.getBudgets();
+      p(() => {
+        this.budgets = t, this.isDataLoaded = !0;
+      });
+    } catch (t) {
+      throw console.error(`Error occurred while loading budgets: ${t}`), t;
+    }
+  };
+  setAlert = (t) => this.alert = t;
+  setDateRange = (t) => this.dateRange = t;
+  setSelectedBudget = (t) => this.selectedBudget = t;
+  setSelectedSubBudget = (t) => this.selectedSubBudget = t;
+  setTheme = (t) => this.theme = t;
+  /**
+   * Recalculate budget by using the average amount from top-level categories
+   * @param categories Detailed categories
+   */
+  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);
+      }
+      const e = this.budgets.filter(
+        (r) => !t.find((a) => a.guid === r.category_guid)
+      );
+      for (const r of e)
+        await this.api.deleteBudget(r.guid);
+      return await this.loadBudgets(), { data: this.budgets, isSuccess: !0 };
+    } catch (e) {
+      return console.error("error recalculating budgets", e), { data: [], isSuccess: !1 };
+    }
+  };
+  updateBudget = async (t) => {
+    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);
+      });
+    } 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 || {});
+class X {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  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 e = [];
+  for (const r of ot) {
+    const a = t[r.guid];
+    if (!a) continue;
+    const o = {
+      ...r,
+      title: a.label,
+      topics: r.topics.map(({ topicKey: d }, c) => ({
+        topicKey: d,
+        label: a.topics[c]
+      }))
+    };
+    ne(o, s) && e.push(o);
+  }
+  return e;
+};
+class ce {
+  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);
+  }
+  createSupportTicket = async (t) => {
+    try {
+      this.isLoading = !0, await this.api.createSupportTicket(t), this.setAlert(this.copy.request_support_submit_success_message, "success");
+    } catch (e) {
+      this.setAlert(this.copy.request_support_submit_failure_message, "error"), console.error("Error occurred while submitting:", e);
+    } finally {
+      this.isLoading = !1;
+    }
+  };
+  setAlert = (t, e = void 0) => this.alert = { message: t, severity: e };
+  get copy() {
+    return this.globalStore.copyStore.copy.help;
+  }
+  get helpCategories() {
+    const { client_communication_profile: t, client_profile: e } = this.globalStore.appDataStore.appData, {
+      help: { category_list: r }
+    } = this.globalStore.copyStore.copy;
+    return ie(
+      {
+        ...t,
+        ...e,
+        ...this.globalStore.appConfig.config
+      },
+      r
+    );
+  }
+}
+class K {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  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;
+  api = new K("/", "");
+  holdings = [];
+  holdingsLoaded = !1;
+  globalStore;
+  showConnectionsWidget = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new K(t.endpoint, t.sessionToken), _(this);
+  }
+  get analysisChartData() {
+    return Bt(It(this.visibleHoldings), this.analysisType);
+  }
+  get analysisDetails() {
+    return Nt(this.visibleHoldings)[this.analysisType] || {};
+  }
+  get visibleHoldings() {
+    return this.holdings.filter(
+      (t) => this.globalStore.globalUiStore.selectedAccountGuids.includes(t.account_guid)
+    );
+  }
+  setShowConnectionsWidget = (t) => {
+    this.showConnectionsWidget = t;
+  };
+  loadHoldings = async () => {
+    try {
+      const t = await this.api.getHoldings();
+      p(() => {
+        this.holdings = [...t], this.holdingsLoaded = !0;
+      });
+    } catch (t) {
+      console.error(`Error occured while getting holdings: ${t}`);
+    }
+  };
+  setAnalysisType = (t) => {
+    this.analysisType = t;
+  };
+  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;
+        });
+      }
+    } catch (e) {
+      console.error(`Error occurred while updating holding: ${e}`);
+    }
+  };
+}
+const j = {
+  clientConfig: {},
+  clientStyleProfile: {},
+  config: {
+    assets_prefix: "/assets",
+    bundle: "widgetLoader",
+    client_guid: "",
+    dashboard_accounts_index: 6,
+    dashboard_accounts_location: 0,
+    dashboard_activity_index: 2,
+    dashboard_activity_location: 0,
+    dashboard_budgets_index: 5,
+    dashboard_budgets_location: 1,
+    dashboard_cash_flow_index: 0,
+    dashboard_cash_flow_location: 0,
+    dashboard_connect_index: 7,
+    dashboard_connect_location: 1,
+    dashboard_insights_index: 3,
+    dashboard_insights_location: 1,
+    dashboard_spending_index: 1,
+    dashboard_spending_location: 1,
+    dashboard_trends_index: 4,
+    dashboard_trends_location: 0,
+    display_account_number_in_accounts: !0,
+    display_add_manual_transaction_in_transactions: !0,
+    display_available_balance_in_accounts: !0,
+    display_email_edit_field_in_settings: !0,
+    display_mobile_devices_in_settings: !0,
+    display_notification_settings_in_settings: !0,
+    display_only_external_accounts_in_accounts: !1,
+    display_password_options_in_settings: !0,
+    display_sms_edit_field_in_settings: !0,
+    display_terms_and_conditions: !0,
+    display_user_profile_in_settings: !0,
+    display_user_transaction_rules_in_settings: !0,
+    enable_add_account_in_zero_state: !0,
+    enable_aggregation_prompts: !0,
+    enable_external_accounts_in_goals_widget: !0,
+    enable_funds_transfers_in_goals_widget: !1,
+    enable_manual_accounts: !0,
+    enable_mark_account_closed_for_held_accounts: !0,
+    enable_mark_account_duplicate_for_held_accounts: !0,
+    enable_renaming_home_accounts: !0,
+    enable_support_requests: !1,
+    language: "en-US",
+    product_name: "Money Dashboard",
+    session_token: "",
+    show_account_nicknames_in_master: !1,
+    show_accounts_widget_in_master: !0,
+    show_budgets_widget_in_master: !0,
+    show_carousel_card_border_in_pulse_micro_widget: !1,
+    show_cash_flow_widget_in_master: !0,
+    show_connections_widget_in_master: !0,
+    show_cta_colocated_with_text_in_pulse_micro_widget: !0,
+    show_debts_widget_in_master: !0,
+    show_finstrong_widget_in_master: !0,
+    show_full_experience_link_in_pulse_micro_widget: !1,
+    show_full_experience_link_in_pulse_mini_widget: !1,
+    show_goals_widget_in_master: !0,
+    show_help_widget_in_master: !0,
+    show_horizontal_padding_in_pulse_micro_widget: !0,
+    show_icon_in_pulse_micro_widget: !0,
+    show_insights_widget_in_master: !0,
+    show_investments_widget_in_master: !1,
+    show_mx_branding: !0,
+    show_navigation_controls_in_pulse_micro_widget: !0,
+    show_net_worth_widget_in_master: !0,
+    show_notifications_widget_in_master: !0,
+    show_recurring_transactions_widget_in_master: !0,
+    show_settings_widget_in_master: !0,
+    show_spending_plan_widget_in_master: !1,
+    show_spending_widget_in_master: !0,
+    show_transactions_widget_in_master: !0,
+    show_trends_widget_in_master: !0,
+    type: "money-dashboard",
+    websocket: {
+      hmac: "",
+      token: "",
+      url: ""
+    },
+    widgets_display_name: "Money Dashboard "
+  },
+  honeyBadgerPublicKey: "",
+  options: {
+    assets_prefix: "/assets",
+    brokaw_auth: {
+      token: "",
+      hmac: "",
+      url: ""
+    },
+    brokaw_websocket_url: "",
+    bundle: "widgetLoader",
+    custom_copy_namespace: "",
+    language: "en-US",
+    product_name: "Master Widget",
+    session_token: "",
+    subtype: "master",
+    type: "money_dashboard"
+  },
+  postHogPublicKey: "phc_1fVYJICC69TpW4wagp9o2XqQ8E7X98cAmcR5psSpfkE",
+  userFeatures: []
+};
+class V {
+  fetchInstance;
+  constructor(t, e) {
+    this.fetchInstance = new y(t, e);
+  }
+  getAppData = async () => this.fetchInstance.get(l.APP_DATA).then((t) => t);
+}
+class le {
+  globalStore;
+  api = new V("/", "");
+  bannerApi = new P("/");
+  appData = {};
+  banner = {};
+  constructor(t) {
+    this.globalStore = t, this.api = new V(t.endpoint, t.sessionToken), _(this);
+  }
+  get appConfig() {
+    return this.globalStore.appConfig;
+  }
+  get clientCommunicationProfile() {
+    return this.appData.client_communication_profile;
+  }
+  get clientInsightProfile() {
+    return this.appData.client_insight_profile;
+  }
+  get user() {
+    return this.appData.user;
+  }
+  get userCommunicationProfile() {
+    return this.appData.user_communication_profile;
+  }
+  get userProfile() {
+    return this.appData.user_profile;
+  }
+  loadAppData = async (t) => {
+    try {
+      const e = t || await this.api.getAppData();
+      p(() => {
+        this.appData = e, this.bannerApi = new P(e.address?.bullseye || "/");
+      });
+    } catch (e) {
+      console.error(`Error loading app data: ${e}`);
+    }
+  };
+  loadBanner = async () => {
+    try {
+      const t = this.user?.guid ?? null, e = t ? await this.bannerApi.getBanner(t) : {};
+      p(() => {
+        this.banner = e;
+      });
+    } catch (t) {
+      console.error(`Error loading banner: ${t}`);
+    }
+  };
+  setUser = (t) => this.appData.user = t;
+  setUserCommunicationProfile = (t) => this.appData.user_communication_profile = t;
+  setUserProfile = (t) => this.appData.user_profile = t;
+}
+class ue {
+  globalStore;
+  widgetApi = new q("/", "");
+  constructor(t) {
+    this.globalStore = t, this.widgetApi = new q(t.endpoint, t.sessionToken), _(this);
+  }
+  loadWidget = async ({ widget: t = "connect_widget", mode: e = "light", ...r }) => await this.widgetApi.requestWidgetUrl({
+    widget_url: { widget_type: t, color_scheme: e, ...r }
+  });
+}
+class he {
+  globalStore;
+  isInitialized = !1;
+  selectedAccounts = [];
+  selectedAccountGuids = this.selectedAccounts.map((t) => t.guid);
+  displayedDate = /* @__PURE__ */ new Date();
+  displayedDateRange = {
+    start: tt(this.displayedDate),
+    end: J(this.displayedDate)
+  };
+  constructor(t) {
+    _(this), this.globalStore = t;
+  }
+  get isCopyLoaded() {
+    return this.globalStore.copyStore.isInitialized;
+  }
+  setInitialized = (t) => {
+    this.isInitialized = t;
+  };
+  // for the global account filter
+  // if excluded from 1 widget, excluded from all
+  setSelectedAccounts = (t) => {
+    this.selectedAccounts = t.filter(
+      (e) => !(e.is_excluded_from_accounts || e.is_excluded_from_budgets || e.is_excluded_from_cash_flow || e.is_excluded_from_debts || e.is_excluded_from_goals || e.is_excluded_from_investments || e.is_excluded_from_net_worth || e.is_excluded_from_spending || e.is_excluded_from_transactions || e.is_excluded_from_trends)
+    ), this.selectedAccountGuids = this.selectedAccounts.map((e) => e.guid);
+  };
+  // 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;
+  };
+  setDisplayedDate = (t, e) => {
+    this.displayedDate = e, this.displayedDateRange = {
+      start: t,
+      end: e
+    };
+  };
+  get shouldDisableNextDate() {
+    const t = T(this.displayedDate), e = T(Rt(/* @__PURE__ */ new Date(), 1));
+    return t === e;
+  }
+  get shouldDisablePrevDate() {
+    const t = T(this.displayedDate), e = T(/* @__PURE__ */ new Date());
+    return t === e;
+  }
+}
+class ge {
+  globalStore;
+  api = new $("/", "");
+  userFeatures = [];
+  constructor(t) {
+    this.globalStore = t, this.api = new $(t.endpoint, t.sessionToken), _(this);
+  }
+  // DEPRECATED: Initialize api in constructor and use loadUserFeatures instead
+  // TODO: Remove this function
+  initialize = async (t, e) => {
+    this.api = new $(t, e), await this.loadUserFeatures();
+  };
+  get userProfile() {
+    return this.globalStore.appDataStore.userProfile;
+  }
+  get user() {
+    return this.globalStore.appDataStore.user;
+  }
+  loadUserFeatures = async (t) => {
+    try {
+      const e = t || await this.api.getUserFeatures();
+      p(() => {
+        this.userFeatures = e;
+      });
+    } catch (e) {
+      console.error(`Error occurred while loading user features: ${e}`);
+    }
+  };
+  updateUser = async (t) => {
+    try {
+      const e = await this.api.updateUser(t);
+      this.globalStore.appDataStore.setUser(e);
+    } catch (e) {
+      console.error(`Error updating User: ${e}`);
+    }
+  };
+  updateUserProfile = async (t) => {
+    try {
+      const e = await this.api.updateUserProfile(t);
+      this.globalStore.appDataStore.setUserProfile(e);
+    } catch (e) {
+      console.error(`Error occurred while updating user profile: ${e}`);
+    }
+  };
+}
+class is {
+  // Global properties
+  appConfig = j;
+  endpoint = "/";
+  sessionToken = "";
+  // Data Stores
+  accountStore;
+  appDataStore;
+  analyticsStore;
+  beatStore;
+  budgetsStore;
+  cashflowStore;
+  categoryStore;
+  connectStore;
+  copyStore;
+  debtsStore;
+  finstrongStore;
+  goalStore;
+  helpStore;
+  holdingStore;
+  merchantStore;
+  netWorthStore;
+  notificationStore;
+  recurringTransactionsStore;
+  settingsStore;
+  transactionStore;
+  trendsStore;
+  userStore;
+  // 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);
+  }
+  get isInitialized() {
+    return this.globalUiStore.isInitialized;
+  }
+  loadData = async ({
+    accounts: t,
+    appData: e,
+    associatedBeats: r,
+    categories: a,
+    institutions: o,
+    transactionRules: d,
+    transactions: c,
+    userFeatures: i
+  } = {}) => {
+    await Promise.all([
+      // Load copy, config and quser data
+      this.copyStore.loadCopy(),
+      this.appDataStore.loadAppData(e),
+      this.userStore.loadUserFeatures(i)
+    ]), await Promise.all([
+      this.accountStore.loadAccountData({ accounts: t, institutions: o }),
+      this.categoryStore.loadCategories(a),
+      this.transactionStore.loadTransactionData({
+        associatedBeats: r,
+        transactionRules: d,
+        transactions: c
+      })
+    ]), this.globalUiStore.setInitialized(!0);
+  };
+}
 export {
-  Ye as ANALYTICS_EVENTS,
-  xe as AccountFilter,
-  mt as AccountIcon,
-  ut as AccountIconVariants,
-  Ut as AccountNotificationTypes,
-  xt as AccountSubType,
-  lt as AccountType,
-  ct as AccountTypeName,
-  t as AnalyticsApi,
-  We as ApiEndpoints,
-  a as BannerApi,
-  ce as BarChart,
-  p as BeatApi,
-  Bt as BudgetNotificationTypes,
-  Ce as Calendar,
-  de as CalendarSelectionTypes,
-  f as CategoryApi,
-  Je as CategoryColors,
-  Qe as CategoryGuidToName,
-  Xe as CategoryGuids,
-  $e as CategoryIcon,
-  J as ConnectCard,
-  L as ConnectDrawer,
-  St as ConnectionStatus,
-  Ct as ConnectionStatusEnums,
-  to as CurrencyCodes,
-  G as CurrencyInput,
-  X as CurrencyText,
-  we as DATE_FORMATS_INTL,
-  uo as DEFAULT_DONUT_SIZE,
-  xo as DEFAULT_STROKE_WIDTH,
-  q as DataRow,
-  _e as DateRangeSelector,
-  be as Dialog,
-  ye as Donut,
-  Be as Drawer,
-  ee as EmptyState,
-  N as ErrorBoundary,
-  dt as ErrorStatuses,
-  _t as ExpenseStatus,
-  nr as Fetch,
-  zt as Frequency,
-  m as GlobalCopyApi,
-  at as GlobalCopyStore,
-  Vo as GlobalDataContext,
-  zo as GlobalDataProvider,
-  pt as GlobalStore,
-  Lt as GoalType,
-  qe as INCOME_ACCOUNT_TYPES,
-  z as IconBacking,
-  Z as InformationTooltip,
-  Mt as InsightNotificationTypes,
-  so as IterationItemTypes,
-  fo as LOADING_STATUS,
-  Ae as LineChart,
-  te as ListItemAction,
-  ae as ListItemWrapper,
-  U as Loader,
-  x as LocalizedCopyApi,
-  Ot as MetaType,
-  Tt as MfaStatuses,
-  D as MicroWidgetContainer,
-  P as MiniWidgetContainer,
-  Oe as MultiSegmentDonut,
-  yt as NonConnectedStatuses,
-  c as NotificationApi,
-  Wt as NotificationTypes,
-  He as ORDINAL_DATE_FORMAT,
-  Ve as ORDINAL_MONTH_DAY_YEAR_FORMAT,
-  Ke as PAYMENT_ACCOUNT_TYPES,
-  eo as PaymentCategories,
-  io as PlanTypes,
-  gt as ProcessingStatuses,
-  At as PropertyType,
-  Nt as PropertyTypeName,
-  ao as RECURRENCE_COPY,
-  kt as RecurrenceStatus,
-  qt as RecurrenceType,
-  no as RecurrenceTypes,
-  Kt as RepeatingType,
-  M as ResponsiveButton,
-  Ze as SPENDING_ACCOUNT_TYPES,
-  Rt as ScheduledPaymentTypes,
-  C as ScheduledPaymentsApi,
-  Ht as ScreenSize,
-  F as SearchBox,
-  pe as Select,
-  v as SelectionBox,
-  he as SingleSegmentDonut,
-  co as Sizes,
-  Ee as StackedLineChart,
-  Ie as StatusBar,
-  Et as StatusName,
-  So as TOUCH_TARGET,
-  H as TabContentContainer,
-  fe as ToggleButtonListItem,
-  me as ToggleListItem,
-  Gt as TrackType,
-  Yt as TransactionStatus,
-  vt as TransactionType,
-  T as UserApi,
-  ft as UserStore,
-  It as UserVerification,
-  g as WidgetApi,
-  R as WidgetContainer,
-  qo as WidgetContainerContext,
-  Ko as WidgetContainerProvider,
-  jt as analyticsSession,
-  sr as buildDynamicCopy,
-  fr as buildPluralCopy,
-  ur as formatCurrency,
-  ze as formatDate,
-  xr as formatOrdinal,
-  lr as formatPercentage,
-  rr as fromTimestampToMonthYear,
-  Qt as getCategory,
-  Xt as getCategoryTotalsByParent,
-  dr as getClientTheme,
-  cr as getCurrencyCodes,
-  $t as getDetailedCategory,
-  er as getDetailedSubCategory,
-  ir as getLocale,
-  or as isIncome,
-  Sr as isValidNumber,
-  To as useAccountStore,
-  yo as useAppConfig,
-  go as useBudgetsStore,
-  Ao as useCashflowStore,
-  No as useCategoryStore,
-  jo as useCombineEvents,
-  Jo as useCombinePageviews,
-  Eo as useDebtStore,
-  Do as useEvent,
-  Io as useFinstrongStore,
-  Po as useGlobalCopyStore,
-  _o as useGlobalStore,
-  Ro as useGlobalUiStore,
-  bo as useGoalStore,
-  Lo as useHelpStore,
-  Oo as useHoldingStore,
-  Xo as useInsightsEnabled,
-  Go as useMerchantStore,
-  ho as useNetWorthStore,
-  Uo as useNotificationStore,
-  Bo as usePageView,
-  tt as usePrevious,
-  Mo as useRecurringTransactionsStore,
-  et as useScreenSize,
-  Wo as useSettingsStore,
-  Fo as useTransactionStore,
-  Yo as useTrendsStore,
-  vo as useUserStore,
-  wo as useWidgetContainerProvider
+  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,
+  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,
+  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,
+  y as Fetch,
+  hr 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,
+  at as TransactionType,
+  $ as UserApi,
+  ge as UserStore,
+  se 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
 };