@funkit/connect 3.0.0-next.0 → 3.0.0-next.1

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

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { BoxProps } from '../Box/Box';
 interface DialogProps {
     open: boolean;
     onClose: () => void;
@@ -10,5 +11,31 @@ interface DialogProps {
     /** Whether clicking outside the dialog or pressing escape key would close the modal */
     isSmartCloseable?: boolean;
 }
+/**
+ * Dialog components (title, content, bottom bar) must be rendered as direct children of Dialog for correct scrolling behavior
+ */
 export declare function Dialog({ children, onClose, open, titleId, isHidden, isSmartCloseable, }: DialogProps): React.JSX.Element;
+export declare namespace Dialog {
+    var Title: ({ title, hasCloseButton, onClose, hasBackButton, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, }: DialogTitleProps) => React.JSX.Element;
+    var Content: ({ children, fullHeight, paddingX, className, ...boxProps }: DialogContentProps) => React.JSX.Element;
+    var BottomSection: ({ paddingX, ...boxProps }: Omit<BoxProps, "children">) => React.JSX.Element;
+    var BottomBar: ({ topSection, actionButtonProps, bottomSection, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
+}
+interface DialogContentProps extends BoxProps {
+    children: ReactNode;
+    /** Whether the content should fill all available space */
+    fullHeight?: boolean;
+}
+export interface DialogTitleProps {
+    title?: string;
+    hasCloseButton?: boolean;
+    onClose?: (p?: any) => void;
+    hasBackButton?: boolean;
+    skipBackDelay?: boolean;
+    onBack?: (p?: any) => void;
+    backAnimation?: boolean;
+    countdownSeconds?: number;
+    countdownKey?: string;
+    delayCountdownReturnByBuffer?: boolean;
+}
 export {};

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

@@ -1,6 +1,5 @@
-export declare const dialogContent: string;
-export declare const dialogContentCompactMode: string;
-export declare const dialogContentMobile: string;
-export declare const scrollModalCheckoutContent: string;
-export declare const scrollModalContent: string;
+export declare const dialog: string;
+export declare const dialogCompact: string;
+export declare const dialogMobile: string;
+export declare const scrollContent: string;
 export declare const fullHeightContent: string;

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

@@ -8,4 +8,5 @@ interface FunAssetItemProps {
     onClick: () => void;
 }
 export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeText, onClick, }: FunAssetItemProps) => React.JSX.Element;
+export declare function FunAssetItemSkeleton(): React.JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,5 @@
 export declare const funLinkButtonStyle: string;
+export declare const pressedStyles: string;
 export declare const funIconButtonStyle: string;
 export declare const iconStyle: string;
 export declare const rotateStyle: string;

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

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

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

@@ -1,8 +1,11 @@
-import React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { HistoryContentPages } from '../../utils/checkoutHistory';
-export declare function FunCheckoutHistoryContent({ onClose, depositAddress, initialPage, onBackFromDetailPage, }: {
+interface FunCheckoutHistoryContentProps {
     depositAddress: `0x${string}`;
-    initialPage: HistoryContentPages;
-    onClose: () => void;
-    onBackFromDetailPage: undefined | (() => void);
-}): React.JSX.Element;
+    currentPage: HistoryContentPages;
+    setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
+    onBackFromHelpPage: () => void;
+}
+export declare const HELP_SCREEN_BOTTOM_BAR_ID = "help-screen-bottom-section";
+export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, setCurrentPage, onBackFromHelpPage, }: FunCheckoutHistoryContentProps): React.JSX.Element;
+export {};

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

@@ -4,8 +4,7 @@ import { HistoryContentPages } from '../../utils/checkoutHistory';
 /**
  * Processing info about a checkout history item (already created in backend)
  */
-export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, setCurrentPage, animateOut, }: {
+export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, setCurrentPage, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;
     setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
-    animateOut: boolean;
 }): React.JSX.Element;

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

@@ -1,7 +1,6 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
-export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, animateOut, onBackFromHelpPage, }: {
+export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, onBackFromHelpPage, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;
-    animateOut: boolean;
     onBackFromHelpPage: () => void;
 }): React.JSX.Element;

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

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

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

@@ -1,11 +1,8 @@
 import React from 'react';
