@xyo-network/react-chain-provider 1.16.9 → 1.16.11

package/src/hooks/viewer/UseStepRewardWeightTest.stories.tsx

@@ -6,8 +6,8 @@ import type { StoryFn } from '@storybook/react-vite'
 import { ButtonEx } from '@xylabs/react-button'
 import {
   isDefined, isDefinedNotNull, isUndefined,
-} from '@xylabs/typeof'
-import { LocalNetwork } from '@xyo-network/chain-network-model'
+} from '@xylabs/sdk-js'
+import { LocalNetwork } from '@xyo-network/xl1-network-model'
 import {
   asXL1BlockNumber, XL1Amount, XL1Places,
 } from '@xyo-network/xl1-protocol'

package/src/hooks/viewer/useCheckRpc.ts

@@ -1,6 +1,7 @@
-import { delay } from '@xylabs/delay'
-import { isDefined, isUndefined } from '@xylabs/typeof'
-import { LocalNetwork, SequenceNetwork } from '@xyo-network/chain-network-model'
+import {
+  delay, isDefined, isUndefined,
+} from '@xylabs/sdk-js'
+import { LocalNetwork, SequenceNetwork } from '@xyo-network/xl1-network-model'
 import {
   HttpRpcTransport, JsonRpcNetworkStakeViewer, JsonRpcXyoViewer, NetworkStakeViewerRpcSchemas, XyoViewerRpcSchemas,
 } from '@xyo-network/xl1-rpc'

package/src/hooks/viewer/useHttpRpcViewer.stories.tsx

@@ -2,9 +2,9 @@ import {
   Alert, Button, Stack,
 } from '@mui/material'
 import type { Meta, StoryFn } from '@storybook/react-vite'
-import { isDefined } from '@xylabs/typeof'
-import { SequenceNetwork } from '@xyo-network/chain-network-model'
+import { isDefined } from '@xylabs/sdk-js'
 import { isXyoGlobal } from '@xyo-network/react-chain-model'
+import { SequenceNetwork } from '@xyo-network/xl1-network-model'
 import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import React, { useState } from 'react'
 

package/src/hooks/viewer/useHttpRpcViewer.ts

@@ -1,4 +1,4 @@
-import { isUndefined } from '@xylabs/typeof'
+import { isUndefined } from '@xylabs/sdk-js'
 import {
   HttpRpcTransport, JsonRpcNetworkStakeViewer, JsonRpcXyoViewer, NetworkStakeViewerRpcSchemas, XyoViewerRpcSchemas,
 } from '@xyo-network/xl1-rpc'

package/src/hooks/viewer/useViewerFromWallet.stories.tsx

@@ -1,9 +1,9 @@
 import { Alert, Stack } from '@mui/material'
 import type { StoryFn } from '@storybook/react-vite'
 import { ButtonEx } from '@xylabs/react-button'
-import { isDefined, isDefinedNotNull } from '@xylabs/typeof'
-import { MainNetwork } from '@xyo-network/chain-network-model'
+import { isDefined, isDefinedNotNull } from '@xylabs/sdk-js'
 import { isXyoGlobal } from '@xyo-network/react-chain-model'
+import { MainNetwork } from '@xyo-network/xl1-network-model'
 import type { HydratedBlock } from '@xyo-network/xl1-protocol'
 import React, { useState } from 'react'
 

package/src/hooks/viewer/useViewerFromWallet.ts

@@ -1,7 +1,7 @@
 import { usePromise } from '@xylabs/react-promise'
 import {
   isDefined, isDefinedNotNull, isNull,
-} from '@xylabs/typeof'
+} from '@xylabs/sdk-js'
 import type { GatewayName } from '@xyo-network/xl1-protocol'
 
 import { useGateway } from '../client/index.ts'

package/src/index.ts

@@ -1,4 +1,3 @@
 export * from './components/index.ts'
 export * from './hooks/index.ts'
 export * from './lib/index.ts'
-export * from './types/index.ts'

package/src/lib/balanceForRange.ts

@@ -1,5 +1,7 @@
-import type { Address } from '@xylabs/hex'
-import { hexToBigInt, toHex } from '@xylabs/hex'
+import type { Address } from '@xylabs/sdk-js'
+import {
+  hexToBigInt, isHex, toHex,
+} from '@xylabs/sdk-js'
 import type { AttoXL1 } from '@xyo-network/xl1-protocol'
 import type { AccountBalanceHistoryItem } from '@xyo-network/xl1-protocol-sdk'
 
