@funkit/connect 8.2.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.
- package/CHANGELOG.md +59 -2
- package/dist/{chunk-WIDI2TYC.js → chunk-BP7VOYBS.js} +51 -2
- package/dist/{chunk-JIC2XXGY.js → chunk-KKGSXLMH.js} +12 -2
- package/dist/{chunk-QHRAQNOB.js → chunk-MYPFORR2.js} +12 -2
- package/dist/clients/fanatics.css +4375 -3286
- package/dist/clients/fanatics.d.ts +18 -7
- package/dist/clients/fanatics.js +739 -337
- package/dist/components/AsyncImage/useAsyncImage.d.ts +2 -0
- package/dist/components/Box/Box.d.ts +47 -47
- package/dist/components/Dialog/Dialog.d.ts +3 -1
- package/dist/components/Dialog/DialogContent.css.d.ts +9 -0
- package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryBottomBar.d.ts +10 -0
- package/dist/components/FunInput/FunInput.d.ts +4 -0
- package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
- package/dist/components/FunPayments/FunPaymentMethods.d.ts +7 -0
- package/dist/components/FunSelectBrokerage/FunBrokerageItem.d.ts +4 -1
- package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts +8 -3
- package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts +1 -0
- package/dist/components/HelpAlert/HelpAlert.d.ts +1 -0
- package/dist/components/Icons/ApplePayIcon.d.ts +4 -0
- package/dist/components/Icons/FanaticsCreditCardIcon.d.ts +4 -0
- package/dist/components/Icons/GooglePayIcon.d.ts +4 -0
- package/dist/components/Icons/RevolutPayIcon.d.ts +4 -0
- package/dist/components/Icons/SepaBankIcon.d.ts +4 -0
- package/dist/components/Icons/VenmoIcon.d.ts +4 -0
- package/dist/components/Tabs/Tabs.d.ts +2 -2
- package/dist/components/Text/Text.d.ts +1 -0
- package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinner.d.ts +10 -0
- package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinnerLoading.d.ts +6 -0
- package/dist/components/TransactionStatus/AnimatedText.d.ts +10 -0
- package/dist/components/TransactionStatus/DotsDivider.d.ts +2 -0
- package/dist/components/TransactionStatus/StepSpinner.d.ts +17 -0
- package/dist/components/TransactionStatus/TransactionStatus.d.ts +5 -7
- package/dist/components/TransactionStatus/TransactionStatusLoading.d.ts +6 -0
- package/dist/css/sprinkles.css.d.ts +241 -49
- package/dist/domains/paymentMethods.d.ts +8 -1
- package/dist/hooks/useCheckoutTimeEstimate.d.ts +1 -1
- package/dist/index.css +4458 -3331
- package/dist/index.js +4275 -3096
- package/dist/modals/CheckoutModal/ConfirmationStep/CheckoutPrimaryInfo.d.ts +2 -1
- package/dist/modals/CheckoutModal/InputAmount/state.d.ts +2 -0
- package/dist/modals/CheckoutModal/{SelectAsset.d.ts → SelectAsset/SelectAsset.d.ts} +3 -3
- package/dist/modals/CheckoutModal/SelectAsset/SelectAssetInfoSection.d.ts +12 -0
- package/dist/modals/CheckoutModal/SelectAsset/SelectAssetList.d.ts +24 -0
- package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -1
- package/dist/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.d.ts +1 -1
- package/dist/providers/FunkitConfigContext.d.ts +94 -11
- package/dist/providers/FunkitThemeProvider.d.ts +291 -3
- 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 +6 -0
- package/dist/utils/customer.d.ts +2 -3
- package/dist/utils/flags/config.d.ts +2 -2
- package/dist/wallets/walletConnectors/index.js +7 -7
- package/package.json +4 -4
- package/dist/hooks/useUsableWalletAssetsForCheckout.d.ts +0 -2
|
@@ -47,6 +47,10 @@ export declare const useActiveTheme: () => {
|
|
|
47
47
|
heavyStroke: string;
|
|
48
48
|
strokeColor: string;
|
|
49
49
|
modalTopbarIcon: string;
|
|
50
|
+
modalTopbarIconBackground: string;
|
|
51
|
+
modalTopbarIconBackgroundHover: string;
|
|
52
|
+
modalTopbarIconBackgroundPressed: string;
|
|
53
|
+
modalTopbarIconStroke: string;
|
|
50
54
|
primaryText: string;
|
|
51
55
|
secondaryText: string;
|
|
52
56
|
tertiaryText: string;
|
|
@@ -54,6 +58,8 @@ export declare const useActiveTheme: () => {
|
|
|
54
58
|
inputBackground: string;
|
|
55
59
|
inputBorderBase: string;
|
|
56
60
|
inputBorderHover: string;
|
|
61
|
+
activeTabBorderColor: string;
|
|
62
|
+
activeTabBackground: string;
|
|
57
63
|
actionColor: string;
|
|
58
64
|
actionColorHover: string;
|
|
59
65
|
actionColorDisabled: string;
|
|
@@ -105,6 +111,7 @@ export declare const useActiveTheme: () => {
|
|
|
105
111
|
inputAmountQuickOptionHoverBorder: string;
|
|
106
112
|
inputAmountQuickOptionActiveBorder: string;
|
|
107
113
|
inputAmountQuickOptionFocusedBorder: string;
|
|
114
|
+
inputAmountFiatDecimalsColor: string;
|
|
108
115
|
youPayYouReceiveBackground: string;
|
|
109
116
|
youPayYouReceiveBorder: string;
|
|
110
117
|
youPayYouReceivePrimaryText: string;
|
|
@@ -130,20 +137,35 @@ export declare const useActiveTheme: () => {
|
|
|
130
137
|
spinnerIndicator: string;
|
|
131
138
|
spinnerBackgroundVerifyAccount: string;
|
|
132
139
|
spinnerIndicatorVerifyAccount: string;
|
|
140
|
+
txSummaryBoxBackground: string;
|
|
141
|
+
txSummaryBoxBorder: string;
|
|
133
142
|
};
|
|
134
143
|
dimensions: {
|
|
144
|
+
connectExchangeIconSize: string;
|
|
145
|
+
dollarValueSkeletonHeight: string;
|
|
146
|
+
dollarValueSkeletonWidth: string;
|
|
135
147
|
inputAmountQuickOptionButtonHeight: string;
|
|
136
148
|
inputAmountMinHeight: string;
|
|
137
149
|
modalBottomBarButtonHeight: string;
|
|
138
150
|
modalTopBarHeight: string;
|
|
151
|
+
paymentAmountSkeletonBlockHeight: string;
|
|
152
|
+
paymentAmountSkeletonBlockWidth: string;
|
|
153
|
+
paymentAmountSkeletonCircleSize: string;
|
|
139
154
|
selectAssetItemIconSize: string;
|
|
155
|
+
txBreakdownSkeletonWidth: string;
|
|
156
|
+
txSummaryLineSkeletonHeight: string;
|
|
157
|
+
txSummaryLineSkeletonWidth: string;
|
|
140
158
|
};
|
|
141
159
|
fonts: {
|
|
160
|
+
amountValue: string;
|
|
142
161
|
body: string;
|
|
143
162
|
buttonTextPrimary: string;
|
|
144
163
|
buttonTextSecondary: string;
|
|
145
164
|
buttonTextTertiary: string;
|
|
165
|
+
header: string;
|
|
146
166
|
inputAmount: string;
|
|
167
|
+
txStatusDescription: string;
|
|
168
|
+
txStatusTitle: string;
|
|
147
169
|
};
|
|
148
170
|
fontWeight: {
|
|
149
171
|
regular: string;
|
|
@@ -151,12 +173,19 @@ export declare const useActiveTheme: () => {
|
|
|
151
173
|
semibold: string;
|
|
152
174
|
bold: string;
|
|
153
175
|
heavy: string;
|
|
176
|
+
inputAmount: string;
|
|
154
177
|
modalTopbarTitle: string;
|
|
155
178
|
modalBottomBarButtonText: string;
|
|
156
179
|
paymentMethodItemSubtitle: string;
|
|
157
180
|
paymentMethodItemTitle: string;
|
|
158
181
|
selectAssetItemSubtitle: string;
|
|
159
182
|
selectAssetItemTitle: string;
|
|
183
|
+
transferTokenLabelFontWeight: string;
|
|
184
|
+
txBreakdown: string;
|
|
185
|
+
txStatusDescription: string;
|
|
186
|
+
txStatusTitle: string;
|
|
187
|
+
txSummaryLabel: string;
|
|
188
|
+
txSummaryValue: string;
|
|
160
189
|
};
|
|
161
190
|
fontSize: {
|
|
162
191
|
'10': {
|
|
@@ -199,6 +228,18 @@ export declare const useActiveTheme: () => {
|
|
|
199
228
|
fontSize: string;
|
|
200
229
|
lineHeight: string;
|
|
201
230
|
};
|
|
231
|
+
body: {
|
|
232
|
+
fontSize: string;
|
|
233
|
+
lineHeight: string;
|
|
234
|
+
};
|
|
235
|
+
'header-14': {
|
|
236
|
+
fontSize: string;
|
|
237
|
+
lineHeight: string;
|
|
238
|
+
};
|
|
239
|
+
'header-36': {
|
|
240
|
+
fontSize: string;
|
|
241
|
+
lineHeight: string;
|
|
242
|
+
};
|
|
202
243
|
buttonTextPrimary: {
|
|
203
244
|
fontSize: string;
|
|
204
245
|
lineHeight: string;
|
|
@@ -211,6 +252,10 @@ export declare const useActiveTheme: () => {
|
|
|
211
252
|
fontSize: string;
|
|
212
253
|
lineHeight: string;
|
|
213
254
|
};
|
|
255
|
+
dollarValue: {
|
|
256
|
+
fontSize: string;
|
|
257
|
+
lineHeight: string;
|
|
258
|
+
};
|
|
214
259
|
inputAmount: {
|
|
215
260
|
fontSize: string;
|
|
216
261
|
lineHeight: string;
|
|
@@ -243,6 +288,46 @@ export declare const useActiveTheme: () => {
|
|
|
243
288
|
fontSize: string;
|
|
244
289
|
lineHeight: string;
|
|
245
290
|
};
|
|
291
|
+
txBreakdown: {
|
|
292
|
+
fontSize: string;
|
|
293
|
+
lineHeight: string;
|
|
294
|
+
};
|
|
295
|
+
txStatusDescription: {
|
|
296
|
+
fontSize: string;
|
|
297
|
+
lineHeight: string;
|
|
298
|
+
};
|
|
299
|
+
txStatusTitle: {
|
|
300
|
+
fontSize: string;
|
|
301
|
+
lineHeight: string;
|
|
302
|
+
};
|
|
303
|
+
txSummaryLabel: {
|
|
304
|
+
fontSize: string;
|
|
305
|
+
lineHeight: string;
|
|
306
|
+
};
|
|
307
|
+
txSummaryValue: {
|
|
308
|
+
fontSize: string;
|
|
309
|
+
lineHeight: string;
|
|
310
|
+
};
|
|
311
|
+
youPayYouReceivePrimaryFontSize: {
|
|
312
|
+
fontSize: string;
|
|
313
|
+
lineHeight: string;
|
|
314
|
+
};
|
|
315
|
+
youPayYouReceiveSecondaryFontSize: {
|
|
316
|
+
fontSize: string;
|
|
317
|
+
lineHeight: string;
|
|
318
|
+
};
|
|
319
|
+
transferTokenLabelFontSize: {
|
|
320
|
+
fontSize: string;
|
|
321
|
+
lineHeight: string;
|
|
322
|
+
};
|
|
323
|
+
depositAddressFontSize: {
|
|
324
|
+
fontSize: string;
|
|
325
|
+
lineHeight: string;
|
|
326
|
+
};
|
|
327
|
+
funFeatureListItemFontSize: {
|
|
328
|
+
fontSize: string;
|
|
329
|
+
lineHeight: string;
|
|
330
|
+
};
|
|
246
331
|
};
|
|
247
332
|
radii: {
|
|
248
333
|
actionButton: string;
|
|
@@ -266,6 +351,7 @@ export declare const useActiveTheme: () => {
|
|
|
266
351
|
borderWidths: {
|
|
267
352
|
activeOptionBorderWidth: string;
|
|
268
353
|
buttonTertiaryBorderWidth: string;
|
|
354
|
+
txSummaryBoxBorderWidth: string;
|
|
269
355
|
};
|
|
270
356
|
shadows: {
|
|
271
357
|
connectButton: string;
|
|
@@ -294,6 +380,8 @@ export declare const useActiveTheme: () => {
|
|
|
294
380
|
selectedDropdownItem: string;
|
|
295
381
|
};
|
|
296
382
|
spacing: {
|
|
383
|
+
confirmationStepMarginTop: string;
|
|
384
|
+
confirmationStepVerticalGap: string;
|
|
297
385
|
modalBaseHorizontalPadding: string;
|
|
298
386
|
modalBottomHorizontalPadding: string;
|
|
299
387
|
modalPaddingBottomUpper: string;
|
|
@@ -304,10 +392,18 @@ export declare const useActiveTheme: () => {
|
|
|
304
392
|
selectAssetItemTextGap: string;
|
|
305
393
|
selectBrokerageItemPaddingX: string;
|
|
306
394
|
selectBrokerageItemPaddingY: string;
|
|
395
|
+
txBreakdownMarginY: string;
|
|
396
|
+
txBreakdownPaddingX: string;
|
|
397
|
+
txSummaryBoxPaddingX: string;
|
|
398
|
+
txSummaryBoxPaddingY: string;
|
|
399
|
+
txSummaryLineItemPadding: string;
|
|
400
|
+
txSummaryDividerMarginX: string;
|
|
401
|
+
txSummaryDividerMarginY: string;
|
|
307
402
|
youPayYouReceivePaddingY: string;
|
|
308
403
|
};
|
|
309
404
|
textTransforms: {
|
|
310
|
-
|
|
405
|
+
inputAmountQuickOptionButton: string;
|
|
406
|
+
txStatusTitle: string;
|
|
311
407
|
};
|
|
312
408
|
blurs: {
|
|
313
409
|
modalOverlay: string;
|
|
@@ -350,6 +446,10 @@ export declare const useActiveTheme: () => {
|
|
|
350
446
|
heavyStroke: string;
|
|
351
447
|
strokeColor: string;
|
|
352
448
|
modalTopbarIcon: string;
|
|
449
|
+
modalTopbarIconBackground: string;
|
|
450
|
+
modalTopbarIconBackgroundHover: string;
|
|
451
|
+
modalTopbarIconBackgroundPressed: string;
|
|
452
|
+
modalTopbarIconStroke: string;
|
|
353
453
|
primaryText: string;
|
|
354
454
|
secondaryText: string;
|
|
355
455
|
tertiaryText: string;
|
|
@@ -357,6 +457,8 @@ export declare const useActiveTheme: () => {
|
|
|
357
457
|
inputBackground: string;
|
|
358
458
|
inputBorderBase: string;
|
|
359
459
|
inputBorderHover: string;
|
|
460
|
+
activeTabBorderColor: string;
|
|
461
|
+
activeTabBackground: string;
|
|
360
462
|
actionColor: string;
|
|
361
463
|
actionColorHover: string;
|
|
362
464
|
actionColorDisabled: string;
|
|
@@ -408,6 +510,7 @@ export declare const useActiveTheme: () => {
|
|
|
408
510
|
inputAmountQuickOptionHoverBorder: string;
|
|
409
511
|
inputAmountQuickOptionActiveBorder: string;
|
|
410
512
|
inputAmountQuickOptionFocusedBorder: string;
|
|
513
|
+
inputAmountFiatDecimalsColor: string;
|
|
411
514
|
youPayYouReceiveBackground: string;
|
|
412
515
|
youPayYouReceiveBorder: string;
|
|
413
516
|
youPayYouReceivePrimaryText: string;
|
|
@@ -433,20 +536,35 @@ export declare const useActiveTheme: () => {
|
|
|
433
536
|
spinnerIndicator: string;
|
|
434
537
|
spinnerBackgroundVerifyAccount: string;
|
|
435
538
|
spinnerIndicatorVerifyAccount: string;
|
|
539
|
+
txSummaryBoxBackground: string;
|
|
540
|
+
txSummaryBoxBorder: string;
|
|
436
541
|
};
|
|
437
542
|
dimensions: {
|
|
543
|
+
connectExchangeIconSize: string;
|
|
544
|
+
dollarValueSkeletonHeight: string;
|
|
545
|
+
dollarValueSkeletonWidth: string;
|
|
438
546
|
inputAmountQuickOptionButtonHeight: string;
|
|
439
547
|
inputAmountMinHeight: string;
|
|
440
548
|
modalBottomBarButtonHeight: string;
|
|
441
549
|
modalTopBarHeight: string;
|
|
550
|
+
paymentAmountSkeletonBlockHeight: string;
|
|
551
|
+
paymentAmountSkeletonBlockWidth: string;
|
|
552
|
+
paymentAmountSkeletonCircleSize: string;
|
|
442
553
|
selectAssetItemIconSize: string;
|
|
554
|
+
txBreakdownSkeletonWidth: string;
|
|
555
|
+
txSummaryLineSkeletonHeight: string;
|
|
556
|
+
txSummaryLineSkeletonWidth: string;
|
|
443
557
|
};
|
|
444
558
|
fonts: {
|
|
559
|
+
amountValue: string;
|
|
445
560
|
body: string;
|
|
446
561
|
buttonTextPrimary: string;
|
|
447
562
|
buttonTextSecondary: string;
|
|
448
563
|
buttonTextTertiary: string;
|
|
564
|
+
header: string;
|
|
449
565
|
inputAmount: string;
|
|
566
|
+
txStatusDescription: string;
|
|
567
|
+
txStatusTitle: string;
|
|
450
568
|
};
|
|
451
569
|
fontWeight: {
|
|
452
570
|
regular: string;
|
|
@@ -454,12 +572,19 @@ export declare const useActiveTheme: () => {
|
|
|
454
572
|
semibold: string;
|
|
455
573
|
bold: string;
|
|
456
574
|
heavy: string;
|
|
575
|
+
inputAmount: string;
|
|
457
576
|
modalTopbarTitle: string;
|
|
458
577
|
modalBottomBarButtonText: string;
|
|
459
578
|
paymentMethodItemSubtitle: string;
|
|
460
579
|
paymentMethodItemTitle: string;
|
|
461
580
|
selectAssetItemSubtitle: string;
|
|
462
581
|
selectAssetItemTitle: string;
|
|
582
|
+
transferTokenLabelFontWeight: string;
|
|
583
|
+
txBreakdown: string;
|
|
584
|
+
txStatusDescription: string;
|
|
585
|
+
txStatusTitle: string;
|
|
586
|
+
txSummaryLabel: string;
|
|
587
|
+
txSummaryValue: string;
|
|
463
588
|
};
|
|
464
589
|
fontSize: {
|
|
465
590
|
'10': {
|
|
@@ -502,6 +627,18 @@ export declare const useActiveTheme: () => {
|
|
|
502
627
|
fontSize: string;
|
|
503
628
|
lineHeight: string;
|
|
504
629
|
};
|
|
630
|
+
body: {
|
|
631
|
+
fontSize: string;
|
|
632
|
+
lineHeight: string;
|
|
633
|
+
};
|
|
634
|
+
'header-14': {
|
|
635
|
+
fontSize: string;
|
|
636
|
+
lineHeight: string;
|
|
637
|
+
};
|
|
638
|
+
'header-36': {
|
|
639
|
+
fontSize: string;
|
|
640
|
+
lineHeight: string;
|
|
641
|
+
};
|
|
505
642
|
buttonTextPrimary: {
|
|
506
643
|
fontSize: string;
|
|
507
644
|
lineHeight: string;
|
|
@@ -514,6 +651,10 @@ export declare const useActiveTheme: () => {
|
|
|
514
651
|
fontSize: string;
|
|
515
652
|
lineHeight: string;
|
|
516
653
|
};
|
|
654
|
+
dollarValue: {
|
|
655
|
+
fontSize: string;
|
|
656
|
+
lineHeight: string;
|
|
657
|
+
};
|
|
517
658
|
inputAmount: {
|
|
518
659
|
fontSize: string;
|
|
519
660
|
lineHeight: string;
|
|
@@ -546,6 +687,46 @@ export declare const useActiveTheme: () => {
|
|
|
546
687
|
fontSize: string;
|
|
547
688
|
lineHeight: string;
|
|
548
689
|
};
|
|
690
|
+
txBreakdown: {
|
|
691
|
+
fontSize: string;
|
|
692
|
+
lineHeight: string;
|
|
693
|
+
};
|
|
694
|
+
txStatusDescription: {
|
|
695
|
+
fontSize: string;
|
|
696
|
+
lineHeight: string;
|
|
697
|
+
};
|
|
698
|
+
txStatusTitle: {
|
|
699
|
+
fontSize: string;
|
|
700
|
+
lineHeight: string;
|
|
701
|
+
};
|
|
702
|
+
txSummaryLabel: {
|
|
703
|
+
fontSize: string;
|
|
704
|
+
lineHeight: string;
|
|
705
|
+
};
|
|
706
|
+
txSummaryValue: {
|
|
707
|
+
fontSize: string;
|
|
708
|
+
lineHeight: string;
|
|
709
|
+
};
|
|
710
|
+
youPayYouReceivePrimaryFontSize: {
|
|
711
|
+
fontSize: string;
|
|
712
|
+
lineHeight: string;
|
|
713
|
+
};
|
|
714
|
+
youPayYouReceiveSecondaryFontSize: {
|
|
715
|
+
fontSize: string;
|
|
716
|
+
lineHeight: string;
|
|
717
|
+
};
|
|
718
|
+
transferTokenLabelFontSize: {
|
|
719
|
+
fontSize: string;
|
|
720
|
+
lineHeight: string;
|
|
721
|
+
};
|
|
722
|
+
depositAddressFontSize: {
|
|
723
|
+
fontSize: string;
|
|
724
|
+
lineHeight: string;
|
|
725
|
+
};
|
|
726
|
+
funFeatureListItemFontSize: {
|
|
727
|
+
fontSize: string;
|
|
728
|
+
lineHeight: string;
|
|
729
|
+
};
|
|
549
730
|
};
|
|
550
731
|
radii: {
|
|
551
732
|
actionButton: string;
|
|
@@ -569,6 +750,7 @@ export declare const useActiveTheme: () => {
|
|
|
569
750
|
borderWidths: {
|
|
570
751
|
activeOptionBorderWidth: string;
|
|
571
752
|
buttonTertiaryBorderWidth: string;
|
|
753
|
+
txSummaryBoxBorderWidth: string;
|
|
572
754
|
};
|
|
573
755
|
shadows: {
|
|
574
756
|
connectButton: string;
|
|
@@ -597,6 +779,8 @@ export declare const useActiveTheme: () => {
|
|
|
597
779
|
selectedDropdownItem: string;
|
|
598
780
|
};
|
|
599
781
|
spacing: {
|
|
782
|
+
confirmationStepMarginTop: string;
|
|
783
|
+
confirmationStepVerticalGap: string;
|
|
600
784
|
modalBaseHorizontalPadding: string;
|
|
601
785
|
modalBottomHorizontalPadding: string;
|
|
602
786
|
modalPaddingBottomUpper: string;
|
|
@@ -607,10 +791,18 @@ export declare const useActiveTheme: () => {
|
|
|
607
791
|
selectAssetItemTextGap: string;
|
|
608
792
|
selectBrokerageItemPaddingX: string;
|
|
609
793
|
selectBrokerageItemPaddingY: string;
|
|
794
|
+
txBreakdownMarginY: string;
|
|
795
|
+
txBreakdownPaddingX: string;
|
|
796
|
+
txSummaryBoxPaddingX: string;
|
|
797
|
+
txSummaryBoxPaddingY: string;
|
|
798
|
+
txSummaryLineItemPadding: string;
|
|
799
|
+
txSummaryDividerMarginX: string;
|
|
800
|
+
txSummaryDividerMarginY: string;
|
|
610
801
|
youPayYouReceivePaddingY: string;
|
|
611
802
|
};
|
|
612
803
|
textTransforms: {
|
|
613
|
-
|
|
804
|
+
inputAmountQuickOptionButton: string;
|
|
805
|
+
txStatusTitle: string;
|
|
614
806
|
};
|
|
615
807
|
blurs: {
|
|
616
808
|
modalOverlay: string;
|
|
@@ -651,6 +843,10 @@ export declare const useActiveTheme: () => {
|
|
|
651
843
|
heavyStroke: string;
|
|
652
844
|
strokeColor: string;
|
|
653
845
|
modalTopbarIcon: string;
|
|
846
|
+
modalTopbarIconBackground: string;
|
|
847
|
+
modalTopbarIconBackgroundHover: string;
|
|
848
|
+
modalTopbarIconBackgroundPressed: string;
|
|
849
|
+
modalTopbarIconStroke: string;
|
|
654
850
|
primaryText: string;
|
|
655
851
|
secondaryText: string;
|
|
656
852
|
tertiaryText: string;
|
|
@@ -658,6 +854,8 @@ export declare const useActiveTheme: () => {
|
|
|
658
854
|
inputBackground: string;
|
|
659
855
|
inputBorderBase: string;
|
|
660
856
|
inputBorderHover: string;
|
|
857
|
+
activeTabBorderColor: string;
|
|
858
|
+
activeTabBackground: string;
|
|
661
859
|
actionColor: string;
|
|
662
860
|
actionColorHover: string;
|
|
663
861
|
actionColorDisabled: string;
|
|
@@ -709,6 +907,7 @@ export declare const useActiveTheme: () => {
|
|
|
709
907
|
inputAmountQuickOptionHoverBorder: string;
|
|
710
908
|
inputAmountQuickOptionActiveBorder: string;
|
|
711
909
|
inputAmountQuickOptionFocusedBorder: string;
|
|
910
|
+
inputAmountFiatDecimalsColor: string;
|
|
712
911
|
youPayYouReceiveBackground: string;
|
|
713
912
|
youPayYouReceiveBorder: string;
|
|
714
913
|
youPayYouReceivePrimaryText: string;
|
|
@@ -734,20 +933,35 @@ export declare const useActiveTheme: () => {
|
|
|
734
933
|
spinnerIndicator: string;
|
|
735
934
|
spinnerBackgroundVerifyAccount: string;
|
|
736
935
|
spinnerIndicatorVerifyAccount: string;
|
|
936
|
+
txSummaryBoxBackground: string;
|
|
937
|
+
txSummaryBoxBorder: string;
|
|
737
938
|
};
|
|
738
939
|
dimensions: {
|
|
940
|
+
connectExchangeIconSize: string;
|
|
941
|
+
dollarValueSkeletonHeight: string;
|
|
942
|
+
dollarValueSkeletonWidth: string;
|
|
739
943
|
inputAmountQuickOptionButtonHeight: string;
|
|
740
944
|
inputAmountMinHeight: string;
|
|
741
945
|
modalBottomBarButtonHeight: string;
|
|
742
946
|
modalTopBarHeight: string;
|
|
947
|
+
paymentAmountSkeletonBlockHeight: string;
|
|
948
|
+
paymentAmountSkeletonBlockWidth: string;
|
|
949
|
+
paymentAmountSkeletonCircleSize: string;
|
|
743
950
|
selectAssetItemIconSize: string;
|
|
951
|
+
txBreakdownSkeletonWidth: string;
|
|
952
|
+
txSummaryLineSkeletonHeight: string;
|
|
953
|
+
txSummaryLineSkeletonWidth: string;
|
|
744
954
|
};
|
|
745
955
|
fonts: {
|
|
956
|
+
amountValue: string;
|
|
746
957
|
body: string;
|
|
747
958
|
buttonTextPrimary: string;
|
|
748
959
|
buttonTextSecondary: string;
|
|
749
960
|
buttonTextTertiary: string;
|
|
961
|
+
header: string;
|
|
750
962
|
inputAmount: string;
|
|
963
|
+
txStatusDescription: string;
|
|
964
|
+
txStatusTitle: string;
|
|
751
965
|
};
|
|
752
966
|
fontWeight: {
|
|
753
967
|
regular: string;
|
|
@@ -755,12 +969,19 @@ export declare const useActiveTheme: () => {
|
|
|
755
969
|
semibold: string;
|
|
756
970
|
bold: string;
|
|
757
971
|
heavy: string;
|
|
972
|
+
inputAmount: string;
|
|
758
973
|
modalTopbarTitle: string;
|
|
759
974
|
modalBottomBarButtonText: string;
|
|
760
975
|
paymentMethodItemSubtitle: string;
|
|
761
976
|
paymentMethodItemTitle: string;
|
|
762
977
|
selectAssetItemSubtitle: string;
|
|
763
978
|
selectAssetItemTitle: string;
|
|
979
|
+
transferTokenLabelFontWeight: string;
|
|
980
|
+
txBreakdown: string;
|
|
981
|
+
txStatusDescription: string;
|
|
982
|
+
txStatusTitle: string;
|
|
983
|
+
txSummaryLabel: string;
|
|
984
|
+
txSummaryValue: string;
|
|
764
985
|
};
|
|
765
986
|
fontSize: {
|
|
766
987
|
'10': {
|
|
@@ -803,6 +1024,18 @@ export declare const useActiveTheme: () => {
|
|
|
803
1024
|
fontSize: string;
|
|
804
1025
|
lineHeight: string;
|
|
805
1026
|
};
|
|
1027
|
+
body: {
|
|
1028
|
+
fontSize: string;
|
|
1029
|
+
lineHeight: string;
|
|
1030
|
+
};
|
|
1031
|
+
'header-14': {
|
|
1032
|
+
fontSize: string;
|
|
1033
|
+
lineHeight: string;
|
|
1034
|
+
};
|
|
1035
|
+
'header-36': {
|
|
1036
|
+
fontSize: string;
|
|
1037
|
+
lineHeight: string;
|
|
1038
|
+
};
|
|
806
1039
|
buttonTextPrimary: {
|
|
807
1040
|
fontSize: string;
|
|
808
1041
|
lineHeight: string;
|
|
@@ -815,6 +1048,10 @@ export declare const useActiveTheme: () => {
|
|
|
815
1048
|
fontSize: string;
|
|
816
1049
|
lineHeight: string;
|
|
817
1050
|
};
|
|
1051
|
+
dollarValue: {
|
|
1052
|
+
fontSize: string;
|
|
1053
|
+
lineHeight: string;
|
|
1054
|
+
};
|
|
818
1055
|
inputAmount: {
|
|
819
1056
|
fontSize: string;
|
|
820
1057
|
lineHeight: string;
|
|
@@ -847,6 +1084,46 @@ export declare const useActiveTheme: () => {
|
|
|
847
1084
|
fontSize: string;
|
|
848
1085
|
lineHeight: string;
|
|
849
1086
|
};
|
|
1087
|
+
txBreakdown: {
|
|
1088
|
+
fontSize: string;
|
|
1089
|
+
lineHeight: string;
|
|
1090
|
+
};
|
|
1091
|
+
txStatusDescription: {
|
|
1092
|
+
fontSize: string;
|
|
1093
|
+
lineHeight: string;
|
|
1094
|
+
};
|
|
1095
|
+
txStatusTitle: {
|
|
1096
|
+
fontSize: string;
|
|
1097
|
+
lineHeight: string;
|
|
1098
|
+
};
|
|
1099
|
+
txSummaryLabel: {
|
|
1100
|
+
fontSize: string;
|
|
1101
|
+
lineHeight: string;
|
|
1102
|
+
};
|
|
1103
|
+
txSummaryValue: {
|
|
1104
|
+
fontSize: string;
|
|
1105
|
+
lineHeight: string;
|
|
1106
|
+
};
|
|
1107
|
+
youPayYouReceivePrimaryFontSize: {
|
|
1108
|
+
fontSize: string;
|
|
1109
|
+
lineHeight: string;
|
|
1110
|
+
};
|
|
1111
|
+
youPayYouReceiveSecondaryFontSize: {
|
|
1112
|
+
fontSize: string;
|
|
1113
|
+
lineHeight: string;
|
|
1114
|
+
};
|
|
1115
|
+
transferTokenLabelFontSize: {
|
|
1116
|
+
fontSize: string;
|
|
1117
|
+
lineHeight: string;
|
|
1118
|
+
};
|
|
1119
|
+
depositAddressFontSize: {
|
|
1120
|
+
fontSize: string;
|
|
1121
|
+
lineHeight: string;
|
|
1122
|
+
};
|
|
1123
|
+
funFeatureListItemFontSize: {
|
|
1124
|
+
fontSize: string;
|
|
1125
|
+
lineHeight: string;
|
|
1126
|
+
};
|
|
850
1127
|
};
|
|
851
1128
|
radii: {
|
|
852
1129
|
actionButton: string;
|
|
@@ -870,6 +1147,7 @@ export declare const useActiveTheme: () => {
|
|
|
870
1147
|
borderWidths: {
|
|
871
1148
|
activeOptionBorderWidth: string;
|
|
872
1149
|
buttonTertiaryBorderWidth: string;
|
|
1150
|
+
txSummaryBoxBorderWidth: string;
|
|
873
1151
|
};
|
|
874
1152
|
shadows: {
|
|
875
1153
|
connectButton: string;
|
|
@@ -898,6 +1176,8 @@ export declare const useActiveTheme: () => {
|
|
|
898
1176
|
selectedDropdownItem: string;
|
|
899
1177
|
};
|
|
900
1178
|
spacing: {
|
|
1179
|
+
confirmationStepMarginTop: string;
|
|
1180
|
+
confirmationStepVerticalGap: string;
|
|
901
1181
|
modalBaseHorizontalPadding: string;
|
|
902
1182
|
modalBottomHorizontalPadding: string;
|
|
903
1183
|
modalPaddingBottomUpper: string;
|
|
@@ -908,10 +1188,18 @@ export declare const useActiveTheme: () => {
|
|
|
908
1188
|
selectAssetItemTextGap: string;
|
|
909
1189
|
selectBrokerageItemPaddingX: string;
|
|
910
1190
|
selectBrokerageItemPaddingY: string;
|
|
1191
|
+
txBreakdownMarginY: string;
|
|
1192
|
+
txBreakdownPaddingX: string;
|
|
1193
|
+
txSummaryBoxPaddingX: string;
|
|
1194
|
+
txSummaryBoxPaddingY: string;
|
|
1195
|
+
txSummaryLineItemPadding: string;
|
|
1196
|
+
txSummaryDividerMarginX: string;
|
|
1197
|
+
txSummaryDividerMarginY: string;
|
|
911
1198
|
youPayYouReceivePaddingY: string;
|
|
912
1199
|
};
|
|
913
1200
|
textTransforms: {
|
|
914
|
-
|
|
1201
|
+
inputAmountQuickOptionButton: string;
|
|
1202
|
+
txStatusTitle: string;
|
|
915
1203
|
};
|
|
916
1204
|
blurs: {
|
|
917
1205
|
modalOverlay: string;
|
package/dist/themes/baseTheme.js
CHANGED
package/dist/themes/darkTheme.js
CHANGED
package/dist/utils/checkout.d.ts
CHANGED
|
@@ -52,6 +52,12 @@ export declare function getCheckoutReceivedAmountFormatted({ config, quote, }: {
|
|
|
52
52
|
config: FunkitCheckoutConfig | ServerCheckoutConfig;
|
|
53
53
|
quote: ApiFunkitCheckoutQuoteResult | null;
|
|
54
54
|
}): string;
|
|
55
|
+
export declare function getCheckoutSentAmount({ quote, }: {
|
|
56
|
+
quote: ApiFunkitCheckoutQuoteResult | null;
|
|
57
|
+
}): number;
|
|
58
|
+
export declare function getCheckoutSentAmountFormatted({ quote, }: {
|
|
59
|
+
quote: ApiFunkitCheckoutQuoteResult | null;
|
|
60
|
+
}): string;
|
|
55
61
|
/**
|
|
56
62
|
* Given a checkout config, returns the display string for the checkout item.
|
|
57
63
|
* Arbitrary action checkouts: Display the targetAssetAmount
|
package/dist/utils/customer.d.ts
CHANGED
|
@@ -18,9 +18,8 @@ export type LighterAccountsByL1AddressResponse = {
|
|
|
18
18
|
sub_accounts: LighterSubAccount[];
|
|
19
19
|
};
|
|
20
20
|
export declare function getLighterAccountsByL1Address(address: Address): Promise<LighterAccountsByL1AddressResponse>;
|
|
21
|
-
export declare function useLighterAccounts({ address,
|
|
22
|
-
address: Address | undefined;
|
|
23
|
-
isEnabled?: boolean;
|
|
21
|
+
export declare function useLighterAccounts({ address, }: {
|
|
22
|
+
address: Address | '' | undefined;
|
|
24
23
|
}): {
|
|
25
24
|
mainAccountIndex: string | undefined;
|
|
26
25
|
subAccounts: LighterSubAccount[] | undefined;
|
|
@@ -205,7 +205,7 @@ export declare const flagConfig: {
|
|
|
205
205
|
readonly if_any: [{
|
|
206
206
|
readonly key: "apiKey";
|
|
207
207
|
readonly type: "isAnyOf";
|
|
208
|
-
readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "
|
|
208
|
+
readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "USyZhcp7kB2mMsbRsaHDs3i52cE6srZw8KD8jZd0", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "di9ZSqn1Ya68Y2XpBPUV1rCtNGXh8Xe5MGWzb1Xe", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
|
|
209
209
|
}];
|
|
210
210
|
readonly value: true;
|
|
211
211
|
}];
|
|
@@ -224,7 +224,7 @@ export declare const flagConfig: {
|
|
|
224
224
|
readonly if_any: [{
|
|
225
225
|
readonly key: "apiKey";
|
|
226
226
|
readonly type: "isAnyOf";
|
|
227
|
-
readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "Tkp90bAf246UQXfou5uHY9UHN7AUV6xK1tgEWKke", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "
|
|
227
|
+
readonly values: ["6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2", "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e", "Tkp90bAf246UQXfou5uHY9UHN7AUV6xK1tgEWKke", "57G91zNoew4nYxIoqSCpS1vWr8JT3gGVasNqMwgG", "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um", "cGlmpTmNh657m8TiV5RFdwna6FG5pxM6ajiNHvw3", "USyZhcp7kB2mMsbRsaHDs3i52cE6srZw8KD8jZd0", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "TY2G63jFfd7H29aHiJIzg5RqdXNdog2Q5jgb8tr7", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
|
|
228
228
|
}];
|
|
229
229
|
readonly value: true;
|
|
230
230
|
}, {
|