@funkit/connect 5.0.5 → 5.0.7

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 (54) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/dist/{chunk-DRTHDG4D.js → chunk-N7ULOOYE.js} +19 -1
  3. package/dist/{chunk-ZHSAPALJ.js → chunk-W45X55GI.js} +19 -1
  4. package/dist/components/Box/Box.d.ts +28 -28
  5. package/dist/components/CopyAddress/CopyInputDisplayedAddress.css.d.ts +2 -0
  6. package/dist/components/CopyAddress/CopyInputDisplayedAddress.d.ts +6 -4
  7. package/dist/components/Dropdown/BaseActiveDropdownItem.d.ts +3 -1
  8. package/dist/components/Dropdown/BaseDropdown.d.ts +4 -2
  9. package/dist/components/Dropdown/ChainDropdown.d.ts +16 -6
  10. package/dist/components/Dropdown/TokenDropdown.d.ts +1 -1
  11. package/dist/components/FunButton/FunIconButton.d.ts +19 -2
  12. package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.d.ts +1 -1
  13. package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
  14. package/dist/components/FunTooltip/FunTooltip.css.d.ts +0 -1
  15. package/dist/components/FunTooltip/FunTooltip.d.ts +11 -1
  16. package/dist/components/Icons/ArrowRightNarrowIcon.d.ts +4 -0
  17. package/dist/components/Icons/CaretDownIcon.css.d.ts +2 -0
  18. package/dist/components/Icons/CaretDownIcon.d.ts +7 -0
  19. package/dist/components/Icons/New/CheckCircleIcon.d.ts +2 -0
  20. package/dist/components/Icons/New/DollarIcon.d.ts +2 -0
  21. package/dist/components/Icons/New/FileIcon.d.ts +2 -0
  22. package/dist/components/Icons/New/InfoIcon.d.ts +6 -0
  23. package/dist/components/Icons/New/MessageIcon.d.ts +2 -0
  24. package/dist/components/Icons/New/SpeedometerIcon.d.ts +2 -0
  25. package/dist/components/Icons/SourcePaymentIcons.d.ts +22 -0
  26. package/dist/components/QRCode/QRCode.d.ts +2 -1
  27. package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.css.d.ts +4 -0
  28. package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.d.ts +4 -2
  29. package/dist/components/TransferTokenDetails/TransferTokenDetails.css.d.ts +1 -0
  30. package/dist/components/TransferTokenDetails/TransferTokenDetails.d.ts +9 -0
  31. package/dist/components/YouPayYouReceive/YouPayYouReceive.d.ts +17 -0
  32. package/dist/consts/customers.d.ts +0 -1
  33. package/dist/consts/layout.d.ts +2 -0
  34. package/dist/css/sprinkles.css.d.ts +54 -28
  35. package/dist/domains/asset.d.ts +1 -1
  36. package/dist/domains/checkout.d.ts +1 -1
  37. package/dist/hooks/useCheckoutTransferDepositAddress.d.ts +2 -1
  38. package/dist/hooks/useEnabledTokenTransferChainTokens.d.ts +1 -1
  39. package/dist/hooks/useTokenTransfer.d.ts +16 -0
  40. package/dist/index.css +1828 -1000
  41. package/dist/index.js +2462 -1260
  42. package/dist/modals/CheckoutModal/InputAmount/InputAmountLayout.d.ts +2 -2
  43. package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +3 -1
  44. package/dist/modals/CheckoutModal/{TransferToken.d.ts → TransferToken/TransferToken.d.ts} +1 -1
  45. package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -1
  46. package/dist/providers/FunkitConfigContext.d.ts +1 -0
  47. package/dist/providers/FunkitThemeProvider.d.ts +39 -0
  48. package/dist/themes/darkTheme.js +1 -1
  49. package/dist/themes/lightTheme.js +1 -1
  50. package/dist/utils/flags/config.d.ts +9 -1
  51. package/dist/wallets/walletConnectors/index.js +33 -33
  52. package/package.json +6 -6
  53. /package/dist/modals/CheckoutModal/{CheckoutNotification.d.ts → TransferToken/CheckoutNotification.d.ts} +0 -0
  54. /package/dist/modals/CheckoutModal/{CheckoutNotifications.d.ts → TransferToken/CheckoutNotifications.d.ts} +0 -0
@@ -3,11 +3,11 @@ import type { FunButtonProps } from '../../../components/FunButton/FunButton';
3
3
  import { type ErrorNotification } from '../../../components/FunNotification/FunNotification';
