@dynamic-labs-wallet/browser-wallet-client 0.0.117 → 0.0.119

package/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var uuid = require('uuid');
 var core = require('@dynamic-labs-wallet/core');
+var uuid = require('uuid');
 var messageTransport = require('@dynamic-labs/message-transport');
 var logger$1 = require('@dynamic-labs/logger');
 
@@ -116,7 +116,7 @@ const setupMessageTransportBridge = (messageTransport$1, iframe, iframeOrigin)=>
    */ window.addEventListener('message', handleIncomingMessage);
 };
 
-class DynamicWalletClient {
+class IframeManager {
     // Simply load the iframe from localhost
     async initialize() {
         await this.doInitializeIframeCommunication();
@@ -125,10 +125,10 @@ class DynamicWalletClient {
    * this is called on class construction time
    * @returns {Promise<void>} that resolves when the iframe is loaded and the message transport and iframe storage are initialized
    */ initializeIframeCommunication() {
-        if (!DynamicWalletClient.iframeLoadPromise) {
-            DynamicWalletClient.iframeLoadPromise = this.doInitializeIframeCommunication();
-        }
-        return DynamicWalletClient.iframeLoadPromise;
+        var _IframeManager;
+        var _iframeLoadPromise;
+        (_iframeLoadPromise = (_IframeManager = IframeManager).iframeLoadPromise) != null ? _iframeLoadPromise : _IframeManager.iframeLoadPromise = this.doInitializeIframeCommunication();
+        return IframeManager.iframeLoadPromise;
     }
     /**
    * initialize the iframe communication by awaiting the iframe load promise
@@ -177,111 +177,124 @@ class DynamicWalletClient {
     /**
    * Reset the shared iframe and iframe load promise, and iframe instance count
    */ async resetSharedIframe() {
-        DynamicWalletClient.sharedIframe = null;
-        DynamicWalletClient.iframeInstanceCount = 0;
-        DynamicWalletClient.iframeLoadPromise = null;
+        IframeManager.sharedIframe = null;
+        IframeManager.iframeInstanceCount = 0;
+        IframeManager.iframeLoadPromise = null;
         this.iframe = null;
         this.iframeMessageHandler = null;
         this.messageTransport = null;
         // Double the timeout and cap at 60 seconds to give more time for slow networks
-        this.iframeLoadTimeout = Math.min(this.iframeLoadTimeout * 2, 60000);
+        IframeManager.iframeLoadTimeout = Math.min(IframeManager.iframeLoadTimeout * 2, 60000);
     }
     async loadIframe() {
         // If the iframe is already loaded, just assign and resolve
-        if (DynamicWalletClient.sharedIframe) {
-            this.iframe = DynamicWalletClient.sharedIframe;
-            DynamicWalletClient.iframeInstanceCount++;
+        if (IframeManager.sharedIframe) {
+            this.assignExistingIframe();
             return Promise.resolve();
         }
         // If a load is in progress, wait for it, then assign
-        if (DynamicWalletClient.iframeLoadPromise) {
-            return DynamicWalletClient.iframeLoadPromise.then(()=>{
-                this.iframe = DynamicWalletClient.sharedIframe;
-                DynamicWalletClient.iframeInstanceCount++;
+        if (IframeManager.iframeLoadPromise) {
+            return IframeManager.iframeLoadPromise.then(()=>{
+                this.assignExistingIframe();
             });
         }
-        DynamicWalletClient.iframeLoadPromise = new Promise((resolve, reject)=>{
-            var _this_sdkVersion;
-            this.logger.info(`Loading iframe for waas wallet client...`, {
-                iframeDomain: this.iframeDomain,
-                environmentId: this.environmentId,
-                sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
-                instanceId: this.instanceId,
-                chainName: this.chainName
-            });
+        IframeManager.iframeLoadPromise = this.createIframeLoadPromise();
+        return IframeManager.iframeLoadPromise;
+    }
+    assignExistingIframe() {
+        this.iframe = IframeManager.sharedIframe;
+        IframeManager.iframeInstanceCount++;
+    }
+    createIframeLoadPromise() {
+        return new Promise((resolve, reject)=>{
+            this.logger.info('Loading iframe for waas wallet client...', this.getIframeContext());
             const iframe = document.createElement('iframe');
             let messageListener = null;
-            var _this_sdkVersion1;
-            const context = {
-                iframeDomain: this.iframeDomain,
-                environmentId: this.environmentId,
-                sdkVersion: (_this_sdkVersion1 = this.sdkVersion) != null ? _this_sdkVersion1 : '',
-                instanceId: this.instanceId,
-                chainName: this.chainName,
-                iframeLoadTimeout: this.iframeLoadTimeout
-            };
-            const iframeTimeoutId = setTimeout(()=>{
-                if (messageListener) {
-                    window.removeEventListener('message', messageListener);
-                }
-                this.resetSharedIframe();
-                this.logger.error(`(loadIframe) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`);
-                reject(new Error(`(loadIframe) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`));
-            }, this.iframeLoadTimeout);
-            // Set up message listener BEFORE creating iframe
-            messageListener = (event)=>{
-                if (event.source === iframe.contentWindow && event.data === `iframe-ready-${this.instanceId}`) {
-                    if (messageListener) {
-                        window.removeEventListener('message', messageListener);
-                    }
-                    clearTimeout(iframeTimeoutId);
-                    DynamicWalletClient.sharedIframe = iframe;
-                    this.iframe = iframe;
-                    DynamicWalletClient.iframeInstanceCount++;
-                    resolve();
-                    this.logger.info('Iframe loaded successfully...', context);
-                }
-            };
+            const iframeTimeoutId = this.setupIframeTimeout(messageListener, reject);
+            messageListener = this.createMessageListener(iframe, iframeTimeoutId, resolve);
             window.addEventListener('message', messageListener);
-            // Configure iframe
-            iframe.style.display = 'none';
-            iframe.setAttribute('title', 'Dynamic Wallet Iframe');
-            iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-downloads');
-            iframe.setAttribute('referrerpolicy', 'origin');
-            iframe.style.position = 'fixed';
-            iframe.style.top = '0';
-            iframe.style.left = '0';
-            iframe.style.width = '0';
-            iframe.style.height = '0';
-            iframe.style.border = 'none';
-            iframe.style.pointerEvents = 'none';
-            var _this_instanceId, _this_sdkVersion2;
-            const params = new URLSearchParams({
-                instanceId: (_this_instanceId = this.instanceId) != null ? _this_instanceId : '',
-                hostOrigin: window.location.origin,
-                environmentId: this.environmentId,
-                baseApiUrl: this.baseApiUrl,
-                baseMPCRelayApiUrl: this.baseMPCRelayApiUrl,
-                sdkVersion: (_this_sdkVersion2 = this.sdkVersion) != null ? _this_sdkVersion2 : ''
-            });
-            iframe.src = `${this.iframeDomain}/waas-v1/${this.environmentId}?${params.toString()}`;
+            this.configureIframe(iframe);
+            this.setIframeSource(iframe);
             this.logger.debug('Creating iframe with src:', iframe.src);
             document.body.appendChild(iframe);
-            iframe.onload = ()=>{
-                // The message listener is already set up, so iframe can send ready message
-                this.logger.debug('Iframe onload fired, waiting for ready message...');
-            };
-            iframe.onerror = (error)=>{
-                if (messageListener) {
-                    window.removeEventListener('message', messageListener);
-                }
+            this.setupIframeEventHandlers(iframe, messageListener, iframeTimeoutId, reject);
+        });
+    }
+    getIframeContext() {
+        var _this_sdkVersion;
+        return {
+            iframeDomain: this.iframeDomain,
+            environmentId: this.environmentId,
+            sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
+            instanceId: this.instanceId,
+            chainName: this.chainName,
+            iframeLoadTimeout: IframeManager.iframeLoadTimeout
+        };
+    }
+    setupIframeTimeout(messageListener, reject) {
+        return setTimeout(()=>{
+            if (messageListener) {
+                window.removeEventListener('message', messageListener);
+            }
+            this.resetSharedIframe();
+            const context = this.getIframeContext();
+            const errorMessage = `(loadIframe) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`;
+            this.logger.error(errorMessage);
+            reject(new Error(errorMessage));
+        }, IframeManager.iframeLoadTimeout);
+    }
+    createMessageListener(iframe, iframeTimeoutId, resolve) {
+        const messageListener = (event)=>{
+            if (event.source === iframe.contentWindow && event.data === `iframe-ready-${this.instanceId}`) {
+                window.removeEventListener('message', messageListener);
                 clearTimeout(iframeTimeoutId);
-                this.logger.error('Iframe failed to load due to errors: ', error);
-                this.resetSharedIframe();
-                reject(new Error('Failed to load iframe...'));
-            };
+                IframeManager.sharedIframe = iframe;
+                this.iframe = iframe;
+                IframeManager.iframeInstanceCount++;
+                resolve();
+                this.logger.info('Iframe loaded successfully...', this.getIframeContext());
+            }
+        };
+        return messageListener;
+    }
+    configureIframe(iframe) {
+        iframe.style.display = 'none';
+        iframe.setAttribute('title', 'Dynamic Wallet Iframe');
+        iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-downloads');
+        iframe.setAttribute('referrerpolicy', 'origin');
+        iframe.style.position = 'fixed';
+        iframe.style.top = '0';
+        iframe.style.left = '0';
+        iframe.style.width = '0';
+        iframe.style.height = '0';
+        iframe.style.border = 'none';
+        iframe.style.pointerEvents = 'none';
+    }
+    setIframeSource(iframe) {
+        var _this_instanceId, _this_sdkVersion;
+        const params = new URLSearchParams({
+            instanceId: (_this_instanceId = this.instanceId) != null ? _this_instanceId : '',
+            hostOrigin: window.location.origin,
+            environmentId: this.environmentId,
+            baseApiUrl: this.baseApiUrl,
+            baseMPCRelayApiUrl: this.baseMPCRelayApiUrl,
+            sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : ''
         });
-        return DynamicWalletClient.iframeLoadPromise;
+        iframe.src = `${this.iframeDomain}/waas-v1/${this.environmentId}?${params.toString()}`;
+    }
+    setupIframeEventHandlers(iframe, messageListener, iframeTimeoutId, reject) {
+        iframe.onload = ()=>{
+            this.logger.debug('Iframe onload fired, waiting for ready message...');
+        };
+        iframe.onerror = (error)=>{
+            if (messageListener) {
+                window.removeEventListener('message', messageListener);
+            }
+            clearTimeout(iframeTimeoutId);
+            this.logger.error('Iframe failed to load due to errors: ', error);
+            this.resetSharedIframe();
+            reject(new Error('Failed to load iframe...'));
+        };
     }
     /**
    * Load an iframe for a specific container
@@ -296,7 +309,7 @@ class DynamicWalletClient {
                 sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
                 instanceId: this.instanceId,
                 chainName: this.chainName,
-                iframeLoadTimeout: this.iframeLoadTimeout
+                iframeLoadTimeout: IframeManager.iframeLoadTimeout
             };
             this.logger.info(`Loading iframe for container...`, context);
             const iframe = document.createElement('iframe');
@@ -307,7 +320,7 @@ class DynamicWalletClient {
                 }
                 this.logger.error(`(loadIframeForContainer) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`);
                 reject(new Error(`(loadIframeForContainer) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`));
-            }, this.iframeLoadTimeout);
+            }, IframeManager.iframeLoadTimeout);
             iframe.style.display = 'block';
             iframe.style.width = '100%';
             iframe.style.height = '100%';
@@ -346,9 +359,9 @@ class DynamicWalletClient {
                         window.removeEventListener('message', messageListener);
                     }
                     clearTimeout(iframeTimeoutId);
-                    DynamicWalletClient.sharedIframe = iframe;
+                    IframeManager.sharedIframe = iframe;
                     this.iframe = iframe;
-                    DynamicWalletClient.iframeInstanceCount++;
+                    IframeManager.iframeInstanceCount++;
                     resolve(iframe);
                     var _this_sdkVersion;
                     this.logger.info('Iframe loaded successfully...', {
@@ -394,6 +407,49 @@ class DynamicWalletClient {
             throw error;
         }
     }
+    async cleanup() {
+        await this.initializeMessageTransport();
+        if (!this.iframeMessageHandler) {
+            throw new Error('Iframe message handler not initialized');
+        }
+        await this.iframeMessageHandler.cleanup();
+        if (this.iframe) {
+            IframeManager.iframeInstanceCount--;
+            if (IframeManager.sharedIframe && IframeManager.iframeInstanceCount === 0) {
+                document.body.removeChild(IframeManager.sharedIframe);
+                IframeManager.sharedIframe = null;
+                IframeManager.iframeLoadPromise = null;
+            }
+            this.iframe = null;
+        }
+    }
+    constructor({ environmentId, authToken, baseApiUrl, baseMPCRelayApiUrl, chainName, sdkVersion, debug }){
+        this.logger = logger;
+        this.instanceId = null;
+        this.iframeDomain = null;
+        this.messageTransport = null;
+        this.iframeMessageHandler = null;
+        this.iframe = null;
+        this.environmentId = environmentId;
+        this.authToken = authToken;
+        this.baseApiUrl = baseApiUrl;
+        this.baseMPCRelayApiUrl = baseMPCRelayApiUrl;
+        this.chainName = chainName;
+        this.sdkVersion = sdkVersion;
+        const environment = core.getEnvironmentFromUrl(baseApiUrl);
+        this.iframeDomain = core.IFRAME_DOMAIN_MAP[environment];
+        // Generate unique instanceId when client is created
+        this.instanceId = uuid.v4();
+        this.debug = Boolean(debug);
+        this.logger.setLogLevel(this.debug ? 'DEBUG' : 'INFO');
+    }
+}
+IframeManager.iframeLoadPromise = null;
+IframeManager.iframeLoadTimeout = 10000;
+IframeManager.sharedIframe = null;
+IframeManager.iframeInstanceCount = 0;
+
+class DynamicWalletClient extends IframeManager {
     async getWallets() {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
@@ -663,49 +719,18 @@ class DynamicWalletClient {
             base64Args
         });
     }
-    async cleanup() {
-        await this.initializeMessageTransport();
-        if (!this.iframeMessageHandler) {
-            throw new Error('Iframe message handler not initialized');
-        }
-        await this.iframeMessageHandler.cleanup();
-        if (this.iframe) {
-            DynamicWalletClient.iframeInstanceCount--;
-            if (DynamicWalletClient.sharedIframe && DynamicWalletClient.iframeInstanceCount === 0) {
-                document.body.removeChild(DynamicWalletClient.sharedIframe);
-                DynamicWalletClient.sharedIframe = null;
-                DynamicWalletClient.iframeLoadPromise = null;
-            }
-            this.iframe = null;
-        }
-    }
     constructor({ environmentId, authToken, baseApiUrl, baseMPCRelayApiUrl, chainName, sdkVersion, debug }){
-        this.logger = logger;
-        this.instanceId = null;
-        this.iframeDomain = null;
-        this.messageTransport = null;
-        this.iframeMessageHandler = null;
-        this.iframe = null;
-        this.iframeLoadTimeout = 10000;
-        this.environmentId = environmentId;
-        this.authToken = authToken;
-        this.baseApiUrl = baseApiUrl;
-        this.baseMPCRelayApiUrl = baseMPCRelayApiUrl;
-        this.chainName = chainName;
-        this.sdkVersion = sdkVersion;
-        const environment = core.getEnvironmentFromUrl(baseApiUrl);
-        this.iframeDomain = core.IFRAME_DOMAIN_MAP[environment];
-        // Generate unique instanceId when client is created
-        this.instanceId = uuid.v4();
-        this.debug = Boolean(debug);
-        this.logger.setLogLevel(this.debug ? 'DEBUG' : 'INFO');
-        // initialize the client
-        this.initialize();
+        super({
+            environmentId,
+            authToken,
+            baseApiUrl,
+            baseMPCRelayApiUrl,
+            chainName,
+            sdkVersion,
+            debug
+        });
     }
 }
-DynamicWalletClient.iframeLoadPromise = null;
-DynamicWalletClient.sharedIframe = null;
-DynamicWalletClient.iframeInstanceCount = 0;
 
 Object.defineProperty(exports, "MPC_RELAY_PREPROD_API_URL", {
   enumerable: true,

package/index.esm.js

@@ -1,6 +1,6 @@
-import { v4 } from 'uuid';
-import { WalletOperation, getEnvironmentFromUrl, IFRAME_DOMAIN_MAP } from '@dynamic-labs-wallet/core';
+import { getEnvironmentFromUrl, IFRAME_DOMAIN_MAP, WalletOperation } from '@dynamic-labs-wallet/core';
 export { MPC_RELAY_PREPROD_API_URL, MPC_RELAY_PROD_API_URL, ThresholdSignatureScheme, WalletOperation } from '@dynamic-labs-wallet/core';
+import { v4 } from 'uuid';
 import { createRequestChannel, parseMessageTransportData, applyDefaultMessageOrigin, createMessageTransport } from '@dynamic-labs/message-transport';
 import { Logger } from '@dynamic-labs/logger';
 
@@ -115,7 +115,7 @@ const setupMessageTransportBridge = (messageTransport, iframe, iframeOrigin)=>{
    */ window.addEventListener('message', handleIncomingMessage);
 };
 
-class DynamicWalletClient {
+class IframeManager {
     // Simply load the iframe from localhost
     async initialize() {
         await this.doInitializeIframeCommunication();
@@ -124,10 +124,10 @@ class DynamicWalletClient {
    * this is called on class construction time
    * @returns {Promise<void>} that resolves when the iframe is loaded and the message transport and iframe storage are initialized
    */ initializeIframeCommunication() {
-        if (!DynamicWalletClient.iframeLoadPromise) {
-            DynamicWalletClient.iframeLoadPromise = this.doInitializeIframeCommunication();
-        }
-        return DynamicWalletClient.iframeLoadPromise;
+        var _IframeManager;
+        var _iframeLoadPromise;
+        (_iframeLoadPromise = (_IframeManager = IframeManager).iframeLoadPromise) != null ? _iframeLoadPromise : _IframeManager.iframeLoadPromise = this.doInitializeIframeCommunication();
+        return IframeManager.iframeLoadPromise;
     }
     /**
    * initialize the iframe communication by awaiting the iframe load promise
@@ -176,111 +176,124 @@ class DynamicWalletClient {
     /**
    * Reset the shared iframe and iframe load promise, and iframe instance count
    */ async resetSharedIframe() {
-        DynamicWalletClient.sharedIframe = null;
-        DynamicWalletClient.iframeInstanceCount = 0;
-        DynamicWalletClient.iframeLoadPromise = null;
+        IframeManager.sharedIframe = null;
+        IframeManager.iframeInstanceCount = 0;
+        IframeManager.iframeLoadPromise = null;
         this.iframe = null;
         this.iframeMessageHandler = null;
         this.messageTransport = null;
         // Double the timeout and cap at 60 seconds to give more time for slow networks
-        this.iframeLoadTimeout = Math.min(this.iframeLoadTimeout * 2, 60000);
+        IframeManager.iframeLoadTimeout = Math.min(IframeManager.iframeLoadTimeout * 2, 60000);
     }
     async loadIframe() {
         // If the iframe is already loaded, just assign and resolve
-        if (DynamicWalletClient.sharedIframe) {
-            this.iframe = DynamicWalletClient.sharedIframe;
-            DynamicWalletClient.iframeInstanceCount++;
+        if (IframeManager.sharedIframe) {
+            this.assignExistingIframe();
             return Promise.resolve();
         }
         // If a load is in progress, wait for it, then assign
-        if (DynamicWalletClient.iframeLoadPromise) {
-            return DynamicWalletClient.iframeLoadPromise.then(()=>{
-                this.iframe = DynamicWalletClient.sharedIframe;
-                DynamicWalletClient.iframeInstanceCount++;
+        if (IframeManager.iframeLoadPromise) {
+            return IframeManager.iframeLoadPromise.then(()=>{
+                this.assignExistingIframe();
             });
         }
-        DynamicWalletClient.iframeLoadPromise = new Promise((resolve, reject)=>{
-            var _this_sdkVersion;
-            this.logger.info(`Loading iframe for waas wallet client...`, {
-                iframeDomain: this.iframeDomain,
-                environmentId: this.environmentId,
-                sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
-                instanceId: this.instanceId,
-                chainName: this.chainName
-            });
+        IframeManager.iframeLoadPromise = this.createIframeLoadPromise();
+        return IframeManager.iframeLoadPromise;
+    }
+    assignExistingIframe() {
+        this.iframe = IframeManager.sharedIframe;
+        IframeManager.iframeInstanceCount++;
+    }
+    createIframeLoadPromise() {
+        return new Promise((resolve, reject)=>{
+            this.logger.info('Loading iframe for waas wallet client...', this.getIframeContext());
             const iframe = document.createElement('iframe');
             let messageListener = null;
-            var _this_sdkVersion1;
-            const context = {
-                iframeDomain: this.iframeDomain,
-                environmentId: this.environmentId,
-                sdkVersion: (_this_sdkVersion1 = this.sdkVersion) != null ? _this_sdkVersion1 : '',
-                instanceId: this.instanceId,
-                chainName: this.chainName,
-                iframeLoadTimeout: this.iframeLoadTimeout
-            };
-            const iframeTimeoutId = setTimeout(()=>{
-                if (messageListener) {
-                    window.removeEventListener('message', messageListener);
-                }
-                this.resetSharedIframe();
-                this.logger.error(`(loadIframe) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`);
-                reject(new Error(`(loadIframe) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`));
-            }, this.iframeLoadTimeout);
-            // Set up message listener BEFORE creating iframe
-            messageListener = (event)=>{
-                if (event.source === iframe.contentWindow && event.data === `iframe-ready-${this.instanceId}`) {
-                    if (messageListener) {
-                        window.removeEventListener('message', messageListener);
-                    }
-                    clearTimeout(iframeTimeoutId);
-                    DynamicWalletClient.sharedIframe = iframe;
-                    this.iframe = iframe;
-                    DynamicWalletClient.iframeInstanceCount++;
-                    resolve();
-                    this.logger.info('Iframe loaded successfully...', context);
-                }
-            };
+            const iframeTimeoutId = this.setupIframeTimeout(messageListener, reject);
+            messageListener = this.createMessageListener(iframe, iframeTimeoutId, resolve);
             window.addEventListener('message', messageListener);
-            // Configure iframe
-            iframe.style.display = 'none';
-            iframe.setAttribute('title', 'Dynamic Wallet Iframe');
-            iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-downloads');
-            iframe.setAttribute('referrerpolicy', 'origin');
-            iframe.style.position = 'fixed';
-            iframe.style.top = '0';
-            iframe.style.left = '0';
-            iframe.style.width = '0';
-            iframe.style.height = '0';
-            iframe.style.border = 'none';
-            iframe.style.pointerEvents = 'none';
-            var _this_instanceId, _this_sdkVersion2;
-            const params = new URLSearchParams({
-                instanceId: (_this_instanceId = this.instanceId) != null ? _this_instanceId : '',
-                hostOrigin: window.location.origin,
-                environmentId: this.environmentId,
-                baseApiUrl: this.baseApiUrl,
-                baseMPCRelayApiUrl: this.baseMPCRelayApiUrl,
-                sdkVersion: (_this_sdkVersion2 = this.sdkVersion) != null ? _this_sdkVersion2 : ''
-            });
-            iframe.src = `${this.iframeDomain}/waas-v1/${this.environmentId}?${params.toString()}`;
+            this.configureIframe(iframe);
+            this.setIframeSource(iframe);
             this.logger.debug('Creating iframe with src:', iframe.src);
             document.body.appendChild(iframe);
-            iframe.onload = ()=>{
-                // The message listener is already set up, so iframe can send ready message
-                this.logger.debug('Iframe onload fired, waiting for ready message...');
-            };
-            iframe.onerror = (error)=>{
-                if (messageListener) {
-                    window.removeEventListener('message', messageListener);
-                }
+            this.setupIframeEventHandlers(iframe, messageListener, iframeTimeoutId, reject);
+        });
+    }
+    getIframeContext() {
+        var _this_sdkVersion;
+        return {
+            iframeDomain: this.iframeDomain,
+            environmentId: this.environmentId,
+            sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
+            instanceId: this.instanceId,
+            chainName: this.chainName,
+            iframeLoadTimeout: IframeManager.iframeLoadTimeout
+        };
+    }
+    setupIframeTimeout(messageListener, reject) {
+        return setTimeout(()=>{
+            if (messageListener) {
+                window.removeEventListener('message', messageListener);
+            }
+            this.resetSharedIframe();
+            const context = this.getIframeContext();
+            const errorMessage = `(loadIframe) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`;
+            this.logger.error(errorMessage);
+            reject(new Error(errorMessage));
+        }, IframeManager.iframeLoadTimeout);
+    }
+    createMessageListener(iframe, iframeTimeoutId, resolve) {
+        const messageListener = (event)=>{
+            if (event.source === iframe.contentWindow && event.data === `iframe-ready-${this.instanceId}`) {
+                window.removeEventListener('message', messageListener);
                 clearTimeout(iframeTimeoutId);
-                this.logger.error('Iframe failed to load due to errors: ', error);
-                this.resetSharedIframe();
-                reject(new Error('Failed to load iframe...'));
-            };
+                IframeManager.sharedIframe = iframe;
+                this.iframe = iframe;
+                IframeManager.iframeInstanceCount++;
+                resolve();
+                this.logger.info('Iframe loaded successfully...', this.getIframeContext());
+            }
+        };
+        return messageListener;
+    }
+    configureIframe(iframe) {
+        iframe.style.display = 'none';
+        iframe.setAttribute('title', 'Dynamic Wallet Iframe');
+        iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-downloads');
+        iframe.setAttribute('referrerpolicy', 'origin');
+        iframe.style.position = 'fixed';
+        iframe.style.top = '0';
+        iframe.style.left = '0';
+        iframe.style.width = '0';
+        iframe.style.height = '0';
+        iframe.style.border = 'none';
+        iframe.style.pointerEvents = 'none';
+    }
+    setIframeSource(iframe) {
+        var _this_instanceId, _this_sdkVersion;
+        const params = new URLSearchParams({
+            instanceId: (_this_instanceId = this.instanceId) != null ? _this_instanceId : '',
+            hostOrigin: window.location.origin,
+            environmentId: this.environmentId,
+            baseApiUrl: this.baseApiUrl,
+            baseMPCRelayApiUrl: this.baseMPCRelayApiUrl,
+            sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : ''
         });
-        return DynamicWalletClient.iframeLoadPromise;
+        iframe.src = `${this.iframeDomain}/waas-v1/${this.environmentId}?${params.toString()}`;
+    }
+    setupIframeEventHandlers(iframe, messageListener, iframeTimeoutId, reject) {
+        iframe.onload = ()=>{
+            this.logger.debug('Iframe onload fired, waiting for ready message...');
+        };
+        iframe.onerror = (error)=>{
+            if (messageListener) {
+                window.removeEventListener('message', messageListener);
+            }
+            clearTimeout(iframeTimeoutId);
+            this.logger.error('Iframe failed to load due to errors: ', error);
+            this.resetSharedIframe();
+            reject(new Error('Failed to load iframe...'));
+        };
     }
     /**
    * Load an iframe for a specific container
@@ -295,7 +308,7 @@ class DynamicWalletClient {
                 sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
                 instanceId: this.instanceId,
                 chainName: this.chainName,
-                iframeLoadTimeout: this.iframeLoadTimeout
+                iframeLoadTimeout: IframeManager.iframeLoadTimeout
             };
             this.logger.info(`Loading iframe for container...`, context);
             const iframe = document.createElement('iframe');
@@ -306,7 +319,7 @@ class DynamicWalletClient {
                 }
                 this.logger.error(`(loadIframeForContainer) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`);
                 reject(new Error(`(loadIframeForContainer) Iframe load timeout due to no handshake message from iframe, this could be network issues, incorrect iframe domain, or CORS errors that prevents iframe from being loaded or sending handshake message, context: ${JSON.stringify(context)}`));
-            }, this.iframeLoadTimeout);
+            }, IframeManager.iframeLoadTimeout);
             iframe.style.display = 'block';
             iframe.style.width = '100%';
             iframe.style.height = '100%';
@@ -345,9 +358,9 @@ class DynamicWalletClient {
                         window.removeEventListener('message', messageListener);
                     }
                     clearTimeout(iframeTimeoutId);
-                    DynamicWalletClient.sharedIframe = iframe;
+                    IframeManager.sharedIframe = iframe;
                     this.iframe = iframe;
-                    DynamicWalletClient.iframeInstanceCount++;
+                    IframeManager.iframeInstanceCount++;
                     resolve(iframe);
                     var _this_sdkVersion;
                     this.logger.info('Iframe loaded successfully...', {
@@ -393,6 +406,49 @@ class DynamicWalletClient {
             throw error;
         }
     }
+    async cleanup() {
+        await this.initializeMessageTransport();
+        if (!this.iframeMessageHandler) {
+            throw new Error('Iframe message handler not initialized');
+        }
+        await this.iframeMessageHandler.cleanup();
+        if (this.iframe) {
+            IframeManager.iframeInstanceCount--;
+            if (IframeManager.sharedIframe && IframeManager.iframeInstanceCount === 0) {
+                document.body.removeChild(IframeManager.sharedIframe);
+                IframeManager.sharedIframe = null;
+                IframeManager.iframeLoadPromise = null;
+            }
+            this.iframe = null;
+        }
+    }
+    constructor({ environmentId, authToken, baseApiUrl, baseMPCRelayApiUrl, chainName, sdkVersion, debug }){
+        this.logger = logger;
+        this.instanceId = null;
+        this.iframeDomain = null;
+        this.messageTransport = null;
+        this.iframeMessageHandler = null;
+        this.iframe = null;
+        this.environmentId = environmentId;
+        this.authToken = authToken;
+        this.baseApiUrl = baseApiUrl;
+        this.baseMPCRelayApiUrl = baseMPCRelayApiUrl;
+        this.chainName = chainName;
+        this.sdkVersion = sdkVersion;
+        const environment = getEnvironmentFromUrl(baseApiUrl);
+        this.iframeDomain = IFRAME_DOMAIN_MAP[environment];
+        // Generate unique instanceId when client is created
+        this.instanceId = v4();
+        this.debug = Boolean(debug);
+        this.logger.setLogLevel(this.debug ? 'DEBUG' : 'INFO');
+    }
+}
+IframeManager.iframeLoadPromise = null;
+IframeManager.iframeLoadTimeout = 10000;
+IframeManager.sharedIframe = null;
+IframeManager.iframeInstanceCount = 0;
+
+class DynamicWalletClient extends IframeManager {
     async getWallets() {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
@@ -662,48 +718,17 @@ class DynamicWalletClient {
             base64Args
         });
     }
-    async cleanup() {
-        await this.initializeMessageTransport();
-        if (!this.iframeMessageHandler) {
-            throw new Error('Iframe message handler not initialized');
-        }
-        await this.iframeMessageHandler.cleanup();
-        if (this.iframe) {
-            DynamicWalletClient.iframeInstanceCount--;
-            if (DynamicWalletClient.sharedIframe && DynamicWalletClient.iframeInstanceCount === 0) {
-                document.body.removeChild(DynamicWalletClient.sharedIframe);
-                DynamicWalletClient.sharedIframe = null;
-                DynamicWalletClient.iframeLoadPromise = null;
-            }
-            this.iframe = null;
-        }
-    }
     constructor({ environmentId, authToken, baseApiUrl, baseMPCRelayApiUrl, chainName, sdkVersion, debug }){
-        this.logger = logger;
-        this.instanceId = null;
-        this.iframeDomain = null;
-        this.messageTransport = null;
-        this.iframeMessageHandler = null;
-        this.iframe = null;
-        this.iframeLoadTimeout = 10000;
-        this.environmentId = environmentId;
-        this.authToken = authToken;
-        this.baseApiUrl = baseApiUrl;
-        this.baseMPCRelayApiUrl = baseMPCRelayApiUrl;
-        this.chainName = chainName;
-        this.sdkVersion = sdkVersion;
-        const environment = getEnvironmentFromUrl(baseApiUrl);
-        this.iframeDomain = IFRAME_DOMAIN_MAP[environment];
-        // Generate unique instanceId when client is created
-        this.instanceId = v4();
-        this.debug = Boolean(debug);
-        this.logger.setLogLevel(this.debug ? 'DEBUG' : 'INFO');
-        // initialize the client
-        this.initialize();
+        super({
+            environmentId,
+            authToken,
+            baseApiUrl,
+            baseMPCRelayApiUrl,
+            chainName,
+            sdkVersion,
+            debug
+        });
     }
 }
-DynamicWalletClient.iframeLoadPromise = null;
-DynamicWalletClient.sharedIframe = null;
-DynamicWalletClient.iframeInstanceCount = 0;
 
 export { DynamicWalletClient };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dynamic-labs-wallet/browser-wallet-client",
-  "version": "0.0.117",
+  "version": "0.0.119",
   "license": "MIT",
   "type": "module",
   "dependencies": {
-    "@dynamic-labs-wallet/core": "0.0.117",
+    "@dynamic-labs-wallet/core": "0.0.119",
     "@dynamic-labs/logger": "^4.9.9",
     "@dynamic-labs/message-transport": "^4.9.9",
     "uuid": "11.1.0"

package/src/client/client.d.ts

@@ -1,25 +1,7 @@
 import type { BackupKeySharesToGoogleDriveRequest, CreateWalletAccountRequest, CreateWalletAccountResponse, ExportClientKeysharesRequest, GetWalletResponse, ImportPrivateKeyRequest, IsPasswordEncryptedRequest, OfflineExportPrivateKeyResponse, RefreshWalletAccountSharesRequest, RequiresPasswordForOperationRequest, ReshareRequest, SignMessageRequest, SignRawMessageRequest, SignTransactionRequest, SignTypedDataRequest, UpdatePasswordRequest, VerifyPasswordRequest } from '@dynamic-labs-wallet/core';
 import { WalletOperation } from '@dynamic-labs-wallet/core';
-import { type MessageTransportWithDefaultOrigin } from '@dynamic-labs/message-transport';
-import { iframeMessageHandler } from '../services/iframeMessageHandler';
-export declare class DynamicWalletClient {
-    protected chainName: string;
-    protected logger: import("@dynamic-labs/logger").Logger;
-    instanceId: string | null;
-    iframeDomain: string | null;
-    environmentId: string;
-    private authToken;
-    baseApiUrl: string;
-    baseMPCRelayApiUrl: string;
-    protected messageTransport: MessageTransportWithDefaultOrigin | null;
-    protected iframeMessageHandler: iframeMessageHandler | null;
-    private static iframeLoadPromise;
-    protected iframe: HTMLIFrameElement | null;
-    private debug;
-    iframeLoadTimeout: number;
-    private static sharedIframe;
-    private static iframeInstanceCount;
-    sdkVersion: string | undefined;
+import { IframeManager } from './iframeManager';
+export declare class DynamicWalletClient extends IframeManager {
     constructor({ environmentId, authToken, baseApiUrl, baseMPCRelayApiUrl, chainName, sdkVersion, debug, }: {
         environmentId: string;
         authToken: string;
@@ -29,52 +11,6 @@ export declare class DynamicWalletClient {
         sdkVersion?: string;
         debug?: boolean;
     });
-    initialize(): Promise<void>;
-    /**
-     * this is called on class construction time
-     * @returns {Promise<void>} that resolves when the iframe is loaded and the message transport and iframe storage are initialized
-     */
-    initializeIframeCommunication(): Promise<void>;
-    /**
-     * initialize the iframe communication by awaiting the iframe load promise
-     * and initializing the message transport and iframe storage after iframe is successfully loaded
-     */
-    private doInitializeIframeCommunication;
-    /**
-     * initialize the message transport after iframe is successfully loaded
-     */
-    private initializeMessageTransport;
-    /**
-     * securely exchange the auth token with iframe securely
-     */
-    private initAuthToken;
-    /**
-     * Reset the shared iframe and iframe load promise, and iframe instance count
-     */
-    private resetSharedIframe;
-    private loadIframe;
-    /**
-     * Load an iframe for a specific container
-     * @param {HTMLElement} container - The container to which the iframe will be attached
-     * @returns {Promise<HTMLIFrameElement>} that resolves when the iframe is loaded
-     */
-    private loadIframeForContainer;
-    /**
-     * Initializes the iframe display for a specific container.
-     *
-     * @param {HTMLElement} container - The container to which the iframe will be attached.
-     * @returns:
-     *   iframe: HTMLIFrameElement;
-     *   iframeDisplay: IframeDisplayChannelAdapter;
-     *   cleanup: () => void;
-     */
-    initializeIframeDisplayForContainer({ container, }: {
-        container: HTMLElement;
-    }): Promise<{
-        iframe: HTMLIFrameElement;
-        iframeDisplay: iframeMessageHandler;
-        cleanup: () => void;
-    }>;
     getWallets(): Promise<GetWalletResponse[]>;
     getWallet({ accountAddress, walletOperation, signedSessionId, authToken, }: {
         accountAddress: string;
@@ -128,6 +64,5 @@ export declare class DynamicWalletClient {
         keyShares: string[];
         derivationPath?: string;
     }): Promise<OfflineExportPrivateKeyResponse>;
-    cleanup(): Promise<void>;
 }
 //# sourceMappingURL=client.d.ts.map

package/src/client/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/client/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mCAAmC,EACnC,0BAA0B,EAC1B,2BAA2B,EAC3B,4BAA4B,EAC5B,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,mCAAmC,EACnC,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAGL,eAAe,EAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAGL,KAAK,iCAAiC,EACvC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAIxE,qBAAa,mBAAmB;IAC9B,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,MAAM,wCAAU;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnC,aAAa,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,SAAS,CAAS;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,gBAAgB,EAAE,iCAAiC,GAAG,IAAI,CAAQ;IAC5E,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACnE,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAA8B;IAC9D,SAAS,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAClD,OAAO,CAAC,KAAK,CAAU;IAChB,iBAAiB,SAAS;IAEjC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAkC;IAC7D,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAK;IAChC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;gBAE1B,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE;QACD,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB;IAsBK,UAAU;IAIhB;;;OAGG;IACH,6BAA6B,IAAI,OAAO,CAAC,IAAI,CAAC;IAS9C;;;OAGG;YACW,+BAA+B;IAS7C;;OAEG;YACW,0BAA0B;IAgCxC;;OAEG;YACW,aAAa;IAY3B;;OAEG;YACW,iBAAiB;YAWjB,UAAU;IAmIxB;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IAyG9B;;;;;;;;OAQG;IACG,mCAAmC,CAAC,EACxC,SAAS,GACV,EAAE;QACD,SAAS,EAAE,WAAW,CAAC;KACxB,GAAG,OAAO,CAAC;QACV,MAAM,EAAE,iBAAiB,CAAC;QAC1B,aAAa,EAAE,oBAAoB,CAAC;QACpC,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IAiCI,UAAU,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAW1C,SAAS,CAAC,EACd,cAAc,EACd,eAA8C,EAC9C,eAAe,EACf,SAAS,GACV,EAAE;QACD,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,eAAe,CAAC;QAClC,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAeK,mBAAmB,CAAC,EACxB,wBAAwB,EACxB,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CACL,0BAA0B,EAC1B,WAAW,CACZ,GAAG,OAAO,CAAC,2BAA2B,CAAC;IAelC,4BAA4B,CAAC,EACjC,cAAc,EACd,eAAiD,EACjD,SAAS,GACV,EAAE,IAAI,CAAC,mCAAmC,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IActE,mBAAmB,CAAC,EACxB,cAAc,EACd,SAAS,GACV,EAAE,IAAI,CAAC,0BAA0B,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAa7D,WAAW,CAAC,EAChB,OAAO,EACP,cAAc,EACd,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAepD,cAAc,CAAC,EACnB,OAAO,EACP,cAAc,EACd,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAgB7D;;;;;;;;;;OAUG;IACG,eAAe,CAAC,EACpB,aAAa,EACb,WAAW,EACX,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAgBxD,aAAa,CAAC,EAClB,cAAc,EACd,SAAS,EACT,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAgBtD,4BAA4B,CAAC,EACjC,cAAc,EACd,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,mCAAmC,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAenE,4BAA4B,CAAC,EACjC,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE;QACD,cAAc,EAAE,MAAM,CAAC;QACvB,gBAAgB,EAAE,WAAW,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBX,0BAA0B,CAAC,EAC/B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,iCAAiC,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAejE,OAAO,CAAC,EACZ,cAAc,EACd,2BAA2B,EAC3B,2BAA2B,EAC3B,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAiB9C,gBAAgB,CAAC,EACrB,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE;QACD,cAAc,EAAE,MAAM,CAAC;QACvB,gBAAgB,EAAE,WAAW,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBX,cAAc,CAAC,EACnB,cAAc,EACd,QAAQ,EACR,eAA8C,EAC9C,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBrD,cAAc,CAAC,EACnB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBrD,gBAAgB,CAAC,EACrB,UAAU,EACV,wBAAwB,EACxB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CACL,uBAAuB,EACvB,WAAW,CACZ,GAAG,OAAO,CAAC,2BAA2B,CAAC;IAelC,qBAAqB,CAAC,EAC1B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAelE;;OAEG;IACG,uBAAuB,CAAC,EAC5B,SAAS,EACT,cAAc,GACf,EAAE;QACD,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,GAAG,OAAO,CAAC,+BAA+B,CAAC;IAqB/B,OAAO;CAqBrB"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/client/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mCAAmC,EACnC,0BAA0B,EAC1B,2BAA2B,EAC3B,4BAA4B,EAC5B,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,mCAAmC,EACnC,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,qBAAa,mBAAoB,SAAQ,aAAa;gBACxC,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE;QACD,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB;IAYK,UAAU,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAW1C,SAAS,CAAC,EACd,cAAc,EACd,eAA8C,EAC9C,eAAe,EACf,SAAS,GACV,EAAE;QACD,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,eAAe,CAAC;QAClC,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAeK,mBAAmB,CAAC,EACxB,wBAAwB,EACxB,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CACL,0BAA0B,EAC1B,WAAW,CACZ,GAAG,OAAO,CAAC,2BAA2B,CAAC;IAelC,4BAA4B,CAAC,EACjC,cAAc,EACd,eAAiD,EACjD,SAAS,GACV,EAAE,IAAI,CAAC,mCAAmC,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IActE,mBAAmB,CAAC,EACxB,cAAc,EACd,SAAS,GACV,EAAE,IAAI,CAAC,0BAA0B,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAa7D,WAAW,CAAC,EAChB,OAAO,EACP,cAAc,EACd,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAepD,cAAc,CAAC,EACnB,OAAO,EACP,cAAc,EACd,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAgB7D;;;;;;;;;;OAUG;IACG,eAAe,CAAC,EACpB,aAAa,EACb,WAAW,EACX,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAgBxD,aAAa,CAAC,EAClB,cAAc,EACd,SAAS,EACT,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAgBtD,4BAA4B,CAAC,EACjC,cAAc,EACd,QAAoB,EACpB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,mCAAmC,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAenE,4BAA4B,CAAC,EACjC,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE;QACD,cAAc,EAAE,MAAM,CAAC;QACvB,gBAAgB,EAAE,WAAW,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBX,0BAA0B,CAAC,EAC/B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,iCAAiC,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAejE,OAAO,CAAC,EACZ,cAAc,EACd,2BAA2B,EAC3B,2BAA2B,EAC3B,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAiB9C,gBAAgB,CAAC,EACrB,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE;QACD,cAAc,EAAE,MAAM,CAAC;QACvB,gBAAgB,EAAE,WAAW,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBX,cAAc,CAAC,EACnB,cAAc,EACd,QAAQ,EACR,eAA8C,EAC9C,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBrD,cAAc,CAAC,EACnB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBrD,gBAAgB,CAAC,EACrB,UAAU,EACV,wBAAwB,EACxB,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CACL,uBAAuB,EACvB,WAAW,CACZ,GAAG,OAAO,CAAC,2BAA2B,CAAC;IAelC,qBAAqB,CAAC,EAC1B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,GACV,EAAE,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAelE;;OAEG;IACG,uBAAuB,CAAC,EAC5B,SAAS,EACT,cAAc,GACf,EAAE;QACD,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,GAAG,OAAO,CAAC,+BAA+B,CAAC;CAoB7C"}

package/src/client/iframeManager/IframeManager.d.ts

@@ -0,0 +1,86 @@
+import { type MessageTransportWithDefaultOrigin } from '@dynamic-labs/message-transport';
+import { iframeMessageHandler } from '../../services/iframeMessageHandler';
+export declare class IframeManager {
+    protected chainName: string;
+    protected logger: import("@dynamic-labs/logger").Logger;
+    instanceId: string | null;
+    iframeDomain: string | null;
+    environmentId: string;
+    private readonly authToken;
+    baseApiUrl: string;
+    baseMPCRelayApiUrl: string;
+    protected messageTransport: MessageTransportWithDefaultOrigin | null;
+    protected iframeMessageHandler: iframeMessageHandler | null;
+    private static iframeLoadPromise;
+    protected iframe: HTMLIFrameElement | null;
+    private readonly debug;
+    static iframeLoadTimeout: number;
+    private static sharedIframe;
+    private static iframeInstanceCount;
+    sdkVersion: string | undefined;
+    constructor({ environmentId, authToken, baseApiUrl, baseMPCRelayApiUrl, chainName, sdkVersion, debug, }: {
+        environmentId: string;
+        authToken: string;
+        baseApiUrl: string;
+        baseMPCRelayApiUrl: string;
+        chainName: string;
+        sdkVersion?: string;
+        debug?: boolean;
+    });
+    initialize(): Promise<void>;
+    /**
+     * this is called on class construction time
+     * @returns {Promise<void>} that resolves when the iframe is loaded and the message transport and iframe storage are initialized
+     */
+    initializeIframeCommunication(): Promise<void>;
+    /**
+     * initialize the iframe communication by awaiting the iframe load promise
+     * and initializing the message transport and iframe storage after iframe is successfully loaded
+     */
+    private doInitializeIframeCommunication;
+    /**
+     * initialize the message transport after iframe is successfully loaded
+     */
+    protected initializeMessageTransport(): Promise<void>;
+    /**
+     * securely exchange the auth token with iframe securely
+     */
+    private initAuthToken;
+    /**
+     * Reset the shared iframe and iframe load promise, and iframe instance count
+     */
+    private resetSharedIframe;
+    private loadIframe;
+    private assignExistingIframe;
+    private createIframeLoadPromise;
+    private getIframeContext;
+    private setupIframeTimeout;
+    private createMessageListener;
+    private configureIframe;
+    private setIframeSource;
+    private setupIframeEventHandlers;
+    /**
+     * Load an iframe for a specific container
+     * @param {HTMLElement} container - The container to which the iframe will be attached
+     * @returns {Promise<HTMLIFrameElement>} that resolves when the iframe is loaded
+     */
+    private loadIframeForContainer;
+    /**
+     * Initializes the iframe display for a specific container.
+     *
+     * @param {HTMLElement} container - The container to which the iframe will be attached.
+     * @returns:
+     *   iframe: HTMLIFrameElement;
+     *   iframeDisplay: IframeDisplayChannelAdapter;
+     *   cleanup: () => void;
+     */
+    initializeIframeDisplayForContainer({ container, }: {
+        container: HTMLElement;
+    }): Promise<{
+        iframe: HTMLIFrameElement;
+        iframeDisplay: iframeMessageHandler;
+        cleanup: () => void;
+    }>;
+    cleanup(): Promise<void>;
+}
+//# sourceMappingURL=IframeManager.d.ts.map

package/src/client/iframeManager/IframeManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeManager.d.ts","sourceRoot":"","sources":["../../../src/client/iframeManager/IframeManager.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,iCAAiC,EACvC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAI3E,qBAAa,aAAa;IACxB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,MAAM,wCAAU;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnC,aAAa,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,gBAAgB,EAAE,iCAAiC,GAAG,IAAI,CAAQ;IAC5E,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACnE,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAA8B;IAC9D,SAAS,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAClD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAU;IAChC,OAAc,iBAAiB,SAAS;IAExC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAkC;IAC7D,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAK;IAChC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;gBAE1B,EACV,aAAa,EACb,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE;QACD,aAAa,EAAE,MAAM,CAAC;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB;IAmBK,UAAU;IAIhB;;;OAGG;IACH,6BAA6B,IAAI,OAAO,CAAC,IAAI,CAAC;IAK9C;;;OAGG;YACW,+BAA+B;IAS7C;;OAEG;cACa,0BAA0B;IAgC1C;;OAEG;YACW,aAAa;IAY3B;;OAEG;YACW,iBAAiB;YAcjB,UAAU;IAkBxB,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,uBAAuB;IAiC/B,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,qBAAqB;IA0B7B,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,wBAAwB;IAqBhC;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IAyG9B;;;;;;;;OAQG;IACG,mCAAmC,CAAC,EACxC,SAAS,GACV,EAAE;QACD,SAAS,EAAE,WAAW,CAAC;KACxB,GAAG,OAAO,CAAC;QACV,MAAM,EAAE,iBAAiB,CAAC;QAC1B,aAAa,EAAE,oBAAoB,CAAC;QACpC,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IAiCW,OAAO;CAqBrB"}

package/src/client/iframeManager/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IframeManager';
+//# sourceMappingURL=index.d.ts.map

package/src/client/iframeManager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/iframeManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}