[TAS-691] 🚑️ Fix Android cannot complete WC in webview, support intent://

app/components/nft-web-view/nft-web-view.tsx

@@ -36,6 +36,13 @@ export function NFTWebView({ style, onPressRefresh, ...props }: NFTWebViewProps)
       Linking.openURL(url)
       return false
     }
+    if (url.startsWith("intent://") && url.includes('package=com.oice')) {
+      Linking.openURL(
+        url.replace("intent://", "com.oice://")
+          .replace('#Intent;package=com.oice;scheme=com.oice;end;', '')
+      ).catch(err => { console.error(err) });
+      return false
+    }
     return true
   }
 
@@ -71,6 +78,7 @@ export function NFTWebView({ style, onPressRefresh, ...props }: NFTWebViewProps)
         {...props}
         sharedCookiesEnabled={true}
         decelerationRate={0.998}
+        originWhitelist={['https://*', 'http://*', 'intent://*']}
         // TODO: remove HACK after applicationNameForUserAgent type is fixed
         {...{ applicationNameForUserAgent: COMMON_API_CONFIG.userAgent }}
         onShouldStartLoadWithRequest={handleShouldStartLoadWithRequest}

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

@@ -1,3 +1,4 @@
+import { Platform } from "react-native"
 import { NavigationActions } from 'react-navigation'
 import { flow, Instance, SnapshotOut, types } from 'mobx-state-tree'
 import SignClient from '@walletconnect/sign-client'
@@ -25,7 +26,7 @@
   .extend(withEnvironment)
   .extend(withNavigationStore)
   .extend(withCurrentUser)
   .views(_ => ({
     get isInAppBrowser() {
       return false; // TODO: implement user agent checking
     },
@@ -33,7 +34,7 @@
       return 2;
     },
   }))
   .views(_ => ({
     shouldShowWalletConnectModal(payload: any) {
       return (
         (
@@ -56,7 +57,7 @@
       self.sessions = self.connector.session.getAll();
     }),
     handleDisconnect(
       requestEvent: SignClientTypes.EventArguments['session_delete']
     ) {
       self.sessions = self.connector.session.getAll();
     },
@@ -251,7 +252,10 @@
         method: 'session_proposal',
         ...proposal,
       }
-      if (!checkIsInAppBrowser(proposal)) {
+
+      /* auto approve is broken in android due to navigation to intent:// */
+      const isIos = Platform.OS === "ios"
+      if (!isIos || !checkIsInAppBrowser(proposal)) {
         // Show WalletConnect Modal for loading UX
         self.navigationStore.navigateTo({
           routeName: 'App',

app/screens/nft-notification-screen/nft-notification-screen.tsx

@@ -1,12 +1,13 @@
 import * as React from "react"
-import { SafeAreaView, StatusBar } from "react-native"
+import { Linking, SafeAreaView, StatusBar } from "react-native"
 import { inject } from "mobx-react"
 import styled from "styled-components/native"
 
 import { NFTWebView as NFTWebViewBase } from "../../components/nft-web-view"
 
 import { WalletConnectStore } from "../../models/wallet-connect-store"
 import { UserStore } from "../../models/user-store"
+import { WebViewNavigation } from "react-native-webview"
 
 interface NFTNotificationScreenProps {
   userStore: UserStore
@@ -41,6 +42,18 @@ export class NFTNotificationScreen extends React.Component<NFTNotificationScreen
     this.props.userStore.loadUnseenEventCount()
   }
 
+  handleShouldStartLoadWithRequest({ url }: WebViewNavigation) {
+    if (url.startsWith("intent://") && url.includes('package=com.oice')) {
+      Linking.openURL(
+        url.replace("intent://", "com.oice://")
+          .replace('#Intent;package=com.oice;scheme=com.oice;end;', '')
+      ).catch(err => { console.error(err) });
+      return false
+    }
+
+    return true
+  }
+
   render() {
     return (
       <RootView>
@@ -53,6 +66,8 @@ export class NFTNotificationScreen extends React.Component<NFTNotificationScreen
           key={this.webViewURL}
           source={{ uri: this.webViewURL }}
           onPressRefresh={this.handlePressRefresh}
+          originWhitelist={['https://*', 'http://*', 'intent://*']}
+          onShouldStartLoadWithRequest={this.handleShouldStartLoadWithRequest}
         />
       </RootView>
     )