@funkit/connect 7.0.3-next.1 → 7.1.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @funkit/connect
 
+## 7.1.0-next.2
+
+### Minor Changes
+
+- fa6cb1f: Add soft-close feature for checkout modal when transaction is in progress
+
+  - When a transaction is in progress (checkoutProgress.step >= 1), the close button now hides the modal instead of closing it, preserving state
+  - Added `useSoftHiddenCheckout` hook for managing soft-hidden checkout state
+  - Added internal `onCheckoutConflict` handler to resolve conflicts when `beginCheckout` is called while a checkout is soft-hidden
+  - Extended `FunkitCheckoutOnCloseResult` with optional `isSoftHidden` field
+  - Added `MODAL_SOFT_HIDDEN` analytics event
+
+### Patch Changes
+
+- 13a6a7b: feat(connect): hide min amount from supported chain label on xs viewport
+- 923b998: Fix RemoveScroll to not block scrolling when dialog is hidden
+- 1e7f994: feat(connect): update lighter time to 2min
+- cf4f7ba: fix(connect): disable is same asset check for wallet flow if dynamicRoutingId is provided
+- 17dd504: fix(connect): relax withMoonpayMeldQuote error logs
+- 0ad5896: fix withdraw amount is NaN
+- b09006f: add lighter chain to destination
+- 8b8d030: feat(connect,api-base): pass api key to bluvo requests to frog
+- 0b85676: feat(connect): token transfer ui - default to arbitrum chain for lighter
+- Updated dependencies [e009c8d]
+- Updated dependencies [8b8d030]
+  - @funkit/fun-relay@2.1.16-next.2
+  - @funkit/api-base@1.12.22-next.1
+
 ## 7.0.3-next.1
 
 ### Patch Changes

package/dist/__generated__/default_configs.d.ts

@@ -177,15 +177,6 @@ declare const _default: {
                 readonly targetAssetTicker: "ETH (Spot)";
                 readonly iconSrc: "https://sdk-cdn.fun.xyz/images/eth.svg";
             };
-        }, {
-            readonly dynamicRoutingId: "LIGHTER_ETH_SPOT_NEW_USER";
-            readonly params: {
-                readonly targetChain: "1";
-                readonly targetAsset: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
-                readonly targetAssetTicker: "USDC (Perps)";
-                readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
-                readonly qrcodeActionType: "LIGHTER_USDC_DEPOSIT";
-            };
         }, {
             readonly dynamicRoutingId: "LIGHTER_USDC_PERPS";
             readonly params: {
@@ -194,15 +185,6 @@ declare const _default: {
                 readonly targetAssetTicker: "USDC (Perps)";
                 readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
             };
-        }, {
-            readonly dynamicRoutingId: "LIGHTER_USDC_PERPS_NEW_USER";
-            readonly params: {
-                readonly targetChain: "1";
-                readonly targetAsset: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
-                readonly targetAssetTicker: "USDC (Perps)";
-                readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
-                readonly qrcodeActionType: "LIGHTER_USDC_DEPOSIT";
-            };
         }];
     };
 };

package/dist/components/Dropdown/TokenAndChainDropdown.css.d.ts

@@ -0,0 +1 @@
+export declare const hideOnXsmallScreenSize: string;

package/dist/components/FunTransactionSummary/PaymentAmountSummary.d.ts

@@ -9,5 +9,5 @@ interface PaymentAmountSummaryProps {
     quote: FunkitCheckoutQuoteResult | null;
     directExecutionType?: DirectExecutionType | null;
 }
-export declare function PaymentAmountSummary({ isLoading, targetChainId, quote, checkoutItem, directExecutionType, }: PaymentAmountSummaryProps): React.JSX.Element;
+export declare function PaymentAmountSummary({ isLoading, targetChainId: originalChainId, quote, checkoutItem, directExecutionType, }: PaymentAmountSummaryProps): React.JSX.Element;
 export {};

package/dist/domains/asset.d.ts

@@ -19,10 +19,10 @@ interface AssetUsableToPayParms {
     assetUsdAmount: number | null;
     isAllowedForCheckout: boolean;
     minUsdRequired?: number;
-    isLighterNative: boolean;
+    isDynamicRoutingEnabled: boolean;
     t: TFunction;
 }
