chore(ONRAMP-5024): Update docs. Add apiKey to onramp utils

apps/base-docs/docs/pages/builderkits/onchainkit/fund/fetch-onramp-config.mdx

@@ -9,7 +9,11 @@ The `fetchOnrampConfig` utility fetches the list of countries supported by Coinb
 ```tsx twoslash [code]
 import { fetchOnrampConfig } from '@coinbase/onchainkit/fund';
 
+// When using with OnchainKitProvider
 const config = await fetchOnrampConfig();
+
+// When using without OnchainKitProvider or in non-React environment
+const config2 = await fetchOnrampConfig('your-api-key');
 ```
 
 ```json [return value]
@@ -35,6 +39,17 @@ const config = await fetchOnrampConfig();
 
 :::
 
+## Parameters
+
+```typescript
+/**
+ * Optional API key for Coinbase Onramp. If not provided, the API key from
+ * OnchainKitProvider will be used. Required when using the utility without
+ * OnchainKitProvider or in a non-React environment.
+ */
+apiKey?: string;
+```
+
 ## Returns
 
 `Promise<OnrampConfigResponseData>` - Returns a promise that resolves to the configuration data containing supported countries and their payment methods.

apps/base-docs/docs/pages/builderkits/onchainkit/fund/fetch-onramp-options.mdx

@@ -12,6 +12,7 @@ import { fetchOnrampOptions } from '@coinbase/onchainkit/fund';
 const options = await fetchOnrampOptions({
   country: 'US',
   subdivision: 'CA', // Required for US residents
+  apiKey: 'your-api-key', //   Required when using without OnchainKitProvider or in non-React environment
 });
 ```
 
@@ -60,6 +61,12 @@ const options = await fetchOnrampOptions({
    * have state specific asset restrictions.
    */
   subdivision?: string;
+  /**
+   * Optional API key for Coinbase Onramp. If not provided, the API key from
+   * OnchainKitProvider will be used. Required when using the utility without
+   * OnchainKitProvider or in a non-React environment.
+   */
+  apiKey?: string;
 }
 ```
 

apps/base-docs/docs/pages/builderkits/onchainkit/fund/fetch-onramp-quote.mdx

@@ -17,6 +17,7 @@ const quote = await fetchOnrampQuote({
   paymentAmount: '100.00',
   country: 'US',
   subdivision: 'CA', // Required for US residents
+  apiKey: 'your-api-key', // Required when using without OnchainKitProvider or in non-React environment
 });
 ```
 
@@ -93,6 +94,13 @@ const quote = await fetchOnrampQuote({
    * because certain states (e.g., NY) have state specific asset restrictions.
    */
   subdivision?: string;
+
+   /**
+   * Optional API key for Coinbase Onramp. If not provided, the API key from
+   * OnchainKitProvider will be used. Required when using the utility without
+   * OnchainKitProvider or in a non-React environment.
+   */
+  apiKey?: string;
 }
 ```
 

apps/base-docs/docs/pages/builderkits/onchainkit/fund/fetch-onramp-transaction-status.mdx

@@ -13,6 +13,7 @@ const transactions = await fetchOnrampTransactionStatus({
   partnerUserId: 'user123',
   nextPageKey: '',
   pageSize: '10',
+  apiKey: 'your-api-key', // Required when using without OnchainKitProvider or in non-React environment
 });
 ```
 
@@ -48,6 +49,12 @@ const transactions = await fetchOnrampTransactionStatus({
   partnerUserId: string; // Your unique identifier for the user
   nextPageKey: string;   // Token for pagination
   pageSize: string;      // Number of transactions per page
+  /**
+   * Optional API key for Coinbase Onramp. If not provided, the API key from
+   * OnchainKitProvider will be used. Required when using the utility without
+   * OnchainKitProvider or in a non-React environment.
+   */
+  apiKey?: string;
 }
 ```
 

apps/base-docs/docs/pages/builderkits/onchainkit/fund/types.mdx

@@ -252,6 +252,7 @@ type OnrampPurchaseCurrency = {
 type OnrampPaymentCurrency = {
   id: string;
   limits: OnrampPaymentMethodLimit[];
+  iconUrl: string;
 };
 
 type OnrampNetwork = {