@mx-cartographer/experiences 8.0.19 → 8.0.21

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.
Files changed (55) hide show
  1. package/CHANGELOG.md +12 -4
  2. package/dist/{AccountStore-DpYvNnql.mjs → AccountStore-B7zfcad7.mjs} +1 -1
  3. package/dist/{BudgetUtil-CLhRnCoX.mjs → BudgetUtil-DZpOoZQa.mjs} +1 -1
  4. package/dist/{EmbeddedCard-xngm4vLT.mjs → EmbeddedCard-D0Pgpiuq.mjs} +89 -81
  5. package/dist/{GlobalAccountFilter-B73Pw1hJ.mjs → GlobalAccountFilter-CmnaZDS6.mjs} +27 -27
  6. package/dist/{Help-DBAosGjO.mjs → Help-BkmSY96v.mjs} +1 -1
  7. package/dist/{ManageIncome-CvfRTf-j.mjs → ManageIncome-DfKQ48km.mjs} +2 -2
  8. package/dist/{NotificationSettings-D7VqsrZy.mjs → NotificationSettings-DBT37CVB.mjs} +1 -1
  9. package/dist/{RecurringSettings-DJIUgK5A.mjs → RecurringSettings-CpFfjTIL.mjs} +1 -1
  10. package/dist/{SpendingLegend-BCnXkPCD.mjs → SpendingLegend-CypdabwS.mjs} +1 -1
  11. package/dist/{TransactionDetails-KklNHa-s.mjs → TransactionDetails-D57Cfnwh.mjs} +2 -2
  12. package/dist/WidgetContainer-DYKMArWw.mjs +468 -0
  13. package/dist/accounts/index.es.js +96 -94
  14. package/dist/budgets/index.es.js +448 -444
  15. package/dist/cashflow/index.es.js +234 -232
  16. package/dist/common/components/GlobalAccountFilter.d.ts +2 -1
  17. package/dist/common/components/WidgetContainer.d.ts +2 -1
  18. package/dist/common/components/WidgetDateRangeSelector.d.ts +12 -0
  19. package/dist/common/hooks/index.d.ts +1 -0
  20. package/dist/common/hooks/useWidgetHeaderStyles.d.ts +32 -0
  21. package/dist/common/index.es.js +133 -132
  22. package/dist/common/utils/PostMessage.d.ts +1 -0
  23. package/dist/core/types/Widgets.d.ts +1 -0
  24. package/dist/dashboard/index.es.js +3 -3
  25. package/dist/debts/components/actions/DebtsPriorityAction.d.ts +2 -1
  26. package/dist/debts/components/debtspriority/DebtsPriorityButton.d.ts +2 -1
  27. package/dist/debts/index.es.js +589 -587
  28. package/dist/finstrong/FinstrongWidget.d.ts +1 -1
  29. package/dist/finstrong/index.es.js +738 -746
  30. package/dist/goals/GoalsWidget.d.ts +1 -1
  31. package/dist/goals/index.es.js +439 -438
  32. package/dist/help/HelpWidget.d.ts +1 -1
  33. package/dist/help/index.es.js +21 -12
  34. package/dist/insights/components/index.d.ts +1 -0
  35. package/dist/insights/components/shared/InsightsCard/ClientConfigurableCta.d.ts +5 -0
  36. package/dist/insights/components/shared/InsightsCard/ContentAndDescription.d.ts +0 -2
  37. package/dist/insights/components/shared/InsightsCard/ContentAndDescriptionMUI.d.ts +0 -2
  38. package/dist/insights/components/shared/InsightsCard/Description.d.ts +0 -2
  39. package/dist/insights/components/shared/InsightsCard/DescriptionMUI.d.ts +0 -2
  40. package/dist/insights/index.es.js +562 -579
  41. package/dist/insights/types/CommonBeat.d.ts +0 -1
  42. package/dist/investments/InvestmentsWidget.d.ts +1 -1
  43. package/dist/investments/index.es.js +418 -417
  44. package/dist/networth/index.es.js +265 -278
  45. package/dist/notifications/index.es.js +1 -1
  46. package/dist/recurringtransactions/RecurringTransactionsWidget.d.ts +1 -1
  47. package/dist/recurringtransactions/index.es.js +235 -232
  48. package/dist/settings/SettingsWidget.d.ts +1 -1
  49. package/dist/settings/index.es.js +283 -282
  50. package/dist/spending/index.es.js +110 -109
  51. package/dist/transactions/index.es.js +280 -277
  52. package/dist/trends/index.es.js +623 -616
  53. package/dist/{useScreenSize-B6JyS_Lj.mjs → useScreenSize-CUcpY7aJ.mjs} +1 -1
  54. package/package.json +2 -2
  55. package/dist/WidgetContainer-D-pbSa7L.mjs +0 -441
