@funkit/connect 1.0.28 → 1.1.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.
Files changed (38) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/{chunk-UK5FXGK3.js → chunk-FECCKVZV.js} +15 -3
  3. package/dist/{chunk-4SROXH24.js → chunk-RRG76BJM.js} +3 -1
  4. package/dist/{chunk-EYTYHIPM.js → chunk-UDJBGTFV.js} +3 -1
  5. package/dist/components/Box/Box.d.ts +21 -21
  6. package/dist/components/FunKeyValue/FunKeyValue.d.ts +2 -1
  7. package/dist/components/FunPayments/FunPaymentOtcType.d.ts +4 -0
  8. package/dist/components/FunSelect/FunSelect.d.ts +2 -1
  9. package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +4 -0
  10. package/dist/components/FunkitProvider/FunkitConfigContext.d.ts +31 -2
  11. package/dist/components/FunkitProvider/FunkitConnectChainContext.d.ts +1 -1
  12. package/dist/components/FunkitProvider/FunkitProvider.d.ts +6 -5
  13. package/dist/components/FunkitProvider/FunkitThemeProvider.d.ts +36 -0
  14. package/dist/components/Icons/ClockIcon.d.ts +3 -1
  15. package/dist/components/Icons/LightningIcon.d.ts +3 -1
  16. package/dist/components/ProfileDetails/ProfileDetails.d.ts +2 -4
  17. package/dist/config/getDefaultConfig.d.ts +7 -10
  18. package/dist/consts/payment.d.ts +4 -2
  19. package/dist/css/sprinkles.css.d.ts +39 -21
  20. package/dist/index.css +790 -700
  21. package/dist/index.d.ts +1 -1
  22. package/dist/index.js +2381 -2882
  23. package/dist/themes/baseTheme.d.ts +2 -1
  24. package/dist/themes/baseTheme.js +1 -1
  25. package/dist/themes/darkTheme.d.ts +9 -0
  26. package/dist/themes/darkTheme.js +2 -2
  27. package/dist/themes/lightTheme.d.ts +9 -0
  28. package/dist/themes/lightTheme.js +2 -2
  29. package/dist/utils/checkout.d.ts +1 -1
  30. package/dist/utils/funkitProvider.d.ts +1 -2
  31. package/dist/wallets/walletConnectors/index.js +66 -66
  32. package/package.json +3 -3
  33. package/dist/components/FunOnramp/FunOnrampConfirmationStep.d.ts +0 -18
  34. package/dist/components/FunOnramp/FunOnrampInputStep.d.ts +0 -10
  35. package/dist/components/FunOnramp/FunOnrampPrimaryItem.d.ts +0 -5
  36. package/dist/components/FunOnramp/FunOnrampProcessingStep.d.ts +0 -6
  37. package/dist/components/FunOnramp/FunOnrampTokenPill.d.ts +0 -7
  38. package/dist/components/ProfileDetails/FunProfileViews/Deposit/Deposit.d.ts +0 -9
@@ -8,12 +8,13 @@ type FontStack = keyof typeof fontStacks;
8
8
  type RadiusScale = 'large' | 'medium' | 'small' | 'none';
9
9
  type Blurs = 'large' | 'small' | 'none';
10
10
  interface BaseThemeOptions {
11
+ customFontWeights?: Partial<ThemeVars['fontWeight']>;
11
12
  customFontFamily?: string;
12
13
  borderRadius?: RadiusScale;
13
14
  fontStack?: FontStack;
14
15
  overlayBlur?: Blurs;
15
16
  }
16
- export declare const baseTheme: ({ borderRadius, fontStack, customFontFamily, overlayBlur, }: BaseThemeOptions) => Pick<ThemeVars, 'radii' | 'fonts' | 'blurs'>;
17
+ export declare const baseTheme: ({ borderRadius, fontStack, customFontFamily, customFontWeights, overlayBlur, }: BaseThemeOptions) => Pick<ThemeVars, 'radii' | 'fonts' | 'fontWeight' | 'blurs'>;
17
18
  export interface AccentColor {
18
19
  accentColor: string;
19
20
  accentColorForeground: string;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "../chunk-UK5FXGK3.js";
4
+ } from "../chunk-FECCKVZV.js";
5
5
  export {
6
6
  baseTheme
7
7
  };
