@funkit/connect 5.0.5 → 5.0.7
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 +39 -0
- package/dist/{chunk-DRTHDG4D.js → chunk-N7ULOOYE.js} +19 -1
- package/dist/{chunk-ZHSAPALJ.js → chunk-W45X55GI.js} +19 -1
- package/dist/components/Box/Box.d.ts +28 -28
- package/dist/components/CopyAddress/CopyInputDisplayedAddress.css.d.ts +2 -0
- package/dist/components/CopyAddress/CopyInputDisplayedAddress.d.ts +6 -4
- package/dist/components/Dropdown/BaseActiveDropdownItem.d.ts +3 -1
- package/dist/components/Dropdown/BaseDropdown.d.ts +4 -2
- package/dist/components/Dropdown/ChainDropdown.d.ts +16 -6
- package/dist/components/Dropdown/TokenDropdown.d.ts +1 -1
- package/dist/components/FunButton/FunIconButton.d.ts +19 -2
- package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.d.ts +1 -1
- package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
- package/dist/components/FunTooltip/FunTooltip.css.d.ts +0 -1
- package/dist/components/FunTooltip/FunTooltip.d.ts +11 -1
- package/dist/components/Icons/ArrowRightNarrowIcon.d.ts +4 -0
- package/dist/components/Icons/CaretDownIcon.css.d.ts +2 -0
- package/dist/components/Icons/CaretDownIcon.d.ts +7 -0
- package/dist/components/Icons/New/CheckCircleIcon.d.ts +2 -0
- package/dist/components/Icons/New/DollarIcon.d.ts +2 -0
- package/dist/components/Icons/New/FileIcon.d.ts +2 -0
- package/dist/components/Icons/New/InfoIcon.d.ts +6 -0
- package/dist/components/Icons/New/MessageIcon.d.ts +2 -0
- package/dist/components/Icons/New/SpeedometerIcon.d.ts +2 -0
- package/dist/components/Icons/SourcePaymentIcons.d.ts +22 -0
- package/dist/components/QRCode/QRCode.d.ts +2 -1
- package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.css.d.ts +4 -0
- package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.d.ts +4 -2
- package/dist/components/TransferTokenDetails/TransferTokenDetails.css.d.ts +1 -0
- package/dist/components/TransferTokenDetails/TransferTokenDetails.d.ts +9 -0
- package/dist/components/YouPayYouReceive/YouPayYouReceive.d.ts +17 -0
- package/dist/consts/customers.d.ts +0 -1
- package/dist/consts/layout.d.ts +2 -0
- package/dist/css/sprinkles.css.d.ts +54 -28
- package/dist/domains/asset.d.ts +1 -1
- package/dist/domains/checkout.d.ts +1 -1
- package/dist/hooks/useCheckoutTransferDepositAddress.d.ts +2 -1
- package/dist/hooks/useEnabledTokenTransferChainTokens.d.ts +1 -1
- package/dist/hooks/useTokenTransfer.d.ts +16 -0
- package/dist/index.css +1828 -1000
- package/dist/index.js +2462 -1260
- package/dist/modals/CheckoutModal/InputAmount/InputAmountLayout.d.ts +2 -2
- package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +3 -1
- package/dist/modals/CheckoutModal/{TransferToken.d.ts → TransferToken/TransferToken.d.ts} +1 -1
- package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -1
- package/dist/providers/FunkitConfigContext.d.ts +1 -0
- package/dist/providers/FunkitThemeProvider.d.ts +39 -0
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.js +1 -1
- package/dist/utils/flags/config.d.ts +9 -1
- package/dist/wallets/walletConnectors/index.js +33 -33
- package/package.json +6 -6
- /package/dist/modals/CheckoutModal/{CheckoutNotification.d.ts → TransferToken/CheckoutNotification.d.ts} +0 -0
- /package/dist/modals/CheckoutModal/{CheckoutNotifications.d.ts → TransferToken/CheckoutNotifications.d.ts} +0 -0
|
@@ -3,11 +3,11 @@ 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
|
+
youPayYouReceive?: ReactNode;
|
|
7
7
|
amountOptions?: ReactNode;
|
|
8
8
|
amountInput: ReactNode;
|
|
9
9
|
amountInputSwitch: ReactNode;
|
|
10
10
|
error?: ErrorNotification;
|
|
11
11
|
}
|
|
12
|
-
export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch,
|
|
12
|
+
export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch, youPayYouReceive, error, }: InputAmountLayoutProps): React.JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { AssetHoldingsItem } from '~/utils/assets';
|
|
3
|
+
import type { FunkitTextCustomizationsConfig } from '~/providers/FunkitConfigContext';
|
|
3
4
|
import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
|
|
4
5
|
import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition';
|
|
5
6
|
interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
|
|
@@ -8,6 +9,7 @@ interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep
|
|
|
8
9
|
/** unit price of target asset */
|
|
9
10
|
unitPrice: number;
|
|
10
11
|
isCardCheckout: boolean;
|
|
12
|
+
textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
|
|
11
13
|
}
|
|
12
|
-
export declare function InputAmountLoaded({ checkoutConfig, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, }: InputAmountLoadedProps): React.JSX.Element;
|
|
14
|
+
export declare function InputAmountLoaded({ checkoutConfig, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
|
|
13
15
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '
|
|
2
|
+
import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
|
|
3
3
|
export type TransferTokenState = CheckoutModalCommonState;
|
|
4
4
|
export type TransferTokenNext = Record<string, never>;
|
|
5
5
|
export interface TokenTransferSourceChainsAndAssets {
|
|
@@ -12,7 +12,7 @@ import { type MoonpaySetupNext, type MoonpaySetupState } from './MoonpaySetup';
|
|
|
12
12
|
import { type SelectAssetNext, type SelectAssetState } from './SelectAsset';
|
|
13
13
|
import { type SelectBrokerageNext, type SelectBrokerageState } from './SelectBrokerage';
|
|
14
14
|
import { type SourceChangeNext, type SourceChangeState } from './SourceChange/SourceChange';
|
|
15
|
-
import { type TransferTokenNext, type TransferTokenState } from './TransferToken';
|
|
15
|
+
import { type TransferTokenNext, type TransferTokenState } from './TransferToken/TransferToken';
|
|
16
16
|
export interface CheckoutModalCommonState {
|
|
17
17
|
checkoutId: string;
|
|
18
18
|
/** Handles soft hiding of the dialog (without removing it from the DOM) */
|
|
@@ -87,6 +87,18 @@ export declare const useActiveTheme: () => {
|
|
|
87
87
|
badgeBackgroundSuccess: string;
|
|
88
88
|
badgeBorderSuccess: string;
|
|
89
89
|
badgeTextSuccess: string;
|
|
90
|
+
inputAmountQuickOptionBaseBackground: string;
|
|
91
|
+
inputAmountQuickOptionHoverBackground: string;
|
|
92
|
+
inputAmountQuickOptionActiveBackground: string;
|
|
93
|
+
inputAmountQuickOptionDisabledBackground: string;
|
|
94
|
+
inputAmountQuickOptionBaseBorder: string;
|
|
95
|
+
inputAmountQuickOptionHoverBorder: string;
|
|
96
|
+
inputAmountQuickOptionActiveBorder: string;
|
|
97
|
+
inputAmountQuickOptionFocusedBorder: string;
|
|
98
|
+
youPayYouReceiveBackground: string;
|
|
99
|
+
youPayYouReceiveBorder: string;
|
|
100
|
+
youPayYouReceivePrimaryText: string;
|
|
101
|
+
youPayYouReceiveSecondaryText: string;
|
|
90
102
|
announceGradientFrom: string;
|
|
91
103
|
announceGradientTo: string;
|
|
92
104
|
};
|
|
@@ -159,6 +171,7 @@ export declare const useActiveTheme: () => {
|
|
|
159
171
|
dropdown: string;
|
|
160
172
|
notification: string;
|
|
161
173
|
vertexDropdown: string;
|
|
174
|
+
qrCode: string;
|
|
162
175
|
};
|
|
163
176
|
blurs: {
|
|
164
177
|
modalOverlay: string;
|
|
@@ -234,6 +247,18 @@ export declare const useActiveTheme: () => {
|
|
|
234
247
|
badgeBackgroundSuccess: string;
|
|
235
248
|
badgeBorderSuccess: string;
|
|
236
249
|
badgeTextSuccess: string;
|
|
250
|
+
inputAmountQuickOptionBaseBackground: string;
|
|
251
|
+
inputAmountQuickOptionHoverBackground: string;
|
|
252
|
+
inputAmountQuickOptionActiveBackground: string;
|
|
253
|
+
inputAmountQuickOptionDisabledBackground: string;
|
|
254
|
+
inputAmountQuickOptionBaseBorder: string;
|
|
255
|
+
inputAmountQuickOptionHoverBorder: string;
|
|
256
|
+
inputAmountQuickOptionActiveBorder: string;
|
|
257
|
+
inputAmountQuickOptionFocusedBorder: string;
|
|
258
|
+
youPayYouReceiveBackground: string;
|
|
259
|
+
youPayYouReceiveBorder: string;
|
|
260
|
+
youPayYouReceivePrimaryText: string;
|
|
261
|
+
youPayYouReceiveSecondaryText: string;
|
|
237
262
|
announceGradientFrom: string;
|
|
238
263
|
announceGradientTo: string;
|
|
239
264
|
};
|
|
@@ -306,6 +331,7 @@ export declare const useActiveTheme: () => {
|
|
|
306
331
|
dropdown: string;
|
|
307
332
|
notification: string;
|
|
308
333
|
vertexDropdown: string;
|
|
334
|
+
qrCode: string;
|
|
309
335
|
};
|
|
310
336
|
blurs: {
|
|
311
337
|
modalOverlay: string;
|
|
@@ -379,6 +405,18 @@ export declare const useActiveTheme: () => {
|
|
|
379
405
|
badgeBackgroundSuccess: string;
|
|
380
406
|
badgeBorderSuccess: string;
|
|
381
407
|
badgeTextSuccess: string;
|
|
408
|
+
inputAmountQuickOptionBaseBackground: string;
|
|
409
|
+
inputAmountQuickOptionHoverBackground: string;
|
|
410
|
+
inputAmountQuickOptionActiveBackground: string;
|
|
411
|
+
inputAmountQuickOptionDisabledBackground: string;
|
|
412
|
+
inputAmountQuickOptionBaseBorder: string;
|
|
413
|
+
inputAmountQuickOptionHoverBorder: string;
|
|
414
|
+
inputAmountQuickOptionActiveBorder: string;
|
|
415
|
+
inputAmountQuickOptionFocusedBorder: string;
|
|
416
|
+
youPayYouReceiveBackground: string;
|
|
417
|
+
youPayYouReceiveBorder: string;
|
|
418
|
+
youPayYouReceivePrimaryText: string;
|
|
419
|
+
youPayYouReceiveSecondaryText: string;
|
|
382
420
|
announceGradientFrom: string;
|
|
383
421
|
announceGradientTo: string;
|
|
384
422
|
};
|
|
@@ -451,6 +489,7 @@ export declare const useActiveTheme: () => {
|
|
|
451
489
|
dropdown: string;
|
|
452
490
|
notification: string;
|
|
453
491
|
vertexDropdown: string;
|
|
492
|
+
qrCode: string;
|
|
454
493
|
};
|
|
455
494
|
blurs: {
|
|
456
495
|
modalOverlay: string;
|
package/dist/themes/darkTheme.js
CHANGED
|
@@ -61,7 +61,7 @@ export declare const flagConfig: {
|
|
|
61
61
|
};
|
|
62
62
|
enable_token_transfer_universal_deposit_address: {
|
|
63
63
|
type: "boolean";
|
|
64
|
-
default_value:
|
|
64
|
+
default_value: true;
|
|
65
65
|
};
|
|
66
66
|
max_checkout_usd: {
|
|
67
67
|
type: "string";
|
|
@@ -101,6 +101,14 @@ export declare const flagConfig: {
|
|
|
101
101
|
token_transfer_default_chain_id: {
|
|
102
102
|
type: "string";
|
|
103
103
|
default_value: string;
|
|
104
|
+
overrides: {
|
|
105
|
+
if_any: {
|
|
106
|
+
key: "apiKey";
|
|
107
|
+
type: "isAnyOf";
|
|
108
|
+
values: string[];
|
|
109
|
+
}[];
|
|
110
|
+
value: string;
|
|
111
|
+
}[];
|
|
104
112
|
};
|
|
105
113
|
is_checkout_activated: {
|
|
106
114
|
type: "boolean";
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
walletConnectWallet
|
|
4
|
-
} from "./chunk-NP5QGWNL.js";
|
|
5
2
|
import {
|
|
6
3
|
xdefiWallet
|
|
7
4
|
} from "./chunk-NO7XMBB5.js";
|
|
5
|
+
import {
|
|
6
|
+
zealWallet
|
|
7
|
+
} from "./chunk-JROWU5BP.js";
|
|
8
8
|
import {
|
|
9
9
|
zerionWallet
|
|
10
10
|
} from "./chunk-AXWP3GD4.js";
|
|
11
|
-
import {
|
|
12
|
-
subWallet
|
|
13
|
-
} from "./chunk-AD2KIJB6.js";
|
|
14
11
|
import {
|
|
15
12
|
tahoWallet
|
|
16
13
|
} from "./chunk-6P2EMPZI.js";
|
|
14
|
+
import {
|
|
15
|
+
subWallet
|
|
16
|
+
} from "./chunk-AD2KIJB6.js";
|
|
17
17
|
import {
|
|
18
18
|
talismanWallet
|
|
19
19
|
} from "./chunk-ABFSXBE6.js";
|
|
@@ -30,17 +30,11 @@ import {
|
|
|
30
30
|
uniswapWallet
|
|
31
31
|
} from "./chunk-LH7BMNFZ.js";
|
|
32
32
|
import {
|
|
33
|
-
|
|
34
|
-
} from "./chunk-
|
|
33
|
+
walletConnectWallet
|
|
34
|
+
} from "./chunk-NP5QGWNL.js";
|
|
35
35
|
import {
|
|
36
36
|
phantomWallet
|
|
37
37
|
} from "./chunk-ZSVTX6EK.js";
|
|
38
|
-
import {
|
|
39
|
-
ramperWallet
|
|
40
|
-
} from "./chunk-PIUNLQJG.js";
|
|
41
|
-
import {
|
|
42
|
-
roninWallet
|
|
43
|
-
} from "./chunk-63YLN6R5.js";
|
|
44
38
|
import {
|
|
45
39
|
rainbowWallet
|
|
46
40
|
} from "./chunk-2UCNRD7H.js";
|
|
@@ -48,38 +42,44 @@ import {
|
|
|
48
42
|
rabbyWallet
|
|
49
43
|
} from "./chunk-BVX4XGNP.js";
|
|
50
44
|
import {
|
|
51
|
-
|
|
52
|
-
} from "./chunk-
|
|
45
|
+
ramperWallet
|
|
46
|
+
} from "./chunk-PIUNLQJG.js";
|
|
53
47
|
import {
|
|
54
|
-
|
|
55
|
-
} from "./chunk-
|
|
48
|
+
roninWallet
|
|
49
|
+
} from "./chunk-63YLN6R5.js";
|
|
56
50
|
import {
|
|
57
51
|
safeheronWallet
|
|
58
52
|
} from "./chunk-R6RWZRFF.js";
|
|
59
53
|
import {
|
|
60
|
-
|
|
61
|
-
} from "./chunk-
|
|
54
|
+
safepalWallet
|
|
55
|
+
} from "./chunk-MSFKSQBY.js";
|
|
56
|
+
import {
|
|
57
|
+
safeWallet
|
|
58
|
+
} from "./chunk-BQQQL6UD.js";
|
|
62
59
|
import {
|
|
63
60
|
metaMaskWallet
|
|
64
61
|
} from "./chunk-G73C6P5P.js";
|
|
62
|
+
import {
|
|
63
|
+
ledgerWallet
|
|
64
|
+
} from "./chunk-BRBKM4PW.js";
|
|
65
65
|
import {
|
|
66
66
|
mewWallet
|
|
67
67
|
} from "./chunk-V57WLZEE.js";
|
|
68
|
-
import {
|
|
69
|
-
okxWallet
|
|
70
|
-
} from "./chunk-4WEHDI4Y.js";
|
|
71
68
|
import {
|
|
72
69
|
oktoWallet
|
|
73
70
|
} from "./chunk-ADIXAKUL.js";
|
|
74
71
|
import {
|
|
75
|
-
|
|
76
|
-
} from "./chunk-
|
|
72
|
+
okxWallet
|
|
73
|
+
} from "./chunk-4WEHDI4Y.js";
|
|
77
74
|
import {
|
|
78
75
|
omniWallet
|
|
79
76
|
} from "./chunk-7CUY5G6R.js";
|
|
80
77
|
import {
|
|
81
78
|
oneKeyWallet
|
|
82
79
|
} from "./chunk-4AD7VI2P.js";
|
|
80
|
+
import {
|
|
81
|
+
oneInchWallet
|
|
82
|
+
} from "./chunk-OESTDX6I.js";
|
|
83
83
|
import {
|
|
84
84
|
foxWallet
|
|
85
85
|
} from "./chunk-LMZMXEXL.js";
|
|
@@ -89,18 +89,18 @@ import {
|
|
|
89
89
|
import {
|
|
90
90
|
frontierWallet
|
|
91
91
|
} from "./chunk-3S2U24BJ.js";
|
|
92
|
-
import {
|
|
93
|
-
gateWallet
|
|
94
|
-
} from "./chunk-GSOYKKIS.js";
|
|
95
92
|
import {
|
|
96
93
|
imTokenWallet
|
|
97
94
|
} from "./chunk-COZ7MIQS.js";
|
|
98
95
|
import {
|
|
99
|
-
|
|
100
|
-
} from "./chunk-
|
|
96
|
+
gateWallet
|
|
97
|
+
} from "./chunk-GSOYKKIS.js";
|
|
101
98
|
import {
|
|
102
99
|
injectedWallet
|
|
103
100
|
} from "./chunk-VCVVV2K7.js";
|
|
101
|
+
import {
|
|
102
|
+
kresusWallet
|
|
103
|
+
} from "./chunk-MJXPRJZT.js";
|
|
104
104
|
import {
|
|
105
105
|
bybitWallet
|
|
106
106
|
} from "./chunk-6ONTSPEY.js";
|
|
@@ -116,12 +116,12 @@ import {
|
|
|
116
116
|
import {
|
|
117
117
|
coreWallet
|
|
118
118
|
} from "./chunk-HBA36GW3.js";
|
|
119
|
-
import {
|
|
120
|
-
desigWallet
|
|
121
|
-
} from "./chunk-CTU6JCOK.js";
|
|
122
119
|
import {
|
|
123
120
|
dawnWallet
|
|
124
121
|
} from "./chunk-LN7OD5EC.js";
|
|
122
|
+
import {
|
|
123
|
+
desigWallet
|
|
124
|
+
} from "./chunk-CTU6JCOK.js";
|
|
125
125
|
import {
|
|
126
126
|
enkryptWallet
|
|
127
127
|
} from "./chunk-SJTXS4ZW.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@funkit/connect",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.7",
|
|
4
4
|
"description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -90,11 +90,11 @@
|
|
|
90
90
|
"react-virtuoso": "4.10.1",
|
|
91
91
|
"ua-parser-js": "^1.0.37",
|
|
92
92
|
"uuid": "^9.0.1",
|
|
93
|
-
"@funkit/api-base": "1.5.
|
|
94
|
-
"@funkit/
|
|
95
|
-
"@funkit/
|
|
96
|
-
"@funkit/
|
|
97
|
-
"@funkit/
|
|
93
|
+
"@funkit/api-base": "1.5.9",
|
|
94
|
+
"@funkit/core": "2.3.11",
|
|
95
|
+
"@funkit/wagmi-tools": "3.0.33",
|
|
96
|
+
"@funkit/utils": "1.0.9",
|
|
97
|
+
"@funkit/chains": "0.1.3"
|
|
98
98
|
},
|
|
99
99
|
"repository": {
|
|
100
100
|
"type": "git",
|
|
File without changes
|
|
File without changes
|