@funkit/connect 5.4.1 → 5.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +46 -0
- package/dist/components/CurrencySelector/CurrencySelector.d.ts +8 -0
- package/dist/components/Dialog/Dialog.css.d.ts +3 -6
- package/dist/components/Dialog/Dialog.d.ts +2 -1
- package/dist/components/Dropdown/ReceiveTokenDropdown.d.ts +2 -1
- package/dist/components/FunCheckoutHistory/FunCheckoutHistoryContent.d.ts +2 -1
- package/dist/components/FunCheckoutHistory/FunCheckoutHistoryDetail.d.ts +2 -1
- package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts +4 -4
- package/dist/components/FunPaymentMethodItem/FunPaymentMethodItem.d.ts +2 -2
- package/dist/components/Icons/LockIcon.d.ts +3 -1
- package/dist/components/Icons/New/BankIcon.d.ts +2 -2
- package/dist/components/Icons/New/LinkExternalIcon.d.ts +4 -0
- package/dist/components/MeldQuoteItem/MeldQuoteItem.d.ts +12 -0
- package/dist/components/SourceMeldQuoteItem/SourceMeldQuoteItem.d.ts +13 -0
- package/dist/components/Tabs/Tabs.d.ts +2 -2
- package/dist/components/Tabs/tabs.css.d.ts +1 -0
- package/dist/components/VirtualFiatAccount/AccountDetailsTab/AccountDetailsTab.d.ts +9 -0
- package/dist/consts/meld.d.ts +3 -0
- package/dist/css/scrollStyles.css.d.ts +1 -0
- package/dist/domains/asset.d.ts +1 -0
- package/dist/domains/clientMetadata.d.ts +1 -1
- package/dist/domains/fees.d.ts +1 -1
- package/dist/domains/paymentMethods.d.ts +1 -1
- package/dist/domains/quote.d.ts +1 -1
- package/dist/hooks/queries/useMeldCryptoCurrencyCode.d.ts +1 -0
- package/dist/hooks/queries/useMeldCurrencies.d.ts +1 -0
- package/dist/hooks/queries/useMeldDefaultCurrency.d.ts +5 -0
- package/dist/hooks/queries/useMeldLimits.d.ts +11 -0
- package/dist/hooks/useAnimatedNavigation.d.ts +1 -1
- package/dist/hooks/useCheckoutDirectExecution.d.ts +2 -1
- package/dist/hooks/useCountdown.d.ts +5 -1
- package/dist/hooks/useDynamicFont.d.ts +1 -1
- package/dist/hooks/usePaymentSources.d.ts +1 -0
- package/dist/index.css +53 -90
- package/dist/index.js +5651 -4584
- package/dist/modals/CheckoutModal/CheckoutComplete/CheckoutComplete.d.ts +1 -1
- package/dist/modals/CheckoutModal/InputAmount/InputAmount.d.ts +9 -1
- package/dist/modals/CheckoutModal/InputAmount/InputAmountLayout.d.ts +4 -2
- package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +5 -4
- package/dist/modals/CheckoutModal/InputAmount/InputAmountLoading.d.ts +1 -2
- package/dist/modals/CheckoutModal/InputAmount/QuickOptions.d.ts +3 -1
- package/dist/modals/CheckoutModal/InputAmount/state.d.ts +12 -7
- package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts +5 -2
- package/dist/modals/CheckoutModal/InputAmount/utils.d.ts +15 -3
- package/dist/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.d.ts +14 -0
- package/dist/modals/CheckoutModal/MeldQuotes/MeldQuotes.d.ts +15 -0
- package/dist/modals/CheckoutModal/MeldQuotes/useMeldLink.d.ts +2 -0
- package/dist/modals/CheckoutModal/MeldQuotes/useMeldQuotes.d.ts +5 -0
- package/dist/modals/CheckoutModal/stepTransition.d.ts +12 -1
- package/dist/modals/CheckoutModal/useNewCheckoutQuote.d.ts +1 -1
- package/dist/providers/FunkitCheckoutContext.d.ts +2 -1
- package/dist/providers/FunkitConfigContext.d.ts +2 -0
- package/dist/utils/checkout.d.ts +2 -1
- package/dist/utils/directExecution.d.ts +1 -0
- package/dist/utils/flags/config.d.ts +36 -0
- package/dist/utils/purifyCheckoutHistoryItem.d.ts +2 -1
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +70 -70
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +8 -7
- package/dist/components/FunSelectBrokerage/FunSelectBrokerage.css.d.ts +0 -1
|
@@ -10,4 +10,4 @@ export type ConfirmationStepNext = {
|
|
|
10
10
|
};
|
|
11
11
|
export declare const CheckoutCompleteInfo: ModalStepInfo<FunCheckoutStep.CHECKOUT_COMPLETE>;
|
|
12
12
|
/** A checkout detail component to handle redirecting to the checkout history page */
|
|
13
|
-
export declare function CheckoutComplete({ modalState, onClose, onNext, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): React.JSX.Element;
|
|
13
|
+
export declare function CheckoutComplete({ modalState, onClose, onNext, onAnimationComplete, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): React.JSX.Element;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
+
import type { MeldQuote } from '@funkit/api-base';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { type PaymentMethodInfo } from '~/domains/paymentMethods';
|
|
3
4
|
import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
|
|
4
5
|
export type InputAmountState = CheckoutModalCommonState & {
|
|
5
6
|
paymentMethodInfo: PaymentMethodInfo;
|
|
7
|
+
fiatAmount?: number;
|
|
8
|
+
fiatCurrency?: string;
|
|
9
|
+
quote?: MeldQuote;
|
|
10
|
+
};
|
|
11
|
+
export type InputAmountNext = Record<string, never> | {
|
|
12
|
+
fiatAmount: number;
|
|
13
|
+
fiatCurrency?: string;
|
|
14
|
+
nextStep?: FunCheckoutStep.SOURCE_CHANGE | FunCheckoutStep.MELD_CURRENCY_SELECT | FunCheckoutStep.MELD_QUOTES;
|
|
6
15
|
};
|
|
7
|
-
export type InputAmountNext = Record<string, never>;
|
|
8
16
|
export declare const InputAmountInfo: ModalStepInfo<FunCheckoutStep.INPUT_AMOUNT>;
|
|
9
17
|
export declare function InputAmount(props: ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT>): React.JSX.Element;
|
|
@@ -3,11 +3,13 @@ import type { FunButtonProps } from '../../../components/FunButton/FunButton';
|
|
|
3
3
|
import { type ErrorNotification } from '../../../components/FunNotification/FunNotification';
|
|
4
4
|
interface InputAmountLayoutProps {
|
|
5
5
|
actionButtonProps: FunButtonProps;
|
|
6
|
-
|
|
6
|
+
fiatCurrencySelector?: ReactNode;
|
|
7
7
|
amountOptions?: ReactNode;
|
|
8
8
|
amountInput: ReactNode;
|
|
9
9
|
amountInputSwitch: ReactNode;
|
|
10
|
+
header?: ReactNode;
|
|
11
|
+
footer?: ReactNode;
|
|
10
12
|
error?: ErrorNotification;
|
|
11
13
|
}
|
|
12
|
-
export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch,
|
|
14
|
+
export declare function InputAmountLayout({ actionButtonProps, amountOptions, fiatCurrencySelector, amountInput, amountInputSwitch, header, footer, error, }: InputAmountLayoutProps): React.JSX.Element;
|
|
13
15
|
export {};
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { AssetHoldingsItem } from '~/utils/assets';
|
|
3
2
|
import { type FunkitTextCustomizationsConfig } from '~/providers/FunkitConfigContext';
|
|
3
|
+
import type { AssetHoldingsItem } from '~/utils/assets';
|
|
4
4
|
import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
|
|
5
|
-
import
|
|
5
|
+
import { FunCheckoutStep, type ModalStepComponentProps } from '../stepTransition';
|
|
6
6
|
interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
|
|
7
7
|
sourceHolding: AssetHoldingsItem | null;
|
|
8
8
|
checkoutConfig: FunkitCheckoutConfig;
|
|
9
9
|
/** unit price of target asset */
|
|
10
10
|
unitPrice: number;
|
|
11
|
-
|
|
11
|
+
/** default fiat currency to be used*/
|
|
12
|
+
defaultFiatCurrency?: string;
|
|
12
13
|
textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
|
|
13
14
|
}
|
|
14
|
-
export declare function InputAmountLoaded({ checkoutConfig,
|
|
15
|
+
export declare function InputAmountLoaded({ checkoutConfig, modalState, onNext, sourceHolding, unitPrice, defaultFiatCurrency, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -3,7 +3,6 @@ import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition
|
|
|
3
3
|
interface InputAmountLoadingProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
|
|
4
4
|
sourceHoldingError: Error | null;
|
|
5
5
|
unitPriceError: Error | null;
|
|
6
|
-
isCardCheckout: boolean;
|
|
7
6
|
}
|
|
8
|
-
export declare function InputAmountLoading({
|
|
7
|
+
export declare function InputAmountLoading({ modalState, onBack, sourceHoldingError, unitPriceError, }: InputAmountLoadingProps): React.JSX.Element;
|
|
9
8
|
export {};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface QuickOptionsProps {
|
|
3
3
|
onSelect?: (percentage: number) => void;
|
|
4
|
+
percentMode?: boolean;
|
|
4
5
|
disabled?: boolean;
|
|
6
|
+
currency?: string;
|
|
5
7
|
}
|
|
6
|
-
export declare const QuickOptions: ({ onSelect, disabled, }: QuickOptionsProps) => React.JSX.Element[];
|
|
8
|
+
export declare const QuickOptions: ({ onSelect, percentMode, disabled, currency, }: QuickOptionsProps) => React.JSX.Element[];
|
|
7
9
|
export {};
|
|
@@ -6,12 +6,16 @@ export interface AmountInputInitOptions {
|
|
|
6
6
|
checkoutConfig: FunkitCheckoutConfig;
|
|
7
7
|
paymentMethod: PaymentMethod;
|
|
8
8
|
sourceHolding: AssetHoldingsItem | null;
|
|
9
|
+
/** Default amount, in fiat since that's the default mode */
|
|
10
|
+
defaultAmount: number | undefined;
|
|
9
11
|
/** Target asset unit price, in USD */
|
|
10
12
|
unitPrice: number;
|
|
11
13
|
/** Maximum checkout amount, in USD */
|
|
12
14
|
maxUsd: number;
|
|
13
15
|
/** Minimum checkout amount, in USD */
|
|
14
16
|
minUsd?: number;
|
|
17
|
+
/** Currency code for the currently selected fiat currency. Defaults to USD */
|
|
18
|
+
fiatCurrency?: string;
|
|
15
19
|
}
|
|
16
20
|
export interface AmountInputState {
|
|
17
21
|
/** Current amount, in target asset */
|
|
@@ -36,22 +40,23 @@ export interface AmountInputDerivedState extends AmountInputState {
|
|
|
36
40
|
}
|
|
37
41
|
export type AmountInputAction = {
|
|
38
42
|
/** Switches between USD and absolute input mode */
|
|
39
|
-
type: '
|
|
40
|
-
|
|
43
|
+
type: 'toggleInputInUsd';
|
|
44
|
+
} | {
|
|
45
|
+
/** Changes formatting to new currency code */
|
|
46
|
+
type: 'changeFiatCurrency';
|
|
47
|
+
fiatCurrency: string;
|
|
41
48
|
} | {
|
|
42
49
|
/** Sets the input value as string */
|
|
43
50
|
type: 'setInputValue';
|
|
44
51
|
inputValue: string;
|
|
45
52
|
unitPrice: number;
|
|
53
|
+
fiatCurrency: string;
|
|
46
54
|
} | {
|
|
47
55
|
/** Sets the input value as USD amount */
|
|
48
56
|
type: 'setUsdAmount';
|
|
49
57
|
unitPrice: number;
|
|
58
|
+
fiatCurrency: string;
|
|
50
59
|
usdAmount: number;
|
|
51
|
-
} | {
|
|
52
|
-
/** Updates the available USD amount */
|
|
53
|
-
type: 'setUsdAvailableAmount';
|
|
54
|
-
usdAvailableAmount: number;
|
|
55
60
|
};
|
|
56
61
|
export type AmountInputError = {
|
|
57
62
|
/** Current amount is above available balance */
|
|
@@ -72,6 +77,6 @@ export type AmountInputError = {
|
|
|
72
77
|
/** Input is empty */
|
|
73
78
|
type: 'noInput';
|
|
74
79
|
};
|
|
75
|
-
export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, }: AmountInputInitOptions): AmountInputState;
|
|
80
|
+
export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, defaultAmount, fiatCurrency, }: AmountInputInitOptions): AmountInputState;
|
|
76
81
|
export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
|
|
77
82
|
export declare function getDerivedState(state: AmountInputState): AmountInputDerivedState;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { type AmountInputDerivedState, type AmountInputInitOptions } from './state';
|
|
2
|
+
import { type InputAmountSuggestion } from './utils';
|
|
2
3
|
interface UseAmountInputResult extends AmountInputDerivedState {
|
|
3
4
|
onChange(event: React.ChangeEvent<HTMLInputElement>): void;
|
|
4
|
-
|
|
5
|
+
toggleInputInUsd: () => void;
|
|
5
6
|
setUsdAmount(usdAmount: number): AmountInputDerivedState;
|
|
6
|
-
|
|
7
|
+
placeholder: string;
|
|
8
|
+
/** Possible user action to recover from the current error */
|
|
9
|
+
suggestion: InputAmountSuggestion | undefined;
|
|
7
10
|
}
|
|
8
11
|
export declare function useAmountInput(options: AmountInputInitOptions): UseAmountInputResult;
|
|
9
12
|
export {};
|
|
@@ -1,7 +1,19 @@
|
|
|
1
1
|
import { PaymentMethod } from '~/domains/paymentMethods';
|
|
2
|
+
import type { ErrorNotification } from '~/components/FunNotification/FunNotification';
|
|
3
|
+
import type { AmountInputError } from './state';
|
|
2
4
|
export declare const ASSET_DECIMALS = 5;
|
|
3
5
|
export declare const USD_DECIMALS = 2;
|
|
4
6
|
export declare const USD_INITIAL_AMOUNT = 100;
|
|
5
|
-
export declare
|
|
6
|
-
export declare function
|
|
7
|
-
export
|
|
7
|
+
export declare function getUsdMaxAmount(maxUsd: number): number | null;
|
|
8
|
+
export declare function getUsdMinAmount(paymentMethod: PaymentMethod, defaultMin?: number): number;
|
|
9
|
+
export interface InputAmountSuggestion {
|
|
10
|
+
autoConfirm: boolean;
|
|
11
|
+
buttonLabel: string;
|
|
12
|
+
usdAmount: number;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Get suggested amount from error
|
|
16
|
+
* Allow recovery actions to user in the CTA Continue button
|
|
17
|
+
*/
|
|
18
|
+
export declare const getInputAmountSuggestion: (error: AmountInputError | null) => InputAmountSuggestion | undefined;
|
|
19
|
+
export declare const getInputErrorNotification: (error: AmountInputError | null) => ErrorNotification | undefined;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
|
|
3
|
+
import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
|
|
4
|
+
export type MeldCurrencySelectState = CheckoutModalCommonState & {
|
|
5
|
+
defaultCurrency: string;
|
|
6
|
+
fiatAmount: number;
|
|
7
|
+
paymentMethodInfo: PaymentMethodCardInfo;
|
|
8
|
+
};
|
|
9
|
+
export type MeldCurrencySelectNext = {
|
|
10
|
+
currency: string;
|
|
11
|
+
fiatAmount: number;
|
|
12
|
+
};
|
|
13
|
+
export declare const MeldCurrencySelectInfo: ModalStepInfo<FunCheckoutStep.MELD_CURRENCY_SELECT>;
|
|
14
|
+
export declare function MeldCurrencySelect({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.MELD_CURRENCY_SELECT>): React.JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { MeldQuote } from '@funkit/api-base';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
|
|
4
|
+
import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
|
|
5
|
+
export type MeldQuotesState = CheckoutModalCommonState & {
|
|
6
|
+
paymentMethodInfo: PaymentMethodCardInfo;
|
|
7
|
+
/** Checkout amount in fiat */
|
|
8
|
+
fiatAmount: number;
|
|
9
|
+
fiatCurrency: string | undefined;
|
|
10
|
+
};
|
|
11
|
+
export type MeldQuotesNext = Record<string, never> | {
|
|
12
|
+
quote: MeldQuote;
|
|
13
|
+
};
|
|
14
|
+
export declare const MeldQuotesInfo: ModalStepInfo<FunCheckoutStep.MELD_QUOTES>;
|
|
15
|
+
export declare function MeldQuotes({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.MELD_QUOTES>): React.JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { type MeldServiceProvider } from '@funkit/api-base';
|
|
2
|
+
export declare const useMeldLink: (sourceAmount: number, sourceCurrencyCode?: string) => import("@tanstack/react-query").UseMutationResult<import("@funkit/api-base").MeldCreateCryptoWidgetResponse, Error, MeldServiceProvider, unknown>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/** Triggered only when fiatCurrency is provided */
|
|
2
|
+
export declare const useMeldQuotes: (sourceAmount: number, fiatCurrency: string | undefined) => {
|
|
3
|
+
query: import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").MeldQuote[], Error>;
|
|
4
|
+
countdown: import("react").ReactNode;
|
|
5
|
+
};
|
|
@@ -11,6 +11,8 @@ import { type ConfirmationStepNext, type ConfirmationStepState } from './Confirm
|
|
|
11
11
|
import { type ConnectExchangeNext, type ConnectExchangeState } from './ConnectExchange';
|
|
12
12
|
import { type InputAmountNext, type InputAmountState } from './InputAmount/InputAmount';
|
|
13
13
|
import { type LoadingAccountNext, type LoadingAccountState } from './LoadingAccount';
|
|
14
|
+
import { type MeldCurrencySelectNext, type MeldCurrencySelectState } from './MeldCurrencySelect/MeldCurrencySelect';
|
|
15
|
+
import { type MeldQuotesNext, type MeldQuotesState } from './MeldQuotes/MeldQuotes';
|
|
14
16
|
import { type MeshVerificationNext, type MeshVerificationState } from './MeshVerification';
|
|
15
17
|
import { type MoonpaySetupNext, type MoonpaySetupState } from './MoonpaySetup';
|
|
16
18
|
import { type SelectAssetNext, type SelectAssetState } from './SelectAsset';
|
|
@@ -31,6 +33,7 @@ export interface ModalStepComponentProps<S extends FunCheckoutStep = FunCheckout
|
|
|
31
33
|
modalState: CheckoutModalState<S>;
|
|
32
34
|
onBack(): void;
|
|
33
35
|
onClose(): void;
|
|
36
|
+
onAnimationComplete(callback: () => void): void;
|
|
34
37
|
onNext(payload: NextPayload<S>): void;
|
|
35
38
|
setModalState(state: SetStateAction<CheckoutModalState<S>>): void;
|
|
36
39
|
}
|
|
@@ -53,7 +56,9 @@ export declare enum FunCheckoutStep {
|
|
|
53
56
|
BRIDGE_KYC = "bridge_kyc",
|
|
54
57
|
KYC_IFRAME = "KYC_IFRAME",
|
|
55
58
|
FIAT_ACCOUNT_DETAIL = "fiat_account_detail",
|
|
56
|
-
ERROR_SCREEN = "error_screen"
|
|
59
|
+
ERROR_SCREEN = "error_screen",
|
|
60
|
+
MELD_QUOTES = "meld_quotes",
|
|
61
|
+
MELD_CURRENCY_SELECT = "meld_currency_select"
|
|
57
62
|
}
|
|
58
63
|
export type ModalStepInfo<S extends FunCheckoutStep> = {
|
|
59
64
|
Component: ComponentType<ModalStepComponentProps<S>>;
|
|
@@ -91,6 +96,8 @@ type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
|
|
|
91
96
|
[FunCheckoutStep.BRIDGE_CUSTOMER]: BridgeCustomerState;
|
|
92
97
|
[FunCheckoutStep.FIAT_ACCOUNT_DETAIL]: FiatAccountDetailState;
|
|
93
98
|
[FunCheckoutStep.ERROR_SCREEN]: ErrorScreenState;
|
|
99
|
+
[FunCheckoutStep.MELD_QUOTES]: MeldQuotesState;
|
|
100
|
+
[FunCheckoutStep.MELD_CURRENCY_SELECT]: MeldCurrencySelectState;
|
|
94
101
|
}[T] & {
|
|
95
102
|
step: T;
|
|
96
103
|
};
|
|
@@ -114,11 +121,15 @@ type NextPayload<S extends FunCheckoutStep = FunCheckoutStep> = {
|
|
|
114
121
|
[FunCheckoutStep.BRIDGE_CUSTOMER]: BridgeCustomerNext;
|
|
115
122
|
[FunCheckoutStep.FIAT_ACCOUNT_DETAIL]: FiatAccountDetailNext;
|
|
116
123
|
[FunCheckoutStep.ERROR_SCREEN]: null;
|
|
124
|
+
[FunCheckoutStep.MELD_QUOTES]: MeldQuotesNext;
|
|
125
|
+
[FunCheckoutStep.MELD_CURRENCY_SELECT]: MeldCurrencySelectNext;
|
|
117
126
|
}[S] & {
|
|
118
127
|
/** Whether screen transition should change direction to simulate back transition. Only applies if there is a history entry in the stack*/
|
|
119
128
|
reverseAnimation?: boolean;
|
|
120
129
|
skipAnimation?: boolean;
|
|
121
130
|
wipeHistory?: boolean;
|
|
131
|
+
/** When set, finds the closest matching step in history and rolls back to it instead of creating a new history entry */
|
|
132
|
+
navigateToHistoryStep?: boolean;
|
|
122
133
|
};
|
|
123
134
|
export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveCheckoutItem, onClose: () => void): {
|
|
124
135
|
animation: import("~/hooks/useAnimatedNavigation").AnimationState;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type DeepPartial } from '@funkit/utils';
|
|
2
2
|
import { type FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
|
|
3
3
|
export declare function useNewCheckoutQuote(): (overridingCheckoutItem?: DeepPartial<FunkitActiveCheckoutItem>) => Promise<{
|
|
4
|
-
baseQuote: import("@funkit/
|
|
4
|
+
baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
|
|
5
5
|
checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
|
|
6
6
|
finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
|
|
7
7
|
}>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type FunAddress } from '@funkit/api-base';
|
|
2
|
+
import type { ApiCheckoutClientMetadata, ApiFunkitCheckoutActionParams, ApiFunkitCheckoutConfig } from '@funkit/utils';
|
|
2
3
|
import React, { type ReactNode } from 'react';
|
|
3
4
|
import type { Address } from 'viem';
|
|
4
5
|
import type { AssetHoldingsItem } from '~/utils/assets';
|
|
@@ -10,6 +10,8 @@ export interface FunkitTextCustomizationsConfig {
|
|
|
10
10
|
sourceMethodTitle: string;
|
|
11
11
|
tokensListTitle: string;
|
|
12
12
|
transferTokens: string;
|
|
13
|
+
receiveDropdownTitle: string;
|
|
14
|
+
receiveDropdownLabel: string;
|
|
13
15
|
confirmationScreen: {
|
|
14
16
|
payAmountLabel: string;
|
|
15
17
|
receiveAmountLabel: string;
|
package/dist/utils/checkout.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { type CheckoutHistoryItem, type
|
|
1
|
+
import { type CheckoutHistoryItem, type CheckoutRefundState, CheckoutState, type DirectExecution } from '@funkit/api-base';
|
|
2
|
+
import { type CheckoutQuoteResponse } from '@funkit/utils';
|
|
2
3
|
import { type Config } from '@wagmi/core';
|
|
3
4
|
import { type Address, type Hex } from 'viem';
|
|
4
5
|
import type { UseConfigReturnType } from 'wagmi';
|
|
@@ -2,3 +2,4 @@ import type { DirectExecution } from '@funkit/api-base';
|
|
|
2
2
|
export declare function getDirectExecutionUpdatedTimeMs({ directExecution, }: {
|
|
3
3
|
directExecution: DirectExecution;
|
|
4
4
|
}): number;
|
|
5
|
+
export declare function getDirectExecutionRunTimeMs(directExecution: DirectExecution): number;
|
|
@@ -53,18 +53,38 @@ export declare const flagConfig: {
|
|
|
53
53
|
values: string[];
|
|
54
54
|
}[];
|
|
55
55
|
value: true;
|
|
56
|
+
if_all?: undefined;
|
|
56
57
|
} | {
|
|
57
58
|
if_any: {
|
|
58
59
|
key: "apiKey";
|
|
59
60
|
type: "isAnyOf";
|
|
60
61
|
values: string[];
|
|
61
62
|
}[];
|
|
63
|
+
if_all: ({
|
|
64
|
+
key: "userId";
|
|
65
|
+
type: "pctRollout";
|
|
66
|
+
pct: number;
|
|
67
|
+
values?: undefined;
|
|
68
|
+
} | {
|
|
69
|
+
key: "apiKey";
|
|
70
|
+
type: "isAnyOf";
|
|
71
|
+
values: string[];
|
|
72
|
+
pct?: undefined;
|
|
73
|
+
})[];
|
|
62
74
|
value: true;
|
|
63
75
|
})[];
|
|
64
76
|
};
|
|
65
77
|
token_transfer_source_chains_and_assets: {
|
|
66
78
|
type: "string";
|
|
67
79
|
default_value: string;
|
|
80
|
+
overrides: {
|
|
81
|
+
value: string;
|
|
82
|
+
if_any: {
|
|
83
|
+
key: "apiKey";
|
|
84
|
+
type: "isAnyOf";
|
|
85
|
+
values: string[];
|
|
86
|
+
}[];
|
|
87
|
+
}[];
|
|
68
88
|
};
|
|
69
89
|
enable_token_transfer_universal_deposit_address: {
|
|
70
90
|
type: "boolean";
|
|
@@ -224,4 +244,20 @@ export declare const flagConfig: {
|
|
|
224
244
|
value: false;
|
|
225
245
|
}[];
|
|
226
246
|
};
|
|
247
|
+
enable_meld_payment: {
|
|
248
|
+
type: "boolean";
|
|
249
|
+
default_value: true;
|
|
250
|
+
overrides: {
|
|
251
|
+
if_any: {
|
|
252
|
+
key: "userId";
|
|
253
|
+
type: "isAnyOf";
|
|
254
|
+
values: string[];
|
|
255
|
+
}[];
|
|
256
|
+
value: false;
|
|
257
|
+
}[];
|
|
258
|
+
};
|
|
259
|
+
meld_quick_options: {
|
|
260
|
+
type: "string";
|
|
261
|
+
default_value: string;
|
|
262
|
+
};
|
|
227
263
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type CheckoutHistoryItem, type CheckoutState, type DirectExecution } from '@funkit/api-base';
|
|
2
|
+
import type { ApiFunkitCheckoutActionParams } from '@funkit/utils';
|
|
2
3
|
import type { Address, Hex } from 'viem';
|
|
3
4
|
export type PurifiedCheckoutHistoryItem = {
|
|
4
5
|
depositAddr?: Address;
|