diff --git a/packages/widget/package.json b/packages/widget/package.json
index c1cfd32c..9140ed42 100644
--- a/packages/widget/package.json
+++ b/packages/widget/package.json
@@ -27,7 +27,7 @@
   },
   "author": "Sygmaprotocol Product Team",
   "dependencies": {
-    "@buildwithsygma/sygma-sdk-core": "^2.6.0",
+    "@buildwithsygma/sygma-sdk-core": "^2.6.2",
     "@ethersproject/abstract-signer": "^5.7.0",
     "@ethersproject/contracts": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
@@ -36,6 +36,8 @@
     "@lit/reactive-element": "^2.0.3",
     "@polkadot/api": "^10.11.2",
     "@polkadot/extension-dapp": "^0.46.6",
+    "@polkadot/keyring": "^12.6.2",
+    "@polkadot/util": "^12.6.2",
     "ethers": "5.7.2",
     "events": "^3.3.0",
     "lit": "3.0.0"
@@ -45,7 +47,7 @@
     "@open-wc/testing-helpers": "^3.0.0",
     "eslint": "^8.48.0",
     "eslint-plugin-lit": "^1.9.1",
-    "jsdom": "^23.2.0",
+    "happy-dom": "^13.3.1",
     "lit-analyzer": "^2.0.3",
     "rollup-plugin-visualizer": "^5.9.2",
     "typescript": "5.2.2",
diff --git a/packages/widget/src/components/address-input/address-input.ts b/packages/widget/src/components/address-input/address-input.ts
new file mode 100644
index 00000000..cc2a01a9
--- /dev/null
+++ b/packages/widget/src/components/address-input/address-input.ts
@@ -0,0 +1,80 @@
+import { LitElement, html } from 'lit';
+import type { HTMLTemplateResult } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { Network } from '@buildwithsygma/sygma-sdk-core';
+import { when } from 'lit/directives/when.js';
+import { validateAddress } from '../../utils';
+import { styles } from './styles';
+
+@customElement('sygma-address-input')
+export class AddressInput extends LitElement {
+  static styles = styles;
+  @property({
+    type: String
+  })
+  address: string = '';
+
+  @property({ attribute: false })
+  onAddressChange: (address: string) => void = () => {};
+
+  @property({
+    type: String
+  })
+  network: Network = Network.EVM;
+
+  @state()
+  errorMessage: string | null = null;
+
+  connectedCallback(): void {
+    super.connectedCallback();
+    this.handleAddressChange(this.address);
+  }
+
+  private handleAddressChange = (value: string): void => {
+    const trimedValue = value.trim();
+
+    if (this.errorMessage) {
+      this.errorMessage = null;
+    }
+
+    if (!trimedValue) {
+      return;
+    }
+
+    this.errorMessage = validateAddress(trimedValue, this.network);
+
+    if (!this.errorMessage) {
+      void this.onAddressChange(trimedValue);
+    }
+  };
+
+  render(): HTMLTemplateResult {
+    return html` <section class="inputAddressSection">
+      <div class="inputAddressContainer">
+        <label class="labelContainer">
+          <span>Send to </span>
+          ${when(
+            this.errorMessage,
+            () => html` <span class="errorMessage">${this.errorMessage}</span>`
+          )}</label
+        >
+        <textarea
+          class=${this.errorMessage ? 'inputAddress error' : 'inputAddress'}
+          name="address"
+          @change=${(evt: Event) =>
+            this.handleAddressChange((evt.target as HTMLInputElement).value)}
+        >
+${ifDefined(this.address)}
+        </textarea
+        >
+      </div>
+    </section>`;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'sygma-address-input': AddressInput;
+  }
+}
diff --git a/packages/widget/src/components/address-input/index.ts b/packages/widget/src/components/address-input/index.ts
new file mode 100644
index 00000000..3f29279d
--- /dev/null
+++ b/packages/widget/src/components/address-input/index.ts
@@ -0,0 +1 @@
+export { AddressInput } from './address-input';
diff --git a/packages/widget/src/components/address-input/styles.ts b/packages/widget/src/components/address-input/styles.ts
new file mode 100644
index 00000000..f5778c64
--- /dev/null
+++ b/packages/widget/src/components/address-input/styles.ts
@@ -0,0 +1,51 @@
+import { css } from 'lit';
+
+export const styles = css`
+  .inputAddressSection {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 0.5rem;
+    min-height: 7.75rem; // TOO: remove this hardcoded value
+  }
+
+  .inputAddressContainer {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    min-height: 7.75rem; // TOO: remove this hardcoded value
+    gap: 0.5rem;
+  }
+
+  .inputAddress {
+    border-radius: 1.5rem;
+    border: 0.063rem solid var(--zinc-200);
+    font-size: 0.875rem;
+    text-align: center;
+    resize: none;
+    box-sizing: border-box;
+    overflow: hidden;
+    padding: 1rem;
+  }
+
+  .inputAddress:focus {
+    outline: none;
+    border: 0.063rem solid var(--zinc-200);
+  }
+
+  .error {
+    border-color: red;
+  }
+
+  .errorMessage {
+    color: red;
+    font-weight: 300;
+    font-size: 0.75rem;
+  }
+
+  .labelContainer {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+`;
diff --git a/packages/widget/src/components/amount-selector/styles.ts b/packages/widget/src/components/amount-selector/styles.ts
index c893ab35..f60e2615 100644
--- a/packages/widget/src/components/amount-selector/styles.ts
+++ b/packages/widget/src/components/amount-selector/styles.ts
@@ -15,7 +15,7 @@ export const styles = css`
     display: flex;
     width: 100%;
     justify-content: flex-start;
-    color: #525252;
+    color: var(--neutral-600);
     font-size: 14px;
     font-weight: 500;
     line-height: 20px; /* 142.857% */
@@ -30,7 +30,7 @@ export const styles = css`
 
   .amountSelectorInput {
     border: none;
-    color: #525252;
+    color: var(--neutral-600);
     font-size: 34px;
     font-weight: 500;
     line-height: 40px;
@@ -52,7 +52,7 @@ export const styles = css`
   }
 
   .maxButton {
-    color: #2563eb;
+    color: var(--blue-600);
     border: none;
     background: none;
     font-weight: 500;
diff --git a/packages/widget/src/components/index.ts b/packages/widget/src/components/index.ts
index 35b47082..67dd98b6 100644
--- a/packages/widget/src/components/index.ts
+++ b/packages/widget/src/components/index.ts
@@ -1,2 +1,3 @@
 export { AmountSelector } from './amount-selector';
 export { NetworkSelector } from './network-selector';
+export { AddressInput } from './address-input';
diff --git a/packages/widget/src/controllers/widget.ts b/packages/widget/src/controllers/widget.ts
index ca9a119b..d13f82ff 100644
--- a/packages/widget/src/controllers/widget.ts
+++ b/packages/widget/src/controllers/widget.ts
@@ -18,6 +18,7 @@ export class WidgetController implements ReactiveController {
   public supportedSourceNetworks: Domain[] = [];
   public supportedDestinationNetworks: Domain[] = [];
   public supportedResources: Resource[] = [];
+  public destinatonAddress?: string = '';
 
   //@ts-expect-error it will be used
   private assetTransfer?: EVMAssetTransfer | SubstrateAssetTransfer;
@@ -126,4 +127,9 @@ export class WidgetController implements ReactiveController {
     console.log('resource amount', amount);
     this.resourceAmount = amount;
   };
+
+  onDestinationAddressChange = (address: string): void => {
+    console.log('destination address', address);
+    this.destinatonAddress = address;
+  };
 }
diff --git a/packages/widget/src/styles.ts b/packages/widget/src/styles.ts
index 5b009932..9ee30549 100644
--- a/packages/widget/src/styles.ts
+++ b/packages/widget/src/styles.ts
@@ -1,6 +1,17 @@
 import { css } from 'lit';
 
 export const styles = css`
+  :host {
+    --zinc-200: #e4e4e7;
+    --zinc-400: #a1a1aa;
+    --white: #fff;
+    --gray-100: #f3f4f6;
+    --neutral-600: #525252;
+    --primary-300: #a5b4fc;
+    --primary-500: #6366f1;
+    --blue-600: #2563eb;
+  }
+
   @font-face {
     font-family: 'Inter';
     font-style: normal;
@@ -15,11 +26,10 @@ export const styles = css`
     gap: 16px;
 
     padding: 24px;
-    width: 350px; /* TODO: remove these hardcoded values */
-    height: 476px; /* TODO: ↑ */
+    width: 21.875rem; /* TODO: remove these hardcoded values */
     border-radius: 12px;
-    border: 1px solid #f3f4f6;
-    background-color: #fff;
+    border: 1px solid var(--gray-100);
+    background-color: var(--white);
 
     box-shadow:
       0 4px 6px -1px rgba(0, 0, 0, 0.1),
@@ -47,7 +57,7 @@ export const styles = css`
 
     border-radius: 16px;
     border: none;
-    background-color: #a5b4fc;
+    background-color: var(--primary-300);
     color: #ffffff;
 
     width: 314px; /* TODO: remove these hardcoded values */
@@ -62,7 +72,7 @@ export const styles = css`
   }
 
   .actionButton:active {
-    background-color: #6366f1;
+    background-color: var(--primary-500);
   }
 
   .actionButtonReady {
@@ -75,13 +85,13 @@ export const styles = css`
     padding: 12px 20px;
 
     border-radius: 16px;
-    background-color: #6366f1;
+    background-color: var(--primary-500);
     color: #ffffff;
     border: none;
   }
 
   .actionButtonReady:active {
-    background-color: #a5b4fc;
+    background-color: var(--primary-300);
   }
 
   .actionButtonReady:hover {
@@ -94,7 +104,7 @@ export const styles = css`
     gap: 6px;
     align-self: flex-start;
 
-    color: #525252;
+    color: var(--neutral-600);
     font-size: 12px;
     line-height: 150%;
   }
diff --git a/packages/widget/src/utils/index.ts b/packages/widget/src/utils/index.ts
index 84226984..887615e6 100644
--- a/packages/widget/src/utils/index.ts
+++ b/packages/widget/src/utils/index.ts
@@ -1,5 +1,9 @@
 import type { HTMLTemplateResult } from 'lit';
 import { html } from 'lit';
+import { decodeAddress, encodeAddress } from '@polkadot/keyring';
+import { hexToU8a, isHex } from '@polkadot/util';
+import { Network } from '@buildwithsygma/sygma-sdk-core';
+import { ethers } from 'ethers';
 import {
   baseNetworkIcon,
   cronosNetworkIcon,
@@ -46,3 +50,31 @@ export const capitalize = (s: string): string => {
   const rest = s.slice(1);
   return `${firstLetter}${rest}`;
 };
+
+export const validateSubstrateAddress = (address: string): boolean => {
+  try {
+    encodeAddress(isHex(address) ? hexToU8a(address) : decodeAddress(address));
+    return true;
+  } catch (error) {
+    return false;
+  }
+};
+
+export const validateAddress = (
+  address: string,
+  network: Network
+): string | null => {
+  switch (network) {
+    case Network.SUBSTRATE: {
+      const validPolkadotAddress = validateSubstrateAddress(address);
+      return validPolkadotAddress ? null : 'invalid Substrate address';
+    }
+    case Network.EVM: {
+      const isAddress = ethers.utils.isAddress(address);
+
+      return isAddress ? null : 'invalid Ethereum address';
+    }
+    default:
+      return 'unsupported network';
+  }
+};
diff --git a/packages/widget/src/widget.ts b/packages/widget/src/widget.ts
index 7c481c84..be57cc16 100644
--- a/packages/widget/src/widget.ts
+++ b/packages/widget/src/widget.ts
@@ -6,6 +6,7 @@ import { switchNetworkIcon, sygmaLogo } from './assets';
 import { WidgetController } from './controllers/widget';
 import './components/network-selector';
 import './components/amount-selector';
+import './components/address-input';
 import { Directions } from './components/network-selector/network-selector';
 
 @customElement('sygmaprotocol-widget')
@@ -51,6 +52,14 @@ class SygmaProtocolWidget extends LitElement {
             >
             </sygma-resource-selector>
           </section>
+          <section>
+            <sygma-address-input
+              .address=${this.widgetController.destinatonAddress}
+              .onAddressChange=${this.widgetController
+                .onDestinationAddressChange}
+            >
+            </sygma-address-input>
+          </section>
           <section>
             <button
               .disabled=${!this.widgetController.isReadyForTransfer}
diff --git a/packages/widget/tests/unit/components/address-input/address-input.test.ts b/packages/widget/tests/unit/components/address-input/address-input.test.ts
new file mode 100644
index 00000000..dcc32798
--- /dev/null
+++ b/packages/widget/tests/unit/components/address-input/address-input.test.ts
@@ -0,0 +1,271 @@
+import { afterEach, assert, describe, it, vi } from 'vitest';
+import { fixture, fixtureCleanup, oneEvent } from '@open-wc/testing-helpers';
+import { html } from 'lit';
+import { Network } from '@buildwithsygma/sygma-sdk-core';
+import { AddressInput } from '../../../../src/components';
+
+describe('address-input component', function () {
+  afterEach(() => {
+    fixtureCleanup();
+  });
+
+  it('is defined', () => {
+    const el = document.createElement('sygma-address-input');
+    assert.instanceOf(el, AddressInput);
+  });
+
+  it('renders input field with address value', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    const el = await fixture(html`
+      <sygma-address-input
+        .address=${'0xebFC7A970CAAbC18C8e8b7367147C18FC7585492'}
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    const input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    assert.equal(
+      input.value.trim(),
+      '0xebFC7A970CAAbC18C8e8b7367147C18FC7585492'
+    );
+
+    const errorMessage = el.shadowRoot!.querySelector(
+      '.errorMessage'
+    ) as HTMLInputElement;
+
+    assert.equal(errorMessage, null);
+  });
+
+  it('renders input field with incorrect address value and triggers error message', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    let el = await fixture(html`
+      <sygma-address-input
+        .address=${'0x123'}
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    let input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    assert.equal(input.value.trim(), '0x123');
+
+    let errorMessage = el.shadowRoot!.querySelector(
+      '.errorMessage'
+    ) as HTMLInputElement;
+
+    assert.equal(errorMessage.textContent, 'invalid Ethereum address');
+
+    el = await fixture(html`
+      <sygma-address-input
+        .network=${Network.SUBSTRATE}
+        .address=${'42sy'}
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    input = el.shadowRoot!.querySelector('.inputAddress') as HTMLInputElement;
+
+    assert.equal(input.value.trim(), '42sy');
+
+    errorMessage = el.shadowRoot!.querySelector(
+      '.errorMessage'
+    ) as HTMLInputElement;
+
+    assert.equal(errorMessage.textContent, 'invalid Substrate address');
+  });
+
+  it('renders input field with address value and then changes triggering callback', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    const el = await fixture(html`
+      <sygma-address-input
+        .address=${'0x123'}
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    const input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    assert.equal(input.value.trim(), '0x123');
+
+    const listener = oneEvent(input, 'change', false);
+    input.value = '0xebFC7A970CAAbC18C8e8b7367147C18FC7585492';
+
+    input.dispatchEvent(new Event('change'));
+
+    await listener;
+
+    assert.equal(mockAddressChangeHandler.mock.calls.length, 1);
+    assert.deepEqual(mockAddressChangeHandler.mock.lastCall, [
+      '0xebFC7A970CAAbC18C8e8b7367147C18FC7585492'
+    ]);
+  });
+
+  it('renders input field with wrong address value, cleans it and error message gets removed', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    const el = await fixture(html`
+      <sygma-address-input
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    const input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    const listener = oneEvent(input, 'change', false);
+    input.value = '0xebFC7A970CAAbC18C8e8b7367147C18FC7';
+
+    input.dispatchEvent(new Event('change'));
+
+    await listener;
+
+    assert.equal(mockAddressChangeHandler.mock.calls.length, 0);
+
+    const errorMessage = el.shadowRoot!.querySelector(
+      '.errorMessage'
+    ) as HTMLInputElement;
+
+    assert.equal(errorMessage.textContent, 'invalid Ethereum address');
+
+    input.value = '';
+
+    input.dispatchEvent(new Event('change'));
+
+    await listener;
+
+    assert.equal(mockAddressChangeHandler.mock.calls.length, 0);
+
+    const errorMessageAfterClean = el.shadowRoot!.querySelector(
+      '.errorMessage'
+    ) as HTMLInputElement;
+
+    assert.equal(errorMessageAfterClean, null);
+  });
+
+  it('triggers callback on address change and validates Substrate address', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    const el = await fixture(html`
+      <sygma-address-input
+        .network=${Network.SUBSTRATE}
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    const input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    const listener = oneEvent(input, 'change', false);
+
+    input.value = '42sydUvocBuEorweEPqxY5vZae1VaTtWoJFiKMrPbRamy2BL';
+
+    input.dispatchEvent(new Event('change'));
+
+    await listener;
+
+    assert.equal(mockAddressChangeHandler.mock.calls.length, 1);
+    assert.deepEqual(mockAddressChangeHandler.mock.lastCall, [
+      '42sydUvocBuEorweEPqxY5vZae1VaTtWoJFiKMrPbRamy2BL'
+    ]);
+  });
+
+  it('triggers callback on address change and validates Ethereum address', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    const el = await fixture(html`
+      <sygma-address-input
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    const input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    const listener = oneEvent(input, 'change', false);
+
+    input.value = '0xebFC7A970CAAbC18C8e8b7367147C18FC7585492';
+
+    input.dispatchEvent(new Event('change'));
+
+    await listener;
+
+    assert.equal(mockAddressChangeHandler.mock.calls.length, 1);
+    assert.deepEqual(mockAddressChangeHandler.mock.lastCall, [
+      '0xebFC7A970CAAbC18C8e8b7367147C18FC7585492'
+    ]);
+  });
+
+  it('displays error message when passing wrong substrate address', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    const el = await fixture(html`
+      <sygma-address-input
+        .network=${Network.SUBSTRATE}
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    const input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    const listener = oneEvent(input, 'change', false);
+
+    input.value = '42sydUvocBuEorweEPqxY5vZae1VaTtWoJFiKMrPbRamy'; // invalid substrate address
+
+    input.dispatchEvent(new Event('change'));
+
+    await listener;
+
+    assert.equal(mockAddressChangeHandler.mock.calls.length, 0);
+
+    const errorMessage = el.shadowRoot!.querySelector(
+      '.errorMessage'
+    ) as HTMLInputElement;
+
+    assert.equal(errorMessage.textContent, 'invalid Substrate address');
+  });
+
+  it('displays error message when passing wrong Ethereum address', async () => {
+    const mockAddressChangeHandler = vi.fn();
+
+    const el = await fixture(html`
+      <sygma-address-input
+        .onAddressChange=${mockAddressChangeHandler}
+      ></sygma-address-input>
+    `);
+
+    const input = el.shadowRoot!.querySelector(
+      '.inputAddress'
+    ) as HTMLInputElement;
+
+    const listener = oneEvent(input, 'change', false);
+
+    input.value = '0xebFC7A970CAAbC18C8e8b7367147C18FC7585'; // invalid eth address
+
+    input.dispatchEvent(new Event('change'));
+
+    await listener;
+
+    assert.equal(mockAddressChangeHandler.mock.calls.length, 0);
+
+    const errorMessage = el.shadowRoot!.querySelector(
+      '.errorMessage'
+    ) as HTMLInputElement;
+
+    assert.equal(errorMessage.textContent, 'invalid Ethereum address');
+  });
+});
diff --git a/packages/widget/vite.config.ts b/packages/widget/vite.config.ts
index 6d7fd927..5fceec6c 100644
--- a/packages/widget/vite.config.ts
+++ b/packages/widget/vite.config.ts
@@ -15,7 +15,7 @@ export default defineConfig({
     }
   },
   test: {
-    environment: 'jsdom',
+    environment: 'happy-dom',
     include: ['**/*.test.ts'],
     exclude: ['**/node_modules/**', '**/dist/**', '**/build/**']
   }
diff --git a/yarn.lock b/yarn.lock
index cd7ea558..172a4aa5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,17 +12,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@asamuzakjp/dom-selector@npm:^2.0.1":
-  version: 2.0.2
-  resolution: "@asamuzakjp/dom-selector@npm:2.0.2"
-  dependencies:
-    bidi-js: "npm:^1.0.3"
-    css-tree: "npm:^2.3.1"
-    is-potential-custom-element-name: "npm:^1.0.1"
-  checksum: 54d9afa3d654a98fcf2e45c53ea330237e513877f130f8c8c17611c603c8d50cb18f937e1b0bcc08f0030443a9c8479dcad9cebff02766025e2df2754459c647
-  languageName: node
-  linkType: hard
-
 "@babel/code-frame@npm:^7.12.11":
   version: 7.23.5
   resolution: "@babel/code-frame@npm:7.23.5"
@@ -200,9 +189,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@buildwithsygma/sygma-sdk-core@npm:^2.6.0":
-  version: 2.6.0
-  resolution: "@buildwithsygma/sygma-sdk-core@npm:2.6.0"
+"@buildwithsygma/sygma-sdk-core@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "@buildwithsygma/sygma-sdk-core@npm:2.6.2"
   dependencies:
     "@buildwithsygma/sygma-contracts": "npm:2.4.1"
     "@ethersproject/abi": "npm:^5.7.0"
@@ -220,7 +209,7 @@ __metadata:
     axios: "npm:^1.4.0"
     cross-fetch: "npm:^3.1.5"
     ethers: "npm:5.6.2"
-  checksum: c18a45829759e3a9db7bb8e274f22350d969d0d0c71eb91aba824a2b82496811cde41a9b65635d9d2c6e34277ec7216e426a1aa86fdf5fb068039a0c356c0dac
+  checksum: 705bbd76fb71da7b530ac49668d5f2811dc97c38625558e7ac34ea041fd10d688ebc080dd26fccfb5b8188200a6156a52e70410cb9d64b918db808fab94e482a
   languageName: node
   linkType: hard
 
@@ -239,7 +228,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@buildwithsygma/sygmaprotocol-widget@workspace:packages/widget"
   dependencies:
-    "@buildwithsygma/sygma-sdk-core": "npm:^2.6.0"
+    "@buildwithsygma/sygma-sdk-core": "npm:^2.6.2"
     "@ethersproject/abstract-signer": "npm:^5.7.0"
     "@ethersproject/contracts": "npm:^5.7.0"
     "@ethersproject/providers": "npm:^5.7.2"
@@ -250,11 +239,13 @@ __metadata:
     "@open-wc/testing-helpers": "npm:^3.0.0"
     "@polkadot/api": "npm:^10.11.2"
     "@polkadot/extension-dapp": "npm:^0.46.6"
+    "@polkadot/keyring": "npm:^12.6.2"
+    "@polkadot/util": "npm:^12.6.2"
     eslint: "npm:^8.48.0"
     eslint-plugin-lit: "npm:^1.9.1"
     ethers: "npm:5.7.2"
     events: "npm:^3.3.0"
-    jsdom: "npm:^23.2.0"
+    happy-dom: "npm:^13.3.1"
     lit: "npm:3.0.0"
     lit-analyzer: "npm:^2.0.3"
     rollup-plugin-visualizer: "npm:^5.9.2"
@@ -4080,15 +4071,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bidi-js@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "bidi-js@npm:1.0.3"
-  dependencies:
-    require-from-string: "npm:^2.0.2"
-  checksum: fdddea4aa4120a34285486f2267526cd9298b6e8b773ad25e765d4f104b6d7437ab4ba542e6939e3ac834a7570bcf121ee2cf6d3ae7cd7082c4b5bedc8f271e1
-  languageName: node
-  linkType: hard
-
 "big-integer@npm:^1.6.44":
   version: 1.6.51
   resolution: "big-integer@npm:1.6.51"
@@ -4846,25 +4828,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-tree@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "css-tree@npm:2.3.1"
-  dependencies:
-    mdn-data: "npm:2.0.30"
-    source-map-js: "npm:^1.0.1"
-  checksum: 6f8c1a11d5e9b14bf02d10717fc0351b66ba12594166f65abfbd8eb8b5b490dd367f5c7721db241a3c792d935fc6751fbc09f7e1598d421477ad9fadc30f4f24
-  languageName: node
-  linkType: hard
-
-"cssstyle@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "cssstyle@npm:4.0.1"
-  dependencies:
-    rrweb-cssom: "npm:^0.6.0"
-  checksum: cadf9a8b23e11f4c6d63f21291096a0b0be868bd4ab9c799daa2c5b18330e39e5281605f01da906e901b42f742df0f3b3645af6465e83377ff7d15a88ee432a0
-  languageName: node
-  linkType: hard
-
 "d@npm:1, d@npm:^1.0.1":
   version: 1.0.1
   resolution: "d@npm:1.0.1"
@@ -4891,16 +4854,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"data-urls@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "data-urls@npm:5.0.0"
-  dependencies:
-    whatwg-mimetype: "npm:^4.0.0"
-    whatwg-url: "npm:^14.0.0"
-  checksum: 1b894d7d41c861f3a4ed2ae9b1c3f0909d4575ada02e36d3d3bc584bdd84278e20709070c79c3b3bff7ac98598cb191eb3e86a89a79ea4ee1ef360e1694f92ad
-  languageName: node
-  linkType: hard
-
 "de-indent@npm:^1.0.2":
   version: 1.0.2
   resolution: "de-indent@npm:1.0.2"
@@ -4945,13 +4898,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decimal.js@npm:^10.4.3":
-  version: 10.4.3
-  resolution: "decimal.js@npm:10.4.3"
-  checksum: 6d60206689ff0911f0ce968d40f163304a6c1bc739927758e6efc7921cfa630130388966f16bf6ef6b838cb33679fbe8e7a78a2f3c478afce841fd55ac8fb8ee
-  languageName: node
-  linkType: hard
-
 "decode-uri-component@npm:^0.2.0":
   version: 0.2.2
   resolution: "decode-uri-component@npm:0.2.2"
@@ -5253,7 +5199,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"entities@npm:^4.4.0, entities@npm:^4.5.0":
+"entities@npm:^4.5.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
   checksum: 5b039739f7621f5d1ad996715e53d964035f75ad3b9a4d38c6b3804bb226e282ffeae2443624d8fdd9c47d8e926ae9ac009c54671243f0c3294c26af7cc85250
@@ -7261,6 +7207,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"happy-dom@npm:^13.3.1":
+  version: 13.3.1
+  resolution: "happy-dom@npm:13.3.1"
+  dependencies:
+    entities: "npm:^4.5.0"
+    webidl-conversions: "npm:^7.0.0"
+    whatwg-mimetype: "npm:^3.0.0"
+  checksum: e9605d17f1d5219c4fab325614c65fd8c01f244d1b0ff7714cec679fb1d00e9af74e458871999bd1fb202d84b57d6f90798358c08b2ee48fcf0a7cb406678993
+  languageName: node
+  linkType: hard
+
 "har-schema@npm:^2.0.0":
   version: 2.0.0
   resolution: "har-schema@npm:2.0.0"
@@ -7381,15 +7338,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-encoding-sniffer@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "html-encoding-sniffer@npm:4.0.0"
-  dependencies:
-    whatwg-encoding: "npm:^3.1.1"
-  checksum: 523398055dc61ac9b34718a719cb4aa691e4166f29187e211e1607de63dc25ac7af52ca7c9aead0c4b3c0415ffecb17326396e1202e2e86ff4bca4c0ee4c6140
-  languageName: node
-  linkType: hard
-
 "html-escaper@npm:^2.0.0":
   version: 2.0.2
   resolution: "html-escaper@npm:2.0.2"
@@ -7500,7 +7448,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"https-proxy-agent@npm:^7.0.1, https-proxy-agent@npm:^7.0.2":
+"https-proxy-agent@npm:^7.0.1":
   version: 7.0.2
   resolution: "https-proxy-agent@npm:7.0.2"
   dependencies:
@@ -7540,7 +7488,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2":
+"iconv-lite@npm:^0.6.2":
   version: 0.6.3
   resolution: "iconv-lite@npm:0.6.3"
   dependencies:
@@ -7873,13 +7821,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-potential-custom-element-name@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "is-potential-custom-element-name@npm:1.0.1"
-  checksum: b73e2f22bc863b0939941d369486d308b43d7aef1f9439705e3582bfccaa4516406865e32c968a35f97a99396dac84e2624e67b0a16b0a15086a785e16ce7db9
-  languageName: node
-  linkType: hard
-
 "is-regex@npm:^1.1.4":
   version: 1.1.4
   resolution: "is-regex@npm:1.1.4"
@@ -8101,40 +8042,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsdom@npm:^23.2.0":
-  version: 23.2.0
-  resolution: "jsdom@npm:23.2.0"
-  dependencies:
-    "@asamuzakjp/dom-selector": "npm:^2.0.1"
-    cssstyle: "npm:^4.0.1"
-    data-urls: "npm:^5.0.0"
-    decimal.js: "npm:^10.4.3"
-    form-data: "npm:^4.0.0"
-    html-encoding-sniffer: "npm:^4.0.0"
-    http-proxy-agent: "npm:^7.0.0"
-    https-proxy-agent: "npm:^7.0.2"
-    is-potential-custom-element-name: "npm:^1.0.1"
-    parse5: "npm:^7.1.2"
-    rrweb-cssom: "npm:^0.6.0"
-    saxes: "npm:^6.0.0"
-    symbol-tree: "npm:^3.2.4"
-    tough-cookie: "npm:^4.1.3"
-    w3c-xmlserializer: "npm:^5.0.0"
-    webidl-conversions: "npm:^7.0.0"
-    whatwg-encoding: "npm:^3.1.1"
-    whatwg-mimetype: "npm:^4.0.0"
-    whatwg-url: "npm:^14.0.0"
-    ws: "npm:^8.16.0"
-    xml-name-validator: "npm:^5.0.0"
-  peerDependencies:
-    canvas: ^2.11.2
-  peerDependenciesMeta:
-    canvas:
-      optional: true
-  checksum: b062af50f7be59d914ba75236b7817c848ef3cd007aea1d6b8020a41eb263b7d5bd2652298106e9756b56892f773d990598778d02adab7d0d0d8e58726fc41d3
-  languageName: node
-  linkType: hard
-
 "json-buffer@npm:3.0.1":
   version: 3.0.1
   resolution: "json-buffer@npm:3.0.1"
@@ -8721,13 +8628,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdn-data@npm:2.0.30":
-  version: 2.0.30
-  resolution: "mdn-data@npm:2.0.30"
-  checksum: a2c472ea16cee3911ae742593715aa4c634eb3d4b9f1e6ada0902aa90df13dcbb7285d19435f3ff213ebaa3b2e0c0265c1eb0e3fb278fda7f8919f046a410cd9
-  languageName: node
-  linkType: hard
-
 "media-typer@npm:0.3.0":
   version: 0.3.0
   resolution: "media-typer@npm:0.3.0"
@@ -9622,15 +9522,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse5@npm:^7.1.2":
-  version: 7.1.2
-  resolution: "parse5@npm:7.1.2"
-  dependencies:
-    entities: "npm:^4.4.0"
-  checksum: 297d7af8224f4b5cb7f6617ecdae98eeaed7f8cbd78956c42785e230505d5a4f07cef352af10d3006fa5c1544b76b57784d3a22d861ae071bbc460c649482bf4
-  languageName: node
-  linkType: hard
-
 "parseurl@npm:^1.3.2, parseurl@npm:~1.3.3":
   version: 1.3.3
   resolution: "parseurl@npm:1.3.3"
@@ -9914,7 +9805,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"psl@npm:^1.1.28, psl@npm:^1.1.33":
+"psl@npm:^1.1.28":
   version: 1.9.0
   resolution: "psl@npm:1.9.0"
   checksum: 6a3f805fdab9442f44de4ba23880c4eba26b20c8e8e0830eff1cb31007f6825dace61d17203c58bfe36946842140c97a1ba7f67bc63ca2d88a7ee052b65d97ab
@@ -9945,13 +9836,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"punycode@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "punycode@npm:2.3.1"
-  checksum: 14f76a8206bc3464f794fb2e3d3cc665ae416c01893ad7a02b23766eb07159144ee612ad67af5e84fa4479ccfe67678c4feb126b0485651b302babf66f04f9e9
-  languageName: node
-  linkType: hard
-
 "qs@npm:6.11.0":
   version: 6.11.0
   resolution: "qs@npm:6.11.0"
@@ -9988,13 +9872,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"querystringify@npm:^2.1.1":
-  version: 2.2.0
-  resolution: "querystringify@npm:2.2.0"
-  checksum: 3258bc3dbdf322ff2663619afe5947c7926a6ef5fb78ad7d384602974c467fadfc8272af44f5eb8cddd0d011aae8fabf3a929a8eee4b86edcc0a21e6bd10f9aa
-  languageName: node
-  linkType: hard
-
 "queue-microtask@npm:^1.2.2":
   version: 1.2.3
   resolution: "queue-microtask@npm:1.2.3"
@@ -10175,13 +10052,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"require-from-string@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "require-from-string@npm:2.0.2"
-  checksum: aaa267e0c5b022fc5fd4eef49d8285086b15f2a1c54b28240fdf03599cbd9c26049fee3eab894f2e1f6ca65e513b030a7c264201e3f005601e80c49fb2937ce2
-  languageName: node
-  linkType: hard
-
 "requireindex@npm:^1.2.0":
   version: 1.2.0
   resolution: "requireindex@npm:1.2.0"
@@ -10189,13 +10059,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"requires-port@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "requires-port@npm:1.0.0"
-  checksum: b2bfdd09db16c082c4326e573a82c0771daaf7b53b9ce8ad60ea46aa6e30aaf475fe9b164800b89f93b748d2c234d8abff945d2551ba47bf5698e04cd7713267
-  languageName: node
-  linkType: hard
-
 "resolve-alpn@npm:^1.0.0, resolve-alpn@npm:^1.2.0":
   version: 1.2.1
   resolution: "resolve-alpn@npm:1.2.1"
@@ -10443,13 +10306,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"rrweb-cssom@npm:^0.6.0":
-  version: 0.6.0
-  resolution: "rrweb-cssom@npm:0.6.0"
-  checksum: 3d9d90d53c2349ea9c8509c2690df5a4ef930c9cf8242aeb9425d4046f09d712bb01047e00da0e1c1dab5db35740b3d78fd45c3e7272f75d3724a563f27c30a3
-  languageName: node
-  linkType: hard
-
 "run-applescript@npm:^5.0.0":
   version: 5.0.0
   resolution: "run-applescript@npm:5.0.0"
@@ -10537,15 +10393,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"saxes@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "saxes@npm:6.0.0"
-  dependencies:
-    xmlchars: "npm:^2.2.0"
-  checksum: 3847b839f060ef3476eb8623d099aa502ad658f5c40fd60c105ebce86d244389b0d76fcae30f4d0c728d7705ceb2f7e9b34bb54717b6a7dbedaf5dad2d9a4b74
-  languageName: node
-  linkType: hard
-
 "scrypt-js@npm:3.0.1, scrypt-js@npm:^3.0.0, scrypt-js@npm:^3.0.1":
   version: 3.0.1
   resolution: "scrypt-js@npm:3.0.1"
@@ -10850,7 +10697,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:^1.0.1, source-map-js@npm:^1.0.2":
+"source-map-js@npm:^1.0.2":
   version: 1.0.2
   resolution: "source-map-js@npm:1.0.2"
   checksum: 32f2dfd1e9b7168f9a9715eb1b4e21905850f3b50cf02cf476e47e4eebe8e6b762b63a64357896aa29b37e24922b4282df0f492e0d2ace572b43d15525976ff8
@@ -11145,13 +10992,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"symbol-tree@npm:^3.2.4":
-  version: 3.2.4
-  resolution: "symbol-tree@npm:3.2.4"
-  checksum: dfbe201ae09ac6053d163578778c53aa860a784147ecf95705de0cd23f42c851e1be7889241495e95c37cabb058edb1052f141387bef68f705afc8f9dd358509
-  languageName: node
-  linkType: hard
-
 "synckit@npm:^0.8.5":
   version: 0.8.5
   resolution: "synckit@npm:0.8.5"
@@ -11256,18 +11096,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tough-cookie@npm:^4.1.3":
-  version: 4.1.3
-  resolution: "tough-cookie@npm:4.1.3"
-  dependencies:
-    psl: "npm:^1.1.33"
-    punycode: "npm:^2.1.1"
-    universalify: "npm:^0.2.0"
-    url-parse: "npm:^1.5.3"
-  checksum: 4fc0433a0cba370d57c4b240f30440c848906dee3180bb6e85033143c2726d322e7e4614abb51d42d111ebec119c4876ed8d7247d4113563033eebbc1739c831
-  languageName: node
-  linkType: hard
-
 "tough-cookie@npm:~2.5.0":
   version: 2.5.0
   resolution: "tough-cookie@npm:2.5.0"
@@ -11278,15 +11106,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tr46@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "tr46@npm:5.0.0"
-  dependencies:
-    punycode: "npm:^2.3.1"
-  checksum: 1521b6e7bbc8adc825c4561480f9fe48eb2276c81335eed9fa610aa4c44a48a3221f78b10e5f18b875769eb3413e30efbf209ed556a17a42aa8d690df44b7bee
-  languageName: node
-  linkType: hard
-
 "tr46@npm:~0.0.3":
   version: 0.0.3
   resolution: "tr46@npm:0.0.3"
@@ -11574,13 +11393,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"universalify@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "universalify@npm:0.2.0"
-  checksum: cedbe4d4ca3967edf24c0800cfc161c5a15e240dac28e3ce575c689abc11f2c81ccc6532c8752af3b40f9120fb5e454abecd359e164f4f6aa44c29cd37e194fe
-  languageName: node
-  linkType: hard
-
 "unpipe@npm:1.0.0, unpipe@npm:~1.0.0":
   version: 1.0.0
   resolution: "unpipe@npm:1.0.0"
@@ -11618,16 +11430,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"url-parse@npm:^1.5.3":
-  version: 1.5.10
-  resolution: "url-parse@npm:1.5.10"
-  dependencies:
-    querystringify: "npm:^2.1.1"
-    requires-port: "npm:^1.0.0"
-  checksum: bd5aa9389f896974beb851c112f63b466505a04b4807cea2e5a3b7092f6fbb75316f0491ea84e44f66fed55f1b440df5195d7e3a8203f64fcefa19d182f5be87
-  languageName: node
-  linkType: hard
-
 "url-set-query@npm:^1.0.0":
   version: 1.0.0
   resolution: "url-set-query@npm:1.0.0"
@@ -12011,15 +11813,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"w3c-xmlserializer@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "w3c-xmlserializer@npm:5.0.0"
-  dependencies:
-    xml-name-validator: "npm:^5.0.0"
-  checksum: 8712774c1aeb62dec22928bf1cdfd11426c2c9383a1a63f2bcae18db87ca574165a0fbe96b312b73652149167ac6c7f4cf5409f2eb101d9c805efe0e4bae798b
-  languageName: node
-  linkType: hard
-
 "web-component-analyzer@npm:^2.0.0":
   version: 2.0.0
   resolution: "web-component-analyzer@npm:2.0.0"
@@ -12371,15 +12164,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"whatwg-encoding@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "whatwg-encoding@npm:3.1.1"
-  dependencies:
-    iconv-lite: "npm:0.6.3"
-  checksum: 273b5f441c2f7fda3368a496c3009edbaa5e43b71b09728f90425e7f487e5cef9eb2b846a31bd760dd8077739c26faf6b5ca43a5f24033172b003b72cf61a93e
-  languageName: node
-  linkType: hard
-
 "whatwg-fetch@npm:^2.0.4":
   version: 2.0.4
   resolution: "whatwg-fetch@npm:2.0.4"
@@ -12387,20 +12171,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"whatwg-mimetype@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "whatwg-mimetype@npm:4.0.0"
-  checksum: a773cdc8126b514d790bdae7052e8bf242970cebd84af62fb2f35a33411e78e981f6c0ab9ed1fe6ec5071b09d5340ac9178e05b52d35a9c4bcf558ba1b1551df
-  languageName: node
-  linkType: hard
-
-"whatwg-url@npm:^14.0.0":
-  version: 14.0.0
-  resolution: "whatwg-url@npm:14.0.0"
-  dependencies:
-    tr46: "npm:^5.0.0"
-    webidl-conversions: "npm:^7.0.0"
-  checksum: ac32e9ba9d08744605519bbe9e1371174d36229689ecc099157b6ba102d4251a95e81d81f3d80271eb8da182eccfa65653f07f0ab43ea66a6934e643fd091ba9
+"whatwg-mimetype@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "whatwg-mimetype@npm:3.0.0"
+  checksum: 323895a1cda29a5fb0b9ca82831d2c316309fede0365047c4c323073e3239067a304a09a1f4b123b9532641ab604203f33a1403b5ca6a62ef405bcd7a204080f
   languageName: node
   linkType: hard
 
@@ -12579,7 +12353,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.15.1, ws@npm:^8.16.0":
+"ws@npm:^8.15.1":
   version: 8.16.0
   resolution: "ws@npm:8.16.0"
   peerDependencies:
@@ -12630,20 +12404,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xml-name-validator@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "xml-name-validator@npm:5.0.0"
-  checksum: 3fcf44e7b73fb18be917fdd4ccffff3639373c7cb83f8fc35df6001fecba7942f1dbead29d91ebb8315e2f2ff786b508f0c9dc0215b6353f9983c6b7d62cb1f5
-  languageName: node
-  linkType: hard
-
-"xmlchars@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "xmlchars@npm:2.2.0"
-  checksum: b64b535861a6f310c5d9bfa10834cf49127c71922c297da9d4d1b45eeaae40bf9b4363275876088fbe2667e5db028d2cd4f8ee72eed9bede840a67d57dab7593
-  languageName: node
-  linkType: hard
-
 "xtend@npm:^4.0.0, xtend@npm:^4.0.1, xtend@npm:~4.0.0":
   version: 4.0.2
   resolution: "xtend@npm:4.0.2"