@funkit/connect 3.3.0 → 3.4.0

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

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare function CheckoutPrimaryInfo({ checkoutId, showTokenAmount, }: {
-    checkoutId: string;
+export declare function CheckoutPrimaryInfo({ showTokenAmount, }: {
     showTokenAmount?: boolean;
 }): React.JSX.Element | null;

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

@@ -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/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

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

@@ -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

@@ -23,5 +23,5 @@ export type SelectPaymentMethodNext = {
 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/TransferToken.d.ts

@@ -9,7 +9,10 @@ export type TransferTokenNext = {
     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, modalState }: Props): React.JSX.Element;
+export declare function TransferToken({ onBack }: Props): React.JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
 import { Address } from 'viem';
-export declare function useAccountBalancePostCheckout(checkoutId: string, setPostCheckoutStepMessage: (s: string) => void, apiKey: string): (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 '../../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 '../../domains/paymentMethods';
 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/FunCheckoutHistoryModal/FunCheckoutStatus.css.d.ts

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

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 { CheckoutFees } from '../domains/checkoutFees';
 import { PaymentMethod, PaymentMethodInfo } from '../domains/paymentMethods';
-import { CheckoutHistoryStateMap } from '../utils/checkout';
+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: CheckoutFees;
-};
 interface FunkitCheckoutValidationResult {
     isValid: boolean;
     message: string;
@@ -125,51 +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 type ServerPaymentMethodInfo = Omit<PaymentMethodInfo, 'titleIcon' | 'descriptionIcon'>;
-export type ServerCheckoutConfig = Omit<FunkitCheckoutConfig, 'generateActionsParams'> & {
-    generateActionsParams?: string;
-};
-/** Serializable data from FE checkout item */
-export type HistoricalCheckoutItem = {
-    id: FunkitActiveCheckoutItem['id'];
-    startTimestampMs: FunkitActiveCheckoutItem['startTimestampMs'];
-    draftDollarValue: FunkitActiveCheckoutItem['draftDollarValue'];
-    finalDollarValue: FunkitActiveCheckoutItem['finalDollarValue'];
-    latestQuote: FunkitActiveCheckoutItem['latestQuote'];
-    depositAddress: FunkitActiveCheckoutItem['depositAddress'];
-    initSettings: {
-        config: ServerCheckoutConfig;
-    };
-    selectedSourceAssetInfo: FunkitActiveCheckoutItem['selectedSourceAssetInfo'];
-    selectedPaymentMethodInfo: ServerPaymentMethodInfo | null;
-};
-export declare function FunkitCheckoutProvider({ children }: {
-    children: ReactNode;
-}): React.JSX.Element;
-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.
  */
@@ -177,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
  */
@@ -208,4 +184,3 @@ export declare function useCheckoutsListenerByUserId(userId: string): PurifiedCh
  * @returns PurifiedCheckoutHistoryItem | undefined
  */
 export declare function useCheckoutListenerByCheckoutId(checkoutId: string): PurifiedCheckoutHistoryItem | undefined;
-export {};

package/dist/providers/FunkitFlagsProvider.d.ts

@@ -6,7 +6,7 @@ export type FlagValue<K extends FlagKey> = InferFlagType<(typeof offlineConfig)[
 export type FlagValues = {
     [K in FlagKey]?: FlagValue<K>;
 };
-export type GetFlagFunction = <K extends FlagKey>(flagKey: K, fallback: FlagValue<K>) => FlagValue<K>;
+export type GetFlagFunction = <K extends FlagKey>(flagKey: K, fallback?: FlagValue<K>) => FlagValue<K>;
 export interface FunkitFlagsContextValue {
     /** Error fetching flag config from server */
     error: Error | null;
@@ -22,4 +22,4 @@ export declare function FunkitFlagsProvider({ children }: {
     children: ReactNode;
 }): React.JSX.Element;
 export declare function useFlags(): FunkitFlagsContextValue;
-export declare function useFlag<K extends FlagKey>(flagKey: K, fallback: FlagValue<K>): FlagValue<K>;
+export declare function useFlag<K extends FlagKey>(flagKey: K, fallback?: FlagValue<K>): FlagValue<K>;

package/dist/providers/FunkitMoonpayProvider.d.ts

@@ -20,6 +20,6 @@ export interface UserIpInfoFromMoonpay {
 export declare const geoCheckInProgressProps: FunButtonProps;
 export declare function useFunkitUserIp(): {
     isLoadingGeoCheck: boolean;
-    isUserBlockedForCheckout: boolean;
+    isUserGeoblocked: boolean;
     userIpInfo: UserIpInfoFromMoonpay | undefined;
 };

package/dist/providers/FunkitThemeProvider.d.ts

@@ -31,6 +31,7 @@ export declare const defaultTheme: {
         hoverState: string;
         offBackgroundInverse: string;
         lightStroke: string;
+        mediumStroke: string;
         strokeColor: string;
         dydxSwitchActiveBackground: string;
         primaryText: string;
@@ -60,7 +61,6 @@ export declare const defaultTheme: {
         buttonBackground: string;
         buttonBackgroundHover: string;
         buttonBackgroundDisabled: string;
-        buttonText: string;
         buttonStroke: string;
         buttonTextSecondaryDisabled: string;
         buttonTextSecondary: string;
@@ -187,6 +187,7 @@ export declare const useActiveTheme: () => {
             hoverState: string;
             offBackgroundInverse: string;
             lightStroke: string;
+            mediumStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -216,7 +217,6 @@ export declare const useActiveTheme: () => {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
-            buttonText: string;
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
@@ -331,6 +331,7 @@ export declare const useActiveTheme: () => {
             hoverState: string;
             offBackgroundInverse: string;
             lightStroke: string;
+            mediumStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -360,7 +361,6 @@ export declare const useActiveTheme: () => {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
-            buttonText: string;
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
@@ -474,6 +474,7 @@ export declare const useActiveTheme: () => {
             hoverState: string;
             offBackgroundInverse: string;
             lightStroke: string;
+            mediumStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -503,7 +504,6 @@ export declare const useActiveTheme: () => {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
-            buttonText: string;
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;

package/dist/themes/baseTheme.js

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

package/dist/themes/darkTheme.d.ts

@@ -31,6 +31,7 @@ export declare const darkTheme: {
             hoverState: string;
             offBackgroundInverse: string;
             lightStroke: string;
+            mediumStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -60,7 +61,6 @@ export declare const darkTheme: {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
-            buttonText: string;
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;

package/dist/themes/darkTheme.js

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

package/dist/themes/lightTheme.d.ts

@@ -31,6 +31,7 @@ export declare const lightTheme: {
             hoverState: string;
             offBackgroundInverse: string;
             lightStroke: string;
+            mediumStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -60,7 +61,6 @@ export declare const lightTheme: {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
-            buttonText: string;
             buttonStroke: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-YOJVBRUJ.js";
-import "../chunk-HFT6OV3T.js";
+} from "../chunk-77C753LI.js";
+import "../chunk-BY224HGT.js";
 export {
   lightTheme
 };

package/dist/utils/checkout.d.ts

@@ -2,7 +2,7 @@ import { CheckoutHistoryItem, CheckoutState } from '@funkit/api-base';
 import { Address, Hex } from 'viem';
 import { UseConfigReturnType } from 'wagmi';
 import { PaymentMethod } from '../domains/paymentMethods';
-import { FunkitActiveCheckoutItem, FunkitCheckoutConfig, HistoricalCheckoutItem, ServerCheckoutConfig } from '../providers/FunkitCheckoutContext';
+import { FunkitActiveCheckoutItem, FunkitCheckoutConfig, FunkitCheckoutQuoteResult, HistoricalCheckoutItem, ServerCheckoutConfig } from '../providers/FunkitCheckoutContext';
 export declare const MOONPAY_TIME_ESTIMATE_MS = 120000;
 export declare const MESH_TIME_ESTIMATE_MS = 300000;
 export declare const DUMMY_TRANSFER_PARAMS: {
@@ -18,10 +18,12 @@ export declare function validateCheckoutConfig(config: Partial<FunkitCheckoutCon
     isValid: boolean;
     message: string;
 };
-export declare const hasSufficientBalance: (wagmiConfig: UseConfigReturnType, walletAddress: string, tokenAddress: string, tokenChainId: string, tokenAddressAmount: number) => Promise<{
+export declare const hasSufficientBalance: (wagmiConfig: UseConfigReturnType, walletAddress: string, tokenAddress: string, tokenChainId: string, requiredAssetAmount: number) => Promise<{
+    balance: number;
     result: boolean;
     tokenTicker: string;
 } | {
+    balance: number;
     result: boolean;
     tokenTicker: null;
 }>;
@@ -29,8 +31,13 @@ export declare const hasSufficientBalance: (wagmiConfig: UseConfigReturnType, wa
  * Checks whether user has sufficient targetAsset + targetAssetAmount in their wallet
  */
 export declare const testAutoExecutionDuringCheckout: (config: FunkitCheckoutConfig, walletAddress: string, wagmiConfig: UseConfigReturnType) => Promise<{
+    balance: number;
     result: boolean;
     tokenTicker: string;
+} | {
+    balance: number;
+    result: boolean;
+    tokenTicker: null;
 } | {
     result: boolean;
     tokenTicker: null;
@@ -122,3 +129,15 @@ export declare function getEstimateEndTimeInfo(createdTimeMs: number, checkoutIt
  * - e.g. "0.12345 ETH"
  */
 export declare function getCheckoutItemDisplay(checkoutConfig: FunkitCheckoutConfig | ServerCheckoutConfig, hideAmount?: boolean): string;
+/**
+ * Given the result of a quote, estimate the maximum targetAssetAmount for which the checkout should succeed.
+ * The result is then reduced by 1% to further reduce the risk of insufficient funds.
+ *
+ * NOTE: This assumes fees are (roughly) constant, at least when the target amount does not change much.
+ * Only the API could give us a true number here.
+ *
+ * @param sourceAssetBalance - Total source asset balance
+ * @param config - Checkout config
+ * @param quoteResult - Failed quote results
+ */
+export declare function getMaxTargetAssetAmountEstimate(sourceAssetBalance: number, config: FunkitCheckoutConfig, quoteResult: FunkitCheckoutQuoteResult): number;

package/dist/utils/deposit.d.ts

@@ -1,4 +1,12 @@
 export declare const MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
 export declare const MAXIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 10000;
-export declare function isAmountInvalidForMoonpay(amountUsd: number): boolean;
-export declare function generateInsufficientAmountForMoonpayError(isShortened: boolean): string;
+export declare function checkAmountForMoonpay(amountUsd: number): {
+    readonly isInvalid: true;
+    readonly message: "$35 minimum required for the selected payment method.";
+} | {
+    readonly isInvalid: true;
+    readonly message: "$10000 maximum exceeded for the selected payment method.";
+} | {
+    readonly isInvalid: false;
+    readonly message?: undefined;
+};