@@ -47,6 +47,8 @@ export declare const darkTheme: {
47
47
  inputFieldPrimary: string;
48
48
  inputFieldPlaceholder: string;
49
49
  inputFieldDisabled: string;
50
+ optionBackground: string;
51
+ optionBackgroundSecondary: string;
50
52
  strokePrimary: string;
51
53
  strokeSecondary: string;
52
54
  buttonPrimary: string;
@@ -70,6 +72,13 @@ export declare const darkTheme: {
70
72
  walletLogo: string;
71
73
  };
72
74
  moonpayTheme: string;
75
+ fontWeight: {
76
+ regular: string;
77
+ medium: string;
78
+ semibold: string;
79
+ bold: string;
80
+ heavy: string;
81
+ };
73
82
  fonts: {
74
83
  body: string;
75
84
  };
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "../chunk-4SROXH24.js";
5
- import "../chunk-UK5FXGK3.js";
4
+ } from "../chunk-RRG76BJM.js";
5
+ import "../chunk-FECCKVZV.js";
6
6
  export {
7
7
  darkTheme
8
8
  };
@@ -47,6 +47,8 @@ export declare const lightTheme: {
47
47
  inputFieldPrimary: string;
48
48
  inputFieldPlaceholder: string;
49
49
  inputFieldDisabled: string;
50
+ optionBackground: string;
51
+ optionBackgroundSecondary: string;
50
52
  strokePrimary: string;
51
53
  strokeSecondary: string;
52
54
  buttonPrimary: string;
@@ -70,6 +72,13 @@ export declare const lightTheme: {
70
72
  walletLogo: string;
71
73
  };
72
74
  moonpayTheme: string;
75
+ fontWeight: {
76
+ regular: string;
77
+ medium: string;
78
+ semibold: string;
79
+ bold: string;
80
+ heavy: string;
81
+ };
73
82
  fonts: {
74
83
  body: string;
75
84
  };
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  lightTheme
4
- } from "../chunk-EYTYHIPM.js";
5
- import "../chunk-UK5FXGK3.js";
4
+ } from "../chunk-UDJBGTFV.js";
5
+ import "../chunk-FECCKVZV.js";
6
6
  export {
7
7
  lightTheme
8
8
  };
@@ -92,7 +92,7 @@ export declare function decorateTokenList(tokensChainMap: {
92
92
  [ticker: string]: {
93
93
  [chainId: string]: true;
94
94
  };
95
- }, targetChainId: string): Promise<{
95
+ }, targetChainId: string, apiKey: string): Promise<{
96
96
  symbol: string;
97
97
  tokenAddress: null | Hex;
98
98
  tokenUnitPriceUsd: null | number;
@@ -1,7 +1,6 @@
1
1
  import { FunkitProviderProps } from '../components/FunkitProvider/FunkitProvider';
2
- export declare function getInitialChainIdFromFunkitProviderProps(props: FunkitProviderProps): number;
2
+ export declare function getInitialChainIdFromFunkitProviderProps(props: FunkitProviderProps): number | undefined;
3
3
  /**
4
4
  * Validates the passed in props of FunkitProvider. If there are any misconfigurations, an error will be thrown.
5
5
  */
6
6
  export declare function validateFunkitProviderProps(props: FunkitProviderProps): void;
7
- export declare function generateInnerWagmiConfig(props: FunkitProviderProps): import("wagmi").Config;
@@ -1,28 +1,25 @@
1
1
  "use client";
2
2
  import {
3
- zealWallet
4
- } from "./chunk-DPXMP5KS.js";
3
+ zerionWallet
4
+ } from "./chunk-7CQPABJG.js";
5
5
  import {
6
- trustWallet
7
- } from "./chunk-Z2DGDHHZ.js";
6
+ talismanWallet
7
+ } from "./chunk-H273OTQA.js";
8
8
  import {
9
- bifrostWallet
10
- } from "./chunk-6LTLPR2Q.js";
9
+ zealWallet
10
+ } from "./chunk-DPXMP5KS.js";
11
11
  import {
12
12
  tokenPocketWallet
13
13
  } from "./chunk-2UXZAUWT.js";
14
14
  import {
15
- ledgerWallet
16
- } from "./chunk-Y6VY6E3L.js";
17
- import {
18
- talismanWallet
19
- } from "./chunk-H273OTQA.js";
15
+ roninWallet
16
+ } from "./chunk-LVRXH33E.js";
20
17
  import {
21
- tokenaryWallet
22
- } from "./chunk-ENZLEAG2.js";
18
+ safepalWallet
19
+ } from "./chunk-SYELB4QO.js";
23
20
  import {
24
- walletConnectWallet
25
- } from "./chunk-ASPRR7T3.js";
21
+ trustWallet
22
+ } from "./chunk-Z2DGDHHZ.js";
26
23
  import {
27
24
  uniswapWallet
28
25
  } from "./chunk-XRSY4JVH.js";
@@ -30,89 +27,89 @@ import {
30
27
  xdefiWallet
31
28
  } from "./chunk-L734HTUS.js";
