@xyo-network/react-chain-provider 1.22.0 → 1.23.2

package/dist/browser/index.mjs

@@ -1,44 +1,55 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/connected/account/Connected.tsx
-import { Stack, Tooltip, Typography } from "@mui/material";
+import {
+  Stack,
+  Tooltip,
+  Typography
+} from "@mui/material";
 import { EthAddressWrapper } from "@xylabs/sdk-js";
-import { BlockiesAvatarAddress } from "@xyo-network/react-chain-blockies";
-import React from "react";
-var ConnectedAccount = /* @__PURE__ */ __name(({ address }) => {
+import { BlockiesAvatarAddress } from "@xyo-network/xl1-blockies";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ConnectedAccount = ({ address }) => {
   const shortenedAddress = `${EthAddressWrapper.fromString(address)?.toShortString(4)}`;
-  return /* @__PURE__ */ React.createElement(Stack, {
-    direction: "row",
-    spacing: 1,
-    sx: {
-      alignItems: "center"
-    }
-  }, /* @__PURE__ */ React.createElement(BlockiesAvatarAddress, {
-    address,
-    size: 21
-  }), /* @__PURE__ */ React.createElement(Tooltip, {
-    title: address
-  }, /* @__PURE__ */ React.createElement(Typography, {
-    variant: "caption",
-    sx: {
-      color: "text.secondary",
-      fontFamily: "monospace"
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "row",
+      spacing: 1,
+      sx: { alignItems: "center" },
+      children: [
+        /* @__PURE__ */ jsx(BlockiesAvatarAddress, { address, size: 21 }),
+        /* @__PURE__ */ jsx(Tooltip, { title: address, children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            sx: {
+              color: "text.secondary",
+              fontFamily: "monospace"
+            },
+            children: shortenedAddress
+          }
+        ) })
+      ]
     }
-  }, shortenedAddress)));
-}, "ConnectedAccount");
+  );
+};
 
 // src/components/connected/ConnectAccountsStack.tsx
-import { Alert, AlertTitle, Button, Stack as Stack2, Typography as Typography2 } from "@mui/material";
+import {
+  Alert,
+  AlertTitle,
+  Button,
+  Stack as Stack2,
+  Typography as Typography2
+} from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { isDefined as isDefined5, isUndefined as isUndefined5 } from "@xylabs/sdk-js";
 import { ErrorRender } from "@xyo-network/react-error";
-import React2, { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect3 } from "react";
 
 // src/hooks/account/helpers/formatAccountBalanceHistory.ts
 import { hexToBigInt } from "@xylabs/sdk-js";
 import { PayloadBuilder } from "@xyo-network/sdk-js";