-export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, isAllowedForCheckout, minUsdRequired, isLighterNative, t, }: AssetUsableToPayParms) => {
+export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, isAllowedForCheckout, minUsdRequired, isDynamicRoutingEnabled, t, }: AssetUsableToPayParms) => {
     isUsable: boolean;
     reason: string;
     minUsdRequired?: number;

package/dist/hooks/queries/useWithdrawalQuote.d.ts

@@ -2,7 +2,6 @@ import type { Address } from 'viem';
 import { type FunkitWithdrawalConfig } from '~/providers/FunkitCheckoutContext';
 interface CheckoutQuoteParams {
     recipientAddress: string;
-    sourceAmount: number;
     chainId: string;
     symbol: string;
     targetAsset: Address | undefined;
@@ -11,7 +10,7 @@ interface CheckoutQuoteParams {
 /**
  * Simplified quoting logic used for withdrawal UI only.
  */
-export declare function useWithdrawalQuote({ recipientAddress, sourceAmount, chainId, symbol, targetAsset, config, }: CheckoutQuoteParams): {
+export declare function useWithdrawalQuote({ recipientAddress, chainId, symbol, targetAsset, config, }: CheckoutQuoteParams): {
     quoteEnabled: boolean;
     isInstantQuoting: boolean;
     data: {

package/dist/hooks/useBluvo.d.ts

@@ -319,5 +319,4 @@ export declare const useBluvo: () => {
     } | undefined>;
     quoteExpiresAt: number | undefined;
 };
-export declare const useUnlinkBluvo: () => () => void;
 export {};

package/dist/hooks/useIsDynamicRoutingEnabled.d.ts

@@ -0,0 +1,4 @@
+import { type FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+export declare const useIsDynamicRoutingEnabled: ({ checkoutConfig: _checkoutConfig, }?: {
+    checkoutConfig?: FunkitCheckoutConfig;
+}) => boolean;

package/dist/index.css

@@ -10024,6 +10024,13 @@
   opacity: 0.5;
 }
 
+/* vanilla-extract-css-ns:src/components/Dropdown/TokenAndChainDropdown.css.ts.vanilla.css?source=QG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDMwcHgpIHsKICAuXzZ5ZDR0MjAgewogICAgZGlzcGxheTogbm9uZTsKICB9Cn0= */
+@media screen and (max-width: 430px) {
+  [data-rk] ._6yd4t20 {
+    display: none;
+  }
+}
+
 /* vanilla-extract-css-ns:src/components/FunBadge/FunBadge.css.ts.vanilla.css?source=QGtleWZyYW1lcyBiYzJ1enkwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwMCUpOwogIH0KICAzNSUsIDEwMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwMCUpOwogIH0KfQouYmMydXp5MSB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiBmaXQtY29udGVudDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9Ci5iYzJ1enkyIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouYmMydXp5Mjo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgZGlzcGxheTogYmxvY2s7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgdHJhbnNwYXJlbnQgMzAlLCB3aGl0ZSA0NSUsIHdoaXRlIDU1JSwgdHJhbnNwYXJlbnQgNzAlKSBuby1yZXBlYXQ7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0yMDAlKTsKICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTsKICBvcGFjaXR5OiAwLjk7CiAgZmlsdGVyOiBibHVyKDJweCk7CiAgYW5pbWF0aW9uOiBiYzJ1enkwIDVzIGxpbmVhciBpbmZpbml0ZSAxczsKICBtaXgtYmxlbmQtbW9kZTogc29mdC1saWdodDsKfQ== */
 @keyframes bc2uzy0 {
   0% {

package/dist/index.d.ts

@@ -19,7 +19,7 @@ export type { AuthenticationConfig, AuthenticationStatus, } from './providers/Au
 export { createAuthenticationAdapter, FunkitConnectAuthenticationProvider, } from './providers/AuthenticationContext';
 export type { AuthenticationAdapter, FunkitConnectAuthenticationProviderProps, } from './providers/AuthenticationContext';
 export type { AvatarComponent } from './providers/AvatarContext';
-export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, FunkitWithdrawalConfig, UseFunkitCheckoutPropsWithFullConfig, UseFunkitCheckoutProps, FunkitCheckoutValidationResult, FunkitCheckoutResult, DynamicTargetAssetCandidate, TokenInfo, } from './providers/FunkitCheckoutContext';
+export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, FunkitCheckoutOnCloseResult, FunkitWithdrawalConfig, UseFunkitCheckoutPropsWithFullConfig, UseFunkitCheckoutProps, FunkitCheckoutValidationResult, FunkitCheckoutResult, DynamicTargetAssetCandidate, TokenInfo, } from './providers/FunkitCheckoutContext';
 export { useFunkitCheckout, FunCheckoutStartingStep, } from './providers/FunkitCheckoutContext';
 export type { FunkitCheckoutQuoteResult } from './domains/quote';
 export type { FunkitConfig } from './providers/FunkitConfigContext';
@@ -31,7 +31,7 @@ export { FunkitProvider } from './providers/FunkitProvider';
 export type { Theme, ThemeSet } from './providers/FunkitThemeProvider';
 export { useActiveTheme } from './providers/FunkitThemeProvider';
 export { useFunkitUserInfo } from './providers/GeneralWalletProvider';
-export { useAccountModal, useChainModal, useConnectModal, } from './providers/ModalContext';
+export { useAccountModal, useChainModal, useConnectModal, useSoftHiddenCheckout, } from './providers/ModalContext';
 export type { FunkitUserInfo } from './consts/funkit';
 export { systemFontStack, type ThemeOptions } from './themes/baseTheme';
 export { darkTheme } from './themes/darkTheme';

package/dist/index.js

@@ -1076,6 +1076,61 @@ import React234, {
 import { flushSync } from "react-dom";
 import { v4 as uuid2 } from "uuid";
 
+// src/consts/customers.ts
+import {
+  AVANTIS_API_KEY,
+  BANKR_API_KEY,
+  BASED_API_KEY,
+  BSX_API_KEY,
+  ETHEREAL_API_KEY,
+  HYENA_API_KEY,
+  HYPERBEAT_API_KEY,
+  HYPERDASH_API_KEY,
+  KATANA_API_KEY,
+  LIGHTERXYZ_API_KEY,
+  MONAD_API_KEY,
+  MONKEY_TILT_API_KEY,
+  OSTIUM_API_KEY,
+  PERPL_API_KEY,
+  POLYMARKET_API_KEY
+} from "@funkit/api-base";
+import { mainnet as mainnet4 } from "viem/chains";
+function isPolymarketCustomer(apiKey) {
+  return apiKey === POLYMARKET_API_KEY;
+}
+function isOstiumCustomer(apiKey) {
+  return apiKey === OSTIUM_API_KEY;
+}
+function isBankrCustomer(apiKey) {
+  return apiKey === BANKR_API_KEY;
+}
+function isEtherealCustomer(apiKey) {
+  return apiKey === ETHEREAL_API_KEY;
+}
+function isKatanaCustomer(apiKey) {
+  return apiKey === KATANA_API_KEY;
+}
+function isMonadCustomer(apiKey) {
+  return apiKey === MONAD_API_KEY;
+}
+function isBasedCustomer(apiKey) {
+  return apiKey === BASED_API_KEY;
+}
+function isHyenaCustomer(apiKey) {
+  return apiKey === HYENA_API_KEY;
+}
+function isLighterxyzCustomer(apiKey) {
+  return apiKey === LIGHTERXYZ_API_KEY;
+}
+function isLighterEthSpot(apiKey, checkoutConfig) {
+  return checkoutConfig && isLighterxyzCustomer(apiKey) && ["LIGHTER_ETH_SPOT_NEW_USER", "LIGHTER_ETH_SPOT"].includes(
+    checkoutConfig.dynamicRoutingId || ""
+  );
+}
+function isLighterNativeFlow(apiKey, checkoutConfig) {
+  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && checkoutConfig.targetChain === mainnet4.id.toString();
+}
+
 // src/domains/checkoutRecipient.ts
 function getCheckoutRecipient({
   walletAddress,
@@ -1089,7 +1144,7 @@ function getCheckoutRecipient({
 import { exhaustiveCheck, formatAddress } from "@funkit/utils";
 
 // src/consts/bluvo.tsx
-import { ETHEREAL_API_KEY } from "@funkit/api-base";
+import { ETHEREAL_API_KEY as ETHEREAL_API_KEY2 } from "@funkit/api-base";
 import React16 from "react";
 
 // src/components/Icons/BinanceIcon.tsx
@@ -1205,7 +1260,7 @@ var KrakenIcon = ({ size = 24 }) => {
 
 // src/consts/bluvo.tsx
 var BLUVO_MIN_DEPOSIT_BY_CUSTOMER = {
-  [ETHEREAL_API_KEY]: 15
+  [ETHEREAL_API_KEY2]: 15
 };
 var SUPPORTED_EXCHANGES = [
   { exchange: "coinbase" /* Coinbase */, status: "live" /* Live */ },
@@ -1377,7 +1432,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "7.0.3-next.1";
+  return "7.1.0-next.2";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -1782,63 +1837,6 @@ import {
 
 // src/utils/customer.ts
 import { useQuery } from "@tanstack/react-query";
-
-// src/consts/customers.ts
-import {
-  AVANTIS_API_KEY,
-  BANKR_API_KEY,
-  BASED_API_KEY,
-  BSX_API_KEY,
-  ETHEREAL_API_KEY as ETHEREAL_API_KEY2,
-  HYENA_API_KEY,
-  HYPERBEAT_API_KEY,
-  HYPERDASH_API_KEY,
-  KATANA_API_KEY,
-  LIGHTERXYZ_API_KEY,
-  MONAD_API_KEY,
-  MONKEY_TILT_API_KEY,
-  OSTIUM_API_KEY,
-  PERPL_API_KEY,
-  POLYMARKET_API_KEY
-} from "@funkit/api-base";
-import { mainnet as mainnet4 } from "viem/chains";
-function isPolymarketCustomer(apiKey) {
-  return apiKey === POLYMARKET_API_KEY;
-}
-function isOstiumCustomer(apiKey) {
-  return apiKey === OSTIUM_API_KEY;
-}
-function isBankrCustomer(apiKey) {
-  return apiKey === BANKR_API_KEY;
-}
-function isEtherealCustomer(apiKey) {
-  return apiKey === ETHEREAL_API_KEY2;
-}
-function isKatanaCustomer(apiKey) {
-  return apiKey === KATANA_API_KEY;
-}
-function isMonadCustomer(apiKey) {
-  return apiKey === MONAD_API_KEY;
-}
-function isBasedCustomer(apiKey) {
-  return apiKey === BASED_API_KEY;
-}
-function isHyenaCustomer(apiKey) {
-  return apiKey === HYENA_API_KEY;
-}
-function isLighterxyzCustomer(apiKey) {
-  return apiKey === LIGHTERXYZ_API_KEY;
-}
-function isLighterEthSpot(apiKey, checkoutConfig) {
-  return checkoutConfig && isLighterxyzCustomer(apiKey) && ["LIGHTER_ETH_SPOT_NEW_USER", "LIGHTER_ETH_SPOT"].includes(
-    checkoutConfig.dynamicRoutingId || ""
-  );
-}
-function isLighterNativeFlow(apiKey, checkoutConfig) {
-  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && checkoutConfig.targetChain === mainnet4.id.toString();
-}
-
-// src/utils/customer.ts
 function isKatanaEarnFlow({
   apiKey,
   checkoutConfig
@@ -1876,19 +1874,6 @@ function useLighterAccounts({
     subAccounts: query.data?.sub_accounts
   };
 }
-function useLighterNativeFlowNeeded(apiKey, checkoutConfig) {
-  const { walletAddress } = useGeneralWallet();
-  const isLighter = isLighterxyzCustomer(apiKey);
-  const { mainAccountIndex, isLoading } = useLighterAccounts({
-    address: walletAddress || "0x",
-    isEnabled: isLighter && !!walletAddress && walletAddress !== "0x"
-  });
-  const lighterNativeNeeded = checkoutConfig && isLighter && mainAccountIndex === void 0 && checkoutConfig.qrcodeActionType === "LIGHTER_ETH_SPOT_DEPOSIT";
-  return {
-    isLoading,
-    lighterNativeNeeded
-  };
-}
 
 // src/utils/funkitProvider.ts
 function getInitialChainIdFromFunkitProviderProps(props) {
@@ -2272,6 +2257,7 @@ import {
   HYPEREDGE_API_KEY,
   HYPERSWAP_API_KEY,
   KATANA_API_KEY as KATANA_API_KEY2,
+  LIGHTERXYZ_API_KEY as LIGHTERXYZ_API_KEY2,
   MEGAPOT_API_KEY,
   MONAD_API_KEY as MONAD_API_KEY2,
   OSTIUM_API_KEY as OSTIUM_API_KEY2,
@@ -2613,7 +2599,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [OSTIUM_API_KEY2, ETHEREAL_API_KEY3]
+            values: [OSTIUM_API_KEY2, ETHEREAL_API_KEY3, LIGHTERXYZ_API_KEY2]
           }
         ],
         value: arbitrum.id.toString()
@@ -2802,6 +2788,7 @@ var flagConfig = {
               HYPEREDGE_API_KEY,
               HYPERSWAP_API_KEY,
               MEGAPOT_API_KEY,
+              LIGHTERXYZ_API_KEY2,
               MONAD_API_KEY2,
               OSTIUM_API_KEY2,
               PERPL_API_KEY2,
@@ -2846,6 +2833,7 @@ var flagConfig = {
               HYPERBEAT_API_KEY2,
               HYPEREDGE_API_KEY,
               HYPERSWAP_API_KEY,
+              LIGHTERXYZ_API_KEY2,
               MEGAPOT_API_KEY,
               MONAD_API_KEY2,
               OSTIUM_API_KEY2,
@@ -3634,6 +3622,15 @@ import { lighterChain } from "@funkit/chains";
 import { FlagKey as FlagKey4 } from "@funkit/utils";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
 
+// src/hooks/useIsDynamicRoutingEnabled.ts
+var useIsDynamicRoutingEnabled = ({
+  checkoutConfig: _checkoutConfig
+} = {}) => {
+  const { checkoutItem } = useCheckoutContext();
+  const checkoutConfig = _checkoutConfig || checkoutItem?.initSettings.config;
+  return checkoutConfig?.dynamicRoutingId !== void 0;
+};
+
 // src/hooks/useUDAParams.ts
 import { useMemo as useMemo12 } from "react";
 
@@ -3864,16 +3861,6 @@ var default_configs_default = {
           iconSrc: "https://sdk-cdn.fun.xyz/images/eth.svg"
         }
       },
-      {
-        dynamicRoutingId: "LIGHTER_ETH_SPOT_NEW_USER",
-        params: {
-          targetChain: "1",
-          targetAsset: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-          targetAssetTicker: "USDC (Perps)",
-          iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg",
-          qrcodeActionType: "LIGHTER_USDC_DEPOSIT"
-        }
-      },
       {
         dynamicRoutingId: "LIGHTER_USDC_PERPS",
         params: {
@@ -3882,16 +3869,6 @@ var default_configs_default = {
           targetAssetTicker: "USDC (Perps)",
           iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg"
         }
-      },
-      {
-        dynamicRoutingId: "LIGHTER_USDC_PERPS_NEW_USER",
-        params: {
-          targetChain: "1",
-          targetAsset: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-          targetAssetTicker: "USDC (Perps)",
-          iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg",
-          qrcodeActionType: "LIGHTER_USDC_DEPOSIT"
-        }
       }
     ]
   }
@@ -3988,12 +3965,14 @@ function useIsQRCodeTransferEnabled() {
   const { checkoutItem } = useCheckoutContext();
   const isQrCodeEnabled = useFlag(FlagKey4.EnableTokenTransfer, false);
   const checkoutConfig = checkoutItem?.initSettings.config;
+  const isDynamicRoutingEnabled = useIsDynamicRoutingEnabled({
+    checkoutConfig
+  });
   const udaParams = useUDAParams();
   if (!isQrCodeEnabled) {
     return false;
   }
-  const dynamicRoutingId = checkoutConfig?.dynamicRoutingId;
-  if (dynamicRoutingId) {
+  if (isDynamicRoutingEnabled) {
     return !!udaParams;
   }
   return true;
@@ -4616,7 +4595,7 @@ import { getAddress } from "viem";
 var LIGHTER_DEPOSIT_ADDRESS = getAddress(
   "0x3b4d794a66304f130a4db8f2551b0070dfcf5ca7"
 );
-var LIGHTER_NATIVE_FLOW_TIME_ESTIMATE_SECONDS = 110;
+var LIGHTER_NATIVE_FLOW_TIME_ESTIMATE_SECONDS = 60 * 2;
 var LIGHTER_DELAYED_AUTO_TRIGGER_CUTOFF = 60 * 5;
 
 // src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
@@ -7294,7 +7273,7 @@ function Dialog({
     return null;
   }
   return createPortal(
-    /* @__PURE__ */ React45.createElement(AnimatePresence2, null, open && /* @__PURE__ */ React45.createElement(RemoveScroll, { enabled: true, allowPinchZoom: true }, /* @__PURE__ */ React45.createElement(
+    /* @__PURE__ */ React45.createElement(AnimatePresence2, null, open && /* @__PURE__ */ React45.createElement(RemoveScroll, { enabled: !isHidden, allowPinchZoom: true }, /* @__PURE__ */ React45.createElement(
       Box,
       {
         ...themeRootProps,
@@ -8816,6 +8795,9 @@ var ChainDropdown = ({
   );
 };
 
+// src/components/Dropdown/TokenAndChainDropdown.css.ts
+var hideOnXsmallScreenSize = "_6yd4t20";
+
 // src/components/Dropdown/TokenDropdown.tsx
 import { FlagKey as FlagKey7 } from "@funkit/utils";
 import React61, { useState as useState19 } from "react";
@@ -9097,6 +9079,7 @@ var TokenAndChainDropdown = ({
   hideNewTokenBadge
 }) => {
   const { t } = useFunkitTranslation();
+  const { apiKey } = useFunkitConfig();
   const finalTokenLabel = tokenLabel ?? t("transferToken.supportedToken");
   const finalChainLabel = chainLabel ?? t("transferToken.supportedChain");
   return /* @__PURE__ */ React62.createElement(
@@ -9131,7 +9114,18 @@ var TokenAndChainDropdown = ({
         gap: "4"
       },
       /* @__PURE__ */ React62.createElement(Text, { size: "12", weight: "medium", testId: "chain-selector-label" }, finalChainLabel),
-      chainLabelAddon
+      /* @__PURE__ */ React62.createElement(
+        Box,
+        {
+          display: {
+            // PM ui breaks at <768px
+            smallScreen: isPolymarketCustomer(apiKey) ? "none" : "block",
+            largeScreen: "block"
+          },
+          className: hideOnXsmallScreenSize
+        },
+        chainLabelAddon
+      )
     ), /* @__PURE__ */ React62.createElement(
       ChainDropdown,
       {
@@ -10487,7 +10481,6 @@ function isAddressCompatibleWithChain(address, chainId) {
 var QUOTE_REFRESH_INTERVAL_MS = 25e3;
 function useWithdrawalQuote({
   recipientAddress,
-  sourceAmount,
   chainId,
   symbol,
   targetAsset,
@@ -10508,13 +10501,12 @@ function useWithdrawalQuote({
     recipientAddress,
     Number(chainId)
   );
-  const enabled = !!apiKey && !!targetAsset && !!sourceAmount && !!recipientAddress && !!chainId && !!symbol && !!isValidAddress && !!checkoutItem;
+  const enabled = !!apiKey && !!targetAsset && !!checkoutItem?.sourceAssetAmount && !!recipientAddress && !!chainId && !!symbol && !!isValidAddress && !!checkoutItem;
   const { logEvent } = useTrack();
   const query = useQuery7({
     queryKey: [
       "withdrawal",
       "quote",
-      sourceAmount,
       targetAsset,
       recipientAddress,
       chainId,
@@ -10523,7 +10515,7 @@ function useWithdrawalQuote({
       withdrawalWalletAddress
     ],
     queryFn: async () => {
-      if (!apiKey || !targetAsset || !sourceAmount) {
+      if (!apiKey || !targetAsset) {
         return null;
       }
       const directExecutionInfo = getWithdrawalDirectExecution();
@@ -10544,7 +10536,7 @@ function useWithdrawalQuote({
           recipientAddress,
           chainId,
           tokenSymbol: symbol,
-          sourceAmountUSD: sourceAmount,
+          sourceAmountUSD: checkoutItem?.sourceAssetAmount,
           targetAsset,
           withdrawalWalletAddress
         });
@@ -11634,6 +11626,7 @@ var FunkitBrokerageProvider = ({
   const minTransferRef = useRef14(useMinTransferLimits());
   const ORG_ID = isSandboxMode ? STAGE_ORG_ID : PROD_ORG_ID;
   const PROJECT_ID = isSandboxMode ? STAGE_PROJECT_ID : PROD_PROJECT_ID;
+  const apiBaseConfig = { apiKey, logger };
   const [authConnections, setAuthConnections] = useState23(
     {}
   );
@@ -11641,15 +11634,21 @@ var FunkitBrokerageProvider = ({
   const bluvoClient = useBluvoFlow({
     orgId: ORG_ID,
     projectId: PROJECT_ID,
-    listExchangesFn: (status) => bluvoListExchanges({ status: status ?? "live", logger }),
-    fetchWithdrawableBalanceFn: (id) => bluvoGetWithdrawableBalanceById({ id, logger }),
+    listExchangesFn: (status = "live") => bluvoListExchanges({ status, ...apiBaseConfig }),
+    fetchWithdrawableBalanceFn: (id) => bluvoGetWithdrawableBalanceById({ id, ...apiBaseConfig }),
     pingWalletByIdFn: () => {
       throw new Error("Not implemented");
     },
-    requestQuotationFn: (id, params) => bluvoRequestQuotation({ id, params, logger }),
-    executeWithdrawalFn: (id, idempotencyKey, quoteId, params) => bluvoExecuteWithdrawal({ id, idempotencyKey, quoteId, params, logger }),
+    requestQuotationFn: (id, params) => bluvoRequestQuotation({ id, params, ...apiBaseConfig }),
+    executeWithdrawalFn: (id, idempotencyKey, quoteId, params) => bluvoExecuteWithdrawal({
+      id,
+      idempotencyKey,
+      quoteId,
+      params,
+      ...apiBaseConfig
+    }),
     onWalletConnectedFn: (id, exchange) => handleOnWalletConnected(id, exchange),
-    getWalletByIdFn: (id) => bluvoGetWalletById({ id, logger }),
+    getWalletByIdFn: (id) => bluvoGetWalletById({ id, ...apiBaseConfig }),
     options: {
       customDomain: "bluvo.fun.xyz",
       autoRefreshQuotation: false
@@ -11737,6 +11736,7 @@ var useBluvoExchangeBalance = ({
   exchange,
   refetchOnMount = false
 }) => {
+  const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const { authorizedConnections, purgeAuthConnectedExchange } = useFunkitBrokerageContext();
   const deviceId = exchange && authorizedConnections?.[exchange] || "";
@@ -11750,7 +11750,8 @@ var useBluvoExchangeBalance = ({
       }
       const response = await bluvoGetWithdrawableBalanceById2({
         id: deviceId,
-        logger
+        logger,
+        apiKey
       });
       if (response.error && response.error.type === "WALLET_NOT_FOUND") {
         purgeAuthConnectedExchange(exchange);
@@ -12747,7 +12748,6 @@ var WithdrawContent = ({
   } = useWithdrawalQuote({
     config,
     recipientAddress,
-    sourceAmount: Number(debouncedUSD),
     chainId: selectedChainId.toString(),
     symbol: selectedToken,
     targetAsset: targetAssetInfo?.address
@@ -20224,6 +20224,7 @@ function BrokerageTwoFA({
   setModalState
 }) {
   const { t } = useFunkitTranslation();
+  const { apiKey } = useFunkitConfig();
   const { bluvoClient, exchangeType } = useBluvo();
   const { getBluvoCheckoutQuote } = useBluvoCheckoutQuote();
   const requiresValid2FAMethod = bluvoClient?.requiresValid2FAMethod;
@@ -20338,7 +20339,8 @@ function BrokerageTwoFA({
         quoteId,
         params: {
           twofa: finalOtpInput
-        }
+        },
+        apiKey
       });
       logger.info(`${logPrefix2}handleEnterTwoFactor:submit2FAResponse`, {
         response: _response
@@ -20392,7 +20394,8 @@ function BrokerageTwoFA({
               id: walletId,
               idempotencyKey: uuidv4(),
               quoteId: quote.id,
-              params: {}
+              params: {},
+              apiKey
             });
             if (newResponse.success && newResponse.data?.type?.startsWith("WITHDRAWAL_2FA_REQUIRED")) {
               return await handleEnterTwoFactor(
@@ -21218,6 +21221,7 @@ import {
 import NumberFlow from "@number-flow/react";
 import { motion as motion9 } from "motion/react";
 import React147, { useMemo as useMemo32 } from "react";
+import { LIGHTER_CHAIN_ID } from "@funkit/chains";
 
 // src/consts/design.ts
 var mapFontLineHeightToNumberFlowHeight = {
@@ -21327,11 +21331,13 @@ function FunAssetAvatar({
 // src/components/FunTransactionSummary/PaymentAmountSummary.tsx
 function PaymentAmountSummary({
   isLoading,
-  targetChainId,
+  targetChainId: originalChainId,
   quote,
   checkoutItem,
   directExecutionType = null
 }) {
+  const { apiKey } = useFunkitConfig();
+  const targetChainId = isLighterxyzCustomer(apiKey) ? String(LIGHTER_CHAIN_ID) : originalChainId;
   const { textCustomizations, uiCustomizations } = useFunkitConfig();
   const paymentMethod = checkoutItem?.selectedPaymentMethodInfo?.paymentMethod;
   const checkoutConfig = checkoutItem?.initSettings.config;
@@ -23949,6 +23955,7 @@ var SourcePaymentMethodItem = ({
 };
 
 // src/components/YouPayYouReceive/YouPayYouReceive.tsx
+import { LIGHTER_CHAIN_ID as LIGHTER_CHAIN_ID2 } from "@funkit/chains";
 import { isMobile as isMobile5 } from "@funkit/utils";
 import React164 from "react";
 
@@ -23994,6 +24001,8 @@ var YouPayYouReceive = ({
   prioritizeDefaults = true,
   isYouPayChainIconHidden
 }) => {
+  const { apiKey } = useFunkitConfig();
+  const patchedReceiveChainId = isLighterxyzCustomer(apiKey) ? LIGHTER_CHAIN_ID2 : receiveTokenChainId;
   return /* @__PURE__ */ React164.createElement(
     Box,
     {
@@ -24083,7 +24092,7 @@ var YouPayYouReceive = ({
         assetTicker: receiveTokenSymbol,
         assetName: receiveTokenSymbol,
         assetSrc: receiveTokenIconSrc,
-        chainId: receiveTokenChainId,
+        chainId: patchedReceiveChainId,
         prioritizeDefaults
       }
     ), /* @__PURE__ */ React164.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React164.createElement(Text, { size: "10", color: "youPayYouReceiveSecondaryText" }, receiveLabel), /* @__PURE__ */ React164.createElement(Text, { size: "12", color: "youPayYouReceivePrimaryText" }, receiveTokenSymbol)))
@@ -25177,9 +25186,14 @@ function createMoonpayMeldQuote(quote) {
   };
 }
 function withMoonpayMeldQuote(quotes) {
-  if (!quotes || quotes.length === 0) {
-    logger.error("withMoonpayMeldQuote:error", "No quotes could be found.");
-    return void 0;
+  if (!quotes) {
+    return quotes;
+  }
+  if (quotes.length === 0) {
+    logger.error("withMoonpayMeldQuote:error", {
+      message: "No quotes could be found."
+    });
+    return quotes;
   }
   const topQuote = quotes[0];
   const moonpay = createMoonpayMeldQuote(topQuote);
@@ -26071,7 +26085,7 @@ function InputAmountLoading({
               icon: /* @__PURE__ */ React172.createElement(SwitchIcon, null),
               paddingY: "1",
               paddingX: "6",
-              color: { base: "actionColor" }
+              color: { base: "secondaryText" }
             },
             targetAssetAmount !== void 0 ? /* @__PURE__ */ React172.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify6(
               targetAssetAmount,
@@ -27193,12 +27207,11 @@ function useEnrichedAccountHoldings({
   accountHoldings,
   targetAssetInfo
 }) {
-  const { apiKey } = useFunkitConfig();
   const { t } = useFunkitTranslation();
   const { isAllowed, isLoading } = useAllowedAssets();
   const { walletAddress } = useGeneralWallet();
   const minTransferLimits = useMinTransferLimits();
-  const { isLoading: isLighterLoading, lighterNativeNeeded } = useLighterNativeFlowNeeded(apiKey, checkoutConfig);
+  const isDynamicRoutingEnabled = useIsDynamicRoutingEnabled();
   const enrichedAccountHoldings = useMemo44(() => {
     if (!checkoutConfig) {
       return [];
@@ -27224,7 +27237,7 @@ function useEnrichedAccountHoldings({
           asset.pickedChainId,
           asset.tokenAddress
         ),
-        isLighterNative: !!lighterNativeNeeded,
+        isDynamicRoutingEnabled,
         t
       });
       return { asset, usableForCheckout };
@@ -27237,10 +27250,10 @@ function useEnrichedAccountHoldings({
     walletAddress,
     targetAssetInfo,
     minTransferLimits,
-    lighterNativeNeeded,
+    isDynamicRoutingEnabled,
     t
   ]);
-  return { enrichedAccountHoldings, isLoading: isLoading || isLighterLoading };
+  return { enrichedAccountHoldings, isLoading };
 }
 function useAssetOptions({
   enrichedAccountHoldings,
@@ -29840,26 +29853,47 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     [logEvent]
   );
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
+  const { getCheckoutProgress } = useCheckoutContext();
+  const { softHide } = useSoftHiddenCheckout();
   const onCloseWrapper = useCallback44(
     (options) => {
       const normalizedIsNewDeposit = !!options?.isNewDeposit;
-      checkoutItem.initSettings.onClose?.({
-        isNewDeposit: normalizedIsNewDeposit
-      });
       const metadata = {
         checkoutStep: modalState.step,
         checkoutId: checkoutItem.id,
         checkoutItem,
         isNewDeposit: normalizedIsNewDeposit
       };
-      logger.log("closingCheckoutModal", metadata);
+      const checkoutProgress = getCheckoutProgress(checkoutItem.id);
+      const isTransactionInProgress = checkoutProgress && checkoutProgress.step >= 1;
+      const isSoftHidden = isTransactionInProgress && !normalizedIsNewDeposit;
+      checkoutItem.initSettings.onClose?.({
+        isNewDeposit: normalizedIsNewDeposit,
+        isSoftHidden
+      });
+      if (isSoftHidden) {
+        softHide();
+      } else {
+        onClose();
+      }
+      logger.log("closingCheckoutModal", {
+        ...metadata,
+        checkoutProgress,
+        isSoftHidden: isTransactionInProgress
+      });
       logEvent({
         eventName: "fc::modal_closed" /* MODAL_CLOSED */,
-        metadata
+        metadata: { ...metadata, checkoutProgress }
       });
-      onClose();
     },
-    [checkoutItem, modalState.step, onClose, logEvent]
+    [
+      checkoutItem,
+      modalState.step,
+      onClose,
+      logEvent,
+      getCheckoutProgress,
+      softHide
+    ]
   );
   const { animation, animate } = useAnimatedNavigation(void 0);
   const [stateHistory, setHistory] = useState65([]);
@@ -31937,7 +31971,8 @@ function FunCheckoutModalStepComponent(props) {
 function FunCheckoutModalInner({
   checkoutItem,
   onClose,
-  open
+  open,
+  isSoftHidden: externalSoftHidden
 }) {
   const { isUserGeoblocked } = useFunkitUserIp();
   const {
@@ -32022,7 +32057,7 @@ function FunCheckoutModalInner({
       onClose: onCloseWrapper,
       onAnimationComplete: handleAnimationComplete,
       titleId: "fun-checkout-modal",
-      isHidden: modalState.isSoftHidden,
+      isHidden: modalState.isSoftHidden || externalSoftHidden,
       withoutBottomPadding: modalState.step === "meld_currency_select" /* MELD_CURRENCY_SELECT */,
       testId: "checkout-modal"
     },
@@ -32069,7 +32104,11 @@ function FunCheckoutModalInner({
     ))
   );
 }
-function FunCheckoutModal({ onClose, open }) {
+function FunCheckoutModal({
+  onClose,
+  open,
+  isSoftHidden
+}) {
   const { checkoutItem } = useCheckoutContext();
   if (!checkoutItem) {
     return null;
@@ -32079,7 +32118,8 @@ function FunCheckoutModal({ onClose, open }) {
     {
       checkoutItem,
       onClose,
-      open
+      open,
+      isSoftHidden
     }
   );
 }
@@ -32159,7 +32199,11 @@ var ModalContext = createContext16({
   connectModalOpen: false,
   isWalletConnectModalOpen: false,
   setIsWalletConnectModalOpen: () => void {},
-  funCheckoutModalOpen: false
+  funCheckoutModalOpen: false,
+  softHiddenCheckoutId: null,
+  softHideFunCheckoutModal: () => void {},
+  resumeSoftHiddenCheckout: () => void {},
+  discardSoftHiddenCheckout: () => void {}
 });
 function ModalProvider({ children }) {
   const {
@@ -32185,6 +32229,22 @@ function ModalProvider({ children }) {
     openModal: openFunCheckoutModal,
     prop: funCheckoutModalId
   } = useModalStateValueWithProp();
+  const [softHiddenCheckoutId, setSoftHiddenCheckoutId] = useState73(null);
+  const softHideFunCheckoutModal = useCallback48(() => {
+    if (funCheckoutModalId) {
+      setSoftHiddenCheckoutId(funCheckoutModalId);
+    }
+    closeFunCheckoutModal();
+  }, [funCheckoutModalId, closeFunCheckoutModal]);
+  const resumeSoftHiddenCheckout = useCallback48(() => {
+    if (softHiddenCheckoutId) {
+      openFunCheckoutModal(softHiddenCheckoutId);
+      setSoftHiddenCheckoutId(null);
+    }
+  }, [softHiddenCheckoutId, openFunCheckoutModal]);
+  const discardSoftHiddenCheckout = useCallback48(() => {
+    setSoftHiddenCheckoutId(null);
+  }, []);
   const {
     closeModal: closeWithdrawalModal,
     isModalOpen: withdrawalModalOpen,
@@ -32229,7 +32289,11 @@ function ModalProvider({ children }) {
           funCheckoutModalOpen,
           funCheckoutModalId,
           openFunCheckoutModal,
-          openWithdrawalModal
+          openWithdrawalModal,
+          softHiddenCheckoutId,
+          softHideFunCheckoutModal,
+          resumeSoftHiddenCheckout,
+          discardSoftHiddenCheckout
         }),
         [
           accountModalOpen,
@@ -32245,7 +32309,11 @@ function ModalProvider({ children }) {
           funCheckoutModalOpen,
           funCheckoutModalId,
           openFunCheckoutModal,
-          openWithdrawalModal
+          openWithdrawalModal,
+          softHiddenCheckoutId,
+          softHideFunCheckoutModal,
+          resumeSoftHiddenCheckout,
+          discardSoftHiddenCheckout
         ]
       )
     },
@@ -32264,8 +32332,9 @@ function ModalProvider({ children }) {
       FunCheckoutModal,
       {
         onClose: closeFunCheckoutModal,
-        open: funCheckoutModalOpen,
-        key: funCheckoutModalId
+        open: funCheckoutModalOpen || !!softHiddenCheckoutId,
+        isSoftHidden: !!softHiddenCheckoutId,
+        key: softHiddenCheckoutId ?? funCheckoutModalId
       }
     ),
     withdrawalModalConfig && /* @__PURE__ */ React233.createElement(
@@ -32321,6 +32390,21 @@ function useWithdrawalModal() {
   const { openWithdrawalModal } = useContext16(ModalContext);
   return { openWithdrawalModal };
 }
+function useSoftHiddenCheckout() {
+  const {
+    softHiddenCheckoutId,
+    softHideFunCheckoutModal,
+    resumeSoftHiddenCheckout,
+    discardSoftHiddenCheckout
+  } = useContext16(ModalContext);
+  return {
+    hasSoftHiddenCheckout: !!softHiddenCheckoutId,
+    softHiddenCheckoutId,
+    softHide: softHideFunCheckoutModal,
+    resume: resumeSoftHiddenCheckout,
+    discard: discardSoftHiddenCheckout
+  };
+}
 
 // src/providers/FunkitCheckoutContext/types.ts
 var FunCheckoutStartingStep = /* @__PURE__ */ ((FunCheckoutStartingStep2) => {
@@ -32900,13 +32984,21 @@ function useFunkitCheckout(props) {
     initNewCheckout,
     initNewWithdrawal,
     updateSourceAsset,
-    updateSelectedPaymentMethodInfo
+    updateSelectedPaymentMethodInfo,
+    checkoutItem
   } = useContext17(FunkitCheckoutContext);
   const { openFunCheckoutModal } = useFunCheckoutModal();
   const { openWithdrawalModal } = useWithdrawalModal();
   const { connectModalOpen, openConnectModal } = useConnectModal();
   const { isUserLoggedIn } = useGeneralWallet();
   const isCheckoutActivated = useFlag(FlagKey21.IsCheckoutActivated);
+  const { apiKey } = useFunkitConfig();
+  const {
+    hasSoftHiddenCheckout,
+    softHiddenCheckoutId,
+    resume: resumeSoftHiddenCheckout,
+    discard: discardSoftHiddenCheckout
+  } = useSoftHiddenCheckout();
   const onErrorWrapper = useCallback49(
     (payload) => {
       logger.warn(payload.message, payload);
@@ -32922,6 +33014,53 @@ function useFunkitCheckout(props) {
     [openFunCheckoutModal, props]
   );
   const [pendingCheckoutConfig, setPendingCheckoutConfig] = useState74();
+  const onCheckoutConflict = ({
+    newConfig,
+    resume,
+    replace
+  }) => {
+    const lastConfig = checkoutItem?.initSettings.config;
+    if (lastConfig?.targetAsset === newConfig.targetAsset && isLighterxyzCustomer(apiKey)) {
+      resume();
+      return false;
+    }
+    replace();
+    return true;
+  };
+  const maybeUpdateSourceAsset = (config) => {
+    if (config.sourceTokenAddress && config.sourceTokenSymbol && config.sourceChain) {
+      updateSourceAsset({
+        tokenAddress: config.sourceTokenAddress,
+        symbol: config.sourceTokenSymbol,
+        pickedChainId: config.sourceChain,
+        iconSrc: config.iconSrc ?? void 0
+      });
+    }
+  };
+  const isTestnetCheckoutBlocked = (config) => {
+    return isUserLoggedIn && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12?.[config.targetChain]?.isMainnet;
+  };
+  const handleLoggedInCheckout = (config, checkoutId) => {
+    setPendingCheckoutConfig(void 0);
+    if (isTestnetCheckoutBlocked(config)) {
+      onErrorWrapper?.({
+        type: "error",
+        message: "Unable to begin a new checkout: Insufficient funds on testnet account",
+        metadata: {}
+      });
+      return false;
+    }
+    onOpenWrapper?.(checkoutId);
+    return true;
+  };
+  const handleNotLoggedInCheckout = (config) => {
+    if (props.onLoginRequired) {
+      props.onLoginRequired({});
+    } else {
+      openConnectModal?.();
+    }
+    setPendingCheckoutConfig(config);
+  };
   const beginCheckout = useEffectEvent(
     async (inputConfig) => {
       if (!props.config && !inputConfig) {
@@ -32933,57 +33072,41 @@ function useFunkitCheckout(props) {
         return { isActivated: isCheckoutActivated };
       }
       if (!isCheckoutActivated) {
-        return {
-          isActivated: false
-        };
+        return { isActivated: false };
       }
       const validationResult = await validateCheckoutConfig({
         ...props.config,
         ...inputConfig
       });
       onValidation?.(validationResult);
-      if (validationResult.isValid) {
-        const finalConfig = validationResult.config;
-        const newId = initNewCheckout({ ...props, config: finalConfig });
-        if (finalConfig.sourceTokenAddress && finalConfig.sourceTokenSymbol && finalConfig.sourceChain) {
-          updateSourceAsset({
-            tokenAddress: finalConfig.sourceTokenAddress,
-            symbol: finalConfig.sourceTokenSymbol,
-            pickedChainId: finalConfig.sourceChain,
-            iconSrc: finalConfig.iconSrc ?? void 0
-          });
-        }
-        if (isUserLoggedIn || !!finalConfig.customRecipient) {
-          setPendingCheckoutConfig(void 0);
-          if (isUserLoggedIn && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12?.[finalConfig.targetChain]?.isMainnet) {
-            onErrorWrapper?.({
-              type: "error",
-              message: "Unable to begin a new checkout: Insufficient funds on testnet account",
-              metadata: {}
-            });
-            return {
-              isActivated: isCheckoutActivated
-            };
-          }
-          onOpenWrapper?.(newId);
-        } else {
-          if (props.onLoginRequired) {
-            props.onLoginRequired({});
-          } else {
-            openConnectModal?.();
-          }
-          setPendingCheckoutConfig(finalConfig);
-        }
-      } else {
+      if (!validationResult.isValid) {
         onErrorWrapper?.({
           type: "error",
           message: `Unable to begin a new checkout: ${validationResult.message}`,
           metadata: {}
         });
+        return { isActivated: isCheckoutActivated };
       }
-      return {
-        isActivated: isCheckoutActivated
-      };
+      if (hasSoftHiddenCheckout && softHiddenCheckoutId) {
+        const shouldContinue = onCheckoutConflict({
+          newConfig: validationResult.config,
+          hiddenCheckoutId: softHiddenCheckoutId,
+          resume: resumeSoftHiddenCheckout,
+          replace: discardSoftHiddenCheckout
+        });
+        if (!shouldContinue) {
+          return { isActivated: isCheckoutActivated };
+        }
+      }
+      const finalConfig = validationResult.config;
+      const newId = initNewCheckout({ ...props, config: finalConfig });
+      maybeUpdateSourceAsset(finalConfig);
+      if (isUserLoggedIn || finalConfig.customRecipient) {
+        handleLoggedInCheckout(finalConfig, newId);
+      } else {
+        handleNotLoggedInCheckout(finalConfig);
+      }
+      return { isActivated: isCheckoutActivated };
     }
   );
   const beginWithdrawal = useEffectEvent((config) => {
@@ -33374,7 +33497,7 @@ var isAssetUsableToPayForCheckout = ({
   assetUsdAmount,
   isAllowedForCheckout,
   minUsdRequired,
-  isLighterNative,
+  isDynamicRoutingEnabled,
   t
 }) => {
   const finalCheckoutRecipient = getCheckoutRecipient({
@@ -33391,7 +33514,7 @@ var isAssetUsableToPayForCheckout = ({
     minUsdRequired ?? 0
   );
   const isSameAsPurchasingToken = (() => {
-    if (isLighterNative) {
+    if (isDynamicRoutingEnabled) {
       return false;
     }
     if (isCheckoutPostActionRequired(config)) {
@@ -33432,15 +33555,7 @@ var isAssetUsableToPayForCheckout = ({
       minUsdRequired: minValueThreshold + feeEstimate
     };
   }
-  let isSupported = isAllowedForCheckout && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[assetChainId]?.isCheckoutSupported;
-  if (isSupported && isLighterNative) {
-    isSupported = isTokenEquivalent7({
-      firstTokenChainId: assetChainId,
-      firstTokenAddress: assetTokenAddress,
-      secondTokenChainId: mainnet13.id.toString(),
-      secondTokenAddress: NATIVE_TOKEN
-    });
-  }
+  const isSupported = isAllowedForCheckout && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[assetChainId]?.isCheckoutSupported;
   return {
     isUsable: !!isSupported,
     reason: !isSupported ? t("payment.unsupported") : ""
@@ -38762,5 +38877,6 @@ export {
   useFunkitSwitchChains,
   useFunkitTranslation,
   useFunkitUserInfo,
+  useSoftHiddenCheckout,
   useUpdateActiveFunkitCheckout
 };

package/dist/modals/CheckoutModal/FunCheckoutModal.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 interface FunCheckoutModalProps {
     open: boolean;
     onClose: () => void;
+    /** External soft-hidden state from ModalContext */
+    isSoftHidden?: boolean;
 }
-export declare function FunCheckoutModal({ onClose, open }: FunCheckoutModalProps): React.JSX.Element | null;
+export declare function FunCheckoutModal({ onClose, open, isSoftHidden, }: FunCheckoutModalProps): React.JSX.Element | null;
 export {};

package/dist/providers/FunkitCheckoutContext/types.d.ts

@@ -117,6 +117,19 @@ export interface FunkitCheckoutValidationResult {
 }
 export interface FunkitCheckoutOnCloseResult {
     isNewDeposit: boolean;
+    /** True if the modal was soft-hidden (state preserved) instead of hard-closed */
+    isSoftHidden?: boolean;
+}
+/**
+ * Conflict resolution options when beginCheckout is called while a soft-hidden checkout exists
+ */
+export interface CheckoutConflictResolution {
+    /** The ID of the hidden checkout */
+    hiddenCheckoutId: string;
+    /** Resume the hidden checkout (reshow the modal without starting new checkout) */
+    resume: () => void;
+    /** Replace the hidden checkout with a new one (discard hidden state, proceed with new checkout) */
+    replace: () => void;
 }
 export type FunkitCheckoutResult = {
     type: 'error' | 'success';

package/dist/providers/ModalContext.d.ts

@@ -35,4 +35,11 @@ export declare function useWithdrawalModal(): {
         withdrawalId: string;
     }) => void) | undefined;
 };
+export declare function useSoftHiddenCheckout(): {
+    hasSoftHiddenCheckout: boolean;
+    softHiddenCheckoutId: string | null;
+    softHide: () => void;
+    resume: () => void;
+    discard: () => void;
+};
 export {};

package/dist/utils/customer.d.ts

@@ -196,7 +196,3 @@ export declare function useLighterAccounts({ address, isEnabled, }: {
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<LighterAccountsByL1AddressResponse>;
 };
-export declare function useLighterNativeFlowNeeded(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): {
-    isLoading: boolean;
-    lighterNativeNeeded: boolean | undefined;
-};

package/dist/utils/flags/config.d.ts

@@ -116,7 +116,7 @@ export declare const flagConfig: {
             readonly if_any: [{
                 readonly key: "apiKey";
                 readonly type: "isAnyOf";
-                readonly values: ["SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um"];
+                readonly values: ["SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2"];
             }];
             readonly value: string;
         }, {
@@ -205,7 +205,7 @@ export declare const flagConfig: {
             readonly if_any: [{
                 readonly key: "apiKey";
                 readonly type: "isAnyOf";
-                readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "di9ZSqn1Ya68Y2XpBPUV1rCtNGXh8Xe5MGWzb1Xe", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
+                readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "di9ZSqn1Ya68Y2XpBPUV1rCtNGXh8Xe5MGWzb1Xe", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
             }];
             readonly value: true;
         }];
@@ -224,7 +224,7 @@ export declare const flagConfig: {
             readonly if_any: [{
                 readonly key: "apiKey";
                 readonly type: "isAnyOf";
-                readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
+                readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
             }];
             readonly value: true;
         }, {

package/dist/utils/lighter.d.ts

@@ -1,4 +1,4 @@
 import { type Address } from 'viem';
 export declare const LIGHTER_DEPOSIT_ADDRESS: Address;
-export declare const LIGHTER_NATIVE_FLOW_TIME_ESTIMATE_SECONDS = 110;
+export declare const LIGHTER_NATIVE_FLOW_TIME_ESTIMATE_SECONDS: number;
 export declare const LIGHTER_DELAYED_AUTO_TRIGGER_CUTOFF: number;

package/dist/wallets/walletConnectors/index.js

@@ -14,15 +14,15 @@ import {
 import {
   tokenPocketWallet
 } from "./chunk-2L43XSW3.js";
-import {
-  tokenaryWallet
-} from "./chunk-D6AOOO5F.js";
 import {
   trustWallet
 } from "./chunk-VYBAYMP3.js";
 import {
   uniswapWallet
 } from "./chunk-LH7BMNFZ.js";
+import {
+  tokenaryWallet
+} from "./chunk-D6AOOO5F.js";
 import {
   walletConnectWallet
 } from "./chunk-NP5QGWNL.js";
@@ -30,8 +30,8 @@ import {
   xdefiWallet
 } from "./chunk-BOU4WKRZ.js";
 import {
-  phantomWallet
-} from "./chunk-362NXNTM.js";
+  rabbyWallet
+} from "./chunk-BBOM42DL.js";
 import {
   rainbowWallet
 } from "./chunk-2KUBG3S6.js";
@@ -75,8 +75,8 @@ import {
   oneKeyWallet
 } from "./chunk-SHBUZ7U7.js";
 import {
-  rabbyWallet
-} from "./chunk-BBOM42DL.js";
+  phantomWallet
+} from "./chunk-362NXNTM.js";
 import {
   foxWallet
 } from "./chunk-7QONTUXT.js";
@@ -92,15 +92,15 @@ import {
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
+import {
+  injectedWallet
+} from "./chunk-XWUJE7MW.js";
 import {
   kresusWallet
 } from "./chunk-MJXPRJZT.js";
 import {
   ledgerWallet
 } from "./chunk-BRBKM4PW.js";
-import {
-  injectedWallet
-} from "./chunk-XWUJE7MW.js";
 import {
   bybitWallet
 } from "./chunk-2STUC6QL.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "7.0.3-next.1",
+  "version": "7.1.0-next.2",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -100,9 +100,9 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.12.22-next.0",
+    "@funkit/api-base": "1.12.22-next.1",
     "@funkit/chains": "0.5.2-next.0",
-    "@funkit/fun-relay": "2.1.16-next.1",
+    "@funkit/fun-relay": "2.1.16-next.2",
     "@funkit/utils": "1.1.22-next.0"
   },
   "repository": {