@voxket-ai/voxket-live 1.0.71 → 1.0.73

package/README.md

@@ -29,26 +29,11 @@ npm install @voxket-ai/voxket-live@latest
 
 ## Usage
 
-To use the Voxket Live widget in your React application, simply import and use the component. **Styles are automatically included**, but you can also import them manually if needed:
+To use the Voxket Live widget in your React application, simply import and use the component. **No separate CSS import is required** - styles are automatically included:
 
-### Automatic Styles (Recommended)
 ```tsx
 import React from 'react';
 import VoxketWidget, { VoxketWidgetProps } from '@voxket-ai/voxket-live';
-// Styles are automatically injected - no manual import needed!
-
-const MyCustomApp = () => {
-  // ... component code
-};
-```
-
-### Manual CSS Import (If needed)
-If automatic style injection doesn't work in your setup, you can manually import the CSS:
-
-```tsx
-import React from 'react';
-import VoxketWidget, { VoxketWidgetProps } from '@voxket-ai/voxket-live';
-import '@voxket-ai/voxket-live/style.css'; // Manual CSS import
 
 const MyCustomApp = () => {
   const widgetProps: VoxketWidgetProps = {
@@ -76,14 +61,9 @@ const MyCustomApp = () => {
 export default MyCustomApp;
 ```
 
-### ✅ Flexible Style Loading
-
-As of version 1.0.70+, **CSS styles are automatically injected** when you import any component. If automatic injection doesn't work in your environment, you can manually import the CSS file as shown above.
+### ✅ Auto-Included Styles
 
-**Troubleshooting Style Issues:**
-- For Next.js apps, see our [Next.js Troubleshooting Guide](./NEXT_JS_TROUBLESHOOTING.md)
-- For React conflicts, see our [React Conflict Prevention Guide](./REACT_CONFLICTS.md)
-- If styles don't load automatically, use the manual CSS import method above
+As of version 1.0.22+, **CSS styles are automatically injected** when you import the component. You don't need to manually import any CSS files!
 
 ## Props
 