32
29
  import {
33
- zerionWallet
34
- } from "./chunk-7CQPABJG.js";
35
- import {
36
- roninWallet
37
- } from "./chunk-LVRXH33E.js";
38
- import {
39
- safeWallet
40
- } from "./chunk-D3DCQ72J.js";
30
+ walletConnectWallet
31
+ } from "./chunk-ASPRR7T3.js";
41
32
  import {
42
- ramperWallet
43
- } from "./chunk-ZOL6ZMTJ.js";
33
+ tokenaryWallet
34
+ } from "./chunk-ENZLEAG2.js";
44
35
  import {
45
36
  rainbowWallet
46
37
  } from "./chunk-O5NKWWEG.js";
38
+ import {
39
+ metaMaskWallet
40
+ } from "./chunk-3WZRNEZH.js";
41
+ import {
42
+ rabbyWallet
43
+ } from "./chunk-XPEBP6XV.js";
47
44
  import {
48
45
  safeheronWallet
49
46
  } from "./chunk-63NPZXAL.js";
47
+ import {
48
+ safeWallet
49
+ } from "./chunk-D3DCQ72J.js";
50
50
  import {
51
51
  subWallet
52
52
  } from "./chunk-ZBAQFL6G.js";
53
53
  import {
54
- safepalWallet
55
- } from "./chunk-SYELB4QO.js";
54
+ ramperWallet
55
+ } from "./chunk-ZOL6ZMTJ.js";
56
56
  import {
57
57
  tahoWallet
58
58
  } from "./chunk-H76YCX2M.js";
59
59
  import {
60
- oktoWallet
61
- } from "./chunk-WKHTUEF5.js";
60
+ gateWallet
61
+ } from "./chunk-V45EXW7A.js";
62
62
  import {
63
63
  mewWallet
64
64
  } from "./chunk-PWYTDYBE.js";
65
+ import {
66
+ oktoWallet
67
+ } from "./chunk-WKHTUEF5.js";
65
68
  import {
66
69
  okxWallet
67
70
  } from "./chunk-NGXIHASN.js";
68
- import {
69
- oneInchWallet
70
- } from "./chunk-LCPIZUR3.js";
71
71
  import {
72
72
  omniWallet
73
73
  } from "./chunk-SVN7OEQR.js";
74
+ import {
75
+ phantomWallet
76
+ } from "./chunk-KGBLSE7L.js";
74
77
  import {
75
78
  oneKeyWallet
76
79
  } from "./chunk-4WOV4ITL.js";
77
80
  import {
78
- rabbyWallet
79
- } from "./chunk-XPEBP6XV.js";
81
+ oneInchWallet
82
+ } from "./chunk-LCPIZUR3.js";
80
83
  import {
81
- phantomWallet
82
- } from "./chunk-KGBLSE7L.js";
84
+ foxWallet
85
+ } from "./chunk-Q4RLUJJD.js";
83
86
  import {
84
- enkryptWallet
85
- } from "./chunk-FLY7F4XA.js";
87
+ frameWallet
88
+ } from "./chunk-XXFJVY73.js";
86
89
  import {
87
90
  frontierWallet
88
91
  } from "./chunk-AM4SSLAP.js";
89
92
  import {
90
- gateWallet
91
- } from "./chunk-V45EXW7A.js";
92
- import {
93
- injectedWallet
94
- } from "./chunk-KIHCNUU3.js";
93
+ imTokenWallet
94
+ } from "./chunk-5MVV7OVS.js";
95
95
  import {
96
96
  kresusWallet
97
97
  } from "./chunk-X6T3CICZ.js";
98
98
  import {
99
- imTokenWallet
100
- } from "./chunk-5MVV7OVS.js";
99
+ ledgerWallet
100
+ } from "./chunk-Y6VY6E3L.js";
101
101
  import {
102
- metaMaskWallet
103
- } from "./chunk-3WZRNEZH.js";
102
+ injectedWallet
103
+ } from "./chunk-KIHCNUU3.js";
104
104
  import {
105
- bitskiWallet
106
- } from "./chunk-C67TQJ6W.js";
105
+ bybitWallet
106
+ } from "./chunk-ZUAHWUEL.js";
107
+ import {
108
+ bitverseWallet
109
+ } from "./chunk-NL4I7WOT.js";
107
110
  import {
108
111
  coin98Wallet
109
112
  } from "./chunk-4FQLUQNA.js";
110
- import {
111
- coreWallet
112
- } from "./chunk-JLQ5HJYV.js";
113
- import {
114
- dawnWallet
115
- } from "./chunk-4XQDKOGF.js";
116
113
  import {
117
114
  coinbaseWallet
118
115
  } from "./chunk-XBUTWYE4.js";
@@ -120,20 +117,26 @@ import {
120
117
  desigWallet
121
118
  } from "./chunk-P4JLZ42R.js";
