@funkit/connect 9.5.0 → 9.6.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @funkit/connect
 
+## 9.6.0
+
+### Minor Changes
+
+- 2c480aa: Add exact-in quoting support and improve max button accuracy
+- 114cbaf: Add CRYPTO_FIAT rail config types and integrate /fops API for swapped withdrawal off-ramp
+
+### Patch Changes
+
+- 7c75d3c: empty form of payments message implemented
+- 2c480aa: fix(connect): use live gas price instead of hardcoded 50 gwei for max button
+- 2c480aa: fix(connect): round fiat amount to 2 decimal places for quick options
+- 3cff3a7: update labels and restore min deposit on mobile
+- d4da769: refactor(connect): remove dirty global css for source change inner scroll area
+- c261752: require countrycode for fops call
+- f987707: feat(connect): instrument quote mode and quick option events for rollout telemetry
+- b8fec96: fix(connect): fix withdrawal amount debounce
+- 8dec5f9: feat(connect): sync amounts while instant quoting
+- 78c4d50: feat(connect): add statsig events for checkout notifications
+- 6c5c1ba: feat(connect): migrate TokenTransferNewTokens and NewTokenAssetSelectionBanner flags to statsig
+- 14763f9: feat: support tron USDT withdrawals
+- 5aafb0a: Feature gate excluded withdrawal tokens logic
+- d4da769: fix(connect): fix source change without initial wallet
+- Updated dependencies [514b734]
+- Updated dependencies [6c5c1ba]
+- Updated dependencies [114cbaf]
+  - @funkit/api-base@4.0.0
+  - @funkit/utils@2.0.0
+
+## 9.5.1
+
+### Patch Changes
+
+- 9827fbd: Add typeLabel to Datadog logging
+- e02fa70: feat(connect): migrate MinTokenTransferValue flag to statsig
+- cd9d0c2: feat(connect): migrate WithdrawalChainsAndAssets flag to statsig
+- 5e1069c: refactor(connect): use dynamic config to determine chain ids for token transfer payment method item
+- b12f9d8: implement swapped focus and success transaction events
+- Updated dependencies [e02fa70]
+- Updated dependencies [cd9d0c2]
+- Updated dependencies [6024e2f]
+  - @funkit/utils@1.2.8
+  - @funkit/api-base@3.0.6
+
 ## 9.5.0
 
 ### Minor Changes

package/dist/__generated__/default_configs.d.ts

