@xyo-network/react-chain-boundwitness 1.12.0 → 1.12.2

package/dist/browser/index.mjs

@@ -1,3 +1,6 @@
+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";
@@ -6,16 +9,11 @@ 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 { useMemo as useMemo3 } from "react";
+import React6, { 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";
@@ -23,78 +21,79 @@ 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 = (fee) => {
+var formatFee = /* @__PURE__ */ __name((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 = (num) => {
+var formatNumber = /* @__PURE__ */ __name((num) => {
   return num.toLocaleString(navigator.language ?? "en-US");
-};
+}, "formatNumber");
 
 // src/lib/formatPayloadsForTable.ts
-var formatPayloadsForTable = (pairs) => {
+var formatPayloadsForTable = /* @__PURE__ */ __name((pairs) => {
   let hashes = [];
   let schemas = [];
   for (const [bw, hash] of pairs ?? []) {
     hashes.push(hash);
     schemas.push(bw?.schema ?? "");
   }
-  return { hashes, schemas };
-};
+  return {
+    hashes,
+    schemas
+  };
+}, "formatPayloadsForTable");
 
 // src/lib/formatResults.ts
-var formatResults = (results) => {
-  const result = { labels: [], values: [] };
+var formatResults = /* @__PURE__ */ __name((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";
-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
+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
       }
-    ),
-    /* @__PURE__ */ jsxs(TableEx, { children: [
-      /* @__PURE__ */ jsx(BoundWitnessPayloadTableHead, {}),
-      /* @__PURE__ */ jsx(BoundWitnessPayloadTableBody, { payloadHashes: hashes, payloadSchemas: schemas, eventNoun, clickableFields })
-    ] })
-  ] });
-};
+    })) : 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");
 
 // src/components/block/card/actions/BlockBoundWitnessActions.tsx
 import { DataObject as DataObjectIcon } from "@mui/icons-material";
@@ -103,6 +102,7 @@ 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,17 +112,22 @@ 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 { useMemo } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var InvalidIcon = ({ ref, ...props }) => /* @__PURE__ */ jsx2(CancelRoundedIcon, { color: "error", ref, ...props });
+import React2, { useMemo } from "react";
+var InvalidIcon = /* @__PURE__ */ __name(({ ref, ...props }) => /* @__PURE__ */ React2.createElement(CancelRoundedIcon, {
+  color: "error",
+  ref,
+  ...props
+}), "InvalidIcon");
 InvalidIcon.displayName = "InvalidIcon";
-var BlockBoundWitnessVerification = ({ block, ...props }) => {
+var BlockBoundWitnessVerification = /* @__PURE__ */ __name(({ 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)) {
@@ -131,101 +136,98 @@ var BlockBoundWitnessVerification = ({ block, ...props }) => {
       if (isDefined2(validateError)) errors.push(validateError);
       return errors;
     }
-  }, [validateError, validationErrors]);
-  return /* @__PURE__ */ jsx2(ErrorQuickTipButton, { boundWitnessType: "Block", errors: resolvedErrors, ...props });
-};
+  }, [
+    validateError,
+    validationErrors
+  ]);
+  return /* @__PURE__ */ React2.createElement(ErrorQuickTipButton, {
+    boundWitnessType: "Block",
+    errors: resolvedErrors,
+    ...props
+  });
+}, "BlockBoundWitnessVerification");
 
 // src/components/block/card/actions/BlockBoundWitnessActions.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var BlockBoundWitnessActions = ({
-  boundwitness,
-  validationIconColors = false,
-  ...props
-}) => {
+var BlockBoundWitnessActions = /* @__PURE__ */ __name(({ boundwitness, validationIconColors = false, ...props }) => {
   const hash = usePayloadHash(boundwitness);
-  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 })
-      }
-    )
-  ] });
-};
+  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");
 
 // 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 { jsx as jsx4 } from "react/jsx-runtime";
