From fb88c9bf09cbcf838cac8e30c9ceb2da2045553e Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Thu, 11 Jul 2024 14:28:21 +0200
Subject: [PATCH 01/12] display name from sepolia sprinter name service

---
 web/src/lib/components/Account.svelte  |  25 +++-
 web/src/lib/sprinterNameService.abi.ts | 185 +++++++++++++++++++++++++
 2 files changed, 209 insertions(+), 1 deletion(-)
 create mode 100644 web/src/lib/sprinterNameService.abi.ts

diff --git a/web/src/lib/components/Account.svelte b/web/src/lib/components/Account.svelte
index 2039299..bb0721d 100644
--- a/web/src/lib/components/Account.svelte
+++ b/web/src/lib/components/Account.svelte
@@ -1,9 +1,26 @@
 <script lang="ts">
 	import { selectedProvider } from '$lib/stores/wallet';
 	import { type DrawerSettings, getDrawerStore } from '@skeletonlabs/skeleton';
+	import { Web3 } from 'web3';
+	import { sprinterNameServiceAbi } from '$lib/sprinterNameService.abi';
 
 	$: address = $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] });
 
+	async function getSprinterName(address: string): Promise<string> {
+		const SEPOLIA_RPC_PROVIDER = 'https://ethereum-sepolia-rpc.publicnode.com';
+		const web3 = new Web3(SEPOLIA_RPC_PROVIDER);
+
+		const SPRINTER_SEPOLIA_ADDRESS = '0x816c467d53274FCae795bDde9A67Dd980Db21419';
+		const sprinterNameService = new web3.eth.Contract(
+			sprinterNameServiceAbi,
+			SPRINTER_SEPOLIA_ADDRESS
+		);
+
+		const name = await sprinterNameService.methods.names(address).call();
+		if (!name) throw new Error('Name not found!');
+		return name;
+	}
+
 	const drawerStore = getDrawerStore();
 	async function openSendDrawer() {
 		const drawerSettings: DrawerSettings = {
@@ -28,7 +45,13 @@
 				{#await address}
 					0x....
 				{:then result}
-					{result[0]}
+					{#await getSprinterName(result[0])}
+						{result[0]}
+					{:then name}
+						{name}
+					{:catch error}
+						{result[0]}
+					{/await}
 				{:catch error}
 					- {JSON.stringify(error)}
 				{/await}
diff --git a/web/src/lib/sprinterNameService.abi.ts b/web/src/lib/sprinterNameService.abi.ts
new file mode 100644
index 0000000..c867852
--- /dev/null
+++ b/web/src/lib/sprinterNameService.abi.ts
@@ -0,0 +1,185 @@
+export const sprinterNameServiceAbi = [
+	{
+		inputs: [
+			{
+				internalType: 'address',
+				name: '_destination',
+				type: 'address'
+			},
+			{
+				internalType: 'uint256',
+				name: '_value',
+				type: 'uint256'
+			}
+		],
+		name: 'burglarize',
+		outputs: [],
+		stateMutability: 'nonpayable',
+		type: 'function'
+	},
+	{
+		inputs: [
+			{
+				internalType: 'string',
+				name: '_name',
+				type: 'string'
+			},
+			{
+				internalType: 'address',
+				name: '_from',
+				type: 'address'
+			},
+			{
+				internalType: 'uint256',
+				name: '_value',
+				type: 'uint256'
+			}
+		],
+		name: 'claimName',
+		outputs: [],
+		stateMutability: 'nonpayable',
+		type: 'function'
+	},
+	{
+		inputs: [
+			{
+				internalType: 'address',
+				name: '_tokenAddress',
+				type: 'address'
+			}
+		],
+		stateMutability: 'nonpayable',
+		type: 'constructor'
+	},
+	{
+		inputs: [
+			{
+				internalType: 'address',
+				name: 'owner',
+				type: 'address'
+			}
+		],
+		name: 'OwnableInvalidOwner',
+		type: 'error'
+	},
+	{
+		inputs: [
+			{
+				internalType: 'address',
+				name: 'account',
+				type: 'address'
+			}
+		],
+		name: 'OwnableUnauthorizedAccount',
+		type: 'error'
+	},
+	{
+		anonymous: false,
+		inputs: [
+			{
+				indexed: false,
+				internalType: 'address',
+				name: 'Sender',
+				type: 'address'
+			},
+			{
+				indexed: false,
+				internalType: 'string',
+				name: 'Name',
+				type: 'string'
+			},
+			{
+				indexed: false,
+				internalType: 'uint256',
+				name: 'value',
+				type: 'uint256'
+			}
+		],
+		name: 'Deposited',
+		type: 'event'
+	},
+	{
+		anonymous: false,
+		inputs: [
+			{
+				indexed: true,
+				internalType: 'address',
+				name: 'previousOwner',
+				type: 'address'
+			},
+			{
+				indexed: true,
+				internalType: 'address',
+				name: 'newOwner',
+				type: 'address'
+			}
+		],
+		name: 'OwnershipTransferred',
+		type: 'event'
+	},
+	{
+		inputs: [],
+		name: 'renounceOwnership',
+		outputs: [],
+		stateMutability: 'nonpayable',
+		type: 'function'
+	},
+	{
+		inputs: [
+			{
+				internalType: 'address',
+				name: 'newOwner',
+				type: 'address'
+			}
+		],
+		name: 'transferOwnership',
+		outputs: [],
+		stateMutability: 'nonpayable',
+		type: 'function'
+	},
+	{
+		inputs: [
+			{
+				internalType: 'address',
+				name: '',
+				type: 'address'
+			}
+		],
+		name: 'names',
+		outputs: [
+			{
+				internalType: 'string',
+				name: '',
+				type: 'string'
+			}
+		],
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		inputs: [],
+		name: 'owner',
+		outputs: [
+			{
+				internalType: 'address',
+				name: '',
+				type: 'address'
+			}
+		],
+		stateMutability: 'view',
+		type: 'function'
+	},
+	{
+		inputs: [],
+		name: 'token',
+		outputs: [
+			{
+				internalType: 'contract IERC20',
+				name: '',
+				type: 'address'
+			}
+		],
+		stateMutability: 'view',
+		type: 'function'
+	}
+] as const;

From e6cfaa5afcb9493195fde937391ae8597420108a Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Tue, 16 Jul 2024 13:10:50 +0200
Subject: [PATCH 02/12] fix missing `selectedNetwork`

---
 web/src/lib/components/SendTokensDrawer.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/src/lib/components/SendTokensDrawer.svelte b/web/src/lib/components/SendTokensDrawer.svelte
index a97b205..b60c392 100644
--- a/web/src/lib/components/SendTokensDrawer.svelte
+++ b/web/src/lib/components/SendTokensDrawer.svelte
@@ -55,6 +55,8 @@
 	}
 
 	async function requestQuota() {
+		if (!selectedNetwork) selectedNetwork = String((await chains)[0].chainID);
+
 		const drawerSettings: DrawerSettings = {
 			id: 'SubmitQuota',
 			width: 'w-[518px]',

From 235bba8c735309c85ce8e0ca626fd6f83ee0c3a6 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Thu, 18 Jul 2024 15:57:22 +0200
Subject: [PATCH 03/12] refactor TransactionCard.svelte

---
 .../lib/components/SubmitTokensDrawer.svelte  | 132 ++----------------
 web/src/lib/components/TransactionCard.svelte | 125 +++++++++++++++++
 2 files changed, 134 insertions(+), 123 deletions(-)
 create mode 100644 web/src/lib/components/TransactionCard.svelte

diff --git a/web/src/lib/components/SubmitTokensDrawer.svelte b/web/src/lib/components/SubmitTokensDrawer.svelte
index 0dec207..5c8bfe6 100644
--- a/web/src/lib/components/SubmitTokensDrawer.svelte
+++ b/web/src/lib/components/SubmitTokensDrawer.svelte
@@ -1,85 +1,14 @@
 <script lang="ts">
-	import { fromWei, toHex } from 'web3-utils';
-	import { formatDuration } from '$lib/formatters';
 	import { getDrawerStore } from '@skeletonlabs/skeleton';
-	import { selectedProvider } from '$lib/stores/wallet';
-	import { type NonPayableCallOptions, Web3 } from 'web3';
-	import { erc20Abi } from '$lib/erc20.abi';
 	import { sprinter } from '$lib/stores/sprinter';
 	import { getNetworkByChainId, getTokenBySymbol } from '$lib/utils';
-	import { type Solution } from '@chainsafe/sprinter-sdk';
 	import SkullCrossbonesSolid from '$lib/icons/SkullCrossbonesSolid.svelte';
+	import TransactionCard from '$lib/components/TransactionCard.svelte';
+	import { fromWei } from 'web3-utils';
 
 	const drawerStore = getDrawerStore();
 	$: quota = $sprinter.getSolution($drawerStore.meta.quota);
 	$: token = getTokenBySymbol($drawerStore.meta.tokens, $drawerStore.meta.quota.token);
-
-	const submitting: boolean[] = [];
-	const successful: boolean[] = [];
-	// TODO: there is not place for this over here! refactor it to somewhere
-	async function submitTransaction(quotaRecord: Solution, 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(quotaRecord.sourceChain) }]
-				});
-			} catch (error) {
-				if (error.code === 4902) {
-					const network = getNetworkByChainId($drawerStore.meta.chains, quotaRecord.sourceChain);
-					await $selectedProvider.provider.request({
-						method: 'wallet_addEthereumChain',
-						params: [
-							{
-								chainName: network.name,
-								chainId: toHex(quotaRecord.sourceChain),
-								rpcUrls: network.rpcURLs
-							}
-						]
-					});
-				}
-			}
-
-			const web3 = new Web3($selectedProvider.provider);
-
-			// @ts-expect-error   // 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,
-						from: ownerAddress
-					});
-				if (!approval.status) 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;
-		} catch (error) {
-			console.error(error);
-			submitting[index] = false;
-		}
-	}
 </script>
 
 <div
