@xyo-network/react-chain-blockchain 1.16.15 → 1.16.17

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

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

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

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

package/dist/browser/components/account/hooks/usePagedAccountBalanceHistory.d.ts

@@ -0,0 +1,11 @@
+import type { Address } from '@xylabs/sdk-js';
+import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider';
+import type { XyoViewer } from '@xyo-network/xl1-protocol-sdk';
+export declare const usePagedAccountBalanceHistory: (address?: Address, viewer?: XyoViewer, maxPage?: number) => {
+    pagedHistory: AccountBalanceHistoryItemFormatted[] | undefined;
+    historyComplete: boolean;
+    updateRange: () => void;
+    error: Error | undefined;
+    loading: import("@xylabs/react-promise").UsePromiseState | undefined;
+};
+//# sourceMappingURL=usePagedAccountBalanceHistory.d.ts.map

package/dist/browser/components/account/hooks/usePagedAccountBalanceHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagedAccountBalanceHistory.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/hooks/usePagedAccountBalanceHistory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAG3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAK9D,eAAO,MAAM,6BAA6B,GAAI,UAAU,OAAO,EAAE,SAAS,SAAS,EAAE,gBAAW;;;;;;CAiC/F,CAAA"}

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

@@ -1,4 +1,5 @@
 export * from './BalanceHistoryFlexbox.tsx';
 export * from './helpers/index.ts';
+export * from './hooks/index.ts';
 export * from './table/index.ts';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/account/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/account/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/account/table/BalanceHistoryTableEx.stories.d.ts

@@ -3,5 +3,6 @@ declare const _default: Meta;
 export default _default;
 declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryTableEx.tsx").AccountBalanceHistoryTableExProps>;
 declare const WithLinked: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryTableEx.tsx").AccountBalanceHistoryTableExProps>;
-export { Default, WithLinked };
+declare const WithPaged: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryTableEx.tsx").AccountBalanceHistoryTableExProps>;
+export { Default, WithLinked, WithPaged, };
 //# sourceMappingURL=BalanceHistoryTableEx.stories.d.ts.map

package/dist/browser/components/account/table/BalanceHistoryTableEx.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BalanceHistoryTableEx.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableEx.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAcrD,IAAI;AAHT,wBAGS;AAmDT,QAAA,MAAM,OAAO,sKAAoB,CAAA;AAGjC,QAAA,MAAM,UAAU,sKAA0B,CAAA;AAG1C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"BalanceHistoryTableEx.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableEx.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAiBrD,IAAI;AAHT,wBAGS;AA0ET,QAAA,MAAM,OAAO,sKAAoB,CAAA;AAGjC,QAAA,MAAM,UAAU,sKAA0B,CAAA;AAG1C,QAAA,MAAM,SAAS,sKAAyB,CAAA;AAGxC,OAAO,EACL,OAAO,EAAE,UAAU,EAAE,SAAS,GAC/B,CAAA"}

package/dist/browser/index.mjs

@@ -1575,6 +1575,52 @@ var AccountBalanceHistoryFlexBox = /* @__PURE__ */ __name(({ address, refresh, v
   })) : null;
 }, "AccountBalanceHistoryFlexBox");
 
