@meshconnect/web-link-sdk 3.1.12 → 3.2.1

package/Link.js

@@ -53,8 +53,9 @@ import { WalletStrategyFactory } from './utils/wallet';
 var currentOptions;
 var targetOrigin;
 var linkTokenOrigin;
+var currentIframeId = iframeId;
 var iframeElement = function () {
-    return document.getElementById(iframeId);
+    return document.getElementById(currentIframeId);
 };
 function sendMessageToIframe(message) {
     var _a;
@@ -158,7 +159,7 @@ function handleLinkEvent(event) {
 }
 function handleWalletBrowserEvent(event) {
     return __awaiter(this, void 0, void 0, function () {
-        var walletFactory, _a, payload, networkType, strategy, result, error_1, payload, networkType, strategy, result, error_2, payload, networkType, strategy, result, error_3, payload, networkType, strategy, result, error_4, payload, getResponseType, networkType, strategy, result, responseType, error_5, errorType, payload, networkType, strategy, error_6;
+        var walletFactory, _a, payload, networkType, strategy, result, error_1, payload, networkType, strategy, result, error_2, payload, networkType, strategy, result, error_3, payload, networkType, strategy, result, error_4, payload, getResponseType, networkType, strategy, result, responseType, error_5, errorType, payload, responseType, networkType, strategy, result, error_6, payload, networkType, strategy, error_7;
         var _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -173,9 +174,10 @@ function handleWalletBrowserEvent(event) {
                         case 'walletBrowserNonNativeTransferRequest': return [3 /*break*/, 21];
                         case 'walletBrowserNativeSmartDeposit': return [3 /*break*/, 21];
                         case 'walletBrowserNonNativeSmartDeposit': return [3 /*break*/, 21];
-                        case 'walletBrowserDisconnect': return [3 /*break*/, 26];
+                        case 'walletBrowserTransactionBatchRequest': return [3 /*break*/, 26];
+                        case 'walletBrowserDisconnect': return [3 /*break*/, 31];
                     }
-                    return [3 /*break*/, 34];
+                    return [3 /*break*/, 39];
                 case 1:
                     payload = event.data.payload;
                     _c.label = 2;
@@ -200,7 +202,7 @@ function handleWalletBrowserEvent(event) {
                     console.error('Connection error:', error_1);
                     handleErrorAndSendMessage(error_1, 'SDKinjectedConnectionCompleted');
                     return [3 /*break*/, 5];
-                case 5: return [3 /*break*/, 34];
+                case 5: return [3 /*break*/, 39];
                 case 6:
                     payload = event.data.payload;
                     _c.label = 7;
@@ -220,7 +222,7 @@ function handleWalletBrowserEvent(event) {
                     error_2 = _c.sent();
                     handleErrorAndSendMessage(error_2, 'SDKsignRequestCompleted');
                     return [3 /*break*/, 10];
-                case 10: return [3 /*break*/, 34];
+                case 10: return [3 /*break*/, 39];
                 case 11:
                     payload = event.data.payload;
                     _c.label = 12;
@@ -245,7 +247,7 @@ function handleWalletBrowserEvent(event) {
                     console.error('Chain switch failed:', error_3);
                     handleErrorAndSendMessage(error_3, 'SDKswitchChainCompleted');
                     return [3 /*break*/, 15];
-                case 15: return [3 /*break*/, 34];
+                case 15: return [3 /*break*/, 39];
                 case 16:
                     payload = event.data.payload;
                     _c.label = 17;
@@ -265,7 +267,7 @@ function handleWalletBrowserEvent(event) {
                     error_4 = _c.sent();
                     handleErrorAndSendMessage(error_4, 'SDKnativeTransferCompleted');
                     return [3 /*break*/, 20];
-                case 20: return [3 /*break*/, 34];
+                case 20: return [3 /*break*/, 39];
                 case 21:
                     payload = event.data.payload;
                     getResponseType = function (type) {
@@ -301,41 +303,64 @@ function handleWalletBrowserEvent(event) {
                     errorType = getResponseType(event.data.type);
                     handleErrorAndSendMessage(error_5, errorType);
                     return [3 /*break*/, 25];
-                case 25: return [3 /*break*/, 34];
+                case 25: return [3 /*break*/, 39];
                 case 26:
                     payload = event.data.payload;
+                    responseType = 'SDKtransactionBatchCompleted';
                     _c.label = 27;
                 case 27:
-                    _c.trys.push([27, 32, , 33]);
-                    if (!(payload === null || payload === void 0 ? void 0 : payload.networkType)) return [3 /*break*/, 29];
+                    _c.trys.push([27, 29, , 30]);
+                    networkType = (payload.from.startsWith('0x') ? 'evm' : 'solana');
+                    strategy = walletFactory.getStrategy(networkType);
+                    return [4 /*yield*/, strategy.sendTransactionBatch(payload)];
+                case 28:
+                    result = _c.sent();
+                    sendMessageToIframe({
+                        type: responseType,
+                        payload: {
+                            txHash: result
+                        }
+                    });
+                    return [3 /*break*/, 30];
+                case 29:
+                    error_6 = _c.sent();
+                    handleErrorAndSendMessage(error_6, responseType);
+                    return [3 /*break*/, 30];
+                case 30: return [3 /*break*/, 39];
+                case 31:
+                    payload = event.data.payload;
+                    _c.label = 32;
+                case 32:
+                    _c.trys.push([32, 37, , 38]);
+                    if (!(payload === null || payload === void 0 ? void 0 : payload.networkType)) return [3 /*break*/, 34];
                     networkType = (payload.networkType === 'solana' ? 'solana' : 'evm');
                     strategy = walletFactory.getStrategy(networkType);
                     return [4 /*yield*/, strategy.disconnect(payload)];
-                case 28:
+                case 33:
                     _c.sent();
-                    return [3 /*break*/, 31];
-                case 29: 
+                    return [3 /*break*/, 36];
+                case 34: 
                 // Disconnect from all if no specific network type
                 return [4 /*yield*/, Promise.all([
                         walletFactory.getStrategy('solana').disconnect(payload),
                         walletFactory.getStrategy('evm').disconnect(payload)
                     ])];
-                case 30:
+                case 35:
                     // Disconnect from all if no specific network type
                     _c.sent();
-                    _c.label = 31;
-                case 31:
+                    _c.label = 36;
+                case 36:
                     sendMessageToIframe({
                         type: 'SDKdisconnectSuccess'
                     });
-                    return [3 /*break*/, 33];
-                case 32:
-                    error_6 = _c.sent();
-                    console.error('Error during disconnect:', error_6);
-                    handleErrorAndSendMessage(error_6, 'SDKdisconnectSuccess');
-                    return [3 /*break*/, 33];
-                case 33: return [3 /*break*/, 34];
-                case 34: return [2 /*return*/];
+                    return [3 /*break*/, 38];
+                case 37:
+                    error_7 = _c.sent();
+                    console.error('Error during disconnect:', error_7);
+                    handleErrorAndSendMessage(error_7, 'SDKdisconnectSuccess');
+                    return [3 /*break*/, 38];
+                case 38: return [3 /*break*/, 39];
+                case 39: return [2 /*return*/];
             }
         });
     });
@@ -372,24 +397,35 @@ function handleErrorAndSendMessage(error, messageType) {
     });
 }
 export var createLink = function (options) {
-    var openLink = function (linkToken) { return __awaiter(void 0, void 0, void 0, function () {
-        var linkUrl;
+    var openLink = function (linkToken, customIframeId) {
         var _a;
-        return __generator(this, function (_b) {
-            if (!linkToken) {
-                (_a = options === null || options === void 0 ? void 0 : options.onExit) === null || _a === void 0 ? void 0 : _a.call(options, 'Invalid link token!');
-                return [2 /*return*/];
+        if (!linkToken) {
+            (_a = options === null || options === void 0 ? void 0 : options.onExit) === null || _a === void 0 ? void 0 : _a.call(options, 'Invalid link token!');
+            return;
+        }
+        currentOptions = options;
+        var linkUrl = window.atob(linkToken);
+        linkUrl = addLanguage(linkUrl, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.language);
+        linkTokenOrigin = new URL(linkUrl).origin;
+        window.removeEventListener('message', eventsListener);
+        if (customIframeId) {
+            var iframe = document.getElementById(customIframeId);
+            if (iframe) {
+                iframe.allow = 'clipboard-read *; clipboard-write *';
+                iframe.src = linkUrl;
+                currentIframeId = customIframeId;
             }
-            currentOptions = options;
-            linkUrl = window.atob(linkToken);
-            linkTokenOrigin = new URL(linkUrl).origin;
-            window.removeEventListener('message', eventsListener);
-            addPopup(linkUrl, currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.language);
-            window.addEventListener('message', eventsListener);
-            targetOrigin = window.location.origin;
-            return [2 /*return*/];
-        });
-    }); };
+            else {
+                console.warn("Mesh SDK: No iframe found with id ".concat(customIframeId));
+            }
+        }
+        else {
+            currentIframeId = iframeId;
+            addPopup(linkUrl);
+        }
+        window.addEventListener('message', eventsListener);
+        targetOrigin = window.location.origin;
+    };
     var closeLink = function () {
         var _a;
         removePopup();
@@ -401,3 +437,12 @@ export var createLink = function (options) {
         closeLink: closeLink
     };
 };
+function addLanguage(linkUrl, language) {
+    if (language === 'system') {
+        language =
+            typeof navigator !== 'undefined' && navigator.language
+                ? encodeURIComponent(navigator.language)
+                : undefined;
+    }
+    return "".concat(linkUrl).concat(linkUrl.includes('?') ? '&' : '?', "lng=").concat(language || 'en');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshconnect/web-link-sdk",
-  "version": "3.1.12",
+  "version": "3.2.1",
   "description": "A client-side JS library for integrating with Mesh Connect",
   "exports": "./index.js",
   "license": "MIT",

package/utils/connectors/evm/transactions.d.ts

@@ -7,3 +7,17 @@ export declare const sendEVMTransaction: (toAddress: string, amount: bigint, fro
  * Sends an EVM token transaction
  */
 export declare const sendEVMTokenTransaction: (contractAddress: string, abi: ethers.InterfaceAbi, functionName: string, args: unknown[], fromAddress: string) => Promise<string | Error>;
+/**
+ * Sends a batch of EVM transactions
+ */
+export declare const sendEVMTransactionBatch: (params: {
+    version: string;
+    from: string;
+    chainId: string;
+    atomicRequired: boolean;
+    calls: {
+        to: string;
+        value: string;
+        data?: string;
+    }[];
+}) => Promise<string | Error>;

package/utils/connectors/evm/transactions.js

@@ -210,3 +210,67 @@ function toSafeNumber(value, name) {
     }
     return value;
 }
+/**
+ * Sends a batch of EVM transactions
+ */
+export var sendEVMTransactionBatch = function (params) { return __awaiter(void 0, void 0, void 0, function () {
+    var activeRawProvider, provider, response, result, txError_3, error_3;
+    var _a, _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 10, , 11]);
+                activeRawProvider = getActiveRawProvider();
+                if (!activeRawProvider) {
+                    throw new Error('No active EVM provider');
+                }
+                provider = new ethers.BrowserProvider(activeRawProvider);
+                _c.label = 1;
+            case 1:
+                _c.trys.push([1, 8, , 9]);
+                return [4 /*yield*/, provider.send('wallet_sendCalls', [params])
+                    // Wait for transaction confirmation
+                ];
+            case 2:
+                response = _c.sent();
+                result = void 0;
+                _c.label = 3;
+            case 3: return [4 /*yield*/, provider.send('wallet_getCallsStatus', [response.id])
+                // wait 1 second if receipt is not yet available
+            ];
+            case 4:
+                result = _c.sent();
+                if (!(result.status == 100)) return [3 /*break*/, 6];
+                return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 1000); })];
+            case 5:
+                _c.sent();
+                _c.label = 6;
+            case 6:
+                if (result.status == 100) return [3 /*break*/, 3];
+                _c.label = 7;
+            case 7: return [2 /*return*/, (result === null || result === void 0 ? void 0 : result.status) != 200
+                    ? new Error('Failed to send batched transactions')
+                    : (_b = (_a = result.receipts.find(function (x) { return x; })) === null || _a === void 0 ? void 0 : _a.transactionHash) !== null && _b !== void 0 ? _b : new Error('Failed to get batched transactions receipt')];
+            case 8:
+                txError_3 = _c.sent();
+                if (isUserRejection(txError_3)) {
+                    return [2 /*return*/, new Error('Transaction was rejected by user')];
+                }
+                throw txError_3;
+            case 9: return [3 /*break*/, 11];
+            case 10:
+                error_3 = _c.sent();
+                console.error('Token transaction error:', error_3);
+                if (isUserRejection(error_3)) {
+                    return [2 /*return*/, new Error('Transaction was rejected by user')];
+                }
+                if (error_3.code === 'NETWORK_ERROR') {
+                    return [2 /*return*/, new Error('Network changed during transaction. Please try again.')];
+                }
+                return [2 /*return*/, error_3 instanceof Error
+                        ? error_3
+                        : new Error('Failed to send token transaction')];
+            case 11: return [2 /*return*/];
+        }
+    });
+}); };