-var formatAccountBalanceHistory = /* @__PURE__ */ __name(async (address, history) => {
+var formatAccountBalanceHistory = async (address, history) => {
   const results = [];
   for (const item of history) {
     const [blockBw, txBw, transfer] = item;
@@ -77,31 +88,40 @@ var formatAccountBalanceHistory = /* @__PURE__ */ __name(async (address, history
     }
   }
   return results;
-}, "formatAccountBalanceHistory");
+};
 
 // src/hooks/account/useAccountBalanceHistory.ts
 import { usePromise } from "@xylabs/react-promise";
-import { isUndefined } from "@xylabs/sdk-js";
+import {
+  isUndefined
+} from "@xylabs/sdk-js";
 
 // src/lib/balanceForRange.ts
-import { hexToBigInt as hexToBigInt2, isHex, toHex } from "@xylabs/sdk-js";
-var balanceForRange = /* @__PURE__ */ __name((address, results) => {
+import {
+  hexToBigInt as hexToBigInt2,
+  isHex,
+  toHex
+} from "@xylabs/sdk-js";
+var balanceForRange = (address, results) => {
   const totalReceivedBalance = results?.reduce((a, [_block, _tx, transfer]) => {
     return a + hexToBigInt2(transfer.transfers[address] ?? toHex(0));
   }, 0n);
   const totalSentBalance = results?.reduce((a, [_block, _tx, transfer]) => {
     return transfer.from === address ? a + Object.values(transfer.transfers).reduce((a2, v) => a2 + (isHex(v) ? hexToBigInt2(v) : 0n), 0n) : a;
   }, 0n);
-  return [
-    totalReceivedBalance,
-    totalSentBalance
-  ];
-}, "balanceForRange");
+  return [totalReceivedBalance, totalSentBalance];
+};
 
 // src/lib/buildGateway.ts
 import { assertEx, isDefined } from "@xylabs/sdk-js";
-import { basicRemoteRunnerLocator, basicRemoteViewerLocator, DefaultNetworks, NetworkDataLakeUrls, XyoGatewayMoniker } from "@xyo-network/xl1-sdk";
-var buildGateway = /* @__PURE__ */ __name(async (gatewayName, signerTransport) => {
+import {
+  basicRemoteRunnerLocator,
+  basicRemoteViewerLocator,
+  DefaultNetworks,
+  NetworkDataLakeUrls,
+  XyoGatewayMoniker
+} from "@xyo-network/xl1-sdk";
+var buildGateway = async (gatewayName, signerTransport) => {
   const network = DefaultNetworks.find((network2) => network2.id === gatewayName);
   const resolvedNetwork = assertEx(network, () => `No network found for id ${gatewayName}`);
   const remoteConfig = {
@@ -113,37 +133,30 @@ var buildGateway = /* @__PURE__ */ __name(async (gatewayName, signerTransport) =
   const dataLakeEndpoint = NetworkDataLakeUrls[gatewayName];
   const locator = isDefined(signerTransport) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, signerTransport, dataLakeEndpoint) : await basicRemoteViewerLocator(gatewayName, remoteConfig, dataLakeEndpoint);
   return await locator.getInstance(XyoGatewayMoniker);
-}, "buildGateway");
+};
 
 // src/lib/findMinimumBlock.ts
-var findMinimumBlock = /* @__PURE__ */ __name((history) => {
+var findMinimumBlock = (history) => {
   if (history.length === 0) return 0;
   const blockNumbers = history.map(([blockBw]) => blockBw.block);
   const min = Math.min(...blockNumbers);
   return Math.max(min - 1, 0);
-}, "findMinimumBlock");
+};
 
 // src/hooks/account/useAccountBalanceHistory.ts
-var useAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, maxPage = 10, blockRange, refresh) => {
+var useAccountBalanceHistory = (address, viewer, maxPage = 10, blockRange, refresh) => {
   return usePromise(async () => {
     if (isUndefined(viewer) || isUndefined(address)) return;
     let page = 1;
     let lastBlock;
     const pagedHistory = [];
     const resolvedStartBlock = blockRange ? blockRange[0] : 0;
-    const history = await viewer.account.balance.accountBalanceHistory(address, blockRange ? {
-      range: blockRange
-    } : {});
+    const history = await viewer.account.balance.accountBalanceHistory(address, blockRange ? { range: blockRange } : {});
     if (history.length > 0) {
       pagedHistory.push(...history);
       lastBlock = findMinimumBlock(history);
       while (page < maxPage) {
-        const nextHistory = await viewer.account.balance.accountBalanceHistory(address, {
-          range: [
-            resolvedStartBlock,
-            lastBlock
-          ]
-        });
+        const nextHistory = await viewer.account.balance.accountBalanceHistory(address, { range: [resolvedStartBlock, lastBlock] });
         if (nextHistory.length === 0) break;
         lastBlock = findMinimumBlock(nextHistory);
         pagedHistory.push(...nextHistory);
@@ -156,45 +169,42 @@ var useAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, maxPage
       balance: balanceForRange(address, pagedHistory),
       truncated: page >= maxPage
     };
-  }, [
-    address,
-    viewer,
-    refresh,
-    blockRange,
-    maxPage
-  ]);
-}, "useAccountBalanceHistory");
+  }, [address, viewer, refresh, blockRange, maxPage]);
+};
 
 // src/hooks/gateway/useNetwork.ts
