@xyo-network/react-chain-boundwitness 1.8.4 → 1.10.0

package/dist/browser/index.mjs

@@ -1,6 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/block/BlockBoundWitnessDetails.tsx
 import { filterAs } from "@xylabs/array";
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
@@ -9,11 +6,16 @@ import { usePromise as usePromise3 } from "@xylabs/react-promise";
 import { isBoundWitness } from "@xyo-network/boundwitness-model";
 import { HydratedBlockWrapper } from "@xyo-network/chain-wrappers";
 import { PayloadBuilder } from "@xyo-network/payload-builder";
-import { BoundWitnessPayloadsTable, BoundWitnessSignatureTable, HashHeadingPaper, HeadingPaper as HeadingPaper2 } from "@xyo-network/react-boundwitness-plugin";
+import {
+  BoundWitnessPayloadsTable,
+  BoundWitnessSignatureTable,
+  HashHeadingPaper,
+  HeadingPaper as HeadingPaper2
+} from "@xyo-network/react-boundwitness-plugin";
 import { useTxsFromBlock } from "@xyo-network/react-chain-blockchain";
 import { usePayloadHash as usePayloadHash2 } from "@xyo-network/react-shared";
 import { isTransactionBoundWitness } from "@xyo-network/xl1-protocol";
-import React6, { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo3 } from "react";
 import { FaSignature } from "react-icons/fa";
 import { GrTransaction } from "react-icons/gr";
 import { VscSymbolMethod as VscSymbolMethod2, VscSymbolNamespace as VscSymbolNamespace2 } from "react-icons/vsc";
@@ -21,79 +23,78 @@ import { VscSymbolMethod as VscSymbolMethod2, VscSymbolNamespace as VscSymbolNam
 // src/lib/formatFees.ts
 import { isUndefined } from "@xylabs/typeof";
 import { bigIntToFixedPointString } from "@xyo-network/chain-utils";
-var formatFee = /* @__PURE__ */ __name((fee) => {
+var formatFee = (fee) => {
   if (isUndefined(fee)) return "N/A";
   const stringValue = bigIntToFixedPointString(fee, 12);
   if (stringValue === "0") return stringValue;
   return stringValue;
-}, "formatFee");
+};
 
 // src/lib/formatNumber.ts
-var formatNumber = /* @__PURE__ */ __name((num) => {
+var formatNumber = (num) => {
   return num.toLocaleString(navigator.language ?? "en-US");
-}, "formatNumber");
+};
 
 // src/lib/formatPayloadsForTable.ts
-var formatPayloadsForTable = /* @__PURE__ */ __name((pairs) => {
+var formatPayloadsForTable = (pairs) => {
   let hashes = [];
   let schemas = [];
   for (const [bw, hash] of pairs ?? []) {
     hashes.push(hash);
     schemas.push(bw?.schema ?? "");
   }
-  return {
-    hashes,
-    schemas
-  };
-}, "formatPayloadsForTable");
+  return { hashes, schemas };
+};
 
 // src/lib/formatResults.ts
-var formatResults = /* @__PURE__ */ __name((results) => {
-  const result = {
-    labels: [],
-    values: []
-  };
+var formatResults = (results) => {
+  const result = { labels: [], values: [] };
   for (const [label, value] of Object.entries(results)) {
     result.labels.push(label);
     result.values.push(value);
   }
   return result;
-}, "formatResults");
+};
 
 // src/components/PayloadTable.tsx
 import { InfoOutline } from "@mui/icons-material";
 import { Tooltip } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
 import { isDefined } from "@xylabs/typeof";
-import { BoundWitnessPayloadTableBody, BoundWitnessPayloadTableHead, HeadingPaper } from "@xyo-network/react-boundwitness-plugin";
+import {
+  BoundWitnessPayloadTableBody,
+  BoundWitnessPayloadTableHead,
+  HeadingPaper
+} from "@xyo-network/react-boundwitness-plugin";
 import { TableEx } from "@xyo-network/react-table";
-import React from "react";
 import { VscSymbolMethod } from "react-icons/vsc";
-var PayloadTableFlexbox = /* @__PURE__ */ __name(({ IconComponent, eventNoun, hashes, schemas, headingTitle, clickableFields, tooltip, ...props }) => {
-  const resolvedIconComponent = IconComponent ?? /* @__PURE__ */ React.createElement(VscSymbolMethod, null);
-  return /* @__PURE__ */ React.createElement(FlexCol, {
-    alignItems: "stretch",
-    rowGap: 1,
-    ...props
-  }, /* @__PURE__ */ React.createElement(HeadingPaper, {
-    AdornmentEnd: isDefined(tooltip) ? /* @__PURE__ */ React.createElement(Tooltip, {
-      title: tooltip
-    }, /* @__PURE__ */ React.createElement(InfoOutline, {
-      fontSize: "small",
-      sx: {
-        py: 2,
-        px: 1
+import { jsx, jsxs } from "react/jsx-runtime";
+var PayloadTableFlexbox = ({
+  IconComponent,
+  eventNoun,
+  hashes,
+  schemas,
+  headingTitle,
+  clickableFields,
+  tooltip,
+  ...props
+}) => {
+  const resolvedIconComponent = IconComponent ?? /* @__PURE__ */ jsx(VscSymbolMethod, {});
+  return /* @__PURE__ */ jsxs(FlexCol, { alignItems: "stretch", rowGap: 1, ...props, children: [
+    /* @__PURE__ */ jsx(
+      HeadingPaper,
+      {
+        AdornmentEnd: isDefined(tooltip) ? /* @__PURE__ */ jsx(Tooltip, { title: tooltip, children: /* @__PURE__ */ jsx(InfoOutline, { fontSize: "small", sx: { py: 2, px: 1 } }) }) : null,
+        IconComponent: resolvedIconComponent,
+        heading: headingTitle
       }
-    })) : null,
-    IconComponent: resolvedIconComponent,
-    heading: headingTitle
-  }), /* @__PURE__ */ React.createElement(TableEx, null, /* @__PURE__ */ React.createElement(BoundWitnessPayloadTableHead, null), /* @__PURE__ */ React.createElement(BoundWitnessPayloadTableBody, {
-    payloadHashes: hashes,
-    payloadSchemas: schemas,
-    eventNoun,
-    clickableFields
-  })));
-}, "PayloadTableFlexbox");
+    ),
+    /* @__PURE__ */ jsxs(TableEx, { children: [
+      /* @__PURE__ */ jsx(BoundWitnessPayloadTableHead, {}),
+      /* @__PURE__ */ jsx(BoundWitnessPayloadTableBody, { payloadHashes: hashes, payloadSchemas: schemas, eventNoun, clickableFields })
+    ] })
+  ] });
+};
 
 // src/components/block/card/actions/BlockBoundWitnessActions.tsx
 import { DataObject as DataObjectIcon } from "@mui/icons-material";
@@ -102,7 +103,6 @@ import { FlexRow } from "@xylabs/react-flexbox";
 import { QuickTipButton } from "@xylabs/react-quick-tip-button";
 import { BWPreviousHashQuickTipButton } from "@xyo-network/react-boundwitness-plugin";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import React3 from "react";
 
 // src/components/block/card/actions/BlockBoundWitnessVerification.tsx
 import { CancelRounded as CancelRoundedIcon } from "@mui/icons-material";
@@ -112,22 +112,17 @@ import { usePromise } from "@xylabs/react-promise";
 import { isDefined as isDefined2 } from "@xylabs/typeof";
 import { validateBlock } from "@xyo-network/chain-validation";
 import { isBlockBoundWitness } from "@xyo-network/xl1-protocol";
-import React2, { useMemo } from "react";
-var InvalidIcon = /* @__PURE__ */ __name(({ ref, ...props }) => /* @__PURE__ */ React2.createElement(CancelRoundedIcon, {
-  color: "error",
-  ref,
-  ...props
-}), "InvalidIcon");
+import { useMemo } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var InvalidIcon = ({ ref, ...props }) => /* @__PURE__ */ jsx2(CancelRoundedIcon, { color: "error", ref, ...props });
 InvalidIcon.displayName = "InvalidIcon";
-var BlockBoundWitnessVerification = /* @__PURE__ */ __name(({ block, ...props }) => {
+var BlockBoundWitnessVerification = ({ block, ...props }) => {
   const [validationErrors, validateError] = usePromise(async () => {
     if (isDefined2(block)) {
       const resolvedBlock = assertEx(isBlockBoundWitness(block) ? block : void 0, () => "Block must be a BlockBoundWitness");
       return await validateBlock(resolvedBlock);
     }
-  }, [
-    block
-  ]);
+  }, [block]);
   const resolvedErrors = useMemo(() => {
     const errors = [];
     if (isDefined2(validationErrors)) {
@@ -136,98 +131,101 @@ var BlockBoundWitnessVerification = /* @__PURE__ */ __name(({ block, ...props })
       if (isDefined2(validateError)) errors.push(validateError);
       return errors;
     }
-  }, [
-    validateError,
-    validationErrors
-  ]);
-  return /* @__PURE__ */ React2.createElement(ErrorQuickTipButton, {
-    boundWitnessType: "Block",
-    errors: resolvedErrors,
-    ...props
-  });
-}, "BlockBoundWitnessVerification");
+  }, [validateError, validationErrors]);
+  return /* @__PURE__ */ jsx2(ErrorQuickTipButton, { boundWitnessType: "Block", errors: resolvedErrors, ...props });
+};
 
 // src/components/block/card/actions/BlockBoundWitnessActions.tsx
