@funkit/connect 2.0.7 → 3.0.0-next.1

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.d.ts

@@ -0,0 +1,8 @@
+import { CheckoutHistoryItem } from '@funkit/api-base';
+import React from 'react';
+export declare function FunTxSummaryHistory({ checkoutHistoryItem, }: {
+    checkoutHistoryItem: CheckoutHistoryItem;
+}): React.JSX.Element;
+export declare function OrderDetail({ checkoutHistoryItem, }: {
+    checkoutHistoryItem: CheckoutHistoryItem;
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutStatus.d.ts

@@ -0,0 +1,7 @@
+import { CheckoutHistoryItem } from '@funkit/api-base';
+import React from 'react';
+interface FunCheckoutStatusProps {
+    checkoutHistoryItem: CheckoutHistoryItem;
+}
+export declare function FunCheckoutStatus({ checkoutHistoryItem, }: FunCheckoutStatusProps): React.JSX.Element;
+export {};

package/dist/components/FunCheckoutModal/FunCheckoutConfirmationStep.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, regenerateQuoteFn, onFinish, animateOut, }: {
+export declare function FunCheckoutConfirmationStep({ checkoutId, regenerateQuoteFn, onFinish, isRegeneratingQuote, onConfirmClickCallback, }: {
     checkoutId: string | null;
-    checkoutStep: FunCheckoutStep;
     regenerateQuoteFn: () => void;
     onFinish: (depositAddress: string) => void;
-    animateOut: boolean;
+    isRegeneratingQuote: boolean;
+    onConfirmClickCallback: () => void;
 }): React.JSX.Element;

package/dist/components/FunCheckoutModal/FunCheckoutConnectExchangeStep.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PaymentMethodInfo } from '../../consts/payment';
+import { MeshExchanges } from '../../utils/mesh';
+interface Props {
+    exchange: MeshExchanges;
+    onSoftHide: (p: boolean) => void;
+    onSetup: (newPaymentMethodInfo: PaymentMethodInfo) => void;
+}
+export declare const FunCheckoutConnectExchangeStep: ({ exchange, onSoftHide, onSetup, }: Props) => React.JSX.Element;
+export {};

package/dist/components/FunCheckoutModal/FunCheckoutInputAmountStep.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-export declare function FunCheckoutInputAmountStep({ checkoutId, onContinue, animateOut, }: {
+interface FunCheckoutInputAmountStepProps {
     checkoutId: string;
     onContinue: () => void;
-    animateOut: boolean;
-}): React.JSX.Element;
+    ticker: string | undefined;
+}
+export declare const FunCheckoutInputAmountStep: ({ checkoutId, onContinue, ticker, }: FunCheckoutInputAmountStepProps) => React.JSX.Element;
+export {};

package/dist/components/FunCheckoutModal/FunCheckoutModal.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+export declare const CHECKOUT_MODAL_BOTTOM_BAR_ID = "checkout-modal-bottom-bar";
 export declare enum FunCheckoutStep {
     INPUT_AMOUNT = "input_amount",
     SELECT_PAYMENT_METHOD = "select_payment",
     CONFIRMATION = "confirmation",
     PAYMENT_SETUP = "payment_setup",
+    CONNECT_EXCHANGE = "connect_exchange",
     SELECT_ASSET = "select_asset",
     MESH_VERIFICATION = "mesh_verification"
 }

package/dist/components/FunCheckoutModal/FunCheckoutPrimaryInfo.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
 import { FunkitActiveCheckoutItem } from '../FunkitProvider/FunkitCheckoutContext';
-import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, isEditable, onConfirmEdit, prioritizeDraftValue, }: {
+export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, prioritizeDraftValue, }: {
     checkoutItem: FunkitActiveCheckoutItem;
     isLoading: boolean;
-    isEditable: boolean;
-    onConfirmEdit?: (newValue: number) => void;
     prioritizeDraftValue: boolean;
 }): React.JSX.Element;
