@funkit/connect 5.0.6 → 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 (48) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/{chunk-7QFRFB6R.js → chunk-N7ULOOYE.js} +10 -1
  3. package/dist/{chunk-J2TPZOG7.js → chunk-W45X55GI.js} +10 -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/ChainDropdown.d.ts +1 -1
  8. package/dist/components/Dropdown/TokenDropdown.d.ts +1 -1
  9. package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.d.ts +1 -1
  10. package/dist/components/FunTooltip/FunTooltip.css.d.ts +0 -1
  11. package/dist/components/FunTooltip/FunTooltip.d.ts +11 -1
  12. package/dist/components/Icons/ArrowRightNarrowIcon.d.ts +4 -0
  13. package/dist/components/Icons/CaretDownIcon.css.d.ts +2 -0
  14. package/dist/components/Icons/CaretDownIcon.d.ts +7 -0
  15. package/dist/components/Icons/New/CheckCircleIcon.d.ts +2 -0
  16. package/dist/components/Icons/New/DollarIcon.d.ts +2 -0
  17. package/dist/components/Icons/New/FileIcon.d.ts +2 -0
  18. package/dist/components/Icons/New/InfoIcon.d.ts +6 -0
  19. package/dist/components/Icons/New/MessageIcon.d.ts +2 -0
  20. package/dist/components/Icons/New/SpeedometerIcon.d.ts +2 -0
  21. package/dist/components/Icons/SourcePaymentIcons.d.ts +22 -0
  22. package/dist/components/QRCode/QRCode.d.ts +2 -1
  23. package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.css.d.ts +4 -0
  24. package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.d.ts +4 -2
  25. package/dist/components/TransferTokenDetails/TransferTokenDetails.css.d.ts +1 -0
  26. package/dist/components/TransferTokenDetails/TransferTokenDetails.d.ts +9 -0
  27. package/dist/components/YouPayYouReceive/YouPayYouReceive.d.ts +17 -0
  28. package/dist/consts/customers.d.ts +0 -1
  29. package/dist/consts/layout.d.ts +2 -0
  30. package/dist/css/sprinkles.css.d.ts +38 -28
  31. package/dist/domains/checkout.d.ts +1 -1
  32. package/dist/hooks/useCheckoutTransferDepositAddress.d.ts +2 -1
  33. package/dist/hooks/useEnabledTokenTransferChainTokens.d.ts +1 -1
  34. package/dist/hooks/useTokenTransfer.d.ts +16 -0
  35. package/dist/index.css +1435 -1110
  36. package/dist/index.js +2175 -1055
  37. package/dist/modals/CheckoutModal/InputAmount/InputAmountLayout.d.ts +2 -2
  38. package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +3 -1
  39. package/dist/modals/CheckoutModal/{TransferToken.d.ts → TransferToken/TransferToken.d.ts} +1 -1
  40. package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -1
  41. package/dist/providers/FunkitThemeProvider.d.ts +15 -0
  42. package/dist/themes/darkTheme.js +1 -1
  43. package/dist/themes/lightTheme.js +1 -1
  44. package/dist/utils/flags/config.d.ts +8 -0
  45. package/dist/wallets/walletConnectors/index.js +30 -30
  46. package/package.json +6 -6
  47. /package/dist/modals/CheckoutModal/{CheckoutNotification.d.ts → TransferToken/CheckoutNotification.d.ts} +0 -0
  48. /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) */
@@ -95,6 +95,10 @@ export declare const useActiveTheme: () => {
95
95
  inputAmountQuickOptionHoverBorder: string;
96
96
  inputAmountQuickOptionActiveBorder: string;
97
97
  inputAmountQuickOptionFocusedBorder: string;
98
+ youPayYouReceiveBackground: string;
99
+ youPayYouReceiveBorder: string;
100
+ youPayYouReceivePrimaryText: string;
101
+ youPayYouReceiveSecondaryText: string;
98
102
  announceGradientFrom: string;
99
103
  announceGradientTo: string;
100
104
  };
@@ -167,6 +171,7 @@ export declare const useActiveTheme: () => {
167
171
  dropdown: string;
168
172
  notification: string;
169
173
  vertexDropdown: string;
174
+ qrCode: string;
170
175
  };
