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

package/dist/index.es.js

@@ -8227,7 +8227,7 @@ const Ks = ({ transaction: e }) => {
   }) => {
     const { recurring: a } = I(), { filter: o, setFilter: r, transactions: s } = Oe(), { addRepeatingTransaction: c } = Ye(), { user: d } = Gt(), [u, _] = h.useState(!1), [g, m] = h.useState(""), [C, f] = h.useState(pe.EveryMonth), [E, b] = h.useState(1), [S, A] = h.useState(15), v = h.useMemo(
       () => s.find((B) => B.guid === g),
-      [g]
+      [g, s]
     ), w = () => {
       _(!0), r(e ? { ...o, custom: fi } : { ...o, custom: Pa });
     }, R = async () => {
@@ -8560,7 +8560,7 @@ const Ks = ({ transaction: e }) => {
 }) => {
   const { recurring: o } = I(), { repeatingTransactions: r } = Ye(), [s, c] = h.useState(!1), d = h.useMemo(
     () => r.find((E) => E.guid === e.repeatingTransactionGuid),
-    [e]
+    [e, r]
   ), u = e.type === Vt.Income, _ = e.status === qe.Paid, g = e.status === qe.Missed, m = e.status === qe.Upcoming;
   let C = o.paid?.toLowerCase();
   return g ? C = o.missed?.toLowerCase() : m && (C = a ? zi(o, d || {}, !0) : zi(o, d || {}, !1)), /* @__PURE__ */ l(j, { disableGutters: !0, disablePadding: !0, children: [
@@ -9492,7 +9492,6 @@ const ug = {
     e,
     r
   );
-  console.log(s, "firstSubtitle"), console.log(c, "firstValue"), console.log(d, "secondSubtitle"), console.log(u, "secondValue");
   let _;
   (e.connectionStatus === On.Error || e.connectionStatus === On.RequiresMfa) && (_ = /* @__PURE__ */ t(hg, { size: 16 }));
   const g = /* @__PURE__ */ l(X, { children: [
@@ -10165,7 +10164,7 @@ const Eg = ({ recurrence: e }) => /* @__PURE__ */ l(X, { children: [
 `, Gg = () => {
   const { addRepeatingTransaction: e, repeatingTransactions: n } = Ye(), { cashflow: i, common: a } = I(), { completeOnboarding: o } = io(), { isDirty: r } = ti(), { isMobile: s } = fe(), { isCopyLoaded: c, setDisplayedDate: d } = le(), { filter: u, setFilter: _, transactions: g } = Oe(), m = Ce(), [C, f] = St(!0), [E, b] = h.useState(pe.EveryMonth), [S, A] = h.useState(1), [v, w] = h.useState(15), [R, M] = St(!1), [B, D] = St(1), [G, O] = St([]), [U, J] = St(""), _e = h.useMemo(
     () => g.find((ye) => ye.guid === U),
-    [U]
+    [U, g]
   ), ne = !!n.filter(
     (ye) => ye.repeating_transaction_type === nn.Income
   ).length, ue = async () => {
@@ -20680,7 +20679,10 @@ const Ta = ({
     )
   ] });
 }, wC = x(vC), NC = () => {
-  const [e, n] = h.useState(""), { onEvent: i } = Y(), { selectedAccount: a } = Bt(), { accounts: o } = I(), { setFilter: r, sortedTransactions: s } = Oe(), c = h.useMemo(() => s.find((d) => d.guid === e), [e]);
+  const [e, n] = h.useState(""), { onEvent: i } = Y(), { selectedAccount: a } = Bt(), { accounts: o } = I(), { setFilter: r, sortedTransactions: s } = Oe(), c = h.useMemo(
+    () => s.find((d) => d.guid === e),
+    [e, s]
+  );
   return h.useEffect(() => {
     r({
       dateRange: { start: Jl(ed(), 90), end: td() },
@@ -20812,14 +20814,12 @@ const Ta = ({
       }
     ) });
   };
-  return console.log(JSON.parse(JSON.stringify(a)), " accounts"), console.log(d, "accountTypes"), /* @__PURE__ */ l(L, { sx: { pt: 24 }, children: [
+  return /* @__PURE__ */ l(L, { sx: { pt: 24 }, children: [
     d.map((b) => {
       const S = a.filter(
         (v) => v.account_type === b && !v.is_closed && !v.is_hidden
-      );
-      console.log(JSON.parse(JSON.stringify(S)), "accountsOfType", b, "type");
-      const A = S.reduce(
-        (v, w) => (w.balance || 0) + v,
+      ), A = S.reduce(
+        (v, w) => (w.available_balance || w.balance || 0) + v,
         0
       );
       return S.length === 0 ? null : /* @__PURE__ */ t(
@@ -21830,7 +21830,7 @@ const $C = () => {
     "y",
     wt.forceY().y(n / 2).strength(0.01)
   );
-}, JC = (e, n) => wt.scaleLinear().domain([e, n]).range([jC, YC]), ef = (e) => {
+}, JC = (e, n) => wt.scaleLinear().domain([e, n]).range([jC, YC]), e0 = (e) => {
   const n = e.reduce((r, s) => {
     const c = Math.max(s.transaction_total, s.amount);
     return c > r ? c : r;
@@ -21847,15 +21847,15 @@ const $C = () => {
   return wt.forceSimulation(o).velocityDecay(0.05).force("collide", wt.forceCollide((r) => r.radius + 2).strength(0.5)).on("tick", () => {
     wt.selectAll(".bubble").data(o).attr("transform", (r) => `translate(${r.x},${r.y})`);
   });
-}, Ur = 5, tf = 2e3;
-function nf({ bubble: e }) {
+}, Ur = 5, t0 = 2e3;
+function n0({ bubble: e }) {
   const n = Ce(), {
     guid: i,
     budgetColors: { mercury: a },
     radius: o
   } = e, r = `mercury-${i}`;
   h.useEffect(() => {
-    wt.select(`.${r}`).selectAll(".status").remove(), wt.select(`.${r}`).append("path").transition().duration(tf).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => ZC(e));
+    wt.select(`.${r}`).selectAll(".status").remove(), wt.select(`.${r}`).append("path").transition().duration(t0).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => ZC(e));
   }, [e]);
   const s = wt.arc().innerRadius((c) => c - 2 * Ur).outerRadius((c) => c - Ur).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ t("g", { className: r, children: /* @__PURE__ */ t(
@@ -21867,7 +21867,7 @@ function nf({ bubble: e }) {
   ) });
 }
 const Un = 75, Vr = 50;
-function af({ bubble: e, isDraggable: n, onClick: i = () => {
+function i0({ bubble: e, isDraggable: n, onClick: i = () => {
 } }) {
   const [a, o] = h.useState(!1);
   if (h.useEffect(() => {
@@ -21966,14 +21966,14 @@ function af({ bubble: e, isDraggable: n, onClick: i = () => {
             children: _.split(" ")[1]
           }
         ),
-        /* @__PURE__ */ t(nf, { bubble: e })
+        /* @__PURE__ */ t(n0, { bubble: e })
       ]
     },
     u
   );
 }
 let ci;
-const of = ({
+const a0 = ({
   height: e,
   width: n,
   isDraggable: i = !1,
@@ -21981,10 +21981,10 @@ const of = ({
   }
 }) => {
   const { detailedBudgets: o } = dt();
-  return ci = h.useMemo(() => ef(o), [o]), h.useEffect(() => {
+  return ci = h.useMemo(() => e0(o), [o]), h.useEffect(() => {
     QC(ci, e, n), i && qC(ci);
-  }, [ci, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ci.nodes().map((r) => /* @__PURE__ */ t(af, { bubble: r, isDraggable: i, onClick: a }, r.guid)) });
-}, rf = x(of), sf = ({
+  }, [ci, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ci.nodes().map((r) => /* @__PURE__ */ t(i0, { bubble: r, isDraggable: i, onClick: a }, r.guid)) });
+}, o0 = x(a0), r0 = ({
   isMiniWidget: e = !1,
   onConnectAccountsClick: n,
   createBudgetOnClick: i
@@ -22080,14 +22080,14 @@ const of = ({
     };
     return d ? /* @__PURE__ */ t(y, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(E), children: /* @__PURE__ */ t(de, {}) }) : /* @__PURE__ */ l(L, { ml: o || m ? 0 : 24, sx: { alignSelf: "center" }, children: [
       o || !u ? /* @__PURE__ */ t(
-        sf,
+        r0,
         {
           createBudgetOnClick: e,
           isMiniWidget: a,
           onConnectAccountsClick: S
         }
       ) : /* @__PURE__ */ t(
-        rf,
+        o0,
         {
           height: n,
           isDraggable: i,
@@ -22105,7 +22105,7 @@ const of = ({
       )
     ] });
   }
-), cf = (e) => {
+), s0 = (e) => {
   const n = Ce(), { accounts: i } = Te(), { budgets: a, isDataLoaded: o, loadBudgetData: r, setTheme: s } = dt(), { budgets: c } = I(), { isCopyLoaded: d, isInitialized: u } = le(), { reloadCategoryTotals: _ } = Ue(), g = X_(), m = a.length === 0;
   return h.useEffect(() => {
     s(n);
@@ -22135,7 +22135,7 @@ const of = ({
       ] }) : /* @__PURE__ */ t(de, {})
     }
   ) : /* @__PURE__ */ t(de, {});
-}, GE = x(cf), lf = x(() => {
+}, GE = x(s0), c0 = x(() => {
   const { budgets: e } = I(), { totalBudgeted: n } = dt(), { projectedIncome: i } = Ye(), a = i - n;
   return /* @__PURE__ */ l(y, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
     /* @__PURE__ */ l(y, { alignItems: "center", children: [
@@ -22153,7 +22153,7 @@ const of = ({
       /* @__PURE__ */ t(p, { color: "secondary", variant: "Small", children: e.remaining })
     ] })
   ] });
-}), df = x(
+}), l0 = x(
   ({ category: e }) => {
     const { budgets: n } = I(), { budgets: i } = dt(), a = h.useMemo(() => {
       const o = i.find((c) => c.category_guid === e.guid), r = P(e.totalAverageAmount, "0,0"), s = o ? T(n.recalculate_previous_budget, P(o.amount, "0,0")) : n.recalculate_new_budget;
@@ -22167,7 +22167,7 @@ const of = ({
       /* @__PURE__ */ t(H, {})
     ] }, e.guid);
   }
-), _f = ({ onRecalculateBudgets: e }) => {
+), d0 = ({ onRecalculateBudgets: e }) => {
   const { budgets: n, common: i } = I(), { spendCategories: a } = Ue(), { recalculateBudgets: o, setAlert: r } = dt(), [s, c] = h.useState(!1), d = a.filter((_) => _.totalAverageAmount > 0), u = async () => {
     await o(d), c(!1), r(n.alert_recalculated_budgets), e?.();
   };
@@ -22187,7 +22187,7 @@ const of = ({
             /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
             /* @__PURE__ */ t(p, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(df, { category: _ }, _.guid)) }) })
+          /* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(l0, { category: _ }, _.guid)) }) })
         ] })
       }
     )
@@ -22218,7 +22218,7 @@ const of = ({
       }
     )
   ] });
-}, uf = x(({ category: e, onAddBudget: n }) => {
+}, _0 = x(({ category: e, onAddBudget: n }) => {
   const { budgets: i, common: a } = I(), [o, r] = h.useState(!1), [s, c] = h.useState(
     `${e.totalAmount === 0 ? "" : e.totalAmount}`
   );
@@ -22247,21 +22247,21 @@ const of = ({
       }
     )
   ] });
-}), hf = x(({ onRecalculateBudgets: e }) => {
+}), u0 = x(({ onRecalculateBudgets: e }) => {
   const { budgets: n } = I(), { addBudget: i, setAlert: a, unbudgetedCategories: o } = dt(), r = async (s, c) => {
     await i(s, c), a(T(n.alert_budget_created, s.name));
   };
   return /* @__PURE__ */ l(y, { children: [
-    /* @__PURE__ */ t(lf, {}),
+    /* @__PURE__ */ t(c0, {}),
     /* @__PURE__ */ t(L, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: o.map((s) => /* @__PURE__ */ t(
-      uf,
+      _0,
       {
         category: s,
         onAddBudget: r
       },
       s.guid
     )) }) }),
-    /* @__PURE__ */ t(_f, { onRecalculateBudgets: e })
+    /* @__PURE__ */ t(d0, { onRecalculateBudgets: e })
   ] });
 }), Oc = ({ budget: e }) => {
   const {
@@ -22283,14 +22283,14 @@ const of = ({
     /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
     /* @__PURE__ */ t(Yn, { data: c, height: 10 })
   ] }) }) });
-}, gf = x(() => {
+}, h0 = x(() => {
   const { budgets: e } = I();
   return /* @__PURE__ */ l(y, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ t($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
     /* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
   ] });
-}), mf = x(({ budget: e }) => {
+}), g0 = x(({ budget: e }) => {
   const {
     amount: n,
     budgetColors: { background: i },
@@ -22311,7 +22311,7 @@ const of = ({
       }
     )
   ] }) });
-}), pf = x(({ category: e, parentBudget: n }) => {
+}), m0 = x(({ category: e, parentBudget: n }) => {
   const { budgets: i, common: a } = I(), { setExpandedGuid: o, setOnSelect: r } = _n(), { addBudget: s } = dt(), [c, d] = h.useState(!1), [u, _] = h.useState(!1), [g, m] = h.useState(""), [C, f] = h.useState(void 0);
   h.useEffect(() => {
     r((S) => {
@@ -22363,7 +22363,7 @@ const of = ({
       }
     )
   ] });
-}), Cf = x(({ budget: e }) => {
+}), p0 = x(({ budget: e }) => {
   const { category: n, subBudgets: i } = e, { budgets: a, common: o } = I(), { deleteBudget: r, selectedSubBudget: s, setSelectedSubBudget: c, updateBudget: d } = dt(), { filter: u, setFilter: _ } = Oe(), [g, m] = h.useState(!1), [C, f] = h.useState(!1), [E, b] = h.useState("");
   h.useEffect(() => {
     s && (b(`${s.amount}`), _({
@@ -22386,11 +22386,11 @@ const of = ({
   };
   return /* @__PURE__ */ l(h.Fragment, { children: [
     /* @__PURE__ */ l(ae, { sx: { bgcolor: "background.paper" }, children: [
-      i.length === 0 ? /* @__PURE__ */ t(gf, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
-        /* @__PURE__ */ t(mf, { budget: w }),
+      i.length === 0 ? /* @__PURE__ */ t(h0, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
+        /* @__PURE__ */ t(g0, { budget: w }),
         /* @__PURE__ */ t(H, {})
       ] }, w.guid)),
-      /* @__PURE__ */ t(pf, { category: n, parentBudget: e })
+      /* @__PURE__ */ t(m0, { category: n, parentBudget: e })
     ] }),
     /* @__PURE__ */ t(
       ce,
@@ -22444,10 +22444,10 @@ const of = ({
       )
     ] })
   ] });
-}), ff = x(({ budget: e }) => {
+}), C0 = x(({ budget: e }) => {
   const { budgets: n, common: i, transactions: a } = I(), { setAlert: o } = dt(), { sortedTransactions: r, tags: s } = Oe(), [c, d] = h.useState(0), [u, _] = h.useState(""), g = h.useMemo(
     () => r.find((f) => f.guid === u),
-    [u]
+    [u, r]
   ), m = (f, E) => {
     d(E);
   }, C = () => {
@@ -22482,7 +22482,7 @@ const of = ({
         ) }),
         /* @__PURE__ */ t(Dn, { height: "100%", onClick: _ })
       ] }),
-      c === 1 && /* @__PURE__ */ t(Cf, { budget: e }),
+      c === 1 && /* @__PURE__ */ t(p0, { budget: e }),
       /* @__PURE__ */ t(
         ce,
         {
@@ -22495,7 +22495,7 @@ const of = ({
       )
     ] })
   ] });
-}), bf = x(() => {
+}), f0 = x(() => {
   const { selectedAccountGuids: e } = le(), { budgets: n, common: i } = I(), {
     dateRange: a,
     deleteBudget: o,
@@ -22539,7 +22539,7 @@ const of = ({
           secondaryColor: "error",
           secondaryText: n.details_delete_button,
           title: n.details_title,
-          children: /* @__PURE__ */ t(ff, { budget: r })
+          children: /* @__PURE__ */ t(C0, { budget: r })
         }
       ),
       /* @__PURE__ */ t(
@@ -22575,7 +22575,7 @@ const of = ({
         }
       )
     ] });
-}), yf = ({ budget: e, onClick: n }) => {
+}), b0 = ({ budget: e, onClick: n }) => {
   const {
     amount: i,
     budgetColors: { background: a, description: o },
@@ -22604,7 +22604,7 @@ const of = ({
       }
     )
   ] }) });
-}, Ef = x(() => {
+}, y0 = x(() => {
   const { onEvent: e } = Y(), { budgets: n } = I(), { detailedBudgets: i, setSelectedBudget: a } = dt(), o = (r) => {
     a(r), e(W.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: r.category.name,
@@ -22614,11 +22614,11 @@ const of = ({
   return /* @__PURE__ */ l(Nt, { elevation: 2, children: [
     /* @__PURE__ */ t(dn, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(lt, { children: n.budget_categories_title }) }),
     /* @__PURE__ */ t(Dt, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ae, { children: i.map((r) => /* @__PURE__ */ l(h.Fragment, { children: [
-      /* @__PURE__ */ t(yf, { budget: r, onClick: o }),
+      /* @__PURE__ */ t(b0, { budget: r, onClick: o }),
       /* @__PURE__ */ t(H, {})
     ] }, r.guid)) }) })
   ] });
-}), Sf = x(() => {
+}), E0 = x(() => {
   const e = Ce(), { onEvent: n } = Y(), { visibleAccounts: i } = Te(), { budgets: a, common: o, recurring: r } = I(), { incomeCategories: s, spendCategories: c } = Ue(), { detailedBudgets: d, totalBudgeted: u } = dt(), { projectedIncome: _ } = Ye(), { setFilter: g } = Oe(), [m, C] = h.useState(!1), [f, E] = h.useMemo(() => {
     const v = c.reduce((B, D) => B + D.totalAmount, 0);
     let w = v / u;
@@ -22772,15 +22772,15 @@ const of = ({
                   sx: { mr: 24, mt: 48 },
                   width: G ? "100%" : Kr,
                   children: [
-                    /* @__PURE__ */ t(Sf, {}),
-                    /* @__PURE__ */ t(Ef, {})
+                    /* @__PURE__ */ t(E0, {}),
+                    /* @__PURE__ */ t(y0, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ t(bf, {}),
+        /* @__PURE__ */ t(f0, {}),
         /* @__PURE__ */ t(
           ce,
           {
@@ -22788,7 +22788,7 @@ const of = ({
             isOpen: O,
             onClose: () => U(!1),
             title: r.add_new_title,
-            children: /* @__PURE__ */ t(hf, { onRecalculateBudgets: ue })
+            children: /* @__PURE__ */ t(u0, { onRecalculateBudgets: ue })
           }
         ),
         /* @__PURE__ */ t(
@@ -22816,7 +22816,7 @@ const of = ({
       ]
     }
   );
-}), Tf = x(() => {
+}), S0 = x(() => {
   const e = Ce(), {
     appDataStore: { banner: n, loadBanner: i, user: a }
   } = ra();
@@ -22855,7 +22855,7 @@ const of = ({
       )
     }
   ) : null;
-}), Af = ({ handleConnectClick: e }) => {
+}), T0 = ({ handleConnectClick: e }) => {
   const { common: n } = I(), i = Ht("(max-width: 700px)");
   return /* @__PURE__ */ t(L, { my: 4, children: i ? /* @__PURE__ */ t(Bn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
     He,
@@ -22885,7 +22885,7 @@ const of = ({
       children: n.add_accounts
     }
   ) });
-}, If = x(Af), xf = () => {
+}, A0 = x(T0), I0 = () => {
   const [e, n] = h.useState(!1), { visibleAccounts: i } = Te(), { selectedAccountGuids: a, setSelectedAccountGuids: o } = le(), { common: r, connect: s } = I(), { config: c } = ei(), { isMobile: d } = fe(), u = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: r.account_filter.account_type_accounts,
@@ -22911,7 +22911,7 @@ const of = ({
         /* @__PURE__ */ t(p, { color: "text.secondary", sx: { fontSize: 15 }, children: r.heres_your_spending_overview })
       ] }) }),
       /* @__PURE__ */ l(y, { flexDirection: "row", children: [
-        c.show_connections_widget_in_master && /* @__PURE__ */ t(If, { handleConnectClick: () => n(!0) }),
+        c.show_connections_widget_in_master && /* @__PURE__ */ t(A0, { handleConnectClick: () => n(!0) }),
         /* @__PURE__ */ t(
           Ns,
           {
@@ -22940,9 +22940,9 @@ const of = ({
       }
     )
   ] });
-}, vf = x(xf);
+}, x0 = x(I0);
 var Bi = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(Bi || {});
-const wf = ({ widgets: e, isLoading: n }) => {
+const v0 = ({ widgets: e, isLoading: n }) => {
   const { isDesktop: i, isMobile: a } = fe(), { copyStore: o } = ra(), { setSelectedAccounts: r } = le(), { visibleAccounts: s } = Te();
   h.useEffect(() => {
     r(s);
@@ -22958,9 +22958,9 @@ const wf = ({ widgets: e, isLoading: n }) => {
     [c]
   );
   return /* @__PURE__ */ l(fn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(vf, {}) }),
+    /* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(x0, {}) }),
     /* @__PURE__ */ l(fn, { lg: 8, xs: 12, children: [
-      /* @__PURE__ */ t(Tf, {}),
+      /* @__PURE__ */ t(S0, {}),
       n && /* @__PURE__ */ l(y, { direction: "column", spacing: 24, children: [
         /* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
         /* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" }),
@@ -22974,7 +22974,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       /* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" })
     ] }) : /* @__PURE__ */ t(y, { direction: "column", spacing: 24, children: u.map((_) => /* @__PURE__ */ t(h.Fragment, { children: _.component }, _.index)) }) })
   ] });
-}, PE = x(wf), wo = ({ sx: e = {} }) => {
+}, PE = x(v0), wo = ({ sx: e = {} }) => {
   const { investments: n } = I(), { onEvent: i } = Y(), { setShowConnectionsWidget: a } = Gn();
   return /* @__PURE__ */ l(y, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...e }, children: [
     /* @__PURE__ */ l(
@@ -23016,7 +23016,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       }
     )
   ] });
-}, Nf = {
+}, w0 = {
   allocations_cash: "#AEDCCC",
   allocations_convertible: "#80CAD0",
   allocations_foreign_bond: "#51B9D4",
@@ -23026,7 +23026,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
   allocations_unknown: "#161D6A",
   allocations_us_bond: "#254995",
   allocations_us_stock: "#1E2D84"
-}, Df = [
+}, N0 = [
   {
     name: "allocations_cash"
   },
@@ -23054,10 +23054,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
   {
     name: "allocations_unknown"
   }
-], Rf = (e, n, i) => {
+], D0 = (e, n, i) => {
   const a = n, o = i;
   return e >= Math.min(a, o) && e < Math.max(a, o);
-}, Of = (e, n, i) => {
+}, R0 = (e, n, i) => {
   const a = [
     ...new Set(e.map((s) => s.name.toLowerCase()))
   ];
@@ -23074,7 +23074,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       percentage: c / i
     };
   });
-}, Pi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, Lf = (e, n, i) => {
+}, Pi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, O0 = (e, n, i) => {
   const a = Object.values(n.allocations_list), o = [];
   let r = 0;
   const s = e.map(({ guid: f }) => f), c = i.filter(({ account_guid: f }) => s.includes(f)).map((f) => ({
@@ -23094,7 +23094,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
     }),
     { marketValue: 0, totalGainLoss: 0 }
   ), m = _ + d;
-  Df.forEach((f, E) => {
+  N0.forEach((f, E) => {
     const b = c.filter(
       (v) => !!v[f.name]
     );
@@ -23102,7 +23102,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       (v, w) => v + Pi(w) * w[f.name] / 100,
       0
     );
-    const A = Of(
+    const A = R0(
       b,
       f.name,
       S
@@ -23124,7 +23124,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       holdings: A,
       percentage: S / m,
       value: S,
-      color: Nf[f.name]
+      color: w0[f.name]
     }), r += S);
   });
   const C = o.map(
@@ -23143,7 +23143,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
     totalMarketValue: m,
     totalGainLossPercentage: g / u
   };
-}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ii(e), hi = (e) => e === 0 ? P(e, "0,0.00") : Rf(e, -0.01, 0.01) ? "< $0.01" : P(e, "0,0.00"), Mf = ({
+}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ii(e), hi = (e) => e === 0 ? P(e, "0,0.00") : D0(e, -0.01, 0.01) ? "< $0.01" : P(e, "0,0.00"), L0 = ({
   data: e,
   onSelected: n,
   selectedId: i,
@@ -23273,7 +23273,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       )
     ] }) : a === 0 && /* @__PURE__ */ t(p, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${c.total_label_text} ${hi(e.totalAmount)}` })
   ] });
-}, kf = ({
+}, M0 = ({
   data: e,
   hoveredId: n,
   isPercentage: i,
@@ -23327,12 +23327,12 @@ const wf = ({ widgets: e, isLoading: n }) => {
       ] }) }) })
     }
   );