-var BlockBoundWitnessCardHeader = ({ linked = true, address }) => {
+import React4 from "react";
+var BlockBoundWitnessCardHeader = /* @__PURE__ */ __name(({ linked = true, address }) => {
   const [ref, dispatch] = useEvent();
-  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" }
-        }
-      ) })
-    }
-  );
-};
+  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");
 
 // 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 = (blockNumber, stepHashIndex) => {
+var generateStepHashText = /* @__PURE__ */ __name((blockNumber, stepHashIndex) => {
   const stepSize = StepSizes[stepHashIndex];
   const stepStart = blockNumber - stepSize + 1;
   const stepStop = blockNumber;
-  return [`Step ${stepHashIndex} (${stepSize})`, `${formatNumber(stepStart)} - ${formatNumber(stepStop)}`];
-};
-var useBlockDetails = (wrapper, viewer) => {
+  return [
+    `Step ${stepHashIndex} (${stepSize})`,
+    `${formatNumber(stepStart)} - ${formatNumber(stepStop)}`
+  ];
+}, "generateStepHashText");
+var useBlockDetails = /* @__PURE__ */ __name((wrapper, viewer) => {
   const stats = useMemo2(() => {
     const stats2 = {
       Height: formatNumber(wrapper.boundWitness.block),
@@ -234,14 +236,18 @@ var useBlockDetails = (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 = {};
@@ -263,7 +269,15 @@ var useBlockDetails = (wrapper, viewer) => {
       }
       return formatResults(stepHashes2);
     }
-  }, [wrapper, viewer], { defaultValue: { labels: [], values: [] } });
+  }, [
+    wrapper,
+    viewer
+  ], {
+    defaultValue: {
+      labels: [],
+      values: []
+    }
+  });
   return {
     stats,
     payloads,
@@ -271,144 +285,184 @@ var useBlockDetails = (wrapper, viewer) => {
     stepHashesError,
     stepHashesLoading
   };
-};
+}, "useBlockDetails");
 
 // src/components/block/card/Card.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var BlockBoundWitnessCard = ({
-  linkedAddress = true,
-  viewer,
-  wrapper,
-  ...props
-}) => {
+var BlockBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true, viewer, wrapper, ...props }) => {
   if (!wrapper) return null;
-  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 ?? [] })
-          ] })
-        }
-      )
-    ] }) })
-  ] });
-};
+  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");
 
 // src/components/block/BlockBoundWitnessDetails.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var BlockBoundWitnessDetails = ({
-  block,
-  paper,
-  viewer,
-  children,
-  ...props
-}) => {
+var BlockBoundWitnessDetails = /* @__PURE__ */ __name(({ 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__ */ 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 }
-      }
-    ),
-    /* @__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 }
+  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
       }
-    ) : 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 })
-    ] })
-  ] });
-};
+    },
+    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");
 
 // src/components/transactions/card/actions/TransactionActions.tsx
 import { DataObject as DataObjectIcon2 } from "@mui/icons-material";
@@ -417,6 +471,7 @@ 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";
@@ -426,17 +481,22 @@ import { usePromise as usePromise4 } from "@xylabs/react-promise";
 import { isDefined as isDefined3 } from "@xylabs/typeof";
 import { isSignedHydratedTransactionWithStorageMeta } from "@xyo-network/xl1-protocol";
 import { validateTransaction } from "@xyo-network/xl1-validation";
-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 });
+import React7, { useMemo as useMemo4 } from "react";
+var InvalidIcon2 = /* @__PURE__ */ __name(({ ref, ...props }) => /* @__PURE__ */ React7.createElement(CancelRoundedIcon2, {
+  color: "error",
+  ref,
+  ...props
+}), "InvalidIcon");
 InvalidIcon2.displayName = "InvalidIcon";
-var TransactionVerification = ({ transaction, ...props }) => {
+var TransactionVerification = /* @__PURE__ */ __name(({ transaction, ...props }) => {
   const [validationErrors, validateError] = usePromise4(async () => {
     if (isDefined3(transaction)) {
       const resolvedTransaction = assertEx2(isSignedHydratedTransactionWithStorageMeta(transaction) ? transaction : void 0, () => "Transaction must be a SignedHydratedTransactionWithStorageMeta");
       return await validateTransaction(resolvedTransaction);
     }
-  }, [transaction]);
+  }, [
+    transaction
+  ]);
   const resolvedErrors = useMemo4(() => {
     const errors = [];
     if (isDefined3(validationErrors)) {
@@ -445,53 +505,52 @@ var TransactionVerification = ({ transaction, ...props }) => {
       if (isDefined3(validateError)) errors.push(validateError);
       return errors;
     }
-  }, [validateError, validationErrors]);
-  return /* @__PURE__ */ jsx7(ErrorQuickTipButton2, { boundWitnessType: "Transaction", errors: resolvedErrors, ...props });
-};
+  }, [
+    validateError,
+    validationErrors
+  ]);
+  return /* @__PURE__ */ React7.createElement(ErrorQuickTipButton2, {
+    boundWitnessType: "Transaction",
+    errors: resolvedErrors,
+    ...props
+  });
+}, "TransactionVerification");
 
 // src/components/transactions/card/actions/TransactionActions.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var TransactionActions = ({
