@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0-ram1-bug-alpha-testing

package/dist/common/index.es.js

@@ -1,1406 +1,312 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import st from "react";
-import { css as C, keyframes as rt } from "@mxenabled/cssinjs";
-import { useTokens as x, Text as B } from "@mxenabled/mxui";
-import { T as ot } from "../User-CulNdZUr.mjs";
-import { C as Ze, b as Je, L as ts, a as es } from "../User-CulNdZUr.mjs";
-import { C as rs } from "../CurrencyInput-DDQ4DBrE.mjs";
-import { D as as, F as is, c as ns, d as cs, R as ds, S as ls } from "../RepeatingTransaction-C2txVA9O.mjs";
-import { A as hs, D as gs, W as ps } from "../WidgetContainer-mzejMmz2.mjs";
-import { D as _s, a as fs, O as ys, b as Ss, f as bs } from "../Dialog-CWymUiuO.mjs";
-import { D as Cs } from "../Drawer-Bet2ZPJo.mjs";
-import { H as at } from "../Help-c-zHlDbv.mjs";
-import { E as As } from "../Help-c-zHlDbv.mjs";
-import { I as vs } from "../IconBacking-DgT8DCeh.mjs";
-import { C as it } from "../CashflowStore-naOtJcwo.mjs";
-import { I as Ts } from "../CashflowStore-naOtJcwo.mjs";
-import { L as Is } from "../Loader-BSWSYqvn.mjs";
-import { M as Ms } from "../MicroWidgetContainer-DSyYwRCU.mjs";
-import { M as Us } from "../MiniWidgetContainer-DKn7ndO6.mjs";
-import { D as nt, a as ct } from "../SingleSegmentDonut-PsRQPkmV.mjs";
-import { S as Rs } from "../SingleSegmentDonut-PsRQPkmV.mjs";
-import { R as Os } from "../ResponsiveButton-C6KH8JH4.mjs";
-import { T as dt } from "../TransactionStore-D2aMUClq.mjs";
-import { S as Fs } from "../TransactionStore-D2aMUClq.mjs";
-import { S as Gs } from "../StatusBar-CPfSXe80.mjs";
-import { T as qs } from "../TabContentContainer-CnMXkVqr.mjs";
-import { a as Qs, f as Xs, d as js, A as Ks, e as zs, C as Vs, g as Zs, E as Js, M as tr, N as er, c as sr, P as rr, h as or, S as ar } from "../Account-CMjOp7S2.mjs";
-import { A as nr, B as cr, I as dr, N as lr, T as ur, a as hr } from "../Notification-Bs1fdbzI.mjs";
-import { G as R } from "../useCombineEvents-CRwX-qWE.mjs";
-import { A as pr, a as mr, u as _r, b as fr } from "../useCombineEvents-CRwX-qWE.mjs";
-import { F as y, A as h } from "../Fetch-DecPFeGU.mjs";
-import { B as Sr } from "../BeatApi-De2IaqH2.mjs";
-import { C as lt } from "../CategoryStore-DEqAnHbi.mjs";
-import { a as wr } from "../CategoryStore-DEqAnHbi.mjs";
-import { b as E } from "../Category-Ccoew_sA.mjs";
-import { a as xr, c as Ar, C as Dr, P as vr } from "../Category-Ccoew_sA.mjs";
-import { d as ut } from "../GoalStore-Dbjgft2i.mjs";
-import { C as Tr, G as Br, M as Ir, T as Nr } from "../GoalStore-Dbjgft2i.mjs";
-import { b as Lr, G as Ur } from "../GlobalAccountFilter-BpWlPAl5.mjs";
-import { C as Rr, f as $r, b as Or, a as Pr, g as Fr, i as Hr } from "../NumberFormatting-DjTD0t3W.mjs";
-import { C as Wr } from "../CurrencyText-C-85TnUF.mjs";
-import { E as Yr } from "../EmptyState-DoxNUae-.mjs";
-import { makeAutoObservable as _, runInAction as S, reaction as Z, autorun as ht } from "mobx";
-import { G as Xr, x as jr, y as Kr, W as zr, d as Vr, a as Zr, i as Jr, t as to, m as eo, w as so, z as ro, g as oo, A as ao, u as io, f as no, b as co, l as lo, B as uo, s as ho, C as go, c as po, q as mo, n as _o, D as fo, j as yo, r as So, h as bo, v as wo, o as Co, p as xo } from "../hooks-fY_n74f7.mjs";
-import { A as gt } from "../AccountStore-BFKvXJSD.mjs";
-import pt from "posthog-js";
-import { B as mt } from "../BeatStore-D_NYuBSz.mjs";
-import { endOfMonth as J } from "date-fns/endOfMonth";
-import { startOfMonth as tt } from "date-fns/startOfMonth";
-import { startOfToday as $ } from "date-fns/startOfToday";
-import { f as _t, a as ft, b as O } from "../BudgetUtil-CDSOZXem.mjs";
-import { g as Do, c as vo, d as Eo, e as To, i as Bo } from "../BudgetUtil-CDSOZXem.mjs";
-import { a as yt } from "../DebtsStore-Dv_T7Dts.mjs";
-import { F as St } from "../FinstrongStore-BjFkMTIL.mjs";
-import { A as bt, m as wt, a as Ct, b as xt } from "../InvestmentUtil-jOyOgzIB.mjs";
-import { M as At } from "../MerchantStore-WvZ4gnQe.mjs";
-import { N as Dt } from "../NetWorthStore-B6ziBtaH.mjs";
-import { N as vt } from "../NotificationStore-Ck2KdNmT.mjs";
-import { a as No } from "../NotificationStore-Ck2KdNmT.mjs";
-import { a as Et } from "../SettingsStore-CInvh-rQ.mjs";
-import { R as Tt } from "../RecurringTransactionsStore-D_--5PWH.mjs";
-import { S as Lo, T as Uo } from "../RecurringTransactionsStore-D_--5PWH.mjs";
-import { T as Bt } from "../TrendsStore-BdsYfCc7.mjs";
-import { L as Ro } from "../TrendsStore-BdsYfCc7.mjs";
-import { addMonths as It } from "date-fns/addMonths";
-import { getMonth as T } from "date-fns/getMonth";
-import { I as Oo, P as Po, S as Fo } from "../Account-BIKn4XEZ.mjs";
-import { L as Go } from "../ListItemAction-Cbr3417C.mjs";
-import { S as qo } from "../SearchBox-B2_zLv8-.mjs";
-import { b as Qo, a as Xo, g as jo } from "../Localization-2MODESHW.mjs";
-import { i as zo } from "../DateUtil-CVsMhbZU.mjs";
-import { alpha as Nt, darken as P, lighten as F } from "@mui/material";
-import { u as Zo } from "../useAccountDisplayName-DbkgGLdg.mjs";
-import { u as ta } from "../useInsightsEnabled-dhmXeSyF.mjs";
-import { u as sa } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as oa } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
-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 Ge = [
-  { 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" }
-], We = {
+import { l as Y } from "../UserStore-CRpKQjpP.mjs";
+import { b as $, a as H } from "../Localization-DnoVyBNK.mjs";
+import { f as j, b as V, a as K, c as Z, g as J, d as X } from "../NumberFormatting--XMeeBfr.mjs";
+import { C as rr, a as er, b as or } from "../CurrencyDialog-DumQCTPO.mjs";
+import { C as ar } from "../CurrencyInput-adTIRtL3.mjs";
+import { D as nr, S as ir } from "../Select-BFt-HD-L.mjs";
+import { D as lr, W as mr, u as dr } from "../WidgetContainer-DNuz_s7W.mjs";
+import { D as fr } from "../Dialog-CwWc0AbH.mjs";
+import { D as yr } from "../Donut-SzzfZDHF.mjs";
+import { D as xr } from "../Drawer-BXqqBMxg.mjs";
+import { E as hr } from "../ErrorBoundary-CsdOcnJ9.mjs";
+import { I as Cr } from "../IconBacking-DgT8DCeh.mjs";
+import { I as vr } from "../InformationTooltip-4su8bn1e.mjs";
+import { L as br } from "../Loader-CxeBwuPG.mjs";
+import { M as Dr } from "../MicroWidgetContainer-CfKdQfhi.mjs";
+import { M as Ir } from "../MiniWidgetContainer-BdPiUU-u.mjs";
+import { jsxs as g, jsx as y } from "react/jsx-runtime";
+import { css as C } from "@mxenabled/cssinjs";
+import { D as _, a as v } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { S as Mr } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { R as wr } from "../ResponsiveButton-CC9F_Ezk.mjs";
+import { S as Lr } from "../SelectionBox-B4xELRgp.mjs";
+import { S as Ur } from "../StatusBar-CPfSXe80.mjs";
+import { T as Br } from "../TabContentContainer-CnMXkVqr.mjs";
+import { A as qr } from "../Analytics-CzGzz_sE.mjs";
+import { C as Fr } from "../ConnectCard-CCep7Zqe.mjs";
+import { C as Hr } from "../ConnectDrawer-Cnjr3Ddg.mjs";
+import { C as jr } from "../CurrencyText-CCbE6MmF.mjs";
+import { E as Kr } from "../EmptyState-CJUDc3kD.mjs";
+import { E as Jr } from "../Error-Dogaw2jO.mjs";
+import { G as zr } from "../GlobalAccountFilter-7Cg2-9A5.mjs";
+import { G as ee, m as oe, n as te, W as ae, d as se, a as ne, o as ie, p as ue, l as le, q as me, r as de, g as ce, s as fe, u as pe, f as ye, b as ge, k as xe, t as Ee, v as he, w as Se, c as Ce, x as _e, y as ve, z as ke, i as be, A as Oe, h as De, B as Te, C as Ie, D as Ae } from "../hooks-BaO_gOI6.mjs";
+import { I as Pe, P as we, S as Ne } from "../Account-BxHMlV9R.mjs";
+import { L as We } from "../ListItemAction-CwspSmQi.mjs";
+import { L as Ge } from "../ListItemRow-kH1rn8Xu.mjs";
+import { L as Re } from "../ListItemWrapper-B5r-YQQ_.mjs";
+import { S as Ye } from "../SearchBox-Cpgu_gdO.mjs";
+import { S as $e, T as He } from "../Sizes-DISGrlUg.mjs";
+import { T as je, a as Ve } from "../ToggleListItem-Dl1lXNwj.mjs";
+import { a as Ze, u as Je, b as Xe } from "../Analytics-CkYXKvco.mjs";
+import { alpha as k, darken as x, lighten as E } from "@mui/material";
+import { u as ro } from "../useAccountDisplayName-CFa_MrS6.mjs";
+import { u as oo } from "../useInsightsEnabled-DaNLPmUU.mjs";
+import { useRef as b, useEffect as O } from "react";
+import { u as ao } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as no } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+var i = /* @__PURE__ */ ((r) => (r[r.Unknown = 0] = "Unknown", r[r.EveryWeek = 1] = "EveryWeek", r[r.EveryOtherWeek = 2] = "EveryOtherWeek", r[r.EveryMonth = 3] = "EveryMonth", r[r.EveryOtherMonth = 4] = "EveryOtherMonth", r[r.EveryQuarter = 5] = "EveryQuarter", r[r.EveryOtherQuarter = 6] = "EveryOtherQuarter", r[r.EveryYear = 7] = "EveryYear", r))(i || {});
+const N = (r) => {
+  const o = b(null);
+  return O(() => {
+    o.current = r;
+  }, [r]), o.current;
+}, L = [
+  { id: i.Unknown, copy: "frequency_unknown" },
+  { id: i.EveryWeek, copy: "frequency_every_week" },
+  { id: i.EveryOtherWeek, copy: "frequency_every_other_week" },
+  { id: i.EveryMonth, copy: "frequency_every_month" },
+  { id: i.EveryOtherMonth, copy: "frequency_every_other_month" },
+  { id: i.EveryQuarter, copy: "frequency_every_quarter" },
+  { id: i.EveryOtherQuarter, copy: "frequency_every_other_quarter" },
+  { id: i.EveryYear, copy: "frequency_every_year" }
+], W = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
-};
-var Lt = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))(Lt || {}), Ut = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))(Ut || {});
-const kt = [
+}, U = ({
+  hasGap: r = !1,
+  segments: o,
+  size: n = _,
+  strokeWidth: u = v,
+  children: m
+}) => {
+  const d = D(n), t = (n - u) / 2, a = n / 2;
+  let c = -90 - (r ? 1 : 0), s = 0;
+  return /* @__PURE__ */ g("div", { className: `mx-cmn-multi-segment-donut ${d}`, children: [
+    /* @__PURE__ */ g("svg", { height: n, width: n, children: [
+      /* @__PURE__ */ y(
+        "circle",
+        {
+          cx: a,
+          cy: a,
+          fill: "none",
+          r: t,
+          stroke: "#E4E8EE",
+          strokeWidth: u
+        }
+      ),
+      o.map((l, f) => (c += 360 * s + (r ? 1 : 0), s = (l.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
+        "circle",
+        {
+          cx: a,
+          cy: a,
+          fill: "none",
+          r: t,
+          stroke: l.color,
+          strokeDasharray: 2 * Math.PI * t,
+          strokeDashoffset: 2 * Math.PI * t * (1 - s),
+          strokeWidth: u,
+          transform: `rotate(${c}, ${a}, ${a})`
+        },
+        f
+      )))
+    ] }),
+    /* @__PURE__ */ y("div", { className: "mx-cmn-multi-segment-donut-children", children: m })
+  ] });
+}, D = (r) => C({
+  height: r,
+  marginTop: "-8px",
+  position: "relative",
+  width: r,
+  "& .mx-cmn-multi-segment-donut-children": {
+    left: "50%",
+    position: "absolute",
+    textAlign: "center",
+    top: "50%",
+    transform: "translate(-50%, -50%)"
+  }
+}), T = [
   "fontFamily",
-  "H1",
   "h1",
-  "H2",
   "h2",
-  "H3",
   "h3",
-  "Body",
   "body1",
-  "Small",
   "body2",
-  "Button",
   "button",
-  "XSmall",
   "caption",
-  "Paragraph",
   "subtitle1",
-  "ParagraphSmall",
   "subtitle2",
-  "Tiny",
   "tiny"
-], Rt = [
+], h = [
   { key: "primary", light: "primary_color", dark: "primary_color_dark" },
   { key: "secondary", light: "neutral_color", dark: "neutral_color_dark" },
   { key: "error", light: "error_color", dark: "error_color_dark" },
   { key: "warning", light: "warning_color", dark: "warning_color_dark" },
   { key: "info", light: "info_color", dark: "info_color_dark" },
   { key: "success", light: "success_color", dark: "success_color_dark" }
-], qe = (s, t, e) => {
-  const r = s.palette.mode === "dark", o = (e?.master?.style?.font_name || t?.system_font) ?? s.typography.fontFamily, a = (n, m) => n ? {
-    lighter: F(n, 0.5),
-    light: F(n, 0.25),
-    main: n,
-    dark: P(n, 0.25),
-    darker: P(n, 0.5)
-  } : m, l = Object.fromEntries(
-    Rt.map(({ key: n, light: m, dark: b }) => [
-      n,
-      a(
-        t?.[r ? b : m],
-        s.palette[n]
+], G = (r, o) => {
+  const n = o === "dark", u = {};
+  for (const { key: m, light: d, dark: t } of h) {
+    const a = r?.[n ? t : d];
+    a && (u[m] = a);
+  }
+  return u;
+}, B = (r, o, n) => {
+  const u = r.palette.mode === "dark", m = (n?.master?.style?.font_name || o?.system_font) ?? r.typography.fontFamily, d = (e, p) => e ? {
+    lighter: E(e, 0.5),
+    light: E(e, 0.25),
+    main: e,
+    dark: x(e, 0.25),
+    darker: x(e, 0.5)
+  } : p, t = Object.fromEntries(
+    h.map(({ key: e, light: p, dark: S }) => [
+      e,
+      d(
+        o?.[u ? S : p],
+        r.palette[e]
       )
     ])
-  ), c = Object.fromEntries(
-    kt.map((n) => [
-      n,
-      n === "fontFamily" ? o : { fontFamily: o }
+  ), a = Object.fromEntries(
+    T.map((e) => [
+      e,
+      e === "fontFamily" ? m : { fontFamily: m }
     ])
-  ), d = {
+  ), c = {
     MuiTabs: {
       styleOverrides: {
-        indicator: { backgroundColor: l.primary.light }
+        indicator: { backgroundColor: t.primary.light }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: l.primary.lighter,
-          "&:hover": { backgroundColor: Nt(l.primary.light, 0.1) }
+          color: t.primary.lighter,
+          "&:hover": { backgroundColor: k(t.primary.light, 0.1) }
         }
       }
     }
-  }, u = t?.button_corner_radius, g = t?.card_corner_radius, p = {
-    ...d,
-    ...u && {
+  }, s = o?.button_corner_radius, l = o?.card_corner_radius, f = {
+    ...c,
+    ...s && {
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: `${u}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${u}px`,
-            minWidth: u,
-            minHeight: u
+            borderRadius: `${s}px`,
+            minWidth: s,
+            minHeight: s
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${u}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       }
     },
-    ...g && {
+    ...l && {
       MuiCard: {
-        styleOverrides: { root: { borderRadius: `${g}px` } }
-      },
-      MuiPaper: {
-        styleOverrides: { root: { borderRadius: `${g}px` } }
+        styleOverrides: { root: { borderRadius: `${l}px` } }
       }
-    }
-  };
-  return { typography: c, palette: l, components: p };
-};
-class H {
-  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 Ye {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new y(t, e, void 0, r);
-  }
-  getLocalizedCopy = async (t) => this.fetchInstance.post(h.LOCALIZED_COPY, t).then((e) => e);
-  getLocalizedContent = async (t) => this.fetchInstance.post(`${h.LOCALIZED_CONTENT}/${t}`).then((e) => e);
-}
-class Qe {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new y(t, e, void 0, r);
-  }
-  addScheduledPayment = async (t) => this.fetchInstance.post(h.SCHEDULED_PAYMENTS, {
-    ...t,
-    is_recurring: "true",
-    transaction_type: ot.DEBIT
-  }).then((e) => e.scheduled_payment);
-  getScheduledPayments = async () => this.fetchInstance.get(h.SCHEDULED_PAYMENTS).then((t) => t.scheduled_payments);
-  updateScheduledPayment = async (t) => this.fetchInstance.put(`${h.SCHEDULED_PAYMENTS}/${t.guid}`, t).then((e) => e.scheduled_payment);
-  deleteScheduledPayment = async (t) => this.fetchInstance.delete(`${h.SCHEDULED_PAYMENTS}/${t}`).then((e) => e);
-}
-class G {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new y(t, e, void 0, r);
-  }
-  getUserFeatures = async () => this.fetchInstance.get(h.USER_FEATURES).then((t) => t.user_features).catch((t) => t);
-  updateUser = async (t) => this.fetchInstance.put(h.USER, t).then((e) => e.user);
-  updateUserProfile = async (t) => this.fetchInstance.put(`${h.USER_PROFILES}/${t.guid}`, t).then((e) => e.user_profile);
-}
-class W {
-  fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
-  }
-  requestWidgetUrl = async (t) => this.fetchInstance.post(h.WIDGET_URLS, t).then((e) => e.widget_url);
-}
-const $t = ({ color: s, labelAverage: t, labelMain: e }) => {
-  const r = x(), o = Ot(r, s);
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart-legend ${o}`, children: [
-    /* @__PURE__ */ i("div", { "aria-label": e, className: "mx-cmn-color-square", role: "img" }),
-    /* @__PURE__ */ i(B, { variant: "XSmall", children: e }),
-    /* @__PURE__ */ f("div", { "aria-label": t, className: "mx-cmn-triple-dot", role: "img", children: [
-      /* @__PURE__ */ i("div", { className: "mx-cmn-dot" }),
-      /* @__PURE__ */ i("div", { className: "mx-cmn-dot" }),
-      /* @__PURE__ */ i("div", { className: "mx-cmn-dot" })
-    ] }),
-    /* @__PURE__ */ i(B, { variant: "XSmall", children: t })
-  ] });
-}, Ot = (s, t) => C({
-  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
-  }
-}), q = ({
-  ariaLabel: s,
-  color: t,
-  height: e,
-  index: r,
-  label: o,
-  onClick: a,
-  selectedIndex: l,
-  value: c
-}) => {
-  const d = x(), u = Pt(d, t, e), g = (m) => {
-    a && (m.key === " " || m.key === "Enter") && a(r);
-  }, p = l === void 0 || l === r ? "primary" : "secondary", n = () => /* @__PURE__ */ i(
-    B,
-    {
-      "aria-hidden": !0,
-      bold: l === r,
-      className: "mx-cmn-bar-text",
-      color: p,
-      component: "div",
-      variant: "Small",
-      children: o
-    }
-  );
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-container ${u} ${c < 0 ? "mx-cmn-negative" : ""}`, children: [
-    c >= 0 && /* @__PURE__ */ i(n, {}),
-    /* @__PURE__ */ i(
-      "div",
-      {
-        "aria-label": s,
-        className: `mx-cmn-bar ${a ? "mx-cmn-clickable" : ""} ${c < 0 ? "mx-cmn-bar-negative" : ""}`,
-        onClick: a ? () => a?.(r) : void 0,
-        onKeyDown: g,
-        role: s ? "button" : void 0,
-        tabIndex: s ? 0 : void 0
-      }
-    ),
-    c < 0 && /* @__PURE__ */ i(n, {})
-  ] });
-}, Pt = (s, t, e) => {
-  const r = `expandBar-${Math.round(e)}`, o = rt(r, { from: { height: 0 }, to: { height: e } });
-  return C({
-    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: o,
-      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%"
-    }
-  });
-}, Y = ({
-  ariaLabel: s,
-  averageLineHeight: t,
-  bottomHeight: e,
-  color: r,
-  index: o = -1,
-  onClick: a,
-  range: l,
-  selectedIndex: c,
-  topHeight: d,
-  value: u,
-  valueLabel: g = "",
-  width: p,
-  xAxisLabel: n = ""
-}) => {
-  const m = x(), b = Ft(m, p), A = u / l * d, D = Math.abs(u) / l * e, v = c === void 0 || c === o ? "primary" : "secondary";
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-barchart-bar-column ${b}`, children: [
-    /* @__PURE__ */ i("div", { style: { height: d }, children: u >= 0 && /* @__PURE__ */ i(
-      q,
-      {
-        ariaLabel: s,
-        color: r,
-        height: A,
-        index: o,
-        label: g,
-        onClick: a,
-        selectedIndex: c,
-        value: u
-      }
-    ) }),
-    /* @__PURE__ */ i("div", { className: "mx-cmn-zero-line" }),
-    t !== 0 && /* @__PURE__ */ i("div", { className: "mx-cmn-chart-average", style: { bottom: t } }),
-    /* @__PURE__ */ i("div", { style: { height: e }, children: u < 0 && /* @__PURE__ */ i(
-      q,
-      {
-        ariaLabel: s,
-        color: r,
-        height: D,
-        index: o,
-        label: g,
-        onClick: a,
-        value: u
-      }
-    ) }),
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: `mx-cmn-bar-label ${a ? "mx-cmn-clickable" : ""}`,
-        onClick: a ? () => a(o) : void 0,
-        children: /* @__PURE__ */ i(B, { bold: c === o, color: v, variant: "Small", children: n })
-      }
-    )
-  ] });
-}, Ft = (s, t) => C({
-  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"
-  }
-}), Ht = (s, t) => s + t, Gt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, Wt = (s, t) => [...s, t.value], Q = (s, t, e) => {
-  const r = s && t ? e / 2 : e;
-  return s ? r : 0;
-}, qt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, Xe = ({
-  average: s,
-  barWidth: t = "8%",
-  color: e,
-  data: r,
-  height: o,
-  legendLabelAverage: a,
-  legendLabelMain: l,
-  onBarClick: c,
-  selectedIndex: d,
-  valueFormatter: u = (g) => `${g}`
-}) => {
-  const g = x(), p = Yt(g), n = r.reduce(Wt, []), m = s !== void 0 ? s : n.reduce(Ht, 0) / n.length, b = Math.max(...n), A = Math.min(...n), D = n.reduce(Gt, 0), v = b >= 0, L = A < 0, I = Q(v, L, o), N = Q(L, v, o), U = qt(m, b, A, I || N), et = (w) => d === void 0 || w === d ? e : `${e}80`, k = () => /* @__PURE__ */ i(
-    Y,
-    {
-      averageLineHeight: U,
-      bottomHeight: N,
-      color: "",
-      range: D,
-      topHeight: I,
-      value: 0,
-      width: void 0
-    }
-  );
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart ${p}`, children: [
-    /* @__PURE__ */ f("div", { className: "mx-cmn-chart-container", children: [
-      /* @__PURE__ */ i(k, {}),
-      r.map((w, M) => /* @__PURE__ */ f(st.Fragment, { children: [
-        /* @__PURE__ */ i(
-          Y,
-          {
-            ariaLabel: w.ariaLabel,
-            averageLineHeight: U,
-            bottomHeight: N,
-            color: et(M),
-            index: M,
-            onClick: c,
-            range: D,
-            selectedIndex: d,
-            topHeight: I,
-            value: w.value,
-            valueLabel: u(w.value),
-            width: t,
-            xAxisLabel: w.label
-          }
-        ),
-        /* @__PURE__ */ i(k, {})
-      ] }, `column-${M}`))
-    ] }),
-    /* @__PURE__ */ i($t, { color: e, labelAverage: a, labelMain: l })
-  ] });
-}, Yt = (s) => C({
-  "& .mx-cmn-chart-container": {
-    alignItems: "flex-end",
-    display: "flex",
-    justifyContent: "space-evenly",
-    marginTop: s.Spacing.Large,
-    marginBottom: s.Spacing.Medium
-  }
-}), je = ({
-  hasGap: s = !1,
-  segments: t,
-  size: e = nt,
-  strokeWidth: r = ct,
-  children: o
-}) => {
-  const a = x(), l = Qt(a, e), c = (e - r) / 2, d = e / 2;
-  let u = -90 - (s ? 1 : 0), g = 0;
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-multi-segment-donut ${l}`, children: [
-    /* @__PURE__ */ f("svg", { height: e, width: e, children: [
-      /* @__PURE__ */ i(
-        "circle",
-        {
-          cx: d,
-          cy: d,
-          fill: "none",
-          r: c,
-          stroke: a.Color.Neutral300,
-          strokeWidth: r
-        }
-      ),
-      t.map((p, n) => (u += 360 * g + (s ? 1 : 0), g = (p.percent - (s ? 0.3 : 0)) / 100, /* @__PURE__ */ i(
-        "circle",
-        {
-          cx: d,
-          cy: d,
-          fill: "none",
-          r: c,
-          stroke: p.color,
-          strokeDasharray: 2 * Math.PI * c,
-          strokeDashoffset: 2 * Math.PI * c * (1 - g),
-          strokeWidth: r,
-          transform: `rotate(${u}, ${d}, ${d})`
-        },
-        n
-      )))
-    ] }),
-    /* @__PURE__ */ i("div", { className: "mx-cmn-multi-segment-donut-children", children: o })
-  ] });
-}, Qt = (s, t) => C({
-  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%)"
-  }
-});
-class Xt {
-  globalStore;
-  api = new R("/", "");
-  copy = {};
-  featureNamespace = "experiences";
-  isInitialized = !1;
-  constructor(t) {
-    this.globalStore = t, this.api = new R(
-      t.endpoint,
-      t.sessionToken,
-      t.onError
-    ), _(this);
-  }
-  loadCopy = async () => {
-    await this.getCopy(this.featureNamespace), S(() => {
-      this.isInitialized = !0;
-    });
-  };
-  getCopy = async (t, e = "") => {
-    try {
-      const r = await this.api.getGlobalCopy(t, e);
-      S(() => {
-        this.copy = r[t];
-      });
-    } catch (r) {
-      console.error(`Error occurred while fetching ${this.featureNamespace} copy: ${r}`);
-    }
-  };
-}
-class jt {
-  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) => {
-    pt.getActiveMatchingSurveys((e) => {
-      S(() => {
-        if (e.length > 0) {
-          const r = e.find((o) => o.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 X {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new y(t, e, void 0, r);
-  }
-  addBudget = async (t, e, r = null) => this.fetchInstance.post(h.BUDGETS, {
-    amount: e,
-    category_guid: t.guid,
-    category_name: t.name,
-    parent_guid: r
-  }).then((o) => o.budget).catch((o) => {
-    throw o;
-  });
-  deleteBudget = async (t) => this.fetchInstance.delete(`${h.BUDGETS}/${t}`).then((e) => e).catch((e) => {
-    throw e;
-  });
-  getBudgets = async () => this.fetchInstance.get(h.BUDGETS).then((t) => t.budgets).catch((t) => t);
-  updateBudget = async (t) => this.fetchInstance.put(`${h.BUDGETS}/${t.guid}`, t).then((e) => e.budget).catch((e) => {
-    throw e;
-  });
-}
-class Kt {
-  api = new X("/", "");
-  globalStore;
-  alert = "";
-  dateRange = { start: tt($()), end: J($()) };
-  budgets = [];
-  selectedBudget;
-  selectedSubBudget;
-  isDataLoaded = !1;
-  theme = {};
-  constructor(t) {
-    this.globalStore = t, this.api = new X(t.endpoint, t.sessionToken, t.onError), _(this);
-  }
-  loadBudgetData = async () => {
-    this.globalStore.recurringTransactionsStore.isDataLoaded || await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData(), await this.loadBudgets(), Z(
-      () => this.detailedBudgets,
-      (t) => {
-        if (t) {
-          const e = this.selectedBudget;
-          e && (this.selectedBudget = _t(t, e.guid));
-          const r = this.selectedSubBudget;
-          r && r.parent_guid && (this.selectedSubBudget = ft(
-            t,
-            r.guid,
-            r.parent_guid
-          ));
+    ...l && {
+      MuiPaper: {
+        styleOverrides: {
+          rounded: { borderRadius: `${l}px` }
         }
       }
-    );
-  };
-  get detailedBudgets() {
-    return O(
-      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);
-  }
-  // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.
-  get incomeBudget() {
-    return O(
-      this.budgets.filter((r) => !r.parent_guid),
-      this.globalStore.categoryStore.detailedCategories,
-      this.globalStore.copyStore.copy.budgets,
-      this.theme
-    ).reduce(
-      (r, o) => o.category_guid !== E.INCOME ? r : !r || o.percentage > r.percentage ? o : 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 o = await this.api.addBudget(t, e, r);
-      S(() => {
-        this.budgets.push(o);
-      });
-    } catch (o) {
-      console.error(`Error adding budget: ${o}`);
-    }
-  };
-  deleteBudget = async (t) => {
-    try {
-      await this.api.deleteBudget(t), S(() => {
-        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();
-      this.setBudgets(t);
-    } catch (t) {
-      throw console.error(`Error occurred while loading budgets: ${t}`), t;
-    }
-  };
-  setAlert = (t) => this.alert = t;
-  setBudgets = (t) => {
-    this.budgets = t, this.isDataLoaded = !0;
-  };
-  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 o = this.budgets.find((a) => a.category_guid === r.guid);
-        o ? await this.api.updateBudget({
-          ...o,
-          amount: r.totalAverageAmount
-        }) : await this.api.addBudget(r, r.totalAverageAmount);
-      }
-      const e = this.budgets.filter(
-        (r) => !t.find((o) => o.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);
-      S(() => {
-        const r = this.budgets.findIndex((o) => o.guid === t.guid);
-        r >= 0 && (this.budgets[r] = e);
-      });
-    } catch (e) {
-      console.error(`Error updating budget: ${e}`);
-    }
-  };
-}
-var zt = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(zt || {}), Vt = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(Vt || {}), Zt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(Zt || {}), Jt = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(Jt || {});
-class j {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new y(t, e, void 0, r);
-  }
-  createSupportTicket = async (t) => this.fetchInstance.post(h.SUPPORT_TICKETS, t).then((e) => e);
-}
-const te = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flags ? s.flags.every((e) => t[e]) : !1, ee = (s, t) => {
-  const e = [];
-  for (const r of at) {
-    const o = t[r.guid];
-    if (!o) continue;
-    const a = {
-      ...r,
-      title: o.label,
-      topics: r.topics.map(({ topicKey: l }, c) => ({
-        topicKey: l,
-        label: o.topics[c]
-      }))
-    };
-    te(a, s) && e.push(a);
-  }
-  return e;
-};
-class se {
-  alert = { message: "", severity: void 0 };
-  api = new j("/", "");
-  appConfig;
-  globalStore;
-  isLoading = !1;
-  constructor(t) {
-    this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken, t.onError), _(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 ee(
-      {
-        ...t,
-        ...e,
-        ...this.globalStore.appConfig.config
-      },
-      r
-    );
-  }
-}
-class K {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new y(t, e, void 0, r);
-  }
-  getHoldings = async () => this.fetchInstance.get(h.HOLDINGS).then((t) => t.holdings);
-  updateHoldings = async (t) => this.fetchInstance.put(`${h.HOLDINGS}/${t.guid}`, t).then((e) => e.holding);
-}
-class re {
-  analysisType = bt.Stocks;
-  api = new K("/", "");
-  holdings = [];
-  holdingsLoaded = !1;
-  globalStore;
-  showConnectionsWidget = !1;
-  constructor(t) {
-    this.globalStore = t, this.api = new K(t.endpoint, t.sessionToken, t.onError), _(this);
-  }
-  get analysisChartData() {
-    return wt(Ct(this.visibleHoldings), this.analysisType);
-  }
-  get analysisDetails() {
-    return xt(this.visibleHoldings)[this.analysisType] || {};
-  }
-  get visibleHoldings() {
-    return this.holdings.filter(
-      (t) => this.globalStore.globalUiStore.selectedAccountGuids.includes(t.account_guid)
-    );
-  }
-  setHoldings = (t) => {
-    this.holdings = t, this.holdingsLoaded = !0;
-  };
-  setShowConnectionsWidget = (t) => {
-    this.showConnectionsWidget = t;
-  };
-  loadHoldings = async () => {
-    try {
-      const t = await this.api.getHoldings();
-      this.setHoldings(t);
-    } 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: o }) => o === t.guid);
-      if (r >= 0) {
-        const o = [...this.holdings];
-        o[r] = e, S(() => {
-          this.holdings = o, this.holdingsLoaded = !0;
-        });
-      }
-    } catch (e) {
-      console.error(`Error occurred while updating holding: ${e}`);
     }
   };
-}
-const z = {
-  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_survey_index: 8,
-    dashboard_survey_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: []
+  return { typography: a, palette: t, components: f };
 };
-class V {
-  fetchInstance;
-  constructor(t, e, r) {
-    this.fetchInstance = new y(t, e, void 0, r);
-  }
-  getAppData = async () => this.fetchInstance.get(h.APP_DATA).then((t) => t);
-}
-class oe {
-  globalStore;
-  api = new V("/", "");
-  bannerApi = new H("/");
-  appData = {};
-  isAppDataLoaded = !1;
-  banner = {};
-  constructor(t) {
-    this.globalStore = t, this.api = new V(t.endpoint, t.sessionToken, t.onError), _(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;
-  }
-  setAppData = (t) => {
-    this.appData = t, this.bannerApi = new H(t.address?.bullseye || "/"), this.isAppDataLoaded = !0;
-  };
-  loadAppData = async () => {
-    try {
-      const t = await this.api.getAppData();
-      this.setAppData(t);
-    } catch (t) {
-      console.error(`Error loading app data: ${t}`);
-    }
-  };
-  loadBanner = async () => {
-    try {
-      const t = this.user?.guid ?? null, e = t ? await this.bannerApi.getBanner(t) : {};
-      S(() => {
-        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 ae {
-  globalStore;
-  widgetApi = new W("/", "");
-  constructor(t) {
-    this.globalStore = t, this.widgetApi = new W(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 ie {
-  globalStore;
-  accountFilterMap = /* @__PURE__ */ new Map();
-  displayedDate = /* @__PURE__ */ new Date();
-  displayedDateRange = {
-    start: tt(this.displayedDate),
-    end: J(this.displayedDate)
-  };
-  constructor(t) {
-    _(this), this.globalStore = t, Z(
-      () => this.globalStore.accountStore.visibleAccounts,
-      (e) => {
-        this.populateAccountFilterMap(e);
-      }
-    );
-  }
-  get allSelectedAccounts() {
-    return this.globalStore.accountStore.detailedAccounts.filter(
-      (t) => !t.is_excluded_from_accounts
-    );
-  }
-  get selectedAccounts() {
-    return this.globalStore.accountStore.visibleAccounts.filter(
-      (t) => !t.is_excluded_from_accounts
-    );
-  }
-  get selectedAccountGuids() {
-    return this.selectedAccounts.map((t) => t.guid);
-  }
-  get isCopyLoaded() {
-    return this.globalStore.copyStore.isInitialized;
-  }
-  get isConfigLoaded() {
-    return this.globalStore.appDataStore.isAppDataLoaded;
-  }
-  get areUserFeaturesLoaded() {
-    return this.globalStore.userStore.userFeaturesLoaded;
-  }
-  get isInitialized() {
-    return this.isCopyLoaded && this.isConfigLoaded && this.areUserFeaturesLoaded;
-  }
-  populateAccountFilterMap = (t) => {
-    t && t.forEach((e) => {
-      this.accountFilterMap.set(e.guid, !e.is_excluded_from_accounts);
-    });
-  };
-  resetAccountFilterMap = () => {
-    this.accountFilterMap.clear(), this.populateAccountFilterMap(this.globalStore.accountStore.visibleAccounts);
-  };
-  updateAccountFilterMap = (t, e) => {
-    this.accountFilterMap.set(t, e);
-  };
-  setDisplayedDate = (t, e) => {
-    this.displayedDate = e, this.displayedDateRange = {
-      start: t,
-      end: e
-    };
-  };
-  get shouldDisableNextDate() {
-    const t = T(this.displayedDate), e = T(It(/* @__PURE__ */ new Date(), 1));
-    return t === e;
-  }
-  get shouldDisablePrevDate() {
-    const t = T(this.displayedDate), e = T(/* @__PURE__ */ new Date());
-    return t === e;
-  }
-}
-class ne {
-  globalStore;
-  api = new G("/", "");
-  userFeatures = [];
-  userFeaturesLoaded = !1;
-  constructor(t) {
-    this.globalStore = t, this.api = new G(t.endpoint, t.sessionToken, t.onError), _(this);
-  }
-  get userProfile() {
-    return this.globalStore.appDataStore.userProfile;
-  }
-  get user() {
-    return this.globalStore.appDataStore.user;
-  }
-  setUserFeatures = (t) => {
-    this.userFeatures = t, this.userFeaturesLoaded = !0;
-  };
-  loadUserFeatures = async () => {
-    try {
-      const t = await this.api.getUserFeatures();
-      this.setUserFeatures(t);
-    } catch (t) {
-      console.error(`Error occurred while loading user features: ${t}`);
-    }
-  };
-  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 Ke {
-  // Global properties
-  appConfig = z;
-  endpoint = "/";
-  sessionToken = "";
-  onError;
-  onStoreUpdate;
-  // 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 = z, e = "/", r, o) {
-    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.onStoreUpdate = o, this.accountStore = new gt(this), this.appDataStore = new oe(this), this.analyticsStore = new jt(this), this.beatStore = new mt(this), this.budgetsStore = new Kt(this), this.cashflowStore = new it(this), this.categoryStore = new lt(this), this.connectStore = new ae(this), this.copyStore = new Xt(this), this.debtsStore = new yt(this), this.finstrongStore = new St(this), this.goalStore = new ut(this), this.helpStore = new se(this), this.holdingStore = new re(this), this.merchantStore = new At(this), this.netWorthStore = new Dt(this), this.notificationStore = new vt(this), this.recurringTransactionsStore = new Tt(this), this.settingsStore = new Et(this), this.transactionStore = new dt(this), this.trendsStore = new Bt(this), this.userStore = new ne(this), this.globalUiStore = new ie(this), _(this), ht(() => {
-      const { transactions: a } = this.transactionStore;
-      this.emitUpdate({
-        transactions: a
-      });
-    });
-  }
-  get isInitialized() {
-    return this.globalUiStore.isInitialized;
-  }
-  // emits change triggered in the autorun
-  emitUpdate = (t) => {
-    this.onStoreUpdate?.(t);
-  };
-  loadConfigData = async () => {
-    await Promise.all([
-      // Load copy, config and user data
-      this.copyStore.loadCopy(),
-      this.appDataStore.loadAppData(),
-      this.userStore.loadUserFeatures()
-    ]);
-  };
-  loadData = async ({
-    accounts: t,
-    appData: e,
-    associatedBeats: r,
-    categories: o,
-    institutions: a,
-    transactionRules: l,
-    transactions: c,
-    userFeatures: d
-  } = {}) => {
-    (!e || !d) && await this.loadConfigData(), e && this.appDataStore.setAppData(e), d && this.userStore.setUserFeatures(d), t && (await this.accountStore.loadMembers(), a && this.accountStore.setInstitutions(a), this.accountStore.setAccounts(t)), r && this.transactionStore.setAssociatedBeats(r), o && this.categoryStore.setCategories(o), c && this.transactionStore.setTransactions(c), l && this.transactionStore.setTransactionRules(l);
-  };
-}
 export {
-  hs as ANALYTICS_EVENTS,
-  Qs as AccountIcon,
-  Xs as AccountIconVariants,
-  nr as AccountNotificationTypes,
-  js as AccountSubType,
-  Ks as AccountType,
-  zs as AccountTypeName,
-  pr as AnalyticsApi,
-  h as ApiEndpoints,
-  H as BannerApi,
-  Xe as BarChart,
-  Sr as BeatApi,
-  cr as BudgetNotificationTypes,
-  Ze as Calendar,
-  Je as CalendarSelectionTypes,
-  wr as CategoryApi,
-  xr as CategoryColors,
-  Ar as CategoryGuidToName,
-  E as CategoryGuids,
-  Dr as CategoryIcon,
-  Tr as ConnectCard,
-  Lr as ConnectDrawer,
-  Vs as ConnectionStatus,
-  Zs as ConnectionStatusEnums,
-  Rr as CurrencyCodes,
-  rs as CurrencyInput,
-  Wr as CurrencyText,
-  _s as DATE_FORMATS_INTL,
-  nt as DEFAULT_DONUT_SIZE,
-  ct as DEFAULT_STROKE_WIDTH,
-  as as DataRow,
-  gs as DateRangeSelector,
-  fs as Dialog,
-  Cs as Drawer,
-  Yr as EmptyState,
-  As as ErrorBoundary,
-  Js as ErrorStatuses,
-  Vt as ExpenseStatus,
-  y as Fetch,
-  is as Frequency,
-  Ur as GlobalAccountFilter,
-  R as GlobalCopyApi,
-  Xt as GlobalCopyStore,
-  Xr as GlobalDataContext,
-  jr as GlobalDataProvider,
-  Ke as GlobalStore,
-  Br as GoalType,
-  Oo as INCOME_ACCOUNT_TYPES,
-  vs as IconBacking,
-  Ts as InformationTooltip,
-  dr as InsightNotificationTypes,
-  Ut as IterationItemTypes,
-  We as LOADING_STATUS,
-  Go as ListItemAction,
-  Ro as ListItemRow,
-  ts as ListItemWrapper,
-  Is as Loader,
-  Ye as LocalizedCopyApi,
-  Ir as MetaType,
-  tr as MfaStatuses,
-  Ms as MicroWidgetContainer,
-  Us as MiniWidgetContainer,
-  je as MultiSegmentDonut,
-  er as NonConnectedStatuses,
-  No as NotificationApi,
-  lr as NotificationTypes,
-  ys as ORDINAL_DATE_FORMAT,
-  Ss as ORDINAL_MONTH_DAY_YEAR_FORMAT,
-  Po as PAYMENT_ACCOUNT_TYPES,
-  vr as PaymentCategories,
-  Lt as PlanTypes,
-  sr as ProcessingStatuses,
-  rr as PropertyType,
-  or as PropertyTypeName,
-  Ge as RECURRENCE_COPY,
-  ns as RecurrenceStatus,
-  cs as RecurrenceType,
-  Mt as RecurrenceTypes,
-  ds as RepeatingType,
-  Os as ResponsiveButton,
-  Fo as SPENDING_ACCOUNT_TYPES,
-  Zt as ScheduledPaymentTypes,
-  Qe as ScheduledPaymentsApi,
-  Jt as ScreenSize,
-  qo as SearchBox,
-  ls as Select,
-  Fs as SelectionBox,
-  Rs as SingleSegmentDonut,
-  Lo as Sizes,
-  Gs as StatusBar,
-  ar as StatusName,
-  Uo as TOUCH_TARGET,
-  qs as TabContentContainer,
-  ur as ToggleButtonListItem,
-  hr as ToggleListItem,
-  Nr as TrackType,
-  es as TransactionStatus,
-  ot as TransactionType,
-  G as UserApi,
-  ne as UserStore,
-  zt as UserVerification,
-  W as WidgetApi,
-  ps as WidgetContainer,
-  Kr as WidgetContainerContext,
-  zr as WidgetContainerProvider,
-  mr as analyticsSession,
-  Qo as buildDynamicCopy,
-  Xo as buildPluralCopy,
-  $r as formatCurrency,
-  bs as formatDate,
-  Or as formatOrdinal,
-  Pr as formatPercentage,
-  zo as fromTimestampToMonthYear,
-  Do as getCategory,
-  vo as getCategoryTotalsByParent,
-  qe as getClientTheme,
-  Fr as getCurrencyCodes,
-  Eo as getDetailedCategory,
-  To as getDetailedSubCategory,
-  jo as getLocale,
-  Bo as isIncome,
-  Hr as isValidNumber,
-  Zo as useAccountDisplayName,
-  Vr as useAccountStore,
-  Zr as useAppConfig,
-  Jr as useBudgetsStore,
-  to as useCashflowStore,
-  eo as useCategoryStore,
-  _r as useCombineEvents,
-  fr as useCombinePageviews,
-  so as useDebtStore,
-  ro as useError,
-  oo as useEvent,
-  ao as useFinstrongStore,
-  io as useGlobalCopyStore,
-  no as useGlobalStore,
-  co as useGlobalUiStore,
-  lo as useGoalStore,
-  uo as useHelpStore,
-  ho as useHoldingStore,
-  ta as useInsightsEnabled,
-  go as useLoad,
-  po as useMerchantStore,
-  mo as useNetWorthStore,
-  _o as useNotificationStore,
-  fo as usePageView,
-  yo as useRecurringTransactionsStore,
-  sa as useScreenSize,
-  So as useSettingsStore,
-  bo as useTransactionStore,
-  wo as useTrendsStore,
-  Co as useUserStore,
-  xo as useWidgetContainerProvider,
-  oa as useWidgetLoadTimer
+  qr as ANALYTICS_EVENTS,
+  rr as Calendar,
+  er as CalendarSelectionTypes,
+  Fr as ConnectCard,
+  Hr as ConnectDrawer,
+  or as CurrencyDialog,
+  ar as CurrencyInput,
+  jr as CurrencyText,
+  _ as DEFAULT_DONUT_SIZE,
+  v as DEFAULT_STROKE_WIDTH,
+  nr as DataRow,
+  lr as DateRangeSelector,
+  fr as Dialog,
+  yr as Donut,
+  xr as Drawer,
+  Kr as EmptyState,
+  Jr as Error,
+  hr as ErrorBoundary,
+  zr as GlobalAccountFilter,
+  ee as GlobalDataContext,
+  oe as GlobalDataProvider,
+  Y as GlobalStore,
+  Pe as INCOME_ACCOUNT_TYPES,
+  Cr as IconBacking,
+  vr as InformationTooltip,
+  W as LOADING_STATUS,
+  We as ListItemAction,
+  Ge as ListItemRow,
+  Re as ListItemWrapper,
+  br as Loader,
+  Dr as MicroWidgetContainer,
+  Ir as MiniWidgetContainer,
+  U as MultiSegmentDonut,
+  we as PAYMENT_ACCOUNT_TYPES,
+  L as RECURRENCE_COPY,
+  wr as ResponsiveButton,
+  Ne as SPENDING_ACCOUNT_TYPES,
+  Ye as SearchBox,
+  ir as Select,
+  Lr as SelectionBox,
+  Mr as SingleSegmentDonut,
+  $e as Sizes,
+  Ur as StatusBar,
+  He as TOUCH_TARGET,
+  Br as TabContentContainer,
+  je as ToggleButtonListItem,
+  Ve as ToggleListItem,
+  mr as WidgetContainer,
+  te as WidgetContainerContext,
+  ae as WidgetContainerProvider,
+  Ze as analyticsSession,
+  $ as buildDynamicCopy,
+  H as buildPluralCopy,
+  j as formatCurrency,
+  V as formatOrdinal,
+  K as formatPercentage,
+  Z as generateEqualIntervals,
+  G as getClientPaletteOptions,
+  B as getClientTheme,
+  J as getCurrencyCodes,
+  X as getPluralRules,
+  ro as useAccountDisplayName,
+  se as useAccountStore,
+  ne as useAppConfig,
+  ie as useBudgetsStore,
+  ue as useCashflowStore,
+  le as useCategoryStore,
+  Je as useCombineEvents,
+  Xe as useCombinePageviews,
+  me as useDebtStore,
+  de as useError,
+  ce as useEvent,
+  fe as useFinstrongStore,
+  pe as useGlobalCopyStore,
+  ye as useGlobalStore,
+  ge as useGlobalUiStore,
+  xe as useGoalStore,
+  Ee as useHelpStore,
+  he as useHoldingStore,
+  oo as useInsightsEnabled,
+  Se as useLoad,
+  Ce as useMerchantStore,
+  _e as useNetWorthStore,
+  ve as useNotificationStore,
+  ke as usePageView,
+  N as usePrevious,
+  be as useRecurringTransactionsStore,
+  ao as useScreenSize,
+  Oe as useSettingsStore,
+  De as useTransactionStore,
+  Te as useTrendsStore,
+  Ie as useUserStore,
+  Ae as useWidgetContainerProvider,
+  dr as useWidgetHeaderStyles,
+  no as useWidgetLoadTimer
 };