+// src/components/account/hooks/usePagedAccountBalanceHistory.ts
+import { isDefined as isDefined8 } from "@xylabs/sdk-js";
+import { useAccountBalanceHistory as useAccountBalanceHistory2 } from "@xyo-network/react-chain-provider";
+import { useCallback as useCallback2, useMemo as useMemo11, useState as useState12 } from "react";
+var usePagedAccountBalanceHistory = /* @__PURE__ */ __name((address, viewer, maxPage = 1) => {
+  const [updatedBlockRange, setUpdatedBlockRange] = useState12();
+  const [pagedHistory, setPagedHistory] = useState12();
+  const [results, error, loading] = useAccountBalanceHistory2(address, viewer, maxPage, updatedBlockRange);
+  const { history, truncated } = results || {};
+  useMemo11(() => {
+    if (isDefined8(history)) {
+      setPagedHistory((pagedHistory2) => {
+        return [
+          ...pagedHistory2 ?? [],
+          ...history
+        ];
+      });
+    }
+  }, [
+    history
+  ]);
+  const firstBlock = isDefined8(history) ? history.at(0)?.blockNumber : void 0;
+  const lastBlock = isDefined8(history) ? history.at(-1)?.blockNumber : void 0;
+  const historyComplete = isDefined8(history) && history.length === 0;
+  const updateRange = useCallback2(() => {
+    if (isDefined8(lastBlock) && lastBlock > 0 && truncated) {
+      const newEndBlock = lastBlock - 1;
+      setUpdatedBlockRange([
+        0,
+        newEndBlock
+      ]);
+    }
+  }, [
+    firstBlock,
+    lastBlock,
+    truncated
+  ]);
+  return {
+    pagedHistory,
+    historyComplete,
+    updateRange,
+    error,
+    loading
+  };
+}, "usePagedAccountBalanceHistory");
+
 // src/components/chain/controls/PollingControlsFlexbox.tsx
 import { Autorenew, Pause } from "@mui/icons-material";
 import { Alert as Alert3, AlertTitle as AlertTitle2, Grow, Icon as Icon2, IconButton as IconButton4, Tooltip as Tooltip11 } from "@mui/material";
@@ -1584,14 +1630,14 @@ import React33, { memo } from "react";
 // src/components/chain/stats/Dialog.tsx
 import { QueryStats } from "@mui/icons-material";
 import { Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as DialogTitle3, IconButton as IconButton3 } from "@mui/material";
-import React31, { useState as useState12 } from "react";
+import React31, { useState as useState13 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 import { ListItem, styled, Typography as Typography8 } from "@mui/material";
 import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
 import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
 import { isChainSummaryProducers } from "@xyo-network/chain-analyze";
-import React30, { useMemo as useMemo11 } from "react";
+import React30, { useMemo as useMemo12 } 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";
@@ -1614,7 +1660,7 @@ var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) =
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  const [producer, producerError] = useMemo11(() => {
+  const [producer, producerError] = useMemo12(() => {
     if (payload) {
       return isChainSummaryProducers(payload) ? [
         payload
@@ -1628,7 +1674,7 @@ var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) =
   }, [
     payload
   ]);
-  const producersArray = useMemo11(() => Object.values(producer?.producers ?? {}), [
+  const producersArray = useMemo12(() => Object.values(producer?.producers ?? {}), [
     producer
   ]);
   return /* @__PURE__ */ React30.createElement(FlexCol4, {
@@ -1659,7 +1705,7 @@ var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   }) : null)) : null));
 }, "ChainAnalyzerStatsDialog");
 var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState13(false);
   const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
   return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(IconButton3, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
@@ -1841,10 +1887,10 @@ var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, pa
 }, "BlockChainPagination");
 
 // src/components/chain/pagination/hooks/usePagination.tsx
-import { useMemo as useMemo12, useState as useState13 } from "react";
+import { useMemo as useMemo13, useState as useState14 } from "react";
 var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
