@xyo-network/react-chain-provider 1.20.8 → 1.20.10

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 isDefined8, isUndefined as isUndefined6 } from "@xylabs/sdk-js";
+import { isDefined as isDefined5, isUndefined as isUndefined5 } from "@xylabs/sdk-js";
 import { ErrorRender as ErrorRender2 } from "@xyo-network/react-error";
-import React5, { useEffect as useEffect7 } from "react";
+import React5, { useEffect as useEffect5 } from "react";
 
 // src/hooks/account/helpers/formatAccountBalanceHistory.ts
 import { hexToBigInt } from "@xylabs/sdk-js";
@@ -155,306 +155,17 @@ var useAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, maxPage
   ]);
 }, "useAccountBalanceHistory");
 
-// src/hooks/client/useClientFromWallet.ts
-import { isNull as isNull2 } from "@xylabs/sdk-js";
-import { useCallback, useEffect, useSyncExternalStore } from "react";
-
-// src/hooks/helpers/getXyoClient.ts
-import { isUndefined as isUndefined2 } from "@xylabs/sdk-js";
-var CLIENT_LISTENER_TIMEOUT = 500;
-var hasXyoClient = /* @__PURE__ */ __name(() => {
-  return "client" in globalThis.xyo;
-}, "hasXyoClient");
-var listenForClientInjection = /* @__PURE__ */ __name((onClientReady, timeout, onTimeout) => {
-  let resolved = false;
-  const listener = /* @__PURE__ */ __name(() => {
-    onClientReady();
-    resolved = true;
-  }, "listener");
-  globalThis.addEventListener("xyo:plugin-ready", listener);
-  setTimeout(() => {
-    if (!resolved) {
-      globalThis.removeEventListener("xyo:plugin-ready", listener);
-      onTimeout();
-    }
-  }, timeout);
-}, "listenForClientInjection");
-async function getXyoClient(timeout = CLIENT_LISTENER_TIMEOUT) {
-  if (isUndefined2(globalThis.xyo)) {
-    return null;
-  }
-  return hasXyoClient() ? globalThis.xyo.client : await new Promise((resolve) => {
-    listenForClientInjection(() => {
-      resolve(globalThis.xyo.client);
-    }, timeout, () => {
-      resolve(null);
-    });
-  });
-}
-__name(getXyoClient, "getXyoClient");
-
-// src/hooks/helpers/transaction/Confirmation.ts
-import { assertEx as assertEx2, delay, forget, isDefined as isDefined2, isNull } from "@xylabs/sdk-js";
-var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
-  static {
-    __name(this, "TransactionConfirmationStatus");
-  }
-  _params;
-  active = false;
-  constructor(params) {
-    this._params = params;
-  }
-  get exp() {
-    return assertEx2(this.transaction[0].exp, () => "exp is not found, transaction is not set");
-  }
-  get nbf() {
-    return assertEx2(this.transaction[0].nbf, () => "nbf is not found, transaction is not set");
-  }
-  get onStatusUpdate() {
-    return this._params.onStatusUpdate;
-  }
-  get params() {
-    return this._params;
-  }
-  get transaction() {
-    return this.params.transaction;
-  }
-  get txHash() {
-    return this.params.txHash;
-  }
-  get viewer() {
-    return this.params.viewer;
-  }
-  static create(params) {
-    return new _TransactionConfirmationStatus(params);
-  }
-  async start() {
-    this.active = true;
-    try {
-      const currentBlockNumber = await this.viewer.currentBlockNumber();
-      while (isDefined2(currentBlockNumber) && this.active) {
-        await this.checkBlock(currentBlockNumber);
-        await delay(1e3);
-      }
-    } catch (error) {
-      await this.stop();
-      forget(this.onStatusUpdate?.({
-        error: error instanceof Error ? error : new Error("Unknown error occurred"),
-        confirmed: false,
-        blockNumber: 0,
-        progress: 0,
-        remainingBlocks: 0
-      }));
-    }
-  }
-  stop() {
-    this.active = false;
-  }
-  async checkBlock(blockNumber) {
-    if (blockNumber < this.nbf) {
-      await this.stop();
-      forget(this.onStatusUpdate?.({
-        error: new Error(`Block number: ${blockNumber} is before ${this.nbf}`),
-        confirmed: false,
-        blockNumber,
-        progress: 0,
-        remainingBlocks: this.exp - blockNumber
-      }));
-    }
-    if (blockNumber > this.exp) {
-      forget(this.onStatusUpdate?.({
-        confirmed: false,
-        blockNumber,
-        progress: 100,
-        remainingBlocks: 0
-      }));
-      return;
-    }
-    if (blockNumber < this.exp) {
-      await this.checkConfirmation(blockNumber);
-    }
-  }
-  async checkConfirmation(blockNumber) {
-    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 (isNull(tx)) {
-      this.onStatusUpdate?.({
-        confirmed: false,
-        blockNumber,
-        progress,
-        remainingBlocks
-      });
-    } else {
-      this.onStatusUpdate?.({
-        confirmed: true,
-        blockNumber,
-        progress,
-        remainingBlocks
-      });
-      await this.stop();
-    }
-  }
-};
-
-// src/hooks/client/useClientFromWallet.ts
-var currentState = {
-  client: void 0,
-  error: null,
-  isLoading: false,
-  timedout: false
-};
-var listeners = /* @__PURE__ */ new Set();
-var emitChange = /* @__PURE__ */ __name(() => {
-  for (const listener of listeners) listener();
-}, "emitChange");
-var updateState = /* @__PURE__ */ __name((newState) => {
-  currentState = {
-    ...currentState,
-    ...newState
-  };
-  emitChange();
-}, "updateState");
-var initializeClient = /* @__PURE__ */ __name(async (timeout) => {
-  if (currentState.isLoading || currentState.client) return;
-  updateState({
-    isLoading: true,
-    error: null
-  });
-  try {
-    const client = await getXyoClient(timeout);
-    if (client === null) {
-      updateState({
-        client: null,
-        timedout: true,
-        isLoading: false
-      });
-      return;
-    }
-    updateState({
-      client,
-      isLoading: false,
-      error: null
-    });
-  } catch (error) {
-    console.error("Error initializing XyoClient", error);
-    updateState({
-      error,
-      isLoading: false
-    });
-  }
-}, "initializeClient");
-var subscribe = /* @__PURE__ */ __name((listener, timeout) => {
-  listeners.add(listener);
-  void initializeClient(timeout);
-  return () => {
-    listeners.delete(listener);
-  };
-}, "subscribe");
-var getSnapshot = /* @__PURE__ */ __name(() => currentState, "getSnapshot");
-var useClientFromWallet = /* @__PURE__ */ __name((timeout) => {
-  const subscribeWithTimeout = useCallback((listener) => subscribe(listener, timeout), [
-    timeout
-  ]);
-  const clientState = useSyncExternalStore(subscribeWithTimeout, getSnapshot);
-  useEffect(() => {
-    let listener = /* @__PURE__ */ __name(() => {
-      updateState({
-        client: globalThis.xyo?.client,
-        isLoading: false,
-        error: null
-      });
-      emitChange();
-    }, "listener");
-    if (clientState.timedout && isNull2(clientState.client) && !clientState.isLoading) {
-      globalThis.addEventListener("xyo:plugin-ready", listener);
-    }
-    return () => {
-      globalThis.removeEventListener("xyo:plugin-ready", listener);
-    };
-  });
-  return clientState;
-}, "useClientFromWallet");
-var useClient = useClientFromWallet;
-
 // src/hooks/client/permissions/usePermissions.ts
