@xyo-network/react-chain-blockchain 1.20.12 → 1.20.13

package/dist/browser/components/account/table/BalanceHistoryTableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BalanceHistoryTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EACgB,KAAK,aAAa,EACxC,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAE3F,OAAO,KAAkB,MAAM,OAAO,CAAA;AAQtC,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,kCAAkC,CAAA;CACxC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAuBxE,CAAA"}
+{"version":3,"file":"BalanceHistoryTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAG3F,OAAO,KAAkB,MAAM,OAAO,CAAA;AAWtC,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,kCAAkC,CAAA;CACxC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiCxE,CAAA"}

package/dist/browser/components/account/table/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLinkedBalanceHistoryItem.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/account/table/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/account/table/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA"}

package/dist/browser/components/account/table/hooks/useLinkedBalanceHistoryItem.d.ts

@@ -0,0 +1,5 @@
+import type { Ref } from 'react';
+import type React from 'react';
+import type { BalanceHistoryEventNouns } from '../types/index.ts';
+export declare const useLinkedBalanceHistoryItem: () => [Ref<HTMLElement | null>, (event: React.MouseEvent, noun?: BalanceHistoryEventNouns, data?: string | number) => void];
+//# sourceMappingURL=useLinkedBalanceHistoryItem.d.ts.map

package/dist/browser/components/account/table/hooks/useLinkedBalanceHistoryItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkedBalanceHistoryItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/account/table/hooks/useLinkedBalanceHistoryItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAEjE,eAAO,MAAM,2BAA2B,QAAO,CAC7C,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EACvB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,wBAAwB,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAoB3F,CAAA"}

package/dist/browser/components/account/table/index.d.ts

@@ -1,5 +1,6 @@
 export * from './BalanceHistoryTableEx.tsx';
 export * from './BalanceHistoryTableRow.tsx';
 export * from './cell/index.ts';
+export * from './hooks/index.ts';
 export * from './types/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/components/account/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/block/table/row/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/row/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAKlD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AASrE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,EAAE,aAAa;IACjF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+BhE,CAAA"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/row/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAUrE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,EAAE,aAAa;IACjF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyBhE,CAAA"}

package/dist/browser/components/table/StyledLinkableTableRow.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledLinkableTableRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "children" | "className" | "style" | "classes" | "sx" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    component?: import("react").ElementType | undefined;
+} & {
+    linked?: boolean;
+}, {}, {}>;
+//# sourceMappingURL=StyledLinkableTableRow.d.ts.map

package/dist/browser/components/table/StyledLinkableTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledLinkableTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/table/StyledLinkableTableRow.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB;;;aACN,OAAO;UAMlC,CAAA"}

package/dist/browser/components/table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StyledLinkableTableRow.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA"}

package/dist/browser/index.mjs

@@ -4,7 +4,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 // src/components/account/BalanceHistoryFlexbox.tsx
 import { Typography as Typography7 } from "@mui/material";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
-import { isDefined as isDefined7 } from "@xylabs/sdk-js";
+import { isDefined as isDefined8 } from "@xylabs/sdk-js";
 import { useAccountBalanceHistory } from "@xyo-network/react-chain-provider";
 import { ErrorRender as ErrorRender3 } from "@xyo-network/react-error";
 import { AttoXL1 } from "@xyo-network/xl1-sdk";
@@ -29,13 +29,14 @@ var formatBalance = /* @__PURE__ */ __name((balance) => {
 }, "formatBalance");
 
 // src/components/account/table/BalanceHistoryTableEx.tsx
-import { TableBody as TableBody2, TableCell as TableCell14, TableHead as TableHead2, TableRow as TableRow4 } from "@mui/material";
-import { isDefined as isDefined6 } from "@xylabs/sdk-js";
+import { TableBody as TableBody2, TableCell as TableCell14, TableHead as TableHead2, TableRow as TableRow3 } from "@mui/material";
+import { isDefined as isDefined7 } from "@xylabs/sdk-js";
 import { TableEx as TableEx2 } from "@xyo-network/react-table";
 import React29 from "react";
 
 // src/components/account/table/BalanceHistoryTableRow.tsx
