@imtbl/sdk 0.1.4-alpha → 0.1.5-alpha

package/dist/index.cjs

@@ -11,6 +11,8 @@ var units = require('@ethersproject/units');
 var bignumber = require('@ethersproject/bignumber');
 var detectEthereumProvider = require('@metamask/detect-provider');
 var providers = require('@ethersproject/providers');
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -45,26 +47,26 @@ class ImmutableConfiguration {
     }
 }
 
-// Set `sdkVersion` on config
-const PRODUCTION = () => {
-    return coreSdk.Config.createConfig({
-        basePath: 'https://api.x.immutable.com',
-        chainID: 1,
-        coreContractAddress: '0x5FDCCA53617f4d2b9134B29090C87D01058e27e9',
-        registrationContractAddress: '0x72a06bf2a1CE5e39cBA06c0CAb824960B587d64c',
-        sdkVersion: 'ts-immutable-sdk-__SDK_VERSION__',
-    });
-};
-// Set `sdkVersion` on config
-const SANDBOX = () => {
-    return coreSdk.Config.createConfig({
-        basePath: 'https://api.sandbox.x.immutable.com',
-        chainID: 5,
-        coreContractAddress: '0x7917eDb51ecD6CdB3F9854c3cc593F33de10c623',
-        registrationContractAddress: '0x1C97Ada273C9A52253f463042f29117090Cd7D83',
-        sdkVersion: 'ts-immutable-sdk-__SDK_VERSION__',
-    });
-};
+/**
+ * Set `sdkVersion` on config
+ */
+const production = () => coreSdk.Config.createConfig({
+    basePath: 'https://api.x.immutable.com',
+    chainID: 1,
+    coreContractAddress: '0x5FDCCA53617f4d2b9134B29090C87D01058e27e9',
+    registrationContractAddress: '0x72a06bf2a1CE5e39cBA06c0CAb824960B587d64c',
+    sdkVersion: 'ts-immutable-sdk-__SDK_VERSION__',
+});
+/**
+ * Set `sdkVersion` on config
+ */
+const sandbox = () => coreSdk.Config.createConfig({
+    basePath: 'https://api.sandbox.x.immutable.com',
+    chainID: 5,
+    coreContractAddress: '0x7917eDb51ecD6CdB3F9854c3cc593F33de10c623',
+    registrationContractAddress: '0x1C97Ada273C9A52253f463042f29117090Cd7D83',
+    sdkVersion: 'ts-immutable-sdk-__SDK_VERSION__',
+});
 class ImxConfiguration {
     immutableXConfig;
     baseConfig;
@@ -76,13 +78,16 @@ class ImxConfiguration {
         else {
             switch (baseConfig.environment) {
                 case exports.Environment.SANDBOX: {
-                    this.immutableXConfig = SANDBOX();
+                    this.immutableXConfig = sandbox();
                     break;
                 }
                 case exports.Environment.PRODUCTION: {
-                    this.immutableXConfig = PRODUCTION();
+                    this.immutableXConfig = production();
                     break;
                 }
+                default: {
+                    this.immutableXConfig = sandbox();
+                }
             }
         }
     }
@@ -137,7 +142,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}
      */
@@ -164,7 +169,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}
      */
@@ -201,7 +206,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}
      */
@@ -357,7 +362,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}
      */
@@ -376,7 +381,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}
      */
@@ -403,7 +408,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}
      */
@@ -421,7 +426,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}
      */
@@ -439,7 +444,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}
      */
@@ -457,7 +462,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}
      */
@@ -678,9 +683,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,
@@ -700,7 +705,7 @@ class AuthManager {
         this.config = config;
         this.userManager = new oidcClientTs.UserManager(getAuthConfiguration(config));
     }
