@imtbl/sdk 0.1.4-alpha → 0.1.6-alpha

package/dist/index.js

@@ -10,6 +10,8 @@ import { parseUnits } from '@ethersproject/units';
 import { BigNumber } from '@ethersproject/bignumber';
 import detectEthereumProvider from '@metamask/detect-provider';
 import { Web3Provider } from '@ethersproject/providers';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
 
 var Environment;
 (function (Environment) {
@@ -25,26 +27,26 @@ class ImmutableConfiguration {
     }
 }
 
-// Set `sdkVersion` on config
-const PRODUCTION = () => {
-    return Config.createConfig({
-        basePath: 'https://api.x.immutable.com',
-        chainID: 1,
-        coreContractAddress: '0x5FDCCA53617f4d2b9134B29090C87D01058e27e9',
-        registrationContractAddress: '0x72a06bf2a1CE5e39cBA06c0CAb824960B587d64c',
-        sdkVersion: 'ts-immutable-sdk-0.1.4-alpha',
-    });
-};
-// Set `sdkVersion` on config
-const SANDBOX = () => {
-    return Config.createConfig({
-        basePath: 'https://api.sandbox.x.immutable.com',
-        chainID: 5,
-        coreContractAddress: '0x7917eDb51ecD6CdB3F9854c3cc593F33de10c623',
-        registrationContractAddress: '0x1C97Ada273C9A52253f463042f29117090Cd7D83',
-        sdkVersion: 'ts-immutable-sdk-0.1.4-alpha',
-    });
-};
+/**
+ * Set `sdkVersion` on config
+ */
+const production = () => Config.createConfig({
+    basePath: 'https://api.x.immutable.com',
+    chainID: 1,
+    coreContractAddress: '0x5FDCCA53617f4d2b9134B29090C87D01058e27e9',
+    registrationContractAddress: '0x72a06bf2a1CE5e39cBA06c0CAb824960B587d64c',
+    sdkVersion: 'ts-immutable-sdk-0.1.6-alpha',
+});
+/**
+ * Set `sdkVersion` on config
+ */
+const sandbox = () => Config.createConfig({
+    basePath: 'https://api.sandbox.x.immutable.com',
+    chainID: 5,
+    coreContractAddress: '0x7917eDb51ecD6CdB3F9854c3cc593F33de10c623',
+    registrationContractAddress: '0x1C97Ada273C9A52253f463042f29117090Cd7D83',
+    sdkVersion: 'ts-immutable-sdk-0.1.6-alpha',
+});
 class ImxConfiguration {
     immutableXConfig;
     baseConfig;
@@ -56,13 +58,16 @@ class ImxConfiguration {
         else {
             switch (baseConfig.environment) {
                 case Environment.SANDBOX: {
-                    this.immutableXConfig = SANDBOX();
+                    this.immutableXConfig = sandbox();
                     break;
                 }
                 case Environment.PRODUCTION: {
-                    this.immutableXConfig = PRODUCTION();
+                    this.immutableXConfig = production();
                     break;
                 }
+                default: {
+                    this.immutableXConfig = sandbox();
+                }
             }
         }
     }
@@ -117,7 +122,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Deposits
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Deposits
      * @throws {@link index.IMXError}
      */
@@ -144,7 +149,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Assets
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Assets
      * @throws {@link index.IMXError}
      */
@@ -181,7 +186,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Collections
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Collections
      * @throws {@link index.IMXError}
      */
@@ -337,7 +342,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Mints
-     * @param request optional request object containing the parameters to be provided in the API request
+     * @param request optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Mints
      * @throws {@link index.IMXError}
      */
@@ -356,7 +361,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Withdrawals
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Withdrawals
      * @throws {@link index.IMXError}
      */
@@ -383,7 +388,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Orders
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Orders
      * @throws {@link index.IMXError}
      */
@@ -401,7 +406,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Trades
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Trades
      * @throws {@link index.IMXError}
      */
@@ -419,7 +424,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Tokens
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Tokens
      * @throws {@link index.IMXError}
      */
@@ -437,7 +442,7 @@ class ImmutableXClient {
     }
     /**
      * Get a list of Transfers
-     * @param request - optional request object containing the parameters to be provided in the API request
+     * @param request - optional object containing the parameters to be provided in the API request
      * @returns a promise that resolves with the requested list of Transfers
      * @throws {@link index.IMXError}
      */
@@ -658,9 +663,9 @@ const getAuthConfiguration = ({ oidcConfiguration, authenticationDomain, }) => {
             authorization_endpoint: `${authenticationDomain}/authorize`,
             token_endpoint: `${authenticationDomain}/oauth/token`,
             userinfo_endpoint: `${authenticationDomain}/userinfo`,
-            end_session_endpoint: `${authenticationDomain}/v2/logout` +
-                `?returnTo=${encodeURIComponent(oidcConfiguration.logoutRedirectUri)}` +
-                `&client_id=${oidcConfiguration.clientId}`,
+            end_session_endpoint: `${authenticationDomain}/v2/logout`
+                + `?returnTo=${encodeURIComponent(oidcConfiguration.logoutRedirectUri)}`
+                + `&client_id=${oidcConfiguration.clientId}`,
         },
         mergeClaims: true,
         loadUserInfo: true,
@@ -680,7 +685,7 @@ class AuthManager {
         this.config = config;
         this.userManager = new UserManager(getAuthConfiguration(config));
     }
-    mapOidcUserToDomainModel = (oidcUser) => {
+    static mapOidcUserToDomainModel = (oidcUser) => {
         const passport = oidcUser.profile?.passport;
         return {
             expired: oidcUser.expired,
@@ -701,7 +706,7 @@ class AuthManager {
             const oidcUser = await this.userManager.signinPopup({
                 popupWindowFeatures,
             });
-            return this.mapOidcUserToDomainModel(oidcUser);
+            return AuthManager.mapOidcUserToDomainModel(oidcUser);
         }, PassportErrorType.AUTHENTICATION_ERROR);
     }
     async loginCallback() {
@@ -720,7 +725,7 @@ class AuthManager {
             if (!oidcUser) {
                 return null;
             }
-            return this.mapOidcUserToDomainModel(oidcUser);
+            return AuthManager.mapOidcUserToDomainModel(oidcUser);
         }, PassportErrorType.SILENT_LOGIN_ERROR);
     }
     async getUser() {
@@ -729,7 +734,7 @@ class AuthManager {
             if (!oidcUser) {
                 return null;
             }
-            return this.mapOidcUserToDomainModel(oidcUser);
+            return AuthManager.mapOidcUserToDomainModel(oidcUser);
         }, PassportErrorType.NOT_LOGGED_IN_ERROR);
     }
     async requestRefreshTokenAfterRegistration() {
@@ -737,18 +742,18 @@ class AuthManager {
             const updatedUser = await retryWithDelay(async () => {
                 const user = await this.userManager.signinSilent();
                 const passportMetadata = user?.profile?.passport;
-                const metadataExists = !!passportMetadata?.ether_key &&
-                    !!passportMetadata?.stark_key &&
-                    !!passportMetadata?.user_admin_key;
+                const metadataExists = !!passportMetadata?.ether_key
+                    && !!passportMetadata?.stark_key
+                    && !!passportMetadata?.user_admin_key;
                 if (metadataExists) {
                     return user;
                 }
-                return Promise.reject('user wallet addresses not exist');
+                return Promise.reject(new Error('user wallet addresses not exist'));
             });
             if (!updatedUser) {
                 return null;
             }
-            return this.mapOidcUserToDomainModel(updatedUser);
+            return AuthManager.mapOidcUserToDomainModel(updatedUser);
         }, PassportErrorType.REFRESH_TOKEN_ERROR);
     }
 }
