@mx-cartographer/experiences 6.12.1-alpha.mega1 → 6.12.1-alpha.mega3

package/dist/index.es.js

@@ -12600,12 +12600,12 @@ const Pm = (e, n) => {
     }
   );
 }), jm = ({ goal: e }) => {
-  const { visibleCheckingAccounts: n, visibleSavingsAccounts: i } = Se(), { accounts: a, goals: o } = I(), { setAlert: r, setSelectedGoal: s, updateGoal: c } = tt(), d = !e.guid && !e.account_guid, [u, _] = h.useState(!1), g = async (m) => {
-    const C = { ...e, account_guid: m };
-    d ? s(C) : (await c(C), r(o.alert_account_changed)), _(!1);
+  const { visibleCheckingAccounts: n, visibleSavingsAccounts: i } = Se(), { accounts: a, goals: o } = I(), { setAlert: r, setSelectedGoal: s, updateGoal: c } = tt(), d = !e.guid, [u, _] = h.useState(!1), g = async ({ balance: m, guid: C }) => {
+    const f = { ...e, account_guid: C, current_amount: m || 0 };
+    d ? s(f) : (await c(f), r(o.alert_account_changed)), _(!1);
   };
   return /* @__PURE__ */ l(y, { children: [
-    d ? /* @__PURE__ */ t(Y, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(ue, { onClick: () => _(!0), children: [
+    d && !e.account_guid ? /* @__PURE__ */ t(Y, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(ue, { onClick: () => _(!0), children: [
       /* @__PURE__ */ t(se, { children: /* @__PURE__ */ l(y, { alignItems: "center", color: "action.active", direction: "row", gap: 8, children: [
         /* @__PURE__ */ t(cs, { filled: !0 }),
         o.details_add_account
@@ -12625,7 +12625,7 @@ const Pm = (e, n) => {
     ] }),
     /* @__PURE__ */ t(ce, { isOpen: u, onClose: () => _(!1), title: o.details_change_account, children: /* @__PURE__ */ l(y, { children: [
       /* @__PURE__ */ t(p, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: a.account_types[1] }),
-      /* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m.guid), children: [
+      /* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m), children: [
         /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(
           Ct,
           {
@@ -12643,7 +12643,7 @@ const Pm = (e, n) => {
         /* @__PURE__ */ t(ht, {})
       ] }) }, m.guid)) }),
       /* @__PURE__ */ t(p, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: a.account_types[2] }),
-      /* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: i.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m.guid), children: [
+      /* @__PURE__ */ t(ae, { sx: { bgcolor: "background.paper" }, children: i.map((m) => /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ l(ue, { onClick: () => g(m), children: [
         /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(
           Ct,
           {
@@ -21778,7 +21778,7 @@ const JC = ({
   return ri = h.useMemo(() => XC(o), [o]), h.useEffect(() => {
     YC(ri, e, n), i && zC(ri);
   }, [ri, e, n]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: ri.nodes().map((r) => /* @__PURE__ */ t(QC, { bubble: r, isDraggable: i, onClick: a }, r.guid)) });
-}, ef = x(JC), tf = ({
+}, e0 = x(JC), t0 = ({
   isMiniWidget: e = !1,
   onConnectAccountsClick: n,
   createBudgetOnClick: i
@@ -21874,14 +21874,14 @@ const JC = ({
     };
     return d ? /* @__PURE__ */ t(y, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(E), children: /* @__PURE__ */ t(de, {}) }) : /* @__PURE__ */ l(O, { ml: o || m ? 0 : 24, sx: { alignSelf: "center" }, children: [
       o || !u ? /* @__PURE__ */ t(
-        tf,
+        t0,
         {
           createBudgetOnClick: e,
           isMiniWidget: a,
           onConnectAccountsClick: S
         }
       ) : /* @__PURE__ */ t(
-        ef,
+        e0,
         {
           height: n,
           isDraggable: i,
@@ -21899,7 +21899,7 @@ const JC = ({
       )
     ] });
   }
-), nf = (e) => {
+), n0 = (e) => {
   const n = fe(), { accounts: i } = Se(), { budgets: a, isDataLoaded: o, loadBudgetData: r, setTheme: s } = dt(), { budgets: c } = I(), { isCopyLoaded: d, isInitialized: u } = le(), { reloadCategoryTotals: _ } = Ve(), g = j_(), m = a.length === 0;
   return h.useEffect(() => {
     s(n);
@@ -21929,7 +21929,7 @@ const JC = ({
       ] }) : /* @__PURE__ */ t(de, {})
     }
   ) : /* @__PURE__ */ t(de, {});
-}, DE = x(nf), af = x(() => {
+}, DE = x(n0), i0 = x(() => {
   const { budgets: e } = I(), { totalBudgeted: n } = dt(), { projectedIncome: i } = Ze(), a = i - n;
   return /* @__PURE__ */ l(y, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
     /* @__PURE__ */ l(y, { alignItems: "center", children: [
@@ -21947,7 +21947,7 @@ const JC = ({
       /* @__PURE__ */ t(p, { color: "secondary", variant: "Small", children: e.remaining })
     ] })
   ] });
-}), of = x(
+}), a0 = x(
   ({ category: e }) => {
     const { budgets: n } = I(), { budgets: i } = dt(), a = h.useMemo(() => {
       const o = i.find((c) => c.category_guid === e.guid), r = H(e.totalAverageAmount, "0,0"), s = o ? T(n.recalculate_previous_budget, H(o.amount, "0,0")) : n.recalculate_new_budget;
@@ -21961,7 +21961,7 @@ const JC = ({
       /* @__PURE__ */ t(P, {})
     ] }, e.guid);
   }
-), rf = ({ onRecalculateBudgets: e }) => {
+), o0 = ({ onRecalculateBudgets: e }) => {
   const { budgets: n, common: i } = I(), { spendCategories: a } = Ve(), { 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?.();
   };
@@ -21981,7 +21981,7 @@ const JC = ({
             /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
             /* @__PURE__ */ t(p, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(of, { category: _ }, _.guid)) }) })
+          /* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: d.map((_) => /* @__PURE__ */ t(a0, { category: _ }, _.guid)) }) })
         ] })
       }
     )
@@ -22012,7 +22012,7 @@ const JC = ({
       }
     )
   ] });
-}, sf = x(({ category: e, onAddBudget: n }) => {
+}, r0 = 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}`
   );
@@ -22041,21 +22041,21 @@ const JC = ({
       }
     )
   ] });
-}), cf = x(({ onRecalculateBudgets: e }) => {
+}), s0 = 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(af, {}),
+    /* @__PURE__ */ t(i0, {}),
     /* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ae, { children: o.map((s) => /* @__PURE__ */ t(
-      sf,
+      r0,
       {
         category: s,
         onAddBudget: r
       },
       s.guid
     )) }) }),
-    /* @__PURE__ */ t(rf, { onRecalculateBudgets: e })
+    /* @__PURE__ */ t(o0, { onRecalculateBudgets: e })
   ] });
 }), Rc = ({ budget: e }) => {
   const {
@@ -22077,14 +22077,14 @@ const JC = ({
     /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
     /* @__PURE__ */ t(pi, { data: c, height: 10 })
   ] }) }) });
-}, lf = x(() => {
+}, c0 = 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 })
   ] });
-}), df = x(({ budget: e }) => {
+}), l0 = x(({ budget: e }) => {
   const {
     amount: n,
     budgetColors: { background: i },
@@ -22105,7 +22105,7 @@ const JC = ({
       }
     )
   ] }) });
-}), _f = x(({ category: e, parentBudget: n }) => {
+}), d0 = x(({ category: e, parentBudget: n }) => {
   const { budgets: i, common: a } = I(), { setExpandedGuid: o, setOnSelect: r } = dn(), { 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) => {
@@ -22157,7 +22157,7 @@ const JC = ({
       }
     )
   ] });
-}), uf = x(({ budget: e }) => {
+}), _0 = 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: _ } = De(), [g, m] = h.useState(!1), [C, f] = h.useState(!1), [E, b] = h.useState("");
   h.useEffect(() => {
     s && (b(`${s.amount}`), _({
@@ -22180,11 +22180,11 @@ const JC = ({
   };
   return /* @__PURE__ */ l(h.Fragment, { children: [
     /* @__PURE__ */ l(ae, { sx: { bgcolor: "background.paper" }, children: [
-      i.length === 0 ? /* @__PURE__ */ t(lf, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
-        /* @__PURE__ */ t(df, { budget: w }),
+      i.length === 0 ? /* @__PURE__ */ t(c0, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
+        /* @__PURE__ */ t(l0, { budget: w }),
         /* @__PURE__ */ t(P, {})
       ] }, w.guid)),
-      /* @__PURE__ */ t(_f, { category: n, parentBudget: e })
+      /* @__PURE__ */ t(d0, { category: n, parentBudget: e })
     ] }),
     /* @__PURE__ */ t(
       ce,
@@ -22238,7 +22238,7 @@ const JC = ({
       )
     ] })
   ] });
-}), hf = x(({ budget: e }) => {
+}), u0 = x(({ budget: e }) => {
   const { budgets: n, common: i, transactions: a } = I(), { setAlert: o } = dt(), { sortedTransactions: r, tags: s } = De(), [c, d] = h.useState(0), [u, _] = h.useState(""), g = h.useMemo(
     () => r.find((f) => f.guid === u),
     [u]
@@ -22276,7 +22276,7 @@ const JC = ({
         ) }),
         /* @__PURE__ */ t(Dn, { height: "100%", onClick: _ })
       ] }),
-      c === 1 && /* @__PURE__ */ t(uf, { budget: e }),
+      c === 1 && /* @__PURE__ */ t(_0, { budget: e }),
       /* @__PURE__ */ t(
         ce,
         {
@@ -22289,7 +22289,7 @@ const JC = ({
       )
     ] })
   ] });
-}), gf = x(() => {
+}), h0 = x(() => {
   const { selectedAccountGuids: e } = le(), { budgets: n, common: i } = I(), {
     dateRange: a,
     deleteBudget: o,
@@ -22333,7 +22333,7 @@ const JC = ({
           secondaryColor: "error",
           secondaryText: n.details_delete_button,
           title: n.details_title,
-          children: /* @__PURE__ */ t(hf, { budget: r })
+          children: /* @__PURE__ */ t(u0, { budget: r })
         }
       ),
       /* @__PURE__ */ t(
@@ -22369,7 +22369,7 @@ const JC = ({
         }
       )
     ] });
-}), mf = ({ budget: e, onClick: n }) => {
+}), g0 = ({ budget: e, onClick: n }) => {
   const {
     amount: i,
     budgetColors: { background: a, description: o },
@@ -22398,7 +22398,7 @@ const JC = ({
       }
     )
   ] }) });
-}, pf = x(() => {
+}, m0 = x(() => {
   const { onEvent: e } = j(), { budgets: n } = I(), { detailedBudgets: i, setSelectedBudget: a } = dt(), o = (r) => {
     a(r), e(W.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: r.category.name,
@@ -22408,11 +22408,11 @@ const JC = ({
   return /* @__PURE__ */ l(Nt, { elevation: 2, children: [
     /* @__PURE__ */ t(ln, { 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(mf, { budget: r, onClick: o }),
+      /* @__PURE__ */ t(g0, { budget: r, onClick: o }),
       /* @__PURE__ */ t(P, {})
     ] }, r.guid)) }) })
   ] });
-}), Cf = x(() => {
+}), p0 = x(() => {
   const e = fe(), { onEvent: n } = j(), { visibleAccounts: i } = Se(), { budgets: a, common: o, recurring: r } = I(), { incomeCategories: s, spendCategories: c } = Ve(), { detailedBudgets: d, totalBudgeted: u } = dt(), { projectedIncome: _ } = Ze(), { setFilter: g } = De(), [m, C] = h.useState(!1), [f, E] = h.useMemo(() => {
     const v = c.reduce((B, D) => B + D.totalAmount, 0);
     let w = v / u;
@@ -22566,15 +22566,15 @@ const JC = ({
                   sx: { mr: 24, mt: 48 },
                   width: G ? "100%" : Ur,
                   children: [
-                    /* @__PURE__ */ t(Cf, {}),
-                    /* @__PURE__ */ t(pf, {})
+                    /* @__PURE__ */ t(p0, {}),
+                    /* @__PURE__ */ t(m0, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ t(gf, {}),
+        /* @__PURE__ */ t(h0, {}),
         /* @__PURE__ */ t(
           ce,
           {
@@ -22582,7 +22582,7 @@ const JC = ({
             isOpen: L,
             onClose: () => U(!1),
             title: r.add_new_title,
-            children: /* @__PURE__ */ t(cf, { onRecalculateBudgets: ge })
+            children: /* @__PURE__ */ t(s0, { onRecalculateBudgets: ge })
           }
         ),
         /* @__PURE__ */ t(
@@ -22610,7 +22610,7 @@ const JC = ({
       ]
     }
   );
-}), ff = x(() => {
+}), C0 = x(() => {
   const e = fe(), {
     appDataStore: { banner: n, loadBanner: i, user: a }
   } = oa();
@@ -22649,7 +22649,7 @@ const JC = ({
       )
     }
   ) : null;
-}), bf = ({ handleConnectClick: e }) => {
+}), f0 = ({ handleConnectClick: e }) => {
   const { common: n } = I(), i = an("(max-width: 700px)");
   return /* @__PURE__ */ t(O, { my: 4, children: i ? /* @__PURE__ */ t(Bn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
     We,
@@ -22679,7 +22679,7 @@ const JC = ({
       children: n.add_accounts
     }
   ) });
-}, yf = x(bf), Ef = () => {
+}, b0 = x(f0), y0 = () => {
   const [e, n] = h.useState(!1), { visibleAccounts: i } = Se(), { selectedAccountGuids: a, setSelectedAccountGuids: o } = le(), { common: r, connect: s } = I(), { config: c } = Qn(), { isMobile: d } = Ce(), u = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: r.account_filter.account_type_accounts,
@@ -22705,7 +22705,7 @@ const JC = ({
         /* @__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(yf, { handleConnectClick: () => n(!0) }),
+        c.show_connections_widget_in_master && /* @__PURE__ */ t(b0, { handleConnectClick: () => n(!0) }),
         /* @__PURE__ */ t(
           vs,
           {
@@ -22734,9 +22734,9 @@ const JC = ({
       }
     )
   ] });
-}, Sf = x(Ef);
+}, E0 = x(y0);
 var Gi = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(Gi || {});
-const Tf = ({ widgets: e, isLoading: n }) => {
+const S0 = ({ widgets: e, isLoading: n }) => {
   const { isDesktop: i, isMobile: a } = Ce(), { copyStore: o } = oa(), { setSelectedAccounts: r } = le(), { visibleAccounts: s } = Se();
   h.useEffect(() => {
     r(s);
@@ -22752,9 +22752,9 @@ const Tf = ({ widgets: e, isLoading: n }) => {
     [c]
   );
   return /* @__PURE__ */ l(Cn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(Cn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(Sf, {}) }),
+    /* @__PURE__ */ t(Cn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(E0, {}) }),
     /* @__PURE__ */ l(Cn, { lg: 8, xs: 12, children: [
-      /* @__PURE__ */ t(ff, {}),
+      /* @__PURE__ */ t(C0, {}),
       n && /* @__PURE__ */ l(y, { direction: "column", spacing: 24, children: [
         /* @__PURE__ */ t(hn, { height: 100, variant: "rounded", width: "100%" }),
         /* @__PURE__ */ t(hn, { height: 300, variant: "rounded", width: "100%" }),
@@ -22768,7 +22768,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       /* @__PURE__ */ t(hn, { height: 300, variant: "rounded", width: "100%" })
     ] }) : /* @__PURE__ */ t(y, { direction: "column", spacing: 24, children: u.map((_) => /* @__PURE__ */ t(h.Fragment, { children: _.component }, _.index)) }) })
   ] });
-}, OE = x(Tf), vo = ({ sx: e = {} }) => {
+}, OE = x(S0), vo = ({ sx: e = {} }) => {
   const { investments: n } = I(), { onEvent: i } = j(), { setShowConnectionsWidget: a } = Gn();
   return /* @__PURE__ */ l(y, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...e }, children: [
     /* @__PURE__ */ l(
@@ -22810,7 +22810,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       }
     )
   ] });
-}, Af = {
+}, T0 = {
   allocations_cash: "#AEDCCC",
   allocations_convertible: "#80CAD0",
   allocations_foreign_bond: "#51B9D4",
@@ -22820,7 +22820,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
   allocations_unknown: "#161D6A",
   allocations_us_bond: "#254995",
   allocations_us_stock: "#1E2D84"
-}, If = [
+}, A0 = [
   {
     name: "allocations_cash"
   },
@@ -22848,10 +22848,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
   {
     name: "allocations_unknown"
   }
-], xf = (e, n, i) => {
+], I0 = (e, n, i) => {
   const a = n, o = i;
   return e >= Math.min(a, o) && e < Math.max(a, o);
-}, vf = (e, n, i) => {
+}, x0 = (e, n, i) => {
   const a = [
     ...new Set(e.map((s) => s.name.toLowerCase()))
   ];
@@ -22868,7 +22868,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       percentage: c / i
     };
   });
-}, Bi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, wf = (e, n, i) => {
+}, Bi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, v0 = (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) => ({
@@ -22888,7 +22888,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
     }),
     { marketValue: 0, totalGainLoss: 0 }
   ), m = _ + d;
-  If.forEach((f, E) => {
+  A0.forEach((f, E) => {
     const b = c.filter(
       (v) => !!v[f.name]
     );
@@ -22896,7 +22896,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       (v, w) => v + Bi(w) * w[f.name] / 100,
       0
     );
-    const A = vf(
+    const A = x0(
       b,
       f.name,
       S
@@ -22918,7 +22918,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       holdings: A,
       percentage: S / m,
       value: S,
-      color: Af[f.name]
+      color: T0[f.name]
     }), r += S);
   });
   const C = o.map(
@@ -22937,7 +22937,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
     totalMarketValue: m,
     totalGainLossPercentage: g / u
   };
-}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ai(e), _i = (e) => e === 0 ? H(e, "0,0.00") : xf(e, -0.01, 0.01) ? "< $0.01" : H(e, "0,0.00"), Nf = ({
+}, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ai(e), _i = (e) => e === 0 ? H(e, "0,0.00") : I0(e, -0.01, 0.01) ? "< $0.01" : H(e, "0,0.00"), w0 = ({
   data: e,
   onSelected: n,
   selectedId: i,
@@ -23067,7 +23067,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       )
     ] }) : a === 0 && /* @__PURE__ */ t(p, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${c.total_label_text} ${_i(e.totalAmount)}` })
   ] });
-}, Df = ({
+}, N0 = ({
   data: e,
   hoveredId: n,
   isPercentage: i,
@@ -23121,12 +23121,12 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       ] }) }) })
     }
   );