-import { useProvidedGateway } from "@xyo-network/react-chain-client";
-var useNetworkFromGateway = /* @__PURE__ */ __name(() => {
+import { useProvidedGateway } from "@xyo-network/xl1-react-client-sdk";
+var useNetworkFromGateway = () => {
   const { defaultGateway } = useProvidedGateway();
   return defaultGateway?.connection?.network;
-}, "useNetworkFromGateway");
+};
 
 // src/hooks/gateway/useRunner.ts
-import { useProvidedGateway as useProvidedGateway2 } from "@xyo-network/react-chain-client";
-var useRunnerFromGateway = /* @__PURE__ */ __name(() => {
+import { useProvidedGateway as useProvidedGateway2 } from "@xyo-network/xl1-react-client-sdk";
+var useRunnerFromGateway = () => {
   const { defaultGateway } = useProvidedGateway2();
   return defaultGateway?.connection?.runner;
-}, "useRunnerFromGateway");
+};
 
 // src/hooks/gateway/useViewer.ts
-import { useProvidedGateway as useProvidedGateway3 } from "@xyo-network/react-chain-client";
-var useViewerFromGateway = /* @__PURE__ */ __name(() => {
+import { useProvidedGateway as useProvidedGateway3 } from "@xyo-network/xl1-react-client-sdk";
+var useViewerFromGateway = () => {
   const { defaultGateway } = useProvidedGateway3();
   return defaultGateway?.connection?.viewer;
-}, "useViewerFromGateway");
+};
 
 // src/hooks/helpers/getXyoClient.ts
-import { getXyoClient, listenForClientInjection } from "@xyo-network/react-chain-client";
+import { getXyoClient, listenForClientInjection } from "@xyo-network/xl1-react-client-sdk";
 
 // src/hooks/helpers/transaction/Confirmation.ts
-import { assertEx as assertEx2, delay, forget, isDefined as isDefined2, 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");
-  }
   _params;
   active = false;
   constructor(params) {
@@ -297,8 +307,12 @@ var TransactionConfirmationStatus = class _TransactionConfirmationStatus {
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
 import { isUndefined as isUndefined2, isUndefinedOrNull } from "@xylabs/sdk-js";
 import { ShiftedBigInt } from "@xyo-network/xl1-sdk";
-import { useMemo, useRef, useState } from "react";
-var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset) => {
+import {
+  useMemo,
+  useRef,
+  useState
+} from "react";
+var useAddressBalance = (address, viewer, refresh, reset) => {
   const [balancesResult, setBalancesResult] = useState();
   const [loading, setLoading] = useState(false);
   const [balancesError, setBalancesError] = useState();
@@ -330,11 +344,7 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
         setLoading(false);
       }
     }
-  }, [
-    address,
-    viewer,
-    refresh
-  ]);
+  }, [address, viewer, refresh]);
   const shiftedBigInt = useMemo(() => {
     if (typeof balancesResult !== "bigint") return;
     return new ShiftedBigInt(balancesResult, {
@@ -344,20 +354,13 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
       minDecimals: 1,
       locale: navigator.language
     });
-  }, [
-    balancesResult
-  ]);
+  }, [balancesResult]);
   const balanceIntlFriendly = useMemo(() => {
     return shiftedBigInt?.toFullString();
-  }, [
-    shiftedBigInt
-  ]);
+  }, [shiftedBigInt]);
   const shortBalanceIntlFriendly = useMemo(() => {
     return isUndefinedOrNull(balancesResult) ? void 0 : balancesResult < 1000000000000n && balancesResult > 0n ? "<0.00001" : shiftedBigInt?.toShortString();
-  }, [
-    balancesResult,
-    shiftedBigInt
-  ]);
+  }, [balancesResult, shiftedBigInt]);
   return {
     address,
     balanceForAddress: balancesResult,
@@ -366,19 +369,23 @@ var useAddressBalance = /* @__PURE__ */ __name((address, viewer, refresh, reset)
     error: balancesError,
     loading
   };
-}, "useAddressBalance");
+};
 
 // src/hooks/useConfirmTransactionBase.ts
 import { usePromise as usePromise3 } from "@xylabs/react-promise";
