@xyo-network/react-chain-blockchain 1.2.1 → 1.2.3

package/dist/types/components/FeatureNotAvailable.d.ts

@@ -0,0 +1,6 @@
+import { type DialogProps } from '@mui/material';
+import type { FC } from 'react';
+export declare const FeatureNotAvailable: FC<DialogProps & {
+    featureName?: string;
+}>;
+//# sourceMappingURL=FeatureNotAvailable.d.ts.map

package/dist/types/components/FeatureNotAvailable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureNotAvailable.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureNotAvailable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEiC,KAAK,WAAW,EACvD,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,WAAW,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAY1E,CAAA"}

package/dist/types/components/block/table/cell/Hash.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import type { BlockTableCellProps } from './lib/index.ts';
 export interface BlockHashTableCellProps extends BlockTableCellProps {
     identiconProps?: IdenticonProps;
+    notAvailableDialog?: boolean;
 }
 export declare const BlockHashTableCell: React.FC<BlockHashTableCellProps>;
 //# sourceMappingURL=Hash.d.ts.map

package/dist/types/components/block/table/cell/Hash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hash.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Hash.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgChE,CAAA"}
+{"version":3,"file":"Hash.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Hash.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqChE,CAAA"}

package/dist/types/components/block/table/cell/JsonView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsonView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/JsonView.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB;CAAG;AAE3E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA4BxE,CAAA"}
+{"version":3,"file":"JsonView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/JsonView.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB;CAAG;AAE3E,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6BxE,CAAA"}

package/dist/types/components/block/table/cell/Producer.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { BlockProducerChipProps } from '../../ProducerChip.tsx';
 import type { BlockTableCellProps } from './lib/index.ts';
 export interface BlockProducerTableCell extends BlockTableCellProps {
+    notAvailableDialog?: boolean;
     producerChipProps?: BlockProducerChipProps;
 }
 export declare const BlockProducerTableCell: React.FC<BlockProducerTableCell>;

package/dist/types/components/block/table/cell/Producer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Producer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Producer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAGpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CAC3C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAenE,CAAA"}
+{"version":3,"file":"Producer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Producer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAGpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CAC3C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmBnE,CAAA"}

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

@@ -1,5 +1,6 @@
 export * from './block/index.ts';
 export * from './chain/index.ts';
