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

package/CHANGELOG.md

@@ -1,5 +1,118 @@
 # @funkit/connect
 
+## 7.1.0-next.10
+
+### Patch Changes
+
+- c94531b: always use fiat mode for payment method card
+- b033e65: feat(connect): update config to accept modal title fn to support dynamic titles
+
+## 7.1.0-next.9
+
+### Patch Changes
+
+- c93ad0c: feat(connect): sync dynamicRoutingId with dynamic target asset
+- 7312429: adopt checkedIndexedAccess for safety
+- c93ad0c: feat(connect): add select target asset dropdown to source change screen
+- Updated dependencies [7312429]
+- Updated dependencies [0168375]
+  - @funkit/fun-relay@2.2.0-next.4
+  - @funkit/utils@1.1.22-next.2
+  - @funkit/api-base@1.12.22-next.3
+
+## 7.1.0-next.8
+
+### Patch Changes
+
+- 40bf6f4: reorganize file location
+- c289ca6: feat(fun-relay): require api key for relay to prevent rate limiting
+  feat(connect): pass pseudo api key to fun-relay
+- 18ce29c: deprecate some unused code
+- 437a9f2: refactor(connect): swap out 2FA input for fun 2FA component on brokerage flow
+- 62a8860: remove unused data
+- 5a8fe96: fix(connect): normalize feebreakdown response
+- ae172d8: move file around
+- Updated dependencies [c289ca6]
+- Updated dependencies [fd5fe29]
+- Updated dependencies [c463492]
+- Updated dependencies [aa767b0]
+  - @funkit/fun-relay@2.2.0-next.3
+  - @funkit/utils@1.1.22-next.1
+  - @funkit/api-base@1.12.22-next.2
+
+## 7.1.0-next.7
+
+### Patch Changes
+
+- 656587e: fix(connect): disable withdrawal quote for blacklisted withdrawal addresses
+
+## 7.1.0-next.6
+
+### Patch Changes
+
+- f07bdfb: refactor(connect): cleanup remaining mesh references in bluvo screens
+- 652c5c2: feat(connect): add blacklisted withdrawal address to statsig
+- d336735: feat: add tron chain object
+- 3df0c66: feat(connect): add insufficient gas error during execution
+- 29b449c: Use ETH as source amount on input screen instead of USD for Lighter ETH Spot
+- Updated dependencies [d336735]
+  - @funkit/chains@0.5.2-next.1
+
+## 7.1.0-next.5
+
+### Patch Changes
+
+- d3322be: chore: updated labels
+
+## 7.1.0-next.4
+
+### Patch Changes
+
+- 92eb741: Fix input normalization re-attachment when used with Framer Motion DOM swapping
+- f3c3431: feat(connect): add custom processing message for lighter native flow
+- a94f293: do not over-fetching bridge account
+
+## 7.1.0-next.3
+
+### Patch Changes
+
+- 9be8d42: Add unloggedin blocked reason with i18n support across all languages
+- 26f2b79: feat(connect): add statsig tracking to quick options clicks
+- 47acbdc: chore(connect): change error message
+- 0c6cc6e: feat(connect): check udaparams for default settings (chain+token) for token transfer dropdown
+- 75c154f: refactor(connect): use portal for tooltips
+- 47acbdc: Update all translation files to replace "checkout" with "deposit" terminology across Spanish, French, Japanese, Korean, Russian, Turkish, and Chinese translations
+- ade8399: feat(connect): measure modal initial loading
+- 58b4014: feat(connect): add logo asset for optimism
+
+## 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