@@ -61,6 +61,9 @@ declare const _default: {
     readonly disabletokentransferchainsandassets: {
         readonly value: {};
     };
+    readonly disablewithdrawalchainsandassets: {
+        readonly value: {};
+    };
     readonly dynamicrouting: {
         readonly value: readonly [{
             readonly routeId: "LIGHTER_ETH_SPOT";
@@ -424,8 +427,12 @@ declare const _default: {
                 readonly countryCodes: readonly ["CA"];
             };
             readonly value: {
-                readonly mainnet: 15;
-                readonly nonMainnet: 3;
+                readonly default: 3;
+                readonly chains: {
+                    readonly '1': 15;
+                    readonly '8253038': 15;
+                    readonly '728126428': 15;
+                };
             };
         }, {
             readonly condition: {
@@ -433,15 +440,26 @@ declare const _default: {
                 readonly countryCodes: readonly ["AU"];
             };
             readonly value: {
-                readonly mainnet: 15;
-                readonly nonMainnet: 3;
+                readonly default: 3.5;
+                readonly chains: {
+                    readonly '1': 15;
+                    readonly '8253038': 15;
+                    readonly '728126428': 15;
+                };
             };
         }];
         readonly value: {
-            readonly mainnet: 10;
-            readonly nonMainnet: 2.5;
+            readonly default: 2.5;
+            readonly chains: {
+                readonly '1': 10;
+                readonly '8253038': 10;
+                readonly '728126428': 10;
+            };
         };
     };
+    readonly newtokenassetselectionbanner: {
+        readonly value: {};
+    };
     readonly relaybypasssourcechainsandassets: {
         readonly value: {
             readonly '1': readonly ["*"];
@@ -708,6 +726,127 @@ declare const _default: {
             };
         }];
     };
+    readonly withdrawalconfig: {
+        readonly value: {
+            readonly priorityTokens: readonly [];
+            readonly chains: readonly [{
+                readonly chainId: 1;
+                readonly assets: readonly [{
+                    readonly address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                }, {
+                    readonly address: "0x6B175474E89094C44Da98b954EedeAC495271d0F";
+                }, {
+                    readonly address: "0xdAC17F958D2ee523a2206206994597C13D831ec7";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2";
+                }, {
+                    readonly address: "0x455e53CBB86018Ac2B8092FdCd39d8444aFFC3F6";
+                }, {
+                    readonly address: "0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0";
+                }, {
+                    readonly address: "0xcbB7C0000aB88B473b1f5aFd9ef808440eed33Bf";
+                }, {
+                    readonly address: "0x4c9EDD5852cd905f086C759E8383e09bff1E68B3";
+                }];
+            }, {
+                readonly chainId: 1151111081099710;
+                readonly assets: readonly [{
+                    readonly address: "11111111111111111111111111111111";
+                }, {
+                    readonly address: "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v";
+                }, {
+                    readonly address: "Es9vMFrzaCERmJfrF4H2FYD4KCoNkY11McCe8BenwNYB";
+                }];
+            }, {
+                readonly chainId: 56;
+                readonly assets: readonly [{
+                    readonly address: "0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d";
+                }, {
+                    readonly address: "0x55d398326f99059fF775485246999027B3197955";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c";
+                }, {
+                    readonly address: "0x2170Ed0880ac9A755fd29B2688956BD959F933F8";
+                }, {
+                    readonly address: "0x1AF3F329e8BE154074D8769D1FFa4eE058B1DBc3";
+                }, {
+                    readonly address: "0xe9e7CEA3DedcA5984780Bafc599bD69ADd087D56";
+                }, {
+                    readonly address: "0x7130d2A12B9BCbFAe4f2634d864A1Ee1Ce3Ead9c";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 8453;
+                readonly assets: readonly [{
+                    readonly address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913";
+                }, {
+                    readonly address: "0xfde4C96c8593536E31F229EA8f37b2ADa2699bb2";
+                }, {
+                    readonly address: "0x50c5725949A6F0c72E6C4a641F24049A917DB0Cb";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x4200000000000000000000000000000000000006";
+                }, {
+                    readonly address: "0xcbB7C0000aB88B473b1f5aFd9ef808440eed33Bf";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 137;
+                readonly assets: readonly [{
+                    readonly address: "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359";
+                }, {
+                    readonly address: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174";
+                }, {
+                    readonly address: "0xc2132D05D31c914a87C6611C10748AEb04B58e8F";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x8f3Cf7ad23Cd3CaDbD9735AFf958023239c6A063";
+                }, {
+                    readonly address: "0x7ceB23fD6bC0adD59E62ac25578270cFf1b9f619";
+                }];
+            }, {
+                readonly chainId: 42161;
+                readonly assets: readonly [{
+                    readonly address: "0xaf88d065e77c8cC2239327C5EDb3A432268e5831";
+                }, {
+                    readonly address: "0xFd086bC7CD5C481DCC9C85ebE478A1C0b69FCbb9";
+                }, {
+                    readonly address: "0xDA10009cBd5D07dd0CeCc66161FC93D7c9000da1";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x82aF49447D8a07e3bd95BD0d56f35241523fBab1";
+                }, {
+                    readonly address: "0x912CE59144191C1204E64559FE8253a0e49E6548";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }, {
+                readonly chainId: 10;
+                readonly assets: readonly [{
+                    readonly address: "0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85";
+                }, {
+                    readonly address: "0x94b008aA00579c1307B0EF2c499aD98a8ce58e58";
+                }, {
+                    readonly address: "0xDA10009cBd5D07dd0CeCc66161FC93D7c9000da1";
+                }, {
+                    readonly address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+                }, {
+                    readonly address: "0x4200000000000000000000000000000000000006";
+                }, {
+                    readonly address: "0x5d3a1Ff2b6BAb83b63cd9AD0787074081a52ef34";
+                }];
+            }];
+        };
+    };
     readonly withdrawalinfobanner: {
         readonly value: {
             readonly message: "";

package/dist/__generated__/default_feature_gates.d.ts

@@ -1,6 +1,8 @@
 declare const _default: {
     readonly 'exact-in': false;
+    readonly 'new-de-endpoint': false;
     readonly 'new-token-transfer-config': false;
+    readonly 'new-withdrawal-config': false;
     readonly 'test-testing-gate': false;
 };
 export default _default;

package/dist/clients/{chunk-SBQ2UUPK.js → chunk-H6F75ULR.js}

@@ -25,6 +25,7 @@ var FunLogger = class {
     this.userAddress = null;
     this.userName = null;
     this.userLoginType = null;
+    this.typeLabel = null;
     this.sdkVersion = null;
     this.l2Address = null;
     this.isConfigured = false;
@@ -48,6 +49,7 @@ var FunLogger = class {
       userName: this.userName,
       userAddress: this.userAddress,
       userLoginType: this.userLoginType,
+      typeLabel: this.typeLabel,
       sdkVersion: this.sdkVersion
     };
     switch (level) {
@@ -189,14 +191,18 @@ var FunLogger = class {
   getUserLoginType() {
     return this.userLoginType;
   }
+  getTypeLabel() {
+    return this.typeLabel;
+  }
   getL2Address() {
     return this.l2Address;
   }
-  setUserInfo(userId, userAddress, userName, userLoginType, l2Address) {
+  setUserInfo(userId, userAddress, userName, userLoginType, typeLabel, l2Address) {
     this.userId = userId;
     this.userAddress = userAddress;
     this.userName = userName;
     this.userLoginType = userLoginType;
+    this.typeLabel = typeLabel;
     this.l2Address = l2Address ?? null;
   }
 };

package/dist/clients/fanatics.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   logger
-} from "./chunk-SBQ2UUPK.js";
+} from "./chunk-H6F75ULR.js";
 
 // src/clients/fanatics.tsx
 import React7, { useEffect as useEffect2, useMemo as useMemo2 } from "react";

package/dist/clients/polymarket.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   logger
-} from "./chunk-SBQ2UUPK.js";
+} from "./chunk-H6F75ULR.js";
 
 // src/clients/polymarket.tsx
 import {

package/dist/components/CopyAddress/CopyInputDisplayedAddress.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface CopyInputDisplayedAddressProps {
     address: string;
+    onAddressCopied?: () => void;
     truncateAddress?: boolean;
 }
 /**

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

@@ -14,8 +14,6 @@ interface DialogProps {
     isSmartCloseable?: boolean;
     /** Whether side padding around the content of the modal should be applied */
     withoutSidePadding?: boolean;
-    /** Whether bottom padding around the content of the modal should be applied */
-    withoutBottomPadding?: boolean;
     /** Whether the transition animation should be used on open/close */
     withTransition?: boolean;
     testId?: string;
@@ -25,24 +23,32 @@ interface DialogProps {
 /**
  * Dialog components (title, content, bottom bar) must be rendered as direct children of Dialog for correct scrolling behavior
  */
-export declare function Dialog({ children, onClose, onAnimationComplete, open, titleId, isHidden, isSmartCloseable, withoutSidePadding, withoutBottomPadding, withTransition, testId, isFanaticsBottomSheet, }: DialogProps): React.ReactPortal | null;
+export declare function Dialog({ children, onClose, onAnimationComplete, open, titleId, isHidden, isSmartCloseable, withoutSidePadding, withTransition, testId, isFanaticsBottomSheet, }: DialogProps): React.ReactPortal | null;
 export declare namespace Dialog {
     var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, className, }: DialogTitleProps) => React.JSX.Element;
-    var Content: ({ children, fullHeight, paddingLeft, paddingBottom, paddingTop, className, withTopDivider, withBottomDivider, id, withoutInternalPadding, extraContentTopPadding, ...boxProps }: DialogContentProps) => React.JSX.Element;
+    var Content: ({ children, fullHeight, className, id, paddingTop, withTopDivider, withBottomDivider, withoutBottomPadding, withoutSidePadding, extraContentTopPadding, withChildScrollArea, ...boxProps }: DialogContentProps) => React.JSX.Element;
     var BottomSection: ({ paddingX, children, ...boxProps }: BoxProps) => React.JSX.Element;
     var BottomBar: ({ topSection, topSectionVisible, actionButtonProps, onClose, onCloseLabel, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element | null;
 }
-interface DialogContentProps extends BoxProps {
+interface DialogContentProps extends Omit<BoxProps, 'padding' | 'paddingX' | 'paddingY' | 'paddingLeft' | 'paddingRight' | 'paddingBottom'> {
     children: ReactNode;
     /** Whether the content should fill all available space */
     fullHeight?: boolean;
     withTopDivider?: 'always' | 'scroll' | 'never';
     withBottomDivider?: 'always' | 'scroll' | 'never';
     id?: string;
-    /** Whether internal padding around the content of the modal should be applied */
-    withoutInternalPadding?: boolean;
+    /** Whether bottom padding should be applied */
+    withoutBottomPadding?: boolean;
+    /** Whether side padding should be applied */
+    withoutSidePadding?: boolean;
     /** Whether to add extra top padding to visually balance the FunBottomBar */
     extraContentTopPadding?: boolean;
+    /**
+     * When true, Dialog.Content becomes a non-scrolling flex column container, delegating
+     * scrolling to a child PaddedScrollableArea. Applies expanded side margins so that
+     * full-width dividers inside the child can visually reach the dialog border edges.
+     */
+    withChildScrollArea?: boolean;
 }
 export interface DialogTitleProps {
     title?: string;

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

@@ -1,9 +1,9 @@
 export declare const DIALOG_WIDTH_WIDE = "450px";
 export declare const DIALOG_HEIGHT = 525;
 export declare const DIALOG_HEIGHT_SWAPPED_IFRAME = 580;
+export declare const DIALOG_INNER_PADDING_X = 12;
 export declare const SCROLL_BAR_WIDTH = 6;
 export declare const DIALOG_BOTTOM_PADDING = "15";
-export declare const bottomPaddingVariable = "--bottom-padding-value";
 /**
  * note the border defined here is taken into account in the FunCheckoutModalHeightAnimationWrapper component in the `getPermittedHeight` function
  * adjusting the border width will require adjusting the `getPermittedHeight` function
@@ -13,7 +13,6 @@ export declare const dialogCompact: string;
 export declare const dialogMedium: string;
 export declare const dialogWide: string;
 export declare const withoutSidePadding: string;
-export declare const withoutBottomPadding: string;
 export declare const dialogMobile: string;
 /**
  * Fanatics-specific bottom sheet style for mobile
@@ -27,6 +26,12 @@ export declare const dialogFanaticsBottomSheet: string;
 export declare const scrollContent: string;
 export declare const scrollbarHidden: string;
 export declare const fullHeightContent: string;
+/**
+ * Used when a child component (e.g. PaddedScrollableArea) owns its own scrolling.
+ * Dialog.Content becomes a non-scrolling flex column container.
+ * The margin/padding expansion needed for full-width dividers is applied as inline styles in Dialog.tsx.
+ */
+export declare const childScrollAreaContent: string;
 export declare const noPaddingContent: string;
 export declare const dividerTransition: string;
 export declare const contentExpanded: string;

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

@@ -24,8 +24,6 @@ interface ChainDropdownProps {
     maxDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
     tagComponent?: (value: string) => React.ReactNode;
     testId?: string;
-    /** Default chain ID — promoted to first position in the dropdown */
-    defaultChainId?: number;
 }
-export declare const ChainDropdown: ({ assets, chainIdSortOrder, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, testId, defaultChainId, }: ChainDropdownProps) => React.JSX.Element;
+export declare const ChainDropdown: ({ assets, chainIdSortOrder, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, testId, }: ChainDropdownProps) => React.JSX.Element;
 export {};

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

@@ -30,9 +30,7 @@ interface TokenAndChainDropdownProps {
     priorityTokenSymbols?: string[];
     /** Determines the chain display order */
     chainIdSortOrder?: number[];
-    /** Default chain ID — promoted to first position in chain dropdown */
-    defaultChainId?: number;
 }
 /** Combines together chain and token dropdowns */
-export declare const TokenAndChainDropdown: ({ isLoading, selectedToken, selectedChainId, assets, onTokenSelected, onChainSelected, tokenLabel, chainLabel, chainLabelAddon, alwaysOpenToTop, maxTokenDropdownHeight, maxChainDropdownHeight, openChainDropdownFullWidth, chainTagComponent, hideNewTokenBadge, priorityTokenSymbols, chainIdSortOrder, defaultChainId, }: TokenAndChainDropdownProps) => React.JSX.Element;
+export declare const TokenAndChainDropdown: ({ isLoading, selectedToken, selectedChainId, assets, onTokenSelected, onChainSelected, tokenLabel, chainLabel, chainLabelAddon, alwaysOpenToTop, maxTokenDropdownHeight, maxChainDropdownHeight, openChainDropdownFullWidth, chainTagComponent, hideNewTokenBadge, priorityTokenSymbols, chainIdSortOrder, }: TokenAndChainDropdownProps) => React.JSX.Element;
 export {};

package/dist/components/FunFeatureList/FunFeatureList.d.ts

@@ -10,6 +10,7 @@ interface FunFeatureListProps {
     /** Whether background should be applied only to individual items. Defaults to false since background is applied to the container by default */
     withBackgroundItem?: boolean;
     gapBetweenItems?: Extract<BoxProps['gap'], string>;
+    onExpanded?: () => void;
 }
-export declare const FunFeatureList: ({ items, isExpandable, disabled, withBackgroundContainer, withBackgroundItem, gapBetweenItems, }: FunFeatureListProps) => React.JSX.Element;
+export declare const FunFeatureList: ({ items, isExpandable, disabled, withBackgroundContainer, withBackgroundItem, gapBetweenItems, onExpanded, }: FunFeatureListProps) => React.JSX.Element;
 export {};

package/dist/components/FunNotificationBanner/FunNotificationBanner.d.ts

@@ -7,6 +7,7 @@ interface FunNotificationBannerProps extends FunNotificationBannerIconProps {
     disclaimer?: ReactNode;
     children?: ReactNode;
     onClosed?: () => void;
+    onShowMore?: () => void;
 }
-export declare const FunNotificationBanner: ({ iconUrl, status, fallbackIconUrl, description, disclaimer, title, children, onClosed, }: FunNotificationBannerProps) => React.JSX.Element;
+export declare const FunNotificationBanner: ({ iconUrl, status, fallbackIconUrl, description, disclaimer, title, children, onClosed, onShowMore, }: FunNotificationBannerProps) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { DirectExecutionType } from '@funkit/api-base';
 import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
+import type { QuoteDisplayAmounts } from '../../domains/quoteMode';
 import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 interface PaymentAmountSummaryProps {
     isLoading: boolean;
@@ -8,6 +9,8 @@ interface PaymentAmountSummaryProps {
     checkoutItem: FunkitActiveCheckoutItem | null;
     quote: FunkitCheckoutQuoteResult | null;
     directExecutionType?: DirectExecutionType | null;
+    /** Mode-aware display amounts from QuoteBuilder.getDisplayAmounts() */
+    displayAmounts?: QuoteDisplayAmounts | null;
 }
-export declare function PaymentAmountSummary({ isLoading, targetChainId: originalChainId, quote, checkoutItem, directExecutionType, }: PaymentAmountSummaryProps): React.JSX.Element;
+export declare function PaymentAmountSummary({ isLoading, targetChainId: originalChainId, quote, checkoutItem, directExecutionType, displayAmounts, }: PaymentAmountSummaryProps): React.JSX.Element;
 export {};

package/dist/components/Icons/GlobeIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const GlobeIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/PaddedScrollableArea/PaddedScrollableArea.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type BoxProps } from '../../components/Box/Box';
+/** Discount scrollbar width, except on Safari */
+export declare function subtractScrollbarWidth(padding: number): number;
+interface PaddedScrollableAreaProps {
+    children: React.ReactNode;
+    className?: string;
+    /** Controls whether the scrollbar thumb is visible. Pass `isScrolling` from useScrollDivider. */
+    isScrolling: boolean;
+    /** Nominal right-side padding in px (matches what a non-scrolling sibling uses).
+     *  Internal paddingRight is set to `padding - SCROLL_BAR_WIDTH` so that the scrollbar
+     *  occupies the remaining space and content always sees `padding` px on the right. */
+    padding: number;
+    /** Optional bottom padding (sprinkle value) applied inside the scroll area, e.g. when no bottom bar is present. */
+    paddingBottom?: BoxProps['paddingBottom'];
+    ref?: React.Ref<HTMLDivElement>;
+    style?: React.CSSProperties;
+}
+/**
+ * A flex-1 scrollable container with a thin (6px) rounded scrollbar that reserves
+ * stable gutter space. The scrollbar thumb is hidden when not scrolling and appears
+ * on hover/active scroll.
+ *
+ * paddingRight is automatically calculated as `padding - SCROLL_BAR_WIDTH` so that
+ * content appears to have `padding`px of right-side spacing regardless of scrollbar state.
+ */
+export declare function PaddedScrollableArea({ padding, isScrolling, paddingBottom, children, className, ref, style, }: PaddedScrollableAreaProps): React.JSX.Element;
+export {};

package/dist/components/PaddedScrollableArea/paddedScrollableArea.css.d.ts

@@ -0,0 +1,4 @@
+import { SCROLL_BAR_WIDTH } from '../../components/Dialog/DialogContent.css';
+export { SCROLL_BAR_WIDTH };
+export declare const scrollArea: string;
+export declare const scrollbarHidden: string;

package/dist/components/TransferTokenDetails/TransferTokenDetails.d.ts

@@ -5,6 +5,7 @@ interface TransferTokenDetailsProps {
     estProcessingTime?: number;
     estPriceImpact: FeeValue | undefined;
     maxSlippage: FeeValue | undefined;
+    onExpanded?: () => void;
 }
-export declare const TransferTokenDetails: ({ estProcessingTime, disabled, estPriceImpact, maxSlippage, }: TransferTokenDetailsProps) => React.JSX.Element;
+export declare const TransferTokenDetails: ({ estProcessingTime, disabled, estPriceImpact, maxSlippage, onExpanded, }: TransferTokenDetailsProps) => React.JSX.Element;
 export {};

package/dist/domains/asset.d.ts

@@ -32,5 +32,4 @@ export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, pay
     reason: string;
     minUsdWithFees?: number;
 };
-export declare function getUsdAvailableAmount(targetChainId: string, assetChainId: string | undefined, assetUsdAmount: number | null | undefined, paymentMethod: PaymentMethod | undefined): number | null;
 export {};

package/dist/domains/quote.d.ts

@@ -1,5 +1,6 @@
 import type { ApiFunkitCheckoutQuoteResult, CheckoutQuoteResponse } from '@funkit/utils';
-import type { Address } from 'viem';
+import type { Dnum } from 'dnum';
+import { type Address } from 'viem';
 import type { Config } from '../wagmi/hooks';
 import type { BluvoBrokerageQuote } from '../hooks/useBluvo';
 import type { FunkitDirectExecutionInfo } from '../hooks/useCheckoutDirectExecution';
@@ -7,11 +8,12 @@ import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContex
 import type { LoginType } from '../providers/GeneralWalletProvider';
 import { type BrokerageDetails, type CheckoutFees } from './fees';
 import { type PaymentMethodInfo } from './paymentMethods';
+import type { QuoteBuilder } from './quoteMode';
 export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteResult, 'finalFeesBreakdown'> {
     finalSpreadUsd: string;
     finalFeesBreakdown: CheckoutFees;
 }
-export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address, isWithdrawal?: boolean): Promise<CheckoutQuoteResponse>;
+export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address, isWithdrawal?: boolean, quoteBuilder?: QuoteBuilder): Promise<CheckoutQuoteResponse>;
 export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType, isWithdrawal?: boolean, brokerageQuote?: BluvoBrokerageQuote): Promise<{
     finalEstimation: FunkitCheckoutQuoteResult;
     brokerage?: BrokerageDetails;
@@ -19,8 +21,8 @@ export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse
 export interface CheckedAssetAmount {
     isAboveMaximum: boolean;
     isBelowMinimum: boolean;
-    maxTargetAssetAmount?: number;
-    minTargetAssetAmount?: number;
+    maxTargetAssetAmount?: Dnum;
+    minTargetAssetAmount?: Dnum;
 }
 export declare function checkAssetAmount(checkoutItem: FunkitActiveCheckoutItem, finalEstimation: FunkitCheckoutQuoteResult, wagmiConfig: Config, walletAddress: Address, brokerage?: BrokerageDetails): Promise<CheckedAssetAmount>;
 export interface CheckoutQuoteParams {

package/dist/domains/quoteMode/index.d.ts

@@ -4,6 +4,6 @@ export type { Dnum } from 'dnum';
 export { createExactOutBuilder } from './exactOut';
 export { createExactInBuilder } from './exactIn';
 export { createOneToOneBuilder } from './oneToOne';
-export { createQuoteBuilder, _resolveQuoteMode } from './resolveQuoteMode';
-export type { CreateQuoteBuilderParams } from './resolveQuoteMode';
+export { resolveQuoteBuilder, _resolveQuoteMode } from './resolveQuoteMode';
+export type { ResolveQuoteBuilderParams } from './resolveQuoteMode';
 export { getGasEstimateWei, CHECKOUT_GAS_UNITS } from './gasEstimate';

package/dist/domains/quoteMode/resolveQuoteMode.d.ts

@@ -1,6 +1,6 @@
 import { type QuoteBuilder } from './types';
-export interface CreateQuoteBuilderParams {
-    hasPostAction: boolean;
+export interface ResolveQuoteBuilderParams {
+    hasPostAction: boolean | undefined;
     isExactInEnabled: boolean;
     providerSupportsExactInWithActions?: boolean;
 }
@@ -8,12 +8,13 @@ export interface CreateQuoteBuilderParams {
  * Determines the quote mode and returns the corresponding builder.
  *
  * Resolution order:
- * 1. Feature gate off → EXACT_OUT (Stage 1 default)
- * 2. No action params → EXACT_IN
- * 3. Action params + provider supports → EXACT_IN
- * 4. Action params + no support → EXACT_OUT
+ * 1. No checkout config (hasPostAction is undefined) → EXACT_OUT (safe default)
+ * 2. Feature gate off → EXACT_OUT (Stage 1 default)
+ * 3. No action params → EXACT_IN
+ * 4. Action params + provider supports → EXACT_IN
+ * 5. Action params + no support → EXACT_OUT
  *
  * Note: ONE_TO_ONE (subsidized routes) is not yet auto-detected.
  * It will be enabled in a future phase when subsidy detection is implemented.
  */
-export declare function createQuoteBuilder({ hasPostAction, isExactInEnabled, providerSupportsExactInWithActions, }: CreateQuoteBuilderParams): QuoteBuilder;
+export declare function resolveQuoteBuilder({ hasPostAction, isExactInEnabled, providerSupportsExactInWithActions, }: ResolveQuoteBuilderParams): QuoteBuilder;

package/dist/domains/quoteMode/types.d.ts

@@ -49,8 +49,8 @@ export interface QuoteDisplayAmounts {
     confirmationScreenDisplayAmount: string;
     /** "You send" line */
     sendAmount: string;
-    /** "You receive" line */
-    receiveAmount: string;
+    /** "You receive" line — null when the value cannot be derived (e.g. missing metadata) */
+    receiveAmount: string | null;
     /** Whether the send amount is exact (vs estimated) */
     isSendExact: boolean;
     /** Whether the receive amount is exact (vs estimated) */
@@ -86,6 +86,8 @@ export interface UsdAvailableAmountParams {
 }
 export interface QuoteBuilder {
     readonly mode: QuoteMode;
+    /** Whether the quote mode is EXACT_IN */
+    isExactIn(): boolean;
     /** Compute the USD available amount for the source asset, accounting for fees where applicable */
     getUsdAvailableAmount(params: UsdAvailableAmountParams): number | null;
     /** Compute max sendable token amount for the max button */
@@ -98,9 +100,14 @@ export interface QuoteBuilder {
     handleRetry(params: {
         error: QuoteRetryError;
     }): RetryAction;
-    /** Derive display amounts for confirmation screen.
-     * @param inputAmount — the user's input in human-readable form (e.g., 15.9) */
-    getDisplayAmounts(quote: FunkitCheckoutQuoteResult, inputAmount: number): QuoteDisplayAmounts;
+    /** Derive display amounts for confirmation screen. */
+    getDisplayAmounts(params: {
+        quote: FunkitCheckoutQuoteResult;
+        /** The user's input in human-readable form (e.g., 15.9) */
+        inputAmount: number;
+        /** Target asset ticker (e.g. "USDC") — used for stablecoin display logic */
+        targetAssetTicker: string;
+    }): QuoteDisplayAmounts;
     /** Whether the confirmation screen can show a dollar amount before the quote resolves */
     hasKnownAmountBeforeQuote(config: {
         targetAssetAmount?: number;
@@ -114,6 +121,7 @@ export interface QuoteBuilder {
         tokenBalanceBaseUnit: Dnum | null;
         frozenUnitPrice: number | null;
         usdAvailableAmount: number | null;
+        maxSendableAmount: Dnum | null;
     }): {
         type: QuickOptionType.SET_TOKEN_AMOUNT;
         tokenAmountBaseUnit: Dnum;

package/dist/domains/swapped.d.ts

@@ -1,4 +1,10 @@
-import type { ExchangeRates, SwappedFormOfPayment } from '@funkit/api-base';
+import { type ExchangeRates, type GetFopsResponse, type SwappedFormOfPayment } from '@funkit/api-base';
+export declare const FOPS_STALE_TIME: number;
+/**
+ * Validates FOPs by checking icon URL, embedded flow URL, and payment group.
+ * Deduplicates generic FOPs whose fopType already appears in saved FOPs.
+ */
+export declare function validateFops(res: GetFopsResponse, logTag: 'useFops' | 'useWithdrawFops'): GetFopsResponse;
 /**
  * Sorts fops by a priority order list (array of fopType strings, index = priority).
  * Fops not in the list are sorted by max checkout limit descending.