-}, Gf = () => {
+}, k0 = () => {
   const [e, n] = h.useState(0), [i, a] = h.useState(""), [o, r] = h.useState(""), s = (f) => {
     i !== f ? a(f) : (a(""), r(""));
   }, { selectedAccountGuids: c } = le(), { visibleHoldings: d } = Gn(), { visibleInvestmentAccounts: u } = Te(), {
     investments: { allocation: _ }
-  } = I(), g = Lf(
+  } = I(), g = O0(
     u.filter(({ guid: f }) => c.includes(f)),
     _,
     d
@@ -23350,7 +23350,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       },
       children: [
         /* @__PURE__ */ t(
-          kf,
+          M0,
           {
             data: g,
             hoveredId: o,
@@ -23368,7 +23368,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
           }
         ),
         /* @__PURE__ */ t(
-          Mf,
+          L0,
           {
             data: g,
             onSelected: s,
@@ -23380,7 +23380,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       ]
     }
   );
-}, Bf = x(Gf), Pf = ({
+}, G0 = x(k0), B0 = ({
   analysisDetails: e,
   analysisType: n,
   copy: i,
@@ -23469,10 +23469,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
       )
     ] })
   ] });
-}, Hf = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
+}, P0 = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
   /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n }),
   /* @__PURE__ */ t(ve, { variant: "ParagraphSmall", children: e })
