From 387ad04c0d70cbbb91428b586dd59a1278229835 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Thu, 23 May 2024 14:13:54 +0200
Subject: [PATCH 01/11] refactor wallet select

---
 web/package.json                          |    2 +-
 web/src/lib/components/ConnectView.svelte |   18 +
 web/src/lib/components/Web3Modal.svelte   |   50 +-
 web/src/lib/hacks.ts                      |   14 +-
 web/src/lib/stores/wallet.ts              |   18 +-
 web/src/routes/+page.svelte               |    8 +-
 yarn.lock                                 | 1063 +--------------------
 7 files changed, 109 insertions(+), 1064 deletions(-)
 create mode 100644 web/src/lib/components/ConnectView.svelte

diff --git a/web/package.json b/web/package.json
index 1affcb0..33101fd 100644
--- a/web/package.json
+++ b/web/package.json
@@ -44,8 +44,8 @@
 	"type": "module",
 	"dependencies": {
 		"@floating-ui/dom": "1.6.5",
-		"@metamask/sdk": "^0.20.3",
 		"highlight.js": "11.9.0",
+		"mipd": "^0.0.7",
 		"web3-utils": "^4.2.3"
 	}
 }
diff --git a/web/src/lib/components/ConnectView.svelte b/web/src/lib/components/ConnectView.svelte
new file mode 100644
index 0000000..0d61cf7
--- /dev/null
+++ b/web/src/lib/components/ConnectView.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { getModalStore, type ModalSettings } from '@skeletonlabs/skeleton';
+	import Web3Modal from '$lib/components/Web3Modal.svelte';
+
+	const modalStore = getModalStore();
+
+	function handleConnect() {
+		const modal: ModalSettings = {
+			type: 'component',
+			component: { ref: Web3Modal },
+			title: 'Select wallet',
+			buttonTextCancel: 'close'
+		};
+		modalStore.trigger(modal);
+	}
+</script>
+
+<button class="btn variant-filled" on:click={handleConnect}> Connect Wallet </button>
diff --git a/web/src/lib/components/Web3Modal.svelte b/web/src/lib/components/Web3Modal.svelte
index 95cdd1e..f5530cf 100644
--- a/web/src/lib/components/Web3Modal.svelte
+++ b/web/src/lib/components/Web3Modal.svelte
@@ -1,5 +1,51 @@
 <script lang="ts">
-	import { connect } from '$lib/stores/wallet';
+	import type { SvelteComponent } from 'svelte';
+
+	import { getModalStore } from '@skeletonlabs/skeleton';
+	import { providers, selectedProvider } from '$lib/stores/wallet';
+	import type { EIP6963ProviderDetail } from 'mipd';
+
+	// Props
+	/** Exposes parent props to this component. */
+	export let parent: SvelteComponent;
+
+	const modalStore = getModalStore();
+
+	function selectWallet(provider: EIP6963ProviderDetail): void {
+		selectedProvider.set(provider);
+		modalStore.close();
+	}
+
+	// Base Classes
+	const cBase = 'card p-4 w-modal shadow-xl space-y-4';
+	const cHeader = 'text-2xl font-bold';
 </script>
 
