Fix: redirect /wc URL (#2747)

* Fix: redirect /wc URL

* Use raw URL query

* Fix tests

* Rm raw query parsing

* Fix: unblock Base and Arbitrum bridges in WC

src/components/walletconnect/WcInput/index.tsx

@@ -79,7 +79,9 @@ const WcInput = ({ uri }: { uri: string }) => {
       error={!!error}
       label={error ? error.message : 'Pairing code'}
       placeholder="wc:"
+      spellCheck={false}
       InputProps={{
+        autoComplete: 'off',
         endAdornment: isClipboardSupported() ? undefined : (
           <InputAdornment position="end">
             <Track {...WALLETCONNECT_EVENTS.PASTE_CLICK}>

src/config/routes.ts

@@ -1,7 +1,7 @@
 export const AppRoutes = {
   '404': '/404',
-  _offline: '/_offline',
   welcome: '/welcome',
+  wc: '/wc',
   terms: '/terms',
   privacy: '/privacy',
   licenses: '/licenses',
@@ -11,6 +11,7 @@ export const AppRoutes = {
   cookie: '/cookie',
   addressBook: '/address-book',
   addOwner: '/addOwner',
+  _offline: '/_offline',
   apps: {
     open: '/apps/open',
     index: '/apps',

src/pages/wc.tsx

@@ -0,0 +1,40 @@
+import { useEffect } from 'react'
+import type { NextPage } from 'next'
+import { useRouter } from 'next/router'
+import useLastSafe from '@/hooks/useLastSafe'
+import { AppRoutes } from '@/config/routes'
+import { WC_URI_SEARCH_PARAM } from '@/services/walletconnect/useWalletConnectSearchParamUri'
+
+const WcPage: NextPage = () => {
+  const router = useRouter()
+  const lastSafe = useLastSafe()
+
+  useEffect(() => {
+    if (!router.isReady || router.pathname !== AppRoutes.wc) {
+      return
+    }
+
+    const { uri } = router.query
+
+    router.replace(
+      lastSafe
+        ? {
+            pathname: AppRoutes.home,
+            query: {
+              safe: lastSafe,
+              [WC_URI_SEARCH_PARAM]: uri,
+            },
+          }
+        : {
+            pathname: AppRoutes.welcome,
+            query: {
+              [WC_URI_SEARCH_PARAM]: uri,
+            },
+          },
+    )
+  }, [router, lastSafe])
+
+  return <></>
+}
+
+export default WcPage

src/services/walletconnect/constants.ts

@@ -36,8 +36,6 @@ export const EIP155 = 'eip155' as const
 // Bridges enforcing same address on destination chains
 export const BlockedBridges = [
   'app.chainport.io',
-  'bridge.arbitrum.io',
-  'bridge.base.org',
   'cbridge.celer.network',
   'www.orbiter.finance',
   'zksync-era.l2scan.co',
@@ -66,6 +64,8 @@ export const BlockedBridges = [
 export const WarnedBridges = [
   'across.to', // doesn't send their URL in the session proposal
   'app.allbridge.io',
+  'bridge.arbitrum.io',
+  'bridge.base.org',
   'core.allbridge.io',
   'bungee.exchange',
   'www.carrier.so',

src/services/walletconnect/useWalletConnectSearchParamUri.ts

@@ -1,16 +1,11 @@
 import { useRouter } from 'next/router'
 import { useCallback } from 'react'
 
-import { isPairingUri } from './utils'
-
-const WC_URI_SEARCH_PARAM = 'wc'
+export const WC_URI_SEARCH_PARAM = 'wc'
 
 export function useWalletConnectSearchParamUri(): [string | null, (wcUri: string | null) => void] {
   const router = useRouter()
-
-  const wcUriQuery = router.query[WC_URI_SEARCH_PARAM]
-  const value = wcUriQuery ? (Array.isArray(wcUriQuery) ? wcUriQuery[0] : wcUriQuery) : null
-  const wcUri = value && isPairingUri(value) ? value : null
+  const wcUri = (router.query[WC_URI_SEARCH_PARAM] || '').toString() || null
 
   const setWcUri = useCallback(
     (wcUri: string | null) => {