@xyo-network/react-chain-provider 1.20.20 → 1.20.22

package/dist/browser/index.mjs

@@ -28,8 +28,8 @@ var ConnectedAccount = /* @__PURE__ */ __name(({ address }) => {
 import { Alert, AlertTitle, Button, Stack as Stack2, Typography as Typography2 } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { isDefined as isDefined5, isUndefined as isUndefined5 } from "@xylabs/sdk-js";
-import { ErrorRender as ErrorRender2 } from "@xyo-network/react-error";
-import React5, { useEffect as useEffect5 } from "react";
+import { ErrorRender } from "@xyo-network/react-error";
+import React2, { useEffect as useEffect3 } from "react";
 
 // src/hooks/account/helpers/formatAccountBalanceHistory.ts
 import { hexToBigInt } from "@xylabs/sdk-js";
@@ -162,270 +162,24 @@ var useAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, maxPage
   ]);
 }, "useAccountBalanceHistory");
 
-// src/hooks/client/permissions/usePermissions.ts
-import { usePermissions } from "@xyo-network/react-chain-client";
-
-// src/hooks/client/permissions/usePermissionsAccounts.ts
-import { useAccountPermissions } from "@xyo-network/react-chain-client";
-
-// src/hooks/client/useClientFromWallet.ts
-import { useClient, useClientFromWallet } from "@xyo-network/react-chain-client";
-
-// src/hooks/client/useGatewayFromWallet.ts
-import { useGateway, useGatewayFromWallet } from "@xyo-network/react-chain-client";
-
-// src/contexts/current-block/context.ts
-import { createContextEx } from "@xylabs/react-shared";
-var XL1CurrentBlockContext = createContextEx();
-
-// src/contexts/current-block/Provider.tsx
-import React2, { useMemo } from "react";
-
-// src/contexts/current-block/usePollCurrentBlock.ts
-import { isDefinedNotNull, isUndefinedOrNull } from "@xylabs/sdk-js";
-import { startTransition, useEffect, useState } from "react";
-var DEFAULT_POLL_INTERVAL = 1e4;
-var usePollCurrentBlock = /* @__PURE__ */ __name((viewer, interval = DEFAULT_POLL_INTERVAL, pause = false) => {
-  const [currentBlock, setCurrentBlock] = useState(null);
-  const [error, setError] = useState();
-  useEffect(() => {
-    let isMounted = true;
-    const fetchBlock = /* @__PURE__ */ __name(async () => {
-      if (isDefinedNotNull(viewer)) {
-        try {
-          const block = await viewer.currentBlock();
-          if (isMounted) {
-            startTransition(() => {
-              setCurrentBlock((existingBlock) => {
-                if (isUndefinedOrNull(existingBlock)) {
-                  return block;
-                }
-                if (isDefinedNotNull(block) && existingBlock?.[0].block !== block[0].block) {
-                  return block;
-                }
-                return existingBlock;
-              });
-            });
-          }
-        } catch (err) {
-          startTransition(() => {
-            setError(err);
-          });
-        }
-      }
-    }, "fetchBlock");
-    void fetchBlock();
-    const id = setInterval(() => {
-      if (!pause) {
-        void fetchBlock();
-      }
-    }, interval);
-    return () => {
-      isMounted = false;
-      clearInterval(id);
-    };
-  }, [
-    viewer,
-    interval,
-    pause
-  ]);
-  return [
-    currentBlock,
-    error
-  ];
-}, "usePollCurrentBlock");
-
-// src/contexts/current-block/Provider.tsx
-var DEFAULT_POLLING_INTERVAL = 1e4;
-var XL1CurrentBlockProvider = /* @__PURE__ */ __name(({ pollingConfig, viewer, children }) => {
-  const { interval } = useMemo(() => pollingConfig || {
-    interval: DEFAULT_POLLING_INTERVAL
-  }, [
-    pollingConfig
-  ]);
-  const [currentBlock, currentBlockError] = usePollCurrentBlock(viewer, interval);
-  const value = useMemo(() => ({
-    block: currentBlock,
-    blockNumber: currentBlock?.[0].block,
-    chain: currentBlock?.[0].chain,
-    error: currentBlockError,
-    pollingConfig,
-    provided: true
-  }), [
-    currentBlock,
-    currentBlockError,
-    pollingConfig
-  ]);
-  return /* @__PURE__ */ React2.createElement(XL1CurrentBlockContext, {
-    value
-  }, children);
-}, "XL1CurrentBlockProvider");
-
-// src/contexts/current-block/use.ts
-import { useContextEx } from "@xylabs/react-shared";
-var useXl1CurrentBlockContext = /* @__PURE__ */ __name((required = true) => useContextEx(XL1CurrentBlockContext, "XL1CurrentBlock", required), "useXl1CurrentBlockContext");
-
-// src/contexts/gateway/context.ts
-import { createContextEx as createContextEx2 } from "@xylabs/react-shared";
-var GatewayContext = createContextEx2();
-
-// src/contexts/gateway/Provider.tsx
-import { isDefinedNotNull as isDefinedNotNull2, isNull } from "@xylabs/sdk-js";
-import { useGatewayFromWallet as useGatewayFromWallet2 } from "@xyo-network/react-chain-client";
-import { ErrorRender } from "@xyo-network/react-error";
-import React4, { useMemo as useMemo3 } from "react";
-
-// src/contexts/in-page-gateways/context.ts
-import { createContextEx as createContextEx3 } from "@xylabs/react-shared";
-var InPageGatewaysContext = createContextEx3();
-
-// src/contexts/in-page-gateways/Provider.tsx
-import { DefaultNetworks as DefaultNetworks2 } from "@xyo-network/xl1-sdk";
-import React3, { startTransition as startTransition2, useCallback, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
-var InPageGatewaysProvider = /* @__PURE__ */ __name(({ account, children }) => {
-  const [gateways, setGateways] = useState2({});
-  const [errors, setErrors] = useState2({});
-  const [previousAccount, setPreviousAccount] = useState2(account);
-  const clearAll = useCallback(() => {
-    setGateways({});
-    setErrors({});
-  }, []);
-  if (previousAccount !== account) {
-    clearAll();
-    setPreviousAccount(account);
-  }
-  useEffect2(() => {
-    let cancelled = false;
-    const buildAll = /* @__PURE__ */ __name(async () => {
-      const results = await Promise.allSettled(DefaultNetworks2.map(async (network) => {
-        const gateway = await buildGateway(network.id, account);
-        return {
-          id: network.id,
-          gateway
-        };
-      }));
-      if (cancelled) return;
-      const nextGateways = {};
-      const nextErrors = {};
-      for (const [index, result] of results.entries()) {
-        const networkId = DefaultNetworks2[index].id;
-        if (result.status === "fulfilled") {
-          nextGateways[networkId] = result.value.gateway;
-        } else {
-          nextErrors[networkId] = result.reason instanceof Error ? result.reason : new Error(String(result.reason));
-        }
-      }
-      startTransition2(() => {
-        setGateways(nextGateways);
-        setErrors(nextErrors);
-      });
-    }, "buildAll");
-    void buildAll();
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    account
-  ]);
-  const value = useMemo2(() => {
-    const value2 = {
-      clearAll,
-      errors,
-      gateways,
-      provided: true
-    };
-    return value2;
-  }, [
-    clearAll,
-    errors,
-    gateways
-  ]);
-  return /* @__PURE__ */ React3.createElement(InPageGatewaysContext, {
-    value
-  }, children);
-}, "InPageGatewaysProvider");
-
-// src/contexts/in-page-gateways/use.ts
-import { useContextEx as useContextEx2 } from "@xylabs/react-shared";
-var useProvidedInPageGateways = /* @__PURE__ */ __name((required = true) => useContextEx2(InPageGatewaysContext, "InPageGateways", required), "useProvidedInPageGateways");
-
-// src/contexts/gateway/Provider.tsx
-var GatewayProvider = /* @__PURE__ */ __name(({ gatewayName, children }) => {
-  const { gateway: gatewayFromWallet, error: gatewayFromWalletError } = useGatewayFromWallet2(gatewayName);
-  const { gateways: allGateways, errors: allGatewayErrors, clearAll } = useProvidedInPageGateways(true);
-  const gatewayFromConfig = gatewayName ? allGateways[gatewayName] : void 0;
-  const gatewayFromConfigError = gatewayName ? allGatewayErrors[gatewayName] : void 0;
-  const { defaultGateway, gateways } = useMemo3(() => {
-    if (isNull(gatewayFromWallet)) {
-      return {
-        defaultGateway: gatewayFromConfig,
-        gateways: {
-          inPageGateway: gatewayFromConfig,
-          walletGateway: null
-        }
-      };
-    } else if (isDefinedNotNull2(gatewayFromWallet)) {
-      return {
-        defaultGateway: gatewayFromWallet,
-        gateways: {
-          inPageGateway: gatewayFromConfig,
-          walletGateway: gatewayFromWallet
-        }
-      };
-    }
-    return {
-      defaultGateway: void 0,
-      gateways: {
-        inPageGateway: void 0,
-        walletGateway: void 0
-      }
-    };
-  }, [
-    gatewayFromConfig,
-    gatewayFromWallet
-  ]);
-  const value = useMemo3(() => {
-    const value2 = {
-      defaultGateway,
-      error: gatewayFromWalletError || gatewayFromConfigError,
-      gateways,
-      provided: true,
-      resetGatewaysFromConfig: clearAll
-    };
-    return value2;
-  }, [
-    defaultGateway,
-    gatewayFromWalletError,
-    gatewayFromConfigError,
-    gateways,
-    clearAll
-  ]);
-  return /* @__PURE__ */ React4.createElement(GatewayContext, {
-    value
-  }, /* @__PURE__ */ React4.createElement(ErrorRender, {
-    error: gatewayFromConfigError
-  }), children);
-}, "GatewayProvider");
-
-// src/contexts/gateway/use.ts
-import { useContextEx as useContextEx3 } from "@xylabs/react-shared";
-var useProvidedGateway = /* @__PURE__ */ __name((required = true) => useContextEx3(GatewayContext, "Gateway", required), "useProvidedGateway");
-
 // src/hooks/gateway/useNetwork.ts
+import { useProvidedGateway } from "@xyo-network/react-chain-client";
 var useNetworkFromGateway = /* @__PURE__ */ __name(() => {
   const { defaultGateway } = useProvidedGateway();
   return defaultGateway?.connection?.network;
 }, "useNetworkFromGateway");
 
 // src/hooks/gateway/useRunner.ts
+import { useProvidedGateway as useProvidedGateway2 } from "@xyo-network/react-chain-client";
 var useRunnerFromGateway = /* @__PURE__ */ __name(() => {
-  const { defaultGateway } = useProvidedGateway();
+  const { defaultGateway } = useProvidedGateway2();
   return defaultGateway?.connection?.runner;
 }, "useRunnerFromGateway");
 
 // src/hooks/gateway/useViewer.ts
+import { useProvidedGateway as useProvidedGateway3 } from "@xyo-network/react-chain-client";
 var useViewerFromGateway = /* @__PURE__ */ __name(() => {
-  const { defaultGateway } = useProvidedGateway();
+  const { defaultGateway } = useProvidedGateway3();
   return defaultGateway?.connection?.viewer;
 }, "useViewerFromGateway");
 
@@ -433,7 +187,7 @@ var useViewerFromGateway = /* @__PURE__ */ __name(() => {
 import { getXyoClient, listenForClientInjection } from "@xyo-network/react-chain-client";
 
 // src/hooks/helpers/transaction/Confirmation.ts
-import { assertEx as assertEx2, delay, forget, isDefined as isDefined2, isNull as isNull2 } from "@xylabs/sdk-js";
+import { assertEx as assertEx2, delay, forget, isDefined as isDefined2, isNull } from "@xylabs/sdk-js";
 var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
   static {
     __name(this, "TransactionConfirmationStatus");
@@ -517,7 +271,7 @@ var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
     const remainingBlocks = this.exp - blockNumber;
     const progress = Math.round((blockNumber - this.nbf) / (this.exp - this.nbf) * 100);
     const tx = await this.viewer.transaction.byHash?.(this.txHash);
-    if (isNull2(tx)) {
+    if (isNull(tx)) {
       this.onStatusUpdate?.({
         confirmed: false,
         blockNumber,
@@ -538,14 +292,14 @@ var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
 
 // src/hooks/useAddressBalance.ts
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
-import { isUndefined as isUndefined2, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
+import { isUndefined as isUndefined2, isUndefinedOrNull } from "@xylabs/sdk-js";
 import { ShiftedBigInt } from "@xyo-network/xl1-sdk";
-import { useMemo as useMemo4, useRef, useState as useState3 } from "react";
+import { useMemo, useRef, useState } from "react";
 var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset) => {
-  const [balancesResult, setBalancesResult] = useState3();
-  const [loading, setLoading] = useState3(false);
-  const [balancesError, setBalancesError] = useState3();
-  const [previousReset, setPreviousReset] = useState3(reset);
+  const [balancesResult, setBalancesResult] = useState();
+  const [loading, setLoading] = useState(false);
+  const [balancesError, setBalancesError] = useState();
+  const [previousReset, setPreviousReset] = useState(reset);
   if (reset !== previousReset) {
     setPreviousReset(reset);
     setBalancesResult(void 0);
@@ -578,7 +332,7 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
     viewer,
     refresh
   ]);
-  const shiftedBigInt = useMemo4(() => {
+  const shiftedBigInt = useMemo(() => {
     if (typeof balancesResult !== "bigint") return;
     return new ShiftedBigInt(balancesResult, {
       places: 18,
@@ -590,13 +344,13 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
   }, [
     balancesResult
   ]);
-  const balanceIntlFriendly = useMemo4(() => {
+  const balanceIntlFriendly = useMemo(() => {
     return shiftedBigInt?.toFullString();
   }, [
     shiftedBigInt
   ]);
-  const shortBalanceIntlFriendly = useMemo4(() => {
-    return isUndefinedOrNull2(balancesResult) ? void 0 : balancesResult < 1000000000000n && balancesResult > 0n ? "<0.00001" : shiftedBigInt?.toShortString();
+  const shortBalanceIntlFriendly = useMemo(() => {
+    return isUndefinedOrNull(balancesResult) ? void 0 : balancesResult < 1000000000000n && balancesResult > 0n ? "<0.00001" : shiftedBigInt?.toShortString();
   }, [
     balancesResult,
     shiftedBigInt
@@ -615,9 +369,9 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
 import { usePromise as usePromise3 } from "@xylabs/react-promise";
 import { forget as forget2, isDefined as isDefined3, isHash } from "@xylabs/sdk-js";
 import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/sdk-js";
-import { useEffect as useEffect3, useState as useState4 } from "react";
+import { useEffect, useState as useState2 } from "react";
 var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast, onStatusUpdate, runner, viewer) => {
-  const [status, setStatus] = useState4();
+  const [status, setStatus] = useState2();
   const onStatusUpdateLocal = /* @__PURE__ */ __name((newStatus) => {
     setStatus(newStatus);
     onStatusUpdate?.(newStatus);
@@ -646,7 +400,7 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
     runner,
     viewer
   ]);
-  useEffect3(() => {
+  useEffect(() => {
     return () => {
       if (transactionConfirmationStatus) {
         forget2(transactionConfirmationStatus.stop());
@@ -664,14 +418,15 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
 // src/hooks/useConnectAccount.ts
 import { asAddress } from "@xylabs/sdk-js";
 import { assertEx as assertEx3 } from "@xylabs/sdk-js";
+import { useAccountPermissions, useGatewayFromWallet } from "@xyo-network/react-chain-client";
 import { MainNetwork } from "@xyo-network/xl1-sdk";
-import { useCallback as useCallback2, useState as useState5 } from "react";
+import { useCallback, useState as useState3 } from "react";
 var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, timeout) => {
-  const [connectError, setConnectError] = useState5();
+  const [connectError, setConnectError] = useState3();
   const { gateway, error, timedout } = useGatewayFromWallet(gatewayName, timeout);
   const [accountPermissions, accountPermissionsError] = useAccountPermissions();
-  const [address, setAddress] = useState5();
-  const connectSigner = useCallback2(async () => {
+  const [address, setAddress] = useState3();
+  const connectSigner = useCallback(async () => {
     try {
       setConnectError(void 0);
       const assertedGateway = assertEx3(gateway, () => `Gateway ${gatewayName} is not available`);
@@ -697,10 +452,10 @@ var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, ti
 
 // src/hooks/useCurrentBlock.ts
 import { usePromise as usePromise4 } from "@xylabs/react-promise";
-import { isDefinedNotNull as isDefinedNotNull3 } from "@xylabs/sdk-js";
+import { isDefinedNotNull } from "@xylabs/sdk-js";
 var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
   return usePromise4(async () => {
-    if (isDefinedNotNull3(viewer) && refresh > 0) {
+    if (isDefinedNotNull(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
     }
@@ -712,7 +467,7 @@ var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
 var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
   const viewer = useViewerFromGateway();
   return usePromise4(async () => {
-    if (isDefinedNotNull3(viewer) && refresh > 0) {
+    if (isDefinedNotNull(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
     }
@@ -725,9 +480,9 @@ var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
 // src/hooks/useNetwork.ts
 import { isUndefined as isUndefined3 } from "@xylabs/sdk-js";
 import { SimpleXyoNetwork } from "@xyo-network/xl1-sdk";
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo2 } from "react";
 var useNetwork = /* @__PURE__ */ __name((id) => {
-  const network = useMemo5(() => {
+  const network = useMemo2(() => {
     if (isUndefined3(id)) return;
     return new SimpleXyoNetwork(id);
   }, [
@@ -751,7 +506,7 @@ var useSigner = /* @__PURE__ */ __name((_provider, account) => {
 import { usePromise as usePromise6 } from "@xylabs/react-promise";
 import { delay as delay2, isDefined as isDefined4, isUndefined as isUndefined4 } from "@xylabs/sdk-js";
 import { basicRemoteViewerLocator as basicRemoteViewerLocator2, LocalNetwork, SequenceNetwork, XyoViewerMoniker } from "@xyo-network/xl1-sdk";
-import { useEffect as useEffect4, useState as useState6 } from "react";
+import { useEffect as useEffect2, useState as useState4 } from "react";
 var INTERVAL = 5e3;
 var localRpcEndpoint = `${LocalNetwork.url}/rpc`;
 var sequenceRpcEndpoint = `${SequenceNetwork.url}/rpc`;
@@ -764,8 +519,8 @@ var useCheckSequenceRpc = /* @__PURE__ */ __name(() => {
   return isSequenceRpc;
 }, "useCheckSequenceRpc");
 var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
-  const [isLocalProducer, setIsLocalProducer] = useState6(false);
-  const [error, setError] = useState6();
+  const [isLocalProducer, setIsLocalProducer] = useState4(false);
+  const [error, setError] = useState4();
   const [viewer] = usePromise6(async () => {
     if (isUndefined4(endpoint)) return;
     const locator = await basicRemoteViewerLocator2(endpoint, {
@@ -779,7 +534,7 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
   }, [
     endpoint
   ]);
-  useEffect4(() => {
+  useEffect2(() => {
     if (isUndefined4(viewer)) return;
     void (async () => {
       setError(void 0);
@@ -805,7 +560,7 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
 }, "useCheckRpc");
 
 // src/hooks/viewer/ViewerWithDataLake.ts
-import { isNull as isNull3 } from "@xylabs/sdk-js";
+import { isNull as isNull2 } from "@xylabs/sdk-js";
 import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/sdk-js";
 import { addDataLakePayloads, addDataLakePayloadsToPayloads, DataLakeViewerMoniker, JsonRpcXyoViewer } from "@xyo-network/xl1-sdk";
 var ViewerWithDataLake = class extends JsonRpcXyoViewer {
@@ -835,7 +590,7 @@ var ViewerWithDataLake = class extends JsonRpcXyoViewer {
       await PayloadBuilder3.addHashMeta(transaction[0]),
       await PayloadBuilder3.addHashMeta(transaction[1])
     ] : null;
-    return isNull3(transaction) ? transaction : (await addDataLakePayloads([
+    return isNull2(transaction) ? transaction : (await addDataLakePayloads([
       await PayloadBuilder3.addHashMeta(transaction[0]),
       await PayloadBuilder3.addHashMeta(transaction[1])
     ], this.dataLakeViewer))[0];
@@ -843,16 +598,16 @@ var ViewerWithDataLake = class extends JsonRpcXyoViewer {
 };
 
 // src/components/connected/ConnectAccountsStack.tsx
-var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React5.createElement(ButtonEx, {
+var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React2.createElement(ButtonEx, {
   variant: "contained",
   size: "small",
   ...props
 }), "DefaultConnectComponent");
-var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React5.createElement(Alert, {
+var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React2.createElement(Alert, {
   severity: "warning"
-}, /* @__PURE__ */ React5.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React5.createElement(Typography2, {
+}, /* @__PURE__ */ React2.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React2.createElement(Typography2, {
   gutterBottom: true
-}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React5.createElement(Button, {
+}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React2.createElement(Button, {
   sx: {
     display: "flex",
     justifySelf: "end"
@@ -865,7 +620,7 @@ var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE_
 }, "Get XL1 Wallet")), "DefaultNoWalletInstalledComponent");
 var ConnectAccountsStack = /* @__PURE__ */ __name(({ AccountComponent = ConnectedAccount, ConnectComponent = DefaultConnectComponent, NoWalletInstalledComponent = DefaultNoWalletInstalledComponent, onAccountConnected, onCancel, timeout, ...props }) => {
   const { address, connectSigner, error, timedout } = useConnectAccount(void 0, timeout);
-  useEffect5(() => {
+  useEffect3(() => {
     if (isDefined5(error) && isDefined5(onCancel)) {
       onCancel();
     }
@@ -873,7 +628,7 @@ var ConnectAccountsStack = /* @__PURE__ */ __name(({ AccountComponent = Connecte
     error,
     onCancel
   ]);
-  useEffect5(() => {
+  useEffect3(() => {
     if (isDefined5(address) && isDefined5(onAccountConnected)) {
       onAccountConnected(address);
     }
@@ -881,20 +636,253 @@ var ConnectAccountsStack = /* @__PURE__ */ __name(({ AccountComponent = Connecte
     address,
     onAccountConnected
   ]);
-  return /* @__PURE__ */ React5.createElement(Stack2, {
+  return /* @__PURE__ */ React2.createElement(Stack2, {
     direction: "row",
     alignItems: "start",
     spacing: 2,
     ...props
-  }, isDefined5(address) ? /* @__PURE__ */ React5.createElement(AccountComponent, {
+  }, isDefined5(address) ? /* @__PURE__ */ React2.createElement(AccountComponent, {
     address
-  }) : null, isUndefined5(address) && !timedout ? /* @__PURE__ */ React5.createElement(ConnectComponent, {
+  }) : null, isUndefined5(address) && !timedout ? /* @__PURE__ */ React2.createElement(ConnectComponent, {
     onClick: /* @__PURE__ */ __name(() => void connectSigner(), "onClick")
-  }, "Connect") : null, isUndefined5(address) && timedout ? /* @__PURE__ */ React5.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React5.createElement(ErrorRender2, {
+  }, "Connect") : null, isUndefined5(address) && timedout ? /* @__PURE__ */ React2.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React2.createElement(ErrorRender, {
     error,
     scope: "ConnectSigner:error"
   }));
 }, "ConnectAccountsStack");
+
+// src/contexts/current-block/context.ts
+import { createContextEx } from "@xylabs/react-shared";
+var XL1CurrentBlockContext = createContextEx();
+
+// src/contexts/current-block/Provider.tsx
+import React3, { useMemo as useMemo3 } from "react";
+
+// src/contexts/current-block/usePollCurrentBlock.ts
+import { isDefinedNotNull as isDefinedNotNull2, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
+import { startTransition, useEffect as useEffect4, useState as useState5 } from "react";
+var DEFAULT_POLL_INTERVAL = 1e4;
+var usePollCurrentBlock = /* @__PURE__ */ __name((viewer, interval = DEFAULT_POLL_INTERVAL, pause = false) => {
+  const [currentBlock, setCurrentBlock] = useState5(null);
+  const [error, setError] = useState5();
+  useEffect4(() => {
+    let isMounted = true;
+    const fetchBlock = /* @__PURE__ */ __name(async () => {
+      if (isDefinedNotNull2(viewer)) {
+        try {
+          const block = await viewer.currentBlock();
+          if (isMounted) {
+            startTransition(() => {
+              setCurrentBlock((existingBlock) => {
+                if (isUndefinedOrNull2(existingBlock)) {
+                  return block;
+                }
+                if (isDefinedNotNull2(block) && existingBlock?.[0].block !== block[0].block) {
+                  return block;
+                }
+                return existingBlock;
+              });
+            });
+          }
+        } catch (err) {
+          startTransition(() => {
+            setError(err);
+          });
+        }
+      }
+    }, "fetchBlock");
+    void fetchBlock();
+    const id = setInterval(() => {
+      if (!pause) {
+        void fetchBlock();
+      }
+    }, interval);
+    return () => {
+      isMounted = false;
+      clearInterval(id);
+    };
+  }, [
+    viewer,
+    interval,
+    pause
+  ]);
+  return [
+    currentBlock,
+    error
+  ];
+}, "usePollCurrentBlock");
+
+// src/contexts/current-block/Provider.tsx
+var DEFAULT_POLLING_INTERVAL = 1e4;
+var XL1CurrentBlockProvider = /* @__PURE__ */ __name(({ pollingConfig, viewer, children }) => {
+  const { interval } = useMemo3(() => pollingConfig || {
+    interval: DEFAULT_POLLING_INTERVAL
+  }, [
+    pollingConfig
+  ]);
+  const [currentBlock, currentBlockError] = usePollCurrentBlock(viewer, interval);
+  const value = useMemo3(() => ({
+    block: currentBlock,
+    blockNumber: currentBlock?.[0].block,
+    chain: currentBlock?.[0].chain,
+    error: currentBlockError,
+    pollingConfig,
+    provided: true
+  }), [
+    currentBlock,
+    currentBlockError,
+    pollingConfig
+  ]);
+  return /* @__PURE__ */ React3.createElement(XL1CurrentBlockContext, {
+    value
+  }, children);
+}, "XL1CurrentBlockProvider");
+
+// src/contexts/current-block/use.ts
+import { useContextEx } from "@xylabs/react-shared";
+var useXl1CurrentBlockContext = /* @__PURE__ */ __name((required = true) => useContextEx(XL1CurrentBlockContext, "XL1CurrentBlock", required), "useXl1CurrentBlockContext");
+
+// src/contexts/gateway/context.ts
+import { createContextEx as createContextEx2 } from "@xylabs/react-shared";
+var GatewayContext = createContextEx2();
+
+// src/contexts/gateway/Provider.tsx
+import { isDefinedNotNull as isDefinedNotNull3, isNull as isNull3 } from "@xylabs/sdk-js";
+import { useGatewayFromWallet as useGatewayFromWallet2 } from "@xyo-network/react-chain-client";
+import { ErrorRender as ErrorRender2 } from "@xyo-network/react-error";
+import React5, { useMemo as useMemo5 } from "react";
+
+// src/contexts/in-page-gateways/context.ts
+import { createContextEx as createContextEx3 } from "@xylabs/react-shared";
+var InPageGatewaysContext = createContextEx3();
+
+// src/contexts/in-page-gateways/Provider.tsx
+import { DefaultNetworks as DefaultNetworks2 } from "@xyo-network/xl1-sdk";
+import React4, { startTransition as startTransition2, useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo4, useState as useState6 } from "react";
+var InPageGatewaysProvider = /* @__PURE__ */ __name(({ account, children }) => {
+  const [gateways, setGateways] = useState6({});
+  const [errors, setErrors] = useState6({});
+  const [previousAccount, setPreviousAccount] = useState6(account);
+  const clearAll = useCallback2(() => {
+    setGateways({});
+    setErrors({});
+  }, []);
+  if (previousAccount !== account) {
+    clearAll();
+    setPreviousAccount(account);
+  }
+  useEffect5(() => {
+    let cancelled = false;
+    const buildAll = /* @__PURE__ */ __name(async () => {
+      const results = await Promise.allSettled(DefaultNetworks2.map(async (network) => {
+        const gateway = await buildGateway(network.id, account);
+        return {
+          id: network.id,
+          gateway
+        };
+      }));
+      if (cancelled) return;
+      const nextGateways = {};
+      const nextErrors = {};
+      for (const [index, result] of results.entries()) {
+        const networkId = DefaultNetworks2[index].id;
+        if (result.status === "fulfilled") {
+          nextGateways[networkId] = result.value.gateway;
+        } else {
+          nextErrors[networkId] = result.reason instanceof Error ? result.reason : new Error(String(result.reason));
+        }
+      }
+      startTransition2(() => {
+        setGateways(nextGateways);
+        setErrors(nextErrors);
+      });
+    }, "buildAll");
+    void buildAll();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    account
+  ]);
+  const value = useMemo4(() => {
+    const value2 = {
+      clearAll,
+      errors,
+      gateways,
+      provided: true
+    };
+    return value2;
+  }, [
+    clearAll,
+    errors,
+    gateways
+  ]);
+  return /* @__PURE__ */ React4.createElement(InPageGatewaysContext, {
+    value
+  }, children);
+}, "InPageGatewaysProvider");
+
+// src/contexts/in-page-gateways/use.ts
+import { useContextEx as useContextEx2 } from "@xylabs/react-shared";
+var useProvidedInPageGateways = /* @__PURE__ */ __name((required = true) => useContextEx2(InPageGatewaysContext, "InPageGateways", required), "useProvidedInPageGateways");
+
+// src/contexts/gateway/Provider.tsx
+var GatewayProvider = /* @__PURE__ */ __name(({ gatewayName, children }) => {
+  const { gateway: gatewayFromWallet, error: gatewayFromWalletError } = useGatewayFromWallet2(gatewayName);
+  const { gateways: allGateways, errors: allGatewayErrors, clearAll } = useProvidedInPageGateways(true);
+  const gatewayFromConfig = gatewayName ? allGateways[gatewayName] : void 0;
+  const gatewayFromConfigError = gatewayName ? allGatewayErrors[gatewayName] : void 0;
+  const { defaultGateway, gateways } = useMemo5(() => {
+    if (isNull3(gatewayFromWallet)) {
+      return {
+        defaultGateway: gatewayFromConfig,
+        gateways: {
+          inPageGateway: gatewayFromConfig,
+          walletGateway: null
+        }
+      };
+    } else if (isDefinedNotNull3(gatewayFromWallet)) {
+      return {
+        defaultGateway: gatewayFromWallet,
+        gateways: {
+          inPageGateway: gatewayFromConfig,
+          walletGateway: gatewayFromWallet
+        }
+      };
+    }
+    return {
+      defaultGateway: void 0,
+      gateways: {
+        inPageGateway: void 0,
+        walletGateway: void 0
+      }
+    };
+  }, [
+    gatewayFromConfig,
+    gatewayFromWallet
+  ]);
+  const value = useMemo5(() => {
+    const value2 = {
+      defaultGateway,
+      error: gatewayFromWalletError || gatewayFromConfigError,
+      gateways,
+      provided: true,
+      resetGatewaysFromConfig: clearAll
+    };
+    return value2;
+  }, [
+    defaultGateway,
+    gatewayFromWalletError,
+    gatewayFromConfigError,
+    gateways,
+    clearAll
+  ]);
+  return /* @__PURE__ */ React5.createElement(GatewayContext, {
+    value
+  }, /* @__PURE__ */ React5.createElement(ErrorRender2, {
+    error: gatewayFromConfigError
+  }), children);
+}, "GatewayProvider");
 export {
   ConnectAccountsStack,
   ConnectedAccount,
@@ -914,24 +902,17 @@ export {
   getXyoClient,
   listenForClientInjection,
   useAccountBalanceHistory,
-  useAccountPermissions,
   useAddressBalance,
   useCheckLocalRpc,
   useCheckRpc,
   useCheckSequenceRpc,
-  useClient,
-  useClientFromWallet,
   useConfirmTransactionBase,
   useConnectAccount,
   useCurrentBlock,
   useCurrentBlockFromGateway,
-  useGateway,
-  useGatewayFromWallet,
   useNetwork,
   useNetworkFromGateway,
-  usePermissions,
   usePollCurrentBlock,
-  useProvidedGateway,
   useProvidedInPageGateways,
   useRunnerFromGateway,
   useSigner,