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

package/dist/ConnectDrawer-YIWwEzuN.mjs

@@ -0,0 +1,521 @@
+import { jsx as I, jsxs as m } from "react/jsx-runtime";
+import T, { useMemo as $ } from "react";
+import G from "@mui/material/Button";
+import { AccountsIcon as Q, P as t, Icon as x, Text as q } from "@mxenabled/mxui";
+import Z from "@mui/material/Tooltip";
+import X from "@mui/material/Box";
+import S from "@mui/material/IconButton";
+import k from "@mui/material/FormControlLabel";
+import K from "@mui/material/List";
+import g from "@mui/material/ListItem";
+import n from "@mui/material/ListItemButton";
+import b from "@mui/material/ListSubheader";
+import p from "@mui/material/ListItemText";
+import y from "@mui/material/Popover";
+import F from "@mui/material/Stack";
+import o from "@mui/material/Checkbox";
+import { u as B, d as c, e as u } from "./hooks-CE2TKk4a.mjs";
+import { b as v } from "./Localization-2MODESHW.mjs";
+import { u as EE } from "./useScreenSize-B6JyS_Lj.mjs";
+import { observer as z } from "mobx-react-lite";
+import IE from "@mui/material/styles/useTheme";
+import { ConnectWidget as NE } from "@mxenabled/web-widget-sdk";
+import _E from "@mui/material/CircularProgress";
+import { D as rE } from "./Drawer-kEE73B87.mjs";
+var RE = /* @__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))(RE || {}), iE = /* @__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))(iE || {}), OE = /* @__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))(OE || {}), aE = /* @__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))(aE || {});
+const $E = [
+  0,
+  15,
+  18
+  /* RESUMED */
+], lE = [
+  3,
+  4
+  /* REJECTED */
+], LE = [
+  1,
+  2,
+  5,
+  7,
+  9,
+  10,
+  11,
+  12,
+  13,
+  14,
+  16,
+  17,
+  19,
+  20
+  /* IMPAIRED */
+], QE = [...LE, ...lE];
+var sE = /* @__PURE__ */ ((E) => (E.Connected = "Connected", E.Error = "Error", E.Processing = "Processing", E.RequiresMfa = "RequiresMfa", E))(sE || {});
+const qE = {
+  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"
+}, DE = {
+  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"
+}, ZE = {
+  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"
+}, SE = {
+  5: "bid_landscape"
+}, nE = {
+  0: "Real Estate",
+  1: "Vehicle",
+  2: "Art",
+  3: "Jewelry",
+  4: "Furniture",
+  5: "Appliances",
+  6: "Computer",
+  7: "Electronics",
+  8: "Sports Equipment",
+  9: "Miscellaneous"
+}, bE = {
+  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"
+};
+function CE(E, _) {
+  const N = E.user_name?.trim();
+  if (N) return N;
+  if (_?.allowNickname === !0) {
+    const i = E.nickname?.trim();
+    if (i) return i;
+  }
+  const r = E.name?.trim();
+  return r || E.feed_name?.trim() || "";
+}
+const V = (E, _) => E.reduce((N, r) => (N[r.guid] = _?.includes(r.guid), N), {}), dE = (E, _, N) => E.reduce((r, R) => {
+  const i = DE[R.account_type], D = CE(R, {
+    allowNickname: N?.appConfig.config?.show_account_nicknames_in_master
+  }), C = {
+    accountNumber: R.account_number,
+    name: `${D} ${R.is_closed ? `(${_})` : ""}`,
+    guid: R.guid
+  };
+  return Object.prototype.hasOwnProperty.call(r, i) ? r[i] = r[i].concat(C) : r[i] = [C], r;
+}, {}), J = ({
+  accounts: E,
+  accountFilterButtonEl: _,
+  copy: N,
+  onAccountClick: r,
+  onAccountGroupClick: R,
+  onCancelClick: i,
+  onConnectAccountClick: D,
+  onFilterClick: C,
+  selectedOptions: d,
+  setSelectedOptions: e,
+  handleClose: A,
+  showAccountNumbers: a
+}) => {
+  const { connect: L } = B(), P = $(
+    () => dE(E, L.connection_statuses[12]),
+    [E]
+  ), U = E.length < 1, l = !!_, H = Object.values(d).every((O) => !!O);
+  return /* @__PURE__ */ I(
+    y,
+    {
+      anchorEl: _,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      onClose: A,
+      open: l,
+      sx: { maxHeight: 400, maxWidth: U ? "100%" : 300 },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      children: U ? /* @__PURE__ */ m(
+        F,
+        {
+          sx: {
+            alignItems: "center",
+            flexDirection: "column",
+            padding: 16,
+            textAlign: "center",
+            width: 320,
+            maxWidth: "100%"
+          },
+          children: [
+            /* @__PURE__ */ I(Q, { size: 32 }),
+            /* @__PURE__ */ I(t, { bold: !0, mt: 12, children: N.zeroStateTitle }),
+            /* @__PURE__ */ I(t, { mt: 12, children: N.zeroStateDescription }),
+            D && /* @__PURE__ */ I(G, { onClick: D, children: N.zeroStateButton })
+          ]
+        }
+      ) : /* @__PURE__ */ m("form", { onSubmit: A, children: [
+        /* @__PURE__ */ m(
+          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__ */ I(g, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ I(
+                k,
+                {
+                  control: /* @__PURE__ */ I(
+                    o,
+                    {
+                      checked: H,
+                      "data-ui-test": `checked-${H}`,
+                      disableRipple: !0,
+                      onChange: () => {
+                        const O = {};
+                        Object.keys(d).forEach((M) => {
+                          O[M] = !H;
+                        }), e(O);
+                      },
+                      size: "small",
+                      sx: {
+                        "&.Mui-focusVisible": {
+                          outline: "none",
+                          boxShadow: "none"
+                        }
+                      }
+                    }
+                  ),
+                  label: H ? N.unselectAllAccounts : N.selectAllAccounts
+                }
+              ) }),
+              Object.keys(P).map((O) => {
+                const M = P[O], f = M.every(
+                  (s) => d[s.guid]
+                );
+                return /* @__PURE__ */ I(g, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ I(
+                  K,
+                  {
+                    "aria-label": v(N.accountTypeAccounts, O),
+                    className: "mx-cmn-account-options-group",
+                    dense: !0,
+                    subheader: /* @__PURE__ */ I(b, { disableGutters: !0, children: /* @__PURE__ */ I(
+                      n,
+                      {
+                        "aria-label": v(N.toggleAccountTypeAccounts, O),
+                        "aria-pressed": f,
+                        disableGutters: !0,
+                        onClick: () => R(
+                          O,
+                          P,
+                          f
+                        ),
+                        sx: {
+                          paddingLeft: 12,
+                          minHeight: 40,
+                          justifyContent: "left"
+                        },
+                        children: /* @__PURE__ */ I(
+                          p,
+                          {
+                            primary: O,
+                            primaryTypographyProps: { variant: "XSmall", fontWeight: "bold" }
+                          }
+                        )
+                      }
+                    ) }),
+                    sx: { overflow: "auto", width: "100%" },
+                    children: M.map((s) => {
+                      const Y = d[s.guid], j = `${s.name}${a && s.accountNumber ? ` *${s.accountNumber.slice(-4)}` : ""}`;
+                      return /* @__PURE__ */ I(
+                        g,
+                        {
+                          className: "mx-cmn-account-options-container",
+                          disableGutters: !0,
+                          disablePadding: !0,
+                          children: /* @__PURE__ */ I(
+                            k,
+                            {
+                              control: /* @__PURE__ */ I(
+                                o,
+                                {
+                                  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: j
+                            }
+                          )
+                        },
+                        s.guid
+                      );
+                    })
+                  }
+                ) }, O);
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ m(F, { direction: "row", justifyContent: "flex-end", padding: 12, spacing: 16, children: [
+          /* @__PURE__ */ I(G, { onClick: i, variant: "outlined", children: N.cancelButton }),
+          /* @__PURE__ */ I(
+            G,
+            {
+              "aria-label": N.filterButtonAria,
+              color: "primary",
+              onClick: C,
+              variant: "contained",
+              children: N.filterButton
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+J.displayName = "AccountFilterOptions";
+const eE = ({
+  accounts: E,
+  copy: _,
+  onFilterClick: N,
+  onConnectAccountClick: r,
+  selectedAccountGuids: R,
+  showAccountNumbers: i,
+  sx: D = {},
+  variant: C = "outlined"
+}) => {
+  const { isDesktop: d } = EE(), [e, A] = T.useState(null), [a, L] = T.useState(
+    V(E, R)
+  );
+  T.useEffect(() => {
+    L(V(E, R));
+  }, [E, R]);
+  const P = (l) => {
+    A(l.currentTarget);
+  }, U = () => {
+    A(null);
+  };
+  return /* @__PURE__ */ m(X, { className: "mx-cmn-account-filter", m: 4, sx: { ...D }, children: [
+    d ? /* @__PURE__ */ I(
+      G,
+      {
+        "aria-controls": "filter_accounts",
+        "aria-haspopup": !0,
+        "aria-label": _.title,
+        onClick: P,
+        startIcon: /* @__PURE__ */ I(x, { name: "filter_alt", size: 24 }),
+        sx: { p: 8, whiteSpace: "nowrap", minWidth: "max-content" },
+        variant: C,
+        children: _.accountFilterOptionsCopy.filterButton
+      }
+    ) : /* @__PURE__ */ I(Z, { id: "filter-accounts", placement: "bottom", title: _.title, children: /* @__PURE__ */ I(
+      S,
+      {
+        "aria-controls": "filter_accounts",
+        "aria-describedby": "filter-accounts",
+        "aria-haspopup": !0,
+        "aria-label": _.title,
+        color: "primary",
+        onClick: P,
+        sx: { p: 8 },
+        children: /* @__PURE__ */ I(x, { name: "filter_alt", size: 24 })
+      }
+    ) }),
+    /* @__PURE__ */ I(
+      J,
+      {
+        accountFilterButtonEl: e,
+        accounts: E,
+        copy: _.accountFilterOptionsCopy,
+        handleClose: U,
+        onAccountClick: (l) => {
+          L({ ...a, [l.guid]: !a[l.guid] });
+        },
+        onAccountGroupClick: (l, H, O) => {
+          const M = { ...a };
+          H[l].forEach((f) => {
+            M[f.guid] = !O;
+          }), L(M);
+        },
+        onCancelClick: () => {
+          L(V(E, R)), U();
+        },
+        onConnectAccountClick: r ? () => {
+          U(), r();
+        } : void 0,
+        onFilterClick: () => {
+          N(Object.keys(a).filter((l) => a[l])), U();
+        },
+        selectedOptions: a,
+        setSelectedOptions: L,
+        showAccountNumbers: i
+      }
+    )
+  ] });
+}, pE = eE, PE = ({ status: E = h.Loading }) => {
+  const { connect: _ } = B();
+  return /* @__PURE__ */ I(
+    X,
+    {
+      sx: {
+        height: "calc(100% - 62px)",
+        position: "absolute",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ m(F, { alignItems: "center", direction: "column", justifyContent: "center", sx: { height: "100%" }, children: [
+        E === h.Loading && /* @__PURE__ */ I(_E, { color: "primary", size: 48 }),
+        /* @__PURE__ */ I(
+          q,
+          {
+            sx: {
+              color: "grey.600",
+              marginTop: "16px"
+            },
+            children: E === h.Error ? _.oops : _.loading
+          }
+        )
+      ] })
+    }
+  );
+}, w = z(PE);
+var h = /* @__PURE__ */ ((E) => (E.Loading = "loading", E.Error = "error", E))(h || {}), AE = /* @__PURE__ */ ((E) => (E.Currency = "currency", E.Date = "date", E.Input = "input", E.Select = "select", E))(AE || {});
+const W = "connect_widget", yE = "connections_widget", UE = ({
+  loadWidgetProps: E,
+  onClose: _,
+  showConnectWidget: N,
+  title: r
+}) => {
+  let R;
+  const { refreshAccounts: i } = c(), { loadWidget: D } = u(), { connect: C } = B(), [d, e] = T.useState(!1), [A, a] = T.useState(!1), {
+    palette: { mode: L }
+  } = IE();
+  return T.useEffect(() => (N ? (e(!0), D({ mode: L, ...E }).then((P) => {
+    R = new NE({
+      container: `#${W}`,
+      style: {
+        height: "calc(100% - 62px)",
+        maxWidth: "450px",
+        position: "absolute",
+        width: "100%"
+      },
+      url: P.url,
+      onSsoUrlLoadError: () => {
+        e(!1), a(!0);
+      },
+      onLoad: () => {
+        e(!1), a(!1);
+      }
+    });
+  })) : (e(!1), a(!1)), () => {
+    R?.unmount();
+  }), [N]), /* @__PURE__ */ I(
+    rE,
+    {
+      ariaLabelClose: C.close_manage_connection_aria,
+      isOpen: N,
+      onClose: () => {
+        _(), i();
+      },
+      title: r,
+      children: /* @__PURE__ */ m("div", { id: W, children: [
+        A && /* @__PURE__ */ I(w, { status: h.Error }),
+        d && /* @__PURE__ */ I(w, { status: h.Loading })
+      ] })
+    }
+  );
+}, cE = z(UE);
+export {
+  RE as A,
+  yE as C,
+  LE as E,
+  AE as F,
+  h as M,
+  QE as N,
+  OE as P,
+  qE as S,
+  ZE as a,
+  bE as b,
+  w as c,
+  sE as d,
+  SE as e,
+  DE as f,
+  CE as g,
+  $E as h,
+  lE as i,
+  pE as j,
+  cE as k,
+  aE as l,
+  iE as m,
+  nE as n
+};

package/dist/{ConnectionsDrawer-CcBzf4l5.mjs → ConnectionsDrawer-Bf2DNDCF.mjs}

@@ -3,8 +3,8 @@ 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-CNdzwKdX.mjs";
-import { c as b, d as w, u as _ } from "./hooks-BAAimqdq.mjs";
+import { C as a, c, M as i } from "./ConnectDrawer-YIWwEzuN.mjs";
+import { d as b, e as w, u as _ } from "./hooks-CE2TKk4a.mjs";
 import { D as x } from "./Drawer-kEE73B87.mjs";
 const I = ({
   onClose: l,

package/dist/{CurrencyInput-pHmLzc_c.mjs → CurrencyInput-CRtdzs3o.mjs}

@@ -5,7 +5,7 @@ import { v4 as B } from "uuid";
 import { useTokens as O, TextField as W, P as p } from "@mxenabled/mxui";
 import { b as _, g as d } from "./Localization-2MODESHW.mjs";
 import { g as j, C as D, f as y, M as C } from "./NumberFormatting-CtWHhyBX.mjs";
-import { u as F } from "./hooks-BAAimqdq.mjs";
+import { u as F } from "./hooks-CE2TKk4a.mjs";
 const G = ({
   allowDecimals: o = !0,
   ariaLabel: g,

package/dist/{DebtsStore-EZh5aBxe.mjs → DebtsStore-Dy3YG1fX.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-CNdzwKdX.mjs";
+import { A as p } from "./ConnectDrawer-YIWwEzuN.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 = {

package/dist/{ExportCsvAction-BKxnEFRu.mjs → ExportCsvAction-CebIvl-V.mjs}

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
-import { e as p } from "./exportTransactionsToCSV-BgWQsGWy.mjs";
-import { O as m } from "./User-Bfnq7dd4.mjs";
+import { e as p } from "./exportTransactionsToCSV-CfylirZA.mjs";
+import { O as m } from "./User-8itAR7lR.mjs";
 import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
-import { f as _, g as C, u as l } from "./hooks-BAAimqdq.mjs";
+import { g as _, h as C, u as l } from "./hooks-CE2TKk4a.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {
     r(m.ON_TRANSACTION_EXPORT_CSV_CLICK), p(t ? s.filter(t) : s, e);

package/dist/{GoalStore-B9lVADw5.mjs → GoalStore-voP4QA5C.mjs}

@@ -7,8 +7,8 @@ import O from "@mui/material/CardHeader";
 import S from "@mui/material/Stack";
 import { AccountBalance as w, ChevronRight as L } from "@mxenabled/mx-icons";
 import { Text as A } from "@mxenabled/mxui";
-import { j as b } from "./ConnectDrawer-CNdzwKdX.mjs";
-import { l as y } from "./hooks-BAAimqdq.mjs";
+import { k as b } from "./ConnectDrawer-YIWwEzuN.mjs";
+import { a as y } from "./hooks-CE2TKk4a.mjs";
 import { makeAutoObservable as D, runInAction as c } from "mobx";
 import { F as v, A as i } from "./Fetch-87LIQbEA.mjs";
 import { fromUnixTime as G } from "date-fns/fromUnixTime";
@@ -17,7 +17,6 @@ import { getUnixTime as K } from "date-fns/getUnixTime";
 import { b as E } from "./Localization-2MODESHW.mjs";
 import { a as F } from "./NumberFormatting-CtWHhyBX.mjs";
 import { f as B, D as U } from "./Dialog-CWW597AF.mjs";
-var a = /* @__PURE__ */ ((e) => (e[e.DEBT_TRACK = 1] = "DEBT_TRACK", e[e.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", e[e.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", e[e.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", e))(a || {}), $ = /* @__PURE__ */ ((e) => (e[e.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", e[e.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", e[e.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", e[e.ACTION = 4] = "ACTION", e))($ || {}), l = /* @__PURE__ */ ((e) => (e[e.AUTOMOBILE = 1] = "AUTOMOBILE", e[e.COLLEGE = 2] = "COLLEGE", e[e.HOUSE = 3] = "HOUSE", e[e.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", e[e.VACATION = 5] = "VACATION", e[e.ELECTRONIC = 6] = "ELECTRONIC", e[e.OTHER = 7] = "OTHER", e[e.RETIREMENT = 8] = "RETIREMENT", e[e.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", e[e.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", e[e.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", e[e.CREDIT_CARD = 12] = "CREDIT_CARD", e[e.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", e[e.LOANS = 14] = "LOANS", e))(l || {});
 const at = ({ description: e, label: t, title: o }) => {
   const { config: r } = y(), [n, s] = u.useState(!1);
   return /* @__PURE__ */ g(u.Fragment, { children: [
@@ -59,6 +58,7 @@ const at = ({ description: e, label: t, title: o }) => {
     )
   ] });
 };
+var a = /* @__PURE__ */ ((e) => (e[e.DEBT_TRACK = 1] = "DEBT_TRACK", e[e.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", e[e.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", e[e.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", e))(a || {}), $ = /* @__PURE__ */ ((e) => (e[e.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", e[e.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", e[e.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", e[e.ACTION = 4] = "ACTION", e))($ || {}), l = /* @__PURE__ */ ((e) => (e[e.AUTOMOBILE = 1] = "AUTOMOBILE", e[e.COLLEGE = 2] = "COLLEGE", e[e.HOUSE = 3] = "HOUSE", e[e.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", e[e.VACATION = 5] = "VACATION", e[e.ELECTRONIC = 6] = "ELECTRONIC", e[e.OTHER = 7] = "OTHER", e[e.RETIREMENT = 8] = "RETIREMENT", e[e.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", e[e.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", e[e.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", e[e.CREDIT_CARD = 12] = "CREDIT_CARD", e[e.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", e[e.LOANS = 14] = "LOANS", e))(l || {});
 class R {
   fetchInstance;
   constructor(t, o, r) {

package/dist/{Help-PP2i0N9Y.mjs → Help-CzBAsKA2.mjs}

@@ -13,7 +13,7 @@ import E from "@mui/material/Stack";
 import { H3 as y, P as H, Icon as X, Text as T, H2 as _t, InstitutionLogo as bt } from "@mxenabled/mxui";
 import { ExpandMore as ot, ChevronRight as wt } from "@mxenabled/mx-icons";
 import xt from "@mui/material/Breadcrumbs";
-import { u as V, z as tt, c as ft, o as St, a as It, l as Tt } from "./hooks-BAAimqdq.mjs";
+import { u as V, z as tt, d as ft, o as St, b as It, a as Tt } from "./hooks-CE2TKk4a.mjs";
 import { useTheme as Z } from "@mui/material/styles";
 import { b as s } from "./Localization-2MODESHW.mjs";
 import { E as Et, a as Ct, P as At } from "./Help-DhcC-C05.mjs";

package/dist/{LineChart-CHTf3RcN.mjs → LineChart-B2Y7zwMu.mjs}

@@ -7,7 +7,7 @@ import { f as p } from "./NumberFormatting-CtWHhyBX.mjs";
 import { observer as st } from "mobx-react-lite";
 import { Stack as x, Box as W, useTheme as ct } from "@mui/material";
 import { Text as l } from "@mxenabled/mxui";
-import { u as dt } from "./hooks-BAAimqdq.mjs";
+import { u as dt } from "./hooks-CE2TKk4a.mjs";
 import { ChartsTooltip as ht } from "@mui/x-charts/ChartsTooltip";
 const mt = (t) => {
   const a = P(), o = t.showLabel, s = t.style, y = Number(t.x), u = Number(t.y), m = t.handlers?.onMarkClick, f = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, d = lt(a.breakpoints.up("sm")), n = t.valueFormatterString ? p(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), h = d ? a.typography.Small?.fontSize : a.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, C = n.length * k + 8 + 8, M = 24, S = y - C / 2, T = u - 30;

package/dist/{ListItemAction-DXyHyJn0.mjs → ListItemAction-DSrYDGAP.mjs}

@@ -8,7 +8,7 @@ import L from "@mui/material/Stack";
 import { ChevronRight as g } from "@mxenabled/mx-icons";
 import { Text as m } from "@mxenabled/mxui";
 import { a as j } from "./Dialog-CWW597AF.mjs";
-import { u as P } from "./hooks-BAAimqdq.mjs";
+import { u as P } from "./hooks-CE2TKk4a.mjs";
 const D = v(
   ({
     children: n,