@imtbl/sdk 0.17.1 → 0.17.3

package/dist/index.cjs

@@ -2724,7 +2724,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders$1 = { 'x-sdk-version': 'ts-immutable-sdk-0.17.1' };
+const defaultHeaders$1 = { 'x-sdk-version': 'ts-immutable-sdk-0.17.3' };
 const createConfig = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -2784,7 +2784,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-0.17.1',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-0.17.3',
 };
 /**
  * createAPIConfiguration to create a custom Configuration
@@ -3070,7 +3070,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     chainID,
     coreContractAddress,
     registrationContractAddress,
-    sdkVersion: 'ts-immutable-sdk-0.17.1',
+    sdkVersion: 'ts-immutable-sdk-0.17.3',
 });
 /**
  * Sets `sdkVersion` at the time of build
@@ -27374,6 +27374,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 = {}));
 
 
 
@@ -27405,6 +27409,7 @@ var $08d5ddc39acd6833$export$fd9b17d87f4121d2;
     TokenFilterTypes["ALL"] = "all";
     TokenFilterTypes["SWAP"] = "swap";
     TokenFilterTypes["BRIDGE"] = "bridge";
+    TokenFilterTypes["ONRAMP"] = "onramp";
 })($08d5ddc39acd6833$export$fd9b17d87f4121d2 || ($08d5ddc39acd6833$export$fd9b17d87f4121d2 = {}));
 
 
@@ -27470,6 +27475,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,
@@ -27776,6 +27785,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 = {}));
+
+
 
 
 /**
@@ -27987,8 +28002,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, globalAxios$1).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
@@ -27996,10 +28121,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
@@ -28072,7 +28203,7 @@ class $fd8a8472dcc3ec2b$export$ef140a6b05dfc786 {
             if (params.nextPage) url += `&${new URLSearchParams(params.nextPage)}`;
             // Cache response data to prevent unnecessary requests
             const cached = this.getCache(url);
-            if (cached && cached.status < 400) return Promise.resolve(cached.data);
+            if (cached) return Promise.resolve(cached);
             const response = await $fd8a8472dcc3ec2b$export$ef140a6b05dfc786.makeHttpRequest(url);
             if (response.status >= 400) return Promise.reject({
                 code: response.status,
@@ -28111,7 +28242,7 @@ class $fd8a8472dcc3ec2b$export$ef140a6b05dfc786 {
             const url = `${this.url}/api/v2/addresses/${params.walletAddress}`;
             // Cache response data to prevent unnecessary requests
             const cached = this.getCache(url);
-            if (cached && cached.status < 400) return Promise.resolve(cached.data);
+            if (cached) return Promise.resolve(cached);
             const response = await $fd8a8472dcc3ec2b$export$ef140a6b05dfc786.makeHttpRequest(url);
             if (response.status >= 400) return Promise.reject({
                 code: response.status,
@@ -28529,114 +28660,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, globalAxios$1).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) {
@@ -29974,6 +29997,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
@@ -29981,12 +30047,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();
     }
     /**
@@ -30147,6 +30215,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();
+    }
 }
 
 var checkout_sdk = /*#__PURE__*/Object.freeze({
@@ -30156,6 +30261,7 @@ var checkout_sdk = /*#__PURE__*/Object.freeze({
     get ChainName () { return $0472f23319457bfb$export$b874c6b1dfe85e02; },
     Checkout: $a8cb37a3fc8eb863$export$1f60ba4ec72508a0,
     get CheckoutErrorType () { return $a8bc256d81a5e2c1$export$e3dc0620abde7f5a; },
+    get ExchangeType () { return $e055e79256bbc1dd$export$80f4da0d409a629d; },
     get GasEstimateType () { return $de275b98d2b651c3$export$788b1fd17f3dad84; },
     get GasTokenType () { return $4b58188d47aafe8d$export$537fa3efd10ed435; },
     get ItemType () { return $4b58188d47aafe8d$export$1fc8f52ad1810e52; },
@@ -30169,7 +30275,7 @@ var checkout_sdk = /*#__PURE__*/Object.freeze({
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-const $d663162fd5a0853f$export$38a083d9fb5551ca = "0.17.1";
+const $d663162fd5a0853f$export$38a083d9fb5551ca = "0.17.3";
 const $d663162fd5a0853f$export$83bf90b30cdfd29f = ()=>false;
 const $d663162fd5a0853f$export$1169f5475725171b = ()=>$d663162fd5a0853f$export$38a083d9fb5551ca;
 
@@ -30234,6 +30340,7 @@ var $207ed853f11d19d5$export$5a0ace85cae72d45;
     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_ONRAMP_WIDGET_EVENT"] = "imtbl-onramp-widget";
 })($207ed853f11d19d5$export$5a0ace85cae72d45 || ($207ed853f11d19d5$export$5a0ace85cae72d45 = {}));
 
 
@@ -30299,6 +30406,19 @@ $parcel$export($ad06b030b1a3ba34$exports, "OrchestrationEventType", () => $ad06b
     OrchestrationEventType["REQUEST_BRIDGE"] = "request-bridge";
     OrchestrationEventType["REQUEST_ONRAMP"] = "request-onramp";
 })($ad06b030b1a3ba34$export$b80d2daf830437b9 || ($ad06b030b1a3ba34$export$b80d2daf830437b9 = {}));
+
+
+var $d882ddc5600b1284$exports = {};
+
+$parcel$export($d882ddc5600b1284$exports, "OnRampEventType", () => $d882ddc5600b1284$export$66ec39c0924078d8);
+/**
+ * Enum of possible OnRamp Widget event types.
+ */ var $d882ddc5600b1284$export$66ec39c0924078d8;
+(function(OnRampEventType) {
+    OnRampEventType["CLOSE_WIDGET"] = "close-widget";
+    OnRampEventType["SUCCESS"] = "success";
+    OnRampEventType["FAILURE"] = "failure";
+})($d882ddc5600b1284$export$66ec39c0924078d8 || ($d882ddc5600b1284$export$66ec39c0924078d8 = {}));
 /* eslint-disable @typescript-eslint/naming-convention */ 
 
 var $045213b18e9f1f94$exports = {};
@@ -30319,6 +30439,7 @@ var $045213b18e9f1f94$export$75be0f6af9650f2c;
     CheckoutWidgetTagNames["WALLET"] = "imtbl-wallet";
     CheckoutWidgetTagNames["SWAP"] = "imtbl-swap";
     CheckoutWidgetTagNames["BRIDGE"] = "imtbl-bridge";
+    CheckoutWidgetTagNames["ONRAMP"] = "imtbl-onramp";
 })($045213b18e9f1f94$export$75be0f6af9650f2c || ($045213b18e9f1f94$export$75be0f6af9650f2c = {}));
 
 
@@ -30487,6 +30608,33 @@ function $89d55ace0f8f1c07$export$ceaac94f34dba154(props) {
     });
 }
 
