@multiversx/sdk-web-wallet-cross-window-provider 0.1.3 → 0.3.0-alpha.0

package/out/CrossWindowProvider/tests/Logout.test.js

@@ -10,7 +10,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const test_utils_1 = require("../../test-utils");
-const WindowManager_1 = require("../../WindowManager/WindowManager");
 const CrossWindowProvider_1 = require("../CrossWindowProvider");
 describe('CrossWindowProvider', () => {
     let crossWindowProvider;
@@ -18,14 +17,13 @@ describe('CrossWindowProvider', () => {
     let windowOpenSpy;
     beforeEach(() => {
         walletWindowMock = (0, test_utils_1.getWalletWindowMock)();
-        WindowManager_1.WindowManager.getInstance().postMessage = jest
+        CrossWindowProvider_1.CrossWindowProvider.getInstance().getWindowManager().postMessage = jest
             .fn()
             .mockImplementation(() => true);
-        WindowManager_1.WindowManager.getInstance().closeConnection = jest
+        CrossWindowProvider_1.CrossWindowProvider.getInstance().getWindowManager().closeConnection = jest
             .fn()
             .mockImplementation(() => true);
         crossWindowProvider = CrossWindowProvider_1.CrossWindowProvider.getInstance();
-        (0, test_utils_1.mockWindoManager)();
         windowOpenSpy = jest.spyOn(window, 'open');
         windowOpenSpy.mockImplementation(() => walletWindowMock);
     });

package/out/CrossWindowProvider/tests/Logout.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logout.test.js","sourceRoot":"","sources":["../../../src/CrossWindowProvider/tests/Logout.test.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAI0B;AAC1B,qEAAkE;AAClE,gEAA6D;AAE7D,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,IAAI,mBAAwC,CAAC;IAC7C,IAAI,gBAAsC,CAAC;IAC3C,IAAI,aAA+B,CAAC;IAEpC,UAAU,CAAC,GAAG,EAAE;QACd,gBAAgB,GAAG,IAAA,gCAAmB,GAAE,CAAC;QACzC,6BAAa,CAAC,WAAW,EAAE,CAAC,WAAW,GAAG,IAAI;aAC3C,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QAElC,6BAAa,CAAC,WAAW,EAAE,CAAC,eAAe,GAAG,IAAI;aAC/C,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QAElC,mBAAmB,GAAG,yCAAmB,CAAC,WAAW,EAAE,CAAC;QACxD,IAAA,6BAAgB,GAAE,CAAC;QACnB,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC9C,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;QACjC,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Logout.test.js","sourceRoot":"","sources":["../../../src/CrossWindowProvider/tests/Logout.test.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iDAA6E;AAC7E,gEAA6D;AAE7D,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,IAAI,mBAAwC,CAAC;IAC7C,IAAI,gBAAsC,CAAC;IAC3C,IAAI,aAA+B,CAAC;IAEpC,UAAU,CAAC,GAAG,EAAE;QACd,gBAAgB,GAAG,IAAA,gCAAmB,GAAE,CAAC;QACzC,yCAAmB,CAAC,WAAW,EAAE,CAAC,gBAAgB,EAAE,CAAC,WAAW,GAAG,IAAI;aACpE,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QAElC,yCAAmB,CAAC,WAAW,EAAE,CAAC,gBAAgB,EAAE,CAAC,eAAe,GAAG,IAAI;aACxE,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QAElC,mBAAmB,GAAG,yCAAmB,CAAC,WAAW,EAAE,CAAC;QACxD,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC9C,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;QACjC,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/out/CrossWindowProvider/tests/SignMessage.test.js

@@ -11,7 +11,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 const out_1 = require("@multiversx/sdk-core/out");
 const test_utils_1 = require("../../test-utils");
-const WindowManager_1 = require("../../WindowManager/WindowManager");
 const CrossWindowProvider_1 = require("../CrossWindowProvider");
 describe('CrossWindowProvider Login', () => {
     let crossWindowProvider;
@@ -19,7 +18,7 @@ describe('CrossWindowProvider Login', () => {
     let windowOpenSpy;
     beforeEach(() => {
         walletWindowMock = (0, test_utils_1.getWalletWindowMock)();
-        WindowManager_1.WindowManager.getInstance().postMessage = jest
+        CrossWindowProvider_1.CrossWindowProvider.getInstance().getWindowManager().postMessage = jest
             .fn()
             .mockImplementation(() => ({
             payload: {
@@ -30,7 +29,6 @@ describe('CrossWindowProvider Login', () => {
             }
         }));
         crossWindowProvider = CrossWindowProvider_1.CrossWindowProvider.getInstance();
-        (0, test_utils_1.mockWindoManager)();
         windowOpenSpy = jest.spyOn(window, 'open');
         windowOpenSpy.mockImplementation(() => walletWindowMock);
     });

package/out/CrossWindowProvider/tests/SignMessage.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignMessage.test.js","sourceRoot":"","sources":["../../../src/CrossWindowProvider/tests/SignMessage.test.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,kDAA2D;AAC3D,iDAI0B;AAC1B,qEAAkE;AAClE,gEAA6D;AAE7D,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,IAAI,mBAAwC,CAAC;IAC7C,IAAI,gBAAsC,CAAC;IAC3C,IAAI,aAA+B,CAAC;IAEpC,UAAU,CAAC,GAAG,EAAE;QACd,gBAAgB,GAAG,IAAA,gCAAmB,GAAE,CAAC;QACzC,6BAAa,CAAC,WAAW,EAAE,CAAC,WAAW,GAAG,IAAI;aAC3C,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE;oBACJ,MAAM,EAAE,QAAQ;oBAChB,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;iBACxD;aACF;SACF,CAAC,CAAC,CAAC;QAEN,mBAAmB,GAAG,yCAAmB,CAAC,WAAW,EAAE,CAAC;QACxD,IAAA,6BAAgB,GAAE,CAAC;QACnB,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAS,EAAE;QAC/C,MAAM,WAAW,GAAG,IAAI,qBAAe,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC1E,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAElE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC5D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SignMessage.test.js","sourceRoot":"","sources":["../../../src/CrossWindowProvider/tests/SignMessage.test.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,kDAA2D;AAC3D,iDAA6E;AAC7E,gEAA6D;AAE7D,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,IAAI,mBAAwC,CAAC;IAC7C,IAAI,gBAAsC,CAAC;IAC3C,IAAI,aAA+B,CAAC;IAEpC,UAAU,CAAC,GAAG,EAAE;QACd,gBAAgB,GAAG,IAAA,gCAAmB,GAAE,CAAC;QACzC,yCAAmB,CAAC,WAAW,EAAE,CAAC,gBAAgB,EAAE,CAAC,WAAW,GAAG,IAAI;aACpE,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;YACzB,OAAO,EAAE;gBACP,IAAI,EAAE;oBACJ,MAAM,EAAE,QAAQ;oBAChB,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;iBACxD;aACF;SACF,CAAC,CAAC,CAAC;QAEN,mBAAmB,GAAG,yCAAmB,CAAC,WAAW,EAAE,CAAC;QACxD,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAS,EAAE;QAC/C,MAAM,WAAW,GAAG,IAAI,qBAAe,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC1E,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAElE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC5D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/out/CrossWindowProvider/tests/SignTransaction.test.js

@@ -10,7 +10,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const test_utils_1 = require("../../test-utils");
-const WindowManager_1 = require("../../WindowManager/WindowManager");
 const CrossWindowProvider_1 = require("../CrossWindowProvider");
 describe('CrossWindowProvider Login', () => {
     let crossWindowProvider;
@@ -24,13 +23,12 @@ describe('CrossWindowProvider Login', () => {
             receiverUsername: 'receiver',
             senderUsername: 'sender'
         });
-        WindowManager_1.WindowManager.getInstance().postMessage = jest
+        CrossWindowProvider_1.CrossWindowProvider.getInstance().getWindowManager().postMessage = jest
             .fn()
             .mockImplementation(() => ({
             payload: { data: [mockTransaction.toPlainObject()] }
         }));
         crossWindowProvider = CrossWindowProvider_1.CrossWindowProvider.getInstance();
-        (0, test_utils_1.mockWindoManager)();
         windowOpenSpy = jest.spyOn(window, 'open');
         windowOpenSpy.mockImplementation(() => walletWindowMock);
     });

package/out/CrossWindowProvider/tests/SignTransaction.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignTransaction.test.js","sourceRoot":"","sources":["../../../src/CrossWindowProvider/tests/SignTransaction.test.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,iDAK0B;AAC1B,qEAAkE;AAClE,gEAA6D;AAE7D,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,IAAI,mBAAwC,CAAC;IAC7C,IAAI,gBAAsC,CAAC;IAC3C,IAAI,aAA+B,CAAC;IAEpC,IAAI,eAA4B,CAAC;IAEjC,UAAU,CAAC,GAAG,EAAE;QACd,gBAAgB,GAAG,IAAA,gCAAmB,GAAE,CAAC;QACzC,eAAe,GAAG,IAAA,kCAAqB,EAAC;YACtC,IAAI,EAAE,MAAM;YACZ,gBAAgB,EAAE,UAAU;YAC5B,cAAc,EAAE,QAAQ;SACzB,CAAC,CAAC;QAEH,6BAAa,CAAC,WAAW,EAAE,CAAC,WAAW,GAAG,IAAI;aAC3C,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC,EAAE;SACrD,CAAC,CAAC,CAAC;QAEN,mBAAmB,GAAG,yCAAmB,CAAC,WAAW,EAAE,CAAC;QACxD,IAAA,6BAAgB,GAAE,CAAC;QACnB,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAS,EAAE;QACnD,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;QAEjC,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC1E,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAChD,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SignTransaction.test.js","sourceRoot":"","sources":["../../../src/CrossWindowProvider/tests/SignTransaction.test.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,iDAI0B;AAC1B,gEAA6D;AAE7D,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,IAAI,mBAAwC,CAAC;IAC7C,IAAI,gBAAsC,CAAC;IAC3C,IAAI,aAA+B,CAAC;IAEpC,IAAI,eAA4B,CAAC;IAEjC,UAAU,CAAC,GAAG,EAAE;QACd,gBAAgB,GAAG,IAAA,gCAAmB,GAAE,CAAC;QACzC,eAAe,GAAG,IAAA,kCAAqB,EAAC;YACtC,IAAI,EAAE,MAAM;YACZ,gBAAgB,EAAE,UAAU;YAC5B,cAAc,EAAE,QAAQ;SACzB,CAAC,CAAC;QAEH,yCAAmB,CAAC,WAAW,EAAE,CAAC,gBAAgB,EAAE,CAAC,WAAW,GAAG,IAAI;aACpE,EAAE,EAAE;aACJ,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC,EAAE;SACrD,CAAC,CAAC,CAAC;QAEN,mBAAmB,GAAG,yCAAmB,CAAC,WAAW,EAAE,CAAC;QACxD,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAS,EAAE;QACnD,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,mBAAmB,CAAC,IAAI,EAAE,CAAC;QAEjC,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC1E,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAChD,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/out/IFrameManager/IFrameProviderContentWindow.d.ts

@@ -0,0 +1,27 @@
+export declare class IFrameProviderContentWindow {
+    iframe: HTMLIFrameElement;
+    contentWindow: Window | null;
+    walletAddress: string;
+    private readonly container;
+    private readonly header;
+    private readonly body;
+    private readonly onClose;
+    constructor(props: {
+        id: string;
+        url: string;
+        anchor?: HTMLElement;
+        onClose?: () => void;
+    });
+    private buildWindow;
+    private getHeaderButtons;
+    private setupWindow;
+    getContainer(): HTMLDivElement;
+    getIframe(): HTMLIFrameElement;
+    getContentWindow(): Window | null;
+    setUrl(url: string): void;
+    remove(): void;
+    setWalletVisible(visible: boolean): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+    private setupResizable;
+    private setupDraggable;
+}

package/out/IFrameManager/IFrameProviderContentWindow.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IFrameProviderContentWindow = void 0;
+const constants_1 = require("../constants");
+const iframeManager_styles_1 = require("./iframeManager.styles");
+class IFrameProviderContentWindow {
+    constructor(props) {
+        var _a, _b, _c, _d, _e, _f;
+        this.walletAddress = '';
+        this.onClose = undefined;
+        const { id, url, anchor, onClose } = props;
+        this.onClose = onClose;
+        this.container = (_a = constants_1.safeDocument.createElement) === null || _a === void 0 ? void 0 : _a.call(constants_1.safeDocument, 'div');
+        this.header = (_b = constants_1.safeDocument.createElement) === null || _b === void 0 ? void 0 : _b.call(constants_1.safeDocument, 'div');
+        this.body = (_c = constants_1.safeDocument.createElement) === null || _c === void 0 ? void 0 : _c.call(constants_1.safeDocument, 'div');
+        this.iframe = (_d = constants_1.safeDocument.createElement) === null || _d === void 0 ? void 0 : _d.call(constants_1.safeDocument, 'iframe');
+        this.buildWindow(id, url);
+        this.contentWindow = this.iframe.contentWindow;
+        this.setupWindow();
+        if (anchor) {
+            anchor.appendChild(this.container);
+        }
+        else {
+            (_f = (_e = constants_1.safeDocument.body) === null || _e === void 0 ? void 0 : _e.appendChild) === null || _f === void 0 ? void 0 : _f.call(_e, this.container);
+        }
+    }
+    buildWindow(id, url) {
+        this.container.setAttribute('data-draggable', 'true');
+        this.container.setAttribute('data-resizable', 'true');
+        this.header.setAttribute('data-drag-handle', 'true');
+        this.container.style.cssText = iframeManager_styles_1.containerStyle;
+        this.header.style.cssText = iframeManager_styles_1.headerStyle;
+        this.body.style.cssText = iframeManager_styles_1.bodyStyle;
+        const { collapsibleButton, closeWalletButton } = this.getHeaderButtons();
+        this.header.appendChild(closeWalletButton);
+        this.header.appendChild(collapsibleButton);
+        this.container.appendChild(this.header);
+        this.container.appendChild(this.body);
+        this.iframe.id = id;
+        this.iframe.src = url;
+        this.iframe.style.cssText = iframeManager_styles_1.iframeStyle;
+        this.body.appendChild(this.iframe);
+    }
+    getHeaderButtons() {
+        var _a, _b, _c;
+        const title = (_a = constants_1.safeDocument.createElement) === null || _a === void 0 ? void 0 : _a.call(constants_1.safeDocument, 'span');
+        title.innerText = 'Wallet';
+        this.header.appendChild(title);
+        const collapsibleButton = (_b = constants_1.safeDocument.createElement) === null || _b === void 0 ? void 0 : _b.call(constants_1.safeDocument, 'span');
+        collapsibleButton.id = 'iframe-toggle-button';
+        collapsibleButton.innerText = '+';
+        collapsibleButton.style.cssText = iframeManager_styles_1.collapsibleButtonStyle;
+        collapsibleButton.onclick = () => {
+            this.body.style.visibility =
+                this.body.style.visibility === 'hidden' ? 'visible' : 'hidden';
+            this.container.style.height =
+                this.body.style.visibility === 'hidden' ? '50px' : '600px';
+            collapsibleButton.innerText =
+                this.body.style.visibility === 'hidden' ? '+' : '-';
+            this.container.style.setProperty('resize', this.body.style.visibility === 'hidden' ? 'none' : 'both');
+        };
+        const closeWalletButton = (_c = constants_1.safeDocument.createElement) === null || _c === void 0 ? void 0 : _c.call(constants_1.safeDocument, 'span');
+        closeWalletButton.id = 'iframe-close-button';
+        closeWalletButton.innerText = '✖';
+        closeWalletButton.style.cssText = iframeManager_styles_1.closeWalletButtonStyle;
+        closeWalletButton.onclick = () => {
+            var _a;
+            this.container.remove();
+            (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this);
+        };
+        return { collapsibleButton, closeWalletButton };
+    }
+    setupWindow() {
+        this.iframe.onload = () => {
+            this.contentWindow = this.iframe.contentWindow;
+            const event = new CustomEvent('iframeWindowReady', {
+                detail: this.iframe
+            });
+            this.iframe.dispatchEvent(event);
+        };
+        this.setupResizable();
+        this.setupDraggable();
+    }
+    getContainer() {
+        return this.container;
+    }
+    getIframe() {
+        return this.iframe;
+    }
+    getContentWindow() {
+        return this.contentWindow;
+    }
+    setUrl(url) {
+        this.iframe.setAttribute('src', url);
+    }
+    remove() {
+        this.container.remove();
+    }
+    setWalletVisible(visible) {
+        this.container.style.visibility = visible ? 'visible' : 'hidden';
+    }
+    addEventListener(type, listener) {
+        this.iframe.addEventListener(type, listener);
+    }
+    setupResizable() {
+        this.container.style.setProperty('resize', 'both');
+        this.container.style.setProperty('overflow', 'hidden');
+    }
+    setupDraggable() {
+        this.container.ondragstart = () => {
+            return false;
+        };
+        this.header.onmousedown = (event) => {
+            var _a;
+            const shiftX = event.clientX - this.container.getBoundingClientRect().left;
+            const shiftY = event.clientY - this.container.getBoundingClientRect().top;
+            // moves the window at (pageX, pageY) coordinates
+            // taking initial shifts into account
+            const moveAt = (pageX, pageY) => {
+                this.container.style.left = pageX - shiftX + 'px';
+                this.container.style.top = pageY - shiftY + 'px';
+            };
+            this.container.style.position = 'absolute';
+            this.container.style.zIndex = '1000';
+            moveAt(event.pageX, event.pageY);
+            const onMouseMove = (ev) => {
+                var _a;
+                moveAt(ev.pageX, ev.pageY);
+                (_a = constants_1.safeWindow.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
+            };
+            // move the container on mousemove
+            (_a = constants_1.safeDocument.addEventListener) === null || _a === void 0 ? void 0 : _a.call(constants_1.safeDocument, 'mousemove', onMouseMove);
+            // drop the container, remove unneeded handlers
+            this.container.onmouseup = () => {
+                var _a;
+                (_a = constants_1.safeDocument.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(constants_1.safeDocument, 'mousemove', onMouseMove);
+                this.container.onmouseup = null;
+            };
+            // drop the header, remove unneeded handlers
+            this.header.onmouseup = () => {
+                var _a;
+                (_a = constants_1.safeDocument.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(constants_1.safeDocument, 'mousemove', onMouseMove);
+                this.header.removeEventListener('mouseup', onMouseMove);
+                this.header.onmouseup = null;
+            };
+        };
+    }
+}
+exports.IFrameProviderContentWindow = IFrameProviderContentWindow;
+//# sourceMappingURL=IFrameProviderContentWindow.js.map

package/out/IFrameManager/IFrameProviderContentWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFrameProviderContentWindow.js","sourceRoot":"","sources":["../../src/IFrameManager/IFrameProviderContentWindow.ts"],"names":[],"mappings":"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"}

package/out/IFrameManager/IframeManager.d.ts

@@ -0,0 +1,18 @@
+import { CrossWindowProviderRequestEnums } from '@multiversx/sdk-dapp-utils/out/enums/crossWindowProviderEnums';
+import { PostMessageParamsType, PostMessageReturnType } from '@multiversx/sdk-dapp-utils/out/types/crossWindowProviderTypes';
+import { WindowManager } from '../WindowManager';
+import { IFrameProviderContentWindow } from './IFrameProviderContentWindow';
+export declare class IframeManager extends WindowManager {
+    private floatingWalletComponent;
+    private readonly onClose;
+    constructor(props?: {
+        onClose?: () => void;
+    });
+    get floatingWallet(): IFrameProviderContentWindow | null;
+    postMessage<T extends CrossWindowProviderRequestEnums>({ type, payload }: PostMessageParamsType<T>): Promise<PostMessageReturnType<T>>;
+    closeConnection(): Promise<boolean>;
+    isWalletOpened(): boolean;
+    closeWalletWindow(): void;
+    setWalletWindow(): Promise<void>;
+    setWalletVisible(visible: boolean): void;
+}

package/out/IFrameManager/IframeManager.js

@@ -0,0 +1,98 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeManager = void 0;
+const crossWindowProviderConstants_1 = require("@multiversx/sdk-dapp-utils/out/constants/crossWindowProviderConstants");
+const constants_1 = require("../constants");
+const WindowManager_1 = require("../WindowManager");
+const IFrameProviderContentWindow_1 = require("./IFrameProviderContentWindow");
+class IframeManager extends WindowManager_1.WindowManager {
+    constructor(props) {
+        super();
+        this.floatingWalletComponent = null;
+        this.onClose = undefined;
+        this.onClose = props === null || props === void 0 ? void 0 : props.onClose;
+    }
+    get floatingWallet() {
+        return this.floatingWalletComponent;
+    }
+    postMessage({ type, payload }) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handshake(type);
+            (_a = this.walletWindow) === null || _a === void 0 ? void 0 : _a.postMessage({
+                type,
+                payload
+            }, this.walletUrl);
+            const data = yield this.listenOnce(crossWindowProviderConstants_1.responseTypeMap[type]);
+            return data;
+        });
+    }
+    closeConnection() {
+        const _super = Object.create(null, {
+            closeConnection: { get: () => super.closeConnection }
+        });
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield _super.closeConnection.call(this);
+            (_a = this.floatingWalletComponent) === null || _a === void 0 ? void 0 : _a.remove();
+            this.walletWindow = null;
+            return result;
+        });
+    }
+    isWalletOpened() {
+        return Boolean(this.walletWindow);
+    }
+    closeWalletWindow() {
+        var _a;
+        if (!this.walletWindow) {
+            return;
+        }
+        (_a = this.floatingWallet) === null || _a === void 0 ? void 0 : _a.setWalletVisible(false);
+    }
+    setWalletWindow() {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.walletWindow) {
+                (_a = this.floatingWallet) === null || _a === void 0 ? void 0 : _a.setWalletVisible(true);
+                return;
+            }
+            const anchor = (_b = constants_1.safeDocument.getElementById) === null || _b === void 0 ? void 0 : _b.call(constants_1.safeDocument, 'root');
+            this.floatingWalletComponent = new IFrameProviderContentWindow_1.IFrameProviderContentWindow({
+                id: 'floating-wallet',
+                anchor,
+                url: this.walletUrl,
+                onClose: () => {
+                    var _a;
+                    this.closeConnection();
+                    (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this);
+                }
+            });
+            this.floatingWalletComponent.walletAddress = this.walletUrl;
+            const iframe = yield new Promise((resolve) => {
+                var _a;
+                (_a = this.floatingWalletComponent) === null || _a === void 0 ? void 0 : _a.addEventListener('iframeWindowReady', (event) => {
+                    resolve(event.detail);
+                });
+            });
+            if (!iframe) {
+                throw new Error('Cannot initialize iframe window');
+            }
+            this.walletWindow = iframe.contentWindow;
+        });
+    }
+    setWalletVisible(visible) {
+        var _a;
+        (_a = this.floatingWalletComponent) === null || _a === void 0 ? void 0 : _a.setWalletVisible(visible);
+    }
+}
+exports.IframeManager = IframeManager;
+//# sourceMappingURL=IframeManager.js.map

package/out/IFrameManager/IframeManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeManager.js","sourceRoot":"","sources":["../../src/IFrameManager/IframeManager.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wHAAwG;AAMxG,4CAA4C;AAC5C,oDAAiD;AACjD,+EAA4E;AAE5E,MAAa,aAAc,SAAQ,6BAAa;IAI9C,YAAY,KAAgC;QAC1C,KAAK,EAAE,CAAC;QAJF,4BAAuB,GAAuC,IAAI,CAAC;QAC1D,YAAO,GAA6B,SAAS,CAAC;QAI7D,IAAI,CAAC,OAAO,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IAChC,CAAC;IAED,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,uBAAuB,CAAC;IACtC,CAAC;IAEqB,WAAW,CAA4C,EAC3E,IAAI,EACJ,OAAO,EACkB;;;YACzB,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAE3B,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,CAC5B;gBACE,IAAI;gBACJ,OAAO;aACR,EACD,IAAI,CAAC,SAAS,CACf,CAAC;YAEF,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,8CAAe,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1D,OAAO,IAAI,CAAC;;KACb;IAEqB,eAAe;;;;;;YACnC,MAAM,MAAM,GAAG,MAAM,OAAM,eAAe,WAAE,CAAC;YAC7C,MAAA,IAAI,CAAC,uBAAuB,0CAAE,MAAM,EAAE,CAAC;YACvC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,OAAO,MAAM,CAAC;;KACf;IAEe,cAAc;QAC5B,OAAO,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACpC,CAAC;IAEe,iBAAiB;;QAC/B,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,OAAO;SACR;QAED,MAAA,IAAI,CAAC,cAAc,0CAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAEqB,eAAe;;;YACnC,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,MAAA,IAAI,CAAC,cAAc,0CAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBAC5C,OAAO;aACR;YAED,MAAM,MAAM,GAAG,MAAA,wBAAY,CAAC,cAAc,yEAAG,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,uBAAuB,GAAG,IAAI,yDAA2B,CAAC;gBAC7D,EAAE,EAAE,iBAAiB;gBACrB,MAAM;gBACN,GAAG,EAAE,IAAI,CAAC,SAAS;gBACnB,OAAO,EAAE,GAAG,EAAE;;oBACZ,IAAI,CAAC,eAAe,EAAE,CAAC;oBACvB,MAAA,IAAI,CAAC,OAAO,oDAAI,CAAC;gBACnB,CAAC;aACF,CAAC,CAAC;YACH,IAAI,CAAC,uBAAuB,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC;YAE5D,MAAM,MAAM,GAAG,MAAM,IAAI,OAAO,CAC9B,CAAC,OAA4C,EAAE,EAAE;;gBAC/C,MAAA,IAAI,CAAC,uBAAuB,0CAAE,gBAAgB,CAC5C,mBAAmB,EACnB,CAAC,KAA6C,EAAE,EAAE;oBAChD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACxB,CAAC,CACF,CAAC;YACJ,CAAC,CACF,CAAC;YAEF,IAAI,CAAC,MAAM,EAAE;gBACX,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;aACpD;YAED,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC;;KAC1C;IAEM,gBAAgB,CAAC,OAAgB;;QACtC,MAAA,IAAI,CAAC,uBAAuB,0CAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;CACF;AAzFD,sCAyFC"}

package/out/IFrameManager/iframeManager.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const containerStyle = "\n    width: 400px;\n    height: 600px;\n    border: 1px solid #0d0e10;\n    border-radius: 5px;\n    z-index: 9999;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    visibility: hidden;\n  ";
+export declare const headerStyle = "\n    color: #fff;\n    background-color: #0d0e10;\n    padding: 10px 15px;\n    cursor: pointer;\n    height: 50px;\n  ";
+export declare const bodyStyle = "\n    width: 100%;\n    height: calc(100% - 40px);\n    overflow: hidden;\n  ";
+export declare const iframeStyle = "\n    width: 100%;\n    height: 100%;\n    border: none;\n    border-radius: 0 0 5px 5px;\n  ";
+export declare const collapsibleButtonStyle = "\n    width: 30px;\n    height: 30px;\n    cursor: pointer;\n    margin: 0px;\n    padding: 0px;\n    box-sizing: content-box;\n    font-family: sans-serif;\n    text-align: center;\n    font-size: 40px;\n    line-height: 14px;\n    border-width: 0px;\n    border-radius: 2px;\n    border-color: rgb(170, 170, 170);\n    border-style: solid;\n    background-color: transparent;\n    color: gray;\n    z-index: 50;\n    user-select: none;\n    float: right;\n  ";
+export declare const closeWalletButtonStyle = "\n    width: 30px;\n    height: 30px;\n    cursor: pointer;\n    margin-top: 0px; \n    display: inline-block; \n    cursor: pointer;\n    margin-top: 5px;\n    padding: 0px;\n    box-sizing: content-box;\n    font-family: sans-serif;\n    text-align: center;\n    font-size: 30px;\n    line-height: 14px;\n    border-width: 0px;\n    border-radius: 2px;\n    border-color: rgb(170, 170, 170);\n    border-style: solid;\n    background-color: transparent;\n    color: gray;\n    z-index: 50;\n    user-select: none;\n    float: right;\n  ";

package/out/IFrameManager/iframeManager.styles.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.closeWalletButtonStyle = exports.collapsibleButtonStyle = exports.iframeStyle = exports.bodyStyle = exports.headerStyle = exports.containerStyle = void 0;
+exports.containerStyle = `
+    width: 400px;
+    height: 600px;
+    border: 1px solid #0d0e10;
+    border-radius: 5px;
+    z-index: 9999;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    visibility: hidden;
+  `;
+exports.headerStyle = `
+    color: #fff;
+    background-color: #0d0e10;
+    padding: 10px 15px;
+    cursor: pointer;
+    height: 50px;
+  `;
+exports.bodyStyle = `
+    width: 100%;
+    height: calc(100% - 40px);
+    overflow: hidden;
+  `;
+exports.iframeStyle = `
+    width: 100%;
+    height: 100%;
+    border: none;
+    border-radius: 0 0 5px 5px;
+  `;
+exports.collapsibleButtonStyle = `
+    width: 30px;
+    height: 30px;
+    cursor: pointer;
+    margin: 0px;
+    padding: 0px;
+    box-sizing: content-box;
+    font-family: sans-serif;
+    text-align: center;
+    font-size: 40px;
+    line-height: 14px;
+    border-width: 0px;
+    border-radius: 2px;
+    border-color: rgb(170, 170, 170);
+    border-style: solid;
+    background-color: transparent;
+    color: gray;
+    z-index: 50;
+    user-select: none;
+    float: right;
+  `;
+exports.closeWalletButtonStyle = `
+    width: 30px;
+    height: 30px;
+    cursor: pointer;
+    margin-top: 0px; 
+    display: inline-block; 
+    cursor: pointer;
+    margin-top: 5px;
+    padding: 0px;
+    box-sizing: content-box;
+    font-family: sans-serif;
+    text-align: center;
+    font-size: 30px;
+    line-height: 14px;
+    border-width: 0px;
+    border-radius: 2px;
+    border-color: rgb(170, 170, 170);
+    border-style: solid;
+    background-color: transparent;
+    color: gray;
+    z-index: 50;
+    user-select: none;
+    float: right;
+  `;
+//# sourceMappingURL=iframeManager.styles.js.map

package/out/IFrameManager/iframeManager.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframeManager.styles.js","sourceRoot":"","sources":["../../src/IFrameManager/iframeManager.styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG;;;;;;;;;;GAU3B,CAAC;AAES,QAAA,WAAW,GAAG;;;;;;GAMxB,CAAC;AAES,QAAA,SAAS,GAAG;;;;GAItB,CAAC;AAES,QAAA,WAAW,GAAG;;;;;GAKxB,CAAC;AAES,QAAA,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;GAoBnC,CAAC;AAES,QAAA,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;GAuBnC,CAAC"}

package/out/IFrameProvider/IframeProvider.d.ts

@@ -0,0 +1,11 @@
+import { CrossWindowProvider, ICrossWindowWalletAccount } from '../CrossWindowProvider';
+export declare class IframeProvider extends CrossWindowProvider {
+    constructor();
+    static getInstance(): IframeProvider;
+    init(): Promise<boolean>;
+    login(options?: {
+        token?: string;
+    }): Promise<ICrossWindowWalletAccount>;
+    logout(): Promise<boolean>;
+    openPopupConsent(): Promise<boolean>;
+}

package/out/IFrameProvider/IframeProvider.js

@@ -0,0 +1,70 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeProvider = void 0;
+const CrossWindowProvider_1 = require("../CrossWindowProvider");
+const errors_1 = require("../errors");
+const IframeManager_1 = require("../IFrameManager/IframeManager");
+class IframeProvider extends CrossWindowProvider_1.CrossWindowProvider {
+    constructor() {
+        super();
+        this.windowManager = new IframeManager_1.IframeManager({
+            // TODO check why the logout is not sending logout request through postMessage
+            onClose: this.logout.bind(this)
+        });
+    }
+    static getInstance() {
+        if (!IframeProvider._instance) {
+            IframeProvider._instance = new IframeProvider();
+            return IframeProvider._instance;
+        }
+        return IframeProvider._instance;
+    }
+    init() {
+        const _super = Object.create(null, {
+            init: { get: () => super.init }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            const initialized = yield _super.init.call(this);
+            yield this.windowManager.setWalletWindow();
+            return initialized;
+        });
+    }
+    login(options = {}) {
+        const _super = Object.create(null, {
+            login: { get: () => super.login }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            const account = yield _super.login.call(this, options);
+            yield this.windowManager.setWalletWindow();
+            return account;
+        });
+    }
+    logout() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.initialized) {
+                throw new errors_1.ErrProviderNotInitialized();
+            }
+            this.ensureConnected();
+            const connectionClosed = yield this.windowManager.closeConnection();
+            this.initialized = false;
+            this.disconnect();
+            return connectionClosed;
+        });
+    }
+    openPopupConsent() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return true;
+        });
+    }
+}
+exports.IframeProvider = IframeProvider;
+//# sourceMappingURL=IframeProvider.js.map

