@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.
Files changed (57) hide show
  1. package/CHANGELOG.md +59 -2
  2. package/dist/{chunk-WIDI2TYC.js → chunk-BP7VOYBS.js} +51 -2
  3. package/dist/{chunk-JIC2XXGY.js → chunk-KKGSXLMH.js} +12 -2
  4. package/dist/{chunk-QHRAQNOB.js → chunk-MYPFORR2.js} +12 -2
  5. package/dist/clients/fanatics.css +4375 -3286
  6. package/dist/clients/fanatics.d.ts +18 -7
  7. package/dist/clients/fanatics.js +739 -337
  8. package/dist/components/AsyncImage/useAsyncImage.d.ts +2 -0
  9. package/dist/components/Box/Box.d.ts +47 -47
  10. package/dist/components/Dialog/Dialog.d.ts +3 -1
  11. package/dist/components/Dialog/DialogContent.css.d.ts +9 -0
  12. package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryBottomBar.d.ts +10 -0
  13. package/dist/components/FunInput/FunInput.d.ts +4 -0
  14. package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
  15. package/dist/components/FunPayments/FunPaymentMethods.d.ts +7 -0
  16. package/dist/components/FunSelectBrokerage/FunBrokerageItem.d.ts +4 -1
  17. package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts +8 -3
  18. package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts +1 -0
  19. package/dist/components/HelpAlert/HelpAlert.d.ts +1 -0
  20. package/dist/components/Icons/ApplePayIcon.d.ts +4 -0
  21. package/dist/components/Icons/FanaticsCreditCardIcon.d.ts +4 -0
  22. package/dist/components/Icons/GooglePayIcon.d.ts +4 -0
  23. package/dist/components/Icons/RevolutPayIcon.d.ts +4 -0
  24. package/dist/components/Icons/SepaBankIcon.d.ts +4 -0
  25. package/dist/components/Icons/VenmoIcon.d.ts +4 -0
  26. package/dist/components/Tabs/Tabs.d.ts +2 -2
  27. package/dist/components/Text/Text.d.ts +1 -0
  28. package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinner.d.ts +10 -0
  29. package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinnerLoading.d.ts +6 -0
  30. package/dist/components/TransactionStatus/AnimatedText.d.ts +10 -0
  31. package/dist/components/TransactionStatus/DotsDivider.d.ts +2 -0
  32. package/dist/components/TransactionStatus/StepSpinner.d.ts +17 -0
  33. package/dist/components/TransactionStatus/TransactionStatus.d.ts +5 -7
  34. package/dist/components/TransactionStatus/TransactionStatusLoading.d.ts +6 -0
  35. package/dist/css/sprinkles.css.d.ts +241 -49
  36. package/dist/domains/paymentMethods.d.ts +8 -1
  37. package/dist/hooks/useCheckoutTimeEstimate.d.ts +1 -1
  38. package/dist/index.css +4458 -3331
  39. package/dist/index.js +4275 -3096
  40. package/dist/modals/CheckoutModal/ConfirmationStep/CheckoutPrimaryInfo.d.ts +2 -1
  41. package/dist/modals/CheckoutModal/InputAmount/state.d.ts +2 -0
  42. package/dist/modals/CheckoutModal/{SelectAsset.d.ts → SelectAsset/SelectAsset.d.ts} +3 -3
  43. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetInfoSection.d.ts +12 -0
  44. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetList.d.ts +24 -0
  45. package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -1
  46. package/dist/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.d.ts +1 -1
  47. package/dist/providers/FunkitConfigContext.d.ts +94 -11
  48. package/dist/providers/FunkitThemeProvider.d.ts +291 -3
  49. package/dist/themes/baseTheme.js +1 -1
  50. package/dist/themes/darkTheme.js +2 -2
  51. package/dist/themes/lightTheme.js +2 -2
  52. package/dist/utils/checkout.d.ts +6 -0
  53. package/dist/utils/customer.d.ts +2 -3
  54. package/dist/utils/flags/config.d.ts +2 -2
  55. package/dist/wallets/walletConnectors/index.js +7 -7
  56. package/package.json +4 -4
  57. 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
- inputAmountQuickOptionButtonTextTransform: string;
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
- inputAmountQuickOptionButtonTextTransform: string;
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
- inputAmountQuickOptionButtonTextTransform: string;
1201
+ inputAmountQuickOptionButton: string;
1202
+ txStatusTitle: string;
915
1203
  };
916
1204
  blurs: {
917
1205
  modalOverlay: string;
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  baseTheme,
4
4
  systemFontStack
5
- } from "../chunk-WIDI2TYC.js";
5
+ } from "../chunk-BP7VOYBS.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-JIC2XXGY.js";
5
- import "../chunk-WIDI2TYC.js";
4
+ } from "../chunk-KKGSXLMH.js";
5
+ import "../chunk-BP7VOYBS.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-QHRAQNOB.js";
5
- import "../chunk-WIDI2TYC.js";
4
+ } from "../chunk-MYPFORR2.js";
5
+ import "../chunk-BP7VOYBS.js";
6
6
  export {
7
7
  lightTheme
8
8
  };
@@ -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
@@ -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, isEnabled, }: {
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", "1QxzeJ4XKT78ba86whLct6sc7dW60Dl461UVWFdw", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "di9ZSqn1Ya68Y2XpBPUV1rCtNGXh8Xe5MGWzb1Xe", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
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", "1QxzeJ4XKT78ba86whLct6sc7dW60Dl461UVWFdw", "ODW4jUppoG3H87YcY9GZhoGj4hX5W0w9mr24LEU8", "pLQBJsA6zS9tg990rbdBD6UdABkWRv5O60vlrVcW", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "53OWivH0fK2VIAuMZTycr52EnSEnPWj97Jy3Dpiz", "AH7lRIhbsL167nptv6eub9xDJXVHnYUm2vL7FLjK", "TY2G63jFfd7H29aHiJIzg5RqdXNdog2Q5jgb8tr7", "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2", "1cRIX8XoWP801OILra02i13IJ08IARBP5B6ydcnp", "2hicPxo2vy2NMHcg2cEU9crOeKtDpc14NEfMCthc", "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN", "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu", "iMTsSsgDdI2FC0FjeEejS9LMxuJgDhFO3OHlwVjT", "HKHvPSPDezaxsTohFgDuG4WpKW6hB4SFYyztm9vc", "5UzOrcAE2F3rcuMX2EeIlaYv5VUcDe6Lyh0PeZX2"];
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
  }, {