-}, Rf = () => {
+}, D0 = () => {
   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 } = Se(), {
     investments: { allocation: _ }
-  } = I(), g = wf(
+  } = I(), g = v0(
     u.filter(({ guid: f }) => c.includes(f)),
     _,
     d
@@ -23144,7 +23144,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       },
       children: [
         /* @__PURE__ */ t(
-          Df,
+          N0,
           {
             data: g,
             hoveredId: o,
@@ -23162,7 +23162,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
           }
         ),
         /* @__PURE__ */ t(
-          Nf,
+          w0,
           {
             data: g,
             onSelected: s,
@@ -23174,7 +23174,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       ]
     }
   );
-}, Of = x(Rf), Lf = ({
+}, R0 = x(D0), O0 = ({
   analysisDetails: e,
   analysisType: n,
   copy: i,
@@ -23263,10 +23263,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       )
     ] })
   ] });
-}, Mf = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
+}, L0 = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
   /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n }),
   /* @__PURE__ */ t(we, { variant: "ParagraphSmall", children: e })
-] }), kf = ({
+] }), M0 = ({
   placement: e = "bottom",
   tooltip_info_body: n,
   tooltip_info_title: i
@@ -23275,10 +23275,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
   {
     enterTouchDelay: 500,
     placement: e,
-    title: /* @__PURE__ */ t(Mf, { body: n, title: i }),
+    title: /* @__PURE__ */ t(L0, { body: n, title: i }),
     children: /* @__PURE__ */ t(We, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(ct, { name: "info", sx: { color: "info.main" } }) })
   }
-), Gf = () => {
+), k0 = () => {
   const {
     investments: { analysis: e }
   } = I(), { analysisChartData: n, analysisDetails: i, analysisType: a, setAnalysisType: o } = Gn(), r = an("(min-width:320px) and (max-width:375px)"), { isMobile: s } = Ce(), d = at().palette.mode === "dark", { cellDimension: u, columns: _, rows: g, textVariant: m } = h.useMemo(() => {
@@ -23358,7 +23358,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
                     children: [
                       /* @__PURE__ */ t(p, { bold: !0, children: e.invest_analysis }),
                       /* @__PURE__ */ t(
-                        kf,
+                        M0,
                         {
                           tooltip_info_body: e.tooltip_info_body,
                           tooltip_info_title: e.tooltip_info_title
@@ -23416,7 +23416,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
           }
         ),
         /* @__PURE__ */ t(
-          Lf,
+          O0,
           {
             analysisDetails: i,
             analysisType: a,
@@ -23431,7 +23431,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       ]
     }
   );
-}, Bf = x(Gf), Pf = ({
+}, G0 = x(k0), B0 = ({
   accountHoldingsData: e,
   currentEditedCostBasis: n,
   editingHoldingId: i,
@@ -23736,10 +23736,10 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       ]
     }
   );
-}, Hf = x(Pf), Mi = (e) => /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+}, P0 = x(B0), Mi = (e) => /* @__PURE__ */ l(Ee, { 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 })
-] }), Ff = ({
+] }), H0 = ({
   data: e,
   editingHoldingId: n,
   currentEditedCostBasis: i,
@@ -23907,7 +23907,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       )
     }
   );