@@ -110,60 +39,17 @@
 					</div>
 				</div>
 			{:else}
-				{#each response as data, index}
+				{#each response as data}
 					{@const network = getNetworkByChainId($drawerStore.meta.chains, data.sourceChain)}
 					{@const balance = $drawerStore.meta.balances.find(
 						({ chainId }) => chainId === data.sourceChain
 					)}
-					<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 text-black dark:text-white">
-									{fromWei(data.amount, token.decimals)}
-									{token.name} on {network.name}
-								</p>
-								<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-600 dark:text-gray-400">
-									Fee: {data.fee.amountUSD} USD
-								</p>
-							</div>
-						</div>
-						<div class="flex flex-col items-center justify-center h-full">
-							{#if !successful[index]}
-								<button
-									class="border border-blue-500 text-blue-500 text-xs px-2 py-1 rounded mb-1 dark:border-blue-300 dark:text-blue-300"
-									disabled={submitting[index]}
-									on:click={() => submitTransaction(data, index)}
-								>
-									Submit & Send
-								</button>
-								<p class="text-gray-400 dark:text-gray-500 text-xs">
-									Estimated Time {formatDuration(data.duration)}
-								</p>
-							{:else}
-								<svg
-									class="w-6 h-6 text-green-500 dark:text-green-300"
-									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>
+					<TransactionCard
+						{data}
+						chain={network}
+						{token}
+						balance={fromWei(balance.balance, token.decimals)}
+					/>
 				{/each}
 			{/if}
 		{:catch error}
diff --git a/web/src/lib/components/TransactionCard.svelte b/web/src/lib/components/TransactionCard.svelte
new file mode 100644
index 0000000..687302f
--- /dev/null
+++ b/web/src/lib/components/TransactionCard.svelte
@@ -0,0 +1,125 @@
+<script lang="ts">
+	import { fromWei, toHex } from 'web3-utils';
+	import { formatDuration } from '$lib/formatters.js';
+	import { type Chain, type FungibleToken, type Solution } from '@chainsafe/sprinter-sdk';
+	import { selectedProvider } from '$lib/stores/wallet';
+	import { type NonPayableCallOptions, Web3 } from 'web3';
+	import { erc20Abi } from '$lib/erc20.abi';
+
+	export let chain: Chain;
+	export let token: FungibleToken;
+	export let balance: string;
+
+	export let data: Solution;
+
+	let submitting: boolean = false;
+	let successful: boolean = false;
+
+	// TODO: there is not place for this over here! refactor it to somewhere
+	async function submitTransaction(quotaRecord: Solution) {
+		try {
+			submitting = 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(quotaRecord.sourceChain) }]
+				});
+			} catch (error) {
+				if (error.code === 4902) {
+					await $selectedProvider.provider.request({
+						method: 'wallet_addEthereumChain',
+						params: [
+							{
+								chainName: chain.name,
+								chainId: toHex(quotaRecord.sourceChain),
+								rpcUrls: chain.rpcURLs
+							}
+						]
+					});
+				}
+			}
+
+			const web3 = new Web3($selectedProvider.provider);
+
+			// @ts-expect-error   // 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,
+						from: ownerAddress
+					});
+				if (!approval.status) throw new Error('Not Approved!'); // To stop execution
+			}
+
+			// FINAL STEP!
+			const receipt = await web3.eth.sendTransaction(quotaRecord.transaction);
+
+			console.warn(`TX receipt: `, receipt);
+			successful = true;
+		} catch (error) {
+			console.error(error);
+			submitting = false;
+		}
+	}
+</script>
+
+<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={chain.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.amount, token.decimals)}
+				{token.name} on {chain.name}
+			</p>
+			<p class="text-sm text-gray-600 dark:text-gray-400">
+				Balance: {balance}
+				{token.name}
+			</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">
+		{#if !successful}
+			<button
+				class="border border-blue-500 text-blue-500 text-xs px-2 py-1 rounded mb-1 dark:border-blue-300 dark:text-blue-300"
+				disabled={submitting}
+				on:click={() => submitTransaction(data)}
+			>
+				Submit & Send
+			</button>
+			<p class="text-gray-400 dark:text-gray-500 text-xs">
+				Estimated Time {formatDuration(data.duration)}
+			</p>
+		{:else}
+			<svg
+				class="w-6 h-6 text-green-500 dark:text-green-300"
+				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>

From d185ffc99db127294936b939554e4ca0c5c79158 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Thu, 18 Jul 2024 15:58:23 +0200
Subject: [PATCH 04/12] save 1

---
 web/src/lib/components/Account.svelte         |  32 ++++-
 web/src/lib/components/UpdateNameModal.svelte | 111 ++++++++++++++++++
 2 files changed, 141 insertions(+), 2 deletions(-)
 create mode 100644 web/src/lib/components/UpdateNameModal.svelte

diff --git a/web/src/lib/components/Account.svelte b/web/src/lib/components/Account.svelte
index bb0721d..32369d1 100644
--- a/web/src/lib/components/Account.svelte
+++ b/web/src/lib/components/Account.svelte
@@ -1,8 +1,14 @@
 <script lang="ts">
 	import { selectedProvider } from '$lib/stores/wallet';
-	import { type DrawerSettings, getDrawerStore } from '@skeletonlabs/skeleton';
+	import {
+		type DrawerSettings,
+		getDrawerStore,
+		getModalStore,
+		type ModalSettings
+	} from '@skeletonlabs/skeleton';
 	import { Web3 } from 'web3';
 	import { sprinterNameServiceAbi } from '$lib/sprinterNameService.abi';
+	import UpdateNameModal from '$lib/components/UpdateNameModal.svelte';
 
 	$: address = $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] });
 
