@xyo-network/react-chain-network 1.19.6 → 1.19.7

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/menu/Avatar.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/context/network/use.ts","../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/components/status/Alert.tsx","../../src/components/status/Dialog.tsx","../../src/components/status/NetworkStatus.tsx","../../src/hooks/provider/useActiveNetworkCurrentBlock.ts","../../src/hooks/provider/useViewerInPage.ts","../../src/hooks/provider/useActiveNetworkNetwork.ts","../../src/hooks/provider/useActiveNetworkRunner.ts","../../src/hooks/provider/useViewerInWallet.ts","../../src/hooks/status/usePollNetworkStatus.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport type { CSSProperties } from 'react'\nimport React from 'react'\n\nimport { useChainNetwork } from '../../context/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkAvatarProps extends AvatarProps {\n  icon?: string\n  iconStyles?: CSSProperties\n  name?: string\n}\n\nexport const NetworkAvatar: React.FC<NetworkAvatarProps> = ({\n  icon, iconStyles, name, sx, ...props\n}) => {\n  return (\n    <Avatar\n      sx={{ backgroundColor: 'white', ...sx }}\n      alt={name}\n      {...props}\n    >\n      <NetworkIcon\n        icon={icon}\n        style={{ ...iconStyles }}\n      />\n    </Avatar>\n  )\n}\n\nexport const ActiveNetworkAvatar: React.FC<AvatarProps> = (props) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return (\n    <NetworkAvatar\n      icon={activeNetwork?.icon}\n      name={activeNetwork?.name}\n      {...props}\n    />\n  )\n}\n","import { createContextEx } from '@xylabs/react-shared'\n\nimport type { ChainNetworkState } from './state.ts'\n\nexport const ChainNetworkContext = createContextEx<ChainNetworkState>()\n","import { ErrorRender } from '@xylabs/react-error'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\nimport { MainNetwork } from '@xyo-network/xl1-sdk'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport interface ChainNetworkProviderProps extends PropsWithChildren {\n  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>\n  networks?: NetworkBootstrap[]\n  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>\n}\n\nexport const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({\n  children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal,\n}) => {\n  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()\n  const [error, setError] = useState<Error>()\n\n  // Set the active network upon initialization\n  const [resolvedActiveNetwork, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    // ensure the active network saved is found in the list of networks\n    if (activeNetwork && networks?.find(network => network.id === activeNetwork.id)) {\n      // Set the active network if it exists\n      return activeNetwork\n    } else {\n      // Set the default network if no active network exists\n      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]\n      await setActiveNetworkExternal?.(defaultNetwork.id)\n\n      // Set the active network in the context\n      return defaultNetwork\n    }\n  }, [networks])\n\n  const [previousResolvedActiveNetwork, setPreviousResolvedActiveNetwork] = useState(resolvedActiveNetwork)\n  if (isDefined(resolvedActiveNetwork) && resolvedActiveNetwork !== previousResolvedActiveNetwork) {\n    setActiveNetwork(resolvedActiveNetwork)\n    setPreviousResolvedActiveNetwork(resolvedActiveNetwork)\n  }\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    if (!network) {\n      setError(new Error(`Network with id ${networkId} not found`))\n      return\n    }\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks, setActiveNetworkExternal])\n\n  const value: ChainNetworkState = useMemo(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    chainNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, activeNetworkError, error, networks, updateActiveNetwork])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"ChainNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'ChainNetwork', required)\n","import type { DetailedHTMLProps, HtmlHTMLAttributes } from 'react'\nimport React from 'react'\n\nexport interface NetworkIconProps extends DetailedHTMLProps<HtmlHTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {\n  icon?: string\n}\n\nexport const NetworkIcon: React.FC<NetworkIconProps> = ({\n  icon, style, ...props\n}) => {\n  return (\n    <span\n      // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml\n      dangerouslySetInnerHTML={{ __html: icon ?? '' }} // Placeholder for SVG\\\n      style={{\n        display: 'inline-flex', width: 24, height: 24, ...style,\n      }}\n      {...props}\n    />\n  )\n}\n","import type { MenuItemProps } from '@mui/material'\nimport { ListItemText } from '@mui/material'\nimport { ActiveMenuItem } from '@xyo-network/react-chain-shared'\nimport type { NetworkBootstrap, NetworkId } from '@xyo-network/xl1-sdk'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport { NetworkAvatar } from './Avatar.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: NetworkId) => void\n}\n\nexport const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({\n  active, network, onClick, updateActiveNetwork, ...props\n}) => {\n  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {\n    if (network === undefined) throw new Error('Network is undefined')\n    updateActiveNetwork?.(network.id)\n    onClick?.(event)\n  }\n\n  return (\n    <ActiveMenuItem\n      title={network?.name}\n      disableRipple\n      onClick={handleClick}\n      active={active}\n      sx={{ py: 1 }}\n      {...props}\n    >\n      <NetworkAvatar icon={network?.icon} name={network?.name} sx={{ width: 30, height: 30 }} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport {\n  Alert, AlertTitle, Button,\n} from '@mui/material'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport React, { useMemo, useState } from 'react'\n\nimport { NetworkStatusDialog } from './Dialog.tsx'\n\nexport interface NetworkStatusAlertProps extends AlertProps {\n  status?: NetworkStatus\n}\n\nexport const NetworkStatusAlert: React.FC<NetworkStatusAlertProps> = ({ status, ...props }) => {\n  const [open, setOpen] = useState(false)\n  const handleClose = () => setOpen(false)\n\n  const severity = useMemo(() => {\n    if (!status) return\n    switch (status.state) {\n      case 'online': {\n        return 'success'\n      }\n      case 'offline': {\n        return 'error'\n      }\n      case 'degraded': {\n        return 'warning'\n      }\n      case 'unknown': {\n        return 'error'\n      }\n    }\n  }, [status])\n\n  return (\n    <Alert severity={severity} {...props}>\n      <AlertTitle>{status?.description}</AlertTitle>\n      {status?.updates && status.updates.length > 0\n        ? (\n            <>\n              <Button color={severity} variant=\"outlined\" size=\"small\" onClick={() => setOpen(true)}>\n                Updates\n              </Button>\n              <NetworkStatusDialog open={open} onClose={handleClose} updates={status.updates} />\n            </>\n          )\n        : null}\n    </Alert>\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogTitle, List, ListItem, Typography,\n} from '@mui/material'\nimport type { NetworkStatusUpdate } from '@xyo-network/xl1-sdk'\nimport React from 'react'\n\nexport interface NetworkStatusDialogProps extends DialogProps {\n  updates: NetworkStatusUpdate[]\n}\n\nexport const NetworkStatusDialog: React.FC<NetworkStatusDialogProps> = ({ updates, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Recent Status Updates</DialogTitle>\n      <DialogContent>\n        <List>\n          {updates.map(({\n            start, end, update,\n          }) => (\n            <ListItem\n              key={start + update}\n              sx={{\n                flexDirection: 'column', alignItems: 'start', pl: 0,\n              }}\n            >\n              <Typography>\n                {update}\n              </Typography>\n              <Typography gutterBottom sx={{ opacity: 0.75, fontSize: '.8333rem' }}>\n                Start:\n                {' '}\n                {new Date(start).toLocaleString()}\n                {' '}\n                <br />\n                End:\n                {' '}\n                {new Date(end).toLocaleString()}\n              </Typography>\n            </ListItem>\n          ))}\n        </List>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={e => props.onClose?.(e, 'backdropClick')} color=\"primary\" variant=\"outlined\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { usePollNetworkStatus } from '../../hooks/index.ts'\nimport { NetworkStatusAlert } from './Alert.tsx'\n\nconst validNetworkStates = new Set(['online', 'unknown'])\n\nexport interface NetworkStatusProps extends PropsWithChildren<AlertProps> {}\n\nexport const NetworkStatus: React.FC<NetworkStatusProps> = ({ children, ...props }) => {\n  const [networkStatus] = usePollNetworkStatus()\n  const showStatus = networkStatus && !validNetworkStates.has(networkStatus.state)\n  return (\n    <>\n      {showStatus ? <NetworkStatusAlert status={networkStatus} {...props} /> : null}\n      {children}\n    </>\n  )\n}\n","import { useCurrentBlock, useViewerFromWallet } from '@xyo-network/react-chain-provider'\nimport type { XyoViewer } from '@xyo-network/xl1-sdk'\n\nimport { useViewerInPage } from './useViewerInPage.ts'\n\nexport const useActiveNetworkCurrentBlock = (refresh = 1, viewer?: XyoViewer) => {\n  const currentBlock = useCurrentBlock(refresh, viewer)\n\n  return currentBlock\n}\n\nexport const useActiveNetworkCurrentBlockInPage = (refresh = 1) => {\n  const viewer = useViewerInPage()\n  const currentBlock = useCurrentBlock(refresh, viewer)\n\n  return currentBlock\n}\n\nexport const useActiveNetworkCurrentBlockInWallet = (refresh = 1) => {\n  const [viewer] = useViewerFromWallet()\n  const currentBlock = useCurrentBlock(refresh, viewer)\n\n  return currentBlock\n}\n","import {\n  isDefined, isDefinedNotNull, isUndefined,\n} from '@xylabs/sdk-js'\nimport { useHttpRpcViewer, useViewerFromWallet } from '@xyo-network/react-chain-provider'\nimport { type NetworkBootstrap } from '@xyo-network/xl1-sdk'\n\nimport { useChainNetwork } from '../../context/index.ts'\n\n/**\n * Get the viewer for the active network, first from the wallet or fallback to HTTP RPC\n * @returns - XyoViewer for the active network\n */\nexport const useViewerInPage = (networkOverride?: NetworkBootstrap) => {\n  let networkBootstrap: NetworkBootstrap | undefined\n  const { activeNetwork } = useChainNetwork()\n  networkBootstrap = isDefined(networkOverride) ? networkOverride : activeNetwork\n\n  const httpRpcViewer = useHttpRpcViewer(networkBootstrap?.url)\n  const [walletRpcViewer] = useViewerFromWallet(networkBootstrap?.id)\n\n  if (isUndefined(walletRpcViewer)) return\n  return isDefinedNotNull(walletRpcViewer) ? walletRpcViewer : httpRpcViewer\n}\n","import { useNetwork } from '@xyo-network/react-chain-provider'\n\nimport { useChainNetwork } from '../../context/index.ts'\n\nexport const useActiveNetworkNetwork = () => {\n  const { activeNetwork } = useChainNetwork()\n  const network = useNetwork(activeNetwork?.id)\n  return network\n}\n","import { useHttpRpcRunner } from '@xyo-network/react-chain-provider'\n\nimport { useChainNetwork } from '../../context/index.ts'\n\nexport const useActiveNetworkRunner = () => {\n  const { activeNetwork } = useChainNetwork()\n  const runner = useHttpRpcRunner(activeNetwork?.url)\n\n  return runner\n}\n","import { useHttpRpcViewer } from '@xyo-network/react-chain-provider'\n\nimport { useChainNetwork } from '../../context/index.ts'\n\n/**\n * Get the viewer directly from the active network\n * @returns - The viewer for the active network\n */\nexport const useViewerInWallet = () => {\n  const { activeNetwork } = useChainNetwork()\n  const walletViewer = useHttpRpcViewer(activeNetwork?.url)\n  return walletViewer\n}\n","import { delay, isUndefined } from '@xylabs/sdk-js'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport { useEffect, useState } from 'react'\n\nimport { useActiveNetworkNetwork } from '../index.ts'\n\nconst STATUS_CHECK_INTERVAL = 10_000\n\nexport const usePollNetworkStatus = () => {\n  const network = useActiveNetworkNetwork()\n  const [networkStatus, setNetworkStatus] = useState<NetworkStatus>()\n  const [networkStatusError, setNetworkStatusError] = useState<Error>()\n\n  // Check network status every 10 seconds\n  useEffect(() => {\n    let checkNetwork = true\n    void (async () => {\n      if (isUndefined(network)) return\n      while (checkNetwork) {\n        try {\n          const response = await network.status()\n          setNetworkStatus(response)\n          setNetworkStatusError(undefined)\n        } catch (error) {\n          console.error('Error fetching network status:', error)\n          setNetworkStatus(undefined)\n          setNetworkStatusError(error as Error)\n        }\n        await delay(STATUS_CHECK_INTERVAL)\n      }\n    })()\n\n    return () => {\n      // Cleanup function to stop checking network status at the current statusUrl\n      checkNetwork = false\n    }\n  }, [network])\n\n  return [networkStatus, networkStatusError] as const\n}\n"],"mappings":"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","names":["Avatar","React","createContextEx","ChainNetworkContext","ErrorRender","usePromise","isDefined","MainNetwork","React","useCallback","useMemo","useState","ChainNetworkProvider","children","getActiveNetwork","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","resolvedActiveNetwork","activeNetworkError","usePromise","find","network","id","defaultNetwork","MainNetwork","previousResolvedActiveNetwork","setPreviousResolvedActiveNetwork","isDefined","updateActiveNetwork","useCallback","networkId","undefined","Error","value","useMemo","provided","chainNetworkError","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext","React","NetworkIcon","icon","style","props","React","span","dangerouslySetInnerHTML","__html","display","width","height","NetworkAvatar","icon","iconStyles","name","sx","props","React","Avatar","backgroundColor","alt","NetworkIcon","style","ActiveNetworkAvatar","activeNetwork","useChainNetwork","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","sx","py","NetworkAvatar","icon","width","height","ListItemText","Alert","AlertTitle","Button","React","useMemo","useState","Button","Dialog","DialogActions","DialogContent","DialogTitle","List","ListItem","Typography","React","NetworkStatusDialog","updates","props","React","Dialog","DialogTitle","DialogContent","List","map","start","end","update","ListItem","key","sx","flexDirection","alignItems","pl","Typography","gutterBottom","opacity","fontSize","Date","toLocaleString","br","DialogActions","Button","onClick","e","onClose","color","variant","NetworkStatusAlert","status","props","open","setOpen","useState","handleClose","severity","useMemo","state","React","Alert","AlertTitle","description","updates","length","Button","color","variant","size","onClick","NetworkStatusDialog","onClose","React","useCurrentBlock","useViewerFromWallet","isDefined","isDefinedNotNull","isUndefined","useHttpRpcViewer","useViewerFromWallet","useViewerInPage","networkOverride","networkBootstrap","activeNetwork","useChainNetwork","isDefined","httpRpcViewer","useHttpRpcViewer","url","walletRpcViewer","useViewerFromWallet","id","isUndefined","isDefinedNotNull","useActiveNetworkCurrentBlock","refresh","viewer","currentBlock","useCurrentBlock","useActiveNetworkCurrentBlockInPage","useViewerInPage","useActiveNetworkCurrentBlockInWallet","useViewerFromWallet","useNetwork","useActiveNetworkNetwork","activeNetwork","useChainNetwork","network","useNetwork","id","useHttpRpcRunner","useActiveNetworkRunner","activeNetwork","useChainNetwork","runner","useHttpRpcRunner","url","useHttpRpcViewer","useViewerInWallet","activeNetwork","useChainNetwork","walletViewer","useHttpRpcViewer","url","delay","isUndefined","useEffect","useState","STATUS_CHECK_INTERVAL","usePollNetworkStatus","network","useActiveNetworkNetwork","networkStatus","setNetworkStatus","useState","networkStatusError","setNetworkStatusError","useEffect","checkNetwork","isUndefined","response","status","undefined","error","console","delay","validNetworkStates","Set","NetworkStatus","children","props","networkStatus","usePollNetworkStatus","showStatus","has","state","React","NetworkStatusAlert","status"]}
+{"version":3,"sources":["../../src/components/broadcast/Drawer.tsx","../../src/components/broadcast/CloseDrawerIconButton.tsx","../../src/components/broadcast/details/Card.tsx","../../src/components/broadcast/details/SummaryStack.tsx","../../src/components/broadcast/helpers/formatEvents.ts","../../src/components/menu/Avatar.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/context/network/settings/defaultChainNetworkSettings.ts","../../src/context/network/settings/useChainNetworkSettings.ts","../../src/context/network/use.ts","../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/components/status/Alert.tsx","../../src/components/status/Dialog.tsx","../../src/components/status/NetworkStatus.tsx","../../src/hooks/provider/useActiveNetworkCurrentBlock.ts","../../src/hooks/provider/useViewerInPage.ts","../../src/hooks/provider/useActiveNetworkNetwork.ts","../../src/hooks/provider/useActiveNetworkRunner.ts","../../src/hooks/provider/useRpcBroadcastListener.ts","../../src/hooks/provider/useViewerInWallet.ts","../../src/hooks/status/usePollNetworkStatus.ts","../../src/model/BroadcastRpc.ts"],"sourcesContent":["import type { DrawerProps } from '@mui/material'\nimport {\n  Drawer, Stack, Typography,\n} from '@mui/material'\nimport React, { useMemo } from 'react'\n\nimport type { BroadcastedRpcCall } from '../../model/index.ts'\nimport { CloseDrawerIconButton } from './CloseDrawerIconButton.tsx'\nimport { BroadcastedRpcCallDetails } from './details/index.ts'\nimport { formatEvents } from './helpers/index.ts'\n\nexport interface BroadcastRpcCallsDrawer extends DrawerProps {\n  drawerTitle?: string\n  events: BroadcastedRpcCall[]\n}\n\nexport const BroadcastedRpcCallsDrawer: React.FC<BroadcastRpcCallsDrawer> = ({\n  anchor = 'right', drawerTitle, events, onClose, ...props\n}) => {\n  const formattedEvents = useMemo(() => formatEvents(events), [events])\n\n  return (\n    <Drawer anchor={anchor} onClose={onClose} {...props}>\n      <CloseDrawerIconButton anchor={anchor} onClose={onClose} />\n      <Stack gap={2} sx={{ p: 3 }}>\n        <Typography variant=\"h6\">{drawerTitle ?? 'Broadcasted RPC Calls'}</Typography>\n        {Object.entries(formattedEvents ?? {}).map(([id, broadcastedRpcCall]) => {\n          return <BroadcastedRpcCallDetails key={id} rpcRequestResponsePairs={broadcastedRpcCall} />\n        })}\n      </Stack>\n    </Drawer>\n  )\n}\n","import { Cancel } from '@mui/icons-material'\nimport type { DrawerProps, IconButtonProps } from '@mui/material'\nimport { IconButton } from '@mui/material'\nimport React from 'react'\n\nexport interface CloseDrawerIconButtonProps extends IconButtonProps {\n  anchor?: DrawerProps['anchor']\n  onClose?: DrawerProps['onClose']\n}\n\nexport const CloseDrawerIconButton: React.FC<CloseDrawerIconButtonProps> = ({ anchor, onClose }) => {\n  return (\n    <IconButton\n      onClick={e => onClose?.(e, 'backdropClick')}\n      size=\"small\"\n      sx={{\n        alignSelf: anchor === 'right' ? 'start' : 'end', top: 8, right: anchor === 'right' ? undefined : 8, left: anchor === 'left' ? undefined : 8,\n      }}\n    >\n      <Cancel fontSize=\"small\" />\n    </IconButton>\n  )\n}\n","import {\n  Card, Collapse,\n  Stack, Typography,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport React, { useState } from 'react'\n\nimport type { RpcRequestResponsePairs } from '../../../model/index.ts'\nimport { BroadcastedRpcCallDetailsSummaryStack } from './SummaryStack.tsx'\n\nexport interface BroadcastRpcCallDetailsProps {\n  rpcRequestResponsePairs?: RpcRequestResponsePairs\n}\n\nexport const BroadcastedRpcCallDetails: React.FC<BroadcastRpcCallDetailsProps> = ({ rpcRequestResponsePairs }) => {\n  const [expanded, setExpanded] = useState(false)\n\n  if (!rpcRequestResponsePairs) return null\n\n  const {\n    request, result, source,\n  } = rpcRequestResponsePairs\n\n  return (\n    <Card sx={{ p: 1 }}>\n      <BroadcastedRpcCallDetailsSummaryStack\n        expanded={expanded}\n        hasResult={isDefined(result)}\n        method={request.rpcCall.method}\n        setExpanded={setExpanded}\n        timestamp={request.timestamp}\n      />\n      <Collapse in={expanded}>\n        <Stack direction=\"column\" p={1} gap={2} width={600}>\n          <Typography variant=\"body2\">\n            Source:\n            <Typography variant=\"caption\" component=\"span\" fontFamily=\"monospace\" sx={{ ml: 1 }}>{source}</Typography>\n          </Typography>\n          <Typography variant=\"body2\">Request:</Typography>\n          <JsonViewerEx value={request} sx={{ maxHeight: 300, overflow: 'auto' }} />\n          {isDefined(result)\n            ? (\n                <>\n                  <Typography variant=\"body2\">Result:</Typography>\n                  <JsonViewerEx value={result} sx={{ maxHeight: 300, overflow: 'auto' }} />\n                </>\n              )\n            : null}\n        </Stack>\n      </Collapse>\n    </Card>\n  )\n}\n","import {\n  ArrowRight, CheckCircle, Warning,\n} from '@mui/icons-material'\nimport {\n  Icon, IconButton, Stack, type StackProps, Typography,\n} from '@mui/material'\nimport { isDefined } from '@xylabs/sdk-js'\nimport React from 'react'\n\nexport interface BroadcastRpcCallDetailsSummaryStackProps extends StackProps {\n  expanded?: boolean\n  hasResult?: boolean\n  method?: string\n  setExpanded?: (expanded: boolean) => void\n  timestamp?: number\n}\nexport const BroadcastedRpcCallDetailsSummaryStack: React.FC<BroadcastRpcCallDetailsSummaryStackProps> = ({\n  expanded, setExpanded, method, timestamp, hasResult, ...props\n}) => {\n  return (\n    <Stack direction=\"row\" gap={2} alignItems=\"center\" justifyContent=\"space-between\" {...props}>\n      <Stack direction=\"row\" gap={2} alignItems=\"center\">\n        <IconButton size=\"small\" onClick={() => setExpanded?.(!expanded)}><ArrowRight fontSize=\"small\" /></IconButton>\n        <Typography component=\"span\" variant=\"body2\" fontFamily=\"monospace\">\n          {method}\n        </Typography>\n        <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\" sx={{ opacity: 0.6 }}>\n          {isDefined(timestamp) ? new Date(timestamp).toLocaleString() : ''}\n        </Typography>\n      </Stack>\n      <Icon sx={{ justifySelf: 'end' }}>{hasResult ? <CheckCircle color=\"success\" /> : <Warning color=\"warning\" />}</Icon>\n    </Stack>\n  )\n}\n","import type { JsonRpcRequest, JsonRpcResponse } from '@metamask/utils'\nimport { isJsonRpcRequest, isJsonRpcResponse } from '@metamask/utils'\nimport { isArray, isDefined } from '@xylabs/sdk-js'\n\nimport type { BroadcastedRpcCall, RpcRequestResponsePairs } from '../../../model/index.ts'\n\ntype RpcRequestResponsePairsById = {\n  [id: string]: RpcRequestResponsePairs\n}\n\nexport const formatEvents = (events: BroadcastedRpcCall[]): RpcRequestResponsePairsById => {\n  if (!isArray(events) || events.length === 0) return {} as RpcRequestResponsePairsById\n\n  const parseRpcCall = (acc: RpcRequestResponsePairsById, event: BroadcastedRpcCall) => {\n    if (isJsonRpcResponse(event.rpcCall)) {\n      const castedEvent = event as BroadcastedRpcCall<JsonRpcResponse>\n      acc[castedEvent.rpcCall.id as string].result = castedEvent\n    } else if (isJsonRpcRequest(event.rpcCall)) {\n      const castedEvent = event as BroadcastedRpcCall<JsonRpcRequest>\n      acc[castedEvent.rpcCall.id as string].request = castedEvent\n    } else {\n      console.error('Unknown RPC call type', event)\n    }\n    acc[event.rpcCall.id as string].source = event.source\n\n    return acc\n  }\n\n  let acc: RpcRequestResponsePairsById = {}\n  for (const event of events) {\n    const { id } = event.rpcCall\n    if (isDefined(acc[id as string])) {\n      acc = parseRpcCall(acc, event)\n    } else {\n      acc[id as string] = {} as RpcRequestResponsePairs\n      acc = parseRpcCall(acc, event)\n    }\n  }\n  return acc\n}\n","import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport type { CSSProperties } from 'react'\nimport React from 'react'\n\nimport { useChainNetwork } from '../../context/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkAvatarProps extends AvatarProps {\n  icon?: string\n  iconStyles?: CSSProperties\n  name?: string\n}\n\nexport const NetworkAvatar: React.FC<NetworkAvatarProps> = ({\n  icon, iconStyles, name, sx, ...props\n}) => {\n  return (\n    <Avatar\n      sx={{ backgroundColor: 'white', ...sx }}\n      alt={name}\n      {...props}\n    >\n      <NetworkIcon\n        icon={icon}\n        style={{ ...iconStyles }}\n      />\n    </Avatar>\n  )\n}\n\nexport const ActiveNetworkAvatar: React.FC<AvatarProps> = (props) => {\n  const { activeNetwork } = useChainNetwork()\n\n  return (\n    <NetworkAvatar\n      icon={activeNetwork?.icon}\n      name={activeNetwork?.name}\n      {...props}\n    />\n  )\n}\n","import { createContextEx } from '@xylabs/react-shared'\n\nimport type { ChainNetworkState } from './state.ts'\n\nexport const ChainNetworkContext = createContextEx<ChainNetworkState>()\n","import { ErrorRender } from '@xylabs/react-error'\nimport { usePromise } from '@xylabs/react-promise'\nimport { isDefined } from '@xylabs/sdk-js'\nimport type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\nimport { MainNetwork } from '@xyo-network/xl1-sdk'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkSettings } from './settings/index.ts'\nimport { defaultChainNetworkSettings, useChainNetworkSettings } from './settings/index.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport interface ChainNetworkProviderProps extends PropsWithChildren {\n  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>\n  networkSettings?: ChainNetworkSettings\n  networks?: NetworkBootstrap[]\n  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>\n}\n\nexport const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({\n  children, getActiveNetwork, networkSettings: networkSettingsProp = defaultChainNetworkSettings, networks, setActiveNetwork: setActiveNetworkExternal,\n}) => {\n  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()\n  const [error, setError] = useState<Error>()\n  const { networkSettings, updateNetworkSettings } = useChainNetworkSettings(networkSettingsProp)\n\n  // Set the active network upon initialization\n  const [resolvedActiveNetwork, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    // ensure the active network saved is found in the list of networks\n    if (activeNetwork && networks?.find(network => network.id === activeNetwork.id)) {\n      // Set the active network if it exists\n      return activeNetwork\n    } else {\n      // Set the default network if no active network exists\n      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]\n      await setActiveNetworkExternal?.(defaultNetwork.id)\n\n      // Set the active network in the context\n      return defaultNetwork\n    }\n  }, [networks])\n\n  const [previousResolvedActiveNetwork, setPreviousResolvedActiveNetwork] = useState(resolvedActiveNetwork)\n  if (isDefined(resolvedActiveNetwork) && resolvedActiveNetwork !== previousResolvedActiveNetwork) {\n    setActiveNetwork(resolvedActiveNetwork)\n    setPreviousResolvedActiveNetwork(resolvedActiveNetwork)\n  }\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    if (!network) {\n      setError(new Error(`Network with id ${networkId} not found`))\n      return\n    }\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks, setActiveNetworkExternal])\n\n  const value: ChainNetworkState = useMemo(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    networkSettings,\n    updateNetworkSettings,\n    chainNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, activeNetworkError, error, networkSettings, networks, updateActiveNetwork, updateNetworkSettings])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"ChainNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","import { LocalNetwork } from '@xyo-network/xl1-sdk'\n\nimport type { ChainNetworkSettings } from './types.ts'\n\nexport const defaultChainNetworkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }\n","import type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\nimport { useCallback, useState } from 'react'\n\nimport { defaultChainNetworkSettings } from './defaultChainNetworkSettings.ts'\nimport type { ChainNetworkSettings } from './types.ts'\n\nexport const useChainNetworkSettings = (defaults = defaultChainNetworkSettings) => {\n  const [networkSettings, setNetworkSettings] = useState<ChainNetworkSettings>(defaults)\n\n  const updateNetworkSettings = useCallback((\n    networkId: NetworkBootstrap['id'],\n    settings: Partial<ChainNetworkSettings>,\n  ) => {\n    setNetworkSettings(prevSettings => ({\n      ...prevSettings,\n      [networkId]: {\n        ...prevSettings[networkId],\n        ...settings,\n      },\n    }))\n  }, [])\n\n  return {\n    networkSettings,\n    updateNetworkSettings,\n  }\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'ChainNetwork', required)\n","import type { DetailedHTMLProps, HtmlHTMLAttributes } from 'react'\nimport React from 'react'\n\nexport interface NetworkIconProps extends DetailedHTMLProps<HtmlHTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {\n  icon?: string\n}\n\nexport const NetworkIcon: React.FC<NetworkIconProps> = ({\n  icon, style, ...props\n}) => {\n  return (\n    <span\n      // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml\n      dangerouslySetInnerHTML={{ __html: icon ?? '' }} // Placeholder for SVG\\\n      style={{\n        display: 'inline-flex', width: 24, height: 24, ...style,\n      }}\n      {...props}\n    />\n  )\n}\n","import type { MenuItemProps } from '@mui/material'\nimport { ListItemText } from '@mui/material'\nimport { ActiveMenuItem } from '@xyo-network/react-chain-shared'\nimport type { NetworkBootstrap, NetworkId } from '@xyo-network/xl1-sdk'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport { NetworkAvatar } from './Avatar.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: NetworkId) => void\n}\n\nexport const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({\n  active, network, onClick, updateActiveNetwork, ...props\n}) => {\n  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {\n    if (network === undefined) throw new Error('Network is undefined')\n    updateActiveNetwork?.(network.id)\n    onClick?.(event)\n  }\n\n  return (\n    <ActiveMenuItem\n      title={network?.name}\n      disableRipple\n      onClick={handleClick}\n      active={active}\n      sx={{ py: 1 }}\n      {...props}\n    >\n      <NetworkAvatar icon={network?.icon} name={network?.name} sx={{ width: 30, height: 30 }} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport {\n  Alert, AlertTitle, Button,\n} from '@mui/material'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport React, { useMemo, useState } from 'react'\n\nimport { NetworkStatusDialog } from './Dialog.tsx'\n\nexport interface NetworkStatusAlertProps extends AlertProps {\n  status?: NetworkStatus\n}\n\nexport const NetworkStatusAlert: React.FC<NetworkStatusAlertProps> = ({ status, ...props }) => {\n  const [open, setOpen] = useState(false)\n  const handleClose = () => setOpen(false)\n\n  const severity = useMemo(() => {\n    if (!status) return\n    switch (status.state) {\n      case 'online': {\n        return 'success'\n      }\n      case 'offline': {\n        return 'error'\n      }\n      case 'degraded': {\n        return 'warning'\n      }\n      case 'unknown': {\n        return 'error'\n      }\n    }\n  }, [status])\n\n  return (\n    <Alert severity={severity} {...props}>\n      <AlertTitle>{status?.description}</AlertTitle>\n      {status?.updates && status.updates.length > 0\n        ? (\n            <>\n              <Button color={severity} variant=\"outlined\" size=\"small\" onClick={() => setOpen(true)}>\n                Updates\n              </Button>\n              <NetworkStatusDialog open={open} onClose={handleClose} updates={status.updates} />\n            </>\n          )\n        : null}\n    </Alert>\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogTitle, List, ListItem, Typography,\n} from '@mui/material'\nimport type { NetworkStatusUpdate } from '@xyo-network/xl1-sdk'\nimport React from 'react'\n\nexport interface NetworkStatusDialogProps extends DialogProps {\n  updates: NetworkStatusUpdate[]\n}\n\nexport const NetworkStatusDialog: React.FC<NetworkStatusDialogProps> = ({ updates, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Recent Status Updates</DialogTitle>\n      <DialogContent>\n        <List>\n          {updates.map(({\n            start, end, update,\n          }) => (\n            <ListItem\n              key={start + update}\n              sx={{\n                flexDirection: 'column', alignItems: 'start', pl: 0,\n              }}\n            >\n              <Typography>\n                {update}\n              </Typography>\n              <Typography gutterBottom sx={{ opacity: 0.75, fontSize: '.8333rem' }}>\n                Start:\n                {' '}\n                {new Date(start).toLocaleString()}\n                {' '}\n                <br />\n                End:\n                {' '}\n                {new Date(end).toLocaleString()}\n              </Typography>\n            </ListItem>\n          ))}\n        </List>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={e => props.onClose?.(e, 'backdropClick')} color=\"primary\" variant=\"outlined\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import type { AlertProps } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { usePollNetworkStatus } from '../../hooks/index.ts'\nimport { NetworkStatusAlert } from './Alert.tsx'\n\nconst validNetworkStates = new Set(['online', 'unknown'])\n\nexport interface NetworkStatusProps extends PropsWithChildren<AlertProps> {}\n\nexport const NetworkStatus: React.FC<NetworkStatusProps> = ({ children, ...props }) => {\n  const [networkStatus] = usePollNetworkStatus()\n  const showStatus = networkStatus && !validNetworkStates.has(networkStatus.state)\n  return (\n    <>\n      {showStatus ? <NetworkStatusAlert status={networkStatus} {...props} /> : null}\n      {children}\n    </>\n  )\n}\n","import { useCurrentBlock, useViewerFromWallet } from '@xyo-network/react-chain-provider'\nimport type { XyoViewer } from '@xyo-network/xl1-sdk'\n\nimport { useViewerInPage } from './useViewerInPage.ts'\n\nexport const useActiveNetworkCurrentBlock = (refresh = 1, viewer?: XyoViewer) => {\n  const currentBlock = useCurrentBlock(refresh, viewer)\n\n  return currentBlock\n}\n\nexport const useActiveNetworkCurrentBlockInPage = (refresh = 1) => {\n  const viewer = useViewerInPage()\n  const currentBlock = useCurrentBlock(refresh, viewer)\n\n  return currentBlock\n}\n\nexport const useActiveNetworkCurrentBlockInWallet = (refresh = 1) => {\n  const [viewer] = useViewerFromWallet()\n  const currentBlock = useCurrentBlock(refresh, viewer)\n\n  return currentBlock\n}\n","import { isDefined, isUndefined } from '@xylabs/sdk-js'\nimport { useHttpRpcViewer, useViewerFromWallet } from '@xyo-network/react-chain-provider'\nimport type { NetworkBootstrap } from '@xyo-network/xl1-sdk'\n\nimport type { ChainNetworkSettings } from '../../context/index.ts'\nimport { useChainNetwork } from '../../context/index.ts'\n\nconst shouldProxy = (networkSettings: ChainNetworkSettings, networkBootstrap: NetworkBootstrap | undefined) => {\n  return isDefined(networkBootstrap)\n    && isDefined(networkSettings[networkBootstrap.id])\n    && networkSettings[networkBootstrap.id].proxy\n}\n\n/**\n * Get the viewer for the active network, first from the wallet or fallback to HTTP RPC\n * @returns - XyoViewer for the active network\n */\nexport const useViewerInPage = (networkOverride?: NetworkBootstrap) => {\n  let networkBootstrap: NetworkBootstrap | undefined\n  const { activeNetwork, networkSettings } = useChainNetwork()\n  networkBootstrap = isDefined(networkOverride) ? networkOverride : activeNetwork\n\n  const httpRpcViewer = useHttpRpcViewer(networkBootstrap?.url)\n  const [walletRpcViewer] = useViewerFromWallet(networkBootstrap?.id)\n\n  // If the wallet viewer is undefined, don't return it yet, useViewerFromWallet is still checking\n  if (isUndefined(walletRpcViewer)) return\n\n  if (shouldProxy(networkSettings, networkBootstrap) && isDefined(walletRpcViewer)) {\n    // If the network setting is to proxy and the wallet viewer is available,\n    // try to use the wallet viewer\n    return walletRpcViewer\n  }\n\n  return httpRpcViewer\n}\n","import { useNetwork } from '@xyo-network/react-chain-provider'\n\nimport { useChainNetwork } from '../../context/index.ts'\n\nexport const useActiveNetworkNetwork = () => {\n  const { activeNetwork } = useChainNetwork()\n  const network = useNetwork(activeNetwork?.id)\n  return network\n}\n","import { useHttpRpcRunner } from '@xyo-network/react-chain-provider'\n\nimport { useChainNetwork } from '../../context/index.ts'\n\nexport const useActiveNetworkRunner = () => {\n  const { activeNetwork } = useChainNetwork()\n  const runner = useHttpRpcRunner(activeNetwork?.url)\n\n  return runner\n}\n","import { isString } from '@xylabs/sdk-js'\nimport { useEffect, useState } from 'react'\n\nimport type { BroadcastedRpcCall } from '../../model/index.ts'\n\nexport const useRpcBroadcastListener = () => {\n  const [events, setEvents] = useState<BroadcastedRpcCall[]>([])\n\n  useEffect(() => {\n    const listener = (e: Event) => {\n      if ('detail' in e) {\n        const { detail } = e ?? {}\n        if (isString(detail)) {\n          try {\n            const parsedDetail = JSON.parse(detail)\n            const { data: rpcCall, source } = parsedDetail\n            // TODO - make zod type for parsing details\n            const broadcastedRpcCall: BroadcastedRpcCall = {\n              rpcCall,\n              source,\n              timestamp: e.timeStamp,\n            }\n            setEvents(prev => [broadcastedRpcCall, ...prev])\n          } catch (err) {\n            console.error(err)\n          }\n        }\n      }\n    }\n    globalThis.addEventListener('xyo:broadcast-rpc-request', listener)\n    globalThis.addEventListener('xyo:broadcast-rpc-response', listener)\n\n    return () => {\n      globalThis.removeEventListener('xyo:broadcast-rpc-request', listener)\n      globalThis.removeEventListener('xyo:broadcast-rpc-response', listener)\n    }\n  }, [])\n\n  return { events }\n}\n","import { useHttpRpcViewer } from '@xyo-network/react-chain-provider'\n\nimport { useChainNetwork } from '../../context/index.ts'\n\n/**\n * Get the viewer directly from the active network\n * @returns - The viewer for the active network\n */\nexport const useViewerInWallet = () => {\n  const { activeNetwork } = useChainNetwork()\n  const walletViewer = useHttpRpcViewer(activeNetwork?.url)\n  return walletViewer\n}\n","import { delay, isUndefined } from '@xylabs/sdk-js'\nimport type { NetworkStatus } from '@xyo-network/xl1-sdk'\nimport { useEffect, useState } from 'react'\n\nimport { useActiveNetworkNetwork } from '../index.ts'\n\nconst STATUS_CHECK_INTERVAL = 10_000\n\nexport const usePollNetworkStatus = () => {\n  const network = useActiveNetworkNetwork()\n  const [networkStatus, setNetworkStatus] = useState<NetworkStatus>()\n  const [networkStatusError, setNetworkStatusError] = useState<Error>()\n\n  // Check network status every 10 seconds\n  useEffect(() => {\n    let checkNetwork = true\n    void (async () => {\n      if (isUndefined(network)) return\n      while (checkNetwork) {\n        try {\n          const response = await network.status()\n          setNetworkStatus(response)\n          setNetworkStatusError(undefined)\n        } catch (error) {\n          console.error('Error fetching network status:', error)\n          setNetworkStatus(undefined)\n          setNetworkStatusError(error as Error)\n        }\n        await delay(STATUS_CHECK_INTERVAL)\n      }\n    })()\n\n    return () => {\n      // Cleanup function to stop checking network status at the current statusUrl\n      checkNetwork = false\n    }\n  }, [network])\n\n  return [networkStatus, networkStatusError] as const\n}\n","import type { JsonRpcRequest, JsonRpcResponse } from '@metamask/utils'\n\n// Configuration options for broadcasting RPC calls\nexport type BroadcastRpcConfig = { request: boolean; response: boolean }\n\n// Event Names\nexport const BroadcastRpcRequestEventName = 'xyo:broadcast-rpc-request' as const\nexport const BroadcastRpcResponseEventName = 'xyo:broadcast-rpc-response' as const\nexport type BroadcastRpcEventNames = typeof BroadcastRpcRequestEventName | typeof BroadcastRpcResponseEventName\n\n// default options are to broadcast all events\nexport const defaultBroadcastConfig: BroadcastRpcConfig = { request: true, response: true }\n\nexport interface BroadcastedRpcCall<TRpcCall extends JsonRpcRequest | JsonRpcResponse = JsonRpcRequest | JsonRpcResponse> {\n  rpcCall: TRpcCall\n  source: string\n  timestamp: number\n}\n\nexport type RpcRequestResponsePairs = {\n  request: BroadcastedRpcCall<JsonRpcRequest>\n  result?: BroadcastedRpcCall<JsonRpcResponse>\n  source?: string\n}\n"],"mappings":"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","names":["Drawer","Stack","Typography","React","useMemo","Cancel","IconButton","React","CloseDrawerIconButton","anchor","onClose","IconButton","onClick","e","size","sx","alignSelf","top","right","undefined","left","Cancel","fontSize","Card","Collapse","Stack","Typography","isDefined","JsonViewerEx","React","useState","ArrowRight","CheckCircle","Warning","Icon","IconButton","Stack","Typography","isDefined","React","BroadcastedRpcCallDetailsSummaryStack","expanded","setExpanded","method","timestamp","hasResult","props","React","Stack","direction","gap","alignItems","justifyContent","IconButton","size","onClick","ArrowRight","fontSize","Typography","component","variant","fontFamily","color","sx","opacity","isDefined","Date","toLocaleString","Icon","justifySelf","CheckCircle","Warning","BroadcastedRpcCallDetails","rpcRequestResponsePairs","expanded","setExpanded","useState","request","result","source","React","Card","sx","p","BroadcastedRpcCallDetailsSummaryStack","hasResult","isDefined","method","rpcCall","timestamp","Collapse","in","Stack","direction","gap","width","Typography","variant","component","fontFamily","ml","JsonViewerEx","value","maxHeight","overflow","isJsonRpcRequest","isJsonRpcResponse","isArray","isDefined","formatEvents","events","isArray","length","parseRpcCall","acc","event","isJsonRpcResponse","rpcCall","castedEvent","id","result","isJsonRpcRequest","request","console","error","source","isDefined","BroadcastedRpcCallsDrawer","anchor","drawerTitle","events","onClose","props","formattedEvents","useMemo","formatEvents","React","Drawer","CloseDrawerIconButton","Stack","gap","sx","p","Typography","variant","Object","entries","map","id","broadcastedRpcCall","BroadcastedRpcCallDetails","key","rpcRequestResponsePairs","Avatar","React","createContextEx","ChainNetworkContext","ErrorRender","usePromise","isDefined","MainNetwork","React","useCallback","useMemo","useState","LocalNetwork","defaultChainNetworkSettings","id","proxy","useCallback","useState","useChainNetworkSettings","defaults","defaultChainNetworkSettings","networkSettings","setNetworkSettings","useState","updateNetworkSettings","useCallback","networkId","settings","prevSettings","ChainNetworkProvider","children","getActiveNetwork","networkSettings","networkSettingsProp","defaultChainNetworkSettings","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","updateNetworkSettings","useChainNetworkSettings","resolvedActiveNetwork","activeNetworkError","usePromise","find","network","id","defaultNetwork","MainNetwork","previousResolvedActiveNetwork","setPreviousResolvedActiveNetwork","isDefined","updateActiveNetwork","useCallback","networkId","undefined","Error","value","useMemo","provided","chainNetworkError","React","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext","React","NetworkIcon","icon","style","props","React","span","dangerouslySetInnerHTML","__html","display","width","height","NetworkAvatar","icon","iconStyles","name","sx","props","React","Avatar","backgroundColor","alt","NetworkIcon","style","ActiveNetworkAvatar","activeNetwork","useChainNetwork","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","sx","py","NetworkAvatar","icon","width","height","ListItemText","Alert","AlertTitle","Button","React","useMemo","useState","Button","Dialog","DialogActions","DialogContent","DialogTitle","List","ListItem","Typography","React","NetworkStatusDialog","updates","props","React","Dialog","DialogTitle","DialogContent","List","map","start","end","update","ListItem","key","sx","flexDirection","alignItems","pl","Typography","gutterBottom","opacity","fontSize","Date","toLocaleString","br","DialogActions","Button","onClick","e","onClose","color","variant","NetworkStatusAlert","status","props","open","setOpen","useState","handleClose","severity","useMemo","state","React","Alert","AlertTitle","description","updates","length","Button","color","variant","size","onClick","NetworkStatusDialog","onClose","React","useCurrentBlock","useViewerFromWallet","isDefined","isUndefined","useHttpRpcViewer","useViewerFromWallet","shouldProxy","networkSettings","networkBootstrap","isDefined","id","proxy","useViewerInPage","networkOverride","activeNetwork","useChainNetwork","httpRpcViewer","useHttpRpcViewer","url","walletRpcViewer","useViewerFromWallet","isUndefined","useActiveNetworkCurrentBlock","refresh","viewer","currentBlock","useCurrentBlock","useActiveNetworkCurrentBlockInPage","useViewerInPage","useActiveNetworkCurrentBlockInWallet","useViewerFromWallet","useNetwork","useActiveNetworkNetwork","activeNetwork","useChainNetwork","network","useNetwork","id","useHttpRpcRunner","useActiveNetworkRunner","activeNetwork","useChainNetwork","runner","useHttpRpcRunner","url","isString","useEffect","useState","useRpcBroadcastListener","events","setEvents","useState","useEffect","listener","e","detail","isString","parsedDetail","JSON","parse","data","rpcCall","source","broadcastedRpcCall","timestamp","timeStamp","prev","err","console","error","globalThis","addEventListener","removeEventListener","useHttpRpcViewer","useViewerInWallet","activeNetwork","useChainNetwork","walletViewer","useHttpRpcViewer","url","delay","isUndefined","useEffect","useState","STATUS_CHECK_INTERVAL","usePollNetworkStatus","network","useActiveNetworkNetwork","networkStatus","setNetworkStatus","useState","networkStatusError","setNetworkStatusError","useEffect","checkNetwork","isUndefined","response","status","undefined","error","console","delay","validNetworkStates","Set","NetworkStatus","children","props","networkStatus","usePollNetworkStatus","showStatus","has","state","React","NetworkStatusAlert","status","BroadcastRpcRequestEventName","BroadcastRpcResponseEventName","defaultBroadcastConfig","request","response"]}

package/dist/browser/model/BroadcastRpc.d.ts

@@ -0,0 +1,20 @@
+import type { JsonRpcRequest, JsonRpcResponse } from '@metamask/utils';
+export type BroadcastRpcConfig = {
+    request: boolean;
+    response: boolean;
+};
+export declare const BroadcastRpcRequestEventName: "xyo:broadcast-rpc-request";
+export declare const BroadcastRpcResponseEventName: "xyo:broadcast-rpc-response";
+export type BroadcastRpcEventNames = typeof BroadcastRpcRequestEventName | typeof BroadcastRpcResponseEventName;
+export declare const defaultBroadcastConfig: BroadcastRpcConfig;
+export interface BroadcastedRpcCall<TRpcCall extends JsonRpcRequest | JsonRpcResponse = JsonRpcRequest | JsonRpcResponse> {
+    rpcCall: TRpcCall;
+    source: string;
+    timestamp: number;
+}
+export type RpcRequestResponsePairs = {
+    request: BroadcastedRpcCall<JsonRpcRequest>;
+    result?: BroadcastedRpcCall<JsonRpcResponse>;
+    source?: string;
+};
+//# sourceMappingURL=BroadcastRpc.d.ts.map

package/dist/browser/model/BroadcastRpc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BroadcastRpc.d.ts","sourceRoot":"","sources":["../../../src/model/BroadcastRpc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGtE,MAAM,MAAM,kBAAkB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAGxE,eAAO,MAAM,4BAA4B,EAAG,2BAAoC,CAAA;AAChF,eAAO,MAAM,6BAA6B,EAAG,4BAAqC,CAAA;AAClF,MAAM,MAAM,sBAAsB,GAAG,OAAO,4BAA4B,GAAG,OAAO,6BAA6B,CAAA;AAG/G,eAAO,MAAM,sBAAsB,EAAE,kBAAsD,CAAA;AAE3F,MAAM,WAAW,kBAAkB,CAAC,QAAQ,SAAS,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe;IACtH,OAAO,EAAE,QAAQ,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA"}

package/dist/browser/model/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BroadcastRpc.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/model/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-network",
-  "version": "1.19.6",
+  "version": "1.19.7",
   "description": "XYO Layer One React SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -48,27 +48,29 @@
     "start": "storybook dev -p 6006"
   },
   "dependencies": {
-    "@xylabs/react-error": "~7.1.13",
-    "@xylabs/react-promise": "~7.1.13",
-    "@xylabs/react-shared": "~7.1.13",
+    "@metamask/utils": "~11.9.0",
+    "@xylabs/react-error": "~7.1.15",
+    "@xylabs/react-promise": "~7.1.15",
+    "@xylabs/react-shared": "~7.1.15",
     "@xylabs/sdk-js": "~5.0.65",
-    "@xyo-network/react-chain-provider": "~1.19.6",
-    "@xyo-network/react-chain-shared": "~1.19.6",
-    "@xyo-network/xl1-sdk": "~1.21.10"
+    "@xyo-network/react-chain-provider": "~1.19.7",
+    "@xyo-network/react-chain-shared": "~1.19.7",
+    "@xyo-network/react-payload-raw-info": "~7.5.0",
+    "@xyo-network/xl1-sdk": "~1.22.30"
   },
   "devDependencies": {
     "@emotion/react": "~11.14.0",
     "@emotion/styled": "~11.14.1",
     "@mui/icons-material": "~7.3.7",
     "@mui/material": "~7.3.7",
-    "@storybook/react-vite": "~10.2.3",
-    "@types/react": "~19.2.10",
-    "@xylabs/react-button": "~7.1.13",
+    "@storybook/react-vite": "~10.2.7",
+    "@types/react": "~19.2.13",
+    "@xylabs/react-button": "~7.1.15",
     "@xylabs/ts-scripts-yarn3": "~7.3.2",
     "@xylabs/tsconfig": "~7.3.2",
     "@xylabs/tsconfig-dom": "~7.3.2",
     "@xylabs/tsconfig-react": "~7.3.2",
-    "@xyo-network/react-chain-model": "~1.19.6",
+    "@xyo-network/react-chain-model": "~1.19.7",
     "eslint": "^9.39.2",
     "react": "~19.2.4",
     "react-dom": "~19.2.4",

package/src/components/broadcast/CloseDrawerIconButton.tsx

@@ -0,0 +1,23 @@
+import { Cancel } from '@mui/icons-material'
+import type { DrawerProps, IconButtonProps } from '@mui/material'
+import { IconButton } from '@mui/material'
+import React from 'react'
+
+export interface CloseDrawerIconButtonProps extends IconButtonProps {
+  anchor?: DrawerProps['anchor']
+  onClose?: DrawerProps['onClose']
+}
+
+export const CloseDrawerIconButton: React.FC<CloseDrawerIconButtonProps> = ({ anchor, onClose }) => {
+  return (
+    <IconButton
+      onClick={e => onClose?.(e, 'backdropClick')}
+      size="small"
+      sx={{
+        alignSelf: anchor === 'right' ? 'start' : 'end', top: 8, right: anchor === 'right' ? undefined : 8, left: anchor === 'left' ? undefined : 8,
+      }}
+    >
+      <Cancel fontSize="small" />
+    </IconButton>
+  )
+}

package/src/components/broadcast/Drawer.tsx

@@ -0,0 +1,33 @@
+import type { DrawerProps } from '@mui/material'
+import {
+  Drawer, Stack, Typography,
+} from '@mui/material'
+import React, { useMemo } from 'react'
+
+import type { BroadcastedRpcCall } from '../../model/index.ts'
+import { CloseDrawerIconButton } from './CloseDrawerIconButton.tsx'
+import { BroadcastedRpcCallDetails } from './details/index.ts'
+import { formatEvents } from './helpers/index.ts'
+
+export interface BroadcastRpcCallsDrawer extends DrawerProps {
+  drawerTitle?: string
+  events: BroadcastedRpcCall[]
+}
+
+export const BroadcastedRpcCallsDrawer: React.FC<BroadcastRpcCallsDrawer> = ({
+  anchor = 'right', drawerTitle, events, onClose, ...props
+}) => {
+  const formattedEvents = useMemo(() => formatEvents(events), [events])
+
+  return (
+    <Drawer anchor={anchor} onClose={onClose} {...props}>
+      <CloseDrawerIconButton anchor={anchor} onClose={onClose} />
+      <Stack gap={2} sx={{ p: 3 }}>
+        <Typography variant="h6">{drawerTitle ?? 'Broadcasted RPC Calls'}</Typography>
+        {Object.entries(formattedEvents ?? {}).map(([id, broadcastedRpcCall]) => {
+          return <BroadcastedRpcCallDetails key={id} rpcRequestResponsePairs={broadcastedRpcCall} />
+        })}
+      </Stack>
+    </Drawer>
+  )
+}

package/src/components/broadcast/details/Card.tsx

@@ -0,0 +1,54 @@
+import {
+  Card, Collapse,
+  Stack, Typography,
+} from '@mui/material'
+import { isDefined } from '@xylabs/sdk-js'
+import { JsonViewerEx } from '@xyo-network/react-payload-raw-info'
+import React, { useState } from 'react'
+
+import type { RpcRequestResponsePairs } from '../../../model/index.ts'
+import { BroadcastedRpcCallDetailsSummaryStack } from './SummaryStack.tsx'
+
+export interface BroadcastRpcCallDetailsProps {
+  rpcRequestResponsePairs?: RpcRequestResponsePairs
+}
+
+export const BroadcastedRpcCallDetails: React.FC<BroadcastRpcCallDetailsProps> = ({ rpcRequestResponsePairs }) => {
+  const [expanded, setExpanded] = useState(false)
+
+  if (!rpcRequestResponsePairs) return null
+
+  const {
+    request, result, source,
+  } = rpcRequestResponsePairs
+
+  return (
+    <Card sx={{ p: 1 }}>
+      <BroadcastedRpcCallDetailsSummaryStack
+        expanded={expanded}
+        hasResult={isDefined(result)}
+        method={request.rpcCall.method}
+        setExpanded={setExpanded}
+        timestamp={request.timestamp}
+      />
+      <Collapse in={expanded}>
+        <Stack direction="column" p={1} gap={2} width={600}>
+          <Typography variant="body2">
+            Source:
+            <Typography variant="caption" component="span" fontFamily="monospace" sx={{ ml: 1 }}>{source}</Typography>
+          </Typography>
+          <Typography variant="body2">Request:</Typography>
+          <JsonViewerEx value={request} sx={{ maxHeight: 300, overflow: 'auto' }} />
+          {isDefined(result)
+            ? (
+                <>
+                  <Typography variant="body2">Result:</Typography>
+                  <JsonViewerEx value={result} sx={{ maxHeight: 300, overflow: 'auto' }} />
+                </>
+              )
+            : null}
+        </Stack>
+      </Collapse>
+    </Card>
+  )
+}

package/src/components/broadcast/details/SummaryStack.tsx

@@ -0,0 +1,34 @@
+import {
+  ArrowRight, CheckCircle, Warning,
+} from '@mui/icons-material'
+import {
+  Icon, IconButton, Stack, type StackProps, Typography,
+} from '@mui/material'
+import { isDefined } from '@xylabs/sdk-js'
+import React from 'react'
+
+export interface BroadcastRpcCallDetailsSummaryStackProps extends StackProps {
+  expanded?: boolean
+  hasResult?: boolean
+  method?: string
+  setExpanded?: (expanded: boolean) => void
+  timestamp?: number
+}
+export const BroadcastedRpcCallDetailsSummaryStack: React.FC<BroadcastRpcCallDetailsSummaryStackProps> = ({
+  expanded, setExpanded, method, timestamp, hasResult, ...props
+}) => {
+  return (
+    <Stack direction="row" gap={2} alignItems="center" justifyContent="space-between" {...props}>
+      <Stack direction="row" gap={2} alignItems="center">
+        <IconButton size="small" onClick={() => setExpanded?.(!expanded)}><ArrowRight fontSize="small" /></IconButton>
+        <Typography component="span" variant="body2" fontFamily="monospace">
+          {method}
+        </Typography>
+        <Typography component="span" variant="caption" color="text.secondary" sx={{ opacity: 0.6 }}>
+          {isDefined(timestamp) ? new Date(timestamp).toLocaleString() : ''}
+        </Typography>
+      </Stack>
+      <Icon sx={{ justifySelf: 'end' }}>{hasResult ? <CheckCircle color="success" /> : <Warning color="warning" />}</Icon>
+    </Stack>
+  )
+}

package/src/components/broadcast/details/index.ts

@@ -0,0 +1,2 @@
+export * from './Card.tsx'
+export * from './SummaryStack.tsx'

package/src/components/broadcast/helpers/formatEvents.ts

@@ -0,0 +1,40 @@
+import type { JsonRpcRequest, JsonRpcResponse } from '@metamask/utils'
+import { isJsonRpcRequest, isJsonRpcResponse } from '@metamask/utils'
+import { isArray, isDefined } from '@xylabs/sdk-js'
+
+import type { BroadcastedRpcCall, RpcRequestResponsePairs } from '../../../model/index.ts'
+
+type RpcRequestResponsePairsById = {
+  [id: string]: RpcRequestResponsePairs
+}
+
+export const formatEvents = (events: BroadcastedRpcCall[]): RpcRequestResponsePairsById => {
+  if (!isArray(events) || events.length === 0) return {} as RpcRequestResponsePairsById
+
+  const parseRpcCall = (acc: RpcRequestResponsePairsById, event: BroadcastedRpcCall) => {
+    if (isJsonRpcResponse(event.rpcCall)) {
+      const castedEvent = event as BroadcastedRpcCall<JsonRpcResponse>
+      acc[castedEvent.rpcCall.id as string].result = castedEvent
+    } else if (isJsonRpcRequest(event.rpcCall)) {
+      const castedEvent = event as BroadcastedRpcCall<JsonRpcRequest>
+      acc[castedEvent.rpcCall.id as string].request = castedEvent
+    } else {
+      console.error('Unknown RPC call type', event)
+    }
+    acc[event.rpcCall.id as string].source = event.source
+
+    return acc
+  }
+
+  let acc: RpcRequestResponsePairsById = {}
+  for (const event of events) {
+    const { id } = event.rpcCall
+    if (isDefined(acc[id as string])) {
+      acc = parseRpcCall(acc, event)
+    } else {
+      acc[id as string] = {} as RpcRequestResponsePairs
+      acc = parseRpcCall(acc, event)
+    }
+  }
+  return acc
+}

package/src/components/broadcast/helpers/index.ts

@@ -0,0 +1 @@
+export * from './formatEvents.ts'

package/src/components/broadcast/index.ts

@@ -0,0 +1 @@
+export * from './Drawer.tsx'

package/src/components/index.ts

@@ -1,2 +1,3 @@
+export * from './broadcast/index.ts'
 export * from './menu/index.ts'
 export * from './status/index.ts'

package/src/context/network/Provider.tsx

@@ -9,19 +9,23 @@ import React, {
 } from 'react'
 
 import { ChainNetworkContext } from './context.ts'
+import type { ChainNetworkSettings } from './settings/index.ts'
+import { defaultChainNetworkSettings, useChainNetworkSettings } from './settings/index.ts'
 import type { ChainNetworkState } from './state.ts'
 
 export interface ChainNetworkProviderProps extends PropsWithChildren {
   getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>
+  networkSettings?: ChainNetworkSettings
   networks?: NetworkBootstrap[]
   setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>
 }
 
 export const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({
-  children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal,
+  children, getActiveNetwork, networkSettings: networkSettingsProp = defaultChainNetworkSettings, networks, setActiveNetwork: setActiveNetworkExternal,
 }) => {
   const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()
   const [error, setError] = useState<Error>()
+  const { networkSettings, updateNetworkSettings } = useChainNetworkSettings(networkSettingsProp)
 
   // Set the active network upon initialization
   const [resolvedActiveNetwork, activeNetworkError] = usePromise(async () => {
@@ -67,8 +71,10 @@ export const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({
     networks,
     provided: true,
     updateActiveNetwork,
+    networkSettings,
+    updateNetworkSettings,
     chainNetworkError: error ?? activeNetworkError,
-  }), [activeNetwork, activeNetworkError, error, networks, updateActiveNetwork])
+  }), [activeNetwork, activeNetworkError, error, networkSettings, networks, updateActiveNetwork, updateNetworkSettings])
 
   return (
     <ChainNetworkContext value={value}>

package/src/context/network/index.ts

@@ -1,4 +1,5 @@
 export * from './context.ts'
 export * from './Provider.tsx'
+export * from './settings/index.ts'
 export * from './state.ts'
 export * from './use.ts'

package/src/context/network/settings/defaultChainNetworkSettings.ts

@@ -0,0 +1,5 @@
+import { LocalNetwork } from '@xyo-network/xl1-sdk'
+
+import type { ChainNetworkSettings } from './types.ts'
+
+export const defaultChainNetworkSettings: ChainNetworkSettings = { [LocalNetwork.id]: { proxy: true } }

package/src/context/network/settings/index.ts

@@ -0,0 +1,3 @@
+export * from './defaultChainNetworkSettings.ts'
+export * from './types.ts'
+export * from './useChainNetworkSettings.ts'

package/src/context/network/settings/types.ts

@@ -0,0 +1,7 @@
+import type { GatewayName } from '@xyo-network/xl1-sdk'
+
+export type NetworkSetting = {
+  proxy: true
+}
+
+export type ChainNetworkSettings = Record<GatewayName, NetworkSetting>

package/src/context/network/settings/useChainNetworkSettings.ts

@@ -0,0 +1,27 @@
+import type { NetworkBootstrap } from '@xyo-network/xl1-sdk'
+import { useCallback, useState } from 'react'
+
+import { defaultChainNetworkSettings } from './defaultChainNetworkSettings.ts'
+import type { ChainNetworkSettings } from './types.ts'
+
+export const useChainNetworkSettings = (defaults = defaultChainNetworkSettings) => {
+  const [networkSettings, setNetworkSettings] = useState<ChainNetworkSettings>(defaults)
+
+  const updateNetworkSettings = useCallback((
+    networkId: NetworkBootstrap['id'],
+    settings: Partial<ChainNetworkSettings>,
+  ) => {
+    setNetworkSettings(prevSettings => ({
+      ...prevSettings,
+      [networkId]: {
+        ...prevSettings[networkId],
+        ...settings,
+      },
+    }))
+  }, [])
+
+  return {
+    networkSettings,
+    updateNetworkSettings,
+  }
+}

package/src/context/network/state.ts

@@ -1,9 +1,13 @@
 import type { ContextExState } from '@xylabs/react-shared'
 import type { NetworkBootstrap } from '@xyo-network/xl1-sdk'
 
+import type { ChainNetworkSettings } from './settings/index.ts'
+
 export type ChainNetworkState = ContextExState<{
   activeNetwork?: NetworkBootstrap
   chainNetworkError?: Error
+  networkSettings: ChainNetworkSettings
   networks?: NetworkBootstrap[]
   updateActiveNetwork?: (networkId: NetworkBootstrap['id']) => void
+  updateNetworkSettings?: (networkId: NetworkBootstrap['id'], settings: Partial<ChainNetworkSettings>) => void
 }>