-    mapOidcUserToDomainModel = (oidcUser) => {
+    static mapOidcUserToDomainModel = (oidcUser) => {
         const passport = oidcUser.profile?.passport;
         return {
             expired: oidcUser.expired,
@@ -721,7 +726,7 @@ class AuthManager {
             const oidcUser = await this.userManager.signinPopup({
                 popupWindowFeatures,
             });
-            return this.mapOidcUserToDomainModel(oidcUser);
+            return AuthManager.mapOidcUserToDomainModel(oidcUser);
         }, PassportErrorType.AUTHENTICATION_ERROR);
     }
     async loginCallback() {
@@ -740,7 +745,7 @@ class AuthManager {
             if (!oidcUser) {
                 return null;
             }
-            return this.mapOidcUserToDomainModel(oidcUser);
+            return AuthManager.mapOidcUserToDomainModel(oidcUser);
         }, PassportErrorType.SILENT_LOGIN_ERROR);
     }
     async getUser() {
@@ -749,7 +754,7 @@ class AuthManager {
             if (!oidcUser) {
                 return null;
             }
-            return this.mapOidcUserToDomainModel(oidcUser);
+            return AuthManager.mapOidcUserToDomainModel(oidcUser);
         }, PassportErrorType.NOT_LOGGED_IN_ERROR);
     }
     async requestRefreshTokenAfterRegistration() {
@@ -757,18 +762,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);
     }
 }
@@ -807,12 +812,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, }) => {
@@ -832,10 +849,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) {
@@ -851,12 +868,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,
@@ -878,87 +897,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,
@@ -993,7 +1012,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,
@@ -1050,7 +1070,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,
@@ -1079,7 +1100,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(),
@@ -1123,7 +1145,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,
@@ -1179,7 +1202,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,
         });
@@ -1207,9 +1231,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);
     }
