@xyo-network/react-chain-blockchain 1.3.6 → 1.3.7

package/dist/browser/index.mjs

@@ -305,7 +305,7 @@ var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
 }, "SubmitChainTransaction");
 
 // src/components/transactions/TransactionCountChip.tsx
-import { Difference } from "@mui/icons-material";
+import CompareArrowsIcon from "@mui/icons-material/CompareArrows";
 import { Chip, Icon } from "@mui/material";
 import React7, { useMemo as useMemo4 } from "react";
 var TransactionCountChip = /* @__PURE__ */ __name(({ transactions, sx, ...props }) => {
@@ -316,8 +316,8 @@ var TransactionCountChip = /* @__PURE__ */ __name(({ transactions, sx, ...props
     transactions
   ]);
   return /* @__PURE__ */ React7.createElement(Chip, {
-    avatar: /* @__PURE__ */ React7.createElement(Icon, null, /* @__PURE__ */ React7.createElement(Difference, null)),
-    label: `tx: ${label}`,
+    avatar: /* @__PURE__ */ React7.createElement(Icon, null, /* @__PURE__ */ React7.createElement(CompareArrowsIcon, null)),
+    label,
     title: transactions ? `Block contains ${transactions.length} transactions` : void 0,
     sx: {
       display: "inline-flex",
@@ -1137,9 +1137,12 @@ var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailab
 // src/components/block/table/cell/TransactionCount.tsx
 import { Error as Error3 } from "@mui/icons-material";
 import { Link as Link3, TableCell as TableCell6, Tooltip as Tooltip5 } from "@mui/material";
-import React20 from "react";
+import React20, { useMemo as useMemo10 } from "react";
 var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [transactions, error] = useTxsFromBlock(block);
+  const txHashes = useMemo10(() => transactions?.map(([, hash]) => hash), [
+    transactions
+  ]);
   const data = block && transactions !== void 0 ? {
     transactions: transactions.length,
     block: block[0]._hash
@@ -1157,7 +1160,11 @@ var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ..
     sx: {
       cursor: "pointer"
     }
-  }, transactions?.length ?? "--") : transactions?.length ?? "--"));
+  }, /* @__PURE__ */ React20.createElement(TransactionCountChip, {
+    transactions: txHashes
+  })) : /* @__PURE__ */ React20.createElement(TransactionCountChip, {
+    transactions: txHashes
+  })));
 }, "BlockTransactionCountTableCell");
 
 // src/components/block/table/cell/Verification.tsx
@@ -1240,16 +1247,16 @@ BlockchainTableEx.displayName = "BlockchainTableEx";
 
 // src/components/block/table/row/TableRow.tsx
 import { TableRow as TableRow2 } from "@mui/material";
