feat: uses new canary and adds example wallet pay request

Author: ganchoradkov

advanced/dapps/react-dapp-v2/package.json

@@ -26,13 +26,13 @@
     "@solana/web3.js": "^1.36.0",
     "@stacks/network": "^7.0.2",
     "@stacks/transactions": "^7.0.6",
-    "@walletconnect/core": "2.20.3-canary-1ca-4",
+    "@walletconnect/core": "2.20.3-canary-1ca-5",
     "@walletconnect/encoding": "^1.0.1",
     "@walletconnect/jsonrpc-utils": "^1.0.8",
-    "@walletconnect/types": "2.20.3-canary-1ca-4",
-    "@walletconnect/universal-provider": "2.20.3-canary-1ca-4",
-    "@walletconnect/sign-client": "2.20.3-canary-1ca-4",
-    "@walletconnect/utils": "2.20.3-canary-1ca-4",
+    "@walletconnect/types": "2.20.3-canary-1ca-5",
+    "@walletconnect/universal-provider": "2.20.3-canary-1ca-5",
+    "@walletconnect/sign-client": "2.20.3-canary-1ca-5",
+    "@walletconnect/utils": "2.20.3-canary-1ca-5",
     "@reown/appkit": "1.7.5",
     "axios": "^1.0.0",
     "@mysten/sui": "^1.29.1",
@@ -112,14 +112,14 @@
       "next@>=9.5.5 <14.2.15": ">=14.2.15",
       "ansi-html@<0.0.8": ">=0.0.8",
       "axios@<1.8.2": ">=1.8.2",
-      "@walletconnect/core@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-4",
+      "@walletconnect/core@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-5",
       "@walletconnect/encoding": ">=1.0.1",
       "@walletconnect/jsonrpc-utils": ">=1.0.8",
-      "@walletconnect/types@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-4",
-      "@walletconnect/universal-provider@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-4",
-      "@walletconnect/sign-client@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-4",
-      "@walletconnect/utils@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-4",
-      "@walletconnect/ethereum-provider@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-4"
+      "@walletconnect/types@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-5",
+      "@walletconnect/universal-provider@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-5",
+      "@walletconnect/sign-client@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-5",
+      "@walletconnect/utils@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-5",
+      "@walletconnect/ethereum-provider@<2.21.3-canary-1ca-0": ">=2.20.3-canary-1ca-5"
     }
   }
 }

advanced/dapps/react-dapp-v2/pnpm-lock.yaml

@@ -195,24 +195,27 @@ export function ClientContextProvider({
         //   },
         // });
         console.log("chains", chains);
-        const { uri, response } = await client.authenticate({
-          chains: chains,
-          methods: Object.values(namespacesToRequest)
-            .map((namespace) => namespace.methods)
-            .flat(),
-          uri: location.origin,
-          domain: location.origin,
-          nonce: "1234567890",
+        const { uri, approval } = await client.connect({
+          optionalNamespaces: namespacesToRequest as NamespaceConfig,
+          walletPay: {
+            version: "1.0.0",
+            orderId: "order-123456",
+            acceptedPayments: [
+              {
+                recipient:
+                  "eip155:1:0x71C7656EC7ab88b098defB751B7401B5f6d8976F",
+                asset:
+                  "eip155:1/erc20:0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+                amount: "0x5F5E100",
+              },
+            ],
+            expiry: 1709593200,
+          },
         });
         provider.events.emit("display_uri", uri);
         console.log("uri", uri);
-        const { session, auths } = await response();
+        const session = await approval();
         console.log("session", session);
-        console.log("auths", auths);
-        // const session = await provider.connect({
-        //   pairingTopic: pairing?.topic,
-        //   optionalNamespaces: namespacesToRequest as NamespaceConfig,
-        // });
 
         if (!session) {
           throw new Error("Session is not connected");

advanced/dapps/react-dapp-v2/src/contexts/ClientContext.tsx

@@ -83,11 +83,11 @@
     "typescript": "5.2.2"
   },
   "resolutions": {
-    "@walletconnect/core": "2.20.3-canary-1ca-4",
-    "@walletconnect/utils": "2.20.3-canary-1ca-4",
-    "@walletconnect/types": "2.20.3-canary-1ca-4",
-    "@walletconnect/sign-client": "2.20.3-canary-1ca-4",
-    "@walletconnect/ethereum-provider": "2.20.3-canary-1ca-4",
-    "@walletconnect/universal-provider": "2.20.3-canary-1ca-4"
+    "@walletconnect/core": "2.20.3-canary-1ca-5",
+    "@walletconnect/utils": "2.20.3-canary-1ca-5",
+    "@walletconnect/types": "2.20.3-canary-1ca-5",
+    "@walletconnect/sign-client": "2.20.3-canary-1ca-5",
+    "@walletconnect/ethereum-provider": "2.20.3-canary-1ca-5",
+    "@walletconnect/universal-provider": "2.20.3-canary-1ca-5"
   }
 }

advanced/wallets/react-wallet-v2/package.json

@@ -5,21 +5,30 @@ import { approveSuiRequest } from './SuiRequestHandlerUtil'
 import { approveSolanaRequest } from './SolanaRequestHandlerUtil'
 import { approveBip122Request } from './Bip122RequestHandlerUtil'
 
-export function approveMultichainRequest(
+export async function approveMultichainRequest(
   requestEvent: SignClientTypes.EventArguments['session_request']
 ) {
   const chainId = requestEvent.params.chainId
   const { namespace } = parseChainId(chainId)
+  let result: any
   switch (namespace) {
     case 'eip155':
-      return approveEIP155Request(requestEvent)
+      result = await approveEIP155Request(requestEvent)
+      break
     case 'sui':
-      return approveSuiRequest(requestEvent)
+      result = await approveSuiRequest(requestEvent)
+      break
     case 'solana':
-      return approveSolanaRequest(requestEvent)
+      result = await approveSolanaRequest(requestEvent)
+      break
     case 'bip122':
-      return approveBip122Request(requestEvent)
+      result = await approveBip122Request(requestEvent)
     default:
       console.log('need to implement multichain request handler for', namespace)
   }
+
+  return {
+    chainId,
+    result
+  }
 }