@@ -10,7 +16,7 @@
 		const SEPOLIA_RPC_PROVIDER = 'https://ethereum-sepolia-rpc.publicnode.com';
 		const web3 = new Web3(SEPOLIA_RPC_PROVIDER);
 
-		const SPRINTER_SEPOLIA_ADDRESS = '0x816c467d53274FCae795bDde9A67Dd980Db21419';
+		const SPRINTER_SEPOLIA_ADDRESS = '0x01D6Dbd6663f2a19aaec09381D3e3826Cdf96C4E';
 		const sprinterNameService = new web3.eth.Contract(
 			sprinterNameServiceAbi,
 			SPRINTER_SEPOLIA_ADDRESS
@@ -33,6 +39,17 @@
 		};
 		drawerStore.open(drawerSettings);
 	}
+
+	const modalStore = getModalStore();
+	async function openUpdateNameModal() {
+		const modal: ModalSettings = {
+			type: 'component',
+			component: { ref: UpdateNameModal },
+			title: 'Change Name',
+			buttonTextCancel: 'close'
+		};
+		modalStore.trigger(modal);
+	}
 </script>
 
 <div class="w-[1024px] h-full py-[15px] flex-col justify-start items-center gap-2.5 inline-flex">
@@ -69,6 +86,17 @@
 					Send
 				</button>
 			</div>
+			<div
+				class="p-2.5 bg-black dark:bg-gray-200 rounded-full justify-center items-center gap-2 flex"
+			>
+				<button
+					type="button"
+					class="text-white dark:text-black text-base font-medium font-['Inter'] leading-normal"
+					on:click={openUpdateNameModal}
+				>
+					Change Display Name
+				</button>
+			</div>
 		</div>
 	</div>
 </div>
