@mx-cartographer/experiences 6.26.0-alpha.sms7 → 6.26.1-alpha.mega1

package/dist/common/index.es.js

@@ -0,0 +1,1549 @@
+import { ae as y, af as l, bj as at, bk as rt, bl as it, bm as M, b5 as L, aK as E, bn as ot, bc as nt, bo as ct, bp as dt, bq as lt } from "../ConnectMiniWidget-CQWafYtQ.mjs";
+import { b9 as Sa, a$ as wa, bZ as Ca, b_ as xa, aq as va, b$ as Da, aS as Aa, c0 as Ea, br as Ta, ar as Ba, bH as Ia, bI as Na, bQ as Fa, aY as Ma, bR as $a, bA as ka, b0 as Oa, aT as Ua, c1 as La, bT as Ra, bf as Ha, bB as Ga, aJ as Pa, by as qa, bL as Wa, bg as Qa, b8 as Ya, be as za, bs as Xa, aU as Ka, c9 as ja, c6 as Va, bN as Za, bx as Ja, bz as tr, a_ as er, bJ as sr, bC as ar, bD as rr, c7 as ir, aW as or, bt as nr, c2 as cr, c8 as dr, b3 as lr, bM as ur, bO as pr, bS as hr, aV as gr, c3 as _r, c4 as mr, aP as yr, aQ as br, ca as fr, bP as Sr, bu as wr, bE as Cr, bv as xr, bi as vr, bU as Dr, bK as Ar, bh as Er, c5 as Tr, bV as Br, bw as Ir, bF as Nr, bG as Fr, aN as Mr, b2 as $r, aw as kr, cb as Or, aL as Ur, cd as Lr, aM as Rr, aI as Hr, cf as Gr, ba as Pr, cc as qr, cg as Wr, ce as Qr, ch as Yr, bW as zr, bX as Xr, bY as Kr, av as jr } from "../ConnectMiniWidget-CQWafYtQ.mjs";
+import { C as ut } from "../CategoryStore-m7oieLzP.mjs";
+import { a as Zr } from "../CategoryStore-m7oieLzP.mjs";
+import { N as pt } from "../NotificationStore-DCxw8W7u.mjs";
+import { a as ti } from "../NotificationStore-DCxw8W7u.mjs";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import { addMonths as ht } from "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import { startOfToday as R } from "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import J, { useRef as gt, useEffect as _t } from "react";
+import "numeral";
+import { alpha as mt, lighten as H, darken as G } from "@mui/material";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import yt from "@mui/material/Button";
+import { useTokens as w, Text as B } from "@mxenabled/mxui";
+import bt from "@mui/material/Tooltip";
+import "@mui/material/Box";
+import ft from "@mui/material/IconButton";
+import { G as si, z as ai, L as ri, M as ii, W as oi, A as ni, f as ci, g as di, u as li, m as ui, h as pi, n as hi, c as gi, o as _i, b as mi, e as yi, d as bi, p as fi, q as Si, j as wi, r as Ci, s as xi, t as vi, v as Di, l as Ai, w as Ei, i as Ti, x as Bi, y as Ii, k as Ni } from "../Loader-CwdK8lfx.mjs";
+import St from "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import { css as C, keyframes as wt } from "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import { endOfMonth as tt } from "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import { startOfMonth as et } from "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import { makeAutoObservable as _, runInAction as p, reaction as Ct } from "mobx";
+import xt from "posthog-js";
+import "date-fns/differenceInDays";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "date-fns/formatISO";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "date-fns/addSeconds";
+import "date-fns/differenceInCalendarMonths";
+import { getMonth as T } from "date-fns/getMonth";
+import { D as Mi } from "../Donut-CGNFni9y.mjs";
+import { f as vt, a as Dt, b as P } from "../BudgetUtil-CVqAdv-j.mjs";
+import { g as ki, e as Oi, c as Ui, d as Li, i as Ri } from "../BudgetUtil-CVqAdv-j.mjs";
+import { C as At } from "../CashflowStore-gPEEBiXo.mjs";
+import { D as Et } from "../DebtsStore-cUhIgJx6.mjs";
+import { a as Tt } from "../FinstrongStore-BDG7l0nI.mjs";
+import { a as Bt } from "../GoalStore-o2waGeyf.mjs";
+import { M as It } from "../MerchantStore-Cck9IGIH.mjs";
+import { N as Nt } from "../NetWorthStore-D5eUfGQt.mjs";
+import { a as Ft } from "../SettingsStore-BhOYgUOa.mjs";
+import { T as Mt } from "../TransactionStore-CiEtt5XJ.mjs";
+import { R as $t } from "../RecurringTransactionsStore-Bijrgllq.mjs";
+import { T as kt } from "../TrendsStore-Idq3QfoA.mjs";
+import { a as Ot } from "../AccountStore-DkL93tXL.mjs";
+var Ut = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EveryWeek = 1] = "EveryWeek", e[e.EveryOtherWeek = 2] = "EveryOtherWeek", e[e.EveryMonth = 3] = "EveryMonth", e[e.EveryOtherMonth = 4] = "EveryOtherMonth", e[e.EveryQuarter = 5] = "EveryQuarter", e[e.EveryOtherQuarter = 6] = "EveryOtherQuarter", e[e.EveryYear = 7] = "EveryYear", e))(Ut || {});
+const ca = [
+  { 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" }
+], da = {
+  ERROR: "ERROR",
+  LOADING: "LOADING",
+  SUCCESS: "SUCCESS"
+};
+var Lt = /* @__PURE__ */ ((e) => (e[e.SpendingPlan = 0] = "SpendingPlan", e[e.Budgets = 1] = "Budgets", e))(Lt || {}), Rt = /* @__PURE__ */ ((e) => (e[e.RecurringExpense = 0] = "RecurringExpense", e[e.PlannedExpense = 1] = "PlannedExpense", e[e.Other = 2] = "Other", e[e.Income = 3] = "Income", e))(Rt || {});
+const la = (e, t) => {
+  const s = e.palette.mode === "dark", a = (c, d) => {
+    const n = t?.[c];
+    return {
+      lighter: n ? H(n, 0.5) : d.lighter,
+      light: n ? H(n, 0.25) : d.light,
+      main: n || d.main,
+      dark: n ? G(n, 0.25) : d.dark,
+      darker: n ? G(n, 0.5) : d.darker
+    };
+  }, r = {
+    primary: a(s ? "primary_color_dark" : "primary_color", e.palette.primary),
+    secondary: a(s ? "neutral_color_dark" : "neutral_color", e.palette.secondary),
+    error: a(s ? "error_color_dark" : "error_color", e.palette.error),
+    warning: a(s ? "warning_color_dark" : "warning_color", e.palette.warning),
+    info: a(s ? "info_color_dark" : "info_color", e.palette.info),
+    success: a(s ? "success_color_dark" : "success_color", e.palette.success)
+  }, i = {
+    MuiTabs: {
+      styleOverrides: {
+        indicator: {
+          backgroundColor: r.primary.light
+        }
+      }
+    },
+    MuiPickersCalendarHeader: {
+      styleOverrides: {
+        switchViewButton: {
+          color: r.primary.lighter,
+          "&:hover": {
+            backgroundColor: mt(r.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 ?? e.typography.fontFamily,
+      H1: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      h1: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      H2: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      h2: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      H3: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      h3: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      Body: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      body1: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      Small: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      body2: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      Button: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      button: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      XSmall: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      caption: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      Paragraph: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      subtitle1: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      ParagraphSmall: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      subtitle2: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      Tiny: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      },
+      tiny: {
+        fontFamily: t?.system_font ?? e.typography.fontFamily
+      }
+    },
+    palette: r,
+    components: i,
+    shape: {
+      borderRadius: t?.button_corner_radius ?? e.shape.borderRadius
+    }
+  };
+};
+class q {
+  fetchInstance;
+  constructor(t) {
+    this.fetchInstance = new y(t, "", {
+      Accept: "application/json",
+      "Content-Type": "application/json"
+    });
+  }
+  getBanner = async (t) => {
+    try {
+      const s = `/banner/${t}/account_widget_banner`;
+      return this.fetchInstance?.get(s).then((a) => a.banner) ?? {};
+    } catch (s) {
+      return console.error("Error fetching banner:", s), null;
+    }
+  };
+}
+class ua {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  getLocalizedCopy = async (t) => this.fetchInstance.post(l.LOCALIZED_COPY, t).then((s) => s);
+  getLocalizedContent = async (t) => this.fetchInstance.post(`${l.LOCALIZED_CONTENT}/${t}`).then((s) => s);
+}
+class pa {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  addScheduledPayment = async (t) => this.fetchInstance.post(l.SCHEDULED_PAYMENTS, {
+    ...t,
+    is_recurring: "true",
+    transaction_type: at.DEBIT
+  }).then((s) => s.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((s) => s.scheduled_payment);
+  deleteScheduledPayment = async (t) => this.fetchInstance.delete(`${l.SCHEDULED_PAYMENTS}/${t}`).then((s) => s);
+}
+class $ {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  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((s) => s.user);
+  updateUserProfile = async (t) => this.fetchInstance.put(`${l.USER_PROFILES}/${t.guid}`, t).then((s) => s.user_profile);
+}
+class W {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  requestWidgetUrl = async (t) => this.fetchInstance.post(l.WIDGET_URLS, t).then((s) => s.widget_url);
+}
+const ha = (e) => {
+  const t = gt();
+  return _t(() => {
+    t.current = e;
+  }, [e]), t.current;
+}, Ht = ({ color: e, labelAverage: t, labelMain: s }) => {
+  const a = w(), r = Gt(a, e);
+  return /* @__PURE__ */ m("div", { className: `mx-cmn-bar-chart-legend ${r}`, children: [
+    /* @__PURE__ */ o("div", { "aria-label": s, className: "mx-cmn-color-square", role: "img" }),
+    /* @__PURE__ */ o(B, { variant: "XSmall", children: s }),
+    /* @__PURE__ */ m("div", { "aria-label": t, className: "mx-cmn-triple-dot", role: "img", children: [
+      /* @__PURE__ */ o("div", { className: "mx-cmn-dot" }),
+      /* @__PURE__ */ o("div", { className: "mx-cmn-dot" }),
+      /* @__PURE__ */ o("div", { className: "mx-cmn-dot" })
+    ] }),
+    /* @__PURE__ */ o(B, { variant: "XSmall", children: t })
+  ] });
+}, Gt = (e, t) => C({
+  alignItems: "center",
+  display: "flex",
+  gap: e.Spacing.XSmall,
+  justifyContent: "flex-end",
+  marginRight: e.Spacing.XLarge,
+  paddingBottom: e.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: e.Color.Neutral500,
+    height: 3,
+    width: 3,
+    borderRadius: 1.5
+  },
+  "& > .kyper-text": {
+    marginRight: e.Spacing.XSmall
+  }
+}), Q = ({
+  ariaLabel: e,
+  color: t,
+  height: s,
+  index: a,
+  label: r,
+  onClick: i,
+  selectedIndex: c,
+  value: d
+}) => {
+  const n = w(), u = Pt(n, t, s), h = (f) => {
+    i && (f.key === " " || f.key === "Enter") && i(a);
+  }, b = c === void 0 || c === a ? "primary" : "secondary", g = () => /* @__PURE__ */ o(
+    B,
+    {
+      "aria-hidden": !0,
+      bold: c === a,
+      className: "mx-cmn-bar-text",
+      color: b,
+      component: "div",
+      variant: "Small",
+      children: r
+    }
+  );
+  return /* @__PURE__ */ m("div", { className: `mx-cmn-bar-container ${u} ${d < 0 ? "mx-cmn-negative" : ""}`, children: [
+    d >= 0 && /* @__PURE__ */ o(g, {}),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        "aria-label": e,
+        className: `mx-cmn-bar ${i ? "mx-cmn-clickable" : ""} ${d < 0 ? "mx-cmn-bar-negative" : ""}`,
+        onClick: i ? () => i?.(a) : void 0,
+        onKeyDown: h,
+        role: e ? "button" : void 0,
+        tabIndex: e ? 0 : void 0
+      }
+    ),
+    d < 0 && /* @__PURE__ */ o(g, {})
+  ] });
+}, Pt = (e, t, s) => {
+  const a = `expandBar-${Math.round(s)}`, r = wt(a, { from: { height: 0 }, to: { height: s } });
+  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: r,
+      animationTimingFunction: e.Easing.Default,
+      backgroundColor: t,
+      borderRadius: `${e.BorderRadius.Medium}px ${e.BorderRadius.Medium}px 0 0`,
+      maxHeight: s
+    },
+    "& .mx-cmn-bar-negative": {
+      borderRadius: `0 0 ${e.BorderRadius.Medium}px ${e.BorderRadius.Medium}px`,
+      marginTop: -e.Spacing.XTiny
+    },
+    "& .mx-cmn-bar-text": {
+      display: "flex",
+      justifyContent: "center",
+      marginBottom: e.Spacing.Tiny,
+      marginTop: e.Spacing.Tiny,
+      whiteSpace: "nowrap",
+      width: "100%"
+    }
+  });
+}, Y = ({
+  ariaLabel: e,
+  averageLineHeight: t,
+  bottomHeight: s,
+  color: a,
+  index: r = -1,
+  onClick: i,
+  range: c,
+  selectedIndex: d,
+  topHeight: n,
+  value: u,
+  valueLabel: h = "",
+  width: b,
+  xAxisLabel: g = ""
+}) => {
+  const f = w(), x = qt(f, b), v = u / c * n, D = Math.abs(u) / c * s, A = d === void 0 || d === r ? "primary" : "secondary";
+  return /* @__PURE__ */ m("div", { className: `mx-cmn-barchart-bar-column ${x}`, children: [
+    /* @__PURE__ */ o("div", { style: { height: n }, children: u >= 0 && /* @__PURE__ */ o(
+      Q,
+      {
+        ariaLabel: e,
+        color: a,
+        height: v,
+        index: r,
+        label: h,
+        onClick: i,
+        selectedIndex: d,
+        value: u
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "mx-cmn-zero-line" }),
+    t !== 0 && /* @__PURE__ */ o("div", { className: "mx-cmn-chart-average", style: { bottom: t } }),
+    /* @__PURE__ */ o("div", { style: { height: s }, children: u < 0 && /* @__PURE__ */ o(
+      Q,
+      {
+        ariaLabel: e,
+        color: a,
+        height: D,
+        index: r,
+        label: h,
+        onClick: i,
+        value: u
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `mx-cmn-bar-label ${i ? "mx-cmn-clickable" : ""}`,
+        onClick: i ? () => i(r) : void 0,
+        children: /* @__PURE__ */ o(B, { bold: d === r, color: A, variant: "Small", children: g })
+      }
+    )
+  ] });
+}, qt = (e, t) => C({
+  display: "flex",
+  flexDirection: "column",
+  flexGrow: t === void 0 ? 1 : 0,
+  width: t,
+  "& .mx-cmn-chart-average": {
+    borderTop: `${e.Spacing.XTiny}px dotted ${e.Color.Neutral500}`,
+    position: "relative",
+    marginRight: e.Spacing.XTiny
+  },
+  "& .mx-cmn-zero-line": {
+    borderBottom: "1px solid text.primary",
+    width: "100%"
+  },
+  "& .mx-cmn-bar-label": {
+    minHeight: e.Spacing.Medium,
+    maxHeight: e.Spacing.Medium,
+    marginBottom: e.Spacing.XSmall,
+    marginTop: e.Spacing.XSmall,
+    textAlign: "center",
+    width: "100%"
+  },
+  "& .mx-cmn-clickable": {
+    cursor: "pointer"
+  }
+}), Wt = (e, t) => e + t, Qt = (e, t) => Math.abs(t) > e ? Math.abs(t) : e, Yt = (e, t) => [...e, t.value], z = (e, t, s) => {
+  const a = e && t ? s / 2 : s;
+  return e ? a : 0;
+}, zt = (e, t, s, a) => e / (t < 0 ? -s : t) * a || 0, ga = ({
+  average: e,
+  barWidth: t = "8%",
+  color: s,
+  data: a,
+  height: r,
+  legendLabelAverage: i,
+  legendLabelMain: c,
+  onBarClick: d,
+  selectedIndex: n,
+  valueFormatter: u = (h) => `${h}`
+}) => {
+  const h = w(), b = Xt(h), g = a.reduce(Yt, []), f = e !== void 0 ? e : g.reduce(Wt, 0) / g.length, x = Math.max(...g), v = Math.min(...g), D = g.reduce(Qt, 0), A = x >= 0, k = v < 0, I = z(A, k, r), N = z(k, A, r), O = zt(f, x, v, I || N), st = (S) => n === void 0 || S === n ? s : `${s}80`, U = () => /* @__PURE__ */ o(
+    Y,
+    {
+      averageLineHeight: O,
+      bottomHeight: N,
+      color: "",
+      range: D,
+      topHeight: I,
+      value: 0,
+      width: void 0
+    }
+  );
+  return /* @__PURE__ */ m("div", { className: `mx-cmn-bar-chart ${b}`, children: [
+    /* @__PURE__ */ m("div", { className: "mx-cmn-chart-container", children: [
+      /* @__PURE__ */ o(U, {}),
+      a.map((S, F) => /* @__PURE__ */ m(J.Fragment, { children: [
+        /* @__PURE__ */ o(
+          Y,
+          {
+            ariaLabel: S.ariaLabel,
+            averageLineHeight: O,
+            bottomHeight: N,
+            color: st(F),
+            index: F,
+            onClick: d,
+            range: D,
+            selectedIndex: n,
+            topHeight: I,
+            value: S.value,
+            valueLabel: u(S.value),
+            width: t,
+            xAxisLabel: S.label
+          }
+        ),
+        /* @__PURE__ */ o(U, {})
+      ] }, `column-${F}`))
+    ] }),
+    /* @__PURE__ */ o(Ht, { color: s, labelAverage: i, labelMain: c })
+  ] });
+}, Xt = (e) => C({
+  "& .mx-cmn-chart-container": {
+    alignItems: "flex-end",
+    display: "flex",
+    justifyContent: "space-evenly",
+    marginTop: e.Spacing.Large,
+    marginBottom: e.Spacing.Medium
+  }
+}), _a = ({
+  hasGap: e = !1,
+  segments: t,
+  size: s = rt,
+  strokeWidth: a = it,
+  children: r
+}) => {
+  const i = w(), c = Kt(i, s), d = (s - a) / 2, n = s / 2;
+  let u = -90 - (e ? 1 : 0), h = 0;
+  return /* @__PURE__ */ m("div", { className: `mx-cmn-multi-segment-donut ${c}`, children: [
+    /* @__PURE__ */ m("svg", { height: s, width: s, children: [
+      /* @__PURE__ */ o(
+        "circle",
+        {
+          cx: n,
+          cy: n,
+          fill: "none",
+          r: d,
+          stroke: i.Color.Neutral300,
+          strokeWidth: a
+        }
+      ),
+      t.map((b, g) => (u += 360 * h + (e ? 1 : 0), h = (b.percent - (e ? 0.3 : 0)) / 100, /* @__PURE__ */ o(
+        "circle",
+        {
+          cx: n,
+          cy: n,
+          fill: "none",
+          r: d,
+          stroke: b.color,
+          strokeDasharray: 2 * Math.PI * d,
+          strokeDashoffset: 2 * Math.PI * d * (1 - h),
+          strokeWidth: a,
+          transform: `rotate(${u}, ${n}, ${n})`
+        },
+        g
+      )))
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mx-cmn-multi-segment-donut-children", children: r })
+  ] });
+}, Kt = (e, t) => C({
+  height: t,
+  marginTop: `-${e.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%)"
+  }
+}), ma = ({
+  icon: e,
+  label: t,
+  onClick: s,
+  placement: a = "bottom",
+  tooltipText: r,
+  variant: i = "text"
+}) => {
+  const c = St();
+  return /* @__PURE__ */ m(J.Fragment, { children: [
+    /* @__PURE__ */ o(
+      yt,
+      {
+        onClick: s,
+        startIcon: e,
+        sx: {
+          [c.breakpoints.down("lg")]: { display: "none" },
+          [c.breakpoints.up("lg")]: { display: "inline-flex" }
+        },
+        title: r,
+        variant: i,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ o(
+      bt,
+      {
+        describeChild: !0,
+        placement: a,
+        sx: { display: { xs: "inline-flex", lg: "none" } },
+        title: r,
+        children: /* @__PURE__ */ o(ft, { onClick: s, children: e })
+      }
+    )
+  ] });
+};
+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, s) => {
+    this.api = new M(t, s), await this.loadCopy();
+  };
+  loadCopy = async () => {
+    await this.getCopy(this.featureNamespace), p(() => {
+      this.isInitialized = !0;
+    });
+  };
+  getCopy = async (t, s = "") => {
+    try {
+      const a = await this.api.getGlobalCopy(t, s);
+      p(() => {
+        this.copy = a[t];
+      });
+    } catch (a) {
+      console.error(`Error occurred while fetching ${this.featureNamespace} copy: ${a}`);
+    }
+  };
+}
+class Vt {
+  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((s) => {
+      p(() => {
+        if (s.length > 0) {
+          const a = s.find((r) => r.id === this.surveyId);
+          a && (this.survey = a, this.currentQuestionIndex = 0, this.question = a.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);
+  };
+}
+function Zt(e, t, s, a = "asc") {
+  const r = a === "desc" ? -1 : 1;
+  return [...e, ...t].sort((i, c) => i[s] < c[s] ? -1 * r : i[s] > c[s] ? 1 * r : 0);
+}
+const Jt = (e) => ({
+  ...e,
+  //fields that are offer specific, adding here for visibility
+  image_url: e.image_url,
+  guid: e.guid,
+  created_at: e.created_at,
+  dismissed_at: e.dismissed_at,
+  active_at: e.campaign_activated_at,
+  displayed_at: e.has_been_viewed,
+  post_message_secondary: e.pulse_post_message_secondary,
+  //offer fields mapped to beat fields for functionality
+  title: e.pulse_title || e.campaign_name,
+  html_title: e.pulse_title || e.campaign_name,
+  short_title: e.pulse_title || e.campaign_name,
+  html_short_title: e.pulse_title || e.campaign_name,
+  micro_title: e.pulse_title || e.campaign_name,
+  html_micro_title: e.pulse_title || e.campaign_name,
+  supporting_action: e.pulse_call_to_action_text_secondary,
+  description: e.pulse_body,
+  html_description: e.pulse_body,
+  micro_description: e.pulse_body,
+  html_micro_description: e.pulse_body,
+  call_to_action: e.pulse_call_to_action_text,
+  html_micro_call_to_action: e.pulse_call_to_action_text,
+  micro_call_to_action: e.pulse_call_to_action_text,
+  is_dismissed: e.has_been_dismissed,
+  icon_type: 5,
+  template: "MarketingOffer",
+  //beat fields we null out
+  account_guids: [],
+  data_series: {},
+  has_been_displayed: !1,
+  is_obsolete: !1,
+  is_refreshable: !1,
+  is_sampled: !1,
+  merchant_guids: [],
+  payload: {},
+  pulse_campaign_name: e.campaign_name,
+  scheduled_payment_guids: [],
+  transaction_guids: [],
+  user_guid: "",
+  user_verification: 0
+});
+class te {
+  globalStore;
+  api = new L("/", "");
+  beats = [];
+  isLoading = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new L(t.endpoint, t.sessionToken), _(this);
+  }
+  loadBeats = async () => {
+    this.isLoading = !0;
+    const t = await this.api.getBeats(), a = (await this.api.getOffers()).map((r) => Jt(r));
+    p(() => {
+      this.beats = Zt(t, a, "active_at", "desc"), this.isLoading = !1;
+    });
+  };
+  getBeatsByCategories(t) {
+    return this.beats.filter((s) => s.category_guids?.some((a) => t.includes(a)));
+  }
+}
+class X {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  addBudget = async (t, s, a = null) => this.fetchInstance.post(l.BUDGETS, {
+    amount: s,
+    category_guid: t.guid,
+    category_name: t.name,
+    parent_guid: a
+  }).then((r) => r.budget).catch((r) => {
+    throw r;
+  });
+  deleteBudget = async (t) => this.fetchInstance.delete(`${l.BUDGETS}/${t}`).then((s) => s).catch((s) => {
+    throw s;
+  });
+  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((s) => s.budget).catch((s) => {
+    throw s;
+  });
+}
+class ee {
+  api = new X("/", "");
+  globalStore;
+  alert = "";
+  dateRange = { start: et(R()), end: tt(R()) };
+  budgets = [];
+  selectedBudget;
+  selectedSubBudget;
+  isDataLoaded = !1;
+  theme = {};
+  constructor(t) {
+    this.globalStore = t, this.api = new X(t.endpoint, t.sessionToken), _(this);
+  }
+  loadBudgetData = async () => {
+    await this.loadBudgets(), Ct(
+      () => this.detailedBudgets,
+      (t) => {
+        if (t) {
+          const s = this.selectedBudget;
+          s && (this.selectedBudget = vt(t, s.guid));
+          const a = this.selectedSubBudget;
+          a && a.parent_guid && (this.selectedSubBudget = Dt(
+            t,
+            a.guid,
+            a.parent_guid
+          ));
+        }
+      }
+    );
+  };
+  get detailedBudgets() {
+    return P(
+      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, s) => t.percentage > s.percentage ? -1 : t.percentage < s.percentage ? 1 : 0);
+  }
+  get incomeBudget() {
+    return P(
+      this.budgets.filter((a) => !a.parent_guid),
+      this.globalStore.categoryStore.detailedCategories,
+      this.globalStore.copyStore.copy.budgets,
+      this.theme
+    ).reduce(
+      (a, r) => r.category_guid !== E.INCOME ? a : !a || r.percentage > a.percentage ? r : a,
+      void 0
+    )?.amount;
+  }
+  get unbudgetedCategories() {
+    return this.globalStore.categoryStore.spendCategories.filter(
+      (t) => !this.detailedBudgets.find((s) => s.category_guid === t.guid)
+    );
+  }
+  get totalBudgeted() {
+    return this.detailedBudgets.reduce((t, s) => t + s.amount, 0);
+  }
+  addBudget = async (t, s, a = null) => {
+    try {
+      const r = await this.api.addBudget(t, s, a);
+      p(() => {
+        this.budgets.push(r);
+      });
+    } catch (r) {
+      console.error(`Error adding budget: ${r}`);
+    }
+  };
+  deleteBudget = async (t) => {
+    try {
+      await this.api.deleteBudget(t), p(() => {
+        const s = this.budgets.findIndex((a) => a.guid === t);
+        s >= 0 && this.budgets.splice(s, 1);
+      });
+    } catch (s) {
+      console.error(`Error deleting budget: ${s}`);
+    }
+  };
+  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 a of t) {
+        const r = this.budgets.find((i) => i.category_guid === a.guid);
+        r ? await this.api.updateBudget({
+          ...r,
+          amount: a.totalAverageAmount
+        }) : await this.api.addBudget(a, a.totalAverageAmount);
+      }
+      const s = this.budgets.filter(
+        (a) => !t.find((r) => r.guid === a.category_guid)
+      );
+      for (const a of s)
+        await this.api.deleteBudget(a.guid);
+      return await this.loadBudgets(), { data: this.budgets, isSuccess: !0 };
+    } catch (s) {
+      return console.error("error recalculating budgets", s), { data: [], isSuccess: !1 };
+    }
+  };
+  updateBudget = async (t) => {
+    try {
+      const s = await this.api.updateBudget(t);
+      p(() => {
+        const a = this.budgets.findIndex((r) => r.guid === t.guid);
+        a >= 0 && (this.budgets[a] = s);
+      });
+    } catch (s) {
+      console.error(`Error updating budget: ${s}`);
+    }
+  };
+}
+var se = /* @__PURE__ */ ((e) => (e[e.UNKNOWN = 0] = "UNKNOWN", e[e.CORRECT = 1] = "CORRECT", e[e.INCORRECT = 2] = "INCORRECT", e))(se || {}), ae = /* @__PURE__ */ ((e) => (e.Missed = "Missed", e.Paid = "Paid", e.Upcoming = "Upcoming expense", e.Income = "Income", e))(ae || {}), re = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.Subscription = 1] = "Subscription", e[e.Bill = 2] = "Bill", e))(re || {}), ie = /* @__PURE__ */ ((e) => (e.Desktop = "Desktop", e.Mobile = "Mobile", e))(ie || {});
+class K {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  createSupportTicket = async (t) => this.fetchInstance.post(l.SUPPORT_TICKETS, t).then((s) => s);
+}
+const oe = (e, t) => e.guid === "general" || e.guid === "insights" ? !0 : e.flags ? e.flags.every((s) => t[s]) : !1, ne = (e, t) => {
+  const s = [];
+  for (const a of ot) {
+    const r = t[a.guid];
+    if (!r) continue;
+    const i = {
+      ...a,
+      title: r.label,
+      topics: a.topics.map(({ topicKey: c }, d) => ({
+        topicKey: c,
+        label: r.topics[d]
+      }))
+    };
+    oe(i, e) && s.push(i);
+  }
+  return s;
+};
+class ce {
+  alert = { message: "", severity: void 0 };
+  api = new K("/", "");
+  appConfig;
+  globalStore;
+  isLoading = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new K(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 (s) {
+      this.setAlert(this.copy.request_support_submit_failure_message, "error"), console.error("Error occurred while submitting:", s);
+    } finally {
+      this.isLoading = !1;
+    }
+  };
+  setAlert = (t, s = void 0) => this.alert = { message: t, severity: s };
+  get copy() {
+    return this.globalStore.copyStore.copy.help;
+  }
+  get helpCategories() {
+    const { client_communication_profile: t, client_profile: s } = this.globalStore.appDataStore.appData, {
+      help: { category_list: a }
+    } = this.globalStore.copyStore.copy;
+    return ne(
+      {
+        ...t,
+        ...s,
+        ...this.globalStore.appConfig.config
+      },
+      a
+    );
+  }
+}
+class j {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  getHoldings = async () => this.fetchInstance.get(l.HOLDINGS).then((t) => t.holdings);
+  updateHoldings = async (t) => this.fetchInstance.put(`${l.HOLDINGS}/${t.guid}`, t).then((s) => s.holding);
+}
+class de {
+  analysisType = nt.Stocks;
+  api = new j("/", "");
+  holdings = [];
+  holdingsLoaded = !1;
+  globalStore;
+  showConnectionsWidget = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken), _(this);
+  }
+  get analysisChartData() {
+    return ct(dt(this.visibleHoldings), this.analysisType);
+  }
+  get analysisDetails() {
+    return lt(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 s = await this.api.updateHoldings(t), a = this.holdings.findIndex(({ guid: r }) => r === t.guid);
+      if (a >= 0) {
+        const r = [...this.holdings];
+        r[a] = s, p(() => {
+          this.holdings = r, this.holdingsLoaded = !0;
+        });
+      }
+    } catch (s) {
+      console.error(`Error occurred while updating holding: ${s}`);
+    }
+  };
+}
+const V = {
+  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 Z {
+  fetchInstance;
+  constructor(t, s) {
+    this.fetchInstance = new y(t, s);
+  }
+  getAppData = async () => this.fetchInstance.get(l.APP_DATA).then((t) => t);
+}
+class le {
+  globalStore;
+  api = new Z("/", "");
+  bannerApi = new q("/");
+  appData = {};
+  banner = {};
+  constructor(t) {
+    this.globalStore = t, this.api = new Z(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 s = t || await this.api.getAppData();
+      p(() => {
+        this.appData = s, this.bannerApi = new q(s.address?.bullseye || "/");
+      });
+    } catch (s) {
+      console.error(`Error loading app data: ${s}`);
+    }
+  };
+  loadBanner = async () => {
+    try {
+      const t = this.user?.guid ?? null, s = t ? await this.bannerApi.getBanner(t) : {};
+      p(() => {
+        this.banner = s;
+      });
+    } 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 W("/", "");
+  constructor(t) {
+    this.globalStore = t, this.widgetApi = new W(t.endpoint, t.sessionToken), _(this);
+  }
+  loadWidget = async ({ widget: t = "connect_widget", mode: s = "light", ...a }) => await this.widgetApi.requestWidgetUrl({
+    widget_url: { widget_type: t, color_scheme: s, ...a }
+  });
+}
+class pe {
+  globalStore;
+  isInitialized = !1;
+  selectedAccounts = [];
+  selectedAccountGuids = this.selectedAccounts.map((t) => t.guid);
+  displayedDate = /* @__PURE__ */ new Date();
+  displayedDateRange = {
+    start: et(this.displayedDate),
+    end: tt(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(
+      (s) => !(s.is_excluded_from_accounts || s.is_excluded_from_budgets || s.is_excluded_from_cash_flow || s.is_excluded_from_debts || s.is_excluded_from_goals || s.is_excluded_from_investments || s.is_excluded_from_net_worth || s.is_excluded_from_spending || s.is_excluded_from_transactions || s.is_excluded_from_trends)
+    ), this.selectedAccountGuids = this.selectedAccounts.map((s) => s.guid);
+  };
+  // Sets an array of selected account guids for the AccountFilter component
+  setSelectedAccountGuids = async (t) => {
+    const s = new Set(this.selectedAccountGuids), a = new Set(t), r = [...a].filter((c) => !s.has(c)), i = [...s].filter((c) => !a.has(c));
+    r.length > 0 && this.globalStore.accountStore.updateAccountFiltering(r, !1), i.length > 0 && this.globalStore.accountStore.updateAccountFiltering(i, !0), this.selectedAccountGuids = t;
+  };
+  setDisplayedDate = (t, s) => {
+    this.displayedDate = s, this.displayedDateRange = {
+      start: t,
+      end: s
+    };
+  };
+  get shouldDisableNextDate() {
+    const t = T(this.displayedDate), s = T(ht(/* @__PURE__ */ new Date(), 1));
+    return t === s;
+  }
+  get shouldDisablePrevDate() {
+    const t = T(this.displayedDate), s = T(/* @__PURE__ */ new Date());
+    return t === s;
+  }
+}
+class he {
+  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, s) => {
+    this.api = new $(t, s), await this.loadUserFeatures();
+  };
+  get userProfile() {
+    return this.globalStore.appDataStore.userProfile;
+  }
+  get user() {
+    return this.globalStore.appDataStore.user;
+  }
+  loadUserFeatures = async (t) => {
+    try {
+      const s = t || await this.api.getUserFeatures();
+      p(() => {
+        this.userFeatures = s;
+      });
+    } catch (s) {
+      console.error(`Error occurred while loading user features: ${s}`);
+    }
+  };
+  updateUser = async (t) => {
+    try {
+      const s = await this.api.updateUser(t);
+      this.globalStore.appDataStore.setUser(s);
+    } catch (s) {
+      console.error(`Error updating User: ${s}`);
+    }
+  };
+  updateUserProfile = async (t) => {
+    try {
+      const s = await this.api.updateUserProfile(t);
+      this.globalStore.appDataStore.setUserProfile(s);
+    } catch (s) {
+      console.error(`Error occurred while updating user profile: ${s}`);
+    }
+  };
+}
+class ya {
+  // Global properties
+  appConfig = V;
+  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 = V, s = "/") {
+    this.appConfig = t, this.endpoint = s, this.sessionToken = t.options.session_token ?? "", this.accountStore = new Ot(this), this.appDataStore = new le(this), this.analyticsStore = new Vt(this), this.beatStore = new te(this), this.budgetsStore = new ee(this), this.cashflowStore = new At(this), this.categoryStore = new ut(this), this.connectStore = new ue(this), this.copyStore = new jt(this), this.debtsStore = new Et(this), this.finstrongStore = new Tt(this), this.goalStore = new Bt(this), this.helpStore = new ce(this), this.holdingStore = new de(this), this.merchantStore = new It(this), this.netWorthStore = new Nt(this), this.notificationStore = new pt(this), this.recurringTransactionsStore = new $t(this), this.settingsStore = new Ft(this), this.transactionStore = new Mt(this), this.trendsStore = new kt(this), this.userStore = new he(this), this.globalUiStore = new pe(this), _(this);
+  }
+  get isInitialized() {
+    return this.globalUiStore.isInitialized;
+  }
+  loadData = async ({
+    accounts: t,
+    appData: s,
+    associatedBeats: a,
+    categories: r,
+    institutions: i,
+    transactionRules: c,
+    transactions: d,
+    userFeatures: n
+  } = {}) => {
+    await Promise.all([
+      // Load copy, config and quser data
+      this.copyStore.loadCopy(),
+      this.appDataStore.loadAppData(s),
+      this.userStore.loadUserFeatures(n)
+    ]), await Promise.all([
+      this.accountStore.loadAccountData({ accounts: t, institutions: i }),
+      this.categoryStore.loadCategories(r),
+      this.transactionStore.loadTransactionData({
+        associatedBeats: a,
+        transactionRules: c,
+        transactions: d
+      })
+    ]), this.globalUiStore.setInitialized(!0);
+  };
+}
+export {
+  Sa as ANALYTICS_EVENTS,
+  wa as AccountFilter,
+  Ca as AccountIcon,
+  xa as AccountIconVariants,
+  va as AccountNotificationTypes,
+  Da as AccountSubType,
+  Aa as AccountType,
+  Ea as AccountTypeName,
+  Ta as AnalyticsApi,
+  l as ApiEndpoints,
+  q as BannerApi,
+  ga as BarChart,
+  L as BeatApi,
+  Ba as BudgetNotificationTypes,
+  Ia as Calendar,
+  Na as CalendarSelectionTypes,
+  Zr as CategoryApi,
+  Fa as CategoryColors,
+  Ma as CategoryGuidToName,
+  E as CategoryGuids,
+  $a as CategoryIcon,
+  ka as ConnectCard,
+  Oa as ConnectDrawer,
+  Ua as ConnectionStatus,
+  La as ConnectionStatusEnums,
+  Ra as CurrencyCodes,
+  Ha as CurrencyInput,
+  Ga as CurrencyText,
+  Pa as DATE_FORMATS_INTL,
+  rt as DEFAULT_DONUT_SIZE,
+  it as DEFAULT_STROKE_WIDTH,
+  qa as DataRow,
+  Wa as DateRangeSelector,
+  Qa as Dialog,
+  Mi as Donut,
+  Ya as Drawer,
+  za as EmptyState,
+  Xa as ErrorBoundary,
+  Ka as ErrorStatuses,
+  ae as ExpenseStatus,
+  y as Fetch,
+  ja as Frequency,
+  M as GlobalCopyApi,
+  jt as GlobalCopyStore,
+  si as GlobalDataContext,
+  ai as GlobalDataProvider,
+  ya as GlobalStore,
+  Va as GoalType,
+  Za as INCOME_ACCOUNT_TYPES,
+  Ja as IconBacking,
+  tr as InformationTooltip,
+  er as InsightNotificationTypes,
+  Rt as IterationItemTypes,
+  da as LOADING_STATUS,
+  sr as LineChart,
+  ar as ListItemAction,
+  rr as ListItemWrapper,
+  ri as Loader,
+  ua as LocalizedCopyApi,
+  ir as MetaType,
+  or as MfaStatuses,
+  nr as MicroWidgetContainer,
+  ii as MiniWidgetContainer,
+  _a as MultiSegmentDonut,
+  cr as NonConnectedStatuses,
+  ti as NotificationApi,
+  dr as NotificationTypes,
+  lr as ORDINAL_DATE_FORMAT,
+  ur as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  pr as PAYMENT_ACCOUNT_TYPES,
+  hr as PaymentCategories,
+  Lt as PlanTypes,
+  gr as ProcessingStatuses,
+  _r as PropertyType,
+  mr as PropertyTypeName,
+  ca as RECURRENCE_COPY,
+  yr as RecurrenceStatus,
+  br as RecurrenceType,
+  Ut as RecurrenceTypes,
+  fr as RepeatingType,
+  ma as ResponsiveButton,
+  Sr as SPENDING_ACCOUNT_TYPES,
+  re as ScheduledPaymentTypes,
+  pa as ScheduledPaymentsApi,
+  ie as ScreenSize,
+  wr as SearchBox,
+  Cr as Select,
+  xr as SelectionBox,
+  vr as SingleSegmentDonut,
+  Dr as Sizes,
+  Ar as StackedLineChart,
+  Er as StatusBar,
+  Tr as StatusName,
+  Br as TOUCH_TARGET,
+  Ir as TabContentContainer,
+  Nr as ToggleButtonListItem,
+  Fr as ToggleListItem,
+  Mr as TrackType,
+  $r as TransactionStatus,
+  at as TransactionType,
+  $ as UserApi,
+  he as UserStore,
+  se as UserVerification,
+  W as WidgetApi,
+  kr as WidgetContainer,
+  oi as WidgetContainerContext,
+  ni as WidgetContainerProvider,
+  Or as analyticsSession,
+  Ur as buildDynamicCopy,
+  Lr as buildPluralCopy,
+  Rr as formatCurrency,
+  Hr as formatDate,
+  Gr as formatOrdinal,
+  Pr as formatPercentage,
+  qr as fromTimestampToMonthYear,
+  ki as getCategory,
+  Oi as getCategoryTotalsByParent,
+  la as getClientTheme,
+  Wr as getCurrencyCodes,
+  Ui as getDetailedCategory,
+  Li as getDetailedSubCategory,
+  Qr as getLocale,
+  Ri as isIncome,
+  Yr as isValidNumber,
+  ci as useAccountStore,
+  di as useAppConfig,
+  li as useBudgetsStore,
+  ui as useCashflowStore,
+  pi as useCategoryStore,
+  zr as useCombineEvents,
+  Xr as useCombinePageviews,
+  hi as useDebtStore,
+  gi as useEvent,
+  _i as useFinstrongStore,
+  mi as useGlobalCopyStore,
+  yi as useGlobalStore,
+  bi as useGlobalUiStore,
+  fi as useGoalStore,
+  Si as useHelpStore,
+  wi as useHoldingStore,
+  Kr as useInsightsEnabled,
+  Ci as useMerchantStore,
+  xi as useNetWorthStore,
+  vi as useNotificationStore,
+  Di as usePageView,
+  ha as usePrevious,
+  Ai as useRecurringTransactionsStore,
+  jr as useScreenSize,
+  Ei as useSettingsStore,
+  Ti as useTransactionStore,
+  Bi as useTrendsStore,
+  Ii as useUserStore,
+  Ni as useWidgetContainerProvider
+};
+//# sourceMappingURL=index.es.js.map