-var BlockBoundWitnessActions = /* @__PURE__ */ __name(({ boundwitness, validationIconColors = false, ...props }) => {
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BlockBoundWitnessActions = ({
+  boundwitness,
+  validationIconColors = false,
+  ...props
+}) => {
   const hash = usePayloadHash(boundwitness);
-  return /* @__PURE__ */ React3.createElement(FlexRow, props, boundwitness?.previous_hashes.length === 0 ? null : /* @__PURE__ */ React3.createElement(BWPreviousHashQuickTipButton, {
-    boundwitness
-  }), /* @__PURE__ */ React3.createElement(BlockBoundWitnessVerification, {
-    iconColors: validationIconColors,
-    block: boundwitness
-  }), /* @__PURE__ */ React3.createElement(QuickTipButton, {
-    Icon: DataObjectIcon,
-    title: `JSON for ${ellipsize(hash ?? "", 8)}`,
-    dialogProps: {
-      fullWidth: true,
-      maxWidth: "md"
-    }
-  }, /* @__PURE__ */ React3.createElement("pre", {
-    style: {
-      wordBreak: "break-all"
-    }
-  }, boundwitness ? JSON.stringify(boundwitness, null, 2) : null)));
-}, "BlockBoundWitnessActions");
+  return /* @__PURE__ */ jsxs2(FlexRow, { ...props, children: [
+    boundwitness?.previous_hashes.length === 0 ? null : /* @__PURE__ */ jsx3(BWPreviousHashQuickTipButton, { boundwitness }),
+    /* @__PURE__ */ jsx3(BlockBoundWitnessVerification, { iconColors: validationIconColors, block: boundwitness }),
+    /* @__PURE__ */ jsx3(
+      QuickTipButton,
+      {
+        Icon: DataObjectIcon,
+        title: `JSON for ${ellipsize(hash ?? "", 8)}`,
+        dialogProps: { fullWidth: true, maxWidth: "md" },
+        children: /* @__PURE__ */ jsx3("pre", { style: { wordBreak: "break-all" }, children: boundwitness ? JSON.stringify(boundwitness, null, 2) : null })
+      }
+    )
+  ] });
+};
 
 // src/components/block/card/Card.tsx
-import { Card, CardContent, Grid, Skeleton, Stack } from "@mui/material";
+import {
+  Card,
+  CardContent,
+  Grid,
+  Skeleton,
+  Stack
+} from "@mui/material";
 import { ErrorRender } from "@xylabs/react-error";
 import { DetailsStack, LabelValueStack } from "@xyo-network/react-chain-shared";
-import React5 from "react";
 import { GrSteps } from "react-icons/gr";
 import { IoStatsChartOutline } from "react-icons/io5";
 import { VscSymbolNamespace } from "react-icons/vsc";
 
 // src/components/block/card/CardHeader.tsx
-import { CardHeader, Link, Tooltip as Tooltip2, Typography } from "@mui/material";
+import {
+  CardHeader,
+  Link,
+  Tooltip as Tooltip2,
+  Typography
+} from "@mui/material";
 import { BlockiesAvatarAddress } from "@xyo-network/react-chain-blockies";
 import { useEvent } from "@xyo-network/react-event";
-import React4 from "react";
-var BlockBoundWitnessCardHeader = /* @__PURE__ */ __name(({ linked = true, address }) => {
+import { jsx as jsx4 } from "react/jsx-runtime";
+var BlockBoundWitnessCardHeader = ({ linked = true, address }) => {
   const [ref, dispatch] = useEvent();
-  return /* @__PURE__ */ React4.createElement(CardHeader, {
-    ref,
-    title: /* @__PURE__ */ React4.createElement(Typography, {
-      onClick: /* @__PURE__ */ __name(() => linked && dispatch("address", "click", address), "onClick"),
-      variant: "body2",
-      sx: {
-        maxWidth: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        fontFamily: "monospace"
-      }
-    }, linked ? /* @__PURE__ */ React4.createElement(Link, {
-      sx: {
-        cursor: "pointer"
-      }
-    }, address) : address),
-    avatar: /* @__PURE__ */ React4.createElement(Tooltip2, {
-      title: `Address - ${address}`
-    }, /* @__PURE__ */ React4.createElement(BlockiesAvatarAddress, {
-      address,
-      onClick: /* @__PURE__ */ __name(() => dispatch("address", "click", address), "onClick"),
-      size: 21,
-      sx: {
-        cursor: "pointer"
-      }
-    }))
-  });
-}, "BlockBoundWitnessCardHeader");
+  return /* @__PURE__ */ jsx4(
+    CardHeader,
+    {
+      ref,
+      title: /* @__PURE__ */ jsx4(
+        Typography,
+        {
+          onClick: () => linked && dispatch("address", "click", address),
+          variant: "body2",
+          sx: {
+            maxWidth: "100%",
+            textOverflow: "ellipsis",
+            overflow: "hidden",
+            fontFamily: "monospace"
+          },
+          children: linked ? /* @__PURE__ */ jsx4(Link, { sx: { cursor: "pointer" }, children: address }) : address
+        }
+      ),
+      avatar: /* @__PURE__ */ jsx4(Tooltip2, { title: `Address - ${address}`, children: /* @__PURE__ */ jsx4(
+        BlockiesAvatarAddress,
+        {
+          address,
+          onClick: () => dispatch("address", "click", address),
+          size: 21,
+          sx: { cursor: "pointer" }
+        }
+      ) })
+    }
+  );
+};
 
 // src/components/block/card/hooks/useDetails.ts
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
 import { StepSizes } from "@xyo-network/xl1-protocol";
 import { useMemo as useMemo2 } from "react";