@@ -1257,14 +1285,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, 
@@ -1327,20 +1359,21 @@ class PassportConfiguration {
         }
         else {
             switch (baseConfig.environment) {
-                case exports.Environment.SANDBOX: {
-                    this.network = Networks.SANDBOX;
+                case exports.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 exports.Environment.PRODUCTION: {
-                    this.network = Networks.PRODUCTION;
+                case exports.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;
                 }
             }
@@ -1348,12 +1381,12 @@ class PassportConfiguration {
     }
 }
 
-const getStarkSigner = async (signer) => {
-    return withPassportError(async () => {
-        const privateKey = await coreSdk.generateLegacyStarkPrivateKey(signer);
-        return coreSdk.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 coreSdk.generateLegacyStarkPrivateKey(signer);
+    return coreSdk.createStarkSigner(privateKey);
+}, PassportErrorType.WALLET_CONNECTION_ERROR);
 
 async function registerPassport({ ethSigner, starkSigner, usersApi }, authorization) {
     return withPassportError(async () => {
@@ -1369,7 +1402,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,
@@ -1381,6 +1414,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;
@@ -1390,11 +1424,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) {
@@ -2671,6 +2704,12 @@ exports.WalletFilterTypes = void 0;
 })(exports.WalletFilterTypes || (exports.WalletFilterTypes = {}));
 
 
+exports.SupportedFiatCurrencies = void 0;
+(function(SupportedFiatCurrencies) {
+    SupportedFiatCurrencies["USD"] = "USD";
+})(exports.SupportedFiatCurrencies || (exports.SupportedFiatCurrencies = {}));
+
+
 
 
 /**
@@ -2688,6 +2727,9 @@ exports.WalletFilterTypes = void 0;
     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";
 })(exports.CheckoutErrorType || (exports.CheckoutErrorType = {}));
 class $a8bc256d81a5e2c1$export$b722478a3cbfa3bc extends Error {
     constructor(message, type, data){
@@ -2904,14 +2946,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 = (exports.TokenFilterTypes).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 === (exports.TokenFilterTypes).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 = (exports.TokenFilterTypes).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;
@@ -3124,9 +3174,9 @@ 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", () => exports.IMTBLWidgetEvents);
+$parcel$export($207ed853f11d19d5$exports, "IMTBLWidgetEvents", () => exports.IMTBLWidgetEvents);
 exports.IMTBLWidgetEvents = void 0;
 (function(IMTBLWidgetEvents) {
     IMTBLWidgetEvents["IMTBL_CONNECT_WIDGET_EVENT"] = "imtbl-connect-widget";
@@ -3137,9 +3187,9 @@ exports.IMTBLWidgetEvents = void 0;
 })(exports.IMTBLWidgetEvents || (exports.IMTBLWidgetEvents = {}));
 
 
-var $d71a87afc3136184$exports = {};
+var $a85ecdbd885c58ad$exports = {};
 
-$parcel$export($d71a87afc3136184$exports, "ConnectEventType", () => exports.ConnectEventType);
+$parcel$export($a85ecdbd885c58ad$exports, "ConnectEventType", () => exports.ConnectEventType);
 exports.ConnectEventType = void 0;
 (function(ConnectEventType) {
     ConnectEventType["SUCCESS"] = "success";
@@ -3148,9 +3198,9 @@ exports.ConnectEventType = void 0;
 })(exports.ConnectEventType || (exports.ConnectEventType = {}));
 
 
-var $9d0f1783d4d36e8a$exports = {};
+var $77b6aac5c353d4a9$exports = {};
 
-$parcel$export($9d0f1783d4d36e8a$exports, "WalletEventType", () => exports.WalletEventType);
+$parcel$export($77b6aac5c353d4a9$exports, "WalletEventType", () => exports.WalletEventType);
 //wallet widget events
 exports.WalletEventType = void 0;
 (function(WalletEventType) {
@@ -3159,9 +3209,9 @@ exports.WalletEventType = void 0;
 })(exports.WalletEventType || (exports.WalletEventType = {}));
 
 
-var $5d497088f13bb116$exports = {};
+var $53d219e7f6bf0cd6$exports = {};
 
-$parcel$export($5d497088f13bb116$exports, "SwapEventType", () => exports.SwapEventType);
+$parcel$export($53d219e7f6bf0cd6$exports, "SwapEventType", () => exports.SwapEventType);
 exports.SwapEventType = void 0;
 (function(SwapEventType) {
     SwapEventType["SUCCESS"] = "success";
@@ -3169,9 +3219,9 @@ exports.SwapEventType = void 0;
 })(exports.SwapEventType || (exports.SwapEventType = {}));
 
 
-var $28a5fdc2f5e6c742$exports = {};
+var $15cc9e120aa6f3bf$exports = {};
 
-$parcel$export($28a5fdc2f5e6c742$exports, "BridgeEventType", () => exports.BridgeEventType);
+$parcel$export($15cc9e120aa6f3bf$exports, "BridgeEventType", () => exports.BridgeEventType);
 exports.BridgeEventType = void 0;
 (function(BridgeEventType) {
     BridgeEventType["CLOSE_WIDGET"] = "close-widget";
@@ -3180,9 +3230,9 @@ exports.BridgeEventType = void 0;
 })(exports.BridgeEventType || (exports.BridgeEventType = {}));
 
 
-var $ede253beebe0de4a$exports = {};
+var $98cbcca465beec95$exports = {};
 
-$parcel$export($ede253beebe0de4a$exports, "BuyEventType", () => exports.BuyEventType);
+$parcel$export($98cbcca465beec95$exports, "BuyEventType", () => exports.BuyEventType);
 exports.BuyEventType = void 0;
 (function(BuyEventType) {
     BuyEventType["SUCCESS"] = "success";
@@ -3192,12 +3242,12 @@ exports.BuyEventType = void 0;
 })(exports.BuyEventType || (exports.BuyEventType = {}));
 
 
-var $9234b4c577442a97$exports = {};
-
-$parcel$export($9234b4c577442a97$exports, "Network", () => exports.Network);
-$parcel$export($9234b4c577442a97$exports, "WidgetTheme", () => exports.WidgetTheme);
-$parcel$export($9234b4c577442a97$exports, "ConnectionProviders", () => exports.ConnectionProviders);
+var $14d7a2bbb79e0dae$exports = {};
 
+$parcel$export($14d7a2bbb79e0dae$exports, "Network", () => exports.Network);
+$parcel$export($14d7a2bbb79e0dae$exports, "WidgetTheme", () => exports.WidgetTheme);
+$parcel$export($14d7a2bbb79e0dae$exports, "WidgetConnectionProviders", () => exports.WidgetConnectionProviders);
+$parcel$export($14d7a2bbb79e0dae$exports, "CheckoutWidgetTagNames", () => exports.CheckoutWidgetTagNames);
 exports.Network = void 0;
 (function(Network) {
     Network["ETHEREUM"] = "Ethereum";
@@ -3210,6 +3260,163 @@ exports.WidgetTheme = void 0;
     WidgetTheme["DARK"] = "dark";
     WidgetTheme["CUSTOM"] = "custom";
 })(exports.WidgetTheme || (exports.WidgetTheme = {}));
+exports.WidgetConnectionProviders = void 0;
+(function(WidgetConnectionProviders) {
+    WidgetConnectionProviders["METAMASK"] = "metamask";
+})(exports.WidgetConnectionProviders || (exports.WidgetConnectionProviders = {}));
+exports.CheckoutWidgetTagNames = void 0;
+(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";
+})(exports.CheckoutWidgetTagNames || (exports.CheckoutWidgetTagNames = {}));
+
+
+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__*/ (jsxRuntime.jsx)("imtbl-bridge", {
+        providerPreference: providerPreference ?? (exports.WidgetConnectionProviders).METAMASK,
+        theme: config.theme ?? (exports.WidgetTheme).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__*/ (jsxRuntime.jsx)("imtbl-buy", {
+        providerPreference: providerPreference ?? (exports.WidgetConnectionProviders).METAMASK,
+        theme: config.theme ?? (exports.WidgetTheme).DARK,
+        orderId: orderId
+    });
+}
+
+
+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();
+}
+
+
+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__*/ (jsxRuntime.jsx)("imtbl-connect", {
+        providerPreference: providerPreference ?? (exports.WidgetConnectionProviders).METAMASK,
+        theme: config.theme ?? (exports.WidgetTheme).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__*/ (jsxRuntime.jsx)("imtbl-swap", {
+        providerPreference: providerPreference ?? (exports.WidgetConnectionProviders).METAMASK,
+        theme: config.theme ?? (exports.WidgetTheme).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  } = props;
+    const config = window.ImtblCheckoutWidgetConfig;
+    return /*#__PURE__*/ (jsxRuntime.jsx)("imtbl-wallet", {
+        providerPreference: providerPreference ?? (exports.WidgetConnectionProviders).METAMASK,
+        theme: config.theme ?? (exports.WidgetTheme).DARK
+    });
+}
+
+
+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__*/ (jsxRuntime.jsx)("imtbl-example", {
+        providerPreference: providerPreference ?? (exports.WidgetConnectionProviders).METAMASK,
+        theme: config.theme ?? (exports.WidgetTheme).DARK
+    });
+}
 
 Object.defineProperty(exports, 'imxClientCreateStarkSigner', {
     enumerable: true,
@@ -3219,7 +3426,12 @@ Object.defineProperty(exports, 'imxClientGenerateLegacyStarkPrivateKey', {
     enumerable: true,
     get: function () { return coreSdk.generateLegacyStarkPrivateKey; }
 });
+exports.BridgeReact = $1f969328e5988c99$export$30f61ebf204c69f6;
+exports.BuyReact = $f22931ca9e2f35b6$export$d13582032b79b401;
 exports.Checkout = $a8cb37a3fc8eb863$export$1f60ba4ec72508a0;
+exports.CheckoutWidgets = $fa90757d8d7a0962$export$af210a0808087845;
+exports.ConnectReact = $f2083cd30e2f5c56$export$49d62957f420a1e2;
+exports.ExampleReact = $d087956fd1002f80$export$fa517eee6594d26c;
 exports.GenericIMXProvider = GenericIMXProvider;
 exports.ImmutableConfiguration = ImmutableConfiguration;
 exports.ImmutableXClient = ImmutableXClient;
@@ -3227,3 +3439,7 @@ exports.MetaMaskIMXProvider = MetaMaskIMXProvider;
 exports.Passport = Passport;
 exports.PassportError = PassportError;
 exports.ProviderConfiguration = ProviderConfiguration;
+exports.SetProvider = $fa90757d8d7a0962$export$931068bc678f0d73;
+exports.SwapReact = $a4fbb8e3a6aeff58$export$971e031379577f4;
+exports.UpdateConfig = $fa90757d8d7a0962$export$bf1548ba7e61c17f;
+exports.WalletReact = $89d55ace0f8f1c07$export$ceaac94f34dba154;