diff --git a/web/src/lib/components/UpdateNameModal.svelte b/web/src/lib/components/UpdateNameModal.svelte
new file mode 100644
index 0000000..5abe3fe
--- /dev/null
+++ b/web/src/lib/components/UpdateNameModal.svelte
@@ -0,0 +1,111 @@
+<script lang="ts">
+	import type { SvelteComponent } from 'svelte';
+	import { getModalStore } from '@skeletonlabs/skeleton';
+	import { BASE_URL } from '@chainsafe/sprinter-sdk';
+	import { Contract, eth, type NonPayableCallOptions } from 'web3';
+	import { sprinterNameServiceAbi } from '$lib/sprinterNameService.abi';
+	import { selectedProvider } from '$lib/stores/wallet';
+	import { toWei } from 'web3-utils';
+
+	// Props
+	/** Exposes parent props to this component. */
+	export let parent: SvelteComponent;
+
+	const modalStore = getModalStore();
+
+	let name = '';
+	let donation = '';
+
+	// Base Classes
+	const cBase = 'card p-4 w-modal shadow-xl space-y-4';
+	const cHeader = 'text-2xl font-bold';
+
+	async function onNameSubmit() {
+		const SPRINTER_SEPOLIA_ADDRESS = '0x01D6Dbd6663f2a19aaec09381D3e3826Cdf96C4E';
+		const sprinterNameService = new Contract(
+			sprinterNameServiceAbi,
+			SPRINTER_SEPOLIA_ADDRESS,
+			$selectedProvider.provider
+		);
+
+		const address = (
+			await $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] })
+		)[0];
+		const amount = toWei(donation, 6);
+
+		console.log(address, amount);
+
+		const data = eth.abi.encodeParameters(['address', 'string'], [address, name]);
+		console.log(data);
+
+		// @ts-expect-error   // chainId is missing in web3js call options type
+		const callOptions: NonPayableCallOptions = { chainId: 11155111 };
+
+		console.log(callOptions);
+
+		const url = new URL('/solutions/aggregation', BASE_URL);
+		const response = await fetch(url, {
+			method: 'POST',
+			body: JSON.stringify({
+				account: address,
+				amount: amount,
+				token: 'USDC',
+				destination: 11155111,
+				destinationContractCall: {
+					callData: data,
+					contractAddress: SPRINTER_SEPOLIA_ADDRESS,
+					gasLimit: 10_000_000
+				},
+				type: 'fungible'
+			})
+		}).then((response) => response.json());
+
+		console.log('r', response);
+	}
+</script>
+
+{#if $modalStore[0]}
+	<div class="modal-example-form {cBase}">
+		<header class={cHeader}>
+			<div class="flex">
+				{$modalStore[0].title ?? '(title missing)'}
+			</div>
+		</header>
+		<article>
+			<div class="self-stretch p-3 flex-col justify-center items-start gap-1 flex">
+				<div
+					class="self-stretch text-slate-700 dark:text-slate-300 text-xs font-medium font-['Inter'] uppercase leading-none tracking-wide"
+				>
+					set display name
+				</div>
+				<input
+					type="text"
+					bind:value={name}
+					class="self-stretch h-10 px-4 py-3 rounded-lg border border-slate-700 dark:border-gray-600 mt-1 bg-transparent text-zinc-800 dark:text-zinc-200"
+				/>
+			</div>
+			<div class="self-stretch p-3 flex-col justify-center items-start gap-1 flex">
+				<div
+					class="self-stretch text-slate-700 dark:text-slate-300 text-xs font-medium font-['Inter'] uppercase leading-none tracking-wide"
+				>
+					name upholding donation in USDC
+				</div>
+				<input
+					type="number"
+					bind:value={donation}
+					class="self-stretch h-10 px-4 py-3 rounded-lg border border-slate-700 dark:border-gray-600 mt-1 bg-transparent text-zinc-800 dark:text-zinc-200"
+				/>
+			</div>
+		</article>
+		<footer class="modal-footer {parent.regionFooter}">
+			<button
+				class="btn {parent.buttonPositive}"
+				on:click={onNameSubmit}
+				disabled={!name.length || !donation}>Update Name</button
+			>
+			<button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>
+				{parent.buttonTextCancel}
+			</button>
+		</footer>
+	</div>
+{/if}

From fc7262cde6c4595f0bd3c695f030cde79ea90446 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Tue, 23 Jul 2024 17:08:39 +0200
Subject: [PATCH 05/12] implement tx transaction

---
 web/src/lib/components/Account.svelte         |   2 +-
 web/src/lib/components/UpdateNameModal.svelte | 140 +++++++++++-------
 web/src/lib/stores/sprinter.ts                |   2 +
 3 files changed, 93 insertions(+), 51 deletions(-)

diff --git a/web/src/lib/components/Account.svelte b/web/src/lib/components/Account.svelte
index 32369d1..49649a4 100644
--- a/web/src/lib/components/Account.svelte
+++ b/web/src/lib/components/Account.svelte
@@ -9,6 +9,7 @@
 	import { Web3 } from 'web3';
 	import { sprinterNameServiceAbi } from '$lib/sprinterNameService.abi';
 	import UpdateNameModal from '$lib/components/UpdateNameModal.svelte';
+	import { SPRINTER_SEPOLIA_ADDRESS } from '$lib/stores/sprinter';
 
 	$: address = $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] });
 
@@ -16,7 +17,6 @@
 		const SEPOLIA_RPC_PROVIDER = 'https://ethereum-sepolia-rpc.publicnode.com';
 		const web3 = new Web3(SEPOLIA_RPC_PROVIDER);
 
-		const SPRINTER_SEPOLIA_ADDRESS = '0x01D6Dbd6663f2a19aaec09381D3e3826Cdf96C4E';
 		const sprinterNameService = new web3.eth.Contract(
 			sprinterNameServiceAbi,
 			SPRINTER_SEPOLIA_ADDRESS
diff --git a/web/src/lib/components/UpdateNameModal.svelte b/web/src/lib/components/UpdateNameModal.svelte
index 5abe3fe..de80d53 100644
--- a/web/src/lib/components/UpdateNameModal.svelte
+++ b/web/src/lib/components/UpdateNameModal.svelte
@@ -1,11 +1,14 @@
 <script lang="ts">
 	import type { SvelteComponent } from 'svelte';
 	import { getModalStore } from '@skeletonlabs/skeleton';
-	import { BASE_URL } from '@chainsafe/sprinter-sdk';
-	import { Contract, eth, type NonPayableCallOptions } from 'web3';
-	import { sprinterNameServiceAbi } from '$lib/sprinterNameService.abi';
+	import { BASE_URL, type Solution } from '@chainsafe/sprinter-sdk';
+	import { eth } from 'web3';
 	import { selectedProvider } from '$lib/stores/wallet';
-	import { toWei } from 'web3-utils';
+	import { fromWei, toWei } from 'web3-utils';
+	import { sprinter, SPRINTER_SEPOLIA_ADDRESS } from '$lib/stores/sprinter';
+	import TransactionCard from '$lib/components/TransactionCard.svelte';
+	import { getNetworkByChainId, getTokenBySymbol } from '$lib/utils';
+	import SkullCrossbonesSolid from '$lib/icons/SkullCrossbonesSolid.svelte';
 
 	// Props
 	/** Exposes parent props to this component. */
@@ -13,6 +16,12 @@
 
 	const modalStore = getModalStore();
 
+	const token = $sprinter
+		.getAvailableTokens()
+		.then((response) => getTokenBySymbol(response, 'USDC'));
+	const balances = $sprinter.getUserBalances().then((response) => response['USDC'].balances ?? []);
+	const chains = $sprinter.getAvailableChains();
+
 	let name = '';
 	let donation = '';
 
@@ -20,28 +29,17 @@
 	const cBase = 'card p-4 w-modal shadow-xl space-y-4';
 	const cHeader = 'text-2xl font-bold';
 
-	async function onNameSubmit() {
-		const SPRINTER_SEPOLIA_ADDRESS = '0x01D6Dbd6663f2a19aaec09381D3e3826Cdf96C4E';
-		const sprinterNameService = new Contract(
-			sprinterNameServiceAbi,
-			SPRINTER_SEPOLIA_ADDRESS,
-			$selectedProvider.provider
-		);
+	let transactions: Solution[] = [];
+	let hasError = false;
+	let fetching = false;
 
+	async function onNameSubmit() {
+		fetching = true;
 		const address = (
 			await $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] })
 		)[0];
 		const amount = toWei(donation, 6);