-var generateStepHashText = /* @__PURE__ */ __name((blockNumber, stepHashIndex) => {
+var generateStepHashText = (blockNumber, stepHashIndex) => {
   const stepSize = StepSizes[stepHashIndex];
   const stepStart = blockNumber - stepSize + 1;
   const stepStop = blockNumber;
-  return [
-    `Step ${stepHashIndex} (${stepSize})`,
-    `${formatNumber(stepStart)} - ${formatNumber(stepStop)}`
-  ];
-}, "generateStepHashText");
-var useBlockDetails = /* @__PURE__ */ __name((wrapper, viewer) => {
+  return [`Step ${stepHashIndex} (${stepSize})`, `${formatNumber(stepStart)} - ${formatNumber(stepStop)}`];
+};
+var useBlockDetails = (wrapper, viewer) => {
   const stats = useMemo2(() => {
     const stats2 = {
       Height: formatNumber(wrapper.boundWitness.block),
@@ -236,18 +234,14 @@ var useBlockDetails = /* @__PURE__ */ __name((wrapper, viewer) => {
       $epoch: wrapper.boundWitness.$epoch.toString()
     };
     return formatResults(stats2);
-  }, [
-    wrapper
-  ]);
+  }, [wrapper]);
   const payloads = useMemo2(() => {
     const payloads2 = {
       "Transactions": formatNumber(wrapper.transactionCount),
       "Total Payloads": formatNumber(wrapper.payloadCount)
     };
     return formatResults(payloads2);
-  }, [
-    wrapper
-  ]);
+  }, [wrapper]);
   const [stepHashes, stepHashesError, stepHashesLoading] = usePromise2(async () => {
     if (viewer) {
       const stepHashes2 = {};
@@ -269,15 +263,7 @@ var useBlockDetails = /* @__PURE__ */ __name((wrapper, viewer) => {
       }
       return formatResults(stepHashes2);
     }
-  }, [
-    wrapper,
-    viewer
-  ], {
-    defaultValue: {
-      labels: [],
-      values: []
-    }
-  });
+  }, [wrapper, viewer], { defaultValue: { labels: [], values: [] } });
   return {
     stats,
     payloads,
@@ -285,184 +271,144 @@ var useBlockDetails = /* @__PURE__ */ __name((wrapper, viewer) => {
     stepHashesError,
     stepHashesLoading
   };
-}, "useBlockDetails");
+};
 
 // src/components/block/card/Card.tsx
-var BlockBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true, viewer, wrapper, ...props }) => {
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var BlockBoundWitnessCard = ({
+  linkedAddress = true,
+  viewer,
+  wrapper,
+  ...props
+}) => {
   if (!wrapper) return null;
-  const { stats, payloads, stepHashes, stepHashesError, stepHashesLoading } = useBlockDetails(wrapper, viewer);
-  return /* @__PURE__ */ React5.createElement(Card, props, wrapper?.boundWitness.addresses.map((address) => /* @__PURE__ */ React5.createElement(BlockBoundWitnessCardHeader, {
-    key: address,
-    address,
-    linked: linkedAddress
-  })), /* @__PURE__ */ React5.createElement(ErrorRender, {
-    error: stepHashesError,
-    scope: "BlockBoundWitnessCard.tsx:stepHashesError"
-  }), /* @__PURE__ */ React5.createElement(CardContent, null, /* @__PURE__ */ React5.createElement(Grid, {
-    container: true,
-    spacing: 6,
-    sx: {
-      width: "100%"
-    }
-  }, /* @__PURE__ */ React5.createElement(Grid, {
-    size: {
-      xs: 12,
-      sm: 6,
-      md: 4
-    }
-  }, /* @__PURE__ */ React5.createElement(DetailsStack, {
-    IconComponent: IoStatsChartOutline,
-    heading: "Stats",
-    tooltipTitle: "Transaction Statistics"
-  }, /* @__PURE__ */ React5.createElement(LabelValueStack, {
-    labels: stats.labels,
-    values: stats.values
-  }))), /* @__PURE__ */ React5.createElement(Grid, {
-    size: {
-      xs: 12,
-      sm: 6,
-      md: 4
-    }
-  }, /* @__PURE__ */ React5.createElement(DetailsStack, {
-    IconComponent: VscSymbolNamespace,
-    heading: "Payloads",
-    tooltipTitle: "Payloads within the Block"
-  }, /* @__PURE__ */ React5.createElement(LabelValueStack, {
-    labels: payloads.labels,
-    values: payloads.values
-  }))), /* @__PURE__ */ React5.createElement(Grid, {
-    size: {
-      xs: 12,
-      sm: 6,
-      md: 4
-    }
-  }, /* @__PURE__ */ React5.createElement(DetailsStack, {
-    IconComponent: GrSteps,
-    heading: "Step Hashes",
-    tooltipTitle: "Step Hashes for the Block"
-  }, stepHashesLoading === "pending" ? /* @__PURE__ */ React5.createElement(Stack, {
-    gap: 0.25
-  }, /* @__PURE__ */ React5.createElement(Skeleton, {
-    variant: "text",
-    width: "100%",
-    height: 20
-  }), /* @__PURE__ */ React5.createElement(Skeleton, {
-    variant: "text",
-    width: "100%",
-    height: 20
-  }), /* @__PURE__ */ React5.createElement(Skeleton, {
-    variant: "text",
-    width: "100%",
-    height: 20
-  }), /* @__PURE__ */ React5.createElement(Skeleton, {
-    variant: "text",
-    width: "100%",
-    height: 20
-  })) : null, /* @__PURE__ */ React5.createElement(LabelValueStack, {
-    labels: stepHashes?.labels ?? [],
-    values: stepHashes?.values ?? []
-  }))))));
-}, "BlockBoundWitnessCard");
+  const {
+    stats,
+    payloads,
+    stepHashes,
+    stepHashesError,
+    stepHashesLoading
+  } = useBlockDetails(wrapper, viewer);
+  return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
+    wrapper?.boundWitness.addresses.map((address) => /* @__PURE__ */ jsx5(BlockBoundWitnessCardHeader, { address, linked: linkedAddress }, address)),
+    /* @__PURE__ */ jsx5(ErrorRender, { error: stepHashesError, scope: "BlockBoundWitnessCard.tsx:stepHashesError" }),
+    /* @__PURE__ */ jsx5(CardContent, { children: /* @__PURE__ */ jsxs3(Grid, { container: true, spacing: 6, sx: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx5(
+        Grid,
+        {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: /* @__PURE__ */ jsx5(DetailsStack, { IconComponent: IoStatsChartOutline, heading: "Stats", tooltipTitle: "Transaction Statistics", children: /* @__PURE__ */ jsx5(LabelValueStack, { labels: stats.labels, values: stats.values }) })
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Grid,
+        {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: /* @__PURE__ */ jsx5(DetailsStack, { IconComponent: VscSymbolNamespace, heading: "Payloads", tooltipTitle: "Payloads within the Block", children: /* @__PURE__ */ jsx5(LabelValueStack, { labels: payloads.labels, values: payloads.values }) })
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        Grid,
+        {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: /* @__PURE__ */ jsxs3(DetailsStack, { IconComponent: GrSteps, heading: "Step Hashes", tooltipTitle: "Step Hashes for the Block", children: [
+            stepHashesLoading === "pending" ? /* @__PURE__ */ jsxs3(Stack, { gap: 0.25, children: [
+              /* @__PURE__ */ jsx5(Skeleton, { variant: "text", width: "100%", height: 20 }),
+              /* @__PURE__ */ jsx5(Skeleton, { variant: "text", width: "100%", height: 20 }),
+              /* @__PURE__ */ jsx5(Skeleton, { variant: "text", width: "100%", height: 20 }),
+              /* @__PURE__ */ jsx5(Skeleton, { variant: "text", width: "100%", height: 20 })
+            ] }) : null,
+            /* @__PURE__ */ jsx5(LabelValueStack, { labels: stepHashes?.labels ?? [], values: stepHashes?.values ?? [] })
+          ] })
+        }
+      )
+    ] }) })
+  ] });
+};
 
 // src/components/block/BlockBoundWitnessDetails.tsx
