@funkit/connect 2.0.6 → 3.0.0-next.0

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

@@ -1,5 +1,6 @@
+export declare const DialogAnimationTimeIn = 250;
+export declare const DialogAnimationTimeOut = 120;
 export declare const overlay: string;
 export declare const overlayOut: string;
-export declare const DialogAnimationTime = 150;
 export declare const content: string;
 export declare const contentSlideOut: string;

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

@@ -1,6 +1,6 @@
 export declare const dialogContent: string;
-export declare const dialogContentWideMobile: string;
-export declare const dialogContentWideDesktop: string;
 export declare const dialogContentCompactMode: string;
 export declare const dialogContentMobile: string;
-export declare const bottomSheetOverrides: string;
+export declare const scrollModalCheckoutContent: string;
+export declare const scrollModalContent: string;
+export declare const fullHeightContent: string;

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

@@ -1,11 +1,8 @@
 import React, { ReactNode } from 'react';
 import { BoxProps } from '../Box/Box';
-interface DialogContentProps {
+interface DialogContentProps extends BoxProps {
     children: ReactNode;
-    bottomSheetOnMobile?: boolean;
-    padding?: BoxProps['padding'];
-    paddingBottom?: BoxProps['paddingBottom'];
-    marginTop?: BoxProps['marginTop'];
+    fullHeight?: boolean;
 }
-export declare function DialogContent({ bottomSheetOnMobile, children, marginTop, padding, paddingBottom, }: DialogContentProps): React.JSX.Element;
+export declare function DialogContent({ children, fullHeight, padding, ...boxProps }: DialogContentProps): React.JSX.Element;
 export {};

package/dist/components/FunAlert/FunAlert.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export declare function FunAlert({ icon, description, }: {
+    icon: ReactNode;
+    description: string | ReactNode;
+}): React.JSX.Element;

package/dist/components/FunAsset/FunAssetBadge.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+interface FunAssetBadgeProps {
+    children: React.ReactNode;
+    background?: BoxProps['background'];
+    color?: BoxProps['color'];
+}
+export declare function FunAssetBadge({ children, background, color, }: FunAssetBadgeProps): React.JSX.Element;
+export {};

package/dist/components/FunAsset/FunAssetItem.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AssetHoldingsItem } from '../../utils/assets';
+interface FunAssetItemProps {
+    asset: AssetHoldingsItem;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    badgeText: string | null;
+    onClick: () => void;
+}
+export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeText, onClick, }: FunAssetItemProps) => React.JSX.Element;
+export {};

package/dist/components/FunBadge/FunBadge.d.ts

@@ -1,4 +1,11 @@
 import React from 'react';
-export declare function FunBadge({ text }: {
-    text: string;
-}): React.JSX.Element;
+import { BoxProps } from '../Box/Box';
+interface FunBadgeProps {
+    children: React.ReactNode;
+    paddingX?: BoxProps['paddingX'];
+    borderRadius?: BoxProps['borderRadius'];
+    background?: BoxProps['background'];
+    color?: BoxProps['color'];
+}
+export declare function FunBadge({ children, background, color, borderRadius, paddingX, }: FunBadgeProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const bottomBarDivider: string;
+export declare const notificationOverlay: string;

package/dist/components/FunBottomBar/FunBottomBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FunButtonProps } from '../FunButton/FunButton';
+interface Props {
+    topSection?: React.ReactNode;
+    actionButtonProps: FunButtonProps;
+    bottomSection?: React.ReactNode;
+    withBorder?: boolean;
+}
+export declare const FunBottomBar: ({ topSection, actionButtonProps, bottomSection, withBorder, }: Props) => React.JSX.Element;
+export {};

package/dist/components/FunButton/FunButton.d.ts

@@ -1,19 +1,18 @@
 import React from 'react';
 import { BoxProps } from '../Box/Box';
