@funkit/connect 10.0.0 → 10.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @funkit/connect
 
+## 10.1.0
+
+### Minor Changes
+
+- b3f7e3e: Allow customRecipient and generateActionsParams to be set together in the checkout config
+- 1c74a2b: Add USDC Spot to Lighter Secure withdrawal via a required `routeType` on the Secure callback params
+- 803bcbc: Move `WithdrawalParam.lighterAssetIndex` into a discriminated `customerData` object (`{ customerName: 'lighter', assetIndex }`)
+
+### Patch Changes
+
+- 7636095: Gate Cash App Lightning via dynamic config instead of a hardcoded US check
+- Updated dependencies [7636095]
+  - @funkit/connect-core@1.6.2
+
 ## 10.0.0
 
 ### Major Changes

package/dist/clients/lighter.d.ts

@@ -14,7 +14,9 @@
  * caller provides the actual on-chain implementation.
  */
 import { type Address } from 'viem';
-import type { CustomWithdrawalConfig, MultiMethodWithdrawalConfig } from '../providers/FunkitCheckoutContext/types';
+import type { CustomWithdrawalConfig, LighterRouteType, MultiMethodWithdrawalConfig } from '../providers/FunkitCheckoutContext/types';
+export { LIGHTER_ROUTE_TYPE } from '../modals/WithdrawalModal/LighterWithdrawal';
+export type { LighterRouteType } from '../providers/FunkitCheckoutContext/types';
 export type LighterTransferParams = {
     toAccountIndex: number;
     assetIndex: number;
@@ -54,6 +56,8 @@ export interface LighterWithdrawalConfig {
     sendLighterSecureWithdrawal: LighterSecureWithdrawalExec;
     /**
      * Returns the minimum Secure withdrawal amount in token units for the given symbol.
+     * Spot USDC is passed as `USDC (Spot)` (perps collateral is plain `USDC`);
+     * return `undefined` to fall back to the per-base-symbol defaults.
      *
      * ```ts
      * getSecureMinWithdrawalAmount: (symbol) => ({ USDC: 1, ETH: 0.001 }[symbol] ?? 0)
@@ -85,6 +89,13 @@ export interface LighterSecureWithdrawalCallbackParams {
     amountTokenUnits: string;
     /** The Lighter asset index (e.g. 1 for ETH, 3 for USDC). */
     assetIndex: number;
+    /**
+     * Lighter L2 route type ({@link LIGHTER_ROUTE_TYPE}: 0 = perps / USDC
+     * collateral, 1 = spot). Pass it through to `client.withdraw({ routeType })`
+     * — USDC shares asset index 3 across both routes, so the route type is what
+     * selects Perps vs Spot.
+     */
+    routeType: LighterRouteType;
 }
 type LighterSecureWithdrawalExec = (params: LighterSecureWithdrawalCallbackParams) => Promise<string>;
 export interface LighterSecureWithdrawalConfig {
@@ -169,4 +180,3 @@ export declare function createLighterSecureWithdrawalConfig(config: LighterSecur
  * ```
  */
 export declare function useLighterWithdrawalConfig(config: LighterWithdrawalConfig | null): MultiMethodWithdrawalConfig | null;
-export {};

package/dist/clients/lighter.js

@@ -149,6 +149,13 @@ function formatSecondsTranslated(seconds, t, specifyUnderMinute = false, omitSec
 // src/modals/WithdrawalModal/LighterWithdrawal.tsx
 var LIGHTER_FAST_METHOD_ID = "lighter-fast";
 var LIGHTER_SECURE_METHOD_ID = "lighter-secure";
+var LIGHTER_ROUTE_TYPE = {
+  PERPS: 0,
+  SPOT: 1
+};
+function getLighterBaseSymbol(symbol) {
+  return symbol.replace(/\s*\((?:spot|perps)\)\s*$/i, "");
+}
 var LIGHTER_FAST_MAX_WITHDRAWAL_USD = 3e6;
 
 // src/clients/lighter.tsx
@@ -415,15 +422,16 @@ function buildSecureWithdrawalCallback({
 }) {
   return async (param) => {
     const { targetAssetAddress, destinationAddress } = param;
-    const assetIndex = param.lighterAssetIndex;
-    if (assetIndex === void 0) {
+    const customerData = param.customerData?.customerName === "lighter" ? param.customerData : void 0;
+    if (!customerData) {
       logger.error(
-        "lighter:withdrawal:secure:missingAssetIndex",
-        new Error("Missing lighterAssetIndex for Secure withdrawal"),
+        "lighter:withdrawal:secure:missingCustomerData",
+        new Error("Missing Lighter customerData for Secure withdrawal"),
         { targetAssetAddress, destinationAddress }
       );
       return;
     }
+    const { assetIndex, routeType } = customerData;
     const amountTokenUnits = param.userInputAmount;
     if (!amountTokenUnits) {
       logger.error(
@@ -436,17 +444,20 @@ function buildSecureWithdrawalCallback({
     const withdrawalUSD = param.withdrawalUSD ?? "0";
     logger.info("lighter:withdrawal:secure:start", {
       assetIndex,
+      routeType,
       amountTokenUnits,
       targetAssetAddress,
       destinationAddress
     });
     const txHash = await exec({
       amountTokenUnits,
-      assetIndex
+      assetIndex,
+      routeType
     });
     logger.info("lighter:withdrawal:secure:submitted", {
       amountTokenUnits,
       assetIndex,
+      routeType,
       txHash
     });
     void trackLighterSecureWithdrawal({
@@ -586,7 +597,7 @@ function buildLighterMultiMethodConfig({
       if (userMin !== void 0) {
         return userMin;
       }
-      return LIGHTER_DEFAULT_SECURE_MIN_WITHDRAWAL_AMOUNTS[symbol.toUpperCase()] ?? 0;
+      return LIGHTER_DEFAULT_SECURE_MIN_WITHDRAWAL_AMOUNTS[getLighterBaseSymbol(symbol).toUpperCase()] ?? 0;
     }
   });
   const fast = {
@@ -637,6 +648,7 @@ function useLighterWithdrawalConfig(config) {
 }
 export {
   LIGHTER_DEFAULT_SECURE_MIN_WITHDRAWAL_AMOUNTS,
+  LIGHTER_ROUTE_TYPE,
   createLighterSecureWithdrawalConfig,
   trackLighterSecureWithdrawal,
   useLighterWithdrawalConfig

package/dist/index.d.ts

@@ -20,7 +20,7 @@ export { createAuthenticationAdapter, FunkitConnectAuthenticationProvider, } fro
 export type { AuthenticationAdapter, FunkitConnectAuthenticationProviderProps, } from './providers/AuthenticationContext';
 export type { AvatarComponent } from './providers/AvatarContext';
 export type { CheckoutBlockedReason } from './modals/CheckoutModal/CheckoutBlockedReason';
-export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, FunkitCheckoutOnCloseResult, FunkitWithdrawalConfig, WalletWithdrawalConfig, CustomWithdrawalConfig, MultiMethodWithdrawalConfig, WithdrawalMethodOption, WithdrawalParam, UseFunkitCheckoutPropsWithFullConfig, UseFunkitCheckoutProps, FunkitCheckoutValidationResult, FunkitCheckoutResult, DynamicTargetAssetCandidate, AddToWalletToken, TokenInfo, ModalTitleContext, } from './providers/FunkitCheckoutContext';
+export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, FunkitCheckoutOnCloseResult, FunkitWithdrawalConfig, WalletWithdrawalConfig, CustomWithdrawalConfig, MultiMethodWithdrawalConfig, WithdrawalMethodOption, WithdrawalParam, WithdrawalCustomerData, LighterWithdrawalCustomerData, LighterRouteType, UseFunkitCheckoutPropsWithFullConfig, UseFunkitCheckoutProps, FunkitCheckoutValidationResult, FunkitCheckoutResult, DynamicTargetAssetCandidate, AddToWalletToken, TokenInfo, ModalTitleContext, } from './providers/FunkitCheckoutContext';
 export { useFunkitCheckout, FunCheckoutStartingStep, } from './providers/FunkitCheckoutContext';
 export type { FunkitCheckoutQuoteResult } from './domains/quote';
 export type { FunkitConfig, FunkitUiCustomizationsConfig, FunkitTextCustomizationsConfig, } from './providers/FunkitConfigContext';

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  darkTheme
-} from "./chunk-36KVHK22.js";
 import {
   lightTheme
 } from "./chunk-67BKQQNG.js";
+import {
+  darkTheme
+} from "./chunk-36KVHK22.js";
 import {
   systemFontStack
 } from "./chunk-4YEAUICE.js";
@@ -1004,66 +1004,6 @@ import {
 import * as dnum12 from "dnum";
 import { erc20Abi as erc20Abi9, formatUnits as formatUnits5, isAddress } from "viem";
 
-// src/consts/customers.ts
-import {
-  AAVE_API_KEY,
-  AVANTIS_API_KEY,
-  BASED_API_KEY,
-  BSX_API_KEY,
-  ETHEREAL_API_KEY,
-  FANATICS_API_KEY,
-  HYENA_API_KEY,
-  HYPERDASH_API_KEY,
-  LIGHTERXYZ_API_KEY,
-  MALLARD_API_KEY,
-  MONAD_API_KEY,
-  MONKEY_TILT_API_KEY,
-  NADO_API_KEY,
-  OSTIUM_API_KEY,
-  PERPL_API_KEY,
-  POLYMARKET_API_KEY
-} from "@funkit/api-base";
-import { mainnet as mainnet2 } from "viem/chains";
-function isPolymarketCustomer(apiKey) {
-  return apiKey === POLYMARKET_API_KEY;
-}
-function isOstiumCustomer(apiKey) {
-  return apiKey === OSTIUM_API_KEY;
-}
-function isEtherealCustomer(apiKey) {
-  return apiKey === ETHEREAL_API_KEY;
-}
-function isMonadCustomer(apiKey) {
-  return apiKey === MONAD_API_KEY;
-}
-function isHyenaCustomer(apiKey) {
-  return apiKey === HYENA_API_KEY;
-}
-function isLighterxyzCustomer(apiKey) {
-  return apiKey === LIGHTERXYZ_API_KEY;
-}
-function isFanaticsCustomer(apiKey) {
-  return apiKey === FANATICS_API_KEY;
-}
-function isAaveCustomer(apiKey) {
-  return apiKey === AAVE_API_KEY;
-}
-function isNadoCustomer(apiKey) {
-  return apiKey === NADO_API_KEY;
-}
-function isMallardCustomer(apiKey) {
-  return apiKey === MALLARD_API_KEY;
-}
-function isCustomerNativeFastPathEnabled(apiKey) {
-  return isAaveCustomer(apiKey);
-}
-function isLighterSpot(apiKey, checkoutConfig) {
-  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && (checkoutConfig.dynamicRoutingId ?? "").includes("SPOT");
-}
-function isLighterSlowDeposit(apiKey, checkoutConfig) {
-  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && checkoutConfig.targetChain === mainnet2.id.toString();
-}
-
 // src/wagmi/actions.ts
 import { erc20Abi, formatUnits } from "viem";
 import {
@@ -1137,6 +1077,66 @@ import React300, {
 import { flushSync as flushSync2 } from "react-dom";
 import { v4 as uuid2 } from "uuid";
 
+// src/consts/customers.ts
+import {
+  AAVE_API_KEY,
+  AVANTIS_API_KEY,
+  BASED_API_KEY,
+  BSX_API_KEY,
+  ETHEREAL_API_KEY,
+  FANATICS_API_KEY,
+  HYENA_API_KEY,
+  HYPERDASH_API_KEY,
+  LIGHTERXYZ_API_KEY,
+  MALLARD_API_KEY,
+  MONAD_API_KEY,
+  MONKEY_TILT_API_KEY,
+  NADO_API_KEY,
+  OSTIUM_API_KEY,
+  PERPL_API_KEY,
+  POLYMARKET_API_KEY
+} from "@funkit/api-base";
+import { mainnet as mainnet2 } from "viem/chains";
+function isPolymarketCustomer(apiKey) {
+  return apiKey === POLYMARKET_API_KEY;
+}
+function isOstiumCustomer(apiKey) {
+  return apiKey === OSTIUM_API_KEY;
+}
+function isEtherealCustomer(apiKey) {
+  return apiKey === ETHEREAL_API_KEY;
+}
+function isMonadCustomer(apiKey) {
+  return apiKey === MONAD_API_KEY;
+}
+function isHyenaCustomer(apiKey) {
+  return apiKey === HYENA_API_KEY;
+}
+function isLighterxyzCustomer(apiKey) {
+  return apiKey === LIGHTERXYZ_API_KEY;
+}
+function isFanaticsCustomer(apiKey) {
+  return apiKey === FANATICS_API_KEY;
+}
+function isAaveCustomer(apiKey) {
+  return apiKey === AAVE_API_KEY;
+}
+function isNadoCustomer(apiKey) {
+  return apiKey === NADO_API_KEY;
+}
+function isMallardCustomer(apiKey) {
+  return apiKey === MALLARD_API_KEY;
+}
+function isCustomerNativeFastPathEnabled(apiKey) {
+  return isAaveCustomer(apiKey);
+}
+function isLighterSpot(apiKey, checkoutConfig) {
+  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && (checkoutConfig.dynamicRoutingId ?? "").includes("SPOT");
+}
+function isLighterSlowDeposit(apiKey, checkoutConfig) {
+  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && checkoutConfig.targetChain === mainnet2.id.toString();
+}
+
 // src/consts/funkit.ts
 import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS } from "@funkit/chains";
 var NATIVE_TOKEN = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS;
@@ -1687,7 +1687,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "10.0.0";
+  return "10.1.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -3394,12 +3394,6 @@ function useIsMeldEnabled() {
   return meldEnabled && !!meldCurrencyCode;
 }
 
-// src/hooks/useIsUsUser.ts
-function useIsUsUser() {
-  const { userIpInfo } = useFunkitUserIp();
-  return userIpInfo?.alpha2 === "US";
-}
-
 // src/hooks/useFrogAccount.ts
 import {
   createBridgeBankAccount,
@@ -4251,14 +4245,16 @@ function usePaymentMethodEnablement() {
   const isBrokerageFlagEnabled = useDynamicConfig("enablebluvobrokerage");
   const isSwappedFlagEnabled = useDynamicConfig("enableswappeddeposit");
   const isLightningFlagEnabled = useDynamicConfig("enablebitcoinlightning");
+  const isCashAppLightningFlagEnabled = useDynamicConfig(
+    "enablecashapplightning"
+  );
   const isFiatEnabled = isFiatFlagEnabled;
   const isTokenTransferEnabled = isTokenTransferFlagEnabled;
   const isMeldEnabled = isMeldFlagEnabled && isTokenTransferEnabled;
   const isSwappedEnabled = isSwappedFlagEnabled && (isTokenTransferEnabled || isTokenTransferComingSoon || isTokenTransferGeoblocked);
   const isBrokerageEnabled = isBrokerageFlagEnabled && isTokenTransferEnabled;
   const isLightningEnabled = isLightningFlagEnabled && isTokenTransferEnabled;
-  const isUsUser = useIsUsUser();
-  const isCashAppLightningEnabled = isLightningEnabled && isUsUser;
+  const isCashAppLightningEnabled = isCashAppLightningFlagEnabled && isTokenTransferEnabled;
   return {
     isSwappedEnabled,
     isFiatEnabled,
@@ -19096,6 +19092,17 @@ var getTokenIconUrl = (symbol, tokens) => {
 
 // src/modals/WithdrawalModal/LighterWithdrawal.tsx
 var LIGHTER_SECURE_METHOD_ID = "lighter-secure";
+var LIGHTER_USDC_SPOT_SYMBOL = "USDC (Spot)";
+var LIGHTER_ROUTE_TYPE = {
+  PERPS: 0,
+  SPOT: 1
+};
+function getLighterBaseSymbol(symbol) {
+  return symbol.replace(/\s*\((?:spot|perps)\)\s*$/i, "");
+}
+function resolveLighterSecureRouteType(selectedSourceToken) {
+  return selectedSourceToken.toUpperCase() === "USDC" ? LIGHTER_ROUTE_TYPE.PERPS : LIGHTER_ROUTE_TYPE.SPOT;
+}
 var LIGHTER_SECURE_MAINNET_ADDRESS = {
   ETH: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE",
   LIT: "0x232CE3bd40fCd6f80f3d55A522d03f25Df784Ee2",
@@ -19108,7 +19115,7 @@ var LIGHTER_SECURE_MAINNET_ADDRESS = {
   AZTEC: "0xA27EC0006e59f245217Ff08CD52A7E8b169E62D2"
 };
 function getLighterSecureMainnetAddress(symbol) {
-  return LIGHTER_SECURE_MAINNET_ADDRESS[symbol.toUpperCase()];
+  return LIGHTER_SECURE_MAINNET_ADDRESS[getLighterBaseSymbol(symbol).toUpperCase()];
 }
 var LIGHTER_FAST_MAX_WITHDRAWAL_LABEL = "$3M";
 function LighterFastMaxExceededMessage({
@@ -19191,10 +19198,8 @@ function useLighterWithdrawalBalances({
     const result = {};
     for (const asset of account.assets) {
       const symbol = asset.symbol.toUpperCase();
-      if (symbol === "USDC") {
-        continue;
-      }
-      result[symbol] = freeBalance(asset.balance, asset.locked_balance);
+      const key = symbol === "USDC" ? LIGHTER_USDC_SPOT_SYMBOL.toUpperCase() : symbol;
+      result[key] = freeBalance(asset.balance, asset.locked_balance);
     }
     result.USDC = account.total_asset_value;
     logger.info("lighter:withdrawal:balances:resolved", {
@@ -19214,7 +19219,7 @@ function useLighterWithdrawalBalances({
 }
 var LIGHTER_USDC_ASSET_INDEX = 3;
 function resolveLighterAssetIndex(lighterAssets, selectedSourceToken) {
-  const selectedSymbol = selectedSourceToken.toUpperCase();
+  const selectedSymbol = getLighterBaseSymbol(selectedSourceToken).toUpperCase();
   const lookupAssetId = lighterAssets.find(
     (asset) => asset.symbol.toUpperCase() === selectedSymbol
   )?.asset_id;
@@ -19231,17 +19236,26 @@ function buildLighterSourceTokenOptions(config, lighterAssets) {
       }
     ];
   }
-  const usdcOption = {
+  const usdcPerpsOption = {
     symbol: "USDC",
-    label: "USDC",
+    label: "USDC (Perps)",
     iconSrc: getTokenIconUrl("USDC")
   };
-  const nonUsdcOptions = lighterAssets.filter((asset) => asset.symbol.toUpperCase() !== "USDC").map((asset) => ({
-    symbol: asset.symbol,
-    label: asset.symbol,
-    iconSrc: getTokenIconUrl(asset.symbol)
-  }));
-  return [usdcOption, ...nonUsdcOptions];
+  const spotOptions = lighterAssets.map((asset) => {
+    if (asset.symbol.toUpperCase() === "USDC") {
+      return {
+        symbol: LIGHTER_USDC_SPOT_SYMBOL,
+        label: LIGHTER_USDC_SPOT_SYMBOL,
+        iconSrc: getTokenIconUrl("USDC")
+      };
+    }
+    return {
+      symbol: asset.symbol,
+      label: asset.symbol,
+      iconSrc: getTokenIconUrl(asset.symbol)
+    };
+  });
+  return [usdcPerpsOption, ...spotOptions];
 }
 function useLighterWithdrawal(config, setRecipientAddress) {
   const { apiKey } = useFunkitConfig();
@@ -19353,9 +19367,10 @@ function LighterSecureAddressDisplay({ address }) {
   ));
 }
 function LighterSecureReceiveDisplay({
-  sourceTokenSymbol
+  sourceTokenSymbol: rawSourceTokenSymbol
 }) {
   const { t } = useFunkitTranslation();
+  const sourceTokenSymbol = getLighterBaseSymbol(rawSourceTokenSymbol);
   return /* @__PURE__ */ React83.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React83.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React83.createElement(Text, { size: "inputLabel", weight: "inputLabel", color: "inputLabel" }, t("withdrawal.receiveToken")), /* @__PURE__ */ React83.createElement(
     LighterSecureLockedField,
     {
@@ -19394,8 +19409,9 @@ function LighterSecureReceiveDisplay({
 }
 function LighterSecureReceiveAmountValue({
   amount,
-  tokenSymbol
+  tokenSymbol: rawTokenSymbol
 }) {
+  const tokenSymbol = getLighterBaseSymbol(rawTokenSymbol);
   return /* @__PURE__ */ React83.createElement(
     Text,
     {
@@ -19415,10 +19431,11 @@ function LighterSecureWithdrawalSuccess({
   onClose,
   onNewWithdrawal,
   amount,
-  tokenSymbol,
+  tokenSymbol: rawTokenSymbol,
   txHash
 }) {
   const { t } = useFunkitTranslation();
+  const tokenSymbol = getLighterBaseSymbol(rawTokenSymbol);
   const bottomSectionRef = useBottomSectionRef("withdrawal");
   const isSyntheticHash = txHash === "0x0000000000000000000000000000000000000001";
   const hasRealTxHash = !!txHash && !isSyntheticHash;
@@ -25067,7 +25084,12 @@ function WithdrawAmountInput({
   const isLighter = isLighterxyzCustomer(apiKey);
   const isLighterFast = isLighter && config.sourceChainId === RELAY_LIGHTER_CHAIN_ID3;
   const activeSymbol = selectedSourceToken ?? config.sourceTokenSymbol;
-  const chipLabel = isLighterFast ? "USDC (Perps)" : activeSymbol;
+  const selectedOption = sourceTokenOptions?.find(
+    (opt) => opt.symbol === activeSymbol
+  );
+  const chipLabel = selectedOption?.label ?? (isLighterFast ? "USDC (Perps)" : activeSymbol);
+  const chipIconSrc = selectedOption?.iconSrc ?? getTokenIconUrl(getLighterBaseSymbol(activeSymbol));
+  const displaySymbol = getLighterBaseSymbol(activeSymbol);
   const chipTooltip = isLighterFast ? t("withdrawal.lighterFastTokenTooltip") : void 0;
   const [amountInputTouched, setAmountInputTouched] = useState38(false);
   const handleAmountChange = (e) => {
@@ -25082,15 +25104,16 @@ function WithdrawAmountInput({
   };
   const isSolelyOverCap = isWithdrawAmountTooHigh && !isWithdrawAmountAboveBalance;
   const showAmountError = amountInputTouched && withdrawalInputAmount !== "" && !isWithdrawAmountValid && !isSolelyOverCap;
-  const minAmountDisplay = isLighter ? `${minWithdrawalDisplayValue} ${activeSymbol}` : formatCurrencyAndStringify5(minWithdrawalDisplayValue);
+  const minAmountDisplay = isLighter ? `${minWithdrawalDisplayValue} ${displaySymbol}` : formatCurrencyAndStringify5(minWithdrawalDisplayValue);
   const errorText = showAmountError ? isWithdrawAmountTooLow ? t("withdrawal.minimumWithdrawAmount", { amount: minAmountDisplay }) : t("withdrawal.insufficientBalance") : void 0;
   return /* @__PURE__ */ React131.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React131.createElement(Text, { size: "inputLabel", weight: "inputLabel", color: "inputLabel" }, t("withdrawal.amount")), /* @__PURE__ */ React131.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, isLighter ? /* @__PURE__ */ React131.createElement(
     LighterCompoundAmountInput,
     {
       value: withdrawalInputAmount,
       onChange: handleAmountChange,
-      activeSymbol,
+      activeSymbol: displaySymbol,
       chipLabel,
+      chipIconSrc,
       chipTooltip,
       sourceTokenBalance,
       onMax: setMaxAmount,
@@ -25116,7 +25139,7 @@ function WithdrawAmountInput({
       suffix: /* @__PURE__ */ React131.createElement(
         AmountInputSuffix,
         {
-          symbol: activeSymbol,
+          symbol: displaySymbol,
           sourceTokenBalance,
           onMax: setMaxAmount
         }
@@ -25127,7 +25150,7 @@ function WithdrawAmountInput({
     { minBeforeUseScientific: 0 }
   )), Number(sourceTokenBalance) > 0 && /* @__PURE__ */ React131.createElement(Text, { size: "12", color: "secondaryText" }, t("withdrawal.balance", {
     amount: formatCryptoAndStringify2(Number(sourceTokenBalance)),
-    symbol: activeSymbol
+    symbol: displaySymbol
   })))));
 }
 function AmountInputSuffix({
@@ -25151,6 +25174,7 @@ function LighterCompoundAmountInput({
   onChange,
   activeSymbol,
   chipLabel,
+  chipIconSrc,
   chipTooltip,
   sourceTokenBalance,
   onMax,
@@ -25185,8 +25209,8 @@ function LighterCompoundAmountInput({
     /* @__PURE__ */ React131.createElement(
       LighterSourceTokenDropdown,
       {
-        activeSymbol,
         chipLabel,
+        chipIconSrc,
         tooltip: chipTooltip,
         options: sourceTokenOptions,
         onSelect: onSourceTokenChange
@@ -25229,8 +25253,8 @@ function LighterAmountInputField({
   ));
 }
 function LighterSourceTokenDropdown({
-  activeSymbol,
   chipLabel,
+  chipIconSrc,
   tooltip,
   options,
   onSelect
@@ -25260,7 +25284,7 @@ function LighterSourceTokenDropdown({
     /* @__PURE__ */ React131.createElement(
       AsyncImage,
       {
-        src: getTokenIconUrl(activeSymbol),
+        src: chipIconSrc,
         alt: chipLabel,
         width: 20,
         height: 20,
@@ -25295,7 +25319,11 @@ function LighterSourceTokenDropdown({
       className: "funkit-dropdown-content",
       style: {
         zIndex: "calc(var(--rk-modal-z-index, 2147483646) + 1)",
-        width: "var(--radix-dropdown-menu-trigger-width)"
+        // Track the chip width as a floor only — a short selection (e.g.
+        // "LIT") must not squeeze longer labels ("USDC (Perps)") into
+        // wrapping; the menu grows to its widest item instead.
+        minWidth: "var(--radix-dropdown-menu-trigger-width)",
+        width: "max-content"
       },
       onCloseAutoFocus: (e) => e.preventDefault()
     },
@@ -25342,7 +25370,16 @@ function LighterSourceTokenDropdown({
               borderRadius: "full"
             }
           ),
-          /* @__PURE__ */ React131.createElement(Text, { size: "13", weight: "medium", color: "primaryText" }, opt.label)
+          /* @__PURE__ */ React131.createElement(
+            Text,
+            {
+              size: "13",
+              weight: "medium",
+              color: "primaryText",
+              style: { whiteSpace: "nowrap" }
+            },
+            opt.label
+          )
         )
       ))
     )
@@ -25628,7 +25665,7 @@ function useWithdrawal({
             targetAssetAddress: formData.tokenAddress,
             targetChainId: formData.chainId,
             destinationAddress: formData.destinationAddress,
-            lighterAssetIndex: formData.lighterAssetIndex,
+            customerData: formData.customerData,
             userInputAmount: formData.userInputAmount,
             withdrawalUSD: formData.withdrawalUSD
           });
@@ -25664,7 +25701,7 @@ function useWithdrawal({
           targetAssetAddress: formData.tokenAddress,
           targetChainId: formData.chainId,
           destinationAddress: formData.destinationAddress,
-          lighterAssetIndex: formData.lighterAssetIndex,
+          customerData: formData.customerData,
           userInputAmount: formData.userInputAmount,
           withdrawalUSD: formData.withdrawalUSD
         });
@@ -26090,7 +26127,13 @@ var WithdrawContent = ({
       // submit button is gated on `lighterAssetIndex` but not on this asset.
       tokenAddress: lighterSecureMainnetAddress ?? "0x",
       chainId: mainnet7.id,
-      lighterAssetIndex,
+      customerData: {
+        customerName: "lighter",
+        assetIndex: lighterAssetIndex,
+        // Perps vs spot route — disambiguates USDC, which shares asset
+        // index 3 across both routes.
+        routeType: resolveLighterSecureRouteType(selectedSourceToken)
+      },
       userInputAmount: withdrawalInputAmount
     });
   };
@@ -48360,13 +48403,10 @@ function useFunkitCheckout(props) {
       if (!isCheckoutActivated) {
         return { isActivated: false };
       }
-      const validationResult = await validateCheckoutConfig(
-        {
-          ...props.config,
-          ...inputConfig
-        },
-        apiKey
-      );
+      const validationResult = await validateCheckoutConfig({
+        ...props.config,
+        ...inputConfig
+      });
       onValidation?.(validationResult);
       if (!validationResult.isValid) {
         onErrorWrapper?.({
@@ -48452,7 +48492,7 @@ var DUMMY_TRANSFER_PARAMS = {
   toAddress: "0x000000000000000000000000000000000000dEaD",
   tokenAmount: 5
 };
-async function validateCheckoutConfig(config, apiKey) {
+async function validateCheckoutConfig(config) {
   logger.log("validateCheckoutConfig_input", config);
   if (!config.checkoutItemTitle) {
     return {
@@ -48508,12 +48548,6 @@ async function validateCheckoutConfig(config, apiKey) {
       message: "Invalid customRecipient configuration: Has to be a valid address."
     };
   }
-  if (config.customRecipient && !!config.generateActionsParams && !isPolymarketCustomer(apiKey)) {
-    return {
-      isValid: false,
-      message: "Invalid configuration: Not allowed to specify both customRecipient and generateActionsParams at the same time."
-    };
-  }
   if (config.modalTitleMeta && typeof config.modalTitleMeta !== "string") {
     return {
       isValid: false,