@mx-cartographer/experiences 7.0.43 → 7.0.44-alpha.mega1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.0.44] - 10-07-2025
+
+ **UPDATED** - Enhance accounts list UI for mini view
+
 ## [7.0.43] - 10-06-2025
 
 - **UPDATED** - Theme font to be applied in additional areas

package/dist/{Account-9Tt9DsMn.mjs → Account-CYkoSG86.mjs}

@@ -1,4 +1,4 @@
-import { A as C } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { A as C } from "./ConnectDrawer-CNdzwKdX.mjs";
 const I = [
   C.ANY,
   C.CASH,

package/dist/{AccountDetailsContent-BkxDh8cY.mjs → AccountDetailsContent-BuXTLptM.mjs}

@@ -11,10 +11,10 @@ import M from "@mui/material/Divider";
 import v from "@mui/material/ListItem";
 import N from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
-import { u as D } from "./AccountDetailsHeader-B3DiwvB7.mjs";
+import { u as D } from "./AccountDetailsHeader-BWl2e21n.mjs";
 import { c as z, u as E, f as O, g as X } from "./hooks-BAAimqdq.mjs";
-import { A as at } from "./AccountListItem-FmvNfEP8.mjs";
-import { A as k } from "./WidgetContainer-ztkGgdIH.mjs";
+import { A as at } from "./AccountListItem-D9mpJkCP.mjs";
+import { A as k } from "./WidgetContainer-DfyV39Ru.mjs";
 import { a as V, f as B, D as j } from "./Dialog-CWW597AF.mjs";
 import { b as h } from "./Localization-2MODESHW.mjs";
 import { D as J } from "./Drawer-kEE73B87.mjs";
@@ -22,7 +22,7 @@ import R from "@mui/material/ListItemAvatar";
 import ct from "@mui/material/Stack";
 import st from "@mui/material/styles/useTheme";
 import { Error as q, CheckCircle as it, Language as rt } from "@mxenabled/mx-icons";
-import { k as m, N as Q, j as Z, F as P } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { l as m, N as Q, j as Z, F as P } from "./ConnectDrawer-CNdzwKdX.mjs";
 import { fromUnixTime as lt } from "date-fns/fromUnixTime";
 import { isToday as dt } from "date-fns/isToday";
 import { isYesterday as ut } from "date-fns/isYesterday";
@@ -38,13 +38,13 @@ import At from "@mui/material/MenuItem";
 import bt from "@mui/material/Select";
 import Tt from "@mui/material/TextField";
 import { C as St } from "./CurrencyInput-pHmLzc_c.mjs";
-import { b as Dt } from "./AccountFields-DvACKQho.mjs";
+import { b as Dt } from "./AccountFields-x4A7Loe5.mjs";
 import Et from "@mui/material/Alert";
 import yt from "@mui/material/AlertTitle";
 import xt from "@mui/material/Link";
 import wt from "@mui/material/Paper";
 import { subDays as kt, startOfToday as It, endOfToday as Mt } from "date-fns";
-import { T as vt, a as Lt } from "./TransactionDetails-C-2UEbmQ.mjs";
+import { T as vt, a as Lt } from "./TransactionDetails-DO_YihKP.mjs";
 import { T as K } from "./TabContentContainer-j01JYR_7.mjs";
 const U = ({
   children: e,

package/dist/{AccountDetailsHeader-B3DiwvB7.mjs → AccountDetailsHeader-BWl2e21n.mjs}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import { observer as p } from "mobx-react-lite";
 import d from "@mui/material/Stack";
 import { H3 as w, InstitutionLogo as I, Text as m, H2 as L } from "@mxenabled/mxui";
-import { g as N } from "./AccountFields-DvACKQho.mjs";
+import { g as N } from "./AccountFields-x4A7Loe5.mjs";
 import h from "react";
 import { G as v, c as S, m as y, u as _, e as E } from "./hooks-BAAimqdq.mjs";
 import G from "@mui/material/Card";
@@ -11,8 +11,8 @@ import P from "@mui/material/CardHeader";
 import { useTheme as M } from "@mui/material/styles";
 import { g as B, a as H, b as U } from "./SpendingData-D5vsfYKo.mjs";
 import { L as j } from "./LineChart-CHTf3RcN.mjs";
-import { I as f, P as g, S as C } from "./Account-9Tt9DsMn.mjs";
-import { A } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { I as f, P as g, S as C } from "./Account-CYkoSG86.mjs";
+import { A } from "./ConnectDrawer-CNdzwKdX.mjs";
 import { L as z } from "./Loader-DUaFpDGv.mjs";
 import { f as Y, D as R } from "./Dialog-CWW597AF.mjs";
 import { f as $ } from "./NumberFormatting-CtWHhyBX.mjs";

package/dist/{AccountFields-DvACKQho.mjs → AccountFields-x4A7Loe5.mjs}

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Icon as p, Text as y } from "@mxenabled/mxui";
-import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-L1_xPNYt.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-DR3xTyAx.mjs";
+import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-CNdzwKdX.mjs";
+import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-CeeJag5-.mjs";
 import { f as _, i as b, a as N, b as S } from "./NumberFormatting-CtWHhyBX.mjs";
 import { b as i } from "./Localization-2MODESHW.mjs";
 import { f as o, D as f } from "./Dialog-CWW597AF.mjs";

package/dist/{AccountListItem-FmvNfEP8.mjs → AccountListItem-D9mpJkCP.mjs}

@@ -10,8 +10,8 @@ import C from "@mui/material/styles/useTheme";
 import { InstitutionLogo as B, Text as o } from "@mxenabled/mxui";
 import { Error as L } from "@mxenabled/mx-icons";
 import { I as A } from "./IconBacking-B9oC6uL2.mjs";
-import { g as j } from "./AccountFields-DvACKQho.mjs";
-import { d } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { g as j } from "./AccountFields-x4A7Loe5.mjs";
+import { d } from "./ConnectDrawer-CNdzwKdX.mjs";
 import { u as T } from "./hooks-BAAimqdq.mjs";
 import { f as X } from "./NumberFormatting-CtWHhyBX.mjs";
 const $ = {

package/dist/{AccountStore-BKK7dA8Y.mjs → AccountStore-WQAkYgx1.mjs}

@@ -1,7 +1,7 @@
 import { makeAutoObservable as _, runInAction as a } from "mobx";
-import { i as g } from "./User-BwjK6Fwz.mjs";
+import { i as g } from "./User-Bfnq7dd4.mjs";
 import { F as f, A as i } from "./Fetch-87LIQbEA.mjs";
-import { A as n, d as h, E as p, g as y, h as I } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { A as n, d as h, E as p, g as y, h as I } from "./ConnectDrawer-CNdzwKdX.mjs";
 class l {
   fetchInstance;
   constructor(t, e, s) {

package/dist/{Accounts-DR3xTyAx.mjs → Accounts-CeeJag5-.mjs}

@@ -1,4 +1,4 @@
-import { A as _ } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { A as _ } from "./ConnectDrawer-CNdzwKdX.mjs";
 const s = (t) => t && (t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CHECKING_LINE_OF_CREDIT), p = (t) => t.is_manual || !t.guid, E = (t) => t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.CHECKING_LINE_OF_CREDIT, a = (t) => t.account_type === _.SAVINGS || t.account_type === _.CHECKING || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE, y = (t) => t.account_type === _.LOAN || t.account_type === _.MORTGAGE;
 export {
   s as a,

package/dist/ConnectDrawer-CNdzwKdX.mjs

@@ -0,0 +1,528 @@
+import { jsx as _, jsxs as h } from "react/jsx-runtime";
+import m, { useMemo as Z } from "react";
+import G from "@mui/material/Button";
+import { AccountsIcon as S, P as x, Icon as o, Text as n } from "@mxenabled/mxui";
+import b from "@mui/material/Tooltip";
+import j from "@mui/material/Box";
+import p from "@mui/material/IconButton";
+import K from "@mui/material/FormControlLabel";
+import k from "@mui/material/List";
+import g from "@mui/material/ListItem";
+import y from "@mui/material/ListItemButton";
+import c from "@mui/material/ListSubheader";
+import u from "@mui/material/ListItemText";
+import EE from "@mui/material/Popover";
+import F from "@mui/material/Stack";
+import v from "@mui/material/Checkbox";
+import { u as B, c as IE, d as _E } from "./hooks-BAAimqdq.mjs";
+import { b as W } from "./Localization-2MODESHW.mjs";
+import { u as NE } from "./useScreenSize-B6JyS_Lj.mjs";
+import { observer as $ } from "mobx-react-lite";
+import rE from "@mui/material/styles/useTheme";
+import { ConnectWidget as RE } from "@mxenabled/web-widget-sdk";
+import iE from "@mui/material/CircularProgress";
+import { D as OE } from "./Drawer-kEE73B87.mjs";
+var t = /* @__PURE__ */ ((E) => (E[E.ANY = 0] = "ANY", E[E.CHECKING = 1] = "CHECKING", E[E.SAVINGS = 2] = "SAVINGS", E[E.LOAN = 3] = "LOAN", E[E.CREDIT_CARD = 4] = "CREDIT_CARD", E[E.INVESTMENT = 5] = "INVESTMENT", E[E.LINE_OF_CREDIT = 6] = "LINE_OF_CREDIT", E[E.MORTGAGE = 7] = "MORTGAGE", E[E.PROPERTY = 8] = "PROPERTY", E[E.CASH = 9] = "CASH", E[E.INSURANCE = 10] = "INSURANCE", E[E.PREPAID = 11] = "PREPAID", E[E.CHECKING_LINE_OF_CREDIT = 12] = "CHECKING_LINE_OF_CREDIT", E[E.DIGITAL_WALLET = 13] = "DIGITAL_WALLET", E))(t || {}), lE = /* @__PURE__ */ ((E) => (E[E.NONE = 0] = "NONE", E[E.MONEY_MARKET = 1] = "MONEY_MARKET", E[E.CERTIFICATE_OF_DEPOSIT = 2] = "CERTIFICATE_OF_DEPOSIT", E[E.AUTO = 3] = "AUTO", E[E.STUDENT = 4] = "STUDENT", E[E.SMALL_BUSINESS = 5] = "SMALL_BUSINESS", E[E.PERSONAL = 6] = "PERSONAL", E[E.PERSONAL_WITH_COLLATERAL = 7] = "PERSONAL_WITH_COLLATERAL", E[E.HOME_EQUITY = 8] = "HOME_EQUITY", E[E.PLAN_401_K = 9] = "PLAN_401_K", E[E.PLAN_403_B = 10] = "PLAN_403_B", E[E.PLAN_529 = 11] = "PLAN_529", E[E.IRA = 12] = "IRA", E[E.ROLLOVER_IRA = 13] = "ROLLOVER_IRA", E[E.ROTH_IRA = 14] = "ROTH_IRA", E[E.TAXABLE = 15] = "TAXABLE", E[E.NON_TAXABLE = 16] = "NON_TAXABLE", E[E.BROKERAGE = 17] = "BROKERAGE", E[E.TRUST = 18] = "TRUST", E[E.UNIFORM_GIFTS_TO_MINORS_ACT = 19] = "UNIFORM_GIFTS_TO_MINORS_ACT", E[E.PLAN_457 = 20] = "PLAN_457", E[E.PENSION = 21] = "PENSION", E[E.EMPLOYEE_STOCK_OWNERSHIP_PLAN = 22] = "EMPLOYEE_STOCK_OWNERSHIP_PLAN", E[E.SIMPLIFIED_EMPLOYEE_PENSION = 23] = "SIMPLIFIED_EMPLOYEE_PENSION", E[E.SIMPLE_IRA = 24] = "SIMPLE_IRA", E[E.BOAT = 25] = "BOAT", E[E.POWERSPORTS = 26] = "POWERSPORTS", E[E.RV = 27] = "RV", E[E.HELOC = 28] = "HELOC", E[E.PLAN_ROTH_401_K = 29] = "PLAN_ROTH_401_K", E[E.FIXED_ANNUITY = 30] = "FIXED_ANNUITY", E[E.VARIABLE_ANNUITY = 31] = "VARIABLE_ANNUITY", E[E.VEHICLE_INSURANCE = 32] = "VEHICLE_INSURANCE", E[E.DISABILITY = 33] = "DISABILITY", E[E.HEALTH = 34] = "HEALTH", E[E.LONG_TERM_CARE = 35] = "LONG_TERM_CARE", E[E.PROPERTY_AND_CASUALTY = 36] = "PROPERTY_AND_CASUALTY", E[E.UNIVERSAL_LIFE = 37] = "UNIVERSAL_LIFE", E[E.TERM_LIFE = 38] = "TERM_LIFE", E[E.WHOLE_LIFE = 39] = "WHOLE_LIFE", E[E.ACCIDENTAL_DEATH_AND_DISMEMBERMENT = 40] = "ACCIDENTAL_DEATH_AND_DISMEMBERMENT", E[E.VARIABLE_UNIVERSAL_LIFE = 41] = "VARIABLE_UNIVERSAL_LIFE", E[E.HSA = 42] = "HSA", E[E.TAX_FREE_SAVINGS_ACCOUNT = 43] = "TAX_FREE_SAVINGS_ACCOUNT", E[E.INDIVIDUAL = 44] = "INDIVIDUAL", E[E.REGISTERED_RETIREMENT_INCOME_FUND = 45] = "REGISTERED_RETIREMENT_INCOME_FUND", E[E.CASH_MANAGEMENT_ACCOUNT = 46] = "CASH_MANAGEMENT_ACCOUNT", E[E.EMPLOYEE_STOCK_PURCHASE_PLAN = 47] = "EMPLOYEE_STOCK_PURCHASE_PLAN", E[E.REGISTERED_EDUCATION_SAVINGS_PLAN = 48] = "REGISTERED_EDUCATION_SAVINGS_PLAN", E[E.PROFIT_SHARING_PLAN = 49] = "PROFIT_SHARING_PLAN", E[E.UNIFORM_TRANSFER_TO_MINORS_ACT = 50] = "UNIFORM_TRANSFER_TO_MINORS_ACT", E[E.PLAN_401_A = 51] = "PLAN_401_A", E[E.SARSEP_IRA = 52] = "SARSEP_IRA", E[E.FIXED_ANNUITY_TRADITIONAL_IRA = 53] = "FIXED_ANNUITY_TRADITIONAL_IRA", E[E.VARIABLE_ANNUITY_TRADITIONAL_IRA = 54] = "VARIABLE_ANNUITY_TRADITIONAL_IRA", E[E.SEPP_IRA = 55] = "SEPP_IRA", E[E.INHERITED_TRADITIONAL_IRA = 56] = "INHERITED_TRADITIONAL_IRA", E[E.FIXED_ANNUITY_ROTH_IRA = 57] = "FIXED_ANNUITY_ROTH_IRA", E[E.VARIABLE_ANNUITY_ROTH_IRA = 58] = "VARIABLE_ANNUITY_ROTH_IRA", E[E.INHERITED_ROTH_IRA = 59] = "INHERITED_ROTH_IRA", E[E.COVERDELL = 60] = "COVERDELL", E[E.ADVISORY_ACCOUNT = 61] = "ADVISORY_ACCOUNT", E[E.BROKERAGE_MARGIN = 62] = "BROKERAGE_MARGIN", E[E.CHARITABLE_GIFT_ACCOUNT = 63] = "CHARITABLE_GIFT_ACCOUNT", E[E.CHURCH_ACCOUNT = 64] = "CHURCH_ACCOUNT", E[E.CONSERVATORSHIP = 65] = "CONSERVATORSHIP", E[E.CUSTODIAL = 66] = "CUSTODIAL", E[E.DEFINED_BENEFIT_PLAN = 67] = "DEFINED_BENEFIT_PLAN", E[E.DEFINED_CONTRIBUTION_PLAN = 68] = "DEFINED_CONTRIBUTION_PLAN", E[E.EDUCATIONAL = 69] = "EDUCATIONAL", E[E.ESTATE = 70] = "ESTATE", E[E.EXECUTOR = 71] = "EXECUTOR", E[E.GROUP_RETIREMENT_SAVINGS_PLAN = 72] = "GROUP_RETIREMENT_SAVINGS_PLAN", E[E.GUARANTEED_INVESTMENT_CERTIFICATE = 73] = "GUARANTEED_INVESTMENT_CERTIFICATE", E[E.HRA = 74] = "HRA", E[E.INDEXED_ANNUITY = 75] = "INDEXED_ANNUITY", E[E.INVESTMENT_CLUB = 76] = "INVESTMENT_CLUB", E[E.IRREVOCABLE_TRUST = 77] = "IRREVOCABLE_TRUST", E[E.JOINT_TENANTS_BY_ENTIRITY = 78] = "JOINT_TENANTS_BY_ENTIRITY", E[E.JOINT_TENANTS_COMMUNITY_PROPERTY = 79] = "JOINT_TENANTS_COMMUNITY_PROPERTY", E[E.JOINT_TENANTS_IN_COMMON = 80] = "JOINT_TENANTS_IN_COMMON", E[E.JOINT_TENANTS_WITH_RIGHTS_OF_SURVIVORSHIP = 81] = "JOINT_TENANTS_WITH_RIGHTS_OF_SURVIVORSHIP", E[E.KEOUGH_PLAN = 82] = "KEOUGH_PLAN", E[E.LIFE_INCOME_FUND = 83] = "LIFE_INCOME_FUND", E[E.LIVING_TRUST = 84] = "LIVING_TRUST", E[E.LOCKED_IN_RETIREMENT_ACCOUNT = 85] = "LOCKED_IN_RETIREMENT_ACCOUNT", E[E.LOCKED_IN_RETIREMENT_INVESTMENT_FUND = 86] = "LOCKED_IN_RETIREMENT_INVESTMENT_FUND", E[E.LOCKED_IN_RETIREMENT_SAVINGS_ACCOUNT = 87] = "LOCKED_IN_RETIREMENT_SAVINGS_ACCOUNT", E[E.MONEY_PURCHASE_PLAN = 88] = "MONEY_PURCHASE_PLAN", E[E.PARTNERSHIP = 89] = "PARTNERSHIP", E[E.PLAN_409_A = 90] = "PLAN_409_A", E[E.PLAN_ROTH_403_B = 91] = "PLAN_ROTH_403_B", E[E.REGISTERED_DISABILITY_SAVINGS_PLAN = 92] = "REGISTERED_DISABILITY_SAVINGS_PLAN", E[E.REGISTERED_LOCKED_IN_SAVINGS_PLAN = 93] = "REGISTERED_LOCKED_IN_SAVINGS_PLAN", E[E.REGISTERED_PENSION_PLAN = 94] = "REGISTERED_PENSION_PLAN", E[E.REGISTERED_RETIREMENT_SAVINGS_PLAN = 95] = "REGISTERED_RETIREMENT_SAVINGS_PLAN", E[E.REVOCABLE_TRUST = 96] = "REVOCABLE_TRUST", E[E.ROTH_CONVERSION = 97] = "ROTH_CONVERSION", E[E.SOLE_PROPRIETORSHIP = 98] = "SOLE_PROPRIETORSHIP", E[E.SPOUSAL_IRA = 99] = "SPOUSAL_IRA", E[E.SPOUSAL_ROTH_IRA = 100] = "SPOUSAL_ROTH_IRA", E[E.TESTAMENTARY_TRUST = 101] = "TESTAMENTARY_TRUST", E[E.THRIFT_SAVINGS_PLAN = 102] = "THRIFT_SAVINGS_PLAN", E[E.INHERITED_ANNUITY = 103] = "INHERITED_ANNUITY", E[E.CORPORATE_ACCOUNT = 104] = "CORPORATE_ACCOUNT", E[E.LIMITED_LIABILITY_ACCOUNT = 105] = "LIMITED_LIABILITY_ACCOUNT", E[E.HSA_SAVINGS = 106] = "HSA_SAVINGS", E[E.HSA_CHECKING = 107] = "HSA_CHECKING", E))(lE || {}), aE = /* @__PURE__ */ ((E) => (E[E.REAL_ESTATE = 0] = "REAL_ESTATE", E[E.VEHICLE = 1] = "VEHICLE", E[E.ART = 2] = "ART", E[E.JEWELRY = 3] = "JEWELRY", E[E.FURNITURE = 4] = "FURNITURE", E[E.APPLIANCES = 5] = "APPLIANCES", E[E.COMPUTER = 6] = "COMPUTER", E[E.ELECTRONICS = 7] = "ELECTRONICS", E[E.SPORTS_EQUIPMENT = 8] = "SPORTS_EQUIPMENT", E[E.MISCELLANEOUS = 9] = "MISCELLANEOUS", E))(aE || {}), LE = /* @__PURE__ */ ((E) => (E[E.CREATED = 0] = "CREATED", E[E.PREVENTED = 1] = "PREVENTED", E[E.DENIED = 2] = "DENIED", E[E.CHALLENGED = 3] = "CHALLENGED", E[E.REJECTED = 4] = "REJECTED", E[E.LOCKED = 5] = "LOCKED", E[E.CONNECTED = 6] = "CONNECTED", E[E.IMPEDED = 7] = "IMPEDED", E[E.RECONNECTED = 8] = "RECONNECTED", E[E.DEGRADED = 9] = "DEGRADED", E[E.DISCONNECTED = 10] = "DISCONNECTED", E[E.DISCONTINUED = 11] = "DISCONTINUED", E[E.CLOSED = 12] = "CLOSED", E[E.DELAYED = 13] = "DELAYED", E[E.FAILED = 14] = "FAILED", E[E.UPDATED = 15] = "UPDATED", E[E.DISABLED = 16] = "DISABLED", E[E.IMPORTED = 17] = "IMPORTED", E[E.RESUMED = 18] = "RESUMED", E[E.EXPIRED = 19] = "EXPIRED", E[E.IMPAIRED = 20] = "IMPAIRED", E[E.PENDING = 21] = "PENDING", E))(LE || {});
+const qE = [
+  0,
+  15,
+  18
+  /* RESUMED */
+], sE = [
+  3,
+  4
+  /* REJECTED */
+], eE = [
+  1,
+  2,
+  5,
+  7,
+  9,
+  10,
+  11,
+  12,
+  13,
+  14,
+  16,
+  17,
+  19,
+  20
+  /* IMPAIRED */
+], ZE = [...eE, ...sE];
+var DE = /* @__PURE__ */ ((E) => (E.Connected = "Connected", E.Error = "Error", E.Processing = "Processing", E.RequiresMfa = "RequiresMfa", E))(DE || {});
+const SE = {
+  3: "Challenged",
+  12: "Closed",
+  9: "Degraded",
+  13: "Delayed",
+  2: "Denied",
+  16: "Disabled",
+  10: "Disconnected",
+  11: "Discontinued",
+  19: "Expired",
+  14: "Failed",
+  20: "Impaired",
+  7: "Impeded",
+  17: "Imported",
+  5: "Locked",
+  1: "Prevented",
+  4: "Rejected"
+}, CE = {
+  0: "Any",
+  9: "Cash",
+  1: "Checking",
+  12: "Checking Line of Credit",
+  4: "Credit Card",
+  13: "Digital Wallet",
+  10: "Insurance",
+  5: "Investment",
+  6: "Line of Credit",
+  3: "Loan",
+  7: "Mortgage",
+  11: "Prepaid",
+  8: "Property",
+  2: "Savings"
+}, nE = {
+  0: "account_balance",
+  9: "monetization_on",
+  1: "checkbook",
+  12: "checkbook",
+  // Checking line of credit has the same icon as checking
+  4: "credit_card",
+  13: "wallet",
+  10: "monitor_heart",
+  5: "trending_up",
+  6: "add_credit",
+  3: "loans",
+  7: "house",
+  11: "credit_card",
+  8: "key",
+  2: "savings"
+}, bE = {
+  5: "bid_landscape"
+}, pE = {
+  0: "Real Estate",
+  1: "Vehicle",
+  2: "Art",
+  3: "Jewelry",
+  4: "Furniture",
+  5: "Appliances",
+  6: "Computer",
+  7: "Electronics",
+  8: "Sports Equipment",
+  9: "Miscellaneous"
+}, yE = {
+  0: "home_work",
+  1: "directions_car",
+  2: "insert_photo",
+  3: "diamond",
+  4: "chair",
+  5: "kitchen",
+  6: "computer",
+  7: "camera_alt",
+  8: "sports_baseball",
+  9: "monetization_on"
+}, V = (E, N) => E.reduce((I, R) => (I[R.guid] = N?.includes(R.guid), I), {}), dE = (E, N) => E.reduce((I, R) => {
+  const r = CE[R.account_type], l = {
+    accountNumber: R.account_number,
+    name: `${R.name || R.feed_name} ${R.is_closed ? `(${N})` : ""}`,
+    guid: R.guid
+  };
+  return Object.prototype.hasOwnProperty.call(I, r) ? I[r] = I[r].concat(l) : I[r] = [l], I;
+}, {});
+function PE(E) {
+  const { heldAccounts: N, externalAccounts: I } = E.reduce(
+    (R, r) => (r.member_is_managed_by_user ? R.externalAccounts.push(r) : R.heldAccounts.push(r), R),
+    { heldAccounts: [], externalAccounts: [] }
+  );
+  return {
+    heldAccounts: X(N),
+    externalAccounts: X(I)
+  };
+}
+function cE(E, N) {
+  const { heldAccounts: I, externalAccounts: R } = PE(E), r = I.slice(0, N);
+  return r.length < N && r.push(...R.slice(0, N - r.length)), r;
+}
+const w = (E) => E === t.CHECKING ? 1 : E === t.SAVINGS ? 2 : E === t.CREDIT_CARD ? 3 : E + 100, X = (E) => E.sort((N, I) => {
+  const R = w(N.account_type), r = w(I.account_type), l = R - r;
+  if (l !== 0) return l;
+  const e = N.name ?? N.feed_name ?? "", P = I.name ?? I.feed_name ?? "";
+  return e.localeCompare(P);
+}), Q = ({
+  accounts: E,
+  accountFilterButtonEl: N,
+  copy: I,
+  onAccountClick: R,
+  onAccountGroupClick: r,
+  onCancelClick: l,
+  onConnectAccountClick: e,
+  onFilterClick: P,
+  selectedOptions: D,
+  setSelectedOptions: C,
+  handleClose: A,
+  showAccountNumbers: O
+}) => {
+  const { connect: L } = B(), d = Z(
+    () => dE(E, L.connection_statuses[12]),
+    [E]
+  ), U = E.length < 1, a = !!N, H = Object.values(D).every((i) => !!i);
+  return /* @__PURE__ */ _(
+    EE,
+    {
+      anchorEl: N,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      onClose: A,
+      open: a,
+      sx: { maxHeight: 400, maxWidth: U ? "100%" : 300 },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      children: U ? /* @__PURE__ */ h(
+        F,
+        {
+          sx: {
+            alignItems: "center",
+            flexDirection: "column",
+            padding: 16,
+            textAlign: "center",
+            width: 320,
+            maxWidth: "100%"
+          },
+          children: [
+            /* @__PURE__ */ _(S, { size: 32 }),
+            /* @__PURE__ */ _(x, { bold: !0, mt: 12, children: I.zeroStateTitle }),
+            /* @__PURE__ */ _(x, { mt: 12, children: I.zeroStateDescription }),
+            e && /* @__PURE__ */ _(G, { onClick: e, children: I.zeroStateButton })
+          ]
+        }
+      ) : /* @__PURE__ */ h("form", { onSubmit: A, children: [
+        /* @__PURE__ */ h(
+          k,
+          {
+            className: "mx-cmn-account-options",
+            dense: !0,
+            id: "filter_accounts",
+            sx: {
+              overflow: "auto",
+              maxHeight: 300,
+              minWidth: 268,
+              "& .MuiFormControlLabel-root": {
+                m: 4,
+                borderRadius: 1,
+                width: "100%",
+                "&:hover": {
+                  bgcolor: "background.default"
+                },
+                "&:focus-within": {
+                  outline: "2px solid rgba(82, 138, 224, 0.8)",
+                  outlineOffset: "2px"
+                },
+                "& .MuiFormControlLabel-label": {
+                  fontSize: 13
+                }
+              }
+            },
+            children: [
+              /* @__PURE__ */ _(g, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(
+                K,
+                {
+                  control: /* @__PURE__ */ _(
+                    v,
+                    {
+                      checked: H,
+                      "data-ui-test": `checked-${H}`,
+                      disableRipple: !0,
+                      onChange: () => {
+                        const i = {};
+                        Object.keys(D).forEach((M) => {
+                          i[M] = !H;
+                        }), C(i);
+                      },
+                      size: "small",
+                      sx: {
+                        "&.Mui-focusVisible": {
+                          outline: "none",
+                          boxShadow: "none"
+                        }
+                      }
+                    }
+                  ),
+                  label: H ? I.unselectAllAccounts : I.selectAllAccounts
+                }
+              ) }),
+              Object.keys(d).map((i) => {
+                const M = d[i], T = M.every(
+                  (s) => D[s.guid]
+                );
+                return /* @__PURE__ */ _(g, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(
+                  k,
+                  {
+                    "aria-label": W(I.accountTypeAccounts, i),
+                    className: "mx-cmn-account-options-group",
+                    dense: !0,
+                    subheader: /* @__PURE__ */ _(c, { disableGutters: !0, children: /* @__PURE__ */ _(
+                      y,
+                      {
+                        "aria-label": W(I.toggleAccountTypeAccounts, i),
+                        "aria-pressed": T,
+                        disableGutters: !0,
+                        onClick: () => r(
+                          i,
+                          d,
+                          T
+                        ),
+                        sx: {
+                          paddingLeft: 12,
+                          minHeight: 40,
+                          justifyContent: "left"
+                        },
+                        children: /* @__PURE__ */ _(
+                          u,
+                          {
+                            primary: i,
+                            primaryTypographyProps: { variant: "XSmall", fontWeight: "bold" }
+                          }
+                        )
+                      }
+                    ) }),
+                    sx: { overflow: "auto", width: "100%" },
+                    children: M.map((s) => {
+                      const Y = D[s.guid], q = `${s.name}${O && s.accountNumber ? ` *${s.accountNumber.slice(-4)}` : ""}`;
+                      return /* @__PURE__ */ _(
+                        g,
+                        {
+                          className: "mx-cmn-account-options-container",
+                          disableGutters: !0,
+                          disablePadding: !0,
+                          children: /* @__PURE__ */ _(
+                            K,
+                            {
+                              control: /* @__PURE__ */ _(
+                                v,
+                                {
+                                  checked: Y,
+                                  "data-ui-test": `checked-${Y}`,
+                                  disableRipple: !0,
+                                  id: s.guid,
+                                  onChange: () => {
+                                    R(s);
+                                  },
+                                  size: "small",
+                                  sx: {
+                                    "&.Mui-focusVisible": {
+                                      outline: "none",
+                                      boxShadow: "none"
+                                    }
+                                  }
+                                }
+                              ),
+                              label: q
+                            }
+                          )
+                        },
+                        s.guid
+                      );
+                    })
+                  }
+                ) }, i);
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ h(F, { direction: "row", justifyContent: "flex-end", padding: 12, spacing: 16, children: [
+          /* @__PURE__ */ _(G, { onClick: l, variant: "outlined", children: I.cancelButton }),
+          /* @__PURE__ */ _(
+            G,
+            {
+              "aria-label": I.filterButtonAria,
+              color: "primary",
+              onClick: P,
+              variant: "contained",
+              children: I.filterButton
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+Q.displayName = "AccountFilterOptions";
+const AE = ({
+  accounts: E,
+  copy: N,
+  onFilterClick: I,
+  onConnectAccountClick: R,
+  selectedAccountGuids: r,
+  showAccountNumbers: l,
+  sx: e = {},
+  variant: P = "outlined"
+}) => {
+  const { isDesktop: D } = NE(), [C, A] = m.useState(null), [O, L] = m.useState(
+    V(E, r)
+  );
+  m.useEffect(() => {
+    L(V(E, r));
+  }, [E, r]);
+  const d = (a) => {
+    A(a.currentTarget);
+  }, U = () => {
+    A(null);
+  };
+  return /* @__PURE__ */ h(j, { className: "mx-cmn-account-filter", m: 4, sx: { ...e }, children: [
+    D ? /* @__PURE__ */ _(
+      G,
+      {
+        "aria-controls": "filter_accounts",
+        "aria-haspopup": !0,
+        "aria-label": N.title,
+        onClick: d,
+        startIcon: /* @__PURE__ */ _(o, { name: "filter_alt", size: 24 }),
+        sx: { p: 8, whiteSpace: "nowrap", minWidth: "max-content" },
+        variant: P,
+        children: N.accountFilterOptionsCopy.filterButton
+      }
+    ) : /* @__PURE__ */ _(b, { id: "filter-accounts", placement: "bottom", title: N.title, children: /* @__PURE__ */ _(
+      p,
+      {
+        "aria-controls": "filter_accounts",
+        "aria-describedby": "filter-accounts",
+        "aria-haspopup": !0,
+        "aria-label": N.title,
+        color: "primary",
+        onClick: d,
+        sx: { p: 8 },
+        children: /* @__PURE__ */ _(o, { name: "filter_alt", size: 24 })
+      }
+    ) }),
+    /* @__PURE__ */ _(
+      Q,
+      {
+        accountFilterButtonEl: C,
+        accounts: E,
+        copy: N.accountFilterOptionsCopy,
+        handleClose: U,
+        onAccountClick: (a) => {
+          L({ ...O, [a.guid]: !O[a.guid] });
+        },
+        onAccountGroupClick: (a, H, i) => {
+          const M = { ...O };
+          H[a].forEach((T) => {
+            M[T.guid] = !i;
+          }), L(M);
+        },
+        onCancelClick: () => {
+          L(V(E, r)), U();
+        },
+        onConnectAccountClick: R ? () => {
+          U(), R();
+        } : void 0,
+        onFilterClick: () => {
+          I(Object.keys(O).filter((a) => O[a])), U();
+        },
+        selectedOptions: O,
+        setSelectedOptions: L,
+        showAccountNumbers: l
+      }
+    )
+  ] });
+}, uE = AE, UE = ({ status: E = f.Loading }) => {
+  const { connect: N } = B();
+  return /* @__PURE__ */ _(
+    j,
+    {
+      sx: {
+        height: "calc(100% - 62px)",
+        position: "absolute",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ h(F, { alignItems: "center", direction: "column", justifyContent: "center", sx: { height: "100%" }, children: [
+        E === f.Loading && /* @__PURE__ */ _(iE, { color: "primary", size: 48 }),
+        /* @__PURE__ */ _(
+          n,
+          {
+            sx: {
+              color: "grey.600",
+              marginTop: "16px"
+            },
+            children: E === f.Error ? N.oops : N.loading
+          }
+        )
+      ] })
+    }
+  );
+}, z = $(UE);
+var f = /* @__PURE__ */ ((E) => (E.Loading = "loading", E.Error = "error", E))(f || {}), ME = /* @__PURE__ */ ((E) => (E.Currency = "currency", E.Date = "date", E.Input = "input", E.Select = "select", E))(ME || {});
+const J = "connect_widget", EI = "connections_widget", hE = ({
+  loadWidgetProps: E,
+  onClose: N,
+  showConnectWidget: I,
+  title: R
+}) => {
+  let r;
+  const { refreshAccounts: l } = IE(), { loadWidget: e } = _E(), { connect: P } = B(), [D, C] = m.useState(!1), [A, O] = m.useState(!1), {
+    palette: { mode: L }
+  } = rE();
+  return m.useEffect(() => (I ? (C(!0), e({ mode: L, ...E }).then((d) => {
+    r = new RE({
+      container: `#${J}`,
+      style: {
+        height: "calc(100% - 62px)",
+        maxWidth: "450px",
+        position: "absolute",
+        width: "100%"
+      },
+      url: d.url,
+      onSsoUrlLoadError: () => {
+        C(!1), O(!0);
+      },
+      onLoad: () => {
+        C(!1), O(!1);
+      }
+    });
+  })) : (C(!1), O(!1)), () => {
+    r?.unmount();
+  }), [I]), /* @__PURE__ */ _(
+    OE,
+    {
+      ariaLabelClose: P.close_manage_connection_aria,
+      isOpen: I,
+      onClose: () => {
+        N(), l();
+      },
+      title: R,
+      children: /* @__PURE__ */ h("div", { id: J, children: [
+        A && /* @__PURE__ */ _(z, { status: f.Error }),
+        D && /* @__PURE__ */ _(z, { status: f.Loading })
+      ] })
+    }
+  );
+}, II = $(hE);
+export {
+  t as A,
+  EI as C,
+  eE as E,
+  ME as F,
+  f as M,
+  ZE as N,
+  aE as P,
+  SE as S,
+  nE as a,
+  yE as b,
+  z as c,
+  DE as d,
+  bE as e,
+  CE as f,
+  qE as g,
+  sE as h,
+  uE as i,
+  II as j,
+  cE as k,
+  LE as l,
+  lE as m,
+  pE as n
+};

package/dist/{ConnectionsDrawer-B-dZx6gH.mjs → ConnectionsDrawer-CcBzf4l5.mjs}

@@ -3,7 +3,7 @@ import r from "react";
 import { observer as E } from "mobx-react-lite";
 import { useTheme as D } from "@mui/material/styles";
 import { ConnectionsWidget as L } from "@mxenabled/web-widget-sdk";
-import { C as a, c, M as i } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { C as a, c, M as i } from "./ConnectDrawer-CNdzwKdX.mjs";
 import { c as b, d as w, u as _ } from "./hooks-BAAimqdq.mjs";
 import { D as x } from "./Drawer-kEE73B87.mjs";
 const I = ({

package/dist/{DebtsStore-3kGPnxRQ.mjs → DebtsStore-EZh5aBxe.mjs}

@@ -1,6 +1,6 @@
 import { makeAutoObservable as l } from "mobx";
 import { getDate as r, fromUnixTime as _, startOfMonth as m } from "date-fns";
-import { A as p } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { A as p } from "./ConnectDrawer-CNdzwKdX.mjs";
 const E = 12, T = 100;
 var c = /* @__PURE__ */ ((a) => (a[a.FASTEST_PAYOFF_FIRST = 1] = "FASTEST_PAYOFF_FIRST", a[a.HIGHEST_INTEREST = 2] = "HIGHEST_INTEREST", a[a.LOWEST_BALANCE = 3] = "LOWEST_BALANCE", a[a.HIGHEST_BALANCE = 4] = "HIGHEST_BALANCE", a))(c || {});
 const b = {