-}, Wf = () => {
+}, F0 = () => {
   const { isMobile: e } = Ce(), [n, i] = Et({}), [a, o] = Et(!1), { selectedAccountGuids: r } = le(), { visibleHoldings: s, updateHoldings: c } = Gn(), [d, u] = h.useState(!1), [_, g] = Et({
     accounts: [],
     holdings: []
@@ -24286,7 +24286,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
               }
             ),
             /* @__PURE__ */ t(Zn, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(St, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
-              Ff,
+              H0,
               {
                 currentEditedCostBasis: S,
                 data: ne,
@@ -24304,7 +24304,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
     }),
     /* @__PURE__ */ t(vo, {}),
     /* @__PURE__ */ t(
-      Hf,
+      P0,
       {
         accountHoldingsData: _,
         currentEditedCostBasis: S,
@@ -24326,7 +24326,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
       }
     )
   ] }) : /* @__PURE__ */ t(de, {});
-}, $f = x(Wf), Uf = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), LE = x(({ onBackClick: e, sx: n }) => {
+}, W0 = x(F0), $0 = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), LE = x(({ onBackClick: e, sx: n }) => {
   const { onEvent: i } = j(), { isMobile: a } = Ce(), { visibleInvestmentAccounts: o } = Se(), {
     visibleHoldings: r,
     setShowConnectionsWidget: s,
@@ -24370,7 +24370,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
               textColor: "primary",
               value: A ? -1 : C,
               variant: "fullWidth",
-              children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t(Uf, { title: w }) }, w))
+              children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t($0, { title: w }) }, w))
             }
           ),
           A ? /* @__PURE__ */ t(
@@ -24396,9 +24396,9 @@ const Tf = ({ widgets: e, isLoading: n }) => {
               }
             }
           ) : /* @__PURE__ */ l(Z, { children: [
-            C === 0 && /* @__PURE__ */ t($f, {}),
-            C === 1 && /* @__PURE__ */ t(Of, {}),
-            C === 2 && /* @__PURE__ */ t(Bf, {})
+            C === 0 && /* @__PURE__ */ t(W0, {}),
+            C === 1 && /* @__PURE__ */ t(R0, {}),
+            C === 2 && /* @__PURE__ */ t(G0, {})
           ] })
         ] }),
         /* @__PURE__ */ t(
@@ -24413,7 +24413,7 @@ const Tf = ({ widgets: e, isLoading: n }) => {
     }
   );
 });
