@convai/web-sdk 1.8.0-beta.2 → 1.8.0-beta.4

package/dist/lipsync-helpers/createBlendshapeQueue.d.ts

@@ -6,8 +6,8 @@
  * - MetaHuman passthrough
  * - Custom mapper
  */
-import { BlendshapeQueue } from '../core/BlendshapeQueue';
-import { BlendshapeMappingConfig, BlendshapeMapper } from './mappingTypes';
+import { BlendshapeQueue } from '../core/BlendshapeQueue.js';
+import { BlendshapeMappingConfig, BlendshapeMapper } from './mappingTypes.js';
 /**
  * Create a BlendshapeQueue with the specified mapping configuration
  *

package/dist/lipsync-helpers/createBlendshapeQueue.js

@@ -6,8 +6,8 @@
  * - MetaHuman passthrough
  * - Custom mapper
  */
-import { BlendshapeQueue } from '../core/BlendshapeQueue';
-import { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper } from './presetMappers';
+import { BlendshapeQueue } from '../core/BlendshapeQueue.js';
+import { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper } from './presetMappers.js';
 /**
  * Create a BlendshapeQueue with the specified mapping configuration
  *

package/dist/lipsync-helpers/declarativeMapping.d.ts

@@ -15,7 +15,7 @@
  * };
  * ```
  */
-import type { BlendshapeMapper } from './mappingTypes';
+import type { BlendshapeMapper } from './mappingTypes.js';
 /**
  * Declarative mapping configuration
  * Maps source blendshape names to target blendshape names

package/dist/lipsync-helpers/declarativeMapping.js

@@ -15,8 +15,8 @@
  * };
  * ```
  */
-import { ARKIT_ORDER_61 } from './arkitOrder61';
-import { METAHUMAN_ORDER_251 } from './metahumanOrder251';
+import { ARKIT_ORDER_61 } from './arkitOrder61.js';
+import { METAHUMAN_ORDER_251 } from './metahumanOrder251.js';
 /**
  * Create a mapper from ARKit format using declarative name mapping
  *

package/dist/lipsync-helpers/index.d.ts

@@ -4,16 +4,16 @@
  * Essential blendshape order arrays for ARKit and MetaHuman formats.
  * These define the order in which blendshape values are received from Convai's server.
  */
