@funkit/connect 6.14.0-next.3 → 6.14.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 +66 -0
- package/dist/{chunk-AYZ7Y4HD.js → chunk-4WTYVVDI.js} +8 -4
- package/dist/{chunk-H2VLM4QU.js → chunk-CSLMZ5KJ.js} +8 -4
- package/dist/{chunk-65VC5BJ7.js → chunk-WCUXJAGT.js} +9 -4
- package/dist/components/Box/Box.d.ts +29 -29
- package/dist/css/sprinkles.css.d.ts +37 -29
- package/dist/domains/asset.d.ts +1 -1
- package/dist/index.css +2969 -2861
- package/dist/index.d.ts +1 -1
- package/dist/index.js +199 -151
- package/dist/modals/CheckoutModal/ConfirmationStep/useCheckoutQuote.d.ts +2 -1
- package/dist/modals/WithdrwalModal/useWithdrawal.d.ts +1 -1
- package/dist/providers/FunkitCheckoutContext.d.ts +8 -7
- package/dist/providers/FunkitThemeProvider.d.ts +12 -0
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/utils/flags/config.d.ts +14 -2
- package/dist/wallets/walletConnectors/index.js +35 -35
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,71 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 6.14.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- bc75836: Fix login state detection for external users in GeneralWalletProvider and remove redundant check in useRecentDirectExecutions
|
|
8
|
+
|
|
9
|
+
## 6.14.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- d307de8: Add support for custom withdrawal callbacks to enable server-side withdrawal processing
|
|
14
|
+
|
|
15
|
+
Introduces a new withdrawal configuration type that allows customers (e.g., Kalshi) to handle withdrawals via callbacks instead of direct blockchain transactions. The withdrawal config now supports two modes:
|
|
16
|
+
|
|
17
|
+
- Wallet-based (existing): Direct blockchain transactions via WithdrawalClient
|
|
18
|
+
- Callback-based (new): Server-side processing via withdrawCallback function
|
|
19
|
+
|
|
20
|
+
Key changes:
|
|
21
|
+
|
|
22
|
+
- Split FunkitWithdrawalConfig into discriminated union types (WalletWithdrawalConfig, CustomWithdrawalConfig)
|
|
23
|
+
- Add WithdrawalParam interface with quoteId and funQuote
|
|
24
|
+
- Update withdrawal flow to route callback-based withdrawals to DirectExecutionNotifCenter (pending screen)
|
|
25
|
+
- Add type guards for withdrawal config discrimination
|
|
26
|
+
- Maintain backward compatibility with existing wallet-based withdrawal flow
|
|
27
|
+
|
|
28
|
+
- b35ee6f: Add externalUserId support to link FunKit users to external user systems
|
|
29
|
+
- 3cbe068: Add showTargetAssetSelection UI customization for SelectAsset screen. This allows customers to control whether the target asset selection dropdown is shown when dynamicTargetAssetCandidates are configured. Refactored customer-specific logic to use this new configuration option.
|
|
30
|
+
|
|
31
|
+
### Patch Changes
|
|
32
|
+
|
|
33
|
+
- bddb22a: add minTargetAmount/minSourceAmount in deposit and withdrawal
|
|
34
|
+
- a96bbfe: feat(connect, apps): ethereal theme update
|
|
35
|
+
- bddb22a: add min withdraw amount for kalshi
|
|
36
|
+
- db7d8c9: chore: bump btc rollout to 70%
|
|
37
|
+
- 6d12c3c: feat(connect, apps): kalshi theme update
|
|
38
|
+
- d946639: Add additional parameters to withdrawal callback for improved integration
|
|
39
|
+
|
|
40
|
+
Enhances the WithdrawalParam interface with targetAssetAddress, targetChainId, and destinationAddress fields to provide more context to custom withdrawal callbacks. This allows callback implementations to have complete information about the withdrawal transaction.
|
|
41
|
+
|
|
42
|
+
- 9470cd3: Fix input box sizing in FunInput component
|
|
43
|
+
- 3cbe068: Fix target asset display to use checkout config values for ticker and icon when target asset is not selectable, ensuring UI transparency
|
|
44
|
+
- 3cbe068: Fix target asset update logic to properly respect showTargetAssetSelection flag and optimize useComputeDefault hook with useMemo for better performance
|
|
45
|
+
- 93ece94: remove kalshi from ipcheck
|
|
46
|
+
- 54eca4a: feat(connect, apps): add Kalshi theme
|
|
47
|
+
- 39140c4: chore: BTC rollout 0% -> 20%
|
|
48
|
+
- 8af62b3: chore: bump btc rollout 20% -> 50%
|
|
49
|
+
- fab554f: chore: added feature flags for usePermit flow on Based
|
|
50
|
+
- 4989123: feat(connect, apps): ventuals theme
|
|
51
|
+
- b3c9840: Refactor SelectAsset component: rename MeshOrAccountSelectAsset to AccountSelectAsset and extract scroll logic into useScrollToSelectedAsset hook
|
|
52
|
+
- 5f23a93: loginConfig has set as optional prop
|
|
53
|
+
- 39a4058: handle externalUserId for userInfo
|
|
54
|
+
- bd1addb: feat: ventuals support
|
|
55
|
+
- db4b507: feat(connect, apps): ethereal qa
|
|
56
|
+
- 9415937: chore: bump btc rollout to 100%
|
|
57
|
+
- 648b730: refactor(connect): refactor of `useCheckoutDirectExecution.ts`
|
|
58
|
+
- Updated dependencies [0f8dfa7]
|
|
59
|
+
- Updated dependencies [ef0e393]
|
|
60
|
+
- Updated dependencies [1b5a3a4]
|
|
61
|
+
- Updated dependencies [fab554f]
|
|
62
|
+
- Updated dependencies [bd1addb]
|
|
63
|
+
- @funkit/api-base@1.12.3
|
|
64
|
+
- @funkit/fun-relay@2.0.3
|
|
65
|
+
- @funkit/utils@1.1.11
|
|
66
|
+
- @funkit/core@2.3.48
|
|
67
|
+
- @funkit/wagmi-tools@3.0.71
|
|
68
|
+
|
|
3
69
|
## 6.14.0-next.3
|
|
4
70
|
|
|
5
71
|
### Patch Changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
baseTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-WCUXJAGT.js";
|
|
5
5
|
|
|
6
6
|
// src/themes/lightTheme.ts
|
|
7
7
|
var accentColors = {
|
|
@@ -78,6 +78,7 @@ var lightTheme = ({
|
|
|
78
78
|
transparent: "transparent",
|
|
79
79
|
buttonBackgroundTertiary: "#F7F7F7",
|
|
80
80
|
buttonBackgroundHoverTertiary: "#F0F0F0",
|
|
81
|
+
buttonBackgroundDisabledTertiary: "transparent",
|
|
81
82
|
buttonTextTertiary: "#000",
|
|
82
83
|
buttonTextDisabledTertiary: "rgba(0, 0, 0, 0.5)",
|
|
83
84
|
buttonBackground: "#000",
|
|
@@ -131,8 +132,6 @@ var lightTheme = ({
|
|
|
131
132
|
fiatAccountIconFill: "#E7F3FE",
|
|
132
133
|
fiatAccountGradientFrom: "#055DF5",
|
|
133
134
|
fiatAccountGradientTo: "#4C8DFD",
|
|
134
|
-
// option Boxes
|
|
135
|
-
optionBoxBackground: "transparent",
|
|
136
135
|
modalHeaderDivider: "#F7F7F7",
|
|
137
136
|
// lightStroke
|
|
138
137
|
modalFooterDivider: "#F7F7F7",
|
|
@@ -146,7 +145,10 @@ var lightTheme = ({
|
|
|
146
145
|
spinnerIndicatorVerifyAccount: "#FFF",
|
|
147
146
|
// 100% buttonTextPrimary
|
|
148
147
|
// Override colors
|
|
149
|
-
...customColors || {}
|
|
148
|
+
...customColors || {},
|
|
149
|
+
// option Boxes
|
|
150
|
+
optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF"
|
|
151
|
+
// keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
|
|
150
152
|
},
|
|
151
153
|
shadows: {
|
|
152
154
|
connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
|
|
@@ -158,6 +160,8 @@ var lightTheme = ({
|
|
|
158
160
|
qrCode: "0px 0px 0px 1px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px 0px rgba(8, 7, 7, 0.10)",
|
|
159
161
|
buttonFocusedShadow: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
|
|
160
162
|
buttonHoverShadow: "none",
|
|
163
|
+
buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
|
|
164
|
+
buttonHoverShadowTertiary: "none",
|
|
161
165
|
buttonDisabledShadow: "none",
|
|
162
166
|
selectedDropdownItem: "none",
|
|
163
167
|
// Override shadows
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
baseTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-WCUXJAGT.js";
|
|
5
5
|
|
|
6
6
|
// src/themes/darkTheme.ts
|
|
7
7
|
var accentColors = {
|
|
@@ -78,6 +78,7 @@ var darkTheme = ({
|
|
|
78
78
|
transparent: "transparent",
|
|
79
79
|
buttonBackgroundTertiary: "#333333",
|
|
80
80
|
buttonBackgroundHoverTertiary: "#333333",
|
|
81
|
+
buttonBackgroundDisabledTertiary: "transparent",
|
|
81
82
|
buttonTextTertiary: "#FFF",
|
|
82
83
|
buttonTextDisabledTertiary: "rgba(255, 255, 255, 0.65)",
|
|
83
84
|
buttonBackground: "#FFF",
|
|
@@ -131,8 +132,6 @@ var darkTheme = ({
|
|
|
131
132
|
fiatAccountIconFill: "#002F5E",
|
|
132
133
|
fiatAccountGradientFrom: "#3A82FE",
|
|
133
134
|
fiatAccountGradientTo: "#73A7FF",
|
|
134
|
-
// option Boxes
|
|
135
|
-
optionBoxBackground: "transparent",
|
|
136
135
|
modalHeaderDivider: "#333333",
|
|
137
136
|
// lightStroke
|
|
138
137
|
modalFooterDivider: "#333333",
|
|
@@ -146,7 +145,10 @@ var darkTheme = ({
|
|
|
146
145
|
spinnerIndicatorVerifyAccount: "#000",
|
|
147
146
|
// 100% buttonTextPrimary
|
|
148
147
|
// Override colors
|
|
149
|
-
...customColors || {}
|
|
148
|
+
...customColors || {},
|
|
149
|
+
// option Boxes
|
|
150
|
+
optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000"
|
|
151
|
+
// keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
|
|
150
152
|
},
|
|
151
153
|
shadows: {
|
|
152
154
|
connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
|
|
@@ -158,6 +160,8 @@ var darkTheme = ({
|
|
|
158
160
|
qrCode: "0px 0px 0px 1px rgba(255, 255, 255, 0.16)",
|
|
159
161
|
buttonFocusedShadow: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
|
|
160
162
|
buttonHoverShadow: "none",
|
|
163
|
+
buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
|
|
164
|
+
buttonHoverShadowTertiary: "none",
|
|
161
165
|
buttonDisabledShadow: "none",
|
|
162
166
|
selectedDropdownItem: "none",
|
|
163
167
|
// Override shadows
|
|
@@ -23,7 +23,8 @@ var radiusScales = {
|
|
|
23
23
|
tooltip: "4px",
|
|
24
24
|
skeleton: "4px",
|
|
25
25
|
dropdown: "12px",
|
|
26
|
-
dropdownItem: "4px"
|
|
26
|
+
dropdownItem: "4px",
|
|
27
|
+
modalTopbarIcon: "9999px"
|
|
27
28
|
},
|
|
28
29
|
medium: {
|
|
29
30
|
actionButton: "10px",
|
|
@@ -40,7 +41,8 @@ var radiusScales = {
|
|
|
40
41
|
tooltip: "4px",
|
|
41
42
|
skeleton: "4px",
|
|
42
43
|
dropdown: "10px",
|
|
43
|
-
dropdownItem: "4px"
|
|
44
|
+
dropdownItem: "4px",
|
|
45
|
+
modalTopbarIcon: "9999px"
|
|
44
46
|
},
|
|
45
47
|
none: {
|
|
46
48
|
actionButton: "0px",
|
|
@@ -57,7 +59,8 @@ var radiusScales = {
|
|
|
57
59
|
tooltip: "0px",
|
|
58
60
|
skeleton: "0px",
|
|
59
61
|
dropdown: "0px",
|
|
60
|
-
dropdownItem: "0px"
|
|
62
|
+
dropdownItem: "0px",
|
|
63
|
+
modalTopbarIcon: "0px"
|
|
61
64
|
},
|
|
62
65
|
small: {
|
|
63
66
|
actionButton: "8px",
|
|
@@ -74,7 +77,8 @@ var radiusScales = {
|
|
|
74
77
|
tooltip: "4px",
|
|
75
78
|
skeleton: "4px",
|
|
76
79
|
dropdown: "8px",
|
|
77
|
-
dropdownItem: "4px"
|
|
80
|
+
dropdownItem: "4px",
|
|
81
|
+
modalTopbarIcon: "9999px"
|
|
78
82
|
}
|
|
79
83
|
};
|
|
80
84
|
var blurs = {
|
|
@@ -183,6 +187,7 @@ var baseTheme = ({
|
|
|
183
187
|
tooltip: radiusScales[borderRadius].tooltip,
|
|
184
188
|
dropdown: radiusScales[borderRadius].dropdown,
|
|
185
189
|
dropdownItem: radiusScales[borderRadius].dropdownItem,
|
|
190
|
+
modalTopbarIcon: radiusScales[borderRadius].modalTopbarIcon,
|
|
186
191
|
...customBorderRadiuses
|
|
187
192
|
},
|
|
188
193
|
borderWidths: {
|