@xyo-network/react-chain-boundwitness 1.5.35 → 1.5.36

package/dist/browser/index.mjs

@@ -5,15 +5,15 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { filterAs } from "@xylabs/array";
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
+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, BWActions, 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 } from "@xyo-network/react-shared";
+import { usePayloadHash as usePayloadHash2 } from "@xyo-network/react-shared";
 import { isTransactionBoundWitness } from "@xyo-network/xl1-protocol";
-import React4, { useMemo as useMemo2 } 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";
@@ -293,9 +293,83 @@ var BlockBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true, view
   }))))));
 }, "BlockBoundWitnessCard");
 
+// src/components/block/card/actions/BlockBoundWitnessActions.tsx
+import { DataObject as DataObjectIcon } from "@mui/icons-material";
+import { ellipsize } from "@xylabs/eth-address";
+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 React5 from "react";
+
+// src/components/block/card/actions/BlockBoundWitnessVerification.tsx
+import { CancelRounded as CancelRoundedIcon } from "@mui/icons-material";
+import { assertEx } from "@xylabs/assert";
+import { ErrorQuickTipButton } from "@xylabs/react-error";
+import { usePromise as usePromise2 } 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 React4, { useMemo as useMemo2 } from "react";
+var InvalidIcon = /* @__PURE__ */ __name(({ ref, ...props }) => /* @__PURE__ */ React4.createElement(CancelRoundedIcon, {
+  color: "error",
+  ref,
+  ...props
+}), "InvalidIcon");
+InvalidIcon.displayName = "InvalidIcon";
+var BlockBoundWitnessVerification = /* @__PURE__ */ __name(({ block, ...props }) => {
+  const [validationErrors, validateError] = usePromise2(async () => {
+    if (isDefined2(block)) {
+      const resolvedBlock = assertEx(isBlockBoundWitness(block) ? block : void 0, () => "Block must be a BlockBoundWitness");
+      return await validateBlock(resolvedBlock);
+    }
+  }, [
+    block
+  ]);
+  const resolvedErrors = useMemo2(() => {
+    const errors = [];
+    if (isDefined2(validationErrors)) {
+      if (Array.isArray(validationErrors)) errors.push(...validationErrors);
+      if (validationErrors instanceof Error) errors.push(validationErrors);
+      if (isDefined2(validateError)) errors.push(validateError);
+      return errors;
+    }
+  }, [
+    validateError,
+    validationErrors
+  ]);
+  return /* @__PURE__ */ React4.createElement(ErrorQuickTipButton, {
+    boundWitnessType: "Block",
+    errors: resolvedErrors,
+    ...props
+  });
+}, "BlockBoundWitnessVerification");
+
+// src/components/block/card/actions/BlockBoundWitnessActions.tsx
+var BlockBoundWitnessActions = /* @__PURE__ */ __name(({ boundwitness, validationIconColors = false, ...props }) => {
+  const hash = usePayloadHash(boundwitness);
+  return /* @__PURE__ */ React5.createElement(FlexRow, props, boundwitness?.previous_hashes.length === 0 ? null : /* @__PURE__ */ React5.createElement(BWPreviousHashQuickTipButton, {
+    boundwitness
+  }), /* @__PURE__ */ React5.createElement(BlockBoundWitnessVerification, {
+    iconColors: validationIconColors,
+    block: boundwitness
+  }), /* @__PURE__ */ React5.createElement(QuickTipButton, {
+    Icon: DataObjectIcon,
+    title: `JSON for ${ellipsize(hash ?? "", 8)}`,
+    dialogProps: {
+      fullWidth: true,
+      maxWidth: "md"
+    }
+  }, /* @__PURE__ */ React5.createElement("pre", {
+    style: {
+      wordBreak: "break-all"
+    }
+  }, boundwitness ? JSON.stringify(boundwitness, null, 2) : null)));
+}, "BlockBoundWitnessActions");
+
 // src/components/block/BlockBoundWitnessDetails.tsx
 var BlockBoundWitnessDetails = /* @__PURE__ */ __name(({ block, paper, viewer, children, ...props }) => {
-  const [wrapper, wrapperError] = usePromise2(async () => {
+  const [wrapper, wrapperError] = usePromise3(async () => {
     if (block) {
       return await HydratedBlockWrapper.parse(block);
     }
@@ -304,51 +378,51 @@ var BlockBoundWitnessDetails = /* @__PURE__ */ __name(({ block, paper, viewer, c
   ]);
   const boundWitness = block?.[0];
   const payloads = block?.[1];
-  const hash = usePayloadHash(boundWitness);
+  const hash = usePayloadHash2(boundWitness);
   const [transactions, txFromBlockError] = useTxsFromBlock(block);
-  const { hashes: txHashes, schemas: txSchemas } = useMemo2(() => formatPayloadsForTable(transactions ?? []), [
+  const { hashes: txHashes, schemas: txSchemas } = useMemo3(() => formatPayloadsForTable(transactions ?? []), [
     transactions
   ]);
-  const [nonTxBoundWitnesses, bwsFromBlockError] = usePromise2(async () => {
+  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 } = useMemo2(() => formatPayloadsForTable(nonTxBoundWitnesses ?? []), [
+  const { hashes: nonTxBwHashes, schemas: nonTxBwSchemas } = useMemo3(() => formatPayloadsForTable(nonTxBoundWitnesses ?? []), [
     nonTxBoundWitnesses
   ]);
   const hasNonTxBoundWitnesses = (nonTxBoundWitnesses?.length ?? 0) > 0;
-  return /* @__PURE__ */ React4.createElement(FlexCol2, {
+  return /* @__PURE__ */ React6.createElement(FlexCol2, {
     alignItems: "stretch",
     rowGap: 4,
     ...props
-  }, /* @__PURE__ */ React4.createElement(ErrorRender2, {
+  }, /* @__PURE__ */ React6.createElement(ErrorRender2, {
     error: txFromBlockError ?? bwsFromBlockError,
     scope: "BlockBoundWitnessDetails.tsx"
-  }), /* @__PURE__ */ React4.createElement(ErrorRender2, {
+  }), /* @__PURE__ */ React6.createElement(ErrorRender2, {
     error: wrapperError,
     scope: "BlockBoundWitnessDetails.tsx:wrapperError"
-  }), /* @__PURE__ */ React4.createElement(HashHeadingPaper, {
+  }), /* @__PURE__ */ React6.createElement(HashHeadingPaper, {
     hash,
     paperProps: {
       sx: {
         p: 2
       }
     },
-    AdornmentEnd: /* @__PURE__ */ React4.createElement(BWActions, {
+    AdornmentEnd: /* @__PURE__ */ React6.createElement(BlockBoundWitnessActions, {
       boundwitness: boundWitness
     }),
     identiconProps: {
       p: 0.75,
       size: 24
     }
-  }), /* @__PURE__ */ React4.createElement(BlockBoundWitnessCard, {
+  }), /* @__PURE__ */ React6.createElement(BlockBoundWitnessCard, {
     elevation: 4,
     viewer,
     wrapper
-  }), (transactions?.length ?? 0) > 0 && /* @__PURE__ */ React4.createElement(PayloadTableFlexbox, {
-    IconComponent: /* @__PURE__ */ React4.createElement(GrTransaction, null),
+  }), (transactions?.length ?? 0) > 0 && /* @__PURE__ */ React6.createElement(PayloadTableFlexbox, {
+    IconComponent: /* @__PURE__ */ React6.createElement(GrTransaction, null),
     eventNoun: "transaction",
     hashes: txHashes,
     headingTitle: "Transactions",
@@ -356,17 +430,17 @@ var BlockBoundWitnessDetails = /* @__PURE__ */ __name(({ block, paper, viewer, c
     sx: {
       mb: 1
     }
-  }), /* @__PURE__ */ React4.createElement(FlexCol2, {
+  }), /* @__PURE__ */ React6.createElement(FlexCol2, {
     alignItems: "stretch",
     rowGap: 1,
     mb: 1
-  }, /* @__PURE__ */ React4.createElement(HeadingPaper2, {
-    IconComponent: /* @__PURE__ */ React4.createElement(VscSymbolNamespace2, null),
+  }, /* @__PURE__ */ React6.createElement(HeadingPaper2, {
+    IconComponent: /* @__PURE__ */ React6.createElement(VscSymbolNamespace2, null),
     heading: "Payloads"
-  }), /* @__PURE__ */ React4.createElement(BoundWitnessPayloadsTable, {
+  }), /* @__PURE__ */ React6.createElement(BoundWitnessPayloadsTable, {
     boundwitness: boundWitness
-  })), hasNonTxBoundWitnesses ? /* @__PURE__ */ React4.createElement(PayloadTableFlexbox, {
-    IconComponent: /* @__PURE__ */ React4.createElement(VscSymbolMethod2, null),
+  })), hasNonTxBoundWitnesses ? /* @__PURE__ */ React6.createElement(PayloadTableFlexbox, {
+    IconComponent: /* @__PURE__ */ React6.createElement(VscSymbolMethod2, null),
     eventNoun: "boundwitness",
     hashes: nonTxBwHashes,
     headingTitle: "Bound Witnesses",
@@ -374,31 +448,106 @@ var BlockBoundWitnessDetails = /* @__PURE__ */ __name(({ block, paper, viewer, c
     sx: {
       mb: 1
     }
-  }) : null, /* @__PURE__ */ React4.createElement(FlexCol2, {
+  }) : null, /* @__PURE__ */ React6.createElement(FlexCol2, {
     alignItems: "stretch",
     rowGap: 1,
     mb: 1
-  }, /* @__PURE__ */ React4.createElement(HeadingPaper2, {
-    IconComponent: /* @__PURE__ */ React4.createElement(FaSignature, null),
+  }, /* @__PURE__ */ React6.createElement(HeadingPaper2, {
+    IconComponent: /* @__PURE__ */ React6.createElement(FaSignature, null),
     heading: "Signatures"
-  }), /* @__PURE__ */ React4.createElement(BoundWitnessSignatureTable, {
+  }), /* @__PURE__ */ React6.createElement(BoundWitnessSignatureTable, {
     block: boundWitness
   })));
 }, "BlockBoundWitnessDetails");
 
+// src/components/transactions/card/actions/TransactionActions.tsx
+import { DataObject as DataObjectIcon2 } from "@mui/icons-material";
+import { ellipsize as ellipsize2 } from "@xylabs/eth-address";
+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";
+import { assertEx as assertEx2 } from "@xylabs/assert";
+import { ErrorQuickTipButton as ErrorQuickTipButton2 } from "@xylabs/react-error";
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { isDefined as isDefined3 } from "@xylabs/typeof";
+import { validateTransaction } from "@xyo-network/chain-validation";
+import { isHydratedTransaction } from "@xyo-network/xl1-protocol";
+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 = /* @__PURE__ */ __name(({ 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
+  ]);
+  const resolvedErrors = useMemo4(() => {
+    const errors = [];
+    if (isDefined3(validationErrors)) {
+      if (Array.isArray(validationErrors)) errors.push(...validationErrors);
+      if (validationErrors instanceof Error) errors.push(validationErrors);
+      if (isDefined3(validateError)) errors.push(validateError);
+      return errors;
+    }
+  }, [
+    validateError,
+    validationErrors
+  ]);
+  return /* @__PURE__ */ React7.createElement(ErrorQuickTipButton2, {
+    boundWitnessType: "Transaction",
+    errors: resolvedErrors,
+    ...props
+  });
+}, "TransactionVerification");
+
+// src/components/transactions/card/actions/TransactionActions.tsx
+var TransactionActions = /* @__PURE__ */ __name(({ 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");
+
 // 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 { 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 React5 from "react";
+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 useMemo3 } from "react";
+import { useMemo as useMemo5 } from "react";
 var useTransactionDetails = /* @__PURE__ */ __name((wrapper) => {
-  const stats = useMemo3(() => {
+  const stats = useMemo5(() => {
     const stats2 = {
       "Reward": formatNumber(wrapper.reward()),
       "On Chain Payloads": formatNumber(wrapper.elevatedPayloadCount),
@@ -410,7 +559,7 @@ var useTransactionDetails = /* @__PURE__ */ __name((wrapper) => {
   }, [
     wrapper
   ]);
-  const fees = useMemo3(() => {
+  const fees = useMemo5(() => {
     const fees2 = {
       "Base": formatFee(wrapper.fees.base),
       "Gas": formatFee(wrapper.fees.gasPrice),
@@ -421,7 +570,7 @@ var useTransactionDetails = /* @__PURE__ */ __name((wrapper) => {
   }, [
     wrapper
   ]);
-  const blockDuration = useMemo3(() => {
+  const blockDuration = useMemo5(() => {
     const blockDuration2 = {
       "Expiration": wrapper.boundWitness.exp.toLocaleString(navigator.language ?? "en-US"),
       "Not Before": wrapper.boundWitness.nbf.toLocaleString(navigator.language ?? "en-US")
@@ -442,11 +591,11 @@ var TransactionBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true
   if (!wrapper) return null;
   const { stats, fees, blockDuration } = useTransactionDetails(wrapper);
   const [ref, dispatch] = useEvent2();
-  return /* @__PURE__ */ React5.createElement(Card2, {
+  return /* @__PURE__ */ React9.createElement(Card2, {
     ref,
     ...props
-  }, /* @__PURE__ */ React5.createElement(CardHeader2, {
-    title: /* @__PURE__ */ React5.createElement(Typography2, {
+  }, /* @__PURE__ */ React9.createElement(CardHeader2, {
+    title: /* @__PURE__ */ React9.createElement(Typography2, {
       onClick: /* @__PURE__ */ __name(() => linkedAddress && dispatch("address", "click", wrapper.boundWitness.from), "onClick"),
       variant: "body2",
       sx: {
@@ -455,14 +604,14 @@ var TransactionBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true
         overflow: "hidden",
         fontFamily: "monospace"
       }
-    }, linkedAddress ? /* @__PURE__ */ React5.createElement(Link2, {
+    }, linkedAddress ? /* @__PURE__ */ React9.createElement(Link2, {
       sx: {
         cursor: "pointer"
       }
     }, wrapper?.boundWitness.from) : wrapper?.boundWitness.from),
-    avatar: /* @__PURE__ */ React5.createElement(Tooltip3, {
+    avatar: /* @__PURE__ */ React9.createElement(Tooltip3, {
       title: `From Address - ${wrapper?.boundWitness.from}`
-    }, /* @__PURE__ */ React5.createElement(BlockiesAvatarAddress2, {
+    }, /* @__PURE__ */ React9.createElement(BlockiesAvatarAddress2, {
       address: wrapper?.boundWitness.from,
       onClick: /* @__PURE__ */ __name(() => dispatch("address", "click", wrapper.boundWitness.from), "onClick"),
       size: 21,
@@ -470,49 +619,49 @@ var TransactionBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true
         cursor: "pointer"
       }
     }))
-  }), /* @__PURE__ */ React5.createElement(CardContent2, null, /* @__PURE__ */ React5.createElement(Grid2, {
+  }), /* @__PURE__ */ React9.createElement(CardContent2, null, /* @__PURE__ */ React9.createElement(Grid2, {
     container: true,
     spacing: 6,
     sx: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React5.createElement(Grid2, {
+  }, /* @__PURE__ */ React9.createElement(Grid2, {
     size: {
       xs: 12,
       sm: 6,
       md: 4
     }
-  }, /* @__PURE__ */ React5.createElement(DetailsStack2, {
+  }, /* @__PURE__ */ React9.createElement(DetailsStack2, {
     IconComponent: IoStatsChartOutline2,
     heading: "Stats",
     tooltipTitle: "Transaction Statistics"
-  }, /* @__PURE__ */ React5.createElement(LabelValueStack2, {
+  }, /* @__PURE__ */ React9.createElement(LabelValueStack2, {
     labels: stats.labels,
     values: stats.values
-  }))), /* @__PURE__ */ React5.createElement(Grid2, {
+  }))), /* @__PURE__ */ React9.createElement(Grid2, {
     size: {
       xs: 12,
       sm: 6,
       md: 4
     }
-  }, /* @__PURE__ */ React5.createElement(DetailsStack2, {
+  }, /* @__PURE__ */ React9.createElement(DetailsStack2, {
     IconComponent: GiReceiveMoney,
     heading: "Fees",
     tooltipTitle: "Fees offered to the producer"
-  }, /* @__PURE__ */ React5.createElement(LabelValueStack2, {
+  }, /* @__PURE__ */ React9.createElement(LabelValueStack2, {
     labels: fees.labels,
     values: fees.values
-  }))), /* @__PURE__ */ React5.createElement(Grid2, {
+  }))), /* @__PURE__ */ React9.createElement(Grid2, {
     size: {
       xs: 12,
       sm: 6,
       md: 4
     }
-  }, /* @__PURE__ */ React5.createElement(DetailsStack2, {
+  }, /* @__PURE__ */ React9.createElement(DetailsStack2, {
     IconComponent: GiSandsOfTime,
     heading: "Block Duration",
     tooltipTitle: "Block window for the transaction to be valid"
-  }, /* @__PURE__ */ React5.createElement(LabelValueStack2, {
+  }, /* @__PURE__ */ React9.createElement(LabelValueStack2, {
     labels: blockDuration.labels,
     values: blockDuration.values
   }))))));
@@ -521,23 +670,23 @@ var TransactionBoundWitnessCard = /* @__PURE__ */ __name(({ linkedAddress = true
 // src/components/transactions/TransactionBoundWitnessDetails.tsx
 import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
-import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { usePromise as usePromise6 } from "@xylabs/react-promise";
 import { HydratedTransactionWrapper } from "@xyo-network/chain-wrappers";
-import { BoundWitnessSignatureTable as BoundWitnessSignatureTable2, BWActions as BWActions2, HashHeadingPaper as HashHeadingPaper2, HeadingPaper as HeadingPaper3 } from "@xyo-network/react-boundwitness-plugin";
-import React6 from "react";
+import { BoundWitnessSignatureTable as BoundWitnessSignatureTable2, HashHeadingPaper as HashHeadingPaper2, HeadingPaper as HeadingPaper3 } from "@xyo-network/react-boundwitness-plugin";
+import React10 from "react";
 import { FaSignature as FaSignature2 } from "react-icons/fa";
 import { VscSymbolNamespace as VscSymbolNamespace3 } from "react-icons/vsc";
 
 // src/components/transactions/hooks/usePayloadTypes.ts
 import { isHash } from "@xylabs/hex";
-import { usePromise as usePromise3 } from "@xylabs/react-promise";
-import { isDefined as isDefined2 } from "@xylabs/typeof";
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
+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 useMemo4, useState } from "react";
+import { useMemo as useMemo6, useState } from "react";
 var useTransactionPayloadTypes = /* @__PURE__ */ __name((wrapper) => {
-  const [elevatedPayloadSets, elevatedPayloadSetsError] = usePromise3(async () => {
-    if (isDefined2(wrapper)) {
+  const [elevatedPayloadSets, elevatedPayloadSetsError] = usePromise5(async () => {
+    if (isDefined4(wrapper)) {
       const elevatedPayloads = wrapper.elevatedPayloads;
       const pairs = await PayloadBuilder2.hashPairs(elevatedPayloads);
       return formatPayloadsForTable(pairs);
@@ -550,8 +699,8 @@ var useTransactionPayloadTypes = /* @__PURE__ */ __name((wrapper) => {
   }, [
     wrapper
   ]);
-  const [publicPayloads, publicPayloadsError] = usePromise3(async () => {
-    if (isDefined2(wrapper)) {
+  const [publicPayloads, publicPayloadsError] = usePromise5(async () => {
+    if (isDefined4(wrapper)) {
       const publicPayloads2 = wrapper.publicExternalPayloads;
       const pairs = await PayloadBuilder2.hashPairs(publicPayloads2);
       return formatPayloadsForTable(pairs);
@@ -565,12 +714,12 @@ var useTransactionPayloadTypes = /* @__PURE__ */ __name((wrapper) => {
     wrapper
   ]);
   const [referencedPayloadsError, setReferencedPayloadsError] = useState([]);
-  const referencedPayloads = useMemo4(() => {
+  const referencedPayloads = useMemo6(() => {
     const ret = {
       hashes: [],
       schemas: []
     };
-    if (isDefined2(wrapper)) {
+    if (isDefined4(wrapper)) {
       const referencedPayloads2 = wrapper.privateExternalPayloads;
       for (const [hash, schema] of Object.entries(referencedPayloads2)) {
         let resolved = false;
@@ -616,7 +765,7 @@ var useTransactionPayloadTypes = /* @__PURE__ */ __name((wrapper) => {
 // src/components/transactions/TransactionBoundWitnessDetails.tsx
 var nonClickableFields = [];
 var TransactionBoundWitnessDetails = /* @__PURE__ */ __name(({ transaction, ...props }) => {
-  const [wrapper, wrapperError] = usePromise4(async () => {
+  const [wrapper, wrapperError] = usePromise6(async () => {
     if (transaction) {
       return await HydratedTransactionWrapper.parse(transaction);
     }
@@ -624,64 +773,64 @@ var TransactionBoundWitnessDetails = /* @__PURE__ */ __name(({ transaction, ...p
     transaction
   ]);
   const { elevatedPayloadHashes, elevatedPayloadSchemas, elevatedPayloadSetsError, publicPayloadHashes, publicPayloadSchemas, publicPayloadsError, referencedPayloadHashes, referencedPayloadSchemas, referencedPayloadsError } = useTransactionPayloadTypes(wrapper);
-  return /* @__PURE__ */ React6.createElement(FlexCol3, {
+  return /* @__PURE__ */ React10.createElement(FlexCol3, {
     alignItems: "stretch",
     rowGap: 2,
     ...props
-  }, /* @__PURE__ */ React6.createElement(HashHeadingPaper2, {
+  }, /* @__PURE__ */ React10.createElement(HashHeadingPaper2, {
     hash: wrapper?.boundWitness?._hash,
     paperProps: {
       sx: {
         p: 2
       }
     },
-    AdornmentEnd: /* @__PURE__ */ React6.createElement(BWActions2, {
-      boundwitness: wrapper?.boundWitness
+    AdornmentEnd: /* @__PURE__ */ React10.createElement(TransactionActions, {
+      transaction
     }),
     identiconProps: {
       p: 0.75,
       size: 24
     }
-  }), /* @__PURE__ */ React6.createElement(ErrorRender3, {
+  }), /* @__PURE__ */ React10.createElement(ErrorRender3, {
     error: wrapperError,
     scope: "wrapperError:TransactionBoundWitnessDetails.tsx"
-  }), /* @__PURE__ */ React6.createElement(ErrorRender3, {
+  }), /* @__PURE__ */ React10.createElement(ErrorRender3, {
     error: elevatedPayloadSetsError,
     scope: "elevatedPayloadSetsError:TransactionBoundWitnessDetails.tsx"
-  }), /* @__PURE__ */ React6.createElement(ErrorRender3, {
+  }), /* @__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__ */ React6.createElement(ErrorRender3, {
+    /* @__PURE__ */ React10.createElement(ErrorRender3, {
       key: index,
       error,
       scope: "referencedPayloadsError:TransactionBoundWitnessDetails.tsx"
     })
-  )), /* @__PURE__ */ React6.createElement(TransactionBoundWitnessCard, {
+  )), /* @__PURE__ */ React10.createElement(TransactionBoundWitnessCard, {
     elevation: 4,
     wrapper
-  }), /* @__PURE__ */ React6.createElement(PayloadTableFlexbox, {
+  }), /* @__PURE__ */ React10.createElement(PayloadTableFlexbox, {
     tooltip: "Payloads included in the transaction that are elevated and validated.",
-    IconComponent: /* @__PURE__ */ React6.createElement(VscSymbolNamespace3, null),
+    IconComponent: /* @__PURE__ */ React10.createElement(VscSymbolNamespace3, null),
     hashes: elevatedPayloadHashes,
     headingTitle: "On Chain Payloads",
     schemas: elevatedPayloadSchemas,
     sx: {
       mb: 1
     }
-  }), (publicPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ React6.createElement(PayloadTableFlexbox, {
+  }), (publicPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ React10.createElement(PayloadTableFlexbox, {
     tooltip: "Public payloads included in the transaction.",
-    IconComponent: /* @__PURE__ */ React6.createElement(VscSymbolNamespace3, null),
+    IconComponent: /* @__PURE__ */ React10.createElement(VscSymbolNamespace3, null),
     hashes: publicPayloadHashes,
     headingTitle: "Public Payloads",
     schemas: publicPayloadSchemas,
     sx: {
       mb: 1
     }
-  }), (referencedPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ React6.createElement(PayloadTableFlexbox, {
+  }), (referencedPayloadHashes?.length ?? 0) > 0 && /* @__PURE__ */ React10.createElement(PayloadTableFlexbox, {
     tooltip: "Payload hashes referenced by the transaction but not included.",
-    IconComponent: /* @__PURE__ */ React6.createElement(VscSymbolNamespace3, null),
+    IconComponent: /* @__PURE__ */ React10.createElement(VscSymbolNamespace3, null),
     clickableFields: nonClickableFields,
     hashes: referencedPayloadHashes,
     headingTitle: "Referenced Payloads",
@@ -689,21 +838,23 @@ var TransactionBoundWitnessDetails = /* @__PURE__ */ __name(({ transaction, ...p
     sx: {
       mb: 1
     }
-  }), /* @__PURE__ */ React6.createElement(FlexCol3, {
+  }), /* @__PURE__ */ React10.createElement(FlexCol3, {
     alignItems: "stretch",
     rowGap: 1,
     mb: 1
-  }, /* @__PURE__ */ React6.createElement(HeadingPaper3, {
-    IconComponent: /* @__PURE__ */ React6.createElement(FaSignature2, null),
+  }, /* @__PURE__ */ React10.createElement(HeadingPaper3, {
+    IconComponent: /* @__PURE__ */ React10.createElement(FaSignature2, null),
     heading: "Signatures"
-  }), /* @__PURE__ */ React6.createElement(BoundWitnessSignatureTable2, {
+  }), /* @__PURE__ */ React10.createElement(BoundWitnessSignatureTable2, {
     block: wrapper?.boundWitness
   })));
 }, "TransactionBoundWitnessDetails");
 export {
   BlockBoundWitnessDetails,
   PayloadTableFlexbox,
+  TransactionActions,
   TransactionBoundWitnessCard,
-  TransactionBoundWitnessDetails
+  TransactionBoundWitnessDetails,
+  TransactionVerification
 };
 //# sourceMappingURL=index.mjs.map