package/utils/popup.d.ts

@@ -1,3 +1,3 @@
 export declare const iframeId = "mesh-link-popup__iframe";
 export declare function removePopup(): void;
-export declare function addPopup(iframeLink: string, language: string | undefined): void;
+export declare function addPopup(iframeLink: string): void;

package/utils/popup.js

@@ -12,14 +12,13 @@ export function removePopup() {
     var existingStyles = window.document.getElementById(stylesId);
     (_b = existingStyles === null || existingStyles === void 0 ? void 0 : existingStyles.parentElement) === null || _b === void 0 ? void 0 : _b.removeChild(existingStyles);
 }
-export function addPopup(iframeLink, language) {
+export function addPopup(iframeLink) {
     removePopup();
     var styleElement = document.createElement('style');
     styleElement.id = stylesId;
     var style = getLinkStyle(iframeLink);
     styleElement.textContent = getStylesContent(style);
     window.document.head.appendChild(styleElement);
-    iframeLink = "".concat(iframeLink).concat(iframeLink.includes('?') ? '&' : '?', "lng=").concat(language || 'en');
     var popupRootElement = document.createElement('div');
     popupRootElement.id = popupId;
     var popupBackdropElement = document.createElement('div');

package/utils/types.d.ts

@@ -4,8 +4,10 @@ export type EventType = 'brokerageAccountAccessToken' | 'delayedAuthentication'
 export interface Link {
     /**
      * A function that takes linkToken parameter from `/api/v1/linktoken` endpoint as an input, and opens the Link UI popup
+     * @param linkToken - Base64 encoded link token from the `/api/v1/linktoken` endpoint
+     * @param customIframeId - Optional custom ID for the existing iframe element. If not provided, a new iframe element will be created
      */
-    openLink: (linkToken: string) => Promise<void>;
+    openLink: (linkToken: string, customIframeId?: string) => void;
     /**
      * A function to close Link UI popup
      */
@@ -136,6 +138,17 @@ export interface SmartContractPayload {
     maxFeePerGas?: number | null;
     maxPriorityFeePerGas?: number | null;
 }
+export interface TransactionBatchPayload {
+    version: string;
+    from: string;
+    chainId: string;
+    atomicRequired: boolean;
+    calls: {
+        to: string;
+        value: string;
+        data?: string;
+    }[];
+}
 export interface DisconnectPayload {
     networkType?: string;
     walletName?: string;

package/utils/version.d.ts

@@ -1 +1 @@
-export declare const sdkVersion = "3.1.12";
+export declare const sdkVersion = "3.2.1";

package/utils/version.js

@@ -1 +1 @@
-export var sdkVersion = '3.1.12';
+export var sdkVersion = '3.2.1';

package/utils/wallet/EVMWalletStrategy.d.ts

@@ -1,5 +1,5 @@
 import { BaseWalletStrategy } from './WalletStrategy';
-import { WalletBrowserPayload, SignRequestPayload, ChainSwitchPayload, TransferPayload, SmartContractPayload, DisconnectPayload } from '../types';
+import { WalletBrowserPayload, SignRequestPayload, ChainSwitchPayload, TransferPayload, SmartContractPayload, DisconnectPayload, TransactionBatchPayload } from '../types';
 export declare class EVMWalletStrategy extends BaseWalletStrategy {
     connect(payload: WalletBrowserPayload): Promise<{
         accounts: string[];
@@ -14,6 +14,7 @@ export declare class EVMWalletStrategy extends BaseWalletStrategy {
     }>;
     sendNativeTransfer(payload: TransferPayload): Promise<string>;
     sendSmartContractInteraction(payload: SmartContractPayload): Promise<string>;
+    sendTransactionBatch(payload: TransactionBatchPayload): Promise<string>;
     getProviders(): {
         icon: string | undefined;
         id: string;

package/utils/wallet/EVMWalletStrategy.js

@@ -50,7 +50,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { BaseWalletStrategy } from './WalletStrategy';
-import { connectToEVMWallet, disconnectFromEVMWallet, signEVMMessage, sendEVMTransaction, sendEVMTokenTransaction, switchEVMChain, findAvailableProviders } from '../connectors/evm';
+import { connectToEVMWallet, disconnectFromEVMWallet, signEVMMessage, sendEVMTransaction, sendEVMTokenTransaction, switchEVMChain, findAvailableProviders, sendEVMTransactionBatch } from '../connectors/evm';
 var EVMWalletStrategy = /** @class */ (function (_super) {
     __extends(EVMWalletStrategy, _super);
     function EVMWalletStrategy() {
@@ -192,6 +192,28 @@ var EVMWalletStrategy = /** @class */ (function (_super) {
             });
         });
     };
+    EVMWalletStrategy.prototype.sendTransactionBatch = function (payload) {
+        return __awaiter(this, void 0, void 0, function () {
+            var result, error_7;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, sendEVMTransactionBatch(payload)];
+                    case 1:
+                        result = _a.sent();
+                        if (result instanceof Error) {
+                            throw result;
+                        }
+                        return [2 /*return*/, result];
+                    case 2:
+                        error_7 = _a.sent();
+                        throw this.handleError(error_7, 'send EVM smart contract interaction');
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
     EVMWalletStrategy.prototype.getProviders = function () {
         return findAvailableProviders().map(function (provider) { return ({
             icon: provider.icon,

package/utils/wallet/SolanaWalletStrategy.d.ts

@@ -18,6 +18,7 @@ export declare class SolanaWalletStrategy extends BaseWalletStrategy {
     }>;
     sendNativeTransfer(payload: TransferPayload): Promise<string>;
     sendSmartContractInteraction(payload: SmartContractPayload): Promise<string>;
+    sendTransactionBatch(): Promise<string>;
     getProviders(): {
         id: string;
         type: string;

package/utils/wallet/SolanaWalletStrategy.js

@@ -209,6 +209,9 @@ var SolanaWalletStrategy = /** @class */ (function (_super) {
             });
         });
     };
+    SolanaWalletStrategy.prototype.sendTransactionBatch = function () {
+        throw new Error('Method not implemented.');
+    };
     SolanaWalletStrategy.prototype.getProviders = function () {
         var solanaProviderMap = findAvailableSolanaProviders();
         return Object.keys(solanaProviderMap).map(function (id) { return ({

package/utils/wallet/WalletStrategy.d.ts

@@ -1,4 +1,4 @@
-import { WalletBrowserPayload, SignRequestPayload, ChainSwitchPayload, TransferPayload, SmartContractPayload, DisconnectPayload } from '../types';
+import { WalletBrowserPayload, SignRequestPayload, ChainSwitchPayload, TransferPayload, SmartContractPayload, DisconnectPayload, TransactionBatchPayload } from '../types';
 export interface WalletStrategy {
     connect(payload: WalletBrowserPayload): Promise<{
         accounts: string[];
@@ -13,6 +13,7 @@ export interface WalletStrategy {
     }>;
     sendNativeTransfer(payload: TransferPayload): Promise<string>;
     sendSmartContractInteraction(payload: SmartContractPayload): Promise<string>;
+    sendTransactionBatch(payload: TransactionBatchPayload): Promise<string>;
     getProviders(): {
         id: string;
         type: string;
@@ -34,6 +35,7 @@ export declare abstract class BaseWalletStrategy implements WalletStrategy {
     }>;
     abstract sendNativeTransfer(payload: TransferPayload): Promise<string>;
     abstract sendSmartContractInteraction(payload: SmartContractPayload): Promise<string>;
+    abstract sendTransactionBatch(payload: TransactionBatchPayload): Promise<string>;
     abstract getProviders(): {
         id: string;
         type: string;

package/utils/wallet-browser-event-types.d.ts

@@ -1,5 +1,5 @@
-export type WalletBrowserEventType = WalletBrowserInjectedWalletSelected | WalletBrowserSignRequest | WalletBrowserChainSwitchRequest | WalletBrowserTransferBalanceRequest | WalletBrowserNativeTransferRequest | WalletBrowserNonNativeTransferRequest | WalletBrowserNativeSmartDeposit | WalletBrowserNonNativeSmartDeposit | WalletBrowserDisconnect;
-declare const WALLET_BROWSER_EVENT_TYPE_KEYS: readonly ["walletBrowserInjectedWalletSelected", "walletBrowserSignRequest", "walletBrowserChainSwitchRequest", "walletBrowserTransferBalanceRequest", "walletBrowserNativeTransferRequest", "walletBrowserNonNativeTransferRequest", "walletBrowserNativeSmartDeposit", "walletBrowserNonNativeSmartDeposit", "walletBrowserDisconnect"];
+export type WalletBrowserEventType = WalletBrowserInjectedWalletSelected | WalletBrowserSignRequest | WalletBrowserChainSwitchRequest | WalletBrowserTransferBalanceRequest | WalletBrowserNativeTransferRequest | WalletBrowserNonNativeTransferRequest | WalletBrowserNativeSmartDeposit | WalletBrowserNonNativeSmartDeposit | WalletBrowserDisconnect | WalletBrowserTransactionBatch;
+declare const WALLET_BROWSER_EVENT_TYPE_KEYS: readonly ["walletBrowserInjectedWalletSelected", "walletBrowserSignRequest", "walletBrowserChainSwitchRequest", "walletBrowserTransferBalanceRequest", "walletBrowserNativeTransferRequest", "walletBrowserNonNativeTransferRequest", "walletBrowserNativeSmartDeposit", "walletBrowserNonNativeSmartDeposit", "walletBrowserDisconnect", "walletBrowserTransactionBatchRequest"];
 export type NetworkType = 'unknown' | 'evm' | 'solana' | 'bitcoin' | 'cardano' | 'tron' | 'avalancheX' | 'tezos' | 'dogecoin' | 'ripple' | 'stellar' | 'litecoin' | 'sui' | 'aptos' | 'tvm';
 export type WalletBrowserEventTypeKeys = (typeof WALLET_BROWSER_EVENT_TYPE_KEYS)[number];
 export declare function isWalletBrowserEventTypeKey(key: string): key is WalletBrowserEventTypeKeys;
@@ -77,4 +77,18 @@ export interface WalletBrowserDisconnect extends WalletBrowserEventBase {
         walletName?: string;
     };
 }
+export interface WalletBrowserTransactionBatch extends WalletBrowserEventBase {
+    type: 'walletBrowserTransactionBatchRequest';
+    payload: {
+        version: string;
+        from: string;
+        chainId: string;
+        atomicRequired: boolean;
+        calls: {
+            to: string;
+            value: string;
+            data?: string;
+        }[];
+    };
+}
 export {};

package/utils/wallet-browser-event-types.js

@@ -7,7 +7,8 @@ var WALLET_BROWSER_EVENT_TYPE_KEYS = [
     'walletBrowserNonNativeTransferRequest',
     'walletBrowserNativeSmartDeposit',
     'walletBrowserNonNativeSmartDeposit',
-    'walletBrowserDisconnect'
+    'walletBrowserDisconnect',
+    'walletBrowserTransactionBatchRequest'
 ];
 export function isWalletBrowserEventTypeKey(key) {
     return WALLET_BROWSER_EVENT_TYPE_KEYS.includes(key);