@funkit/connect 5.0.6 → 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 +25 -0
- package/dist/{chunk-7QFRFB6R.js → chunk-N7ULOOYE.js} +10 -1
- package/dist/{chunk-J2TPZOG7.js → chunk-W45X55GI.js} +10 -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/ChainDropdown.d.ts +1 -1
- package/dist/components/Dropdown/TokenDropdown.d.ts +1 -1
- package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.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 +38 -28
- 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 +1435 -1110
- package/dist/index.js +2175 -1055
- 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/FunkitThemeProvider.d.ts +15 -0
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.js +1 -1
- package/dist/utils/flags/config.d.ts +8 -0
- package/dist/wallets/walletConnectors/index.js +30 -30
- 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) */
|
|
@@ -95,6 +95,10 @@ export declare const useActiveTheme: () => {
|
|
|
95
95
|
inputAmountQuickOptionHoverBorder: string;
|
|
96
96
|
inputAmountQuickOptionActiveBorder: string;
|
|
97
97
|
inputAmountQuickOptionFocusedBorder: string;
|
|
98
|
+
youPayYouReceiveBackground: string;
|
|
99
|
+
youPayYouReceiveBorder: string;
|
|
100
|
+
youPayYouReceivePrimaryText: string;
|
|
101
|
+
youPayYouReceiveSecondaryText: string;
|
|
98
102
|
announceGradientFrom: string;
|
|
99
103
|
announceGradientTo: string;
|
|
100
104
|
};
|
|
@@ -167,6 +171,7 @@ export declare const useActiveTheme: () => {
|
|
|
167
171
|
dropdown: string;
|
|
168
172
|
notification: string;
|
|
169
173
|
vertexDropdown: string;
|
|
174
|
+
qrCode: string;
|
|
170
175
|
};
|
|
171
176
|
blurs: {
|
|
172
177
|
modalOverlay: string;
|
|
@@ -250,6 +255,10 @@ export declare const useActiveTheme: () => {
|
|
|
250
255
|
inputAmountQuickOptionHoverBorder: string;
|
|
251
256
|
inputAmountQuickOptionActiveBorder: string;
|
|
252
257
|
inputAmountQuickOptionFocusedBorder: string;
|
|
258
|
+
youPayYouReceiveBackground: string;
|
|
259
|
+
youPayYouReceiveBorder: string;
|
|
260
|
+
youPayYouReceivePrimaryText: string;
|
|
261
|
+
youPayYouReceiveSecondaryText: string;
|
|
253
262
|
announceGradientFrom: string;
|
|
254
263
|
announceGradientTo: string;
|
|
255
264
|
};
|
|
@@ -322,6 +331,7 @@ export declare const useActiveTheme: () => {
|
|
|
322
331
|
dropdown: string;
|
|
323
332
|
notification: string;
|
|
324
333
|
vertexDropdown: string;
|
|
334
|
+
qrCode: string;
|
|
325
335
|
};
|
|
326
336
|
blurs: {
|
|
327
337
|
modalOverlay: string;
|
|
@@ -403,6 +413,10 @@ export declare const useActiveTheme: () => {
|
|
|
403
413
|
inputAmountQuickOptionHoverBorder: string;
|
|
404
414
|
inputAmountQuickOptionActiveBorder: string;
|
|
405
415
|
inputAmountQuickOptionFocusedBorder: string;
|
|
416
|
+
youPayYouReceiveBackground: string;
|
|
417
|
+
youPayYouReceiveBorder: string;
|
|
418
|
+
youPayYouReceivePrimaryText: string;
|
|
419
|
+
youPayYouReceiveSecondaryText: string;
|
|
406
420
|
announceGradientFrom: string;
|
|
407
421
|
announceGradientTo: string;
|
|
408
422
|
};
|
|
@@ -475,6 +489,7 @@ export declare const useActiveTheme: () => {
|
|
|
475
489
|
dropdown: string;
|
|
476
490
|
notification: string;
|
|
477
491
|
vertexDropdown: string;
|
|
492
|
+
qrCode: string;
|
|
478
493
|
};
|
|
479
494
|
blurs: {
|
|
480
495
|
modalOverlay: string;
|
package/dist/themes/darkTheme.js
CHANGED
|
@@ -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";
|
|
@@ -11,18 +11,18 @@ import {
|
|
|
11
11
|
import {
|
|
12
12
|
tahoWallet
|
|
13
13
|
} from "./chunk-6P2EMPZI.js";
|
|
14
|
-
import {
|
|
15
|
-
talismanWallet
|
|
16
|
-
} from "./chunk-ABFSXBE6.js";
|
|
17
14
|
import {
|
|
18
15
|
subWallet
|
|
19
16
|
} from "./chunk-AD2KIJB6.js";
|
|
20
17
|
import {
|
|
21
|
-
|
|
22
|
-
} from "./chunk-
|
|
18
|
+
talismanWallet
|
|
19
|
+
} from "./chunk-ABFSXBE6.js";
|
|
23
20
|
import {
|
|
24
21
|
tokenaryWallet
|
|
25
22
|
} from "./chunk-SLOIIJGP.js";
|
|
23
|
+
import {
|
|
24
|
+
tokenPocketWallet
|
|
25
|
+
} from "./chunk-IDKVN5CF.js";
|
|
26
26
|
import {
|
|
27
27
|
trustWallet
|
|
28
28
|
} from "./chunk-ISIBREBO.js";
|
|
@@ -35,21 +35,18 @@ import {
|
|
|
35
35
|
import {
|
|
36
36
|
phantomWallet
|
|
37
37
|
} from "./chunk-ZSVTX6EK.js";
|
|
38
|
+
import {
|
|
39
|
+
rainbowWallet
|
|
40
|
+
} from "./chunk-2UCNRD7H.js";
|
|
38
41
|
import {
|
|
39
42
|
rabbyWallet
|
|
40
43
|
} from "./chunk-BVX4XGNP.js";
|
|
41
44
|
import {
|
|
42
45
|
ramperWallet
|
|
43
46
|
} from "./chunk-PIUNLQJG.js";
|
|
44
|
-
import {
|
|
45
|
-
rainbowWallet
|
|
46
|
-
} from "./chunk-2UCNRD7H.js";
|
|
47
47
|
import {
|
|
48
48
|
roninWallet
|
|
49
49
|
} from "./chunk-63YLN6R5.js";
|
|
50
|
-
import {
|
|
51
|
-
safeWallet
|
|
52
|
-
} from "./chunk-BQQQL6UD.js";
|
|
53
50
|
import {
|
|
54
51
|
safeheronWallet
|
|
55
52
|
} from "./chunk-R6RWZRFF.js";
|
|
@@ -57,29 +54,32 @@ import {
|
|
|
57
54
|
safepalWallet
|
|
58
55
|
} from "./chunk-MSFKSQBY.js";
|
|
59
56
|
import {
|
|
60
|
-
|
|
61
|
-
} from "./chunk-
|
|
57
|
+
safeWallet
|
|
58
|
+
} from "./chunk-BQQQL6UD.js";
|
|
62
59
|
import {
|
|
63
60
|
metaMaskWallet
|
|
64
61
|
} from "./chunk-G73C6P5P.js";
|
|
65
62
|
import {
|
|
66
|
-
|
|
67
|
-
} from "./chunk-
|
|
63
|
+
ledgerWallet
|
|
64
|
+
} from "./chunk-BRBKM4PW.js";
|
|
68
65
|
import {
|
|
69
66
|
mewWallet
|
|
70
67
|
} from "./chunk-V57WLZEE.js";
|
|
68
|
+
import {
|
|
69
|
+
oktoWallet
|
|
70
|
+
} from "./chunk-ADIXAKUL.js";
|
|
71
71
|
import {
|
|
72
72
|
okxWallet
|
|
73
73
|
} from "./chunk-4WEHDI4Y.js";
|
|
74
|
-
import {
|
|
75
|
-
oneInchWallet
|
|
76
|
-
} from "./chunk-OESTDX6I.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,12 +89,12 @@ 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";
|
|
95
|
+
import {
|
|
96
|
+
gateWallet
|
|
97
|
+
} from "./chunk-GSOYKKIS.js";
|
|
98
98
|
import {
|
|
99
99
|
injectedWallet
|
|
100
100
|
} from "./chunk-VCVVV2K7.js";
|
|
@@ -113,33 +113,33 @@ import {
|
|
|
113
113
|
import {
|
|
114
114
|
coinbaseWallet
|
|
115
115
|
} from "./chunk-H4IRCEZN.js";
|
|
116
|
+
import {
|
|
117
|
+
coreWallet
|
|
118
|
+
} from "./chunk-HBA36GW3.js";
|
|
116
119
|
import {
|
|
117
120
|
dawnWallet
|
|
118
121
|
} from "./chunk-LN7OD5EC.js";
|
|
119
122
|
import {
|
|
120
123
|
desigWallet
|
|
121
124
|
} from "./chunk-CTU6JCOK.js";
|
|
122
|
-
import {
|
|
123
|
-
coreWallet
|
|
124
|
-
} from "./chunk-HBA36GW3.js";
|
|
125
125
|
import {
|
|
126
126
|
enkryptWallet
|
|
127
127
|
} from "./chunk-SJTXS4ZW.js";
|
|
128
|
-
import {
|
|
129
|
-
bifrostWallet
|
|
130
|
-
} from "./chunk-W6N74MS3.js";
|
|
131
128
|
import {
|
|
132
129
|
argentWallet
|
|
133
130
|
} from "./chunk-WSQ2YJO2.js";
|
|
131
|
+
import {
|
|
132
|
+
bifrostWallet
|
|
133
|
+
} from "./chunk-W6N74MS3.js";
|
|
134
134
|
import {
|
|
135
135
|
bitgetWallet
|
|
136
136
|
} from "./chunk-A5APNTGL.js";
|
|
137
|
-
import {
|
|
138
|
-
bitverseWallet
|
|
139
|
-
} from "./chunk-3HZRRP4Y.js";
|
|
140
137
|
import {
|
|
141
138
|
bitskiWallet
|
|
142
139
|
} from "./chunk-P74YPRF6.js";
|
|
140
|
+
import {
|
|
141
|
+
bitverseWallet
|
|
142
|
+
} from "./chunk-3HZRRP4Y.js";
|
|
143
143
|
import {
|
|
144
144
|
bloomWallet
|
|
145
145
|
} from "./chunk-S27IADFU.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/core": "2.3.
|
|
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
|