+
+var $f94f63f2c041a04c$exports = {};
+
+$parcel$export($f94f63f2c041a04c$exports, "OnRampReact", () => $f94f63f2c041a04c$export$9e363c61ea99bbb4);
+
+
+
+
+
+function $f94f63f2c041a04c$export$9e363c61ea99bbb4(props) {
+    const { walletProvider: walletProvider, amount: amount, provider: provider, passport: passport, contractAddress: contractAddress } = props;
+    (react.useEffect)(()=>{
+        if (provider) ($77ec335383336bdd$export$931068bc678f0d73)(($045213b18e9f1f94$export$75be0f6af9650f2c).ONRAMP, provider);
+        if (passport) ($b222a8f062090058$export$fae4199086a966a3)(($045213b18e9f1f94$export$75be0f6af9650f2c).ONRAMP, passport);
+    }, [
+        provider,
+        passport
+    ]);
+    const config = window.ImtblCheckoutWidgetConfig;
+    return /*#__PURE__*/ (jsxRuntime.jsx)("imtbl-onramp", {
+        widgetConfig: config,
+        walletProvider: walletProvider,
+        amount: amount ?? "",
+        contractAddress: contractAddress ?? ""
+    });
+}
+
 var checkout_widgets = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get BridgeEventType () { return $15cc9e120aa6f3bf$export$d1bfa21f7c76447a; },
@@ -30496,6 +30644,8 @@ var checkout_widgets = /*#__PURE__*/Object.freeze({
     get ConnectEventType () { return $a85ecdbd885c58ad$export$e72e7f9969a47dd3; },
     ConnectReact: $f2083cd30e2f5c56$export$49d62957f420a1e2,
     get IMTBLWidgetEvents () { return $207ed853f11d19d5$export$5a0ace85cae72d45; },
+    get OnRampEventType () { return $d882ddc5600b1284$export$66ec39c0924078d8; },
+    OnRampReact: $f94f63f2c041a04c$export$9e363c61ea99bbb4,
     get OrchestrationEventType () { return $ad06b030b1a3ba34$export$b80d2daf830437b9; },
     get SwapEventType () { return $53d219e7f6bf0cd6$export$140a49745ab55563; },
     SwapReact: $a4fbb8e3a6aeff58$export$971e031379577f4,