-import { TextProps } from '../Text/Text';
-export type funButtonTypes = 'primary' | 'secondary' | 'warning';
-interface FunButtonProps {
+export type FunButtonTypes = 'primary' | 'warning' | 'tertiary';
+export interface FunButtonProps {
     id?: string;
     title: string;
     onClick?: (e?: any) => void;
     titlePrefix?: React.ReactNode;
     titleSuffix?: React.ReactNode;
-    type?: funButtonTypes;
+    type?: FunButtonTypes;
     isDisabled?: boolean;
     borderRadius?: BoxProps['borderRadius'];
-    titleWeight?: TextProps['weight'];
     buttonStyle?: BoxProps['style'];
     textColor?: BoxProps['color'];
+    isLoading?: boolean;
+    loaderSize?: number;
 }
-export declare function FunButton({ id, title, onClick, titlePrefix, titleSuffix, isDisabled, type, borderRadius, titleWeight, buttonStyle, textColor, }: FunButtonProps): React.JSX.Element;
-export {};
+export declare function FunButton({ id, title, onClick, titlePrefix, titleSuffix, isDisabled, type, borderRadius, buttonStyle, textColor, isLoading, loaderSize, }: FunButtonProps): React.JSX.Element;

package/dist/components/FunButton/FunIconButton.d.ts

@@ -3,8 +3,8 @@ import { BoxProps } from '../Box/Box';
 /**
  * Circular icon button with dynamic height and width
  */
-export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, width, rotateIconAnimation, }: {
-    onClick: () => void;
+export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, width, rotateIconAnimation, renderAsSquare, as, }: {
+    onClick?: () => void;
     icon: React.ReactNode;
     size?: BoxProps["height"];
     paddingX?: BoxProps["paddingX"];
@@ -16,4 +16,6 @@ export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX
     background?: BoxProps["background"];
     width?: BoxProps["width"];
     rotateIconAnimation?: boolean;
+    renderAsSquare?: boolean;
+    as?: BoxProps["as"];
 }) => React.JSX.Element;

package/dist/components/FunCallToAction/FunCallToAction.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+interface CallToActionProps {
+    badgeText: string;
+    badgeBackground: BoxProps['background'];
+    badgeColor: BoxProps['color'];
+    children: React.ReactNode;
+}
+export declare function FunCallToAction({ badgeText, badgeBackground, badgeColor, children, }: CallToActionProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export declare const ContentExpanded: string;
+export declare const ContentCollapsed: string;
+export declare const HistoryContainer: string;
+export declare const Divider: string;

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,11 @@
 import React from 'react';
 import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, regenerateQuoteFn, onFinish, animateOut, }: {
+export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, regenerateQuoteFn, onFinish, animateOut, 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,11 @@
+import React from 'react';
+import { PaymentMethodInfo } from '../../consts/payment';
+import { MeshExchanges } from '../../utils/mesh';
+interface Props {
+    exchange: MeshExchanges;
+    backAnimation?: boolean;
+    onSoftHide: (p: boolean) => void;
+    onSetup: (newPaymentMethodInfo: PaymentMethodInfo) => void;
+}
+export declare const FunCheckoutConnectExchangeStep: ({ exchange, backAnimation, onSoftHide, onSetup, }: Props) => React.JSX.Element;
+export {};

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

@@ -1,6 +1,9 @@
 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, animateOut, ticker, }: FunCheckoutInputAmountStepProps) => React.JSX.Element;
+export {};

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