-var usePermissions = /* @__PURE__ */ __name(() => {
-  const { client, isLoading, error, timedout } = useClientFromWallet();
-  const permissions = client?.permissions;
-  return {
-    permissions,
-    isLoading,
-    error,
-    timedout
-  };
-}, "usePermissions");
+import { usePermissions } from "@xyo-network/react-chain-client";
 
 // src/hooks/client/permissions/usePermissionsAccounts.ts
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-import { isArray, isDefined as isDefined4, isDefinedNotNull, isString } from "@xylabs/sdk-js";
+import { useAccountPermissions } from "@xyo-network/react-chain-client";
 
-// src/hooks/client/helpers/findCaveat.ts
-import { isDefined as isDefined3 } from "@xylabs/sdk-js";
-var findCaveat = /* @__PURE__ */ __name(async (permissions, targetCapability, targetCaveatType) => {
-  const existingPermissions = await permissions.getPermissions();
-  if (isDefined3(existingPermissions) && existingPermissions.length > 0) {
-    const foundPermissions = existingPermissions.find((p) => p.parentCapability === targetCapability);
-    if (isDefined3(foundPermissions)) {
-      return foundPermissions.caveats?.find((caveat) => caveat.type === targetCaveatType)?.value ?? [];
-    }
-  }
-  return existingPermissions;
-}, "findCaveat");
-
-// src/hooks/client/permissions/usePermissionsAccounts.ts
-var validateRestrictedAccounts = /* @__PURE__ */ __name((restrictedAccounts) => {
-  if (isDefined4(restrictedAccounts)) {
-    if (isArray(restrictedAccounts) && restrictedAccounts.every(isString)) {
-      return restrictedAccounts;
-    }
-    throw new Error(`Unrecognized format for restrictReturnedAccounts caveat found on permissions.  
-
-      Should be an array of strings: ${JSON.stringify(restrictedAccounts)}`);
-  }
-  return [];
-}, "validateRestrictedAccounts");
-var useAccountPermissions = /* @__PURE__ */ __name(() => {
-  const { permissions, error } = usePermissions();
-  return usePromise2(async () => {
-    if (isDefinedNotNull(error)) throw error;
-    if (isDefined4(permissions)) {
-      const restrictedAccounts = await findCaveat(
-        permissions,
-        // TODO - extract to constant in protocol package
-        "xyoWallet_getAccounts",
-        "restrictReturnedAccounts"
-      );
-      return validateRestrictedAccounts(restrictedAccounts);
-    }
-  }, [
-    permissions
-  ]);
-}, "useAccountPermissions");
+// src/hooks/client/useClientFromWallet.ts
+import { useClient, useClientFromWallet } from "@xyo-network/react-chain-client";
 
 // src/hooks/client/useGatewayFromWallet.ts
