fixes10

Author: isstuev

configs/envs/.env.zetachain

@@ -61,5 +61,5 @@ NEXT_PUBLIC_VIEWS_TOKEN_SCAM_TOGGLE_ENABLED=true
 NEXT_PUBLIC_VISUALIZE_API_HOST=https://visualizer.services.blockscout.com
 NEXT_PUBLIC_ZETACHAIN_SERVICE_API_HOST=https://zetachain-cctx-mainnet.k8s-prod-2.blockscout.com
 NEXT_PUBLIC_ZETACHAIN_SERVICE_CHAINS_CONFIG_URL=https://raw.githubusercontent.com/blockscout/frontend-configs/refs/heads/main/configs/cross-chain/zetachain-mainnet.json
-NEXT_PUBLIC_ZETACHAIN_COSMOS_TX_URL_TEMPLATE=https://www.mintscan.io/cosmos/tx/{hash}
-NEXT_PUBLIC_ZETACHAIN_COSMOS_ADDRESS_URL_TEMPLATE=https://www.mintscan.io/cosmos/address/{hash}
+NEXT_PUBLIC_ZETACHAIN_COSMOS_TX_URL_TEMPLATE=https://zetachain.exploreme.pro/transactions/{hash}
+NEXT_PUBLIC_ZETACHAIN_COSMOS_ADDRESS_URL_TEMPLATE=https://zetachain.exploreme.pro/account/{hash}

configs/envs/.env.zetachain_testnet

@@ -51,6 +51,6 @@ NEXT_PUBLIC_VIEWS_TOKEN_SCAM_TOGGLE_ENABLED=true
 NEXT_PUBLIC_VISUALIZE_API_HOST=https://visualizer.services.blockscout.com
 NEXT_PUBLIC_ZETACHAIN_SERVICE_API_HOST=https://zetachain-cctx-testnet.k8s-prod-1.blockscout.com
 NEXT_PUBLIC_ZETACHAIN_SERVICE_CHAINS_CONFIG_URL=https://raw.githubusercontent.com/blockscout/frontend-configs/refs/heads/main/configs/cross-chain/zetachain-testnet.json
-NEXT_PUBLIC_ZETACHAIN_COSMOS_TX_URL_TEMPLATE=https://www.mintscan.io/cosmos/tx/{hash}
-NEXT_PUBLIC_ZETACHAIN_COSMOS_ADDRESS_URL_TEMPLATE=https://www.mintscan.io/cosmos/address/{hash}
+NEXT_PUBLIC_ZETACHAIN_COSMOS_TX_URL_TEMPLATE=https://testnet.zetachain.exploreme.pro/transactions/{hash}
+NEXT_PUBLIC_ZETACHAIN_COSMOS_ADDRESS_URL_TEMPLATE=https://testnet.zetachain.exploreme.pro/account/{hash}
 NEXT_PUBLIC_DATA_AVAILABILITY_ENABLED=true

deploy/tools/envs-validator/schema.ts

@@ -49,7 +49,7 @@ import type { TxExternalTxsConfig } from '../../../types/client/externalTxsConfi
 import { replaceQuotes } from '../../../configs/app/utils';
 import * as regexp from '../../../toolkit/utils/regexp';
 import type { IconName } from '../../../ui/shared/IconSvg';
-import type { ChainInfo } from '../../../types/client/chainInfo';
+import type { CrossChainInfo } from '../../../types/client/crossChainInfo';
 
 const protocols = [ 'http', 'https' ];
 
@@ -628,11 +628,11 @@ const multichainProviderConfigSchema: yup.ObjectSchema<MultichainProviderConfig>
   dapp_id: yup.string(),
 });
 
