@cuekit-ai/react 1.4.0 → 1.6.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/dist/{chunk-VQ6DNY3R.mjs → chunk-24V3WQXJ.mjs} +1001 -680
- package/dist/cuekit.css +534 -0
- package/dist/index.d.mts +169 -52
- package/dist/index.d.ts +169 -52
- package/dist/index.js +2138 -820
- package/dist/index.mjs +1254 -257
- package/dist/{webrtc-service-3TOBGQF7.mjs → webrtc-service-N76TYFI4.mjs} +1 -1
- package/package.json +5 -5
package/dist/index.d.mts
CHANGED
|
@@ -4,23 +4,27 @@ import * as livekit_client from 'livekit-client';
|
|
|
4
4
|
import { ConnectionState, Room } from 'livekit-client';
|
|
5
5
|
|
|
6
6
|
declare global {
|
|
7
|
-
interface
|
|
7
|
+
interface AnsyrGlobalStore {
|
|
8
8
|
intent: string | null;
|
|
9
9
|
lastText: string;
|
|
10
10
|
lastClickedLabel: string;
|
|
11
11
|
apiKey?: string;
|
|
12
12
|
appId?: string;
|
|
13
13
|
deviceId?: string;
|
|
14
|
-
update: (data: Partial<
|
|
14
|
+
update: (data: Partial<AnsyrGlobalStore>) => void;
|
|
15
15
|
}
|
|
16
|
-
var
|
|
16
|
+
var AnsyrStore: AnsyrGlobalStore;
|
|
17
17
|
}
|
|
18
|
-
type
|
|
18
|
+
type AnsyrCtx = {
|
|
19
19
|
apiKey: string;
|
|
20
20
|
appId: string;
|
|
21
|
+
title: string;
|
|
22
|
+
showLogo: boolean;
|
|
23
|
+
showAIIcon: boolean;
|
|
24
|
+
showUserIcon: boolean;
|
|
21
25
|
};
|
|
22
|
-
declare const
|
|
23
|
-
|
|
26
|
+
declare const useAnsyrContext: () => AnsyrCtx;
|
|
27
|
+
interface Props {
|
|
24
28
|
apiKey: string;
|
|
25
29
|
deviceId?: string;
|
|
26
30
|
appId: string;
|
|
@@ -29,8 +33,12 @@ type Props = {
|
|
|
29
33
|
onConnectionStateChange?: (state: any) => void;
|
|
30
34
|
onParticipantUpdate?: (participants: string[]) => void;
|
|
31
35
|
onToolLog?: (log: any) => void;
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
title?: string;
|
|
37
|
+
showLogo?: boolean;
|
|
38
|
+
showAIIcon?: boolean;
|
|
39
|
+
showUserIcon?: boolean;
|
|
40
|
+
}
|
|
41
|
+
declare const AnsyrProvider: React__default.FC<Props>;
|
|
34
42
|
|
|
35
43
|
interface CuekitConfig {
|
|
36
44
|
apiKey: string;
|
|
@@ -44,6 +52,22 @@ interface CuekitConfig {
|
|
|
44
52
|
}
|
|
45
53
|
declare function InitCuekit(config: CuekitConfig): void;
|
|
46
54
|
|
|
55
|
+
interface Language {
|
|
56
|
+
code: string;
|
|
57
|
+
name: string;
|
|
58
|
+
flag: string;
|
|
59
|
+
}
|
|
60
|
+
interface LanguageSelectorProps {
|
|
61
|
+
selectedLanguage: Language;
|
|
62
|
+
onLanguageChange: (language: Language) => void;
|
|
63
|
+
availableLanguages: Language[];
|
|
64
|
+
disabled?: boolean;
|
|
65
|
+
className?: string;
|
|
66
|
+
tooltip?: string;
|
|
67
|
+
screenPosition?: 'bottom-center' | 'bottom-left' | 'bottom-right';
|
|
68
|
+
}
|
|
69
|
+
declare const LanguageSelector: React__default.FC<LanguageSelectorProps>;
|
|
70
|
+
|
|
47
71
|
type ScreenPosition = 'bottom-center' | 'bottom-left' | 'bottom-right';
|
|
48
72
|
type MicState$1 = 'idle' | 'listening' | 'thinking' | 'replying';
|
|
49
73
|
type MicButtonProps = {
|
|
@@ -58,51 +82,13 @@ type MicButtonProps = {
|
|
|
58
82
|
buttonSize?: number;
|
|
59
83
|
defaultTheme?: 'light' | 'dark' | 'system';
|
|
60
84
|
showBorderGlow?: boolean;
|
|
85
|
+
language?: Language;
|
|
86
|
+
defaultLanguage?: Language;
|
|
87
|
+
onLanguageChange?: (language: Language) => void;
|
|
61
88
|
};
|
|
62
89
|
|
|
63
90
|
declare const MicButton: React__default.FC<MicButtonProps>;
|
|
64
91
|
|
|
65
|
-
interface ChatPopupProps {
|
|
66
|
-
isOpen: boolean;
|
|
67
|
-
isMinimized: boolean;
|
|
68
|
-
onClose: () => void;
|
|
69
|
-
onMinimize: () => void;
|
|
70
|
-
onRestore: () => void;
|
|
71
|
-
onSendText: (text: string) => Promise<any>;
|
|
72
|
-
onEndCall?: () => Promise<void>;
|
|
73
|
-
messages: Array<{
|
|
74
|
-
text: string;
|
|
75
|
-
sender: 'user' | 'assistant';
|
|
76
|
-
}>;
|
|
77
|
-
isConnected: boolean;
|
|
78
|
-
micState: string;
|
|
79
|
-
participants: string[];
|
|
80
|
-
error?: string | null;
|
|
81
|
-
currentTheme?: 'light' | 'dark';
|
|
82
|
-
onThemeToggle?: (theme: 'light' | 'dark') => void;
|
|
83
|
-
status?: string;
|
|
84
|
-
anchor?: {
|
|
85
|
-
position: 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
86
|
-
bottom: number;
|
|
87
|
-
size: number;
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
declare const ChatPopup: React__default.FC<ChatPopupProps>;
|
|
91
|
-
|
|
92
|
-
interface BorderGlowProps {
|
|
93
|
-
isActive: boolean;
|
|
94
|
-
}
|
|
95
|
-
declare const BorderGlow: ({ isActive }: BorderGlowProps) => React__default.JSX.Element | null;
|
|
96
|
-
|
|
97
|
-
interface VoiceIntensityVisualizerProps {
|
|
98
|
-
isActive: boolean;
|
|
99
|
-
barCount?: number;
|
|
100
|
-
minHeight?: number;
|
|
101
|
-
className?: string;
|
|
102
|
-
buttonSize?: number;
|
|
103
|
-
}
|
|
104
|
-
declare const VoiceIntensityVisualizer: React__default.FC<VoiceIntensityVisualizerProps>;
|
|
105
|
-
|
|
106
92
|
interface AuthResponse {
|
|
107
93
|
session_id: string;
|
|
108
94
|
api_key: string;
|
|
@@ -160,6 +146,10 @@ interface ChatMessage {
|
|
|
160
146
|
timestamp: string;
|
|
161
147
|
}
|
|
162
148
|
type MicState = 'idle' | 'listening' | 'thinking' | 'replying';
|
|
149
|
+
interface MuteState {
|
|
150
|
+
isMuted: boolean;
|
|
151
|
+
canMute: boolean;
|
|
152
|
+
}
|
|
163
153
|
declare const useCuekit: (options?: {
|
|
164
154
|
onNavigationCommand?: (command: NavigationCommand) => void;
|
|
165
155
|
onConnectionStateChange?: (state: ConnectionState) => void;
|
|
@@ -173,8 +163,12 @@ declare const useCuekit: (options?: {
|
|
|
173
163
|
setMicState: React.Dispatch<React.SetStateAction<MicState>>;
|
|
174
164
|
status: string;
|
|
175
165
|
setStatus: React.Dispatch<React.SetStateAction<string>>;
|
|
176
|
-
connect: (identity: string, apiKey?: string, appId?: string) => Promise<void>;
|
|
166
|
+
connect: (identity: string, apiKey?: string, appId?: string, language?: Language) => Promise<void>;
|
|
177
167
|
disconnect: () => Promise<void>;
|
|
168
|
+
muteState: MuteState;
|
|
169
|
+
toggleMute: () => Promise<void>;
|
|
170
|
+
setMute: (muted: boolean) => Promise<void>;
|
|
171
|
+
sendChatMessage: (message: string) => Promise<void>;
|
|
178
172
|
isConnected: boolean;
|
|
179
173
|
isConnecting: boolean;
|
|
180
174
|
connectionState: ConnectionState | null;
|
|
@@ -189,6 +183,129 @@ declare const useCuekit: (options?: {
|
|
|
189
183
|
audioContainerRef: React.RefObject<HTMLDivElement>;
|
|
190
184
|
};
|
|
191
185
|
|
|
186
|
+
interface Position {
|
|
187
|
+
x: number;
|
|
188
|
+
y: number;
|
|
189
|
+
}
|
|
190
|
+
interface Size {
|
|
191
|
+
width: number;
|
|
192
|
+
height: number;
|
|
193
|
+
}
|
|
194
|
+
interface Bounds {
|
|
195
|
+
minWidth: number;
|
|
196
|
+
minHeight: number;
|
|
197
|
+
maxWidth?: number;
|
|
198
|
+
maxHeight?: number;
|
|
199
|
+
}
|
|
200
|
+
type ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
|
|
201
|
+
interface DraggableResizableOptions {
|
|
202
|
+
bounds?: Bounds;
|
|
203
|
+
initialPosition?: Position;
|
|
204
|
+
initialSize?: Size;
|
|
205
|
+
onPositionChange?: (position: Position) => void;
|
|
206
|
+
onSizeChange?: (size: Size) => void;
|
|
207
|
+
disabled?: boolean;
|
|
208
|
+
dragHandle?: string;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
interface ChatPopupProps {
|
|
212
|
+
isOpen: boolean;
|
|
213
|
+
isMinimized: boolean;
|
|
214
|
+
onClose: () => void;
|
|
215
|
+
onMinimize: () => void;
|
|
216
|
+
onRestore: () => void;
|
|
217
|
+
onSendText: (text: string) => Promise<any>;
|
|
218
|
+
onEndCall?: () => Promise<void>;
|
|
219
|
+
messages: Array<{
|
|
220
|
+
text: string;
|
|
221
|
+
sender: 'user' | 'assistant';
|
|
222
|
+
}>;
|
|
223
|
+
isConnected: boolean;
|
|
224
|
+
micState: string;
|
|
225
|
+
participants: string[];
|
|
226
|
+
error?: string | null;
|
|
227
|
+
currentTheme?: 'light' | 'dark';
|
|
228
|
+
onThemeToggle?: (theme: 'light' | 'dark') => void;
|
|
229
|
+
status?: string;
|
|
230
|
+
anchor?: {
|
|
231
|
+
position: 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
232
|
+
bottom: number;
|
|
233
|
+
size: number;
|
|
234
|
+
};
|
|
235
|
+
muteState?: MuteState;
|
|
236
|
+
onToggleMute?: () => Promise<void>;
|
|
237
|
+
draggable?: boolean;
|
|
238
|
+
resizable?: boolean;
|
|
239
|
+
initialPosition?: Position;
|
|
240
|
+
initialSize?: Size;
|
|
241
|
+
onPositionChange?: (position: Position) => void;
|
|
242
|
+
onSizeChange?: (size: Size) => void;
|
|
243
|
+
persistPosition?: boolean;
|
|
244
|
+
persistSize?: boolean;
|
|
245
|
+
storageKey?: string;
|
|
246
|
+
}
|
|
247
|
+
declare const ChatPopup: React__default.FC<ChatPopupProps>;
|
|
248
|
+
|
|
249
|
+
interface BorderGlowProps {
|
|
250
|
+
isActive: boolean;
|
|
251
|
+
}
|
|
252
|
+
declare const BorderGlow: ({ isActive }: BorderGlowProps) => React__default.JSX.Element | null;
|
|
253
|
+
|
|
254
|
+
interface VoiceIntensityVisualizerProps {
|
|
255
|
+
isActive: boolean;
|
|
256
|
+
barCount?: number;
|
|
257
|
+
minHeight?: number;
|
|
258
|
+
className?: string;
|
|
259
|
+
buttonSize?: number;
|
|
260
|
+
}
|
|
261
|
+
declare const VoiceIntensityVisualizer: React__default.FC<VoiceIntensityVisualizerProps>;
|
|
262
|
+
|
|
263
|
+
interface DraggableResizableContainerProps extends Omit<DraggableResizableOptions, 'onPositionChange' | 'onSizeChange'> {
|
|
264
|
+
children: React__default.ReactNode;
|
|
265
|
+
className?: string;
|
|
266
|
+
style?: React__default.CSSProperties;
|
|
267
|
+
dragHandle?: string;
|
|
268
|
+
showResizeHandles?: boolean;
|
|
269
|
+
resizeHandleSize?: number;
|
|
270
|
+
onPositionChange?: (position: Position) => void;
|
|
271
|
+
onSizeChange?: (size: Size) => void;
|
|
272
|
+
onDragStart?: () => void;
|
|
273
|
+
onDragEnd?: () => void;
|
|
274
|
+
onResizeStart?: () => void;
|
|
275
|
+
onResizeEnd?: () => void;
|
|
276
|
+
storageKey?: string;
|
|
277
|
+
persistPosition?: boolean;
|
|
278
|
+
persistSize?: boolean;
|
|
279
|
+
}
|
|
280
|
+
declare const DraggableResizableContainer: React__default.FC<DraggableResizableContainerProps>;
|
|
281
|
+
declare const useDraggableResizableContainer: (storageKey?: string) => {
|
|
282
|
+
loadData: () => any;
|
|
283
|
+
saveData: (data: {
|
|
284
|
+
position?: Position;
|
|
285
|
+
size?: Size;
|
|
286
|
+
}) => void;
|
|
287
|
+
clearData: () => void;
|
|
288
|
+
};
|
|
289
|
+
|
|
290
|
+
interface ResizeHandleProps {
|
|
291
|
+
direction: ResizeDirection;
|
|
292
|
+
onMouseDown: (e: React__default.MouseEvent) => void;
|
|
293
|
+
disabled?: boolean;
|
|
294
|
+
className?: string;
|
|
295
|
+
style?: React__default.CSSProperties;
|
|
296
|
+
size?: number;
|
|
297
|
+
}
|
|
298
|
+
declare const ResizeHandle: React__default.FC<ResizeHandleProps>;
|
|
299
|
+
interface ResizeHandlesProps {
|
|
300
|
+
onResizeStart: (direction: ResizeDirection) => (e: React__default.MouseEvent) => void;
|
|
301
|
+
disabled?: boolean;
|
|
302
|
+
className?: string;
|
|
303
|
+
style?: React__default.CSSProperties;
|
|
304
|
+
size?: number;
|
|
305
|
+
showHandles?: ResizeDirection[];
|
|
306
|
+
}
|
|
307
|
+
declare const ResizeHandles: React__default.FC<ResizeHandlesProps>;
|
|
308
|
+
|
|
192
309
|
declare const useWebRTC: (options?: {
|
|
193
310
|
onNavigationCommand?: (command: NavigationCommand) => void;
|
|
194
311
|
onConnectionStateChange?: (state: ConnectionState) => void;
|
|
@@ -206,7 +323,7 @@ declare const useWebRTC: (options?: {
|
|
|
206
323
|
roomName: string | null;
|
|
207
324
|
participants: string[];
|
|
208
325
|
error: string | null;
|
|
209
|
-
connect: (identity: string, apiKey?: string, appId?: string) => Promise<AuthResponse | undefined>;
|
|
326
|
+
connect: (identity: string, apiKey?: string, appId?: string, language?: Language) => Promise<AuthResponse | undefined>;
|
|
210
327
|
disconnect: () => Promise<void>;
|
|
211
328
|
sendData: typeof sendData;
|
|
212
329
|
sendScreenStatus: typeof sendScreenStatus;
|
|
@@ -297,4 +414,4 @@ declare function getCurrentPathParams(): Record<string, string>;
|
|
|
297
414
|
*/
|
|
298
415
|
declare function resolveRoutePath(routePath: string, params: Record<string, string>): string;
|
|
299
416
|
|
|
300
|
-
export { BorderGlow, ChatPopup, type ChatPopupProps,
|
|
417
|
+
export { AnsyrProvider, BorderGlow, type Bounds, ChatPopup, type ChatPopupProps, type Props as CuekitProviderProps, type DOMStructurePayload, DraggableResizableContainer, type DraggableResizableContainerProps, type ElementAction, InitCuekit, type InteractiveElement, type Language, LanguageSelector, type LanguageSelectorProps, MicButton, type MicButtonProps, type MicState$1 as MicState, type MuteState, type NavigationCommand, type Position, type ResizeDirection, ResizeHandle, type ResizeHandleProps, ResizeHandles, type ResizeHandlesProps, type ServerConfig, type Size, type TokenRequest, type TokenResponse, VoiceIntensityVisualizer, type WebRTCServerConfig, captureAllInteractiveElements, clearElementCache, configureWebRTCServer, executeAction, generateDynamicId, getCurrentPathParams, getWebRTCServerConfig, initWebRTC, initWebRTCWithDeployedBackend, resolveRoutePath, useAnsyrContext, useCuekit, useDraggableResizableContainer, useWebRTC, validateDynamicElements };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,23 +4,27 @@ import * as livekit_client from 'livekit-client';
|
|
|
4
4
|
import { ConnectionState, Room } from 'livekit-client';
|
|
5
5
|
|
|
6
6
|
declare global {
|
|
7
|
-
interface
|
|
7
|
+
interface AnsyrGlobalStore {
|
|
8
8
|
intent: string | null;
|
|
9
9
|
lastText: string;
|
|
10
10
|
lastClickedLabel: string;
|
|
11
11
|
apiKey?: string;
|
|
12
12
|
appId?: string;
|
|
13
13
|
deviceId?: string;
|
|
14
|
-
update: (data: Partial<
|
|
14
|
+
update: (data: Partial<AnsyrGlobalStore>) => void;
|
|
15
15
|
}
|
|
16
|
-
var
|
|
16
|
+
var AnsyrStore: AnsyrGlobalStore;
|
|
17
17
|
}
|
|
18
|
-
type
|
|
18
|
+
type AnsyrCtx = {
|
|
19
19
|
apiKey: string;
|
|
20
20
|
appId: string;
|
|
21
|
+
title: string;
|
|
22
|
+
showLogo: boolean;
|
|
23
|
+
showAIIcon: boolean;
|
|
24
|
+
showUserIcon: boolean;
|
|
21
25
|
};
|
|
22
|
-
declare const
|
|
23
|
-
|
|
26
|
+
declare const useAnsyrContext: () => AnsyrCtx;
|
|
27
|
+
interface Props {
|
|
24
28
|
apiKey: string;
|
|
25
29
|
deviceId?: string;
|
|
26
30
|
appId: string;
|
|
@@ -29,8 +33,12 @@ type Props = {
|
|
|
29
33
|
onConnectionStateChange?: (state: any) => void;
|
|
30
34
|
onParticipantUpdate?: (participants: string[]) => void;
|
|
31
35
|
onToolLog?: (log: any) => void;
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
title?: string;
|
|
37
|
+
showLogo?: boolean;
|
|
38
|
+
showAIIcon?: boolean;
|
|
39
|
+
showUserIcon?: boolean;
|
|
40
|
+
}
|
|
41
|
+
declare const AnsyrProvider: React__default.FC<Props>;
|
|
34
42
|
|
|
35
43
|
interface CuekitConfig {
|
|
36
44
|
apiKey: string;
|
|
@@ -44,6 +52,22 @@ interface CuekitConfig {
|
|
|
44
52
|
}
|
|
45
53
|
declare function InitCuekit(config: CuekitConfig): void;
|
|
46
54
|
|
|
55
|
+
interface Language {
|
|
56
|
+
code: string;
|
|
57
|
+
name: string;
|
|
58
|
+
flag: string;
|
|
59
|
+
}
|
|
60
|
+
interface LanguageSelectorProps {
|
|
61
|
+
selectedLanguage: Language;
|
|
62
|
+
onLanguageChange: (language: Language) => void;
|
|
63
|
+
availableLanguages: Language[];
|
|
64
|
+
disabled?: boolean;
|
|
65
|
+
className?: string;
|
|
66
|
+
tooltip?: string;
|
|
67
|
+
screenPosition?: 'bottom-center' | 'bottom-left' | 'bottom-right';
|
|
68
|
+
}
|
|
69
|
+
declare const LanguageSelector: React__default.FC<LanguageSelectorProps>;
|
|
70
|
+
|
|
47
71
|
type ScreenPosition = 'bottom-center' | 'bottom-left' | 'bottom-right';
|
|
48
72
|
type MicState$1 = 'idle' | 'listening' | 'thinking' | 'replying';
|
|
49
73
|
type MicButtonProps = {
|
|
@@ -58,51 +82,13 @@ type MicButtonProps = {
|
|
|
58
82
|
buttonSize?: number;
|
|
59
83
|
defaultTheme?: 'light' | 'dark' | 'system';
|
|
60
84
|
showBorderGlow?: boolean;
|
|
85
|
+
language?: Language;
|
|
86
|
+
defaultLanguage?: Language;
|
|
87
|
+
onLanguageChange?: (language: Language) => void;
|
|
61
88
|
};
|
|
62
89
|
|
|
63
90
|
declare const MicButton: React__default.FC<MicButtonProps>;
|
|
64
91
|
|
|
65
|
-
interface ChatPopupProps {
|
|
66
|
-
isOpen: boolean;
|
|
67
|
-
isMinimized: boolean;
|
|
68
|
-
onClose: () => void;
|
|
69
|
-
onMinimize: () => void;
|
|
70
|
-
onRestore: () => void;
|
|
71
|
-
onSendText: (text: string) => Promise<any>;
|
|
72
|
-
onEndCall?: () => Promise<void>;
|
|
73
|
-
messages: Array<{
|
|
74
|
-
text: string;
|
|
75
|
-
sender: 'user' | 'assistant';
|
|
76
|
-
}>;
|
|
77
|
-
isConnected: boolean;
|
|
78
|
-
micState: string;
|
|
79
|
-
participants: string[];
|
|
80
|
-
error?: string | null;
|
|
81
|
-
currentTheme?: 'light' | 'dark';
|
|
82
|
-
onThemeToggle?: (theme: 'light' | 'dark') => void;
|
|
83
|
-
status?: string;
|
|
84
|
-
anchor?: {
|
|
85
|
-
position: 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
86
|
-
bottom: number;
|
|
87
|
-
size: number;
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
declare const ChatPopup: React__default.FC<ChatPopupProps>;
|
|
91
|
-
|
|
92
|
-
interface BorderGlowProps {
|
|
93
|
-
isActive: boolean;
|
|
94
|
-
}
|
|
95
|
-
declare const BorderGlow: ({ isActive }: BorderGlowProps) => React__default.JSX.Element | null;
|
|
96
|
-
|
|
97
|
-
interface VoiceIntensityVisualizerProps {
|
|
98
|
-
isActive: boolean;
|
|
99
|
-
barCount?: number;
|
|
100
|
-
minHeight?: number;
|
|
101
|
-
className?: string;
|
|
102
|
-
buttonSize?: number;
|
|
103
|
-
}
|
|
104
|
-
declare const VoiceIntensityVisualizer: React__default.FC<VoiceIntensityVisualizerProps>;
|
|
105
|
-
|
|
106
92
|
interface AuthResponse {
|
|
107
93
|
session_id: string;
|
|
108
94
|
api_key: string;
|
|
@@ -160,6 +146,10 @@ interface ChatMessage {
|
|
|
160
146
|
timestamp: string;
|
|
161
147
|
}
|
|
162
148
|
type MicState = 'idle' | 'listening' | 'thinking' | 'replying';
|
|
149
|
+
interface MuteState {
|
|
150
|
+
isMuted: boolean;
|
|
151
|
+
canMute: boolean;
|
|
152
|
+
}
|
|
163
153
|
declare const useCuekit: (options?: {
|
|
164
154
|
onNavigationCommand?: (command: NavigationCommand) => void;
|
|
165
155
|
onConnectionStateChange?: (state: ConnectionState) => void;
|
|
@@ -173,8 +163,12 @@ declare const useCuekit: (options?: {
|
|
|
173
163
|
setMicState: React.Dispatch<React.SetStateAction<MicState>>;
|
|
174
164
|
status: string;
|
|
175
165
|
setStatus: React.Dispatch<React.SetStateAction<string>>;
|
|
176
|
-
connect: (identity: string, apiKey?: string, appId?: string) => Promise<void>;
|
|
166
|
+
connect: (identity: string, apiKey?: string, appId?: string, language?: Language) => Promise<void>;
|
|
177
167
|
disconnect: () => Promise<void>;
|
|
168
|
+
muteState: MuteState;
|
|
169
|
+
toggleMute: () => Promise<void>;
|
|
170
|
+
setMute: (muted: boolean) => Promise<void>;
|
|
171
|
+
sendChatMessage: (message: string) => Promise<void>;
|
|
178
172
|
isConnected: boolean;
|
|
179
173
|
isConnecting: boolean;
|
|
180
174
|
connectionState: ConnectionState | null;
|
|
@@ -189,6 +183,129 @@ declare const useCuekit: (options?: {
|
|
|
189
183
|
audioContainerRef: React.RefObject<HTMLDivElement>;
|
|
190
184
|
};
|
|
191
185
|
|
|
186
|
+
interface Position {
|
|
187
|
+
x: number;
|
|
188
|
+
y: number;
|
|
189
|
+
}
|
|
190
|
+
interface Size {
|
|
191
|
+
width: number;
|
|
192
|
+
height: number;
|
|
193
|
+
}
|
|
194
|
+
interface Bounds {
|
|
195
|
+
minWidth: number;
|
|
196
|
+
minHeight: number;
|
|
197
|
+
maxWidth?: number;
|
|
198
|
+
maxHeight?: number;
|
|
199
|
+
}
|
|
200
|
+
type ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
|
|
201
|
+
interface DraggableResizableOptions {
|
|
202
|
+
bounds?: Bounds;
|
|
203
|
+
initialPosition?: Position;
|
|
204
|
+
initialSize?: Size;
|
|
205
|
+
onPositionChange?: (position: Position) => void;
|
|
206
|
+
onSizeChange?: (size: Size) => void;
|
|
207
|
+
disabled?: boolean;
|
|
208
|
+
dragHandle?: string;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
interface ChatPopupProps {
|
|
212
|
+
isOpen: boolean;
|
|
213
|
+
isMinimized: boolean;
|
|
214
|
+
onClose: () => void;
|
|
215
|
+
onMinimize: () => void;
|
|
216
|
+
onRestore: () => void;
|
|
217
|
+
onSendText: (text: string) => Promise<any>;
|
|
218
|
+
onEndCall?: () => Promise<void>;
|
|
219
|
+
messages: Array<{
|
|
220
|
+
text: string;
|
|
221
|
+
sender: 'user' | 'assistant';
|
|
222
|
+
}>;
|
|
223
|
+
isConnected: boolean;
|
|
224
|
+
micState: string;
|
|
225
|
+
participants: string[];
|
|
226
|
+
error?: string | null;
|
|
227
|
+
currentTheme?: 'light' | 'dark';
|
|
228
|
+
onThemeToggle?: (theme: 'light' | 'dark') => void;
|
|
229
|
+
status?: string;
|
|
230
|
+
anchor?: {
|
|
231
|
+
position: 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
232
|
+
bottom: number;
|
|
233
|
+
size: number;
|
|
234
|
+
};
|
|
235
|
+
muteState?: MuteState;
|
|
236
|
+
onToggleMute?: () => Promise<void>;
|
|
237
|
+
draggable?: boolean;
|
|
238
|
+
resizable?: boolean;
|
|
239
|
+
initialPosition?: Position;
|
|
240
|
+
initialSize?: Size;
|
|
241
|
+
onPositionChange?: (position: Position) => void;
|
|
242
|
+
onSizeChange?: (size: Size) => void;
|
|
243
|
+
persistPosition?: boolean;
|
|
244
|
+
persistSize?: boolean;
|
|
245
|
+
storageKey?: string;
|
|
246
|
+
}
|
|
247
|
+
declare const ChatPopup: React__default.FC<ChatPopupProps>;
|
|
248
|
+
|
|
249
|
+
interface BorderGlowProps {
|
|
250
|
+
isActive: boolean;
|
|
251
|
+
}
|
|
252
|
+
declare const BorderGlow: ({ isActive }: BorderGlowProps) => React__default.JSX.Element | null;
|
|
253
|
+
|
|
254
|
+
interface VoiceIntensityVisualizerProps {
|
|
255
|
+
isActive: boolean;
|
|
256
|
+
barCount?: number;
|
|
257
|
+
minHeight?: number;
|
|
258
|
+
className?: string;
|
|
259
|
+
buttonSize?: number;
|
|
260
|
+
}
|
|
261
|
+
declare const VoiceIntensityVisualizer: React__default.FC<VoiceIntensityVisualizerProps>;
|
|
262
|
+
|
|
263
|
+
interface DraggableResizableContainerProps extends Omit<DraggableResizableOptions, 'onPositionChange' | 'onSizeChange'> {
|
|
264
|
+
children: React__default.ReactNode;
|
|
265
|
+
className?: string;
|
|
266
|
+
style?: React__default.CSSProperties;
|
|
267
|
+
dragHandle?: string;
|
|
268
|
+
showResizeHandles?: boolean;
|
|
269
|
+
resizeHandleSize?: number;
|
|
270
|
+
onPositionChange?: (position: Position) => void;
|
|
271
|
+
onSizeChange?: (size: Size) => void;
|
|
272
|
+
onDragStart?: () => void;
|
|
273
|
+
onDragEnd?: () => void;
|
|
274
|
+
onResizeStart?: () => void;
|
|
275
|
+
onResizeEnd?: () => void;
|
|
276
|
+
storageKey?: string;
|
|
277
|
+
persistPosition?: boolean;
|
|
278
|
+
persistSize?: boolean;
|
|
279
|
+
}
|
|
280
|
+
declare const DraggableResizableContainer: React__default.FC<DraggableResizableContainerProps>;
|
|
281
|
+
declare const useDraggableResizableContainer: (storageKey?: string) => {
|
|
282
|
+
loadData: () => any;
|
|
283
|
+
saveData: (data: {
|
|
284
|
+
position?: Position;
|
|
285
|
+
size?: Size;
|
|
286
|
+
}) => void;
|
|
287
|
+
clearData: () => void;
|
|
288
|
+
};
|
|
289
|
+
|
|
290
|
+
interface ResizeHandleProps {
|
|
291
|
+
direction: ResizeDirection;
|
|
292
|
+
onMouseDown: (e: React__default.MouseEvent) => void;
|
|
293
|
+
disabled?: boolean;
|
|
294
|
+
className?: string;
|
|
295
|
+
style?: React__default.CSSProperties;
|
|
296
|
+
size?: number;
|
|
297
|
+
}
|
|
298
|
+
declare const ResizeHandle: React__default.FC<ResizeHandleProps>;
|
|
299
|
+
interface ResizeHandlesProps {
|
|
300
|
+
onResizeStart: (direction: ResizeDirection) => (e: React__default.MouseEvent) => void;
|
|
301
|
+
disabled?: boolean;
|
|
302
|
+
className?: string;
|
|
303
|
+
style?: React__default.CSSProperties;
|
|
304
|
+
size?: number;
|
|
305
|
+
showHandles?: ResizeDirection[];
|
|
306
|
+
}
|
|
307
|
+
declare const ResizeHandles: React__default.FC<ResizeHandlesProps>;
|
|
308
|
+
|
|
192
309
|
declare const useWebRTC: (options?: {
|
|
193
310
|
onNavigationCommand?: (command: NavigationCommand) => void;
|
|
194
311
|
onConnectionStateChange?: (state: ConnectionState) => void;
|
|
@@ -206,7 +323,7 @@ declare const useWebRTC: (options?: {
|
|
|
206
323
|
roomName: string | null;
|
|
207
324
|
participants: string[];
|
|
208
325
|
error: string | null;
|
|
209
|
-
connect: (identity: string, apiKey?: string, appId?: string) => Promise<AuthResponse | undefined>;
|
|
326
|
+
connect: (identity: string, apiKey?: string, appId?: string, language?: Language) => Promise<AuthResponse | undefined>;
|
|
210
327
|
disconnect: () => Promise<void>;
|
|
211
328
|
sendData: typeof sendData;
|
|
212
329
|
sendScreenStatus: typeof sendScreenStatus;
|
|
@@ -297,4 +414,4 @@ declare function getCurrentPathParams(): Record<string, string>;
|
|
|
297
414
|
*/
|
|
298
415
|
declare function resolveRoutePath(routePath: string, params: Record<string, string>): string;
|
|
299
416
|
|
|
300
|
-
export { BorderGlow, ChatPopup, type ChatPopupProps,
|
|
417
|
+
export { AnsyrProvider, BorderGlow, type Bounds, ChatPopup, type ChatPopupProps, type Props as CuekitProviderProps, type DOMStructurePayload, DraggableResizableContainer, type DraggableResizableContainerProps, type ElementAction, InitCuekit, type InteractiveElement, type Language, LanguageSelector, type LanguageSelectorProps, MicButton, type MicButtonProps, type MicState$1 as MicState, type MuteState, type NavigationCommand, type Position, type ResizeDirection, ResizeHandle, type ResizeHandleProps, ResizeHandles, type ResizeHandlesProps, type ServerConfig, type Size, type TokenRequest, type TokenResponse, VoiceIntensityVisualizer, type WebRTCServerConfig, captureAllInteractiveElements, clearElementCache, configureWebRTCServer, executeAction, generateDynamicId, getCurrentPathParams, getWebRTCServerConfig, initWebRTC, initWebRTCWithDeployedBackend, resolveRoutePath, useAnsyrContext, useCuekit, useDraggableResizableContainer, useWebRTC, validateDynamicElements };
|