-var BlockBoundWitnessDetails = /* @__PURE__ */ __name(({ block, paper, viewer, children, ...props }) => {
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var BlockBoundWitnessDetails = ({
+  block,
+  paper,
+  viewer,
+  children,
+  ...props
+}) => {
   const [wrapper, wrapperError] = usePromise3(async () => {
     if (block) {
       return await HydratedBlockWrapper.parse(block);
     }
-  }, [
-    block
-  ]);
+  }, [block]);
   const boundWitness = block?.[0];
   const payloads = block?.[1];
   const hash = usePayloadHash2(boundWitness);
   const [transactions, txFromBlockError] = useTxsFromBlock(block);
-  const { hashes: txHashes, schemas: txSchemas } = useMemo3(() => formatPayloadsForTable(transactions ?? []), [
-    transactions
-  ]);
+  const { hashes: txHashes, schemas: txSchemas } = useMemo3(() => formatPayloadsForTable(transactions ?? []), [transactions]);
   const [nonTxBoundWitnesses, bwsFromBlockError] = usePromise3(async () => {
     const bws = filterAs(payloads ?? [], (payload) => !isTransactionBoundWitness(payload) && isBoundWitness(payload) ? payload : void 0);
     return await PayloadBuilder.hashPairs(bws);
-  }, [
-    payloads
-  ]);
-  const { hashes: nonTxBwHashes, schemas: nonTxBwSchemas } = useMemo3(() => formatPayloadsForTable(nonTxBoundWitnesses ?? []), [
-    nonTxBoundWitnesses
-  ]);
+  }, [payloads]);
+  const { hashes: nonTxBwHashes, schemas: nonTxBwSchemas } = useMemo3(() => formatPayloadsForTable(nonTxBoundWitnesses ?? []), [nonTxBoundWitnesses]);
   const hasNonTxBoundWitnesses = (nonTxBoundWitnesses?.length ?? 0) > 0;
-  return /* @__PURE__ */ React6.createElement(FlexCol2, {
-    alignItems: "stretch",
-    rowGap: 4,
-    ...props
-  }, /* @__PURE__ */ React6.createElement(ErrorRender2, {
-    error: txFromBlockError ?? bwsFromBlockError,
-    scope: "BlockBoundWitnessDetails.tsx"
-  }), /* @__PURE__ */ React6.createElement(ErrorRender2, {
-    error: wrapperError,
-    scope: "BlockBoundWitnessDetails.tsx:wrapperError"
-  }), /* @__PURE__ */ React6.createElement(HashHeadingPaper, {
-    hash,
-    paperProps: {
-      sx: {
-        p: 2
+  return /* @__PURE__ */ jsxs4(FlexCol2, { alignItems: "stretch", rowGap: 4, ...props, children: [
+    /* @__PURE__ */ jsx6(ErrorRender2, { error: txFromBlockError ?? bwsFromBlockError, scope: "BlockBoundWitnessDetails.tsx" }),
+    /* @__PURE__ */ jsx6(ErrorRender2, { error: wrapperError, scope: "BlockBoundWitnessDetails.tsx:wrapperError" }),
+    /* @__PURE__ */ jsx6(
+      HashHeadingPaper,
+      {
+        hash,
+        paperProps: { sx: { p: 2 } },
+        AdornmentEnd: /* @__PURE__ */ jsx6(BlockBoundWitnessActions, { boundwitness: boundWitness }),
+        identiconProps: { p: 0.75, size: 24 }
       }
-    },
-    AdornmentEnd: /* @__PURE__ */ React6.createElement(BlockBoundWitnessActions, {
-      boundwitness: boundWitness
-    }),
-    identiconProps: {
-      p: 0.75,
-      size: 24
-    }
-  }), /* @__PURE__ */ React6.createElement(BlockBoundWitnessCard, {
-    elevation: 4,
-    viewer,
-    wrapper
-  }), (transactions?.length ?? 0) > 0 && /* @__PURE__ */ React6.createElement(PayloadTableFlexbox, {
-    IconComponent: /* @__PURE__ */ React6.createElement(GrTransaction, null),
-    eventNoun: "transaction",
-    clickableFields: [
-      "hash"
-    ],
-    hashes: txHashes,
-    headingTitle: "Transactions",
-    schemas: txSchemas,
-    sx: {
-      mb: 1
-    }
-  }), /* @__PURE__ */ React6.createElement(FlexCol2, {
-    alignItems: "stretch",
-    rowGap: 1,
-    mb: 1
-  }, /* @__PURE__ */ React6.createElement(HeadingPaper2, {
-    IconComponent: /* @__PURE__ */ React6.createElement(VscSymbolNamespace2, null),
-    heading: "Payloads"
-  }), /* @__PURE__ */ React6.createElement(BoundWitnessPayloadsTable, {
-    boundwitness: boundWitness,
-    eventNoun: "payload",
-    clickableFields: [
-      "hash"
-    ]
-  })), hasNonTxBoundWitnesses ? /* @__PURE__ */ React6.createElement(PayloadTableFlexbox, {
-    IconComponent: /* @__PURE__ */ React6.createElement(VscSymbolMethod2, null),
-    eventNoun: "boundwitness",
-    hashes: nonTxBwHashes,
-    headingTitle: "Bound Witnesses",
-    schemas: nonTxBwSchemas,
-    sx: {
-      mb: 1
-    }
-  }) : null, /* @__PURE__ */ React6.createElement(FlexCol2, {
-    alignItems: "stretch",
-    rowGap: 1,
-    mb: 1
-  }, /* @__PURE__ */ React6.createElement(HeadingPaper2, {
-    IconComponent: /* @__PURE__ */ React6.createElement(FaSignature, null),
-    heading: "Signatures"
-  }), /* @__PURE__ */ React6.createElement(BoundWitnessSignatureTable, {
-    block: boundWitness
-  })));
-}, "BlockBoundWitnessDetails");
+    ),
+    /* @__PURE__ */ jsx6(BlockBoundWitnessCard, { elevation: 4, viewer, wrapper }),
+    (transactions?.length ?? 0) > 0 && /* @__PURE__ */ jsx6(
+      PayloadTableFlexbox,
+      {
+        IconComponent: /* @__PURE__ */ jsx6(GrTransaction, {}),
+        eventNoun: "transaction",
+        clickableFields: ["hash"],
+        hashes: txHashes,
+        headingTitle: "Transactions",
+        schemas: txSchemas,
+        sx: { mb: 1 }
+      }
+    ),
+    /* @__PURE__ */ jsxs4(FlexCol2, { alignItems: "stretch", rowGap: 1, mb: 1, children: [
+      /* @__PURE__ */ jsx6(HeadingPaper2, { IconComponent: /* @__PURE__ */ jsx6(VscSymbolNamespace2, {}), heading: "Payloads" }),
+      /* @__PURE__ */ jsx6(BoundWitnessPayloadsTable, { boundwitness: boundWitness, eventNoun: "payload", clickableFields: ["hash"] })
+    ] }),
+    hasNonTxBoundWitnesses ? /* @__PURE__ */ jsx6(
+      PayloadTableFlexbox,
+      {
+        IconComponent: /* @__PURE__ */ jsx6(VscSymbolMethod2, {}),
+        eventNoun: "boundwitness",
+        hashes: nonTxBwHashes,
+        headingTitle: "Bound Witnesses",
+        schemas: nonTxBwSchemas,
+        sx: { mb: 1 }
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs4(FlexCol2, { alignItems: "stretch", rowGap: 1, mb: 1, children: [
+      /* @__PURE__ */ jsx6(HeadingPaper2, { IconComponent: /* @__PURE__ */ jsx6(FaSignature, {}), heading: "Signatures" }),
+      /* @__PURE__ */ jsx6(BoundWitnessSignatureTable, { block: boundWitness })
+    ] })
+  ] });
+};
 
 // src/components/transactions/card/actions/TransactionActions.tsx
 import { DataObject as DataObjectIcon2 } from "@mui/icons-material";
