fix: HttpClient import and nonces ABI

Author: onmax

src/content/tutorial/7-gasless-transfers/4-static-relay/_solution/index.js

@@ -1,5 +1,5 @@
 import { TypedRequestData } from '@opengsn/common/dist/EIP712/TypedRequestData.js'
-import { getHttpClient } from '@opengsn/common/dist/HttpClient.js'
+import { HttpClient, HttpWrapper } from '@opengsn/common'
 import { ethers } from 'ethers'
 
 // 🔐 Paste your private key from Lesson 1 here!
@@ -23,7 +23,7 @@ const USDT_ABI = [
   'function balanceOf(address) view returns (uint256)',
   'function transfer(address, uint256) returns (bool)',
   'function executeMetaTransaction(address from, bytes functionSignature, bytes32 sigR, bytes32 sigS, uint8 sigV) payable returns (bytes)',
-  'function getNonce(address) view returns (uint256)',
+  'function nonces(address) view returns (uint256)',
 ]
 
 const TRANSFER_ABI = [
@@ -43,7 +43,7 @@ async function main() {
 
   // Step 1: Get USDT nonce
   const usdt = new ethers.Contract(USDT_ADDRESS, USDT_ABI, provider)
-  const usdtNonce = await usdt.getNonce(wallet.address)
+  const usdtNonce = await usdt.nonces(wallet.address)
 
   console.log('\n📝 USDT Nonce:', usdtNonce.toString())
 
@@ -171,7 +171,7 @@ async function main() {
   // Step 10: Submit to relay
   console.log('\n📡 Submitting to relay...')
 
-  const httpClient = getHttpClient()
+  const httpClient = new HttpClient(new HttpWrapper(), console)
   const relayResponse = await httpClient.relayTransaction(RELAY_URL, {
     relayRequest,
     metadata: {

src/content/tutorial/7-gasless-transfers/5-relay-discovery/_solution/index.js

@@ -1,6 +1,6 @@
 import { TypedRequestData } from '@opengsn/common/dist/EIP712/TypedRequestData.js'
-import { getHttpClient } from '@opengsn/common/dist/HttpClient.js'
-import { ethers } from 'ethers'
+import { HttpClient, HttpWrapper } from '@opengsn/common'
+import { ethers} from 'ethers'
 
 // 🔐 Paste your private key from Lesson 1 here!
 const PRIVATE_KEY = '0xPASTE_YOUR_PRIVATE_KEY_HERE_FROM_LESSON_1'
@@ -18,7 +18,7 @@ const STATIC_FEE_USDT = '0.01'
 // ABIs
 const USDT_ABI = [
   'function balanceOf(address) view returns (uint256)',
-  'function getNonce(address) view returns (uint256)',
+  'function nonces(address) view returns (uint256)',
 ]
 
 const TRANSFER_ABI = [
@@ -173,7 +173,7 @@ async function main() {
 
   // Rest of the gasless transaction logic (same as lesson 4)
   const usdt = new ethers.Contract(USDT_ADDRESS, USDT_ABI, provider)
-  const usdtNonce = await usdt.getNonce(wallet.address)
+  const usdtNonce = await usdt.nonces(wallet.address)
 
   const transferAmount = ethers.utils.parseUnits(TRANSFER_AMOUNT_USDT, 6)
   const feeAmount = ethers.utils.parseUnits(STATIC_FEE_USDT, 6)
@@ -269,7 +269,7 @@ async function main() {
   console.log('\n📡 Submitting to relay...')
   const relayNonce = await provider.getTransactionCount(relay.relayWorkerAddress)
 
-  const httpClient = getHttpClient()
+  const httpClient = new HttpClient(new HttpWrapper(), console)
   const relayResponse = await httpClient.relayTransaction(relay.url, {
     relayRequest,
     metadata: {

src/content/tutorial/7-gasless-transfers/6-optimized-fees/_solution/index.js

@@ -1,5 +1,5 @@
 import { TypedRequestData } from '@opengsn/common/dist/EIP712/TypedRequestData.js'
-import { getHttpClient } from '@opengsn/common/dist/HttpClient.js'
+import { HttpClient, HttpWrapper } from '@opengsn/common'
 import { ethers } from 'ethers'
 
 // 🔐 Paste your private key from Lesson 1 here!
@@ -25,7 +25,7 @@ const GAS_LIMITS = {
 // ABIs
 const USDT_ABI = [
   'function balanceOf(address) view returns (uint256)',
-  'function getNonce(address) view returns (uint256)',
+  'function nonces(address) view returns (uint256)',
 ]
 
 const TRANSFER_ABI = [
@@ -218,7 +218,7 @@ async function main() {
 
   // Build transaction with calculated fee
   const usdt = new ethers.Contract(USDT_ADDRESS, USDT_ABI, provider)
-  const usdtNonce = await usdt.getNonce(wallet.address)
+  const usdtNonce = await usdt.nonces(wallet.address)
 
   const transferAmount = ethers.utils.parseUnits(TRANSFER_AMOUNT_USDT, 6)
   const feeAmount = relay.feeData.usdtFee // Use optimized fee
@@ -318,7 +318,7 @@ async function main() {
   console.log('\n📡 Submitting to relay...')
   const relayNonce = await provider.getTransactionCount(relay.relayWorkerAddress)
 
-  const httpClient = getHttpClient()
+  const httpClient = new HttpClient(new HttpWrapper(), console)
   const relayResponse = await httpClient.relayTransaction(relay.url, {
     relayRequest,
     metadata: {