@mx-cartographer/experiences 6.10.4-alpha.mega1 → 6.10.4-alpha.mega2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -322,7 +322,7 @@ const wd = async (e, n, i = "1.0.0", a = "Experiences") => {
322
322
  TRENDS_HOVER_POINT: "trends_widget_hover_chart_point",
323
323
  TRENDS_VIEW_TRANSACTIONS: "trends_widget_view_transactions",
324
324
  WIDGET_BACK_CLICK: "widget_back_button_click"
325
- }, Nd = "do", P4 = "MMM do, yyyy", ne = {
325
+ }, Nd = "do", H4 = "MMM do, yyyy", ne = {
326
326
  TIME_STAMP_HOUR_MINUTE: {
327
327
  hour: "numeric",
328
328
  minute: "numeric"
@@ -407,7 +407,7 @@ const Rd = [
407
407
  /* IMPAIRED */
408
408
  ], ps = [...ms, ...gs];
409
409
  var On = /* @__PURE__ */ ((e) => (e.Connected = "Connected", e.Error = "Error", e.Processing = "Processing", e.RequiresMfa = "RequiresMfa", e))(On || {});
410
- const H4 = {
410
+ const F4 = {
411
411
  3: "Challenged",
412
412
  12: "Closed",
413
413
  9: "Degraded",
@@ -457,7 +457,7 @@ const H4 = {
457
457
  2: "savings"
458
458
  }, Od = {
459
459
  5: "bid_landscape"
460
- }, F4 = {
460
+ }, $4 = {
461
461
  0: "Real Estate",
462
462
  1: "Vehicle",
463
463
  2: "Art",
@@ -797,7 +797,7 @@ const H4 = {
797
797
  UNKNOWN: "help"
798
798
  }, Uo = 9999999999e-2;
799
799
  var Ui = /* @__PURE__ */ ((e) => (e.CAD = "CAD", e.USD = "USD", e))(Ui || {}), kd = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EveryWeek = 1] = "EveryWeek", e[e.EveryOtherWeek = 2] = "EveryOtherWeek", e[e.EveryMonth = 3] = "EveryMonth", e[e.EveryOtherMonth = 4] = "EveryOtherMonth", e[e.EveryQuarter = 5] = "EveryQuarter", e[e.EveryOtherQuarter = 6] = "EveryOtherQuarter", e[e.EveryYear = 7] = "EveryYear", e))(kd || {});
800
- const $4 = [
800
+ const W4 = [
801
801
  { id: 0, copy: "frequency_unknown" },
802
802
  { id: 1, copy: "frequency_every_week" },
803
803
  { id: 2, copy: "frequency_every_other_week" },
@@ -806,7 +806,7 @@ const $4 = [
806
806
  { id: 5, copy: "frequency_every_quarter" },
807
807
  { id: 6, copy: "frequency_every_other_quarter" },
808
808
  { id: 7, copy: "frequency_every_year" }
809
- ], W4 = {
809
+ ], U4 = {
810
810
  ERROR: "ERROR",
811
811
  LOADING: "LOADING",
812
812
  SUCCESS: "SUCCESS"
@@ -818,7 +818,7 @@ const ii = 44, Vo = (e, n) => e.find((i) => i.guid === n), Hd = (e, n) => e.find
818
818
  const i = e.find((a) => a.subCategories.find((o) => o.guid === n));
819
819
  if (i)
820
820
  return i.subCategories.find((a) => a.guid === n);
821
- }, U4 = (e, n) => {
821
+ }, V4 = (e, n) => {
822
822
  const i = [];
823
823
  for (const a of n) {
824
824
  const o = Vo(e, a.category_guid);
@@ -839,7 +839,7 @@ const ii = 44, Vo = (e, n) => e.find((i) => i.guid === n), Hd = (e, n) => e.find
839
839
  });
840
840
  }
841
841
  return i;
842
- }, V4 = (e, n) => {
842
+ }, K4 = (e, n) => {
843
843
  const i = e.find((a) => a.guid === n);
844
844
  return i ? i.guid === N.INCOME || i.parent_guid === N.INCOME : !1;
845
845
  }, eo = (e) => {
@@ -887,7 +887,7 @@ const ii = 44, Vo = (e, n) => e.find((i) => i.guid === n), Hd = (e, n) => e.find
887
887
  []
888
888
  );
889
889
  return i ? o : o.join("");
890
- }, K4 = (e, n, i, ...a) => !e || !n ? "" : T(i === 1 ? e : n, ...a), vn = () => {
890
+ }, z4 = (e, n, i, ...a) => !e || !n ? "" : T(i === 1 ? e : n, ...a), vn = () => {
891
891
  const e = "en-us", n = ["en-us", "en-ca", "fr", "fr-ca", "es"], i = window?.app?.options?.language?.toLowerCase() ?? "", a = window.navigator.language.toLowerCase();
892
892
  return i === "browser" && n.includes(a) ? a : n.includes(i) ? i : e;
893
893
  };
@@ -981,7 +981,7 @@ const H = (e, n, i) => {
981
981
  }) => {
982
982
  const a = Xd(n).select(e);
983
983
  return `${e}${i[a]}`;
984
- }, z4 = (e, n) => {
984
+ }, Y4 = (e, n) => {
985
985
  const i = e.palette.mode === "dark", a = (s, c) => {
986
986
  const d = n?.[s];
987
987
  return {
@@ -1207,7 +1207,7 @@ class ci {
1207
1207
  }
1208
1208
  getGlobalCopy = async (n, i) => this.fetchInstance.post(`${M.LOCALIZED_CONTENT}/${n}`, { translation_key: i }).then((a) => a);
1209
1209
  }
1210
- class Y4 {
1210
+ class j4 {
1211
1211
  fetchInstance;
1212
1212
  constructor(n, i) {
1213
1213
  this.fetchInstance = new at(n, i);
@@ -1231,7 +1231,7 @@ class Yo {
1231
1231
  // A bug ticket has been filed to fix it, but should not require any changes here.
1232
1232
  markAllAsViewed = (n) => this.fetchInstance.put(`${M.NOTIFICATIONS}/mark_all_as_viewed`, { channel: n }).finally();
1233
1233
  }
1234
- class j4 {
1234
+ class X4 {
1235
1235
  fetchInstance;
1236
1236
  constructor(n, i) {
1237
1237
  this.fetchInstance = new at(n, i);
@@ -1512,7 +1512,7 @@ const Qd = (e, n) => {
1512
1512
  // Between 600 and 1200
1513
1513
  isTablet: e > a && e <= r
1514
1514
  }), c;
1515
- }, X4 = (e) => {
1515
+ }, Z4 = (e) => {
1516
1516
  const n = qr();
1517
1517
  return Mn(() => {
1518
1518
  n.current = e;
@@ -1786,7 +1786,7 @@ const Qd = (e, n) => {
1786
1786
  }), a_ = (e, n) => e + n, o_ = (e, n) => Math.abs(n) > e ? Math.abs(n) : e, r_ = (e, n) => [...e, n.value], qo = (e, n, i) => {
1787
1787
  const a = e && n ? i / 2 : i;
1788
1788
  return e ? a : 0;
1789
- }, s_ = (e, n, i, a) => e / (n < 0 ? -i : n) * a || 0, Z4 = ({
1789
+ }, s_ = (e, n, i, a) => e / (n < 0 ? -i : n) * a || 0, q4 = ({
1790
1790
  average: e,
1791
1791
  barWidth: n = "8%",
1792
1792
  color: i,
@@ -2332,7 +2332,7 @@ const g_ = ({
2332
2332
  }
2333
2333
  )
2334
2334
  ] });
2335
- }, Hn = h.createContext(null), q4 = ({
2335
+ }, Hn = h.createContext(null), Q4 = ({
2336
2336
  children: e,
2337
2337
  globalStore: n,
2338
2338
  onEvent: i,
@@ -2363,7 +2363,7 @@ const g_ = ({
2363
2363
  if (!n)
2364
2364
  throw new Error(`${e}() must be used within the GlobalDataContext`);
2365
2365
  return n;
2366
- }, ve = () => Xe("useAccountStore").globalStore.accountStore, Qn = () => Xe("useAppConfig").globalStore.appDataStore.appConfig, no = () => Xe("useAnalyticsStore").globalStore.analyticsStore, dt = () => Xe("useBudgetsStore").globalStore.budgetsStore, io = () => Xe("useCashflowStore").globalStore.cashflowStore, Ve = () => Xe("useCategoryStore").globalStore.categoryStore, ws = () => Xe("useConnectStore").globalStore.connectStore, aa = () => Xe("useDebtsStore").globalStore.debtsStore, oa = () => Xe("useGlobalStore").globalStore, le = () => Xe("useGlobalUiStore").globalStore.globalUiStore, I = () => Xe("globalCopyStore").globalStore.copyStore.copy, ot = () => Xe("useGoalStore").globalStore.goalStore, ao = () => Xe("useHelpStore").globalStore.helpStore, Gn = () => Xe("useHoldingStore").globalStore.holdingStore, T_ = () => Xe("useMerchantStore").globalStore.merchantStore, Ns = () => Xe("useNetWorthStore").globalStore.netWorthStore, Ds = () => Xe("useNotificationStore").globalStore.notificationStore, Ze = () => Xe("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, Rt = () => Xe("useSettingsStore").globalStore.settingsStore, De = () => Xe("useTransactionStore").globalStore.transactionStore, kt = () => Xe("useUserStore").globalStore.userStore, j = () => ({ onEvent: Xe().onEvent }), Q4 = () => ({ onPageView: Xe().onPageView }), A_ = (e = "useWidgetContainerContext") => {
2366
+ }, ve = () => Xe("useAccountStore").globalStore.accountStore, Qn = () => Xe("useAppConfig").globalStore.appDataStore.appConfig, no = () => Xe("useAnalyticsStore").globalStore.analyticsStore, dt = () => Xe("useBudgetsStore").globalStore.budgetsStore, io = () => Xe("useCashflowStore").globalStore.cashflowStore, Ve = () => Xe("useCategoryStore").globalStore.categoryStore, ws = () => Xe("useConnectStore").globalStore.connectStore, aa = () => Xe("useDebtsStore").globalStore.debtsStore, oa = () => Xe("useGlobalStore").globalStore, le = () => Xe("useGlobalUiStore").globalStore.globalUiStore, I = () => Xe("globalCopyStore").globalStore.copyStore.copy, ot = () => Xe("useGoalStore").globalStore.goalStore, ao = () => Xe("useHelpStore").globalStore.helpStore, Gn = () => Xe("useHoldingStore").globalStore.holdingStore, T_ = () => Xe("useMerchantStore").globalStore.merchantStore, Ns = () => Xe("useNetWorthStore").globalStore.netWorthStore, Ds = () => Xe("useNotificationStore").globalStore.notificationStore, Ze = () => Xe("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, Rt = () => Xe("useSettingsStore").globalStore.settingsStore, De = () => Xe("useTransactionStore").globalStore.transactionStore, kt = () => Xe("useUserStore").globalStore.userStore, j = () => ({ onEvent: Xe().onEvent }), J4 = () => ({ onPageView: Xe().onPageView }), A_ = (e = "useWidgetContainerContext") => {
2367
2367
  const n = h.useContext(xs);
2368
2368
  if (!n)
2369
2369
  throw new Error(`${e}() must be used within the WidgetContainerContext`);
@@ -3136,7 +3136,7 @@ const g_ = ({
3136
3136
  }
3137
3137
  )
3138
3138
  ] });
3139
- }, J4 = ({
3139
+ }, eE = ({
3140
3140
  hasGap: e = !1,
3141
3141
  segments: n,
3142
3142
  size: i = fs,
@@ -3661,7 +3661,7 @@ const Jo = "connect_widget", er = "connections_widget", P_ = ({
3661
3661
  "& .MuiInputBase-adornedStart > .p": {
3662
3662
  marginRight: e.Spacing.Tiny
3663
3663
  }
3664
- }), eE = ({
3664
+ }), tE = ({
3665
3665
  icon: e,
3666
3666
  label: n,
3667
3667
  onClick: i,
@@ -4610,7 +4610,7 @@ const Jn = () => {
4610
4610
  children: /* @__PURE__ */ t(J_, { onAddIncomeClick: e })
4611
4611
  }
4612
4612
  ) : /* @__PURE__ */ t(de, {});
4613
- }, tE = x(eu), tu = (e) => {
4613
+ }, nE = x(eu), tu = (e) => {
4614
4614
  if (!e) return "";
4615
4615
  let n = e.user_name || e.feed_name || "";
4616
4616
  return e.account_number && (n = `${n} *${e.account_number}`), n;
@@ -7845,7 +7845,7 @@ const Fs = ({ transaction: e }) => {
7845
7845
  ]
7846
7846
  }
7847
7847
  );
7848
- }, aE = x(Xh), Ks = ({
7848
+ }, oE = x(Xh), Ks = ({
7849
7849
  frequency: e,
7850
7850
  firstDay: n,
7851
7851
  secondDay: i,
@@ -8821,7 +8821,7 @@ const Fs = ({ transaction: e }) => {
8821
8821
  )
8822
8822
  ] }) })
8823
8823
  ] });
8824
- }), oE = x(({ onBackClick: e, sx: n = {} }) => {
8824
+ }), rE = x(({ onBackClick: e, sx: n = {} }) => {
8825
8825
  const { accounts: i } = ve(), { recurring: a } = I(), { isCopyLoaded: o, isInitialized: r, selectedAccountGuids: s, setSelectedAccounts: c } = le(), { isDataLoaded: d, loadRepeatingTransactions: _ } = Ze(), { setFilter: u } = De(), { onEvent: g } = j(), [m, C] = h.useState(!1);
8826
8826
  return h.useEffect(() => {
8827
8827
  c(i);
@@ -8886,7 +8886,7 @@ const Fs = ({ transaction: e }) => {
8886
8886
  }
8887
8887
  )
8888
8888
  ] });
8889
- }), rE = x(
8889
+ }), sE = x(
8890
8890
  ({ onPrimaryCtaClick: e, sx: n }) => {
8891
8891
  const { accounts: i } = ve(), { recurring: a } = I(), { setFilter: o } = De(), { isDataLoaded: r, loadRepeatingTransactions: s } = Ze(), { isCopyLoaded: c, isInitialized: d, setSelectedAccounts: _, selectedAccountGuids: u } = le();
8892
8892
  return h.useEffect(() => {
@@ -10203,8 +10203,8 @@ const mg = ({ recurrence: e }) => /* @__PURE__ */ l(Z, { children: [
10203
10203
  children: /* @__PURE__ */ t(Rg, {})
10204
10204
  }
10205
10205
  );
10206
- }, sE = x(Og);
10207
- class cE {
10206
+ }, cE = x(Og);
10207
+ class lE {
10208
10208
  fetchInstance;
10209
10209
  constructor(n, i) {
10210
10210
  this.fetchInstance = new at(n, i);
@@ -11901,7 +11901,7 @@ const Ht = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
11901
11901
  ]
11902
11902
  }
11903
11903
  );
11904
- }, dE = x(Rm), Om = {
11904
+ }, _E = x(Rm), Om = {
11905
11905
  unnamed_label: "Unnamed Debt"
11906
11906
  };
11907
11907
  function Lm(e, n) {
@@ -12907,7 +12907,7 @@ const Pm = (e, n) => {
12907
12907
  }
12908
12908
  )
12909
12909
  ] });
