@funkit/connect 8.4.0 → 8.5.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/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';
@@ -58,6 +58,6 @@ 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;
+    fop: SwappedFormOfPayment;
 }): 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;
@@ -607,6 +612,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 +767,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})`;
@@ -1100,8 +1110,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/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/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[];