@@ -9,7 +11,7 @@ export const balanceForRange = (address: Address, results: AccountBalanceHistory
   }, 0n)
   // eslint-disable-next-line unicorn/no-array-reduce
   const totalSentBalance = results?.reduce((a, [_block, _tx, transfer]) => {
-    return (transfer.from === address) ? a + Object.values(transfer.transfers).reduce((a, v) => a + (v ? hexToBigInt(v) : 0n), 0n) : a
+    return (transfer.from === address) ? a + Object.values(transfer.transfers).reduce((a, v) => a + (isHex(v) ? hexToBigInt(v) : 0n), 0n) : a
   }, 0n)
   return [totalReceivedBalance, totalSentBalance] as [AttoXL1, AttoXL1]
 }

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

@@ -1,11 +0,0 @@
-import { type Address } from '@xylabs/hex';
-import type { FlexBoxProps } from '@xylabs/react-flexbox';
-import type { XyoViewer } from '@xyo-network/xl1-protocol-sdk';
-import React from 'react';
-export interface AccountBalanceHistoryFlexBoxProps extends FlexBoxProps {
-    address?: Address;
-    refresh?: number;
-    viewer?: XyoViewer;
-}
-export declare const AccountBalanceHistoryFlexBox: React.FC<AccountBalanceHistoryFlexBoxProps>;
-//# sourceMappingURL=BalanceHistoryFlexbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BalanceHistoryFlexbox.d.ts","sourceRoot":"","sources":["../../../../src/components/account/BalanceHistoryFlexbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,iCAAkC,SAAQ,YAAY;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CA6CpF,CAAA"}

package/dist/browser/components/account/BalanceHistoryFlexbox.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta } from '@storybook/react-vite';
-declare const _default: Meta;
-export default _default;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryFlexbox.tsx").AccountBalanceHistoryFlexBoxProps>;
-export { Default };
-//# sourceMappingURL=BalanceHistoryFlexbox.stories.d.ts.map

package/dist/browser/components/account/BalanceHistoryFlexbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BalanceHistoryFlexbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/account/BalanceHistoryFlexbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAWrD,IAAI;AAHT,wBAGS;AAOT,QAAA,MAAM,OAAO,sKAAoB,CAAA;AAMjC,OAAO,EAAE,OAAO,EAAE,CAAA"}

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

@@ -1,8 +0,0 @@
-import type { TableProps } from '@mui/material';
-import React from 'react';
-import type { AccountBalanceHistoryItemRow } from '../../types/index.ts';
-export interface AccountBalanceHistoryTableProps extends TableProps {
-    history?: AccountBalanceHistoryItemRow[];
-}
-export declare const AccountBalanceHistoryTable: React.FC<AccountBalanceHistoryTableProps>;
-//# sourceMappingURL=BalanceHistoryTable.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BalanceHistoryTable.d.ts","sourceRoot":"","sources":["../../../../src/components/account/BalanceHistoryTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAY/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAA;AAGxE,MAAM,WAAW,+BAAgC,SAAQ,UAAU;IACjE,OAAO,CAAC,EAAE,4BAA4B,EAAE,CAAA;CACzC;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAwDhF,CAAA"}

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

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

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

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

package/dist/browser/hooks/useAccountBalanceHistory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccountBalanceHistory.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAccountBalanceHistory.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EAEb,MAAM,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAGzF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAA;AAErE,eAAO,MAAM,2BAA2B,GAAI,SAAS,OAAO,EAAE,SAAS,yBAAyB,EAAE,KAAG,4BAA4B,EAiChI,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,UAAU,OAAO,EAAE,SAAS,SAAS,EAAE,UAAU,MAAM;;;;8FAqC/F,CAAA"}

package/dist/browser/types/account/BalanceHistoryItemRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BalanceHistoryItemRow.d.ts","sourceRoot":"","sources":["../../../../src/types/account/BalanceHistoryItemRow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAE9E,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,yBAAyB,CAAA;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,OAAO,CAAA;IACX,MAAM,EAAE,IAAI,GAAG,SAAS,CAAA;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB"}

package/dist/browser/types/account/Table.d.ts

