Unable to sign pending transactions from web3auth walletUI

Help - Plug n Play Web - No Modal SDK
1

When asking for help in this category, please make sure to provide the following details:

  • SDK Version: 8.0.0
  • Platform: Web - No modal SDK - nuxt 3 - vite
  • Browser Console Screenshots: there are no logs

If the user wants to use a third party service to swap coins with web3auth WalletUI’s wallet, the user can’t sign the transaction as there is no modal being displayed to sign the transaction. How can the user sign the transaction using web3auth walletUI.

2

hi @german.blasco

I hope you are doing well.

You need to use the waller service plugin ( Wallet Services is currently available for all EVM chains.) and you will see the modal to sign the transaction.

Please check our docs: https://web3auth.io/docs/sdk/wallet-services/ and contact me again in case you have any other question.

3

Hello, we are currently using wallet services, i’ll atatch the wallet setup code and how do we invoke wallets.

    const walletServicesPlugin = new WalletServicesPlugin()
    web3auth.addPlugin(walletServicesPlugin)

    await web3auth.init();

async function loadWalletUI() {
  return await $walletServicesPlugin.showWalletUi()
      .catch(e => console.error(e))
}
4

hi @german

Are you having any errors in the console ?

5

Hello, no, we are not having errors on the console, i’m using li.fi to make the swap and it’s not invoking the sign modal, we did try with other wallets and it does invoke the sign modal.

Captura de pantalla 2024-03-20 a las 12.35.24
Captura de pantalla 2024-03-20 a las 12.35.242560×1352 417 KB

6

Hi @german.blasco,

I hope you are doing ok. Are you using our lastest version ?

When you have a moment, could you share your package.json with me? This will help me understand your setup better and ensure we’re on the same page in terms of versions and dependencies.

Looking forward to hearing from you!

7

of course.

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "spa-serve": "npx serve ./.output/public",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@ankr.com/ankr.js": "^0.5.0",
    "@web3auth/base": "^8.0.0",
    "@web3auth/ethereum-provider": "^8.0.1",
    "@web3auth/no-modal": "^8.0.1",
    "@web3auth/openlogin-adapter": "^8.0.1",
    "@web3auth/torus-evm-adapter": "^8.0.1",
    "@web3auth/wallet-services-plugin": "^8.0.1",
    "nuxt": "^3.10.3",
    "vue": "^3.4.19",
    "vue-router": "^4.3.0"
  },
  "devDependencies": {
    "@nuxtjs/i18n": "^8.1.1",
    "buffer": "^6.0.3",
    "empty-module": "^0.0.2",
    "process": "^0.11.10",
    "sass": "^1.71.1"
  }
}
8

I apologize for the wait—it wasn’t my intention to keep you hanging. I’m going to touch base with our team to make sure I can give you a detailed and precise response. Your understanding during this time is greatly appreciated, and I’ll make sure to get back to you with more information as quickly as possible.

Thank you for your patience.

9

hi @german.blasco

Sorry to inform you that when you are using the Wallet Service Plugin you can’t sign transactions with a modal. You can manage to build your own interactions with the Smart Contracts like in this example: