@mx-cartographer/experiences 7.2.15-alpha.sms3 → 7.2.15-alpha.sms30

package/dist/common/index.es.js

@@ -1,81 +1,81 @@
 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 { A as rs, a as os, u as as, b as ns } from "../useCombineEvents-BUDIR1ba.mjs";
 import { F as S, A as h } from "../Fetch-87LIQbEA.mjs";
-import { B as is } from "../BeatApi-DhJpgCLz.mjs";
+import { B as cs } from "../BeatApi-DhJpgCLz.mjs";
 import { C as et } from "../CategoryStore-BCcpI3oJ.mjs";
-import { a as ds } from "../CategoryStore-BCcpI3oJ.mjs";
+import { a as ls } from "../CategoryStore-BCcpI3oJ.mjs";
 import { N as st } from "../NotificationStore-C6PH6MKm.mjs";
-import { a as us } from "../NotificationStore-C6PH6MKm.mjs";
+import { a as hs } from "../NotificationStore-C6PH6MKm.mjs";
 import { T as rt } from "../User-BQUxBeZV.mjs";
-import { C as gs, b as ps, L as ms, a as _s } from "../User-BQUxBeZV.mjs";
+import { C as ps, b as ms, L as _s, a as fs } from "../User-BQUxBeZV.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-DpeqN9n3.mjs";
-import { M as xs } from "../MiniWidgetContainer-D0gfmbaF.mjs";
-import { A as vs, D as Ds, W as As } from "../WidgetContainer-EbrN1oIo.mjs";
-import { k as Ts, a as Bs, e as Is, h as Ns, A as Ms, f as ks, l as $s, d as Rs, n as Ps, E as Os, j as Us, N as Ls, i as Gs, P as Hs, o as Fs, S as Ws } from "../ConnectDrawer-Bw5s6Dw1.mjs";
-import { C as Ys } from "../CurrencyInput-DUsQbkXb.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 at } from "../TransactionStore-Dx8hFybD.mjs";
-import { S as Js } from "../TransactionStore-Dx8hFybD.mjs";
-import { T as er } from "../TabContentContainer-j01JYR_7.mjs";
-import { I as rr } from "../IconBacking-B9oC6uL2.mjs";
-import { D as ar, F as nr, a as ir, c as cr, R as dr, S as lr } from "../RecurringTransactions-ej39mgA6.mjs";
+import { E as Ss } from "../Help-DhcC-C05.mjs";
+import { M as ws } from "../MicroWidgetContainer-DpeqN9n3.mjs";
+import { M as Cs } from "../MiniWidgetContainer-D0gfmbaF.mjs";
+import { A as Ds, D as As, W as Es } from "../WidgetContainer-EbrN1oIo.mjs";
+import { k as Bs, a as Is, e as Ns, h as Ms, A as ks, f as $s, l as Rs, d as Ps, n as Os, E as Us, j as Ls, N as Gs, i as Hs, P as Fs, o as Ws, S as qs } from "../ConnectDrawer-Bw5s6Dw1.mjs";
+import { C as Qs } from "../CurrencyInput-DUsQbkXb.mjs";
+import { L as Xs } from "../Loader-DUaFpDGv.mjs";
+import { R as Ks } from "../ResponsiveButton-DZFp78fJ.mjs";
+import { S as Zs } from "../SearchBox-B2_zLv8-.mjs";
+import { T as at } from "../TransactionStore-Fq3Df3xP.mjs";
+import { S as tr } from "../TransactionStore-Fq3Df3xP.mjs";
+import { T as sr } from "../TabContentContainer-j01JYR_7.mjs";
+import { I as or } from "../IconBacking-B9oC6uL2.mjs";
+import { D as nr, F as ir, a as cr, c as dr, R as lr, S as ur } from "../RecurringTransactions-ej39mgA6.mjs";
 import { C as nt } from "../CashflowStore-D9Dpuz7X.mjs";
-import { I as hr } from "../CashflowStore-D9Dpuz7X.mjs";
+import { I as gr } from "../CashflowStore-D9Dpuz7X.mjs";
 import { d as it } from "../GoalStore-DZ_Jvsa_.mjs";
-import { C as pr, G as mr, M as _r, T as fr } from "../GoalStore-DZ_Jvsa_.mjs";
-import { C as Sr } from "../CurrencyText-kyC1aseI.mjs";
-import { E as wr } from "../EmptyState-DA_lfRBv.mjs";
-import { L as Cr } from "../ListItemAction-DHa3KJPs.mjs";
+import { C as mr, G as _r, M as fr, T as yr } from "../GoalStore-DZ_Jvsa_.mjs";
+import { C as br } from "../CurrencyText-kyC1aseI.mjs";
+import { E as xr } from "../EmptyState-DA_lfRBv.mjs";
+import { L as vr } from "../ListItemAction-DHa3KJPs.mjs";
 import { T as ct } from "../TrendsStore-DCYbpXPO.mjs";
-import { L as Dr, S as Ar } from "../TrendsStore-DCYbpXPO.mjs";
-import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as kr } from "../ToggleListItem-r0Kx56wF.mjs";
+import { L as Ar, S as Er } from "../TrendsStore-DCYbpXPO.mjs";
+import { A as Br, B as Ir, I as Nr, N as Mr, T as kr, a as $r } from "../ToggleListItem-r0Kx56wF.mjs";
 import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as x, keyframes as ht } from "@mxenabled/cssinjs";
 import { useTokens as C, Text as B } from "@mxenabled/mxui";
-import { D as Rr } from "../Donut-oaQFlbit.mjs";
-import { L as Or } from "../LineChart-D4GI7nVh.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 Pr } from "../Donut-oaQFlbit.mjs";
+import { L as Ur } from "../LineChart-D4GI7nVh.mjs";
+import { S as Gr } from "../StatusBar-BK_uYHAB.mjs";
+import { D as Fr, a as Wr, O as qr, b as Yr, f as Qr } 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-vp_TAbGt.mjs";
+import { S as Xr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { D as Kr } from "../Drawer-kEE73B87.mjs";
+import { I as Zr, P as Jr, S as to } from "../Account-vp_TAbGt.mjs";
 import { b as E } 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-Buh7u8Oi.mjs";
+import { C as so, c as ro, a as oo, P as ao } from "../Category-CevNQ03n.mjs";
+import { C as io, f as co, b as lo, a as uo, g as ho, i as go } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { R as mt } from "../RecurringTransactionsStore-DrzS1LmF.mjs";
-import { S as po, T as mo } from "../RecurringTransactionsStore-DrzS1LmF.mjs";
-import { G as fo, C as yo, D as So, W as bo, d as wo, a as xo, i as Co, v as vo, m as Do, y as Ao, z as Eo, g as To, x as Bo, u as Io, f as No, b as Mo, l as ko, A as $o, t as Ro, n as Po, c as Oo, r as Uo, o as Lo, B as Go, j as Ho, s as Fo, h as Wo, w as qo, p as Yo, q as Qo } from "../hooks-D6XlXHf4.mjs";
-import { u as Xo } from "../useAccountDisplayName-jS05A6-6.mjs";
-import { u as Ko } from "../useInsightsEnabled-DBpwEq10.mjs";
-import { u as Zo } from "../useScreenSize-B6JyS_Lj.mjs";
-import { makeAutoObservable as f, runInAction as p, reaction as _t } from "mobx";
-import { a as ft } from "../AccountStore-BkoLK9Tq.mjs";
-import yt from "posthog-js";
-import { B as St } from "../BeatStore-IBnXd4YK.mjs";
+import { S as mo, T as _o } from "../RecurringTransactionsStore-DrzS1LmF.mjs";
+import { G as yo, C as So, D as bo, W as wo, d as xo, a as Co, i as vo, v as Do, m as Ao, y as Eo, z as To, g as Bo, x as Io, u as No, f as Mo, b as ko, l as $o, A as Ro, t as Po, n as Oo, c as Uo, r as Lo, o as Go, B as Ho, j as Fo, s as Wo, h as qo, w as Yo, p as Qo, q as zo } from "../hooks-D6XlXHf4.mjs";
+import { u as jo } from "../useAccountDisplayName-jS05A6-6.mjs";
+import { u as Vo } from "../useInsightsEnabled-DBpwEq10.mjs";
+import { u as Jo } from "../useScreenSize-B6JyS_Lj.mjs";
+import { makeAutoObservable as f, runInAction as p, reaction as _t, autorun as ft } from "mobx";
+import { a as yt } from "../AccountStore-BkoLK9Tq.mjs";
+import St from "posthog-js";
+import { B as bt } 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-B2ZXyw-g.mjs";
-import { g as ta, e as ea, c as sa, d as ra, i as oa } from "../BudgetUtil-B2ZXyw-g.mjs";
-import { a as xt } from "../DebtsStore-BD_XwsI7.mjs";
-import { a as Ct } from "../FinstrongStore-F2c607dj.mjs";
-import { A as vt, m as Dt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
-import { M as Tt } from "../MerchantStore-DrFvsUyy.mjs";
-import { N as Bt } from "../NetWorthStore-D1NiDUcc.mjs";
-import { a as It } from "../SettingsStore-BcgS_Ohv.mjs";
-import { addMonths as Nt } from "date-fns/addMonths";
+import { f as wt, a as xt, b as L } from "../BudgetUtil-B2ZXyw-g.mjs";
+import { g as ea, e as sa, c as ra, d as oa, i as aa } from "../BudgetUtil-B2ZXyw-g.mjs";
+import { a as Ct } from "../DebtsStore-BD_XwsI7.mjs";
+import { a as vt } from "../FinstrongStore-F2c607dj.mjs";
+import { A as Dt, m as At, a as Et, b as Tt } from "../InvestmentUtil-jOyOgzIB.mjs";
+import { M as Bt } from "../MerchantStore-DrFvsUyy.mjs";
+import { N as It } from "../NetWorthStore-D1NiDUcc.mjs";
+import { a as Nt } from "../SettingsStore-BcgS_Ohv.mjs";
+import { addMonths as Mt } from "date-fns/addMonths";
 import { getMonth as T } from "date-fns/getMonth";
-import { i as na } from "../DateUtil-BcuH7ErC.mjs";
-import { b as ca, a as da, g as la } 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 = [
+import { i as ia } from "../DateUtil-BcuH7ErC.mjs";
+import { b as da, a as la, g as ua } from "../Localization-2MODESHW.mjs";
+import { alpha as kt, lighten as G, darken as H } from "@mui/material";
+var $t = /* @__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))($t || {});
+const Qe = [
   { id: 0, copy: "frequency_unknown" },
   { id: 1, copy: "frequency_every_week" },
   { id: 2, copy: "frequency_every_other_week" },
@@ -84,13 +84,13 @@ const Ye = [
   { id: 5, copy: "frequency_every_quarter" },
   { id: 6, copy: "frequency_every_other_quarter" },
   { id: 7, copy: "frequency_every_year" }
-], Qe = {
+], ze = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
 };
-var $t = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))($t || {}), Rt = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))(Rt || {});
-const Pt = [
+var Rt = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))(Rt || {}), Pt = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))(Pt || {});
+const Ot = [
   "fontFamily",
   "H1",
   "h1",
@@ -112,14 +112,14 @@ const Pt = [
   "subtitle2",
   "Tiny",
   "tiny"
-], Ot = [
+], Ut = [
   { 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" }
-], ze = (s, t, e) => {
+], Xe = (s, t, e) => {
   const r = s.palette.mode === "dark", o = (e?.master?.style?.font_name || t?.system_font) ?? s.typography.fontFamily, a = (i, _) => i ? {
     lighter: G(i, 0.5),
     light: G(i, 0.25),
@@ -127,7 +127,7 @@ const Pt = [
     dark: H(i, 0.25),
     darker: H(i, 0.5)
   } : _, c = Object.fromEntries(
-    Ot.map(({ key: i, light: _, dark: b }) => [
+    Ut.map(({ key: i, light: _, dark: b }) => [
       i,
       a(
         t?.[r ? b : _],
@@ -135,7 +135,7 @@ const Pt = [
       )
     ])
   ), d = Object.fromEntries(
-    Pt.map((i) => [
+    Ot.map((i) => [
       i,
       i === "fontFamily" ? o : { fontFamily: o }
     ])
@@ -149,7 +149,7 @@ const Pt = [
       styleOverrides: {
         switchViewButton: {
           color: c.primary.lighter,
-          "&:hover": { backgroundColor: Mt(c.primary.light, 0.1) }
+          "&:hover": { backgroundColor: kt(c.primary.light, 0.1) }
         }
       }
     }
@@ -204,7 +204,7 @@ class F {
     }
   };
 }
-class Xe {
+class je {
   fetchInstance;
   constructor(t, e, r) {
     this.fetchInstance = new S(t, e, void 0, r);
@@ -212,7 +212,7 @@ class Xe {
   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 je {
+class Ke {
   fetchInstance;
   constructor(t, e, r) {
     this.fetchInstance = new S(t, e, void 0, r);
@@ -242,14 +242,14 @@ class W {
   }
   requestWidgetUrl = async (t) => this.fetchInstance.post(h.WIDGET_URLS, t).then((e) => e.widget_url);
 }
-var Ut = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(Ut || {}), Lt = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(Lt || {}), Gt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(Gt || {}), Ht = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(Ht || {});
-const Ke = (s) => {
+var Lt = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(Lt || {}), Gt = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(Gt || {}), Ht = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(Ht || {}), Ft = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(Ft || {});
+const Ve = (s) => {
   const t = lt();
   return ut(() => {
     t.current = s;
   }, [s]), t.current;
-}, Ft = ({ color: s, labelAverage: t, labelMain: e }) => {
-  const r = C(), o = Wt(r, s);
+}, Wt = ({ color: s, labelAverage: t, labelMain: e }) => {
+  const r = C(), o = qt(r, s);
   return /* @__PURE__ */ y("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 }),
@@ -260,7 +260,7 @@ const Ke = (s) => {
     ] }),
     /* @__PURE__ */ n(B, { variant: "XSmall", children: t })
   ] });