package/out/IFrameProvider/IframeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeProvider.js","sourceRoot":"","sources":["../../src/IFrameProvider/IframeProvider.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAGgC;AAChC,sCAAsD;AACtD,kEAA+D;AAE/D,MAAa,cAAe,SAAQ,yCAAmB;IACrD;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,IAAI,6BAAa,CAAC;YACrC,8EAA8E;YAC9E,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;SAChC,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;YAC7B,cAAc,CAAC,SAAS,GAAG,IAAI,cAAc,EAAE,CAAC;YAChD,OAAO,cAAc,CAAC,SAAS,CAAC;SACjC;QAED,OAAO,cAAc,CAAC,SAAS,CAAC;IAClC,CAAC;IAEqB,IAAI;;;;;YACxB,MAAM,WAAW,GAAG,MAAM,OAAM,IAAI,WAAE,CAAC;YACvC,MAAM,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;YAE3C,OAAO,WAAW,CAAC;QACrB,CAAC;KAAA;IAEqB,KAAK,CACzB,UAEI,EAAE;;;;;YAEN,MAAM,OAAO,GAAG,MAAM,OAAM,KAAK,YAAC,OAAO,CAAC,CAAC;YAC3C,MAAM,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;YAE3C,OAAO,OAAO,CAAC;QACjB,CAAC;KAAA;IAEqB,MAAM;;YAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,MAAM,IAAI,kCAAyB,EAAE,CAAC;aACvC;YAED,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;YACpE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,UAAU,EAAE,CAAC;YAElB,OAAO,gBAAgB,CAAC;QAC1B,CAAC;KAAA;IAEqB,gBAAgB;;YACpC,OAAO,IAAI,CAAC;QACd,CAAC;KAAA;CACF;AApDD,wCAoDC"}

package/out/WindowManager/WindowManager.d.ts

@@ -2,12 +2,10 @@ import { CrossWindowProviderRequestEnums, CrossWindowProviderResponseEnums } fro
 import { PostMessageParamsType, PostMessageReturnType, ReplyWithPostMessagePayloadType } from '@multiversx/sdk-dapp-utils/out/types/crossWindowProviderTypes';
 export declare class WindowManager {
     private _walletUrl;
-    private initialized;
-    private static _instance;
+    protected initialized: boolean;
     walletWindow: Window | null;
     constructor();
     get walletUrl(): string;
-    static getInstance(): WindowManager;
     setWalletUrl(url: string): WindowManager;
     init(): Promise<boolean>;
     isWalletOpened(type?: CrossWindowProviderRequestEnums): boolean;
@@ -20,4 +18,6 @@ export declare class WindowManager {
     closeConnection(): Promise<boolean>;
     isInitialized(): boolean;
     postMessage<T extends CrossWindowProviderRequestEnums>({ type, payload }: PostMessageParamsType<T>): Promise<PostMessageReturnType<T>>;
+    closeWalletWindow(): void;
+    setWalletWindow(): Promise<void>;
 }