@xyo-network/react-connected-accounts 5.2.1 → 5.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/browser/index.mjs +1 -1
  2. package/dist/browser/index.mjs.map +1 -1
  3. package/package.json +6 -6
  4. package/src/components/ConnectedAccountsFlexbox.tsx +1 -1
  5. package/src/types/global.d.ts +1 -0
package/dist/browser/index.mjs CHANGED
@@ -575,7 +575,7 @@ var ConnectedAccountsFlexbox = /* @__PURE__ */ __name(({ ref, ignoreConnectDialo
575
575
  }
576
576
  }, "Detected Web3 Wallets"), totalConnectedAccounts ? /* @__PURE__ */ React13.createElement(Typography6, {
577
577
  variant: "subtitle1",
578
- color: theme.palette.secondary.main,
578
+ color: theme.vars.palette.secondary.main,
579
579
  sx: {
580
580
  opacity: 0.5
581
581
  }
package/dist/browser/index.mjs.map CHANGED
@@ -1 +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/index.ts","../../src/components/wallet/dialogs/connect/Permissions.tsx","../../src/components/wallet/dialogs/revoke/Dialog.tsx","../../src/components/wallet/lib/TableHeadData.ts","../../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/table/ConnectedWalletsTableRow.tsx","../../src/components/wallet/table/hooks/useActiveProviderDialogState.tsx"],"sourcesContent":["import type { 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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React 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 = ({\n ref, ignoreConnectDialog, onIgnoreConnectDialog, ...props\n}: ConnectedAccountsFlexboxProps) => {\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\nConnectedAccountsFlexbox.displayName = 'ConnectedAccountsFlexbox'\n","import type { DiscoveredWallets, EIP6963Connector } from '@xylabs/react-crypto'\nimport { useWalletDiscovery } from '@xylabs/react-crypto'\nimport { useMemo } from 'react'\n\nconst sortWallets = (wallets: DiscoveredWallets) => {\n const result: EIP6963Connector[] = []\n\n for (const wallet of Object.values(wallets)) {\n if (wallet.allowedAccounts.length > 0)\n result.unshift(wallet)\n else\n result.push(wallet)\n }\n return result\n}\n\nexport const useDetectedWallets = () => {\n const wallets = useWalletDiscovery()\n const sortedWallets = useMemo(() => sortWallets(wallets), [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 type { EnabledEthWalletsState, EnabledWalletsSavedState } from '../classes/index.ts'\nimport { EnabledEthWalletConnections } 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 type { FormControlProps } from '@mui/material'\nimport {\n Checkbox, FormControl, FormLabel,\n} 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 type { DialogProps } from '@mui/material'\nimport {\n Button, Dialog, DialogActions, DialogContent, DialogTitle,\n} from '@mui/material'\nimport React from 'react'\n\nimport type { 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> = ({\n activeProvider, onIgnoreConnectDialog, ...props\n}) => {\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\n PaperProps={{ sx: { display: 'flex', gap: 4 } }}\n {...props}\n >\n <DialogTitle sx={{ textAlign: 'center' }}>XYO Wants To Access The Blockchain on Your Behalf</DialogTitle>\n <DialogContent sx={{\n display: 'flex', flexDirection: 'column', gap: 4,\n }}\n >\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { 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> = ({\n icon, providerName, ...props\n}) => {\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\n constrainedValue=\"48px\"\n src={icon}\n alt={providerName}\n style={{ height: '48px', maxWidth: '48px' }}\n />\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { 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 type { DialogProps } from '@mui/material'\nimport {\n Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography,\n} from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { 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>{globalThis.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 type { 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 {\n TableCell, Tooltip, Typography,\n} from '@mui/material'\nimport React from 'react'\n\nimport type { 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 {\n Button, IconButton, TableCell, Typography,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsActionsTableCell: React.FC<ConnectedWalletTableCellProps> = ({\n connected, onConnect, onRevoke, tableCellProps,\n}) => {\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 type { 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 type { ChangeEvent } from 'react'\nimport React, { useMemo } from 'react'\n\nimport { useEnabledWallets } from '../../../../hooks/index.ts'\nimport type { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletState: React.FC<ConnectedWalletTableCellProps> = ({\n connected, walletRdns, tableCellProps,\n}) => {\n const {\n disableWallet, enableWallet, wallets,\n } = 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 type { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsWalletTableCell: React.FC<ConnectedWalletTableCellProps> = ({\n icon, walletName, tableCellProps,\n}) => {\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 type { ComponentType } from 'react'\n\nimport { ConnectedWalletsAccountsTableCell } from './Accounts.tsx'\nimport { ConnectedWalletsActionsTableCell } from './Actions.tsx'\nimport { ConnectedWalletsChainNameTableCell } from './ChainName.tsx'\nimport type { 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 type { TableProps } from '@mui/material'\nimport {\n Table, TableBody, TableCell, TableHead, TableRow,\n} from '@mui/material'\nimport type { EIP6963Connector } from '@xylabs/react-crypto'\nimport React, { useState } from 'react'\n\nimport { ConnectWalletDialog, RevokeWalletConnectionDialog } from '../dialogs/index.ts'\nimport type { ActiveProvider } from '../lib/index.ts'\nimport { 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> = ({\n ignoreConnectDialog, onIgnoreConnectDialog, wallets, ...props\n}) => {\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(({\n disablePadding, id, label, align, width,\n }) => (\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 type { TableRowProps } from '@mui/material'\nimport { TableRow } from '@mui/material'\nimport type { EthWalletConnectorBase } from '@xylabs/react-crypto'\nimport { useEthWallet } from '@xylabs/react-crypto'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { 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 {\n currentAccount: currentAccountFromWallet, additionalAccounts, chainName, connectWallet, providerInfo,\n } = useEthWallet(wallet)\n\n const currentAccount = currentAccountFromWallet?.toString() ? [currentAccountFromWallet.toString()] : []\n const totalAccounts = (additionalAccounts?.length ?? 0) + (currentAccount?.length ?? 0)\n const connected = !!(currentAccount?.length)\n const {\n icon, name, rdns,\n } = useMemo(() => providerInfo ?? {\n icon: undefined, name: undefined, rdns: undefined,\n }, [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 type { Dispatch, SetStateAction } from 'react'\nimport { useState } from 'react'\n\nimport type { 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","useWalletDiscovery","useMemo","sortWallets","wallets","result","wallet","Object","values","allowedAccounts","length","unshift","push","useDetectedWallets","useWalletDiscovery","sortedWallets","useMemo","totalConnectedAccounts","reduce","acc","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","globalThis","location","origin","DialogActions","Button","variant","onClick","onClose","WalletsTableHeadCells","disablePadding","id","label","numeric","showOnMobile","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","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","ref","ignoreConnectDialog","onIgnoreConnectDialog","props","theme","useTheme","totalConnectedAccounts","sortedWallets","useDetectedWallets","React","FlexCol","alignItems","justifyContent","gap","Typography","variant","sx","mb","color","palette","secondary","main","opacity","ConnectedWalletsTable","wallets","displayName"]}
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/index.ts","../../src/components/wallet/dialogs/connect/Permissions.tsx","../../src/components/wallet/dialogs/revoke/Dialog.tsx","../../src/components/wallet/lib/TableHeadData.ts","../../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/table/ConnectedWalletsTableRow.tsx","../../src/components/wallet/table/hooks/useActiveProviderDialogState.tsx"],"sourcesContent":["import type { 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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React 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 = ({\n ref, ignoreConnectDialog, onIgnoreConnectDialog, ...props\n}: ConnectedAccountsFlexboxProps) => {\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.vars.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\nConnectedAccountsFlexbox.displayName = 'ConnectedAccountsFlexbox'\n","import type { DiscoveredWallets, EIP6963Connector } from '@xylabs/react-crypto'\nimport { useWalletDiscovery } from '@xylabs/react-crypto'\nimport { useMemo } from 'react'\n\nconst sortWallets = (wallets: DiscoveredWallets) => {\n const result: EIP6963Connector[] = []\n\n for (const wallet of Object.values(wallets)) {\n if (wallet.allowedAccounts.length > 0)\n result.unshift(wallet)\n else\n result.push(wallet)\n }\n return result\n}\n\nexport const useDetectedWallets = () => {\n const wallets = useWalletDiscovery()\n const sortedWallets = useMemo(() => sortWallets(wallets), [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 type { EnabledEthWalletsState, EnabledWalletsSavedState } from '../classes/index.ts'\nimport { EnabledEthWalletConnections } 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 type { FormControlProps } from '@mui/material'\nimport {\n Checkbox, FormControl, FormLabel,\n} 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 type { DialogProps } from '@mui/material'\nimport {\n Button, Dialog, DialogActions, DialogContent, DialogTitle,\n} from '@mui/material'\nimport React from 'react'\n\nimport type { 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> = ({\n activeProvider, onIgnoreConnectDialog, ...props\n}) => {\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\n PaperProps={{ sx: { display: 'flex', gap: 4 } }}\n {...props}\n >\n <DialogTitle sx={{ textAlign: 'center' }}>XYO Wants To Access The Blockchain on Your Behalf</DialogTitle>\n <DialogContent sx={{\n display: 'flex', flexDirection: 'column', gap: 4,\n }}\n >\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { 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> = ({\n icon, providerName, ...props\n}) => {\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\n constrainedValue=\"48px\"\n src={icon}\n alt={providerName}\n style={{ height: '48px', maxWidth: '48px' }}\n />\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 type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { 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 type { DialogProps } from '@mui/material'\nimport {\n Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography,\n} from '@mui/material'\nimport { ConstrainedImage } from '@xylabs/react-crypto'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { 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>{globalThis.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 type { 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 {\n TableCell, Tooltip, Typography,\n} from '@mui/material'\nimport React from 'react'\n\nimport type { 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 {\n Button, IconButton, TableCell, Typography,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsActionsTableCell: React.FC<ConnectedWalletTableCellProps> = ({\n connected, onConnect, onRevoke, tableCellProps,\n}) => {\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 type { 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 type { ChangeEvent } from 'react'\nimport React, { useMemo } from 'react'\n\nimport { useEnabledWallets } from '../../../../hooks/index.ts'\nimport type { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletState: React.FC<ConnectedWalletTableCellProps> = ({\n connected, walletRdns, tableCellProps,\n}) => {\n const {\n disableWallet, enableWallet, wallets,\n } = 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 type { ConnectedWalletTableCellProps } from './lib/index.ts'\n\nexport const ConnectedWalletsWalletTableCell: React.FC<ConnectedWalletTableCellProps> = ({\n icon, walletName, tableCellProps,\n}) => {\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 type { ComponentType } from 'react'\n\nimport { ConnectedWalletsAccountsTableCell } from './Accounts.tsx'\nimport { ConnectedWalletsActionsTableCell } from './Actions.tsx'\nimport { ConnectedWalletsChainNameTableCell } from './ChainName.tsx'\nimport type { 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 type { TableProps } from '@mui/material'\nimport {\n Table, TableBody, TableCell, TableHead, TableRow,\n} from '@mui/material'\nimport type { EIP6963Connector } from '@xylabs/react-crypto'\nimport React, { useState } from 'react'\n\nimport { ConnectWalletDialog, RevokeWalletConnectionDialog } from '../dialogs/index.ts'\nimport type { ActiveProvider } from '../lib/index.ts'\nimport { 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> = ({\n ignoreConnectDialog, onIgnoreConnectDialog, wallets, ...props\n}) => {\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(({\n disablePadding, id, label, align, width,\n }) => (\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 type { TableRowProps } from '@mui/material'\nimport { TableRow } from '@mui/material'\nimport type { EthWalletConnectorBase } from '@xylabs/react-crypto'\nimport { useEthWallet } from '@xylabs/react-crypto'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { 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 {\n currentAccount: currentAccountFromWallet, additionalAccounts, chainName, connectWallet, providerInfo,\n } = useEthWallet(wallet)\n\n const currentAccount = currentAccountFromWallet?.toString() ? [currentAccountFromWallet.toString()] : []\n const totalAccounts = (additionalAccounts?.length ?? 0) + (currentAccount?.length ?? 0)\n const connected = !!(currentAccount?.length)\n const {\n icon, name, rdns,\n } = useMemo(() => providerInfo ?? {\n icon: undefined, name: undefined, rdns: undefined,\n }, [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 type { Dispatch, SetStateAction } from 'react'\nimport { useState } from 'react'\n\nimport type { 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","useWalletDiscovery","useMemo","sortWallets","wallets","result","wallet","Object","values","allowedAccounts","length","unshift","push","useDetectedWallets","useWalletDiscovery","sortedWallets","useMemo","totalConnectedAccounts","reduce","acc","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","globalThis","location","origin","DialogActions","Button","variant","onClick","onClose","WalletsTableHeadCells","disablePadding","id","label","numeric","showOnMobile","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","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","ref","ignoreConnectDialog","onIgnoreConnectDialog","props","theme","useTheme","totalConnectedAccounts","sortedWallets","useDetectedWallets","React","FlexCol","alignItems","justifyContent","gap","Typography","variant","sx","mb","color","vars","palette","secondary","main","opacity","ConnectedWalletsTable","wallets","displayName"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-connected-accounts",
3
- "version": "5.2.1",
3
+ "version": "5.2.3",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -39,17 +39,17 @@
39
39
  "module": "dist/browser/index.mjs",
40
40
  "types": "dist/types/index.d.ts",
41
41
  "dependencies": {
42
- "@xylabs/react-crypto": "^6.2.1",
43
- "@xylabs/react-flexbox": "^6.2.1",
44
- "@xyo-network/react-table": "^5.2.1"
42
+ "@xylabs/react-crypto": "^6.2.8",
43
+ "@xylabs/react-flexbox": "^6.2.8",
44
+ "@xyo-network/react-table": "^5.2.3"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@mui/icons-material": "^7.0.2",
48
48
  "@mui/material": "^7.0.2",
49
49
  "@storybook/react": "^8.6.12",
50
50
  "@types/react": "^19.1.2",
51
- "@xylabs/ts-scripts-yarn3": "^6.2.1",
52
- "@xylabs/tsconfig-react": "^6.2.1",
51
+ "@xylabs/ts-scripts-yarn3": "^6.3.5",
52
+ "@xylabs/tsconfig-react": "^6.3.5",
53
53
  "react": "^19.1.0",
54
54
  "react-dom": "^19.1.0",
55
55
  "storybook": "^8.6.12",
package/src/components/ConnectedAccountsFlexbox.tsx CHANGED
@@ -27,7 +27,7 @@ export const ConnectedAccountsFlexbox = ({
27
27
  </Typography>
28
28
  {totalConnectedAccounts
29
29
  ? (
30
- <Typography variant="subtitle1" color={theme.palette.secondary.main} sx={{ opacity: 0.5 }}>
30
+ <Typography variant="subtitle1" color={theme.vars.palette.secondary.main} sx={{ opacity: 0.5 }}>
31
31
  Total Connected Accounts:
32
32
  {' '}
33
33
  {totalConnectedAccounts}
package/src/types/global.d.ts ADDED
@@ -0,0 +1 @@
1
+ import type {} from '@mui/material/themeCssVarsAugmentation'