[Multichain] Feat: multichain feature toggle

src/components/common/NetworkSelector/NetworkMultiSelector.tsx

@@ -12,6 +12,7 @@ import { SetNameStepFields } from '@/components/new-safe/create/steps/SetNameSte
 import { getSafeSingletonDeployments } from '@safe-global/safe-deployments'
 import { getLatestSafeVersion } from '@/utils/chains'
 import { hasCanonicalDeployment } from '@/services/contracts/deployments'
+import { hasMultiChainCreationFeatures } from '@/components/welcome/MyAccounts/utils/multiChainSafe'
 
 const NetworkMultiSelector = ({
   name,
@@ -55,12 +56,22 @@ const NetworkMultiSelector = ({
 
   const isOptionDisabled = useCallback(
     (optionNetwork: ChainInfo) => {
-      if (selectedNetworks.length === 0) return false
+      // Initially all networks are always available
+      if (selectedNetworks.length === 0) {
+        return false
+      }
+
       const firstSelectedNetwork = selectedNetworks[0]
 
       // do not allow multi chain safes for advanced setup flow.
       if (isAdvancedFlow) return optionNetwork.chainId != firstSelectedNetwork.chainId
 
+      // Check required feature toggles
+      if (!hasMultiChainCreationFeatures(optionNetwork)) {
+        return true
+      }
+
+      // Check if required deployments are available
       const optionHasCanonicalSingletonDeployment = hasCanonicalDeployment(
         getSafeSingletonDeployments({
           network: optionNetwork.chainId,

src/components/welcome/MyAccounts/utils/multiChainSafe.ts

@@ -1,4 +1,4 @@
-import { type SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
+import { type ChainInfo, type SafeOverview } from '@safe-global/safe-gateway-typescript-sdk'
 import { type SafeItem } from '../useAllSafes'
 import { type UndeployedSafesState, type UndeployedSafe, type ReplayedSafeProps } from '@/store/slices'
 import { sameAddress } from '@/utils/addresses'
@@ -8,6 +8,7 @@ import { keccak256, ethers, solidityPacked, getCreate2Address, type Provider } f
 import { extractCounterfactualSafeSetup } from '@/features/counterfactual/utils'
 import { encodeSafeSetupCall } from '@/components/new-safe/create/logic'
 import { memoize } from 'lodash'
+import { FEATURES, hasFeature } from '@/utils/chains'
 
 export const isMultiChainSafeItem = (safe: SafeItem | MultiChainSafeItem): safe is MultiChainSafeItem => {
   if ('safes' in safe && 'address' in safe) {
@@ -126,3 +127,11 @@ export const predictAddressBasedOnReplayData = async (safeCreationData: Replayed
   const initCode = proxyCreationCode + solidityPacked(['uint256'], [constructorData]).slice(2)
   return getCreate2Address(safeCreationData.factoryAddress, salt, keccak256(initCode))
 }
+
+export const hasMultiChainCreationFeatures = (chain: ChainInfo): boolean => {
+  return (
+    hasFeature(chain, FEATURES.MULTI_CHAIN_SAFE_CREATION) &&
+    hasFeature(chain, FEATURES.COUNTERFACTUAL) &&
+    hasFeature(chain, FEATURES.SAFE_141)
+  )
+}

src/utils/chains.ts

@@ -35,6 +35,7 @@ export enum FEATURES {
   ZODIAC_ROLES = 'ZODIAC_ROLES',
   SAFE_141 = 'SAFE_141',
   STAKING = 'STAKING',
+  MULTI_CHAIN_SAFE_CREATION = 'MULTI_CHAIN_SAFE_CREATION',
 }
 
 export const FeatureRoutes = {