@xyo-network/react-chain-provider 1.20.0 → 1.20.2

package/dist/browser/index.mjs

@@ -27,9 +27,9 @@ var ConnectedAccount = /* @__PURE__ */ __name(({ address }) => {
 // src/components/connected/ConnectAccountsStack.tsx
 import { Alert, AlertTitle, Button, Stack as Stack2, Typography as Typography2 } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
-import { isDefined as isDefined9, isUndefined as isUndefined8 } from "@xylabs/sdk-js";
+import { isDefined as isDefined11, isUndefined as isUndefined8 } from "@xylabs/sdk-js";
 import { ErrorRender } from "@xyo-network/react-error";
-import React2, { useEffect as useEffect4 } from "react";
+import React4, { useEffect as useEffect6 } from "react";
 
 // src/hooks/account/helpers/formatAccountBalanceHistory.ts
 import { hexToBigInt } from "@xylabs/sdk-js";
@@ -137,7 +137,7 @@ var useAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, maxPage
   ]);
 }, "useAccountBalanceHistory");
 
-// src/hooks/client/useClient.ts
+// src/hooks/client/useClientFromWallet.ts
 import { isNull as isNull2 } from "@xylabs/sdk-js";
 import { useCallback, useEffect, useSyncExternalStore } from "react";
 
@@ -279,7 +279,7 @@ var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
   }
 };
 
-// src/hooks/client/useClient.ts
+// src/hooks/client/useClientFromWallet.ts
 var currentState = {
   client: void 0,
   error: null,
@@ -333,7 +333,7 @@ var subscribe = /* @__PURE__ */ __name((listener, timeout) => {
   };
 }, "subscribe");
 var getSnapshot = /* @__PURE__ */ __name(() => currentState, "getSnapshot");
