@funkit/connect 3.2.1 → 3.4.0

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

@@ -1,15 +1,4 @@
 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, }: {
-    checkoutId: string;
-    prioritizeDraftValue: boolean;
-    preserveMinHeight?: boolean;
+export declare function CheckoutPrimaryInfo({ showTokenAmount, }: {
     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;
@@ -27,5 +27,5 @@ export type ConfirmationStepNext = {
     paymentMethodInfo: PaymentMethodInfo;
 };
 export declare function confirmationStepNext(state: ConfirmationStepState, payload: ConfirmationStepNext): StepTransition[FunCheckoutStep.CONFIRMATION];
-export declare function ConfirmationStep({ modalState, onNext, setModalState, }: StateTransitionProps<ConfirmationStepState, ConfirmationStepNext>): React.JSX.Element;
+export declare function ConfirmationStep({ modalState, onNext, }: StateTransitionProps<ConfirmationStepState, ConfirmationStepNext>): React.JSX.Element;
 export {};

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

@@ -2,7 +2,6 @@ import React from 'react';
 interface FunCheckoutModalProps {
     open: boolean;
     onClose: () => void;
-    checkoutId: string | null;
 }
-export declare function FunCheckoutModal({ onClose, open, checkoutId, }: FunCheckoutModalProps): React.JSX.Element | null;
+export declare function FunCheckoutModal({ onClose, open }: FunCheckoutModalProps): React.JSX.Element | null;
 export {};

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

@@ -0,0 +1,11 @@
+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, }: {
+    actionButtonProps: FunButtonProps;
+    availableBalance?: ReactNode;
+    amountOptions?: ReactNode;
+    amountInput: ReactNode;
+    amountInputSwitch: ReactNode;
+    error?: ErrorNotification;
+}): React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
+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> & {
+    sourceHolding: AssetHoldingsItem | null;
+    checkoutItem: FunkitActiveCheckoutItem;
+    unitPrice: number;
+}): React.JSX.Element;

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

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

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

@@ -0,0 +1,73 @@
+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;
+}
+export interface AmountInputState {
+    /** Current amount, in target asset */
+    assetAmount: number;
+    /** Current input value (with leading $ if in USD) */
+    inputValue: string;
+    /** Whether the input is currently in USD */
+    isInputInUsd: boolean;
+    /** Current amount, in USD */
+    usdAmount: number;
+    /** Estimated available amount, in USD (defaults to unlimited) */
+    usdAvailableAmount: number | null;
+    /** Maximum amount, in USD (defaults to unlimited) */
+    usdMaxAmount: number | null;
+    /** Minimum amount, in USD (defaults to 0) */
+    usdMinAmount: number | null;
+}
+/** Derived state includes additional fields that are pure functions of base state */
+export interface AmountInputDerivedState extends AmountInputState {
+    inputError: AmountInputError | null;
+    isValid: boolean;
+}
+export type AmountInputAction = {
+    /** Switches between USD and absolute input mode */
+    type: 'setInputInUsd';
+    isInputInUsd: boolean;
+} | {
+    /** Sets the input value as string */
+    type: 'setInputValue';
+    inputValue: string;
+    unitPrice: number;
+} | {
+    /** Sets the input value as USD amount */
+    type: 'setUsdAmount';
+    unitPrice: number;
+    usdAmount: number;
+} | {
+    /** Updates the available USD amount */
+    type: 'setUsdAvailableAmount';
+    usdAvailableAmount: number;
+};
+export type AmountInputError = {
+    /** Current amount is above available balance */
+    type: 'aboveAvailable';
+    usdAvailableAmount: number;
+} | {
+    /** Current amount is above maximum */
+    type: 'aboveMax';
+    usdMaxAmount: number;
+} | {
+    /** Current amount is below minimum */
+    type: 'belowMin';
+    usdMinAmount: number;
+} | {
+    /** Available balance is 0 */
+    type: 'noAvailableBalance';
+} | {
+    /** Input is empty */
+    type: 'noInput';
+};
+export declare function initializeState(init: AmountInputInitOptions): AmountInputState;
+export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
+export declare function getDerivedState(state: AmountInputState): AmountInputDerivedState;

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

