use hooks from chain package

Author: jonesmac

package.json

@@ -38,10 +38,10 @@
     "@xylabs/typeof": "~5.0.10",
     "@xyo-network/id-payload-plugin": "~5.0.7",
     "@xyo-network/payload-builder": "~5.0.7",
-    "@xyo-network/react-chain-model": "~1.12.12",
-    "@xyo-network/react-chain-provider": "~1.12.12",
+    "@xyo-network/react-chain-model": "~1.12.13",
+    "@xyo-network/react-chain-provider": "~1.12.13",
     "@xyo-network/xl1-protocol": "~1.10.15",
-    "@xyo-network/xl1-rpc": "~1.12.12",
+    "@xyo-network/xl1-rpc": "~1.12.13",
     "react": "~19.1.1",
     "react-dom": "~19.1.1"
   },
@@ -53,7 +53,7 @@
     "@vitejs/plugin-react-swc": "~4.0.1",
     "@xylabs/eslint-config-flat": "~7.1.7",
     "@xylabs/tsconfig-react": "~7.1.7",
-    "@xyo-network/xl1-cli": "^1.12.12",
+    "@xyo-network/xl1-cli": "^1.12.13",
     "eslint": "~9.34.0",
     "eslint-import-resolver-typescript": "~4.4.4",
     "dotenv": "~17.2.1",

src/Sample.tsx

@@ -5,14 +5,13 @@ import { assertEx } from '@xylabs/assert'
 import type { Hash } from '@xylabs/hex'
 import { isHash } from '@xylabs/hex'
 import { isUndefined } from '@xylabs/typeof'
-import type { GatewayName } from '@xyo-network/xl1-protocol'
+import { useGateway } from '@xyo-network/react-chain-provider'
 import { useState } from 'react'
 
 import {
   Onboarding, SubmitTransactionButton, TxConfirmedAlert, WelcomeStack,
 } from './components/index.ts'
 import { buildSamplePayloads, LocalGatewayName } from './helpers/index.ts'
-import { useGateway } from './hooks/index.ts'
 
 export const XL1BrowserSample = () => {
   const [error, setError] = useState<Error>()

src/components/buttons/SubmitTransactionButton.tsx

@@ -1,9 +1,10 @@
 import type { ButtonProps } from '@mui/material'
 import { Button } from '@mui/material'
 import { isUndefined } from '@xylabs/typeof'
+import { useGateway } from '@xyo-network/react-chain-provider'
 
 import { LocalGatewayName } from '../../helpers/index.ts'
-import { useGateway, useOnBoarding } from '../../hooks/index.ts'
+import { useOnBoarding } from '../../hooks/index.ts'
 
 export const SubmitTransactionButton: React.FC<ButtonProps> = (props) => {
   const { gateway } = useGateway(LocalGatewayName)

src/helpers/getXyoClient.ts

@@ -1,3 +1,2 @@
 export * from './buildSamplePayloads.ts'
-export * from './getXyoClient.ts'
 export * from './LocalGatewayName.ts'

src/helpers/index.ts

@@ -1,2 +1 @@
-export * from './useGateway.ts'
 export * from './useOnBoarding.ts'

src/hooks/index.ts

@@ -1,8 +1,7 @@
 import { isDefined, isUndefined } from '@xylabs/typeof'
-import { useCheckLocalRpc } from '@xyo-network/react-chain-provider'
+import { useCheckLocalRpc, useGateway } from '@xyo-network/react-chain-provider'
 
 import { LocalGatewayName } from '../helpers/index.ts'
-import { useGateway } from './useGateway.ts'
 
 export const useOnBoarding = () => {
   const { gateway } = useGateway(LocalGatewayName)