fix: Repair testing of widgets.

package.json

@@ -22,7 +22,7 @@
     "@erc725/erc725.js": "0.24.2",
     "@lukso/lsp-factory.js": "^3.3.1",
     "@lukso/lsp-smart-contracts": "^0.15.0",
-    "@lukso/up-provider": "^0.3.1",
+    "@lukso/up-provider": "^0.3.2",
     "@lukso/web3-onboard-config": "1.1.2",
     "@pinata/sdk": "^2.1.0",
     "@types/isomorphic-fetch": "^0.0.39",

src/Widget.vue

@@ -33,6 +33,8 @@ web3.value.eth
     // Ignore error
     errors.value.push(error)
   })
+contextAccounts.value = window.lukso?.contextAccounts || []
+console.log('Context accounts:', contextAccounts.value)
 window.lukso?.on('accountsChanged', (_accounts: (`0x${string}` | '')[]) => {
   accounts.value = _accounts
 })
@@ -68,11 +70,13 @@ watch(
   }
 )
 function donate() {
-  web3.value?.eth.sendTransaction({
+  const obj = {
     from: accounts.value[0],
-    to: accounts.value[1],
+    to: contextAccounts.value[0],
     value: amount.value?.toString() || '0',
-  })
+  }
+  console.log('Donating', obj)
+  web3.value?.eth.sendTransaction(obj)
 }
 </script>
 

src/views/GridIFrame.vue

@@ -1,13 +1,67 @@
 <script setup lang="ts">
 import Accounts from '@/components/endpoints/Accounts.vue'
 import GridPanelDialog from '@/components/grid/GridPanelDialog.vue'
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 import Notifications from '@/components/Notification.vue'
-import { UPClientChannel, createUPProviderConnector } from '@lukso/up-provider'
+import {
+  UPClientChannel,
+  UPProviderEndpoint,
+  createUPProviderConnector,
+} from '@lukso/up-provider'
+import useWeb3Connection from '@/compositions/useWeb3Connection'
+import type EthereumProvider from '@walletconnect/ethereum-provider/dist/types/EthereumProvider'
+import { NETWORKS } from '@/helpers/config'
 
 const globalProvider = createUPProviderConnector()
 globalProvider.on('channelCreated', () => {})
 
+const { getProvider } = useWeb3Connection()
+
+const chainChanged = (chainId_: string) => {
+  console.log('Chain changed:', chainId_)
+  if (!providerRef.value) {
+    return
+  }
+  const chainId = Number.parseInt(chainId_)
+  const network = Object.values(NETWORKS).find(
+    value => value.chainId === chainId
+  )
+  globalProvider.setupProvider(
+    providerRef.value as UPProviderEndpoint,
+    network?.http?.url ? [network.http.url] : []
+  )
+}
+
+const providerRef = ref<EthereumProvider | null>(null)
+
+watch(
+  () => getProvider(),
+  async (provider, oldProvider) => {
+    if (provider === oldProvider) {
+      return
+    }
+    if (providerRef.value) {
+      providerRef.value.off('chainChanged', chainChanged)
+    }
+    providerRef.value = provider
+    if (provider) {
+      const chainId = Number.parseInt(
+        await provider.request({ method: 'eth_chainId' })
+      )
+      const network = Object.values(NETWORKS).find(
+        value => value.chainId === chainId
+      )
+      providerRef.value = provider
+      globalProvider.setupProvider(
+        provider as UPProviderEndpoint,
+        network?.http?.url ? [network.http.url] : []
+      )
+      providerRef.value.on('chainChanged', chainChanged)
+    }
+  },
+  { immediate: true }
+)
+
 const base = ref<string>(import.meta.env.BASE_URL || '/')
 
 const frame1Channel = ref<UPClientChannel | null>(null)

yarn.lock

@@ -2503,9 +2503,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lukso/up-provider@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "@lukso/up-provider@npm:0.3.1"
+"@lukso/up-provider@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "@lukso/up-provider@npm:0.3.2"
   dependencies:
     "@mixer/postmessage-rpc": ^1.1.4
     "@types/debug": ^4.1.12
@@ -2516,7 +2516,7 @@ __metadata:
     lit: ^3.2.1
     pauseable: ^0.3.2
     uuid: ^11.0.3
-  checksum: 162e11e3fa2b13ce459dc36cca94c208668c2eb66800aeba973b1d56f2ba9128a94a5bba71fa182798fac3e60b5799142f8af444625490ea001053c2d8d12dba
+  checksum: 4a6ee0024fc91c07e7c11fb88bf35ae9f92af28b4cc24757d27e8ab1feec3b199ed04e0dde1ad8a4eee77cf4ab0ef0fc20489093008aaba7bcb754f75d8f5ba0
   languageName: node
   linkType: hard
 
@@ -16536,7 +16536,7 @@ __metadata:
     "@erc725/erc725.js": 0.24.2
     "@lukso/lsp-factory.js": ^3.3.1
     "@lukso/lsp-smart-contracts": ^0.15.0
-    "@lukso/up-provider": ^0.3.1
+    "@lukso/up-provider": ^0.3.2
     "@lukso/web3-onboard-config": 1.1.2
     "@pinata/sdk": ^2.1.0
     "@testing-library/jest-dom": 6.4.2