@notabene/javascript-sdk 2.0.4-NEXT.0 → 2.0.4-NEXT.1

package/dist/notabene.cjs

@@ -1 +1 @@
-"use strict";var w=Object.defineProperty;var I=(t,e,r)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var o=(t,e,r)=>I(t,typeof e!="symbol"?e+"":e,r);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var c=(t=>(t.PRIVATE="WALLET",t.VASP="VASP",t))(c||{}),m=(t=>(t.NATURAL="natural",t.LEGAL="legal",t.SELF="self",t))(m||{}),u=(t=>(t.EMPTY="empty",t.VERIFY="verify",t.PENDING="pending",t.VERIFIED="verified",t.BANNED="banned",t))(u||{}),E=(t=>(t.ALLOWED="allowed",t.PENDING="pending",t))(E||{}),f=(t=>(t.ASSET="asset",t.DESTINATION="destination",t.COUNTERPARTY="counterparty",t.AGENT="agent",t))(f||{}),a=(t=>(t.COMPLETE="complete",t.RESIZE="resize",t.RESULT="result",t.INVALID="invalid",t.ERROR="error",t.CANCEL="cancel",t))(a||{}),d=(t=>(t.UPDATE="update",t.REQUEST_RESPONSE="requestResponse",t))(d||{}),p=(t=>(t.PENDING="pending",t.FAILED="rejected",t.FLAGGED="flagged",t.VERIFIED="verified",t))(p||{}),v=(t=>(t.SelfDeclaration="self-declaration",t.SIWE="siwe",t.SIWX="siwx",t.EIP191="eip-191",t.EIP712="eip-712",t.EIP1271="eip-1271",t.BIP137="bip-137",t.BIP137_XPUB="xpub",t.ED25519="ed25519",t.MicroTransfer="microtransfer",t.Screenshot="screenshot",t.Connect="connect",t))(v||{});class C{constructor(){o(this,"listeners",new Map);o(this,"port");this.handleMessage=this.handleMessage.bind(this)}setPort(e){this.port=e,this.port.onmessage=this.handleMessage,this.port.start()}on(e,r){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(r),()=>this.off(e,r)}off(e,r){const i=this.listeners.get(e);i&&(i.delete(r),i.size===0&&this.listeners.delete(e))}handleMessage(e){const r=e.data;if(typeof r=="object"&&r!==null&&"type"in r){const i=r.type,s=this.listeners.get(i);s&&s.forEach(n=>n(r))}}send(e){this.port&&this.port.postMessage(e)}}class g{constructor(e,r,i){o(this,"_url");o(this,"_value");o(this,"_options");o(this,"_errors",[]);o(this,"iframe");o(this,"eventManager");o(this,"modal");this._url=e,this._value=r,this._options=i,this.eventManager=new C,this.on(a.INVALID,s=>{s.type===a.INVALID&&(this._errors=s.errors,this._value=s.value)}),this.on(a.RESIZE,s=>{s.type===a.RESIZE&&this.iframe&&(this.iframe.style.height=`${s.height}px`)})}get url(){return this._url}get value(){return this._value}get options(){return this._options}get errors(){return this._errors}open(){document.location.href=this.url}mount(e){const r=document.querySelector(e);if(!r)throw new Error(`parentID ${e} not found`);this.embed(r)}embed(e,r=!1){var i,s;this.removeEmbed(),this.iframe=document.createElement("iframe"),this.iframe.src=this.url+(r?"":"&embedded=true"),this.iframe.allow="web-share; clipboard-write; hid; bluetooth;",this.iframe.style.width="100%",this.iframe.style.height="0px",this.iframe.style.border="none",this.iframe.style.overflow="hidden",this.iframe.scrolling="no",e.appendChild(this.iframe),window.addEventListener("message",n=>{var l,h;n.source===((l=this.iframe)==null?void 0:l.contentWindow)&&((h=this.eventManager)==null||h.setPort(n.ports[0]))}),(s=(i=this.iframe)==null?void 0:i.contentWindow)==null||s.focus()}removeEmbed(){this.iframe&&this.iframe.remove()}send(e){this.eventManager.send(e)}on(e,r){return this.eventManager.on(e,r)}off(e,r){this.eventManager.off(e,r)}update(e,r){this._value=e,r&&(this._options=r),this.send({type:d.UPDATE,value:e,options:this._options})}completion(){return new Promise((e,r)=>{let i,s,n;function l(){i&&i(),s&&s(),n&&n()}i=this.on(a.COMPLETE,h=>{e(h.response),l()}),s=this.on(a.CANCEL,()=>{r(new Error("User cancelled")),l()}),n=this.on("error",h=>{r(new Error(h.message)),l()})})}openModal(){this.modal&&this.closeModal(),this.modal=document.createElement("dialog"),this.modal.style.border="none",this.modal.style.backgroundColor="white",this.modal.style.maxWidth="100vw",this.modal.style.maxHeight="100vh",this.modal.style.width="600px",this.modal.style.height="600px",document.body.appendChild(this.modal),this.embed(this.modal,!0);const e=this.on(a.CANCEL,()=>{this.closeModal()}),r=this.on(a.COMPLETE,()=>{this.closeModal()});return this.modal.showModal(),this.modal.addEventListener("click",()=>{this.closeModal()}),this.completion().finally(()=>{e(),r()})}closeModal(){var e;this.modal&&((e=this.modal)==null||e.close(),this.modal.remove(),this.modal=void 0)}popup(){const e=window.open(this.url,"_blank","popup=true");window.addEventListener("message",s=>{var n;s.source===e&&(console.log("received message from popup",s.data),(n=this.eventManager)==null||n.setPort(s.ports[0]))});const r=this.on(a.CANCEL,()=>{e==null||e.close()}),i=this.on(a.COMPLETE,()=>{e==null||e.close()});return this.completion().finally(()=>{r(),i()})}}function b(t){return Object.entries(t).map(([e,r])=>{if(r==null)return;const i=encodeURIComponent(e),s=encodeURIComponent(typeof r=="object"?JSON.stringify(r):String(r));return`${i}=${s}`}).filter(e=>e!==void 0).join("&")}function U(t){const e=t.slice(1);return e?e.split("&").filter(Boolean).reduce((i,s)=>{const[n,l]=s.split("=");return n&&(i[decodeURIComponent(n)]=l?decodeURIComponent(l):""),i},{}):{}}class L{constructor(e){o(this,"nodeUrl");o(this,"authToken");o(this,"uxUrl");o(this,"theme");o(this,"locale");this.uxUrl=e.uxUrl||"https://connect.notabene.id",this.nodeUrl=e.nodeUrl,this.authToken=e.authToken,this.theme=e.theme,this.locale=e.locale}componentUrl(e,r,i,s){const n=new URL(this.uxUrl);n.pathname=e;const l=b({authToken:this.authToken,value:r,configuration:i});return n.hash=l,this.nodeUrl&&n.searchParams.set("nodeUrl",this.nodeUrl),this.theme&&n.searchParams.set("theme",JSON.stringify(this.theme)),this.locale&&n.searchParams.set("locale",this.locale),s&&(s.callback&&n.searchParams.set("callback_url",s.callback),s.redirectUri&&n.searchParams.set("redirect_uri",s.redirectUri)),n.toString()}createComponent(e,r,i,s){return new g(this.componentUrl(e,r,i,s),r,i)}createWithdrawalAssist(e,r,i){return this.createComponent("withdrawal-assist",e,r,i)}createConnectWallet(e,r,i){return this.createComponent("connect",e,r,i)}createDepositRequest(e,r,i){return this.createComponent("deposit-request",e,r,i)}}exports.AgentType=c;exports.CMType=a;exports.EmbeddedComponent=g;exports.HMType=d;exports.PersonType=m;exports.ProofStatus=p;exports.ProofTypes=v;exports.Status=u;exports.VASPSearchControl=E;exports.ValidationSections=f;exports.decodeFragmentToObject=U;exports.default=L;
+"use strict";var w=Object.defineProperty;var I=(t,e,r)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var o=(t,e,r)=>I(t,typeof e!="symbol"?e+"":e,r);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var c=(t=>(t.PRIVATE="WALLET",t.VASP="VASP",t))(c||{}),m=(t=>(t.NATURAL="natural",t.LEGAL="legal",t.SELF="self",t))(m||{}),u=(t=>(t.EMPTY="empty",t.VERIFY="verify",t.PENDING="pending",t.VERIFIED="verified",t.BANNED="banned",t))(u||{}),E=(t=>(t.ALLOWED="allowed",t.PENDING="pending",t))(E||{}),f=(t=>(t.ASSET="asset",t.DESTINATION="destination",t.COUNTERPARTY="counterparty",t.AGENT="agent",t))(f||{}),a=(t=>(t.COMPLETE="complete",t.RESIZE="resize",t.RESULT="result",t.INVALID="invalid",t.ERROR="error",t.CANCEL="cancel",t))(a||{}),d=(t=>(t.UPDATE="update",t.REQUEST_RESPONSE="requestResponse",t))(d||{}),p=(t=>(t.PENDING="pending",t.FAILED="rejected",t.FLAGGED="flagged",t.VERIFIED="verified",t))(p||{}),v=(t=>(t.SelfDeclaration="self-declaration",t.SIWE="siwe",t.SIWX="siwx",t.EIP191="eip-191",t.EIP712="eip-712",t.EIP1271="eip-1271",t.BIP137="bip-137",t.BIP137_XPUB="xpub",t.ED25519="ed25519",t.MicroTransfer="microtransfer",t.Screenshot="screenshot",t.Connect="connect",t))(v||{});class C{constructor(){o(this,"listeners",new Map);o(this,"port");this.handleMessage=this.handleMessage.bind(this)}setPort(e){this.port=e,this.port.onmessage=this.handleMessage,this.port.start()}on(e,r){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(r),()=>this.off(e,r)}off(e,r){const i=this.listeners.get(e);i&&(i.delete(r),i.size===0&&this.listeners.delete(e))}handleMessage(e){const r=e.data;if(typeof r=="object"&&r!==null&&"type"in r){const i=r.type,s=this.listeners.get(i);s&&s.forEach(n=>n(r))}}send(e){this.port&&this.port.postMessage(e)}}class g{constructor(e,r,i){o(this,"_url");o(this,"_value");o(this,"_options");o(this,"_errors",[]);o(this,"iframe");o(this,"eventManager");o(this,"modal");this._url=e,this._value=r,this._options=i,this.eventManager=new C,this.on(a.INVALID,s=>{s.type===a.INVALID&&(this._errors=s.errors,this._value=s.value)}),this.on(a.RESIZE,s=>{s.type===a.RESIZE&&this.iframe&&(this.iframe.style.height=`${s.height}px`)})}get url(){return this._url}get value(){return this._value}get options(){return this._options}get errors(){return this._errors}open(){document.location.href=this.url}mount(e){const r=document.querySelector(e);if(!r)throw new Error(`parentID ${e} not found`);this.embed(r)}embed(e,r=!1){var i,s;this.removeEmbed(),this.iframe=document.createElement("iframe"),this.iframe.src=this.url+(r?"":"&embedded=true"),this.iframe.allow="web-share; clipboard-write; hid; bluetooth;",this.iframe.style.width="100%",this.iframe.style.height="0px",this.iframe.style.border="none",this.iframe.style.overflow="hidden",this.iframe.scrolling="no",e.appendChild(this.iframe),window.addEventListener("message",n=>{var l,h;n.source===((l=this.iframe)==null?void 0:l.contentWindow)&&((h=this.eventManager)==null||h.setPort(n.ports[0]))}),(s=(i=this.iframe)==null?void 0:i.contentWindow)==null||s.focus()}removeEmbed(){this.iframe&&this.iframe.remove()}send(e){this.eventManager.send(e)}on(e,r){return this.eventManager.on(e,r)}off(e,r){this.eventManager.off(e,r)}update(e,r){this._value=e,r&&(this._options=r),this.send({type:d.UPDATE,value:e,options:this._options})}completion(){return new Promise((e,r)=>{let i,s,n;function l(){i&&i(),s&&s(),n&&n()}i=this.on(a.COMPLETE,h=>{e(h.response),l()}),s=this.on(a.CANCEL,()=>{r(new Error("User cancelled")),l()}),n=this.on("error",h=>{r(new Error(h.message)),l()})})}openModal(){this.modal&&this.closeModal(),this.modal=document.createElement("dialog"),this.modal.style.border="none",this.modal.style.backgroundColor="white",this.modal.style.maxWidth="100vw",this.modal.style.maxHeight="100vh",this.modal.style.width="600px",this.modal.style.height="600px",document.body.appendChild(this.modal),this.embed(this.modal,!0);const e=this.on(a.CANCEL,()=>{this.closeModal()}),r=this.on(a.COMPLETE,()=>{this.closeModal()});return this.modal.showModal(),this.modal.addEventListener("click",()=>{this.closeModal()}),this.completion().finally(()=>{e(),r()})}closeModal(){var e;this.modal&&((e=this.modal)==null||e.close(),this.modal.remove(),this.modal=void 0)}popup(){const e=window.open(this.url,"_blank","popup=true,width=600,height=600");window.addEventListener("message",s=>{var n;s.source===e&&(console.log("received message from popup",s.data),(n=this.eventManager)==null||n.setPort(s.ports[0]))});const r=this.on(a.CANCEL,()=>{e==null||e.close()}),i=this.on(a.COMPLETE,()=>{e==null||e.close()});return this.completion().finally(()=>{r(),i()})}}function b(t){return Object.entries(t).map(([e,r])=>{if(r==null)return;const i=encodeURIComponent(e),s=encodeURIComponent(typeof r=="object"?JSON.stringify(r):String(r));return`${i}=${s}`}).filter(e=>e!==void 0).join("&")}function U(t){const e=t.slice(1);return e?e.split("&").filter(Boolean).reduce((i,s)=>{const[n,l]=s.split("=");return n&&(i[decodeURIComponent(n)]=l?decodeURIComponent(l):""),i},{}):{}}class L{constructor(e){o(this,"nodeUrl");o(this,"authToken");o(this,"uxUrl");o(this,"theme");o(this,"locale");this.uxUrl=e.uxUrl||"https://connect.notabene.id",this.nodeUrl=e.nodeUrl,this.authToken=e.authToken,this.theme=e.theme,this.locale=e.locale}componentUrl(e,r,i,s){const n=new URL(this.uxUrl);n.pathname=e;const l=b({authToken:this.authToken,value:r,configuration:i});return n.hash=l,this.nodeUrl&&n.searchParams.set("nodeUrl",this.nodeUrl),this.theme&&n.searchParams.set("theme",JSON.stringify(this.theme)),this.locale&&n.searchParams.set("locale",this.locale),s&&(s.callback&&n.searchParams.set("callback_url",s.callback),s.redirectUri&&n.searchParams.set("redirect_uri",s.redirectUri)),n.toString()}createComponent(e,r,i,s){return new g(this.componentUrl(e,r,i,s),r,i)}createWithdrawalAssist(e,r,i){return this.createComponent("withdrawal-assist",e,r,i)}createConnectWallet(e,r,i){return this.createComponent("connect",e,r,i)}createDepositRequest(e,r,i){return this.createComponent("deposit-request",e,r,i)}}exports.AgentType=c;exports.CMType=a;exports.EmbeddedComponent=g;exports.HMType=d;exports.PersonType=m;exports.ProofStatus=p;exports.ProofTypes=v;exports.Status=u;exports.VASPSearchControl=E;exports.ValidationSections=f;exports.decodeFragmentToObject=U;exports.default=L;

