@convai/web-sdk 1.8.0-beta.3 → 1.8.0-beta.5

package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConvaiLogo } from "../../styles/icons";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { ButtonContent, Logo } from "../../styles/styledComponents";
+import { ConvaiLogo } from "../../styles/icons.js";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { ButtonContent, Logo } from "../../styles/styledComponents.js";
 export const ConviButton = ({ isOpen }) => {
     return (_jsx(ButtonContent, { animate: {
             opacity: isOpen ? 0 : 1,

package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
 import { FiSend, FiMic } from "react-icons/fi";
 import { PiWaveform } from "react-icons/pi";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { Footer, InputContainer, Input, ActionButton, } from "../../styles/styledComponents";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { Footer, InputContainer, Input, ActionButton, } from "../../styles/styledComponents.js";
 export const ConviFooter = ({ inputMode, inputValue, liveUserText, chatbotMic, localIsTyping, convaiIsTyping, isCreatingSpeaker, isPressingMic, isSettingsOpen, isVoiceMode, onInputChange, onKeyPress, onSend, onMicPress, onMicRelease, setIsPressingMic, onToggleVoiceMode, verbosityChanged = false, onContinue, }) => {
     // Show Continue button in verbosity mode
     if (inputMode === "verbosity") {

package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import { FiMoreVertical } from "react-icons/fi";
 import { IoVolumeMute, IoVolumeHigh } from "react-icons/io5";
-import { ChevronDown } from "../../styles/icons";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { Header, Title, CloseButton, SettingsButton, } from "../../styles/styledComponents";
+import { ChevronDown } from "../../styles/icons.js";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { Header, Title, CloseButton, SettingsButton, } from "../../styles/styledComponents.js";
 export const ConviHeader = ({ isOpen, isSpeakerEditMode, isVoiceMode, isVerbosityMode, isMuted, characterImage, characterName = "Character", onClose, onSettingsToggle, onToggleMute, settingsButtonRef, }) => {
     return (_jsxs(Header, { initial: { opacity: 0, y: -20 }, animate: {
             opacity: isOpen ? 1 : 0,

package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js

@@ -3,9 +3,9 @@ import { AnimatePresence } from "framer-motion";
 import { LiaRedoAltSolid } from "react-icons/lia";
 import { IoVideocam, IoVideocamOff } from "react-icons/io5";
 import { MdScreenShare, MdStopScreenShare } from "react-icons/md";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { SettingsTray as StyledSettingsTray, SettingsOption, } from "../../styles/styledComponents";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { SettingsTray as StyledSettingsTray, SettingsOption, } from "../../styles/styledComponents.js";
 export const SettingsTray = ({ isOpen, isVideoVisible, isScreenShareActive, onReset, onDisconnect, onToggleVideo, onToggleScreenShare, }) => {
     if (!isOpen)
         return null;

package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { AudioVisualizer } from "../AudioVisualizer";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { AudioVisualizer } from "../AudioVisualizer.js";
 export const VoiceModeOverlay = ({ isActive, isTalking, isListening = false, convaiClient, characterImage, characterName = "Character", room, }) => {
     const barsCount = 40; // Number of bars for user microphone waveform
     // PERF: the waveform is driven OUTSIDE React. A setState per animation

package/dist/react/components/rtc-widget/components/conviComponents/index.d.ts

@@ -1,6 +1,6 @@
-export { ConviButton } from "./ConviButton";
-export { ConviHeader } from "./ConviHeader";
-export { ConviFooter } from "./ConviFooter";
-export { SettingsTray } from "./SettingsTray";
-export { VoiceModeOverlay } from "./VoiceModeOverlay";
+export { ConviButton } from "./ConviButton.js";
+export { ConviHeader } from "./ConviHeader.js";
+export { ConviFooter } from "./ConviFooter.js";
+export { SettingsTray } from "./SettingsTray.js";
+export { VoiceModeOverlay } from "./VoiceModeOverlay.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/index.js

@@ -1,6 +1,6 @@
-export { ConviButton } from "./ConviButton";
-export { ConviHeader } from "./ConviHeader";
-export { ConviFooter } from "./ConviFooter";
-export { SettingsTray } from "./SettingsTray";
-export { VoiceModeOverlay } from "./VoiceModeOverlay";
+export { ConviButton } from "./ConviButton.js";
+export { ConviHeader } from "./ConviHeader.js";
+export { ConviFooter } from "./ConviFooter.js";
+export { SettingsTray } from "./SettingsTray.js";
+export { VoiceModeOverlay } from "./VoiceModeOverlay.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/components/index.d.ts

@@ -1,9 +1,9 @@
-export { MessageBubble } from "./MessageBubble";
-export { MessageList } from "./MessageList";
-export { UserMessage } from "./UserMessage";
-export { ConviMessage } from "./ConviMessage";
-export { MarkdownRenderer } from "./MarkdownRenderer";
-export { FloatingVideo } from "./FloatingVideo";
-export { AudioVisualizer } from "./AudioVisualizer";
-export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents";
+export { MessageBubble } from "./MessageBubble.js";
+export { MessageList } from "./MessageList.js";
+export { UserMessage } from "./UserMessage.js";
+export { ConviMessage } from "./ConviMessage.js";
+export { MarkdownRenderer } from "./MarkdownRenderer.js";
+export { FloatingVideo } from "./FloatingVideo.js";
+export { AudioVisualizer } from "./AudioVisualizer.js";
+export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/components/index.js

@@ -1,15 +1,15 @@
 // Export message components
-export { MessageBubble } from "./MessageBubble";
-export { MessageList } from "./MessageList";
-export { UserMessage } from "./UserMessage";
-export { ConviMessage } from "./ConviMessage";
-export { MarkdownRenderer } from "./MarkdownRenderer";
+export { MessageBubble } from "./MessageBubble.js";
+export { MessageList } from "./MessageList.js";
+export { UserMessage } from "./UserMessage.js";
+export { ConviMessage } from "./ConviMessage.js";
+export { MarkdownRenderer } from "./MarkdownRenderer.js";
 // Export floating video component
-export { FloatingVideo } from "./FloatingVideo";
+export { FloatingVideo } from "./FloatingVideo.js";
 // Export audio visualizer
-export { AudioVisualizer } from "./AudioVisualizer";
+export { AudioVisualizer } from "./AudioVisualizer.js";
 // Note: AudioSettingsPanel is internal only - audio settings are fixed
-// export { AudioSettingsPanel } from "./AudioSettingsPanel";
+// export { AudioSettingsPanel } from "./AudioSettingsPanel.js";
 // Export convi sub-components
-export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents";
+export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents/index.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/index.d.ts

@@ -1,6 +1,6 @@
-export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components";
-export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles";
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles";
-export type { RTCChatMessage, CharacterVerbosityConfig, ConviUIProps, } from "./types";
-export type { LogoState } from "./styles";
+export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components/index.js";
+export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles/index.js";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles/index.js";
+export type { RTCChatMessage, CharacterVerbosityConfig, ConviUIProps, } from "./types/index.js";
+export type { LogoState } from "./styles/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/index.js

@@ -1,9 +1,9 @@
 // Export all components
 export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, 
 // AudioSettingsPanel, // Internal only - audio settings are fixed
-ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components";
+ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components/index.js";
 // Export styles and theme
-export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles";
+export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles/index.js";
 // Export styled components for custom layouts
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles/index.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/styles/icons.d.ts

@@ -1,4 +1,4 @@
-import { iconSizes } from "./theme";
+import { iconSizes } from "./theme.js";
 export type LogoState = "idle" | "connecting" | "connected" | "disconnected" | "typing" | "listening" | "processing";
 export declare const AeroIcons: {
     ChevronDown: ({ size, color, }: {

package/dist/react/components/rtc-widget/styles/icons.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
 import styled from "styled-components";
-import { aeroTheme, iconSizes } from "./theme";
+import { aeroTheme, iconSizes } from "./theme.js";
 const LogoSVG = styled(motion.svg) `
   width: ${(props) => props.$size || "100%"};
   height: ${(props) => props.$size || "100%"};

package/dist/react/components/rtc-widget/styles/index.d.ts

@@ -1,6 +1,6 @@
-export { aeroTheme, glassStyles, iconSizes, variants } from "./theme";
-export { iosTransitions, animationVariants } from "./framerConfig";
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents";
-export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons";
-export type { LogoState } from "./icons";
+export { aeroTheme, glassStyles, iconSizes, variants } from "./theme.js";
+export { iosTransitions, animationVariants } from "./framerConfig.js";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents.js";
+export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons.js";
+export type { LogoState } from "./icons.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/styles/index.js

@@ -1,9 +1,9 @@
 // Export theme
-export { aeroTheme, glassStyles, iconSizes, variants } from "./theme";
+export { aeroTheme, glassStyles, iconSizes, variants } from "./theme.js";
 // Export framer configs
-export { iosTransitions, animationVariants } from "./framerConfig";
+export { iosTransitions, animationVariants } from "./framerConfig.js";
 // Export styled components
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents.js";
 // Export icons
-export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons";
+export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/styles/styledComponents.js

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import { motion } from "framer-motion";
-import { aeroTheme } from "./theme";
+import { aeroTheme } from "./theme.js";
 // Styled Components matching the original webChat exactly
 export const ConvaiContainer = styled(motion.div) `
   position: fixed !important;

package/dist/react/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useConvaiClient } from './useConvaiClient';
-export { useCharacterInfo } from './useCharacterInfo';
-export { useLocalCameraTrack } from './useLocalCameraTrack';
+export { useConvaiClient } from './useConvaiClient.js';
+export { useCharacterInfo } from './useCharacterInfo.js';
+export { useLocalCameraTrack } from './useLocalCameraTrack.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/hooks/index.js

@@ -1,6 +1,6 @@
 // Main hook
-export { useConvaiClient } from './useConvaiClient';
+export { useConvaiClient } from './useConvaiClient.js';
 // Additional hooks
-export { useCharacterInfo } from './useCharacterInfo';
-export { useLocalCameraTrack } from './useLocalCameraTrack';
+export { useCharacterInfo } from './useCharacterInfo.js';
+export { useLocalCameraTrack } from './useLocalCameraTrack.js';
 //# sourceMappingURL=index.js.map

package/dist/react/hooks/useCharacterInfo.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { logger } from "../../utils/logger";
+import { logger } from "../../utils/logger.js";
 /**
  * Hook to fetch character information from Convai API
  *

package/dist/react/hooks/useConvaiClient.d.ts

@@ -1,4 +1,4 @@
-import type { ConvaiConfig, IConvaiClient, ChatMessage } from "../../core/types";
+import type { ConvaiConfig, IConvaiClient, ChatMessage } from "../../core/types.js";
 /**
  * React hook wrapper for ConvaiClient
  * Main hook for managing Convai client connection and functionality.

package/dist/react/hooks/useConvaiClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConvaiClient.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useConvaiClient.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,eAAe,GAC1B,SAAS,YAAY,KACpB,aAAa,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;CA2N9B,CAAC"}
+{"version":3,"file":"useConvaiClient.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useConvaiClient.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,eAAe,GAC1B,SAAS,YAAY,KACpB,aAAa,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;CAgO9B,CAAC"}

package/dist/react/hooks/useConvaiClient.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from "react";
-import { ConvaiClient as CoreConvaiClient } from "../../core";
+import { ConvaiClient as CoreConvaiClient } from "../../core/index.js";
 /**
  * React hook wrapper for ConvaiClient
  * Main hook for managing Convai client connection and functionality.
@@ -27,8 +27,10 @@ import { ConvaiClient as CoreConvaiClient } from "../../core";
  * ```
  */
 export const useConvaiClient = (config) => {
-    // Create client instance once
-    const [client] = useState(() => new CoreConvaiClient());
+    // Create client instance once. The config is handed to the client as well
+    // as kept in the hook, so config-derived surfaces such as
+    // `characterVersions` are usable before the first connect().
+    const [client] = useState(() => new CoreConvaiClient(config));
     // React state for UI updates
     const [state, setState] = useState(client.state);
     const [activity, setActivity] = useState("Idle");
@@ -166,6 +168,8 @@ export const useConvaiClient = (config) => {
         ...(client.apiKey && { apiKey: client.apiKey }),
         ...(client.authToken && { authToken: client.authToken }),
         characterId: client.characterId,
+        characterVersion: client.characterVersion,
+        characterReference: client.characterReference,
         connect,
         connectWithConnectionData: client.connectWithConnectionData.bind(client),
         disconnect: client.disconnect.bind(client),
@@ -195,6 +199,7 @@ export const useConvaiClient = (config) => {
         blendshapeQueue: client.blendshapeQueue,
         conversationSessionId: client.conversationSessionId,
         memoryManager: client.memoryManager,
+        characterVersions: client.characterVersions,
         toggleTts: client.toggleTts.bind(client),
         toggleStt: client.toggleStt.bind(client),
         uploadFile: client.uploadFile.bind(client),

package/dist/react/hooks/useConvaiClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConvaiClient.js","sourceRoot":"","sources":["../../../src/react/hooks/useConvaiClient.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { ConvaiClient as CoreConvaiClient } from \"../../core\";\nimport type {\n  ConvaiConfig,\n  IConvaiClient,\n  ChatMessage,\n} from \"../../core/types\";\n\n/**\n * React hook wrapper for ConvaiClient\n * Main hook for managing Convai client connection and functionality.\n *\n * Provides a complete interface for connecting to Convai's AI-powered voice assistants,\n * managing real-time audio/video conversations, and handling various message types.\n *\n * @param config - Optional configuration to store for later connection\n * @returns {ConvaiClient & { activity: string; chatMessages: ChatMessage[] }} Complete client interface with connection state, methods, and message history\n *\n * @example\n * ```tsx\n * function App() {\n *   const convaiClient = useConvaiClient({\n *     apiKey: 'your-api-key',\n *     characterId: 'your-character-id',\n *     endUserId: 'user-uuid', // Optional: enables memory & analytics\n *     enableVideo: true,\n *   });\n *\n *   return (\n *     <ConvaiWidget convaiClient={convaiClient} />\n *   );\n * }\n * ```\n */\nexport const useConvaiClient = (\n  config?: ConvaiConfig,\n): IConvaiClient & {\n  activity: string;\n  chatMessages: ChatMessage[];\n  isAudioMuted: boolean;\n  isVideoEnabled: boolean;\n  isScreenShareActive: boolean;\n} => {\n  // Create client instance once\n  const [client] = useState(() => new CoreConvaiClient());\n\n  // React state for UI updates\n  const [state, setState] = useState(client.state);\n  const [activity, setActivity] = useState<string>(\"Idle\");\n  const [chatMessages, setChatMessages] = useState<ChatMessage[]>(\n    client.chatMessages,\n  );\n  const [userTranscription, setUserTranscription] = useState<string>(\n    client.userTranscription,\n  );\n  const [isSpeaking, setIsSpeaking] = useState<boolean>(false);\n  const [isBotReady, setIsBotReady] = useState<boolean>(client.isBotReady);\n  \n  // Reactive states for control managers\n  const [isAudioMuted, setIsAudioMuted] = useState<boolean>(\n    client.audioControls.isAudioMuted\n  );\n  const [isVideoEnabled, setIsVideoEnabled] = useState<boolean>(\n    client.videoControls.isVideoEnabled\n  );\n  const [isScreenShareActive, setIsScreenShareActive] = useState<boolean>(\n    client.screenShareControls.isScreenShareActive\n  );\n\n  // Store config if provided\n  const [storedConfig] = useState<ConvaiConfig | undefined>(config);\n\n  // Setup event listeners\n  useEffect(() => {\n    // State change listener\n    const unsubStateChange = client.on(\"stateChange\", (newState) => {\n      setState(newState);\n\n      // Update activity based on state (priority: speaking > listening > thinking > connected)\n      if (!newState.isConnected) {\n        setActivity(\"Disconnected\");\n      } else if (newState.isConnecting) {\n        setActivity(\"Connecting...\");\n      } else if (newState.isSpeaking) {\n        setActivity(\"Speaking\");\n      } else if (newState.isListening) {\n        setActivity(\"Listening\");\n      } else if (newState.isThinking) {\n        setActivity(\"Thinking\");\n      } else {\n        setActivity(\"Connected\");\n      }\n    });\n\n    // Messages change listener\n    const unsubMessagesChange = client.on(\"messagesChange\", (messages) => {\n      setChatMessages([...messages]);\n    });\n\n    // User transcription change listener\n    const unsubUserTranscription = client.on(\n      \"userTranscriptionChange\",\n      (transcription) => {\n        setUserTranscription(transcription);\n      },\n    );\n\n    // Speaking change listener\n    const unsubSpeaking = client.on(\"speakingChange\", (speaking) => {\n      setIsSpeaking(speaking);\n    });\n\n    // Bot ready listener\n    const unsubBotReady = client.on(\"botReady\", () => {\n      setIsBotReady(true);\n      setActivity(\"Connected\");\n    });\n\n    // Connect listener\n    const unsubConnect = client.on(\"connect\", () => {\n      setState(client.state);\n    });\n\n    // Disconnect listener\n    const unsubDisconnect = client.on(\"disconnect\", () => {\n      setIsBotReady(false);\n      setState(client.state);\n      setActivity(\"Disconnected\");\n      setChatMessages([]);\n      // Reset control states on disconnect\n      setIsAudioMuted(true);\n      setIsVideoEnabled(false);\n      setIsScreenShareActive(false);\n    });\n\n    // WebSocket transport: play bot audio track via a hidden <audio> element\n    const wsAudioEl = document.createElement(\"audio\");\n    wsAudioEl.autoplay = true;\n    wsAudioEl.dataset.convaiWs = \"true\";\n    document.body.appendChild(wsAudioEl);\n\n    const unsubBotAudioTrack = client.on(\n      \"botAudioTrack\",\n      (track: MediaStreamTrack) => {\n        wsAudioEl.srcObject = new MediaStream([track]);\n      },\n    );\n\n    // Disconnect listener also clears WS audio\n    const unsubDisconnectWsAudio = client.on(\"disconnect\", () => {\n      wsAudioEl.srcObject = null;\n    });\n\n    // Audio controls state change listener\n    const unsubAudioState = client.audioControls.on(\"audioStateChange\", (audioState: any) => {\n      if (audioState.isAudioMuted !== undefined) {\n        setIsAudioMuted(audioState.isAudioMuted);\n      }\n    });\n\n    // Video controls state change listener\n    const unsubVideoState = client.videoControls.on(\"videoStateChange\", (videoState: any) => {\n      if (videoState.isVideoEnabled !== undefined) {\n        setIsVideoEnabled(videoState.isVideoEnabled);\n      }\n    });\n\n    // Screen share controls state change listener\n    const unsubScreenShareState = client.screenShareControls.on(\"screenShareStateChange\", (screenShareState: any) => {\n      if (screenShareState.isScreenShareActive !== undefined) {\n        setIsScreenShareActive(screenShareState.isScreenShareActive);\n      }\n    });\n\n    // Cleanup listeners on unmount\n    return () => {\n      unsubStateChange();\n      unsubMessagesChange();\n      unsubUserTranscription();\n      unsubSpeaking();\n      unsubBotReady();\n      unsubConnect();\n      unsubDisconnect();\n      unsubBotAudioTrack();\n      unsubDisconnectWsAudio();\n      unsubAudioState();\n      unsubVideoState();\n      unsubScreenShareState();\n      wsAudioEl.srcObject = null;\n      wsAudioEl.remove();\n    };\n  }, [client]);\n\n  // Create enhanced connect function that can use stored config\n  const connect = useCallback(\n    async (configOverride?: ConvaiConfig) => {\n      const finalConfig = configOverride || storedConfig;\n\n      if (!finalConfig) {\n        throw new Error(\n          \"No configuration provided. Pass config to useConvaiClient() or to connect()\",\n        );\n      }\n\n      await client.connect(finalConfig);\n    },\n    [client, storedConfig],\n  );\n\n  // Create reconnect function wrapper\n  const reconnect = useCallback(async () => {\n    await client.reconnect();\n  }, [client]);\n\n  // Return client interface with React-friendly additions\n  return {\n    state,\n    connectionType: client.connectionType,\n    ...(client.apiKey && { apiKey: client.apiKey }),\n    ...(client.authToken && { authToken: client.authToken }),\n    characterId: client.characterId,\n    connect,\n    connectWithConnectionData: client.connectWithConnectionData.bind(client),\n    disconnect: client.disconnect.bind(client),\n    reconnect,\n    resetSession: client.resetSession.bind(client),\n    room: client.room,\n    sendUserTextMessage: client.sendUserTextMessage.bind(client),\n    sendTriggerMessage: client.sendTriggerMessage.bind(client),\n    sendInterruptMessage: client.sendInterruptMessage.bind(client),\n    resetIdleTimer: client.resetIdleTimer.bind(client),\n    updateTemplateKeys: client.updateTemplateKeys.bind(client),\n    updateDynamicInfo: client.updateDynamicInfo.bind(client),\n    updateContext: client.updateContext.bind(client),\n    updateEmotion: client.updateEmotion.bind(client),\n    visionStatus: client.visionStatus.bind(client),\n    visionTrigger: client.visionTrigger.bind(client),\n    respondModeUpdate: client.respondModeUpdate.bind(client),\n    updateSceneMetadata: client.updateSceneMetadata.bind(client),\n    activity,\n    chatMessages,\n    userTranscription,\n    characterSessionId: client.characterSessionId,\n    isBotReady,\n    audioControls: client.audioControls,\n    videoControls: client.videoControls,\n    screenShareControls: client.screenShareControls,\n    blendshapeQueue: client.blendshapeQueue,\n    conversationSessionId: client.conversationSessionId,\n    memoryManager: client.memoryManager,\n    toggleTts: client.toggleTts.bind(client),\n    toggleStt: client.toggleStt.bind(client),\n    uploadFile: client.uploadFile.bind(client),\n    on: client.on.bind(client),\n    off: client.off.bind(client),\n    // Reactive control states\n    isAudioMuted,\n    isVideoEnabled,\n    isScreenShareActive,\n  };\n};\n"]}
+{"version":3,"file":"useConvaiClient.js","sourceRoot":"","sources":["../../../src/react/hooks/useConvaiClient.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { ConvaiClient as CoreConvaiClient } from \"../../core\";\nimport type {\n  ConvaiConfig,\n  IConvaiClient,\n  ChatMessage,\n} from \"../../core/types\";\n\n/**\n * React hook wrapper for ConvaiClient\n * Main hook for managing Convai client connection and functionality.\n *\n * Provides a complete interface for connecting to Convai's AI-powered voice assistants,\n * managing real-time audio/video conversations, and handling various message types.\n *\n * @param config - Optional configuration to store for later connection\n * @returns {ConvaiClient & { activity: string; chatMessages: ChatMessage[] }} Complete client interface with connection state, methods, and message history\n *\n * @example\n * ```tsx\n * function App() {\n *   const convaiClient = useConvaiClient({\n *     apiKey: 'your-api-key',\n *     characterId: 'your-character-id',\n *     endUserId: 'user-uuid', // Optional: enables memory & analytics\n *     enableVideo: true,\n *   });\n *\n *   return (\n *     <ConvaiWidget convaiClient={convaiClient} />\n *   );\n * }\n * ```\n */\nexport const useConvaiClient = (\n  config?: ConvaiConfig,\n): IConvaiClient & {\n  activity: string;\n  chatMessages: ChatMessage[];\n  isAudioMuted: boolean;\n  isVideoEnabled: boolean;\n  isScreenShareActive: boolean;\n} => {\n  // Create client instance once. The config is handed to the client as well\n  // as kept in the hook, so config-derived surfaces such as\n  // `characterVersions` are usable before the first connect().\n  const [client] = useState(() => new CoreConvaiClient(config));\n\n  // React state for UI updates\n  const [state, setState] = useState(client.state);\n  const [activity, setActivity] = useState<string>(\"Idle\");\n  const [chatMessages, setChatMessages] = useState<ChatMessage[]>(\n    client.chatMessages,\n  );\n  const [userTranscription, setUserTranscription] = useState<string>(\n    client.userTranscription,\n  );\n  const [isSpeaking, setIsSpeaking] = useState<boolean>(false);\n  const [isBotReady, setIsBotReady] = useState<boolean>(client.isBotReady);\n  \n  // Reactive states for control managers\n  const [isAudioMuted, setIsAudioMuted] = useState<boolean>(\n    client.audioControls.isAudioMuted\n  );\n  const [isVideoEnabled, setIsVideoEnabled] = useState<boolean>(\n    client.videoControls.isVideoEnabled\n  );\n  const [isScreenShareActive, setIsScreenShareActive] = useState<boolean>(\n    client.screenShareControls.isScreenShareActive\n  );\n\n  // Store config if provided\n  const [storedConfig] = useState<ConvaiConfig | undefined>(config);\n\n  // Setup event listeners\n  useEffect(() => {\n    // State change listener\n    const unsubStateChange = client.on(\"stateChange\", (newState) => {\n      setState(newState);\n\n      // Update activity based on state (priority: speaking > listening > thinking > connected)\n      if (!newState.isConnected) {\n        setActivity(\"Disconnected\");\n      } else if (newState.isConnecting) {\n        setActivity(\"Connecting...\");\n      } else if (newState.isSpeaking) {\n        setActivity(\"Speaking\");\n      } else if (newState.isListening) {\n        setActivity(\"Listening\");\n      } else if (newState.isThinking) {\n        setActivity(\"Thinking\");\n      } else {\n        setActivity(\"Connected\");\n      }\n    });\n\n    // Messages change listener\n    const unsubMessagesChange = client.on(\"messagesChange\", (messages) => {\n      setChatMessages([...messages]);\n    });\n\n    // User transcription change listener\n    const unsubUserTranscription = client.on(\n      \"userTranscriptionChange\",\n      (transcription) => {\n        setUserTranscription(transcription);\n      },\n    );\n\n    // Speaking change listener\n    const unsubSpeaking = client.on(\"speakingChange\", (speaking) => {\n      setIsSpeaking(speaking);\n    });\n\n    // Bot ready listener\n    const unsubBotReady = client.on(\"botReady\", () => {\n      setIsBotReady(true);\n      setActivity(\"Connected\");\n    });\n\n    // Connect listener\n    const unsubConnect = client.on(\"connect\", () => {\n      setState(client.state);\n    });\n\n    // Disconnect listener\n    const unsubDisconnect = client.on(\"disconnect\", () => {\n      setIsBotReady(false);\n      setState(client.state);\n      setActivity(\"Disconnected\");\n      setChatMessages([]);\n      // Reset control states on disconnect\n      setIsAudioMuted(true);\n      setIsVideoEnabled(false);\n      setIsScreenShareActive(false);\n    });\n\n    // WebSocket transport: play bot audio track via a hidden <audio> element\n    const wsAudioEl = document.createElement(\"audio\");\n    wsAudioEl.autoplay = true;\n    wsAudioEl.dataset.convaiWs = \"true\";\n    document.body.appendChild(wsAudioEl);\n\n    const unsubBotAudioTrack = client.on(\n      \"botAudioTrack\",\n      (track: MediaStreamTrack) => {\n        wsAudioEl.srcObject = new MediaStream([track]);\n      },\n    );\n\n    // Disconnect listener also clears WS audio\n    const unsubDisconnectWsAudio = client.on(\"disconnect\", () => {\n      wsAudioEl.srcObject = null;\n    });\n\n    // Audio controls state change listener\n    const unsubAudioState = client.audioControls.on(\"audioStateChange\", (audioState: any) => {\n      if (audioState.isAudioMuted !== undefined) {\n        setIsAudioMuted(audioState.isAudioMuted);\n      }\n    });\n\n    // Video controls state change listener\n    const unsubVideoState = client.videoControls.on(\"videoStateChange\", (videoState: any) => {\n      if (videoState.isVideoEnabled !== undefined) {\n        setIsVideoEnabled(videoState.isVideoEnabled);\n      }\n    });\n\n    // Screen share controls state change listener\n    const unsubScreenShareState = client.screenShareControls.on(\"screenShareStateChange\", (screenShareState: any) => {\n      if (screenShareState.isScreenShareActive !== undefined) {\n        setIsScreenShareActive(screenShareState.isScreenShareActive);\n      }\n    });\n\n    // Cleanup listeners on unmount\n    return () => {\n      unsubStateChange();\n      unsubMessagesChange();\n      unsubUserTranscription();\n      unsubSpeaking();\n      unsubBotReady();\n      unsubConnect();\n      unsubDisconnect();\n      unsubBotAudioTrack();\n      unsubDisconnectWsAudio();\n      unsubAudioState();\n      unsubVideoState();\n      unsubScreenShareState();\n      wsAudioEl.srcObject = null;\n      wsAudioEl.remove();\n    };\n  }, [client]);\n\n  // Create enhanced connect function that can use stored config\n  const connect = useCallback(\n    async (configOverride?: ConvaiConfig) => {\n      const finalConfig = configOverride || storedConfig;\n\n      if (!finalConfig) {\n        throw new Error(\n          \"No configuration provided. Pass config to useConvaiClient() or to connect()\",\n        );\n      }\n\n      await client.connect(finalConfig);\n    },\n    [client, storedConfig],\n  );\n\n  // Create reconnect function wrapper\n  const reconnect = useCallback(async () => {\n    await client.reconnect();\n  }, [client]);\n\n  // Return client interface with React-friendly additions\n  return {\n    state,\n    connectionType: client.connectionType,\n    ...(client.apiKey && { apiKey: client.apiKey }),\n    ...(client.authToken && { authToken: client.authToken }),\n    characterId: client.characterId,\n    characterVersion: client.characterVersion,\n    characterReference: client.characterReference,\n    connect,\n    connectWithConnectionData: client.connectWithConnectionData.bind(client),\n    disconnect: client.disconnect.bind(client),\n    reconnect,\n    resetSession: client.resetSession.bind(client),\n    room: client.room,\n    sendUserTextMessage: client.sendUserTextMessage.bind(client),\n    sendTriggerMessage: client.sendTriggerMessage.bind(client),\n    sendInterruptMessage: client.sendInterruptMessage.bind(client),\n    resetIdleTimer: client.resetIdleTimer.bind(client),\n    updateTemplateKeys: client.updateTemplateKeys.bind(client),\n    updateDynamicInfo: client.updateDynamicInfo.bind(client),\n    updateContext: client.updateContext.bind(client),\n    updateEmotion: client.updateEmotion.bind(client),\n    visionStatus: client.visionStatus.bind(client),\n    visionTrigger: client.visionTrigger.bind(client),\n    respondModeUpdate: client.respondModeUpdate.bind(client),\n    updateSceneMetadata: client.updateSceneMetadata.bind(client),\n    activity,\n    chatMessages,\n    userTranscription,\n    characterSessionId: client.characterSessionId,\n    isBotReady,\n    audioControls: client.audioControls,\n    videoControls: client.videoControls,\n    screenShareControls: client.screenShareControls,\n    blendshapeQueue: client.blendshapeQueue,\n    conversationSessionId: client.conversationSessionId,\n    memoryManager: client.memoryManager,\n    characterVersions: client.characterVersions,\n    toggleTts: client.toggleTts.bind(client),\n    toggleStt: client.toggleStt.bind(client),\n    uploadFile: client.uploadFile.bind(client),\n    on: client.on.bind(client),\n    off: client.off.bind(client),\n    // Reactive control states\n    isAudioMuted,\n    isVideoEnabled,\n    isScreenShareActive,\n  };\n};\n"]}

package/dist/react/index.d.ts

@@ -1,8 +1,8 @@
-export { useConvaiClient } from './hooks/useConvaiClient';
-export { ConvaiWidget } from './components/ConvaiWidget';
-export * from './hooks';
-export * from '../core/types';
-export { getDisconnectReasonMessage } from '../core/types';
-export { ConvaiClient } from '../core';
+export { useConvaiClient } from './hooks/useConvaiClient.js';
+export { ConvaiWidget } from './components/ConvaiWidget.js';
+export * from './hooks/index.js';
+export * from '../core/types.js';
+export { getDisconnectReasonMessage } from '../core/types.js';
+export { ConvaiClient } from '../core/index.js';
 export { RoomAudioRenderer as AudioRenderer, RoomContext as AudioContext } from '@livekit/components-react';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.js

@@ -1,15 +1,15 @@
 // Main hook (backward compatible)
-export { useConvaiClient } from './hooks/useConvaiClient';
+export { useConvaiClient } from './hooks/useConvaiClient.js';
 // Components
-export { ConvaiWidget } from './components/ConvaiWidget';
+export { ConvaiWidget } from './components/ConvaiWidget.js';
 // Additional hooks (for advanced usage)
-export * from './hooks';
+export * from './hooks/index.js';
 // Re-export core types for convenience
-export * from '../core/types';
+export * from '../core/types.js';
 // Re-export helper functions explicitly
-export { getDisconnectReasonMessage } from '../core/types';
+export { getDisconnectReasonMessage } from '../core/types.js';
 // Re-export core client for advanced usage
-export { ConvaiClient } from '../core';
+export { ConvaiClient } from '../core/index.js';
 // Re-export LiveKit components for convenience (backward compatible)
 export { RoomAudioRenderer as AudioRenderer, RoomContext as AudioContext } from '@livekit/components-react';
 //# sourceMappingURL=index.js.map

package/dist/vanilla/AudioRenderer.js

@@ -1,5 +1,5 @@
 import { RoomEvent } from 'livekit-client';
-import { logger } from '../utils/logger';
+import { logger } from '../utils/logger.js';
 /**
  * AudioRenderer - Manages audio playback for remote participants
  * Automatically creates and attaches audio elements for remote audio tracks

package/dist/vanilla/ConvaiWidget.d.ts

@@ -2,7 +2,7 @@
  * Vanilla ConvaiWidget - Complete UI widget for Convai conversations
  * Ports the React ConvaiWidget to vanilla TypeScript with DOM manipulation
  */
-import type { VanillaWidgetOptions, VanillaWidget } from "./types";
+import type { VanillaWidgetOptions, VanillaWidget } from "./types.js";
 /**
  * Create a Convai chat widget in the specified container
  *

package/dist/vanilla/ConvaiWidget.js

@@ -2,10 +2,10 @@
  * Vanilla ConvaiWidget - Complete UI widget for Convai conversations
  * Ports the React ConvaiWidget to vanilla TypeScript with DOM manipulation
  */
-import { AudioRenderer } from "./AudioRenderer";
-import { aeroTheme, injectGlobalStyles, injectKeyframes, } from "./styles";
-import { Icons } from "./icons";
-import { ConvaiClient } from "../core/ConvaiClient";
+import { AudioRenderer } from "./AudioRenderer.js";
+import { aeroTheme, injectGlobalStyles, injectKeyframes, } from "./styles.js";
+import { Icons } from "./icons.js";
+import { ConvaiClient } from "../core/ConvaiClient.js";
 /**
  * Positioning declarations for the widget root, keyed by `placement`. The
  * `bottom-right` entry must stay byte-identical to the literals it replaces --

package/dist/vanilla/WebSocketSession.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../core/EventEmitter";
+import { EventEmitter } from "../core/EventEmitter.js";
 /**
  * Adapter that wraps PipecatClient + WebSocketTransport for use in ConvaiClient.
  *

package/dist/vanilla/WebSocketSession.js

@@ -1,6 +1,6 @@
 import { PipecatClient, RTVIEvent } from "@pipecat-ai/client-js";
 import { WebSocketTransport } from "@pipecat-ai/websocket-transport";
-import { EventEmitter } from "../core/EventEmitter";
+import { EventEmitter } from "../core/EventEmitter.js";
 /**
  * Adapter that wraps PipecatClient + WebSocketTransport for use in ConvaiClient.
  *

package/dist/vanilla/index.d.ts

@@ -28,9 +28,10 @@
  * // - client.audioControls, videoControls, etc.
  * ```
  */
-export { ConvaiClient } from '../core/ConvaiClient';
-export { AudioRenderer } from './AudioRenderer';
-export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';
-export * from '../core/types';
-export type { VanillaWidget, VanillaWidgetOptions, WidgetPlacement, } from './types';
+export { ConvaiClient } from '../core/ConvaiClient.js';
+export { CharacterVersionManager, CharacterApiError } from '../core/CharacterVersionManager.js';
+export { AudioRenderer } from './AudioRenderer.js';
+export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget.js';
+export * from '../core/types.js';
+export type { VanillaWidget, VanillaWidgetOptions, WidgetPlacement, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/vanilla/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGzE,cAAc,eAAe,CAAC;AAG9B,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,eAAe,GAChB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAG7F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGzE,cAAc,eAAe,CAAC;AAG9B,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,eAAe,GAChB,MAAM,SAAS,CAAC"}

package/dist/vanilla/index.js

@@ -29,11 +29,12 @@
  * ```
  */
 // Main client for managing connections
-export { ConvaiClient } from '../core/ConvaiClient';
+export { ConvaiClient } from '../core/ConvaiClient.js';
+export { CharacterVersionManager, CharacterApiError } from '../core/CharacterVersionManager.js';
 // AudioRenderer for custom UI builders (handles audio playback)
-export { AudioRenderer } from './AudioRenderer';
+export { AudioRenderer } from './AudioRenderer.js';
 // Vanilla widget - complete UI solution
-export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';
+export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget.js';
 // Re-export ALL core types for complete parity with React
-export * from '../core/types';
+export * from '../core/types.js';
 //# sourceMappingURL=index.js.map

package/dist/vanilla/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,uCAAuC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,gEAAgE;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,wCAAwC;AACxC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,0DAA0D;AAC1D,cAAc,eAAe,CAAC","sourcesContent":["/**\n * Convai Web SDK - Vanilla JavaScript/TypeScript Export\n * \n * This module provides vanilla JS/TS exports for the Convai SDK.\n * Use this for non-React applications.\n * \n * @example\n * ```typescript\n * import { ConvaiClient, createConvaiWidget } from '@convai/web-sdk/vanilla';\n * \n * // Pass config to constructor (same pattern as React's useConvaiClient)\n * const client = new ConvaiClient({\n *   apiKey: 'your-api-key',\n *   characterId: 'your-character-id',\n *   enableVideo: true,\n * });\n * \n * // Create widget - auto-connects on first click\n * const widget = createConvaiWidget(document.body, {\n *   convaiClient: client\n * });\n * \n * // Client has all functions for advanced usage:\n * // - client.connect() - manual connection\n * // - client.disconnect() - disconnect\n * // - client.reconnect() - reconnect\n * // - client.sendUserTextMessage() - send messages\n * // - client.audioControls, videoControls, etc.\n * ```\n */\n\n// Main client for managing connections\nexport { ConvaiClient } from '../core/ConvaiClient';\n\n// AudioRenderer for custom UI builders (handles audio playback)\nexport { AudioRenderer } from './AudioRenderer';\n\n// Vanilla widget - complete UI solution\nexport { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';\n\n// Re-export ALL core types for complete parity with React\nexport * from '../core/types';\n\n// Widget-specific types\nexport type {\n  VanillaWidget,\n  VanillaWidgetOptions,\n  WidgetPlacement,\n} from './types';\n\n\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,uCAAuC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAE7F,gEAAgE;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,wCAAwC;AACxC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,0DAA0D;AAC1D,cAAc,eAAe,CAAC","sourcesContent":["/**\n * Convai Web SDK - Vanilla JavaScript/TypeScript Export\n * \n * This module provides vanilla JS/TS exports for the Convai SDK.\n * Use this for non-React applications.\n * \n * @example\n * ```typescript\n * import { ConvaiClient, createConvaiWidget } from '@convai/web-sdk/vanilla';\n * \n * // Pass config to constructor (same pattern as React's useConvaiClient)\n * const client = new ConvaiClient({\n *   apiKey: 'your-api-key',\n *   characterId: 'your-character-id',\n *   enableVideo: true,\n * });\n * \n * // Create widget - auto-connects on first click\n * const widget = createConvaiWidget(document.body, {\n *   convaiClient: client\n * });\n * \n * // Client has all functions for advanced usage:\n * // - client.connect() - manual connection\n * // - client.disconnect() - disconnect\n * // - client.reconnect() - reconnect\n * // - client.sendUserTextMessage() - send messages\n * // - client.audioControls, videoControls, etc.\n * ```\n */\n\n// Main client for managing connections\nexport { ConvaiClient } from '../core/ConvaiClient';\nexport { CharacterVersionManager, CharacterApiError } from '../core/CharacterVersionManager';\n\n// AudioRenderer for custom UI builders (handles audio playback)\nexport { AudioRenderer } from './AudioRenderer';\n\n// Vanilla widget - complete UI solution\nexport { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';\n\n// Re-export ALL core types for complete parity with React\nexport * from '../core/types';\n\n// Widget-specific types\nexport type {\n  VanillaWidget,\n  VanillaWidgetOptions,\n  WidgetPlacement,\n} from './types';\n\n\n"]}

package/dist/vanilla/types.d.ts

@@ -1,4 +1,4 @@
-import type { IConvaiClient, ChatMessage } from '../core/types';
+import type { IConvaiClient, ChatMessage } from '../core/types.js';
 /** Where the widget anchors itself. `inline` renders it in normal document flow. */
 export type WidgetPlacement = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'inline';
 /**

package/dist/vanilla/websocket.d.ts

@@ -1,3 +1,3 @@
-import { WebSocketSession } from "./WebSocketSession";
+import { WebSocketSession } from "./WebSocketSession.js";
 export { WebSocketSession };
 //# sourceMappingURL=websocket.d.ts.map

package/dist/vanilla/websocket.js

@@ -14,8 +14,8 @@
  * const client = new ConvaiClient({ transport: 'websocket', ... });
  * ```
  */
-import { ConvaiClient } from "../core/ConvaiClient";
-import { WebSocketSession } from "./WebSocketSession";
+import { ConvaiClient } from "../core/ConvaiClient.js";
+import { WebSocketSession } from "./WebSocketSession.js";
 // Side-effect: register the Pipecat-backed factory with ConvaiClient.
 // After this runs, any ConvaiClient instance can use transport: "websocket".
 ConvaiClient.registerWebSocketTransport((onMessage, enableMic) => new WebSocketSession(onMessage, enableMic));

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const SDK_VERSION = "1.8.0-beta.3";
+export declare const SDK_VERSION = "1.8.0-beta.5";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,4 +1,4 @@
 // GENERATED by scripts/sync-version.mjs — do not edit by hand.
 // Regenerated from package.json on every build.
-export const SDK_VERSION = "1.8.0-beta.3";
+export const SDK_VERSION = "1.8.0-beta.5";
 //# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,gDAAgD;AAChD,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAC","sourcesContent":["// GENERATED by scripts/sync-version.mjs — do not edit by hand.\n// Regenerated from package.json on every build.\nexport const SDK_VERSION = \"1.8.0-beta.3\";\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,gDAAgD;AAChD,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAC","sourcesContent":["// GENERATED by scripts/sync-version.mjs — do not edit by hand.\n// Regenerated from package.json on every build.\nexport const SDK_VERSION = \"1.8.0-beta.5\";\n"]}