-import { forget as forget2, isDefined as isDefined3, isHash } from "@xylabs/sdk-js";
+import {
+  forget as forget2,
+  isDefined as isDefined3,
+  isHash
+} from "@xylabs/sdk-js";
 import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/sdk-js";
 import { useEffect, useState as useState2 } from "react";
-var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast, onStatusUpdate, runner, viewer) => {
+var useConfirmTransactionBase = (transaction, onBroadcast, onStatusUpdate, runner, viewer) => {
   const [status, setStatus] = useState2();
-  const onStatusUpdateLocal = /* @__PURE__ */ __name((newStatus) => {
+  const onStatusUpdateLocal = (newStatus) => {
     setStatus(newStatus);
     onStatusUpdate?.(newStatus);
-  }, "onStatusUpdateLocal");
+  };
   const [transactionConfirmationStatus, transactionConfirmationError] = usePromise3(async () => {
     const hasRunner = isDefined3(runner);
     if (transaction && viewer) {
@@ -398,35 +405,30 @@ var useConfirmTransactionBase = /* @__PURE__ */ __name((transaction, onBroadcast
         throw new Error("unexpected return type from broadcast transaction");
       }
     }
-  }, [
-    transaction,
-    runner,
-    viewer
-  ]);
+  }, [transaction, runner, viewer]);
   useEffect(() => {
     return () => {
       if (transactionConfirmationStatus) {
         forget2(transactionConfirmationStatus.stop());
       }
     };
-  }, [
-    transactionConfirmationStatus
-  ]);
-  return {
-    status,
-    transactionConfirmationError
-  };
-}, "useConfirmTransactionBase");
+  }, [transactionConfirmationStatus]);
+  return { status, transactionConfirmationError };
+};
 
 // src/hooks/useConnectAccount.ts
 import { asAddress } from "@xylabs/sdk-js";
 import { assertEx as assertEx3 } from "@xylabs/sdk-js";
-import { useAccountPermissions, useGatewayFromWallet } from "@xyo-network/react-chain-client";
+import { useAccountPermissions, useGatewayFromWallet } from "@xyo-network/xl1-react-client-sdk";
 import { MainNetwork } from "@xyo-network/xl1-sdk";
 import { useCallback, useState as useState3 } from "react";
-var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, timeout) => {
+var useConnectAccount = (gatewayName = MainNetwork.id, timeout) => {
   const [connectError, setConnectError] = useState3();
-  const { gateway, error, timedout } = useGatewayFromWallet(gatewayName, timeout);
+  const {
+    gateway,
+    error,
+    timedout
+  } = useGatewayFromWallet(gatewayName, timeout);
   const [accountPermissions, accountPermissionsError] = useAccountPermissions();
   const [address, setAddress] = useState3();
   const connectSigner = useCallback(async () => {
@@ -440,10 +442,7 @@ var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, ti
     } catch (e) {
       setConnectError(e);
     }
-  }, [
-    gateway,
-    gatewayName
-  ]);
+  }, [gateway, gatewayName]);
   return {
     address: asAddress(accountPermissions?.[0] ?? address),
     connectSigner,
@@ -451,92 +450,84 @@ var useConnectAccount = /* @__PURE__ */ __name((gatewayName = MainNetwork.id, ti
     gateway,
     timedout
   };
-}, "useConnectAccount");
+};
 
 // src/hooks/useCurrentBlock.ts
 import { usePromise as usePromise4 } from "@xylabs/react-promise";
 import { isDefinedNotNull } from "@xylabs/sdk-js";