12910
- }), _E = x(({ onBackClick: e, sx: n }) => {
12910
+ }), uE = x(({ onBackClick: e, sx: n }) => {
12911
12911
  const { onEvent: i } = j(), { isMobile: a } = Ce(), { visibleAccounts: o } = ve(), { isCopyLoaded: r, isInitialized: s, setSelectedAccounts: c } = le(), { goals: d, common: _ } = I(), { alert: u, goals: g, goalsLoaded: m, loadGoals: C, monthlyCashFlowProfile: f, setAlert: E, retirmentGoals: b } = ot(), [S, A] = h.useState(0), [v, w] = h.useState(!1), R = f?.amount_allocated_for_savings_goals || 0, L = f?.amount_allocated_for_debt_goals || 0, B = f?.amount_allocated_for_retirement_goals || 0, D = r ? T(
12912
12912
  a ? d.tab_subtitle_mobile : d.tab_subtitle,
12913
12913
  H(R, "0,0")
@@ -13799,7 +13799,7 @@ const yp = /^[ a-zA-ZÀ-ÿ0-9]+$/, Ep = 50, vr = 65, Sp = ({
13799
13799
  !a.length && /* @__PURE__ */ t(y, { alignItems: "center", my: 24, children: /* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: r.search_zero_state }) })
13800
13800
  ] }) }) })
13801
13801
  ] }) : /* @__PURE__ */ t(de, {});
13802
- }, uE = x(Sp);
13802
+ }, hE = x(Sp);
13803
13803
  class wr {
13804
13804
  fetchInstance;
13805
13805
  constructor(n, i) {
@@ -14144,7 +14144,7 @@ const $p = ({ amount: e, copy: n, trendValue: i }) => {
14144
14144
  /* @__PURE__ */ t(p, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: e.empty_widget_header }),
14145
14145
  /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "body2", children: e.zero_state_description })
14146
14146
  ] })
14147
- ] }), hE = x(({ onCTAClick: e }) => {
14147
+ ] }), gE = x(({ onCTAClick: e }) => {
14148
14148
  const [n, i] = h.useState(!1), { visibleAccounts: a } = ve(), { onEvent: o } = j(), { net_worth: r, common: s } = I(), { isInitialized: c, selectedAccounts: d, setSelectedAccounts: _ } = le(), { loadChartData: u, loadNetWorthData: g, netWorthData: m, selectedData: C } = Ns(), f = async () => {
14149
14149
  await g(d), await u(1), i(!0);
14150
14150
  };
@@ -14372,7 +14372,7 @@ const $p = ({ amount: e, copy: n, trendValue: i }) => {
14372
14372
  ] }))
14373
14373
  ] })
14374
14374
  ] });
14375
- }, jp = x(Yp), gE = x(({ onBackClick: e }) => {
14375
+ }, jp = x(Yp), mE = x(({ onBackClick: e }) => {
14376
14376
  const { isCopyLoaded: n, isInitialized: i, selectedAccounts: a, setSelectedAccounts: o } = le(), { accounts: r, net_worth: s } = I(), { visibleAccounts: c } = ve(), {
14377
14377
  assetsLiabilities: d,
14378
14378
  gainsLosses: _,
@@ -14508,7 +14508,7 @@ const $p = ({ amount: e, copy: n, trendValue: i }) => {
14508
14508
  ] }) : /* @__PURE__ */ t(de, {})
14509
14509
  }
14510
14510
  ) : /* @__PURE__ */ t(de, {});
14511
- }), mE = (e) => {
14511
+ }), pE = (e) => {
14512
14512
  switch (e) {
14513
14513
  case He.BudgetExceeded:
14514
14514
  case He.BudgetOffTarget:
@@ -19376,7 +19376,7 @@ const l1 = x(() => {
19376
19376
  }
19377
19377
  )
19378
19378
  ] });
19379
- }, pE = x(({ sx: e }) => {
19379
+ }, CE = x(({ sx: e }) => {
19380
19380
  const { isCopyLoaded: n, isInitialized: i } = le();
19381
19381
  return !n || !i ? /* @__PURE__ */ t(de, {}) : /* @__PURE__ */ t(bt, { sx: { p: 16 }, children: /* @__PURE__ */ t(Sc, { sx: e }) });
19382
19382
  }), aC = x(({ selectedTab: e }) => {
@@ -19410,7 +19410,7 @@ const l1 = x(() => {
19410
19410
  ] });
19411
19411
  });
19412
19412
  var Un = /* @__PURE__ */ ((e) => (e[e.Profile = 0] = "Profile", e[e.Devices = 1] = "Devices", e[e.Notifications = 2] = "Notifications", e[e.TransactionRules = 3] = "TransactionRules", e[e.Help = 4] = "Help", e))(Un || {});
19413
- const CE = x(({ onBackClick: e, sx: n }) => {
19413
+ const fE = x(({ onBackClick: e, sx: n }) => {
19414
19414
  const { settings: i } = I(), { isCopyLoaded: a, isInitialized: o } = le(), { config: r } = Qn(), { isMobile: s } = Ce(), {
19415
19415
  display_user_profile_in_settings: c,
19416
19416
  display_mobile_devices_in_settings: d,
@@ -19449,13 +19449,13 @@ const CE = x(({ onBackClick: e, sx: n }) => {
19449
19449
  ] })
19450
19450
  }
19451
19451
  );
19452
- }), fE = (e) => {
19452
+ }), bE = (e) => {
19453
19453
  const { isMobile: n } = Ce();
19454
19454
  return /* @__PURE__ */ t(bt, { ...e, children: /* @__PURE__ */ t(y, { mx: n ? 0 : 48, my: 24, children: /* @__PURE__ */ t(Io, {}) }) });
19455
- }, bE = (e) => {
19455
+ }, yE = (e) => {
19456
19456
  const { isMobile: n } = Ce();
19457
19457
  return /* @__PURE__ */ t(bt, { ...e, children: /* @__PURE__ */ t(y, { sx: { mx: n ? 0 : 48, my: 24 }, children: /* @__PURE__ */ t(yc, {}) }) });
19458
- }, yE = x(
19458
+ }, EE = x(
19459
19459
  ({ notificationTypes: e, isOpen: n, onClose: i, onNotificationClick: a }) => {
19460
19460
  const { notifications: o } = I(), { isCopyLoaded: r } = le(), { isMobile: s } = Ce(), [c, d] = h.useState(!1);
19461
19461
  return r ? /* @__PURE__ */ l(
@@ -19750,7 +19750,7 @@ class cC {
19750
19750
  }
19751
19751
  };
19752
19752
  }
19753
- class EE {
19753
+ class SE {
19754
19754
  // Global properties
19755
19755
  appConfig = Gr;
19756
19756
  endpoint = "/";
@@ -20609,7 +20609,7 @@ const Ta = ({
20609
20609
  ] }) : /* @__PURE__ */ t(de, {})
20610
20610
  }
20611
20611
  ) : /* @__PURE__ */ t(de, {});
20612
- }, SE = x(vC), wC = ({ onPrimaryCtaClick: e, sx: n }) => {
20612
+ }, TE = x(vC), wC = ({ onPrimaryCtaClick: e, sx: n }) => {
20613
20613
  const { visibleAccounts: i } = ve(), { accounts: a } = I(), { isCopyLoaded: o, isInitialized: r, selectedAccounts: s, setSelectedAccounts: c } = le();
20614
20614
  return h.useEffect(() => {
20615
20615
  c(i);
@@ -20640,7 +20640,7 @@ const Ta = ({
20640
20640
  ] }) : /* @__PURE__ */ t(de, {})
20641
20641
  }
20642
20642
  ) : /* @__PURE__ */ t(de, {});
20643
- }, TE = x(wC), NC = () => /* @__PURE__ */ l(
20643
+ }, AE = x(wC), NC = () => /* @__PURE__ */ l(
20644
20644
  "svg",
20645
20645
  {
20646
20646
  fill: "none",
@@ -21125,7 +21125,7 @@ const Ta = ({
21125
21125
  ]
21126
21126
  }
21127
21127
  ) : /* @__PURE__ */ t(de, {});
21128
- }, AE = x(OC);
21128
+ }, IE = x(OC);
21129
21129
  class Pr {
21130
21130
  fetchInstance;
21131
21131
  constructor(n, i) {
@@ -21485,7 +21485,7 @@ const kC = () => {
21485
21485
  ]
21486
21486
  }
21487
21487
  ) : /* @__PURE__ */ t(de, {});
21488
- }, IE = x(HC), Hr = 5, Ic = 100, ki = 25, FC = (e) => {
21488
+ }, xE = x(HC), Hr = 5, Ic = 100, ki = 25, FC = (e) => {
21489
21489
  const n = (o) => {
21490
21490
  o.active || e.alphaTarget(0.3).restart(), o.subject.fx = o.subject.x, o.subject.fy = o.subject.y;
21491
21491
  }, i = (o) => {
@@ -21539,8 +21539,7 @@ const kC = () => {
21539
21539
  ..._,
21540
21540
  radius: d(Math.max(_.transaction_total, _.amount))
21541
21541
  }));
21542
- }, Fr = 5, jC = 2e3;
21543
- function XC({ bubble: e }) {
21542
+ }, Fr = 5, jC = 2e3, XC = ({ bubble: e }) => {
21544
21543
  const n = fe(), {
21545
21544
  guid: i,
21546
21545
  budgetColors: { mercury: a },
@@ -21557,29 +21556,39 @@ function XC({ bubble: e }) {
21557
21556
  style: { fill: n.palette.common.white, fillOpacity: 0.35 }
21558
21557
  }
21559
21558
  ) });