@@ -13,11 +13,11 @@ import { useTheme as V1, alpha as M1 } from "@mui/material/styles";
13
13
  import { u as w, A as y1 } from "../AccountDetailsHeader-D9gbTbUt.mjs";
14
14
  import { L as x1 } from "../LineChart-EAr5ox5U.mjs";
15
15
  import { g as w1, a as R1, b as S1 } from "../SpendingData-Bz1bCWAs.mjs";
16
- import { l as T1, u as M, d as E, g as D, h as m1, b as G, a as E1 } from "../hooks-BxkfR-Ff.mjs";
16
+ import { l as T1, u as b, d as E, g as D, h as m1, b as G, a as E1 } from "../hooks-BxkfR-Ff.mjs";
17
17
  import { A as I, g as L, N as p1 } from "../Account-BiB1F8lL.mjs";
18
18
  import { I as _1, P as L1, S as f1 } from "../Account-DuOz1a27.mjs";
19
19
  import { a as D1, b as k1 } from "../AccountFields-CxqONzjY.mjs";
20
- import { g as i4 } from "../AccountFields-CxqONzjY.mjs";
20
+ import { g as i2 } from "../AccountFields-CxqONzjY.mjs";
21
21
  import { A as U } from "../AccountListItem-D9WJDbZ1.mjs";
22
22
  import a1 from "@mui/material/Tab";
23
23
  import I1 from "@mui/material/Tabs";
@@ -48,25 +48,25 @@ import j1 from "@mui/material/MenuItem";
48
48
  import X1 from "@mui/material/Select";
49
49
  import J1 from "@mui/material/TextField";
50
50
  import { F as X } from "../Accounts-CseLC3lL.mjs";
51
- import { M as a4 } from "../Accounts-CseLC3lL.mjs";
51
+ import { M as a2 } from "../Accounts-CseLC3lL.mjs";
52
52
  import { C as q1 } from "../CurrencyInput-DuMktPu3.mjs";
53
53
  import Q1 from "@mui/material/Alert";
54
54
  import e3 from "@mui/material/AlertTitle";
55
55
  import t3 from "@mui/material/Link";
56
56
  import n3 from "@mui/material/Paper";
57
57
  import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
58
- import { T as a3 } from "../EmbeddedCard-xngm4vLT.mjs";
59
- import { T as s3 } from "../TransactionDetails-KklNHa-s.mjs";
58
+ import { T as a3 } from "../EmbeddedCard-D0Pgpiuq.mjs";
59
+ import { T as s3 } from "../TransactionDetails-D57Cfnwh.mjs";
60
60
  import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
61
61
  import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
62
62
  import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";
63
- import { u as H1 } from "../useScreenSize-B6JyS_Lj.mjs";
63
+ import { u as H1 } from "../useScreenSize-CUcpY7aJ.mjs";
64
64
  import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
65
65
  import { L as o1 } from "../Loader-D3rjKx72.mjs";
66
- import { W as r3 } from "../WidgetContainer-D-pbSa7L.mjs";
66
+ import { W as r3 } from "../WidgetContainer-DYKMArWw.mjs";
67
67
  import { M as v1 } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