@@ -5,6 +5,27 @@ declare const _default: {
     readonly array_of_strings: {
         readonly value: readonly [];
     };
+    readonly blacklistedwithdrawaladdress: {
+        readonly value: {
+            readonly '0x2791bca1f2de4661ed88a30c99a7a9449aa84174': "USDC.e - Polygon";
+            readonly '0xff970a61a04b1ca14834a43f5de4533ebddb5cc8': "USDC.e - Arbitrum";
+            readonly '0x7f5c764cbc14f9669b88837ca1490cca17c31607': "USDC.e - Optimism";
+            readonly '0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48': "USDC - Ethereum";
+            readonly '0x66a9893cC07D91D95644AEDD05D03f95e1dBA8Af': "Uniswap V4 Router - Etheruem";
+            readonly '0x1095692A6237d83C6a72F3F5eFEdb9A670C49223': "Uniswap V4 Router - Polygon";
+            readonly '0x0000000000000000000000000000000000000000': "Zero/Null Address";
+            readonly '0x000000000000000000000000000000000000dEaD': "Burn Address";
+            readonly '0x7a250d5630B4cF539739dF2C5dAcb4c659F2488D': "Uniswap V2 Router";
+            readonly '0x68b3465833fb72A70ecDF485E0e4C7bD8665Fc45': "Uniswap V3: Old Deployer";
+            readonly '0x3fC91A3afd70395Cd496C647d5a6CC9D4B2b7FAD': "Uniswap Universal Router";
+            readonly '0xE592427A0AEce92De3Edee1F18E0157C05861564': "Uniswap V3 Router";
+            readonly '0xd9e1cE17f2641f24aE83637ab66a2cca9C378B9F': "SushiSwap Router";
+            readonly '0xDEF1C0ded9bec7F1a1670819833240f027b25EfF': "0x Exchange Proxy";
+            readonly '0x1111111254EEB25477B68fb85Ed929f73A960582': "1inch V5 Router";
+            readonly '0x881D40237659C251811CEC9c364ef91dC08D300C': "Metamask Swap Router";
+            readonly '0x07d82CD44cd598ACf355Af8c8089b30b2a13B088': "Polymarket Withdrawal Block";
+        };
+    };
     readonly blockedcountries: {
         readonly value: readonly ["AF", "BY", "MM", "CF", "CU", "CD", "IR", "LB", "LY", "NI", "KP", "UA", "SO", "SS", "SY", "VE"];
     };
@@ -133,6 +154,23 @@ declare const _default: {
     readonly enabletokentransfer: {
         readonly value: true;
     };
+    readonly enabletokentransfertest: {
+        readonly variants: readonly [{
+            readonly conditions: {
+                readonly all: readonly [{
+                    readonly type: "allowedCountries";
+                    readonly countries: readonly ["SG", "DE"];
+                }];
+            };
+            readonly value: true;
+        }];
+        readonly value: false;
+    };
+    readonly ismexico: {
+        readonly value: {
+            readonly mexico: false;
+        };
+    };
     readonly isrelaybypassenabled: {
         readonly value: true;
     };
@@ -174,34 +212,44 @@ declare const _default: {
             readonly params: {
                 readonly targetChain: "3586256";
                 readonly targetAsset: "0x0000000000000000000000000000000000000001";
-                readonly targetAssetTicker: "ETH (Spot)";
+                readonly targetAssetTicker: "ETH";
                 readonly iconSrc: "https://sdk-cdn.fun.xyz/images/eth.svg";
+                readonly qrcodeActionType: "LIGHTER_SPOT";
+                readonly defaultChainId: "1";
+                readonly defaultTokenSymbol: "ETH";
             };
         }, {
             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 targetAsset: "0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2";
+                readonly targetAssetTicker: "ETH";
+                readonly iconSrc: "https://sdk-cdn.fun.xyz/images/eth.svg";
+                readonly qrcodeActionType: "LIGHTER_SPOT";
+                readonly defaultChainId: "1";
+                readonly defaultTokenSymbol: "ETH";
             };
         }, {
             readonly dynamicRoutingId: "LIGHTER_USDC_PERPS";
             readonly params: {
                 readonly targetChain: "3586256";
                 readonly targetAsset: "0x0000000000000000000000000000000000000000";
-                readonly targetAssetTicker: "USDC (Perps)";
+                readonly targetAssetTicker: "USDC";
                 readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
+                readonly qrcodeActionType: "LIGHTER_PERPS";
+                readonly defaultChainId: "42161";
+                readonly defaultTokenSymbol: "USDC";
             };
         }, {
             readonly dynamicRoutingId: "LIGHTER_USDC_PERPS_NEW_USER";
             readonly params: {
                 readonly targetChain: "1";
                 readonly targetAsset: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
-                readonly targetAssetTicker: "USDC (Perps)";
+                readonly targetAssetTicker: "USDC";
                 readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
-                readonly qrcodeActionType: "LIGHTER_USDC_DEPOSIT";
+                readonly qrcodeActionType: "LIGHTER_PERPS";
+                readonly defaultChainId: "42161";
+                readonly defaultTokenSymbol: "USDC";
             };
         }];
     };