@@ -1,7 +0,0 @@
-import type { AccountBalanceHistoryItemRow } from './BalanceHistoryItemRow.ts';
-export type TableHeadingLabels = 'Tx Hash' | 'BlockNumber' | 'Timestamp' | 'From' | 'To' | 'Amount' | 'Debug';
-export type TableHeadings = {
-    [key in keyof AccountBalanceHistoryItemRow]: TableHeadingLabels;
-};
-export declare const TableHeadingLabels: TableHeadingLabels[];
-//# sourceMappingURL=Table.d.ts.map

package/dist/browser/types/account/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/types/account/Table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAA;AAE9E,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC7G,MAAM,MAAM,aAAa,GAAG;KAAG,GAAG,IAAI,MAAM,4BAA4B,GAAG,kBAAkB;CAAE,CAAA;AAE/F,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAQzC,CAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/account/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,YAAY,CAAA"}

package/dist/browser/types/index.d.ts

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

package/dist/browser/types/index.d.ts.map

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

package/src/components/account/BalanceHistoryFlexbox.stories.tsx

@@ -1,25 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import type { Address } from '@xylabs/hex'
-import { LocalNetwork } from '@xyo-network/chain-network-model'
-import React from 'react'
-
-import { useHttpRpcViewer } from '../../hooks/index.ts'
-import { AccountBalanceHistoryFlexBox } from './BalanceHistoryFlexbox.tsx'
-
-export default {
-  title: 'Provider/Components/Account/BalanceHistoryFlexBox',
-  component: AccountBalanceHistoryFlexBox,
-} as Meta
-
-const Template: StoryFn<typeof AccountBalanceHistoryFlexBox> = (args) => {
-  const viewer = useHttpRpcViewer(LocalNetwork.url)
-  return <AccountBalanceHistoryFlexBox viewer={viewer} {...args} />
-}
-
-const Default = Template.bind({})
-Default.args = {
-  address: '2b1a21d8c90e658d8bf1e2aad31c8dc892c353c1' as Address,
-  refresh: 0,
-}
-
-export { Default }

package/src/components/account/BalanceHistoryFlexbox.tsx

@@ -1,65 +0,0 @@
-import { Typography } from '@mui/material'
-import { type Address } from '@xylabs/hex'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { isDefined } from '@xylabs/typeof'
-import { ErrorRender } from '@xyo-network/react-error'
-import { AttoXL1, XL1Amount } from '@xyo-network/xl1-protocol'
-import type { XyoViewer } from '@xyo-network/xl1-protocol-sdk'
-import React from 'react'
-
-import { useAccountBalanceHistory } from '../../hooks/index.ts'
-import { AccountBalanceHistoryTable } from './BalanceHistoryTable.tsx'
-
-export interface AccountBalanceHistoryFlexBoxProps extends FlexBoxProps {
-  address?: Address
-  refresh?: number
-  viewer?: XyoViewer
-}
-
-export const AccountBalanceHistoryFlexBox: React.FC<AccountBalanceHistoryFlexBoxProps> = ({
-  address, refresh, viewer, ...props
-}) => {
-  const [results, error] = useAccountBalanceHistory(address, viewer, refresh)
-  const {
-    history, balance, truncated,
-  } = results || { balance: [AttoXL1(0n), AttoXL1(0n)], history: undefined }
-
-  const formatBalance = (balance: bigint) => {
-    const xl1Amount = new XL1Amount(balance)
-    return xl1Amount.toString(undefined, {
-      places: 18, maxDecimal: 12, maxCharacters: 12, minDecimals: 1, locale: navigator.language,
-    })
-  }
-
-  const formatBalanceMagnitude = (set: [AttoXL1, AttoXL1]) => {
-    const [received, sent] = set
-    const netBalance = received - sent
-    return netBalance < 0n ? `-${formatBalance(sent - received)}` : formatBalance(netBalance)
-  }
-
-  return isDefined(history) && isDefined(address)
-    ? (
-        <FlexCol {...props}>
-          <ErrorRender error={error} scope="AccountBalanceHistoryTable" />
-          <Typography variant="h6" gutterBottom>
-            {formatBalanceMagnitude(balance)}
-          </Typography>
-          {truncated
-            ? (
-                <Typography variant="caption" gutterBottom>
-                  Ranged Balance from
-                  {' '}
-                  {history.at(-1)!.blockNumber}
-                  {' '}
-                  -
-                  {' '}
-                  {history[0].blockNumber}
-                </Typography>
-              )
-            : null}
-          <AccountBalanceHistoryTable history={history} />
-        </FlexCol>
-      )
-    : null
-}