68
- import { A as l4 } from "../AccountApi-ChQr5PAZ.mjs";
69
- import { A as d4 } from "../AccountStore-DpYvNnql.mjs";
68
+ import { A as l2 } from "../AccountApi-ChQr5PAZ.mjs";
69
+ import { A as d2 } from "../AccountStore-B7zfcad7.mjs";
70
70
  const d3 = (t, o) => {
71
71
  const n = _1.includes(o) ? w1(t) : [], i = L1.includes(o) ? R1(t) : [], c = f1.includes(o) ? S1(t) : [];
72
72
  return [n, i, c].filter((l) => l.length > 0);
@@ -85,7 +85,7 @@ const d3 = (t, o) => {
85
85
  }
86
86
  return a;
87
87
  }, C3 = () => {
88
- const t = V1(), { selectedAccount: o } = w(), { monthlyCategoryTotals: n } = T1(), { trends: i } = M(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = d3(n, o.account_type), u = u3(l, o.account_type, i), a = [I.LOAN, I.MORTGAGE].includes(o.account_type);
88
+ const t = V1(), { selectedAccount: o } = w(), { monthlyCategoryTotals: n } = T1(), { trends: i } = b(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = d3(n, o.account_type), u = u3(l, o.account_type, i), a = [I.LOAN, I.MORTGAGE].includes(o.account_type);
89
89
  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
90
90
  x1,
91
91
  {
@@ -139,13 +139,13 @@ const d3 = (t, o) => {
139
139
  (i) => i.member_guid === n.guid && n.successfully_aggregated_at && i.guid !== o.guid
140
140
  );
141
141
  }, p3 = () => {
142
- const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, l] = h.useState(!1), [u, a] = h.useState({}), { selectedAccount: r } = w(), { mergeAccounts: p, updateAccount: _ } = E(), { accounts: s } = M(), H = m3(), { onEvent: b } = D(), { modifyTransactionByAccountGuid: V } = m1(), y = async (m) => {
143
- await _({
142
+ const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, l] = h.useState(!1), [u, a] = h.useState({}), { selectedAccount: r } = w(), { mergeAccounts: _, updateAccount: p } = E(), { accounts: s } = b(), H = m3(), { onEvent: V } = D(), { modifyTransactionByAccountGuid: M } = m1(), y = async (m) => {
143
+ await p({
144
144
  ...r,
145
145
  ...m
146
- }), "is_closed" in m && m.is_closed !== r.is_closed && V(r.guid, { accountIsClosed: m.is_closed });
146
+ }), "is_closed" in m && m.is_closed !== r.is_closed && M(r.guid, { accountIsClosed: m.is_closed });
147
147
  }, d = () => {
148
- p([r.guid, u.guid]).finally(
148
+ _([r.guid, u.guid]).finally(
149
149
  () => i(!1)
150
150
  );
151
151
  };
@@ -156,7 +156,7 @@ const d3 = (t, o) => {
156
156
  {
157
157
  ariaPressed: r.is_hidden,
158
158
  onClick: () => {
159
- y({ is_hidden: !r.is_hidden }), b(x.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
159
+ y({ is_hidden: !r.is_hidden }), V(x.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
160
160
  },
161
161
  primaryText: r.is_hidden ? s.unhide_account : s.hide_Account,
162
162
  secondaryText: r.is_hidden ? s.include_this_account : s.exclude_this_account,
@@ -167,7 +167,7 @@ const d3 = (t, o) => {
167
167
  J,
168
168
  {
169
169
  onClick: () => {
170
- o(!0), b(x.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
170
+ o(!0), V(x.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
171
171
  account_guid: r.guid
172
172
  });
173
173
  },
@@ -201,7 +201,7 @@ const d3 = (t, o) => {
201
201
  {
202
202
  isLast: !0,
203
203
  onClick: () => {
204
- i(!0), b(x.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
204
+ i(!0), V(x.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
205
205
  account_guid: r.guid
206
206
  });
207
207
  },
@@ -430,7 +430,7 @@ const d3 = (t, o) => {
430
430
  }, L3 = () => {
431
431
  const [t, o] = h.useState(!1), {
432
432
  palette: { mode: n }
433
- } = N1(), { selectedMember: i } = w(), { accounts: c, connect: l } = M(), u = A1(i, l), a = p1.includes(i.connection_status) ? {
433
+ } = N1(), { selectedMember: i } = w(), { accounts: c, connect: l } = b(), u = A1(i, l), a = p1.includes(i.connection_status) ? {
434
434
  color: "error.main",
435
435
  ctaCopy: u.cta ?? "",
436
436
  icon: /* @__PURE__ */ e(g1, { filled: !0, sx: { ...q } }),
@@ -524,9 +524,9 @@ const d3 = (t, o) => {
524
524
  )
525
525
  ] });
526
526
  }, f3 = A(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
527
- const { updateAccount: i } = E(), { selectedAccount: c } = w(), { accounts: l } = M(), [u, a] = h.useState(c[t.name]), [r, p] = h.useState(""), [_, s] = h.useState(!0), H = () => {
528
- a(""), p(""), n();
529
- }, b = () => {
527
+ const { updateAccount: i } = E(), { selectedAccount: c } = w(), { accounts: l } = b(), [u, a] = h.useState(c[t.name]), [r, _] = h.useState(""), [p, s] = h.useState(!0), H = () => {
528
+ a(""), _(""), n();
529
+ }, V = () => {
530
530
  switch (t.type) {
531
531
  case X.Select:
532
532
  return /* @__PURE__ */ C(z1, { fullWidth: !0, children: [
@@ -601,13 +601,13 @@ const d3 = (t, o) => {
601
601
  }
602
602
  );
603
603
  }
604
- }, V = () => {
604
+ }, M = () => {
605
605
  c[t.name] !== u && i({
606
606
  ...c,
607
607
  [t.name]: u
608
608
  }), H();
609
609
  }, y = (d) => {
610
- a(d.target.value), t.validation && p(t.validation(d.target.value));
610
+ a(d.target.value), t.validation && _(t.validation(d.target.value));
611
611
  };
612
612
  return /* @__PURE__ */ e(
613
613
  Q,
@@ -616,10 +616,10 @@ const d3 = (t, o) => {
616
616
  close_aria: l.close_aria,
617
617
  title: f(l.edit_field, t.label)
618
618
  },
619
- disablePrimaryButton: !!r || !_,
619
+ disablePrimaryButton: !!r || !p,
620
620
  isOpen: o,
621
621
  onClose: H,
622
- onPrimaryAction: V,
622
+ onPrimaryAction: M,
623
623
  primaryText: l.save,
624
624
  sx: {
625
625
  "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
@@ -628,16 +628,16 @@ const d3 = (t, o) => {
628
628
  outlineOffset: "2px"
629
629
  }
630
630
  },
631
- children: b()
631
+ children: V()
632
632
  }
633
633
  );
634
634
  }, H3 = A(g3), v3 = () => {
635
- const t = window.app?.config, { onEvent: o } = D(), { selectedAccount: n } = w(), { accounts: i } = M(), c = D1(n, i), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [u, a] = h.useState(!1), [r, p] = h.useState(c[0]), _ = c.filter(
635
+ const t = window.app?.config, { onEvent: o } = D(), { selectedAccount: n } = w(), { accounts: i } = b(), c = D1(n, i), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [u, a] = h.useState(!1), [r, _] = h.useState(c[0]), p = c.filter(
636
636
  (s) => l || n[s.name] || n[s.name] === 0
637
637
  );
638
638
  return /* @__PURE__ */ C(R, { children: [
639
- _.map((s) => {
640
- const H = n[s.name] || n[s.name] === 0, b = _.indexOf(s) === _.length - 1, V = /* @__PURE__ */ e(
639
+ p.map((s) => {
640
+ const H = n[s.name] || n[s.name] === 0, V = p.indexOf(s) === p.length - 1, M = /* @__PURE__ */ e(
641
641
  Z,
642
642
  {
643
643
  disableTypography: !0,
@@ -657,7 +657,7 @@ const d3 = (t, o) => {
657
657
  position: "absolute",
658
658
  bottom: 0,
659
659
  right: 0,
660
- left: b ? 0 : 24,
660
+ left: V ? 0 : 24,
661
661
  borderBottom: "1px solid",
662
662
  borderColor: "divider"
663
663
  }
@@ -666,10 +666,10 @@ const d3 = (t, o) => {
666
666
  $,
667
667
  {
668
668
  onClick: () => {
669
- p(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
669
+ _(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
670
670
  },
671
671
  children: [
672
- V,
672
+ M,
673
673
  /* @__PURE__ */ e(N, { name: "chevron_right" })
674
674
  ]
675
675
  }
@@ -687,12 +687,12 @@ const d3 = (t, o) => {
687
687
  position: "absolute",
688
688
  bottom: 0,
689
689
  right: 0,
690
- left: b ? 0 : 24,
690
+ left: V ? 0 : 24,
691
691
  borderBottom: "1px solid",
692
692
  borderColor: "divider"
693
693
  }
694
694
  },
695
- children: V
695
+ children: M
696
696
  }
697
697
  ) }, s.name);
698
698
  }),
@@ -713,7 +713,7 @@ const d3 = (t, o) => {
713
713
  /* @__PURE__ */ e(_3, {})
714
714
  ] });
715
715
  }, V3 = A(b3), M3 = ({ setTabValue: t }) => {
716
- const [o, n] = h.useState(!1), { selectedMember: i } = w(), { accounts: c, connect: l } = M(), u = i.connection_status && p1.includes(i.connection_status);
716
+ const [o, n] = h.useState(!1), { selectedMember: i } = w(), { accounts: c, connect: l } = b(), u = i.connection_status && p1.includes(i.connection_status);
717
717
  if (h.useEffect(() => {
718
718
  u && t(1);
719
719
  }, [u]), !u) return;
@@ -770,12 +770,12 @@ const d3 = (t, o) => {
770
770
  )
771
771
  ] });
772
772
  }, y3 = A(M3), x3 = () => {
773
- const [t, o] = h.useState(""), { onEvent: n } = D(), { selectedAccount: i } = w(), { accounts: c } = M(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
773
+ const [t, o] = h.useState(""), { onEvent: n } = D(), { selectedAccount: i } = w(), { accounts: c } = b(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
774
774
  h.useEffect(() => {
775
775
  l || u().finally();
776
776
  }, []);
777
- const p = h.useMemo(
778
- () => r.find((_) => _.guid === t),
777
+ const _ = h.useMemo(
778
+ () => r.find((p) => p.guid === t),
779
779
  [t, r]
780
780
  );
781
781
  return h.useEffect(() => {
@@ -785,19 +785,19 @@ const d3 = (t, o) => {
785
785
  });
786
786
  }, [i]), h.useEffect(() => n(x.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(R, { children: [
787
787
  /* @__PURE__ */ e(a3, { onClick: o }),
788
- p && /* @__PURE__ */ e(
788
+ _ && /* @__PURE__ */ e(
789
789
  t1,
790
790
  {
791
791
  ariaLabelClose: c.close_drawer,
792
792
  isOpen: !!t,
793
793
  onClose: () => o(""),
794
794
  title: c.transaction_drawer_title,
795
- children: /* @__PURE__ */ e(s3, { transaction: p })
795
+ children: /* @__PURE__ */ e(s3, { transaction: _ })
796
796
  }
797
797
  )
798
798
  ] });
799
799
  }, w3 = A(x3), R3 = () => {
800
- const [t, o] = h.useState(0), { accounts: n } = M();
800
+ const [t, o] = h.useState(0), { accounts: n } = b();
801
801
  return /* @__PURE__ */ C(R, { children: [
802
802
  /* @__PURE__ */ e(y3, { setTabValue: o }),
803
803
  /* @__PURE__ */ C(
@@ -833,30 +833,30 @@ const d3 = (t, o) => {
833
833
  /* @__PURE__ */ e(r1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(V3, {}) })
834
834
  ] });
835
835
  }, S3 = A(R3), T3 = () => {
836
- const [t, o] = h.useState(""), { accounts: n } = M(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = w(), { members: u } = E(), { onEvent: a } = D(), r = [...new Set(i.map((d) => d.account_type))], p = i.find((d) => t === d.guid), _ = h.useMemo(
836
+ const [t, o] = h.useState(""), { accounts: n } = b(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = w(), { members: u } = E(), { onEvent: a } = D(), r = [...new Set(i.map((d) => d.account_type))], _ = i.find((d) => t === d.guid), p = h.useMemo(
837
837
  () => i.filter((d) => d.is_hidden),
838
838
  [i]
839
839
  ), s = h.useMemo(
840
840
  () => i.filter((d) => d.is_closed),
841
841
  [i]
842
- ), H = _.reduce(
842
+ ), H = p.reduce(
843
843
  (d, m) => (m.available_balance || m.balance || 0) + d,
844
844
  0
845
- ), b = k1(s, n);
845
+ ), V = k1(s, n);
846
846
  h.useEffect(() => {
847
- if (p) {
848
- c(p);
849
- const d = u.find((m) => m.guid === p?.member_guid) || {};
847
+ if (_) {
848
+ c(_);
849
+ const d = u.find((m) => m.guid === _?.member_guid) || {};
850
850
  d && l(d);
851
851
  }
852
- }, [p, t]);
853
- const V = (d) => {
852
+ }, [_, t]);
853
+ const M = (d) => {
854
854
  o(d.guid), a(x.ACCOUNTS_CLICK_ACCOUNT, {
855
855
  account_guid: d.guid,
856
856
  account_type: d.account_type
857
857
  });
858
858
  }, y = (d) => {
859
- const m = d === "hidden" ? _ : s, k = d === "hidden" ? H : b, v = d === "hidden" ? n.account_hidden : n.account_closed;
859
+ const m = d === "hidden" ? p : s, k = d === "hidden" ? H : V, v = d === "hidden" ? n.account_hidden : n.account_closed;
860
860
  return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
861
861
  O,
862
862
  {
@@ -880,7 +880,7 @@ const d3 = (t, o) => {
880
880
  U,
881
881
  {
882
882
  account: S,
883
- onRowClick: () => V(S),
883
+ onRowClick: () => M(S),
884
884
  shouldShowConnectionStatus: !0
885
885
  }
886
886
  ),
@@ -906,7 +906,7 @@ const d3 = (t, o) => {
906
906
  }
907
907
  ) });
908
908
  };
909
- return /* @__PURE__ */ C(c1, { sx: { pt: 24 }, children: [
909
+ return /* @__PURE__ */ C(c1, { children: [
910
910
  r.map((d) => {
911
911
  const m = i.filter(
912
912
  (v) => v.account_type === d && !v.is_closed && !v.is_hidden
@@ -937,11 +937,11 @@ const d3 = (t, o) => {
937
937
  U,
938
938
  {
939
939
  account: v,
940
- onRowClick: () => V(v),
940
+ onRowClick: () => M(v),
941
941
  shouldShowConnectionStatus: !0
942
942
  }
943
943
  ),
944
- (!S || s.length > 0 || _.length > 0) && /* @__PURE__ */ e(
944
+ (!S || s.length > 0 || p.length > 0) && /* @__PURE__ */ e(
945
945
  W,
946
946
  {
947
947
  sx: {
@@ -956,7 +956,7 @@ const d3 = (t, o) => {
956
956
  d
957
957
  );
958
958
  }),
959
- _.length > 0 && y("hidden"),
959
+ p.length > 0 && y("hidden"),
960
960
  s.length > 0 && y("closed"),
961
961
  /* @__PURE__ */ C(
962
962
  t1,
@@ -972,59 +972,61 @@ const d3 = (t, o) => {
972
972
  }
973
973
  )
974
974
  ] });
975
- }, E3 = A(T3), D3 = ({ onBackClick: t, sx: o = {} }) => {
976
- const [n, i] = h.useState(!1), [c, l] = h.useState(!1), { config: u } = E1(), { isAccountDataLoaded: a, loadAccountData: r } = E(), { accounts: p, connect: _ } = M(), { isInitialized: s, selectedAccountGuids: H } = G(), { isDesktop: b } = H1(), { onEvent: V } = D();
975
+ }, E3 = A(T3), D3 = ({ onBackClick: t, onMenuClick: o, sx: n = {} }) => {
976
+ const [i, c] = h.useState(!1), [l, u] = h.useState(!1), { config: a } = E1(), { isAccountDataLoaded: r, loadAccountData: _ } = E(), { accounts: p, connect: s } = b(), { isInitialized: H, selectedAccountGuids: V } = G(), { isDesktop: M } = H1(), { onEvent: y } = D();
977
977
  n1({
978
978
  widgetName: "AccountsWidget",
979
- isLoaded: a
979
+ isLoaded: r
980
980
  }), h.useEffect(() => {
981
- a || r().finally();
981
+ r || _().finally();
982
982
  }, []);
983
- const y = () => {
984
- i(!0), V(x.ACCOUNTS_CLICK_CONNECT);
985
- }, d = () => {
986
- l(!0), V(x.ACCOUNTS_CLICK_CONNECT);
983
+ const d = () => {
984
+ c(!0), y(x.ACCOUNTS_CLICK_CONNECT);
985
+ }, m = () => {
986
+ u(!0), y(x.ACCOUNTS_CLICK_CONNECT);
987
987
  };
988
- return s ? /* @__PURE__ */ C(
988
+ return H ? /* @__PURE__ */ C(
989
989
  r3,
990
990
  {
991
- actions: u.show_connections_widget_in_master ? [
992
- { iconName: "add", label: p.add, onClick: y },
991
+ actions: a.show_connections_widget_in_master ? [
992
+ { iconName: "add", label: p.add, onClick: d },
993
993
  {
994
994
  iconName: "credit_card_gear",
995
995
  label: p.manage,
996
- onClick: d
996
+ onClick: m
997
997
  }
998
998
  ] : [],
999
- onAccountsFilterClick: () => V(x.ACCOUNTS_CLICK_FILTER),
999
+ hasDivider: !0,
1000
+ onAccountsFilterClick: () => y(x.ACCOUNTS_CLICK_FILTER),
1000
1001
  onBackClick: t,
1001
- sx: o,
1002
+ onMenuClick: o,
1003
+ sx: n,
1002
1004
  title: p.title,
1003
1005
  children: [
1004
- a ? /* @__PURE__ */ C(e1, { sx: { px: b ? 24 : 12 }, children: [
1005
- H.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: p.no_accounts }),
1006
+ r ? /* @__PURE__ */ C(e1, { children: [
1007
+ V.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: p.no_accounts }),
1006
1008
  /* @__PURE__ */ e(E3, {})
1007
- ] }) : /* @__PURE__ */ e(h1, { sx: { px: b ? 48 : 24, pt: 24 }, variant: "list" }),
1009
+ ] }) : /* @__PURE__ */ e(h1, { sx: { px: M ? 48 : 24, pt: 24 }, variant: "list" }),
1008
1010
  /* @__PURE__ */ e(
1009
1011
  z,
1010
1012
  {
1011
- onClose: () => i(!1),
1012
- showConnectWidget: n,
1013
- title: _.mini_title
1013
+ onClose: () => c(!1),
1014
+ showConnectWidget: i,
1015
+ title: s.mini_title
1014
1016
  }
1015
1017
  ),
1016
1018
  /* @__PURE__ */ e(
1017
1019
  l3,
1018
1020
  {
1019
- onClose: () => l(!1),
1020
- showConnectionsWidget: c,
1021
+ onClose: () => u(!1),
1022
+ showConnectionsWidget: l,
1021
1023
  title: p.manage_connections
1022
1024
  }
1023
1025
  )
1024
1026
  ]
1025
1027
  }
1026
1028
  ) : /* @__PURE__ */ e(o1, {});
1027
- }, Q2 = A(D3);
1029
+ }, Q4 = A(D3);
1028
1030
  function k3(t) {
1029
1031
  const { heldAccounts: o, externalAccounts: n } = t.reduce(
1030
1032
  (i, c) => (c.member_is_managed_by_user ? i.externalAccounts.push(c) : i.heldAccounts.push(c), i),
@@ -1049,7 +1051,7 @@ const Z3 = {
1049
1051
  const u = o.name ?? o.feed_name ?? "", a = n.name ?? n.feed_name ?? "";
1050
1052
  return u.localeCompare(a);
1051
1053
  }), N3 = ({ onPrimaryCtaClick: t, sx: o }) => {
1052
- const { isAccountDataLoaded: n, loadAccountData: i } = E(), { accounts: c } = M(), { isInitialized: l, selectedAccounts: u } = G(), { isDesktop: a } = H1();
1054
+ const { isAccountDataLoaded: n, loadAccountData: i } = E(), { accounts: c } = b(), { isInitialized: l, selectedAccounts: u } = G(), { isDesktop: a } = H1();
1053
1055
  n1({
1054
1056
  widgetName: "AccountsMiniWidget",
1055
1057
  isLoaded: l
@@ -1070,24 +1072,24 @@ const Z3 = {
1070
1072
  title: c.mini_title,
1071
1073
  children: n ? /* @__PURE__ */ C(O, { children: [
1072
1074
  u.length === 0 && /* @__PURE__ */ e(T, { sx: { justifyContent: "center" }, children: c.no_accounts }),
1073
- r.map((p, _) => {
1074
- const s = r.indexOf(p) === r.length - 1;
1075
+ r.map((_, p) => {
1076
+ const s = r.indexOf(_) === r.length - 1;
1075
1077
  return /* @__PURE__ */ C(h.Fragment, { children: [
1076
1078
  /* @__PURE__ */ e(
1077
1079
  U,
1078
1080
  {
1079
- account: p,
1081
+ account: _,
1080
1082
  listItemProps: { sx: { px: 24 } },
1081
1083
  shouldShowConnectionStatus: !0
1082
1084
  }
1083
1085
  ),
1084
1086
  !s && /* @__PURE__ */ e(W, { "aria-hidden": "true", variant: "inset" })
1085
- ] }, `account-item${_}`);
1087
+ ] }, `account-item${p}`);
1086
1088
  })
1087
1089
  ] }) : /* @__PURE__ */ e(h1, { sx: { px: 12, py: 8 }, variant: "list" })
1088
1090
  }
1089
1091
  ) : /* @__PURE__ */ e(o1, {});
1090
- }, e4 = A(N3), O3 = () => /* @__PURE__ */ C(
1092
+ }, e2 = A(N3), O3 = () => /* @__PURE__ */ C(
1091
1093
  "svg",
1092
1094
  {
1093
1095
  fill: "none",
@@ -1527,7 +1529,7 @@ const Z3 = {
1527
1529
  ]
1528
1530
  }
1529
1531
  ), F3 = () => {
1530
- const { connect: t } = M();
1532
+ const { connect: t } = b();
1531
1533
  return /* @__PURE__ */ C(e1, { alignItems: "center", direction: "column", m: 24, children: [
1532
1534
  /* @__PURE__ */ e(O3, {}),
1533
1535
  /* @__PURE__ */ e(
@@ -1548,7 +1550,7 @@ const Z3 = {
1548
1550
  },
1549
1551
  sx: o
1550
1552
  }) => {
1551
- const { isCopyLoaded: n } = G(), { connect: i } = M(), [c, l] = h.useState(!1), u = () => {
1553
+ const { isCopyLoaded: n } = G(), { connect: i } = b(), [c, l] = h.useState(!1), u = () => {
1552
1554
  l(!0), t();
1553
1555
  };
1554
1556
  return n1({
@@ -1575,18 +1577,18 @@ const Z3 = {
1575
1577
  ]
1576
1578
  }
1577
1579
  ) : /* @__PURE__ */ e(o1, {});
1578
- }, t4 = A(W3);
1580
+ }, t2 = A(W3);
1579
1581
  export {
1580
- l4 as AccountApi,
1582
+ l2 as AccountApi,
1581
1583
  S3 as AccountDetailsContent,
1582
1584
  y1 as AccountDetailsHeader,
1583
- d4 as AccountStore,
1584
- e4 as AccountsMiniWidget,
1585
- Q2 as AccountsWidget,
1586
- t4 as ConnectMiniWidget,
1585
+ d2 as AccountStore,
1586
+ e2 as AccountsMiniWidget,
1587
+ Q4 as AccountsWidget,
1588
+ t2 as ConnectMiniWidget,
1587
1589
  X as FieldType,
1588
- a4 as MemberConnectionStatus,
1589
- i4 as getAccountBalanceDetails,
1590
+ a2 as MemberConnectionStatus,
1591
+ i2 as getAccountBalanceDetails,
1590
1592
  D1 as getAccountDetailFields,
1591
1593
  w as useAccountUiStore,
1592
1594
  m3 as useGetMergeableAccounts