-var useCurrentBlock = /* @__PURE__ */ __name((refresh = 1, viewer) => {
+var useCurrentBlock = (refresh = 1, viewer) => {
   return usePromise4(async () => {
     if (isDefinedNotNull(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
     }
-  }, [
-    viewer,
-    refresh
-  ]);
-}, "useCurrentBlock");
-var useCurrentBlockFromGateway = /* @__PURE__ */ __name((refresh = 1) => {
+  }, [viewer, refresh]);
+};
+var useCurrentBlockFromGateway = (refresh = 1) => {
   const viewer = useViewerFromGateway();
   return usePromise4(async () => {
     if (isDefinedNotNull(viewer) && refresh > 0) {
       const block = await viewer.currentBlock();
       return block;
     }
-  }, [
-    viewer,
-    refresh
-  ]);
-}, "useCurrentBlockFromGateway");
+  }, [viewer, refresh]);
+};
 
 // src/hooks/useNetwork.ts
 import { isUndefined as isUndefined3 } from "@xylabs/sdk-js";
 import { SimpleXyoNetwork } from "@xyo-network/xl1-sdk";
 import { useMemo as useMemo2 } from "react";
-var useNetwork = /* @__PURE__ */ __name((id) => {
+var useNetwork = (id) => {
   const network = useMemo2(() => {
     if (isUndefined3(id)) return;
     return new SimpleXyoNetwork(id);
-  }, [
-    id
-  ]);
+  }, [id]);
   return network;
-}, "useNetwork");
+};
 
 // src/hooks/useSigner.ts
 import { usePromise as usePromise5 } from "@xylabs/react-promise";
-import { SimpleXyoSigner } from "@xyo-network/xl1-sdk";
-var useSigner = /* @__PURE__ */ __name((_provider, account) => {
-  return usePromise5(async () => account ? await SimpleXyoSigner.create({
-    account
-  }) : void 0, [
-    account
-  ]);
-}, "useSigner");
+import {
+  SimpleXyoSigner
+} from "@xyo-network/xl1-sdk";
+var useSigner = (_provider, account) => {
+  return usePromise5(async () => account ? await SimpleXyoSigner.create({ account }) : void 0, [account]);
+};
 
 // src/hooks/viewer/useCheckRpc.ts
 import { usePromise as usePromise6 } from "@xylabs/react-promise";
-import { delay as delay2, isDefined as isDefined4, isUndefined as isUndefined4 } from "@xylabs/sdk-js";
-import { basicRemoteViewerLocator as basicRemoteViewerLocator2, LocalNetwork, SequenceNetwork, XyoViewerMoniker } from "@xyo-network/xl1-sdk";
+import {
+  delay as delay2,
+  isDefined as isDefined4,
+  isUndefined as isUndefined4
+} from "@xylabs/sdk-js";
+import {
+  basicRemoteViewerLocator as basicRemoteViewerLocator2,
+  LocalNetwork,
+  SequenceNetwork,
+  XyoViewerMoniker
+} from "@xyo-network/xl1-sdk";
 import { useEffect as useEffect2, useState as useState4 } from "react";
 var INTERVAL = 5e3;
 var localRpcEndpoint = `${LocalNetwork.url}/rpc`;
 var sequenceRpcEndpoint = `${SequenceNetwork.url}/rpc`;
-var useCheckLocalRpc = /* @__PURE__ */ __name(() => {
+var useCheckLocalRpc = () => {
   const isLocalProducer = useCheckRpc(localRpcEndpoint);
   return isLocalProducer;
-}, "useCheckLocalRpc");
-var useCheckSequenceRpc = /* @__PURE__ */ __name(() => {
+};
+var useCheckSequenceRpc = () => {
   const isSequenceRpc = useCheckRpc(sequenceRpcEndpoint);
   return isSequenceRpc;
-}, "useCheckSequenceRpc");
-var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
+};
+var useCheckRpc = (endpoint) => {
   const [isLocalProducer, setIsLocalProducer] = useState4(false);
   const [error, setError] = useState4();
   const [viewer] = usePromise6(async () => {
     if (isUndefined4(endpoint)) return;
-    const locator = await basicRemoteViewerLocator2(endpoint, {
-      rpc: {
-        protocol: "http",
-        url: endpoint
-      }
-    });
+    const locator = await basicRemoteViewerLocator2(endpoint, { rpc: { protocol: "http", url: endpoint } });
     const viewer2 = await locator.getInstance(XyoViewerMoniker);
     return viewer2;
-  }, [
-    endpoint
-  ]);
+  }, [endpoint]);
   useEffect2(() => {
     if (isUndefined4(viewer)) return;
     void (async () => {
@@ -552,24 +543,20 @@ var useCheckRpc = /* @__PURE__ */ __name((endpoint) => {
         await delay2(INTERVAL);
       }
     })();
-  }, [
-    isLocalProducer,
-    viewer
-  ]);
-  return {
-    isLocalProducer,
-    error
-  };
-}, "useCheckRpc");
+  }, [isLocalProducer, viewer]);
+  return { isLocalProducer, error };
+};
 
 // src/hooks/viewer/ViewerWithDataLake.ts
 import { isNull as isNull2 } from "@xylabs/sdk-js";
 import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/sdk-js";
