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

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 isDefined11, isUndefined as isUndefined8 } from "@xylabs/sdk-js";
-import { ErrorRender } from "@xyo-network/react-error";
-import React4, { useEffect as useEffect6 } from "react";
+import { isDefined as isDefined10, isUndefined as isUndefined8 } from "@xylabs/sdk-js";
+import { ErrorRender as ErrorRender2 } from "@xyo-network/react-error";
+import React5, { useEffect as useEffect7 } from "react";
 
 // src/hooks/account/helpers/formatAccountBalanceHistory.ts
 import { hexToBigInt } from "@xylabs/sdk-js";
@@ -87,6 +87,24 @@ var balanceForRange = /* @__PURE__ */ __name((address, results) => {
   ];
 }, "balanceForRange");
 
+// src/lib/buildGateway.ts
+import { assertEx, isDefined } 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 = assertEx(network, () => `No network found for id ${gatewayName}`);
+  const remoteConfig = {
+    rpc: {
+      protocol: "http",
+      url: `${resolvedNetwork.url}/rpc`
+    }
+  };
+  const dataLakeEndpoint = NetworkDataLakeUrls[gatewayName];
+  const locator = isDefined(account) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, account, dataLakeEndpoint) : await basicRemoteViewerLocator(gatewayName, remoteConfig, dataLakeEndpoint);
+  return await locator.getInstance(XyoGatewayMoniker);
+}, "buildGateway");
+
 // src/lib/findMinimumBlock.ts
 var findMinimumBlock = /* @__PURE__ */ __name((history) => {
   if (history.length === 0) return 0;
@@ -176,7 +194,7 @@ async function getXyoClient(timeout = CLIENT_LISTENER_TIMEOUT) {
 __name(getXyoClient, "getXyoClient");
 
 // src/hooks/helpers/transaction/Confirmation.ts
-import { assertEx, delay, forget, isDefined, isNull } 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");
@@ -187,10 +205,10 @@ var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
     this._params = params;
   }
   get exp() {
-    return assertEx(this.transaction[0].exp, () => "exp is not found, transaction is not set");
+    return assertEx2(this.transaction[0].exp, () => "exp is not found, transaction is not set");
   }
   get nbf() {
-    return assertEx(this.transaction[0].nbf, () => "nbf is not found, transaction is not set");
+    return assertEx2(this.transaction[0].nbf, () => "nbf is not found, transaction is not set");
   }
   get onStatusUpdate() {
     return this._params.onStatusUpdate;
@@ -214,7 +232,7 @@ var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
     this.active = true;
     try {
       const currentBlockNumber = await this.viewer.currentBlockNumber();
-      while (isDefined(currentBlockNumber) && this.active) {
+      while (isDefined2(currentBlockNumber) && this.active) {
         await this.checkBlock(currentBlockNumber);
         await delay(1e3);
       }
@@ -307,6 +325,7 @@ var initializeClient = /* @__PURE__ */ __name(async (timeout) => {
     const client = await getXyoClient(timeout);
     if (client === null) {
       updateState({
+        client: null,
         timedout: true,
         isLoading: false
       });
@@ -374,24 +393,6 @@ var usePermissions = /* @__PURE__ */ __name(() => {
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
 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 isDefined3 } from "@xylabs/sdk-js";
 var findCaveat = /* @__PURE__ */ __name(async (permissions, targetCapability, targetCaveatType) => {
@@ -435,52 +436,13 @@ var useAccountPermissions = /* @__PURE__ */ __name(() => {
   ]);
 }, "useAccountPermissions");
 
-// 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";
+import { isDefined as isDefined5, 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 && isDefined6(gatewayName)) {
+    if (timedout && !isLoading && isDefined5(gatewayName)) {
       return null;
     }
     return client?.gateways?.[gatewayName];
@@ -503,11 +465,11 @@ 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";
+import { startTransition, useEffect as useEffect2, useState } 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();
+  const [currentBlock, setCurrentBlock] = useState(null);
+  const [error, setError] = useState();
   useEffect2(() => {
     let isMounted = true;
     const fetchBlock = /* @__PURE__ */ __name(async () => {
@@ -591,16 +553,95 @@ 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 }) => {
+import { ErrorRender } from "@xyo-network/react-error";
+import React4, { useEffect as useEffect4, useMemo as useMemo3, useState as useState3 } 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 as useCallback2, useEffect as useEffect3, 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 = useCallback2(() => {
+    setGateways({});
+    setErrors({});
+  }, []);
+  if (previousAccount !== account) {
+    clearAll();
+    setPreviousAccount(account);
+  }
+  useEffect3(() => {
+    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 [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(() => {
+  const { gateways: allGateways, errors: allGatewayErrors, clearAll } = useProvidedInPageGateways(true);
+  const gatewayFromConfig = gatewayName ? allGateways[gatewayName] : void 0;
+  const gatewayFromConfigError = gatewayName ? allGatewayErrors[gatewayName] : void 0;
+  useEffect4(() => {
     if (isNull4(gatewayFromWallet)) {
       setDefaultGateway(gatewayFromConfig);
       setGateways({
@@ -618,13 +659,13 @@ var GatewayProvider = /* @__PURE__ */ __name(({ account, gatewayName, children }
     gatewayFromConfig,
     gatewayFromWallet
   ]);
-  const value = useMemo2(() => {
+  const value = useMemo3(() => {
     const value2 = {
       defaultGateway,
       error: gatewayFromWalletError || gatewayFromConfigError,
       gateways,
       provided: true,
-      resetGatewaysFromConfig: clearGatewaysFromConfig
+      resetGatewaysFromConfig: clearAll
     };
     return value2;
   }, [
@@ -632,16 +673,18 @@ var GatewayProvider = /* @__PURE__ */ __name(({ account, gatewayName, children }
     gatewayFromWalletError,
     gatewayFromConfigError,
     gateways,
-    clearGatewaysFromConfig
+    clearAll
   ]);
-  return /* @__PURE__ */ React3.createElement(GatewayContext, {
+  return /* @__PURE__ */ React4.createElement(GatewayContext, {
     value
-  }, children);
+  }, /* @__PURE__ */ React4.createElement(ErrorRender, {
+    error: gatewayFromConfigError
+  }), 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");
+import { useContextEx as useContextEx3 } from "@xylabs/react-shared";
+var useProvidedGateway = /* @__PURE__ */ __name((required = true) => useContextEx3(GatewayContext, "Gateway", required), "useProvidedGateway");
 
 // src/hooks/gateway/useNetwork.ts
 var useNetworkFromGateway = /* @__PURE__ */ __name(() => {
@@ -662,16 +705,16 @@ var useViewerFromGateway = /* @__PURE__ */ __name(() => {
 }, "useViewerFromGateway");
 
 // src/hooks/useAddressBalance.ts
-import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { usePromise as usePromise3 } from "@xylabs/react-promise";
 import { isUndefined as isUndefined3, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
 import { ShiftedBigInt } from "@xyo-network/xl1-sdk";
-import { useMemo as useMemo3, useRef, useState as useState4 } from "react";
+import { useMemo as useMemo4, useRef, useState as useState4 } from "react";
 var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
   const [balancesResult, setBalancesResult] = useState4();
   const [loading, setLoading] = useState4(false);
   const [balancesError, setBalancesError] = useState4();
   const balancePromiseRef = useRef(null);
-  usePromise4(async () => {
+  usePromise3(async () => {
     if (isUndefined3(viewer) || isUndefined3(address)) return;
     setLoading(true);
     setBalancesError(void 0);
@@ -696,14 +739,14 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
     viewer,
     refresh
   ]);
-  useMemo3(() => {
+  useMemo4(() => {
     if (balancesError) {
       setLoading(false);
     }
   }, [
     balancesError
   ]);
-  const shiftedBigInt = useMemo3(() => {
+  const shiftedBigInt = useMemo4(() => {
     if (typeof balancesResult !== "bigint") return;
     return new ShiftedBigInt(balancesResult, {
       places: 18,
@@ -715,12 +758,12 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
   }, [
     balancesResult
   ]);
-  const balanceIntlFriendly = useMemo3(() => {
+  const balanceIntlFriendly = useMemo4(() => {
     return shiftedBigInt?.toFullString();
   }, [
     shiftedBigInt
   ]);
-  const shortBalanceIntlFriendly = useMemo3(() => {
+  const shortBalanceIntlFriendly = useMemo4(() => {
     return isUndefinedOrNull2(balancesResult) ? void 0 : balancesResult < 1000000000000n && balancesResult > 0n ? "<0.00001" : shiftedBigInt?.toShortString();
   }, [
     balancesResult,
@@ -737,22 +780,22 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh) => {
 }, "useAddressBalance");
 
 // src/hooks/useConfirmTransactionBase.ts
-import { usePromise as usePromise5 } from "@xylabs/react-promise";
-import { forget as forget2, isDefined as isDefined7, isHash } from "@xylabs/sdk-js";
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { forget as forget2, isDefined as isDefined6, isHash } from "@xylabs/sdk-js";
 import { PayloadBuilder } from "@xyo-network/sdk-js";
-import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast, onStatusUpdate, runner, viewer) => {
   const [status, setStatus] = useState5();
   const onStatusUpdateLocal = /* @__PURE__ */ __name((newStatus) => {
     setStatus(newStatus);
     onStatusUpdate?.(newStatus);
   }, "onStatusUpdateLocal");
-  const [transactionConfirmationStatus, transactionConfirmationError] = usePromise5(async () => {
-    const hasRunner = isDefined7(runner);
+  const [transactionConfirmationStatus, transactionConfirmationError] = usePromise4(async () => {
+    const hasRunner = isDefined6(runner);
     if (transaction && viewer) {
       const hash = hasRunner ? await runner.broadcastTransaction(transaction) : await PayloadBuilder.hash(transaction[0]);
       if (isHash(hash)) {
-        if (hasRunner && isDefined7(onBroadcast)) onBroadcast(hash);
+        if (hasRunner && isDefined6(onBroadcast)) onBroadcast(hash);
         const params = {
           onStatusUpdate: onStatusUpdateLocal,
           transaction,
@@ -771,7 +814,7 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
     runner,
     viewer
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     return () => {
       if (transactionConfirmationStatus) {
         forget2(transactionConfirmationStatus.stop());
@@ -790,13 +833,13 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
 import { asAddress } 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 useState6 } from "react";
+import { useCallback as useCallback3, useState as useState6 } from "react";
 var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, timeout) => {
   const [connectError, setConnectError] = useState6();
   const { gateway, error, timedout } = useGatewayFromWallet(gatewayName, timeout);
   const [accountPermissions, accountPermissionsError] = useAccountPermissions();
   const [address, setAddress] = useState6();
-  const connectSigner = useCallback2(async () => {
+  const connectSigner = useCallback3(async () => {
     try {
       setConnectError(void 0);
       const assertedGateway = assertEx3(gateway, () => `Gateway ${gatewayName} is not available`);
@@ -821,10 +864,10 @@ var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, ti
 }, "useConnectAccount");
 
 // src/hooks/useCurrentBlock.ts
-import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
 import { isDefinedNotNull as isDefinedNotNull4 } from "@xylabs/sdk-js";
 var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
-  return usePromise6(async () => {
+  return usePromise5(async () => {
     if (isDefinedNotNull4(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
@@ -836,7 +879,7 @@ var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
 }, "useCurrentBlock");
 var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
   const viewer = useViewerFromGateway();
-  return usePromise6(async () => {
+  return usePromise5(async () => {
     if (isDefinedNotNull4(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
@@ -848,11 +891,11 @@ var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
 }, "useCurrentBlockFromGateway");
 
 // src/hooks/useHttpRpcRunner.ts
-import { usePromise as usePromise7 } from "@xylabs/react-promise";
+import { usePromise as usePromise6 } 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 usePromise7(async () => {
+  return usePromise6(async () => {
     if (isUndefined4(url)) {
       return;
     }
@@ -873,9 +916,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 useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 var useNetwork = /* @__PURE__ */ __name((id) => {
-  const network = useMemo4(() => {
+  const network = useMemo5(() => {
     if (isUndefined5(id)) return;
     return new SimpleXyoNetwork(id);
   }, [
@@ -885,10 +928,10 @@ var useNetwork = /* @__PURE__ */ __name((id) => {
 }, "useNetwork");
 
 // src/hooks/useSigner.ts
-import { usePromise as usePromise8 } from "@xylabs/react-promise";
+import { usePromise as usePromise7 } from "@xylabs/react-promise";
 import { SimpleXyoSigner } from "@xyo-network/xl1-sdk";
 var useSigner = /* @__PURE__ */ __name((_provider, account) => {
-  return usePromise8(async () => account ? await SimpleXyoSigner.create({
+  return usePromise7(async () => account ? await SimpleXyoSigner.create({
     account
   }) : void 0, [
     account
@@ -896,11 +939,11 @@ var useSigner = /* @__PURE__ */ __name((_provider, account) => {
 }, "useSigner");
 
 // src/hooks/viewer/useCheckRpc.ts
-import { usePromise as usePromise9 } from "@xylabs/react-promise";
-import { delay as delay2, isDefined as isDefined8, isUndefined as isUndefined6 } from "@xylabs/sdk-js";
+import { usePromise as usePromise8 } from "@xylabs/react-promise";
+import { delay as delay2, isDefined as isDefined7, 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";
+import { useEffect as useEffect6, useState as useState7 } from "react";
 var INTERVAL = 5e3;
 var localRpcEndpoint = `${LocalNetwork.url}/rpc`;
 var sequenceRpcEndpoint = `${SequenceNetwork.url}/rpc`;
@@ -915,7 +958,7 @@ var useCheckSequenceRpc = /* @__PURE__ */ __name(() => {
 var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
   const [isLocalProducer, setIsLocalProducer] = useState7(false);
   const [error, setError] = useState7();
-  const [viewer] = usePromise9(async () => {
+  const [viewer] = usePromise8(async () => {
     if (isUndefined6(endpoint)) return;
     const locator = await basicRemoteViewerLocator2(endpoint, {
       rpc: {
@@ -928,14 +971,14 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
   }, [
     endpoint
   ]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (isUndefined6(viewer)) return;
     void (async () => {
       setError(void 0);
       while (!isLocalProducer) {
         try {
           const block = await viewer.currentBlock();
-          setIsLocalProducer(isDefined8(block));
+          setIsLocalProducer(isDefined7(block));
         } catch (err) {
           setError(err);
           setIsLocalProducer(false);
@@ -954,8 +997,8 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
 }, "useCheckRpc");
 
 // src/hooks/viewer/useHttpRpcViewer.ts
-import { usePromise as usePromise10 } from "@xylabs/react-promise";
-import { isDefined as isDefined9, isString as isString2, isUndefined as isUndefined7 } from "@xylabs/sdk-js";
+import { usePromise as usePromise9 } from "@xylabs/react-promise";
+import { isDefined as isDefined8, 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
@@ -1022,7 +1065,7 @@ var buildLocator = /* @__PURE__ */ __name(async (transportFactory, dataLakeViewe
     transport: await transportFactory(AccountBalanceViewerRpcSchemas2)
   }));
   locator.register(SimpleTransactionViewer2.factory(SimpleTransactionViewer2.dependencies, {}));
-  if (isDefined9(dataLakeViewerParams)) {
+  if (isDefined8(dataLakeViewerParams)) {
     locator.register(RestDataLakeViewer.factory(RestDataLakeViewer.dependencies, dataLakeViewerParams));
   }
   locator.register(ViewerWithDataLake.factory(JsonRpcXyoViewer2.dependencies, {
@@ -1031,7 +1074,7 @@ var buildLocator = /* @__PURE__ */ __name(async (transportFactory, dataLakeViewe
   return locator;
 }, "buildLocator");
 var useHttpRpcViewer = /* @__PURE__ */ __name((urlOrNetwork) => {
-  const [resolvedViewer] = usePromise10(async () => {
+  const [resolvedViewer] = usePromise9(async () => {
     if (isUndefined7(urlOrNetwork)) {
       return;
     }
@@ -1045,16 +1088,16 @@ var useHttpRpcViewer = /* @__PURE__ */ __name((urlOrNetwork) => {
 }, "useHttpRpcViewer");
 
 // src/hooks/viewer/useViewerFromWallet.ts
-import { usePromise as usePromise11 } from "@xylabs/react-promise";
-import { isDefined as isDefined10, isDefinedNotNull as isDefinedNotNull5, isNull as isNull6 } from "@xylabs/sdk-js";
+import { usePromise as usePromise10 } from "@xylabs/react-promise";
+import { isDefined as isDefined9, isDefinedNotNull as isDefinedNotNull5, isNull as isNull6 } from "@xylabs/sdk-js";
 var useViewerFromWallet = /* @__PURE__ */ __name((networkId, timeout) => {
   const { gateway, error, isLoading, timedout } = useGatewayFromWallet(networkId, timeout);
-  const result = usePromise11(async () => {
+  const result = usePromise10(async () => {
     await Promise.resolve();
     if (isDefinedNotNull5(error)) return null;
     if (timedout && isNull6(gateway)) return null;
     if (isLoading) return;
-    if (isDefined10(gateway) && isDefined10(networkId)) {
+    if (isDefined9(gateway) && isDefined9(networkId)) {
       const connection = gateway?.connection;
       return connection?.viewer;
     }
@@ -1067,16 +1110,16 @@ var useViewerFromWallet = /* @__PURE__ */ __name((networkId, timeout) => {
 }, "useViewerFromWallet");
 
 // src/components/connected/ConnectAccountsStack.tsx
-var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React4.createElement(ButtonEx, {
+var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React5.createElement(ButtonEx, {
   variant: "contained",
   size: "small",
   ...props
 }), "DefaultConnectComponent");
-var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React4.createElement(Alert, {
+var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React5.createElement(Alert, {
   severity: "warning"
-}, /* @__PURE__ */ React4.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React4.createElement(Typography2, {
+}, /* @__PURE__ */ React5.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React5.createElement(Typography2, {
   gutterBottom: true
-}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React4.createElement(Button, {
+}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React5.createElement(Button, {
   sx: {
     display: "flex",
     justifySelf: "end"
@@ -1089,32 +1132,32 @@ 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);
-  useEffect6(() => {
-    if (isDefined11(error) && isDefined11(onCancel)) {
+  useEffect7(() => {
+    if (isDefined10(error) && isDefined10(onCancel)) {
       onCancel();
     }
   }, [
     error,
     onCancel
   ]);
-  useEffect6(() => {
-    if (isDefined11(address) && isDefined11(onAccountConnected)) {
+  useEffect7(() => {
+    if (isDefined10(address) && isDefined10(onAccountConnected)) {
       onAccountConnected(address);
     }
   }, [
     address,
     onAccountConnected
   ]);
-  return /* @__PURE__ */ React4.createElement(Stack2, {
+  return /* @__PURE__ */ React5.createElement(Stack2, {
     direction: "row",
     alignItems: "start",
     spacing: 2,
     ...props
-  }, isDefined11(address) ? /* @__PURE__ */ React4.createElement(AccountComponent, {
+  }, isDefined10(address) ? /* @__PURE__ */ React5.createElement(AccountComponent, {
     address
-  }) : null, isUndefined8(address) && !timedout ? /* @__PURE__ */ React4.createElement(ConnectComponent, {
+  }) : null, isUndefined8(address) && !timedout ? /* @__PURE__ */ React5.createElement(ConnectComponent, {
     onClick: /* @__PURE__ */ __name(() => void connectSigner(), "onClick")
-  }, "Connect") : null, isUndefined8(address) && timedout ? /* @__PURE__ */ React4.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React4.createElement(ErrorRender, {
+  }, "Connect") : null, isUndefined8(address) && timedout ? /* @__PURE__ */ React5.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React5.createElement(ErrorRender2, {
     error,
     scope: "ConnectSigner:error"
   }));
@@ -1125,11 +1168,14 @@ export {
   DEFAULT_POLLING_INTERVAL,
   GatewayContext,
   GatewayProvider,
+  InPageGatewaysContext,
+  InPageGatewaysProvider,
   TransactionConfirmationStatus,
   ViewerWithDataLake,
   XL1CurrentBlockContext,
   XL1CurrentBlockProvider,
   balanceForRange,
+  buildGateway,
   findMinimumBlock,
   formatAccountBalanceHistory,
   getXyoClient,
@@ -1147,7 +1193,6 @@ export {
   useCurrentBlock,
   useCurrentBlockFromGateway,
   useGateway,
-  useGatewayFromConfig,
   useGatewayFromWallet,
   useHttpRpcRunner,
   useHttpRpcViewer,
@@ -1156,6 +1201,7 @@ export {
   usePermissions,
   usePollCurrentBlock,
   useProvidedGateway,
+  useProvidedInPageGateways,
   useRunnerFromGateway,
   useSigner,
   useViewerFromGateway,