@funkit/connect 3.4.4 → 3.4.8

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

@@ -0,0 +1,17 @@
+import { Address } from 'viem';
+import { ErrorNotification } from '~/components/FunNotification/FunNotification';
+export interface CheckoutConfirmationError extends ErrorNotification {
+    durationMs?: number;
+}
+interface UseCheckoutConfirmationOptions {
+    onError(error: CheckoutConfirmationError): void;
+    onSuccess(depositAddress: Address): void;
+}
+interface UseCheckoutConfirmationResult {
+    confirmationError: CheckoutConfirmationError | null;
+    confirmationStepMessage: string | null;
+    handleCheckoutConfirmation(): Promise<void>;
+    isConfirming: boolean;
+}
+export declare function useCheckoutConfirmation({ onError, onSuccess, }: UseCheckoutConfirmationOptions): UseCheckoutConfirmationResult;
+export {};

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

@@ -0,0 +1,28 @@
+import { Address } from 'viem';
+import { ErrorNotification } from '~/components/FunNotification/FunNotification';
+import { PaymentMethodInfo } from '~/domains/paymentMethods';
+export interface MoonpayDepositData {
+    depositToken: string;
+    depositTokenAmount: number;
+    depositTokenChainId: string;
+}
+export interface PostCheckoutError extends ErrorNotification {
+    disableContinue: boolean;
+    durationMs?: number;
+}
+export interface PostCheckoutSuccessData {
+    depositAddress: Address;
+    moonpayData: MoonpayDepositData;
+    paymentMethodInfo: PaymentMethodInfo;
+}
+interface UsePostCheckoutOptions {
+    onSuccess(data: PostCheckoutSuccessData): void;
+}
+interface UsePostCheckoutResult {
+    handlePostCheckout(depositAddress: Address): Promise<void>;
+    isPostCheckoutLoading: boolean;
+    postCheckoutError: PostCheckoutError | null;
+    postCheckoutStepMessage: string | null;
+}
+export declare function usePostCheckout({ onSuccess, }: UsePostCheckoutOptions): UsePostCheckoutResult;
+export {};

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

@@ -0,0 +1,22 @@
+import { ErrorNotification } from '~/components/FunNotification/FunNotification';
+interface UseQuoteRefreshOptions {
+    /**
+     * Freeze the latest quote state, e.g. so we do not change the quote mid-confirmation
+     */
+    disableStateUpdates: boolean;
+    /**
+     * Called when the quote is refreshed
+     */
+    onRefreshed(): void;
+}
+interface UseQuoteRefreshResult {
+    isQuoting: boolean;
+    /** This uses onSourceAssetConfirmed - do not call asynchronously! */
+    preloadQuote(): void;
+    quoteError: ErrorNotification | null;
+    quoteStepMessage: string | null;
+    /** Safe to call asynchronously */
+    refreshQuote(ignorePreloaded?: boolean): Promise<void>;
+}
+export declare function useQuoteRefresh({ disableStateUpdates, onRefreshed, }: UseQuoteRefreshOptions): UseQuoteRefreshResult;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AssetHoldingsItem } from '~/utils/assets';
+interface AvailableBalanceProps {
+    sourceHolding?: AssetHoldingsItem;
+    usdAvailableAmount?: number | null;
+}
+export declare const AvailableBalance: (props: AvailableBalanceProps) => React.JSX.Element;
+export {};

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

@@ -1,11 +1,13 @@
 import React, { ReactNode } from 'react';
 import { FunButtonProps } from '../../../components/FunButton/FunButton';
-import { ErrorNotification } from './utils';
-export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch, availableBalance, error, }: {
+import { ErrorNotification } from '../../../components/FunNotification/FunNotification';
+interface InputAmountLayoutProps {
     actionButtonProps: FunButtonProps;
     availableBalance?: ReactNode;
     amountOptions?: ReactNode;
     amountInput: ReactNode;
     amountInputSwitch: ReactNode;
     error?: ErrorNotification;
-}): React.JSX.Element;
+}
+export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch, availableBalance, error, }: InputAmountLayoutProps): React.JSX.Element;
+export {};

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

@@ -3,8 +3,11 @@ import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutConte
 import { AssetHoldingsItem } from '../../../utils/assets';
 import { InputAmountNext, InputAmountState } from '../InputAmount';
 import { StateTransitionProps } from '../stepTransition';