package/dist/notabene.js

@@ -218,7 +218,11 @@ class C {
    * @see [Cross-Origin-Opener-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy)
    */
   popup() {
-    const e = window.open(this.url, "_blank", "popup=true");
+    const e = window.open(
+      this.url,
+      "_blank",
+      "popup=true,width=600,height=600"
+    );
     window.addEventListener("message", (s) => {
       var n;
       s.source === e && (console.log("received message from popup", s.data), (n = this.eventManager) == null || n.setPort(s.ports[0]));

package/package.json

@@ -10,7 +10,7 @@
   "author": "Notabene <developers@notabene.id>",
   "license": "MIT",
   "packageManager": "yarn@4.5.1",
-  "version": "2.0.4-NEXT.0",
+  "version": "2.0.4-NEXT.1",
   "source": "src/notabene.ts",
   "main": "dist/notabene.js",
   "types": "dist/notabene.d.ts",
@@ -72,7 +72,6 @@
   "lint-staged": {
     "*.ts": [
       "yarn format:check",
-      "organize-imports-cli",
       "yarn lint:fix",
       "yarn test --run"
     ]

package/src/components/EmbeddedComponent.ts

@@ -253,7 +253,11 @@ export default class EmbeddedComponent<V, O> {
    * @see [Cross-Origin-Opener-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy)
    */
   public popup(): Promise<TransactionResponse<V>> {
-    const popup = window.open(this.url, '_blank', 'popup=true');
+    const popup = window.open(
+      this.url,
+      '_blank',
+      'popup=true,width=600,height=600',
+    );
     window.addEventListener('message', (event: MessageEvent) => {
       if (event.source !== popup) {
         return;

package/src/components/__tests__/EmbeddedComponent.test.ts

@@ -1,653 +0,0 @@
-import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
-import {
-  AgentType,
-  CMType,
-  HMType,
-  type HostMessage,
-  type Transaction,
-  type TransactionOptions,
-  type Withdrawal,
-} from '../../types';
-import { MessageEventManager } from '../../utils/MessageEventManager';
-import EmbeddedComponent from '../EmbeddedComponent';
-
-const url = 'https://example.com';
-const parentId = 'parent-container';
-const value: Partial<Transaction> = { amountDecimal: 100 };
-
-describe('EmbeddedComponent', () => {
-  describe('creation', () => {
-    let component: EmbeddedComponent<Withdrawal, TransactionOptions>;
-    beforeEach(() => {
-      component = new EmbeddedComponent<Withdrawal, TransactionOptions>(url, {
-        amountDecimal: 100,
-      });
-    });
-
-    test('sets value', () => {
-      expect(component.value).toStrictEqual(value);
-    });
-
-    test('sets url', () => {
-      expect(component.url).toBe(url);
-    });
-  });
-
-  describe('iframe', () => {
-    let document: Document;
-    let parentElement: HTMLElement;
-    let iframe: HTMLIFrameElement;
-    let window: Window;
-
-    beforeEach(() => {
-      parentElement = {
-        appendChild: vi.fn(),
-      } as unknown as HTMLElement;
-
-      iframe = {
-        style: {},
-        src: '',
-        contentWindow: {
-          focus: vi.fn(),
-        } as unknown as Window,
-        remove: vi.fn(),
-        setAttribute: vi.fn(),
-        addEventListener: vi.fn(),
-      } as unknown as HTMLIFrameElement;
-
-      document = {
-        createElement: vi.fn().mockReturnValue(iframe),
-        querySelector: vi.fn().mockReturnValue(parentElement),
-      } as unknown as Document;
-
-      window = {
-        addEventListener: vi.fn(),
-      } as unknown as Window;
-
-      vi.stubGlobal('document', document);
-      vi.stubGlobal('window', window);
-    });
-
-    afterEach(() => {
-      vi.unstubAllGlobals();
-    });
-
-    test('mount', () => {
-      const component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-      component.mount(parentId);
-      expect(iframe?.src).toBe(url + '&embedded=true');
-      expect(parentElement.appendChild).toHaveBeenCalledWith(iframe);
-    });
-
-    test('on', () => {
-      const component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-      const messageType = 'customEvent';
-      const callback = vi.fn();
-      component.on(messageType, callback);
-      component.mount(parentId);
-
-      // Simulate receiving a message of the specified type
-      // and assert that the callback is called with the correct payload.
-    });
-
-    test('off', () => {
-      const component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-      const messageType = 'customEvent';
-      const callback = vi.fn();
-      component.on(messageType, callback);
-
-      // Simulate receiving a message of the specified type
-      // and assert that the callback is called with the correct payload.
-
-      component.off(messageType, callback);
-
-      // Simulate receiving another message of the specified type
-      // and assert that the callback is not called.
-    });
-
-    describe('connected to iframe', () => {
-      let messageHandler: (event: MessageEvent) => void;
-      let port: MessagePort;
-      let handshake: MessageEvent;
-      let component: EmbeddedComponent<Withdrawal, TransactionOptions>;
-      let options: TransactionOptions;
-
-      beforeEach(() => {
-        port = {
-          postMessage: vi.fn(),
-          start: vi.fn(),
-          onmessage: null,
-        } as unknown as MessagePort;
-        handshake = {
-          source: iframe.contentWindow,
-          ports: [port],
-        } as unknown as MessageEvent;
-        window.addEventListener = vi
-          .fn()
-          .mockImplementation((event, handler) => {
-            messageHandler = handler;
-          });
-        options = { allowedAgentTypes: [AgentType.PRIVATE, AgentType.VASP] };
-        component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-          url,
-          value,
-          options,
-        );
-        component.mount(parentId);
-
-        expect(messageHandler).toBeDefined();
-        messageHandler(handshake);
-      });
-
-      test('send', () => {
-        const message: HostMessage<Withdrawal, TransactionOptions> = {
-          type: HMType.UPDATE,
-          value: {
-            requestId: 'id',
-          },
-          options: { allowedAgentTypes: [AgentType.PRIVATE] },
-        };
-        component.send(message);
-        expect(port.postMessage).toHaveBeenCalledWith(message);
-      });
-
-      describe('update', () => {
-        test('with out options', () => {
-          const newValue: Partial<Transaction> = { amountDecimal: 200 };
-
-          const message: HostMessage<Withdrawal, TransactionOptions> = {
-            type: HMType.UPDATE,
-            value: newValue,
-            options,
-          };
-
-          component.update(newValue);
-
-          expect(component.value).toBe(newValue);
-          expect(component.options).toBe(options);
-          expect(port.postMessage).toHaveBeenCalledWith(message);
-        });
-
-        test('with options', () => {
-          const newValue: Partial<Transaction> = { amountDecimal: 200 };
-          const newOptions = { allowedAgentTypes: [AgentType.PRIVATE] };
-
-          const message: HostMessage<Withdrawal, TransactionOptions> = {
-            type: HMType.UPDATE,
-            value: newValue,
-            options: newOptions,
-          };
-
-          component.update(newValue, newOptions);
-
-          expect(component.value).toBe(newValue);
-          expect(component.options).toBe(newOptions);
-          expect(port.postMessage).toHaveBeenCalledWith(message);
-        });
-      });
-      // TODO not sure this actually does what I want it to do
-      describe('completion', () => {
-        test('resolves with response and cleans up listeners', async () => {
-          const response = { valid: true, value: 'completed' };
-          const completionPromise = component.completion();
-
-          port.onmessage!({
-            data: { type: CMType.COMPLETE, response },
-          } as unknown as MessageEvent);
-
-          const result = await completionPromise;
-          expect(result).toBe(response);
-
-          // Verify cleanup by sending another complete message - should not trigger anything
-          port.onmessage!({
-            data: { type: CMType.COMPLETE, response: { valid: false } },
-          } as unknown as MessageEvent);
-
-          // Original result should remain unchanged
-          expect(result).toBe(response);
-        });
-
-        test('rejects with error and cleans up listeners', async () => {
-          const errorMessage = 'Test error';
-          const completionPromise = component.completion();
-
-          port.onmessage!({
-            data: { type: 'error', message: errorMessage },
-          } as unknown as MessageEvent);
-
-          await expect(completionPromise).rejects.toThrow(errorMessage);
-
-          // Verify cleanup by sending another error - should not trigger anything
-          port.onmessage!({
-            data: { type: 'error', message: 'Different error' },
-          } as unknown as MessageEvent);
-
-          // Original rejection should remain
-          await expect(completionPromise).rejects.toThrow(errorMessage);
-        });
-      });
-    });
-  });
-
-  describe('modal', () => {
-    let document: Document;
-    let dialog: HTMLDialogElement;
-    let component: EmbeddedComponent<Withdrawal, TransactionOptions>;
-
-    beforeEach(() => {
-      dialog = {
-        style: {},
-        showModal: vi.fn(),
-        close: vi.fn(),
-        remove: vi.fn(),
-        addEventListener: vi.fn(),
-        appendChild: vi.fn(), // Add this
-      } as unknown as HTMLDialogElement;
-
-      document = {
-        createElement: vi.fn().mockImplementation((tag) => {
-          if (tag === 'dialog') return dialog;
-          if (tag === 'iframe')
-            return {
-              style: {},
-              contentWindow: { focus: vi.fn() },
-              addEventListener: vi.fn(),
-            } as unknown as HTMLIFrameElement;
-        }),
-        body: {
-          appendChild: vi.fn(),
-        },
-      } as unknown as Document;
-
-      const mockDoc = document;
-      vi.stubGlobal('document', mockDoc); // Use intermediate variable
-
-      component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-    });
-
-    afterEach(() => {
-      vi.unstubAllGlobals();
-    });
-
-    test('modal closes on cancel message', async () => {
-      const completionPromise = component.openModal();
-
-      // Trigger cancel message through event manager
-      component['eventManager']['handleMessage']({
-        data: { type: CMType.CANCEL },
-      } as MessageEvent);
-
-      expect(dialog.close).toHaveBeenCalled();
-      expect(dialog.remove).toHaveBeenCalled();
-
-      // Add expectation for the rejection
-      await expect(completionPromise).rejects.toThrow('User cancelled');
-    });
-
-    test('modal closes on completion', async () => {
-      const completionPromise = component.openModal();
-      const response = { valid: true, value: 'completed' };
-
-      // Trigger complete message through event manager
-      component['eventManager']['handleMessage']({
-        data: { type: CMType.COMPLETE, response },
-      } as MessageEvent);
-
-      expect(dialog.close).toHaveBeenCalled();
-      expect(dialog.remove).toHaveBeenCalled();
-      await expect(completionPromise).resolves.toBe(response);
-    });
-  });
-
-  describe('error handling', () => {
-    let component: EmbeddedComponent<Withdrawal, TransactionOptions>;
-    let mockMessageManager: (typeof component)['eventManager'];
-    let document: Document;
-    let parentElement: HTMLElement;
-
-    beforeEach(() => {
-      parentElement = {
-        appendChild: vi.fn(),
-      } as unknown as HTMLElement;
-
-      document = {
-        createElement: vi.fn().mockReturnValue({
-          style: {},
-          contentWindow: { focus: vi.fn() },
-        } as unknown as HTMLIFrameElement),
-        querySelector: vi.fn().mockReturnValue(parentElement),
-      } as unknown as Document;
-
-      const mockDoc = document;
-      vi.stubGlobal('document', mockDoc);
-
-      component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-      mockMessageManager = component['eventManager'];
-    });
-
-    test('handles invalid messages', () => {
-      const errors = [{ attribute: 'test', message: 'error' }];
-      const newValue = { ...value, extra: 'data' };
-
-      mockMessageManager['handleMessage']({
-        data: {
-          type: CMType.INVALID,
-          errors,
-          value: newValue,
-        },
-      } as MessageEvent);
-
-      expect(component.errors).toEqual(errors);
-      expect(component.value).toEqual(newValue);
-    });
-
-    test('handles resize messages', () => {
-      const mockIframe = {
-        style: {},
-        contentWindow: { focus: vi.fn() },
-      } as unknown as HTMLIFrameElement;
-
-      document.createElement = vi.fn().mockReturnValue(mockIframe);
-      document.querySelector = vi.fn().mockReturnValue(parentElement);
-
-      component.mount(parentId);
-
-      mockMessageManager['handleMessage']({
-        data: {
-          type: CMType.RESIZE,
-          height: 500,
-        },
-      } as MessageEvent);
-
-      expect(mockIframe.style.height).toBe('500px');
-    });
-  });
-
-  describe('event management', () => {
-    let component: EmbeddedComponent<Withdrawal, TransactionOptions>;
-    let mockWindow: Window;
-    beforeEach(() => {
-      // Create a mock window without modifying global
-      mockWindow = {
-        addEventListener: vi.fn(),
-        dispatchEvent: vi.fn(),
-      } as unknown as Window;
-
-      vi.stubGlobal('window', mockWindow);
-
-      component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-    });
-
-    afterEach(() => {
-      vi.unstubAllGlobals();
-    });
-
-    test('multiple listeners for same event type', () => {
-      const callback1 = vi.fn();
-      const callback2 = vi.fn();
-
-      component.on('test', callback1);
-      component.on('test', callback2);
-
-      // Trigger message via component's event manager
-      component['eventManager']['handleMessage']({
-        data: { type: 'test', payload: 'data' },
-      } as MessageEvent);
-
-      expect(callback1).toHaveBeenCalled();
-      expect(callback2).toHaveBeenCalled();
-    });
-
-    test('removal of specific listener', () => {
-      const callback1 = vi.fn();
-      const callback2 = vi.fn();
-
-      component.on('test', callback1);
-      component.on('test', callback2);
-      component.off('test', callback1);
-
-      component['eventManager']['handleMessage']({
-        data: { type: 'test', payload: 'data' },
-      } as MessageEvent);
-
-      expect(callback1).not.toHaveBeenCalled();
-      expect(callback2).toHaveBeenCalled();
-    });
-  });
-
-  describe('cleanup', () => {
-    let mockIframe: HTMLIFrameElement;
-    let parentElement: HTMLElement;
-    let document: Document;
-
-    beforeEach(() => {
-      mockIframe = {
-        style: {},
-        src: '',
-        contentWindow: {
-          focus: vi.fn(),
-        } as unknown as Window,
-        remove: vi.fn(),
-      } as unknown as HTMLIFrameElement;
-
-      parentElement = {
-        appendChild: vi.fn(),
-      } as unknown as HTMLElement;
-
-      document = {
-        createElement: vi.fn().mockReturnValue(mockIframe),
-        querySelector: vi.fn().mockReturnValue(parentElement),
-      } as unknown as Document;
-
-      const mockDoc = document;
-      vi.stubGlobal('document', mockDoc);
-    });
-
-    afterEach(() => {
-      vi.unstubAllGlobals();
-    });
-
-    test('removeEmbed cleans up iframe', () => {
-      const component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-      component.mount(parentId);
-
-      component.removeEmbed();
-      expect(mockIframe.remove).toHaveBeenCalled();
-    });
-
-    test('cleanup on unmount', () => {
-      const component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-      const callback = vi.fn();
-      component.on('test', callback);
-
-      component.mount(parentId);
-
-      component.removeEmbed();
-
-      // Create a new event manager to simulate cleanup
-      component['eventManager'] = new MessageEventManager();
-
-      // Try to trigger message after cleanup
-      component['eventManager']['handleMessage']({
-        data: { type: 'test', payload: 'data' },
-      } as MessageEvent);
-
-      expect(callback).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('state management', () => {
-    test('maintains value and options state', () => {
-      const initialValue = { amountDecimal: 100 };
-      const initialOptions = { allowedAgentTypes: [AgentType.PRIVATE] };
-
-      const component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        initialValue,
-        initialOptions,
-      );
-
-      expect(component.value).toEqual(initialValue);
-      expect(component.options).toEqual(initialOptions);
-    });
-
-    test('updates maintain state consistency', () => {
-      const component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-      const newValue = { amountDecimal: 200 };
-      const newOptions = { allowedAgentTypes: [AgentType.VASP] };
-
-      component.update(newValue, newOptions);
-
-      expect(component.value).toEqual(newValue);
-      expect(component.options).toEqual(newOptions);
-    });
-  });
-
-  describe('popup', () => {
-    let component: EmbeddedComponent<Withdrawal, TransactionOptions>;
-    let mockWindow: Window;
-    let popupWindow: Window;
-
-    beforeEach(() => {
-      popupWindow = {
-        close: vi.fn(),
-      } as unknown as Window;
-
-      mockWindow = {
-        open: vi.fn().mockReturnValue(popupWindow),
-        addEventListener: vi.fn(),
-      } as unknown as Window;
-
-      vi.stubGlobal('window', mockWindow);
-
-      component = new EmbeddedComponent<Withdrawal, TransactionOptions>(
-        url,
-        value,
-      );
-    });
-
-    afterEach(() => {
-      vi.unstubAllGlobals();
-    });
-
-    test('opens popup window with correct parameters', () => {
-      component.popup();
-      expect(mockWindow.open).toHaveBeenCalledWith(url, '_blank', 'popup=true');
-    });
-
-    test('popup closes on cancel message', async () => {
-      const completionPromise = component.popup();
-
-      // Trigger cancel message through event manager
-      component['eventManager']['handleMessage']({
-        data: { type: CMType.CANCEL },
-      } as MessageEvent);
-
-      expect(popupWindow.close).toHaveBeenCalled();
-      await expect(completionPromise).rejects.toThrow('User cancelled');
-    });
-
-    test('popup closes on completion', async () => {
-      const completionPromise = component.popup();
-      const response = { valid: true, value: 'completed' };
-
-      // Trigger complete message through event manager
-      component['eventManager']['handleMessage']({
-        data: { type: CMType.COMPLETE, response },
-      } as MessageEvent);
-
-      expect(popupWindow.close).toHaveBeenCalled();
-      await expect(completionPromise).resolves.toBe(response);
-    });
-
-    test('handles message events from popup window', async () => {
-      const completionPromise = component.popup(); // Store the promise
-
-      // Get the event listener callback
-      const messageHandler =
-        // @ts-expect-error TS is getting confused with the mock
-        (mockWindow.addEventListener as vi.Mock).mock.calls.find(
-          // @ts-expect-error TS is getting confused with the mock
-          (call) => call[0] === 'message',
-        )?.[1];
-
-      expect(messageHandler).toBeDefined();
-
-      // Mock a message event from the popup
-      const mockPort = { start: vi.fn() };
-      const mockEvent = {
-        source: popupWindow,
-        ports: [mockPort],
-      };
-
-      // Call the handler
-      messageHandler(mockEvent);
-
-      // Verify the port was set in the event manager
-      expect(component['eventManager']['port']).toBe(mockPort);
-
-      // Clean up by completing the promise
-      component['eventManager']['handleMessage']({
-        data: { type: CMType.COMPLETE, response: { valid: true } },
-      } as MessageEvent);
-
-      await completionPromise; // Wait for the promise to complete
-    });
-
-    test('ignores message events from other sources', async () => {
-      const completionPromise = component.popup();
-
-      const messageHandler =
-        // @ts-expect-error TS is getting confused with the mock
-        (mockWindow.addEventListener as vi.Mock).mock.calls.find(
-          // @ts-expect-error TS is getting confused with the mock
-          (call) => call[0] === 'message',
-        )?.[1];
-
-      // Mock a message event from a different source
-      const mockEvent = {
-        source: {} as Window,
-        ports: [{ start: vi.fn() }],
-      };
-
-      messageHandler(mockEvent);
-
-      // Verify the port was not set in the event manager
-      expect(component['eventManager']['port']).toBeUndefined();
-
-      // Clean up by completing the promise
-      component['eventManager']['handleMessage']({
-        data: { type: CMType.COMPLETE, response: { valid: true } },
-      } as MessageEvent);
-
-      await completionPromise; // Wait for the promise to complete
-    });
-  });
-});