Use Chain and Config types from @streamr/config

Author: mondoreale

src/components/ChainSelector.tsx

@@ -1,14 +1,14 @@
+import { Chain } from '@streamr/config'
 import React from 'react'
 import { useSearchParams } from 'react-router-dom'
 import styled from 'styled-components'
 import { SimpleDropdown, SimpleListDropdownMenu } from '~/components/SimpleDropdown'
 import { getEnvironmentConfig } from '~/getters/getEnvironmentConfig'
 import UnstyledNetworkIcon from '~/shared/components/NetworkIcon'
 import SvgIcon from '~/shared/components/SvgIcon'
-import { getSymbolicChainName, useCurrentChain } from '~/utils/chains'
 import { COLORS, LAPTOP } from '~/shared/utils/styled'
 import { StreamDraft } from '~/stores/streamDraft'
-import { Chain } from '~/types'
+import { getSymbolicChainName, useCurrentChain } from '~/utils/chains'
 
 type MenuItemProps = {
     chain: Chain

src/getters/getClientConfig.ts

@@ -17,7 +17,7 @@ export default function getClientConfig(
     if (chainConfig.entryPoints && chainConfig.entryPoints.length > 0) {
         config.network = {
             controlLayer: {
-                entryPoints: chainConfig.entryPoints,
+                entryPoints: [...chainConfig.entryPoints],
             },
         }
     }

src/pages/ProjectPage/ProjectEditorPage.tsx

@@ -1,3 +1,4 @@
+import { Chain } from '@streamr/config'
 import React, { useMemo } from 'react'
 import { useNavigate } from 'react-router-dom'
 import styled, { css } from 'styled-components'
@@ -21,18 +22,17 @@ import { deleteProject } from '~/services/projects'
 import { DetailsPageHeader } from '~/shared/components/DetailsPageHeader'
 import LoadingIndicator from '~/shared/components/LoadingIndicator'
 import useIsMounted from '~/shared/hooks/useIsMounted'
+import { ProjectType, SalePoint } from '~/shared/types'
+import { ProjectDraft } from '~/stores/projectDraft'
+import { SalePointsPayload } from '~/types/projects'
+import { formatChainName } from '~/utils'
 import {
     getChainConfig,
     getChainConfigExtension,
     useCurrentChainId,
 } from '~/utils/chains'
-import { ProjectType, SalePoint } from '~/shared/types'
-import { ProjectDraft } from '~/stores/projectDraft'
-import { Chain } from '~/types'
-import { SalePointsPayload } from '~/types/projects'
-import { formatChainName } from '~/utils'
-import { toastedOperation } from '~/utils/toastedOperation'
 import { Route as R, routeOptions } from '~/utils/routes'
+import { toastedOperation } from '~/utils/toastedOperation'
 import DataUnionFee from './DataUnionFee'
 import DataUnionPayment from './DataUnionPayment'
 import EditorHero from './EditorHero'

src/parsers/ProjectParser.ts

@@ -1,3 +1,4 @@
+import { Chain } from '@streamr/config'
 import { z } from 'zod'
 import { address0 } from '~/consts'
 import { getProjectImageUrl } from '~/getters'
@@ -9,7 +10,6 @@ import {
     timeUnitSecondsMultiplierMap,
     timeUnits,
 } from '~/shared/utils/timeUnit'
-import { Chain } from '~/types'
 import { toBigInt } from '~/utils/bn'
 import {
     getChainConfig,

src/types/index.ts

@@ -1,4 +1,3 @@
-import { config as configs } from '@streamr/config'
 import { MessageID } from '@streamr/sdk'
 import { TheGraph } from '~/shared/types'
 
@@ -42,32 +41,6 @@ export type ChainConfigKey =
     | 'minimumDelegationWei'
     | 'earlyLeaverPenaltyWei'
 
-type ContractAddressKey = typeof configs extends Record<
-    any,
-    Record<'contracts', Partial<Record<infer K, string>>>
->
-    ? K
-    : never
-
-export interface Chain {
-    name: string
-    id: number
-    theGraphUrl?: string
-    rpcEndpoints: { url: string }[]
-    contracts: Partial<Record<ContractAddressKey | (string & {}), string>>
-    entryPoints?: {
-        nodeId: string
-        websocket: {
-            host: string
-            port: number
-            tls: boolean
-        }
-    }[]
-    nativeCurrency: { symbol: string; name: string; decimals: number }
-    blockExplorerUrl?: string
-    adminPrivateKey?: string
-}
-
 export type OrderDirection = 'asc' | 'desc'
 
 export interface DataPoint {

src/utils/chains.ts

@@ -1,14 +1,13 @@
-import { config as configs } from '@streamr/config'
+import { Chain, Config, config as configs } from '@streamr/config'
 import { produce } from 'immer'
 import { useMemo } from 'react'
 import { useSearchParams } from 'react-router-dom'
+import { ethereumNetworks } from '~/shared/utils/constants'
 import {
     ChainConfigExtension,
     fallbackChainConfigExtension,
     parsedChainConfigExtension,
 } from '~/utils/chainConfigExtension'
-import { Chain } from '~/types'
-import { ethereumNetworks } from '~/shared/utils/constants'
 import formatConfigUrl from './formatConfigUrl'
 
 function getPreferredChainName(chainName: string) {

src/utils/contracts.ts

@@ -97,8 +97,6 @@ export function getContractAddress(
                 return contracts.SponsorshipStakeWeightedAllocationPolicy
             case 'sponsorshipVoteKickPolicy':
                 return contracts.SponsorshipVoteKickPolicy
-            case 'sponsorshipPaymentToken':
-                return contracts.SponsorshipPaymentToken
             case 'streamRegistry':
                 return contracts.StreamRegistry
             case 'streamStorage':