-import { TableCell as TableCell13, TableRow as TableRow3 } from "@mui/material";
+import { TableCell as TableCell13 } from "@mui/material";
+import { isDefined as isDefined6 } from "@xylabs/sdk-js";
 import { RawInfoIconButton } from "@xyo-network/react-payload-raw-info";
 import React28, { useMemo as useMemo7 } from "react";
 
@@ -1051,11 +1052,24 @@ var BlockchainTableEx = /* @__PURE__ */ __name(({ ref, children, ...props }) =>
 BlockchainTableEx.displayName = "BlockchainTableEx";
 
 // src/components/block/table/row/TableRow.tsx
-import { TableRow as TableRow2, useTheme } from "@mui/material";
-import { alphaCss } from "@xylabs/react-theme";
 import { usePayloadRootHash as usePayloadRootHash3 } from "@xyo-network/react-shared";
 import React24, { useMemo as useMemo6 } from "react";
-var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaultExpanded, linked, sx, ...props }) => {
+
+// src/components/table/StyledLinkableTableRow.tsx
+import { styled, TableRow as TableRow2 } from "@mui/material";
+import { alphaCss } from "@xylabs/react-theme";
+var StyledLinkableTableRow = styled(TableRow2, {
+  shouldForwardProp: /* @__PURE__ */ __name((prop) => prop !== "linked", "shouldForwardProp")
+})(({ theme, linked }) => ({
+  "cursor": linked ? "pointer" : "default",
+  "overflowY": "scroll",
+  "&:hover": {
+    backgroundColor: alphaCss(theme.vars.palette.secondary.light, 0.15)
+  }
+}));
+
+// src/components/block/table/row/TableRow.tsx
+var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaultExpanded, linked, ...props }) => {
   const linkedTableCellProps = useMemo6(() => ({
     block,
     linked
@@ -1070,18 +1084,10 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaul
   ]);
   const hash = usePayloadRootHash3(block?.[0]);
   const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
-  const theme = useTheme();
-  return /* @__PURE__ */ React24.createElement(TableRow2, {
+  return /* @__PURE__ */ React24.createElement(StyledLinkableTableRow, {
     onClick: linked ? handleClick : void 0,
     ref,
-    sx: {
-      "cursor": linked ? "pointer" : "default",
-      "overflowY": "scroll",
-      "&:hover": {
-        backgroundColor: alphaCss(theme.vars.palette.secondary.light, 0.15)
-      },
-      ...sx
-    },
+    linked,
     ...props
   }, /* @__PURE__ */ React24.createElement(BlockNumberTableCell, {
     align: "left",
@@ -1154,14 +1160,37 @@ var HashTableCell = /* @__PURE__ */ __name(({ hash, linked, toolTipTitle, sx, ..
   }, shortenedHash) : shortenedHash)) : "N/A");
 }, "HashTableCell");
 
+// src/components/account/table/hooks/useLinkedBalanceHistoryItem.tsx
+import { useEvent as useEvent6 } from "@xyo-network/react-event";
+var useLinkedBalanceHistoryItem = /* @__PURE__ */ __name(() => {
+  const [ref, dispatch] = useEvent6();
+  const handleClick = /* @__PURE__ */ __name((event, noun, data) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (noun === void 0) {
+      console.warn("useLinkedBalanceHistoryItem: noun is required");
+      return;
+    }
+    const selection = globalThis.getSelection();
+    const isTextSelected = selection && selection.toString().length > 0;
+    if (!isTextSelected) {
+      dispatch(noun, "click", data, event.nativeEvent);
+    }
+  }, "handleClick");
+  return [
+    ref,
+    handleClick
+  ];
+}, "useLinkedBalanceHistoryItem");
+
 // src/components/account/table/RawAmountTableCell.tsx
 import { Link as Link6, TableCell as TableCell12, Tooltip as Tooltip10 } from "@mui/material";
 import { isDefined as isDefined5, toHex as toHex2 } from "@xylabs/sdk-js";
-import { useEvent as useEvent6 } from "@xyo-network/react-event";
+import { useEvent as useEvent7 } from "@xyo-network/react-event";
 import { XL1Amount as XL1Amount2 } from "@xyo-network/xl1-sdk";
 import React27 from "react";
 var RawAmountTableCell = /* @__PURE__ */ __name(({ amount, linked, sx, type, ...props }) => {
-  const [ref, dispatch] = useEvent6();
+  const [ref, dispatch] = useEvent7();
   const handleClick = /* @__PURE__ */ __name((event) => dispatch("amount", "click", isDefined5(amount) ? toHex2(amount) : "", event.nativeEvent), "handleClick");
   const formatAmount = /* @__PURE__ */ __name((amount2) => {
     if (!isDefined5(amount2)) {
@@ -1197,8 +1226,14 @@ var BalanceHistoryTableRow = /* @__PURE__ */ __name(({ linked, row, ...props })
   }), [
     linked
   ]);
-  return /* @__PURE__ */ React28.createElement(TableRow3, {
+  const [ref, handleClick] = useLinkedBalanceHistoryItem();
+  const noun = isDefined6(txHash) ? "tx-hash" : "blockNumber";
+  const data = isDefined6(txHash) ? txHash : blockNumber;
+  return /* @__PURE__ */ React28.createElement(StyledLinkableTableRow, {
+    linked,
     key,
+    onClick: linked ? (e) => handleClick(e, noun, data) : void 0,
+    ref,
     ...props
   }, /* @__PURE__ */ React28.createElement(HashTableCell, {
     hash: txHash,
@@ -1239,7 +1274,7 @@ var TableHeadingLabels = [
 
 // src/components/account/table/BalanceHistoryTableEx.tsx
 var AccountBalanceHistoryTableEx = /* @__PURE__ */ __name(({ history, linked, ...props }) => {
-  return isDefined6(history) ? /* @__PURE__ */ React29.createElement(TableEx2, props, /* @__PURE__ */ React29.createElement(TableHead2, null, /* @__PURE__ */ React29.createElement(TableRow4, null, TableHeadingLabels.map((heading) => /* @__PURE__ */ React29.createElement(TableCell14, {
+  return isDefined7(history) ? /* @__PURE__ */ React29.createElement(TableEx2, props, /* @__PURE__ */ React29.createElement(TableHead2, null, /* @__PURE__ */ React29.createElement(TableRow3, null, TableHeadingLabels.map((heading) => /* @__PURE__ */ React29.createElement(TableCell14, {
     key: heading
   }, heading)))), /* @__PURE__ */ React29.createElement(TableBody2, null, history?.map((row) => /* @__PURE__ */ React29.createElement(BalanceHistoryTableRow, {
     key: row.key,
@@ -1258,7 +1293,7 @@ var AccountBalanceHistoryFlexBox = /* @__PURE__ */ __name(({ address, refresh, v
     ],
     history: void 0
   };
-  return isDefined7(history) && isDefined7(address) ? /* @__PURE__ */ React30.createElement(FlexCol3, props, /* @__PURE__ */ React30.createElement(ErrorRender3, {
+  return isDefined8(history) && isDefined8(address) ? /* @__PURE__ */ React30.createElement(FlexCol3, props, /* @__PURE__ */ React30.createElement(ErrorRender3, {
     error,
     scope: "AccountBalanceHistoryTable"
   }), /* @__PURE__ */ React30.createElement(Typography7, {
@@ -1273,7 +1308,7 @@ var AccountBalanceHistoryFlexBox = /* @__PURE__ */ __name(({ address, refresh, v
 }, "AccountBalanceHistoryFlexBox");
 
 // src/components/account/hooks/usePagedAccountBalanceHistory.ts
-import { isDefined as isDefined8 } from "@xylabs/sdk-js";
+import { isDefined as isDefined9 } from "@xylabs/sdk-js";
 import { useAccountBalanceHistory as useAccountBalanceHistory2 } from "@xyo-network/react-chain-provider";
 import { useCallback, useState as useState9 } from "react";
 var usePagedAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, maxPage = 1) => {
@@ -1282,17 +1317,17 @@ var usePagedAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, max
   const [results, error, loading] = useAccountBalanceHistory2(address, viewer, maxPage, updatedBlockRange);
   const { history, truncated } = results || {};
   const [previousHistory, setPreviousHistory] = useState9(history);
-  if (isDefined8(history) && history !== previousHistory) {
+  if (isDefined9(history) && history !== previousHistory) {
     setPagedHistory([
       ...pagedHistory ?? [],
       ...history
     ]);
     setPreviousHistory(history);
   }
-  const lastBlock = isDefined8(history) ? history.at(-1)?.blockNumber : void 0;
-  const historyComplete = isDefined8(history) && history.length === 0 || lastBlock === 0;
+  const lastBlock = isDefined9(history) ? history.at(-1)?.blockNumber : void 0;
+  const historyComplete = isDefined9(history) && history.length === 0 || lastBlock === 0;
   const updateRange = useCallback(() => {
-    if (isDefined8(lastBlock) && lastBlock > 0 && truncated) {
+    if (isDefined9(lastBlock) && lastBlock > 0 && truncated) {
       const newEndBlock = lastBlock - 1;
       setUpdatedBlockRange([
         0,
@@ -1331,12 +1366,12 @@ import { isChainSummaryProducers } from "@xyo-network/chain-analyze";
 import React32, { useMemo as useMemo8 } from "react";
 
 // src/components/chain/stats/producer/Table.tsx
-import { Table, TableBody as TableBody3, TableCell as TableCell15, TableHead as TableHead3, TableRow as TableRow5, useTheme as useTheme2 } from "@mui/material";
+import { Table, TableBody as TableBody3, TableCell as TableCell15, TableHead as TableHead3, TableRow as TableRow4, useTheme } from "@mui/material";
 import { BlockiesAvatar as BlockiesAvatar2 } from "@xyo-network/react-chain-blockies";
 import React31 from "react";
 var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) => {
-  const theme = useTheme2();
-  return /* @__PURE__ */ React31.createElement(Table, props, /* @__PURE__ */ React31.createElement(TableHead3, null, /* @__PURE__ */ React31.createElement(TableRow5, null, /* @__PURE__ */ React31.createElement(TableCell15, null, "Address"), /* @__PURE__ */ React31.createElement(TableCell15, null, "Blocks Produced"), /* @__PURE__ */ React31.createElement(TableCell15, null, "Rewards Earned Produced"))), /* @__PURE__ */ React31.createElement(TableBody3, null, producers?.map((producer) => /* @__PURE__ */ React31.createElement(TableRow5, {
+  const theme = useTheme();
+  return /* @__PURE__ */ React31.createElement(Table, props, /* @__PURE__ */ React31.createElement(TableHead3, null, /* @__PURE__ */ React31.createElement(TableRow4, null, /* @__PURE__ */ React31.createElement(TableCell15, null, "Address"), /* @__PURE__ */ React31.createElement(TableCell15, null, "Blocks Produced"), /* @__PURE__ */ React31.createElement(TableCell15, null, "Rewards Earned Produced"))), /* @__PURE__ */ React31.createElement(TableBody3, null, producers?.map((producer) => /* @__PURE__ */ React31.createElement(TableRow4, {
     key: producer.address
   }, /* @__PURE__ */ React31.createElement(TableCell15, null, /* @__PURE__ */ React31.createElement(BlockiesAvatar2, {
     blockiesOptions: {
@@ -1404,7 +1439,7 @@ var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
 }, "ChainAnalyzerStatsDialogFromContext");
 
 // src/components/chain/controls/PulseSvgIcon.tsx
-import { createSvgIcon, keyframes, styled } from "@mui/material";
+import { createSvgIcon, keyframes, styled as styled2 } from "@mui/material";
 import React34 from "react";
 var PulseSvgIcon = createSvgIcon(/* @__PURE__ */ React34.createElement("svg", {
   viewBox: "0 0 80 80",
@@ -1454,7 +1489,7 @@ var pulse2 = keyframes`
     opacity: 0;
   }
 `;
-var StyledPulseSvgIcon = styled(PulseSvgIcon)(({ theme }) => {
+var StyledPulseSvgIcon = styled2(PulseSvgIcon)(({ theme }) => {
   return {
     "& .core": {
       animation: `${pulse1} 1.25s ease-in-out infinite`,
@@ -1599,9 +1634,9 @@ var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
 }, "useChainPagination");
 
 // src/components/chain/styled/BlockListWrapperFlexbox.tsx
-import { styled as styled2 } from "@mui/material";
+import { styled as styled3 } from "@mui/material";
 import { FlexCol as FlexCol5 } from "@xylabs/react-flexbox";
-var BlockListWrapperFlexBox = styled2(FlexCol5, {
+var BlockListWrapperFlexBox = styled3(FlexCol5, {
   name: "BlockListWrapperFlexbox"
 })(() => ({
   "& > div:nth-of-type(2) .block-heading-flexbox .divider-spacer": {
@@ -1671,13 +1706,13 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
 
 // src/components/payload/fields/XyoAddressTextField.tsx
 import { FormControl as FormControl4, FormHelperText as FormHelperText3, TextField as TextField4 } from "@mui/material";
-import { asAddress, isAddress, isDefined as isDefined9 } from "@xylabs/sdk-js";
+import { asAddress, isAddress, isDefined as isDefined10 } from "@xylabs/sdk-js";
 import React40, { useState as useState14 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
   const [address, setAddress] = useState14("");
   const [addressError, setAddressError] = useState14();
   const [previousResetValue, setPreviousResetValue] = useState14(resetValue);
-  if (isDefined9(resetValue) && resetValue !== previousResetValue) {
+  if (isDefined10(resetValue) && resetValue !== previousResetValue) {
     setPreviousResetValue(resetValue);
     setAddress("");
   }
@@ -1919,7 +1954,7 @@ var TransferBuilderFlexbox = /* @__PURE__ */ __name(({ onBuild, ...props }) => /
 
 // src/components/rate/flexbox/FlexBox.tsx
 import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
-import { isDefined as isDefined10 } from "@xylabs/sdk-js";
+import { isDefined as isDefined11 } from "@xylabs/sdk-js";
 
 // src/helpers/rate/rateUnitToLabel.ts
 var rateUnitToLabel = /* @__PURE__ */ __name((rateUnit) => {
@@ -2050,7 +2085,7 @@ var BlockRateTimeTypography = /* @__PURE__ */ __name(({ timeUnit, timeDifference
 // src/components/rate/flexbox/FlexBox.tsx
 var BlockRateFlexBox = /* @__PURE__ */ __name(({ blockRate, ...flexBoxProps }) => {
   const { range, span, rate, timeUnit, timeDifference } = blockRate ?? {};
-  const rateUnitLabel = isDefined10(timeUnit) ? rateUnitToLabel(timeUnit) : "";
+  const rateUnitLabel = isDefined11(timeUnit) ? rateUnitToLabel(timeUnit) : "";
   return /* @__PURE__ */ React.createElement(FlexCol7, {
     alignItems: "start",
     ...flexBoxProps
@@ -2070,7 +2105,7 @@ var BlockRateFlexBox = /* @__PURE__ */ __name(({ blockRate, ...flexBoxProps }) =
 import { GaugeContainer, GaugeReferenceArc, GaugeValueArc } from "@mui/x-charts";
 
 // src/components/rate/gauge/helpers/blockRateConversions.ts
-import { isDefined as isDefined11, isUndefined as isUndefined3 } from "@xylabs/sdk-js";
+import { isDefined as isDefined12, isUndefined as isUndefined3 } from "@xylabs/sdk-js";
 var toBlocksPerMillisecond = /* @__PURE__ */ __name((rateValue, unit) => {
   if (isUndefined3(unit)) return rateValue;
   const conversions = {
@@ -2081,7 +2116,7 @@ var toBlocksPerMillisecond = /* @__PURE__ */ __name((rateValue, unit) => {
     days: 864e5,
     weeks: 6048e5
   };
-  return rateValue * (isDefined11(conversions[unit]) ? conversions[unit] : 1);
+  return rateValue * (isDefined12(conversions[unit]) ? conversions[unit] : 1);
 }, "toBlocksPerMillisecond");
 var toBlocksPerSecond = /* @__PURE__ */ __name((rateValue, unit) => {
   if (isUndefined3(unit)) return rateValue;
@@ -2093,7 +2128,7 @@ var toBlocksPerSecond = /* @__PURE__ */ __name((rateValue, unit) => {
     days: 86400,
     weeks: 604800
   };
-  return rateValue * (isDefined11(conversions[unit]) ? conversions[unit] : 1);
+  return rateValue * (isDefined12(conversions[unit]) ? conversions[unit] : 1);
 }, "toBlocksPerSecond");
 var toBlocksPerMinute = /* @__PURE__ */ __name((rateValue, unit) => {
   if (isUndefined3(unit)) return rateValue;
@@ -2105,7 +2140,7 @@ var toBlocksPerMinute = /* @__PURE__ */ __name((rateValue, unit) => {
     days: 1 / 1440,
     weeks: 1 / 10080
   };
-  return rateValue * (isDefined11(conversions[unit]) ? conversions[unit] : 1);
+  return rateValue * (isDefined12(conversions[unit]) ? conversions[unit] : 1);
 }, "toBlocksPerMinute");
 var toBlocksPerHour = /* @__PURE__ */ __name((rateValue, unit) => {
   if (isUndefined3(unit)) return rateValue;
@@ -2117,7 +2152,7 @@ var toBlocksPerHour = /* @__PURE__ */ __name((rateValue, unit) => {
     days: 1 / 24,
     weeks: 1 / 168
   };
-  return rateValue * (isDefined11(conversions[unit]) ? conversions[unit] : 1);
+  return rateValue * (isDefined12(conversions[unit]) ? conversions[unit] : 1);
 }, "toBlocksPerHour");
 var toBlocksPerDay = /* @__PURE__ */ __name((rateValue, unit) => {
   if (isUndefined3(unit)) return rateValue;
@@ -2129,7 +2164,7 @@ var toBlocksPerDay = /* @__PURE__ */ __name((rateValue, unit) => {
     days: 1,
     weeks: 1 / 7
   };
-  return rateValue * (isDefined11(conversions[unit]) ? conversions[unit] : 1);
+  return rateValue * (isDefined12(conversions[unit]) ? conversions[unit] : 1);
 }, "toBlocksPerDay");
 var toBlocksPerWeek = /* @__PURE__ */ __name((rateValue, unit) => {
   if (isUndefined3(unit)) return rateValue;
@@ -2141,7 +2176,7 @@ var toBlocksPerWeek = /* @__PURE__ */ __name((rateValue, unit) => {
     days: 7,
     weeks: 1
   };
-  return rateValue * (isDefined11(conversions[unit]) ? conversions[unit] : 1);
+  return rateValue * (isDefined12(conversions[unit]) ? conversions[unit] : 1);
 }, "toBlocksPerWeek");
 var BlockRateConversions = {
   millis: toBlocksPerMillisecond,
@@ -2153,13 +2188,13 @@ var BlockRateConversions = {
 };
 
 // src/components/rate/gauge/Pointer.tsx
-import { useTheme as useTheme3 } from "@mui/material";
+import { useTheme as useTheme2 } from "@mui/material";
 import { useGaugeState } from "@mui/x-charts/Gauge";
-import { isDefined as isDefined12 } from "@xylabs/sdk-js";
+import { isDefined as isDefined13 } from "@xylabs/sdk-js";
 import { useEffect as useEffect4, useState as useState19 } from "react";
 var GaugePointer = /* @__PURE__ */ __name(({ pointerColor, startAngle = 0 }) => {
-  const theme = useTheme3();
-  const strokeColor = isDefined12(pointerColor) ? pointerColor : theme.palette.error.dark;
+  const theme = useTheme2();
+  const strokeColor = isDefined13(pointerColor) ? pointerColor : theme.palette.error.dark;
   const { valueAngle, outerRadius, cx, cy } = useGaugeState();
   const [currentAngle, setCurrentAngle] = useState19(startAngle);
   useEffect4(() => {
@@ -2206,13 +2241,13 @@ var GaugePointer = /* @__PURE__ */ __name(({ pointerColor, startAngle = 0 }) =>
 }, "GaugePointer");
 
 // src/components/rate/gauge/Ticks.tsx
-import { useTheme as useTheme4 } from "@mui/material";
+import { useTheme as useTheme3 } from "@mui/material";
 import { useGaugeState as useGaugeState2 } from "@mui/x-charts/Gauge";
-import { isDefined as isDefined13 } from "@xylabs/sdk-js";
+import { isDefined as isDefined14 } from "@xylabs/sdk-js";
 var GaugeTicks = /* @__PURE__ */ __name(({ numTicks = 11, minorTicksPerMajor = 4, majorTickLength = 0.2, minorTickLength = 0.15, majorTickWidth = 2, minorTickWidth = 1, tickColor }) => {
-  const theme = useTheme4();
+  const theme = useTheme3();
   const { startAngle, endAngle, outerRadius, cx, cy } = useGaugeState2();
-  const color = isDefined13(tickColor) ? tickColor : theme.vars.palette.text.secondary;
+  const color = isDefined14(tickColor) ? tickColor : theme.vars.palette.text.secondary;
   if (startAngle === null || endAngle === null) {
     return null;
   }
@@ -2290,9 +2325,9 @@ var BlockRateSpeedGaugeContainer = /* @__PURE__ */ __name(({ blockRate, children
 
 // src/components/rate/gauge/WithLabel.tsx
 import { FlexCol as FlexCol8 } from "@xylabs/react-flexbox";
-import { isDefined as isDefined14 } from "@xylabs/sdk-js";
+import { isDefined as isDefined15 } from "@xylabs/sdk-js";
 var BlockRateSpeedGaugeWithLabel = /* @__PURE__ */ __name(({ blockRate, ...props }) => {
-  const rateUnitLabel = isDefined14(blockRate?.rate) ? rateUnitToLabel(blockRate?.timeUnit) : "";
+  const rateUnitLabel = isDefined15(blockRate?.rate) ? rateUnitToLabel(blockRate?.timeUnit) : "";
   return /* @__PURE__ */ React.createElement(FlexCol8, null, /* @__PURE__ */ React.createElement(BlockRateSpeedGaugeContainer, {
     blockRate,
     ...props
@@ -2496,6 +2531,7 @@ export {
   useBlockProducer,
   useChainIteratorParams,
   useChainPagination,
+  useLinkedBalanceHistoryItem,
   useOnBlock,
   usePagedAccountBalanceHistory,
   usePayloadCountsFromBlock,