-}, Wt = (s, t) => x({
+}, qt = (s, t) => x({
   alignItems: "center",
   display: "flex",
   gap: s.Spacing.XSmall,
@@ -296,7 +296,7 @@ const Ke = (s) => {
   selectedIndex: c,
   value: d
 }) => {
-  const u = C(), l = qt(u, t, e), g = (_) => {
+  const u = C(), l = Yt(u, t, e), g = (_) => {
     a && (_.key === " " || _.key === "Enter") && a(r);
   }, m = c === void 0 || c === r ? "primary" : "secondary", i = () => /* @__PURE__ */ n(
     B,
@@ -325,7 +325,7 @@ const Ke = (s) => {
     ),
     d < 0 && /* @__PURE__ */ n(i, {})
   ] });
-}, qt = (s, t, e) => {
+}, Yt = (s, t, e) => {
   const r = `expandBar-${Math.round(e)}`, o = ht(r, { from: { height: 0 }, to: { height: e } });
   return x({
     display: "flex",
@@ -373,7 +373,7 @@ const Ke = (s) => {
   width: m,
   xAxisLabel: i = ""
 }) => {
-  const _ = C(), b = Yt(_, m), v = l / c * u, D = Math.abs(l) / c * e, A = d === void 0 || d === o ? "primary" : "secondary";
+  const _ = C(), b = Qt(_, m), v = l / c * u, D = Math.abs(l) / c * e, A = d === void 0 || d === o ? "primary" : "secondary";
   return /* @__PURE__ */ y("div", { className: `mx-cmn-barchart-bar-column ${b}`, children: [
     /* @__PURE__ */ n("div", { style: { height: u }, children: l >= 0 && /* @__PURE__ */ n(
       q,
@@ -411,7 +411,7 @@ const Ke = (s) => {
       }
     )
   ] });
-}, Yt = (s, t) => x({
+}, Qt = (s, t) => x({
   display: "flex",
   flexDirection: "column",
   flexGrow: t === void 0 ? 1 : 0,
@@ -436,10 +436,10 @@ const Ke = (s) => {
   "& .mx-cmn-clickable": {
     cursor: "pointer"
   }
-}), Qt = (s, t) => s + t, zt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, Xt = (s, t) => [...s, t.value], Q = (s, t, e) => {
+}), zt = (s, t) => s + t, Xt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, jt = (s, t) => [...s, t.value], Q = (s, t, e) => {
   const r = s && t ? e / 2 : e;
   return s ? r : 0;
-}, jt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, Kt = ({
+}, Kt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, Vt = ({
   average: s,
   barWidth: t = "8%",
   color: e,
@@ -451,7 +451,7 @@ const Ke = (s) => {
   selectedIndex: u,
   valueFormatter: l = (g) => `${g}`
 }) => {
-  const g = C(), m = Vt(g), i = r.reduce(Xt, []), _ = s !== void 0 ? s : i.reduce(Qt, 0) / i.length, b = Math.max(...i), v = Math.min(...i), D = i.reduce(zt, 0), A = b >= 0, R = v < 0, I = Q(A, R, o), N = Q(R, A, o), P = jt(_, b, v, I || N), tt = (w) => u === void 0 || w === u ? e : `${e}80`, O = () => /* @__PURE__ */ n(
+  const g = C(), m = Zt(g), i = r.reduce(jt, []), _ = s !== void 0 ? s : i.reduce(zt, 0) / i.length, b = Math.max(...i), v = Math.min(...i), D = i.reduce(Xt, 0), A = b >= 0, R = v < 0, I = Q(A, R, o), N = Q(R, A, o), P = Kt(_, b, v, I || N), tt = (w) => u === void 0 || w === u ? e : `${e}80`, O = () => /* @__PURE__ */ n(
     Y,
     {
       averageLineHeight: P,
@@ -488,9 +488,9 @@ const Ke = (s) => {
         /* @__PURE__ */ n(O, {})
       ] }, `column-${M}`))
     ] }),
-    /* @__PURE__ */ n(Ft, { color: e, labelAverage: a, labelMain: c })
+    /* @__PURE__ */ n(Wt, { color: e, labelAverage: a, labelMain: c })
   ] });
-}, Vt = (s) => x({
+}, Zt = (s) => x({
   "& .mx-cmn-chart-container": {
     alignItems: "flex-end",
     display: "flex",
@@ -498,14 +498,14 @@ const Ke = (s) => {
     marginTop: s.Spacing.Large,
     marginBottom: s.Spacing.Medium
   }
-}), Ve = Kt, Zt = ({
+}), Ze = Vt, Jt = ({
   hasGap: s = !1,
   segments: t,
   size: e = gt,
   strokeWidth: r = pt,
   children: o
 }) => {
-  const a = C(), c = Jt(a, e), d = (e - r) / 2, u = e / 2;
+  const a = C(), c = te(a, e), d = (e - r) / 2, u = e / 2;
   let l = -90 - (s ? 1 : 0), g = 0;
   return /* @__PURE__ */ y("div", { className: `mx-cmn-multi-segment-donut ${c}`, children: [
     /* @__PURE__ */ y("svg", { height: e, width: e, children: [
@@ -538,7 +538,7 @@ const Ke = (s) => {
     ] }),
     /* @__PURE__ */ n("div", { className: "mx-cmn-multi-segment-donut-children", children: o })
   ] });
-}, Jt = (s, t) => x({
+}, te = (s, t) => x({
   height: t,
   marginTop: `-${s.Spacing.XSmall}px`,
   position: "relative",
@@ -550,8 +550,8 @@ const Ke = (s) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), Ze = Zt;
-class te {
+}), Je = Jt;
+class ee {
   globalStore;
   api = new k("/", "");
   copy = {};
@@ -585,7 +585,7 @@ class te {
     }
   };
 }
-class ee {
+class se {
   globalStore;
   survey = null;
   currentQuestionIndex = 0;
@@ -615,7 +615,7 @@ class ee {
     return this.survey ? this.survey.questions : [];
   }
   loadSurvey = (t = !1) => {
-    yt.getActiveMatchingSurveys((e) => {
+    St.getActiveMatchingSurveys((e) => {
       p(() => {
         if (e.length > 0) {
           const r = e.find((o) => o.id === this.surveyId);
@@ -655,7 +655,7 @@ class z {
     throw e;
   });
 }
-class se {
+class re {
   api = new z("/", "");
   globalStore;
   alert = "";
@@ -674,9 +674,9 @@ class se {
       (t) => {
         if (t) {
           const e = this.selectedBudget;
-          e && (this.selectedBudget = bt(t, e.guid));
+          e && (this.selectedBudget = wt(t, e.guid));
           const r = this.selectedSubBudget;
-          r && r.parent_guid && (this.selectedSubBudget = wt(
+          r && r.parent_guid && (this.selectedSubBudget = xt(
             t,
             r.guid,
             r.parent_guid
@@ -791,7 +791,7 @@ class X {
   }
   createSupportTicket = async (t) => this.fetchInstance.post(h.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, oe = (s, t) => {
+const oe = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flags ? s.flags.every((e) => t[e]) : !1, ae = (s, t) => {
   const e = [];
   for (const r of ot) {
     const o = t[r.guid];
@@ -804,11 +804,11 @@ const re = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flag
         label: o.topics[d]
       }))
     };
-    re(a, s) && e.push(a);
+    oe(a, s) && e.push(a);
   }
   return e;
 };
-class ae {
+class ne {
   alert = { message: "", severity: void 0 };
   api = new X("/", "");
   appConfig;
@@ -834,7 +834,7 @@ class ae {
     const { client_communication_profile: t, client_profile: e } = this.globalStore.appDataStore.appData, {
       help: { category_list: r }
     } = this.globalStore.copyStore.copy;
-    return oe(
+    return ae(
       {
         ...t,
         ...e,
@@ -852,8 +852,8 @@ class j {
   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 ne {
-  analysisType = vt.Stocks;
+class ie {
+  analysisType = Dt.Stocks;
   api = new j("/", "");
   holdings = [];
   holdingsLoaded = !1;
@@ -863,10 +863,10 @@ class ne {
     this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken, t.onError), f(this);
   }
   get analysisChartData() {
-    return Dt(At(this.visibleHoldings), this.analysisType);
+    return At(Et(this.visibleHoldings), this.analysisType);
   }
   get analysisDetails() {
-    return Et(this.visibleHoldings)[this.analysisType] || {};
+    return Tt(this.visibleHoldings)[this.analysisType] || {};
   }
   get visibleHoldings() {
     return this.holdings.filter(
@@ -1015,7 +1015,7 @@ class V {
   }
   getAppData = async () => this.fetchInstance.get(h.APP_DATA).then((t) => t);
 }
-class ie {
+class ce {
   globalStore;
   api = new V("/", "");
   bannerApi = new F("/");
@@ -1066,7 +1066,7 @@ class ie {
   setUserCommunicationProfile = (t) => this.appData.user_communication_profile = t;
   setUserProfile = (t) => this.appData.user_profile = t;
 }
-class ce {
+class de {
   globalStore;
   widgetApi = new W("/", "");
   constructor(t) {
@@ -1076,7 +1076,7 @@ class ce {
     widget_url: { widget_type: t, color_scheme: e, ...r }
   });
 }
-class de {
+class le {
   globalStore;
   isInitialized = !1;
   selectedAccounts = [];
@@ -1114,7 +1114,7 @@ class de {
     };
   };
   get shouldDisableNextDate() {
-    const t = T(this.displayedDate), e = T(Nt(/* @__PURE__ */ new Date(), 1));
+    const t = T(this.displayedDate), e = T(Mt(/* @__PURE__ */ new Date(), 1));
     return t === e;
   }
   get shouldDisablePrevDate() {
@@ -1122,7 +1122,7 @@ class de {
     return t === e;
   }
 }
-class le {
+class ue {
   globalStore;
   api = new $("/", "");
   userFeatures = [];
@@ -1167,12 +1167,14 @@ class le {
     }
   };
 }
-class Je {
+class ts {
   // Global properties
   appConfig = K;
   endpoint = "/";
   sessionToken = "";
   onError;
+  onStoreUpdate;
+  listeners = [];
   // Data Stores
   accountStore;
   appDataStore;
@@ -1198,12 +1200,25 @@ class Je {
   userStore;
   // UI Stores
   globalUiStore;
-  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 ee(this), this.beatStore = new St(this), this.budgetsStore = new se(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ce(this), this.copyStore = new te(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), f(this);
+  constructor(t = K, e = "/", r, o) {
+    this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.onStoreUpdate = o, this.accountStore = new yt(this), this.appDataStore = new ce(this), this.analyticsStore = new se(this), this.beatStore = new bt(this), this.budgetsStore = new re(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new de(this), this.copyStore = new ee(this), this.debtsStore = new Ct(this), this.finstrongStore = new vt(this), this.goalStore = new it(this), this.helpStore = new ne(this), this.holdingStore = new ie(this), this.merchantStore = new Bt(this), this.netWorthStore = new It(this), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new Nt(this), this.transactionStore = new at(this), this.trendsStore = new ct(this), this.userStore = new ue(this), this.globalUiStore = new le(this), f(this), ft(() => {
+      const { transactions: a } = this.transactionStore;
+      console.log("change happened 4"), o?.(a), this.onStoreUpdate?.(a);
+    });
   }
   get isInitialized() {
     return this.globalUiStore.isInitialized;
   }
+  // for external libraries like Pulse to subscribe
+  // to global store snapshots, like `getTransactionStoreSnapshot` below
+  // using `useSyncExternalStore` https://react.dev/reference/react/useSyncExternalStore
+  subscribe = (t) => (this.listeners = [...this.listeners, t], () => {
+    this.listeners = this.listeners.filter((e) => e !== t);
+  });
+  // returns change subscribed to in the autorun (found in the constructor)
+  getTransactionStoreSnapshot = () => this.transactionStore;
+  // emits change triggered in the autorun
+  emitChange = (t) => t;
   loadData = async ({
     accounts: t,
     appData: e,
@@ -1231,161 +1246,161 @@ class Je {
   };
 }
 export {
-  vs as ANALYTICS_EVENTS,
-  Ts as AccountFilter,
-  Bs as AccountIcon,
-  Is as AccountIconVariants,
-  Tr as AccountNotificationTypes,
-  Ns as AccountSubType,
-  Ms as AccountType,
-  ks as AccountTypeName,
-  ss as AnalyticsApi,
+  Ds as ANALYTICS_EVENTS,
+  Bs as AccountFilter,
+  Is as AccountIcon,
+  Ns as AccountIconVariants,
+  Br as AccountNotificationTypes,
+  Ms as AccountSubType,
+  ks as AccountType,
+  $s as AccountTypeName,
+  rs as AnalyticsApi,
   h as ApiEndpoints,
   F as BannerApi,
-  Ve as BarChart,
-  is as BeatApi,
-  Br as BudgetNotificationTypes,
-  gs as Calendar,
-  ps as CalendarSelectionTypes,
-  ds as CategoryApi,
-  eo as CategoryColors,
-  so as CategoryGuidToName,
+  Ze as BarChart,
+  cs as BeatApi,
+  Ir as BudgetNotificationTypes,
+  ps as Calendar,
+  ms as CalendarSelectionTypes,
+  ls as CategoryApi,
+  so as CategoryColors,
+  ro as CategoryGuidToName,
   E as CategoryGuids,
-  ro as CategoryIcon,
-  pr as ConnectCard,
-  $s as ConnectDrawer,
-  Rs as ConnectionStatus,
-  Ps as ConnectionStatusEnums,
-  no as CurrencyCodes,
-  Ys as CurrencyInput,
-  Sr as CurrencyText,
-  Hr as DATE_FORMATS_INTL,
+  oo as CategoryIcon,
+  mr as ConnectCard,
+  Rs as ConnectDrawer,
+  Ps as ConnectionStatus,
+  Os as ConnectionStatusEnums,
+  io as CurrencyCodes,
+  Qs as CurrencyInput,
+  br as CurrencyText,
+  Fr as DATE_FORMATS_INTL,
   gt as DEFAULT_DONUT_SIZE,
   pt as DEFAULT_STROKE_WIDTH,
-  ar as DataRow,
-  Ds as DateRangeSelector,
-  Fr as Dialog,
-  Rr as Donut,
-  jr as Drawer,
-  wr as EmptyState,
-  ys as ErrorBoundary,
-  Os as ErrorStatuses,
-  Lt as ExpenseStatus,
+  nr as DataRow,
+  As as DateRangeSelector,
+  Wr as Dialog,
+  Pr as Donut,
+  Kr as Drawer,
+  xr as EmptyState,
+  Ss as ErrorBoundary,
+  Us as ErrorStatuses,
+  Gt as ExpenseStatus,
   S as Fetch,
-  nr as Frequency,
+  ir as Frequency,
   k as GlobalCopyApi,
-  te as GlobalCopyStore,
-  fo as GlobalDataContext,
-  yo as GlobalDataProvider,
-  Je as GlobalStore,
-  mr as GoalType,
-  Vr as INCOME_ACCOUNT_TYPES,
-  rr as IconBacking,
-  hr as InformationTooltip,
-  Ir as InsightNotificationTypes,
-  Rt as IterationItemTypes,
-  Qe as LOADING_STATUS,
-  Or as LineChart,
-  Cr as ListItemAction,
-  Dr as ListItemRow,
-  ms as ListItemWrapper,
-  zs as Loader,
-  Xe as LocalizedCopyApi,
-  _r as MetaType,
-  Us as MfaStatuses,
-  bs as MicroWidgetContainer,
-  xs as MiniWidgetContainer,
-  Ze as MultiSegmentDonut,
-  Ls as NonConnectedStatuses,
-  us as NotificationApi,
-  Nr as NotificationTypes,
-  Wr as ORDINAL_DATE_FORMAT,
-  qr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
-  Zr as PAYMENT_ACCOUNT_TYPES,
-  oo as PaymentCategories,
-  $t as PlanTypes,
-  Gs as ProcessingStatuses,
-  Hs as PropertyType,
-  Fs as PropertyTypeName,
-  Ye as RECURRENCE_COPY,
-  ir as RecurrenceStatus,
-  cr as RecurrenceType,
-  kt as RecurrenceTypes,
-  dr as RepeatingType,
-  js as ResponsiveButton,
-  Jr as SPENDING_ACCOUNT_TYPES,
-  Gt as ScheduledPaymentTypes,
-  je as ScheduledPaymentsApi,
-  Ht as ScreenSize,
-  Vs as SearchBox,
-  lr as Select,
-  Js as SelectionBox,
-  zr as SingleSegmentDonut,
-  po as Sizes,
-  Ar as StackedLineChart,
-  Lr as StatusBar,
-  Ws as StatusName,
-  mo as TOUCH_TARGET,
-  er as TabContentContainer,
-  Mr as ToggleButtonListItem,
-  kr as ToggleListItem,
-  fr as TrackType,
-  _s as TransactionStatus,
+  ee as GlobalCopyStore,
+  yo as GlobalDataContext,
+  So as GlobalDataProvider,
+  ts as GlobalStore,
+  _r as GoalType,
+  Zr as INCOME_ACCOUNT_TYPES,
+  or as IconBacking,
+  gr as InformationTooltip,
+  Nr as InsightNotificationTypes,
+  Pt as IterationItemTypes,
+  ze as LOADING_STATUS,
+  Ur as LineChart,
+  vr as ListItemAction,
+  Ar as ListItemRow,
+  _s as ListItemWrapper,
+  Xs as Loader,
+  je as LocalizedCopyApi,
+  fr as MetaType,
+  Ls as MfaStatuses,
+  ws as MicroWidgetContainer,
+  Cs as MiniWidgetContainer,
+  Je as MultiSegmentDonut,
+  Gs as NonConnectedStatuses,
+  hs as NotificationApi,
+  Mr as NotificationTypes,
+  qr as ORDINAL_DATE_FORMAT,
+  Yr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  Jr as PAYMENT_ACCOUNT_TYPES,
+  ao as PaymentCategories,
+  Rt as PlanTypes,
+  Hs as ProcessingStatuses,
+  Fs as PropertyType,
+  Ws as PropertyTypeName,
+  Qe as RECURRENCE_COPY,
+  cr as RecurrenceStatus,
+  dr as RecurrenceType,
+  $t as RecurrenceTypes,
+  lr as RepeatingType,
+  Ks as ResponsiveButton,
+  to as SPENDING_ACCOUNT_TYPES,
+  Ht as ScheduledPaymentTypes,
+  Ke as ScheduledPaymentsApi,
+  Ft as ScreenSize,
+  Zs as SearchBox,
+  ur as Select,
+  tr as SelectionBox,
+  Xr as SingleSegmentDonut,
+  mo as Sizes,
+  Er as StackedLineChart,
+  Gr as StatusBar,
+  qs as StatusName,
+  _o as TOUCH_TARGET,
+  sr as TabContentContainer,
+  kr as ToggleButtonListItem,
+  $r as ToggleListItem,
+  yr as TrackType,
+  fs as TransactionStatus,
   rt as TransactionType,
   $ as UserApi,
-  le as UserStore,
-  Ut as UserVerification,
+  ue as UserStore,
+  Lt as UserVerification,
   W as WidgetApi,
-  As as WidgetContainer,
-  So as WidgetContainerContext,
-  bo as WidgetContainerProvider,
-  rs as analyticsSession,
-  ca as buildDynamicCopy,
-  da as buildPluralCopy,
-  io as formatCurrency,
-  Yr as formatDate,
-  co as formatOrdinal,
-  lo as formatPercentage,
-  na as fromTimestampToMonthYear,
-  ta as getCategory,
-  ea as getCategoryTotalsByParent,
-  ze as getClientTheme,
-  uo as getCurrencyCodes,
-  sa as getDetailedCategory,
-  ra as getDetailedSubCategory,
-  la as getLocale,
-  oa as isIncome,
-  ho as isValidNumber,
-  Xo as useAccountDisplayName,
-  wo as useAccountStore,
-  xo as useAppConfig,
-  Co as useBudgetsStore,
-  vo as useCashflowStore,
-  Do as useCategoryStore,
-  os as useCombineEvents,
-  as as useCombinePageviews,
-  Ao as useDebtStore,
-  Eo 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,
-  Ko as useInsightsEnabled,
-  Po as useLoad,
-  Oo as useMerchantStore,
-  Uo as useNetWorthStore,
-  Lo as useNotificationStore,
-  Go as usePageView,
-  Ke as usePrevious,
-  Ho as useRecurringTransactionsStore,
-  Zo as useScreenSize,
-  Fo as useSettingsStore,
-  Wo as useTransactionStore,
-  qo as useTrendsStore,
-  Yo as useUserStore,
-  Qo as useWidgetContainerProvider
+  Es as WidgetContainer,
+  bo as WidgetContainerContext,
+  wo as WidgetContainerProvider,
+  os as analyticsSession,
+  da as buildDynamicCopy,
+  la as buildPluralCopy,
+  co as formatCurrency,
+  Qr as formatDate,
+  lo as formatOrdinal,
+  uo as formatPercentage,
+  ia as fromTimestampToMonthYear,
+  ea as getCategory,
+  sa as getCategoryTotalsByParent,
+  Xe as getClientTheme,
+  ho as getCurrencyCodes,
+  ra as getDetailedCategory,
+  oa as getDetailedSubCategory,
+  ua as getLocale,
+  aa as isIncome,
+  go as isValidNumber,
+  jo as useAccountDisplayName,
+  xo as useAccountStore,
+  Co as useAppConfig,
+  vo as useBudgetsStore,
+  Do as useCashflowStore,
+  Ao as useCategoryStore,
+  as as useCombineEvents,
+  ns as useCombinePageviews,
+  Eo as useDebtStore,
+  To as useError,
+  Bo as useEvent,
+  Io as useFinstrongStore,
+  No as useGlobalCopyStore,
+  Mo as useGlobalStore,
+  ko as useGlobalUiStore,
+  $o as useGoalStore,
+  Ro as useHelpStore,
+  Po as useHoldingStore,
+  Vo as useInsightsEnabled,
+  Oo as useLoad,
+  Uo as useMerchantStore,
+  Lo as useNetWorthStore,
+  Go as useNotificationStore,
+  Ho as usePageView,
+  Ve as usePrevious,
+  Fo as useRecurringTransactionsStore,
+  Jo as useScreenSize,
+  Wo as useSettingsStore,
+  qo as useTransactionStore,
+  Yo as useTrendsStore,
+  Qo as useUserStore,
+  zo as useWidgetContainerProvider
 };