@xyo-network/react-chain-network 1.0.3 → 1.0.4

package/dist/browser/index.mjs

@@ -131,11 +131,11 @@ var MainNetwork = {
   symbol: "XYOG",
   url: "https://api.chain.xyo.network"
 };
-var KerplunkNetwork = {
+var SequenceNetwork = {
   description: "Test Node for the XYO Network",
   icon: XyoColorLogoString,
-  id: "testnet",
-  name: "Testnet",
+  id: "sequence",
+  name: "Sequence",
   schema: NetworkBootstrapSchema,
   symbol: "XYOG",
   url: "https://beta.api.chain.xyo.network/"
@@ -200,12 +200,12 @@ var useChainNetwork = /* @__PURE__ */ __name((required = true) => useContextEx(C
 export {
   ChainNetworkContext,
   ChainNetworkProvider,
-  KerplunkNetwork,
   LocalNetwork,
   MainNetwork,
   NetworkBootstrapSchema,
   NetworkIcon,
   NetworkMenuItem,
+  SequenceNetwork,
   asOptionalNetwork,
   isNetworkBootstrap,
   useChainNetwork

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/images/icons/LocalNetwork.tsx","../../src/images/icons/xyoColorLogo.tsx","../../src/models/Bootstrap.ts","../../src/helpers/Networks.ts","../../src/context/network/use.ts"],"sourcesContent":["import type { IconProps } from '@mui/material'\nimport { Icon } from '@mui/material'\nimport React from 'react'\n\nexport const NetworkIcon: React.FC<IconProps & { icon?: string }> = ({ icon, ...props }) => {\n  return (\n    <Icon\n      sx={{\n        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',\n      }}\n      ref={(ref) => {\n        if (ref && icon) {\n          ref.innerHTML = icon\n        }\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 { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: string) => 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      {...props}\n    >\n      <NetworkIcon icon={network?.icon} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\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 type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { MainNetwork } from '../../helpers/index.ts'\nimport type { NetworkBootstrap } from '../../models/index.ts'\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 [, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    if (activeNetwork) {\n      // Set the active network if it exists\n      setActiveNetwork(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      setActiveNetwork(defaultNetwork)\n    }\n  }, [networks])\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks])\n\n  const value = useMemo<ChainNetworkState>(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    walletNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, networks, updateActiveNetwork])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"WalletNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const LocalNetworkIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>,\n  'LocalNetworkIcon',\n)\n\nexport const LocalNetworkIconString = `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18\" width=\"18\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>\n`\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XyoColorLogo = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>,\n  'XyoColorLogo',\n)\n\nexport const XyoColorLogoString = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>\n`\n","import type { Address } from '@xylabs/hex'\nimport { AsObjectFactory } from '@xylabs/object'\nimport type { ChainInformation } from '@xyo-network/chain-model'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\n\nexport const NetworkBootstrapSchema = 'network.xyo.network.bootstrap' as const\nexport type NetworkBootstrapSchema = typeof NetworkBootstrapSchema\n\nexport interface ChainForkFields {\n  /** Block Number at which the chain was forked from */\n  forkedAtLastBlockNumber?: string\n  /** Hash in the last block the chain was forked from */\n  forkedAtLastHash?: string\n  /** Address of the forked chain */\n  forkedChainId?: Address\n}\n\nexport interface NetworkFields {\n  /** Description of the network */\n  description: string\n  /** string representation of the icon (svg) */\n  icon?: string\n  /** Machine-readable identifier */\n  id: string\n  /** Human-readable identifier */\n  name: string\n  schema: NetworkBootstrapSchema\n  /** Symbol of the network */\n  symbol?: string\n  /** Url for accessing the network */\n  url: string\n}\n\n/** Note: Optional Properties can be found walking the chain to the genesis block */\nexport interface NetworkBootstrapFields extends NetworkFields, ChainForkFields {\n  /** Address of the chain, i.e. smart contract address */\n  chainInfo?: ChainInformation\n}\n\nexport interface Network extends NetworkBootstrap {\n  custom: boolean\n}\n\nexport type NetworkBootstrap = Payload<NetworkBootstrapFields, NetworkBootstrapSchema>\n\nexport const isNetworkBootstrap = isPayloadOfSchemaType<NetworkBootstrap>(NetworkBootstrapSchema)\n\nexport const asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap)\n","import { LocalNetworkIconString, XyoColorLogoString } from '../images/index.ts'\nimport type { NetworkBootstrap } from '../models/index.ts'\nimport { NetworkBootstrapSchema } from '../models/index.ts'\n\nexport const MainNetwork: NetworkBootstrap = {\n  description: 'Main Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'mainnet',\n  name: 'Mainnet',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://api.chain.xyo.network',\n}\n\nexport const KerplunkNetwork: NetworkBootstrap = {\n  description: 'Test Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'testnet',\n  name: 'Testnet',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://beta.api.chain.xyo.network/',\n}\n\nexport const LocalNetwork: NetworkBootstrap = {\n  description: 'Local Node',\n  icon: LocalNetworkIconString,\n  id: 'local',\n  name: 'Local',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'http://localhost:8080',\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'WalletNetwork', required)\n"],"mappings":"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","names":["Icon","React","NetworkIcon","icon","props","Icon","sx","display","alignItems","justifyContent","ref","innerHTML","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","NetworkIcon","icon","ListItemText","createContextEx","ChainNetworkContext","ErrorRender","usePromise","React","useCallback","useMemo","useState","createSvgIcon","React","LocalNetworkIcon","svg","xmlns","viewBox","path","fill","d","LocalNetworkIconString","createSvgIcon","React","XyoColorLogo","svg","xmlns","viewBox","path","className","d","fill","XyoColorLogoString","AsObjectFactory","isPayloadOfSchemaType","NetworkBootstrapSchema","isNetworkBootstrap","asOptionalNetwork","createOptional","MainNetwork","description","icon","XyoColorLogoString","id","name","schema","NetworkBootstrapSchema","symbol","url","KerplunkNetwork","LocalNetwork","LocalNetworkIconString","ChainNetworkProvider","children","getActiveNetwork","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","activeNetworkError","usePromise","defaultNetwork","find","network","id","MainNetwork","updateActiveNetwork","useCallback","networkId","undefined","value","useMemo","provided","walletNetworkError","React","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext"]}
+{"version":3,"sources":["../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/images/icons/LocalNetwork.tsx","../../src/images/icons/xyoColorLogo.tsx","../../src/models/Bootstrap.ts","../../src/helpers/Networks.ts","../../src/context/network/use.ts"],"sourcesContent":["import type { IconProps } from '@mui/material'\nimport { Icon } from '@mui/material'\nimport React from 'react'\n\nexport const NetworkIcon: React.FC<IconProps & { icon?: string }> = ({ icon, ...props }) => {\n  return (\n    <Icon\n      sx={{\n        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',\n      }}\n      ref={(ref) => {\n        if (ref && icon) {\n          ref.innerHTML = icon\n        }\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 { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: string) => 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      {...props}\n    >\n      <NetworkIcon icon={network?.icon} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\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 type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { MainNetwork } from '../../helpers/index.ts'\nimport type { NetworkBootstrap } from '../../models/index.ts'\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 [, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    if (activeNetwork) {\n      // Set the active network if it exists\n      setActiveNetwork(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      setActiveNetwork(defaultNetwork)\n    }\n  }, [networks])\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks])\n\n  const value = useMemo<ChainNetworkState>(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    walletNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, networks, updateActiveNetwork])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"WalletNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const LocalNetworkIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>,\n  'LocalNetworkIcon',\n)\n\nexport const LocalNetworkIconString = `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18\" width=\"18\" viewBox=\"0 -960 960 960\">\n    <path fill=\"currentColor\" d=\"M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z\" />\n  </svg>\n`\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XyoColorLogo = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>,\n  'XyoColorLogo',\n)\n\nexport const XyoColorLogoString = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"\n      fill=\"#eb407a\"\n    />\n  </svg>\n`\n","import type { Address } from '@xylabs/hex'\nimport { AsObjectFactory } from '@xylabs/object'\nimport type { ChainInformation } from '@xyo-network/chain-model'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\n\nexport const NetworkBootstrapSchema = 'network.xyo.network.bootstrap' as const\nexport type NetworkBootstrapSchema = typeof NetworkBootstrapSchema\n\nexport interface ChainForkFields {\n  /** Block Number at which the chain was forked from */\n  forkedAtLastBlockNumber?: string\n  /** Hash in the last block the chain was forked from */\n  forkedAtLastHash?: string\n  /** Address of the forked chain */\n  forkedChainId?: Address\n}\n\nexport interface NetworkFields {\n  /** Description of the network */\n  description: string\n  /** string representation of the icon (svg) */\n  icon?: string\n  /** Machine-readable identifier */\n  id: string\n  /** Human-readable identifier */\n  name: string\n  schema: NetworkBootstrapSchema\n  /** Symbol of the network */\n  symbol?: string\n  /** Url for accessing the network */\n  url: string\n}\n\n/** Note: Optional Properties can be found walking the chain to the genesis block */\nexport interface NetworkBootstrapFields extends NetworkFields, ChainForkFields {\n  /** Address of the chain, i.e. smart contract address */\n  chainInfo?: ChainInformation\n}\n\nexport interface Network extends NetworkBootstrap {\n  custom: boolean\n}\n\nexport type NetworkBootstrap = Payload<NetworkBootstrapFields, NetworkBootstrapSchema>\n\nexport const isNetworkBootstrap = isPayloadOfSchemaType<NetworkBootstrap>(NetworkBootstrapSchema)\n\nexport const asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap)\n","import { LocalNetworkIconString, XyoColorLogoString } from '../images/index.ts'\nimport type { NetworkBootstrap } from '../models/index.ts'\nimport { NetworkBootstrapSchema } from '../models/index.ts'\n\nexport const MainNetwork: NetworkBootstrap = {\n  description: 'Main Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'mainnet',\n  name: 'Mainnet',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://api.chain.xyo.network',\n}\n\nexport const SequenceNetwork: NetworkBootstrap = {\n  description: 'Test Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'sequence',\n  name: 'Sequence',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://beta.api.chain.xyo.network/',\n}\n\nexport const LocalNetwork: NetworkBootstrap = {\n  description: 'Local Node',\n  icon: LocalNetworkIconString,\n  id: 'local',\n  name: 'Local',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'http://localhost:8080',\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'WalletNetwork', required)\n"],"mappings":"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","names":["Icon","React","NetworkIcon","icon","props","Icon","sx","display","alignItems","justifyContent","ref","innerHTML","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","NetworkIcon","icon","ListItemText","createContextEx","ChainNetworkContext","ErrorRender","usePromise","React","useCallback","useMemo","useState","createSvgIcon","React","LocalNetworkIcon","svg","xmlns","viewBox","path","fill","d","LocalNetworkIconString","createSvgIcon","React","XyoColorLogo","svg","xmlns","viewBox","path","className","d","fill","XyoColorLogoString","AsObjectFactory","isPayloadOfSchemaType","NetworkBootstrapSchema","isNetworkBootstrap","asOptionalNetwork","createOptional","MainNetwork","description","icon","XyoColorLogoString","id","name","schema","NetworkBootstrapSchema","symbol","url","SequenceNetwork","LocalNetwork","LocalNetworkIconString","ChainNetworkProvider","children","getActiveNetwork","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","activeNetworkError","usePromise","defaultNetwork","find","network","id","MainNetwork","updateActiveNetwork","useCallback","networkId","undefined","value","useMemo","provided","walletNetworkError","React","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext"]}

package/dist/types/helpers/Networks.d.ts

@@ -1,5 +1,5 @@
 import type { NetworkBootstrap } from '../models/index.ts';
 export declare const MainNetwork: NetworkBootstrap;
-export declare const KerplunkNetwork: NetworkBootstrap;
+export declare const SequenceNetwork: NetworkBootstrap;
 export declare const LocalNetwork: NetworkBootstrap;
 //# sourceMappingURL=Networks.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-network",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "XYO Layer One React SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -38,24 +38,24 @@
     "start": "storybook dev -p 6006"
   },
   "dependencies": {
-    "@xylabs/array": "^4.6.4",
+    "@xylabs/array": "^4.7.5",
     "@xylabs/eslint-config-flat": "^6.1.4",
-    "@xylabs/hex": "^4.6.4",
-    "@xylabs/promise": "^4.6.4",
-    "@xylabs/react-error": "^6.0.7",
-    "@xylabs/react-promise": "^6.0.7",
-    "@xylabs/react-shared": "^6.0.7",
-    "@xyo-network/chain-model": "^1.0.3",
-    "@xyo-network/payload-model": "^3.9.38"
+    "@xylabs/hex": "^4.7.5",
+    "@xylabs/promise": "^4.7.5",
+    "@xylabs/react-error": "^6.0.9",
+    "@xylabs/react-promise": "^6.0.9",
+    "@xylabs/react-shared": "^6.0.9",
+    "@xyo-network/chain-model": "^1.0.4",
+    "@xyo-network/payload-model": "^3.10.1"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.7",
-    "@mui/material": "^6.4.7",
-    "@mui/styles": "^6.4.7",
-    "@xylabs/ts-scripts-yarn3": "^6.0.9",
-    "@xylabs/tsconfig-react": "^6.0.9",
+    "@mui/icons-material": "^6.4.8",
+    "@mui/material": "^6.4.8",
+    "@mui/styles": "^6.4.8",
+    "@xylabs/ts-scripts-yarn3": "^6.1.4",
+    "@xylabs/tsconfig-react": "^6.1.4",
     "eslint": "^9.22.0",
     "ethers": "^6.13.5",
     "react": "^19.0.0",

package/src/helpers/Networks.ts

@@ -12,11 +12,11 @@ export const MainNetwork: NetworkBootstrap = {
   url: 'https://api.chain.xyo.network',
 }
 
-export const KerplunkNetwork: NetworkBootstrap = {
+export const SequenceNetwork: NetworkBootstrap = {
   description: 'Test Node for the XYO Network',
   icon: XyoColorLogoString,
-  id: 'testnet',
-  name: 'Testnet',
+  id: 'sequence',
+  name: 'Sequence',
   schema: NetworkBootstrapSchema,
   symbol: 'XYOG',
   url: 'https://beta.api.chain.xyo.network/',