-import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, regenerateQuoteFn, onFinish, animateOut, isRegeneratingQuote, onConfirmClickCallback, }: {
+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

@@ -3,9 +3,8 @@ 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 declare const FunCheckoutConnectExchangeStep: ({ exchange, onSoftHide, onSetup, }: Props) => React.JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,5 @@
 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",

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/FunConnectResultStep.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { WalletConnector } from '../../wallets/useWalletConnectors';
 type ResultType = 'success' | 'error';
 interface FunErrorContentProps {
-    onBack: () => void;
     onClose: () => void;
     actionTitle: string;
     onAction: () => void;
@@ -10,5 +9,5 @@ interface FunErrorContentProps {
     type: ResultType;
     qrCodeUri: string;
 }
-export declare const FunConnectResultStep: ({ onBack, onClose, onAction, actionTitle, type, wallet, qrCodeUri, }: FunErrorContentProps) => React.JSX.Element;
+export declare const FunConnectResultStep: ({ onClose, onAction, actionTitle, type, wallet, qrCodeUri, }: FunErrorContentProps) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,5 @@
 import React from 'react';
-export declare function FunFarcasterConnectingStep({ farcasterUri, farcasterToken, onBack, onClose, }: {
+export declare function FunFarcasterConnectingStep({ farcasterUri, farcasterToken, }: {
     farcasterUri: string;
     farcasterToken: string;
-    onBack: () => void;
-    onClose: () => void;
 }): React.JSX.Element;

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

@@ -1,10 +1,8 @@
 import React from 'react';
 interface FunWeb2ConnectingStepProps {
-    onClose: () => void;
-    onBack: () => void;
     emailInput: string;
     otpInput: string;
     setOtpInput: React.Dispatch<React.SetStateAction<string>>;
 }
-export declare const FunWeb2ConnectingStep: ({ otpInput, setOtpInput, emailInput, onClose, onBack, }: FunWeb2ConnectingStepProps) => React.JSX.Element;
+export declare const FunWeb2ConnectingStep: ({ otpInput, setOtpInput, emailInput, }: FunWeb2ConnectingStepProps) => React.JSX.Element;
 export {};

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

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

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/FunInput/FunInput.d.ts

@@ -23,6 +23,7 @@ export interface FunInputProps<T = HTMLInputElement> {
     textColor?: BoxProps['color'];
     textWeight?: BoxProps['fontWeight'];
     overrideBorderWidth?: undefined | BoxProps['borderWidth'];
+    overrideBackground?: BoxProps['background'];
     borderRadius?: BoxProps['borderRadius'];
 }
 export declare const FunInput: React.ForwardRefExoticComponent<Omit<FunInputProps<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -11,7 +11,7 @@ interface FunNotificationProps {
     containerProps?: React.ComponentProps<typeof Box>;
     isVisible?: boolean;
 }
-type FunNotificationType = 'default' | 'error';
+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.

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

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

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

@@ -16,13 +16,12 @@ export declare function ExistingPaymentMethodItem({ paymentMethodInfo, }: {
  * Handle selection and adding of payment methods
  */
 export declare function FunPaymentMethods({ primaryInfo, checkoutId, // only valid for paymentFlow === CHECKOUT
-paymentFlow, onSelect, isDisabled, backAnimation, depositInfo, }: {
+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

@@ -11,10 +11,8 @@ interface FunPaymentSetupProps {
     token: string;
     tokenChainId: string;
     tokenAmountUsd: number;
-    backAnimation?: boolean;
     redirectToCheckoutHistory?: (depositAddress: string) => void;
     isParentLoading: boolean;
-    finalConvertedAssetName?: string;
 }
-export declare function FunPaymentSetup({ paymentFlow, paymentAddress, paymentMethod, onBackToHome, onExchangeConfirm, 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/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

@@ -1,9 +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?: 'row' | 'column';
+    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 {};

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -24,8 +24,8 @@ export interface FunkitCheckoutConfig {
     targetAsset: Address;
     /** The amount of wanted asset for the checkout operation. **/
     targetAssetAmount: number;
-    /** The asset unit information for the wanted asset for the checkout operation **/
-    targetAssetTicker?: string;
+    /** The ticker information of the wanted asset for the checkout operation. e.g. USDC. **/
+    targetAssetTicker: string;
     /** Timestamp (in milliseconds) after which the checkout should not be performed, and the funds will become rescuable. Min: 300000 (5 mins), Max: 3600000 (1 hour). **/
     expirationTimestampMs: number;
     /** Custom recipient address of the checkout. If specified, a different checkout flow will be executed. It is not recommended to set this unless the Fun.xyz team advises it. **/
@@ -39,8 +39,6 @@ export interface FunkitCheckoutConfig {
     iconSrc?: null | string;
     /** Title of the item being checked out. e.g. Staked Ether, XYZ Option, Solar Bond ABC **/
     checkoutItemTitle: string;
-    /** Description of the item being checked out. If not specified, it will default to blank. **/
-    checkoutItemDescription?: string;
     /** The quantity of the item being checked out. If not specified (0, null, undefined), it will default to blank. **/
     checkoutItemAmount?: number;
     /** Whether editing is skipped and disabled for checkouts with empty actionsParams. **/