@xyo-network/react-connected-accounts 2.83.1 → 3.0.0

package/dist/browser/index.mjs

@@ -100,7 +100,7 @@ var EnabledEthWalletConnections = class {
 // src/components/ConnectedAccountsFlexbox.tsx
 import { Typography as Typography6, useTheme as useTheme2 } from "@mui/material";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
-import React14, { forwardRef } from "react";
+import React13, { forwardRef } from "react";
 
 // src/hooks/useDetectWallets.tsx
 import { AccountsChangedEventName, useWalletDiscovery } from "@xylabs/react-crypto";
@@ -189,48 +189,40 @@ var CheckboxFormControl = /* @__PURE__ */ __name(({ onCheckChanged, ...props })
 
 // src/components/wallet/dialogs/connect/Dialog.tsx
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
-import React5 from "react";
+import React4 from "react";
 
 // src/components/wallet/dialogs/connect/LinkedProvidersFlexbox.tsx
 import { SyncAlt } from "@mui/icons-material";
 import { Typography } from "@mui/material";
 import { ConstrainedImage } from "@xylabs/react-crypto";
 import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import React3 from "react";
+import React2 from "react";
 
-// src/img/xyo-color-logo.svg
-import * as React2 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SvgXyoColorLogo = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsxs("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 238", ...props, children: [
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("style", { children: ".cls-1{fill:#8d8fc6;}.cls-2{fill:#579fd6;}.cls-3{fill:#f27046;}.cls-4{fill:#eb407a;}" }) }),
-  /* @__PURE__ */ jsx("path", { className: "cls-1", d: "M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z" }),
-  /* @__PURE__ */ jsx("path", { className: "cls-2", d: "M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z" }),
-  /* @__PURE__ */ jsx("path", { className: "cls-3", d: "M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z" }),
-  /* @__PURE__ */ jsx("path", { className: "cls-4", d: "M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z" })
-] }), "SvgXyoColorLogo");
-var xyo_color_logo_default = SvgXyoColorLogo;
+// src/img/index.ts
+import { default as default2 } from "./xyo-color-logo-LHR2SMEM.svg";
+import { default as default3 } from "./xyo-color-logo-text-only-QPAW5BSQ.svg";
 
 // src/components/wallet/dialogs/connect/LinkedProvidersFlexbox.tsx
 var LinkedProvidersFlexbox = /* @__PURE__ */ __name(({ icon, providerName, ...props }) => {
-  return /* @__PURE__ */ React3.createElement(FlexRow, {
+  return /* @__PURE__ */ React2.createElement(FlexRow, {
     gap: 4,
     justifyContent: "space-evenly",
     ...props
-  }, /* @__PURE__ */ React3.createElement(FlexCol, {
+  }, /* @__PURE__ */ React2.createElement(FlexCol, {
     gap: 0.5
-  }, /* @__PURE__ */ React3.createElement("img", {
+  }, /* @__PURE__ */ React2.createElement("img", {
     alt: "XYO Logo",
-    src: xyo_color_logo_default,
+    src: default2,
     style: {
       height: "48px"
     }
-  }), /* @__PURE__ */ React3.createElement(Typography, {
+  }), /* @__PURE__ */ React2.createElement(Typography, {
     variant: "subtitle1"
-  }, "XYO App")), /* @__PURE__ */ React3.createElement(SyncAlt, {
+  }, "XYO App")), /* @__PURE__ */ React2.createElement(SyncAlt, {
     fontSize: "large"
-  }), /* @__PURE__ */ React3.createElement(FlexCol, {
+  }), /* @__PURE__ */ React2.createElement(FlexCol, {
     gap: 0.5
-  }, /* @__PURE__ */ React3.createElement(ConstrainedImage, {
+  }, /* @__PURE__ */ React2.createElement(ConstrainedImage, {
     constrainedValue: "48px",
     src: icon,
     alt: providerName,
@@ -238,7 +230,7 @@ var LinkedProvidersFlexbox = /* @__PURE__ */ __name(({ icon, providerName, ...pr
       height: "48px",
       maxWidth: "48px"
     }
-  }), /* @__PURE__ */ React3.createElement(Typography, {
+  }), /* @__PURE__ */ React2.createElement(Typography, {
     variant: "subtitle1"
   }, providerName)));
 }, "LinkedProvidersFlexbox");
@@ -246,22 +238,22 @@ var LinkedProvidersFlexbox = /* @__PURE__ */ __name(({ icon, providerName, ...pr
 // src/components/wallet/dialogs/connect/Permissions.tsx
 import { Link, Typography as Typography2 } from "@mui/material";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import React4 from "react";
+import React3 from "react";
 var WalletPermissionsFlexbox = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React4.createElement(FlexCol2, {
+  return /* @__PURE__ */ React3.createElement(FlexCol2, {
     gap: 4,
     ...props
-  }, /* @__PURE__ */ React4.createElement(Typography2, {
+  }, /* @__PURE__ */ React3.createElement(Typography2, {
     fontWeight: "bold",
     sx: {
       textAlign: "center"
     }
-  }, "This will allow XYO to:"), /* @__PURE__ */ React4.createElement("ul", null, /* @__PURE__ */ React4.createElement("li", null, "View your wallet account(s) and address(es)"), /* @__PURE__ */ React4.createElement("li", null, "Read-only access to browse the public blockchain(s) you select")), /* @__PURE__ */ React4.createElement(Typography2, {
+  }, "This will allow XYO to:"), /* @__PURE__ */ React3.createElement("ul", null, /* @__PURE__ */ React3.createElement("li", null, "View your wallet account(s) and address(es)"), /* @__PURE__ */ React3.createElement("li", null, "Read-only access to browse the public blockchain(s) you select")), /* @__PURE__ */ React3.createElement(Typography2, {
     variant: "subtitle1",
     sx: {
       textAlign: "center"
     }
-  }, "You control what accounts to share and what blockchains to view. You can see or revoke access via your wallet's settings at anytime. View more on XYO's sovereign data philosophy", " ", /* @__PURE__ */ React4.createElement(Link, {
+  }, "You control what accounts to share and what blockchains to view. You can see or revoke access via your wallet's settings at anytime. View more on XYO's sovereign data philosophy", " ", /* @__PURE__ */ React3.createElement(Link, {
     href: "https://cointelegraph.com/innovation-circle/decentralization-and-sovereignty-debunking-our-approach-to-digital-sovereignty",
     sx: {
       fontWeight: "bold"
@@ -281,7 +273,7 @@ var ConnectWalletDialog = /* @__PURE__ */ __name(({ activeProvider, onIgnoreConn
       console.warn(`Error connecting to wallet: ${e.message}`);
     }
   }, "onConnect");
-  return /* @__PURE__ */ React5.createElement(Dialog, {
+  return /* @__PURE__ */ React4.createElement(Dialog, {
     PaperProps: {
       sx: {
         display: "flex",
@@ -289,25 +281,25 @@ var ConnectWalletDialog = /* @__PURE__ */ __name(({ activeProvider, onIgnoreConn
       }
     },
     ...props
-  }, /* @__PURE__ */ React5.createElement(DialogTitle, {
+  }, /* @__PURE__ */ React4.createElement(DialogTitle, {
     sx: {
       textAlign: "center"
     }
-  }, "XYO Wants To Access The Blockchain on Your Behalf"), /* @__PURE__ */ React5.createElement(DialogContent, {
+  }, "XYO Wants To Access The Blockchain on Your Behalf"), /* @__PURE__ */ React4.createElement(DialogContent, {
     sx: {
       display: "flex",
       flexDirection: "column",
       gap: 4
     }
-  }, /* @__PURE__ */ React5.createElement(LinkedProvidersFlexbox, {
+  }, /* @__PURE__ */ React4.createElement(LinkedProvidersFlexbox, {
     icon,
     providerName
-  }), /* @__PURE__ */ React5.createElement(WalletPermissionsFlexbox, null), /* @__PURE__ */ React5.createElement(CheckboxFormControl, {
+  }), /* @__PURE__ */ React4.createElement(WalletPermissionsFlexbox, null), /* @__PURE__ */ React4.createElement(CheckboxFormControl, {
     onCheckChanged: onIgnoreConnectDialog
-  })), /* @__PURE__ */ React5.createElement(DialogActions, null, /* @__PURE__ */ React5.createElement(Button, {
+  })), /* @__PURE__ */ React4.createElement(DialogActions, null, /* @__PURE__ */ React4.createElement(Button, {
     variant: "outlined",
     onClick: /* @__PURE__ */ __name(() => props.onClose?.({}, "escapeKeyDown"), "onClick")
-  }, "Close"), /* @__PURE__ */ React5.createElement(Button, {
+  }, "Close"), /* @__PURE__ */ React4.createElement(Button, {
     variant: "contained",
     onClick: onConnect
   }, "Connect")));
@@ -317,20 +309,20 @@ var ConnectWalletDialog = /* @__PURE__ */ __name(({ activeProvider, onIgnoreConn
 import { Button as Button2, Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle as DialogTitle2, Typography as Typography3 } from "@mui/material";
 import { ConstrainedImage as ConstrainedImage2 } from "@xylabs/react-crypto";
 import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
-import React6 from "react";
+import React5 from "react";
 var RevokeWalletConnectionDialog = /* @__PURE__ */ __name(({ activeProvider, ...props }) => {
-  return /* @__PURE__ */ React6.createElement(Dialog2, props, /* @__PURE__ */ React6.createElement(FlexRow2, {
+  return /* @__PURE__ */ React5.createElement(Dialog2, props, /* @__PURE__ */ React5.createElement(FlexRow2, {
     gap: 2,
     justifyContent: "start",
     pl: 2
-  }, /* @__PURE__ */ React6.createElement(ConstrainedImage2, {
+  }, /* @__PURE__ */ React5.createElement(ConstrainedImage2, {
     src: activeProvider?.icon,
     constrainedValue: "24px"
-  }), /* @__PURE__ */ React6.createElement(DialogTitle2, {
+  }), /* @__PURE__ */ React5.createElement(DialogTitle2, {
     sx: {
       pl: 0
     }
-  }, "Revoke", activeProvider?.providerName, " ", "Access")), /* @__PURE__ */ React6.createElement(DialogContent2, null, /* @__PURE__ */ React6.createElement(Typography3, null, "Revoking access to your wallet must be done from the wallet's browser extension. Wallets grant access to specific domains please consult", " ", activeProvider?.providerName, "'s documentation on how to revoke access to this website:"), /* @__PURE__ */ React6.createElement(Typography3, null, window.location.origin)), /* @__PURE__ */ React6.createElement(DialogActions2, null, /* @__PURE__ */ React6.createElement(Button2, {
+  }, "Revoke", activeProvider?.providerName, " ", "Access")), /* @__PURE__ */ React5.createElement(DialogContent2, null, /* @__PURE__ */ React5.createElement(Typography3, null, "Revoking access to your wallet must be done from the wallet's browser extension. Wallets grant access to specific domains please consult", " ", activeProvider?.providerName, "'s documentation on how to revoke access to this website:"), /* @__PURE__ */ React5.createElement(Typography3, null, window.location.origin)), /* @__PURE__ */ React5.createElement(DialogActions2, null, /* @__PURE__ */ React5.createElement(Button2, {
     variant: "contained",
     onClick: /* @__PURE__ */ __name(() => props.onClose?.({}, "escapeKeyDown"), "onClick")
   }, "Close")));
@@ -338,53 +330,53 @@ var RevokeWalletConnectionDialog = /* @__PURE__ */ __name(({ activeProvider, ...
 
 // src/components/wallet/table/cells/Accounts.tsx
 import { TableCell, Tooltip, Typography as Typography4 } from "@mui/material";
-import React7 from "react";
+import React6 from "react";
 var ConnectedWalletsAccountsTableCell = /* @__PURE__ */ __name(({ additionalAccounts, currentAccount, totalAccounts, tableCellProps }) => {
-  return /* @__PURE__ */ React7.createElement(TableCell, tableCellProps, /* @__PURE__ */ React7.createElement(Tooltip, {
+  return /* @__PURE__ */ React6.createElement(TableCell, tableCellProps, /* @__PURE__ */ React6.createElement(Tooltip, {
     sx: {
       cursor: totalAccounts > 0 ? "pointer" : "auto"
     },
     title: [
       ...currentAccount ?? [],
       ...additionalAccounts ?? []
-    ].map((address, index) => /* @__PURE__ */ React7.createElement("p", {
+    ].map((address, index) => /* @__PURE__ */ React6.createElement("p", {
       key: index
     }, address))
-  }, /* @__PURE__ */ React7.createElement(Typography4, null, totalAccounts)));
+  }, /* @__PURE__ */ React6.createElement(Typography4, null, totalAccounts)));
 }, "ConnectedWalletsAccountsTableCell");
 
 // src/components/wallet/table/cells/Actions.tsx
 import { Check, InfoOutlined } from "@mui/icons-material";
 import { Button as Button3, IconButton, TableCell as TableCell2, Typography as Typography5 } from "@mui/material";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
-import React8 from "react";
+import React7 from "react";
 var ConnectedWalletsActionsTableCell = /* @__PURE__ */ __name(({ connected, onConnect, onRevoke, tableCellProps }) => {
-  return /* @__PURE__ */ React8.createElement(TableCell2, tableCellProps, /* @__PURE__ */ React8.createElement(FlexRow3, {
+  return /* @__PURE__ */ React7.createElement(TableCell2, tableCellProps, /* @__PURE__ */ React7.createElement(FlexRow3, {
     gap: 2,
     justifyContent: "start"
-  }, connected ? /* @__PURE__ */ React8.createElement(Typography5, {
+  }, connected ? /* @__PURE__ */ React7.createElement(Typography5, {
     sx: {
       display: "inline-flex",
       gap: 0.5
     }
-  }, /* @__PURE__ */ React8.createElement(Check, null), "Connected") : /* @__PURE__ */ React8.createElement(Button3, {
+  }, /* @__PURE__ */ React7.createElement(Check, null), "Connected") : /* @__PURE__ */ React7.createElement(Button3, {
     variant: "contained",
     onClick: onConnect
-  }, "Connect"), connected ? /* @__PURE__ */ React8.createElement(IconButton, {
+  }, "Connect"), connected ? /* @__PURE__ */ React7.createElement(IconButton, {
     onClick: onRevoke
-  }, /* @__PURE__ */ React8.createElement(InfoOutlined, null)) : null));
+  }, /* @__PURE__ */ React7.createElement(InfoOutlined, null)) : null));
 }, "ConnectedWalletsActionsTableCell");
 
 // src/components/wallet/table/cells/ChainName.tsx
 import { TableCell as TableCell3 } from "@mui/material";
-import React9 from "react";
+import React8 from "react";
 var ConnectedWalletsChainNameTableCell = /* @__PURE__ */ __name(({ chainName, tableCellProps }) => {
-  return /* @__PURE__ */ React9.createElement(TableCell3, tableCellProps, chainName);
+  return /* @__PURE__ */ React8.createElement(TableCell3, tableCellProps, chainName);
 }, "ConnectedWalletsChainNameTableCell");
 
 // src/components/wallet/table/cells/State.tsx
 import { Switch, TableCell as TableCell4 } from "@mui/material";
-import React10, { useMemo as useMemo3 } from "react";
+import React9, { useMemo as useMemo3 } from "react";
 var ConnectedWalletState = /* @__PURE__ */ __name(({ connected, walletRdns, tableCellProps }) => {
   const { disableWallet, enableWallet, wallets } = useEnabledWallets();
   const enabled = useMemo3(() => walletRdns ? wallets[walletRdns].enabled : false, [
@@ -397,7 +389,7 @@ var ConnectedWalletState = /* @__PURE__ */ __name(({ connected, walletRdns, tabl
       checked ? enableWallet?.(walletRdns) : disableWallet?.(walletRdns);
     }
   }, "handleClick");
-  return /* @__PURE__ */ React10.createElement(TableCell4, tableCellProps, /* @__PURE__ */ React10.createElement(Switch, {
+  return /* @__PURE__ */ React9.createElement(TableCell4, tableCellProps, /* @__PURE__ */ React9.createElement(Switch, {
     disabled: !connected,
     checked: connected && enabled,
     onChange: handleClick
@@ -408,13 +400,13 @@ var ConnectedWalletState = /* @__PURE__ */ __name(({ connected, walletRdns, tabl
 import { TableCell as TableCell5, useTheme } from "@mui/material";
 import { ConstrainedImage as ConstrainedImage3 } from "@xylabs/react-crypto";
 import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
-import React11 from "react";
+import React10 from "react";
 var ConnectedWalletsWalletTableCell = /* @__PURE__ */ __name(({ icon, walletName, tableCellProps }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ React11.createElement(TableCell5, tableCellProps, /* @__PURE__ */ React11.createElement(FlexRow4, {
+  return /* @__PURE__ */ React10.createElement(TableCell5, tableCellProps, /* @__PURE__ */ React10.createElement(FlexRow4, {
     gap: 2,
     justifyContent: "start"
-  }, /* @__PURE__ */ React11.createElement(ConstrainedImage3, {
+  }, /* @__PURE__ */ React10.createElement(ConstrainedImage3, {
     constrainedValue: theme.spacing(4),
     src: icon
   }), walletName));
@@ -431,7 +423,7 @@ var ConnectedWalletTableCells = [
 
 // src/components/wallet/table/ConnectedWalletsTable.tsx
 import { Table, TableBody, TableCell as TableCell6, TableHead, TableRow as TableRow2 } from "@mui/material";
-import React13, { useState as useState3 } from "react";
+import React12, { useState as useState3 } from "react";
 
 // src/components/wallet/lib/TableHeadData.ts
 var WalletsTableHeadCells = [
@@ -475,7 +467,7 @@ var WalletsTableHeadCells = [
 // src/components/wallet/table/ConnectedWalletsTableRow.tsx
 import { TableRow } from "@mui/material";
 import { useEthWallet } from "@xylabs/react-crypto";
-import React12, { useCallback, useMemo as useMemo4 } from "react";
+import React11, { useCallback, useMemo as useMemo4 } from "react";
 var WalletConnectionsTableRow = /* @__PURE__ */ __name(({ ignoreConnectDialog, onConnectClick, onRevoke, wallet, ...props }) => {
   const { currentAccount: currentAccountFromWallet, additionalAccounts, chainName, connectWallet, providerInfo } = useEthWallet(wallet);
   const currentAccount = currentAccountFromWallet?.toString() ? [
@@ -517,7 +509,7 @@ var WalletConnectionsTableRow = /* @__PURE__ */ __name(({ ignoreConnectDialog, o
     ignoreConnectDialog,
     onConnectClick
   ]);
-  return /* @__PURE__ */ React12.createElement(TableRow, props, Object.values(ConnectedWalletTableCells).map((Cell, index) => /* @__PURE__ */ React12.createElement(Cell, {
+  return /* @__PURE__ */ React11.createElement(TableRow, props, Object.values(ConnectedWalletTableCells).map((Cell, index) => /* @__PURE__ */ React11.createElement(Cell, {
     key: index,
     additionalAccounts,
     chainName,
@@ -556,22 +548,22 @@ var ConnectedWalletsTable = /* @__PURE__ */ __name(({ ignoreConnectDialog, onIgn
   const [activeProvider, setActiveProvider] = useState3();
   const [showConnect, onSetActiveProviderConnect, onConnectClose] = useActiveProviderDialogState(setActiveProvider);
   const [showRevoke, onSetActiveProviderRevoke, onRevokeClose] = useActiveProviderDialogState(setActiveProvider);
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(Table, props, /* @__PURE__ */ React13.createElement(TableHead, null, /* @__PURE__ */ React13.createElement(TableRow2, null, WalletsTableHeadCells.map(({ disablePadding, id, label, align, width }) => /* @__PURE__ */ React13.createElement(TableCell6, {
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(Table, props, /* @__PURE__ */ React12.createElement(TableHead, null, /* @__PURE__ */ React12.createElement(TableRow2, null, WalletsTableHeadCells.map(({ disablePadding, id, label, align, width }) => /* @__PURE__ */ React12.createElement(TableCell6, {
     align,
     key: id,
     padding: disablePadding ? "none" : "normal",
     width: width ?? "auto"
-  }, label)))), /* @__PURE__ */ React13.createElement(TableBody, null, (wallets ?? []).map((wallet) => /* @__PURE__ */ React13.createElement(WalletConnectionsTableRow, {
+  }, label)))), /* @__PURE__ */ React12.createElement(TableBody, null, (wallets ?? []).map((wallet) => /* @__PURE__ */ React12.createElement(WalletConnectionsTableRow, {
     ignoreConnectDialog,
     key: wallet.providerInfo?.rdns,
     onConnectClick: onSetActiveProviderConnect,
     onRevoke: onSetActiveProviderRevoke,
     wallet
-  })))), /* @__PURE__ */ React13.createElement(RevokeWalletConnectionDialog, {
+  })))), /* @__PURE__ */ React12.createElement(RevokeWalletConnectionDialog, {
     open: showRevoke,
     onClose: onRevokeClose,
     activeProvider
-  }), /* @__PURE__ */ React13.createElement(ConnectWalletDialog, {
+  }), /* @__PURE__ */ React12.createElement(ConnectWalletDialog, {
     activeProvider,
     onClose: onConnectClose,
     open: showConnect,
@@ -583,26 +575,26 @@ var ConnectedWalletsTable = /* @__PURE__ */ __name(({ ignoreConnectDialog, onIgn
 var ConnectedAccountsFlexbox = /* @__PURE__ */ forwardRef(({ ignoreConnectDialog, onIgnoreConnectDialog, ...props }, ref) => {
   const theme = useTheme2();
   const { totalConnectedAccounts, sortedWallets } = useDetectedWallets();
-  return /* @__PURE__ */ React14.createElement(FlexCol3, {
+  return /* @__PURE__ */ React13.createElement(FlexCol3, {
     alignItems: "stretch",
     justifyContent: "start",
     gap: 2,
     ref,
     ...props
-  }, /* @__PURE__ */ React14.createElement(FlexCol3, {
+  }, /* @__PURE__ */ React13.createElement(FlexCol3, {
     alignItems: "start"
-  }, /* @__PURE__ */ React14.createElement(Typography6, {
+  }, /* @__PURE__ */ React13.createElement(Typography6, {
     variant: "h2",
     sx: {
       mb: 0.5
     }
-  }, "Detected Web3 Wallets"), totalConnectedAccounts ? /* @__PURE__ */ React14.createElement(Typography6, {
+  }, "Detected Web3 Wallets"), totalConnectedAccounts ? /* @__PURE__ */ React13.createElement(Typography6, {
     variant: "subtitle1",
     color: theme.palette.secondary.main,
     sx: {
       opacity: 0.5
     }
-  }, "Total Connected Accounts:", " ", totalConnectedAccounts) : null), /* @__PURE__ */ React14.createElement(ConnectedWalletsTable, {
+  }, "Total Connected Accounts:", " ", totalConnectedAccounts) : null), /* @__PURE__ */ React13.createElement(ConnectedWalletsTable, {
     wallets: sortedWallets,
     ignoreConnectDialog,
     onIgnoreConnectDialog

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/classes/EnabledWallets.ts","../../src/components/ConnectedAccountsFlexbox.tsx","../../src/hooks/useDetectWallets.tsx","../../src/hooks/useEnabledWallets.tsx","../../src/components/wallet/dialogs/connect/CheckboxFormControl.tsx","../../src/components/wallet/dialogs/connect/Dialog.tsx","../../src/components/wallet/dialogs/connect/LinkedProvidersFlexbox.tsx","../../src/img/xyo-color-logo.svg","../../src/components/wallet/dialogs/connect/Permissions.tsx","../../src/components/wallet/dialogs/revoke/Dialog.tsx","../../src/components/wallet/table/cells/Accounts.tsx","../../src/components/wallet/table/cells/Actions.tsx","../../src/components/wallet/table/cells/ChainName.tsx","../../src/components/wallet/table/cells/State.tsx","../../src/components/wallet/table/cells/Wallet.tsx","../../src/components/wallet/table/cells/Cells.tsx","../../src/components/wallet/table/ConnectedWalletsTable.tsx","../../src/components/wallet/lib/TableHeadData.ts","../../src/components/wallet/table/ConnectedWalletsTableRow.tsx","../../src/components/wallet/table/hooks/useActiveProviderDialogState.tsx"],"sourcesContent":["import { DiscoveredWallets, EIP6963Connector } from '@xylabs/react-crypto'\n\nconst DEFAULT_LOCAL_STORAGE_KEY = 'XYO|EnabledWallets'\n\n/**\n * State for storing wallets and their enabled/disabled status by name\n */\nexport interface EnabledEthWalletsState {\n  [rdns: string]: {\n    enabled: boolean\n    wallet: EIP6963Connector\n  }\n}\n\n/**\n * State for storing only enabled/disabled status of a wallet by name\n */\nexport interface EnabledWalletsSavedState {\n  [rdns: string]: boolean\n}\n\nexport type WalletListener = () => void\n\nexport class EnabledEthWalletConnections {\n  // control whether or not enabled/disabled preferences are persisted (i.e. in localStorage)\n  persistPreferences = true\n\n  // Map of wallet names and their enabled/disabled state\n  private enabledWallets: EnabledWalletsSavedState = {}\n\n  // Map of wallet names, their enabled/disabled state, and their wallet class\n  private ethWalletsState: EnabledEthWalletsState = {}\n\n  // list of listeners that want to be notified on wallet changes\n  private listeners: WalletListener[] = []\n\n  // key to use in localStorage when persisting preferences\n  private localStorageKey = DEFAULT_LOCAL_STORAGE_KEY\n\n  constructor(localStorageKey = DEFAULT_LOCAL_STORAGE_KEY) {\n    this.localStorageKey = localStorageKey\n    this.reviveSettings()\n  }\n\n  get wallets() {\n    return this.ethWalletsState\n  }\n\n  disableWallet(rdns: string) {\n    this.toggleEnabledWallet(rdns, false)\n  }\n\n  enableWallet(rdns: string) {\n    this.toggleEnabledWallet(rdns, true)\n  }\n\n  /**\n   * Given a new set of wallets, set their enabled state based off previous preferences\n   */\n  resetWallets(wallets: DiscoveredWallets) {\n    const newWallets: EnabledEthWalletsState = {}\n\n    const addWallet = ([walletName, wallet]: [string, EIP6963Connector]) => {\n      newWallets[walletName] = {\n        // preserve the existing enabled state\n        enabled: walletName in this.enabledWallets ? this.enabledWallets[walletName] : true,\n        wallet,\n      }\n    }\n\n    // eslint-disable-next-line unicorn/no-array-for-each\n    Object.entries(wallets).forEach(addWallet.bind(this))\n    this.ethWalletsState = newWallets\n    this.emitChange()\n  }\n\n  subscribe(listener: WalletListener) {\n    this.listeners = [...this.listeners, listener]\n    return () => {\n      this.listeners = this.listeners.filter(existingListener => existingListener !== listener)\n    }\n  }\n\n  toggleEnabledWallet(rdns: string, enabled: boolean) {\n    if (rdns && this.ethWalletsState[rdns]) {\n      this.ethWalletsState[rdns].enabled = enabled\n      this.ethWalletsState = { ...this.ethWalletsState }\n      this.emitChange()\n    }\n  }\n\n  private emitChange() {\n    for (const listener of this.listeners) {\n      listener()\n    }\n\n    this.persistSettings()\n  }\n\n  private isPersistance(method: () => void) {\n    if (this.persistPreferences) {\n      method()\n    }\n  }\n\n  private persistSettings() {\n    this.isPersistance(() => {\n      // convert wallet enabled selections into serializable state\n      // eslint-disable-next-line unicorn/no-array-reduce\n      const enabledWallets = Object.entries(this.ethWalletsState).reduce((acc, [rdns, { enabled }]) => {\n        acc[rdns] = enabled\n        return acc\n      }, {} as EnabledWalletsSavedState)\n\n      localStorage.setItem(this.localStorageKey, JSON.stringify(enabledWallets))\n    })\n  }\n\n  private reviveSettings() {\n    this.isPersistance(() => {\n      const existingEntries = localStorage.getItem(this.localStorageKey)\n      try {\n        const entries = existingEntries ? JSON.parse(existingEntries) : {}\n        this.enabledWallets = entries\n      } catch (e) {\n        console.warn(`Error parsing saved enabled wallet entries: ${(e as Error).message}`)\n      }\n    })\n  }\n}\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React, { forwardRef } from 'react'\n\nimport { useDetectedWallets } from '../hooks/index.ts'\nimport { ConnectedWalletsTable } from './wallet/index.ts'\n\nexport interface ConnectedAccountsFlexboxProps extends FlexBoxProps {\n  ignoreConnectDialog?: boolean\n  // A callback that is invoked when the option to ignore the dialog is checked\n  onIgnoreConnectDialog?: (checked: boolean) => void\n}\n\nexport const ConnectedAccountsFlexbox = forwardRef<HTMLDivElement, ConnectedAccountsFlexboxProps>(\n  ({ ignoreConnectDialog, onIgnoreConnectDialog, ...props }, ref) => {\n    const theme = useTheme()\n\n    const { totalConnectedAccounts, sortedWallets } = useDetectedWallets()\n\n    return (\n      <FlexCol alignItems=\"stretch\" justifyContent=\"start\" gap={2} ref={ref} {...props}>\n        <FlexCol alignItems=\"start\">\n          <Typography variant=\"h2\" sx={{ mb: 0.5 }}>\n            Detected Web3 Wallets\n          </Typography>\n          {totalConnectedAccounts\n            ? (\n                <Typography variant=\"subtitle1\" color={theme.palette.secondary.main} sx={{ opacity: 0.5 }}>\n                  Total Connected Accounts:\n                  {' '}\n                  {totalConnectedAccounts}\n                </Typography>\n              )\n            : null}\n        </FlexCol>\n        <ConnectedWalletsTable wallets={sortedWallets} ignoreConnectDialog={ignoreConnectDialog} onIgnoreConnectDialog={onIgnoreConnectDialog} />\n      </FlexCol>\n    )\n  },\n)\n\nConnectedAccountsFlexbox.displayName = 'ConnectedAccountsFlexbox'\n","import { AccountsChangedEventName, DiscoveredWallets, EIP6963Connector, useWalletDiscovery } from '@xylabs/react-crypto'\nimport { useEffect, useMemo, useState } from 'react'\n\nconst sortWallets = (wallets: DiscoveredWallets) =>\n  // eslint-disable-next-line unicorn/no-array-reduce\n  Object.values(wallets).reduce((acc, wallet) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    wallet.allowedAccounts.length > 0 ? acc.unshift(wallet) : acc.push(wallet)\n    return acc\n  }, [] as EIP6963Connector[])\n\nexport const useDetectedWallets = () => {\n  const wallets = useWalletDiscovery()\n  const [refresh, setRefresh] = useState(0)\n  const [sortedWallets, setSortedWallets] = useState<EIP6963Connector[]>([])\n\n  useEffect(() => {\n    setSortedWallets(sortWallets(wallets))\n  }, [wallets, refresh])\n\n  /**\n   * Rely on custom events from the wallet base class to know when accounts are changed.\n   * This approach prevents the need to loop through all wallets and set up individual listeners.\n   */\n  useEffect(() => {\n    const listener: (event: CustomEventInit) => void = () => {\n      setRefresh(refresh => refresh + 1)\n    }\n    window.addEventListener(AccountsChangedEventName, listener)\n\n    return () => {\n      window.removeEventListener(AccountsChangedEventName, listener)\n    }\n  }, [wallets])\n\n  const totalConnectedAccounts = useMemo(\n    () => Object.values(sortedWallets).reduce((acc, wallet) => acc + wallet.allowedAccounts.length, 0),\n    [sortedWallets],\n  )\n\n  return { sortedWallets, totalConnectedAccounts }\n}\n","import { useWalletDiscovery } from '@xylabs/react-crypto'\nimport { useMemo, useSyncExternalStore } from 'react'\n\nimport { EnabledEthWalletConnections, EnabledEthWalletsState, EnabledWalletsSavedState } from '../classes/index.ts'\n\nlet enabledEthWallets: EnabledEthWalletConnections | undefined\n\n/**\n * Takes the discovered wallets and tracks their enabled state globally\n */\nexport const useEnabledWalletsInner = (enabledWalletsRdns?: EnabledWalletsSavedState) => {\n  const discoveredWallets = useWalletDiscovery()\n\n  // when we discover new wallets, build their enabled state\n  const wallets = useMemo(() => {\n    if (enabledEthWallets === undefined) enabledEthWallets = new EnabledEthWalletConnections()\n    enabledEthWallets.resetWallets(discoveredWallets)\n    for (const [rdns, enabled] of Object.entries(enabledWalletsRdns ?? {})) enabledEthWallets?.toggleEnabledWallet(rdns, enabled)\n    return enabledEthWallets\n  }, [discoveredWallets, enabledWalletsRdns])\n\n  return useSyncExternalStore(wallets.subscribe.bind(wallets), () => wallets.wallets)\n}\n\n/**\n * Expose an interface for enabling and disabling wallets\n */\nexport const useEnabledWallets = (enabledWalletsRdns?: EnabledWalletsSavedState) => {\n  const wallets = useEnabledWalletsInner(enabledWalletsRdns)\n  const enabledWallets = useMemo(\n    () =>\n      // eslint-disable-next-line unicorn/no-array-reduce\n      Object.entries(wallets).reduce((acc, [walletName, wallet]) => {\n        if (wallet.enabled) acc[walletName] = wallet\n        return acc\n      }, {} as EnabledEthWalletsState),\n    [wallets],\n  )\n\n  return {\n    disableWallet: enabledEthWallets?.disableWallet.bind(enabledEthWallets),\n    enableWallet: enabledEthWallets?.enableWallet.bind(enabledEthWallets),\n    enabledWallets,\n    wallets,\n  }\n}\n","import { Checkbox, FormControl, FormControlProps, FormLabel } from '@mui/material'\nimport React from 'react'\n\nexport interface CheckboxFormControlProps extends FormControlProps {\n  onCheckChanged?: (checked: boolean) => void\n}\n\nexport const CheckboxFormControl: React.FC<CheckboxFormControlProps> = ({ onCheckChanged, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <FormLabel>\n        <Checkbox onChange={(_, checked) => onCheckChanged?.(checked)} />\n        Do not show this again.\n      </FormLabel>\n    </FormControl>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle } from '@mui/material'\nimport React from 'react'\n\nimport { ActiveProvider } from '../../lib/index.ts'\nimport { CheckboxFormControl } from './CheckboxFormControl.tsx'\nimport { LinkedProvidersFlexbox } from './LinkedProvidersFlexbox.tsx'\nimport { WalletPermissionsFlexbox } from './Permissions.tsx'\n\nexport interface ConnectWalletDialogProps extends DialogProps {\n  activeProvider?: ActiveProvider\n  onIgnoreConnectDialog?: (checked: boolean) => void\n}\n\nexport const ConnectWalletDialog: React.FC<ConnectWalletDialogProps> = ({ activeProvider, onIgnoreConnectDialog, ...props }) => {\n  const { icon, providerName } = activeProvider ?? {}\n\n  const onConnect = async () => {\n    try {\n      await activeProvider?.connectWallet?.()\n      props.onClose?.({}, 'escapeKeyDown')\n    } catch (e) {\n      console.warn(`Error connecting to wallet: ${(e as Error).message}`)\n    }\n  }\n\n  return (\n    <Dialog PaperProps={{ sx: { display: 'flex', gap: 4 } }} {...props}>\n      <DialogTitle sx={{ textAlign: 'center' }}>XYO Wants To Access The Blockchain on Your Behalf</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n        <LinkedProvidersFlexbox icon={icon} providerName={providerName} />\n        <WalletPermissionsFlexbox />\n        <CheckboxFormControl onCheckChanged={onIgnoreConnectDialog} />\n      </DialogContent>\n      <DialogActions>\n        <Button variant=\"outlined\" onClick={() => props.onClose?.({}, 'escapeKeyDown')}>\n          Close\n        </Button>\n        <Button variant=\"contained\" onClick={onConnect}>\n          Connect\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { SyncAlt } from '@mui/icons-material'\nimport { Typography } from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { xyoColorLogo } from '../../../../img/index.ts'\n\nexport interface LinkedProvidersFlexboxProps extends FlexBoxProps {\n  icon?: string\n  providerName?: string\n}\n\nexport const LinkedProvidersFlexbox: React.FC<LinkedProvidersFlexboxProps> = ({ icon, providerName, ...props }) => {\n  return (\n    <FlexRow gap={4} justifyContent=\"space-evenly\" {...props}>\n      <FlexCol gap={0.5}>\n        <img alt=\"XYO Logo\" src={xyoColorLogo} style={{ height: '48px' }} />\n        <Typography variant=\"subtitle1\">XYO App</Typography>\n      </FlexCol>\n      <SyncAlt fontSize=\"large\" />\n      <FlexCol gap={0.5}>\n        <ConstrainedImage constrainedValue=\"48px\" src={icon} alt={providerName} style={{ height: '48px', maxWidth: '48px' }} />\n        <Typography variant=\"subtitle1\">{providerName}</Typography>\n      </FlexCol>\n    </FlexRow>\n  )\n}\n","import * as React from \"react\";\nconst SvgXyoColorLogo = props => <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\" {...props}><defs><style>{\".cls-1{fill:#8d8fc6;}.cls-2{fill:#579fd6;}.cls-3{fill:#f27046;}.cls-4{fill:#eb407a;}\"}</style></defs><path className=\"cls-1\" d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\" /><path className=\"cls-2\" d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\" /><path className=\"cls-3\" d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\" /><path className=\"cls-4\" d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\" /></svg>;\nexport default SvgXyoColorLogo;","import { Link, Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface WalletPermissionsFlexBoxProps extends FlexBoxProps {}\n\nexport const WalletPermissionsFlexbox: React.FC<WalletPermissionsFlexBoxProps> = (props) => {\n  return (\n    <FlexCol gap={4} {...props}>\n      <Typography fontWeight=\"bold\" sx={{ textAlign: 'center' }}>\n        This will allow XYO to:\n      </Typography>\n      <ul>\n        <li>View your wallet account(s) and address(es)</li>\n        <li>Read-only access to browse the public blockchain(s) you select</li>\n      </ul>\n      <Typography variant=\"subtitle1\" sx={{ textAlign: 'center' }}>\n        You control what accounts to share and what blockchains to view. You can see or revoke access via your wallet&apos;s settings at anytime. View\n        more on XYO&apos;s sovereign data philosophy\n        {' '}\n        <Link\n          href=\"https://cointelegraph.com/innovation-circle/decentralization-and-sovereignty-debunking-our-approach-to-digital-sovereignty\"\n          sx={{ fontWeight: 'bold' }}\n          target=\"_blank\"\n        >\n          here\n        </Link>\n        .\n      </Typography>\n    </FlexCol>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle, Typography } from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { ActiveProvider } from '../../lib/index.ts'\n\nexport interface RevokeWalletConnectionDialogProps extends DialogProps {\n  activeProvider?: ActiveProvider\n}\n\nexport const RevokeWalletConnectionDialog: React.FC<RevokeWalletConnectionDialogProps> = ({ activeProvider, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <FlexRow gap={2} justifyContent=\"start\" pl={2}>\n        <ConstrainedImage src={activeProvider?.icon} constrainedValue=\"24px\" />\n        <DialogTitle sx={{ pl: 0 }}>\n          Revoke\n          {activeProvider?.providerName}\n          {' '}\n          Access\n        </DialogTitle>\n      </FlexRow>\n      <DialogContent>\n        <Typography>\n          Revoking access to your wallet must be done from the wallet&apos;s browser extension. Wallets grant access to specific domains please\n          consult\n          {' '}\n          {activeProvider?.providerName}\n          &apos;s documentation on how to revoke access to this website:\n        </Typography>\n        <Typography>{window.location.origin}</Typography>\n      </DialogContent>\n      <DialogActions>\n        <Button variant=\"contained\" onClick={() => props.onClose?.({}, 'escapeKeyDown')}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { TableCell, Tooltip, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsAccountsTableCell: React.FC<ConnectedWalletTableCellProps> = ({\n  additionalAccounts,\n  currentAccount,\n  totalAccounts,\n  tableCellProps,\n}) => {\n  return (\n    <TableCell {...tableCellProps}>\n      <Tooltip\n        sx={{ cursor: totalAccounts > 0 ? 'pointer' : 'auto' }}\n        title={[...(currentAccount ?? []), ...(additionalAccounts ?? [])].map((address, index) => (\n          <p key={index}>{address}</p>\n        ))}\n      >\n        <Typography>{totalAccounts}</Typography>\n      </Tooltip>\n    </TableCell>\n  )\n}\n","import { Check, InfoOutlined } from '@mui/icons-material'\nimport { Button, IconButton, TableCell, Typography } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsActionsTableCell: React.FC<ConnectedWalletTableCellProps> = ({ connected, onConnect, onRevoke, tableCellProps }) => {\n  return (\n    <TableCell {...tableCellProps}>\n      <FlexRow gap={2} justifyContent=\"start\">\n        {connected\n          ? (\n              <Typography sx={{ display: 'inline-flex', gap: 0.5 }}>\n                <Check />\n                Connected\n              </Typography>\n            )\n          : (\n              <Button variant=\"contained\" onClick={onConnect}>\n                Connect\n              </Button>\n            )}\n        {connected\n          ? (\n              <IconButton onClick={onRevoke}>\n                <InfoOutlined />\n              </IconButton>\n            )\n          : null}\n      </FlexRow>\n    </TableCell>\n  )\n}\n","import { TableCell } from '@mui/material'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsChainNameTableCell: React.FC<ConnectedWalletTableCellProps> = ({ chainName, tableCellProps }) => {\n  return <TableCell {...tableCellProps}>{chainName}</TableCell>\n}\n","import { Switch, TableCell } from '@mui/material'\nimport React, { ChangeEvent, useMemo } from 'react'\n\nimport { useEnabledWallets } from '../../../../hooks/index.ts'\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletState: React.FC<ConnectedWalletTableCellProps> = ({ connected, walletRdns, tableCellProps }) => {\n  const { disableWallet, enableWallet, wallets } = useEnabledWallets()\n\n  const enabled = useMemo(() => (walletRdns ? wallets[walletRdns].enabled : false), [wallets, walletRdns])\n\n  const handleClick = (event: ChangeEvent<HTMLInputElement>) => {\n    const checked = event.target?.checked\n    if (walletRdns) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n      checked ? enableWallet?.(walletRdns) : disableWallet?.(walletRdns)\n    }\n  }\n  return (\n    <TableCell {...tableCellProps}>\n      <Switch disabled={!connected} checked={connected && enabled} onChange={handleClick} />\n    </TableCell>\n  )\n}\n","import { TableCell, useTheme } from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsWalletTableCell: React.FC<ConnectedWalletTableCellProps> = ({ icon, walletName, tableCellProps }) => {\n  const theme = useTheme()\n\n  return (\n    <TableCell {...tableCellProps}>\n      <FlexRow gap={2} justifyContent=\"start\">\n        <ConstrainedImage constrainedValue={theme.spacing(4)} src={icon} />\n        {walletName}\n      </FlexRow>\n    </TableCell>\n  )\n}\n","import { ComponentType } from 'react'\n\nimport { ConnectedWalletsAccountsTableCell } from './Accounts.tsx'\nimport { ConnectedWalletsActionsTableCell } from './Actions.tsx'\nimport { ConnectedWalletsChainNameTableCell } from './ChainName.tsx'\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\nimport { ConnectedWalletState } from './State.tsx'\nimport { ConnectedWalletsWalletTableCell } from './Wallet.tsx'\n\nexport const ConnectedWalletTableCells: ComponentType<ConnectedWalletTableCellProps>[] = [\n  ConnectedWalletsWalletTableCell,\n  ConnectedWalletsChainNameTableCell,\n  ConnectedWalletsAccountsTableCell,\n  ConnectedWalletsActionsTableCell,\n  ConnectedWalletState,\n]\n","import { Table, TableBody, TableCell, TableHead, TableProps, TableRow } from '@mui/material'\nimport { EIP6963Connector } from '@xylabs/react-crypto'\nimport React, { useState } from 'react'\n\nimport { ConnectWalletDialog, RevokeWalletConnectionDialog } from '../dialogs/index.ts'\nimport { ActiveProvider, WalletsTableHeadCells } from '../lib/index.ts'\nimport { WalletConnectionsTableRow } from './ConnectedWalletsTableRow.tsx'\nimport { useActiveProviderDialogState } from './hooks/index.ts'\n\nexport interface ConnectedWalletsTableProps extends TableProps {\n  ignoreConnectDialog?: boolean\n  onIgnoreConnectDialog?: (checked: boolean) => void\n  wallets?: EIP6963Connector[]\n}\n\nexport const ConnectedWalletsTable: React.FC<ConnectedWalletsTableProps> = ({ ignoreConnectDialog, onIgnoreConnectDialog, wallets, ...props }) => {\n  const [activeProvider, setActiveProvider] = useState<ActiveProvider>()\n  const [showConnect, onSetActiveProviderConnect, onConnectClose] = useActiveProviderDialogState(setActiveProvider)\n  const [showRevoke, onSetActiveProviderRevoke, onRevokeClose] = useActiveProviderDialogState(setActiveProvider)\n\n  return (\n    <>\n      <Table {...props}>\n        <TableHead>\n          <TableRow>\n            {WalletsTableHeadCells.map(({ disablePadding, id, label, align, width }) => (\n              <TableCell align={align} key={id} padding={disablePadding ? 'none' : 'normal'} width={width ?? 'auto'}>\n                {label}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {(wallets ?? []).map(wallet => (\n            <WalletConnectionsTableRow\n              ignoreConnectDialog={ignoreConnectDialog}\n              key={wallet.providerInfo?.rdns}\n              onConnectClick={onSetActiveProviderConnect}\n              onRevoke={onSetActiveProviderRevoke}\n              wallet={wallet}\n            />\n          ))}\n        </TableBody>\n      </Table>\n      <RevokeWalletConnectionDialog open={showRevoke} onClose={onRevokeClose} activeProvider={activeProvider} />\n      <ConnectWalletDialog\n        activeProvider={activeProvider}\n        onClose={onConnectClose}\n        open={showConnect}\n        onIgnoreConnectDialog={onIgnoreConnectDialog}\n      />\n    </>\n  )\n}\n","import { TableHeadCell } from '@xyo-network/react-table'\n\nexport const WalletsTableHeadCells: TableHeadCell[] = [\n  {\n    disablePadding: false,\n    id: 'wallet',\n    label: 'Wallet',\n    numeric: false,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'chain',\n    label: 'Chain',\n    numeric: false,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'accounts',\n    label: 'Accounts',\n    numeric: true,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'actions',\n    label: 'Actions',\n    numeric: false,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'enabled',\n    label: 'Enabled',\n    numeric: false,\n    showOnMobile: true,\n  },\n]\n","import { TableRow, TableRowProps } from '@mui/material'\nimport { EthWalletConnectorBase, useEthWallet } from '@xylabs/react-crypto'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { ActiveProvider } from '../lib/index.ts'\nimport { ConnectedWalletTableCells } from './cells/index.ts'\n\nexport interface WalletConnectionsTableRowProps extends TableRowProps {\n  ignoreConnectDialog?: boolean\n  onConnectClick?: (activeProvider: ActiveProvider) => void\n  onRevoke?: (activeProvider: ActiveProvider) => void\n  wallet: EthWalletConnectorBase\n}\n\nexport const WalletConnectionsTableRow: React.FC<WalletConnectionsTableRowProps> = ({\n  ignoreConnectDialog,\n  onConnectClick,\n  onRevoke,\n  wallet,\n  ...props\n}) => {\n  const { currentAccount: currentAccountFromWallet, additionalAccounts, chainName, connectWallet, providerInfo } = useEthWallet(wallet)\n\n  const currentAccount = currentAccountFromWallet?.toString() ? [currentAccountFromWallet.toString()] : []\n  const totalAccounts = (additionalAccounts?.length ?? 0) + (currentAccount?.length ?? 0)\n  const connected = !!(currentAccount?.length ?? 0 > 0)\n  const { icon, name, rdns } = useMemo(() => providerInfo ?? { icon: undefined, name: undefined, rdns: undefined }, [providerInfo])\n\n  const activeProvider = useMemo<ActiveProvider>(\n    () => ({\n      connectWallet,\n      icon,\n      providerName: name,\n    }),\n    [connectWallet, icon, name],\n  )\n\n  const onRevokeLocal = useCallback(() => {\n    onRevoke?.(activeProvider)\n  }, [activeProvider, onRevoke])\n\n  const onConnectLocal = useCallback(async () => {\n    if (ignoreConnectDialog) {\n      await connectWallet?.()\n    } else {\n      onConnectClick?.(activeProvider)\n    }\n  }, [activeProvider, connectWallet, ignoreConnectDialog, onConnectClick])\n\n  return (\n    <TableRow {...props}>\n      {Object.values(ConnectedWalletTableCells).map((Cell, index) => (\n        <Cell\n          key={index}\n          additionalAccounts={additionalAccounts}\n          chainName={chainName}\n          connected={connected}\n          currentAccount={currentAccount}\n          icon={icon}\n          onConnect={onConnectLocal}\n          onRevoke={onRevokeLocal}\n          totalAccounts={totalAccounts}\n          walletName={name}\n          walletRdns={rdns}\n        />\n      ))}\n    </TableRow>\n  )\n}\n","import { Dispatch, SetStateAction, useState } from 'react'\n\nimport { ActiveProvider } from '../../lib/index.ts'\n\nexport const useActiveProviderDialogState = (\n  setActiveProvider: Dispatch<SetStateAction<ActiveProvider | undefined>>,\n): [boolean, (activeProvider: ActiveProvider) => void, () => void] => {\n  const [show, setShow] = useState(false)\n  const onSetActiveProvider = (activeProvider: ActiveProvider) => {\n    setShow(true)\n    setActiveProvider(activeProvider)\n  }\n\n  const onClose = () => {\n    setShow(false)\n    setActiveProvider({})\n  }\n\n  return [show, onSetActiveProvider, onClose]\n}\n"],"mappings":";;;;AAEA,IAAMA,4BAA4B;AAqB3B,IAAMC,8BAAN,MAAMA;EArBb,OAqBaA;;;;EAEXC,qBAAqB;;EAGbC,iBAA2C,CAAC;;EAG5CC,kBAA0C,CAAC;;EAG3CC,YAA8B,CAAA;;EAG9BC,kBAAkBN;EAE1BO,YAAYD,kBAAkBN,2BAA2B;AACvD,SAAKM,kBAAkBA;AACvB,SAAKE,eAAc;EACrB;EAEA,IAAIC,UAAU;AACZ,WAAO,KAAKL;EACd;EAEAM,cAAcC,MAAc;AAC1B,SAAKC,oBAAoBD,MAAM,KAAA;EACjC;EAEAE,aAAaF,MAAc;AACzB,SAAKC,oBAAoBD,MAAM,IAAA;EACjC;;;;EAKAG,aAAaL,SAA4B;AACvC,UAAMM,aAAqC,CAAC;AAE5C,UAAMC,YAAY,wBAAC,CAACC,YAAYC,MAAAA,MAAmC;AACjEH,iBAAWE,UAAAA,IAAc;;QAEvBE,SAASF,cAAc,KAAKd,iBAAiB,KAAKA,eAAec,UAAAA,IAAc;QAC/EC;MACF;IACF,GANkB;AASlBE,WAAOC,QAAQZ,OAAAA,EAASa,QAAQN,UAAUO,KAAK,IAAI,CAAA;AACnD,SAAKnB,kBAAkBW;AACvB,SAAKS,WAAU;EACjB;EAEAC,UAAUC,UAA0B;AAClC,SAAKrB,YAAY;SAAI,KAAKA;MAAWqB;;AACrC,WAAO,MAAA;AACL,WAAKrB,YAAY,KAAKA,UAAUsB,OAAOC,CAAAA,qBAAoBA,qBAAqBF,QAAAA;IAClF;EACF;EAEAd,oBAAoBD,MAAcQ,SAAkB;AAClD,QAAIR,QAAQ,KAAKP,gBAAgBO,IAAAA,GAAO;AACtC,WAAKP,gBAAgBO,IAAAA,EAAMQ,UAAUA;AACrC,WAAKf,kBAAkB;QAAE,GAAG,KAAKA;MAAgB;AACjD,WAAKoB,WAAU;IACjB;EACF;EAEQA,aAAa;AACnB,eAAWE,YAAY,KAAKrB,WAAW;AACrCqB,eAAAA;IACF;AAEA,SAAKG,gBAAe;EACtB;EAEQC,cAAcC,QAAoB;AACxC,QAAI,KAAK7B,oBAAoB;AAC3B6B,aAAAA;IACF;EACF;EAEQF,kBAAkB;AACxB,SAAKC,cAAc,MAAA;AAGjB,YAAM3B,iBAAiBiB,OAAOC,QAAQ,KAAKjB,eAAe,EAAE4B,OAAO,CAACC,KAAK,CAACtB,MAAM,EAAEQ,QAAO,CAAE,MAAC;AAC1Fc,YAAItB,IAAAA,IAAQQ;AACZ,eAAOc;MACT,GAAG,CAAC,CAAA;AAEJC,mBAAaC,QAAQ,KAAK7B,iBAAiB8B,KAAKC,UAAUlC,cAAAA,CAAAA;IAC5D,CAAA;EACF;EAEQK,iBAAiB;AACvB,SAAKsB,cAAc,MAAA;AACjB,YAAMQ,kBAAkBJ,aAAaK,QAAQ,KAAKjC,eAAe;AACjE,UAAI;AACF,cAAMe,UAAUiB,kBAAkBF,KAAKI,MAAMF,eAAAA,IAAmB,CAAC;AACjE,aAAKnC,iBAAiBkB;MACxB,SAASoB,GAAG;AACVC,gBAAQC,KAAK,+CAAgDF,EAAYG,OAAO,EAAE;MACpF;IACF,CAAA;EACF;AACF;;;ACjIA,SAASC,cAAAA,aAAYC,YAAAA,iBAAgB;AACrC,SAAuBC,WAAAA,gBAAe;AACtC,OAAOC,WAASC,kBAAkB;;;ACFlC,SAASC,0BAA+DC,0BAA0B;AAClG,SAASC,WAAWC,SAASC,gBAAgB;AAE7C,IAAMC,cAAc,wBAACC;;EAEnBC,OAAOC,OAAOF,OAAAA,EAASG,OAAO,CAACC,KAAKC,WAAAA;AAElCA,WAAOC,gBAAgBC,SAAS,IAAIH,IAAII,QAAQH,MAAAA,IAAUD,IAAIK,KAAKJ,MAAAA;AACnE,WAAOD;EACT,GAAG,CAAA,CAAE;GANa;AAQb,IAAMM,qBAAqB,6BAAA;AAChC,QAAMV,UAAUW,mBAAAA;AAChB,QAAM,CAACC,SAASC,UAAAA,IAAcC,SAAS,CAAA;AACvC,QAAM,CAACC,eAAeC,gBAAAA,IAAoBF,SAA6B,CAAA,CAAE;AAEzEG,YAAU,MAAA;AACRD,qBAAiBjB,YAAYC,OAAAA,CAAAA;EAC/B,GAAG;IAACA;IAASY;GAAQ;AAMrBK,YAAU,MAAA;AACR,UAAMC,WAA6C,6BAAA;AACjDL,iBAAWD,CAAAA,aAAWA,WAAU,CAAA;IAClC,GAFmD;AAGnDO,WAAOC,iBAAiBC,0BAA0BH,QAAAA;AAElD,WAAO,MAAA;AACLC,aAAOG,oBAAoBD,0BAA0BH,QAAAA;IACvD;EACF,GAAG;IAAClB;GAAQ;AAEZ,QAAMuB,yBAAyBC,QAC7B,MAAMvB,OAAOC,OAAOa,aAAAA,EAAeZ,OAAO,CAACC,KAAKC,WAAWD,MAAMC,OAAOC,gBAAgBC,QAAQ,CAAA,GAChG;IAACQ;GAAc;AAGjB,SAAO;IAAEA;IAAeQ;EAAuB;AACjD,GA9BkC;;;ACXlC,SAASE,sBAAAA,2BAA0B;AACnC,SAASC,WAAAA,UAASC,4BAA4B;AAI9C,IAAIC;AAKG,IAAMC,yBAAyB,wBAACC,uBAAAA;AACrC,QAAMC,oBAAoBC,oBAAAA;AAG1B,QAAMC,UAAUC,SAAQ,MAAA;AACtB,QAAIN,sBAAsBO,OAAWP,qBAAoB,IAAIQ,4BAAAA;AAC7DR,sBAAkBS,aAAaN,iBAAAA;AAC/B,eAAW,CAACO,MAAMC,OAAAA,KAAYC,OAAOC,QAAQX,sBAAsB,CAAC,CAAA,EAAIF,oBAAmBc,oBAAoBJ,MAAMC,OAAAA;AACrH,WAAOX;EACT,GAAG;IAACG;IAAmBD;GAAmB;AAE1C,SAAOa,qBAAqBV,QAAQW,UAAUC,KAAKZ,OAAAA,GAAU,MAAMA,QAAQA,OAAO;AACpF,GAZsC;AAiB/B,IAAMa,oBAAoB,wBAAChB,uBAAAA;AAChC,QAAMG,UAAUJ,uBAAuBC,kBAAAA;AACvC,QAAMiB,iBAAiBb,SACrB;;IAEEM,OAAOC,QAAQR,OAAAA,EAASe,OAAO,CAACC,KAAK,CAACC,YAAYC,MAAAA,MAAO;AACvD,UAAIA,OAAOZ,QAASU,KAAIC,UAAAA,IAAcC;AACtC,aAAOF;IACT,GAAG,CAAC,CAAA;KACN;IAAChB;GAAQ;AAGX,SAAO;IACLmB,eAAexB,mBAAmBwB,cAAcP,KAAKjB,iBAAAA;IACrDyB,cAAczB,mBAAmByB,aAAaR,KAAKjB,iBAAAA;IACnDmB;IACAd;EACF;AACF,GAlBiC;;;AC3BjC,SAASqB,UAAUC,aAA+BC,iBAAiB;AACnE,OAAOC,WAAW;AAMX,IAAMC,sBAA0D,wBAAC,EAAEC,gBAAgB,GAAGC,MAAAA,MAAO;AAClG,SACE,sBAAA,cAACC,aAAgBD,OACf,sBAAA,cAACE,WAAAA,MACC,sBAAA,cAACC,UAAAA;IAASC,UAAU,wBAACC,GAAGC,YAAYP,iBAAiBO,OAAAA,GAAjC;MAA6C,yBAAA,CAAA;AAKzE,GATuE;;;ACPvE,SAASC,QAAQC,QAAQC,eAAeC,eAA4BC,mBAAmB;AACvF,OAAOC,YAAW;;;ACDlB,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAC3B,SAASC,wBAAwB;AACjC,SAAuBC,SAASC,eAAe;AAC/C,OAAOC,YAAW;;;ACJlB,YAAYC,YAAW;AACU,SAAgH,KAAhH;AAAjC,IAAM,kBAAkB,kCAAS,qBAAC,SAAI,IAAG,WAAU,aAAU,WAAU,OAAM,8BAA6B,SAAQ,eAAe,GAAG,OAAO;AAAA,sBAAC,UAAK,8BAAC,WAAO,kGAAuF,GAAQ;AAAA,EAAO,oBAAC,UAAK,WAAU,SAAQ,GAAE,o2BAAm2B;AAAA,EAAE,oBAAC,UAAK,WAAU,SAAQ,GAAE,4HAA2H;AAAA,EAAE,oBAAC,UAAK,WAAU,SAAQ,GAAE,yIAAwI;AAAA,EAAE,oBAAC,UAAK,WAAU,SAAQ,GAAE,4IAA2I;AAAA,GAAE,GAAxkD;AACxB,IAAO,yBAAQ;;;ADWR,IAAMC,yBAAgE,wBAAC,EAAEC,MAAMC,cAAc,GAAGC,MAAAA,MAAO;AAC5G,SACE,gBAAAC,OAAA,cAACC,SAAAA;IAAQC,KAAK;IAAGC,gBAAe;IAAgB,GAAGJ;KACjD,gBAAAC,OAAA,cAACI,SAAAA;IAAQF,KAAK;KACZ,gBAAAF,OAAA,cAACK,OAAAA;IAAIC,KAAI;IAAWC,KAAKC;IAAcC,OAAO;MAAEC,QAAQ;IAAO;MAC/D,gBAAAV,OAAA,cAACW,YAAAA;IAAWC,SAAQ;KAAY,SAAA,CAAA,GAElC,gBAAAZ,OAAA,cAACa,SAAAA;IAAQC,UAAS;MAClB,gBAAAd,OAAA,cAACI,SAAAA;IAAQF,KAAK;KACZ,gBAAAF,OAAA,cAACe,kBAAAA;IAAiBC,kBAAiB;IAAOT,KAAKV;IAAMS,KAAKR;IAAcW,OAAO;MAAEC,QAAQ;MAAQO,UAAU;IAAO;MAClH,gBAAAjB,OAAA,cAACW,YAAAA;IAAWC,SAAQ;KAAad,YAAAA,CAAAA,CAAAA;AAIzC,GAd6E;;;AEb7E,SAASoB,MAAMC,cAAAA,mBAAkB;AACjC,SAAuBC,WAAAA,gBAAe;AACtC,OAAOC,YAAW;AAIX,IAAMC,2BAAoE,wBAACC,UAAAA;AAChF,SACE,gBAAAC,OAAA,cAACC,UAAAA;IAAQC,KAAK;IAAI,GAAGH;KACnB,gBAAAC,OAAA,cAACG,aAAAA;IAAWC,YAAW;IAAOC,IAAI;MAAEC,WAAW;IAAS;KAAG,yBAAA,GAG3D,gBAAAN,OAAA,cAACO,MAAAA,MACC,gBAAAP,OAAA,cAACQ,MAAAA,MAAG,6CAAA,GACJ,gBAAAR,OAAA,cAACQ,MAAAA,MAAG,gEAAA,CAAA,GAEN,gBAAAR,OAAA,cAACG,aAAAA;IAAWM,SAAQ;IAAYJ,IAAI;MAAEC,WAAW;IAAS;KAAG,qLAG1D,KACD,gBAAAN,OAAA,cAACU,MAAAA;IACCC,MAAK;IACLN,IAAI;MAAED,YAAY;IAAO;IACzBQ,QAAO;KACR,MAAA,GAEM,GAAA,CAAA;AAKf,GAzBiF;;;AHO1E,IAAMC,sBAA0D,wBAAC,EAAEC,gBAAgBC,uBAAuB,GAAGC,MAAAA,MAAO;AACzH,QAAM,EAAEC,MAAMC,aAAY,IAAKJ,kBAAkB,CAAC;AAElD,QAAMK,YAAY,mCAAA;AAChB,QAAI;AACF,YAAML,gBAAgBM,gBAAAA;AACtBJ,YAAMK,UAAU,CAAC,GAAG,eAAA;IACtB,SAASC,GAAG;AACVC,cAAQC,KAAK,+BAAgCF,EAAYG,OAAO,EAAE;IACpE;EACF,GAPkB;AASlB,SACE,gBAAAC,OAAA,cAACC,QAAAA;IAAOC,YAAY;MAAEC,IAAI;QAAEC,SAAS;QAAQC,KAAK;MAAE;IAAE;IAAI,GAAGf;KAC3D,gBAAAU,OAAA,cAACM,aAAAA;IAAYH,IAAI;MAAEI,WAAW;IAAS;KAAG,mDAAA,GAC1C,gBAAAP,OAAA,cAACQ,eAAAA;IAAcL,IAAI;MAAEC,SAAS;MAAQK,eAAe;MAAUJ,KAAK;IAAE;KACpE,gBAAAL,OAAA,cAACU,wBAAAA;IAAuBnB;IAAYC;MACpC,gBAAAQ,OAAA,cAACW,0BAAAA,IAAAA,GACD,gBAAAX,OAAA,cAACY,qBAAAA;IAAoBC,gBAAgBxB;OAEvC,gBAAAW,OAAA,cAACc,eAAAA,MACC,gBAAAd,OAAA,cAACe,QAAAA;IAAOC,SAAQ;IAAWC,SAAS,6BAAM3B,MAAMK,UAAU,CAAC,GAAG,eAAA,GAA1B;KAA4C,OAAA,GAGhF,gBAAAK,OAAA,cAACe,QAAAA;IAAOC,SAAQ;IAAYC,SAASxB;KAAW,SAAA,CAAA,CAAA;AAMxD,GA9BuE;;;AIbvE,SAASyB,UAAAA,SAAQC,UAAAA,SAAQC,iBAAAA,gBAAeC,iBAAAA,gBAA4BC,eAAAA,cAAaC,cAAAA,mBAAkB;AACnG,SAASC,oBAAAA,yBAAwB;AACjC,SAASC,WAAAA,gBAAe;AACxB,OAAOC,YAAW;AAQX,IAAMC,+BAA4E,wBAAC,EAAEC,gBAAgB,GAAGC,MAAAA,MAAO;AACpH,SACE,gBAAAC,OAAA,cAACC,SAAWF,OACV,gBAAAC,OAAA,cAACE,UAAAA;IAAQC,KAAK;IAAGC,gBAAe;IAAQC,IAAI;KAC1C,gBAAAL,OAAA,cAACM,mBAAAA;IAAiBC,KAAKT,gBAAgBU;IAAMC,kBAAiB;MAC9D,gBAAAT,OAAA,cAACU,cAAAA;IAAYC,IAAI;MAAEN,IAAI;IAAE;KAAG,UAEzBP,gBAAgBc,cAChB,KAAI,QAAA,CAAA,GAIT,gBAAAZ,OAAA,cAACa,gBAAAA,MACC,gBAAAb,OAAA,cAACc,aAAAA,MAAW,4IAGT,KACAhB,gBAAgBc,cAAa,2DAAA,GAGhC,gBAAAZ,OAAA,cAACc,aAAAA,MAAYC,OAAOC,SAASC,MAAM,CAAA,GAErC,gBAAAjB,OAAA,cAACkB,gBAAAA,MACC,gBAAAlB,OAAA,cAACmB,SAAAA;IAAOC,SAAQ;IAAYC,SAAS,6BAAMtB,MAAMuB,UAAU,CAAC,GAAG,eAAA,GAA1B;KAA4C,OAAA,CAAA,CAAA;AAMzF,GA7ByF;;;ACXzF,SAASC,WAAWC,SAASC,cAAAA,mBAAkB;AAC/C,OAAOC,YAAW;AAIX,IAAMC,oCAA6E,wBAAC,EACzFC,oBACAC,gBACAC,eACAC,eAAc,MACf;AACC,SACE,gBAAAC,OAAA,cAACC,WAAcF,gBACb,gBAAAC,OAAA,cAACE,SAAAA;IACCC,IAAI;MAAEC,QAAQN,gBAAgB,IAAI,YAAY;IAAO;IACrDO,OAAO;SAAKR,kBAAkB,CAAA;SAASD,sBAAsB,CAAA;MAAKU,IAAI,CAACC,SAASC,UAC9E,gBAAAR,OAAA,cAACS,KAAAA;MAAEC,KAAKF;OAAQD,OAAAA,CAAAA;KAGlB,gBAAAP,OAAA,cAACW,aAAAA,MAAYb,aAAAA,CAAAA,CAAAA;AAIrB,GAlB0F;;;ACL1F,SAASc,OAAOC,oBAAoB;AACpC,SAASC,UAAAA,SAAQC,YAAYC,aAAAA,YAAWC,cAAAA,mBAAkB;AAC1D,SAASC,WAAAA,gBAAe;AACxB,OAAOC,YAAW;AAIX,IAAMC,mCAA4E,wBAAC,EAAEC,WAAWC,WAAWC,UAAUC,eAAc,MAAE;AAC1I,SACE,gBAAAC,OAAA,cAACC,YAAcF,gBACb,gBAAAC,OAAA,cAACE,UAAAA;IAAQC,KAAK;IAAGC,gBAAe;KAC7BR,YAEK,gBAAAI,OAAA,cAACK,aAAAA;IAAWC,IAAI;MAAEC,SAAS;MAAeJ,KAAK;IAAI;KACjD,gBAAAH,OAAA,cAACQ,OAAAA,IAAAA,GAAQ,WAAA,IAKX,gBAAAR,OAAA,cAACS,SAAAA;IAAOC,SAAQ;IAAYC,SAASd;KAAW,SAAA,GAIrDD,YAEK,gBAAAI,OAAA,cAACY,YAAAA;IAAWD,SAASb;KACnB,gBAAAE,OAAA,cAACa,cAAAA,IAAAA,CAAAA,IAGL,IAAA,CAAA;AAIZ,GA1ByF;;;ACPzF,SAASC,aAAAA,kBAAiB;AAC1B,OAAOC,YAAW;AAIX,IAAMC,qCAA8E,wBAAC,EAAEC,WAAWC,eAAc,MAAE;AACvH,SAAO,gBAAAC,OAAA,cAACC,YAAcF,gBAAiBD,SAAAA;AACzC,GAF2F;;;ACL3F,SAASI,QAAQC,aAAAA,kBAAiB;AAClC,OAAOC,WAAsBC,WAAAA,gBAAe;AAKrC,IAAMC,uBAAgE,wBAAC,EAAEC,WAAWC,YAAYC,eAAc,MAAE;AACrH,QAAM,EAAEC,eAAeC,cAAcC,QAAO,IAAKC,kBAAAA;AAEjD,QAAMC,UAAUC,SAAQ,MAAOP,aAAaI,QAAQJ,UAAAA,EAAYM,UAAU,OAAQ;IAACF;IAASJ;GAAW;AAEvG,QAAMQ,cAAc,wBAACC,UAAAA;AACnB,UAAMC,UAAUD,MAAME,QAAQD;AAC9B,QAAIV,YAAY;AAEdU,gBAAUP,eAAeH,UAAAA,IAAcE,gBAAgBF,UAAAA;IACzD;EACF,GANoB;AAOpB,SACE,gBAAAY,QAAA,cAACC,YAAcZ,gBACb,gBAAAW,QAAA,cAACE,QAAAA;IAAOC,UAAU,CAAChB;IAAWW,SAASX,aAAaO;IAASU,UAAUR;;AAG7E,GAjB6E;;;ACN7E,SAASS,aAAAA,YAAWC,gBAAgB;AACpC,SAASC,oBAAAA,yBAAwB;AACjC,SAASC,WAAAA,gBAAe;AACxB,OAAOC,aAAW;AAIX,IAAMC,kCAA2E,wBAAC,EAAEC,MAAMC,YAAYC,eAAc,MAAE;AAC3H,QAAMC,QAAQC,SAAAA;AAEd,SACE,gBAAAC,QAAA,cAACC,YAAcJ,gBACb,gBAAAG,QAAA,cAACE,UAAAA;IAAQC,KAAK;IAAGC,gBAAe;KAC9B,gBAAAJ,QAAA,cAACK,mBAAAA;IAAiBC,kBAAkBR,MAAMS,QAAQ,CAAA;IAAIC,KAAKb;MAC1DC,UAAAA,CAAAA;AAIT,GAXwF;;;ACEjF,IAAMa,4BAA4E;EACvFC;EACAC;EACAC;EACAC;EACAC;;;;ACdF,SAASC,OAAOC,WAAWC,aAAAA,YAAWC,WAAuBC,YAAAA,iBAAgB;AAE7E,OAAOC,WAASC,YAAAA,iBAAgB;;;ACAzB,IAAMC,wBAAyC;EACpD;IACEC,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,cAAc;EAChB;EACA;IACEJ,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,cAAc;EAChB;EACA;IACEJ,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,cAAc;EAChB;EACA;IACEJ,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,cAAc;EAChB;EACA;IACEJ,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,cAAc;EAChB;;;;ACrCF,SAASC,gBAA+B;AACxC,SAAiCC,oBAAoB;AACrD,OAAOC,WAASC,aAAaC,WAAAA,gBAAe;AAYrC,IAAMC,4BAAsE,wBAAC,EAClFC,qBACAC,gBACAC,UACAC,QACA,GAAGC,MAAAA,MACJ;AACC,QAAM,EAAEC,gBAAgBC,0BAA0BC,oBAAoBC,WAAWC,eAAeC,aAAY,IAAKC,aAAaR,MAAAA;AAE9H,QAAME,iBAAiBC,0BAA0BM,SAAAA,IAAa;IAACN,yBAAyBM,SAAQ;MAAM,CAAA;AACtG,QAAMC,iBAAiBN,oBAAoBO,UAAU,MAAMT,gBAAgBS,UAAU;AACrF,QAAMC,YAAY,CAAC,EAAEV,gBAAgBS,UAAU,IAAI;AACnD,QAAM,EAAEE,MAAMC,MAAMC,KAAI,IAAKC,SAAQ,MAAMT,gBAAgB;IAAEM,MAAMI;IAAWH,MAAMG;IAAWF,MAAME;EAAU,GAAG;IAACV;GAAa;AAEhI,QAAMW,iBAAiBF,SACrB,OAAO;IACLV;IACAO;IACAM,cAAcL;EAChB,IACA;IAACR;IAAeO;IAAMC;GAAK;AAG7B,QAAMM,gBAAgBC,YAAY,MAAA;AAChCtB,eAAWmB,cAAAA;EACb,GAAG;IAACA;IAAgBnB;GAAS;AAE7B,QAAMuB,iBAAiBD,YAAY,YAAA;AACjC,QAAIxB,qBAAqB;AACvB,YAAMS,gBAAAA;IACR,OAAO;AACLR,uBAAiBoB,cAAAA;IACnB;EACF,GAAG;IAACA;IAAgBZ;IAAeT;IAAqBC;GAAe;AAEvE,SACE,gBAAAyB,QAAA,cAACC,UAAavB,OACXwB,OAAOC,OAAOC,yBAAAA,EAA2BC,IAAI,CAACC,MAAMC,UACnD,gBAAAP,QAAA,cAACM,MAAAA;IACCE,KAAKD;IACL1B;IACAC;IACAO;IACAV;IACAW;IACAmB,WAAWV;IACXvB,UAAUqB;IACVV;IACAuB,YAAYnB;IACZoB,YAAYnB;;AAKtB,GAtDmF;;;ACdnF,SAAmCoB,YAAAA,iBAAgB;AAI5C,IAAMC,+BAA+B,wBAC1CC,sBAAAA;AAEA,QAAM,CAACC,MAAMC,OAAAA,IAAWC,UAAS,KAAA;AACjC,QAAMC,sBAAsB,wBAACC,mBAAAA;AAC3BH,YAAQ,IAAA;AACRF,sBAAkBK,cAAAA;EACpB,GAH4B;AAK5B,QAAMC,UAAU,6BAAA;AACdJ,YAAQ,KAAA;AACRF,sBAAkB,CAAC,CAAA;EACrB,GAHgB;AAKhB,SAAO;IAACC;IAAMG;IAAqBE;;AACrC,GAf4C;;;AHWrC,IAAMC,wBAA8D,wBAAC,EAAEC,qBAAqBC,uBAAuBC,SAAS,GAAGC,MAAAA,MAAO;AAC3I,QAAM,CAACC,gBAAgBC,iBAAAA,IAAqBC,UAAAA;AAC5C,QAAM,CAACC,aAAaC,4BAA4BC,cAAAA,IAAkBC,6BAA6BL,iBAAAA;AAC/F,QAAM,CAACM,YAAYC,2BAA2BC,aAAAA,IAAiBH,6BAA6BL,iBAAAA;AAE5F,SACE,gBAAAS,QAAA,cAAAA,QAAA,UAAA,MACE,gBAAAA,QAAA,cAACC,OAAUZ,OACT,gBAAAW,QAAA,cAACE,WAAAA,MACC,gBAAAF,QAAA,cAACG,WAAAA,MACEC,sBAAsBC,IAAI,CAAC,EAAEC,gBAAgBC,IAAIC,OAAOC,OAAOC,MAAK,MACnE,gBAAAV,QAAA,cAACW,YAAAA;IAAUF;IAAcG,KAAKL;IAAIM,SAASP,iBAAiB,SAAS;IAAUI,OAAOA,SAAS;KAC5FF,KAAAA,CAAAA,CAAAA,CAAAA,GAKT,gBAAAR,QAAA,cAACc,WAAAA,OACG1B,WAAW,CAAA,GAAIiB,IAAIU,CAAAA,WACnB,gBAAAf,QAAA,cAACgB,2BAAAA;IACC9B;IACA0B,KAAKG,OAAOE,cAAcC;IAC1BC,gBAAgBzB;IAChB0B,UAAUtB;IACViB;SAKR,gBAAAf,QAAA,cAACqB,8BAAAA;IAA6BC,MAAMzB;IAAY0B,SAASxB;IAAeT;MACxE,gBAAAU,QAAA,cAACwB,qBAAAA;IACClC;IACAiC,SAAS5B;IACT2B,MAAM7B;IACNN;;AAIR,GAtC2E;;;AfFpE,IAAMsC,2BAA2BC,2BACtC,CAAC,EAAEC,qBAAqBC,uBAAuB,GAAGC,MAAAA,GAASC,QAAAA;AACzD,QAAMC,QAAQC,UAAAA;AAEd,QAAM,EAAEC,wBAAwBC,cAAa,IAAKC,mBAAAA;AAElD,SACE,gBAAAC,QAAA,cAACC,UAAAA;IAAQC,YAAW;IAAUC,gBAAe;IAAQC,KAAK;IAAGV;IAAW,GAAGD;KACzE,gBAAAO,QAAA,cAACC,UAAAA;IAAQC,YAAW;KAClB,gBAAAF,QAAA,cAACK,aAAAA;IAAWC,SAAQ;IAAKC,IAAI;MAAEC,IAAI;IAAI;KAAG,uBAAA,GAGzCX,yBAEK,gBAAAG,QAAA,cAACK,aAAAA;IAAWC,SAAQ;IAAYG,OAAOd,MAAMe,QAAQC,UAAUC;IAAML,IAAI;MAAEM,SAAS;IAAI;KAAG,6BAExF,KACAhB,sBAAAA,IAGL,IAAA,GAEN,gBAAAG,QAAA,cAACc,uBAAAA;IAAsBC,SAASjB;IAAeP;IAA0CC;;AAG/F,CAAA;AAGFH,yBAAyB2B,cAAc;","names":["DEFAULT_LOCAL_STORAGE_KEY","EnabledEthWalletConnections","persistPreferences","enabledWallets","ethWalletsState","listeners","localStorageKey","constructor","reviveSettings","wallets","disableWallet","rdns","toggleEnabledWallet","enableWallet","resetWallets","newWallets","addWallet","walletName","wallet","enabled","Object","entries","forEach","bind","emitChange","subscribe","listener","filter","existingListener","persistSettings","isPersistance","method","reduce","acc","localStorage","setItem","JSON","stringify","existingEntries","getItem","parse","e","console","warn","message","Typography","useTheme","FlexCol","React","forwardRef","AccountsChangedEventName","useWalletDiscovery","useEffect","useMemo","useState","sortWallets","wallets","Object","values","reduce","acc","wallet","allowedAccounts","length","unshift","push","useDetectedWallets","useWalletDiscovery","refresh","setRefresh","useState","sortedWallets","setSortedWallets","useEffect","listener","window","addEventListener","AccountsChangedEventName","removeEventListener","totalConnectedAccounts","useMemo","useWalletDiscovery","useMemo","useSyncExternalStore","enabledEthWallets","useEnabledWalletsInner","enabledWalletsRdns","discoveredWallets","useWalletDiscovery","wallets","useMemo","undefined","EnabledEthWalletConnections","resetWallets","rdns","enabled","Object","entries","toggleEnabledWallet","useSyncExternalStore","subscribe","bind","useEnabledWallets","enabledWallets","reduce","acc","walletName","wallet","disableWallet","enableWallet","Checkbox","FormControl","FormLabel","React","CheckboxFormControl","onCheckChanged","props","FormControl","FormLabel","Checkbox","onChange","_","checked","Button","Dialog","DialogActions","DialogContent","DialogTitle","React","SyncAlt","Typography","ConstrainedImage","FlexCol","FlexRow","React","React","LinkedProvidersFlexbox","icon","providerName","props","React","FlexRow","gap","justifyContent","FlexCol","img","alt","src","xyoColorLogo","style","height","Typography","variant","SyncAlt","fontSize","ConstrainedImage","constrainedValue","maxWidth","Link","Typography","FlexCol","React","WalletPermissionsFlexbox","props","React","FlexCol","gap","Typography","fontWeight","sx","textAlign","ul","li","variant","Link","href","target","ConnectWalletDialog","activeProvider","onIgnoreConnectDialog","props","icon","providerName","onConnect","connectWallet","onClose","e","console","warn","message","React","Dialog","PaperProps","sx","display","gap","DialogTitle","textAlign","DialogContent","flexDirection","LinkedProvidersFlexbox","WalletPermissionsFlexbox","CheckboxFormControl","onCheckChanged","DialogActions","Button","variant","onClick","Button","Dialog","DialogActions","DialogContent","DialogTitle","Typography","ConstrainedImage","FlexRow","React","RevokeWalletConnectionDialog","activeProvider","props","React","Dialog","FlexRow","gap","justifyContent","pl","ConstrainedImage","src","icon","constrainedValue","DialogTitle","sx","providerName","DialogContent","Typography","window","location","origin","DialogActions","Button","variant","onClick","onClose","TableCell","Tooltip","Typography","React","ConnectedWalletsAccountsTableCell","additionalAccounts","currentAccount","totalAccounts","tableCellProps","React","TableCell","Tooltip","sx","cursor","title","map","address","index","p","key","Typography","Check","InfoOutlined","Button","IconButton","TableCell","Typography","FlexRow","React","ConnectedWalletsActionsTableCell","connected","onConnect","onRevoke","tableCellProps","React","TableCell","FlexRow","gap","justifyContent","Typography","sx","display","Check","Button","variant","onClick","IconButton","InfoOutlined","TableCell","React","ConnectedWalletsChainNameTableCell","chainName","tableCellProps","React","TableCell","Switch","TableCell","React","useMemo","ConnectedWalletState","connected","walletRdns","tableCellProps","disableWallet","enableWallet","wallets","useEnabledWallets","enabled","useMemo","handleClick","event","checked","target","React","TableCell","Switch","disabled","onChange","TableCell","useTheme","ConstrainedImage","FlexRow","React","ConnectedWalletsWalletTableCell","icon","walletName","tableCellProps","theme","useTheme","React","TableCell","FlexRow","gap","justifyContent","ConstrainedImage","constrainedValue","spacing","src","ConnectedWalletTableCells","ConnectedWalletsWalletTableCell","ConnectedWalletsChainNameTableCell","ConnectedWalletsAccountsTableCell","ConnectedWalletsActionsTableCell","ConnectedWalletState","Table","TableBody","TableCell","TableHead","TableRow","React","useState","WalletsTableHeadCells","disablePadding","id","label","numeric","showOnMobile","TableRow","useEthWallet","React","useCallback","useMemo","WalletConnectionsTableRow","ignoreConnectDialog","onConnectClick","onRevoke","wallet","props","currentAccount","currentAccountFromWallet","additionalAccounts","chainName","connectWallet","providerInfo","useEthWallet","toString","totalAccounts","length","connected","icon","name","rdns","useMemo","undefined","activeProvider","providerName","onRevokeLocal","useCallback","onConnectLocal","React","TableRow","Object","values","ConnectedWalletTableCells","map","Cell","index","key","onConnect","walletName","walletRdns","useState","useActiveProviderDialogState","setActiveProvider","show","setShow","useState","onSetActiveProvider","activeProvider","onClose","ConnectedWalletsTable","ignoreConnectDialog","onIgnoreConnectDialog","wallets","props","activeProvider","setActiveProvider","useState","showConnect","onSetActiveProviderConnect","onConnectClose","useActiveProviderDialogState","showRevoke","onSetActiveProviderRevoke","onRevokeClose","React","Table","TableHead","TableRow","WalletsTableHeadCells","map","disablePadding","id","label","align","width","TableCell","key","padding","TableBody","wallet","WalletConnectionsTableRow","providerInfo","rdns","onConnectClick","onRevoke","RevokeWalletConnectionDialog","open","onClose","ConnectWalletDialog","ConnectedAccountsFlexbox","forwardRef","ignoreConnectDialog","onIgnoreConnectDialog","props","ref","theme","useTheme","totalConnectedAccounts","sortedWallets","useDetectedWallets","React","FlexCol","alignItems","justifyContent","gap","Typography","variant","sx","mb","color","palette","secondary","main","opacity","ConnectedWalletsTable","wallets","displayName"]}
+{"version":3,"sources":["../../src/classes/EnabledWallets.ts","../../src/components/ConnectedAccountsFlexbox.tsx","../../src/hooks/useDetectWallets.tsx","../../src/hooks/useEnabledWallets.tsx","../../src/components/wallet/dialogs/connect/CheckboxFormControl.tsx","../../src/components/wallet/dialogs/connect/Dialog.tsx","../../src/components/wallet/dialogs/connect/LinkedProvidersFlexbox.tsx","../../src/img/index.ts","../../src/components/wallet/dialogs/connect/Permissions.tsx","../../src/components/wallet/dialogs/revoke/Dialog.tsx","../../src/components/wallet/table/cells/Accounts.tsx","../../src/components/wallet/table/cells/Actions.tsx","../../src/components/wallet/table/cells/ChainName.tsx","../../src/components/wallet/table/cells/State.tsx","../../src/components/wallet/table/cells/Wallet.tsx","../../src/components/wallet/table/cells/Cells.tsx","../../src/components/wallet/table/ConnectedWalletsTable.tsx","../../src/components/wallet/lib/TableHeadData.ts","../../src/components/wallet/table/ConnectedWalletsTableRow.tsx","../../src/components/wallet/table/hooks/useActiveProviderDialogState.tsx"],"sourcesContent":["import { DiscoveredWallets, EIP6963Connector } from '@xylabs/react-crypto'\n\nconst DEFAULT_LOCAL_STORAGE_KEY = 'XYO|EnabledWallets'\n\n/**\n * State for storing wallets and their enabled/disabled status by name\n */\nexport interface EnabledEthWalletsState {\n  [rdns: string]: {\n    enabled: boolean\n    wallet: EIP6963Connector\n  }\n}\n\n/**\n * State for storing only enabled/disabled status of a wallet by name\n */\nexport interface EnabledWalletsSavedState {\n  [rdns: string]: boolean\n}\n\nexport type WalletListener = () => void\n\nexport class EnabledEthWalletConnections {\n  // control whether or not enabled/disabled preferences are persisted (i.e. in localStorage)\n  persistPreferences = true\n\n  // Map of wallet names and their enabled/disabled state\n  private enabledWallets: EnabledWalletsSavedState = {}\n\n  // Map of wallet names, their enabled/disabled state, and their wallet class\n  private ethWalletsState: EnabledEthWalletsState = {}\n\n  // list of listeners that want to be notified on wallet changes\n  private listeners: WalletListener[] = []\n\n  // key to use in localStorage when persisting preferences\n  private localStorageKey = DEFAULT_LOCAL_STORAGE_KEY\n\n  constructor(localStorageKey = DEFAULT_LOCAL_STORAGE_KEY) {\n    this.localStorageKey = localStorageKey\n    this.reviveSettings()\n  }\n\n  get wallets() {\n    return this.ethWalletsState\n  }\n\n  disableWallet(rdns: string) {\n    this.toggleEnabledWallet(rdns, false)\n  }\n\n  enableWallet(rdns: string) {\n    this.toggleEnabledWallet(rdns, true)\n  }\n\n  /**\n   * Given a new set of wallets, set their enabled state based off previous preferences\n   */\n  resetWallets(wallets: DiscoveredWallets) {\n    const newWallets: EnabledEthWalletsState = {}\n\n    const addWallet = ([walletName, wallet]: [string, EIP6963Connector]) => {\n      newWallets[walletName] = {\n        // preserve the existing enabled state\n        enabled: walletName in this.enabledWallets ? this.enabledWallets[walletName] : true,\n        wallet,\n      }\n    }\n\n    // eslint-disable-next-line unicorn/no-array-for-each\n    Object.entries(wallets).forEach(addWallet.bind(this))\n    this.ethWalletsState = newWallets\n    this.emitChange()\n  }\n\n  subscribe(listener: WalletListener) {\n    this.listeners = [...this.listeners, listener]\n    return () => {\n      this.listeners = this.listeners.filter(existingListener => existingListener !== listener)\n    }\n  }\n\n  toggleEnabledWallet(rdns: string, enabled: boolean) {\n    if (rdns && this.ethWalletsState[rdns]) {\n      this.ethWalletsState[rdns].enabled = enabled\n      this.ethWalletsState = { ...this.ethWalletsState }\n      this.emitChange()\n    }\n  }\n\n  private emitChange() {\n    for (const listener of this.listeners) {\n      listener()\n    }\n\n    this.persistSettings()\n  }\n\n  private isPersistance(method: () => void) {\n    if (this.persistPreferences) {\n      method()\n    }\n  }\n\n  private persistSettings() {\n    this.isPersistance(() => {\n      // convert wallet enabled selections into serializable state\n      // eslint-disable-next-line unicorn/no-array-reduce\n      const enabledWallets = Object.entries(this.ethWalletsState).reduce((acc, [rdns, { enabled }]) => {\n        acc[rdns] = enabled\n        return acc\n      }, {} as EnabledWalletsSavedState)\n\n      localStorage.setItem(this.localStorageKey, JSON.stringify(enabledWallets))\n    })\n  }\n\n  private reviveSettings() {\n    this.isPersistance(() => {\n      const existingEntries = localStorage.getItem(this.localStorageKey)\n      try {\n        const entries = existingEntries ? JSON.parse(existingEntries) : {}\n        this.enabledWallets = entries\n      } catch (e) {\n        console.warn(`Error parsing saved enabled wallet entries: ${(e as Error).message}`)\n      }\n    })\n  }\n}\n","import { Typography, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React, { forwardRef } from 'react'\n\nimport { useDetectedWallets } from '../hooks/index.ts'\nimport { ConnectedWalletsTable } from './wallet/index.ts'\n\nexport interface ConnectedAccountsFlexboxProps extends FlexBoxProps {\n  ignoreConnectDialog?: boolean\n  // A callback that is invoked when the option to ignore the dialog is checked\n  onIgnoreConnectDialog?: (checked: boolean) => void\n}\n\nexport const ConnectedAccountsFlexbox = forwardRef<HTMLDivElement, ConnectedAccountsFlexboxProps>(\n  ({ ignoreConnectDialog, onIgnoreConnectDialog, ...props }, ref) => {\n    const theme = useTheme()\n\n    const { totalConnectedAccounts, sortedWallets } = useDetectedWallets()\n\n    return (\n      <FlexCol alignItems=\"stretch\" justifyContent=\"start\" gap={2} ref={ref} {...props}>\n        <FlexCol alignItems=\"start\">\n          <Typography variant=\"h2\" sx={{ mb: 0.5 }}>\n            Detected Web3 Wallets\n          </Typography>\n          {totalConnectedAccounts\n            ? (\n                <Typography variant=\"subtitle1\" color={theme.palette.secondary.main} sx={{ opacity: 0.5 }}>\n                  Total Connected Accounts:\n                  {' '}\n                  {totalConnectedAccounts}\n                </Typography>\n              )\n            : null}\n        </FlexCol>\n        <ConnectedWalletsTable wallets={sortedWallets} ignoreConnectDialog={ignoreConnectDialog} onIgnoreConnectDialog={onIgnoreConnectDialog} />\n      </FlexCol>\n    )\n  },\n)\n\nConnectedAccountsFlexbox.displayName = 'ConnectedAccountsFlexbox'\n","import { AccountsChangedEventName, DiscoveredWallets, EIP6963Connector, useWalletDiscovery } from '@xylabs/react-crypto'\nimport { useEffect, useMemo, useState } from 'react'\n\nconst sortWallets = (wallets: DiscoveredWallets) =>\n  // eslint-disable-next-line unicorn/no-array-reduce\n  Object.values(wallets).reduce((acc, wallet) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    wallet.allowedAccounts.length > 0 ? acc.unshift(wallet) : acc.push(wallet)\n    return acc\n  }, [] as EIP6963Connector[])\n\nexport const useDetectedWallets = () => {\n  const wallets = useWalletDiscovery()\n  const [refresh, setRefresh] = useState(0)\n  const [sortedWallets, setSortedWallets] = useState<EIP6963Connector[]>([])\n\n  useEffect(() => {\n    setSortedWallets(sortWallets(wallets))\n  }, [wallets, refresh])\n\n  /**\n   * Rely on custom events from the wallet base class to know when accounts are changed.\n   * This approach prevents the need to loop through all wallets and set up individual listeners.\n   */\n  useEffect(() => {\n    const listener: (event: CustomEventInit) => void = () => {\n      setRefresh(refresh => refresh + 1)\n    }\n    window.addEventListener(AccountsChangedEventName, listener)\n\n    return () => {\n      window.removeEventListener(AccountsChangedEventName, listener)\n    }\n  }, [wallets])\n\n  const totalConnectedAccounts = useMemo(\n    () => Object.values(sortedWallets).reduce((acc, wallet) => acc + wallet.allowedAccounts.length, 0),\n    [sortedWallets],\n  )\n\n  return { sortedWallets, totalConnectedAccounts }\n}\n","import { useWalletDiscovery } from '@xylabs/react-crypto'\nimport { useMemo, useSyncExternalStore } from 'react'\n\nimport { EnabledEthWalletConnections, EnabledEthWalletsState, EnabledWalletsSavedState } from '../classes/index.ts'\n\nlet enabledEthWallets: EnabledEthWalletConnections | undefined\n\n/**\n * Takes the discovered wallets and tracks their enabled state globally\n */\nexport const useEnabledWalletsInner = (enabledWalletsRdns?: EnabledWalletsSavedState) => {\n  const discoveredWallets = useWalletDiscovery()\n\n  // when we discover new wallets, build their enabled state\n  const wallets = useMemo(() => {\n    if (enabledEthWallets === undefined) enabledEthWallets = new EnabledEthWalletConnections()\n    enabledEthWallets.resetWallets(discoveredWallets)\n    for (const [rdns, enabled] of Object.entries(enabledWalletsRdns ?? {})) enabledEthWallets?.toggleEnabledWallet(rdns, enabled)\n    return enabledEthWallets\n  }, [discoveredWallets, enabledWalletsRdns])\n\n  return useSyncExternalStore(wallets.subscribe.bind(wallets), () => wallets.wallets)\n}\n\n/**\n * Expose an interface for enabling and disabling wallets\n */\nexport const useEnabledWallets = (enabledWalletsRdns?: EnabledWalletsSavedState) => {\n  const wallets = useEnabledWalletsInner(enabledWalletsRdns)\n  const enabledWallets = useMemo(\n    () =>\n      // eslint-disable-next-line unicorn/no-array-reduce\n      Object.entries(wallets).reduce((acc, [walletName, wallet]) => {\n        if (wallet.enabled) acc[walletName] = wallet\n        return acc\n      }, {} as EnabledEthWalletsState),\n    [wallets],\n  )\n\n  return {\n    disableWallet: enabledEthWallets?.disableWallet.bind(enabledEthWallets),\n    enableWallet: enabledEthWallets?.enableWallet.bind(enabledEthWallets),\n    enabledWallets,\n    wallets,\n  }\n}\n","import { Checkbox, FormControl, FormControlProps, FormLabel } from '@mui/material'\nimport React from 'react'\n\nexport interface CheckboxFormControlProps extends FormControlProps {\n  onCheckChanged?: (checked: boolean) => void\n}\n\nexport const CheckboxFormControl: React.FC<CheckboxFormControlProps> = ({ onCheckChanged, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <FormLabel>\n        <Checkbox onChange={(_, checked) => onCheckChanged?.(checked)} />\n        Do not show this again.\n      </FormLabel>\n    </FormControl>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle } from '@mui/material'\nimport React from 'react'\n\nimport { ActiveProvider } from '../../lib/index.ts'\nimport { CheckboxFormControl } from './CheckboxFormControl.tsx'\nimport { LinkedProvidersFlexbox } from './LinkedProvidersFlexbox.tsx'\nimport { WalletPermissionsFlexbox } from './Permissions.tsx'\n\nexport interface ConnectWalletDialogProps extends DialogProps {\n  activeProvider?: ActiveProvider\n  onIgnoreConnectDialog?: (checked: boolean) => void\n}\n\nexport const ConnectWalletDialog: React.FC<ConnectWalletDialogProps> = ({ activeProvider, onIgnoreConnectDialog, ...props }) => {\n  const { icon, providerName } = activeProvider ?? {}\n\n  const onConnect = async () => {\n    try {\n      await activeProvider?.connectWallet?.()\n      props.onClose?.({}, 'escapeKeyDown')\n    } catch (e) {\n      console.warn(`Error connecting to wallet: ${(e as Error).message}`)\n    }\n  }\n\n  return (\n    <Dialog PaperProps={{ sx: { display: 'flex', gap: 4 } }} {...props}>\n      <DialogTitle sx={{ textAlign: 'center' }}>XYO Wants To Access The Blockchain on Your Behalf</DialogTitle>\n      <DialogContent sx={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n        <LinkedProvidersFlexbox icon={icon} providerName={providerName} />\n        <WalletPermissionsFlexbox />\n        <CheckboxFormControl onCheckChanged={onIgnoreConnectDialog} />\n      </DialogContent>\n      <DialogActions>\n        <Button variant=\"outlined\" onClick={() => props.onClose?.({}, 'escapeKeyDown')}>\n          Close\n        </Button>\n        <Button variant=\"contained\" onClick={onConnect}>\n          Connect\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { SyncAlt } from '@mui/icons-material'\nimport { Typography } from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { xyoColorLogo } from '../../../../img/index.ts'\n\nexport interface LinkedProvidersFlexboxProps extends FlexBoxProps {\n  icon?: string\n  providerName?: string\n}\n\nexport const LinkedProvidersFlexbox: React.FC<LinkedProvidersFlexboxProps> = ({ icon, providerName, ...props }) => {\n  return (\n    <FlexRow gap={4} justifyContent=\"space-evenly\" {...props}>\n      <FlexCol gap={0.5}>\n        <img alt=\"XYO Logo\" src={xyoColorLogo} style={{ height: '48px' }} />\n        <Typography variant=\"subtitle1\">XYO App</Typography>\n      </FlexCol>\n      <SyncAlt fontSize=\"large\" />\n      <FlexCol gap={0.5}>\n        <ConstrainedImage constrainedValue=\"48px\" src={icon} alt={providerName} style={{ height: '48px', maxWidth: '48px' }} />\n        <Typography variant=\"subtitle1\">{providerName}</Typography>\n      </FlexCol>\n    </FlexRow>\n  )\n}\n","export { default as xyoColorLogo } from './xyo-color-logo.svg'\nexport { default as xyoColorLogoText } from './xyo-color-logo-text-only.svg'\n","import { Link, Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface WalletPermissionsFlexBoxProps extends FlexBoxProps {}\n\nexport const WalletPermissionsFlexbox: React.FC<WalletPermissionsFlexBoxProps> = (props) => {\n  return (\n    <FlexCol gap={4} {...props}>\n      <Typography fontWeight=\"bold\" sx={{ textAlign: 'center' }}>\n        This will allow XYO to:\n      </Typography>\n      <ul>\n        <li>View your wallet account(s) and address(es)</li>\n        <li>Read-only access to browse the public blockchain(s) you select</li>\n      </ul>\n      <Typography variant=\"subtitle1\" sx={{ textAlign: 'center' }}>\n        You control what accounts to share and what blockchains to view. You can see or revoke access via your wallet&apos;s settings at anytime. View\n        more on XYO&apos;s sovereign data philosophy\n        {' '}\n        <Link\n          href=\"https://cointelegraph.com/innovation-circle/decentralization-and-sovereignty-debunking-our-approach-to-digital-sovereignty\"\n          sx={{ fontWeight: 'bold' }}\n          target=\"_blank\"\n        >\n          here\n        </Link>\n        .\n      </Typography>\n    </FlexCol>\n  )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle, Typography } from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { ActiveProvider } from '../../lib/index.ts'\n\nexport interface RevokeWalletConnectionDialogProps extends DialogProps {\n  activeProvider?: ActiveProvider\n}\n\nexport const RevokeWalletConnectionDialog: React.FC<RevokeWalletConnectionDialogProps> = ({ activeProvider, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <FlexRow gap={2} justifyContent=\"start\" pl={2}>\n        <ConstrainedImage src={activeProvider?.icon} constrainedValue=\"24px\" />\n        <DialogTitle sx={{ pl: 0 }}>\n          Revoke\n          {activeProvider?.providerName}\n          {' '}\n          Access\n        </DialogTitle>\n      </FlexRow>\n      <DialogContent>\n        <Typography>\n          Revoking access to your wallet must be done from the wallet&apos;s browser extension. Wallets grant access to specific domains please\n          consult\n          {' '}\n          {activeProvider?.providerName}\n          &apos;s documentation on how to revoke access to this website:\n        </Typography>\n        <Typography>{window.location.origin}</Typography>\n      </DialogContent>\n      <DialogActions>\n        <Button variant=\"contained\" onClick={() => props.onClose?.({}, 'escapeKeyDown')}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { TableCell, Tooltip, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsAccountsTableCell: React.FC<ConnectedWalletTableCellProps> = ({\n  additionalAccounts,\n  currentAccount,\n  totalAccounts,\n  tableCellProps,\n}) => {\n  return (\n    <TableCell {...tableCellProps}>\n      <Tooltip\n        sx={{ cursor: totalAccounts > 0 ? 'pointer' : 'auto' }}\n        title={[...(currentAccount ?? []), ...(additionalAccounts ?? [])].map((address, index) => (\n          <p key={index}>{address}</p>\n        ))}\n      >\n        <Typography>{totalAccounts}</Typography>\n      </Tooltip>\n    </TableCell>\n  )\n}\n","import { Check, InfoOutlined } from '@mui/icons-material'\nimport { Button, IconButton, TableCell, Typography } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsActionsTableCell: React.FC<ConnectedWalletTableCellProps> = ({ connected, onConnect, onRevoke, tableCellProps }) => {\n  return (\n    <TableCell {...tableCellProps}>\n      <FlexRow gap={2} justifyContent=\"start\">\n        {connected\n          ? (\n              <Typography sx={{ display: 'inline-flex', gap: 0.5 }}>\n                <Check />\n                Connected\n              </Typography>\n            )\n          : (\n              <Button variant=\"contained\" onClick={onConnect}>\n                Connect\n              </Button>\n            )}\n        {connected\n          ? (\n              <IconButton onClick={onRevoke}>\n                <InfoOutlined />\n              </IconButton>\n            )\n          : null}\n      </FlexRow>\n    </TableCell>\n  )\n}\n","import { TableCell } from '@mui/material'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsChainNameTableCell: React.FC<ConnectedWalletTableCellProps> = ({ chainName, tableCellProps }) => {\n  return <TableCell {...tableCellProps}>{chainName}</TableCell>\n}\n","import { Switch, TableCell } from '@mui/material'\nimport React, { ChangeEvent, useMemo } from 'react'\n\nimport { useEnabledWallets } from '../../../../hooks/index.ts'\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletState: React.FC<ConnectedWalletTableCellProps> = ({ connected, walletRdns, tableCellProps }) => {\n  const { disableWallet, enableWallet, wallets } = useEnabledWallets()\n\n  const enabled = useMemo(() => (walletRdns ? wallets[walletRdns].enabled : false), [wallets, walletRdns])\n\n  const handleClick = (event: ChangeEvent<HTMLInputElement>) => {\n    const checked = event.target?.checked\n    if (walletRdns) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n      checked ? enableWallet?.(walletRdns) : disableWallet?.(walletRdns)\n    }\n  }\n  return (\n    <TableCell {...tableCellProps}>\n      <Switch disabled={!connected} checked={connected && enabled} onChange={handleClick} />\n    </TableCell>\n  )\n}\n","import { TableCell, useTheme } from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsWalletTableCell: React.FC<ConnectedWalletTableCellProps> = ({ icon, walletName, tableCellProps }) => {\n  const theme = useTheme()\n\n  return (\n    <TableCell {...tableCellProps}>\n      <FlexRow gap={2} justifyContent=\"start\">\n        <ConstrainedImage constrainedValue={theme.spacing(4)} src={icon} />\n        {walletName}\n      </FlexRow>\n    </TableCell>\n  )\n}\n","import { ComponentType } from 'react'\n\nimport { ConnectedWalletsAccountsTableCell } from './Accounts.tsx'\nimport { ConnectedWalletsActionsTableCell } from './Actions.tsx'\nimport { ConnectedWalletsChainNameTableCell } from './ChainName.tsx'\nimport { ConnectedWalletTableCellProps } from './lib/index.ts'\nimport { ConnectedWalletState } from './State.tsx'\nimport { ConnectedWalletsWalletTableCell } from './Wallet.tsx'\n\nexport const ConnectedWalletTableCells: ComponentType<ConnectedWalletTableCellProps>[] = [\n  ConnectedWalletsWalletTableCell,\n  ConnectedWalletsChainNameTableCell,\n  ConnectedWalletsAccountsTableCell,\n  ConnectedWalletsActionsTableCell,\n  ConnectedWalletState,\n]\n","import { Table, TableBody, TableCell, TableHead, TableProps, TableRow } from '@mui/material'\nimport { EIP6963Connector } from '@xylabs/react-crypto'\nimport React, { useState } from 'react'\n\nimport { ConnectWalletDialog, RevokeWalletConnectionDialog } from '../dialogs/index.ts'\nimport { ActiveProvider, WalletsTableHeadCells } from '../lib/index.ts'\nimport { WalletConnectionsTableRow } from './ConnectedWalletsTableRow.tsx'\nimport { useActiveProviderDialogState } from './hooks/index.ts'\n\nexport interface ConnectedWalletsTableProps extends TableProps {\n  ignoreConnectDialog?: boolean\n  onIgnoreConnectDialog?: (checked: boolean) => void\n  wallets?: EIP6963Connector[]\n}\n\nexport const ConnectedWalletsTable: React.FC<ConnectedWalletsTableProps> = ({ ignoreConnectDialog, onIgnoreConnectDialog, wallets, ...props }) => {\n  const [activeProvider, setActiveProvider] = useState<ActiveProvider>()\n  const [showConnect, onSetActiveProviderConnect, onConnectClose] = useActiveProviderDialogState(setActiveProvider)\n  const [showRevoke, onSetActiveProviderRevoke, onRevokeClose] = useActiveProviderDialogState(setActiveProvider)\n\n  return (\n    <>\n      <Table {...props}>\n        <TableHead>\n          <TableRow>\n            {WalletsTableHeadCells.map(({ disablePadding, id, label, align, width }) => (\n              <TableCell align={align} key={id} padding={disablePadding ? 'none' : 'normal'} width={width ?? 'auto'}>\n                {label}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {(wallets ?? []).map(wallet => (\n            <WalletConnectionsTableRow\n              ignoreConnectDialog={ignoreConnectDialog}\n              key={wallet.providerInfo?.rdns}\n              onConnectClick={onSetActiveProviderConnect}\n              onRevoke={onSetActiveProviderRevoke}\n              wallet={wallet}\n            />\n          ))}\n        </TableBody>\n      </Table>\n      <RevokeWalletConnectionDialog open={showRevoke} onClose={onRevokeClose} activeProvider={activeProvider} />\n      <ConnectWalletDialog\n        activeProvider={activeProvider}\n        onClose={onConnectClose}\n        open={showConnect}\n        onIgnoreConnectDialog={onIgnoreConnectDialog}\n      />\n    </>\n  )\n}\n","import { TableHeadCell } from '@xyo-network/react-table'\n\nexport const WalletsTableHeadCells: TableHeadCell[] = [\n  {\n    disablePadding: false,\n    id: 'wallet',\n    label: 'Wallet',\n    numeric: false,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'chain',\n    label: 'Chain',\n    numeric: false,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'accounts',\n    label: 'Accounts',\n    numeric: true,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'actions',\n    label: 'Actions',\n    numeric: false,\n    showOnMobile: true,\n  },\n  {\n    disablePadding: false,\n    id: 'enabled',\n    label: 'Enabled',\n    numeric: false,\n    showOnMobile: true,\n  },\n]\n","import { TableRow, TableRowProps } from '@mui/material'\nimport { EthWalletConnectorBase, useEthWallet } from '@xylabs/react-crypto'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { ActiveProvider } from '../lib/index.ts'\nimport { ConnectedWalletTableCells } from './cells/index.ts'\n\nexport interface WalletConnectionsTableRowProps extends TableRowProps {\n  ignoreConnectDialog?: boolean\n  onConnectClick?: (activeProvider: ActiveProvider) => void\n  onRevoke?: (activeProvider: ActiveProvider) => void\n  wallet: EthWalletConnectorBase\n}\n\nexport const WalletConnectionsTableRow: React.FC<WalletConnectionsTableRowProps> = ({\n  ignoreConnectDialog,\n  onConnectClick,\n  onRevoke,\n  wallet,\n  ...props\n}) => {\n  const { currentAccount: currentAccountFromWallet, additionalAccounts, chainName, connectWallet, providerInfo } = useEthWallet(wallet)\n\n  const currentAccount = currentAccountFromWallet?.toString() ? [currentAccountFromWallet.toString()] : []\n  const totalAccounts = (additionalAccounts?.length ?? 0) + (currentAccount?.length ?? 0)\n  const connected = !!(currentAccount?.length ?? 0 > 0)\n  const { icon, name, rdns } = useMemo(() => providerInfo ?? { icon: undefined, name: undefined, rdns: undefined }, [providerInfo])\n\n  const activeProvider = useMemo<ActiveProvider>(\n    () => ({\n      connectWallet,\n      icon,\n      providerName: name,\n    }),\n    [connectWallet, icon, name],\n  )\n\n  const onRevokeLocal = useCallback(() => {\n    onRevoke?.(activeProvider)\n  }, [activeProvider, onRevoke])\n\n  const onConnectLocal = useCallback(async () => {\n    if (ignoreConnectDialog) {\n      await connectWallet?.()\n    } else {\n      onConnectClick?.(activeProvider)\n    }\n  }, [activeProvider, connectWallet, ignoreConnectDialog, onConnectClick])\n\n  return (\n    <TableRow {...props}>\n      {Object.values(ConnectedWalletTableCells).map((Cell, index) => (\n        <Cell\n          key={index}\n          additionalAccounts={additionalAccounts}\n          chainName={chainName}\n          connected={connected}\n          currentAccount={currentAccount}\n          icon={icon}\n          onConnect={onConnectLocal}\n          onRevoke={onRevokeLocal}\n          totalAccounts={totalAccounts}\n          walletName={name}\n          walletRdns={rdns}\n        />\n      ))}\n    </TableRow>\n  )\n}\n","import { Dispatch, SetStateAction, useState } from 'react'\n\nimport { ActiveProvider } from '../../lib/index.ts'\n\nexport const useActiveProviderDialogState = (\n  setActiveProvider: Dispatch<SetStateAction<ActiveProvider | undefined>>,\n): [boolean, (activeProvider: ActiveProvider) => void, () => void] => {\n  const [show, setShow] = useState(false)\n  const onSetActiveProvider = (activeProvider: ActiveProvider) => {\n    setShow(true)\n    setActiveProvider(activeProvider)\n  }\n\n  const onClose = () => {\n    setShow(false)\n    setActiveProvider({})\n  }\n\n  return [show, onSetActiveProvider, onClose]\n}\n"],"mappings":"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","names":["DEFAULT_LOCAL_STORAGE_KEY","EnabledEthWalletConnections","persistPreferences","enabledWallets","ethWalletsState","listeners","localStorageKey","constructor","reviveSettings","wallets","disableWallet","rdns","toggleEnabledWallet","enableWallet","resetWallets","newWallets","addWallet","walletName","wallet","enabled","Object","entries","forEach","bind","emitChange","subscribe","listener","filter","existingListener","persistSettings","isPersistance","method","reduce","acc","localStorage","setItem","JSON","stringify","existingEntries","getItem","parse","e","console","warn","message","Typography","useTheme","FlexCol","React","forwardRef","AccountsChangedEventName","useWalletDiscovery","useEffect","useMemo","useState","sortWallets","wallets","Object","values","reduce","acc","wallet","allowedAccounts","length","unshift","push","useDetectedWallets","useWalletDiscovery","refresh","setRefresh","useState","sortedWallets","setSortedWallets","useEffect","listener","window","addEventListener","AccountsChangedEventName","removeEventListener","totalConnectedAccounts","useMemo","useWalletDiscovery","useMemo","useSyncExternalStore","enabledEthWallets","useEnabledWalletsInner","enabledWalletsRdns","discoveredWallets","useWalletDiscovery","wallets","useMemo","undefined","EnabledEthWalletConnections","resetWallets","rdns","enabled","Object","entries","toggleEnabledWallet","useSyncExternalStore","subscribe","bind","useEnabledWallets","enabledWallets","reduce","acc","walletName","wallet","disableWallet","enableWallet","Checkbox","FormControl","FormLabel","React","CheckboxFormControl","onCheckChanged","props","FormControl","FormLabel","Checkbox","onChange","_","checked","Button","Dialog","DialogActions","DialogContent","DialogTitle","React","SyncAlt","Typography","ConstrainedImage","FlexCol","FlexRow","React","xyoColorLogo","default","xyoColorLogoText","LinkedProvidersFlexbox","icon","providerName","props","React","FlexRow","gap","justifyContent","FlexCol","img","alt","src","xyoColorLogo","style","height","Typography","variant","SyncAlt","fontSize","ConstrainedImage","constrainedValue","maxWidth","Link","Typography","FlexCol","React","WalletPermissionsFlexbox","props","React","FlexCol","gap","Typography","fontWeight","sx","textAlign","ul","li","variant","Link","href","target","ConnectWalletDialog","activeProvider","onIgnoreConnectDialog","props","icon","providerName","onConnect","connectWallet","onClose","e","console","warn","message","React","Dialog","PaperProps","sx","display","gap","DialogTitle","textAlign","DialogContent","flexDirection","LinkedProvidersFlexbox","WalletPermissionsFlexbox","CheckboxFormControl","onCheckChanged","DialogActions","Button","variant","onClick","Button","Dialog","DialogActions","DialogContent","DialogTitle","Typography","ConstrainedImage","FlexRow","React","RevokeWalletConnectionDialog","activeProvider","props","React","Dialog","FlexRow","gap","justifyContent","pl","ConstrainedImage","src","icon","constrainedValue","DialogTitle","sx","providerName","DialogContent","Typography","window","location","origin","DialogActions","Button","variant","onClick","onClose","TableCell","Tooltip","Typography","React","ConnectedWalletsAccountsTableCell","additionalAccounts","currentAccount","totalAccounts","tableCellProps","React","TableCell","Tooltip","sx","cursor","title","map","address","index","p","key","Typography","Check","InfoOutlined","Button","IconButton","TableCell","Typography","FlexRow","React","ConnectedWalletsActionsTableCell","connected","onConnect","onRevoke","tableCellProps","React","TableCell","FlexRow","gap","justifyContent","Typography","sx","display","Check","Button","variant","onClick","IconButton","InfoOutlined","TableCell","React","ConnectedWalletsChainNameTableCell","chainName","tableCellProps","React","TableCell","Switch","TableCell","React","useMemo","ConnectedWalletState","connected","walletRdns","tableCellProps","disableWallet","enableWallet","wallets","useEnabledWallets","enabled","useMemo","handleClick","event","checked","target","React","TableCell","Switch","disabled","onChange","TableCell","useTheme","ConstrainedImage","FlexRow","React","ConnectedWalletsWalletTableCell","icon","walletName","tableCellProps","theme","useTheme","React","TableCell","FlexRow","gap","justifyContent","ConstrainedImage","constrainedValue","spacing","src","ConnectedWalletTableCells","ConnectedWalletsWalletTableCell","ConnectedWalletsChainNameTableCell","ConnectedWalletsAccountsTableCell","ConnectedWalletsActionsTableCell","ConnectedWalletState","Table","TableBody","TableCell","TableHead","TableRow","React","useState","WalletsTableHeadCells","disablePadding","id","label","numeric","showOnMobile","TableRow","useEthWallet","React","useCallback","useMemo","WalletConnectionsTableRow","ignoreConnectDialog","onConnectClick","onRevoke","wallet","props","currentAccount","currentAccountFromWallet","additionalAccounts","chainName","connectWallet","providerInfo","useEthWallet","toString","totalAccounts","length","connected","icon","name","rdns","useMemo","undefined","activeProvider","providerName","onRevokeLocal","useCallback","onConnectLocal","React","TableRow","Object","values","ConnectedWalletTableCells","map","Cell","index","key","onConnect","walletName","walletRdns","useState","useActiveProviderDialogState","setActiveProvider","show","setShow","useState","onSetActiveProvider","activeProvider","onClose","ConnectedWalletsTable","ignoreConnectDialog","onIgnoreConnectDialog","wallets","props","activeProvider","setActiveProvider","useState","showConnect","onSetActiveProviderConnect","onConnectClose","useActiveProviderDialogState","showRevoke","onSetActiveProviderRevoke","onRevokeClose","React","Table","TableHead","TableRow","WalletsTableHeadCells","map","disablePadding","id","label","align","width","TableCell","key","padding","TableBody","wallet","WalletConnectionsTableRow","providerInfo","rdns","onConnectClick","onRevoke","RevokeWalletConnectionDialog","open","onClose","ConnectWalletDialog","ConnectedAccountsFlexbox","forwardRef","ignoreConnectDialog","onIgnoreConnectDialog","props","ref","theme","useTheme","totalConnectedAccounts","sortedWallets","useDetectedWallets","React","FlexCol","alignItems","justifyContent","gap","Typography","variant","sx","mb","color","palette","secondary","main","opacity","ConnectedWalletsTable","wallets","displayName"]}

package/dist/browser/xyo-color-logo-LHR2SMEM.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 238"><defs><style>.cls-1{fill:#8d8fc6;}.cls-2{fill:#579fd6;}.cls-3{fill:#f27046;}.cls-4{fill:#eb407a;}</style></defs><path class="cls-1" d="M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z"/><path class="cls-2" d="M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z"/><path class="cls-3" d="M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z"/><path class="cls-4" d="M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z"/></svg>

package/dist/browser/xyo-color-logo-text-only-QPAW5BSQ.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="250 0 451 238"><defs><style>.cls-1{fill:#8d8fc6;}.cls-2{fill:#579fd6;}.cls-3{fill:#f27046;}.cls-4{fill:#eb407a;}</style></defs><path class="cls-1" d="M570,55.35a61.13,61.13,0,1,0,61.11,61.1A61.21,61.21,0,0,0,570,55.35Zm-266.4.1-8.2,8.14,53,52.91-53,52.91,8.2,8.2,52.91-53,44.77,44.77,8.14,8.2,114-114-8.14-8.14-52.91,52.91-53-52.91-8.14,8.14-44.77,44.77ZM570,66.84a49.61,49.61,0,1,1-49.61,49.61A49.54,49.54,0,0,1,570,66.84ZM409.45,71.73l44.77,44.77-44.77,44.77L364.68,116.5Z"/></svg>

package/package.json

@@ -10,14 +10,14 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-crypto": "^3.4.2",
-    "@xylabs/react-flexbox": "^3.4.2",
-    "@xyo-network/react-table": "^2.83.1"
+    "@xylabs/react-crypto": "^4.0.0",
+    "@xylabs/react-flexbox": "^4.0.0",
+    "@xyo-network/react-table": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/react": "^8.2.7",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.7",
+    "@storybook/react": "^8.2.9",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -62,6 +62,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.83.1",
+  "version": "3.0.0",
   "type": "module"
 }