@funkit/connect 8.2.1-next.0 → 8.2.1-next.2

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.
Files changed (28) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/{chunk-MGQZMUZ2.js → chunk-BP7VOYBS.js} +9 -0
  3. package/dist/{chunk-OTMBU2BL.js → chunk-KKGSXLMH.js} +5 -1
  4. package/dist/{chunk-FBCU3TQA.js → chunk-MYPFORR2.js} +5 -1
  5. package/dist/clients/fanatics.css +3862 -3481
  6. package/dist/clients/fanatics.js +247 -3
  7. package/dist/components/AsyncImage/useAsyncImage.d.ts +2 -0
  8. package/dist/components/Box/Box.d.ts +28 -28
  9. package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryBottomBar.d.ts +10 -0
  10. package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
  11. package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinner.d.ts +10 -0
  12. package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinnerLoading.d.ts +6 -0
  13. package/dist/css/sprinkles.css.d.ts +52 -28
  14. package/dist/hooks/useCheckoutTimeEstimate.d.ts +1 -1
  15. package/dist/index.css +3862 -3481
  16. package/dist/index.js +2578 -2362
  17. package/dist/modals/CheckoutModal/{SelectAsset.d.ts → SelectAsset/SelectAsset.d.ts} +3 -3
  18. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetInfoSection.d.ts +12 -0
  19. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetList.d.ts +24 -0
  20. package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -1
  21. package/dist/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.d.ts +1 -1
  22. package/dist/providers/FunkitConfigContext.d.ts +8 -0
  23. package/dist/providers/FunkitThemeProvider.d.ts +36 -0
  24. package/dist/themes/baseTheme.js +1 -1
  25. package/dist/themes/darkTheme.js +2 -2
  26. package/dist/themes/lightTheme.js +2 -2
  27. package/dist/wallets/walletConnectors/index.js +26 -26
  28. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 8.2.1-next.2
4
+
5
+ ### Patch Changes
6
+
7
+ - b7886e5: feat(connect): migrate EnableFiatDeposit flag to statsig
8
+ - Updated dependencies [b7886e5]
9
+ - @funkit/utils@1.1.25-next.0
10
+ - @funkit/api-base@2.1.2-next.2
11
+
12
+ ## 8.2.1-next.1
13
+
14
+ ### Patch Changes
15
+
16
+ - fcf7c8b: refactor(connect): select asset screen - minor refactor and breaking up into smaller components
17
+ - 68d2aaf: feat(connect): add theme level variables to modal header icon buttons
18
+ - 074e0f5: fix(connect): custom payment method icon for connected wallet users
19
+ - d1a72f7: feat(connect): preload remote S3 url
20
+ - 6cea746: feat(connect): add instant time estimate label via config
21
+ - cade95a: geist mono font for amounts in fanatics theme
22
+ - 7d6b623: new skeletons for fanatics
23
+ - 88aed38: fix(connect): select asset screen - padding issue for navigateOnAssetClick variant
24
+ - 14355da: feat(connect): ability to display step vs animated progress
25
+ - Updated dependencies [4f6433f]
26
+ - @funkit/api-base@2.1.2-next.1
27
+
3
28
  ## 8.2.1-next.0
4
29
 
5
30
  ### Patch Changes
@@ -39,6 +64,7 @@
39
64
  ### Minor Changes
40
65
 
41
66
  - cf97880: Add client configuration exports with wildcard pattern support
67
+
42
68
  - Add `/clients/*` export path in package.json for client configurations
43
69
  - Create `src/clients/` directory with exportable client configurations
44
70
  - Update build system to compile clients directory
@@ -146,6 +172,7 @@
146
172
  - f4552b0: Expose recent deposits hooks for SDK users with comprehensive documentation
147
173
 
148
174
  Add two new public hooks for fetching recent deposits/direct executions:
175
+
149
176
  - `useFunkitRecentDeposits`: Auto-integrates with FunkitProvider context
150
177
  - `useFunkitRecentDepositsImpl`: Standalone implementation with explicit parameters
151
178
 
@@ -325,6 +352,7 @@
325
352
  - f4552b0: Expose recent deposits hooks for SDK users with comprehensive documentation
326
353
 
327
354
  Add two new public hooks for fetching recent deposits/direct executions:
355
+
328
356
  - `useFunkitRecentDeposits`: Auto-integrates with FunkitProvider context
329
357
  - `useFunkitRecentDepositsImpl`: Standalone implementation with explicit parameters
330
358
 
@@ -1085,10 +1113,12 @@
1085
1113
  - d307de8: Add support for custom withdrawal callbacks to enable server-side withdrawal processing
1086
1114
 
1087
1115
  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:
1116
+
1088
1117
  - Wallet-based (existing): Direct blockchain transactions via WithdrawalClient
1089
1118
  - Callback-based (new): Server-side processing via withdrawCallback function
1090
1119
 
1091
1120
  Key changes:
1121
+
1092
1122
  - Split FunkitWithdrawalConfig into discriminated union types (WalletWithdrawalConfig, CustomWithdrawalConfig)
1093
1123
  - Add WithdrawalParam interface with quoteId and funQuote
1094
1124
  - Update withdrawal flow to route callback-based withdrawals to DirectExecutionNotifCenter (pending screen)
@@ -1168,10 +1198,12 @@
1168
1198
  - d307de8: Add support for custom withdrawal callbacks to enable server-side withdrawal processing
1169
1199
 
1170
1200
  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:
1201
+
1171
1202
  - Wallet-based (existing): Direct blockchain transactions via WithdrawalClient
1172
1203
  - Callback-based (new): Server-side processing via withdrawCallback function
1173
1204
 
