@dynamic-labs-wallet/browser-wallet-client 0.0.0-beta.232.7 → 0.0.0-beta.244.1

package/index.cjs.js

@@ -1,60 +1,15 @@
 'use strict';
 
+var core = require('@dynamic-labs-wallet/core');
 var messageTransport = require('@dynamic-labs/message-transport');
 var logger$1 = require('@dynamic-labs/logger');
-var core = require('@dynamic-labs-wallet/core');
-
-const setupMessageTransportBridge = (messageTransport$1, iframe, iframeOrigin)=>{
-    if (!(iframe == null ? void 0 : iframe.contentWindow)) {
-        throw new Error('Iframe or contentWindow not available');
-    }
-    const logger = new logger$1.Logger('debug');
-    messageTransport$1.on((message)=>{
-        // Forward the message to webview via postMessage
-        if (message.origin === 'host') {
-            var _iframe_contentWindow;
-            iframe == null ? void 0 : (_iframe_contentWindow = iframe.contentWindow) == null ? void 0 : _iframe_contentWindow.postMessage(message, iframeOrigin);
-        }
-    });
-    const handleIncomingMessage = (message)=>{
-        const { data } = message;
-        if (!data) return;
-        if ((data == null ? void 0 : data.origin) !== 'webview') {
-            return;
-        }
-        if (typeof data !== 'object') {
-            return;
-        }
-        try {
-            const message = messageTransport.parseMessageTransportData(data);
-            messageTransport$1.emit(message);
-        } catch (error) {
-            if (!(error instanceof SyntaxError)) {
-                logger.error('Error handling incoming message:', error);
-            }
-        }
-    };
-    /**
-   * Handle incoming message from android client
-   */ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    document.addEventListener('message', handleIncomingMessage);
-    /**
-   * Handle incoming message from iOS client
-   */ window.addEventListener('message', handleIncomingMessage);
-};
 
 class iframeMessageHandler {
     async getWallets(request) {
         return this.requestChannel.request('getWallets', request);
     }
-    async getWallet({ chainName, accountAddress, walletOperation, signedSessionId }) {
-        return this.requestChannel.request('getWallet', {
-            chainName,
-            accountAddress,
-            walletOperation,
-            signedSessionId
-        });
+    async getWallet(request) {
+        return this.requestChannel.request('getWallet', request);
     }
     async createWalletAccount(request) {
         return this.requestChannel.request('createWalletAccount', request);
@@ -107,6 +62,9 @@ class iframeMessageHandler {
     async offlineExportPrivateKey(request) {
         return this.requestChannel.request('offlineExportPrivateKey', request);
     }
+    async signTypedData(request) {
+        return this.requestChannel.request('signTypedData', request);
+    }
     async cleanup() {
         return this.requestChannel.request('cleanup');
     }
@@ -117,6 +75,46 @@ class iframeMessageHandler {
 
 const logger = new logger$1.Logger('DynamicWaasWalletClient');
 
+const setupMessageTransportBridge = (messageTransport$1, iframe, iframeOrigin)=>{
+    if (!(iframe == null ? void 0 : iframe.contentWindow)) {
+        throw new Error('Iframe or contentWindow not available');
+    }
+    const logger = new logger$1.Logger('debug');
+    messageTransport$1.on((message)=>{
+        // Forward the message to webview via postMessage
+        if (message.origin === 'host') {
+            var _iframe_contentWindow;
+            iframe == null ? void 0 : (_iframe_contentWindow = iframe.contentWindow) == null ? void 0 : _iframe_contentWindow.postMessage(message, iframeOrigin);
+        }
+    });
+    const handleIncomingMessage = (message)=>{
+        const { data } = message;
+        if (!data) return;
+        if ((data == null ? void 0 : data.origin) !== 'webview') {
+            return;
+        }
+        if (typeof data !== 'object') {
+            return;
+        }
+        try {
+            const message = messageTransport.parseMessageTransportData(data);
+            messageTransport$1.emit(message);
+        } catch (error) {
+            if (!(error instanceof SyntaxError)) {
+                logger.error('Error handling incoming message:', error);
+            }
+        }
+    };
+    /**
+   * Handle incoming message from android client
+   */ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    document.addEventListener('message', handleIncomingMessage);
+    /**
+   * Handle incoming message from iOS client
+   */ window.addEventListener('message', handleIncomingMessage);
+};
+
 class DynamicWalletClient {
     // Simply load the iframe from localhost
     async initialize() {
@@ -145,6 +143,10 @@ class DynamicWalletClient {
     /**
    * initialize the message transport after iframe is successfully loaded
    */ async initializeMessageTransport() {
+        if (this.messageTransport && this.iframeMessageHandler) {
+            this.logger.debug('Skipping initializeMessageTransport: transport and message handler already initialized');
+            return;
+        }
         await this.initializeIframeCommunication();
         const transport = messageTransport.applyDefaultMessageOrigin({
             defaultOrigin: 'host',
@@ -171,6 +173,18 @@ class DynamicWalletClient {
             throw new Error('Failed to establish secure token exchange: ' + error);
         }
     }
+    /**
+   * Reset the shared iframe and iframe load promise, and iframe instance count
+   */ async resetSharedIframe() {
+        DynamicWalletClient.sharedIframe = null;
+        DynamicWalletClient.iframeInstanceCount = 0;
+        DynamicWalletClient.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);
+    }
     async loadIframe() {
         // If the iframe is already loaded, just assign and resolve
         if (DynamicWalletClient.sharedIframe) {
@@ -186,10 +200,27 @@ class DynamicWalletClient {
             });
         }
         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
+            });
             const iframe = document.createElement('iframe');
             const iframeTimeoutId = setTimeout(()=>{
-                reject(new Error('Iframe load timeout'));
-            }, 10000);
+                this.resetSharedIframe();
+                var _this_sdkVersion;
+                this.logger.error('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. A retry will be attempted to load the iframe with wallet interaction function calls.', {
+                    iframeDomain: this.iframeDomain,
+                    environmentId: this.environmentId,
+                    sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
+                    instanceId: this.instanceId,
+                    chainName: this.chainName
+                });
+                reject(new Error('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. A retry will be attempted to load the iframe with wallet interaction function calls.'));
+            }, this.iframeLoadTimeout);
             iframe.style.display = 'none';
             iframe.setAttribute('title', 'Dynamic Wallet Iframe');
             iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-downloads');
@@ -201,28 +232,45 @@ class DynamicWalletClient {
             iframe.style.height = '0';
             iframe.style.border = 'none';
             iframe.style.pointerEvents = 'none';
-            var _this_instanceId;
+            var _this_instanceId, _this_sdkVersion1;
             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
+                baseMPCRelayApiUrl: this.baseMPCRelayApiUrl,
+                sdkVersion: (_this_sdkVersion1 = this.sdkVersion) != null ? _this_sdkVersion1 : ''
             });
             iframe.src = `${this.iframeDomain}/waas-v1/${this.environmentId}?${params.toString()}`;
             this.logger.debug('Creating iframe with src:', iframe.src);
             document.body.appendChild(iframe);
             iframe.onload = ()=>{
-                clearTimeout(iframeTimeoutId);
-                DynamicWalletClient.sharedIframe = iframe;
-                this.iframe = iframe;
-                DynamicWalletClient.iframeInstanceCount++;
-                resolve();
+                // Listen for handshake
+                const onMessage = (event)=>{
+                    if (event.source === iframe.contentWindow && event.data === `iframe-ready-${this.instanceId}`) {
+                        window.removeEventListener('message', onMessage);
+                        clearTimeout(iframeTimeoutId);
+                        DynamicWalletClient.sharedIframe = iframe;
+                        this.iframe = iframe;
+                        DynamicWalletClient.iframeInstanceCount++;
+                        resolve();
+                        var _this_sdkVersion;
+                        this.logger.info('Iframe loaded successfully...', {
+                            iframeDomain: this.iframeDomain,
+                            environmentId: this.environmentId,
+                            sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
+                            instanceId: this.instanceId,
+                            chainName: this.chainName
+                        });
+                    }
+                };
+                window.addEventListener('message', onMessage);
             };
             iframe.onerror = (error)=>{
                 clearTimeout(iframeTimeoutId);
-                this.logger.error('Iframe failed to load:', error);
-                reject(new Error('Failed to load iframe'));
+                this.logger.error('Iframe failed to load due to errors: ', error);
+                this.resetSharedIframe();
+                reject(new Error('Failed to load iframe due to unknown load errors, this is likely a browser or network issue.'));
             };
         });
         return DynamicWalletClient.iframeLoadPromise;
@@ -233,38 +281,71 @@ class DynamicWalletClient {
    * @returns {Promise<HTMLIFrameElement>} that resolves when the iframe is loaded
    */ loadIframeForContainer(container) {
         return new Promise((resolve, reject)=>{
+            var _this_sdkVersion;
+            this.logger.info(`Loading iframe for container...`, {
+                iframeDomain: this.iframeDomain,
+                environmentId: this.environmentId,
+                sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
+                instanceId: this.instanceId,
+                chainName: this.chainName
+            });
             const iframe = document.createElement('iframe');
             const iframeTimeoutId = setTimeout(()=>{
-                reject(new Error('Iframe load timeout'));
-            }, 10000);
+                var _this_sdkVersion;
+                this.logger.error('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.', {
+                    iframeDomain: this.iframeDomain,
+                    environmentId: this.environmentId,
+                    sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
+                    instanceId: this.instanceId,
+                    chainName: this.chainName
+                });
+                reject(new Error('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.'));
+            }, this.iframeLoadTimeout);
             iframe.style.display = 'block';
             iframe.style.width = '100%';
             iframe.style.height = '100%';
             iframe.setAttribute('title', 'Dynamic Wallet Storage');
             iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin');
             iframe.setAttribute('referrerpolicy', 'origin');
-            var _this_instanceId;
+            var _this_instanceId, _this_sdkVersion1;
             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,
-                chain: this.chainName
+                sdkVersion: (_this_sdkVersion1 = this.sdkVersion) != null ? _this_sdkVersion1 : ''
             });
             iframe.src = `${this.iframeDomain}/waas-v1/${this.environmentId}?${params.toString()}`;
             this.logger.debug('Creating iframe with src:', iframe.src);
             // Add iframe to the provided container
             container.appendChild(iframe);
             iframe.onload = ()=>{
-                clearTimeout(iframeTimeoutId);
-                this.logger.debug('Iframe loaded successfully');
-                resolve(iframe);
+                // Listen for handshake
+                const onMessage = (event)=>{
+                    if (event.source === iframe.contentWindow && event.data === `iframe-ready-${this.instanceId}`) {
+                        window.removeEventListener('message', onMessage);
+                        clearTimeout(iframeTimeoutId);
+                        DynamicWalletClient.sharedIframe = iframe;
+                        this.iframe = iframe;
+                        DynamicWalletClient.iframeInstanceCount++;
+                        resolve(iframe);
+                        var _this_sdkVersion;
+                        this.logger.info('Iframe loaded successfully...', {
+                            iframeDomain: this.iframeDomain,
+                            environmentId: this.environmentId,
+                            sdkVersion: (_this_sdkVersion = this.sdkVersion) != null ? _this_sdkVersion : '',
+                            instanceId: this.instanceId,
+                            chainName: this.chainName
+                        });
+                    }
+                };
+                window.addEventListener('message', onMessage);
             };
             iframe.onerror = (error)=>{
                 clearTimeout(iframeTimeoutId);
-                this.logger.error('Iframe failed to load:', error);
-                reject(new Error('Failed to load iframe'));
+                this.logger.error('Iframe failed to load due to errors: ', error);
+                reject(new Error('Failed to load iframe due to unknown load errors, this is likely a browser or network issue.'));
             };
         });
     }