21560
- }
21561
- const Wn = 75, $r = 50;
21562
- function ZC({ bubble: e, isDraggable: n, onClick: i = () => {
21559
+ }, ZC = h.memo(XC), Wn = 75, $r = 50;
21560
+ function qC({ bubble: e, isDraggable: n, onClick: i = () => {
21563
21561
  } }) {
21564
21562
  const [a, o] = h.useState(!1);
21565
- if (h.useEffect(() => {
21563
+ h.useEffect(() => {
21566
21564
  document.fonts.ready.then(() => {
21567
- const S = Tt.select(`.icon-${c}`), A = S.node()?.getComputedTextLength();
21568
- S.attr("x", () => g < Wn ? A ? A / 2 - 12 : 12 : A ? A / 2 - 16 : 16);
21565
+ const A = Tt.select(`.icon-${d}`), v = A.node()?.getComputedTextLength();
21566
+ A.attr("x", () => m < Wn ? v ? v / 2 - 12 : 12 : v ? v / 2 - 16 : 16);
21569
21567
  });
21570
- }, []), !e) return;
21568
+ }, []);
21569
+ const r = h.useMemo(() => {
21570
+ if (e)
21571
+ return {
21572
+ amount: e.amount,
21573
+ budgetColors: e.budgetColors,
21574
+ guid: e.guid,
21575
+ radius: e.radius,
21576
+ transaction_total: e.transaction_total
21577
+ };
21578
+ }, [e.amount, e.budgetColors, e.guid, e.radius, e.transaction_total]);
21579
+ if (!e) return;
21571
21580
  const {
21572
- budgetColors: { background: r, text: s },
21573
- category: { icon: c, name: d },
21574
- guid: _,
21575
- description: u,
21576
- radius: g,
21577
- x: m,
21578
- y: C
21581
+ budgetColors: { background: s, text: c },
21582
+ category: { icon: d, name: _ },
21583
+ guid: u,
21584
+ description: g,
21585
+ radius: m,
21586
+ x: C,
21587
+ y: f
21579
21588
  } = e;
21580
- let f = 13;
21581
- g > 75 ? f = -20 : g > 50 && (f = -6);
21582
- const E = `${e.category.name}: ${u}`, b = {
21589
+ let E = 13;
21590
+ m > 75 ? E = -20 : m > 50 && (E = -6);
21591
+ const b = `${e.category.name}: ${g}`, S = {
21583
21592
  modifiers: [
21584
21593
  {
21585
21594
  name: "offset",
@@ -21591,80 +21600,80 @@ function ZC({ bubble: e, isDraggable: n, onClick: i = () => {
21591
21600
  "g",
21592
21601
  {
21593
21602
  className: "bubble",
21594
- id: `bubble-${_}`,
21603
+ id: `bubble-${u}`,
21595
21604
  onClick: () => i(e),
21596
21605
  onMouseEnter: () => o(!0),
21597
21606
  onMouseLeave: () => o(!1),
21598
21607
  style: { cursor: n ? "pointer" : "default" },
21599
21608
  textAnchor: "middle",
21600
- x: m,
21601
- y: C,
21609
+ x: C,
21610
+ y: f,
21602
21611
  children: [
21603
21612
  /* @__PURE__ */ t(
21604
21613
  Bn,
21605
21614
  {
21606
21615
  followCursor: !0,
21607
21616
  open: a,
21608
- slotProps: { popper: b },
21609
- title: E,
21610
- children: /* @__PURE__ */ t("circle", { fill: r, id: `circle-${_}`, r: g })
21617
+ slotProps: { popper: S },
21618
+ title: b,
21619
+ children: /* @__PURE__ */ t("circle", { fill: s, id: `circle-${u}`, r: m })
21611
21620
  }
21612
21621
  ),
21613
21622
  /* @__PURE__ */ t(
21614
21623
  $,
21615
21624
  {
21616
- className: `icon-${c}`,
21625
+ className: `icon-${d}`,
21617
21626
  component: "text",
21618
- name: c,
21619
- size: g <= Wn ? 24 : 32,
21627
+ name: d,
21628
+ size: m <= Wn ? 24 : 32,
21620
21629
  sx: {
21621
- fill: s
21630
+ fill: c
21622
21631
  },
21623
- y: f
21632
+ y: E
21624
21633
  }
21625
21634
  ),
21626
- g > Wn && /* @__PURE__ */ t(
21635
+ m > Wn && /* @__PURE__ */ t(
21627
21636
  p,
21628
21637
  {
21629
21638
  bold: !0,
21630
21639
  component: "text",
21631
- id: `budget-category-${_}`,
21632
- sx: { fill: s },
21640
+ id: `budget-category-${u}`,
21641
+ sx: { fill: c },
21633
21642
  variant: "Small",
21634
21643
  y: 4,
21635
- children: d
21644
+ children: _
21636
21645
  }
21637
21646
  ),
21638
- g > $r && /* @__PURE__ */ t(
21647
+ m > $r && /* @__PURE__ */ t(
21639
21648
  p,
21640
21649
  {
21641
21650
  bold: !0,
21642
21651
  component: "text",
21643
- id: `budget-description-${_}-1`,
21644
- sx: { fill: s },
21652
+ id: `budget-description-${u}-1`,
21653
+ sx: { fill: c },
21645
21654
  variant: "Body",
21646
- y: g <= Wn ? 12 : 24,
21647
- children: g <= Wn ? u.split(" ")[0] : u
21655
+ y: m <= Wn ? 12 : 24,
21656
+ children: m <= Wn ? g.split(" ")[0] : g
21648
21657
  }
21649
21658
  ),
21650
- g <= Wn && g > $r && /* @__PURE__ */ t(
21659
+ m <= Wn && m > $r && /* @__PURE__ */ t(
21651
21660
  p,
21652
21661
  {
21653
21662
  component: "text",
21654
- id: `budget-description-${_}-2`,
21655
- sx: { fill: s },
21663
+ id: `budget-description-${u}-2`,
21664
+ sx: { fill: c },
21656
21665
  variant: "XSmall",
21657
21666
  y: 28,
21658
- children: u.split(" ")[1]
21667
+ children: g.split(" ")[1]
21659
21668
  }
21660
21669
  ),
21661
- /* @__PURE__ */ t(XC, { bubble: e })
21670
+ /* @__PURE__ */ t(ZC, { bubble: r })
21662
21671
  ]
21663
21672
  },
21664
- _
21673
+ u
21665
21674
  );
21666
21675
  }
21667
- const qC = ({
21676
+ const QC = ({
21668
21677
  height: e,
21669
21678
  width: n,
21670
21679
  isDraggable: i = !1,
@@ -21682,8 +21691,8 @@ const qC = ({
21682
21691
  if (!_) return;
21683
21692
  const u = _.nodes(), g = n < 450 && n > 0, m = YC(u, c, g, e, n);
21684
21693
  _.nodes(m), UC(_, e, n), i && WC(_), r([...m]);
21685
- }, [e, n, i, c]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: o.map((_) => /* @__PURE__ */ t(ZC, { bubble: _, isDraggable: i, onClick: a }, _.guid)) });
21686
- }, QC = x(qC), JC = ({
21694
+ }, [e, n, i, c]), /* @__PURE__ */ t("svg", { height: e, style: { overflow: "visible" }, width: Math.abs(n), children: o.map((_) => /* @__PURE__ */ t(qC, { bubble: _, isDraggable: i, onClick: a }, _.guid)) });
21695
+ }, JC = x(QC), e0 = ({
21687
21696
  isMiniWidget: e = !1,
21688
21697
  onConnectAccountsClick: n,
21689
21698
  createBudgetOnClick: i
@@ -21779,14 +21788,14 @@ const qC = ({
21779
21788
  };
21780
21789
  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: [
21781
21790
  o || !_ ? /* @__PURE__ */ t(
21782
- JC,
21791
+ e0,
21783
21792
  {
21784
21793
  createBudgetOnClick: e,
21785
21794
  isMiniWidget: a,
21786
21795
  onConnectAccountsClick: S
21787
21796
  }
21788
21797
  ) : /* @__PURE__ */ t(
21789
- QC,
21798
+ JC,
21790
21799
  {
21791
21800
  height: n,
21792
21801
  isDraggable: i,
@@ -21804,7 +21813,7 @@ const qC = ({
21804
21813
  )
21805
21814
  ] });
21806
21815
  }
21807
- ), e0 = (e) => {
21816
+ ), t0 = (e) => {
21808
21817
  const n = fe(), { accounts: i } = ve(), { budgets: a, isDataLoaded: o, loadBudgetData: r, setTheme: s } = dt(), { budgets: c } = I(), { isCopyLoaded: d, isInitialized: _ } = le(), { reloadCategoryTotals: u } = Ve(), g = Y_(), m = a.length === 0;
21809
21818
  return h.useEffect(() => {
21810
21819
  s(n);
@@ -21834,7 +21843,7 @@ const qC = ({
21834
21843
  ] }) : /* @__PURE__ */ t(de, {})
21835
21844
  }
21836
21845
  ) : /* @__PURE__ */ t(de, {});
21837
- }, xE = x(e0), t0 = x(() => {
21846
+ }, vE = x(t0), n0 = x(() => {
21838
21847
  const { budgets: e } = I(), { totalBudgeted: n } = dt(), { projectedIncome: i } = Ze(), a = i - n;
21839
21848
  return /* @__PURE__ */ l(y, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
21840
21849
  /* @__PURE__ */ l(y, { alignItems: "center", children: [
@@ -21852,7 +21861,7 @@ const qC = ({
21852
21861
  /* @__PURE__ */ t(p, { color: "secondary", variant: "Small", children: e.remaining })
21853
21862
  ] })
21854
21863
  ] });
21855
- }), n0 = x(
21864
+ }), i0 = x(
21856
21865
  ({ category: e }) => {
21857
21866
  const { budgets: n } = I(), { budgets: i } = dt(), a = h.useMemo(() => {
21858
21867
  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;
@@ -21866,7 +21875,7 @@ const qC = ({
21866
21875
  /* @__PURE__ */ t(P, {})
21867
21876
  ] }, e.guid);
21868
21877
  }
21869
- ), i0 = ({ onRecalculateBudgets: e }) => {
21878
+ ), a0 = ({ onRecalculateBudgets: e }) => {
21870
21879
  const { budgets: n, common: i } = I(), { spendCategories: a } = Ve(), { recalculateBudgets: o, setAlert: r } = dt(), [s, c] = h.useState(!1), d = a.filter((u) => u.totalAverageAmount > 0), _ = async () => {
21871
21880
  await o(d), c(!1), r(n.alert_recalculated_budgets), e?.();
21872
21881
  };
@@ -21886,7 +21895,7 @@ const qC = ({
21886
21895
  /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
21887
21896
  /* @__PURE__ */ t(p, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
21888
21897
  ] }),
21889
- /* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ie, { children: d.map((u) => /* @__PURE__ */ t(n0, { category: u }, u.guid)) }) })
21898
+ /* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ie, { children: d.map((u) => /* @__PURE__ */ t(i0, { category: u }, u.guid)) }) })
21890
21899
  ] })
21891
21900
  }
21892
21901
  )
@@ -21917,7 +21926,7 @@ const qC = ({
21917
21926
  }
21918
21927
  )
21919
21928
  ] });
21920
- }, a0 = x(({ category: e, onAddBudget: n }) => {
21929
+ }, o0 = x(({ category: e, onAddBudget: n }) => {
21921
21930
  const { budgets: i, common: a } = I(), [o, r] = h.useState(!1), [s, c] = h.useState(
21922
21931
  `${e.totalAmount === 0 ? "" : e.totalAmount}`
21923
21932
  );
@@ -21946,21 +21955,21 @@ const qC = ({
21946
21955
  }
21947
21956
  )
21948
21957
  ] });
21949
- }), o0 = x(({ onRecalculateBudgets: e }) => {
21958
+ }), r0 = x(({ onRecalculateBudgets: e }) => {
21950
21959
  const { budgets: n } = I(), { addBudget: i, setAlert: a, unbudgetedCategories: o } = dt(), r = async (s, c) => {
21951
21960
  await i(s, c), a(T(n.alert_budget_created, s.name));
21952
21961
  };
21953
21962
  return /* @__PURE__ */ l(y, { children: [
21954
- /* @__PURE__ */ t(t0, {}),
21963
+ /* @__PURE__ */ t(n0, {}),
21955
21964
  /* @__PURE__ */ t(O, { bgcolor: "background.paper", children: /* @__PURE__ */ t(ie, { children: o.map((s) => /* @__PURE__ */ t(
21956
- a0,
21965
+ o0,
21957
21966
  {
21958
21967
  category: s,
21959
21968
  onAddBudget: r
21960
21969
  },
21961
21970
  s.guid
21962
21971
  )) }) }),
21963
- /* @__PURE__ */ t(i0, { onRecalculateBudgets: e })
21972
+ /* @__PURE__ */ t(a0, { onRecalculateBudgets: e })
21964
21973
  ] });
21965
21974
  }), wc = ({ budget: e }) => {
21966
21975
  const {
@@ -21982,14 +21991,14 @@ const qC = ({
21982
21991
  /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
21983
21992
  /* @__PURE__ */ t(mi, { data: c, height: 10 })
21984
21993
  ] }) }) });
21985
- }, r0 = x(() => {
21994
+ }, s0 = x(() => {
21986
21995
  const { budgets: e } = I();
21987
21996
  return /* @__PURE__ */ l(y, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
21988
21997
  /* @__PURE__ */ t($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
21989
21998
  /* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
21990
21999
  /* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
21991
22000
  ] });
21992
- }), s0 = x(({ budget: e }) => {
22001
+ }), c0 = x(({ budget: e }) => {
21993
22002
  const {
21994
22003
  amount: n,
21995
22004
  budgetColors: { background: i },
@@ -22010,7 +22019,7 @@ const qC = ({
22010
22019
  }
22011
22020
  )
22012
22021
  ] }) });
22013
- }), c0 = x(({ category: e, parentBudget: n }) => {
22022
+ }), l0 = x(({ category: e, parentBudget: n }) => {
22014
22023
  const { budgets: i, common: a } = I(), { setExpandedGuid: o, setOnSelect: r } = ln(), { addBudget: s } = dt(), [c, d] = h.useState(!1), [_, u] = h.useState(!1), [g, m] = h.useState(""), [C, f] = h.useState(void 0);
22015
22024
  h.useEffect(() => {
22016
22025
  r((S) => {
@@ -22062,7 +22071,7 @@ const qC = ({
22062
22071
  }
22063
22072
  )
22064
22073
  ] });
22065
- }), l0 = x(({ budget: e }) => {
22074
+ }), d0 = x(({ budget: e }) => {
22066
22075
  const { category: n, subBudgets: i } = e, { budgets: a, common: o } = I(), { deleteBudget: r, selectedSubBudget: s, setSelectedSubBudget: c, updateBudget: d } = dt(), { filter: _, setFilter: u } = De(), [g, m] = h.useState(!1), [C, f] = h.useState(!1), [E, b] = h.useState("");
22067
22076
  h.useEffect(() => {
22068
22077
  s && (b(`${s.amount}`), u({
@@ -22085,11 +22094,11 @@ const qC = ({
22085
22094
  };
22086
22095
  return /* @__PURE__ */ l(h.Fragment, { children: [
22087
22096
  /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.paper" }, children: [
22088
- i.length === 0 ? /* @__PURE__ */ t(r0, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
22089
- /* @__PURE__ */ t(s0, { budget: w }),
22097
+ i.length === 0 ? /* @__PURE__ */ t(s0, {}) : i.map((w) => /* @__PURE__ */ l(h.Fragment, { children: [
22098
+ /* @__PURE__ */ t(c0, { budget: w }),
22090
22099
  /* @__PURE__ */ t(P, {})
22091
22100
  ] }, w.guid)),
22092
- /* @__PURE__ */ t(c0, { category: n, parentBudget: e })
22101
+ /* @__PURE__ */ t(l0, { category: n, parentBudget: e })
22093
22102
  ] }),
22094
22103
  /* @__PURE__ */ t(
22095
22104
  ce,
@@ -22143,7 +22152,7 @@ const qC = ({
22143
22152
  )
22144
22153
  ] })
22145
22154
  ] });
22146
- }), d0 = x(({ budget: e }) => {
22155
+ }), _0 = x(({ budget: e }) => {
22147
22156
  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(
22148
22157
  () => r.find((f) => f.guid === _),
22149
22158
  [_]
@@ -22181,7 +22190,7 @@ const qC = ({
22181
22190
  ) }),
22182
22191
  /* @__PURE__ */ t(Dn, { height: "100%", onClick: u })
22183
22192
  ] }),
22184
- c === 1 && /* @__PURE__ */ t(l0, { budget: e }),
22193
+ c === 1 && /* @__PURE__ */ t(d0, { budget: e }),
22185
22194
  /* @__PURE__ */ t(
22186
22195
  ce,
22187
22196
  {
@@ -22194,7 +22203,7 @@ const qC = ({
22194
22203
  )
22195
22204
  ] })
22196
22205
  ] });
