@funkit/connect 9.2.1 → 9.3.1

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

@@ -1,6 +1,8 @@
 export declare const WITH_EMPTY_STATE_DATA_ATTRIBUTE = "data-with-empty-state";
 export declare const emptyStateStyles: string;
 export declare const sourceListBoxStyles: string;
+export declare const sourceListGroupContainerStyles: string;
+export declare const sourceListGroupContainerNoLabelsStyles: string;
 export declare const sourceListCompactBoxStyles: string;
 export declare const removeBottomPaddingFromSurroundingDialog: string;
 export declare const paymentMethodStaticArea: string;

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

@@ -1,16 +1,3 @@
-import type { SwappedFormOfPayment } 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: SwappedFormOfPayment;
-    /** 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, onClose, }: ModalStepComponentProps<FunCheckoutStep.SWAPPED_IFRAME>): React.JSX.Element;
-export default SwappedIframe;
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element | null>;
+export default _default;

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

@@ -0,0 +1,15 @@
+import type { SwappedFormOfPayment } 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: SwappedFormOfPayment;
+    /** 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>;
+export declare function SwappedIframeContainer({ modalState, onNext, onBack, onClose, }: ModalStepComponentProps<FunCheckoutStep.SWAPPED_IFRAME>): React.JSX.Element;

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

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

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

@@ -16,13 +16,13 @@ export interface DynamicTargetAssetCandidate extends TokenInfo {
     badgeText?: string;
     targetAssetMinAmount?: number;
     /**
-     * Exchange rate of the target asset in terms of the staking token.
-     * Represents how many staking tokens one unit of the target asset can be exchanged for.
+     * Exchange rate of the target asset in terms of the finalized token.
+     * Represents how many finalized tokens one unit of the target asset can be exchanged for.
      *
-     * Example: If `targetAsset`/`stakingToken` is USDT/hbUSDT and the rate is 1.01,
+     * Example: If `targetAsset`/`finalizedToken` is USDT/hbUSDT and the rate is 1.01,
      * 1 USDT can be exchanged for 1.01 hbUSDT.
      */