-  const [page, setPage] = useState13(0);
-  const paginatedBlockComponents = useMemo12(() => {
+  const [page, setPage] = useState14(0);
+  const paginatedBlockComponents = useMemo13(() => {
     const startIndex = page * pageSize;
     const endIndex = startIndex + pageSize;
     return blockComponents?.slice(startIndex, endIndex);
@@ -1902,12 +1948,12 @@ var BlockListAnimated = /* @__PURE__ */ __name(({ blockChainRenderComponents })
 
 // src/components/chain/render/static/hooks/useStaticBlockRenderComponents.ts
 import { exists } from "@xylabs/sdk-js";
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 var DEFAULT_PAGE_SIZE = 25;
 var useStaticBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
   const { maxBlocks } = blockChainRenderProps ?? {};
   const pageSize = blockChainRenderProps?.pageSize ?? DEFAULT_PAGE_SIZE;
-  const chainIteratorParams = useMemo13(() => blockChainRenderProps ?? {
+  const chainIteratorParams = useMemo14(() => blockChainRenderProps ?? {
     name: "unknown"
   }, [
     blockChainRenderProps
@@ -1958,10 +2004,10 @@ var StaticListBase = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }
 // src/components/chain/render/static/flexbox/variants/WithAnalysis.tsx
 import { isAddress } from "@xylabs/sdk-js";
 import { ChainProducersAnalyzer } from "@xyo-network/chain-analyze";
-import React38, { useMemo as useMemo14 } from "react";
+import React38, { useMemo as useMemo15 } from "react";
 var WithAnalysis = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { chainId } = blockChainRenderProps ?? {};
-  const analyzers = useMemo14(() => {
+  const analyzers = useMemo15(() => {
     if (isAddress(chainId)) {
       return {
         producers: new ChainProducersAnalyzer()
@@ -1987,9 +2033,9 @@ var StaticBlockchainRenderFlexBox = {
 // src/components/payload/builder/Flexbox.tsx
 import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
 import { JsonViewerEx as JsonViewerEx2 } from "@xyo-network/react-payload-raw-info";
-import React39, { useState as useState14 } from "react";
+import React39, { useState as useState15 } from "react";
 var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild, ...props }) => {
-  const [payload, setPayload] = useState14();
+  const [payload, setPayload] = useState15();
   const onBuildLocal = /* @__PURE__ */ __name((payload2) => {
     onBuild?.(payload2);
     setPayload(payload2);
@@ -2007,13 +2053,13 @@ var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild,
 // src/components/payload/builder/producer-intent/Form.tsx
 import { Button as Button5, FormControl as FormControl5 } from "@mui/material";
 import { createProducerChainStakeIntent } from "@xyo-network/chain-protocol";
-import React42, { useMemo as useMemo16, useState as useState17 } from "react";
+import React42, { useMemo as useMemo17, useState as useState18 } from "react";
 
 // src/components/payload/fields/BlockNumberTextField.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText2, TextField as TextField3 } from "@mui/material";
-import React40, { useState as useState15 } from "react";
+import React40, { useState as useState16 } from "react";
 var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumberChanged, onChange, ...props }) => {
-  const [blockNumber, setBlockNumber] = useState15();
+  const [blockNumber, setBlockNumber] = useState16();
   const handleChange = /* @__PURE__ */ __name((e) => {
     const value = e.target.value.replaceAll(/\D/g, "");
     setBlockNumber(value.length > 0 ? Number(value) : void 0);
@@ -2039,11 +2085,11 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
 // src/components/payload/fields/XyoAddressTextField.tsx
 import { FormControl as FormControl4, FormHelperText as FormHelperText3, TextField as TextField4 } from "@mui/material";
 import { asAddress, isAddress as isAddress2 } from "@xylabs/sdk-js";
-import React41, { useMemo as useMemo15, useState as useState16 } from "react";
+import React41, { useMemo as useMemo16, useState as useState17 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
-  const [address, setAddress] = useState16("");
-  const [addressError, setAddressError] = useState16();
-  useMemo15(() => setAddress(""), [
+  const [address, setAddress] = useState17("");
+  const [addressError, setAddressError] = useState17();
+  useMemo16(() => setAddress(""), [
     resetValue
   ]);
   const handleChange = /* @__PURE__ */ __name((event) => {
@@ -2080,11 +2126,11 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
 
 // src/components/payload/builder/producer-intent/Form.tsx
 var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [delegate, setDelegate] = useState17();
-  const [exp, setExp] = useState17();
-  const [nbf, setNbf] = useState17();
-  const [blockRangeError, setBlockRangeError] = useState17();
-  const intentPayload = useMemo16(() => {
+  const [delegate, setDelegate] = useState18();
+  const [exp, setExp] = useState18();
+  const [nbf, setNbf] = useState18();
+  const [blockRangeError, setBlockRangeError] = useState18();
+  const intentPayload = useMemo17(() => {
     if (exp !== void 0 && nbf !== void 0) {
       if (exp <= nbf) {
         setBlockRangeError(new Error("Expires must be greater than Not Before"));
@@ -2144,7 +2190,7 @@ import React45 from "react";
 import { Button as Button6, FormControl as FormControl7 } from "@mui/material";
 import { isAddress as isAddress4 } from "@xylabs/sdk-js";
 import { TransferSchema } from "@xyo-network/xl1-protocol";
-import React44, { useMemo as useMemo18, useState as useState19 } from "react";
+import React44, { useMemo as useMemo19, useState as useState20 } from "react";
 
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
@@ -2152,11 +2198,11 @@ import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 }
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { isAddress as isAddress3, toHex as toHex4 } from "@xylabs/sdk-js";
 import { BigIntInput } from "@xyo-network/react-shared";
-import React43, { useEffect as useEffect3, useMemo as useMemo17, useState as useState18 } from "react";
+import React43, { useEffect as useEffect3, useMemo as useMemo18, useState as useState19 } from "react";
 var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
-  const [toAddress3, setToAddress] = useState18();
-  const [amount, setAmount] = useState18();
-  const transferAmount = useMemo17(() => {
+  const [toAddress3, setToAddress] = useState19();
+  const [amount, setAmount] = useState19();
+  const transferAmount = useMemo18(() => {
     if (isAddress3(toAddress3) && amount !== void 0) {
       return {
         ...singleTransfer,
@@ -2200,9 +2246,9 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
 
 // src/components/payload/builder/transfer/Form.tsx
 var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [fromAddress, setFromAddress] = useState19();
-  const [transfers, setTransfers] = useState19([]);
-  const transferPayload = useMemo18(() => {
+  const [fromAddress, setFromAddress] = useState20();
+  const [transfers, setTransfers] = useState20([]);
+  const transferPayload = useMemo19(() => {
     if (isAddress4(fromAddress) && transfers.length > 0) {
       const transfersRecord = {};
       for (const transfer of transfers) {
@@ -2367,10 +2413,10 @@ import { MemoryArchivist as MemoryArchivist2 } from "@xyo-network/archivist-memo
 import { ArchivistConfigSchema as ArchivistConfigSchema2 } from "@xyo-network/archivist-model";
 import { buildRandomBlockChain as buildRandomBlockChain2 } from "@xyo-network/react-chain-shared";
 import { flattenHydratedBlock } from "@xyo-network/xl1-protocol-sdk";
-import React47, { useEffect as useEffect5, useState as useState20 } from "react";
+import React47, { useEffect as useEffect5, useState as useState21 } from "react";
 var chainArchivistRef;
 var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, context) => {
-  const [firstBlock, setFirstBlock] = useState20();
+  const [firstBlock, setFirstBlock] = useState21();
   const [randomBlockChain] = usePromise6(async () => await buildRandomBlockChain2(), []);
   const [chainArchivist] = usePromise6(async () => {
     if (chainArchivistRef) {
@@ -2431,7 +2477,7 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
 
 // src/stories/ChainInfoContextDecorator.tsx
 import { usePromise as usePromise7 } from "@xylabs/react-promise";
-import { assertEx as assertEx5, isDefined as isDefined8 } from "@xylabs/sdk-js";
+import { assertEx as assertEx5, isDefined as isDefined9 } from "@xylabs/sdk-js";
 import { ChainBlockNumberIterationService as ChainBlockNumberIterationService3 } from "@xyo-network/chain-services";
 import { findFirstMatching } from "@xyo-network/chain-utils";
 import { isBlockBoundWitness as isBlockBoundWitness3 } from "@xyo-network/xl1-protocol";
@@ -2450,7 +2496,7 @@ var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
     return await getChainArchivistFromBridge(archivistConfig);
   }, []);
   const [chainIterator] = usePromise7(async () => {
-    if (isDefined8(chainArchivist) && isDefined8(chainId)) {
+    if (isDefined9(chainArchivist) && isDefined9(chainId)) {
       const firstMatch = assertEx5(await findFirstMatching(chainArchivist), () => `No head found in archivist: ${chainArchivist.id} `);
       const head = assertEx5(isBlockBoundWitness3(firstMatch) ? firstMatch : void 0, () => `Expected a block bound witness: ${JSON.stringify(firstMatch)}`);
       const chainMap = readPayloadMapFromStore(chainArchivist);
@@ -2534,6 +2580,7 @@ export {
   useDynamicBlockComponents,
   useIterateChain,
   useOnBlock,
+  usePagedAccountBalanceHistory,
   usePayloadCountsFromBlock,
   useStaticBlockComponents,
   useTxsFromBlock