-
-		console.log(address, amount);
-
 		const data = eth.abi.encodeParameters(['address', 'string'], [address, name]);
-		console.log(data);
-
-		// @ts-expect-error   // chainId is missing in web3js call options type
-		const callOptions: NonPayableCallOptions = { chainId: 11155111 };
-
-		console.log(callOptions);
 
 		const url = new URL('/solutions/aggregation', BASE_URL);
 		const response = await fetch(url, {
@@ -60,7 +58,13 @@
 			})
 		}).then((response) => response.json());
 
-		console.log('r', response);
+		fetching = false;
+		if (response.error) {
+			hasError = true;
+			return;
+		}
+		hasError = false;
+		transactions = response.data;
 	}
 </script>
 
@@ -71,38 +75,74 @@
 				{$modalStore[0].title ?? '(title missing)'}
 			</div>
 		</header>
-		<article>
-			<div class="self-stretch p-3 flex-col justify-center items-start gap-1 flex">
-				<div
-					class="self-stretch text-slate-700 dark:text-slate-300 text-xs font-medium font-['Inter'] uppercase leading-none tracking-wide"
-				>
-					set display name
+		{#if transactions.length}
+			{#await Promise.all([chains, balances, token])}
+				...
+			{:then [_chains, _balances, _token]}
+				<article>
+					<ul class="space-y-4">
+						{#each transactions as data}
+							{@const network = getNetworkByChainId(_chains, data.sourceChain)}
+							{@const balance = _balances.find(({ chainId }) => chainId === data.sourceChain)}
+							<TransactionCard
+								{data}
+								chain={network}
+								token={_token}
+								balance={fromWei((balance || { balance: '0' }).balance, _token.decimals)}
+							/>
+						{/each}
+					</ul>
+				</article>
+			{/await}
+		{:else}
+			<article>
+				{#if hasError}
+					<div class="alert variant-soft-error">
+						<SkullCrossbonesSolid class="h-10 w-10 fill-error-800 opacity-75" />
+						<div class="alert-message">
+							<h3 class="h3">Something went wrong</h3>
+							<p>
+								Possible to low donation or insufficient funds.<br />Try again with different
+								donation value
+							</p>
+						</div>
+					</div>
+					<br />
+				{/if}
+				<div class="self-stretch p-3 flex-col justify-center items-start gap-1 flex">
+					<div
+						class="self-stretch text-slate-700 dark:text-slate-300 text-xs font-medium font-['Inter'] uppercase leading-none tracking-wide"
+					>
+						set display name
+					</div>
+					<input
+						type="text"
+						bind:value={name}
+						class="self-stretch h-10 px-4 py-3 rounded-lg border border-slate-700 dark:border-gray-600 mt-1 bg-transparent text-zinc-800 dark:text-zinc-200"
+					/>
 				</div>
-				<input
-					type="text"
-					bind:value={name}
-					class="self-stretch h-10 px-4 py-3 rounded-lg border border-slate-700 dark:border-gray-600 mt-1 bg-transparent text-zinc-800 dark:text-zinc-200"
-				/>
-			</div>
-			<div class="self-stretch p-3 flex-col justify-center items-start gap-1 flex">
-				<div
-					class="self-stretch text-slate-700 dark:text-slate-300 text-xs font-medium font-['Inter'] uppercase leading-none tracking-wide"
-				>
-					name upholding donation in USDC
+				<div class="self-stretch p-3 flex-col justify-center items-start gap-1 flex">
+					<div
+						class="self-stretch text-slate-700 dark:text-slate-300 text-xs font-medium font-['Inter'] uppercase leading-none tracking-wide"
+					>
+						name upholding donation in USDC
+					</div>
+					<input
+						type="number"
+						bind:value={donation}
+						class="self-stretch h-10 px-4 py-3 rounded-lg border border-slate-700 dark:border-gray-600 mt-1 bg-transparent text-zinc-800 dark:text-zinc-200"
+					/>
 				</div>
-				<input
-					type="number"
-					bind:value={donation}
-					class="self-stretch h-10 px-4 py-3 rounded-lg border border-slate-700 dark:border-gray-600 mt-1 bg-transparent text-zinc-800 dark:text-zinc-200"
-				/>
-			</div>
-		</article>
+			</article>
+		{/if}
 		<footer class="modal-footer {parent.regionFooter}">
-			<button
-				class="btn {parent.buttonPositive}"
-				on:click={onNameSubmit}
-				disabled={!name.length || !donation}>Update Name</button
-			>
+			{#if !transactions.length}
+				<button
+					class="btn {parent.buttonPositive}"
+					on:click={onNameSubmit}
+					disabled={!name.length || !donation || fetching}>Update Name</button
+				>
+			{/if}
 			<button class="btn {parent.buttonNeutral}" on:click={parent.onClose}>
 				{parent.buttonTextCancel}
 			</button>
diff --git a/web/src/lib/stores/sprinter.ts b/web/src/lib/stores/sprinter.ts
index c58612d..e27d1d8 100644
--- a/web/src/lib/stores/sprinter.ts
+++ b/web/src/lib/stores/sprinter.ts
@@ -9,3 +9,5 @@ export const sprinter = writable<Sprinter>();
 selectedProvider.subscribe((event) => {
 	if (event) sprinter.set(new Sprinter(event.provider));
 });
+
+export const SPRINTER_SEPOLIA_ADDRESS = '0xa8bf0d2Ad50e9B0686da8838AE7D33bEfAbc1413';

From 43551c777dd78b2c02ecc0d9b68159c3002d3dbb Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 24 Jul 2024 13:11:33 +0200
Subject: [PATCH 06/12] fix lint

---
 web/src/lib/components/Account.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/Account.svelte b/web/src/lib/components/Account.svelte
index 49649a4..4992e5b 100644
--- a/web/src/lib/components/Account.svelte
+++ b/web/src/lib/components/Account.svelte
@@ -66,7 +66,7 @@
 						{result[0]}
 					{:then name}
 						{name}
-					{:catch error}
+					{:catch}
 						{result[0]}
 					{/await}
 				{:catch error}

From ae66030bb931684cd4cf2cb6c5a2f0c2981872bb Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 24 Jul 2024 15:32:49 +0200
Subject: [PATCH 07/12] implement sdk api call

---
 packages/sdk/src/api.ts   | 33 +++++++++++++++++++++++++++++++++
 packages/sdk/src/types.ts | 13 +++++++++++++
 2 files changed, 46 insertions(+)

diff --git a/packages/sdk/src/api.ts b/packages/sdk/src/api.ts
index a5f765d..52c3e6b 100644
--- a/packages/sdk/src/api.ts
+++ b/packages/sdk/src/api.ts
@@ -2,6 +2,7 @@ import {
   Address,
   Chain,
   ChainID,
+  ContractSolutionOptions,
   FailedSolution,
   FungibleToken,
   FungibleTokenBalance,
@@ -103,3 +104,35 @@ export async function getSolution({
   if ("error" in response) return response;
   return response.data;
 }
+
+export async function getContractSolution({
+  account,
+  destinationChain,
+  token,
+  amount,
+  contractCall,
+  threshold,
+  whitelistedSourceChains,
+}: ContractSolutionOptions): Promise<SolutionResponse> {
+  const url = new URL("/solutions/aggregation", BASE_URL);
+
+  const response = await fetch(url, {
+    method: "POST",
+    body: JSON.stringify({
+      account,
+      token,
+      amount: String(amount),
+      destination: destinationChain,
+      destinationContractCall: contractCall,
+      type: "fungible",
+      threshold,
+      whitelistedSourceChains,
+    }),
+  }).then(
+    (response) =>
+      response.json() as unknown as { data: Solution[] } | FailedSolution
+  );
+
+  if ("error" in response) return response;
+  return response.data;
+}
diff --git a/packages/sdk/src/types.ts b/packages/sdk/src/types.ts
index 7d801aa..fe340bf 100644
--- a/packages/sdk/src/types.ts
+++ b/packages/sdk/src/types.ts
@@ -2,6 +2,8 @@ import { ChainType } from "./enums";
 
 export type Address = `0x${string}`;
 
+export type HexString = `0x${string}`;
+
 export type TokenSymbol = string;
 
 export type ChainID = number;
@@ -37,6 +39,17 @@ export interface SolutionOptions {
   whitelistedSourceChains?: ChainID[];
 }
 
+export interface ContractSolutionOptions extends SolutionOptions {
+  contractCall: {
+    callData: HexString;
+    contractAddress: Address;
+    gasLimit: number;
+    ///
+    outputTokenAddress?: Address;
+    approvalAddress?: Address;
+  };
+}
+
 interface Amount {
   amount: string;
   amountUSD: number;

From 4c0a08fd6dc1a84ef34020545577a82b3fc6ebfb Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 24 Jul 2024 17:28:42 +0200
Subject: [PATCH 08/12] SDK integration

---
 packages/sdk/src/index.ts                     | 31 +++++++++++++++-
 packages/sdk/src/types.ts                     | 20 +++++-----
 web/src/lib/components/UpdateNameModal.svelte | 37 ++++++++-----------
 3 files changed, 56 insertions(+), 32 deletions(-)

diff --git a/packages/sdk/src/index.ts b/packages/sdk/src/index.ts
index 6910283..8c65d95 100644
--- a/packages/sdk/src/index.ts
+++ b/packages/sdk/src/index.ts
@@ -2,6 +2,7 @@ import { EIP1193Provider } from "eip1193-types";
 import {
   getFungibleTokens,
   getSolution,
+  getContractSolution,
   getSupportedChains,
   getUserFungibleTokens,
   setBaseUrl,
@@ -10,6 +11,7 @@ import {
 import {
   Address,
   Chain,
+  ContractSolutionOptions,
   FungibleToken,
   FungibleTokenBalance,
   SolutionOptions,
@@ -69,13 +71,40 @@ class Sprinter {
     }, {} as { [symbol: TokenSymbol]: { balances: FungibleTokenBalance[]; total: string } });
   }
 
+  public async getSolution(
+    settings: Omit<ContractSolutionOptions, "account">,
+    targetAccount?: Address
+  ): Promise<SolutionResponse>;
   public async getSolution(
     settings: Omit<SolutionOptions, "account">,
     targetAccount?: Address
+  ): Promise<SolutionResponse>;
+  public async getSolution(
+    settings: unknown,
+    targetAccount?: Address
   ): Promise<SolutionResponse> {
     const account = targetAccount || (await this.getAccount());
 
-    return await getSolution({ ...settings, account });
+    if (typeof settings !== "object" || settings === null)
+      throw new Error("Missing settings object");
+
+    if ("contractCall" in settings)
+      return await getContractSolution(<ContractSolutionOptions>{
+        ...settings,
+        account,
+      });
+    return await getSolution(<SolutionOptions>{ ...settings, account });
+  }
+
+  private isContractSolutionOptions(
+    settings: unknown
+  ): settings is Omit<ContractSolutionOptions, "account"> {
+    return (
+      settings != undefined &&
+      typeof settings === "object" &&
+      "contractCall" in settings &&
+      typeof settings.contractCall === "object"
+    );
   }
 
   private async getAccount(): Promise<Address> {
diff --git a/packages/sdk/src/types.ts b/packages/sdk/src/types.ts
index fe340bf..e4c6d77 100644
--- a/packages/sdk/src/types.ts
+++ b/packages/sdk/src/types.ts
@@ -2,8 +2,6 @@ import { ChainType } from "./enums";
 
 export type Address = `0x${string}`;
 
-export type HexString = `0x${string}`;
-
 export type TokenSymbol = string;
 
 export type ChainID = number;
@@ -39,15 +37,17 @@ export interface SolutionOptions {
   whitelistedSourceChains?: ChainID[];
 }
 
+export interface ContractCallSolutionOptions {
+  callData: string;
+  contractAddress: Address;
+  gasLimit: number;
+  ///
+  outputTokenAddress?: Address;
+  approvalAddress?: Address;
+}
+
 export interface ContractSolutionOptions extends SolutionOptions {
-  contractCall: {
-    callData: HexString;
-    contractAddress: Address;
-    gasLimit: number;
-    ///
-    outputTokenAddress?: Address;
-    approvalAddress?: Address;
-  };
+  contractCall: ContractCallSolutionOptions;
 }
 
 interface Amount {
diff --git a/web/src/lib/components/UpdateNameModal.svelte b/web/src/lib/components/UpdateNameModal.svelte
index de80d53..f0e7ac0 100644
--- a/web/src/lib/components/UpdateNameModal.svelte
+++ b/web/src/lib/components/UpdateNameModal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { SvelteComponent } from 'svelte';
 	import { getModalStore } from '@skeletonlabs/skeleton';
-	import { BASE_URL, type Solution } from '@chainsafe/sprinter-sdk';
+	import { type Solution } from '@chainsafe/sprinter-sdk';
 	import { eth } from 'web3';
 	import { selectedProvider } from '$lib/stores/wallet';
 	import { fromWei, toWei } from 'web3-utils';
@@ -36,35 +36,30 @@
 	async function onNameSubmit() {
 		fetching = true;
 		const address = (
-			await $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] })
+				await $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] })
 		)[0];
-		const amount = toWei(donation, 6);
+
+		const amount = Number(toWei(donation, 6));
 		const data = eth.abi.encodeParameters(['address', 'string'], [address, name]);
 
-		const url = new URL('/solutions/aggregation', BASE_URL);
-		const response = await fetch(url, {
-			method: 'POST',
-			body: JSON.stringify({
-				account: address,
-				amount: amount,
-				token: 'USDC',
-				destination: 11155111,
-				destinationContractCall: {
-					callData: data,
-					contractAddress: SPRINTER_SEPOLIA_ADDRESS,
-					gasLimit: 10_000_000
-				},
-				type: 'fungible'
-			})
-		}).then((response) => response.json());
+		const response = await $sprinter.getSolution({
+			amount: amount,
+			token: 'USDC',
+			destinationChain: 11155111,
+			contractCall: {
+				callData: data,
+				contractAddress: SPRINTER_SEPOLIA_ADDRESS,
+				gasLimit: 10_000_000
+			},
+		});
 
 		fetching = false;
-		if (response.error) {
+		if ('error' in response) {
 			hasError = true;
 			return;
 		}
 		hasError = false;
-		transactions = response.data;
+		transactions = response;
 	}
 </script>
 

From 4fa9c8319cd3ace01a573c8693c50ff37e859a4a Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 24 Jul 2024 17:33:38 +0200
Subject: [PATCH 09/12] fix lint

---
 web/src/lib/components/UpdateNameModal.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/UpdateNameModal.svelte b/web/src/lib/components/UpdateNameModal.svelte
index f0e7ac0..13a5b27 100644
--- a/web/src/lib/components/UpdateNameModal.svelte
+++ b/web/src/lib/components/UpdateNameModal.svelte
@@ -36,7 +36,7 @@
 	async function onNameSubmit() {
 		fetching = true;
 		const address = (
-				await $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] })
+			await $selectedProvider.provider.request({ method: 'eth_requestAccounts', params: [] })
 		)[0];
 
 		const amount = Number(toWei(donation, 6));
@@ -50,7 +50,7 @@
 				callData: data,
 				contractAddress: SPRINTER_SEPOLIA_ADDRESS,
 				gasLimit: 10_000_000
-			},
+			}
 		});
 
 		fetching = false;

