@mx-cartographer/experiences 6.26.18-alpha.mega3 → 6.26.18-alpha.mega4

package/dist/{categories/util/CategoryUtil/index.es.js → CategoryUtil-DRyruNgi.mjs}

@@ -3,9 +3,9 @@ import { startOfMonth as h } from "date-fns/startOfMonth";
 import { startOfToday as M } from "date-fns/startOfToday";
 import { subMonths as T } from "date-fns/subMonths";
 import { CategoryIconList as C } from "@mxenabled/mxui";
-import { CategoryColors as N, CategoryIcon as O, CategoryGuids as D } from "../../../common/constants/Category/index.es.js";
-import { formatDate as E, DATE_FORMATS_INTL as R } from "../../../common/constants/DateFormats/index.es.js";
-const b = 3, d = 12, Y = (n, r, t) => n.filter((e) => !e.parent_guid).map(
+import { a as N, b as O, c as b } from "./Category-5S6uwuXz.mjs";
+import { f as D, D as E } from "./Dialog-CWW597AF.mjs";
+const R = 3, d = 12, Y = (n, r, t) => n.filter((e) => !e.parent_guid).map(
   (e) => _(
     e,
     r,
@@ -16,30 +16,30 @@ const b = 3, d = 12, Y = (n, r, t) => n.filter((e) => !e.parent_guid).map(
   const t = C.find((e) => e.guid === n);
   return t ? r.palette.categories[t.colorName] || "" : r.palette.categories.uncategorized || "";
 }, _ = (n, r, t, e = []) => {
-  const o = n.guid, s = n.parent_guid || o, u = o === s, i = r.find((a) => a.category_guid === o)?.total || 0, c = f(
+  const o = n.guid, i = n.parent_guid || o, u = o === i, s = r.find((a) => a.category_guid === o)?.total || 0, c = f(
     t.filter((a) => a.category_guid === o)
-  ), m = f(
+  ), g = f(
     t.filter(
       (a) => a.category_guid === o || a.top_level_category_guid === o
     )
-  ), g = e.map(
+  ), m = e.map(
     (a) => _(a, r, t)
-  ), p = g.reduce(
+  ), p = m.reduce(
     (a, A) => a + A.currentAmount,
-    i
+    s
   );
   return {
     ...n,
-    currentAmount: i,
+    currentAmount: s,
     averageAmount: y(c),
-    color: N[s],
-    icon: O[s],
-    isTransfer: s === D.TRANSFER,
+    color: N[i],
+    icon: O[i],
+    isTransfer: i === b.TRANSFER,
     monthlyAmounts: c,
-    subCategories: g,
+    subCategories: m,
     totalAmount: u ? p : 0,
-    totalAverageAmount: y(m),
-    totalMonthlyAmounts: u ? m : []
+    totalAverageAmount: y(g),
+    totalMonthlyAmounts: u ? g : []
   };
 }, k = (n, r) => n.map((t) => {
   const e = r.filter(
@@ -49,7 +49,7 @@ const b = 3, d = 12, Y = (n, r, t) => n.filter((e) => !e.parent_guid).map(
     ...t,
     transactions: e
   };
-}), y = (n, r = b) => {
+}), y = (n, r = R) => {
   const t = r > history.length ? history.length : r;
   return Math.ceil(
     Math.max(
@@ -61,18 +61,18 @@ const b = 3, d = 12, Y = (n, r, t) => n.filter((e) => !e.parent_guid).map(
   const r = [], t = M();
   for (let e = 0; e <= d; e++) {
     const o = h(T(t, d - e)), u = n.filter(
-      (i) => i.year_month === Number(l(o, "yyyyMM"))
-    ).reduce((i, c) => i + c.total, 0);
+      (s) => s.year_month === Number(l(o, "yyyyMM"))
+    ).reduce((s, c) => s + c.total, 0);
     r.push({
       amount: u,
       isoDate: l(o, "yyyy-MM-dd"),
-      label: E(o, R.MONTH_YEAR)
+      label: D(o, E.MONTH_YEAR)
     });
   }
   return r;
 };
 export {
-  Y as augmentCategories,
-  x as getCategoryColor,
-  k as getDetailedCategoryTransactions
+  Y as a,
+  x as b,
+  k as g
 };

package/dist/ConnectDrawer-DPnfeIfn.mjs

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

package/dist/ConnectionsDrawer-BCzpuNsK.mjs

@@ -0,0 +1,52 @@
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+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-DPnfeIfn.mjs";
+import { c as b, d as w, u as _ } from "./hooks-ClhFlg78.mjs";
+import { D as x } from "./Drawer-kEE73B87.mjs";
+const I = ({
+  onClose: l,
+  showConnectionsWidget: o,
+  title: u
+}) => {
+  let n;
+  const { refreshAccounts: m } = b(), { loadWidget: f } = w(), { connect: d } = _(), p = D(), [C, e] = r.useState(!1), [S, t] = r.useState(!1);
+  return r.useEffect(() => (o ? (e(!0), f({ widget: "connections_widget", mode: p.palette.mode }).then((h) => {
+    n = new L({
+      container: `#${a}`,
+      style: {
+        height: "calc(100% - 62px)",
+        width: "100%",
+        position: "absolute"
+      },
+      url: h.url,
+      onSsoUrlLoadError: () => {
+        e(!1), t(!0);
+      },
+      onLoad: () => {
+        e(!1), t(!1);
+      }
+    });
+  })) : (e(!1), t(!1)), () => {
+    n?.unmount();
+  }), [o]), /* @__PURE__ */ s(
+    x,
+    {
+      ariaLabelClose: d.close_connections_aria,
+      isOpen: o,
+      onClose: () => {
+        l(), m();
+      },
+      title: u,
+      children: /* @__PURE__ */ g("div", { id: a, children: [
+        S && /* @__PURE__ */ s(c, { status: i.Error }),
+        C && /* @__PURE__ */ s(c, { status: i.Loading })
+      ] })
+    }
+  );
+}, M = E(I);
+export {
+  M as C
+};