-    stakingTokenRate?: number;
+    finalizedTokenRate?: number;
     dynamicRoutingId?: string;
 }
 export declare enum FunCheckoutStartingStep {
@@ -74,7 +74,7 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
      * to specify the onchain action to execute after deposit */
     qrcodeActionType?: string;
     /** set this if you want enable vault like deposit*/
-    stakingToken?: DynamicTargetAssetCandidate;
+    finalizedToken?: DynamicTargetAssetCandidate;
     /**
      * For dynamic routing, the id of the dynamic route to use
      */

package/dist/providers/FunkitConfigContext.d.ts

@@ -87,6 +87,8 @@ export interface FunkitUiCustomizationsConfig {
     alignTitle?: 'left' | 'center';
     /** Always shows checkout modal top divider even if content cannot scroll - defaults to `false` */
     alwaysShowTopDivider?: boolean;
+    /** Whether to show modal title in topbars - defaults to true */
+    showModalTitle?: boolean;
     /** Whether to show CTA in uppercase - defaults to false */
     callToActionsUppercase?: boolean;
     /** Whether to enable compact list style for option boxes - defaults to false */
@@ -152,6 +154,10 @@ export interface FunkitUiCustomizationsConfig {
         /** Function that returns a custom React component to render before other UIs in the transfer crypto screen */
         customTopComponent?: () => ReactNode;
     };
+    withdrawalScreen?: {
+        /** Function that returns a custom React component to render before other UIs in the withdrawal amount screen */
+        customTopComponent?: () => ReactNode;
+    };
     selectBrokerageScreen?: {
         /** Function that returns a custom React component to render before other UIs in the select brokerage screen */
         customTopComponent?: () => ReactNode;
@@ -217,6 +223,7 @@ export type FunkitUiCustomizationsConfigInternal = Required<FunkitUiCustomizatio
     inputAmountScreen: Required<FunkitUiCustomizationsConfig['inputAmountScreen'] & {}>;
     selectAssetScreen: RequiredExceptCustomComponents<FunkitUiCustomizationsConfig['selectAssetScreen']>;
     transferCryptoScreen: RequiredExceptCustomComponents<FunkitUiCustomizationsConfig['transferCryptoScreen']>;
+    withdrawalScreen: RequiredExceptCustomComponents<FunkitUiCustomizationsConfig['withdrawalScreen']>;
     selectBrokerageScreen: RequiredExceptCustomComponents<FunkitUiCustomizationsConfig['selectBrokerageScreen']>;
     connectExchangeScreen: RequiredExceptCustomComponents<FunkitUiCustomizationsConfig['connectExchangeScreen']>;
     sourceChangeScreen: RequiredExceptCustomComponents<FunkitUiCustomizationsConfig['sourceChangeScreen']> & {

package/dist/providers/FunkitThemeProvider.d.ts

@@ -55,8 +55,9 @@ export declare const useActiveTheme: () => {
             secondaryText: string;
             tertiaryText: string;
             textSelection: string;
-            selectedDropdownItemText: string;
+            inputLabel: string;
             inputBackground: string;
+            inputBackgroundHover: string;
             inputBorderBase: string;
             inputBorderHover: string;
             activeTabBorderColor: string;
@@ -131,12 +132,28 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
             optionBoxBackgroundUninteractive: string;
+            optionBoxBorderBase: string;
             optionBoxBorderHover: string;
+            optionBoxDefaultModeNotActiveBorderBase: string;
+            optionBoxDefaultModeNotActiveBorderHover: string;
             openDropdownBackgroundColor: string;
             dropdownActiveItemBackgroundBase: string;
             dropdownActiveItemBackgroundHover: string;
             dropdownActiveItemBackgroundDisabled: string;
+            dropdownActiveItemBorderBase: string;
+            dropdownActiveItemBorderHover: string;
             selectedDropdownItemBackground: string;
+            alwaysVisibleLabelBackgroundHover: string;
+            selectedDropdownItemText: string;
+            copyButtonBackgroundBase: string;
+            copyButtonBackgroundHover: string;
+            copyButtonBackgroundActive: string;
+            copyButtonBorderBase: string;
+            copyButtonBorderHover: string;
+            funFeatureListBackgroundBase: string;
+            funFeatureListBackgroundHover: string;
+            funFeatureListBorderColor: string;
+            funFeatureListBorderColorHover: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
@@ -146,6 +163,9 @@ export declare const useActiveTheme: () => {
             counterRingColor: string;
             cryptoCashToggleContainerBorderColor: string;
             cryptoCashToggleBackground: string;
+            withdrawalYouWillReceiveLabel: string;
+            withdrawalYouWillReceiveValueCrypto: string;
+            withdrawalYouWillReceiveValueUsd: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
@@ -164,6 +184,7 @@ export declare const useActiveTheme: () => {
             paymentAmountSkeletonCircleSize: string;
             paymentMethodItemIconSize: string;
             selectAssetItemIconSize: string;
+            sourceListGap: string;
             txBreakdownSkeletonWidth: string;
             txSummaryLineSkeletonHeight: string;
             txSummaryLineSkeletonWidth: string;
@@ -187,20 +208,24 @@ export declare const useActiveTheme: () => {
             heavy: string;
             cryptoCashToggle: string;
             inputAmount: string;
+            inputLabel: string;
+            inputValue: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
             paymentMethodItemSubtitle: string;
             paymentMethodItemTitle: string;
             selectAssetItemSubtitle: string;
             selectAssetItemTitle: string;
-            transferTokenLabelFontWeight: string;
+            sourceListSectionLabelFontWeight: string;
             txBreakdown: string;
             txStatusDescription: string;
             txStatusTitle: string;
             txSummaryLabel: string;
             txSummaryValue: string;
-            sourceListSectionLabelFontWeight: string;
             formOfPaymentsListSectionLabelFontWeight: string;
+            withdrawalYouWillReceiveLabel: string;
+            withdrawalYouWillReceiveValueCrypto: string;
+            withdrawalYouWillReceiveValueUsd: string;
         };
         fontSize: {
             '10': {
@@ -279,6 +304,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            inputLabel: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            inputValue: {
+                fontSize: string;
+                lineHeight: string;
+            };
             modalTopbarSubtitle: {
                 fontSize: string;
                 lineHeight: string;
@@ -327,15 +360,15 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
-            youPayYouReceivePrimaryFontSize: {
+            withdrawalYouWillReceive: {
                 fontSize: string;
                 lineHeight: string;
             };
-            youPayYouReceiveSecondaryFontSize: {
+            youPayYouReceivePrimaryFontSize: {
                 fontSize: string;
                 lineHeight: string;
             };
-            transferTokenLabelFontSize: {
+            youPayYouReceiveSecondaryFontSize: {
                 fontSize: string;
                 lineHeight: string;
             };
@@ -359,6 +392,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            quickOptionFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            useConnectedFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -380,6 +421,7 @@ export declare const useActiveTheme: () => {
             dropdownList: string;
             modalTopbarIcon: string;
             withdrawalInput: string;
+            useConnected: string;
         };
         borderWidths: {
             activeOptionBorderWidth: string;
@@ -421,11 +463,11 @@ export declare const useActiveTheme: () => {
             cryptoCashToggleMarginTop: string;
             cryptoCashToggleTabPaddingY: string;
             modalBaseHorizontalPadding: string;
+            modalBottomBarButtonPaddingY: string;
             modalBottomHorizontalPadding: string;
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
-            modalBottomBarButtonPaddingY: string;
             selectAssetItemPaddingX: string;
             selectAssetItemPaddingY: string;
             selectAssetItemTextGap: string;
@@ -439,9 +481,14 @@ export declare const useActiveTheme: () => {
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
             verticalSectionGap: string;
+            withdrawalModalPaddingTop: string;
             youPayYouReceivePaddingLeft: string;
             youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
+            inputPaddingX: string;
+            inputPaddingY: string;
+            dropdownActiveItemRegularSizePaddingY: string;
+            assetListDefaultGap: string;
         };
         textTransforms: {
             inputAmountQuickOptionButton: string;
@@ -497,8 +544,9 @@ export declare const useActiveTheme: () => {
             secondaryText: string;
             tertiaryText: string;
             textSelection: string;
-            selectedDropdownItemText: string;
+            inputLabel: string;
             inputBackground: string;
+            inputBackgroundHover: string;
             inputBorderBase: string;
             inputBorderHover: string;
             activeTabBorderColor: string;
@@ -573,12 +621,28 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
             optionBoxBackgroundUninteractive: string;
+            optionBoxBorderBase: string;
             optionBoxBorderHover: string;
+            optionBoxDefaultModeNotActiveBorderBase: string;
+            optionBoxDefaultModeNotActiveBorderHover: string;
             openDropdownBackgroundColor: string;
             dropdownActiveItemBackgroundBase: string;
             dropdownActiveItemBackgroundHover: string;
             dropdownActiveItemBackgroundDisabled: string;
+            dropdownActiveItemBorderBase: string;
+            dropdownActiveItemBorderHover: string;
             selectedDropdownItemBackground: string;
+            alwaysVisibleLabelBackgroundHover: string;
+            selectedDropdownItemText: string;
+            copyButtonBackgroundBase: string;
+            copyButtonBackgroundHover: string;
+            copyButtonBackgroundActive: string;
+            copyButtonBorderBase: string;
+            copyButtonBorderHover: string;
+            funFeatureListBackgroundBase: string;
+            funFeatureListBackgroundHover: string;
+            funFeatureListBorderColor: string;
+            funFeatureListBorderColorHover: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
@@ -588,6 +652,9 @@ export declare const useActiveTheme: () => {
             counterRingColor: string;
             cryptoCashToggleContainerBorderColor: string;
             cryptoCashToggleBackground: string;
+            withdrawalYouWillReceiveLabel: string;
+            withdrawalYouWillReceiveValueCrypto: string;
+            withdrawalYouWillReceiveValueUsd: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
@@ -606,6 +673,7 @@ export declare const useActiveTheme: () => {
             paymentAmountSkeletonCircleSize: string;
             paymentMethodItemIconSize: string;
             selectAssetItemIconSize: string;
+            sourceListGap: string;
             txBreakdownSkeletonWidth: string;
             txSummaryLineSkeletonHeight: string;
             txSummaryLineSkeletonWidth: string;
@@ -629,20 +697,24 @@ export declare const useActiveTheme: () => {
             heavy: string;
             cryptoCashToggle: string;
             inputAmount: string;
+            inputLabel: string;
+            inputValue: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
             paymentMethodItemSubtitle: string;
             paymentMethodItemTitle: string;
             selectAssetItemSubtitle: string;
             selectAssetItemTitle: string;
-            transferTokenLabelFontWeight: string;
+            sourceListSectionLabelFontWeight: string;
             txBreakdown: string;
             txStatusDescription: string;
             txStatusTitle: string;
             txSummaryLabel: string;
             txSummaryValue: string;
-            sourceListSectionLabelFontWeight: string;
             formOfPaymentsListSectionLabelFontWeight: string;
+            withdrawalYouWillReceiveLabel: string;
+            withdrawalYouWillReceiveValueCrypto: string;
+            withdrawalYouWillReceiveValueUsd: string;
         };
         fontSize: {
             '10': {
@@ -721,6 +793,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            inputLabel: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            inputValue: {
+                fontSize: string;
+                lineHeight: string;
+            };
             modalTopbarSubtitle: {
                 fontSize: string;
                 lineHeight: string;
@@ -769,15 +849,15 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
-            youPayYouReceivePrimaryFontSize: {
+            withdrawalYouWillReceive: {
                 fontSize: string;
                 lineHeight: string;
             };
-            youPayYouReceiveSecondaryFontSize: {
+            youPayYouReceivePrimaryFontSize: {
                 fontSize: string;
                 lineHeight: string;
             };
-            transferTokenLabelFontSize: {
+            youPayYouReceiveSecondaryFontSize: {
                 fontSize: string;
                 lineHeight: string;
             };
@@ -801,6 +881,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            quickOptionFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            useConnectedFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -822,6 +910,7 @@ export declare const useActiveTheme: () => {
             dropdownList: string;
             modalTopbarIcon: string;
             withdrawalInput: string;
+            useConnected: string;
         };
         borderWidths: {
             activeOptionBorderWidth: string;
@@ -863,11 +952,11 @@ export declare const useActiveTheme: () => {
             cryptoCashToggleMarginTop: string;
             cryptoCashToggleTabPaddingY: string;
             modalBaseHorizontalPadding: string;
+            modalBottomBarButtonPaddingY: string;
             modalBottomHorizontalPadding: string;
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
-            modalBottomBarButtonPaddingY: string;
             selectAssetItemPaddingX: string;
             selectAssetItemPaddingY: string;
             selectAssetItemTextGap: string;
@@ -881,9 +970,14 @@ export declare const useActiveTheme: () => {
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
             verticalSectionGap: string;
+            withdrawalModalPaddingTop: string;
             youPayYouReceivePaddingLeft: string;
             youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
+            inputPaddingX: string;
+            inputPaddingY: string;
+            dropdownActiveItemRegularSizePaddingY: string;
+            assetListDefaultGap: string;
         };
         textTransforms: {
             inputAmountQuickOptionButton: string;
@@ -937,8 +1031,9 @@ export declare const useActiveTheme: () => {
             secondaryText: string;
             tertiaryText: string;
             textSelection: string;
-            selectedDropdownItemText: string;
+            inputLabel: string;
             inputBackground: string;
+            inputBackgroundHover: string;
             inputBorderBase: string;
             inputBorderHover: string;
             activeTabBorderColor: string;
@@ -1013,12 +1108,28 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
             optionBoxBackgroundUninteractive: string;
+            optionBoxBorderBase: string;
             optionBoxBorderHover: string;
+            optionBoxDefaultModeNotActiveBorderBase: string;
+            optionBoxDefaultModeNotActiveBorderHover: string;
             openDropdownBackgroundColor: string;
             dropdownActiveItemBackgroundBase: string;
             dropdownActiveItemBackgroundHover: string;
             dropdownActiveItemBackgroundDisabled: string;
+            dropdownActiveItemBorderBase: string;
+            dropdownActiveItemBorderHover: string;
             selectedDropdownItemBackground: string;
+            alwaysVisibleLabelBackgroundHover: string;
+            selectedDropdownItemText: string;
+            copyButtonBackgroundBase: string;
+            copyButtonBackgroundHover: string;
+            copyButtonBackgroundActive: string;
+            copyButtonBorderBase: string;
+            copyButtonBorderHover: string;
+            funFeatureListBackgroundBase: string;
+            funFeatureListBackgroundHover: string;
+            funFeatureListBorderColor: string;
+            funFeatureListBorderColorHover: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
@@ -1028,6 +1139,9 @@ export declare const useActiveTheme: () => {
             counterRingColor: string;
             cryptoCashToggleContainerBorderColor: string;
             cryptoCashToggleBackground: string;
+            withdrawalYouWillReceiveLabel: string;
+            withdrawalYouWillReceiveValueCrypto: string;
+            withdrawalYouWillReceiveValueUsd: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
@@ -1046,6 +1160,7 @@ export declare const useActiveTheme: () => {
             paymentAmountSkeletonCircleSize: string;
             paymentMethodItemIconSize: string;
             selectAssetItemIconSize: string;
+            sourceListGap: string;
             txBreakdownSkeletonWidth: string;
             txSummaryLineSkeletonHeight: string;
             txSummaryLineSkeletonWidth: string;
@@ -1069,20 +1184,24 @@ export declare const useActiveTheme: () => {
             heavy: string;
             cryptoCashToggle: string;
             inputAmount: string;
+            inputLabel: string;
+            inputValue: string;
             modalTopbarTitle: string;
             modalBottomBarButtonText: string;
             paymentMethodItemSubtitle: string;
             paymentMethodItemTitle: string;
             selectAssetItemSubtitle: string;
             selectAssetItemTitle: string;
-            transferTokenLabelFontWeight: string;
+            sourceListSectionLabelFontWeight: string;
             txBreakdown: string;
             txStatusDescription: string;
             txStatusTitle: string;
             txSummaryLabel: string;
             txSummaryValue: string;
-            sourceListSectionLabelFontWeight: string;
             formOfPaymentsListSectionLabelFontWeight: string;
+            withdrawalYouWillReceiveLabel: string;
+            withdrawalYouWillReceiveValueCrypto: string;
+            withdrawalYouWillReceiveValueUsd: string;
         };
         fontSize: {
             '10': {
@@ -1161,6 +1280,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            inputLabel: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            inputValue: {
+                fontSize: string;
+                lineHeight: string;
+            };
             modalTopbarSubtitle: {
                 fontSize: string;
                 lineHeight: string;
@@ -1209,15 +1336,15 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
-            youPayYouReceivePrimaryFontSize: {
+            withdrawalYouWillReceive: {
                 fontSize: string;
                 lineHeight: string;
             };
-            youPayYouReceiveSecondaryFontSize: {
+            youPayYouReceivePrimaryFontSize: {
                 fontSize: string;
                 lineHeight: string;
             };
-            transferTokenLabelFontSize: {
+            youPayYouReceiveSecondaryFontSize: {
                 fontSize: string;
                 lineHeight: string;
             };
@@ -1241,6 +1368,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            quickOptionFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            useConnectedFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -1262,6 +1397,7 @@ export declare const useActiveTheme: () => {
             dropdownList: string;
             modalTopbarIcon: string;
             withdrawalInput: string;
+            useConnected: string;
         };
         borderWidths: {
             activeOptionBorderWidth: string;
@@ -1303,11 +1439,11 @@ export declare const useActiveTheme: () => {
             cryptoCashToggleMarginTop: string;
             cryptoCashToggleTabPaddingY: string;
             modalBaseHorizontalPadding: string;
+            modalBottomBarButtonPaddingY: string;
             modalBottomHorizontalPadding: string;
             modalPaddingBottomUpper: string;
             modalPaddingBottomLower: string;
             modalTopBarVerticalTextSpacing: string;
-            modalBottomBarButtonPaddingY: string;
             selectAssetItemPaddingX: string;
             selectAssetItemPaddingY: string;
             selectAssetItemTextGap: string;
@@ -1321,9 +1457,14 @@ export declare const useActiveTheme: () => {
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
             verticalSectionGap: string;
+            withdrawalModalPaddingTop: string;
             youPayYouReceivePaddingLeft: string;
             youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
+            inputPaddingX: string;
+            inputPaddingY: string;
+            dropdownActiveItemRegularSizePaddingY: string;
+            assetListDefaultGap: string;
         };
         textTransforms: {
             inputAmountQuickOptionButton: string;

package/dist/providers/SwappedProvider.d.ts

@@ -1,3 +1,4 @@
+import { type FormOfPaymentType } from '@funkit/api-base';
 import React from 'react';
 import { type SwappedTheme } from '../utils/swapped';
 export interface SwappedIframeCallbacks {
@@ -9,15 +10,14 @@ export interface SwappedIframeCallbacks {
     onNavigation: (step: string) => void;
 }
 interface SwappedContextValue {
-    poolUrls: string[];
-    loadedIframeUrls: string[];
-    setPreloadUrls: (urls: string[]) => void;
-    activeUrl: string | null;
-    activateIframe: (url: string) => void;
+    iframeUrl: string | null;
+    isSwappedReady: boolean;
+    isActive: boolean;
+    setIframeUrl: (url: string | null) => void;
+    activateIframe: (fopType: FormOfPaymentType) => void;
     deactivateIframe: () => void;
-    onIframeElementLoaded: (url: string) => void;
-    clearIframePool: () => void;
-    setIframeRef: (url: string, el: HTMLIFrameElement | null) => void;
+    resetIframe: () => void;
+    setIframeRef: (el: HTMLIFrameElement | null) => void;
     setActiveCallbacks: (cb: SwappedIframeCallbacks | null) => void;
     swappedTheme: SwappedTheme;
 }

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-3U6TWV25.js";
+} from "../chunk-JKGPN2BQ.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-VLXKSNSJ.js";
-import "../chunk-3U6TWV25.js";
+} from "../chunk-WXEL44DS.js";
+import "../chunk-JKGPN2BQ.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-P6FYL3PM.js";
-import "../chunk-3U6TWV25.js";
+} from "../chunk-VIJQ5A6W.js";
+import "../chunk-JKGPN2BQ.js";
 export {
   lightTheme
 };