@funkit/connect 9.3.1 → 9.4.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.
Files changed (38) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/dist/{chunk-JKGPN2BQ.js → chunk-BSF2AKBC.js} +17 -0
  3. package/dist/{chunk-VIJQ5A6W.js → chunk-DBRUJYOQ.js} +12 -1
  4. package/dist/{chunk-WXEL44DS.js → chunk-IZC4ZKKQ.js} +12 -1
  5. package/dist/clients/fanatics.css +5283 -4386
  6. package/dist/clients/fanatics.js +2 -2
  7. package/dist/clients/polymarket.d.ts +5 -1
  8. package/dist/clients/polymarket.js +11 -15
  9. package/dist/components/Box/Box.d.ts +40 -40
  10. package/dist/components/Dropdown/BaseDropdown.css.d.ts +2 -0
  11. package/dist/components/Dropdown/BaseDropdown.d.ts +49 -6
  12. package/dist/components/FunCheckoutBlocked/FunCheckoutBlocked.d.ts +2 -2
  13. package/dist/components/FunInput/FunInput.css.d.ts +1 -0
  14. package/dist/components/Tabs/Tabs.d.ts +1 -0
  15. package/dist/components/Tabs/tabs.css.d.ts +1 -1
  16. package/dist/config/getDefaultConfig.d.ts +1 -1
  17. package/dist/css/sprinkles.css.d.ts +110 -40
  18. package/dist/domains/asset.d.ts +8 -3
  19. package/dist/hooks/track/CheckoutModalEvent.d.ts +3 -1
  20. package/dist/hooks/useMainnetEnsAvatar.d.ts +1 -1
  21. package/dist/hooks/useScrollDivider.d.ts +10 -2
  22. package/dist/index.css +5340 -4393
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.js +1077 -687
  25. package/dist/modals/CheckoutModal/CheckoutBlockedReason.d.ts +1 -0
  26. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetList.d.ts +1 -1
  27. package/dist/modals/CheckoutModal/useCheckoutBlocked.d.ts +18 -0
  28. package/dist/providers/FunkitCheckoutContext/types.d.ts +5 -0
  29. package/dist/providers/FunkitThemeProvider.d.ts +105 -0
  30. package/dist/providers/GeneralWalletProvider.d.ts +5 -5
  31. package/dist/providers/SwappedProvider.d.ts +3 -1
  32. package/dist/themes/baseTheme.js +1 -1
  33. package/dist/themes/darkTheme.js +2 -2
  34. package/dist/themes/lightTheme.js +2 -2
  35. package/dist/utils/checkout.d.ts +1 -1
  36. package/dist/utils/swapped.d.ts +4 -0
  37. package/dist/wallets/walletConnectors/index.js +35 -35
  38. package/package.json +5 -5
@@ -0,0 +1 @@
1
+ export type CheckoutBlockedReason = 'fullGeoblock' | 'semiGeoblock' | 'security' | 'unloggedin';
@@ -7,7 +7,7 @@ interface AssetOption {
7
7
  isDisabled: boolean;
8
8
  isUserSelected: boolean;
9
9
  priority: number;
10
- minUsdRequired?: number;
10
+ minUsdWithFees?: number;
11
11
  }
12
12
  interface SelectAssetListProps {
13
13
  isLoading: boolean;
@@ -0,0 +1,18 @@
1
+ import type { CheckoutBlockedReason } from './CheckoutBlockedReason';
2
+ import { FunCheckoutStep } from './FunCheckoutStep';
3
+ interface UseCheckoutBlockedParams {
4
+ isModalBlocked: boolean;
5
+ modalStep: FunCheckoutStep;
6
+ onCheckoutBlocked?: (params: {
7
+ blockedReason: CheckoutBlockedReason;
8
+ }) => void;
9
+ }
10
+ type CheckoutBlockedResult = {
11
+ blockedReason: CheckoutBlockedReason;
12
+ showBlockedUI: boolean;
13
+ } | {
14
+ blockedReason: null;
15
+ showBlockedUI: false;
16
+ };
17
+ export declare function useCheckoutBlocked(params: UseCheckoutBlockedParams): CheckoutBlockedResult;
18
+ export {};
@@ -2,6 +2,7 @@ import type { FunAddress } from '@funkit/api-base';
2
2
  import type { ApiCheckoutClientMetadata, ApiFunkitCheckoutActionParams, ApiFunkitCheckoutConfig } from '@funkit/utils';
3
3
  import type { Address } from 'viem';
4
4
  import type { PaymentMethodInfo } from '../../domains/paymentMethods';
5
+ import type { CheckoutBlockedReason } from '../../modals/CheckoutModal/CheckoutBlockedReason';
5
6
  import type { WithdrawalClient } from '../../wallets/Wallet';
6
7
  import type { FunkitCheckoutQuoteResult } from '../FunkitHistoryContext';
7
8
  export type FunkitCheckoutActionParams = ApiFunkitCheckoutActionParams;
@@ -172,6 +173,10 @@ export interface UseFunkitCheckoutProps {
172
173
  }) => void;