@@ -4,6 +4,7 @@ export declare enum FunCheckoutStep {
     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/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,14 @@
+import React from 'react';
+import { WalletConnector } from '../../wallets/useWalletConnectors';
+type ResultType = 'success' | 'error';
+interface FunErrorContentProps {
+    onBack: () => void;
+    onClose: () => void;
+    actionTitle: string;
+    onAction: () => void;
+    wallet: WalletConnector | undefined;
+    type: ResultType;
+    qrCodeUri: string;
+}
+export declare const FunConnectResultStep: ({ onBack, onClose, onAction, actionTitle, type, wallet, qrCodeUri, }: FunErrorContentProps) => React.JSX.Element;
+export {};

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

@@ -1,8 +1,7 @@
 import React from 'react';
-import { ConnectStep } from './FunConnectOptions';
-export declare function FunFarcasterConnectingStep({ farcasterUri, farcasterToken, changeStep, onClose, }: {
+export declare function FunFarcasterConnectingStep({ farcasterUri, farcasterToken, onBack, onClose, }: {
     farcasterUri: string;
     farcasterToken: string;
-    changeStep: (p: ConnectStep) => void;
+    onBack: () => 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,10 @@
 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, onClose, onBack, }: FunWeb2ConnectingStepProps) => React.JSX.Element;
 export {};

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { WalletConnector } from '../../wallets/useWalletConnectors';
-import { ConnectStep } from './FunConnectOptions';
-export declare function FunWeb3ConnectingStep({ onClose, changeStep, selectedWallet, qrCodeUri, }: {
+interface Props {
     onClose: () => void;
-    changeStep: (newStep: ConnectStep) => void;
+    onBack: () => void;
     selectedWallet: WalletConnector | undefined;
     qrCodeUri: string;
-}): React.JSX.Element;
+}
+export declare const FunWeb3ConnectingStep: ({ onClose, onBack, 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/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,28 @@
 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'];
+    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/FunModalTitleSection/FunModalTitleSection.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
-import { BoxProps } from '../Box/Box';
-export declare function FunModalTitleSection({ title, hasCloseButton, onClose, hasBackButton, onBack, backAnimation, skipBackDelay, customJustifyContentStyle, }: {
-    title: string;
+interface FunModalTitleSectionProps {
+    title?: string;
     hasCloseButton?: boolean;
     onClose?: (p?: any) => void;
     hasBackButton?: boolean;
     skipBackDelay?: boolean;
     onBack?: (p?: any) => void;
     backAnimation?: boolean;
-    customJustifyContentStyle?: BoxProps['justifyContent'];
-}): React.JSX.Element;
+    countdownMs?: number;
+    countdownKey?: string;
+}
+export declare const FunModalTitleSection: ({ title, hasCloseButton, onClose, hasBackButton, onBack, backAnimation, skipBackDelay, countdownMs, countdownKey, }: FunModalTitleSectionProps) => React.JSX.Element;
+export {};

package/dist/components/FunModalTitleSection/FunModalTitleSectionCountdown.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type FunModalTitleSectionCountdownProps = {
+    countdownMs: number;
+    notifyDeadlinePassed: () => void;
+};
+export declare const FunModalTitleSectionCountdown: ({ countdownMs, notifyDeadlinePassed, }: FunModalTitleSectionCountdownProps) => 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

@@ -12,5 +12,9 @@ interface FunNotificationProps {
     isVisible?: boolean;
 }
 type FunNotificationType = 'default' | 'error';
-export declare function FunNotification({ type, description, actionText, onAction, textProps, containerProps, isVisible, }: FunNotificationProps): React.JSX.Element;
+/**
+ * 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,11 @@
 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, backAnimation, }: FunPaymentMeshTypeProps): React.JSX.Element;

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

@@ -9,16 +9,15 @@ 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
+export declare function FunPaymentMethods({ primaryInfo, checkoutId, // only valid for paymentFlow === CHECKOUT
 paymentFlow, onSelect, isDisabled, backAnimation, depositInfo, }: {
+    primaryInfo: React.ReactNode;
     checkoutId?: string | null;
     paymentFlow: PaymentFlow;
     onSelect: (paymentMethodInfo: PaymentMethodInfo) => void;

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

@@ -1,12 +1,12 @@
 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;
@@ -16,5 +16,5 @@ interface FunPaymentSetupProps {
     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, backAnimation, redirectToCheckoutHistory, isParentLoading, finalConvertedAssetName, }: FunPaymentSetupProps): React.JSX.Element;
 export {};