+export * from './FeatureNotAvailable.tsx';
 export * from './payload/index.ts';
 export * from './transactions/index.ts';
 //# sourceMappingURL=index.d.ts.map

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -34,12 +34,12 @@
   "module": "dist/browser/index.mjs",
   "types": "dist/types/index.d.ts",
   "dependencies": {
-    "@xylabs/assert": "^4.8.4",
-    "@xylabs/axios": "^4.8.4",
-    "@xylabs/eth-address": "^4.8.4",
-    "@xylabs/exists": "^4.8.4",
-    "@xylabs/hex": "^4.8.4",
-    "@xylabs/promise": "^4.8.4",
+    "@xylabs/assert": "^4.8.5",
+    "@xylabs/axios": "^4.8.5",
+    "@xylabs/eth-address": "^4.8.5",
+    "@xylabs/exists": "^4.8.5",
+    "@xylabs/hex": "^4.8.5",
+    "@xylabs/promise": "^4.8.5",
     "@xylabs/react-animation": "^6.1.15",
     "@xylabs/react-error": "^6.1.15",
     "@xylabs/react-flexbox": "^6.1.15",
@@ -52,20 +52,20 @@
     "@xyo-network/boundwitness-builder": "^3.12.3",
     "@xyo-network/boundwitness-model": "^3.12.3",
     "@xyo-network/bridge-http": "^3.12.3",
-    "@xyo-network/chain-ethereum": "^1.2.1",
-    "@xyo-network/chain-protocol": "^1.2.1",
-    "@xyo-network/chain-services": "^1.2.1",
+    "@xyo-network/chain-ethereum": "^1.2.3",
+    "@xyo-network/chain-protocol": "^1.2.3",
+    "@xyo-network/chain-services": "^1.2.3",
     "@xyo-network/module-model": "^3.12.3",
     "@xyo-network/payload-builder": "^3.12.3",
     "@xyo-network/payload-model": "^3.12.3",
-    "@xyo-network/react-chain-blockies": "^1.2.1",
-    "@xyo-network/react-chain-boundwitness": "^1.2.1",
-    "@xyo-network/react-event": "^5.1.3",
-    "@xyo-network/react-payload-raw-info": "^5.1.3",
-    "@xyo-network/react-payload-table": "^5.1.3",
-    "@xyo-network/react-shared": "^5.1.3",
-    "@xyo-network/react-table": "^5.1.3",
-    "@xyo-network/xl1-model": "^1.2.1"
+    "@xyo-network/react-chain-blockies": "^1.2.3",
+    "@xyo-network/react-chain-boundwitness": "^1.2.3",
+    "@xyo-network/react-event": "^5.1.4",
+    "@xyo-network/react-payload-raw-info": "^5.1.4",
+    "@xyo-network/react-payload-table": "^5.1.4",
+    "@xyo-network/react-shared": "^5.1.4",
+    "@xyo-network/react-table": "^5.1.4",
+    "@xyo-network/xl1-model": "^1.2.3"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -74,12 +74,12 @@
     "@mui/material": "^7.0.2",
     "@storybook/react": "^8.6.12",
     "@types/react": "^19.1.1",
-    "@xylabs/delay": "^4.8.4",
-    "@xylabs/hex": "^4.8.4",
+    "@xylabs/delay": "^4.8.5",
+    "@xylabs/hex": "^4.8.5",
     "@xylabs/ts-scripts-yarn3": "^6.2.1",
     "@xylabs/tsconfig-react": "^6.2.1",
     "@xyo-network/archivist-memory": "^3.12.3",
-    "@xyo-network/chain-utils": "^1.2.1",
+    "@xyo-network/chain-utils": "^1.2.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^7.5.0",

package/src/components/FeatureNotAvailable.tsx

@@ -0,0 +1,20 @@
+import {
+  Button,
+  Dialog, DialogActions, DialogContent, type DialogProps, DialogTitle,
+} from '@mui/material'
+import type { FC } from 'react'
+import React from 'react'
+
+export const FeatureNotAvailable: FC<DialogProps & { featureName?: string }> = ({ featureName = 'Feature', ...props }) => (
+  <Dialog {...props}>
+    <DialogTitle>
+      {`${featureName} Not Available`}
+    </DialogTitle>
+    <DialogContent>This feature is not currently available.  Either you do not have access to it or it is currently undergoing maintenance.</DialogContent>
+    <DialogActions>
+      <Button onClick={e => props.onClose?.(e, 'backdropClick')}>
+        Close
+      </Button>
+    </DialogActions>
+  </Dialog>
+)

package/src/components/block/table/cell/Hash.tsx

@@ -8,19 +8,22 @@ import { Identicon } from '@xylabs/react-identicon'
 import { usePayloadHash } from '@xyo-network/react-shared'
 import React from 'react'
 
+import { FeatureNotAvailable } from '../../../FeatureNotAvailable.tsx'
 import { useLinkedBlockItem } from './hooks/index.ts'
 import type { BlockTableCellProps } from './lib/index.ts'
 
 export interface BlockHashTableCellProps extends BlockTableCellProps {
   identiconProps?: IdenticonProps
+  notAvailableDialog?: boolean
 }
 
 export const BlockHashTableCell: React.FC<BlockHashTableCellProps> = ({
-  block, identiconProps, linked, ...props
+  block, identiconProps, notAvailableDialog, linked, ...props
 }) => {
   const hash = usePayloadHash(block?.[0])
 
   const [ref, handleClick] = useLinkedBlockItem('block-hash', hash)
+  const [notAvailable, setNotAvailable] = React.useState(false)
 
   const shortenedHash = hash ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : ''
 
@@ -39,12 +42,16 @@ export const BlockHashTableCell: React.FC<BlockHashTableCellProps> = ({
                     />
                   </Avatar>
                 )}
+                sx={{ cursor: 'pointer' }}
                 label={shortenedHash}
-                onClick={linked ? handleClick : undefined}
+                onClick={linked ? handleClick : () => setNotAvailable(true)}
               />
             </Tooltip>
           )
         : null}
