@funkit/connect 2.0.7 → 3.0.0-next.0

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

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

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { FunkitSocialLoginMethod } from '../../consts/funkit';
+import { FunkitPrioritizedLoginType, FunkitSocialLoginMethod } from '../../consts/funkit';
 import { PaymentMethod } from '../../consts/payment';
 import { BoxProps } from '../Box/Box';
 export interface FunkitTextCustomizationsConfig {
@@ -14,11 +14,10 @@ export interface FunkitTextCustomizationsConfig {
     otc: string;
 }
 export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig;
-export declare const DEFAULT_PRIVY_APP_ID = "clnatprpv00sfmi0fv3qc185b";
 interface FunkitLoginOptionsConfig {
     web2: boolean;
     web3: boolean;
-    prioritizeWeb2Logins?: boolean;
+    prioritizedLogin: FunkitPrioritizedLoginType;
     /** Enables social logins. Each type requires configuration in your app's privy dashboard. Please ensure to do so before enabling any. **/
     web2SocialLogins: {
         [FunkitSocialLoginMethod.GOOGLE]?: boolean;
@@ -27,12 +26,6 @@ interface FunkitLoginOptionsConfig {
         [FunkitSocialLoginMethod.FARCASTER]?: boolean;
     };
 }
-interface FunkitAccountOptionsConfig {
-    /** Whether end users can deposit usdc/eth from the account modal **/
-    allowDepositing?: boolean;
-    /** Whether unknown tokens are shown in users' account balance. Default: false. **/
-    showUnknownTokens?: boolean;
-}
 interface FunkitPaymentsConfig {
     /** If available, the specified payment method will be selected by default during checkout or deposits **/
     defaultPaymentMethod?: PaymentMethod | undefined;
@@ -46,7 +39,7 @@ interface FunkitPaymentsConfig {
         optionsSecondaryGap: BoxProps['gap'];
         /** Padding of each payment method option **/
         optionsPadding: BoxProps['paddingY'];
-        /** Vertical padding of all primary buttons **/
+        /** Vertical padding of all primary & secondary buttons **/
         buttonPaddingY: BoxProps['paddingY'];
     };
     methodsConfig: {
@@ -82,26 +75,18 @@ export type FunkitConfig = {
     allowBackgroundScroll?: boolean;
     /** Text customizations across all widgets **/
     textCustomizations?: Partial<FunkitTextCustomizationsConfig>;
-    /** Privy appId for social account management. It is not recommended to replace this. **/
-    privyAppId?: string;
     /** Login modal configuration **/
-    loginModalConfig: Partial<FunkitLoginOptionsConfig>;
-    /** Account modal configuration **/
-    accountModalConfig?: Partial<FunkitAccountOptionsConfig>;
+    loginConfig: Partial<FunkitLoginOptionsConfig>;
     /** Payments configuration **/
     paymentsConfig?: Partial<FunkitPaymentsConfig>;
-    /** T&Cs font size **/
-    termsFontSize?: number;
 };
 interface FinalFunkitConfigInternal extends FunkitConfig {
     appLogoSrc: string;
     appLogoBackgroundColor: string;
     allowBackgroundScroll: boolean;
     textCustomizations: FunkitTextCustomizationsConfig;
-    loginModalConfig: FunkitLoginOptionsConfig;
-    accountModalConfig: FunkitAccountOptionsConfig;
+    loginConfig: FunkitLoginOptionsConfig;
     paymentsConfig: FunkitPaymentsConfig;
-    privyAppId: string;
 }
 export declare const FunkitConfigContext: React.Context<FunkitConfig>;
 export declare function useFunkitConfig(): FinalFunkitConfigInternal;

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

@@ -27,16 +27,22 @@ export declare const defaultTheme: {
         paymentOptionBorderHover: string;
         paymentOptionBorderActive: string;
         paymentOptionBorderActiveHover: string;
+        paymentOptionBorderDisabled: string;
         standby: string;
+        success: string;
         loadingBase: string;
         loadingAccent: string;
+        chainIconBorder: string;
         modalBackdrop: string;
         modalBackground: string;
         modalBorder: string;
         notificationPrimary: string;
-        textPrimary: string;
-        textSecondary: string;
-        textTertiary: string;
+        offBackground: string;
+        hoverState: string;
+        offBackgroundInverse: string;
+        primaryText: string;
+        secondaryText: string;
+        tertiaryText: string;
         textDisabled: string;
         textSelection: string;
         inputFieldPrimary: string;
@@ -44,6 +50,9 @@ export declare const defaultTheme: {
         inputFieldDisabled: string;
         optionBackground: string;
         optionBackgroundSecondary: string;
+        actionColor: string;
+        actionColorHover: string;
+        actionColorDisabled: string;
         buttonPrimary: string;
         buttonProcessing: string;
         buttonDisabled: string;
@@ -63,9 +72,15 @@ export declare const defaultTheme: {
         selectedOption: string;
         selectedWallet: string;
         walletLogo: string;
+        button: string;
+        callToAction: string;
     };
     moonpayTheme: string;
     fontSize: {
+        '8': {
+            fontSize: string;
+            lineHeight: string;
+        };
         '10': {
             fontSize: string;
             lineHeight: string;
@@ -98,6 +113,10 @@ export declare const defaultTheme: {
             fontSize: string;
             lineHeight: string;
         };
+        '40': {
+            fontSize: string;
+            lineHeight: string;
+        };
         '57': {
             fontSize: string;
             lineHeight: string;
@@ -164,16 +183,22 @@ export declare const useActiveTheme: () => {
             paymentOptionBorderHover: string;
             paymentOptionBorderActive: string;
             paymentOptionBorderActiveHover: string;
+            paymentOptionBorderDisabled: string;
             standby: string;
+            success: string;
             loadingBase: string;
             loadingAccent: string;
+            chainIconBorder: string;
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
             notificationPrimary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
+            offBackground: string;
+            hoverState: string;
+            offBackgroundInverse: string;
+            primaryText: string;
+            secondaryText: string;
+            tertiaryText: string;
             textDisabled: string;
             textSelection: string;
             inputFieldPrimary: string;
@@ -181,6 +206,9 @@ export declare const useActiveTheme: () => {
             inputFieldDisabled: string;
             optionBackground: string;
             optionBackgroundSecondary: string;
+            actionColor: string;
+            actionColorHover: string;
+            actionColorDisabled: string;
             buttonPrimary: string;
             buttonProcessing: string;
             buttonDisabled: string;
@@ -204,6 +232,10 @@ export declare const useActiveTheme: () => {
             heavy: string;
         };
         fontSize: {
+            '8': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '10': {
                 fontSize: string;
                 lineHeight: string;
@@ -236,6 +268,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            '40': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '57': {
                 fontSize: string;
                 lineHeight: string;
@@ -255,6 +291,8 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             walletLogo: string;
+            button: string;
+            callToAction: string;
         };
         blurs: {
             modalOverlay: string;
@@ -289,16 +327,22 @@ export declare const useActiveTheme: () => {
             paymentOptionBorderHover: string;
             paymentOptionBorderActive: string;
             paymentOptionBorderActiveHover: string;
+            paymentOptionBorderDisabled: string;
             standby: string;
+            success: string;
             loadingBase: string;
             loadingAccent: string;
+            chainIconBorder: string;
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
             notificationPrimary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
+            offBackground: string;
+            hoverState: string;
+            offBackgroundInverse: string;
+            primaryText: string;
+            secondaryText: string;
+            tertiaryText: string;
             textDisabled: string;
             textSelection: string;
             inputFieldPrimary: string;
@@ -306,6 +350,9 @@ export declare const useActiveTheme: () => {
             inputFieldDisabled: string;
             optionBackground: string;
             optionBackgroundSecondary: string;
+            actionColor: string;
+            actionColorHover: string;
+            actionColorDisabled: string;
             buttonPrimary: string;
             buttonProcessing: string;
             buttonDisabled: string;
@@ -329,6 +376,10 @@ export declare const useActiveTheme: () => {
             heavy: string;
         };
         fontSize: {
+            '8': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '10': {
                 fontSize: string;
                 lineHeight: string;
@@ -361,6 +412,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            '40': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '57': {
                 fontSize: string;
                 lineHeight: string;
@@ -380,6 +435,8 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             walletLogo: string;
+            button: string;
+            callToAction: string;
         };
         blurs: {
             modalOverlay: string;
@@ -413,16 +470,22 @@ export declare const useActiveTheme: () => {
             paymentOptionBorderHover: string;
             paymentOptionBorderActive: string;
             paymentOptionBorderActiveHover: string;
+            paymentOptionBorderDisabled: string;
             standby: string;
+            success: string;
             loadingBase: string;
             loadingAccent: string;
+            chainIconBorder: string;
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
             notificationPrimary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
+            offBackground: string;
+            hoverState: string;
+            offBackgroundInverse: string;
+            primaryText: string;
+            secondaryText: string;
+            tertiaryText: string;
             textDisabled: string;
             textSelection: string;
             inputFieldPrimary: string;
@@ -430,6 +493,9 @@ export declare const useActiveTheme: () => {
             inputFieldDisabled: string;
             optionBackground: string;
             optionBackgroundSecondary: string;
+            actionColor: string;
+            actionColorHover: string;
+            actionColorDisabled: string;
             buttonPrimary: string;
             buttonProcessing: string;
             buttonDisabled: string;
@@ -453,6 +519,10 @@ export declare const useActiveTheme: () => {
             heavy: string;
         };
         fontSize: {
+            '8': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '10': {
                 fontSize: string;
                 lineHeight: string;
@@ -485,6 +555,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            '40': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '57': {
                 fontSize: string;
                 lineHeight: string;
@@ -504,6 +578,8 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             walletLogo: string;
+            button: string;
+            callToAction: string;
         };
         blurs: {
             modalOverlay: string;

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

@@ -46,6 +46,7 @@ interface FunkitWeb2ContextType {
     }>;
     web2UserInfo: FunkitUserInfoBase;
 }
+export declare const AUTH_PROVIDER = "privy.io";
 interface FunkitWeb2ProviderProps {
     children: ReactNode;
 }

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

@@ -14,6 +14,7 @@ interface GeneralWalletContextProps {
     userInfo: FunkitUserInfo;
     isFetchingAssets: boolean;
     walletAssets: GeneralWalletAssets;
+    totalWalletAssetsUsd: number;
     startAssetsListener: () => void;
     stopAssetsListener: () => void;
     funWallet: FunWallet | null;

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

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

package/dist/components/GradientLoader/GradientLoader.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GradientLoader: React.FC;

package/dist/components/Icons/AlpacaIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const AlpacaIcon: () => React.JSX.Element;
+export declare const AlpacaIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/ArrowIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Direction = 'left' | 'right' | 'up' | 'down';
+interface Props {
+    direction: Direction;
+    size?: number;
+}
+export declare const ArrowIcon: ({ direction, size }: Props) => React.JSX.Element;
+export declare const BackIcon: () => React.JSX.Element;
+export {};

package/dist/components/Icons/BinanceIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const BinanceIcon: () => React.JSX.Element;
+export declare const BinanceIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/CexloIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const CexloIcon: () => React.JSX.Element;
+export declare const CexloIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/{Copied.d.ts → Checked.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const CopiedIcon: ({ size }: {
+export declare const CheckIcon: ({ size }: {
     size?: string;
 }) => React.JSX.Element;

package/dist/components/Icons/{NoAssetsFoundIcon.d.ts → CloseIcon.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const NotFoundIcon: ({ size }: {
+export declare const CloseIcon: ({ size }: {
     size?: number;
 }) => React.JSX.Element;

package/dist/components/Icons/CopyDoubleIcon.d.ts

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

package/dist/components/Icons/CryptoIcon.d.ts

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

package/dist/components/Icons/EtoroIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const EtoroIcon: () => React.JSX.Element;
+export declare const EtoroIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/FunLogoIcon.d.ts

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

package/dist/components/Icons/GeminiIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const GeminiIcon: () => React.JSX.Element;
+export declare const GeminiIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/GreenRoundCheckmark.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const GreenRoundCheckmark: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/HandIcon.d.ts

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

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

@@ -1,3 +1,2 @@
-export declare const CloseIconClassName: string;
 export declare const SpinnerIconClassName: string;
 export declare const SpinnerIconPathClassName: string;

package/dist/components/Icons/Info.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-export declare const InfoIcon: () => React.JSX.Element;
-export declare const FunInfoIcon: () => React.JSX.Element;
+export declare const FunInfoIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/LockIcon.d.ts

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

package/dist/components/Icons/LogoutIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const LogoutIcon: () => React.JSX.Element;
+export declare const LogoutIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/MailIcon.d.ts

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

package/dist/components/Icons/MoonPayLogoIcon.d.ts

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

package/dist/components/Icons/OkcoinIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const OkcoinIcon: () => React.JSX.Element;
+export declare const OkcoinIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/PhoneIcon.d.ts

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

package/dist/components/Icons/PublicIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const PublicIcon: () => React.JSX.Element;
+export declare const PublicIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/ReceiptIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const ReceiptIcon: () => React.JSX.Element;
+export declare const ReceiptIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/RedRoundErrorCross.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const RedRoundErrorCross: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/RobinhoodIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const RobinhoodIcon: () => React.JSX.Element;
+export declare const RobinhoodIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/SearchSkeletonIcon.d.ts

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

package/dist/components/Icons/SelectDropdownIcon.d.ts

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

package/dist/components/Icons/SettingsIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const SettingsIcon: () => React.JSX.Element;
+export declare const SettingsIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/ShieldIcon.d.ts

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

package/dist/components/Icons/SocialsIcon.d.ts

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

package/dist/components/Icons/Spinner.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-export declare const SpinnerIcon: ({ height, width, }: {
+export declare const SpinnerIcon: ({ height, width, strokeWidth, strokeColor, }: {
     width?: string | number;
     height?: string | number;
+    strokeWidth?: number;
+    strokeColor?: "black" | "currentColor";
 }) => React.JSX.Element;

package/dist/components/Icons/StatusIcons.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
-export declare const CompletedStatusIcon: () => React.JSX.Element;
-export declare const PendingStatusIcon: () => React.JSX.Element;
-export declare const FailedStatusIcon: () => React.JSX.Element;
+interface IconProps {
+    size?: number;
+}
+export declare const CompletedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
+export declare const PendingStatusIcon: ({ size }: IconProps) => React.JSX.Element;
+export declare const FailedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
+export {};

package/dist/components/Icons/TwoFaIcon.d.ts

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

package/dist/components/Icons/WalletIcon.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 export declare const WalletIcon: () => React.JSX.Element;
 export declare const WalletDecoratedIcon: () => React.JSX.Element;
+export declare const GeneralMetamaskWalletIcon: () => React.JSX.Element;

package/dist/components/Icons/WeBullIcon.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const WeBullIcon: () => React.JSX.Element;
+export declare const WeBullIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/ModalSelection/ModalSelection.d.ts

@@ -8,11 +8,12 @@ type Props = {
     name: string;
     iconUrl: string | (() => Promise<string>);
     iconBackground?: string;
+    icon?: React.ReactNode;
     testId?: string;
     isFunkitSdkConnector?: boolean;
 };
 export declare const ModalSelection: {
-    ({ as, currentlySelected, iconBackground, iconUrl, name, onClick, ready, recent, testId, isFunkitSdkConnector, ...urlProps }: Props): React.JSX.Element;
+    ({ as, currentlySelected, iconBackground, iconUrl, icon, name, onClick, ready, recent, testId, isFunkitSdkConnector, ...urlProps }: Props): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.d.ts

@@ -0,0 +1 @@
+export declare const homeCheckoutDisplayRowStyle: Record<"defaultBorder" | "defaultBackground" | "hoverBackground", string>;

package/dist/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.d.ts

@@ -0,0 +1,7 @@
+import { CheckoutHistoryItem } from '@funkit/api-base';
+import React from 'react';
+import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+export declare const HomeCheckoutDisplayRow: ({ checkoutHistoryItem, onSelect, }: {
+    checkoutHistoryItem: CheckoutHistoryItem;
+    onSelect: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
+}) => React.JSX.Element;