-  transaction,
-  validationIconColors = false,
-  ...props
-}) => {
+var TransactionActions = /* @__PURE__ */ __name(({ transaction, validationIconColors = false, ...props }) => {
   const txBw = transaction?.[0];
   const hash = usePayloadHash3(txBw);
-  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 })
-      }
-    )
-  ] });
-};
+  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");
 
 // 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 = (wrapper) => {
+var useTransactionDetails = /* @__PURE__ */ __name((wrapper) => {
   const stats = useMemo5(() => {
     const stats2 = {
       "Reward": formatNumber(wrapper.reward()),
@@ -501,7 +560,9 @@ var useTransactionDetails = (wrapper) => {
       "Signatures": formatNumber(wrapper.signatureCount)
     };
     return formatResults(stats2);
-  }, [wrapper]);
+  }, [
+    wrapper
+  ]);
   const fees = useMemo5(() => {
     const fees2 = {
       "Base": formatFee(wrapper.fees.base),
@@ -510,112 +571,113 @@ var useTransactionDetails = (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
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var TransactionBoundWitnessCard = ({
-  linkedAddress = true,
-  wrapper,
-  ...props
-}) => {
+var TransactionBoundWitnessCard = /* @__PURE__ */ __name(({ 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__ */ 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" }
-          }
-        ) })
+  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"
       }
-    ),
-    /* @__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 }) })
-        }
-      )
-    ] }) })
-  ] });
-};
+    }, 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"
+      }
+    }))
+  }), /* @__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");
 
 // 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";
 
@@ -626,28 +688,41 @@ 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 = (wrapper) => {
+var useTransactionPayloadTypes = /* @__PURE__ */ __name((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)) {
@@ -661,14 +736,20 @@ var useTransactionPayloadTypes = (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 ?? {};
@@ -683,90 +764,104 @@ var useTransactionPayloadTypes = (wrapper) => {
     referencedPayloadSchemas,
     referencedPayloadsError
   };
-};
+}, "useTransactionPayloadTypes");
 
 // src/components/transactions/TransactionBoundWitnessDetails.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var nonClickableFields = [];
-var TransactionBoundWitnessDetails = ({ transaction, ...props }) => {
+var TransactionBoundWitnessDetails = /* @__PURE__ */ __name(({ 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__ */ 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 }
-      }
-    ),
-    /* @__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 }
+  }, [
+    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
       }
-    ),
-    /* @__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 })
-    ] })
-  ] });
-};
+    },
+    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");
 export {
   BlockBoundWitnessDetails,
   PayloadTableFlexbox,