173
174
  /** @optional fires when a withdrawal is confirmed with the funkit server. Returns the newly created withdrawalId. **/
174
175
  onWithdrawalConfirmation?: (withdrawalId: string) => void;
176
+ /** @optional fires when checkout is blocked (e.g. geo-restriction, security hold, or missing wallet connection). **/
177
+ onCheckoutBlocked?: (params: {
178
+ blockedReason: CheckoutBlockedReason;
179
+ }) => void;
175
180
  /** @optional fires if the withdrawal fails at any point **/
176
181
  onWithdrawalError?: (result: FunkitCheckoutResult) => void;
177
182
  }
@@ -62,6 +62,13 @@ export declare const useActiveTheme: () => {
62
62
  inputBorderHover: string;
63
63
  activeTabBorderColor: string;
64
64
  activeTabBackground: string;
65
+ inactiveTabBorderColor: string;
66
+ inactiveTabBackgroundBase: string;
67
+ inactiveTabBackgroundHover: string;
68
+ inactiveTabBackgroundActive: string;
69
+ activeTabText: string;
70
+ inactiveTabTextBase: string;
71
+ inactiveTabHover: string;
65
72
  actionColor: string;
66
73
  actionColorHover: string;
67
74
  actionColorDisabled: string;
@@ -142,9 +149,12 @@ export declare const useActiveTheme: () => {
142
149
  dropdownActiveItemBackgroundDisabled: string;
143
150
  dropdownActiveItemBorderBase: string;
144
151
  dropdownActiveItemBorderHover: string;
152
+ dropdownGroupHeader: string;
145
153
  selectedDropdownItemBackground: string;
146
154
  alwaysVisibleLabelBackgroundHover: string;
147
155
  selectedDropdownItemText: string;
156
+ useConnectedBackgroundBase: string;
157
+ useConnectedBackgroundHover: string;
148
158
  copyButtonBackgroundBase: string;
149
159
  copyButtonBackgroundHover: string;
150
160
  copyButtonBackgroundActive: string;
@@ -195,6 +205,7 @@ export declare const useActiveTheme: () => {
195
205
  buttonTextPrimary: string;
196
206
  buttonTextSecondary: string;
197
207
  buttonTextTertiary: string;
208
+ dropdownGroupHeader: string;
198
209
  header: string;
199
210
  inputAmount: string;
200
211
  txStatusDescription: string;
@@ -207,6 +218,7 @@ export declare const useActiveTheme: () => {
207
218
  bold: string;
208
219
  heavy: string;
209
220
  cryptoCashToggle: string;
221
+ dropdownGroupHeader: string;
210
222
  inputAmount: string;
211
223
  inputLabel: string;
212
224
  inputValue: string;
@@ -300,6 +312,10 @@ export declare const useActiveTheme: () => {
300
312
  fontSize: string;
301
313
  lineHeight: string;
302
314
  };
315
+ dropdownGroupHeader: {
316
+ fontSize: string;
317
+ lineHeight: string;
318
+ };
303
319
  inputAmount: {
304
320
  fontSize: string;
305
321
  lineHeight: string;
@@ -400,6 +416,14 @@ export declare const useActiveTheme: () => {
400
416
  fontSize: string;
401
417
  lineHeight: string;
402
418
  };
419
+ paymentFeeSummaryTooltip: {
420
+ fontSize: string;
421
+ lineHeight: string;
422
+ };
423
+ tooltipContent: {
424
+ fontSize: string;
425
+ lineHeight: string;
426
+ };
403
427
  };
404
428
  radii: {
405
429
  actionButton: string;
@@ -427,6 +451,8 @@ export declare const useActiveTheme: () => {
427
451
  activeOptionBorderWidth: string;
428
452
  buttonTertiaryBorderWidth: string;
429
453
  cryptoCashToggleContainerBorderWidth: string;
454
+ cryptoCashToggleActiveTabBorderWidth: string;
455
+ cryptoCashToggleInactiveTabBorderWidth: string;
430
456
  txSummaryBoxBorderWidth: string;
431
457
  };
432
458
  shadows: {
@@ -462,6 +488,13 @@ export declare const useActiveTheme: () => {
462
488
  cryptoCashToggleMarginBottom: string;
463
489
  cryptoCashToggleMarginTop: string;
464
490
  cryptoCashToggleTabPaddingY: string;
491
+ dropdownItemIconGap: string;
492
+ dropdownItemPaddingX: string;
493
+ dropdownItemPaddingY: string;
494
+ dropdownCompactPaddingX: string;
495
+ dropdownCompactPaddingY: string;
496
+ dropdownPaddingX: string;
497
+ dropdownPaddingY: string;
465
498
  modalBaseHorizontalPadding: string;
466
499
  modalBottomBarButtonPaddingY: string;
467
500
  modalBottomHorizontalPadding: string;
@@ -473,6 +506,7 @@ export declare const useActiveTheme: () => {
473
506
  selectAssetItemTextGap: string;
474
507
  selectBrokerageItemPaddingX: string;
475
508
  selectBrokerageItemPaddingY: string;
509
+ selectBrokerageListGap: string;
476
510
  txBreakdownMarginY: string;
477
511
  txBreakdownPaddingX: string;
478
512
  txSummaryBoxPaddingX: string;
@@ -489,6 +523,7 @@ export declare const useActiveTheme: () => {
489
523
  inputPaddingY: string;
490
524
  dropdownActiveItemRegularSizePaddingY: string;
491
525
  assetListDefaultGap: string;
526
+ dropdownGroupDividerMarginY: string;
492
527
  };
493
528
  textTransforms: {
494
529
  inputAmountQuickOptionButton: string;
@@ -551,6 +586,13 @@ export declare const useActiveTheme: () => {
551
586
  inputBorderHover: string;
552
587
  activeTabBorderColor: string;
553
588
  activeTabBackground: string;
589
+ inactiveTabBorderColor: string;
590
+ inactiveTabBackgroundBase: string;
591
+ inactiveTabBackgroundHover: string;
592
+ inactiveTabBackgroundActive: string;
593
+ activeTabText: string;
594
+ inactiveTabTextBase: string;
595
+ inactiveTabHover: string;
554
596
  actionColor: string;
555
597
  actionColorHover: string;
556
598
  actionColorDisabled: string;
@@ -631,9 +673,12 @@ export declare const useActiveTheme: () => {
631
673
  dropdownActiveItemBackgroundDisabled: string;
632
674
  dropdownActiveItemBorderBase: string;
633
675
  dropdownActiveItemBorderHover: string;
676
+ dropdownGroupHeader: string;
634
677
  selectedDropdownItemBackground: string;
635
678
  alwaysVisibleLabelBackgroundHover: string;
636
679
  selectedDropdownItemText: string;
680
+ useConnectedBackgroundBase: string;
681
+ useConnectedBackgroundHover: string;
637
682
  copyButtonBackgroundBase: string;
638
683
  copyButtonBackgroundHover: string;
639
684
  copyButtonBackgroundActive: string;
@@ -684,6 +729,7 @@ export declare const useActiveTheme: () => {
684
729
  buttonTextPrimary: string;
685
730
  buttonTextSecondary: string;
686
731
  buttonTextTertiary: string;
732
+ dropdownGroupHeader: string;
687
733
  header: string;
688
734
  inputAmount: string;
689
735
  txStatusDescription: string;
@@ -696,6 +742,7 @@ export declare const useActiveTheme: () => {
696
742
  bold: string;
697
743
  heavy: string;
698
744
  cryptoCashToggle: string;
745
+ dropdownGroupHeader: string;
699
746
  inputAmount: string;
700
747
  inputLabel: string;
701
748
  inputValue: string;
@@ -789,6 +836,10 @@ export declare const useActiveTheme: () => {
789
836
  fontSize: string;
790
837
  lineHeight: string;
791
838
  };
839
+ dropdownGroupHeader: {
840
+ fontSize: string;
841
+ lineHeight: string;
842
+ };
792
843
  inputAmount: {
793
844
  fontSize: string;
794
845
  lineHeight: string;
@@ -889,6 +940,14 @@ export declare const useActiveTheme: () => {
889
940
  fontSize: string;
890
941
  lineHeight: string;
891
942
  };
943
+ paymentFeeSummaryTooltip: {
944
+ fontSize: string;
945
+ lineHeight: string;
946
+ };
947
+ tooltipContent: {
948
+ fontSize: string;
949
+ lineHeight: string;
950
+ };
892
951
  };
893
952
  radii: {
894
953
  actionButton: string;
@@ -916,6 +975,8 @@ export declare const useActiveTheme: () => {
916
975
  activeOptionBorderWidth: string;
917
976
  buttonTertiaryBorderWidth: string;
918
977
  cryptoCashToggleContainerBorderWidth: string;
978
+ cryptoCashToggleActiveTabBorderWidth: string;
979
+ cryptoCashToggleInactiveTabBorderWidth: string;
919
980
  txSummaryBoxBorderWidth: string;
920
981
  };
921
982
  shadows: {
@@ -951,6 +1012,13 @@ export declare const useActiveTheme: () => {
951
1012
  cryptoCashToggleMarginBottom: string;
952
1013
  cryptoCashToggleMarginTop: string;
953
1014
  cryptoCashToggleTabPaddingY: string;
1015
+ dropdownItemIconGap: string;
1016
+ dropdownItemPaddingX: string;
1017
+ dropdownItemPaddingY: string;
1018
+ dropdownCompactPaddingX: string;
1019
+ dropdownCompactPaddingY: string;
1020
+ dropdownPaddingX: string;
1021
+ dropdownPaddingY: string;
954
1022
  modalBaseHorizontalPadding: string;
955
1023
  modalBottomBarButtonPaddingY: string;
956
1024
  modalBottomHorizontalPadding: string;
@@ -962,6 +1030,7 @@ export declare const useActiveTheme: () => {
962
1030
  selectAssetItemTextGap: string;
963
1031
  selectBrokerageItemPaddingX: string;
964
1032
  selectBrokerageItemPaddingY: string;
1033
+ selectBrokerageListGap: string;
965
1034
  txBreakdownMarginY: string;
966
1035
  txBreakdownPaddingX: string;
967
1036
  txSummaryBoxPaddingX: string;
@@ -978,6 +1047,7 @@ export declare const useActiveTheme: () => {
978
1047
  inputPaddingY: string;
979
1048
  dropdownActiveItemRegularSizePaddingY: string;
980
1049
  assetListDefaultGap: string;
1050
+ dropdownGroupDividerMarginY: string;
981
1051
  };
982
1052
  textTransforms: {
983
1053
  inputAmountQuickOptionButton: string;
@@ -1038,6 +1108,13 @@ export declare const useActiveTheme: () => {
1038
1108
  inputBorderHover: string;
1039
1109
  activeTabBorderColor: string;
1040
1110
  activeTabBackground: string;
1111
+ inactiveTabBorderColor: string;
1112
+ inactiveTabBackgroundBase: string;
1113
+ inactiveTabBackgroundHover: string;
1114
+ inactiveTabBackgroundActive: string;
1115
+ activeTabText: string;
1116
+ inactiveTabTextBase: string;
1117
+ inactiveTabHover: string;
1041
1118
  actionColor: string;
1042
1119
  actionColorHover: string;
1043
1120
  actionColorDisabled: string;
@@ -1118,9 +1195,12 @@ export declare const useActiveTheme: () => {
1118
1195
  dropdownActiveItemBackgroundDisabled: string;
1119
1196
  dropdownActiveItemBorderBase: string;
1120
1197
  dropdownActiveItemBorderHover: string;
1198
+ dropdownGroupHeader: string;
1121
1199
  selectedDropdownItemBackground: string;
1122
1200
  alwaysVisibleLabelBackgroundHover: string;
1123
1201
  selectedDropdownItemText: string;
1202
+ useConnectedBackgroundBase: string;
1203
+ useConnectedBackgroundHover: string;
1124
1204
  copyButtonBackgroundBase: string;
1125
1205
  copyButtonBackgroundHover: string;
1126
1206
  copyButtonBackgroundActive: string;
@@ -1171,6 +1251,7 @@ export declare const useActiveTheme: () => {
1171
1251
  buttonTextPrimary: string;
1172
1252
  buttonTextSecondary: string;
1173
1253
  buttonTextTertiary: string;
1254
+ dropdownGroupHeader: string;
1174
1255
  header: string;
1175
1256
  inputAmount: string;
1176
1257
  txStatusDescription: string;
@@ -1183,6 +1264,7 @@ export declare const useActiveTheme: () => {
1183
1264
  bold: string;
1184
1265
  heavy: string;
1185
1266
  cryptoCashToggle: string;
1267
+ dropdownGroupHeader: string;
1186
1268
  inputAmount: string;
1187
1269
  inputLabel: string;
1188
1270
  inputValue: string;
@@ -1276,6 +1358,10 @@ export declare const useActiveTheme: () => {
1276
1358
  fontSize: string;
1277
1359
  lineHeight: string;
1278
1360
  };
1361
+ dropdownGroupHeader: {
1362
+ fontSize: string;
1363
+ lineHeight: string;
1364
+ };
1279
1365
  inputAmount: {
1280
1366
  fontSize: string;
1281
1367
  lineHeight: string;
@@ -1376,6 +1462,14 @@ export declare const useActiveTheme: () => {
1376
1462
  fontSize: string;
1377
1463
  lineHeight: string;
1378
1464
  };
1465
+ paymentFeeSummaryTooltip: {
1466
+ fontSize: string;
1467
+ lineHeight: string;
1468
+ };
1469
+ tooltipContent: {
1470
+ fontSize: string;
1471
+ lineHeight: string;
1472
+ };
1379
1473
  };
1380
1474
  radii: {
1381
1475
  actionButton: string;
@@ -1403,6 +1497,8 @@ export declare const useActiveTheme: () => {
1403
1497
  activeOptionBorderWidth: string;
1404
1498
  buttonTertiaryBorderWidth: string;
1405
1499
  cryptoCashToggleContainerBorderWidth: string;
1500
+ cryptoCashToggleActiveTabBorderWidth: string;
1501
+ cryptoCashToggleInactiveTabBorderWidth: string;
1406
1502
  txSummaryBoxBorderWidth: string;
1407
1503
  };
1408
1504
  shadows: {
@@ -1438,6 +1534,13 @@ export declare const useActiveTheme: () => {
1438
1534
  cryptoCashToggleMarginBottom: string;
1439
1535
  cryptoCashToggleMarginTop: string;
1440
1536
  cryptoCashToggleTabPaddingY: string;
1537
+ dropdownItemIconGap: string;
1538
+ dropdownItemPaddingX: string;
1539
+ dropdownItemPaddingY: string;
1540
+ dropdownCompactPaddingX: string;
1541
+ dropdownCompactPaddingY: string;
1542
+ dropdownPaddingX: string;
1543
+ dropdownPaddingY: string;
1441
1544
  modalBaseHorizontalPadding: string;
1442
1545
  modalBottomBarButtonPaddingY: string;
1443
1546
  modalBottomHorizontalPadding: string;
@@ -1449,6 +1552,7 @@ export declare const useActiveTheme: () => {
1449
1552
  selectAssetItemTextGap: string;
1450
1553
  selectBrokerageItemPaddingX: string;
1451
1554
  selectBrokerageItemPaddingY: string;
1555
+ selectBrokerageListGap: string;
1452
1556
  txBreakdownMarginY: string;
1453
1557
  txBreakdownPaddingX: string;
1454
1558
  txSummaryBoxPaddingX: string;
@@ -1465,6 +1569,7 @@ export declare const useActiveTheme: () => {
1465
1569
  inputPaddingY: string;
1466
1570
  dropdownActiveItemRegularSizePaddingY: string;
1467
1571
  assetListDefaultGap: string;
1572
+ dropdownGroupDividerMarginY: string;
1468
1573
  };
1469
1574
  textTransforms: {
1470
1575
  inputAmountQuickOptionButton: string;
@@ -48,7 +48,7 @@ export declare const useFunkitAccount: () => {
48
48
  addresses: readonly [Address, ...Address[]];
49
49
  chain: import("viem").Chain | undefined;
50
50
  chainId: number;
51
- connector: import("../wagmi/hooks").Connector;
51
+ connector: import("wagmi").Connector;
52
52
  isConnecting: false;
53
53
  isDisconnected: false;
54
54
  isReconnecting: false;
@@ -61,7 +61,7 @@ export declare const useFunkitAccount: () => {
61
61
  addresses: readonly Address[] | undefined;
62
62
  chain: import("viem").Chain | undefined;
63
63
  chainId: number | undefined;
64
- connector: import("../wagmi/hooks").Connector | undefined;
64
+ connector: import("wagmi").Connector | undefined;
65
65
  isConnecting: false;
66
66
  isDisconnected: false;
67
67
  isReconnecting: true;
@@ -74,7 +74,7 @@ export declare const useFunkitAccount: () => {
74
74
  addresses: readonly Address[] | undefined;
75
75
  chain: import("viem").Chain | undefined;
76
76
  chainId: number | undefined;
77
- connector: import("../wagmi/hooks").Connector | undefined;
77
+ connector: import("wagmi").Connector | undefined;
78
78
  isReconnecting: false;
79
79
  isConnecting: true;
80
80
  isDisconnected: false;
@@ -99,7 +99,7 @@ export declare const useFunkitReconnect: () => UseReconnectReturnType;
99
99
  export declare const useFunkitSwitchChains: ({ onSettled, }: {
100
100
  onSettled?: () => void;
101
101
  }) => {
102
- switchChain: import("wagmi/query").SwitchChainMutate<import("../wagmi/hooks").Config, void>;
103
- switchChainAsync: import("wagmi/query").SwitchChainMutateAsync<import("../wagmi/hooks").Config, void>;
102
+ switchChain: import("wagmi/query").SwitchChainMutate<import("wagmi").Config, undefined>;
103
+ switchChainAsync: import("wagmi/query").SwitchChainMutateAsync<import("wagmi").Config, undefined>;
104
104
  pendingChainId: number | null;
105
105
  };
@@ -6,8 +6,10 @@ export interface SwappedIframeCallbacks {
6
6
  onBack: () => void;
7
7
  onExit: () => void;
8
8
  onNewDeposit: () => void;
9
- onError: (message: string) => void;
9
+ onError: (data: Record<string, unknown>) => void;
10
10
  onNavigation: (step: string) => void;
11
+ onOrderData: (data: Record<string, unknown>) => void;
12
+ onLogout: () => void;
11
13
  }
12
14
  interface SwappedContextValue {
13
15
  iframeUrl: string | null;
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  baseTheme,
4
4
  systemFontStack
5
- } from "../chunk-JKGPN2BQ.js";
5
+ } from "../chunk-BSF2AKBC.js";
6
6
  export {
7
7
  baseTheme,
8
8
  systemFontStack
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "../chunk-WXEL44DS.js";
5
- import "../chunk-JKGPN2BQ.js";
4
+ } from "../chunk-IZC4ZKKQ.js";
5
+ import "../chunk-BSF2AKBC.js";
6
6
  export {
7
7
  darkTheme
8
8
  };
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  lightTheme
4
- } from "../chunk-VIJQ5A6W.js";
5
- import "../chunk-JKGPN2BQ.js";
4
+ } from "../chunk-DBRUJYOQ.js";
5
+ import "../chunk-BSF2AKBC.js";
6
6
  export {
7
7
  lightTheme
8
8
  };
@@ -25,7 +25,7 @@ type ValidateCheckoutConfigReturn = Promise<{
25
25
  * @param config - The checkout configuration to validate.
26
26
  * @returns An object indicating whether the configuration is valid and a message if it is not.
27
27
  */
28
- export declare function validateCheckoutConfig(config: Partial<FunkitCheckoutConfig>): ValidateCheckoutConfigReturn;
28
+ export declare function validateCheckoutConfig(config: Partial<FunkitCheckoutConfig>, apiKey: string): ValidateCheckoutConfigReturn;
29
29
  export declare const hasSufficientBalance: (wagmiConfig: UseConfigReturnType, walletAddress: string, tokenAddress: string, tokenChainId: string, requiredAssetAmount: number) => Promise<{
30
30
  balance: number;
31
31
  result: boolean;
@@ -27,6 +27,10 @@ export interface SwappedTheme {
27
27
  boxPaddingX?: string;
28
28
  paymentMethodLightLogos?: boolean;
29
29
  }
30
+ export declare const SWAPPED_CARD_BRANDS: Record<string, {
31
+ displayName: string;
32
+ iconImageUrl: string;
33
+ }>;
30
34
  export declare const isSavedFormOfPaymentType: (fop: SwappedFormOfPayment) => fop is SavedFormOfPayment;
31
35
  export declare const getSavedFormOfPaymentDisplayName: (fop: SavedFormOfPayment) => string;
32
36
  export declare const getSavedFormOfPaymentIcon: (fop: SavedFormOfPayment) => string | undefined;
@@ -6,14 +6,14 @@ import {
6
6
  zerionWallet
7
7
  } from "./chunk-TTHM3WUR.js";
8
8
  import {
9
- tahoWallet
10
- } from "./chunk-4BMUFNMT.js";
9
+ talismanWallet
10
+ } from "./chunk-6MFOL6EB.js";
11
11
  import {
12
12
  tokenPocketWallet
13
13
  } from "./chunk-4C7ER452.js";
14
14
  import {
15
- talismanWallet
16
- } from "./chunk-6MFOL6EB.js";
15
+ subWallet
16
+ } from "./chunk-XBLHZICW.js";
17
17
  import {
18
18
  tokenaryWallet
19
19
  } from "./chunk-34LO6Q7A.js";
@@ -29,12 +29,12 @@ import {
29
29
  import {
30
30
  xdefiWallet
31
31
  } from "./chunk-O7RSASRH.js";
32
- import {
33
- rabbyWallet
34
- } from "./chunk-WFNPWKU3.js";
35
32
  import {
36
33
  rainbowWallet
37
34
  } from "./chunk-GSHSWVEG.js";
35
+ import {
36
+ rabbyWallet
37
+ } from "./chunk-WFNPWKU3.js";
38
38
  import {
39
39
  ramperWallet
40
40
  } from "./chunk-R4S234FL.js";
@@ -44,21 +44,21 @@ import {
44
44
  import {
45
45
  roninWallet
46
46
  } from "./chunk-PKMAPNN6.js";
47
- import {
48
- safepalWallet
49
- } from "./chunk-IICWJWGZ.js";
50
47
  import {
51
48
  safeheronWallet
52
49
  } from "./chunk-4R4AARTG.js";
53
50
  import {
54
- subWallet
55
- } from "./chunk-XBLHZICW.js";
51
+ safepalWallet
52
+ } from "./chunk-IICWJWGZ.js";
56
53
  import {
57
- metaMaskWallet
58
- } from "./chunk-HETS3KKI.js";
54
+ tahoWallet
55
+ } from "./chunk-4BMUFNMT.js";
59
56
  import {
60
57
  mewWallet
61
58
  } from "./chunk-HKVDCVCG.js";
59
+ import {
60
+ ledgerWallet
61
+ } from "./chunk-WKCCLGHJ.js";
62
62
  import {
63
63
  oktoWallet
64
64
  } from "./chunk-BVX22N7L.js";
@@ -80,48 +80,48 @@ import {
80
80
  import {
81
81
  foxWallet
82
82
  } from "./chunk-53VYSPXK.js";
83
- import {
84
- frontierWallet
85
- } from "./chunk-CJJT7LMT.js";
86
83
  import {
87
84
  frameWallet
88
85
  } from "./chunk-WDTNOIMF.js";
86
+ import {
87
+ frontierWallet
88
+ } from "./chunk-CJJT7LMT.js";
89
89
  import {
90
90
  gateWallet
91
91
  } from "./chunk-7OARWILZ.js";
92
92
  import {
93
93
  imTokenWallet
94
94
  } from "./chunk-IUVO4IN3.js";
95
- import {
96
- injectedWallet
97
- } from "./chunk-W6MXINYY.js";
98
- import {
99
- ledgerWallet
100
- } from "./chunk-WKCCLGHJ.js";
101
95
  import {
102
96
  kresusWallet
103
97
  } from "./chunk-G4V5B6YC.js";
104
98
  import {
105
- clvWallet
106
- } from "./chunk-GVOQTORD.js";
99
+ injectedWallet
100
+ } from "./chunk-W6MXINYY.js";
107
101
  import {
108
- coin98Wallet
109
- } from "./chunk-6YO27XOM.js";
102
+ metaMaskWallet
103
+ } from "./chunk-HETS3KKI.js";
110
104
  import {
111
105
  bybitWallet
112
106
  } from "./chunk-6UCI7GM6.js";
107
+ import {
108
+ coin98Wallet
109
+ } from "./chunk-6YO27XOM.js";
113
110
  import {
114
111
  coinbaseWallet
115
112
  } from "./chunk-RZXMOPIV.js";
113
+ import {
114
+ clvWallet
115
+ } from "./chunk-GVOQTORD.js";
116
+ import {
117
+ dawnWallet
118
+ } from "./chunk-TFVCCI2D.js";
116
119
  import {
117
120
  coreWallet
118
121
  } from "./chunk-GH4M6FTK.js";
119
122
  import {
120
123
  desigWallet
121
124
  } from "./chunk-JYVLYSH3.js";
122
- import {
123
- dawnWallet
124
- } from "./chunk-TFVCCI2D.js";
125
125
  import {
126
126
  enkryptWallet
127
127
  } from "./chunk-W6TXXLCO.js";
@@ -132,17 +132,17 @@ import {
132
132
  bifrostWallet
133
133
  } from "./chunk-EKJHJFRN.js";
134
134
  import {
135
- bitgetWallet
136
- } from "./chunk-HOPH3TQ3.js";
135
+ bitskiWallet
136
+ } from "./chunk-A7FNGC4A.js";
137
137
  import {
138
138
  bitverseWallet
139
139
  } from "./chunk-GROWFRGP.js";
140
- import {
141
- bitskiWallet
142
- } from "./chunk-A7FNGC4A.js";
143
140
  import {
144
141
  bloomWallet
145
142
  } from "./chunk-UB2SSFH7.js";
143
+ import {
144
+ bitgetWallet
145
+ } from "./chunk-HOPH3TQ3.js";
146
146
  import "./chunk-MAPXJUOO.js";
147
147
  import {
148
148
  braveWallet
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@funkit/connect",
3
- "version": "9.3.1",
3
+ "version": "9.4.1",
4
4
  "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
5
5
  "files": [
6
6
  "dist",
@@ -103,10 +103,10 @@
103
103
  "ua-parser-js": "^1.0.37",
104
104
  "use-debounce": "^10.0.5",
105
105
  "uuid": "^9.0.1",
106
- "@funkit/api-base": "3.0.2",
107
- "@funkit/chains": "1.1.0",
108
- "@funkit/fun-relay": "2.6.3",
109
- "@funkit/utils": "1.2.4"
106
+ "@funkit/api-base": "3.0.3",
107
+ "@funkit/fun-relay": "2.6.4",
108
+ "@funkit/utils": "1.2.5",
109
+ "@funkit/chains": "1.1.1"
110
110
  },
111
111
  "repository": {
112
112
  "type": "git",