-import React24, { useMemo as useMemo10 } from "react";
+import React24, { useMemo as useMemo11 } from "react";
 var BlockChainTableRow = /* @__PURE__ */ __name(({ block, defaultExpanded, linked, sx, ...props }) => {
-  const linkedTableCellProps = useMemo10(() => ({
+  const linkedTableCellProps = useMemo11(() => ({
     block,
     linked
   }), [
     block,
     linked
   ]);
-  const defaultTableCellProps = useMemo10(() => ({
+  const defaultTableCellProps = useMemo11(() => ({
     block
   }), [
     block
@@ -1288,7 +1295,7 @@ import { ListItem, styled, Typography as Typography4 } from "@mui/material";
 import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
 import { isChainSummaryProducers } from "@xyo-network/chain-protocol";
-import React26, { useMemo as useMemo11 } from "react";
+import React26, { useMemo as useMemo12 } from "react";
 
 // src/components/chain/stats/producer/Table.tsx
 import { Table, TableBody as TableBody2, TableCell as TableCell9, TableHead as TableHead2, TableRow as TableRow3, useTheme } from "@mui/material";
@@ -1311,7 +1318,7 @@ var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) =
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  const [producer, producerError] = useMemo11(() => {
+  const [producer, producerError] = useMemo12(() => {
     if (payload) {
       return isChainSummaryProducers(payload) ? [
         payload
@@ -1325,7 +1332,7 @@ var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) =
   }, [
     payload
   ]);
-  const producersArray = useMemo11(() => Object.values(producer?.producers ?? {}), [
+  const producersArray = useMemo12(() => Object.values(producer?.producers ?? {}), [
     producer
   ]);
   return /* @__PURE__ */ React26.createElement(FlexCol3, {
@@ -1535,10 +1542,10 @@ var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, pa
 }, "BlockChainPagination");
 
 // src/components/chain/pagination/hooks/usePagination.tsx
-import { useMemo as useMemo12, useState as useState12 } from "react";
+import { useMemo as useMemo13, useState as useState12 } from "react";
 var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
   const [page, setPage] = useState12(0);
-  const paginatedBlockComponents = useMemo12(() => {
+  const paginatedBlockComponents = useMemo13(() => {
     const startIndex = page * pageSize;
     const endIndex = startIndex + pageSize;
     return blockComponents?.slice(startIndex, endIndex);
@@ -1595,10 +1602,10 @@ var BlockListAnimated = /* @__PURE__ */ __name(({ blockChainRenderComponents })
 }, "BlockListAnimated");
 
 // src/components/chain/render/dynamic/hooks/useDynamicBlockRenderComponents.ts
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 var useDynamicBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
   const { maxBlocks } = blockChainRenderProps ?? {};
-  const chainIteratorParams = useMemo13(() => blockChainRenderProps ?? {}, [
+  const chainIteratorParams = useMemo14(() => blockChainRenderProps ?? {}, [
     blockChainRenderProps
   ]);
   const [params, paramsError] = useChainIteratorParams(chainIteratorParams);
@@ -1619,7 +1626,7 @@ var useDynamicBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, bl
 
 // src/components/chain/render/dynamic/hooks/useRemoteBlockChainRenderProps.ts
 import { usePromise as usePromise6 } from "@xylabs/react-promise";
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 
 // src/lib/getChainArchivist.ts
 import { assertEx as assertEx4 } from "@xylabs/assert";
@@ -1663,7 +1670,7 @@ var useRemoteBlockChainRenderProps = /* @__PURE__ */ __name((chainArchivistModul
     url,
     chainArchivistModuleId
   ]);
-  const blockChainRenderProps = useMemo14(() => ({
+  const blockChainRenderProps = useMemo15(() => ({
     ...blockChainRenderPropsArg,
     chainArchivist
   }), [
@@ -1697,10 +1704,10 @@ var DynamicListBase = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props
 
 // src/components/chain/render/dynamic/flexbox/variants/WithAnalysis.tsx
 import { ChainProducersAnalyzer } from "@xyo-network/chain-protocol";
-import React34, { useMemo as useMemo15 } from "react";
+import React34, { useMemo as useMemo16 } from "react";
 var WithAnalysis = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { chainInformation } = blockChainRenderProps ?? {};
-  const analyzers = useMemo15(() => {
+  const analyzers = useMemo16(() => {
     if (chainInformation) {
       return {
         producers: new ChainProducersAnalyzer()
@@ -1745,12 +1752,12 @@ import React36 from "react";
 
 // src/components/chain/render/static/hooks/useStaticBlockRenderComponents.ts
 import { exists } from "@xylabs/exists";
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 var DEFAULT_PAGE_SIZE = 25;
 var useStaticBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
   const { maxBlocks } = blockChainRenderProps ?? {};
   const pageSize = blockChainRenderProps?.pageSize ?? DEFAULT_PAGE_SIZE;
-  const chainIteratorParams = useMemo16(() => blockChainRenderProps ?? {}, [
+  const chainIteratorParams = useMemo17(() => blockChainRenderProps ?? {}, [
     blockChainRenderProps
   ]);
   const [params, paramsError] = useChainIteratorParams(chainIteratorParams);
@@ -1798,10 +1805,10 @@ var StaticListBase = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }
 
 // src/components/chain/render/static/flexbox/variants/WithAnalysis.tsx
 import { ChainProducersAnalyzer as ChainProducersAnalyzer2 } from "@xyo-network/chain-protocol";
-import React37, { useMemo as useMemo17 } from "react";
+import React37, { useMemo as useMemo18 } from "react";
 var WithAnalysis2 = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { chainInformation } = blockChainRenderProps ?? {};
-  const analyzers = useMemo17(() => {
+  const analyzers = useMemo18(() => {
     if (chainInformation) {
       return {
         producers: new ChainProducersAnalyzer2()
@@ -1847,7 +1854,7 @@ var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild,
 // src/components/payload/builder/producer-intent/Form.tsx
 import { Button as Button5, FormControl as FormControl5 } from "@mui/material";
 import { createProducerChainStakeIntent } from "@xyo-network/chain-ethereum";
-import React41, { useMemo as useMemo19, useState as useState16 } from "react";
+import React41, { useMemo as useMemo20, useState as useState16 } from "react";
 
 // src/components/payload/fields/BlockNumberTextField.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText2, TextField as TextField3 } from "@mui/material";
@@ -1878,11 +1885,11 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
 // src/components/payload/fields/XyoAddressTextField.tsx
 import { FormControl as FormControl4, FormHelperText as FormHelperText3, TextField as TextField4 } from "@mui/material";
 import { asAddress } from "@xylabs/hex";
-import React40, { useMemo as useMemo18, useState as useState15 } from "react";
+import React40, { useMemo as useMemo19, useState as useState15 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
   const [address, setAddress] = useState15("");
   const [addressError, setAddressError] = useState15();
-  useMemo18(() => setAddress(""), [
+  useMemo19(() => setAddress(""), [
     resetValue
   ]);
   const handleChange = /* @__PURE__ */ __name((event) => {
@@ -1923,7 +1930,7 @@ var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
   const [exp, setExp] = useState16();
   const [nbf, setNbf] = useState16();
   const [blockRangeError, setBlockRangeError] = useState16();
-  const intentPayload = useMemo19(() => {
+  const intentPayload = useMemo20(() => {
     if (exp !== void 0 && nbf !== void 0) {
       if (exp <= nbf) {
         setBlockRangeError(new Error("Expires must be greater than Not Before"));
@@ -1982,7 +1989,7 @@ import React44 from "react";
 // src/components/payload/builder/transfer/Form.tsx
 import { Button as Button6, FormControl as FormControl7 } from "@mui/material";
 import { TransferSchema } from "@xyo-network/xl1-model";
-import React43, { useMemo as useMemo21, useState as useState18 } from "react";
+import React43, { useMemo as useMemo22, useState as useState18 } from "react";
 
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
@@ -1990,11 +1997,11 @@ import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 }
 import { toHex as toHex3 } from "@xylabs/hex";
 import { FlexRow as FlexRow8 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
-import React42, { useEffect as useEffect4, useMemo as useMemo20, useState as useState17 } from "react";
+import React42, { useEffect as useEffect4, useMemo as useMemo21, useState as useState17 } from "react";
 var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
   const [toAddress, setToAddress] = useState17();
   const [amount, setAmount] = useState17();
-  const transferAmount = useMemo20(() => {
+  const transferAmount = useMemo21(() => {
     if (toAddress && amount) {
       return {
         ...singleTransfer,
@@ -2040,7 +2047,7 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
 var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
   const [fromAddress, setFromAddress] = useState18();
   const [transfers, setTransfers] = useState18([]);
-  const transferPayload = useMemo21(() => {
+  const transferPayload = useMemo22(() => {
     if (fromAddress && transfers.length > 0) {
       const transfersRecord = {};
       for (const transfer of transfers) {