@xyo-network/react-chain-blockchain 1.0.12 → 1.1.0

package/dist/browser/index.mjs

@@ -144,7 +144,9 @@ var useChainPollingContext = /* @__PURE__ */ __name((required = false) => useCon
 
 // src/components/transactions/submit/Builder.tsx
 import { Button, FormControl, TextField } from "@mui/material";
+import { toHex } from "@xylabs/hex";
 import { FlexCol } from "@xylabs/react-flexbox";
+import { defaultFees } from "@xyo-network/chain-protocol";
 import React4 from "react";
 var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
   const handleSubmit = /* @__PURE__ */ __name(async (event) => {
@@ -152,9 +154,14 @@ var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
     const formData = new FormData(event.currentTarget);
     const chainTx = {
       chain: formData.get("chain"),
-      gas: formData.get("gas"),
       nbf: Number.parseInt(formData.get("nbf")),
       exp: Number.parseInt(formData.get("exp")),
+      fees: {
+        gasLimit: toHex(defaultFees.gasLimit),
+        gasPrice: toHex(defaultFees.gasPrice),
+        base: toHex(defaultFees.base),
+        priority: toHex(defaultFees.priority)
+      },
       nonce: []
     };
     await onSubmitTx?.(chainTx);
@@ -228,7 +235,7 @@ var ChainTransactionNetwork = /* @__PURE__ */ __name(({ network, onNetworkChange
 }, "ChainTransactionNetwork");
 
 // src/components/transactions/submit/SubmitChain.tsx
-import { Alert, Grid2, Typography } from "@mui/material";
+import { Alert, Grid, Typography } from "@mui/material";
 import { axios } from "@xylabs/axios";
 import { ErrorRender } from "@xylabs/react-error";
 import { FlexGrowCol } from "@xylabs/react-flexbox";
@@ -239,14 +246,15 @@ import { buildTransaction } from "@xyo-network/chain-protocol";
 import { PayloadBuilder } from "@xyo-network/payload-builder";
 import React6, { useState as useState5 } from "react";
 var BETA_PENDING_TRANSACTIONS_ARCHIVIST = "https://beta.api.chain.xyo.network/8050fee682a2762f504d5449d8269a6f17f0b693";
+var defaultNetwork = new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST);
 var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
-  const [network, setNetwork] = useState5(new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST));
+  const [network, setNetwork] = useState5(defaultNetwork);
   const [result, setResult] = useState5();
   const [error, setError] = useState5();
   const onSubmitTx = /* @__PURE__ */ __name(async (chainTx) => {
     if (!network) throw new Error("Network not set");
     const randomAccount = await Account.random();
-    const [transactionBoundWitness] = await buildTransaction(chainTx.chain, [], BigInt(`0x${chainTx.gas}`), randomAccount, chainTx.nbf, chainTx.exp, []);
+    const [transactionBoundWitness] = await buildTransaction(chainTx.chain, [], randomAccount, chainTx.nbf, chainTx.exp, []);
     const insertQuery = new PayloadBuilder({
       schema: ArchivistInsertQuerySchema
     }).build();
@@ -270,9 +278,9 @@ var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
   const onNetworkChange = /* @__PURE__ */ __name((url) => {
     setNetwork(url);
   }, "onNetworkChange");
-  return /* @__PURE__ */ React6.createElement(Grid2, {
+  return /* @__PURE__ */ React6.createElement(Grid, {
     container: true
-  }, /* @__PURE__ */ React6.createElement(Grid2, {
+  }, /* @__PURE__ */ React6.createElement(Grid, {
     size: {
       xs: 12,
       sm: 6,
@@ -866,13 +874,7 @@ BlockchainTableEx.displayName = "BlockchainTableEx";
 // src/components/block/table/row/TableRow.tsx
 import { TableRow as TableRow2 } from "@mui/material";
 import React22, { useMemo as useMemo8 } from "react";
-var BlockChainTableRow = /* @__PURE__ */ __name(({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  block,
-  defaultExpanded,
-  linked,
-  ...props
-}) => {
+var BlockChainTableRow = /* @__PURE__ */ __name(({ block, defaultExpanded, linked, sx, ...props }) => {
   const linkedTableCellProps = useMemo8(() => ({
     block,
     linked
@@ -885,7 +887,13 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({
   }), [
     block
   ]);
-  return /* @__PURE__ */ React22.createElement(TableRow2, props, /* @__PURE__ */ React22.createElement(BlockHashTableCell, defaultTableCellProps), /* @__PURE__ */ React22.createElement(BlockNumberTableCell, linkedTableCellProps), /* @__PURE__ */ React22.createElement(BlockTransactionCountTableCell, linkedTableCellProps), /* @__PURE__ */ React22.createElement(BlockProducerTableCell, defaultTableCellProps), /* @__PURE__ */ React22.createElement(BlockVerificationTableCell, defaultTableCellProps), /* @__PURE__ */ React22.createElement(BlockJsonViewTableCell, defaultTableCellProps));
+  return /* @__PURE__ */ React22.createElement(TableRow2, {
+    sx: {
+      overflowY: "scroll",
+      ...sx
+    },
+    ...props
+  }, /* @__PURE__ */ React22.createElement(BlockHashTableCell, defaultTableCellProps), /* @__PURE__ */ React22.createElement(BlockNumberTableCell, linkedTableCellProps), /* @__PURE__ */ React22.createElement(BlockTransactionCountTableCell, linkedTableCellProps), /* @__PURE__ */ React22.createElement(BlockProducerTableCell, defaultTableCellProps), /* @__PURE__ */ React22.createElement(BlockVerificationTableCell, defaultTableCellProps), /* @__PURE__ */ React22.createElement(BlockJsonViewTableCell, defaultTableCellProps));
 }, "BlockChainTableRow");
 
 // src/components/chain/controls/PollingControlsFlexbox.tsx
@@ -1319,7 +1327,7 @@ import { usePromise as usePromise4 } from "@xylabs/react-promise";
 import { useEffect as useEffect3, useMemo as useMemo11, useRef as useRef3, useSyncExternalStore } from "react";
 
 // src/hooks/chain-iterator/useChainIteratorUpdatingHead.ts
-import { toHex } from "@xylabs/hex";
+import { toHex as toHex2 } from "@xylabs/hex";
 import { findMostRecentBlock } from "@xyo-network/chain-protocol";
 import { useEffect as useEffect2, useState as useState12 } from "react";
 var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, interval = 500, maxBlocks, chainArchivist }) => {
@@ -1335,10 +1343,10 @@ var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, inte
             const currentBlockNumber = currentHead?.block ?? -1;
             const nextBlockNumber = mostRecentBlock.block;
             if (nextBlockNumber > currentBlockNumber) {
-              console.debug("Found more recent head:", toHex(nextBlockNumber));
-              console.debug("Updating head:", `${toHex(nextBlockNumber)}`);
+              console.debug("Found more recent head:", toHex2(nextBlockNumber));
+              console.debug("Updating head:", `${toHex2(nextBlockNumber)}`);
               await chainIterator.updateHead(mostRecentBlock);
-              console.debug("Updated head:", `${toHex(nextBlockNumber)}`);
+              console.debug("Updated head:", `${toHex2(nextBlockNumber)}`);
             }
           }
         } catch (e) {
@@ -1854,7 +1862,7 @@ import React41, { useMemo as useMemo20, useState as useState18 } from "react";
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
 import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 } from "@mui/material";
-import { toHex as toHex2 } from "@xylabs/hex";
+import { toHex as toHex3 } from "@xylabs/hex";
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
 import React40, { useEffect as useEffect4, useMemo as useMemo19, useState as useState17 } from "react";
@@ -1865,7 +1873,7 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
     if (toAddress && amount) {
       return {
         ...singleTransfer,
-        amount: toHex2(amount),
+        amount: toHex3(amount),
         to: toAddress
       };
     }
@@ -2043,7 +2051,7 @@ var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
       }
     }
   };
-  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ React43.createElement(Story, props) : /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(CircularProgress, null));
+  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ React43.createElement(Story, props) : /* @__PURE__ */ React43.createElement(CircularProgress, null);
 }, "ChainArchivistDecorator");
 
 // src/stories/ChainArchivistDelayedInsertDecorator.tsx