22197
- }), _0 = x(() => {
22206
+ }), u0 = x(() => {
22198
22207
  const { selectedAccountGuids: e } = le(), { budgets: n, common: i } = I(), {
22199
22208
  dateRange: a,
22200
22209
  deleteBudget: o,
@@ -22238,7 +22247,7 @@ const qC = ({
22238
22247
  secondaryColor: "error",
22239
22248
  secondaryText: n.details_delete_button,
22240
22249
  title: n.details_title,
22241
- children: /* @__PURE__ */ t(d0, { budget: r })
22250
+ children: /* @__PURE__ */ t(_0, { budget: r })
22242
22251
  }
22243
22252
  ),
22244
22253
  /* @__PURE__ */ t(
@@ -22274,7 +22283,7 @@ const qC = ({
22274
22283
  }
22275
22284
  )
22276
22285
  ] });
22277
- }), u0 = ({ budget: e, onClick: n }) => {
22286
+ }), h0 = ({ budget: e, onClick: n }) => {
22278
22287
  const {
22279
22288
  amount: i,
22280
22289
  budgetColors: { background: a, description: o },
@@ -22303,7 +22312,7 @@ const qC = ({
22303
22312
  }
22304
22313
  )
22305
22314
  ] }) });
22306
- }, h0 = x(() => {
22315
+ }, g0 = x(() => {
22307
22316
  const { onEvent: e } = j(), { budgets: n } = I(), { detailedBudgets: i, setSelectedBudget: a } = dt(), o = (r) => {
22308
22317
  a(r), e(W.BUDGETS_CLICK_BUDGET_CATEGORY, {
22309
22318
  budget_category: r.category.name,
@@ -22313,11 +22322,11 @@ const qC = ({
22313
22322
  return /* @__PURE__ */ l(Nt, { elevation: 2, children: [
22314
22323
  /* @__PURE__ */ t(cn, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(lt, { children: n.budget_categories_title }) }),
22315
22324
  /* @__PURE__ */ t(Dt, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ie, { children: i.map((r) => /* @__PURE__ */ l(h.Fragment, { children: [
22316
- /* @__PURE__ */ t(u0, { budget: r, onClick: o }),
22325
+ /* @__PURE__ */ t(h0, { budget: r, onClick: o }),
22317
22326
  /* @__PURE__ */ t(P, {})
22318
22327
  ] }, r.guid)) }) })
22319
22328
  ] });
22320
- }), g0 = x(() => {
22329
+ }), m0 = x(() => {
22321
22330
  const e = fe(), { onEvent: n } = j(), { visibleAccounts: i } = ve(), { budgets: a, common: o, recurring: r } = I(), { incomeCategories: s, spendCategories: c } = Ve(), { detailedBudgets: d, totalBudgeted: _ } = dt(), { projectedIncome: u } = Ze(), { setFilter: g } = De(), [m, C] = h.useState(!1), [f, E] = h.useMemo(() => {
22322
22331
  const v = c.reduce((B, D) => B + D.totalAmount, 0);
22323
22332
  let w = v / _;
@@ -22400,7 +22409,7 @@ const qC = ({
22400
22409
  }
22401
22410
  )
22402
22411
  ] });
22403
- }), Wr = 480, vE = x(({ onBackClick: e, sx: n }) => {
22412
+ }), Wr = 480, wE = x(({ onBackClick: e, sx: n }) => {
22404
22413
  const i = fe(), { onEvent: a } = j(), { visibleAccounts: o } = ve(), { budgets: r, common: s } = I(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: _, setDisplayedDate: u, setSelectedAccounts: g } = le(), {
22405
22414
  alert: m,
22406
22415
  dateRange: C,
@@ -22471,15 +22480,15 @@ const qC = ({
22471
22480
  sx: { mr: 24, mt: 48 },
22472
22481
  width: G ? "100%" : Wr,
22473
22482
  children: [
22474
- /* @__PURE__ */ t(g0, {}),
22475
- /* @__PURE__ */ t(h0, {})
22483
+ /* @__PURE__ */ t(m0, {}),
22484
+ /* @__PURE__ */ t(g0, {})
22476
22485
  ]
22477
22486
  }
22478
22487
  )
22479
22488
  ]
22480
22489
  }
22481
22490
  ),
22482
- /* @__PURE__ */ t(_0, {}),
22491
+ /* @__PURE__ */ t(u0, {}),
22483
22492
  /* @__PURE__ */ t(
22484
22493
  ce,
22485
22494
  {
@@ -22487,7 +22496,7 @@ const qC = ({
22487
22496
  isOpen: k,
22488
22497
  onClose: () => U(!1),
22489
22498
  title: r.add_new_title,
22490
- children: /* @__PURE__ */ t(o0, { onRecalculateBudgets: he })
22499
+ children: /* @__PURE__ */ t(r0, { onRecalculateBudgets: he })
22491
22500
  }
22492
22501
  ),
22493
22502
  /* @__PURE__ */ t(
@@ -22515,7 +22524,7 @@ const qC = ({
22515
22524
  ]
22516
22525
  }
22517
22526
  );
22518
- }), m0 = x(() => {
22527
+ }), p0 = x(() => {
22519
22528
  const e = fe(), {
22520
22529
  appDataStore: { banner: n, loadBanner: i, user: a }
22521
22530
  } = oa();
@@ -22554,7 +22563,7 @@ const qC = ({
22554
22563
  )
22555
22564
  }
22556
22565
  ) : null;
22557
- }), p0 = ({ handleConnectClick: e }) => {
22566
+ }), C0 = ({ handleConnectClick: e }) => {
22558
22567
  const { common: n } = I(), i = an("(max-width: 700px)");
22559
22568
  return /* @__PURE__ */ t(O, { my: 4, children: i ? /* @__PURE__ */ t(Bn, { id: "add-accounts", placement: "bottom", title: n.add_accounts, children: /* @__PURE__ */ t(
22560
22569
  $e,
@@ -22584,7 +22593,7 @@ const qC = ({
22584
22593
  children: n.add_accounts
22585
22594
  }
22586
22595
  ) });
22587
- }, C0 = x(p0), f0 = () => {
22596
+ }, f0 = x(C0), b0 = () => {
22588
22597
  const [e, n] = h.useState(!1), { visibleAccounts: i } = ve(), { selectedAccountGuids: a, setSelectedAccountGuids: o } = le(), { common: r, connect: s } = I(), { config: c } = Qn(), { isMobile: d } = Ce(), _ = {
22589
22598
  accountFilterOptionsCopy: {
22590
22599
  accountTypeAccounts: r.account_filter.account_type_accounts,
@@ -22610,7 +22619,7 @@ const qC = ({
22610
22619
  /* @__PURE__ */ t(p, { color: "text.secondary", sx: { fontSize: 15 }, children: r.heres_your_spending_overview })
22611
22620
  ] }) }),
22612
22621
  /* @__PURE__ */ l(y, { flexDirection: "row", children: [
22613
- c.show_connections_widget_in_master && /* @__PURE__ */ t(C0, { handleConnectClick: () => n(!0) }),
22622
+ c.show_connections_widget_in_master && /* @__PURE__ */ t(f0, { handleConnectClick: () => n(!0) }),
22614
22623
  /* @__PURE__ */ t(
22615
22624
  Ts,
22616
22625
  {
@@ -22639,9 +22648,9 @@ const qC = ({
22639
22648
  }
22640
22649
  )
22641
22650
  ] });
22642
- }, b0 = x(f0);
22651
+ }, y0 = x(b0);
22643
22652
  var Gi = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(Gi || {});
22644
- const y0 = ({ widgets: e, isLoading: n }) => {
22653
+ const E0 = ({ widgets: e, isLoading: n }) => {
22645
22654
  const { isDesktop: i, isMobile: a } = Ce(), { copyStore: o } = oa(), { setSelectedAccounts: r } = le(), { visibleAccounts: s } = ve();
22646
22655
  h.useEffect(() => {
22647
22656
  r(s);
@@ -22657,9 +22666,9 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22657
22666
  [c]
22658
22667
  );
22659
22668
  return /* @__PURE__ */ l(pn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
22660
- /* @__PURE__ */ t(pn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(b0, {}) }),
22669
+ /* @__PURE__ */ t(pn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(y0, {}) }),
22661
22670
  /* @__PURE__ */ l(pn, { lg: 8, xs: 12, children: [
22662
- /* @__PURE__ */ t(m0, {}),
22671
+ /* @__PURE__ */ t(p0, {}),
22663
22672
  n && /* @__PURE__ */ l(y, { direction: "column", spacing: 24, children: [
22664
22673
  /* @__PURE__ */ t(un, { height: 100, variant: "rounded", width: "100%" }),
22665
22674
  /* @__PURE__ */ t(un, { height: 300, variant: "rounded", width: "100%" }),
@@ -22673,7 +22682,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22673
22682
  /* @__PURE__ */ t(un, { height: 300, variant: "rounded", width: "100%" })
22674
22683
  ] }) : /* @__PURE__ */ t(y, { direction: "column", spacing: 24, children: _.map((u) => /* @__PURE__ */ t(h.Fragment, { children: u.component }, u.index)) }) })
22675
22684
  ] });
22676
- }, wE = x(y0), xo = ({ sx: e = {} }) => {
22685
+ }, NE = x(E0), xo = ({ sx: e = {} }) => {
22677
22686
  const { investments: n } = I(), { onEvent: i } = j(), { setShowConnectionsWidget: a } = Gn();
22678
22687
  return /* @__PURE__ */ l(y, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...e }, children: [
22679
22688
  /* @__PURE__ */ l(
@@ -22715,7 +22724,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22715
22724
  }
22716
22725
  )
22717
22726
  ] });
22718
- }, E0 = {
22727
+ }, S0 = {
22719
22728
  allocations_cash: "#AEDCCC",
22720
22729
  allocations_convertible: "#80CAD0",
22721
22730
  allocations_foreign_bond: "#51B9D4",
@@ -22725,7 +22734,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22725
22734
  allocations_unknown: "#161D6A",
22726
22735
  allocations_us_bond: "#254995",
22727
22736
  allocations_us_stock: "#1E2D84"
22728
- }, S0 = [
22737
+ }, T0 = [
22729
22738
  {
22730
22739
  name: "allocations_cash"
22731
22740
  },
@@ -22753,10 +22762,10 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22753
22762
  {
22754
22763
  name: "allocations_unknown"
22755
22764
  }
22756
- ], T0 = (e, n, i) => {
22765
+ ], A0 = (e, n, i) => {
22757
22766
  const a = n, o = i;
22758
22767
  return e >= Math.min(a, o) && e < Math.max(a, o);
22759
- }, A0 = (e, n, i) => {
22768
+ }, I0 = (e, n, i) => {
22760
22769
  const a = [
22761
22770
  ...new Set(e.map((s) => s.name.toLowerCase()))
22762
22771
  ];
@@ -22773,7 +22782,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22773
22782
  percentage: c / i
22774
22783
  };
22775
22784
  });