@@ -471,7 +417,6 @@ import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { QuickTipButton as QuickTipButton2 } from "@xylabs/react-quick-tip-button";
 import { BWPreviousHashQuickTipButton as BWPreviousHashQuickTipButton2 } from "@xyo-network/react-boundwitness-plugin";
 import { usePayloadHash as usePayloadHash3 } from "@xyo-network/react-shared";
-import React8 from "react";
 
 // src/components/transactions/card/actions/TransactionVerification.tsx
 import { CancelRounded as CancelRoundedIcon2 } from "@mui/icons-material";
@@ -481,22 +426,17 @@ import { usePromise as usePromise4 } from "@xylabs/react-promise";
 import { isDefined as isDefined3 } from "@xylabs/typeof";
 import { isHydratedTransaction } from "@xyo-network/xl1-protocol";
 import { validateTransaction } from "@xyo-network/xl1-validation";
-import React7, { useMemo as useMemo4 } from "react";
-var InvalidIcon2 = /* @__PURE__ */ __name(({ ref, ...props }) => /* @__PURE__ */ React7.createElement(CancelRoundedIcon2, {
-  color: "error",
-  ref,
-  ...props
-}), "InvalidIcon");
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var InvalidIcon2 = ({ ref, ...props }) => /* @__PURE__ */ jsx7(CancelRoundedIcon2, { color: "error", ref, ...props });
 InvalidIcon2.displayName = "InvalidIcon";
-var TransactionVerification = /* @__PURE__ */ __name(({ transaction, ...props }) => {
+var TransactionVerification = ({ transaction, ...props }) => {
   const [validationErrors, validateError] = usePromise4(async () => {
     if (isDefined3(transaction)) {
       const resolvedTransaction = assertEx2(isHydratedTransaction(transaction) ? transaction : void 0, () => "Transaction must be a HydratedTransaction");
       return await validateTransaction(resolvedTransaction);
     }
-  }, [
-    transaction
-  ]);
+  }, [transaction]);
   const resolvedErrors = useMemo4(() => {
     const errors = [];
     if (isDefined3(validationErrors)) {
@@ -505,52 +445,53 @@ var TransactionVerification = /* @__PURE__ */ __name(({ transaction, ...props })
       if (isDefined3(validateError)) errors.push(validateError);
       return errors;
     }
-  }, [
-    validateError,
-    validationErrors
-  ]);
-  return /* @__PURE__ */ React7.createElement(ErrorQuickTipButton2, {
-    boundWitnessType: "Transaction",
-    errors: resolvedErrors,
-    ...props
-  });
-}, "TransactionVerification");
+  }, [validateError, validationErrors]);
+  return /* @__PURE__ */ jsx7(ErrorQuickTipButton2, { boundWitnessType: "Transaction", errors: resolvedErrors, ...props });
+};
 
 // src/components/transactions/card/actions/TransactionActions.tsx
-var TransactionActions = /* @__PURE__ */ __name(({ transaction, validationIconColors = false, ...props }) => {
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var TransactionActions = ({
+  transaction,
+  validationIconColors = false,
+  ...props
+}) => {
   const txBw = transaction?.[0];
   const hash = usePayloadHash3(txBw);
-  return /* @__PURE__ */ React8.createElement(FlexRow2, props, txBw?.previous_hashes.length === 0 ? null : /* @__PURE__ */ React8.createElement(BWPreviousHashQuickTipButton2, {
-    boundwitness: txBw
-  }), /* @__PURE__ */ React8.createElement(TransactionVerification, {
-    iconColors: validationIconColors,
-    transaction
-  }), /* @__PURE__ */ React8.createElement(QuickTipButton2, {
-    Icon: DataObjectIcon2,
-    title: `JSON for ${ellipsize2(hash ?? "", 8)}`,
-    dialogProps: {
-      fullWidth: true,
-      maxWidth: "md"
-    }
-  }, /* @__PURE__ */ React8.createElement("pre", {
-    style: {
-      wordBreak: "break-all"
-    }
-  }, transaction ? JSON.stringify(transaction, null, 2) : null)));
-}, "TransactionActions");
+  return /* @__PURE__ */ jsxs5(FlexRow2, { ...props, children: [
+    txBw?.previous_hashes.length === 0 ? null : /* @__PURE__ */ jsx8(BWPreviousHashQuickTipButton2, { boundwitness: txBw }),
+    /* @__PURE__ */ jsx8(TransactionVerification, { iconColors: validationIconColors, transaction }),
+    /* @__PURE__ */ jsx8(
+      QuickTipButton2,
+      {
+        Icon: DataObjectIcon2,
+        title: `JSON for ${ellipsize2(hash ?? "", 8)}`,
+        dialogProps: { fullWidth: true, maxWidth: "md" },
+        children: /* @__PURE__ */ jsx8("pre", { style: { wordBreak: "break-all" }, children: transaction ? JSON.stringify(transaction, null, 2) : null })
+      }
+    )
+  ] });
+};
 
 // src/components/transactions/card/Card.tsx