1174
1205
  Key changes:
1206
+
1175
1207
  - Split FunkitWithdrawalConfig into discriminated union types (WalletWithdrawalConfig, CustomWithdrawalConfig)
1176
1208
  - Add WithdrawalParam interface with quoteId and funQuote
1177
1209
  - Update withdrawal flow to route callback-based withdrawals to DirectExecutionNotifCenter (pending screen)
@@ -1525,6 +1557,7 @@
1525
1557
  This removes all EtherFi-related code including API keys, theme components, customer functions, and UI customizations. The EtherFi integration was marked as obsolete and has been completely removed from the codebase.
1526
1558
 
1527
1559
  **Breaking Changes:**
1560
+
1528
1561
  - Removed `ETHERFI_API_KEY` constant from `@funkit/api-base`
1529
1562
  - Removed `isEtherFiCustomer` function from `@funkit/connect`
1530
1563
  - Removed `EtherFiIcon` component from `@funkit/connect`
@@ -3764,10 +3797,12 @@
3764
3797
  ### Patch Changes
3765
3798
 
3766
3799
  - 47087b4: Features
3800
+
3767
3801
  1. Multichain asset display and checkout selection
3768
3802
  2. `textCustomizations` in `funkitConfig`
3769
3803
 
3770
3804
  Fixes
3805
+
3771
3806
  1. Deprecate unsupported mesh brokerage options (Stash, ETrade)
3772
3807
  2. Fix EOA checkout initCode issue with new wrapper funWallet
3773
3808
  3. Fix EOA checkout wrapper funWallet regeneration on chain switch
@@ -153,14 +153,22 @@ var baseTheme = ({
153
153
  dimensions: {
154
154
  connectExchangeIconSize: "48px",
155
155
  dollarValueSkeletonHeight: "60px",
156
+ dollarValueSkeletonWidth: "160px",
156
157
  inputAmountQuickOptionButtonHeight: "36px",
157
158
  inputAmountMinHeight: "76px",
158
159
  modalBottomBarButtonHeight: "34px",
159
160
  modalTopBarHeight: "56px",
161
+ paymentAmountSkeletonBlockHeight: "10px",
162
+ paymentAmountSkeletonBlockWidth: "93px",
163
+ paymentAmountSkeletonCircleSize: "15px",
160
164
  selectAssetItemIconSize: "24px",
165
+ txBreakdownSkeletonWidth: "72px",
166
+ txSummaryLineSkeletonHeight: "14px",
167
+ txSummaryLineSkeletonWidth: "54px",
161
168
  ...customDimensions
162
169
  },
163
170
  fonts: typeof customFontFamily === "string" ? {
171
+ amountValue: customFontFamily,
164
172
  body: customFontFamily,
165
173
  buttonTextPrimary: customFontFamily,
166
174
  buttonTextSecondary: customFontFamily,
@@ -170,6 +178,7 @@ var baseTheme = ({
170
178
  txStatusDescription: customFontFamily,
171
179
  txStatusTitle: customFontFamily
172
180
  } : {
181
+ amountValue: fontStacks[fontStack],
173
182
  body: fontStacks[fontStack],
174
183
  buttonTextPrimary: fontStacks[fontStack],
175
184
  buttonTextSecondary: fontStacks[fontStack],
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-MGQZMUZ2.js";
4
+ } from "./chunk-BP7VOYBS.js";
5
5
 
6
6
  // src/themes/darkTheme.ts
7
7
  var accentColors = {
@@ -51,6 +51,10 @@ var darkTheme = ({
51
51
  modalBackground: "#000000",
52
52
  modalBorder: "#292929",
53
53
  modalTopbarIcon: "#FFF",
54
+ modalTopbarIconBackground: customColors?.modalTopbarIconBackground ?? "transparent",
55
+ modalTopbarIconBackgroundHover: customColors?.modalTopbarIconBackgroundHover ?? customColors?.buttonIconBackgroundHover ?? "#333333",
56
+ modalTopbarIconBackgroundPressed: customColors?.modalTopbarIconBackgroundPressed ?? customColors?.buttonIconBackgroundPressed ?? "#333333",
57
+ modalTopbarIconStroke: customColors?.modalTopbarIconStroke ?? customColors?.buttonIconStroke ?? "rgba(255, 255, 255, 0.35)",
54
58
  offBackground: "#1F1F1F",
55
59
  offBackgroundInverse: "#F2F2F2",
56
60
  hoverState: "#333333",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-MGQZMUZ2.js";
4
+ } from "./chunk-BP7VOYBS.js";
5
5
 
6
6
  // src/themes/lightTheme.ts
7
7
  var accentColors = {
@@ -49,6 +49,10 @@ var lightTheme = ({
49
49
  // modal backgrounds
50
50
  modalBackdrop: "rgba(0, 0, 0, 0.2)",
51
51
  modalTopbarIcon: "#000",
52
+ modalTopbarIconBackground: customColors?.modalTopbarIconBackground ?? "transparent",
53
+ modalTopbarIconBackgroundHover: customColors?.modalTopbarIconBackgroundHover ?? customColors?.buttonIconBackgroundHover ?? "#F7F7F7",
54
+ modalTopbarIconBackgroundPressed: customColors?.modalTopbarIconBackgroundPressed ?? customColors?.buttonIconBackgroundPressed ?? "#F0F0F0",
55
+ modalTopbarIconStroke: customColors?.modalTopbarIconStroke ?? customColors?.buttonIconStroke ?? "rgba(0, 0, 0, 0.35)",
52
56
  modalBackground: "#FFF",
53
57
  modalBorder: "#F7F7F7",
54
58
  offBackground: "#F7F7F7",