-] }), Ff = ({
+] }), H0 = ({
   placement: e = "bottom",
   tooltip_info_body: n,
   tooltip_info_title: i
@@ -23481,10 +23481,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
   {
     enterTouchDelay: 500,
     placement: e,
-    title: /* @__PURE__ */ t(Hf, { body: n, title: i }),
+    title: /* @__PURE__ */ t(P0, { body: n, title: i }),
     children: /* @__PURE__ */ t(He, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(ct, { name: "info", sx: { color: "info.main" } }) })
   }
-), Wf = () => {
+), F0 = () => {
   const {
     investments: { analysis: e }
   } = I(), { analysisChartData: n, analysisDetails: i, analysisType: a, setAnalysisType: o } = Gn(), r = Ht("(min-width:320px) and (max-width:375px)"), { isMobile: s } = fe(), d = it().palette.mode === "dark", { cellDimension: u, columns: _, rows: g, textVariant: m } = h.useMemo(() => {
@@ -23564,7 +23564,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
                     children: [
                       /* @__PURE__ */ t(p, { bold: !0, children: e.invest_analysis }),
                       /* @__PURE__ */ t(
-                        Ff,
+                        H0,
                         {
                           tooltip_info_body: e.tooltip_info_body,
                           tooltip_info_title: e.tooltip_info_title
@@ -23622,7 +23622,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
           }
         ),
         /* @__PURE__ */ t(
-          Pf,
+          B0,
           {
             analysisDetails: i,
             analysisType: a,
@@ -23637,7 +23637,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       ]
     }
   );
-}, $f = x(Wf), Uf = ({
+}, W0 = x(F0), $0 = ({
   accountHoldingsData: e,
   currentEditedCostBasis: n,
   editingHoldingId: i,
@@ -23942,10 +23942,10 @@ const wf = ({ widgets: e, isLoading: n }) => {
       ]
     }
   );
-}, Vf = x(Uf), ki = (e) => /* @__PURE__ */ l(Se, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+}, U0 = x($0), ki = (e) => /* @__PURE__ */ l(Se, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
   /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: e.colDef.headerName }),
   /* @__PURE__ */ t(ct, { name: "expand_all", size: 12 })
-] }), Kf = ({
+] }), V0 = ({
   data: e,
   editingHoldingId: n,
   currentEditedCostBasis: i,
@@ -24113,7 +24113,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       )
     }
   );
