@mx-cartographer/experiences 7.0.32 → 7.0.34-alpha.sms1

package/dist/common/index.es.js

@@ -1,77 +1,77 @@
-import { G as k } from "../useCombineEvents-DaDBSR_1.mjs";
-import { A as ss, a as rs, u as as, b as os } from "../useCombineEvents-DaDBSR_1.mjs";
-import { F as y, A as u } from "../Fetch-CkFKy79O.mjs";
-import { B as is } from "../BeatApi-DLu87ijw.mjs";
-import { C as et } from "../CategoryStore-BOyzQjQp.mjs";
-import { a as ls } from "../CategoryStore-BOyzQjQp.mjs";
-import { N as st } from "../NotificationStore-DHtSGySy.mjs";
-import { a as us } from "../NotificationStore-DHtSGySy.mjs";
-import { T as rt } from "../User-D-O9EHMb.mjs";
-import { C as gs, b as ps, L as ms, a as _s } from "../User-D-O9EHMb.mjs";
-import { H as at } from "../Help-DhcC-C05.mjs";
+import { G as k } from "../useCombineEvents-BUDIR1ba.mjs";
+import { A as ss, a as rs, u as os, b as as } from "../useCombineEvents-BUDIR1ba.mjs";
+import { F as y, A as u } from "../Fetch-87LIQbEA.mjs";
+import { B as is } from "../BeatApi-DhJpgCLz.mjs";
+import { C as et } from "../CategoryStore-BCcpI3oJ.mjs";
+import { a as ds } from "../CategoryStore-BCcpI3oJ.mjs";
+import { N as st } from "../NotificationStore-C6PH6MKm.mjs";
+import { a as us } from "../NotificationStore-C6PH6MKm.mjs";
+import { T as rt } from "../User-BYkzrOdM.mjs";
+import { C as gs, b as ps, L as ms, a as _s } from "../User-BYkzrOdM.mjs";
+import { H as ot } from "../Help-DhcC-C05.mjs";
 import { E as ys } from "../Help-DhcC-C05.mjs";
-import { M as bs } from "../MicroWidgetContainer-DPDsZIiS.mjs";
-import { M as xs } from "../MiniWidgetContainer-BzW7V_04.mjs";
-import { A as Ds, D as As, W as vs } from "../WidgetContainer-CBpf3h1Y.mjs";
-import { i as Es, a as Bs, e as Is, l as Ns, A as Ms, f as ks, j as $s, d as Rs, k as Ps, E as Os, h as Us, N as Ls, g as Gs, P as Hs, m as Fs, S as Ws } from "../ConnectDrawer-D86nRDxQ.mjs";
-import { C as Ys } from "../CurrencyInput-BkflFU_-.mjs";
+import { M as bs } from "../MicroWidgetContainer-DVRe-MJs.mjs";
+import { M as xs } from "../MiniWidgetContainer-C_N1u9ad.mjs";
+import { A as vs, D as Ds, W as Es } from "../WidgetContainer-CPBhSP3k.mjs";
+import { i as Ts, a as Bs, e as Is, l as Ns, A as Ms, f as ks, j as $s, d as Rs, k as Ps, E as Os, h as Us, N as Ls, g as Gs, P as Hs, m as Fs, S as Ws } from "../ConnectDrawer-jeSmGg38.mjs";
+import { C as Ys } from "../CurrencyInput-C0wTgNV6.mjs";
 import { L as zs } from "../Loader-DUaFpDGv.mjs";
 import { R as js } from "../ResponsiveButton-DZFp78fJ.mjs";
 import { S as Vs } from "../SearchBox-B2_zLv8-.mjs";
-import { T as ot } from "../TransactionStore-CZOvxcSw.mjs";
-import { S as Js } from "../TransactionStore-CZOvxcSw.mjs";
+import { T as at } from "../TransactionStore-C4LPHwzx.mjs";
+import { S as Js } from "../TransactionStore-C4LPHwzx.mjs";
 import { T as er } from "../TabContentContainer-j01JYR_7.mjs";
 import { I as rr } from "../IconBacking-B9oC6uL2.mjs";
-import { D as or, F as nr, a as ir, c as cr, R as lr, S as dr } from "../RepeatingTransaction-BW4J-jeJ.mjs";
+import { D as ar, F as nr, a as ir, c as cr, R as dr, S as lr } from "../RepeatingTransaction-BW4J-jeJ.mjs";
 import { C as nt } from "../CashflowStore-D9Dpuz7X.mjs";
 import { I as hr } from "../CashflowStore-D9Dpuz7X.mjs";
-import { d as it } from "../GoalStore-BQRcowCN.mjs";
-import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-BQRcowCN.mjs";
+import { d as it } from "../GoalStore-D2A2Lqd5.mjs";
+import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-D2A2Lqd5.mjs";
 import { C as Sr } from "../CurrencyText-YUhH2caW.mjs";
 import { E as wr } from "../EmptyState-C0lr9E5T.mjs";
-import { L as Cr } from "../ListItemAction-BgKx_n6d.mjs";
-import { T as ct } from "../TrendsStore-pvzHAX6B.mjs";
-import { L as Ar, S as vr } from "../TrendsStore-pvzHAX6B.mjs";
-import { A as Er, B as Br, I as Ir, N as Nr, T as Mr, a as kr } from "../Notification-aGCHxikw.mjs";
+import { L as Cr } from "../ListItemAction-Dt9A2GQk.mjs";
+import { T as ct } from "../TrendsStore-BM-JjAs5.mjs";
+import { L as Dr, S as Er } from "../TrendsStore-BM-JjAs5.mjs";
+import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as kr } from "../Notification-aGCHxikw.mjs";
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import lt, { useRef as dt, useEffect as ut } from "react";
+import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as w, keyframes as ht } from "@mxenabled/cssinjs";
 import { useTokens as x, Text as B } from "@mxenabled/mxui";
 import { D as Rr } from "../Donut-1UMNcG67.mjs";
