@xyo-network/react-chain-blockchain 1.0.8 → 1.0.10

package/dist/browser/index.mjs

@@ -5,7 +5,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { FlexCol as FlexCol2, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { BWVerification, HashHeadingPaper } from "@xyo-network/react-chain-boundwitness";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import React8 from "react";
+import React13 from "react";
 
 // src/context/analyzer/context.ts
 import { createContextEx } from "@xyo-network/react-shared";
@@ -14,7 +14,7 @@ var ChainAnalyzersContext = createContextEx();
 // src/context/analyzer/Provider.tsx
 import { hydrateBlock } from "@xyo-network/chain-protocol";
 import { PayloadBuilder } from "@xyo-network/payload-builder";
-import { useCallback, useMemo, useState } from "react";
+import React, { useCallback, useMemo, useState } from "react";
 var ChainAnalyzersProvider = /* @__PURE__ */ __name(({ analyzers: analyzersProp, children }) => {
   const [analyzersState, setAnalyzersState] = useState(analyzersProp ?? {});
   const [statsUpdated, setStatsUpdated] = useState(Date.now());
@@ -53,7 +53,7 @@ var ChainAnalyzersProvider = /* @__PURE__ */ __name(({ analyzers: analyzersProp,
     onBlock,
     statsUpdated
   ]);
-  return /* @__PURE__ */ React.createElement(ChainAnalyzersContext.Provider, {
+  return /* @__PURE__ */ React.createElement(ChainAnalyzersContext, {
     value
   }, children);
 }, "ChainAnalyzersProvider");
@@ -67,7 +67,7 @@ import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
 var ChainInfoContext = createContextEx2();
 
 // src/context/chain/Provider.tsx
-import React2, { useEffect, useMemo as useMemo2, useState as useState2 } from "react";
+import React2, { useMemo as useMemo2, useState as useState2 } from "react";
 var ChainInfoProvider = /* @__PURE__ */ __name(({ children, chainArchivist: chainArchivistProp, chainInformation: chainInformationProp, chainIterator: chainIteratorProp }) => {
   const [chainArchivist, setChainArchivist] = useState2(chainArchivistProp);
   const [chainInformation, setChainInformation] = useState2(chainInformationProp);
@@ -81,17 +81,17 @@ var ChainInfoProvider = /* @__PURE__ */ __name(({ children, chainArchivist: chai
   const updateChainIterator = /* @__PURE__ */ __name((chainIterator2) => {
     setChainIterator(chainIterator2);
   }, "updateChainIterator");
-  useEffect(() => {
+  useMemo2(() => {
     updateChainArchivist(chainArchivistProp);
   }, [
     chainArchivistProp
   ]);
-  useEffect(() => {
+  useMemo2(() => {
     updateChainInformation(chainInformationProp);
   }, [
     chainInformationProp
   ]);
-  useEffect(() => {
+  useMemo2(() => {
     updateChainIterator(chainIteratorProp);
   }, [
     chainIteratorProp
@@ -112,7 +112,7 @@ var ChainInfoProvider = /* @__PURE__ */ __name(({ children, chainArchivist: chai
     updateChainInformation,
     updateChainIterator
   ]);
-  return /* @__PURE__ */ React2.createElement(ChainInfoContext.Provider, {
+  return /* @__PURE__ */ React2.createElement(ChainInfoContext, {
     value: chainState
   }, children);
 }, "ChainInfoProvider");
@@ -122,7 +122,7 @@ import { createContextEx as createContextEx3 } from "@xyo-network/react-shared";
 var ChainPollingContext = createContextEx3();
 
 // src/context/polling/Provider.tsx
-import { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
+import React3, { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
 var ChainPollingProvider = /* @__PURE__ */ __name(({ children, pollingState: pollingStateProp = "running" }) => {
   const [pollingState, setPollingState] = useState3(pollingStateProp);
   const updatePollingState = useCallback2((newPollingState) => {
@@ -136,7 +136,7 @@ var ChainPollingProvider = /* @__PURE__ */ __name(({ children, pollingState: pol
     pollingState,
     updatePollingState
   ]);
-  return /* @__PURE__ */ React.createElement(ChainPollingContext.Provider, {
+  return /* @__PURE__ */ React3.createElement(ChainPollingContext, {
     value
   }, children);
 }, "ChainPollingProvider");
@@ -148,7 +148,7 @@ var useChainPollingContext = /* @__PURE__ */ __name((required = false) => useCon
 // src/components/transactions/submit/Builder.tsx
 import { Button, FormControl, TextField } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
-import React3 from "react";
+import React4 from "react";
 var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
   const handleSubmit = /* @__PURE__ */ __name(async (event) => {
     event.preventDefault();
@@ -162,38 +162,38 @@ var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
     };
     await onSubmitTx?.(chainTx);
   }, "handleSubmit");
-  return /* @__PURE__ */ React3.createElement("form", {
+  return /* @__PURE__ */ React4.createElement("form", {
     onSubmit: /* @__PURE__ */ __name((event) => void handleSubmit(event), "onSubmit"),
     style: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React3.createElement(FlexCol, {
+  }, /* @__PURE__ */ React4.createElement(FlexCol, {
     gap: 2
-  }, /* @__PURE__ */ React3.createElement(FormControl, {
+  }, /* @__PURE__ */ React4.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React3.createElement(TextField, {
+  }, /* @__PURE__ */ React4.createElement(TextField, {
     label: "Chain Address",
     name: "chain",
     required: true
-  })), /* @__PURE__ */ React3.createElement(FormControl, {
+  })), /* @__PURE__ */ React4.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React3.createElement(TextField, {
+  }, /* @__PURE__ */ React4.createElement(TextField, {
     label: "Gas",
     name: "gas",
     required: true
-  })), /* @__PURE__ */ React3.createElement(FormControl, {
+  })), /* @__PURE__ */ React4.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React3.createElement(TextField, {
+  }, /* @__PURE__ */ React4.createElement(TextField, {
     label: "Not Before Block",
     name: "nbf",
     required: true
-  })), /* @__PURE__ */ React3.createElement(FormControl, {
+  })), /* @__PURE__ */ React4.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React3.createElement(TextField, {
+  }, /* @__PURE__ */ React4.createElement(TextField, {
     label: "Not After Block",
     name: "exp",
     required: true
-  })), /* @__PURE__ */ React3.createElement(Button, {
+  })), /* @__PURE__ */ React4.createElement(Button, {
     type: "submit",
     variant: "contained"
   }, "Submit")));
@@ -201,7 +201,7 @@ var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
 
 // src/components/transactions/submit/Network.tsx
 import { FormControl as FormControl2, FormHelperText, TextField as TextField2 } from "@mui/material";
-import React4, { useState as useState4 } from "react";
+import React5, { useState as useState4 } from "react";
 var ChainTransactionNetwork = /* @__PURE__ */ __name(({ network, onNetworkChange, ...props }) => {
   const [error, setError] = useState4();
   const handleChange = /* @__PURE__ */ __name((event) => {
@@ -214,16 +214,16 @@ var ChainTransactionNetwork = /* @__PURE__ */ __name(({ network, onNetworkChange
       setError(error2);
     }
   }, "handleChange");
-  return /* @__PURE__ */ React4.createElement(FormControl2, {
+  return /* @__PURE__ */ React5.createElement(FormControl2, {
     fullWidth: true
-  }, /* @__PURE__ */ React4.createElement(TextField2, {
+  }, /* @__PURE__ */ React5.createElement(TextField2, {
     label: "Network",
     name: "network",
     onChange: handleChange,
     required: true,
     value: network,
     ...props
-  }), /* @__PURE__ */ React4.createElement(FormHelperText, {
+  }), /* @__PURE__ */ React5.createElement(FormHelperText, {
     sx: {
       color: error ? "red" : void 0
     }
@@ -240,7 +240,7 @@ import { ArchivistInsertQuerySchema } from "@xyo-network/archivist-model";
 import { QueryBoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
 import { buildTransaction } from "@xyo-network/chain-protocol";
 import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/payload-builder";
-import React5, { useState as useState5 } from "react";
+import React6, { useState as useState5 } from "react";
 var BETA_PENDING_TRANSACTIONS_ARCHIVIST = "https://beta.api.chain.xyo.network/8050fee682a2762f504d5449d8269a6f17f0b693";
 var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
   const [network, setNetwork] = useState5(new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST));
@@ -273,37 +273,37 @@ var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
   const onNetworkChange = /* @__PURE__ */ __name((url) => {
     setNetwork(url);
   }, "onNetworkChange");
-  return /* @__PURE__ */ React5.createElement(Grid2, {
+  return /* @__PURE__ */ React6.createElement(Grid2, {
     container: true
-  }, /* @__PURE__ */ React5.createElement(Grid2, {
+  }, /* @__PURE__ */ React6.createElement(Grid2, {
     size: {
       xs: 12,
       sm: 6,
       md: 4
     }
-  }, /* @__PURE__ */ React5.createElement(FlexGrowCol, {
+  }, /* @__PURE__ */ React6.createElement(FlexGrowCol, {
     alignItems: "start",
     gap: 2
-  }, /* @__PURE__ */ React5.createElement(ChainTransactionNetwork, {
+  }, /* @__PURE__ */ React6.createElement(ChainTransactionNetwork, {
     network,
     onNetworkChange
-  }), network ? /* @__PURE__ */ React5.createElement(ChainTransactionBuilder, {
+  }), network ? /* @__PURE__ */ React6.createElement(ChainTransactionBuilder, {
     onSubmitTx
-  }) : null, result?.[2].length === 0 ? /* @__PURE__ */ React5.createElement(Alert, {
+  }) : null, result?.[2].length === 0 ? /* @__PURE__ */ React6.createElement(Alert, {
     severity: "success"
-  }, "Success") : null, error ? /* @__PURE__ */ React5.createElement(ErrorRender, {
+  }, "Success") : null, error ? /* @__PURE__ */ React6.createElement(ErrorRender, {
     error
-  }) : null, result?.[2] && result?.[2].length > 0 ? /* @__PURE__ */ React5.createElement(ErrorRender, {
+  }) : null, result?.[2] && result?.[2].length > 0 ? /* @__PURE__ */ React6.createElement(ErrorRender, {
     error: new Error("Failed insert...see result below")
-  }) : null, result ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(Typography, {
+  }) : null, result ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Typography, {
     variant: "h6"
-  }, "Result:"), /* @__PURE__ */ React5.createElement("pre", null, JSON.stringify(result, null, 2))) : null)));
+  }, "Result:"), /* @__PURE__ */ React6.createElement("pre", null, JSON.stringify(result, null, 2))) : null)));
 }, "SubmitChainTransaction");
 
 // src/components/transactions/TransactionCountChip.tsx
 import { Difference } from "@mui/icons-material";
 import { Chip, Icon } from "@mui/material";
-import { useMemo as useMemo4 } from "react";
+import React7, { useMemo as useMemo4 } from "react";
 var TransactionCountChip = /* @__PURE__ */ __name(({ transactions, sx, ...props }) => {
   const label = useMemo4(() => {
     if (!transactions) return "0";
@@ -311,8 +311,8 @@ var TransactionCountChip = /* @__PURE__ */ __name(({ transactions, sx, ...props
   }, [
     transactions
   ]);
-  return /* @__PURE__ */ React.createElement(Chip, {
-    avatar: /* @__PURE__ */ React.createElement(Icon, null, /* @__PURE__ */ React.createElement(Difference, null)),
+  return /* @__PURE__ */ React7.createElement(Chip, {
+    avatar: /* @__PURE__ */ React7.createElement(Icon, null, /* @__PURE__ */ React7.createElement(Difference, null)),
     label: `tx: ${label}`,
     title: transactions ? `Block contains ${transactions.length} transactions` : void 0,
     sx: {
@@ -331,7 +331,7 @@ import { Alert as Alert2, AlertTitle, Collapse, Snackbar, Typography as Typograp
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
 import { FlexGrowCol as FlexGrowCol2, FlexGrowRow, FlexRow } from "@xylabs/react-flexbox";
 import { QuickTipButton } from "@xylabs/react-quick-tip-button";
-import React6, { Fragment, useMemo as useMemo5, useState as useState6 } from "react";
+import React8, { Fragment, useMemo as useMemo5, useState as useState6 } from "react";
 var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, chainArchivist, ...props }) => {
   const [transactions, transactionsError] = useTxsFromBlock(chainArchivist, block);
   const [copied, setCopied] = useState6(false);
@@ -346,7 +346,7 @@ var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, chainArchivist
       setCopied(false);
     }, 5e3);
   }, "onCopy");
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(QuickTipButton, {
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(QuickTipButton, {
     Icon: Paid,
     disabled: transactions?.length === 0,
     hoverText: `Transaction Count: ${transactions?.length ?? 0}`,
@@ -356,32 +356,32 @@ var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, chainArchivist
       maxWidth: "md"
     },
     ...props
-  }, transactions?.length === 0 ? null : /* @__PURE__ */ React6.createElement(FlexGrowCol2, {
+  }, transactions?.length === 0 ? null : /* @__PURE__ */ React8.createElement(FlexGrowCol2, {
     gap: 1,
     alignItems: "stretch"
-  }, transactions?.map(([transaction, hash]) => /* @__PURE__ */ React6.createElement(Fragment, {
+  }, transactions?.map(([transaction, hash]) => /* @__PURE__ */ React8.createElement(Fragment, {
     key: hash
-  }, /* @__PURE__ */ React6.createElement(FlexGrowRow, {
+  }, /* @__PURE__ */ React8.createElement(FlexGrowRow, {
     gap: 2,
     justifyContent: "start"
-  }, /* @__PURE__ */ React6.createElement(ContentCopyIcon, {
+  }, /* @__PURE__ */ React8.createElement(ContentCopyIcon, {
     sx: {
       cursor: "pointer"
     },
     onClick: /* @__PURE__ */ __name(() => void onCopy(hash), "onClick")
-  }), /* @__PURE__ */ React6.createElement(Typography2, {
+  }), /* @__PURE__ */ React8.createElement(Typography2, {
     sx: {
       overflow: "hidden",
       textOverflow: "ellipsis",
       whiteSpace: "nowrap"
     }
-  }, transaction._hash)), /* @__PURE__ */ React6.createElement(FlexRow, null, /* @__PURE__ */ React6.createElement(Collapse, {
+  }, transaction._hash)), /* @__PURE__ */ React8.createElement(FlexRow, null, /* @__PURE__ */ React8.createElement(Collapse, {
     in: copied,
     unmountOnExit: true
-  }, /* @__PURE__ */ React6.createElement(Alert2, null, /* @__PURE__ */ React6.createElement(AlertTitle, null, "Previous hash copied to clipboard")))))))), /* @__PURE__ */ React6.createElement(Snackbar, {
+  }, /* @__PURE__ */ React8.createElement(Alert2, null, /* @__PURE__ */ React8.createElement(AlertTitle, null, "Previous hash copied to clipboard")))))))), /* @__PURE__ */ React8.createElement(Snackbar, {
     open: showError,
     onClose: /* @__PURE__ */ __name(() => setShowError(false), "onClose")
-  }, /* @__PURE__ */ React6.createElement(ErrorRender2, {
+  }, /* @__PURE__ */ React8.createElement(ErrorRender2, {
     error: transactionsError,
     scope: "TransactionsQuickTipButton"
   })));
@@ -436,6 +436,9 @@ var blockProducer = /* @__PURE__ */ __name((block) => {
   return block.addresses[0];
 }, "blockProducer");
 
+// src/components/block/helpers/buildBlockChainRenderComponent.tsx
+import React9 from "react";
+
 // src/components/block/helpers/tsxFromBlock.ts
 import { isTransactionBoundWitness } from "@xyo-network/chain-model";
 import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/payload-builder";
@@ -451,7 +454,7 @@ var buildBlockChainRenderComponent = /* @__PURE__ */ __name(async (BlockComponen
   const blockTxs = await txsFromBlock(chainArchivist, block);
   const txHashes = blockTxs.map(([_, hash]) => hash);
   const item = {
-    child: /* @__PURE__ */ React.createElement(BlockComponent, {
+    child: /* @__PURE__ */ React9.createElement(BlockComponent, {
       block,
       transactions: txHashes,
       ...remainingProps
@@ -540,9 +543,9 @@ var useTxsFromBlock = /* @__PURE__ */ __name((chainArchivist, block) => {
 
 // src/components/block/LinkedDivider.tsx
 import { Divider, Stack } from "@mui/material";
-import React7 from "react";
+import React10 from "react";
 var LinkedDivider = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(Stack, {
+  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Stack, {
     className: "divider-spacer",
     justifyContent: "end",
     sx: {
@@ -550,7 +553,7 @@ var LinkedDivider = /* @__PURE__ */ __name(() => {
       height: 24,
       justifyContent: "end"
     }
-  }, /* @__PURE__ */ React7.createElement(Divider, {
+  }, /* @__PURE__ */ React10.createElement(Divider, {
     className: "divider",
     orientation: "vertical",
     flexItem: true,
@@ -566,15 +569,16 @@ var LinkedDivider = /* @__PURE__ */ __name(() => {
 import { MoreVert } from "@mui/icons-material";
 import { IconButton, Menu } from "@mui/material";
 import { BWJsonMenuItem, BWPreviousHashMenuItem } from "@xyo-network/react-chain-boundwitness";
+import React11 from "react";
 var BlockMenuExpanded = /* @__PURE__ */ __name(({ block }) => {
   const { anchorEl, anchorRef, open, handleClick, handleClose } = useAnchorElement();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton, {
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(IconButton, {
     ref: anchorRef,
     size: "small",
     onClick: handleClick
-  }, /* @__PURE__ */ React.createElement(MoreVert, {
+  }, /* @__PURE__ */ React11.createElement(MoreVert, {
     fontSize: "inherit"
-  })), /* @__PURE__ */ React.createElement(Menu, {
+  })), /* @__PURE__ */ React11.createElement(Menu, {
     open,
     anchorEl,
     anchorOrigin: {
@@ -582,11 +586,11 @@ var BlockMenuExpanded = /* @__PURE__ */ __name(({ block }) => {
       vertical: "bottom"
     },
     onClose: handleClose
-  }, /* @__PURE__ */ React.createElement(BWPreviousHashMenuItem, {
+  }, /* @__PURE__ */ React11.createElement(BWPreviousHashMenuItem, {
     boundwitness: block,
     dense: true,
     onDialogClose: handleClose
-  }), /* @__PURE__ */ React.createElement(BWJsonMenuItem, {
+  }), /* @__PURE__ */ React11.createElement(BWJsonMenuItem, {
     boundwitness: block,
     dense: true,
     onDialogClose: handleClose
@@ -597,7 +601,7 @@ var BlockMenuExpanded = /* @__PURE__ */ __name(({ block }) => {
 import { Chip as Chip2 } from "@mui/material";
 import { EthAddress } from "@xylabs/eth-address";
 import { BlockiesAvatar } from "@xyo-network/react-chain-blockies";
-import { useMemo as useMemo7 } from "react";
+import React12, { useMemo as useMemo7 } from "react";
 var BlockProducerChip = /* @__PURE__ */ __name(({ block, ...props }) => {
   const sharedAddress = block?.addresses[0];
   const blockProducer2 = useMemo7(() => {
@@ -609,14 +613,14 @@ var BlockProducerChip = /* @__PURE__ */ __name(({ block, ...props }) => {
     block
   ]);
   const shortedBlockProducer = blockProducer2 ? EthAddress.parse(blockProducer2)?.toShortString(3) : null;
-  const avatar = useMemo7(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React.createElement(BlockiesAvatar, {
+  const avatar = useMemo7(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React12.createElement(BlockiesAvatar, {
     blockiesOptions: {
       seed: blockProducer2
     }
   }), [
     blockProducer2
   ]);
-  return /* @__PURE__ */ React.createElement(Chip2, {
+  return /* @__PURE__ */ React12.createElement(Chip2, {
     avatar,
     label: shortedBlockProducer ? `${shortedBlockProducer}` : null,
     title: `Block producer: ${blockProducer2}`,
@@ -634,12 +638,12 @@ var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, tran
     event.stopPropagation();
     blockHeadingListener("transaction-count", "click", JSON.stringify(transactions2));
   }, "handleTransactionCountClick");
-  return /* @__PURE__ */ React8.createElement(FlexCol2, {
+  return /* @__PURE__ */ React13.createElement(FlexCol2, {
     className: "block-heading-flexbox",
     alignItems: "stretch",
     ref: blockHeadingRef,
     onClick: /* @__PURE__ */ __name(() => blockHeadingListener("block-hash", "click", hash), "onClick")
-  }, /* @__PURE__ */ React8.createElement(LinkedDivider, null), /* @__PURE__ */ React8.createElement(HashHeadingPaper, {
+  }, /* @__PURE__ */ React13.createElement(LinkedDivider, null), /* @__PURE__ */ React13.createElement(HashHeadingPaper, {
     hash,
     heading: block?.block === void 0 ? "" : block.block.toString(),
     paperProps: {
@@ -648,24 +652,24 @@ var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, tran
         width: "100%"
       }
     },
-    AdornmentEnd: /* @__PURE__ */ React8.createElement(FlexRow2, {
+    AdornmentEnd: /* @__PURE__ */ React13.createElement(FlexRow2, {
       gap: 1
-    }, /* @__PURE__ */ React8.createElement(BlockProducerChip, {
+    }, /* @__PURE__ */ React13.createElement(BlockProducerChip, {
       block
-    }), /* @__PURE__ */ React8.createElement(TransactionCountChip, {
+    }), /* @__PURE__ */ React13.createElement(TransactionCountChip, {
       onClick: /* @__PURE__ */ __name((e) => handleTransactionCountClick(e, transactions ?? []), "onClick"),
       transactions
-    }), /* @__PURE__ */ React8.createElement(BWVerification, {
+    }), /* @__PURE__ */ React13.createElement(BWVerification, {
       iconColors: true,
       boundwitness: block
-    }), /* @__PURE__ */ React8.createElement("span", {
+    }), /* @__PURE__ */ React13.createElement("span", {
       style: {
         // maxWidth is required for css animation to work and 28px is the width of the icon button
         display: "flex",
         transition: "max-width .5s",
         maxWidth: expanded ? "28px" : 0
       }
-    }, /* @__PURE__ */ React8.createElement(BlockMenuExpanded, {
+    }, /* @__PURE__ */ React13.createElement(BlockMenuExpanded, {
       block
     }))),
     identiconProps: {
@@ -677,7 +681,7 @@ var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, tran
 
 // src/components/block/table/cell/BlockNumber.tsx
 import { Link, TableCell, Tooltip } from "@mui/material";
-import React9 from "react";
+import React14 from "react";
 
 // src/components/block/table/cell/hooks/useLinkedBlockItem.tsx
 import { useEvent as useEvent2 } from "@xyo-network/react-event";
@@ -701,12 +705,12 @@ var useLinkedBlockItem = /* @__PURE__ */ __name((noun, data) => {
 var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [ref, handleClick] = useLinkedBlockItem("block-number", block?.block.toString());
   const blockNumberBigInt = block ? block.block.toString() : "";
-  return /* @__PURE__ */ React9.createElement(TableCell, {
+  return /* @__PURE__ */ React14.createElement(TableCell, {
     ref,
     ...props
-  }, /* @__PURE__ */ React9.createElement(Tooltip, {
+  }, /* @__PURE__ */ React14.createElement(Tooltip, {
     title: `Block Number: ${blockNumberBigInt}`
-  }, /* @__PURE__ */ React9.createElement("span", null, linked && block ? /* @__PURE__ */ React9.createElement(Link, {
+  }, /* @__PURE__ */ React14.createElement("span", null, linked && block ? /* @__PURE__ */ React14.createElement(Link, {
     title: block.block.toString(),
     onClick: handleClick,
     sx: {
@@ -719,22 +723,22 @@ var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props })
 import { Avatar, Chip as Chip3, TableCell as TableCell2, Tooltip as Tooltip2 } from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadHash as usePayloadHash2 } from "@xyo-network/react-shared";
-import React10 from "react";
+import React15 from "react";
 var BlockHashTableCell = /* @__PURE__ */ __name(({ block, identiconProps, linked, ...props }) => {
   const hash = usePayloadHash2(block);
   const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
   const shortenedHash = hash ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : "";
-  return /* @__PURE__ */ React10.createElement(TableCell2, {
+  return /* @__PURE__ */ React15.createElement(TableCell2, {
     ref,
     ...props
-  }, hash ? /* @__PURE__ */ React10.createElement(Tooltip2, {
+  }, hash ? /* @__PURE__ */ React15.createElement(Tooltip2, {
     title: `Block Hash: ${hash}`
-  }, /* @__PURE__ */ React10.createElement(Chip3, {
-    avatar: /* @__PURE__ */ React10.createElement(Avatar, {
+  }, /* @__PURE__ */ React15.createElement(Chip3, {
+    avatar: /* @__PURE__ */ React15.createElement(Avatar, {
       sx: {
         background: "white"
       }
-    }, /* @__PURE__ */ React10.createElement(Identicon, {
+    }, /* @__PURE__ */ React15.createElement(Identicon, {
       size: 16,
       value: hash,
       ...identiconProps
@@ -751,30 +755,30 @@ import { ellipsize } from "@xylabs/eth-address";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
 import { usePayloadHash as usePayloadHash3 } from "@xyo-network/react-shared";
-import React11, { useState as useState9 } from "react";
+import React16, { useState as useState9 } from "react";
 var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
   const [open, setOpen] = useState9(false);
   const onClose = /* @__PURE__ */ __name(() => setOpen(false), "onClose");
   const hash = usePayloadHash3(block);
   const title = hash ? `JSON for ${ellipsize(hash, 5)}` : "JSON";
-  return /* @__PURE__ */ React11.createElement(TableCell3, props, /* @__PURE__ */ React11.createElement(FlexRow3, {
+  return /* @__PURE__ */ React16.createElement(TableCell3, props, /* @__PURE__ */ React16.createElement(FlexRow3, {
     sx: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React11.createElement(IconButton2, {
+  }, /* @__PURE__ */ React16.createElement(IconButton2, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
-  }, /* @__PURE__ */ React11.createElement(Code, null))), /* @__PURE__ */ React11.createElement(Dialog, {
+  }, /* @__PURE__ */ React16.createElement(Code, null))), /* @__PURE__ */ React16.createElement(Dialog, {
     open,
     onClose
-  }, /* @__PURE__ */ React11.createElement(DialogTitle, null, title), /* @__PURE__ */ React11.createElement(DialogContent, null, /* @__PURE__ */ React11.createElement(JsonViewerEx, {
+  }, /* @__PURE__ */ React16.createElement(DialogTitle, null, title), /* @__PURE__ */ React16.createElement(DialogContent, null, /* @__PURE__ */ React16.createElement(JsonViewerEx, {
     value: block
-  })), /* @__PURE__ */ React11.createElement(DialogActions, {
+  })), /* @__PURE__ */ React16.createElement(DialogActions, {
     sx: {
       display: "flex",
       flexDirection: "row",
       justifyContent: "end"
     }
-  }, /* @__PURE__ */ React11.createElement(Button2, {
+  }, /* @__PURE__ */ React16.createElement(Button2, {
     variant: "contained",
     onClick: onClose
   }, "Close"))));
@@ -783,20 +787,20 @@ var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
 // src/components/block/table/cell/Producer.tsx
 import { TableCell as TableCell4, Tooltip as Tooltip3 } from "@mui/material";
 import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
-import React12 from "react";
+import React17 from "react";
 var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, producerChipProps, ...props }) => {
   const [ref, handleClick] = useLinkedBlockItem("block-producer", JSON.stringify(block));
   const producer = useBlockProducer(block);
-  return /* @__PURE__ */ React12.createElement(TableCell4, {
+  return /* @__PURE__ */ React17.createElement(TableCell4, {
     ref,
     ...props
-  }, /* @__PURE__ */ React12.createElement(Tooltip3, {
+  }, /* @__PURE__ */ React17.createElement(Tooltip3, {
     title: `Block Producer: ${producer}`
-  }, /* @__PURE__ */ React12.createElement(FlexRow4, {
+  }, /* @__PURE__ */ React17.createElement(FlexRow4, {
     sx: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React12.createElement(BlockProducerChip, {
+  }, /* @__PURE__ */ React17.createElement(BlockProducerChip, {
     onClick: linked ? handleClick : void 0,
     block,
     ...producerChipProps
@@ -806,18 +810,18 @@ var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, producerCh
 // src/components/block/table/cell/TransactionCount.tsx
 import { Error as Error2 } from "@mui/icons-material";
 import { Link as Link2, TableCell as TableCell5, Tooltip as Tooltip4 } from "@mui/material";
-import React13 from "react";
+import React18 from "react";
 var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, chainArchivist, linked, ...props }) => {
   const [txs, error] = useTxsFromBlock(chainArchivist, block);
   const [ref, handleClick] = useLinkedBlockItem("transaction-count", JSON.stringify(txs ?? null));
-  return /* @__PURE__ */ React13.createElement(TableCell5, {
+  return /* @__PURE__ */ React18.createElement(TableCell5, {
     ref,
     ...props
-  }, /* @__PURE__ */ React13.createElement("span", null, error ? /* @__PURE__ */ React13.createElement(Tooltip4, {
+  }, /* @__PURE__ */ React18.createElement("span", null, error ? /* @__PURE__ */ React18.createElement(Tooltip4, {
     title: error.message
-  }, /* @__PURE__ */ React13.createElement(Error2, {
+  }, /* @__PURE__ */ React18.createElement(Error2, {
     color: "error"
-  })) : null, linked ? /* @__PURE__ */ React13.createElement(Link2, {
+  })) : null, linked ? /* @__PURE__ */ React18.createElement(Link2, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
@@ -829,17 +833,17 @@ var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, chainArchi
 import { TableCell as TableCell6 } from "@mui/material";
 import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
 import { BWVerification as BWVerification2 } from "@xyo-network/react-chain-boundwitness";
-import React14 from "react";
+import React19 from "react";
 var BlockVerificationTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [ref, handleClick] = useLinkedBlockItem("block-verification", block?.block.toString());
-  return /* @__PURE__ */ React14.createElement(TableCell6, {
+  return /* @__PURE__ */ React19.createElement(TableCell6, {
     ref,
     ...props
-  }, /* @__PURE__ */ React14.createElement(FlexRow5, {
+  }, /* @__PURE__ */ React19.createElement(FlexRow5, {
     sx: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React14.createElement(BWVerification2, {
+  }, /* @__PURE__ */ React19.createElement(BWVerification2, {
     onClick: linked ? handleClick : void 0,
     iconColors: true,
     boundwitness: block
@@ -849,24 +853,24 @@ var BlockVerificationTableCell = /* @__PURE__ */ __name(({ block, linked, ...pro
 // src/components/block/table/Ex.tsx
 import { TableBody, TableCell as TableCell7, TableHead, TableRow } from "@mui/material";
 import { TableEx } from "@xyo-network/react-table";
-import { forwardRef } from "react";
-var BlockchainTableEx = /* @__PURE__ */ forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ React.createElement(TableEx, {
+import React20 from "react";
+var BlockchainTableEx = /* @__PURE__ */ __name(({ ref, children, ...props }) => {
+  return /* @__PURE__ */ React20.createElement(TableEx, {
     ref,
     ...props
-  }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell7, null, "Block Hash"), /* @__PURE__ */ React.createElement(TableCell7, null, "Block Number"), /* @__PURE__ */ React.createElement(TableCell7, null, "Transaction Count"), /* @__PURE__ */ React.createElement(TableCell7, {
+  }, /* @__PURE__ */ React20.createElement(TableHead, null, /* @__PURE__ */ React20.createElement(TableRow, null, /* @__PURE__ */ React20.createElement(TableCell7, null, "Block Hash"), /* @__PURE__ */ React20.createElement(TableCell7, null, "Block Number"), /* @__PURE__ */ React20.createElement(TableCell7, null, "Transaction Count"), /* @__PURE__ */ React20.createElement(TableCell7, {
     align: "center"
-  }, "Block Producer"), /* @__PURE__ */ React.createElement(TableCell7, {
+  }, "Block Producer"), /* @__PURE__ */ React20.createElement(TableCell7, {
     align: "center"
-  }, "Valid"), /* @__PURE__ */ React.createElement(TableCell7, {
+  }, "Valid"), /* @__PURE__ */ React20.createElement(TableCell7, {
     align: "center"
-  }, "JSON"))), /* @__PURE__ */ React.createElement(TableBody, null, children));
-});
+  }, "JSON"))), /* @__PURE__ */ React20.createElement(TableBody, null, children));
+}, "BlockchainTableEx");
 BlockchainTableEx.displayName = "BlockchainTableEx";
 
 // src/components/block/table/row/TableRow.tsx
 import { TableRow as TableRow2 } from "@mui/material";
-import { useMemo as useMemo8 } from "react";
+import React21, { useMemo as useMemo8 } from "react";
 var BlockChainTableRow = /* @__PURE__ */ __name(({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   block,
@@ -886,36 +890,36 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({
   }), [
     block
   ]);
-  return /* @__PURE__ */ React.createElement(TableRow2, props, /* @__PURE__ */ React.createElement(BlockHashTableCell, defaultTableCellProps), /* @__PURE__ */ React.createElement(BlockNumberTableCell, linkedTableCellProps), /* @__PURE__ */ React.createElement(BlockTransactionCountTableCell, linkedTableCellProps), /* @__PURE__ */ React.createElement(BlockProducerTableCell, defaultTableCellProps), /* @__PURE__ */ React.createElement(BlockVerificationTableCell, defaultTableCellProps), /* @__PURE__ */ React.createElement(BlockJsonViewTableCell, defaultTableCellProps));
+  return /* @__PURE__ */ React21.createElement(TableRow2, props, /* @__PURE__ */ React21.createElement(BlockHashTableCell, defaultTableCellProps), /* @__PURE__ */ React21.createElement(BlockNumberTableCell, linkedTableCellProps), /* @__PURE__ */ React21.createElement(BlockTransactionCountTableCell, linkedTableCellProps), /* @__PURE__ */ React21.createElement(BlockProducerTableCell, defaultTableCellProps), /* @__PURE__ */ React21.createElement(BlockVerificationTableCell, defaultTableCellProps), /* @__PURE__ */ React21.createElement(BlockJsonViewTableCell, defaultTableCellProps));
 }, "BlockChainTableRow");
 
 // src/components/chain/controls/PollingControlsFlexbox.tsx
 import { Autorenew, Pause } from "@mui/icons-material";
 import { Alert as Alert3, AlertTitle as AlertTitle2, Grow, Icon as Icon2, IconButton as IconButton4, Tooltip as Tooltip5 } from "@mui/material";
 import { FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
-import React17, { memo } from "react";
+import React26, { memo } from "react";
 
 // src/components/chain/stats/Dialog.tsx
 import { QueryStats } from "@mui/icons-material";
 import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle as DialogTitle2, IconButton as IconButton3 } from "@mui/material";
-import { useState as useState10 } from "react";
+import React24, { useState as useState10 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 import { ListItem, styled, Typography as Typography3 } 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 { useMemo as useMemo9 } from "react";
+import React23, { useMemo as useMemo9 } from "react";
 
 // src/components/chain/stats/producer/Table.tsx
 import { Table, TableBody as TableBody2, TableCell as TableCell8, TableHead as TableHead2, TableRow as TableRow3, useTheme } from "@mui/material";
 import { BlockiesAvatar as BlockiesAvatar2 } from "@xyo-network/react-chain-blockies";
-import React15 from "react";
+import React22 from "react";
 var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ React15.createElement(Table, props, /* @__PURE__ */ React15.createElement(TableHead2, null, /* @__PURE__ */ React15.createElement(TableRow3, null, /* @__PURE__ */ React15.createElement(TableCell8, null, "Address"), /* @__PURE__ */ React15.createElement(TableCell8, null, "Blocks Produced"), /* @__PURE__ */ React15.createElement(TableCell8, null, "Rewards Earned Produced"))), /* @__PURE__ */ React15.createElement(TableBody2, null, producers?.map((producer) => /* @__PURE__ */ React15.createElement(TableRow3, {
+  return /* @__PURE__ */ React22.createElement(Table, props, /* @__PURE__ */ React22.createElement(TableHead2, null, /* @__PURE__ */ React22.createElement(TableRow3, null, /* @__PURE__ */ React22.createElement(TableCell8, null, "Address"), /* @__PURE__ */ React22.createElement(TableCell8, null, "Blocks Produced"), /* @__PURE__ */ React22.createElement(TableCell8, null, "Rewards Earned Produced"))), /* @__PURE__ */ React22.createElement(TableBody2, null, producers?.map((producer) => /* @__PURE__ */ React22.createElement(TableRow3, {
     key: producer.address
-  }, /* @__PURE__ */ React15.createElement(TableCell8, null, /* @__PURE__ */ React15.createElement(BlockiesAvatar2, {
+  }, /* @__PURE__ */ React22.createElement(TableCell8, null, /* @__PURE__ */ React22.createElement(BlockiesAvatar2, {
     blockiesOptions: {
       seed: producer.address
     },
@@ -923,7 +927,7 @@ var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) =
       height: theme.spacing(2.75),
       width: theme.spacing(2.75)
     }
-  })), /* @__PURE__ */ React15.createElement(TableCell8, null, producer.blocksProduced.toString()), /* @__PURE__ */ React15.createElement(TableCell8, null, producer.rewardsEarned.toString())))));
+  })), /* @__PURE__ */ React22.createElement(TableCell8, null, producer.blocksProduced.toString()), /* @__PURE__ */ React22.createElement(TableCell8, null, producer.rewardsEarned.toString())))));
 }, "ChainProducerStatsTable");
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
@@ -945,16 +949,16 @@ var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) =
   const producersArray = useMemo9(() => Object.values(producer?.producers ?? {}), [
     producer
   ]);
-  return /* @__PURE__ */ React.createElement(FlexCol3, {
+  return /* @__PURE__ */ React23.createElement(FlexCol3, {
     alignItems: "start",
     gap: 1,
     ...props
-  }, /* @__PURE__ */ React.createElement(ErrorRender3, {
+  }, /* @__PURE__ */ React23.createElement(ErrorRender3, {
     error: producerError,
     scope: "BlockProducerStatsFlexbox"
-  }), /* @__PURE__ */ React.createElement(Typography3, {
+  }), /* @__PURE__ */ React23.createElement(Typography3, {
     fontSize: "1rem"
-  }, "Block Producers"), /* @__PURE__ */ React.createElement(ChainProducerStatsTable, {
+  }, "Block Producers"), /* @__PURE__ */ React23.createElement(ChainProducerStatsTable, {
     producers: producersArray
   }));
 }, "BlockProducerStatsFlexbox");
@@ -966,18 +970,18 @@ var StyledListItem = styled(ListItem)(() => ({
 // src/components/chain/stats/Dialog.tsx
 var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   const { analyzers, statsUpdated } = useChainAnalyzersContext();
-  return /* @__PURE__ */ React.createElement(Dialog2, props, /* @__PURE__ */ React.createElement(DialogTitle2, null, "Chain Analysis"), /* @__PURE__ */ React.createElement(DialogContent2, null, !!statsUpdated && Object.entries(analyzers).map(([id2, analyzer]) => /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React24.createElement(Dialog2, props, /* @__PURE__ */ React24.createElement(DialogTitle2, null, "Chain Analysis"), /* @__PURE__ */ React24.createElement(DialogContent2, null, !!statsUpdated && Object.entries(analyzers).map(([id2, analyzer]) => /* @__PURE__ */ React24.createElement("div", {
     key: id2
-  }, id2 === "producers" && /* @__PURE__ */ React.createElement(BlockProducerStatsFlexbox, {
+  }, id2 === "producers" && /* @__PURE__ */ React24.createElement(BlockProducerStatsFlexbox, {
     payload: analyzer.result()
   })))));
 }, "ChainAnalyzerStatsDialog");
 var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
   const [open, setOpen] = useState10(false);
   const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton3, {
+  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(IconButton3, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
-  }, /* @__PURE__ */ React.createElement(QueryStats, null)), /* @__PURE__ */ React.createElement(ChainAnalyzerStatsDialog, {
+  }, /* @__PURE__ */ React24.createElement(QueryStats, null)), /* @__PURE__ */ React24.createElement(ChainAnalyzerStatsDialog, {
     onClose: handleClose,
     open,
     ...props
@@ -986,19 +990,19 @@ var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
 
 // src/components/chain/controls/PulseSvgIcon.tsx
 import { alpha, createSvgIcon, keyframes, styled as styled2 } from "@mui/material";
-import React16 from "react";
-var PulseSvgIcon = createSvgIcon(/* @__PURE__ */ React16.createElement("svg", {
+import React25 from "react";
+var PulseSvgIcon = createSvgIcon(/* @__PURE__ */ React25.createElement("svg", {
   viewBox: "0 0 80 80",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React16.createElement("g", {
+}, /* @__PURE__ */ React25.createElement("g", {
   transform: "translate(34,34)"
-}, /* @__PURE__ */ React16.createElement("circle", {
+}, /* @__PURE__ */ React25.createElement("circle", {
   className: "core",
   cx: "0",
   cy: "0",
   r: "6"
-}), /* @__PURE__ */ React16.createElement("circle", {
+}), /* @__PURE__ */ React25.createElement("circle", {
   className: "radar",
   cx: "0",
   cy: "0",
@@ -1062,24 +1066,24 @@ var StyledPulseSvgIcon = styled2(PulseSvgIcon)(({ theme }) => {
 var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingState, setPollingState }) => {
   const paused = pollingState === "paused";
   const running = pollingState === "running";
-  return /* @__PURE__ */ React17.createElement(FlexRow6, {
+  return /* @__PURE__ */ React26.createElement(FlexRow6, {
     justifyContent: "space-between",
     width: "100%"
-  }, /* @__PURE__ */ React17.createElement(FlexRow6, {
+  }, /* @__PURE__ */ React26.createElement(FlexRow6, {
     gap: 2
-  }, running && /* @__PURE__ */ React17.createElement(IconButton4, {
+  }, running && /* @__PURE__ */ React26.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("paused"), "onClick"),
     title: "Pause Block Stream"
-  }, /* @__PURE__ */ React17.createElement(Pause, null)), paused && /* @__PURE__ */ React17.createElement(IconButton4, {
+  }, /* @__PURE__ */ React26.createElement(Pause, null)), paused && /* @__PURE__ */ React26.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("running"), "onClick"),
     title: "Re-Sync Block Stream"
-  }, /* @__PURE__ */ React17.createElement(Autorenew, null)), /* @__PURE__ */ React17.createElement(ChainAnalyzerStatsDialogFromContext, null)), /* @__PURE__ */ React17.createElement(FlexRow6, {
+  }, /* @__PURE__ */ React26.createElement(Autorenew, null)), /* @__PURE__ */ React26.createElement(ChainAnalyzerStatsDialogFromContext, null)), /* @__PURE__ */ React26.createElement(FlexRow6, {
     gap: 2
-  }, /* @__PURE__ */ React17.createElement(Grow, {
+  }, /* @__PURE__ */ React26.createElement(Grow, {
     in: (blocksBehind ?? 0) > 0
-  }, /* @__PURE__ */ React17.createElement(Tooltip5, {
+  }, /* @__PURE__ */ React26.createElement(Tooltip5, {
     title: "Click to Re-Sync"
-  }, /* @__PURE__ */ React17.createElement(Alert3, {
+  }, /* @__PURE__ */ React26.createElement(Alert3, {
     sx: {
       py: 0,
       px: 1,
@@ -1087,11 +1091,11 @@ var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingStat
     },
     severity: "warning",
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("running"), "onClick")
-  }, /* @__PURE__ */ React17.createElement(AlertTitle2, {
+  }, /* @__PURE__ */ React26.createElement(AlertTitle2, {
     sx: {
       mb: 0
     }
-  }, "Behind:", " ", blocksBehind)))), /* @__PURE__ */ React17.createElement(Icon2, null, /* @__PURE__ */ React17.createElement(StyledPulseSvgIcon, {
+  }, "Behind:", " ", blocksBehind)))), /* @__PURE__ */ React26.createElement(Icon2, null, /* @__PURE__ */ React26.createElement(StyledPulseSvgIcon, {
     className: running ? "" : "paused"
   }))));
 }, "PollingControlsFlexbox");
@@ -1099,20 +1103,20 @@ var MemoizedPollingControlsFlexbox = /* @__PURE__ */ memo(PollingControlsFlexbox
 
 // src/components/chain/dialog/Dialog.tsx
 import { Button as Button3, Dialog as Dialog3, DialogActions as DialogActions2, DialogContent as DialogContent3 } from "@mui/material";
-import React18 from "react";
+import React27 from "react";
 var TransactionsDialog = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React18.createElement(Dialog3, props, /* @__PURE__ */ React18.createElement(DialogContent3, null, "Transactions Dialog"), /* @__PURE__ */ React18.createElement(DialogActions2, null, /* @__PURE__ */ React18.createElement(Button3, {
+  return /* @__PURE__ */ React27.createElement(Dialog3, props, /* @__PURE__ */ React27.createElement(DialogContent3, null, "Transactions Dialog"), /* @__PURE__ */ React27.createElement(DialogActions2, null, /* @__PURE__ */ React27.createElement(Button3, {
     variant: "outlined",
     onClick: /* @__PURE__ */ __name((e) => props?.onClose?.(e, "escapeKeyDown"), "onClick")
   }, "Close")));
 }, "TransactionsDialog");
 
 // src/components/chain/hooks/useOnBlock.ts
-import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { useEffect, useRef as useRef2 } from "react";
 var useOnBlock = /* @__PURE__ */ __name((initialHeadNumber, onAddBlock, liveHead, pollingState) => {
   const blocksWhilePaused = useRef2([]);
   const lastLiveHead = useRef2(liveHead);
-  useEffect2(() => {
+  useEffect(() => {
     if (lastLiveHead.current?.block === liveHead?.block) return;
     if (liveHead && onAddBlock) {
       lastLiveHead.current = liveHead;
@@ -1138,9 +1142,9 @@ var useOnBlock = /* @__PURE__ */ __name((initialHeadNumber, onAddBlock, liveHead
 
 // src/components/chain/pagination/BlockChainPagination.tsx
 import { TablePaginationActions } from "@xyo-network/react-payload-table";
-import React19 from "react";
+import React28 from "react";
 var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, page, rowsPerPage = 10 }) => {
-  return /* @__PURE__ */ React19.createElement(TablePaginationActions, {
+  return /* @__PURE__ */ React28.createElement(TablePaginationActions, {
     count,
     onPageChange,
     page,
@@ -1175,10 +1179,11 @@ var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
 import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
 import { FlexCol as FlexCol5 } from "@xylabs/react-flexbox";
 import { ChainProducersAnalyzer } from "@xyo-network/chain-protocol";
-import React20, { useMemo as useMemo14 } from "react";
+import React30, { useMemo as useMemo14 } from "react";
 
 // src/components/chain/list/Animated.tsx
 import { AnimatedList } from "@xylabs/react-animation";
+import React29 from "react";
 
 // src/components/chain/styled/BlockListWrapperFlexbox.tsx
 import { styled as styled3 } from "@mui/material";
@@ -1199,10 +1204,10 @@ var BlockListWrapperFlexBox = styled3(FlexCol4, {
 
 // src/components/chain/list/Animated.tsx
 var BlockListAnimated = /* @__PURE__ */ __name(({ blockChainRenderComponents }) => {
-  return /* @__PURE__ */ React.createElement(BlockListWrapperFlexBox, {
+  return /* @__PURE__ */ React29.createElement(BlockListWrapperFlexBox, {
     alignItems: "stretch",
     width: "100%"
-  }, /* @__PURE__ */ React.createElement(AnimatedList, {
+  }, /* @__PURE__ */ React29.createElement(AnimatedList, {
     fullWidth: true,
     items: blockChainRenderComponents
   }));
@@ -1309,15 +1314,15 @@ var useChainIteratorParams = /* @__PURE__ */ __name(({ chainArchivist, chainInfo
 
 // src/hooks/chain-iterator/useChainIteratorStore.ts
 import { usePromise as usePromise4 } from "@xylabs/react-promise";
-import { useEffect as useEffect4, useMemo as useMemo11, useRef as useRef3, useSyncExternalStore } from "react";
+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 { findMostRecentBlock } from "@xyo-network/chain-protocol";
-import { useEffect as useEffect3, useState as useState12 } from "react";
+import { useEffect as useEffect2, useState as useState12 } from "react";
 var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, interval = 500, maxBlocks, chainArchivist }) => {
   const [error, setError] = useState12();
-  useEffect3(() => {
+  useEffect2(() => {
     let pollArchivistTimeout;
     const pollingFunction = /* @__PURE__ */ __name(async () => {
       if (chainIterator && chainArchivist) {
@@ -1366,7 +1371,7 @@ var useChainIteratorStore = /* @__PURE__ */ __name((chainIteratorParams) => {
     chainIterator,
     chainArchivist
   });
-  useEffect4(() => {
+  useEffect3(() => {
     return () => {
       if (chainIteratorStore) {
         chainIteratorStore.cleanup();
@@ -1530,18 +1535,18 @@ var useRemoteBlockChainRenderProps = /* @__PURE__ */ __name((chainArchivistModul
 // src/components/chain/render/dynamic/flexbox/Flexbox.tsx
 var Base = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { errors, blockChainRenderComponents, blocksWhilePaused, pollingState, updatePollingState } = useDynamicBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps);
-  return /* @__PURE__ */ React20.createElement(FlexCol5, {
+  return /* @__PURE__ */ React30.createElement(FlexCol5, {
     alignItems: "start",
     ...props
-  }, errors?.map((error, index) => /* @__PURE__ */ React20.createElement(ErrorRender4, {
+  }, errors?.map((error, index) => /* @__PURE__ */ React30.createElement(ErrorRender4, {
     error,
     key: index,
     scope: "DynamicBlockchainRenderFlexboxInner"
-  })), /* @__PURE__ */ React20.createElement(MemoizedPollingControlsFlexbox, {
+  })), /* @__PURE__ */ React30.createElement(MemoizedPollingControlsFlexbox, {
     blocksBehind: blocksWhilePaused?.length,
     pollingState,
     setPollingState: updatePollingState
-  }), /* @__PURE__ */ React20.createElement(BlockListAnimated, {
+  }), /* @__PURE__ */ React30.createElement(BlockListAnimated, {
     blockChainRenderComponents
   }));
 }, "Base");
@@ -1556,19 +1561,19 @@ var WithAnalysis = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props })
   }, [
     chainInformation
   ]);
-  return /* @__PURE__ */ React20.createElement(ChainAnalyzersProvider, {
+  return /* @__PURE__ */ React30.createElement(ChainAnalyzersProvider, {
     analyzers
-  }, /* @__PURE__ */ React20.createElement(ChainPollingProvider, null, /* @__PURE__ */ React20.createElement(DynamicBlockchainRenderFlexbox.Base, {
+  }, /* @__PURE__ */ React30.createElement(ChainPollingProvider, null, /* @__PURE__ */ React30.createElement(DynamicBlockchainRenderFlexbox.Base, {
     blockChainRenderProps,
     ...props
   })));
 }, "WithAnalysis");
 var WithRemote = /* @__PURE__ */ __name(({ url, chainArchivistModuleId, blockChainRenderProps: blockChainRenderPropsArg, ...props }) => {
   const { error, blockChainRenderProps } = useRemoteBlockChainRenderProps(chainArchivistModuleId, url, blockChainRenderPropsArg);
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(ErrorRender4, {
+  return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(ErrorRender4, {
     error,
     scope: "RemoteChainProviderFlexbox"
-  }), /* @__PURE__ */ React20.createElement(DynamicBlockchainRenderFlexbox.WithAnalysis, {
+  }), /* @__PURE__ */ React30.createElement(DynamicBlockchainRenderFlexbox.WithAnalysis, {
     blockChainRenderProps,
     ...props
   }));
@@ -1583,7 +1588,7 @@ var DynamicBlockchainRenderFlexbox = {
 import { ErrorRender as ErrorRender5 } from "@xylabs/react-error";
 import { FlexCol as FlexCol6, FlexGrowRow as FlexGrowRow2 } from "@xylabs/react-flexbox";
 import { ChainProducersAnalyzer as ChainProducersAnalyzer2 } from "@xyo-network/chain-protocol";
-import React21, { useMemo as useMemo16 } from "react";
+import React31, { useMemo as useMemo16 } from "react";
 
 // src/components/chain/render/static/hooks/useStaticBlockRenderComponents.ts
 import { exists } from "@xylabs/exists";
@@ -1616,24 +1621,24 @@ var useStaticBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blo
 // src/components/chain/render/static/flexbox/Flexbox.tsx
 var Base2 = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { blockComponents, errors, paginatedBlockComponents, onPageChange, page, pageSize } = useStaticBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps);
-  return /* @__PURE__ */ React21.createElement(FlexCol6, {
+  return /* @__PURE__ */ React31.createElement(FlexCol6, {
     alignItems: "start",
     gap: 2,
     width: "100%",
     ...props
-  }, errors?.map((error, index) => /* @__PURE__ */ React21.createElement(ErrorRender5, {
+  }, errors?.map((error, index) => /* @__PURE__ */ React31.createElement(ErrorRender5, {
     error,
     key: index,
     scope: "StaticBlockchainFlexboxInner"
-  })), paginatedBlockComponents?.length ? /* @__PURE__ */ React21.createElement(FlexGrowRow2, {
+  })), paginatedBlockComponents?.length ? /* @__PURE__ */ React31.createElement(FlexGrowRow2, {
     justifyContent: "space-between",
     width: "100%"
-  }, /* @__PURE__ */ React21.createElement(ChainAnalyzerStatsDialogFromContext, null), /* @__PURE__ */ React21.createElement(BlockChainPagination, {
+  }, /* @__PURE__ */ React31.createElement(ChainAnalyzerStatsDialogFromContext, null), /* @__PURE__ */ React31.createElement(BlockChainPagination, {
     count: blockComponents?.length ?? 0,
     onPageChange,
     page,
     rowsPerPage: pageSize
-  })) : null, /* @__PURE__ */ React21.createElement(BlockListAnimated, {
+  })) : null, /* @__PURE__ */ React31.createElement(BlockListAnimated, {
     blockChainRenderComponents: paginatedBlockComponents
   }));
 }, "Base");
@@ -1648,9 +1653,9 @@ var WithAnalysis2 = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props })
   }, [
     chainInformation
   ]);
-  return /* @__PURE__ */ React21.createElement(ChainAnalyzersProvider, {
+  return /* @__PURE__ */ React31.createElement(ChainAnalyzersProvider, {
     analyzers
-  }, /* @__PURE__ */ React21.createElement(StaticBlockchainRenderFlexBox.Base, {
+  }, /* @__PURE__ */ React31.createElement(StaticBlockchainRenderFlexBox.Base, {
     blockChainRenderProps,
     ...props
   }));
@@ -1663,19 +1668,19 @@ var StaticBlockchainRenderFlexBox = {
 // src/components/payload/builder/Flexbox.tsx
 import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
 import { JsonViewerEx as JsonViewerEx2 } from "@xyo-network/react-payload-raw-info";
-import { useState as useState13 } from "react";
+import React32, { useState as useState13 } from "react";
 var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild, ...props }) => {
   const [payload, setPayload] = useState13();
   const onBuildLocal = /* @__PURE__ */ __name((payload2) => {
     onBuild?.(payload2);
     setPayload(payload2);
   }, "onBuildLocal");
-  return /* @__PURE__ */ React.createElement(FlexCol7, {
+  return /* @__PURE__ */ React32.createElement(FlexCol7, {
     gap: 2,
     ...props
-  }, /* @__PURE__ */ React.createElement(BuilderComponent, {
+  }, /* @__PURE__ */ React32.createElement(BuilderComponent, {
     onBuild: onBuildLocal
-  }), payload && /* @__PURE__ */ React.createElement(JsonViewerEx2, {
+  }), payload && /* @__PURE__ */ React32.createElement(JsonViewerEx2, {
     value: payload
   }));
 }, "PayloadBuilderFlexbox");
@@ -1683,11 +1688,11 @@ var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild,
 // src/components/payload/builder/producer-intent/Form.tsx
 import { Button as Button4, FormControl as FormControl5 } from "@mui/material";
 import { createProducerChainStakeIntent } from "@xyo-network/chain-ethereum";
-import React24, { useMemo as useMemo17, useState as useState16 } from "react";
+import React35, { useMemo as useMemo17, useState as useState16 } from "react";
 
 // src/components/payload/fields/BlockNumberTextField.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText2, TextField as TextField3 } from "@mui/material";
-import React22, { useState as useState14 } from "react";
+import React33, { useState as useState14 } from "react";
 var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumberChanged, onChange, ...props }) => {
   const [blockNumber, setBlockNumber] = useState14();
   const handleChange = /* @__PURE__ */ __name((e) => {
@@ -1696,15 +1701,15 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
     onBlockNumberChanged?.(Number.parseInt(value));
     onChange?.(e);
   }, "handleChange");
-  return /* @__PURE__ */ React22.createElement(FormControl3, {
+  return /* @__PURE__ */ React33.createElement(FormControl3, {
     fullWidth: true
-  }, /* @__PURE__ */ React22.createElement(TextField3, {
+  }, /* @__PURE__ */ React33.createElement(TextField3, {
     error: !!errorMessage,
     onChange: handleChange,
     type: "number",
     value: blockNumber ?? "",
     ...props
-  }), errorMessage && /* @__PURE__ */ React22.createElement(FormHelperText2, {
+  }), errorMessage && /* @__PURE__ */ React33.createElement(FormHelperText2, {
     sx: {
       color: /* @__PURE__ */ __name((theme) => theme.palette.error.main, "color")
     }
@@ -1714,11 +1719,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 React23, { useEffect as useEffect5, useState as useState15 } from "react";
+import React34, { useEffect as useEffect4, useState as useState15 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
   const [address, setAddress] = useState15("");
   const [addressError, setAddressError] = useState15();
-  useEffect5(() => setAddress(""), [
+  useEffect4(() => setAddress(""), [
     resetValue
   ]);
   const handleChange = /* @__PURE__ */ __name((event) => {
@@ -1738,15 +1743,15 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
       onAddressChanged?.();
     }
   }, "handleBlur");
-  return /* @__PURE__ */ React23.createElement(FormControl4, {
+  return /* @__PURE__ */ React34.createElement(FormControl4, {
     fullWidth: true
-  }, /* @__PURE__ */ React23.createElement(TextField4, {
+  }, /* @__PURE__ */ React34.createElement(TextField4, {
     error: !!addressError,
     onBlur: handleBlur,
     onChange: handleChange,
     value: address,
     ...props
-  }), addressError && /* @__PURE__ */ React23.createElement(FormHelperText3, {
+  }), addressError && /* @__PURE__ */ React34.createElement(FormHelperText3, {
     sx: {
       color: /* @__PURE__ */ __name((theme) => theme.palette.error.main, "color")
     }
@@ -1779,43 +1784,46 @@ var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
   const onBuildLocal = /* @__PURE__ */ __name(() => {
     if (onBuild && intentPayload) onBuild?.(intentPayload);
   }, "onBuildLocal");
-  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(FormControl5, {
+  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(FormControl5, {
     fullWidth: true
-  }, /* @__PURE__ */ React24.createElement(XyoAddressTextField, {
+  }, /* @__PURE__ */ React35.createElement(XyoAddressTextField, {
     label: "Delegate",
     name: "delegate",
     onAddressChanged: setDelegate,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React24.createElement(FormControl5, {
+  })), /* @__PURE__ */ React35.createElement(FormControl5, {
     fullWidth: true
-  }, /* @__PURE__ */ React24.createElement(BlockNumberTextField, {
+  }, /* @__PURE__ */ React35.createElement(BlockNumberTextField, {
     errorMessage: blockRangeError?.message,
     label: "Expires",
     name: "exp",
     onBlockNumberChanged: setExp,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React24.createElement(FormControl5, {
+  })), /* @__PURE__ */ React35.createElement(FormControl5, {
     fullWidth: true
-  }, /* @__PURE__ */ React24.createElement(BlockNumberTextField, {
+  }, /* @__PURE__ */ React35.createElement(BlockNumberTextField, {
     errorMessage: blockRangeError?.message,
     label: "Not Before",
     name: "nbf",
     onBlockNumberChanged: setNbf,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React24.createElement(Button4, {
+  })), /* @__PURE__ */ React35.createElement(Button4, {
     disabled: !intentPayload,
     variant: "contained",
     onClick: onBuildLocal
   }, "Build"));
 }, "ProducerIntentBuilderForm");
 
+// src/components/payload/builder/transfer/Flexbox.tsx
+import React38 from "react";
+
 // src/components/payload/builder/transfer/Form.tsx
 import { Button as Button5, FormControl as FormControl7 } from "@mui/material";
 import { elevate, TransferSchema } from "@xyo-network/chain-model";
-import React25, { useMemo as useMemo19, useState as useState18 } from "react";
+import React37, { useMemo as useMemo19, useState as useState18 } from "react";
 
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
@@ -1823,7 +1831,7 @@ import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 }
 import { toHex as toHex2 } from "@xylabs/hex";
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
-import { useEffect as useEffect6, useMemo as useMemo18, useState as useState17 } from "react";
+import React36, { useEffect as useEffect5, useMemo as useMemo18, useState as useState17 } from "react";
 var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
   const [toAddress, setToAddress] = useState17();
   const [amount, setAmount] = useState17();
@@ -1839,34 +1847,34 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
     toAddress,
     amount
   ]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (transferAmount) onTransferUpdated?.(transferAmount);
   }, [
     transferAmount
   ]);
-  return /* @__PURE__ */ React.createElement(FlexRow7, {
+  return /* @__PURE__ */ React36.createElement(FlexRow7, {
     alignItems: "start",
     gap: 1,
     ...props
-  }, /* @__PURE__ */ React.createElement(FormControl6, {
+  }, /* @__PURE__ */ React36.createElement(FormControl6, {
     fullWidth: true
-  }, /* @__PURE__ */ React.createElement(XyoAddressTextField, {
+  }, /* @__PURE__ */ React36.createElement(XyoAddressTextField, {
     label: "To",
     name: "to",
     onAddressChanged: setToAddress,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React.createElement(FormControl6, {
+  })), /* @__PURE__ */ React36.createElement(FormControl6, {
     fullWidth: true
-  }, /* @__PURE__ */ React.createElement(BigIntInput.TextField, {
+  }, /* @__PURE__ */ React36.createElement(BigIntInput.TextField, {
     label: "Amount",
     name: "amount",
     onChangeFixedPoint: setAmount,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React.createElement(IconButton5, {
+  })), /* @__PURE__ */ React36.createElement(IconButton5, {
     onClick: /* @__PURE__ */ __name(() => onRemoveTransfer?.(singleTransfer.transferId), "onClick")
-  }, /* @__PURE__ */ React.createElement(Icon3, null, /* @__PURE__ */ React.createElement(RemoveCircle, null))));
+  }, /* @__PURE__ */ React36.createElement(Icon3, null, /* @__PURE__ */ React36.createElement(RemoveCircle, null))));
 }, "SingleTransferBuilderFlexbox");
 
 // src/components/payload/builder/transfer/Form.tsx
@@ -1914,19 +1922,19 @@ var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
       return transfer;
     }));
   }, "onTransferUpdated");
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(FormControl7, {
+  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(FormControl7, {
     fullWidth: true
-  }, /* @__PURE__ */ React25.createElement(XyoAddressTextField, {
+  }, /* @__PURE__ */ React37.createElement(XyoAddressTextField, {
     label: "From",
     name: "from",
     onAddressChanged: setFromAddress,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React25.createElement(Button5, {
+  })), /* @__PURE__ */ React37.createElement(Button5, {
     onClick: onTransferAdded,
     size: "small",
     variant: "contained"
-  }, "Add Transfer"), transfers.map((transfer) => /* @__PURE__ */ React25.createElement(SingleTransferBuilderFlexbox, {
+  }, "Add Transfer"), transfers.map((transfer) => /* @__PURE__ */ React37.createElement(SingleTransferBuilderFlexbox, {
     key: transfer.transferId,
     onTransferUpdated,
     onRemoveTransfer: onTransferRemoved,
@@ -1934,7 +1942,7 @@ var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
     sx: {
       width: "100%"
     }
-  })), /* @__PURE__ */ React25.createElement(Button5, {
+  })), /* @__PURE__ */ React37.createElement(Button5, {
     disabled: !transferPayload,
     variant: "contained",
     onClick: onBuildLocal
@@ -1942,7 +1950,7 @@ var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
 }, "TransferBuilderForm");
 
 // src/components/payload/builder/transfer/Flexbox.tsx
-var TransferBuilderFlexbox = /* @__PURE__ */ __name(({ onBuild, ...props }) => /* @__PURE__ */ React.createElement(PayloadBuilderFlexbox, {
+var TransferBuilderFlexbox = /* @__PURE__ */ __name(({ onBuild, ...props }) => /* @__PURE__ */ React38.createElement(PayloadBuilderFlexbox, {
   gap: 4,
   alignItems: "start",
   BuilderComponent: TransferBuilderForm,
@@ -1971,7 +1979,7 @@ import { usePromise as usePromise7 } from "@xylabs/react-promise";
 import { MemoryArchivist } from "@xyo-network/archivist-memory";
 import { ArchivistConfigSchema } from "@xyo-network/archivist-model";
 import { isBlockBoundWitness as isBlockBoundWitness4 } from "@xyo-network/chain-model";
-import { useEffect as useEffect7 } from "react";
+import React39, { useEffect as useEffect6 } from "react";
 var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
   const [randomBlockChain] = usePromise7(async () => await buildRandomBlockChain(), []);
   const [blockChainRenderProps, blockChainRenderPropsError] = usePromise7(async () => {
@@ -1992,7 +2000,7 @@ var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
   }, [
     randomBlockChain
   ]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (blockChainRenderPropsError) {
       console.error(blockChainRenderPropsError);
     }
@@ -2010,7 +2018,7 @@ var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
       }
     }
   };
-  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ React.createElement(Story, props) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CircularProgress, null));
+  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ React39.createElement(Story, props) : /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(CircularProgress, null));
 }, "ChainArchivistDecorator");
 
 // src/stories/ChainArchivistDelayedInsertDecorator.tsx
@@ -2020,7 +2028,7 @@ import { usePromise as usePromise8 } from "@xylabs/react-promise";
 import { MemoryArchivist as MemoryArchivist2 } from "@xyo-network/archivist-memory";
 import { ArchivistConfigSchema as ArchivistConfigSchema2 } from "@xyo-network/archivist-model";
 import { isBlockBoundWitness as isBlockBoundWitness5 } from "@xyo-network/chain-model";
-import { useEffect as useEffect8, useState as useState19 } from "react";
+import React40, { useEffect as useEffect7, useState as useState19 } from "react";
 var chainArchivistRef;
 var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, context) => {
   const [firstBlock, setFirstBlock] = useState19();
@@ -2057,7 +2065,7 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
     chainArchivist,
     randomBlockChain
   ]);
-  useEffect8(() => {
+  useEffect7(() => {
     if (delayedInsertError) {
       console.error(delayedInsertError);
     }
@@ -2084,7 +2092,7 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
       }
     }
   };
-  return firstBlock ? /* @__PURE__ */ React.createElement(Story, props) : /* @__PURE__ */ React.createElement(CircularProgress2, null);
+  return firstBlock ? /* @__PURE__ */ React40.createElement(Story, props) : /* @__PURE__ */ React40.createElement(CircularProgress2, null);
 }, "ChainArchivistDelayedInsertDecorator");
 
 // src/stories/ChainInfoContextDecorator.tsx
@@ -2093,6 +2101,7 @@ import { usePromise as usePromise9 } from "@xylabs/react-promise";
 import { isBlockBoundWitness as isBlockBoundWitness6 } from "@xyo-network/chain-model";
 import { XyoChainBlockNumberIterator as XyoChainBlockNumberIterator3 } from "@xyo-network/chain-services";
 import { findFirstMatching } from "@xyo-network/chain-utils";
+import React41 from "react";
 var archivistConfig = {
   url: "http://localhost:8080",
   chainArchivistModuleId: "XYOPublic:XYOChain:Chain"
@@ -2118,11 +2127,11 @@ var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
     chainArchivist,
     chainInformation
   ]);
-  return /* @__PURE__ */ React.createElement(ChainInfoProvider, {
+  return /* @__PURE__ */ React41.createElement(ChainInfoProvider, {
     chainArchivist,
     chainInformation,
     chainIterator
-  }, /* @__PURE__ */ React.createElement(Story, context));
+  }, /* @__PURE__ */ React41.createElement(Story, context));
 }, "ChainInfoContextDecorator");
 export {
   BlockChainPagination,