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

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

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Address } from 'viem';
-import { PaymentFlow } from '../../consts/payment';
-export declare function FunPaymentMoonpayType({ paymentFlow, paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, onBackToHome, redirectToCheckoutHistory, }: {
-    paymentFlow: PaymentFlow;
+export declare function FunPaymentMoonpayType({ paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, redirectToCheckoutHistory, }: {
     paymentAddress: Address;
     depositToken: string;
     depositTokenChainId: string;

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

@@ -1,9 +1,8 @@
 import React from 'react';
 import { Address } from 'viem';
-import { PaymentFlow, PaymentMethod } from '../../consts/payment';
+import { PaymentMethod } from '../../consts/payment';
 import { MeshExchanges } from '../../utils/mesh';
 interface FunPaymentSetupProps {
-    paymentFlow: PaymentFlow;
     paymentMethod: undefined | null | PaymentMethod;
     onBackToHome: () => void;
     onExchangeConfirm: (exchange: MeshExchanges) => void;
@@ -14,5 +13,5 @@ interface FunPaymentSetupProps {
     redirectToCheckoutHistory?: (depositAddress: string) => void;
     isParentLoading: boolean;
 }
-export declare function FunPaymentSetup({ paymentFlow, paymentAddress, paymentMethod, onBackToHome, onExchangeConfirm, token, tokenChainId, tokenAmountUsd, redirectToCheckoutHistory, isParentLoading, }: FunPaymentSetupProps): React.JSX.Element;
+export declare function FunPaymentSetup({ paymentAddress, paymentMethod, onBackToHome, onExchangeConfirm, token, tokenChainId, tokenAmountUsd, redirectToCheckoutHistory, isParentLoading, }: FunPaymentSetupProps): React.JSX.Element;
 export {};

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

@@ -1,9 +1,12 @@
 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 type FunSkeletonBlockProps = {
+    /** Block height (default: 14px) */
+    height?: number | `${number}%` | `${number}px`;
+    /** Margin bottom (px) */
+    marginBottom?: number;
+    /** Margin top (px) */
+    marginTop?: number;
+    /** Block width (default: 100%) */
+    width?: number | `${number}%` | `${number}px`;
 };
 export declare function FunSkeletonBlock(props: FunSkeletonBlockProps): React.JSX.Element;
-export {};

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

@@ -1,7 +1,16 @@
 import React from 'react';
-type FunSkeletonCircleProps = {
-    /** Circle size (default: 20px, small: 15px, large: 20px) */
-    size?: 'default' | 'small' | 'large' | number;
+export type FunSkeletonCircleProps = {
+    /** Margin (px) */
+    margin?: number;
+    /** Margin bottom (px) */
+    marginBottom?: number;
+    /** Margin left (px) */
+    marginLeft?: number;
+    /** Margin right (px) */
+    marginRight?: number;
+    /** Margin top (px) */
+    marginTop?: number;
+    /** Circle size (default: 20px) */
+    size?: number | `${number}%` | `${number}px`;
 };
-export declare function FunSkeletonCircle(props: FunSkeletonCircleProps): React.JSX.Element;
-export {};
+export declare function FunSkeletonCircle({ size, ...props }: FunSkeletonCircleProps): React.JSX.Element;

package/dist/components/FunToast/FunShortToast.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { FunToastProps } from './FunToast';
-export declare const ShortFunToast: ({ type, title, description, closing, }: FunToastProps) => React.JSX.Element;
+export declare const ShortFunToast: ({ type, title, closing, }: FunToastProps) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import { CheckoutHistoryItem, CheckoutQuoteResponse } from '@funkit/api-base';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
-import { PaymentMethodInfo } from '../../consts/payment';
+import { PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
 import { CheckoutHistoryStateMap } from '../../utils/checkout';
 import { CheckoutFeesBreakdownItem } from '../../utils/checkoutFees';
 export interface FunkitCheckoutActionParams {
@@ -30,6 +30,8 @@ export interface FunkitCheckoutConfig {
     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. **/
     customRecipient?: Address | DydxAddress;
+    /** If available, the specified payment method will be selected by default during checkout or deposits **/
+    defaultPaymentMethod?: PaymentMethod | undefined;
     /** ****************************************
      * Checkout ModalUI-related configurations *
      *******************************************/
@@ -135,6 +137,7 @@ interface useFunkitPreCheckoutInternalReturn {
     updateTargetAssetAmount: (newTargetAssetAmount: number) => void;
     updateSelectedPaymentMethodInfo: (newPaymentMethodInfo: PaymentMethodInfo) => void;
     confirmCheckout: (shouldBatchOpBypassInit: boolean, stepMessageSetter: (m: string) => void) => Promise<Address>;
+    cancelCheckout: (depositAddress: Address) => Promise<boolean>;
     getCheckoutDraftDollarValue: () => Promise<void>;
     clearCheckoutQuoteMessages: () => void;
     getCheckoutQuote: (sponsorInitialTransferGasLimit: number, newPaymentMethodInfo: PaymentMethodInfo) => Promise<boolean>;

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

@@ -1,14 +1,13 @@
-import React, { ReactNode } from 'react';
 import { FunkitPrioritizedLoginType, FunkitSocialLoginMethod } from '../../consts/funkit';
-import { PaymentMethod } from '../../consts/payment';
-import { BoxProps } from '../Box/Box';
 export interface FunkitTextCustomizationsConfig {
+    /** @deprecated   */
     selectPaymentMethod: string;
     brokerageOrExchange: string;
     debitOrCredit: string;
     accountBalance: string;
     transferCrypto: string;
     selectAccount: string;
+    /** @deprecated   */
     enterPaymentInfo: string;
     payWith: string;
     otc: string;
@@ -26,42 +25,6 @@ interface FunkitLoginOptionsConfig {
         [FunkitSocialLoginMethod.FARCASTER]?: boolean;
     };
 }
-interface FunkitPaymentsConfig {
-    /** If available, the specified payment method will be selected by default during checkout or deposits **/
-    defaultPaymentMethod?: PaymentMethod | undefined;
-    /** Max width of the title of each payment method **/
-    paymentTitleMaxWidth?: BoxProps['maxWidth'];
-    /** Payment method options styling **/
-    optionsConfig: {
-        /** Spacing between payment method and OTC options **/
-        optionsPrimaryGap: BoxProps['gap'];
-        /** Spacing between asset and exchange options **/
-        optionsSecondaryGap: BoxProps['gap'];
-        /** Padding of each payment method option **/
-        optionsPadding: BoxProps['paddingY'];
-        /** Vertical padding of all primary & secondary buttons **/
-        buttonPaddingY: BoxProps['paddingY'];
-    };
-    methodsConfig: {
-        [paymentMethod: string]: {
-            icon: ReactNode;
-            speedIconColorBase: string;
-            speedIconColorActive: string;
-        };
-    };
-    /** Custom OTC option with redirect links **/
-    otcConfig: {
-        isEnabled: boolean;
-        title: string;
-        optionsList: {
-            label: string;
-            labelIcon: ReactNode;
-            url: string;
-            isDisabled: boolean;
-            tagLabel: string;
-        }[];
-    };
-}
 export type FunkitConfig = {
     /** Funkit api key **/
     apiKey: string;
@@ -77,8 +40,6 @@ export type FunkitConfig = {
     textCustomizations?: Partial<FunkitTextCustomizationsConfig>;
     /** Login modal configuration **/
     loginConfig: Partial<FunkitLoginOptionsConfig>;
-    /** Payments configuration **/
-    paymentsConfig?: Partial<FunkitPaymentsConfig>;
 };
 interface FinalFunkitConfigInternal extends FunkitConfig {
     appLogoSrc: string;
@@ -86,8 +47,7 @@ interface FinalFunkitConfigInternal extends FunkitConfig {
     allowBackgroundScroll: boolean;
     textCustomizations: FunkitTextCustomizationsConfig;
     loginConfig: FunkitLoginOptionsConfig;
-    paymentsConfig: FunkitPaymentsConfig;
 }
-export declare const FunkitConfigContext: React.Context<FunkitConfig>;
+export declare const FunkitConfigContext: import("react").Context<FunkitConfig>;
 export declare function useFunkitConfig(): FinalFunkitConfigInternal;
 export {};

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

@@ -16,5 +16,8 @@ interface UserIpInfoFromMoonpay {
     isLowLimitEnabled: boolean;
     state: string;
 }
-export declare function useFunkitMoonpayUserIp(): UserIpInfoFromMoonpay | null;
+export declare function useFunkitUserIp(): {
+    userIpInfo: UserIpInfoFromMoonpay | null;
+    isUserBlockedForCheckout: boolean;
+};
 export {};

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

@@ -28,6 +28,7 @@ export declare const defaultTheme: {
         offBackground: string;
         hoverState: string;
         offBackgroundInverse: string;
+        dydxSwitchActiveBackground: string;
         primaryText: string;
         secondaryText: string;
         tertiaryText: string;
@@ -59,6 +60,9 @@ export declare const defaultTheme: {
         buttonStroke: string;
         buttonTextSecondaryDisabled: string;
         buttonTextSecondary: string;
+        buttonIconBackgroundHover: string;
+        buttonIconBackgroundPressed: string;
+        buttonIconStroke: string;
     };
     shadows: {
         connectButton: string;
@@ -66,7 +70,6 @@ export declare const defaultTheme: {
         selectedOption: string;
         selectedWallet: string;
         button: string;
-        callToAction: string;
     };
     moonpayTheme: string;
     fontSize: {
@@ -177,6 +180,7 @@ export declare const useActiveTheme: () => {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
@@ -208,6 +212,9 @@ export declare const useActiveTheme: () => {
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
+            buttonIconBackgroundHover: string;
+            buttonIconBackgroundPressed: string;
+            buttonIconStroke: string;
         };
         fonts: {
             body: string;
@@ -278,7 +285,6 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             button: string;
-            callToAction: string;
         };
         blurs: {
             modalOverlay: string;
@@ -314,6 +320,7 @@ export declare const useActiveTheme: () => {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
@@ -345,6 +352,9 @@ export declare const useActiveTheme: () => {
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
+            buttonIconBackgroundHover: string;
+            buttonIconBackgroundPressed: string;
+            buttonIconStroke: string;
         };
         fonts: {
             body: string;
@@ -415,7 +425,6 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             button: string;
-            callToAction: string;
         };
         blurs: {
             modalOverlay: string;
@@ -450,6 +459,7 @@ export declare const useActiveTheme: () => {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
@@ -481,6 +491,9 @@ export declare const useActiveTheme: () => {
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
+            buttonIconBackgroundHover: string;
+            buttonIconBackgroundPressed: string;
+            buttonIconStroke: string;
         };
         fonts: {
             body: string;
@@ -551,7 +564,6 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             button: string;
-            callToAction: string;
         };
         blurs: {
             modalOverlay: string;

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

@@ -1,9 +1,14 @@
+import { AssetBalanceInfo } from '@funkit/api-base';
 import { Auth, FunWallet } from '@funkit/core';
 import React from 'react';
 import { FunkitUserInfo } from '../../consts/funkit';
 import { PaymentMethodInfo } from '../../consts/payment';
-type GeneralWalletAssets = null | {
-    [x: string]: any;
+export interface KnownAssetBalanceInfo extends AssetBalanceInfo {
+    price: number;
+    totalUsdValue: number;
+}
+export type GeneralWalletAssets = null | {
+    [x: string]: KnownAssetBalanceInfo;
 };
 interface GeneralWalletContextProps {
     walletAddress: string;
@@ -15,7 +20,6 @@ interface GeneralWalletContextProps {
     isFetchingAssets: boolean;
     walletAssets: GeneralWalletAssets;
     totalWalletAssetsUsd: number;
-    maxUsdWalletAssetKey: string;
     startAssetsListener: () => void;
     stopAssetsListener: () => void;
     funWallet: FunWallet | null;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EvmWallet: React.JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const MailIcon: () => React.JSX.Element;
+interface MailIconProps {
+    width?: number;
+}
+export declare const MailIcon: ({ width }: MailIconProps) => React.JSX.Element;
+export {};

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

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

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

@@ -1,7 +1,30 @@
 import React from 'react';
+import { FunkitUserInfoBase } from '../../consts/funkit';
+import { PaymentMethod } from '../../consts/payment';
 export declare const CreditCardIcon: () => React.JSX.Element;
 export declare const AchBankIcon: () => React.JSX.Element;
 export declare const TransferCryptoIcon: ({ color, }: {
     color?: string;
 }) => React.JSX.Element;
 export declare const BrokerageIcon: () => React.JSX.Element;
+export declare const PAYMENT_METHOD_ICONS: {
+    brokerage: React.JSX.Element;
+    card: React.JSX.Element;
+    transfer: React.JSX.Element;
+};
+type AccountInfo = {
+    loginType: 'web2' | 'web3';
+    userInfo: FunkitUserInfoBase;
+} | {
+    loginType: 'unlogin';
+};
+/**
+  Reference ENG-716
+  * web2 users -> social icon
+  * EOA wallet users
+    * detect connectors and show builtin icon in SDK
+    * if no SDK icons available, show icon from wagmi
+  * otherwise show fallback icon EVM
+*/
+export declare function useAccountBalanceIcon(paymentMethod: PaymentMethod, accountInfo: AccountInfo): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+export {};

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

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

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

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

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

@@ -1,4 +1,2 @@
 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/WhitelistIcon.d.ts

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

package/dist/components/ProfileDetails/ActivityTraversalContext.d.ts

@@ -1,40 +1,31 @@
 import React from 'react';
 import { HistoryContentPages } from '../../utils/checkoutHistory';
 import { FunProfileView } from './ProfileDetails';
-export declare const ActivityTraversalContext: React.Context<{
-    selectedPurchaseId: `0x${string}` | undefined;
-    selectedPurchaseInitView: HistoryContentPages | undefined;
-    returnView: FunProfileView | undefined;
+export interface BaseActivitySelection {
+    depositAddress: `0x${string}`;
+    initialPage: HistoryContentPages;
     returnViewPresets: {
         [x: string]: any;
     };
-    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: {
-        depositAddress: `0x${string}`;
-        initialPage: HistoryContentPages;
-        returnView: FunProfileView;
-        returnViewPresets: {
-            [x: string]: any;
-        };
-        onRedirect: () => void;
-    }) => void;
+}
+export interface ActivitySelection extends BaseActivitySelection {
+    onRedirect: () => void;
+    returnView: FunProfileView;
+}
+export declare const ActivityTraversalContext: React.Context<{
+    selectedPurchaseId: `0x${string}` | undefined;
+    selectedPurchaseInitView: HistoryContentPages | undefined;
+    returnView: ActivitySelection["returnView"] | undefined;
+    returnViewPresets: ActivitySelection["returnViewPresets"];
+    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: ActivitySelection) => void;
     resetActivityTraversal: () => void;
 }>;
 export declare const ActivityTraversalProvider: ({ children }: any) => React.JSX.Element;
 export declare const useActivityTraversal: () => {
     selectedPurchaseId: `0x${string}` | undefined;
     selectedPurchaseInitView: HistoryContentPages | undefined;
-    returnView: FunProfileView | undefined;
-    returnViewPresets: {
-        [x: string]: any;
-    };
-    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: {
-        depositAddress: `0x${string}`;
-        initialPage: HistoryContentPages;
-        returnView: FunProfileView;
-        returnViewPresets: {
-            [x: string]: any;
-        };
-        onRedirect: () => void;
-    }) => void;
+    returnView: ActivitySelection["returnView"] | undefined;
+    returnViewPresets: ActivitySelection["returnViewPresets"];
+    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: ActivitySelection) => void;
     resetActivityTraversal: () => void;
 };

package/dist/components/ProfileDetails/FunProfileViews/ActivityHistory/ActivityHistory.d.ts

@@ -1,11 +1,5 @@
 import React from 'react';
-import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+import { BaseActivitySelection } from '../../ActivityTraversalContext';
 export declare function ActivityHistory({ onSelectActivity, }: {
-    onSelectActivity: ({ depositAddress, initialPage, returnViewPresets, }: {
-        depositAddress: `0x${string}`;
-        initialPage: HistoryContentPages;
-        returnViewPresets: {
-            [x: string]: any;
-        };
-    }) => void;
+    onSelectActivity: (activity: BaseActivitySelection) => void;
 }): React.JSX.Element;

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

@@ -1,8 +1,3 @@
-export declare const titleSection: {
-    animationDuration: string;
-    animationTimingFunction: string;
-    animationFillMode: string;
-};
 export declare const contentSection: {
     animationDuration: string;
     animationTimingFunction: string;
@@ -10,7 +5,5 @@ export declare const contentSection: {
 };
 export declare const animateTitleInClass: string;
 export declare const animateTitleOutClass: string;
-export declare const animateAvatarInClass: string;
-export declare const animateAvatarOutClass: string;
 export declare const animateContentInClass: string;
 export declare const animateContentOutClass: string;

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

@@ -5,3 +5,4 @@ export declare const HomeCheckoutDisplayRow: ({ checkoutHistoryItem, onSelect, }
     checkoutHistoryItem: CheckoutHistoryItem;
     onSelect: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
 }) => React.JSX.Element;
+export declare const HomeCheckoutDisplayRowSkeleton: () => React.JSX.Element;

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

@@ -2,3 +2,4 @@ import React from 'react';
 export declare const HomeTokenBalanceDisplayRow: ({ asset }: {
     asset: any;
 }) => React.JSX.Element;
+export declare const HomeTokenBalanceDisplayRowSkeleton: () => React.JSX.Element;

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

@@ -1,19 +1,14 @@
 import React from 'react';
-import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+import { BaseActivitySelection } from '../../ActivityTraversalContext';
 import { FunProfileView } from '../../ProfileDetails';
 export declare enum SelectedHomeTab {
     ASSETS = "assets",
     CHECKOUTS = "checkouts"
 }
-export declare function Home({ onClose, onChangeView, onSelectActivity, defaultHomeTab, }: {
+export declare function Home({ onClose, onChangeView, onSelectActivity, defaultHomeTab, animateOut, }: {
     onClose: () => void;
     onChangeView: (newView: FunProfileView) => void;
-    onSelectActivity: ({ depositAddress, initialPage, returnViewPresets, }: {
-        depositAddress: `0x${string}`;
-        initialPage: HistoryContentPages;
-        returnViewPresets: {
-            [x: string]: any;
-        };
-    }) => void;
+    onSelectActivity: (activity: BaseActivitySelection) => void;
     defaultHomeTab?: SelectedHomeTab;
+    animateOut?: boolean;
 }): React.JSX.Element;

package/dist/components/ProfileDetails/FunProfileViews/Settings/Settings.d.ts

@@ -1,2 +1,7 @@
 import React from 'react';
+export declare function LineItem({ label, value, valueSuffix, }: {
+    label: string;
+    value: string;
+    valueSuffix?: React.ReactNode;
+}): React.JSX.Element;
 export declare function Settings(): React.JSX.Element;

package/dist/components/ProfileDetails/ProfileDetails.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const PROFILE_SIDE_PADDING = "24";
+export declare const PROFILE_SIDE_PADDING = "18";
 export declare enum FunProfileView {
     HOME = 0,
     SETTINGS = 1,