@imtbl/sdk 0.17.2 → 0.17.3

package/dist/checkout_sdk.d.ts

@@ -11276,14 +11276,45 @@ interface CheckoutModuleConfiguration extends ModuleConfiguration<CheckoutOverri
  * A type representing various remotely defined configurations which are
  * accessible via the Checkout config and configured based on the Environment.
  * @property {DexConfig} dex - The config used for the DEX.
+ * @property {OnRampConfig} onramp - The config used for the OnRamp
  * @property {AllowedNetworkConfig[]} allowedNetworks - An array representing the allowed networks.
  * @property {GasEstimateTokenConfig | undefined} gasEstimateTokens - The config for the tokens used to estimate gas.
  */
 type RemoteConfiguration = {
     dex: DexConfig;
+    onramp: OnRampConfig;
     allowedNetworks: AllowedNetworkConfig[];
     gasEstimateTokens?: GasEstimateTokenConfig;
 };
+/**
+ * A type representing the fee structure for an OnRamp provider
+ * @property {string | undefined} minPercentage - minimum percentage fee shown if a fee range is provided
+ * @property {string | undefined} maxPercentage - maximum percentage fee shown if a fee range is provided
+ * @property {string | undefined} feePercentage - specific fee percentage shown if there is no range provided
+ */
+type OnRampProviderFees = {
+    minPercentage?: string;
+    maxPercentage?: string;
+    feePercentage?: string;
+};
+/**
+ * A type representing the configuration for the OnRamp for a specific provider.
+ * @property {string} publishableApiKey - on ramp provider publishable api-key
+ * @property {TokenInfo[]} tokens - allowed tokens for the OnRamp provider
+ * @property {OnRampProviderFees} fees - on ramp provider transaction fees
+ */
+type OnRampProviderConfig = {
+    publishableApiKey: string;
+    tokens: TokenInfo[];
+    fees: OnRampProviderFees;
+};
+/**
+ * A type representing the configuration for the OnRamp.
+ * @property {OnRampProviderConfig} transak - OnRamp config for Transak provider
+ */
+type OnRampConfig = {
+    [key: string]: OnRampProviderConfig;
+};
 /**
  * A type representing the configuration for the DEX.
  * @property {ExchangeOverrides | undefined} overrides - The DEX overrides.
@@ -11614,7 +11645,8 @@ interface GetTokenAllowListResult {
 declare enum TokenFilterTypes {
     ALL = "all",
     SWAP = "swap",
-    BRIDGE = "bridge"
+    BRIDGE = "bridge",
+    ONRAMP = "onramp"
 }
 /**
  * Interface representing a token filter that can be used to exclude certain tokens.
@@ -11727,6 +11759,29 @@ type NetworkDetails = {
     blockExplorerUrls?: string[];
 };
 type NetworkMap = Map<ChainId, NetworkDetails>;
+/**
+ * An enum representing the type of exchange.
+ * @enum {string}
+ * @property {string} ONRAMP - The exchange type for transacting.
+ */
+declare enum ExchangeType {
+    ONRAMP = "onramp"
+}
+/**
+ * Interface representing the result of {@link Checkout.createFiatRampUrl}.
+ * @property {ExchangeType} exchangeType - The ExchangeType specified.
+ * @property {Web3Provider} web3Provider - The Web3Provider used to exchange.
+ * @property {string | undefined} tokenAmount - The token amount specified as input.
+ * @property {string | undefined} tokenAddress - The token address specified as input.
+ * @property {Passport | undefined} passport - The Passport instance specified as input.
+ */
+interface FiatRampParams {
+    exchangeType: ExchangeType;
+    web3Provider: Web3Provider;
+    tokenAmount?: string;
+    tokenAddress?: string;
+    passport?: Passport;
+}
 /**
  * Enum representing different types of errors that can occur during the checkout process.
  */
@@ -11795,8 +11850,27 @@ declare class CheckoutConfiguration {
     readonly networkMap: NetworkMap;
     constructor(config: CheckoutModuleConfiguration);
 }
