@funkit/connect 8.3.0 → 8.4.0-next.1

package/dist/modals/CheckoutModal/ConfirmationStep/useCheckoutConfirmation.d.ts

@@ -9,6 +9,7 @@ export interface CheckoutConfirmationError extends ErrorNotification {
 export declare enum ConfirmationErrorCode {
     QUOTE_EXPIRED = "QUOTE_EXPIRED",
     GENERIC_ERROR = "GENERIC_ERROR",
+    WITHDRAWAL_RATE_LIMIT_EXCEEDED = "WITHDRAWAL_RATE_LIMIT_EXCEEDED",
     RISK_ERROR = "RISK_ERROR",
     SIGNATURE_DENIED = "SIGNATURE_DENIED",
     SWITCH_CHAIN_ERROR = "SWITCH_CHAIN_ERROR",

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

@@ -20,5 +20,6 @@ export declare enum FunCheckoutStep {
     SELECT_BROKERAGE = "select_brokerage",
     CONNECT_EXCHANGE = "connect_exchange",
     BROKERAGE_TWO_FA = "brokerage_two_fa",
-    BROKERAGE_SUCCESS = "brokerage_success"
+    BROKERAGE_SUCCESS = "brokerage_success",
+    SWAPPED_IFRAME = "swapped_iframe"
 }

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

@@ -18,4 +18,4 @@ export type LoadingAccountNext = {
 };
 export declare const LoadingAccountInfo: ModalStepInfo<FunCheckoutStep.LOADING_ACCOUNT>;
 /** A placeholder component to handle redirecting to the checkout history page */
-export declare function LoadingAccount({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.LOADING_ACCOUNT>): React.JSX.Element;
+export declare function LoadingAccount({ modalState, onClose, onNext, }: ModalStepComponentProps<FunCheckoutStep.LOADING_ACCOUNT>): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { type MeldQuote, MeldServiceProvider } from '@funkit/api-base';
+import type { MeldQuote, MeldServiceProvider } from '@funkit/api-base';
 import React from 'react';
 import type { PaymentMethodCardInfo } from '../../../domains/paymentMethods';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';

package/dist/modals/CheckoutModal/SourceChange/ConnectedSource.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type ConnectablePaymentMethodInfo } from '../../../domains/paymentMethods';
+interface ConnectedSourceProps {
+    targetChainId: string;
+    paymentInfo: ConnectablePaymentMethodInfo;
+    selectedPaymentInfo: ConnectablePaymentMethodInfo | null;
+    showSelectedCheckmark?: boolean;
+    onSelect: () => void;
+}
+export declare const ConnectedSource: ({ paymentInfo, targetChainId, selectedPaymentInfo, showSelectedCheckmark, onSelect, }: ConnectedSourceProps) => React.JSX.Element | null;
+export {};

package/dist/modals/CheckoutModal/SourceChange/CryptoCashToggle.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
+import { type BoxProps } from '../../../components/Box/Box';
 import type { PaymentMethodType } from '../../../hooks/usePaymentSources';
 interface CryptoCashToggleProps {
     activeTab: PaymentMethodType;
+    disabled?: boolean;
     onTabChange: (tab: PaymentMethodType) => void;
+    marginTop?: BoxProps['marginTop'];
+    marginBottom?: BoxProps['marginBottom'];
     style?: React.CSSProperties;
 }
-export declare const CryptoCashToggle: ({ activeTab, onTabChange, style, }: CryptoCashToggleProps) => React.JSX.Element;
+export declare const CryptoCashToggle: ({ activeTab, disabled, onTabChange, marginTop, marginBottom, style, }: CryptoCashToggleProps) => React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/SourceChange/FormOfPaymentsList.d.ts

@@ -0,0 +1,10 @@
+import type { FormOfPayment } from '@funkit/api-base';
+import React from 'react';
+interface FormOfPaymentsListProps {
+    fops?: FormOfPayment[];
+    isLoading: boolean;
+    selectedFop?: FormOfPayment | null;
+    onFopSelect: (fop: FormOfPayment) => void;
+}
+export declare function FormOfPaymentsList({ fops, isLoading, selectedFop, onFopSelect, }: FormOfPaymentsListProps): React.JSX.Element;
+export {};

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

@@ -1,8 +1,12 @@
+import { type FormOfPayment } from '@funkit/api-base';
 import React from 'react';
 import { type ConnectablePaymentMethodInfo, PaymentMethod, type PaymentMethodCardInfo, type PaymentMethodVirtualBankIncompleteInfo } from '../../../domains/paymentMethods';
+import { type PaymentMethodType } from '../../../hooks/usePaymentSources';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 export type SourceChangeState = CheckoutModalCommonState & {
     paymentMethodInfo: ConnectablePaymentMethodInfo | null;
+    /** Persisted payment method type filter (crypto/fiat tab) */
+    paymentMethodTypeFilter?: PaymentMethodType;
 };
 export type SourceChangeNext = {
     connectNew: false;
@@ -25,6 +29,12 @@ export type SourceChangeNext = {
 } | {
     brokerageFailed: true;
     paymentMethodInfo: ConnectablePaymentMethodInfo;
+} | {
+    /** Navigate to Swapped iframe with a selected payment option */
+    swappedIframe: true;
+    selectedPaymentOption: FormOfPayment;
+    /** Payment method type filter to restore when returning */
+    paymentMethodTypeFilter: PaymentMethodType;
 };
 export declare const SourceChangeInfo: ModalStepInfo<FunCheckoutStep.SOURCE_CHANGE>;
 export declare function SourceChange({ modalState, onClose, onNext, setModalState, }: ModalStepComponentProps<FunCheckoutStep.SOURCE_CHANGE>): React.JSX.Element;

package/dist/modals/CheckoutModal/SourceChange/SourceChangeLoading.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function SourceChangeLoading({ onClose, }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/modals/CheckoutModal/SourceChange/{DefaultSourceList.d.ts → SourceList.d.ts}

@@ -1,12 +1,12 @@
 import React from 'react';
 import type { ConnectablePaymentMethodInfo, PaymentMethod } from '../../../domains/paymentMethods';
-interface DefaultSourceListProps {
+interface SourceListProps {
     preferred: (ConnectablePaymentMethodInfo | PaymentMethod)[];
     moreSources: (ConnectablePaymentMethodInfo | PaymentMethod)[];
     comingSoon: PaymentMethod[];
-    hasMoreSources: boolean;
+    isFallback: boolean;
     renderSource: (source: ConnectablePaymentMethodInfo | PaymentMethod) => React.ReactNode;
     renderComingSoon: (source: PaymentMethod) => React.ReactNode;
 }
-export declare function DefaultSourceList({ preferred, moreSources, comingSoon, hasMoreSources, renderSource, renderComingSoon, }: DefaultSourceListProps): React.JSX.Element;
+export declare function SourceList({ preferred, moreSources, comingSoon, isFallback, renderSource, renderComingSoon, }: SourceListProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/SourceChange/sourceChange.css.d.ts

@@ -1,3 +1,4 @@
 export declare const WITH_EMPTY_STATE_DATA_ATTRIBUTE = "data-with-empty-state";
 export declare const emptyStateStyles: string;
-export declare const fanaticsSourceChangeContainer: string;
+export declare const sourceListBoxStyles: string;
+export declare const sourceListCompactBoxStyles: string;

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

@@ -0,0 +1,16 @@
+import type { FormOfPayment } from '@funkit/api-base';
+import React from 'react';
+import type { PaymentMethodType } from '../../../hooks/usePaymentSources';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../../../modals/CheckoutModal/stepTransition';
+export type SwappedIframeState = CheckoutModalCommonState & {
+    /** The selected payment option from the fops API */
+    selectedPaymentOption: FormOfPayment;
+    /** Payment method type filter to restore when returning to SOURCE_CHANGE */
+    paymentMethodTypeFilter?: PaymentMethodType;
+};
+export type SwappedIframeNext = {
+    success?: boolean;
+};
+export declare const SwappedIframeInfo: ModalStepInfo<FunCheckoutStep.SWAPPED_IFRAME>;
+declare function SwappedIframe({ modalState, onNext, onBack, }: ModalStepComponentProps<FunCheckoutStep.SWAPPED_IFRAME>): React.JSX.Element;
+export default SwappedIframe;

package/dist/modals/CheckoutModal/SwappedIframe/index.d.ts

@@ -0,0 +1 @@
+export { default as SwappedIframe, SwappedIframeInfo, type SwappedIframeNext, type SwappedIframeState, } from './SwappedIframe';

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

@@ -21,6 +21,7 @@ import { type MeldQuotesNext, type MeldQuotesState } from './MeldQuotes/MeldQuot
 import { type MeldRedirectNext, type MeldRedirectState } from './MeldRedirect/MeldRedirect';
 import { type SelectAssetNext, type SelectAssetState } from './SelectAsset/SelectAsset';
 import { type SourceChangeNext, type SourceChangeState } from './SourceChange/SourceChange';
+import { type SwappedIframeNext, type SwappedIframeState } from './SwappedIframe';
 import { type TransferTokenNext, type TransferTokenState } from './TransferToken/TransferToken';
 import { type FiatAccountDetailNext, type FiatAccountDetailState } from './VirtualFiatAccount/FiatAccountDetail';
 import { type KycIframeNext, type KycIframeState } from './VirtualFiatAccount/KycIframe';
@@ -60,6 +61,8 @@ export type ModalStepInfo<S extends FunCheckoutStep> = {
     disableBack?: (info: ModalStepInput<S>) => boolean;
     /** Hides the close button in the Dialog Title element */
     hideClose?: (startingStep?: FunCheckoutStartingStep) => boolean;
+    /** Hides the entire topbar including back button, close button, and title */
+    hideTopbar?: () => boolean;
     onBack?(state: CheckoutModalState<S>, prevState: CheckoutModalState): CheckoutModalState;
     onNext(state: CheckoutModalState<S>, payload: NextPayload<S>): CheckoutModalState;
     showFullHeight?: boolean;
@@ -95,6 +98,7 @@ export type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
         [FunCheckoutStep.CONNECT_EXCHANGE]: ConnectExchangeState;
         [FunCheckoutStep.BROKERAGE_TWO_FA]: BrokerageTwoFAState;
         [FunCheckoutStep.BROKERAGE_SUCCESS]: BrokerageSuccessState;
+        [FunCheckoutStep.SWAPPED_IFRAME]: SwappedIframeState;
     }[T] & {
         step: T;
         previousStep?: FunCheckoutStep | null;
@@ -123,6 +127,7 @@ export type NextPayload<S extends FunCheckoutStep = FunCheckoutStep> = {
     [FunCheckoutStep.CONNECT_EXCHANGE]: ConnectExchangeNext;
     [FunCheckoutStep.BROKERAGE_TWO_FA]: BrokerageTwoFANext;
     [FunCheckoutStep.BROKERAGE_SUCCESS]: null;
+    [FunCheckoutStep.SWAPPED_IFRAME]: SwappedIframeNext;
 }[S] & {
     /** Whether screen transition should change direction to simulate back transition. Only applies if there is a history entry in the stack*/
     reverseAnimation?: boolean;
@@ -145,10 +150,12 @@ export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveChe
     onStepChange: (nextState: CheckoutModalState) => void;
     setModalState: import("react").Dispatch<SetStateAction<CheckoutModalState<FunCheckoutStep>>>;
     hasHistoryEntry: boolean;
+    isStepReady: boolean;
 };
 export declare function useTitleConfig<S extends FunCheckoutStep>(checkoutItem: FunkitActiveCheckoutItem, state: CheckoutModalState<S>): {
     disableBack: boolean;
     hideClose: boolean;
+    hideTopbar: boolean;
     showFullHeight: boolean;
     title: string;
 };

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

@@ -33,6 +33,7 @@ interface FunkitCheckoutContextInterface {
     withdrawalItem: FunkitActiveWithdrawalItem | null;
     initNewWithdrawal(initSettings: Partial<UseFunkitCheckoutPropsWithFullConfig>, config: UseFunkitCheckoutPropsWithFullConfig): string;
     updateWithdrawalSourceAssetAmount(newSourceAmount: number): void;
+    resetForNewWithdrawal(): void;
     applyDynamicRouting(path: Omit<DynamicRoutePath, 'getCustomRecipient' | 'generateActionsParams'> & {
         customRecipient?: FunkitCheckoutConfig['customRecipient'];
         generateActionsParams?: FunkitCheckoutConfig['generateActionsParams'];

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

@@ -23,6 +23,7 @@ export interface DynamicTargetAssetCandidate extends TokenInfo {
      * 1 USDT can be exchanged for 1.01 hbUSDT.
      */
     stakingTokenRate?: number;
+    dynamicRoutingId?: string;
 }
 export declare enum FunCheckoutStartingStep {
     SOURCE_CHANGE = "source_change",

package/dist/providers/FunkitConfigContext.d.ts

@@ -177,6 +177,8 @@ export interface FunkitUiCustomizationsConfig {
             /** Translation key for label - defaults to `'common.close'` */
             labelKey?: 'sourceChange.exploreMarketsFirst' | 'common.close';
         };
+        /** Whether to show the crypto/cash toggle - defaults to false */
+        showCryptoCashToggle?: boolean;
         /** Whether to show target asset selection menu if dynamicTargetAssetCandidates exist - defaults to false */
         showTargetAssetSelection?: boolean;
         /** Whether to show wallet option when balance is insufficient - defaults to false (hides wallet) */

package/dist/providers/FunkitThemeProvider.d.ts

@@ -140,9 +140,11 @@ export declare const useActiveTheme: () => {
             txSummaryBoxBackground: string;
             txSummaryBoxBorder: string;
             counterRingColor: string;
+            cryptoCashToggleContainerBorderColor: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
+            cryptoCashToggleIconSize: string;
             dollarValueSkeletonHeight: string;
             dollarValueSkeletonWidth: string;
             inputAmountQuickOptionButtonHeight: string;
@@ -153,6 +155,7 @@ export declare const useActiveTheme: () => {
             paymentAmountSkeletonBlockHeight: string;
             paymentAmountSkeletonBlockWidth: string;
             paymentAmountSkeletonCircleSize: string;
+            paymentMethodItemIconSize: string;
             selectAssetItemIconSize: string;
             txBreakdownSkeletonWidth: string;
             txSummaryLineSkeletonHeight: string;
@@ -175,6 +178,7 @@ export declare const useActiveTheme: () => {
             semibold: string;
             bold: string;
             heavy: string;
+            cryptoCashToggle: string;
             inputAmount: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
@@ -188,6 +192,7 @@ export declare const useActiveTheme: () => {
             txStatusTitle: string;
             txSummaryLabel: string;
             txSummaryValue: string;
+            sourceListSectionLabelFontWeight: string;
         };
         fontSize: {
             '10': {
@@ -234,6 +239,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            cryptoCashToggle: {
+                fontSize: string;
+                lineHeight: string;
+            };
             'header-14': {
                 fontSize: string;
                 lineHeight: string;
@@ -334,6 +343,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            sourceListSectionLabelFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -357,6 +370,7 @@ export declare const useActiveTheme: () => {
         borderWidths: {
             activeOptionBorderWidth: string;
             buttonTertiaryBorderWidth: string;
+            cryptoCashToggleContainerBorderWidth: string;
             txSummaryBoxBorderWidth: string;
         };
         shadows: {
@@ -388,11 +402,16 @@ export declare const useActiveTheme: () => {
         spacing: {
             confirmationStepMarginTop: string;
             confirmationStepVerticalGap: string;
+            cryptoCashToggleContainerPadding: string;
+            cryptoCashToggleMarginBottom: string;
+            cryptoCashToggleMarginTop: string;
+            cryptoCashToggleTabPaddingY: string;
             modalBaseHorizontalPadding: string;
             modalBottomHorizontalPadding: string;
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
+            modalBottomBarButtonPaddingY: string;
             selectAssetItemPaddingX: string;
             selectAssetItemPaddingY: string;
             selectAssetItemTextGap: string;
@@ -405,6 +424,8 @@ export declare const useActiveTheme: () => {
             txSummaryLineItemPadding: string;
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
+            youPayYouReceivePaddingLeft: string;
+            youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
         };
         textTransforms: {
@@ -545,9 +566,11 @@ export declare const useActiveTheme: () => {
             txSummaryBoxBackground: string;
             txSummaryBoxBorder: string;
             counterRingColor: string;
+            cryptoCashToggleContainerBorderColor: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
+            cryptoCashToggleIconSize: string;
             dollarValueSkeletonHeight: string;
             dollarValueSkeletonWidth: string;
             inputAmountQuickOptionButtonHeight: string;
@@ -558,6 +581,7 @@ export declare const useActiveTheme: () => {
             paymentAmountSkeletonBlockHeight: string;
             paymentAmountSkeletonBlockWidth: string;
             paymentAmountSkeletonCircleSize: string;
+            paymentMethodItemIconSize: string;
             selectAssetItemIconSize: string;
             txBreakdownSkeletonWidth: string;
             txSummaryLineSkeletonHeight: string;
@@ -580,6 +604,7 @@ export declare const useActiveTheme: () => {
             semibold: string;
             bold: string;
             heavy: string;
+            cryptoCashToggle: string;
             inputAmount: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
@@ -593,6 +618,7 @@ export declare const useActiveTheme: () => {
             txStatusTitle: string;
             txSummaryLabel: string;
             txSummaryValue: string;
+            sourceListSectionLabelFontWeight: string;
         };
         fontSize: {
             '10': {
@@ -639,6 +665,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            cryptoCashToggle: {
+                fontSize: string;
+                lineHeight: string;
+            };
             'header-14': {
                 fontSize: string;
                 lineHeight: string;
@@ -739,6 +769,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            sourceListSectionLabelFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -762,6 +796,7 @@ export declare const useActiveTheme: () => {
         borderWidths: {
             activeOptionBorderWidth: string;
             buttonTertiaryBorderWidth: string;
+            cryptoCashToggleContainerBorderWidth: string;
             txSummaryBoxBorderWidth: string;
         };
         shadows: {
@@ -793,11 +828,16 @@ export declare const useActiveTheme: () => {
         spacing: {
             confirmationStepMarginTop: string;
             confirmationStepVerticalGap: string;
+            cryptoCashToggleContainerPadding: string;
+            cryptoCashToggleMarginBottom: string;
+            cryptoCashToggleMarginTop: string;
+            cryptoCashToggleTabPaddingY: string;
             modalBaseHorizontalPadding: string;
             modalBottomHorizontalPadding: string;
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
+            modalBottomBarButtonPaddingY: string;
             selectAssetItemPaddingX: string;
             selectAssetItemPaddingY: string;
             selectAssetItemTextGap: string;
@@ -810,6 +850,8 @@ export declare const useActiveTheme: () => {
             txSummaryLineItemPadding: string;
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
+            youPayYouReceivePaddingLeft: string;
+            youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
         };
         textTransforms: {
@@ -948,9 +990,11 @@ export declare const useActiveTheme: () => {
             txSummaryBoxBackground: string;
             txSummaryBoxBorder: string;
             counterRingColor: string;
+            cryptoCashToggleContainerBorderColor: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
+            cryptoCashToggleIconSize: string;
             dollarValueSkeletonHeight: string;
             dollarValueSkeletonWidth: string;
             inputAmountQuickOptionButtonHeight: string;
@@ -961,6 +1005,7 @@ export declare const useActiveTheme: () => {
             paymentAmountSkeletonBlockHeight: string;
             paymentAmountSkeletonBlockWidth: string;
             paymentAmountSkeletonCircleSize: string;
+            paymentMethodItemIconSize: string;
             selectAssetItemIconSize: string;
             txBreakdownSkeletonWidth: string;
             txSummaryLineSkeletonHeight: string;
@@ -983,6 +1028,7 @@ export declare const useActiveTheme: () => {
             semibold: string;
             bold: string;
             heavy: string;
+            cryptoCashToggle: string;
             inputAmount: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
@@ -996,6 +1042,7 @@ export declare const useActiveTheme: () => {
             txStatusTitle: string;
             txSummaryLabel: string;
             txSummaryValue: string;
+            sourceListSectionLabelFontWeight: string;
         };
         fontSize: {
             '10': {
@@ -1042,6 +1089,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            cryptoCashToggle: {
+                fontSize: string;
+                lineHeight: string;
+            };
             'header-14': {
                 fontSize: string;
                 lineHeight: string;
@@ -1142,6 +1193,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            sourceListSectionLabelFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -1165,6 +1220,7 @@ export declare const useActiveTheme: () => {
         borderWidths: {
             activeOptionBorderWidth: string;
             buttonTertiaryBorderWidth: string;
+            cryptoCashToggleContainerBorderWidth: string;
             txSummaryBoxBorderWidth: string;
         };
         shadows: {
@@ -1196,11 +1252,16 @@ export declare const useActiveTheme: () => {
         spacing: {
             confirmationStepMarginTop: string;
             confirmationStepVerticalGap: string;
+            cryptoCashToggleContainerPadding: string;
+            cryptoCashToggleMarginBottom: string;
+            cryptoCashToggleMarginTop: string;
+            cryptoCashToggleTabPaddingY: string;
             modalBaseHorizontalPadding: string;
             modalBottomHorizontalPadding: string;
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
+            modalBottomBarButtonPaddingY: string;
             selectAssetItemPaddingX: string;
             selectAssetItemPaddingY: string;
             selectAssetItemTextGap: string;
@@ -1213,6 +1274,8 @@ export declare const useActiveTheme: () => {
             txSummaryLineItemPadding: string;
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
+            youPayYouReceivePaddingLeft: string;
+            youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
         };
         textTransforms: {

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-A24XIU2M.js";
+} from "../chunk-UE3P6YHW.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-GRQP5R23.js";
-import "../chunk-A24XIU2M.js";
+} from "../chunk-YUWSE22N.js";
+import "../chunk-UE3P6YHW.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-CMS4F5PL.js";
-import "../chunk-A24XIU2M.js";
+} from "../chunk-XX5CVGHN.js";
+import "../chunk-UE3P6YHW.js";
 export {
   lightTheme
 };

package/dist/utils/across.d.ts

@@ -0,0 +1,5 @@
+import type { CheckoutQuoteResponse } from '@funkit/utils';
+export declare const ACROSS_TIME_ESTIMATE_SECONDS = 180;
+export declare const ACROSS_DELAYED_AUTO_TRIGGER_CUTOFF: number;
+/** Whether the quote was routed through the Across bridge (e.g. CCTP) */
+export declare function isAcrossRoute(metadata: CheckoutQuoteResponse['metadata'] | undefined): boolean;

package/dist/utils/depositCutoff.d.ts

@@ -0,0 +1,9 @@
+import type { CheckoutQuoteResponse } from '@funkit/utils';
+import type { FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
+export declare const DEFAULT_TX_DELAYED_CUTOFF = 60;
+/**
+ * Returns the delayed auto trigger cutoff (in seconds) for slow deposits.
+ * Handles Lighter L1, LayerZero OFT, and Across (CCTP) routes.
+ * Falls back to {@link DEFAULT_TX_DELAYED_CUTOFF} for standard deposits.
+ */
+export declare function getSlowDepositDelayedCutoff(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined, metadata?: CheckoutQuoteResponse['metadata']): number;

package/dist/utils/directExecution.d.ts

@@ -3,6 +3,22 @@ import type { WalletClient } from 'viem';
 export declare function getDirectExecutionCreatedTimeMs(directExecution: DirectExecution): number;
 export declare function getDirectExecutionUpdatedTimeMs(directExecution: DirectExecution): number;
 export declare function getDirectExecutionRunTimeSeconds(directExecution: DirectExecution): number;
+/**
+ * Resolves the completion transaction chain, hash, and explorer URL for a direct execution.
+ *
+ * Chain resolution: if LayerZero OFT data is present, use the LZ destination chain;
+ * otherwise fall back to the DE's toChainId.
+ *
+ * Hash resolution: for Lighter L1 deposits (new user flow where toChainId is NOT Lighter),
+ * the completion explorer should point to Lighter using lighterExecutionStatusResponse.hash.
+ * For the existing user flow (toChainId IS Lighter), relay already puts the correct
+ * Lighter hash into listenerInfo.txHashes, so the default path works.
+ */
+export declare function getCompletionTxInfo(directExecution: DirectExecution): {
+    chainId: string;
+    txHash: string | undefined;
+    customRedirectUrl: string | undefined;
+};
 export declare function supportsAtomicBatch(wallet: WalletClient, chainId: number): Promise<boolean>;
 /**
  * Returns a proxied wallet with getCapabilities patched to disable atomic batch support.

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

@@ -205,7 +205,7 @@ export declare const flagConfig: {
             readonly if_any: [{
                 readonly key: "apiKey";
                 readonly type: "isAnyOf";
-                readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "USyZhcp7kB2mMsbRsaHDs3i52cE6srZw8KD8jZd0", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "di9ZSqn1Ya68Y2XpBPUV1rCtNGXh8Xe5MGWzb1Xe", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
+                readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "USyZhcp7kB2mMsbRsaHDs3i52cE6srZw8KD8jZd0", "vte0gvTFGH7hPyPED46oV8TyJlyE8p6D7Q73TSx0", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "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", "Tkp90bAf246UQXfou5uHY9UHN7AUV6xK1tgEWKke", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "USyZhcp7kB2mMsbRsaHDs3i52cE6srZw8KD8jZd0", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "TY2G63jFfd7H29aHiJIzg5RqdXNdog2Q5jgb8tr7", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
+                readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "Tkp90bAf246UQXfou5uHY9UHN7AUV6xK1tgEWKke", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "USyZhcp7kB2mMsbRsaHDs3i52cE6srZw8KD8jZd0", "vte0gvTFGH7hPyPED46oV8TyJlyE8p6D7Q73TSx0", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "TY2G63jFfd7H29aHiJIzg5RqdXNdog2Q5jgb8tr7", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
             }];
             readonly value: true;
         }, {

package/dist/utils/lighter.d.ts

@@ -1,6 +1,6 @@
 import { type Address } from 'viem';
 export declare const LIGHTER_DEPOSIT_ADDRESS: Address;
-export declare const LIGHTER_NATIVE_FLOW_TIME_ESTIMATE_SECONDS: number;
+export declare const LIGHTER_SLOW_DEPOSIT_TIME_ESTIMATE_SECONDS: number;
 export declare const LIGHTER_DELAYED_AUTO_TRIGGER_CUTOFF: number;
 export declare const LIGHTER_DYNAMIC_ROUTING_ID: {
     ETH_SPOT: string;
@@ -14,5 +14,3 @@ export declare const LIGHTER_DYNAMIC_ROUTING_ID: {
     LDO_SPOT_NEW_USER: string;
     LIT_SPOT_NEW_USER: string;
 };
-export declare const getLighterRoutingIdByTokenAddress: (address: Address) => string | undefined;
-export declare const getLighterTokenAddressByRoutingId: (id: string) => Address | undefined;

package/dist/utils/sanitizeHtml.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Sanitizes a CSS string for injection into a `<style>` tag.
+ * Prevents breakout from the style element via `</style>` injection.
+ * This is defense-in-depth — cssStringFromTheme already strips
+ * `<`, `>`, `/` from theme values.
+ */
+export declare function sanitizeCssStyleContent(css: string): string;

package/dist/utils/sanitizeUrl.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Validates that a URL uses a safe protocol (http: or https:) and
+ * returns it, or returns undefined if the URL is invalid/unsafe.
+ */
+export declare function sanitizeUrl(url: string | undefined | null): string | undefined;
+/**
+ * Sanitizes a URL for use in CSS url() context by validating the protocol
+ * and percent-encoding characters that could break out of url('...').
+ */
+export declare function sanitizeCssUrl(url: string | undefined | null): string | undefined;

package/dist/utils/tokenIconUrl.d.ts

@@ -1,2 +1,2 @@
 import type { DynamicTargetAssetCandidate } from '../providers/FunkitCheckoutContext';
-export declare const getTokenIconUrl: (symbol: string, tokens?: DynamicTargetAssetCandidate[]) => string | undefined;
+export declare const getTokenIconUrl: (symbol: string, tokens?: DynamicTargetAssetCandidate[]) => string;