-const zetaChainCCTXConfigSchema: yup.ObjectSchema<ChainInfo> = yup.object({
+const zetaChainCCTXConfigSchema: yup.ObjectSchema<CrossChainInfo> = yup.object({
   chain_id: yup.number().required(),
   chain_name: yup.string().required(),
   chain_logo: yup.string(),
-  instance_url: yup.string(),
+  instance_url: yup.string().test(urlTest),
   address_url_template: yup.string(),
   tx_url_template: yup.string(),
 });

docs/ENVS.md

@@ -958,14 +958,14 @@ This feature allows to display widgets on the address page with data from 3rd pa
 
 ### ZetaChain cross-chain transactions
 
-This feature enables cross-chain transactions pages and views on zetaChain instances
+This feature enables cross-chain transactions pages and views on ZetaChain instances
 
 | Variable | Type| Description | Compulsoriness  | Default value | Example value | Version |
 | --- | --- | --- | --- | --- | --- | --- |
-| NEXT_PUBLIC_ZETACHAIN_SERVICE_API_HOST | `string` | ZetaChain cross-chain transactions service API endpoint url | - | - | `https://zetachain-cctx.services.blockscout.com` | v2.3.0+ |
-| NEXT_PUBLIC_ZETACHAIN_SERVICE_CHAINS_CONFIG_URL | `string` | URL of configuration file (`.json` format only) which contains chains info for the supported chains. | - | - | `https://example.com/zetachain_chains_config.json` | v2.3.0+ |
-| NEXT_PUBLIC_ZETACHAIN_COSMOS_TX_URL_TEMPLATE | `string` | URL template to redirect cosmos tx search. | - | - | `https://example.com/cosmos/tx/{hash}` | v2.3.0+ |
-| NEXT_PUBLIC_ZETACHAIN_COSMOS_ADDRESS_URL_TEMPLATE | `string` URL template to redirect cosmos address search. | - | - | `https://example.com/cosmos/address/{hash}` | v2.3.0+ |
+| NEXT_PUBLIC_ZETACHAIN_SERVICE_API_HOST | `string` | ZetaChain cross-chain transactions service API endpoint url | - | - | `https://zetachain-cctx.services.blockscout.com` | v2.3.2+ |
+| NEXT_PUBLIC_ZETACHAIN_SERVICE_CHAINS_CONFIG_URL | `string` | URL of configuration file (`.json` format only) which contains chains info for the supported chains. | - | - | `https://example.com/zetachain_chains_config.json` | v2.3.2+ |
+| NEXT_PUBLIC_ZETACHAIN_COSMOS_TX_URL_TEMPLATE | `string` | URL template to redirect cosmos tx search. | - | - | `https://example.com/cosmos/tx/{hash}` | v2.3.2+ |
+| NEXT_PUBLIC_ZETACHAIN_COSMOS_ADDRESS_URL_TEMPLATE | `string` URL template to redirect cosmos address search. | - | - | `https://example.com/cosmos/address/{hash}` | v2.3.2+ |
 
 
 #### ZetaChain supported cain configuration properties

icons/interop_slim.svg

@@ -1,5 +1,6 @@
 import type { ApiResource } from '../types';
-import type { ZetaChainCCTXFilterParams, ZetaChainCCTXListResponse, ZetaChainCCTXResponse, ZetaChainTokensResponse } from 'types/api/zetaChain';
+import type * as zetaChainCCTXType from '@blockscout/zetachain-cctx-types';
+import type { ZetaChainCCTXFilterParams } from 'types/client/zetaChain';
 
 export const ZETA_CHAIN_API_RESOURCES = {
   transactions: {
@@ -33,9 +34,9 @@ export type ZetaChainApiResourceName = `zetachain:${ keyof typeof ZETA_CHAIN_API
 
 /* eslint-disable @stylistic/indent */
 export type ZetaChainApiResourcePayload<R extends ZetaChainApiResourceName> =
-R extends 'zetachain:transactions' ? ZetaChainCCTXListResponse :
-R extends 'zetachain:transaction' ? ZetaChainCCTXResponse :
-R extends 'zetachain:tokens' ? ZetaChainTokensResponse :
+R extends 'zetachain:transactions' ? zetaChainCCTXType.ListCctxsResponse :
+R extends 'zetachain:transaction' ? zetaChainCCTXType.CrossChainTx :
+R extends 'zetachain:tokens' ? zetaChainCCTXType.Tokens :
 never;
 /* eslint-enable @stylistic/indent */
 

lib/api/services/zetaChain.ts

@@ -23,6 +23,7 @@ export default function useNavItems(): ReturnType {
   const router = useRouter();
   const pathname = router.pathname;
   const query = router.query;
+  const tab = query.tab;
 
   return React.useMemo(() => {
     let blockchainNavItems: Array<NavItem> | Array<Array<NavItem>> = [];
@@ -45,15 +46,15 @@ export default function useNavItems(): ReturnType {
       icon: 'transactions',
       isActive:
         // sorry, but this is how it was designed
-        (pathname === '/txs' && (!config.features.zetachain.isEnabled || !query.tab || !query.tab.includes('cctx'))) ||
+        (pathname === '/txs' && (!config.features.zetachain.isEnabled || !tab || !tab.includes('cctx'))) ||
         pathname === '/tx/[hash]' ||
         pathname === '/chain/[chain-slug]/tx/[hash]',
     };
     const cctxs: NavItem | null = config.features.zetachain.isEnabled ? {
       text: 'Cross-chain transactions',
       nextRoute: { pathname: '/txs' as const, query: { tab: 'cctx' } },
       icon: 'interop',
-      isActive: pathname === '/cc/tx/[hash]' || (pathname === '/txs' && query.tab?.includes('cctx')),
+      isActive: pathname === '/cc/tx/[hash]' || (pathname === '/txs' && tab?.includes('cctx')),
     } : null;
     const operations: NavItem | null = config.features.tac.isEnabled ? {
       text: 'Operations',
@@ -358,5 +359,5 @@ export default function useNavItems(): ReturnType {
     ].filter(Boolean);
 
     return { mainNavItems, accountNavItems };
-  }, [ pathname, query ]);
+  }, [ pathname, tab ]);
 }

lib/hooks/useNavItems.tsx

@@ -1,6 +1,7 @@
 import type { Channel } from 'phoenix';
 
 import type * as multichain from '@blockscout/multichain-aggregator-types';
+import type * as zetaChainCCTXType from '@blockscout/zetachain-cctx-types';
 import type { AddressCoinBalanceHistoryItem, AddressTokensBalancesSocketMessage } from 'types/api/address';
 import type { NewArbitrumBatchSocketResponse } from 'types/api/arbitrumL2';
 import type { NewBlockSocketResponse } from 'types/api/block';
@@ -9,7 +10,6 @@ import type { RawTracesResponse } from 'types/api/rawTrace';
 import type { TokenInstanceMetadataSocketMessage } from 'types/api/token';
 import type { TokenTransfer } from 'types/api/tokenTransfer';
 import type { Transaction } from 'types/api/transaction';
-import type { ZetaChainCCTX } from 'types/api/zetaChain';
 import type { NewZkEvmBatchSocketResponse } from 'types/api/zkEvmL2';
 
 export type SocketMessageParams = SocketMessage.NewBlock |
@@ -89,6 +89,6 @@ export namespace SocketMessage {
   export type ContractVerification = SocketMessageParamsGeneric<'verification_result', SmartContractVerificationResponse>;
   export type NewZkEvmL2Batch = SocketMessageParamsGeneric<'new_zkevm_confirmed_batch', NewZkEvmBatchSocketResponse>;
   export type NewArbitrumL2Batch = SocketMessageParamsGeneric<'new_arbitrum_batch', NewArbitrumBatchSocketResponse>;
-  export type NewZetaChainCCTXs = SocketMessageParamsGeneric<'new_cctxs', Array<ZetaChainCCTX>>;
+  export type NewZetaChainCCTXs = SocketMessageParamsGeneric<'new_cctxs', Array<zetaChainCCTXType.CctxListItem>>;
   export type Unknown = SocketMessageParamsGeneric<undefined, unknown>;
 }

lib/socket/types.ts

@@ -0,0 +1,3 @@
+export default function getStatsLabelFromTitle(title: string) {
+  return title.replace(/\s*\([^)]*\)\s*$/, '');
+}

lib/stats/getStatsLabelFromTitle.ts

@@ -3,6 +3,7 @@ import { upperFirst } from 'es-toolkit';
 import type { Metadata, MetadataAttributes } from 'types/client/token';
 
 import dayjs from 'lib/date/dayjs';
+import { SECOND } from 'toolkit/utils/consts';
 
 function formatValue(value: string | number, display: string | undefined, trait: string | undefined): Pick<MetadataAttributes, 'value' | 'value_type'> {
   // https://docs.opensea.io/docs/metadata-standards#attributes
@@ -19,7 +20,7 @@ function formatValue(value: string | number, display: string | undefined, trait:
     }
     case 'date': {
       return {
-        value: dayjs(Number(value) * 1000).format('YYYY-MM-DD'),
+        value: dayjs(Number(value) * SECOND).format('YYYY-MM-DD'),
       };
     }
     default: {