@@ -0,0 +1,9 @@
+import { AmountInputDerivedState, AmountInputInitOptions } from './state';
+interface UseAmountInputResult extends AmountInputDerivedState {
+    onChange(event: React.ChangeEvent<HTMLInputElement>): void;
+    setInputInUsd(isInputInUsd: boolean): void;
+    setUsdAmount(usdAmount: number): AmountInputDerivedState;
+    setUsdAvailableAmount(usdAvailableAmount: number): void;
+}
+export declare function useAmountInput(options: AmountInputInitOptions): UseAmountInputResult;
+export {};

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

@@ -0,0 +1,17 @@
+interface TriggerNewQuoteOptions {
+    maxRetries: number;
+    targetAssetAmount: number;
+}
+interface UseCheckoutQuoteOptions {
+    checkoutId: string;
+    onFailure(maxTargetAssetAmount: number | undefined): void;
+    onSuccess(): void;
+}
+interface UseCheckoutQuoteResult {
+    error: string | null;
+    isQuoting: boolean;
+    step: string | null;
+    triggerNewQuote(options: TriggerNewQuoteOptions): void;
+}
+export declare function useCheckoutQuote({ onFailure, onSuccess, }: UseCheckoutQuoteOptions): UseCheckoutQuoteResult;
+export {};

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { PaymentMethod } from '~/domains/paymentMethods';
+import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
+import { AssetHoldingsItem } from '../../../utils/assets';
+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')
+ *
+ * Defauls to 'round'
+ **/
+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 getUsdMinAmount(paymentMethod: PaymentMethod): number;

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;
@@ -9,4 +9,4 @@ export type InputAmountNext = {
     step: FunCheckoutStep.INPUT_AMOUNT;
 };
 export declare function inputAmountNext(state: InputAmountState, _payload: InputAmountNext): StepTransition[FunCheckoutStep.INPUT_AMOUNT];