-class Vf {
+class U0 {
   copyApi = new li("/", "");
   copyObject = {};
   namespace = "experiences";
@@ -24459,7 +24459,7 @@ const wo = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, Wt = window?.app?.clientConfig?.microwidget_instance_id || "", Vr = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, Oc = (e) => `on${e}Click`, Lc = (e) => `on${e}View`, Mc = (e) => `on${e}ViewFirstTime`, No = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), Kf = () => Object.values(wo).reduce(
+}, Oc = (e) => `on${e}Click`, Lc = (e) => `on${e}View`, Mc = (e) => `on${e}ViewFirstTime`, No = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), V0 = () => Object.values(wo).reduce(
   (e, n) => ({
     ...e,
     [Oc(n)]: {
@@ -24470,7 +24470,7 @@ const wo = {
     }
   }),
   {}
-), zf = () => Object.values(wo).reduce(
+), K0 = () => Object.values(wo).reduce(
   (e, n) => ({
     ...e,
     [Lc(n)]: {
@@ -24481,7 +24481,7 @@ const wo = {
     }
   }),
   {}
-), Yf = () => Object.values(wo).reduce(
+), z0 = () => Object.values(wo).reduce(
   (e, n) => ({
     ...e,
     [Mc(n)]: {
@@ -24581,15 +24581,15 @@ const wo = {
     label: gn.VIEW_MORE,
     value: Wt
   },
-  ...Kf(),
-  ...zf(),
-  ...Yf()
+  ...V0(),
+  ...K0(),
+  ...z0()
 }, Yr = async (e, n) => !n || !zr[e] ? null : n.sendAnalyticEvent(zr[e]).then((i) => i).catch((i) => {
   throw i;
 }), jr = async (e, n) => !n || !Kr[e] ? null : n.sendAnalyticsPageview(Kr[e]).then((i) => i).catch((i) => {
   throw i;
 });
-class jf {
+class Y0 {
   onAnalyticEvent = Yr;
   onAnalyticPageView = jr;
   beatApi = new Kn("/", "");
@@ -24614,7 +24614,7 @@ class jf {
     this.beatApi.updateOffer(n);
   };
 }
-class Xf {
+class j0 {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -24622,7 +24622,7 @@ class Xf {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new Vf(), this.insightsMicroWidgetStore = new jf(), Pe(this);
+    this.copyStore = new U0(), this.insightsMicroWidgetStore = new Y0(), Pe(this);
   }
   initialize = async (n, i, a) => {
     await this.copyStore.initialize(n, i), await this.insightsMicroWidgetStore.initialize(n, i, a);
@@ -24632,7 +24632,7 @@ class Xf {
     });
   };
 }
-const vi = h.createContext(null), Zf = ({
+const vi = h.createContext(null), X0 = ({
   onEvent: e,
   onPageview: n,
   store: i,
@@ -24769,13 +24769,13 @@ const vi = h.createContext(null), Zf = ({
       }
     );
   }
-), qf = ({ beat: e }) => {
+), Z0 = ({ beat: e }) => {
   const [n, i] = Et(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 } });
-}, Qf = ({ beat: e }) => {
-  const n = mt(), i = Jf(n);
+}, q0 = ({ beat: e }) => {
+  const n = mt(), i = Q0(n);
   return /* @__PURE__ */ t(
     yn,
     {
@@ -24785,12 +24785,12 @@ const vi = h.createContext(null), Zf = ({
       size: 16
     }
   );
-}, Jf = (e) => jt({
+}, Q0 = (e) => jt({
   marginTop: e.Spacing.XTiny,
   "& .kyper-categoryicon": {
     display: "flex"
   }
-}), e0 = x(Qf), t0 = ({
+}), J0 = x(q0), ef = ({
   color: e = "currentColor",
   height: n,
   size: i = 16,
@@ -24816,16 +24816,16 @@ const vi = h.createContext(null), Zf = ({
       }
     )
   }
-), n0 = (e) => e ? e.data ? e.data.map((n) => {
+), tf = (e) => e ? e.data ? e.data.map((n) => {
   const i = {};
   return e.names?.map((a, o) => {
     i[a] = n[o];
   }), i;
-}) : [] : [], i0 = (e, n) => {
-  const i = n0(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
+}) : [] : [], nf = (e, n) => {
+  const i = tf(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;
-}, a0 = ({ beat: e }) => {
-  const n = mt(), i = i0(e.data_series, n);
+}, af = ({ beat: e }) => {
+  const n = mt(), i = nf(e.data_series, n);
   return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
 }, Gc = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t(
@@ -25610,7 +25610,7 @@ const vi = h.createContext(null), Zf = ({
   ] })
 ] }), Xr = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
   const o = fe(), 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(qf, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(e0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(a0, { 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(Z0, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(J0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(af, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
     $,
     {
       fill: !0,
@@ -25625,7 +25625,7 @@ const vi = h.createContext(null), Zf = ({
   if (!e)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return e.store.copyStore;
-}, o0 = () => {
+}, of = () => {
   const e = h.useContext(vi);
   if (!e?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -25647,7 +25647,7 @@ const vi = h.createContext(null), Zf = ({
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, r0 = 50, Hc = 1, s0 = ({
+}, rf = 50, Hc = 1, sf = ({
   ariaLabel: e,
   backgroundColor: n,
   beat: i,
@@ -25664,7 +25664,7 @@ const vi = h.createContext(null), Zf = ({
 }) => {
   const { ref: C, inView: f } = ps({
     threshold: Hc
-  }), { cardsCopy: E } = Rn(), { onEvent: b } = wi(), { updateBeat: S, updateOffer: A } = o0();
+  }), { cardsCopy: E } = Rn(), { onEvent: b } = wi(), { updateBeat: S, updateOffer: A } = of();
   Mn(() => {
     f && (i.has_been_displayed ? b(Lc(i.template)) : (i.guid.startsWith("OFR") ? A({
       ...i,
@@ -25733,7 +25733,7 @@ const vi = h.createContext(null), Zf = ({
       widthOverrides: m
     }
   );
-}, c0 = ({
+}, cf = ({
   clientColorScheme: e,
   currentBeatIndex: n,
   numBeats: i,
@@ -25742,7 +25742,7 @@ const vi = h.createContext(null), Zf = ({
   scrollRightBoundary: r,
   scrollX: s
 }) => {
-  const c = l0(), d = at(), { 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 = lf(), d = at(), { 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(O, { className: c, children: [
     /* @__PURE__ */ t(
       We,
@@ -25789,7 +25789,7 @@ const vi = h.createContext(null), Zf = ({
       }
     )
   ] });
-}, l0 = () => jt({
+}, lf = () => jt({
   alignItems: "center",
   display: "flex",
   justifyContent: "center",
@@ -25806,7 +25806,7 @@ const vi = h.createContext(null), Zf = ({
     // we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
     marginRight: 8
   }
-}), d0 = ({
+}), df = ({
   beats: e = [],
   clientColorScheme: n,
   showCTAColocatedWithText: i,
@@ -25819,7 +25819,7 @@ const vi = h.createContext(null), Zf = ({
   variant: u,
   widthOverrides: _
 }) => {
-  const g = u0(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 } = wi(), R = () => {
+  const g = uf(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 } = wi(), R = () => {
     w($t.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
       left: (
         // Adds the flex gap to the carousel ref's width
@@ -25838,7 +25838,7 @@ const vi = h.createContext(null), Zf = ({
     m.current && f(m.current.scrollLeft);
   }, D = () => {
     if (!S || !E) return;
-    S - E > r0 ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
+    S - E > rf ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
   }, G = (te) => {
     b(te.targetTouches[0].clientX);
   }, L = (te) => {
@@ -25877,7 +25877,7 @@ const vi = h.createContext(null), Zf = ({
                   Oe.toString()
                 ), Le = te.micro_title && te.micro_title.length > 0, Tt = te.micro_description && te.micro_description.length > 0, Q = Le ? te.micro_title : te.title, ne = Tt ? te.micro_description : te.description;
                 return /* @__PURE__ */ t(
-                  s0,
+                  sf,
                   {
                     ariaLabel: `${Te}: ${Q}, ${ne}`,
                     beat: te,
@@ -25890,7 +25890,7 @@ const vi = h.createContext(null), Zf = ({
                 );
               }),
               /* @__PURE__ */ t(
-                b0,
+                bf,
                 {
                   isActiveCard: ee === e.length,
                   onCardClick: o,
@@ -25901,7 +25901,7 @@ const vi = h.createContext(null), Zf = ({
           }
         ),
         s && /* @__PURE__ */ t(
-          c0,
+          cf,
           {
             clientColorScheme: n,
             currentBeatIndex: ee,
@@ -25915,7 +25915,7 @@ const vi = h.createContext(null), Zf = ({
       ]
     }
   );
-}, _0 = x(d0), u0 = (e, n = !0, i) => jt({
+}, _f = x(df), uf = (e, n = !0, i) => jt({
   alignItems: "center",
   boxSizing: "border-box",
   display: "flex",
@@ -25940,7 +25940,7 @@ const vi = h.createContext(null), Zf = ({
       display: "none"
     }
   }
-}), h0 = ({
+}), hf = ({
   clientColorScheme: e,
   onCardClick: n,
   posthog: i,
@@ -26009,7 +26009,7 @@ const vi = h.createContext(null), Zf = ({
       ]
     }
   ) : /* @__PURE__ */ t(de, {});
-}, g0 = x(h0), m0 = ({
+}, gf = x(hf), mf = ({
   heightOverrides: e,
   widthOverrides: n,
   children: i
@@ -26126,7 +26126,7 @@ const vi = h.createContext(null), Zf = ({
       widthOverrides: d
     }
   );
-}, kE = x(Wc), p0 = () => /* @__PURE__ */ t(
+}, kE = x(Wc), pf = () => /* @__PURE__ */ t(
   O,
   {
     sx: {
@@ -26138,7 +26138,7 @@ const vi = h.createContext(null), Zf = ({
     },
     children: /* @__PURE__ */ t(Va, {})
   }
-), un = new Xf(), C0 = ({
+), un = new j0(), Cf = ({
   areBeatsLoading: e,
   beats: n = [],
   // This also determines the length of the carousel controls (beat.length + 1)
@@ -26193,10 +26193,10 @@ const vi = h.createContext(null), Zf = ({
     // 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(wd, {}),
-      /* @__PURE__ */ t(Zf, { onEvent: L, onPageview: U, store: un, children: /* @__PURE__ */ l(m0, { heightOverrides: r, widthOverrides: w, children: [
-        (e || !un.isInitialized) && /* @__PURE__ */ t(p0, {}),
+      /* @__PURE__ */ t(X0, { onEvent: L, onPageview: U, store: un, children: /* @__PURE__ */ l(mf, { heightOverrides: r, widthOverrides: w, children: [
+        (e || !un.isInitialized) && /* @__PURE__ */ t(pf, {}),
         D && C && /* @__PURE__ */ t(
-          g0,
+          gf,
           {
             clientColorScheme: i,
             onCardClick: c,
@@ -26205,7 +26205,7 @@ const vi = h.createContext(null), Zf = ({
           }
         ),
         D && !!n.length && /* @__PURE__ */ t(
-          _0,
+          _f,
           {
             beats: n,
             clientColorScheme: i,
@@ -26219,7 +26219,7 @@ const vi = h.createContext(null), Zf = ({
       ] }) })
     ] })
   );
-}, GE = x(C0), f0 = ({
+}, GE = x(Cf), ff = ({
   isActiveCard: e,
   ariaLabel: n,
   clientColorScheme: i,
@@ -26251,7 +26251,7 @@ const vi = h.createContext(null), Zf = ({
       description: m.view_more_card_description,
       fontColors: { buttonColor: i?.primary_300 },
       heightOverrides: a,
-      icon: /* @__PURE__ */ t(t0, { color: i?.primary_300 ?? u.palette.primary.main }),
+      icon: /* @__PURE__ */ t(ef, { color: i?.primary_300 ?? u.palette.primary.main }),
       isActiveCard: e,
       onCardClick: f,
       posthog: r,
@@ -26262,7 +26262,7 @@ const vi = h.createContext(null), Zf = ({
       widthOverrides: d
     }
   );
-}, b0 = x(f0), Ia = 5, y0 = (e, n) => n.reduce((i, a) => {
+}, bf = x(ff), Ia = 5, yf = (e, n) => n.reduce((i, a) => {
   if (a.total > 0) {
     const o = e.find((u) => u.guid === a.category_guid);
     if (!o) return i;
@@ -26284,7 +26284,7 @@ const vi = h.createContext(null), Zf = ({
   }
   return i;
 }, []), $c = (e, n) => {
-  const i = y0(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 = yf(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) => ({
@@ -26346,7 +26346,7 @@ const vi = h.createContext(null), Zf = ({
 }, ji = ({ 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: H(e, "0,0") })
-] }), E0 = ({
+] }), Ef = ({
   data: e,
   isIncome: n = !1,
   onSelected: i,
@@ -26399,7 +26399,7 @@ const vi = h.createContext(null), Zf = ({
       }
     )
   ] }) }) });
-}, Xi = x(E0), Zr = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(y, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
+}, Xi = x(Ef), Zr = ({ 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",
@@ -26416,7 +26416,7 @@ const vi = h.createContext(null), Zf = ({
     ]
   },
   a.guid
-)) }), S0 = () => {
+)) }), Sf = () => {
   const e = fe(), { spending: n } = I(), { selectedAccounts: i } = le(), {
     categories: a,
     dateRangeCategoryTotals: o,
@@ -26511,7 +26511,7 @@ const vi = h.createContext(null), Zf = ({
       /* @__PURE__ */ t(Zr, { data: C, onSelected: E, selectedId: d })
     ] }) })
   ] }) : /* @__PURE__ */ t(de, { height: 250 });
-}, T0 = x(S0), A0 = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
+}, Tf = x(Sf), Af = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
   const { spending: i } = I(), { isCopyLoaded: a } = le();
   return a ? /* @__PURE__ */ t(
     Nn,
@@ -26521,10 +26521,10 @@ const vi = h.createContext(null), Zf = ({
       primaryCtaLabel: i.primary_cta,
       sx: n,
       title: i.mini_title,
-      children: /* @__PURE__ */ t(T0, {})
+      children: /* @__PURE__ */ t(Tf, {})
     }
   ) : /* @__PURE__ */ t(de, {});
-}, BE = x(A0), I0 = ({
+}, BE = x(Af), If = ({
   data: e,
   onSelected: n,
   selectedId: i = "",
@@ -26603,7 +26603,7 @@ const vi = h.createContext(null), Zf = ({
     ] }, s.guid)) }),
     /* @__PURE__ */ t(p, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${o.total}: ${H(e.totalAmount, "0,0")}` })
   ] });
-}, x0 = x(I0), v0 = ({
+}, xf = x(If), vf = ({
   data: e,
   onSelected: n,
   onViewTransactions: i,
@@ -26649,18 +26649,18 @@ const vi = h.createContext(null), Zf = ({
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(x0, { data: e, onSelected: n, selectedId: a, title: o })
+        /* @__PURE__ */ t(xf, { data: e, onSelected: n, selectedId: a, title: o })
       ]
     }
   );
-}, qr = x(v0), w0 = (e) => [
+}, qr = x(vf), wf = (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
-], N0 = () => {
+], Nf = () => {
   const e = cn(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = Ve(), { spending: o } = I(), { displayedDateRange: r, selectedAccounts: s, selectedAccountGuids: c } = le(), { setFilter: d, sortedTransactions: u } = De(), [_, g] = h.useState(""), [m, C] = h.useState(0), [f, E] = h.useState(""), [b, S] = h.useState(!1);
   h.useEffect(() => {
     a(
@@ -26673,7 +26673,7 @@ const vi = h.createContext(null), Zf = ({
     () => $c(n, i),
     [n, i]
   ), v = h.useMemo(
-    () => Uc(n, i, w0(e)),
+    () => Uc(n, i, wf(e)),
     [n, i]
   ), w = h.useMemo(
     () => u.find((D) => D.guid === f),
@@ -26774,7 +26774,7 @@ const vi = h.createContext(null), Zf = ({
       }
     )
   ] });
-}, D0 = x(N0), R0 = ({ onBackClick: e, sx: n = {} }) => {
+}, Df = x(Nf), Rf = ({ onBackClick: e, sx: n = {} }) => {
   const { visibleAccounts: i } = Se(), { spending: a } = I(), { isCopyLoaded: o, isInitialized: r, setDisplayedDate: s, setSelectedAccounts: c } = le(), { onEvent: d } = j(), [u, _] = h.useState(!1);
   h.useEffect(() => {
     c(i);
@@ -26793,11 +26793,11 @@ const vi = h.createContext(null), Zf = ({
       onBackClick: e,
       sx: n,
       title: a.title,
-      children: /* @__PURE__ */ t(O, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(D0, {}) })
+      children: /* @__PURE__ */ t(O, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(Df, {}) })
     }
   );
-}, PE = x(R0), O0 = (e) => Tn[e] ?? Tn.default, L0 = (e) => na[e];
-function M0(e, n) {
+}, PE = x(Rf), Of = (e) => Tn[e] ?? Tn.default, Lf = (e) => na[e];
+function Mf(e, n) {
   const i = [], a = new Date(e);
   for (; a <= n; ) {
     const o = a.getFullYear(), r = String(a.getMonth() + 1).padStart(2, "0");
@@ -26805,7 +26805,7 @@ function M0(e, n) {
   }
   return i;
 }
-const k0 = (e) => e.reduce((i, a) => {
+const kf = (e) => e.reduce((i, a) => {
   const o = {
     top_level_category_guid: a.top_level_category_guid,
     category_guid: a.category_guid,
@@ -26813,8 +26813,8 @@ const k0 = (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;
-}, {}), G0 = (e, n, i) => {
-  const a = k0(e), o = M0(n, i);
+}, {}), Gf = (e, n, i) => {
+  const a = kf(e), o = Mf(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));
@@ -26823,18 +26823,18 @@ const k0 = (e) => e.reduce((i, a) => {
     return {
       top_level_category_guid: d,
       category_guid: s,
-      category_name: L0(s),
-      category_color: O0(d),
+      category_name: Lf(s),
+      category_color: Of(d),
       dataset: u
     };
   });
-}, B0 = (e, n) => {
+}, Bf = (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);
-}, P0 = (e) => {
+}, Pf = (e) => {
   const n = e.row[e.field];
   return /* @__PURE__ */ t(y, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t(Ue, { amount: n, variant: "Small" }) });
-}, H0 = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
+}, Hf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
   const { categories: i } = I(), a = na[e];
   return /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ t(
@@ -26847,20 +26847,20 @@ const k0 = (e) => e.reduce((i, a) => {
     ),
     /* @__PURE__ */ t(p, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
   ] });
-}, F0 = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
-  H0,
+}, Ff = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
+  Hf,
   {
     categoryGuid: e.row.category,
     topLevelCategoryGuid: e.row.top_level_category_guid
   }
-) }), W0 = (e, n) => {
+) }), Wf = (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;
-}, $0 = ({
+}, $f = ({
   monthlyCategoryTotals: e,
   selectedDateRange: n,
   selectedCategory: i,
@@ -26870,13 +26870,13 @@ const k0 = (e) => e.reduce((i, a) => {
 }) => {
   const { onEvent: s } = j(), c = re(/* @__PURE__ */ new Date(), ie.MONTH_SHORT), [d, u] = h.useState([
     { field: c, sort: "desc" }
-  ]), _ = h.useMemo(() => W0(n.start, n.end), [n]), g = [
+  ]), _ = h.useMemo(() => Wf(n.start, n.end), [n]), g = [
     {
       field: "category",
       headerName: "Category",
       minWidth: 175,
       renderHeader: Ft,
-      renderCell: F0,
+      renderCell: Ff,
       sortable: !0,
       type: "string"
     },
@@ -26886,13 +26886,13 @@ const k0 = (e) => e.reduce((i, a) => {
         headerName: C,
         minWidth: 75,
         renderHeader: Ft,
-        renderCell: P0,
+        renderCell: Pf,
         align: "right",
         headerAlign: "right",
         sortable: !0,
         hideSortIcons: !1,
         type: "number",
-        sortComparator: B0
+        sortComparator: Bf
       })
     )
   ], m = h.useMemo(() => {
@@ -26934,9 +26934,9 @@ const k0 = (e) => e.reduce((i, a) => {
       sortingOrder: ["asc", "desc"]
     }
   ) });
-}, U0 = {
+}, Uf = {
   title: "Transaction List"
-}, V0 = ({
+}, Vf = ({
   categoryGuid: e,
   dateRange: n,
   isOpen: i,
@@ -26959,16 +26959,16 @@ const k0 = (e) => e.reduce((i, a) => {
       ariaLabelClose: s.close_aria,
       isOpen: i,
       onClose: m,
-      title: U0.title,
+      title: Uf.title,
       children: [
         g && /* @__PURE__ */ t(ei, { transaction: g }),
         !g && /* @__PURE__ */ t(Dn, { onClick: _ })
       ]
     }
   );
-}, K0 = x(V0), z0 = {
+}, Kf = x(Vf), zf = {
   view_transactions: "View Transactions"
-}, Y0 = ({ onBackClick: e, sx: n }) => {
+}, Yf = ({ onBackClick: e, sx: n }) => {
   const i = at(), { onEvent: a } = j(), { isDesktop: o, isTablet: r, isMobile: s } = Ce(), { visibleAccounts: c } = Se(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: u, getCategoryName: _ } = Ve(), { sortedTransactions: g } = De(), { 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), [k, B] = h.useState("Chart"), [D, G] = h.useState(""), [L, U] = h.useState({
     start: $o(Qe(Kt(/* @__PURE__ */ new Date(), 6)), 1),
     end: Qe(/* @__PURE__ */ new Date())
@@ -26986,7 +26986,7 @@ const k0 = (e) => e.reduce((i, a) => {
   }, [C, f, L]);
   const ee = h.useMemo(() => {
     if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
-    const ne = G0(
+    const ne = Gf(
       u,
       L.start,
       L.end
@@ -27117,7 +27117,7 @@ const k0 = (e) => e.reduce((i, a) => {
                   /* @__PURE__ */ t($, { name: "arrow_back" }),
                   b.all_categories
                 ] }) }),
-                /* @__PURE__ */ t(J, { onClick: () => R(!0), sx: { px: 5 }, children: `${z0.view_transactions} (${g.length})` })
+                /* @__PURE__ */ t(J, { onClick: () => R(!0), sx: { px: 5 }, children: `${zf.view_transactions} (${g.length})` })
               ] }),
               /* @__PURE__ */ l(O, { children: [
                 k === "Chart" && /* @__PURE__ */ t(
@@ -27132,7 +27132,7 @@ const k0 = (e) => e.reduce((i, a) => {
                   }
                 ),
                 k === "Table" && /* @__PURE__ */ t(
-                  $0,
+                  $f,
                   {
                     monthlyCategoryTotals: u,
                     onClickRow: Oe,
@@ -27145,7 +27145,7 @@ const k0 = (e) => e.reduce((i, a) => {
           }
         ),
         /* @__PURE__ */ t(
-          K0,
+          Kf,
           {
             categoryGuid: D,
             dateRange: L,
@@ -27156,7 +27156,7 @@ const k0 = (e) => e.reduce((i, a) => {
       ]
     }
   );
-}, HE = x(Y0), j0 = () => {
+}, HE = x(Yf), jf = () => {
   const e = at(), { monthlyCategoryTotals: n } = Ve(), { trends: i } = I(), a = Yg(n);
   return /* @__PURE__ */ t(
     to,
@@ -27172,7 +27172,7 @@ const k0 = (e) => e.reduce((i, a) => {
       useCustomMark: !0
     }
   );
-}, X0 = x(j0), Z0 = ({ onPrimaryCtaClick: e, sx: n }) => {
+}, Xf = x(jf), Zf = ({ onPrimaryCtaClick: e, sx: n }) => {
   const { loadMonthlyCategoryTotals: i, monthlyTotalsLoaded: a } = Ve(), { isInitialized: o } = oa(), { trends: r } = I(), { isCopyLoaded: s, selectedAccounts: c } = le();
   return h.useEffect(() => {
     o && i(c).finally();
@@ -27184,10 +27184,10 @@ const k0 = (e) => e.reduce((i, a) => {
       subTitle: r.sub_title,
       sx: n,
       title: r.mini_title,
-      children: a ? /* @__PURE__ */ t(X0, {}) : /* @__PURE__ */ t(de, {})
+      children: a ? /* @__PURE__ */ t(Xf, {}) : /* @__PURE__ */ t(de, {})
     }
   ) : /* @__PURE__ */ t(de, {});
-}, FE = x(Z0);
+}, FE = x(Zf);
 export {
   W as ANALYTICS_EVENTS,
   Hr as AccountApi,
@@ -27206,17 +27206,17 @@ export {
   Js as AddRecurringTransactionDetails,
   Qd as AnalyticsApi,
   M as ApiEndpoints,
-  Xf as AppStore,
+  j0 as AppStore,
   zo as BannerApi,
   J4 as BarChart,
   Kn as BeatApi,
-  s0 as BeatCard,
+  sf as BeatCard,
   ki as BottomActions,
   DE as BubbleBudgetsMiniWidget,
   RE as BubbleBudgetsWidget,
   p_ as Calendar,
   ws as CalendarSelectionTypes,
-  g0 as CarouselHeader,
+  gf as CarouselHeader,
   _E as CashflowApi,
   aE as CashflowMiniWidget,
   Og as CashflowOnboarding,
@@ -27231,7 +27231,7 @@ export {
   _h as CategorySelector,
   ca as CategorySelectorDrawer,
   ph as CategoryStore,
-  t0 as ChartFilledIcon,
+  ef as ChartFilledIcon,
   Ps as ConnectCard,
   Wn as ConnectDrawer,
   wE as ConnectMiniWidget,
@@ -27278,7 +27278,7 @@ export {
   In as IconBacking,
   ro as InformationTooltip,
   GE as InsightsMicroWidget,
-  Zf as InsightsMicroWidgetDataProvider,
+  X0 as InsightsMicroWidgetDataProvider,
   LE as InvestmentsWidget,
   Hd as IterationItemTypes,
   K4 as LOADING_STATUS,
@@ -27294,11 +27294,11 @@ export {
   Ip as MerchantStore,
   It as MetaType,
   fs as MfaStatuses,
-  _0 as MicroBeatCarousel,
+  _f as MicroBeatCarousel,
   ha as MicroInsightCard,
   Gs as MicroWidgetContainer,
   Nn as MiniWidgetContainer,
-  a0 as MonthlySpendComparisonIcon,
+  af as MonthlySpendComparisonIcon,
   nE as MultiSegmentDonut,
   vp as NetWorthChart,
   Rp as NetWorthList,
@@ -27378,7 +27378,7 @@ export {
   Ca as UserApi,
   dC as UserStore,
   Su as UserVerification,
-  b0 as ViewMoreMicroCard,
+  bf as ViewMoreMicroCard,
   Xo as WidgetApi,
   bt as WidgetContainer,
   Ds as WidgetContainerContext,