+interface FiatRampWidgetParams {
+    exchangeType: ExchangeType;
+    isPassport: boolean;
+    walletAddress?: string;
+    tokenAmount?: string;
+    tokenSymbol?: string;
+    email?: string;
+}
+declare class FiatRampService {
+    readonly config: CheckoutConfiguration;
+    /**
+     * Constructs a new instance of the FiatRampService class.
+     * @param {CheckoutConfiguration} config - The config required for the FiatRampService.
+     */
+    constructor(config: CheckoutConfiguration);
+    feeEstimate(): Promise<OnRampProviderFees>;
+    createWidgetUrl(params: FiatRampWidgetParams): Promise<string>;
+}
 declare class Checkout {
     readonly config: CheckoutConfiguration;
+    readonly fiatRampService: FiatRampService;
     /**
      * Constructs a new instance of the CheckoutModule class.
      * @param {CheckoutModuleConfiguration} [config=SANDBOX_CONFIGURATION] - The configuration object for the CheckoutModule.
@@ -11901,6 +11975,17 @@ declare class Checkout {
      * @returns {Promise<GasEstimateSwapResult | GasEstimateBridgeToL2Result>} - A promise that resolves to the gas estimation result.
      */
     gasEstimate(params: GasEstimateParams): Promise<GasEstimateSwapResult | GasEstimateBridgeToL2Result>;
+    /**
+     * Creates and returns a URL for the fiat ramp widget.
+     * @param {FiatRampParams} params - The parameters for creating the url.
+     * @returns {Promise<string>} - A promise that resolves to a string url.
+     */
+    createFiatRampUrl(params: FiatRampParams): Promise<string>;
+    /**
+     * Fetches fiat ramp fee estimations.
+     * @returns {Promise<OnRampProviderFees>} - A promise that resolves to OnRampProviderFees.
+     */
+    getExchangeFeeEstimate(): Promise<OnRampProviderFees>;
 }
 
-export { AllowedNetworkConfig, BuyParams, BuyResult, CHECKOUT_API_BASE_URL, CancelParams, ChainId, ChainName, CheckConnectionParams, CheckConnectionResult, Checkout, CheckoutErrorType, CheckoutModuleConfiguration, ConnectParams, ConnectResult, DexConfig, ErrorType, GasEstimateBridgeToL2Result, GasEstimateParams, GasEstimateSwapResult, GasEstimateTokenConfig, GasEstimateType, GasTokenType, GetAllBalancesParams, GetAllBalancesResult, GetBalanceParams, GetBalanceResult, GetNetworkAllowListParams, GetNetworkAllowListResult, GetNetworkParams, GetTokenAllowListParams, GetTokenAllowListResult, GetWalletAllowListParams, GetWalletAllowListResult, ItemType, NetworkFilter, NetworkFilterTypes, NetworkInfo, RemoteConfiguration, SellParams, SellResult, SendTransactionParams, SendTransactionResult, SmartCheckoutParams, SwitchNetworkParams, SwitchNetworkResult, TokenFilter, TokenFilterTypes, TokenInfo, TransactionOrGasType, WalletFilter, WalletFilterTypes, WalletInfo, WalletProviderName };
+export { AllowedNetworkConfig, BuyParams, BuyResult, CHECKOUT_API_BASE_URL, CancelParams, ChainId, ChainName, CheckConnectionParams, CheckConnectionResult, Checkout, CheckoutErrorType, CheckoutModuleConfiguration, ConnectParams, ConnectResult, DexConfig, ErrorType, ExchangeType, FiatRampParams, GasEstimateBridgeToL2Result, GasEstimateParams, GasEstimateSwapResult, GasEstimateTokenConfig, GasEstimateType, GasTokenType, GetAllBalancesParams, GetAllBalancesResult, GetBalanceParams, GetBalanceResult, GetNetworkAllowListParams, GetNetworkAllowListResult, GetNetworkParams, GetTokenAllowListParams, GetTokenAllowListResult, GetWalletAllowListParams, GetWalletAllowListResult, ItemType, NetworkFilter, NetworkFilterTypes, NetworkInfo, RemoteConfiguration, SellParams, SellResult, SendTransactionParams, SendTransactionResult, SmartCheckoutParams, SwitchNetworkParams, SwitchNetworkResult, TokenFilter, TokenFilterTypes, TokenInfo, TransactionOrGasType, WalletFilter, WalletFilterTypes, WalletInfo, WalletProviderName };

