@xyo-network/react-chain-blockchain 1.3.15 → 1.3.17

package/dist/browser/index.mjs

@@ -251,7 +251,6 @@ var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
   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, [], [], randomAccount, chainTx.nbf, chainTx.exp);
     const insertQuery = new PayloadBuilder({
@@ -268,7 +267,7 @@ var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
         chainTx
       ]
     ]);
-    if (response.data.errors) {
+    if (response.data.errors.length > 0) {
       setError(new Error(response.data.errors.map((e) => e.message).join("\n")));
     } else {
       setResult(response.data.data);
@@ -403,6 +402,7 @@ var ChainIteratorStore = class _ChainIteratorStore {
 
 // src/hooks/chain-iterator/useChainIteratorParams.ts
 import { assertEx as assertEx2 } from "@xylabs/assert";
+import { isHash } from "@xylabs/hex";
 import { usePromise } from "@xylabs/react-promise";
 import { BoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
 import { isBlockBoundWitness } from "@xyo-network/xl1-protocol";
@@ -419,7 +419,7 @@ var resolveDefinedHead = /* @__PURE__ */ __name(async (head, chainArchivist) =>
 }, "resolveDefinedHead");
 var useChainIteratorParams = /* @__PURE__ */ __name(({ chainArchivist, chainInformation, head }) => {
   return usePromise(async () => {
-    if (chainArchivist && chainInformation && head) {
+    if (chainArchivist && chainInformation && isHash(head)) {
       const [result] = await chainArchivist.get([
         head
       ]);
@@ -455,7 +455,7 @@ var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, inte
         try {
           const currentHead = await chainIterator.head();
           const mostRecentBlock = await findMostRecentBlock(chainArchivist);
-          if (currentHead && mostRecentBlock) {
+          if (mostRecentBlock) {
             const currentBlockNumber = currentHead?.block ?? -1;
             const nextBlockNumber = mostRecentBlock.block;
             if (nextBlockNumber > currentBlockNumber) {
@@ -552,30 +552,27 @@ var getHydratedBlock = /* @__PURE__ */ __name(async (chainArchivist, head) => {
 }, "getHydratedBlock");
 var iterateChain = /* @__PURE__ */ __name(async (chainIteratorParams, maxDepth) => {
   const { chainArchivist, head } = chainIteratorParams ?? {};
-  if (chainArchivist && head) {
-    const headPayload = assertEx3(isBlockBoundWitness2(head) ? head : null, () => "Head is not a Block Bound Witness");
-    const headBlockBoundWitness = assertEx3(isBlockBoundWitness2(headPayload) ? headPayload : null, () => "Invalid head block");
-    const chainIterator = await XyoChainBlockNumberIterator2.create({
-      head: headBlockBoundWitness,
-      chainArchivist
-    });
-    const chainHead = await chainIterator.head();
-    let block = await getHydratedBlock(chainArchivist, chainHead);
-    const blocks = [
-      block
-    ];
-    let depth = 1;
-    while (block) {
-      const [, next] = await chainIterator.previous(block[0].block, 2);
-      if (!next) break;
-      const nextHydratedBlock = await getHydratedBlock(chainArchivist, next);
-      blocks.push(nextHydratedBlock);
-      block = nextHydratedBlock;
-      depth++;
-      if (maxDepth && depth >= maxDepth || block?.[0].block === 0) break;
-    }
-    return blocks;
+  const headPayload = assertEx3(isBlockBoundWitness2(head) ? head : null, () => "Head is not a Block Bound Witness");
+  const headBlockBoundWitness = assertEx3(isBlockBoundWitness2(headPayload) ? headPayload : null, () => "Invalid head block");
+  const chainIterator = await XyoChainBlockNumberIterator2.create({
+    head: headBlockBoundWitness,
+    chainArchivist
+  });
+  const chainHead = await chainIterator.head();
+  let block = await getHydratedBlock(chainArchivist, chainHead);
+  const blocks = [
+    block
+  ];
+  let depth = 1;
+  while (true) {
+    const [, next] = await chainIterator.previous(block[0].block, 2);
+    const nextHydratedBlock = await getHydratedBlock(chainArchivist, next);
+    blocks.push(nextHydratedBlock);
+    block = nextHydratedBlock;
+    depth++;
+    if (maxDepth !== void 0 && depth >= maxDepth || block?.[0].block === 0) break;
   }
+  return blocks;
 }, "iterateChain");
 var useIterateChain = /* @__PURE__ */ __name((chainIteratorParams, maxDepth) => {
   return usePromise3(async () => {
@@ -761,7 +758,7 @@ var useDynamicBlockComponents = /* @__PURE__ */ __name((BlockComponent, params,
           newBlockComponent,
           ...blockComponents
         ];
-        if (maxBlocks && newBlockComponents.length > maxBlocks) {
+        if (maxBlocks !== void 0 && newBlockComponents.length > maxBlocks) {
           newBlockComponents.pop();
         }
         return newBlockComponents;
@@ -801,9 +798,8 @@ var useStaticBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, b
   const [blockComponents, blockComponentsError] = usePromise5(async () => {
     const resolvedBlockWithStorage = blocks ?? [];
     if (!params?.chainArchivist) return [];
-    const { chainArchivist } = params;
     return await Promise.all(resolvedBlockWithStorage?.map(async (block) => {
-      if (onBlock && chainArchivist) {
+      if (onBlock) {
         await onBlock(block);
       }
       const blockComponentProps = {
@@ -886,7 +882,7 @@ import { BlockiesAvatar } from "@xyo-network/react-chain-blockies";
 import React12, { useMemo as useMemo9 } from "react";
 var BlockProducerChip = /* @__PURE__ */ __name(({ block, ...props }) => {
   const blockProducer2 = block?.[0].addresses[0];
-  const shortedBlockProducer = blockProducer2 ? EthAddress.parse(blockProducer2)?.toShortString(3) : null;
+  const shortedBlockProducer = blockProducer2 === void 0 ? null : EthAddress.parse(blockProducer2)?.toShortString(3);
   const avatar = useMemo9(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React12.createElement(BlockiesAvatar, {
     blockiesOptions: {
       seed: blockProducer2
@@ -896,7 +892,7 @@ var BlockProducerChip = /* @__PURE__ */ __name(({ block, ...props }) => {
   ]);
   return /* @__PURE__ */ React12.createElement(Chip2, {
     avatar,
-    label: shortedBlockProducer ? `${shortedBlockProducer}` : null,
+    label: typeof shortedBlockProducer === "string" ? `${shortedBlockProducer}` : null,
     title: `Block producer: ${blockProducer2}`,
     ...props
   });
@@ -968,6 +964,7 @@ var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props })
 
 // src/components/block/table/cell/Hash.tsx
 import { Avatar, Chip as Chip3, TableCell as TableCell2, Tooltip as Tooltip2 } from "@mui/material";
+import { isHash as isHash2 } from "@xylabs/hex";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadRootHash } from "@xyo-network/react-shared";
 import React16 from "react";
@@ -986,7 +983,7 @@ var useLinkedBlockItem = /* @__PURE__ */ __name((noun, data) => {
   const handleClick = /* @__PURE__ */ __name((event) => {
     event.preventDefault();
     event.stopPropagation();
-    if (!noun) {
+    if (noun === void 0) {
       console.warn("useLinkedBlockItem: noun is required");
       return;
     }
@@ -1003,11 +1000,11 @@ var BlockHashTableCell = /* @__PURE__ */ __name(({ block, identiconProps, notAva
   const hash = usePayloadRootHash(block?.[0]);
   const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
   const [notAvailable, setNotAvailable] = React16.useState(false);
-  const shortenedHash = hash ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : "";
+  const shortenedHash = isHash2(hash) ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : "";
   return /* @__PURE__ */ React16.createElement(TableCell2, {
     ref,
     ...props
-  }, hash ? /* @__PURE__ */ React16.createElement(Tooltip2, {
+  }, isHash2(hash) ? /* @__PURE__ */ React16.createElement(Tooltip2, {
     title: `Block Hash: ${hash}`
   }, /* @__PURE__ */ React16.createElement(Chip3, {
     avatar: /* @__PURE__ */ React16.createElement(Avatar, {
@@ -1035,6 +1032,7 @@ var BlockHashTableCell = /* @__PURE__ */ __name(({ block, identiconProps, notAva
 import { DataObject } from "@mui/icons-material";
 import { Button as Button3, Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle as DialogTitle2, IconButton as IconButton2, TableCell as TableCell3 } from "@mui/material";
 import { ellipsize } from "@xylabs/eth-address";
+import { isHash as isHash3 } from "@xylabs/hex";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
 import { usePayloadRootHash as usePayloadRootHash2 } from "@xyo-network/react-shared";
@@ -1043,7 +1041,7 @@ var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
   const [open, setOpen] = useState10(false);
   const onClose = /* @__PURE__ */ __name(() => setOpen(false), "onClose");
   const hash = usePayloadRootHash2(block?.[0]);
-  const title = hash ? `JSON for ${ellipsize(hash, 5)}` : "JSON";
+  const title = isHash3(hash) ? `JSON for ${ellipsize(hash, 5)}` : "JSON";
   return /* @__PURE__ */ React17.createElement(TableCell3, props, /* @__PURE__ */ React17.createElement(FlexRow3, {
     onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
     sx: {
@@ -1357,7 +1355,7 @@ var StyledListItem = styled(ListItem)(() => ({
 // src/components/chain/stats/Dialog.tsx
 var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   const { analyzers, statsUpdated } = useChainAnalyzersContext();
-  return /* @__PURE__ */ React27.createElement(Dialog3, props, /* @__PURE__ */ React27.createElement(DialogTitle3, null, "Chain Analysis"), /* @__PURE__ */ React27.createElement(DialogContent3, null, !!statsUpdated && Object.entries(analyzers).map(([id2, analyzer]) => /* @__PURE__ */ React27.createElement("div", {
+  return /* @__PURE__ */ React27.createElement(Dialog3, props, /* @__PURE__ */ React27.createElement(DialogTitle3, null, "Chain Analysis"), /* @__PURE__ */ React27.createElement(DialogContent3, null, statsUpdated > 0 && Object.entries(analyzers).map(([id2, analyzer]) => /* @__PURE__ */ React27.createElement("div", {
     key: id2
   }, id2 === "producers" && /* @__PURE__ */ React27.createElement(BlockProducerStatsFlexbox, {
     payload: analyzer.result()
@@ -1661,7 +1659,7 @@ var getChainInformation = /* @__PURE__ */ __name(() => {
 // src/components/chain/render/dynamic/hooks/useRemoteBlockChainRenderProps.ts
 var useRemoteBlockChainRenderProps = /* @__PURE__ */ __name((chainArchivistModuleId, url, blockChainRenderPropsArg) => {
   const [chainArchivist, chainArchivistError] = usePromise6(async () => {
-    if (url && chainArchivistModuleId) {
+    if (url !== void 0 && chainArchivistModuleId !== void 0) {
       return await getChainArchivistFromBridge({
         url,
         chainArchivistModuleId
@@ -1791,7 +1789,7 @@ var StaticListBase = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }
     error,
     key: error.name,
     scope: "StaticBlockchainFlexboxInner"
-  })), paginatedBlockComponents?.length ? /* @__PURE__ */ React36.createElement(FlexGrowRow2, {
+  })), (paginatedBlockComponents?.length ?? 0) > 0 ? /* @__PURE__ */ React36.createElement(FlexGrowRow2, {
     justifyContent: "space-between",
     width: "100%"
   }, /* @__PURE__ */ React36.createElement(ChainAnalyzerStatsDialogFromContext, null), /* @__PURE__ */ React36.createElement(BlockChainPagination, {
@@ -1864,19 +1862,20 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
   const [blockNumber, setBlockNumber] = useState14();
   const handleChange = /* @__PURE__ */ __name((e) => {
     const value = e.target.value.replaceAll(/\D/g, "");
-    setBlockNumber(value ? Number(value) : void 0);
+    setBlockNumber(value.length > 0 ? Number(value) : void 0);
     onBlockNumberChanged?.(Number.parseInt(value));
     onChange?.(e);
   }, "handleChange");
+  const errored = errorMessage !== void 0;
   return /* @__PURE__ */ React39.createElement(FormControl3, {
     fullWidth: true
   }, /* @__PURE__ */ React39.createElement(TextField3, {
-    error: !!errorMessage,
+    error: errored,
     onChange: handleChange,
     type: "number",
     value: blockNumber ?? "",
     ...props
-  }), errorMessage && /* @__PURE__ */ React39.createElement(FormHelperText2, {
+  }), errored && /* @__PURE__ */ React39.createElement(FormHelperText2, {
     sx: {
       color: "error.main"
     }
@@ -1885,7 +1884,7 @@ 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 { asAddress, isAddress } from "@xylabs/hex";
 import React40, { useMemo as useMemo19, useState as useState15 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
   const [address, setAddress] = useState15("");
@@ -1897,7 +1896,7 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
     const { value } = event.target;
     onChange?.(event);
     const xyoAddress = asAddress(value);
-    if (xyoAddress) {
+    if (isAddress(xyoAddress)) {
       onAddressChanged?.(xyoAddress);
     }
     setAddressError(void 0);
@@ -1905,7 +1904,7 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
   }, "handleChange");
   const handleBlur = /* @__PURE__ */ __name(() => {
     const xyoAddress = asAddress(address);
-    if (!xyoAddress) {
+    if (!isAddress(xyoAddress)) {
       setAddressError(new Error("Invalid address"));
       onAddressChanged?.();
     }
@@ -1937,7 +1936,7 @@ var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
         setBlockRangeError(new Error("Expires must be greater than Not Before"));
       } else {
         setBlockRangeError(void 0);
-        if (delegate) {
+        if (delegate !== void 0) {
           const payload = createProducerChainStakeIntent(delegate, exp, nbf);
           return payload;
         }
@@ -1989,13 +1988,14 @@ import React44 from "react";
 
 // src/components/payload/builder/transfer/Form.tsx
 import { Button as Button6, FormControl as FormControl7 } from "@mui/material";
+import { isAddress as isAddress3 } from "@xylabs/hex";
 import { TransferSchema } from "@xyo-network/xl1-protocol";
 import React43, { useMemo as useMemo22, 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 toHex3 } from "@xylabs/hex";
+import { isAddress as isAddress2, toHex as toHex3 } from "@xylabs/hex";
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
 import React42, { useEffect as useEffect4, useMemo as useMemo21, useState as useState17 } from "react";
@@ -2003,7 +2003,7 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
   const [toAddress, setToAddress] = useState17();
   const [amount, setAmount] = useState17();
   const transferAmount = useMemo21(() => {
-    if (toAddress && amount) {
+    if (isAddress2(toAddress) && amount !== void 0) {
       return {
         ...singleTransfer,
         amount: toHex3(amount),
@@ -2049,7 +2049,7 @@ var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
   const [fromAddress, setFromAddress] = useState18();
   const [transfers, setTransfers] = useState18([]);
   const transferPayload = useMemo22(() => {
-    if (fromAddress && transfers.length > 0) {
+    if (isAddress3(fromAddress) && transfers.length > 0) {
       const transfersRecord = {};
       for (const transfer of transfers) {
         transfersRecord[transfer.to] = transfer.amount;