-export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, prioritizeDraftValue, }: {
+export declare function CheckoutPrimaryInfo({ checkoutId, prioritizeDraftValue, }: {
     checkoutId: string | null;
-    checkoutStep: FunCheckoutStep;
     prioritizeDraftValue: boolean;
 }): React.JSX.Element | null;

package/dist/components/FunCheckoutModal/FunCheckoutSelectAssetStep.d.ts

@@ -1,13 +1,10 @@
 import React from 'react';
-import { FunCheckoutStep } from './FunCheckoutModal';
 /**
  * Based on which payment method was selected, allow users to select which asset they want to fund
  */
-export declare function FunCheckoutSelectAssetStep({ checkoutId, checkoutStep, onFinish, onBack, isOnFinishLoading, animateOut, }: {
+export declare function FunCheckoutSelectAssetStep({ checkoutId, onFinish, onBack, isOnFinishLoading, }: {
     checkoutId: string | null;
-    checkoutStep: FunCheckoutStep;
     isOnFinishLoading: boolean;
     onFinish: () => void;
     onBack: () => void;
-    animateOut?: boolean;
 }): React.JSX.Element;

package/dist/components/FunCheckoutModal/FunCheckoutVerifyDetailsStep.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import { PaymentMethodInfo } from '../../consts/payment';
-import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function FunCheckoutVerifyDetailsStep({ checkoutId, checkoutStep, onSelectPaymentMethod, }: {
+export declare function FunCheckoutVerifyDetailsStep({ checkoutId, onSelectPaymentMethod, }: {
     checkoutId: string | null;
-    checkoutStep: FunCheckoutStep;
     onSelectPaymentMethod: (p: PaymentMethodInfo) => void;
 }): React.JSX.Element;

package/dist/components/FunConnectOptions/ConnectDetails.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { WalletConnector } from '../../wallets/useWalletConnectors';
-export declare function ConnectDetail({ compactModeEnabled, qrCodeUri, wallet, }: {
-    compactModeEnabled: boolean;
+interface Props {
     qrCodeUri?: string;
     wallet: WalletConnector;
-}): React.JSX.Element;
+}
+export declare const ConnectDetail: ({ qrCodeUri, wallet }: Props) => React.JSX.Element;
+export {};

package/dist/components/FunConnectOptions/FunConnectOptions.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 export declare enum ConnectStep {
-    SIGNIN = 0,
-    PENDING_EMAIL = 1,
-    PENDING_WALLET = 2,
-    PENDING_FARCASTER = 3,
-    ERROR = 4
+    SIGNIN_PRIMARY = 0,
+    SIGNIN_SECONDARY = 1,
+    PENDING_EMAIL = 2,
+    PENDING_WALLET = 3,
+    PENDING_FARCASTER = 4,
+    ERROR_WEB3 = 5
 }
 export declare function FunConnectOptions({ onClose }: {
     onClose: () => void;

package/dist/components/FunConnectOptions/FunConnectResultStep.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { WalletConnector } from '../../wallets/useWalletConnectors';
+type ResultType = 'success' | 'error';
+interface FunErrorContentProps {
+    onClose: () => void;
+    actionTitle: string;
+    onAction: () => void;
+    wallet: WalletConnector | undefined;
+    type: ResultType;
+    qrCodeUri: string;
+}
+export declare const FunConnectResultStep: ({ onClose, onAction, actionTitle, type, wallet, qrCodeUri, }: FunErrorContentProps) => React.JSX.Element;
+export {};

package/dist/components/FunConnectOptions/FunFarcasterConnectingStep.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-import { ConnectStep } from './FunConnectOptions';
-export declare function FunFarcasterConnectingStep({ farcasterUri, farcasterToken, changeStep, onClose, }: {
+export declare function FunFarcasterConnectingStep({ farcasterUri, farcasterToken, }: {
     farcasterUri: string;
     farcasterToken: string;
-    changeStep: (p: ConnectStep) => void;
-    onClose: () => void;
 }): React.JSX.Element;

package/dist/components/FunConnectOptions/FunSignInStep.d.ts

@@ -5,8 +5,9 @@ import { ConnectStep } from './FunConnectOptions';
  * Modal content for a user that is not signed-in yet
  * Shows Web2 and Web3 sign in options
  */
-export declare function FunSignInStep({ onClose, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, emailInput, setEmailInput, onFarcasterSuccessInit, }: {
+export declare function FunSignInStep({ onClose, signInStep, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, emailInput, setEmailInput, onFarcasterSuccessInit, }: {
     onClose: () => void;
+    signInStep: ConnectStep;
     changeStep: (p: ConnectStep) => void;
     setSelectedWallet: React.Dispatch<React.SetStateAction<WalletConnector | undefined>>;
     connectToWallet: (wallet: WalletConnector) => void;

package/dist/components/FunConnectOptions/FunWeb2ConnectingStep.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
-import { WalletConnector } from '../../wallets/useWalletConnectors';
 interface FunWeb2ConnectingStepProps {
-    onClose: () => void;
-    onBack: () => void;
-    setSelectedWallet: React.Dispatch<React.SetStateAction<WalletConnector | undefined>>;
     emailInput: string;
     otpInput: string;
     setOtpInput: React.Dispatch<React.SetStateAction<string>>;
 }
-export declare const FunWeb2ConnectingStep: (props: FunWeb2ConnectingStepProps) => React.JSX.Element;
+export declare const FunWeb2ConnectingStep: ({ otpInput, setOtpInput, emailInput, }: FunWeb2ConnectingStepProps) => React.JSX.Element;
 export {};

package/dist/components/FunConnectOptions/FunWeb3ConnectingStep.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { WalletConnector } from '../../wallets/useWalletConnectors';
-import { ConnectStep } from './FunConnectOptions';
-export declare function FunWeb3ConnectingStep({ onClose, changeStep, selectedWallet, qrCodeUri, }: {
-    onClose: () => void;
-    changeStep: (newStep: ConnectStep) => void;
+interface Props {
     selectedWallet: WalletConnector | undefined;
     qrCodeUri: string;
-}): React.JSX.Element;
+}
+export declare const FunWeb3ConnectingStep: ({ selectedWallet, qrCodeUri }: Props) => React.JSX.Element;
+export {};

package/dist/components/FunContainer/FunContainer.d.ts

@@ -1,13 +1,11 @@
 import './FunContainer.css';
 import React, { PropsWithChildren } from 'react';
-import { BoxProps } from '../Box/Box';
 export interface FunContainerProps {
-    title: string;
-    titleSuffix?: React.ReactNode;
+    title?: string;
+    titlePrefix?: React.ReactNode;
     isCollapsible?: boolean;
     isCollapsed?: boolean;
     showHoverEffect?: boolean;
     onClick?: () => void;
-    titlePaddingBottom?: BoxProps['paddingBottom'];
 }
-export declare function FunContainer({ children, title, titleSuffix, isCollapsible, isCollapsed, showHoverEffect, onClick, titlePaddingBottom, }: PropsWithChildren<FunContainerProps>): React.JSX.Element;
+export declare function FunContainer({ children, title, titlePrefix, isCollapsible, isCollapsed, showHoverEffect, onClick, }: PropsWithChildren<FunContainerProps>): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const backgroundRing: string;
+export declare const counterRing: string;

package/dist/components/FunCountdown/FunCountdown.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+interface FunCountdownProps {
+    countdownSeconds: number;
+    initialRemainingSeconds?: number;
+    counterSize?: number;
+    strokeWidth?: number;
+    onCountdownEnded?: () => void;
+    children?: ReactNode | ((remainingSeconds: number) => ReactNode);
+}
+export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, strokeWidth, children, }: FunCountdownProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const dividerBorder: string;

package/dist/components/FunDivider/FunDivider.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
 import { BoxProps } from '../Box/Box';
-export declare function FunDivider({ marginTop, marginBottom, transparent, borderWidth, }: {
+interface FunDividerProps {
     marginTop?: BoxProps['margin'];
     marginBottom?: BoxProps['margin'];
+    borderColor?: BoxProps['borderColor'];
     transparent?: boolean;
-    borderWidth?: BoxProps['borderWidth'];
-}): React.JSX.Element;
+    label?: string;
+}
+export declare function FunDivider({ marginTop, marginBottom, transparent, borderColor, label, }: FunDividerProps): React.JSX.Element;
+export {};

package/dist/components/FunGuarantees/FunGuarantees.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MeshExchanges } from '../../utils/mesh';
+interface FunGuaranteesProps {
+    exchange: MeshExchanges;
+}
+export declare const FunGuarantees: ({ exchange }: FunGuaranteesProps) => React.JSX.Element;
+export {};

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

@@ -1,2 +1,3 @@
 export declare const inputClass: string;
 export declare const inputClassDisabled: string;
+export declare const inputClassError: string;

package/dist/components/FunInput/FunInput.d.ts

@@ -1,27 +1,29 @@
 import './FunInputBase.css';
 import React, { HTMLInputTypeAttribute, ReactNode } from 'react';
 import { BoxProps } from '../Box/Box';
-export interface FunInputProps {
+export interface FunInputProps<T = HTMLInputElement> {
     prefix?: ReactNode;
+    suffix?: ReactNode;
     prefixIcon?: 'SearchIcon' | '$';
     placeholder?: string;
     value: string | number | readonly string[] | undefined;
     label?: string;
-    onChange: (value: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onChange: (value: React.ChangeEvent<T>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
     onKeySubmit?: () => void;
-    onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
-    onMouseDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
-    hasBackground?: boolean;
-    inputStyle?: object;
-    inputProps?: {
+    onPaste?: (e: React.ClipboardEvent<T>) => void;
+    onMouseDown?: (e: React.MouseEvent<T>) => void;
+    inputStyle?: React.CSSProperties;
+    inputProps?: React.HTMLProps<T> & {
         type?: HTMLInputTypeAttribute;
-        [x: string]: any;
     };
     ref?: any;
     error?: string | boolean;
-    focused?: boolean;
+    alwaysFocused?: boolean;
     textColor?: BoxProps['color'];
+    textWeight?: BoxProps['fontWeight'];
     overrideBorderWidth?: undefined | BoxProps['borderWidth'];
+    overrideBackground?: BoxProps['background'];
+    borderRadius?: BoxProps['borderRadius'];
 }
-export declare const FunInput: React.ForwardRefExoticComponent<Omit<FunInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const FunInput: React.ForwardRefExoticComponent<Omit<FunInputProps<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/FunInput/FunTextAreaInput.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { FunInputProps } from './FunInput';
-interface FunTextAreaInputProps extends Omit<FunInputProps, 'onChange' | 'onKeyDown'> {
-    onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+interface FunTextAreaInputProps extends FunInputProps<HTMLTextAreaElement> {
+    hasBackground?: boolean;
 }
-export declare function FunTextAreaInput({ placeholder, value, label, onChange, onKeyDown, onKeySubmit, hasBackground, textColor, inputStyle, inputProps, error, focused: _focused, overrideBorderWidth, }: FunTextAreaInputProps): React.JSX.Element;
+export declare function FunTextAreaInput({ placeholder, value, label, onChange, onKeyDown, onKeySubmit, textColor, inputStyle, inputProps, error, overrideBorderWidth, }: FunTextAreaInputProps): React.JSX.Element;
 export {};

package/dist/components/FunInput/FunTwoFaInput.d.ts

@@ -2,9 +2,11 @@ import React from 'react';
 export interface FunTwoFaInputProps {
     value: string;
     onChange: (input: string) => void;
-    onCompleted?: (input?: any) => void;
+    onCompleted?: (input: string) => void;
     hasError: boolean;
     errorMessage?: string;
     inputLength: number;
+    onResend?: () => void;
+    hasResent?: boolean;
 }
-export declare const FunTwoFaInput: ({ value, onChange, onCompleted, hasError, errorMessage, inputLength, }: FunTwoFaInputProps) => React.JSX.Element;
+export declare const FunTwoFaInput: ({ value, onChange, onCompleted, hasError, errorMessage, inputLength, onResend, hasResent, }: FunTwoFaInputProps) => React.JSX.Element;

package/dist/components/FunMessage/FunMessage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+interface Props extends BoxProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+}
+export declare const FunMessage: ({ icon, title, description, ...boxProps }: Props) => React.JSX.Element;
+export {};

package/dist/components/FunNoResults/FunNoResults.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FunNoResults: () => React.JSX.Element;

package/dist/components/FunNotification/FunNotification.d.ts

@@ -11,6 +11,10 @@ interface FunNotificationProps {
     containerProps?: React.ComponentProps<typeof Box>;
     isVisible?: boolean;
 }
-type FunNotificationType = 'default' | 'error';
-export declare function FunNotification({ type, description, actionText, onAction, textProps, containerProps, isVisible, }: FunNotificationProps): React.JSX.Element;
+type FunNotificationType = 'default' | 'error' | 'warning';
+/**
+ * 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, textProps, containerProps, isVisible: isVisibleProps, }: FunNotificationProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1 @@
+export declare const funOptionBoxStyle: Record<"defaultBorder" | "defaultBackground" | "baseStyle" | "transparentBorder" | "activeBorder" | "paymentOptionBorderDisabledBorder" | "activeBackground", string>;

package/dist/components/FunOptionBox/FunOptionBox.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { BoxProps } from '../Box/Box';
+interface FunOptionBoxProps {
+    isActive?: boolean;
+    isDisabled?: boolean;
+    paddingX?: BoxProps['paddingX'];
+    paddingY?: BoxProps['paddingY'];
+    onClick?: null | (() => void);
+    type?: 'default' | 'bordered';
+    children: ReactNode;
+}
+export declare function FunOptionBox({ isActive, isDisabled, onClick, paddingX, paddingY, type, children, }: FunOptionBoxProps): React.JSX.Element;
+export {};

package/dist/components/FunPaymentMethodItem/FunPaymentMethodItem.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+export interface FunPaymentMethodItemProps {
+    keyIcon?: ReactNode;
+    keyText: string;
+    valueIcon?: ReactNode;
+    disclaimerText?: string;
+    onClick?: null | (() => void);
+    isDisabled?: boolean;
+    isActive?: boolean;
+}
+export declare function FunPaymentMethodItem({ keyIcon, keyText, valueIcon, disclaimerText, onClick, isDisabled, isActive, }: FunPaymentMethodItemProps): React.JSX.Element;

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

@@ -1,11 +1,10 @@
 import React from 'react';
+import { MeshExchanges } from '../../utils/mesh';
 export interface FunPaymentMeshTypeProps {
     isParentLoading: boolean;
-    onSoftHide: (p: boolean) => void;
-    onFinish: (meshMeta: any) => void;
-    backAnimation?: boolean;
+    onContinue: (exchange: MeshExchanges) => void;
 }
 /**
  * This component handles payments <> mesh integration
  */
-export declare function FunPaymentMeshType({ isParentLoading, onFinish, onSoftHide, backAnimation, }: FunPaymentMeshTypeProps): React.JSX.Element;
+export declare function FunPaymentMeshType({ isParentLoading, onContinue, }: FunPaymentMeshTypeProps): React.JSX.Element;

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

@@ -9,21 +9,19 @@ export declare function AddPaymentMethodItem({ paymentFlow, paymentMethod, isCli
     onClick?: () => void;
     disclaimerText?: undefined | string;
 }): React.JSX.Element;
-export declare function ExistingPaymentMethodItem({ paymentMethodInfo, onClick, isClickable, }: {
+export declare function ExistingPaymentMethodItem({ paymentMethodInfo, }: {
     paymentMethodInfo: PaymentMethodInfo;
-    onClick?: () => void;
-    isClickable?: boolean;
 }): React.JSX.Element;
 /**
  * Handle selection and adding of payment methods
  */
-export declare function FunPaymentMethods({ checkoutId, // only valid for paymentFlow === CHECKOUT
-paymentFlow, onSelect, isDisabled, backAnimation, depositInfo, }: {
+export declare function FunPaymentMethods({ primaryInfo, checkoutId, // only valid for paymentFlow === CHECKOUT
+paymentFlow, onSelect, isDisabled, depositInfo, }: {
+    primaryInfo: React.ReactNode;
     checkoutId?: string | null;
     paymentFlow: PaymentFlow;
     onSelect: (paymentMethodInfo: PaymentMethodInfo) => void;
     isDisabled?: boolean;
-    backAnimation?: boolean;
     depositInfo?: {
         amount: string;
         tokenTicker: string | DepositTokenSymbol | null;

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

@@ -1,14 +1,12 @@
 import React from 'react';
 import { Address } from 'viem';
 import { PaymentFlow } from '../../consts/payment';
-export declare function FunPaymentMoonpayType({ paymentFlow, paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, onBackToHome, backAnimation, redirectToCheckoutHistory, finalConvertedAssetName, }: {
+export declare function FunPaymentMoonpayType({ paymentFlow, paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, onBackToHome, redirectToCheckoutHistory, }: {
     paymentFlow: PaymentFlow;
     paymentAddress: Address;
     depositToken: string;
     depositTokenChainId: string;
     depositTokenAmount: number;
     onBackToHome: () => void;
-    backAnimation?: boolean;
     redirectToCheckoutHistory?: (depositAddress: string) => void;
-    finalConvertedAssetName: string;
 }): React.JSX.Element;

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

@@ -1,4 +1,2 @@
 import React from 'react';
-export declare function FunPaymentOtcType({ backAnimation, }: {
-    backAnimation?: boolean;
-}): React.JSX.Element;
+export declare function FunPaymentOtcType(): React.JSX.Element;

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

@@ -1,20 +1,18 @@
 import React from 'react';
 import { Address } from 'viem';
-import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
+import { PaymentFlow, PaymentMethod } from '../../consts/payment';
+import { MeshExchanges } from '../../utils/mesh';
 interface FunPaymentSetupProps {
     paymentFlow: PaymentFlow;
     paymentMethod: undefined | null | PaymentMethod;
-    onSetup: (newPaymentMethodInfo: PaymentMethodInfo) => void;
-    onSoftHide: (p: boolean) => void;
     onBackToHome: () => void;
+    onExchangeConfirm: (exchange: MeshExchanges) => void;
     paymentAddress: Address;
     token: string;
     tokenChainId: string;
     tokenAmountUsd: number;
-    backAnimation?: boolean;
     redirectToCheckoutHistory?: (depositAddress: string) => void;
     isParentLoading: boolean;
-    finalConvertedAssetName?: string;
 }
-export declare function FunPaymentSetup({ paymentFlow, paymentAddress, paymentMethod, onSetup, onSoftHide, onBackToHome, token, tokenChainId, tokenAmountUsd, backAnimation, redirectToCheckoutHistory, isParentLoading, finalConvertedAssetName, }: FunPaymentSetupProps): React.JSX.Element;
+export declare function FunPaymentSetup({ paymentFlow, paymentAddress, paymentMethod, onBackToHome, onExchangeConfirm, token, tokenChainId, tokenAmountUsd, redirectToCheckoutHistory, isParentLoading, }: FunPaymentSetupProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,5 @@
 import React from 'react';
-export declare function FunPaymentTransferType({ address, onBackToHome, backAnimation, }: {
+export declare function FunPaymentTransferType({ address, onBackToHome, }: {
     address: string;
     onBackToHome: () => void;
-    backAnimation?: boolean;
 }): React.JSX.Element;

package/dist/components/FunSelect/FunSelect.d.ts

@@ -1,32 +1,14 @@
 import React, { ReactNode } from 'react';
-import { BoxProps } from '../Box/Box';
-import { TextProps } from '../Text/Text';
 export interface FunSelectOption {
     value: string;
     label: ReactNode;
     isDisabled: boolean;
 }
-export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, containerPaddingY, containerMarginTop, optionItemPadding, showBorder, activeOptionBackgroundColor, baseOptionBackgroundColor, }: {
-    handleSelect: (newValue: FunSelectOption['value']) => void;
-    isDropdownOpen: boolean;
-    options: FunSelectOption[];
-    selectedValue: FunSelectOption['value'];
-    containerPaddingY?: BoxProps['paddingY'];
-    containerMarginTop?: BoxProps['marginTop'];
-    optionItemPadding?: BoxProps['padding'];
-    showBorder?: boolean;
-    activeOptionBackgroundColor?: BoxProps['background'];
-    baseOptionBackgroundColor?: BoxProps['background'];
-}): React.JSX.Element | null;
 interface FunSelectProps {
-    initValue?: FunSelectOption['value'];
+    initValue: string;
     options: FunSelectOption[];
     onChange: (newValue: string) => void;
-    placeholder?: string;
-    isDisabled?: boolean;
-    showBorder?: boolean;
-    label?: string;
-    labelColor?: TextProps['color'];
+    label: string;
 }
-export declare function FunSelect({ initValue, options, onChange, placeholder, isDisabled, showBorder, label, labelColor, }: FunSelectProps): React.JSX.Element;
+export declare const FunSelect: ({ initValue, options, onChange, label, }: FunSelectProps) => React.JSX.Element;
 export {};

package/dist/components/FunSelectBrokerage/FunBrokerageItem.css.d.ts

@@ -0,0 +1 @@
+export declare const brokerageItemStyle: string;

package/dist/components/FunSelectBrokerage/FunBrokerageItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface BrokerateItemProps {
+    exchange: string;
+    exchangeIcon: React.ReactNode;
+    fullInfo: boolean;
+    hasActiveConnection: boolean;
+}
+export declare const FunBrokerageItem: ({ exchange, exchangeIcon, fullInfo, hasActiveConnection, }: BrokerateItemProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const selectBrokerageStyle: string;

package/dist/components/FunSelectBrokerage/FunSelectBrokerage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FunSelectOption } from '../FunSelect/FunSelect';
+interface FunSelectBrokerageProps {
+    handleSelect: (newValue: FunSelectOption['value']) => void;
+    options: FunSelectOption[];
+    selectedValue: FunSelectOption['value'];
+}
+export declare function FunSelectBrokerage({ handleSelect, options, selectedValue, }: FunSelectBrokerageProps): React.JSX.Element;
+export {};

package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type FunSkeletonBlockProps = {
+    /** Block height (default: 14px, small: 10px, large: 35px) */
+    height?: 'default' | 'small' | 'large' | number;
+    /** Block width (default: full) */
+    width?: 'half' | 'full' | number | `${number}%`;
+};
+export declare function FunSkeletonBlock(props: FunSkeletonBlockProps): React.JSX.Element;
+export {};

package/dist/components/FunSkeletonLoader/FunSkeletonCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type FunSkeletonCircleProps = {
+    /** Circle size (default: 20px, small: 15px, large: 20px) */
+    size?: 'default' | 'small' | 'large' | number;
+};
+export declare function FunSkeletonCircle(props: FunSkeletonCircleProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const animateSkeletonClass: string;
+export declare const circleSkeletonClass: string;

package/dist/components/FunSocials/FunSocials.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SocialLoginOption } from '../../consts/funkit';
+import { BoxProps } from '../Box/Box';
+interface Props {
+    options: SocialLoginOption[];
+    onSelect: (provider: SocialLoginOption['provider']) => void;
+    flexDirection?: BoxProps['flexDirection'];
+}
+export declare const FunSocials: ({ options, onSelect, flexDirection }: Props) => React.JSX.Element;
+export {};

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

@@ -1,5 +1 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
-import React from 'react';
-export declare function FunTxSummaryHistory({ checkoutHistoryItem, }: {
-    checkoutHistoryItem: CheckoutHistoryItem;
-}): React.JSX.Element;
+export {};