package/dist/components/Avatar/emojiAvatarForAddress.d.ts

@@ -103,4 +103,4 @@ export declare function emojiAvatarForAddress(address: string): {
 } | {
     readonly color: "#FFB35A";
     readonly emoji: "🤠";
-};
+} | undefined;

package/dist/components/Dialog/Dialog.css.d.ts

@@ -1,6 +1,7 @@
 export declare const easing: number[];
 export declare const DialogAnimationTimeIn = 0.25;
 export declare const DialogAnimationTimeOut = 0.12;
+export declare const FunModalZIndex: number;
 export declare const overlay: string;
 export declare const content: string;
 export declare const titleContainer: string;

package/dist/components/Dropdown/ReceiveTokenDropdown.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { DynamicTargetAssetCandidate } from '../../providers/FunkitCheckoutContext';
+import { type BaseDropdownProps } from './BaseDropdown';
 interface ReceiveTokenDropdownProps {
     chainId: number;
     tokens: DynamicTargetAssetCandidate[];
@@ -7,6 +8,7 @@ interface ReceiveTokenDropdownProps {
     selectedToken?: string;
     label?: string;
     activeItemLabel?: string;
+    activeItemProps?: BaseDropdownProps['activeItemProps'];
 }
-export declare const ReceiveTokenDropdown: ({ tokens, chainId, selectedToken, onTokenSelected, label, activeItemLabel, }: ReceiveTokenDropdownProps) => React.JSX.Element;
+export declare const ReceiveTokenDropdown: ({ tokens, chainId, selectedToken, onTokenSelected, label, activeItemLabel, activeItemProps, }: ReceiveTokenDropdownProps) => React.JSX.Element;
 export {};

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

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

package/dist/components/FunCheckoutBlocked/FunCheckoutBlocked.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type CheckoutBlockedReason = 'geoblock' | 'security';
+type CheckoutBlockedReason = 'geoblock' | 'security' | 'unloggedin';
 interface FunCheckoutBlockedProps {
     reason: CheckoutBlockedReason;
 }

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -5,15 +5,16 @@ export declare function PaymentMethodIcon({ paymentIcon, keyIconSize, }: {
     paymentIcon: ReactNode;
     keyIconSize: number;
 }): React.JSX.Element;
-interface ConnectedMeshPaymentMethodItemProps extends ConnectedPaymentMethodItemProps {
+interface ConnectedBluvoPaymentMethodItemProps extends ConnectedPaymentMethodItemProps {
     paymentMethodInfo: PaymentMethodBrokerageInfo;
     onBrokerageError?: () => void;
 }
-/** it is different from BrokeragePaymentMethodItem
- * this component is for connected mesh brokerage like robinhood
- * the other one is for connecting new brokerage button
- * */
-export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, onBrokerageError, showSelectedCheckmark, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
+/**
+ * Note: This is different from `BrokeragePaymentMethodItem`, which is used as a
+ * button to initiate connecting a new brokerage account.
+ * This is for connected Bluvo brokerage like coinbase etc.
+ */
+export declare const ConnectedBluvoPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, onBrokerageError, showSelectedCheckmark, }: ConnectedBluvoPaymentMethodItemProps) => React.JSX.Element;
 interface ConnectedPaymentMethodItemProps {
     isSelected: boolean;
     showSelectedCheckmark?: boolean;

package/dist/components/FunTooltip/FunTooltip.d.ts

@@ -34,4 +34,5 @@ export interface FunTooltipProps {
     startDelay?: number;
     width?: BoxProps['width'];
 }
+export declare const TooltipAnchorRefContext: React.Context<React.RefObject<HTMLElement> | null>;
 export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, bottomOffset, maxWidth, displayType, hideDelay, startDelay, width, }: FunTooltipProps) => React.JSX.Element;

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/consts/customers.d.ts

