@funkit/connect 10.1.0 → 10.2.0

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  lightTheme
-} from "./chunk-67BKQQNG.js";
 import {
   darkTheme
 } from "./chunk-36KVHK22.js";
+import {
+  lightTheme
+} from "./chunk-67BKQQNG.js";
 import {
   systemFontStack
 } from "./chunk-4YEAUICE.js";
@@ -1687,7 +1687,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "10.1.0";
+  return "10.2.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -2035,6 +2035,30 @@ function useFunkitConfig() {
 
 // src/utils/customer.ts
 var LIGHTER_MAIN_ACCOUNT_TYPE = 0;
+var LIGHTER_TRADING_MODE = {
+  SIMPLE: 0,
+  UNIFIED: 1
+};
+var LIGHTER_USDC_SPOT_ROUTING_IDS = /* @__PURE__ */ new Set([
+  "LIGHTER_USDC_SPOT",
+  "LIGHTER_USDC_SPOT_NEW_USER"
+]);
+var LIGHTER_USDC_SPOT_CANDIDATE_SYMBOL = "USDC (SPOT)";
+function stripLighterPerpsSuffix(symbol) {
+  return symbol?.replace(/\s*\(perps\)\s*$/i, "");
+}
+function isLighterUsdcSpotCandidate(candidate) {
+  if (candidate.dynamicRoutingId) {
+    return LIGHTER_USDC_SPOT_ROUTING_IDS.has(candidate.dynamicRoutingId);
+  }
+  return candidate.tokenSymbol.toUpperCase() === LIGHTER_USDC_SPOT_CANDIDATE_SYMBOL;
+}
+function adaptLighterTargetAssetsForUnifiedAccount(candidates) {
+  return candidates.filter((candidate) => !isLighterUsdcSpotCandidate(candidate)).map((candidate) => ({
+    ...candidate,
+    tokenSymbol: stripLighterPerpsSuffix(candidate.tokenSymbol)
+  }));
+}
 async function getLighterAccountsByL1Address(address) {
   const response = await fetch(
     `https://mainnet.zklighter.elliot.ai/api/v1/accountsByL1Address?l1_address=${address}`
@@ -2107,6 +2131,9 @@ function useLighterAccounts({
   return {
     ...query,
     mainAccountIndex: mainAccount?.index?.toString(),
+    // False until the accounts load — consumers fall back to the simple-mode
+    // UI (both USDC variants shown) while the trading mode is unknown.
+    isUnifiedTradingMode: mainAccount?.account_trading_mode === LIGHTER_TRADING_MODE.UNIFIED,
     subAccounts
   };
 }
@@ -2124,6 +2151,7 @@ import { useEffect as useEffect9, useState as useState9 } from "react";
 // src/hooks/queries/useFops.ts
 import {
   FormOfPaymentType as FormOfPaymentType2,
+  RailConfigType,
   getFops
 } from "@funkit/api-base";
 import { solanaChain as solanaChain2 } from "@funkit/chains";
@@ -4451,7 +4479,8 @@ var useFops = () => {
     transferInit
   );
   const isValidRecipientAddress = !!recipientAddress && isAddressCompatibleWithChain(recipientAddress, Number(targetChain));
-  const isEnabled = isSwappedEnabled && !comingSoon && !!apiKey && !!targetAsset && !!targetChain && !isSwappedCurrencyCodeLoading && isValidRecipientAddress && !!transferInit && !!userIpInfo;
+  const countryCode = userIpInfo?.alpha2;
+  const isEnabled = isSwappedEnabled && !comingSoon && !!apiKey && !!targetAsset && !!targetChain && !isSwappedCurrencyCodeLoading && isValidRecipientAddress && !!transferInit && !!countryCode;
   const query = useQuery9({
     // `prefillFiatEmail` is intentionally NOT in the queryKey: it's read inside
     // `queryFn` and captured at fetch time, so post-mount changes don't trigger a refetch
@@ -4463,7 +4492,7 @@ var useFops = () => {
       targetAsset,
       targetChain,
       swappedCurrencyCode,
-      userIpInfo?.alpha2,
+      countryCode,
       apiKey,
       themeConfig,
       fopPriority,
@@ -4490,22 +4519,31 @@ var useFops = () => {
         apiKey,
         logger,
         params: {
+          // recipientAddress and destinationToken are required by the backend's
+          // Zod schema but ignored when railConfigs is present — the
+          // FIAT_TO_CRYPTO handler reads railConfigs[].recipientTargets.
           recipientAddress,
           userId,
           destinationToken,
           fiatCurrencyCode: swappedCurrencyCode,
-          countryCode: userIpInfo?.alpha2,
-          recipientTargets: [
-            { recipientAddress, destinationToken },
+          countryCode,
+          railConfigs: [
             {
-              recipientAddress: transferInit.solanaAddr,
-              destinationToken: secondaryDestinationToken
+              type: RailConfigType.FIAT_TO_CRYPTO,
+              userId,
+              countryCode,
+              fiatCurrencyCode: swappedCurrencyCode,
+              recipientTargets: [
+                { recipientAddress, destinationToken },
+                {
+                  recipientAddress: transferInit.solanaAddr,
+                  destinationToken: secondaryDestinationToken
+                }
+              ],
+              thirdPartyPaymentConfigs,
+              checkoutLimitsCriteria: { defaultMinAmount: defaultMinAmountEur }
             }
-          ],
-          thirdPartyPaymentConfigs,
-          checkoutLimitsCriteria: {
-            defaultMinAmount: defaultMinAmountEur
-          }
+          ]
         }
       });
       const validFopsData = validateFops(response, "useFops");
@@ -8498,6 +8536,9 @@ function useSwappedContext() {
   return ctx;
 }
 
+// src/modals/CheckoutModal/SwappedIframe/SwappedIframe.css.ts
+var scrollableIframeWrapper = "oxtlcp0";
+
 // src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
 var SwappedIframe = () => {
   const { iframeUrl, isSwappedReady, isActive, setIframeRef } = useSwappedContext();
@@ -8517,12 +8558,13 @@ var SwappedIframe = () => {
     Box,
     {
       background: "modalBackground",
+      className: scrollableIframeWrapper,
       style: {
         position: "absolute",
         inset: 0,
         width: "100%",
         height: "100%",
-        overflow: "hidden",
+        overflow: "auto",
         overscrollBehavior: "contain",
         zIndex: shouldShow ? 1 : -1,
         pointerEvents: shouldShow ? "auto" : "none",
@@ -9838,6 +9880,7 @@ var en_default = {
     methodFast: "Fast",
     methodSecure: "Native Bridge",
     fastDisclaimer: "USDC Perps only \xB7 Multiple chains \xB7 Instant",
+    fastDisclaimerUnified: "USDC only \xB7 Multiple chains \xB7 Instant",
     secureDisclaimer: "All tokens \xB7 Ethereum chain only \xB7 {{delay}}",
     secureFallbackDelay: "60+ minutes",
     lighterSecureAddressTooltip: "You can only withdraw to your connected wallet",
@@ -9987,8 +10030,8 @@ var en_default = {
     selectPaymentMethod: "Select payment method",
     moreOptions: "More options",
     mostPopular: "Most popular",
-    savedPaymentMethods: "Saved payment methods",
-    otherOptions: "Other options",
+    savedPaymentMethods: "Saved cards",
+    otherOptions: "More options",
     connected: "Connected",
     more: "more",
     walletDisplayLabel: "{{walletLabel}}",
@@ -10444,6 +10487,7 @@ var es_default = {
     methodFast: "R\xE1pido",
     methodSecure: "Puente Nativo",
     fastDisclaimer: "Solo USDC Perps \xB7 M\xFAltiples cadenas \xB7 Instant\xE1neo",
+    fastDisclaimerUnified: "Solo USDC \xB7 M\xFAltiples cadenas \xB7 Instant\xE1neo",
     secureDisclaimer: "Todos los tokens \xB7 Solo cadena Ethereum \xB7 {{delay}}",
     secureFallbackDelay: "60+ minutos",
     lighterSecureAddressTooltip: "Solo puedes retirar a tu billetera conectada",
@@ -10590,8 +10634,8 @@ var es_default = {
     selectPaymentMethod: "Seleccionar m\xE9todo de pago",
     moreOptions: "M\xE1s opciones",
     mostPopular: "M\xE1s popular",
-    savedPaymentMethods: "M\xE9todos de pago guardados",
-    otherOptions: "Otras opciones",
+    savedPaymentMethods: "Tarjetas guardadas",
+    otherOptions: "M\xE1s opciones",
     more: "m\xE1s",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -11047,6 +11091,7 @@ var fr_default = {
     methodFast: "Rapide",
     methodSecure: "Pont natif",
     fastDisclaimer: "USDC Perps uniquement \xB7 Plusieurs cha\xEEnes \xB7 Instantan\xE9",
+    fastDisclaimerUnified: "USDC uniquement \xB7 Plusieurs cha\xEEnes \xB7 Instantan\xE9",
     secureDisclaimer: "Tous les tokens \xB7 Cha\xEEne Ethereum uniquement \xB7 {{delay}}",
     secureFallbackDelay: "60+ minutes",
     lighterSecureAddressTooltip: "Vous ne pouvez retirer que vers votre portefeuille connect\xE9",
@@ -11193,8 +11238,8 @@ var fr_default = {
     selectPaymentMethod: "S\xE9lectionnez le mode de paiement",
     moreOptions: "Plus d'options",
     mostPopular: "Les plus populaires",
-    savedPaymentMethods: "Moyens de paiement enregistr\xE9s",
-    otherOptions: "Autres options",
+    savedPaymentMethods: "Cartes enregistr\xE9es",
+    otherOptions: "Plus d'options",
     more: "plus",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -11650,6 +11695,7 @@ var ja_default = {
     methodFast: "\u9AD8\u901F",
     methodSecure: "\u30CD\u30A4\u30C6\u30A3\u30D6\u30D6\u30EA\u30C3\u30B8",
     fastDisclaimer: "USDC\u30D1\u30FC\u30D7\u30B9\u306E\u307F \xB7 \u8907\u6570\u30C1\u30A7\u30FC\u30F3 \xB7 \u5373\u6642",
+    fastDisclaimerUnified: "USDC\u306E\u307F \xB7 \u8907\u6570\u30C1\u30A7\u30FC\u30F3 \xB7 \u5373\u6642",
     secureDisclaimer: "\u5168\u30C8\u30FC\u30AF\u30F3 \xB7 \u30A4\u30FC\u30B5\u30EA\u30A2\u30E0\u30C1\u30A7\u30FC\u30F3\u306E\u307F \xB7 {{delay}}",
     secureFallbackDelay: "60\u5206\u4EE5\u4E0A",
     lighterSecureAddressTooltip: "\u63A5\u7D9A\u4E2D\u306E\u30A6\u30A9\u30EC\u30C3\u30C8\u306B\u306E\u307F\u51FA\u91D1\u3067\u304D\u307E\u3059",
@@ -11796,8 +11842,8 @@ var ja_default = {
     selectPaymentMethod: "\u652F\u6255\u3044\u65B9\u6CD5\u3092\u9078\u629E",
     moreOptions: "\u305D\u306E\u4ED6\u306E\u30AA\u30D7\u30B7\u30E7\u30F3",
     mostPopular: "\u4EBA\u6C17",
-    savedPaymentMethods: "\u4FDD\u5B58\u6E08\u307F\u306E\u652F\u6255\u3044\u65B9\u6CD5",
-    otherOptions: "\u305D\u306E\u4ED6\u306E\u9078\u629E\u80A2",
+    savedPaymentMethods: "\u4FDD\u5B58\u6E08\u307F\u30AB\u30FC\u30C9",
+    otherOptions: "\u305D\u306E\u4ED6\u306E\u30AA\u30D7\u30B7\u30E7\u30F3",
     more: "\u3082\u3063\u3068\u898B\u308B",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -12253,6 +12299,7 @@ var ko_default = {
     methodFast: "\uBE60\uB978",
     methodSecure: "\uB124\uC774\uD2F0\uBE0C \uBE0C\uB9AC\uC9C0",
     fastDisclaimer: "USDC \uD37C\uD504\uC2A4\uB9CC \xB7 \uB2E4\uC911 \uCCB4\uC778 \xB7 \uC989\uC2DC",
+    fastDisclaimerUnified: "USDC\uB9CC \xB7 \uB2E4\uC911 \uCCB4\uC778 \xB7 \uC989\uC2DC",
     secureDisclaimer: "\uBAA8\uB4E0 \uD1A0\uD070 \xB7 \uC774\uB354\uB9AC\uC6C0 \uCCB4\uC778\uB9CC \xB7 {{delay}}",
     secureFallbackDelay: "60\uBD84 \uC774\uC0C1",
     lighterSecureAddressTooltip: "\uC5F0\uACB0\uB41C \uC9C0\uAC11\uC73C\uB85C\uB9CC \uCD9C\uAE08\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4",
@@ -12399,8 +12446,8 @@ var ko_default = {
     selectPaymentMethod: "\uACB0\uC81C \uBC29\uBC95 \uC120\uD0DD",
     moreOptions: "\uB354 \uB9CE\uC740 \uC635\uC158",
     mostPopular: "\uC778\uAE30",
-    savedPaymentMethods: "\uC800\uC7A5\uB41C \uACB0\uC81C \uC218\uB2E8",
-    otherOptions: "\uB2E4\uB978 \uC635\uC158",
+    savedPaymentMethods: "\uC800\uC7A5\uB41C \uCE74\uB4DC",
+    otherOptions: "\uB354 \uB9CE\uC740 \uC635\uC158",
     more: "\uB354 \uBCF4\uAE30",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -12856,6 +12903,7 @@ var ru_default = {
     methodFast: "\u0411\u044B\u0441\u0442\u0440\u044B\u0439",
     methodSecure: "\u041D\u0430\u0442\u0438\u0432\u043D\u044B\u0439 \u043C\u043E\u0441\u0442",
     fastDisclaimer: "\u0422\u043E\u043B\u044C\u043A\u043E USDC \u0431\u0435\u0441\u0441\u0440\u043E\u0447\u043D\u044B\u0435 \xB7 \u041D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0435\u0442\u0435\u0439 \xB7 \u041C\u0433\u043D\u043E\u0432\u0435\u043D\u043D\u043E",
+    fastDisclaimerUnified: "\u0422\u043E\u043B\u044C\u043A\u043E USDC \xB7 \u041D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0435\u0442\u0435\u0439 \xB7 \u041C\u0433\u043D\u043E\u0432\u0435\u043D\u043D\u043E",
     secureDisclaimer: "\u0412\u0441\u0435 \u0442\u043E\u043A\u0435\u043D\u044B \xB7 \u0422\u043E\u043B\u044C\u043A\u043E \u0441\u0435\u0442\u044C Ethereum \xB7 {{delay}}",
     secureFallbackDelay: "60+ \u043C\u0438\u043D\u0443\u0442",
     lighterSecureAddressTooltip: "\u0412\u044B\u0432\u043E\u0434 \u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A",
@@ -13002,8 +13050,8 @@ var ru_default = {
     selectPaymentMethod: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043F\u043E\u0441\u043E\u0431 \u043E\u043F\u043B\u0430\u0442\u044B",
     moreOptions: "\u0411\u043E\u043B\u044C\u0448\u0435 \u043E\u043F\u0446\u0438\u0439",
     mostPopular: "\u0421\u0430\u043C\u044B\u0435 \u043F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0435",
-    savedPaymentMethods: "\u0421\u043E\u0445\u0440\u0430\u043D\u0451\u043D\u043D\u044B\u0435 \u0441\u043F\u043E\u0441\u043E\u0431\u044B \u043E\u043F\u043B\u0430\u0442\u044B",
-    otherOptions: "\u0414\u0440\u0443\u0433\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B",
+    savedPaymentMethods: "\u0421\u043E\u0445\u0440\u0430\u043D\u0451\u043D\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B",
+    otherOptions: "\u0411\u043E\u043B\u044C\u0448\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432",
     more: "\u0431\u043E\u043B\u044C\u0448\u0435",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -13459,6 +13507,7 @@ var tr_default = {
     methodFast: "H\u0131zl\u0131",
     methodSecure: "Yerel K\xF6pr\xFC",
     fastDisclaimer: "Yaln\u0131zca USDC Perps \xB7 Birden fazla zincir \xB7 An\u0131nda",
+    fastDisclaimerUnified: "Yaln\u0131zca USDC \xB7 Birden fazla zincir \xB7 An\u0131nda",
     secureDisclaimer: "T\xFCm tokenlar \xB7 Yaln\u0131zca Ethereum zinciri \xB7 {{delay}}",
     secureFallbackDelay: "60+ dakika",
     lighterSecureAddressTooltip: "Yaln\u0131zca ba\u011Fl\u0131 c\xFCzdan\u0131n\u0131za para \xE7ekebilirsiniz",
@@ -13605,8 +13654,8 @@ var tr_default = {
     selectPaymentMethod: "\xD6deme y\xF6ntemi se\xE7in",
     moreOptions: "Daha fazla se\xE7enek",
     mostPopular: "En pop\xFCler",
-    savedPaymentMethods: "Kay\u0131tl\u0131 \xF6deme y\xF6ntemleri",
-    otherOptions: "Di\u011Fer se\xE7enekler",
+    savedPaymentMethods: "Kay\u0131tl\u0131 kartlar",
+    otherOptions: "Daha fazla se\xE7enek",
     more: "daha fazla",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -14062,6 +14111,7 @@ var zh_default = {
     methodFast: "\u5FEB\u901F",
     methodSecure: "\u539F\u751F\u8DE8\u94FE\u6865",
     fastDisclaimer: "\u4EC5\u9650USDC\u6C38\u7EED \xB7 \u591A\u94FE \xB7 \u5373\u65F6",
+    fastDisclaimerUnified: "\u4EC5\u9650USDC \xB7 \u591A\u94FE \xB7 \u5373\u65F6",
     secureDisclaimer: "\u6240\u6709\u4EE3\u5E01 \xB7 \u4EC5\u4EE5\u592A\u574A\u94FE \xB7 {{delay}}",
     secureFallbackDelay: "60\u5206\u949F\u4EE5\u4E0A",
     lighterSecureAddressTooltip: "\u60A8\u53EA\u80FD\u63D0\u73B0\u5230\u5DF2\u8FDE\u63A5\u7684\u94B1\u5305",
@@ -14208,8 +14258,8 @@ var zh_default = {
     selectPaymentMethod: "\u9009\u62E9\u652F\u4ED8\u65B9\u5F0F",
     moreOptions: "\u66F4\u591A\u9009\u9879",
     mostPopular: "\u6700\u53D7\u6B22\u8FCE",
-    savedPaymentMethods: "\u5DF2\u4FDD\u5B58\u7684\u652F\u4ED8\u65B9\u5F0F",
-    otherOptions: "\u5176\u4ED6\u9009\u9879",
+    savedPaymentMethods: "\u5DF2\u4FDD\u5B58\u7684\u5361\u7247",
+    otherOptions: "\u66F4\u591A\u9009\u9879",
     more: "\u66F4\u591A",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -19225,23 +19275,19 @@ function resolveLighterAssetIndex(lighterAssets, selectedSourceToken) {
   )?.asset_id;
   return lookupAssetId ?? (selectedSymbol === "USDC" ? LIGHTER_USDC_ASSET_INDEX : void 0);
 }
-function buildLighterSourceTokenOptions(config, lighterAssets) {
+function buildLighterSourceTokenOptions(config, lighterAssets, isUnifiedTradingMode = false) {
   const isLighterFast = config.sourceChainId === RELAY_LIGHTER_CHAIN_ID2;
-  if (isLighterFast) {
-    return [
-      {
-        symbol: "USDC",
-        label: "USDC (Perps)",
-        iconSrc: getTokenIconUrl("USDC")
-      }
-    ];
-  }
-  const usdcPerpsOption = {
+  const usdcOption = {
     symbol: "USDC",
-    label: "USDC (Perps)",
+    label: isUnifiedTradingMode ? "USDC" : "USDC (Perps)",
     iconSrc: getTokenIconUrl("USDC")
   };
-  const spotOptions = lighterAssets.map((asset) => {
+  if (isLighterFast) {
+    return [usdcOption];
+  }
+  const spotOptions = lighterAssets.filter(
+    (asset) => !(isUnifiedTradingMode && asset.symbol.toUpperCase() === "USDC")
+  ).map((asset) => {
     if (asset.symbol.toUpperCase() === "USDC") {
       return {
         symbol: LIGHTER_USDC_SPOT_SYMBOL,
@@ -19255,7 +19301,7 @@ function buildLighterSourceTokenOptions(config, lighterAssets) {
       iconSrc: getTokenIconUrl(asset.symbol)
     };
   });
-  return [usdcPerpsOption, ...spotOptions];
+  return [usdcOption, ...spotOptions];
 }
 function useLighterWithdrawal(config, setRecipientAddress) {
   const { apiKey } = useFunkitConfig();
@@ -19267,7 +19313,7 @@ function useLighterWithdrawal(config, setRecipientAddress) {
       setRecipientAddress(connectedAddress);
     }
   }, [isLighterSecure, connectedAddress, setRecipientAddress]);
-  const { mainAccountIndex } = useLighterAccounts({
+  const { mainAccountIndex, isUnifiedTradingMode } = useLighterAccounts({
     address: connectedAddress
   });
   const {
@@ -19301,6 +19347,7 @@ function useLighterWithdrawal(config, setRecipientAddress) {
   return {
     isLighterSecure,
     isLighterFast,
+    isUnifiedTradingMode,
     connectedAddress,
     lighterBalances,
     lighterAssets,
@@ -19308,11 +19355,15 @@ function useLighterWithdrawal(config, setRecipientAddress) {
     invalidateLighterAccount
   };
 }
-function useLighterSourceTokenOptions(config, apiKey, lighterAssets) {
+function useLighterSourceTokenOptions(config, apiKey, lighterAssets, isUnifiedTradingMode = false) {
   if (!isLighterxyzCustomer(apiKey)) {
     return void 0;
   }
-  return buildLighterSourceTokenOptions(config, lighterAssets);
+  return buildLighterSourceTokenOptions(
+    config,
+    lighterAssets,
+    isUnifiedTradingMode
+  );
 }
 function LighterSecureLockedField({
   tooltip,
@@ -19625,9 +19676,7 @@ import {
   FormOfPaymentType as FormOfPaymentType3
 } from "@funkit/api-base";
 import { lightningChain } from "@funkit/chains";
-import {
-  formatCurrencyAndStringify as formatCurrencyAndStringify4
-} from "@funkit/utils";
+import { formatCurrencyAndStringify as formatCurrencyAndStringify4 } from "@funkit/utils";
 import React92, { useEffect as useEffect33 } from "react";
 
 // src/hooks/useCheckoutTimeEstimate.ts
@@ -19701,7 +19750,7 @@ function useCheckoutTimeEstimate(latestQuote, originalTimeEstimationMs, paymentM
 import { useMemo as useMemo28 } from "react";
 
 // src/hooks/queries/useSwappedExchanges.ts
-import { RailConfigType, getFops as getFops2 } from "@funkit/api-base";
+import { RailConfigType as RailConfigType2, getFops as getFops2 } from "@funkit/api-base";
 import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain3, tronChain as tronChain2 } from "@funkit/chains";
 import { keepPreviousData as keepPreviousData2, useQuery as useQuery14 } from "@tanstack/react-query";
 import { useMemo as useMemo27 } from "react";
@@ -19820,7 +19869,7 @@ var useSwappedExchanges = () => {
           countryCode,
           railConfigs: [
             {
-              type: RailConfigType.CRYPTO_TO_CRYPTO,
+              type: RailConfigType2.CRYPTO_TO_CRYPTO,
               userId,
               countryCode,
               baseCurrencyCode: swappedCurrencyCode,
@@ -20728,30 +20777,51 @@ function getIconFromUiConfig(paymentMethod, iconConfig, defaultIconSize = 12) {
     );
   }
 }
-var getDynamicValueIconComponent = () => {
-  const defaultChains = getDefaultChains();
-  return /* @__PURE__ */ React92.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId2 }, index) => {
-    const metadata = chainMetadataById[chainId2];
-    return /* @__PURE__ */ React92.createElement(
-      Box,
+function resolveConnectWalletChainOrder(configuredOrder) {
+  const defaultChainIds = getDefaultChains().map(({ id }) => String(id));
+  if (!configuredOrder.length) {
+    return defaultChainIds;
+  }
+  const defaultChainIdSet = new Set(defaultChainIds);
+  const prioritized = configuredOrder.map(String).filter((id) => defaultChainIdSet.has(id));
+  const prioritizedSet = new Set(prioritized);
+  const remaining = defaultChainIds.filter((id) => !prioritizedSet.has(id));
+  return [...prioritized, ...remaining];
+}
+function MoreIconsIndicator() {
+  return /* @__PURE__ */ React92.createElement(
+    Box,
+    {
+      background: "secondaryBackground",
+      color: "secondaryText",
+      borderRadius: "full",
+      style: { width: 16, height: 16, flexShrink: 0, position: "relative" }
+    },
+    /* @__PURE__ */ React92.createElement(
+      "svg",
       {
-        key: chainId2,
-        position: "relative",
-        style: { right: `${(defaultChains.length - index - 1) * -2}px` }
+        width: "10",
+        height: "10",
+        viewBox: "0 0 10 10",
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%,-50%)"
+        }
       },
       /* @__PURE__ */ React92.createElement(
-        AsyncImage,
+        "path",
         {
-          alt: metadata?.name ?? "",
-          borderRadius: "full",
-          src: metadata?.iconUrl ?? "",
-          height: 12,
-          width: 12
+          d: "M5 1v8M1 5h8",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
         }
       )
-    );
-  }));
-};
+    )
+  );
+}
 function ConnectWalletItem({
   isClickable,
   isActive,
@@ -20762,12 +20832,16 @@ function ConnectWalletItem({
   const { textCustomizations } = useFunkitConfig();
   const { t } = useFunkitTranslation();
   const walletLabel = useWalletLabel();
+  const connectWalletChainIconOrder = useDynamicConfig(
+    "connectwalletchainiconorder"
+  );
+  const chainIds = resolveConnectWalletChainOrder(connectWalletChainIconOrder);
   return /* @__PURE__ */ React92.createElement(
     FunPaymentMethodItem,
     {
       keyIcon: paymentIcon,
       keyText: walletLabel,
-      valueIcon: customValueIcon ?? getDynamicValueIconComponent(),
+      valueIcon: customValueIcon ?? /* @__PURE__ */ React92.createElement(SupportedChainList, { chainIdList: chainIds }),
       onClick,
       isDisabled: !isClickable,
       disclaimerText: textCustomizations.paymentMethodSubtitles.accountBalance || t("payment.disclaimerText", {
@@ -20781,39 +20855,26 @@ function ConnectWalletItem({
 }
 function SupportedChainList({
   chainIdList,
-  iconSize = 12,
+  iconSize = 16,
   style
 }) {
-  return /* @__PURE__ */ React92.createElement(
-    Box,
-    {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end",
-      style
-    },
-    chainIdList.map((chainId2, index) => {
-      const metadata = chainMetadataById[chainId2];
-      return /* @__PURE__ */ React92.createElement(
-        Box,
-        {
-          key: chainId2,
-          position: "relative",
-          style: { right: `${(chainIdList.length - index - 1) * -2}px` }
-        },
-        /* @__PURE__ */ React92.createElement(
-          AsyncImage,
-          {
-            alt: metadata?.name ?? "",
-            borderRadius: "full",
-            src: metadata?.iconUrl ?? "",
-            height: iconSize,
-            width: iconSize
-          }
-        )
-      );
-    })
-  );
+  const visibleChains = chainIdList.slice(0, 4);
+  const hasMore = chainIdList.length > 4;
+  return /* @__PURE__ */ React92.createElement(Box, { display: "flex", alignItems: "center", gap: "2", style }, visibleChains.map((chainId2) => {
+    const metadata = chainMetadataById[chainId2];
+    return /* @__PURE__ */ React92.createElement(
+      AsyncImage,
+      {
+        key: chainId2,
+        alt: metadata?.name ?? "",
+        borderRadius: "full",
+        borderColor: "generalBorderDim",
+        src: metadata?.iconUrl ?? "",
+        height: iconSize,
+        width: iconSize
+      }
+    );
+  }), hasMore && /* @__PURE__ */ React92.createElement(MoreIconsIndicator, null));
 }
 function PaymentMethodIcon({
   paymentIcon,
@@ -20864,7 +20925,7 @@ var ConnectedBluvoPaymentMethodItem = ({
   });
   const hasLowBalance = !isPending && sourceBalance < getUsdMinAmount();
   const isDisabled = disabled || isPending || !!isBalanceError || hasLowBalance || isUserGeoblocked;
-  const icon = isPending ? /* @__PURE__ */ React92.createElement(SpinnerIcon, { size: 20 }) : label.icon;
+  const icon = isPending ? /* @__PURE__ */ React92.createElement(SpinnerIcon, { size: 20 }) : /* @__PURE__ */ React92.createElement("div", { style: { borderRadius: "50%", overflow: "hidden" } }, label.icon);
   useEffect33(() => {
     if (isPending) {
       return;
@@ -21062,13 +21123,15 @@ var BrokeragePaymentMethodItem = ({
   const { isUserGeoblocked } = useFunkitUserIp();
   const { t } = useFunkitTranslation();
   const { textCustomizations } = useFunkitConfig();
-  const { options: exchangeOptions } = useExchangeOptions({ iconSize: 12 });
+  const { options: exchangeOptions } = useExchangeOptions({ iconSize: 16 });
   const { estimatedTimeText } = useCheckoutTimeEstimate(
     null,
     BROKERAGE_TIME_ESTIMATE,
     PaymentMethod.BROKERAGE,
     false
   );
+  const visibleExchangeOptions = exchangeOptions.slice(0, 4);
+  const hasMoreExchanges = exchangeOptions.length > 4;
   return /* @__PURE__ */ React92.createElement(
     FunPaymentMethodItem,
     {
@@ -21076,7 +21139,17 @@ var BrokeragePaymentMethodItem = ({
       keyIcon: paymentIcon,
       keyText: textCustomizations.brokerageOrExchange,
       onClick,
-      valueIcon: isUserGeoblocked ? null : customValueIcon ?? /* @__PURE__ */ React92.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, exchangeOptions.map((option) => /* @__PURE__ */ React92.createElement(React92.Fragment, { key: brokerageOptionKey(option) }, option.icon))),
+      valueIcon: isUserGeoblocked ? null : customValueIcon ?? /* @__PURE__ */ React92.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, visibleExchangeOptions.map((option) => /* @__PURE__ */ React92.createElement(
+        "div",
+        {
+          key: brokerageOptionKey(option),
+          style: {
+            borderRadius: "50%",
+            overflow: "hidden"
+          }
+        },
+        option.icon
+      )), hasMoreExchanges && /* @__PURE__ */ React92.createElement(MoreIconsIndicator, null)),
       isDisabled: !isClickable,
       disclaimerText: textCustomizations.paymentMethodSubtitles.brokerageOrExchange || t("payment.disclaimerText", {
         time: estimatedTimeText,
@@ -21336,6 +21409,11 @@ function FopPaymentMethodItem({
       borderRadius: "4"
     }
   );
+  const processingTimeText = isBankTransfer ? FIAT_PROCESSING_TIME : t("payment.instant");
+  const disclaimerText = disclaimerLimit ? t("payment.disclaimerTextWithLimit", {
+    limit: disclaimerLimit,
+    time: processingTimeText
+  }) : processingTimeText;
   return /* @__PURE__ */ React92.createElement(
     FunPaymentMethodItem,
     {
@@ -21344,10 +21422,7 @@ function FopPaymentMethodItem({
       keyIcon,
       keyText: labelText,
       onClick,
-      disclaimerText: t("payment.disclaimerTextWithLimit", {
-        limit: disclaimerLimit,
-        time: isBankTransfer ? FIAT_PROCESSING_TIME : t("payment.instant")
-      }),
+      disclaimerText,
       testId: testId || `fop-${labelText.toLowerCase().replace(/\s+/g, "-")}`,
       valueIcon: disabledBadgeReason ? /* @__PURE__ */ React92.createElement(PaymentMethodDisabledBadge, { reason: disabledBadgeReason }) : void 0
     }
@@ -25968,6 +26043,7 @@ var WithdrawContent = ({
   const {
     isLighterSecure,
     isLighterFast,
+    isUnifiedTradingMode,
     connectedAddress,
     lighterBalances,
     lighterAssets,
@@ -26063,7 +26139,8 @@ var WithdrawContent = ({
   const sourceTokenOptions = useLighterSourceTokenOptions(
     config,
     apiKey,
-    lighterAssets
+    lighterAssets,
+    isUnifiedTradingMode
   );
   const normalizedSelectedToken = selectedToken?.toUpperCase();
   const { checkoutItem } = useCheckoutContext();
@@ -26512,12 +26589,15 @@ var WithdrawContent = ({
 };
 
 // src/modals/WithdrawalModal/WithdrawalMethodSelect.tsx
-import { getWithdrawalFopsLimit, isSyntheticFop as isSyntheticFop2 } from "@funkit/connect-core";
+import {
+  getWithdrawalFopsDisclaimerLimit,
+  isSyntheticFop as isSyntheticFop2
+} from "@funkit/connect-core";
 import React139 from "react";
 import { Trans as Trans9 } from "react-i18next";
 
 // src/hooks/queries/useWithdrawFops.ts
-import { RailConfigType as RailConfigType2, getFops as getFops3 } from "@funkit/api-base";
+import { RailConfigType as RailConfigType3, getFops as getFops3 } from "@funkit/api-base";
 import { useQuery as useQuery19 } from "@tanstack/react-query";
 import { useMemo as useMemo40 } from "react";
 
@@ -26629,7 +26709,7 @@ var useWithdrawFops = (params) => {
           countryCode,
           railConfigs: [
             {
-              type: RailConfigType2.CRYPTO_TO_FIAT,
+              type: RailConfigType3.CRYPTO_TO_FIAT,
               userId,
               countryCode,
               fiatCurrencyCode: swappedCurrencyCode,
@@ -27147,7 +27227,7 @@ function WithdrawalMethodSelect({
         onCashFopSelect(fop);
       },
       exchangeRatesData: exchangeRates.data,
-      getDisclaimerLimit: getWithdrawalFopsLimit,
+      getDisclaimerLimit: (fop, rates) => getWithdrawalFopsDisclaimerLimit(fop, rates, eurMax),
       enableSourceGroupLabels: false,
       isBelowMinimumBalance
     }
@@ -38236,31 +38316,40 @@ function CopyInputDisplayedAddressEN({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy, onAddressCopied]);
-  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, /* @__PURE__ */ React218.createElement("span", null, "Cop"), /* @__PURE__ */ React218.createElement("span", { className: copyInputTextWrapper }, ["y", " ", ...label.split("")].map((char, i) => /* @__PURE__ */ React218.createElement(
-    "span",
-    {
-      className: copyInputTextDefault,
-      key: `${char}-${i}`,
-      style: {
-        "--animation-name": isActive === null ? "none" : isActive ? textOut : textIn,
-        "--animation-delay": `${i * 0.03 * (isActive ? 1 : i * 0.025) + (!isActive ? 0.05 : 0)}s`,
-        "--animation-opacity": isActive === false ? "0" : "1"
-      }
-    },
-    char === " " ? /* @__PURE__ */ React218.createElement(React218.Fragment, null, "\xA0") : char
-  )), ["ied"].map((char, i) => /* @__PURE__ */ React218.createElement(
-    "span",
+  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(
+    Box,
     {
-      className: copyInputTextActive,
-      key: `${char}-${i}`,
-      style: {
-        "--animation-name": isActive === null ? "none" : isActive ? textIn : textOut,
-        "--animation-delay": `${i * 0.03 * (!isActive ? 1 : i * 0.05) + (isActive ? 0.1 : 0)}s`,
-        "--animation-opacity": "0"
-      }
+      as: "button",
+      onClick: handleClick,
+      className: copyButton,
+      testId: "copy-address-button"
     },
-    char
-  ))))))));
+    /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, /* @__PURE__ */ React218.createElement("span", null, "Cop"), /* @__PURE__ */ React218.createElement("span", { className: copyInputTextWrapper }, ["y", " ", ...label.split("")].map((char, i) => /* @__PURE__ */ React218.createElement(
+      "span",
+      {
+        className: copyInputTextDefault,
+        key: `${char}-${i}`,
+        style: {
+          "--animation-name": isActive === null ? "none" : isActive ? textOut : textIn,
+          "--animation-delay": `${i * 0.03 * (isActive ? 1 : i * 0.025) + (!isActive ? 0.05 : 0)}s`,
+          "--animation-opacity": isActive === false ? "0" : "1"
+        }
+      },
+      char === " " ? /* @__PURE__ */ React218.createElement(React218.Fragment, null, "\xA0") : char
+    )), ["ied"].map((char, i) => /* @__PURE__ */ React218.createElement(
+      "span",
+      {
+        className: copyInputTextActive,
+        key: `${char}-${i}`,
+        style: {
+          "--animation-name": isActive === null ? "none" : isActive ? textIn : textOut,
+          "--animation-delay": `${i * 0.03 * (!isActive ? 1 : i * 0.05) + (isActive ? 0.1 : 0)}s`,
+          "--animation-opacity": "0"
+        }
+      },
+      char
+    ))))))
+  ));
 }
 function CopyInputDisplayedAddressI18n({
   address,
@@ -38283,7 +38372,16 @@ function CopyInputDisplayedAddressI18n({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy]);
-  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React218.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, buttonText)))));
+  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(
+    Box,
+    {
+      as: "button",
+      onClick: handleClick,
+      className: copyButton,
+      testId: "copy-address-button"
+    },
+    /* @__PURE__ */ React218.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, buttonText)))
+  ));
 }
 function CopyInputDisplayedAddress(props) {
   const { i18n: i18n2 } = useFunkitTranslation();
@@ -40242,7 +40340,7 @@ function AccountSelectAsset({
     applyDynamicRouting
   } = useCheckoutContext();
   const { walletAddress } = useGeneralWallet();
-  const { mainAccountIndex } = useLighterAccounts({
+  const { mainAccountIndex, isUnifiedTradingMode } = useLighterAccounts({
     address: walletAddress
   });
   const bottomSectionRef = useBottomSectionRef();
@@ -40288,7 +40386,9 @@ function AccountSelectAsset({
       applyDynamicRouting({
         targetAsset: dynamicPath.path.targetAsset,
         targetChain: dynamicPath.path.targetChain,
-        targetAssetTicker: dynamicPath.path.targetAssetTicker,
+        // Lighter Unified accounts have no spot/perps split — the perps route
+        // ticker ("USDC (Perps)") displays as plain "USDC".
+        targetAssetTicker: isUnifiedTradingMode ? stripLighterPerpsSuffix(dynamicPath.path.targetAssetTicker) : dynamicPath.path.targetAssetTicker,
         iconSrc: dynamicPath.path.iconSrc,
         generateActionsParams: walletAddress ? dynamicPath.path.generateActionsParams?.(walletAddress) : void 0,
         customRecipient: dynamicPath.path.getCustomRecipient?.({
@@ -41126,7 +41226,17 @@ function SourceChange({
   const paymentListScroll = useScrollDivider();
   const { paymentMethodInfo, targetChainId } = modalState;
   const checkoutConfig = checkoutItem?.initSettings.config;
-  const dynamicTargetAssets = checkoutConfig?.dynamicTargetAssetCandidates;
+  const { walletAddress } = useGeneralWallet();
+  const { isUnifiedTradingMode: isLighterUnifiedAccount } = useLighterAccounts({
+    address: walletAddress
+  });
+  const dynamicTargetAssets = useMemo60(() => {
+    const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
+    if (!candidates || !isLighterUnifiedAccount) {
+      return candidates;
+    }
+    return adaptLighterTargetAssetsForUnifiedAccount(candidates);
+  }, [checkoutConfig?.dynamicTargetAssetCandidates, isLighterUnifiedAccount]);
   const isAutoContinue = !isOstiumCustomer(apiKey);
   const isLighter = isLighterxyzCustomer(apiKey);
   const {
@@ -41516,7 +41626,7 @@ function SourceChange({
         chainId: Number(selectedTargetAsset.tokenChainId),
         displayedChainId: isLighter ? LIGHTER_CHAIN_ID3 : void 0,
         onTokenSelected: handleTargetAssetChange,
-        selectedToken: selectedTargetAsset?.tokenSymbol,
+        selectedToken: isLighterUnifiedAccount ? stripLighterPerpsSuffix(selectedTargetAsset?.tokenSymbol) : selectedTargetAsset?.tokenSymbol,
         tokens: dynamicTargetAssets
       }
     ))
@@ -41990,7 +42100,7 @@ var BottomLinks = ({ links }) => {
 };
 
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
-import { formatNumberAndStringify as formatNumberAndStringify2 } from "@funkit/utils";
+import { formatNumberAndStringify } from "@funkit/utils";
 import React256 from "react";
 import { Trans as Trans21 } from "react-i18next";
 
@@ -42295,7 +42405,7 @@ var TransferTokenDetails = ({
           {
             text: `${estPriceImpact.label}:`,
             prefix: estPriceImpact.value > 0 ? "< " : "",
-            value: `${formatNumberAndStringify2(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React256.createElement(DollarIcon, null),
             tooltip: /* @__PURE__ */ React256.createElement(
               FunTooltip,
@@ -42324,7 +42434,7 @@ var TransferTokenDetails = ({
           {
             text: `${maxSlippage.label}:`,
             prefix: maxSlippage.value > 0 ? `${t("common.auto")} \u2022 ` : "",
-            value: `${formatNumberAndStringify2(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React256.createElement(PercentageIcon, null),
             tooltip: /* @__PURE__ */ React256.createElement(
               FunTooltip,