4
4
  interface InputAmountLayoutProps {
5
5
  actionButtonProps: FunButtonProps;
6
- availableBalance?: ReactNode;
6
+ youPayYouReceive?: ReactNode;
7
7
  amountOptions?: ReactNode;
8
8
  amountInput: ReactNode;
9
9
  amountInputSwitch: ReactNode;
10
10
  error?: ErrorNotification;
11
11
  }
12
- export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch, availableBalance, error, }: InputAmountLayoutProps): React.JSX.Element;
12
+ export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch, youPayYouReceive, error, }: InputAmountLayoutProps): React.JSX.Element;
13
13
  export {};
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { AssetHoldingsItem } from '~/utils/assets';
3
+ import type { FunkitTextCustomizationsConfig } from '~/providers/FunkitConfigContext';
3
4
  import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
4
5
  import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition';
5
6
  interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
@@ -8,6 +9,7 @@ interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep
8
9
  /** unit price of target asset */
9
10
  unitPrice: number;
10
11
  isCardCheckout: boolean;
12
+ textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
11
13
  }
12
- export declare function InputAmountLoaded({ checkoutConfig, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, }: InputAmountLoadedProps): React.JSX.Element;
14
+ export declare function InputAmountLoaded({ checkoutConfig, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
13
15
  export {};
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
2
+ import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
3
3
  export type TransferTokenState = CheckoutModalCommonState;
4
4
  export type TransferTokenNext = Record<string, never>;
5
5
  export interface TokenTransferSourceChainsAndAssets {
@@ -12,7 +12,7 @@ import { type MoonpaySetupNext, type MoonpaySetupState } from './MoonpaySetup';
12
12
  import { type SelectAssetNext, type SelectAssetState } from './SelectAsset';
13
13
  import { type SelectBrokerageNext, type SelectBrokerageState } from './SelectBrokerage';
14
14
  import { type SourceChangeNext, type SourceChangeState } from './SourceChange/SourceChange';
15
- import { type TransferTokenNext, type TransferTokenState } from './TransferToken';
15
+ import { type TransferTokenNext, type TransferTokenState } from './TransferToken/TransferToken';
16
16
  export interface CheckoutModalCommonState {
17
17
  checkoutId: string;
18
18
  /** Handles soft hiding of the dialog (without removing it from the DOM) */
@@ -8,6 +8,7 @@ export interface FunkitTextCustomizationsConfig {
8
8
  sourceMethodTitle: string;
9
9
  transferTokens: string;
10
10
  confirmationScreen: {
11
+ payAmountLabel: string;
11
12
  receiveAmountLabel: string;
12
13
  };
13
14
  }
@@ -87,6 +87,18 @@ export declare const useActiveTheme: () => {
87
87
  badgeBackgroundSuccess: string;
88
88
  badgeBorderSuccess: string;
89
89
  badgeTextSuccess: string;
90
+ inputAmountQuickOptionBaseBackground: string;
91
+ inputAmountQuickOptionHoverBackground: string;
92
+ inputAmountQuickOptionActiveBackground: string;
93
+ inputAmountQuickOptionDisabledBackground: string;
94
+ inputAmountQuickOptionBaseBorder: string;
95
+ inputAmountQuickOptionHoverBorder: string;
96
+ inputAmountQuickOptionActiveBorder: string;
97
+ inputAmountQuickOptionFocusedBorder: string;
98
+ youPayYouReceiveBackground: string;
99
+ youPayYouReceiveBorder: string;
100
+ youPayYouReceivePrimaryText: string;
101
+ youPayYouReceiveSecondaryText: string;
90
102
  announceGradientFrom: string;
91
103
  announceGradientTo: string;
92
104
  };
@@ -159,6 +171,7 @@ export declare const useActiveTheme: () => {
159
171
  dropdown: string;
160
172
  notification: string;
161
173
  vertexDropdown: string;
174
+ qrCode: string;
162
175
  };
163
176
  blurs: {
164
177
  modalOverlay: string;
@@ -234,6 +247,18 @@ export declare const useActiveTheme: () => {
234
247
  badgeBackgroundSuccess: string;
235
248
  badgeBorderSuccess: string;
236
249
  badgeTextSuccess: string;
250
+ inputAmountQuickOptionBaseBackground: string;
251
+ inputAmountQuickOptionHoverBackground: string;
252
+ inputAmountQuickOptionActiveBackground: string;
253
+ inputAmountQuickOptionDisabledBackground: string;
254
+ inputAmountQuickOptionBaseBorder: string;
255
+ inputAmountQuickOptionHoverBorder: string;
256
+ inputAmountQuickOptionActiveBorder: string;
257
+ inputAmountQuickOptionFocusedBorder: string;
258
+ youPayYouReceiveBackground: string;
259
+ youPayYouReceiveBorder: string;
260
+ youPayYouReceivePrimaryText: string;
261
+ youPayYouReceiveSecondaryText: string;
237
262
  announceGradientFrom: string;
238
263
  announceGradientTo: string;
239
264
  };
@@ -306,6 +331,7 @@ export declare const useActiveTheme: () => {
306
331
  dropdown: string;
307
332
  notification: string;
308
333
  vertexDropdown: string;
334
+ qrCode: string;
309
335
  };
310
336
  blurs: {
311
337
  modalOverlay: string;
@@ -379,6 +405,18 @@ export declare const useActiveTheme: () => {
379
405
  badgeBackgroundSuccess: string;
380
406
  badgeBorderSuccess: string;
381
407
  badgeTextSuccess: string;
408
+ inputAmountQuickOptionBaseBackground: string;
409
+ inputAmountQuickOptionHoverBackground: string;
410
+ inputAmountQuickOptionActiveBackground: string;
411
+ inputAmountQuickOptionDisabledBackground: string;
412
+ inputAmountQuickOptionBaseBorder: string;
413
+ inputAmountQuickOptionHoverBorder: string;
414
+ inputAmountQuickOptionActiveBorder: string;
415
+ inputAmountQuickOptionFocusedBorder: string;
416
+ youPayYouReceiveBackground: string;
417
+ youPayYouReceiveBorder: string;
418
+ youPayYouReceivePrimaryText: string;
419
+ youPayYouReceiveSecondaryText: string;
382
420
  announceGradientFrom: string;
383
421
  announceGradientTo: string;
384
422
  };
@@ -451,6 +489,7 @@ export declare const useActiveTheme: () => {
451
489
  dropdown: string;
452
490
  notification: string;
453
491
  vertexDropdown: string;
492
+ qrCode: string;
454
493
  };
455
494
  blurs: {
456
495
  modalOverlay: string;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "../chunk-ZHSAPALJ.js";
4
+ } from "../chunk-W45X55GI.js";
5
5
  import "../chunk-2T4ZDGAO.js";
6
6
  export {
7
7
  darkTheme
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  lightTheme
4
- } from "../chunk-DRTHDG4D.js";
4
+ } from "../chunk-N7ULOOYE.js";
5
5
  import "../chunk-2T4ZDGAO.js";
6
6
  export {
7
7
  lightTheme
@@ -61,7 +61,7 @@ export declare const flagConfig: {
61
61
  };
62
62
  enable_token_transfer_universal_deposit_address: {
63
63
  type: "boolean";
64
- default_value: false;
64
+ default_value: true;
65
65
  };
66
66
  max_checkout_usd: {
67
67
  type: "string";
@@ -101,6 +101,14 @@ export declare const flagConfig: {
101
101
  token_transfer_default_chain_id: {
102
102
  type: "string";
103
103
  default_value: string;
104
+ overrides: {
105
+ if_any: {
106
+ key: "apiKey";
107
+ type: "isAnyOf";
108
+ values: string[];
109
+ }[];
110
+ value: string;
111
+ }[];
104
112
  };
105
113
  is_checkout_activated: {
106
114
  type: "boolean";
@@ -1,19 +1,19 @@
1
1
  "use client";
2
- import {
3
- walletConnectWallet
4
- } from "./chunk-NP5QGWNL.js";
5
2
  import {
6
3
  xdefiWallet
7
4
  } from "./chunk-NO7XMBB5.js";
5
+ import {
6
+ zealWallet
7
+ } from "./chunk-JROWU5BP.js";
8
8
  import {
9
9
  zerionWallet
10
10
  } from "./chunk-AXWP3GD4.js";
11
- import {
12
- subWallet
13
- } from "./chunk-AD2KIJB6.js";
14
11
  import {
15
12
  tahoWallet
16
13
  } from "./chunk-6P2EMPZI.js";
14
+ import {
15
+ subWallet
16
+ } from "./chunk-AD2KIJB6.js";
17
17
  import {
18
18
  talismanWallet
19
19
  } from "./chunk-ABFSXBE6.js";
@@ -30,17 +30,11 @@ import {
30
30
  uniswapWallet
31
31
  } from "./chunk-LH7BMNFZ.js";
32
32
  import {
33
- zealWallet
34
- } from "./chunk-JROWU5BP.js";
33
+ walletConnectWallet
34
+ } from "./chunk-NP5QGWNL.js";
35
35
  import {
36
36
  phantomWallet
37
37
  } from "./chunk-ZSVTX6EK.js";
38
- import {
39
- ramperWallet
40
- } from "./chunk-PIUNLQJG.js";
41
- import {
42
- roninWallet
43
- } from "./chunk-63YLN6R5.js";
44
38
  import {
45
39
  rainbowWallet
46
40
  } from "./chunk-2UCNRD7H.js";
@@ -48,38 +42,44 @@ import {
48
42
  rabbyWallet
49
43
  } from "./chunk-BVX4XGNP.js";
50
44
  import {
51
- safeWallet
52
- } from "./chunk-BQQQL6UD.js";
45
+ ramperWallet
46
+ } from "./chunk-PIUNLQJG.js";
53
47
  import {
54
- safepalWallet
55
- } from "./chunk-MSFKSQBY.js";
48
+ roninWallet
49
+ } from "./chunk-63YLN6R5.js";
56
50
  import {
57
51
  safeheronWallet
58
52
  } from "./chunk-R6RWZRFF.js";
59
53
  import {
60
- ledgerWallet
61
- } from "./chunk-BRBKM4PW.js";
54
+ safepalWallet
55
+ } from "./chunk-MSFKSQBY.js";
56
+ import {
57
+ safeWallet
58
+ } from "./chunk-BQQQL6UD.js";
62
59
  import {
63
60
  metaMaskWallet
64
61
  } from "./chunk-G73C6P5P.js";
62
+ import {
63
+ ledgerWallet
64
+ } from "./chunk-BRBKM4PW.js";
65
65
  import {
66
66
  mewWallet
67
67
  } from "./chunk-V57WLZEE.js";
68
- import {
69
- okxWallet
70
- } from "./chunk-4WEHDI4Y.js";
71
68
  import {
72
69
  oktoWallet
73
70
  } from "./chunk-ADIXAKUL.js";
74
71
  import {
75
- oneInchWallet
76
- } from "./chunk-OESTDX6I.js";
72
+ okxWallet
73
+ } from "./chunk-4WEHDI4Y.js";
77
74
  import {
78
75
  omniWallet
79
76
  } from "./chunk-7CUY5G6R.js";
80
77
  import {
81
78
  oneKeyWallet
82
79
  } from "./chunk-4AD7VI2P.js";
80
+ import {
81
+ oneInchWallet
82
+ } from "./chunk-OESTDX6I.js";
83
83
  import {
84
84
  foxWallet
85
85
  } from "./chunk-LMZMXEXL.js";
@@ -89,18 +89,18 @@ import {
89
89
  import {
90
90
  frontierWallet
91
91
  } from "./chunk-3S2U24BJ.js";
92
- import {
93
- gateWallet
94
- } from "./chunk-GSOYKKIS.js";
95
92
  import {
96
93
  imTokenWallet
97
94
  } from "./chunk-COZ7MIQS.js";
98
95
  import {
99
- kresusWallet
100
- } from "./chunk-MJXPRJZT.js";
96
+ gateWallet
97
+ } from "./chunk-GSOYKKIS.js";
101
98
  import {
102
99
  injectedWallet
103
100
  } from "./chunk-VCVVV2K7.js";
101
+ import {
102
+ kresusWallet
103
+ } from "./chunk-MJXPRJZT.js";
104
104
  import {
105
105
  bybitWallet
106
106
  } from "./chunk-6ONTSPEY.js";
@@ -116,12 +116,12 @@ import {
116
116
  import {
117
117
  coreWallet
118
118
  } from "./chunk-HBA36GW3.js";
119
- import {
120
- desigWallet
121
- } from "./chunk-CTU6JCOK.js";
122
119
  import {
123
120
  dawnWallet
124
121
  } from "./chunk-LN7OD5EC.js";
122
+ import {
123
+ desigWallet
124
+ } from "./chunk-CTU6JCOK.js";
125
125
  import {
126
126
  enkryptWallet
127
127
  } from "./chunk-SJTXS4ZW.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@funkit/connect",
3
- "version": "5.0.5",
3
+ "version": "5.0.7",
4
4
  "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
5
5
  "files": [
6
6
  "dist",
@@ -90,11 +90,11 @@
90
90
  "react-virtuoso": "4.10.1",
91
91
  "ua-parser-js": "^1.0.37",
92
92
  "uuid": "^9.0.1",
93
- "@funkit/api-base": "1.5.8",
94
- "@funkit/wagmi-tools": "3.0.31",
95
- "@funkit/chains": "0.1.2",
96
- "@funkit/core": "2.3.9",
97
- "@funkit/utils": "1.0.8"
93
+ "@funkit/api-base": "1.5.9",
94
+ "@funkit/core": "2.3.11",
95
+ "@funkit/wagmi-tools": "3.0.33",
96
+ "@funkit/utils": "1.0.9",
97
+ "@funkit/chains": "0.1.3"
98
98
  },
99
99
  "repository": {
100
100
  "type": "git",