[TAS-516] 🚸 Skip session approval for in-app-browser

app/models/wallet-connect-client/wallet-connect-client.ts

@@ -63,6 +63,9 @@ export const WalletConnectClientModel = types
       const { peerMeta } = self.connector
       return COMMON_API_CONFIG.userAgent.includes(peerMeta.name)
     },
+    get version() {
+      return 1
+    },
   }))
   .views(self => ({
     shouldShowWalletConnectModal(payload: any) {

app/models/wallet-connect-v2-client/wallet-connect-v2-client.ts

@@ -8,6 +8,7 @@ import { SignDoc } from 'cosmjs-types/cosmos/tx/v1beta1/tx'
 import { DirectSignResponse } from '@cosmjs/proto-signing'
 
 import { logError } from '../../utils/error'
+import { checkIsInAppBrowser } from '../../utils/wallet-connect';
 
 import { withCurrentUser, withEnvironment, withNavigationStore } from '../extensions'
 
@@ -28,6 +29,9 @@ export const WalletConnectV2ClientModel = types
     get isInAppBrowser() {
       return false; // TODO: implement user agent checking
     },
+    get version() {
+      return 2;
+    },
   }))
   .views(_ => ({
     shouldShowWalletConnectModal(payload: any) {
@@ -247,7 +251,7 @@ export const WalletConnectV2ClientModel = types
         method: 'session_proposal',
         ...proposal,
       }
-      // if (!self.isInAppBrowser) {
+      if (!checkIsInAppBrowser(proposal)) {
         // Show WalletConnect Modal for loading UX
         self.navigationStore.navigateTo({
           routeName: 'App',
@@ -259,10 +263,11 @@ export const WalletConnectV2ClientModel = types
             },
           }),
         })
-      // }
+      } else {
+        // Approve session request directly without user's interaction
+        self.approveSessionRequest(proposal)
+      }
 
-      // Approve session request directly without user's interaction
-      // self.approveSessionRequest(proposal)
     },
   }))
   .actions(self => ({

app/screens/wallet-connect-request-screen/wallet-connect-request-screen.tsx

@@ -8,6 +8,7 @@ import { WalletConnectStore } from "../../models/wallet-connect-store"
 
 import { color } from "../../theme"
 import { translate } from "../../i18n"
+import { checkIsInAppBrowser } from "../../utils/wallet-connect"
 
 import { Button } from "../../components/button"
 import { LoadingLikeCoin } from "../../components/loading-likecoin"
@@ -93,7 +94,18 @@ export class WalletConnectRequestScreen extends React.Component<WalletConnectReq
     this.close()
     await this.requestor.approveRequest(this.payload, this.peerId)
 
-    if (this.requestor.isInAppBrowser) return;
+    switch (this.requestor.version) {
+      case 1:
+        if (this.requestor.isInAppBrowser) return;
+        break;
+
+      case 2:
+        if (checkIsInAppBrowser(this.payload)) return;
+        break;
+
+      default:
+        break;
+    }
 
     // Show return to browser hint
     let hintMessageKey: string

app/utils/wallet-connect.ts

@@ -0,0 +1,9 @@
+import { SignClientTypes } from "@walletconnect/types"
+
+import { COMMON_API_CONFIG } from "../services/api/api-config"
+
+export function checkIsInAppBrowser(payload: SignClientTypes.EventArguments['session_proposal']) {
+  return COMMON_API_CONFIG.userAgent.includes(
+    payload.params.proposer.metadata.name
+  )
+}