@@ -787,12 +792,24 @@ var SendMessage;
 })(SendMessage || (SendMessage = {}));
 var TransactionTypes;
 (function (TransactionTypes) {
+    // TODO: remove this once the naming has been fixed
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     TransactionTypes["CancelOrder"] = "delete:v1/orders";
+    // TODO: remove this once the naming has been fixed
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     TransactionTypes["CreateOrder"] = "post:v1/orders";
+    // TODO: remove this once the naming has been fixed
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     TransactionTypes["CreateTrade"] = "post:v1/trades";
+    // TODO: remove this once the naming has been fixed
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     TransactionTypes["CreateTransfer"] = "post:v1/transfers";
+    // TODO: remove this once the naming has been fixed
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     TransactionTypes["CreateBatchTransfer"] = "post:v2/transfers";
 })(TransactionTypes || (TransactionTypes = {}));
+// TODO: remove this once the naming has been fixed
+// eslint-disable-next-line @typescript-eslint/naming-convention
 const PassportEventType = 'imx_passport_confirmation';
 
 const openPopupCenter = ({ url, title, width, height, }) => {
@@ -812,10 +829,10 @@ const openPopupCenter = ({ url, title, width, height, }) => {
     return newWindow;
 };
 
-const ConfirmationWindowTitle = 'Confirm this transaction';
-const ConfirmationWindowHeight = 380;
-const ConfirmationWindowWidth = 480;
-const ConfirmationWindowClosedPollingDuration = 1000;
+const CONFIRMATION_WINDOW_TITLE = 'Confirm this transaction';
+const CONFIRMATION_WINDOW_HEIGHT = 380;
+const CONFIRMATION_WINDOW_WIDTH = 480;
+const CONFIRMATION_WINDOW_CLOSED_POLLING_DURATION = 1000;
 class ConfirmationScreen {
     config;
     constructor(config) {
@@ -831,12 +848,14 @@ class ConfirmationScreen {
     startTransaction(accessToken, transaction, popupOptions) {
         return new Promise((resolve, reject) => {
             const messageHandler = ({ data, origin }) => {
-                if (origin != this.config.passportDomain ||
-                    data.eventType != PassportEventType) {
+                if (origin !== this.config.passportDomain
+                    || data.eventType !== PassportEventType) {
                     return;
                 }
                 switch (data.messageType) {
                     case ReceiveMessage.CONFIRMATION_WINDOW_READY: {
+                        // TODO: remove once fixed
+                        // eslint-disable-next-line @typescript-eslint/no-use-before-define
                         this.postMessage(confirmationWindow, accessToken, {
                             messageType: SendMessage.TRANSACTION_START,
                             messageData: transaction,
@@ -858,87 +877,87 @@ class ConfirmationScreen {
             window.addEventListener('message', messageHandler);
             const confirmationWindow = openPopupCenter({
                 url: `${this.config.passportDomain}/transaction-confirmation`,
-                title: ConfirmationWindowTitle,
-                width: popupOptions?.width || ConfirmationWindowWidth,
-                height: popupOptions?.height || ConfirmationWindowHeight,
+                title: CONFIRMATION_WINDOW_TITLE,
+                width: popupOptions?.width || CONFIRMATION_WINDOW_WIDTH,
+                height: popupOptions?.height || CONFIRMATION_WINDOW_HEIGHT,
             });
             // https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128
-            const timer = setInterval(function () {
+            const timer = setInterval(() => {
                 if (confirmationWindow.closed) {
                     clearInterval(timer);
                     window.removeEventListener('message', messageHandler);
                     resolve({ confirmed: false });
                 }
-            }, ConfirmationWindowClosedPollingDuration);
+            }, CONFIRMATION_WINDOW_CLOSED_POLLING_DURATION);
         });
     }
 }
 
 const ERC721$1 = 'ERC721';
-const transfer$1 = ({ request, transfersApi, starkSigner, user, passportConfig, }) => {
-    return withPassportError(async () => {
-        const transferAmount = request.type === ERC721$1 ? '1' : request.amount;
-        const getSignableTransferRequest = {
-            sender: user.etherKey,
-            token: convertToSignableToken(request),
-            amount: transferAmount,
-            receiver: request.receiver,
-        };
-        const signableResult = await transfersApi.getSignableTransferV1({
-            getSignableTransferRequest,
-        });
-        const confirmationScreen = new ConfirmationScreen(passportConfig);
-        const confirmationResult = await confirmationScreen.startTransaction(user.accessToken, {
-            transactionType: TransactionTypes.CreateTransfer,
-            transactionData: getSignableTransferRequest,
-        });
-        if (!confirmationResult.confirmed) {
-            throw new Error('Transaction rejected by user');
-        }
-        const signableResultData = signableResult.data;
-        const { payload_hash: payloadHash } = signableResultData;
-        const starkSignature = await starkSigner.signMessage(payloadHash);
-        const senderStarkKey = await starkSigner.getAddress();
-        const transferSigningParams = {
-            sender_stark_key: signableResultData.sender_stark_key || senderStarkKey,
-            sender_vault_id: signableResultData.sender_vault_id,
-            receiver_stark_key: signableResultData.receiver_stark_key,
-            receiver_vault_id: signableResultData.receiver_vault_id,
-            asset_id: signableResultData.asset_id,
-            amount: signableResultData.amount,
-            nonce: signableResultData.nonce,
-            expiration_timestamp: signableResultData.expiration_timestamp,
-            stark_signature: starkSignature,
-        };
-        const createTransferRequest = {
-            createTransferRequest: transferSigningParams,
-        };
-        const headers = {
-            Authorization: 'Bearer ' + user.accessToken,
-        };
-        const { data: responseData } = await transfersApi.createTransferV1(createTransferRequest, { headers });
-        return {
-            sent_signature: responseData.sent_signature,
-            status: responseData.status?.toString(),
-            time: responseData.time,
-            transfer_id: responseData.transfer_id,
-        };
-    }, PassportErrorType.TRANSFER_ERROR);
-};
+const transfer$1 = ({ request, transfersApi, starkSigner, user, passportConfig,
+// TODO: remove this eslint disable once we have a better solution
+// eslint-disable-next-line max-len
+ }) => withPassportError(async () => {
+    const transferAmount = request.type === ERC721$1 ? '1' : request.amount;
+    const getSignableTransferRequest = {
+        sender: user.etherKey,
+        token: convertToSignableToken(request),
+        amount: transferAmount,
+        receiver: request.receiver,
+    };
+    const signableResult = await transfersApi.getSignableTransferV1({
+        getSignableTransferRequest,
+    });
+    const confirmationScreen = new ConfirmationScreen(passportConfig);
+    const confirmationResult = await confirmationScreen.startTransaction(user.accessToken, {
+        transactionType: TransactionTypes.CreateTransfer,
+        transactionData: getSignableTransferRequest,
+    });
+    if (!confirmationResult.confirmed) {
+        throw new Error('Transaction rejected by user');
+    }
+    const signableResultData = signableResult.data;
+    const { payload_hash: payloadHash } = signableResultData;
+    const starkSignature = await starkSigner.signMessage(payloadHash);
+    const senderStarkKey = await starkSigner.getAddress();
+    const transferSigningParams = {
+        sender_stark_key: signableResultData.sender_stark_key || senderStarkKey,
+        sender_vault_id: signableResultData.sender_vault_id,
+        receiver_stark_key: signableResultData.receiver_stark_key,
+        receiver_vault_id: signableResultData.receiver_vault_id,
+        asset_id: signableResultData.asset_id,
+        amount: signableResultData.amount,
+        nonce: signableResultData.nonce,
+        expiration_timestamp: signableResultData.expiration_timestamp,
+        stark_signature: starkSignature,
+    };
+    const createTransferRequest = {
+        createTransferRequest: transferSigningParams,
+    };
+    const headers = {
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        Authorization: `Bearer ${user.accessToken}`,
+    };
+    const { data: responseData } = await transfersApi.createTransferV1(createTransferRequest, { headers });
+    return {
+        sent_signature: responseData.sent_signature,
+        status: responseData.status?.toString(),
+        time: responseData.time,
+        transfer_id: responseData.transfer_id,
+    };
+}, PassportErrorType.TRANSFER_ERROR);
 async function batchNftTransfer({ user, starkSigner, request, transfersApi, passportConfig, }) {
     return withPassportError(async () => {
         const ethAddress = user.etherKey;
-        const signableRequests = request.map((nftTransfer) => {
-            return {
-                amount: '1',
-                token: convertToSignableToken({
-                    type: ERC721$1,
-                    tokenId: nftTransfer.tokenId,
-                    tokenAddress: nftTransfer.tokenAddress,
-                }),
-                receiver: nftTransfer.receiver,
-            };
-        });
+        const signableRequests = request.map((nftTransfer) => ({
+            amount: '1',
+            token: convertToSignableToken({
+                type: ERC721$1,
+                tokenId: nftTransfer.tokenId,
+                tokenAddress: nftTransfer.tokenAddress,
+            }),
+            receiver: nftTransfer.receiver,
+        }));
         const getSignableTransferRequestV2 = {
             sender_ether_key: ethAddress,
             signable_requests: signableRequests,
@@ -973,7 +992,8 @@ async function batchNftTransfer({ user, starkSigner, request, transfersApi, pass
             requests,
         };
         const headers = {
-            Authorization: 'Bearer ' + user.accessToken,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            Authorization: `Bearer ${user.accessToken}`,
         };
         const response = await transfersApi.createTransfer({
             createTransferRequestV2: transferSigningParams,
@@ -1030,7 +1050,8 @@ async function createOrder$1({ starkSigner, user, request, ordersApi, passportCo
             },
         };
         const headers = {
-            Authorization: 'Bearer ' + user.accessToken,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            Authorization: `Bearer ${user.accessToken}`,
         };
         const createOrderResponse = await ordersApi.createOrder(orderParams, {
             headers,
@@ -1059,7 +1080,8 @@ async function cancelOrder$1({ user, starkSigner, request, ordersApi, passportCo
         const { payload_hash: payloadHash } = getSignableCancelOrderResponse.data;
         const starkSignature = await starkSigner.signMessage(payloadHash);
         const headers = {
-            Authorization: 'Bearer ' + user.accessToken,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            Authorization: `Bearer ${user.accessToken}`,
         };
         const cancelOrderResponse = await ordersApi.cancelOrder({
             id: request.order_id.toString(),
@@ -1103,7 +1125,8 @@ async function exchangeTransfer$1({ user, starkSigner, request, exchangesApi, })
             stark_signature: starkSignature,
         };
         const headers = {
-            Authorization: 'Bearer ' + user.accessToken,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            Authorization: `Bearer ${user.accessToken}`,
         };
         const response = await exchangesApi.createExchangeTransfer({
             id: request.transactionID,
@@ -1159,7 +1182,8 @@ async function createTrade$1({ request, tradesApi, user, starkSigner, passportCo
                 vault_id_sell: signableResultData.vault_id_sell,
             },
         };
-        const headers = { Authorization: 'Bearer ' + user.accessToken };
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        const headers = { Authorization: `Bearer ${user.accessToken}` };
         const { data: createTradeResponse } = await tradesApi.createTradeV3(tradeParams, {
             headers,
         });
@@ -1187,9 +1211,13 @@ class PassportImxProvider {
             passportConfig: this.passportConfig,
         });
     }
+    // TODO: Remove once implemented
+    // eslint-disable-next-line class-methods-use-this
     registerOffchain() {
         throw new PassportError('Operation not supported', PassportErrorType.OPERATION_NOT_SUPPORTED_ERROR);
     }
+    // TODO: Remove once implemented
+    // eslint-disable-next-line class-methods-use-this
     isRegisteredOnchain() {
         throw new PassportError('Operation not supported', PassportErrorType.OPERATION_NOT_SUPPORTED_ERROR);
     }
@@ -1237,14 +1265,18 @@ class PassportImxProvider {
             exchangesApi: this.immutableXClient.exchangeApi,
         });
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // TODO: Remove once implemented
+    // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
     deposit(deposit) {
         throw new PassportError('Operation not supported', PassportErrorType.OPERATION_NOT_SUPPORTED_ERROR);
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // TODO: Remove once implemented
+    // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
     prepareWithdrawal(request) {
         throw new PassportError('Operation not supported', PassportErrorType.OPERATION_NOT_SUPPORTED_ERROR);
     }
+    // TODO: Remove once implemented
+    // eslint-disable-next-line class-methods-use-this
     completeWithdrawal(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     starkPublicKey, 
@@ -1307,20 +1339,21 @@ class PassportConfiguration {
         }
         else {
             switch (baseConfig.environment) {
-                case Environment.SANDBOX: {
-                    this.network = Networks.SANDBOX;
+                case Environment.PRODUCTION: {
+                    this.network = Networks.PRODUCTION;
                     this.authenticationDomain = 'https://auth.immutable.com';
                     this.magicPublishableApiKey = 'pk_live_10F423798A540ED7';
                     this.magicProviderId = 'fSMzaRQ4O7p4fttl7pCyGVtJS_G70P8SNsLXtPPGHo0=';
-                    this.passportDomain = 'https://passport.sandbox.immutable.com';
+                    this.passportDomain = 'https://passport.immutable.com';
                     break;
                 }
-                case Environment.PRODUCTION: {
-                    this.network = Networks.PRODUCTION;
+                case Environment.SANDBOX:
+                default: {
+                    this.network = Networks.SANDBOX;
                     this.authenticationDomain = 'https://auth.immutable.com';
                     this.magicPublishableApiKey = 'pk_live_10F423798A540ED7';
                     this.magicProviderId = 'fSMzaRQ4O7p4fttl7pCyGVtJS_G70P8SNsLXtPPGHo0=';
-                    this.passportDomain = 'https://passport.immutable.com';
+                    this.passportDomain = 'https://passport.sandbox.immutable.com';
                     break;
                 }
             }
@@ -1328,12 +1361,12 @@ class PassportConfiguration {
     }
 }
 
-const getStarkSigner = async (signer) => {
-    return withPassportError(async () => {
-        const privateKey = await generateLegacyStarkPrivateKey(signer);
-        return createStarkSigner(privateKey);
-    }, PassportErrorType.WALLET_CONNECTION_ERROR);
-};
+// TODO: remove this eslint disable once we have a better solution
+// eslint-disable-next-line max-len
+const getStarkSigner = async (signer) => withPassportError(async () => {
+    const privateKey = await generateLegacyStarkPrivateKey(signer);
+    return createStarkSigner(privateKey);
+}, PassportErrorType.WALLET_CONNECTION_ERROR);
 
 async function registerPassport({ ethSigner, starkSigner, usersApi }, authorization) {
     return withPassportError(async () => {
@@ -1349,7 +1382,7 @@ async function registerPassport({ ethSigner, starkSigner, usersApi }, authorizat
         const ethSignature = await signRaw(signableMessage, ethSigner);
         const starkSignature = await starkSigner.signMessage(payloadHash);
         const response = await usersApi.registerPassportUser({
-            authorization: `Bearer ` + authorization,
+            authorization: `Bearer ${authorization}`,
             registerPassportUserRequest: {
                 eth_signature: ethSignature,
                 ether_key: userAddress,
@@ -1361,6 +1394,7 @@ async function registerPassport({ ethSigner, starkSigner, usersApi }, authorizat
     }, PassportErrorType.USER_REGISTRATION_ERROR);
 }
 
+// TODO: Remove this once the dependency has been added
 class Passport {
     authManager;
     magicAdapter;
@@ -1370,11 +1404,10 @@ class Passport {
         this.config = new PassportConfiguration(passportModuleConfiguration);
         this.authManager = new AuthManager(this.config);
         this.magicAdapter = new MagicAdapter(this.config);
-        this.immutableXClient =
-            passportModuleConfiguration.overrides?.immutableXClient ||
-                new ImmutableXClient({
-                    baseConfig: passportModuleConfiguration.baseConfig,
-                });
+        this.immutableXClient = passportModuleConfiguration.overrides?.immutableXClient
+            || new ImmutableXClient({
+                baseConfig: passportModuleConfiguration.baseConfig,
+            });
     }
     async getImxProvider(user) {
         if (!user || !user.idToken) {
@@ -2651,6 +2684,12 @@ let $4f91c5f280efe242$export$a75605c67ea83a5a;
 })($4f91c5f280efe242$export$a75605c67ea83a5a || ($4f91c5f280efe242$export$a75605c67ea83a5a = {}));
 
 
+let $090d3502d165f17d$export$c5ab8fbcabac8c11;
+(function(SupportedFiatCurrencies) {
+    SupportedFiatCurrencies["USD"] = "USD";
+})($090d3502d165f17d$export$c5ab8fbcabac8c11 || ($090d3502d165f17d$export$c5ab8fbcabac8c11 = {}));
+
+
 
 
 /**
@@ -2668,6 +2707,9 @@ let $4f91c5f280efe242$export$a75605c67ea83a5a;
     CheckoutErrorType["PROVIDER_REQUEST_FAILED_ERROR"] = "PROVIDER_REQUEST_FAILED_ERROR";
     CheckoutErrorType["USER_REJECTED_REQUEST_ERROR"] = "USER_REJECTED_REQUEST_ERROR";
     CheckoutErrorType["TRANSACTION_ERROR"] = "TRANSACTION_ERROR";
+    CheckoutErrorType["FIAT_CONVERSION_ERROR"] = "FIAT_CONVERSION_ERROR";
+    CheckoutErrorType["TOKEN_NOT_SUPPORTED_ERROR"] = "TOKEN_NOT_SUPPORTED_ERROR";
+    CheckoutErrorType["FIAT_CURRENCY_NOT_SUPPORTED_ERROR"] = "FIAT_CURRENCY_NOT_SUPPORTED_ERROR";
 })($a8bc256d81a5e2c1$export$e3dc0620abde7f5a || ($a8bc256d81a5e2c1$export$e3dc0620abde7f5a = {}));
 class $a8bc256d81a5e2c1$export$b722478a3cbfa3bc extends Error {
     constructor(message, type, data){
@@ -2884,14 +2926,22 @@ var $cda6003506e4182e$exports = {};
 $cda6003506e4182e$exports = JSON.parse("[{\"address\":\"0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0\",\"chainId\":137,\"name\":\"Matic\",\"symbol\":\"MATIC\",\"decimals\":18,\"icon\":\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38.4 33.5' style='enable-background:new 0 0 38.4 33.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238247E5;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M29,10.2c-0.7-0.4-1.6-0.4-2.4,0L21,13.5l-3.8,2.1l-5.5,3.3c-0.7,0.4-1.6,0.4-2.4,0L5,16.3 c-0.7-0.4-1.2-1.2-1.2-2.1v-5c0-0.8,0.4-1.6,1.2-2.1l4.3-2.5c0.7-0.4,1.6-0.4,2.4,0L16,7.2c0.7,0.4,1.2,1.2,1.2,2.1v3.3l3.8-2.2V7 c0-0.8-0.4-1.6-1.2-2.1l-8-4.7c-0.7-0.4-1.6-0.4-2.4,0L1.2,5C0.4,5.4,0,6.2,0,7v9.4c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7 c0.7,0.4,1.6,0.4,2.4,0l5.5-3.2l3.8-2.2l5.5-3.2c0.7-0.4,1.6-0.4,2.4,0l4.3,2.5c0.7,0.4,1.2,1.2,1.2,2.1v5c0,0.8-0.4,1.6-1.2,2.1 L29,28.8c-0.7,0.4-1.6,0.4-2.4,0l-4.3-2.5c-0.7-0.4-1.2-1.2-1.2-2.1V21l-3.8,2.2v3.3c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7 c0.7,0.4,1.6,0.4,2.4,0l8.1-4.7c0.7-0.4,1.2-1.2,1.2-2.1V17c0-0.8-0.4-1.6-1.2-2.1L29,10.2z'/%3E%3C/g%3E%3C/svg%3E%0A\",\"tokenFeatures\":[\"swap\",\"bridge\"]},{\"name\":\"Ethereum\",\"symbol\":\"ETH\",\"decimals\":18,\"icon\":\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='100%25' height='100%25' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%0AviewBox='0 0 784.37 1277.39' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Layer_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cg id='_1421394342400'%3E%3Cg%3E%3Cpolygon fill='%23343434' fill-rule='nonzero' points='392.07,0 383.5,29.11 383.5,873.74 392.07,882.29 784.13,650.54 '/%3E%3Cpolygon fill='%238C8C8C' fill-rule='nonzero' points='392.07,0 -0,650.54 392.07,882.29 392.07,472.33 '/%3E%3Cpolygon fill='%233C3C3B' fill-rule='nonzero' points='392.07,956.52 387.24,962.41 387.24,1263.28 392.07,1277.38 784.37,724.89 '/%3E%3Cpolygon fill='%238C8C8C' fill-rule='nonzero' points='392.07,1277.38 392.07,956.52 -0,724.89 '/%3E%3Cpolygon fill='%23141414' fill-rule='nonzero' points='392.07,882.29 784.13,650.54 392.07,472.33 '/%3E%3Cpolygon fill='%23393939' fill-rule='nonzero' points='0,650.54 392.07,882.29 392.07,472.33 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\",\"chainId\":1,\"tokenFeatures\":[\"swap\",\"bridge\"]},{\"address\":\"0xF57e7e7C23978C3cAEC3C3548E3D615c346e79fF\",\"chainId\":1,\"name\":\"Immutable X\",\"symbol\":\"IMX\",\"decimals\":18,\"icon\":\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 139 113' style='enable-background:new 0 0 139 113;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_00000053504646934646330740000009134454895836103350_);%7D .st1%7Bfill:%2317B5CB;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='139' height='113'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000035518931339590433170000002358037249938198420_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_00000035518931339590433170000002358037249938198420_);'%3E%3Cpath class='st1' d='M124.1,0h14.6L79.5,67.6c-1.5,1.7-1.6,4.3-0.1,6.1l34.1,39.7H98.3L66.8,76.6l-1.6-2c-1.5-1.7-1.4-4.4,0.1-6.1 L124.1,0z'/%3E%3Cpath class='st1' d='M91.2,73.7c-1-1.1-1.3-2.7-1-4.1c0.3-0.8,0.8-1.6,1.4-2.2l3.9-4.3l43.5,50.3h-13.8 C125.2,113.4,99.7,83.6,91.2,73.7z'/%3E%3Cpath class='st1' d='M15.2,113.4H0l46.6-53.9c1.5-1.7,1.5-4.3,0-6L0.4,0H15l46.5,53.9c1.2,1.6,1.4,3.9,0.1,5.4 C49.4,73.4,15.2,113.4,15.2,113.4z'/%3E%3Cpath class='st1' d='M40.6,0h-14l43.1,49.9c0,0,0.1-0.1,4.9-5.8c1.3-1.5,1.6-3.4,0.1-4.9C65.7,30,40.6,0,40.6,0z'/%3E%3Cpath class='st1' d='M82.6,34.8L112.5,0H98.3L82.7,18.2l-4.5,5.3c-1.5,1.7-1.6,4.3-0.1,6.1C79.2,30.9,82.6,34.8,82.6,34.8z'/%3E%3Cpath class='st1' d='M56.6,78.6l-29.9,34.8h14.1l15.6-18.2l4.5-5.3c1.5-1.7,1.6-4.3,0.1-6.1C59.9,82.5,56.6,78.6,56.6,78.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\",\"tokenFeatures\":[\"swap\",\"bridge\"]},{\"address\":\"0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0\",\"chainId\":1,\"name\":\"Matic\",\"symbol\":\"MATIC\",\"decimals\":18,\"icon\":\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38.4 33.5' style='enable-background:new 0 0 38.4 33.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238247E5;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M29,10.2c-0.7-0.4-1.6-0.4-2.4,0L21,13.5l-3.8,2.1l-5.5,3.3c-0.7,0.4-1.6,0.4-2.4,0L5,16.3 c-0.7-0.4-1.2-1.2-1.2-2.1v-5c0-0.8,0.4-1.6,1.2-2.1l4.3-2.5c0.7-0.4,1.6-0.4,2.4,0L16,7.2c0.7,0.4,1.2,1.2,1.2,2.1v3.3l3.8-2.2V7 c0-0.8-0.4-1.6-1.2-2.1l-8-4.7c-0.7-0.4-1.6-0.4-2.4,0L1.2,5C0.4,5.4,0,6.2,0,7v9.4c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7 c0.7,0.4,1.6,0.4,2.4,0l5.5-3.2l3.8-2.2l5.5-3.2c0.7-0.4,1.6-0.4,2.4,0l4.3,2.5c0.7,0.4,1.2,1.2,1.2,2.1v5c0,0.8-0.4,1.6-1.2,2.1 L29,28.8c-0.7,0.4-1.6,0.4-2.4,0l-4.3-2.5c-0.7-0.4-1.2-1.2-1.2-2.1V21l-3.8,2.2v3.3c0,0.8,0.4,1.6,1.2,2.1l8.1,4.7 c0.7,0.4,1.6,0.4,2.4,0l8.1-4.7c0.7-0.4,1.2-1.2,1.2-2.1V17c0-0.8-0.4-1.6-1.2-2.1L29,10.2z'/%3E%3C/g%3E%3C/svg%3E%0A\",\"tokenFeatures\":[\"swap\",\"bridge\"]},{\"name\":\"Ethereum\",\"symbol\":\"ETH\",\"decimals\":18,\"icon\":\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='100%25' height='100%25' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%0AviewBox='0 0 784.37 1277.39' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Layer_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cg id='_1421394342400'%3E%3Cg%3E%3Cpolygon fill='%23343434' fill-rule='nonzero' points='392.07,0 383.5,29.11 383.5,873.74 392.07,882.29 784.13,650.54 '/%3E%3Cpolygon fill='%238C8C8C' fill-rule='nonzero' points='392.07,0 -0,650.54 392.07,882.29 392.07,472.33 '/%3E%3Cpolygon fill='%233C3C3B' fill-rule='nonzero' points='392.07,956.52 387.24,962.41 387.24,1263.28 392.07,1277.38 784.37,724.89 '/%3E%3Cpolygon fill='%238C8C8C' fill-rule='nonzero' points='392.07,1277.38 392.07,956.52 -0,724.89 '/%3E%3Cpolygon fill='%23141414' fill-rule='nonzero' points='392.07,882.29 784.13,650.54 392.07,472.33 '/%3E%3Cpolygon fill='%23393939' fill-rule='nonzero' points='0,650.54 392.07,882.29 392.07,472.33 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\",\"chainId\":5,\"tokenFeatures\":[\"swap\",\"bridge\"]},{\"address\":\"0x1facdd0165489f373255a90304650e15481b2c85\",\"chainId\":5,\"name\":\"Immutable X\",\"symbol\":\"IMX\",\"decimals\":18,\"icon\":\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 139 113' style='enable-background:new 0 0 139 113;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_00000053504646934646330740000009134454895836103350_);%7D .st1%7Bfill:%2317B5CB;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='139' height='113'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000035518931339590433170000002358037249938198420_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_00000035518931339590433170000002358037249938198420_);'%3E%3Cpath class='st1' d='M124.1,0h14.6L79.5,67.6c-1.5,1.7-1.6,4.3-0.1,6.1l34.1,39.7H98.3L66.8,76.6l-1.6-2c-1.5-1.7-1.4-4.4,0.1-6.1 L124.1,0z'/%3E%3Cpath class='st1' d='M91.2,73.7c-1-1.1-1.3-2.7-1-4.1c0.3-0.8,0.8-1.6,1.4-2.2l3.9-4.3l43.5,50.3h-13.8 C125.2,113.4,99.7,83.6,91.2,73.7z'/%3E%3Cpath class='st1' d='M15.2,113.4H0l46.6-53.9c1.5-1.7,1.5-4.3,0-6L0.4,0H15l46.5,53.9c1.2,1.6,1.4,3.9,0.1,5.4 C49.4,73.4,15.2,113.4,15.2,113.4z'/%3E%3Cpath class='st1' d='M40.6,0h-14l43.1,49.9c0,0,0.1-0.1,4.9-5.8c1.3-1.5,1.6-3.4,0.1-4.9C65.7,30,40.6,0,40.6,0z'/%3E%3Cpath class='st1' d='M82.6,34.8L112.5,0H98.3L82.7,18.2l-4.5,5.3c-1.5,1.7-1.6,4.3-0.1,6.1C79.2,30.9,82.6,34.8,82.6,34.8z'/%3E%3Cpath class='st1' d='M56.6,78.6l-29.9,34.8h14.1l15.6-18.2l4.5-5.3c1.5-1.7,1.6-4.3,0.1-6.1C59.9,82.5,56.6,78.6,56.6,78.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\",\"tokenFeatures\":[\"swap\",\"bridge\"]},{\"address\":\"0x123456789\",\"chainId\":5,\"name\":\"Swap Coin\",\"symbol\":\"SWC\",\"decimals\":18,\"tokenFeatures\":[\"swap\",\"fakeFeature\"]},{\"address\":\"0x123456789\",\"chainId\":5,\"name\":\"Bridge Coin\",\"symbol\":\"BDC\",\"decimals\":18,\"tokenFeatures\":[\"bridge\",\"fakeFeature\"]}]");
 
 
-const $efe60cea83bfc4e8$export$473cec51305fdae8 = async function({ type: type = ($08d5ddc39acd6833$export$fd9b17d87f4121d2).ALL , chainId: chainId , exclude: exclude  }) {
-    // todo:For API call, use the CheckoutError with errorType:API_CALL_ERROR?? or any other
-    const filteredTokenList = ((/*@__PURE__*/$parcel$interopDefault($cda6003506e4182e$exports))).filter((token)=>{
+const $efe60cea83bfc4e8$var$filterTokenList = function({ type: type , chainId: chainId , exclude: exclude  }) {
+    return ((/*@__PURE__*/$parcel$interopDefault($cda6003506e4182e$exports))).filter((token)=>{
+        const skipChainIdCheck = !chainId;
         const chainIdMatches = token.chainId == chainId;
         const tokenNotExcluded = !exclude?.map((excludeToken)=>excludeToken.address).includes(token.address || "");
         const allowAllTokens = type === ($08d5ddc39acd6833$export$fd9b17d87f4121d2).ALL;
         const tokenAllowedForType = token.tokenFeatures.includes(type);
-        return chainIdMatches && tokenNotExcluded && (allowAllTokens || tokenAllowedForType);
+        return (skipChainIdCheck || chainIdMatches) && tokenNotExcluded && (allowAllTokens || tokenAllowedForType);
+    });
+};
+const $efe60cea83bfc4e8$export$473cec51305fdae8 = async function({ type: type = ($08d5ddc39acd6833$export$fd9b17d87f4121d2).ALL , chainId: chainId , exclude: exclude  }) {
+    // todo:For API call, use the CheckoutError with errorType:API_CALL_ERROR?? or any other
+    const filteredTokenList = $efe60cea83bfc4e8$var$filterTokenList({
+        type: type,
+        chainId: chainId,
+        exclude: exclude
     }).map((token)=>{
         const { chainId: chainId , tokenFeatures: tokenFeatures , ...tokenInfo } = token;
         return tokenInfo;
@@ -3104,91 +3154,280 @@ class $a8cb37a3fc8eb863$export$1f60ba4ec72508a0 {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $88e4c575901cd68c$exports = {};
+var $207ed853f11d19d5$exports = {};
 
-$parcel$export($88e4c575901cd68c$exports, "IMTBLWidgetEvents", () => $88e4c575901cd68c$export$5a0ace85cae72d45);
-let $88e4c575901cd68c$export$5a0ace85cae72d45;
+$parcel$export($207ed853f11d19d5$exports, "IMTBLWidgetEvents", () => $207ed853f11d19d5$export$5a0ace85cae72d45);
+/**
+ * Enum representing the events emitted by the widgets.
+ */ let $207ed853f11d19d5$export$5a0ace85cae72d45;
 (function(IMTBLWidgetEvents) {
     IMTBLWidgetEvents["IMTBL_CONNECT_WIDGET_EVENT"] = "imtbl-connect-widget";
     IMTBLWidgetEvents["IMTBL_WALLET_WIDGET_EVENT"] = "imtbl-wallet-widget";
     IMTBLWidgetEvents["IMTBL_SWAP_WIDGET_EVENT"] = "imtbl-swap-widget";
     IMTBLWidgetEvents["IMTBL_BRIDGE_WIDGET_EVENT"] = "imtbl-bridge-widget";
     IMTBLWidgetEvents["IMTBL_BUY_WIDGET_EVENT"] = "imtbl-buy-widget";
-})($88e4c575901cd68c$export$5a0ace85cae72d45 || ($88e4c575901cd68c$export$5a0ace85cae72d45 = {}));
+    IMTBLWidgetEvents["IMTBL_ONRAMP_WIDGET_EVENT"] = "imtbl-onramp-widget";
+})($207ed853f11d19d5$export$5a0ace85cae72d45 || ($207ed853f11d19d5$export$5a0ace85cae72d45 = {}));
 
 
-var $d71a87afc3136184$exports = {};
+var $a85ecdbd885c58ad$exports = {};
 
-$parcel$export($d71a87afc3136184$exports, "ConnectEventType", () => $d71a87afc3136184$export$e72e7f9969a47dd3);
-let $d71a87afc3136184$export$e72e7f9969a47dd3;
+$parcel$export($a85ecdbd885c58ad$exports, "ConnectEventType", () => $a85ecdbd885c58ad$export$e72e7f9969a47dd3);
+let $a85ecdbd885c58ad$export$e72e7f9969a47dd3;
 (function(ConnectEventType) {
     ConnectEventType["SUCCESS"] = "success";
     ConnectEventType["FAILURE"] = "failure";
     ConnectEventType["CLOSE_WIDGET"] = "close-widget";
-})($d71a87afc3136184$export$e72e7f9969a47dd3 || ($d71a87afc3136184$export$e72e7f9969a47dd3 = {}));
+})($a85ecdbd885c58ad$export$e72e7f9969a47dd3 || ($a85ecdbd885c58ad$export$e72e7f9969a47dd3 = {}));
 
 
-var $9d0f1783d4d36e8a$exports = {};
+var $77b6aac5c353d4a9$exports = {};
 
-$parcel$export($9d0f1783d4d36e8a$exports, "WalletEventType", () => $9d0f1783d4d36e8a$export$d9be06b70b28c742);
-//wallet widget events
-let $9d0f1783d4d36e8a$export$d9be06b70b28c742;
+$parcel$export($77b6aac5c353d4a9$exports, "WalletEventType", () => $77b6aac5c353d4a9$export$d9be06b70b28c742);
+let $77b6aac5c353d4a9$export$d9be06b70b28c742;
 (function(WalletEventType) {
     WalletEventType["CLOSE_WIDGET"] = "close-widget";
     WalletEventType["NETWORK_SWITCH"] = "network-switch";
-})($9d0f1783d4d36e8a$export$d9be06b70b28c742 || ($9d0f1783d4d36e8a$export$d9be06b70b28c742 = {}));
+    WalletEventType["ADD_COINS"] = "add-coins";
+    WalletEventType["REQUEST_SWAP"] = "request-swap";
+    WalletEventType["REQUEST_BRIDGE"] = "request-bridge";
+    WalletEventType["REQUEST_ONRAMP"] = "request-onramp";
+})($77b6aac5c353d4a9$export$d9be06b70b28c742 || ($77b6aac5c353d4a9$export$d9be06b70b28c742 = {}));
 
 
-var $5d497088f13bb116$exports = {};
+var $53d219e7f6bf0cd6$exports = {};
 
-$parcel$export($5d497088f13bb116$exports, "SwapEventType", () => $5d497088f13bb116$export$140a49745ab55563);
-let $5d497088f13bb116$export$140a49745ab55563;
+$parcel$export($53d219e7f6bf0cd6$exports, "SwapEventType", () => $53d219e7f6bf0cd6$export$140a49745ab55563);
+/**
+ * Represents an event object emitted by the Swap Widget.
+ * @property {SwapEventType} type - The type of the event.
+ * @property {T} data - The data contained in the event.
+ */ let $53d219e7f6bf0cd6$export$140a49745ab55563;
 (function(SwapEventType) {
     SwapEventType["SUCCESS"] = "success";
     SwapEventType["FAILURE"] = "failure";
-})($5d497088f13bb116$export$140a49745ab55563 || ($5d497088f13bb116$export$140a49745ab55563 = {}));
+})($53d219e7f6bf0cd6$export$140a49745ab55563 || ($53d219e7f6bf0cd6$export$140a49745ab55563 = {}));
 
 
-var $28a5fdc2f5e6c742$exports = {};
+var $15cc9e120aa6f3bf$exports = {};
 
-$parcel$export($28a5fdc2f5e6c742$exports, "BridgeEventType", () => $28a5fdc2f5e6c742$export$d1bfa21f7c76447a);
-let $28a5fdc2f5e6c742$export$d1bfa21f7c76447a;
+$parcel$export($15cc9e120aa6f3bf$exports, "BridgeEventType", () => $15cc9e120aa6f3bf$export$d1bfa21f7c76447a);
+/**
+ * Represents an event object emitted by the Bridge Widget.
+ * @property {BridgeEventType} type - The type of the event.
+ * @property {T} data - The data associated with the event.
+ */ let $15cc9e120aa6f3bf$export$d1bfa21f7c76447a;
 (function(BridgeEventType) {
     BridgeEventType["CLOSE_WIDGET"] = "close-widget";
     BridgeEventType["SUCCESS"] = "success";
     BridgeEventType["FAILURE"] = "failure";
-})($28a5fdc2f5e6c742$export$d1bfa21f7c76447a || ($28a5fdc2f5e6c742$export$d1bfa21f7c76447a = {}));
+})($15cc9e120aa6f3bf$export$d1bfa21f7c76447a || ($15cc9e120aa6f3bf$export$d1bfa21f7c76447a = {}));
 
 
-var $ede253beebe0de4a$exports = {};
+var $98cbcca465beec95$exports = {};
 
-$parcel$export($ede253beebe0de4a$exports, "BuyEventType", () => $ede253beebe0de4a$export$90db5fe1be5993c1);
-let $ede253beebe0de4a$export$90db5fe1be5993c1;
+$parcel$export($98cbcca465beec95$exports, "BuyEventType", () => $98cbcca465beec95$export$90db5fe1be5993c1);
+/**
+ * Represents an event object emitted by the Buy Widget.
+ * @property {BuyEventType} type - The type of the event.
+ * @property {T} data - The data contained in the event.
+ */ let $98cbcca465beec95$export$90db5fe1be5993c1;
 (function(BuyEventType) {
     BuyEventType["SUCCESS"] = "success";
     BuyEventType["FAILURE"] = "failure";
     BuyEventType["NOT_CONNECTED"] = "not_connected";
     BuyEventType["CLOSE"] = "close";
-})($ede253beebe0de4a$export$90db5fe1be5993c1 || ($ede253beebe0de4a$export$90db5fe1be5993c1 = {}));
+})($98cbcca465beec95$export$90db5fe1be5993c1 || ($98cbcca465beec95$export$90db5fe1be5993c1 = {}));
+
 
+var $66ceef112c0ee49e$exports = {};
 
-var $9234b4c577442a97$exports = {};
+$parcel$export($66ceef112c0ee49e$exports, "OnRampEventType", () => $66ceef112c0ee49e$export$66ec39c0924078d8);
+let $66ceef112c0ee49e$export$66ec39c0924078d8;
+$66ceef112c0ee49e$export$66ec39c0924078d8 || ($66ceef112c0ee49e$export$66ec39c0924078d8 = {});
 
-$parcel$export($9234b4c577442a97$exports, "Network", () => $9234b4c577442a97$export$95be4ae94445245a);
-$parcel$export($9234b4c577442a97$exports, "WidgetTheme", () => $9234b4c577442a97$export$c88931fdc51854eb);
-$parcel$export($9234b4c577442a97$exports, "ConnectionProviders", () => $d176a05e966364ba$export$3bfad4d03ada24c4);
 
-let $9234b4c577442a97$export$95be4ae94445245a;
+var $14d7a2bbb79e0dae$exports = {};
+
+$parcel$export($14d7a2bbb79e0dae$exports, "Network", () => $14d7a2bbb79e0dae$export$95be4ae94445245a);
+$parcel$export($14d7a2bbb79e0dae$exports, "WidgetTheme", () => $14d7a2bbb79e0dae$export$c88931fdc51854eb);
+$parcel$export($14d7a2bbb79e0dae$exports, "WidgetConnectionProviders", () => $14d7a2bbb79e0dae$export$2f61dde3bdc320cb);
+$parcel$export($14d7a2bbb79e0dae$exports, "CheckoutWidgetTagNames", () => $14d7a2bbb79e0dae$export$75be0f6af9650f2c);
+/**
+ * Enum representing the networks supported by Checkout.
+ */ let $14d7a2bbb79e0dae$export$95be4ae94445245a;
 (function(Network) {
     Network["ETHEREUM"] = "Ethereum";
     Network["GOERLI"] = "Goerli";
     Network["POLYGON"] = "Polygon";
-})($9234b4c577442a97$export$95be4ae94445245a || ($9234b4c577442a97$export$95be4ae94445245a = {}));
-let $9234b4c577442a97$export$c88931fdc51854eb;
+})($14d7a2bbb79e0dae$export$95be4ae94445245a || ($14d7a2bbb79e0dae$export$95be4ae94445245a = {}));
+let $14d7a2bbb79e0dae$export$c88931fdc51854eb;
 (function(WidgetTheme) {
     WidgetTheme["LIGHT"] = "light";
     WidgetTheme["DARK"] = "dark";
     WidgetTheme["CUSTOM"] = "custom";
-})($9234b4c577442a97$export$c88931fdc51854eb || ($9234b4c577442a97$export$c88931fdc51854eb = {}));
+})($14d7a2bbb79e0dae$export$c88931fdc51854eb || ($14d7a2bbb79e0dae$export$c88931fdc51854eb = {}));
+let $14d7a2bbb79e0dae$export$2f61dde3bdc320cb;
+(function(WidgetConnectionProviders) {
+    WidgetConnectionProviders["METAMASK"] = "metamask";
+})($14d7a2bbb79e0dae$export$2f61dde3bdc320cb || ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb = {}));
+let $14d7a2bbb79e0dae$export$75be0f6af9650f2c;
+(function(CheckoutWidgetTagNames) {
+    CheckoutWidgetTagNames["CONNECT"] = "imtbl-connect";
+    CheckoutWidgetTagNames["WALLET"] = "imtbl-wallet";
+    CheckoutWidgetTagNames["SWAP"] = "imtbl-swap";
+    CheckoutWidgetTagNames["BUY"] = "imtbl-buy";
+    CheckoutWidgetTagNames["BRIDGE"] = "imtbl-bridge";
+    CheckoutWidgetTagNames["EXAMPLE"] = "imtbl-example";
+})($14d7a2bbb79e0dae$export$75be0f6af9650f2c || ($14d7a2bbb79e0dae$export$75be0f6af9650f2c = {}));
+
+
+var $1f969328e5988c99$exports = {};
+
+$parcel$export($1f969328e5988c99$exports, "BridgeReact", () => $1f969328e5988c99$export$30f61ebf204c69f6);
+
+
+
+function $1f969328e5988c99$export$30f61ebf204c69f6(props) {
+    const { providerPreference: providerPreference , fromContractAddress: fromContractAddress , amount: amount , fromNetwork: fromNetwork  } = props;
+    const config = window.ImtblCheckoutWidgetConfig;
+    return /*#__PURE__*/ (jsx)("imtbl-bridge", {
+        providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
+        theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
+        fromContractAddress: fromContractAddress ?? "",
+        fromNetwork: fromNetwork ?? "",
+        amount: amount ?? ""
+    });
+}
+
+
+var $f22931ca9e2f35b6$exports = {};
+
+$parcel$export($f22931ca9e2f35b6$exports, "BuyReact", () => $f22931ca9e2f35b6$export$d13582032b79b401);
+
+
+
+function $f22931ca9e2f35b6$export$d13582032b79b401(props) {
+    const { providerPreference: providerPreference , orderId: orderId  } = props;
+    const config = window.ImtblCheckoutWidgetConfig;
+    return /*#__PURE__*/ (jsx)("imtbl-buy", {
+        providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
+        theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
+        orderId: orderId
+    });
+}
+
+
+var $f2083cd30e2f5c56$exports = {};
+
+$parcel$export($f2083cd30e2f5c56$exports, "ConnectReact", () => $f2083cd30e2f5c56$export$49d62957f420a1e2);
+
+
+
+function $f2083cd30e2f5c56$export$49d62957f420a1e2(props) {
+    const { providerPreference: providerPreference  } = props;
+    const config = window.ImtblCheckoutWidgetConfig;
+    return /*#__PURE__*/ (jsx)("imtbl-connect", {
+        providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
+        theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK
+    });
+}
+
+
+var $a4fbb8e3a6aeff58$exports = {};
+
+$parcel$export($a4fbb8e3a6aeff58$exports, "SwapReact", () => $a4fbb8e3a6aeff58$export$971e031379577f4);
+
+
+
+function $a4fbb8e3a6aeff58$export$971e031379577f4(props) {
+    const { providerPreference: providerPreference , fromContractAddress: fromContractAddress , amount: amount , toContractAddress: toContractAddress  } = props;
+    const config = window.ImtblCheckoutWidgetConfig;
+    return /*#__PURE__*/ (jsx)("imtbl-swap", {
+        providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
+        theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
+        fromContractAddress: fromContractAddress ?? "",
+        toContractAddress: toContractAddress ?? "",
+        amount: amount ?? ""
+    });
+}
+
+
+var $89d55ace0f8f1c07$exports = {};
+
+$parcel$export($89d55ace0f8f1c07$exports, "WalletReact", () => $89d55ace0f8f1c07$export$ceaac94f34dba154);
+
+
+
+function $89d55ace0f8f1c07$export$ceaac94f34dba154(props) {
+    const { providerPreference: providerPreference , isBridgeEnabled: isBridgeEnabled , isOnRampEnabled: isOnRampEnabled , isSwapEnabled: isSwapEnabled  } = props;
+    const config = window.ImtblCheckoutWidgetConfig;
+    // isOnRampEnabled, isBridgeEnabled, isSwapEnabled is a boolean type for better devExp
+    // converting them to string for compatible webComponent properties
+    return /*#__PURE__*/ (jsx)("imtbl-wallet", {
+        providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
+        theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
+        isBridgeEnabled: isBridgeEnabled?.toString(),
+        isSwapEnabled: isSwapEnabled?.toString(),
+        isOnRampEnabled: isOnRampEnabled?.toString()
+    });
+}
+
+
+var $d087956fd1002f80$exports = {};
+
+$parcel$export($d087956fd1002f80$exports, "ExampleReact", () => $d087956fd1002f80$export$fa517eee6594d26c);
+
+
+
+function $d087956fd1002f80$export$fa517eee6594d26c(props) {
+    const { providerPreference: providerPreference , fromContractAddress: fromContractAddress , amount: amount , fromNetwork: fromNetwork  } = props;
+    const config = window.ImtblCheckoutWidgetConfig;
+    return /*#__PURE__*/ (jsx)("imtbl-example", {
+        providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
+        theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK
+    });
+}
+
+
+var $fa90757d8d7a0962$exports = {};
+
+$parcel$export($fa90757d8d7a0962$exports, "CheckoutWidgets", () => $fa90757d8d7a0962$export$af210a0808087845);
+$parcel$export($fa90757d8d7a0962$exports, "UpdateConfig", () => $fa90757d8d7a0962$export$bf1548ba7e61c17f);
+$parcel$export($fa90757d8d7a0962$exports, "SetProvider", () => $fa90757d8d7a0962$export$931068bc678f0d73);
+function $fa90757d8d7a0962$export$af210a0808087845(config) {
+    var checkoutWidgetJS = document.createElement("script");
+    checkoutWidgetJS.setAttribute("src", "http://localhost:3000/lib/js/imtbl-checkout.js");
+    document.head.appendChild(checkoutWidgetJS);
+    window.ImtblCheckoutWidgetConfig = config;
+}
+function $fa90757d8d7a0962$export$bf1548ba7e61c17f(config) {
+    window.ImtblCheckoutWidgetConfig = config;
+}
+function $fa90757d8d7a0962$export$931068bc678f0d73(tagName, provider) {
+    if (!provider) {
+        console.error("no provider parsed");
+        return;
+    }
+    const elements = document.getElementsByTagName(tagName);
+    const widget = elements[0];
+    let attempts = 0;
+    const maxAttempts = 10;
+    let timer;
+    const attemptToSetProvider = ()=>{
+        try {
+            widget.setProvider(provider);
+            window.clearInterval(timer);
+        } catch (err) {
+            attempts++;
+            if (attempts >= maxAttempts) {
+                window.clearInterval(timer);
+                console.error("failed to set the provider");
+            }
+        }
+    };
+    timer = window.setInterval(attemptToSetProvider, 10);
+    attemptToSetProvider();
+}
 
-export { $28a5fdc2f5e6c742$export$d1bfa21f7c76447a as BridgeEventType, $ede253beebe0de4a$export$90db5fe1be5993c1 as BuyEventType, $a47e48dd2c04791b$export$c06e1e7429de6283 as ChainId, $a8cb37a3fc8eb863$export$1f60ba4ec72508a0 as Checkout, $a8bc256d81a5e2c1$export$e3dc0620abde7f5a as CheckoutErrorType, $d71a87afc3136184$export$e72e7f9969a47dd3 as ConnectEventType, $d176a05e966364ba$export$3bfad4d03ada24c4 as ConnectionProviders, Environment, GenericIMXProvider, $88e4c575901cd68c$export$5a0ace85cae72d45 as IMTBLWidgetEvents, ImmutableConfiguration, ImmutableXClient, MetaMaskIMXProvider, $9234b4c577442a97$export$95be4ae94445245a as Network, $a47e48dd2c04791b$export$1f05a55fe0680cc7 as NetworkFilterTypes, Passport, PassportError, ProviderConfiguration, $5d497088f13bb116$export$140a49745ab55563 as SwapEventType, $08d5ddc39acd6833$export$fd9b17d87f4121d2 as TokenFilterTypes, $9d0f1783d4d36e8a$export$d9be06b70b28c742 as WalletEventType, $4f91c5f280efe242$export$a75605c67ea83a5a as WalletFilterTypes, $9234b4c577442a97$export$c88931fdc51854eb as WidgetTheme };
+export { $15cc9e120aa6f3bf$export$d1bfa21f7c76447a as BridgeEventType, $1f969328e5988c99$export$30f61ebf204c69f6 as BridgeReact, $98cbcca465beec95$export$90db5fe1be5993c1 as BuyEventType, $f22931ca9e2f35b6$export$d13582032b79b401 as BuyReact, $a47e48dd2c04791b$export$c06e1e7429de6283 as ChainId, $a8cb37a3fc8eb863$export$1f60ba4ec72508a0 as Checkout, $a8bc256d81a5e2c1$export$e3dc0620abde7f5a as CheckoutErrorType, $14d7a2bbb79e0dae$export$75be0f6af9650f2c as CheckoutWidgetTagNames, $fa90757d8d7a0962$export$af210a0808087845 as CheckoutWidgets, $a85ecdbd885c58ad$export$e72e7f9969a47dd3 as ConnectEventType, $f2083cd30e2f5c56$export$49d62957f420a1e2 as ConnectReact, $d176a05e966364ba$export$3bfad4d03ada24c4 as ConnectionProviders, Environment, $d087956fd1002f80$export$fa517eee6594d26c as ExampleReact, GenericIMXProvider, $207ed853f11d19d5$export$5a0ace85cae72d45 as IMTBLWidgetEvents, ImmutableConfiguration, ImmutableXClient, MetaMaskIMXProvider, $14d7a2bbb79e0dae$export$95be4ae94445245a as Network, $a47e48dd2c04791b$export$1f05a55fe0680cc7 as NetworkFilterTypes, $66ceef112c0ee49e$export$66ec39c0924078d8 as OnRampEventType, Passport, PassportError, ProviderConfiguration, $fa90757d8d7a0962$export$931068bc678f0d73 as SetProvider, $090d3502d165f17d$export$c5ab8fbcabac8c11 as SupportedFiatCurrencies, $53d219e7f6bf0cd6$export$140a49745ab55563 as SwapEventType, $a4fbb8e3a6aeff58$export$971e031379577f4 as SwapReact, $08d5ddc39acd6833$export$fd9b17d87f4121d2 as TokenFilterTypes, $fa90757d8d7a0962$export$bf1548ba7e61c17f as UpdateConfig, $77b6aac5c353d4a9$export$d9be06b70b28c742 as WalletEventType, $4f91c5f280efe242$export$a75605c67ea83a5a as WalletFilterTypes, $89d55ace0f8f1c07$export$ceaac94f34dba154 as WalletReact, $14d7a2bbb79e0dae$export$2f61dde3bdc320cb as WidgetConnectionProviders, $14d7a2bbb79e0dae$export$c88931fdc51854eb as WidgetTheme };