-export { ARKIT_ORDER_61, STANDARD_ARKIT_ORDER, convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61";
-export { METAHUMAN_ORDER_251, METAHUMAN_CATEGORIES, KEY_METAHUMAN_LIPSYNC, getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251";
-export type { BlendshapeMapper, BlendshapeFormat, BlendshapeMappingConfig, } from "./mappingTypes";
-export { PRESET_MAPPINGS, } from "./mappingTypes";
-export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers";
-export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue";
-export type { BlendshapeNameMapping, OptimizedBlendshapeOutput, } from "./declarativeMapping";
-export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping";
-export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor";
-export type { LipsyncFormat, LipsyncFormatProfile, LipsyncProcessorOptions, LipsyncEnvelopeOptions, LipsyncMeshBinding, } from "./naturalness/types";
-export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha";
-export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers";
+export { ARKIT_ORDER_61, STANDARD_ARKIT_ORDER, convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61.js";
+export { METAHUMAN_ORDER_251, METAHUMAN_CATEGORIES, KEY_METAHUMAN_LIPSYNC, getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251.js";
+export type { BlendshapeMapper, BlendshapeFormat, BlendshapeMappingConfig, } from "./mappingTypes.js";
+export { PRESET_MAPPINGS, } from "./mappingTypes.js";
+export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers.js";
+export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue.js";
+export type { BlendshapeNameMapping, OptimizedBlendshapeOutput, } from "./declarativeMapping.js";
+export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping.js";
+export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor.js";
+export type { LipsyncFormat, LipsyncFormatProfile, LipsyncProcessorOptions, LipsyncEnvelopeOptions, LipsyncMeshBinding, } from "./naturalness/types.js";
+export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha.js";
+export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/lipsync-helpers/index.js

@@ -13,7 +13,7 @@ ARKIT_ORDER_61,
 // Standard ARKit 52-element order
 STANDARD_ARKIT_ORDER, 
 // Helper functions
-convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61";
+convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61.js";
 // ============================================================================
 // METAHUMAN FORMAT (251 CTRL_expressions_* blendshapes)
 // ============================================================================
@@ -25,16 +25,16 @@ METAHUMAN_CATEGORIES,
 // Key lipsync blendshapes
 KEY_METAHUMAN_LIPSYNC, 
 // Helper functions
-getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251";
-export { PRESET_MAPPINGS, } from "./mappingTypes";
-export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers";
-export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue";
-export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping";
+getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251.js";
+export { PRESET_MAPPINGS, } from "./mappingTypes.js";
+export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers.js";
+export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue.js";
+export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping.js";
 // Modular naturalness pipeline: format profiles + one-call processor.
 // createLipsyncProcessor('mha') wraps symmetrize → limits → gains →
 // envelope → mesh application; new formats plug in as profiles.
-export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor";
-export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha";
+export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor.js";
+export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha.js";
 // Flat MHA convenience wrappers over the profile (piecemeal use)
-export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers";
+export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers.js";
 //# sourceMappingURL=index.js.map

package/dist/lipsync-helpers/mhaLimitDrivers.js

@@ -1,5 +1,5 @@
-import { METAHUMAN_ORDER_251 } from "./metahumanOrder251";
-import { MHA_PROFILE, MHA_RECOMMENDED_GAIN_TABLE, mhaChannelIndex, } from "./naturalness/profiles/mha";
+import { METAHUMAN_ORDER_251 } from "./metahumanOrder251.js";
+import { MHA_PROFILE, MHA_RECOMMENDED_GAIN_TABLE, mhaChannelIndex, } from "./naturalness/profiles/mha.js";
 /**
  * Flat MHA convenience helpers — thin wrappers over the modular
  * naturalness profile (see `naturalness/`). Prefer

package/dist/lipsync-helpers/naturalness/processor.d.ts

@@ -1,4 +1,4 @@
-import type { LipsyncFormat, LipsyncFormatProfile, LipsyncMeshBinding, LipsyncProcessorOptions } from "./types";
+import type { LipsyncFormat, LipsyncFormatProfile, LipsyncMeshBinding, LipsyncProcessorOptions } from "./types.js";
 /** Resolve a registered format profile; throws a helpful error otherwise. */
 export declare function getLipsyncProfile(format: LipsyncFormat): LipsyncFormatProfile;
 export interface LipsyncProcessor {

package/dist/lipsync-helpers/naturalness/processor.js

@@ -1,4 +1,4 @@
-import { MHA_PROFILE } from "./profiles/mha";
+import { MHA_PROFILE } from "./profiles/mha.js";
 /**
  * createLipsyncProcessor — the one-call naturalness pipeline for a stream
  * format. Wraps every per-frame pattern from the lipsync docs:

package/dist/lipsync-helpers/naturalness/profiles/mha.d.ts

@@ -1,4 +1,4 @@
-import type { LipsyncFormatProfile } from "../types";
+import type { LipsyncFormatProfile } from "../types.js";
 /** Production-tuned per-channel gains (short name → gain). */
 export declare const MHA_RECOMMENDED_GAIN_TABLE: Record<string, number>;
 export declare const MHA_PROFILE: LipsyncFormatProfile;

package/dist/lipsync-helpers/naturalness/profiles/mha.js

@@ -1,4 +1,4 @@
-import { METAHUMAN_ORDER_251 } from "../../metahumanOrder251";
+import { METAHUMAN_ORDER_251 } from "../../metahumanOrder251.js";
 /**
  * MetaHuman (`mha`, 251-channel) format profile.
  *

package/dist/lipsync-helpers/presetMappers.d.ts

@@ -3,7 +3,7 @@
  *
  * Simple passthrough mappers for ARKit and MetaHuman formats
  */
-import { BlendshapeMapper } from './mappingTypes';
+import { BlendshapeMapper } from './mappingTypes.js';
 /**
  * ARKit Passthrough Mapper
  * Input: 61-element ARKit array from server

package/dist/react/components/ConvaiWidget.d.ts

@@ -1,4 +1,4 @@
-import type { IConvaiClient } from "../../core/types";
+import type { IConvaiClient } from "../../core/types.js";
 interface ConvaiWidgetProps {
     /** Convai client instance (required) */
     convaiClient: IConvaiClient & {

package/dist/react/components/ConvaiWidget.js

@@ -5,12 +5,12 @@ import { FiMoreVertical, FiSend, FiPhoneOff } from "react-icons/fi";
 import { IoVolumeMute, IoVolumeHigh } from "react-icons/io5";
 import { PiWaveform } from "react-icons/pi";
 import { RoomContext } from "@livekit/components-react";
-import { useCharacterInfo } from "../hooks/useCharacterInfo";
-import { AudioRenderer } from "../../vanilla/AudioRenderer";
+import { useCharacterInfo } from "../hooks/useCharacterInfo.js";
+import { AudioRenderer } from "../../vanilla/AudioRenderer.js";
 // Import styled components and theme from rtc-widget
-import { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, aeroTheme, iosTransitions, ConvaiLogo, ChevronDown, } from "./rtc-widget";
+import { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, aeroTheme, iosTransitions, ConvaiLogo, ChevronDown, } from "./rtc-widget/index.js";
 // Import message components
-import { MessageList, SettingsTray, VoiceModeOverlay, FloatingVideo, } from "./rtc-widget";
+import { MessageList, SettingsTray, VoiceModeOverlay, FloatingVideo, } from "./rtc-widget/index.js";
 /**
  * ConvaiWidget - A consolidated chat widget component for real-time conversations
  *

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

@@ -1,2 +1,2 @@
-export { ConvaiWidget } from './ConvaiWidget';
+export { ConvaiWidget } from './ConvaiWidget.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/index.js

@@ -1,3 +1,3 @@
 // Main widget component
-export { ConvaiWidget } from './ConvaiWidget';
+export { ConvaiWidget } from './ConvaiWidget.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { AudioSettings } from "../../../../core/types";
+import { AudioSettings } from "../../../../core/types.js";
 interface AudioSettingsPanelProps {
     currentSettings: AudioSettings;
     onUpdateSettings: (settings: Partial<AudioSettings>) => Promise<void>;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { aeroTheme } from "../styles";
-import { ConvaiLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, } from "../styles";
-import { MarkdownRenderer } from "./MarkdownRenderer";
+import { aeroTheme } from "../styles/index.js";
+import { ConvaiLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, } from "../styles/index.js";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
 export const ConviMessage = ({ message, timestamp, className, showLogo = true, sender, }) => {
     return (_jsxs(ConviMessageContainer, { className: className, children: [_jsxs(ConviBubble, { children: [showLogo && (_jsxs(MessageHeader, { children: [_jsx(LogoWrapper, { children: _jsx(ConvaiLogo, { size: "sm", color: "#10b981", animate: false, state: "connected" }) }), _jsx(ConviLabel, { children: sender })] })), _jsx(MarkdownRenderer, { text: message })] }), timestamp && (_jsx("span", { style: {
                     fontSize: aeroTheme.typography.sizes.caption,

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

@@ -4,9 +4,9 @@ import { motion } from "framer-motion";
 import { VideoTrack, RoomContext, useRoomContext } from "@livekit/components-react";
 import { IoClose, IoVideocamOff } from "react-icons/io5";
 import { MdDragIndicator } from "react-icons/md";
-import { aeroTheme } from "../styles/theme";
-import { iosTransitions } from "../styles/framerConfig";
-import { useLocalCameraTrack } from "../../../hooks/useLocalCameraTrack";
+import { aeroTheme } from "../styles/theme.js";
+import { iosTransitions } from "../styles/framerConfig.js";
+import { useLocalCameraTrack } from "../../../hooks/useLocalCameraTrack.js";
 /**
  * LocalVideoDisplay component for rendering local camera feed inside FloatingVideo.
  */

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BubbleContainer, Bubble, Timestamp } from "../styles";
+import { BubbleContainer, Bubble, Timestamp } from "../styles/index.js";
 const bubbleVariants = {
     initial: {
         opacity: 0,

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

@@ -1,4 +1,4 @@
-import { RTCChatMessage } from "../types";
+import { RTCChatMessage } from "../types/index.js";
 type Message = RTCChatMessage;
 interface MessageListProps {
     messages: Message[];

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useEffect, useCallback } from "react";
-import { UserMessage } from "./UserMessage";
-import { ConviMessage } from "./ConviMessage";
-import { aeroTheme } from "../styles";
-import { MessageListContainer, MessageWrapper, EmptyState } from "../styles";
+import { UserMessage } from "./UserMessage.js";
+import { ConviMessage } from "./ConviMessage.js";
+import { aeroTheme } from "../styles/index.js";
+import { MessageListContainer, MessageWrapper, EmptyState } from "../styles/index.js";
 export const MessageList = ({ messages, className, isStreaming = false, forceToBottomToken, }) => {
     const containerRef = useRef(null);
     const [shouldAutoScroll, setShouldAutoScroll] = React.useState(true);

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { aeroTheme } from "../styles";
-import { UserBubble, UserMessageContainer, MessageHeader, UserLabel, LogoWrapper, } from "../styles";
+import { aeroTheme } from "../styles/index.js";
+import { UserBubble, UserMessageContainer, MessageHeader, UserLabel, LogoWrapper, } from "../styles/index.js";
 import { FaUser } from "react-icons/fa";
-import { MarkdownRenderer } from "./MarkdownRenderer";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
 export const UserMessage = ({ message, timestamp, className, sender, }) => {
     return (_jsxs(UserMessageContainer, { className: className, children: [_jsxs(UserBubble, { children: [sender && (_jsxs(MessageHeader, { children: [_jsx(LogoWrapper, { children: _jsx(FaUser, { size: 16, color: aeroTheme.colors.convai.dark }) }), _jsx(UserLabel, { children: sender === "User" ? "You" : sender })] })), _jsx(MarkdownRenderer, { text: message })] }), timestamp && (_jsx("span", { style: {
                     fontSize: aeroTheme.typography.sizes.caption,

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.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.

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