fix: attemps to remove reown if flag is not on

Author: bsvalverde

apps/cowswap-frontend/src/legacy/state/application/hooks.ts

@@ -1,10 +1,8 @@
 import { useCallback } from 'react'
 
-import { LAUNCH_DARKLY_VIEM_MIGRATION } from '@cowprotocol/common-const'
 import { Command } from '@cowprotocol/types'
 
 import { createAction } from '@reduxjs/toolkit'
-import { useAppKit } from '@reown/appkit/react'
 
 import { ApplicationModal } from './reducer'
 
@@ -30,12 +28,14 @@ export function useCloseModal(_modal: ApplicationModal): Command {
 }
 
 export function useToggleWalletModal(): Command {
-  const { open } = useAppKit()
+  // TODO M-7 COW-572
+  // Readd this
+  // const { open } = useAppKit()
   const toggleModal = useToggleModal(ApplicationModal.WALLET)
 
-  if (LAUNCH_DARKLY_VIEM_MIGRATION) {
-    return () => open()
-  }
+  // if (LAUNCH_DARKLY_VIEM_MIGRATION) {
+  //   return () => open()
+  // }
 
   return toggleModal
 }

apps/cowswap-frontend/src/legacy/state/user/hooks.tsx

@@ -1,12 +1,11 @@
-import { useCallback, useEffect } from 'react'
+import { useCallback } from 'react'
 
 import { NATIVE_CURRENCIES, SupportedLocale, TokenWithLogo } from '@cowprotocol/common-const'
 import { getIsNativeToken } from '@cowprotocol/common-utils'
 import { SupportedChainId } from '@cowprotocol/cow-sdk'
 import { Command } from '@cowprotocol/types'
 import { Currency } from '@uniswap/sdk-core'
 
-import { useAppKitTheme } from '@reown/appkit/react'
 import { shallowEqual } from 'react-redux'
 
 import { updateHooksEnabled, updateUserDarkMode, updateUserLocale } from './reducer'
@@ -28,12 +27,14 @@ export function useIsDarkMode(): boolean {
 
 export function useDarkModeManager(): [boolean, Command] {
   const dispatch = useAppDispatch()
-  const { setThemeMode } = useAppKitTheme()
+  // TODO M-7 COW-572
+  // Readd this
+  // const { setThemeMode } = useAppKitTheme()
   const darkMode = useIsDarkMode()
 
-  useEffect(() => {
-    setThemeMode(darkMode ? 'dark' : 'light')
-  }, [darkMode, setThemeMode])
+  // useEffect(() => {
+  //   setThemeMode(darkMode ? 'dark' : 'light')
+  // }, [darkMode, setThemeMode])
 
   const toggleSetDarkMode = useCallback(() => {
     dispatch(updateUserDarkMode({ userDarkMode: !darkMode }))

libs/wallet/src/wagmi/Web3Provider.tsx

@@ -1,11 +1,13 @@
-import { ReactNode } from 'react'
+import { ReactNode, useEffect } from 'react'
 
+import { LAUNCH_DARKLY_VIEM_MIGRATION } from '@cowprotocol/common-const'
 import { SafeProvider } from '@safe-global/safe-apps-react-sdk'
 
+import { createAppKit } from '@reown/appkit/react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { WagmiProvider } from 'wagmi'
 
-import { wagmiAdapter } from './config'
+import { appKitParams, wagmiAdapter } from './config'
 
 const queryClient = new QueryClient()
 
@@ -14,6 +16,19 @@ interface Web3ProviderProps {
 }
 
 export function Web3Provider({ children }: Web3ProviderProps): React.ReactNode {
+  useEffect(() => {
+    if (LAUNCH_DARKLY_VIEM_MIGRATION) {
+      // TODO M-7 COW-572
+      // This will be moved back to config file on cleanup
+      const appKit = createAppKit(appKitParams)
+
+      appKit.updateFeatures({
+        connectorTypeOrder: ['recent', 'injected', 'featured', 'custom', 'external', 'recommended', 'walletConnect'],
+      })
+      appKit.close
+    }
+  }, [])
+
   return (
     <WagmiProvider config={wagmiAdapter.wagmiConfig}>
       <QueryClientProvider client={queryClient}>

libs/wallet/src/wagmi/config.ts

@@ -1,7 +1,7 @@
 import { LAUNCH_DARKLY_VIEM_MIGRATION, RPC_URLS } from '@cowprotocol/common-const'
 import { SupportedChainId } from '@cowprotocol/cow-sdk'
 
-import { createAppKit } from '@reown/appkit/react'
+import { CreateAppKit } from '@reown/appkit/react'
 import { WagmiAdapter } from '@reown/appkit-adapter-wagmi'
 import { Chain, http } from 'viem'
 import {
@@ -62,7 +62,7 @@ export const wagmiAdapter = new WagmiAdapter({
   projectId,
 })
 
-const appKit = createAppKit({
+export const appKitParams: CreateAppKit = {
   adapters: [wagmiAdapter],
   // TODO M-7 COW-572
   // this will become false once the feature flag is removed
@@ -72,7 +72,6 @@ const appKit = createAppKit({
   enableWalletGuide: false,
   featuredWalletIds: [
     'c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96', // metamask
-    'a797aa35c0fadbfc1a53e7f675162ed5226968b44a19ee3d24385c64d1d3c393', // phantom
     '18388be9ac2d02726dbac9777c96efaac06d744b2f6d580fccdd4127a6d01fd1', // rabby
     'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa', // coinbase
   ],
@@ -86,8 +85,4 @@ const appKit = createAppKit({
   projectId,
   termsConditionsUrl:
     'https://cow.fi/legal/cowswap-terms?utm_source=swap.cow.fi&utm_medium=web&utm_content=wallet-modal-terms-link',
-})
-
-appKit.updateFeatures({
-  connectorTypeOrder: ['recent', 'injected', 'featured', 'custom', 'external', 'recommended', 'walletConnect'],
-})
+}