-export declare function InputAmountLoaded({ checkoutItem, modalState, onNext, sourceHolding, unitPrice, }: StateTransitionProps<InputAmountState, InputAmountNext> & {
+interface InputAmountLoadedProps {
     sourceHolding: AssetHoldingsItem | null;
     checkoutItem: FunkitActiveCheckoutItem;
     unitPrice: number;
-}): React.JSX.Element;
+    isCardCheckout: boolean;
+}
+export declare function InputAmountLoaded({ checkoutItem, modalState, onNext, sourceHolding, unitPrice, isCardCheckout, }: StateTransitionProps<InputAmountState, InputAmountNext> & InputAmountLoadedProps): React.JSX.Element;
+export {};

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

@@ -1,7 +1,10 @@
 import React from 'react';
 import { InputAmountNext, InputAmountState } from '../InputAmount';
 import { StateTransitionProps } from '../stepTransition';
-export declare function InputAmountLoading({ modalState, onBack, sourceHoldingError, unitPriceError, }: StateTransitionProps<InputAmountState, InputAmountNext> & {
+interface InputAmountLoadingProps {
     sourceHoldingError: Error | null;
     unitPriceError: Error | null;
-}): React.JSX.Element;
+    isCardCheckout: boolean;
+}
+export declare function InputAmountLoading({ modalState, onBack, sourceHoldingError, unitPriceError, isCardCheckout, }: StateTransitionProps<InputAmountState, InputAmountNext> & InputAmountLoadingProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface QuickOptionsProps {
+    onSelect?: (percentage: number) => void;
+    disabled?: boolean;
+}
+export declare const QuickOptions: ({ onSelect, disabled, }: QuickOptionsProps) => React.JSX.Element[];
+export {};

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

@@ -2,12 +2,13 @@ import { PaymentMethod } from '~/domains/paymentMethods';
 import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
 import { AssetHoldingsItem } from '../../../utils/assets';
 export interface AmountInputInitOptions {
-    apiKey: string;
     checkoutItem: FunkitActiveCheckoutItem;
     paymentMethod: PaymentMethod;
     sourceHolding: AssetHoldingsItem | null;
     /** Target asset unit price, in USD */
     unitPrice: number;
+    /** Maximum checkout amount, in USD */
+    maxUsd: number;
 }
 export interface AmountInputState {
     /** Current amount, in target asset */

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

@@ -3,7 +3,6 @@ interface TriggerNewQuoteOptions {
     targetAssetAmount: number;
 }
 interface UseCheckoutQuoteOptions {
-    checkoutId: string;
     onFailure(maxTargetAssetAmount: number | undefined): void;
     onSuccess(): void;
 }

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

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 import { PaymentMethod } from '~/domains/paymentMethods';
 import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
 import { AssetHoldingsItem } from '../../../utils/assets';
@@ -6,11 +5,6 @@ export declare const ASSET_DECIMALS = 5;
 export declare const USD_DECIMALS = 2;
 export declare const USD_INITIAL_AMOUNT = 100;
 export declare const USD_PREFIX = "$";
-export interface ErrorNotification {
-    message: ReactNode;
-    /** FunNotificationType */
-    type: 'error' | 'warning' | 'hint';
-}
 export declare function round(value: number, decimals: number, 
 /**
  * Whether to round up ('ceil'), down ('floor'), or nearest ('round')
@@ -19,5 +13,5 @@ export declare function round(value: number, decimals: number,
  **/
 method?: 'ceil' | 'floor' | 'round'): number;
 export declare function getUsdAvailableAmount(checkoutItem: FunkitActiveCheckoutItem, sourceBalance: AssetHoldingsItem | null): number | null;
-export declare function getUsdMaxAmount(paymentMethod: PaymentMethod, apiKey: string): number | null;
+export declare function getUsdMaxAmount(paymentMethod: PaymentMethod, maxUsd: number): number | null;
 export declare function getUsdMinAmount(paymentMethod: PaymentMethod): number;

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

@@ -11,7 +11,7 @@ export type LoadingAccountNext = ({
     usablePaymentMethod: PaymentMethod.BROKERAGE;
     paymentMethodInfo: PaymentMethodBrokerageInfo;
 } | {
-    usablePaymentMethod: null;
+    usablePaymentMethod: null | PaymentMethod.TOKEN_TRANSFER;
 }) & {
     step: FunCheckoutStep.LOADING_ACCOUNT;
 };

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

@@ -4,7 +4,7 @@ import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTr
 type ConnectablePaymentMethodInfo = PaymentMethodAccountInfo | PaymentMethodBrokerageInfo;
 export interface SourceChangeState extends CheckoutModalCommonState {
     step: FunCheckoutStep.SOURCE_CHANGE;
-    paymentMethodInfo: ConnectablePaymentMethodInfo;
+    paymentMethodInfo: ConnectablePaymentMethodInfo | null;
 }
 export type SourceChangeNext = {
     step: FunCheckoutStep.SOURCE_CHANGE;

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import { PaymentMethodAccountInfo, PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
 import { CheckoutModalCommonState, FunCheckoutStep, StateTransitionProps, StepTransition } from './stepTransition';
 export interface TransferTokenState extends CheckoutModalCommonState {
     step: FunCheckoutStep.TRANSFER_TOKEN;
-    prevPaymentMethodInfo?: PaymentMethodAccountInfo | PaymentMethodBrokerageInfo;
 }
 export type TransferTokenNext = {
     step: FunCheckoutStep.TRANSFER_TOKEN;
@@ -11,7 +9,7 @@ export type TransferTokenNext = {
 export interface TokenTransferSourceChainsAndAssets {
     [chainId: number]: string[];
 }
-export declare function transferTokenNext(state: TransferTokenState, _: TransferTokenNext): StepTransition[FunCheckoutStep.TRANSFER_TOKEN];
+export declare function transferTokenNext(state: TransferTokenState, _payload: TransferTokenNext): StepTransition[FunCheckoutStep.TRANSFER_TOKEN];
 type Props = StateTransitionProps<TransferTokenState, TransferTokenNext>;
-export declare function TransferToken({ onBack }: Props): React.JSX.Element;
+export declare function TransferToken({ onNext }: Props): React.JSX.Element;
 export {};

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

@@ -9,7 +9,6 @@ import { MeshVerificationNext, MeshVerificationState } from './MeshVerification'
 import { MoonpaySetupNext, MoonpaySetupState } from './MoonpaySetup';
 import { SelectAssetNext, SelectAssetState } from './SelectAsset';
 import { SelectBrokerageNext, SelectBrokerageState } from './SelectBrokerage';
-import { SelectPaymentMethodNext, SelectPaymentMethodState } from './SelectPaymentMethod';
 import { SourceChangeNext, SourceChangeState } from './SourceChange';
 import { TransferTokenNext, TransferTokenState } from './TransferToken';
 export interface CheckoutModalCommonState {
@@ -26,11 +25,10 @@ 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 | TransferTokenState;
+type CheckoutModalState = LoadingAccountState | ConfirmationStepState | ConnectExchangeState | InputAmountState | SelectAssetState | SelectBrokerageState | SourceChangeState | MoonpaySetupState | MeshVerificationState | CheckoutCompleteState | TransferTokenState;
 export declare enum FunCheckoutStep {
     LOADING_ACCOUNT = "loading_account",
     INPUT_AMOUNT = "input_amount",
-    SELECT_PAYMENT_METHOD = "select_payment",
     SOURCE_CHANGE = "source_change",
     CONFIRMATION = "confirmation",
     MOONPAY_SETUP = "payment_setup",
@@ -42,9 +40,8 @@ export declare enum FunCheckoutStep {
     TRANSFER_TOKEN = "transfer_token"
 }
 export interface StepTransition {
-    [FunCheckoutStep.LOADING_ACCOUNT]: SelectPaymentMethodState | SelectAssetState | TransferTokenState;
+    [FunCheckoutStep.LOADING_ACCOUNT]: SelectAssetState | TransferTokenState | SourceChangeState;
     [FunCheckoutStep.INPUT_AMOUNT]: ConfirmationStepState;
-    [FunCheckoutStep.SELECT_PAYMENT_METHOD]: SelectBrokerageState | InputAmountState | SelectAssetState | TransferTokenState;
     [FunCheckoutStep.CONFIRMATION]: MeshVerificationState | MoonpaySetupState | CheckoutCompleteState;
     [FunCheckoutStep.MOONPAY_SETUP]: CheckoutCompleteState;
     [FunCheckoutStep.SELECT_BROKERAGE]: ConnectExchangeState | SelectAssetState;
@@ -52,9 +49,9 @@ export interface StepTransition {
     [FunCheckoutStep.SELECT_ASSET]: InputAmountState | SourceChangeState | LoadingAccountState;
     [FunCheckoutStep.MESH_VERIFICATION]: CheckoutCompleteState;
     [FunCheckoutStep.SOURCE_CHANGE]: SelectAssetState | SelectBrokerageState | InputAmountState | TransferTokenState;
-    [FunCheckoutStep.TRANSFER_TOKEN]: TransferTokenState | SelectPaymentMethodState | SourceChangeState;
+    [FunCheckoutStep.TRANSFER_TOKEN]: SourceChangeState;
 }
-type NextPayload = LoadingAccountNext | ConfirmationStepNext | ConnectExchangeNext | InputAmountNext | MeshVerificationNext | MoonpaySetupNext | SelectAssetNext | SelectPaymentMethodNext | SelectBrokerageNext | SourceChangeNext | TransferTokenNext | {
+type NextPayload = LoadingAccountNext | ConfirmationStepNext | ConnectExchangeNext | InputAmountNext | MeshVerificationNext | MoonpaySetupNext | SelectAssetNext | SelectBrokerageNext | SourceChangeNext | TransferTokenNext | {
     step: FunCheckoutStep.CHECKOUT_COMPLETE;
 };
 export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveCheckoutItem, onClose: () => void): {
@@ -64,11 +61,12 @@ export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveChe
     onCloseWrapper: () => void;
     onNext: (payload: NextPayload) => void;
     setModalState: Dispatch<SetStateAction<CheckoutModalState>>;
+    hasHistoryEntry: boolean;
 };
 interface TitleConfig {
-    hasBack: boolean;
     title: string;
     showFullHeight: boolean;
+    overrideBack?: boolean;
 }
 export declare function useTitleConfig(checkoutItem: FunkitActiveCheckoutItem, state: CheckoutModalState): TitleConfig;
 export {};

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

@@ -0,0 +1,7 @@
+import { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+import { DeepPartial } from '~/utils/deepMerge';
+export declare function useCheckoutQuote(): (overridingCheckoutItem?: DeepPartial<FunkitActiveCheckoutItem>) => Promise<{
+    baseQuote: import("@funkit/api-base").CheckoutQuoteResponse;
+    finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    availableAssetAmount: number | undefined;
+}>;

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

@@ -1,8 +1,17 @@
+import { Operation } from '@funkit/core';
+import { PaymentMethodInfo } from '../../domains/paymentMethods';
 import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import { LoginType } from '../../providers/GeneralWalletProvider';
 export interface SourceAssetConfirmed {
     isQuoteSuccess: boolean;
     maxTargetAssetAmount: number | undefined;
 }
+export declare function preparePaymentMethodInfo(selectedPaymentMethodInfo: PaymentMethodInfo | null, meshNetworkInfo: {
+    meshNetworkId: string | undefined;
+} | null): Promise<import("../../domains/paymentMethods").PaymentMethodCardInfo | import("../../domains/paymentMethods").PaymentMethodBrokerageInfo | import("../../domains/paymentMethods").PaymentMethodAccountInfo>;
+export declare function fetchSponsorInitialTransferGasLimit(checkoutItem: FunkitActiveCheckoutItem, loginType: LoginType, generateCheckoutTransferOpItems: (toAddress: string, tokenAmount: number | string) => Promise<{
+    transferOp: Operation | null;
+}>): Promise<number>;
 /**
  *
  * Note: this hook is EXTREMELY confusing in what is doing

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

@@ -1,7 +1,7 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 interface FunCheckoutHistoryDetailProps {
-    checkoutHistoryInfo: CheckoutHistoryItem;
+    checkoutHistoryInfo: CheckoutHistoryItem | undefined;
     onHelp: () => void;
     onClose: () => void;
 }

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

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

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

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

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

@@ -1,11 +1,16 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
+import { HistoricalCheckoutItem } from '../../providers/FunkitCheckoutContext';
 interface FunTxSummaryHistoryProps {
-    checkoutHistoryItem: CheckoutHistoryItem;
+    checkoutHistoryItem: CheckoutHistoryItem | undefined;
     isDelayed?: boolean;
 }
 export declare function FunTxSummaryHistory({ checkoutHistoryItem, isDelayed, }: FunTxSummaryHistoryProps): React.JSX.Element;
+type FunTxSummaryAdditionalInfoProps = {
+    checkoutItem: HistoricalCheckoutItem;
+};
+export declare const SourceDestinationSummary: ({ checkoutItem, }: FunTxSummaryAdditionalInfoProps) => React.JSX.Element;
 export declare function OrderDetail({ checkoutHistoryItem, }: {
-    checkoutHistoryItem: CheckoutHistoryItem;
+    checkoutHistoryItem: CheckoutHistoryItem | undefined;
 }): React.JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
 export declare const GradientErrorBox: string;
 export declare const GradientSuccessBox: string;
+export declare const GradientLoadingBox: string;

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

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

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

@@ -2,8 +2,11 @@ import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 import { HistoryContentPages } from '../../../../utils/checkoutHistory';
 export declare const HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;
-export declare const HomeCheckoutDisplayRow: ({ checkoutHistoryItem, onSelect, }: {
+export declare const HomeCheckoutDisplayRow: ({ checkoutHistoryItem, disableSidePadding, onSelect, }: {
     checkoutHistoryItem: CheckoutHistoryItem;
+    disableSidePadding?: boolean;
     onSelect: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
 }) => React.JSX.Element;
-export declare const HomeCheckoutDisplayRowSkeleton: () => React.JSX.Element;
+export declare const HomeCheckoutDisplayRowSkeleton: ({ disableSidePadding, }: {
+    disableSidePadding?: boolean;
+}) => React.JSX.Element;

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -98,8 +98,6 @@ export interface FunkitActiveCheckoutItem {
     startTimestampMs: number;
     /** Whether the checkout draft dollar value is being fetched **/
     isDrafting: boolean;
-    /** The draft dollar value estimate of the checkout. Not the actual quote. **/
-    draftDollarValue: null | number;
     /** The final dollar value of the checkout. Derived from latestQuote. **/
     finalDollarValue: null | number;
     /** Whether the checkout quote is being fetched **/
@@ -134,11 +132,10 @@ interface FunkitCheckoutContextInterface {
     checkoutHistoryCurrentDepositAddrMap: CheckoutHistoryDepositAddrMap;
     isCheckoutHistoryInited: boolean;
     isRefreshingCheckoutHistory: boolean;
-    reDraftSymbol: symbol;
     startCheckoutHistoryListener(recipientAddr?: Address | undefined): NodeJS.Timeout;
     stopCheckoutHistoryListener(cancelIntervalId?: NodeJS.Timeout): void;
     initNewCheckout(initSettings: useFunkitCheckoutPropsFinal): string;
-    updateSourceAsset(selectedSource: Omit<AssetHoldingsItem, 'amount' | 'usdAmount'>): void;
+    updateSourceAsset(selectedSource: Omit<AssetHoldingsItem, 'amount' | 'usdAmount' | 'chainSymbolKey'>): void;
     updateTargetAssetAmount(newTargetAssetAmount: number): void;
     updateSelectedPaymentMethodInfo(newPaymentMethodInfo: PaymentMethodInfo): void;
     confirmCheckout(shouldBatchOpBypassInit: boolean, stepMessageSetter: (m: string) => void): Promise<Address>;
@@ -150,7 +147,6 @@ interface FunkitCheckoutContextInterface {
         maxTargetAssetAmount: number | undefined;
         errorObject?: any;
     }>;
-    getCheckoutDraftDollarValue(): Promise<number>;
     generateSignedBatchOperation(actionsParams: FunkitCheckoutActionParams[], assetChainId: string, bypassWalletInit: boolean, stepMessageSetter: (m: string) => void): Promise<null | Operation>;
     setCheckoutQuote(quote: FunkitActiveCheckoutItem): void;
     setCompletedTimestamp(timestampMs: number): void;

package/dist/providers/GeneralWalletProvider.d.ts

@@ -7,11 +7,15 @@ export interface KnownAssetBalanceInfo extends AssetBalanceInfo {
     price: number;
     totalUsdValue: number;
 }
+export declare enum LoginType {
+    Web2 = "web2",
+    Web3 = "web3",
+    Guest = "guest"
+}
 interface GeneralWalletContextProps {
     walletAddress: Address | '';
     isUserLoggedIn: boolean;
-    isWeb2Login: boolean;
-    isWeb3Login: boolean;
+    loginType: LoginType;
     userInfo: FunkitUserInfo;
     funWallet: FunWallet | null;
     funWalletAuth: Auth | null;
@@ -26,8 +30,7 @@ export declare const useGeneralWallet: () => GeneralWalletContextProps;
 export declare const useFunkitAccount: () => {
     account: "" | `0x${string}`;
     isConnected: boolean;
-    isWeb2Login: boolean;
-    isWeb3Login: boolean;
+    loginType: LoginType;
     address: undefined;
     addresses: undefined;
     chain: undefined;
@@ -40,8 +43,7 @@ export declare const useFunkitAccount: () => {
 } | {
     account: "" | `0x${string}`;
     isConnected: boolean;
-    isWeb2Login: boolean;
-    isWeb3Login: boolean;
+    loginType: LoginType;
     address: Address;
     addresses: readonly [Address, ...Address[]];
     chain: import("viem").Chain | undefined;
@@ -54,8 +56,7 @@ export declare const useFunkitAccount: () => {
 } | {
     account: "" | `0x${string}`;
     isConnected: boolean;
-    isWeb2Login: boolean;
-    isWeb3Login: boolean;
+    loginType: LoginType;
     address: Address | undefined;
     addresses: readonly Address[] | undefined;
     chain: import("viem").Chain | undefined;
@@ -68,8 +69,7 @@ export declare const useFunkitAccount: () => {
 } | {
     account: "" | `0x${string}`;
     isConnected: boolean;
-    isWeb2Login: boolean;
-    isWeb3Login: boolean;
+    loginType: LoginType;
     address: Address | undefined;
     addresses: readonly Address[] | undefined;
     chain: import("viem").Chain | undefined;

package/dist/utils/aborts.d.ts

@@ -7,4 +7,5 @@ declare class AssetAbortClass {
 }
 export declare const singletonAssetAbort: AssetAbortClass;
 export declare const singletonCheckoutAbort: AssetAbortClass;
+export declare function abortCheckoutQuote(): void;
 export {};

package/dist/utils/assets.d.ts

@@ -1,33 +1,21 @@
+import { AssetHoldingsItem, KnownAssetHoldingsItem } from '~/domains/wallet';
+import { LoginType } from '~/providers/GeneralWalletProvider';
 import { PaymentMethod } from '../domains/paymentMethods';
 import { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
 import { FlagValues } from '../providers/FunkitFlagsProvider';
+export type { AssetHoldingsItem, AssetHoldingsMap, KnownAssetHoldingsItem, } from '~/domains/wallet';
 export declare const ASSETS_LOW_VALUE_THRESHOLD = 0.1;
 export declare const getNormalizedTokenBalance: (tokenBalance: bigint | number, decimals: number) => number;
-export declare const isAssetUsableToPayForCheckout: (flags: FlagValues, checkoutItem: FunkitActiveCheckoutItem, paymentMethod: PaymentMethod, assetChainId: string, assetTokenAddress: string, isWeb2Login: boolean, isWeb3Login: boolean) => {
+export declare const isAssetUsableToPayForCheckout: (flags: FlagValues, checkoutItem: FunkitActiveCheckoutItem, paymentMethod: PaymentMethod, assetChainId: string, assetTokenAddress: string, loginType: LoginType) => {
     isUsable: boolean;
     reason: string;
 };
-export declare const getAssetSymbolWithMaxUsdValue: ({ accountHoldingsMap, filterSymbols, }: {
-    accountHoldingsMap: AssetHoldingsMap;
-    filterSymbols?: Array<string>;
-}) => string | null;
 export declare const L1_FEES_ESTIMATE = 20;
 export declare const L2_FEES_ESTIMATE = 1;
 export declare const L2_COST_MARGIN_MULTIPLIER = 1.2;
 export declare const MESH_L1_FEES_ESTIMATE = 8;
 export declare const MESH_L2_FEES_ESTIMATE = 2;
 export declare const MESH_CUSTOM_CLIENT_FEE_PERCENT = 0.055;
-export interface AssetHoldingsItem {
-    iconSrc: string | undefined;
-    symbol: string;
-    amount: number;
-    tokenAddress: `0x${string}`;
-    usdAmount: null | number;
-    pickedChainId: string;
-}
-export interface AssetHoldingsMap {
-    [symbol: string]: AssetHoldingsItem;
-}
 /**
  * Estimating mesh fees
  */
@@ -40,15 +28,11 @@ export declare const getBaseFeeUsdEstimate: (checkoutItem: FunkitActiveCheckoutI
  * Estimating overall fees
  */
 export declare const getFeesUsdEstimate: (checkoutItem: FunkitActiveCheckoutItem, asset: AssetHoldingsItem) => number;
-export declare const isAssetUsdAmountSufficient: (checkoutItem: FunkitActiveCheckoutItem, asset: AssetHoldingsItem | null) => boolean;
 type RecommendedAsset = {
-    symbol: string;
+    chainSymbolKey: string;
     label: string | null;
-} | null;
-export declare const getRecommendedAsset: (flags: FlagValues, checkoutItem: FunkitActiveCheckoutItem, accountHoldingsMap: AssetHoldingsMap, isWeb3Login: boolean, isWeb2Login: boolean) => RecommendedAsset;
-/**
- * @returns formatted max usable USD balance from a given assets map */
-export declare const getTotalAssetBalance: (assets: AssetHoldingsMap) => string;
+};
+export declare const getRecommendedAsset: (checkoutItem: FunkitActiveCheckoutItem, accountHoldings: KnownAssetHoldingsItem[]) => RecommendedAsset | null;
 /**
  *
  * @param {FunkitCheckoutConfig} checkoutConfig
@@ -56,4 +40,3 @@ export declare const getTotalAssetBalance: (assets: AssetHoldingsMap) => string;
  * @returns targetChain either from the provided config or arbitrum chainId for dydxChain since that's a non evm chain processed with evm tech
  */
 export declare const getMockedTargetChainId: ({ targetChain }: FunkitCheckoutConfig, mockedChains?: string[]) => string;
-export {};

package/dist/utils/combineChainSymbolOrAddress.d.ts

@@ -1,4 +1,4 @@
 export declare function combineChainSymbolOrAddress({ chainId, symbolOrAddress, }: {
     chainId: string;
     symbolOrAddress: string;
-}): string | null;
+}): string;

package/dist/utils/deepMerge.d.ts

@@ -0,0 +1,5 @@
+export type DeepPartial<T> = T extends number | string | boolean | null | undefined ? T : {
+    [P in keyof T]?: DeepPartial<T[P]>;
+};
+/** NOTE: merging arrays is undefined behavior */
+export declare function deepMerge<T extends object>(origin: T, ...objects: DeepPartial<T>[]): T;

package/dist/utils/flags/config.d.ts

@@ -18,7 +18,11 @@ export declare enum FlagKey {
     /** Whether to enable Token Transfer as a payment method. */
     EnableTokenTransfer = "enable_token_transfer",
     /** Token Transfer payment method accepted source chain and assets */
-    TokenTransferSourceChainsAndAssets = "token_transfer_source_chains_and_assets"
+    TokenTransferSourceChainsAndAssets = "token_transfer_source_chains_and_assets",
+    /** Token Transfer additional disclaimer text. */
+    TokenTransferAdditionalDisclaimer = "token_transfer_additional_disclaimer",
+    /** Maximum usd amount that can be checked out. */
+    MaxCheckoutUsd = "max_checkout_usd"
 }
 export declare const flagConfig: {
     [FlagKey.DisableMantleSourceAssets]: BooleanFlagConfig;
@@ -28,4 +32,6 @@ export declare const flagConfig: {
     [FlagKey.ShowPoweredTagline]: BooleanFlagConfig;
     [FlagKey.EnableTokenTransfer]: BooleanFlagConfig;
     [FlagKey.TokenTransferSourceChainsAndAssets]: StringFlagConfig;
+    [FlagKey.TokenTransferAdditionalDisclaimer]: StringFlagConfig;
+    [FlagKey.MaxCheckoutUsd]: StringFlagConfig;
 };

package/dist/utils/payment.d.ts

@@ -1,10 +1,10 @@
+import { LoginType } from '~/providers/GeneralWalletProvider';
 import { PaymentMethodInfo } from '../domains/paymentMethods';
 /**
  * Generate a string for backend to indicate the source of a checkout funds
  */
-export declare function generateSourceOfFundString({ paymentMethodInfo, isWeb2Login, isWeb3Login, walletAddress, }: {
+export declare function generateSourceOfFundString({ paymentMethodInfo, loginType, walletAddress, }: {
     paymentMethodInfo: PaymentMethodInfo;
-    isWeb2Login: boolean;
-    isWeb3Login: boolean;
+    loginType: LoginType;
     walletAddress: string | undefined;
 }): string;