-import { Card as Card2, CardContent as CardContent2, CardHeader as CardHeader2, Grid as Grid2, Link as Link2, Tooltip as Tooltip3, Typography as Typography2 } from "@mui/material";
+import {
+  Card as Card2,
+  CardContent as CardContent2,
+  CardHeader as CardHeader2,
+  Grid as Grid2,
+  Link as Link2,
+  Tooltip as Tooltip3,
+  Typography as Typography2
+} from "@mui/material";
 import { BlockiesAvatarAddress as BlockiesAvatarAddress2 } from "@xyo-network/react-chain-blockies";
 import { DetailsStack as DetailsStack2, LabelValueStack as LabelValueStack2 } from "@xyo-network/react-chain-shared";
 import { useEvent as useEvent2 } from "@xyo-network/react-event";
-import React9 from "react";
 import { GiReceiveMoney, GiSandsOfTime } from "react-icons/gi";
 import { IoStatsChartOutline as IoStatsChartOutline2 } from "react-icons/io5";
 
 // src/components/transactions/card/hooks/useDetails.ts
 import { useMemo as useMemo5 } from "react";
-var useTransactionDetails = /* @__PURE__ */ __name((wrapper) => {
+var useTransactionDetails = (wrapper) => {
   const stats = useMemo5(() => {
     const stats2 = {
       "Reward": formatNumber(wrapper.reward()),
@@ -560,9 +501,7 @@ var useTransactionDetails = /* @__PURE__ */ __name((wrapper) => {
       "Signatures": formatNumber(wrapper.signatureCount)
     };
     return formatResults(stats2);
-  }, [
-    wrapper
-  ]);
+  }, [wrapper]);
   const fees = useMemo5(() => {
     const fees2 = {
       "Base": formatFee(wrapper.fees.base),
@@ -571,113 +510,112 @@ var useTransactionDetails = /* @__PURE__ */ __name((wrapper) => {
       "Gas Limit": formatFee(wrapper.fees.gasLimit)
     };
     return formatResults(fees2);
-  }, [
-    wrapper
-  ]);
+  }, [wrapper]);
   const blockDuration = useMemo5(() => {
     const blockDuration2 = {
       "Expiration": wrapper.boundWitness.exp.toLocaleString(navigator.language ?? "en-US"),
       "Not Before": wrapper.boundWitness.nbf.toLocaleString(navigator.language ?? "en-US")
     };
     return formatResults(blockDuration2);
-  }, [
-    wrapper
-  ]);
+  }, [wrapper]);
   return {
     stats,
     fees,
     blockDuration
   };
-}, "useTransactionDetails");
+};
 
 // src/components/transactions/card/Card.tsx