package/src/components/account/BalanceHistoryTable.tsx

@@ -1,78 +0,0 @@
-import type { TableProps } from '@mui/material'
-import {
-  Table, TableBody, TableCell, TableHead, TableRow,
-  Tooltip,
-} from '@mui/material'
-import { isDefined } from '@xylabs/typeof'
-import {
-  BlockAddressChip, BlockEpochTableCellInner, BlockNumberTableCellInner,
-} from '@xyo-network/react-chain-blockchain'
-import { RawInfoIconButton } from '@xyo-network/react-payload-raw-info'
-import { XL1Amount } from '@xyo-network/xl1-protocol'
-import type { JsonValue } from '@xyo-network/xl1-rpc'
-import React from 'react'
-
-import type { AccountBalanceHistoryItemRow } from '../../types/index.ts'
-import { TableHeadingLabels } from '../../types/index.ts'
-
-export interface AccountBalanceHistoryTableProps extends TableProps {
-  history?: AccountBalanceHistoryItemRow[]
-}
-
-export const AccountBalanceHistoryTable: React.FC<AccountBalanceHistoryTableProps> = ({ history, ...props }) => {
-  const formatAmount = (amount?: bigint) => {
-    if (!isDefined(amount)) {
-      return 'N/A'
-    }
-    const xl1Amount = new XL1Amount(amount)
-    return xl1Amount.toString(undefined, {
-      places: 18, maxDecimal: 12, maxCharacters: 12, minDecimals: 1, locale: navigator.language,
-    })
-  }
-
-  return isDefined(history)
-    ? (
-        <Table {...props}>
-          <TableHead>
-            <TableRow>
-              {TableHeadingLabels.map(heading => (
-                <TableCell key={heading}>{heading}</TableCell>
-              ))}
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {history?.map(({
-              amount, blockNumber, debug, from, key, timestamp, to, type, txHash,
-            }) => (
-              <TableRow key={key}>
-                <TableCell>{txHash || 'N/A'}</TableCell>
-                <BlockNumberTableCellInner blockNumber={blockNumber} />
-                <BlockEpochTableCellInner epoch={timestamp} />
-                <TableCell>
-                  <Tooltip title={`From Address: ${from}`}>
-                    <BlockAddressChip address={from} toolTipTitle={`From: ${from}`} />
-                  </Tooltip>
-                </TableCell>
-                <TableCell>
-                  <Tooltip title={`To Address: ${to}`}>
-                    <BlockAddressChip address={to} toolTipTitle={`To: ${to}`} />
-                  </Tooltip>
-                </TableCell>
-                <TableCell>
-                  <Tooltip title={`Raw Amount: ${amount}`}>
-                    <span>
-                      {type === 'send' ? '-' : ''}
-                      {formatAmount(amount)}
-                    </span>
-                  </Tooltip>
-                </TableCell>
-                <TableCell>
-                  <RawInfoIconButton rawValue={debug as JsonValue} />
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      )
-    : null
-}

package/src/components/account/index.ts

@@ -1,2 +0,0 @@
-export * from './BalanceHistoryFlexbox.tsx'
-export * from './BalanceHistoryTable.tsx'

package/src/types/account/Table.ts

@@ -1,14 +0,0 @@
-import type { AccountBalanceHistoryItemRow } from './BalanceHistoryItemRow.ts'
-
-export type TableHeadingLabels = 'Tx Hash' | 'BlockNumber' | 'Timestamp' | 'From' | 'To' | 'Amount' | 'Debug'
-export type TableHeadings = { [key in keyof AccountBalanceHistoryItemRow]: TableHeadingLabels }
-
-export const TableHeadingLabels: TableHeadingLabels[] = [
-  'Tx Hash',
-  'BlockNumber',
-  'Timestamp',
-  'From',
-  'To',
-  'Amount',
-  'Debug',
-] as const

package/src/types/account/index.ts

@@ -1,2 +0,0 @@
-export * from './BalanceHistoryItemRow.ts'
-export * from './Table.ts'

package/src/types/index.ts

@@ -1 +0,0 @@
-export * from './account/index.ts'