@funkit/connect 0.1.14 → 0.1.16
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 +124 -0
- package/dist/{chunk-OYE6VAAG.js → chunk-FUDTZOKU.js} +4108 -3703
- package/dist/components/AsyncImage/AsyncImage.d.ts +2 -1
- package/dist/components/Box/Box.d.ts +6 -6
- package/dist/components/FunAssetAvatar/FunAssetAvatar.css.d.ts +3 -0
- package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts +12 -0
- package/dist/components/FunButton/FunIconButton.d.ts +2 -1
- package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.d.ts +1 -1
- package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts +2 -1
- package/dist/components/FunCheckoutModal/FunCheckoutConfirmationStep.d.ts +3 -1
- package/dist/components/FunCheckoutModal/FunCheckoutPrimaryInfo.d.ts +8 -2
- package/dist/components/FunCheckoutModal/FunCheckoutSelectAssetStep.d.ts +3 -1
- package/dist/components/FunCheckoutModal/FunCheckoutVerifyDetailsStep.d.ts +3 -1
- package/dist/components/FunInput/FunInput.d.ts +2 -1
- package/dist/components/FunKeyValue/FunKeyValue.d.ts +4 -1
- package/dist/components/FunPayments/FunPaymentMeshType.d.ts +2 -1
- package/dist/components/FunPayments/FunPaymentSetup.d.ts +2 -1
- package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +6 -2
- package/dist/components/FunkitProvider/FunkitConfigContext.d.ts +20 -4
- package/dist/components/FunkitProvider/ModalContext.d.ts +1 -1
- package/dist/components/Icons/Copied.d.ts +3 -1
- package/dist/components/Icons/EditIcon.d.ts +4 -0
- package/dist/components/ProfileDetails/FunWalletProfileViews/FWDeposit.d.ts +0 -1
- package/dist/components/index.css +1317 -1271
- package/dist/components/index.js +1 -1
- package/dist/consts/assets.d.ts +3 -0
- package/dist/css/sprinkles.css.d.ts +36 -0
- package/dist/hooks/useCheckoutType.d.ts +9 -0
- package/dist/hooks/useFunListeners.d.ts +2 -1
- package/dist/index.css +1317 -1271
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/utils/checkout.d.ts +1 -0
- package/dist/utils/deposit.d.ts +5 -0
- package/dist/wallets/walletConnectors/argentWallet/argentWallet.js +2 -2
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +46 -46
- package/dist/wallets/walletConnectors/ledgerWallet/ledgerWallet.js +2 -2
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/oktoWallet/oktoWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/omniWallet/omniWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.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/walletConnectWallet/walletConnectWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +6 -5
- package/dist/wallets/walletConnectors/chunk-4W6RLMME.js +0 -117
- package/dist/wallets/walletConnectors/chunk-4WS4ZSRN.js +0 -84
- package/dist/wallets/walletConnectors/{chunk-KUXG7P5Q.js → chunk-3XLDPS4Y.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-JJICTRJY.js → chunk-4EKX7Z25.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-Q6N2YWW4.js → chunk-6FQF7H7H.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-MDDT3PSR.js → chunk-77KYAV4P.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-RL5OHS6R.js → chunk-GHYJ56FA.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-VAR774R5.js → chunk-GLB4HFDR.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-NZ4YUZKF.js → chunk-IEAKLGB6.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-FTTYELWN.js → chunk-LEWQ7DQV.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-LBSWP7R6.js → chunk-LL6T7V77.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-2XHTO74O.js → chunk-MOWIPEYK.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-X6A7D2EA.js → chunk-NEDPCNTA.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-BDKAIAQA.js → chunk-VW5SMBMG.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-DBMFZSXN.js → chunk-XXTDCRCW.js} +3 -3
- package/dist/wallets/walletConnectors/{chunk-TORM2ZGA.js → chunk-YWKKNHO3.js} +4 -4
|
@@ -7,6 +7,7 @@ type CustomBorderColor = {
|
|
|
7
7
|
interface AsyncImageProps {
|
|
8
8
|
alt?: string;
|
|
9
9
|
src: string | AsyncImageSrc | undefined;
|
|
10
|
+
fallbackSrc?: string | undefined;
|
|
10
11
|
width: BoxProps['width'] | number;
|
|
11
12
|
height: BoxProps['height'] | number;
|
|
12
13
|
background?: string;
|
|
@@ -15,5 +16,5 @@ interface AsyncImageProps {
|
|
|
15
16
|
boxShadow?: BoxProps['boxShadow'];
|
|
16
17
|
testId?: string;
|
|
17
18
|
}
|
|
18
|
-
export declare function AsyncImage({ alt, background, borderColor, borderRadius, boxShadow, height, src: srcProp, width, testId, }: AsyncImageProps): React.JSX.Element;
|
|
19
|
+
export declare function AsyncImage({ alt, background, borderColor, borderRadius, boxShadow, height, src: srcProp, fallbackSrc, width, testId, }: AsyncImageProps): React.JSX.Element;
|
|
19
20
|
export {};
|
|
@@ -47,17 +47,17 @@ export declare const Box: React.ForwardRefExoticComponent<{
|
|
|
47
47
|
readonly fontSize?: "10" | "13" | "16" | "12" | "14" | "18" | "20" | "23" | "57" | undefined;
|
|
48
48
|
readonly fontWeight?: "regular" | "medium" | "semibold" | "bold" | "heavy" | undefined;
|
|
49
49
|
readonly gap?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
50
|
-
readonly height?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
50
|
+
readonly height?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
51
51
|
readonly justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | undefined;
|
|
52
52
|
readonly textAlign?: "left" | "inherit" | "center" | undefined;
|
|
53
53
|
readonly marginBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
54
54
|
readonly marginLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
55
55
|
readonly marginRight?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
56
56
|
readonly marginTop?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
57
|
-
readonly minHeight?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
58
|
-
readonly maxHeight?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
59
|
-
readonly maxWidth?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
60
|
-
readonly minWidth?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
57
|
+
readonly minHeight?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
58
|
+
readonly maxHeight?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
59
|
+
readonly maxWidth?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
60
|
+
readonly minWidth?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
61
61
|
readonly overflow?: "hidden" | undefined;
|
|
62
62
|
readonly paddingBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
63
63
|
readonly paddingLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
@@ -67,7 +67,7 @@ export declare const Box: React.ForwardRefExoticComponent<{
|
|
|
67
67
|
readonly right?: "0" | undefined;
|
|
68
68
|
readonly transition?: "default" | "transform" | undefined;
|
|
69
69
|
readonly userSelect?: "none" | undefined;
|
|
70
|
-
readonly width?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
70
|
+
readonly width?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
|
|
71
71
|
readonly backdropFilter?: "modalOverlay" | undefined;
|
|
72
72
|
margin?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
73
73
|
marginX?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BoxProps } from '../Box/Box';
|
|
3
|
+
interface FunAssetAvatarProps {
|
|
4
|
+
assetSrc?: string | undefined;
|
|
5
|
+
assetTicker: string;
|
|
6
|
+
assetName: string;
|
|
7
|
+
assetIconSize?: BoxProps['height'] | BoxProps['width'];
|
|
8
|
+
chainId: string | number;
|
|
9
|
+
chainIconSize?: BoxProps['height'] | BoxProps['width'];
|
|
10
|
+
}
|
|
11
|
+
export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, }: FunAssetAvatarProps): React.JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -3,7 +3,7 @@ import { BoxProps } from '../Box/Box';
|
|
|
3
3
|
/**
|
|
4
4
|
* Circular icon button with dynamic height and width
|
|
5
5
|
*/
|
|
6
|
-
export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, }: {
|
|
6
|
+
export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, background, }: {
|
|
7
7
|
onClick: () => void;
|
|
8
8
|
icon: React.ReactNode;
|
|
9
9
|
size?: BoxProps['height'];
|
|
@@ -13,4 +13,5 @@ export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX
|
|
|
13
13
|
showBorder?: boolean | undefined;
|
|
14
14
|
ariaLabel?: string | undefined;
|
|
15
15
|
color?: BoxProps['color'];
|
|
16
|
+
background?: BoxProps['background'];
|
|
16
17
|
}) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CheckoutHistoryItem } from '@funkit/core';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
/**
|
|
4
|
-
* Processing info about a checkout history item (already created in
|
|
4
|
+
* Processing info about a checkout history item (already created in backend)
|
|
5
5
|
*/
|
|
6
6
|
export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, }: {
|
|
7
7
|
checkoutHistoryInfo: CheckoutHistoryItem;
|
|
@@ -3,6 +3,7 @@ interface FunCheckoutHistoryModalProps {
|
|
|
3
3
|
open: boolean;
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
depositAddress: string;
|
|
6
|
+
isCheckoutSpecialCrFlow: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, }: FunCheckoutHistoryModalProps): React.JSX.Element;
|
|
8
|
+
export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, isCheckoutSpecialCrFlow, }: FunCheckoutHistoryModalProps): React.JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
|
|
3
|
-
|
|
3
|
+
import { FunCheckoutStep } from './FunCheckoutModal';
|
|
4
|
+
export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, onFinish, selectedPaymentMethodInfo, animateOut, }: {
|
|
4
5
|
checkoutId: string | null;
|
|
6
|
+
checkoutStep: FunCheckoutStep;
|
|
5
7
|
onFinish: (prevId: string, expirationTime: number, depositAddress: string) => void;
|
|
6
8
|
selectedPaymentMethodInfo: PaymentMethodInfo | null;
|
|
7
9
|
animateOut: boolean;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FunkitActiveCheckoutItem } from '../FunkitProvider/FunkitCheckoutContext';
|
|
3
|
-
|
|
3
|
+
import { PaymentMethod } from '../FunPayments/FunPaymentMethods';
|
|
4
|
+
import { FunCheckoutStep } from './FunCheckoutModal';
|
|
5
|
+
export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, isEditable, onConfirmEdit, }: {
|
|
4
6
|
checkoutItem: FunkitActiveCheckoutItem;
|
|
5
7
|
isLoading: boolean;
|
|
8
|
+
isEditable: boolean;
|
|
9
|
+
onConfirmEdit?: (newValue: number) => void;
|
|
6
10
|
}): React.JSX.Element;
|
|
7
|
-
export declare function CheckoutPrimaryInfo({ checkoutId, }: {
|
|
11
|
+
export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, selectedPaymentMethod, }: {
|
|
8
12
|
checkoutId: string | null;
|
|
13
|
+
checkoutStep: FunCheckoutStep;
|
|
14
|
+
selectedPaymentMethod: PaymentMethod | undefined;
|
|
9
15
|
}): React.JSX.Element | null;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
|
|
3
|
+
import { FunCheckoutStep } from './FunCheckoutModal';
|
|
3
4
|
/**
|
|
4
5
|
* Based on which payment method was selected, allow users to select which asset they want to fund
|
|
5
6
|
*/
|
|
6
|
-
export declare function FunCheckoutSelectAssetStep({ checkoutId, selectedPaymentMethodInfo, onFinish, isOnFinishLoading, animateOut, }: {
|
|
7
|
+
export declare function FunCheckoutSelectAssetStep({ checkoutId, checkoutStep, selectedPaymentMethodInfo, onFinish, isOnFinishLoading, animateOut, }: {
|
|
7
8
|
checkoutId: string | null;
|
|
9
|
+
checkoutStep: FunCheckoutStep;
|
|
8
10
|
selectedPaymentMethodInfo: PaymentMethodInfo | null;
|
|
9
11
|
isOnFinishLoading: boolean;
|
|
10
12
|
onFinish: () => void;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
|
|
3
|
-
|
|
3
|
+
import { FunCheckoutStep } from './FunCheckoutModal';
|
|
4
|
+
export declare function FunCheckoutVerifyDetailsStep({ checkoutId, checkoutStep, onSelectPaymentMethod, }: {
|
|
4
5
|
checkoutId: string | null;
|
|
6
|
+
checkoutStep: FunCheckoutStep;
|
|
5
7
|
onSelectPaymentMethod: (p: PaymentMethodInfo) => void;
|
|
6
8
|
}): React.JSX.Element;
|
|
@@ -22,7 +22,8 @@ export interface FunInputProps {
|
|
|
22
22
|
error?: string | boolean;
|
|
23
23
|
focused?: boolean;
|
|
24
24
|
textColor?: BoxProps['color'];
|
|
25
|
+
overrideBorderWidth?: undefined | BoxProps['borderWidth'];
|
|
25
26
|
}
|
|
26
|
-
export declare function FunInputDefault({ prefix, prefixIcon, placeholder, value, label, onChange, onKeyDown, onKeySubmit, onPaste, onMouseDown, hasBackground, textColor, inputStyle, inputProps, error, focused: _focused, }: FunInputProps): React.JSX.Element;
|
|
27
|
+
export declare function FunInputDefault({ prefix, prefixIcon, placeholder, value, label, onChange, onKeyDown, onKeySubmit, onPaste, onMouseDown, hasBackground, textColor, inputStyle, inputProps, error, focused: _focused, overrideBorderWidth, }: FunInputProps): React.JSX.Element;
|
|
27
28
|
export declare const FunInputWithRef: React.ForwardRefExoticComponent<Omit<FunInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
28
29
|
export declare function FunInput(props: FunInputProps): React.JSX.Element;
|
|
@@ -15,6 +15,9 @@ export interface FunKeyValueProps {
|
|
|
15
15
|
valueTextColor?: BoxProps['color'];
|
|
16
16
|
valueTextSize?: TextProps['size'];
|
|
17
17
|
valueTextWeight?: TextProps['weight'];
|
|
18
|
+
valueGap?: BoxProps['gap'];
|
|
19
|
+
reverseValueItems?: boolean;
|
|
20
|
+
customValueComponent?: ReactNode;
|
|
18
21
|
disclaimerTextColor?: BoxProps['color'];
|
|
19
22
|
backgroundBaseColor?: BoxProps['background'] | undefined | any;
|
|
20
23
|
paddingY?: BoxProps['paddingY'];
|
|
@@ -22,4 +25,4 @@ export interface FunKeyValueProps {
|
|
|
22
25
|
isDisabled?: boolean;
|
|
23
26
|
}
|
|
24
27
|
export declare function FunKeyValue({ keyIcon, keyText, valueIcon, valueText, disclaimerText, onClick, hasBorder, backgroundBaseColor, // 'actionButtonSecondaryBackground'
|
|
25
|
-
keyTextColor, keyTextSize, keyTextWeight, valueTextColor, valueTextSize, valueTextWeight, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;
|
|
28
|
+
keyTextColor, keyTextSize, keyTextWeight, valueTextColor, valueTextSize, valueTextWeight, valueGap, reverseValueItems, customValueComponent, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface FunPaymentMeshTypeProps {
|
|
3
|
+
isParentLoading: boolean;
|
|
3
4
|
onSoftHide: (p: boolean) => void;
|
|
4
5
|
onFinish: (meshMeta: any) => void;
|
|
5
6
|
backAnimation?: boolean;
|
|
@@ -7,4 +8,4 @@ export interface FunPaymentMeshTypeProps {
|
|
|
7
8
|
/**
|
|
8
9
|
* This component handles payments <> mesh integration
|
|
9
10
|
*/
|
|
10
|
-
export declare function FunPaymentMeshType({ onFinish, onSoftHide, backAnimation, }: FunPaymentMeshTypeProps): React.JSX.Element;
|
|
11
|
+
export declare function FunPaymentMeshType({ isParentLoading, onFinish, onSoftHide, backAnimation, }: FunPaymentMeshTypeProps): React.JSX.Element;
|
|
@@ -13,6 +13,7 @@ interface FunPaymentSetupProps {
|
|
|
13
13
|
tokenAmountUsd: number;
|
|
14
14
|
backAnimation?: boolean;
|
|
15
15
|
redirectToCheckoutHistory?: (depositAddress: string) => void;
|
|
16
|
+
isParentLoading: boolean;
|
|
16
17
|
}
|
|
17
|
-
export declare function FunPaymentSetup({ paymentFlow, paymentAddress, paymentMethod, onSetup, onSoftHide, onBackToHome, token, tokenChainId, tokenAmountUsd, backAnimation, redirectToCheckoutHistory, }: FunPaymentSetupProps): React.JSX.Element;
|
|
18
|
+
export declare function FunPaymentSetup({ paymentFlow, paymentAddress, paymentMethod, onSetup, onSoftHide, onBackToHome, token, tokenChainId, tokenAmountUsd, backAnimation, redirectToCheckoutHistory, isParentLoading, }: FunPaymentSetupProps): React.JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -84,6 +84,8 @@ export interface FunkitActiveCheckoutItem {
|
|
|
84
84
|
id: string;
|
|
85
85
|
/** Time of creation of the active checkout item. For frontend use only. **/
|
|
86
86
|
startTimestampMs: number;
|
|
87
|
+
/** Whether the checkout draft dollar value is being fetched **/
|
|
88
|
+
isDrafting: boolean;
|
|
87
89
|
/** The draft dollar value estimate of the checkout. Not the actual quote. **/
|
|
88
90
|
draftDollarValue: null | number;
|
|
89
91
|
/** Whether the checkout quote is being fetched **/
|
|
@@ -110,7 +112,9 @@ export declare function FunkitCheckoutProvider({ children }: {
|
|
|
110
112
|
}): React.JSX.Element;
|
|
111
113
|
interface useFunkitPreCheckoutInternalReturn {
|
|
112
114
|
checkoutItem: null | FunkitActiveCheckoutItem;
|
|
115
|
+
reDraftSymbol: symbol;
|
|
113
116
|
updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
|
|
117
|
+
updateTargetAssetAmount: (newTargetAssetAmount: number, isCheckoutCrFlow: boolean) => void;
|
|
114
118
|
confirmCheckout: (shouldBatchOpBypassInit: boolean) => Promise<Address>;
|
|
115
119
|
getCheckoutDraftDollarValue: () => Promise<void>;
|
|
116
120
|
getCheckoutQuote: (sponsorInitialTransferGasLimit: number, paymentMethod: PaymentMethod, meshMeta: MeshCheckoutQuoteMeta) => Promise<void>;
|
|
@@ -122,7 +126,7 @@ export declare const useFunkitPreCheckoutInternal: (checkoutId: string | null) =
|
|
|
122
126
|
/**
|
|
123
127
|
* Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
|
|
124
128
|
*/
|
|
125
|
-
export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) => {
|
|
129
|
+
export declare const useFunkitPostCheckoutInternal: (depositAddress: Address, isCheckoutSpecialCrFlow: boolean) => {
|
|
126
130
|
isLoading: boolean;
|
|
127
131
|
checkoutHistoryInfo: CheckoutHistoryItem | undefined;
|
|
128
132
|
};
|
|
@@ -134,7 +138,7 @@ export declare const useFunkitAllPostCheckoutsInternal: () => {
|
|
|
134
138
|
checkoutHistoryStateMap: CheckoutHistoryStateMap;
|
|
135
139
|
isCheckoutHistoryInited: boolean;
|
|
136
140
|
isRefreshingCheckoutHistory: boolean;
|
|
137
|
-
startCheckoutHistoryListener: () => void;
|
|
141
|
+
startCheckoutHistoryListener: (recipientAddr?: Address | undefined) => void;
|
|
138
142
|
stopCheckoutHistoryListener: () => void;
|
|
139
143
|
};
|
|
140
144
|
/**
|
|
@@ -1,20 +1,36 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
interface
|
|
2
|
+
export interface FunkitTextCustomizationsConfig {
|
|
3
|
+
selectPaymentMethod: string;
|
|
4
|
+
brokerageOrExchange: string;
|
|
5
|
+
debitOrCredit: string;
|
|
6
|
+
accountBalance: string;
|
|
7
|
+
transferCrypto: string;
|
|
8
|
+
selectAccount: string;
|
|
9
|
+
enterPaymentInfo: string;
|
|
10
|
+
selectAssetToPay: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig;
|
|
13
|
+
interface FunkitLoginOptionsConfig {
|
|
3
14
|
web2: boolean;
|
|
4
15
|
web3: boolean;
|
|
5
16
|
}
|
|
6
|
-
export
|
|
17
|
+
export type FunkitConfig = {
|
|
7
18
|
/** Funkit api key **/
|
|
8
19
|
apiKey: string;
|
|
9
20
|
/** Privy app id **/
|
|
10
21
|
privyAppId: string;
|
|
11
22
|
/** Login options toggle **/
|
|
12
|
-
enabledLoginOptions:
|
|
23
|
+
enabledLoginOptions: FunkitLoginOptionsConfig;
|
|
13
24
|
/** App name **/
|
|
14
25
|
appName: string;
|
|
15
26
|
/** App logo (rendered as 80px x 80px) **/
|
|
16
27
|
appLogoSrc?: string;
|
|
28
|
+
/** Text Customizations **/
|
|
29
|
+
textCustomizations?: Partial<FunkitTextCustomizationsConfig>;
|
|
30
|
+
};
|
|
31
|
+
interface FinalFunkitConfigInternal extends FunkitConfig {
|
|
32
|
+
textCustomizations: FunkitTextCustomizationsConfig;
|
|
17
33
|
}
|
|
18
34
|
export declare const FunkitConfigContext: import("react").Context<FunkitConfig>;
|
|
19
|
-
export declare function useFunkitConfig():
|
|
35
|
+
export declare function useFunkitConfig(): FinalFunkitConfigInternal;
|
|
20
36
|
export {};
|
|
@@ -28,7 +28,7 @@ export declare function useFunCheckoutModal(): {
|
|
|
28
28
|
};
|
|
29
29
|
export declare function useFunCheckoutHistoryModal(): {
|
|
30
30
|
funCheckoutHistoryModalOpen: boolean;
|
|
31
|
-
openFunCheckoutHistoryModal: ((depositAddress: string) => void) | undefined;
|
|
31
|
+
openFunCheckoutHistoryModal: ((depositAddress: string, isCheckoutSpecialCrFlow: boolean) => void) | undefined;
|
|
32
32
|
};
|
|
33
33
|
export declare function useFunDevTestModal(): {
|
|
34
34
|
funDevTestModalOpen: boolean;
|