-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 && isDefined5(gatewayName)) {
-      return null;
-    }
-    return client?.gateways?.[gatewayName];
-  }, "resolveGateway");
-  return {
-    gateway: gatewayName ? resolveGateway() : void 0,
-    isLoading,
-    error,
-    timedout
-  };
-}, "useGatewayFromWallet");
-var useGateway = useGatewayFromWallet;
+import { useGateway, useGatewayFromWallet } from "@xyo-network/react-chain-client";
 
 // src/contexts/current-block/context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -464,16 +175,16 @@ var XL1CurrentBlockContext = createContextEx();
 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 } from "react";
+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();
-  useEffect2(() => {
+  useEffect(() => {
     let isMounted = true;
     const fetchBlock = /* @__PURE__ */ __name(async () => {
-      if (isDefinedNotNull2(viewer)) {
+      if (isDefinedNotNull(viewer)) {
         try {
           const block = await viewer.currentBlock();
           if (isMounted) {
@@ -482,7 +193,7 @@ var usePollCurrentBlock = /* @__PURE__ */ __name((viewer, interval = DEFAULT_POL
                 if (isUndefinedOrNull(existingBlock)) {
                   return block;
                 }
-                if (isDefinedNotNull2(block) && existingBlock?.[0].block !== block[0].block) {
+                if (isDefinedNotNull(block) && existingBlock?.[0].block !== block[0].block) {
                   return block;
                 }
                 return existingBlock;
@@ -552,9 +263,10 @@ 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 { 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, { useEffect as useEffect4, useMemo as useMemo3, useState as useState3 } from "react";
+import React4, { useMemo as useMemo3 } from "react";
 
 // src/contexts/in-page-gateways/context.ts
 import { createContextEx as createContextEx3 } from "@xylabs/react-shared";
@@ -562,12 +274,12 @@ 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";
+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 = useCallback2(() => {
+  const clearAll = useCallback(() => {
     setGateways({});
     setErrors({});
   }, []);
@@ -575,7 +287,7 @@ var InPageGatewaysProvider = /* @__PURE__ */ __name(({ account, children }) => {
     clearAll();
     setPreviousAccount(account);
   }
-  useEffect3(() => {
+  useEffect2(() => {
     let cancelled = false;
     const buildAll = /* @__PURE__ */ __name(async () => {
       const results = await Promise.allSettled(DefaultNetworks2.map(async (network) => {
@@ -632,29 +344,35 @@ var useProvidedInPageGateways = /* @__PURE__ */ __name((required = true) => useC
 
 // 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: 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;
-  useEffect4(() => {
-    if (isNull4(gatewayFromWallet)) {
-      setDefaultGateway(gatewayFromConfig);
-      setGateways({
-        inPageGateway: gatewayFromConfig,
-        walletGateway: null
-      });
-    } else if (isDefinedNotNull3(gatewayFromWallet)) {
-      setDefaultGateway(gatewayFromWallet);
-      setGateways({
-        inPageGateway: gatewayFromConfig,
-        walletGateway: gatewayFromWallet
-      });
+  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
@@ -704,16 +422,123 @@ var useViewerFromGateway = /* @__PURE__ */ __name(() => {
   return defaultGateway?.connection?.viewer;
 }, "useViewerFromGateway");
 
+// src/hooks/helpers/getXyoClient.ts
+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";
+var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
+  static {
+    __name(this, "TransactionConfirmationStatus");
+  }
+  _params;
+  active = false;
+  constructor(params) {
+    this._params = params;
+  }
+  get exp() {
+    return assertEx2(this.transaction[0].exp, () => "exp is not found, transaction is not set");
+  }
+  get nbf() {
+    return assertEx2(this.transaction[0].nbf, () => "nbf is not found, transaction is not set");
+  }
+  get onStatusUpdate() {
+    return this._params.onStatusUpdate;
+  }
+  get params() {
+    return this._params;
+  }
+  get transaction() {
+    return this.params.transaction;
+  }
+  get txHash() {
+    return this.params.txHash;
+  }
+  get viewer() {
+    return this.params.viewer;
+  }
+  static create(params) {
+    return new _TransactionConfirmationStatus(params);
+  }
+  async start() {
+    this.active = true;
+    try {
+      const currentBlockNumber = await this.viewer.currentBlockNumber();
+      while (isDefined2(currentBlockNumber) && this.active) {
+        await this.checkBlock(currentBlockNumber);
+        await delay(1e3);
+      }
+    } catch (error) {
+      await this.stop();
+      forget(this.onStatusUpdate?.({
+        error: error instanceof Error ? error : new Error("Unknown error occurred"),
+        confirmed: false,
+        blockNumber: 0,
+        progress: 0,
+        remainingBlocks: 0
+      }));
+    }
+  }
+  stop() {
+    this.active = false;
+  }
+  async checkBlock(blockNumber) {
+    if (blockNumber < this.nbf) {
+      await this.stop();
+      forget(this.onStatusUpdate?.({
+        error: new Error(`Block number: ${blockNumber} is before ${this.nbf}`),
+        confirmed: false,
+        blockNumber,
+        progress: 0,
+        remainingBlocks: this.exp - blockNumber
+      }));
+    }
+    if (blockNumber > this.exp) {
+      forget(this.onStatusUpdate?.({
+        confirmed: false,
+        blockNumber,
+        progress: 100,
+        remainingBlocks: 0
+      }));
+      return;
+    }
+    if (blockNumber < this.exp) {
+      await this.checkConfirmation(blockNumber);
+    }
+  }
+  async checkConfirmation(blockNumber) {
+    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)) {
+      this.onStatusUpdate?.({
+        confirmed: false,
+        blockNumber,
+        progress,
+        remainingBlocks
+      });
+    } else {
+      this.onStatusUpdate?.({
+        confirmed: true,
+        blockNumber,
+        progress,
+        remainingBlocks
+      });
+      await this.stop();
+    }
+  }
+};
+
 // src/hooks/useAddressBalance.ts
-import { usePromise as usePromise3 } from "@xylabs/react-promise";
-import { isUndefined as isUndefined3, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { isUndefined as isUndefined2, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
 import { ShiftedBigInt } from "@xyo-network/xl1-sdk";
-import { useMemo as useMemo4, useRef, useState as useState4 } from "react";
+import { useMemo as useMemo4, useRef, useState as useState3 } from "react";
 var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset) => {
-  const [balancesResult, setBalancesResult] = useState4();
-  const [loading, setLoading] = useState4(false);
-  const [balancesError, setBalancesError] = useState4();
-  const [previousReset, setPreviousReset] = useState4(reset);
+  const [balancesResult, setBalancesResult] = useState3();
+  const [loading, setLoading] = useState3(false);
+  const [balancesError, setBalancesError] = useState3();
+  const [previousReset, setPreviousReset] = useState3(reset);
   if (reset !== previousReset) {
     setPreviousReset(reset);
     setBalancesResult(void 0);
@@ -721,8 +546,8 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
     setLoading(false);
   }
   const balancePromiseRef = useRef(null);
-  usePromise3(async () => {
-    if (isUndefined3(viewer) || isUndefined3(address)) return;
+  usePromise2(async () => {
+    if (isUndefined2(viewer) || isUndefined2(address)) return;
     setLoading(true);
     setBalancesError(void 0);
     const currentPromise = viewer.account.balance.accountBalance(address);
@@ -746,13 +571,6 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
     viewer,
     refresh
   ]);
-  useMemo4(() => {
-    if (balancesError) {
-      setLoading(false);
-    }
-  }, [
-    balancesError
-  ]);
   const shiftedBigInt = useMemo4(() => {
     if (typeof balancesResult !== "bigint") return;
     return new ShiftedBigInt(balancesResult, {
@@ -787,22 +605,22 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
 }, "useAddressBalance");
 
 // src/hooks/useConfirmTransactionBase.ts
-import { usePromise as usePromise4 } from "@xylabs/react-promise";
-import { forget as forget2, isDefined as isDefined6, isHash } from "@xylabs/sdk-js";
+import { usePromise as usePromise3 } from "@xylabs/react-promise";
+import { forget as forget2, isDefined as isDefined3, isHash } from "@xylabs/sdk-js";
 import { PayloadBuilder } from "@xyo-network/sdk-js";
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
 var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast, onStatusUpdate, runner, viewer) => {
-  const [status, setStatus] = useState5();
+  const [status, setStatus] = useState4();
   const onStatusUpdateLocal = /* @__PURE__ */ __name((newStatus) => {
     setStatus(newStatus);
     onStatusUpdate?.(newStatus);
   }, "onStatusUpdateLocal");
-  const [transactionConfirmationStatus, transactionConfirmationError] = usePromise4(async () => {
-    const hasRunner = isDefined6(runner);
+  const [transactionConfirmationStatus, transactionConfirmationError] = usePromise3(async () => {
+    const hasRunner = isDefined3(runner);
     if (transaction && viewer) {
       const hash = hasRunner ? await runner.broadcastTransaction(transaction) : await PayloadBuilder.hash(transaction[0]);
       if (isHash(hash)) {
-        if (hasRunner && isDefined6(onBroadcast)) onBroadcast(hash);
+        if (hasRunner && isDefined3(onBroadcast)) onBroadcast(hash);
         const params = {
           onStatusUpdate: onStatusUpdateLocal,
           transaction,
@@ -821,7 +639,7 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
     runner,
     viewer
   ]);
-  useEffect5(() => {
+  useEffect3(() => {
     return () => {
       if (transactionConfirmationStatus) {
         forget2(transactionConfirmationStatus.stop());
@@ -840,13 +658,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 useCallback3, useState as useState6 } from "react";
+import { useCallback as useCallback2, useState as useState5 } from "react";
 var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, timeout) => {
-  const [connectError, setConnectError] = useState6();
+  const [connectError, setConnectError] = useState5();
   const { gateway, error, timedout } = useGatewayFromWallet(gatewayName, timeout);
   const [accountPermissions, accountPermissionsError] = useAccountPermissions();
-  const [address, setAddress] = useState6();
-  const connectSigner = useCallback3(async () => {
+  const [address, setAddress] = useState5();
+  const connectSigner = useCallback2(async () => {
     try {
       setConnectError(void 0);
       const assertedGateway = assertEx3(gateway, () => `Gateway ${gatewayName} is not available`);
@@ -871,11 +689,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 isDefinedNotNull4 } from "@xylabs/sdk-js";
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { isDefinedNotNull as isDefinedNotNull3 } from "@xylabs/sdk-js";
 var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
-  return usePromise5(async () => {
-    if (isDefinedNotNull4(viewer) && refresh > 0) {
+  return usePromise4(async () => {
+    if (isDefinedNotNull3(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
     }
@@ -886,8 +704,8 @@ var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
 }, "useCurrentBlock");
 var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
   const viewer = useViewerFromGateway();
-  return usePromise5(async () => {
-    if (isDefinedNotNull4(viewer) && refresh > 0) {
+  return usePromise4(async () => {
+    if (isDefinedNotNull3(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
     }
@@ -898,12 +716,12 @@ var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
 }, "useCurrentBlockFromGateway");
 
 // src/hooks/useNetwork.ts
-import { isUndefined as isUndefined4 } from "@xylabs/sdk-js";
+import { isUndefined as isUndefined3 } from "@xylabs/sdk-js";
 import { SimpleXyoNetwork } from "@xyo-network/xl1-sdk";
 import { useMemo as useMemo5 } from "react";
 var useNetwork = /* @__PURE__ */ __name((id) => {
   const network = useMemo5(() => {
-    if (isUndefined4(id)) return;
+    if (isUndefined3(id)) return;
     return new SimpleXyoNetwork(id);
   }, [
     id
@@ -912,10 +730,10 @@ var useNetwork = /* @__PURE__ */ __name((id) => {
 }, "useNetwork");
 
 // src/hooks/useSigner.ts
-import { usePromise as usePromise6 } from "@xylabs/react-promise";
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
 import { SimpleXyoSigner } from "@xyo-network/xl1-sdk";
 var useSigner = /* @__PURE__ */ __name((_provider, account) => {
-  return usePromise6(async () => account ? await SimpleXyoSigner.create({
+  return usePromise5(async () => account ? await SimpleXyoSigner.create({
     account
   }) : void 0, [
     account
@@ -923,11 +741,11 @@ var useSigner = /* @__PURE__ */ __name((_provider, account) => {
 }, "useSigner");
 
 // src/hooks/viewer/useCheckRpc.ts
-import { usePromise as usePromise7 } from "@xylabs/react-promise";
-import { delay as delay2, isDefined as isDefined7, isUndefined as isUndefined5 } from "@xylabs/sdk-js";
+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 } from "@xyo-network/chain-orchestration";
 import { LocalNetwork, SequenceNetwork, XyoViewerMoniker } from "@xyo-network/xl1-sdk";
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { useEffect as useEffect4, useState as useState6 } from "react";
 var INTERVAL = 5e3;
 var localRpcEndpoint = `${LocalNetwork.url}/rpc`;
 var sequenceRpcEndpoint = `${SequenceNetwork.url}/rpc`;
@@ -940,10 +758,10 @@ var useCheckSequenceRpc = /* @__PURE__ */ __name(() => {
   return isSequenceRpc;
 }, "useCheckSequenceRpc");
 var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
-  const [isLocalProducer, setIsLocalProducer] = useState7(false);
-  const [error, setError] = useState7();
-  const [viewer] = usePromise7(async () => {
-    if (isUndefined5(endpoint)) return;
+  const [isLocalProducer, setIsLocalProducer] = useState6(false);
+  const [error, setError] = useState6();
+  const [viewer] = usePromise6(async () => {
+    if (isUndefined4(endpoint)) return;
     const locator = await basicRemoteViewerLocator2(endpoint, {
       rpc: {
         protocol: "http",
@@ -955,14 +773,14 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
   }, [
     endpoint
   ]);
-  useEffect6(() => {
-    if (isUndefined5(viewer)) return;
+  useEffect4(() => {
+    if (isUndefined4(viewer)) return;
     void (async () => {
       setError(void 0);
       while (!isLocalProducer) {
         try {
           const block = await viewer.currentBlock();
-          setIsLocalProducer(isDefined7(block));
+          setIsLocalProducer(isDefined4(block));
         } catch (err) {
           setError(err);
           setIsLocalProducer(false);
@@ -981,7 +799,7 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
 }, "useCheckRpc");
 
 // src/hooks/viewer/ViewerWithDataLake.ts
-import { isNull as isNull5 } from "@xylabs/sdk-js";
+import { isNull as isNull3 } 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 {
@@ -1011,7 +829,7 @@ var ViewerWithDataLake = class extends JsonRpcXyoViewer {
       await PayloadBuilder2.addHashMeta(transaction[0]),
       await PayloadBuilder2.addHashMeta(transaction[1])
     ] : null;
-    return isNull5(transaction) ? transaction : (await addDataLakePayloads([
+    return isNull3(transaction) ? transaction : (await addDataLakePayloads([
       await PayloadBuilder2.addHashMeta(transaction[0]),
       await PayloadBuilder2.addHashMeta(transaction[1])
     ], this.dataLakeViewer))[0];
@@ -1041,16 +859,16 @@ 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);
-  useEffect7(() => {
-    if (isDefined8(error) && isDefined8(onCancel)) {
+  useEffect5(() => {
+    if (isDefined5(error) && isDefined5(onCancel)) {
       onCancel();
     }
   }, [
     error,
     onCancel
   ]);
-  useEffect7(() => {
-    if (isDefined8(address) && isDefined8(onAccountConnected)) {
+  useEffect5(() => {
+    if (isDefined5(address) && isDefined5(onAccountConnected)) {
       onAccountConnected(address);
     }
   }, [
@@ -1062,11 +880,11 @@ var ConnectAccountsStack = /* @__PURE__ */ __name(({ AccountComponent = Connecte
     alignItems: "start",
     spacing: 2,
     ...props
-  }, isDefined8(address) ? /* @__PURE__ */ React5.createElement(AccountComponent, {
+  }, isDefined5(address) ? /* @__PURE__ */ React5.createElement(AccountComponent, {
     address
-  }) : null, isUndefined6(address) && !timedout ? /* @__PURE__ */ React5.createElement(ConnectComponent, {
+  }) : null, isUndefined5(address) && !timedout ? /* @__PURE__ */ React5.createElement(ConnectComponent, {
     onClick: /* @__PURE__ */ __name(() => void connectSigner(), "onClick")
-  }, "Connect") : null, isUndefined6(address) && timedout ? /* @__PURE__ */ React5.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React5.createElement(ErrorRender2, {
+  }, "Connect") : null, isUndefined5(address) && timedout ? /* @__PURE__ */ React5.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React5.createElement(ErrorRender2, {
     error,
     scope: "ConnectSigner:error"
   }));