-}, zf = () => {
+}, K0 = () => {
   const { isMobile: e } = fe(), [n, i] = St({}), [a, o] = St(!1), { selectedAccountGuids: r } = le(), { visibleHoldings: s, updateHoldings: c } = Gn(), [d, u] = h.useState(!1), [_, g] = St({
     accounts: [],
     holdings: []
@@ -24492,7 +24492,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
               }
             ),
             /* @__PURE__ */ t(Qn, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(Tt, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
-              Kf,
+              V0,
               {
                 currentEditedCostBasis: S,
                 data: ee,
@@ -24510,7 +24510,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
     }),
     /* @__PURE__ */ t(wo, {}),
     /* @__PURE__ */ t(
-      Vf,
+      U0,
       {
         accountHoldingsData: _,
         currentEditedCostBasis: S,
@@ -24532,7 +24532,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
       }
     )
   ] }) : /* @__PURE__ */ t(de, {});
-}, Yf = x(zf), jf = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), HE = x(({ onBackClick: e, sx: n }) => {
+}, z0 = x(K0), Y0 = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), HE = x(({ onBackClick: e, sx: n }) => {
   const { onEvent: i } = Y(), { isMobile: a } = fe(), { visibleInvestmentAccounts: o } = Te(), {
     visibleHoldings: r,
     setShowConnectionsWidget: s,
@@ -24576,7 +24576,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
               textColor: "primary",
               value: A ? -1 : C,
               variant: "fullWidth",
-              children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t(jf, { title: w }) }, w))
+              children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t(Y0, { title: w }) }, w))
             }
           ),
           A ? /* @__PURE__ */ t(
@@ -24602,9 +24602,9 @@ const wf = ({ widgets: e, isLoading: n }) => {
               }
             }
           ) : /* @__PURE__ */ l(X, { children: [
-            C === 0 && /* @__PURE__ */ t(Yf, {}),
-            C === 1 && /* @__PURE__ */ t(Bf, {}),
-            C === 2 && /* @__PURE__ */ t($f, {})
+            C === 0 && /* @__PURE__ */ t(z0, {}),
+            C === 1 && /* @__PURE__ */ t(G0, {}),
+            C === 2 && /* @__PURE__ */ t(W0, {})
           ] })
         ] }),
         /* @__PURE__ */ t(
@@ -24619,7 +24619,7 @@ const wf = ({ widgets: e, isLoading: n }) => {
     }
   );
 });
