Throws error if users closes QR Modal without connecting.

README.md

@@ -68,6 +68,10 @@ init(
 The connect function can be used to connect a wallet to a dApp. The wallet
 chosen needs to be configured in the `init` function above.
 
+With the WalletConnect connector, if the user closes the QR modal without
+scanning the QR code, the `connect` function will throw an error. It is important
+to catch this error and handle it appropriately to ensure your application does not hang.
+
 ```ts
 import { connect, getActiveConnector } from 'adalib'
 
@@ -111,7 +115,9 @@ switchConnector(FlintConnector.connectorName)
 const flintWalletAPI = await connect()
 ```
 
-
+Note: Sometimes the connection will die and you will need to reconnect. You will
+need to manually call `disconnect` on the connector before calling `connect` again.
+This helps ensure that a fresh connection state is created.
 
 <!-- # Folders
  -->

adalib-example/src/Home.tsx

@@ -70,6 +70,9 @@ function Home() {
         console.log('CIP-30 API Created', { api });
 
         setEnabledAPI(api);
+      })
+      .catch(e => {
+        console.log('Error enabling connector', e);
       });
   }, [setEnabledAPI]);
 

src/connectors/walletconnect.ts

@@ -181,13 +181,19 @@ export class WalletConnectConnector implements Connector {
     // WC concept
     const provider = await UniversalProviderFactory.getProvider();
     this.provider = provider;
+    // let isConnected = false;
 
     return new Promise<string>((resolve, reject) => {
       provider.on('display_uri', (uri: string) => {
         if (this.qrcode) {
           const ModalCtrl = createW3mModalCtrl([chainID]);
 
           ModalCtrl.openModal({ uri, standaloneChains: [chainID] });
+          ModalCtrl.subscribeModal(newState => {
+            if (!this.enabled && !newState.open) {
+              reject(new Error('User closed modal before connecting'));
+            }
+          });
         } else resolve(uri);
       });
 
@@ -206,6 +212,8 @@ export class WalletConnectConnector implements Connector {
             setAddress(address);
 
             const ModalCtrl = createW3mModalCtrl();
+
+            this.enabled = true;
             ModalCtrl.closeModal();
 
             resolve(address);