package/dist/checkout_sdk.js

@@ -17014,6 +17014,10 @@ var $0472f23319457bfb$export$b874c6b1dfe85e02;
 })($0472f23319457bfb$export$b874c6b1dfe85e02 || ($0472f23319457bfb$export$b874c6b1dfe85e02 = {}));
 
 
+var $bc2bfebf768286d3$export$8cb0af6b2bed4b64;
+(function(OnRampProvider) {
+    OnRampProvider["TRANSAK"] = "201811419111";
+})($bc2bfebf768286d3$export$8cb0af6b2bed4b64 || ($bc2bfebf768286d3$export$8cb0af6b2bed4b64 = {}));
 
 
 
@@ -17045,6 +17049,7 @@ var $08d5ddc39acd6833$export$fd9b17d87f4121d2;
     TokenFilterTypes["ALL"] = "all";
     TokenFilterTypes["SWAP"] = "swap";
     TokenFilterTypes["BRIDGE"] = "bridge";
+    TokenFilterTypes["ONRAMP"] = "onramp";
 })($08d5ddc39acd6833$export$fd9b17d87f4121d2 || ($08d5ddc39acd6833$export$fd9b17d87f4121d2 = {}));
 
 
@@ -17110,6 +17115,10 @@ const $d85ad1457a3f1a83$export$fc55ed5a42b458ba = {
         nativeToken: $d85ad1457a3f1a83$var$ZKEVM_NATIVE_TOKEN
     }
 };
