@funkit/connect 0.1.17 → 1.0.1

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

@@ -0,0 +1,12 @@
+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 {};

package/dist/components/{FunSignInFlow → FunConnectOptions}/FunWeb3ConnectingStep.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WalletConnector } from '../../wallets/useWalletConnectors';
-import { ConnectStep } from '../ConnectOptions/FunConnectOptions';
+import { ConnectStep } from './FunConnectOptions';
 export declare function FunWeb3ConnectingStep({ onClose, changeStep, selectedWallet, qrCodeUri, }: {
     onClose: () => void;
     changeStep: (newStep: ConnectStep) => void;

package/dist/components/{TwoFaInputField → FunInput}/FunTwoFaInput.d.ts

@@ -7,4 +7,3 @@ export interface FunTwoFaInputProps {
     errorMessage?: string;
 }
 export declare const FunTwoFaInput: ({ value, onChange, onCompleted, hasError, errorMessage, }: FunTwoFaInputProps) => React.JSX.Element;
-export default FunTwoFaInput;

package/dist/components/FunMeshVerificationStep/FunMeshVerificationStep.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MeshExchanges } from '../../utils/mesh';
+interface FunMeshVerificationStepProps {
+    previewId: string;
+    previewExpirationMs: number;
+    transferToAddress: string;
+    exchange: MeshExchanges;
+    accessToken: string;
+    onSuccess: () => void;
+}
+export declare function FunMeshVerificationStep({ previewId, previewExpirationMs, transferToAddress, onSuccess, exchange, accessToken, }: FunMeshVerificationStepProps): React.JSX.Element;
+export {};

package/dist/components/FunOnramp/FunOnrampInputStep.d.ts

@@ -1,5 +1,5 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
+import { DepositTokenSymbol } from '../../consts/funkit';
 export declare function FunOnrampInputStep({ tokenTicker, setDepositToken, amount, onChangeAmount, onClickContinue, backAnimation, }: {
     tokenTicker: string;
     setDepositToken: Dispatch<SetStateAction<DepositTokenSymbol>>;

package/dist/components/FunOnramp/FunOnrampTokenPill.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
+import { DepositTokenSymbol } from '../../consts/funkit';
 export declare function FunOnrampTokenPill({ token, isActive, onClick, }: {
     token: DepositTokenSymbol;
     isActive: boolean;

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

@@ -1,30 +1,6 @@
-import React, { ReactNode } from 'react';
-import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
-/** @description The different payment flows. Either from Deposit or Checkout. */
-export declare enum PaymentFlow {
-    DEPOSIT = 0,
-    CHECKOUT = 1
-}
-/** @description Supported Payment Methods in FunkitConnect. **/
-export declare enum PaymentMethod {
-    /** Sardine - ACH / Wires **/
-    /** Moonpay - Credit / Debit Card **/
-    CARD = "card",
-    /** FunWallet - Direct Transfer **/
-    TRANSFER = "transfer",
-    /** FunWallet - Account Balance **/
-    ACCOUNT_BALANCE = "balance",
-    /** Mesh - Exchange / Brokerage **/
-    BROKERAGE = "brokerage"
-}
-export interface PaymentMethodInfo {
-    paymentMethod: PaymentMethod;
-    title: string;
-    titleIcon?: ReactNode;
-    description: string;
-    descriptionIcon?: ReactNode;
-    meta: any;
-}
+import React from 'react';
+import { DepositTokenSymbol } from '../../consts/funkit';
+import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
 export declare function AddPaymentMethodItem({ paymentFlow, paymentMethod, isClickable, isActive, onClick, disclaimerText, }: {
     paymentFlow: PaymentFlow;
     paymentMethod: PaymentMethod;

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Address } from 'wagmi';
-import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from './FunPaymentMethods';
+import { Address } from 'viem';
+import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
 interface FunPaymentSetupProps {
     paymentFlow: PaymentFlow;
     paymentMethod: undefined | null | PaymentMethod;

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

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+export type DisclaimerComponent = React.FunctionComponent<{
+    Text: React.FunctionComponent<{
+        children: ReactNode;
+    }>;
+    Link: React.FunctionComponent<{
+        children: ReactNode;
+        href: string;
+    }>;
+}>;
+export declare const defaultAppInfo: {
+    appName: undefined;
+    disclaimer: undefined;
+    learnMoreUrl: string;
+};
+export declare const AppContext: React.Context<{
+    appName?: string | undefined;
+    learnMoreUrl?: string | undefined;
+    disclaimer?: DisclaimerComponent | undefined;
+}>;

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

@@ -1,9 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare enum AuthenticationStatus {
-    LOADING = "loading",
-    UNAUTHENTICATED = "unauthenticated",
-    AUTHENTICATED = "authenticated"
-}
+export type AuthenticationStatus = 'loading' | 'unauthenticated' | 'authenticated';
 export interface AuthenticationAdapter<Message> {
     getNonce: () => Promise<string>;
     createMessage: (args: {
@@ -25,11 +21,11 @@ export interface AuthenticationConfig<Message> {
     status: AuthenticationStatus;
 }
 export declare function createAuthenticationAdapter<Message>(adapter: AuthenticationAdapter<Message>): AuthenticationAdapter<Message>;
-interface RainbowKitAuthenticationProviderProps<Message> extends AuthenticationConfig<Message> {
+interface FunkitConnectAuthenticationProviderProps<Message> extends AuthenticationConfig<Message> {
     enabled?: boolean;
     children: ReactNode;
 }
-export declare function RainbowKitAuthenticationProvider<Message = unknown>({ adapter, children, enabled, status, }: RainbowKitAuthenticationProviderProps<Message>): React.JSX.Element;
+export declare function FunkitConnectAuthenticationProvider<Message = unknown>({ adapter, children, enabled, status, }: FunkitConnectAuthenticationProviderProps<Message>): React.JSX.Element;
 export declare function useAuthenticationAdapter(): AuthenticationAdapter<any>;
 export declare function useAuthenticationStatus(): AuthenticationStatus | null;
 export {};

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

@@ -1,10 +1,8 @@
 import { CheckoutCoreQuoteResponse, CheckoutHistoryItem } from '@funkit/core';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
+import { PaymentMethodInfo } from '../../consts/payment';
 import { CheckoutHistoryStateMap } from '../../utils/checkout';
-import { MeshCheckoutQuoteMeta } from '../../utils/mesh';
-import { PaymentMethod } from '../FunPayments/FunPaymentMethods';
-import { FeesItem } from '../FunTransactionSummary/FunTransactionSummary';
 export interface FunkitCheckoutActionParams {
     contractAbi: Abi;
     contractAddress: Address;
@@ -46,6 +44,15 @@ interface FunkitCheckoutValidationResult {
     isValid: boolean;
     message: string;
 }
+export type FeesItem = null | {
+    totalUsd: string | number | null;
+    transactionFeesUsd: string | number | null;
+    transactionFeesTokenAmount?: string | number | null;
+    transactionFeesTokenSymbol?: string | null;
+    platformFeesUsd: string | number | null;
+    platformFeesTokenAmount?: string | number | null;
+    platformFeesTokenSymbol?: string | null;
+};
 type FunkitCheckoutQuoteResult = {
     baseQuote: CheckoutCoreQuoteResponse;
     finalTimeEstimationMs: number;
@@ -98,6 +105,8 @@ export interface FunkitActiveCheckoutItem {
     depositAddress: null | Address;
     /** Settings the checkout was init-ed with **/
     initSettings: useFunkitCheckoutProps;
+    /** User's selected payment method information */
+    selectedPaymentMethodInfo: PaymentMethodInfo | null;
     /** User's choice of source asset to fund the checkout operation **/
     selectedSourceAssetInfo: {
         address: Address | null;
@@ -115,9 +124,10 @@ interface useFunkitPreCheckoutInternalReturn {
     reDraftSymbol: symbol;
     updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
     updateTargetAssetAmount: (newTargetAssetAmount: number, isCheckoutCrFlow: boolean) => void;
+    updateSelectedPaymentMethodInfo: (newPaymentMethodInfo: PaymentMethodInfo) => void;
     confirmCheckout: (shouldBatchOpBypassInit: boolean) => Promise<Address>;
     getCheckoutDraftDollarValue: () => Promise<void>;
-    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, paymentMethod: PaymentMethod, meshMeta: MeshCheckoutQuoteMeta) => Promise<void>;
+    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, newPaymentMethodInfo: PaymentMethodInfo) => Promise<void>;
 }
 /**
  * Internal hook to handle frontend pre-checkout operations, PER-CHECKOUT ITEM.

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

@@ -1,18 +1,14 @@
 import React, { ReactNode } from 'react';
-import { Chain as WagmiChain } from 'wagmi';
-export interface FunkitConnectChain {
-    id: number;
-    name?: string;
+import type { Chain } from 'wagmi/chains';
+export interface FunkitConnectChain extends Chain {
     iconUrl?: string | (() => Promise<string>) | null;
     iconBackground?: string;
 }
-export type Chain = WagmiChain & FunkitConnectChain;
 interface FunkitConnectChainProviderProps {
-    chains: FunkitConnectChain[];
-    initialChain?: FunkitConnectChain | number;
+    initialChain: number;
     children: ReactNode;
 }
-export declare function FunkitConnectChainProvider({ chains, children, initialChain, }: FunkitConnectChainProviderProps): React.JSX.Element;
+export declare function FunkitConnectChainProvider({ children, initialChain, }: FunkitConnectChainProviderProps): React.JSX.Element;
 export declare const useFunkitConnectChains: () => FunkitConnectChain[];
 export declare const useInitialChainId: () => number | undefined;
 export declare const useAllPossibleFunkitConnectChains: () => Chain[];

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

@@ -1,18 +1,41 @@
-import React, { PropsWithChildren } from 'react';
-import { CreateConfigParameters } from 'wagmi';
+import { QueryClient } from '@tanstack/react-query';
+import React, { ReactNode } from 'react';
+import type { Chain } from 'wagmi/chains';
+import { GetDefaultConfigParameters } from '../../config/getDefaultConfig';
+import { ThemeVars } from '../../css/sprinkles.css';
 import { Locale } from '../../locales';
+import { DisclaimerComponent } from './AppContext';
+import { AvatarComponent } from './AvatarContext';
 import { FunkitConfig } from './FunkitConfigContext';
-import { FunkitConnectChain } from './FunkitConnectChainContext';
-import { Theme } from './FunkitThemeProvider';
-export interface FunkitProviderProps {
-    chains: FunkitConnectChain[];
-    initialChain?: FunkitConnectChain | number;
-    funkitConfig: FunkitConfig;
-    wagmiConfig: CreateConfigParameters;
+export declare const useThemeRootProps: () => {
+    "data-rk": string;
+};
+export type Theme = ThemeVars | {
+    lightMode: ThemeVars;
+    darkMode: ThemeVars;
+};
+interface FunkitProviderInnerProps {
+    initialChain: number;
     id?: string;
+    children: ReactNode;
     theme?: Theme;
+    appInfo?: {
+        appName?: string;
+        learnMoreUrl?: string;
+        disclaimer?: DisclaimerComponent;
+    };
+    avatar?: AvatarComponent;
     locale?: Locale;
+    funkitConfig: FunkitConfig;
     debug?: boolean | undefined;
 }
-export declare function FunkitProvider(props: PropsWithChildren<FunkitProviderProps>): React.JSX.Element;
-export declare function FunkitProviderInner({ chains, children, id, initialChain, locale, funkitConfig, debug, }: PropsWithChildren<FunkitProviderProps>): React.JSX.Element;
+export type FunkitWagmiConfig = Omit<GetDefaultConfigParameters, 'funkitApiKey' | 'initialChainId' | 'chains'> & {
+    chains: Chain[];
+};
+export interface FunkitProviderProps extends Omit<FunkitProviderInnerProps, 'initialChain'> {
+    initialChain?: Chain | number;
+    wagmiConfig: FunkitWagmiConfig;
+    queryClient: QueryClient;
+}
+export declare function FunkitProvider(props: FunkitProviderProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+import { OAuthProviderType } from '@privy-io/js-sdk-core';
+import React, { ReactNode } from 'react';
+import { FunkitUserInfo } from '../../consts/funkit';
+export declare const ERROR_MESSAGES: {
+    readonly MISSING_LOGIN_CODES: "Missing login codes";
+    readonly INVALID_LOGIN_METHOD: "Invalid login method";
+    readonly INVALID_EMAIL: "Invalid email address";
+    readonly FAILED_SEND_EMAIL: "Failed to send email";
+    readonly PRIVY_NOT_INITIALIZED: "Privy not initialized";
+    readonly PRIVY_PROVIDER_NOT_INITIALIZED: "Privy wallet provider not initialized";
+    readonly PRIVY_USER_NOT_INITIALIZED: "Privy user not initialized";
+};
+interface FunkitWeb2ContextType {
+    isSendingOtpEmail: boolean;
+    handleSendOtpEmail: (emailAddress: string) => Promise<{
+        success: boolean;
+        error: string;
+    }>;
+    handleOauthRedirect: (provider: OAuthProviderType) => Promise<void>;
+    handleFunkitWeb2Login: (chainId: number, firstLoginCode?: string, secondLoginCode?: string, inputLoginMethod?: PrivyLoginMethod) => Promise<boolean>;
+    isLoggingIn: boolean;
+    loginErrorMessage: string;
+    clearLoginError: () => void;
+    handleFunkitWeb2Logout: () => Promise<void>;
+    web2AccountInfo: FunkitUserInfo;
+}
+export declare enum PrivyLoginMethod {
+    email = "email",
+    google_oauth = "google_oauth",
+    twitter_oauth = "twitter_oauth",
+    apple_oauth = "apple_oauth"
+}
+interface FunkitWeb2ProviderProps {
+    children: ReactNode;
+}
+/**
+ * Handles web2 signins via Privy
+ */
+declare const FunkitWeb2Provider: React.FC<FunkitWeb2ProviderProps>;
+declare const useFunkitWeb2Login: () => FunkitWeb2ContextType;
+export { FunkitWeb2Provider, useFunkitWeb2Login };

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

@@ -1,16 +1,17 @@
 import { Auth, FunWallet } from '@funkit/core';
 import React from 'react';
-import { UserInfoDisplay } from '../FunkitWeb2Provider/FunkitWeb2Provider';
+import { FunkitUserInfo } from '../../consts/funkit';
+import { PaymentMethodInfo } from '../../consts/payment';
 type GeneralWalletAssets = null | {
     [x: string]: any;
 };
 interface GeneralWalletContextProps {
     walletAddress: string;
+    accountBalancePaymentDefaultInfo: PaymentMethodInfo | null;
     isUserLoggedIn: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
-    userId: string | null;
-    userDisplayInfo: UserInfoDisplay;
+    userInfo: FunkitUserInfo;
     isFetchingAssets: boolean;
     walletAssets: GeneralWalletAssets;
     startAssetsListener: () => void;
@@ -18,6 +19,7 @@ interface GeneralWalletContextProps {
     funWallet: FunWallet | null;
     funWalletAuth: Auth | null;
     handleLogout: () => void;
+    logoutSymbol: symbol | undefined;
 }
 export declare function GeneralWalletProvider({ children }: any): React.JSX.Element;
 export declare const useGeneralWallet: () => GeneralWalletContextProps;

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

@@ -1,6 +1,8 @@
 import React, { ReactNode } from 'react';
-import { Locale } from '../../locales';
-export declare const I18nContext: React.Context<import("i18n-js").I18n>;
+import { i18n, Locale } from '../../locales';
+export declare const I18nContext: React.Context<{
+    i18n: typeof i18n;
+}>;
 interface I18nProviderProps {
     children: ReactNode;
     locale?: Locale;

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

@@ -7,8 +7,6 @@ export declare function useModalState(): {
     accountModalOpen: boolean;
     chainModalOpen: boolean;
     connectModalOpen: boolean;
-    funCheckoutModalOpen: boolean;
-    funDevTestModalOpen: boolean;
 };
 export declare function useAccountModal(): {
     accountModalOpen: boolean;
@@ -18,6 +16,10 @@ export declare function useChainModal(): {
     chainModalOpen: boolean;
     openChainModal: (() => void) | undefined;
 };
+export declare function useWalletConnectOpenState(): {
+    isWalletConnectModalOpen: boolean;
+    setIsWalletConnectModalOpen: (isWalletConnectModalOpen: boolean) => void;
+};
 export declare function useConnectModal(): {
     connectModalOpen: boolean;
     openConnectModal: (() => void) | undefined;

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

@@ -1,7 +1,13 @@
-/// <reference types="react" />
+import React, { ReactNode } from 'react';
 export declare const ModalSizeOptions: {
     readonly COMPACT: "compact";
     readonly WIDE: "wide";
 };
 export type ModalSizes = (typeof ModalSizeOptions)[keyof typeof ModalSizeOptions];
-export declare const ModalSizeContext: import("react").Context<ModalSizes>;
+export declare const ModalSizeContext: React.Context<ModalSizes>;
+interface ModalSizeProviderProps {
+    children: ReactNode;
+    modalSize: ModalSizes;
+}
+export declare function ModalSizeProvider({ children, modalSize, }: ModalSizeProviderProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { ResponsiveValue } from '../../css/sprinkles.css';
+interface ShowBalanceContextValue {
+    showBalance: ResponsiveValue<boolean> | undefined;
+    setShowBalance: (showBalance: ResponsiveValue<boolean>) => void;
+}
+interface ShowBalanceProviderProps {
+    children: ReactNode;
+}
+export declare function ShowBalanceProvider({ children }: ShowBalanceProviderProps): React.JSX.Element;
+export declare const useShowBalance: () => ShowBalanceContextValue;
+export {};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ShowRecentTransactionsContext: import("react").Context<boolean>;

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

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { WalletConnector } from '../../wallets/useWalletConnectors';
+interface WalletButtonContextValue {
+    connector: WalletConnector | null;
+    setConnector: (wallet: WalletConnector | null) => void;
+}
+export declare const WalletButtonContext: React.Context<WalletButtonContextValue>;
+interface WalletButtonProviderProps {
+    children: ReactNode;
+}
+export declare function WalletButtonProvider({ children }: WalletButtonProviderProps): React.JSX.Element;
+export {};

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

@@ -1,3 +1,3 @@
-import type { FunkitConnectChain } from './FunkitConnectChainContext';
+import { FunkitConnectChain } from './FunkitConnectChainContext';
 /** @description Decorates an array of wagmi `Chain` objects with FunkitConnectChain property overrides */
-export declare const provideFunkitConnectChains: <Chain extends FunkitConnectChain>(chains: Chain[]) => Chain[];
+export declare const provideFunkitConnectChains: <Chain extends FunkitConnectChain>(chains: readonly [Chain, ...Chain[]] | Chain[]) => Chain[];

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

@@ -1 +1,2 @@
+export declare function getCurrentSdkVersion(): string;
 export declare function useFingerprint(): void;

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

@@ -1,5 +1,7 @@
 import React from 'react';
 export declare const CreditCardIcon: () => React.JSX.Element;
 export declare const AchBankIcon: () => React.JSX.Element;
-export declare const TransferCryptoIcon: () => React.JSX.Element;
+export declare const TransferCryptoIcon: ({ color, }: {
+    color?: string | undefined;
+}) => React.JSX.Element;
 export declare const BrokerageIcon: () => React.JSX.Element;

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

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

package/dist/components/ProfileDetails/{FunWalletProfileViews/FWSwap.d.ts → FunProfileViews/ActivityHistory/ActivityHistory.d.ts}

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

package/dist/components/ProfileDetails/{FunWalletProfileViews/FWDeposit.d.ts → FunProfileViews/Deposit/Deposit.d.ts}

@@ -1,12 +1,8 @@
 import React from 'react';
-export declare enum DepositTokenSymbol {
-    USDC = "USDC",
-    ETH = "ETH"
-}
 /**
  * Deposit a.k.a Onramp flows
  */
-export declare function FWDeposit({ onClose, onSoftHide, onBack, }: {
+export declare function Deposit({ onClose, onSoftHide, onBack, }: {
     onClose: () => void;
     onSoftHide: (p: boolean) => void;
     onBack: () => void;

package/dist/components/ProfileDetails/{FunWalletProfileViews/FWHome/FWHomeCheckoutSection.d.ts → FunProfileViews/Home/HomeCheckoutSection.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare function FWHomeCheckoutSection({ onClose }: {
+export declare function HomeCheckoutSection({ onClose }: {
     onClose: () => void;
 }): React.JSX.Element | null;

package/dist/components/ProfileDetails/{FunWalletProfileViews/FWHome/FWHomeTokenDisplayRow.d.ts → FunProfileViews/Home/HomeTokenDisplayRow.d.ts}

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FunProfileView } from '../../ProfileDetails';
+export declare function Home({ onClose, onChangeView, }: {
+    onClose: () => void;
+    onChangeView: (newView: FunProfileView) => void;
+}): React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function Settings({ onClose, onBack, onDisconnect, }: {
+    onClose: () => void;
+    onBack: () => void;
+    onDisconnect: () => void;
+}): React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare enum FunProfileView {
+    HOME = 0,
+    SETTINGS = 1,
+    ACTIVITY = 2,
+    DEPOSIT = 3
+}
+interface ProfileDetailsProps {
+    onClose: () => void;
+    onSoftHide: (p: boolean) => void;
+    onDisconnect: () => void;
+}
+export declare function ProfileDetails({ onClose, onSoftHide, onDisconnect, }: ProfileDetailsProps): React.JSX.Element;
+export {};

package/dist/components/SignIn/SignIn.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare const signInIcon: () => Promise<string>;
-export declare function SignIn({ onClose }: {
+export declare function SignIn({ onClose, onCloseModal, }: {
     onClose: () => void;
+    onCloseModal: () => void;
 }): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const border: string;
+export declare const maxWidth: string;

package/dist/components/WalletButton/WalletButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WalletButtonRenderer } from './WalletButtonRenderer';
+export declare const WalletButton: {
+    ({ wallet }: {
+        wallet?: string | undefined;
+    }): React.JSX.Element;
+    Custom: typeof WalletButtonRenderer;
+};

package/dist/components/WalletButton/WalletButtonRenderer.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { WalletConnector } from '../../wallets/useWalletConnectors';
+export interface WalletButtonRendererProps {
+    wallet?: string;
+    children: (renderProps: {
+        error: boolean;
+        loading: boolean;
+        connected: boolean;
+        ready: boolean;
+        mounted: boolean;
+        connector: WalletConnector;
+        connect: () => Promise<void>;
+    }) => ReactNode;
+}
+export declare function WalletButtonRenderer({ wallet, children, }: WalletButtonRendererProps): React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
 export { ConnectButton } from './ConnectButton/ConnectButton';
-export { useFunkitCheckout } from './FunkitProvider/FunkitCheckoutContext';
 export { FunkitProvider } from './FunkitProvider/FunkitProvider';
-export declare const NATIVE_TOKEN = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
+export { WalletButton } from './WalletButton/WalletButton';

package/dist/config/getDefaultConfig.d.ts

@@ -0,0 +1,20 @@
+import { Transport } from 'viem';
+import { CreateConfigParameters } from 'wagmi';
+import { WagmiProviderProps } from 'wagmi';
+import { type FunkitConnectChain } from '../components/FunkitProvider/FunkitConnectChainContext';
+import type { WalletList } from '../wallets/Wallet';
+export type _chains = readonly [FunkitConnectChain, ...FunkitConnectChain[]];
+export type _transports = Record<_chains[number]['id'], Transport>;
+type WagmiConfigParameters = Omit<CreateConfigParameters<_chains, _transports>, 'client' | 'connectors'>;
+export interface GetDefaultConfigParameters extends WagmiConfigParameters {
+    appName: string;
+    appDescription?: string;
+    appUrl?: string;
+    appIcon?: string;
+    wallets?: WalletList;
+    projectId: string;
+    funkitApiKey: string;
+    initialChainId: string;
+}
+export declare const getDefaultConfig: ({ appName, appDescription, appUrl, appIcon, wallets, projectId, funkitApiKey, initialChainId, ...wagmiParameters }: GetDefaultConfigParameters) => WagmiProviderProps['config'];
+export {};

package/dist/consts/funkit.d.ts

@@ -1,4 +1,5 @@
 import { CheckoutState } from '@funkit/core';
+export declare const NATIVE_TOKEN = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 export declare const FUNKIT_CONNECTOR_ID = "funkitConnector";
 export declare const FUNKIT_CONNECT_WALLET_ID = "funkitConnectWallet";
 export declare const RESERVED_GROUP_NAME = "funkit-web2";
@@ -7,3 +8,13 @@ export declare const FROM_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const TO_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const IN_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const TERMINAL_CHECKOUT_STATES: CheckoutState[];
+export interface FunkitUserInfo {
+    userId: string | null;
+    accountLabel: string;
+    accountName: string;
+}
+export declare const PLACEHOLDER_FUNKIT_USER_INFO: FunkitUserInfo;
+export declare enum DepositTokenSymbol {
+    USDC = "USDC",
+    ETH = "ETH"
+}