package/dist/components/compound/session-content.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../node_modules/react';
+import { ReactNode } from 'react';
 export interface SessionContentProps {
     showChat?: boolean;
     showTranscriptions?: boolean;

package/dist/components/compound/session-controls.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../node_modules/react';
+import { default as React } from 'react';
 export interface SessionControlsProps {
     showMicrophoneControl?: boolean;
     showCameraControl?: boolean;

package/dist/components/compound/session-footer.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../node_modules/react';
+import { default as React } from 'react';
 export interface SessionFooterProps {
     showMetrics?: boolean;
     showParticipants?: boolean;

package/dist/components/compound/types.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from '../../../node_modules/react';
+import { default as React, ReactNode } from 'react';
 export interface CompoundComponentContext {
     variant?: 'default' | 'minimal' | 'enterprise';
     size?: 'sm' | 'md' | 'lg';

package/dist/components/compound/voxket-session.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from '../../../node_modules/react';
+import { default as React, ReactNode } from 'react';
 import { CompoundComponentProps } from './types';
 import { SessionConfig } from '../../types/core';
 export interface VoxketSessionProps extends CompoundComponentProps {

package/dist/components/livekit/agent-control-bar/agent-control-bar.d.ts

@@ -1,4 +1,4 @@
-import { Track } from '../../../../node_modules/livekit-client';
+import { Track } from 'livekit-client';
 import { AppConfig } from '../../../lib/types';
 import { UseAgentControlBarProps } from './hooks/use-agent-control-bar';
 import { ThemeType } from '../../../styles';

package/dist/components/livekit/agent-control-bar/hooks/use-agent-control-bar.d.ts

@@ -1,5 +1,5 @@
-import { Track } from '../../../../../node_modules/livekit-client';
-import { TrackReferenceOrPlaceholder } from '../../../../../node_modules/@livekit/components-react';
+import { Track } from 'livekit-client';
+import { TrackReferenceOrPlaceholder } from '@livekit/components-react';
 export interface ControlBarControls {
     microphone?: boolean;
     screenShare?: boolean;

package/dist/components/livekit/agent-tile.d.ts

@@ -1,4 +1,4 @@
-import { AgentState, TrackReference } from '../../../node_modules/@livekit/components-react';
+import { AgentState, TrackReference } from '@livekit/components-react';
 interface AgentAudioTileProps {
     state: AgentState;
     audioTrack: TrackReference;

package/dist/components/livekit/avatar-tile.d.ts

@@ -1,4 +1,4 @@
-import { TrackReference } from '../../../node_modules/@livekit/components-react';
+import { TrackReference } from '@livekit/components-react';
 interface AgentAudioTileProps {
     videoTrack: TrackReference;
     className?: string;

package/dist/components/livekit/chat/chat-entry.d.ts

@@ -1,4 +1,4 @@
-import { MessageFormatter, ReceivedChatMessage } from '../../../../node_modules/@livekit/components-react';
+import { MessageFormatter, ReceivedChatMessage } from '@livekit/components-react';
 import * as React from 'react';
 export interface ChatEntryProps extends React.HTMLAttributes<HTMLLIElement> {
     entry: ReceivedChatMessage;

package/dist/components/livekit/chat/chat-message-view.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '../../../../node_modules/react';
+import { RefObject } from 'react';
 export declare function useAutoScroll(scrollContentContainerRef: RefObject<Element | null>): void;
 interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;

package/dist/components/livekit/chat/hooks/utils.d.ts

@@ -1,4 +1,4 @@
-import { MessageFormatter, ReceivedChatMessage } from '../../../../../node_modules/@livekit/components-react';
+import { MessageFormatter, ReceivedChatMessage } from '@livekit/components-react';
 import * as React from 'react';
 export declare const useChatMessage: (entry: ReceivedChatMessage, messageFormatter?: MessageFormatter) => {
     message: React.ReactNode;

package/dist/components/livekit/device-select.d.ts

@@ -1,4 +1,4 @@
-import { LocalAudioTrack, LocalVideoTrack } from '../../../node_modules/livekit-client';
+import { LocalAudioTrack, LocalVideoTrack } from 'livekit-client';
 import { SelectTrigger } from '../../components/ui/select';
 type DeviceSelectProps = React.ComponentProps<typeof SelectTrigger> & {
     kind: MediaDeviceKind;

package/dist/components/livekit/media-tiles.d.ts

@@ -1,5 +1,5 @@
-import { Track } from '../../../node_modules/livekit-client';
-import { TrackReference } from '../../../node_modules/@livekit/components-react';
+import { Track } from 'livekit-client';
+import { TrackReference } from '@livekit/components-react';
 export declare function useLocalTrackRef(source: Track.Source): TrackReference | undefined;
 interface MediaTilesProps {
     chatOpen: boolean;

package/dist/components/livekit/track-toggle.d.ts

@@ -1,4 +1,4 @@
-import { Track } from '../../../node_modules/livekit-client';
+import { Track } from 'livekit-client';
 import { Toggle } from '../../components/ui/toggle';
 import * as React from 'react';
 export type TrackToggleProps = React.ComponentProps<typeof Toggle> & {

package/dist/components/livekit/video-tile.d.ts

@@ -1,3 +1,3 @@
-import { VideoTrack } from '../../../node_modules/@livekit/components-react';
+import { VideoTrack } from '@livekit/components-react';
 import * as React from 'react';
 export declare const VideoTile: ({ trackRef, className, ref, }: React.ComponentProps<typeof VideoTrack>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/session-view.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../node_modules/react';
+import { default as React } from 'react';
 import { ThemeType } from '../styles';
 import { DisplayType } from './widget';
 interface SessionViewProps {

package/dist/core/client.d.ts

@@ -1,11 +1,11 @@
-import { Room, RemoteParticipant, LocalParticipant, ConnectionState, Track } from '../../node_modules/livekit-client';
+import { default as React } from 'react';
+import { Room, RemoteParticipant, LocalParticipant, ConnectionState, Track } from 'livekit-client';
 import { VoxketEventEmitter } from './event-emitter';
 import { PluginManager } from '../plugins/plugin-system';
 import { VoxketConfig, SessionConfig, VoxketSession, VoxketEvents, SessionState, SessionMetrics, AgentInfo, ParticipantInfo, ChatMessage, TranscriptionSegment, SessionModality } from '../types/core';
 import { VoxketInteractiveView, ViewPresentationMode, InteractiveUIState, RpcEvents } from '../types/rpc';
 import { WidgetTheme } from '../styles';
 import { DisplayType, PopupPosition } from '../components/widget';
-import * as React from 'react';
 export interface RenderUIOptions {
     target?: string | HTMLElement;
     modality?: SessionModality[];
@@ -121,9 +121,9 @@ export declare class VoxketClient extends VoxketEventEmitter<VoxketEvents & RpcE
     getRoom(): Room | null;
     getConnectionState(): ConnectionState;
     get connected(): boolean;
-    getMicrophoneTrack(): import('../../node_modules/livekit-client').LocalTrack<Track.Kind> | null | undefined;
-    getCameraTrack(): import('../../node_modules/livekit-client').LocalTrack<Track.Kind> | null | undefined;
-    getScreenShareTrack(): import('../../node_modules/livekit-client').LocalTrack<Track.Kind> | null | undefined;
+    getMicrophoneTrack(): import('livekit-client').LocalTrack<Track.Kind> | null | undefined;
+    getCameraTrack(): import('livekit-client').LocalTrack<Track.Kind> | null | undefined;
+    getScreenShareTrack(): import('livekit-client').LocalTrack<Track.Kind> | null | undefined;
     get isMicrophoneEnabled(): boolean;
     get isCameraEnabled(): boolean;
     get isScreenShareEnabled(): boolean;

package/dist/core/rpc-manager.d.ts

@@ -1,4 +1,4 @@
-import { Room } from '../../node_modules/livekit-client';
+import { Room } from 'livekit-client';
 import { VoxketEventEmitter } from '../core/event-emitter';
 import { VoxketInteractiveView, ViewPresentationMode, InteractiveUIState, RpcEvents } from '../types/rpc';
 /**

package/dist/hooks/sdk/use-chat.d.ts

@@ -16,7 +16,7 @@ export declare function useVoxketChat(): {
  */
 export declare function useVoxketChatInput(): {
     value: string;
-    setValue: React.Dispatch<React.SetStateAction<string>>;
+    setValue: import('react').Dispatch<import('react').SetStateAction<string>>;
     send: () => Promise<void>;
     handleKeyPress: (event: React.KeyboardEvent) => void;
     isSending: boolean;

package/dist/hooks/useChatAndTranscription.d.ts

@@ -1,5 +1,5 @@
-import { ReceivedChatMessage } from '../../node_modules/@livekit/components-react';
+import { ReceivedChatMessage } from '@livekit/components-react';
 export default function useChatAndTranscription(): {
     messages: ReceivedChatMessage[];
-    send: (message: string, options?: import('../../node_modules/livekit-client').SendTextOptions) => Promise<ReceivedChatMessage>;
+    send: (message: string, options?: import('livekit-client').SendTextOptions) => Promise<ReceivedChatMessage>;
 };

package/dist/hooks/useDebug.d.ts

@@ -1,4 +1,4 @@
-import { LogLevel } from '../../node_modules/livekit-client';
+import { LogLevel } from 'livekit-client';
 export declare const useDebugMode: ({ logLevel }?: {
     logLevel?: LogLevel;
 }) => void;

package/dist/hooks/useSessionLogging.d.ts

@@ -1,4 +1,4 @@
-import { Room } from '../../node_modules/livekit-client';
+import { Room } from 'livekit-client';
 export interface SessionLog {
     timestamp: Date;
     event: string;

package/dist/hooks/useVoxketClient.d.ts

@@ -17,8 +17,8 @@ export declare function useVoxketPublishPermissions(client: VoxketClient): {
  * Replaces useLocalParticipant from LiveKit
  */
 export declare function useVoxketLocalParticipant(client: VoxketClient): {
-    localParticipant: import('../../node_modules/livekit-client').LocalParticipant | null;
-    microphoneTrack: import('../../node_modules/livekit-client').LocalTrack<import("livekit-client").Track.Kind> | null | undefined;
+    localParticipant: import('livekit-client').LocalParticipant | null;
+    microphoneTrack: import('livekit-client').LocalTrack<import("livekit-client").Track.Kind> | null | undefined;
 };
 /**
  * Hook for track toggle functionality
@@ -35,7 +35,7 @@ export declare function useVoxketTrackToggle(client: VoxketClient, source: 'micr
  * Hook for room context
  * Replaces useRoomContext from LiveKit
  */
-export declare function useVoxketRoom(client: VoxketClient): import('../../node_modules/livekit-client').Room | null;
+export declare function useVoxketRoom(client: VoxketClient): import('livekit-client').Room | null;
 /**
  * Hook for device selection
  * Replaces useMediaDeviceSelect from LiveKit