@@ -308,7 +389,7 @@ class DynamicWalletClient {
             chainName: this.chainName
         });
     }
-    async getWallet({ accountAddress, walletOperation = core.WalletOperation.NO_OPERATION, signedSessionId }) {
+    async getWallet({ accountAddress, walletOperation = core.WalletOperation.NO_OPERATION, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -317,10 +398,11 @@ class DynamicWalletClient {
             chainName: this.chainName,
             accountAddress,
             walletOperation,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async createWalletAccount({ thresholdSignatureScheme, password = undefined, signedSessionId }) {
+    async createWalletAccount({ thresholdSignatureScheme, password = undefined, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -329,10 +411,11 @@ class DynamicWalletClient {
             chainName: this.chainName,
             thresholdSignatureScheme,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async requiresPasswordForOperation({ accountAddress, walletOperation = core.WalletOperation.REACH_THRESHOLD }) {
+    async requiresPasswordForOperation({ accountAddress, walletOperation = core.WalletOperation.REACH_THRESHOLD, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -340,20 +423,22 @@ class DynamicWalletClient {
         return this.iframeMessageHandler.requiresPasswordForOperation({
             chainName: this.chainName,
             accountAddress,
-            walletOperation
+            walletOperation,
+            authToken
         });
     }
-    async isPasswordEncrypted({ accountAddress }) {
+    async isPasswordEncrypted({ accountAddress, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
         }
         return this.iframeMessageHandler.isPasswordEncrypted({
             chainName: this.chainName,
-            accountAddress
+            accountAddress,
+            authToken
         });
     }
-    async signMessage({ message, accountAddress, password = undefined, signedSessionId }) {
+    async signMessage({ message, accountAddress, password = undefined, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -363,10 +448,11 @@ class DynamicWalletClient {
             message,
             accountAddress,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async signRawMessage({ message, accountAddress, password = undefined, signedSessionId }) {
+    async signRawMessage({ message, accountAddress, password = undefined, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -376,7 +462,8 @@ class DynamicWalletClient {
             message,
             accountAddress,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
     /**
@@ -389,7 +476,7 @@ class DynamicWalletClient {
    * SUI:
    *  const txBytes = await txb.build({ client });
    *  const txString = Buffer.from(txBytes).toString("hex");
-   */ async signTransaction({ senderAddress, transaction, password = undefined, signedSessionId }) {
+   */ async signTransaction({ senderAddress, transaction, password = undefined, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -399,10 +486,24 @@ class DynamicWalletClient {
             senderAddress,
             transaction,
             password,
+            signedSessionId,
+            authToken
+        });
+    }
+    async signTypedData({ accountAddress, typedData, password = undefined, signedSessionId }) {
+        await this.initializeMessageTransport();
+        if (!this.iframeMessageHandler) {
+            throw new Error('Iframe message handler not initialized');
+        }
+        return this.iframeMessageHandler.signTypedData({
+            chainName: this.chainName,
+            accountAddress,
+            typedData: JSON.stringify(typedData),
+            password,
             signedSessionId
         });
     }
-    async backupKeySharesToGoogleDrive({ accountAddress, password = undefined, signedSessionId }) {
+    async backupKeySharesToGoogleDrive({ accountAddress, password = undefined, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -411,10 +512,11 @@ class DynamicWalletClient {
             chainName: this.chainName,
             accountAddress,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async restoreBackupFromGoogleDrive({ accountAddress, displayContainer, password, signedSessionId }) {
+    async restoreBackupFromGoogleDrive({ accountAddress, displayContainer, password, signedSessionId, authToken }) {
         const { iframeDisplay } = await this.initializeIframeDisplayForContainer({
             container: displayContainer
         });
@@ -425,10 +527,11 @@ class DynamicWalletClient {
             chainName: this.chainName,
             accountAddress,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async refreshWalletAccountShares({ accountAddress, password, signedSessionId }) {
+    async refreshWalletAccountShares({ accountAddress, password, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -437,10 +540,11 @@ class DynamicWalletClient {
             chainName: this.chainName,
             accountAddress: accountAddress,
             password: password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async reshare({ accountAddress, oldThresholdSignatureScheme, newThresholdSignatureScheme, password, signedSessionId }) {
+    async reshare({ accountAddress, oldThresholdSignatureScheme, newThresholdSignatureScheme, password, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -451,10 +555,11 @@ class DynamicWalletClient {
             oldThresholdSignatureScheme,
             newThresholdSignatureScheme,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async exportPrivateKey({ accountAddress, displayContainer, password, signedSessionId }) {
+    async exportPrivateKey({ accountAddress, displayContainer, password, signedSessionId, authToken }) {
         const { iframeDisplay } = await this.initializeIframeDisplayForContainer({
             container: displayContainer
         });
@@ -465,10 +570,11 @@ class DynamicWalletClient {
             chainName: this.chainName,
             accountAddress,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async verifyPassword({ accountAddress, password, walletOperation = core.WalletOperation.NO_OPERATION, signedSessionId }) {
+    async verifyPassword({ accountAddress, password, walletOperation = core.WalletOperation.NO_OPERATION, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -478,10 +584,11 @@ class DynamicWalletClient {
             accountAddress,
             password,
             walletOperation,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async updatePassword({ accountAddress, existingPassword, newPassword, signedSessionId }) {
+    async updatePassword({ accountAddress, existingPassword, newPassword, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -491,10 +598,11 @@ class DynamicWalletClient {
             accountAddress,
             existingPassword,
             newPassword,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async importPrivateKey({ privateKey, thresholdSignatureScheme, signedSessionId }) {
+    async importPrivateKey({ privateKey, thresholdSignatureScheme, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -503,10 +611,11 @@ class DynamicWalletClient {
             chainName: this.chainName,
             privateKey,
             thresholdSignatureScheme,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
-    async exportClientKeyshares({ accountAddress, password, signedSessionId }) {
+    async exportClientKeyshares({ accountAddress, password, signedSessionId, authToken }) {
         await this.initializeMessageTransport();
         if (!this.iframeMessageHandler) {
             throw new Error('Iframe message handler not initialized');
@@ -515,7 +624,8 @@ class DynamicWalletClient {
             chainName: this.chainName,
             accountAddress,
             password,
-            signedSessionId
+            signedSessionId,
+            authToken
         });
     }
     /**
@@ -554,18 +664,20 @@ class DynamicWalletClient {
             this.iframe = null;
         }
     }
-    constructor({ environmentId, authToken, baseApiUrl, baseMPCRelayApiUrl, chainName, debug }){
+    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