+const $d85ad1457a3f1a83$export$f6043d7fce62d71b = {
+    [(Environment$1).SANDBOX]: "https://global-stg.transak.com",
+    [(Environment$1).PRODUCTION]: "https://global.transak.com/"
+};
 const $d85ad1457a3f1a83$export$6f24f3cef7d501c4 = new Map([
     [
         ($0472f23319457bfb$export$c06e1e7429de6283).ETHEREUM,
@@ -17416,6 +17425,12 @@ var $4b58188d47aafe8d$export$537fa3efd10ed435;
 })($4b58188d47aafe8d$export$537fa3efd10ed435 || ($4b58188d47aafe8d$export$537fa3efd10ed435 = {}));
 
 
+var $e055e79256bbc1dd$export$80f4da0d409a629d;
+(function(ExchangeType) {
+    ExchangeType["ONRAMP"] = "onramp";
+})($e055e79256bbc1dd$export$80f4da0d409a629d || ($e055e79256bbc1dd$export$80f4da0d409a629d = {}));
+
+
 
 
 /**
@@ -17627,8 +17642,118 @@ async function $de192de6ef100f9f$export$b827d9418aeb5dbd(config, web3Provider, c
 
 
 
+
+
+
+
+
+class $a492ee374ae7b613$export$d902b56530cd5f87 {
+    isDevelopment;
+    isProduction;
+    configCache;
+    tokensCache;
+    constructor(params){
+        this.isDevelopment = params.isDevelopment;
+        this.isProduction = params.isProduction;
+    }
+    static async makeHttpRequest(url) {
+        let response;
+        try {
+            response = await (0, $7v2Z6$axios).get(url);
+        } catch (error) {
+            throw new Error(`Error fetching from api: ${error.message}`);
+        }
+        if (response.status !== 200) throw new Error(`Error fetching from api: ${response.status} ${response.statusText}`);
+        return response;
+    }
+    getEndpoint = ()=>{
+        if (this.isDevelopment) return ($d85ad1457a3f1a83$export$161d4a74df65fc08)[$d85ad1457a3f1a83$export$7d3a9eeba384fa59];
+        if (this.isProduction) return ($d85ad1457a3f1a83$export$161d4a74df65fc08)[(Environment$1).PRODUCTION];
+        return ($d85ad1457a3f1a83$export$161d4a74df65fc08)[(Environment$1).SANDBOX];
+    };
+    async loadConfig() {
+        if (this.configCache) return this.configCache;
+        const response = await $a492ee374ae7b613$export$d902b56530cd5f87.makeHttpRequest(`${this.getEndpoint()}/v1/config`);
+        this.configCache = response.data;
+        return this.configCache;
+    }
+    async loadConfigTokens() {
+        if (this.tokensCache) return this.tokensCache;
+        const response = await $a492ee374ae7b613$export$d902b56530cd5f87.makeHttpRequest(`${this.getEndpoint()}/v1/config/tokens`);
+        this.tokensCache = response.data;
+        return this.tokensCache;
+    }
+    async getConfig(key) {
+        const config = await this.loadConfig();
+        if (!config) return undefined;
+        if (!key) return config;
+        return config[key];
+    }
+    async getTokensConfig(chainId) {
+        const config = await this.loadConfigTokens();
+        if (!config || !config[chainId]) return {};
+        return config[chainId] ?? [];
+    }
+}
+
+
+class $4013c5c91bb535f6$export$6ad73ea7e1b6f37f extends Error {
+    message;
+    constructor(message){
+        super(message);
+        this.message = message;
+    }
+}
+const $4013c5c91bb535f6$var$networkMap = (prod, dev)=>{
+    if (dev) return $d85ad1457a3f1a83$export$3a9ebede6a150274;
+    if (prod) return $d85ad1457a3f1a83$export$6f24f3cef7d501c4;
+    return $d85ad1457a3f1a83$export$3e81fc0987227f10;
+};
+const $4013c5c91bb535f6$export$9b794d067cdd1af6 = (config)=>{
+    // DevMode and Sandbox will both use Sepolia.
+    if (!config.isProduction) return ($0472f23319457bfb$export$c06e1e7429de6283).SEPOLIA;
+    return ($0472f23319457bfb$export$c06e1e7429de6283).ETHEREUM;
+};
+const $4013c5c91bb535f6$export$c9af4e4b001c6476 = (config)=>{
+    if (config.isDevelopment) return ($0472f23319457bfb$export$c06e1e7429de6283).IMTBL_ZKEVM_DEVNET;
+    if (config.isProduction) return ($0472f23319457bfb$export$c06e1e7429de6283).IMTBL_ZKEVM_MAINNET;
+    return ($0472f23319457bfb$export$c06e1e7429de6283).IMTBL_ZKEVM_TESTNET;
+};
+class $4013c5c91bb535f6$export$4823433c4a67bbc6 {
+    // This is a hidden feature that is only available
+    // when building the project from source code.
+    // This will be used to get around the lack of
+    // Environment.DEVELOPMENT
+    isDevelopment = false;
+    isProduction;
+    isOnRampEnabled;
+    isSwapEnabled;
+    isBridgeEnabled;
+    remote;
+    environment;
+    networkMap;
+    constructor(config){
+        if (!Object.values((Environment$1)).includes(config.baseConfig.environment)) throw new $4013c5c91bb535f6$export$6ad73ea7e1b6f37f("Invalid checkout configuration of environment");
+        this.environment = config.baseConfig.environment;
+        // Developer mode will super set any environment configuration
+        this.isProduction = !this.isDevelopment && this.environment === (Environment$1).PRODUCTION;
+        this.isOnRampEnabled = config.isOnRampEnabled ?? ($d85ad1457a3f1a83$export$72176e2233d7d5d);
+        this.isSwapEnabled = config.isSwapEnabled ?? ($d85ad1457a3f1a83$export$566b5975cc83d6b4);
+        this.isBridgeEnabled = config.isBridgeEnabled ?? ($d85ad1457a3f1a83$export$261cde2078dba35b);
+        this.networkMap = $4013c5c91bb535f6$var$networkMap(this.isProduction, this.isDevelopment);
+        this.remote = new ($a492ee374ae7b613$export$d902b56530cd5f87)({
+            isDevelopment: this.isDevelopment,
+            isProduction: this.isProduction
+        });
+    }
+}
+
+
+
+
 const $efe60cea83bfc4e8$export$473cec51305fdae8 = async (config, { type: type = ($08d5ddc39acd6833$export$fd9b17d87f4121d2).ALL, chainId: chainId, exclude: exclude })=>{
     let tokens = [];
+    let onRampConfig;
     switch(type){
         case ($08d5ddc39acd6833$export$fd9b17d87f4121d2).SWAP:
             // Fetch tokens from dex-tokens config because
@@ -17636,10 +17761,16 @@ const $efe60cea83bfc4e8$export$473cec51305fdae8 = async (config, { type: type =
             // legal reasons.
             tokens = (await config.remote.getConfig("dex")).tokens || [];
             break;
+        case ($08d5ddc39acd6833$export$fd9b17d87f4121d2).ONRAMP:
+            onRampConfig = await config.remote.getConfig("onramp");
+            // Only using Transak as it's the only on-ramp provider at the moment
+            if (!onRampConfig) tokens = [];
+            tokens = onRampConfig[($bc2bfebf768286d3$export$8cb0af6b2bed4b64).TRANSAK]?.tokens || [];
+            break;
         case ($08d5ddc39acd6833$export$fd9b17d87f4121d2).BRIDGE:
         case ($08d5ddc39acd6833$export$fd9b17d87f4121d2).ALL:
         default:
-            tokens = (await config.remote.getTokensConfig(chainId)).allowed;
+            tokens = (await config.remote.getTokensConfig(chainId || ($4013c5c91bb535f6$export$9b794d067cdd1af6)(config))).allowed;
     }
     if (!exclude || exclude?.length === 0) return {
         tokens: tokens
@@ -18169,114 +18300,6 @@ async function $67fc622a2b913d5f$export$c60ce6c6a92bc2ff(config) {
 
 
 
-
-
-
-
-class $a492ee374ae7b613$export$d902b56530cd5f87 {
-    isDevelopment;
-    isProduction;
-    configCache;
-    tokensCache;
-    constructor(params){
-        this.isDevelopment = params.isDevelopment;
-        this.isProduction = params.isProduction;
-    }
-    static async makeHttpRequest(url) {
-        let response;
-        try {
-            response = await (0, $7v2Z6$axios).get(url);
-        } catch (error) {
-            throw new Error(`Error fetching from api: ${error.message}`);
-        }
-        if (response.status !== 200) throw new Error(`Error fetching from api: ${response.status} ${response.statusText}`);
-        return response;
-    }
-    getEndpoint = ()=>{
-        if (this.isDevelopment) return ($d85ad1457a3f1a83$export$161d4a74df65fc08)[$d85ad1457a3f1a83$export$7d3a9eeba384fa59];
-        if (this.isProduction) return ($d85ad1457a3f1a83$export$161d4a74df65fc08)[(Environment$1).PRODUCTION];
-        return ($d85ad1457a3f1a83$export$161d4a74df65fc08)[(Environment$1).SANDBOX];
-    };
-    async loadConfig() {
-        if (this.configCache) return this.configCache;
-        const response = await $a492ee374ae7b613$export$d902b56530cd5f87.makeHttpRequest(`${this.getEndpoint()}/v1/config`);
-        this.configCache = response.data;
-        return this.configCache;
-    }
-    async loadConfigTokens() {
-        if (this.tokensCache) return this.tokensCache;
-        const response = await $a492ee374ae7b613$export$d902b56530cd5f87.makeHttpRequest(`${this.getEndpoint()}/v1/config/tokens`);
-        this.tokensCache = response.data;
-        return this.tokensCache;
-    }
-    async getConfig(key) {
-        const config = await this.loadConfig();
-        if (!config) return undefined;
-        if (!key) return config;
-        return config[key];
-    }
-    async getTokensConfig(chainId) {
-        const config = await this.loadConfigTokens();
-        if (!config || !config[chainId]) return {};
-        return config[chainId] ?? [];
-    }
-}
-
-
-class $4013c5c91bb535f6$export$6ad73ea7e1b6f37f extends Error {
-    message;
-    constructor(message){
-        super(message);
-        this.message = message;
-    }
-}
-const $4013c5c91bb535f6$var$networkMap = (prod, dev)=>{
-    if (dev) return $d85ad1457a3f1a83$export$3a9ebede6a150274;
-    if (prod) return $d85ad1457a3f1a83$export$6f24f3cef7d501c4;
-    return $d85ad1457a3f1a83$export$3e81fc0987227f10;
-};
-const $4013c5c91bb535f6$export$9b794d067cdd1af6 = (config)=>{
-    // DevMode and Sandbox will both use Sepolia.
-    if (!config.isProduction) return ($0472f23319457bfb$export$c06e1e7429de6283).SEPOLIA;
-    return ($0472f23319457bfb$export$c06e1e7429de6283).ETHEREUM;
-};
-const $4013c5c91bb535f6$export$c9af4e4b001c6476 = (config)=>{
-    if (config.isDevelopment) return ($0472f23319457bfb$export$c06e1e7429de6283).IMTBL_ZKEVM_DEVNET;
-    if (config.isProduction) return ($0472f23319457bfb$export$c06e1e7429de6283).IMTBL_ZKEVM_MAINNET;
-    return ($0472f23319457bfb$export$c06e1e7429de6283).IMTBL_ZKEVM_TESTNET;
-};
-class $4013c5c91bb535f6$export$4823433c4a67bbc6 {
-    // This is a hidden feature that is only available
-    // when building the project from source code.
-    // This will be used to get around the lack of
-    // Environment.DEVELOPMENT
-    isDevelopment = false;
-    isProduction;
-    isOnRampEnabled;
-    isSwapEnabled;
-    isBridgeEnabled;
-    remote;
-    environment;
-    networkMap;
-    constructor(config){
-        if (!Object.values((Environment$1)).includes(config.baseConfig.environment)) throw new $4013c5c91bb535f6$export$6ad73ea7e1b6f37f("Invalid checkout configuration of environment");
-        this.environment = config.baseConfig.environment;
-        // Developer mode will super set any environment configuration
-        this.isProduction = !this.isDevelopment && this.environment === (Environment$1).PRODUCTION;
-        this.isOnRampEnabled = config.isOnRampEnabled ?? ($d85ad1457a3f1a83$export$72176e2233d7d5d);
-        this.isSwapEnabled = config.isSwapEnabled ?? ($d85ad1457a3f1a83$export$566b5975cc83d6b4);
-        this.isBridgeEnabled = config.isBridgeEnabled ?? ($d85ad1457a3f1a83$export$261cde2078dba35b);
-        this.networkMap = $4013c5c91bb535f6$var$networkMap(this.isProduction, this.isDevelopment);
-        this.remote = new ($a492ee374ae7b613$export$d902b56530cd5f87)({
-            isDevelopment: this.isDevelopment,
-            isProduction: this.isProduction
-        });
-    }
-}
-
-
-
-
 const $2e7bf45a7c9a9570$var$DUMMY_WALLET_ADDRESS = "0x0000000000000000000000000000000000000001";
 const $2e7bf45a7c9a9570$var$DEFAULT_TOKEN_DECIMALS = 18;
 async function $2e7bf45a7c9a9570$var$getTokenInfoByAddress(config, tokenAddress, chainId, provider) {
@@ -19614,6 +19637,49 @@ const $9085b221b72ac69e$export$e761f9e0703de895 = async (config, provider, id, c
 
 
 
+
+
+class $a77d203f701a3b72$export$1453e9b801542ef4 {
+    config;
+    /**
+   * Constructs a new instance of the FiatRampService class.
+   * @param {CheckoutConfiguration} config - The config required for the FiatRampService.
+   */ constructor(config){
+        this.config = config;
+    }
+    async feeEstimate() {
+        const config = await this.config.remote.getConfig("onramp");
+        return config[($bc2bfebf768286d3$export$8cb0af6b2bed4b64).TRANSAK]?.fees;
+    }
+    async createWidgetUrl(params) {
+        return await this.getTransakWidgetUrl(params);
+    }
+    async getTransakWidgetUrl(params) {
+        let widgetUrl = `${($d85ad1457a3f1a83$export$f6043d7fce62d71b)[this.config.environment]}?`;
+        const onRampConfig = await this.config.remote.getConfig("onramp");
+        const apiKey = onRampConfig[($bc2bfebf768286d3$export$8cb0af6b2bed4b64).TRANSAK].publishableApiKey;
+        const transakPublishableKey = `apiKey=${apiKey}`;
+        const zkevmNetwork = "network=immutablezkevm";
+        const defaultPaymentMethod = "defaultPaymentMethod=credit_debit_card";
+        const disableBankTransfer = "disablePaymentMethods=sepa_bank_transfer,gbp_bank_transfer,pm_cash_app,pm_jwire,pm_paymaya,pm_bpi,pm_ubp,pm_grabpay,pm_shopeepay,pm_gcash,pm_pix,pm_astropay,pm_pse,inr_bank_transfer";
+        const productsAvailed = "productsAvailed=buy";
+        const exchangeScreenTitle = "exchangeScreenTitle=Buy";
+        const themeColor = "themeColor=0D0D0D";
+        widgetUrl += `${transakPublishableKey}&` + `${zkevmNetwork}&` + `${defaultPaymentMethod}&` + `${disableBankTransfer}&` + `${productsAvailed}&` + `${exchangeScreenTitle}&` + `${themeColor}`;
+        if (params.isPassport && params.email) {
+            const encodedEmail = encodeURIComponent(params.email);
+            widgetUrl += `&email=${encodedEmail}&isAutoFillUserData=true&disableWalletAddressForm=true`;
+        }
+        if (params.tokenAmount && params.tokenSymbol) widgetUrl += `&defaultCryptoAmount=${params.tokenAmount}&cryptoCurrencyCode=${params.tokenSymbol}`;
+        else widgetUrl += "&defaultCryptoCurrency=IMX";
+        if (params.walletAddress) widgetUrl += `&walletAddress=${params.walletAddress}`;
+        return widgetUrl;
+    }
+}
+
+
+
+
 const $a8cb37a3fc8eb863$var$SANDBOX_CONFIGURATION = {
     baseConfig: {
         environment: (Environment$1).SANDBOX
@@ -19621,12 +19687,14 @@ const $a8cb37a3fc8eb863$var$SANDBOX_CONFIGURATION = {
 };
 class $a8cb37a3fc8eb863$export$1f60ba4ec72508a0 {
     config;
+    fiatRampService;
     readOnlyProviders;
     /**
    * Constructs a new instance of the CheckoutModule class.
    * @param {CheckoutModuleConfiguration} [config=SANDBOX_CONFIGURATION] - The configuration object for the CheckoutModule.
    */ constructor(config = $a8cb37a3fc8eb863$var$SANDBOX_CONFIGURATION){
         this.config = new ($4013c5c91bb535f6$export$4823433c4a67bbc6)(config);
+        this.fiatRampService = new ($a77d203f701a3b72$export$1453e9b801542ef4)(this.config);
         this.readOnlyProviders = new Map();
     }
     /**
@@ -19787,6 +19855,43 @@ class $a8cb37a3fc8eb863$export$1f60ba4ec72508a0 {
         this.readOnlyProviders = await ($0e0060cb42e136d2$export$339cb2be73677b30)(this.config, this.readOnlyProviders);
         return await $2e7bf45a7c9a9570$export$942c8de7174809fc(params, this.readOnlyProviders, this.config);
     }
+    /**
+   * Creates and returns a URL for the fiat ramp widget.
+   * @param {FiatRampParams} params - The parameters for creating the url.
+   * @returns {Promise<string>} - A promise that resolves to a string url.
+   */ async createFiatRampUrl(params) {
+        let tokenAmount;
+        let tokenSymbol = "IMX";
+        let email;
+        const walletAddress = await params.web3Provider.getSigner().getAddress();
+        const isPassport = params.web3Provider.provider?.isPassport || false;
+        if (isPassport && params.passport) {
+            const userInfo = await params.passport.getUserInfo();
+            email = userInfo?.email;
+        }
+        const tokenList = await $efe60cea83bfc4e8$export$473cec51305fdae8(this.config, {
+            type: ($08d5ddc39acd6833$export$fd9b17d87f4121d2).ONRAMP
+        });
+        const token = tokenList.tokens.find((t)=>t.address?.toLowerCase() === params.tokenAddress?.toLowerCase());
+        if (token) {
+            tokenAmount = params.tokenAmount;
+            tokenSymbol = token.symbol;
+        }
+        return await this.fiatRampService.createWidgetUrl({
+            exchangeType: params.exchangeType,
+            isPassport: isPassport,
+            walletAddress: walletAddress,
+            tokenAmount: tokenAmount,
+            tokenSymbol: tokenSymbol,
+            email: email
+        });
+    }
+    /**
+   * Fetches fiat ramp fee estimations.
+   * @returns {Promise<OnRampProviderFees>} - A promise that resolves to OnRampProviderFees.
+   */ async getExchangeFeeEstimate() {
+        return await this.fiatRampService.feeEstimate();
+    }
 }
 
-export { $d85ad1457a3f1a83$export$161d4a74df65fc08 as CHECKOUT_API_BASE_URL, $0472f23319457bfb$export$c06e1e7429de6283 as ChainId, $0472f23319457bfb$export$b874c6b1dfe85e02 as ChainName, $a8cb37a3fc8eb863$export$1f60ba4ec72508a0 as Checkout, $a8bc256d81a5e2c1$export$e3dc0620abde7f5a as CheckoutErrorType, $de275b98d2b651c3$export$788b1fd17f3dad84 as GasEstimateType, $4b58188d47aafe8d$export$537fa3efd10ed435 as GasTokenType, $4b58188d47aafe8d$export$1fc8f52ad1810e52 as ItemType, $a47e48dd2c04791b$export$1f05a55fe0680cc7 as NetworkFilterTypes, $08d5ddc39acd6833$export$fd9b17d87f4121d2 as TokenFilterTypes, $4b58188d47aafe8d$export$65c64e46348ee3c1 as TransactionOrGasType, $4f91c5f280efe242$export$a75605c67ea83a5a as WalletFilterTypes, $e768639828688ca3$export$2d7a51a18d87e21d as WalletProviderName };
+export { $d85ad1457a3f1a83$export$161d4a74df65fc08 as CHECKOUT_API_BASE_URL, $0472f23319457bfb$export$c06e1e7429de6283 as ChainId, $0472f23319457bfb$export$b874c6b1dfe85e02 as ChainName, $a8cb37a3fc8eb863$export$1f60ba4ec72508a0 as Checkout, $a8bc256d81a5e2c1$export$e3dc0620abde7f5a as CheckoutErrorType, $e055e79256bbc1dd$export$80f4da0d409a629d as ExchangeType, $de275b98d2b651c3$export$788b1fd17f3dad84 as GasEstimateType, $4b58188d47aafe8d$export$537fa3efd10ed435 as GasTokenType, $4b58188d47aafe8d$export$1fc8f52ad1810e52 as ItemType, $a47e48dd2c04791b$export$1f05a55fe0680cc7 as NetworkFilterTypes, $08d5ddc39acd6833$export$fd9b17d87f4121d2 as TokenFilterTypes, $4b58188d47aafe8d$export$65c64e46348ee3c1 as TransactionOrGasType, $4f91c5f280efe242$export$a75605c67ea83a5a as WalletFilterTypes, $e768639828688ca3$export$2d7a51a18d87e21d as WalletProviderName };