Merge pull request #5029 from Expensify/marcaaron-fixPlaid2

Update Plaid Link for web / Fix logic breaking Plaid flow on web
Expensify · Sep 2, 2021 · 4283835 · 4283835
2 parents 7de992e + 4cef8df
commit 4283835
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -98,7 +98,7 @@
     "react-native-unimodules": "^0.13.3",
     "react-native-web": "0.15.7",
     "react-pdf": "^5.2.0",
-    "react-plaid-link": "^3.1.0",
+    "react-plaid-link": "^3.2.0",
     "react-web-config": "^1.0.0",
     "rn-fetch-blob": "^0.12.0",
     "save": "^2.4.0",

diff --git a/src/components/AddPlaidBankAccount.js b/src/components/AddPlaidBankAccount.js
@@ -132,10 +132,11 @@ class AddPlaidBankAccount extends React.Component {
                             <ActivityIndicator color={themeColors.spinner} size="large" />
                         </View>
                     )}
-                {!_.isEmpty(this.props.plaidLinkToken) && _.isEmpty(this.state.institution) && (
+                {!_.isEmpty(this.props.plaidLinkToken) && (
                     <PlaidLink
                         token={this.props.plaidLinkToken}
                         onSuccess={({publicToken, metadata}) => {
+                            console.debug('[PlaidLink] Success: ', {publicToken, metadata});
                             getPlaidBankAccounts(publicToken, metadata.institution.name);
                             this.setState({institution: metadata.institution});
                         }}

diff --git a/src/components/PlaidLink/index.js b/src/components/PlaidLink/index.js
@@ -10,7 +10,13 @@ const PlaidLink = (props) => {
     const {open, ready, error} = usePlaidLink({
         token: props.token,
         onSuccess,
-        onExit: props.onExit,
+        onExit: (exitError, metadata) => {
+            console.debug('[PlaidLink] Exit: ', {exitError, metadata});
+            props.onExit();
+        },
+        onEvent: (event, metadata) => {
+            console.debug('[PlaidLink] Event: ', {event, metadata});
+        },
     });
 
     useEffect(() => {