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

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @funkit/connect
 
+## 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

@@ -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/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/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/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/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/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/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/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';