@mx-cartographer/experiences 6.3.11-alpha.sms4 → 6.3.11-alpha.sms5

package/dist/index.es.js

@@ -2424,7 +2424,7 @@ const ku = ({
     (ce, Pe) => o.reduce((le, Xe) => le + Xe.dataset[Pe]?.y || 0, 0)
   ) ?? [0], q = Math.max(...M), U = Math.max(
     ...r.flatMap((ce) => ce.dataset.map((Pe) => Pe.y))
-  ), W = Math.floor(Math.min(...O) / 100) * 100, Ee = Math.ceil(Math.max(q, U) / 100) * 100, J = o.map((ce, Pe) => ({
+  ), Z = Math.floor(Math.min(...O) / 100) * 100, Ee = Math.ceil(Math.max(q, U) / 100) * 100, W = o.map((ce, Pe) => ({
     id: `stacked-${Pe}`,
     guid: ce.category_guid,
     top_level_guid: ce.top_level_category_guid,
@@ -2446,8 +2446,8 @@ const ku = ({
     label: ce.category_name,
     type: "line",
     valueFormatter: (le) => B(le, "0,0")
-  })), Z = [...J, ...pe], Q = [
-    ...J.map(({ guid: ce, top_level_guid: Pe }) => ({
+  })), Q = [...W, ...pe], J = [
+    ...W.map(({ guid: ce, top_level_guid: Pe }) => ({
       guid: ce,
       top_level_guid: Pe
     })),
@@ -2469,7 +2469,7 @@ const ku = ({
     const ce = Le(String(b)).guid;
     ce && a?.(ce);
   }, Re = (ce) => {
-    const Pe = String(ce?.seriesId), le = Le(Pe).guid, Xe = Z.find((pi) => pi.id === Pe), sn = Xe && ce?.dataIndex !== void 0, mi = Xe && ce?.dataIndex === void 0;
+    const Pe = String(ce?.seriesId), le = Le(Pe).guid, Xe = Q.find((pi) => pi.id === Pe), sn = Xe && ce?.dataIndex !== void 0, mi = Xe && ce?.dataIndex === void 0;
     if (sn)
       f({
         hoveredSeriesId: Pe,
@@ -2520,10 +2520,10 @@ const ku = ({
     '& [class*="MuiLineElement-series-unstacked-"]': {
       strokeWidth: 3
     },
-    ...h && J.reduce((ce, Pe, le) => {
+    ...h && W.reduce((ce, Pe, le) => {
       const Xe = `.MuiAreaElement-series-stacked-${le}`;
       return ce[Xe] = {
-        opacity: J[le].guid === h ? 0.9 : 0.2
+        opacity: W[le].guid === h ? 0.9 : 0.2
       }, ce;
     }, {})
   };
@@ -2541,7 +2541,7 @@ const ku = ({
             margin: { bottom: 50 },
             onAreaClick: Ze,
             onHighlightChange: Re,
-            series: Z,
+            series: Q,
             skipAnimation: !0,
             slotProps: {
               legend: {
@@ -2574,7 +2574,7 @@ const ku = ({
             ],
             yAxis: [
               {
-                min: W,
+                min: Z,
                 max: Ee || 100
               }
             ]
@@ -2583,7 +2583,7 @@ const ku = ({
         /* @__PURE__ */ t(
           qu,
           {
-            categoryGuids: Q,
+            categoryGuids: J,
             hoveredLegend: h,
             onClickLegend: Fe,
             onHoverLegend: ke,
@@ -2823,16 +2823,16 @@ const ku = ({
     const U = qe(gn());
     return [qe(qt(U, x)), U];
   }, O = (U) => {
-    const W = [...u], Ee = u[0], J = u[1], pe = U === "previous";
+    const Z = [...u], Ee = u[0], W = u[1], pe = U === "previous";
     if (m === i.dateRangePickerCopy.dateRangeThisMonth)
-      W[0] = pe ? qt(Ee, 1) : Ct(Ee, 1), W[1] = qe(pe ? qt(J, 1) : Ct(J, 1));
+      Z[0] = pe ? qt(Ee, 1) : Ct(Ee, 1), Z[1] = qe(pe ? qt(W, 1) : Ct(W, 1));
     else if (m === i.dateRangePickerCopy.dateRangeYTD || m === i.dateRangePickerCopy.dateRangeLastYear)
-      W[0] = pe ? ao(rr(Ee), 1) : ai(rr(Ee), 1), W[1] = pe ? ao(or(Ee), 1) : ai(or(Ee), 1);
+      Z[0] = pe ? ao(rr(Ee), 1) : ai(rr(Ee), 1), Z[1] = pe ? ao(or(Ee), 1) : ai(or(Ee), 1);
     else {
-      const Z = ed(J, Ee);
-      W[0] = U === "previous" ? _t(Ee, Z) : Gt(Ee, Z), W[1] = U === "previous" ? _t(J, Z) : Gt(J, Z);
+      const Q = ed(W, Ee);
+      Z[0] = U === "previous" ? _t(Ee, Q) : Gt(Ee, Q), Z[1] = U === "previous" ? _t(W, Q) : Gt(W, Q);
     }
-    h(W), e.onRangeChanged(W);
+    h(Z), e.onRangeChanged(Z);
   }, M = () => {
     h(f), N(
       m === i.dateRangePickerCopy.dateRangeThisMonth || m === i.dateRangePickerCopy.dateRangeLastMonth
@@ -2977,7 +2977,7 @@ const ku = ({
             kt,
             {
               indicatorColor: "primary",
-              onChange: (U, W) => q(W),
+              onChange: (U, Z) => q(Z),
               textColor: "primary",
               value: x,
               variant: "fullWidth",
@@ -3011,8 +3011,8 @@ const ku = ({
           {
             copy: i.dateRangePickerCopy,
             dateRange: f,
-            onRangeChanged: (U, W) => {
-              b(U), C(W);
+            onRangeChanged: (U, Z) => {
+              b(U), C(Z);
             },
             selectedShortcut: m,
             sx: { p: 16 }
@@ -3038,8 +3038,8 @@ const ku = ({
           {
             copy: i.dateRangePickerCopy,
             dateRange: f,
-            onRangeChanged: (U, W) => {
-              b(U), C(W);
+            onRangeChanged: (U, Z) => {
+              b(U), C(Z);
             },
             selectedShortcut: m,
             sx: {
@@ -3268,7 +3268,7 @@ const Rn = ({
       zeroStateTitle: M.account_filter.zero_state_title
     },
     title: M.account_filter.title
-  }, W = {
+  }, Z = {
     dateRangePickerCopy: {
       dateRangeFrom: M.date_range_picker.from,
       dateRangeTo: M.date_range_picker.to,
@@ -3286,7 +3286,7 @@ const Rn = ({
     dateRangeEditTitle: M.date_range_picker.edit_title,
     dateRangeNextAria: M.date_range_picker.next_aria,
     dateRangePreviousAria: M.date_range_picker.previous_aria
-  }, Ee = o ? o.start : R.start, J = o ? o.end : R.end, pe = n?.length > 1;
+  }, Ee = o ? o.start : R.start, W = o ? o.end : R.end, pe = n?.length > 1;
   return /* @__PURE__ */ l(
     Pt,
     {
@@ -3312,8 +3312,8 @@ const Rn = ({
                 Ar,
                 {
                   calendarActions: i,
-                  copy: W,
-                  range: [Ee, J],
+                  copy: Z,
+                  range: [Ee, W],
                   shouldShrinkToIcon: !1,
                   variant: r
                 }
@@ -3323,36 +3323,36 @@ const Rn = ({
                 {
                   accounts: e,
                   copy: U,
-                  onFilterClick: (Z) => {
-                    O(Z), _?.();
+                  onFilterClick: (Q) => {
+                    O(Q), _?.();
                   },
                   selectedAccountGuids: H,
                   showAccountNumbers: !1,
                   variant: "text"
                 }
               ),
-              n?.map((Z) => {
-                if (g.isValidElement(Z)) return Z;
-                const { iconName: Q, onClick: Le, label: ke } = Z;
+              n?.map((Q) => {
+                if (g.isValidElement(Q)) return Q;
+                const { iconName: J, onClick: Le, label: ke } = Q;
                 return pe ? v ? /* @__PURE__ */ t(
                   te,
                   {
                     onClick: Le,
-                    startIcon: /* @__PURE__ */ t(P, { color: "primary", name: Q }),
+                    startIcon: /* @__PURE__ */ t(P, { color: "primary", name: J }),
                     sx: { my: 4 },
                     children: ke
                   },
-                  Q
-                ) : /* @__PURE__ */ t(Ue, { "aria-label": ke, color: "primary", onClick: Le, children: /* @__PURE__ */ t(P, { name: Q }) }, Q) : S || x ? /* @__PURE__ */ t(
+                  J
+                ) : /* @__PURE__ */ t(Ue, { "aria-label": ke, color: "primary", onClick: Le, children: /* @__PURE__ */ t(P, { name: J }) }, J) : S || x ? /* @__PURE__ */ t(
                   te,
                   {
                     onClick: Le,
-                    startIcon: /* @__PURE__ */ t(P, { name: Q }),
+                    startIcon: /* @__PURE__ */ t(P, { name: J }),
                     sx: { my: 4 },
                     children: ke
                   },
-                  Q
-                ) : /* @__PURE__ */ t(Ue, { "aria-label": ke, color: "primary", onClick: Le, children: /* @__PURE__ */ t(P, { name: Q }) }, Q);
+                  J
+                ) : /* @__PURE__ */ t(Ue, { "aria-label": ke, color: "primary", onClick: Le, children: /* @__PURE__ */ t(P, { name: J }) }, J);
               })
             ] }),
             sx: {
@@ -3387,8 +3387,8 @@ const Rn = ({
             Ar,
             {
               calendarActions: i,
-              copy: W,
-              range: [Ee, J],
+              copy: Z,
+              range: [Ee, W],
               shouldShrinkToIcon: !1,
               variant: r
             }
@@ -6631,16 +6631,16 @@ const mc = ({ transaction: e }) => {
   }, v = (M, q) => {
     const U = [...f];
     U[M].amount = q, U[0].amount = e.amount - U.reduce(
-      (W, Ee, J) => W + (J !== 0 ? Ee.amount : 0),
+      (Z, Ee, W) => Z + (W !== 0 ? Ee.amount : 0),
       0
     ), b(U);
   }, N = (M, q) => {
-    const U = [...f], W = c.find((Ee) => Ee.guid === q);
-    W && (U[M] = {
+    const U = [...f], Z = c.find((Ee) => Ee.guid === q);
+    Z && (U[M] = {
       ...U[M],
       category_guid: q,
-      category: W.name,
-      top_level_category_guid: W.parent_guid || q
+      category: Z.name,
+      top_level_category_guid: Z.parent_guid || q
     }, b(U));
   }, x = () => {
     if (e.parent_guid || e.has_been_split) {
@@ -7295,16 +7295,16 @@ const mc = ({ transaction: e }) => {
     displayedDateRange: M,
     isCopyLoaded: q,
     isInitialized: U,
-    selectedAccountGuids: W,
+    selectedAccountGuids: Z,
     selectedAccounts: Ee,
-    setDisplayedDate: J,
+    setDisplayedDate: W,
     setSelectedAccounts: pe
-  } = ue(), [Z, Q] = g.useState(""), [Le, ke] = g.useState(""), [Fe, Ze] = g.useState(!1), [Re, ot] = g.useState(!1), [Ye, ce] = g.useState(!1);
+  } = ue(), [Q, J] = g.useState(""), [Le, ke] = g.useState(""), [Fe, Ze] = g.useState(!1), [Re, ot] = g.useState(!1), [Ye, ce] = g.useState(!1);
   g.useEffect(() => {
     pe(o);
   }, [o]), g.useEffect(() => {
     const dt = Ve(_e()), er = qe(_e());
-    J(dt, er), S({
+    W(dt, er), S({
       dateRange: { start: dt, end: er },
       accounts: Ee.map((Ua) => Ua.guid),
       custom: (Ua) => !Ua.accountIsClosed
@@ -7313,16 +7313,16 @@ const mc = ({ transaction: e }) => {
     Ye && (S({
       ...b,
       dateRange: { start: M.start, end: M.end },
-      accounts: W
+      accounts: Z
     }), E(M.start).finally());
-  }, [M, W]), g.useEffect(() => {
+  }, [M, Z]), g.useEffect(() => {
     m(i);
   }, [i]);
   const Pe = g.useMemo(
     () => o.filter((dt) => dt.is_manual),
     [o]
   ), le = Le ? N.find((dt) => dt.guid === Le) : void 0, Xe = _ && !!d.payee && !!d.account_guid && !!d.category_guid, sn = (dt) => {
-    J(dt[0], dt[1]);
+    W(dt[0], dt[1]);
   }, mi = (dt) => {
     h(dt), S({
       ...b,
@@ -7335,18 +7335,18 @@ const mc = ({ transaction: e }) => {
       ...uc,
       date: Me(_e()),
       user_guid: H?.user_guid || ""
-    }), Q(
+    }), J(
       "addTransaction"
       /* AddTransaction */
     ), O($.TRANSACTIONS_CLICK_ADD)) : (Ze(!0), O($.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Wa = async () => {
-    Xe && await f(d), Q("");
+    Xe && await f(d), J("");
   }, bl = () => {
     Ze(!1), ot(!0);
   }, yl = async () => {
     ot(!1), await r();
   }, El = async () => {
-    le && !le.has_been_viewed && await x({ ...le, has_been_viewed: !0 }), Q("");
+    le && !le.has_been_viewed && await x({ ...le, has_been_viewed: !0 }), J("");
   };
   return !q || !U || !Ye ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ l(
     Mt,
@@ -7392,13 +7392,13 @@ const mc = ({ transaction: e }) => {
               {
                 height: `calc(${n} - ${Pr}px)`,
                 onCategoryClick: (dt) => {
-                  ke(dt), Q(
+                  ke(dt), J(
                     "category"
                     /* Category */
                   );
                 },
                 onRowClick: (dt) => {
-                  ke(dt), Q(
+                  ke(dt), J(
                     "transaction"
                     /* Transaction */
                   ), O($.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: dt });
@@ -7419,7 +7419,7 @@ const mc = ({ transaction: e }) => {
               {
                 height: `calc(${n} - ${Pr}px)`,
                 onClick: (dt) => {
-                  ke(dt), Q(
+                  ke(dt), J(
                     "transaction"
                     /* Transaction */
                   );
@@ -7434,17 +7434,17 @@ const mc = ({ transaction: e }) => {
           oe,
           {
             ariaLabelClose: R.close_aria,
-            isOpen: Z === "transaction",
+            isOpen: Q === "transaction",
             onClose: El,
             title: D.details_title,
             children: le && /* @__PURE__ */ t(Zn, { transaction: le })
           }
         ),
-        le && Z === "category" && /* @__PURE__ */ t(
+        le && Q === "category" && /* @__PURE__ */ t(
           Qh,
           {
             onClose: () => {
-              c(""), Q(""), ke("");
+              c(""), J(""), ke("");
             },
             transaction: le
           }
@@ -7453,9 +7453,9 @@ const mc = ({ transaction: e }) => {
           oe,
           {
             ariaLabelClose: R.close_aria,
-            isOpen: Z === "addTransaction",
+            isOpen: Q === "addTransaction",
             isPrimaryDisabled: !Xe,
-            onClose: () => Q(""),
+            onClose: () => J(""),
             onPrimaryAction: Wa,
             title: D.add_transaction_title,
             children: /* @__PURE__ */ t(qh, {})
@@ -9890,10 +9890,10 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
     transform: rotate(360deg);
   }
 `, rm = () => {
-  const { addCashflowEvent: e, addCashflowSequence: n, cashflowSequences: i } = at(), { cashflow: a, common: o } = I(), { completeOnboarding: r } = wo(), { isDirty: s } = gi(), { isMobile: c } = ye(), { isCopyLoaded: d, setDisplayedDate: _ } = ue(), { filter: u, setFilter: h, transactions: m } = Te(), C = me(), [f, b] = Tt(!0), [E, S] = g.useState(ee.EveryMonth), [v, N] = Tt(!1), [x, R] = g.useState(null), [D, H] = Tt(1), [O, M] = Tt([]), [q, U] = Tt(""), W = g.useMemo(
-    () => m.find((Q) => Q.guid === q),
+  const { addCashflowEvent: e, addCashflowSequence: n, cashflowSequences: i } = at(), { cashflow: a, common: o } = I(), { completeOnboarding: r } = wo(), { isDirty: s } = gi(), { isMobile: c } = ye(), { isCopyLoaded: d, setDisplayedDate: _ } = ue(), { filter: u, setFilter: h, transactions: m } = Te(), C = me(), [f, b] = Tt(!0), [E, S] = g.useState(ee.EveryMonth), [v, N] = Tt(!1), [x, R] = g.useState(null), [D, H] = Tt(1), [O, M] = Tt([]), [q, U] = Tt(""), Z = g.useMemo(
+    () => m.find((J) => J.guid === q),
     [q]
-  ), Ee = !!i.length, J = async () => {
+  ), Ee = !!i.length, W = async () => {
     H(2), _(
       //  Beginning of the month, 90 days before today
       Ve(_t(_e(), 90)),
@@ -9902,8 +9902,8 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
   }, pe = async () => {
     if (!(O.length < 1)) {
       N(!0);
-      for (let Q = 0; Q < O.length; Q++) {
-        const Le = O[Q], ke = Sc(
+      for (let J = 0; J < O.length; J++) {
+        const Le = O[J], ke = Sc(
           Le,
           Le.frequency,
           Le.nextDate
@@ -9915,7 +9915,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
       }
       await r();
     }
-  }, Z = !W && f || !W && O.length < 1;
+  }, Q = !Z && f || !Z && O.length < 1;
   return d ? /* @__PURE__ */ l(
     L,
     {
@@ -9936,7 +9936,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
             sx: {
               ...c ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
             },
-            children: /* @__PURE__ */ t(nm, { handleNextStep: J })
+            children: /* @__PURE__ */ t(nm, { handleNextStep: W })
           }
         ),
         D === 2 && /* @__PURE__ */ t(
@@ -9957,14 +9957,14 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
             children: [
               /* @__PURE__ */ t(en, { pb: 12, children: a.add_income_title }),
               /* @__PURE__ */ t(Oe, { mb: 24, children: a.add_income_description }),
-              O.length > 0 && !W && /* @__PURE__ */ l(X, { children: [
-                /* @__PURE__ */ t(ie, { children: O.map((Q, Le) => /* @__PURE__ */ l(g.Fragment, { children: [
+              O.length > 0 && !Z && /* @__PURE__ */ l(X, { children: [
+                /* @__PURE__ */ t(ie, { children: O.map((J, Le) => /* @__PURE__ */ l(g.Fragment, { children: [
                   /* @__PURE__ */ t(Da, { bgcolor: "background.paper", children: Wi(
-                    Me(Q.nextDate || Q.date)
+                    Me(J.nextDate || J.date)
                   ) }),
-                  /* @__PURE__ */ t(Na, { transaction: Q }),
+                  /* @__PURE__ */ t(Na, { transaction: J }),
                   Le !== O.length - 1 && /* @__PURE__ */ t(k, {})
-                ] }, Q.guid)) }),
+                ] }, J.guid)) }),
                 /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ t(k, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ t(
@@ -9977,21 +9977,21 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
                   )
                 ] })
               ] }),
-              Z && /* @__PURE__ */ t(
+              Q && /* @__PURE__ */ t(
                 Ac,
                 {
                   bgcolor: "background.paper",
-                  onSearch: (Q) => h({
+                  onSearch: (J) => h({
                     ...u,
-                    custom: (Le) => Q ? Po(Le, Q) : jn(Le)
+                    custom: (Le) => J ? Po(Le, J) : jn(Le)
                   }),
-                  onSelected: (Q) => {
-                    U(Q), b(!1);
+                  onSelected: (J) => {
+                    U(J), b(!1);
                   }
                 }
               ),
               !Ee && s && /* @__PURE__ */ t(Oe, { color: "error", mt: 16, children: a.confirm_error }),
-              W && /* @__PURE__ */ l(X, { children: [
+              Z && /* @__PURE__ */ l(X, { children: [
                 /* @__PURE__ */ t(
                   Ic,
                   {
@@ -10001,17 +10001,17 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
                     nextDate: x,
                     onFrequencyChange: S,
                     onNextDateChange: R,
-                    transaction: W
+                    transaction: Z
                   }
                 ),
                 /* @__PURE__ */ l(y, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ t(
                     te,
                     {
-                      "aria-disabled": !W || !x,
+                      "aria-disabled": !Z || !x,
                       onClick: () => {
-                        const Q = [...O];
-                        Q.push({ ...W, nextDate: x, frequency: E }), M(Q), U("");
+                        const J = [...O];
+                        J.push({ ...Z, nextDate: x, frequency: E }), M(J), U("");
                       },
                       variant: "contained",
                       children: o.confirm_button
@@ -10021,7 +10021,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
                     te,
                     {
                       onClick: () => {
-                        U(""), b(!0), J();
+                        U(""), b(!0), W();
                       },
                       variant: "outlined",
                       children: o.cancel_button
@@ -10029,7 +10029,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
                   )
                 ] })
               ] }),
-              O.length > 0 && !W && /* @__PURE__ */ l(y, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              O.length > 0 && !Z && /* @__PURE__ */ l(y, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ t(
                   te,
                   {
@@ -11754,11 +11754,11 @@ const Kt = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
     b && D().finally();
   }, [b]);
   const q = (pe) => _(pe), U = () => {
-    const pe = x.find((Q) => Q.guid === d), Z = M.find((Q) => Q.guid === d);
-    pe && S(pe), Z && N(Z), a(!0);
-  }, W = () => C($.DEBTS_CLICK_FILTER), Ee = () => {
+    const pe = x.find((J) => J.guid === d), Q = M.find((J) => J.guid === d);
+    pe && S(pe), Q && N(Q), a(!0);
+  }, Z = () => C($.DEBTS_CLICK_FILTER), Ee = () => {
     c(!0), C($.DEBTS_CLICK_SNOWBALL_CTA);
-  }, J = () => {
+  }, W = () => {
     r(!0), C($.DEBTS_CLICK_PAYDOWN);
   };
   return !R || !f || !b ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ l(
@@ -11767,9 +11767,9 @@ const Kt = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
       accountOptions: x,
       actions: [
         /* @__PURE__ */ t(ap, {}, "prioritize-debts"),
-        /* @__PURE__ */ t(rp, { onClick: J }, "extra-paydown")
+        /* @__PURE__ */ t(rp, { onClick: W }, "extra-paydown")
       ],
-      onAccountsFilterClick: W,
+      onAccountsFilterClick: Z,
       onBackClick: e,
       sx: n,
       title: m.title,
@@ -12852,11 +12852,11 @@ const gp = (e, n) => {
   }, [s, R, D, H]);
   const U = () => {
     i($.GOALS_CLICK_FILTER);
-  }, W = () => {
+  }, Z = () => {
     x(!0), i($.GOALS_CLICK_ADD);
   }, Ee = (pe) => {
     x(!1), pe === V.SAVINGS_TRACK ? v(0) : pe === V.DEBT_TRACK ? v(1) : pe === V.RETIREMENT_TRACK && v(2);
-  }, J = g.useMemo(
+  }, W = g.useMemo(
     () => m && (h.length === 0 || h.every(({ track_type: pe }) => !pe) && E.length === 0),
     [h, m, E]
   );
@@ -12868,7 +12868,7 @@ const gp = (e, n) => {
         {
           iconName: "add",
           label: d.add_title,
-          onClick: W
+          onClick: Z
         }
       ],
       onAccountsFilterClick: U,
@@ -12880,15 +12880,15 @@ const gp = (e, n) => {
           /* @__PURE__ */ l(
             kt,
             {
-              onChange: (pe, Z) => v(Z),
+              onChange: (pe, Q) => v(Q),
               sx: { bgcolor: "background.paper" },
-              value: J ? !1 : S,
+              value: W ? !1 : S,
               variant: "fullWidth",
               children: [
                 /* @__PURE__ */ t(
                   Ke,
                   {
-                    disabled: J,
+                    disabled: W,
                     label: /* @__PURE__ */ t(ja, { subtitle: O, title: d.tab_saving_title }),
                     sx: { "&.Mui-selected": { color: "primary.light" } }
                   }
@@ -12896,7 +12896,7 @@ const gp = (e, n) => {
                 /* @__PURE__ */ t(
                   Ke,
                   {
-                    disabled: J,
+                    disabled: W,
                     label: /* @__PURE__ */ t(ja, { subtitle: M, title: d.tab_debt_title }),
                     sx: { "&.Mui-selected": { color: "primary.light" } }
                   }
@@ -12904,7 +12904,7 @@ const gp = (e, n) => {
                 /* @__PURE__ */ t(
                   Ke,
                   {
-                    disabled: J,
+                    disabled: W,
                     label: /* @__PURE__ */ t(ja, { subtitle: q, title: d.tab_retirement_title }),
                     sx: { "&.Mui-selected": { color: "primary.light" } }
                   }
@@ -12912,12 +12912,12 @@ const gp = (e, n) => {
               ]
             }
           ),
-          J ? /* @__PURE__ */ t(
+          W ? /* @__PURE__ */ t(
             xi,
             {
               header: d.create_goals_header,
               icon: "trophy",
-              onClick: W,
+              onClick: Z,
               primaryButton: d.add_goals_button,
               subText: d.empty_state_subheader,
               sx: {
@@ -12928,9 +12928,9 @@ const gp = (e, n) => {
               }
             }
           ) : /* @__PURE__ */ l(X, { children: [
-            S === 0 && /* @__PURE__ */ t(Xa, { onAddGoals: W, trackType: V.SAVINGS_TRACK }),
-            S === 1 && /* @__PURE__ */ t(Xa, { onAddGoals: W, trackType: V.DEBT_TRACK }),
-            S === 2 && /* @__PURE__ */ t(Xa, { onAddGoals: W, trackType: V.RETIREMENT_TRACK })
+            S === 0 && /* @__PURE__ */ t(Xa, { onAddGoals: Z, trackType: V.SAVINGS_TRACK }),
+            S === 1 && /* @__PURE__ */ t(Xa, { onAddGoals: Z, trackType: V.DEBT_TRACK }),
+            S === 2 && /* @__PURE__ */ t(Xa, { onAddGoals: Z, trackType: V.RETIREMENT_TRACK })
           ] })
         ] }),
         /* @__PURE__ */ t(Dp, { onClose: Ee }),
@@ -14161,7 +14161,7 @@ const o1 = ({
     selectedData: f,
     setHoveredData: b,
     setSelectedData: E
-  } = Ku(), { isMobile: S } = ye(), { onEvent: v } = K(), [N, x] = g.useState(!1), [R, D] = g.useState(6), [H, O] = g.useState(!1), [M, q] = g.useState(!1), [U, W] = g.useState(!1), Ee = async () => {
+  } = Ku(), { isMobile: S } = ye(), { onEvent: v } = K(), [N, x] = g.useState(!1), [R, D] = g.useState(6), [H, O] = g.useState(!1), [M, q] = g.useState(!1), [U, Z] = g.useState(!1), Ee = async () => {
     await m(a), await h(R), x(!0);
   };
   g.useEffect(() => {
@@ -14173,13 +14173,13 @@ const o1 = ({
   }, [i, a]), g.useEffect(() => {
     v($.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: R + "M" }), h(R).finally();
   }, [R]);
-  const J = (Ze, Re) => {
+  const W = (Ze, Re) => {
     E(Re), Ze.currentTarget instanceof HTMLDivElement && O(!0);
   }, pe = (Ze) => {
     b(Ze);
-  }, Z = () => {
-    b(null);
   }, Q = () => {
+    b(null);
+  }, J = () => {
     v($.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), q(!0);
   }, Le = async (Ze) => {
     const Re = Ze[0], ot = Ze[1];
@@ -14187,13 +14187,13 @@ const o1 = ({
   }, ke = {
     chartData: C,
     hoveredData: u,
-    onButtonClick: Q,
-    onDataClick: J,
+    onButtonClick: J,
+    onDataClick: W,
     onMouseEnter: pe,
-    onMouseLeave: Z,
+    onMouseLeave: Q,
     selectedData: f
   }, Fe = () => {
-    W(!0), v($.ACCOUNTS_CLICK_CONNECT);
+    Z(!0), v($.ACCOUNTS_CLICK_CONNECT);
   };
   return n ? /* @__PURE__ */ t(
     Mt,
@@ -14254,7 +14254,7 @@ const o1 = ({
         /* @__PURE__ */ t(
           Ga,
           {
-            onClose: () => W(!1),
+            onClose: () => Z(!1),
             showConnectionsWidget: U,
             title: r.manage_connections
           }
@@ -18061,8 +18061,8 @@ const k1 = ({
   const e = it(), { common: n, settings: i } = I(), { isDesktop: a, isMobile: o, isSmallMobile: r, isTablet: s } = ye(), { config: c } = Vi(), { updateUser: d } = Ft(), { user: _ } = an(), [u, h] = g.useState(_.first_name), [m, C] = g.useState(_.last_name), [f, b] = g.useState(_.email), [E, S] = g.useState(_.phone), [v, N] = g.useState(_.postal_code), [x, R] = g.useState(_.credit_score), [D, H] = g.useState(null), O = f && !_.email_is_verified, M = E && !_.phone_is_verified;
   g.useEffect(() => {
     if (_.birthday) {
-      const W = new Date(_.birthday * 1e3), Ee = W.getUTCFullYear(), J = W.getUTCMonth(), pe = W.getUTCDate();
-      H(new Date(Ee, J, pe));
+      const W = new Date(_.birthday * 1e3), pe = W.getUTCFullYear(), Q = W.getUTCMonth(), J = W.getUTCDate();
+      H(new Date(pe, Q, J));
     }
   }, [_]);
   const q = async () => {
@@ -18077,8 +18077,8 @@ const k1 = ({
       credit_score: x
     };
     await d(W);
-  }, U = Do(100);
-  return console.log("dimensions", U), /* @__PURE__ */ l(
+  }, [U, { height: Z, width: Ee }] = Do();
+  return console.log("height, width", Z, Ee), console.log("containerRef", U), /* @__PURE__ */ l(
     L,
     {
       component: "form",
@@ -22385,11 +22385,11 @@ const Ff = ({
     E({ start: pe[0] || /* @__PURE__ */ new Date(), end: pe[1] || /* @__PURE__ */ new Date() });
   }, U = () => {
     a($.BUDGETS_CLICK_FILTER);
-  }, W = () => {
+  }, Z = () => {
     M(!0), a($.BUDGETS_CLICK_ADD);
   }, Ee = () => {
     M(!1);
-  }, J = Jt(C.end, Ve(/* @__PURE__ */ new Date()));
+  }, W = Jt(C.end, Ve(/* @__PURE__ */ new Date()));
   return !c || !d || !f ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ l(
     Mt,
     {
@@ -22398,10 +22398,10 @@ const Ff = ({
         {
           iconName: "add",
           label: r.add_title,
-          onClick: W
+          onClick: Z
         }
       ],
-      calendarActions: { onRangeChanged: q, shouldDisableNext: J },
+      calendarActions: { onRangeChanged: q, shouldDisableNext: W },
       onAccountsFilterClick: U,
       onBackClick: e,
       sx: n,
@@ -22419,7 +22419,7 @@ const Ff = ({
               /* @__PURE__ */ t(y, { height: R || D ? "calc(100dvh - 150px)" : 450, children: /* @__PURE__ */ t(
                 tl,
                 {
-                  createBudgetOnClick: W,
+                  createBudgetOnClick: Z,
                   height: R || D ? 800 : 450,
                   isDraggable: !0,
                   shouldShowZeroState: N.length === 0,
@@ -23463,9 +23463,9 @@ const d0 = ({ widgets: e, isLoading: n }) => {
   const { isMobile: e } = ye(), { onEvent: n } = K(), [i, a] = Tt({}), [o, r] = Tt(!1), { selectedAccountGuids: s } = ue(), { visibleHoldings: c, updateHoldings: d, holdingsLoaded: _ } = Ri(), [u, h] = g.useState(!1), [m, C] = Tt({
     accounts: [],
     holdings: []
-  }), { accounts: f, investments: b } = I(), S = me().palette.mode === "dark", v = S ? "#0AC295" : "#09A57F", N = S ? "grey.300" : "grey.700", x = (Z, Q = "lesserThan") => Q === "greaterThan" ? Z >= 0 ? v : N : Z <= 0 ? N : v, R = ({ data: Z }) => {
-    const { isCopyLoaded: Q } = ue(), [Le, ke] = Tt(null), [Fe, Ze] = Tt("");
-    if (!Q || !_)
+  }), { accounts: f, investments: b } = I(), S = me().palette.mode === "dark", v = S ? "#0AC295" : "#09A57F", N = S ? "grey.300" : "grey.700", x = (Q, J = "lesserThan") => J === "greaterThan" ? Q >= 0 ? v : N : Q <= 0 ? N : v, R = ({ data: Q }) => {
+    const { isCopyLoaded: J } = ue(), [Le, ke] = Tt(null), [Fe, Ze] = Tt("");
+    if (!J || !_)
       return /* @__PURE__ */ t(ge, {});
     const Re = (le, Xe) => {
       ke(le), Ze(Xe.toFixed(2));
@@ -23625,24 +23625,24 @@ const d0 = ({ widgets: e, isLoading: n }) => {
         disableColumnFilter: !0,
         disableColumnMenu: !0,
         hideFooter: !0,
-        rows: Z,
+        rows: Q,
         slotProps: { baseIconButton: { sx: { display: "none" } } }
       }
     ) });
   }, D = () => {
     h(!0), n($.ACCOUNTS_CLICK_CONNECT);
-  }, H = (Z) => (Q, Le) => {
+  }, H = (Q) => (J, Le) => {
     a((ke) => ({
       ...ke,
-      [Z]: Le
+      [Q]: Le
     }));
   }, { visibleHoldings: O } = Ri(), { visibleInvestmentAccounts: M } = ve(), q = M.filter(
-    ({ guid: Z }) => s.includes(Z)
-  ), U = q.reduce((Z, Q) => Z + (Q.balance || 0), 0), W = q.map(({ guid: Z }) => Z), J = O.filter(
-    ({ account_guid: Z }) => W.includes(Z)
-  ).reduce((Z, Q) => {
-    const Le = Q.market_value ? Q.market_value - (Q.cost_basis || 0) : 0;
-    return Z + Le;
+    ({ guid: Q }) => s.includes(Q)
+  ), U = q.reduce((Q, J) => Q + (J.balance || 0), 0), Z = q.map(({ guid: Q }) => Q), W = O.filter(
+    ({ account_guid: Q }) => Z.includes(Q)
+  ).reduce((Q, J) => {
+    const Le = J.market_value ? J.market_value - (J.cost_basis || 0) : 0;
+    return Q + Le;
   }, 0), pe = () => {
     r(!1);
   };
@@ -23659,17 +23659,17 @@ const d0 = ({ widgets: e, isLoading: n }) => {
         /* @__PURE__ */ t(
           pt,
           {
-            name: J >= 0 ? "trending_up" : "trending_down",
+            name: W >= 0 ? "trending_up" : "trending_down",
             size: 20,
-            sx: { color: x(J, "greaterThan") }
+            sx: { color: x(W, "greaterThan") }
           }
         ),
         /* @__PURE__ */ t(
           p,
           {
-            sx: { color: x(J, "greaterThan"), fontWeight: 700 },
+            sx: { color: x(W, "greaterThan"), fontWeight: 700 },
             variant: "Small",
-            children: J.toLocaleString("en-US", {
+            children: W.toLocaleString("en-US", {
               currency: "USD",
               maximumFractionDigits: 2,
               minimumFractionDigits: 2,
@@ -23679,8 +23679,8 @@ const d0 = ({ widgets: e, isLoading: n }) => {
         )
       ] })
     ] }),
-    q.map((Z) => {
-      const Q = O.filter((Ye) => Ye.account_guid === Z.guid).map((Ye) => ({
+    q.map((Q) => {
+      const J = O.filter((Ye) => Ye.account_guid === Q.guid).map((Ye) => ({
         id: Ye.guid,
         qty: Ye.shares || 0,
         holding: Ye.symbol || Ye.description || "Unknown",
@@ -23688,7 +23688,7 @@ const d0 = ({ widgets: e, isLoading: n }) => {
         totalGainLoss: Ye.market_value ? Ye.market_value - (Ye.cost_basis || 0) : 0,
         marketValue: Ye.market_value || 0,
         description: Ye.description || ""
-      })), Le = Q.length > 0, ke = Z.balance, Fe = Q.reduce(
+      })), Le = J.length > 0, ke = Q.balance, Fe = J.reduce(
         (Ye, ce) => ce.totalGainLoss + Ye,
         0
       ), Ze = ke ? Fe / ke * 100 : 0;
@@ -23696,10 +23696,10 @@ const d0 = ({ widgets: e, isLoading: n }) => {
         return /* @__PURE__ */ t(
           It,
           {
-            onClick: Q.length ? () => {
+            onClick: J.length ? () => {
               r(!0), C({
-                holdings: Q,
-                accounts: Z
+                holdings: J,
+                accounts: Q
               });
             } : void 0,
             sx: {
@@ -23735,14 +23735,14 @@ const d0 = ({ widgets: e, isLoading: n }) => {
                         /* @__PURE__ */ t(
                           bt,
                           {
-                            alt: Z.institutionName || "",
-                            institutionGuid: Z.institution_guid || "",
+                            alt: Q.institutionName || "",
+                            institutionGuid: Q.institution_guid || "",
                             size: 32
                           }
                         ),
                         /* @__PURE__ */ l(Se, { sx: { overflow: "hidden", pl: 13, pr: 13 }, children: [
-                          /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "XSmall", children: Z.memberName }),
-                          /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: Z.user_name || Z.name })
+                          /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "XSmall", children: Q.memberName }),
+                          /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: Q.user_name || Q.name })
                         ] })
                       ]
                     }
@@ -23859,14 +23859,14 @@ const d0 = ({ widgets: e, isLoading: n }) => {
               }
             )
           },
-          Z.guid
+          Q.guid
         );
-      const Re = S ? "grey.700" : "grey.400", ot = Q.length ? "text.primary" : Re;
+      const Re = S ? "grey.700" : "grey.400", ot = J.length ? "text.primary" : Re;
       return /* @__PURE__ */ l(
         Pi,
         {
-          expanded: i[Z.guid] === !0,
-          onChange: Le ? H(Z.guid) : () => {
+          expanded: i[Q.guid] === !0,
+          onChange: Le ? H(Q.guid) : () => {
           },
           sx: {
             border: 1,
@@ -23881,7 +23881,7 @@ const d0 = ({ widgets: e, isLoading: n }) => {
                 "aria-controls": "panel1a-content",
                 id: "panel1a-header",
                 sx: [
-                  i[Z.guid] && {
+                  i[Q.guid] && {
                     borderBottom: 1,
                     borderColor: "border.main"
                   }
@@ -23902,14 +23902,14 @@ const d0 = ({ widgets: e, isLoading: n }) => {
                         /* @__PURE__ */ t(
                           bt,
                           {
-                            alt: Z.institutionName || "",
-                            institutionGuid: Z.institution_guid || "",
+                            alt: Q.institutionName || "",
+                            institutionGuid: Q.institution_guid || "",
                             size: 32
                           }
                         ),
                         /* @__PURE__ */ l(Se, { sx: { alignItems: "flex-start" }, children: [
-                          /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "XSmall", children: Z.memberName }),
-                          /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: Z.user_name || Z.name })
+                          /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "XSmall", children: Q.memberName }),
+                          /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: Q.user_name || Q.name })
                         ] })
                       ]
                     }
@@ -23983,10 +23983,10 @@ const d0 = ({ widgets: e, isLoading: n }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ t(Hi, { sx: { background: "background.default", p: 12 }, children: /* @__PURE__ */ t(It, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(R, { data: Q }) }) })
+            /* @__PURE__ */ t(Hi, { sx: { background: "background.default", p: 12 }, children: /* @__PURE__ */ t(It, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(R, { data: J }) }) })
           ]
         },
-        Z.guid
+        Q.guid
       );
     }),
     /* @__PURE__ */ l(Se, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%" }, children: [
@@ -25506,10 +25506,10 @@ const Yi = g.createContext(null), M0 = ({
   }, O = () => {
     if (!S || !b) return;
     S - b > V0 ? x(Yt.ON_CAROUSEL_FORWARD_SWIPE) : x(Yt.ON_CAROUSEL_BACK_SWIPE);
-  }, M = (J) => {
-    E(J.targetTouches[0].clientX);
-  }, q = (J) => {
-    E(null), v(J.targetTouches[0].clientX);
+  }, M = (W) => {
+    E(W.targetTouches[0].clientX);
+  }, q = (W) => {
+    E(null), v(W.targetTouches[0].clientX);
   }, U = {
     clientColorScheme: n,
     showCTAColocatedWithText: i,
@@ -25518,7 +25518,7 @@ const Yi = g.createContext(null), M0 = ({
     showIcon: c,
     variant: _,
     widthOverrides: u
-  }, W = m.current && m.current.offsetWidth ? Math.round(C / m.current.offsetWidth) : 0, Ee = m.current ? m.current.scrollWidth - m.current.offsetWidth : 0;
+  }, Z = m.current && m.current.offsetWidth ? Math.round(C / m.current.offsetWidth) : 0, Ee = m.current ? m.current.scrollWidth - m.current.offsetWidth : 0;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -25537,29 +25537,29 @@ const Yi = g.createContext(null), M0 = ({
             onTouchStart: q,
             ref: m,
             children: [
-              e.map((J, pe) => {
-                const Z = pe + 1, Q = e.length + 1, Le = T(
+              e.map((W, pe) => {
+                const Q = pe + 1, J = e.length + 1, Le = T(
                   N.card_position_in_carousel_aria,
-                  Z.toString(),
-                  Q.toString()
-                ), ke = J.micro_title && J.micro_title.length > 0, Fe = J.micro_description && J.micro_description.length > 0, Ze = ke ? J.micro_title : J.title, Re = Fe ? J.micro_description : J.description;
+                  Q.toString(),
+                  J.toString()
+                ), ke = W.micro_title && W.micro_title.length > 0, Fe = W.micro_description && W.micro_description.length > 0, Ze = ke ? W.micro_title : W.title, Re = Fe ? W.micro_description : W.description;
                 return /* @__PURE__ */ t(
                   K0,
                   {
                     ariaLabel: `${Le}: ${Ze}, ${Re}`,
-                    beat: J,
+                    beat: W,
                     index: pe,
-                    isActiveCard: pe === W,
+                    isActiveCard: pe === Z,
                     onCardClick: o,
                     ...U
                   },
-                  `${J.guid} ${pe}`
+                  `${W.guid} ${pe}`
                 );
               }),
               /* @__PURE__ */ t(
                 ib,
                 {
-                  isActiveCard: W === e.length,
+                  isActiveCard: Z === e.length,
                   onCardClick: o,
                   ...U
                 }
@@ -25571,7 +25571,7 @@ const Yi = g.createContext(null), M0 = ({
           z0,
           {
             clientColorScheme: n,
-            currentBeatIndex: W,
+            currentBeatIndex: Z,
             numBeats: e.length + 1,
             onNextClick: R,
             onPreviousClick: D,
@@ -25837,12 +25837,12 @@ const Yi = g.createContext(null), M0 = ({
   g.useEffect(() => {
     bn.isInitialized || bn.initialize(o, E, s);
   }, [o, E, s, bn.isInitialized]), g.useEffect(() => {
-    const J = window.innerHeight;
-    J < 180 ? H("STANDARD") : J >= 180 && J < 200 ? H("LARGE") : J >= 200 && J < 248 ? H("XLARGE") : J >= 248 && H("XXLARGE");
+    const W = window.innerHeight;
+    W < 180 ? H("STANDARD") : W >= 180 && W < 200 ? H("LARGE") : W >= 200 && W < 248 ? H("XLARGE") : W >= 248 && H("XXLARGE");
   }, [window.innerHeight]), g.useEffect(() => {
     M(!e && bn.isInitialized);
   }, [e, bn.isInitialized]);
-  const W = {
+  const Z = {
     showCTAColocatedWithText: a,
     heightOverrides: r,
     onCardClick: c,
@@ -25854,7 +25854,7 @@ const Yi = g.createContext(null), M0 = ({
   }, Ee = {
     carouselSize: D,
     variant: N,
-    ...W
+    ...Z
   };
   return (
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
@@ -25878,7 +25878,7 @@ const Yi = g.createContext(null), M0 = ({
             clientColorScheme: i,
             showCarouselControls: m,
             variant: h ? N : void 0,
-            ...W
+            ...Z
           }
         ),
         O && !n.length && v && /* @__PURE__ */ t(ul, { clientColorScheme: i, ...Ee }),
@@ -27448,7 +27448,7 @@ const Yi = g.createContext(null), M0 = ({
         const q = v.categoryData.find((U) => U.guid === "other");
         d({
           ...M,
-          custom: (U) => !!q?.categoryTotals?.find((W) => W.guid === U.top_level_category_guid)
+          custom: (U) => !!q?.categoryTotals?.find((Z) => Z.guid === U.top_level_category_guid)
         });
       } else
         d({
@@ -27742,7 +27742,7 @@ const Ob = (e) => e.reduce((i, a) => {
       N(!0);
     });
   }, [C, f, q]);
-  const W = g.useMemo(() => {
+  const Z = g.useMemo(() => {
     if (!v) return { stackedDatasets: [], unstackedDatasets: [] };
     const Re = Lb(
       _,
@@ -27764,16 +27764,16 @@ const Ob = (e) => e.reduce((i, a) => {
       s ? ae.MONTH_SHORT_YEAR : ae.MONTH_YEAR
     );
     return `${Re} - ${ot}`;
-  }, [q, s]), J = (Re, ot) => {
+  }, [q, s]), W = (Re, ot) => {
     H(ot ?? D), a($.TRENDS_CLICK_TOGGLE);
   }, pe = (Re) => {
     const ot = _r(Re?.[0], 1), Ye = Re?.[1], ce = tu(Ye, ot);
     U({ start: ot, end: Ye }), a($.TRENDS_CLICK_DATE, {
       time_period: ce + "M"
     });
-  }, Z = () => {
+  }, Q = () => {
     a($.TRENDS_CLICK_FILTER);
-  }, Q = (Re) => {
+  }, J = (Re) => {
     M(Re);
   }, Le = (Re) => {
     M(Re), a($.TRENDS_CLICK_LEGEND, { category: u(Re) });
@@ -27791,7 +27791,7 @@ const Ob = (e) => e.reduce((i, a) => {
       calendarActions: { onRangeChanged: pe },
       dateRange: q,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: Z,
+      onAccountsFilterClick: Q,
       onBackClick: e,
       sx: n,
       title: E.title,
@@ -27832,7 +27832,7 @@ const Ob = (e) => e.reduce((i, a) => {
                       ki,
                       {
                         exclusive: !0,
-                        onChange: J,
+                        onChange: W,
                         orientation: "horizontal",
                         value: D,
                         children: ["Chart", "Table"].map((Re) => /* @__PURE__ */ t(
@@ -27885,15 +27885,15 @@ const Ob = (e) => e.reduce((i, a) => {
                     onHoverArea: Fe,
                     onHoverLegend: ke,
                     onHoverPoint: Ze,
-                    stackedDatasets: W.stackedDatasets,
-                    unstackedDatasets: W.unstackedDatasets
+                    stackedDatasets: Z.stackedDatasets,
+                    unstackedDatasets: Z.unstackedDatasets
                   }
                 ),
                 D === "Table" && /* @__PURE__ */ t(
                   Hb,
                   {
                     monthlyCategoryTotals: _,
-                    onClickRow: Q,
+                    onClickRow: J,
                     selectedCategory: O,
                     selectedDateRange: q
                   }