122
119
  import {
123
- foxWallet
124
- } from "./chunk-Q4RLUJJD.js";
120
+ enkryptWallet
121
+ } from "./chunk-FLY7F4XA.js";
125
122
  import {
126
- frameWallet
127
- } from "./chunk-XXFJVY73.js";
123
+ coreWallet
124
+ } from "./chunk-JLQ5HJYV.js";
128
125
  import {
129
- argentWallet
130
- } from "./chunk-NZ5G23JP.js";
126
+ dawnWallet
127
+ } from "./chunk-4XQDKOGF.js";
128
+ import {
129
+ bifrostWallet
130
+ } from "./chunk-6LTLPR2Q.js";
131
+ import {
132
+ bitskiWallet
133
+ } from "./chunk-C67TQJ6W.js";
131
134
  import {
132
135
  bitgetWallet
133
136
  } from "./chunk-ZNXQ4V6G.js";
134
137
  import {
135
- bitverseWallet
136
- } from "./chunk-NL4I7WOT.js";
138
+ argentWallet
139
+ } from "./chunk-NZ5G23JP.js";
137
140
  import {
138
141
  bloomWallet
139
142
  } from "./chunk-NTGZF5BY.js";
@@ -141,9 +144,6 @@ import "./chunk-ZOLACFTK.js";
141
144
  import {
142
145
  braveWallet
143
146
  } from "./chunk-ABYQAXUX.js";
144
- import {
145
- bybitWallet
146
- } from "./chunk-ZUAHWUEL.js";
147
147
  import {
148
148
  clvWallet
149
149
  } from "./chunk-MIWCKFYE.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@funkit/connect",
3
- "version": "1.0.28",
3
+ "version": "1.1.1",
4
4
  "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
5
5
  "files": [
6
6
  "dist",
@@ -73,8 +73,8 @@
73
73
  },
74
74
  "dependencies": {
75
75
  "@datadog/browser-logs": "^5.12.0",
76
- "@funkit/core": "^1.0.11",
77
- "@funkit/wagmi-tools": "^1.0.13",
76
+ "@funkit/core": "^1.0.12",
77
+ "@funkit/wagmi-tools": "^1.0.14",
78
78
  "@meshconnect/web-link-sdk": "^2.0.1",
79
79
  "@moonpay/moonpay-react": "^1.6.1",
80
80
  "@privy-io/js-sdk-core": "^0.18.1",
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { FeesItem } from '../FunTransactionSummary/FunTransactionSummary';
3
- interface FunOnrampConfirmationProps {
4
- token: string;
5
- tokenAmountUsd: number;
6
- estimatedFees: FeesItem;
7
- estimatedProcessingTime: string;
8
- totalAmountUsd: number;
9
- onConfirm: () => void;
10
- paymentMethodInfo: any;
11
- onInitialization: () => void;
12
- isFetchingEstimatedFees: boolean;
13
- estimationError: string;
14
- isConfirming: boolean;
15
- backAnimation?: boolean;
16
- }
17
- export declare function FunOnrampConfirmationStep({ token, tokenAmountUsd, estimatedFees, estimatedProcessingTime, totalAmountUsd, onConfirm, paymentMethodInfo, onInitialization, isFetchingEstimatedFees, estimationError, isConfirming, backAnimation, }: FunOnrampConfirmationProps): React.JSX.Element;
18
- export {};
@@ -1,10 +0,0 @@
1
- import React, { Dispatch, SetStateAction } from 'react';
2
- import { DepositTokenSymbol } from '../../consts/funkit';
3
- export declare function FunOnrampInputStep({ tokenTicker, setDepositToken, amount, onChangeAmount, onClickContinue, backAnimation, }: {
4
- tokenTicker: string;
5
- setDepositToken: Dispatch<SetStateAction<DepositTokenSymbol>>;
6
- amount: string;
7
- onChangeAmount: Dispatch<SetStateAction<string>>;
8
- onClickContinue: () => void;
9
- backAnimation: boolean;
10
- }): React.JSX.Element;
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export declare function FunOnrampPrimaryItem({ token, tokenAmountUsd, }: {
3
- token: string;
4
- tokenAmountUsd: number;
5
- }): React.JSX.Element;
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare function FunOnrampProcessingStep({ token, tokenAmountUsd, isDepositing, }: {
3
- token: string;
4
- tokenAmountUsd: number;
5
- isDepositing: boolean;
6
- }): React.JSX.Element;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { DepositTokenSymbol } from '../../consts/funkit';
3
- export declare function FunOnrampTokenPill({ token, isActive, onClick, }: {
4
- token: DepositTokenSymbol;
5
- isActive: boolean;
6
- onClick?: undefined | null | (() => void);
7
- }): React.JSX.Element;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * Deposit a.k.a Onramp flows
4
- */
5
- export declare function Deposit({ onClose, onSoftHide, onBack, }: {
6
- onClose: () => void;
7
- onSoftHide: (p: boolean) => void;
8
- onBack: () => void;
9
- }): React.JSX.Element;