-import { addDataLakePayloads, addDataLakePayloadsToPayloads, DataLakeViewerMoniker, JsonRpcXyoViewer } from "@xyo-network/xl1-sdk";
+import {
+  addDataLakePayloads,
+  addDataLakePayloadsToPayloads,
+  DataLakeViewerMoniker,
+  JsonRpcXyoViewer
+} from "@xyo-network/xl1-sdk";
 var ViewerWithDataLake = class extends JsonRpcXyoViewer {
-  static {
-    __name(this, "ViewerWithDataLake");
-  }
   dataLakeViewer;
   async blocksByHash(hash, limit) {
     const blocks = await super.blocksByHash(hash, limit);
@@ -589,10 +576,7 @@ var ViewerWithDataLake = class extends JsonRpcXyoViewer {
   }
   async transactionByHash(hash) {
     const transaction = await super.transaction.byHash(hash);
-    if (!this.dataLakeViewer) return transaction ? [
-      await PayloadBuilder3.addHashMeta(transaction[0]),
-      await PayloadBuilder3.addHashMeta(transaction[1])
-    ] : null;
+    if (!this.dataLakeViewer) return transaction ? [await PayloadBuilder3.addHashMeta(transaction[0]), await PayloadBuilder3.addHashMeta(transaction[1])] : null;
     return isNull2(transaction) ? transaction : (await addDataLakePayloads([
       await PayloadBuilder3.addHashMeta(transaction[0]),
       await PayloadBuilder3.addHashMeta(transaction[1])
@@ -601,83 +585,87 @@ var ViewerWithDataLake = class extends JsonRpcXyoViewer {
 };
 
 // src/components/connected/ConnectAccountsStack.tsx
-var DefaultConnectComponent = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React2.createElement(ButtonEx, {
-  variant: "contained",
-  size: "small",
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DefaultConnectComponent = (props) => /* @__PURE__ */ jsx2(ButtonEx, { variant: "contained", size: "small", ...props });
+var DefaultNoWalletInstalledComponent = () => /* @__PURE__ */ jsxs2(Alert, { severity: "warning", children: [
+  /* @__PURE__ */ jsx2(AlertTitle, { children: "XL1 Wallet Not Found" }),
+  /* @__PURE__ */ jsx2(Typography2, { gutterBottom: true, children: "Please ensure that your XL1 Wallet is installed to connect your account." }),
+  /* @__PURE__ */ jsx2(
+    Button,
+    {
+      sx: { display: "flex", justifySelf: "end" },
+      size: "small",
+      variant: "outlined",
+      href: "https://chromewebstore.google.com/detail/xl1-wallet/fblbagcjeigmhakkfgjpdlcapcgmcfbm",
+      target: "_blank",
+      rel: "noopener",
+      children: "Get XL1 Wallet"
+    }
+  )
+] });
+var ConnectAccountsStack = ({
+  AccountComponent = ConnectedAccount,
+  ConnectComponent = DefaultConnectComponent,
+  NoWalletInstalledComponent = DefaultNoWalletInstalledComponent,
+  onAccountConnected,
+  onCancel,
+  timeout,
   ...props
-}), "DefaultConnectComponent");
-var DefaultNoWalletInstalledComponent = /* @__PURE__ */ __name(() => /* @__PURE__ */ React2.createElement(Alert, {
-  severity: "warning"
-}, /* @__PURE__ */ React2.createElement(AlertTitle, null, "XL1 Wallet Not Found"), /* @__PURE__ */ React2.createElement(Typography2, {
-  gutterBottom: true
-}, "Please ensure that your XL1 Wallet is installed to connect your account."), /* @__PURE__ */ React2.createElement(Button, {
-  sx: {
-    display: "flex",
-    justifySelf: "end"
-  },
-  size: "small",
-  variant: "outlined",
-  href: "https://chromewebstore.google.com/detail/xl1-wallet/fblbagcjeigmhakkfgjpdlcapcgmcfbm",
-  target: "_blank",
-  rel: "noopener"
-}, "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);
+}) => {
+  const {
+    address,
+    connectSigner,
+    error,
+    timedout
+  } = useConnectAccount(void 0, timeout);
   useEffect3(() => {
     if (isDefined5(error) && isDefined5(onCancel)) {
       onCancel();
     }
-  }, [
-    error,
-    onCancel
-  ]);
+  }, [error, onCancel]);
   useEffect3(() => {
     if (isDefined5(address) && isDefined5(onAccountConnected)) {
       onAccountConnected(address);
     }
-  }, [
-    address,
-    onAccountConnected
-  ]);
-  return /* @__PURE__ */ React2.createElement(Stack2, {
-    direction: "row",
-    spacing: 2,
-    ...props,
-    sx: [
-      {
-        alignItems: "start"
-      },
-      ...Array.isArray(props.sx) ? props.sx : [
-        props.sx
+  }, [address, onAccountConnected]);
+  return /* @__PURE__ */ jsxs2(
+    Stack2,
+    {
+      direction: "row",
+      spacing: 2,
+      ...props,
+      sx: [{ alignItems: "start" }, ...Array.isArray(props.sx) ? props.sx : [props.sx]],
+      children: [
+        isDefined5(address) ? /* @__PURE__ */ jsx2(AccountComponent, { address }) : null,
+        isUndefined5(address) && !timedout ? /* @__PURE__ */ jsx2(ConnectComponent, { onClick: () => void connectSigner(), children: "Connect" }) : null,
+        isUndefined5(address) && timedout ? /* @__PURE__ */ jsx2(NoWalletInstalledComponent, {}) : null,
+        /* @__PURE__ */ jsx2(ErrorRender, { error, scope: "ConnectSigner:error" })
       ]
-    ]
-  }, isDefined5(address) ? /* @__PURE__ */ React2.createElement(AccountComponent, {
-    address
-  }) : null, isUndefined5(address) && !timedout ? /* @__PURE__ */ React2.createElement(ConnectComponent, {
-    onClick: /* @__PURE__ */ __name(() => void connectSigner(), "onClick")
-  }, "Connect") : null, isUndefined5(address) && timedout ? /* @__PURE__ */ React2.createElement(NoWalletInstalledComponent, null) : null, /* @__PURE__ */ React2.createElement(ErrorRender, {
-    error,
-    scope: "ConnectSigner:error"
-  }));
-}, "ConnectAccountsStack");
+    }
+  );
+};
 
 // src/contexts/current-block/context.ts
 import { createContextEx } from "@xylabs/react-shared";
 var XL1CurrentBlockContext = createContextEx();
 
 // src/contexts/current-block/Provider.tsx
-import React3, { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo3 } from "react";
 
 // src/contexts/current-block/usePollCurrentBlock.ts
 import { isDefinedNotNull as isDefinedNotNull2, isUndefinedOrNull as isUndefinedOrNull2 } from "@xylabs/sdk-js";
-import { startTransition, useEffect as useEffect4, useState as useState5 } from "react";
+import {
+  startTransition,
+  useEffect as useEffect4,
+  useState as useState5
+} from "react";
 var DEFAULT_POLL_INTERVAL = 1e4;
-var usePollCurrentBlock = /* @__PURE__ */ __name((viewer, interval = DEFAULT_POLL_INTERVAL, pause = false) => {
+var usePollCurrentBlock = (viewer, interval = DEFAULT_POLL_INTERVAL, pause = false) => {
   const [currentBlock, setCurrentBlock] = useState5(null);
   const [error, setError] = useState5();
   useEffect4(() => {
     let isMounted = true;
-    const fetchBlock = /* @__PURE__ */ __name(async () => {
+    const fetchBlock = async () => {
       if (isDefinedNotNull2(viewer)) {
         try {
           const block = await viewer.currentBlock();
@@ -700,7 +688,7 @@ var usePollCurrentBlock = /* @__PURE__ */ __name((viewer, interval = DEFAULT_POL
           });
         }
       }
-    }, "fetchBlock");
+    };
     void fetchBlock();
     const id = setInterval(() => {
       if (!pause) {
@@ -711,25 +699,19 @@ var usePollCurrentBlock = /* @__PURE__ */ __name((viewer, interval = DEFAULT_POL
       isMounted = false;
       clearInterval(id);
     };
-  }, [
-    viewer,
-    interval,
-    pause
-  ]);
-  return [
-    currentBlock,
-    error
-  ];
-}, "usePollCurrentBlock");
+  }, [viewer, interval, pause]);
+  return [currentBlock, error];
+};
 
 // src/contexts/current-block/Provider.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
 var DEFAULT_POLLING_INTERVAL = 1e4;
-var XL1CurrentBlockProvider = /* @__PURE__ */ __name(({ pollingConfig, viewer, children }) => {
-  const { interval } = useMemo3(() => pollingConfig || {
-    interval: DEFAULT_POLLING_INTERVAL
-  }, [
-    pollingConfig
-  ]);
+var XL1CurrentBlockProvider = ({
+  pollingConfig,
+  viewer,
+  children
+}) => {
+  const { interval } = useMemo3(() => pollingConfig || { interval: DEFAULT_POLLING_INTERVAL }, [pollingConfig]);
   const [currentBlock, currentBlockError] = usePollCurrentBlock(viewer, interval);
   const value = useMemo3(() => ({
     block: currentBlock,
@@ -738,31 +720,25 @@ var XL1CurrentBlockProvider = /* @__PURE__ */ __name(({ pollingConfig, viewer, c
     error: currentBlockError,
     pollingConfig,
     provided: true
-  }), [
-    currentBlock,
-    currentBlockError,
-    pollingConfig
-  ]);
-  return /* @__PURE__ */ React3.createElement(XL1CurrentBlockContext, {
-    value
-  }, children);
-}, "XL1CurrentBlockProvider");
+  }), [currentBlock, currentBlockError, pollingConfig]);
+  return /* @__PURE__ */ jsx3(XL1CurrentBlockContext, { value, children });
+};
 
 // src/contexts/current-block/use.ts
 import { useContextEx } from "@xylabs/react-shared";
-var useXl1CurrentBlockContext = /* @__PURE__ */ __name((required = true) => useContextEx(XL1CurrentBlockContext, "XL1CurrentBlock", required), "useXl1CurrentBlockContext");
+var useXl1CurrentBlockContext = (required = true) => useContextEx(XL1CurrentBlockContext, "XL1CurrentBlock", required);
 
 // src/contexts/gateway/Provider.tsx
-import { GatewayProvider } from "@xyo-network/react-chain-client";
+import { GatewayProvider } from "@xyo-network/xl1-react-client-sdk";
 
 // src/contexts/in-page-gateways/context.ts
-import { InPageGatewaysContext } from "@xyo-network/react-chain-client";
+import { InPageGatewaysContext } from "@xyo-network/xl1-react-client-sdk";
 
 // src/contexts/in-page-gateways/Provider.tsx
-import { InPageGatewaysProvider } from "@xyo-network/react-chain-client";
+import { InPageGatewaysProvider } from "@xyo-network/xl1-react-client-sdk";
 
 // src/contexts/in-page-gateways/use.ts
-import { useProvidedInPageGateways } from "@xyo-network/react-chain-client";
+import { useProvidedInPageGateways } from "@xyo-network/xl1-react-client-sdk";
 export {
   ConnectAccountsStack,
   ConnectedAccount,
@@ -798,4 +774,4 @@ export {
   useViewerFromGateway,
   useXl1CurrentBlockContext
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map