@funkit/connect 3.5.0 → 4.0.0

package/dist/modals/AccountModal/AccountModal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SelectedHomeTab } from '../ProfileDetails/FunProfileViews/Home';
+import type { SelectedHomeTab } from '../ProfileDetails/FunProfileViews/Home';
 export interface AccountModalProps {
     open: boolean;
     onClose: () => void;

package/dist/modals/ChainModal/Chain.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useSwitchChain } from 'wagmi';
-import { BoxProps } from '../../components/Box/Box';
+import type { useSwitchChain } from 'wagmi';
+import { type BoxProps } from '../../components/Box/Box';
 interface ChainProps {
     chainId: number;
     currentChainId: number;

package/dist/modals/CheckoutModal/{CheckoutComplete.d.ts → CheckoutComplete/CheckoutComplete.d.ts}

@@ -1,5 +1,5 @@
-import { Address } from 'viem';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import type { Address } from 'viem';
+import type { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from '../stepTransition';
 export type CheckoutCompleteState = CheckoutModalCommonState & {
     depositAddress: Address;
 };

package/dist/modals/CheckoutModal/{useRedirectToCheckoutHistory.d.ts → CheckoutComplete/useRedirectToCheckoutHistory.d.ts}

@@ -1,3 +1,3 @@
-import { Address } from 'viem';
-import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import type { Address } from 'viem';
+import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
 export declare function useRedirectToCheckoutHistory(checkoutItem: FunkitActiveCheckoutItem | null, onClose: () => void): (depositAddress: Address) => void;

package/dist/modals/CheckoutModal/{ConfirmationStep.d.ts → ConfirmationStep/ConfirmationStep.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Address } from 'viem';
-import { PaymentMethodInfo } from '../../domains/paymentMethods';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import type { Address } from 'viem';
+import { type PaymentMethodInfo } from '~/domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 interface MoonpayDepositData {
     depositToken: string;
     depositTokenAmount: number;

package/dist/modals/CheckoutModal/{useAccountBalancePostCheckout.d.ts → ConfirmationStep/useAccountBalanceTransfer.d.ts}

@@ -1,2 +1,2 @@
-import { Address } from 'viem';
+import type { Address } from 'viem';
 export declare function useAccountBalancePostCheckout(setPostCheckoutStepMessage: (s: string) => void, apiKey: string): (depositAddress: Address) => Promise<void>;

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

@@ -1,5 +1,5 @@
-import { Address } from 'viem';
-import { ErrorNotification } from '~/components/FunNotification/FunNotification';
+import type { Address } from 'viem';
+import type { ErrorNotification } from '~/components/FunNotification/FunNotification';
 export interface CheckoutConfirmationError extends ErrorNotification {
     durationMs?: number;
 }

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

@@ -1,6 +1,6 @@
-import { Address } from 'viem';
-import { ErrorNotification } from '~/components/FunNotification/FunNotification';
-import { PaymentMethodInfo } from '~/domains/paymentMethods';
+import type { Address } from 'viem';
+import type { ErrorNotification } from '~/components/FunNotification/FunNotification';
+import { type PaymentMethodInfo } from '~/domains/paymentMethods';
 export interface MoonpayDepositData {
     depositToken: string;
     depositTokenAmount: number;

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

@@ -1,4 +1,4 @@
-import { ErrorNotification } from '~/components/FunNotification/FunNotification';
+import type { ErrorNotification } from '~/components/FunNotification/FunNotification';
 interface UseQuoteRefreshOptions {
     /**
      * Freeze the latest quote state, e.g. so we do not change the quote mid-confirmation

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
-import { MeshExchanges } from '../../utils/mesh';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import { MeshExchangeType } from '~/consts/mesh';
+import { type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type ConnectExchangeState = CheckoutModalCommonState & {
-    exchange: MeshExchanges;
+    brokerType: MeshExchangeType;
 };
 export type ConnectExchangeNext = {
     paymentMethodInfo: PaymentMethodBrokerageInfo;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AssetHoldingsItem } from '~/utils/assets';
+import type { AssetHoldingsItem } from '~/utils/assets';
 interface AvailableBalanceProps {
     sourceHolding?: AssetHoldingsItem;
     usdAvailableAmount?: number | null;

package/dist/modals/CheckoutModal/{InputAmount.d.ts → InputAmount/InputAmount.d.ts}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PaymentMethodInfo } from '../../domains/paymentMethods';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import { type PaymentMethodInfo } from '~/domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 export type InputAmountState = CheckoutModalCommonState & {
     paymentMethodInfo: PaymentMethodInfo;
 };
-export type InputAmountNext = {};
+export type InputAmountNext = Record<string, never>;
 export declare const InputAmountInfo: ModalStepInfo<FunCheckoutStep.INPUT_AMOUNT>;
 export declare function InputAmount(props: ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT>): React.JSX.Element;

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

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
-import { FunButtonProps } from '../../../components/FunButton/FunButton';
-import { ErrorNotification } from '../../../components/FunNotification/FunNotification';
+import React, { type ReactNode } from 'react';
+import type { FunButtonProps } from '../../../components/FunButton/FunButton';
+import { type ErrorNotification } from '../../../components/FunNotification/FunNotification';
 interface InputAmountLayoutProps {
     actionButtonProps: FunButtonProps;
     availableBalance?: ReactNode;

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
-import { AssetHoldingsItem } from '../../../utils/assets';
-import { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition';
+import type { AssetHoldingsItem } from '~/utils/assets';
+import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
+import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition';
 interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
     sourceHolding: AssetHoldingsItem | null;
-    checkoutItem: FunkitActiveCheckoutItem;
+    checkoutConfig: FunkitCheckoutConfig;
     unitPrice: number;
     isCardCheckout: boolean;
 }
-export declare function InputAmountLoaded({ checkoutItem, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, }: InputAmountLoadedProps): React.JSX.Element;
+export declare function InputAmountLoaded({ checkoutConfig, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, }: InputAmountLoadedProps): React.JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-import { PaymentMethod } from '~/domains/paymentMethods';
-import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
-import { AssetHoldingsItem } from '../../../utils/assets';
+import type { PaymentMethod } from '~/domains/paymentMethods';
+import { type AssetHoldingsItem } from '~/utils/assets';
+import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
 export interface AmountInputInitOptions {
-    checkoutItem: FunkitActiveCheckoutItem;
+    checkoutConfig: FunkitCheckoutConfig;
     paymentMethod: PaymentMethod;
     sourceHolding: AssetHoldingsItem | null;
     /** Target asset unit price, in USD */

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

@@ -1,4 +1,4 @@
-import { AmountInputDerivedState, AmountInputInitOptions } from './state';
+import { type AmountInputDerivedState, type AmountInputInitOptions } from './state';
 interface UseAmountInputResult extends AmountInputDerivedState {
     onChange(event: React.ChangeEvent<HTMLInputElement>): void;
     setInputInUsd(isInputInUsd: boolean): void;

package/dist/modals/CheckoutModal/{useAssetPrice.d.ts → InputAmount/useAssetPrice.d.ts}

@@ -1,4 +1,4 @@
-import { Address } from 'viem';
+import type { Address } from 'viem';
 export declare function useAssetPrice({ chainId, assetTokenAddress, }: {
     chainId: string | undefined;
     assetTokenAddress: Address | undefined;

package/dist/modals/CheckoutModal/{useAvailableBalanceForCheckout.d.ts → InputAmount/useAvailableBalanceForCheckout.d.ts}

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

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

@@ -1,16 +1,7 @@
 import { PaymentMethod } from '~/domains/paymentMethods';
-import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
 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 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, assetChainId: string, assetUsdAmount: number | null): 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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import { PaymentMethod, type PaymentMethodAccountInfo, type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type LoadingAccountState = CheckoutModalCommonState;
 export type LoadingAccountNext = {
     usablePaymentMethod: PaymentMethod.ACCOUNT_BALANCE;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { Address } from 'viem';
-import { PaymentMethodInfo } from '../../domains/paymentMethods';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import type { Address } from 'viem';
+import { PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type MeshVerificationState = CheckoutModalCommonState & {
-    paymentMethodInfo: PaymentMethodInfo;
+    paymentMethodInfo: PaymentMethodBrokerageInfo;
 };
 export type MeshVerificationNext = {
     depositAddress: Address;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Address } from 'viem';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import type { Address } from 'viem';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type MoonpaySetupState = CheckoutModalCommonState & {
     paymentAddress: Address;
     token: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PaymentMethodAccountInfo, PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import { type PaymentMethodAccountInfo, type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type SelectAssetState = CheckoutModalCommonState & {
     paymentMethodInfo: PaymentMethodBrokerageInfo | PaymentMethodAccountInfo;
 };

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

@@ -1,14 +1,14 @@
 import React from 'react';
-import { PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
-import { MeshExchanges } from '../../utils/mesh';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import { MeshExchangeType } from '~/consts/mesh';
+import { type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type SelectBrokerageState = CheckoutModalCommonState;
 export type SelectBrokerageNext = {
     hasActiveConnection: true;
     paymentInfo: PaymentMethodBrokerageInfo;
 } | {
     hasActiveConnection: false;
-    exchange: MeshExchanges;
+    brokerType: MeshExchangeType;
 };
 export declare const SelectBrokerageInfo: ModalStepInfo<FunCheckoutStep.SELECT_BROKERAGE>;
 export declare function SelectBrokerage({ onNext, }: ModalStepComponentProps<FunCheckoutStep.SELECT_BROKERAGE>): React.JSX.Element;

package/dist/modals/CheckoutModal/{SourceChange.d.ts → SourceChange/SourceChange.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PaymentMethod, PaymentMethodAccountInfo, PaymentMethodBrokerageInfo, PaymentMethodCardInfo } from '../../domains/paymentMethods';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import { PaymentMethod, type PaymentMethodAccountInfo, type PaymentMethodBrokerageInfo, type PaymentMethodCardInfo } from '~/domains/paymentMethods';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 type ConnectablePaymentMethodInfo = PaymentMethodAccountInfo | PaymentMethodBrokerageInfo;
 export type SourceChangeState = CheckoutModalCommonState & {
     paymentMethodInfo: ConnectablePaymentMethodInfo | null;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from './stepTransition';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type TransferTokenState = CheckoutModalCommonState;
-export type TransferTokenNext = {};
+export type TransferTokenNext = Record<string, never>;
 export interface TokenTransferSourceChainsAndAssets {
     [chainId: number]: string[];
 }

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

@@ -1,17 +1,17 @@
-import { ComponentType, SetStateAction } from 'react';
-import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
-import { FunkitTextCustomizationsConfig } from '../../providers/FunkitConfigContext';
-import { CheckoutCompleteState } from './CheckoutComplete';
-import { ConfirmationStepNext, ConfirmationStepState } from './ConfirmationStep';
-import { ConnectExchangeNext, ConnectExchangeState } from './ConnectExchange';
-import { InputAmountNext, InputAmountState } from './InputAmount';
-import { LoadingAccountNext, LoadingAccountState } from './LoadingAccount';
-import { MeshVerificationNext, MeshVerificationState } from './MeshVerification';
-import { MoonpaySetupNext, MoonpaySetupState } from './MoonpaySetup';
-import { SelectAssetNext, SelectAssetState } from './SelectAsset';
-import { SelectBrokerageNext, SelectBrokerageState } from './SelectBrokerage';
-import { SourceChangeNext, SourceChangeState } from './SourceChange';
-import { TransferTokenNext, TransferTokenState } from './TransferToken';
+import { type ComponentType, type SetStateAction } from 'react';
+import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import { type FunkitTextCustomizationsConfig } from '../../providers/FunkitConfigContext';
+import { type CheckoutCompleteState } from './CheckoutComplete/CheckoutComplete';
+import { type ConfirmationStepNext, type ConfirmationStepState } from './ConfirmationStep/ConfirmationStep';
+import { type ConnectExchangeNext, type ConnectExchangeState } from './ConnectExchange';
+import { type InputAmountNext, type InputAmountState } from './InputAmount/InputAmount';
+import { type LoadingAccountNext, type LoadingAccountState } from './LoadingAccount';
+import { type MeshVerificationNext, type MeshVerificationState } from './MeshVerification';
+import { type MoonpaySetupNext, type MoonpaySetupState } from './MoonpaySetup';
+import { type SelectAssetNext, type SelectAssetState } from './SelectAsset';
+import { type SelectBrokerageNext, type SelectBrokerageState } from './SelectBrokerage';
+import { type SourceChangeNext, type SourceChangeState } from './SourceChange/SourceChange';
+import { type TransferTokenNext, type TransferTokenState } from './TransferToken';
 export interface CheckoutModalCommonState {
     checkoutId: string;
     isSoftHidden: boolean;

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

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

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

@@ -1,6 +1,6 @@
-import { Operation } from '@funkit/core';
-import { PaymentMethodInfo } from '../../domains/paymentMethods';
-import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import type { Operation } from '@funkit/core';
+import { type PaymentMethodInfo } from '../../domains/paymentMethods';
+import { type FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 import { LoginType } from '../../providers/GeneralWalletProvider';
 export interface SourceAssetConfirmed {
     isQuoteSuccess: boolean;

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

@@ -1,4 +1,4 @@
-import { AssetHoldingsMap } from '../../utils/assets';
+import { type AssetHoldingsMap } from '../../utils/assets';
 export declare function useWalletAssetHoldings(targetChain: string): {
     data: AssetHoldingsMap | undefined;
     isLoading: boolean;

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

@@ -1,4 +1,4 @@
-import React, { Dispatch, SetStateAction } from 'react';
+import React, { type Dispatch, type SetStateAction } from 'react';
 import { HistoryContentPages } from '../../utils/checkoutHistory';
 interface FunCheckoutHistoryContentProps {
     depositAddress: `0x${string}`;

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

@@ -1,4 +1,4 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
+import type { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 interface FunCheckoutHistoryDetailProps {
     checkoutHistoryInfo: CheckoutHistoryItem | undefined;

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

@@ -1,4 +1,4 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
+import { type CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, onBackFromHelpPage, }: {
     checkoutHistoryInfo: CheckoutHistoryItem | undefined;

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

@@ -1,4 +1,4 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
+import type { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 interface FunTxSummaryHistoryProps {
     checkoutHistoryItem: CheckoutHistoryItem | undefined;

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

@@ -1,4 +1,4 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
+import type { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 interface FunCheckoutStatusProps {
     checkoutHistoryItem: CheckoutHistoryItem | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { HistoryContentPages } from '../../utils/checkoutHistory';
-import { FunProfileView } from './ProfileDetails';
+import type { HistoryContentPages } from '../../utils/checkoutHistory';
+import type { FunProfileView } from './ProfileDetails';
 export interface BaseActivitySelection {
     depositAddress: `0x${string}`;
     initialPage: HistoryContentPages;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseActivitySelection } from '../../ActivityTraversalContext';
+import { type BaseActivitySelection } from '../../ActivityTraversalContext';
 export declare function ActivityHistory({ onSelectActivity, }: {
     onSelectActivity: (activity: BaseActivitySelection) => void;
 }): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
+import type { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 import { HistoryContentPages } from '../../../../utils/checkoutHistory';
 export declare const HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseActivitySelection } from '../../ActivityTraversalContext';
+import { type BaseActivitySelection } from '../../ActivityTraversalContext';
 import { FunProfileView } from '../../ProfileDetails';
 export declare enum SelectedHomeTab {
     ASSETS = "assets",

package/dist/providers/AppContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export type DisclaimerComponent = React.FunctionComponent<{
     Text: React.FunctionComponent<{
         children: ReactNode;

package/dist/providers/AuthenticationContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export type AuthenticationStatus = 'loading' | 'unauthenticated' | 'authenticated';
 export interface AuthenticationAdapter<Message> {
     getNonce: () => Promise<string>;

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -1,8 +1,9 @@
-import { Operation } from '@funkit/core';
-import React, { ReactNode } from 'react';
-import { Abi, Address } from 'viem';
-import { AssetHoldingsItem } from '~/utils/assets';
-import { PaymentMethodInfo } from '../domains/paymentMethods';
+import { ApiCheckoutClientMetadata, ApiFunkitCheckoutConfig } from '@funkit/api-base';
+import { type Operation } from '@funkit/core';
+import React, { type ReactNode } from 'react';
+import { type Abi, type Address } from 'viem';
+import type { AssetHoldingsItem } from '~/utils/assets';
+import { type PaymentMethodInfo } from '../domains/paymentMethods';
 import type { FunkitCheckoutQuoteResult } from '../domains/quote';
 export type { HistoricalCheckoutItem, ServerCheckoutConfig, } from '~/domains/clientMetadata';
 export type { FunkitCheckoutQuoteResult } from '~/domains/quote';
@@ -14,24 +15,11 @@ export interface FunkitCheckoutActionParams {
     value?: bigint;
 }
 export type DydxAddress = `dydx${string}`;
-export interface FunkitCheckoutConfig {
-    /** ****************************
-     * Api-related configurations *
-     ******************************/
-    /** The ID of the chain where the checkout operation is to be performed. **/
-    targetChain: string;
-    /** The wanted asset for the checkout operation. This can be either a chain native token (by specifying NATIVE_TOKEN) or an ERC-20 token (by specifying actual token address) on the target chain. **/
-    targetAsset: Address;
-    /** The amount of wanted asset for the checkout operation (defaults to $100 equivalent). **/
-    targetAssetAmount?: number;
-    /** The ticker information of the wanted asset for the checkout operation. e.g. USDC. **/
-    targetAssetTicker: string;
-    /** Timestamp (in milliseconds) after which the checkout should not be performed, and the funds will become rescuable. Min: 300000 (5 mins), Max: 3600000 (1 hour). **/
-    expirationTimestampMs: number;
-    /** Custom recipient address of the checkout. If specified, a different checkout flow will be executed. It is not recommended to set this unless the Fun.xyz team advises it. **/
-    customRecipient?: Address | DydxAddress;
+export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'generateActionsParams' | 'customRecipient' | 'modalTitle' | 'iconSrc' | 'modalTitleMeta' | 'checkoutItemAmount' | 'externalCheckoutUserId'> {
     /** List of contract action params **/
     generateActionsParams?: (targetAssetAmount: number) => FunkitCheckoutActionParams[];
+    /** Custom recipient address of the checkout. If specified, a different checkout flow will be executed. It is not recommended to set this unless the Fun.xyz team advises it. **/
+    customRecipient?: Address | DydxAddress;
     /** ****************************************
      * Checkout ModalUI-related configurations *
      *******************************************/
@@ -51,6 +39,11 @@ export interface FunkitCheckoutConfig {
     /** User identification within customer's app for logging and customer dashboard purposes (future). **/
     externalCheckoutUserId?: string;
 }
+export interface CheckoutClientMetadata extends Omit<ApiCheckoutClientMetadata, 'initSettings'> {
+    initSettings: {
+        config: FunkitCheckoutConfig;
+    };
+}
 interface FunkitCheckoutValidationResult {
     isValid: boolean;
     message: string;
@@ -60,7 +53,7 @@ export type FunkitCheckoutResult = {
     message: string;
     metadata: object | Error;
 };
-interface useFunkitCheckoutProps {
+interface UseFunkitCheckoutProps {
     /** @optional the checkout config object **/
     config?: FunkitCheckoutConfig;
     /** @optional fires when the checkout modal is opened **/
@@ -80,19 +73,13 @@ interface useFunkitCheckoutProps {
     /** @optional fires if the checkout requires an active wallet connection. If not specified, defaults to funkit wallet connection. */
     onLoginRequired?: () => void;
 }
-type useFunkitCheckoutPropsFinal = Omit<useFunkitCheckoutProps, 'config'> & {
+interface UseFunkitCheckoutPropsWithFullConfig extends UseFunkitCheckoutProps {
     config: FunkitCheckoutConfig;
-};
+}
 /**
  * Checkout Item for frontend use
  */
-export interface FunkitActiveCheckoutItem {
-    /** Unique identifier for frontend use only. */
-    id: string;
-    /** Time of creation of the active checkout item. For frontend use only. **/
-    startTimestampMs: number;
-    /** The final dollar value of the checkout. Derived from latestQuote. **/
-    finalDollarValue: null | number;
+export interface FunkitActiveCheckoutItem extends Omit<CheckoutClientMetadata, 'selectedPaymentMethodInfo' | 'initSettings'> {
     /** Whether the checkout quote is being fetched **/
     isQuoting: boolean;
     /** Latest checkout estimated fees and time **/
@@ -104,7 +91,7 @@ export interface FunkitActiveCheckoutItem {
     /** The deposit address provided by server after the checkout is confirmed. If `null`, it is not confirmed yet. **/
     depositAddress: null | Address;
     /** Final settings the checkout was init-ed with **/
-    initSettings: useFunkitCheckoutPropsFinal;
+    initSettings: UseFunkitCheckoutPropsWithFullConfig;
     /** User's selected payment method information */
     selectedPaymentMethodInfo: PaymentMethodInfo | null;
     /** User's choice of source asset to fund the checkout operation **/
@@ -119,7 +106,7 @@ export interface FunkitActiveCheckoutItem {
 }
 interface FunkitCheckoutContextInterface {
     checkoutItem: FunkitActiveCheckoutItem | null;
-    initNewCheckout(initSettings: useFunkitCheckoutPropsFinal): string;
+    initNewCheckout(initSettings: UseFunkitCheckoutPropsWithFullConfig): string;
     updateSourceAsset(selectedSource: Omit<AssetHoldingsItem, 'amount' | 'usdAmount' | 'chainSymbolKey'>): void;
     updateTargetAssetAmount(newTargetAssetAmount: number): void;
     updateSelectedPaymentMethodInfo(newPaymentMethodInfo: PaymentMethodInfo): void;
@@ -143,6 +130,9 @@ export declare function useCheckoutContext(): FunkitCheckoutContextInterface;
 /**
  * External hook for user to kickstart a checkout in their app
  */
-export declare const useFunkitCheckout: (props: useFunkitCheckoutProps) => {
-    beginCheckout: (inputConfig?: FunkitCheckoutConfig) => Promise<void>;
+export declare function useFunkitCheckout(props: UseFunkitCheckoutPropsWithFullConfig): {
+    beginCheckout: (config?: Partial<FunkitCheckoutConfig>) => Promise<void>;
+};
+export declare function useFunkitCheckout(props: UseFunkitCheckoutProps): {
+    beginCheckout: (config: FunkitCheckoutConfig) => Promise<void>;
 };

package/dist/providers/FunkitConfigContext.d.ts

@@ -1,11 +1,12 @@
-import { ReactNode } from 'react';
-import { FunkitPrioritizedLoginType, FunkitSocialLoginMethod } from '../consts/funkit';
+import { type ReactNode } from 'react';
+import { type FunkitPrioritizedLoginType, FunkitSocialLoginMethod } from '../consts/funkit';
 export interface FunkitTextCustomizationsConfig {
     brokerageOrExchange: string;
     debitOrCredit: string;
     accountBalance: string;
     transferCrypto: string;
     selectAccount: string;
+    sourceMethodTitle: string;
     transferTokens: string;
     confirmationScreen: {
         receiveAmountLabel: string;

package/dist/providers/FunkitConnectChainContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import type { Chain } from 'wagmi/chains';
 export interface FunkitConnectChain extends Chain {
     iconUrl?: string | (() => Promise<string>) | null;

package/dist/providers/FunkitFlagsProvider.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
-import { flagConfig as offlineConfig, FlagKey } from '../utils/flags/config';
-import { InferFlagType } from '../utils/flags/types';
+import React, { type ReactNode } from 'react';
+import { type FlagKey, flagConfig as offlineConfig } from '../utils/flags/config';
+import type { InferFlagType } from '../utils/flags/types';
 export { FlagKey } from '../utils/flags/config';
 export type FlagValue<K extends FlagKey> = InferFlagType<(typeof offlineConfig)[K]>;
 export type FlagValues = {

package/dist/providers/FunkitHistoryContext.d.ts

@@ -1,8 +1,8 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
-import React, { ReactNode } from 'react';
-import { Address } from 'viem';
-import { CheckoutHistoryDepositAddrMap, CheckoutHistoryStateMap } from '../utils/checkout';
-import { PurifiedCheckoutHistoryItem } from '../utils/purifyCheckoutHistoryItem';
+import { type CheckoutHistoryItem } from '@funkit/api-base';
+import React, { type ReactNode } from 'react';
+import type { Address } from 'viem';
+import { type CheckoutHistoryDepositAddrMap, type CheckoutHistoryStateMap } from '../utils/checkout';
+import { type PurifiedCheckoutHistoryItem } from '../utils/purifyCheckoutHistoryItem';
 export type { HistoricalCheckoutItem, ServerCheckoutConfig, } from '~/domains/clientMetadata';
 export type { FunkitCheckoutQuoteResult } from '~/domains/quote';
 interface FunkitCheckoutHistoryContextInterface {