-class Xf {
+class j0 {
   copyApi = new _i("/", "");
   copyObject = {};
   namespace = "experiences";
@@ -24665,7 +24665,7 @@ const No = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, Wt = window?.app?.clientConfig?.microwidget_instance_id || "", zr = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, Lc = (e) => `on${e}Click`, Mc = (e) => `on${e}View`, kc = (e) => `on${e}ViewFirstTime`, Do = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), Zf = () => Object.values(No).reduce(
+}, Lc = (e) => `on${e}Click`, Mc = (e) => `on${e}View`, kc = (e) => `on${e}ViewFirstTime`, Do = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), X0 = () => Object.values(No).reduce(
   (e, n) => ({
     ...e,
     [Lc(n)]: {
@@ -24676,7 +24676,7 @@ const No = {
     }
   }),
   {}
-), qf = () => Object.values(No).reduce(
+), Z0 = () => Object.values(No).reduce(
   (e, n) => ({
     ...e,
     [Mc(n)]: {
@@ -24687,7 +24687,7 @@ const No = {
     }
   }),
   {}
-), Qf = () => Object.values(No).reduce(
+), q0 = () => Object.values(No).reduce(
   (e, n) => ({
     ...e,
     [kc(n)]: {
@@ -24787,15 +24787,15 @@ const No = {
     label: mn.VIEW_MORE,
     value: Wt
   },
-  ...Zf(),
-  ...qf(),
-  ...Qf()
+  ...X0(),
+  ...Z0(),
+  ...q0()
 }, Xr = async (e, n) => !n || !jr[e] ? null : n.sendAnalyticEvent(jr[e]).then((i) => i).catch((i) => {
   throw i;
 }), Zr = async (e, n) => !n || !Yr[e] ? null : n.sendAnalyticsPageview(Yr[e]).then((i) => i).catch((i) => {
   throw i;
 });
-class Jf {
+class Q0 {
   onAnalyticEvent = Xr;
   onAnalyticPageView = Zr;
   beatApi = new zn("/", "");
@@ -24820,7 +24820,7 @@ class Jf {
     this.beatApi.updateOffer(n);
   };
 }
-class e0 {
+class J0 {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -24828,7 +24828,7 @@ class e0 {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new Xf(), this.insightsMicroWidgetStore = new Jf(), ke(this);
+    this.copyStore = new j0(), this.insightsMicroWidgetStore = new Q0(), ke(this);
   }
   initialize = async (n, i, a) => {
     await this.copyStore.initialize(n, i), await this.insightsMicroWidgetStore.initialize(n, i, a);
@@ -24838,7 +24838,7 @@ class e0 {
     });
   };
 }
-const wi = h.createContext(null), t0 = ({
+const wi = h.createContext(null), ef = ({
   onEvent: e,
   onPageview: n,
   store: i,
@@ -24975,13 +24975,13 @@ const wi = h.createContext(null), t0 = ({
       }
     );
   }
-), n0 = ({ beat: e }) => {
+), tf = ({ beat: e }) => {
   const [n, i] = St(N.UNCATEGORIZED);
   return Mn(() => {
     e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
   }, []), /* @__PURE__ */ t(Mt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
-}, i0 = ({ beat: e }) => {
-  const n = mt(), i = a0(n);
+}, nf = ({ beat: e }) => {
+  const n = mt(), i = af(n);
   return /* @__PURE__ */ t(
     on,
     {
@@ -24991,12 +24991,12 @@ const wi = h.createContext(null), t0 = ({
       size: 16
     }
   );
-}, a0 = (e) => jt({
+}, af = (e) => jt({
   marginTop: e.Spacing.XTiny,
   "& .kyper-categoryicon": {
     display: "flex"
   }
-}), o0 = x(i0), r0 = ({
+}), of = x(nf), rf = ({
   color: e = "currentColor",
   height: n,
   size: i = 16,
@@ -25022,16 +25022,16 @@ const wi = h.createContext(null), t0 = ({
       }
     )
   }
-), s0 = (e) => e ? e.data ? e.data.map((n) => {
+), sf = (e) => e ? e.data ? e.data.map((n) => {
   const i = {};
   return e.names?.map((a, o) => {
     i[a] = n[o];
   }), i;
-}) : [] : [], c0 = (e, n) => {
-  const i = s0(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
+}) : [] : [], cf = (e, n) => {
+  const i = sf(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
   return !o.length || !r.length ? n.Color.Primary300 : o[0].amount > r[0].amount ? n.Color.Error300 : o[0].amount < r[0].amount ? n.Color.Success300 : n.Color.Primary300;
-}, l0 = ({ beat: e }) => {
-  const n = mt(), i = c0(e.data_series, n);
+}, lf = ({ beat: e }) => {
+  const n = mt(), i = cf(e.data_series, n);
   return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
 }, Bc = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t(
@@ -25816,7 +25816,7 @@ const wi = h.createContext(null), t0 = ({
   ] })
 ] }), qr = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
   const o = Ce(), r = n?.primary_300 ? n.primary_300 : o.palette.primary.main;
-  return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(n0, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(o0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(l0, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
+  return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(tf, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(of, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(lf, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
     $,
     {
       fill: !0,
@@ -25831,7 +25831,7 @@ const wi = h.createContext(null), t0 = ({
   if (!e)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return e.store.copyStore;
-}, d0 = () => {
+}, df = () => {
   const e = h.useContext(wi);
   if (!e?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -25853,7 +25853,7 @@ const wi = h.createContext(null), t0 = ({
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, _0 = 50, Fc = 1, u0 = ({
+}, _f = 50, Fc = 1, uf = ({
   ariaLabel: e,
   backgroundColor: n,
   beat: i,
@@ -25870,7 +25870,7 @@ const wi = h.createContext(null), t0 = ({
 }) => {
   const { ref: C, inView: f } = fs({
     threshold: Fc
-  }), { cardsCopy: E } = Rn(), { onEvent: b } = Ni(), { updateBeat: S, updateOffer: A } = d0();
+  }), { cardsCopy: E } = Rn(), { onEvent: b } = Ni(), { updateBeat: S, updateOffer: A } = df();
   Mn(() => {
     f && (i.has_been_displayed ? b(Mc(i.template)) : (i.guid.startsWith("OFR") ? A({
       ...i,
@@ -25939,7 +25939,7 @@ const wi = h.createContext(null), t0 = ({
       widthOverrides: m
     }
   );
-}, h0 = ({
+}, hf = ({
   clientColorScheme: e,
   currentBeatIndex: n,
   numBeats: i,
@@ -25948,7 +25948,7 @@ const wi = h.createContext(null), t0 = ({
   scrollRightBoundary: r,
   scrollX: s
 }) => {
-  const c = g0(), d = it(), { carouselCopy: u } = Rn(), _ = Math.floor(s) > r || n === 0, g = s < 0 || i - 1 === n, m = d.palette.grey[500], C = e?.primary_300 ?? d.palette.primary.main;
+  const c = gf(), d = it(), { carouselCopy: u } = Rn(), _ = Math.floor(s) > r || n === 0, g = s < 0 || i - 1 === n, m = d.palette.grey[500], C = e?.primary_300 ?? d.palette.primary.main;
   return /* @__PURE__ */ l(L, { className: c, children: [
     /* @__PURE__ */ t(
       He,
@@ -25995,7 +25995,7 @@ const wi = h.createContext(null), t0 = ({
       }
     )
   ] });
-}, g0 = () => jt({
+}, gf = () => jt({
   alignItems: "center",
   display: "flex",
   justifyContent: "center",
@@ -26012,7 +26012,7 @@ const wi = h.createContext(null), t0 = ({
     // we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
     marginRight: 8
   }
-}), m0 = ({
+}), mf = ({
   beats: e = [],
   clientColorScheme: n,
   showCTAColocatedWithText: i,
@@ -26025,7 +26025,7 @@ const wi = h.createContext(null), t0 = ({
   variant: u,
   widthOverrides: _
 }) => {
-  const g = C0(a, d, _), m = h.useRef(null), [C, f] = h.useState(0), [E, b] = h.useState(null), [S, A] = h.useState(null), { carouselCopy: v } = Rn(), { onEvent: w } = Ni(), R = () => {
+  const g = Cf(a, d, _), m = h.useRef(null), [C, f] = h.useState(0), [E, b] = h.useState(null), [S, A] = h.useState(null), { carouselCopy: v } = Rn(), { onEvent: w } = Ni(), R = () => {
     w($t.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
       left: (
         // Adds the flex gap to the carousel ref's width
@@ -26044,7 +26044,7 @@ const wi = h.createContext(null), t0 = ({
     m.current && f(m.current.scrollLeft);
   }, D = () => {
     if (!S || !E) return;
-    S - E > _0 ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
+    S - E > _f ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
   }, G = (ne) => {
     b(ne.targetTouches[0].clientX);
   }, O = (ne) => {
@@ -26083,7 +26083,7 @@ const wi = h.createContext(null), t0 = ({
                   Ve.toString()
                 ), Ge = ne.micro_title && ne.micro_title.length > 0, pt = ne.micro_description && ne.micro_description.length > 0, te = Ge ? ne.micro_title : ne.title, ee = pt ? ne.micro_description : ne.description;
                 return /* @__PURE__ */ t(
-                  u0,
+                  uf,
                   {
                     ariaLabel: `${ye}: ${te}, ${ee}`,
                     beat: ne,
@@ -26096,7 +26096,7 @@ const wi = h.createContext(null), t0 = ({
                 );
               }),
               /* @__PURE__ */ t(
-                A0,
+                Af,
                 {
                   isActiveCard: J === e.length,
                   onCardClick: o,
@@ -26107,7 +26107,7 @@ const wi = h.createContext(null), t0 = ({
           }
         ),
         s && /* @__PURE__ */ t(
-          h0,
+          hf,
           {
             clientColorScheme: n,
             currentBeatIndex: J,
@@ -26121,7 +26121,7 @@ const wi = h.createContext(null), t0 = ({
       ]
     }
   );
-}, p0 = x(m0), C0 = (e, n = !0, i) => jt({
+}, pf = x(mf), Cf = (e, n = !0, i) => jt({
   alignItems: "center",
   boxSizing: "border-box",
   display: "flex",
@@ -26146,7 +26146,7 @@ const wi = h.createContext(null), t0 = ({
       display: "none"
     }
   }
-}), f0 = ({
+}), ff = ({
   clientColorScheme: e,
   onCardClick: n,
   posthog: i,
@@ -26215,7 +26215,7 @@ const wi = h.createContext(null), t0 = ({
       ]
     }
   ) : /* @__PURE__ */ t(de, {});
-}, b0 = x(f0), y0 = ({
+}, bf = x(ff), yf = ({
   heightOverrides: e,
   widthOverrides: n,
   children: i
@@ -26332,7 +26332,7 @@ const wi = h.createContext(null), t0 = ({
       widthOverrides: d
     }
   );
-}, WE = x($c), E0 = () => /* @__PURE__ */ t(
+}, WE = x($c), Ef = () => /* @__PURE__ */ t(
   L,
   {
     sx: {
@@ -26344,7 +26344,7 @@ const wi = h.createContext(null), t0 = ({
     },
     children: /* @__PURE__ */ t(Va, {})
   }
-), hn = new e0(), S0 = ({
+), hn = new J0(), Sf = ({
   areBeatsLoading: e,
   beats: n = [],
   // This also determines the length of the carousel controls (beat.length + 1)
@@ -26399,10 +26399,10 @@ const wi = h.createContext(null), t0 = ({
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
     /* @__PURE__ */ l(pl, { theme: R, children: [
       /* @__PURE__ */ t(Nd, {}),
-      /* @__PURE__ */ t(t0, { onEvent: O, onPageview: U, store: hn, children: /* @__PURE__ */ l(y0, { heightOverrides: r, widthOverrides: w, children: [
-        (e || !hn.isInitialized) && /* @__PURE__ */ t(E0, {}),
+      /* @__PURE__ */ t(ef, { onEvent: O, onPageview: U, store: hn, children: /* @__PURE__ */ l(yf, { heightOverrides: r, widthOverrides: w, children: [
+        (e || !hn.isInitialized) && /* @__PURE__ */ t(Ef, {}),
         D && C && /* @__PURE__ */ t(
-          b0,
+          bf,
           {
             clientColorScheme: i,
             onCardClick: c,
@@ -26411,7 +26411,7 @@ const wi = h.createContext(null), t0 = ({
           }
         ),
         D && !!n.length && /* @__PURE__ */ t(
-          p0,
+          pf,
           {
             beats: n,
             clientColorScheme: i,
@@ -26425,7 +26425,7 @@ const wi = h.createContext(null), t0 = ({
       ] }) })
     ] })
   );
-}, $E = x(S0), T0 = ({
+}, $E = x(Sf), Tf = ({
   isActiveCard: e,
   ariaLabel: n,
   clientColorScheme: i,
@@ -26457,7 +26457,7 @@ const wi = h.createContext(null), t0 = ({
       description: m.view_more_card_description,
       fontColors: { buttonColor: i?.primary_300 },
       heightOverrides: a,
-      icon: /* @__PURE__ */ t(r0, { color: i?.primary_300 ?? u.palette.primary.main }),
+      icon: /* @__PURE__ */ t(rf, { color: i?.primary_300 ?? u.palette.primary.main }),
       isActiveCard: e,
       onCardClick: f,
       posthog: r,
@@ -26468,7 +26468,7 @@ const wi = h.createContext(null), t0 = ({
       widthOverrides: d
     }
   );
-}, A0 = x(T0), Ia = 5, I0 = (e, n) => n.reduce((i, a) => {
+}, Af = x(Tf), Ia = 5, If = (e, n) => n.reduce((i, a) => {
   if (a.total > 0) {
     const o = e.find((u) => u.guid === a.category_guid);
     if (!o) return i;
@@ -26490,7 +26490,7 @@ const wi = h.createContext(null), t0 = ({
   }
   return i;
 }, []), Uc = (e, n) => {
-  const i = I0(e, n), a = i.filter((d) => d.guid !== N.INCOME && d.guid !== N.TRANSFER).sort((d, u) => u.amount - d.amount), o = a.reduce(
+  const i = If(e, n), a = i.filter((d) => d.guid !== N.INCOME && d.guid !== N.TRANSFER).sort((d, u) => u.amount - d.amount), o = a.reduce(
     (d, u) => d + u.amount,
     0
   ), r = a.length > Ia ? Ia : a.length, s = a.slice(0, r), c = s.map((d) => ({
@@ -26552,7 +26552,7 @@ const wi = h.createContext(null), t0 = ({
 }, Xi = ({ amount: e, label: n }) => /* @__PURE__ */ l(y, { direction: "column", children: [
   /* @__PURE__ */ t(p, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: n }),
   /* @__PURE__ */ t(p, { variant: "XSmall", children: P(e, "0,0") })
-] }), x0 = ({
+] }), xf = ({
   data: e,
   isIncome: n = !1,
   onSelected: i,
@@ -26605,7 +26605,7 @@ const wi = h.createContext(null), t0 = ({
       }
     )
   ] }) }) });
-}, Zi = x(x0), Qr = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(y, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
+}, Zi = x(xf), Qr = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(y, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
   y,
   {
     alignItems: "center",
@@ -26622,7 +26622,7 @@ const wi = h.createContext(null), t0 = ({
     ]
   },
   a.guid
-)) }), v0 = () => {
+)) }), vf = () => {
   const e = Ce(), { spending: n } = I(), { selectedAccounts: i } = le(), {
     categories: a,
     dateRangeCategoryTotals: o,
@@ -26717,7 +26717,7 @@ const wi = h.createContext(null), t0 = ({
       /* @__PURE__ */ t(Qr, { data: C, onSelected: E, selectedId: d })
     ] }) })
   ] }) : /* @__PURE__ */ t(de, { height: 250 });
-}, w0 = x(v0), N0 = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
+}, wf = x(vf), Nf = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
   const { spending: i } = I(), { isCopyLoaded: a } = le();
   return a ? /* @__PURE__ */ t(
     Nn,
@@ -26727,10 +26727,10 @@ const wi = h.createContext(null), t0 = ({
       primaryCtaLabel: i.primary_cta,
       sx: n,
       title: i.mini_title,
-      children: /* @__PURE__ */ t(w0, {})
+      children: /* @__PURE__ */ t(wf, {})
     }
   ) : /* @__PURE__ */ t(de, {});
-}, UE = x(N0), D0 = ({
+}, UE = x(Nf), Df = ({
   data: e,
   onSelected: n,
   selectedId: i = "",
@@ -26809,7 +26809,7 @@ const wi = h.createContext(null), t0 = ({
     ] }, s.guid)) }),
     /* @__PURE__ */ t(p, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${o.total}: ${P(e.totalAmount, "0,0")}` })
   ] });
-}, R0 = x(D0), O0 = ({
+}, Rf = x(Df), Of = ({
   data: e,
   onSelected: n,
   onViewTransactions: i,
@@ -26855,18 +26855,18 @@ const wi = h.createContext(null), t0 = ({
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(R0, { data: e, onSelected: n, selectedId: a, title: o })
+        /* @__PURE__ */ t(Rf, { data: e, onSelected: n, selectedId: a, title: o })
       ]
     }
   );
-}, Jr = x(O0), L0 = (e) => [
+}, Jr = x(Of), Lf = (e) => [
   e.palette.chartMono.chartMono5,
   e.palette.chartMono.chartMono4,
   e.palette.chartMono.chartMono3,
   e.palette.chartMono.chartMono2,
   e.palette.chartMono.chartMono1,
   e.palette.chartMono.chartMono6
-], M0 = () => {
+], Mf = () => {
   const e = ln(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = Ue(), { spending: o } = I(), { displayedDateRange: r, selectedAccounts: s, selectedAccountGuids: c } = le(), { setFilter: d, sortedTransactions: u } = Oe(), [_, g] = h.useState(""), [m, C] = h.useState(0), [f, E] = h.useState(""), [b, S] = h.useState(!1);
   h.useEffect(() => {
     a(
@@ -26879,11 +26879,11 @@ const wi = h.createContext(null), t0 = ({
     () => Uc(n, i),
     [n, i]
   ), v = h.useMemo(
-    () => Vc(n, i, L0(e)),
+    () => Vc(n, i, Lf(e)),
     [n, i]
   ), w = h.useMemo(
     () => u.find((D) => D.guid === f),
-    [f]
+    [f, u]
   ), R = (D, G) => {
     C(G), g("");
   }, M = (D) => {
@@ -26980,7 +26980,7 @@ const wi = h.createContext(null), t0 = ({
       }
     )
   ] });
-}, k0 = x(M0), G0 = ({ onBackClick: e, sx: n = {} }) => {
+}, kf = x(Mf), Gf = ({ onBackClick: e, sx: n = {} }) => {
   const { visibleAccounts: i } = Te(), { spending: a } = I(), { isCopyLoaded: o, isInitialized: r, setDisplayedDate: s, setSelectedAccounts: c } = le(), { onEvent: d } = Y(), [u, _] = h.useState(!1);
   h.useEffect(() => {
     c(i);
@@ -26999,11 +26999,11 @@ const wi = h.createContext(null), t0 = ({
       onBackClick: e,
       sx: n,
       title: a.title,
-      children: /* @__PURE__ */ t(L, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(k0, {}) })
+      children: /* @__PURE__ */ t(L, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(kf, {}) })
     }
   );
-}, VE = x(G0), B0 = (e) => An[e] ?? An.default, P0 = (e) => ia[e];
-function H0(e, n) {
+}, VE = x(Gf), Bf = (e) => An[e] ?? An.default, Pf = (e) => ia[e];
+function Hf(e, n) {
   const i = [], a = new Date(e);
   for (; a <= n; ) {
     const o = a.getFullYear(), r = String(a.getMonth() + 1).padStart(2, "0");
@@ -27011,7 +27011,7 @@ function H0(e, n) {
   }
   return i;
 }
-const F0 = (e) => e.reduce((i, a) => {
+const Ff = (e) => e.reduce((i, a) => {
   const o = {
     top_level_category_guid: a.top_level_category_guid,
     category_guid: a.category_guid,
@@ -27019,8 +27019,8 @@ const F0 = (e) => e.reduce((i, a) => {
     year_month: a.year_month
   }, { top_level_category_guid: r, category_guid: s } = o;
   return i[s] || (i[s] = []), i[s].push(o), r !== s && (i[r] || (i[r] = []), i[r].push(o)), i;
-}, {}), W0 = (e, n, i) => {
-  const a = F0(e), o = H0(n, i);
+}, {}), Wf = (e, n, i) => {
+  const a = Ff(e), o = Hf(n, i);
   return Object.entries(a).map(([s, c]) => {
     const d = c[0].top_level_category_guid, u = o.map((_) => {
       const g = c.filter((E) => E.year_month === _).reduce((E, b) => E + Math.abs(b.amount), 0), m = Number(String(_).slice(0, 4)), C = Number(String(_).slice(4));
@@ -27029,18 +27029,18 @@ const F0 = (e) => e.reduce((i, a) => {
     return {
       top_level_category_guid: d,
       category_guid: s,
-      category_name: P0(s),
-      category_color: B0(d),
+      category_name: Pf(s),
+      category_color: Bf(d),
       dataset: u
     };
   });
-}, $0 = (e, n) => {
+}, $f = (e, n) => {
   const i = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, a = typeof n == "string" ? parseFloat(n.replace(/[^0-9.-]+/g, "")) : n;
   return (i || 0) - (a || 0);
-}, U0 = (e) => {
+}, Uf = (e) => {
   const n = e.row[e.field];
   return /* @__PURE__ */ t(y, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t($e, { amount: n, variant: "Small" }) });
-}, V0 = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
+}, Vf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
   const { categories: i } = I(), a = ia[e];
   return /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ t(
@@ -27053,20 +27053,20 @@ const F0 = (e) => e.reduce((i, a) => {
     ),
     /* @__PURE__ */ t(p, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
   ] });
-}, K0 = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
-  V0,
+}, Kf = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
+  Vf,
   {
     categoryGuid: e.row.category,
     topLevelCategoryGuid: e.row.top_level_category_guid
   }
-) }), z0 = (e, n) => {
+) }), zf = (e, n) => {
   const i = [], a = new Date(e);
   for (; a <= n; ) {
     const o = re(a, ie.MONTH);
     i.push(o), a.setMonth(a.getMonth() + 1);
   }
   return i;
-}, Y0 = ({
+}, Yf = ({
   monthlyCategoryTotals: e,
   selectedDateRange: n,
   selectedCategory: i,
@@ -27076,13 +27076,13 @@ const F0 = (e) => e.reduce((i, a) => {
 }) => {
   const { onEvent: s } = Y(), c = re(/* @__PURE__ */ new Date(), ie.MONTH_SHORT), [d, u] = h.useState([
     { field: c, sort: "desc" }
-  ]), _ = h.useMemo(() => z0(n.start, n.end), [n]), g = [
+  ]), _ = h.useMemo(() => zf(n.start, n.end), [n]), g = [
     {
       field: "category",
       headerName: "Category",
       minWidth: 175,
       renderHeader: Ft,
-      renderCell: K0,
+      renderCell: Kf,
       sortable: !0,
       type: "string"
     },
@@ -27092,13 +27092,13 @@ const F0 = (e) => e.reduce((i, a) => {
         headerName: C,
         minWidth: 75,
         renderHeader: Ft,
-        renderCell: U0,
+        renderCell: Uf,
         align: "right",
         headerAlign: "right",
         sortable: !0,
         hideSortIcons: !1,
         type: "number",
-        sortComparator: $0
+        sortComparator: $f
       })
     )
   ], m = h.useMemo(() => {
@@ -27140,15 +27140,18 @@ const F0 = (e) => e.reduce((i, a) => {
       sortingOrder: ["asc", "desc"]
     }
   ) });
-}, j0 = {
+}, jf = {
   title: "Transaction List"
-}, X0 = ({
+}, Xf = ({
   categoryGuid: e,
   dateRange: n,
   isOpen: i,
   onClose: a
 }) => {
-  const { onEvent: o } = Y(), { selectedAccountGuids: r } = le(), { common: s } = I(), { setFilter: c, sortedTransactions: d } = Oe(), [u, _] = h.useState(""), g = h.useMemo(() => d.find((C) => C.guid === u), [u]);
+  const { onEvent: o } = Y(), { selectedAccountGuids: r } = le(), { common: s } = I(), { setFilter: c, sortedTransactions: d } = Oe(), [u, _] = h.useState(""), g = h.useMemo(
+    () => d.find((C) => C.guid === u),
+    [u, d]
+  );
   h.useEffect(() => {
     c({
       accounts: r,
@@ -27165,16 +27168,16 @@ const F0 = (e) => e.reduce((i, a) => {
       ariaLabelClose: s.close_aria,
       isOpen: i,
       onClose: m,
-      title: j0.title,
+      title: jf.title,
       children: [
         g && /* @__PURE__ */ t(ni, { transaction: g }),
         !g && /* @__PURE__ */ t(Dn, { onClick: _ })
       ]
     }
   );
-}, Z0 = x(X0), q0 = {
+}, Zf = x(Xf), qf = {
   view_transactions: "View Transactions"
-}, Q0 = ({ onBackClick: e, sx: n }) => {
+}, Qf = ({ onBackClick: e, sx: n }) => {
   const i = it(), { onEvent: a } = Y(), { isDesktop: o, isTablet: r, isMobile: s } = fe(), { visibleAccounts: c } = Te(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: u, getCategoryName: _ } = Ue(), { sortedTransactions: g } = Oe(), { isCopyLoaded: m, isInitialized: C, selectedAccounts: f, setSelectedAccounts: E } = le(), { trends: b } = I(), S = i.palette.mode === "dark", [A, v] = h.useState(!1), [w, R] = h.useState(!1), [M, B] = h.useState("Chart"), [D, G] = h.useState(""), [O, U] = h.useState({
     start: Vo(Qe(Kt(/* @__PURE__ */ new Date(), 6)), 1),
     end: Qe(/* @__PURE__ */ new Date())
@@ -27192,7 +27195,7 @@ const F0 = (e) => e.reduce((i, a) => {
   }, [C, f, O]);
   const J = h.useMemo(() => {
     if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
-    const ee = W0(
+    const ee = Wf(
       u,
       O.start,
       O.end
@@ -27323,7 +27326,7 @@ const F0 = (e) => e.reduce((i, a) => {
                   /* @__PURE__ */ t($, { name: "arrow_back" }),
                   b.all_categories
                 ] }) }),
-                /* @__PURE__ */ t(Q, { onClick: () => R(!0), sx: { px: 5 }, children: `${q0.view_transactions} (${g.length})` })
+                /* @__PURE__ */ t(Q, { onClick: () => R(!0), sx: { px: 5 }, children: `${qf.view_transactions} (${g.length})` })
               ] }),
               /* @__PURE__ */ l(L, { children: [
                 M === "Chart" && /* @__PURE__ */ t(
@@ -27338,7 +27341,7 @@ const F0 = (e) => e.reduce((i, a) => {
                   }
                 ),
                 M === "Table" && /* @__PURE__ */ t(
-                  Y0,
+                  Yf,
                   {
                     monthlyCategoryTotals: u,
                     onClickRow: Ve,
@@ -27351,7 +27354,7 @@ const F0 = (e) => e.reduce((i, a) => {
           }
         ),
         /* @__PURE__ */ t(
-          Z0,
+          Zf,
           {
             categoryGuid: D,
             dateRange: O,
@@ -27362,7 +27365,7 @@ const F0 = (e) => e.reduce((i, a) => {
       ]
     }
   );
-}, KE = x(Q0), J0 = () => {
+}, KE = x(Qf), Jf = () => {
   const e = it(), { monthlyCategoryTotals: n } = Ue(), { trends: i } = I(), a = Qg(n);
   return /* @__PURE__ */ t(
     to,
@@ -27378,7 +27381,7 @@ const F0 = (e) => e.reduce((i, a) => {
       useCustomMark: !0
     }
   );
-}, eb = x(J0), tb = ({ onPrimaryCtaClick: e, sx: n }) => {
+}, eb = x(Jf), tb = ({ onPrimaryCtaClick: e, sx: n }) => {
   const { loadMonthlyCategoryTotals: i, monthlyTotalsLoaded: a } = Ue(), { isInitialized: o } = ra(), { trends: r } = I(), { isCopyLoaded: s, selectedAccounts: c } = le();
   return h.useEffect(() => {
     o && i(c).finally();
@@ -27412,17 +27415,17 @@ export {
   ec as AddRecurringTransactionDetails,
   Jd as AnalyticsApi,
   k as ApiEndpoints,
-  e0 as AppStore,
+  J0 as AppStore,
   jo as BannerApi,
   aE as BarChart,
   zn as BeatApi,
-  u0 as BeatCard,
+  uf as BeatCard,
   Gi as BottomActions,
   GE as BubbleBudgetsMiniWidget,
   BE as BubbleBudgetsWidget,
   C_ as Calendar,
   Ds as CalendarSelectionTypes,
-  b0 as CarouselHeader,
+  bf as CarouselHeader,
   CE as CashflowApi,
   lE as CashflowMiniWidget,
   Bg as CashflowOnboarding,
@@ -27437,7 +27440,7 @@ export {
   uh as CategorySelector,
   la as CategorySelectorDrawer,
   Ch as CategoryStore,
-  r0 as ChartFilledIcon,
+  rf as ChartFilledIcon,
   Hs as ConnectCard,
   Wn as ConnectDrawer,
   ME as ConnectMiniWidget,
@@ -27484,7 +27487,7 @@ export {
   xn as IconBacking,
   so as InformationTooltip,
   $E as InsightsMicroWidget,
-  t0 as InsightsMicroWidgetDataProvider,
+  ef as InsightsMicroWidgetDataProvider,
   HE as InvestmentsWidget,
   Fd as IterationItemTypes,
   Z4 as LOADING_STATUS,
@@ -27500,11 +27503,11 @@ export {
   Dp as MerchantStore,
   xt as MetaType,
   ys as MfaStatuses,
-  p0 as MicroBeatCarousel,
+  pf as MicroBeatCarousel,
   ga as MicroInsightCard,
   ro as MicroWidgetContainer,
   Nn as MiniWidgetContainer,
-  l0 as MonthlySpendComparisonIcon,
+  lf as MonthlySpendComparisonIcon,
   sE as MultiSegmentDonut,
   Op as NetWorthChart,
   Gp as NetWorthList,
@@ -27585,7 +27588,7 @@ export {
   Ca as UserApi,
   mC as UserStore,
   Tu as UserVerification,
-  A0 as ViewMoreMicroCard,
+  Af as ViewMoreMicroCard,
   qo as WidgetApi,
   yt as WidgetContainer,
   Os as WidgetContainerContext,