feat(bridge): add Near provider and provider feature-flags

apps/cowswap-frontend/src/common/updaters/BridgingEnabledUpdater.ts

@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 
-import { useFeatureFlags, useSetIsBridgingEnabled } from '@cowprotocol/common-hooks'
+import { useSetIsBridgingEnabled } from '@cowprotocol/common-hooks'
 import { AccountType } from '@cowprotocol/types'
 import { useAccountType, useWalletInfo } from '@cowprotocol/wallet'
 
@@ -10,15 +10,14 @@ import { Routes } from '../constants/routes'
 
 export function BridgingEnabledUpdater(): null {
   const { account } = useWalletInfo()
-  const { isBridgingEnabled } = useFeatureFlags()
   const tradeTypeInfo = useTradeTypeInfo()
   const accountType = useAccountType()
   const setIsBridgingEnabled = useSetIsBridgingEnabled()
 
   const isSwapRoute = tradeTypeInfo?.route === Routes.SWAP
 
   const isWalletCompatible = Boolean(account ? accountType !== AccountType.SMART_CONTRACT : true)
-  const shouldEnableBridging = isBridgingEnabled && isWalletCompatible && isSwapRoute
+  const shouldEnableBridging = isWalletCompatible && isSwapRoute
 
   useEffect(() => {
     setIsBridgingEnabled(shouldEnableBridging)

apps/cowswap-frontend/src/entities/bridgeProvider/BridgeProvidersUpdater.ts

@@ -0,0 +1,58 @@
+import { useSetAtom } from 'jotai'
+import { useEffect } from 'react'
+
+import { useFeatureFlags } from '@cowprotocol/common-hooks'
+import { DefaultBridgeProvider } from '@cowprotocol/sdk-bridging'
+
+import { bridgeProvidersAtom } from './bridgeProvidersAtom'
+
+import {
+  acrossBridgeProvider,
+  bridgingSdk,
+  bungeeBridgeProvider,
+  nearIntentsBridgeProvider,
+} from '../../tradingSdk/bridgingSdk'
+
+function toggleProvider(providers: Set<DefaultBridgeProvider>, provider: DefaultBridgeProvider, flag: boolean): void {
+  if (flag) {
+    providers.add(provider)
+  } else {
+    providers.delete(provider)
+  }
+}
+
+export function BridgeProvidersUpdater(): null {
+  const setBridgeProviders = useSetAtom(bridgeProvidersAtom)
+  const { isNearIntentsBridgeProviderEnabled, isAcrossBridgeProviderEnabled, isBungeeBridgeProviderEnabled } =
+    useFeatureFlags()
+
+  useEffect(() => {
+    // Skip updating till all flags are loaded
+    if (
+      [isNearIntentsBridgeProviderEnabled, isAcrossBridgeProviderEnabled, isBungeeBridgeProviderEnabled].some(
+        (v) => typeof v !== 'boolean',
+      )
+    ) {
+      return
+    }
+
+    setBridgeProviders((providers) => {
+      const newProviders = new Set(providers)
+
+      toggleProvider(newProviders, bungeeBridgeProvider, isBungeeBridgeProviderEnabled)
+      toggleProvider(newProviders, nearIntentsBridgeProvider, isNearIntentsBridgeProviderEnabled)
+      toggleProvider(newProviders, acrossBridgeProvider, isAcrossBridgeProviderEnabled)
+
+      bridgingSdk.setAvailableProviders([...newProviders].map((p) => p.info.dappId))
+
+      return newProviders
+    })
+  }, [
+    isNearIntentsBridgeProviderEnabled,
+    isAcrossBridgeProviderEnabled,
+    isBungeeBridgeProviderEnabled,
+    setBridgeProviders,
+  ])
+
+  return null
+}

apps/cowswap-frontend/src/entities/bridgeProvider/bridgeProvidersAtom.ts

@@ -1,7 +1,7 @@
 import { atom } from 'jotai'
 
-import { isProd } from '@cowprotocol/common-utils'
+import { DefaultBridgeProvider } from '@cowprotocol/sdk-bridging'
 
-import { bridgeProviders } from 'tradingSdk/bridgingSdk'
+import { bungeeBridgeProvider } from 'tradingSdk/bridgingSdk'
 
-export const bridgeProvidersAtom = atom(isProd ? [bridgeProviders[0]] : bridgeProviders)
+export const bridgeProvidersAtom = atom(new Set<DefaultBridgeProvider>([bungeeBridgeProvider]))

apps/cowswap-frontend/src/entities/bridgeProvider/index.ts

@@ -1,2 +1,3 @@
 export { useBridgeSupportedNetworks, useBridgeSupportedNetwork } from './useBridgeSupportedNetworks'
 export { useBridgeSupportedTokens } from './useBridgeSupportedTokens'
+export { BridgeProvidersUpdater } from './BridgeProvidersUpdater'

apps/cowswap-frontend/src/entities/bridgeProvider/useBridgeProvidersIds.ts

@@ -0,0 +1,9 @@
+import { useAtomValue } from 'jotai'
+
+import { bridgeProvidersAtom } from './bridgeProvidersAtom'
+
+export function useBridgeProvidersIds(): string[] {
+  const providers = useAtomValue(bridgeProvidersAtom)
+
+  return [...providers].map((p) => p.info.dappId)
+}