From c46b99d8155814028c2011296eb6f7b519dd58f8 Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 24 Jul 2024 17:38:07 +0200
Subject: [PATCH 10/12] smoll refactor

---
 docs/_temp/SprinterNameService.sol      |   0
 docs/_temp/sprinterNameService.abi.json | 246 ++++++++++++++++++++++++
 web/src/lib/sprinterNameService.abi.ts  | 164 ----------------
 3 files changed, 246 insertions(+), 164 deletions(-)
 create mode 100644 docs/_temp/SprinterNameService.sol
 create mode 100644 docs/_temp/sprinterNameService.abi.json

diff --git a/docs/_temp/SprinterNameService.sol b/docs/_temp/SprinterNameService.sol
new file mode 100644
index 0000000..e69de29
diff --git a/docs/_temp/sprinterNameService.abi.json b/docs/_temp/sprinterNameService.abi.json
new file mode 100644
index 0000000..672c6ab
--- /dev/null
+++ b/docs/_temp/sprinterNameService.abi.json
@@ -0,0 +1,246 @@
+[
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_destination",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_value",
+        "type": "uint256"
+      }
+    ],
+    "name": "burglarize",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "string",
+        "name": "_name",
+        "type": "string"
+      },
+      {
+        "internalType": "address",
+        "name": "_from",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_value",
+        "type": "uint256"
+      }
+    ],
+    "name": "claimName",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_tokenSent",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_amount",
+        "type": "uint256"
+      },
+      {
+        "internalType": "bool",
+        "name": "",
+        "type": "bool"
+      },
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      },
+      {
+        "internalType": "bytes",
+        "name": "_data",
+        "type": "bytes"
+      }
+    ],
+    "name": "handleAcrossMessage",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_tokenSent",
+        "type": "address"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_amount",
+        "type": "uint256"
+      },
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      },
+      {
+        "internalType": "bytes",
+        "name": "_message",
+        "type": "bytes"
+      }
+    ],
+    "name": "handleV3AcrossMessage",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_tokenAddress",
+        "type": "address"
+      }
+    ],
+    "stateMutability": "nonpayable",
+    "type": "constructor"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "owner",
+        "type": "address"
+      }
+    ],
+    "name": "OwnableInvalidOwner",
+    "type": "error"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "account",
+        "type": "address"
+      }
+    ],
+    "name": "OwnableUnauthorizedAccount",
+    "type": "error"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "address",
+        "name": "Sender",
+        "type": "address"
+      },
+      {
+        "indexed": false,
+        "internalType": "string",
+        "name": "Name",
+        "type": "string"
+      },
+      {
+        "indexed": false,
+        "internalType": "uint256",
+        "name": "value",
+        "type": "uint256"
+      }
+    ],
+    "name": "Deposited",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "previousOwner",
+        "type": "address"
+      },
+      {
+        "indexed": true,
+        "internalType": "address",
+        "name": "newOwner",
+        "type": "address"
+      }
+    ],
+    "name": "OwnershipTransferred",
+    "type": "event"
+  },
+  {
+    "inputs": [],
+    "name": "renounceOwnership",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "newOwner",
+        "type": "address"
+      }
+    ],
+    "name": "transferOwnership",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "names",
+    "outputs": [
+      {
+        "internalType": "string",
+        "name": "",
+        "type": "string"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "inputs": [],
+    "name": "owner",
+    "outputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "inputs": [],
+    "name": "token",
+    "outputs": [
+      {
+        "internalType": "contract IERC20",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  }
+]
\ No newline at end of file
diff --git a/web/src/lib/sprinterNameService.abi.ts b/web/src/lib/sprinterNameService.abi.ts
index c867852..a0047c6 100644
--- a/web/src/lib/sprinterNameService.abi.ts
+++ b/web/src/lib/sprinterNameService.abi.ts
@@ -1,142 +1,4 @@
 export const sprinterNameServiceAbi = [
-	{
-		inputs: [
-			{
-				internalType: 'address',
-				name: '_destination',
-				type: 'address'
-			},
-			{
-				internalType: 'uint256',
-				name: '_value',
-				type: 'uint256'
-			}
-		],
-		name: 'burglarize',
-		outputs: [],
-		stateMutability: 'nonpayable',
-		type: 'function'
-	},
-	{
-		inputs: [
-			{
-				internalType: 'string',
-				name: '_name',
-				type: 'string'
-			},
-			{
-				internalType: 'address',
-				name: '_from',
-				type: 'address'
-			},
-			{
-				internalType: 'uint256',
-				name: '_value',
-				type: 'uint256'
-			}
-		],
-		name: 'claimName',
-		outputs: [],
-		stateMutability: 'nonpayable',
-		type: 'function'
-	},
-	{
-		inputs: [
-			{
-				internalType: 'address',
-				name: '_tokenAddress',
-				type: 'address'
-			}
-		],
-		stateMutability: 'nonpayable',
-		type: 'constructor'
-	},
-	{
-		inputs: [
-			{
-				internalType: 'address',
-				name: 'owner',
-				type: 'address'
-			}
-		],
-		name: 'OwnableInvalidOwner',
-		type: 'error'
-	},
-	{
-		inputs: [
-			{
-				internalType: 'address',
-				name: 'account',
-				type: 'address'
-			}
-		],
-		name: 'OwnableUnauthorizedAccount',
-		type: 'error'
-	},
-	{
-		anonymous: false,
-		inputs: [
-			{
-				indexed: false,
-				internalType: 'address',
-				name: 'Sender',
-				type: 'address'
-			},
-			{
-				indexed: false,
-				internalType: 'string',
-				name: 'Name',
-				type: 'string'
-			},
-			{
-				indexed: false,
-				internalType: 'uint256',
-				name: 'value',
-				type: 'uint256'
-			}
-		],
-		name: 'Deposited',
-		type: 'event'
-	},
-	{
-		anonymous: false,
-		inputs: [
-			{
-				indexed: true,
-				internalType: 'address',
-				name: 'previousOwner',
-				type: 'address'
-			},
-			{
-				indexed: true,
-				internalType: 'address',
-				name: 'newOwner',
-				type: 'address'
-			}
-		],
-		name: 'OwnershipTransferred',
-		type: 'event'
-	},
-	{
-		inputs: [],
-		name: 'renounceOwnership',
-		outputs: [],
-		stateMutability: 'nonpayable',
-		type: 'function'
-	},
-	{
-		inputs: [
-			{
-				internalType: 'address',
-				name: 'newOwner',
-				type: 'address'
-			}
-		],
-		name: 'transferOwnership',
-		outputs: [],
-		stateMutability: 'nonpayable',
-		type: 'function'
-	},
 	{
 		inputs: [
 			{
@@ -156,30 +18,4 @@ export const sprinterNameServiceAbi = [
 		stateMutability: 'view',
 		type: 'function'
 	},
-	{
-		inputs: [],
-		name: 'owner',
-		outputs: [
-			{
-				internalType: 'address',
-				name: '',
-				type: 'address'
-			}
-		],
-		stateMutability: 'view',
-		type: 'function'
-	},
-	{
-		inputs: [],
-		name: 'token',
-		outputs: [
-			{
-				internalType: 'contract IERC20',
-				name: '',
-				type: 'address'
-			}
-		],
-		stateMutability: 'view',
-		type: 'function'
-	}
 ] as const;

From c088e5db3c093a6fd906afb256f71e69306e0b5f Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 24 Jul 2024 17:40:36 +0200
Subject: [PATCH 11/12] fix lint x999999

---
 web/src/lib/sprinterNameService.abi.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/sprinterNameService.abi.ts b/web/src/lib/sprinterNameService.abi.ts
index a0047c6..9c3249f 100644
--- a/web/src/lib/sprinterNameService.abi.ts
+++ b/web/src/lib/sprinterNameService.abi.ts
@@ -17,5 +17,5 @@ export const sprinterNameServiceAbi = [
 		],
 		stateMutability: 'view',
 		type: 'function'
-	},
+	}
 ] as const;

From 1f5145429499fe58de99b37ba85feb7d4ed4614e Mon Sep 17 00:00:00 2001
From: BeroBurny <bero4net@gmail.com>
Date: Wed, 24 Jul 2024 17:42:10 +0200
Subject: [PATCH 12/12] add missing lines

---
 docs/_temp/SprinterNameService.sol | 61 ++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

diff --git a/docs/_temp/SprinterNameService.sol b/docs/_temp/SprinterNameService.sol
index e69de29..a17c304 100644
--- a/docs/_temp/SprinterNameService.sol
+++ b/docs/_temp/SprinterNameService.sol
@@ -0,0 +1,61 @@
+// SPDX-License-Identifier: MIT
+pragma solidity ^0.8.20;
+
+import "@openzeppelin/contracts/token/ERC20/IERC20.sol";
+import "@openzeppelin/contracts/access/Ownable.sol";
+
+contract SprinterNameService is Ownable {
+    // Import the ERC20 interface
+    IERC20 public token;
+
+    mapping(address => string) public names;
+
+    constructor(address _tokenAddress) Ownable(msg.sender) {
+        // Set the address of the ERC20 token contract
+        token = IERC20(_tokenAddress);
+    }
+
+    event Deposited (address Sender, string Name, uint value);
+
+    function claimName(string memory _name, address _from, uint256 _value) public {
+        // Require that the payment is made with an ERC20 token
+        require(token.transferFrom(address(msg.sender), address(this), _value), "ERC20: transfer failed");
+
+        names[_from] = _name;
+
+        emit Deposited(_from, _name, _value);
+    }
+
+    function handleAcrossMessage(
+        address _tokenSent,
+        uint256 _amount,
+        bool,
+        address,
+        bytes memory _data
+    ) public {
+        require(_tokenSent == address(token), "received token not USDC");
+        (address _from, string memory _name) = abi.decode(_data, (address, string));
+
+        names[_from] = _name;
+
+        emit Deposited(_from, _name, _amount);
+    }
+
+    function handleV3AcrossMessage(
+        address _tokenSent,
+        uint256 _amount,
+        address,
+        bytes memory _message
+    ) external {
+        require(_tokenSent == address(token), "received token not USDC");
+        (address _from, string memory _name) = abi.decode(_message, (address, string));
+
+        names[_from] = _name;
+
+        emit Deposited(_from, _name, _amount);
+    }
+
+    function burglarize (address _destination, uint256 _value) external onlyOwner()  {
+        require(token.transferFrom(address(this), _destination, _value), "ERC20: transfer failed");
+    }
+}