-var useClient = /* @__PURE__ */ __name((timeout) => {
+var useClientFromWallet = /* @__PURE__ */ __name((timeout) => {
   const subscribeWithTimeout = useCallback((listener) => subscribe(listener, timeout), [
     timeout
   ]);
@@ -355,11 +355,12 @@ var useClient = /* @__PURE__ */ __name((timeout) => {
     };
   });
   return clientState;
-}, "useClient");
+}, "useClientFromWallet");
+var useClient = useClientFromWallet;
 
 // src/hooks/client/permissions/usePermissions.ts
 var usePermissions = /* @__PURE__ */ __name(() => {
-  const { client, isLoading, error, timedout } = useClient();
+  const { client, isLoading, error, timedout } = useClientFromWallet();
   const permissions = client?.permissions;
   return {
     permissions,
@@ -371,15 +372,33 @@ var usePermissions = /* @__PURE__ */ __name(() => {
 
 // src/hooks/client/permissions/usePermissionsAccounts.ts
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
-import { isArray, isDefined as isDefined3, isDefinedNotNull, isString } from "@xylabs/sdk-js";
+import { isArray, isDefined as isDefined4, isDefinedNotNull, isString } from "@xylabs/sdk-js";
+
+// src/hooks/client/helpers/buildGateway.ts
+import { assertEx as assertEx2, isDefined as isDefined2 } from "@xylabs/sdk-js";
+import { basicRemoteRunnerLocator, basicRemoteViewerLocator } from "@xyo-network/chain-orchestration";
+import { DefaultNetworks, NetworkDataLakeUrls, XyoGatewayMoniker } from "@xyo-network/xl1-sdk";
+var buildGateway = /* @__PURE__ */ __name(async (gatewayName, account) => {
+  const network = DefaultNetworks.find((network2) => network2.id === gatewayName);
+  const resolvedNetwork = assertEx2(network, () => `No network found for id ${gatewayName}`);
+  const remoteConfig = {
+    rpc: {
+      protocol: "http",
+      url: `${resolvedNetwork.url}/rpc`
+    }
+  };
+  const dataLakeEndpoint = NetworkDataLakeUrls[gatewayName];
+  const locator = isDefined2(account) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, account, dataLakeEndpoint) : await basicRemoteViewerLocator(gatewayName, remoteConfig, dataLakeEndpoint);
+  return await locator.getInstance(XyoGatewayMoniker);
+}, "buildGateway");
 
 // src/hooks/client/helpers/findCaveat.ts
-import { isDefined as isDefined2 } from "@xylabs/sdk-js";
+import { isDefined as isDefined3 } from "@xylabs/sdk-js";
 var findCaveat = /* @__PURE__ */ __name(async (permissions, targetCapability, targetCaveatType) => {
   const existingPermissions = await permissions.getPermissions();
-  if (isDefined2(existingPermissions) && existingPermissions.length > 0) {
+  if (isDefined3(existingPermissions) && existingPermissions.length > 0) {
     const foundPermissions = existingPermissions.find((p) => p.parentCapability === targetCapability);
-    if (isDefined2(foundPermissions)) {
+    if (isDefined3(foundPermissions)) {
       return foundPermissions.caveats?.find((caveat) => caveat.type === targetCaveatType)?.value ?? [];
     }
   }
@@ -388,7 +407,7 @@ var findCaveat = /* @__PURE__ */ __name(async (permissions, targetCapability, ta
 
 // src/hooks/client/permissions/usePermissionsAccounts.ts
 var validateRestrictedAccounts = /* @__PURE__ */ __name((restrictedAccounts) => {
-  if (isDefined3(restrictedAccounts)) {
+  if (isDefined4(restrictedAccounts)) {
     if (isArray(restrictedAccounts) && restrictedAccounts.every(isString)) {
       return restrictedAccounts;
     }
@@ -402,7 +421,7 @@ var useAccountPermissions = /* @__PURE__ */ __name(() => {
   const { permissions, error } = usePermissions();
   return usePromise2(async () => {
     if (isDefinedNotNull(error)) throw error;
-    if (isDefined3(permissions)) {
+    if (isDefined4(permissions)) {
       const restrictedAccounts = await findCaveat(
         permissions,
         // TODO - extract to constant in protocol package
@@ -416,13 +435,52 @@ var useAccountPermissions = /* @__PURE__ */ __name(() => {
   ]);
 }, "useAccountPermissions");
 
-// src/hooks/client/useGateway.ts
-import { isDefined as isDefined4, isNull as isNull3 } from "@xylabs/sdk-js";
-var useGateway = /* @__PURE__ */ __name((gatewayName, timeout) => {
-  const { client, isLoading, error, timedout } = useClient(timeout);
+// src/hooks/client/useGatewayFromConfig.ts
+import { usePromise as usePromise3 } from "@xylabs/react-promise";
+import { isDefined as isDefined5 } from "@xylabs/sdk-js";
+import { useState } from "react";
+var useGatewayFromConfig = /* @__PURE__ */ __name((gatewayName, account) => {
+  const [gatewayCache, setGatewayCache] = useState({});
+  const clearGateways = /* @__PURE__ */ __name(() => setGatewayCache({}), "clearGateways");
+  const [previousAccount, setPreviousAccount] = useState(account);
+  if (previousAccount !== account) {
+    clearGateways();
+    setPreviousAccount(account);
+  }
+  const builtGatewayResults = usePromise3(async () => {
+    if (isDefined5(gatewayName)) {
+      if (isDefined5(gatewayCache[gatewayName])) {
+        return gatewayCache[gatewayName];
+      } else {
+        const gateway2 = await buildGateway(gatewayName, account);
+        setGatewayCache((prev) => ({
+          ...prev,
+          [gatewayName]: gateway2
+        }));
+        return gateway2;
+      }
+    }
+  }, [
+    gatewayName,
+    account,
+    gatewayCache
+  ]);
+  const [gateway, error, state] = builtGatewayResults;
+  return {
+    gateway,
+    error,
+    state,
+    clearGateways
+  };
+}, "useGatewayFromConfig");
+
+// src/hooks/client/useGatewayFromWallet.ts
+import { isDefined as isDefined6, isNull as isNull3 } from "@xylabs/sdk-js";
+var useGatewayFromWallet = /* @__PURE__ */ __name((gatewayName, timeout) => {
+  const { client, isLoading, error, timedout } = useClientFromWallet(timeout);
   const resolveGateway = /* @__PURE__ */ __name(() => {
     if (isNull3(client)) return null;
-    if (timedout && !isLoading && isDefined4(gatewayName)) {
+    if (timedout && !isLoading && isDefined6(gatewayName)) {
       return null;
     }
     return client?.gateways?.[gatewayName];
@@ -433,19 +491,187 @@ var useGateway = /* @__PURE__ */ __name((gatewayName, timeout) => {
     error,
     timedout
   };
-}, "useGateway");
+}, "useGatewayFromWallet");
+var useGateway = useGatewayFromWallet;
+
+// 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 as isDefinedNotNull2, isUndefinedOrNull } from "@xylabs/sdk-js";
+import { startTransition, useEffect as useEffect2, useState as useState2 } from "react";
+var DEFAULT_POLL_INTERVAL = 1e4;
+var usePollCurrentBlock = /* @__PURE__ */ __name((viewer, interval = DEFAULT_POLL_INTERVAL, pause = false) => {
+  const [currentBlock, setCurrentBlock] = useState2(null);
+  const [error, setError] = useState2();
+  useEffect2(() => {
+    let isMounted = true;
+    const fetchBlock = /* @__PURE__ */ __name(async () => {
+      if (isDefinedNotNull2(viewer)) {
+        try {
+          const block = await viewer.currentBlock();
+          if (isMounted) {
+            startTransition(() => {
+              setCurrentBlock((existingBlock) => {
+                if (isUndefinedOrNull(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 } = 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 isDefinedNotNull3, isNull as isNull4 } from "@xylabs/sdk-js";
+import React3, { useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } from "react";
+var GatewayProvider = /* @__PURE__ */ __name(({ account, gatewayName, children }) => {
+  const [defaultGateway, setDefaultGateway] = useState3();
+  const [gateways, setGateways] = useState3({
+    inPageGateway: void 0,
+    walletGateway: void 0
+  });
+  const { gateway: gatewayFromWallet, error: gatewayFromWalletError } = useGatewayFromWallet(gatewayName);
+  const { gateway: gatewayFromConfig, error: gatewayFromConfigError, clearGateways: clearGatewaysFromConfig } = useGatewayFromConfig(gatewayName, account);
+  useEffect3(() => {
+    if (isNull4(gatewayFromWallet)) {
+      setDefaultGateway(gatewayFromConfig);
+      setGateways({
+        inPageGateway: gatewayFromConfig,
+        walletGateway: null
+      });
+    } else if (isDefinedNotNull3(gatewayFromWallet)) {
+      setDefaultGateway(gatewayFromWallet);
+      setGateways({
+        inPageGateway: gatewayFromConfig,
+        walletGateway: gatewayFromWallet
+      });
+    }
+  }, [
+    gatewayFromConfig,
+    gatewayFromWallet
+  ]);
+  const value = useMemo2(() => {
+    const value2 = {
+      defaultGateway,
+      error: gatewayFromWalletError || gatewayFromConfigError,
+      gateways,
+      provided: true,
+      resetGatewaysFromConfig: clearGatewaysFromConfig
+    };
+    return value2;
+  }, [
+    defaultGateway,
+    gatewayFromWalletError,
+    gatewayFromConfigError,
+    gateways,
+    clearGatewaysFromConfig
+  ]);
+  return /* @__PURE__ */ React3.createElement(GatewayContext, {
+    value
+  }, children);
+}, "GatewayProvider");
+
+// src/contexts/gateway/use.ts
+import { useContextEx as useContextEx2 } from "@xylabs/react-shared";
+var useProvidedGateway = /* @__PURE__ */ __name((required = true) => useContextEx2(GatewayContext, "Gateway", required), "useProvidedGateway");
+
+// src/hooks/gateway/useNetwork.ts
+var useNetworkFromGateway = /* @__PURE__ */ __name(() => {
+  const { defaultGateway } = useProvidedGateway();
+  return defaultGateway?.connection?.network;
+}, "useNetworkFromGateway");
+
+// src/hooks/gateway/useRunner.ts
+var useRunnerFromGateway = /* @__PURE__ */ __name(() => {
+  const { defaultGateway } = useProvidedGateway();
+  return defaultGateway?.connection?.runner;
+}, "useRunnerFromGateway");
+
+// src/hooks/gateway/useViewer.ts
+var useViewerFromGateway = /* @__PURE__ */ __name(() => {
+  const { defaultGateway } = useProvidedGateway();
+  return defaultGateway?.connection?.viewer;
+}, "useViewerFromGateway");
 
 // src/hooks/useAddressBalance.ts
-import { usePromise as usePromise3 } from "@xylabs/react-promise";
-import { isUndefined as isUndefined3, isUndefinedOrNull } from "@xylabs/sdk-js";
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { isUndefined as isUndefined3, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
 import { ShiftedBigInt } from "@xyo-network/xl1-sdk";
-import { useMemo, useRef, useState } from "react";
+import { useMemo as useMemo3, useRef, useState as useState4 } from "react";
 var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
-  const [balancesResult, setBalancesResult] = useState();
-  const [loading, setLoading] = useState(false);
-  const [balancesError, setBalancesError] = useState();
+  const [balancesResult, setBalancesResult] = useState4();
+  const [loading, setLoading] = useState4(false);
+  const [balancesError, setBalancesError] = useState4();
   const balancePromiseRef = useRef(null);
-  usePromise3(async () => {
+  usePromise4(async () => {
     if (isUndefined3(viewer) || isUndefined3(address)) return;
     setLoading(true);
     setBalancesError(void 0);
@@ -470,14 +696,14 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
     viewer,
     refresh
   ]);
-  useMemo(() => {
+  useMemo3(() => {
     if (balancesError) {
       setLoading(false);
     }
   }, [
     balancesError
   ]);
-  const shiftedBigInt = useMemo(() => {
+  const shiftedBigInt = useMemo3(() => {
     if (typeof balancesResult !== "bigint") return;
     return new ShiftedBigInt(balancesResult, {
       places: 18,
@@ -489,13 +715,13 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
   }, [
     balancesResult
   ]);
-  const balanceIntlFriendly = useMemo(() => {
+  const balanceIntlFriendly = useMemo3(() => {
     return shiftedBigInt?.toFullString();
   }, [
     shiftedBigInt
   ]);
-  const shortBalanceIntlFriendly = useMemo(() => {
-    return isUndefinedOrNull(balancesResult) ? void 0 : balancesResult < 1000000000000n && balancesResult > 0n ? "<0.00001" : shiftedBigInt?.toShortString();
+  const shortBalanceIntlFriendly = useMemo3(() => {
+    return isUndefinedOrNull2(balancesResult) ? void 0 : balancesResult < 1000000000000n && balancesResult > 0n ? "<0.00001" : shiftedBigInt?.toShortString();
   }, [
     balancesResult,
     shiftedBigInt
@@ -511,22 +737,22 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
 }, "useAddressBalance");
 
 // src/hooks/useConfirmTransactionBase.ts
-import { usePromise as usePromise4 } from "@xylabs/react-promise";
-import { forget as forget2, isDefined as isDefined5, isHash } from "@xylabs/sdk-js";
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
+import { forget as forget2, isDefined as isDefined7, isHash } from "@xylabs/sdk-js";
 import { PayloadBuilder } from "@xyo-network/sdk-js";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
 var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast, onStatusUpdate, runner, viewer) => {
-  const [status, setStatus] = useState2();
+  const [status, setStatus] = useState5();
   const onStatusUpdateLocal = /* @__PURE__ */ __name((newStatus) => {
     setStatus(newStatus);
     onStatusUpdate?.(newStatus);
   }, "onStatusUpdateLocal");
-  const [transactionConfirmationStatus, transactionConfirmationError] = usePromise4(async () => {
-    const hasRunner = isDefined5(runner);
+  const [transactionConfirmationStatus, transactionConfirmationError] = usePromise5(async () => {
+    const hasRunner = isDefined7(runner);
     if (transaction && viewer) {
       const hash = hasRunner ? await runner.broadcastTransaction(transaction) : await PayloadBuilder.hash(transaction[0]);
       if (isHash(hash)) {
-        if (hasRunner && isDefined5(onBroadcast)) onBroadcast(hash);
+        if (hasRunner && isDefined7(onBroadcast)) onBroadcast(hash);
         const params = {
           onStatusUpdate: onStatusUpdateLocal,
           transaction,
@@ -545,7 +771,7 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
     runner,
     viewer
   ]);
-  useEffect2(() => {
+  useEffect4(() => {
     return () => {
       if (transactionConfirmationStatus) {
         forget2(transactionConfirmationStatus.stop());
@@ -562,18 +788,18 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
 
 // src/hooks/useConnectAccount.ts
 import { asAddress } from "@xylabs/sdk-js";
-import { assertEx as assertEx2 } from "@xylabs/sdk-js";
+import { assertEx as assertEx3 } from "@xylabs/sdk-js";
 import { MainNetwork } from "@xyo-network/xl1-sdk";
-import { useCallback as useCallback2, useState as useState3 } from "react";
+import { useCallback as useCallback2, useState as useState6 } from "react";
 var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, timeout) => {
-  const [connectError, setConnectError] = useState3();
-  const { gateway, error, timedout } = useGateway(gatewayName, timeout);
+  const [connectError, setConnectError] = useState6();
+  const { gateway, error, timedout } = useGatewayFromWallet(gatewayName, timeout);
   const [accountPermissions, accountPermissionsError] = useAccountPermissions();
-  const [address, setAddress] = useState3();
+  const [address, setAddress] = useState6();
   const connectSigner = useCallback2(async () => {
     try {
       setConnectError(void 0);
-      const assertedGateway = assertEx2(gateway, () => `Gateway ${gatewayName} is not available`);
+      const assertedGateway = assertEx3(gateway, () => `Gateway ${gatewayName} is not available`);
       const signer = assertedGateway.signer;
       const address2 = await signer.address();
       setAddress(address2);
@@ -595,11 +821,11 @@ var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, ti
 }, "useConnectAccount");
 
 // src/hooks/useCurrentBlock.ts
-import { usePromise as usePromise5 } from "@xylabs/react-promise";
-import { isDefinedNotNull as isDefinedNotNull2 } from "@xylabs/sdk-js";
+import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { isDefinedNotNull as isDefinedNotNull4 } from "@xylabs/sdk-js";
 var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
-  return usePromise5(async () => {
-    if (isDefinedNotNull2(viewer) && refresh > 0) {
+  return usePromise6(async () => {
+    if (isDefinedNotNull4(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
     }
@@ -608,13 +834,25 @@ var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
     refresh
   ]);
 }, "useCurrentBlock");
+var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
+  const viewer = useViewerFromGateway();
+  return usePromise6(async () => {
+    if (isDefinedNotNull4(viewer) && refresh > 0) {
+      const block = await viewer.currentBlock();
+      return block;
+    }
+  }, [
+    viewer,
+    refresh
+  ]);
+}, "useCurrentBlockFromGateway");
 
 // src/hooks/useHttpRpcRunner.ts
-import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { usePromise as usePromise7 } from "@xylabs/react-promise";
 import { isUndefined as isUndefined4 } from "@xylabs/sdk-js";
 import { AccountBalanceViewerRpcSchemas, buildJsonRpcProviderLocator, HttpRpcTransport, JsonRpcAccountBalanceViewer, SimpleTransactionViewer, XyoRunnerMoniker } from "@xyo-network/xl1-sdk";
 var useHttpRpcRunner = /* @__PURE__ */ __name((url) => {
-  return usePromise6(async () => {
+  return usePromise7(async () => {
     if (isUndefined4(url)) {
       return;
     }
@@ -635,9 +873,9 @@ var useHttpRpcRunner = /* @__PURE__ */ __name((url) => {
 // src/hooks/useNetwork.ts
 import { isUndefined as isUndefined5 } from "@xylabs/sdk-js";
 import { SimpleXyoNetwork } from "@xyo-network/xl1-sdk";
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo4 } from "react";
 var useNetwork = /* @__PURE__ */ __name((id) => {
-  const network = useMemo2(() => {
+  const network = useMemo4(() => {
     if (isUndefined5(id)) return;
     return new SimpleXyoNetwork(id);
   }, [
@@ -647,10 +885,10 @@ var useNetwork = /* @__PURE__ */ __name((id) => {
 }, "useNetwork");
 
 // src/hooks/useSigner.ts
-import { usePromise as usePromise7 } from "@xylabs/react-promise";
+import { usePromise as usePromise8 } from "@xylabs/react-promise";
 import { SimpleXyoSigner } from "@xyo-network/xl1-sdk";
 var useSigner = /* @__PURE__ */ __name((_provider, account) => {
-  return usePromise7(async () => account ? await SimpleXyoSigner.create({
+  return usePromise8(async () => account ? await SimpleXyoSigner.create({
     account
   }) : void 0, [
     account
@@ -658,10 +896,11 @@ var useSigner = /* @__PURE__ */ __name((_provider, account) => {
 }, "useSigner");
 
 // src/hooks/viewer/useCheckRpc.ts
-import { usePromise as usePromise8 } from "@xylabs/react-promise";
-import { delay as delay2, isDefined as isDefined6, isUndefined as isUndefined6 } from "@xylabs/sdk-js";
-import { AccountBalanceViewerRpcSchemas as AccountBalanceViewerRpcSchemas2, buildJsonRpcProviderLocator as buildJsonRpcProviderLocator2, HttpRpcTransport as HttpRpcTransport2, JsonRpcAccountBalanceViewer as JsonRpcAccountBalanceViewer2, LocalNetwork, SequenceNetwork, SimpleTransactionViewer as SimpleTransactionViewer2, XyoViewerMoniker } from "@xyo-network/xl1-sdk";
-import { useEffect as useEffect3, useState as useState4 } from "react";
+import { usePromise as usePromise9 } from "@xylabs/react-promise";
+import { delay as delay2, isDefined as isDefined8, isUndefined as isUndefined6 } from "@xylabs/sdk-js";
+import { basicRemoteViewerLocator as basicRemoteViewerLocator2 } from "@xyo-network/chain-orchestration";
+import { LocalNetwork, SequenceNetwork, XyoViewerMoniker } from "@xyo-network/xl1-sdk";
+import { useEffect as useEffect5, useState as useState7 } from "react";
 var INTERVAL = 5e3;
 var localRpcEndpoint = `${LocalNetwork.url}/rpc`;
 var sequenceRpcEndpoint = `${SequenceNetwork.url}/rpc`;
@@ -670,35 +909,33 @@ var useCheckLocalRpc = /* @__PURE__ */ __name(() => {
   return isLocalProducer;
 }, "useCheckLocalRpc");
 var useCheckSequenceRpc = /* @__PURE__ */ __name(() => {
-  const isLocalProducer = useCheckRpc(sequenceRpcEndpoint);
-  return isLocalProducer;
+  const isSequenceRpc = useCheckRpc(sequenceRpcEndpoint);
+  return isSequenceRpc;
 }, "useCheckSequenceRpc");
 var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
-  const [isLocalProducer, setIsLocalProducer] = useState4(false);
-  const [error, setError] = useState4();
-  const [viewer] = usePromise8(async () => {
+  const [isLocalProducer, setIsLocalProducer] = useState7(false);
+  const [error, setError] = useState7();
+  const [viewer] = usePromise9(async () => {
     if (isUndefined6(endpoint)) return;
-    const transportFactory = /* @__PURE__ */ __name((schemas) => new HttpRpcTransport2(endpoint, schemas), "transportFactory");
-    const locator = await buildJsonRpcProviderLocator2({
-      transportFactory
+    const locator = await basicRemoteViewerLocator2(endpoint, {
+      rpc: {
+        protocol: "http",
+        url: endpoint
+      }
     });
-    locator.register(SimpleTransactionViewer2.factory(SimpleTransactionViewer2.dependencies, {}));
-    locator.register(JsonRpcAccountBalanceViewer2.factory(JsonRpcAccountBalanceViewer2.dependencies, {
-      transport: await transportFactory(AccountBalanceViewerRpcSchemas2)
-    }));
     const viewer2 = await locator.getInstance(XyoViewerMoniker);
     return viewer2;
   }, [
     endpoint
   ]);
-  useEffect3(() => {
+  useEffect5(() => {
     if (isUndefined6(viewer)) return;
     void (async () => {
       setError(void 0);
       while (!isLocalProducer) {
         try {
           const block = await viewer.currentBlock();
-          setIsLocalProducer(isDefined6(block));
+          setIsLocalProducer(isDefined8(block));
         } catch (err) {
           setError(err);
           setIsLocalProducer(false);
@@ -717,12 +954,12 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
 }, "useCheckRpc");
 
 // src/hooks/viewer/useHttpRpcViewer.ts
-import { usePromise as usePromise9 } from "@xylabs/react-promise";
-import { isDefined as isDefined7, isString as isString2, isUndefined as isUndefined7 } from "@xylabs/sdk-js";
-import { AccountBalanceViewerRpcSchemas as AccountBalanceViewerRpcSchemas3, buildJsonRpcProviderLocator as buildJsonRpcProviderLocator3, HttpRpcTransport as HttpRpcTransport3, JsonRpcAccountBalanceViewer as JsonRpcAccountBalanceViewer3, JsonRpcXyoViewer as JsonRpcXyoViewer2, NetworkDataLakeUrls, RestDataLakeViewer, SimpleTransactionViewer as SimpleTransactionViewer3, XyoViewerMoniker as XyoViewerMoniker2, XyoViewerRpcSchemas } from "@xyo-network/xl1-sdk";
+import { usePromise as usePromise10 } from "@xylabs/react-promise";
+import { isDefined as isDefined9, isString as isString2, isUndefined as isUndefined7 } from "@xylabs/sdk-js";
+import { AccountBalanceViewerRpcSchemas as AccountBalanceViewerRpcSchemas2, buildJsonRpcProviderLocator as buildJsonRpcProviderLocator2, HttpRpcTransport as HttpRpcTransport2, JsonRpcAccountBalanceViewer as JsonRpcAccountBalanceViewer2, JsonRpcXyoViewer as JsonRpcXyoViewer2, NetworkDataLakeUrls as NetworkDataLakeUrls2, RestDataLakeViewer, SimpleTransactionViewer as SimpleTransactionViewer2, XyoViewerMoniker as XyoViewerMoniker2, XyoViewerRpcSchemas } from "@xyo-network/xl1-sdk";
 
 // src/hooks/viewer/ViewerWithDataLake.ts
-import { isNull as isNull4 } from "@xylabs/sdk-js";
+import { isNull as isNull5 } from "@xylabs/sdk-js";
 import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/sdk-js";
 import { addDataLakePayloads, addDataLakePayloadsToPayloads, DataLakeViewerMoniker, JsonRpcXyoViewer } from "@xyo-network/xl1-sdk";
 var ViewerWithDataLake = class extends JsonRpcXyoViewer {
@@ -752,7 +989,7 @@ var ViewerWithDataLake = class extends JsonRpcXyoViewer {
       await PayloadBuilder2.addHashMeta(transaction[0]),
       await PayloadBuilder2.addHashMeta(transaction[1])
     ] : null;
-    return isNull4(transaction) ? transaction : (await addDataLakePayloads([
+    return isNull5(transaction) ? transaction : (await addDataLakePayloads([
       await PayloadBuilder2.addHashMeta(transaction[0]),
       await PayloadBuilder2.addHashMeta(transaction[1])
     ], this.dataLakeViewer))[0];
@@ -765,11 +1002,11 @@ var buildLocatorParams = /* @__PURE__ */ __name((urlOrNetwork) => {
   let dataLakeViewerParams;
   if (isString2(urlOrNetwork)) {
     const url = urlOrNetwork;
-    transportFactory = /* @__PURE__ */ __name((schemas) => new HttpRpcTransport3(`${url}/rpc`, schemas), "transportFactory");
+    transportFactory = /* @__PURE__ */ __name((schemas) => new HttpRpcTransport2(`${url}/rpc`, schemas), "transportFactory");
   } else {
-    transportFactory = /* @__PURE__ */ __name((schemas) => new HttpRpcTransport3(`${urlOrNetwork.url}/rpc`, schemas), "transportFactory");
+    transportFactory = /* @__PURE__ */ __name((schemas) => new HttpRpcTransport2(`${urlOrNetwork.url}/rpc`, schemas), "transportFactory");
     dataLakeViewerParams = {
-      endpoint: NetworkDataLakeUrls[urlOrNetwork.id]
+      endpoint: NetworkDataLakeUrls2[urlOrNetwork.id]
     };
   }
   return {
@@ -778,14 +1015,14 @@ var buildLocatorParams = /* @__PURE__ */ __name((urlOrNetwork) => {
   };
 }, "buildLocatorParams");
 var buildLocator = /* @__PURE__ */ __name(async (transportFactory, dataLakeViewerParams) => {
-  const locator = await buildJsonRpcProviderLocator3({
+  const locator = await buildJsonRpcProviderLocator2({
     transportFactory
   });
-  locator.register(JsonRpcAccountBalanceViewer3.factory(JsonRpcAccountBalanceViewer3.dependencies, {
-    transport: await transportFactory(AccountBalanceViewerRpcSchemas3)
+  locator.register(JsonRpcAccountBalanceViewer2.factory(JsonRpcAccountBalanceViewer2.dependencies, {
+    transport: await transportFactory(AccountBalanceViewerRpcSchemas2)
   }));
-  locator.register(SimpleTransactionViewer3.factory(SimpleTransactionViewer3.dependencies, {}));
-  if (isDefined7(dataLakeViewerParams)) {
+  locator.register(SimpleTransactionViewer2.factory(SimpleTransactionViewer2.dependencies, {}));
+  if (isDefined9(dataLakeViewerParams)) {
     locator.register(RestDataLakeViewer.factory(RestDataLakeViewer.dependencies, dataLakeViewerParams));
   }
   locator.register(ViewerWithDataLake.factory(JsonRpcXyoViewer2.dependencies, {
@@ -794,7 +1031,7 @@ var buildLocator = /* @__PURE__ */ __name(async (transportFactory, dataLakeViewe
   return locator;
 }, "buildLocator");
 var useHttpRpcViewer = /* @__PURE__ */ __name((urlOrNetwork) => {
-  const [resolvedViewer] = usePromise9(async () => {
+  const [resolvedViewer] = usePromise10(async () => {
     if (isUndefined7(urlOrNetwork)) {
       return;
     }
@@ -808,16 +1045,16 @@ var useHttpRpcViewer = /* @__PURE__ */ __name((urlOrNetwork) => {
 }, "useHttpRpcViewer");
 
 // src/hooks/viewer/useViewerFromWallet.ts
-import { usePromise as usePromise10 } from "@xylabs/react-promise";
-import { isDefined as isDefined8, isDefinedNotNull as isDefinedNotNull3, isNull as isNull5 } from "@xylabs/sdk-js";
+import { usePromise as usePromise11 } from "@xylabs/react-promise";
+import { isDefined as isDefined10, isDefinedNotNull as isDefinedNotNull5, isNull as isNull6 } from "@xylabs/sdk-js";
 var useViewerFromWallet = /* @__PURE__ */ __name((networkId, timeout) => {
-  const { gateway, error, isLoading, timedout } = useGateway(networkId, timeout);
-  const result = usePromise10(async () => {
+  const { gateway, error, isLoading, timedout } = useGatewayFromWallet(networkId, timeout);
+  const result = usePromise11(async () => {
     await Promise.resolve();
-    if (isDefinedNotNull3(error)) return null;
-    if (timedout && isNull5(gateway)) return null;
+    if (isDefinedNotNull5(error)) return null;
+    if (timedout && isNull6(gateway)) return null;
     if (isLoading) return;
-    if (isDefined8(gateway) && isDefined8(networkId)) {
+    if (isDefined10(gateway) && isDefined10(networkId)) {
       const connection = gateway?.connection;
       return connection?.viewer;
     }
@@ -830,16 +1067,16 @@ var useViewerFromWallet = /* @__PURE__ */ __name((networkId, timeout) => {
 }, "useViewerFromWallet");
 
 // src/components/connected/ConnectAccountsStack.tsx
-var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React2.createElement(ButtonEx, {
+var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React4.createElement(ButtonEx, {
   variant: "contained",
   size: "small",
   ...props
 }), "DefaultConnectComponent");
-var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React2.createElement(Alert, {
+var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React4.createElement(Alert, {
   severity: "warning"
-}, /* @__PURE__ */ React2.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React2.createElement(Typography2, {
+}, /* @__PURE__ */ React4.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React4.createElement(Typography2, {
   gutterBottom: true
-}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React2.createElement(Button, {
+}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React4.createElement(Button, {
   sx: {
     display: "flex",
     justifySelf: "end"
@@ -852,131 +1089,42 @@ 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);
-  useEffect4(() => {
-    if (isDefined9(error) && isDefined9(onCancel)) {
+  useEffect6(() => {
+    if (isDefined11(error) && isDefined11(onCancel)) {
       onCancel();
     }
   }, [
     error,
     onCancel
   ]);
-  useEffect4(() => {
-    if (isDefined9(address) && isDefined9(onAccountConnected)) {
+  useEffect6(() => {
+    if (isDefined11(address) && isDefined11(onAccountConnected)) {
       onAccountConnected(address);
     }
   }, [
     address,
     onAccountConnected
   ]);
-  return /* @__PURE__ */ React2.createElement(Stack2, {
+  return /* @__PURE__ */ React4.createElement(Stack2, {
     direction: "row",
     alignItems: "start",
     spacing: 2,
     ...props
-  }, isDefined9(address) ? /* @__PURE__ */ React2.createElement(AccountComponent, {
+  }, isDefined11(address) ? /* @__PURE__ */ React4.createElement(AccountComponent, {
     address
-  }) : null, isUndefined8(address) && !timedout ? /* @__PURE__ */ React2.createElement(ConnectComponent, {
+  }) : null, isUndefined8(address) && !timedout ? /* @__PURE__ */ React4.createElement(ConnectComponent, {
     onClick: /* @__PURE__ */ __name(() => void connectSigner(), "onClick")
-  }, "Connect") : null, isUndefined8(address) && timedout ? /* @__PURE__ */ React2.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React2.createElement(ErrorRender, {
+  }, "Connect") : null, isUndefined8(address) && timedout ? /* @__PURE__ */ React4.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React4.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 isDefinedNotNull4, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
-import { startTransition, useEffect as useEffect5, 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();
-  useEffect5(() => {
-    let isMounted = true;
-    const fetchBlock = /* @__PURE__ */ __name(async () => {
-      if (isDefinedNotNull4(viewer)) {
-        try {
-          const block = await viewer.currentBlock();
-          if (isMounted) {
-            startTransition(() => {
-              setCurrentBlock((existingBlock) => {
-                if (isUndefinedOrNull2(existingBlock)) {
-                  return block;
-                }
-                if (isDefinedNotNull4(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");
 export {
   ConnectAccountsStack,
   ConnectedAccount,
   DEFAULT_POLLING_INTERVAL,
+  GatewayContext,
+  GatewayProvider,
   TransactionConfirmationStatus,
   ViewerWithDataLake,
   XL1CurrentBlockContext,
@@ -993,16 +1141,24 @@ export {
   useCheckRpc,
   useCheckSequenceRpc,
   useClient,
+  useClientFromWallet,
   useConfirmTransactionBase,
   useConnectAccount,
   useCurrentBlock,
+  useCurrentBlockFromGateway,
   useGateway,
+  useGatewayFromConfig,
+  useGatewayFromWallet,
   useHttpRpcRunner,
   useHttpRpcViewer,
   useNetwork,
+  useNetworkFromGateway,
   usePermissions,
   usePollCurrentBlock,
+  useProvidedGateway,
+  useRunnerFromGateway,
   useSigner,
+  useViewerFromGateway,
   useViewerFromWallet,
   useXl1CurrentBlockContext
 };