-var TransactionBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true, wrapper, ...props }) => {
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var TransactionBoundWitnessCard = ({
+  linkedAddress = true,
+  wrapper,
+  ...props
+}) => {
   if (!wrapper) return null;
-  const { stats, fees, blockDuration } = useTransactionDetails(wrapper);
+  const {
+    stats,
+    fees,
+    blockDuration
+  } = useTransactionDetails(wrapper);
   const [ref, dispatch] = useEvent2();
-  return /* @__PURE__ */ React9.createElement(Card2, {
-    ref,
-    ...props
-  }, /* @__PURE__ */ React9.createElement(CardHeader2, {
-    title: /* @__PURE__ */ React9.createElement(Typography2, {
-      onClick: /* @__PURE__ */ __name(() => linkedAddress && dispatch("address", "click", wrapper.boundWitness.from), "onClick"),
-      variant: "body2",
-      sx: {
-        maxWidth: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        fontFamily: "monospace"
-      }
-    }, linkedAddress ? /* @__PURE__ */ React9.createElement(Link2, {
-      sx: {
-        cursor: "pointer"
-      }
-    }, wrapper?.boundWitness.from) : wrapper?.boundWitness.from),
-    avatar: /* @__PURE__ */ React9.createElement(Tooltip3, {
-      title: `From Address - ${wrapper?.boundWitness.from}`
-    }, /* @__PURE__ */ React9.createElement(BlockiesAvatarAddress2, {
-      address: wrapper?.boundWitness.from,
-      onClick: /* @__PURE__ */ __name(() => dispatch("address", "click", wrapper.boundWitness.from), "onClick"),
-      size: 21,
-      sx: {
-        cursor: "pointer"
+  return /* @__PURE__ */ jsxs6(Card2, { ref, ...props, children: [
+    /* @__PURE__ */ jsx9(
+      CardHeader2,
+      {
+        title: /* @__PURE__ */ jsx9(
+          Typography2,
+          {
+            onClick: () => linkedAddress && dispatch("address", "click", wrapper.boundWitness.from),
+            variant: "body2",
+            sx: {
+              maxWidth: "100%",
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              fontFamily: "monospace"
+            },
+            children: linkedAddress ? /* @__PURE__ */ jsx9(Link2, { sx: { cursor: "pointer" }, children: wrapper?.boundWitness.from }) : wrapper?.boundWitness.from
+          }
+        ),
+        avatar: /* @__PURE__ */ jsx9(Tooltip3, { title: `From Address - ${wrapper?.boundWitness.from}`, children: /* @__PURE__ */ jsx9(
+          BlockiesAvatarAddress2,
+          {
+            address: wrapper?.boundWitness.from,
+            onClick: () => dispatch("address", "click", wrapper.boundWitness.from),
+            size: 21,
+            sx: { cursor: "pointer" }
+          }
+        ) })
       }
-    }))
-  }), /* @__PURE__ */ React9.createElement(CardContent2, null, /* @__PURE__ */ React9.createElement(Grid2, {
-    container: true,
-    spacing: 6,
-    sx: {
-      width: "100%"
-    }
-  }, /* @__PURE__ */ React9.createElement(Grid2, {
-    size: {
-      xs: 12,
-      sm: 6,
-      md: 4
-    }
-  }, /* @__PURE__ */ React9.createElement(DetailsStack2, {
-    IconComponent: IoStatsChartOutline2,
-    heading: "Stats",
-    tooltipTitle: "Transaction Statistics"
-  }, /* @__PURE__ */ React9.createElement(LabelValueStack2, {
-    labels: stats.labels,
-    values: stats.values
-  }))), /* @__PURE__ */ React9.createElement(Grid2, {
-    size: {
-      xs: 12,
-      sm: 6,
-      md: 4
-    }
-  }, /* @__PURE__ */ React9.createElement(DetailsStack2, {
-    IconComponent: GiReceiveMoney,
-    heading: "Fees",
-    tooltipTitle: "Fees offered to the producer"
-  }, /* @__PURE__ */ React9.createElement(LabelValueStack2, {
-    labels: fees.labels,
-    values: fees.values
-  }))), /* @__PURE__ */ React9.createElement(Grid2, {
-    size: {
-      xs: 12,
-      sm: 6,
-      md: 4
-    }
-  }, /* @__PURE__ */ React9.createElement(DetailsStack2, {
-    IconComponent: GiSandsOfTime,
-    heading: "Block Duration",
-    tooltipTitle: "Block window for the transaction to be valid"
-  }, /* @__PURE__ */ React9.createElement(LabelValueStack2, {
-    labels: blockDuration.labels,
-    values: blockDuration.values
-  }))))));
-}, "TransactionBoundWitnessCard");
+    ),
+    /* @__PURE__ */ jsx9(CardContent2, { children: /* @__PURE__ */ jsxs6(Grid2, { container: true, spacing: 6, sx: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx9(
+        Grid2,
+        {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: /* @__PURE__ */ jsx9(DetailsStack2, { IconComponent: IoStatsChartOutline2, heading: "Stats", tooltipTitle: "Transaction Statistics", children: /* @__PURE__ */ jsx9(LabelValueStack2, { labels: stats.labels, values: stats.values }) })
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        Grid2,
+        {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: /* @__PURE__ */ jsx9(DetailsStack2, { IconComponent: GiReceiveMoney, heading: "Fees", tooltipTitle: "Fees offered to the producer", children: /* @__PURE__ */ jsx9(LabelValueStack2, { labels: fees.labels, values: fees.values }) })
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        Grid2,
+        {
+          size: {
+            xs: 12,
+            sm: 6,
+            md: 4
+          },
+          children: /* @__PURE__ */ jsx9(DetailsStack2, { IconComponent: GiSandsOfTime, heading: "Block Duration", tooltipTitle: "Block window for the transaction to be valid", children: /* @__PURE__ */ jsx9(LabelValueStack2, { labels: blockDuration.labels, values: blockDuration.values }) })
+        }
+      )
+    ] }) })
+  ] });
+};
 
 // src/components/transactions/TransactionBoundWitnessDetails.tsx
 import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
 import { usePromise as usePromise6 } from "@xylabs/react-promise";
-import { BoundWitnessSignatureTable as BoundWitnessSignatureTable2, HashHeadingPaper as HashHeadingPaper2, HeadingPaper as HeadingPaper3 } from "@xyo-network/react-boundwitness-plugin";
+import {
+  BoundWitnessSignatureTable as BoundWitnessSignatureTable2,
+  HashHeadingPaper as HashHeadingPaper2,
+  HeadingPaper as HeadingPaper3
+} from "@xyo-network/react-boundwitness-plugin";
 import { HydratedTransactionWrapper } from "@xyo-network/xl1-wrappers";
-import React10 from "react";
 import { FaSignature as FaSignature2 } from "react-icons/fa";
 import { VscSymbolNamespace as VscSymbolNamespace3 } from "react-icons/vsc";
 
@@ -688,41 +626,28 @@ import { isDefined as isDefined4 } from "@xylabs/typeof";
 import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/payload-builder";
 import { isSchema } from "@xyo-network/payload-model";
 import { useMemo as useMemo6, useState } from "react";
-var useTransactionPayloadTypes = /* @__PURE__ */ __name((wrapper) => {
+var useTransactionPayloadTypes = (wrapper) => {
   const [elevatedPayloadSets, elevatedPayloadSetsError] = usePromise5(async () => {
     if (isDefined4(wrapper)) {
       const elevatedPayloads = wrapper.elevatedPayloads;
       const pairs = await PayloadBuilder2.hashPairs(elevatedPayloads);
       return formatPayloadsForTable(pairs);
     } else {
-      return {
-        hashes: [],
-        schemas: []
-      };
+      return { hashes: [], schemas: [] };
     }
-  }, [
-    wrapper
-  ]);
+  }, [wrapper]);
   const [publicPayloads, publicPayloadsError] = usePromise5(async () => {
     if (isDefined4(wrapper)) {
       const publicPayloads2 = wrapper.publicExternalPayloads;
       const pairs = await PayloadBuilder2.hashPairs(publicPayloads2);
       return formatPayloadsForTable(pairs);
     } else {
-      return {
-        hashes: [],
-        schemas: []
-      };
+      return { hashes: [], schemas: [] };
     }
-  }, [
-    wrapper
-  ]);
+  }, [wrapper]);
   const [referencedPayloadsError, setReferencedPayloadsError] = useState([]);
   const referencedPayloads = useMemo6(() => {
-    const ret = {
-      hashes: [],
-      schemas: []
-    };
+    const ret = { hashes: [], schemas: [] };
     if (isDefined4(wrapper)) {
       const referencedPayloads2 = wrapper.privateExternalPayloads;
       for (const [hash, schema] of Object.entries(referencedPayloads2)) {
@@ -736,20 +661,14 @@ var useTransactionPayloadTypes = /* @__PURE__ */ __name((wrapper) => {
           resolved = true;
         }
         if (!resolved) {
-          setReferencedPayloadsError((prev) => [
-            ...prev,
-            new Error(`Unexpected payload or schema type for hash ${hash}: ${schema}`)
-          ]);
+          setReferencedPayloadsError((prev) => [...prev, new Error(`Unexpected payload or schema type for hash ${hash}: ${schema}`)]);
         }
       }
       return ret;
     } else {
       return ret;
     }
-  }, [
-    wrapper,
-    elevatedPayloadSets
-  ]);
+  }, [wrapper, elevatedPayloadSets]);
   const { hashes: elevatedPayloadHashes, schemas: elevatedPayloadSchemas } = elevatedPayloadSets ?? {};
   const { hashes: publicPayloadHashes, schemas: publicPayloadSchemas } = publicPayloads ?? {};
   const { hashes: referencedPayloadHashes, schemas: referencedPayloadSchemas } = referencedPayloads ?? {};
@@ -764,104 +683,90 @@ var useTransactionPayloadTypes = /* @__PURE__ */ __name((wrapper) => {
     referencedPayloadSchemas,
     referencedPayloadsError
   };
-}, "useTransactionPayloadTypes");
+};
 
 // src/components/transactions/TransactionBoundWitnessDetails.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var nonClickableFields = [];