@@ -15,4 +15,4 @@ export declare function isAvantisCustomer(apiKey: string): apiKey is "6TUi99Tq3O
 export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu";
 export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";
 export declare function isLighterEthSpot(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean | undefined;
-export declare function isLighterNativeFlow(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean;
+export declare function isLighterNativeFlow(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined): boolean;

package/dist/domains/asset.d.ts

@@ -19,17 +19,13 @@ 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;
 };
 export declare function getUsdAvailableAmount(targetChainId: string, assetChainId: string | undefined, assetUsdAmount: number | null | undefined, paymentMethod: PaymentMethod | undefined): number | null;
-/**
- * Attempt to safeguard user from irrecoverable losses
- */
-export declare function isBlacklistedWithdrawAddress(address: string): boolean;
 export {};

package/dist/domains/quote.d.ts

@@ -22,7 +22,7 @@ export interface CheckedAssetAmount {
     maxTargetAssetAmount?: number;
     minTargetAssetAmount?: number;
 }
-export declare function checkAssetAmount(checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, finalEstimation: FunkitCheckoutQuoteResult, wagmiConfig: Config, walletAddress: Address, brokerage?: BrokerageDetails): Promise<CheckedAssetAmount>;
+export declare function checkAssetAmount(checkoutItem: FunkitActiveCheckoutItem, finalEstimation: FunkitCheckoutQuoteResult, wagmiConfig: Config, walletAddress: Address, brokerage?: BrokerageDetails): Promise<CheckedAssetAmount>;
 export interface CheckoutQuoteParams {
     checkoutItem: FunkitActiveCheckoutItem;
     userId: string;

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/track/CheckoutModalEvent.d.ts

@@ -1,5 +1,6 @@
 export declare enum CheckoutModalEvent {
     MODAL_OPENED = "fc::modal_opened",
+    MODAL_READY = "fc::modal_ready",
     MODAL_CLOSED = "fc::modal_closed",
     NAVIGATE_SOURCE_CHANGE = "fc::navigate::source_change",
     NAVIGATE_SELECT_ASSET = "fc::navigate::select_asset",
@@ -23,9 +24,15 @@ export declare enum CheckoutModalEvent {
     NAVIGATE_CONNECT_EXCHANGE = "fc::navigate::connect_exchange",
     NAVIGATE_BROKERAGE_TWO_FA = "fc::navigate::brokerage_two_fa",
     NAVIGATE_BROKERAGE_SUCCESS = "fc::navigate::brokerage_success",
+    READY_CONFIRMATION = "fc::ready::confirmation",
+    READY_INPUT_AMOUNT = "fc::ready::input_amount",
+    READY_SELECT_ASSET = "fc::ready::select_asset",
+    READY_SOURCE_CHANGE = "fc::ready::source_change",
+    BASE_QUOTE = "fc::quote::base_quote",
     FINAL_QUOTE = "fc::quote::final_quote",
     VIEW_TRANSACTION_BREAKDOWN = "fc::quote::view_transaction_breakdown",
     ACCOUNT_BALANCE_SUCCESS = "fc::success::account_balance",
     TOKEN_TRANSFER_SUCCESS = "fc::success::token_transfer",
-    BLUVO_WITHDRAWAL_COMPLETED = "fc::success::bluvo_withdrawal_completed"
+    BLUVO_WITHDRAWAL_COMPLETED = "fc::success::bluvo_withdrawal_completed",
+    QUICK_OPTION_SELECTED = "fc::input_amount::quick_option_selected"
 }

package/dist/hooks/track/WithdrawModalEvent.d.ts

@@ -1,5 +1,6 @@
 export declare enum WithdrawModalEvent {
     MODAL_OPENED = "fw::modal_opened",
+    MODAL_READY = "fw::modal_ready",
     MODAL_CLOSED = "fw::modal_closed",
     FINAL_QUOTE = "fw::quote::final_quote",
     VIEW_TRANSACTION_BREAKDOWN = "fw::quote::view_transaction_breakdown",

package/dist/hooks/track/useTrack.d.ts

@@ -8,6 +8,8 @@ export interface TrackEventData {
 }
 export declare const useTrack: () => {
     logEvent: (eventNameOrTrackEventData: CheckoutModalEvent | TrackEventData) => void;
+    logMeasuredEvent: (trackEventData: Omit<TrackEventData, "value">) => void;
+    startMeasuredEvent: (eventName: CheckoutModalEvent | WithdrawModalEvent) => void;
     updateUserAsync: (userInfo: FunkitUserInfo & {
         l2Address?: string;
     }, apiKey: string) => Promise<import("@statsig/react-bindings").StatsigUpdateDetails>;

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/useIsBlacklistedWithdrawalAddress.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Attempt to safeguard user from irrecoverable losses
+ */
+export declare function useIsBlacklistedWithdrawalAddress(address: string): boolean;

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/hooks/useUDAParams.d.ts

@@ -5,5 +5,7 @@ export interface UDAConfig {
     targetAssetTicker: string;
     iconSrc: string;
     qrcodeActionType?: string;
+    defaultTokenSymbol?: string;
+    defaultChainId?: string;
 }
 export declare const useUDAParams: (_dynamicRoutingId?: string) => UDAConfig | undefined;

package/dist/{modals/CheckoutModal → hooks}/useWalletAssetHoldings.d.ts

@@ -1,4 +1,4 @@
-import { type AssetHoldingsMap } from '../../utils/assets';
+import { type AssetHoldingsMap } from '../utils/assets';
 interface UseWalletAssetHoldingsResponse {
     data: AssetHoldingsMap | undefined;
     isLoading: boolean;

package/dist/index.css

@@ -9684,7 +9684,7 @@
   --_7rkubb1: 0.9;
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=Ll8xcjhmNTcxIHsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogOTk5OTk4Owp9Ci5fMXI4ZjU3MyB7CiAgbWF4LXdpZHRoOiAxMDB2dzsKfQouXzFyOGY1NzQgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgd2lkdGg6IDEwMCU7CiAgZmxleC1zaHJpbms6IDA7CiAgbWluLWhlaWdodDogdmFyKC0tcmstZGltZW5zaW9ucy1tb2RhbFRvcEJhckhlaWdodCk7Cn0KLl8xcjhmNTc2IHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB6LWluZGV4OiAxOwp9Ci5fMXI4ZjU3NyB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHotaW5kZXg6IDI7Cn0KLl8xcjhmNTc5IHsKICBib3R0b206IDA7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB0b3A6IDA7CiAgei1pbmRleDogLTE7Cn0KLl8xcjhmNTdhIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5fMXI4ZjU3YiB7CiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kOwp9 */
+/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=Ll8xcjhmNTcxIHsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogOTk5OTk3Owp9Ci5fMXI4ZjU3MyB7CiAgbWF4LXdpZHRoOiAxMDB2dzsKfQouXzFyOGY1NzQgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgd2lkdGg6IDEwMCU7CiAgZmxleC1zaHJpbms6IDA7CiAgbWluLWhlaWdodDogdmFyKC0tcmstZGltZW5zaW9ucy1tb2RhbFRvcEJhckhlaWdodCk7Cn0KLl8xcjhmNTc2IHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB6LWluZGV4OiAxOwp9Ci5fMXI4ZjU3NyB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHotaW5kZXg6IDI7Cn0KLl8xcjhmNTc5IHsKICBib3R0b206IDA7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB0b3A6IDA7CiAgei1pbmRleDogLTE7Cn0KLl8xcjhmNTdhIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5fMXI4ZjU3YiB7CiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kOwp9 */
 [data-rk] ._1r8f571 {
   bottom: -200px;
   left: -200px;
@@ -9692,7 +9692,7 @@
   right: -200px;
   top: -200px;
   transform: translateZ(0);
-  z-index: 999998;
+  z-index: 999997;
 }
 [data-rk] ._1r8f573 {
   max-width: 100vw;
@@ -9826,30 +9826,6 @@
   box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.09) inset;
 }
 
-/* vanilla-extract-css-ns:src/components/FunPoweredTagline/FunPoweredTagline.css.ts.vanilla.css?source=Ll8xd2RnazZpMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIG1hcmdpbi10b3A6IDZweDsKICBwYWRkaW5nLXRvcDogdmFyKC0tcmstc3BhY2luZy1tb2RhbFBhZGRpbmdCb3R0b21Mb3dlcik7Cn0KLl8xd2RnazZpMDo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbGlnaHRTdHJva2UpOwogIGhlaWdodDogMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKICByaWdodDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKfQ== */
-[data-rk] ._1wdgk6i0 {
-  position: relative;
-  margin-top: 6px;
-  padding-top: var(--rk-spacing-modalPaddingBottomLower);
-}
-[data-rk] ._1wdgk6i0::before {
-  content: "";
-  background-color: var(--rk-colors-lightStroke);
-  height: 1px;
-  position: absolute;
-  top: 0;
-  left: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
-  right: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
-}
-
-/* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ== */
-[data-rk] ._3dkdsc0 {
-  border-width: 0;
-  border-top-width: 1px;
-  border-style: solid;
-  flex: 1;
-}
-
 /* vanilla-extract-css-ns:src/components/FunTooltip/FunTooltip.css.ts.vanilla.css?source=LnoxbDM4aTAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgei1pbmRleDogMjsKfQouejFsMzhpMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogY2FsYygxMDAlICsgNnB4KTsKICB3aWR0aDogbWF4LWNvbnRlbnQ7CiAgd29yZC1icmVhazogYnJlYWstd29yZDsKfQouejFsMzhpMyB7CiAgYm90dG9tOiBjYWxjKDEwMCUpOwp9Ci56MWwzOGk0IHsKICBsZWZ0OiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwp9Ci56MWwzOGk1IHsKICBsZWZ0OiAwOwp9Ci56MWwzOGk2IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKC0xMDAlIC0gMThweCksIDEwMCUpOwp9 */
 [data-rk] .z1l38i0 {
   position: relative;
@@ -9877,6 +9853,30 @@
   transform: translate(calc(-100% - 18px), 100%);
 }
 
+/* vanilla-extract-css-ns:src/components/FunPoweredTagline/FunPoweredTagline.css.ts.vanilla.css?source=Ll8xd2RnazZpMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIG1hcmdpbi10b3A6IDZweDsKICBwYWRkaW5nLXRvcDogdmFyKC0tcmstc3BhY2luZy1tb2RhbFBhZGRpbmdCb3R0b21Mb3dlcik7Cn0KLl8xd2RnazZpMDo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbGlnaHRTdHJva2UpOwogIGhlaWdodDogMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKICByaWdodDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKfQ== */
+[data-rk] ._1wdgk6i0 {
+  position: relative;
+  margin-top: 6px;
+  padding-top: var(--rk-spacing-modalPaddingBottomLower);
+}
+[data-rk] ._1wdgk6i0::before {
+  content: "";
+  background-color: var(--rk-colors-lightStroke);
+  height: 1px;
+  position: absolute;
+  top: 0;
+  left: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
+  right: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
+}
+
+/* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ== */
+[data-rk] ._3dkdsc0 {
+  border-width: 0;
+  border-top-width: 1px;
+  border-style: solid;
+  flex: 1;
+}
+
 /* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82TQUsDMRCF7/sr5iJU2CxZbYukeNKf4E08TLJDDc1OltmstRX/u3Rr6UpRxFroMeHlve9NkmLdkfZTDW8ZQBLk1icf2QCGAOVE1y24znqnLK09yUgX1znoHHShpzmUl7PsPSu2HuWBB0emgeDKGLUku/BJxS6RqLbxrGyXUuQcDkWe+auoD6hR5p4N6FkGsJNi0xAKsqPD1Me0auiWu9qSPPUWqo7rn46Me5VFt5hL7LhSLoYoZtutQSFOm3AbpSLZnQaIXQqeab+x9FV6NlBqfTE7erxjY5qAjp5jqEh6wk+sF5SRUrLYYraqJRe5Qlk90GsaWkxP0WvvfjzgzRkNHiA26HxaGdDFZAj5657oNpl3m8W9b9EGqoZt8TRtv8HG/8J2Z3RJe6jjHx+d9HfQ3wE/ALoQWt+kBQAA */
 [data-rk] .zue0i60 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
@@ -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';