@funkit/connect 8.4.0 → 8.6.0

package/dist/components/Box/Box.d.ts

@@ -53,8 +53,8 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
-    readonly fontSize?: "inherit" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "transferTokenLabelFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | undefined;
-    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "transferTokenLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "sourceListSectionLabelFontWeight" | undefined;
+    readonly fontSize?: "inherit" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "transferTokenLabelFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | "formOfPaymentsListSectionLabelFontSize" | undefined;
+    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "transferTokenLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "sourceListSectionLabelFontWeight" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
     readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "modalBottomBarButtonPaddingY" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
     readonly height?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;

package/dist/components/ConnectButton/abbreviateETHBalance.d.ts

@@ -1,2 +1 @@
-export declare function toPrecision(number: number, precision?: number): string;
 export declare function abbreviateETHBalance(number: number): string;

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

@@ -1,7 +1,6 @@
 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/FunNotification/FunNotification.d.ts

@@ -7,7 +7,7 @@ interface FunNotificationProps {
     isVisible?: boolean;
     testId?: string;
 }
-export type FunNotificationType = 'default' | 'error' | 'warning' | 'hint';
+export type FunNotificationType = 'default' | 'error' | 'warning' | 'hint' | 'warningAlert';
 export interface ErrorNotification {
     message: ReactNode;
     type: FunNotificationType;
@@ -16,5 +16,5 @@ export interface ErrorNotification {
  * A notification/message component with height resizing animation.
  * Control visibility by enabling/disabling `isVisible` prop instead of doing an outer conditional rendering.
  */
-export declare function FunNotification({ type, description, actionText, onAction, isVisible: isVisibleProps, testId, }: FunNotificationProps): React.JSX.Element;
+export declare function FunNotification({ type, description, actionText, onAction, isVisible: isVisibleProps, testId, }: FunNotificationProps): React.JSX.Element | null;
 export {};

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

@@ -1,4 +1,4 @@
-import { type FormOfPayment } from '@funkit/api-base';
+import { type SwappedFormOfPayment } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
 import { type FunkitPaymentMethodIconsConfig } from '../../providers/FunkitConfigContext';
 import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
@@ -57,7 +57,8 @@ export declare function PayPalPaymentMethodItem({ isActive, isClickable, onClick
 /**
  * Payment method item for a Form of Payment from the fops API (Swapped providers)
  */
-export declare function FopPaymentMethodItem({ fop, isActive, onClick, testId, }: BasePaymentMethodItemProps & {
-    fop: FormOfPayment;
+export declare function FopPaymentMethodItem({ fop, isActive, onClick, testId, disclaimerLimit, }: BasePaymentMethodItemProps & {
+    fop: SwappedFormOfPayment;
+    disclaimerLimit: string;
 }): React.JSX.Element;
 export {};

package/dist/components/Icons/{New/BlueCircularWalletIcon.d.ts → FunWarningIcon.d.ts}

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

package/dist/components/ModalHeightAnimationLayer/ModalHeightAnimationLayer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ModalHeightAnimationLayerProps {
+    children: React.ReactNode;
+    permittedHeight: number;
+}
+export declare function ModalHeightAnimationLayer({ children, permittedHeight, }: ModalHeightAnimationLayerProps): React.JSX.Element;
+export {};

package/dist/components/ModalHeightAnimationLayer/WithdrawalModalHeightAnimationWrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WithdrawalModalStep } from '../../modals/WithdrwalModal/types';
+interface WithdrawalModalHeightAnimationWrapperProps {
+    children: React.ReactNode;
+    withdrawalStep: WithdrawalModalStep;
+}
+export declare function WithdrawalModalHeightAnimationWrapper({ children, withdrawalStep, }: WithdrawalModalHeightAnimationWrapperProps): React.JSX.Element;
+export {};

package/dist/css/sprinkles.css.d.ts

@@ -180,6 +180,7 @@ declare const themeContractValues: {
         txSummaryLabel: string;
         txSummaryValue: string;
         sourceListSectionLabelFontWeight: string;
+        formOfPaymentsListSectionLabelFontWeight: string;
     };
     fontSize: {
         '10': {
@@ -334,6 +335,10 @@ declare const themeContractValues: {
             fontSize: string;
             lineHeight: string;
         };
+        formOfPaymentsListSectionLabelFontSize: {
+            fontSize: string;
+            lineHeight: string;
+        };
     };
     radii: {
         actionButton: string;
@@ -424,6 +429,7 @@ declare const themeContractValues: {
         modalOverlay: string;
     };
     moonpayTheme: string;
+    modalZIndex: string;
 };
 export declare const validColorNames: string[];
 export type ThemeVars = typeof themeContractValues;
@@ -607,6 +613,7 @@ export declare const themeVars: {
         txSummaryLabel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         txSummaryValue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         sourceListSectionLabelFontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        formOfPaymentsListSectionLabelFontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     fontSize: {
         '10': {
@@ -761,6 +768,10 @@ export declare const themeVars: {
             fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        formOfPaymentsListSectionLabelFontSize: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
     };
     radii: {
         actionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -851,6 +862,7 @@ export declare const themeVars: {
         modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     moonpayTheme: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    modalZIndex: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 export declare const largeScreenMinWidth = 768;
 declare const responsiveProperties: {
@@ -1100,8 +1112,8 @@ export declare const sprinkles: ((props: {
     readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
-    readonly fontSize?: "inherit" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "transferTokenLabelFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | undefined;
-    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "transferTokenLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "sourceListSectionLabelFontWeight" | undefined;
+    readonly fontSize?: "inherit" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "transferTokenLabelFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | "dropdownItemFontSize" | "sourceListSectionLabelFontSize" | "formOfPaymentsListSectionLabelFontSize" | undefined;
+    readonly fontWeight?: "inherit" | "medium" | "bold" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "cryptoCashToggle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "transferTokenLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "sourceListSectionLabelFontWeight" | "formOfPaymentsListSectionLabelFontWeight" | undefined;
     readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "cryptoCashToggleContainerPadding" | "cryptoCashToggleMarginBottom" | "cryptoCashToggleMarginTop" | "cryptoCashToggleTabPaddingY" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "modalBottomBarButtonPaddingY" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "verticalSectionGap" | "youPayYouReceivePaddingLeft" | "youPayYouReceivePaddingRight" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
     readonly height?: "1" | "connectExchangeIconSize" | "cryptoCashToggleIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalBottomBarCloseButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "paymentMethodItemIconSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "300" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;

package/dist/domains/swapped.d.ts

@@ -0,0 +1,7 @@
+import type { ExchangeRates, SwappedFormOfPayment } from '@funkit/api-base';
+export declare function sortFops<T extends SwappedFormOfPayment>(fops: T[]): T[];
+/**
+ * Get the limit for a given form of payment in USD.
+ * Backend returns min/max in Euros - we convert to USD and round down to the nearest $100
+ */
+export declare function getFopsLimit(fop: SwappedFormOfPayment, exchangeRates: ExchangeRates | undefined, defaultMaxLimit?: string): string;

package/dist/domains/wallet.d.ts

@@ -1,4 +1,3 @@
-import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
 export interface AssetHoldingsItem {
     iconSrc: string | undefined;
     symbol: string;
@@ -25,9 +24,3 @@ export declare function getTotalAssetBalance(assets: AssetHoldingsMap): number;
 export declare const isPolygonEcosystemToken: (chainId: string, tokenAddress: string) => boolean;
 export declare const L2_COST_MARGIN_MULTIPLIER = 1.2;
 export declare const ASSETS_LOW_VALUE_THRESHOLD = 0.1;
-type RecommendedAsset = {
-    chainSymbolKey: string;
-    label: string | null;
-};
-export declare const getRecommendedAsset: (checkoutItem: FunkitActiveCheckoutItem, accountHoldings: KnownAssetHoldingsItem[]) => RecommendedAsset | null;
-export {};

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

@@ -1,4 +1,3 @@
-import { type GetFopsResponse } from '@funkit/api-base';
 export interface UseFopsParams {
     /** User's email for Swapped integration */
     email?: string;
@@ -14,4 +13,205 @@ export interface UseFopsParams {
  * @param params - Optional parameters including email, enabled state, and themeConfig
  * @returns Query result with genericFormsOfPayments and savedFormsOfPayments
  */
-export declare const useFops: ({ enabled, themeConfig, }?: UseFopsParams) => import("@tanstack/react-query").UseQueryResult<GetFopsResponse, Error>;
+export declare const useFops: ({ enabled, themeConfig, }?: UseFopsParams) => {
+    isLoading: boolean;
+    data: {
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    };
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }>;
+} | {
+    isLoading: boolean;
+    data: {
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    };
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }>;
+} | {
+    isLoading: boolean;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }>;
+} | {
+    isLoading: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }>;
+} | {
+    isLoading: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }>;
+} | {
+    isLoading: boolean;
+    data: {
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    };
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];
+        savedFormsOfPayments: import("@funkit/api-base").SavedFormOfPayment[];
+    }>;
+};

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

@@ -31,6 +31,7 @@ export declare enum CheckoutModalEvent {
     READY_SOURCE_CHANGE = "fc::ready::source_change",
     READY_TRANSFER_TOKEN = "fc::ready::transfer_token",
     READY_LOADING_ACCOUNT = "fc::ready::loading_account",
+    READY_SWAPPED_IFRAME = "fc::ready::swapped_iframe",
     QUERY_FROG_SUB_ACCOUNTS = "fc::query::frog_sub_accounts",
     QUERY_UDA_ADDRESS = "fc::query::uda_address",
     QUERY_WALLET_ASSETS = "fc::query::wallet_assets",
@@ -41,5 +42,9 @@ export declare enum CheckoutModalEvent {
     ACCOUNT_BALANCE_SUCCESS = "fc::success::account_balance",
     TOKEN_TRANSFER_SUCCESS = "fc::success::token_transfer",
     BLUVO_WITHDRAWAL_COMPLETED = "fc::success::bluvo_withdrawal_completed",
-    QUICK_OPTION_SELECTED = "fc::input_amount::quick_option_selected"
+    QUICK_OPTION_SELECTED = "fc::input_amount::quick_option_selected",
+    SWAPPED_IFRAME_NAVIGATION = "fc::swapped_iframe::navigation",
+    SWAPPED_IFRAME_COMPLETE = "fc::swapped_iframe::complete",
+    SWAPPED_IFRAME_ERROR = "fc::swapped_iframe::error",
+    SWAPPED_IFRAME_EXIT = "fc::swapped_iframe::exit"
 }

package/dist/hooks/useCheckoutDirectExecution.d.ts

@@ -7,6 +7,7 @@ import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams } from '../pr
 import type { WithdrawalClient } from '../wallets/Wallet';
 interface DirectExecutionQuoteRequestParamsBase {
     actionParams: FunkitCheckoutActionParams[];
+    bridgeOverride?: 'across' | 'relay';
     fromChainId: string;
     fromTokenAddress: Address;
     isExactIn?: boolean;

package/dist/hooks/useCheckoutTransferInit.d.ts

@@ -4,6 +4,7 @@ import { type UDAConfig } from './useUDAParams';
 interface UseCheckoutTransferInitResponse {
     transferInit: CheckoutInitTokenTransferResponse | undefined;
     recipientAddr: FunAddress;
+    isLoading: boolean;
 }
 type CheckoutTokenTransferParams = Omit<CheckoutInitTokenTransferAddressParams, 'logger' | 'clientMetadata'>;
 export declare function checkoutTransferFetch(params: CheckoutTokenTransferParams): Promise<CheckoutInitTokenTransferResponse>;

package/dist/hooks/usePaymentSources.d.ts

@@ -1,12 +1,13 @@
 import { type ConnectablePaymentMethodInfo, PaymentMethod } from '../domains/paymentMethods';
 export declare function usePaymentMethodEnablement(): {
+    isSwappedEnabled: false;
     isFiatEnabled: boolean;
     isTokenTransferEnabled: boolean;
     isMeldEnabled: boolean;
-    isBrokerageEnabled: false;
+    isBrokerageEnabled: boolean;
 };
 export type PaymentMethodType = 'crypto' | 'fiat';
-export declare const usePaymentSources: (currentPaymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string, type?: PaymentMethodType) => {
+export declare const usePaymentSources: (currentPaymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string) => {
     isFallback: boolean;
     preferred: PaymentMethod[] | (import("../domains/paymentMethods").PaymentMethodBrokerageInfo | import("../domains/paymentMethods").PaymentMethodAccountInfo | import("../domains/paymentMethods").PaymentMethodVirtualBankInfo)[];
     moreSources: PaymentMethod[];