-export declare function InputAmount({ modalState, onBack, onNext, }: StateTransitionProps<InputAmountState, InputAmountNext>): React.JSX.Element;
+export declare function InputAmount(props: StateTransitionProps<InputAmountState, InputAmountNext>): React.JSX.Element;

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 {
@@ -16,5 +16,5 @@ export type SelectBrokerageNext = {
 };
 export declare function selectBrokerageNext(state: SelectBrokerageState, payload: SelectBrokerageNext): StepTransition[FunCheckoutStep.SELECT_BROKERAGE];
 type Props = StateTransitionProps<SelectBrokerageState, SelectBrokerageNext>;
-export declare function SelectBrokerage({ modalState, onNext }: Props): React.JSX.Element;
+export declare function SelectBrokerage({ onNext }: Props): React.JSX.Element;
 export {};

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,9 +16,12 @@ 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>;
 export type SelectMethodPayloadData = UnionOmit<SelectPaymentMethodNext, 'step'>;
-export declare function SelectPaymentMethod({ modalState, onNext, onClose }: Props): React.JSX.Element;
+export declare function SelectPaymentMethod({ onNext, onClose }: Props): React.JSX.Element;
 export {};

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,18 @@
+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 interface TokenTransferSourceChainsAndAssets {
+    [chainId: number]: string[];
+}
+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 {};

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(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>;
+export declare function useAvailableBalanceForCheckout(paymentMethodInfo: PaymentMethodInfo, targetChainId: string, assetChainId: string, assetSymbol: string | null): QueryResult<AssetHoldingsItem>;

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

@@ -1,13 +1,8 @@
-import { PaymentMethodInfo } from '../../consts/payment';
 import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 export interface SourceAssetConfirmed {
     isQuoteSuccess: boolean;
-    newPaymentMethodInfo: PaymentMethodInfo;
-    quoteObject: FunkitActiveCheckoutItem | undefined;
-    totalFeesUsd: number | undefined;
-    estSubtotalUsd: number | undefined;
+    maxTargetAssetAmount: number | undefined;
 }
-export type OnSourceAssetConfirmed = (confirmed: SourceAssetConfirmed | undefined) => void;
 /**
  *
  * Note: this hook is EXTREMELY confusing in what is doing
@@ -20,7 +15,7 @@ export type OnSourceAssetConfirmed = (confirmed: SourceAssetConfirmed | undefine
  *
  * USE THIS WITH CAUTION
  **/
-export declare function useTriggerQuoteAndOtherStuffsWithExtremeCaution(checkoutId: string, onSuccess: (confirmed: SourceAssetConfirmed | undefined) => void, setPreloadedQuoteData?: (quoteData: FunkitActiveCheckoutItem) => void): {
+export declare function useTriggerQuoteAndOtherStuffsWithExtremeCaution(onSuccess: (confirmed: SourceAssetConfirmed | undefined) => void, setPreloadedQuoteData?: (quoteData: FunkitActiveCheckoutItem) => void): {
     isSourceAssetConfirming: boolean;
     triggerAssetConfirm: () => void;
     onSourceAssetConfirmed: (preloadQuoteData?: boolean) => Promise<SourceAssetConfirmed | undefined>;

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

@@ -1,4 +1,4 @@
-export declare function useUpdateCardSourceAsset(checkoutId: string): {
+export declare function useUpdateCardSourceAsset(): {
     onSelectCard: () => Promise<void>;
     isUpdating: 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.css.d.ts

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

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,10 +1,13 @@
-import { CheckoutHistoryItem, CheckoutQuoteResponse } from '@funkit/api-base';
+import { CheckoutHistoryItem } from '@funkit/api-base';
+import { Operation } from '@funkit/core';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
-import { CheckoutFeesBreakdownItem } from '../consts/checkoutFees';
-import { PaymentMethod, PaymentMethodInfo } from '../consts/payment';
-import { CheckoutHistoryStateMap } from '../utils/checkout';
+import { PaymentMethod, PaymentMethodInfo } from '../domains/paymentMethods';
+import type { FunkitCheckoutQuoteResult } from '../domains/quote';
+import { CheckoutHistoryDepositAddrMap, CheckoutHistoryStateMap } from '../utils/checkout';
 import { PurifiedCheckoutHistoryItem } from '../utils/purifyCheckoutHistoryItem';
+export type { HistoricalCheckoutItem, ServerCheckoutConfig, } from '~/domains/clientMetadata';
+export type { FunkitCheckoutQuoteResult } from '~/domains/quote';
 export interface FunkitCheckoutActionParams {
     contractAbi: Abi;
     contractAddress: Address;
@@ -52,13 +55,6 @@ export interface FunkitCheckoutConfig {
     /** User identification within customer's app for logging and customer dashboard purposes (future). **/
     externalCheckoutUserId?: string;
 }
-type FunkitCheckoutQuoteResult = {
-    baseQuote: CheckoutQuoteResponse;
-    finalTimeEstimationMs: number;
-    finalPaymentTokenAmount: string;
-    finalTotalUsd: string;
-    finalFeesBreakdown: CheckoutFeesBreakdownItem;
-};
 interface FunkitCheckoutValidationResult {
     isValid: boolean;
     message: string;
@@ -125,33 +121,42 @@ export interface FunkitActiveCheckoutItem {
         symbol: string | null;
         chainId: string;
     };
+    /** Time of completion of the active checkout item. For frontend use only. **/
+    completedTimestampMs: number | null;
 }
-export declare function FunkitCheckoutProvider({ children }: {
-    children: ReactNode;
-}): React.JSX.Element;
-interface useFunkitPreCheckoutInternalReturn {
-    checkoutItem: null | FunkitActiveCheckoutItem;
+interface FunkitCheckoutContextInterface {
+    checkoutItem: FunkitActiveCheckoutItem | null;
+    checkoutHistoryList: CheckoutHistoryItem[];
+    checkoutHistoryStateMap: CheckoutHistoryStateMap;
+    checkoutHistoryDepositAddrMap: CheckoutHistoryDepositAddrMap;
+    checkoutHistoryCurrentDepositAddrMap: CheckoutHistoryDepositAddrMap;
+    isCheckoutHistoryInited: boolean;
+    isRefreshingCheckoutHistory: boolean;
     reDraftSymbol: symbol;
-    updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
-    updateTargetAssetAmount: (newTargetAssetAmount: number) => void;
-    updateSelectedPaymentMethodInfo: (newPaymentMethodInfo: PaymentMethodInfo) => void;
-    confirmCheckout: (shouldBatchOpBypassInit: boolean, stepMessageSetter: (m: string) => void) => Promise<Address>;
-    cancelCheckout: (depositAddress: Address) => Promise<boolean>;
-    getCheckoutDraftDollarValue: () => Promise<number>;
-    clearCheckoutQuoteMessages: () => void;
-    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, newPaymentMethodInfo: PaymentMethodInfo, disableInformationStreaming?: boolean) => Promise<{
+    startCheckoutHistoryListener(recipientAddr?: Address | undefined): NodeJS.Timeout;
+    stopCheckoutHistoryListener(cancelIntervalId?: NodeJS.Timeout): void;
+    initNewCheckout(initSettings: useFunkitCheckoutPropsFinal): string;
+    updateSourceAsset(selectedSourceAsset: Address, selectedSourceAssetSymbol: string, selectedSourceAssetChainId: string): void;
+    updateTargetAssetAmount(newTargetAssetAmount: number): void;
+    updateSelectedPaymentMethodInfo(newPaymentMethodInfo: PaymentMethodInfo): void;
+    confirmCheckout(shouldBatchOpBypassInit: boolean, stepMessageSetter: (m: string) => void): Promise<Address>;
+    cancelCheckout(depositAddress: Address): Promise<boolean>;
+    clearCheckoutQuoteMessages(): void;
+    getCheckoutQuote(sponsorInitialTransferGasLimit: number, newPaymentMethodInfo: PaymentMethodInfo, disableInformationStreaming?: boolean): Promise<{
         success: boolean;
         shellCheckoutItemWithNextQuote: FunkitActiveCheckoutItem | undefined;
-        totalFeesUsd: number | undefined;
-        estSubtotalUsd: number | undefined;
+        maxTargetAssetAmount: number | undefined;
         errorObject?: any;
     }>;
-    setCheckoutQuote: (quote: FunkitActiveCheckoutItem) => void;
+    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;
 }
-/**
- * Internal hook to handle frontend pre-checkout operations, PER-CHECKOUT ITEM.
- */
-export declare const useFunkitPreCheckoutInternal: (checkoutId: string) => useFunkitPreCheckoutInternalReturn;
+export declare function FunkitCheckoutProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export declare function useCheckoutContext(): FunkitCheckoutContextInterface;
 /**
  * Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
  */
@@ -159,17 +164,6 @@ export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) =>
     isLoading: boolean;
     checkoutHistoryInfo: CheckoutHistoryItem | undefined;
 };
-/**
- * Internal hook to get all post-checkout items
- */
-export declare const useFunkitAllPostCheckoutsInternal: () => {
-    checkoutHistoryList: CheckoutHistoryItem[];
-    checkoutHistoryStateMap: CheckoutHistoryStateMap;
-    isCheckoutHistoryInited: boolean;
-    isRefreshingCheckoutHistory: boolean;
-    startCheckoutHistoryListener: (recipientAddr?: Address | undefined) => NodeJS.Timeout;
-    stopCheckoutHistoryListener: (cancelIntervalId?: NodeJS.Timeout) => void;
-};
 /**
  * External hook for user to kickstart a checkout in their app
  */
@@ -190,4 +184,3 @@ export declare function useCheckoutsListenerByUserId(userId: string): PurifiedCh
  * @returns PurifiedCheckoutHistoryItem | undefined
  */
 export declare function useCheckoutListenerByCheckoutId(checkoutId: string): PurifiedCheckoutHistoryItem | undefined;
-export {};