-import { L as Or } from "../LineChart-Dyps2sOy.mjs";
+import { L as Or } from "../LineChart-DNC5UEt4.mjs";
 import { S as Lr } from "../StatusBar-BK_uYHAB.mjs";
 import { D as Hr, a as Fr, O as Wr, b as qr, f as Yr } from "../Dialog-CWW597AF.mjs";
 import { D as gt, a as pt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { S as zr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { D as jr } from "../Drawer-kEE73B87.mjs";
-import { I as Vr, P as Zr, S as Jr } from "../Account-CK-DrCEa.mjs";
-import { b as T } from "../Category-CevNQ03n.mjs";
-import { C as ea, c as sa, a as ra, P as aa } from "../Category-CevNQ03n.mjs";
-import { C as na, f as ia, b as ca, a as la, g as da, i as ua } from "../NumberFormatting-CtWHhyBX.mjs";
-import { R as mt } from "../RecurringTransactionsStore-D62XJtdL.mjs";
-import { S as ga, T as pa } from "../RecurringTransactionsStore-D62XJtdL.mjs";
-import { G as _a, A as fa, B as ya, W as Sa, c as ba, m as wa, h as xa, t as Ca, l as Da, x as Aa, f as va, w as Ta, u as Ea, e as Ba, a as Ia, k as Na, y as Ma, s as ka, b as $a, q as Ra, n as Pa, z as Oa, i as Ua, r as La, g as Ga, v as Ha, o as Fa, p as Wa } from "../hooks-DlI63qSB.mjs";
-import { u as Ya } from "../useInsightsEnabled-fGr6xrSj.mjs";
-import { u as za } from "../useScreenSize-B6JyS_Lj.mjs";
+import { I as Vr, P as Zr, S as Jr } from "../Account-DeMa6XJz.mjs";
+import { b as A } from "../Category-CevNQ03n.mjs";
+import { C as eo, c as so, a as ro, P as oo } from "../Category-CevNQ03n.mjs";
+import { C as no, f as io, b as co, a as lo, g as uo, i as ho } from "../NumberFormatting-CtWHhyBX.mjs";
+import { R as mt } from "../RecurringTransactionsStore-DeLXfuC4.mjs";
+import { S as po, T as mo } from "../RecurringTransactionsStore-DeLXfuC4.mjs";
+import { G as fo, B as yo, C as So, W as bo, c as wo, m as xo, h as Co, t as vo, l as Do, x as Eo, y as Ao, f as To, w as Bo, u as Io, e as No, a as Mo, k as ko, z as $o, s as Ro, b as Po, q as Oo, n as Uo, A as Lo, i as Go, r as Ho, g as Fo, v as Wo, o as qo, p as Yo } from "../hooks-BhSK6dal.mjs";
+import { u as zo } from "../useInsightsEnabled-DqM4sFO1.mjs";
+import { u as jo } from "../useScreenSize-B6JyS_Lj.mjs";
 import { makeAutoObservable as _, runInAction as m, reaction as _t } from "mobx";
-import { a as ft } from "../AccountStore-DiGbJBUT.mjs";
+import { a as ft } from "../AccountStore-Bzy6rKGo.mjs";
 import yt from "posthog-js";
-import { B as St } from "../BeatStore-By4aGoRM.mjs";
+import { B as St } from "../BeatStore-IBnXd4YK.mjs";
 import { endOfMonth as Z } from "date-fns/endOfMonth";
 import { startOfMonth as J } from "date-fns/startOfMonth";
 import { startOfToday as U } from "date-fns/startOfToday";
-import { f as bt, a as wt, b as L } from "../BudgetUtil-D5jO0box.mjs";
-import { g as ja, e as Ka, c as Va, d as Za, i as Ja } from "../BudgetUtil-D5jO0box.mjs";
-import { a as xt } from "../DebtsStore-qrqY9Abz.mjs";
-import { a as Ct } from "../FinstrongStore-mkALvztw.mjs";
-import { A as Dt, m as At, a as vt, b as Tt } from "../InvestmentUtil-jOyOgzIB.mjs";
-import { M as Et } from "../MerchantStore-DVH-QOf0.mjs";
-import { N as Bt } from "../NetWorthStore-DWG9Mkuu.mjs";
-import { a as It } from "../SettingsStore-B0kRTFjD.mjs";
+import { f as bt, a as wt, b as L } from "../BudgetUtil-Iw9hUxhI.mjs";
+import { g as Vo, e as Zo, c as Jo, d as ta, i as ea } from "../BudgetUtil-Iw9hUxhI.mjs";
+import { a as xt } from "../DebtsStore-C2OfwE0t.mjs";
+import { a as Ct } from "../FinstrongStore-F2c607dj.mjs";
+import { A as vt, m as Dt, a as Et, b as At } from "../InvestmentUtil-jOyOgzIB.mjs";
+import { M as Tt } from "../MerchantStore-DrFvsUyy.mjs";
+import { N as Bt } from "../NetWorthStore-CD4WWdXC.mjs";
+import { a as It } from "../SettingsStore-Dc34Tzx8.mjs";
 import { addMonths as Nt } from "date-fns/addMonths";
-import { getMonth as E } from "date-fns/getMonth";
-import { i as eo } from "../DateUtil-BcuH7ErC.mjs";
-import { b as ro, a as ao, g as oo } from "../Localization-2MODESHW.mjs";
+import { getMonth as T } from "date-fns/getMonth";
+import { i as ra } from "../DateUtil-BcuH7ErC.mjs";
+import { b as aa, a as na, g as ia } from "../Localization-2MODESHW.mjs";
 import { alpha as Mt, lighten as G, darken as H } from "@mui/material";
 var kt = /* @__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))(kt || {});
 const Ye = [
@@ -119,36 +119,36 @@ const Pt = [
   { key: "info", light: "info_color", dark: "info_color_dark" },
   { key: "success", light: "success_color", dark: "success_color_dark" }
 ], ze = (s, t) => {
-  const e = s.palette.mode === "dark", r = t?.system_font ?? s.typography.fontFamily, a = (l, g) => l ? {
-    lighter: G(l, 0.5),
-    light: G(l, 0.25),
-    main: l,
-    dark: H(l, 0.25),
-    darker: H(l, 0.5)
-  } : g, o = Object.fromEntries(
-    Ot.map(({ key: l, light: g, dark: S }) => [
-      l,
-      a(
+  const e = s.palette.mode === "dark", r = t?.system_font ?? s.typography.fontFamily, o = (d, g) => d ? {
+    lighter: G(d, 0.5),
+    light: G(d, 0.25),
+    main: d,
+    dark: H(d, 0.25),
+    darker: H(d, 0.5)
+  } : g, a = Object.fromEntries(
+    Ot.map(({ key: d, light: g, dark: S }) => [
+      d,
+      o(
         t?.[e ? S : g],
-        s.palette[l]
+        s.palette[d]
       )
     ])
-  ), d = Object.fromEntries(
-    Pt.map((l) => [
-      l,
-      l === "fontFamily" ? r : { fontFamily: r }
+  ), l = Object.fromEntries(
+    Pt.map((d) => [
+      d,
+      d === "fontFamily" ? r : { fontFamily: r }
     ])
   ), c = {
     MuiTabs: {
       styleOverrides: {
-        indicator: { backgroundColor: o.primary.light }
+        indicator: { backgroundColor: a.primary.light }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: o.primary.lighter,
-          "&:hover": { backgroundColor: Mt(o.primary.light, 0.1) }
+          color: a.primary.lighter,
+          "&:hover": { backgroundColor: Mt(a.primary.light, 0.1) }
         }
       }
     }
@@ -184,7 +184,7 @@ const Pt = [
       }
     }
   };
-  return { typography: d, palette: o, components: p };
+  return { typography: l, palette: a, components: p };
 };
 class F {
   fetchInstance;
@@ -205,16 +205,16 @@ class F {
 }
 class Xe {
   fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
+  constructor(t, e, r) {
+    this.fetchInstance = new y(t, e, void 0, r);
   }
   getLocalizedCopy = async (t) => this.fetchInstance.post(u.LOCALIZED_COPY, t).then((e) => e);
   getLocalizedContent = async (t) => this.fetchInstance.post(`${u.LOCALIZED_CONTENT}/${t}`).then((e) => e);
 }
 class je {
   fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
+  constructor(t, e, r) {
+    this.fetchInstance = new y(t, e, void 0, r);
   }
   addScheduledPayment = async (t) => this.fetchInstance.post(u.SCHEDULED_PAYMENTS, {
     ...t,
@@ -227,8 +227,8 @@ class je {
 }
 class $ {
   fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
+  constructor(t, e, r) {
+    this.fetchInstance = new y(t, e, void 0, r);
   }
   getUserFeatures = async () => this.fetchInstance.get(u.USER_FEATURES).then((t) => t.user_features).catch((t) => t);
   updateUser = async (t) => this.fetchInstance.put(u.USER, t).then((e) => e.user);
@@ -242,13 +242,13 @@ class W {
   requestWidgetUrl = async (t) => this.fetchInstance.post(u.WIDGET_URLS, t).then((e) => e.widget_url);
 }
 const Ke = (s) => {
-  const t = dt();
+  const t = lt();
   return ut(() => {
     t.current = s;
   }, [s]), t.current;
 }, Ut = ({ color: s, labelAverage: t, labelMain: e }) => {
-  const r = x(), a = Lt(r, s);
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart-legend ${a}`, children: [
+  const r = x(), o = Lt(r, s);
+  return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart-legend ${o}`, children: [
     /* @__PURE__ */ n("div", { "aria-label": e, className: "mx-cmn-color-square", role: "img" }),
     /* @__PURE__ */ n(B, { variant: "XSmall", children: e }),
     /* @__PURE__ */ f("div", { "aria-label": t, className: "mx-cmn-triple-dot", role: "img", children: [
@@ -289,23 +289,23 @@ const Ke = (s) => {
   color: t,
   height: e,
   index: r,
-  label: a,
-  onClick: o,
-  selectedIndex: d,
+  label: o,
+  onClick: a,
+  selectedIndex: l,
   value: c
 }) => {
   const i = x(), h = Gt(i, t, e), p = (S) => {
-    o && (S.key === " " || S.key === "Enter") && o(r);
-  }, l = d === void 0 || d === r ? "primary" : "secondary", g = () => /* @__PURE__ */ n(
+    a && (S.key === " " || S.key === "Enter") && a(r);
+  }, d = l === void 0 || l === r ? "primary" : "secondary", g = () => /* @__PURE__ */ n(
     B,
     {
       "aria-hidden": !0,
-      bold: d === r,
+      bold: l === r,
       className: "mx-cmn-bar-text",
-      color: l,
+      color: d,
       component: "div",
       variant: "Small",
-      children: a
+      children: o
     }
   );
   return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-container ${h} ${c < 0 ? "mx-cmn-negative" : ""}`, children: [
@@ -314,8 +314,8 @@ const Ke = (s) => {
       "div",
       {
         "aria-label": s,
-        className: `mx-cmn-bar ${o ? "mx-cmn-clickable" : ""} ${c < 0 ? "mx-cmn-bar-negative" : ""}`,
-        onClick: o ? () => o?.(r) : void 0,
+        className: `mx-cmn-bar ${a ? "mx-cmn-clickable" : ""} ${c < 0 ? "mx-cmn-bar-negative" : ""}`,
+        onClick: a ? () => a?.(r) : void 0,
         onKeyDown: p,
         role: s ? "button" : void 0,
         tabIndex: s ? 0 : void 0
@@ -324,7 +324,7 @@ const Ke = (s) => {
     c < 0 && /* @__PURE__ */ n(g, {})
   ] });
 }, Gt = (s, t, e) => {
-  const r = `expandBar-${Math.round(e)}`, a = ht(r, { from: { height: 0 }, to: { height: e } });
+  const r = `expandBar-${Math.round(e)}`, o = ht(r, { from: { height: 0 }, to: { height: e } });
   return w({
     display: "flex",
     flexDirection: "column",
@@ -337,7 +337,7 @@ const Ke = (s) => {
       animationDelay: ".5s",
       animationDuration: "1s",
       animationFillMode: "forwards",
-      animationName: a,
+      animationName: o,
       animationTimingFunction: s.Easing.Default,
       backgroundColor: t,
       borderRadius: `${s.BorderRadius.Medium}px ${s.BorderRadius.Medium}px 0 0`,
@@ -361,27 +361,27 @@ const Ke = (s) => {
   averageLineHeight: t,
   bottomHeight: e,
   color: r,
-  index: a = -1,
-  onClick: o,
-  range: d,
+  index: o = -1,
+  onClick: a,
+  range: l,
   selectedIndex: c,
   topHeight: i,
   value: h,
   valueLabel: p = "",
-  width: l,
+  width: d,
   xAxisLabel: g = ""
 }) => {
-  const S = x(), C = Ht(S, l), D = h / d * i, A = Math.abs(h) / d * e, v = c === void 0 || c === a ? "primary" : "secondary";
+  const S = x(), C = Ht(S, d), v = h / l * i, D = Math.abs(h) / l * e, E = c === void 0 || c === o ? "primary" : "secondary";
   return /* @__PURE__ */ f("div", { className: `mx-cmn-barchart-bar-column ${C}`, children: [
     /* @__PURE__ */ n("div", { style: { height: i }, children: h >= 0 && /* @__PURE__ */ n(
       q,
       {
         ariaLabel: s,
         color: r,
-        height: D,
-        index: a,
+        height: v,
+        index: o,
         label: p,
-        onClick: o,
+        onClick: a,
         selectedIndex: c,
         value: h
       }
@@ -393,19 +393,19 @@ const Ke = (s) => {
       {
         ariaLabel: s,
         color: r,
-        height: A,
-        index: a,
+        height: D,
+        index: o,
         label: p,
-        onClick: o,
+        onClick: a,
         value: h
       }
     ) }),
     /* @__PURE__ */ n(
       "div",
       {
-        className: `mx-cmn-bar-label ${o ? "mx-cmn-clickable" : ""}`,
-        onClick: o ? () => o(a) : void 0,
-        children: /* @__PURE__ */ n(B, { bold: c === a, color: v, variant: "Small", children: g })
+        className: `mx-cmn-bar-label ${a ? "mx-cmn-clickable" : ""}`,
+        onClick: a ? () => a(o) : void 0,
+        children: /* @__PURE__ */ n(B, { bold: c === o, color: E, variant: "Small", children: g })
       }
     )
   ] });
@@ -442,29 +442,29 @@ const Ke = (s) => {
   barWidth: t = "8%",
   color: e,
   data: r,
-  height: a,
-  legendLabelAverage: o,
-  legendLabelMain: d,
+  height: o,
+  legendLabelAverage: a,
+  legendLabelMain: l,
   onBarClick: c,
   selectedIndex: i,
   valueFormatter: h = (p) => `${p}`
 }) => {
-  const p = x(), l = zt(p), g = r.reduce(qt, []), S = s !== void 0 ? s : g.reduce(Ft, 0) / g.length, C = Math.max(...g), D = Math.min(...g), A = g.reduce(Wt, 0), v = C >= 0, R = D < 0, I = Q(v, R, a), N = Q(R, v, a), P = Yt(S, C, D, I || N), tt = (b) => i === void 0 || b === i ? e : `${e}80`, O = () => /* @__PURE__ */ n(
+  const p = x(), d = zt(p), g = r.reduce(qt, []), S = s !== void 0 ? s : g.reduce(Ft, 0) / g.length, C = Math.max(...g), v = Math.min(...g), D = g.reduce(Wt, 0), E = C >= 0, R = v < 0, I = Q(E, R, o), N = Q(R, E, o), P = Yt(S, C, v, I || N), tt = (b) => i === void 0 || b === i ? e : `${e}80`, O = () => /* @__PURE__ */ n(
     Y,
     {
       averageLineHeight: P,
       bottomHeight: N,
       color: "",
-      range: A,
+      range: D,
       topHeight: I,
       value: 0,
       width: void 0
     }
   );
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart ${l}`, children: [
+  return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart ${d}`, children: [
     /* @__PURE__ */ f("div", { className: "mx-cmn-chart-container", children: [
       /* @__PURE__ */ n(O, {}),
-      r.map((b, M) => /* @__PURE__ */ f(lt.Fragment, { children: [
+      r.map((b, M) => /* @__PURE__ */ f(dt.Fragment, { children: [
         /* @__PURE__ */ n(
           Y,
           {
@@ -474,7 +474,7 @@ const Ke = (s) => {
             color: tt(M),
             index: M,
             onClick: c,
-            range: A,
+            range: D,
             selectedIndex: i,
             topHeight: I,
             value: b.value,
@@ -486,7 +486,7 @@ const Ke = (s) => {
         /* @__PURE__ */ n(O, {})
       ] }, `column-${M}`))
     ] }),
-    /* @__PURE__ */ n(Ut, { color: e, labelAverage: o, labelMain: d })
+    /* @__PURE__ */ n(Ut, { color: e, labelAverage: a, labelMain: l })
   ] });
 }, zt = (s) => w({
   "& .mx-cmn-chart-container": {
@@ -501,11 +501,11 @@ const Ke = (s) => {
   segments: t,
   size: e = gt,
   strokeWidth: r = pt,
-  children: a
+  children: o
 }) => {
-  const o = x(), d = jt(o, e), c = (e - r) / 2, i = e / 2;
+  const a = x(), l = jt(a, e), c = (e - r) / 2, i = e / 2;
   let h = -90 - (s ? 1 : 0), p = 0;
-  return /* @__PURE__ */ f("div", { className: `mx-cmn-multi-segment-donut ${d}`, children: [
+  return /* @__PURE__ */ f("div", { className: `mx-cmn-multi-segment-donut ${l}`, children: [
     /* @__PURE__ */ f("svg", { height: e, width: e, children: [
       /* @__PURE__ */ n(
         "circle",
@@ -514,18 +514,18 @@ const Ke = (s) => {
           cy: i,
           fill: "none",
           r: c,
-          stroke: o.Color.Neutral300,
+          stroke: a.Color.Neutral300,
           strokeWidth: r
         }
       ),
-      t.map((l, g) => (h += 360 * p + (s ? 1 : 0), p = (l.percent - (s ? 0.3 : 0)) / 100, /* @__PURE__ */ n(
+      t.map((d, g) => (h += 360 * p + (s ? 1 : 0), p = (d.percent - (s ? 0.3 : 0)) / 100, /* @__PURE__ */ n(
         "circle",
         {
           cx: i,
           cy: i,
           fill: "none",
           r: c,
-          stroke: l.color,
+          stroke: d.color,
           strokeDasharray: 2 * Math.PI * c,
           strokeDashoffset: 2 * Math.PI * c * (1 - p),
           strokeWidth: r,
@@ -534,7 +534,7 @@ const Ke = (s) => {
         g
       )))
     ] }),
-    /* @__PURE__ */ n("div", { className: "mx-cmn-multi-segment-donut-children", children: a })
+    /* @__PURE__ */ n("div", { className: "mx-cmn-multi-segment-donut-children", children: o })
   ] });
 }, jt = (s, t) => w({
   height: t,
@@ -556,7 +556,11 @@ class Kt {
   featureNamespace = "experiences";
   isInitialized = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new k(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new k(
+      t.endpoint,
+      t.sessionToken,
+      t.onError
+    ), _(this);
   }
   // DEPRECATED: Initialize api in constructor and use loadCopy instead
   // TODO: Remove this function
@@ -612,7 +616,7 @@ class Vt {
     yt.getActiveMatchingSurveys((e) => {
       m(() => {
         if (e.length > 0) {
-          const r = e.find((a) => a.id === this.surveyId);
+          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 = {});
         }
       });
@@ -630,16 +634,16 @@ class Vt {
 }
 class z {
   fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
+  constructor(t, e, r) {
+    this.fetchInstance = new y(t, e, void 0, r);
   }
   addBudget = async (t, e, r = null) => this.fetchInstance.post(u.BUDGETS, {
     amount: e,
     category_guid: t.guid,
     category_name: t.name,
     parent_guid: r
-  }).then((a) => a.budget).catch((a) => {
-    throw a;
+  }).then((o) => o.budget).catch((o) => {
+    throw o;
   });
   deleteBudget = async (t) => this.fetchInstance.delete(`${u.BUDGETS}/${t}`).then((e) => e).catch((e) => {
     throw e;
@@ -660,7 +664,7 @@ class Zt {
   isDataLoaded = !1;
   theme = {};
   constructor(t) {
-    this.globalStore = t, this.api = new z(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new z(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   loadBudgetData = async () => {
     await this.loadBudgets(), _t(
@@ -682,7 +686,7 @@ class Zt {
   get detailedBudgets() {
     return L(
       this.budgets.filter(
-        (t) => t.category_guid !== T.INCOME && t.category_guid !== T.TRANSFER && t.category_guid !== T.INVESTMENTS
+        (t) => t.category_guid !== A.INCOME && t.category_guid !== A.TRANSFER && t.category_guid !== A.INVESTMENTS
       ),
       this.globalStore.categoryStore.detailedCategories,
       this.globalStore.copyStore.copy.budgets,
@@ -696,7 +700,7 @@ class Zt {
       this.globalStore.copyStore.copy.budgets,
       this.theme
     ).reduce(
-      (r, a) => a.category_guid !== T.INCOME ? r : !r || a.percentage > r.percentage ? a : r,
+      (r, o) => o.category_guid !== A.INCOME ? r : !r || o.percentage > r.percentage ? o : r,
       void 0
     )?.amount;
   }
@@ -710,12 +714,12 @@ class Zt {
   }
   addBudget = async (t, e, r = null) => {
     try {
-      const a = await this.api.addBudget(t, e, r);
+      const o = await this.api.addBudget(t, e, r);
       m(() => {
-        this.budgets.push(a);
+        this.budgets.push(o);
       });
-    } catch (a) {
-      console.error(`Error adding budget: ${a}`);
+    } catch (o) {
+      console.error(`Error adding budget: ${o}`);
     }
   };
   deleteBudget = async (t) => {
@@ -750,14 +754,14 @@ class Zt {
   recalculateBudgets = async (t) => {
     try {
       for (const r of t) {
-        const a = this.budgets.find((o) => o.category_guid === r.guid);
-        a ? await this.api.updateBudget({
-          ...a,
+        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((a) => a.guid === r.category_guid)
+        (r) => !t.find((o) => o.guid === r.category_guid)
       );
       for (const r of e)
         await this.api.deleteBudget(r.guid);
@@ -770,7 +774,7 @@ class Zt {
     try {
       const e = await this.api.updateBudget(t);
       m(() => {
-        const r = this.budgets.findIndex((a) => a.guid === t.guid);
+        const r = this.budgets.findIndex((o) => o.guid === t.guid);
         r >= 0 && (this.budgets[r] = e);
       });
     } catch (e) {
@@ -781,36 +785,36 @@ class Zt {
 var Jt = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(Jt || {}), te = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(te || {}), ee = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(ee || {}), se = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(se || {});
 class X {
   fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
+  constructor(t, e, r) {
+    this.fetchInstance = new y(t, e, void 0, r);
   }
   createSupportTicket = async (t) => this.fetchInstance.post(u.SUPPORT_TICKETS, t).then((e) => e);
 }
-const re = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flags ? s.flags.every((e) => t[e]) : !1, ae = (s, t) => {
+const re = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flags ? s.flags.every((e) => t[e]) : !1, oe = (s, t) => {
   const e = [];
-  for (const r of at) {
-    const a = t[r.guid];
-    if (!a) continue;
-    const o = {
+  for (const r of ot) {
+    const o = t[r.guid];
+    if (!o) continue;
+    const a = {
       ...r,
-      title: a.label,
-      topics: r.topics.map(({ topicKey: d }, c) => ({
-        topicKey: d,
-        label: a.topics[c]
+      title: o.label,
+      topics: r.topics.map(({ topicKey: l }, c) => ({
+        topicKey: l,
+        label: o.topics[c]
       }))
     };
-    re(o, s) && e.push(o);
+    re(a, s) && e.push(a);
   }
   return e;
 };
-class oe {
+class ae {
   alert = { message: "", severity: void 0 };
   api = new X("/", "");
   appConfig;
   globalStore;
   isLoading = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new X(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new X(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   createSupportTicket = async (t) => {
     try {
@@ -829,7 +833,7 @@ class oe {
     const { client_communication_profile: t, client_profile: e } = this.globalStore.appDataStore.appData, {
       help: { category_list: r }
     } = this.globalStore.copyStore.copy;
-    return ae(
+    return oe(
       {
         ...t,
         ...e,
@@ -841,27 +845,27 @@ class oe {
 }
 class j {
   fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
+  constructor(t, e, r) {
+    this.fetchInstance = new y(t, e, void 0, r);
   }
   getHoldings = async () => this.fetchInstance.get(u.HOLDINGS).then((t) => t.holdings);
   updateHoldings = async (t) => this.fetchInstance.put(`${u.HOLDINGS}/${t.guid}`, t).then((e) => e.holding);
 }
 class ne {
-  analysisType = Dt.Stocks;
+  analysisType = vt.Stocks;
   api = new j("/", "");
   holdings = [];
   holdingsLoaded = !1;
   globalStore;
   showConnectionsWidget = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   get analysisChartData() {
-    return At(vt(this.visibleHoldings), this.analysisType);
+    return Dt(Et(this.visibleHoldings), this.analysisType);
   }
   get analysisDetails() {
-    return Tt(this.visibleHoldings)[this.analysisType] || {};
+    return At(this.visibleHoldings)[this.analysisType] || {};
   }
   get visibleHoldings() {
     return this.holdings.filter(
@@ -887,11 +891,11 @@ class ne {
   updateHoldings = async (t) => {
     this.holdingsLoaded = !1;
     try {
-      const e = await this.api.updateHoldings(t), r = this.holdings.findIndex(({ guid: a }) => a === t.guid);
+      const e = await this.api.updateHoldings(t), r = this.holdings.findIndex(({ guid: o }) => o === t.guid);
       if (r >= 0) {
-        const a = [...this.holdings];
-        a[r] = e, m(() => {
-          this.holdings = a, this.holdingsLoaded = !0;
+        const o = [...this.holdings];
+        o[r] = e, m(() => {
+          this.holdings = o, this.holdingsLoaded = !0;
         });
       }
     } catch (e) {
@@ -1003,8 +1007,8 @@ const K = {
 };
 class V {
   fetchInstance;
-  constructor(t, e) {
-    this.fetchInstance = new y(t, e);
+  constructor(t, e, r) {
+    this.fetchInstance = new y(t, e, void 0, r);
   }
   getAppData = async () => this.fetchInstance.get(u.APP_DATA).then((t) => t);
 }
@@ -1015,7 +1019,7 @@ class ie {
   appData = {};
   banner = {};
   constructor(t) {
-    this.globalStore = t, this.api = new V(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new V(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   get appConfig() {
     return this.globalStore.appConfig;
@@ -1069,7 +1073,7 @@ class ce {
     widget_url: { widget_type: t, color_scheme: e, ...r }
   });
 }
-class le {
+class de {
   globalStore;
   isInitialized = !1;
   selectedAccounts = [];
@@ -1097,8 +1101,8 @@ class le {
   };
   // Sets an array of selected account guids for the AccountFilter component
   setSelectedAccountGuids = async (t) => {
-    const e = new Set(this.selectedAccountGuids), r = new Set(t), a = [...r].filter((d) => !e.has(d)), o = [...e].filter((d) => !r.has(d));
-    a.length > 0 && this.globalStore.accountStore.updateAccountFiltering(a, !1), o.length > 0 && this.globalStore.accountStore.updateAccountFiltering(o, !0), this.selectedAccountGuids = t;
+    const e = new Set(this.selectedAccountGuids), r = new Set(t), o = [...r].filter((l) => !e.has(l)), a = [...e].filter((l) => !r.has(l));
+    o.length > 0 && this.globalStore.accountStore.updateAccountFiltering(o, !1), a.length > 0 && this.globalStore.accountStore.updateAccountFiltering(a, !0), this.selectedAccountGuids = t;
   };
   setDisplayedDate = (t, e) => {
     this.displayedDate = e, this.displayedDateRange = {
@@ -1107,20 +1111,20 @@ class le {
     };
   };
   get shouldDisableNextDate() {
-    const t = E(this.displayedDate), e = E(Nt(/* @__PURE__ */ new Date(), 1));
+    const t = T(this.displayedDate), e = T(Nt(/* @__PURE__ */ new Date(), 1));
     return t === e;
   }
   get shouldDisablePrevDate() {
-    const t = E(this.displayedDate), e = E(/* @__PURE__ */ new Date());
+    const t = T(this.displayedDate), e = T(/* @__PURE__ */ new Date());
     return t === e;
   }
 }
-class de {
+class le {
   globalStore;
   api = new $("/", "");
   userFeatures = [];
   constructor(t) {
-    this.globalStore = t, this.api = new $(t.endpoint, t.sessionToken), _(this);
+    this.globalStore = t, this.api = new $(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   // DEPRECATED: Initialize api in constructor and use loadUserFeatures instead
   // TODO: Remove this function
@@ -1165,6 +1169,7 @@ class Je {
   appConfig = K;
   endpoint = "/";
   sessionToken = "";
+  onError;
   // Data Stores
   accountStore;
   appDataStore;
@@ -1190,8 +1195,8 @@ class Je {
   userStore;
   // UI Stores
   globalUiStore;
-  constructor(t = K, e = "/") {
-    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.accountStore = new ft(this), this.appDataStore = new ie(this), this.analyticsStore = new Vt(this), this.beatStore = new St(this), this.budgetsStore = new Zt(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ce(this), this.copyStore = new Kt(this), this.debtsStore = new xt(this), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new oe(this), this.holdingStore = new ne(this), this.merchantStore = new Et(this), this.netWorthStore = new Bt(this), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new It(this), this.transactionStore = new ot(this), this.trendsStore = new ct(this), this.userStore = new de(this), this.globalUiStore = new le(this), _(this);
+  constructor(t = K, e = "/", r) {
+    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.accountStore = new ft(this), this.appDataStore = new ie(this), this.analyticsStore = new Vt(this), this.beatStore = new St(this), this.budgetsStore = new Zt(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ce(this), this.copyStore = new Kt(this), this.debtsStore = new xt(this), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new ae(this), this.holdingStore = new ne(this), this.merchantStore = new Tt(this), this.netWorthStore = new Bt(this), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new It(this), this.transactionStore = new at(this), this.trendsStore = new ct(this), this.userStore = new le(this), this.globalUiStore = new de(this), _(this);
   }
   get isInitialized() {
     return this.globalUiStore.isInitialized;
@@ -1200,9 +1205,9 @@ class Je {
     accounts: t,
     appData: e,
     associatedBeats: r,
-    categories: a,
-    institutions: o,
-    transactionRules: d,
+    categories: o,
+    institutions: a,
+    transactionRules: l,
     transactions: c,
     userFeatures: i
   } = {}) => {
@@ -1212,22 +1217,22 @@ class Je {
       this.appDataStore.loadAppData(e),
       this.userStore.loadUserFeatures(i)
     ]), await Promise.all([
-      this.accountStore.loadAccountData({ accounts: t, institutions: o }),
-      this.categoryStore.loadCategories(a),
+      this.accountStore.loadAccountData({ accounts: t, institutions: a }),
+      this.categoryStore.loadCategories(o),
       this.transactionStore.loadTransactionData({
         associatedBeats: r,
-        transactionRules: d,
+        transactionRules: l,
         transactions: c
       })
     ]), this.globalUiStore.setInitialized(!0);
   };
 }
 export {
-  Ds as ANALYTICS_EVENTS,
-  Es as AccountFilter,
+  vs as ANALYTICS_EVENTS,
+  Ts as AccountFilter,
   Bs as AccountIcon,
   Is as AccountIconVariants,
-  Er as AccountNotificationTypes,
+  Tr as AccountNotificationTypes,
   Ns as AccountSubType,
   Ms as AccountType,
   ks as AccountTypeName,
@@ -1239,23 +1244,23 @@ export {
   Br as BudgetNotificationTypes,
   gs as Calendar,
   ps as CalendarSelectionTypes,
-  ls as CategoryApi,
-  ea as CategoryColors,
-  sa as CategoryGuidToName,
-  T as CategoryGuids,
-  ra as CategoryIcon,
+  ds as CategoryApi,
+  eo as CategoryColors,
+  so as CategoryGuidToName,
+  A as CategoryGuids,
+  ro as CategoryIcon,
   pr as ConnectCard,
   $s as ConnectDrawer,
   Rs as ConnectionStatus,
   Ps as ConnectionStatusEnums,
-  na as CurrencyCodes,
+  no as CurrencyCodes,
   Ys as CurrencyInput,
   Sr as CurrencyText,
   Hr as DATE_FORMATS_INTL,
   gt as DEFAULT_DONUT_SIZE,
   pt as DEFAULT_STROKE_WIDTH,
-  or as DataRow,
-  As as DateRangeSelector,
+  ar as DataRow,
+  Ds as DateRangeSelector,
   Fr as Dialog,
   Rr as Donut,
   jr as Drawer,
@@ -1267,8 +1272,8 @@ export {
   nr as Frequency,
   k as GlobalCopyApi,
   Kt as GlobalCopyStore,
-  _a as GlobalDataContext,
-  fa as GlobalDataProvider,
+  fo as GlobalDataContext,
+  yo as GlobalDataProvider,
   Je as GlobalStore,
   mr as GoalType,
   Vr as INCOME_ACCOUNT_TYPES,
@@ -1279,7 +1284,7 @@ export {
   Qe as LOADING_STATUS,
   Or as LineChart,
   Cr as ListItemAction,
-  Ar as ListItemRow,
+  Dr as ListItemRow,
   ms as ListItemWrapper,
   zs as Loader,
   Xe as LocalizedCopyApi,
@@ -1294,7 +1299,7 @@ export {
   Wr as ORDINAL_DATE_FORMAT,
   qr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
   Zr as PAYMENT_ACCOUNT_TYPES,
-  aa as PaymentCategories,
+  oo as PaymentCategories,
   $t as PlanTypes,
   Gs as ProcessingStatuses,
   Hs as PropertyType,
@@ -1303,21 +1308,21 @@ export {
   ir as RecurrenceStatus,
   cr as RecurrenceType,
   kt as RecurrenceTypes,
-  lr as RepeatingType,
+  dr as RepeatingType,
   js as ResponsiveButton,
   Jr as SPENDING_ACCOUNT_TYPES,
   ee as ScheduledPaymentTypes,
   je as ScheduledPaymentsApi,
   se as ScreenSize,
   Vs as SearchBox,
-  dr as Select,
+  lr as Select,
   Js as SelectionBox,
   zr as SingleSegmentDonut,
-  ga as Sizes,
-  vr as StackedLineChart,
+  po as Sizes,
+  Er as StackedLineChart,
   Lr as StatusBar,
   Ws as StatusName,
-  pa as TOUCH_TARGET,
+  mo as TOUCH_TARGET,
   er as TabContentContainer,
   Mr as ToggleButtonListItem,
   kr as ToggleListItem,
@@ -1325,56 +1330,57 @@ export {
   _s as TransactionStatus,
   rt as TransactionType,
   $ as UserApi,
-  de as UserStore,
+  le as UserStore,
   Jt as UserVerification,
   W as WidgetApi,
-  vs as WidgetContainer,
-  ya as WidgetContainerContext,
-  Sa as WidgetContainerProvider,
+  Es as WidgetContainer,
+  So as WidgetContainerContext,
+  bo as WidgetContainerProvider,
   rs as analyticsSession,
-  ro as buildDynamicCopy,
-  ao as buildPluralCopy,
-  ia as formatCurrency,
+  aa as buildDynamicCopy,
+  na as buildPluralCopy,
+  io as formatCurrency,
   Yr as formatDate,
-  ca as formatOrdinal,
-  la as formatPercentage,
-  eo as fromTimestampToMonthYear,
-  ja as getCategory,
-  Ka as getCategoryTotalsByParent,
+  co as formatOrdinal,
+  lo as formatPercentage,
+  ra as fromTimestampToMonthYear,
+  Vo as getCategory,
+  Zo as getCategoryTotalsByParent,
   ze as getClientTheme,
-  da as getCurrencyCodes,
-  Va as getDetailedCategory,
-  Za as getDetailedSubCategory,
-  oo as getLocale,
-  Ja as isIncome,
-  ua as isValidNumber,
-  ba as useAccountStore,
-  wa as useAppConfig,
-  xa as useBudgetsStore,
-  Ca as useCashflowStore,
-  Da as useCategoryStore,
-  as as useCombineEvents,
-  os as useCombinePageviews,
-  Aa as useDebtStore,
-  va as useEvent,
-  Ta as useFinstrongStore,
-  Ea as useGlobalCopyStore,
-  Ba as useGlobalStore,
-  Ia as useGlobalUiStore,
-  Na as useGoalStore,
-  Ma as useHelpStore,
-  ka as useHoldingStore,
-  Ya as useInsightsEnabled,
-  $a as useMerchantStore,
-  Ra as useNetWorthStore,
-  Pa as useNotificationStore,
-  Oa as usePageView,
+  uo as getCurrencyCodes,
+  Jo as getDetailedCategory,
+  ta as getDetailedSubCategory,
+  ia as getLocale,
+  ea as isIncome,
+  ho as isValidNumber,
+  wo as useAccountStore,
+  xo as useAppConfig,
+  Co as useBudgetsStore,
+  vo as useCashflowStore,
+  Do as useCategoryStore,
+  os as useCombineEvents,
+  as as useCombinePageviews,
+  Eo as useDebtStore,
+  Ao as useError,
+  To as useEvent,
+  Bo as useFinstrongStore,
+  Io as useGlobalCopyStore,
+  No as useGlobalStore,
+  Mo as useGlobalUiStore,
+  ko as useGoalStore,
+  $o as useHelpStore,
+  Ro as useHoldingStore,
+  zo as useInsightsEnabled,
+  Po as useMerchantStore,
+  Oo as useNetWorthStore,
+  Uo as useNotificationStore,
+  Lo as usePageView,
   Ke as usePrevious,
-  Ua as useRecurringTransactionsStore,
-  za as useScreenSize,
-  La as useSettingsStore,
-  Ga as useTransactionStore,
-  Ha as useTrendsStore,
-  Fa as useUserStore,
-  Wa as useWidgetContainerProvider
+  Go as useRecurringTransactionsStore,
+  jo as useScreenSize,
+  Ho as useSettingsStore,
+  Fo as useTransactionStore,
+  Wo as useTrendsStore,
+  qo as useUserStore,
+  Yo as useWidgetContainerProvider
 };