-var TransactionBoundWitnessDetails = /* @__PURE__ */ __name(({ transaction, ...props }) => {
+var TransactionBoundWitnessDetails = ({ transaction, ...props }) => {
   const [wrapper, wrapperError] = usePromise6(async () => {
     if (transaction) {
       return await HydratedTransactionWrapper.parse(transaction);
     }
-  }, [
-    transaction
-  ]);
-  const { elevatedPayloadHashes, elevatedPayloadSchemas, elevatedPayloadSetsError, publicPayloadHashes, publicPayloadSchemas, publicPayloadsError, referencedPayloadHashes, referencedPayloadSchemas, referencedPayloadsError } = useTransactionPayloadTypes(wrapper);
-  return /* @__PURE__ */ React10.createElement(FlexCol3, {
-    alignItems: "stretch",
-    rowGap: 2,
-    ...props
-  }, /* @__PURE__ */ React10.createElement(HashHeadingPaper2, {
-    hash: wrapper?.boundWitness?._hash,
-    paperProps: {
-      sx: {
-        p: 2
+  }, [transaction]);
+  const {
+    elevatedPayloadHashes,
+    elevatedPayloadSchemas,
+    elevatedPayloadSetsError,
+    publicPayloadHashes,
+    publicPayloadSchemas,
+    publicPayloadsError,
+    referencedPayloadHashes,
+    referencedPayloadSchemas,
+    referencedPayloadsError
+  } = useTransactionPayloadTypes(wrapper);
+  return /* @__PURE__ */ jsxs7(FlexCol3, { alignItems: "stretch", rowGap: 2, ...props, children: [
+    /* @__PURE__ */ jsx10(
+      HashHeadingPaper2,
+      {
+        hash: wrapper?.boundWitness?._hash,
+        paperProps: { sx: { p: 2 } },
+        AdornmentEnd: /* @__PURE__ */ jsx10(TransactionActions, { transaction }),
+        identiconProps: { p: 0.75, size: 24 }
       }
-    },
-    AdornmentEnd: /* @__PURE__ */ React10.createElement(TransactionActions, {
-      transaction
-    }),
-    identiconProps: {
-      p: 0.75,
-      size: 24
-    }
-  }), /* @__PURE__ */ React10.createElement(ErrorRender3, {
-    error: wrapperError,
-    scope: "wrapperError:TransactionBoundWitnessDetails.tsx"
-  }), /* @__PURE__ */ React10.createElement(ErrorRender3, {
-    error: elevatedPayloadSetsError,
-    scope: "elevatedPayloadSetsError:TransactionBoundWitnessDetails.tsx"
-  }), /* @__PURE__ */ React10.createElement(ErrorRender3, {
-    error: publicPayloadsError,
-    scope: "publicPayloadsError:TransactionBoundWitnessDetails.tsx"
-  }), referencedPayloadsError.map((error, index) => (
-    // eslint-disable-next-line @eslint-react/no-array-index-key
-    /* @__PURE__ */ React10.createElement(ErrorRender3, {
-      key: index,
-      error,
-      scope: "referencedPayloadsError:TransactionBoundWitnessDetails.tsx"
-    })
-  )), /* @__PURE__ */ React10.createElement(TransactionBoundWitnessCard, {
-    elevation: 4,
-    wrapper
-  }), /* @__PURE__ */ React10.createElement(PayloadTableFlexbox, {
-    eventNoun: "payload",
-    clickableFields: [
-      "hash"
-    ],
-    tooltip: "Payloads included in the transaction that are elevated and validated.",
-    IconComponent: /* @__PURE__ */ React10.createElement(VscSymbolNamespace3, null),
-    hashes: elevatedPayloadHashes,
-    headingTitle: "On Chain Payloads",
-    schemas: elevatedPayloadSchemas,
-    sx: {
-      mb: 1
-    }
-  }), (publicPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ React10.createElement(PayloadTableFlexbox, {
-    eventNoun: "payload",
-    clickableFields: [
-      "hash"
-    ],
-    tooltip: "Public payloads included in the transaction.",
-    IconComponent: /* @__PURE__ */ React10.createElement(VscSymbolNamespace3, null),
-    hashes: publicPayloadHashes,
-    headingTitle: "Public Payloads",
-    schemas: publicPayloadSchemas,
-    sx: {
-      mb: 1
-    }
-  }), (referencedPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ React10.createElement(PayloadTableFlexbox, {
-    // TODO - bring back once the hashes can be searched via datalake
-    tooltip: "Payload hashes referenced by the transaction but not included.",
-    IconComponent: /* @__PURE__ */ React10.createElement(VscSymbolNamespace3, null),
-    clickableFields: nonClickableFields,
-    hashes: referencedPayloadHashes,
-    headingTitle: "Referenced Payloads",
-    schemas: referencedPayloadSchemas,
-    sx: {
-      mb: 1
-    }
-  }), /* @__PURE__ */ React10.createElement(FlexCol3, {
-    alignItems: "stretch",
-    rowGap: 1,
-    mb: 1
-  }, /* @__PURE__ */ React10.createElement(HeadingPaper3, {
-    IconComponent: /* @__PURE__ */ React10.createElement(FaSignature2, null),
-    heading: "Signatures"
-  }), /* @__PURE__ */ React10.createElement(BoundWitnessSignatureTable2, {
-    block: wrapper?.boundWitness
-  })));
-}, "TransactionBoundWitnessDetails");
+    ),
+    /* @__PURE__ */ jsx10(ErrorRender3, { error: wrapperError, scope: "wrapperError:TransactionBoundWitnessDetails.tsx" }),
+    /* @__PURE__ */ jsx10(ErrorRender3, { error: elevatedPayloadSetsError, scope: "elevatedPayloadSetsError:TransactionBoundWitnessDetails.tsx" }),
+    /* @__PURE__ */ jsx10(ErrorRender3, { error: publicPayloadsError, scope: "publicPayloadsError:TransactionBoundWitnessDetails.tsx" }),
+    referencedPayloadsError.map((error, index) => (
+      // eslint-disable-next-line @eslint-react/no-array-index-key
+      /* @__PURE__ */ jsx10(ErrorRender3, { error, scope: "referencedPayloadsError:TransactionBoundWitnessDetails.tsx" }, index)
+    )),
+    /* @__PURE__ */ jsx10(TransactionBoundWitnessCard, { elevation: 4, wrapper }),
+    /* @__PURE__ */ jsx10(
+      PayloadTableFlexbox,
+      {
+        eventNoun: "payload",
+        clickableFields: ["hash"],
+        tooltip: "Payloads included in the transaction that are elevated and validated.",
+        IconComponent: /* @__PURE__ */ jsx10(VscSymbolNamespace3, {}),
+        hashes: elevatedPayloadHashes,
+        headingTitle: "On Chain Payloads",
+        schemas: elevatedPayloadSchemas,
+        sx: { mb: 1 }
+      }
+    ),
+    (publicPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ jsx10(
+      PayloadTableFlexbox,
+      {
+        eventNoun: "payload",
+        clickableFields: ["hash"],
+        tooltip: "Public payloads included in the transaction.",
+        IconComponent: /* @__PURE__ */ jsx10(VscSymbolNamespace3, {}),
+        hashes: publicPayloadHashes,
+        headingTitle: "Public Payloads",
+        schemas: publicPayloadSchemas,
+        sx: { mb: 1 }
+      }
+    ),
+    (referencedPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ jsx10(
+      PayloadTableFlexbox,
+      {
+        tooltip: "Payload hashes referenced by the transaction but not included.",
+        IconComponent: /* @__PURE__ */ jsx10(VscSymbolNamespace3, {}),
+        clickableFields: nonClickableFields,
+        hashes: referencedPayloadHashes,
+        headingTitle: "Referenced Payloads",
+        schemas: referencedPayloadSchemas,
+        sx: { mb: 1 }
+      }
+    ),
+    /* @__PURE__ */ jsxs7(FlexCol3, { alignItems: "stretch", rowGap: 1, mb: 1, children: [
+      /* @__PURE__ */ jsx10(HeadingPaper3, { IconComponent: /* @__PURE__ */ jsx10(FaSignature2, {}), heading: "Signatures" }),
+      /* @__PURE__ */ jsx10(BoundWitnessSignatureTable2, { block: wrapper?.boundWitness })
+    ] })
+  ] });
+};
 export {
   BlockBoundWitnessDetails,
   PayloadTableFlexbox,