@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.
- package/CHANGELOG.md +42 -0
- package/dist/{chunk-JKGPN2BQ.js → chunk-BSF2AKBC.js} +17 -0
- package/dist/{chunk-VIJQ5A6W.js → chunk-DBRUJYOQ.js} +12 -1
- package/dist/{chunk-WXEL44DS.js → chunk-IZC4ZKKQ.js} +12 -1
- package/dist/clients/fanatics.css +5283 -4386
- package/dist/clients/fanatics.js +2 -2
- package/dist/clients/polymarket.d.ts +5 -1
- package/dist/clients/polymarket.js +11 -15
- package/dist/components/Box/Box.d.ts +40 -40
- package/dist/components/Dropdown/BaseDropdown.css.d.ts +2 -0
- package/dist/components/Dropdown/BaseDropdown.d.ts +49 -6
- package/dist/components/FunCheckoutBlocked/FunCheckoutBlocked.d.ts +2 -2
- package/dist/components/FunInput/FunInput.css.d.ts +1 -0
- package/dist/components/Tabs/Tabs.d.ts +1 -0
- package/dist/components/Tabs/tabs.css.d.ts +1 -1
- package/dist/config/getDefaultConfig.d.ts +1 -1
- package/dist/css/sprinkles.css.d.ts +110 -40
- package/dist/domains/asset.d.ts +8 -3
- package/dist/hooks/track/CheckoutModalEvent.d.ts +3 -1
- package/dist/hooks/useMainnetEnsAvatar.d.ts +1 -1
- package/dist/hooks/useScrollDivider.d.ts +10 -2
- package/dist/index.css +5340 -4393
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1077 -687
- package/dist/modals/CheckoutModal/CheckoutBlockedReason.d.ts +1 -0
- package/dist/modals/CheckoutModal/SelectAsset/SelectAssetList.d.ts +1 -1
- package/dist/modals/CheckoutModal/useCheckoutBlocked.d.ts +18 -0
- package/dist/providers/FunkitCheckoutContext/types.d.ts +5 -0
- package/dist/providers/FunkitThemeProvider.d.ts +105 -0
- package/dist/providers/GeneralWalletProvider.d.ts +5 -5
- package/dist/providers/SwappedProvider.d.ts +3 -1
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/utils/checkout.d.ts +1 -1
- package/dist/utils/swapped.d.ts +4 -0
- package/dist/wallets/walletConnectors/index.js +35 -35
- package/package.json +5 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type CheckoutBlockedReason = 'fullGeoblock' | 'semiGeoblock' | 'security' | 'unloggedin';
|
|
@@ -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("
|
|
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("
|
|
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("
|
|
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("
|
|
103
|
-
switchChainAsync: import("wagmi/query").SwitchChainMutateAsync<import("
|
|
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: (
|
|
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;
|
package/dist/themes/baseTheme.js
CHANGED
package/dist/themes/darkTheme.js
CHANGED
package/dist/utils/checkout.d.ts
CHANGED
|
@@ -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
|
|
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;
|
package/dist/utils/swapped.d.ts
CHANGED
|
@@ -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
|
-
|
|
10
|
-
} from "./chunk-
|
|
9
|
+
talismanWallet
|
|
10
|
+
} from "./chunk-6MFOL6EB.js";
|
|
11
11
|
import {
|
|
12
12
|
tokenPocketWallet
|
|
13
13
|
} from "./chunk-4C7ER452.js";
|
|
14
14
|
import {
|
|
15
|
-
|
|
16
|
-
} from "./chunk-
|
|
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
|
-
|
|
55
|
-
} from "./chunk-
|
|
51
|
+
safepalWallet
|
|
52
|
+
} from "./chunk-IICWJWGZ.js";
|
|
56
53
|
import {
|
|
57
|
-
|
|
58
|
-
} from "./chunk-
|
|
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
|
-
|
|
106
|
-
} from "./chunk-
|
|
99
|
+
injectedWallet
|
|
100
|
+
} from "./chunk-W6MXINYY.js";
|
|
107
101
|
import {
|
|
108
|
-
|
|
109
|
-
} from "./chunk-
|
|
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
|
-
|
|
136
|
-
} from "./chunk-
|
|
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
|
+
"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.
|
|
107
|
-
"@funkit/
|
|
108
|
-
"@funkit/
|
|
109
|
-
"@funkit/
|
|
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",
|