@ton-pay/ui-react 0.2.0-beta.4 → 0.2.0
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/README.md +40 -41
- package/dist/index.d.mts +6 -176
- package/dist/index.d.ts +6 -176
- package/dist/index.js +183 -1806
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +159 -1782
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -11,9 +11,9 @@ npm install @ton-pay/ui-react @ton-pay/api @tonconnect/ui-react
|
|
|
11
11
|
## Quick Start
|
|
12
12
|
|
|
13
13
|
```tsx
|
|
14
|
-
import { TonConnectUIProvider } from
|
|
15
|
-
import { TonPayButton, useTonPay } from
|
|
16
|
-
import { createTonPayTransfer, TON } from
|
|
14
|
+
import { TonConnectUIProvider } from '@tonconnect/ui-react';
|
|
15
|
+
import { TonPayButton, useTonPay } from '@ton-pay/ui-react';
|
|
16
|
+
import { createTonPayTransfer, TON } from '@ton-pay/api';
|
|
17
17
|
|
|
18
18
|
function App() {
|
|
19
19
|
return (
|
|
@@ -32,11 +32,11 @@ function PaymentForm() {
|
|
|
32
32
|
{
|
|
33
33
|
amount: 10.5,
|
|
34
34
|
asset: TON,
|
|
35
|
-
recipientAddr:
|
|
35
|
+
recipientAddr: 'EQC...',
|
|
36
36
|
senderAddr,
|
|
37
|
-
commentToSender:
|
|
37
|
+
commentToSender: 'Payment for order #123',
|
|
38
38
|
},
|
|
39
|
-
{ chain:
|
|
39
|
+
{ chain: 'mainnet', apiKey: 'your-api-key' },
|
|
40
40
|
);
|
|
41
41
|
});
|
|
42
42
|
};
|
|
@@ -63,23 +63,23 @@ Complete payment button with wallet connection, loading states, and error handli
|
|
|
63
63
|
|
|
64
64
|
#### Props
|
|
65
65
|
|
|
66
|
-
| Prop
|
|
67
|
-
|
|
68
|
-
| `handlePay`
|
|
69
|
-
| `isLoading`
|
|
70
|
-
| `variant`
|
|
71
|
-
| `preset`
|
|
72
|
-
| `bgColor`
|
|
73
|
-
| `textColor`
|
|
74
|
-
| `borderRadius`
|
|
75
|
-
| `width`
|
|
76
|
-
| `height`
|
|
77
|
-
| `disabled`
|
|
78
|
-
| `amount`
|
|
79
|
-
| `currency`
|
|
80
|
-
| `apiKey`
|
|
81
|
-
| `onError`
|
|
82
|
-
| `showErrorNotification` | `boolean`
|
|
66
|
+
| Prop | Type | Default | Description |
|
|
67
|
+
| ----------------------- | -------------------------- | ------------ | ------------------- |
|
|
68
|
+
| `handlePay` | `() => Promise<void>` | **required** | Payment handler |
|
|
69
|
+
| `isLoading` | `boolean` | `false` | Loading state |
|
|
70
|
+
| `variant` | `"long" \| "short"` | `"long"` | Button text variant |
|
|
71
|
+
| `preset` | `"default" \| "gradient"` | - | Theme preset |
|
|
72
|
+
| `bgColor` | `string` | `"#0098EA"` | Background color |
|
|
73
|
+
| `textColor` | `string` | `"#FFFFFF"` | Text color |
|
|
74
|
+
| `borderRadius` | `number \| string` | `8` | Border radius |
|
|
75
|
+
| `width` | `number \| string` | `300` | Button width |
|
|
76
|
+
| `height` | `number \| string` | `44` | Button height |
|
|
77
|
+
| `disabled` | `boolean` | `false` | Disabled state |
|
|
78
|
+
| `amount` | `number \| string` | - | Payment amount |
|
|
79
|
+
| `currency` | `string` | `"TON"` | Currency code |
|
|
80
|
+
| `apiKey` | `string` | - | API key for on-ramp |
|
|
81
|
+
| `onError` | `(error: unknown) => void` | - | Error callback |
|
|
82
|
+
| `showErrorNotification` | `boolean` | `true` | Show error toast |
|
|
83
83
|
|
|
84
84
|
## Hooks
|
|
85
85
|
|
|
@@ -92,15 +92,18 @@ const { pay, address } = useTonPay();
|
|
|
92
92
|
|
|
93
93
|
const handlePayment = async () => {
|
|
94
94
|
const result = await pay(async (senderAddr) => {
|
|
95
|
-
return createTonPayTransfer(
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
95
|
+
return createTonPayTransfer(
|
|
96
|
+
{
|
|
97
|
+
amount: 10.5,
|
|
98
|
+
asset: TON,
|
|
99
|
+
recipientAddr: 'EQC...',
|
|
100
|
+
senderAddr,
|
|
101
|
+
},
|
|
102
|
+
{ chain: 'mainnet', apiKey: 'your-api-key' },
|
|
103
|
+
);
|
|
101
104
|
});
|
|
102
|
-
|
|
103
|
-
console.log(
|
|
105
|
+
|
|
106
|
+
console.log('Transaction:', result.txResult);
|
|
104
107
|
};
|
|
105
108
|
```
|
|
106
109
|
|
|
@@ -109,13 +112,9 @@ const handlePayment = async () => {
|
|
|
109
112
|
Hook for MoonPay on-ramp integration.
|
|
110
113
|
|
|
111
114
|
```tsx
|
|
112
|
-
const {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
loading
|
|
116
|
-
} = useMoonPayIframe({
|
|
117
|
-
apiKey: "your-api-key",
|
|
118
|
-
chain: "mainnet",
|
|
115
|
+
const { checkAvailability, fetchOnRampLink, loading } = useMoonPayIframe({
|
|
116
|
+
apiKey: 'your-api-key',
|
|
117
|
+
chain: 'mainnet',
|
|
119
118
|
});
|
|
120
119
|
```
|
|
121
120
|
|
|
@@ -148,8 +147,8 @@ Built-in theme presets:
|
|
|
148
147
|
The button uses CSS variables for theming:
|
|
149
148
|
|
|
150
149
|
```css
|
|
151
|
-
--tp-bg: #
|
|
152
|
-
--tp-text: #
|
|
150
|
+
--tp-bg: #0098ea;
|
|
151
|
+
--tp-text: #ffffff;
|
|
153
152
|
--tp-radius: 8px;
|
|
154
153
|
--tp-font: inherit;
|
|
155
154
|
--tp-width: 300px;
|
|
@@ -166,7 +165,7 @@ import type {
|
|
|
166
165
|
PayInfo,
|
|
167
166
|
GetMessageFn,
|
|
168
167
|
TonPayMessage,
|
|
169
|
-
} from
|
|
168
|
+
} from '@ton-pay/ui-react';
|
|
170
169
|
```
|
|
171
170
|
|
|
172
171
|
## License
|
package/dist/index.d.mts
CHANGED
|
@@ -3,12 +3,11 @@ import { CSSProperties, ReactNode } from 'react';
|
|
|
3
3
|
import { SendTransactionRequest, SendTransactionResponse } from '@tonconnect/sdk';
|
|
4
4
|
import { Chain, CreateMoonpayTransferParams, MoonpayGeoResult, MoonpayAmountLimits } from '@ton-pay/api';
|
|
5
5
|
export { Chain } from '@ton-pay/api';
|
|
6
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
|
-
type TonPayPreset =
|
|
9
|
-
type TonPayVariant =
|
|
10
|
-
type OnRampProvider =
|
|
11
|
-
type TonPayMessage = SendTransactionRequest[
|
|
7
|
+
type TonPayPreset = 'default' | 'gradient';
|
|
8
|
+
type TonPayVariant = 'long' | 'short';
|
|
9
|
+
type OnRampProvider = 'moonpay';
|
|
10
|
+
type TonPayMessage = SendTransactionRequest['messages'][number] & {
|
|
12
11
|
payload: string;
|
|
13
12
|
};
|
|
14
13
|
type GetMessageFn<T extends object = object> = (senderAddr: string) => Promise<{
|
|
@@ -65,7 +64,7 @@ interface PaymentModalProps {
|
|
|
65
64
|
onPaymentSuccess?: () => void;
|
|
66
65
|
isLoading?: boolean;
|
|
67
66
|
}
|
|
68
|
-
type PaymentViewState =
|
|
67
|
+
type PaymentViewState = 'main' | 'card' | 'success' | 'error';
|
|
69
68
|
interface BottomSheetProps {
|
|
70
69
|
isOpen: boolean;
|
|
71
70
|
onClose: () => void;
|
|
@@ -122,173 +121,4 @@ declare function useMoonPayIframe({ apiKey, chain, }: UseMoonPayIframeOptions):
|
|
|
122
121
|
limits: MoonpayAmountLimits | null;
|
|
123
122
|
};
|
|
124
123
|
|
|
125
|
-
|
|
126
|
-
publicKey: Uint8Array;
|
|
127
|
-
privateKey: Uint8Array;
|
|
128
|
-
}
|
|
129
|
-
declare function generateKeyPair(): Promise<KeyPair>;
|
|
130
|
-
declare function signMessage(privateKey: Uint8Array, message: Uint8Array): Promise<Uint8Array>;
|
|
131
|
-
declare function verifySignlessSignature(publicKey: Uint8Array, message: Uint8Array, signature: Uint8Array): Promise<boolean>;
|
|
132
|
-
|
|
133
|
-
interface EncryptedKeyVault {
|
|
134
|
-
salt: string;
|
|
135
|
-
iv: string;
|
|
136
|
-
encryptedBlob: string;
|
|
137
|
-
publicKey: string;
|
|
138
|
-
version: number;
|
|
139
|
-
}
|
|
140
|
-
declare function encryptPrivateKey(privateKey: Uint8Array, publicKey: Uint8Array, pin: string): Promise<EncryptedKeyVault>;
|
|
141
|
-
declare function decryptPrivateKey(vault: EncryptedKeyVault, pin: string): Promise<Uint8Array>;
|
|
142
|
-
|
|
143
|
-
interface WebAuthnCredentialInfo {
|
|
144
|
-
credentialId: string;
|
|
145
|
-
publicKey: string;
|
|
146
|
-
transports?: AuthenticatorTransport[];
|
|
147
|
-
}
|
|
148
|
-
declare function isWebAuthnSupported(): boolean;
|
|
149
|
-
declare function createWebAuthnCredential(walletAddress: string): Promise<WebAuthnCredentialInfo>;
|
|
150
|
-
declare function getWebAuthnCredential(credentialInfo: WebAuthnCredentialInfo): Promise<ArrayBuffer>;
|
|
151
|
-
|
|
152
|
-
type SignlessAuthMethod = "pin" | "biometric" | "none";
|
|
153
|
-
type SignlessStatus = "disabled" | "not_setup" | "locked" | "unlocked" | "setting_up";
|
|
154
|
-
interface SignlessConfig {
|
|
155
|
-
enabled: boolean;
|
|
156
|
-
authMethod: SignlessAuthMethod;
|
|
157
|
-
autoLockTimeout?: number;
|
|
158
|
-
storageKey?: string;
|
|
159
|
-
}
|
|
160
|
-
interface SignlessState {
|
|
161
|
-
status: SignlessStatus;
|
|
162
|
-
isEnabled: boolean;
|
|
163
|
-
isSetup: boolean;
|
|
164
|
-
isUnlocked: boolean;
|
|
165
|
-
authMethod: SignlessAuthMethod;
|
|
166
|
-
publicKey: string | null;
|
|
167
|
-
walletAddress: string | null;
|
|
168
|
-
}
|
|
169
|
-
interface SignlessVaultData {
|
|
170
|
-
vault: EncryptedKeyVault;
|
|
171
|
-
authMethod: SignlessAuthMethod;
|
|
172
|
-
walletAddress: string;
|
|
173
|
-
webauthnCredential?: WebAuthnCredentialInfo;
|
|
174
|
-
createdAt: number;
|
|
175
|
-
updatedAt: number;
|
|
176
|
-
}
|
|
177
|
-
interface SignlessSetupParams {
|
|
178
|
-
authMethod: SignlessAuthMethod;
|
|
179
|
-
pin?: string;
|
|
180
|
-
}
|
|
181
|
-
interface SignlessUnlockParams {
|
|
182
|
-
pin?: string;
|
|
183
|
-
}
|
|
184
|
-
interface SignlessPayloadParams {
|
|
185
|
-
recipient: string;
|
|
186
|
-
amount: string;
|
|
187
|
-
token?: string;
|
|
188
|
-
payload?: string;
|
|
189
|
-
reference?: string;
|
|
190
|
-
validUntil?: number;
|
|
191
|
-
}
|
|
192
|
-
interface SignlessSignedPayload {
|
|
193
|
-
payload: Uint8Array;
|
|
194
|
-
signature: Uint8Array;
|
|
195
|
-
publicKey: string;
|
|
196
|
-
reference: string;
|
|
197
|
-
validUntil: number;
|
|
198
|
-
}
|
|
199
|
-
interface SignlessContextValue {
|
|
200
|
-
state: SignlessState;
|
|
201
|
-
config: SignlessConfig;
|
|
202
|
-
setup: (params: SignlessSetupParams) => Promise<void>;
|
|
203
|
-
unlock: (params: SignlessUnlockParams) => Promise<void>;
|
|
204
|
-
lock: () => void;
|
|
205
|
-
reset: () => Promise<void>;
|
|
206
|
-
signPayload: (params: SignlessPayloadParams) => Promise<SignlessSignedPayload>;
|
|
207
|
-
updateConfig: (config: Partial<SignlessConfig>) => void;
|
|
208
|
-
isBiometricAvailable: boolean;
|
|
209
|
-
}
|
|
210
|
-
interface PinInputProps {
|
|
211
|
-
length?: number;
|
|
212
|
-
onComplete: (pin: string) => void;
|
|
213
|
-
onCancel?: () => void;
|
|
214
|
-
title?: string;
|
|
215
|
-
subtitle?: string;
|
|
216
|
-
error?: string | null;
|
|
217
|
-
isLoading?: boolean;
|
|
218
|
-
showBiometric?: boolean;
|
|
219
|
-
onBiometricPress?: () => void;
|
|
220
|
-
}
|
|
221
|
-
interface SignlessSetupModalProps {
|
|
222
|
-
isOpen: boolean;
|
|
223
|
-
onClose: () => void;
|
|
224
|
-
onComplete: () => void;
|
|
225
|
-
showBiometric?: boolean;
|
|
226
|
-
}
|
|
227
|
-
interface SignlessUnlockModalProps {
|
|
228
|
-
isOpen: boolean;
|
|
229
|
-
onClose: () => void;
|
|
230
|
-
onUnlock: () => void;
|
|
231
|
-
showBiometric?: boolean;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
interface SignlessProviderProps {
|
|
235
|
-
children: React.ReactNode;
|
|
236
|
-
config?: Partial<SignlessConfig>;
|
|
237
|
-
}
|
|
238
|
-
declare function SignlessProvider({ children, config }: SignlessProviderProps): react_jsx_runtime.JSX.Element;
|
|
239
|
-
declare function useSignless(): SignlessContextValue;
|
|
240
|
-
|
|
241
|
-
interface UseTonPaySignlessResult {
|
|
242
|
-
pay: <T extends object = object>(getMessage: GetMessageFn<T>) => Promise<PayInfo<T>>;
|
|
243
|
-
paySignless: (params: SignlessPayloadParams) => Promise<SignlessSignedPayload>;
|
|
244
|
-
address: string;
|
|
245
|
-
signless: {
|
|
246
|
-
state: SignlessState;
|
|
247
|
-
config: SignlessConfig;
|
|
248
|
-
setup: (params: SignlessSetupParams) => Promise<void>;
|
|
249
|
-
unlock: (params: SignlessUnlockParams) => Promise<void>;
|
|
250
|
-
lock: () => void;
|
|
251
|
-
reset: () => Promise<void>;
|
|
252
|
-
updateConfig: (config: Partial<SignlessConfig>) => void;
|
|
253
|
-
isBiometricAvailable: boolean;
|
|
254
|
-
isEnabled: boolean;
|
|
255
|
-
isSetup: boolean;
|
|
256
|
-
isUnlocked: boolean;
|
|
257
|
-
requiresUnlock: boolean;
|
|
258
|
-
};
|
|
259
|
-
}
|
|
260
|
-
declare function useTonPaySignless(): UseTonPaySignlessResult;
|
|
261
|
-
|
|
262
|
-
type SignlessModalType = "setup" | "unlock" | null;
|
|
263
|
-
interface UseSignlessModalResult {
|
|
264
|
-
modalType: SignlessModalType;
|
|
265
|
-
isOpen: boolean;
|
|
266
|
-
openSetup: () => void;
|
|
267
|
-
openUnlock: () => void;
|
|
268
|
-
close: () => void;
|
|
269
|
-
onSetupComplete: () => void;
|
|
270
|
-
onUnlockComplete: () => void;
|
|
271
|
-
}
|
|
272
|
-
declare function useSignlessModal(): UseSignlessModalResult;
|
|
273
|
-
|
|
274
|
-
declare const PinInput: React.FC<PinInputProps>;
|
|
275
|
-
|
|
276
|
-
declare const SignlessSetupModal: React.FC<SignlessSetupModalProps>;
|
|
277
|
-
|
|
278
|
-
declare const SignlessUnlockModal: React.FC<SignlessUnlockModalProps>;
|
|
279
|
-
|
|
280
|
-
declare class SignlessStorage {
|
|
281
|
-
private storageKey;
|
|
282
|
-
constructor(storageKey?: string);
|
|
283
|
-
private getStorage;
|
|
284
|
-
saveVault(walletAddress: string, vault: EncryptedKeyVault, authMethod: SignlessAuthMethod, webauthnCredential?: WebAuthnCredentialInfo): Promise<void>;
|
|
285
|
-
loadVault(walletAddress: string): Promise<SignlessVaultData | null>;
|
|
286
|
-
deleteVault(walletAddress: string): Promise<void>;
|
|
287
|
-
hasVault(walletAddress: string): Promise<boolean>;
|
|
288
|
-
updateVaultTimestamp(walletAddress: string): Promise<void>;
|
|
289
|
-
getAllWalletsWithVaults(): Promise<string[]>;
|
|
290
|
-
private getStorageKeyForWallet;
|
|
291
|
-
}
|
|
292
|
-
declare const signlessStorage: SignlessStorage;
|
|
293
|
-
|
|
294
|
-
export { BottomSheet, type BottomSheetProps, type EncryptedKeyVault, ErrorTransactionNotification, type GetMessageFn, NotificationCard, type NotificationProps, NotificationRoot, type OnRampProvider, type PayInfo, PaymentModal, type PaymentModalProps, type PaymentViewState, PinInput, type PinInputProps, type SignlessAuthMethod, type SignlessConfig, type SignlessContextValue, type SignlessModalType, type SignlessPayloadParams, SignlessProvider, SignlessSetupModal, type SignlessSetupModalProps, type SignlessSetupParams, type SignlessSignedPayload, type SignlessState, type SignlessStatus, SignlessStorage, SignlessUnlockModal, type SignlessUnlockModalProps, type SignlessUnlockParams, type SignlessVaultData, TonPayButton, type TonPayButtonProps, type TonPayMessage, type TonPayPreset, type TonPayVariant, type UseMoonPayIframeOptions, type UseSignlessModalResult, type UseTonPaySignlessResult, type WebAuthnCredentialInfo, createWebAuthnCredential, decryptPrivateKey, encryptPrivateKey, generateKeyPair, getWebAuthnCredential, isWebAuthnSupported, signMessage, signlessStorage, useMoonPayIframe, useSignless, useSignlessModal, useTonPay, useTonPaySignless, verifySignlessSignature };
|
|
124
|
+
export { BottomSheet, type BottomSheetProps, ErrorTransactionNotification, type GetMessageFn, NotificationCard, type NotificationProps, NotificationRoot, type OnRampProvider, type PayInfo, PaymentModal, type PaymentModalProps, type PaymentViewState, TonPayButton, type TonPayButtonProps, type TonPayMessage, type TonPayPreset, type TonPayVariant, type UseMoonPayIframeOptions, useMoonPayIframe, useTonPay };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,12 +3,11 @@ import { CSSProperties, ReactNode } from 'react';
|
|
|
3
3
|
import { SendTransactionRequest, SendTransactionResponse } from '@tonconnect/sdk';
|
|
4
4
|
import { Chain, CreateMoonpayTransferParams, MoonpayGeoResult, MoonpayAmountLimits } from '@ton-pay/api';
|
|
5
5
|
export { Chain } from '@ton-pay/api';
|
|
6
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
|
-
type TonPayPreset =
|
|
9
|
-
type TonPayVariant =
|
|
10
|
-
type OnRampProvider =
|
|
11
|
-
type TonPayMessage = SendTransactionRequest[
|
|
7
|
+
type TonPayPreset = 'default' | 'gradient';
|
|
8
|
+
type TonPayVariant = 'long' | 'short';
|
|
9
|
+
type OnRampProvider = 'moonpay';
|
|
10
|
+
type TonPayMessage = SendTransactionRequest['messages'][number] & {
|
|
12
11
|
payload: string;
|
|
13
12
|
};
|
|
14
13
|
type GetMessageFn<T extends object = object> = (senderAddr: string) => Promise<{
|
|
@@ -65,7 +64,7 @@ interface PaymentModalProps {
|
|
|
65
64
|
onPaymentSuccess?: () => void;
|
|
66
65
|
isLoading?: boolean;
|
|
67
66
|
}
|
|
68
|
-
type PaymentViewState =
|
|
67
|
+
type PaymentViewState = 'main' | 'card' | 'success' | 'error';
|
|
69
68
|
interface BottomSheetProps {
|
|
70
69
|
isOpen: boolean;
|
|
71
70
|
onClose: () => void;
|
|
@@ -122,173 +121,4 @@ declare function useMoonPayIframe({ apiKey, chain, }: UseMoonPayIframeOptions):
|
|
|
122
121
|
limits: MoonpayAmountLimits | null;
|
|
123
122
|
};
|
|
124
123
|
|
|
125
|
-
|
|
126
|
-
publicKey: Uint8Array;
|
|
127
|
-
privateKey: Uint8Array;
|
|
128
|
-
}
|
|
129
|
-
declare function generateKeyPair(): Promise<KeyPair>;
|
|
130
|
-
declare function signMessage(privateKey: Uint8Array, message: Uint8Array): Promise<Uint8Array>;
|
|
131
|
-
declare function verifySignlessSignature(publicKey: Uint8Array, message: Uint8Array, signature: Uint8Array): Promise<boolean>;
|
|
132
|
-
|
|
133
|
-
interface EncryptedKeyVault {
|
|
134
|
-
salt: string;
|
|
135
|
-
iv: string;
|
|
136
|
-
encryptedBlob: string;
|
|
137
|
-
publicKey: string;
|
|
138
|
-
version: number;
|
|
139
|
-
}
|
|
140
|
-
declare function encryptPrivateKey(privateKey: Uint8Array, publicKey: Uint8Array, pin: string): Promise<EncryptedKeyVault>;
|
|
141
|
-
declare function decryptPrivateKey(vault: EncryptedKeyVault, pin: string): Promise<Uint8Array>;
|
|
142
|
-
|
|
143
|
-
interface WebAuthnCredentialInfo {
|
|
144
|
-
credentialId: string;
|
|
145
|
-
publicKey: string;
|
|
146
|
-
transports?: AuthenticatorTransport[];
|
|
147
|
-
}
|
|
148
|
-
declare function isWebAuthnSupported(): boolean;
|
|
149
|
-
declare function createWebAuthnCredential(walletAddress: string): Promise<WebAuthnCredentialInfo>;
|
|
150
|
-
declare function getWebAuthnCredential(credentialInfo: WebAuthnCredentialInfo): Promise<ArrayBuffer>;
|
|
151
|
-
|
|
152
|
-
type SignlessAuthMethod = "pin" | "biometric" | "none";
|
|
153
|
-
type SignlessStatus = "disabled" | "not_setup" | "locked" | "unlocked" | "setting_up";
|
|
154
|
-
interface SignlessConfig {
|
|
155
|
-
enabled: boolean;
|
|
156
|
-
authMethod: SignlessAuthMethod;
|
|
157
|
-
autoLockTimeout?: number;
|
|
158
|
-
storageKey?: string;
|
|
159
|
-
}
|
|
160
|
-
interface SignlessState {
|
|
161
|
-
status: SignlessStatus;
|
|
162
|
-
isEnabled: boolean;
|
|
163
|
-
isSetup: boolean;
|
|
164
|
-
isUnlocked: boolean;
|
|
165
|
-
authMethod: SignlessAuthMethod;
|
|
166
|
-
publicKey: string | null;
|
|
167
|
-
walletAddress: string | null;
|
|
168
|
-
}
|
|
169
|
-
interface SignlessVaultData {
|
|
170
|
-
vault: EncryptedKeyVault;
|
|
171
|
-
authMethod: SignlessAuthMethod;
|
|
172
|
-
walletAddress: string;
|
|
173
|
-
webauthnCredential?: WebAuthnCredentialInfo;
|
|
174
|
-
createdAt: number;
|
|
175
|
-
updatedAt: number;
|
|
176
|
-
}
|
|
177
|
-
interface SignlessSetupParams {
|
|
178
|
-
authMethod: SignlessAuthMethod;
|
|
179
|
-
pin?: string;
|
|
180
|
-
}
|
|
181
|
-
interface SignlessUnlockParams {
|
|
182
|
-
pin?: string;
|
|
183
|
-
}
|
|
184
|
-
interface SignlessPayloadParams {
|
|
185
|
-
recipient: string;
|
|
186
|
-
amount: string;
|
|
187
|
-
token?: string;
|
|
188
|
-
payload?: string;
|
|
189
|
-
reference?: string;
|
|
190
|
-
validUntil?: number;
|
|
191
|
-
}
|
|
192
|
-
interface SignlessSignedPayload {
|
|
193
|
-
payload: Uint8Array;
|
|
194
|
-
signature: Uint8Array;
|
|
195
|
-
publicKey: string;
|
|
196
|
-
reference: string;
|
|
197
|
-
validUntil: number;
|
|
198
|
-
}
|
|
199
|
-
interface SignlessContextValue {
|
|
200
|
-
state: SignlessState;
|
|
201
|
-
config: SignlessConfig;
|
|
202
|
-
setup: (params: SignlessSetupParams) => Promise<void>;
|
|
203
|
-
unlock: (params: SignlessUnlockParams) => Promise<void>;
|
|
204
|
-
lock: () => void;
|
|
205
|
-
reset: () => Promise<void>;
|
|
206
|
-
signPayload: (params: SignlessPayloadParams) => Promise<SignlessSignedPayload>;
|
|
207
|
-
updateConfig: (config: Partial<SignlessConfig>) => void;
|
|
208
|
-
isBiometricAvailable: boolean;
|
|
209
|
-
}
|
|
210
|
-
interface PinInputProps {
|
|
211
|
-
length?: number;
|
|
212
|
-
onComplete: (pin: string) => void;
|
|
213
|
-
onCancel?: () => void;
|
|
214
|
-
title?: string;
|
|
215
|
-
subtitle?: string;
|
|
216
|
-
error?: string | null;
|
|
217
|
-
isLoading?: boolean;
|
|
218
|
-
showBiometric?: boolean;
|
|
219
|
-
onBiometricPress?: () => void;
|
|
220
|
-
}
|
|
221
|
-
interface SignlessSetupModalProps {
|
|
222
|
-
isOpen: boolean;
|
|
223
|
-
onClose: () => void;
|
|
224
|
-
onComplete: () => void;
|
|
225
|
-
showBiometric?: boolean;
|
|
226
|
-
}
|
|
227
|
-
interface SignlessUnlockModalProps {
|
|
228
|
-
isOpen: boolean;
|
|
229
|
-
onClose: () => void;
|
|
230
|
-
onUnlock: () => void;
|
|
231
|
-
showBiometric?: boolean;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
interface SignlessProviderProps {
|
|
235
|
-
children: React.ReactNode;
|
|
236
|
-
config?: Partial<SignlessConfig>;
|
|
237
|
-
}
|
|
238
|
-
declare function SignlessProvider({ children, config }: SignlessProviderProps): react_jsx_runtime.JSX.Element;
|
|
239
|
-
declare function useSignless(): SignlessContextValue;
|
|
240
|
-
|
|
241
|
-
interface UseTonPaySignlessResult {
|
|
242
|
-
pay: <T extends object = object>(getMessage: GetMessageFn<T>) => Promise<PayInfo<T>>;
|
|
243
|
-
paySignless: (params: SignlessPayloadParams) => Promise<SignlessSignedPayload>;
|
|
244
|
-
address: string;
|
|
245
|
-
signless: {
|
|
246
|
-
state: SignlessState;
|
|
247
|
-
config: SignlessConfig;
|
|
248
|
-
setup: (params: SignlessSetupParams) => Promise<void>;
|
|
249
|
-
unlock: (params: SignlessUnlockParams) => Promise<void>;
|
|
250
|
-
lock: () => void;
|
|
251
|
-
reset: () => Promise<void>;
|
|
252
|
-
updateConfig: (config: Partial<SignlessConfig>) => void;
|
|
253
|
-
isBiometricAvailable: boolean;
|
|
254
|
-
isEnabled: boolean;
|
|
255
|
-
isSetup: boolean;
|
|
256
|
-
isUnlocked: boolean;
|
|
257
|
-
requiresUnlock: boolean;
|
|
258
|
-
};
|
|
259
|
-
}
|
|
260
|
-
declare function useTonPaySignless(): UseTonPaySignlessResult;
|
|
261
|
-
|
|
262
|
-
type SignlessModalType = "setup" | "unlock" | null;
|
|
263
|
-
interface UseSignlessModalResult {
|
|
264
|
-
modalType: SignlessModalType;
|
|
265
|
-
isOpen: boolean;
|
|
266
|
-
openSetup: () => void;
|
|
267
|
-
openUnlock: () => void;
|
|
268
|
-
close: () => void;
|
|
269
|
-
onSetupComplete: () => void;
|
|
270
|
-
onUnlockComplete: () => void;
|
|
271
|
-
}
|
|
272
|
-
declare function useSignlessModal(): UseSignlessModalResult;
|
|
273
|
-
|
|
274
|
-
declare const PinInput: React.FC<PinInputProps>;
|
|
275
|
-
|
|
276
|
-
declare const SignlessSetupModal: React.FC<SignlessSetupModalProps>;
|
|
277
|
-
|
|
278
|
-
declare const SignlessUnlockModal: React.FC<SignlessUnlockModalProps>;
|
|
279
|
-
|
|
280
|
-
declare class SignlessStorage {
|
|
281
|
-
private storageKey;
|
|
282
|
-
constructor(storageKey?: string);
|
|
283
|
-
private getStorage;
|
|
284
|
-
saveVault(walletAddress: string, vault: EncryptedKeyVault, authMethod: SignlessAuthMethod, webauthnCredential?: WebAuthnCredentialInfo): Promise<void>;
|
|
285
|
-
loadVault(walletAddress: string): Promise<SignlessVaultData | null>;
|
|
286
|
-
deleteVault(walletAddress: string): Promise<void>;
|
|
287
|
-
hasVault(walletAddress: string): Promise<boolean>;
|
|
288
|
-
updateVaultTimestamp(walletAddress: string): Promise<void>;
|
|
289
|
-
getAllWalletsWithVaults(): Promise<string[]>;
|
|
290
|
-
private getStorageKeyForWallet;
|
|
291
|
-
}
|
|
292
|
-
declare const signlessStorage: SignlessStorage;
|
|
293
|
-
|
|
294
|
-
export { BottomSheet, type BottomSheetProps, type EncryptedKeyVault, ErrorTransactionNotification, type GetMessageFn, NotificationCard, type NotificationProps, NotificationRoot, type OnRampProvider, type PayInfo, PaymentModal, type PaymentModalProps, type PaymentViewState, PinInput, type PinInputProps, type SignlessAuthMethod, type SignlessConfig, type SignlessContextValue, type SignlessModalType, type SignlessPayloadParams, SignlessProvider, SignlessSetupModal, type SignlessSetupModalProps, type SignlessSetupParams, type SignlessSignedPayload, type SignlessState, type SignlessStatus, SignlessStorage, SignlessUnlockModal, type SignlessUnlockModalProps, type SignlessUnlockParams, type SignlessVaultData, TonPayButton, type TonPayButtonProps, type TonPayMessage, type TonPayPreset, type TonPayVariant, type UseMoonPayIframeOptions, type UseSignlessModalResult, type UseTonPaySignlessResult, type WebAuthnCredentialInfo, createWebAuthnCredential, decryptPrivateKey, encryptPrivateKey, generateKeyPair, getWebAuthnCredential, isWebAuthnSupported, signMessage, signlessStorage, useMoonPayIframe, useSignless, useSignlessModal, useTonPay, useTonPaySignless, verifySignlessSignature };
|
|
124
|
+
export { BottomSheet, type BottomSheetProps, ErrorTransactionNotification, type GetMessageFn, NotificationCard, type NotificationProps, NotificationRoot, type OnRampProvider, type PayInfo, PaymentModal, type PaymentModalProps, type PaymentViewState, TonPayButton, type TonPayButtonProps, type TonPayMessage, type TonPayPreset, type TonPayVariant, type UseMoonPayIframeOptions, useMoonPayIframe, useTonPay };
|