171
176
  blurs: {
172
177
  modalOverlay: string;
@@ -250,6 +255,10 @@ export declare const useActiveTheme: () => {
250
255
  inputAmountQuickOptionHoverBorder: string;
251
256
  inputAmountQuickOptionActiveBorder: string;
252
257
  inputAmountQuickOptionFocusedBorder: string;
258
+ youPayYouReceiveBackground: string;
259
+ youPayYouReceiveBorder: string;
260
+ youPayYouReceivePrimaryText: string;
261
+ youPayYouReceiveSecondaryText: string;
253
262
  announceGradientFrom: string;
254
263
  announceGradientTo: string;
255
264
  };
@@ -322,6 +331,7 @@ export declare const useActiveTheme: () => {
322
331
  dropdown: string;
323
332
  notification: string;
324
333
  vertexDropdown: string;
334
+ qrCode: string;
325
335
  };
326
336
  blurs: {
327
337
  modalOverlay: string;
@@ -403,6 +413,10 @@ export declare const useActiveTheme: () => {
403
413
  inputAmountQuickOptionHoverBorder: string;
404
414
  inputAmountQuickOptionActiveBorder: string;
405
415
  inputAmountQuickOptionFocusedBorder: string;
416
+ youPayYouReceiveBackground: string;
417
+ youPayYouReceiveBorder: string;
418
+ youPayYouReceivePrimaryText: string;
419
+ youPayYouReceiveSecondaryText: string;
406
420
  announceGradientFrom: string;
407
421
  announceGradientTo: string;
408
422
  };
@@ -475,6 +489,7 @@ export declare const useActiveTheme: () => {
475
489
  dropdown: string;
476
490
  notification: string;
477
491
  vertexDropdown: string;
492
+ qrCode: string;
478
493
  };
479
494
  blurs: {
480
495
  modalOverlay: string;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "../chunk-J2TPZOG7.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-7QFRFB6R.js";
4
+ } from "../chunk-N7ULOOYE.js";
5
5
  import "../chunk-2T4ZDGAO.js";
6
6
  export {
7
7
  lightTheme
@@ -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";
@@ -11,18 +11,18 @@ import {
11
11
  import {
12
12
  tahoWallet
13
13
  } from "./chunk-6P2EMPZI.js";
14
- import {
15
- talismanWallet
16
- } from "./chunk-ABFSXBE6.js";
17
14
  import {
18
15
  subWallet
19
16
  } from "./chunk-AD2KIJB6.js";
20
17
  import {
21
- tokenPocketWallet
22
- } from "./chunk-IDKVN5CF.js";
18
+ talismanWallet
19
+ } from "./chunk-ABFSXBE6.js";
23
20
  import {
24
21
  tokenaryWallet
25
22
  } from "./chunk-SLOIIJGP.js";
23
+ import {
24
+ tokenPocketWallet
25
+ } from "./chunk-IDKVN5CF.js";
26
26
  import {
27
27
  trustWallet
28
28
  } from "./chunk-ISIBREBO.js";
@@ -35,21 +35,18 @@ import {
35
35
  import {
36
36
  phantomWallet
37
37
  } from "./chunk-ZSVTX6EK.js";
38
+ import {
39
+ rainbowWallet
40
+ } from "./chunk-2UCNRD7H.js";
38
41
  import {
39
42
  rabbyWallet
40
43
  } from "./chunk-BVX4XGNP.js";
41
44
  import {
42
45
  ramperWallet
43
46
  } from "./chunk-PIUNLQJG.js";
44
- import {
45
- rainbowWallet
46
- } from "./chunk-2UCNRD7H.js";
47
47
  import {
48
48
  roninWallet
49
49
  } from "./chunk-63YLN6R5.js";
50
- import {
51
- safeWallet
52
- } from "./chunk-BQQQL6UD.js";
53
50
  import {
54
51
  safeheronWallet
55
52
  } from "./chunk-R6RWZRFF.js";
@@ -57,29 +54,32 @@ import {
57
54
  safepalWallet
58
55
  } from "./chunk-MSFKSQBY.js";
59
56
  import {
60
- ledgerWallet
61
- } from "./chunk-BRBKM4PW.js";
57
+ safeWallet
58
+ } from "./chunk-BQQQL6UD.js";
62
59
  import {
63
60
  metaMaskWallet
64
61
  } from "./chunk-G73C6P5P.js";
65
62
  import {
66
- oktoWallet
67
- } from "./chunk-ADIXAKUL.js";
63
+ ledgerWallet
64
+ } from "./chunk-BRBKM4PW.js";
68
65
  import {
69
66
  mewWallet
70
67
  } from "./chunk-V57WLZEE.js";
68
+ import {
69
+ oktoWallet
70
+ } from "./chunk-ADIXAKUL.js";
71
71
  import {
72
72
  okxWallet
73
73
  } from "./chunk-4WEHDI4Y.js";
74
- import {
75
- oneInchWallet
76
- } from "./chunk-OESTDX6I.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,12 +89,12 @@ 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";
95
+ import {
96
+ gateWallet
97
+ } from "./chunk-GSOYKKIS.js";
98
98
  import {
99
99
  injectedWallet
100
100
  } from "./chunk-VCVVV2K7.js";
@@ -113,33 +113,33 @@ import {
113
113
  import {
114
114
  coinbaseWallet
115
115
  } from "./chunk-H4IRCEZN.js";
116
+ import {
117
+ coreWallet
118
+ } from "./chunk-HBA36GW3.js";
116
119
  import {
117
120
  dawnWallet
118
121
  } from "./chunk-LN7OD5EC.js";
119
122
  import {
120
123
  desigWallet
121
124
  } from "./chunk-CTU6JCOK.js";
122
- import {
123
- coreWallet
124
- } from "./chunk-HBA36GW3.js";
125
125
  import {
126
126
  enkryptWallet
127
127
  } from "./chunk-SJTXS4ZW.js";
128
- import {
129
- bifrostWallet
130
- } from "./chunk-W6N74MS3.js";
131
128
  import {
132
129
  argentWallet
133
130
  } from "./chunk-WSQ2YJO2.js";
131
+ import {
132
+ bifrostWallet
133
+ } from "./chunk-W6N74MS3.js";
134
134
  import {
135
135
  bitgetWallet
136
136
  } from "./chunk-A5APNTGL.js";
137
- import {
138
- bitverseWallet
139
- } from "./chunk-3HZRRP4Y.js";
140
137
  import {
141
138
  bitskiWallet
142
139
  } from "./chunk-P74YPRF6.js";
140
+ import {
141
+ bitverseWallet
142
+ } from "./chunk-3HZRRP4Y.js";
143
143
  import {
144
144
  bloomWallet
145
145
  } from "./chunk-S27IADFU.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@funkit/connect",
3
- "version": "5.0.6",
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/core": "2.3.10",
95
- "@funkit/utils": "1.0.8",
96
- "@funkit/chains": "0.1.3",
97
- "@funkit/wagmi-tools": "3.0.32"
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",