22776
- }, Bi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, I0 = (e, n, i) => {
22785
+ }, Bi = (e) => e.calculated_market_value ? e.calculated_market_value : e.market_value, x0 = (e, n, i) => {
22777
22786
  const a = Object.values(n.allocations_list), o = [];
22778
22787
  let r = 0;
22779
22788
  const s = e.map(({ guid: f }) => f), c = i.filter(({ account_guid: f }) => s.includes(f)).map((f) => ({
@@ -22793,7 +22802,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22793
22802
  }),
22794
22803
  { marketValue: 0, totalGainLoss: 0 }
22795
22804
  ), m = u + d;
22796
- S0.forEach((f, E) => {
22805
+ T0.forEach((f, E) => {
22797
22806
  const b = c.filter(
22798
22807
  (v) => !!v[f.name]
22799
22808
  );
@@ -22801,7 +22810,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22801
22810
  (v, w) => v + Bi(w) * w[f.name] / 100,
22802
22811
  0
22803
22812
  );
22804
- const A = A0(
22813
+ const A = I0(
22805
22814
  b,
22806
22815
  f.name,
22807
22816
  S
@@ -22823,7 +22832,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22823
22832
  holdings: A,
22824
22833
  percentage: S / m,
22825
22834
  value: S,
22826
- color: E0[f.name]
22835
+ color: S0[f.name]
22827
22836
  }), r += S);
22828
22837
  });
22829
22838
  const C = o.map(
@@ -22842,7 +22851,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22842
22851
  totalMarketValue: m,
22843
22852
  totalGainLossPercentage: g / _
22844
22853
  };
22845
- }, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ti(e), di = (e) => e === 0 ? H(e, "0,0.00") : T0(e, -0.01, 0.01) ? "< $0.01" : H(e, "0,0.00"), x0 = ({
22854
+ }, Fa = (e) => e < 1e-3 ? "< 0.1%" : Ti(e), di = (e) => e === 0 ? H(e, "0,0.00") : A0(e, -0.01, 0.01) ? "< $0.01" : H(e, "0,0.00"), v0 = ({
22846
22855
  data: e,
22847
22856
  onSelected: n,
22848
22857
  selectedId: i,
@@ -22972,7 +22981,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
22972
22981
  )
22973
22982
  ] }) : a === 0 && /* @__PURE__ */ t(p, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${c.total_label_text} ${di(e.totalAmount)}` })
22974
22983
  ] });
22975
- }, v0 = ({
22984
+ }, w0 = ({
22976
22985
  data: e,
22977
22986
  hoveredId: n,
22978
22987
  isPercentage: i,
@@ -23026,12 +23035,12 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23026
23035
  ] }) }) })
23027
23036
  }
23028
23037
  );
23029
- }, w0 = () => {
23038
+ }, N0 = () => {
23030
23039
  const [e, n] = h.useState(0), [i, a] = h.useState(""), [o, r] = h.useState(""), s = (f) => {
23031
23040
  i !== f ? a(f) : (a(""), r(""));
23032
23041
  }, { selectedAccountGuids: c } = le(), { visibleHoldings: d } = Gn(), { visibleInvestmentAccounts: _ } = ve(), {
23033
23042
  investments: { allocation: u }
23034
- } = I(), g = I0(
23043
+ } = I(), g = x0(
23035
23044
  _.filter(({ guid: f }) => c.includes(f)),
23036
23045
  u,
23037
23046
  d
@@ -23049,7 +23058,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23049
23058
  },
23050
23059
  children: [
23051
23060
  /* @__PURE__ */ t(
23052
- v0,
23061
+ w0,
23053
23062
  {
23054
23063
  data: g,
23055
23064
  hoveredId: o,
@@ -23067,7 +23076,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23067
23076
  }
23068
23077
  ),
23069
23078
  /* @__PURE__ */ t(
23070
- x0,
23079
+ v0,
23071
23080
  {
23072
23081
  data: g,
23073
23082
  onSelected: s,
@@ -23079,7 +23088,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23079
23088
  ]
23080
23089
  }
23081
23090
  );
23082
- }, N0 = x(w0), D0 = ({
23091
+ }, D0 = x(N0), R0 = ({
23083
23092
  analysisDetails: e,
23084
23093
  analysisType: n,
23085
23094
  copy: i,
@@ -23168,10 +23177,10 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23168
23177
  )
23169
23178
  ] })
23170
23179
  ] });
23171
- }, R0 = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
23180
+ }, O0 = ({ body: e, title: n }) => /* @__PURE__ */ l(y, { sx: { gap: 4, p: 12 }, children: [
23172
23181
  /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: n }),
23173
23182
  /* @__PURE__ */ t(Ne, { variant: "ParagraphSmall", children: e })
23174
- ] }), O0 = ({
23183
+ ] }), L0 = ({
23175
23184
  placement: e = "bottom",
23176
23185
  tooltip_info_body: n,
23177
23186
  tooltip_info_title: i
@@ -23180,10 +23189,10 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23180
23189
  {
23181
23190
  enterTouchDelay: 500,
23182
23191
  placement: e,
23183
- title: /* @__PURE__ */ t(R0, { body: n, title: i }),
23192
+ title: /* @__PURE__ */ t(O0, { body: n, title: i }),
23184
23193
  children: /* @__PURE__ */ t($e, { "aria-label": i, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(ct, { name: "info", sx: { color: "info.main" } }) })
23185
23194
  }
23186
- ), L0 = () => {
23195
+ ), M0 = () => {
23187
23196
  const {
23188
23197
  investments: { analysis: e }
23189
23198
  } = I(), { analysisChartData: n, analysisDetails: i, analysisType: a, setAnalysisType: o } = Gn(), r = an("(min-width:320px) and (max-width:375px)"), { isMobile: s } = Ce(), d = it().palette.mode === "dark", { cellDimension: _, columns: u, rows: g, textVariant: m } = h.useMemo(() => {
@@ -23263,7 +23272,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23263
23272
  children: [
23264
23273
  /* @__PURE__ */ t(p, { bold: !0, children: e.invest_analysis }),
23265
23274
  /* @__PURE__ */ t(
23266
- O0,
23275
+ L0,
23267
23276
  {
23268
23277
  tooltip_info_body: e.tooltip_info_body,
23269
23278
  tooltip_info_title: e.tooltip_info_title
@@ -23321,7 +23330,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23321
23330
  }
23322
23331
  ),
23323
23332
  /* @__PURE__ */ t(
23324
- D0,
23333
+ R0,
23325
23334
  {
23326
23335
  analysisDetails: i,
23327
23336
  analysisType: a,
@@ -23336,7 +23345,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23336
23345
  ]
23337
23346
  }
23338
23347
  );
23339
- }, M0 = x(L0), k0 = ({
23348
+ }, k0 = x(M0), G0 = ({
23340
23349
  accountHoldingsData: e,
23341
23350
  currentEditedCostBasis: n,
23342
23351
  editingHoldingId: i,
@@ -23641,10 +23650,10 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23641
23650
  ]
23642
23651
  }
23643
23652
  );
23644
- }, G0 = x(k0), Li = (e) => /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
23653
+ }, B0 = x(G0), Li = (e) => /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
23645
23654
  /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "Small", children: e.colDef.headerName }),
23646
23655
  /* @__PURE__ */ t(ct, { name: "expand_all", size: 12 })
23647
- ] }), B0 = ({
23656
+ ] }), P0 = ({
23648
23657
  data: e,
23649
23658
  editingHoldingId: n,
23650
23659
  currentEditedCostBasis: i,
@@ -23812,7 +23821,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
23812
23821
  )
23813
23822
  }
23814
23823
  );
23815
- }, P0 = () => {
23824
+ }, H0 = () => {
23816
23825
  const { isMobile: e } = Ce(), [n, i] = Et({}), [a, o] = Et(!1), { selectedAccountGuids: r } = le(), { visibleHoldings: s, updateHoldings: c } = Gn(), [d, _] = h.useState(!1), [u, g] = Et({
23817
23826
  accounts: [],
23818
23827
  holdings: []
@@ -24191,7 +24200,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
24191
24200
  }
24192
24201
  ),
24193
24202
  /* @__PURE__ */ t(Zn, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ t(St, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(
24194
- B0,
24203
+ P0,
24195
24204
  {
24196
24205
  currentEditedCostBasis: S,
24197
24206
  data: ee,
@@ -24209,7 +24218,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
24209
24218
  }),
24210
24219
  /* @__PURE__ */ t(xo, {}),
24211
24220
  /* @__PURE__ */ t(
24212
- G0,
24221
+ B0,
24213
24222
  {
24214
24223
  accountHoldingsData: u,
24215
24224
  currentEditedCostBasis: S,
@@ -24231,7 +24240,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
24231
24240
  }
24232
24241
  )
24233
24242
  ] }) : /* @__PURE__ */ t(de, {});
24234
- }, H0 = x(P0), F0 = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), NE = x(({ onBackClick: e, sx: n }) => {
24243
+ }, F0 = x(H0), $0 = ({ title: e }) => /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e }), DE = x(({ onBackClick: e, sx: n }) => {
24235
24244
  const { onEvent: i } = j(), { isMobile: a } = Ce(), { visibleInvestmentAccounts: o } = ve(), {
24236
24245
  visibleHoldings: r,
24237
24246
  setShowConnectionsWidget: s,
@@ -24275,7 +24284,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
24275
24284
  textColor: "primary",
24276
24285
  value: A ? -1 : C,
24277
24286
  variant: "fullWidth",
24278
- children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t(F0, { title: w }) }, w))
24287
+ children: v.map((w) => /* @__PURE__ */ t(Je, { disabled: A, label: /* @__PURE__ */ t($0, { title: w }) }, w))
24279
24288
  }
24280
24289
  ),
24281
24290
  A ? /* @__PURE__ */ t(
@@ -24301,9 +24310,9 @@ const y0 = ({ widgets: e, isLoading: n }) => {
24301
24310
  }
24302
24311
  }
24303
24312
  ) : /* @__PURE__ */ l(Z, { children: [
24304
- C === 0 && /* @__PURE__ */ t(H0, {}),
24305
- C === 1 && /* @__PURE__ */ t(N0, {}),
24306
- C === 2 && /* @__PURE__ */ t(M0, {})
24313
+ C === 0 && /* @__PURE__ */ t(F0, {}),
24314
+ C === 1 && /* @__PURE__ */ t(D0, {}),
24315
+ C === 2 && /* @__PURE__ */ t(k0, {})
24307
24316
  ] })
24308
24317
  ] }),
24309
24318
  /* @__PURE__ */ t(
@@ -24318,7 +24327,7 @@ const y0 = ({ widgets: e, isLoading: n }) => {
24318
24327
  }
24319
24328
  );
24320
24329
  });
24321
- class $0 {
24330
+ class W0 {
24322
24331
  copyApi = new ci("/", "");
24323
24332
  copyObject = {};
24324
24333
  namespace = "experiences";
@@ -24364,7 +24373,7 @@ const vo = {
24364
24373
  MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
24365
24374
  }, Ft = window?.app?.clientConfig?.microwidget_instance_id || "", Ur = {
24366
24375
  INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
24367
- }, Nc = (e) => `on${e}Click`, Dc = (e) => `on${e}View`, Rc = (e) => `on${e}ViewFirstTime`, wo = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), W0 = () => Object.values(vo).reduce(
24376
+ }, Nc = (e) => `on${e}Click`, Dc = (e) => `on${e}View`, Rc = (e) => `on${e}ViewFirstTime`, wo = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2"), U0 = () => Object.values(vo).reduce(
24368
24377
  (e, n) => ({
24369
24378
  ...e,
24370
24379
  [Nc(n)]: {
@@ -24375,7 +24384,7 @@ const vo = {
24375
24384
  }
24376
24385
  }),
24377
24386
  {}
24378
- ), U0 = () => Object.values(vo).reduce(
24387
+ ), V0 = () => Object.values(vo).reduce(
24379
24388
  (e, n) => ({
24380
24389
  ...e,
24381
24390
  [Dc(n)]: {
@@ -24386,7 +24395,7 @@ const vo = {
24386
24395
  }
24387
24396
  }),
24388
24397
  {}
24389
- ), V0 = () => Object.values(vo).reduce(
24398
+ ), K0 = () => Object.values(vo).reduce(
24390
24399
  (e, n) => ({
24391
24400
  ...e,
24392
24401
  [Rc(n)]: {
@@ -24486,15 +24495,15 @@ const vo = {
24486
24495
  label: hn.VIEW_MORE,
24487
24496
  value: Ft
24488
24497
  },
24489
- ...W0(),
24490
24498
  ...U0(),
24491
- ...V0()
24499
+ ...V0(),
24500
+ ...K0()
24492
24501
  }, zr = async (e, n) => !n || !Kr[e] ? null : n.sendAnalyticEvent(Kr[e]).then((i) => i).catch((i) => {
24493
24502
  throw i;
24494
24503
  }), Yr = async (e, n) => !n || !Vr[e] ? null : n.sendAnalyticsPageview(Vr[e]).then((i) => i).catch((i) => {
24495
24504
  throw i;
24496
24505
  });
24497
- class K0 {
24506
+ class z0 {
24498
24507
  onAnalyticEvent = zr;
24499
24508
  onAnalyticPageView = Yr;
24500
24509
  beatApi = new Kn("/", "");
@@ -24519,7 +24528,7 @@ class K0 {
24519
24528
  this.beatApi.updateOffer(n);
24520
24529
  };
24521
24530
  }
24522
- class z0 {
24531
+ class Y0 {
24523
24532
  copyStore;
24524
24533
  endpoint = "/";
24525
24534
  insightsMicroWidgetStore;
@@ -24527,7 +24536,7 @@ class z0 {
24527
24536
  token = "";
24528
24537
  isInitialized = !1;
24529
24538
  constructor() {
24530
- this.copyStore = new $0(), this.insightsMicroWidgetStore = new K0(), Pe(this);
24539
+ this.copyStore = new W0(), this.insightsMicroWidgetStore = new z0(), Pe(this);
24531
24540
  }
24532
24541
  initialize = async (n, i, a) => {
24533
24542
  await this.copyStore.initialize(n, i), await this.insightsMicroWidgetStore.initialize(n, i, a);
@@ -24537,7 +24546,7 @@ class z0 {
24537
24546
  });
24538
24547
  };
24539
24548
  }
24540
- const xi = h.createContext(null), Y0 = ({
24549
+ const xi = h.createContext(null), j0 = ({
24541
24550
  onEvent: e,
24542
24551
  onPageview: n,
24543
24552
  store: i,
@@ -24674,13 +24683,13 @@ const xi = h.createContext(null), Y0 = ({
24674
24683
  }
24675
24684
  );
24676
24685
  }
24677
- ), j0 = ({ beat: e }) => {
24686
+ ), X0 = ({ beat: e }) => {
24678
24687
  const [n, i] = Et(N.UNCATEGORIZED);
24679
24688
  return Mn(() => {
24680
24689
  e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
24681
24690
  }, []), /* @__PURE__ */ t(Mt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
24682
- }, X0 = ({ beat: e }) => {
24683
- const n = mt(), i = Z0(n);
24691
+ }, Z0 = ({ beat: e }) => {
24692
+ const n = mt(), i = q0(n);
24684
24693
  return /* @__PURE__ */ t(
24685
24694
  bn,
24686
24695
  {
@@ -24690,12 +24699,12 @@ const xi = h.createContext(null), Y0 = ({
24690
24699
  size: 16
24691
24700
  }
24692
24701
  );
24693
- }, Z0 = (e) => Yt({
24702
+ }, q0 = (e) => Yt({
24694
24703
  marginTop: e.Spacing.XTiny,
24695
24704
  "& .kyper-categoryicon": {
24696
24705
  display: "flex"
24697
24706
  }
24698
- }), q0 = x(X0), Q0 = ({
24707
+ }), Q0 = x(Z0), J0 = ({
24699
24708
  color: e = "currentColor",
24700
24709
  height: n,
24701
24710
  size: i = 16,
@@ -24721,16 +24730,16 @@ const xi = h.createContext(null), Y0 = ({
24721
24730
  }
24722
24731
  )
24723
24732
  }
24724
- ), J0 = (e) => e ? e.data ? e.data.map((n) => {
24733
+ ), ef = (e) => e ? e.data ? e.data.map((n) => {
24725
24734
  const i = {};
24726
24735
  return e.names?.map((a, o) => {
24727
24736
  i[a] = n[o];
24728
24737
  }), i;
24729
- }) : [] : [], ef = (e, n) => {
24730
- const i = J0(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
24738
+ }) : [] : [], tf = (e, n) => {
24739
+ const i = ef(e), a = i.length / 2, o = i.slice(0, a), r = i.slice(a);
24731
24740
  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;
24732
- }, tf = ({ beat: e }) => {
24733
- const n = mt(), i = ef(e.data_series, n);
24741
+ }, nf = ({ beat: e }) => {
24742
+ const n = mt(), i = tf(e.data_series, n);
24734
24743
  return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
24735
24744
  }, Lc = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
24736
24745
  /* @__PURE__ */ t(
@@ -25515,7 +25524,7 @@ const xi = h.createContext(null), Y0 = ({
25515
25524
  ] })
25516
25525
  ] }), jr = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
25517
25526
  const o = fe(), r = n?.primary_300 ? n.primary_300 : o.palette.primary.main;
25518
- return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(j0, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(q0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(tf, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
25527
+ return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || r } }) : a === 1 && e ? /* @__PURE__ */ t(X0, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(Q0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(nf, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
25519
25528
  $,
25520
25529
  {
25521
25530
  fill: !0,
@@ -25530,7 +25539,7 @@ const xi = h.createContext(null), Y0 = ({
25530
25539
  if (!e)
25531
25540
  throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
25532
25541
  return e.store.copyStore;
25533
- }, nf = () => {
25542
+ }, af = () => {
25534
25543
  const e = h.useContext(xi);
25535
25544
  if (!e?.store?.insightsMicroWidgetStore)
25536
25545
  throw new Error(
@@ -25552,7 +25561,7 @@ const xi = h.createContext(null), Y0 = ({
25552
25561
  STANDARD: 154,
25553
25562
  XLARGE: 200,
25554
25563
  XXLARGE: 248
25555
- }, af = 50, Gc = 1, of = ({
25564
+ }, of = 50, Gc = 1, rf = ({
25556
25565
  ariaLabel: e,
25557
25566
  backgroundColor: n,
25558
25567
  beat: i,
@@ -25569,7 +25578,7 @@ const xi = h.createContext(null), Y0 = ({
25569
25578
  }) => {
25570
25579
  const { ref: C, inView: f } = us({
25571
25580
  threshold: Gc
25572
- }), { cardsCopy: E } = Rn(), { onEvent: b } = vi(), { updateBeat: S, updateOffer: A } = nf();
25581
+ }), { cardsCopy: E } = Rn(), { onEvent: b } = vi(), { updateBeat: S, updateOffer: A } = af();
25573
25582
  Mn(() => {
25574
25583
  f && (i.has_been_displayed ? b(Dc(i.template)) : (i.guid.startsWith("OFR") ? A({
25575
25584
  ...i,
@@ -25638,7 +25647,7 @@ const xi = h.createContext(null), Y0 = ({
25638
25647
  widthOverrides: m
25639
25648
  }
25640
25649
  );
25641
- }, rf = ({
25650
+ }, sf = ({
25642
25651
  clientColorScheme: e,
25643
25652
  currentBeatIndex: n,
25644
25653
  numBeats: i,
@@ -25647,7 +25656,7 @@ const xi = h.createContext(null), Y0 = ({
25647
25656
  scrollRightBoundary: r,
25648
25657
  scrollX: s
25649
25658
  }) => {
25650
- const c = sf(), d = it(), { carouselCopy: _ } = Rn(), u = 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;
25659
+ const c = cf(), d = it(), { carouselCopy: _ } = Rn(), u = 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;
25651
25660
  return /* @__PURE__ */ l(O, { className: c, children: [
25652
25661
  /* @__PURE__ */ t(
25653
25662
  $e,
@@ -25694,7 +25703,7 @@ const xi = h.createContext(null), Y0 = ({
25694
25703
  }
25695
25704
  )
25696
25705
  ] });
25697
- }, sf = () => Yt({
25706
+ }, cf = () => Yt({
25698
25707
  alignItems: "center",
25699
25708
  display: "flex",
25700
25709
  justifyContent: "center",
@@ -25711,7 +25720,7 @@ const xi = h.createContext(null), Y0 = ({
25711
25720
  // we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1
25712
25721
  marginRight: 8
25713
25722
  }
25714
- }), cf = ({
25723
+ }), lf = ({
25715
25724
  beats: e = [],
25716
25725
  clientColorScheme: n,
25717
25726
  showCTAColocatedWithText: i,
@@ -25724,7 +25733,7 @@ const xi = h.createContext(null), Y0 = ({
25724
25733
  variant: _,
25725
25734
  widthOverrides: u
25726
25735
  }) => {
25727
- const g = df(a, d, u), m = h.useRef(null), [C, f] = h.useState(0), [E, b] = h.useState(null), [S, A] = h.useState(null), { carouselCopy: v } = Rn(), { onEvent: w } = vi(), R = () => {
25736
+ const g = _f(a, d, u), m = h.useRef(null), [C, f] = h.useState(0), [E, b] = h.useState(null), [S, A] = h.useState(null), { carouselCopy: v } = Rn(), { onEvent: w } = vi(), R = () => {
25728
25737
  w($t.ON_CAROUSEL_FORWARD_CLICK), m.current && m.current.scrollTo({
25729
25738
  left: (
25730
25739
  // Adds the flex gap to the carousel ref's width
@@ -25743,7 +25752,7 @@ const xi = h.createContext(null), Y0 = ({
25743
25752
  m.current && f(m.current.scrollLeft);
25744
25753
  }, D = () => {
25745
25754
  if (!S || !E) return;
25746
- S - E > af ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
25755
+ S - E > of ? w($t.ON_CAROUSEL_FORWARD_SWIPE) : w($t.ON_CAROUSEL_BACK_SWIPE);
25747
25756
  }, G = (te) => {
25748
25757
  b(te.targetTouches[0].clientX);
25749
25758
  }, k = (te) => {
@@ -25782,7 +25791,7 @@ const xi = h.createContext(null), Y0 = ({
25782
25791
  Oe.toString()
25783
25792
  ), Le = te.micro_title && te.micro_title.length > 0, At = te.micro_description && te.micro_description.length > 0, Q = Le ? te.micro_title : te.title, ee = At ? te.micro_description : te.description;
25784
25793
  return /* @__PURE__ */ t(
25785
- of,
25794
+ rf,
25786
25795
  {
25787
25796
  ariaLabel: `${Se}: ${Q}, ${ee}`,
25788
25797
  beat: te,
@@ -25795,7 +25804,7 @@ const xi = h.createContext(null), Y0 = ({
25795
25804
  );
25796
25805
  }),
25797
25806
  /* @__PURE__ */ t(
25798
- Cf,
25807
+ ff,
25799
25808
  {
25800
25809
  isActiveCard: oe === e.length,
25801
25810
  onCardClick: o,
@@ -25806,7 +25815,7 @@ const xi = h.createContext(null), Y0 = ({
25806
25815
  }
25807
25816
  ),
25808
25817
  s && /* @__PURE__ */ t(
25809
- rf,
25818
+ sf,
25810
25819
  {
25811
25820
  clientColorScheme: n,
25812
25821
  currentBeatIndex: oe,
@@ -25820,7 +25829,7 @@ const xi = h.createContext(null), Y0 = ({
25820
25829
  ]
25821
25830
  }
25822
25831
  );
25823
- }, lf = x(cf), df = (e, n = !0, i) => Yt({
25832
+ }, df = x(lf), _f = (e, n = !0, i) => Yt({
25824
25833
  alignItems: "center",
25825
25834
  boxSizing: "border-box",
25826
25835
  display: "flex",
@@ -25845,7 +25854,7 @@ const xi = h.createContext(null), Y0 = ({
25845
25854
  display: "none"
25846
25855
  }
25847
25856
  }
25848
- }), _f = ({
25857
+ }), uf = ({
25849
25858
  clientColorScheme: e,
25850
25859
  onCardClick: n,
25851
25860
  posthog: i,
@@ -25914,7 +25923,7 @@ const xi = h.createContext(null), Y0 = ({
25914
25923
  ]
25915
25924
  }
25916
25925
  ) : /* @__PURE__ */ t(de, {});
25917
- }, uf = x(_f), hf = ({
25926
+ }, hf = x(uf), gf = ({
25918
25927
  heightOverrides: e,
25919
25928
  widthOverrides: n,
25920
25929
  children: i
@@ -25989,7 +25998,7 @@ const xi = h.createContext(null), Y0 = ({
25989
25998
  widthOverrides: _
25990
25999
  }
25991
26000
  );
25992
- }, DE = x(Bc), Pc = ({
26001
+ }, RE = x(Bc), Pc = ({
25993
26002
  ariaLabel: e,
25994
26003
  carouselSize: n,
25995
26004
  heightOverrides: i,
@@ -26031,7 +26040,7 @@ const xi = h.createContext(null), Y0 = ({
26031
26040
  widthOverrides: d
26032
26041
  }
26033
26042
  );
26034
- }, RE = x(Pc), gf = () => /* @__PURE__ */ t(
26043
+ }, OE = x(Pc), mf = () => /* @__PURE__ */ t(
26035
26044
  O,
26036
26045
  {
26037
26046
  sx: {
@@ -26043,7 +26052,7 @@ const xi = h.createContext(null), Y0 = ({
26043
26052
  },
26044
26053
  children: /* @__PURE__ */ t(Va, {})
26045
26054
  }
26046
- ), _n = new z0(), mf = ({
26055
+ ), _n = new Y0(), pf = ({
26047
26056
  areBeatsLoading: e,
26048
26057
  beats: n = [],
26049
26058
  // This also determines the length of the carousel controls (beat.length + 1)
@@ -26098,10 +26107,10 @@ const xi = h.createContext(null), Y0 = ({
26098
26107
  // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
26099
26108
  /* @__PURE__ */ l(hl, { theme: R, children: [
26100
26109
  /* @__PURE__ */ t(xd, {}),
26101
- /* @__PURE__ */ t(Y0, { onEvent: k, onPageview: U, store: _n, children: /* @__PURE__ */ l(hf, { heightOverrides: r, widthOverrides: w, children: [
26102
- (e || !_n.isInitialized) && /* @__PURE__ */ t(gf, {}),
26110
+ /* @__PURE__ */ t(j0, { onEvent: k, onPageview: U, store: _n, children: /* @__PURE__ */ l(gf, { heightOverrides: r, widthOverrides: w, children: [
26111
+ (e || !_n.isInitialized) && /* @__PURE__ */ t(mf, {}),
26103
26112
  D && C && /* @__PURE__ */ t(
26104
- uf,
26113
+ hf,
26105
26114
  {
26106
26115
  clientColorScheme: i,
26107
26116
  onCardClick: c,
@@ -26110,7 +26119,7 @@ const xi = h.createContext(null), Y0 = ({
26110
26119
  }
26111
26120
  ),
26112
26121
  D && !!n.length && /* @__PURE__ */ t(
26113
- lf,
26122
+ df,
26114
26123
  {
26115
26124
  beats: n,
26116
26125
  clientColorScheme: i,
@@ -26124,7 +26133,7 @@ const xi = h.createContext(null), Y0 = ({
26124
26133
  ] }) })
26125
26134
  ] })
26126
26135
  );
26127
- }, OE = x(mf), pf = ({
26136
+ }, LE = x(pf), Cf = ({
26128
26137
  isActiveCard: e,
26129
26138
  ariaLabel: n,
26130
26139
  clientColorScheme: i,
@@ -26156,7 +26165,7 @@ const xi = h.createContext(null), Y0 = ({
26156
26165
  description: m.view_more_card_description,
26157
26166
  fontColors: { buttonColor: i?.primary_300 },
26158
26167
  heightOverrides: a,
26159
- icon: /* @__PURE__ */ t(Q0, { color: i?.primary_300 ?? _.palette.primary.main }),
26168
+ icon: /* @__PURE__ */ t(J0, { color: i?.primary_300 ?? _.palette.primary.main }),
26160
26169
  isActiveCard: e,
26161
26170
  onCardClick: f,
26162
26171
  posthog: r,
@@ -26167,7 +26176,7 @@ const xi = h.createContext(null), Y0 = ({
26167
26176
  widthOverrides: d
26168
26177
  }
26169
26178
  );
26170
- }, Cf = x(pf), Ia = 5, ff = (e, n) => n.reduce((i, a) => {
26179
+ }, ff = x(Cf), Ia = 5, bf = (e, n) => n.reduce((i, a) => {
26171
26180
  if (a.total > 0) {
26172
26181
  const o = e.find((_) => _.guid === a.category_guid);
26173
26182
  if (!o) return i;
@@ -26189,7 +26198,7 @@ const xi = h.createContext(null), Y0 = ({
26189
26198
  }
26190
26199
  return i;
26191
26200
  }, []), Hc = (e, n) => {
26192
- const i = ff(e, n), a = i.filter((d) => d.guid !== N.INCOME && d.guid !== N.TRANSFER).sort((d, _) => _.amount - d.amount), o = a.reduce(
26201
+ const i = bf(e, n), a = i.filter((d) => d.guid !== N.INCOME && d.guid !== N.TRANSFER).sort((d, _) => _.amount - d.amount), o = a.reduce(
26193
26202
  (d, _) => d + _.amount,
26194
26203
  0
26195
26204
  ), r = a.length > Ia ? Ia : a.length, s = a.slice(0, r), c = s.map((d) => ({
@@ -26251,7 +26260,7 @@ const xi = h.createContext(null), Y0 = ({
26251
26260
  }, ji = ({ amount: e, label: n }) => /* @__PURE__ */ l(y, { direction: "column", children: [
26252
26261
  /* @__PURE__ */ t(p, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: n }),
26253
26262
  /* @__PURE__ */ t(p, { variant: "XSmall", children: H(e, "0,0") })
26254
- ] }), bf = ({
26263
+ ] }), yf = ({
26255
26264
  data: e,
26256
26265
  isIncome: n = !1,
26257
26266
  onSelected: i,
@@ -26304,7 +26313,7 @@ const xi = h.createContext(null), Y0 = ({
26304
26313
  }
26305
26314
  )
26306
26315
  ] }) }) });
26307
- }, Xi = x(bf), Xr = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(y, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
26316
+ }, Xi = x(yf), Xr = ({ data: e, onSelected: n, selectedId: i }) => /* @__PURE__ */ t(y, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: e.categoryData.map((a) => /* @__PURE__ */ l(
26308
26317
  y,
26309
26318
  {
26310
26319
  alignItems: "center",
@@ -26321,7 +26330,7 @@ const xi = h.createContext(null), Y0 = ({
26321
26330
  ]
26322
26331
  },
26323
26332
  a.guid
26324
- )) }), yf = () => {
26333
+ )) }), Ef = () => {
26325
26334
  const e = fe(), { spending: n } = I(), { selectedAccounts: i } = le(), {
26326
26335
  categories: a,
26327
26336
  dateRangeCategoryTotals: o,
@@ -26416,7 +26425,7 @@ const xi = h.createContext(null), Y0 = ({
26416
26425
  /* @__PURE__ */ t(Xr, { data: C, onSelected: E, selectedId: d })
26417
26426
  ] }) })
26418
26427
  ] }) : /* @__PURE__ */ t(de, { height: 250 });
26419
- }, Ef = x(yf), Sf = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
26428
+ }, Sf = x(Ef), Tf = ({ onPrimaryCtaClick: e, sx: n = {} }) => {
26420
26429
  const { spending: i } = I(), { isCopyLoaded: a } = le();
26421
26430
  return a ? /* @__PURE__ */ t(
26422
26431
  Nn,
@@ -26426,10 +26435,10 @@ const xi = h.createContext(null), Y0 = ({
26426
26435
  primaryCtaLabel: i.primary_cta,
26427
26436
  sx: n,
26428
26437
  title: i.mini_title,
26429
- children: /* @__PURE__ */ t(Ef, {})
26438
+ children: /* @__PURE__ */ t(Sf, {})
26430
26439
  }
26431
26440
  ) : /* @__PURE__ */ t(de, {});
26432
- }, LE = x(Sf), Tf = ({
26441
+ }, ME = x(Tf), Af = ({
26433
26442
  data: e,
26434
26443
  onSelected: n,
26435
26444
  selectedId: i = "",
@@ -26508,7 +26517,7 @@ const xi = h.createContext(null), Y0 = ({
26508
26517
  ] }, s.guid)) }),
26509
26518
  /* @__PURE__ */ t(p, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${o.total}: ${H(e.totalAmount, "0,0")}` })