+      {(notAvailableDialog && notAvailable)
+        ? <FeatureNotAvailable featureName="Block Details" open={notAvailable} onClick={() => setNotAvailable(false)} />
+        : null}
     </TableCell>
   )
 }

package/src/components/block/table/cell/JsonView.tsx

@@ -5,6 +5,7 @@ import {
 } from '@mui/material'
 import { ellipsize } from '@xylabs/eth-address'
 import { FlexRow } from '@xylabs/react-flexbox'
+import { useIsDark } from '@xylabs/react-theme'
 import { JsonViewerEx } from '@xyo-network/react-payload-raw-info'
 import { usePayloadHash } from '@xyo-network/react-shared'
 import React, { useState } from 'react'
@@ -16,6 +17,7 @@ export interface BlockJsonViewTableCellProps extends BlockTableCellProps {}
 export const BlockJsonViewTableCell: React.FC<BlockJsonViewTableCellProps> = ({ block, ...props }) => {
   const [open, setOpen] = useState(false)
   const onClose = () => setOpen(false)
+  const isDark = useIsDark()
 
   const hash = usePayloadHash(block?.[0])
   const title = hash ? `JSON for ${ellipsize(hash, 5)}` : 'JSON'

package/src/components/block/table/cell/Producer.tsx

@@ -2,6 +2,7 @@ import { TableCell, Tooltip } from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
 import React from 'react'
 
+import { FeatureNotAvailable } from '../../../FeatureNotAvailable.tsx'
 import { useBlockProducer } from '../../hooks/index.ts'
 import type { BlockProducerChipProps } from '../../ProducerChip.tsx'
 import { BlockProducerChip } from '../../ProducerChip.tsx'
@@ -9,22 +10,27 @@ import { useLinkedBlockItem } from './hooks/index.ts'
 import type { BlockTableCellProps } from './lib/index.ts'
 
 export interface BlockProducerTableCell extends BlockTableCellProps {
+  notAvailableDialog?: boolean
   producerChipProps?: BlockProducerChipProps
 }
 
 export const BlockProducerTableCell: React.FC<BlockProducerTableCell> = ({
-  block, linked, producerChipProps, ...props
+  block, linked, notAvailableDialog, producerChipProps, ...props
 }) => {
   const [ref, handleClick] = useLinkedBlockItem('block-producer', JSON.stringify(block))
   const producer = useBlockProducer(block)
+  const [notAvailable, setNotAvailable] = React.useState(false)
 
   return (
     <TableCell ref={ref} {...props}>
       <Tooltip title={`Block Producer: ${producer}`}>
         <FlexRow sx={{ width: '100%' }}>
-          <BlockProducerChip onClick={linked ? handleClick : undefined} block={block} {...producerChipProps} />
+          <BlockProducerChip sx={{ cursor: 'pointer' }} onClick={linked ? handleClick : () => setNotAvailable(true)} block={block} {...producerChipProps} />
         </FlexRow>
       </Tooltip>
+      {(notAvailableDialog && notAvailable)
+        ? <FeatureNotAvailable featureName="Producer Details" open={notAvailable} onClick={() => setNotAvailable(false)} />
+        : null}
     </TableCell>
   )
 }

package/src/components/block/table/row/TableRow.tsx

@@ -20,10 +20,10 @@ export const BlockChainTableRow: React.FC<BlockChainTableRowProps> = ({
   const defaultTableCellProps = useMemo(() => ({ block }), [block])
   return (
     <TableRow sx={{ overflowY: 'scroll', ...sx }} {...props}>
-      <BlockHashTableCell {...defaultTableCellProps} />
+      <BlockHashTableCell {...linkedTableCellProps} />
       <BlockNumberTableCell {...linkedTableCellProps} />
       <BlockTransactionCountTableCell {...linkedTableCellProps} />
-      <BlockProducerTableCell {...defaultTableCellProps} />
+      <BlockProducerTableCell {...linkedTableCellProps} />
       <BlockVerificationTableCell {...defaultTableCellProps} />
       <BlockJsonViewTableCell {...defaultTableCellProps} />
     </TableRow>

package/src/components/index.ts

@@ -1,4 +1,5 @@
 export * from './block/index.ts'
 export * from './chain/index.ts'
+export * from './FeatureNotAvailable.tsx'
 export * from './payload/index.ts'
 export * from './transactions/index.ts'