-<button class="btn variant-filled" on:click={() => connect()}> Connect Wallet </button>
+{#if $modalStore[0]}
+	<div class="modal-example-form {cBase}">
+		<header class={cHeader}>{$modalStore[0].title ?? '(title missing)'}</header>
+		<article class="container mx-auto p-4">
+			<ul class="space-y-4">
+				{#each $providers as provider}
+					<li
+						on:click={() => selectWallet(provider)}
+						class="relative bg-white dark:bg-gray-800 p-4 rounded-lg shadow hover:bg-gray-100 dark:hover:bg-gray-700 hover:shadow-lg transition duration-300 flex items-center cursor-pointer"
+					>
+						<img src={provider.info.icon} alt="{provider.info.icon} Icon" class="w-12 h-12 mr-4" />
+						<div>
+							<h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
+								{provider.info.name}
+							</h3>
+							<p class="text-gray-600 dark:text-gray-400">{provider.info.rdns}</p>
+						</div>
+					</li>
+				{/each}
+			</ul>
+		</article>
+		<footer class="modal-footer {parent.regionFooter}">
+			<button class="btn {parent.buttonNeutral}" on:click={parent.onClose}
+				>{parent.buttonTextCancel}</button
+			>
+		</footer>
+	</div>
+{/if}
diff --git a/web/src/lib/hacks.ts b/web/src/lib/hacks.ts
index dd81fe0..01837f9 100644
--- a/web/src/lib/hacks.ts
+++ b/web/src/lib/hacks.ts
@@ -1,4 +1,5 @@
-import { MMSDK } from '$lib/stores/wallet';
+import { get } from 'svelte/store';
+import { selectedProvider } from '$lib/stores/wallet';
 
 export function hacks_getChainIcon(id: number): string {
 	switch (id) {
@@ -21,6 +22,13 @@ export function hacks_getChainIcon(id: number): string {
 	}
 }
 
+function getProvider() {
+	const storeProvider = get(selectedProvider);
+	if (!storeProvider) return;
+
+	return storeProvider.provider;
+}
+
 export async function hacks_getGopherData(): Promise<Object> {
 	const networksResponse = await fetch('https://api.gopher.chainsafe.dev/networks').then((r) =>
 		r.json()
@@ -48,7 +56,7 @@ export async function hacks_getGopherData(): Promise<Object> {
 		});
 	});
 
-	const account = await MMSDK.getProvider()!.request({ method: 'eth_requestAccounts', params: [] });
+	const account = await getProvider().request({ method: 'eth_requestAccounts', params: [] });
 	const balancesResponses = await Promise.all(
 		tokens.keys().map((key) =>
 			fetch(`https://api.gopher.chainsafe.dev/accounts/${account}/assets/fungible/${key}`)
@@ -76,7 +84,7 @@ export async function hacks_getGopherData(): Promise<Object> {
 export async function hacks_getQuota(value: Object) {
 	const url = new URL('https://api.gopher.chainsafe.dev/solutions/aggregation');
 
-	const account = await MMSDK.getProvider()!.request({ method: 'eth_requestAccounts', params: [] });
+	const account = await getProvider().request({ method: 'eth_requestAccounts', params: [] });
 	url.searchParams.set('account', account[0]);
 
 	url.searchParams.set('destination', value.network);
diff --git a/web/src/lib/stores/wallet.ts b/web/src/lib/stores/wallet.ts
index 986ec47..8e5f9f9 100644
--- a/web/src/lib/stores/wallet.ts
+++ b/web/src/lib/stores/wallet.ts
@@ -1,15 +1,7 @@
-import { writable } from 'svelte/store';
+import { readable, writable } from 'svelte/store';
+import { createStore, type EIP6963ProviderDetail } from 'mipd';
 
-import { MetaMaskSDK } from '@metamask/sdk';
+export const selectedProvider = writable<false | EIP6963ProviderDetail>();
 
-export function connect() {
-	MMSDK.connect().then(web3Connected.set);
-}
-
-export const MMSDK = new MetaMaskSDK({
-	dappMetadata: {
-		name: 'Gopher POC'
-	}
-});
-
-export const web3Connected = writable(false);
+const store = createStore();
+export const providers = readable(store.getProviders(), store.subscribe);
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index 4114c82..4a0c24d 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -1,16 +1,16 @@
 <script lang="ts">
-	import { web3Connected } from '$lib/stores/wallet';
-	import Web3Modal from '$lib/components/Web3Modal.svelte';
+	import { selectedProvider } from '$lib/stores/wallet';
 	import TokenList from '$lib/components/TokenList.svelte';
+	import ConnectView from '$lib/components/ConnectView.svelte';
 </script>
 
 <div class="container h-full mx-auto flex justify-center items-center">
 	<div class="space-y-10 text-center flex flex-col items-center">
-		{#if $web3Connected}
+		{#if $selectedProvider}
 			<TokenList />
 		{:else}
 			<h2 class="h2">Welcome to Gopher POC.</h2>
-			<Web3Modal />
+			<ConnectView />
 		{/if}
 	</div>
 </div>
diff --git a/yarn.lock b/yarn.lock
index 99f088b..a25c2ea 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -22,15 +22,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.19.4, @babel/runtime@npm:^7.20.6, @babel/runtime@npm:^7.21.0":
-  version: 7.24.5
-  resolution: "@babel/runtime@npm:7.24.5"
-  dependencies:
-    regenerator-runtime: ^0.14.0
-  checksum: 05730e43e8ba6550eae9fd4fb5e7d9d3cb91140379425abcb2a1ff9cebad518a280d82c4c4b0f57ada26a863106ac54a748d90c775790c0e2cd0ddd85ccdf346
-  languageName: node
-  linkType: hard
-
 "@chainsafe/eslint-config@npm:^1.1.0":
   version: 1.1.0
   resolution: "@chainsafe/eslint-config@npm:1.1.0"
@@ -528,48 +519,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ethereumjs/common@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "@ethereumjs/common@npm:3.2.0"
-  dependencies:
-    "@ethereumjs/util": ^8.1.0
-    crc-32: ^1.2.0
-  checksum: 4e2256eb54cc544299f4d7ebc9daab7a3613c174de3981ea5ed84bd10c41a03d013d15b1abad292da62fd0c4b8ce5b220a258a25861ccffa32f2cc9a8a4b25d8
-  languageName: node
-  linkType: hard
-
-"@ethereumjs/rlp@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "@ethereumjs/rlp@npm:4.0.1"
-  bin:
-    rlp: bin/rlp
-  checksum: 78379f288e9d88c584c2159c725c4a667a9742981d638bad760ed908263e0e36bdbd822c0a902003e0701195fd1cbde7adad621cd97fdfbf552c45e835ce022c
-  languageName: node
-  linkType: hard
-
-"@ethereumjs/tx@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "@ethereumjs/tx@npm:4.2.0"
-  dependencies:
-    "@ethereumjs/common": ^3.2.0
-    "@ethereumjs/rlp": ^4.0.1
-    "@ethereumjs/util": ^8.1.0
-    ethereum-cryptography: ^2.0.0
-  checksum: f168303edf5970673db06d2469a899632c64ba0cd5d24480e97683bd0e19cc22a7b0a7bc7db3a49760f09826d4c77bed89b65d65252daf54857dd3d97324fb9a
-  languageName: node
-  linkType: hard
-
-"@ethereumjs/util@npm:^8.1.0":
-  version: 8.1.0
-  resolution: "@ethereumjs/util@npm:8.1.0"
-  dependencies:
-    "@ethereumjs/rlp": ^4.0.1
-    ethereum-cryptography: ^2.0.0
-    micro-ftch: ^0.3.1
-  checksum: 4e6e0449236f66b53782bab3b387108f0ddc050835bfe1381c67a7c038fea27cb85ab38851d98b700957022f0acb6e455ca0c634249cfcce1a116bad76500160
-  languageName: node
-  linkType: hard
-
 "@fastify/busboy@npm:^2.0.0":
   version: 2.1.1
   resolution: "@fastify/busboy@npm:2.1.1"
@@ -721,181 +670,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@metamask/json-rpc-engine@npm:^7.3.2":
-  version: 7.3.3
-  resolution: "@metamask/json-rpc-engine@npm:7.3.3"
-  dependencies:
-    "@metamask/rpc-errors": ^6.2.1
-    "@metamask/safe-event-emitter": ^3.0.0
-    "@metamask/utils": ^8.3.0
-  checksum: 6c3b55de01593bc841de1bf4daac46cc307ed7c3b759fec12cbda582527962bb0d909b024e6c56251c0644379634cec24f3d37cbf3443430e148078db9baece1
-  languageName: node
-  linkType: hard
-
-"@metamask/json-rpc-middleware-stream@npm:^6.0.2":
-  version: 6.0.2
-  resolution: "@metamask/json-rpc-middleware-stream@npm:6.0.2"
-  dependencies:
-    "@metamask/json-rpc-engine": ^7.3.2
-    "@metamask/safe-event-emitter": ^3.0.0
-    "@metamask/utils": ^8.3.0
-    readable-stream: ^3.6.2
-  checksum: a91b8d834253a1700d96cf0f08d2362e2db58365f751cb3e60b3c5e9422a1f443a8a515d5a653ced59535726717d0f827c1aaf2a33dd33efb96a05f653bb0915
-  languageName: node
-  linkType: hard
-
-"@metamask/object-multiplex@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@metamask/object-multiplex@npm:2.0.0"
-  dependencies:
-    once: ^1.4.0
-    readable-stream: ^3.6.2
-  checksum: 14786b8ec0668ff638ab5cb972d4141a70533452ec18f607f9002acddf547ab4548754948e0298978650f2f3be954d86882d9b0f6b134e0af2c522398594e499
-  languageName: node
-  linkType: hard
-
-"@metamask/onboarding@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "@metamask/onboarding@npm:1.0.1"
-  dependencies:
-    bowser: ^2.9.0
-  checksum: 7a95eb47749217878a9e964c169a479a7532892d723eaade86c2e638e5ea5a54c697e0bbf68ab4f06dff5770639b9937da3375a3e8f958eae3f8da69f24031ed
-  languageName: node
-  linkType: hard
-
-"@metamask/providers@npm:^15.0.0":
-  version: 15.0.0
-  resolution: "@metamask/providers@npm:15.0.0"
-  dependencies:
-    "@metamask/json-rpc-engine": ^7.3.2
-    "@metamask/json-rpc-middleware-stream": ^6.0.2
-    "@metamask/object-multiplex": ^2.0.0
-    "@metamask/rpc-errors": ^6.2.1
-    "@metamask/safe-event-emitter": ^3.0.0
-    "@metamask/utils": ^8.3.0
-    detect-browser: ^5.2.0
-    extension-port-stream: ^3.0.0
-    fast-deep-equal: ^3.1.3
-    is-stream: ^2.0.0
-    readable-stream: ^3.6.2
-    webextension-polyfill: ^0.10.0
-  checksum: c079cb8440f7cbd8ba863070a8c5c1ada4ad99e31694ec7b0c537b1cb11e66f9d4271e737633ce89f98248208ba076bfc90ddab94ce0299178fdab9a8489fb09
-  languageName: node
-  linkType: hard
-
-"@metamask/rpc-errors@npm:^6.2.1":
-  version: 6.2.1
-  resolution: "@metamask/rpc-errors@npm:6.2.1"
-  dependencies:
-    "@metamask/utils": ^8.3.0
-    fast-safe-stringify: ^2.0.6
-  checksum: 512a312fa9962dbb0d0e165ffb17a1e65ade51148f8fd360846a7629269d35425388c4e08a8521177a412e8c2161cd04f8673959d65f4c5e1bb3ef258993b848
-  languageName: node
-  linkType: hard
-
-"@metamask/safe-event-emitter@npm:^3.0.0":
-  version: 3.1.1
-  resolution: "@metamask/safe-event-emitter@npm:3.1.1"
-  checksum: 4dd51651fa69adf65952449b20410acac7edad06f176dc6f0a5d449207527a2e85d5a21a864566e3d8446fb259f8840bd69fdb65932007a882f771f473a2b682
-  languageName: node
-  linkType: hard
-
-"@metamask/sdk-communication-layer@npm:0.20.2":
-  version: 0.20.2
-  resolution: "@metamask/sdk-communication-layer@npm:0.20.2"
-  dependencies:
-    bufferutil: ^4.0.8
-    date-fns: ^2.29.3
-    debug: ^4.3.4
-    utf-8-validate: ^6.0.3
-    uuid: ^8.3.2
-  peerDependencies:
-    cross-fetch: ^3.1.5
-    eciesjs: ^0.3.16
-    eventemitter2: ^6.4.7
-    readable-stream: ^3.6.2
-    socket.io-client: ^4.5.1
-  checksum: d33e3b6958e889892f378a8d1e3eab9faded2e71f1f5d8eae9ba4f04dc5d196a7ce049b61ace31a7bd545222be8dd23733e09501ee1556d5178d3d1595ad5dca
-  languageName: node
-  linkType: hard
-
-"@metamask/sdk-install-modal-web@npm:0.20.2":
-  version: 0.20.2
-  resolution: "@metamask/sdk-install-modal-web@npm:0.20.2"
-  dependencies:
-    qr-code-styling: ^1.6.0-rc.1
-  peerDependencies:
-    i18next: 22.5.1
-    react: ^18.2.0
-    react-dom: ^18.2.0
-    react-i18next: ^13.2.2
-    react-native: "*"
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-    react-native:
-      optional: true
-  checksum: 6f9fc8182871623ef808e5e4a4ed838441b3944719bb27ad05704d89f3a1d3da8333bfc56e613eb3c26ca3a357e2188173ea26d596f79906aa0c564ce0c37a46
-  languageName: node
-  linkType: hard
-
-"@metamask/sdk@npm:^0.20.3":
-  version: 0.20.3
-  resolution: "@metamask/sdk@npm:0.20.3"
-  dependencies:
-    "@metamask/onboarding": ^1.0.1
-    "@metamask/providers": ^15.0.0
-    "@metamask/sdk-communication-layer": 0.20.2
-    "@metamask/sdk-install-modal-web": 0.20.2
-    "@types/dom-screen-wake-lock": ^1.0.0
-    bowser: ^2.9.0
-    cross-fetch: ^4.0.0
-    debug: ^4.3.4
-    eciesjs: ^0.3.15
-    eth-rpc-errors: ^4.0.3
-    eventemitter2: ^6.4.7
-    i18next: 22.5.1
-    i18next-browser-languagedetector: 7.1.0
-    obj-multiplex: ^1.0.0
-    pump: ^3.0.0
-    qrcode-terminal-nooctal: ^0.12.1
-    react-native-webview: ^11.26.0
-    readable-stream: ^3.6.2
-    rollup-plugin-visualizer: ^5.9.2
-    socket.io-client: ^4.5.1
-    util: ^0.12.4
-    uuid: ^8.3.2
-  peerDependencies:
-    react: ^18.2.0
-    react-dom: ^18.2.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 4f0d80e373507f28029d0f87017887d520f0e7881d6a38e269221009c11b7a8cdfb5cff8c8e123ad3be630e9e8904147d2d7ee7ef4a8b9e2bd11b221dd26c89b
-  languageName: node
-  linkType: hard
-
-"@metamask/utils@npm:^8.3.0":
-  version: 8.4.0
-  resolution: "@metamask/utils@npm:8.4.0"
-  dependencies:
-    "@ethereumjs/tx": ^4.2.0
-    "@noble/hashes": ^1.3.1
-    "@scure/base": ^1.1.3
-    "@types/debug": ^4.1.7
-    debug: ^4.3.4
-    pony-cause: ^2.1.10
-    semver: ^7.5.4
-    superstruct: ^1.0.3
-    uuid: ^9.0.1
-  checksum: 4d45b6972fac10837e19f7cc9439bf016eef05c115f756f49ec696663c8bccc601da0a4b38aee66f1cc6a2d8795ce3879512e8d5142717f9fbd45c400d6500de
-  languageName: node
-  linkType: hard
-
 "@noble/curves@npm:1.3.0, @noble/curves@npm:~1.3.0":
   version: 1.3.0
   resolution: "@noble/curves@npm:1.3.0"
@@ -912,13 +686,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@noble/hashes@npm:^1.3.1":
-  version: 1.4.0
-  resolution: "@noble/hashes@npm:1.4.0"
-  checksum: 8c3f005ee72e7b8f9cff756dfae1241485187254e3f743873e22073d63906863df5d4f13d441b7530ea614b7a093f0d889309f28b59850f33b66cb26a779a4a5
-  languageName: node
-  linkType: hard
-
 "@nodelib/fs.scandir@npm:2.1.5":
   version: 2.1.5
   resolution: "@nodelib/fs.scandir@npm:2.1.5"
@@ -1101,7 +868,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@scure/base@npm:^1.1.3, @scure/base@npm:~1.1.4":
+"@scure/base@npm:~1.1.4":
   version: 1.1.6
   resolution: "@scure/base@npm:1.1.6"
   checksum: 237a46a1f45391fc57719154f14295db936a0b1562ea3e182dd42d7aca082dbb7062a28d6c49af16a7e478b12dae8a0fe678d921ea5056bcc30238d29eb05c55
@@ -1156,13 +923,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@socket.io/component-emitter@npm:~3.1.0":
-  version: 3.1.2
-  resolution: "@socket.io/component-emitter@npm:3.1.2"
-  checksum: c4242bad66f67e6f7b712733d25b43cbb9e19a595c8701c3ad99cbeb5901555f78b095e24852f862fffb43e96f1d8552e62def885ca82ae1bb05da3668fd87d7
-  languageName: node
-  linkType: hard
-
 "@sveltejs/adapter-cloudflare@npm:^4.4.0":
   version: 4.4.0
   resolution: "@sveltejs/adapter-cloudflare@npm:4.4.0"
@@ -1266,22 +1026,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/debug@npm:^4.1.7":
-  version: 4.1.12
-  resolution: "@types/debug@npm:4.1.12"
-  dependencies:
-    "@types/ms": "*"
-  checksum: 5dcd465edbb5a7f226e9a5efd1f399c6172407ef5840686b73e3608ce135eeca54ae8037dcd9f16bdb2768ac74925b820a8b9ecc588a58ca09eca6acabe33e2f
-  languageName: node
-  linkType: hard
-
-"@types/dom-screen-wake-lock@npm:^1.0.0":
-  version: 1.0.3
-  resolution: "@types/dom-screen-wake-lock@npm:1.0.3"
-  checksum: bab45f6a797de562f1bd3c095c49b7c0464ad05e571f38d00adaa35da2b02109bfe587206cc55f420377634cf0f7b07caa5acb3257e49dfd2d94dab74c617bf1
-  languageName: node
-  linkType: hard
-
 "@types/eslint@npm:^8.37.0":
   version: 8.37.0
   resolution: "@types/eslint@npm:8.37.0"
@@ -1330,13 +1074,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/ms@npm:*":
-  version: 0.7.34
-  resolution: "@types/ms@npm:0.7.34"
-  checksum: ac80bd90012116ceb2d188fde62d96830ca847823e8ca71255616bc73991aa7d9f057b8bfab79e8ee44ffefb031ddd1bcce63ea82f9e66f7c31ec02d2d823ccc
-  languageName: node
-  linkType: hard
-
 "@types/node-forge@npm:^1.3.0":
   version: 1.3.11
   resolution: "@types/node-forge@npm:1.3.11"
@@ -1369,15 +1106,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/secp256k1@npm:^4.0.4":
-  version: 4.0.6
-  resolution: "@types/secp256k1@npm:4.0.6"
-  dependencies:
-    "@types/node": "*"
-  checksum: 0e391316ae30c218779583b626382a56546ddbefb65f1ff9cf5e078af8a7118f67f3e66e30914399cc6f8710c424d0d8c3f34262ffb1f429c6ad911fd0d0bc26
-  languageName: node
-  linkType: hard
-
 "@types/semver@npm:^7.3.12":
   version: 7.3.13
   resolution: "@types/semver@npm:7.3.13"
@@ -1691,15 +1419,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"abort-controller@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "abort-controller@npm:3.0.0"
-  dependencies:
-    event-target-shim: ^5.0.0
-  checksum: 90ccc50f010250152509a344eb2e71977fbf8db0ab8f1061197e3275ddf6c61a41a6edfd7b9409c664513131dd96e962065415325ef23efa5db931b382d24ca5
-  languageName: node
-  linkType: hard
-
 "acorn-jsx@npm:^5.3.2":
   version: 5.3.2
   resolution: "acorn-jsx@npm:5.3.2"
@@ -1952,13 +1671,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"base64-js@npm:^1.3.1":
-  version: 1.5.1
-  resolution: "base64-js@npm:1.5.1"
-  checksum: f23823513b63173a001030fae4f2dabe283b99a9d324ade3ad3d148e218134676f1ee8568c877cd79ec1c53158dcf2d2ba527a97c606618928ba99dd930102bf
-  languageName: node
-  linkType: hard
-
 "binary-extensions@npm:^2.0.0":
   version: 2.3.0
   resolution: "binary-extensions@npm:2.3.0"
@@ -1973,20 +1685,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bn.js@npm:^4.11.9":
-  version: 4.12.0
-  resolution: "bn.js@npm:4.12.0"
-  checksum: 9736aaa317421b6b3ed038ff3d4491935a01419ac2d83ddcfebc5717385295fcfcf0c57311d90fe49926d0abbd7a9dbefdd8861e6129939177f7e67ebc645b21
-  languageName: node
-  linkType: hard
-
-"bowser@npm:^2.9.0":
-  version: 2.11.0
-  resolution: "bowser@npm:2.11.0"
-  checksum: 04efeecc7927a9ec33c667fa0965dea19f4ac60b3fea60793c2e6cf06c1dcd2f7ae1dbc656f450c5f50783b1c75cf9dc173ba6f3b7db2feee01f8c4b793e1bd3
-  languageName: node
-  linkType: hard
-
 "brace-expansion@npm:^1.1.7":
   version: 1.1.11
   resolution: "brace-expansion@npm:1.1.11"
@@ -2015,13 +1713,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"brorand@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "brorand@npm:1.1.0"
-  checksum: 6f366d7c4990f82c366e3878492ba9a372a73163c09871e80d82fb4ae0d23f9f8924cb8a662330308206e6b3b76ba1d528b4601c9ef73c2166b440b2ea3b7571
-  languageName: node
-  linkType: hard
-
 "browserslist@npm:^4.23.0":
   version: 4.23.0
   resolution: "browserslist@npm:4.23.0"
@@ -2043,26 +1734,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"buffer@npm:^6.0.3":
-  version: 6.0.3
-  resolution: "buffer@npm:6.0.3"
-  dependencies:
-    base64-js: ^1.3.1
-    ieee754: ^1.2.1
-  checksum: 2a905fbbcde73cc5d8bd18d1caa23715d5f83a5935867c2329f0ac06104204ba7947be098fe1317fbd8830e26090ff8e764f08cd14fefc977bb248c3487bcbd0
-  languageName: node
-  linkType: hard
-
-"bufferutil@npm:^4.0.8":
-  version: 4.0.8
-  resolution: "bufferutil@npm:4.0.8"
-  dependencies:
-    node-gyp: latest
-    node-gyp-build: ^4.3.0
-  checksum: 36cdc5b53a38d9f61f89fdbe62029a2ebcd020599862253fefebe31566155726df9ff961f41b8c97b02b4c12b391ef97faf94e2383392654cf8f0ed68f76e47c
-  languageName: node
-  linkType: hard
-
 "cac@npm:^6.7.14":
   version: 6.7.14
   resolution: "cac@npm:6.7.14"
@@ -2218,17 +1889,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cliui@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "cliui@npm:8.0.1"
-  dependencies:
-    string-width: ^4.2.0
-    strip-ansi: ^6.0.1
-    wrap-ansi: ^7.0.0
-  checksum: 4bda0f09c340cbb6dfdc1ed508b3ca080f12992c18d68c6be4d9cf51756033d5266e61ec57529e610dacbf4da1c634423b0c1b11037709cc6b09045cbd815df5
-  languageName: node
-  linkType: hard
-
 "code-red@npm:^1.0.3":
   version: 1.0.4
   resolution: "code-red@npm:1.0.4"
@@ -2300,31 +1960,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-util-is@npm:~1.0.0":
-  version: 1.0.3
-  resolution: "core-util-is@npm:1.0.3"
-  checksum: 90a0e40abbddfd7618f8ccd63a74d88deea94e77d0e8dbbea059fa7ebebb8fbb4e2909667fe26f3a467073de1a542ebe6ae4c73a73745ac5833786759cd906c9
-  languageName: node
-  linkType: hard
-
-"crc-32@npm:^1.2.0":
-  version: 1.2.2
-  resolution: "crc-32@npm:1.2.2"
-  bin:
-    crc32: bin/crc32.njs
-  checksum: 11dcf4a2e77ee793835d49f2c028838eae58b44f50d1ff08394a610bfd817523f105d6ae4d9b5bef0aad45510f633eb23c903e9902e4409bed1ce70cb82b9bf0
-  languageName: node
-  linkType: hard
-
-"cross-fetch@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "cross-fetch@npm:4.0.0"
-  dependencies:
-    node-fetch: ^2.6.12
-  checksum: 386727dc4c6b044746086aced959ff21101abb85c43df5e1d151547ccb6f338f86dec3f28b9dbddfa8ff5b9ec8662ed2263ad4607a93b2dc354fb7fe3bbb898a
-  languageName: node
-  linkType: hard
-
 "cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
@@ -2362,16 +1997,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"date-fns@npm:^2.29.3":
-  version: 2.30.0
-  resolution: "date-fns@npm:2.30.0"
-  dependencies:
-    "@babel/runtime": ^7.21.0
-  checksum: e4b521fbf22bc8c3db332bbfb7b094fd3e7627de0259a9d17c7551e2d2702608a7307a449206065916538e384f37b181565447ce2637ae09828427aed9cb5581
-  languageName: node
-  linkType: hard
-
-"debug@npm:4, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:~4.3.1, debug@npm:~4.3.2":
+"debug@npm:4, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4":
   version: 4.3.4
   resolution: "debug@npm:4.3.4"
   dependencies:
@@ -2426,13 +2052,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-lazy-prop@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "define-lazy-prop@npm:2.0.0"
-  checksum: db6c63864a9d3b7dc9def55d52764968a5af296de87c1b2cc71d8be8142e445208071953649e0386a8cc37cfcf9a2067a47207f1eb9ff250c2a269658fdae422
-  languageName: node
-  linkType: hard
-
 "define-properties@npm:^1.1.3, define-properties@npm:^1.1.4":
   version: 1.1.4
   resolution: "define-properties@npm:1.1.4"
@@ -2461,13 +2080,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-browser@npm:^5.2.0":
-  version: 5.3.0
-  resolution: "detect-browser@npm:5.3.0"
-  checksum: 88d49b70ce3836e7971345b2ebdd486ad0d457d1e4f066540d0c12f9210c8f731ccbed955fcc9af2f048f5d4629702a8e46bedf5bcad42ad49a3a0927bfd5a76
-  languageName: node
-  linkType: hard
-
 "detect-indent@npm:^6.1.0":
   version: 6.1.0
   resolution: "detect-indent@npm:6.1.0"
@@ -2553,17 +2165,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eciesjs@npm:^0.3.15":
-  version: 0.3.18
-  resolution: "eciesjs@npm:0.3.18"
-  dependencies:
-    "@types/secp256k1": ^4.0.4
-    futoin-hkdf: ^1.5.3
-    secp256k1: ^5.0.0
-  checksum: 88e334b1fb8ae685eadf8023bc4a5c5247c1f7e6b873b8ba8ec84a3e7890352160ca7fcc1b78f75e67e04f2142310e89788a013fbb4f272f2130e76ada5050bc
-  languageName: node
-  linkType: hard
-
 "electron-to-chromium@npm:^1.4.668":
   version: 1.4.772
   resolution: "electron-to-chromium@npm:1.4.772"
@@ -2571,21 +2172,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"elliptic@npm:^6.5.4":
-  version: 6.5.5
-  resolution: "elliptic@npm:6.5.5"
-  dependencies:
-    bn.js: ^4.11.9
-    brorand: ^1.1.0
-    hash.js: ^1.0.0
-    hmac-drbg: ^1.0.1
-    inherits: ^2.0.4
-    minimalistic-assert: ^1.0.1
-    minimalistic-crypto-utils: ^1.0.1
-  checksum: 3e591e93783a1b66f234ebf5bd3a8a9a8e063a75073a35a671e03e3b25253b6e33ac121f7efe9b8808890fffb17b40596cc19d01e6e8d1fa13b9a56ff65597c8
-  languageName: node
-  linkType: hard
-
 "emoji-regex@npm:^8.0.0":
   version: 8.0.0
   resolution: "emoji-regex@npm:8.0.0"
@@ -2609,35 +2195,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"end-of-stream@npm:^1.1.0, end-of-stream@npm:^1.4.0":
-  version: 1.4.4
-  resolution: "end-of-stream@npm:1.4.4"
-  dependencies:
-    once: ^1.4.0
-  checksum: 870b423afb2d54bb8d243c63e07c170409d41e20b47eeef0727547aea5740bd6717aca45597a9f2745525667a6b804c1e7bede41f856818faee5806dd9ff3975
-  languageName: node
-  linkType: hard
-
-"engine.io-client@npm:~6.5.2":
-  version: 6.5.3
-  resolution: "engine.io-client@npm:6.5.3"
-  dependencies:
-    "@socket.io/component-emitter": ~3.1.0
-    debug: ~4.3.1
-    engine.io-parser: ~5.2.1
-    ws: ~8.11.0
-    xmlhttprequest-ssl: ~2.0.0
-  checksum: 15d2136655972984012fe5c92446ff9939c08d872262bbb23cd54be1b66a00d489da93321cd01a8ad72eaf4022cfd73bdc8bccf32fa51c097a96c0b4c679cd7b
-  languageName: node
-  linkType: hard
-
-"engine.io-parser@npm:~5.2.1":
-  version: 5.2.2
-  resolution: "engine.io-parser@npm:5.2.2"
-  checksum: 38e71a92ed75e2873d4d9cfab7f889e4a3cfc939b689abd1045e1b2ef9f1a50d0350a2bef69f33d313c1aa626232702da5a9043a1038d76f5ecc0be440c648ab
-  languageName: node
-  linkType: hard
-
 "entities@npm:^4.4.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
@@ -2911,20 +2468,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escalade@npm:^3.1.1, escalade@npm:^3.1.2":
+"escalade@npm:^3.1.2":
   version: 3.1.2
   resolution: "escalade@npm:3.1.2"
   checksum: 6b4adafecd0682f3aa1cd1106b8fff30e492c7015b178bc81b2d2f75106dabea6c6d6e8508fc491bd58e597c74abb0e8e2368f943ecb9393d4162e3c2f3cf287
   languageName: node
   linkType: hard
 
-"escape-string-regexp@npm:2.0.0":
-  version: 2.0.0
-  resolution: "escape-string-regexp@npm:2.0.0"
-  checksum: 2530479fe8db57eace5e8646c9c2a9c80fa279614986d16dcc6bcaceb63ae77f05a851ba6c43756d816c61d7f4534baf56e3c705e3e0d884818a46808811c507
-  languageName: node
-  linkType: hard
-
 "escape-string-regexp@npm:^4.0.0":
   version: 4.0.0
   resolution: "escape-string-regexp@npm:4.0.0"
@@ -3305,15 +2855,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eth-rpc-errors@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "eth-rpc-errors@npm:4.0.3"
-  dependencies:
-    fast-safe-stringify: ^2.0.6
-  checksum: 332cbc5a957b62bb66ea01da2a467da65026df47e6516a286a969cad74d6002f2b481335510c93f12ca29c46ebc8354e39e2240769d86184f9b4c30832cf5466
-  languageName: node
-  linkType: hard
-
 "ethereum-cryptography@npm:^2.0.0":
   version: 2.1.3
   resolution: "ethereum-cryptography@npm:2.1.3"
@@ -3326,20 +2867,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"event-target-shim@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "event-target-shim@npm:5.0.1"
-  checksum: 0255d9f936215fd206156fd4caa9e8d35e62075d720dc7d847e89b417e5e62cf1ce6c9b4e0a1633a9256de0efefaf9f8d26924b1f3c8620cffb9db78e7d3076b
-  languageName: node
-  linkType: hard
-
-"eventemitter2@npm:^6.4.7":
-  version: 6.4.9
-  resolution: "eventemitter2@npm:6.4.9"
-  checksum: b2adf7d9f1544aa2d95ee271b0621acaf1e309d85ebcef1244fb0ebc7ab0afa6ffd5e371535d0981bc46195ad67fd6ff57a8d1db030584dee69aa5e371a27ea7
-  languageName: node
-  linkType: hard
-
 "eventemitter3@npm:^5.0.1":
   version: 5.0.1
   resolution: "eventemitter3@npm:5.0.1"
@@ -3347,13 +2874,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"events@npm:^3.3.0":
-  version: 3.3.0
-  resolution: "events@npm:3.3.0"
-  checksum: d6b6f2adbccbcda74ddbab52ed07db727ef52e31a61ed26db9feb7dc62af7fc8e060defa65e5f8af9449b86b52cc1a1f6a79f2eafcf4e62add2b7a1fa4a432f6
-  languageName: node
-  linkType: hard
-
 "execa@npm:^8.0.1":
   version: 8.0.1
   resolution: "execa@npm:8.0.1"
@@ -3385,16 +2905,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"extension-port-stream@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "extension-port-stream@npm:3.0.0"
-  dependencies:
-    readable-stream: ^3.6.2 || ^4.4.2
-    webextension-polyfill: ">=0.10.0 <1.0"
-  checksum: 5645ba63b8e77996b75a5aae5a37d169fef13b65d575fa72b0cf9199c7ecd46df7ef76fbf7d6384b375544e48eb2c8912b62200320ed2a5ef9526a00fcc148d9
-  languageName: node
-  linkType: hard
-
 "fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
   version: 3.1.3
   resolution: "fast-deep-equal@npm:3.1.3"
@@ -3449,13 +2959,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-safe-stringify@npm:^2.0.6":
-  version: 2.1.1
-  resolution: "fast-safe-stringify@npm:2.1.1"
-  checksum: d90ec1c963394919828872f21edaa3ad6f1dddd288d2bd4e977027afff09f5db40f94e39536d4646f7e01761d704d72d51dce5af1b93717f3489ef808f5f4e4d
-  languageName: node
-  linkType: hard
-
 "fastq@npm:^1.6.0":
   version: 1.15.0
   resolution: "fastq@npm:1.15.0"
@@ -3613,20 +3116,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"futoin-hkdf@npm:^1.5.3":
-  version: 1.5.3
-  resolution: "futoin-hkdf@npm:1.5.3"
-  checksum: fe87b50d2ac125ca2074e92588ca1df5016e9657267363cb77d8287080639dc31f90e7740f4737aa054c3e687b2ab3456f9b5c55950b94cd2c2010bc441aa5ae
-  languageName: node
-  linkType: hard
-
-"get-caller-file@npm:^2.0.5":
-  version: 2.0.5
-  resolution: "get-caller-file@npm:2.0.5"
-  checksum: c6c7b60271931fa752aeb92f2b47e355eac1af3a2673f47c9589e8f8a41adc74d45551c1bc57b5e66a80609f10ffb72b6f575e4370d61cc3f7f3aaff01757cde
-  languageName: node
-  linkType: hard
-
 "get-func-name@npm:^2.0.1, get-func-name@npm:^2.0.2":
   version: 2.0.2
   resolution: "get-func-name@npm:2.0.2"
@@ -3888,16 +3377,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hash.js@npm:^1.0.0, hash.js@npm:^1.0.3":
-  version: 1.1.7
-  resolution: "hash.js@npm:1.1.7"
-  dependencies:
-    inherits: ^2.0.3
-    minimalistic-assert: ^1.0.1
-  checksum: 41ada59494eac5332cfc1ce6b7ebdd7b88a3864a6d6b08a3ea8ef261332ed60f37f10877e0c825aaa4bddebf164fbffa618286aeeec5296675e2671cbfa746c4
-  languageName: node
-  linkType: hard
-
 "hasown@npm:^2.0.0":
   version: 2.0.2
   resolution: "hasown@npm:2.0.2"
@@ -3914,17 +3393,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hmac-drbg@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "hmac-drbg@npm:1.0.1"
-  dependencies:
-    hash.js: ^1.0.3
-    minimalistic-assert: ^1.0.0
-    minimalistic-crypto-utils: ^1.0.1
-  checksum: f3d9ba31b40257a573f162176ac5930109816036c59a09f901eb2ffd7e5e705c6832bedfff507957125f2086a0ab8f853c0df225642a88bf1fcaea945f20600d
-  languageName: node
-  linkType: hard
-
 "http-cache-semantics@npm:^4.1.1":
   version: 4.1.1
   resolution: "http-cache-semantics@npm:4.1.1"
@@ -3959,24 +3427,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next-browser-languagedetector@npm:7.1.0":
-  version: 7.1.0
-  resolution: "i18next-browser-languagedetector@npm:7.1.0"
-  dependencies:
-    "@babel/runtime": ^7.19.4
-  checksum: d7cd0ea0ad6047e786de665d67b41cbb0940a2983eb2c53dd85a5d71f88e170550bba8de45728470a2b5f88060bed2c79f330aff9806dd50ef58ade0ec7b8ca3
-  languageName: node
-  linkType: hard
-
-"i18next@npm:22.5.1":
-  version: 22.5.1
-  resolution: "i18next@npm:22.5.1"
-  dependencies:
-    "@babel/runtime": ^7.20.6
-  checksum: a284f8d805ebad77114a830e60d5c59485a7f4d45179761f877249b63035572cff4103e5b4702669dff1a0e03b4e8b6df377bc871935f8215e43fd97e8e9e910
-  languageName: node
-  linkType: hard
-
 "iconv-lite@npm:^0.6.2":
   version: 0.6.3
   resolution: "iconv-lite@npm:0.6.3"
@@ -3986,13 +3436,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ieee754@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "ieee754@npm:1.2.1"
-  checksum: b0782ef5e0935b9f12883a2e2aa37baa75da6e66ce6515c168697b42160807d9330de9a32ec1ed73149aea02e0d822e572bca6f1e22bdcbd2149e13b050b17bb
-  languageName: node
-  linkType: hard
-
 "ignore@npm:^5.2.0":
   version: 5.2.4
   resolution: "ignore@npm:5.2.4"
@@ -4048,7 +3491,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.3":
+"inherits@npm:2, inherits@npm:^2.0.3":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 4e531f648b29039fb7426fb94075e6545faa1eb9fe83c29f0b6d9e7263aceb4289d2d4557db0d428188eeb449cc7c5e77b0a0b2c4e248ff2a65933a0dee49ef2
@@ -4066,15 +3509,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"invariant@npm:2.2.4":
-  version: 2.2.4
-  resolution: "invariant@npm:2.2.4"
-  dependencies:
-    loose-envify: ^1.0.0
-  checksum: 5af133a917c0bcf65e84e7f23e779e7abc1cd49cb7fdc62d00d1de74b0d8c1b5ee74ac7766099fb3be1b05b26dfc67bab76a17030d2fe7ea2eef867434362dfc
-  languageName: node
-  linkType: hard
-
 "ip-address@npm:^9.0.5":
   version: 9.0.5
   resolution: "ip-address@npm:9.0.5"
@@ -4168,15 +3602,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-docker@npm:^2.0.0, is-docker@npm:^2.1.1":
-  version: 2.2.1
-  resolution: "is-docker@npm:2.2.1"
-  bin:
-    is-docker: cli.js
-  checksum: e828365958d155f90c409cdbe958f64051d99e8aedc2c8c4cd7c89dcf35329daed42f7b99346f7828df013e27deb8f721cf9408ba878c76eb9e8290235fbcdcc
-  languageName: node
-  linkType: hard
-
 "is-extglob@npm:^2.1.1":
   version: 2.1.1
   resolution: "is-extglob@npm:2.1.1"
@@ -4274,13 +3699,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-stream@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "is-stream@npm:2.0.1"
-  checksum: 7c284241313fc6efc329b8d7f08e16c0efeb6baab1b4cd0ba579eb78e5af1aa5da11e68559896a2067cd6c526bd29241dda4eb1225e627d5aa1a89a76d4635a5
-  languageName: node
-  linkType: hard
-
 "is-stream@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-stream@npm:3.0.0"
@@ -4337,22 +3755,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-wsl@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "is-wsl@npm:2.2.0"
-  dependencies:
-    is-docker: ^2.0.0
-  checksum: a6fa2d370d21be487c0165c7a440d567274fbba1a817f2f0bfa41cc5e3af25041d84267baa22df66696956038a43973e72fca117918c91431920bdef490fa25e
-  languageName: node
-  linkType: hard
-
-"isarray@npm:~1.0.0":
-  version: 1.0.0
-  resolution: "isarray@npm:1.0.0"
-  checksum: 18b5be6669be53425f0b84098732670ed4e727e3af33bc7f948aac01782110eb9a18b3b329c5323bcdd3acdaae547ee077d3951317e7f133bff7105264b3003d
-  languageName: node
-  linkType: hard
-
 "isexe@npm:^2.0.0":
   version: 2.0.0
   resolution: "isexe@npm:2.0.0"
@@ -4396,13 +3798,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-tokens@npm:^3.0.0 || ^4.0.0":
-  version: 4.0.0
-  resolution: "js-tokens@npm:4.0.0"
-  checksum: e248708d377aa058eacf2037b07ded847790e6de892bbad3dac0abba2e759cb9f121b00099a65195616badcb6eca8d14d975cb3e89eb1cfda644756402c8aeed
-  languageName: node
-  linkType: hard
-
 "js-tokens@npm:^9.0.0":
   version: 9.0.0
   resolution: "js-tokens@npm:9.0.0"
@@ -4545,17 +3940,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loose-envify@npm:^1.0.0":
-  version: 1.4.0
-  resolution: "loose-envify@npm:1.4.0"
-  dependencies:
-    js-tokens: ^3.0.0 || ^4.0.0
-  bin:
-    loose-envify: cli.js
-  checksum: 655d110220983c1a4b9c0c679a2e8016d4b67f6e9c7b5435ff5979ecdb20d0813f4dec0a08674fcbdd4846a3f07edbb50a36811fd37930b94aaa0d9daceb017e
-  languageName: node
-  linkType: hard
-
 "loupe@npm:^2.3.6, loupe@npm:^2.3.7":
   version: 2.3.7
   resolution: "loupe@npm:2.3.7"
@@ -4640,13 +4024,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micro-ftch@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "micro-ftch@npm:0.3.1"
-  checksum: b87d35a52aded13cf2daca8d4eaa84e218722b6f83c75ddd77d74f32cc62e699a672e338e1ee19ceae0de91d19cc24dcc1a7c7d78c81f51042fe55f01b196ed3
-  languageName: node
-  linkType: hard
-
 "micromatch@npm:^4.0.4, micromatch@npm:^4.0.5":
   version: 4.0.5
   resolution: "micromatch@npm:4.0.5"
@@ -4711,20 +4088,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimalistic-assert@npm:^1.0.0, minimalistic-assert@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "minimalistic-assert@npm:1.0.1"
-  checksum: 96730e5601cd31457f81a296f521eb56036e6f69133c0b18c13fe941109d53ad23a4204d946a0d638d7f3099482a0cec8c9bb6d642604612ce43ee536be3dddd
-  languageName: node
-  linkType: hard
-
-"minimalistic-crypto-utils@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "minimalistic-crypto-utils@npm:1.0.1"
-  checksum: 790ecec8c5c73973a4fbf2c663d911033e8494d5fb0960a4500634766ab05d6107d20af896ca2132e7031741f19888154d44b2408ada0852446705441383e9f8
-  languageName: node
-  linkType: hard
-
 "minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
   version: 3.1.2
   resolution: "minimatch@npm:3.1.2"
@@ -4834,6 +4197,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mipd@npm:^0.0.7":
+  version: 0.0.7
+  resolution: "mipd@npm:0.0.7"
+  peerDependencies:
+    typescript: ">=5.0.4"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: c536e4fcdc15793b4538f72da389f8901a7eccb2e1eb55d8878f234a45f1c271064650e76fa2967b94743e19cc32ceab3c7b1e0dc614e28a45b0bbd6c987795d
+  languageName: node
+  linkType: hard
+
 "mkdirp@npm:^0.5.1":
   version: 0.5.6
   resolution: "mkdirp@npm:0.5.6"
@@ -4944,29 +4319,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-addon-api@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "node-addon-api@npm:5.1.0"
-  dependencies:
-    node-gyp: latest
-  checksum: 0eb269786124ba6fad9df8007a149e03c199b3e5a3038125dfb3e747c2d5113d406a4e33f4de1ea600aa2339be1f137d55eba1a73ee34e5fff06c52a5c296d1d
-  languageName: node
-  linkType: hard
-
-"node-fetch@npm:^2.6.12":
-  version: 2.7.0
-  resolution: "node-fetch@npm:2.7.0"
-  dependencies:
-    whatwg-url: ^5.0.0
-  peerDependencies:
-    encoding: ^0.1.0
-  peerDependenciesMeta:
-    encoding:
-      optional: true
-  checksum: b55786b6028208e6fbe594ccccc213cab67a72899c9234eb59dba51062a299ea853210fcf526998eaa2867b0963ad72338824450905679ff0fa304b8c5093ae8
-  languageName: node
-  linkType: hard
-
 "node-forge@npm:^1":
   version: 1.3.1
   resolution: "node-forge@npm:1.3.1"
@@ -4974,17 +4326,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-gyp-build@npm:^4.2.0, node-gyp-build@npm:^4.3.0":
-  version: 4.8.1
-  resolution: "node-gyp-build@npm:4.8.1"
-  bin:
-    node-gyp-build: bin.js
-    node-gyp-build-optional: optional.js
-    node-gyp-build-test: build-test.js
-  checksum: e36ca3d2adf2b9cca316695d7687207c19ac6ed326d6d7c68d7112cebe0de4f82d6733dff139132539fcc01cf5761f6c9082a21864ab9172edf84282bc849ce7
-  languageName: node
-  linkType: hard
-
 "node-gyp@npm:latest":
   version: 10.1.0
   resolution: "node-gyp@npm:10.1.0"
@@ -5046,17 +4387,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"obj-multiplex@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "obj-multiplex@npm:1.0.0"
-  dependencies:
-    end-of-stream: ^1.4.0
-    once: ^1.4.0
-    readable-stream: ^2.3.3
-  checksum: 914e979ab40fb26cbe4309a5fc1cc6b6a428aeff17a015b9abb1197894ee67f6f02542ffd76d8e275cc40b18adc125bff6e2d6b5090932798c135100c5942007
-  languageName: node
-  linkType: hard
-
 "object-assign@npm:^4.0.1":
   version: 4.1.1
   resolution: "object-assign@npm:4.1.1"
@@ -5108,7 +4438,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"once@npm:^1.3.0, once@npm:^1.3.1, once@npm:^1.4.0":
+"once@npm:^1.3.0":
   version: 1.4.0
   resolution: "once@npm:1.4.0"
   dependencies:
@@ -5126,17 +4456,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"open@npm:^8.4.0":
-  version: 8.4.2
-  resolution: "open@npm:8.4.2"
-  dependencies:
-    define-lazy-prop: ^2.0.0
-    is-docker: ^2.1.1
-    is-wsl: ^2.2.0
-  checksum: bb6b3a58401dacdb0aad14360626faf3fb7fba4b77816b373495988b724fb48941cad80c1b65d62bb31a17609b2cd91c41a181602caea597ca80dfbcc27e84c9
-  languageName: node
-  linkType: hard
-
 "optionator@npm:^0.9.1":
   version: 0.9.1
   resolution: "optionator@npm:0.9.1"
@@ -5352,13 +4671,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pony-cause@npm:^2.1.10":
-  version: 2.1.11
-  resolution: "pony-cause@npm:2.1.11"
-  checksum: d5db6489ec42f8fcce0fd9ad2052be98cd8f63814bf32819694ec1f4c6a01bc3be6181050d83bc79e95272174a5b9776d1c2af1fa79ef51e0ccc0f97c22b1420
-  languageName: node
-  linkType: hard
-
 "possible-typed-array-names@npm:^1.0.0":
   version: 1.0.0
   resolution: "possible-typed-array-names@npm:1.0.0"
@@ -5569,20 +4881,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"process-nextick-args@npm:~2.0.0":
-  version: 2.0.1
-  resolution: "process-nextick-args@npm:2.0.1"
-  checksum: bec089239487833d46b59d80327a1605e1c5287eaad770a291add7f45fda1bb5e28b38e0e061add0a1d0ee0984788ce74fa394d345eed1c420cacf392c554367
-  languageName: node
-  linkType: hard
-
-"process@npm:^0.11.10":
-  version: 0.11.10
-  resolution: "process@npm:0.11.10"
-  checksum: 40c3ce4b7e6d4b8c3355479df77aeed46f81b279818ccdc500124e6a5ab882c0cc81ff7ea16384873a95a74c4570b01b120f287abbdd4c877931460eca6084b3
-  languageName: node
-  linkType: hard
-
 "promise-retry@npm:^2.0.1":
   version: 2.0.1
   resolution: "promise-retry@npm:2.0.1"
@@ -5593,16 +4891,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pump@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "pump@npm:3.0.0"
-  dependencies:
-    end-of-stream: ^1.1.0
-    once: ^1.3.1
-  checksum: bbdeda4f747cdf47db97428f3a135728669e56a0ae5f354a9ac5b74556556f5446a46f720a8f14ca2ece5be9b4d5d23c346db02b555f46739934cc6c093a5478
-  languageName: node
-  linkType: hard
-
 "punycode@npm:^2.1.0":
   version: 2.2.0
   resolution: "punycode@npm:2.2.0"
@@ -5634,31 +4922,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qr-code-styling@npm:^1.6.0-rc.1":
-  version: 1.6.0-rc.1
-  resolution: "qr-code-styling@npm:1.6.0-rc.1"
-  dependencies:
-    qrcode-generator: ^1.4.3
-  checksum: d62f63ba800dbf7aa645816fca81c9be33d8561deac3686a00b93ce9f68f1784e2f65e59fdc7b1af22e20f37a47f35f8a0c2827043403bfc058b659a14fe02dd
-  languageName: node
-  linkType: hard
-
-"qrcode-generator@npm:^1.4.3":
-  version: 1.4.4
-  resolution: "qrcode-generator@npm:1.4.4"
-  checksum: 3249fcff98cb9fa17c21329d3dfd895e294a2d6ea48161f7b377010779d41f0cd88668b7fb3478a659725061bb0a770b40a227c2f4853e8c4a6b947a9e8bf17a
-  languageName: node
-  linkType: hard
-
-"qrcode-terminal-nooctal@npm:^0.12.1":
-  version: 0.12.1
-  resolution: "qrcode-terminal-nooctal@npm:0.12.1"
-  bin:
-    qrcode-terminal: bin/qrcode-terminal.js
-  checksum: a7e1ce29e4a4be633bbef6d55636da560e3e06d7507f2ec5e840f28d3dee5012d0d0c2cd810f8f8b018d08d47b0eb134177d799a7525a204ac82cbc8bd68cb50
-  languageName: node
-  linkType: hard
-
 "queue-microtask@npm:^1.2.2":
   version: 1.2.3
   resolution: "queue-microtask@npm:1.2.3"
@@ -5673,19 +4936,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-native-webview@npm:^11.26.0":
-  version: 11.26.1
-  resolution: "react-native-webview@npm:11.26.1"
-  dependencies:
-    escape-string-regexp: 2.0.0
-    invariant: 2.2.4
-  peerDependencies:
-    react: "*"
-    react-native: "*"
-  checksum: 9399929f2b598a66634c4663fa7703144eeab10c7027f72de7e9af6da6d96f12ead1cc2fdbb09b9aab4d1410b0578d11aa5b7c3db70ffa92fb0329cf181099a5
-  languageName: node
-  linkType: hard
-
 "read-cache@npm:^1.0.0":
   version: 1.0.0
   resolution: "read-cache@npm:1.0.0"
@@ -5695,45 +4945,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:^2.3.3":
-  version: 2.3.8
-  resolution: "readable-stream@npm:2.3.8"
-  dependencies:
-    core-util-is: ~1.0.0
-    inherits: ~2.0.3
-    isarray: ~1.0.0
-    process-nextick-args: ~2.0.0
-    safe-buffer: ~5.1.1
-    string_decoder: ~1.1.1
-    util-deprecate: ~1.0.1
-  checksum: 7efdb01f3853bc35ac62ea25493567bf588773213f5f4a79f9c365e1ad13bab845ac0dae7bc946270dc40c3929483228415e92a3fc600cc7e4548992f41ee3fa
-  languageName: node
-  linkType: hard
-
-"readable-stream@npm:^3.6.2":
-  version: 3.6.2
-  resolution: "readable-stream@npm:3.6.2"
-  dependencies:
-    inherits: ^2.0.3
-    string_decoder: ^1.1.1
-    util-deprecate: ^1.0.1
-  checksum: e37be5c79c376fdd088a45fa31ea2e423e5d48854be7a22a58869b4e84d25047b193f6acb54f1012331e1bcd667ffb569c01b99d36b0bd59658fb33f513511b7
-  languageName: node
-  linkType: hard
-
-"readable-stream@npm:^3.6.2 || ^4.4.2":
-  version: 4.5.2
-  resolution: "readable-stream@npm:4.5.2"
-  dependencies:
-    abort-controller: ^3.0.0
-    buffer: ^6.0.3
-    events: ^3.3.0
-    process: ^0.11.10
-    string_decoder: ^1.3.0
-  checksum: a2c80e0e53aabd91d7df0330929e32d0a73219f9477dbbb18472f6fdd6a11a699fc5d172a1beff98d50eae4f1496c950ffa85b7cc2c4c196963f289a5f39275d
-  languageName: node
-  linkType: hard
-
 "readdirp@npm:~3.6.0":
   version: 3.6.0
   resolution: "readdirp@npm:3.6.0"
@@ -5743,13 +4954,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regenerator-runtime@npm:^0.14.0":
-  version: 0.14.1
-  resolution: "regenerator-runtime@npm:0.14.1"
-  checksum: 1b16eb2c4bceb1665c89de70dcb64126a22bc8eb958feef3cd68fe11ac6d2a4899b5cd1b80b0774c7c03591dc57d16631a7f69d2daa2ec98100e2f29f7ec4cc4
-  languageName: node
-  linkType: hard
-
 "regexp.prototype.flags@npm:^1.4.3":
   version: 1.4.3
   resolution: "regexp.prototype.flags@npm:1.4.3"
@@ -5775,13 +4979,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"require-directory@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "require-directory@npm:2.1.1"
-  checksum: 83aa76a7bc1531f68d92c75a2ca2f54f1b01463cb566cf3fbc787d0de8be30c9dbc211d1d46be3497dac5785fe296f2dd11d531945ac29730643357978966e99
-  languageName: node
-  linkType: hard
-
 "resolve-from@npm:^4.0.0":
   version: 4.0.0
   resolution: "resolve-from@npm:4.0.0"
@@ -5904,25 +5101,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup-plugin-visualizer@npm:^5.9.2":
-  version: 5.12.0
-  resolution: "rollup-plugin-visualizer@npm:5.12.0"
-  dependencies:
-    open: ^8.4.0
-    picomatch: ^2.3.1
-    source-map: ^0.7.4
-    yargs: ^17.5.1
-  peerDependencies:
-    rollup: 2.x || 3.x || 4.x
-  peerDependenciesMeta:
-    rollup:
-      optional: true
-  bin:
-    rollup-plugin-visualizer: dist/bin/cli.js
-  checksum: 0e44a641223377ebb472bb10f2b22efa773b5f6fbe8d54f197f07c68d7a432cbf00abad79a0aa1570f70c673c792f24700d926d663ed9a4d0ad8406ae5a0f4e4
-  languageName: node
-  linkType: hard
-
 "rollup-pluginutils@npm:^2.8.1":
   version: 2.8.2
   resolution: "rollup-pluginutils@npm:2.8.2"
@@ -6026,20 +5204,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-buffer@npm:~5.1.0, safe-buffer@npm:~5.1.1":
-  version: 5.1.2
-  resolution: "safe-buffer@npm:5.1.2"
-  checksum: 780ba6b5d99cc9a40f7b951d47152297d0e260f0df01472a1b99d4889679a4b94a13d644f7dbc4f022572f09ae9005fa2fbb93bbbd83643316f365a3e9a45b21
-  languageName: node
-  linkType: hard
-
-"safe-buffer@npm:~5.2.0":
-  version: 5.2.1
-  resolution: "safe-buffer@npm:5.2.1"
-  checksum: 6501914237c0a86e9675d4e51d89ca3c21ffd6a31642efeba25ad65720bce6921c9e7e974e5be91a786b25aa058b5303285d3c15dbabf983a919f5f630d349f3
-  languageName: node
-  linkType: hard
-
 "safe-regex-test@npm:^1.0.0":
   version: 1.0.0
   resolution: "safe-regex-test@npm:1.0.0"
@@ -6070,18 +5234,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"secp256k1@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "secp256k1@npm:5.0.0"
-  dependencies:
-    elliptic: ^6.5.4
-    node-addon-api: ^5.0.0
-    node-gyp: latest
-    node-gyp-build: ^4.2.0
-  checksum: b9ab4c952babfe6103978b2f656265041ebe09b8a91b26a796cbcbe04d2252e28e12ec50d5ed3006bf2ca5feef6edcbd71c7c85122615f5ffbcd1acdd564f77f
-  languageName: node
-  linkType: hard
-
 "selfsigned@npm:^2.0.1":
   version: 2.4.1
   resolution: "selfsigned@npm:2.4.1"
@@ -6208,28 +5360,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socket.io-client@npm:^4.5.1":
-  version: 4.7.5
-  resolution: "socket.io-client@npm:4.7.5"
-  dependencies:
-    "@socket.io/component-emitter": ~3.1.0
-    debug: ~4.3.2
-    engine.io-client: ~6.5.2
-    socket.io-parser: ~4.2.4
-  checksum: d5dc90ee63755fbbb0a1cb3faf575c9ce20d98e809a43a4c9c3ce03a56b8810335ae38e678ceb0650ac434d55e72ea6449c2e5d6db8bc7258f7c529148fac99d
-  languageName: node
-  linkType: hard
-
-"socket.io-parser@npm:~4.2.4":
-  version: 4.2.4
-  resolution: "socket.io-parser@npm:4.2.4"
-  dependencies:
-    "@socket.io/component-emitter": ~3.1.0
-    debug: ~4.3.1
-  checksum: 9383b30358fde4a801ea4ec5e6860915c0389a091321f1c1f41506618b5cf7cd685d0a31c587467a0c4ee99ef98c2b99fb87911f9dfb329716c43b587f29ca48
-  languageName: node
-  linkType: hard
-
 "socks-proxy-agent@npm:^8.0.3":
   version: 8.0.3
   resolution: "socks-proxy-agent@npm:8.0.3"
@@ -6279,13 +5409,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map@npm:^0.7.4":
-  version: 0.7.4
-  resolution: "source-map@npm:0.7.4"
-  checksum: dc0cf3768fe23c345ea8760487f8c97ef6fca8a73c83cd7c9bf2fde8bc2c34adb9c0824d6feb14bc4f9e37fb522e18af621543f1289038a66ac7586da29aa7dc
-  languageName: node
-  linkType: hard
-
 "sourcemap-codec@npm:^1.4.8":
   version: 1.4.8
   resolution: "sourcemap-codec@npm:1.4.8"
@@ -6340,7 +5463,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
+"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0":
   version: 4.2.3
   resolution: "string-width@npm:4.2.3"
   dependencies:
@@ -6384,24 +5507,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string_decoder@npm:^1.1.1, string_decoder@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "string_decoder@npm:1.3.0"
-  dependencies:
-    safe-buffer: ~5.2.0
-  checksum: 810614ddb030e271cd591935dcd5956b2410dd079d64ff92a1844d6b7588bf992b3e1b69b0f4d34a3e06e0bd73046ac646b5264c1987b20d0601f81ef35d731d
-  languageName: node
-  linkType: hard
-
-"string_decoder@npm:~1.1.1":
-  version: 1.1.1
-  resolution: "string_decoder@npm:1.1.1"
-  dependencies:
-    safe-buffer: ~5.1.0
-  checksum: b4f89f3a92fd101b5653ca3c99550e07bdf9e13b35037e9e2a1c7b47cec4e55e06ff3fc468e314a0b5e80bfbaf65c1ca5a84978764884ae9413bec1fc6ca924e
-  languageName: node
-  linkType: hard
-
 "strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
   version: 6.0.1
   resolution: "strip-ansi@npm:6.0.1"
@@ -6477,13 +5582,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"superstruct@npm:^1.0.3":
-  version: 1.0.4
-  resolution: "superstruct@npm:1.0.4"
-  checksum: d355f1a96fa314e9df217aa371e8f22854644e7b600b7b0faa36860a8e50f61a60a6f1189ecf166171bf438aa6581bbd0d3adae1a65f03a3c43c62fd843e925c
-  languageName: node
-  linkType: hard
-
 "supports-color@npm:^7.1.0":
   version: 7.2.0
   resolution: "supports-color@npm:7.2.0"
@@ -6734,13 +5832,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tr46@npm:~0.0.3":
-  version: 0.0.3
-  resolution: "tr46@npm:0.0.3"
-  checksum: 047cb209a6b60c742f05c9d3ace8fa510bff609995c129a37ace03476a9b12db4dbf975e74600830ef0796e18882b2381fb5fb1f6b4f96b832c374de3ab91a11
-  languageName: node
-  linkType: hard
-
 "ts-api-utils@npm:^1.3.0":
   version: 1.3.0
   resolution: "ts-api-utils@npm:1.3.0"
@@ -6944,24 +6035,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"utf-8-validate@npm:^6.0.3":
-  version: 6.0.4
-  resolution: "utf-8-validate@npm:6.0.4"
-  dependencies:
-    node-gyp: latest
-    node-gyp-build: ^4.3.0
-  checksum: f7042d94aec6ca02461b64e725bdc7262266610dbb787331e5bbd49374ef6f75fe9900600df3fc63d97906c23614a965c8989b4bf95d70bf35dc617da99215e7
-  languageName: node
-  linkType: hard
-
-"util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2, util-deprecate@npm:~1.0.1":
+"util-deprecate@npm:^1.0.2":
   version: 1.0.2
   resolution: "util-deprecate@npm:1.0.2"
   checksum: 41a5bdd214df2f6c3ecf8622745e4a366c4adced864bc3c833739791aeeeb1838119af7daed4ba36428114b5c67dcda034a79c882e97e43c03e66a4dd7389942
   languageName: node
   linkType: hard
 
-"util@npm:^0.12.4, util@npm:^0.12.5":
+"util@npm:^0.12.5":
   version: 0.12.5
   resolution: "util@npm:0.12.5"
   dependencies:
@@ -6974,24 +6055,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uuid@npm:^8.3.2":
-  version: 8.3.2
-  resolution: "uuid@npm:8.3.2"
-  bin:
-    uuid: dist/bin/uuid
-  checksum: bcbb807a917d374a49f475fae2e87fdca7da5e5530820ef53f65ba1d12131bd81a92ecf259cc7ce317cbe0f289e7d79fdfebcef9bfa3087c8c8a2fa304c9be54
-  languageName: node
-  linkType: hard
-
-"uuid@npm:^9.0.1":
-  version: 9.0.1
-  resolution: "uuid@npm:9.0.1"
-  bin:
-    uuid: dist/bin/uuid
-  checksum: 1607dd32ac7fc22f2d8f77051e6a64845c9bce5cd3dd8aa0070c074ec73e666a1f63c7b4e0f4bf2bc8b9d59dc85a15e17807446d9d2b17c8485fbc2147b27f9b
-  languageName: node
-  linkType: hard
-
 "vite-node@npm:1.6.0":
   version: 1.6.0
   resolution: "vite-node@npm:1.6.0"
@@ -7172,7 +6235,6 @@ __metadata:
   resolution: "web@workspace:web"
   dependencies:
     "@floating-ui/dom": 1.6.5
-    "@metamask/sdk": ^0.20.3
     "@skeletonlabs/skeleton": 2.10.0
     "@skeletonlabs/tw-plugin": 0.4.0
     "@sveltejs/adapter-cloudflare": ^4.4.0
@@ -7189,6 +6251,7 @@ __metadata:
     eslint-config-prettier: ^9.1.0
     eslint-plugin-svelte: ^2.35.1
     highlight.js: 11.9.0
+    mipd: ^0.0.7
     postcss: 8.4.38
     prettier: ^3.1.1
     prettier-plugin-svelte: ^3.1.2
@@ -7205,37 +6268,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"webextension-polyfill@npm:>=0.10.0 <1.0":
-  version: 0.12.0
-  resolution: "webextension-polyfill@npm:0.12.0"
-  checksum: 5ace2aaaf6a203515bdd2fb948622f186a5fbb50099b539ce9c0ad54896f9cc1fcc3c0e2a71d1f7071dd7236d7daebba1e0cbcf43bfdfe54361addf0333ee7d1
-  languageName: node
-  linkType: hard
-
-"webextension-polyfill@npm:^0.10.0":
-  version: 0.10.0
-  resolution: "webextension-polyfill@npm:0.10.0"
-  checksum: 6a45278f1fed8fbd5355f9b19a7b0b3fadc91fa3a6eef69125a1706bb3efa2181235eefbfb3f538443bb396cfcb97512361551888ce8465c08914431cb2d5b6d
-  languageName: node
-  linkType: hard
-
-"webidl-conversions@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "webidl-conversions@npm:3.0.1"
-  checksum: 5612d5f3e54760a797052eb4927f0ddc01383550f542ccd33d5238cfd65aeed392a45ad38364970d0a0f4fea32e1f4d231b3d8dac4a3bdd385e5cf802ae097db
-  languageName: node
-  linkType: hard
-
-"whatwg-url@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "whatwg-url@npm:5.0.0"
-  dependencies:
-    tr46: ~0.0.3
-    webidl-conversions: ^3.0.0
-  checksum: 1588bed84d10b72d5eec1d0faa0722ba1962f1821e7539c535558fb5398d223b0c50d8acab950b8c488b4ba69043fd833cc2697056b167d8ad46fac3995a55d5
-  languageName: node
-  linkType: hard
-
 "which-boxed-primitive@npm:^1.0.2":
   version: 1.0.2
   resolution: "which-boxed-primitive@npm:1.0.2"
@@ -7394,7 +6426,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version: 7.0.0
   resolution: "wrap-ansi@npm:7.0.0"
   dependencies:
@@ -7438,28 +6470,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:~8.11.0":
-  version: 8.11.0
-  resolution: "ws@npm:8.11.0"
-  peerDependencies:
-    bufferutil: ^4.0.1
-    utf-8-validate: ^5.0.2
-  peerDependenciesMeta:
-    bufferutil:
-      optional: true
-    utf-8-validate:
-      optional: true
-  checksum: b672b312f357afba8568b9dbb9e08b9e8a20845659b35fa6b340dc848efe371379f5e22bb1dc89c4b2940d5e2dc52dd1de85dde41776875fce115a448f94754f
-  languageName: node
-  linkType: hard
-
-"xmlhttprequest-ssl@npm:~2.0.0":
-  version: 2.0.0
-  resolution: "xmlhttprequest-ssl@npm:2.0.0"
-  checksum: b64ab371459bd5e3a4827e3c7535759047d285fd310aea6fd028973d547133f3be0d473c1fdae9f14d89bf509267759198ae1fbe89802079a7e217ddd990d734
-  languageName: node
-  linkType: hard
-
 "xxhash-wasm@npm:^1.0.1":
   version: 1.0.2
   resolution: "xxhash-wasm@npm:1.0.2"
@@ -7467,13 +6477,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"y18n@npm:^5.0.5":
-  version: 5.0.8
-  resolution: "y18n@npm:5.0.8"
-  checksum: 4df2842c36e468590c3691c894bc9cdbac41f520566e76e24f59401ba7d8b4811eb1e34524d57e54bc6d864bcb66baab7ffd9ca42bf1eda596618f9162b91249
-  languageName: node
-  linkType: hard
-
 "yallist@npm:^4.0.0":
   version: 4.0.0
   resolution: "yallist@npm:4.0.0"
@@ -7497,28 +6500,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^21.1.1":
-  version: 21.1.1
-  resolution: "yargs-parser@npm:21.1.1"
-  checksum: f84b5e48169479d2f402239c59f084cfd1c3acc197a05c59b98bab067452e6b3ea46d4dd8ba2985ba7b3d32a343d77df0debd6b343e5dae3da2aab2cdf5886b2
-  languageName: node
-  linkType: hard
-
-"yargs@npm:^17.5.1":
-  version: 17.7.2
-  resolution: "yargs@npm:17.7.2"
-  dependencies:
-    cliui: ^8.0.1
-    escalade: ^3.1.1
-    get-caller-file: ^2.0.5
-    require-directory: ^2.1.1
-    string-width: ^4.2.3
-    y18n: ^5.0.5
-    yargs-parser: ^21.1.1
-  checksum: ccd7e723e61ad5965fffbb791366db689572b80cca80e0f96aad968dfff4156cd7cd1ad18607afe1046d8241e6fb2d6c08bf7fa7bfb5eaec818735d8feac8f05
-  languageName: node
-  linkType: hard
-
 "yocto-queue@npm:^0.1.0":
   version: 0.1.0
   resolution: "yocto-queue@npm:0.1.0"

From 6cfef731aaf8c3c2c9af050017485bfa8c56fdce Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Thu, 23 May 2024 14:32:25 +0200
Subject: [PATCH 02/11] something

---
 web/src/lib/stores/wallet.ts | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/stores/wallet.ts b/web/src/lib/stores/wallet.ts
index 8e5f9f9..7448bfe 100644
--- a/web/src/lib/stores/wallet.ts
+++ b/web/src/lib/stores/wallet.ts
@@ -1,7 +1,27 @@
 import { readable, writable } from 'svelte/store';
-import { createStore, type EIP6963ProviderDetail } from 'mipd';
+import { announceProvider, createStore, type EIP6963ProviderDetail } from 'mipd';
+import { dev } from '$app/environment';
 
 export const selectedProvider = writable<false | EIP6963ProviderDetail>();
 
 const store = createStore();
 export const providers = readable(store.getProviders(), store.subscribe);
+
+// want to use impersonator, hack to add it on the provider list
+try {
+	if (dev && typeof window !== 'undefined') {
+		setTimeout(() => {
+			announceProvider({
+				info: {
+					icon: 'https://pa1.aminoapps.com/8618/9035ab93575fa9b12d8f3d6bf5cad45abf10d18fr1-720-450_hq.gif',
+					name: 'Non-EIP6963Provider',
+					rdns: 'window.ethereum',
+					uuid: '00000000-0000-0000-0000-000000000000'
+				},
+				provider: window.ethereum
+			});
+		}, 1000);
+	}
+} catch {
+	console.log('skip announceProvider');
+}

From faf3db6b10d1fc17f4337ebb563f2bc126cac53b Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Mon, 27 May 2024 13:24:27 +0200
Subject: [PATCH 03/11] prettfy listing transactions

---
 web/package.json                              |  3 +-
 .../lib/components/ResponseSendModal.svelte   | 56 +++++++++++++++++--
 web/src/lib/components/TokenList.svelte       |  9 ++-
 web/src/lib/formatters.ts                     |  5 ++
 yarn.lock                                     | 46 ++++++++-------
 5 files changed, 90 insertions(+), 29 deletions(-)
 create mode 100644 web/src/lib/formatters.ts

diff --git a/web/package.json b/web/package.json
index 33101fd..8122e43 100644
--- a/web/package.json
+++ b/web/package.json
@@ -44,8 +44,9 @@
 	"type": "module",
 	"dependencies": {
 		"@floating-ui/dom": "1.6.5",
+		"date-fns": "^3.6.0",
 		"highlight.js": "11.9.0",
 		"mipd": "^0.0.7",
-		"web3-utils": "^4.2.3"
+		"web3-utils": "^4.3.0"
 	}
 }
diff --git a/web/src/lib/components/ResponseSendModal.svelte b/web/src/lib/components/ResponseSendModal.svelte
index de840ba..e3b23c8 100644
--- a/web/src/lib/components/ResponseSendModal.svelte
+++ b/web/src/lib/components/ResponseSendModal.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
 	import type { SvelteComponent } from 'svelte';
 
-	import { CodeBlock, getModalStore } from '@skeletonlabs/skeleton';
+	import { getModalStore } from '@skeletonlabs/skeleton';
 	import { hacks_getQuota } from '$lib/hacks';
+	import { formatDuration } from '$lib/formatters';
+	import { fromWei } from 'web3-utils';
 
 	// Props
 	/** Exposes parent props to this component. */
@@ -12,6 +14,11 @@
 	const modalStore = getModalStore();
 
 	$: quota = hacks_getQuota($modalStore[0]?.value);
+	$: token = $modalStore[0]?.meta.tokens.get($modalStore[0]?.value.token);
+
+	async function submitTransaction(transaction: Object) {
+		console.log(transaction);
+	}
 
 	// Base Classes
 	const cBase = 'card p-4 w-modal shadow-xl space-y-4';
@@ -24,15 +31,52 @@
 		<article>
 			{#await quota}
 				<p>...waiting</p>
-			{:then data}
-				<CodeBlock language="json" code={JSON.stringify(data, null, 2)}></CodeBlock>
+			{:then response}
+				<article class="container mx-auto p-4">
+					<ul class="space-y-4">
+						{#each response.data as data}
+							{@const network = $modalStore[0]?.meta.networks.get(data.sourceChain)}
+							{@const balance = $modalStore[0]?.meta.balances
+								.get(token.symbol)
+								.find(({ chainId }) => chainId === data.sourceChain)}
+							<li class="bg-gray-700 p-4 rounded-lg flex justify-between items-center mb-4">
+								<div class="flex items-center">
+									<img src={network.logoURI} alt="Source Chain Icon" class="w-8 h-8 mr-2" />
+									<div>
+										<p class="text-lg font-semibold">
+											{fromWei(data.transaction.value, token.decimals)}
+											{token.name} on {network.name}
+										</p>
+										<p class="text-sm text-gray-400">
+											Balance: {fromWei(balance.balance, token.decimals)}
+											{token.name}
+										</p>
+										<p class="text-sm text-gray-400">Fee: {data.fee.amountUSD} USD</p>
+									</div>
+								</div>
+								<div class="flex flex-col items-center justify-center h-full">
+									<button
+										class="border border-blue-500 text-blue-500 text-xs px-2 py-1 rounded mb-1"
+										on:click={() => submitTransaction(data.transaction)}
+									>
+										Submit & Send
+									</button>
+									<p class="text-gray-400 text-xs">
+										Estimated Time {formatDuration(data.duration)}
+									</p>
+								</div>
+							</li>
+						{/each}
+					</ul>
+				</article>
 			{:catch error}
 				<p style="color: red">{error.message}</p>
 			{/await}
 		</article>
-		<!-- prettier-ignore -->
 		<footer class="modal-footer {parent.regionFooter}">
-            <button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>{parent.buttonTextCancel}</button>
-        </footer>
+			<button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>
+				{parent.buttonTextCancel}
+			</button>
+		</footer>
 	</div>
 {/if}
diff --git a/web/src/lib/components/TokenList.svelte b/web/src/lib/components/TokenList.svelte
index 5089a46..ab149b4 100644
--- a/web/src/lib/components/TokenList.svelte
+++ b/web/src/lib/components/TokenList.svelte
@@ -40,12 +40,15 @@
 		modalStore.trigger(modal);
 	}
 
-	function handleTokenSending(value: Object) {
+	async function handleTokenSending(value: Object) {
+		const data = await promise;
+
 		const modal: ModalSettings = {
 			type: 'component',
 			component: { ref: ResponseSendModal },
-			title: 'Sending tokens',
-			value
+			title: 'Submit transactions',
+			value,
+			meta: data.raw
 		};
 		modalStore.trigger(modal);
 	}
diff --git a/web/src/lib/formatters.ts b/web/src/lib/formatters.ts
new file mode 100644
index 0000000..edecb8e
--- /dev/null
+++ b/web/src/lib/formatters.ts
@@ -0,0 +1,5 @@
+import { intlFormatDistance } from 'date-fns';
+
+export function formatDuration(value: number): string {
+	return intlFormatDistance(value / 10000, 0);
+}
diff --git a/yarn.lock b/yarn.lock
index a25c2ea..1fd7c3a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1997,6 +1997,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"date-fns@npm:^3.6.0":
+  version: 3.6.0
+  resolution: "date-fns@npm:3.6.0"
+  checksum: 0b5fb981590ef2f8e5a3ba6cd6d77faece0ea7f7158948f2eaae7bbb7c80a8f63ae30b01236c2923cf89bb3719c33aeb150c715ea4fe4e86e37dcf06bed42fb6
+  languageName: node
+  linkType: hard
+
 "debug@npm:4, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4":
   version: 4.3.4
   resolution: "debug@npm:4.3.4"
@@ -6188,45 +6195,45 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-errors@npm:^1.1.4":
-  version: 1.1.4
-  resolution: "web3-errors@npm:1.1.4"
+"web3-errors@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "web3-errors@npm:1.2.0"
   dependencies:
-    web3-types: ^1.3.1
-  checksum: a87d2846cfa8dd007fe3b3b474e1e83eaa0609b973413b9bd64f993a34ad6ce527606d4d09bcdcacb352a0b50a084e55ff50100b55d237a2500e22eb84e83e7d
+    web3-types: ^1.6.0
+  checksum: 3028ef33ba50f4441e02ff47f56afec226c6946bbb019dbf6260760b7d5980bb42cf9b1ff497ac3442ed498c386e5ca37a7ad20e71b3482e6b3b90b70f1b5249
   languageName: node
   linkType: hard
 
-"web3-types@npm:^1.3.1, web3-types@npm:^1.5.0, web3-types@npm:^1.6.0":
+"web3-types@npm:^1.6.0":
   version: 1.6.0
   resolution: "web3-types@npm:1.6.0"
   checksum: 346f40be29617190888e9fabcc7a205910cee32f3d761e6cf1a59c25214431ddb81f5c008d49229fee04813ac505419c7b12c81ccfd8b38f50612e6b0e16b3be
   languageName: node
   linkType: hard
 
-"web3-utils@npm:^4.2.3":
-  version: 4.2.3
-  resolution: "web3-utils@npm:4.2.3"
+"web3-utils@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "web3-utils@npm:4.3.0"
   dependencies:
     ethereum-cryptography: ^2.0.0
     eventemitter3: ^5.0.1
-    web3-errors: ^1.1.4
+    web3-errors: ^1.2.0
     web3-types: ^1.6.0
-    web3-validator: ^2.0.5
-  checksum: 6f76b81586896c5159c7ae3456e066799b64efb69a8d38bfc6fa35933e931711e79a7d55534bfeed4352a77e556c6ad9bcfcc36855e0f7d41b57eabb4221f402
+    web3-validator: ^2.0.6
+  checksum: 884e553cacd8009440dcbd1ba80516fadf054b558aa974228f71e20fb2636afab94c3af0d386e88fb662245114ff5d3b251d45bb9b35f1fad8b20f6e1ef49743
   languageName: node
   linkType: hard
 
-"web3-validator@npm:^2.0.5":
-  version: 2.0.5
-  resolution: "web3-validator@npm:2.0.5"
+"web3-validator@npm:^2.0.6":
+  version: 2.0.6
+  resolution: "web3-validator@npm:2.0.6"
   dependencies:
     ethereum-cryptography: ^2.0.0
     util: ^0.12.5
-    web3-errors: ^1.1.4
-    web3-types: ^1.5.0
+    web3-errors: ^1.2.0
+    web3-types: ^1.6.0
     zod: ^3.21.4
-  checksum: 456f4d36e61416f402c4b71abb2ccfb4a8ad442f01ac36bd70d75a53f5d2f8bf59009373de438ec16ec32d544c50a03013e9fd2d1778c43eaab67cab94f1eb98
+  checksum: 28728773b9abad2531f7a4145784db56ec9ecffeb25cc9f6fe67bedeb01a1833b1a5d1a2e0f431ce4a3c8c6f13b111f35202dd8fa0829c6e2fcd68c58d1d5658
   languageName: node
   linkType: hard
 
@@ -6247,6 +6254,7 @@ __metadata:
     "@typescript-eslint/eslint-plugin": ^7.0.0
     "@typescript-eslint/parser": ^7.0.0
     autoprefixer: 10.4.19
+    date-fns: ^3.6.0
     eslint: ^8.56.0
     eslint-config-prettier: ^9.1.0
     eslint-plugin-svelte: ^2.35.1
@@ -6263,7 +6271,7 @@ __metadata:
     vite: ^5.0.3
     vite-plugin-tailwind-purgecss: 0.3.3
     vitest: ^1.2.0
-    web3-utils: ^4.2.3
+    web3-utils: ^4.3.0
     wrangler: ^3.57.0
   languageName: unknown
   linkType: soft

From e2fffa4478f2aedfb07cdb073e296f4675321c15 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Mon, 27 May 2024 14:02:29 +0200
Subject: [PATCH 04/11] submit TX action

---
 web/package.json                              |   1 +
 .../lib/components/ResponseSendModal.svelte   |  81 ++++-
 yarn.lock                                     | 330 +++++++++++++++++-
 3 files changed, 394 insertions(+), 18 deletions(-)

diff --git a/web/package.json b/web/package.json
index 8122e43..0f28612 100644
--- a/web/package.json
+++ b/web/package.json
@@ -47,6 +47,7 @@
 		"date-fns": "^3.6.0",
 		"highlight.js": "11.9.0",
 		"mipd": "^0.0.7",
+		"web3": "^4.9.0",
 		"web3-utils": "^4.3.0"
 	}
 }
diff --git a/web/src/lib/components/ResponseSendModal.svelte b/web/src/lib/components/ResponseSendModal.svelte
index e3b23c8..f5658a8 100644
--- a/web/src/lib/components/ResponseSendModal.svelte
+++ b/web/src/lib/components/ResponseSendModal.svelte
@@ -4,7 +4,9 @@
 	import { getModalStore } from '@skeletonlabs/skeleton';
 	import { hacks_getQuota } from '$lib/hacks';
 	import { formatDuration } from '$lib/formatters';
-	import { fromWei } from 'web3-utils';
+	import { fromWei, toHex } from 'web3-utils';
+	import { selectedProvider } from '$lib/stores/wallet';
+	import { Web3 } from 'web3';
 
 	// Props
 	/** Exposes parent props to this component. */
@@ -16,8 +18,43 @@
 	$: quota = hacks_getQuota($modalStore[0]?.value);
 	$: token = $modalStore[0]?.meta.tokens.get($modalStore[0]?.value.token);
 
-	async function submitTransaction(transaction: Object) {
-		console.log(transaction);
+	const submitting: boolean[] = [];
+	const successful: boolean[] = [];
+	// TODO: there is not place for this over here! refactor it to somewhere
+	async function submitTransaction(transaction: Object, index: number) {
+		try {
+			submitting[index] = true;
+
+			// Preparation /w questionable approach but will see for now
+			try {
+				await $selectedProvider.provider.request({
+					method: 'wallet_switchEthereumChain',
+					params: [{ chainId: toHex(transaction.chainId) }]
+				});
+			} catch (error) {
+				if (error.code === 4902) {
+					const network = $modalStore[0]?.meta.networks.get(transaction.chainId);
+					await $selectedProvider.provider.request({
+						method: 'wallet_addEthereumChain',
+						params: [
+							{
+								chainName: network.name,
+								chainId: toHex(transaction.chainId),
+								rpcUrls: network.rpcURLs
+							}
+						]
+					});
+				}
+			}
+
+			const web3 = new Web3($selectedProvider.provider);
+			const receipt = await web3.eth.sendTransaction(transaction);
+
+			console.warn(`TX receipt: `, receipt);
+			successful[index] = true;
+		} catch {
+			submitting[index] = false;
+		}
 	}
 
 	// Base Classes
@@ -34,7 +71,7 @@
 			{:then response}
 				<article class="container mx-auto p-4">
 					<ul class="space-y-4">
-						{#each response.data as data}
+						{#each response.data as data, index}
 							{@const network = $modalStore[0]?.meta.networks.get(data.sourceChain)}
 							{@const balance = $modalStore[0]?.meta.balances
 								.get(token.symbol)
@@ -55,15 +92,33 @@
 									</div>
 								</div>
 								<div class="flex flex-col items-center justify-center h-full">
-									<button
-										class="border border-blue-500 text-blue-500 text-xs px-2 py-1 rounded mb-1"
-										on:click={() => submitTransaction(data.transaction)}
-									>
-										Submit & Send
-									</button>
-									<p class="text-gray-400 text-xs">
-										Estimated Time {formatDuration(data.duration)}
-									</p>
+									{#if !successful[index]}
+										<button
+											class="border border-blue-500 text-blue-500 text-xs px-2 py-1 rounded mb-1"
+											disabled={submitting[index]}
+											on:click={() => submitTransaction(data.transaction, index)}
+										>
+											Submit & Send
+										</button>
+										<p class="text-gray-400 text-xs">
+											Estimated Time {formatDuration(data.duration)}
+										</p>
+									{:else}
+										<svg
+											class="w-6 h-6 text-green-500"
+											fill="none"
+											stroke="currentColor"
+											viewBox="0 0 24 24"
+											xmlns="http://www.w3.org/2000/svg"
+										>
+											<path
+												stroke-linecap="round"
+												stroke-linejoin="round"
+												stroke-width="2"
+												d="M5 13l4 4L19 7"
+											></path>
+										</svg>
+									{/if}
 								</div>
 							</li>
 						{/each}
diff --git a/yarn.lock b/yarn.lock
index 1fd7c3a..fe51af1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5,6 +5,13 @@ __metadata:
   version: 6
   cacheKey: 8c0
 
+"@adraffy/ens-normalize@npm:^1.8.8":
+  version: 1.10.1
+  resolution: "@adraffy/ens-normalize@npm:1.10.1"
+  checksum: fdd647604e8fac6204921888aaf5a6bc65eabf0d2921bc5f93b64d01f4bc33ead167c1445f7de05468d05cd92ac31b74c68d2be840c62b79d73693308f885c06
+  languageName: node
+  linkType: hard
+
 "@alloc/quick-lru@npm:^5.2.0":
   version: 5.2.0
   resolution: "@alloc/quick-lru@npm:5.2.0"
@@ -519,6 +526,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ethereumjs/rlp@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@ethereumjs/rlp@npm:4.0.1"
+  bin:
+    rlp: bin/rlp
+  checksum: 78379f288e9d88c584c2159c725c4a667a9742981d638bad760ed908263e0e36bdbd822c0a902003e0701195fd1cbde7adad621cd97fdfbf552c45e835ce022c
+  languageName: node
+  linkType: hard
+
 "@fastify/busboy@npm:^2.0.0":
   version: 2.1.1
   resolution: "@fastify/busboy@npm:2.1.1"
@@ -1113,6 +1129,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/ws@npm:8.5.3":
+  version: 8.5.3
+  resolution: "@types/ws@npm:8.5.3"
+  dependencies:
+    "@types/node": "*"
+  checksum: af36857b804e6df615b401bacf34e9312f073ed9dbeda35be16ee3352d18a4449f27066169893166a6ec17ae51557c3adf8d232ac4a4a0226aafb3267e1f1b39
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/eslint-plugin@npm:^5.30.0":
   version: 5.48.2
   resolution: "@typescript-eslint/eslint-plugin@npm:5.48.2"
@@ -1419,6 +1444,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"abitype@npm:0.7.1":
+  version: 0.7.1
+  resolution: "abitype@npm:0.7.1"
+  peerDependencies:
+    typescript: ">=4.9.4"
+    zod: ^3 >=3.19.1
+  peerDependenciesMeta:
+    zod:
+      optional: true
+  checksum: c95386afc8438b29d09fcb6d7bc3a457958ab0a472483a363bdb9bf9f42e1b90ab5b05a16f04b653ad0bf79f4451233fe35fc6c7a04b66cb4eba9df7d8e49f12
+  languageName: node
+  linkType: hard
+
 "acorn-jsx@npm:^5.3.2":
   version: 5.3.2
   resolution: "acorn-jsx@npm:5.3.2"
@@ -1960,6 +1998,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"crc-32@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "crc-32@npm:1.2.2"
+  bin:
+    crc32: bin/crc32.njs
+  checksum: 11dcf4a2e77ee793835d49f2c028838eae58b44f50d1ff08394a610bfd817523f105d6ae4d9b5bef0aad45510f633eb23c903e9902e4409bed1ce70cb82b9bf0
+  languageName: node
+  linkType: hard
+
+"cross-fetch@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "cross-fetch@npm:4.0.0"
+  dependencies:
+    node-fetch: ^2.6.12
+  checksum: 386727dc4c6b044746086aced959ff21101abb85c43df5e1d151547ccb6f338f86dec3f28b9dbddfa8ff5b9ec8662ed2263ad4607a93b2dc354fb7fe3bbb898a
+  languageName: node
+  linkType: hard
+
 "cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
@@ -3776,6 +3832,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"isomorphic-ws@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "isomorphic-ws@npm:5.0.0"
+  peerDependencies:
+    ws: "*"
+  checksum: a058ac8b5e6efe9e46252cb0bc67fd325005d7216451d1a51238bc62d7da8486f828ef017df54ddf742e0fffcbe4b1bcc2a66cc115b027ed0180334cd18df252
+  languageName: node
+  linkType: hard
+
 "jackspeak@npm:^2.3.6":
   version: 2.3.6
   resolution: "jackspeak@npm:2.3.6"
@@ -4326,6 +4391,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-fetch@npm:^2.6.12":
+  version: 2.7.0
+  resolution: "node-fetch@npm:2.7.0"
+  dependencies:
+    whatwg-url: ^5.0.0
+  peerDependencies:
+    encoding: ^0.1.0
+  peerDependenciesMeta:
+    encoding:
+      optional: true
+  checksum: b55786b6028208e6fbe594ccccc213cab67a72899c9234eb59dba51062a299ea853210fcf526998eaa2867b0963ad72338824450905679ff0fa304b8c5093ae8
+  languageName: node
+  linkType: hard
+
 "node-forge@npm:^1":
   version: 1.3.1
   resolution: "node-forge@npm:1.3.1"
@@ -5301,6 +5380,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"setimmediate@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "setimmediate@npm:1.0.5"
+  checksum: 5bae81bfdbfbd0ce992893286d49c9693c82b1bcc00dcaaf3a09c8f428fdeacf4190c013598b81875dfac2b08a572422db7df779a99332d0fce186d15a3e4d49
+  languageName: node
+  linkType: hard
+
 "shebang-command@npm:^2.0.0":
   version: 2.0.0
   resolution: "shebang-command@npm:2.0.0"
@@ -5839,6 +5925,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tr46@npm:~0.0.3":
+  version: 0.0.3
+  resolution: "tr46@npm:0.0.3"
+  checksum: 047cb209a6b60c742f05c9d3ace8fa510bff609995c129a37ace03476a9b12db4dbf975e74600830ef0796e18882b2381fb5fb1f6b4f96b832c374de3ab91a11
+  languageName: node
+  linkType: hard
+
 "ts-api-utils@npm:^1.3.0":
   version: 1.3.0
   resolution: "ts-api-utils@npm:1.3.0"
@@ -6195,7 +6288,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-errors@npm:^1.2.0":
+"web3-core@npm:^4.3.0, web3-core@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "web3-core@npm:4.4.0"
+  dependencies:
+    web3-errors: ^1.2.0
+    web3-eth-accounts: ^4.1.2
+    web3-eth-iban: ^4.0.7
+    web3-providers-http: ^4.1.0
+    web3-providers-ipc: ^4.0.7
+    web3-providers-ws: ^4.0.7
+    web3-types: ^1.6.0
+    web3-utils: ^4.3.0
+    web3-validator: ^2.0.6
+  dependenciesMeta:
+    web3-providers-ipc:
+      optional: true
+  checksum: 8d4fae7f168bf9b6f5d21823b3547ba8257af7bdd1d4ea908e8b30bde3d82620520c999c0def93c6927a05bb184b0ed592ff08a152c0c3d94bbd27c7e9bad543
+  languageName: node
+  linkType: hard
+
+"web3-errors@npm:^1.1.3, web3-errors@npm:^1.1.4, web3-errors@npm:^1.2.0":
   version: 1.2.0
   resolution: "web3-errors@npm:1.2.0"
   dependencies:
@@ -6204,14 +6317,179 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-types@npm:^1.6.0":
+"web3-eth-abi@npm:^4.2.2":
+  version: 4.2.2
+  resolution: "web3-eth-abi@npm:4.2.2"
+  dependencies:
+    abitype: 0.7.1
+    web3-errors: ^1.2.0
+    web3-types: ^1.6.0
+    web3-utils: ^4.3.0
+    web3-validator: ^2.0.6
+  checksum: fac4913053a98f32580f11e71c0722f285c362498da9599b224c796a5ac7a054874a77a124027cc75b13481c2a0ce643b3d056f494a9841b0f522e7ce7081c04
+  languageName: node
+  linkType: hard
+
+"web3-eth-accounts@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "web3-eth-accounts@npm:4.1.2"
+  dependencies:
+    "@ethereumjs/rlp": ^4.0.1
+    crc-32: ^1.2.2
+    ethereum-cryptography: ^2.0.0
+    web3-errors: ^1.1.4
+    web3-types: ^1.6.0
+    web3-utils: ^4.2.3
+    web3-validator: ^2.0.5
+  checksum: 6edda7364b5d0d6281a4453dd01dbe665733b6f37b3de3654467e7556233ff8bbff41751b1d20a6bba839892dd7fdc3e4dd4a2c1f27dd8f1b00c85964ec6ffe4
+  languageName: node
+  linkType: hard
+
+"web3-eth-contract@npm:^4.5.0":
+  version: 4.5.0
+  resolution: "web3-eth-contract@npm:4.5.0"
+  dependencies:
+    web3-core: ^4.4.0
+    web3-errors: ^1.2.0
+    web3-eth: ^4.7.0
+    web3-eth-abi: ^4.2.2
+    web3-types: ^1.6.0
+    web3-utils: ^4.3.0
+    web3-validator: ^2.0.6
+  checksum: ae5b5680f7cca3e22e8bf9752c6511db595f57ed78c827d517ccea729571394b0fc47ce6d3a55fb4216e201d3ac8b4b067dc16c82be1586675c64f5daaf93d40
+  languageName: node
+  linkType: hard
+
+"web3-eth-ens@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "web3-eth-ens@npm:4.3.0"
+  dependencies:
+    "@adraffy/ens-normalize": ^1.8.8
+    web3-core: ^4.4.0
+    web3-errors: ^1.2.0
+    web3-eth: ^4.7.0
+    web3-eth-contract: ^4.5.0
+    web3-net: ^4.1.0
+    web3-types: ^1.6.0
+    web3-utils: ^4.3.0
+    web3-validator: ^2.0.6
+  checksum: a23dd4271353a73d2f4091d33a0b8ca642c9b58ae672eb6afcad8e243cf3f1d510f017f01de3023f20d86766a8a6f5e35e14c393a10f46c92836343a56c8491d
+  languageName: node
+  linkType: hard
+
+"web3-eth-iban@npm:^4.0.7":
+  version: 4.0.7
+  resolution: "web3-eth-iban@npm:4.0.7"
+  dependencies:
+    web3-errors: ^1.1.3
+    web3-types: ^1.3.0
+    web3-utils: ^4.0.7
+    web3-validator: ^2.0.3
+  checksum: f1e74106afa40a662a9f2a8095a8d9fe76bbd011dfa00fdde5d759db6b99968771bb1d4afa810ff9bb38970db7b871c21869c786ae9bb4abaa2bf8298cfc0121
+  languageName: node
+  linkType: hard
+
+"web3-eth-personal@npm:^4.0.8":
+  version: 4.0.8
+  resolution: "web3-eth-personal@npm:4.0.8"
+  dependencies:
+    web3-core: ^4.3.0
+    web3-eth: ^4.3.1
+    web3-rpc-methods: ^1.1.3
+    web3-types: ^1.3.0
+    web3-utils: ^4.0.7
+    web3-validator: ^2.0.3
+  checksum: 5078894b4d8abd343876382beae7fbb4d206e7c8c50d1701950ed0b32c506b4a354fee7375662baf73c4adea8a961ec0b35656b63e2b13f6ef49da48f075742c
+  languageName: node
+  linkType: hard
+
+"web3-eth@npm:^4.3.1, web3-eth@npm:^4.7.0":
+  version: 4.7.0
+  resolution: "web3-eth@npm:4.7.0"
+  dependencies:
+    setimmediate: ^1.0.5
+    web3-core: ^4.4.0
+    web3-errors: ^1.2.0
+    web3-eth-abi: ^4.2.2
+    web3-eth-accounts: ^4.1.2
+    web3-net: ^4.1.0
+    web3-providers-ws: ^4.0.7
+    web3-rpc-methods: ^1.3.0
+    web3-types: ^1.6.0
+    web3-utils: ^4.3.0
+    web3-validator: ^2.0.6
+  checksum: f0f5046d33bea94be766d30bbb9576a6c22c730103340e2c9c61489919a5b1d80947ec0ac431e365e75fe00fddf6364e359f92d4e014b241beaa2554d5209788
+  languageName: node
+  linkType: hard
+
+"web3-net@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "web3-net@npm:4.1.0"
+  dependencies:
+    web3-core: ^4.4.0
+    web3-rpc-methods: ^1.3.0
+    web3-types: ^1.6.0
+    web3-utils: ^4.3.0
+  checksum: 17a70d941116e8d08a65109c447897121af39c74ed0e3ef61ec9833bf268b6e527507b8c0544852d0fe9e6964fe7731117640629b5a3ca562be4115b74f60acd
+  languageName: node
+  linkType: hard
+
+"web3-providers-http@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "web3-providers-http@npm:4.1.0"
+  dependencies:
+    cross-fetch: ^4.0.0
+    web3-errors: ^1.1.3
+    web3-types: ^1.3.0
+    web3-utils: ^4.0.7
+  checksum: 99c75abc4041b6959935b85055c07c0ad7f2cfb14b7b0a86ac5999167c6398b135ccb908a26924ef1a265e5ea9d2b8ab57e0f4e79534ac88147952fa69040dd6
+  languageName: node
+  linkType: hard
+
+"web3-providers-ipc@npm:^4.0.7":
+  version: 4.0.7
+  resolution: "web3-providers-ipc@npm:4.0.7"
+  dependencies:
+    web3-errors: ^1.1.3
+    web3-types: ^1.3.0
+    web3-utils: ^4.0.7
+  checksum: 3eb1db6514e8d9cf8d8d9e34d215deda6b68129df276bd0854ed16f01546d53a7ae2640d4788f9947ecd94ef9d2a905dd16b4d233f48712f7b9c4d1b4ffedc86
+  languageName: node
+  linkType: hard
+
+"web3-providers-ws@npm:^4.0.7":
+  version: 4.0.7
+  resolution: "web3-providers-ws@npm:4.0.7"
+  dependencies:
+    "@types/ws": 8.5.3
+    isomorphic-ws: ^5.0.0
+    web3-errors: ^1.1.3
+    web3-types: ^1.3.0
+    web3-utils: ^4.0.7
+    ws: ^8.8.1
+  checksum: 23b1496456853a281a1202c0b6ad59041c2e58197086bf8ec71c7d30db2f2689ed8fec0e1895ee98f6873cde3dc5d6f6b481c7dc1481c8b903381b9736ca2d4c
+  languageName: node
+  linkType: hard
+
+"web3-rpc-methods@npm:^1.1.3, web3-rpc-methods@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "web3-rpc-methods@npm:1.3.0"
+  dependencies:
+    web3-core: ^4.4.0
+    web3-types: ^1.6.0
+    web3-validator: ^2.0.6
+  checksum: 28a3350de4a94c7773860cc960ea6d8afe73dc1cc368e0c455fb6a4e054178e649f3b426992612a860924b631fc015c5b8f58d583a9b3a6cd9a19d5481d8172f
+  languageName: node
+  linkType: hard
+
+"web3-types@npm:^1.3.0, web3-types@npm:^1.6.0":
   version: 1.6.0
   resolution: "web3-types@npm:1.6.0"
   checksum: 346f40be29617190888e9fabcc7a205910cee32f3d761e6cf1a59c25214431ddb81f5c008d49229fee04813ac505419c7b12c81ccfd8b38f50612e6b0e16b3be
   languageName: node
   linkType: hard
 
-"web3-utils@npm:^4.3.0":
+"web3-utils@npm:^4.0.7, web3-utils@npm:^4.2.3, web3-utils@npm:^4.3.0":
   version: 4.3.0
   resolution: "web3-utils@npm:4.3.0"
   dependencies:
@@ -6224,7 +6502,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"web3-validator@npm:^2.0.6":
+"web3-validator@npm:^2.0.3, web3-validator@npm:^2.0.5, web3-validator@npm:^2.0.6":
   version: 2.0.6
   resolution: "web3-validator@npm:2.0.6"
   dependencies:
@@ -6237,6 +6515,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"web3@npm:^4.9.0":
+  version: 4.9.0
+  resolution: "web3@npm:4.9.0"
+  dependencies:
+    web3-core: ^4.4.0
+    web3-errors: ^1.2.0
+    web3-eth: ^4.7.0
+    web3-eth-abi: ^4.2.2
+    web3-eth-accounts: ^4.1.2
+    web3-eth-contract: ^4.5.0
+    web3-eth-ens: ^4.3.0
+    web3-eth-iban: ^4.0.7
+    web3-eth-personal: ^4.0.8
+    web3-net: ^4.1.0
+    web3-providers-http: ^4.1.0
+    web3-providers-ws: ^4.0.7
+    web3-rpc-methods: ^1.3.0
+    web3-types: ^1.6.0
+    web3-utils: ^4.3.0
+    web3-validator: ^2.0.6
+  checksum: 0d4fc77dfb1774de22d57bc9fee530450c0beee078f144ed5c8b6652279c0b49eedc1dcc329c210bd8da5c1624a92bceb487be1ddd33986eb79c1ab6c7c4681a
+  languageName: node
+  linkType: hard
+
 "web@workspace:web":
   version: 0.0.0-use.local
   resolution: "web@workspace:web"
@@ -6271,11 +6573,29 @@ __metadata:
     vite: ^5.0.3
     vite-plugin-tailwind-purgecss: 0.3.3
     vitest: ^1.2.0
+    web3: ^4.9.0
     web3-utils: ^4.3.0
     wrangler: ^3.57.0
   languageName: unknown
   linkType: soft
 
+"webidl-conversions@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "webidl-conversions@npm:3.0.1"
+  checksum: 5612d5f3e54760a797052eb4927f0ddc01383550f542ccd33d5238cfd65aeed392a45ad38364970d0a0f4fea32e1f4d231b3d8dac4a3bdd385e5cf802ae097db
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "whatwg-url@npm:5.0.0"
+  dependencies:
+    tr46: ~0.0.3
+    webidl-conversions: ^3.0.0
+  checksum: 1588bed84d10b72d5eec1d0faa0722ba1962f1821e7539c535558fb5398d223b0c50d8acab950b8c488b4ba69043fd833cc2697056b167d8ad46fac3995a55d5
+  languageName: node
+  linkType: hard
+
 "which-boxed-primitive@npm:^1.0.2":
   version: 1.0.2
   resolution: "which-boxed-primitive@npm:1.0.2"
@@ -6463,7 +6783,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.11.0":
+"ws@npm:^8.11.0, ws@npm:^8.8.1":
   version: 8.17.0
   resolution: "ws@npm:8.17.0"
   peerDependencies:

From cd1f3c0cfca1a1ec2cf02bbdbb023ae4a7d15de5 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Mon, 27 May 2024 14:23:13 +0200
Subject: [PATCH 05/11] fix formating

---
 .../lib/components/RequestSendModal.svelte    | 22 ++++++++++++++-----
 web/src/lib/components/TokenList.svelte       |  4 ++--
 web/src/lib/components/TokenModal.svelte      |  2 +-
 3 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/web/src/lib/components/RequestSendModal.svelte b/web/src/lib/components/RequestSendModal.svelte
index ed9dcb2..00e6add 100644
--- a/web/src/lib/components/RequestSendModal.svelte
+++ b/web/src/lib/components/RequestSendModal.svelte
@@ -8,6 +8,7 @@
 		ListBoxItem
 	} from '@skeletonlabs/skeleton';
 	import { hacks_getChainIcon } from '$lib/hacks';
+	import { fromWei, toWei } from 'web3-utils';
 
 	// Props
 	/** Exposes parent props to this component. */
@@ -24,7 +25,10 @@
 	let threshold: number;
 
 	let balances;
+	let tokenInfo;
 	function updateWhitelistedOnTokenChange() {
+		tokenInfo = $modalStore[0]?.value?.tokens.get(token);
+
 		balances = $modalStore[0]?.value?.balances?.get(token) ?? [];
 		whitelisted = balances.map((balance) => balance.chainId);
 	}
@@ -36,7 +40,13 @@
 
 	function onRequestQuota(): void {
 		if ($modalStore[0].response)
-			$modalStore[0].response({ token, network, whitelisted, amount, threshold });
+			$modalStore[0].response({
+				token,
+				network,
+				whitelisted,
+				amount: toWei(amount, tokenInfo.decimals),
+				threshold: threshold ? toWei(threshold, tokenInfo.decimals) : undefined
+			});
 		modalStore.close();
 	}
 
@@ -99,7 +109,9 @@
 												/>
 											</svelte:fragment>
 											{$modalStore[0].value.networks.get(balance.chainId).name}
-											<svelte:fragment slot="trail">{balance.balance}</svelte:fragment>
+											<svelte:fragment slot="trail"
+												>{fromWei(balance.balance, tokenInfo.decimals)}</svelte:fragment
+											>
 										</ListBoxItem>
 									{/each}
 								</ListBox>
@@ -110,9 +122,9 @@
 			</div>
 		</article>
 		<footer class="modal-footer {parent.regionFooter}">
-			<button class="btn {parent.buttonNeutral}" on:click={parent.onClose}
-				>{parent.buttonTextCancel}</button
-			>
+			<button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>
+				{parent.buttonTextCancel}
+			</button>
 			<button class="btn {parent.buttonPositive}" on:click={onRequestQuota}>Send Tokens</button>
 		</footer>
 	</div>
diff --git a/web/src/lib/components/TokenList.svelte b/web/src/lib/components/TokenList.svelte
index ab149b4..b4e107d 100644
--- a/web/src/lib/components/TokenList.svelte
+++ b/web/src/lib/components/TokenList.svelte
@@ -22,7 +22,7 @@
 			title: token.name,
 			buttonTextCancel: 'close',
 			value: { networks: data.raw.networks, balances: token.balances },
-			meta: { icon: token.logoURI, sybol: token.symbol }
+			meta: { icon: token.logoURI, sybol: token.symbol, decimals: token.decimals }
 		};
 		modalStore.trigger(modal);
 	}
@@ -74,7 +74,7 @@
 						<td><img class="size-8" src={token.logoURI} alt={`${token.logoURI}-LOGO`} /></td>
 						<td>{token.name}</td>
 						<td />
-						<td>{fromWei(token.total, 'ether')}</td>
+						<td>{fromWei(token.total, token.decimals)}</td>
 					</tr>
 				{/each}
 			</tbody>
diff --git a/web/src/lib/components/TokenModal.svelte b/web/src/lib/components/TokenModal.svelte
index fbd90e0..5f8f25c 100644
--- a/web/src/lib/components/TokenModal.svelte
+++ b/web/src/lib/components/TokenModal.svelte
@@ -41,7 +41,7 @@
 							<tr>
 								<td><img class="size-7" src={hacks_getChainIcon(balance.chainId)} alt="" /></td>
 								<td>{$modalStore[0].value.networks.get(balance.chainId).name}</td>
-								<td>{fromWei(balance.balance, 'mwei')}</td>
+								<td>{fromWei(balance.balance, $modalStore[0].meta.decimals)}</td>
 							</tr>
 						{/each}
 					</tbody>

From 47025d0810073a1c950b398e37d10aeb32619f2b Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Mon, 27 May 2024 14:54:50 +0200
Subject: [PATCH 06/11] fix light theme

---
 .../lib/components/ResponseSendModal.svelte   | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/web/src/lib/components/ResponseSendModal.svelte b/web/src/lib/components/ResponseSendModal.svelte
index f5658a8..9e37929 100644
--- a/web/src/lib/components/ResponseSendModal.svelte
+++ b/web/src/lib/components/ResponseSendModal.svelte
@@ -76,19 +76,23 @@
 							{@const balance = $modalStore[0]?.meta.balances
 								.get(token.symbol)
 								.find(({ chainId }) => chainId === data.sourceChain)}
-							<li class="bg-gray-700 p-4 rounded-lg flex justify-between items-center mb-4">
+							<li
+								class="bg-gray-200 dark:bg-gray-700 p-4 rounded-lg flex justify-between items-center mb-4"
+							>
 								<div class="flex items-center">
 									<img src={network.logoURI} alt="Source Chain Icon" class="w-8 h-8 mr-2" />
 									<div>
-										<p class="text-lg font-semibold">
+										<p class="text-lg font-semibold text-black dark:text-white">
 											{fromWei(data.transaction.value, token.decimals)}
 											{token.name} on {network.name}
 										</p>
-										<p class="text-sm text-gray-400">
+										<p class="text-sm text-gray-600 dark:text-gray-400">
 											Balance: {fromWei(balance.balance, token.decimals)}
 											{token.name}
 										</p>
-										<p class="text-sm text-gray-400">Fee: {data.fee.amountUSD} USD</p>
+										<p class="text-sm text-gray-600 dark:text-gray-400">
+											Fee: {data.fee.amountUSD} USD
+										</p>
 									</div>
 								</div>
 								<div class="flex flex-col items-center justify-center h-full">
@@ -128,8 +132,11 @@
 				<p style="color: red">{error.message}</p>
 			{/await}
 		</article>
-		<footer class="modal-footer {parent.regionFooter}">
-			<button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>
+		<footer class="modal-footer flex justify-end space-x-4 mt-4 {parent.regionFooter}">
+			<button
+				class="btn bg-gray-300 dark:bg-gray-600 text-black dark:text-white py-2 px-4 rounded {parent.buttonNeutral}"
+				on:click={parent.onClose}
+			>
 				{parent.buttonTextCancel}
 			</button>
 		</footer>

From 198b76a6a96cd808e19f295b07d89e8804364eb8 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 29 May 2024 10:32:35 +0200
Subject: [PATCH 07/11] smoll pactch

---
 web/src/lib/components/RequestSendModal.svelte  | 6 +++---
 web/src/lib/components/ResponseSendModal.svelte | 2 +-
 web/src/lib/hacks.ts                            | 8 ++++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/src/lib/components/RequestSendModal.svelte b/web/src/lib/components/RequestSendModal.svelte
index 00e6add..d67370a 100644
--- a/web/src/lib/components/RequestSendModal.svelte
+++ b/web/src/lib/components/RequestSendModal.svelte
@@ -109,9 +109,9 @@
 												/>
 											</svelte:fragment>
 											{$modalStore[0].value.networks.get(balance.chainId).name}
-											<svelte:fragment slot="trail"
-												>{fromWei(balance.balance, tokenInfo.decimals)}</svelte:fragment
-											>
+											<svelte:fragment slot="trail">
+												{fromWei(balance.balance, tokenInfo.decimals)}
+											</svelte:fragment>
 										</ListBoxItem>
 									{/each}
 								</ListBox>
diff --git a/web/src/lib/components/ResponseSendModal.svelte b/web/src/lib/components/ResponseSendModal.svelte
index 9e37929..dea02de 100644
--- a/web/src/lib/components/ResponseSendModal.svelte
+++ b/web/src/lib/components/ResponseSendModal.svelte
@@ -83,7 +83,7 @@
 									<img src={network.logoURI} alt="Source Chain Icon" class="w-8 h-8 mr-2" />
 									<div>
 										<p class="text-lg font-semibold text-black dark:text-white">
-											{fromWei(data.transaction.value, token.decimals)}
+											{fromWei(data.amount, token.decimals)}
 											{token.name} on {network.name}
 										</p>
 										<p class="text-sm text-gray-600 dark:text-gray-400">
diff --git a/web/src/lib/hacks.ts b/web/src/lib/hacks.ts
index 01837f9..ded7206 100644
--- a/web/src/lib/hacks.ts
+++ b/web/src/lib/hacks.ts
@@ -30,7 +30,7 @@ function getProvider() {
 }
 
 export async function hacks_getGopherData(): Promise<Object> {
-	const networksResponse = await fetch('https://api.gopher.chainsafe.dev/networks').then((r) =>
+	const networksResponse = await fetch('https://gopher.test.buildwithsygma.com/networks').then((r) =>
 		r.json()
 	);
 	const networks = networksResponse.data.reduce(
@@ -42,7 +42,7 @@ export async function hacks_getGopherData(): Promise<Object> {
 		networks
 			.keys()
 			.map((key) =>
-				fetch(`https://api.gopher.chainsafe.dev/networks/${key}/assets/fungible`).then((r) =>
+				fetch(`https://gopher.test.buildwithsygma.com/networks/${key}/assets/fungible`).then((r) =>
 					r.json()
 				)
 			)
@@ -59,7 +59,7 @@ export async function hacks_getGopherData(): Promise<Object> {
 	const account = await getProvider().request({ method: 'eth_requestAccounts', params: [] });
 	const balancesResponses = await Promise.all(
 		tokens.keys().map((key) =>
-			fetch(`https://api.gopher.chainsafe.dev/accounts/${account}/assets/fungible/${key}`)
+			fetch(`https://gopher.test.buildwithsygma.com/accounts/${account}/assets/fungible/${key}`)
 				.then((r) => r.json())
 				.then((r) => ({ symbol: key, ...r }))
 		)
@@ -82,7 +82,7 @@ export async function hacks_getGopherData(): Promise<Object> {
 }
 
 export async function hacks_getQuota(value: Object) {
-	const url = new URL('https://api.gopher.chainsafe.dev/solutions/aggregation');
+	const url = new URL('https://gopher.test.buildwithsygma.com/solutions/aggregation');
 
 	const account = await getProvider().request({ method: 'eth_requestAccounts', params: [] });
 	url.searchParams.set('account', account[0]);

From 70224758be5c89126e6b74887e0e67b80b4b047e Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 29 May 2024 10:36:26 +0200
Subject: [PATCH 08/11] error handling

---
 web/src/lib/hacks.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/hacks.ts b/web/src/lib/hacks.ts
index ded7206..267cf6e 100644
--- a/web/src/lib/hacks.ts
+++ b/web/src/lib/hacks.ts
@@ -96,5 +96,9 @@ export async function hacks_getQuota(value: Object) {
 
 	console.log(url.toString());
 
-	return await fetch(url.toString()).then((r) => r.json());
+	return await fetch(url.toString()).then((r) =>
+		r.json().then(json => {
+			if (r.ok) return json;
+			throw new Error(JSON.stringify(json));
+		}));
 }

From baa633056abf8a40a95e42df074729cde3df005b Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Mon, 3 Jun 2024 15:29:36 +0200
Subject: [PATCH 09/11] added approval flow

---
 .../lib/components/ResponseSendModal.svelte   |  43 +++-
 web/src/lib/erc20.abi.ts                      | 222 ++++++++++++++++++
 web/src/lib/hacks.ts                          |   6 +-
 3 files changed, 260 insertions(+), 11 deletions(-)
 create mode 100644 web/src/lib/erc20.abi.ts

diff --git a/web/src/lib/components/ResponseSendModal.svelte b/web/src/lib/components/ResponseSendModal.svelte
index dea02de..dc8a073 100644
--- a/web/src/lib/components/ResponseSendModal.svelte
+++ b/web/src/lib/components/ResponseSendModal.svelte
@@ -6,7 +6,8 @@
 	import { formatDuration } from '$lib/formatters';
 	import { fromWei, toHex } from 'web3-utils';
 	import { selectedProvider } from '$lib/stores/wallet';
-	import { Web3 } from 'web3';
+	import { type NonPayableCallOptions, Web3 } from 'web3';
+	import { erc20Abi } from '$lib/erc20.abi';
 
 	// Props
 	/** Exposes parent props to this component. */
@@ -18,28 +19,35 @@
 	$: quota = hacks_getQuota($modalStore[0]?.value);
 	$: token = $modalStore[0]?.meta.tokens.get($modalStore[0]?.value.token);
 
+	$: console.log(token, $modalStore[0]);
+
 	const submitting: boolean[] = [];
 	const successful: boolean[] = [];
 	// TODO: there is not place for this over here! refactor it to somewhere
-	async function submitTransaction(transaction: Object, index: number) {
+	async function submitTransaction(quotaRecord: Object, index: number) {
 		try {
 			submitting[index] = true;
 
+			const [ownerAddress] = await $selectedProvider.provider.request({
+				method: 'eth_requestAccounts',
+				params: []
+			});
+
 			// Preparation /w questionable approach but will see for now
 			try {
 				await $selectedProvider.provider.request({
 					method: 'wallet_switchEthereumChain',
-					params: [{ chainId: toHex(transaction.chainId) }]
+					params: [{ chainId: toHex(quotaRecord.sourceChain) }]
 				});
 			} catch (error) {
 				if (error.code === 4902) {
-					const network = $modalStore[0]?.meta.networks.get(transaction.chainId);
+					const network = $modalStore[0]?.meta.networks.get(quotaRecord.sourceChain);
 					await $selectedProvider.provider.request({
 						method: 'wallet_addEthereumChain',
 						params: [
 							{
 								chainName: network.name,
-								chainId: toHex(transaction.chainId),
+								chainId: toHex(quotaRecord.sourceChain),
 								rpcUrls: network.rpcURLs
 							}
 						]
@@ -48,7 +56,28 @@
 			}
 
 			const web3 = new Web3($selectedProvider.provider);
-			const receipt = await web3.eth.sendTransaction(transaction);
+
+			// @ts-ignore   // chainId is missing in web3js call options type
+			const callOptions: NonPayableCallOptions = { chainId: quotaRecord.sourceChain };
+
+			// Approval sniff etc...\
+			const erc20 = new web3.eth.Contract(erc20Abi, quotaRecord.sourceTokenAddress);
+
+			const allowed = await erc20.methods
+				.allowance(ownerAddress, quotaRecord.transaction.to)
+				.call(callOptions);
+
+			if (BigInt(quotaRecord.amount) > BigInt(allowed)) {
+				const approval = await erc20.methods
+					.approve(quotaRecord.transaction.to, quotaRecord.amount)
+					.send(callOptions);
+
+				console.warn(approval);
+				if (!approval) throw new Error('Not Approved!'); // To stop execution
+			}
+
+			// FINAL STEP!
+			const receipt = await web3.eth.sendTransaction(quotaRecord.transaction);
 
 			console.warn(`TX receipt: `, receipt);
 			successful[index] = true;
@@ -100,7 +129,7 @@
 										<button
 											class="border border-blue-500 text-blue-500 text-xs px-2 py-1 rounded mb-1"
 											disabled={submitting[index]}
-											on:click={() => submitTransaction(data.transaction, index)}
+											on:click={() => submitTransaction(data, index)}
 										>
 											Submit & Send
 										</button>
diff --git a/web/src/lib/erc20.abi.ts b/web/src/lib/erc20.abi.ts
new file mode 100644
index 0000000..4dd9a25
--- /dev/null
+++ b/web/src/lib/erc20.abi.ts
@@ -0,0 +1,222 @@
+export const erc20Abi = [
+	{
+		constant: true,
+		inputs: [],
+		name: 'name',
+		outputs: [
+			{
+				name: '',
+				type: 'string'
+			}
+		],
+		payable: false,
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		constant: false,
+		inputs: [
+			{
+				name: '_spender',
+				type: 'address'
+			},
+			{
+				name: '_value',
+				type: 'uint256'
+			}
+		],
+		name: 'approve',
+		outputs: [
+			{
+				name: '',
+				type: 'bool'
+			}
+		],
+		payable: false,
+		stateMutability: 'nonpayable',
+		type: 'function'
+	},
+	{
+		constant: true,
+		inputs: [],
+		name: 'totalSupply',
+		outputs: [
+			{
+				name: '',
+				type: 'uint256'
+			}
+		],
+		payable: false,
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		constant: false,
+		inputs: [
+			{
+				name: '_from',
+				type: 'address'
+			},
+			{
+				name: '_to',
+				type: 'address'
+			},
+			{
+				name: '_value',
+				type: 'uint256'
+			}
+		],
+		name: 'transferFrom',
+		outputs: [
+			{
+				name: '',
+				type: 'bool'
+			}
+		],
+		payable: false,
+		stateMutability: 'nonpayable',
+		type: 'function'
+	},
+	{
+		constant: true,
+		inputs: [],
+		name: 'decimals',
+		outputs: [
+			{
+				name: '',
+				type: 'uint8'
+			}
+		],
+		payable: false,
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		constant: true,
+		inputs: [
+			{
+				name: '_owner',
+				type: 'address'
+			}
+		],
+		name: 'balanceOf',
+		outputs: [
+			{
+				name: 'balance',
+				type: 'uint256'
+			}
+		],
+		payable: false,
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		constant: true,
+		inputs: [],
+		name: 'symbol',
+		outputs: [
+			{
+				name: '',
+				type: 'string'
+			}
+		],
+		payable: false,
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		constant: false,
+		inputs: [
+			{
+				name: '_to',
+				type: 'address'
+			},
+			{
+				name: '_value',
+				type: 'uint256'
+			}
+		],
+		name: 'transfer',
+		outputs: [
+			{
+				name: '',
+				type: 'bool'
+			}
+		],
+		payable: false,
+		stateMutability: 'nonpayable',
+		type: 'function'
+	},
+	{
+		constant: true,
+		inputs: [
+			{
+				name: '_owner',
+				type: 'address'
+			},
+			{
+				name: '_spender',
+				type: 'address'
+			}
+		],
+		name: 'allowance',
+		outputs: [
+			{
+				name: '',
+				type: 'uint256'
+			}
+		],
+		payable: false,
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		payable: true,
+		stateMutability: 'payable',
+		type: 'fallback'
+	},
+	{
+		anonymous: false,
+		inputs: [
+			{
+				indexed: true,
+				name: 'owner',
+				type: 'address'
+			},
+			{
+				indexed: true,
+				name: 'spender',
+				type: 'address'
+			},
+			{
+				indexed: false,
+				name: 'value',
+				type: 'uint256'
+			}
+		],
+		name: 'Approval',
+		type: 'event'
+	},
+	{
+		anonymous: false,
+		inputs: [
+			{
+				indexed: true,
+				name: 'from',
+				type: 'address'
+			},
+			{
+				indexed: true,
+				name: 'to',
+				type: 'address'
+			},
+			{
+				indexed: false,
+				name: 'value',
+				type: 'uint256'
+			}
+		],
+		name: 'Transfer',
+		type: 'event'
+	}
+] as const;
diff --git a/web/src/lib/hacks.ts b/web/src/lib/hacks.ts
index 267cf6e..7eea273 100644
--- a/web/src/lib/hacks.ts
+++ b/web/src/lib/hacks.ts
@@ -30,8 +30,8 @@ function getProvider() {
 }
 
 export async function hacks_getGopherData(): Promise<Object> {
-	const networksResponse = await fetch('https://gopher.test.buildwithsygma.com/networks').then((r) =>
-		r.json()
+	const networksResponse = await fetch('https://gopher.test.buildwithsygma.com/networks').then(
+		(r) => r.json()
 	);
 	const networks = networksResponse.data.reduce(
 		(prev, network) => prev.set(network.chainID, network),
@@ -94,8 +94,6 @@ export async function hacks_getQuota(value: Object) {
 	if (value.whitelisted) url.searchParams.set('whitelistedSourceChains', value.whitelisted);
 	if (value.threshold) url.searchParams.set('threshold', value.threshold);
 
-	console.log(url.toString());
-
 	return await fetch(url.toString()).then((r) =>
 		r.json().then(json => {
 			if (r.ok) return json;

From d15ce0751ea5389a15e49b506ea885c3f01681ac Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Tue, 4 Jun 2024 13:30:45 +0200
Subject: [PATCH 10/11] smoll fixes

---
 web/src/lib/components/ResponseSendModal.svelte | 12 ++++++++----
 web/src/lib/formatters.ts                       |  2 +-
 web/src/lib/hacks.ts                            |  9 +++++----
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/web/src/lib/components/ResponseSendModal.svelte b/web/src/lib/components/ResponseSendModal.svelte
index dc8a073..f16f34e 100644
--- a/web/src/lib/components/ResponseSendModal.svelte
+++ b/web/src/lib/components/ResponseSendModal.svelte
@@ -70,10 +70,13 @@
 			if (BigInt(quotaRecord.amount) > BigInt(allowed)) {
 				const approval = await erc20.methods
 					.approve(quotaRecord.transaction.to, quotaRecord.amount)
-					.send(callOptions);
+					.send({
+						...callOptions,
+						from: ownerAddress
+					});
 
-				console.warn(approval);
-				if (!approval) throw new Error('Not Approved!'); // To stop execution
+				console.log(approval);
+				if (!approval.status) throw new Error('Not Approved!'); // To stop execution
 			}
 
 			// FINAL STEP!
@@ -81,7 +84,8 @@
 
 			console.warn(`TX receipt: `, receipt);
 			successful[index] = true;
-		} catch {
+		} catch (error) {
+			console.error(error);
 			submitting[index] = false;
 		}
 	}
diff --git a/web/src/lib/formatters.ts b/web/src/lib/formatters.ts
index edecb8e..6033df6 100644
--- a/web/src/lib/formatters.ts
+++ b/web/src/lib/formatters.ts
@@ -1,5 +1,5 @@
 import { intlFormatDistance } from 'date-fns';
 
 export function formatDuration(value: number): string {
-	return intlFormatDistance(value / 10000, 0);
+	return intlFormatDistance(value * 1000, 0);
 }
diff --git a/web/src/lib/hacks.ts b/web/src/lib/hacks.ts
index 7eea273..e105a48 100644
--- a/web/src/lib/hacks.ts
+++ b/web/src/lib/hacks.ts
@@ -94,9 +94,10 @@ export async function hacks_getQuota(value: Object) {
 	if (value.whitelisted) url.searchParams.set('whitelistedSourceChains', value.whitelisted);
 	if (value.threshold) url.searchParams.set('threshold', value.threshold);
 
-	return await fetch(url.toString()).then((r) =>
-		r.json().then(json => {
-			if (r.ok) return json;
+	return await fetch(url.toString()).then((response) =>
+		response.json().then((json) => {
+			if (response.ok) return json;
 			throw new Error(JSON.stringify(json));
-		}));
+		})
+	);
 }

From b73a44e6467ef6589ff685a650cd3668f8bbceeb Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Tue, 4 Jun 2024 13:30:45 +0200
Subject: [PATCH 11/11] smoll fixes

---
 .../lib/components/ResponseSendModal.svelte   | 12 ++++++----
 web/src/lib/formatters.ts                     |  2 +-
 web/src/lib/hacks.ts                          |  9 ++++----
 web/src/lib/stores/wallet.ts                  | 22 +------------------
 4 files changed, 15 insertions(+), 30 deletions(-)

diff --git a/web/src/lib/components/ResponseSendModal.svelte b/web/src/lib/components/ResponseSendModal.svelte
index dc8a073..f16f34e 100644
--- a/web/src/lib/components/ResponseSendModal.svelte
+++ b/web/src/lib/components/ResponseSendModal.svelte
@@ -70,10 +70,13 @@
 			if (BigInt(quotaRecord.amount) > BigInt(allowed)) {
 				const approval = await erc20.methods
 					.approve(quotaRecord.transaction.to, quotaRecord.amount)
-					.send(callOptions);
+					.send({
+						...callOptions,
+						from: ownerAddress
+					});
 
-				console.warn(approval);
-				if (!approval) throw new Error('Not Approved!'); // To stop execution
+				console.log(approval);
+				if (!approval.status) throw new Error('Not Approved!'); // To stop execution
 			}
 
 			// FINAL STEP!
@@ -81,7 +84,8 @@
 
 			console.warn(`TX receipt: `, receipt);
 			successful[index] = true;
-		} catch {
+		} catch (error) {
+			console.error(error);
 			submitting[index] = false;
 		}
 	}
diff --git a/web/src/lib/formatters.ts b/web/src/lib/formatters.ts
index edecb8e..6033df6 100644
--- a/web/src/lib/formatters.ts
+++ b/web/src/lib/formatters.ts
@@ -1,5 +1,5 @@
 import { intlFormatDistance } from 'date-fns';
 
 export function formatDuration(value: number): string {
-	return intlFormatDistance(value / 10000, 0);
+	return intlFormatDistance(value * 1000, 0);
 }
diff --git a/web/src/lib/hacks.ts b/web/src/lib/hacks.ts
index 7eea273..e105a48 100644
--- a/web/src/lib/hacks.ts
+++ b/web/src/lib/hacks.ts
@@ -94,9 +94,10 @@ export async function hacks_getQuota(value: Object) {
 	if (value.whitelisted) url.searchParams.set('whitelistedSourceChains', value.whitelisted);
 	if (value.threshold) url.searchParams.set('threshold', value.threshold);
 
-	return await fetch(url.toString()).then((r) =>
-		r.json().then(json => {
-			if (r.ok) return json;
+	return await fetch(url.toString()).then((response) =>
+		response.json().then((json) => {
+			if (response.ok) return json;
 			throw new Error(JSON.stringify(json));
-		}));
+		})
+	);
 }
diff --git a/web/src/lib/stores/wallet.ts b/web/src/lib/stores/wallet.ts
index 7448bfe..8e5f9f9 100644
--- a/web/src/lib/stores/wallet.ts
+++ b/web/src/lib/stores/wallet.ts
@@ -1,27 +1,7 @@
 import { readable, writable } from 'svelte/store';
-import { announceProvider, createStore, type EIP6963ProviderDetail } from 'mipd';
-import { dev } from '$app/environment';
+import { createStore, type EIP6963ProviderDetail } from 'mipd';
 
 export const selectedProvider = writable<false | EIP6963ProviderDetail>();
 
 const store = createStore();
 export const providers = readable(store.getProviders(), store.subscribe);
-
-// want to use impersonator, hack to add it on the provider list
-try {
-	if (dev && typeof window !== 'undefined') {
-		setTimeout(() => {
-			announceProvider({
-				info: {
-					icon: 'https://pa1.aminoapps.com/8618/9035ab93575fa9b12d8f3d6bf5cad45abf10d18fr1-720-450_hq.gif',
-					name: 'Non-EIP6963Provider',
-					rdns: 'window.ethereum',
-					uuid: '00000000-0000-0000-0000-000000000000'
-				},
-				provider: window.ethereum
-			});
-		}, 1000);
-	}
-} catch {
-	console.log('skip announceProvider');
-}