26510
26519
  ] });
26511
- }, Af = x(Tf), If = ({
26520
+ }, If = x(Af), xf = ({
26512
26521
  data: e,
26513
26522
  onSelected: n,
26514
26523
  onViewTransactions: i,
@@ -26554,18 +26563,18 @@ const xi = h.createContext(null), Y0 = ({
26554
26563
  variant: "full"
26555
26564
  }
26556
26565
  ),
26557
- /* @__PURE__ */ t(Af, { data: e, onSelected: n, selectedId: a, title: o })
26566
+ /* @__PURE__ */ t(If, { data: e, onSelected: n, selectedId: a, title: o })
26558
26567
  ]
26559
26568
  }
26560
26569
  );
26561
- }, Zr = x(If), xf = (e) => [
26570
+ }, Zr = x(xf), vf = (e) => [
26562
26571
  e.palette.chartMono.chartMono5,
26563
26572
  e.palette.chartMono.chartMono4,
26564
26573
  e.palette.chartMono.chartMono3,
26565
26574
  e.palette.chartMono.chartMono2,
26566
26575
  e.palette.chartMono.chartMono1,
26567
26576
  e.palette.chartMono.chartMono6
26568
- ], vf = () => {
26577
+ ], wf = () => {
26569
26578
  const e = sn(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = Ve(), { spending: o } = I(), { displayedDateRange: r, selectedAccounts: s, selectedAccountGuids: c } = le(), { setFilter: d, sortedTransactions: _ } = De(), [u, g] = h.useState(""), [m, C] = h.useState(0), [f, E] = h.useState(""), [b, S] = h.useState(!1);
26570
26579
  h.useEffect(() => {
26571
26580
  a(
@@ -26578,7 +26587,7 @@ const xi = h.createContext(null), Y0 = ({
26578
26587
  () => Hc(n, i),
26579
26588
  [n, i]
26580
26589
  ), v = h.useMemo(
26581
- () => Fc(n, i, xf(e)),
26590
+ () => Fc(n, i, vf(e)),
26582
26591
  [n, i]
26583
26592
  ), w = h.useMemo(
26584
26593
  () => _.find((D) => D.guid === f),
@@ -26679,7 +26688,7 @@ const xi = h.createContext(null), Y0 = ({
26679
26688
  }
26680
26689
  )
26681
26690
  ] });
26682
- }, wf = x(vf), Nf = ({ onBackClick: e, sx: n = {} }) => {
26691
+ }, Nf = x(wf), Df = ({ onBackClick: e, sx: n = {} }) => {
26683
26692
  const { visibleAccounts: i } = ve(), { spending: a } = I(), { isCopyLoaded: o, isInitialized: r, setDisplayedDate: s, setSelectedAccounts: c } = le(), { onEvent: d } = j(), [_, u] = h.useState(!1);
26684
26693
  h.useEffect(() => {
26685
26694
  c(i);
@@ -26698,11 +26707,11 @@ const xi = h.createContext(null), Y0 = ({
26698
26707
  onBackClick: e,
26699
26708
  sx: n,
26700
26709
  title: a.title,
26701
- children: /* @__PURE__ */ t(O, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(wf, {}) })
26710
+ children: /* @__PURE__ */ t(O, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ t(Nf, {}) })
26702
26711
  }
26703
26712
  );
26704
- }, ME = x(Nf), Df = (e) => Sn[e] ?? Sn.default, Rf = (e) => na[e];
26705
- function Of(e, n) {
26713
+ }, kE = x(Df), Rf = (e) => Sn[e] ?? Sn.default, Of = (e) => na[e];
26714
+ function Lf(e, n) {
26706
26715
  const i = [], a = new Date(e);
26707
26716
  for (; a <= n; ) {
26708
26717
  const o = a.getFullYear(), r = String(a.getMonth() + 1).padStart(2, "0");
@@ -26710,7 +26719,7 @@ function Of(e, n) {
26710
26719
  }
26711
26720
  return i;
26712
26721
  }
26713
- const Lf = (e) => e.reduce((i, a) => {
26722
+ const Mf = (e) => e.reduce((i, a) => {
26714
26723
  const o = {
26715
26724
  top_level_category_guid: a.top_level_category_guid,
26716
26725
  category_guid: a.category_guid,
@@ -26718,8 +26727,8 @@ const Lf = (e) => e.reduce((i, a) => {
26718
26727
  year_month: a.year_month
26719
26728
  }, { top_level_category_guid: r, category_guid: s } = o;
26720
26729
  return i[s] || (i[s] = []), i[s].push(o), r !== s && (i[r] || (i[r] = []), i[r].push(o)), i;
26721
- }, {}), Mf = (e, n, i) => {
26722
- const a = Lf(e), o = Of(n, i);
26730
+ }, {}), kf = (e, n, i) => {
26731
+ const a = Mf(e), o = Lf(n, i);
26723
26732
  return Object.entries(a).map(([s, c]) => {
26724
26733
  const d = c[0].top_level_category_guid, _ = o.map((u) => {
26725
26734
  const g = c.filter((E) => E.year_month === u).reduce((E, b) => E + Math.abs(b.amount), 0), m = Number(String(u).slice(0, 4)), C = Number(String(u).slice(4));
@@ -26728,18 +26737,18 @@ const Lf = (e) => e.reduce((i, a) => {
26728
26737
  return {
26729
26738
  top_level_category_guid: d,
26730
26739
  category_guid: s,
26731
- category_name: Rf(s),
26732
- category_color: Df(d),
26740
+ category_name: Of(s),
26741
+ category_color: Rf(d),
26733
26742
  dataset: _
26734
26743
  };
26735
26744
  });
26736
- }, kf = (e, n) => {
26745
+ }, Gf = (e, n) => {
26737
26746
  const i = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, a = typeof n == "string" ? parseFloat(n.replace(/[^0-9.-]+/g, "")) : n;
26738
26747
  return (i || 0) - (a || 0);
26739
- }, Gf = (e) => {
26748
+ }, Bf = (e) => {
26740
26749
  const n = e.row[e.field];
26741
26750
  return /* @__PURE__ */ t(y, { alignItems: "flex-end", tabIndex: e.tabIndex, children: /* @__PURE__ */ t(Ue, { amount: n, variant: "Small" }) });
26742
- }, Bf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
26751
+ }, Pf = ({ categoryGuid: e, topLevelCategoryGuid: n }) => {
26743
26752
  const { categories: i } = I(), a = na[e];
26744
26753
  return /* @__PURE__ */ l(y, { alignItems: "center", direction: "row", justifyContent: "center", children: [
26745
26754
  /* @__PURE__ */ t(
@@ -26752,20 +26761,20 @@ const Lf = (e) => e.reduce((i, a) => {
26752
26761
  ),
26753
26762
  /* @__PURE__ */ t(p, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
26754
26763
  ] });
26755
- }, Pf = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
26756
- Bf,
26764
+ }, Hf = (e) => /* @__PURE__ */ t(y, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ t(
26765
+ Pf,
26757
26766
  {
26758
26767
  categoryGuid: e.row.category,
26759
26768
  topLevelCategoryGuid: e.row.top_level_category_guid
26760
26769
  }
26761
- ) }), Hf = (e, n) => {
26770
+ ) }), Ff = (e, n) => {
26762
26771
  const i = [], a = new Date(e);
26763
26772
  for (; a <= n; ) {
26764
26773
  const o = re(a, ne.MONTH);
26765
26774
  i.push(o), a.setMonth(a.getMonth() + 1);
26766
26775
  }
26767
26776
  return i;
26768
- }, Ff = ({
26777
+ }, $f = ({
26769
26778
  monthlyCategoryTotals: e,
26770
26779
  selectedDateRange: n,
26771
26780
  selectedCategory: i,
@@ -26775,13 +26784,13 @@ const Lf = (e) => e.reduce((i, a) => {
26775
26784
  }) => {
26776
26785
  const { onEvent: s } = j(), c = re(/* @__PURE__ */ new Date(), ne.MONTH_SHORT), [d, _] = h.useState([
26777
26786
  { field: c, sort: "desc" }
26778
- ]), u = h.useMemo(() => Hf(n.start, n.end), [n]), g = [
26787
+ ]), u = h.useMemo(() => Ff(n.start, n.end), [n]), g = [
26779
26788
  {
26780
26789
  field: "category",
26781
26790
  headerName: "Category",
26782
26791
  minWidth: 175,
26783
26792
  renderHeader: Ht,
26784
- renderCell: Pf,
26793
+ renderCell: Hf,
26785
26794
  sortable: !0,
26786
26795
  type: "string"
26787
26796
  },
@@ -26791,13 +26800,13 @@ const Lf = (e) => e.reduce((i, a) => {
26791
26800
  headerName: C,
26792
26801
  minWidth: 75,
26793
26802
  renderHeader: Ht,
26794
- renderCell: Gf,
26803
+ renderCell: Bf,
26795
26804
  align: "right",
26796
26805
  headerAlign: "right",
26797
26806
  sortable: !0,
26798
26807
  hideSortIcons: !1,
26799
26808
  type: "number",
26800
- sortComparator: kf
26809
+ sortComparator: Gf
26801
26810
  })
26802
26811
  )
26803
26812
  ], m = h.useMemo(() => {
@@ -26839,9 +26848,9 @@ const Lf = (e) => e.reduce((i, a) => {
26839
26848
  sortingOrder: ["asc", "desc"]
26840
26849
  }
26841
26850
  ) });
26842
- }, $f = {
26851
+ }, Wf = {
26843
26852
  title: "Transaction List"
26844
- }, Wf = ({
26853
+ }, Uf = ({
26845
26854
  categoryGuid: e,
26846
26855
  dateRange: n,
26847
26856
  isOpen: i,
@@ -26864,16 +26873,16 @@ const Lf = (e) => e.reduce((i, a) => {
26864
26873
  ariaLabelClose: s.close_aria,
26865
26874
  isOpen: i,
26866
26875
  onClose: m,
26867
- title: $f.title,
26876
+ title: Wf.title,
26868
26877
  children: [
26869
26878
  g && /* @__PURE__ */ t(ei, { transaction: g }),
26870
26879
  !g && /* @__PURE__ */ t(Dn, { onClick: u })
26871
26880
  ]
26872
26881
  }
26873
26882
  );
26874
- }, Uf = x(Wf), Vf = {
26883
+ }, Vf = x(Uf), Kf = {
26875
26884
  view_transactions: "View Transactions"
26876
- }, Kf = ({ onBackClick: e, sx: n }) => {
26885
+ }, zf = ({ onBackClick: e, sx: n }) => {
26877
26886
  const i = it(), { onEvent: a } = j(), { isDesktop: o, isTablet: r, isMobile: s } = Ce(), { visibleAccounts: c } = ve(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: _, getCategoryName: u } = 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), [L, B] = h.useState("Chart"), [D, G] = h.useState(""), [k, U] = h.useState({
26878
26887
  start: $o(Qe(Vt(/* @__PURE__ */ new Date(), 6)), 1),
26879
26888
  end: Qe(/* @__PURE__ */ new Date())
@@ -26891,7 +26900,7 @@ const Lf = (e) => e.reduce((i, a) => {
26891
26900
  }, [C, f, k]);
26892
26901
  const oe = h.useMemo(() => {
26893
26902
  if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
26894
- const ee = Mf(
26903
+ const ee = kf(
26895
26904
  _,
26896
26905
  k.start,
26897
26906
  k.end
@@ -27022,7 +27031,7 @@ const Lf = (e) => e.reduce((i, a) => {
27022
27031
  /* @__PURE__ */ t($, { name: "arrow_back" }),
27023
27032
  b.all_categories
27024
27033
  ] }) }),
27025
- /* @__PURE__ */ t(J, { onClick: () => R(!0), sx: { px: 5 }, children: `${Vf.view_transactions} (${g.length})` })
27034
+ /* @__PURE__ */ t(J, { onClick: () => R(!0), sx: { px: 5 }, children: `${Kf.view_transactions} (${g.length})` })
27026
27035
  ] }),
27027
27036
  /* @__PURE__ */ l(O, { children: [
27028
27037
  L === "Chart" && /* @__PURE__ */ t(
@@ -27037,7 +27046,7 @@ const Lf = (e) => e.reduce((i, a) => {
27037
27046
  }
27038
27047
  ),
27039
27048
  L === "Table" && /* @__PURE__ */ t(
27040
- Ff,
27049
+ $f,
27041
27050
  {
27042
27051
  monthlyCategoryTotals: _,
27043
27052
  onClickRow: Oe,
@@ -27050,7 +27059,7 @@ const Lf = (e) => e.reduce((i, a) => {
27050
27059
  }
27051
27060
  ),
27052
27061
  /* @__PURE__ */ t(
27053
- Uf,
27062
+ Vf,
27054
27063
  {
27055
27064
  categoryGuid: D,
27056
27065
  dateRange: k,
@@ -27061,7 +27070,7 @@ const Lf = (e) => e.reduce((i, a) => {
27061
27070
  ]
27062
27071
  }
27063
27072
  );
27064
- }, kE = x(Kf), zf = () => {
27073
+ }, GE = x(zf), Yf = () => {
27065
27074
  const e = it(), { monthlyCategoryTotals: n } = Ve(), { trends: i } = I(), a = zg(n);
27066
27075
  return /* @__PURE__ */ t(
27067
27076
  to,
@@ -27077,7 +27086,7 @@ const Lf = (e) => e.reduce((i, a) => {
27077
27086
  useCustomMark: !0
27078
27087
  }
27079
27088
  );
27080
- }, Yf = x(zf), jf = ({ onPrimaryCtaClick: e, sx: n }) => {
27089
+ }, jf = x(Yf), Xf = ({ onPrimaryCtaClick: e, sx: n }) => {
27081
27090
  const { loadMonthlyCategoryTotals: i, monthlyTotalsLoaded: a } = Ve(), { isInitialized: o } = oa(), { trends: r } = I(), { isCopyLoaded: s, selectedAccounts: c } = le();
27082
27091
  return h.useEffect(() => {
27083
27092
  o && i(c).finally();
@@ -27089,10 +27098,10 @@ const Lf = (e) => e.reduce((i, a) => {
27089
27098
  subTitle: r.sub_title,
27090
27099
  sx: n,
27091
27100
  title: r.mini_title,
27092
- children: a ? /* @__PURE__ */ t(Yf, {}) : /* @__PURE__ */ t(de, {})
27101
+ children: a ? /* @__PURE__ */ t(jf, {}) : /* @__PURE__ */ t(de, {})
27093
27102
  }
27094
27103
  ) : /* @__PURE__ */ t(de, {});
27095
- }, GE = x(jf);
27104
+ }, BE = x(Xf);
27096
27105
  export {
27097
27106
  W as ANALYTICS_EVENTS,
27098
27107
  Pr as AccountApi,
@@ -27105,28 +27114,28 @@ export {
27105
27114
  Dd as AccountSubType,
27106
27115
  ae as AccountType,
27107
27116
  Za as AccountTypeName,
27108
- TE as AccountsMiniWidget,
27109
- SE as AccountsWidget,
27117
+ AE as AccountsMiniWidget,
27118
+ TE as AccountsWidget,
27110
27119
  Vh as AddAccountModal,
27111
27120
  Xs as AddRecurringTransactionDetails,
27112
27121
  Zd as AnalyticsApi,
27113
27122
  M as ApiEndpoints,
27114
- z0 as AppStore,
27123
+ Y0 as AppStore,
27115
27124
  Ko as BannerApi,
27116
- Z4 as BarChart,
27125
+ q4 as BarChart,
27117
27126
  Kn as BeatApi,
27118
- of as BeatCard,
27127
+ rf as BeatCard,
27119
27128
  Mi as BottomActions,
27120
- xE as BubbleBudgetsMiniWidget,
27121
- vE as BubbleBudgetsWidget,
27129
+ vE as BubbleBudgetsMiniWidget,
27130
+ wE as BubbleBudgetsWidget,
27122
27131
  g_ as Calendar,
27123
27132
  As as CalendarSelectionTypes,
27124
- uf as CarouselHeader,
27125
- cE as CashflowApi,
27126
- tE as CashflowMiniWidget,
27133
+ hf as CarouselHeader,
27134
+ lE as CashflowApi,
27135
+ nE as CashflowMiniWidget,
27127
27136
  Rg as CashflowOnboarding,
27128
27137
  Mg as CashflowStore,
27129
- sE as CashflowWidget,
27138
+ cE as CashflowWidget,
27130
27139
  zo as CategoryApi,
27131
27140
  Sn as CategoryColors,
27132
27141
  na as CategoryGuidToName,
@@ -27136,10 +27145,10 @@ export {
27136
27145
  dh as CategorySelector,
27137
27146
  ca as CategorySelectorDrawer,
27138
27147
  mh as CategoryStore,
27139
- Q0 as ChartFilledIcon,
27148
+ J0 as ChartFilledIcon,
27140
27149
  Ms as ConnectCard,
27141
27150
  $n as ConnectDrawer,
27142
- AE as ConnectMiniWidget,
27151
+ IE as ConnectMiniWidget,
27143
27152
  On as ConnectionStatus,
27144
27153
  ut as ConnectionStatusEnums,
27145
27154
  Ui as CurrencyCodes,
@@ -27148,14 +27157,14 @@ export {
27148
27157
  ne as DATE_FORMATS_INTL,
27149
27158
  fs as DEFAULT_DONUT_SIZE,
27150
27159
  bs as DEFAULT_STROKE_WIDTH,
27151
- wE as Dashboard,
27160
+ NE as Dashboard,
27152
27161
  Gi as DashboardLocation,
27153
27162
  Oa as DataRow,
27154
27163
  Qo as DateRangeSelector,
27155
27164
  oc as DebtsChart,
27156
27165
  km as DebtsStore,
27157
27166
  Im as DebtsTable,
27158
- dE as DebtsWidget,
27167
+ _E as DebtsWidget,
27159
27168
  f1 as DeviceTab,
27160
27169
  ke as Dialog,
27161
27170
  Is as Donut,
@@ -27170,77 +27179,77 @@ export {
27170
27179
  ci as GlobalCopyApi,
27171
27180
  W_ as GlobalCopyStore,
27172
27181
  Hn as GlobalDataContext,
27173
- q4 as GlobalDataProvider,
27174
- EE as GlobalStore,
27182
+ Q4 as GlobalDataProvider,
27183
+ SE as GlobalStore,
27175
27184
  Tr as GoalApi,
27176
27185
  tp as GoalStore,
27177
27186
  Ba as GoalType,
27178
- _E as GoalsWidget,
27187
+ uE as GoalsWidget,
27179
27188
  Sc as Help,
27180
- pE as HelpWidget,
27189
+ CE as HelpWidget,
27181
27190
  qa as INCOME_ACCOUNT_TYPES,
27182
27191
  An as IconBacking,
27183
27192
  oo as InformationTooltip,
27184
- OE as InsightsMicroWidget,
27185
- Y0 as InsightsMicroWidgetDataProvider,
27186
- NE as InvestmentsWidget,
27193
+ LE as InsightsMicroWidget,
27194
+ j0 as InsightsMicroWidgetDataProvider,
27195
+ DE as InvestmentsWidget,
27187
27196
  Bd as IterationItemTypes,
27188
- W4 as LOADING_STATUS,
27197
+ U4 as LOADING_STATUS,
27189
27198
  to as LineChart,
27190
27199
  qt as ListItemAction,
27191
27200
  $_ as ListItemWrapper,
27192
27201
  de as Loader,
27193
- Y4 as LocalizedCopyApi,
27202
+ j4 as LocalizedCopyApi,
27194
27203
  Qh as ManageExpenses,
27195
27204
  uo as ManageIncome,
27196
27205
  Tn as MemberConnectionStatus,
27197
- uE as MerchantLookup,
27206
+ hE as MerchantLookup,
27198
27207
  Tp as MerchantStore,
27199
27208
  xt as MetaType,
27200
27209
  gs as MfaStatuses,
27201
- lf as MicroBeatCarousel,
27210
+ df as MicroBeatCarousel,
27202
27211
  ha as MicroInsightCard,
27203
27212
  M_ as MicroWidgetContainer,
27204
27213
  Nn as MiniWidgetContainer,
27205
- tf as MonthlySpendComparisonIcon,
27206
- J4 as MultiSegmentDonut,
27214
+ nf as MonthlySpendComparisonIcon,
27215
+ eE as MultiSegmentDonut,
27207
27216
  Ip as NetWorthChart,
27208
27217
  Np as NetWorthList,
27209
- hE as NetWorthMicroWidget,
27218
+ gE as NetWorthMicroWidget,
27210
27219
  Fp as NetWorthStore,
27211
27220
  Op as NetWorthSummary,
27212
- gE as NetWorthWidget,
27213
- DE as NoRelevantInsightsCard,
27221
+ mE as NetWorthWidget,
27222
+ RE as NoRelevantInsightsCard,
27214
27223
  ps as NonConnectedStatuses,
27215
27224
  Yo as NotificationApi,
27216
- yE as NotificationDrawer,
27225
+ EE as NotificationDrawer,
27217
27226
  a1 as NotificationList,
27218
27227
  Io as NotificationSettings,
27219
- fE as NotificationSettingsWidget,
27228
+ bE as NotificationSettingsWidget,
27220
27229
  Zp as NotificationStore,
27221
27230
  He as NotificationType,
27222
27231
  Nd as ORDINAL_DATE_FORMAT,
27223
- P4 as ORDINAL_MONTH_DAY_YEAR_FORMAT,
27232
+ H4 as ORDINAL_MONTH_DAY_YEAR_FORMAT,
27224
27233
  Qa as PAYMENT_ACCOUNT_TYPES,
27225
27234
  Wo as PaymentCategories,
27226
27235
  Gd as PlanTypes,
27227
27236
  Rd as ProcessingStatuses,
27228
27237
  h1 as ProfileTab,
27229
27238
  hs as PropertyType,
27230
- F4 as PropertyTypeName,
27231
- $4 as RECURRENCE_COPY,
27239
+ $4 as PropertyTypeName,
27240
+ W4 as RECURRENCE_COPY,
27232
27241
  qe as RecurrenceStatus,
27233
27242
  Ut as RecurrenceType,
27234
27243
  kd as RecurrenceTypes,
27235
27244
  Qs as RecurringSettings,
27236
- rE as RecurringTransactionsMiniWidget,
27245
+ sE as RecurringTransactionsMiniWidget,
27237
27246
  og as RecurringTransactionsStore,
27238
- oE as RecurringTransactionsWidget,
27247
+ rE as RecurringTransactionsWidget,
27239
27248
  tn as RepeatingType,
27240
- eE as ResponsiveButton,
27249
+ tE as ResponsiveButton,
27241
27250
  Ja as SPENDING_ACCOUNT_TYPES,
27242
27251
  Tu as ScheduledPaymentTypes,
27243
- j4 as ScheduledPaymentsApi,
27252
+ X4 as ScheduledPaymentsApi,
27244
27253
  Au as ScreenSize,
27245
27254
  ra as SearchBox,
27246
27255
  Di as Select,
@@ -27249,16 +27258,16 @@ export {
27249
27258
  Or as SettingsApi,
27250
27259
  c1 as SettingsStore,
27251
27260
  Un as SettingsTabs,
27252
- CE as SettingsWidget,
27261
+ fE as SettingsWidget,
27253
27262
  aC as SettingsWidgetContents,
27254
27263
  Os as SingleSegmentDonut,
27255
27264
  Pd as Sizes,
27256
- LE as SpendingMiniWidget,
27257
- ME as SpendingWidget,
27265
+ ME as SpendingMiniWidget,
27266
+ kE as SpendingWidget,
27258
27267
  N_ as StackedLineChart,
27259
27268
  mi as StatusBar,
27260
- H4 as StatusName,
27261
- IE as SurveyMiniWidget,
27269
+ F4 as StatusName,
27270
+ xE as SurveyMiniWidget,
27262
27271
  ii as TOUCH_TARGET,
27263
27272
  z as TRANSACTION_EVENTS,
27264
27273
  zn as TabContentContainer,
@@ -27271,27 +27280,27 @@ export {
27271
27280
  Dn as TransactionList,
27272
27281
  co as TransactionRow,
27273
27282
  yc as TransactionRulesTab,
27274
- bE as TransactionRulesWidget,
27283
+ yE as TransactionRulesWidget,
27275
27284
  so as TransactionStatus,
27276
27285
  xu as TransactionStore,
27277
27286
  ju as TransactionTable,
27278
27287
  Wt as TransactionType,
27279
- aE as TransactionWidget,
27280
- kE as TrendsFullWidget,
27281
- GE as TrendsMiniWidget,
27288
+ oE as TransactionWidget,
27289
+ GE as TrendsFullWidget,
27290
+ BE as TrendsMiniWidget,
27282
27291
  Ca as UserApi,
27283
27292
  cC as UserStore,
27284
27293
  Eu as UserVerification,
27285
- Cf as ViewMoreMicroCard,
27294
+ ff as ViewMoreMicroCard,
27286
27295
  jo as WidgetApi,
27287
27296
  bt as WidgetContainer,
27288
27297
  xs as WidgetContainerContext,
27289
27298
  vs as WidgetContainerProvider,
27290
- RE as ZeroStateCard,
27299
+ OE as ZeroStateCard,
27291
27300
  Lc as ZeroStateIcon,
27292
27301
  wd as analyticsSession,
27293
27302
  T as buildDynamicCopy,
27294
- K4 as buildPluralCopy,
27303
+ z4 as buildPluralCopy,
27295
27304
  Bs as exportTransactionsToCSV,
27296
27305
  H as formatCurrency,
27297
27306
  re as formatDate,
@@ -27301,14 +27310,14 @@ export {
27301
27310
  ec as getAccountBalanceDetails,
27302
27311
  ug as getAccountDetailFields,
27303
27312
  Vo as getCategory,
27304
- U4 as getCategoryTotalsByParent,
27305
- z4 as getClientTheme,
27313
+ V4 as getCategoryTotalsByParent,
27314
+ Y4 as getClientTheme,
27306
27315
  Yd as getCurrencyCodes,
27307
27316
  Hd as getDetailedCategory,
27308
27317
  Fd as getDetailedSubCategory,
27309
27318
  vn as getLocale,
27310
- mE as getNotificationDetailRoute,
27311
- V4 as isIncome,
27319
+ pE as getNotificationDetailRoute,
27320
+ K4 as isIncome,
27312
27321
  Ra as isValidNumber,
27313
27322
  ve as useAccountStore,
27314
27323
  Gt as useAccountUiStore,
@@ -27331,8 +27340,8 @@ export {
27331
27340
  T_ as useMerchantStore,
27332
27341
  Ns as useNetWorthStore,
27333
27342
  Ds as useNotificationStore,
27334
- Q4 as usePageView,
27335
- X4 as usePrevious,
27343
+ J4 as usePageView,
27344
+ Z4 as usePrevious,
27336
27345
  Ze as useRecurringTransactionsStore,
27337
27346
  Ce as useScreenSize,
27338
27347
  Rt as useSettingsStore,