@funkit/connect 3.2.1 → 3.3.0

package/dist/modals/CheckoutModal/CheckoutPrimaryInfo.d.ts

@@ -1,15 +1,5 @@
 import React from 'react';
-import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
-export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, prioritizeDraftValue, preserveMinHeight, showTokenAmount, }: {
-    checkoutItem: FunkitActiveCheckoutItem;
-    isLoading: boolean;
-    prioritizeDraftValue: boolean;
-    preserveMinHeight?: boolean;
-    showTokenAmount?: boolean;
-}): React.JSX.Element;
-export declare function CheckoutPrimaryInfo({ checkoutId, prioritizeDraftValue, preserveMinHeight, showTokenAmount, }: {
+export declare function CheckoutPrimaryInfo({ checkoutId, showTokenAmount, }: {
     checkoutId: string;
-    prioritizeDraftValue: boolean;
-    preserveMinHeight?: boolean;
     showTokenAmount?: boolean;
 }): React.JSX.Element | null;

package/dist/modals/CheckoutModal/ConfirmationStep.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Address } from 'viem';
-import { PaymentMethodInfo } from '../../consts/payment';
+import { PaymentMethodInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 interface MoonpayDepositData {
     depositToken: string;

package/dist/modals/CheckoutModal/ConnectExchange.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethodBrokerageInfo } from '../../consts/payment';
+import { PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
 import { MeshExchanges } from '../../utils/mesh';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface ConnectExchangeState extends CheckoutModalCommonState {

package/dist/modals/CheckoutModal/InputAmount.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethodInfo } from '../../consts/payment';
+import { PaymentMethodInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface InputAmountState extends CheckoutModalCommonState {
     step: FunCheckoutStep.INPUT_AMOUNT;

package/dist/modals/CheckoutModal/LoadingAccount.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodBrokerageInfo } from '../../consts/payment';
+import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface LoadingAccountState extends CheckoutModalCommonState {
     step: FunCheckoutStep.LOADING_ACCOUNT;

package/dist/modals/CheckoutModal/MeshVerification.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Address } from 'viem';
-import { PaymentMethodInfo } from '../../consts/payment';
+import { PaymentMethodInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface MeshVerificationState extends CheckoutModalCommonState {
     step: FunCheckoutStep.MESH_VERIFICATION;

package/dist/modals/CheckoutModal/SelectAsset.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethodAccountInfo, PaymentMethodBrokerageInfo } from '../../consts/payment';
+import { PaymentMethodAccountInfo, PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface SelectAssetState extends CheckoutModalCommonState {
     step: FunCheckoutStep.SELECT_ASSET;

package/dist/modals/CheckoutModal/SelectBrokerage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethodBrokerageInfo } from '../../consts/payment';
+import { PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
 import { MeshExchanges } from '../../utils/mesh';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface SelectBrokerageState extends CheckoutModalCommonState {

package/dist/modals/CheckoutModal/SelectPaymentMethod.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { UnionOmit } from 'viem';
-import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodCardInfo } from '../../consts/payment';
+import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodCardInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface SelectPaymentMethodState extends CheckoutModalCommonState {
     step: FunCheckoutStep.SELECT_PAYMENT_METHOD;
@@ -16,6 +16,9 @@ export type SelectPaymentMethodNext = {
     step: FunCheckoutStep.SELECT_PAYMENT_METHOD;
     paymentMethod: PaymentMethod.ACCOUNT_BALANCE;
     paymentMethodInfo: PaymentMethodAccountInfo;
+} | {
+    step: FunCheckoutStep.SELECT_PAYMENT_METHOD;
+    paymentMethod: PaymentMethod.TOKEN_TRANSFER;
 };
 export declare function selectPaymentMethodNext(state: SelectPaymentMethodState, payload: SelectPaymentMethodNext): StepTransition[FunCheckoutStep.SELECT_PAYMENT_METHOD];
 type Props = StateTransitionProps<SelectPaymentMethodState, SelectPaymentMethodNext>;

package/dist/modals/CheckoutModal/SourceChange.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodBrokerageInfo, PaymentMethodCardInfo } from '../../consts/payment';
+import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodBrokerageInfo, PaymentMethodCardInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 type ConnectablePaymentMethodInfo = PaymentMethodAccountInfo | PaymentMethodBrokerageInfo;
 export interface SourceChangeState extends CheckoutModalCommonState {

package/dist/modals/CheckoutModal/TransferToken.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PaymentMethodAccountInfo } from '../../domains/paymentMethods';
+import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
+export interface TransferTokenState extends CheckoutModalCommonState {
+    step: FunCheckoutStep.TRANSFER_TOKEN;
+}
+export type TransferTokenNext = {
+    step: FunCheckoutStep.TRANSFER_TOKEN;
+    paymentMethodInfo: PaymentMethodAccountInfo;
+    isLoggedIn: boolean;
+};
+export declare function transferTokenNext(state: TransferTokenState, payload: TransferTokenNext): StepTransition[FunCheckoutStep.TRANSFER_TOKEN];
+type Props = StateTransitionProps<TransferTokenState, TransferTokenNext>;
+export declare function TransferToken({ onBack, modalState }: Props): React.JSX.Element;
+export {};

package/dist/modals/CheckoutModal/stepTransition.d.ts

@@ -11,7 +11,7 @@ import { SelectAssetNext, SelectAssetState } from './SelectAsset';
 import { SelectBrokerageNext, SelectBrokerageState } from './SelectBrokerage';
 import { SelectPaymentMethodNext, SelectPaymentMethodState } from './SelectPaymentMethod';
 import { SourceChangeNext, SourceChangeState } from './SourceChange';
-import { TransferSetupNext } from './TransferSetup';
+import { TransferTokenNext, TransferTokenState } from './TransferToken';
 export interface CheckoutModalCommonState {
     checkoutId: string;
     targetChainId: string;
@@ -26,7 +26,7 @@ export interface StateTransitionProps<T, N> {
     onClose: () => void;
 }
 export declare function extractCommonState(state: CheckoutModalState): CheckoutModalCommonState;
-type CheckoutModalState = LoadingAccountState | ConfirmationStepState | ConnectExchangeState | InputAmountState | SelectAssetState | SelectPaymentMethodState | SelectBrokerageState | SourceChangeState | MoonpaySetupState | MeshVerificationState | CheckoutCompleteState;
+type CheckoutModalState = LoadingAccountState | ConfirmationStepState | ConnectExchangeState | InputAmountState | SelectAssetState | SelectPaymentMethodState | SelectBrokerageState | SourceChangeState | MoonpaySetupState | MeshVerificationState | CheckoutCompleteState | TransferTokenState;
 export declare enum FunCheckoutStep {
     LOADING_ACCOUNT = "loading_account",
     INPUT_AMOUNT = "input_amount",
@@ -35,26 +35,26 @@ export declare enum FunCheckoutStep {
     CONFIRMATION = "confirmation",
     MOONPAY_SETUP = "payment_setup",
     SELECT_BROKERAGE = "select_brokerage",
-    TRANSFER_SETUP = "transfer_setup",
     CONNECT_EXCHANGE = "connect_exchange",
     SELECT_ASSET = "select_asset",
     MESH_VERIFICATION = "mesh_verification",
-    CHECKOUT_COMPLETE = "checkout_complete"
+    CHECKOUT_COMPLETE = "checkout_complete",
+    TRANSFER_TOKEN = "transfer_token"
 }
 export interface StepTransition {
-    [FunCheckoutStep.LOADING_ACCOUNT]: SelectPaymentMethodState | SelectAssetState;
+    [FunCheckoutStep.LOADING_ACCOUNT]: SelectPaymentMethodState | SelectAssetState | TransferTokenState;
     [FunCheckoutStep.INPUT_AMOUNT]: ConfirmationStepState;
-    [FunCheckoutStep.SELECT_PAYMENT_METHOD]: SelectBrokerageState | InputAmountState | SelectAssetState;
+    [FunCheckoutStep.SELECT_PAYMENT_METHOD]: SelectBrokerageState | InputAmountState | SelectAssetState | TransferTokenState;
     [FunCheckoutStep.CONFIRMATION]: MeshVerificationState | MoonpaySetupState | CheckoutCompleteState;
     [FunCheckoutStep.MOONPAY_SETUP]: CheckoutCompleteState;
     [FunCheckoutStep.SELECT_BROKERAGE]: ConnectExchangeState | SelectAssetState;
-    [FunCheckoutStep.TRANSFER_SETUP]: CheckoutModalState;
     [FunCheckoutStep.CONNECT_EXCHANGE]: SelectAssetState;
     [FunCheckoutStep.SELECT_ASSET]: InputAmountState | SourceChangeState | LoadingAccountState;
     [FunCheckoutStep.MESH_VERIFICATION]: CheckoutCompleteState;
-    [FunCheckoutStep.SOURCE_CHANGE]: SelectAssetState | SelectBrokerageState | InputAmountState;
+    [FunCheckoutStep.SOURCE_CHANGE]: SelectAssetState | SelectBrokerageState | InputAmountState | TransferTokenState;
+    [FunCheckoutStep.TRANSFER_TOKEN]: TransferTokenState | SelectPaymentMethodState | SourceChangeState;
 }
-type NextPayload = LoadingAccountNext | ConfirmationStepNext | ConnectExchangeNext | InputAmountNext | MeshVerificationNext | MoonpaySetupNext | TransferSetupNext | SelectAssetNext | SelectPaymentMethodNext | SelectBrokerageNext | SourceChangeNext | {
+type NextPayload = LoadingAccountNext | ConfirmationStepNext | ConnectExchangeNext | InputAmountNext | MeshVerificationNext | MoonpaySetupNext | SelectAssetNext | SelectPaymentMethodNext | SelectBrokerageNext | SourceChangeNext | TransferTokenNext | {
     step: FunCheckoutStep.CHECKOUT_COMPLETE;
 };
 export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveCheckoutItem, onClose: () => void): {

package/dist/modals/CheckoutModal/useAccountBalancePostCheckout.d.ts

@@ -1,3 +1,2 @@
 import { Address } from 'viem';
-import { useFunkitConfig } from '../../providers/FunkitConfigContext';
-export declare function useAccountBalancePostCheckout(checkoutId: string, setPostCheckoutStepMessage: (s: string) => void, funkitConfig: ReturnType<typeof useFunkitConfig>): (depositAddress: Address) => Promise<void>;
+export declare function useAccountBalancePostCheckout(checkoutId: string, setPostCheckoutStepMessage: (s: string) => void, apiKey: string): (depositAddress: Address) => Promise<void>;

package/dist/modals/CheckoutModal/useAvailableBalanceForCheckout.d.ts

@@ -1,4 +1,4 @@
-import { PaymentMethodInfo } from '../../consts/payment';
+import { PaymentMethodInfo } from '../../domains/paymentMethods';
 import { QueryResult } from '../../types/utils';
 import { AssetHoldingsItem } from '../../utils/assets';
 export declare function useAvailableBalanceForCheckout(checkoutId: string, paymentMethodInfo: PaymentMethodInfo, targetChainId: string, assetChainId: string, assetSymbol: string | null): QueryResult<AssetHoldingsItem>;

package/dist/modals/CheckoutModal/useSourceAssetConfirm.d.ts

@@ -1,4 +1,4 @@
-import { PaymentMethodInfo } from '../../consts/payment';
+import { PaymentMethodInfo } from '../../domains/paymentMethods';
 import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 export interface SourceAssetConfirmed {
     isQuoteSuccess: boolean;

package/dist/modals/ConnectModal/ConnectModal.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export interface ConnectModalProps {
+    /** Shows only a list of available wallets to connect (ignoring other web2 options) */
+    walletsOnly?: boolean;
     open: boolean;
     onClose: () => void;
 }
-export declare function ConnectModal({ onClose, open }: ConnectModalProps): React.JSX.Element | null;
+export declare function ConnectModal({ onClose, open, walletsOnly, }: ConnectModalProps): React.JSX.Element | null;

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

@@ -5,8 +5,9 @@ interface FunCheckoutHistoryContentProps {
     currentPage: HistoryContentPages;
     setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
     onBackFromHelpPage: () => void;
+    onClose: () => void;
 }
-export declare const HELP_SCREEN_BOTTOM_BAR_ID = "help-screen-bottom-section";
+export declare const HISTORY_BOTTOM_BAR_ID = "history-bottom-section";
 export declare const DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE = "Your Purchase";
-export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, setCurrentPage, onBackFromHelpPage, }: FunCheckoutHistoryContentProps): React.JSX.Element;
+export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, setCurrentPage, onBackFromHelpPage, onClose, }: FunCheckoutHistoryContentProps): React.JSX.Element;
 export {};

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

@@ -1,10 +1,12 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
-import React, { Dispatch, SetStateAction } from 'react';
-import { HistoryContentPages } from '../../utils/checkoutHistory';
+import React from 'react';
+interface FunCheckoutHistoryDetailProps {
+    checkoutHistoryInfo: CheckoutHistoryItem;
+    onHelp: () => void;
+    onClose: () => void;
+}
 /**
  * Processing info about a checkout history item (already created in backend)
  */
-export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, setCurrentPage, }: {
-    checkoutHistoryInfo: CheckoutHistoryItem;
-    setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
-}): React.JSX.Element;
+export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, onHelp, onClose, }: FunCheckoutHistoryDetailProps): React.JSX.Element;
+export {};

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

@@ -2,4 +2,3 @@ export declare const ContentCollapsedAnimationTime = 400;
 export declare const ContentExpanded: string;
 export declare const ContentExpandedTransition: string;
 export declare const ContentCollapsed: string;
-export declare const Divider: string;

package/dist/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.d.ts

@@ -1,8 +1,11 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
-export declare function FunTxSummaryHistory({ checkoutHistoryItem, }: {
+interface FunTxSummaryHistoryProps {
     checkoutHistoryItem: CheckoutHistoryItem;
-}): React.JSX.Element;
+    isDelayed?: boolean;
+}
+export declare function FunTxSummaryHistory({ checkoutHistoryItem, isDelayed, }: FunTxSummaryHistoryProps): React.JSX.Element;
 export declare function OrderDetail({ checkoutHistoryItem, }: {
     checkoutHistoryItem: CheckoutHistoryItem;
 }): React.JSX.Element;
+export {};

package/dist/modals/FunCheckoutHistoryModal/FunCheckoutStatus.d.ts

@@ -2,6 +2,7 @@ import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 interface FunCheckoutStatusProps {
     checkoutHistoryItem: CheckoutHistoryItem;
+    onOrderDelayed?: () => void;
 }
-export declare function FunCheckoutStatus({ checkoutHistoryItem, }: FunCheckoutStatusProps): React.JSX.Element;
+export declare function FunCheckoutStatus({ checkoutHistoryItem, onOrderDelayed, }: FunCheckoutStatusProps): React.JSX.Element | null;
 export {};

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -1,8 +1,8 @@
 import { CheckoutHistoryItem, CheckoutQuoteResponse } from '@funkit/api-base';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
-import { CheckoutFeesBreakdownItem } from '../consts/checkoutFees';
-import { PaymentMethod, PaymentMethodInfo } from '../consts/payment';
+import { CheckoutFees } from '../domains/checkoutFees';
+import { PaymentMethod, PaymentMethodInfo } from '../domains/paymentMethods';
 import { CheckoutHistoryStateMap } from '../utils/checkout';
 import { PurifiedCheckoutHistoryItem } from '../utils/purifyCheckoutHistoryItem';
 export interface FunkitCheckoutActionParams {
@@ -57,7 +57,7 @@ type FunkitCheckoutQuoteResult = {
     finalTimeEstimationMs: number;
     finalPaymentTokenAmount: string;
     finalTotalUsd: string;
-    finalFeesBreakdown: CheckoutFeesBreakdownItem;
+    finalFeesBreakdown: CheckoutFees;
 };
 interface FunkitCheckoutValidationResult {
     isValid: boolean;
@@ -126,6 +126,24 @@ export interface FunkitActiveCheckoutItem {
         chainId: string;
     };
 }
+export type ServerPaymentMethodInfo = Omit<PaymentMethodInfo, 'titleIcon' | 'descriptionIcon'>;
+export type ServerCheckoutConfig = Omit<FunkitCheckoutConfig, 'generateActionsParams'> & {
+    generateActionsParams?: string;
+};
+/** Serializable data from FE checkout item */
+export type HistoricalCheckoutItem = {
+    id: FunkitActiveCheckoutItem['id'];
+    startTimestampMs: FunkitActiveCheckoutItem['startTimestampMs'];
+    draftDollarValue: FunkitActiveCheckoutItem['draftDollarValue'];
+    finalDollarValue: FunkitActiveCheckoutItem['finalDollarValue'];
+    latestQuote: FunkitActiveCheckoutItem['latestQuote'];
+    depositAddress: FunkitActiveCheckoutItem['depositAddress'];
+    initSettings: {
+        config: ServerCheckoutConfig;
+    };
+    selectedSourceAssetInfo: FunkitActiveCheckoutItem['selectedSourceAssetInfo'];
+    selectedPaymentMethodInfo: ServerPaymentMethodInfo | null;
+};
 export declare function FunkitCheckoutProvider({ children }: {
     children: ReactNode;
 }): React.JSX.Element;

package/dist/providers/FunkitConfigContext.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { FunkitPrioritizedLoginType, FunkitSocialLoginMethod } from '../consts/funkit';
 export interface FunkitTextCustomizationsConfig {
     brokerageOrExchange: string;
@@ -5,11 +6,23 @@ export interface FunkitTextCustomizationsConfig {
     accountBalance: string;
     transferCrypto: string;
     selectAccount: string;
+    transferTokens: string;
+    confirmationScreen: {
+        receiveAmountLabel: string;
+    };
+}
+export interface FunkitUiCustomRecipientConfig {
+    /** What icon (15x15) to show in the `destination` row - defaults to user wallet icon  */
+    destinationIcon?: ReactNode;
+    /** What text to show in the `destination` row - defaults to formatted destination wallet address  */
+    destinationText?: string;
 }
 export interface FunkitUiCustomizationsConfig {
     confirmationScreen?: {
         /** Whether to show the amount of tokens below the USD equivalent - defaults to true */
         showTokenAmount?: boolean;
+        /** Configure UI when `customRecipient` is specified in the config  */
+        customRecipientConfig?: FunkitUiCustomRecipientConfig;
     };
     inputAmountScreen?: {
         /** Whether to allow entering an amount of tokens, rather than only USD - defaults to true */

package/dist/providers/FunkitThemeProvider.d.ts

@@ -11,6 +11,8 @@ export declare const defaultTheme: {
         connectButtonTextError: string;
         connectionIndicator: string;
         error: string;
+        errorBackground: string;
+        errorBorder: string;
         generalBorder: string;
         generalBorderDim: string;
         menuItemBackground: string;
@@ -28,6 +30,8 @@ export declare const defaultTheme: {
         offBackground: string;
         hoverState: string;
         offBackgroundInverse: string;
+        lightStroke: string;
+        strokeColor: string;
         dydxSwitchActiveBackground: string;
         primaryText: string;
         secondaryText: string;
@@ -163,6 +167,8 @@ export declare const useActiveTheme: () => {
             connectButtonTextError: string;
             connectionIndicator: string;
             error: string;
+            errorBackground: string;
+            errorBorder: string;
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
@@ -180,6 +186,8 @@ export declare const useActiveTheme: () => {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            lightStroke: string;
+            strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;
@@ -303,6 +311,8 @@ export declare const useActiveTheme: () => {
             connectButtonTextError: string;
             connectionIndicator: string;
             error: string;
+            errorBackground: string;
+            errorBorder: string;
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
@@ -320,6 +330,8 @@ export declare const useActiveTheme: () => {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            lightStroke: string;
+            strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;
@@ -442,6 +454,8 @@ export declare const useActiveTheme: () => {
             connectButtonTextError: string;
             connectionIndicator: string;
             error: string;
+            errorBackground: string;
+            errorBorder: string;
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
@@ -459,6 +473,8 @@ export declare const useActiveTheme: () => {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            lightStroke: string;
+            strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;

package/dist/providers/GeneralWalletProvider.d.ts

@@ -1,15 +1,14 @@
 import { AssetBalanceInfo } from '@funkit/api-base';
 import { Auth, FunWallet } from '@funkit/core';
 import React from 'react';
+import { Address } from 'viem';
 import { FunkitUserInfo } from '../consts/funkit';
-import { PaymentMethodAccountInfo } from '../consts/payment';
 export interface KnownAssetBalanceInfo extends AssetBalanceInfo {
     price: number;
     totalUsdValue: number;
 }
 interface GeneralWalletContextProps {
-    walletAddress: string;
-    accountBalancePaymentDefaultInfo: PaymentMethodAccountInfo | null;
+    walletAddress: Address | '';
     isUserLoggedIn: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
@@ -25,7 +24,7 @@ export declare const useGeneralWallet: () => GeneralWalletContextProps;
  * Replacement for wagmi's `useAccount`
  */
 export declare const useFunkitAccount: () => {
-    account: string;
+    account: "" | `0x${string}`;
     isConnected: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
@@ -39,12 +38,12 @@ export declare const useFunkitAccount: () => {
     isDisconnected: true;
     status: "disconnected";
 } | {
-    account: string;
+    account: "" | `0x${string}`;
     isConnected: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
-    address: import("viem").Address;
-    addresses: readonly [import("viem").Address, ...import("viem").Address[]];
+    address: Address;
+    addresses: readonly [Address, ...Address[]];
     chain: import("viem").Chain | undefined;
     chainId: number;
     connector: import("wagmi").Connector;
@@ -53,12 +52,12 @@ export declare const useFunkitAccount: () => {
     isReconnecting: false;
     status: "connected";
 } | {
-    account: string;
+    account: "" | `0x${string}`;
     isConnected: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
-    address: import("viem").Address | undefined;
-    addresses: readonly import("viem").Address[] | undefined;
+    address: Address | undefined;
+    addresses: readonly Address[] | undefined;
     chain: import("viem").Chain | undefined;
     chainId: number | undefined;
     connector: import("wagmi").Connector | undefined;
@@ -67,12 +66,12 @@ export declare const useFunkitAccount: () => {
     isReconnecting: true;
     status: "reconnecting";
 } | {
-    account: string;
+    account: "" | `0x${string}`;
     isConnected: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
-    address: import("viem").Address | undefined;
-    addresses: readonly import("viem").Address[] | undefined;
+    address: Address | undefined;
+    addresses: readonly Address[] | undefined;
     chain: import("viem").Chain | undefined;
     chainId: number | undefined;
     connector: import("wagmi").Connector | undefined;

package/dist/providers/ModalContext.d.ts

@@ -23,7 +23,7 @@ export declare function useWalletConnectOpenState(): {
 };
 export declare function useConnectModal(): {
     connectModalOpen: boolean;
-    openConnectModal: (() => void) | undefined;
+    openConnectModal: ((walletsOnly?: boolean) => void) | undefined;
 };
 export declare function useFunCheckoutModal(): {
     funCheckoutModalOpen: boolean;

package/dist/providers/useAccountBalancePaymentDefaultInfo.d.ts

@@ -0,0 +1,4 @@
+import { PaymentMethodAccountInfo } from '../domains/paymentMethods';
+export declare function useAccountBalancePaymentDefaultInfo(): {
+    accountBalancePaymentDefaultInfo: PaymentMethodAccountInfo;
+};

package/dist/themes/darkTheme.d.ts

@@ -11,6 +11,8 @@ export declare const darkTheme: {
             connectButtonTextError: string;
             connectionIndicator: string;
             error: string;
+            errorBackground: string;
+            errorBorder: string;
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
@@ -28,6 +30,8 @@ export declare const darkTheme: {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            lightStroke: string;
+            strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-EUSK63OY.js";
+} from "../chunk-ZGK66FYG.js";
 import "../chunk-HFT6OV3T.js";
 export {
   darkTheme

package/dist/themes/lightTheme.d.ts

@@ -11,6 +11,8 @@ export declare const lightTheme: {
             connectButtonTextError: string;
             connectionIndicator: string;
             error: string;
+            errorBackground: string;
+            errorBorder: string;
             generalBorder: string;
             generalBorderDim: string;
             menuItemBackground: string;
@@ -28,6 +30,8 @@ export declare const lightTheme: {
             offBackground: string;
             hoverState: string;
             offBackgroundInverse: string;
+            lightStroke: string;
+            strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
             secondaryText: string;

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-76VEFMWE.js";
+} from "../chunk-YOJVBRUJ.js";
 import "../chunk-HFT6OV3T.js";
 export {
   lightTheme

package/dist/utils/assets.d.ts

@@ -1,4 +1,4 @@
-import { PaymentMethod } from '../consts/payment';
+import { PaymentMethod } from '../domains/paymentMethods';
 import { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
 import { FlagValues } from '../providers/FunkitFlagsProvider';
 export declare const getNormalizedTokenBalance: (tokenBalance: bigint | number, decimals: number) => number;

package/dist/utils/checkout.d.ts

@@ -1,8 +1,8 @@
 import { CheckoutHistoryItem, CheckoutState } from '@funkit/api-base';
 import { Address, Hex } from 'viem';
 import { UseConfigReturnType } from 'wagmi';
-import { PaymentMethod } from '../consts/payment';
-import { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
+import { PaymentMethod } from '../domains/paymentMethods';
+import { FunkitActiveCheckoutItem, FunkitCheckoutConfig, HistoricalCheckoutItem, ServerCheckoutConfig } from '../providers/FunkitCheckoutContext';
 export declare const MOONPAY_TIME_ESTIMATE_MS = 120000;
 export declare const MESH_TIME_ESTIMATE_MS = 300000;
 export declare const DUMMY_TRANSFER_PARAMS: {
@@ -109,7 +109,7 @@ export declare function categorizeCheckoutHistories(checkoutHistoryList: Checkou
 export declare function getCheckoutStateStepNumber(state: CheckoutState): 0 | 1 | 3 | 2;
 export declare function formatTokenAmountForMoonpay(amount: number, mpCurrencyCode: string): string;
 export declare function hackTimeEstimationForImportantCustomer(originalTimeEstimation: number, paymentMethod: PaymentMethod, apiKey: string): any;
-export declare function getEstimateEndTimeInfo(createdTimeMs: number, checkoutItem: FunkitActiveCheckoutItem, apiKey: string): {
+export declare function getEstimateEndTimeInfo(createdTimeMs: number, checkoutItem: FunkitActiveCheckoutItem | HistoricalCheckoutItem, apiKey: string): {
     estimatedEndTimeMs: number;
     estimatedEndTimeFromNowMs: number;
     isExceededEstimation: boolean;
@@ -121,4 +121,4 @@ export declare function getEstimateEndTimeInfo(createdTimeMs: number, checkoutIt
  * Basic buy checkouts: Display the targetAssetAmount with the targetAssetTicker.
  * - e.g. "0.12345 ETH"
  */
-export declare function getCheckoutItemDisplay(checkoutConfig: FunkitCheckoutConfig, hideAmount?: boolean): string;
+export declare function getCheckoutItemDisplay(checkoutConfig: FunkitCheckoutConfig | ServerCheckoutConfig, hideAmount?: boolean): string;

package/dist/utils/formatNumber.d.ts

@@ -36,6 +36,7 @@ export declare function formatCurrencyAndStringify(amount: number,
 options?: FormatNumberOptions, 
 /** Options to pass toLocaleString */
 numberFormatOptions?: Intl.NumberFormatOptions): string;
+export declare function formatPercent(percent: number): string;
 /**
  * Formats a cryptocurrency amount as a string for display.
  *

package/dist/utils/payment.d.ts

@@ -1,4 +1,4 @@
-import { PaymentMethodInfo } from '../consts/payment';
+import { PaymentMethodInfo } from '../domains/paymentMethods';
 /**
  * Generate a string for backend to indicate the source of a checkout funds
  */